/*
Theme Name: ChildCare 2025
Theme URI: https://virtualadagency.com.au
Author: Innosoftworks
Author URI: https://innosoftworks.com/
Description: Wordpress theme designed for Child Care.
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: childcaresoft
Tags: one-column, two-columns, custom-menu, featured-images, left-sidebar, right-sidebar
*/




*{margin: 0;padding: 0;box-sizing: border-box;}
:root{
--primary:#6AA332;
--secondary:#32A46B;
--primary-dark:#5C8C2B;
--background-primary:#F7FCF4;
--bg:#F7FCF4;
--black:#000000;
--white:#ffffff;
--font1:"Inter", sans-serif;

}



body{font-family: var(--font1);overflow-x: hidden;}
ul, ol{padding: 0;list-style: none;margin: 0;}
li{padding: 0;margin: 0;}
a{text-decoration: none;color: var(--black);}
img{max-width: 100%;object-fit: cover;}
h1{font-size:32px;line-height:32px;font-weight:600;}
h2 {font-size:32px;line-height:40px;font-weight:600;}
h3{font-size: 28px;line-height:34px;font-weight: 600;}
h4{font-size: 20px;line-height: 30px;font-weight: 600;}
h5{font-size: 22px;line-height: 30px;font-weight: 700;}
h6{font-size: 20px;line-height: 26px;font-weight: 500;}
section{padding:50px 0;overflow: hidden;}
body{font-family: var(--font1);}
h1, h2, h3, h4, h5, h6 {color: var(--black);font-family: var(--font1);}
p{font-family: var(--font1);color: var(--black);font-weight:400;line-height: 22px;font-size: 16px;}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span{color: var(--primary);}
.btn-primary{color: var(--white)  ;font-size:18px; background-color: var(--primary);border-radius:12px;padding:12px 24px;font-weight:600; display:flex;justify-content: center;gap: 10px;align-items: center;text-transform: capitalize;width: fit-content;;transition: .2s linear;border: 1px solid var(--primary);}
.btn-primary:hover{background-color: var(--white);border-color: var(--primary);color:var(--black);}
.btn-outline{color: var(--dark) ;font-size: 18px; background-color: var(--white);border-color: var(--primary);border-radius:12px;padding:12px 24px;font-weight:600; display: inline-flex;justify-content: center;align-items: center;text-transform: capitalize;transition:.3s linear;gap: 10px;width: fit-content;width: fit-content;;}
.btn-outline:hover{background-color: var(--primary);color: var(--white);}



header {background: var(--white);z-index: 2;position: relative;box-shadow: 0 2px 5px 0 #33007e1a;}
ul.top_right {padding: 0;margin: 0;list-style: none;text-align: right}
ul.top_right li {display: inline-block;margin-right: 25px}
ul.top_right li:last-child { margin-right: 0;}
ul.top_right li a {font-size: 18px;font-weight: 500;color: #000000;}
.top_featured_wrap { position: relative;}
#menu {position: relative;width:100%;display: flex;justify-content: end;align-items: center;}
#menu ul {list-style: none;display: flex;align-items: center;justify-content: end;margin: 0;gap: 24px;}
#menu ul li {position: relative;}
#menu ul li a {display: block;text-decoration: none;position: relative;-webkit-transition: all .3s linear;font-size:14px;transition: all .2s ease-in;padding: 5px 0px;color: var(--dark);font-weight:400;line-height: 18px;}
#menu li>a:after {content: '\F282';font-family: 'Bootstrap-icons';margin-left: 5px;position: relative;top: 2px;}
#menu li>a:only-child::after {margin-left: 0;content: '';}#menu ul li a:hover,#menu ul li.active a,
#menu ul li.current_page_item>a,#menu ul li.current-menu-ancestor>a,#menu ul li.current-menu-item>a,#menu ul li.current-menu-parent>a {color: var(--primary);font-weight: 400;}
 #menu li.active ul li a {color:var(--black);background: var(--white)}
#menu li.active ul li a:hover {color: #fff;background: var(--primary);}
#menu li>ul {position: absolute;left: 0;top: 4px;z-index: 999;white-space: nowrap;padding-left: 0;min-width: 250px;}
#menu li>ul li {background: var(--white);border-bottom: 1px solid rgba(0, 0, 0, 0.09);display: block;position: relative;margin: 0;text-align: left;text-transform: capitalize;}
#menu li>ul li:hover {background: var(--primary);border-bottom: 1px solid rgba(0, 0, 0, 0.09);}
#menu li>ul li a {color: #333;font-size: 13px;padding: 10px 15px;border-right: 0;transition: none;}
#menu li>ul li a:hover {color: #fff;text-decoration: none}
#menu li ul li.current_page_item>a,
#menu li ul li.current-menu-ancestor>a,
#menu li ul li.current-menu-item>a,
#menu li ul li.current-menu-parent>a {background: #333;color: var(--primary)}
#menu>li:first-child,#menu>li.has-submenu+li {border-left: 0}
#menu li>ul>li>ul {position: absolute;left: 100%;top: 0;transition: all linear .2s 0s;-webkit-transition: all linear .2s 0s;
visibility: hidden;opacity: 0}
#menu li>ul>li:hover>ul {visibility: visible;opacity: 1;display: block}
#menu li>ul {transition: all linear .2s 0s;-webkit-transition: all linear .2s 0s;visibility: hidden;opacity: 0;width: 100%;display: block;flex-direction: column;margin: 0;background: transparent;padding-top: 30px;}
#menu li:hover>ul {visibility: visible;opacity: 1;display: block;}
#menu li>ul li a {padding: 0 23px;}
#menu li>ul li a {padding: 10px 23px;}
#menu li ul li:hover ul li a {color: var(--text)}
#menu li ul li:hover ul li:hover a {color: var(--white);}
#menu li ul li:hover a {border-color: var(--primary);}
#menu li>ul li a::after{transform: rotate(-90deg);position: absolute;top: 0;bottom: 0;margin: auto;right: 0;}
@keyframes menu_sticky {
  0% {
    margin-top: -240px;
  }
 
  50% {
    margin-top: -90px;
  }
 
  100% {
    margin-top: 0;
  }
}
 
header.sticky {margin: 0;position: fixed;background: var(--white);top: 0;left: 0;width: 100%;z-index: 99999;  
 animation-name: menu_sticky;animation-duration: 0.60s;animation-timing-function: ease-out;}
header.sticky .topbar{display: none;}
header.sticky #menu>ul {margin-top: 15px;margin-bottom: 15px;}
header.sticky .menubar{padding: 10px 0;}
 
header .btns{display: flex;justify-content: center;align-items: center;gap: 24px;margin-left: 24px;}
.menubar{box-shadow: 0px 2px 6px -32px #33007E0A;padding: 15px;}
header .btn{border-radius: 12px;padding: 8px 16px;font-size: 14px;}
header .btn.btn-outline{min-width: 150px;}
 
 .hero-sec{background: linear-gradient(270deg, #F7FCF4 25%, rgba(255, 255, 255, 0) 53%);}
 .rating{display: flex;align-items: center;gap: 20px;margin-top: 8px;}
  .hero-sec  .row{row-gap: 20px;}
 .hero-sec  .report-card .btn-primary{margin-top: 20px;background-color: var(--secondary);}
 .hero-sec  .report-card{background-color: var(--white);border: 1px solid #EFFAF4;border-radius: 16px;padding: 24px;}
  .hero-sec  .points { display: grid; grid-template-columns: repeat(5, 1fr);  gap: 18px;border-top: 1px solid #F4FAEF;margin-top: 48px;}
.hero-sec  .point { display: flex; align-items: center;  font-size: 14px; font-weight: 400;gap: 10px;line-height: 20px;}
.hero-sec  .point img{min-width:24px;max-height: 24px;object-fit: contain;}
.testiminial-heading {text-align: center;margin-bottom: 32px; }
.testiminial-heading .review-box{display: flex;align-items: center;gap: 10px;justify-content: center;margin-bottom: 16px;}
.testiminial-heading .review-box strong{font-size: 14px; line-height: 18px;}
.testiminial-heading p{font-size: 20px;}
.testiminial-card {background-color: var(--white);border-radius:12px;padding: 24px;height: 100%;min-height: 240px;display: flex;justify-content: space-between;flex-direction: column;border: 1px solid #F9F6FD;box-shadow: 0px 2px 6px -32px #33007E0A;}
.testiminial-card .slider-review {display: flex;align-items: center;justify-content: space-between;margin: 12px 0;}
.testiminial-card .pro{display: flex;gap: 12px;align-items: center;}
.testiminial-card .pro .text h5{margin-bottom: 0;font-size: 18px;}
.testiminial-card .pro .text span{ font-size: 16px;font-weight: 400;}
.testiminial-card p{font-size: 16px;line-height: 20px;font-weight: 400;}
.slide-aurthor {font-size: 16px;}
.testiminial-card .expert-rating img{max-width:100px;width: 100%;margin-bottom: 20px;}
.expert-sec .owl-carousel .owl-nav{display: flex !important;align-items: center;position: absolute;
  top: 50%;justify-content: space-between;width: 100%;left: -18px;}
.expert-sec .owl-carousel .owl-nav button.owl-next,.expert-sec .owl-carousel .owl-nav button.owl-prev{min-width: 40px;min-height:40px;border-radius: 50%;background: #F7FCF4;display: flex;align-items: center;justify-content: center;color: var(--primary) !important;}
.expert-sec .owl-carousel .owl-nav button.owl-next{position: absolute;right:-98px;}
.expert-sec .owl-carousel .owl-nav button.owl-prev{position: absolute;left:-64px;}
.expert-sec .owl-carousel .owl-nav button.owl-prev:hover{background-color: var(--secondary);color: var(--white) !important;}
.expert-sec .owl-carousel .owl-nav button.owl-next:hover{background-color: var(--secondary);color: var(--white) !important;}
.expert-sec .owl-carousel .owl-dots{  position: absolute;z-index: 999;;right: 0;margin-inline: auto;width:100%;justify-content: center;left: 0;display: flex;align-items: center;}
.expert-sec .owl-dots .owl-dot.active { background-color: var(--primary) !important; width: 10px;
 height: 10px;border-radius:50%;}
 .expert-sec .heading{text-align: center;margin-bottom: 32px;}
 .expert-sec .heading h2{margin-top: 10px;}


.wizard-section {width: 98%;margin: 0 auto; background: #4E8C36; border-radius: 30px;text-align: center;}
.wizard-section .heading{max-width:750px;margin: 0 auto 50px auto;}
.wizard-section .heading h2{color: var(--white);}
.wizard-section .heading  p{color: var(--white);}
.wizard-section .progress-steps { display: flex; align-items: center; justify-content: center; margin-bottom: 40px;}
.wizard-section .step-dot{min-width:  16px;min-height: 16px;height: 16px;border-radius: 50%;background: transparent;transition: .30s;background: var(--secondary);border: 4px solid var(--white);}
.wizard-section .step-dot.active {background: var(--secondary);border: 4px solid var(--white);}
.wizard-section .step-dot.active ~ .step-dot{border: 1px solid var(--white);background: transparent;}
.wizard-section .step-boxes { display: flex; justify-content: center; gap: 25px; margin-bottom: 30px;}
.wizard-section .box.selected {border-color: #4CAF50;}
.wizard-section .next-btn,.prev-btn,.submit-btn {background: #66C266;color: #fff;border: none;border-radius: 10px;padding: 12px 28px;cursor: pointer;}
.wizard-section .prev-btn {background: #3d6f2c;margin-right: 10px;}
.wizard-section .submit-btn {background: #2bb34a;}
.wizard-section .box {background: #fff;color: #4E8C36;border-radius: 12px;padding:32px;border: 3px solid transparent;cursor: pointer;transition: .25s;position: relative;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 20px;}


.progress-steps .line {height: 2px;min-width: 200px;
background: var(--white);opacity: 0.3;transition: opacity 0.3s ease;margin: 0 15px;}
.progress-steps .line.filled {opacity: 1;}
.check-circle {position: absolute;top: 12px;right: 12px;height: 20px;width: 20px;border: 2px solid #6ead3a; border-radius: 50%;
background: white;display: flex;align-items: center;justify-content: center;transition: 0.3s ease;}
.check-circle::after { content: ""; height: 10px; width: 10px; border-radius: 50%; background: #6ead3a; opacity: 0; transition: 0.3s ease;}

.box.active .check-circle::after {opacity: 1;}
.wizard-step .title{color: var(--white);margin-bottom: 20px;font-size: 16px;line-height: 22px;}
.wizard-step  input[type="email"] {max-width: 500px;margin: 0 auto;margin-bottom: 20px;}
.wizard-step label{color: var(--white);margin-bottom: 10px;}
.wizard-section #step4 .row{row-gap: 20px;margin-bottom: 20px;text-align: left;}
.wizard-step #step4{max-width: 600px;margin-inline: auto;}
.wizard-section form p{margin-bottom: 0;} 
.wizard-section .step-boxes > .row{width: 100%;max-width: 1086px;}
.user-sec .heading{margin-bottom: 20px;}
.user-sec .solution{border: 1px solid #F7FCF4;box-shadow: 0px 2px 6px -32px #33007E0A;padding: 15px;border-radius: 12px;margin-bottom:20px;}





.user-sec .heading{margin-bottom: 20px;}
.user-sec .solution{border: 1px solid #F7FCF4;box-shadow: 0px 2px 6px -32px #33007E0A;padding: 16px;border-radius: 12px;margin-bottom:20px;}
.user-sec .solution .designation{display: flex;align-items: flex-start;}
.user-sec .solution .designation::before{content: "";background-image: url(images/icons/tick-primary.svg);background-position: center;background-repeat: no-repeat;background-size: contain;display: inline-block;margin-right:15px;width: 20px;height: 20px;}
.user-sec .user-image img{width: 100%;aspect-ratio: 16/15;}
.operation-sec .main-box { overflow: visible; margin-top: 20px;}
.main-box { background: var(--text-secondery); border-radius:16px; padding: 32px; display: flex; padding-left: 286px; color: var(--text-wight);align-items: center;position: relative;gap: 24px;overflow: hidden;}
.operation-sec .effect {top: auto;left: 37px;position: absolute;bottom: 0;}
.operation-sec .content { max-width: 640px; margin-left: 40px;}
.faq-sec .accordion-button::after{content: "\F282";font-family: "bootstrap-icons";height: auto;font-size: 20px;background-image: none;}
.faq-sec.accordion-button:not(.collapsed)::after {background-image: none; content: "\F286";font-family: "bootstrap-icons";}
 .faq-sec .accordion-button::before{content: "";background-image: url(images/icons/help.svg);background-repeat: no-repeat;background-position: center;background-size: contain;width: 24px;height: 24px;display: inline-block;margin-right: 20px;min-width: 24px;}
.faq-sec .accordion-button:focus{border: none;box-shadow: none;}
.faq-sec .accordion-button{font-weight: 500;font-size: 20px;width: 100%;transition: .2s linear;}
.faq-sec .accordion-button:not(.collapsed){background: var(--white); border: 1px solid transparent;border-radius: 12px !important;
color: var(--black); }
.faq-sec .accordion-item{ box-shadow: 0 2px 5px 0 #33007e1a;border: 1px solid var(--bg);border-radius: 12px;margin-bottom: 20px;}
.faq-sec .accordion-flush .accordion-item:last-child{margin-bottom: 0;}
.blogs-sec .heading{display: flex;justify-content: space-between;align-items: center;margin-bottom:46px;}
.read-btn{color: var(--primary);font-size: 12px;font-weight: 500;transition: 0.3s linear;}
.read-btn:hover{color: var(--black);}
.read-btn::after{content: "";background-image: url(images/icons/arrow_outward.svg);background-position: center;background-size: contain;background-repeat: no-repeat;width: 10px;height: 10px;display: inline-block;margin-left: 10px;}
.blog-card{box-shadow: 0 2px 5px 0 #33007e1a;border: 0.5px solid #F7FCF4;background: #FFFFFF;border-radius: 16px;padding: 16px;}
.blog-card .short-image img{border-radius: 16px;width:100%;aspect-ratio: 16/8.6;}
.blog-card .deatils .date{font-size: 12px;margin: 16px 0 24px 0;padding: 4px 8px;background-color: var(--bg);border-radius: 500px;width: fit-content;}
.blog-card .deatils p{font-size: 14px;line-height: 20px;}
.blog-card .deatils{padding: 0 16px;}
footer{background-color: var(--black);border-top-left-radius: 24px;border-top-right-radius: 24px;padding: 56px 0;}
footer .contact{display: flex;flex-direction: column;justify-content: space-between;flex-grow: 1;height: 100%;}
footer .contact .logo img{max-width: 153px;width: 100%;}
footer .social{display: flex;align-items: center;gap: 10px;}
footer  .social span{color: var(--white);font-size: 16px;line-height: 24px;font-weight:500;}
footer .social ul{display: flex;align-items: center;gap: 8px;}
footer  .social ul li a{display: flex;align-items: center;justify-content: center;min-width:40px;min-height: 40px;border: 1px solid var(--white);border-radius: 50%;transition: 0.3s linear;}
footer  .social ul li a:hover{background-color: var(--primary);border: 0;}
footer  .partners{display: flex;align-items: center;gap: 20px;}
footer  .partners img{max-width: 130px;}
footer .navlinks h5{font-size: 14px;line-height: 20px;color: var(--white);position: relative;}
footer .navlinks h5::before{content: "";background-color: var(--primary);height: 2px;width: 15px;bottom:-5px;left: 0;position: absolute;}
footer .navlinks ul{margin-top: 32px;}
footer .navlinks ul li{margin-bottom: 24px;}
footer .navlinks ul li a{color: var(--white);font-size: 14px;line-height: 20px;font-weight: 400;}
footer .copyright{margin-top: 48px;border-top: 1px solid #272E36;padding-top: 48px;text-align: center;color: var(--white);font-size: 14px;line-height: 20px;font-weight: 500;}
footer .copyright span{color: var(--primary);}
.side-bar .search-box{background-color:#F7FCF4;border: 1px solid #F4FAEF;border-radius:8px;padding: 16px 24px;margin-bottom: 24px;}
.side-bar .search-box form { display: flex;justify-content: space-between;align-items: center;width: 100%;}
.side-bar .search-box form  input{background-color: transparent;border: 0;}
.side-bar .search-box form  input:focus{border: 0;outline: 0;box-shadow: none;}
.side-bar .search-box form button {background: none;border: 0;min-width: 18px;}
.side-bar .post-main .heading{margin-bottom: 8px;}
.side-bar .post-main .heading h5{font-size: 24px;line-height: 28px;font-weight: 600;}
.side-bar .post-box{margin-top: 16px;background-color: var(--white);border: 1px solid #F7FCF4;box-shadow: 0px 2px 6px -32px #33007E0A;border-radius: 8px;padding: 8px;display: flex;align-items: flex-start;gap: 16px;}
.side-bar .post-box img{width: 100%;border-radius: 4px;width:108px;height: 80px;}
.side-bar .post-box .contant h6 {font-size: 14px;line-height: 20px;}
.side-bar .get-free{background-color: #F7FCF4;border: 1px solid #F4FAEF;border-radius: 8px;padding: 24px;margin-top: 24px;}
.side-bar .get-free h5 {font-size: 24px;line-height: 28px;font-weight: 600;margin-bottom: 24px;}
.latest-blog .date { display: flex; align-items: flex-start; gap: 8px;}
.latest-blog .date  p {font-weight: 500;line-height: 26px;font-size: 18px;}
.latest-blog p{font-size: 16px;line-height: 24px;font-weight: 400;}
.latest-blog h3 {font-size: 24px;line-height: 28px;font-weight: 600;}
.latest-blog  h2 {font-size: 32px;line-height: 32px;font-weight: 600;margin-bottom: 32px;}
.latest-blog blockquote{background-color:#F7FCF4;border: 1px solid #F4FAEF;padding: 24px;border-radius: 16px;margin:16px 0;}
.latest-blog ul li{display: flex;align-items: center;}
.latest-blog ul li::before{content: "";background-image:url(images/icons/list-check.svg);background-position: center;background-size: contain;min-width: 17px;min-height: 17px;display: inline-block;margin-right:4px;}
.latest-blog .help-box{padding: 32px 24px;background-color: #F7FCF4;background-color:#F7FCF4;position: relative;margin: 32px 0;}
.latest-blog .help-box .box-image{position: absolute;bottom: 0;}
.latest-blog .help-box .heading{margin-bottom: 32px;}
.latest-blog .help-box h3 {font-size: 28px;line-height: 34px;margin-bottom: 16px;}
.latest-blog .help-box p{font-size: 14px;line-height: 20px;font-weight: 500;}
.latest-blog .help-box .box-image img{min-height: 230px;}
.back-btn a{display: flex;align-items: center;gap: 16px;}
.back-btn .arrow {min-width: 40px;height: 40px;border-radius:50%;background: #F7FCF4;display: flex;align-items: center;
justify-content: center;color: var(--primary) !important;}
.back-btn span{display: block;font-size: 10px !important;line-height: 14px !important;font-weight: 400;margin-bottom: 8px;color: var(--black) !important;}
.back-btn .activity{color: var(--primary);font-size: 14px;line-height: 20px;}
.latest-blog .sinlge-img img{border-radius: 8px;width:100%;height: auto;}
.latest-blog .date {margin:16px 0;}










/* footer mobile */






/* ali styles */

.inner_banner{padding: 48px 0;background: linear-gradient(270deg, #F7FCF4 42%, rgba(255, 255, 255, 0) 60%);}
.inner_banner h1{margin-bottom: 16px;font-size: 32px;line-height: 39px;}
.inner_banner .month-graph{text-align: center;}
.inner_banner .month-graph img{    transform: scale(1.1) translateY(9px);}

.heading-feat{text-align: center;margin-bottom: 30px;}

.bullit-main{display: grid;gap: 16px;grid-template-columns: repeat(4,1fr);margin: 32px 0;}
.bullit-box{border: 1px solid #EFFAF4;background: var(--background-primary);display: flex;align-items: center;gap: 10px;padding: 10px 14px;border-radius: 8px;}
.bullit-box img{width: 60px;height: auto;}
.bullit-box mark{font-size: 16px;font-weight: 500;background-color: transparent;letter-spacing: 0;padding: 0;}

.tabs-main{display: grid;gap:32px;    grid-template-columns: repeat(12, 1fr);    grid-template-rows: auto;}
.tabs-main .tab:nth-child(1) {    grid-column: 1 / span 7;}
.tabs-main .tab:nth-child(2) {    grid-column: 8 / span 5;}
.tabs-main .tab:nth-child(3) {   grid-column: 1 / span 5;}
.tabs-main .tab:nth-child(4) {      grid-column: 6 / span 7;}
.tabs-main .tab:nth-child(5) {    grid-column: 1 / span 12;}
.tabs-main .tab:nth-child(6) {    grid-column: 1 / span 7;}
.tabs-main .tab:nth-child(7) {    grid-column: 8 / span 5;}

.management-sec .heading{text-align: center;margin-bottom: 50px;}
.management-sec .tab{border: 1px solid #F4FAEF;background-color: #F7FCF4;border-radius: 16px;padding: 35px 0 0 40px;display: flex;align-items: flex-start;justify-content: space-between;overflow: hidden;}
.management-sec .tab .content{padding: 0 0px 20px 0;width: 44%;}
.management-sec .tab .student-graph{width: 56%;height: 100%;}
.management-sec .tab .student-graph img{width: 100%;height: 100%;object-fit: contain;}
.management-sec .tab .content h4{margin-bottom: 20px;}
.management-sec .tab .content p{font-size: 14px;}
.management-sec .tab .content ul li{font-size: 16px;line-height: 20px;display: flex;align-items: center;margin-bottom: 10px;position: relative;padding-left: 19px; }
.management-sec .tab .content ul li::before{content: "";background-image: url(images/icons/list-icon.svg);background-position: center;background-repeat: no-repeat;background-size: contain;width:15px;height:15px;display: inline-block;margin-right: 10px;min-width: 15px;top: 3px;position: absolute;left: 0;}

.management-sec .small-graph img{width: 100%;min-width:270px;padding-right: 30px;}
.management-sec .small-graph{width: 60%;} 


.bullet-card-main{display: grid;gap: 16px;grid-template-columns:  repeat(5,1fr);flex-wrap: wrap;}
.bullet-card-main-second{grid-template-columns: repeat(4,1fr);margin-top: 16px;}
.bullet-card{padding: 16px 14px;display: flex;flex-direction: column;background-color: var(--background-primary);align-items: center;text-align: center;border-radius: 16px;}
.bullet-card img{width: 60px;max-width: 60px;aspect-ratio: 1/1;min-width: 60px;margin-bottom: 20px;}
.bullet-card h5{font-size: 16px;font-weight: 500;line-height: 24px;margin-bottom: 16px;}
.bullet-card p{font-size: 12px;line-height: 16px;font-weight: 400;}

.newslater-sec{border-left: 16px solid var(--white);border-right: 16px solid var(--white);padding: 0;}
.newslater-sec .col-bg{background-color: var(--primary-dark);border-radius: 24px;padding: 48px 0;}
.newslater-sec .heading-feat h2{color: var(--white);}
.news-main{background-color: var(--white);display: flex;padding: 4px;gap: 20px;border-radius: 12px;}

.news-main .field{flex-grow: 1;position: relative;}
.news-main .field label{position:absolute;left: 15px;margin: auto 0;top: 0;bottom: 0;height: fit-content;transition: .3s linear;pointer-events: none;color: #6D8196;font-weight: 500;}
.news-main .field .form-control{height: 100%;box-shadow: 0;outline: none;border: none;}
.news-main .field .form-control:hover + label,
.news-main .field .form-control:focus + label{opacity: 0;visibility: hidden;}
.news-main .field .form-control:hover, .news-main .field .form-control:focus{outline: none;box-shadow: none;}

.signing_sec .bg-col{background-color: var(--background-primary);padding: 16px;border-radius: 24px;}
.signing_sec .img-box{border-radius: 16px;overflow: hidden;height: 100%;}
.signing_sec .img-box img{height: 100%;object-fit: cover;}
.sign-main{background-color: var(--white);padding: 48px;border-radius: 16px;height: 100%;display: flex;flex-direction: column;gap: 48px;align-items: center;}
.sign-main h1{font-size: 24px;line-height: 30px;font-weight: 500;}
.sign-main label{text-align: start;font-size: 10px;font-weight: 400;}
.sign-main .form-control{height: 48px;border: 1px solid #EAEDF0;}
.sign-main .form-control::placeholder{color: #6D8196;}
.sign-main .form-check label{font-size: 14px;}
.sign-main .form-check label a{color: var(--primary);font-weight: 600;}
.sign-main  .bottom-content{position: relative;text-align: center;width: 100%;z-index: 3;}
.sign-main  .bottom-content mark span{width: fit-content;padding: 0 20px;background-color:white;font-size: 14px;}
.sign-main  .bottom-content mark{position: relative;display: block;padding: 0 40px;z-index: 4;background-color: transparent;}
.sign-main  .bottom-content mark::after{content: "";position:absolute; width: 100%;height: 1px;background-color: var(--background-primary);left: 0;top: 10px;z-index: -1;} 
.bottom-content  .inner-btn{display: flex;gap: 16px;margin: 24px 0 48px;}
.bottom-content  .inner-btn .btn-gray{background-color: var(--background-primary);padding: 12px 20px;width: 100%;}
.bottom-content  .inner-btn .btn-gray img{width: 27px;height: 27px;margin-right: 16px;object-fit: contain;}
.bottom-content p a{font-weight: 600;font-size: 14px;}
.bottom-content p{font-size: 14px;}
.forget-text{font-size: 14px;color: #000000;opacity: .6;}
@media(min-width:1024px){
  .mt-lg-32{margin-top: 32px;}
}

.light-sec{width: 100%;background-color: white;}
.wizard-section.light-sec .heading h2{color: black;}
.wizard-section.light-sec .heading p{color: black;}
.wizard-section.light-sec .box{background: #F7FCF4;}
.wizard-section.light-sec .box p{color: #5B5B5B;}
.wizard-section.light-sec .step-dot{background-color: white;border: 4px solid #6AA332;outline: 1px solid #6AA332;}
.wizard-section.light-sec .step-dot.active{ background:var(--white) ; border: 4px solid #6AA332;outline: 1px solid #6AA332;}
.wizard-section.light-sec .step-dot.active ~ .step-dot { border: 4px solid white; background:  #6AA332;outline: 1px solid #6AA332;}
.wizard-section.light-sec .progress-steps .line{background-color: #6AA332;}
.wizard-section.light-sec .next-btn{background: var(--primary);}






/* hafiz style */


.inner_banner{padding: 48px 0;background: linear-gradient(270deg, var(--bg) 42%, rgba(255, 255, 255, 0) 60%);}
.inner_banner h1{margin-bottom: 16px;font-size: 32px;line-height: 39px;}
.inner_banner .month-graph{text-align: center;}
.inner_banner .month-graph img{    transform: scale(1.1) translateY(9px);}

.about-box{display: flex;background: var(--bg);padding: 40px;border: 1px solid #F4FAEF;border-radius: 16px;position: relative;overflow: hidden;height: 100%;}
.about-box .text{max-width: 57.9999%;}
.about-box .text h2{margin-bottom: 20px;}
.about-box p{font-size: 12px;line-height: 18px;}
.about-box .img-box img{position: absolute;right: 0;bottom: 0;width: 48.99999%;}

.about-inner .img-box{border-radius: 24px;overflow: hidden;}
.about-inner .text .inner-btn{margin-top: 40px;}
.about-inner .text h2{margin-bottom: 16px;}

.value-sec{max-width: 98%;border-radius: 16px;background: var(--primary-dark);margin-inline: auto;}
.value-sec .heading{margin-bottom: 32px;text-align: center;}
.value-sec .heading h2{color: var(--white);}

.value-grid{display: grid;grid-template-columns: repeat(5,1fr);gap: 16px;}
.value-box{border-radius: 8px;padding: 16px;border: 1px solid #F4FAEF;display: flex;justify-content: center;flex-direction: column;align-items: center;background: var(--white);text-align: center;}
.value-box .icon{margin-bottom: 20px;}
.value-box h6{font-size: 20px;margin-bottom: 0;}

.faq-main-sec .head{text-align: center;margin-bottom: 40px;}
.faq-main-sec .head h1{margin-bottom: 24px;}

.blog-main-sec .head{margin-bottom: 20px;}
.blog-main-sec .row{row-gap: 20px;}


.contact-banner .hero-img{position: relative;height: calc(100% + 48px);}
.contact-banner .hero-img img{position: absolute;bottom: 0;width: 100%;object-fit: cover;}
.contact-banner{ background: url('images/banner/contact-bg.png');background-size: cover;background-position: right center; }

.contact-sec .contact-box{background: var(--bg);border-radius: 24px;padding: 32px;}
.contact-box .list-box{margin:32px 0 40px 0;display: flex;flex-direction: column;gap: 32px;}
.contact-box .list-box .list-item{display: flex;align-items: center;gap: 16px;}
.contact-box .list-box .list-item .icon{min-width: 45px;width: 45px;height: 45px;display: flex;align-items: center;justify-content: center;border-radius: 50%;background: var(--primary);}
.contact-box .trust-box{text-align: center;background: var(--white);padding: 16px 8px;border-radius: 8px;border: 1px solid #F4FAEF}
.contact-box .trust-box .logo-box{display: flex;gap: 16px;margin-top: 24px;flex-wrap: wrap;}
.contact-sec .form-box{border: 1px solid var(--bg);box-shadow:  0 2px 5px 0 #33007e1a;padding: 16px 24px;border-radius: 16px;}
.contact-sec .form-box h2,.contact-sec .contact-box h3{font-size: 24px;font-weight: 400;line-height: 28px;}
.contact-sec .form-box form{margin-top: 16px;}
.form-box form label{font-size: 10px;}
.form-box form .form-control,.form-box form .form-select{padding: 16px 20px;border: 1px solid #F4FAEF;border-radius: 8px;outline: none !important;box-shadow: none !important;font-size: 12px;line-height: 16px;}
.form-box form .form-control::placeholder{color: #6D8196;}
.form-box form textarea.form-control{height: 160px;}


.demo-sec{text-align: center;}
.demo-sec .demo-box{margin-inline: auto;max-width: 590px;border-radius: 16px;background: var(--bg);display: flex;justify-content: center;align-items: center;flex-direction: column;padding: 48px;gap: 16px;}
.demo-sec .demo-box .btn{width: 100%;}
.demo-sec .head{margin-bottom: 48px;}

.privicy-text h1{margin-bottom: 20px;}
.privicy-text ul,.latest-blog p{margin-bottom: 1rem;}
.privicy-text ul li{display: flex;align-items: baseline;}
.privicy-text ul li::before {content: "";background-image: url(images/icons/list-check.svg);background-position: center;background-size: contain; min-width: 17px;  min-height: 17px;display: inline-block;margin-right: 4px;position: relative;top: 2px;}
 
.expert-sec .star-box {display: flex;justify-content: center;align-items: center; gap: 5px;}
.expert-sec .star-box i{color:#FFCE1B;}

.wizard-section.light-sec .wizard-step label{color: black;}
#step4{  max-width: 700px;margin-inline: auto;}
.wizard-section #step4 .row {gap: 0;}
.rating .star-box{display:flex;gap:10px;align-items: center;}
.rating .star-box img{min-width:20px;}
.rating .star-box .g-text{font-size:12px;}
.rating .star-box i{color:#FFAE2D;}
.value-sec .btn-primary{background-color: var(--primary);}










       
@media (min-width: 1400px)
{.container {max-width: 1224px;} }