/*
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
*/
.footer-socials a{cursor: pointer !important;}
header.header-bar .branding, .masthead.classic-header:hover{background: #FFF !important;}
.masthead.classic-header{transition: all 0.6s ease;}
#main{padding-top: 95px !important;}
ul.top-phone{display: flex; align-items: center; justify-content: flex-end; gap: 20px;}
ul.top-phone li{position: relative; padding: 0px 0px 0px 35px;}
ul.top-phone li img{position: absolute; left: 0px; top: 2px;}
ul.top-phone li a{color:#000 !important; display: block; padding-bottom: 5px; text-decoration: none !important; transition: all 0.3s ease;}
ul.top-phone li a:hover, .light-preset-color.masthead:not(#phantom):not(.sticky-on) .main-nav > li > a:hover .menu-text{color: #ED1C24 !important;}
#phantom .menu-box .main-nav > li > a{margin: 18px 4px 18px 4px;}
.light-preset-color.masthead:not(#phantom):not(.sticky-on) .main-nav > li > a .menu-text{color: #000 !important; transition: all 0.3s ease;}
.light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on) .from-centre-line > li > a .menu-item-text:before, .light-preset-color.masthead:not(#phantom):not(.sticky-on) .main-nav.level-arrows-on > li.has-children > a .menu-text:after, .light-preset-color.masthead:not(#phantom):not(.sticky-on) .main-nav.level-arrows-on > li.has-children:not(.act) > a:hover .menu-text:after{background: #ED1C24 !important;}
.light-preset-color.masthead:not(#phantom):not(.sticky-on) .main-nav.level-arrows-on > li.has-children > a .menu-text:after, .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on) .menu-line:after, .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on) .menu-line:before{background: #666 !important;}
.mobile-main-nav > li.has-children > a:after, .mobile-main-nav .next-level-button svg, .mobile-main-nav > li.menu-item-language > a:after{color: #333 !important; fill: #333 !important;}
.swiper-pagination.owl-dots{max-width: 1200px; left: calc(50% - 593px) !important;} 
.swiper-pagination.owl-dots button.owl-dot{transition: all 0.6s ease;}
.swiper-pagination.owl-dots button.owl-dot.active{width: 30px;}
.title-design h2{position: relative; padding: 0px 15px 0px 15px;}
.title-design h2::before{position: absolute; left: 25%; bottom: -17px; content: ""; width: 50%; height: 5px; display: block; background: linear-gradient(90deg, #FFF200 -113.81%, #ED1C24 7.08%, #332568 143.4%); min-width: 100px;}
.title-design.left-align h2::before{left: 0px;}
.countr-txt .elementor-counter-number, .countr-txt .elementor-counter-number-suffix {
	background: linear-gradient(90deg, #FFF200 -113.81%, #ED1C24 7.08%, #332568 143.4%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.countr-txt .elementor-counter-number-suffix{
	font-size: 32px;
}
.countr-txt .elementor-counter-number-wrapper { 
    align-items: baseline;
}
.countr-txt .elementor-counter-title {
	text-align: center;
}
.marquee { font-size: 36px; height: 60px; line-height: 50px; overflow: hidden; position: relative; width: 100vw; }

.marquee .track {height: 60px;overflow: hidden;position: absolute; white-space: nowrap;display: flex;align-items: flex-start;justify-content: center;gap: 200px;  animation: marquee 150000ms linear infinite;}

.marquee .track .text {height: 60px; align-items: center;display: inline-flex; will-change: transform; font-weight: 700; color: #FFF;}

@keyframes marquee {from {transform: translateX(0);} to {transform: translateX(-100%);}}

.marquee h2 {
  background: rgba(255, 255, 255, 0.5);
  -webkit-text-stroke: 1px transparent;
  -webkit-background-clip: text;
  color: #131d34;
  font-size: 62px;
  line-height: 70px;
  margin-bottom: 0;
}

.industries_we_serve_grid .dt-css-grid .wf-cell .the7-image-box-wrapper .box-content-wrapper{flex-direction: column-reverse;}
.industries_we_serve_grid .dt-css-grid .wf-cell .the7-image-box-wrapper .box-content-wrapper .box-content .box-description{padding-bottom: 30px;}
.industries_we_serve_grid .dt-css-grid .wf-cell .the7-image-box-wrapper .box-content-wrapper .box-content .box-heading{padding-top: 70px;}
.about-sections .title-design h2{
	padding: 0px;
}
.industries-serve .box-content{
	padding: 10px;
}
.industries-serve .wf-cell img{
	transition: all ease-in .2s !important;
}
.industries-serve .wf-cell:hover img{
	transform: scale(1.06);
}
.ftr-icon .the7-box-grid-wrapper .dt-css-grid .wf-cell:nth-child(2) .the7-icon-box-grid{
	border: 0px!important;
	padding: 0px!important;
	text-align: center;
}
.ftr-icon .the7-box-grid-wrapper .dt-css-grid .wf-cell:nth-child(2) .the7-icon-box-grid .box-heading {
    width: 100%;
	text-align: center;
}
.industries-serve .swiper-pagination-bullet {
	transition: all ease-in .3s;
	height: 8px;
    width: 8px;
}
.industries-serve .swiper-pagination-bullet:hover {
	background-color: #fff;
}
.industries-serve .swiper-pagination-bullet-active {
     width: 30px;
    height: 8px;
    border-radius: 5px;
}
.client_page_grid .dt-css-grid .wf-cell,
.client_page_grid .dt-css-grid .wf-cell div,
.client_page_grid .dt-css-grid .wf-cell a
.client_page_grid .dt-css-grid .wf-cell img{
    transition: 0.5s all !important;
}
.client_page_grid .dt-css-grid .wf-cell:hover img{
    transform: scale(1.05);
    transition: 0.5s all !important;
}


.form_section form{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.form_section form .half_cont{
    width: calc(50% - 10px);
}
.form_section.consultation_form form .half_cont{
    width: 100%;
}
.form_section form #real-file{
    display: none;
}
.form_section form .half_cont p{
    margin-bottom: 0 !important;
}
.form_section form .half_cont.file p:nth-child(1),
.form_section form .half_cont.file p br{
    display: none;
}
.form_section form .half_cont input,
.form_section form .half_cont select,
.form_section form .half_cont.file p:nth-child(2) label{
    margin-bottom: 0 !important;
    padding: 12px 24px;
    border: 1px solid #EBEBEB;
background: #ffffff;
transition: 0.3s ease-in-out;
line-height: unset !important;
}

.form_section.consultation_form .half_cont input,
.form_section.consultation_form .half_cont select{
    padding: 10px 24px;
}
.form_section.consultation_form .half_cont textarea{
    height: 100px;
    resize: none;
}

.form_section form .half_cont select,
input::placeholder,
textarea::placeholder{
    color: rgba(0, 0, 0, 0.6);
    opacity: 1;
}
.form_section form .half_cont input{
    color: black;
}
.form_section form .half_cont input:focus,
.form_section form .half_cont.file p:nth-child(2):active,
.form_section form .half_cont select:focus{
    border: 1px solid #001E4A;
}

.form_section form .half_cont.file p label{
    display: flex;
    align-items: center;
    gap: 10px;
    width: fit-content;
    background: #322868 !important;
    color: white;
}
.form_section form .half_cont.file p label svg g{
    opacity: 1 !important;
}
.form_section form .half_cont.file p label svg path{
    stroke: white;
}

/* .form_section form .form_btn{
    width: fit-content;
    margin: auto;
} */
.form_section form .form_btn p{
    position: relative;
}
.form_section form .form_btn p span.wpcf7-spinner{
    position: absolute;
    top: 10px;
    margin: 0 15px;
}
.form_section form .form_btn input{
    padding: 12px 50px !important;
    font-size: 16px !important;
    line-height: 24px !important;
    font-weight: 400 !important;
}
.form_section form .form_btn:hover input{
    background: #1a1536 !important;
}
.assurance-slider .box-heading {
	min-height: 115px;
}
.design-sliders .box-content{
	padding: 20px;
}
.design-sliders .box-description {
	min-height: 170px;
}
.light-preset-color.masthead:not(#phantom):not(.sticky-on) .main-nav.level-arrows-on > li.has-children.act > a .menu-text:after {
	background-color: #666 !important;
	right: -5px;
}
.ic-c .box-content{
	padding: 20px;
}
.prd-design .the7-image-box-wrapper img {
	transition: all ease-in .2s !important;
	filter: brightness(1.1);
}
.prd-design .the7-image-box-wrapper:hover img {
	transform: scale(1.1);
}
.prd-design .box-content-wrapper .box-content .box-button{
    justify-content: flex-start !important;
}
@media (max-width: 1200px){
    .client_page_grid .dt-css-grid .wf-cell:not(.client_page_grid .dt-css-grid .wf-cell:nth-child(3n)){
        border-right: solid 1px rgba(0, 0, 0, 0.1);
    }
    .client_page_grid .dt-css-grid .wf-cell:not(.client_page_grid .dt-css-grid .wf-cell:nth-child(n+4):nth-child(-n+6)){
        border-bottom: solid 1px rgba(0, 0, 0, 0.1);
    }
	.swiper-pagination.owl-dots{
		left: inherit !important;
		width: 100%;
		top: inherit !important;
        bottom: 10px !important;
		transform: none;
  }
	#main{
		padding-top: 73px!important;
	}
	.mobile-header-bar {
		background-color: #fff;
	}
    .contact_detail{
        position: static;
    }
}

@media (min-width: 1201px){
    .client_page_grid .dt-css-grid .wf-cell:not(.client_page_grid .dt-css-grid .wf-cell:nth-child(4n)){
        border-right: solid 1px rgba(0, 0, 0, 0.1);
    }
    .client_page_grid .dt-css-grid .wf-cell{
        border-bottom: solid 1px rgba(0, 0, 0, 0.1);
    }
	.client_page_grid .dt-css-grid .wf-cell:last-child{
        border-bottom: none;
    }
}
@media (max-width:1200px) {
	ul.top-phone{
		width: 100%;
		flex-wrap: wrap;
		justify-content: left;
	}
}
@media screen and (max-width:767px) {
    .marquee { font-size: 60px; height: 70px; line-height: 60px;}
.form_section form .form_btn{
    width: fit-content;
    margin: auto;
}
    .client_page_grid .dt-css-grid .wf-cell:not(.client_page_grid .dt-css-grid .wf-cell:nth-child(even)){
        border-right: solid 1px rgba(0, 0, 0, 0.1);
    }
    .client_page_grid .dt-css-grid .wf-cell:not(.client_page_grid .dt-css-grid .wf-cell:nth-child(odd)){
        border-right: solid 1px rgba(0, 0, 0, 0);
    }
    .client_page_grid .dt-css-grid .wf-cell:not(.client_page_grid .dt-css-grid .wf-cell:nth-child(n+5):nth-child(-n+6)){
        border-bottom: solid 1px rgba(0, 0, 0, 0.1) !important;
    }
    .form_section form .half_cont{
        width: 100%;
    }
	.industries_we_serve_grid .dt-css-grid .wf-cell .the7-image-box-wrapper .box-content-wrapper .box-content .box-description{padding-bottom: 20px;}
	.industries_we_serve_grid .dt-css-grid .wf-cell .the7-image-box-wrapper .box-content-wrapper .box-content .box-heading{padding-top: 0px;}
	.marquee { font-size: 25px; height: 50px; line-height: 40px;}
}