*{margin: 0px; padding: 0px; box-sizing: border-box;}
img, video{max-width: 100%;}
a,a:hover,a:visited,a:active,a:focus{text-decoration: none;}
ul{margin: 0px; padding: 0px;}
p{margin: 0px;}


body{font-family: "Montserrat", sans-serif;}

header .header-bottom{padding: 10px 0px; background-color: #fff; left: 0px; right: 0px; z-index: 99;} 
header .header-bottom .navbar{padding: 0px;}
/* header .header-bottom .navbar .navbar-brand img{width: 90%;} */
header .header-bottom .navbar .navbar-brand{width:25%;}
header .header-bottom .navbar .navbar-nav{align-items: center; justify-content: end; gap: 17px;}
header .header-bottom .navbar .navbar-nav .nav-link{color: #000000; font-size: 16px; font-weight: 500; position: relative; transition: .5s; color: #07003b;}
header .header-bottom .navbar .navbar-nav .appointment-btn{display: inline-block; padding: 10px 20px; background-color: #f77345; color: #fff; border-radius: 30px;}
header .header-bottom .navbar .navbar-nav .nav-link:hover{color: #f77345}
header .header-bottom .navbar .navbar-nav .nav-link::before{position: absolute; content: ''; width: 0px; height: 2px; background-color: #f77345; bottom: 7px; transition: .5s; z-index: 1;}
header .header-bottom .navbar .navbar-nav .nav-item:last-child .nav-link::before{display: none;}
header .header-bottom .navbar .navbar-nav .nav-item:last-child .nav-link:hover{color: #fff;}
header .header-bottom .navbar .navbar-nav .nav-link:hover::before{width: 100%;}
header .header-bottom .navbar .navbar-toggler{color: #f77345; box-shadow: none; border: 2px solid #f77345; border-radius:0px;}
header .header-bottom .navbar .offcanvas{width: 280px;}

/* header ko sticky karna ki */
.sticky .header-bottom{background-color: #fff;}
.sticky{background-color:#000000cc ; left: 0; right: 0;z-index: 999; position: fixed !important; top:0px; animation: slideDown .5s ease-out;}

@keyframes slideDown {
    from {
      transform: translateY(-100%);
    }
    to {
      transform: translateY(10);
    }
  }
header .heaberbooyem .offcanvas-title{color: #020202; }

.main{
  background: linear-gradient(180deg,#f1f6fa,#f9f8ff);
}

/* slider */

#slider{padding: 20px 0px; background-color: #ffdead;}
#slider .row{align-items: center;}
#slider .content h2{font-size: 55px; line-height: 60px; font-weight: 800; margin-bottom: 25px;}
#slider .content p{font-size: 16px; color: #000;}
#slider .owl-theme .owl-dots .owl-dot{display: none;}

/* about-us */

#about-us{padding: 50px 0px; position: relative; overflow: hidden;}
#about-us::before{content: ""; width: 52px; height: 59px; position: absolute; top: 154px; right: 72px;  background: url(../images/heart2.png) no-repeat top left;
animation: mover 1s infinite alternate; -webkit-animation: mover 1s infinite alternate;}
#about-us:after {content: ""; width: 127px; height: 404px; position: absolute; top: 207px; right: 0; background: url(../images/circle-bg-img.png) no-repeat top right;
animation: left-mover 1s infinite alternate; -webkit-animation: left-mover 1s infinite alternate;}
#about-us .imgs img{width: 100%;}
#about-us .inr{position: relative;}
#about-us .inr::before {content: ""; width: 45px; height: 45px; position: absolute; bottom: 26px; left: -116px; background: url(../images/heart2.png) no-repeat top left;
-webkit-animation: mover 1s infinite alternate; animation: mover 1s infinite alternate;}
#about-us h5{text-align: center; margin: 20px 0px 10px;}
#about-us h6{text-align: center;}
#about-us h2{font-size: 35px; line-height: 40px; font-weight: 600; margin-bottom: 20px;}
#about-us .text{margin-bottom: 20px; font-size: 16px; line-height: 30px; font-weight: 400;}
#about-us .read-btn a{display: inline-block; padding: 10px 20px; background-color: #f5a623; border-radius: 30px; text-transform: uppercase; color: #fff;}

@-webkit-keyframes mover {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-20px);
    }
}

@-webkit-keyframes left-mover {
    0% {
        transform: translatex(0);
    }

    100% {
        transform: translatex(10px);
    }
}

/* why-jdft */

#why-jdft{padding: 50px 0px;}
#why-jdft .row{row-gap: 25px;}
#why-jdft .iner{background: #fff; padding: 33px 28px 35px; box-shadow: 0 0 85px 0 #e9eefc; border-radius: 20px; transition: .5s;}
#why-jdft .iner:hover{background-color: #fbe17f;}
#why-jdft .iner h3{font-size: 22px; font-weight: 700; margin-bottom: 10px;}
#why-jdft .iner p{font-size: 16px; line-height: 28px; font-weight: 400;}

/* compassion-meets */

#compassion-meets{padding: 50px 0px;}
#compassion-meets h2{font-size: 35px; line-height: 40px; font-weight: 600; margin-bottom: 32px; width: 65%; position: relative;}
#compassion-meets h2::before{position: absolute; width: 150px; content: ''; height: 4px; background-color: #f5a623; top: 93px;}
#compassion-meets .text{margin-bottom: 20px; font-size: 16px; line-height: 30px; font-weight: 400;} .text{margin-bottom: 20px; font-size: 16px; line-height: 30px; font-weight: 400;}

#compassion-meets .iner{padding: 20px; background-color: #fff; box-shadow: 0px 0px 10px #0000004f;}
#compassion-meets .iner h5{text-align: center;}
#compassion-meets .progress {width: 140px; height: 140px; font-size: 30px; color: #f5a623; border-radius: 50%; overflow: hidden; position: relative; left: 0; right: 0; background-color: #fff; text-align: center; line-height: 140px; margin: 20px auto;}

#compassion-meets .progress::after {content: "+"; position: relative; color: #f5a623; left: 35%;}
#compassion-meets .progress.progress-a::after {content: "K";}

#compassion-meets .progress .title {position: relative;z-index: 100; left: 30%;}

#compassion-meets .progress .overlay {
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background-color: #fff
}

#compassion-meets .progress .left, #compassion-meets .progress .right {
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: 6px solid #f5a623;
    border-radius: 100px 0px 0px 100px;
    border-right: 0;
    transform-origin: right;
}

#compassion-meets .progress .left {animation: load1 1s linear forwards;}
 #compassion-meets
.progress:nth-of-type(2) .right, #compassion-meets .progress:nth-of-type(3) .right {animation: load2 .5s linear forwards 1s;}
 #compassion-meets
.progress:last-of-type .right, #compassion-meets .progress:first-of-type .right {animation: load3 .8s linear forwards 1s;}

@keyframes load1 {
    0% {transform: rotate(0deg);}

    100% {transform: rotate(180deg);}
}

@keyframes load2 {
    0% {z-index: 100;transform: rotate(180deg);}

    100% {z-index: 100;transform: rotate(270deg);}
}

@keyframes load3 {
    0% {z-index: 100;transform: rotate(180deg);}

    100% {
        z-index: 100;transform: rotate(315deg);}
}

/* our-expertise */

#our-expertise{padding: 50px 0px; background-color: #eff7ff;}
#our-expertise .row{row-gap: 30px;}
#our-expertise h2{font-size: 30px; text-align: center; margin-bottom: 15px; font-weight: 600;}
#our-expertise .text-a{text-align: center; width: 70%; margin: 0px auto 60px;}
#our-expertise .iner {background: #fff; border: 1px solid transparent; padding: 30px 25px; border-radius: 20px; box-shadow: 0 0 85px 0 #e9eefc; transition: .5s; border-bottom: 5px solid #fba61f;}
#our-expertise .iner:hover {border-color: #f5a623;}
#our-expertise .iner ul .icon img{width: 100%; border-radius: 50%}
#our-expertise .iner ul .content h4{font-weight: 600; margin-bottom: 10px;}

  /* testimonial */

#testimonial{padding: 30px 0 0px; }
#testimonial h2{color: #68386c;}
#testimonial .row{row-gap: 20px;}
#testimonial .testimonialslider .owl-item{border: 1px solid gray; padding: 20px; height: 210px; overflow-y: scroll;}
#testimonial .owl-item h5{color: #68386c; margin: 0px; font-size: 17px;}
#testimonial .owl-item p{font-size: 14px;}
#testimonial .iner .google{ width: 40%;}
#testimonial .iner ul li{font-size: 35px; color: #f6bb06;}
#testimonial .iner h4{margin-top: 10px;}
#testimonial .testimonialslider .star li{color: #f6bb06; font-size: 16px;}
#testimonial .testimonialslider .profile{margin-bottom: 8px;}
#testimonial .testimonialslider .profile li:first-child p{height: 40px; width: 40px; line-height: 40px; font-size: 20px; border-radius: 50%; text-align: center; background-color: #a7a7a7; color: #fff;}
#testimonial .testimonialslider .profile li span{font-size: 14px;}
#testimonial .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background-color: #68386c;}
#testimonial .owl-theme .owl-dots .owl-dot{display: none;}


/* contact */

#contact{padding: 50px 0px;}
#contact h2{color: #3f396d; font-size: 30px; text-align: center; margin: 15px auto 50px; font-weight: 800; width: 38%;}
#contact .from{background: #1e2562; border-radius: 28px; padding: 40px 20px 50px;}
#contact .from ul{margin-bottom: 20px;}
#contact .from .icon i{width: 60px; height: 60px; background: #f77345; border-radius: 50%; color: #fff; text-align: center; line-height: 60px; font-size: 20px;}
#contact .from .content h4{color: #fff; font-size: 20px;}
#contact .from .content p, #contact .from .content p a{color: #fff; font-size: 14px;}
#contact .form-control{padding: 15px; background-color: transparent; border: 1px solid #7d7789; margin-bottom: 25px; border-radius: 50px; box-shadow: none;}
#contact .submit-btn{padding: 11px 20px; border-radius: 30px; background-color: #f5a623; color: #fff; border: transparent; width: 30%;}


/* footer */

footer{padding-top: 68px; padding-bottom: 20px; position: relative; background: #211e39; overflow: hidden;}
footer::before {content: ""; width: 286px; height: 288px; position: absolute; top: 0; left: 0; background: url(../images/footer-left-dotted-img.png) no-repeat top left;}
footer::after {content: ""; width: 286px; height: 288px; position: absolute; bottom: 0; right: 0; background: url(../images/footer-dotted-right-img.png) no-repeat top right;}
footer .home-tab{justify-content: center;}
footer .home-tab li a{color: #fff; position: relative; transition: .5s;}
footer .home-tab li a:hover{color: #f5a623;}
footer .home-tab li:first-child a::before{display: none;}
footer .home-tab li a::before{position: absolute; content: ''; height: 25px; width: 2px; background-color: #fff; left: -27px;}
footer .sos-icon{justify-content: center; margin: 25px 0px;}
footer .sos-icon li a{display: inline-block; height: 45px; width: 45px; line-height: 45px; background-color: #fff; color: #f5a623; border-radius: 50px; text-align: center; font-size: 22px;}
footer .gdi-logo{border-top: 1px solid #898989; padding-top: 20px; margin-top: 75px; text-align: center;}
footer .gdi-logo li img {width: 195px; background-color: #f5a623; padding: 0px 10px 8px; border-radius: 100px;}




/* model */

.modal .forem .icon-input {position: relative;}
.modal .row{row-gap: 20px;}
.modal .form-control{padding: 15px; background-color: transparent; border: 1px solid #7d7789; margin-bottom: 25px; border-radius: 50px; box-shadow: none;}
.modal .submit-btn{padding: 11px 20px; border-radius: 30px; background-color: #f5a623; color: #fff; border: transparent; width: 30%;}


/* whatapp */
.quickcontact {
width: 40px;
position: fixed;
top: 77%;
right: 30px;
z-index: 9999;}