

@media(max-width:2560px) and (min-width: 2000px) {
    #why-trunexa .container {
        max-width: 2088px;
    }
    .connect-now .container {
        max-width: 1925px;
    }
    .form-group .icon{
        top: 2.2vw;
    }
    .contact-form .icon2 {
        top: 2.2vw;
        width: 1.1vw;
    }
    #kc-details .container{
        max-width: 1802px;
    }
    #kc-details {
        margin-top: 6.5vw;
    }
    .navbar-brand {
        width: 8vw;
    }
    .selected-flag .iti-flag {
        transform: scale(1.3);
        margin-left: 10px !important;
    }
    .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag,
    .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 .selected-flag {width: 70px !important;}
    .intl-tel-input .selected-flag .iti-arrow {
        right: 10px !important;
        transform: scale(1.5) !important;
    }
    .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text] {padding-left: 5rem !important;}
    .slider1 .home-slider .item{
        height: unset;
        padding: 26px 15px 22px;
    }
    .blog-details-breadcrum img {width: .5vw;}
}

@media(max-width:1766px) and (min-width: 1400px) {
    .home-banner-wrapper .text-box { width: 51%; }
    .key-highlights .img-box:nth-child(1) { width: 74%; }
    .key-highlights .img2 { width: 47%; left: 1.4vw;height: 14.591vw; }
    .slider1 .item { height: 140px; }
    .slider1 .item img { width: 80% !important; }
    .navbar-brand { width: 10%; }
    .key-highlights .text-box {
        padding-top: 4vw;
    }
    .breadcum-wrapper .img-box img { width: 66%; }
    .faq .container{
        max-width: 1093px;
    }
    .connect-now .container {
        max-width: 1198px;
    }
    .connect-wrapper .map-div {
        width: 50.4%;
    }
    .contact-form {
        width: 46%;
    }
    .contact-form .icon2 {
     top: 2.6vw;
 }  
 #kc-details .container{
    max-width: 69vw;
} 
.expertise-single .text-box ul {
    padding-left: 0.8vw;
}
.expertise-single .text-box {
 padding: 0.9vw 0.6vw;
}
.pr-0 {
    padding-right: 0;
}
.key-highlights .img2{
    top: 12vw;
}
.column:nth-child(1){
    width: 36%;
}
.why-numbers-single{
    width: 23.5%;
}
.form-group .icon{
    top: 2.6vw;
}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel] {
    padding-left: 57px !important;
}
.dropdown-menu{
    top: 51px;
}
}

@media(max-width: 1366px) {
    .dropdown-menu{
        top: 59px;
    }
    .slider1 .item { height: 126px; }
    
    .slider1 .item img { width: 80% !important; }
    .slider3 .home-slider .item img, .slider2 .home-slider .item img { border-radius: 16px; }

    .slider3 .home-slider .item, .slider2 .home-slider .item {border-radius: 12px !important;}
    .slider3 .home-slider .item img {
        height: 28vw !important;
    } 
    .slider2 .home-slider .item img {
        height: 21.182vw !important;
    }
    .home-banner-wrapper .text-box { width: 51%; }
    .navbar-brand { width: 10%; }
    .logo-slider { margin: 0px 4.3vw; }
    .logo-slider img { width: 12vw !important; height: 29px; }
    .column:nth-child(1) { width: 56%; }
    .btm-strip .container-fluid { padding: 16px 15px 14px 15px; }
    .footer-social a { width: 30px; margin-right: 4px; }
    .key-highlights .img-box:nth-child(1) { width: 74%; }
    .key-highlights .img2 { width: 45%; left: 1.4vw; }
    .why-numbers-single { width: 24%; }
    .why-numbers-single h2 { margin-bottom: 3vw; }
    .why-numbers-single {
        border-radius: 1.563vw;
        aspect-ratio: unset;
        width: 24%;
        padding: 2.604vw 1.563vw 1vw;
    }
    .breadcum-wrapper .img-box img { margin: 0 auto; display: block; width: 65%; }
    .connect-now .container {
        max-width: 1057px;
    }
    .connect-wrapper .map-div {
        width: 51%;
    }
    .contact-form {
        width: 46%;
    }
    .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel] {
        padding-left: 69px !important;
    }
    .faq .container{
        max-width: 987px;
    }
    #kc-details .container{
        max-width: 69vw;
    } 
    .expertise-single ul {
        padding-left: 17px;
    }
    .expertise-single .text-box{
        padding-left: 0;
    }
    .kc-single:hover .kc-titles img {
        right: 1.1vw;
    }
    .form-group .icon {
        top: 2.7vw;
    }
    /*.home-slider .item {
        border-radius: 1.6vw;
    }*/
    .contact-form .icon2{
        top: 2.6vw;
    }
    .timeline-slide{
        padding-bottom: 10vw;
    }
    div#milestone-section {
        padding-top: 50px ! IMPORTANT;
    }
    .timeline-progress-wrapper {
        top: calc(50.9% - 40px);
    }
    #milestone-section:before {
        top: calc(51.2% - 39px);
    }
    .locations .tab-content {
        height: 515px;
    }
}


@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait),
only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .why-numbers-single{
        padding: 2.604vw 1.563vw 2vw;
    }
    .form-group .icon {
        position: absolute;
        top: 3vw;
        left: 0.6vw;
        width: 1.1vw;
        height: 1.1vw;
    }
    .contact-form .icon2 {
        position: absolute;
        top: 3.1vw;
        right: 1vw;
        width: 1.5vw;
        height: 1.3vw;
    }
    .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel] {
        padding-left: 50px;
    }
    .slider4 .home-slider, .slider4 .home-slider .item,
    .slider4 .home-slider, .slider1 .home-slider .item,
    .slider3 .home-slider .item img,
    .slider1 .home-slider .item img{
        border-radius: 15px;
    }
    .common-btn span {
     height: 1.8vw;
     width: 1.8vw;
 }
 .common-btn span img {
    width: 9px;
    height: 7px;
}
.contact-form button span img {
    width: auto;
    height: auto;
}
}

@media(max-width: 992px) {
    header .mobile-navbar.open { right: 0%; }
    .navbar-toggler .icon-bar { display: block; width: 25px; height: 2px; border-radius: 0px; background-color: #000; position: relative; margin: 5px auto; transition: all ease-in-out 0.3s; }
    header .navbar-toggler.active .icon-bar.one { transform: rotate(45deg); top: 7px; }
    header .navbar-toggler.active .icon-bar.two { transform: translateX(40px); }
    .mobile-navbar .navbar-nav {
        margin-top: 50px;
        display: flex;
        flex-direction: column;
        margin-left: 0;
        height: auto;
        background: transparent;
        align-items: flex-start;
        justify-content: flex-start;
    }
    header .navbar-toggler, header .navbar-toggler:focus { border: 0; outline: 0; padding: 0; width: 25px; height: 25px; position: relative; overflow: hidden; z-index: 2; margin: 10px; top: -5px; }
    header .mobile-navbar.open { right: 0%; align-items: flex-start; flex-wrap: wrap;}
    header .mobile-navbar { z-index: 2; width: 100%; position: fixed; top: 0; padding: 0px; z-index: 1; right: -100%; background-color: #fff; color: #fff; height: 100vh; overflow-y: scroll; transition: all 0.3s; }
    .navbar-brand { left: 15px; }
    .navbar-brand img { margin: inherit; width: 85%; margin-top: 10px; display: flex; justify-content: center; }
    .navbar-expand-md .navbar-toggler { display: block; position: relative; top: 0px; }
    .navbar-expand-md .navbar-toggler:focus { box-shadow: none;  position: relative; top: 0px; }
    .home-banner-wrapper { flex-wrap: wrap; }
    .home-banner-wrapper .text-box { width: 100%; height: auto; padding: 8.5vw; }
    .home-banner-wrapper .slider-box { width: 100%; }
    .home-banner-wrapper .slider-box { height: fit-content; padding: 20px 0px; }
    .slider-box .slider1 h5 { font-size: 17px; }
    .slider4 .home-slider .item h6 { font-size: 12px; }
    header { height: 60px; }
    .navbar-brand { /*width: 22%;*/ width: 15%; }
    p { font-size: 14px; line-height: 17px; }
    .common-btn, .key-highlights a { width: 115px; height: 33px; padding-left: 11px; font-size: 13px; }
    .common-btn span { height: 2.979vw; width: 2.979vw; }
    .column a.footer-link, .column:nth-child(1) p, .btm-strip p { font-size: 10px; line-height: 15px; }
    .column h4 { font-size: 13px; line-height: 17px; }
    .column:nth-child(1) { width: 37%; }
    .column:nth-child(1) img { width: 69%; }
    footer p.address img {width: 16px;}
    .column:nth-child(6) .common-btn { width: 18.5vw; height: 3.083vw; padding-left: 1.7vw; }
    .key-highlights .img2 { width: 38%; left: 7.4vw; top: 24.2vw; }
    .navbar-expand-md .navbar-nav .nav-link { font-size: 17px; line-height: 17px; margin: 32px 0; }
    .navbar-expand-md .navbar-nav .nav-link {
        font-size: 17px;
        line-height: 17px;
        margin: 15px 0;
    }
    .common-btn2 { padding: unset; height: 29px; width: 83px; display: flex; align-items: center; justify-content: center; font-size: 10px; }
    .industry-single p { font-size: 12px; line-height: 16px; }
    .why-numbers-single p, .mission-single p { font-size: 14px; line-height: 17px; }
    body:before { aspect-ratio: 32 / 51; }
    .mission-single img { width: 6.333vw; }
    .timeline-content p {
        font-size: 12px;
        line-height: 15px;
    }
    .timeline-content h3 {
        font-size: 24px;
        line-height: 27px;
    }
    .timeline-content h4 {
       font-size: 15px;
       line-height: 17px;
   }
   .timeline-content{
    width: 43.708vw;
}
#milestone-slider .owl-carousel .owl-item:last-child .timeline-line:before{
    top: 0px;
}
#milestone-slider .owl-carousel .owl-item:last-child .timeline-line:after{top: 0px;}
.connect-wrapper {
    flex-wrap: wrap-reverse;
}
.connect-wrapper .map-div{width: 100%;}
.contact-form{width: 100%;}
.connect-now .container, .faq .container {
    max-width: 85vw;
}
.faq .card .card-body{
    font-size: 14px;
    line-height: 21px;
}
.card-header a.btn, .card-header a.btn:hover, .card-header a.btn:active, .card-header a.btn:focus{
    font-size: 15px;
    line-height: 19px;
}
.faq .card .card-header span, .faq .card .accordion-arrow{
    width: 2.3vw;
}
.map-div h4, .map-div p, .map-div a{
    font-size: 14px;
    line-height: 18px;
}

.contact-form label, .contact-form button {
    font-size: 14px;
    line-height: 17px;
}
.contact-form .limit{
    font-size: 11px;
    line-height: 14px;
}
.form-group .icon {
    top: 34px;
    left: 14px;
    width: 2vw;
    height: 2vw;
}
.contact-form .icon2 {
    top: 39px;
    width: 11.81px;
    height: 11.81px;
    right: 19px;
}
.kc-single-content p {
    font-size: 2.727vw;
    line-height: 4.091vw;
}
.kc-titles h2{
    font-size: 15px;
}
.kc-titles img{
    width: 1.6vw;
}
.date-wrapp {
    left: 1.042vw;
    bottom: 1.042vw;
    height: 20px;
    width: 43px;
    transition: width .5sease;
    display: flex;
    align-items: center;
}
.kc-single:hover .date-wrapp {
    width: 13.5vw;
}
.date-wrapp span{
    font-size: 13px;
}
.expertise-single .inner-text {width: auto;}
.expertise-single .text-box ul {padding-left: .75rem;}
li.nav-item.dropdown {
    padding: unset;
}

header .dropdown-item .span1{
    font-size: 17px;
    color: #343434;
    font-weight: 400;
}
.dropdown-menu {
    visibility: visible;
    opacity: 1;
    display: block;
    top: -9px;
    position: relative !important;
    left: 00px;
    background: transparent;
    border: 0px;
    animation: unset;
}
li.nav-item.dropdown img{
    width: 1.573vw;
}
.dropdown:hover .dropdown-menu{
    position: relative !important;
    top: -9px;
    display: block;
    z-index: 9999;
    animation: unset;
}
#kd-dropwdown .dropdown-menu{
    z-index: -999;
}
/*  #kd-dropwdown:hover .dropdown-menu{z-index: 9999;}*/
header .navbar-toggler.active .icon-bar.three {
   -webkit-transform: rotate(-45deg);
   -moz-transform: rotate(-45deg);
   -o-transform: rotate(-45deg);
   transform: rotate(-45deg);
   bottom: 7px;
}
.breadcum-wrapper .common-btn {
    /* width: 7.708vw; */
    width: fit-content;
    padding-left: 2.5vw;
    padding-right: 8.5vw;
    /* margin-top: 0.1vw; */
}
.dropdown-menu.diksha{
    z-index: 9999 !important;
}
.timeline-content img {
    height: 21.583vw;
}
.faq .card .card-header span, .faq .card .accordion-arrow {
    width: unset;
}
span.text {
    width: 96% !important;
    display: block;
}
a.btn div {
    display: flex;
    align-items: center;
}
.home-banner .common-btn {
    width: auto;
}
.common-btn {opacity: 0;}
.common-btn::before {
    height: 28px;
    width: 28px;
    aspect-ratio: 1 / 1;
    border-radius: 50px;
}
.common-btn::before,
.common-btn span {
    height: var(--new-height);
    width: var(--new-height);
}
input:checked + .slider:before {
  /*-webkit-transform: translateX(14px);
  -ms-transform: translateX(14px);
  transform: translateX(14px);*/
  -webkit-transform: translate(calc(100% + 2px), -50%);
  -ms-transform: translate(calc(100% + 2px), -50%);
  transform: translate(calc(100% + 2px), -50%);
}
.cookies-box #gobackcookie button {top: -5%;}
.paginations li{
    font-size: 15px;
    line-height: normal;
}
ul.lang-ul .dropdown-toggle {
    font-size: 17px;
    line-height: 17px;
    margin: 15px 0;
}
ul.lang-ul .dropdown-toggle {
    font-size: 17px;
    line-height: 17px;
    margin: 15px 0;
}
.lang-ul {
    margin-bottom: 0px;
    padding-left: 0px;
    height: auto;
    display: flex;
    align-items: center;
    margin-top: 0px;
    flex-direction: column;
    margin-left: 0;
    height: auto;
    background: transparent;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0vw 14px;
    margin-top: -55px;
}
.locations .tab-content {height: 335px;}
 .contact-wrapper .contact-left {
        width: 50.148vw;
        padding-left: 0px;
    }
    .contact-wrapper .contact-right {
        width: 43.392vw;
    }
        .contactus .container-fluid {
        padding: 0 15px;
    }
}

@media(max-width: 767px) {
    .navbar-brand img {width: 25.227vw; /*margin-top: 3.182vw;*/ margin-top: 0;}
    header .navbar-toggler .icon-bar.two {display: none;}
    .navbar-expand-md .navbar-toggler {width: 8.182vw; height: 8.182vw; /*margin: 2.182vw 0 0;*/ margin: 0 0; background: #0000001A; border-radius: 50%;}
    .navbar-expand-md .navbar-toggler:focus {width: 8.182vw; height: 8.182vw; margin: 0 0; /*margin: 2.182vw 0 0; top: 5px;*/}
    header .navbar-toggler.active .icon-bar.one {top: 2px;}
    header .navbar-toggler.active .icon-bar.three {bottom: 4px;}
    .navbar-toggler .icon-bar {width: 3.182vw; height: 0.284vw;}
    .column:nth-child(1) img {width: 35.227vw; margin-bottom: 1.364vw;}
    .slider-box .slider1 h5 {font-size: 14px;}
    .key-highlights h4 { color: #343434; font-size: 23px; line-height: 31px; }
    .heading {
        font-size: 5.909vw;
        line-height: 5.909vw;
        letter-spacing: calc(5.909vw * -0.04);
        margin-bottom: 4.545vw;
    }
    .subheading {
        font-size: 2.727vw;
        line-height: 2.273vw;
        width: 100%;
        letter-spacing: calc(2.727vw * 0.24);
    }
    .contactus .subheading {font-size: 2.727vw; line-height: 2.273vw;}
    .key-highlights .text-box p br { display: none; }
    .home-banner { margin-top: 14.5vw; }
    .home-banner-wrapper h1 {font-size: 12.727vw; line-height: 11.364vw; letter-spacing: calc(12.727vw * -0.04); margin-bottom: 4.545vw;}
    .home-banner-wrapper h2 {font-size: 8.182vw; line-height: 9.545vw; letter-spacing: calc(8.182vw* -0.05); margin-bottom: 1.818vw;}
    .home-banner-wrapper p.text-white, .breadcum-wrapper .headp {font-size: 2.727vw; letter-spacing: calc(2.727vw* -0.02);}
    .common-btn, .key-highlights a {
        width: auto;
        height: auto;
        padding: 7px 8.636vw 7px 2.273vw;
        font-size: 2.727vw;
        line-height: 3.636vw;
        letter-spacing: calc(2.727vw * -0.05);
    }
    .home-slider {border-radius: 14px;}
    img#slider-skeleton {
        position: relative;
        left: 0%;
        top: 0%;
        transform: unset; 
        width: 100%;
        display: none !important;
    }
    .common-btn span { height: 5.979vw; width: 5.979vw; }
    .mileston-wrapper {flex-wrap: wrap; margin-top: 8.182vw; gap: 2.727vw;}
    .mileston-wrapper .left-box, .mileston-wrapper .right-box {width: calc(50% - 1.364vw); gap: 2.727vw; display: flex; flex-direction: column;}
    .milestone .img-box {
        border-radius: 3.182vw;
        overflow: hidden;
        height: 34.091vw;
        margin-bottom: 0;
    }
    .milestone .img-box img {height: 100%; height: 100%; object-fit: cover;}
    .milestone .left-box .img-box img {object-position: left;}
    .milestone .text-box, .boxmain, .milestone .right-box .text-box {
        display: flex;
        flex-direction: column;
        gap: 2.727vw;
        margin: 0;
    }
    .boxmain, .milestone .box3, .milestone .right-box .boxmain, .milestone .right-box .box3 {width: 100%;}
    .milestone .right-box .text-box {flex-direction: column-reverse !important;}
    .expertise {padding-top: 10.227vw;}
    .expertise .container {max-width: 100%; padding: 0 15px;}
    .expertise .headtext {width:100%; margin-left: auto; margin-right: auto;}
    .expertise-wrapper {margin-top: 8.182vw; gap: 5.455vw; flex-direction: column;}
    .expertise-single, .expertise-single.active {width: 100%; padding: 5px; height: auto; min-height: 53.636vw;}
    .expertise-single .text-box {padding: 3.75vw 2.3vw 3.409vw 3.182vw; width: 50% !important;}
    .expertise-single h4 {font-size: 5vw; line-height: 6.364vw; letter-spacing: calc(5vw* -0.04); margin-bottom: 1.818vw;}
    .expertise-single span {
        font-size: 7.273vw;
        line-height: 5.455vw;
        letter-spacing: calc(7.273vw* -0.04);
        font-weight: 500;
    }
    .expertise-single ul {margin-bottom: 0;}
    .expertise-single ul li {
        color: #0F0E0F;
        font-size: 2.727vw;
        line-height: 3.636vw;
        list-style-type: disc;
        letter-spacing: calc(2.727vw* -0.04);
    }
    .expertise-single .img-box {
        width: 50% !important;
        opacity: 1 !important;
        border-radius: 14px;
    }
    #footer-element {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 68.182vw;
        aspect-ratio: 1 / 1;
    }

    .main-footer .footer-wrapp { flex-wrap: wrap; }
    .column:nth-child(1) { width: 100%; }
    .column:nth-child(2), .column:nth-child(3), .column:nth-child(4), .column:nth-child(5) {width: 50%; margin-top: 5.455vw;}
    .column h4 {font-size: 3.636vw; line-height: 3.636vw; margin-bottom: 3.636vw;}
    .column a.footer-link, .column:nth-child(1) p, .btm-strip p { font-size: 13px; line-height: 18px; }
    .main-footer .footer-wrapp { margin-top: 0; }
    .column:nth-child(6) { width: 100%; align-items: flex-start; }
    .column:nth-child(6) .common-btn { width: 39.5vw; height: 8.083vw; padding-left: 1.7vw; margin-bottom: 10px; }
    .main-footer { padding: 23px 0px; }
    .column:nth-child(6) { margin-top: 18px; }
    .column:nth-child(1) {padding-bottom: 5.455vw; border-bottom: 1px solid rgb(255 255 255 / 15%);}
    .column:nth-child(1) p {font-size: 2.273vw; letter-spacing: calc(2.273vw * -0.04);}
    .column a.footer-link {font-size: 3.182vw; line-height: 3.182vw; margin-bottom: 1.818vw; letter-spacing: calc(3.182vw* -0.04);}
    .btm-strip p {font-size: 2.273vw; line-height: 2.273vw;}
    .column.d-block {border-top: 1px solid rgb(255 255 255 / 15%); border-bottom: 1px solid rgb(255 255 255 / 15%); padding: 4.091vw 0;}
    footer p.address {
        padding-top: 0;
        display: flex;
        align-items: flex-start;
        margin-bottom: 0;
        font-size: 3.182vw;
        letter-spacing: calc(3.182vw * -0.04);
        line-height: 5.455vw;
    }
    footer p.address img {width: 3.636vw; margin: 2px 8px 0 0;}
    .mobile-social-wrapp .col-md-6 {width: 50%;}
    .mobile-social-wrapp .col-md-6:nth-child(2) {text-align: right; display: flex; flex-direction: column; align-items: flex-end;}
    .footer-social, .mobile-social-wrapp .col-md-6:nth-child(2) .common-btn {margin-bottom: 3.636vw;}
    .footer-social a {margin-top: 0;}
    .column.d-block.w-100 {border: unset; padding-bottom: 0;}
    .mobile-social-wrapp a.footer-link {padding-bottom: 0; margin-bottom: 0;}

    #milestones .pin-spacer {overflow: hidden !important;}
    .milestone .text-box h3 {font-size: 5vw; line-height: 6.364vw; letter-spacing: calc(5vw* -0.04);}
    .milestone .text-box p {font-size: 2.273vw; line-height: 3.182vw; letter-spacing: calc(2.273vw * -0.04);}
    .milestone .text-box h4 {font-size: 4.091vw; line-height: unset; margin-bottom: 4.205vw;}
    .milestone .box1, .milestone .box2 {height: fit-content; padding: 2.364vw 3.182vw 2.727vw; border-radius: 3.182vw; margin-bottom: 0;}
    .milestone .text-box p br {display: none;}
    .milestone .left-box .text-box .box1 p br {display: block;}
    .milestone .box3 {padding: 2.727vw 3.182vw !important; border-radius: 14px;}
    .milestone .box3 h3 {font-size: 5vw; line-height: 6.364vw; letter-spacing: calc(5vw * -0.04); margin-bottom: 27.727vw;}
    .milestone .right-box .text-box h4, .milestone .left-box .text-box h3 {font-size: 5vw; line-height: 6.364vw; letter-spacing: calc(5vw* -0.04); margin-bottom: 3.636vw;}
    .milestone .right-box .text-box h3 {font-size: 4.091vw; line-height: 5.455vw; letter-spacing: calc(4.091vw * -0.04);}
    .milestone .left-box .text-box .box3 h3,
    .milestone .left-box .text-box .box3 h3:hover{
        margin-bottom: 27.727vw;
        font-size: 22px;
        line-height: 28px;
    }
    .milestone .right-box .text-box .box3 h3 {margin-bottom: 26.5vw;}
    .mileston-wrapper .right-box {display: flex;}
    .logo-slider img { width: 20vw !important; }
    .navbar-brand { left: -11px; width: 47%; }
    .key-highlights a {
        padding-left: 3vw;
        padding-right: 3vw;
        margin-bottom: 18px;
        width: max-content;
        text-transform: capitalize;
    }
    .home-banner-wrapper .text-box {padding: 9.091vw 13.636vw 8.182vw 5.455vw;}
    .home-banner p br { display: none; }
    .left-slider {width: 38%;}
    .home-slider, .home-slider .item, .slider3 .home-slider, .slider3 .home-slider .item, .slider4 .home-slider, .slider4 .home-slider .item {width: 100% !important;}
    .slider1 .home-slider, .slider3 .home-slider {margin-bottom: 12px;}
    .right-slider {width: 59%;}
    .home-slider .item, .slider1 .home-slider {border-radius: 14px !important;}
    .slider3 .home-slider .item img, .slider2 .home-slider .item img {border-radius: 12px !important;}
/*    #rapidstimg {object-fit: cover; object-position: center -25px;}*/
/*.slider3 .home-slider .item, .slider4 .home-slider, .slider4 .home-slider .item { width:180px !important; }*/
/*.slider3 .home-slider { width: 181px !important; }*/
/*.home-slider .item { width: 159px; }*/
.slider-box-container {align-items: flex-end; justify-content: start; gap: 12px;}
.slider4 .home-slider .item h6 {
    font-size: 2.273vw;
    line-height: 3.636vw;
    letter-spacing: calc(2.273vw * -0.05);
}
.slider4 .home-slider .item, .slider4 .home-slider { height: 13.208vw; }
.slider-box .slider1 a {font-size: 2.727vw; line-height: 3.409vw; letter-spacing: calc(2.727vw * -0.02); margin-right: 1.818vw;}
.slider-box .slider1 a img {width: 4.545vw !important;}
.slider1 .item>img {margin-bottom: 3.409vw !important;}
.homelogo, .milestone {padding-top: 10.227vw;}
.key-highlights {padding-top: 10.227vw; padding-bottom: 10.227vw;}
.key-highlights h4.headtext {
    font-size: 7.727vw;
    line-height: 10.227vw;
    letter-spacing: calc(7.727vw * -0.04);
    margin-bottom: 2.273vw;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}
.key-highlights .row {flex-direction: column-reverse;}
.key-highlights .row {padding-top: 8.182vw; flex-direction: column-reverse;}
.key-highlights .img-box:nth-child(1) {
    width: 53.636vw;
    float: unset;
    margin: 0 auto;
    border-radius: 12.8px;
}
.key-highlights .img-box{
    border-radius: 12.8px;
}
.key-highlights .text-box {margin-top: 20vw;}
.key-highlights .text-box h4 {font-size: 5.682vw; line-height: 7.273vw; letter-spacing: calc(5.682vw * -0.04); margin-bottom: 1.818vw;}
.key-highlights .headp {font-size: 2.273vw; letter-spacing: unset; margin-bottom: 2.727vw;}


.banner { margin-top: 61px; }
.breadcum-wrapper { flex-wrap: wrap; }
.breadcum-wrapper .text-box { width: 100%; }
.breadcum-wrapper .img-box { width: 100%; }
.breadcum-wrapper .text-box { width: 100%; padding: 9.091vw 13.636vw 8.182vw 5.455vw; height: auto; }
.breadcum-wrapper .img-box { padding: 20px; }
.breadcum-wrapper .headp br { display: none; }
.breadcum-wrapper .headtext {font-size: 8.182vw; line-height: 9.545vw; letter-spacing: calc(8.182vw* -0.05); margin-bottom: 1.818vw;}
.breadcum-wrapper .common-btn {font-size: 10px; margin-right: 8px; margin-top: 1.3vw;}
.breadcum-wrapper .common-btn2 {margin-top: 1.3vw;}
.breadcum-wrapper h1 {margin-bottom: 0;}
.common-btn2 { height: 29px; width: 85px; }
.mission-single {
    width: 100%;
    margin-bottom: 5vw;
    border-bottom: 1px solid #DADADA;
    padding-bottom: 5vw;
}
.mission-wrapper { flex-wrap: wrap; gap: 0; }
.mission-single h2 {font-size: 5vw; line-height: 6vw; margin-bottom: 1vw;}
.mission-single img { width: 10.333vw; }
.mission-single p { margin-bottom: 0; }
.mission-wrapper:before { display: none; }
.mission-single:nth-child(2) { margin-top: 0; }
.why-numbers-single {
    padding: 15px;
    width: 94%;
    border-radius: 15px;
    margin-bottom: 9px;
}
#mission-vision .container, #mission-vision .container #why-trunexa .container { width: 100%; padding: 0px 15px; }
.why-numbers-single h3 {
    font-size: 5.455vw;
    line-height: 6.818vw;
    margin-bottom: 7px;
}
.why-numbers-single h2{
    font-size: 25px;
    line-height: 28px;
}
.why-numbers-single p, .mission-single p {
    font-size: 2.727vw;
    line-height: 4.5vw;
}
#industry-wrapp{
    flex-wrap: wrap;
    padding: 0;
}
.industry-single {
    width: 97%;
    padding: 10px;
    border-radius: 24px;
    margin-bottom: 9px;
}
.industry-single .indsutry-images img {
    border-radius: 16px;
    height: 45.455vw !important;
    width: 100%;
    object-fit: cover;
}
.industry-single .indsutry-images {
    width: 100%;
    height: auto;
}
.industry-single h3 {
    font-size: 5.455vw;
    line-height: 5.909vw;
    margin-bottom: 10px;
    margin-top: 10px;
}
.industry-single .indsutry-text {
    padding: 10px;
}
.industry-single p{
    margin-bottom: 0;
}
.industry-single .indsutry-text span {
    margin-left: 66.25vw;
    margin-top: -9vw;
    width: 11.364vw;
    height: 11.364vw;
}

.headtext {
    font-size: 7.727vw;
    line-height: 10.227vw;
    letter-spacing: calc(7.727vw * -0.04);
    margin-bottom: 2.273vw;
    text-transform: capitalize;
}
.headp {
    font-size: 2.727vw;
    letter-spacing: calc(2.727vw * -0.02);
}
.breadcum-wrapper .img-box img {
    width: 99%;
}
#mission-vision .container,
.expertise .container {
    max-width: 97vw;
}
.why-numbers-single h2 {
    margin-bottom: 9vw;
}
.why-numbers-single p {
    margin-bottom: 0;
    font-size: 2.273vw;
    line-height: 14px;
}
.mission-wrapper:after{display: none;}
.milestone .container, .key-highlights .container {
    width: 100%;
    padding: 0px 15px;
    max-width: unset;
}
.key-highlights .img2{
    width: 44%;
    left: 0;
    top: 21.2vw;
    border-width: 6px;
}
.home-banner-wrapper .slider-box {
    padding: 36px 24px;
}
.slider1 .item {
    height: 90px;
    width: 100%;
}
.slider-box .slider1 h5 img{
    width: 18% !important;
}
.connect-now .container, .faq .container {
    max-width: unset;
    width: 100%;
    padding: 0px 15px;
}
.address-box, .contact-box {
    padding: 15px;
    border-radius: 14px;
}
.form-group .icon {
    top: 39px;
    left: 14px;
    width: 14px;
    height: 14px;
}
.contact-form textarea.form-control {
    height: 22.583vw;
    border-radius: 12px;
    padding-left: 3vw;
    height: 100px;
}
.contact-form{margin-top: 24px;}
.contact-form .common-btn span {
    right: 0;
    height: 43px;
    width: 43px;
}
.contact-form .common-btn:before {
    height: 43px;
    width: 43px;
    aspect-ratio: 1 / 1;
    border-radius: 50px;
}
.faq .card .card-header span img {
    width: 4.545vw;
    height: 4.545vw;
}
a.btn div {
    display: flex;
    align-items: center;
}
.contact-form label, .contact-form button {
    line-height: 3.636vw;
    font-size: 3.636vw;
}
.connect-wrapper .map-div iframe {
 height: 48.792vw;
}
.faq .card .card-header span, .faq .card .accordion-arrow {
    width: unset;
}
span.text {
    width: 96% !important;
    display: block;
}
.faq .card .card-body, .faq .card .card-header{
    padding: 15px;
}
.faq .card{
    margin-bottom: 15px;
    border-radius: 16px;
}
.faq .card .accordion-arrow{
    display: none;
}
.kc-wrapp {
    flex-wrap: wrap;
    width: 93%;
    display: flex;
    gap: 4.545vw;
}
.kc-single {
    width: 100%;
    margin-bottom: 6px;
}
section#recent-kc .row{
    flex-wrap: wrap;
}
.kc-titles h2 {
    font-size: 5.455vw;
    line-height: 7vw;
    margin-top: 13px;
    margin-bottom: 12px;
}
.kc-single .img-box{
    width: 100%;
    height: auto;
}
.kc-titles img {
    width: 4.6vw !important;
}
.recent-blogs {
    padding: 0px 19px;
}
.recent-blogs {
    width: 100% !important;
    padding: 0;
}
.kc-single:hover .date-wrapp {
    width: 26.5vw;
}
.date-wrapp {
    left: 3.042vw;
    bottom: 3.042vw;
}
.date-wrapp {
    width: 19.318vw;
    height: 5.455vw;
    display: flex;
    align-items: center;
    justify-content: center;
}
.kc-single .img-box {
    border-radius: 3.636vw;
    height: 45.455vw;
}
#kc-details .container {
    max-width: unset;
    width: 100%;
    padding: 0px 15px;
}
#kc-details{
    margin-top: 57px;
}
.breadcrumb {
    margin-bottom: 16px;
}
.breadcrumb span, .breadcrumb a{
        /*font-size: 11px;
        line-height: 17px;*/
        font-size: 18px;
        line-height: 22px;
    }
    .blog-details-breadcrum img {margin-top: -2px; position: relative;}
    .kc-det-content p, .kc-det-content li {
        font-size: 3.182vw;
        line-height: 5.182vw;
        margin-bottom: 0;
    }
    .kc-det-content h2 {
        font-size: 5.455vw;
        line-height: 7.045vw;
        margin-bottom: 15px;
    }
    section#kc-details h3 {
        font-size: 4.091vw;
        line-height: 5vw;
    }
    .blog-title h1 {
        font-size: 7.273vw;
        line-height: 9.091vw;
        width: calc(100% - 14px - 13.208vw);
        letter-spacing: calc(7.273vw* -0.04);
    }
    .blog-title {
        margin-bottom: 3.333vw;
        align-items: center !important;
    }
    .milestone .text-box .box2:hover h3,
    .milestone .text-box .box2 h3,
    .milestone .text-box .box3:hover h3,
    .milestone .text-box .box3 {
        font-size: 22px;
        line-height: 28px;
    }
    .mileston-wrapper .right-box .text-box .box1 h4,
    .mileston-wrapper .right-box .text-box .box1:hover h4 {
        font-size: 22px;
        line-height: 28px;
    }
    .date-wrapp span:first-child {
        opacity: 0;
        display: none;
    }
    .date-wrapp span:last-child{
        opacity: 1;
        left: unset;
    }
    .date-wrapp span {
        font-size: 2.727vw;
        line-height: 3.182vw;
        display: block;
    }
    .kc-single:hover .date-wrapp {
        width: 19.318vw;
    }
    #recent-kc {
        padding-top: 16vw;
    }
    #all-kc {
        padding-top: 11vw;
        padding-bottom: 15.813vw;
    }
    .kc-single-content {
        padding: 0vw 2vw;
    }
    .blog-title img {
        /*width: 17.208vw;*/
        width: 13.208vw;
        aspect-ratio: 1 / 1;
        margin-right: 1.563vw;
        margin-right: 14px;
        margin-top: 8px;
    }
    .form-group {
        margin-bottom: 11px;
    }
   /* .contact-form button {
        height: 10.227vw;
        margin-top: 10px;
        border-radius: 42px;

    }*/
    .contact-form button {
        /* height: 10.227vw; */
        margin-top: 10px;
        border-radius: 42px;
        padding: 7px 8.636vw 7px 2.273vw;
        font-size : 14px;
        line-height: 2.5vw;
        padding-top: 0.833vw;
        padding-bottom:0.833vw;
        height:45px;
    }
    .contact-form .common-btn:before{
        right: 0px;
    }
    .contact-form .limit {
        left: 12px;
        font-size: 10px;
        bottom: 6px;
    }
    form#contact_form {
        margin-bottom: 11vw;
    }
    .contact-box {
        width:49%;
        margin-top: 2.042vw;
    }
    #brands .expertise-single.active {
        width: 100%;
    }
    #brands .expertise-single {
        width: 100%;
        border-radius: 15px;
        margin-bottom: 8px;
    }
    #brands .expertise-single p {
        font-size: 2.727vw;
        line-height: 3.636vw;
    }
    .pt-80 {
        padding-top: 12.167vw;
    }
    .connect-now {
        margin-top: 20.167vw;
    }
    .contact-form label{
        margin-bottom: 6px;
    }
    .faq {
        margin-top: 16vw;
        margin-bottom: 19.458vw;
    }
    .industry-single .indsutry-text span img {
        width: 7.545vw;
    }
    .industry-single .indsutry-text span img:last-child {width: 8.7vw;}
    .industry-single:before {border-radius: 24px;}
    #industry-wrapp{
        margin-top: 8.167vw;
    }
    #why-numbers-wrapp, #industry-wrapp{
        margin-top: 7.167vw;
    }
    .industry-single p {
        font-size: 2.727vw;
        line-height: 4.091vw;
    }
    .mission-single:last-child{
        border-bottom: 0;
    }
    #recent-kc .pt-80 {
        padding-top: 6.167vw;
    }
    .cookies-box {
        width: 96%;
        height: auto;
        top: unset;
        background: #fff;
        right: unset;
        left: 50%;
        transform: translateX(-50%);
        bottom: 10px;
        padding: 15px;
        /* margin: 0 auto; */
        border-radius: 32px;
    }
    .cookies-box .btn-wrapper {margin-top: 10px; gap: 10px;}
    .cookies-box h5 {
        font-size: 17px;
        line-height: 22px;
        margin-bottom: 14px;
        margin-top: 14px;
    }
    .cookies-box #gobackcookie button {top: 0%;}
    .cookies-box p {
        font-size: 11px;
        line-height: 17px;
    }
    .cookies-box p br{
        display: none;
    }
    .cookies-box a{
        font-size: 10px !important;
        padding: 10px 5px !important;
    }
    .cookies-box .common-btn span {
        height: 6.679vw;
        width: 6.679vw;
    }
    .cookies-box .common-btn span img{
        width: 6.3vw;
    }
    .cookies-box .common-btn:hover span{
        right: 0;
    }



    #milestone-section {
        flex-direction: column;
        align-items: flex-end;
        padding: 0;
        margin: 0;
        overflow-y: hidden;
        overflow-x: hidden;
        height: 100vh;
        /* Allow full vertical scrolling */
        margin-bottom: 18.182vw;
    }
    div#milestone-section {
        padding-top: 0px !important;
    }
    .timeline {
        flex-direction: column;
        width: 55%;
        margin-right: 14.205vw;
    }
    .timeline-slide {
        width: 100%; /* Full width */
        /*height: 63vh;*/
        padding: 2vw;
        padding-left: 0;
        padding-right: 0;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }
    #milestone-section .timeline-slide:nth-child(even) .timeline-content {flex-direction: column; top: 0;}
    .timeline-content {
        width: 100%;
        gap: 4.091vw;
    }
    .timeline-content img {
        height: 37.273vw;
        width: 100%;
        aspect-ratio: 121 / 79;
        border-radius: 4.091vw;
    }
    .timeline-content div {width: 100%;}
    .timeline-content h3 {
        font-size: 5vw;
        line-height: 5.455vw;
        margin-bottom: 1.364vw;
        letter-spacing: calc(5vw * -0.04);
    }
    .timeline-content h4 {
        font-size: 3.636vw;
        line-height: 4.091vw;
        letter-spacing: calc(3.636vw * -0.04);
        margin-bottom: 2.273vw;
    }
    .timeline-content p {
        font-size: 2.727vw;
        line-height: 4.091vw;
        letter-spacing: calc(2.727vw * -0.04);
        margin-bottom: 10.909vw;
    }
    .timeline-slide:last-child .timeline-content p {margin-bottom: 1rem !important;}
    .timeline-slide:last-child .timeline-content p br {display: none;}
    .timeline-progress-wrapper {
        position: absolute;
        left: 16.023vw; /* Position to the left side */
        /* top: 50%;*/
        /* Start from mid center of the first slide */
        width: 8px;
        height: 60vh;
        background: #eee;
        border-radius: 10px;
        overflow: visible;
    }
    .progress-fill {
        width: 100%;
        height: 0;
        background: linear-gradient(99.38deg, #1976F4 0%, #699DFC 123.65%);
        border-radius: 10px;
        position: relative;
    }
    .timeline-line {
        display: none;
        width: 2px;
        height: 100%;
        background-color: #EEE;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }
    .progress-fill:before {
        content: '';
        height: 5.455vw;
        aspect-ratio: 1 / 1;
        background: linear-gradient(99.38deg, #1976F4 0%, #699DFC 123.65%);
        position: absolute;
        bottom: -2vw;
        left: 43.5%;
        transform: translateX(-50%);
        border-radius: 50%;
        transition: left 2s ease;
        z-index: 11;
    }
    #milestone-section:before {
        display: none;
        left: 5%; /* Start of progress dot */
        top: 0;
        transform: translate(-50%, -50%);
    }
    li.nav-item.dropdown img {
        width: 7px;
        height: 7px;
    }
    .milestone .right-box .box3  h3,
    .milestone .right-box .box3:hover h3 {
        font-size: 22px;
        line-height: 28px;
        letter-spacing: calc(4.091vw* -0.04);
    }
    .right-box .box2 h3 {
        font-size: 18px !important;
        line-height: 24px !important;
    }
    .milestone .text-box .box2 h3 br{
        display: none;
    }
    .milestone .text-box h4,
    .milestone .text-box .box1 h4,
    .milestone .left-box .text-box .box1:hover h4 {
        font-size: 18px;
        line-height: unset;
        margin-bottom: 4.205vw;
        line-height: 22px;
    }
    .expertise-single{
        border-radius: 15px;
    }
    .cookies-box .btn-wrapper a {
        display: inline-block;
        width: 49%;
        height: 32px;
        display: flex;
    }
    .industry-single .indsutry-images{
        border-radius:16px;
    }
    .slider:before {
        position: absolute;
        content: "";
        height: 3.4vw;
        width: 3.4vw;
        left: 1px;
        top: 50%;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }
    .switch {
        position: relative;
        display: inline-block;
        width: 7.875vw;
        height: 4.042vw;
        margin-right: 5px;
    }
    .toggle1 {
        display: flex;
        align-items: center;
        width: 50%;
        margin-bottom: 1.5vw;
    }
    header .dropdown-item, header .dropdown-item:focus, header .dropdown-item:hover {
        opacity: 1;
        border-bottom: 1px solid #cccccc4d;
        margin-bottom: 5px;
        margin-left: 10px;
        padding-bottom: 5px;
    }
    header .dropdown-item .span1{
        margin-bottom:0px;
    }
    .slider4 .home-slider .item{
        border-radius: 14px;
    }
    .slider4 .home-slider{
       border-radius:0px !important; 
   }
   .homelogo .bottom-line {
    width: 100%;
    margin: 0 auto;
    display: block;
    height: 1px;
}
header .dropdown-item .span1 {
        color: #343434;
        font-weight: 400;
        line-height: normal;
    }
.cookies-box .common-btn {
    padding: 7px 8.636vw 7px 2.273vw !important;
    font-size: 2.727vw;
    line-height: 3.636vw;
    letter-spacing: calc(2.727vw* -0.05);
}
.cookies-box .common-btn::before{
  height: 28px;
  width: 28px;
  aspect-ratio: 1 / 1;
  border-radius: 50px;  
}
#customise-btn, #decline-btn {
    border: 0px !important;
    padding-right: 10px !important;
    padding: 7px 8.636vw !important;
}
.toggle-wrapper {
    margin-bottom: 10px;
}
.common-btn::before, .common-btn span {
    height: var(--new-height);
    width: var(--new-height);
}
.footer-page {
    margin-top: 25vw;
    padding-bottom: 6vw;
}
.footer-page .heading {
    color: #1976f4;
    font-size: 6vw;
    margin-bottom: 5.6vw;
}
.footer-page h4 {
    font-size: 16px;
}
.footer-page .col-sm-6 {width: 50%; margin-bottom: 1rem;}
.slider2 .home-slider .item img {
    height: 43.182vw !important;
}
.slider3 .home-slider .item img {
    height: 56.818vw !important;
}
.slider1 .item {
    height: unset;
    width: 100%;
    padding: 2.727vw 3.409vw 2.727vw;
}
ul.lang-ul .dropdown-toggle {
    font-size: 17px;
    line-height: 17px;
    margin: 15px 0;
    padding: 0px 8px;
}
li#lang-dropdown {
    margin: 15px 0;
}
header .dropdown-item, header .dropdown-item:hover, header .dropdown-item:focus{
    font-size: 17px;
}
/*.dropdown-submenu:hover .dropdown-menu1{display: block;}*/
header .dropdown-item, header .dropdown-item:hover, header .dropdown-item:focus{font-weight: 400;}
.dropdown-submenu .dropdown-menu1 {
        padding: 5px 0;
        background: transparent;
        top: -7px;
    }
    .dropdown-submenu .dropdown-item, .dropdown-submenu .dropdown-item:hover, .dropdown-submenu .dropdown-item:focus, .dropdown-submenu .dropdown-item:active{
        font-size: 17px;
        font-weight: 400;
    }
    .locations .row {border: 2px solid rgb(24 118 244 / 50%); padding: 18px;}
    .locations .map {height: 78.140vw;}
    .location-info {padding: 16px 0 0;}
    .location-info h3 {
        margin-bottom: 23px;
        font-size: 6vw;
        line-height: 6.977vw;
        margin-top: 39px;
        font-weight: 400;
        letter-spacing: calc(6vw * -0.03);
    }
    .location-info h3 span {font-size: unset;}
    .location-info h3 br {display: none;}
    .home-banner-last {object-position: -35vw;}
    .locations h5 img {width: 9%;}
    .locationscontent {border-radius: 16px !important; padding: 12px; margin-bottom: 10px !important;}
    .locations li:last-child .locationscontent {margin-bottom: 0 !important;}
    .locations h5 {
        font-size: 3.721vw;
        line-height: 5.581vw;
        margin-bottom: 4px;
        letter-spacing: calc(3.721vw* -0.04);
    }
    .locations p {font-size: 2.326vw; line-height: 3.070vw; letter-spacing: 0;}
    .locations .container {border-radius: 14px;}
     .contact-wrapper .contact-left, .contact-wrapper .contact-right {
        width: 100%;
        padding-left: 0;
        text-align: center;
    }
        .contact-wrapper {
        flex-wrap: wrap;
    }
        .contacts-heading {
        margin-bottom: 10px;
    }
        .contacts-heading h4 {
        font-size: 4.186vw;
        line-height: 5.581vw;
        letter-spacing: calc(4.186vw * -0.04);
    }
        .contactus .contact-single h6 {
        font-size: 5.116vw;
        color: #007AFF;
        line-height: 6.512vw;
        margin-bottom: 6px;
        letter-spacing: calc(5.116vw * -0.04);
        text-align: left;
    }
        .contactus .contact-single a#contactlink {
        margin-top: 0;
        text-align: left;
        display: block;
    }
    .contact-div {
        column-gap: 16px;
        margin-bottom: 60px;
    }
        .contact-div .contact-single {
        padding: 12px 15px;
    }
    .contact-div .contacts-heading img, .contact-wrapper .contacts-heading img {
        margin-right: 2px;
        width: 3.721vw;
        height: 3.721vw;
    }
        .contact-div .contactus .contact-single p, .contactus .contact-single a {
        color: #AAAAAA;
        font-size: 2.326vw;
        line-height: 2.791;
        margin-bottom: 0;
        letter-spacing: calc(2.326vw * -0.04);
        display: block;
        text-align: left;
    }
    .contact-single{
        border-radius: 16px;
        padding: 12px 15px;
    }
        .contact-div .contacts-heading h4 {
        font-size: 3.721vw;
        line-height: 4.186vw;
        letter-spacing: calc(3.721vw * -0.04);
    }
    .contact-div .contacts-heading {
    margin-bottom: 0;
}
    .contactus .heading {
        font-size: 6.977vw;
        line-height: 8.721vw;
        letter-spacing: calc(6.977vw * -0.04);
        margin: 0 auto -0.57vw !important;
    }
        .contact-wrapper .contact-left img {
        width: 58%;
        margin: 0 auto;
    }
    .contactus .social img {width: 100%;}
        .contactus .social {
        flex-wrap: wrap;
        justify-content: center;
        width: 100%;
        column-gap: 4.587vw;
    }
    .contactus .social h3 {
        width: 100%;
        margin-bottom: 10px;
        font-size: 3.721vw;
        line-height: 4.186vw;
    }
     .contact-form {padding: 24px 21px; border-radius: 16px; text-align: left;}
    .contact-form h4 {font-size: 8.372vw; line-height: 8.372vw; letter-spacing: calc(8.372vw * -0.04);}
    .contact-form p {font-size: 2.791vw; line-height: normal; letter-spacing: calc(2.791vw * -0.04); margin-bottom: 20px;}
    .contact-form .contact-statement {font-size: 2.791vw !important;}
    .contact-form .form-control {
        border: 1px solid #1876f433;
        border-radius: 10px;
        padding: 2.093vw 2.791vw;
        margin-bottom: 12px;
        font-size: 2.791vw;
        letter-spacing: calc(2.791vw * -0.04);
    }
    .contact-form .form-control#email, #cta-form .form-control#ctaemail {padding-left: calc(1.058vw + 4.587vw);}
    .contact-form .form-control#phone2 {padding-left: 55px !important;}
    .contact-form .intl-tel-input .selected-flag {width: 10vw !important;}
    .contact-form .intl-tel-input.separate-dial-code .selected-dial-code {font-size: 2.791vw !important;}
      .contact-form .form-control#contactmsg {
        height: 26.047vw;
        margin-top: 2vw;
    }
   .contact-form .common-btn {
        width: 100%;
        font-size: 3.256vw;
        margin-top: 16px;
        padding: 3.256vw;
        margin-bottom: 3vw;
    }
    .contact-terms {
        /*color: #DDDDDD !important;*/
        text-align: center;
        margin: 8px auto 0 !important;
        width: 75%;
        font-size: 2.791vw !important;
        line-height: 3.907vw !important;
    }
    .contact-div .contacts-heading img, .contact-wrapper .contacts-heading img {
        margin-right: 2px;
        width: 3.721vw;
        height: 3.721vw;
    }
     .contact-form .form-control{
        line-height: 13px;
    }
}

@media(min-width:768px) {}
