@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

@font-face{
    font-family:'CULTURE';
    src:url('../css/fonts/culture-webfont.woff2') format('woff2'),
        url('../css/fonts/culture-webfont.woff') format('woff'),
        url('../css/fonts/Culture.otf') format('opentype');
    font-weight:400;
    font-style:normal;
    font-display:swap;
    --site-navigation-font-font-size-value:.9;
}

:root {
    --m-text-color: #333333;
    --m-link-color: blue;
    --m-heading-color: #000000;
    --m-global-font-size: 16px;
    --m-global-font-family: 'Inter', sans-serif;
    --m-heading-font-family: 'CULTURE', sans-serif;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body{
    overflow-x: hidden;
    font-family: var(--m-global-font-family);
    font-weight: 300;
    font-style: normal;
    font-size:16px;
    padding:0;
    margin:0;
    color:var(--m-text-color);
    scroll-behavior: smooth;
    line-height: 1.6em;
}
p{
    margin-top: 0;
    margin-bottom: 25px;
    line-height: 1.6em;
    font-size: 16px;
    font-weight: 300;
}
.elementor-element > .elementor-element:last-child > p:last-child{
    margin-bottom: 0;
}
h1, h2, h3, h4, h5, h6{
     font-family: var(--m-heading-font-family);
     font-weight: normal;
     color:var(--m-heading-color);
}
h2 strong{
    font-weight: 800;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
    color:var(--m-heading-color);
}
a{
    text-decoration: none;
    color:var(--m-link-color);
}
input{
    font-family: var(--m-global-font-family);
}
input[type="text"], input[type="email"], input[type="tel"], textarea{
    font-size: var(--m-fs);
    padding: 10px 15px;
    border: 0;
    margin-bottom: 10px;
}
input[type="submit"]{
    background: #9fda9d;
    border: 0;
    color: var(--m-text-color);
    font-family: var(--m-global-font-family);
    font-size: var(--m-fs);
    padding: 7px 30px;
}
hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}
pre {
    font-family: monospace, monospace;
    font-size: 1em;
}
.container {
    width: 1366px;
    margin:0 auto;
}
.elementor-section.elementor-section-boxed > .elementor-container{
    max-width:1366px !important;
}
 .row{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
@media (min-width:576px) {
    .col-1 {
         padding-left: 15px;
         padding-right: 15px;
         width: 8.3333333333% 
    }
     .col-2 {
         padding-left: 15px;
         padding-right: 15px;
         width: 16.6666666667% 
    }
    .col-3 {
         padding-left: 15px;
         padding-right: 15px;
         width: 25% 
    }
    .col-4 {
         padding-left: 15px;
         padding-right: 15px;
         width: 33.3333333333% 
    }
    .col-5 {
         padding-left: 15px;
         padding-right: 15px;
         width: 41.6666666667% 
    }
    .col-6 {
         padding-left: 15px;
         padding-right: 15px;
         width: 50% 
    }
    .col-7 {
         padding-left: 15px;
         padding-right: 15px;
         width: 58.3333333333% 
    }
    .col-8 {
         padding-left: 15px;
         padding-right: 15px;
         width: 66.6666666667% 
    }
    .col-9 {
         padding-left: 15px;
         padding-right: 15px;
         width: 75% 
    }
    .col-10 {
         padding-left: 15px;
         padding-right: 15px;
         width: 83.3333333333% 
    }
    .col-11 {
         padding-left: 15px;
         padding-right: 15px;
         width: 91.6666666667% 
    }
    .col-12 {
         padding-left: 15px;
         padding-right: 15px;
         width: 100% 
    }
}
/** Header **/
 header.masthead{
    z-index: 9999;
    position: absolute;
    background: none;
    padding: 30px 0;
    width: 100%;
    border-bottom: 1px solid #fff;
}
header.masthead .col-3, 
header.masthead .col-9{
    padding:0;
}
#headerbanner h1 {
    color: #ffffff;
    font-size: 60px;
    text-transform: uppercase;
    margin: 0;
}
 #headerbanner{
    background: #2E1065 url(../images/backpage-hero-v3.webp) no-repeat;
    background-size: cover;
    padding: 100px 0;
    background-position: center center;
}
.main-logo{
    font-size: 32px;
    color: #fff;
    font-family: 'CULTURE', sans-serif;
    text-transform: uppercase;
    letter-spacing: 3px;
}
.menu-row{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 0;
}
ul#menu-main-menu{
    margin: 0;
    padding: 0;
    text-align: right;
    display: flex;
    gap: 50px;
}
 ul#menu-main-menu > li{
    display:inline-block;
    position: relative;
}
ul#menu-main-menu > li:hover > a{
    color:#FAB826;
 }
 ul#menu-main-menu > li a{
    font-family: 'Inter';
    color: #fff;
    padding: 12px 10px;
    font-size: 16px;
    display: block;
    font-weight: 300;
    text-transform: uppercase;
    font-size: calc(var(--site-navigation-font-font-size-value) * 1rem);
    transition: all .3s ease-in-out;
}
ul#menu-main-menu > li.menu-button a{
    border: 1px solid #fff;
    padding: 12px 30px;
}
ul#menu-main-menu > li.menu-button:hover a{
    background: #fff;
    color: #000;
}
ul#menu-main-menu > li a.elementor-button-link{
    padding: 12px 17px;
}
ul#menu-main-menu > li.has-mega > a,
ul#menu-main-menu > li.menu-item-has-children > a{
   position: relative; 
}
ul#menu-main-menu > li.has-mega > a::before,
ul#menu-main-menu > li.menu-item-has-children > a::before{
    position: absolute;
    content: "";
    width: 10px;
    height: 5px;
    background: transparent url(../images/menu-drop.svg) no-repeat;
    background-size: contain;
    right: 10px;
    top: 22px; 
}
ul#menu-main-menu > li.has-mega:hover > a::before,
ul#menu-main-menu > li.menu-item-has-children:hover > a::before{
    transform: rotate(180deg);
    background: transparent url(../images/menu-drop-hover.svg) no-repeat;
    background-size: contain;
}
 ul#menu-main-menu > li.menu-btn{
    margin-left: 40px;
 }
 ul#menu-main-menu > li.menu-btn a{
    background:#851506;
    color:#fff;
    padding-bottom: 12px;
}
.elementor-button,
ul#menu-main-menu > li.menu-btn a:hover{
    background: #000;
}
.menu .sub-menu {
    position: absolute;
    display: none;
    background: #2E1065;
    color: #fff;
    text-align: left;
    padding: 0;
    margin: 0;
    list-style-type: none;
    left: 0;
    z-index: 1;
    width: 280px;
}
.menu>li> a{
    display: block;
}
.menu>li>.sub-menu {
	margin: 0;
    top: 40px;
}
.menu li:hover>.sub-menu {
	display: block
}
.menu .sub-menu li a {
	padding: 10px 20px;
	display: block;
	color: #fff;
}
.menu .sub-menu .sub-menu {
	left: 100%;
	top: 0
}
.menu .sub-menu li:hover>a {
	background: #000
}
/* Mega Menu Start */
ul#menu-main-menu > li.has-mega{
    position: inherit;
}
.mega-wrap{
    position: absolute;
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
    backdrop-filter: blur(10px);
    background-color: rgb(16 50 73 / 88%);
    display: none;
}
ul#menu-main-menu > li.has-mega:hover .mega-wrap{
    display:block;
}
.mg-row-cont{
    padding: 10px;
}
.mg-row-cont p{
    margin-bottom: 0;
}
.mg-row-cont:hover{
    background: rgb(6 35 55 / 63%);
}
#mg-online-courses{
    padding: 20px;
    box-shadow: 0px 4px 27.1px rgba(0, 0, 0, 0.37);
}
/* Mega Menu End */



 .alignwide, .alignfull {
     margin: 0 calc(50% - 50vw);
     max-width: 100vw;
     width: 100vw;
}
 .wp-block-cover__inner-container{
     max-width: 1366px;
     margin: 0 auto;
}

#top-bar{
    width: 100%;
}
#top-bar .container{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
#top-bar ul li{
    border-radius: 40px;
    background: #2e1065;
}
#top-bar ul a{
    padding: 6px;
    height: 31px;
    display: flex;
    align-items: center;
    width: 31px;
}
#top-bar ul path{
    fill: #b8b8b8;
}
#top-bar ul{
    list-style-type: none;
}
#top-bar ul,
#top-bar p{
    margin: 0;
    padding: 0;
}
.wp-social-link{
    transition: all .3s ease-in-out;
}
.wp-social-link:hover{
    transform: scale(1.2);
}

.tb-right{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 20px;
    background: none;
    padding: 10px 0;
    padding-right: 0;
    position: relative;
}

#sec-hero{
    position: relative;
}
#sec-hero > .e-con-inner{
    position: relative;
    z-index: 1;
}
#sec-hero::before{
    content: "";
    background: transparent url(../images/hero-rec.svg) no-repeat;
    background-position: bottom right;
    height:100%;
    width: 50%;
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: 0;
}
.heading-colored strong{
    color: #FAB826;
}
#sec-what-we-do{
    position: relative;
}
#sec-what-we-do > .e-con-inner{
    position: relative;
    z-index: 1;
}
#sec-what-we-do::before{
    content: "";
    background: transparent url(../images/divider-one.svg) no-repeat;
    background-position: top right;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 0;
}
#sec-what-we-do::after{
    content: "";
    background: transparent url(../images/divider-3.svg) no-repeat;
    background-position: bottom left;
    height:100%;
    width: 100%;
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: 0;
}
.e-n-tab-title-text strong{
    margin-left: 15px;
}
#sec-contact-us{
    position: relative;
}
#sec-contact-us > .e-con-inner{
    position: relative;
    z-index: 1;
}
#sec-contact-us::before{
    content: "";
    background: transparent url(../images/divider-4.svg) no-repeat;
    background-position: top left;
    height: 100%;
    width: 100%;
    top: -5px;
    left: 0;
    position: absolute;
    z-index: 0;
}
#sec-contact-us .gform_wrapper{
    max-width: 640px;
    margin: 0 auto;
}
.gform-theme--foundation .gfield .ginput_password.large, 
.gform-theme--foundation .gfield input.large, 
.gform-theme--foundation .gfield select.large{
    padding: 5px 20px;
    height: auto;
    border-radius: 0;
    font-family: var(--m-global-font-family);
}
#sec-contact-us .gform-theme--foundation .gform_footer{
    display: flex;
    justify-content: center;
}
#sec-contact-us .gform-theme--foundation .gform_footer .gform_button{
    font-family: "Inter", Sans-serif;
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
    background-color: #851506;
    color: #FFFFFF;
    border-radius: 0px 0px 0px 0px;
    padding: 15px 40px 15px 40px;
}
#who-we-help-image-1,
#who-we-help-image-2{
    background-size: 100% 100% !important;
}
#sec-who-we-help{
    position: relative;
}
#sec-who-we-help > .e-con-inner{
    position: relative;
    z-index: 1;
}
#sec-who-we-help::after{
    content: "";
    background: #FAB826;
    height: 10px;
    width: 60%;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 0;
}

.latest-resources{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:32px;margin:0 auto
}
.resource-item{
    display:flex;
    flex-direction:column
}
.resource-image{
    border:2px solid #f2a900;
    overflow:hidden
}
.resource-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    object-position: top;
}
.resource-title{
    min-height: 110px;
    margin:16px 0 8px;
    font-size:28px;
    font-weight:500;
    line-height:1.1
}
.resource-title a{
    text-decoration:none;
    color:#0b2c4d
}
.resource-excerpt{
    font-size:18px;
    font-weight: 300;
    color:#2E1065;
    margin-bottom:12px
}
.resource-readmore{
    color: #9b1c1c;
    font-size: 18px;
}
.resources-more{
    grid-column:1/-1;
    text-align:center;
    margin-top:32px
}
.resources-more-btn{
    font-family: "Inter", Sans-serif;
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
    background-color: #851506;
    color: #FFFFFF;
    border-radius: 0px 0px 0px 0px;
    padding: 15px 40px 15px 40px;
}
.resource-item:nth-child(1) .resource-image-wrap{
    clip-path:polygon(0 35%,100% 0,100% 100%,0 100%);
    background:#f2a900;
    padding:2px
}
.resource-item:nth-child(1) .resource-image{
    clip-path:polygon(0 35%,100% 0,100% 100%,0 100%);
    background:#fff
}
.resource-item:nth-child(1) .resource-image img{
    width:100%;height:100%;
    object-fit:cover;
    display:block
}

.resource-item:nth-child(3) .resource-image-wrap{
    clip-path:polygon(0 0,100% 35%,100% 100%,0 100%);
    background:#f2a900;
    padding:2px
}
.resource-item:nth-child(3) .resource-image{
    clip-path:polygon(0 0,100% 35%,100% 100%,0 100%);
    background:#fff
}
.resource-item:nth-child(3) .resource-image img{
    width:100%;height:100%;
    object-fit:cover;
    display:block
}

.main-footer{
    background: #000;
    padding-top: 80px;
    padding-bottom: 80px;
}
.main-footer .row{
    gap: 50px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}
.main-footer h2{
    color: #fff;
    font-size: 32px;
}
.main-footer p,
.main-footer a{
    color: #fff;
}
.footer-sidebar-3 > p{
    margin: 0;
    padding: 0;
}
.footer-sidebar-3 .gform_wrapper{
    padding: 0;
    background: none;
    width: 100%;
}
.footer-sidebar-3 .gform_fields input[type="text"],
.footer-sidebar-3 .gform_fields input[type="email"],
.footer-sidebar-3 .gform_fields input[type="tel"],
.footer-sidebar-3 .gform_fields textarea{
    border: 0 !important;
    border-radius: 0 !important;
    padding: 10px 20px !important;
    height: auto !important;
    min-height: initial !important;
    line-height: 1 !important;
    border: 1px solid #fff !important;
    background: #000000 !important;
}
.footer-sidebar-3 .gform_fields input[type="text"]::placeholder,
.footer-sidebar-3 .gform_fields input[type="email"]::placeholder,
.footer-sidebar-3 .gform_fields input[type="tel"]::placeholder,
.footer-sidebar-3 .gform_fields textarea::placeholder{
    color: #A9A9A9;
}
.footer-sidebar-3 .charleft{
    display: none;
}
.footer-sidebar-3 .gform_fields{
    gap: 10px;
}
.footer-sidebar-3 .gform_wrapper h2.gform_title{
    font-size: 32px;
    font-weight: 600;
    text-transform: uppercase;
    color: #081526;
    text-align: center;
    margin-top: 0;
}
.footer-sidebar-3{
    position: relative;
}
.gform-theme.gform-theme--framework.gform_wrapper input.button{
    font-family: "Inter", Sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    background-color: transparent !important;
    color: #FFFFFF !important;
    border-radius: 0px 0px 0px 0px !important;
    padding: 15px 40px 15px 40px !important;
    border: 1px solid #fff !important;
}
.gform-theme--foundation .gform_fields{
    gap: 10px !important;
}

#footer-social{
    list-style-type: none;
    padding: 0;
    margin-bottom: 50px;
    gap: 20px;
}
ul#footer-social li{
    border-radius: 40px;
    background: #fff;
}
ul#footer-social a{
    padding: 6px;
    height: 31px;
    display: flex;
    align-items: center;
    width: 31px;
}
ul#footer-social path{
    fill: #2E1065;
}

#footer-phone{
    background: transparent url(../images/phone.png) no-repeat;
    background-size: contain;
    background-position: center left;
    font-weight: bold;
    padding-left: 40px;
}
#footer-email{
    background: transparent url(../images/email.png) no-repeat;
    background-size: contain;
    background-position: center left;
    font-weight: bold;
    padding-left: 40px;
}
#footer-address{
    background: transparent url(../images/address.png) no-repeat;
    background-size: contain;
    background-position: center left;
    font-weight: bold;
    padding-left: 40px;
}
#breadcrumbs{
    padding: 10px 0;
}
#breadcrumbs a{
    color: #2E1065;
}
#breadcrumbs .breadcrumb_last{
    color: #851506;
}
.top-divider{
    position: relative;
}
.top-divider::before{
    position: absolute;
    content: "";
    width: 40%;
    height: 20px;
    background: transparent url(../images/divider.svg) no-repeat;
    background-size: 100%;
    z-index: 0;
    top: 70px;
}

#main ul li{
    margin-bottom: 10px;
}
#risk-monitoring-provides img{
    width: 100%;
    height: 300px;
    object-fit: cover;
    object-position: bottom;
}
#risk-monitoring-provides > div{
    position: relative;
    overflow: hidden;
}
body:not(.elementor-editor-active) .rmp-desc{
    display: none;
    margin-top: 0;
    transition: all .3s ease-in-out;
}
body:not(.elementor-editor-active) #risk-monitoring-provides > div:hover .rmp-desc{
    display: block;
    margin-top: 20px;
}
body:not(.elementor-editor-active) .rmp-box{
    position: absolute;
    bottom: 0;
    border: 2px solid #FAB826;
    height: 108px;
    transition: all .3s ease-in-out;
}
body:not(.elementor-editor-active) .rmp-box p{
    margin-bottom: 0;
}
body:not(.elementor-editor-active) #risk-monitoring-provides > div:hover .rmp-box{
    height: 300px;
}
#stay-ahead{
    position: relative;
    z-index: 1;
}
#stay-ahead::before{
    content: "";
    position: absolute;
    top: -14px;
    right: 0;
    width: 60%;
    height: 0;
    border-bottom: 15px solid #2E1065;
    border-right: 60px solid transparent;
}
#stay-ahead::after{
    content: "";
    position: absolute;
    bottom: -14px;
    right: 0;
    width: 60%;
    height: 0;
    border-top: 15px solid #2E1065;
    border-left: 60px solid transparent;
}
.center-divider{
    position:relative;
}
.center-divider h2{
    position:relative;
    display: inline-block;
}
.center-divider h2::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    width: 273px;
    height: 0;
    border-bottom: 10px solid #2E1065;
    border-right: 60px solid transparent;
    transform: translateY(-50%);
}
.center-divider h2::after{
    content: "";
    position: absolute;
    bottom: -14px;
    right: 0;
    width: 273px;
    height: 0;
    border-top: 15px solid #2E1065;
    border-left: 60px solid transparent;
}
#related-blogs{
    margin-bottom: 100px;
}
#related-blogs h2.center-divider{
    font-size: 34px;
    font-weight: 300;
    font-family: "Inter", Sans-serif;
    text-transform: uppercase;
    text-align: center;
}
.custom-colored-heading{
    display: flex;
    justify-content: center;
    margin-bottom: 15px;
}
#related-blogs h2{
    position: relative;
}
#related-blogs h2::before{
    content: "";
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    left: -125%;
    width: 273px;
    height: 0;
    border-bottom: 6px solid #2E1065;
    border-left: 20px solid transparent;
}
#related-blogs .resources-more{
    margin-top: 60px;
}
#related-blogs h2::after{
    content: "";
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    right: -125%;
    width: 273px;
    height: 0;
    border-bottom: 6px solid #2E1065;
    border-right: 20px solid transparent;
}
.post-cards{
    display: flex;
    gap: 20px;
    justify-content: center;
}
.post-card{
    background: #0b283b;
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    width: 25%;
    padding-bottom: 30px;
    transition: all .3s ease-in-out;
}
.resources-more-btn{
    transition: all .3s ease-in-out;
}
.resources-more-btn:hover{
    background: #0b283b;
}
.post-card:hover{
    background: #851506;
}
.post-card-image{
    display: flex;
}
.post-card-image img{
    width: 100%;
    height: 190px;
    object-fit: cover;
}
.post-card-content{
    padding: 30px 30px;
}
.post-card-content h3{
    margin-top: 0;
    font-size: 28px;
    font-family: 'Inter', sans-serif;
    color: #fff;
    font-weight: 500;
    margin-bottom: 15px;
}
.post-card-content p{
    font-size: 18px;
    color: #fff;
}
.post-card-content .read-more{
    color: #FAB826;
    font-size: 18px;
    position: absolute;
    bottom: 30px;
    left: 30px;
}
#osint-law{
    position: relative;
}
#osint-law::before {
    content: "";
    position: absolute;
    top: -14px;
    right: 0;
    width: 50%;
    height: 0;
    border-bottom: 15px solid #ffffff;
    border-right: 60px solid transparent;
}
#curriculumn-images img{
    height: 65px;
}
#stay-ahead.rect-left{
    content: "";
    position: absolute;
    top: -14px;
    height: 0;
    border-bottom: 300px solid #2E1065;
    border-left: 1000px solid transparent;
    right: 0;
    display: flex;
    width: 100%;
}
.related-services-rows > div:nth-child(2),
.related-services-rows > div:nth-child(3),
.related-services-rows > div:nth-child(4),
.related-services-rows > div:nth-child(5){
    position: relative;
}
.related-services-rows > div:nth-child(2)::before,
.related-services-rows > div:nth-child(3)::before,
.related-services-rows > div:nth-child(4)::before,
.related-services-rows > div:nth-child(5)::before{
    content: "";
    position: absolute;
    top: 0;
    left: -50px;
    width: 3px;
    height: 100%;
    background: #FAB826;
}
.alignleft {
	float: left;
	margin-top: 0;
	margin-right: 24px;
	margin-bottom: 24px;
	margin-left: 0;
}
.alignright {
	float: right;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 24px;
	margin-left: 24px;
}
.post-featured {
	max-width: 500px;
}   
.post-featured img {
	width: 100%;
	height: auto;
	display: block;
} 
.w-border .elementor-heading-title{
    display: inline-block;  
    padding-bottom: 30px;
    background: transparent url(../images/w-border.png) no-repeat;
    background-size: 300px;
    background-position: bottom left;
}

@media (max-width:1550px) and (min-width:1250px){
    body{
        zoom: 0.8;
    }
}
.elementor-widget-heading .elementor-heading-title{
    line-height: 1.3;
}
#hero .elementor-shape-bottom{
    z-index: 1;
}
.problem-box{
    border-radius: 8px;
    padding: 20px;
    backdrop-filter: blur(10px);
    background: #ffffff;
    box-shadow: 1px 1px 1px 1px #80808038;
}
.elementor-widget-icon-list .elementor-icon-list-text {
    color: #000000;
}
.service-row{
    backdrop-filter: blur(30px);
    background: #00000014;
    border: 1px solid #ffffff30 !important;
}
.service-row img{
    height: 200px;
    object-fit: cover;
}

.approach-section{padding:120px 40px;background:linear-gradient(135deg,#f4f1f8 0%,#ffffff 50%,#efe6fb 100%);text-align:center;position:relative;overflow:hidden;}

.approach-header h2{font-size:48px;font-weight:800;color:#f7931e;margin-bottom:10px;letter-spacing:2px;}

.approach-header p{font-size:20px;color:#5e4a7d;margin-bottom:70px;}

.approach-timeline{display:flex;justify-content:center;align-items:stretch;gap:15px;flex-wrap:wrap;position:relative;}

.approach-card{
    background: #f4f2ee;
    padding: 30px 20px;
    transition: all .3s ease;
    gap: 0;
}


.approach-card h3{font-size:20px;color:#000;margin-bottom:15px;font-weight:700;}

.approach-card p{font-size:15px;color:#444;line-height:1.6;}

.badge{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #C6A75E;
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px auto;
}

#the-approach{    background: linear-gradient(135deg, #f4f1f8 0%, #ffffff 50%, #efe6fb 100%); }

.stars{margin-top:5px;font-size:14px;letter-spacing:3px;} 

.font-culture,
.font-culture *{
    font-family: 'CULTURE', sans-serif !important;
}
.problem-sec-4,
.problem-sec-3,
.problem-sec-2,
.problem-sec-1{
    position: relative;
}
.problem-sec-4::before,
.problem-sec-3::before,
.problem-sec-2::before,
.problem-sec-1::before{
    position: relative;
    content: "1";
    width: 50px;
    height: 50px;
    display: block;
    margin: 0 auto;
    background: #C6A75E;
    text-align: center;
    font-size: 30px;
    line-height: 50px;
    color: #fff;
    border-radius: 30px;
}
.problem-sec-4::before{
    content: "4";
}
.problem-sec-3::before{
    content: "3";
}
.problem-sec-2::before{
    content: "2";
}


.carousel{position:relative;overflow:hidden;width:100%}
.testimonials{color:#fff;text-align:center;overflow:hidden;position:relative}
.testimonials-container{max-width:80%;margin:0 auto;position:relative}
.testimonials-title{font-size:2.6rem;margin-bottom:4rem;letter-spacing:2px;color:#C6A75E;font-weight:500}
.carousel{position:relative}
.carousel-track{display:flex;transition:transform .7s cubic-bezier(.77,0,.18,1)}
.testimonial{min-width:100%;padding:0 2rem;box-sizing:border-box}
.testimonial-img{width:110px;height:110px;border-radius:50%;object-fit:cover;margin-bottom:2rem;border:3px solid #C6A75E}
.testimonial p{
    font-size: 18px;
    line-height: 1.8;
    font-weight: 300;
    margin-bottom: 2rem;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    font-style: italic;
}
.testimonial-author{font-size:1.1rem;letter-spacing:1px;color:#C6A75E;margin-bottom:.3rem}
.testimonial-role{font-size:.9rem;opacity:.7;letter-spacing:1px}
.carousel-btn{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: transparent !important;
    border: 1px solid #c6a75e;
    color: #c6a75e !important;
    font-size: 1.5rem;
    width: 45px;
    height: 45px;
    border-radius: 50% !important;
    cursor: pointer;
    transition: .3s;
    padding: 0 !important;
}
.carousel-btn:hover{background:#C6A75E;color:#000}
.carousel-btn.prev{left:-60px}
.carousel-btn.next{right:-60px}
.carousel-dots{display:flex;display: none;margin-top:3rem;justify-content:center;gap:12px}
.carousel-dots button{width:12px;height:12px;border-radius:50%;border:1px solid #C6A75E;background:transparent;cursor:pointer;transition:.3s;padding: 0 !important;}
.carousel-dots button.active{background:#C6A75E}
.carousel-dots button:hover{background:#C6A75E}
.carousel-btn.prev{left:-60px}
.carousel-btn.next{right:-60px}
@media(max-width:1024px){.carousel-btn.prev{left:10px}.carousel-btn.next{right:10px}}


@media only screen and (max-width: 1100px){
    main .woocommerce,
    .e-con>.e-con-inner,
    .container {
        width: 95%;
        margin:0 auto;
    }
    .row{
         margin:0;
    }
    #menu-holder .row {
        justify-content: center;
    }
    .menu-row{
        padding-bottom: 10px;
    }
    .footer-sidebar-3::before{
        display: none;
    }
    .footer-sidebar-1,
    .footer-sidebar-2,
    .footer-sidebar-3{
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    .main-footer .row{
        flex-direction: column;
        gap: 30px;
    }
    .footer-sidebar-2{
        padding-top: 0;
    }
    .footer-sidebar-2 .wp-block-image{
        margin: 0;
    }
    .main-footer p{
        text-align: center;
    }
    #risk-monitoring-provides {
        flex-wrap: wrap;
        display: flex;
        justify-content: center;
    }

    #risk-monitoring-provides > .e-con {
        width: 33.3333%;
    }
}
@media only screen and (max-width: 980px){
    .footer-sidebar-2 .widget-title{
        margin-top: 0;
    }
    .main-footer .row > div{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .footer-sidebar-3::before{
        left: 0;
    }
    #related-blogs h2::before{
        left: -150px;
        width: 100px;
    }
    #related-blogs h2::after{
        right: -150px;
        width: 100px;
    }
    .post-cards {
        display: flex;
        gap: 1%;
        justify-content: center;
        flex-wrap: wrap;
    }
    .post-card{
        width: 49%;
        margin-bottom: 10px;
    }
    .related-services-rows{
        display: flex;
        flex-direction: column !important;
        gap: 20px;
    }
    .alignleft,
	.alignright {
		float: none;
		margin: 0 0 24px 0;
	}

	.post-featured {
		max-width: 100%;
	}
}
@media only screen and (max-width: 580px){
    .footer-sidebar-4{
        text-align: center;
    }
    .latest-resources{
        grid-template-columns: repeat(1, 1fr);
    }
    
    .resource-item:nth-child(1) .resource-image,
    .resource-item:nth-child(1) .resource-image-wrap,
    .resource-item:nth-child(3) .resource-image,
    .resource-item:nth-child(3) .resource-image-wrap{
        clip-path: none;
    }
    #whywork > .e-con-inner{
        padding: 50px 0;
    }
    #whywork{
        background-position: top left;
    }
    .footer-sidebar-3 .gform_wrapper{
        width: 100%;
        padding-top: 30px;
    }
    .menu-row{
        padding-top: 60px;
    }
    #risk-monitoring-provides > .e-con {
        width: 100%;
    }    
    .post-card{
        width: 100%;
        margin-bottom: 10px;
    }
    .post-card-image img{
        height: auto;
    }
}