/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/

/* Tắt hover của The7 */
.dt-nav-menu-horizontal > li > .the7-e-sub-nav{
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none;
    transition: .25s;
}

/* Khi click mở */
.dt-nav-menu-horizontal > li.menu-open > .the7-e-sub-nav{
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto;
}

/* hiệu ứng khi hover */
.menu-item>a:hover{
    cursor:pointer;
}

.menu-item>a:hover .menu-text{
    color:#45b4e2;
}
/*----------------------------------------------------------*/
.elementor-location-header {
	grid-area: main !important;
}

li {
    padding-bottom: 10px;
	line-height: 26px;
}

.hero-overlay-custom{
    position: relative;
    overflow: hidden;
}

.hero-overlay-custom::before{
    content: "";
    position: absolute;
    inset: 0;
    background-image: linear-gradient(
        180deg,
        #00132b 0%,
        rgba(0, 19, 43, 0.78) 74%,
        rgba(255, 255, 255, 0) 100%
    );
    z-index: 1;
    pointer-events: none;
}

.hero-overlay-custom > .elementor-container,
.hero-overlay-custom > .e-con-inner,
.hero-overlay-custom > .elementor-widget-wrap{
    position: relative;
    z-index: 2;
}

.section-radial-green {
	background-image: radial-gradient(circle at top right, rgba(60, 231, 180, 0.43) 0%, rgb(0 19 43 / 0%) 28%);
    height: 100svh;
}

.whyvisioniqs2 h6 {
    font-size: 30px !important;
    font-family: 'Poppins' !important;
    color: #45b4d7 !important;
    margin-bottom: 5px !important;
}

.whyvisioniqs3 h6 {
    font-size: 30px !important;
    font-family: 'Poppins' !important;
    color: #3CE7B4 !important;
    margin-bottom: 5px !important;
}

.faq-space .elementor-tab-title {
    justify-content: space-between !important;
}

.faq-space .elementor-accordion-item.current {
	background-image: linear-gradient(100deg, rgba(60, 231, 180, 0) 0%, rgba(60, 231, 180, 0.16) 100%) !important;
    background-color: #001a3b !important;
	margin-bottom: 20px;
	padding: 15px;
	border-radius: 8px;
}

.faq-space .elementor-accordion-item {
	background-image: linear-gradient(100deg, rgba(60, 231, 180, 0) 0%, rgba(60, 231, 180, 0.16) 100%) !important;
    background-color: #001a3b !important;
	margin-bottom: 20px;
	padding: 15px;
	border-radius: 8px;	
}

.box-benefit {
	background-image: linear-gradient(100deg, rgba(60, 231, 180, 0) 0%, rgba(60, 231, 180, 0.16) 100%) !important;
    background-color: #001a3b !important;
	padding: 40px 50px;
	border-radius: 8px;	
}

/* Chỉ áp dụng cho các Icon Box có class iconbox-gradient */
.iconbox-gradient .box-content-wrapper{
    position: relative;
    overflow: hidden;
    border-radius: 16px;
    background: radial-gradient(
        47.42% 86.7% at 88.17% -2.45%,
        rgba(60, 231, 180, 0.2) 0%,
        rgba(60, 231, 180, 0) 100%
    );
	padding: 30px 35px;
}

.form_contact .elementor-field-group .elementor-field-textual.elementor-size-sm, .content .elementor-field-group .elementor-field-textual.elementor-size-sm {
	padding: 20px 25px 20px 25px;
}

.form_contact .elementor-field-group .elementor-select-wrapper select {
    color: #FFFFFFAD;
    font-family: "Poppins", sans-serif !important;
    font-weight: 300 !important;
    font-size: 16px !important;
}

.tabpeople .e-n-tab-title[aria-selected="true"]{
	border-bottom: 3px solid #3CE7B4 !important;
    margin-right: 20px;
}

.tabpeople1 .e-n-tab-title[aria-selected="true"]{
	border-bottom: 3px solid #45B4E2 !important;
    margin-right: 20px;
}

.togle_orchestrate .e-n-accordion-item{
	border-bottom: 2px solid #45b4e2 !important;
	padding-bottom: 10px;
}

.togle_orchestrate .e-n-accordion-item[open]{
	border-bottom: 2px solid #3ce7b4 !important;
	padding-bottom: 10px;
}

.abcd1.elementor-section-boxed.elementor-section-height-default {
	
}

.abcd1.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default {
	
    
}

.dt-nav-menu-horizontal>.the7-e-mega-menu.the7-e-mega-menu-width-full>.the7-e-sub-nav.the7-e-mega-menu-sub-nav {
	width: 120% !important;
	margin-left: 70%;
	margin-top: -2%;
}

html {
    zoom: 1;
}

@media (max-width: 1800px) {
    html {
        zoom: 0.94;
    }
}

@media (max-width: 1700px) {
    html {
        zoom: 0.89;
    }
}

@media (max-width: 1600px) {
    html {
        zoom: 0.84;
    }
}

@media (max-width: 1500px) {
    html {
        zoom: 0.74;
    }
}

@media (max-width: 768px) {
	.tabpeople .e-n-tab-title[aria-selected="true"]{
		margin-right: 0px;
	}
}