/*
Theme Name: Porto Child
Theme URI: https://www.portotheme.com/wordpress/porto
Author: P-THEMES
Author URI: https://www.portotheme.com/
Description: Porto Responsive WordPress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/

/*************** Typography CSS ***************/

@import url("https://use.typekit.net/vvm4mgf.css");

:root{
	--clr1: #fff;
	--clr2: #E2A234;
	--clr3: #233E70;
	--clr4: ;
	--clr5: ;
	
	--bg-color-primary:  #fff;
	--bg-color-secondary: #E2A234;
	--bg-color-tertiary: #233E70;
    --bg-color-quaternary: ;
	
	
	--sp-xsm: 15px;
	--sp-sm: 30px;
	--sp-md: 45px;
	--sp-lg: 75px;
	
	--sp-lg-mb: 30px;
}


.pri p{color: var(--clr1);}
.sec p{color: var(--clr2);}
.tert p{color: var(--clr3);}
.quat p{color: var(--clr4);}
.quin p{color: var(--clr5);}

.pri-h1 h1{color: var(--clr1);}
.sec-h1 h1, .sec-h1{color: var(--clr2);}
.tert-h1 h1{color: var(--clr3);}
.quat-h1 h1{color: var(--clr4);}
.quin-h1 h1{color: var(--clr5);}

.pri-h2 h2{color: var(--clr1);}
.sec-h2 h2{color: var(--clr2);}
.tert-h2 h2{color: var(--clr3);}
.quat-h2 h2{color: var(--clr4);}
.quin-h2 h2{color: var(--clr5);}

.pri-h3 h3{color: var(--clr1);}
.sec-h3 h3{color: var(--clr2);}
.tert-h3 h3{color: var(--clr3);}
.quat-h3 h3{color: var(--clr4);}
.quin-h3 h3{color: var(--clr5);}

.pri-h4 h4{color: var(--clr1);}
.sec-h4 h4{color: var(--clr2);}
.tert-h4 h4{color: var(--clr3);}
.quat-h4 h4{color: var(--clr4);}
.quin-h4 h4{color: var(--clr5);}

.pri-h5 h5{color: var(--clr1);}
.sec-h5 h5{color: var(--clr2);}
.tert-h5 h5{color: var(--clr3);}
.quat-h5 h5{color: var(--clr4);}
.quin-h5 h5{color: var(--clr5);}

.pri-h6 h6{color: var(--clr1);}
.sec-h6 h6{color: var(--clr2);}
.tert-h6 h6{color: var(--clr3);}
.quat-h6 h6{color: var(--clr4);}
.quin-h6 h6{color: var(--clr5);}

.background-color1{background-color: var(--bg-color-primary);}
.background-color2{background-color: var(--bg-color-secondary);}
.background-color3{background-color: var(--bg-color-tertiary);}
.background-color4{background-color: var(--bg-color-quaternary);}

.overly-opacity{opacity: 0.9;}


.h4-custom h4{font-size: 18px; font-weight: 700; line-height: 24px; letter-spacing: -0.2px; color: #212529 !important;}

.p-sm-custom p{
font-size: 15px !important;
font-weight: 400 !important;
line-height: 24px !important; /* 125% */
letter-spacing: -0.2px !important;
}

.icon-section h4{color: #1C1C1C !important;
text-align: center !important;
font-size: 30px !important;
font-weight: 700 !important;
line-height: 35px !important; /* 116.667% */
letter-spacing: -0.4px !important;}

.icon-section .process-step-desc{color: #585757 !important;
text-align: center !important;
font-size: 15px !important;
font-weight: 400 !important;
line-height: 24px !important;
letter-spacing: -0.2px !important;}

.quote-p p{color: var(--clr2) !important;
text-align: center;
font-size: 20px !important;
font-weight: 400 !important;
line-height: 32px !important; /* 160% */
letter-spacing: -0.3px !important;}

.quote-p .testimonial-author p strong{color: var(--clr2) !important;
text-align: center;
font-size: 18px !important;
font-weight: 700 !important;
line-height: 24px !important;
letter-spacing: -0.2px !important;}

.rw-post h4{color: var(--clr5);
font-size: 18px;
font-weight: 700;
line-height: 24px; /* 133.333% */
letter-spacing: -0.2px;}

.rw-post p{color: var(--clr3);
font-size: 15px;
font-weight: 400;
line-height: 24px;
letter-spacing: -0.2px;}

.talk-business .porto-u-sub-heading{color: var(--1-white, #FFF) !important;
font-size: 15px !important;
font-weight: 400 !important;
line-height: 24px !important;
letter-spacing: -0.2px !important;}

.talk-business .porto-sicon-title{color: #FFF !important;
font-size: 18px !important;
font-weight: 700 !important;
line-height: 24px !important;
letter-spacing: -0.2px !important;}

.rw-stg .porto-u-sub-heading{font-size: 15px;
font-weight: 400;
line-height: 24px; /* 160% */
letter-spacing: -0.2px;}


.rw-stg h4{color: #212529;
font-size: 18px;
font-weight: 700;
line-height: 24px;
letter-spacing: -0.2px;}

.sec-skill h4{color: #212529;}

.sec-skill .porto-u-sub-heading{
font-size: 15px;
font-weight: 400;
line-height: 24px; 160% 
letter-spacing: -0.2px; padding-top: 15px;} 

.news-main h4{color: #212529;
font-size: 18px;
font-weight: 700;
line-height: 24px;
letter-spacing: -0.2px;}

.news-main .btn-md span{color: var(--bg-color-secondary);
font-size: 15px;
font-weight: 500;
line-height: 24px;
letter-spacing: -0.2px;}

.post-custom h3{color: var(--clr5) !important;
font-size: 18px !important;
font-weight: 700 !important;
line-height: 24px !important; /* 133.333% */
letter-spacing: -0.2px !important; padding-bottom: 15px;}


#header .main-menu > li.menu-item > a{padding-top: var(--sp-xsm) !important; padding-bottom: var(--sp-xsm) !important;}
#header{z-index: 99999;
    position: relative;
    background: #fff;}

/*************** Button CSS  ***************/

.btn-global a{ font-size: 12.8px;
font-weight: 700;
line-height: 18.29px;
letter-spacing: 2.5px;
padding: 21px 42px !important; }

.btn-global{margin-bottom: 0px !important;}

.btn-pri a{  color:#465468; background: #EDEDED;}

.btn-pri a:hover{   background: #013160; color: #fff;}

.btn-sec a{  color:#fff ; background: #013160;  }

.btn-sec a:hover{   background: #fff; color: #013160;}



/*************** Spacing CSS  ***************/

.sp-top-xsm{padding-top:var(--sp-xsm) !important;}
.sp-bottom-xsm{padding-bottom:var(--sp-xsm) !important;}

.sp-top-sm{padding-top:var(--sp-sm) !important;}
.sp-bottom-sm{padding-bottom:var(--sp-sm) !important;}

.sp-top-md{padding-top:var(--sp-md) !important;}
.sp-bottom-md{padding-bottom:var(--sp-md) !important;}

.sp-top-lg{padding-top:var(--sp-lg) !important;}
.sp-bottom-lg{padding-bottom:var(--sp-lg) !important;}

h1,h2,h3,h4,h5,h6,p{margin-bottom: 0px !important;}

.rw-grey .process-step{margin-bottom: 0px !important;}
.rw-grey .step-item-title{padding-bottom: 30px;}
.rw-grey .process-step-content{padding-top: 14px !important;}

.grid-bt-sp .porto-tb-item{margin-bottom: 0px !important;}

.testimonial-sec img{margin: 0 auto !important;}
.testimonial-sec .testimonial-carousel{padding-top: 30px !important; padding-bottom: 30px !important;}
.testimonial-sec .testimonial{margin-bottom: 0px !important;}

.rw-post p{padding-top: 15px; padding-bottom: 15px;}
.rw-post .porto-tb-item{margin-bottom: 0px !important;}
.owl-carousel { margin-bottom: 0px !important;}
.rw-post .btn-lg{margin-bottom: 0px !important;}
.stats-block{margin-bottom: 0px !important;}
.talk-business .porto-u-sub-heading{padding-top: 30px;}

.intro-callout{padding-top: 35px; padding-bottom: 35px;}
.text-in-col{margin-bottom: 32px !important;}
.page-top > .container{padding-top: 100px !important; padding-bottom: 100px !important;}
.sub-head-sp{padding-top: 126px; padding-bottom:126px;}
.news-main p{padding-top:var(--sp-xsm) !important; padding-bottom:var(--sp-xsm) !important;}
.main-content{padding-bottom: 0px !important;}
.m-t-lg {   margin-top: var(--sp-md) !important;}




/*************** CSS  ***************/

p{    color: #233e70;
    font-size: 18px !important;
    font-family: avenir-lt-pro, sans-serif; font-weight: 200; font-style: normal;
    line-height: 23.4px;}

.img-logo img{width: 230px;height: 69px;}
.rw-post .porto-section{max-width: 70px;}
.custom-progress-bars-style .progress { background-color: rgba(255, 255, 255, 0.3) !important; }
.custom-progress-bars-style .progress-bar { position: static !important; }
.custom-progress-bars-style .progress-bar span { position: absolute; right: 0; bottom: 0; }
.progress-bar-tooltip:after { display: none; }
.news-main img{max-width: 350px;}
.news-main .porto-tb-meta{display: none;}
.team-img img{max-width: 300px; max-height: 300px;}
.post-custom img{width: 830px; height: 346px;}

/*************** Header/Footer CSS  ***************/

#header .main-menu > li.menu-item > a{
font-size: 16px;
	font-family: "Aetherlight";
font-weight: 400;
line-height: 30px; /* 125% */
letter-spacing: -0.1px;
	color: #233e70;
 padding: 80px 0px 30px 30px !important;}
#header .main-menu > li.menu-item > a:hover{color: #e2a234 !important;}
.header-builder-p .vc_column-inner{align-items: end !important;}
#header .header-main .container{min-height: auto !important;}
.home-rw-banner{max-height: 600px;}
.no-breadcrumbs .main-content{padding-top: 0px !important;}
.wpb_custom_3071a3ab3e01568caac2d97306d77e13 .owl-nav:not(.disabled){display:none !important;}
.t-col-width{max-width: 450px;}
.rw-tm .porto-wrap-container{ max-width: 900px;margin-left: auto; margin-right: auto;}
.ss-left-sidebar{display: none !important;}

#footer .logo-footer img{width: 230px;height: 69px;}
#footer p{color: #fff !important; font-size: 14px !important;text-align: right; line-height: 30px;}
.hide-share{display: none !important;}
.social-share{display: inline-flex;}
.share-single{margin-right: 30px;}
.share-single img{height: 24px;}
#footer  .widget_nav_menu>div>ul li:before{display: none;}
#footer .widget>div>ul li{border-top: 0px solid #fff;}
#footer .widget>div>ul{border-bottom: 0px solid #fff;}
#footer .menu{display: inline-flex;}
#footer .menu-footer-menu-container{text-align: right;}
#footer .wpb_content_element, #footer .widget{margin-bottom: 15px !important;}
#footer li a{font-size: 16px; font-weight: 200; line-height: 18.29px; letter-spacing: 0.5px; color: #fff; font-family: avenir-lt-pro, sans-serif;
;text-decoration: underline;font-style: normal;}

.home-hero .video-overlay{Background: #233E70 url('/wp-content/uploads/2026/07/DNA-Graphic-1.svg') !important; opacity: 0.8;background-repeat: no-repeat !important;     background-size: 150% 100% !important;}
#nav-panel .accordion-menu li.menu-item.active > a{background: #fff !important;}
#nav-panel .accordion-menu li.menu-item > a, #nav-panel .accordion-menu > li.menu-item > a{color: #233e70 !important; text-transform: none; text-align: center;}
#nav-panel .accordion-menu li {    border-bottom: 1px solid #233E70;}

.custom-sidebar ul li {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #233e70;
    margin-bottom: 10px !important;
    max-width: 320px;
    margin: 0 auto;
}

.custom-sidebar ul li:before {
    display: none;
}
   

.custom-sidebar ul li a {
    color: #FFF;
    font-size: 13px;
    font-weight: 700;
    line-height: 13px;
    text-transform: uppercase;
    text-align: center;
    padding: 16px 31px !important;
    width: 100%;
}

.custom-sidebar ul li {
    border-radius: 4px;
}

.custom-sidebar .widget_nav_menu>div>ul li {
    padding: 0px;
}

.policy-col{padding-top: 50px; }
.policy-col h3{color: #233e70;}
.policy-col li{    color: #233e70;
    font-size: 18px !important;
    font-family: avenir-lt-pro, sans-serif;
    font-weight: 200;
    font-style: normal;
    line-height: 23.4px;}

/*************** CSS  ***************/
.img-tri-icon1 img{height: 77px; max-width: 43px;}
.img-tri-icon2 img{height: 100px; max-width: 56px;}
.img-tri-icon3 img{height: 64px; max-width: 34px;}
.home-hero .col-hero-text{padding-top: 110px; padding-bottom: 195px; }
.yellow-callout{padding-top: 115px; padding-bottom: 115px;}
.hero-dna{opacity: 0.2;    background-position: left !important;  background-size: cover !important;}
.home-hero{padding: 0px !important;}
.fad-row:before{  background-color: linear-gradient(147deg, #233E70 35.85868969298245%, #347CFC 100%);}
.fad-row{   background-image: linear-gradient(147deg, rgba(35, 62, 112, 0.7) 35.85868969298245%, rgba(52, 124, 252, 0.7) 100%), url('/wp-content/uploads/2026/07/DNA-Background.jpg');
  background-size: cover;
  background-position: center;}
.row-earth{ background-image: linear-gradient(rgba(226, 162, 52, 0.95), rgba(226, 162, 52, 0.95)), url('/wp-content/uploads/2026/07/Earth-Graphic.jpg');
  background-size: cover;
  background-position: center;}
.bg-y-dark{    background-color: #FFB83E;}
.img-dna-sep img{height: 26px;}
.img-d-op img{opacity: 0.5;}
.fad-row h2{font-size: 65px; font-weight: 700; line-height: 71.5px; letter-spacing: -1.3px; color: #fff;}
.fad-row h3{font-size: 32px; font-weight: 200; line-height: 41.6px; letter-spacing: -0.96px; color: #fff;}
.col-w-fad{padding: 35px; border-radius: 10px; background-color: #fff;margin-top: 100px;}
.col-adv-text h2{font-size: 74px; font-weight: 700; line-height: 70px; letter-spacing: -0.96px; color: #233e70;}
.col-adv-text h3{font-weight: 700; }
.blue-box{padding: 35px; border-radius: 10px; background-color: #233e70;max-width: 450px;}
.btn-fair-act a{padding: 15px 20px; background-color: rgb(226, 162, 52) !important; color: #fff !important; font-size: 16px; border: 1px solid #fff !important;    min-width: 240px;} 
.btn-fair-act{margin-bottom: 0px;}
.text-org{width: 370px;}
.blue-box h4{font-size: 20px; font-weight: 700; line-height: 28px; letter-spacing: -0.4px; }
.blue-box p{font-size: 16px !important; font-weight: 200; line-height: 24px; letter-spacing: -0.16px; margin-top: 10px; margin-bottom: 20px;}
.btn-fair-act a:hover{border: 1px solid #FFB83E !important; background: #FFB83E !important;}
.bg-blue-dna{    background: #233e70 url(/wp-content/uploads/2026/07/DNA-Graphic.svg?id=1641) !important;
    background-position: left !important;
    background-repeat: no-repeat !important;
    background-size: 90% 120% !important;
    background-blend-mode: soft-light;}
.btn-fair-act-blue a{background-color: #233E70 !important; min-width: 285px; margin-top: 70px;}
.fairact-contact h2{font-size: 65px; font-weight: 700; line-height: 71.5px; letter-spacing: -1.3px; }
.fairact-form{ background: #fff url(/wp-content/uploads/2026/07/dna-blue-light.svg) !important;
    background-position: right !important;
    background-repeat: no-repeat !important;
    background-size: 50% 150% !important;
    }
.btn-single{width: 100% !important; text-align: center !important; margin-left: 0px !important; }
.btn-single a{ margin-left: 0px !important; }


/*************** Media Library CSS  ***************/

@media only screen and (max-width: 1169px) {

#header .main-menu > li.menu-item > a{padding-left: 15px !important;}
	.rw-d-b .img-tri-icon3{display: none;}
	
	
}

@media only screen and (min-width: 991px) {
	
.social-sp .vc_column-inner{margin-right: 20px !important;}
	.banner-pos-355d025a516a461b07ae4ae4f5e1a32c{top: 32% !important;}
.banner-pos-57ef7464fc7cfe27e7ea8e8102a337ee{    transform: translateY(-90%) !important;}
}

@media only screen and (max-width: 991px) {
	
#header .mobile-toggle {color: #233e70; background-color: #fff;     font-size: 40px;        margin-left: auto !important;}
	.col-logo{width: 25%;}
	.col-ham-menu{width: 75%;}
	.share-single img{max-width: none;}
	.col-hero-text{width: 100%;}
	.text-org {  width: 330px;}
	
}



@media only screen and (max-width: 767px) {
	
	.sp-top-lg{padding-top: var(--sp-lg-mb) !important;}
	.sp-bottom-lg{padding-bottom: var(--sp-lg-mb) !important; }
	.col-mobile-spacing{padding-top: var(--sp-lg-mb) !important;}
	.porto-ibanner{min-height: 400px;}
	.sub-head-sp{padding-top: var(--sp-lg) !important; padding-bottom: var(--sp-lg) !important;}
	.reverse-col .row, .col-reverse{flex-direction: column-reverse !important;}
	.m-t-lg{margin-top: 10px !important;}
	.col-btn-custom .btn-global{text-align: center;}
	.text-center h3{text-align: center !important}
	.img-t-center, .t-section h3, .t-section h4, .t-section p{text-align: center !important;}
	.cn-tx{text-align: center !important; max-width: 350px; margin-left: auto; margin-right: auto;}
	
	.logo-footer, .social-html, #footer .menu-footer-menu-container, #footer p{text-align: center !important;}
	#footer .menu-footer-menu-container{margin-top: 30px;}
	#footer .menu {   display: block;}
	#footer .menu li {margin-bottom:20px !important; padding-left: 0px !important;}
	.share-single{margin: 15px !important;}
	.col-mb-txt{width: 90%;}
	.col-mb-agl{width: 10%;}
	.home-hero .col-hero-text{    padding-top: 60px; padding-bottom: 60px;}
	.yellow-callout{    padding-top: 30px; padding-bottom: 30px;}
	.col-rd{padding-top: 30px !important; padding-bottom: 30px;        padding-left: 30px;}
	.rw-revs .row{    display: flex; flex-direction: column-reverse;}
	.rw-revs .porto-wrap-container{padding-left: 0px !important; padding-right: 0px !important;}
	.txt-tt{padding-bottom: 0px !important;}
	.col-bh{padding-top: 50px !important; padding-bottom: 0px !important;}
	.col-w-fad{    margin-top: 30px;margin-bottom: 50px !important;}
	.rw-ap{padding-top: 30px !important; padding-bottom: 30px !important;}
	.blue-box{ margin-top: 30px; padding: 30px 10px !important;}
	.img-dna-sep{margin-bottom: 30px !important;}
	.col-lp{padding-top: 40px !important; padding-right: 30px !important;padding-left: 30px;}
	.btn-fair-act-blue{text-align: center;}
	.btn-fair-act-blue a {   margin-top: 20px;}
	.img-tri-icon2 img {   height: 53px;   max-width: 29px;}
	.col-mb-agl{    align-items: baseline !important;}
	.col-w-fad{padding: 30px 15px;}
	.fairact-form{padding-top: 30px !important; padding-right: 30px !important;}
	.img-logo img {   min-width: 120px;}

}
@media only screen and (max-width: 575px) {
	
	
	h1{font-size: 28px; line-height: 28px; letter-spacing: -0.56px;}
	h3{font-size: 19px; line-height: 24.7px; letter-spacing: -0.57px;}
	h4{font-size: 17px; line-height: 23.8px; letter-spacing: -0.34px;}
	.fad-row h2{  font-size: 29px;   line-height: 31.9px;	letter-spacing: -0.58px;}
	.fad-row h3{  font-size: 17px;  line-height: 22.1px;	letter-spacing: -0.51px;}
	.col-adv-text h2{   font-size: 37px;  line-height: 40px;  letter-spacing: -0.58px;}
	.fairact-contact h2{font-size: 29px;  line-height: 31.9px;  letter-spacing: -0.58px;}
	.btn-fair-act{margin-left: 20px;}
	.col-rc-head{padding-top: 30px !important; padding-bottom: 30px !important;}
	
}

@media only screen and (min-width: 767px) {

.img-poly img{clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);    max-width: 642px;}

}

/********* Media Download Hub *********/
.main-tab-row .tab-content{padding: 50px 15px;}
.main-tab-row{margin-top: 100px !important;}
.img-logo img{width: 220px;}
.nav-tabs .nav-link{    padding: 20px 60px !important;}
.col-hover .vc_column-inner{border: 1px solid #e7e7e7; }
.col-hover{min-width: 251px; display:block; margin-left:auto; margin-right:auto;}
.col-hover .vc_column-inner:hover{transform: scale(1.03);  transition: transform .2s; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }
.txt-block-media{padding-left: 15px; padding-right: 10px;}
.btn-med a:hover{background: #FFB83E;}
.btn-med a{margin-left: 1px; margin-bottom: 40px !important; padding: 15px 22px 15px 22px;background: #233e70;font-size: 11.5px; color: #fff;     cursor: pointer;}
.btn-med a:before{padding: 0px 20px;border-right: 1px solid #fff; margin-right: 15px;}
#footer #menu-main-menu-2{display: inline !important;}
.img-thumb .vc_single_image-wrapper, .img-thumb img{width: 100% !important;}
.btn-med{display: inline-block;    padding-bottom: 0px;    margin-left: 3px;}
#footer .vc_custom_heading{color: #013160 !important;}
.btn-sec a:hover{color: #fff; cursor: pointer;}

/*.btn-fb a:before{     content: "\f39e";     font-family: var(--fa-style-family-brands, "Font Awesome 6 Brands"); }
.btn-insta a:before{     content: "\f16d";     font-family: var(--fa-style-family-brands, "Font Awesome 6 Brands"); }
.btn-x a:before{     content: "\e61b";     font-family: var(--fa-style-family-brands, "Font Awesome 6 Brands"); }
.btn-tiktok a:before{     content: "\e07b";     font-family: var(--fa-style-family-brands, "Font Awesome 6 Brands"); }. */

.btn-fb-1 a{    padding: 15px 22px 15px 22px !important;}
.btn-insta-1 a{    padding: 15px 22px 15px 22px !important;}
.btn-x-1 a{    padding: 15px 22px 15px 22px !important;}
.btn-tiktok-1 a{    padding: 15px 22px 15px 22px !important;}

.main-tab-row li .nav-link{color: #233e70;     font-size: 16px;}
.nav-tabs li.active .nav-link{border-top-color: #233e70;}


.btn-med span{    display: inline-block;
    width: 100px;
    vertical-align: middle;
    text-align: center;}
.btn-data{ padding-bottom: 20px;}
.btn-data p{text-align: center;}


.btn-data p{    font-size: 14px !important; color: #092661;}

@media (min-width: 767px) and (max-width: 1169px) {
	
	.btn-med a{padding: 15px 10px 15px 10px;}
	
}

@media (max-width: 1169px){
	
	.col-hover{margin-top: 20px;}

}

@media (max-width: 767px){
	
	.btn-med{padding-bottom: 20px !important; margin-bottom: 15px !important;}
	.col-hover{max-width: 280px;}
}