/**
Theme Name: TDI
Author: The Digital Intellect
Author URI: https://thedigitalintellect.com
Description: TDI Astra is a custom modified Astra theme made exclusively for clients of The Digital Intellect. It is fast, fully customizable and mobile responsive. 
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tdi
Template: astra
*/
/** WPB CUSTOM LAYOUT ADJUSTMENT **/
body {overflow-x: hidden !important;overflow-y: scroll;}
.lockedWidth{margin: 0px auto !important;padding-left: 12% !important;padding-right: 12% !important;}
.centerContent{text-align:center;}
.centeredBg, .centeredBg .vc_column-inner {background-size: cover !important;background-position: 50% 50% !important;}
.paddedDesktop {padding: 55px;}
/** TDI CUSTOM FLEX COLUMN SYSTEM **/
.section{clear:both;padding:0px;margin:0px}.col{display:block;float:left;margin:1% 0 1% 0.6%}.group:before,.group:after{content: " ";display:table}.group:after{clear:both}.col:first-child{margin-left:0}.span_2_of_2{width:100%}.span_1_of_2{width:49.2%}.span_3_of_3{width:100%}.span_2_of_3{width:66.1%}.span_1_of_3{width:32.2%}.span_4_of_4{width:100%}.span_3_of_4{width:74.6%}.span_2_of_4{width:49.2%}.span_1_of_4{width:23.8%}.span_5_of_5{width:100%}.span_4_of_5{width:79.68%}.span_3_of_5{width:59.36%}.span_2_of_5{width:39.04%}.span_1_of_5{width:18.72%}.span_6_of_6{width:100%}.span_5_of_6{width:83.06%}.span_4_of_6{width:66.13%}.span_3_of_6{width:49.2%}.span_2_of_6{width:32.26%}.span_1_of_6{width:15.33%}.span_7_of_7{width:100%}.span_6_of_7{width:85.48%}.span_5_of_7{width:70.97%}.span_4_of_7{width:56.45%}.span_3_of_7{width:41.92%}.span_2_of_7{width:27.42%}.span_1_of_7{width:12.91%}
@media only screen and (max-width:768px){.span_2_of_2,.span_1_of_2,.span_3_of_3,.span_2_of_3,.span_1_of_3,.span_4_of_4,.span_3_of_4,.span_2_of_4,.span_1_of_4,.span_5_of_5,.span_4_of_5,.span_3_of_5,.span_2_of_5,.span_1_of_5,.span_6_of_6,.span_5_of_6,.span_4_of_6,.span_3_of_6,.span_2_of_6,.span_1_of_6,.span_7_of_7,.span_6_of_7,.span_5_of_7,.span_4_of_7,.span_3_of_7,.span_2_of_7,.span_1_of_7{width:100%}}
/** HEADER **/
#content {padding-top: 145px;}
#ast-fixed-header .main-header-bar {box-shadow: 0 1px 2px rgba(0,0,0,.2);background: rgba(0,0,0,0.7);}
#ast-fixed-header .main-header-menu > .menu-item.current-menu-item > .menu-link{color:#fff;}
#ast-fixed-header .main-header-menu .menu-link:hover, #ast-fixed-header .main-header-menu .menu-item:hover > .menu-link,.ast-builder-menu-1 .menu-item:hover > .menu-link{color:#2bd912;}
.ast-header-social-1-wrap .ast-social-color-type-custom .ast-builder-social-element:hover svg {fill: #31cc1b;}
.ast-mobile-header-wrap .ast-above-header-bar, .ast-above-header-bar .site-above-header-wrap {min-height: 35px;}
.ast-site-identity {padding: 5px 0;}
span.site-logo-img img {width: 145px;transition:all 0.3s ease;}
span.site-logo-img img:hover {transform: scale(1.05);filter: drop-shadow(0px 0px 6px orange);transition:all 0.3s ease;}
.topLinks {display: flex;gap: 25px;align-items: center;}
.topLinkItems {display: flex;align-items: center;}
.topLinkItems i.fa {background: #F8ECD5;color: #2f6296;padding: 3px;margin-right: 5px;width: 20px;text-align: center;}
/** TYPOGRAPHY **/
h1, .entry-content h1 {}
h2 {color: #343434 !important;}
h3 {color: #343434 !important;}
h4 {color: #343434 !important;}
h5 {color: #343434 !important;}
h6 {color: #343434 !important;}
/** HEADINGS **/
#topHero {background-size: cover;background-repeat: no-repeat;background-position: center;}
#topHero h1 {font-size: 34px;color:#fff;}
.prettyHeader h2::after {content: " ";width: 100px;border-bottom: 4px solid #ffbc13;display: block;margin: 5px auto 35px;}
.prettyHeader h2{}
.prettyHeader.left h2::after {content: " ";width: 100px;border-bottom: 4px solid #ffbc13;margin: 0px 0px 5px 0px;}
.ast-above-header-wrap {background: #306296;color: #fff;}
.ast-above-header-wrap a{color:#fff;}
.ast-above-header-wrap a:hover{color:#f9a62a;}
#topHero h1 {font-size: 34px;color: #343434;line-height: 1;}
#topHero h1 span.smallHeadingTop,h2 span.smallHeadingTop {font-size: 18px;color: #306296;font-weight: 500;}
/** STICKY FOOTER **/
.nav-down{display:none;}
.nav-up {display:none;}
@media only screen 
and (min-width : 320px) 
and (max-width : 768px) {
  .nav-down{display:none;}
  .nav-up {display:block;text-align: center;padding-top: 10px;position: fixed;width: 100%;bottom: 0px;left: 0px;z-index: 999;}
  .nav-up a{}
  .bottom-call.nav-up p {margin-bottom: 5px;}
  #gusta-footer {position: relative;padding-bottom: 70px;z-index: 1;}
}
/** BUTTONS **/
.topCallBtn{display: inline-block;position:relative;text-align: center;text-decoration: none !important;background: #f6a846;padding: 5px 25px;border:1px solid #f6a846;border-radius: 30px;min-width: 150px;overflow:hidden;}
.topCallBtn a {color: #fff;position: relative;text-decoration: none !important;z-index: 2;}
.topCallBtn:hover a {color: #fff;}
.topCallBtn::before {content: "";width: 100%;height: 0%;display: block;position: absolute;top: 0;left: 0;background: rgba(0,0,0,0.8);border-radius: 30px 30px 0 0;transition:all 0.3s ease;}
.topCallBtn::after {content: "";width: 100%;height: 0%;display: block;position: absolute;bottom: 0;left: 0;background: rgba(0,0,0,0.8);border-radius: 0 0 30px 30px;transition:all 0.3s ease;}
.topCallBtn:hover:before,.topCallBtn:hover:after {height: 50%;transition:all 0.3s ease;}
.tdiBtnStyle1{display: inline-block;position:relative;text-decoration: none !important;text-align: center;background: none;padding: 5px 25px;color:#306296;border:1px solid #306296;border-radius: 30px;min-width: 150px;overflow:hidden;}
.tdiBtnStyle1 a{color: #306296;position: relative;text-decoration: none !important;z-index: 2;}
.tdiBtnStyle1:hover a {color: #fff;}
.tdiBtnStyle1::before {content: "";width: 100%;height: 0%;display: block;position: absolute;top: 0;left: 0;background: rgba(48,98,150,0.8);border-radius: 30px 30px 0 0;transition:all 0.3s ease;}
.tdiBtnStyle1::after {content: "";width: 100%;height: 0%;display: block;position: absolute;bottom: 0;left: 0;background: rgba(48,98,150,0.8);border-radius: 0 0 30px 30px;transition:all 0.3s ease;}
.tdiBtnStyle1:hover:before,.tdiBtnStyle1:hover:after {height: 50%;transition:all 0.3s ease;}
.tdiBtnStyle2{display: inline-block;position:relative;text-decoration: none !important;text-align: center;background: none;padding:5px 25px;color:#446436;border:1px solid #446436;border-radius: 30px;min-width: 150px;overflow:hidden;}
.tdiBtnStyle2 a{color: #446436;position: relative;text-decoration: none !important;z-index: 2;}
.tdiBtnStyle2:hover a {color: #fff;}
.tdiBtnStyle2::before {content: "";width: 100%;height: 0%;display: block;position: absolute;top: 0;left: 0;background: rgba(68,100,54,0.9);border-radius: 30px 30px 0 0;transition:all 0.3s ease;}
.tdiBtnStyle2::after {content: "";width: 100%;height: 0%;display: block;position: absolute;bottom: 0;left: 0;background: rgba(68,100,54,0.9);border-radius: 0 0 30px 30px;transition:all 0.3s ease;}
.tdiBtnStyle2:hover:before,.tdiBtnStyle2:hover:after {height: 50%;transition:all 0.3s ease;}
/** MENU **/
.ast-builder-menu-1 .sub-menu, .ast-builder-menu-1 .inline-on-mobile .sub-menu {border-color: #306296;}
.ast-builder-menu-1 .menu-item > .menu-link {font-family: "Manrope";color: #343434 !important;font-size: 15px;font-weight: 600;}
.ast-builder-menu-1 .menu-item > .menu-link:hover,.ast-builder-menu-1 .menu-item.current_page_item > .menu-link,.current-menu-parent.current-page-parent .menu-link {color:#f9a529 !important;}
.main-header-menu .sub-menu,.main-header-menu .sub-menu li .sub-menu{padding:15px 0px;}
ul.sub-menu li,ul.sub-menu li .sub-menu li,.current-menu-parent.current-page-parent.current_page_parent.current_page_ancestor .sub-menu .current_page_item.menu-item .sub-menu .menu-item .menu-link{background:none;}
ul.sub-menu li:hover,ul.sub-menu li .sub-menu li:hover,.current-menu-parent.current-page-parent.current_page_parent.current_page_ancestor .sub-menu .current_page_item.menu-item .menu-link{background:#306296}
.menu-item.current-menu-ancestor.current-menu-parent.current_page_ancestor.menu-item-has-children .sub-menu li.current-menu-item a {color: #306296 !important;}
.menu-item .sub-menu li a.menu-link,.menu-item .sub-menu li .sub-menu li a.menu-link,.current-menu-parent.current-page-parent.current_page_parent.current_page_ancestor .sub-menu .menu-item .menu-link,.current-menu-parent.current-page-parent.current_page_parent.current_page_ancestor .sub-menu .current_page_item.menu-item .sub-menu .menu-item .menu-link{color: #000 !important;font-size: 15px !important;font-weight: 400;text-transform: none;background:none;padding: 5px 10px!important;}
.menu-item .sub-menu li:hover a.menu-link,.menu-item .sub-menu li .sub-menu li:hover a.menu-link {color: #fff !important;background:none;padding: 5px 10px!important;}
#ast-fixed-header .main-header-menu > .menu-item.current-menu-item > .menu-link{color:#fff;}
#ast-fixed-header .main-header-menu .menu-link:hover, #ast-fixed-header .main-header-menu .menu-item:hover > .menu-link,.ast-builder-menu-1 .menu-item:hover > .menu-link{color:#306296;}
.ast-sticky-main-shrink .ast-sticky-shrunk .site-logo-img img {max-height: 80px !important;transition:all 0.3s ease-in-out;}
.ast-sticky-main-shrink .ast-sticky-shrunk .site-logo-img img:hover {transform: scale(1.1);transition:all 0.3s ease-in-out;}
.ast-header-social-1-wrap .ast-social-color-type-custom .ast-builder-social-element:hover svg {fill: #31cc1b;}
.submenu-with-border .sub-menu .sub-menu {top: -16px;}
.ast-builder-menu-1 .menu-item.current_page_item > .menu-link:hover,.current-menu-parent.current-page-parent.current_page_parent.current_page_ancestor .sub-menu .current_page_item.menu-item .sub-menu .menu-item .menu-link:hover {color: #306296 !important;}
.current-menu-parent.current-page-parent.current_page_parent.current_page_ancestor .sub-menu .current_page_item.menu-item .sub-menu .menu-item .menu-link .menu-item .menu-link:hover{color: #fff !important;}
.current-menu-parent.current-page-parent.current_page_parent.current_page_ancestor .sub-menu .current_page_item.menu-item .menu-link,.current-menu-parent.current-page-parent.current_page_parent.current_page_ancestor .sub-menu .menu-item .menu-link:hover{color:#fff !important;}
#ast-hf-menu-1 .menu-item.current-page-ancestor.current-menu-ancestor .menu-item.current-menu-item.page_item .sub-menu .menu-item .menu-link:hover {color: #fff !important;}
/** MENU CONTAINER ADJUSTMENT **/
li#menu-item-125289 ul.sub-menu {width: 289px;}
/** COLORS **/
.whiteTxt,.whiteTxt h2,.whiteTxt h3,.whiteTxt h4,.whiteTxt h5,.whiteTxt h6,.whiteTxt p,.whiteTxt .uvc-sub-heading,.whiteTxt .uvc-sub-heading p,.whiteTxt a{color:#fff !important;}
.whiteTxt a:hover {color: #ddd;}
/** CONTAINER ADJUSTMENT **/
.max1000{max-width:1000px;margin:0px auto;}
.max1200{max-width:1200px;margin:0px auto;}
.max1400{max-width:1400px;margin:0px auto;}
/** CONTENT ADJUSTMENTS **/
#ez-toc-container {display: none;}
ul.checkers {list-style-type: none;text-align: left;}
ul.checkers li{position:relative;}
ul.checkers li::before {content: "\2713";position: absolute;left: -20px;color: #ffbc13;}
ul.flexul {display: flex;flex-wrap: wrap;list-style: none;justify-content:space-between}
ul.flexul li {flex:0 32%}
ul.flexul.flex50 li{flex:0 48.5%}
ul.flexul li::before {content: "\2022";margin-right: 10px;}
ul.trianglePoints {list-style-type: none;}
ul.trianglePoints li::before {content: "\2023";font-size: 32px;display: inline-block;vertical-align: sub;margin-left: -20px;margin-right: 5px;line-height: 0;}
.socmedWrap a {color: #306296;font-size: 25px;margin-right: 3px;}
.socmedWrap a:hover {color: #f8a026 !important;}
.coInfoWrap a {color: #ddd;}
.coInfoWrap p {line-height: 1.5;margin-bottom: 10px;}
#menu-footer-2 li a {border: none !important;padding: 0px 10px !important;}
.servicesGrids .vc_column-inner {background: #f8ecd5;border: 10px solid #fff;border-radius: 25px !important;padding: 80px 50px !important;}
.servicesGrids:hover .vc_column-inner {background: #282828;color:#fff;}
.servicesGrids:hover .vc_column-inner h2{color:#fff !important;}
.linkTxt {margin-top: 25px;line-height: 1.8;}
.linkTxt a{text-decoration:none !important;color: #306296;font-weight: 600;}
.servicesGrids:hover .vc_column-inner .linkTxt a,.servicesGrids:hover .vc_column-inner .smallHeadingTop{color:#f89921;}
.servicesGrids:hover .vc_column-inner .linkTxt a:hover{color:#f3b568;}
.headingTxt{color:#343434;}
.servicesGrids:hover .vc_column-inner .headingTxt{color:#fff;}
.linkTxt a::after {content: "\27F6";margin-left: 10px;transition: all 0.3s ease;}
.linkTxt a:hover:after {content: "\27F6";margin-left: 15px;transition: all 0.3s ease;}
img.floatedRight {position: absolute;width: 60px;right: 80px;top: 80px;}
.servicesGrids:hover .vc_column-inner img.floatedRight{filter:brightness(0)invert(1)}
.blueShadow figure .vc_single_image-wrapper{position:relative;margin-left:5%;max-width:95%;overflow: visible;}
.blueShadow figure .vc_single_image-wrapper::before {content: "";display: block;width: 60%;height: 110%;position: absolute;left: -5%;top: -5%;background: #306296;border-radius: 15px;z-index: -1;transition:all 0.3s ease;}
.blueShadow figure .vc_single_image-wrapper:hover:before {width: 110%;box-shadow: 0px 0px 30px -5px #000;transition:all 0.3s ease;}
.blueShadow figure .vc_single_image-wrapper img.vc_single_image-img {border-radius: 15px !important;}
.ult-video.blueShadowVideo {position: relative;}
.ultv-video.ultv-aspect-ratio-16_9 {border-radius: 10px;overflow: hidden;}
.ult-video.blueShadowVideo::after {content: "";display: block;position: absolute;width: 60%;height: 110%;right: -5%;top: -5%;background: #306296;border-radius: 15px;z-index: -1;transition: all 0.3s ease;}
.ult-video.blueShadowVideo:hover:after{width: 110%;box-shadow: 0px 0px 30px -5px #000;transition:all 0.3s ease;}
.ult-video.blueShadowLeftVideo {position: relative;}
.ult-video.blueShadowLeftVideo::after {content: "";display: block;position: absolute;width: 60%;height: 110%;left: -5%;top: -5%;background: #306296;border-radius: 15px;z-index: -1;transition: all 0.3s ease;}
.ult-video.blueShadowLeftVideo:hover:after{width: 110%;box-shadow: 0px 0px 30px -5px #000;transition:all 0.3s ease;}
.logoWatermark::after {content: "";display: block;position: absolute;width: 400px;height: 150px;bottom: -80px;right: 5%;background: url(/wp-content/uploads/2025/05/floating-logo-opa.png);background-size: cover;background-position: center;background-repeat: no-repeat;}
.logoWatermark.centerWatermark {position: relative;}
.logoWatermark.centerWatermark::after {content: "";display: block;position: absolute;width: 250px;height: 100px;bottom: 0px;left: 50%;transform: translateX(-50%);background: url(/wp-content/uploads/2025/05/floating-logo-opa.png);background-size: cover;background-position: center;background-repeat: no-repeat;}
.iconTxt p {line-height: 1;}
.iconTxt p img {float: left;margin-right: 10px;}
#preFooterCta::before {content: "";display: block;position: absolute;width: 160px;height: 71px;bottom: 0;left: 50%;transform: translate(-50%, 0px);background: url(/wp-content/uploads/2025/05/logo-no-text.png);background-size: cover;background-repeat: no-repeat;background-position: center;}
.roundedImg{border-radius:20px;overflow: hidden;}
.borderedHeading {padding: 25px;border: 1px solid rgba(52,52,52,0.25);border-radius: 20px;}
#firsStepBannerOutter {border-radius: 15px;overflow: hidden;}
.greyBottomTxt {max-width: 1200px;margin: 0px auto;text-align: center;}
.vc_tta-color-grey.vc_tta-style-classic.referenceAccordion .vc_tta-panel .vc_tta-panel-heading {border-color: rgba(0,0,0,0) !important;background-color: rgba(0,0,0,0) !important;border-bottom: 1px solid #d1d1d1 !important;}
.vc_tta-color-grey.vc_tta-style-classic.referenceAccordion .vc_tta-panel .vc_tta-panel-heading h4.vc_tta-panel-title {font-size: 18px;font-weight: 300;}
.vc_single_image-wrapper.vc_box_border_grey {border-radius: 15px;overflow: hidden;}
.gmMiniToc {background: #f8a127;max-width: 550px;padding: 25px 15px;margin-bottom: 25px;border-radius: 9px;box-shadow: 0px 0px 4px #000;}
.gmMiniToc h3,.gmMiniToc a {color: #fff !important;text-decoration: none !important;}
.gmMiniToc a:hover{color:#000 !important;}
img.aligncenter.wp-image-125370.size-full {width: 100%;}
img.alignleft.wp-image-125371.size-full {width: 50px;}
iframe.tdiEmbedVideo {width: 100%;aspect-ratio: 16/9;}
img.tdiImageRight {float: right;margin-left: 10px;margin-bottom: 10px;}
img.tdiImageLeft {float: left;margin-right: 15px;margin-bottom: 10px !important;}
.blueLeftBorder {background: #ddd;padding: 20px;border-radius: 5px;border-left: 8px solid #9cbee0;margin-bottom: 35px;}
.blueGrid {background: #ebfdff;border: 8px solid #3a73ae;padding: 20px;margin-bottom: 35px;}
.yellowGrids {display: block;background: #f8ecd5;padding: 30px;border-radius: 10px;color: #000;}
.sidebarMenuWrap {display: block;border: 1px solid #cbcbcb;border-radius: 15px;overflow: hidden;}
.sbmHeading {background: #306296;padding: 10px 15px;}
.sbmHeading h3 {color: #fff !important;}
.smbItems {padding: 20px 15px 35px;}
.smbItems ul.sbMenus li a::before {content: "-";display: inline;margin-right: 4px;}
ul.sbMenus li a {text-decoration: none !important;}

@media only screen 
and (min-width : 320px) 
and (max-width : 1000px) {
    #content {padding-top: 100px;}
    .rowReversed{display: flex !important;flex-direction: row !important;flex-flow: row-reverse wrap-reverse !important;flex-direction: row-reverse !important;}
    .row-mobile-order {display: flex;flex-direction: column;}
    .column-order1 {order: 1;}
    .column-order2 {order: 2;}
    .column-order3 {order: 3;}
    .column-order4 {order: 4;}
    .half {flex-grow: 0;flex-shrink: 0;flex-basis: 50%;}
    #pojo-a11y-toolbar,.ez-toc-open-icon {z-index: 1;}
    ul.flexul {display: block;flex-wrap: auto;}
    .lockedWidth{margin: 0px auto !important;padding-left: 10px !important;padding-right: 10px !important;}
    .vc_row.wpb_row.vc_row-fluid.vc_row-no-padding.vc_row-o-equal-height.vc_row-o-content-middle.vc_row-flex .wpb_column.vc_column_container.vc_col-sm-6.vc_col-has-fill {min-height: 200px;background-position: center center !important;background-size: cover !important;}
    .paddedDesktop {padding: 15px;}
    [data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg {fill: #031c88;}
    .centeredOnMobile, .centeredOnMobile h2 {text-align: center;}
    #topHero .centeredBg .vc_column-inner {padding: 110px 0;}
    #ast-fixed-header .main-header-menu > .menu-item.current-menu-item > .menu-link {color: #00c3ee;}
    #topHero h1 {font-size: 28px;text-align: center;}
    #topHero .headingTxt {text-align: center;}
    .wpb_text_column.wpb_content_element.iconTxt p {text-align: center;}
    .iconTxt p img {float: none;display: block;margin: 0px auto 10px !important;}
    .roundedImg{border-radius:10px;}
    img.tdiImageRight,img.tdiImageLeft {float: none;margin:10px auto;}
    nav.rank-math-breadcrumb, nav.rank-math-breadcrumb a {font-size: 12px;text-align: center;}
    .topLinks{display:none;}
}

@media only screen 
and (min-width : 1900px) 
and (max-width : 2400px) {
    .paddedDesktop.padded12percentLeft,#topHero .wpb_column.vc_column_container.vc_col-sm-8 {padding-left: 11%;}
    .paddedDesktop.padded12percentRight {padding-right:11%;}
}