*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: "Concert One", serif;
}


/* Banner starts here  */

.banner{
    width: 100%;
    background-color: #bebebe31;
    padding-top:5rem;
}

.banner .right img{
    width: 100%;
}

.banner .content{
    margin-top: 2.5rem;
}

.banner .content p{
    font-size: 1.5rem;
    animation: animate 1s ease 0.3s 1 forwards ;
    opacity: 0;
    position: relative;
    top: 1.3rem;
}

.banner .content h2{
    font-size: 4rem;
    animation: animate 1s ease 0.6s 1 forwards ;
    opacity: 0;
    margin-bottom:2.5rem;
}

.banner .content button{
    animation: animate 1s ease 0.8s 1 forwards ;
    opacity: 0;
}

@keyframes animate{
    from{
        opacity: 0;
        transform: translate(0, 100px);
    }

    to{
        opacity: 1;
        transform: translate(0);
        filter: blur(0);
    }
}

.banner .content h2 span{
    color: #EEA02C;
}

.carousel .move-icon-left{
    font-size: 2rem;
    color: #EEA02C;
    position: relative;
    left: -1.5rem;
}

.carousel .move-icon-right{
    font-size: 2rem;
    color: #EEA02C;
    position: relative;
    left: 1.5rem;
}

.carousel-indicators [data-bs-target] {
   background-color: #EEA02C;
}



/* About starts here  */


.about{
    width: 100%;
    background-color: #F8F8F8;
    padding: 4rem 0;
    padding-bottom: 0;
}

.about .left{
    width: 100%;
    background-image: url(../img/about.png);
    height: 100vh;
    background-position: top;
    background-size: cover;
}

.about .title{
    width:90%;
    margin:0 auto;
}

.about .title h2{
    font-size: 1.5rem;
    color: #226092;
    font-weight: 600;
    text-align:center;
     color:#EEA02C;
}

.about .title h3{
    font-size: 2.5rem;
    color: #226092;
    font-weight: 600;
    font-family: "Fredoka", serif;
    text-align:center;
}

.about .title p{
    font-size:1rem;
    margin-bottom:2rem;
    font-family: "DM Sans", serif;
}


.about .right{
     width: 100%;
}

.about .right .mytext{
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    margin-top: 1.5rem;
    padding: 1rem 1rem;
}

.about .right .mytext .image{
    width: 20%;
    margin-right: 1rem;
}

.about .right .mytext .image img{
    width: 100%;
}

.about .right h5{
    color: #EEA02C;
    font-size: 1.3rem;
    font-family: "DM Sans", serif;
}

.about .right h3{
    font-size: 2.5rem;
    color: #226092;
    font-weight: 600;
}



/* Offer starts here  */


.offer{
    width: 100%;
    padding: 4rem 0;
    background-color: #FFF2F9;
}

.offer .title h3{
    font-size: 3rem;
    text-align: center;
    color: #226092;
    font-weight: 600;
    font-family: "Fredoka", serif;
    margin-bottom: 1rem;
}

.offer .title p{
    color: #226092;
    font-family: "DM Sans", serif;
    width: 80%;
    margin: 0 auto;
    font-size: 1.1rem;
    text-align: center;
    margin-bottom: 3rem;
}

.offer .content img{
    width: 100%;
}

.offer .content{
    background-color: #fff;
    border-radius: 1.8rem;
    box-shadow: 0px 6px 6px 0px rgba(2, 25, 65, 0.08) ;
}

.offer .text{
    padding: 2rem 0;
}

.offer .text-bottom{
    padding:0 1rem;
}

.offer .content .text h4 {
    color: #226092;
    font-family: "Fredoka", serif;
    padding: 0 1rem;
    transition: .5s all ease;
    font-size: 1.8rem;
    font-weight: 700;
}

.offer .content:hover h4{
    color: #EEA02C;
}

.offer .content .text .para{
    margin-bottom: 2rem;
    padding: 0 1rem;
}

.offer .content .text .left span{
    color: #EEA02C;
    font-weight: 600;
    font-size: 1.3rem;
}

.offer .content .text .middle span{
    color:#FBCE0F;
    font-size: 1.3rem;
}

.offer .content .text .right span{
    color:#1F97D4;
    font-size: 1.3rem;
}

.offer .btn{
    display: flex;
    justify-content: center;
    width: 80%;
    margin: 0 auto;
}

.offer ul li{
    font-family: "DM Sans", serif;
    line-height:1.6rem;
    font-size:1rem;
}


/* things starts here */


.things{
    width:100%;
    padding:3rem 0;
}

.things hr{
    width:20%;
    margin:0 auto;
    margin-top:1rem;
    background-color: #EEA02C;
    opacity: 25;
    height:4px;
}

.things .title{
    width:100%;
}

.things .title h3{
    font-size: 3rem;
    font-weight: 700;
    color: #226092;
    font-family: "Fredoka", serif;
}

.things .inner .content{
    width:100%;
    background-color: #fff;
    border-radius: 0.5rem;
    box-shadow: 5px 5px 10px 5px rgba(0, 0, 0, 0.2);
    padding:1rem 0.5rem;
    margin-top:2rem;
    transition: .5s all ease;
    height: 33vh;
}

.things .inner .content:hover{
    transform: translateY(-1rem);
}

.things .inner .content h4{
    margin-top:0.6rem;
    margin-bottom:0.6rem;
    color: #226092;
}

.things .inner .content ul li{
    font-family: "DM Sans", serif;
    text-align: left;
    font-size: 1rem;
    margin-top: 0.8rem;
}

.things .inner img{
    width:10%;
}


/* Gallery start here  */

.gallery {
    width:100%;
    margin-top:2.5rem;
   }
   
   .gallery h3{
       text-align:center;
       font-size:3rem;
       font-weight:600;
       font-family: "Fredoka", serif;
       color: #226092;
   }
  
   .gallery img{
    width:100%;
    cursor: pointer;
    transition: 0.3s ease;
   }
  
  .gallery img:hover {
    transform: scale(1.05);
  }
  
  .gallery hr{
    width:20%;
    margin:0 auto;
    margin-top:1rem;
    background-color: #EEA02C;
    opacity: 25;
    height:4px;
    margin-bottom:3rem;
}


/* choose starts here  */

.service-pg-1{
    width:100%;
  }
  
  .service-pg-1-bg{
      background:#F6F6F6;
  }
  
  .choose .title{
    margin-top:3rem;
    width: 90%;
    margin: 0 auto;
  }
  
  .choose .title h2{
    font-size: 3rem;
    font-weight: 600;
    color:#226092;
    margin-bottom:1.3rem;
    font-family: "Fredoka", serif;
  }
  
  .choose .title p{
    font-size: 1rem;
    line-height:1.8rem;
    font-family: "DM Sans", serif;
  }
  
  .choose .right-side{
      padding-left:0;
  }
  
  .choose img{
    width:100%;
    height:70vh;
    border-top-right-radius: 3rem;
    border-bottom-left-radius: 3rem;
    padding:0.5rem;
  }
  
  .choose .inner{
    width:95%;
    margin:0 auto;
    padding:2rem 0;
  }
  
  .choose .inner .left{
    border: 1px dotted gray;
    border-top-right-radius: 3rem;
    border-bottom-left-radius: 3rem;
    position: relative;
  }
  
  .choose .inner .image{
    border: 3px solid #EEA02C;
    width:92%;
    margin:0 auto;
    height:88%;
    position: absolute;
    top:1.5rem;
    left: 1.5rem;
    border-top-right-radius: 3rem;
    border-bottom-left-radius: 3rem;
  }
  
  .choose .inner .right{
    width:100%;
  }
  
  .choose .inner .right ul li{
    margin-top:1.5rem;
    list-style-type: none;
    font-size: 0.9rem;
    font-family: "DM Sans", serif;
  }
  
  .choose .inner .right h3{
    font-size: 1.5rem;
      font-weight: 700;
    color:#226092;
    line-height: 2.5rem;
    margin-left:2rem;
  }
  
  .choose .inner i{
    color:#084A84;
    margin-right: 0.6rem;
  }
  
    
  /* form-part starts here  */


.form-part{
    width: 100%;
    background: url(../img/custom-bg.png) , #efefef;
    height: 90vh;
    background-position: center top;
}

.form-part .content{
    width: 100%;
    height: 90vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.form-part .content h3{
    font-size: 1.8rem;
    font-weight: 700;
}

.form-part .right h3{
    font-size: 1.8rem;
    font-weight: 700;
    background-color: #226092;
    padding: 1rem 0;
    color: #fff;
    border-top-left-radius: 1rem;    
    border-top-right-radius: 1rem;    
}

.form-part .right{
    background-color: #fff;
    margin-top: 3.5rem;
    border-radius: 1rem;
}

.form-part .right form{
    padding: 0.5rem 1rem;
}

.form-part .right input{
    margin-top: 1rem;
    border: 1px solid #0D1E3A;
}

.form-part select{
    margin-top: 1rem;
    border: 1px solid #0D1E3A;
}

.form-part textarea{
    margin-top: 1rem;
    border: 1px solid #0D1E3A;
}

#YourName{
    width: 48%;
}

#special{
    width: 48%;
}

#SubmitBtn{
    width: 100%;
    padding: 0.8rem;
    border: none;
    background-color: #EEA02C;
    border-radius: 0.5rem;
    font-size: 1.2rem;
    font-weight: 700;
    color: #fff;
}

.achievement .first img, .achievement .second img{
  width:30%;
  border: 2px solid #EEA02C;
  border-radius: 1rem;
}

.achievement h3{
  margin-top: 6rem;
  text-align:center;
  margin-bottom:2rem;
  color: #226092;
  font-size:2rem;
}

.achievement .box .first, .achievement .box .second{
  margin-bottom:2.5rem;
}

.achievement .box h4{
  font-size: 1.3rem;
  font-weight: 700;
  margin-top:0.5rem;
  color: #226092;
}

.achievement .right{
    position:relative;
    bottom:3.5rem;
}

/* Testimonial starts here  */


.testimonial{
    width: 100%;
    background-image: url(../img/bg-2.jpg);
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
}

.testimonial .internal{
    width: 90%;
    padding: 6rem 0;
    padding-bottom: 0;
}

.testimonial .internal .left{
    margin-top: 7rem;
}

.testimonial .internal .left p{
    color: #DA1C4B;
    font-size: 1.2rem;
    font-weight: 700;
    position: relative;
    left: 3rem;
}

.testimonial .internal .left p::before{
    width: 40px;
    height: 2px;
    content: "";
    background-color: #DA1C4B;
    border: none;
    position: absolute;
    top: 1rem;
    left: -3rem;
}

.testimonial .owl-carousel{
    margin-left: 5rem;
    padding: 3rem 0;
    overflow: visible !important; 
}

.testimonial .internal h3{
    font-size: 3rem;
    font-weight: 700;
    color: #fff;
}

.testimonial .internal .item .content{
    width: 100%;
    background-color: #fff;
    padding: 2rem;
    border-radius: 0.5rem;
    position: relative;
    z-index: -1;
}

.testimonial .internal .item p{
   font-size: 1.1rem;
   line-height: 1.9rem;
   color: #868686;
}

.testimonial .internal .item{
    padding-bottom: 2rem;
}

.testimonial .internal .item .text{
    background-color: none;
}

.testimonial .internal .item .text p{
    color: #fff;
    margin-bottom: 0;
}

.testimonial .internal .item .text span{
    color: #DA1C4B;
}

.testimonial .internal .item .man{
    margin-top: 1.5rem;
}

.testimonial .internal .item .man img{
    width: 20%;
    background-color: #DA1C4B;
    border-radius: 100%;
    margin-left: 1.5rem;
    margin-right: 1rem;
}

.testimonial .item .quotation{
    width: 20%;
    margin-bottom: 1.3rem;
}


/* man1 starts here  */

.mann{
    width:100%;
    padding:3rem 0;
}

.mann .left img{
    width:100%;
    border-radius:100%;
}

.mann .right hr{
    width:15%;
}
.mann .right{
    width:100%;
}
.mann .right h5{
    position: relative;
    left:1rem;
    top:2.2rem;
    display: inline-block;
}

.mann .right img{
    margin-bottom:2rem;
}

.mann .right .content{
    margin-top:3rem;
    margin-left:3rem;
}

.mann .right .content p{
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.8rem;
}