@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
body { margin: 0; padding: 0;font-family: "Lato", sans-serif; overflow-x: hidden;}
p, li {color: #272727;font-size: 15px;line-height: 1.6;letter-spacing: .8px;margin: 0 0 15px 0;font-family: "Lato", sans-serif;}
p { text-align: justify}
.main-table li {color: #313131;font-size: 15px;letter-spacing: .4px;line-height: 1.5;margin: 0 0 10px 0;font-family: "Lato", sans-serif;}
a { text-decoration: none !important;font-family: "Lato", sans-serif;}
h1, h2, h3, h4, h5, h6 {font-family: "Lato", sans-serif;}
section.why-us-section{
    padding: 45px 0px 27px 0px;
}
.main-table { text-align: left; padding: 4% 0;}
.main-table ul { list-style-image: url(image/angle-double-right.png);}

#widgetsControl_C, #widgetsControl{ height: auto !important;}
#Div_body .container-fluid { margin: 0; padding: 0;}

#MenuControl .nav-item { margin: 0}
#MenuControl .nav-item .nav-link {color: #000;fon;font-size: 16px;font-weight: 600;}
#MenuControl .nav-fill{ width:100%;}
#MenuControl .bg-light {background: #fff!important;height: 100%;}

@media (min-width: 320px) and (max-width: 768px ){
    .navbar-toggler { position: absolute; right: 15px; top: -60px; background: #fff}
    #MenuControl, #MenuControl_C { height: 0 !important;}
    #HeaderControl, #HeaderControl_C {height: 75px !important;background: #ffffff;}
    .navbar-collapse {background: #ffffff;margin-top: -10px}
}
.hm_heading{font-size: 44px; color: #21145f; margin-bottom: 14px;}
.hm_heading strong {position: relative;z-index: 1;}
.hm_heading strong:after {position: absolute;left: -5%;bottom: 0;content: "";height: 100%;width: 110%;background: url(../Image/under_line.png);background-size: contain;background-repeat: no-repeat;background-position: bottom;z-index: -1;}

.why-us-section .hm_heading strong:after {position: absolute;left: -5%;bottom: 0;content: "";height: 30%;width: 110%;background: url(../Image/under_line.png);background-size: contain;background-repeat: no-repeat;background-position: bottom;z-index: -1; bottom: -10px}

.heading { color: #21145f; font-size: 40px; font-weight: 600; margin: 0 0 18px 0;}
.sub-heading { font-size: 24px; color: #21145f; font-weight: 700; margin: 0 0 15px 0; border-bottom: 1px dashed #a5a5a5; padding: 5px 0;}
.sub-heading1 { font-size: 18px; color: #21145f; font-weight: 600; margin: 0 0 15px 0; padding: 5px 0; line-height: 1.4;}
.sub-heading2 { font-size: 30px; color: #21145f; font-weight: 600; margin: 0 0 12px 0; padding: 4px 0; line-height: 1.4; border-bottom: 1px dashed #a5a5a5;}
.custom-btn {color: #fff;background: #ff8717;display: inline-block;padding: 14px 30px;font-size: 16px;font-weight: 600;letter-spacing: .7px;}
.custom-btn:hover {background: #ff8717e6;color: #fff;}

header .logo { width: 270px; padding: 12px 0;}

.banner-section { border-top: 5px solid #00aeef;}
.banner-section .carousel-item { position: relative;}
.banner-section .carousel-item::after { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-image: linear-gradient(#00aeefa6 0%, #21145fd9);}
.banner-section .carousel-item .carousel-caption { z-index: 2; text-align: left; width: 40%; top: 32%;}
.banner-section .carousel-item .carousel-caption h1 { font-size: 42px; font-weight: 600; margin: 0 0 30px 0; line-height: 1.3; word-spacing: 8px;}
.banner-section .carousel-item .carousel-caption .custom-btn { font-size: 20px;}
.banner-section .carousel-indicators {top: 50%;left: 98% !important;transform: translate(0, -50%); margin: 0; bottom: auto; display: inline-block;} 
.banner-section .carousel-indicators [data-bs-target] { display: block; width: 10px; height: 10px; margin: 12px 0; border: 0; opacity: 1; border: 1px solid #fff; background: transparent; border-radius: 50%;}
.banner-section .carousel-indicators .active { background: #fff;}

/*--------------------------------------------------------------
# Banner_btm
--------------------------------------------------------------*/
.bnr_btm {position: relative;z-index: 1; padding: 7% 0;}
.bnr_btm::after {position: absolute;left: 5%;right: 5%;bottom: 210px;border-bottom: 1px solid #e7e7e7;content: "";z-index: -1}
.bnr_btm_item .icon {height: 120px;width: 120px;display: inline-block;text-align: center;line-height: 120px;color: #fff;border-radius: 50%;font-size: 48px;margin-bottom: 30px;position: relative;z-index: 1;transition: all .35s ease-in-out}
.bnr_btm_item .icon i {transition: all .15s ease-in-out}
.bnr_btm_item .icon:before {background-image: linear-gradient(45deg, #00aeef 0%, #21145f); transition: all .35s ease-in-out;position: absolute;left: 0;top: 0;content: "";height: 100%;width: 100%;border-radius: 50%;z-index: -1}
.bnr_btm_item:nth-child(2n) .icon:before {opacity: 0}
.bnr_btm_item:nth-child(2n) .icon {color: #00aeef;border: 1px solid #bcbcbc;}
.bnr_btm_item:nth-child(2n):hover .icon {color: #21145f}
.bnr_btm_item h4 a{font-size: 24px;color: #21145f;margin: 0;letter-spacing: .5px;font-weight: 700;}
.bnr_btm_item span {display: inline-block;margin-bottom: 15px;font-weight: 900;font-size: 60px;line-height: 1;color: transparent;-webkit-text-stroke: 1px #dbdbdb;background: #fff;padding: 0 15px;position: relative}
.bnr_btm_item .icon:after {position: absolute;left: 50%;top: 50%;content: "";height: 16px;width: 16px;background: #fff;z-index: -1;border-radius: 50%;animation: spinnerRotate 10s linear infinite;margin-left: -8px;margin-top: -8px;border: 2px solid #00aeef;transition: all .35s ease-in-out}
.bnr_btm_item:nth-child(2n) .icon:after {opacity: 0}
.bnr_btm_item:nth-child(2n) .icon:hover:after {opacity: 1}

@keyframes spinnerRotate {
    0% {
        -webkit-transform: rotate(0deg) translateX(73px);
        transform: rotate(0) translate(60px);
    }

    to {
        -webkit-transform: rotate(360deg) translateX(73px);
        transform: rotate(360deg) translate(60px);
    }
}
@keyframes spinnerRotateone {
    0% {
        -webkit-transform: rotate(0deg) translateY(73px);
        transform: rotate(0) translateY(73px)
    }

    to {
        -webkit-transform: rotate(360deg) translateY(73px);
        transform: rotate(360deg) translateY(73px)
    }
}

/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/
.Abt_sec { background: #ddd; padding: 7% 0;}
.abt_img .abt_item {position: relative;}
.abt_img .abt_item.abt_sec1 img{ border-radius: 8px; width: 80%;}
.abt_img .abt_item.abt_sec2 img{position: absolute; bottom: 40px; right: -60px; border: 4px solid #fff;border-radius: 8px; width: 300px; height: 230px; object-fit: cover;}
.abt_img .abt_item.counter-box {position: absolute;top: 25px;left: -50px;animation: movingX 8s linear infinite;background: linear-gradient(90deg, #f4f3f3 20%, #f4f3f3 100%);padding: 25px;border-radius: 6px;}
.counter-box_icon i { color: #21145f}
.abt_img .abt_item.line {position: absolute;top: 30px;right: 0;width: 10px;height: 172px;border-radius: 8px;background-image: linear-gradient(45deg, #00aeef 0%, #21145f);animation: jump 7s linear infinite;}
@media(max-width: 991px) {
    .abt_img {grid-template-columns:repeat(1,1fr)}
    .abt_img .abt_item.abt_sec2 {bottom: 39px;right: 150px}
    .abt_img .abt_item.line {top: 0;right: 180px}
}
@media(max-width: 767px) {
    .abt_img {gap:80px}
    .abt_img .abt_item {position: relative}
    .abt_img .abt_item.abt_sec2 {position: absolute;bottom: 39px;right: 0}
    .abt_img .abt_item.line {position: absolute;top: 0;right: 0;display: none}
    .abt_img .abt_item.counter-box{display: none;}
}

@keyframes movingX {
    0% {transform: translateX(0);}
    50% {transform: translateX(50px);}
    to {transform: translateX(0);}
}
@keyframes jump {
    0% {transform: translateY(0);}
    40% {transform: translateY(-30px);}
    to {transform: translateY(0);}
}

/*--------------------------------------------------------------
# Team
--------------------------------------------------------------*/
.team-sec { background: #ddd; padding: 7% 0;}
.team-card {position: relative;display: flex;justify-content: center;background-color: #eee;border-radius: 20px;padding-top: 57px;}
.team-card .team_img {position: relative;bottom: 41px;}
.team-card .team_img img {position: relative;z-index: 3}
.team-card .team_tittle {position: absolute; bottom: 13px;border-radius: 80px;background-color: #fff;box-shadow: 0 0 30px 0 rgba(0,0,0,.05);z-index: 5;transition: background 1s ease-in-out;}
.team-card .team_tittle .title {padding: 10px 80px;text-align: center;margin-bottom: 0}
.team-card .team_tittle .title a {color: #21145f;font-size: 19px;font-style: normal;font-weight: 700;line-height: 32px}
.team-card .team_tittle .text {padding: 6px 0;padding-top: 0;color: #000;text-align: center;font-size: 16px;font-style: normal;font-weight: 500;line-height: 32px;text-transform: capitalize}
.team-card:hover .team_tittle .title>a {color:#2667FF}
.team-card .bg {position: absolute;bottom: 0;left: 0;width: 370px;height: 343px;max-height: 0;overflow: hidden;object-fit: cover;opacity: 0;visibility: hidden;z-index: 1;transition: max-height .8s ease,opacity 1s ease,visibility 1s ease;}
.team-card .bg img {width: 100%;height: auto;border-radius: 8px}
.team-card:hover {background-color: transparent}
.team-card:hover .bg {max-height: 100vh;opacity: 1;visibility: visible}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
h4.modal-title.fs-5 {
    color: #000;
}
.modal-header .btn-close {
 /* background: #c6ff6b;*/
  padding: 5px 10px;
  color: #000;
  opacity: .9;
}
.fx-footer-btn .smt-btn {
  cursor: pointer;
  color: #fff;
  background: #ff8717;
  padding: 10px 30px;
  line-height: 26px;
  border: 2px solid #000;
  border-radius: 45px;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 1px;
}
.fx-footer-btn{position: relative;z-index: 9999;}
.fx-footer-btn .btn-primary{background: #ff8717;padding: 10px 23px;line-height: 26px;color: #fff;/* border: 2px solid #ff8717; */font-weight: bold;position: fixed;bottom: 0px;right: 20px;}

.footer {background: linear-gradient(45deg, #00aeef 0%, #21145f); padding: 4% 0 0 0;}
.footer .footer-about p {font-size: 14px;}
.footer .social-links a {display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;border-radius: 50%;/* border: 1px solid color-mix(in srgb,#212529, transparent 50%); */font-size: 16px;color: #21145f;margin-right: 10px;transition: 0.3s;background: #fff;}
.footer .social-links a:hover {color: #2667FF;border-color: #2667FF;}
.footer h4 {font-size: 20px;font-weight: bold; padding-bottom: 12px;margin-top: 10px; color: #fff; letter-spacing: .5px;}
.footer .footer-links {margin-bottom: 30px;}
.footer .footer-links ul {list-style: none;padding: 0;margin: 0;}
.footer .footer-links ul i {padding-right: 2px;font-size: 12px;line-height: 0;}
.footer .footer-links ul li { margin: 0 0 7px 0}
.footer .footer-links ul a, footer p { color: #e2e2e2; font-size: 15px; margin: 0 0 7px 0}
.footer .footer-links ul a:hover {color: #ffffff;}
.footer .copyright { margin: 2% 0 0 0; border-top: 1px solid rgba(255, 255, 255, .4); padding: 15px 0; background: #21145fba}
.footer .copyright p {margin-bottom: 0;}
.footer .credits, .footer .credits a { color: #e2e2e2}

.top {position: fixed;right: 18px;bottom: 30px;text-align: center;color: #fff;border-radius: 50%;background-color: #2667FF;width: 50px;height: 49px;line-height: 49px;z-index: 999;cursor: pointer;opacity: 0;transition: ease-in 0.5s;display: flex;justify-content: center;align-items: center;}
.top.scll-top {  opacity: 1; transition: ease-in 0.5s;  bottom: 56px;}
.top .fa { display: block !important;}

.heading-innerpage { padding: 5% 0; background-image: linear-gradient(45deg, #00aeef 0%, #21145f);}
.heading-innerpage h2 { color: #fff; font-size: 45px; font-weight: 600; margin: 0; text-transform: uppercase; letter-spacing: 2px; text-align: center; position: relative;}
.heading-innerpage h2::after { position: absolute; content: ''; background: #ffff; width: 140px; height: 2px; top: 60px; left: 0; right: 0; margin: 0 auto;} 

.contact-info { background: #21145f; padding: 30px; margin: 10px 0;}
.contact-info i { color: #e4e4e4; font-size: 30px;}
.contact-info h5 {color: #00aeef; text-transform: uppercase; font-size: 17px; font-weight: 700; letter-spacing: .5px; }
.contact-info p, .contact-info p a { color: #e0e0e0; margin: 0;}

.main-div{background-image: url(image/Accounting-ser.jpg); transition: 0.7s linear; opacity: 1; background-repeat: no-repeat; background-size: cover;}
.link-one {position: relative; height: 681px; display: block;  }
.link-one-line {
    -webkit-box-shadow: inset -2px 0px 0px 0px #fff;
    box-shadow: inset -2px 0px 0px 0px #fff;
}
.link-one h3 {
    font-size: 23px;
    font-weight: bold;
    color: #fff !important;
    padding: 50px 30px;
    margin: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.main-div .col:hover .link-one h3 {
    bottom: 50px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.link-one span {
    font-size: 18px;
    font-weight: bold;
    white-space: nowrap;
    color: #c99e67 !important;
    padding: 50px 30px;
    opacity: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.main-div .col:hover .link-one span {
    opacity: 1;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.services-section { background: #ddd; padding: 0 0 2% 0;}

@media (min-width: 320px) and (max-width:768px) {
    .link-one {position: relative; height: 280px; border-bottom: 1px solid #fff }
    .main-div .col { flex: auto}
}
 .callus2 {
   width: 100%;
   margin: 8px 0 0 0;
   text-align: right;
   position: fixed;
   bottom: 25%;
   right: 8px;
   width: 62px;
   height: 62px;
   z-index: 99999;
   }
    .callus2 .callusL2{
   width: 50px;
   height: 50px;
   font-size: 19px;
   border-radius: 100%;
   text-align: center;
   line-height: 45px;
   display: inline-block;
   background: #171717;
   color: #fff;
   margin: 0 20px 0 0}


    /*modal*/
.in .modal-open .modal-content{border-bottom-left-radius:0; border-bottom-right-radius:0;}
.in .modal-open .modal-hm-bg{background-color:#fff; border-top-left-radius:0; border-top-right-radius:0;border-bottom-left-radius:6px; border-bottom-right-radius:6px; padding-bottom:10px;}
.in .modal-header{color:#000; text-transform:uppercase; font-size: 20px; font-weight: bold;}
.in .modal-body input{display:inline-block; margin:7px auto;}
.in .modal-body center input{padding:7px 20px; color:#000; background:#87c232; border-radius:40px; transition:.3s;}
.in .modal-body center input:hover{color:#fff; background:#000;}
.in .modal-header .close{ /*background: #87c232;*/ padding: 5px 10px; color: #000; opacity:.9;position: absolute; right: 16px;}

.modal.in{ top:150px; z-index:999999999 !important;}
.in .modal-content{ padding:15px;}
.in .modal-backdrop{ z-index:9;}
.in .modal-open .modal-dialog{z-index:9999;}
.in .smt-btn {
    cursor: pointer;
    color: #fff;
    background: #ff0000;
    padding: 10px 30px;
    line-height: 26px;
    border: 2px solid #000;
    border-radius: 45px;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
}

/*modal*/
    .modal-header{display:flex;}
    .modal-header .close{margin-left:auto;}

.industry-card { border:1px solid #ddd; padding: 0 0 16px 0; border-radius: 8px;}
.industry-card img { border-radius: 8px 8px 0 0 }

.industry-card { border:1px solid #ddd; padding: 0 0 16px 0; border-radius: 8px;}
.industry-card img { border-radius: 8px 8px 0 0 }

.about-left-img { box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; border: 5px solid #fff; border-radius: 10px;}

.vision-mision-bx { box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; border: 5px solid #fff; border-radius: 10px; padding: 30px; min-height: 310px;}
.vision-mision-bx h4 { color: #21145f; font-size: 24px; font-weight: 550; margin: 0 0 12px 0;}
.vision-mision-bx ul { margin: 0;}

.our-process { background: #eeeeee;}