/*
Theme Name: Work Place Compliance Hub
Theme URI: https://workplacecompliancehub.com/
Author: innosoftworks
Author URI: https://innosoftworks.com/
Description: Wordpress theme designed for Work Place Compliance.
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: workplacecompliancehub
Tags: one-column, two-columns, custom-menu, featured-images, left-sidebar, right-sidebar
*/


*{margin: 0;padding: 0;box-sizing: border-box;}
:root{
  --primary:#3D8FA8;
  --primary-hover:#309E8E;
  --bg-color:#FFFAF2;
  --warning:#FFD082;
  --black:#000000;
  --white:#ffffff;
  --off-white:#F3F9FB;
  --danger:#FD4E54;
  --white-hover:#E3E8FA;
  --success:#769C30;
  --font1:"Manrope";

}

/* utlis */
.g-32{height:32px;}

body{font-size: 16px;font-family: var(--font1); overflow-x:hidden}
ul, ol{padding: 0;list-style: none;margin: 0;}
li{padding: 0;margin: 0;}
a{display: inline-block;color: var(--black);text-decoration: none;}
img{max-width: 100%;object-fit: cover;}
h1, h2, h3, h4, h5, h6{font-weight: 700;}
h1{font-size: 32px;line-height: 38px;}
h2{font-size: 28px;line-height: 36px;}
h3{font-size: 24px;line-height: 32px;}
h4{font-size: 20px;line-height: 28px;}
h6{font-size: 16px;line-height: 22px;}
p{font-size: 16px;line-height: 24px;font-weight: 500;}

.form-select, .form-control{box-shadow: none;border: none ;}
.form-select:focus, .form-control:focus{box-shadow: none;border: none;}

/* buttons */
.btn-primary{background-color: var(--primary);border: 1px solid var(--primary);border-radius: 20px;font-size: 16px;font-weight: 700;font-family: var(--font1);padding: 15px 24px;display: flex; align-items: center;justify-content: center;gap: 0 11px;width: fit-content;}
.btn-primary:hover{background-color: var(--primary-hover);color: var(--white);border-color: var(--primary-hover);}
.btn-primary:active{background-color: var(--primary-hover) !important;color: var(--white);border-color: var(--primary-hover) !important;}

.btn-white{background-color: var(--white);border: 1px solid var(--primary);border-radius: 20px;font-size: 16px;font-weight: 700;font-family: var(--font1);padding: 15px 24px;display: flex; align-items: center;justify-content: center;gap: 0 11px;width: fit-content;color: var(--primary);}
.btn-white:hover{background-color: transparent;color: var(--black);border-color: var(--black);}

.check-list ul li{position: relative;display: flex;align-items: baseline;}
.check-list ul li::before{content: "";display: inline-block;width: 14px;height: 14px;min-width: 14px;background: url('images/icons/check-list.svg') no-repeat;background-position: center;background-size: contain;margin-right: 5px;position: relative;top: 2px;}

header {position: relative; z-index: 2; top:0; right:0; left:0; padding:0;}
header .top-bar{background: var(--white);padding: 25px 0;}
header .top-bar ul{display: flex;align-items: center;justify-content: end;gap: 24px;}
header .top-bar ul li a{display: flex;align-items: center;gap: 8px;}
header .top-bar ul li select{border: none;box-shadow: none;outline: none;}
header .bottom-bar{background: var(--bg-color);}
header .bottom-bar #menu{border-bottom: 1px solid var(--warning);padding: 10px 0;}

#menu {position: relative;display: flex;align-items: center;gap: 0 32px;}
#menu ul {list-style: none;display: flex;align-items: center;gap: 0 39.4px;justify-content: center;margin: 0;}
#menu ul li{display:inline-block;position:relative;}
#menu ul li a{color:#000000; display:block;text-decoration:none;position:relative; -webkit-transition:all .3s linear;    font-size: 14px; transition:all .3s linear;font-weight: 600;}
#menu li > a:after { content: '\F282'; font-family: bootstrap-icons  ; margin-left:5px;position: relative;top: 2px;}
#menu li > a:only-child:after { margin-left: 0; content: '';}
#menu ul li a:hover,#menu ul li.active a,#menu ul li.current_page_item>a,#menu ul li.current-menu-ancestor>a,#menu ul li.current-menu-item>a,#menu ul li.current-menu-parent>a{color: var(--primary);font-weight: 700;}
#menu li.active ul li a{color:#fff;background:#000}
#menu li.active ul li a:hover{color:#fff;background:#333}
#menu li>ul{display: block; position:absolute;left:0;top:calc(100% + 13px);z-index:999;padding: 0;flex-direction: column;gap: 0;box-shadow: 4px 4px 25px 0px #00000033;border-radius: 8px;padding: 12px 16px;width: 330px;background: var(--white);}
#menu li>ul li{background:#fff;display:block;position:relative; margin:0; text-align:left;border-radius: 8px;transition: .2s linear;}
#menu li>ul li:hover{background: var(--white-hover);}
#menu li>ul li a{color:#333;font-size:16px;font-weight: 600; padding:10px 15px;  border-right:0;margin-bottom: 2px;text-decoration: none;transition: .2s linear; background-color: #F5F5FE; }
#menu li>ul li:hover a{background-color:#fff;font-weight: 600;}
#menu li ul li.current_page_item>a,#menu li ul li.current-menu-ancestor>a,#menu li ul li.current-menu-item>a,#menu li ul li.current-menu-parent>a{background: #333;color:#fff}
#menu>li{border-left:1px solid #999}
#menu>li:first-child,#menu>li.has-submenu+li{border-left:0}
#menu li>ul>li>ul{position:absolute;left:calc(100% + 17px);top:0;transition:all linear .2s 0s;-webkit-transition:all linear .2s 0s;visibility:hidden;opacity:0}
#menu li>ul>li:hover>ul{visibility:visible;opacity:1;display:block}
#menu li>ul{transition:all linear .2s 0s;-webkit-transition:all linear .2s 0s;visibility:hidden;opacity:0}
#menu li:hover>ul{visibility:visible;opacity:1}
#menu li>ul li a{padding:0 23px;transition:all linear .2s 0s;-webkit-transition:all linear .2s 0s}
#menu li:hover>ul li a{padding:12px}
@keyframes menu_sticky {
    0%   {margin-top:-240px;}
    50%  {margin-top: -90px;}
    100% {margin-top: 0;}
}
header.sticky {  margin:0;  position: fixed;  background:#ffffff; top:0; left:0; width:100%; z-index:99999; animation-name:menu_sticky; animation-duration: 0.60s; animation-timing-function:ease-out;  box-shadow:0 0 5px 0px rgba(255, 255, 255, 0.49); -webkit-box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.49); padding: 0; backdrop-filter: blur(5px);}

header.sticky .bottom-bar #menu{padding: 5px 0;border-bottom: none;}
header.sticky .top-bar {padding: 10px 0;}

header.sticky #menu ul{margin:10px 0;}
#menu ul > li > ul li > a:after{position: absolute;right: 10px;top: 15px;}

section{padding: 40px 0;}


.hero-banner{padding: 0;}
.hero-banner .content{margin: 20px 0;}
.hero-banner .content .price{font-size: 40px;font-weight: 700;line-height: 48px;}
.hero-banner .content .price sup{font-size: 16px;line-height: 24px;vertical-align: super;}
.hero-banner .content .price del{font-size: 18px;line-height: 32px;vertical-align: middle;font-weight: 500;}

.hero-banner .content .flex-box {display: flex;align-items: center;}
.hero-banner .content .flex-box span.vr-line {width: 1px;height: 100%;background: var(--primary);margin: 0 20px;display: inline-block;height: 115px;}
.hero-banner .content .flex-box .item p{margin-bottom: 0;}
.hero-banner .content .flex-box .item .inner-btn {margin-top: 10px;}

.bottom-list{padding: 10px 0;background: var(--white);border-width: 1px 0px 1px 0px;border-style: solid;border-color: var(--white-hover);}
.bottom-list ul{display: flex;align-items: center;justify-content: space-between;gap: 30px;}
.bottom-list ul li{display: flex;align-items: center;width: fit-content;font-size: 14px;gap: 5px;}

.partners-sec .heading{text-align: center;margin-bottom: 24px;}
.partners-sec{padding: 32px 0;}

.training-sec .heading{text-align: center;margin-bottom: 24px;}


.catigory-box{border-radius: 16px;padding: 16px;margin-bottom: 24px;}
.catigory-box .accordion-button{padding: 0 13px;border-radius: 50px !important;background: var(--white) !important;box-shadow: none  !important;outline: none !important;font-size: 12px;font-weight: 600;}
.catigory-box .accordion-button::after{background-size: 10px;width: 10px;height: 10px;margin-left: 5px;background-image: url('images/icons/accordian-arrow.svg');}
.catigory-box .accordion-item{background: transparent;}
.catigory-box .head{display: flex;align-items: center;justify-content: space-between;}
.catigory-box .head .filter select{background-image: url('images/icons/sort-icon.svg'); background-size: 16px;font-size: 12px;font-weight: 600;}

.switch-btn .accordion-body{background: var(--off-white);padding:10px 0 0 0;}

.switch-btn .nav-pills .nav-link.active,.nav-pills .show>.nav-link {color: #ffff; background: var(--primary);}
.switch-btn .nav-link:focus-visible {box-shadow: none;}
.switch-btn  .nav-pills .nav-link {border-radius: 50px;color: #FFFFFF;font-size: 10px;font-weight: 700;display: flex;justify-content: center;align-items: center;width: fit-content !important;background: var(--white);border: 1px solid #E3E8FA;color: var(--black);}
.switch-btn .nav-pills {border-radius: 0;background: var(--off-white);justify-content: start;gap: 8px;}
.switch-btn .nav-fill .nav-item, .nav-fill>.nav-link{flex: none;width: auto;}

.training-sec .tab-pane .row{row-gap: 20px;}

.course-box{padding: 16px;background: var(--off-white);border-radius: 8px;overflow: hidden; border: 1px solid var(--white-hover)}
.course-box .text{background: var(--white);padding: 16px;border-radius: 16px;}
.course-box .head{display: flex;align-items: center;justify-content: space-between;}
.course-box .head .flag{position: relative;min-width: 10px;}
.course-box .head .flag span{background: var(--warning);font-weight: 800;font-size: 10px;position: absolute;top: -19px;right: -54px;transform: rotateZ(45deg);width: 102px;text-align:center;}
.course-box .text p,.course-box .head h6{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.course-box .head ,.course-box .text{padding-inline: 16px;}
.course-box .text p{font-size: 14px;line-height: 20px;font-weight: 500;margin-bottom: 8px;}
.course-box .text .price{font-size: 20px;font-weight: 800;line-height: 26px;}
.course-box .text .price del{font-size: 12px;font-weight: 600;line-height: 16px;}
.course-box .text .inner-btn{margin-top: 16px;display: flex;align-items: center;justify-content: space-between;gap: 10px;}
.course-box .text .inner-btn a.btn{padding: 10px 17px;border-radius: 8px;font-size: 14px;width: 100%;}

.traing-combo-sec .heading{text-align: center;margin-bottom: 32px;}
.traing-combo-sec .row{row-gap: 20px;}


.combo-box{padding: 16px;background: var(--off-white);border-radius: 8px;overflow: hidden; border: 1px solid var(--white-hover)}
.combo-box .text{background: var(--white);padding: 16px;border-radius: 16px;margin-bottom: 16px;padding-inline: 16px;}
.combo-box .head{display: flex;align-items: center;justify-content: space-between;}
.combo-box .head h6{font-size: 18px;line-height: 24px;font-weight: 600;margin-bottom: 12px;}
.combo-box .head .flag{position: relative;min-width: 10px;}
.combo-box .head .flag span{background: var(--warning);font-weight: 800;font-size: 10px;position: absolute;top: -37px;right: -39px;transform: rotateZ(45deg);width: 102px;text-align:center;}
.combo-box .text p{font-size: 14px;line-height: 20px;font-weight: 500;margin-bottom: 12px;}
.combo-box .text ul li{margin-bottom: 8px;font-size: 12px;line-height: 16px;font-weight: 500;}
.combo-box  .price del{font-size: 12px;font-weight: 600;line-height: 16px;}
.combo-box  .price{font-size: 20px;font-weight: 800;line-height: 26px;}
.combo-box  .inner-btn a.btn{padding: 10px 17px;border-radius: 8px;font-size: 14px;width: 100%;}
.combo-box  .inner-btn{margin-top: 16px;display: flex;align-items: center;justify-content: space-between;gap: 10px;}

.certification-sec ul li , .solutions-sec ul li{font-weight: 700;margin-bottom: 8px;}
.certification-sec ul,.solutions-sec ul {margin-bottom: 24px;}

.img-box.left-effect{position: relative;width: fit-content;margin-inline: auto;}
.img-box.left-effect img{position: relative;z-index: 2;}
.img-box.left-effect::after{content: "";position: absolute;top: 0;left: 3%;width: 100%;height: 100%;background: var(--warning);border-radius: 13px;z-index: 1;transform: rotateZ(5deg);}

.img-box.right-effect{position: relative;width: fit-content;margin-inline: auto;}
.img-box.right-effect img{position: relative;z-index: 2;}
.img-box.right-effect::after{content: "";position: absolute;top: 0;right: 3%;width: 100%;height: 100%;background: var(--warning);border-radius: 13px;z-index: 1;transform: rotateZ(-5deg);}

.solutions-sec .img-box span.logo{position: absolute;z-index: 3;right: -52px;top: 35px;}


.compliance-sec .heading{text-align: center;margin-bottom: 30px;max-width: 770px;margin-inline: auto;}
.compliance-sec .inner-btn{margin-top: 30px;}

.compliance-box{background: var(--off-white);border: 1px solid var(--white-hover);text-align: center;padding: 16px;border-radius: 8px;display: flex;justify-content: start;align-items: center;flex-direction: column;gap: 12px;min-height: 250px;}
.compliance-box .img-box{width: 60px;height: 60px;min-width: 60px; display: flex;justify-content: center;align-items: center;background: var(--white);border-radius: 50%;}
.compliance-box .img-box img{max-width: auto;width: auto;}
.compliance-box h6{margin-bottom: 0;}
.compliance-box p{font-size: 14px;line-height: 20px;font-weight: 500;margin-bottom: 0;}



#compliance-slider .owl-next, #compliance-slider .owl-prev{font-size: 20px !important;position: absolute;top: 40%;background: var(--white-hover) !important;color: var(--primary) !important; display: flex;align-items: center;justify-content: center;width: 40px;aspect-ratio: 1/1;border-radius: 50%;}
#compliance-slider .owl-next:hover, #compliance-slider .owl-prev:hover{color: var(--white) !important;background: var(--primary) !important;}
#compliance-slider .owl-next:active, #compliance-slider .owl-prev:active{background: var(--white-hover) !important;color: var(--primary) !important;}
#compliance-slider .owl-next{right: -6%;padding-left: 4px !important;}
#compliance-slider .owl-prev{left: -6%;padding-right: 4px !important;}
#compliance-slider .owl-dots{display: flex;justify-content: center;display: none;}
#compliance-slider .owl-dots button.owl-dot {  width: 10px;height: 10px;border-radius: 50%;display: inline-block;background: #ccc;margin: 0 5px;}
#compliance-slider .owl-dots button.owl-dot.active{ background-color: var(--text-color);}

.step-sec .heading{text-align: center;margin-bottom: 24px;}

.step-box {position: relative;display: flex;align-items: center;justify-content: space-between;padding: 10px 10px 10px 40px; border: 1px solid; border-right: none; background: #fff;    border-radius: 5px 0 0 5px;width: calc(100% - 40px);}
.step-box::after {content: "";position: absolute;top: 8px;right: -22px;width: 48px;height: 48px;background: #fff;border: 1px solid;border-left: none;transform: rotate(45deg);    border-bottom: none;}
.step-box .date {color: #fff;font-weight: bold;font-size: 18px;line-height: 1;border-radius: 4px;padding: 10px;position: absolute;line-height: 1;left: -20px;}
.step-box h6 {flex: 1;font-size: 14px;margin: 0; max-width: 195px;}
.step-box .icon img {width: auto;}
.step-box .icon {position: relative;z-index: 2;}

.row .col-lg-4:nth-child(2) .step-box,.row .col-lg-4:nth-child(2) .step-box::after {border-color: #e74c3c;}
.row .col-lg-4:nth-child(2) .step-box .date {background: #e74c3c;}
.row .col-lg-4:nth-child(3) .step-box,.row .col-lg-4:nth-child(3) .step-box::after {border-color: var(--warning);}
.row .col-lg-4:nth-child(3) .step-box .date {background: var(--warning);}
.row .col-lg-4:nth-child(4) .step-box,.row .col-lg-4:nth-child(4) .step-box::after {border-color:var(--success);}
.row .col-lg-4:nth-child(4) .step-box .date {background:var(--success);}


.testimonial-sec .heading{text-align: center;margin-bottom: 24px;}
.testimonial-sec .heading .review{font-size: 18px;line-height: 24px;font-weight: 700;margin-bottom: 16px;}

.testimonial-box{border-radius: 8px;background: var(--off-white);border: 1px solid var(--white-hover);padding: 16px;display: flex;justify-content: space-between;flex-direction: column;min-height: 230px;}
.testimonial-box .text{font-size: 14px;line-height: 20px;font-weight: 500;margin-bottom: 16px;padding: 16px;background: var(--white);border-radius: 8px;}
.testimonial-box .text p{font-size: 14px;line-height: 20px;font-weight: 600;margin-bottom: 0;}
.testimonial-box .name{padding-inline: 16px;}
.testimonial-box .name h6{color: var(--primary);margin-bottom: 5px;font-size: 14px;line-height: 20px; margin-bottom: 0;}
.testimonial-box .name span.title{color: var(--black);font-size: 10px;font-weight: 600;}


#testimonial-slider .owl-next, #testimonial-slider .owl-prev{font-size: 20px !important;position: absolute;top: 40%;background: var(--white-hover) !important;color: var(--primary) !important; display: flex;align-items: center;justify-content: center;width: 40px;aspect-ratio: 1/1;border-radius: 50%;}
#testimonial-slider .owl-next:hover, #testimonial-slider .owl-prev:hover{color: var(--white) !important;background: var(--primary) !important;}
#testimonial-slider .owl-next:active, #testimonial-slider .owl-prev:active{background: var(--white-hover) !important;color: var(--primary) !important;}
#testimonial-slider .owl-next{right: -6%;padding-left: 4px !important;}
#testimonial-slider .owl-prev{left: -6%;padding-right: 4px !important;}
#testimonial-slider .owl-dots{display: flex;justify-content: center;margin-top: 20px;}
#testimonial-slider .owl-dots button.owl-dot {  width: 10px;height: 10px;border-radius: 50%;display: inline-block;background: var(--primary);margin: 0 5px;opacity: .2;}
#testimonial-slider .owl-dots button.owl-dot.active{ opacity: 1;}


.moeny-box{box-shadow: 0px 5px 12px 0px #0069771A;border: 1px solid var(--white-hover);background: var(--white);border-radius: 16px;padding: 16px 24px;display: flex;align-items: center;}
.moeny-box .icon{position: relative;display: flex;}
.moeny-box .icon::after{content: "";display: inline-block;background: url(images/icons/money-icon.svg) no-repeat center center; background-size: contain;margin: auto 10px auto 10px;;width: 21px;height: 106px;}
.moeny-box .text{max-width: 305px;position: relative;}
.moeny-box .text span.arrow{position: absolute;right: 20px;bottom: 0;}
.moeny-box .text h3{font-size: 32px; font-weight: 800;}
.moeny-box .list-box{padding: 16px 24px;border-radius: 10px;border: 1px solid var(--white-hover);}
.moeny-box .list-box ul{display: flex;align-items: center;}
.moeny-box .list-box ul li{font-weight: 700;max-width: 160px;display: flex;position: relative;}
.moeny-box .list-box ul li+span.line{display: inline-block;width: 1px;height: 54px;background: var(--white-hover);margin-inline: 10px;}
.moeny-box .list-box ul span.line:last-of-type {display: none;}


.faq-sec .heading{text-align: center;margin-bottom: 32px;}
.faq-sec .accordion-flush .accordion-item{border: none;box-shadow: 0px 4px 15px 0px #001E311A;margin-bottom: 12px;border-radius: 8px;overflow: hidden;}
.faq-sec .accordion-flush .accordion-item .accordion-button, .faq-sec .accordion-flush .accordion-item .accordion-button.collapsed{box-shadow: none !important;border: none !important;background-color: var(--white);color: var(--black);font-size: 20px;line-height: 26px;font-weight: 700;border-radius: 8px 8px 0 0;}
.faq-sec .accordion-flush .accordion-item .accordion-button:not(.collapsed){ border-bottom: 1px solid #E3E8FA !important;}
.faq-sec .accordion-flush .accordion-item .accordion-button .ques{color: var(--primary);margin-right: 8px;}
.faq-sec .accordion-item .accordion-body {font-size: 16px;padding: 16px 47px 20px;font-weight: 500;}
.faq-sec .accordion-button::after {background-image: url(images/icons/accordian-plus.svg);background-size: contain;background-position: center;width: 20px;}
.faq-sec .accordion-button:not(.collapsed)::after {transform: rotate(180deg);background-image: url(images/icons/accordian-minus.svg);}
.faq-sec .inner-btn{margin-top: 32px;}



.certified-sec .certified-box{padding: 32px 40px;background: var(--bg-color);border-radius: 8px;position: relative;margin-top: 10px;}
.certified-sec .certified-box .img-box img{position: absolute;bottom: 0;right: 0;}
.certified-sec .certified-box .img-box {position: relative;height: calc(100% + 32px);transform: translateX(-58px);width: calc(100% + 49px);}
.certified-sec .certified-box p:nth-last-child(1){margin-bottom: 0;}
.certified-sec .certified-box .btn-primary{border-radius: 5px;}

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


.blog-box{border-bottom: 1px solid var(--white-hover);padding: 10px;border-radius: 8px;background: var(--off-white);}
.blog-box .img-box{position: relative;}
.blog-box .img-box a{width: 100%;height: 100%;display: block;}
.blog-box .img-box img{width: 100%;height: 100%;object-fit: cover;border-radius: 8px 8px 0 0;}
.blog-box .img-box span.date{position: absolute;left: 20px;font-size: 10px;font-weight: 800;padding: 3px 6px;background: var(--warning);text-transform: uppercase;}
.blog-box .text{padding: 16px; background: var(--white);border-radius: 0 0 8px 8px;}
.blog-box .text h5{font-size: 18px;line-height: 24px;font-weight: 700;margin-bottom: 8px;}
.blog-box .text p{font-size: 14px;line-height: 20px;font-weight: 700;margin-bottom: 0px;}
.blog-box .btn-learn{margin-top: 16px;color: var(--primary);font-size: 14px;font-weight: 700;padding-inline: 16px;}
.blog-box .btn-learn i{vertical-align: middle;margin-left: 3px;}




#blog-slider .owl-next, #blog-slider .owl-prev{font-size: 20px !important;position: absolute;top: 40%;background: var(--white-hover) !important;color: var(--primary) !important; display: flex;align-items: center;justify-content: center;width: 40px;aspect-ratio: 1/1;border-radius: 50%;}
#blog-slider .owl-next:hover, #blog-slider .owl-prev:hover{color: var(--white) !important;background: var(--primary) !important;}
#blog-slider .owl-next:active, #blog-slider .owl-prev:active{background: var(--white-hover) !important;color: var(--primary) !important;}
#blog-slider .owl-next{right: -6%;padding-left: 4px !important;}
#blog-slider .owl-prev{left: -6%;padding-right: 4px !important;}
#blog-slider .owl-dots{display: flex;justify-content: center;margin-top: 20px;display: none;}
#blog-slider .owl-dots button.owl-dot {  width: 10px;height: 10px;border-radius: 50%;display: inline-block;background: var(--primary);margin: 0 5px;opacity: .2;}
#blog-slider .owl-dots button.owl-dot.active{ opacity: 1;}


footer{background: #000;padding: 50px 0;}
footer *{color: var(--white);}
footer .logo-box{display: flex;flex-direction:column;justify-content: space-between; height: 100%;}
footer .logo-box .social-links{display: flex;align-items: center;gap: 8px;}
footer .logo-box .social-links span{font-weight: 600;}
footer .logo-box .social-links span:nth-child(1){margin-right: 5px;}
footer .logo-box .social-links span a{display: inline-flex;justify-content: center;align-items: center; width: 36px;height: 36px;min-width: 36px;border-radius: 50%;background: transparent;transition: .2s linear;}
footer .logo-box .social-links span a:hover{background: #D62557;}
footer .logo-box .badge-box{display: flex;align-items: center;gap: 18px;}
footer .footer-link h6{color: var(--white);position: relative;margin-bottom: 30px;}
footer .footer-link h6::after{content: "";position: absolute;bottom: -10px;left: 0;width: 15px;height: 2px;background: var(--primary);}
footer .footer-link ul li a{color: var(--white);}
footer .footer-link ul li {margin-bottom: 24px;font-size: 14px;font-weight: 700;}
footer .footer-link ul li:nth-last-of-type(1){margin-bottom: 0;}
footer hr.f-hr{margin: 50px 0;}
footer .copyright p{margin-bottom: 0;}




.top-categories-menu{ background: #F9F9F9;}
.top-category-menu-list { display:flex; justify-content:space-between; align-items:center;}

	
  .partners-heading {
            font-family: Montserrat, sans-serif;
            font-weight: 600;
            font-size: 12px;
            line-height: 16px;
            letter-spacing: 0%;
            text-align: center;
            vertical-align: middle;
        }
        .partner-carousel-wrapper {
            padding: 0 55px;
        }

   
        .partners-carousel .owl-stage {
            display: flex;
            align-items: center;
        }

        .partners-carousel .owl-item {
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .partner-logo {
            height: 80px;
            width: 100%;
            max-width: 177px;
            margin: 0 auto;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .partner-logo img {
            max-height: 60px;
            max-width: 100%;
            width: auto;
            height: auto;
            object-fit: contain;
        }

        /* Navigation */
        .partners-carousel .owl-nav button {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 45px;
            height: 45px;
            border-radius: 50% !important;
            background: #F3F9FB !important;
            color: #000 !important;
            font-size: 18px !important;
            display: flex !important;
            align-items: center;
            justify-content: center;
        }

        .partners-carousel .owl-nav .owl-prev {
            left: -60px;
        }

        .partners-carousel .owl-nav .owl-next {
            right: -60px;
        }

        .partners-carousel .owl-dots {
            display: none;
        }

        .owl-carousel.testimonial-slider .owl-dots.disabled,
        .owl-carousel.testimonial-slider .owl-nav.disabled {
            display: block;
			display:flex;
        }

	
	.why-choose-section {
            font-family: 'Montserrat', sans-serif;
            padding: 60px 20px;
            background: #ffffff;
        }
 
        .heading-universal {
            font-weight: 700;
            font-size: 24px;
            line-height: 32px;
            text-align: center;
            color: #14141a;
            max-width: 720px;
            margin: 0 auto 40px;
        }
 
        .why-choose-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 30px;
          
            margin: 0 auto 40px;
        }
 
        .why-card {
            border-radius: 10px;
            padding: 28px 22px 20px;
            text-align: center;
        }
 
        .why-card.blue {
            background: #E5F0FB;
        }
 
        .why-card.pink {
            background: #FBE9F0;
        }
 
        .why-card.mint {
            background: #E4FBF3;
        }
 
        .why-card.yellow {
            background: #FDF3DA;
        }
 
        .why-card-icon {
            font-size: 30px;
            margin-bottom: 18px;
        }
 
        .why-card.blue .why-card-icon {
            color: #1E63B8;
        }
 
        .why-card.pink .why-card-icon {
            color: #D6285B;
        }
 
        .why-card.mint .why-card-icon {
            color: #12805C;
        }
 
        .why-card.yellow .why-card-icon {
            color: #F2B705;
        }
 
        .why-card-title {
            font-weight: 700;
            font-size: 20px;
            color: #14141a;
            margin-bottom: 10px;
            line-height: 28px;
        }
 
        .why-card-text {
            font-size: 16px;
            color: #55555f;
            line-height: 24px;
            margin: 0;
        }
 
        .why-choose-cta-wrap {
            text-align: center;
        }
 
        .cta-button-universal {
            display: inline-block;
            background: black;
            color: #ffffff;
            font-weight: 700;
            font-size: 16px;
            line-height: 24px;
            padding: 14px 32px;
            border-radius: 6px;
            text-decoration: none;
            border:2px solid black;
            cursor: pointer;
            text-align: center;
        }
 
        .cta-button-universal:hover {
			transition:0.3s ease-in-out;
            background: #fff;
            color: #000;
			
        }
	
	
        .learn-banner {
            position: relative;
            display: flex;
            align-items: center;
            gap: 28px;
            background: #FBE7EC;
            border-radius: 14px;
            max-width: 1100px;
            margin: 40px auto;
            padding: 18px 40px 18px 18px;
         
        }
 
        /* Photo */
        .learn-banner-photo {
         
            position: relative;
			width: 293px;
			height: 147px;
}
 
        .learn-banner-photo .cta-image {
/*             width: 217px; */
            height: 200px;
            position: absolute;
            top: -37px;
    left: -16px;
        }
        .learn-banner-photo .cta-image-arrow {
           
           position: absolute;
    top: 0px;
    right: -67px;
    width: 103px;
        }
 
        .learn-banner-photo .fa-user {
            font-size: 60px;
            color: #d99aab;
        }
 
       
 
        /* Text */
        .learn-banner-text {
            flex: 1;
            min-width: 0;
          
        }
 
        .learn-banner-title {
            font-weight: 700;
            font-size: 24px;
            line-height: 32px;
            color: #14141a;
            margin: 0 0 8px;
        }
 
        .learn-banner-sub {
            font-size: 16px;
            line-height: 22px;
            color: #4a4a52;
            margin: 0;
        }

ul.top-category-menu-list li {
    padding: 8px 0px;
    border-left: 3px solid #Fff;
    background-color: #F9F9F9;
    font-family: Montserrat;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    justify-content: center;
    display: flex;
    align-items: center;
    width: 100%;

}
ul.top-category-menu-list li:hover {
	transition:0.3s ease-in-out;
	border-top: 3px solid #004593 !important;
	background: #ffffff00;
}
ul.top-category-menu-list > li:nth-child(1) {
    border-top: 3px solid #F67D31;
}

ul.top-category-menu-list > li:nth-child(2) {
    border-top: 3px solid #8C1D83;
}

ul.top-category-menu-list > li:nth-child(3) {
    border-top: 3px solid #D62557;
}

ul.top-category-menu-list > li:nth-child(4) {
    border-top: 3px solid #0078C6;
}

ul.top-category-menu-list > li:nth-child(5) {
    border-top: 3px solid #DC267F;
}

ul.top-category-menu-list > li:nth-child(6) {
    border-top: 3px solid #FECC07;
}

ul.top-category-menu-list > li:nth-child(7) {
    border-top: 3px solid #0B9444;
}
/* new Homepage template*/

 .light-pink-bg {background-color: #FCEFF3;} 
.light-orange-bg { background-color: #FEF6F0; }
.light-purple-bg { background-color: #FDF4FC; }
.light-blue-bg {background-color: #E9F6FF;}
.light-yellow-bg {background-color: #FFFBED;}
.light-red-bg {background-color: #FDF0F6;}
.light-green-bg {background-color: #E8FDF1;}

 .dark-pink-btn {background-color: #D62557;} 
.dark-orange-btn { background-color: #F67D31; }
.dark-purple-btn { background-color: #8C1D83; }
.dark-blue-btn {background-color: #0078C6;}
.dark-yellow-btn {background-color: #FECC07;}
.dark-red-btn {background-color: #DC267F;}
.dark-green-btn {background-color: #0B9444;}


.light-pink-bg .category-ul li::before {
	color:#D62557;
}
.light-orange-bg .category-ul li::before {
	color: #F67D31;
}
.light-purple-bg .category-ul li::before {
	color: #8C1D83;
}
.light-blue-bg .category-ul li::before {
	color:#0078C6;
}
.light-yellow-bg .category-ul li::before {
	color: #FECC07;
}
.light-red-bg .category-ul li::before {
	color:#DC267F;
}
.light-green-bg .category-ul li::before {
	color:#0B9444;
}


.light-pink-bg .category-btn {
	background-color:#D62557 !important; 
	color:white;
	border-color:#D62557 !important;
}
.light-orange-bg .category-btn {
	background-color: #F67D31 !important; 
	color:white;
	border-color:#F67D31 !important;
}
.light-purple-bg .category-btn {
	background-color: #8C1D83 !important; 
	color:white;
	border-color:#8C1D83 !important;
}
.light-blue-bg .category-btn {
	background-color:#0078C6 !important; 
	color:white;
	border-color:#0078C6 !important; 
}
.light-yellow-bg .category-btn {
	background-color: #FECC07 !important;
	color:white;
	border-color:#FECC07 !important;
}
.light-red-bg .category-btn {
	background-color:#DC267F !important; 
	color:white;
	border-color:#DC267F !important; 
}
.light-green-bg .category-btn {
	background-color:#0B9444 !important; 
	color:white;
	border-color:#0B9444 !important; 
}


.white-btn {
	background-color:white;
	color:black;
}
.white-btn:hover {
	background-color:black;
	color:white;
}



.pink-outline{
	color:#D62557 !important;
border:1px solid #D62557 !important;
}
.orange-outline{
	color: #F67D31 !important;
border:1px solid #F67D31 !important;
}
.purple-outline{
	color: #8C1D83 !important;
border:1px solid  #8C1D83 !important;
}
.blue-outline{
	color: #0078C6 !important;
border:1px solid #0078C6  !important;
}
.yellow-outline{
	color: #FECC07 !important;
border:1px solid #FECC07  !important;
}
.red-outline{
	color:  #DC267F !important;
border:1px solid  #DC267F  !important;
}
.green-outline{
	color:  #0B9444 !important;
border:1px solid  #0B9444  !important;
}


  .banner-heading { font-family: Montserrat; font-weight: 700; font-size: 32px; line-height: 40px; letter-spacing: 0%;}
       .banner-subheading {
        font-family: Montserrat;
font-weight: 500;
font-size: 16px;
line-height: 22px;
letter-spacing: 0%;

       }
       .banner-rating-text {
        font-family: Montserrat;
font-weight: 500;
font-size: 12px;
line-height: 16px;
letter-spacing: 0%;

       }
        .banner-rating-text .fa-star {
            color: #F67D31;
        }

.section-heading {
font-family: Montserrat;
font-weight: 700;
font-size: 24px;
line-height: 32px;

}
.section-subheading {
font-family: Montserrat;
font-weight: 500;
font-size: 14px;
line-height: 18px;
letter-spacing: 0%;

}

.category-course-text{
    font-family: Montserrat;
font-weight: 600;
font-size: 20px;
line-height: 28px;

 }
.btn-white {
	 background: #FFFFFF;
	 color: #000000;
	
}
.btn-black {
	background: #000000;
	color:#fff;
}
 .category-course-btn {
    border: 1px solid #000000;
    border-radius: 8px; 
    font-family: Montserrat;
    width: 100%;
    padding: 8px;
    text-decoration: none;
    font-family: Montserrat;
font-weight: 600;
font-size: 14px;
line-height: 20px;
text-align: center;

 }
 .btn-white:hover{
    transition: 0.3s ease-in-out;
background: #000000;
	 color:#fff !important;
	 font-weight:600 !important;
 }
.btn-black:hover {
	 transition: 0.3s ease-in-out;
	 background: #FFFFFF;
	 color: #000000;
	
}

 .category-course-box {
    box-shadow: 0px 4px 16px 0px #00295714;
    border-radius:8px;
	 

 }
 .category-course-image {
    width: 100%;
    padding: 4px;
 }

  .course-card-box {
            background-color:#F5F5FE ;
            border-radius: 8px;
	  width:100%;
	  min-height:120px;
        }
        .ceu-text {
 font-family: Montserrat;
font-weight: 700;
font-size: 12px;
line-height: 16px;
padding: 4px;
border-radius: 10px;
background-color: #fff;

        }
        .course-name-text {
            font-family: Montserrat;
font-weight: 600;
font-size: 19px;
line-height: 28px;
        }
        .discounted-price {
           font-family: Montserrat;
font-weight: 700;
font-size: 20px;
line-height: 28px;
padding-right: 5px;
 
        }
        .orignal-price {
            font-family: Montserrat;
font-weight: 500;
font-size: 12px;
line-height: 16px;
text-decoration: line-through;
padding-right: 5px;


        }
        .percentage-off
        {
            font-family: Montserrat;
font-weight: 700;
font-size: 10px;
line-height: 14px;
padding: 3px;
border: 1px solid #0078C6;
color: #0078C6;
border-radius: 8px;;

        }
        .corporate-price-btn {
            font-family: Montserrat;
font-weight: 700;
font-size: 14px;
line-height: 18px;
text-align: center;
text-decoration: underline;
text-decoration-style: solid;
text-decoration-skip-ink: auto;
color: #0078C6;

        }
        .view-course-btn {
            font-family: Montserrat;
font-weight: 600;
font-size: 12px;
line-height: 16px;
text-align: center;
text-decoration: underline;
text-decoration-style: solid;
color: #0078C6;

        }
        .course-description {
            font-family: Montserrat;
font-weight: 500;
font-size: 12px;
line-height: 16px;
margin-bottom: 0;

        }


.new-testimonial-section .owl-nav-custom{
    display:flex;
    gap:10px;
	justify-content:end;
}

.new-testimonial-section .owl-nav-custom button{
    width:42px;
    height:42px;
    border:none;
    border-radius:50%;
    background:#fff;
    box-shadow:0 4px 12px rgba(0,0,0,.1);
    cursor:pointer;
    transition:.3s;
}

.new-testimonial-section .owl-nav-custom button:hover{
    background:#206bc4;
    color:#fff;
}

        .new-testimonial-section{
            padding:60px 0;
        }

        .testimonial-card{
            background:#fff;
            border-radius:15px;
            padding:25px;
            box-shadow:0 5px 20px rgba(0,0,0,.08);
            height:100%;
            transition:.3s;
        }

        .quote{
            font-size:40px;
            color:#000;
            line-height:1;
            margin-bottom:10px;
        }

        .role{
            font-size:12px;
            background:#E9F6FF;
            padding:4px 10px;
            border-radius:20px;
            float:right;
                height: 100%;
        }

        .testimonial-title{
            font-weight:600;
            font-size:16px;
            line-height:22px;
            margin-top:10px;
        }

        .testimonial-text{
            color:#191A22;
            font-size:14px;
            line-height: 18px;
            margin:10px 0 20px;
			    padding-right: 28px;
        }

        .user{
            display:flex;
            align-items:start;
            gap:12px;
        }
        .user-text{
            font-size:14px;
            line-height:18px;
            font-weight:600;
        }

        .user img{
            width:32px !important;
            height:32px;
            border-radius:50%;
            object-fit:cover;
        }

        .stars{
            color:#ff9800;
            font-size:14px;
        }

         .new-testimonial-section .owl-nav{
            margin-top:20px;
            text-align:center;
        }

         .new-testimonial-section .owl-nav button{
            width:40px;
            height:40px;
            border-radius:50%!important;
            background:#fff!important;
            box-shadow:0 2px 10px rgba(0,0,0,.1);
            margin:0 5px;
        }

        .new-testimonial-section .owl-nav button span{
            font-size:24px;
            line-height:35px;
        }

        .new-testimonial-section .owl-dots{
            margin-top:15px;
            display:flex;
            justify-content:center;

        }
         .owl-dots button{
            width:12px;
            height:12px;
            border-radius:50%;
            background:#ff638f70 !important;
            margin:0 5px;
            
        }
       .owl-dots button.active{
         
            background:#D62557 !important;
            
        }
.new-testimonial-section .owl-carousel .owl-stage {
	margin:10px 0px;
}

        .faq-accordion .accordion-item {
            border: none;
            border-bottom: 1px solid #e5e5e5;
        }

        .faq-accordion .accordion-button {
            background: #fff;
            box-shadow: none;
            padding: 18px 0;
            font-size: 18px;
            line-height: 26px;
            font-weight: 600;
            color: #222;
        }

        .faq-accordion .accordion-button:not(.collapsed) {
            background: #fff;
            color: #222;
        }

        /* Remove Bootstrap default icon */
        .faq-accordion .accordion-button::after {
            display: none;
        }

        .faq-icon {
            width: 18px;
            height: 18px;
            margin-right: 12px;
            flex-shrink: 0;
        }

        .faq-arrow {
            margin-left: auto;
            transition: .3s;
            color: #222;
            font-size: 15px;
        }

        .accordion-button:not(.collapsed) .faq-arrow {
            transform: rotate(180deg);
        }

        .accordion-body {
            padding: 0 0 20px 32px;
            color: #555;
            font-size: 14px;
            line-height: 18px;
        }

.blogs-tags-text{
font-family: Montserrat;
font-weight: 700;
font-size: 12px;
line-height: 16px;
color:#D62557;
border: 1px solid #D62557;
width:fit-content;
padding: 4px 8px;
border-radius: 12px;
}
.blogs-section .cta-button-universal  {
	width: inherit;
}
.desktop-only
{
	display:block ;
}
.mobile-only
{
	display:none ;
}

.bg-img-three-step {
    
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 88px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}


.step-1 {
    background-image: url('https://workplacecompliancehub.com/wp-content/uploads/2026/07/Frame-1171283282.png');

}
.step-2  {
    background-image: url('https://workplacecompliancehub.com/wp-content/uploads/2026/07/Frame-1171283285.png');

}
.step-3 {
    background-image: url('https://workplacecompliancehub.com/wp-content/uploads/2026/07/Frame-1171283287.png');

}

    .money-back-box {
        border: 1px solid #F3F9FB;
        box-shadow: 0px 4px 16px 0px #00295714;

    }
    .money-back-logo {
        
    }
.money-back-title  {
    font-family: Montserrat;
font-weight: 700;
font-size: 32px;
line-height: 40px;
}
.money-back-list-text {
    font-family: Montserrat;
font-weight: 500;
font-size: 16px;
line-height: 22px;
}
.money-text-box {
    position: relative;
}
.money-arrow-icon {
    position: absolute;
    right: 20px;
    top: 80%;
    transform: translateY(-50%);
}
.money-back-items {

gap: 12px;
border-radius: 10px;
border: 1px solid #E3E8FA;
padding: 0px 18px;


}
.money-back-list-items {
padding: 5px;

border-right: 1px solid #E3E8FA;
margin: 10px 0px;

}
.money-back-list-items:last-child {

border:none;

}
.sample-certificate-icon-text
        {
font-family: Montserrat;
font-weight: 500;
font-size: 14px;
line-height: 18px;
color:#191A22;
padding: 2px 8px;
        }
       .sample-certificate-icon-text:first-child {
        border-right: 1px solid #F67D31;
       }
       .sample-certificate-box {
        background-color: #ffffff;
        border-radius: 8px;
        width: 100%;
       }
       .sample-certificate-box-heading {
        font-family: Montserrat;
font-weight: 700;
font-size: 20px;
line-height: 28px;
text-align: center;

       }
       .sample-certificate-box-text {
        font-family: Montserrat;
font-weight: 500;
font-size: 12px;
line-height: 16px;
color: #191A22;
       }
       .sample-certificate-icon-text svg {
        margin-right: 8px;
       }

.three-steps {
        display: flex !important;
        gap: 20px;
    }

    .three-steps .item {
        flex: 1;
    }




.blogs-slider .owl-dots {
    text-align: center;
    margin-top: 30px;
	position: absolute;
    top: 75%;
    left: 37%;
}

.blogs-slider .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px;
    border-radius: 50%;
    background: #ccc;
}
/* .blogs-slider button.owl-dot {
    position: absolute;
    top: 71%;
    left: 38%;
} */


.blogs-slider .owl-dot.active span {
    background: #000;
}

.blogs-section .owl-nav {
	display: flex;
    justify-content: center;
    align-items: center;
}

.blogs-section .blogs-slider .owl-nav button {
    transform: translateY(-50%);
    width: 45px;
    height: 45px;
    align-items: center;
    justify-content: center;
    color: rgb(0, 0, 0) !important;
    font-size: 18px !important;
    display: flex !important;
    border-radius: 50% !important;
    background: rgb(243, 249, 251) !important;
}
.blogs-section .owl-nav {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 88%;
    left: 30%;
    gap: 100px;
}






.course-tabs .nav-link{white-space:nowrap;}
 
/* Filter dropdown: functional positioning + open/close behavior */
/* .filter-dd{position:relative;} */
/* .filter-panel{display:none;position:absolute;top:100%;left:0;z-index:20;}
.filter-dd.open .filter-panel{display:block;} */
 
/* Popular badge: needs relative/absolute pairing to sit on the card corner */
.category-course-box{position:relative; overflow:hidden;}
.popular-badge{    position: absolute;
    background: #E86C00;
    font-size: 9px;
    padding: 2px 20px;
    text-transform: capitalize;
    transform: rotate(45deg);
    top: 14px;
    right: -19px;
    color: white;
    font-weight: 800;
    text-align: center;}
.filters-bar{background-color:#F3F9FB; border:none; padding:15px;}
.tabs-wrap .btn.show{
    border:none;
}
.tabs-wrap .nav-tabs {
 border:none;
}
.tabs-wrap .nav-link.active {
    background-color:#F3F9FB; border:none;
}
.tabs-wrap .nav-link{
    font-family: Montserrat;
font-weight: 600;font-size: 12px;line-height: 16px;vertical-align: middle;
color:black;

}
.filters-bar .dropdown .btn, .filters-bar .dropdown { font-family: Montserrat;
font-weight: 500;
font-size: 14px;
line-height: 18px;}

.content-ul{
padding-left: 20px;
padding-bottom: 20px;
}
.content-ul li {font-family: Montserrat;
font-weight: 500;
font-size: 14px;
 padding-bottom: 2px;line-height: 18px;
list-style:disc;
	
}
.content-ul li::marker {
    color: #D62557;
}

 .why-choose-card{
            border-radius:12px;
            padding:25px 18px;
            text-align:center;
            height:100%;
            transition:.3s ease;
        }


        .why-choose-card-img-box{
            width:60px;
            height:60px;
            margin:0 auto 18px;
            display:flex;
            align-items:center;
            justify-content:center;
        }
.category-card-img-box {
	 width:35px;
     height:35px;
}

        .why-choose-card-img-box .why-choose-icon{
            width:60px;
            height:60px;
            object-fit:contain;
        }

        .why-choose-card-text{
            margin:0;
            font-size:14px;
            line-height:1.6;
            color:#333;
        }
.category-card-text {
	font-family: Montserrat;
font-weight: 600;
font-size: 20px;
line-height: 28px;
text-align: center;
}

.contact-section{
    background:#FDF0F5;
    border-radius:12px;
    padding:20px;
}

.about-contact-card{
    background:#fff;
    border-radius:10px;
    padding:18px;
    display:flex;
    align-items:start;
    gap:15px;
    margin-bottom:12px;
    height:100%;
}

.about-contact-icon{
    width:44px;
    height:44px;
    background:#E52C63;
    border-radius:6px;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
    flex-shrink:0;
}
.about-contact-image{
    text-align:center;
}
.contact-content{
    display:flex;
    flex-direction:column;
    justify-content:center;
    height:100%;
}
.about-contact-text {
    font-family: Montserrat;
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0%;
    margin-bottom: 3px;
}
.about-contact-subtext {
    font-family: Montserrat;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0%;
     margin-bottom: 3px;
}
.about-contact-box-heading {
    font-family: Montserrat;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0%;
      margin-bottom: 3px;
}
.about-contact-box-subheading {
    font-family: Montserrat;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0%;
      margin-bottom: 3px;
}
.right-about-contact{
position: relative;
}

.contact-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    position: absolute;
    right: 10px;
    width: max-content;
    top: -109px;
}
.testimonial-rating-text {
    font-family: Montserrat;
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0%;
    display: flex;
    justify-content: center;
    align-items: center;

}
 .learn-banner-photo .cta-image-mobile {
       
				display:none;
				
}




  .contact-us-box {
    background-color: #F3F9FB;
    border-radius: 12px;
  }
  .contact-wrapper {
    background-color: #eef3f6;
    padding: 40px 15px;
  }
  .contact-info-card, .contact-form-card {
    background-color: #ffffff;
    border-radius: 16px;
  }
  .contact-form-card {
    background-color: #ffffff;
  }
  .contact-icon-box {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }
  
  .contact-divider-line {
       width: 1px;
    background-color: #dee2e6;
    height: 60px;
    margin-left: 24px;
    margin-top: -29px;
  }
  .contact-label {
    font-family: Montserrat;
font-weight: 500;
font-size: 16px;
line-height: 22px;
letter-spacing: 0%;

  }
  .contact-value {
   font-family: Montserrat;
font-weight: 600;
font-size: 18px;
line-height: 26px;
letter-spacing: 0%;

  }
  .contact-value.chat-link, .contact-value a {
    color: #1c1c1c;
    text-decoration: none;
  }


  .form-control {
    border-radius: 8px;
    padding: 12px 14px;
 border: 1px solid #8495B0;
  }
.form-select:focus, .form-control:focus {
   
   border: 1px solid #8495B0;
}
  .form-label {
    font-weight: 500;
    font-size: 0.95rem;
  }
  .contact-note {
        font-size: 12px;
    line-height: 16px;
    color: #6c757d;
  }
  .outer-container {
    background-color: #f4f8fb;
    border-radius: 20px;
  }
textarea.form-control {

    height: 107px;
}
.contact-form p {
    margin-bottom: 0px;
}
.disclamer-link {
    color: #0078C6;
}







/* ============================================
   Newsletter Signup — nl-signup styling
   ============================================ */
.nl-signup-card {
/*   max-width: 360px; */
  padding: 18px 18px 0px;
  border-radius: 20px;
  background:#FCEFF3 ;
  position: relative;
  overflow: hidden;
  font-family: -apple-system, "Inter", "Helvetica Neue", Arial, sans-serif;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);
}
.nl-signup-card p {
	margin-bottom:0px;
}
.nl-signup-card .cta-button-universal {
	width:100%;
}
.nl-signup-card::before {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    opacity: 0.55;

    background-image: url("https://workplacecompliancehub.com/wp-content/uploads/2026/07/Frame-1410105391.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    pointer-events: none;
}
.nl-signup-card form {
  position: relative;
  z-index: 1;
}
/* .nl-signup-heading {
  font-size: 22px;
  font-weight: 700;
  color: #1a1a1a;
  margin: 0 0 20px;
  line-height: 1.3;
} */
.nl-signup-card label {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: #1a1a1a;
  margin: 18px 0 6px;
}
.nl-signup-card label .required {
  color: #e0607a;
  margin-left: 2px;
}
.newsletter-email-input {
  width: 100%;
  box-sizing: border-box;
  padding: 12px 14px;
  border: 1px solid #e8dfe1;
  border-radius: 10px;
  background: #ffffff;
  font-size: 14px;
  color: #1a1a1a;
  outline: none;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.newsletter-email-input::placeholder {
  color: #b9b9b9;
}
.newsletter-email-input:focus {
  border-color: #f4a6b7;
  box-shadow: 0 0 0 3px rgba(244, 166, 183, 0.25);
}
.newsletter-email-bottom-text {
  margin: 6px 0 0;
  font-size: 10px;
  color: #8a8a8a;
}

/* ---- Subscription checkboxes styled as a closed "dropdown" ---- */
.nl-signup-dropdown-trigger {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 14px;
  border: 1px solid #e8dfe1;
  border-radius: 10px;
  background: #ffffff;
  font-size: 14px;
  color: #8a8a8a;
  cursor: pointer;
  user-select: none;
}
.nl-signup-dropdown-trigger::after {
  content: "⌄";
  font-size: 16px;
  color: #8a8a8a;
  margin-left: 8px;
  transition: transform 0.15s ease;
}
.nl-signup-dropdown-trigger.nl-signup-open::after {
  transform: rotate(180deg);
}
.wpcf7-form-control-wrap[data-name="newsletter"] {
  display: none;
  flex-direction: column;
  gap: 10px;
  margin-top: 8px;
  padding: 14px;
  border: 1px solid #e8dfe1;
  border-radius: 10px;
  background: #ffffff;
  max-height: 220px;
  overflow-y: auto;
}
.wpcf7-form-control-wrap[data-name="newsletter"].nl-signup-open {
  display: flex;
}
.nl-signup-card .wpcf7-list-item {
  margin: 5px !important;
}
.nl-signup-card .wpcf7-list-item label {
  display: flex !important;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 400;
  color: #1a1a1a;
  margin: 0 !important;
  cursor: pointer;
}
.nl-signup-card .wpcf7-list-item input[type="checkbox"] {
  width: 16px;
  height: 16px;
  accent-color: #f4a6b7;
  cursor: pointer;
}
.wpcf7-form-control-wrap[data-name="newsletter"]::-webkit-scrollbar {
  width: 8px;
}
.wpcf7-form-control-wrap[data-name="newsletter"]::-webkit-scrollbar-track {
  background: transparent;
}
.wpcf7-form-control-wrap[data-name="newsletter"]::-webkit-scrollbar-thumb {
  background-color: #e8dfe1;
  border-radius: 8px;
}
.wpcf7-form-control-wrap[data-name="newsletter"] {
  scrollbar-width: thin;
  scrollbar-color: #e8dfe1 transparent;
}


.nl-signup-card .wpcf7-spinner {
  margin-left: 8px;
}






.sidebar {
/*     width: 320px; */
    display: flex;
    flex-direction: column;
    gap: 32px;
  }
 
  /* ---- Search ---- */
  .sidebar-search {
    position: relative;
  }
 
  .sidebar-search input {
    width: 100%;
    padding: 12px 40px 12px 14px;
    border: 1px solid #e2e2e2;
    border-radius: 8px;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    color: #000000;
    outline: none;
  }
 
  .sidebar-search input::placeholder {
    color: #9a9a9a;
  }
 
  .sidebar-search input:focus {
    border-color: #000000;
  }
 
  .sidebar-search button {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    padding: 0;
  }
 
  .sidebar-search button:hover {
    background: #f0f0f0;
  }
 
  .sidebar-search button svg {
    position: static;
    transform: none;
  }
 
  /* ---- Section heading ---- */
  .sidebar-section h2 {
    font-size: 18px;
    font-weight: 700;
    color: #000000;
    margin: 0 0 16px;
    line-height: 1.3;
  }
 
  /* ---- Recent posts ---- */
  .post-list {
    display: flex;
    flex-direction: column;
    gap: 18px;
  }
 
  .post-item {
    display: flex;
    gap: 12px;
  }
 
  .post-thumb {
    width: 64px;
    height: 64px;
    border-radius: 8px;
    object-fit: cover;
    flex-shrink: 0;
    background: #d9d9d9;
  }
 
  .post-body {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
 
  .post-title {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: #000000;
    text-decoration: none;
  }
 
  .post-title:hover {
    text-decoration: underline;
  }
 
  .post-date {
    font-size: 12px;
    font-weight: 400;
    color: #767676;
  }
 
  /* ---- Courses list ---- */
  .course-list {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin: 0;
    padding: 0;
    list-style: none;
  }
 
  .course-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 15px;
    line-height: 22px;
    font-weight: 500;
    color: #1a1a1a;
  }
 
  .course-item svg {
    flex-shrink: 0;
    margin-top: 3px;
  }
 
  .course-item a {
    color: inherit;
    text-decoration: none;
  }
 
  .course-item a:hover {
    text-decoration: underline;
  }




.bc-card {
   
    background: #ffffff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
	padding:10px;
  }
 
  .bc-card-image-link {
    position: relative;
    display: block;
    line-height: 0;
  }
 
  .bc-card-thumb {
    width: 100%;
    height: 160px;
    object-fit: cover;
    display: block;
	   border-radius: 8px;
  }
 
  .bc-date-badge {
    position: absolute;
    top: 12px;
    right: 12px;
    background: #f4933b;
    color: #ffffff;
    border-radius: 10px;
    padding: 6px 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 1.1;
    text-align: center;
  }
 
  .bc-date-day {
    font-size: 16px;
    font-weight: 700;
  }
 
  .bc-date-month {
    font-size: 11px;
    font-weight: 500;
  }
 
  .bc-content {
    padding: 18px 16px 20px;
  }
 
  .bc-title {
    margin: 0 0 8px;
    font-size: 17px;
    line-height: 1.35;
    font-weight: 700;
  }
 
  .bc-title-link {
    color: #1a1a1a;
    text-decoration: none;
  }
 
  .bc-title-link:hover {
    text-decoration: underline;
  }
 
  .bc-excerpt {
    margin: 0 0 14px;
    font-size: 13px;
    line-height: 1.5;
    color: #6b6b6b;
  }
 
  .bc-readmore {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    color: #2f6fed;
    text-decoration: none;
  }
 
  .bc-readmore:hover {
    text-decoration: underline;
  }
#menu .sidebar-search input {
    width: 100%;
    padding: 12px 14px 12px 40px;
}
#menu .sidebar-search button {
	 left: 8px;
}
#menu .sidebar-search {
    width: 159px;
}


      .blog-single h1 {
        font-family: Montserrat;
        font-weight: 700;
        font-style: Bold;
        font-size: 32px;
        line-height: 40px;
        letter-spacing: 0%;
      }
      .blog-single h2 {
        font-family: Montserrat;
        font-weight: 500 !important;
        font-style: Bold;
        font-size: 24px;
        line-height: 32px;
        letter-spacing: 0%;
      }
      .blog-single h3 {
      font-family: Montserrat;
font-weight: 500 !important;
font-style: SemiBold;
font-size: 18px;
line-height: 26px;
letter-spacing: 0%;

      }
      .blog-single p {
        font-family: Montserrat;
        font-weight: 500;
        font-style: Medium;
        font-size: 14px;
        leading-trim: NONE;
        line-height: 18px;
        letter-spacing: 0%;
      }


/* Custom bullets for unordered lists */
.blog-single .post-content ul {
    list-style: none;
    padding-left: 0;
}

.blog-single .post-content ul li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 12px;
     font-size: 14px;
        line-height: 18px;
}

.blog-single .post-content ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0px;
    width: 18px;
    height: 18px;
    background: url('https://workplacecompliancehub.com/wp-content/uploads/2026/07/Frame-1410105236.png') no-repeat center;
    background-size: contain;
}
.blog-single .post-content ol {
    list-style: decimal;
    padding-left: 25px;
}

.blog-single .post-content ol li {
    margin-bottom: 12px;
	    font-size: 14px;
        line-height: 18px;
}
.blog-author-name {
	font-family: Montserrat;
font-weight: 600;
font-style: SemiBold;
font-size: 16px;
line-height: 22px;
}
.blog-publishing-date {
	font-family: Montserrat;
font-weight: 500;
font-style: Medium;
font-size: 12px;
line-height: 16px;

}
.blog-author-image {
	width:40px;
	
}
.table-of-content
      {
        background-color: #F3F9FB;
        padding: 20px;
		  border-radius:20px;
      }


.leagal-page h2
        {
            font-family: Montserrat;
font-weight: 700;
font-size: 24px;
line-height: 32px;
			    margin: 22px 0px;
        }
       .leagal-page p {
        font-family: Montserrat;
font-weight: 500;
font-size: 16px;
line-height: 22px;
        }
.leagal-page {
	padding:25px;
	border-radius:20px;
}
.leagal-page ul li {
    font-family: Montserrat;
font-size: 16px;
line-height: 22px;
	list-style:disc;
	margin-left:20px;
	    margin-bottom: 8px;
}
.leagal-page .white-box{

    background-color: white;
    padding: 20px;
    border-radius: 20px;
}
.partner-carousel-wrapper  .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
	display:block;
}








  .banner-blank {
    height: 360px;
/*     background-color:#fef6f0 ; */
  }
.single-course-banner {
    margin-top: -384px;
}
  .single-course-banner{
    font-family:'Montserrat',sans-serif;
    color:#000;
  }
  .single-course-banner .hero-band{
/*     background:#FEF6F0; */
    padding:2rem 0;
  }
  .pill{
    border-radius:500px;
    font-weight:700;
    font-size:12px;
    padding:4px 8px;
    display:inline-flex;
    align-items:center;
  }
  .pill-filled{  color:#fff; }
  .pill-outline{ background:#fff; color:#F67D31; border:1px solid #F67D31; }
  .pill-blue-outline{ background:#fff; color:#0078C6; border:1px solid #0078C6; }

  .single-course-banner .meta-item{
    display:flex;
    align-items:center;
    gap:4px;
    font-size:14px;
    font-weight:500;
  }
  .single-course-banner .meta-item i{ color:#F67D31; font-size:16px; }

  /* Accordion styling to match Figma "Feature List" cards */
  .single-course-banner .accordion-item{
    border:1px solid #E3E8FA;
    border-radius:8px !important;
    margin-bottom:1rem;
    overflow:hidden;
  }
  .single-course-banner .accordion-button{
    font-weight:700;
    font-size:20px;
    color:#000;
    padding:1.5rem;
  }
  .single-course-banner .accordion-button:not(.collapsed){
    background:#fff;
    color:#000;
    box-shadow:none;
  }
  .single-course-banner .accordion-button:focus{ box-shadow:none; }
  .single-course-banner .accordion-button::after{
    background-size:1.1rem;
  }
  .single-course-banner .section-intro{
    color:#191A22;
    font-size:14px;
    font-weight:500;
    margin-bottom:1rem;
  }
  .single-course-banner .feature-card{
    background:#fff;
    border:1px solid #E3E8FA;
    border-radius:10px;
    padding:16px;
    margin-bottom:8px;
  }
 .single-course-banner .feature-card:last-child{ margin-bottom:0; }
  .single-course-banner .feature-title{
    font-weight:600;
    font-size:16px;
    display:flex;
    align-items:flex-start;
    gap:8px;
    margin-bottom:4px;
  }
   .single-course-banner .feature-title i{ color:#F67D31; font-size:14px; margin-top:4px; }
  .single-course-banner .feature-desc{
    font-size:14px;
    color:#191A22;
    padding-left:22px;
    margin-bottom:0;
  }
  .single-course-banner .point-list .point{
    display:flex;
    gap:6px;
    align-items:flex-start;
    font-size:14px;
    color:#191A22;
    margin-bottom:8px;
  }
  .point i{ color:#22c55e; font-size:16px; margin-top:2px; }

  /* Sidebar */
  .single-course-banner .sidebar-card{
    border:1px solid #E3E8FA;
    border-radius:6px;
    padding:1.5rem;
  }
  .single-course-banner .price-old{
    text-decoration:line-through;
    font-size:14px;
    color:#191A22;
  }
  .qty-box{
    background:#F3F9FB;
    border:1px solid #F3F9FB;
    border-radius:4px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:4px 8px;
    width:80px;
  }
  .qty-box button{
    background:#fff;
    border:none;
    border-radius:50%;
    width:16px;
    height:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0;
    font-size:12px;
    line-height:1;
  }
  .btn-buy{
    background:#000;
    color:#fff;
    font-weight:700;
    font-size:16px;
    border-radius:8px;
    padding:0.9rem 1.5rem;
    width:100%;
  }
  .btn-buy:hover{ background:#222; color:#fff; }
  .stars i{ color:#F67D31; font-size:14px; }

  .corp-banner{
    background:#E9F6FF;
    border:1px solid #0078C6;
    border-radius:6px;
    padding:10px;
  }
  .corp-inner{
    background:#fff;
    border:1px dashed #0078C6;
    border-radius:4px;
    padding:1rem 1.5rem;
    text-align:center;
    box-shadow:0 4px 8px rgba(18,48,38,0.08);
  }
  .corp-tag{
    background:#0078C6;
    color:#fff;
    font-size:10px;
    font-weight:700;
    padding:4px 6px;
    display:inline-flex;
    align-items:center;
    gap:4px;
  }
  .corp-inner a{
    color:#0078C6;
    font-weight:700;
    font-size:14px;
    text-decoration:underline;
  }

  .approvals-card{
    background:#F3F9FB;
    border:1px solid #E3E8FA;
    border-radius:6px;
    padding:10px;
  }
  .approvals-inner{
    background:#fff;
    border-radius:4px;
    padding:1rem;
    text-align:center;
  }
  .approvals-inner img{
    height:22px;
    object-fit:contain;
  }









  .section-wrap{
    padding:2.5rem 0;
	  background-color:#E9F6FF;
  }
  .section-wrap .section-title{
    font-weight:700;
    font-size:24px;
    margin-bottom:1.5rem;
  }
 .section-wrap .card-panel{
    background:#fff;
    border-radius:8px;
    padding:1.5rem;
  }
  @media (min-width: 992px){
    .card-panel{ padding:1.5rem; }
  }

  .calc-title{
    font-weight:700;
    font-size:20px;
    margin-bottom:1rem;
  }
 .section-wrap .label-small{
    font-weight:600;
    font-size:12px;
    margin-bottom:4px;
  }
  .qty-input{
    border:1px solid #E3E8FA;
    border-radius:4px;
    padding:12px;
    font-weight:500;
    font-size:14px;
    width:100px;
    text-align:center;
  }
  .stepper-btn{
    background:#000;
    color:#fff;
    border:none;
    border-radius:2px;
    width:42px;
    height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:700;
    font-size:20px;
  }
  .stepper-btn:hover{ background:#222; color:#fff; }
  .stepper-btn:active{ background:#000; }
  .price-old{
    text-decoration:line-through;
    font-size:16px;
    color:#191A22;
  }
  .pill-outline{
    background:#fff;
    color:#F67D31;
    border:1px solid #F67D31;
    border-radius:500px;
    font-weight:700;
    font-size:12px;
    padding:4px 8px;
    display:inline-flex;
    align-items:center;
  }
  .subtotal-label{
    font-weight:600;
    font-size:12px;
  }
  .subtotal-value{
    font-weight:700;
    font-size:24px;
    color:#0078C6;
  }
  .section-wrap .btn-buy{
    background:#000;
    color:#fff;
    font-weight:700;
    font-size:16px;
    border-radius:8px;
    padding:0.9rem 1.5rem;
    white-space:nowrap;
	  width:inherit;
  }
  .btn-buy:hover{ background:#222; color:#fff; }

  /* Pricing tier table */
  .tier-table{
    display:flex;
    align-items:flex-end;
    gap:1px;
    flex-wrap:nowrap;
    overflow-x:auto;
  }
  .tier-col{
    flex:1 0 0;
    min-width:97px;
    border:1px solid #E3E8FA;
    border-radius:6px;
    overflow:hidden;
  }
  .tier-col.first{
    flex:0 0 auto;
    min-width:134px;
  }
  .tier-col.featured{
    border:2px solid #0078C6;
    box-shadow:0 4px 24px rgba(36,96,76,0.24);
    position:relative;
    z-index:2;
  }
  .tier-head{
    background:#0078C6;
    color:#fff;
    font-weight:500;
    font-size:14px;
    text-align:center;
    padding:8px;
  }
  .tier-col.featured .tier-head{
    font-weight:700;
    padding:12px;
  }
  .tier-body{
    background:#fff;
    font-weight:700;
    font-size:14px;
    text-align:center;
    padding:8px;
  }
  .tier-body.label{
    font-weight:500;
  }
  .tier-foot{
    background:#E9F6FF;
    font-weight:500;
    font-size:14px;
    text-align:center;
    padding:8px;
  }
  .calc-title-2{
    font-weight:600;
    font-size:20px;
    margin-bottom:0.5rem;
  }

  /* Mobile stacked tier table (row-based) */
  .tier-table-mobile{
    border:1px solid #E9F6FF;
    border-radius:6px;
    overflow:hidden;
  }
  .tier-row-mobile{
    display:flex;
  }
  .tier-row-mobile > div{
    flex:1 0 0;
    text-align:center;
    padding:8px;
    font-size:14px;
  }
  .tier-row-mobile.head > div{
    background:#0078C6;
    color:#fff;
    font-weight:600;
  }
  .tier-row-mobile.white > div{ background:#fff; }
  .tier-row-mobile.tint > div{ background:#E9F6FF; }
  .tier-row-mobile .discount, .tier-row-mobile .price{ font-weight:700; }
  .tier-row-mobile.featured{
    border:1px solid #0078C6;
    border-radius:4px;
    margin:2px 0;
  }
  .tier-row-mobile.featured > div{
    background:#E9F6FF;
  }

ul.category-ul li {
    font-family: Montserrat;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0%;
	position: relative;
    padding-left: 28px;
    margin-bottom: 10px;
}


.category-ul li::before {
    content: "\f058"; /* Font Awesome circle-check */
    font-family: "Font Awesome 6 Free";
    font-weight: 400; /* Regular style */
    position: absolute;
    left: 0;
    top: 0px;
}