/** Gain Styles **/
:root{
    --gain-blue: #0040ff;
    --gain-green: #048039;
    --gain-orange: #FF8000;
    --gain-black: #0e0e1f;
    --gain-dark: #525252;
    --gain-white: #ffffff;
    --gain-dark-blue: #001f6d;
    --gain-light-blue: #f2f6ff;
}
.hpad-xl{padding-left: 20%; padding-right: 20%;}
.hpad-lg{padding-left: 15%; padding-right: 15%;}
.hpad-md{padding-left: 10%; padding-right: 10%;}
.hpad-sm{padding-left: 5%; padding-right: 5%;}
.hpad-xs{padding-left: 2.5%; padding-right: 2.5%;}

.hmag-xl{margin-left: 20%; margin-right: 20%;}
.hmag-lg{margin-left: 15%; margin-right: 15%;}
.hmag-md{margin-left: 10%; margin-right: 10%;}
.hmag-sm{margin-left: 5%; margin-right: 5%;}
.hmag-xs{margin-left: 2.5%; margin-right: 2.5%;}

.vpt-5{padding-top: 100px;}
.vpt-4{padding-top: 80px;}
.vpt-3{padding-top: 60px;}
.vpt-2{padding-top: 40px;}
.vpt-1{padding-top: 20px;}

.vpb-5{padding-bottom: 100px;}
.vpb-4{padding-bottom: 80px;}
.vpb-3{padding-bottom: 60px;}
.vpb-2{padding-bottom: 40px;}
.vpb-1{padding-bottom: 20px;}

.vmt-5{margin-top: 100px;}
.vmt-4{margin-top: 80px;}
.vmt-3{margin-top: 60px;}
.vmt-2{margin-top: 40px;}
.vmt-1{margin-top: 20px;}

.vmb-5{margin-bottom: 100px;}
.vmb-4{margin-bottom: 80px;}
.vmb-3{margin-bottom: 60px;}
.vmb-2{margin-bottom: 40px;}
.vmb-1{margin-bottom: 20px;}

.site-logo img{
    width: 180px;
}
.page .post-header{
    display: none !important;
}
.wpr-nav-menu .wpr-sub-menu {
    width: 240px;
    padding: 15px 10px;
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0 0 0 / 10%);
    right: 0;
}
.animate-img { 
	-webkit-transition-property: -webkit-transform;
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-webkit-animation-name: grow-shrink;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: grow-shrink;
	-moz-animation-duration: 1s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
}

@-webkit-keyframes grow-shrink {
    0% { transform: scale(1); }
    50% { transform: scale(1.2); }
    100% { transform: scale(1); }
}

/** Theme Colors **/
.color-blue{color: var(--gain-blue) !important;}
.color-green{color: var(--gain-green) !important;}
.color-orange{color: var(--gain-orange) !important;}
.bg-blue{background: var(--gain-blue) !important; background-color: var(--gain-blue) !important; }
.bg-green{background: var(--gain-green) !important; background-color: var(--gain-green) !important; }
.bg-orange{background: var(--gain-orange) !important; background-color: var(--gain-orange) !important; }

.number-circle {
    z-index: 2;
    background-color: var(--gain-orange);
    color: var(--gain-white);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 70px;
    height: 70px;
    margin-bottom: 20px;
    font-size: 40px;
    line-height: 130%;
    display: flex;
    position: relative;
    transition: all ease-in .3s;
}
.number-circle:hovet {
    background-color: var(--gain-green);
    transition: all ease-in .3s;
}
.number-high{margin-top: -50px;}
.number-low{margin-top: 10px;}
.special-dots .swiper-pagination-bullet-active{
    width: 25px;
    border-radius: 5px;
}
.special-toggles .elementor-toggle .elementor-toggle-icon i{
    font-size: 30px;
}
.sticky-header{
    background: var(--gain-white);
    position: fixed;
    top: 0;
    width: 100%;
    left:0;
    box-shadow: 0 2px 2px 0 rgba(0 0 0 / 10%);
}
.admin-bar .sticky-header{
    top: 32px;
}
.elementor-element.team-card{
    border-radius: 10px;
    overflow: hidden;
    margin-bottom:30px;
}
.elementor-element.team-card figure{
    margin-bottom: 0 !important;
}
.elementor-element.team-card .elementor-image-box-content{
    margin-top: -15px;
    padding: 25px 15px 30px !important;
    background: var(--gain-light-blue);
    border-radius: 0 0 10px 10px;
}
.contact-icon-box{
    border-radius: 6px;
    box-shadow: 0 9px 24px 0 rgba(26, 47, 106, .05);
    padding: 30px 25px;
    border: 1px solid #dce5e7;
}
.container{
    max-width: 88%;
    width: 100%;
    margin:0 auto;
    display: block !important;
}
.child-404{
    min-height:600px;
}
.child-404 .elementor-heading-title{
    color: var(--gain-blue);
    font-family: "Bricolage Grotesque", Sans-serif;
    font-size: 50px;
    font-weight: 600;
    padding-top: 110px;
    margin-bottom: 30px;
}
.child-404 p {
    margin-bottom: 35px;
    font-size: 18px;
}
.child-404 .elementor-button{
    background-color: var(--gain-blue);
    padding: 20px 35px;
    border: 2px solid transparent;
}
.child-404 .elementor-button:hover{
    background-color: var(--gain-white);
    color: var(--gain-dark-blue);
    border-color: var(--gain-dark-blue);
}
.child-404 .elementor-col{
    background-image: url('https://gainconsultng.com/new/wp-content/uploads/2024/08/bg_lines_1.png');
    background-size:cover;
    background-position: top center;
    background-repeat: no-repeat;
}
.post-head-section .post-header{
    display: inline-block;
    width:100%;
    padding:220px 0 70px;
    background: var(--gain-dark-blue);
    position: relative;
    overflow: hidden;
}
.post-head-section .post-header.has-bg{
    background-attachment: fixed;
    background-size:cover;
    background-repeat: no-repeat;
    background-position:center center;
    position: relative;
}
.post-head-section .post-header.has-bg:before{
    content:'';
    width:110%;
    height:110%;
    background: #000;
    opacity:0.7;
    position:absolute;
    left:0;
    top:0;
}
.post-head-section .post-header .container{
    position: relative;
}
.col-8{max-width:8.33%;}
.col-16{max-width:16.67%;}
.col-25{max-width:25%;}
.col-33{max-width:33.33%;}
.col-41{max-width:41.67%;}
.col-50{max-width:50%;}
.col-58{max-width:58.33%;}
.col-66{max-width:66.67%;}
.col-75{max-width:75%;}
.col-83{max-width:83.333%;}
.col-91{max-width:91.67%;}
.col-100{max-width:100%;}

.post-head-section .column .post-title{
    font-size: 56px;
    color: #ffffff;
    text-shadow: 2px 3px 5px rgb(0 0 0 / 100%);
}
.post-head-section .post-meta span{
    color: #ffffff;
}
.post-body .post-content-wrap{
    margin: 50px 0 60px;
    background: #ffffff;
    border-radius: 15px 15px 0 0;
    overflow: hidden;
    box-shadow: 0 0 25px 4px rgb( 0 0 0 / 15%);
}
.post-body .post-content-wrap .post-thumbnail{
    display: block;
    position: relative;
    width: 100%;
}
.post-body .post-content-wrap .post-thumbnail img{
    max-width:100%;
    width: 100%;
}
.post-body .post-content{
    padding: 40px;
}
.post-body .post-footer{
    padding: 0 40px 40px;
}
.post-body .table-contents{
    position: relative;
    padding: 80px 20px 30px;
    background: var(--gain-light-blue);
    margin: 0 0 40px;
    border-radius: 15px;
}
.post-body .table-contents:before{
    content: "Table of Contents";
    font-size: 28px;
    position: absolute;
    top: 30px;
    left: 30px;
    font-family: var(--e-global-typography-primary-font-family), Sans-serif;
    color: var(--gain-dark-blue);
    font-weight: 700;
}
.post-body .table-contents .item{
    list-style: none;
    position: relative;
    margin-bottom: 7px;
}
.post-body .table-contents .item:before{
    font-family: 'nova-general' !important;
    font-style: normal;
    font-weight: normal;
    content: "\e9aa";
    font-size: 14px;
    position: absolute;
    left: -25px;
    top: 5px;
    
}
.post-body .table-contents .item.has-child ul{
    margin-top: 10px;
}
.post-content p{
    padding:0 0 20px;
}
.post-tag-wrap .post-author{
    font-size: 14px;
}
.post-tag-wrap .post-tags a{
    margin-right: 10px;
    font-size: 12px;
    border: 1px solid #a9a9a9;
    padding: 2px 5px;
    color: #a9a9a9;
    border-radius: 3px;
    transition: all ease-in .3s;
}
.post-tag-wrap .post-tags a:hover{
    background: var(--gain-blue);
    border-color: var(--gain-blue);
    color: #ffffff;
    transition: all ease-in .3s;
}
.comments-area{
    background: var(--gain-light-blue);
    padding: 10px 40px 50px;
}
.comment-form label{
    display: block;
    margin: 0 0 10px;
}
.comment-form textarea{
    display: block;
    margin: 0 0 30px;
    width:80%;
    padding: 20px;
}
.elementor-kit-6 button, .elementor-kit-6 input[type="button"], 
.elementor-kit-6 input[type="submit"] {
    font-family: "Noto Sans", Sans-serif;
    font-size: 15px;
    font-weight: 500;
    color: #FFFFFF;
    border: 2px solid var(--gain-blue);
    background: var(--gain-blue);
    border-radius: 5px;
    padding: 10px 28px;
    cursor: pointer;
    transition: all ease-in .3s;
}
.elementor-kit-6 button:hover, .elementor-kit-6 input[type="button"]:hover, 
.elementor-kit-6 input[type="submit"]:hover{
    border-color: var(--gain-blue);
    background: var(--gain-white);
    color: var(--gain-blue);
    transition: all ease-in .3s;
}
.comment-form .elementor-kit-6 input:not([type="button"]):not([type="submit"]), 
.comment-form .elementor-kit-6 textarea, 
.comment-form.elementor-kit-6 .elementor-field-textual {
    width: 82%;
    padding: 10px;
}
ul.no-list-style{
    list-style:none;
    list-style-type: none;
}
.no-list-style li{
    margin-bottom: 10px;
}
.no-list-style li i{
    padding-right: 12px;
    color: var(--gain-blue);
}

.wpr-mobile-nav-menu:not(.wpr-mobile-mega-menu) {
    position: fixed;
    z-index: 9999;
    background: #ffffff;
    left: 0 !important;
    width: 100% !important;
    padding: 10px;
    box-shadow: 0 2px 7px rgb(0 0 0 / 20%);
    border-top: 2px solid var(--gain-dark-blue);
}



@media only screen and (min-width: 1201px){
    .elementor-section.elementor-section-boxed > .elementor-container {
        max-width: 90%;
    }
    .hidden-lg{
        display: none !important;
    }
}
@media only screen and (min-width: 992px) and (max-width:1200px){
    .hidden-md{
        display: none !important;
    }
}
@media only screen and (max-width: 1200px){
    .elementor-section.elementor-section-boxed > .elementor-container {
        max-width: 90%;
    }
}
@media only screen and (max-width: 991px){
    .page:not(.home) .post-content .elementor-top-section:nth-child(1){
        background: var(--gain-light-blue);
    }
}
@media only screen and (max-width: 767px){
    .elementor-section.elementor-section-boxed > .elementor-container {
        max-width: 94%;
    }
}