/*
Theme Name: Startit Child
Theme URI: https://startit.qodeinteractive.com/
Description: A child theme of Startit Theme
Author: Select Themes
Author URI: http://themeforest.net/user/select-themes
Version: 2.0.2
Text Domain: startit
Template: startit
*/
@import url('https://fonts.googleapis.com/css2?family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&display=swap');

body:not(.wp-admin) *:not(.ab-icon):not(.fa) {
    font-family: 'DM Mono', monospace !important;
}


/* =====  Resize Logo  ===== */
/*
.qodef-logo-wrapper{
    padding-top: 20px;
}
*/
.qodef-logo-wrapper a{
    height: auto!important;
}

.qodef-logo-wrapper a img.qodef-normal-logo{
    opacity: 1;
    transform: scale(1.7);
    transform-origin: 0 0;
}    
.blog .qodef-logo-wrapper a img{
    height: auto;
    margin-top: -1px;
}

.qodef-main-menu ul li a {
    color: #141C26!important
}

.current .item_outer .item_text{
    color: #264552!important;
}

.current .item_outer:before{
    background: #F1B80C!important;
}

.menu-item:hover .item_text{
    color: #F1B80C!important;
}

.menu-item:hover .item_outer:before{
    background: #264552!important;
}


@media only screen and (max-width: 1024px) {
    .qodef-vertical-align-containers {
        display: flex;
        flex-direction: row-reverse;
        padding: 0 40px!important;
    }
}


.qodef-mobile-header .qodef-grid {
    width: 100%!important;
}

.qodef-mobile-header .qodef-mobile-nav {
    height: 100vh;
}

.qodef-mobile-header .qodef-grid {
    height: 80%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.qodef-mobile-header .qodef-mobile-nav ul{
    text-align: center;
}

.qodef-mobile-header .qodef-mobile-nav ul li{
    padding: 1.5vh 0;
}

.qodef-mobile-header .qodef-mobile-nav a{
    border-bottom: none;
    font-weight: 600;
    font-size: 24px;
    color: #000000;
}


.qodef-mobile-header .qodef-mobile-logo-wrapper img {
    height: auto!important;
    max-width: 240px!important;
    margin-top: 5px;
}


@media only screen and (max-width: 1300px) {
    header.qodef-page-header {
        display: none!important;
    }
}

@media only screen and (max-width: 1300px) {
    header.qodef-mobile-header {
        display: block!important;
    }
	
}

@media only screen and (min-width: 981px) and (max-width: 1300px){
	header.qodef-mobile-header .qodef-grid .qodef-vertical-align-containers{
		    display: flex;
    		flex-direction: row-reverse;
    }
	.qodef-mobile-menu-opener .fa:before{
		margin: 26px 26px 0 0;
	}
}


/* ======================================================== */
/* ============= Disable Search and sidearea ============== */
/* ======================================================== */
.qodef-position-right-inner > a{
    display: none;
}


.header-parallax-section{
    background-position: right center!important;
    background-size: contain;
}

.header-parallax-section-2{
    background-position: left 80%!important;
    background-size: contain;
}

@media only screen and (min-width: 1500px){
    .header-parallax-section-platform .vc_col-lg-4 {
        width: 40%;
    }
}

@media only screen and (min-width: 981px) and (max-width: 1499px){
    .header-parallax-section-platform .vc_col-lg-4 {
        width: 50%;
    }	
	.header-parallax-section{
		background-position: right center!important;
		background-size: contain;
	}	
}

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

	#header-parallax-home{
    	    background-position: 19% 10px!important;
	}	

	#header-parallax-home .qodef-custom-font-holder{
		    width: 75%!important;
	}
	.header-parallax-section{
		background-position: right 25% !important;;
		background-size: contain;
	}	
}


@media only screen and (max-width: 1499px){
    .header-text .qodef-custom-font-holder{
        text-shadow: -1px 0px 2px rgba(255,255,255,0.63);
    }	
}


/*
.header-parallax-section .qodef-custom-font-holder{
    max-width: 450px;
}
*/
.header-parallax-button{
    border-radius: 8px;
    padding: 0 8px;
}


.header-parallax-button .qodef-btn-text{
    text-transform: none;
}

/*
.header-parallax-button .qodef-btn-text:before{
    content: "" !important;
    background: url("images/download.svg") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    height: 18px;
    width: 18px;
    margin: 16px -28px;
    position: absolute;
}
*/
/*
@media only screen and (max-width: 500px){
    a.qodef-btn.qodef-btn-medium.qodef-btn-solid.qodef-btn-custom-hover-bg.qodef-btn-custom-hover-color.header-parallax-button.qodef-btn-hover-animation {
        padding: 0px 22px;
        border-radius: 24px;
    }
}
*/

.qodef-mobile-header{
}



@media only screen and (max-width: 1024px) {
    .about-parallax-section{
        max-height: 440px;
    }
    .partners-parallax-section{
        padding: 0!important;
        margin-top: -120px!important;
    }    
    .about-header{
        padding: 0 0 20px 0;
    }
    .partners-parallax-column{
        margin-top: 240px;
    }
    .partners-parallax-column .qodef-custom-font-holder{
        max-width: none;
    }
    .header-parallax-section-2{
        background-size: cover;
    }
    .empty-space-partners-content{
        display: none;
    }
    .partners-content .qodef-full-section-inner{
        display: flex;
        flex-direction: column-reverse;
    }
}

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

    .header-parallax-section-platform{
        background-size: 120%!important;
    }
}




/*
.single-parallax-section h2{
    color: #FEFEFE;
    max-width: 1080px;
    margin: 0 auto;
}
*/



.vc_custom_1675271326048{
    margin-right: 0!important;
}

.three-columns-row .vc_column_container,
.three-columns-row-2 .vc_column_container{
    padding: 0 20px;
}


.three-columns-row .vc_column_container>.vc_column-inner {
    min-height: 480px;
}




.three-columns-row .vc_column_container>.vc_column-inner {
    min-height: 480px;
}


h4.qodef-team-name{
    color: #ffffff!important;
    font-weight: 700!important;
    font-size: 20px;
    line-height: 24px;
}

.qodef-team-description p{      
    font-weight: 400;
    font-size: 16px;
    line-height: 1.35em;
    color: #E1EAF9!important;
}


.narrow-header{
    background-position: center right!important;
    background-repeat: no-repeat !important; 
    max-height: 480px;   
}

.request-demo-title h2{
    background: #15303B;
    background: linear-gradient(to right, #15303B 0%, #3983A1 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

a.footer-last-column-links{
    max-width: 192px;
}

.qodef-footer-column-4 a{
    max-width: 212px!important;
    color: #F1B80C;
    font-size: 16px;
    line-height: 20px;
    padding: 8px 16px;
    border-radius: 16px;
    font-weight: 700;
    position: relative;
    display: inline-block;
    z-index: 2;
    -webkit-transition: all 3ms ease;
    -moz-transition: all 3ms ease;
    -ms-transition: all 3ms ease;
    -o-transition: all 3ms ease;
    transition: all 3ms ease;
}

.qodef-footer-column-4 a:hover::after {
    content: '' !important;
    position: absolute;
    bottom: 10px;
    left: 11px;
    width: 80%;
    height: 5px;
    background-color: white;
    z-index: -1;
    -webkit-transition: all 3ms ease;
    -moz-transition: all 3ms ease;
    -ms-transition: all 3ms ease;
    -o-transition: all 3ms ease;
    transition: all 3ms ease;
}

/* ==================  Blog  ================ */
.blog .qodef-title .qodef-title-holder h1{
    background: #15303B;
    background: linear-gradient(to right, #15303B 0%, #3983A1 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.blog .qodef-title.qodef-has-parallax-background{
    background-position: center right!important;
    background-repeat: no-repeat !important;    
}

.blog .qodef-title .qodef-title-holder .qodef-container {
    background-color: #ffffff!important;
    background-image: url(images/Iconsback.png);
    background-repeat: no-repeat;
    background-position: right;
}

.blog .qodef-container, .post-template-default .qodef-container{
    background-color: rgb(21,48,59);
    background-color: linear-gradient(90deg, rgba(21,48,59,1) 0%, rgba(38,69,82,1) 50%, rgba(21,48,59,1) 100%);  
}

.qodef-blog-holder.qodef-blog-type-standard .qodef-blog-standard-post-date .date, 
.post-template-default.qodef-blog-type-standard .qodef-blog-standard-post-date .date{
    color: #ffffff!important;   
}

.blog h2 a, .blog h5 a, .post-template-default h2 a, .post-template-default h5 a{
    color: #ffffff!important;
}
.blog h2 a:hover, .blog h5 a:hover, .post-template-default h2 a:hover, .post-template-default h5 a:hover{
    color: #F1B80C!important;
}

.post-template-default h2{
    color: #ffffff;
}

.qodef-blog-single .qodef-blog-standard-post-date .date{
    color: #ffffff!important;
}

.qodef-post-extra-content{
    color: #ffffff;
}

.qodef-blockquote-text span{
    color: #ffffff!important   
}

.post-template-default .qodef-single-tags-holder .qodef-single-tags-title{
      color: #ffffff;s  
}

.blog .qodef-post-excerpt,
.post-template-default .qodef-post-excerpt{
    color: #ffffff;
    font-family: 'Montserrat';
    font-size: 16px;
    line-height: 22px;
}

.blog .qodef-sidebar .qodef-blog-list-holder.qodef-image-in-box a,
.post-template-default .qodef-sidebar .qodef-blog-list-holder.qodef-image-in-box a {
    color: #ffffff;
}

.blog .qodef-btn{
    border: none!important;
    background: #264552;
    border-radius: 8px;
}

.blog .qodef-btn:hover .qodef-btn-text{
    color: #264552!important;
}

.blog .qodef-btn-text{
    color: #F1B80C;
    text-transform: capitalize;
    font-size: 16px;
}


.blog .qodef-pagination li a, .qodef-pagination li.active span,
.post-template-default .qodef-pagination li a, .qodef-pagination li.active span{
    color: #ffffff;
}

.blog .qodef-blog-holder article.format-quote .qodef-quote-author{
    color: #ffffff;   
}

.qodef-post-info-category:after{
    display: none!important;
}
.qodef-post-info-comments-holder {
    display: none!important;
}

.fa-chevron-left:before{
    content: "" !important;
    background: url(images/Back.svg) !important;
    background-size: cover !important;
    height: 24px !important;
    width: 24px !important;
    position: absolute;
    margin: -15px 0 0px -12px;     
}

.fa-chevron-right:before{
    content: "" !important;
    background: url(images/Next.svg) !important;
    background-size: cover !important;
    height: 20px !important;
    width: 25px !important;
    position: absolute;
    margin: -13px 0 0px -12px;
    scale: 0.9;   
}

footer .qodef-footer-top-holder{
    background: rgb(38,69,82);
    background: linear-gradient(180deg, rgba(38,69,82,1) 0%, rgba(21,48,59,1) 100%);           
}

.footer-claim{
    font-weight: 700;
    font-size: 52px!important;
    line-height: 65px!important;
    color: #F1B80C!important;
}

@media only screen and (min-width: 768px) and (max-width: 1600px){
    .footer-claim{
        font-size: 44px!important;
        line-height: 54px!important; 
        padding-top: 40px;     
    }
}

@media only screen and (max-width: 767px){
    .footer-claim{
        font-size: 31px!important;
        line-height: 35px!important; 
        padding-top: 20px!important;  
    }
    footer .wp-block-spacer{
        height: 0!important;
    }

    footer .qodef-column:nth-child(3){
        padding-left: 15px!important;
    }
}

@media only screen and (max-width: 1023px){
    .qodef-footer-column-3.widget_block,
    .qodef-footer-column-4.widget_block{
        display: none !important;
    }
}
/*
@media only screen and (max-width: 767px){
    .footer-claim{
        font-size: 31px!important;
        line-height: 35px!important;        
    }
}
*/
footer .qodef-footer-top .qodef-column{
    border-right: none!important;
}
.qodef-footer-column-2 p{
    max-width: 212px;
    color: #ffffff;
    font-size: 16px;
    line-height: 28px;
    font-weight: 700;
}

.qodef-footer-column-2 .wp-block-button__link{
    background-color: #264552;  
    color: #F1B80C;
    font-size: 16px!important; 
    font-weight: 700;
    padding: 8px 24px !important;
    -webkit-transition: all 3ms ease!important;
    -moz-transition: all 3ms ease!important;
    -ms-transition: all 3ms ease!important;
    -o-transition: all 3ms ease!important;
    transition: all 3ms ease!important;
}

/*
.qodef-footer-column-2 .wp-block-button__link:before{
    content: "" !important;
    background: url("images/download.svg") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    height: 18px;
    width: 18px;
    margin: 3px -28px;
    position: absolute;
}
*/
.qodef-footer-column-2 .wp-block-button__link a{
    padding-left: 18px!important;
}

.qodef-footer-column-2 .wp-block-button__link:hover{
    background-color: #F1B80C; 
    color: #264552;
    /*box-shadow: 3px 3px 15px 0px #F1B80C;*/
}
/*
#menu-footer{
}
*/
#menu-footer li{
    margin-bottom: 12px;
}

#menu-footer li a{
    color: #F1B80C;
    font-size: 16px;
    line-height: 20px;
    padding: 8px 16px;
    border-radius: 16px;
    font-weight: 700;
    position: relative;
    display: inline-block;
    z-index: 2;
    -webkit-transition: all 3ms ease;
    -moz-transition: all 3ms ease;
    -ms-transition: all 3ms ease;
    -o-transition: all 3ms ease;
    transition: all 3ms ease;
}

#menu-footer li a:hover::after {
    content: '' !important;
    position: absolute;
    bottom: 10px;
    left: 11px;
    width: 80%;
    height: 5px;
    background-color: white;
    z-index: -1;
    -webkit-transition: all 3ms ease;
    -moz-transition: all 3ms ease;
    -ms-transition: all 3ms ease;
    -o-transition: all 3ms ease;
    transition: all 3ms ease;
}

@media only screen and (max-width: 1024px){
/*    .qodef-four-columns-inner .wp-block-spacer{
        height: 40px!important;
    }*/
}

.qodef-portfolio-date, .qodef-portfolio-categories, .qodef-portfolio-social{
    display: none!important;
}


.portfolio-item-template-default .qodef-title{
    display: none;
}

.qodef-page-header .qodef-sticky-header{
    height: 120px;
}
/*
.qodef-header-standard .qodef-menu-area .qodef-vertical-align-containers .qodef-position-right-inner{
	display: none;
}

.qodef-page-header .qodef-sticky-header .qodef-position-right-inner {
    height: 80%;
}
*/
@media (max-width: 1400px) {
    header .qodef-page-header {
        display: none;
    }
    header .qodef-mobile-header {
        display: block;
    }
}


.qodef-page-header .qodef-sticky-header .qodef-sticky-holder{
    -webkit-backdrop-filter: blur(10px)!important;
    backdrop-filter: blur(10px)!important;
    background-color: rgba(255, 255, 255, 0.5)!important; 
    border-bottom: none!important;
}

.contact-block h4, .contact-block p{
    color: #ffff!important;
    font-size: 20px!important;
    line-height: 30px!important;
    font-family: 'Montserrat'!important;
    font-weight: 600!important;
}

.contact-highlight{
    color: #15303Bff!important;
}

.attach-file{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #05DBF2!important;
    cursor: pointer;
    margin-left: 24px;
}

.attach-file:before{
    content: "" !important;
    background: url(images/attach-file.svg) !important;
    background-size: cover !important;
    height: 18px !important;
    width: 18px !important;
    position: absolute;
    margin: 2px 0 0 -24px;
}

.wpcf7-file{
    visibility: hidden;
}

/* ============= Contact Form ============= */

.wpcf7-form label{
    color:#020817;
    font-weight: 600;
    font-family: 'Montserrat';
    font-size: 16px;
    line-height: 18px;
}

.wpcf7-form p{
    text-align: left;
}    

.wpcf7-form-control.wpcf7-text, .wpcf7-form-control.wpcf7-number, .wpcf7-form-control.wpcf7-textarea, .wpcf7-form-control.wpcf7-select{
    background-color:rgba(255, 255, 255, 1)!important;
    border: none!important;
}

.wpcf7-form-control.wpcf7-textarea{
    height: 80px!important;
}

.dark-form p:has(.wpcf7-submit) {
    display: flex!important;
    justify-content: center!important;
}

.wpcf7-form-control.wpcf7-text:focus,
.wpcf7-form-control.wpcf7-textarea:focus{
     border: 1px solid #264552!important;   
}

.wpcf7-form-control.wpcf7-text, .wpcf7-form-control.wpcf7-textarea{
	text-transform: capitalize!important;
}

.dark-form .wpcf7-form-control.wpcf7-text, .dark-form .wpcf7-form-control.wpcf7-textarea, .wpcf7-form-control.wpcf7-select, .wpcf7-form-control.wpcf7-number {
    color: #264552!important;
}

.dark-form .wpcf7-form-control.wpcf7-text::placeholder,
.dark-form .wpcf7-form-control.wpcf7-textarea::placeholder {
    color: #C5C7CB!important;
  }  

.dark-form .wpcf7-form-control.wpcf7-number::placeholder {
  color: #C5C7CB!important;
}

.submit-right p:has(.wpcf7-submit) {
    display: flex!important;
    justify-content: right!important;
}

.light-form .wpcf7-form-control.wpcf7-text, .wpcf7-form-control.wpcf7-textarea{
    color: #264552!important;
}

.light-form .wpcf7-form-control.wpcf7-text, .wpcf7-form-control.wpcf7-textarea::placeholder{
    color: #C5C7CB!important;
}

.dark-label{
    color: #264552!important;
}

.wpcf7-submit{
    border: none!important; 
    padding: 8px 16px!important;
    height: auto!important;
    color: #F1B80C!important;
    background: #264552!important;
    text-transform: capitalize!important;
    border-radius: 8px!important;
    font-size: 16px!important;
    line-height: 20px!important;
    font-family: 'Montserrat'!important;
    font-style: normal!important;
    font-weight: 600!important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.wpcf7-submit:after {
    content: "✉"; /* Este es un ejemplo de icono, puedes usar otro */
    font-family: Arial, sans-serif; /* Cambia la fuente según tu diseño */
    font-size: 18px;
    margin-right: 8px;
    display: inline-block;
    position: absolute;
    /*
    content: '' !important;
    background: url(images/arrow-submit.svg) !important;
    background-size: contain !important;
    background-repeat: no-repeat!important;
    height: 9px !important;
    width: 9px !important;
    position: absolute;
    */
}    

.wpcf7-submit:hover{
    /*
    background: #F1B80C!important;
    color: #264552!important;
    */
    -webkit-transition: all 2ms ease;
    -moz-transition: all 2ms ease;
    -ms-transition: all 2ms ease;
    -o-transition: all 2ms ease;
    transition: all 2ms ease;
}

.wpcf7-spinner{
    margin: 8px 24px 0 24px;
    position: absolute;
    background-color: rgba(255, 255, 255, 0);
}

.requiered-field{
    color:#416C7D;
    margin-left: 8px;
}

.two-column{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 40px;
    grid-row-gap: 0px;
    text-align: left;
}

.two-column label{
    text-align: left;
}


.two-column p:first-child{
    grid-area: 1 / 1 / 2 / 2;  
}

.two-column p:last-child{
    grid-area: 1 / 2 / 2 / 3;  
}

.dark-form .calculator-form-title{
    font-size: 46px;
    font-family: 'Montserrat';
    padding-bottom: 8px;	
	background: linear-gradient(to right, #05DBF2 0%, #008FA2 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	font-weight: 700;
	line-height: 1.2;
}

.dark-form .calculator-form-subtitle{
    font-size: 16px;
    font-family: 'Montserrat';
	color: #fff;
	margin-bottom: 40px;
	font-weight: 600;
	line-height: 1.2;
}

.radio-buttons-wrapper{
	display: flex;
	flex-direction: column;
}

@media only screen and (max-width: 540px){
    .two-column{
        display: flex;
        flex-direction: column;
    }
}


.wpcf7-not-valid-tip{
    margin-top: -22px!important;
}



@media only screen and (max-width: 540px) {
    .column-dark-form{
        padding: 40px 20px!important;
    }
}


.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border: 1px solid #EB115D!important;
    text-align: center;
    color: #ffffff!important;
}

.wpcf7 form.sent .wpcf7-response-output{
    border: 1px solid #05DBF2!important;
    text-align: center; 
    color: #ffffff!important;
}


.m-b-40{
    margin-bottom: 40px;
}

.m-b-60{
    margin-bottom: 60px;
}

.form-highlight{
    color: #ffffff;
    font-weight: 600;
}


.light-form .wpcf7-form-control.wpcf7-text, .wpcf7-form-control.wpcf7-textarea {
    color: #141C26;
}

.form-info-centred{
    text-align: center;
    margin-bottom: 40px;
}



.close-icon-form-wrapper{
	width: 100%;
	display: flex;
	justify-content: flex-end;
	margin-top: 80px;
}

.dark-form input[type=checkbox] {
  -webkit-appearance: none; /* Elimina la apariencia nativa en WebKit */
  -moz-appearance: none; /* Elimina la apariencia nativa en Mozilla */
  appearance: none; /* Elimina la apariencia nativa en navegadores modernos */
  height: 16px;
  width: 16px;
  margin-top: 2px;
  border: 1px solid #343C48;
  outline: none;
  border-radius: 4px;
  background: #D1DBE9;
  transition: background-color 0.3s;
}


.dark-form input[type=checkbox]:checked {
  border-color: #343C48;
  outline: none;
  color: #141C26;
  background: #05DAF2;
  background-image: url(/wp-content/uploads/2024/07/mini-check.svg);
  background-position: center;
}


.dark-form .wpcf7-checkbox .wpcf7-list-item{
    margin: 0 0 0 1px;
}

.dark-form .wpcf7-checkbox .wpcf7-list-item label{
    display: flex;
    align-items: center;
}



/* ============= End Contact Form ============= */

.team-section{
    background: rgb(21,48,59);
    background: linear-gradient(90deg, rgba(21,48,59,1) 0%, rgba(38,69,82,1) 50%, rgba(21,48,59,1) 100%);        
}

.qodef-team.main-info-below-image .q_team_position{
    color: #000000;
}

.team-code .icon-settings:before {
    content: "" !important;
    background: url(images/Developer.svg) !important;
    background-size: cover !important;
    height: 24px !important;
    width: 24px !important;
    position: absolute;
    margin: 15px -10px;
}

.team-design .icon-settings:before {
    content: "" !important;
    background: url(images/Designer.svg) !important;
    background-size: cover !important;
    height: 24px !important;
    width: 24px !important;
    position: absolute;
    margin: 15px -10px;
}

.team-management .icon-settings:before {
    content: "" !important;
    background: url(images/Founder.svg) !important;
    background-size: cover !important;
    height: 24px !important;
    width: 24px !important;
    position: absolute;
    margin: 15px -10px;
}

.row-with-list-404 .fa-check-square:before {
    content: "" !important;
    background: url(images/light-check.svg) !important;
    background-size: cover !important;
    height: 24px !important;
    width: 24px !important;
    position: absolute;
    margin: -15px 0 -15px -16px;
}

.column-with-list .fa-check-square:before {
    content: "" !important;
    background: url(images/Check.svg) !important;
    background-size: cover !important;
    height: 24px !important;
    width: 24px !important;
    position: absolute;
    margin: -15px 0 -15px -16px;
}

.cywareness-accordion .icon_plus:before {
    content: "" !important;
    background: url(images/closed-default.svg) !important;
    background-size: cover !important;
    height: 24px !important;
    width: 24px !important;
    position: absolute;
    margin: 12px 0 0px -12px; 
}

.cywareness-accordion .icon_minus-06:before {
    content: "" !important;
    background: url(images/open-default.svg) !important;
    background-size: cover !important;
    height: 24px !important;
    width: 24px !important;
    position: absolute;
    margin: 12px 0 0px -12px; 
}

/*
.single-column-gradient-text h2,
.single-column-gradient-text h3{ 
    background: #05DBF2;
    background: linear-gradient(to right, #05DBF2 0%, #008FA2 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
*/
.single-image-one-column img{
    padding: 80px 0;
    scale: 1.5;
}

.image-icon-animation-1{
    animation-delay: 0.0s;
}
.image-icon-animation-2{
    animation-delay: 0.2s;
}
.image-icon-animation-3{
    animation-delay: 0.4s;
}
.image-icon-animation-4{
    animation-delay: 0.6s;
}
.image-icon-animation-5{
    animation-delay: 0.8s;
}

/* ------------------ Portfolio Offices ------------------- */
@media only screen and (max-width: 600px){
    .qodef-portfolio-list-holder-outer article,
    .qodef-portfolio-list-holder-outer.qodef-ptf-gallery-space article {
        margin-bottom: 0!important;
    }
}

.office-column-info{
   font-size: 16px;
   line-height: 1.2;
   color: #15303B; 
}

.back-to-main-page .qodef-iwt.qodef-iwt-icon-top .qodef-iwt-icon-holder{
    margin-top: -2px!important;
}

.qodef-blog-list-holder .qodef-item-info-section{
    color: #A2BDCA!important;
}

.main-content-pricing{
    background: rgb(21,48,59);
    background: linear-gradient(90deg, rgba(21,48,59,1) 0%, rgba(38,69,82,1) 50%, rgba(21,48,59,1) 100%); 
}

@media only screen and (max-width: 767px){
    .main-content-pricing{
        padding: 80px 0 40px!important;
    }   
    .main-content-pricing .qodef-elements-holder-item{
        margin: 20px 0 40px!important;
    }        
    .main-content-pricing .qodef-elements-holder .qodef-elements-holder-item-content{
        padding: 0!important;
    }
    .main-content-pricing .wpb_single_image.vc_align_left,
    .main-content-pricing .wpb_single_image.vc_align_right{
        text-align: center;
    }
    .main-content-pricing .qodef-elements-holder .qodef-elements-holder-item-content h3{
        text-align: center!important;
    }
    .main-content-pricing .vc_empty_space:last-child{
        display: none;
    }
}




.fixing-column-list ul{
    max-width: 80%;
    padding: 0 10% 0 15%;
    list-style-position: outside;
}

.fixing-column-list ul li{
    color: #666f7b;
    font-size: 16px;
    font-family: 'Montserrat';
    padding-bottom: 8px;
}


.blog-text h3{
	color: #ffffff;
}

.blog-text h4{
	font-size: 20px;
	font-weight:26px;
}

.blog-text h4,
.blog-text p,
.blog-text ul{
	color: #E1EAF9!important;
}

.blog-text p,
.blog-text ul{
	font-size: 18px;
	line-height: 24px;
}

.qodef-post-info-bottom{
	display: none!important;
}

.qodef-blog-standard-post-date{
    display: none!important;
}

.qodef-blog-standard-info-holder {
    margin-top: 0!important;
    padding-left: 0!important;
}
/* ============  CUSTOM SLIDER  ================ */

#slider-main {
    position: relative;
    overflow: hidden;
    margin: 20px auto 0 auto;
    border-radius: 4px;
  }
  
  #slider-main ul {
    position: relative;
    margin: 52px 0 0;
    padding: 0;
    height: 200px;
    list-style: none;
  }
  
  #slider-main ul li {
    position: relative;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 500px;
    height: 300px;
    text-align: left;
    line-height: 300px;
    padding: 20px;
  }
  
  #slider-main ul li h4{
    font-family: "Montserrat";
    color: #F1B80C;
    font-weight: 600;
    font-size: 31px;
    line-height: 35px;
    max-width: 230px;
    margin-bottom: 12px;
  }
  
  #slider-main ul li p{
    font-family: "Montserrat";
    color: #ffffff;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    max-width: 336px;
  }
  
  a.control_prev, a.control_next {
    position: absolute;
    top: 40%;
    z-index: 999;
    display: block;
    width: auto;
    height: auto;
    text-decoration: none;
    font-weight: 600;
    font-size: 18px;
    opacity: 0.8;
    cursor: pointer;
    width: 40px;
    height: 40px;  
    background-size: contain;
    background-repeat: no-repeat;  
  }
  
  a.control_prev:hover, a.control_next:hover {
    opacity: 1;
    -webkit-transition: all 0.2s ease;
  }
  
  a.control_prev {
    background-image: url("images/arrow-Previous-tag.svg");
  }
  
  a.control_next {
    right: 0;
    background-image: url("images/arrow-next-tag.svg");
    margin-top: 5px;   
  }
  
  .slider_option {
    position: relative;
    margin: 10px au
    width: 160px;
    font-size: 18px;
  }
  
  .slider-container{
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  
  .section-custom-slider{
    background: rgb(38,69,82);
    background: linear-gradient(180deg, rgba(38,69,82,1) 0%, rgba(21,48,59,1) 100%);
  }

  @media only screen and (max-width: 1024px){
    .slider-container{
        display: flex;
        flex-direction: column;
        align-items: center;
      }
  }

  @media only screen and (max-width: 540px){
    .section-custom-slider .clearfix.qodef-section-inner {
        width: 100%;
    }
    .row-custom-slider{
        padding: 0!important;
    }
    .slider-container{
        padding: 0!important;
    }

    #slider-main {
        width: 90%!important;
    }

    #slider-main ul li{
        width: 63vw!important;
        padding: 0 9vw 0 0 !important;
    }
    a.control_prev, a.control_next{
        height: 100%;
        top: 0;
        opacity: 1;
        background-position: 40%;
    }
    a.control_next{
        margin-top: 0;
    }
  }

  #slider-frame{
      background-image: url("images/laptop-frame.png");
      background-size: cover;
      background-repeat: no-repeat;
      width: 451px!important;
      height: 320px!important;
  }
  
  
    .slider-window {
      width: 286px;
      height: 183px;
      overflow: hidden;
      margin-left: 79px;
      margin-top: 67px;
      text-align: center;
  }
  
  #slider-frame ul {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 65px;
  }
  
  #slider-frame ul li {
    position: relative;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    margin-top: -65px;
    text-align: center;
    height: auto;
    width: auto;
  }
  
  #slider-frame ul li img{
    width: 286px;
    height: 183px;
  }
  


/* ======= 404 ======= */
.error404 .qodef-content h4, .error404 .qodef-content h2{
    background: #05DBF2;
    background: linear-gradient(to right, #05DBF2 0%, #008FA2 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.error-list{
}

.error-button a{
    background: #05DBF2!important;
    border: none!important;
    color: #141C26!important;
    font-size: 16px!important;
    font-weight: 600!important;
}


.page-id-7268 .qodef-content .qodef-content-inner > .qodef-full-width {
    background-image: url("images/404-background.jpg");
    background-size: cover;
    background-repeat: no-repeat;
}

span.check{
   color: #05DBF2;
   font-size: 16px;
   font-weight: 600;
   font-family: "Montserrat";
   margin-left: 16px;
}



/* ======================= HOME ========================= */
#home-parallax{
   background-size: contain!important;
}

.platform-three-columns-hide{
	display: none!important;
}



/* ======================= PARTNERS ========================= */
.testimonials{
}

.qodef-testimonials-holder .owl-buttons .qodef-prev-icon,
.qodef-testimonials-holder .owl-buttons .qodef-next-icon{
    background: none!important;
    border: 1px solid #666F7B;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px!important;
}

.qodef-testimonials-holder .owl-buttons .owl-prev{
    left: 4%!important;
}
.qodef-testimonials-holder .owl-buttons .owl-next{
    right: 4%!important;
}

.qodef-testimonials.cards_carousel .qodef-testimonial-title {
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
}

.qodef-testimonials.cards_carousel .qodef-testimonial-text {
    font-size: 12px;
    line-height: 16px;
}

/* ====================== Cywareness Icon Links ====================== */
.cywareness-icon-links .qodef-iwt-icon-tiny{
    display: flex;
    flex-direction: row;
}

.cywareness-icon-links .qodef-iwt-content-holder{
    text-align: left;
    margin-left: 16px;
}

.cywareness-icon-links .qodef-iwt-content-holder .qodef-iwt-title-holder{
    margin-top: -4px;
}

.cywareness-icon-links .qodef-iwt-content-holder .qodef-iwt-title-holder h4{
    font-family: 'Montserrat'!important;
    font-style: normal!important;
    font-weight: 600!important;
    font-size: 20px!important;
    line-height: 26px!important;
    color: #141C26!important;
}

.cywareness-icon-links .qodef-iwt-content-holder .qodef-iwt-text-holder{
    margin-top: -20px!important;
}

.cywareness-icon-links .qodef-iwt-content-holder .qodef-iwt-text-holder p{
    font-family: 'Montserrat'!important;
    font-style: normal!important;
    font-weight: 400!important;
    font-size: 16px!important;
    line-height: 22px!important;
    color: #666F7B;
}

.cywareness-icon-links .qodef-iwt .qodef-iwt-link{
    margin-top: -20px;
    font-family: 'Montserrat'!important;
    font-style: normal!important;
    font-weight: 400!important;
    font-size: 16px!important;
    line-height: 22px!important;
    color: #666F7B;   
}

.cywareness-icon-links .qodef-iwt .qodef-iwt-link:hover{
    color: #05dbf2!important;  
}

.arrow-job {
    width: 80px;
    position: absolute;
    left: 50%;
    margin-left: -40px;
}

.arrow-job img{
    width: 80px!important;
}

.apply-now a{
    font-family: 'Montserrat'!important;
    font-style: normal!important;
    font-weight: 600!important;
    font-size: 16px!important;
    line-height: 20px!important;
}


.title-job-application .wpb_wrapper p{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 26px;
    color: #E1EAF9;    
}

.title-job-application .wpb_wrapper p strong{
    font-weight: 400;
    color: #05DBF2;    
}

/* ==== PAGE JOB APPLICATE ==== */
.page-id-8015 header,
.page-id-8073 header,
.page-id-8304 header,
.page-id-8316 header{
    display: none;
}


.page-id-8015 section.wpb-content-wrapper,
.page-id-8073 section.wpb-content-wrapper,
.page-id-8304 section.wpb-content-wrapper,
.page-id-8316 section.wpb-content-wrapper{
    background: url("images/Fingerprint-Header-Parallax-Left.svg")!important;
    background-repeat: no-repeat!important;
    background-position: top right!important;
    
}



.back-to-main-page .qodef-iwt.qodef-iwt-icon-top {
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.back-to-main-page .qodef-iwt.qodef-iwt-icon-top .qodef-iwt-icon-holder {
    margin-bottom: 0px;
	margin-top: 5px;
}

.back-to-main-page .qodef-iwt .qodef-iwt-link {
    margin-top: 0px;
    display: inline-block;
	color: #141C26;
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 20px;
	margin-left: 10px;
}

.request-demo-list .qodef-iwt-title-holder{
	background: #ffffff;
    margin-top: -1px!important;
    min-width: 450px;
    padding: 6px 16px;
    border-radius: 4px;	
}


.privacy-policy-text-one .wpb_wrapper p{
	color: #141C26;
	font-family: Montserrat;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 28px;
}

.privacy-policy-text-one .wpb_wrapper p a{
	color: #05dbf2;
}


.privacy-policy-text-two .wpb_wrapper p{
	color: #141C26;
	font-family: Montserrat;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	margin-left: 40px;
	line-height: 1.6em;
}

.privacy-policy-text-two .wpb_wrapper p a{
	color: #05dbf2;
}

.privacy-policy-text-two .wpb_wrapper ul li,
.privacy-policy-text-two .wpb_wrapper ol li{
	color: #141C26;
	font-family: Montserrat;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.6em;
}


.privacy-policy-text-three .wpb_wrapper p{
	color: #141C26;
	font-family: Montserrat;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.6em;
}

.privacy-policy-text-three .wpb_wrapper p a{
	color: #05dbf2;
}

.privacy-policy-text-three .wpb_wrapper ul li,
.privacy-policy-text-three .wpb_wrapper ol li{
	color: #141C26;
	font-family: Montserrat;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.6em;
}


/* Hide Author Name */
.qodef-post-info-author{
	display: none!important;
}



#animatedBanner{
	max-height: 423px!important;
	margin-top: 112px!important;

}

#videoHome{
	margin-top: 112px!important;
}

@media only screen and (max-width: 767px){
	#animatedBanner{
		margin-top: 0!important;
	}
	#videoHome{
		margin-top: 0!important;
	}	
}

#spacer{
	margin-top: 112px;
}

/*
#header-parallax-home-2{
	height: 800px!important;
	background-repeat: no-repeat!important;
}

#header-parallax-home-2 .clearfix.qodef-full-section-inner {
    margin-top: 8%;
}
*/



/*
@media only screen and (max-width: 767px){

	#header-parallax-home-2{
    	    background-position: 19% 10px!important;
	}	

	#header-parallax-home-2 .qodef-custom-font-holder{
		    width: 75%!important;
	}
}
*/


.page-id-7268 .qodef-menu-area{
	background-color: rgba(255, 255, 255, 0)!important!; 
}


.to-bold .wpb_wrapper .qodef-icon-list-item:last-child .qodef-icon-list-text{
	font-weight: bold!important;
}

.hide-video{
	display: none!important;
}

@media only screen and (max-width: 540px){
 .qodef-iwt:not(.qodef-iwt-left-from-title) .qodef-iwt-title-holder {
    margin-bottom: 40px;
 }
}


.bg-gradient{
    background: rgb(38,69,82);
    background: linear-gradient(0deg, rgba(38,69,82,1) 0%, rgba(21,48,59,1) 100%);
}

@media only screen and (max-width: 766px) {
    .bg-gradient {
        padding: 0 24px !important;
    }
}

.full-height{
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gradient-section-row-container h3{
	max-width: 1080px;
	margin: 0 auto;
}

@media only screen and (max-width: 766px){
	.gradient-section-row-container h3{
		max-width: 80%!important;
	}	
}

.qodef-portfolio-list-holder {
    display: flex;
}

/* ====================== CleanCode ====================== */
/* === Home === */

/*
.home-section-one h2{
    padding-right: 200px;
}*/

.cyberproai-button{
	border: none!important;
	border-radius: 8px!important;
    text-transform: none!important;
}

@media only screen and (min-width: 1500px){
    .home-section-one h2{
        padding-right: 200px;
    }
    .home-section-one .qodef-custom-font-holder{
        padding-right: 200px;        
    }
}

@media only screen and (min-width: 981px) and (max-width: 1499px){
    .home-section-one h2{
        padding-right: 200px;
    }
    .home-section-one .qodef-custom-font-holder{
        padding-right: 200px;        
    }
}

.cleancode-row-with-list .fa-check-square:before {
    content: "" !important;
    background: url(images/html-tags.svg) !important;
    background-size: cover !important;
    height: 24px !important;
    width: 24px !important;
    position: absolute;
    margin: -15px 0 -15px -16px;
}

@media only screen and (max-width: 766px){
	.cleancode-row-with-list .qodef-icon-list-item{
		padding-left: 12px;
	}	
}

.case-studies .qodef-section-inner-margin{
    display: flex;
    column-gap: 24px;
}

@media only screen and (max-width: 1024px) {
    .case-studies .wpb_column{
        margin-bottom: 24px;
    }    
    .case-studies .qodef-section-inner-margin{
        flex-direction: column;
    }
}

.case-studies .vc_column_container{
    border: 1px solid #F1B80C;
    border-radius: 16px;
    background: rgba(21, 48, 59, 0.19);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.case-studies .vc_column-inner{
    padding: 24px 16px!important;
    height: 100%;
}

.case-studies .vc_column-inner h5{ 
    margin-bottom: 16px!important;
}

.case-studies .vc_column-inner p{ 
    font-size: 16px;
    color: #ffffff;
}

.qodef-process-holder-inner .qodef-process-item-icon-holder-wrapper:after{
    color: #264552!important;
    border-bottom: 2px dashed #264552!important;
}


.home-steps .qodef-process-item:last-child .qodef-process-item-icon-holder-wrapper:after{
    display: none!important;
}

.home-steps .qodef-process-item .qodef-process-item-icon-holder {
    border: 2px solid #264552!important;  
}

.home-steps .fa-address-book::before{
    content: '' !important;
    background: url(images/icon-process-one.svg) !important;
    background-size: contain !important;
    background-repeat: no-repeat!important;
    height: 40px !important;
    width: 40px !important;
    position: absolute;
    top: 27px;
    left: 28px;    
}

.home-steps .fa-address-card::before{
    content: '' !important;
    background: url(images/icon-process-two.svg) !important;
    background-size: contain !important;
    background-repeat: no-repeat!important;
    height: 40px !important;
    width: 40px !important;
    position: absolute;   
    top: 27px;
    left: 28px; 
}

.home-steps .fa-anchor::before{
    content: '' !important;
    background: url(images/icon-process-three.svg) !important;
    background-size: contain !important;
    background-repeat: no-repeat!important;
    height: 40px !important;
    width: 40px !important;
    position: absolute;  
    top: 27px;
    left: 28px;  
}

.qodef-process-holder .qodef-process-item:hover .qodef-process-item-background-holder {
    border-color: rgba(38, 69, 82, 0.3)!important;
}

.home-steps .qodef-process-item .qodef-process-item-icon-holder .qodef-icon-shortcode.circle{
    background: rgb(65,108,125);
    background: linear-gradient(0deg, rgba(65,108,125,1) 0%, rgba(21,48,59,1) 100%);
}

.home-steps .qodef-process-item h4{
    font-size: 20px!important;
    font-weight: 700!important;
    color: #264552!important;
}

.area-square{
    height: 400px!important;
    display: flex;
    justify-content: center;
    align-items: center;    
    background: #15303B;
    overflow: hidden;
    background-position: center!important;
    background-repeat: no-repeat!important;
    background-size: cover!important;
}

.area-square::after{
    content: '';
    width: 1em;
    height: 1em;
    background: rgba(255, 255, 255, 0);
    position: absolute;
    z-index: 12;
    border-radius: 50%; 
    -webkit-transition: all 350ms ease;
    -moz-transition: all 350ms ease;
    -ms-transition: all 350ms ease;
    -o-transition: all 350ms ease;
    transition: all 350ms ease;        
}

.area-square:hover:after{
    background: rgba(241, 184, 12, 0.9);
    width: 80em;
    height: 80em;   
}

.area-square:hover.area-square h5,
.area-square:hover.area-square p{
    color: #15303B!important;
}

.area-square h5{
    margin-bottom: 24px!important;
}

.area-square h5, .area-square p{
    max-width: 80%; 
    margin: 0 auto;  
    position: relative;
    z-index: 99;
    text-align: center;
}
.area-square p{
    color: #ffffff;
    font-weight: 400;
}

.area-square.education{
    background: url('/wp-content/uploads/2025/01/Education-Squares.jpg');
}

.area-square.government{
    background: url('/wp-content/uploads/2025/01/Government-Squares.jpg');  
}

.area-square.enterprise{
    background: url('/wp-content/uploads/2025/01/Enterprise-Squares.jpg');      
}

/*
.hero{
	max-height: 80vh;
	background-size: cover!important;
	background-repeat: no-repeat!important;
}
*/


.code-animation{
	height: 18.875rem;
	width: 31.75rem;
}

/* Responsive Animations*/
@media (min-width: 767px) and (max-width: 1075px){
	.code-animation {
		height: 15.1rem !important;
		width: 25.4rem !important;
	}
}

@media only screen and (max-width: 766px){
	.code-animation {
    	width: 95vw !important;
	}
}

@media only screen and (max-width: 766px){
	#afterHero{
		padding: 20px 0 20px !important;
	}
}

/*Offices*/

@media only screen and (max-width: 878px){
	.qodef-portfolio-item .qodef-item-text-overlay-inner .qodef-item-text-holder{
		padding: 10px!important;
	}
	.qodef-portfolio-item .qodef-item-text-overlay-inner .qodef-item-text-holder h5{
		font-size: 8px!important;
	}
	.qodef-portfolio-item .qodef-item-text-overlay-inner .qodef-item-text-holder span{
		font-size: 8px!important;
	}
}


/* Fix Menu */

@media (min-width: 767px) and (max-width: 1192px){

}



/*Test*/