@import"https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&family=Montserrat+Alternates:wght@300;400;500;600;700&family=Nunito:wght@300;400;500;600;700&family=Playfair+Display&display=swap";@font-face{font-family:"Franklin Gothic";src:url("../fonts/FranklinGothic-Medium.woff2") format("woff2"),url("../fonts/FranklinGothic-Medium.woff") format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"Franklin Gothic Regular";font-style:normal;font-weight:normal;src:local("Franklin Gothic Regular"),url("../fonts/FranklinGothic.woff") format("woff")}@font-face{font-family:"Franklin Gothic Condensed";font-style:normal;font-weight:normal;src:local("Franklin Gothic Condensed"),url("../fonts/FRANKGO.woff") format("woff")}@font-face{font-family:"Franklin Gothic Condensed";font-style:normal;font-weight:normal;src:local("Franklin Gothic Condensed"),url("../fonts/Franklin Gothic Condensed.woff") format("woff")}@font-face{font-family:"Franklin Gothic ITALIC";font-style:normal;font-weight:normal;src:local("Franklin Gothic ITALIC"),url("../fonts/FranklinGothicITALIC.woff") format("woff")}@font-face{font-family:"Franklin Gothic ITALIC";font-style:normal;font-weight:normal;src:local("Franklin Gothic ITALIC"),url("../fonts/fgwo____.woff") format("woff")}@font-face{font-family:"Times New Roman";src:url("../fonts/TimesNewRomanPSMT.woff2") format("woff2"),url("../fonts/TimesNewRomanPSMT.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"Arsenal";src:url("../fonts/Arsenal-Bold.woff2") format("woff2"),url("../fonts/Arsenal-Bold.woff") format("woff");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:"Arsenal";src:url("../fonts/Arsenal-BoldItalic.woff2") format("woff2"),url("../fonts/Arsenal-BoldItalic.woff") format("woff");font-weight:bold;font-style:italic;font-display:swap}@font-face{font-family:"Arsenal";src:url("../fonts/Arsenal-Italic.woff2") format("woff2"),url("../fonts/Arsenal-Italic.woff") format("woff");font-weight:normal;font-style:italic;font-display:swap}@font-face{font-family:"Fjalla One";src:url("../fonts/FjallaOne-Regular.woff2") format("woff2"),url("../fonts/FjallaOne-Regular.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"Arsenal";src:url("../fonts/Arsenal-Regular.woff2") format("woff2"),url("../fonts/Arsenal-Regular.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"Montserrat";src:url("../fonts/Montserrat-Bold.woff2") format("woff2"),url("Montserrat-Bold.woff") format("woff");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:"Montserrat";src:url("../fonts/Montserrat-Medium.woff2") format("woff2"),url("Montserrat-Medium.woff") format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"Montserrat";src:url("../fonts/Montserrat-Regular.woff2") format("woff2"),url("Montserrat-Regular.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"Montserrat";src:url("../fonts/Montserrat-SemiBold.woff2") format("woff2"),url("Montserrat-SemiBold.woff") format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:"BaskervilleMTW01-Roman";src:url("../fonts/BaskervilleMTW01-Roman.woff2") format("woff2"),url("../fonts/BaskervilleMTW01-Roman.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"Tahoma";src:url("../fonts/Tahoma.woff2") format("woff2"),url("../fonts/Tahoma.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"Myriad Pro Regular";font-style:normal;font-weight:normal;src:local("Myriad Pro Regular"),url("../fonts/MYRIADPRO-REGULAR.woff") format("woff")}@font-face{font-family:"Myriad Pro Condensed";font-style:normal;font-weight:normal;src:local("Myriad Pro Condensed"),url("../fonts/MYRIADPRO-COND.woff") format("woff")}@font-face{font-family:"Myriad Pro Condensed Italic";font-style:normal;font-weight:normal;src:local("Myriad Pro Condensed Italic"),url("../fonts/MYRIADPRO-CONDIT.woff") format("woff")}@font-face{font-family:"Myriad Pro Light";font-style:normal;font-weight:normal;src:local("Myriad Pro Light"),url("../fonts/MyriadPro-Light.woff") format("woff")}@font-face{font-family:"Myriad Pro Semibold";font-style:normal;font-weight:normal;src:local("Myriad Pro Semibold"),url("../fonts/MYRIADPRO-SEMIBOLD.woff") format("woff")}@font-face{font-family:"Myriad Pro Semibold Italic";font-style:normal;font-weight:normal;src:local("Myriad Pro Semibold Italic"),url("../fonts/MYRIADPRO-SEMIBOLDIT.woff") format("woff")}@font-face{font-family:"Myriad Pro Bold Condensed";font-style:normal;font-weight:normal;src:local("Myriad Pro Bold Condensed"),url("../fonts/MYRIADPRO-BOLDCOND.woff") format("woff")}@font-face{font-family:"Myriad Pro Bold";font-style:normal;font-weight:normal;src:local("Myriad Pro Bold"),url("../fonts/MYRIADPRO-BOLD.woff") format("woff")}@font-face{font-family:"Myriad Pro Bold Italic";font-style:normal;font-weight:normal;src:local("Myriad Pro Bold Italic"),url("../fonts/MYRIADPRO-BOLDIT.woff") format("woff")}@font-face{font-family:"Myriad Pro Bold Condensed Italic";font-style:normal;font-weight:normal;src:local("Myriad Pro Bold Condensed Italic"),url("../fonts/MYRIADPRO-BOLDCONDIT.woff") format("woff")}input::placeholder{color:#707070 !important}html{margin:0;-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media all and (min-width: 1200px){html{scrollbar-width:thin;scrollbar-color:#6ccc74 #141414;-ms-overflow-style:-ms-autohiding-scrollbar}html ::-webkit-scrollbar{width:0}html ::-webkit-scrollbar-track{background-color:#6ccc74}html ::-webkit-scrollbar-thumb{background-color:#b2d34c}}body{font-family:Nunito Sans;font-size:16px;line-height:1.42857143;color:#141414;margin:0;position:relative;transition:all .3s ease;right:0;overflow-x:hidden}body.push{right:320px;transition:all .3s ease}*{box-sizing:border-box}a{color:#337ab7;text-decoration:none}a:hover,a:focus{color:#23527c;text-decoration:none}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}article,aside,details,footer,header,main,nav,section{display:block}main{background-color:#fff}.success_msg{width:100%}.success_msg span{width:100%;min-height:40px;display:flex;justify-content:center;align-items:center;border-radius:5px;margin-top:15px;font-size:16px;padding:10px 15px;text-align:center}ul#error-messages{list-style:none;width:100%;padding:0;margin:0}ul#error-messages li{width:100%;min-height:40px;display:flex;justify-content:center;align-items:center;border-radius:5px;margin-top:15px;color:#a94442;background-color:#f2dede;border-color:#ebccd1;font-size:16px;padding:10px 15px;text-align:center}.loader{background-color:rgba(255,255,255,.63);z-index:99999;position:fixed;text-align:center;width:100%;height:100vh;display:table}.loader .wrap{display:table-cell;vertical-align:middle}.loader .wrap img{max-width:350px;width:100%}.lds-ellipsis{display:inline-block;position:relative;width:80px;height:80px}.lds-ellipsis div{position:absolute;top:33px;width:13px;height:13px;border-radius:50%;background:#6ccc74;animation-timing-function:cubic-bezier(0, 1, 1, 0)}.lds-ellipsis div:nth-child(1){left:8px;animation:lds-ellipsis1 .6s infinite}.lds-ellipsis div:nth-child(2){left:8px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(3){left:32px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(4){left:56px;animation:lds-ellipsis3 .6s infinite}@keyframes lds-ellipsis1{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}100%{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0, 0)}100%{transform:translate(24px, 0)}}.dropdown:hover>.dropdown-menu{display:block}.dropdown>.dropdown-toggle:active{pointer-events:none}.form_wrapper{background-color:#000;padding:40px 20px;position:relative}.form_wrapper h6{font-size:26px;font-family:Readex Pro;color:#fff;position:relative;padding-block-end:15px;text-transform:uppercase;justify-content:flex-start;display:flex;margin-bottom:30px}@media all and (min-width: 992px){.form_wrapper h6{font-size:36px}}.form_wrapper h6:before{content:"";width:25%;height:4px;position:absolute;bottom:0;display:inline-flex;background-color:#6ccc74}.form_wrapper .form-control{border-radius:0;margin-bottom:20px}.form_wrapper .input_file_wrapper{position:relative;margin-block-end:20px;width:100%;display:flex;align-items:center;height:40px;background-color:#fff;background-image:url("../images/plus_icon.png");background-repeat:no-repeat;background-position:right 15px center;padding:5px 15px}.form_wrapper .input_file_wrapper span{max-width:80%;display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.form_wrapper .input_file_wrapper input{opacity:0;width:100%;height:100%;position:absolute;top:0;left:0;cursor:pointer;font-size:0}.form_wrapper select.form-control{background-image:url("../images/down_triangle.png");background-repeat:no-repeat;background-position:right 15px center}.form_wrapper textarea.form-control{min-height:120px}.form_wrapper .__btn_submit{transform:translate(-60px, 17px);position:absolute;bottom:0;left:50%;width:120px;display:flex;align-items:center;justify-content:center;background-color:#6ccc74;height:40px;border-radius:30px;border:none;text-transform:uppercase;color:#fff;font-weight:600;border:2px solid rgba(0,0,0,0);transition:all .3s ease;font-size:20px}.form_wrapper .__btn_submit:hover{background-color:#fff;border:2px solid #6ccc74;transition:all .3s ease;color:#3a8e2d}button.btn-close{position:absolute;right:-10px;top:-11px;background-color:#fff;opacity:1}.modal-content{border-radius:0;border:5px solid #000}.accordion-button{background-color:#000;color:#fff;font-size:20px}.accordion-button:focus{outline:none;box-shadow:none}.accordion-button:not(.collapsed){background-color:#3a8e2d;color:#fff}.accordion-button::after{content:"";display:block;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important}button.btn-close{position:absolute;right:-10px;top:-11px;background-color:#fff;opacity:1}.modal-content{border-radius:0;border:5px solid #000}.floating_button{position:fixed;z-index:99999;right:-60px;top:50%;transform:translate(0px, -50px) rotate(-90deg);background-color:#3a8e2d;border-top-left-radius:10px;border-top-right-radius:10px;width:150px;height:50px;display:flex;justify-content:center;align-items:center;text-transform:uppercase;font-weight:700}@media all and (min-width: 992px){.floating_button{right:-75px;width:200px;height:65px}}.floating_button a{color:#fff;font-size:16px;display:flex;width:150px;height:50px;justify-content:center;align-items:center;padding:15px}@media all and (min-width: 992px){.floating_button a{right:-75px;width:200px;height:65px;font-size:20px}}#donateModal .logo_wrapper{display:flex;gap:20px;justify-content:space-around}#donateModal h2{font-size:30px;font-family:"BaskervilleMTW01-Roman";color:#3a8e2d;position:relative;display:inline-flex;padding-bottom:20px;margin-bottom:20px;margin-top:20px;font-weight:700;display:flex;justify-content:center}@media all and (min-width: 1200px){#donateModal h2{margin-top:0}}#donateModal h2::before{content:"";width:220px;height:4px;position:absolute;bottom:0;display:inline-flex;background-color:#6ccc74}#donateModal .logo_wrap img{width:175px;height:55px}#donateModal .logo_wrap{display:flex;flex-direction:column;align-items:center}#donateModal .logo_wrap a{background-color:#3a8e2d;display:flex;width:120px;justify-content:center;align-items:center;height:40px;color:#fff;border:2px solid rgba(0,0,0,0);font-weight:bold;transition:all .3s ease;margin-top:30px;border-radius:30px}#donateModal .logo_wrap a:hover{border:2px solid #3a8e2d;color:#3a8e2d;background-color:rgba(0,0,0,0);transition:all .3s ease}header.header{background-color:#3a8e2d;height:85px;position:sticky;top:0;width:100%;z-index:99;padding:15px 0}@media all and (min-width: 1200px){header.header{height:135px}}header.header::after{content:"";background-color:#fff;width:100%;height:7px;display:block;transform:translate(0px, -30px)}@media all and (min-width: 1200px){header.header::after{transform:translate(0px, 20px)}}header.header .d_flex{align-items:center;justify-content:flex-end}header.header .branding{display:flex;height:100px;justify-content:flex-start}@media all and (min-width: 1200px){header.header .branding{align-items:center}}header.header .branding img{max-width:320px}@media all and (min-width: 1200px){header.header .branding img{max-width:116%}}@media all and (min-width: 1400px){header.header .branding img{max-width:120%}}header.header .box_wrap{border:1px solid #6ccc74;display:inline-flex;padding:6px 15px;min-width:128px;height:40px;position:relative;justify-content:center;cursor:pointer;transition:all .3s ease;align-items:center;color:#fff}@media all and (min-width: 1400px){header.header .box_wrap{padding:6px 30px}}header.header .box_wrap:hover{background-color:#6ccc74;transition:all .3s ease}header.header .box_wrap:hover a{color:#fff !important}header.header .box_wrap:before{content:"";width:15px;height:15px;background-color:#6ccc74;display:block;position:absolute;left:-8px;top:10px}header.header .box_wrap a{color:#fff;font-size:16px;font-family:"Franklin Gothic";text-transform:uppercase}header.header .right_wrapper{display:flex;gap:25px;flex-direction:column;align-items:flex-end}header.header .top_wrapper{display:flex;gap:15px;flex-direction:column}@media all and (min-width: 1200px){header.header .top_wrapper{flex-direction:row}}@media all and (min-width: 1400px){header.header .top_wrapper{gap:25px}}header.header .contact_wrap{display:flex;gap:10px;align-items:center}header.header .contact_wrap.tel_wrap a{white-space:nowrap;font-size:22px;color:#fff;line-height:1.2;font-family:"Times New Roman"}header.header .contact_wrap.tel_wrap .wrap{display:flex;flex-direction:column;line-height:1}header.header .contact_wrap.email_wrap span{display:flex;flex-direction:column;line-height:1.1}header.header .contact_wrap.email_wrap span a{white-space:nowrap;font-size:16px;color:#fff;font-weight:500;font-family:"Arsenal"}header.header .icon_wrap{display:flex;width:38px;height:38px;min-width:38px;justify-content:center;align-items:center;border-radius:50%;border:1px solid #6ccc74}header.header .nav_wrapper .menu_ul{padding:0;margin:0;display:flex;align-items:center;justify-content:flex-end;list-style:none}header.header .nav_wrapper .menu_ul>li{padding:16px 0;cursor:pointer}header.header .nav_wrapper .menu_ul>li>a{color:#fff;font-size:15px;transition:all .3s ease;font-weight:500;display:flex;align-items:center;border-right:1px solid #f79e49;padding:0 25px}@media all and (min-width: 1400px){header.header .nav_wrapper .menu_ul>li>a{font-size:16px}}header.header .nav_wrapper .menu_ul>li>a:hover{color:#6ccc74;transition:all .3s ease}header.header .nav_wrapper .menu_ul>li:last-child a{border:none;padding-right:0}header.header .nav_wrapper .menu_ul>li.dropdown .dropdown-menu{border-radius:0;padding:0;border:none;column-gap:0px;border-top:5px solid #6ccc74;max-height:0;overflow:hidden;visibility:hidden;transition:all .1s ease-in-out;display:block !important;top:55px}header.header .nav_wrapper .menu_ul>li.dropdown .dropdown-menu li{padding:0;max-width:250px;background-color:#fff;border-bottom:1px solid;display:flex;align-items:center;padding:0 10px;transition:all .3s ease}header.header .nav_wrapper .menu_ul>li.dropdown .dropdown-menu li:hover{background-color:#6ccc74;transition:all .3s ease}header.header .nav_wrapper .menu_ul>li.dropdown .dropdown-menu li::before{content:"";width:10px;height:10px;display:inline-flex;min-width:10px;background-color:#3a8e2d}header.header .nav_wrapper .menu_ul>li.dropdown .dropdown-menu li a{color:#000;font-size:14px;transition:all .3s ease;padding:8px 0 8px 8px;display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}header.header .nav_wrapper .menu_ul>li.dropdown .dropdown-menu li a:hover{color:#fff;transition:all .3s ease}header.header .nav_wrapper .menu_ul>li.dropdown .dropdown-menu .dropdown-item:focus,header.header .nav_wrapper .menu_ul>li.dropdown .dropdown-menu .dropdown-item:hover{background-color:rgba(0,0,0,0)}header.header .dropdown:hover>.dropdown-menu{max-height:500px !important;visibility:visible !important;transition:all .5s ease-in-out !important}header.header .dropdown>.dropdown-toggle:active{pointer-events:none}header.header nav.mobile_nav{position:fixed;background-color:#3a8e2d;width:320px;height:100%;z-index:999;right:-100%;top:0;transition:all .3s ease;padding:24px 30px 0;overflow-y:auto}header.header nav.mobile_nav .logo{width:250px}header.header nav.mobile_nav .menu_ul{padding:0;list-style:none;margin:20px 0 30px}header.header nav.mobile_nav .menu_ul>li a{border-bottom:1px solid #444242;display:block;color:#fff;padding:5px 0;font-size:17px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%}header.header nav.mobile_nav .menu_ul>li a span{font-size:12px;top:-2px;background-color:#ff4646;border-radius:2px;padding:2px 4px 2px;margin-left:5px;color:#6ccc74;position:relative}header.header nav.mobile_nav .menu_ul>li a:hover{color:#6ccc74}header.header nav.mobile_nav .menu_ul>li .collapse_a:after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid rgba(0,0,0,0);border-bottom:0;border-left:.3em solid rgba(0,0,0,0)}header.header nav.mobile_nav .menu_ul>li #collapseExample ul{list-style:none;padding-left:15px !important}header.header nav.mobile_nav .menu_ul>li #collapseExample ul li a:focus,header.header nav.mobile_nav .menu_ul>li #collapseExample ul li a:hover,header.header nav.mobile_nav .menu_ul>li #collapseExample ul li a:visited,header.header nav.mobile_nav .menu_ul>li #collapseExample ul li a:active{background-color:rgba(0,0,0,0)}header.header nav.mobile_nav p.underline_text{line-height:1.4;text-align:left}header.header nav.mobile_nav p span.highlight{font-size:14px;color:#141414}header.header nav.mobile_nav p span.highlight svg{stroke-width:2px}header.header nav.mobile_nav h4{color:#141414;font-size:15px;text-transform:uppercase;margin:30px 0 0}header.header nav.mobile_nav .contact_details p{margin:10px 0;font-size:14px;color:#141414}header.header nav.mobile_nav .contact_details p a{color:#141414}header.header nav.mobile_nav .contact_details .whatsapp-icon-xs{cursor:pointer;display:inline-block;z-index:9999;vertical-align:middle}header.header nav.mobile_nav .contact_details .whatsapp-icon-xs svg{fill:#f6f4f3;width:30px;height:30px;background-color:#4dc247;overflow:hidden;border-radius:50%;padding:3px}header.header nav.mobile_nav .social_icons{margin:20px 0}header.header nav.mobile_nav .social_icons ul{padding:0;margin:0;list-style:none}header.header nav.mobile_nav .social_icons ul li{margin:0 12px 0 0;display:inline-block;vertical-align:top}header.header nav.mobile_nav .social_icons ul li a{border:none}header.header nav.mobile_nav .social_icons ul li a svg{fill:#141414;width:25px;height:25px}header.header nav.mobile_nav .social_icons ul li a svg:hover{fill:#b2d34c;transition:all .3s ease}header.header nav.mobile_nav.open{right:0;transition:all .3s ease}header.header nav.mobile_nav .box_wrap a{color:#fff}header.header nav.mobile_nav .contact_wrap a{color:#fff}header.header .hamburger_wrapper{position:fixed;right:10px;top:30px;z-index:9999;width:30px;height:25px;-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out;cursor:pointer}header.header .hamburger_wrapper.open .hamburger{-webkit-transform:rotate(45deg);transform:rotate(45deg)}header.header .hamburger_wrapper.open .hamburger:after{-webkit-transform:rotate(90deg);transform:rotate(90deg);bottom:0;width:100% !important}header.header .hamburger_wrapper.open .hamburger:before{-webkit-transform:rotate(90deg);transform:rotate(90deg);top:0;width:100% !important}header.header .hamburger_wrapper:hover .hamburger:before{width:100%;transition:.2s ease-in-out}header.header .hamburger{position:absolute;top:10px;left:0;width:30px;height:2px;background:#6ccc74;display:block;-webkit-transform-origin:center;transform-origin:center;-webkit-transition:.5s ease-in-out;transition:.2s ease-in-out}header.header .hamburger:after,header.header .hamburger:before{-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out;content:"";position:absolute;display:block;width:80%;height:100%;background:#6ccc74;right:0}header.header .hamburger:before{top:-10px}header.header .hamburger:after{bottom:-10px}.second_menu_wrapper{background-color:#6ccc74;width:100%;height:60px;margin-top:15px}.second_menu_wrapper ul.second_menu_ul{display:flex;list-style:none;justify-content:center;align-items:center;height:100%;font-size:20px;color:#fff;margin:0;padding:0}.second_menu_wrapper ul.second_menu_ul li a{color:#fff;padding:0 15px;display:block;font-family:"Fjalla One";white-space:nowrap;text-transform:uppercase;font-size:18px}@media all and (min-width: 1400px){.second_menu_wrapper ul.second_menu_ul li a{padding:0 22px}}.second_menu_wrapper ul.second_menu_ul li:last-child a{border-right:none}.testimonial_wrapper{padding:100px 0 !important}.testimonial_wrapper .background-overlay{background-color:#f5f5f5;position:absolute;top:0;left:50%;width:100vw;transform:translateX(-50%);height:100%;z-index:0}main.innerpages{padding-block-end:100px}main.innerpages .banner_wrapper{width:100%;height:250px;background-repeat:no-repeat;background-position:top center;background-size:cover;display:flex;justify-content:center;align-items:center}@media all and (min-width: 768px){main.innerpages .banner_wrapper{height:450px}}@media all and (min-width: 1200px){main.innerpages .banner_wrapper{height:600px}}main.innerpages .banner_wrapper h1{font-weight:normal;font-family:Readex Pro;color:#fff;position:relative;text-transform:uppercase;justify-content:center;display:flex;text-align:center;font-size:30px !important;line-height:36px !important;padding:0 15px 20px}@media all and (min-width: 992px){main.innerpages .banner_wrapper h1{font-size:50px !important;line-height:60px !important;margin-top:50px}}main.innerpages .banner_wrapper h1:before{content:"";width:50%;height:5px;position:absolute;bottom:0;display:inline-flex;background-color:#6ccc74}main.innerpages .content_wrapper{margin-block-start:40px}@media all and (min-width: 1200px){main.innerpages .content_wrapper{margin-block-start:80px}}main.innerpages .content_wrapper h6{color:#3a8e2d;margin-block-end:25px;font-size:30px;border-bottom:2px solid #6ccc74;padding-bottom:10px;display:inline-flex;line-height:1.2;font-family:"BaskervilleMTW01-Roman"}@media all and (min-width: 1200px){main.innerpages .content_wrapper h6{font-size:46px;line-height:1.1}}@media all and (min-width: 1200px){main.innerpages .content_wrapper .spacer{margin-block-start:75px}}main.innerpages .content_wrapper .side_img_wrap{overflow:hidden;height:100%}main.innerpages .content_wrapper .side_img_wrap .img-fluid{height:100%;object-fit:cover;object-position:top center;transform:scale(1);transition:all .3s ease;width:100%}main.innerpages .content_wrapper .side_img_wrap .img-fluid:hover{transform:scale(1.1);transition:all .3s ease}main.innerpages .content_wrapper p{font-size:18px}main.innerpages .content_wrapper ul{margin:0}main.innerpages .content_wrapper ul li{font-size:18px}main.innerpages.price_list h2{font-size:36px;color:#000;margin-bottom:20px}main.innerpages.price_list ul{margin-bottom:30px}main.innerpages.price_list ul li{margin:5px 0}main.innerpages.price_list ul span{font-size:16px}.price_list_table .price_table{width:100%;margin:20px 0}.price_list_table .price_table thead tr th{text-align:center;background-color:#3a8e2d;color:#6ccc74}.price_list_table .price_table.three_col_table td:first-child{width:calc(100% - 255px);background-color:#3a8e2d}.price_list_table .price_table.three_col_table td:nth-child(2),.price_list_table .price_table.three_col_table td:nth-child(3),.price_list_table .price_table.three_col_table td:nth-child(4){width:85px;text-align:center;background-color:#6ccc74;color:#fff}.price_list_table .price_table tbody tr td{padding:10px}.price_list_table .price_table tbody tr td span{display:block;font-size:14px}.price_list_table .price_table tbody tr td:first-child{width:calc(100% - 75px);background-color:#3a8e2d}.price_list_table .price_table tbody tr td:last-child{width:75px;text-align:center;background-color:#6ccc74;color:#fff}.price_table{width:100%;margin:20px 0}.price_table thead tr th{text-align:center;background-color:#3a8e2d;color:#6ccc74}.price_table.three_col_table td:first-child{width:calc(100% - 255px);background-color:#3a8e2d}.price_table.three_col_table td:nth-child(2),.price_table.three_col_table td:nth-child(3),.price_table.three_col_table td:nth-child(4){width:85px;text-align:center;background-color:#6ccc74;color:#fff}.price_table tbody tr td{padding:10px}.price_table tbody tr td span{display:block;font-size:14px}.price_table tbody tr td:first-child{width:calc(100% - 75px);background-color:#3a8e2d}.price_table tbody tr td:last-child{width:75px;text-align:center;background-color:#6ccc74;color:#fff}main.contact_us .logo_wrapper{display:flex;flex-direction:column;align-items:center;padding:20px;justify-content:center;width:100%;margin-block-end:30px;background-color:#000}main.contact_us .d_flex{display:flex;flex-direction:column;justify-content:center}main.contact_us .side_contact_details{margin-block-end:20px}main.contact_us .side_contact_details .wrap{display:flex;gap:10px;align-items:center;padding:7px 0;min-height:65px}main.contact_us .side_contact_details .wrap .icon_wrap{background-color:#000;width:40px;height:40px;min-width:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid #000}main.contact_us .side_contact_details .wrap span{color:#6ccc74;font-size:20px;display:inline-flex;gap:10px;align-items:center}main.contact_us .side_contact_details .wrap span a{color:#141414}main.contact_us .form_wrapper{margin-block-start:0}main.contact_us .form_wrapper h6{font-family:Readex Pro;color:#fff;margin-top:0 !important;font-weight:400 !important;font-size:34px}main.contact_us .map_wrapper{margin-block-start:50px;border:5px solid #3a8e2d}main.contact_us .map_wrapper iframe{width:100%;height:350px;display:block}main.contact_us ul{list-style:none;padding:0}main.contact_us ul li{font-size:20px !important;color:#000}main.contact_us ul li span{width:50px;color:#000 !important}main.join_our_team .section{padding:70px 0 0}main.join_our_team .section .heading_wrap{display:flex;justify-content:center;align-items:center;flex-direction:column}main.join_our_team .section .heading_wrap::before{content:"";width:100%;height:10px;background-color:#6ccc74;display:block}main.join_our_team .section .heading_wrap h6{font-size:30px;font-family:Readex Pro;text-transform:uppercase;background-color:#fff;display:inline-flex;justify-content:center;align-items:center;height:50px;transform:translate(0px, -25px);padding:0 20px}@media all and (min-width: 992px){main.join_our_team .section .heading_wrap h6{font-size:45px}}main.join_our_team .section p{font-size:18px;text-align:center}main.join_our_team .section p span{font-family:"Times New Roman";font-weight:bold}@media all and (min-width: 1200px){main.join_our_team .section .form_wrapper{margin-block-start:0}}main.join_our_team .section .form_wrapper .input_file_wrapper{position:relative;margin-block-end:20px;width:100%;display:flex;justify-content:flex-start;align-items:center;height:40px;background-color:#fff}main.join_our_team .section .form_wrapper .input_file_wrapper span{max-width:80%;display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}main.join_our_team .section .form_wrapper .input_file_wrapper input{opacity:0;width:100%;height:100%;position:absolute;top:0;left:0;cursor:pointer;font-size:0}footer.footer{background-color:#3a8e2d;padding:30px 0 15px}footer.footer .flex_space_adjustment_row{justify-content:space-between}@media all and (min-width: 1200px){footer.footer .flex_space_adjustment_row .col-xl{flex:unset;width:auto}}@media all and (min-width: 1200px){footer.footer .flex_space_adjustment_row .col-xl.col-left{width:34%}}@media all and (min-width: 1200px){footer.footer .flex_space_adjustment_row .col-xl.col-center{width:28%}}@media all and (min-width: 1200px){footer.footer .flex_space_adjustment_row .col-xl.col-right{width:29%}}footer.footer .logo_wrapper{display:flex;flex-direction:column;align-items:center;height:100%;justify-content:center}footer.footer .social_wrapper{display:flex;gap:12px;margin:10px 0;justify-content:center;width:100%}footer.footer .social_wrapper .icon_wrap{background-color:#6ccc74;width:30px;height:30px;border-radius:5px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;transform:translate(0, 0)}footer.footer .social_wrapper .icon_wrap:hover{transform:translate(0, 5px);transition:all .3s ease}footer.footer p.heading{font-size:26px;text-transform:uppercase;color:#fff;display:inline-block}footer.footer p.heading:after{content:"";display:block;width:100%;height:1px;background-color:#6ccc74;margin-top:-4px}@media all and (min-width: 1400px){footer.footer .m_l_adjust{margin-left:35px}}@media all and (min-width: 992px){footer.footer .ul_wrapper{display:flex;gap:50px}}@media all and (min-width: 1200px){footer.footer .ul_wrapper .m_adjust{margin-top:-20px}}footer.footer ul{list-style:none;padding:0;column-count:2;margin-top:10px}footer.footer ul li{display:flex;align-items:center;gap:10px;padding:5px 0}footer.footer ul li::before{content:"";width:10px;height:10px;display:inline-flex;min-width:10px;background-color:#6ccc74}footer.footer ul li a{font-size:15px;color:#fff;margin-inline-start:0;transition:all .3s ease;overflow:hidden;width:100%;white-space:nowrap;text-overflow:ellipsis}footer.footer ul li a:hover{color:#6ccc74}footer.footer .contact_wrapper .wrap{display:flex;gap:10px;align-items:center;padding:7px 0;min-height:60px;position:relative}footer.footer .contact_wrapper .wrap .icon_wrap{width:40px;height:40px;min-width:40px;min-height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:-5px;border:1px solid #6ccc74}footer.footer .contact_wrapper .wrap .wrapper_span{color:#fff;font-size:16px;display:inline-block;padding-right:5px;position:absolute;left:50px;top:20px}footer.footer .contact_wrapper .wrap .wrapper_span .wrap_span{display:inline-block}footer.footer .contact_wrapper .wrap .wrapper_span .wrap_span:after{content:"";display:block;width:100%;height:1px;background-color:#6ccc74;margin-top:-4px}footer.footer .contact_wrapper .wrap .a_wrap{display:flex;flex-direction:column;margin-left:50px;color:#fff;margin-top:6px}footer.footer .contact_wrapper .wrap a{color:#fff}.bottom_bar{background-color:#6ccc74;display:flex;justify-content:center;align-items:center;color:#141414;font-size:14px}.bottom_bar .copy_text{color:#000;padding:5px 0;font-family:"Tahoma";text-align:center}@media all and (min-width: 768px){.bottom_bar .copy_text{text-align:left}}.bottom_bar .copy_text a{color:#000}/*# sourceMappingURL=styles.css.map */

/* =========================================
   BLOG SECTION
========================================= */

.blog-section {
    width: 100%;
    padding: 80px 20px 80px;
    box-sizing: border-box;
    background: #fff;
}
.nav > li > a:hover{
    color:#a51230 !important;
}
p.contact-email {
    margin: 30px 0px !important;
}p.footer-copyright {
    font-size: 18px !important;
}.header-navbar a:hover {
    color: #c01538 !important;
}
.blog-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}p.contact-address span {
    line-height: 10px;
}

.footer-widgets-wrap li a{
    text-transform:uppercase;
}

.header-navbar.navbar {
    padding: 20px 0px !important;
}
a#back-to-top {
    display: none;
    DISPLAY: NONE !important;
}
.footer-bottom-wrap {
    padding: 15px 0px;
}.footer-copyright {
    text-align: left !important;
}
.footer-bottom-wrap{
        background-color: #fff !important;
}ul.nav.copyright-bar-ul.pull-center.justify-content-center * {
    color: black !important;
}

p.footer-copyright {
    color: black !important;
}

/* =========================================
   HEADING
========================================= */

.blog-heading {
    text-align: center;
    margin-bottom: 25px;
}

.blog-label {
    display: block;
    font-size: 14px;
    font-weight: 700;
    color: #c01538;
    letter-spacing: 0.3px;
    margin-bottom: 5px;
}

.blog-heading h2 {
    margin: 0;
    font-size: 39px;
    line-height: 1.18;
    font-weight: 600;
    color: #101820;
}


/* =========================================
   BLOG GRID
========================================= */

.blog-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 17px;
}


/* =========================================
   BLOG CARD
========================================= */

.blog-card {
    position: relative;
    background: #fff;
    border-radius: 0 0 7px 7px;
    overflow: hidden;
    box-shadow: 0 5px 18px rgba(0, 0, 0, 0.07);
}


/* =========================================
   IMAGE
========================================= */

.blog-image {
    position: relative;
    width: 100%;
    height: 274px;
    overflow: hidden;
}

.blog-image img {
    display: block;
    object-fit: cover;
}


/* =========================================
   DATE
========================================= */

.blog-date {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 7px 13px;
    background: #55c875;
    color: #fff;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.3px;
}
a.read-more{
    background:#c01538 !important;
}

/* =========================================
   CONTENT
========================================= */

.blog-content {
    padding: 17px 18px 18px 61px;
    min-height: 101px;
    box-sizing: border-box;
}

.blog-category {
    font-size: 24px;
    color: #000;
    margin-bottom: 9px;
}

.blog-line {
    width: 100%;
    height: 1px;
    background: #d8d8d8;
    margin-bottom: 7px;
}

.blog-content h3 {
    margin: 0;
    font-family: 'Nunito Sans';
    font-size: 19px;
    line-height: 1.3;
    font-weight: 400;
    color: #333;
}

/* =========================================
   READ MORE
========================================= */

.read-more {
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 16px !important;
    padding: 13px 10px !important;
    width: 33px;
    height: 147px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #153b2c;
    color: #fff;

    font-size: 9px;
    font-weight: 600;

    text-decoration: none;

    writing-mode: vertical-rl;
    transform: rotate(180deg);

    transition: 0.3s ease;
}

.read-more:hover {
    background: #55c875;
    color: #fff;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 900px) {

    .blog-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 600px) {

    .blog-section {
        padding: 20px 15px 30px;
    }

    .blog-heading h2 {
        font-size: 25px;
    }

    .blog-heading h2 br {
        display: none;
    }

    .blog-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .blog-image {
        height: 220px;
    }

}
section.elementor-section.elementor-top-section.elementor-element.elementor-element-1bfd9463.elementor-section-stretched.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default {
    margin-top: -100px;
}
.mission-section {
    position: relative;
    width: 160%;
    min-height: 490px;
    padding: 100px 0px;
    background-image: url("../images/image_e51db564.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;    padding-bottom: 0px;

    color: #fff;    left: -380px;
    overflow: hidden;
}

.mission-overlay {
    position: absolute;
    inset: 0;
    background: rgba(24, 61, 45, 0.72);
    z-index: 1;
}

.mission-container {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 15px 0 0;
}


/* =========================
   TOP CONTENT
========================= */

.mission-top {
    text-align: center;
    padding: 0 30px 35px;
}

.mission-label {
    display: block;
    margin-bottom: 10px;

    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: #64c982;
}

.mission-top h2 {
    margin: 0;

    font-size: 40px;
    line-height: 1.5;
    font-weight: 700;
    font-style: italic;
    color: #fff;
}.card-icon img {
    filter: brightness(999999);
}
.mission-cards {
    margin-bottom: 50px;
}

/* =========================
   CARDS
========================= */

.mission-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    background: #c01538;
    background: rgba(31, 74, 54, 0.78);
        background: #c01538 !important;
}

.mission-card {
    min-height: 210px;
    padding: 27px 30px;

    border-right: 1px solid rgba(255, 255, 255, 0.15);
}

.mission-card:last-child {
    border-right: none;
}

.card-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}
.card-icon img {
    width: 45px !important;
}
.card-heading h3 {
    margin: 0;

    font-size: 21px;
    line-height: 1.25;
    font-weight: 700;
    color: #fff;
}



.card-icon {
    flex-shrink: 0;

    font-size: 40px;
    line-height: 1;
    color: #fff;
}

.card-line {
    width: 72px;
    height: 1px;

    margin: 25px 0 21px;

    background: #4fc478;
}

.mission-card p {
    max-width: 310px;
    margin: 0;

    font-size: 16px;
    line-height: 1.8;
    font-weight: 400;

    color: #fff;
}


/* =========================
   TABLET
========================= */

@media (max-width: 900px) {

    .mission-container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .mission-top h2 {
        font-size: 28px;
    }

    .mission-card {
        padding: 25px 20px;
    }

}.header-titles {
    display: none;
}
.header-mobilebar.navbar {
    background: #fff;
    /* height: 20px; */
}section.elementor-section.elementor-inner-section.elementor-element.elementor-element-66ce074.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default {
    background: transparent;
}
.care-stat-card:hover {
    background: #333;
}
rs-slides a {
    background: #c01538 !important;
    border:none !important;
    }
    ul.nav.wp-menu > li {
    padding: 0 6px;
    }
    a.rs-layer:hover{
        background:#fff !important;
        color:#000 !important;
    }

.rs_splitted_chars{
    color: #c01538 !important;
}
i.bi.bi-list {
    color: #000;
}figure.cea-feature-box-img img {
    filter: brightness(000);
}
/* =========================
   MOBILE
========================= */
footer ul li{
    display:Block !important;
}
.blog-image img {
    min-height: 300px;
}

section.inner-content {
    padding: 40px 0px;
}
.main-section section.mission-section {
    width: unset;
    left: unset;
        background: #fff !important;
}

.main-section .mission-overlay{
        background: #f4f4f4 !important;

}

.main-section .mission-top h2 {
    color:#000;
}

h2.section-title {
    font-size: 38px !important;
}
/* ================================
   CARE STATS SECTION
================================ */

.care-stats-section {
    width: 100%;
    background: #fff;
    box-sizing: border-box;
    padding:50px 0px;
}

.care-stats-container {
    max-width: 1200px;
    margin: 0 auto;
}

.care-overlay-card * {
    color: #fff !important;
    /* font-size: 20px !important; */
}
/* ================================
   FEATURE IMAGE
================================ */
.care-feature-box:before {
    position: absolute;
    content: '';
    background: #00000087;
    height: 100%;
    width: 100%;
}
.care-feature-box {
    position: relative;
    width: 100%;
    height: 500px;
    overflow: hidden;
    border-radius: 7px;
}

.care-feature-image {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

i.fa-regular.fa-user {
    color: #c01538 !important;
        left: 30px;
    position: relative;
    top: -30px;
}
/* ================================
   GLASS CONTENT BOX
================================ */

.care-overlay-card {
    position: absolute;
    left: 6px;
    top: 173px;

    width: 395px;
    min-height: 180px;

    padding: 20px 20px 18px;
    box-sizing: border-box;

    border-radius: 12px;

    background: rgba(76, 87, 77, 0.62);
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);

    color: #fff;
}

.care-overlay-icon {
    width: 30px;
    height: 30px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 10px;

    color: #58d56b;
    font-size: 22px;
}

.care-overlay-card h3 {
    margin: 0 0 9px;

    font-size: 26px;
    font-weight: 700;
    line-height: 1.2;
}

.care-overlay-card p {
    margin: 0 0 12px;

    font-size: 18px;
    font-weight: 600;
    line-height: 1.8;
    color: #f1f1f1;
}

.care-overlay-card a {
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    color: #5ee16f;
}


/* ================================
   STATISTICS GRID
================================ */

.care-stats-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;

    margin-top: 86px;
    padding: 0 13px;
}

.care-stat-card {
       min-height: 171px;
    padding: 37px 19px;
    box-sizing: border-box;

    background: #c01538;
    border-radius: 25px;

    color: #fff;
}.widget.widget_block img {
    width: 70%;
    text-align: left;
    margin: 0;
}

.care-stat-arrow {
    width: 25px;
    height: 25px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 8px;

    border-radius: 50%;

    background: #fff;
    color: #000;

    font-size: 18px;
    font-weight: 400;
    line-height: 1;
}

.care-stat-card h4 {
    margin: 0 0 3px;
    /* font-family: Arial, sans-serif; */
    font-size: 28px;
    font-weight: 700;
    line-height: 1.1;
    color: #fff;
}

.care-stat-card p {
    margin: 0;
    /* font-family: Arial, sans-serif; */
    font-size: 17px;
    font-weight: 600;
    color: #d5ded8;
}


/* ================================
   TABLET
================================ */

@media (max-width: 768px) {

    .care-stats-section {
        padding: 20px 15px 30px;
    }

    .care-feature-box {
        height: 280px;
    }

    .care-overlay-card {
        top: 55px;
        width: 190px;
    }

    .care-stats-grid {
        grid-template-columns: repeat(2, 1fr);
        padding: 0;
    }
}


/* ================================
   MOBILE
================================ */

@media (max-width: 480px) {

    .care-feature-box {
        height: 360px;
    }

    .care-overlay-card {
        left: 10px;
        top: auto;
        bottom: 10px;
        width: 190px;
    }

    .care-stats-grid {
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        margin-top: 86px;
    }

    .care-stat-card {
        min-height: 115px;
        padding: 15px;
    }

    .care-stat-card h4 {
        font-size: 22px;
    }
}

.training-section {
    width: 100%;
    padding: 50px 20px;
    background: #f7f8fa;
    font-family: Montserrat;
    box-sizing: border-box;
}

.training-container {
    max-width: 1180px;
    margin: 0 auto;
}


/* =========================
   HEADER
========================= */

.training-heading {
    text-align: center;
    max-width: 720px;
    margin: 0 auto 55px;
}

.training-eyebrow {
    display: inline-block;
    margin-bottom: 12px;
    padding: 7px 14px;
    border-radius: 30px;
    background: rgba(190, 0, 50, 0.08);
    color: #c00035;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.training-heading h2 {
    margin: 0 0 15px;
    color: #18212b;
    font-size: 44px;
    line-height: 1.15;
    font-weight: 800;
}

.training-heading h2 span {
    color: #c00035;
}

.training-heading p {
    margin: 0;
    color: #68727d;
    font-size: 16px;
    line-height: 1.7;
}


/* =========================
   MAIN LAYOUT
========================= */

.training-main {
    display: grid;
    grid-template-columns: 0.85fr 1.15fr;
    gap: 45px;
}


/* =========================
   IMAGE
========================= */

.training-image-wrap {
    position: relative;
    height: 820px;
    overflow: hidden;
    border-radius: 24px;
    box-shadow: 0 20px 50px rgba(20, 30, 40, 0.12);
}

.training-image {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.training-image-wrap:hover .training-image {
    transform: scale(1.04);
}

.image-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to top,
        rgba(10, 18, 28, 0.65),
        transparent 55%
    );
}

.training-image-badge {
    position: absolute;
    left: 25px;
    bottom: 25px;
    padding: 17px 20px;
    border-radius: 14px;
    background: rgba(255,255,255,0.94);
    backdrop-filter: blur(10px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.12);
}

.training-image-badge strong {
    display: block;
    color: #18212b;
    font-size: 16px;
    margin-bottom: 4px;
}

.training-image-badge span {
    color: #c00035;
    font-size: 13px;
    font-weight: 600;
}


/* =========================
   TRAINING CARDS
========================= */

.training-content {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.training-card {
    background: #ffffff;
    border: 1px solid #e8ebef;
    border-radius: 20px;
    padding: 27px;
    box-shadow: 0 8px 30px rgba(20, 30, 40, 0.05);
}

.featured-training {
    border-top: 4px solid #c00035;
}


/* =========================
   CARD HEADER
========================= */

.training-card-top {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 22px;
}

.training-icon {
    width: 48px;
    height: 48px;
    min-width: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: #fff1f4;
    font-size: 22px;
}

.training-label {
    display: block;
    margin-bottom: 5px;
    color: #c00035;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.2px;
}

.training-card h3 {
    margin: 0;
    color: #18212b;
    font-size: 21px;
    line-height: 1.3;
}


/* =========================
   EDUCATION LINKS
========================= */

.training-links {
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.training-links a {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    padding: 9px 10px;
    border-radius: 8px;
    color: #3c73b9;
    font-size: 19px;
    line-height: 1.4;
    text-decoration: none;
    transition: all 0.2s ease;
}

.training-links a span {
    color: #c00035;
    font-weight: 700;
}

.training-links a:hover {
    background: #f6f8fa;
    color: #c00035;
    padding-left: 14px;
}

.training-links small {
    color: #737d87;
    font-size: 12px;
    margin-left: 3px;
}


/* =========================
   TRAINING GRID
========================= */

.training-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.training-item {
    display: flex;
    align-items: center;
    gap: 9px;
    min-height: 42px;
    padding: 9px 11px;
    border-radius: 10px;
    background: #f7f8fa;
    color: #141414;
    font-size: 15px;
    line-height: 1.4;
    transition: all 0.25s ease;
}

.training-item:hover {
    background: #fff1f4;
    transform: translateY(-2px);
}

.item-icon {
    width: 21px;
    height: 21px;
    min-width: 21px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #c00035;
    color: #ffffff;
    font-size: 11px;
    font-weight: 700;
}


/* =========================
   NOTE
========================= */

.training-note {
    display: flex;
    align-items: center;
    gap: 7px;
    margin: 20px 0 0;
    padding-top: 17px;
    border-top: 1px solid #e8ebef;
    color: #141414;
    font-size: 14px;
}

.training-note span {
    color: #c00035;
}


/* =========================
   TABLET
========================= */

@media (max-width: 900px) {

    .training-main {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .training-image-wrap {
        height: 420px;
    }

    .training-heading h2 {
        font-size: 38px;
    }

}


/* =========================
   MOBILE
========================= */

@media (max-width: 600px) {

    .training-section {
        padding: 60px 16px;
    }

    .training-heading {
        margin-bottom: 35px;
    }

    .training-heading h2 {
        font-size: 32px;
    }

    .training-heading p {
        font-size: 14px;
    }

    .training-image-wrap {
        height: 350px;
        border-radius: 18px;
    }

    .training-card {
        padding: 20px;
        border-radius: 16px;
    }

    .training-card h3 {
        font-size: 18px;
    }

    .training-grid {
        grid-template-columns: 1fr;
    }

    .training-links a {
        font-size: 13px;
    }

}


.resources-section {
    padding: 90px 20px;
    background: #f7f8fa;
    font-family: Montserrat
}

.resources-container {
    max-width: 1180px;
    margin: 0 auto;
}


/* =========================
   HEADER
========================= */

.resources-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 40px;
    margin-bottom: 45px;
}

.resources-eyebrow {
    display: inline-block;
    margin-bottom: 10px;
    padding: 7px 14px;
    border-radius: 30px;
    background: rgba(190, 0, 50, 0.08);
    color: #c00035;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.resources-header h2 {
    margin: 0;
    color: #18212b;
    font-size: 42px;
    line-height: 1.15;
    font-weight: 800;
}

.resources-header h2 span {
    color: #c00035;
}

.resources-header p {
    max-width: 440px;
    margin: 0;
    color: #6b7480;
    font-size: 15px;
    line-height: 1.7;
}


/* =========================
   MAIN LAYOUT
========================= */

.resources-layout {
    display: grid;
    grid-template-columns: 380px 1fr;
    gap: 35px;
    align-items: stretch;
}


/* =========================
   IMAGE
========================= */

.resources-image-box {
    position: relative;
    min-height: 650px;
    overflow: hidden;
    border-radius: 24px;
    background: #18212b;
    box-shadow: 0 20px 50px rgba(20, 30, 40, 0.12);
}

.resources-image-box img {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.resources-image-box:hover img {
    transform: scale(1.04);
}

.resources-image-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to top,
        rgba(12, 20, 30, 0.88),
        rgba(12, 20, 30, 0.05) 65%
    );
}

.resources-image-content {
    position: absolute;
    left: 28px;
    right: 28px;
    bottom: 28px;
    color: #ffffff;
}

.resources-image-icon {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
    border-radius: 14px;
    background: #c00035;
    font-size: 20px;
}

.resources-image-content h3 {
    margin: 0 0 8px;
    font-size: 24px;
    font-weight: 800;
}

.resources-image-content p {
    max-width: 270px;
    margin: 0;
    color: rgba(255,255,255,0.78);
    font-size: 13px;
    line-height: 1.6;
}


/* =========================
   RESOURCE LIST
========================= */

.resources-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.resource-item {
    display: flex;
    align-items: center;
    gap: 15px;
    min-height: 55px;
    padding: 12px 15px;
    border: 1px solid #e5e8ec;
    border-radius: 13px;
    background: #ffffff;
    text-decoration: none;
    box-shadow: 0 4px 18px rgba(20, 30, 40, 0.035);
    transition: all 0.25s ease;
}

.resource-item:hover {
    transform: translateX(5px);
    border-color: rgba(192, 0, 53, 0.25);
    box-shadow: 0 8px 25px rgba(20, 30, 40, 0.08);
}


/* =========================
   RESOURCE ICON
========================= */

.resource-icon {
    width: 38px;
    height: 38px;
    min-width: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #fff1f4;
    color: #c00035;
    font-size: 17px;
    font-weight: 700;
    transition: all 0.25s ease;
}

.resource-item:hover .resource-icon {
    background: #c00035;
    color: #ffffff;
}


/* =========================
   TEXT
========================= */

.resource-text {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 3px;
}

.resource-text strong {
    color: #26313c;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.35;
}

.resource-text span {
    color: #8a939d;
    font-size: 13px;
    line-height: 1.3;
}


/* =========================
   ARROW
========================= */

.resource-arrow {
    color: #a1a8af;
    font-size: 18px;
    transition: all 0.25s ease;
}

.resource-item:hover .resource-arrow {
    color: #c00035;
    transform: translateX(4px);
}


/* =========================
   TABLET
========================= */

@media (max-width: 900px) {

    .resources-header {
        align-items: flex-start;
        flex-direction: column;
    }

    .resources-layout {
        grid-template-columns: 300px 1fr;
        gap: 25px;
    }

    .resources-image-box {
        min-height: 600px;
    }

}


/* =========================
   MOBILE
========================= */

@media (max-width: 700px) {

    .resources-section {
        padding: 60px 16px;
    }

    .resources-header {
        margin-bottom: 30px;
    }

    .resources-header h2 {
        font-size: 32px;
    }

    .resources-header p {
        font-size: 14px;
    }

    .resources-layout {
        grid-template-columns: 1fr;
    }

    .resources-image-box {
        min-height: 400px;
        height: 400px;
    }

    .resource-item {
        padding: 11px 12px;
    }

    .resource-text strong {
        font-size: 13px;
    }

}

* =================================
   ABOUT SECTION
================================= */

.about-section {
    padding: 100px 20px;
    background: #f7f8fa;
    font-family: Montserrat
}

.about-container {
    max-width: 1180px;
    margin: auto;
}


/* =================================
   SECTION HEADING
================================= */

.about-heading {
    max-width: 720px;
    margin: 0 auto 65px;
    text-align: center;
}

.about-eyebrow {
    display: inline-block;
    padding: 7px 15px;
    margin-bottom: 13px;
    border-radius: 50px;
    background: rgba(192, 0, 53, 0.08);
    color: #c00035;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.about-heading h2 {
    margin: 0 0 15px;
    color: #18212b;
    font-size: 46px;
    line-height: 1.15;
    font-weight: 800;
}

.about-heading h2 span {
    color: #c00035;
}

.about-heading p {
    margin: 0;
    color: #69737e;
    font-size: 16px;
    line-height: 1.7;
}


/* =================================
   IMAGE + CONTENT GRID
================================= */

.about-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 55px;
    align-items: center;
    margin-bottom: 80px;
}


/* =================================
   IMAGES
================================= */

.about-image {
    position: relative;
    height: 500px;
    overflow: hidden;
    border-radius: 24px;
    box-shadow: 0 20px 50px rgba(20, 30, 40, 0.12);
}

.about-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.about-image:hover img {
    transform: scale(1.04);
}


/* Image Tag */

.image-tag {
    position: absolute;
    left: 22px;
    bottom: 22px;

    display: flex;
    align-items: center;
    gap: 8px;

    padding: 12px 16px;

    border-radius: 12px;

    background: rgba(255,255,255,0.94);
    backdrop-filter: blur(10px);

    color: #18212b;
    font-size: 13px;
    font-weight: 700;

    box-shadow: 0 8px 25px rgba(0,0,0,0.12);
}

.image-tag span {
    color: #c00035;
}


/* =================================
   CONTENT
================================= */

.about-content {
    position: relative;
}

.content-number {
    display: block;
    margin-bottom: 10px;

    color: #c00035;

    font-size: 32px;
    font-weight: 800;
    letter-spacing: 2px;
}

.content-label {
    display: block;
    margin-bottom: 9px;

    color: #c00035;

    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.about-content h3,
.bottom-content h3 {
    margin: 0 0 20px;

    color: #18212b;

    font-size: 30px;
    line-height: 1.25;
    font-weight: 800;
}

.about-content h3 span,
.bottom-content h3 span {
    color: #c00035;
}

.about-content p,
.bottom-content p {
    margin: 0 0 15px;

    color: #141414;

    font-size: 16px;
    line-height: 1.8;
}


/* =================================
   HIGHLIGHT
================================= */

.about-highlight {
    display: flex;
    align-items: center;
    gap: 14px;

    margin-top: 25px;
    padding: 16px;

    border: 1px solid #eceef1;
    border-radius: 14px;

    background: #ffffff;
}

.highlight-icon {
    width: 38px;
    height: 38px;
    min-width: 38px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 10px;

    background: #c00035;
    color: #ffffff;

    font-weight: bold;
}

.about-highlight strong {
    display: block;
    margin-bottom: 3px;

    color: #26313c;
    font-size: 14px;
}

.about-highlight small {
    color: #7b858f;
    font-size: 11px;
}


/* =================================
   SERVICE POINTS
================================= */

.service-points {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-top: 22px;
}

.service-points div {
    display: flex;
    align-items: center;
    gap: 8px;

    padding: 11px;

    border-radius: 10px;

    background: #ffffff;

    color: #3d4650;
    font-size: 12px;
    font-weight: 600;

    border: 1px solid #eceef1;
}

.service-points span {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 20px;
    height: 20px;

    border-radius: 50%;

    background: #fff0f3;
    color: #c00035;

    font-size: 10px;
}


/* =================================
   MISSION
================================= */

.about-mission {
    display: flex;
    align-items: center;
    gap: 25px;

    margin-bottom: 80px;
    padding: 35px;

    border-radius: 22px;

    background: #18212b;

    box-shadow: 0 20px 45px rgba(20, 30, 40, 0.12);
}

.mission-icon {
    width: 60px;
    height: 60px;
    min-width: 60px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 16px;

    background: #c00035;
    color: #ffffff;

    font-size: 24px;
}

.mission-content > span {
    display: block;
    margin-bottom: 7px;

    color: #ffb3c5;

    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.mission-content h3 {
    margin: 0 0 10px;

    color: #ffffff;

    font-size: 25px;
    font-weight: 800;
}

.mission-content p {
    max-width: 850px;
    margin: 0;

    color: rgba(255,255,255,0.68);

    font-size: 13px;
    line-height: 1.7;
}


/* =================================
   BOTTOM SECTION
================================= */

.about-bottom {
    display: grid;
    grid-template-columns: 1fr 280px;
    gap: 50px;
    align-items: center;
}

.trust-card {
    padding: 35px 25px;

    text-align: center;

    border-radius: 20px;

    background: #ffffff;

    border: 1px solid #e7e9ed;

    box-shadow: 0 10px 35px rgba(20,30,40,0.06);
}

.trust-icon {
    width: 55px;
    height: 55px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin: 0 auto 15px;

    border-radius: 50%;

    background: #fff0f3;
    color: #c00035;

    font-size: 22px;
    font-weight: bold;
}

.trust-card strong {
    display: block;

    margin-bottom: 7px;

    color: #18212b;
    font-size: 18px;
}

.trust-card span {
    color: #7a838d;
    font-size: 11px;
}


/* =================================
   TABLET
================================= */

@media (max-width: 900px) {

    .about-grid {
        gap: 30px;
    }

    .about-heading h2 {
        font-size: 40px;
    }

    .about-content h3,
    .bottom-content h3 {
        font-size: 26px;
    }

    .about-image {
        height: 430px;
    }

}


/* =================================
   MOBILE
================================= */

@media (max-width: 700px) {

    .about-section {
        padding: 65px 16px;
    }

    .about-heading {
        margin-bottom: 40px;
    }

    .about-heading h2 {
        font-size: 34px;
    }

    .about-heading p {
        font-size: 14px;
    }

    .about-grid {
        grid-template-columns: 1fr;
        gap: 30px;
        margin-bottom: 55px;
    }

    /* Image always comes first */
    .about-intro .about-image {
        order: 1;
    }

    .about-intro .about-content {
        order: 2;
    }

    .about-services .about-content {
        order: 2;
    }

    .about-services .about-image {
        order: 1;
    }

    .about-image {
        height: 380px;
        border-radius: 18px;
    }

    .about-content h3,
    .bottom-content h3 {
        font-size: 24px;
    }

    .about-content p,
    .bottom-content p {
        font-size: 13px;
    }

    .service-points {
        grid-template-columns: 1fr;
    }

    .about-mission {
        align-items: flex-start;
        flex-direction: column;
        padding: 25px;
        margin-bottom: 55px;
    }

    .mission-content h3 {
        font-size: 21px;
    }

    .about-bottom {
        grid-template-columns: 1fr;
        gap: 30px;
    }

}



/* =================================
   HOLIDAY SECTION
================================= */

.holiday-section {
    padding: 100px 20px;
    background: #f7f8fa;
    font-family: Montserrat
}

.holiday-container {
    max-width: 1050px;
    margin: 0 auto;
}


/* =================================
   HEADER
================================= */

.holiday-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;

    gap: 50px;

    margin-bottom: 45px;
}

.holiday-eyebrow {
    display: inline-block;

    padding: 7px 15px;
    margin-bottom: 12px;

    border-radius: 50px;

    background: rgba(192, 0, 53, 0.08);

    color: #c00035;

    font-size: 16px;
    font-weight: 800;

    letter-spacing: 1.5px;
}

.holiday-header h2 {
    margin: 0;

    color: #18212b;

    font-size: 44px;
    line-height: 1.15;

    font-weight: 800;
}

.holiday-header h2 span {
    color: #c00035;
}

.holiday-header p {
    max-width: 430px;

    margin: 0;

    color: #6b7480;

    font-size: 14px;
    line-height: 1.8;
}


/* =================================
   CALENDAR CARD
================================= */

.holiday-card {
    overflow: hidden;

    border: 1px solid #e5e8ec;

    border-radius: 20px;

    background: #ffffff;

    box-shadow:
        0 15px 45px rgba(20, 30, 40, 0.07);
}


/* =================================
   ROW
================================= */

.holiday-row {
    display: grid;

    grid-template-columns: 1fr 1fr;

    align-items: center;

    min-height: 57px;

    border-bottom: 1px solid #edf0f2;

    transition:
        background 0.2s ease,
        padding 0.2s ease;
}

.holiday-row:last-child {
    border-bottom: none;
}

.holiday-row:not(.holiday-head):hover {
    background: #fff8fa;
}


/* =================================
   HEADER ROW
================================= */

.holiday-head {
    min-height: 62px;

    background: #18212b;

    color: #ffffff;

    border-bottom: none;
}

.holiday-head .holiday-name,
.holiday-head .holiday-date {
    color: #ffffff;

    font-size: 15px;

    font-weight: 800;

    letter-spacing: 0.8px;

    text-transform: uppercase;
}


/* =================================
   COLUMNS
================================= */

.holiday-name,
.holiday-date {
    display: flex;

    align-items: center;

    min-height: 57px;

    padding: 10px 25px;

    font-size: 15px;
}

.holiday-name {
    color: #27313b;

    font-weight: 600;

    border-right: 1px solid #edf0f2;
}

.holiday-date {
    color: #66717c;

    font-weight: 500;
}


/* =================================
   ICON
================================= */

.holiday-icon {
    width: 27px;
    height: 27px;

    min-width: 27px;

    display: flex;

    align-items: center;
    justify-content: center;

    margin-right: 11px;

    border-radius: 8px;

    background: #fff0f3;

    color: #c00035;

    font-size: 10px;
}

.holiday-row:hover .holiday-icon {
    background: #c00035;

    color: #ffffff;
}


/* =================================
   HIGHLIGHT
================================= */

.holiday-highlight {
    background: #fff8fa;
}

.holiday-highlight .holiday-name {
    color: #c00035;
}

.holiday-highlight .holiday-icon {
    background: #c00035;
    color: #ffffff;
}


/* =================================
   OBSERVED BADGE
================================= */

.observed-badge {
    display: inline-block;

    margin-left: 10px;

    padding: 4px 8px;

    border-radius: 20px;

    background: #fff0f3;

    color: #c00035;

    font-size: 9px;

    font-weight: 800;

    text-transform: uppercase;

    letter-spacing: 0.5px;
}


/* =================================
   FOOTER NOTE
================================= */

.holiday-note {
    display: flex;

    align-items: center;

    gap: 10px;

    margin-top: 20px;

    padding: 15px 18px;

    border-radius: 12px;

    background: #ffffff;

    border: 1px solid #e8ebef;
}

.holiday-note > span {
    color: #c00035;

    font-size: 16px;
}

.holiday-note p {
    margin: 0;

    color: #141414;

    font-size: 14px;

    line-height: 1.5;
}


/* =================================
   TABLET
================================= */

@media (max-width: 800px) {

    .holiday-header {
        align-items: flex-start;

        flex-direction: column;

        gap: 20px;
    }

}


/* =================================
   MOBILE
================================= */

@media (max-width: 600px) {

    .holiday-section {
        padding: 65px 15px;
    }

    .holiday-header {
        margin-bottom: 30px;
    }

    .holiday-header h2 {
        font-size: 34px;
    }

    .holiday-header p {
        font-size: 13px;
    }


    /* Turn each row into a small card */

    .holiday-card {
        border-radius: 16px;

        border: none;

        background: transparent;

        box-shadow: none;

        overflow: visible;
    }

    .holiday-head {
        display: none;
    }

    .holiday-row {
        display: block;

        min-height: auto;

        margin-bottom: 10px;

        padding: 15px;

        border: 1px solid #e5e8ec;

        border-radius: 13px;

        background: #ffffff;

        box-shadow:
            0 5px 18px rgba(20,30,40,0.04);
    }

    .holiday-name,
    .holiday-date {
        min-height: auto;

        padding: 0;

        border: none;
    }

    .holiday-name {
        margin-bottom: 8px;

        font-size: 13px;
    }

    .holiday-date {
        padding-left: 38px;

        color: #141414;

        font-size: 11px;
    }

    .holiday-icon {
        width: 27px;
        height: 27px;
    }

    .holiday-highlight {
        border: 1px solid rgba(192,0,53,0.2);

        background: #fff8fa;
    }

    .observed-badge {
        margin-left: 6px;
    }

    .holiday-note {
        align-items: flex-start;
    }

}

/* =================================
   PAY STUB SECTION
================================= */

.paystub-section {
    padding: 100px 20px;
    background: #f7f8fa;
    font-family: Montserrat
}

.paystub-container {
    max-width: 1180px;
    margin: 0 auto;
}


/* =================================
   HEADER
================================= */

.paystub-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 50px;
    margin-bottom: 50px;
}

.paystub-eyebrow {
    display: inline-block;
    padding: 7px 15px;
    margin-bottom: 12px;

    border-radius: 50px;

    background: rgba(192, 0, 53, 0.08);
    color: #c00035;

    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.paystub-header h2 {
    margin: 0;

    color: #18212b;

    font-size: 44px;
    line-height: 1.15;
    font-weight: 800;
}

.paystub-header h2 span {
    color: #c00035;
}

.paystub-header p {
    max-width: 470px;
    margin: 0;

    color: #6b7480;

    font-size: 14px;
    line-height: 1.8;
}


/* =================================
   MAIN
================================= */

.paystub-main {
    display: grid;

    grid-template-columns: 0.95fr 1.05fr;

    gap: 50px;

    align-items: center;
}


/* =================================
   IMAGE
================================= */

.paystub-image {
    position: relative;

    height: 540px;

    overflow: hidden;

    border-radius: 24px;

    box-shadow:
        0 20px 50px rgba(20, 30, 40, 0.12);
}

.paystub-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition: transform 0.5s ease;
}

.paystub-image:hover img {
    transform: scale(1.04);
}

.paystub-image-overlay {
    position: absolute;

    inset: 0;

    background: linear-gradient(
        to top,
        rgba(15, 23, 32, 0.75),
        transparent 60%
    );
}


/* =================================
   IMAGE BADGE
================================= */

.paystub-image-badge {
    position: absolute;

    left: 24px;
    right: 24px;
    bottom: 24px;

    display: flex;
    align-items: center;

    gap: 12px;

    padding: 16px;

    border-radius: 14px;

    background: rgba(255,255,255,0.94);

    backdrop-filter: blur(10px);

    box-shadow:
        0 10px 30px rgba(0,0,0,0.12);
}

.paystub-image-badge > span {
    width: 40px;
    height: 40px;

    min-width: 40px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 11px;

    background: #c00035;

    color: #ffffff;

    font-weight: bold;
}

.paystub-image-badge strong {
    display: block;

    margin-bottom: 3px;

    color: #18212b;

    font-size: 16px;
}

.paystub-image-badge small {
    color: #7a838d;

    font-size: 16px;
}


/* =================================
   CONTENT
================================= */

.paystub-content {
    max-width: 570px;
}

.paystub-number {
    display: block;

    margin-bottom: 10px;

    color: #c00035;

    font-size: 12px;
    font-weight: 800;

    letter-spacing: 2px;
}

.paystub-content h3 {
    margin: 0 0 17px;

    color: #18212b;

    font-size: 31px;
    line-height: 1.25;

    font-weight: 800;
}

.paystub-content h3 span {
    color: #c00035;
}

.paystub-content > p {
    margin: 0 0 23px;

    color: #69737e;

    font-size: 16px;
    line-height: 1.8;
}


/* =================================
   LOGIN CARD
================================= */

.paystub-login {
    display: flex;
    align-items: center;

    gap: 14px;

    padding: 17px;

    margin-bottom: 13px;

    border: 1px solid #e6e9ed;

    border-radius: 15px;

    background: #ffffff;

    text-decoration: none;

    box-shadow:
        0 5px 20px rgba(20,30,40,0.04);

    transition: all 0.25s ease;
}

.paystub-login:hover {
    transform: translateY(-3px);

    border-color: rgba(192,0,53,0.25);

    box-shadow:
        0 10px 30px rgba(20,30,40,0.09);
}

.login-icon {
    width: 43px;
    height: 43px;

    min-width: 43px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 11px;

    background: #c00035;

    color: #ffffff;

    font-size: 18px;
}

.login-text {
    display: flex;
    flex-direction: column;

    gap: 3px;

    flex: 1;
}

.login-text strong {
    color: #26313c;

    font-size: 17px;
}

.login-text span {
    color: #89919a;

    font-size: 14px;
}

.login-arrow {
    color: #a1a8af;

    font-size: 19px;

    transition: all 0.25s ease;
}

.paystub-login:hover .login-arrow {
    color: #c00035;
    transform: translateX(4px);
}


/* =================================
   CONTACT
================================= */

.paystub-contact {
    display: flex;
    align-items: center;

    gap: 13px;

    padding: 15px 17px;

    margin-bottom: 22px;

    border-radius: 14px;

    background: #18212b;
}

.contact-icon {
    width: 39px;
    height: 39px;

    min-width: 39px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 10px;

    background: rgba(255,255,255,0.1);

    color: #ffffff;

    font-size: 16px;
}

.paystub-contact span {
    display: block;

    margin-bottom: 3px;

    color: #aeb7c0;

    font-size: 14px;

    text-transform: uppercase;

    letter-spacing: 1px;
}

.paystub-contact strong {
    display: block;

    color: #ffffff;

    font-size: 17px;
}

.paystub-contact strong small {
    color: #cbd1d6;

    font-size: 14px;

    font-weight: 400;
}

.paystub-contact p {
    margin: 3px 0 0;

    color: #929ca5;

    font-size: 14px;
}


/* =================================
   RESOURCES
================================= */

.resources-title {
    display: block;

    margin-bottom: 9px;

    color: #18212b;

    font-size: 11px;

    font-weight: 800;

    text-transform: uppercase;

    letter-spacing: 1px;
}

.paystub-resources {
    display: flex;
    flex-direction: column;

    gap: 8px;
}

.paystub-resources a {
    display: flex;
    align-items: center;

    gap: 10px;

    padding: 10px 11px;

    border-radius: 9px;

    color: #3975ba;

    background: #ffffff;

    border: 1px solid #edf0f2;

    text-decoration: none;

    font-size: 15px;

    transition: all 0.2s ease;
}

.paystub-resources a:hover {
    color: #c00035;

    background: #fff8fa;

    transform: translateX(4px);
}

.paystub-resources a > span {
    padding: 4px 6px;

    border-radius: 5px;

    background: #fff0f3;

    color: #c00035;

    font-size: 8px;

    font-weight: 800;
}

.paystub-resources a b {
    margin-left: auto;

    color: #a5acb4;

    font-size: 15px;
}

.paystub-resources a:hover b {
    color: #c00035;
}


/* =================================
   TABLET
================================= */

@media (max-width: 900px) {

    .paystub-header {
        flex-direction: column;

        align-items: flex-start;

        gap: 20px;
    }

    .paystub-main {
        grid-template-columns: 300px 1fr;

        gap: 30px;
    }

    .paystub-image {
        height: 520px;
    }

}


/* =================================
   MOBILE
================================= */

@media (max-width: 700px) {

    .paystub-section {
        padding: 65px 16px;
    }

    .paystub-header {
        margin-bottom: 35px;
    }

    .paystub-header h2 {
        font-size: 34px;
    }

    .paystub-header p {
        font-size: 13px;
    }

    .paystub-main {
        grid-template-columns: 1fr;

        gap: 30px;
    }

    .paystub-image {
        height: 380px;

        border-radius: 18px;
    }

    .paystub-content h3 {
        font-size: 26px;
    }

    .paystub-content > p {
        font-size: 13px;
    }

}
ul.sub-menu {
    top: 80% !important;
}.elementor-31658 .elementor-element.elementor-element-d0a219d > .elementor-widget-container {
    border: none !important;
}


.contact-section {
    padding: 90px 20px;
    background: #f7f9fc;
}

.contact-container {
    max-width: 1200px;
    margin: 0 auto;
}


/* =========================
   HEADING
========================= */

.contact-heading {
    text-align: center;
    max-width: 700px;
    margin: 0 auto 55px;
}

.contact-heading span {
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    color: #c01538;
    margin-bottom: 10px;
}

.contact-heading h2 {
    margin: 0 0 15px;
    font-size: 42px;
    line-height: 1.2;
    color: #172033;
    font-weight: 700;
}

.contact-heading p {
    margin: 0;
    color: #141414;
    font-size: 18px;
    line-height: 1.7;
}


/* =========================
   OFFICE CARD
========================= */

.office-card {
    display: grid;
    grid-template-columns: 40% 60%;
    background: #ffffff;
    border-radius: 22px;
    overflow: hidden;
    margin-bottom: 35px;

    box-shadow: 0 15px 45px rgba(23, 32, 51, 0.08);

    border: 1px solid #e9edf4;
}


/* =========================
   OFFICE INFO
========================= */

.office-info {
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.office-top {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 32px;
}

.office-icon {
    width: 52px;
    height: 52px;
    min-width: 52px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #eaf2ff;
    color: #c01538;

    border-radius: 14px;
}

.office-icon svg {
    width: 25px;
    height: 25px;
}

.office-label {
    display: block;
    font-size: 11px;
    letter-spacing: 1.5px;
    color: #8a94a6;
    font-weight: 700;
    margin-bottom: 4px;
}

.office-top h3 {
    margin: 0;
    font-size: 25px;
    color: #172033;
    font-weight: 700;
}


/* =========================
   DETAILS
========================= */

.office-details {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.detail-item {
    display: flex;
    align-items: flex-start;
    gap: 13px;
}

.detail-icon {
    width: 38px;
    min-width: 38px;
    height: 38px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #f3f6fa;
    border-radius: 8px;

    font-size: 20px;
}

.detail-item p {
    margin: 0;
    color: #141414;
    font-size: 18px;
    line-height: 1.6;
}

.detail-item strong {
    color: #263247;
}

.detail-item a {
    color: #c01538;
    text-decoration: none;
    transition: 0.25s ease;
}

.detail-item a:hover {
    color: #003581;
}


/* =========================
   BUTTON
========================= */

.direction-btn {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;

    width: 175px;

    margin-top: 30px;
    padding: 13px 21px;

    background: #c01538;
    color: #ffffff;

    border-radius: 9px;

    text-decoration: none;
    font-size: 15px;
    font-weight: 600;

    transition: all 0.3s ease;
}

.direction-btn span {
    font-size: 18px;
    line-height: 1;
}

.direction-btn:hover {
    background: #333;
    transform: translateY(-2px);
    color: #ffffff;
}


/* =========================
   MAP AREA
========================= */

.office-map {
    padding: 18px;
    background: #f1f4f8;
}

.map-header {
    display: flex;
    justify-content: space-between;
    align-items: center;

    padding: 10px 10px 16px;
}

.map-header span {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.4px;
    color: #8a94a6;
}

.map-header h4 {
    margin: 4px 0 0;
    font-size: 17px;
    color: #172033;
}

.map-header a {
    color: #c01538;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
}

.map-header a:hover {
    text-decoration: underline;
}


/* Map */

.map-frame {
    width: 100%;
    height: 360px;
    overflow: hidden;

    border-radius: 15px;

    background: #dfe5ec;
}

.map-frame iframe {
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
}


/* =========================
   RESPONSIVE
========================= */

@media (max-width: 991px) {

    .office-card {
        grid-template-columns: 1fr;
    }

    .office-info {
        padding: 35px;
    }

    .office-map {
        padding: 15px;
    }

    .map-frame {
        height: 320px;
    }

}


@media (max-width: 600px) {

    .contact-section {
        padding: 60px 15px;
    }

    .contact-heading {
        margin-bottom: 35px;
    }

    .contact-heading h2 {
        font-size: 32px;
    }

    .contact-heading p {
        font-size: 14px;
    }

    .office-card {
        border-radius: 16px;
    }

    .office-info {
        padding: 25px 20px;
    }

    .office-top h3 {
        font-size: 21px;
    }

    .map-header {
        align-items: flex-start;
        gap: 10px;
    }

    .map-header a {
        font-size: 11px;
    }

    .map-frame {
        height: 280px;
    }

}
.modern-form-wrapper {
    width: 100%;
    max-width: 1170px;
    margin: 0px auto;
    padding: 32px 36px 0px;
    background: #000;
    box-sizing: border-box;
}

/* Remove Bootstrap column spacing */
.modern-form-wrapper *,
.modern-form-wrapper *:before,
.modern-form-wrapper *:after {
    box-sizing: border-box;
}

/* =========================================
   SECTION LABELS
========================================= */

.modern-form-label {
    display: block;
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    margin: 0 0 8px;
}

/* =========================================
   RADIO / CHECKBOX
========================================= */

.modern-radio-group,
.modern-checkbox-group {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 24px;
    margin-bottom: 14px;
}

.modern-radio-group label,
.modern-checkbox-group label {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin: 0;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    cursor: pointer;
}

/* Actual radio and checkbox */
.modern-radio-group input[type="radio"],
.modern-checkbox-group input[type="checkbox"] {
    width: 13px !important;
    height: 13px !important;
    margin: 0;
    padding: 0 !important;
    cursor: pointer;
    appearance: auto;
    -webkit-appearance: auto;
    box-shadow: none !important;
}

/* =========================================
   INPUT GRID
========================================= */

.modern-fields-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px 12px;
    margin-bottom: 16px;
}

.modern-field {
    width: 100%;
}

/* =========================================
   INPUTS / TEXTAREA
========================================= */

.modern-form-wrapper input[type="text"],
.modern-form-wrapper input[type="email"],
.modern-form-wrapper input[type="tel"],
.modern-form-wrapper textarea {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 0;
    background: #fff;
    color: #333;
    font-size: 11px;
    outline: none;
    transition: 0.2s ease;
}

/* Text inputs */
.modern-form-wrapper input[type="text"],
.modern-form-wrapper input[type="email"],
.modern-form-wrapper input[type="tel"] {
    height: 30px;
    padding: 7px 10px;
}

/* Placeholder */
.modern-form-wrapper input::placeholder,
.modern-form-wrapper textarea::placeholder {
    color: #777;
    opacity: 1;
}

/* Focus */
.modern-form-wrapper input[type="text"]:focus,
.modern-form-wrapper input[type="email"]:focus,
.modern-form-wrapper input[type="tel"]:focus,
.modern-form-wrapper textarea:focus {
    border-color: #ff7200;
    box-shadow: 0 0 0 2px rgba(255, 114, 0, 0.15);
}

/* =========================================
   PHONE TYPE
========================================= */

.modern-section {
    margin-bottom: 15px;
}

/* =========================================
   SERVICES
========================================= */

.services-group {
    margin-bottom: 15px;
}

.services-group .modern-checkbox-group {
    gap: 10px 24px;
}

/* =========================================
   HEAR ABOUT US
========================================= */

.hear-field {
    width: 50%;
    margin-bottom: 14px;
}

/* =========================================
   COMMENTS
========================================= */

.comments-field textarea {
    height: 90px;
    padding: 9px 10px;
    resize: vertical;
    display: block;
}

/* =========================================
   RECAPTCHA
========================================= */

.recaptcha-wrapper {
    margin-top: 18px;
    margin-bottom: 18px;
}

/* =========================================
   SUBMIT BUTTON
========================================= */

.modern-submit-wrapper {
    text-align: center;
    margin-top: 25px;
}

.modern-submit {
    display: inline-block;
    min-width: 90px;
    height: 31px;
    padding: 0 22px;

    border: 0;
    border-radius: 20px;

    background: #ff7200;
    color: #000;

    font-size: 12px;
    font-weight: 700;
    line-height: 31px;

    cursor: pointer;
    transition: all 0.25s ease;
}

.modern-submit:hover {
    background: #fff;
    color: #000;
    transform: translateY(-2px);
}

.fbox-number{
    display:none;
}
#my-reg-form * {
    color: #fff;
}
form.resignation_form * {
    color: #fff;
}

form.resignation_form textarea{
    background:transparent !important;
    border: 1px solid #fff !important;
}
form.resignation_form .form-field {
    margin-bottom: 20px;
}
form.resignation_form input[type=checkbox]{
    top:0 !important;
}

/*form.resignation_form input,*/
/*form.resignation_form textarea,*/
/*form.resignation_form select{*/
/*    background: transparent;*/
/*}*/
/*form.resignation_form {*/
/*    background: #000;*/
/*        padding: 30px;*/
/*}*/
/* =========================================
   MOBILE
========================================= */
.elementor-31658 .elementor-element.elementor-element-376f09b img{
        height: 400px !important;
    object-fit: cover !important;
}
@media (max-width: 767px) {

    .modern-form-wrapper {
        padding: 25px 20px 30px;
        margin: 20px auto;
    }

    .modern-fields-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .hear-field {
        width: 100%;
    }

    .modern-radio-group,
    .modern-checkbox-group {
        gap: 10px 16px;
    }

    .recaptcha-wrapper {
        overflow-x: auto;
    }
}



/* =========================================================
   FORM RESET / ISOLATED MODERN DESIGN
========================================================= */

#my-reg-form {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 30px 35px 0px !important;
    background: #000 !important;
    display: block !important;
    float: none !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

/* Remove Bootstrap column behavior */
#my-reg-form .col-xs-12,
#my-reg-form .col-sm-12,
#my-reg-form .col-sm-6 {
    width: auto !important;
    float: none !important;
    padding: 0 !important;
    margin: 0 !important;
    position: static !important;
}

/* Remove Bootstrap form-inline behavior */
#my-reg-form.form-inline {
    display: block !important;
}

/* =========================================================
   GENERAL
========================================================= */

#my-reg-form .form-group,
#my-reg-form .form-field,
#my-reg-form .modern-field {
    width: 100% !important;
    padding: 0 !important;
    float: none !important;
    display: block !important;
}

#my-reg-form br {
    display: none;
}


/* =========================================================
   LABELS / SECTION HEADINGS
========================================================= */

#my-reg-form .modern-form-label {
    display: block !important;
    color: #fff !important;
    font-size: 16px !important;
    line-height: 18px !important;
    margin: 0 0 9px !important;
    padding: 0 !important;
    font-weight: 400 !important;
}
::placeholder {
    font-size: 16px !important;
    color:#fff !important;
}

input{
        font-size: 16px !important;

}

/* =========================================================
   RADIO GROUPS
========================================================= */

#my-reg-form .modern-radio-group {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px 28px !important;
    width: 100% !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
}

#my-reg-form .modern-radio-group label {
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    color: #fff !important;
    font-size: 15px !important;
    line-height: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-weight: normal !important;
}

#my-reg-form .modern-radio-group input[type="radio"] {
    display: inline-block !important;
    width: 13px !important;
    height: 13px !important;
    min-width: 13px !important;
    margin: 0 5px 0 0 !important;
    padding: 0 !important;
    vertical-align: middle !important;
}


/* =========================================================
   TWO COLUMN INPUTS
========================================================= */

#my-reg-form .modern-fields-grid {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 14px 12px !important;
    margin: 0 0 20px !important;
    padding: 0 !important;
}

#my-reg-form .modern-field {
    width: 100% !important;
    min-width: 0 !important;
}


/* =========================================================
   INPUTS
========================================================= */

#my-reg-form input[type="text"],
#my-reg-form input[type="email"],
#my-reg-form input[type="tel"] {
    display: block !important;
    width: 100% !important;
    height: 35px !important;
    min-height: 30px !important;

    margin: 0;
    padding: 6px 10px !important;

    border: 1px solid #fff !important;
    border-radius: 0 !important;

    background: transparent !important;
    color: #fff !important;

    font-size: 16px !important;
    font-weight: normal !important;

    line-height: 17px !important;
    box-shadow: none !important;
    outline: none !important;

    box-sizing: border-box !important;
}

#my-reg-form input::placeholder,
#my-reg-form textarea::placeholder {
    color: #fff !important;
    opacity: 1 !important;
}

#my-reg-form input[type=submit]{
        z-index: 9999;
}


/* =========================================================
   INPUT FOCUS
========================================================= */

#my-reg-form input[type="text"]:focus,
#my-reg-form input[type="email"]:focus,
#my-reg-form input[type="tel"]:focus,
#my-reg-form textarea:focus {
    border-color: #c01538 !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(255,114,0,.15) !important;
}


/* =========================================================
   PHONE TYPE
========================================================= */

#my-reg-form .modern-section {
    width: 100% !important;
    margin: 20px 0 18px !important;
    padding: 0 !important;
}
.modern-form-wrapper {
    margin-bottom: -20px;
}

/* =========================================================
   SERVICES
========================================================= */

#my-reg-form .services-group {
    width: 100% !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
}

#my-reg-form .services-group .modern-checkbox-group {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;

    gap: 9px 25px !important;

    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

#my-reg-form .modern-checkbox-group label {
    display: inline-flex !important;
    align-items: center !important;

    width: auto !important;

    color: #fff !important;
    font-size: 15px !important;
    line-height: 16px !important;

    margin: 0 !important;
    padding: 0 !important;

    font-weight: normal !important;
}

#my-reg-form .modern-checkbox-group input[type="checkbox"] {
    display: inline-block !important;

    width: 13px !important;
    height: 13px !important;
    min-width: 13px !important;

    margin: 0 5px 0 0 !important;
    padding: 0 !important;

    vertical-align: middle !important;
        position: relative;
    top: 0px;
}


/* =========================================================
   HOW DID YOU HEAR
========================================================= */

#my-reg-form .hear-field {
    width: 50% !important;
    margin: 0 0 14px !important;
    padding: 0 !important;
}


/* =========================================================
   COMMENTS
========================================================= */

#my-reg-form .comments-field {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

#my-reg-form .comments-field textarea,
#my-reg-form textarea#message {
    display: block !important;

    width: 100% !important;
    height: 90px !important;

    margin: 0 !important;
    padding: 9px 10px !important;

    border: 1px solid #fff !important;
    border-radius: 0 !important;

    background: transparent !important;
    color: #fff !important;

    font-size: 11px !important;

    line-height: 17px !important;

    resize: vertical !important;

    box-shadow: none !important;
    outline: none !important;

    box-sizing: border-box !important;
}


/* =========================================================
   RECAPTCHA
========================================================= */

#my-reg-form .recaptcha-wrapper {
    width: 100% !important;
    margin: 18px 0 !important;
    padding: 0 !important;
    display: block !important;
}

#my-reg-form .g-recaptcha {
    display: block !important;
}


/* =========================================================
   SUBMIT
========================================================= */

#my-reg-form .modern-submit-wrapper {
    width: 100% !important;

    display: flex !important;
    justify-content: center !important;
    align-items: center !important;

    margin: 25px 0 0 !important;
    padding: 0 !important;
}

#my-reg-form input.modern-submit,
#my-reg-form input[type="submit"] {
    display: inline-block !important;

    width: auto !important;
    min-width: 110px !important;
    height: 31px !important;
    padding: 0 22px !important;

    border: 0 !important;
    border-radius: 20px !important;

    background: #c01538 !important;
    color: #fff !important;

    font-size: 15px !important;
    font-weight: 700 !important;

    line-height: 31px !important;
    text-align: center !important;
    text-transform: uppercase !important;

    cursor: pointer !important;

    box-shadow: none !important;
    transition: all .25s ease !important;
    margin-left:0px;

}

#my-reg-form input.modern-submit:hover,
#my-reg-form input[type="submit"]:hover {
    background: #fff !important;
    color: #000 !important;
    transform: translateY(-2px);
}


textarea{
    color:#fff !important;
}


/* =========================================================
   MOBILE
========================================================= */
#my-reg-form textarea {
    height: 100px;
    width: 100%;
}
@media (max-width: 767px) {

    #my-reg-form {
        padding: 25px 20px 30px !important;
    }

    #my-reg-form .modern-fields-grid {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    #my-reg-form .hear-field {
        width: 100% !important;
    }

    #my-reg-form .modern-radio-group,
    #my-reg-form .services-group .modern-checkbox-group {
        gap: 10px 16px !important;
    }
}


@media (max-width: 767px) {
    
    rs-slides a {
        display:none !important;
    }

    .mission-section {
        min-height: auto;
                left: 0;
        width: 100%;
    }

    .mission-container {
        padding: 25px 15px 0;
    }

    .mission-top {
        padding: 0 10px 30px;
    }

    .mission-top h2 {
        font-size: 25px;
        line-height: 1.25;
    }

    .mission-top h2 br {
        display: none;
    }

    .mission-cards {
        grid-template-columns: 1fr;
    }

    .mission-card {
        min-height: auto;
        padding: 25px 20px;

        border-right: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    }

    .mission-card:last-child {
        border-bottom: none;
    }

}



/* =================================
   OUR SERVICES
================================= */

.services-section {
    padding: 100px 20px;
    background: #f7f8fa;
    font-family: Montserrat
}

.services-container {
    max-width: 1180px;
    margin: 0 auto;
}


/* =================================
   HEADER
================================= */

.services-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;

    gap: 50px;
    margin-bottom: 50px;
}

.services-eyebrow {
    display: inline-block;

    padding: 7px 15px;
    margin-bottom: 12px;

    border-radius: 50px;

    background: rgba(192, 0, 53, 0.08);

    color: #c00035;

    font-size: 11px;
    font-weight: 800;

    letter-spacing: 1.5px;
}

.services-header h2 {
    margin: 0;

    color: #18212b;

    font-size: 44px;
    line-height: 1.15;
    font-weight: 800;
}

.services-header h2 span {
    color: #c00035;
}

.services-header > p {
    max-width: 500px;

    margin: 0;

    color: #6b7480;

    font-size: 15px;
    line-height: 1.8;
}


/* =================================
   MAIN LAYOUT
================================= */

.services-layout {
    display: grid;

    grid-template-columns: 0.9fr 1.1fr;

    gap: 45px;

    align-items: stretch;
}


/* =================================
   IMAGE
================================= */

.services-image {
    position: relative;

    min-height: 650px;

    overflow: hidden;

    border-radius: 24px;

    box-shadow:
        0 20px 50px rgba(20, 30, 40, 0.12);
}

.services-image img {
    position: absolute;

    inset: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;

    transition: transform 0.5s ease;
}

.services-image:hover img {
    transform: scale(1.04);
}


/* Image Overlay */

.services-image-overlay {
    position: absolute;

    inset: 0;

    background: linear-gradient(
        to top,
        rgba(15, 23, 32, 0.85),
        rgba(15, 23, 32, 0.05) 65%
    );
}


/* Image Caption */

.services-image-caption {
    position: absolute;

    left: 25px;
    right: 25px;
    bottom: 25px;

    display: flex;
    align-items: center;

    gap: 13px;

    padding: 16px;

    border-radius: 14px;

    background: rgba(255,255,255,0.94);

    backdrop-filter: blur(10px);

    box-shadow:
        0 10px 30px rgba(0,0,0,0.15);
}

.services-image-caption > span {
    width: 40px;
    height: 40px;

    min-width: 40px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 11px;

    background: #c00035;

    color: #ffffff;

    font-size: 17px;
}

.services-image-caption strong {
    display: block;

    margin-bottom: 3px;

    color: #18212b;

    font-size: 14px;
}

.services-image-caption small {
    color: #7b858f;

    font-size: 11px;
}


/* =================================
   SERVICES LIST
================================= */

.services-list {
    display: flex;

    flex-direction: column;

    gap: 14px;
}


/* =================================
   SERVICE CARD
================================= */

.service-card {
    position: relative;

    display: flex;

    align-items: flex-start;

    gap: 18px;

    padding: 23px;

    border: 1px solid #e5e8ec;

    border-radius: 17px;

    background: #ffffff;

    box-shadow:
        0 5px 20px rgba(20,30,40,0.035);

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease;
}

.service-card:hover {
    transform: translateX(6px);

    border-color: rgba(192,0,53,0.25);

    box-shadow:
        0 12px 30px rgba(20,30,40,0.08);
}


/* =================================
   NUMBER
================================= */

.service-number {
    width: 42px;
    height: 42px;

    min-width: 42px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 11px;

    background: #fff0f3;

    color: #c00035;

    font-size: 12px;

    font-weight: 800;

    letter-spacing: 0.5px;

    transition: all 0.25s ease;
}

.service-card:hover .service-number {
    background: #c00035;

    color: #ffffff;
}


/* =================================
   SERVICE TEXT
================================= */

.service-info {
    flex: 1;
}

.service-info h3 {
    margin: 1px 0 8px;

    color: #18212b;

    font-size: 20px;

    font-weight: 800;
}

.service-info p {
    margin: 0;

    color: #6b7480;

    font-size: 13px;

    line-height: 1.75;
}


/* =================================
   ARROW
================================= */

.service-arrow {
    color: #a5acb4;

    font-size: 20px;

    transition:
        color 0.25s ease,
        transform 0.25s ease;
}

.service-card:hover .service-arrow {
    color: #c00035;

    transform: translateX(4px);
}


/* =================================
   TABLET
================================= */

@media (max-width: 900px) {

    .services-header {
        align-items: flex-start;

        flex-direction: column;

        gap: 20px;
    }

    .services-layout {
        grid-template-columns: 300px 1fr;

        gap: 25px;
    }

    .services-image {
        min-height: 600px;
    }

}


/* =================================
   MOBILE
================================= */

@media (max-width: 700px) {

    .services-section {
        padding: 65px 16px;
    }

    .services-header {
        margin-bottom: 35px;
    }

    .services-header h2 {
        font-size: 34px;
    }

    .services-header > p {
        font-size: 14px;
    }

    .services-layout {
        grid-template-columns: 1fr;

        gap: 30px;
    }

    .services-image {
        height: 400px;

        min-height: 400px;

        border-radius: 18px;
    }

    .service-card {
        padding: 18px;

        gap: 12px;
    }

    .service-number {
        width: 36px;
        height: 36px;

        min-width: 36px;

        font-size: 10px;
    }

    .service-info h3 {
        font-size: 18px;
    }

    .service-info p {
        font-size: 12px;

        line-height: 1.7;
    }

    .service-arrow {
        display: none;
    }

}