@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
body { margin: 0; padding: 0; font-family: "Ubuntu", sans-serif; overflow-x: hidden;}
p, li {color: #5a5a5a;font-size: 16px;line-height: 28px;font-weight: 400;margin: 0 0 15px 0;font-family: "Ubuntu", sans-serif;}
.main-table li {color: #5a5a5a;font-size: 16px;line-height: 25px;margin: 0 0 10px 0; font-family: "Ubuntu", sans-serif;}
a { text-decoration: none !important; font-family: "Ubuntu", sans-serif;}
h1, h2, h3, h4, h5, h6 { font-family: "Ubuntu", sans-serif;}

.main-table { text-align: left; padding: 5% 0;}

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

/* innr-pg-c Start */
.otherpagecss #RadDockZone1.container { max-width: 100%;}
.otherpagecss #RadDockZone1.container #HomepagecontentControl_C table { margin-top: 0 !important;}

.heading { color: #212121; font-size: 50px; font-weight: 700; margin: 0 0 20px 0;}
.title { font-size: 18px; line-height: 1.6;}
.title1 {color: #999;font-size: 19px;font-weight: 500;} 
.heading span { color: #999;}
.custom-btn { display: inline-block; background: #999; padding: 14px 42px; border-radius: 30px; font-size: 17px; font-weight: 500; color: #fff; font-size: 17px; letter-spacing: .8px; border: 1px solid #999; transition: all .3s ease-in-out;}
.custom-btn:hover { background: #0a0a0a; color: #999;}

.header img { width: 120px;}

.top-header {position: relative;padding: 20px;}
.top-header::after {content: '';position: absolute;width: 200%;height: 100%;background-image: linear-gradient(
90deg, transparent 54%, rgb(188 188 188 / 10%));top: 0;right: 4%;border-radius: 0 50px 50px 0}
.top-header a { position: relative; z-index: 2}
.top-header a i { color: #fff; font-size: 21px; padding: 5px 10px 0 0}
/*banner*/
.banner-sec {
    position: relative;
}
/*-----carousel zoom effect-----*/
@-webkit-keyframes zoom {
    from {
  -webkit-transform: scale(1, 1);
  }
  to {
    -webkit-transform: scale(1.4, 1.4);
  }
}

@keyframes zoom {
  from {
    transform: scale(1, 1);
  }
  to {
    transform: scale(1.4, 1.4);
  }
}


.banner-sec img {
  -webkit-animation: zoom 40s;
  animation: zoom 40s;width:100%; height:100%;
}

/*banner*/
/*hm-sec*/
#HeaderControl, #HeaderControl_C{height: inherit !important;}
.hm-sec .card:hover .card-img-top { transform: scale(1.1);}
.hm-sec .card * {transition:0.1s;}
.hm-sec .card .btn-primary {background: #999 !important; border: 0;}

.hm-sec .card:hover img, .hm-sec .card:hover .card-body{ opacity: 1;}
.hm-sec .card:hover .card-body-hover { opacity: 1;}
.hm-sec .card-body-hover{opacity: 0; transition: .25s; background-size: 100% 100%;position: absolute; left: 0; top: 0; right: 0; width: 100%; height: 100%;}
.hm-sec .card-body-hover *{z-index: 9;position: relative; color: #fff;}
.hm-sec .card-body-hover::after{position: absolute; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.75); content: ""; left: 0;}
.heading { position: relative; margin: 30px 0; margin-top: 50px;}
.hm-sec .heading::after { content: 'Our Services'; position: absolute; font-size: 110px; color: #999; top: -140%; left: 0; right: 0; margin: 0 auto; font-weight: 700; opacity: .08; letter-spacing: -2px; z-index: 1;}
.hm-mdl-sec .heading::after { content: 'Track Record'; color: #fff; position: absolute; font-size: 110px;  top: -140%; left: 0; right: 0; margin: 0 auto; font-weight: 700; opacity: .1; letter-spacing: -2px; z-index: 1;}
.hm-mdl-sec{background-image: url(../image/hm-btm-sec-bg.jpg); background-attachment: fixed; background-position: center center; padding: 100px 0;}
.hm-btm-sec .heading::after { content: 'Geography of our Clients'; color: #333; position: absolute; font-size: 110px;  top: -140%; left: 0; right: 0; margin: 0 auto; font-weight: 700; opacity: .08; letter-spacing: -2px; z-index: 1;}
.bg-1{background-color: #fffae7 !important;}
/*hm-sec*/
footer{background-image: url(../image/footer-bg.jpg); background-position: center bottom; background-repeat: no-repeat; background-attachment: fixed;}

.inner-banner { background-image: url('../image/inner-banner.jpg'); background-size: cover; background-attachment: fixed; padding: 10% 0; background-position: center;}
.inner-banner h1 { font-size: 62px; font-weight: 700; margin: 0 0 12px 0; color: #fff; text-align: center;}
.inner-banner h1 span { color: #999;}
.inner-banner p, .inner-banner p a { color: #ebebeb; font-size: 19px; text-align: center; margin: 0; letter-spacing: .5px;} 
.inner-banner p i { margin: 0 6px;}

/* .about1 { background: #9991f;}
.about1 .pic { position: relative;}
.about1 .pic::after { content: ''; position: absolute; width: 100%; height: 100%; border: 1px solid #999; left: -15px; bottom: -15px;}
.about1 .pic img { box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}

.about3 { background: #eeeeee; padding: 40px 40px 40px 60px; border-left: 8px solid #999; border-radius: 10px;}
.about3 .heading {font-size: 32px;text-align: start;}
.about3 p {margin: 0;font-size: 18px;text-align: start;} */

.contact-page .contact-info { background: #eee; padding: 50px 100px 50px 50px; border-radius: 10px;}
.contact-page .contact-info .icon {background: #999;color: #ffffff; width: 32px;height: 32px;text-align: center;border-radius: 50%;line-height: 2.4;font-size: 13px;margin: 0 10px 0 0;}
.contact-page .contact-info p { margin: 0 0 20px 0;}
.contact-page .contact-info p a { color: #414141; font-weight: 400}
.contact-page .contact-info .heading h2 { font-size: 47px; font-weight: 700;}
.contact-page .contact-info .heading p { font-size: 20px; margin: 10px 0 40px 0;}
.contact-page .contact-info h3 { color: #141414; font-size: 24px; font-weight: 600; margin: 0 0 20px 0;}
.contact-page .contact-form { background: #fff; padding: 45px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; margin-left: -50px; border-radius: 10px;}  
.contact-page .contact-form .form-control { padding: 12px; margin: 0 0 10px 0;}

@media (min-width: 320px) and ( max-width: 991px) {
    p, li {font-size: 15px;line-height: 26px;margin: 0 0 12px 0;}
    .main-table li {font-size: 15px;}

    #Div_body .container-fluid {padding: 0 3%;}
    
    .heading { font-size: 30px; margin: 0 0 15px 0;}
    .title { font-size: 15px;}
    .title1 {font-size: 17px;} 
    .custom-btn { padding: 10px 24px; font-size: 15px !important; letter-spacing: .4px;}
    
    .header img { width: 90px;}
    
    .top-header {position: relative;padding: 20px;display: none;}
    /* .top-header::after {content: '';position: absolute;width: 200%;height: 100%;background-image: linear-gradient( 90deg, transparent 54%, rgb(188 188 188 / 10%));top: 0;right: 4%;border-radius: 0 50px 50px 0} */
    .top-header a i { font-size: 17px; padding: 5px 3px 0 0}
    
    .banner-section { padding: 25% 0 0 0;}
    .banner-section h1 {font-size: 34px; line-height: 40px; margin: 0 0 10px 0;}
    .banner-section p { color: #fff; font-size: 15px; margin: 0 0 10px 0;}
    .banner-section .contact-form {padding: 20px; margin: 20px 0 0 0}
    .banner-section .contact-form h4 { color: #999; font-size: 20px; margin: 0 0 10px 0}
    .banner-section .contact-form .form-control {font-size: 14px;}
    .banner-section .contact-form .form-control.custom-btn {font-size: 15px;}
    .banner-section .counter-bx { margin: 30px 0; padding: 0 30px;}
    .banner-section .counter-bx::after { content: ''; position: absolute; width: 110%; left: 0; height: 100%; background: rgb(217, 217, 217, 0.10); backdrop-filter: blur(1px); border-radius: 80px 0 0 80px;}
    .banner-section .counter-bx .count {position: relative;z-index: 2;padding: 20px;} 
    .banner-section .counter-bx .count h2 { font-size: 24px;}
    .banner-section .counter-bx .count p { font-size: 16px;}
    
    .clients-logo .item img {width: 100px;}
    
    .about-section::after { font-size: 50px; left: 0; top: -3%;}
    .about-section::before { font-size: 50px; right: 0; top: 6%;}
    .about-section .choose-card {padding: 30px; min-height: 15px}
    .about-section .choose-card .icon img { width: 40px;}
    .about-section .choose-card h4 { font-size: 18px;}
    
    .core-values::after {font-size: 50px;}
   
    .services-section .heading::after {font-size: 50px; top: -80%;}
    
    .footer-section { padding: 6% 0 0 0;}
    .footer-section .contact-bx { padding: 50px 20px 20px 20px;margin-bottom: -20px;}
    .footer-section .contact-bx .heading::after {font-size: 50px; top: -80%;}
    .footer-section .contact-bx .icon { width: 24px; height: 24px; line-height: 2; font-size: 12px;} 
    footer h4 {font-size: 18px; margin: 20px 0 10px 0;}
    footer .social-icon a { width: 30px;height: 30px; line-height: 2.4; font-size: 13px;margin: 10px 5px 0 0;} 
    
    .inner-banner { padding: 15% 0;}
    .inner-banner h1 { font-size: 42px;}
    .inner-banner p, .inner-banner p a { font-size: 15px;} 
}

.get-in-touch-bx { position: relative;}
.get-in-touch-bx::after { content: ''; position: absolute; width: 90%; height: 92%; left: 0; top: -50px; background: #03076e; border-radius: 20px;}
.get-in-touch-bx .text { position: relative; z-index: 2;}
.get-in-touch-bx .text .heading { color: #fff;}
.get-in-touch-bx .text p { color: #dddddd; font-size: 18px; margin: 0 0 30px 0;}
.get-in-touch-bx .pic { z-index: 1; position: relative;}

.project-section { padding: 6% 0; background: #e9e9e9; margin: 4% 0 0 0;}

@media (min-width: 320px) and ( max-width: 991px) { 
    .get-in-touch-bx { position: relative; padding: 20px;}
    .get-in-touch-bx::after {  width: 100%; height: 100%; left: 0; top: 0px;}
    .get-in-touch-bx .text p { color: #dddddd; font-size: 15px; margin: 0 0 20px 0;}
    .get-in-touch-bx .pic { display: none;}
}