@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;0,1000;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900;1,1000&display=swap');


 @import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


 /* @import url('https://fonts.cdnfonts.com/css/source-sans-pro'); */


 @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');



 /* ==================================== GENERAL START ====================================  */


 :root {

     --black: black;
     --white: white;
     --gray: #888888;
     --dark: #191919;
     --danger: red;
 }

 ul,
 ol,
 p {
     padding: 0px;
     margin: 0px;
 }

 html {
     scroll-behavior: smooth;
     font-family: 'Mulish', sans-serif;

 }

 a {
     display: inline-block;
     text-decoration: none;
     font-family: 'Mulish', sans-serif;

 }

 a {
     text-decoration: none;
 }

 img {
     width: 100%;
 }

 .fs-13 {
     font-size: 13px;
 }

 .fs-14 {
     font-size: 14px;
 }

 .fs-15 {
     font-size: 15px;
 }

 .fs-17 {
     font-size: 17px;
 }

 .fs-18 {
     font-size: 18px;
 }

 .fs-8 {
     font-size: 8px;
 }

 .fs-9 {
     font-size: 9px;
 }

 .fs-12 {
     font-size: 12px;
 }

 .fs-13 {
     font-size: 13px;
 }

 .fs-14 {
     font-size: 14px;
 }

 .fs-15 {
     font-size: 15px;
 }

 .fs-17 {
     font-size: 17px;
   
 }

 .fs-18 {
     font-size: 18px;
 }

 .fs-10 {
     font-size: 10px;
 }

 .fs-22 {
     font-size: 22px;
 }

 .fs-28 {
     font-size: 28px;
 }

 .fs-35 {
     font-size: 35px;
 }

 .fs-38 {
     font-size: 38px;
 }

 .p-20 {
     padding: 20px 0px;
 }

 .p-30 {
     padding: 30px;
 }

 .py-100 {
     padding: 100px 0px;
 }

 .py-30 {
     padding: 30px 0px;
 }

 .py-40 {
     padding: 40px 0px;
 }

 .pb-6 {
     padding-bottom: 65px !important;
 }

 .outline-none {
     outline: none !important;
 }

 .d-inlineblock {
     display: inline-block !important;
 }

 .border-color {
     border-color: none !important;

 }

 .bgc-none {
     background-color: none !important;
 }
 .text-indent40{
    text-indent: 40px;
    text-align: justify;
 }

 /* ==================================== GENERAL END   ====================================  */

 /*  ==================================== HEADER START ==================================== */
 
 .hedader-logo{
    width: 200px;
   }
 .roboto-sans {
     font-family: 'Roboto', sans-serif;
 }

 .mulish-sans {
     font-family: 'Mulish', sans-serif;
 }

 .source-sans3 {
     font-family: 'Source Sans 3', sans-serif;
 }

 .source-sans-pro {
     font-family: 'Source Sans Pro', sans-serif;

 }

 .stayconnected a:hover {
     color: #034170 !important;
     transition-duration: 0.5s;
 }


 .bgcblue {
     background-color: #034170 !important;
 }

 .tcolor {
     color: #034170;
     transition-duration: 0.3s;
 }

 .tcolor:hover {
     color: #ED3237;
     text-shadow: 0 4px 0 rgba(230, 92, 0, 0.25);
 }

 .bg-orange {
     background-color: #ED3237 !important;
 }

 .text-orange {
     color: #ED3237 !important;

 }

 .request-hover:hover {
     background-color: white !important;
     color: #034170 !important;
     border-color: transparent white;
     transition-duration: 500ms;
 }

 .border-color {
     border-color: transparent !important;
 }

 .search-hover:hover {
     color: #ED3237 !important;
 }

 .transform-animation {
     position: absolute;
     bottom: 20px;
     left: 0px;
     right: 0px;
 }

 .layer2::before {
     content: '';
     position: absolute;
     bottom: 100%;
     left: 50%;
     height: 2px;
     width: 0px;
     transition-duration: 0.5s;
 }

 .layer2:hover::before {
     width: calc(50% + 2px);
     background-color: #034170;
 }

 .layer2::after {
     content: '';
     position: absolute;
     top: 100%;
     right: 50%;
     height: 2px;
     width: 0px;
     transition-duration: 0.5s;
 }

 .layer2:hover::after {
     width: calc(50% + 2px);
     background-color: #034170;
 }

 .layer3::before {
     content: '';
     position: absolute;
     top: 100%;
     left: 50%;
     height: 2px;
     width: 0px;
     transition-duration: 0.5s;
 }

 .layer3:hover::before {
     width: calc(50% + 2px);
     background-color: #034170;
 }

 .layer3::after {
     content: '';
     position: absolute;
     bottom: 100%;
     right: 50%;
     height: 2px;
     width: 0px;
     transition-duration: 0.5s;
 }

 .layer3:hover::after {
     width: calc(50% + 2px);
     background-color: #034170;
 }

 .layer4::after {
     content: '';
     position: absolute;
     bottom: 50%;
     right: 100%;
     height: 0px;
     width: 2px;
     transition-duration: 0.5s;
 }

 .layer4:hover::after {
     height: calc(50% + 2px);
     background-color: #034170;
 }

 .layer4::before {
     content: '';
     position: absolute;
     top: 50%;
     left: 100%;
     height: 0px;
     width: 2px;
     transition-duration: 0.5s;
 }

 .layer4:hover::before {
     height: calc(50% + 2px);
     background-color: #034170;
 }

 .layer5::after {
     content: '';
     position: absolute;
     top: 50%;
     right: 100%;
     height: 0px;
     width: 2px;
     transition-duration: 0.5s;
 }

 .layer5:hover::after {
     height: calc(50% + 2px);
     background-color: #034170;
 }

 .layer5::before {
     content: '';
     position: absolute;
     bottom: 50%;
     left: 100%;
     height: 0px;
     width: 2px;
     transition-duration: 0.5s;
 }

 .layer5:hover::before {
     height: calc(50% + 2px);
     background-color: #034170;
 }

 .menu-text {
     display: block;
     overflow: hidden;
 }

 .menu-text-wrap {
     display: inline-block;
     position: relative;
     transition: all ease .3s;
 }

 .menu-text-wrap::before {
     position: absolute;
     top: 100%;
     left: 0;
     content: attr(data-hover);
     z-index: 1;
 }

 .windfall ul>li>.layer6:hover>a .menu-text-wrap {
     transform: translateY(-100%);

 }

 .windfall ul>li:hover>a .menu-text-wrap {
     transform: translateY(-100%);


 }

 .dd2 {
     display: block;
     visibility: hidden !important;
     transform: translate(0px, 50px);
     opacity: 0;
     width: 200px;
     transition-duration: 0.5s;
 }

 .dd1:hover .dd2 {
     visibility: visible !important;
     transform: translate(0px, 24px);
     opacity: 1;
 }

 .dd4 {
     display: block;
     visibility: hidden !important;
     left: 100%;
     transform: translate(0px, 30px);
     opacity: 0;
     width: 200px;
     transition-duration: 0.5s;
 }

 .dd3:hover .dd4 {
     visibility: visible !important;
     transform: translate(0px, -30px);
     opacity: 1;
 }

 .active1 {
     color: #ED3237 !important;
 }

 .active2 {
     color: #ED3237 !important;
 }

 .windfall>ul>li::after {
     content: '';
     top: calc(50% - 12px);
     left: 100%;
     height: 24px;
     width: 2px;
     background-color: rgba(255, 255, 255, 0.09);
     z-index: 2;
 }
 

 @media screen and (max-width:992px) {

    .Trusted-Customers{
    font-size: 30px;
    }
     .windfall {
         height: 205px;
         overflow: auto;
     }

     .dd2 {
         position: static !important;
         display: none !important;
     }

     .dd1:hover .dd2 {
         display: block !important;
         opacity: 1;
         width: 96% !important;
         margin-left: auto;
         transform: translate(0px, 0px)
     }


     .layer6 {
         align-items: normal !important;
     }

     .dd4 {
         position: static !important;
         display: none !important;
     }

     .dd3:hover .dd4 {
         display: block !important;
         transform: translate(0px, 0px);
         opacity: 1;
         width: 96% !important;
         margin-left: auto;
     }


     .manualwidth {
         width: 100% !important;
         border: none !important;
     }

     .windfall>ul>li::after {
         display: none;
     }

     .squarebox {
         background: #eeeeee;
         padding: 5px !important;
         width: 40px;
         height: 40px;
         border: none !important;
         text-align: center;
         line-height: 30px;
         color: #a2a2a2 !important;
     }

     .squarebox2 {
         background: #eeeeee;
         padding: 5px !important;
         width: 42px;
         height: 40px;
         border: none !important;
         text-align: center;
         line-height: 30px;
         color: #a2a2a2 !important;
     }

     .active1 {
         color: white !important;
     }

     .active2 {
         color: #a2a2a2 !important;
     }

     .windfall>ul>li {
         border-bottom: 1px solid rgba(0, 0, 0, 0.1);
         background-color: white;
     }

     .windfall>ul>li a {
         color: #191919 !important;
     }



     .dd2>li {
         border-top: 1px solid rgba(0, 0, 0, 0.1);
     }

     .dd4>li {
         border-top: 1px solid rgba(0, 0, 0, 0.1);
     }
 }

 /*  ==================================== HEADER END ==================================== */

 /* ==================================== WE ARE PROFESSIONAL START ==================================== */

 .carosol-img{
    width: 100%;
    /* height: 300px; */
    object-fit: cover !important;
 }

 @media screen and (max-width: 767px) {
    .carosol-img{
        width: 100%;
        height: 250px;
        object-fit: cover !important;
     } 
}
 .bgcblack {
     background: rgba(0, 0, 0, 0.1);
 }

 .prev-button,
 .next-button {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     z-index: 1;
     height: 40px;
     width: 40px;
     background-color: rgba(0, 0, 0, 0.144);
     border-radius: 50%;
 }

 .prev-button {
     left: 20px;
 }

 .next-button {
     right: 20px;
 }

 .arrowhover:hover {
     background-color: #191919;
     transition: 0.5s;
 }

 @media screen and (max-width:705px) {
     .recognized {
         font-size: 25px !important;
     }

     .improveourcustomer {
         font-size: 16px !important;
     }

     .contactustoday {
         padding: 10px 10px !important;
         font-size: 16px !important;
     }

     @media screen and (max-width:652px) {

         .prev-button,
         .next-button {
             display: none;
         }
     }

     @media screen and (max-width:505px) {
         .recognized {
             font-size: 18px !important;
             font-weight: 500 !important;
         }

         .improveourcustomer {
             font-size: 16px !important;
             font-weight: 300 !important;

         }

         .contactustoday {
             padding: 5px 5px !important;
             font-size: 16px !important;
         }

         .layer2 {
             padding: 10px 0px !important;
         }
     }

     @media screen and (max-width:431px) {
         .layer2 {
             padding: 5px 0px !important;
         }

         .contactustoday {
             padding: 2px 2px !important;
             font-size: 13px !important;
             font-weight: 400 !important;
         }
     }

     @media screen and (max-width:387px) {
         .recognized {
             font-size: 16px !important;
             line-height: 15px;
         }

         .improveourcustomer {
             font-size: 14px !important;
             line-height: 13px;
         }

         .layer2 {
             padding: 0px !important;
         }
     }
 }

 /* ==================================== WE ARE PROFESSIONAL END ==================================== */

 /*  ==================================== WELCOME TO WINDFALL START ====================================  */

 .imagediv{
    box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.472);
    border-radius: 3px;
 }
 .scale-1{
    transition-duration: .5s;
 }
 .scale-1:hover{
    transform: scale(1.1,1.1);
 }
 .list-of-work>li::before {
     content: '\f00c';
     position: absolute;
     font-size: 13px;
     top: 3px;
     left: 0;
     color: #ED3237;
     font-family: FontAwesome;
     z-index: 1;
 }

 .text-gray {
     color: var(--gray);
 }

 .width29 {
     width: 29px !important;
 }

 .bg-blue {
     background: rgba(3, 65, 112, 0.95)
 }

 /*  ==================================== WELCOME TO WINDFALL END ====================================  */

 /*  ==================================== WE ARE SRVED PEOPLE START ==================================== */


 .bgimage1 {
     background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(/link/Boostrap/windfall/asset/images/background1.png);
     background-repeat: no-repeat;
     background-size: cover;
 }

 /* ==================================== LATEST NEWS  START ====================================*/

 .morenews:hover {
     background-color: #ED3237;
     color: white !important;
 }

 .forafter::after {
     content: '';
     display: inline-block;
     background-color: #cccccc;
     height: 4px;
     width: 4px;
     vertical-align: middle;
     border-radius: 100%;
     margin: 0px 10px;
 }

 .victortheme:hover {
     color: #ED3237 !important;
     transition-duration: 500ms;
 }

 .readmore:hover {
     color: #ED3237 !important;
 }

 .readmore {
     transition-duration: 500ms;
 }

 .readmore:hover .fa-angle-right {
     padding-left: 10px;
 }

 .fa-angle-right {
     transition-duration: 400ms;
 }

 .layer16:hover .imghover {
     transform: scale(1.1);
     transition-timing-function: linear;
 }

 .imghover {
     transition-duration: 500ms;
 }

 .text-hover:hover {
     color: #034170 !important;
 }

 .text-blue {
     color: #034170;
 }

 @media screen and (max-width: 315px) {
     .forafter::after {
         margin: 0px 2px;
     }
 }

 /* ==================================== LATEST NEWS END ====================================  */
/* ==================================== product page START ====================================  */
.product-img{
    overflow: hidden;
}
.product-div >a>.product-img>img {
    transition-duration: 0.2s;

}
.product-div:hover >a>.product-img>img {

 transform: scale(1.1,1.1);
}
/* ==================================== product page END ====================================  */

 /*  ==================================== TRUSTED PARTNERS START ==================================== */

 .client-images img {
     width: 122px;
     height: 60px;
     opacity: 0.8;
     transition-duration: 500ms;
     margin: auto;
 }

 .client-images img:hover {
     opacity: 1;
 }

 /*  ==================================== TRUSTED PARTNERS END ==================================== */

 /* ***********************************************************NEW PAGE ABOUT US STRAT***************************************************************************** */

 /* ==================================== ABOUT-US START ==================================== */

 .bg-color {
     background: rgba(0, 0, 0, 0.4);
     z-index: -1;
 }

 .pageslink li:first-child::after {
     content: "\f105";
     padding: 0 10px;
     font-family: FontAwesome;
     color: #777777;
     vertical-align: middle;
 }

 .color88888 {
     color: #888888 !important;
 }
 .text-justify{
    text-align: justify;
    text-indent: 25px;

 }

 /*  ==================================== ABOUT-US END ==================================== */

 /*  ==================================== WELCOME TO WIND FALL START ====================================  */

 @media screen and (max-width:400px) {
     .welcomediv .fs-18 {
         font-size: 14px !important;
     }

     .welcomediv .fs-17 {
         font-size: 15px !important;
     }
 }

 /*  ==================================== WELCOME TO WIND FALL END ====================================  */



 /*  ==================================== 24/7 AVAIBILITY START ====================================  */

 .layer21 {
     transition-duration: 500ms;
 }

 .layer20:hover .layer21 {
     transform: translate(0px, -5 px);
 }

 @media screen and (max-width:400px) {
     .layer21 .fs-17 {
         font-size: 15px !important;
        
     }
 }

 /*  ==================================== 24/7 AVAIBILITY END ====================================  */

 /*  ==================================== WE AIMED TO CREATE START ==================================== */

 .zindex-1 {
     z-index: -1;
 }

 @media screen and (max-width:400px) {
     .weaimeddiv .fs-3 {
         font-size: 15px !important;
     }
 }

 /*  ==================================== WE AIMED TO CREATE END ==================================== */

 /* ***********************************************************NEW PAGE ABOUT US END***************************************************************************** */

 /* ***********************************************************NEW PAGE "BLOG" START***************************************************************************** */

 .page-link:hover {
     background-color: #034170 !important;
     color: white !important;
     border-color: #034170 !important;
 }

 .active>.page-link,
 .page-link.active {
     z-index: 3;
     color: white !important;
     background-color: #034170 !important;
     border-color: #034170 !important;
 }

 /* ***********************************************************NEW PAGE "BLOG" END***************************************************************************** */

 /* ***********************************************************NEW PAGE "CONTACT US" START***************************************************************************** */
 /* =====================================MAP START====================================--> */
 .map {
     width: 100%;
     height: 70vh;
 }

 /* =====================================MAP END==================================== */

 /*  ==================================== CONTACT INFO START ====================================  */

 .orange-hover:hover {
     color: #ED3237 !important;
 }

 .smlist a {
     position: relative;
     overflow: hidden;
     width: 40px;
     height: 40px;
     margin: 5px;
     background: #c5c5c5;
     color: #ffffff;
     font-size: 20px;
     text-align: center;
     line-height: 40px;
     border-radius: 100%;
     display: inline-block;
     vertical-align: middle;
     z-index: 1;
 }

 .smlist a:before {
     position: absolute;
     top: 0;
     left: 0;
     width: 50%;
     height: 0;
     transition: all ease .4s;
     content: "";
     z-index: 0;
     background-color: #034170 !important;
 }

 .smlist a:hover::before {
     height: 100%;

 }

 .smlist a:after {
     position: absolute;
     content: '';
     top: auto;
     bottom: 0;
     left: auto;
     right: 0;
     width: 50%;
     height: 0;
     transition: all ease .4s;
     z-index: -1;
     background-color: #034170 !important;

 }

 .smlist a:hover::after {
     height: 100%;
 }

 .form-div form input:focus {
     border-color: #7777777e !important;
 }
.bg-gray{
    border: 1px solid rgb(124, 124, 124) !important;
    /* background-color: rgba(232, 232, 232, 0.902); */
    box-shadow: 0px 0px 15px 3px  rgba(90, 90, 90, 0.192) !important;
}


 .form-div form textarea:focus {
     border-color: #7777777e !important;
 }

 /*  ==================================== CONTACT INFO END ==================================== */


 /* ***********************************************************NEW PAGE "CONTACT US" END***************************************************************************** */

 /* ***********************************************************NEW PAGE "TESTING" START***************************************************************************** */



 /* ==================================== SCETION-1 START ==================================== */
 .bgphoto {
     background-image: url(/link/Boostrap/Testing-instruments/asset/testing_images/background1.jpg);
     background-size: cover;
     background-repeat: no-repeat;
     background-position: 0, 50%;
 }

 .bgcblack {
     background-color: rgba(0, 0, 0, 0.4);
 }

 .bglightGray {
    background-image: url(../images/slider/Slider1\ –\ 4.png);
    background-size: 100%;
    color: white;
}
.bglightGray h1{
   
    background-color: rgba(0, 0, 0, 0.561);
    
}

.whatweofferdiv{
    background-image: url(../images/slider/Slider1\ –\ 4.png);
    color: white;

}
.whatweofferdiv h1{
   font-weight: bold;
   font-size: 40px;
    background-color: rgba(0, 0, 0, 0.561);
    margin: 0;
}

 /* ==================================== SCETION-1 END ==================================== */





 /* ***********************************************************NEW PAGE "TESTING" END***************************************************************************** */


 /*  ==================================== FOOTER START ==================================== */
 
 .bgcgray {
    background-color: #313543f1;
}


.logodiv {
    text-align: center;
    margin-bottom: 40px !important;
}

 .footer-logo{
    width: 200px;
    border-radius: 3px;
    box-shadow: 0px 0px 20px 4px rgba(255, 255, 255, 0.443);
 }
 .contact-name{
    display: inline-block;
    flex-basis: 65px;
    text-align: right;
    font-weight: bold;
    color: #191919;
 }
 .mt-sm-72{
    margin-top: 0px !important;
}
 /* @media screen and (max-width: 992px) and (min-width: 576px){
    .mt-sm-72{
        margin-top: 72px !important;
    }
  } */
 
 .mailhover {
     transition-duration: 500ms;
 }

 .mailhover:hover {
     color: #ED3237 !important;
 }

 .listdiv ul li:hover a {
     color: #ED3237 !important;
 }

 .smdiv a:hover {
     color: white !important;
     transition-duration: 500ms;
 }

 .angelright {
     visibility: hidden;
     opacity: 0;
 }

 .listdiv ul li:hover .angelright {
     visibility: visible !important;
     opacity: 1 !important;
     padding-left: 4px !important;
     transition-duration: 500ms;
     z-index: 999;
     height: 10px !important;
 }

 .signupbtn {
     position: absolute;
     background-color: #ED3237;
     height: 100%;
     top: 0;
     right: 0;
     bottom: 0;
 }

 .footerhover:hover {
     color: #ED3237 !important;
 }

 .top {
     width: 40px;
     height: 40px;
     line-height: 40px;
     bottom: 10%;
     right: 2%;
     z-index: 9999;
 }

 /* background-color: #48484859; */

 .footer_text {
     color: #fff !important;
 }
 .footer_text:hover>i {
    color: #ED3237 !important;
}

.man{
    display: inline-block;
    position: fixed;
    z-index: 1030 !important;
    right: 0;
    top: 50%    ;
    /* transform: translate(50%, -50%); */
    animation-name: man;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-fill-mode: both;
}
@keyframes man{
    0%{
        transform: translate(-10px, -50%);
    }
    50%{
        transform: translate(30px, -50%);
    }
    100%{
        transform: translate(-10px, -50%);
    }
}
.man img{
    width: 130px;
}
@media only screen and (max-width: 800px) {
    .man img{
        width: 120px;
    }
  }
  @media only screen and (max-width: 500px) {
    .man img{
        width: 80px;
    }
    .map_div iframe{
        height: 250px;
    }
  }
 /*  ==================================== FOOTER END ==================================== */
 /*  ==================================== Product start ==================================== */


 .product_main_img_div{
    max-width: 400px;
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
 }
 .product_main_img_div>img{
    object-fit: cover;
    width: 400px;
  
 }
 #product_form>.modal-content>.modal-body> label{
    display: block !important;
 }
 #product_form>.modal-content>.modal-body> label>span{
    display: inline-block;
   width: 130px;
   text-align: right;
 }
 #product_form>.modal-content>.modal-body> label>input{
    display: inline-block;
    width: 800px;
}
@media only screen and (max-width: 1200px) {
    #product_form>.modal-content>.modal-body> label>input{
        width: 550px;
    }
  }

 /*  ==================================== Product END ==================================== */