@font-face {
     font-family: 'Poppins';
     src: url('/newteam/fonts/Poppins-ExtraBold.woff2') format('woff2'),
         url('/newteam/fonts/Poppins-ExtraBold.woff') format('woff');
     font-weight: bold;
     font-style: normal;
     font-display: swap;
 }

 @font-face {
     font-family: 'Poppins';
     src: url('/newteam/fonts/Poppins-Bold.woff2') format('woff2'),
         url('/newteam/fonts/Poppins-Bold.woff') format('woff');
     font-weight: bold;
     font-style: normal;
     font-display: swap;
 }

 @font-face {
     font-family: 'Poppins';
     src: url('/newteam/fonts/Poppins-Medium.woff2') format('woff2'),
         url('/newteam/fonts/Poppins-Medium.woff') format('woff');
     font-weight: 500;
     font-style: normal;
     font-display: swap;
 }

 @font-face {
     font-family: 'Poppins';
     src: url('/newteam/fonts/Poppins-Regular.woff2') format('woff2'),
         url('/newteam/fonts/Poppins-Regular.woff') format('woff');
     font-weight: normal;
     font-style: normal;
     font-display: swap;
 }

 @font-face {
     font-family: 'Poppins';
     src: url('/newteam/fonts/Poppins-SemiBold.woff2') format('woff2'),
         url('/newteam/fonts/Poppins-SemiBold.woff') format('woff');
     font-weight: 600;
     font-style: normal;
     font-display: swap;
 }

 * {
     margin: 0px;
     padding: 0px;
     box-sizing: border-box;
 }

 body {
     font-family: 'Poppins', sans-serif;
 }

 h1 {
     font-size: 72px;
 }

 h2 {
     font-size: 60px;
 }

 h3 {
     font-size: 45px;
 }

 h4 {
     font-size: 32px;
 }

 h5 {
     font-size: 24px;
 }

 h6 {
     font-size: 20px;
 }

 .fw-600 {
     font-weight: 600;
 }

 .font_14 {
     font-size: 14px;
 }

 .font_18 {
     font-size: 18px;
 }

 .font_20 {
     font-size: 20px;
 }

 .font_24 {
     font-size: 24px;
 }

 .font_28 {
     font-size: 28px;
 }
 .font_40 {
     font-size: 40px;
 }

 .font_50 {
     font-size: 50px;
 }

 .br_40 {
     border-radius: 40px;
 }

 .br_10 {
     border-radius: 10px;
 }

 li {
     list-style: none;
 }
 a {
     text-decoration: none;
 }
 .color_teal {
     color: #06c1a8;
 }
 .object-cover {
     object-fit: cover;
 }
 .overlay:before {
     content: "";
     position: absolute;
     background: radial-gradient(circle, #12bfa7, #0d5791);
     bottom: 0;
     top: 0;
     left: 0;
     right: 0;
     opacity: 0.6;
 }
 .banner-overlay:before {
     content: "";
     position: absolute;
     left: 0;
     bottom: 0;
     height: 100%;
     width: 100%;
     opacity: 0.8;
     background: linear-gradient(180deg, #0d589100 45%, #000000 75%);
 }
 .overlay-2:before {
     content: "";
     position: absolute;
     background: radial-gradient(circle, #12bfa7,#0d5791 );
     bottom: 0;
     top: 0;
     left: 0;
     right: 0;
     opacity: 0.8;
 }
 .z-index {
     z-index: 111;
 }
 .bg_o_teal {
     background-color: #12bfa729;
 }
 .bg_o_blue {
     background-color: #57a6bf47;
     color: #0f485f;
 }
 .color_brown {
     color: #e65217;
 }
 .box-shadow {
     box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
 }
 .bg_cover {
     background-size: cover;
     background-position: center;
 }
 .object-top {
     object-position: top;
 }
 .object-center {
     object-position: center;
 }
 :root {
     --teal-green: #06c1a8;
 }
 .right-15 {
     right: 15px !important;
 }
 .cursor-pointer {
     cursor: pointer !important;
 }
 /* ------nav-style------ */
 .logo {
     max-width: 700px;
 }
 .logo:focus-visible {
     outline: none;
 }
 .site_logo {
     text-align: center;
     display: block;
     margin-bottom: 20px;
     outline: none;
 }
 .header-links li a {
     color: #2d2e2e !important;
 }
 .header-links .navbar {
     border-top: 1px solid #2d2e2e;
     border-bottom: 1px solid #2d2e2e;
 }
 .navbar-dark .navbar-nav .nav-link {
       padding: 10px 10px;
     transition: all 0.3s;
     color: #fff;
     white-space: nowrap;
   }
 .navbar-dark .navbar-nav .nav-link:hover,
 .offcanvas .offcanvas-body .navbar-nav .nav-link:hover {
     color: #e65217 !important;
     transition: all 0.3s;
 }
 .custom-toggler .navbar-toggler-icon {
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255,255,255,1)' stroke-width='3' stroke-linecap='round' d='M4 7h22M4 15h22M4 23h22' /%3e%3c/svg%3e");
 }
 .custom-toggler {
     border: none;
 }
 .navbar-toggler:focus {
     box-shadow: none;
 }
 .offcanvas .offcanvas-body .navbar-nav .nav-link {
     color: #000;
 }
 .navbar {
     border-top: 1px solid #fff;
     border-bottom: 1px solid #fff;
 }
 .banner-1 {
     background-image: url("/newteam/slider-img/Images/WL2025Kirby.jpeg");
     background-size: cover;
     background-position: top;
     background-repeat: no-repeat;
 }
.carousel .carousel-item {
    min-height: 250px;
    height: 360px;
}
 .carousel-control-next-icon,
 .carousel-control-prev-icon {
     width: 25px;
     height: 25px;
 }
 .carousel-control-next,
 .carousel-control-prev {
     background: #fff;
     width: 50px;
     height: 50px;
     top: 50%;
     transform: translateY(-50%);
 }
.carousel-caption,
.banner-overlay::before {
    pointer-events: none;
}
 .carousel-dark .carousel-indicators [data-bs-target] {
     background-color: #ffffff;
     width: 15px;
     height: 7px;
     border: solid 1px;
 }
 .home-banner::after {
     position: absolute;
     content: "";
     opacity: 0.6;
     background: radial-gradient(circle, #12bfa7, #0d5791);
     top: 0;
     bottom: 0;
     right: 0;
     left: 0;
 }
 .home-banner .container {
     z-index: 111;
 }
 .reg-btn {
     width: calc(100% - 200px) !important;
 }
.main-img{
    max-width: 600px;
}
 .profile-btn-box {
     flex-wrap: nowrap;
     width: max-content;
 }
 /* ---Advantage page ----- */
 /* .advantage-section li,  .advantage-section a,  .advantage-section h2,  .advantage-section p
{
    color: #2d2e2e !important;
} */
 .advantage-section .custom-toggler .navbar-toggler-icon {
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0,0,0,1)' stroke-width='3' stroke-linecap='round' d='M4 7h22M4 15h22M4 23h22' /%3e%3c/svg%3e");
 }
 .advantage-section * {
     border-color: #0d5791 !important;
 }
 .advantage-section svg,
 .advantage-section svg path {
     fill: #12bfa7 !important;
 }
 .image_box {
     max-width: 600px;
 }
 .overlay svg,
 .overlay svg path {
     fill: #fff !important;
 }
 .overlay.benefit-bg svg,
 .overlay.benefit-bg svg path,
 .login_form svg,
 .login_form svg path,
 .contact-form svg,
 .contact-form svg path {
     fill: #12bfa7 !important;
 }
 .image_box img {
     max-height: 362px;
     width: auto;
 }
 .r_img {
     width: 100%;
     min-height: 320px;
     height: 100%;
     object-fit: cover;
 }
 .advantage-bg {
     background-image: url("../images/advantagesimage.jpg");
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
     position: relative;
 }
 /* -------- benefit page -------- */
 .feature_box {
     background-color: #97c0dbf8;
     height: 320px;
 }
 .benefit-bg {
     background-image: url("../images/benefitimage.jpg");
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
     position: relative;
 }
 .feature_box img {
     width: 300px;
 }
 .b_img {
     height: 300px;
     object-fit: cover;
 }
 .card {
     width: 31%;
 }
 .listing_ul li {
     font-size: 15px !important;
     margin: 10px 0px;
     display: flex;
     justify-content: start;
     align-items: flex-start;
 }
 .listing_ul li svg {
     margin-top: 0px;
     font-size: 20px;
 }
 .listing_ul li span {
     width: 34px;
 }
 /* program */
 .program-bg {
     background-image: url("../images/programimagee.jpg");
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
     position: relative;
 }
 /* ----who are we? ----- */
 .counter-section {
     color: #000000;
 }
 .counter-box {
     max-width: 195px;
     min-width: 195px;
     padding: 20px;
     height: 150px;
     font-size: 15px;
 }
 .counter-bg {
     background-image: url("../images/whoweareimage.jpeg");
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
     position: relative;
 }
.footer-links li a{
color: #fff !important;
}
 .feature_image {
     height: 380px;
 }
 .owner-card {
     width: 31%;
 }
 .o_img {
     width: 100%;
     height: 370px;
     object-fit: cover;
     border-radius: 10px;
     object-position: top;
 }
 .t_img {
     width: 100px;
     height: 100px;
     object-fit: cover;
 }
 /* contact info page */
 body .contact-link {
     color: #ffffff !important;
     text-decoration: underline;
 }
 .contact-form {
     z-index: 111;
 }
 .contact-bg {
     background-image: url("../images/contact image.jpg");
     position: relative;
     background-position: center;
     background-size: cover;
     background-repeat: no-repeat;
 }
 .input-box input,
 .input-box textarea {
     width: 100%;
     height: 45px;
     font-size: 15px;
     border: 1px solid #ddd;
     outline: none;
 }
 .input-box i,
 .input-box svg {
     right: 2%;
     top: 30%;
 }
 .textarea-box svg {
     right: 2%;
     top: 10%;
 }
 .submit-btn {
     height: 45px;
     background: #0d5791;
     cursor: pointer;
     border: #0d5791 1px solid;

 }

.social-item {
    background:#0d5791 ;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
}
.social-info {
    bottom: 120%;
    left: 50%;
    transform: translateX(-50%);
    padding: 10px 14px;
    width: 320px;
    color: #000;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease;
    box-shadow: 0 8px 20px rgba(0,0,0,0.2);
}
.social-info::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-width: 6px;
    border-style: solid;
    border-color: #ffffff transparent transparent transparent;
}
.social-item:hover .social-info {
    opacity: 1;
    visibility: visible;
}
.youtube:hover{
    background: #ff0000;
}
.twitter:hover{
    background: #1DA1F2
;
}
.linkedin:hover{
    background: #0A66C2
;
}
.facebook:hover{
   background:  #1877F2;
}
.instagram:hover{
    background: linear-gradient(45deg, #F58529, #DD2A7B, #8134AF, #515BD4);

}
 .submit-btn:hover {
     background: #fff;
     cursor: pointer;
     color: #0d5791 !important;
 }
 /* marketing */
 .marketing-bg {
     background-image: url("../images/marketingimage.jpg");
     position: relative;
     background-position: center;
     background-size: cover;
 }
 /* -----FAQ's------ */
 .accordion-button:not(.collapsed) {
     color: #000;
     background-color: #f3f7ff;
 }
 .accordion-button:focus {
     box-shadow: none;
 }
 .accordion-item .accordion-button {
     font-weight: 600;
 }
 .accordion-item .accordion-button,
 .accordion-item .accordion-body {
     border-bottom: 1px solid;
     
 }
.modal-open, .modal{
    padding-right: 0px !important;
 }
 .accordion-item:last-of-type .accordion-button.collapsed {
     border-bottom: 0px;
 }
 .faq-bg {
     background-image: url("../images/advantagesimage.jpg");
     position: relative;
     background-position: center;
     background-size: cover;
     background-repeat: no-repeat;
 }
 /* login */
 .login_form svg,
 .login_form i {
     top: 27%;
     bottom: auto;
     right: 15px;
 }
 .login-bg {
     background-image: url("../images/background.jpg");
     position: relative;
     background-position: center;
     background-size: cover;
     background-repeat: no-repeat;
 }
 .login-link {
     color: #000;
     text-decoration: underline;
 }
 .login_form .input-box .toggle-password .eye-slash-icon {
   display: none;
 }
 .login_form input[type="checkbox"] {
     width: 17px;
     height: 17px;
     background: #fff;
     border-radius: 4px;
     border: solid 1px;
     appearance: none;
 }
 .login_form input[type="checkbox"]:checked {
     background-color: #0d5791;
     color: #ffffff;
     position: relative;
     border: solid 1px;
     border-radius: 5px;

 }
 .form-control:focus {
     box-shadow: none;
     border: 1px solid #00bfa5 !important;
 }
 .login_form input[type="checkbox"]:checked::after {
     content: "✔";
     position: absolute;
     top: -4px;
     left: 1px;
     width: 15px;
     height: 15px;
     cursor: pointer;
 }
 .popover {
  max-width: 260px;
}
 /* next-step */
 .next-bg {
     background-image: url("../images/contactimage.jpg ");
     position: relative;
     background-position: center;
     background-size: cover;
     background-repeat: no-repeat;
 }
 /* footer */
 .footer {
     background-color: #0f485f;
     color: #fff;
 }
 .popup{
    color: #000;
    padding-inline-start: 0px;
 }
 .modal-content h1{
padding-bottom: 0px;
 }
 .popup svg path{
    fill: #12bfa7;
 }
 footer .nav-link:hover {
     color: #00bfa5 !important;
 }
 .footer .submit-btn:hover {
     color: #0d5791 !important;
     border: #fff 1px solid;
 }
 .regiser-profile-row {
     display: flex;
     flex-wrap: nowrap;
     max-width: 680px;
     margin: auto;
 }
 .regiser-profile-row p {
     color: #fff;
 }
 .regiser-profile-row>div {
     width: 200px;
 }
 .form-card .field-icon {
     position: absolute;
     right: 10px;
     top: 31%;
 }
 .btn-close:focus{
    box-shadow: none !important;

 }
 .password_field {
     position: relative;
 }
 @media only screen and (max-width:1400px) {
    .carousel .carousel-item {
       min-height: 250px;
    height: 362px;
    max-height: 500px;
   }
 }
 @media only screen and (max-width:1300px) {
     .feature_box img {
         width: 280px;
     }
     .owner-card {
         width: 30%;
     }
 }
 @media only screen and (max-width:1199px) {
     .navbar-dark .navbar-nav .nav-link {
         padding: 10px;
         font-size: 16px;
     }
 }
 @media only screen and (max-width:1024px) {
     .font_50 {
         font-size: 43px;
     }
      .carousel .carousel-item .carousel-caption h3{
    font-size: 24px;
 }
 }
 @media only screen and (max-width:991px) {
     .card {
         width: 47%;
     }
     .offcanvas-logo {
         width: 260px;
     }
     .font_50 {
         font-size: 34px;
     }
     .offcanvas-end {
         width: 60%;
         padding: 10px;
     }
     .owner-card {
         width: 47%;
     }
     .font_40 {
         font-size: 30px;
     }
     .o_img {
         width: 100%;
         height: 330px;
     }
     h2 {
         font-size: 30px;
     }
     .logo {
         max-width: 400px;
         padding-left: 15px;
     }
     .header-links .navbar {
         border: 0px;
     }
     .navbar {
         border: 0px;
     }
     .social-info{
        font-size: 16px;
     }
 }
 @media only screen and (max-width:767px) {
     .contact-form {
         border-radius: 15px;
     }
     .profile-btn-box {
         flex-direction: column;
     }
 }
 @media only screen and (max-width:575px) {
     .logo {
         max-width: 260px;
         padding-left: 15px;
     }
     .offcanvas-end {
         width: 100%;
         padding: 10px;
     }
     .card {
         width: 95%;
     }
     .owner-card {
         width: 90%;
     }
     .counter-box {
         max-width: 147px;
         min-width: 147px;
         height: 140px;
     }
     .profile-btn-box {
         width: max-content;
         display: flex !important;
         flex-direction: column;
         justify-content: center;
         align-items: normal;
         justify-self: center;
     }
     .regiser-profile-row {
         display: block;
         margin: auto;
       width: 100%;
     }
     .regiser-profile-row>div {
         width: 100% !important;
         text-align: center;
     }
     .font_24 {
         font-size: 20px;
     }
     .image_box {
         height: 230px;
         margin-bottom: 30px;
     }
     .image_box img {
         height: 230px;
     }
     .font_28 {
         font-size: 20px;
     }
     .font_50 {
         font-size: 40px;
     }
     h4 {
         font-size: 24px;
     }
     h2 {
         font-size: 30px;
     }
     h5 {
         font-size: 18px;
     }
     h3 {
         font-size: 20px;
     }
     .font_20 {
         font-size: 15px;
     }
     .font_18 {
         font-size: 16px;
     }
     .font_40 {
         font-size: 30px;
     }
     .o_img {
         width: 100%;
         height: 100%;
     }
     .carousel .carousel-item {
         min-height: 200px;
         height: 230px;
     }
 .carousel .carousel-item .carousel-caption h3{
    font-size: 15px;
 }
 .carousel-dark .carousel-indicators [data-bs-target]{
width: 10px;
 }
     .carousel-control-next,
     .carousel-control-prev {
         width: 35px;
         height: 35px;
     }
     .carousel-caption {
         padding: 0px 0px 10px 0px;
     }
     .carousel-control-next-icon,
     .carousel-control-prev-icon {
         width: 17px;
         height: 17px;
     }
.social-info{
    width: 270px;
}
.facebook-info{
    left: 45%;
    transform: translateX(-12%);
}
.facebook-info:after{
    left: 15%;
    transform: translateX(-71%);
}
.twitter-info{
    left: 100%;
    transform: translateX(-91%);
}
.twitter-info:after{
 right:11%;
 left: auto;
    transform: translateX(-71%);
}
.youtube-info{
    left: 50%;
    transform: translateX(-30%);
}
.youtube-info:after{
    left: 30%;
    transform: translateX(-71%);
}
.linkedin-info{
    left: 100%;
    transform: translateX(-73%);
}
.linkedin-info:after{
    right: 29%;
    left:auto;
    transform: translateX(-71%);
}
 }