/*------- home page style started -------*/

body{ font-family: 'Poppins', sans-serif;}
a{text-decoration: none;}
p{ color: #575757;font-size: 19px;line-height: 27px;letter-spacing: 1px;}
h4{ font-size: 35px;font-weight: 500;}
h6{ color: #4267B2;font-size: 25px;font-weight: 400;}
.top-navbar .nav-item .nav-link.active {color: #4267B2; font-weight: 700;}
.top-navbar .nav-item .nav-link{color: #1E1E1E;font-family: Poppins;font-size: 16px;font-style: normal;font-weight: 400;}
.top-navbar .nav-item{margin-right: 30px;}
.dwld-app {  background-color: #4267B2;  display: flex;   padding: 12px 20px;  color: #fff;  width: 180px;  align-items: center;border: none;border-radius: 12px;border-color: #4267B2;position: relative;transition: color 0.3s ease-in-out;overflow: hidden;z-index: 0;}
.dwld-app:hover{ background: #fbcf02;color: #4267b2;}
.dwld-app::before{content: '';position: absolute;background: #fbcf02;height: 100%;width: 0;left: -35%;top: 0;transform: skew(45deg);transition-duration: 0.6s;transform-origin: top left;transition: width,height,0.3s ease-in-out; z-index: -1;}
.dwld-app:hover::before{height: 100%;width: 135%;   }
.dwld-app .dwl-btn p {color: #FFF; font-size: 11px;  font-weight: 400;  margin: 0;line-height: 20px;letter-spacing: normal;}
.dwld-app .dwl-btn h6 {color: #FFF; margin: 0; font-size: 16px; font-weight: 500;}
.dwl-btn{min-height: 40px;}
.nav-btn {  display: flex;}
.dwld-app.ms { margin-right: 10px;}
.top-navbar .nav-ui{   display: flex;align-items: center;}
.body-banner{  position: absolute !important;  z-index: -1;  }
.banner h1{ color: #0E42AA;  text-align: center; font-size: 65px; font-weight: 600;}
.banner h2{  color: #0E42AA;  font-size: 43px;  font-style: italic;  font-weight: 500;}
.banner h2 span{   color: #FFD100;}
.banner { text-align: center; margin-top: 100px;}
.banner p{ color: #1E1E1E; text-align: center; font-size: 19px; margin-top: 10px;line-height: 27px;letter-spacing: 1px;}
.wrap-img img{margin-top: -50px;}
.feature-wrapper{margin-top: 70px;}
.box_parent{ background-image: url('../image/shape.svg');background-size: contain; background-repeat: no-repeat;padding: 55px;height: 810px;}
.box_parent h3{font-size: 30px; font-weight: 500; margin-top: 15px;}
.box_parent h5{color: #4267B2;margin-top: 15px;}
.feature-text{padding: 0px 18px;}
.feature-wrapper img{width: 230px;}
.friendship-wrapper-text h5{color: #4267B2;}
.friendship-wrapper-text h3{font-size: 35px;font-weight: 500;line-height: 50px;}
.friendship-wrapper-text p{line-height: 27px;width: 100%; text-align: left;}
.conversation-box{width: 100%;background: linear-gradient(180deg, #EBF0FF 0%, rgba(235, 240, 255, 0.00) 100%);height: 100%;clip-path: polygon(0% 100%, 100% 100%, 100% 8%, 0% 0%);margin: 0 auto; padding-bottom: 100px;padding-top: 140px;}
.conversation-box p{line-height: 33px;padding: 0px 375px;letter-spacing: 1px;}
 footer{background: linear-gradient(226deg, #EBF1FF 0%, rgba(230, 237, 254, 0.81) 100%), #FFF;height: 300px;}
.footer-wrapper{ background-image: url('../image/footer-bg.png');background-size: contain;background-repeat: no-repeat; padding: 100px 110px; height: 333px;z-index: 9;position: relative;margin-bottom: -182px;}
.footer-logo img{height: 95px;}
.footer-wrapper a{background: #fff; padding: 7px 10px;border-radius: 7px;}
.footer-wrapper ul{display: flex;padding: 0;margin: 0;}
.footer-wrapper li{list-style: none;color: #fff; margin-top: 15px;display: flex;align-items: center;font-size: 14px;}
.footer-inner-address{justify-content: end;}
.footer-wrapper .material-symbols-outlined {font-variation-settings:'FILL' 1,'wght' 400,'GRAD' 0,'opsz' 48; font-size: 17px;color: #4267b2;background: #fbcf02;border-radius: 50%;height: 30px;width: 30px;display: flex;align-items: center;justify-content: center;}
.footer-bottom{padding-top: 220px;}
.footer-bottom li{ display: flex;list-style: none; font-size: 14px; color: #4267B2;}
.footer-bottom ul{ display: flex;}
.copy-right{ justify-content: center !important;}
.text-goldie{ color: #fbcf02;}
.footer-inner-btn{display: inline-grid;}
.footer-inner-text{text-align: end;}
.footer-inner-wrapper{display: flex;height: 100%;}
.box_parent h5{font-size: 23px;}

/*------ Hover button ------*/

.btn-primary{border: none;line-height: 1.6;padding: 12px 24px;border-radius: 12px;border-color: #4267B2;position: relative;color: #0E42AA;transition: color 0.3s ease-in-out;overflow: hidden;background: #0E42AA;color: #fff;z-index: 0;}
.btn-primary:hover{ background: #fbcf02;color: #4267b2;}
.btn-primary::before{content: '';position: absolute;background: #fbcf02;color: #000;height: 100%;width: 0;left: -35%;top: 0;transform: skew(45deg);transition-duration: 0.6s;transform-origin: top left;transition: width,height,0.3s ease-in-out; z-index: -1;}
.btn-primary:hover::before{height: 100%;width: 135%;   }
.btn-secondary{border: none; line-height: 1.6; padding: 12px 24px; border-radius: 12px; border-color: #FFD100; position: relative; color: #4267b2; transition: color 0.3s ease-in-out;overflow: hidden; background: #FFD100;z-index: 0;}
.btn-secondary:hover{background-color: #575757; color: #fff;}
.btn-secondary::before{content: ''; position: absolute;background: #575757; color: #000;height: 100%; width: 0; left: -35%; top: 0; transform: skew(45deg); transition-duration: 0.6s;transform-origin: top left;transition: width,height,0.3s ease-in-out; z-index: -1;}
.btn-secondary:hover::before{height: 100%;width: 135%; }

/*------ Hover end ------*/

/*------- home page style ended -------*/

/*------- About page style starts -------*/

.stroy-wapper{margin-top: 50px;}
.stroy-wapper p{text-align: left;}
.wrap-img{  margin-top: 45px;}
.aboutus-wrapper-body{background:  linear-gradient(180deg, #EBF0FF 0%, rgba(235, 240, 255, 0.00) 100%);; height: 100%; clip-path: polygon(0% 100%, 100% 100%, 100% 7%, 0% 0%);padding-bottom: 100px; padding-top: 100px;}
.accordion-button::after {background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");transform: scale(.7) !important; display: block; width: 40px; height: 40px; background-color: #e0e0e0; border-radius: 50%; background-position: 10px; padding: 5px 10px; }
.accordion-button:not(.collapsed)::after {background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");}
.answer-wrapper-body .accordion-item { background-color: #fff; border: none; border-bottom: 1px solid #E7E7E7;}
.answer-wrapper-body span h5{ color: #7F7F7F; font-size: 30px; font-weight: 700; margin-right: 20px;}
.accordion-questn{  font-size: 22px;line-height: 27px; color: #1E1E1E;font-weight: 500;}
.accordion-button:not(.collapsed) {color: none; background-color: #fff; box-shadow: none; }
.accordion-button:focus {border-color: none;outline: none;box-shadow: none; }
.answer-wrapper-body .card-body p{margin-left: 20px;}
.aboutus-wrapper-body .details-sec img{max-width: 160px;}


/*------- About page style ends -------*/

/*------- Contact page style starts ------*/

.contact-banner-text h1{text-align: start;}
.contact-banner-text p{text-align: left; font-size: 18px;}
.bnr-cnt-text{text-align: start !important;}
.contactbanner-inner-wrapper{display: flex;  margin-top: 20px;}
.contactbanner-inner-wrapper h6{  font-size: 26px;}
.contactbanner-inner-wrapper .material-symbols-outlined{font-variation-settings:'FILL' 1,'wght' 400,'GRAD' 0,'opsz' 48; font-size: 40px;color: #4267b2;}
.reachout-warapp-body{  background: linear-gradient(180deg, #EBF0FF 0%, rgba(235, 240, 255, 0.00) 100%);height: 100%;clip-path: polygon(100% 100%,0% 100%,0% 92px,100% 0%);padding-bottom: 100px;padding-top: 100px;margin-top: 30px;}
.contact-submission .form-control{ background: transparent; margin-bottom: 15px; line-height: 2.2;}
.contact-submission button{background: #4267B2 !important; color: #FFD100;      }
.location-inner-body{   position: relative;padding-bottom: 125px;}
.location-overlayer{background-image:url('../image/location-backgrd.png');background-size: contain;background-repeat: no-repeat; height: 460px;width: 100%;position: absolute;top: 0;padding: 70px 50px;}    
.embed-responsive{ padding-top: 80px;}
.embed-responsive iframe{border-radius: 25px; height: 350px;width: 100%;}
.location-text-sec{ margin-top: 15px; width: 40%;}
.location-overlayer .material-symbols-outlined{font-variation-settings:'FILL' 1,'wght' 900,'GRAD' 0,'opsz' 48; font-size: 36px;color: #4267b2;}

/*------- Contact page style ends --------*/



/*--------- Responisve --------*/


@media (max-width: 1399.98px) { 
         p{font-size: 16px;line-height: 27px;}
         h4{ font-size: 25px;}
        .banner h1{font-size: 55px;}
        .box_parent {padding:  45px 0px 10px 0px; height: 740px;}
        .feature-wrapper img {width: 150px;}
        .feature-text {padding: 0px 60px;}
        .conversation-wrapper{ margin-top: 20px;}
        .conversation-box p{padding: 0px 150px;}
        .footer-logo img{height: 90px;}
        .footer-wrapper{ padding: 65px 75px;}
        .footer-wrapper li{font-size: 13px;}
        .footer-bottom li{font-size: 12px;}
        .footer-bottom {padding-top: 180px;}
        footer{height: auto;}
        .conversation-box{ margin-top: 50px;padding-bottom: 45px;padding-top: 80px;}

        /*---- about page ----*/

        h6{font-size: 17px;}

        /*---- contact page ----*/
        .banner p{ line-height: 27px;}
        .reachout-warapp-body{ clip-path: polygon(100% 100%,0% 100%,0% 70px,100% 0%);}
        .location-overlayer{height: 480px; padding: 80px 75px; }

        /*---- contact page end----*/
 }

 @media (max-width: 1199.98px) { 
        p { font-size: 14px;line-height: 27px;}
        .banner p {font-size: 16px;line-height: 27px;}
        h6{font-size: 16px;}
        .dwld-app{width: 190px;padding: 8px 15px;}
        .banner h1 { font-size: 50px;}
        .banner h2{  font-size: 38px;}
        .wrap-img img {margin-top: -20px;}
        .feature-wrapper img { width: 80px;}
        .box_parent h3{ font-size: 25px;}
        .feature-text { padding: 0px 25px;}
        .box_parent{ height: 610px;}
        .friendship-wrapper-text h3 {font-size: 25px; font-weight: 500; line-height: 35px;}
        .friendship-wrapper-text p { line-height: 28px;width: 100%;}
        .footer-wrapper{margin-bottom: -211px; }
        .friendship-wrapper-text h5 {color: #4267B2; font-size: 16px;}
        .conversation-box{margin-top: 0px; padding-bottom: 15px;}
        .footer-logo img { height: 60px;  }
        .footer-wrapper {  padding: 60px 55px; }
        .footer-wrapper h4{  font-size: 20px; }
        .footer-wrapper a { padding: 5px 5px; border-radius: 8px;}
        .footer-wrapper li {font-size: 12px;}
        .footer-inner-address li{ margin-top: 8px;}

       /*------ contact page -------*/

        .contactbanner-inner-wrapper h6 {font-size: 24px; }
        .location-overlayer {height: 430px;padding: 60px;}
        .embed-responsive iframe {border-radius: 25px; height: 310px;}
        .location-inner-body {padding-bottom: 110px; }

        /*------ contact page end-------*/
}

  @media (max-width: 991.98px) { 
        .banner { margin-top: 55px;}
        .banner h1{font-size: 40px;}
        .banner h2 { font-size: 30px; }
        .banner p {font-size: 15px; line-height: 29px;  }
        .feature-text {padding: 10px 135px;}
        .box_parent {height: auto; background-image: none; background:  linear-gradient(229deg, #EBF1FF 0%, rgba(230, 237, 254, 0.81) 100%); border-radius: 20px;}
        .feature-wrapper img {width: 120px;}
        .friendship-wrapper{ margin-top: 50px;}
        .friendship-wrapper-text{ text-align: center; margin-top: 20px;}
        .footer-wrapper{ background-image: none; background-color: #4267b2; padding: 35px; height: auto; border-radius: 25px; margin-bottom: -155px; box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;}
        .footer-logo{display: flex;justify-content: center; }
        .footer-wrapper ul{ justify-content: center;}
        .footer-inner-btn{ display: flex; justify-content: center; margin-top: 0px; margin-bottom: 10px;}
        .goldie-btn{ margin-left: 30px;}
        .footer-inner-text{ display: flex; justify-content: center;}
        .footer-bottom ul { justify-content: center;}
        .footer-inner-wrapper{ justify-content: center;}
        .footer-wrapper li {font-size: 10px; letter-spacing: 1px;}
        .footer-bottom li { font-size: 14px; letter-spacing: 1px; }
        .conversation-box{clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 0%);padding-top: 50px;}
        
        /*---- about page ----*/

        .aboutus-wrapper-body{clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 0%);}
        h6 {font-size: 20px; }
        p{font-size: 17px;}

         /*---- about page end -----*/

         /*------- contact page -------*/

         .contact-banner-text h1,.contact-banner-text p{text-align: center; }
         .contactbanner-inner-wrapper {justify-content: center;}
         .reachout-warapp-body{clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 0%);}
         .location-overlayer{position: unset;background-image: none;text-align: center;}
         .location-mark{justify-content: center;}
         .location-text-sec {width: 100%;}
         .location-inner-body { padding-bottom: 0px; }

         /*------- contact page end -------*/
  }
 
  @media (max-width: 767.98px) { 
         p {font-size: 16px;}
        .banner {margin-top: 35px;}
        .wrap-img{margin-top: 40px;}
        .conversation-box p { padding: 0px 55px; } 
        .banner h2 {font-size: 25px;}
        .footer-wrapper ul {justify-content: center;flex-wrap: wrap;}
        .footer-wrapper{margin-bottom: -200px;}
        .footer-inner-address{ display: block !important;}
        footer{height: 380px; }
        .footer-address-sec{display: flex; justify-content: center;}
        .footer-bottom {padding-top: 250px;}
        .conversation-box {padding-bottom: 30px;}
        .footer-wrapper li {font-size: 13px; letter-spacing: 1px;}

        /*---- about page -----*/

        .aboutus-wrapper-body{padding-top: 50px; }
        .accordion-questn{ font-size: 17px;}
        .details-sec{margin-top: 30px; }

         /*------ about page end ------*/

        /*------- contact page -------*/

        .reachout-warapp-body{ padding-top: 50px;padding-bottom: 0px;}
        .contact-submission { margin-top: 40px;}

        /*------- contact page end -------*/
 }
          
@media (max-width: 575.98px) { 
        p{font-size: 15px;}
        h3{ font-size: 20px; }
        h4 {font-size: 20px; }
        .banner h1{ font-size: 30px; }
        .nav-btn{flex-wrap: wrap; justify-content: center}
        .dwld-app.ms{margin-right: 0px;margin-bottom: 10px; }
        .feature-text { padding: 0px;}
        .banner h2 { font-size: 20px; }
        .feature-wrapper { margin-top: 50px; }
        .box_parent p{ font-size: 15px; padding: 0px 8px;}
        .conversation-box p {padding: 0px 10px;}
        .footer-wrapper{ padding: 20px; }
        .footer-wrapper li {font-size: 9px;  letter-spacing: 1px; font-weight: 500;}
        .footer-bottom li {font-size: 11px; letter-spacing: 1px;font-weight: 500;}

         /*------ about page ------*/

        .wrapp-out{ display: block !important; text-align: center; }
        .accordion-questn { font-size: 14px;  }
        .answer-wrapper-body .card-body p{ font-size: 14px;}
        .answer-wrapper-body span h5 {  font-size: 20px;}
        .answer-wrapper-body .card-body p {  margin-left: 53px;}
        .aboutus-wrapper-body .details-sec img { max-width: 110px;}

        /*------ about page end ------*/

        /*------- contact page -------*/
        
        .contactbanner-inner-wrapper h6 { font-size: 17px;}
        .contactbanner-inner-wrapper { text-align: left; margin-top: 10px; display: flex; align-items: center;}
        .contactbanner-inner-wrapper p{margin: 0;}
        .contact-banner-bottom {margin-top: 30px;}
        .location-overlayer { padding: 22px;}
        .location-overlayer { height: 370px;padding: 22px;}

       /*------- contact page end-------*/
 }

 @media (max-width: 362.98px){
        h6{font-size: 15px;}
        .watch-btn{ margin-top: 10px;}
 }