@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap');

:root{
    --dark-blue: #065FA8;
    --light-blue:#7AADD9;
    --background-clr: #1F1F1F;
    --light-text:#FDFEFF;
    --Dim: #dad6d6;
    --dim-bg:#F2F2F2;
    --fb:#1092F3;
    --wtsap:#25D366;
    --insta:  #ED436D;
    --email:#FBBC04;
}
*{
}
body{
    font-family: 'Poppins', sans-serif!important;
}
a{
    text-decoration: none!important;
}
.nav-link:hover, .active{
    
    background-color: var(--dark-blue)!important;
    color: var(--light-text)!important;
    padding: 0.6rem 1rem!important;
    border-radius: 0.3rem!important;
    transition: .5s ease-in;
}
/* .nav-link{
    width: 1rem!important;
    height: 1rem!important;
} */
.nav-item{
    margin-right: 1rem!important;
}
/* Home */
.home{
    background-color: var(--background-clr);
    color: var(--light-text);
    padding-top: 5rem;
    height: 40rem;


}
.home h6{
    margin-top: 2rem;
    font-size: 2.5rem;
    font-weight: 400;
}
.home .fig p{
    margin-top: 0.6rem!important;
    margin-bottom: 2.5rem!important;
    font-size: 1rem!important;
    color: rgb(88, 85, 85)!important;
}
.home h1{
font-weight: 600;
margin-top: 2rem;
}
.home p{
    margin-top: 1.5rem;
    margin-bottom: 2.5rem;
    font-size: 1.2rem;
    color: var(--Dim);
}
.home .Part2 img{
    width: 30rem;
    height: 39rem;
    margin-top: -1rem;
    margin-left: 1rem;
    object-fit: fill;
    
}
.home button{
    background-color: var(--dark-blue);
    padding: 3% 18%;
    color: var(--light-text);
    font-weight: 600;
    border-radius: 2%;
    border-style: none;
    border-radius: 5px;
    margin-bottom: 1rem;
}
/* Home ends */
/* cards start */



.Cards .crd1{
    width: 48%;
}
.Cards .crd2{
    width: 48%;
}
.Cards .crd1 img{
    width: 100%;
    
}
.Cards .crd2 img{
    width:100%;
}
.Cards{
    margin-top: 10rem; 
    margin-bottom: 5rem;
}
.Cards h1{
  
    color: var(--dark-blue)!important;
}
.Cards p, .Cards .p{
    color: #F0AB12;
    font-size: large;
}
/* Cards Ends */

/* About */
.goodnews{
    background-color: #e1eefa;
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.goodnews p{
    font-size: 1.3rem;
}
.goodnews h1{
    color: var(--dark-blue);
}

.About img{
    width: 27rem;
    height: 33rem;
    object-fit: fill;
}
.About .about-2 img{
    margin-left: 2rem;
}
.About .part2 .brdr{
    border-top: 4px solid var(--dark-blue);
    width: 5rem;
  
}

.About .part2{
    margin-top: 3rem;
}
.About .part2 h1{
    margin-top: 1rem;
    margin-bottom: 2rem;
    
}
.About .part2 h3{
    color: var(--dark-blue);
    margin-top: 3rem;
}
.About .h3-2{
    margin-top: 10rem!important;
    color: var(--dark-blue)
}

.benefits img{
   width: 80%;
}
.benefits h2{
    color: var(--dark-blue);
}
/* End of About */

/* Start of services */
.Services img{
    width: 27rem;
    height: 35rem;
    object-fit: fill;
}
.Services  .part2 .brdr{
    border-top: 4px solid var(--dark-blue);
    width: 5rem;
   
}
.Services .part2 h1{
    margin-top: 1rem;
    margin-bottom: 2rem;
  
}
.Services .part2{
    margin-top: 3rem;
}
.Services .part2 h3{
    color: var(--dark-blue);
    margin-bottom: 1rem;
}
.Services .part2 i{
    color: var(--dark-blue)
}
.hurry-up{
    background-color: #e1eefa;
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.hurry-up p{
    font-size: 1rem;
}
.hurry-up h3{
    color: var(--dark-blue);
}
.hurry-up img{
    margin-top: -2rem;
}
/* Choose Us */
.Choose .part1 img{
        width: 27rem;
        height: 35rem;
        object-fit: fill;
}
.Choose .part2 .brdr{
        border-top: 4px solid var(--dark-blue);
        width: 5rem;
       
    }
    .Choose .part2 h1{
        margin-top: 1rem;
        margin-bottom: 2rem;
      
    }
    .Choose .part2{
        margin-top: 3rem;
    }
    .Choose .part2 h4{
        color: var(--dark-blue);
        margin-bottom: 1rem;
    }
    .Choose .part2 img{
        width: 100%;
    }
    .Choose i{
        color: var(--dark-blue);
    }
/* Contact */
.Contact img{
    width: 28rem;
    height: 33rem;
    object-fit: fill;
    margin-left: 3rem;
    margin-top: 4rem;
    
}
.Contact  .part1 .brdr{
    border-top: 4px solid var(--dark-blue);
    width: 5rem;
   
}
.Contact .part1 h1{
    margin-top: 1rem;
    margin-bottom: 3rem;
  
}
.Contact .part1{
    margin-top: 7rem;
}
.Contact .part1 h4{
    color: var(--dark-blue);
    margin-top: 3rem;
    margin-bottom: 2rem;
}
.Contact .query{
    color: var(--dark-blue)!important;
}

.Contact .social-icons .icon{
    box-shadow: 0 0 0px 2px #f7f7f7;
    padding: 1.5rem;
    border-radius: 18px;
}
.Contact .ico i{
display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    font-size: 30px;
    border-radius: 7px;
    margin: -3px 8px;
    color: var(--dark-blue);
    background: #ECF5FB;
    width: 53px;
    height: 52px;
}
.Contact .social-icons button{
    background-color: #ECF5FB;
    width: 14rem;
    height: 3.5rem;
    border-style: none;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    color: var(--dark-blue);
    font-weight: 600;
    border-radius: 5px;
    margin-bottom: 1.3rem;
}
.Contact .social-icons button:hover{
    background-color: var(--dark-blue);
    color: white;
}

.Contact .social-icons p{
    color: rgb(85, 84, 84);
}
/* FAQ Start */
.FAQ h1{
    color: #1F1F1F;
}
footer .adrs1{
    padding-right: 5rem;
}
/* FAQ Ends */
/* Media queries Start */
@media (max-width: 991px){
body img{
    display: flex!important;
    justify-content: center!important;
}
    .home{
       text-align: center;
       height: 72rem;
    }
    .home .Part2 img{
        margin-left: 0rem;

    }

    .About .about-2 img{
    margin-left: 0;
    }
    .Contact img{
        margin-left: 0; 
    }
    .Choose .part1 img{
        width: 27rem;
        height: 35rem;
        object-fit: fill;
}
.Services img{
    width: 27rem;
    height: 35rem;
    object-fit: fill;
}
}
@media (max-width: 470px) and (min-width: 380px){

    .home .Part2 img{
        width: 22rem!important;
        height: 27rem!important;  
    }
    .home{
        height: 59rem!important;
     }
    
    .Cards .card1 .t-row-2 p,
    .Cards .card1 .t-row-1 p{
        width: 9rem;
    } 
    footer .adrs1{
        padding-right: 0rem;
    }
}
@media (max-width: 379px){
    footer .adrs1{
        padding-right: 0rem;
    }
    .home{
        height: 55rem!important;
     }
     .Cards .card1 .t-row-2 p,
     .Cards .card1 .t-row-1 p{
        width: 7rem;
    } 
    .Cards .card1 .highlight p{
        margin-right: 0.1rem;
        padding-left: 0.1rem;
        padding-right: 0.1rem;
     
    }
    .home .Part2 img{
        width: 19rem!important;
        height: 21rem!important;
    }
}

@media (max-width: 540px){
    .home{
        
        height: 65rem;
         }
      .home .Part2 img{
        width: 29rem;
        height: 35rem;
      }  
      
      .About img {
        width: 18rem;
        height: 22rem;
    }
        .Contact img{
            width: 18rem;
            height: 21rem;
        }
        .Choose .part1 img{
            width: 18rem;
            height: 23rem;
    }
    .Service .part1{
        display: flex!important;
        justify-content: center!important;
    }
    .Services img{
        width: 18rem;
        height: 23rem;
       text-align: center!important;
    }
    
.benefits img{
    width: 100%;
 }
    }
    @media (max-width: 767px){
        .Contact .social-icons .icon{
            width: 19rem!important;
        }
        .marginb{
            margin-bottom: 3rem;
        }
        .benefits, .benefits .b1{
            padding: 0!important;
        }

    }
@media (min-width: 1200px){
    .home{
        height: 39rem;
       
    }
    .home p{
        margin-top: 2rem;
        margin-bottom: 2rem;
    }
    .home .Part2 img{
        margin-left: 3rem;
    }

}
@media (max-width: 1199px) and (min-width: 992px){
    .Contact .social-icons button{
        width: 11rem;
    }
}
footer a {
    color: grey;
    text-decoration: none;
}

footer .adrs a:hover {
    color:white;
}

footer .btn:hover {
    color: var(--light-text);
    background-color: var(--dark-blue);
    border: var(--wtsap);
}

footer .social i{
    margin-right: 0.2rem;
}
footer a:hover{
    color: white!important;
}
footer .part1 img {
    width: 10em;
    height: 10em;
    border-radius: 50%;
    object-fit: cover;
}

footer .part1 p {
    width: 25em;
}

footer .part2 ul {
    list-style: none;
    line-height: 3;
    margin-left: 3em;
}

footer hr {
    display: none;
}

footer .adrs a:hover {
    color: var(--main-bg);
}

footer .btn:hover {
    color: var(--main-bg);
    background-color: var(--highlight-h1);
    border: var(--highlight-h1);
}
footer .ico  i{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    font-size: 26px;
    border-radius: 50%;
    margin: -3px 8px;
    color: var(--dark-blue);
    background: #ECF5FB;
    width: 43px;
    height: 43px;
    }
    footer .wtsap  i{
    font-size: 30px!important;
    font-weight: 600!important;
    }
    footer .insta  i{
      
        font-weight: 600!important;
        }