/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/
Description: Custom child theme for Hello Elementor.
Author: Custom
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
*/

/* Add your custom CSS below this line. */
.show-mobile a {
	background-color: #2DA5DD;
	font-family: "IBM Plex Mono", Sans-serif;
	font-size: 11px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.13em;
	border-radius: 30px 30px 30px 30px;
	padding: 12px 30px 12px 30px !important;
	width: fit-content;
}
.show-mobile  {
	display:none !important;
	margin: 10px 15px 0!important;
}
.contact-form input  {
	background: #0d18264f!important;
	color: #E8EFF9 !important;
	font-size: 15px !important;
	border-radius: 7px !important;
	height: 56px !important;
	border-color: #0b6e9c !important;
}
.contact-form input::placeholder{
	color: #E8EFF9 !important;
}
.contact-form #wpforms-1605-field_4::placeholder,
.contact-form textarea::placeholder{
	color: #E8EFF9 !important;
}
.contact-form textarea {
	background: #0d18264f!important;
	color: #E8EFF9 !important;
	font-size: 15px !important;
	border-radius: 7px !important;
	border-color: #0b6e9c !important;
}
.contact-form .wpforms-submit {
	font-size: 14px !important;
	font-weight: 400 !important;
	min-width: 32% !important;
	background: #2DA5DD !important;
	border-radius: 100px !important;
	margin-top: 10px !important;
}
.contact-form #wpforms-1605 {
	margin: 0 !important;
}
.contact-form .wpforms-container .wpforms-field, .wp-core-ui div.wpforms-container .wpforms-field {
	padding: 10px 0 !important;
}
.logo-slider .gallery {
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
}
.clint-logo .swiper-wrapper {
    justify-content: center;
}
.position-sticky {
    position: sticky !important;
    top: 100px;
}
.dci-buldg ul li {
    list-style: none !important;
}
.slider-cases figcaption.elementor-image-carousel-caption {
        background: #0d1826;
    box-shadow: -1.216px 6.894px 25px 0 rgba(0,0,0,.07);
    width: 90%;
    position: relative;
    padding: 25px;
    border-radius: 10px;
    height: auto;
    bottom: 30px;
    left: 5%;
}
.slider-cases img.swiper-slide-image {
    height: 350px;
    object-fit: cover;
    border-radius: 15px;
    width: 100%;
}
.slider-box .elementor-testimonial__content {
    display: flex;
    flex-direction: column-reverse;
}

.slider-box ul {
    list-style: none;
    margin: 15px 0 0;
}

.slider-box cite.elementor-testimonial__cite {
    margin: 0 !important;
}
.eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #a9bbd2;
    border: 1px solid rgba(169, 187, 210, .28);
    background: rgba(5, 10, 18, .5);
    backdrop-filter: blur(8px);
    padding: 8px 16px;
    border-radius: 999px;
}
.eyebrow .dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #2DA5DD;
    box-shadow: 0 0 0 4px rgba(45, 165, 221, .20);
}
.mono {
    font-family: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 11px;
    letter-spacing: .14em;
    text-transform: uppercase;
    font-weight: 500;
}.min-hero:before {
        background: linear-gradient(96deg, rgba(5, 10, 18, .97) 0%, rgba(5, 10, 18, .90) 34%, rgba(5, 10, 18, .55) 68%, rgba(5, 10, 18, .34) 100%), linear-gradient(180deg, rgba(5, 10, 18, .86) 0%, rgba(5, 10, 18, .10) 34%, rgba(5, 10, 18, .55) 82%, #050a12 100%) !important;
}
span.tag.mono.fots {
    color: #74869c;
    border-top: 1px solid #d6dee9;
    padding: 15px 0 0 0;
    margin-top: 11px;
    display: inline-block;
    width: 100%;
}.fcy-tabs .ekit-tab-title-group {
    display: flex;
    gap: 10px;
    align-items: center;
}

.fcy-tabs .ekit-tab-title-group .elementskit-tab-sub-title {
    font-size: 11px !important;
    margin: 0;
}

.fcy-tabs li.elementor-icon-list-item:before {
    content: "";
    flex: 0 0 6px;
    height: 6px;
    margin-top: 0;
    background: #0b6e9c;
    transform: rotate(45deg);
    margin-right: 7px;
}
.fcy-tabs a.active.show:before {
    content: '';
    background: #2da5dd;
    width: 2px;
    height: 57px;
    position: absolute;
    left: 0;
}.core-vgrd .elementskit-info-box-title {
    border-bottom: 2px solid #19283E;
    padding: 0 0 17px !important;
}


.sect {
    list-style: none;
    margin: 48px 0 0;
    padding: 0;
    border-top: 1px solid #16294a;
}

.sect li {
position: relative;
    display: grid;
    grid-template-columns: 44px 1fr auto;
    align-items: center;
    gap: 24px;
	
    padding: 26px 16px;
	padding-right: 190px;
    border-bottom: 1px solid #16294a;
    overflow: hidden;
    cursor: default;
    transition: padding .25s;
}.ph-img.th.s.s-t1 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}.sect svg {
    width: 36px;
    height: 36px;
    fill: none;
    stroke: #1ab0f0;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
}.sect h3 {
    font-size: clamp(24px, 4vw, 46px);
    letter-spacing: -.02em;
	color: #E8EFF9;
	margin: 0;
    transition: color .2s;
}.sect span {
    font: 500 11px / 1.5 "IBM Plex Mono", monospace;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #8fa3bf;
    text-align: right;
    max-width: 280px;
}
.sect li::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(26, 176, 240, .16), transparent);
    transform: translateX(-101%);
    transition: transform .35s;
    z-index: 0;
}
.sect li>.th, .sect li.key:not(:hover)>.th {
    opacity: 0;
    transform: translateX(16px);
}
.sect li:hover>.th, .sect li.key>.th {
    opacity: 1;
    transform: none;
}
.sect li>.th {
    opacity: 1;
    transform: none;
    width: 170px;
    background-position: center;
}
.sect li>.th {
    position: absolute;
    right: 16px;
    top: 10px;
    bottom: 10px;
    width: 160px;
    opacity: 0;
    transform: translateX(16px);
    transition: .3s;
}.ph-img {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    border: 1px solid #16294a;
    background: linear-gradient(135deg, #0f3557, #08132a 70%) center / cover;
}
.home-icn > a.ekit-menu-nav-link {
    font-size: 0 !important;      /* text hide */
    display: inline-flex;
    align-items: center;
}

.home-icn > a.ekit-menu-nav-link::before {
    content: "\ea29";  
     font-family: elementskit !important;
    font-weight: 900;
    font-size: 18px;      
    line-height: 1;
}
.dci-buldg ul {
    padding: 0;
    margin-top: 31px;
}

.dci-buldg ul li {
    color: #fff;
    font-family: "IBM Plex Sans", Sans-serif;
    font-size: 16px;
    font-weight: 300;
    border-top: 1px solid #1f355b;
    padding: 12px 0 10px;
}.we {
    position: relative;
    aspect-ratio: 1;
    max-width: 400px;
    width: 100%;
    margin: 0 auto;
}
.we .q {
    position: absolute;
    width: 50%;
    height: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(140deg, #0b3c63, #0b193008);
    font-size: 26px;
    color: #eaf1fb;
    font-weight: 500;
}
.we .q:nth-child(1) {
    left: 0;
    top: 0;
    border-radius: 60px 0 0 0;
} 

.we .q:nth-child(2n) {
    background: linear-gradient(140deg, #1a3040, #1a304094);
        right: 0;
  
    border-radius: 0 60px 0 0;
}

.we .q:nth-child(3) {
    left: 0;
    bottom: 0;
    border-radius: 0 0 0 60px;
}

.we .q:nth-child(4) {
    right: 0;
    bottom: 0;
    border-radius: 0 0 60px 0;
    
}.we .core {
    position: absolute;
       inset: 29%;
    border-radius: 50%;
    background: #1ab0f0;
    border: 8px solid #050b18;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #03101c;
    font-family: "Archivo", Sans-serif;
    font-size: 78px;
    font-weight: 600;
}

.sect li:hover {
    padding-left: 34px;
}.sect li:hover::before {
    transform: none;
}

.dtrt .ekit-wid-con .ekit-fancy-text-lists b {
  
    white-space: initial;
 
}
@media (max-width: 767px) {
	.show-mobile  {
	display:block !important;
}
	.position-sticky {
   position: inherit !important;
}
	h1 br {
    display: none;
}
h2 br {
    display: none;
}
	.we {
    height: 400px;
}
	.logo-slider .gallery .gallery-item {
		width: 50%;
	}
	.logo-slider .gallery {
		padding: 0 0px 0px 15px;
		margin: 0 !important;
	}
	.kis-cb-wrap {
		padding: 0px 10px !important;
	}
}