﻿    
    ::-webkit-scrollbar {width: 7px;}
    ::-webkit-scrollbar-track {box-shadow: inset 0 0 5px grey;border-radius: 10px;}
    ::-webkit-scrollbar-thumb {background: #181a4b;border-radius: 10px;}
    ::-webkit-scrollbar-thumb:hover {background: #181a4b;}
    .nav .nav-link{color:#3D3F3E;font-weight:500;}
    .slider2, .slider3{display:none;}
    .slider { margin: auto; } 
    .slick-slide { margin: 0px 20px; } 
    .slick-slide img { max-width: 100%;max-height:650px !important;margin:auto !important;} 
    .slick-prev:before, .slick-next:before { color: black; } 
    .slick-slide { transition: all ease-in-out .3s; } 
    .slick-dots { bottom: -46px !important; } 
    .slick-dots li { margin: 0 !important; } 
    .slick-dots li button:before { font-size: 27px !important; } 
    .slick-dots li button:before { color: #ED1C24 !important; } 
    .slickk img { box-shadow: 0px 0px 10px rgb(0 0 0 / 5%); } 
    .slickk .slick-slide:hover img { box-shadow: 0px 0px 20px rgb(0 0 0 / 10%); } 
    .slick-track { padding-bottom: 10px;display:flex !important;align-items:center;}
    .slick-prev:before, .slick-next:before{color:#6b6c70 !important;font-size:55px !important;}
    .slick-prev:before{content:'←' !important;}
    .slick-next:before{content:'→' !important}
    .slick-arrow:before {color: red;font-size: 20px;}
    .mobileApp .slick-arrow {font-size: 20px;display: flex;justify-content: center;align-items: center;width: 50px;height: 50px;border-radius: 50%;border: 2px solid #1a59a8;cursor:pointer;}
    .slick-arrow:before {color: red;font-size: 20px;}
    .sliderimg{background-image:url('../images/slider.jpg');background-size:cover;background-position:center;height:calc(100vh - 137px);width:100%;min-height:650px !important;}
    .aboutUs{background-image:url('../images/aboutUs.png');background-position:center;background-size:cover;}
    .aboutImg{position:relative;}
    .aboutleft-img1{position:absolute;content:'';background-image:url('../images/GIF-3.gif');background-size:38%;background-position:center center;width:100%;height:100%;background-repeat:no-repeat;}
    @media (max-width:500px) {
        .shapeimg img{height:67px;}
        .shapeimg p{font-size:12px;}
        .EXPERTISE-img {text-align:center;}
    }
    @media (min-width:768px) and (max-width:991px){
        .shapeimg  img{height:60px;}
        .shapeimg p{font-size:12px;}

    }
    @media (min-width:992px) and (max-width:1200px) {
        .shapeimg  img{height:60px;}
    }
    @media (min-width:1200px) {
        .shapeMain-img{column-gap:20px;}
        .shapeimg  img{height:70px;}
    }
    .sliderText{position:absolute;top:50%;left:0%;transform:translate(15%,-50%);max-width:500px;}
    @media (max-width:576px) {
        .sliderText h4{font-size:30px !important;}
        .EXPERTISE-img {text-align:center;}

    }
    .main-btn{background-color:#181a4b !important;color:#fff !important;padding:8px 12px;border:1px solid #181a4b !important;border-radius:5px;transition:all 0.3s !important;}
    .main-btn:hover{background-color: transparent !important;color:#181a4b !important;}
    .aboutleft-img{background-image: url(../images/about1.1.png), url(../images/about11.gif);background-size:cover;background-position:center;height:600px;}
    .gradient-font{background: linear-gradient(90deg, #3D3F3E 20%, #00517E 91.66%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
    .gradient-Whitefont{background: linear-gradient(90.82deg, #FFFFFF 2.94%, #E4F1FF 86.66%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
    .sec1 .box{position:relative;height:100%;}
    .sec1 .box:before{z-index:-1;position:absolute;content:'';opacity:10%;background-position:bottom right;background-repeat:no-repeat;background-size:30%;bottom:5px;right:7px;width :100%;height:100%;}
    .sec1 .box1:before{background-image: url(../images/i1.png);}
    .sec1 .box2:before{background-image: url(../images/i2.png);}
    .sec1 .box3:before{background-image: url(../images/i3.png);}
    .mobileApp-box .mobileApp-boximg{padding:15px;border-radius:50%;background-color:#ecf4f9;}
    .mobileApp-box .mobileApp-boximg + p{font-size:18px;font-weight:500;letter-spacing:0.3px;}
    .social-link {width: 135px;height: 100%;cursor: pointer;}
    @media (max-width:400px){
        .social-link {width: 130px !important;height: 100%;cursor: pointer;}
    }
    .mobileApp{position:relative;}
    .mobileApp:before{position:absolute;content:'';background-image:url('../images/mbg1.png');background-repeat:no-repeat;background-size:30% 100%;top:5px;left:7px;width :99%;height:100%;z-index:-1;background-position:top left;}
    .mobileApp:after{position:absolute;content:'';background-image:url('../images/mbg2.png');background-repeat:no-repeat;background-size:30% 100%;right:5px;top:7px;width :99%;height:100%;z-index:-1;background-position:top right;}
    .shape-slider p{font-size:13px !important;}
    .mobileApp .slide{padding:0;margin:0;}
    .mobileApp .slick-slide img{width:100% !important;}
    .mobileApp .slick-slide.slick-current img{transform:scale(1.5);transition:all 0.3s ease;}
    .mobileApp .slick-list{overflow:visible !important;overflow-x:clip !important;}
    .slider-img{margin:85px 0 !important;}
    /*.mobileApp .MobileApp-Slider img{height:450px !important;width:100%;transition:all 0.3s ease !important;}
    .mobileApp .MobileApp-Slider .slick-active img{height:550px !important;}*/
    
    @media (max-width:600px){
        .shape-slider .slick-next{right:31px !important;}
        .shape-slider .slick-prev{left:-8px !important;}
    }
    /*@media (max-width:449px){
        .mobileApp .MobileApp-Slider img{height:320px !important;}
        .mobileApp .MobileApp-Slider .slick-active img{height:380px !important;}
        .slider-img{min-height:400px !important;}
    }
    @media (min-width:450px) and (max-width:576px){
        .mobileApp .MobileApp-Slider img{height:420px !important;}
        .mobileApp .MobileApp-Slider .slick-active img{height:500px !important;}
    }
    @media (min-width:599px) and (max-width:1023px){
        .slick-list.draggable{padding:0 !important;}
        .mobileApp .MobileApp-Slider img{height:380px !important;}
        .slider-img{min-height:330px !important;}
    }
    @media (min-width:599px) and (max-width:767px){
        .mobileApp .MobileApp-Slider img{height:380px !important;}
    }
    @media (min-width:767px) and (max-width:1023px){
        .mobileApp .MobileApp-Slider img{height:300px !important;}
    }
    @media (min-width:1400px){
        .mobileApp .MobileApp-Slider img{height:520px !important;}
        .mobileApp .MobileApp-Slider .slick-active img{height:620px !important;}
    }*/
    @media (max-width:768px){
        /*.mobileApp .MobileApp-Slider img{height:350px !important;}
        .mobileApp .MobileApp-Slider .slick-active img{height:450px !important;}*/
    }
    .shape-slider .slick-slide{transition:all 0.3s ease;}
    .sliderM p{display:none !important;}
    .shape-slider .slick-slide:hover{transform:scale(1.2);}
    .shape-slider .slick-slide:hover p{display:block !important;}
    .shapeBg {background-image:url('../images/shapebg.png');background-size:cover;background-position:center;}
    .certi {background-image:url('../images/certi.png');background-size:cover;background-position:center;}
    .certiimg img{max-width:230px !important;height:70px;}
    .slick-prev{left:-24px !important;}
    .slick-next{right:-7px !important;}
    .shape-slider .slick-slide{height:230px !important;}
    .slick-list{overflow:visible !important;overflow-x:clip !important;}
    .shape-slider .slick-prev, .shape-slider .slick-next{top:31% !important;}
    @media (min-width:768px){
        .headerMail{border-bottom: 35px solid #007cc2; border-right: 25px solid transparent; height: 0;line-height:32px;}
        .headerContact{border-bottom: 35px solid #007cc2; border-left: 25px solid transparent; height: 0;line-height:32px;}
    }
    @media (max-width:768px){
        .topHeader{/*background-color:#007cc2 !important;*/padding-left:15px;}
        .headerMail{padding:5px 0;}
        .headerContact{padding:5px 0;}
    }
    .office-slider .slick-track{padding-bottom:0px !important;}
    .office-slider .slick-slide{margin:0px !important;}
     .prev-office{color:#ffffff9e;font-size:28px;}
     .next-office{color:#ffffff9e;font-size:28px;}
     @media (min-width:1200px){
        .office-slider .slick-current.slick-active img{margin:initial !important;margin-left:auto !important;}
        .office-slider .slick-active img{margin:initial !important;margin-right:auto !important;}
        .office-slider .slick-slide img{max-height:710px !important;}
     }
     @media (min-width:1800px){
        .ourWidthRight{width:48% !important;}
        .ourOffice .container-fluid{max-width:1500px !important;}
     }
     .ourOffice {position:relative;}
     .ourOffice:before{position:absolute;content:'';background-image:url('../images/officebg.png');background-size:15%;background-position:left bottom;background-repeat:no-repeat;width:100%;height:100%;bottom:-56px;}
    .map-bg{background-image:url('../images/map.png');background-size:cover;background-position:top center;background-repeat:no-repeat;width:100%;height:100%;}
    /*.map-mumbai{position:absolute;top:260px;left:61.5%;}
    .map-surat{position:absolute;top:278px;left:63%;}*/
    .map-location{position:absolute;top:36%;left:61.5%;}
    .map-surat{padding-left:21px;margin-top:-15px !important;}
    .popover-body{background-color:#002c6a;color:#fff;border:2px solid #fff;border-radius:9px;}
    .popover{border:0;background:0;white-space:pre-wrap;}
    .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after{border-top-color:#002c6a !important;}
    .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after{border-left-color:#002c6a !important;}
    .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after{border-right-color:#002c6a !important;}
    .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after{border-bottom-color:#002c6a !important;}
    .bs-popover-top > .popover-arrow::after {border-top-color: #002c6a !important;}
    .bs-popover-end > .popover-arrow::after {border-right-color: #002c6a !important;}
    .bs-popover-start > .popover-arrow::after {border-left-color: #002c6a !important;}
    .bs-popover-bottom > .popover-arrow::after {border-bottom-color: #002c6a !important;}
    .social-icon{column-gap:15px;}
    .socialLink{background-color:#dededc;color:#3d3f3e;display:block;width:42px;height:42px;border-radius:50%;line-height:46px;font-size:18px}
    .pname a{color:#fff;display:table;margin-bottom:5px;}
    .certiheight{height:calc(600px - 254px);}
    .map-ny{padding-left:1px;margin-top:-9px !important;}

    @media (max-width:991px){
        .ourOffice:before{opacity:0 !important;}
    }
    @media (max-width:575px){
        .map-location{position:absolute;top:35%;left:61.5%;}
        .miraTest{font-size:47px !important;}
        .sliderimg{min-height:500px !important;height:500px !important;}
    }
    @media (min-width:576px) and (max-width:991px){
        .map-location{position:absolute;top:41%;left:61.5%;}
        .miraTest{font-size:64px !important;}
    }
    @media (min-width:992px) and (max-width:1500px){
        .map-location{position:absolute;top:44%;left:61.5%;}
    }
    @media (min-width:1501px){
        .map-location{position:absolute;top:45%;left:61.5%;}
        .map-location i{font-size:28px !important;}
        .certi{height:800px !important;}
        .certiheight{height:calc(800px - 254px);}
    }
    @media (min-width:992px){
        .hedingSize{font-size:54px !important;}
        .sliderText{max-width:668px !important;}
        .hfont{font-size:45px !important;}
        .sec1{margin-bottom:70px !important;}
        .footerBody{padding:40px 0 !important;}
        .footerBottom p {padding:25px 0 !important;font-size:18px !important;}
        .borderRight{border-right:0 !important;}
    }
    @media (min-width:992px) and (max-width:1024px){
        
        .miraTest{font-size:64px !important;}
    }
.WDWO-img-1 {
    background-image: url(../Images/Edit_img1.png);
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 140vh;
    /*width:610px;*/
    
}
.WDWO-img-2 {
    background-image: url(../Images/Edit_img2.png);
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 140vh;
    /*width: 610px;*/
}
@media (max-width:575px) {
    .WDWO-img-1{background-image:none !important;height:auto !important;padding-top:15px !important;padding-right:10px;}
    .WDWO-img-2{background-image:none !important;height:auto !important;padding-top:0 !important;padding-right:10px;}
    .WDWO-1{padding-bottom:15px !important;}
    .WDWO-1 b, .WDWO-1 li {font-size:16px !important;}
    .WDWO-img-2 .WDWO-1{padding-top:0 !important;margin-top:0 !important;}
}
@media (min-width:768px) and (max-width:1024px){
    .WDWO-img-1, .WDWO-img-2{height:154vh !important;}
}
.EXPERTISE-img img{width:71%; height:auto;}
ul li{list-style:none;}
.why-section ul li{font-weight:500;}
.why-section ul{padding-left:0;}
@media (min-width:768px) and (max-width:991px){
    .why-section ul{padding-left:85px !important;}
}
@media (max-width:991px) {
    .ourWidthLeft{padding-left:0 !important;}
    .ourWidthRight{padding-left:0 !important;}
    .ourOffice .row{padding:0 15px !important;}

}
.location:after  {content: "Surat, India";position:absolute;color: #d0ae42;color: #fff;background-color:#001E49;padding:2px;right: 32%;top:35%;visibility:hidden;padding:9px;white-space: pre;}
.location1:after {content: "Mumbai, India ";position:absolute;color: #d0ae42;color: #fff;background-color:#001E49;padding:2px;right: 30%;top:35%;visibility:hidden;padding:9px;white-space: pre;} .location2:after {content: "Main Head";position:absolute;color: #d0ae42;color: #fff;background-color:#353535;padding:2px;right: 28%;visibility:hidden;padding:9px;}
.location3:after {content: "Hong Kong";position:absolute;color: #d0ae42;color: #fff;background-color:#353535;padding:2px;right: 16%;top:34%;visibility:hidden;padding:9px;}
.location4:after {content: "Antwerp, Belgium ";position:absolute;color: #d0ae42;color: #fff;background-color:#353535;padding:2px;right: 54%;top:10%;visibility:hidden;padding:9px;} .location5:after {content: "Main Office";position:absolute;color: #d0ae42;color: #fff;background-color:#353535;padding:2px;right: 40%;top:-20%; visibility:hidden;padding:9px;}
.location6:after {content: "Main Office";position:absolute;color: #f5f5f5;color: #fff;background-color:#353535;padding:2px;right: 10%;top:30%;visibility:hidden;padding:9px;}
.location7:after {content: "Main Office";position:absolute;color:#d0ae42; color: #fff;background-color:#001E49;padding:2px;left:30%;top:30%;visibility:hidden; padding:9px;}
.location8:after {content: "Dubai, UAE";position:absolute;color:#d0ae42; color: #fff;background-color:#001E49;padding:2px;left:51%;top:37%;visibility:hidden; padding:9px;}
.location9:after {content: "New York, USA";position:absolute;color:#d0ae42; color: #fff;background-color:#353535;padding:2px;left:9%;top:16%;visibility:hidden; padding:9px;}
.location:hover::after{visibility:visible; transition:1s;}
.location1:hover::after{visibility:visible;}
.location2:hover::after{visibility:visible;}
.location3:hover::after{visibility:visible;}
.location4:hover::after{visibility:visible;}
.location5:hover::after{visibility:visible;}
.location6:hover::after{visibility:visible;}
.location7:hover::after{visibility:visible;}
.location8:hover::after{visibility:visible;}
.location9:hover::after{visibility:visible;}
.form-control{border-radius:2px;}