@font-face { font-family: 'Inter_18pt-Black'; src: url('../fonts/Inter_18pt-Black.ttf') format('truetype');}
@font-face { font-family: 'Inter_18pt-BlackItalic'; src: url('../fonts/Inter_18pt-BlackItalic.ttf') format('truetype');}
@font-face { font-family: 'Inter_18pt-Bold'; src: url('../fonts/Inter_18pt-Bold.ttf') format('truetype');}
@font-face { font-family: 'Inter_18pt-BoldItalic'; src: url('../fonts/Inter_18pt-BoldItalic.ttf') format('truetype');}
@font-face { font-family: 'Inter_18pt-ExtraBold'; src: url('../fonts/Inter_18pt-ExtraBold.ttf') format('truetype');}
@font-face { font-family: 'Inter_18pt-ExtraBoldItalic'; src: url('../fonts/Inter_18pt-ExtraBoldItalic.ttf') format('truetype');}
@font-face { font-family: 'Inter_18pt-ExtraLight'; src: url('../fonts/Inter_18pt-ExtraLight.ttf') format('truetype');}
@font-face { font-family: 'Inter_18pt-ExtraLightItalic'; src: url('../fonts/Inter_18pt-ExtraLightItalic.ttf') format('truetype');}
@font-face { font-family: 'Inter_18pt-Italic'; src: url('../fonts/Inter_18pt-Italic.ttf') format('truetype');}
@font-face { font-family: 'Inter_18pt-Light'; src: url('../fonts/Inter_18pt-Light.ttf') format('truetype');}
@font-face { font-family: 'Inter_18pt-LightItalic'; src: url('../fonts/Inter_18pt-LightItalic.ttf') format('truetype');}
@font-face { font-family: 'Inter_18pt-Medium'; src: url('../fonts/Inter_18pt-Medium.ttf') format('truetype');}
@font-face { font-family: 'Inter_18pt-MediumItalic'; src: url('../fonts/Inter_18pt-MediumItalic.ttf') format('truetype');}
@font-face { font-family: 'Inter_18pt-Regular'; src: url('../fonts/Inter_18pt-Regular.ttf') format('truetype');}
@font-face { font-family: 'Inter_18pt-SemiBold'; src: url('../fonts/Inter_18pt-SemiBold.ttf') format('truetype');}
@font-face { font-family: 'Inter_18pt-SemiBoldItalic'; src: url('../fonts/Inter_18pt-SemiBoldItalic.ttf') format('truetype');}
@font-face { font-family: 'Inter_18pt-Thin'; src: url('../fonts/Inter_18pt-Thin.ttf') format('truetype');}
@font-face { font-family: 'Inter_18pt-ThinItalic'; src: url('../fonts/Inter_18pt-ThinItalic.ttf') format('truetype');}

:root{
    --graycolor:#777777;
    --blackcolor:#000000;
    --whitecolor:#FFFFFF;
    --redcolor:#C21C1D;
    --bluecolor:#146DB3;
}

*{
    margin:0;
    padding:0;
}

body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}
body.passive{
    overflow:hidden;
} 
a{
    text-decoration:none;
    color:var(--blackcolor);
}
ul{
    list-style:none;
    margin:0;
    padding:0;
}
.my-container{
    padding:0 285px;
}
.my-container2{
    margin:0 285px;
}
.my-section{
    margin:100px 0;
}
.my-section2{
    padding:100px 0;
}
/*---Mega-Menu---*/
.my-col{
    width:20%;
}
.mega-menu{
    position:fixed;
    background:url(../images/mega-menu-bg.png);
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
    width:100vw;
    height:100vh;
    z-index:999;
    top:-150%;
    left:0;
    transition:all ease 0.5s;
}
.mega-menu.active{
    top:0;
}
.mega-menu::before{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
}
.mega-menu::after{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    bottom:0;
    left:0;
    background: linear-gradient(0deg,rgba(20, 109, 179, 1) 0%, rgba(255, 255, 255, 0) 100%);
}
.mega-menu-container{
    position:relative;
    z-index:15;
    width:100%;
    height:100%;
    padding:110px 160px 0 160px;
}
.mega-menu-container::before{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index:3;
    background:#FFFFFF36;
    backdrop-filter: blur(12px);
}
.mega-menu-content{
    position:relative;
    z-index:50;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
}
.mega-menu-content span{
    cursor:pointer;
    font-size:30px;
    color:var(--bluecolor);
    margin-bottom:30px;
}
.mega-menu-content h5{
    font-size:85px;
    font-family:Inter_18pt-SemiBold;
    color:var(--bluecolor);
}
.mega-menu-product{
    margin-bottom:25px;
    display:flex;
    flex-direction:column;
    transition:all ease 0.5s;
}
.mega-menu-product a{
    width:100%;
    height:80px;
    border-radius:5px;
    display:flex;
    justify-content:center;
    align-items:center;
    color:var(--bluecolor);
    background:#FFFFFF36;
    font-size:21px;
    font-family:Inter_18pt-SemiBold;
    text-align:center;
    letter-spacing:-1px;
}
.mega-menu-container::-webkit-scrollbar {
    background: transparent;
    width: 8px;
}
.mega-menu-container::-webkit-scrollbar-thumb {
    background: var(--bluecolor);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.mega-menu-product-image{
    height:0;
    background: #FFFFFF36;
    overflow:hidden;
    display:flex;
    justify-content:center;
    align-items:center;
    transition:all ease 0.5s;
}
.mega-menu-product-image a{
    background-color:transparent;
}
.mega-menu-product-image img{
    max-width:100%;
}
.mega-menu-content .row .my-col:nth-child(1) .mega-menu-product,
.mega-menu-content .row .my-col:nth-child(2) .mega-menu-product,
.mega-menu-content .row .my-col:nth-child(3) .mega-menu-product,
.mega-menu-content .row .my-col:nth-child(4) .mega-menu-product,
.mega-menu-content .row .my-col:nth-child(5) .mega-menu-product{
    margin-top:225px;
}
.mega-menu-content .row .my-col:nth-child(6) .mega-menu-product,
.mega-menu-content .row .my-col:nth-child(7) .mega-menu-product,
.mega-menu-content .row .my-col:nth-child(8) .mega-menu-product,
.mega-menu-content .row .my-col:nth-child(9) .mega-menu-product,
.mega-menu-content .row .my-col:nth-child(10) .mega-menu-product {
    display: flex;
    flex-direction: column-reverse;
}
.mega-menu-product:hover{
    margin-top:0 !important;
}
.mega-menu-product:hover .mega-menu-product-image{
    height:225px;
}
/*---Mini-Menu---*/
.mini-menu{
    width:100vw;
    height:100vh;
    background:var(--bluecolor);
    z-index:600;
    position:absolute;
    display:none;
    justify-content:center;
    align-items:center;
    top:-150%;
    transition:all ease 0.5s;
}
.mini-menu.active{
    top:0;
}
.mini-menu-content {
    padding:15px;
}
.mini-menu-content span{
    position:absolute;
    right:25px;
    top:15px;
    color:var(--whitecolor);
    font-size:20px;
    cursor:pointer;
}
.mini-menu-content ul li{
    margin-bottom:10px;
}
.mini-menu-content ul li a{
    font-family:Inter_18pt-Regular;
    color:var(--whitecolor);
    font-size:17px;
}
/*---Search-Menu---*/
.search-menu{
    position:fixed;
    width:100vw;
    height:205px;
    top:-210px;
    left:0;
    background:#FFF;
    display:flex;
    z-index:999;
    align-items:center;
    transition:all ease 0.5s;
}
.search-menu.active{
    top:0;
}
.search-menu .my-container{
    width:100%;
}
.search-menu-content{
    display:flex;
    justify-content:space-between;
    align-items:center;
    width:100%;
}
.search-menu-logo img{
    max-width:100%;
}
.search-menu-form label{
    font-size:25px;
    font-family:Inter_18pt-Regular;
    color:var(--bluecolor);
    margin-right:40px;
}
.search-menu-form input{
    width:370px;
    height:50px;
    font-size:13px;
    font-family:Inter_18pt-Regular;
    border:1px solid #CECECE;
    border-radius:25px;
    margin-right:5px;
    outline:none;
    padding:0 25px;
}
.search-menu-form input::placeholder{
    color:#777777;
}
.search-menu-form button{
    width:200px;
    height:50px;
    background:var(--bluecolor);
    color:#FFF;
    font-size:18px;
    font-family:Inter_18pt-Medium;
    text-align:center;
    border:none;
    box-shadow:none;
    outline:none;
    border-radius:30px;
}
/*---Header---*/
header{
    position:absolute;
    z-index:500;
    width:100%;
    height:auto;
    top:0;
    left:0;
}
header::before{
    content:"";
    position:absolute;
    width:100%;
    height:250px;
    top:48px;
    left:0;
    background: linear-gradient(0deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    z-index:-5;
}
header::after{
    content:"";
    position:absolute;
    width:100%;
    height:48px;
    top:0;
    left:0;
    background: var(--whitecolor);
    z-index:-5;
}
header.close::before,
header.close::after{
    display:none;
}
.header-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:20px;
    padding:10px 0;
    border-bottom:1px solid #70707020;
    background-color:#FFFFFF;
}
.header-top-left{
    display:flex;
    align-items:center;
}
.header-top-left img,
.header-top-info-box a img{
    margin-right:10px;
}
.header-top-left span,
.header-top-info-box span{
    font-size:13px;
    font-family:Inter_18pt-Regular;
    color:var(--bluecolor);
}
.header-top-info-box-phone span{
    font-size:18px;
}
.header-top-right{
    display:flex;
    align-items:center;
}
.header-top-info-box{
    margin-right:40px;
}
.header-top-info-box a{
    display:flex;
    align-items:center;
}
.header-top-right ul{
    display:flex;
    align-items:center;
}
.header-top-right ul li{
    margin-right:20px;
}
.header-top-right ul li:last-child{
    margin-right:0;
}
.header-top-right ul li a{
    font-size:15px;
    color:var(--bluecolor);
}
.header-bottom{
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.header-bottom-logo a img{
    max-width:330px;
}
.header-bottom-menu ul{
    display:flex;
    align-items:center;
}
.header-bottom-menu ul li{
    margin-right:35px;
}
.header-bottom-menu ul li a{
    font-size:18px;
    font-family:Inter_18pt-Medium;
    color:var(--bluecolor);
}
.header-bottom-menu ul li a i{
    margin-left:15px;
}
.header-bottom-right{
    display:flex;
    align-items:center;
}
.header-bottom-right button{
    background:transparent;
    border:none !important;
    box-shadow:none !important;
    margin:0;
    padding:0;
    margin-right:30px;
    font-size:12px;
    font-family:Inter_18pt-SemiBold;
    color:var(--bluecolor);
}
.header-bottom-right .header-contact{
    width:130px;
    height:50px;
    display:flex;
    justify-content:center;
    align-items:center;
    background:var(--bluecolor);
    color:var(--whitecolor);
    border-radius:30px;
    font-size:18px;
    font-family:Inter_18pt-Medium;
}
.header-mini-nav{
    display:none;
    justify-content:space-between;
    align-items:center;
    margin:15px 0;
}
.header-mini-nav-logo a img{
    width:125px;
}
.header-mini-nav-icons{
    display:flex;
    align-items:center;
}
.header-mini-nav-icons button{
    background: transparent;
    border: none !important;
    box-shadow: none !important;
    margin: 0;
    padding: 0;
    margin-right: 15px;
    font-size: 12px;
    font-family: Inter_18pt-SemiBold;
    color: var(--bluecolor);
}
.mini-menu-btn{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    margin-right:0;
}
.mini-menu-btn span{
    width:15px;
    height:2px;
    background:var(--bluecolor);
    margin-bottom:3px;
}
.mini-menu-btn span:nth-child(3){
    margin-bottom:0;
}
/*---Home-Slider---*/
.home-slider{
    width:100vw;
    height:100vh;
    position:relative;
    overflow:hidden;
}
.home-slider .carousel,
.home-slider .carousel-inner,
.home-slider .carousel-item{
    height:100%;
}
.home-slider .carousel-item video{
    width:100%;
}
.home-slider::before{
    content:"";
    position:absolute;
    width:100%;
    height:50%;
    bottom:0;
    left:0;
    background: linear-gradient(180deg,rgba(0, 0, 0, 0) 0%, rgba(20, 109, 179, 1) 100%);
    z-index:1;
}
.home-slider .carousel .carousel-indicators{
    bottom:9%;
    justify-content:start;
    margin:0;
    margin-left:285px;
    z-index:66;
}
.home-slider .carousel .carousel-indicators button{
    width:75px;
    height:2px;
    opacity:1;
    background-color:#FFFFFF50;
}
.home-slider .carousel .carousel-indicators button.active{
    background-color:#FFFFFF;
}
.home-slider .carousel .carousel-caption{
    bottom:15%;
    text-align:start;
    left:285px;
    right:auto;
    width:30%;
    z-index:20;
}
.home-slider .carousel .carousel-caption h5{
    font-size:55px;
    font-family:Inter_18pt-SemiBold;
    color:var(--whitecolor);
}
.home-slider .carousel .carousel-caption2{
    position:absolute;
    bottom:9%;
    text-align:start;
    right:285px;
    z-index:80;
}
.home-slider .carousel .carousel-caption2 p{
    font-size:25px;
    font-family:Inter_18pt-Regular;
    color:var(--whitecolor);
}
.home-slider .carousel .carousel-caption2 a{
    font-size:17px;
    font-family:Inter_18pt-Regular;
    color:var(--whitecolor);
    display:flex;
    align-items:center;
}
.home-slider .carousel .carousel-caption2 a span{
    width:40px;
    height:40px;
    border-radius:100%;
    background:var(--whitecolor);
    color:var(--bluecolor);
    display:flex;
    justify-content:center;
    align-items:center;
    margin-right:15px;
}
/*---Home-Corporate---*/
.home-corporate-left h5{
    font-size:25px;
    font-family:Inter_18pt-Regular;
    color:var(--bluecolor);
    margin-bottom:40px;
    line-height:36px;
}
.home-corporate-left p{
    font-size:17px;
    font-family:Inter_18pt-Regular;
    color:var(--blackcolor);
    margin-bottom:40px;
    line-height:36px;
}
.home-corporate-left a{
    font-size:18px;
    font-family:Inter_18pt-Medium;
    color:var(--blackcolor);
    width:175px;
    height:50px;
    display:flex;
    justify-content:center;
    align-items:center;
    background:#EFEFEF;
    border-radius:30px;
}
.home-corporate-right h5{
    font-size:40px;
    font-family:Inter_18pt-SemiBold;
    color:var(--bluecolor);
    margin-bottom:40px;
    line-height:53px;
}
.home-corporate-right h5 span{
    color:var(--redcolor);
}
.home-corporate-right-buttons{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:25px;
}
.home-corporate-right-buttons a,
.home-corporate-right-buttons button{
    font-size:17px;
    font-family:Inter_18pt-Regular;
    color:var(--blackcolor);
    border:none;
    background:transparent;
    outline:none;
    display:flex;
    align-items:center;
}
.home-corporate-right-buttons a span,
.home-corporate-right-buttons button span{
    width:40px;
    height:40px;
    border-radius:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-right:15px;
    border:1px solid #D5D5D5;
    color:var(--bluecolor);
}
.home-corporate-right-buttons button span{
    color:var(--redcolor);
}
.home-corporate-right-image{
    width:100%;
    height:315px;
    display:flex;
    justify-content:center;
    align-items:start;
    overflow:hidden;
}
.home-corporate-right-image img{
    margin-top:-40%;
    max-width:100%;
}
.home-corporate-right-image:hover img{
    animation:infinite homeCorporate  5s;
}
@keyframes homeCorporate{
    0%{
        transform:rotate(0);
    }
    50% {
        transform:rotate(180deg);
    }
    100% {
        transform:rotate(0);
    }
}
/*---Home-Prdocuts---*/
.home-products-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:40px;
}
.home-products-top-left{
    font-size:40px;
    font-family:Inter_18pt-SemiBold;
    color:var(--bluecolor);
}
.home-products-top-right {
    display:flex;
    align-items:center;
}
.home-products-top-right span{
    font-size:17px;
    font-family:Inter_18pt-Regular;
    color:var(--blackcolor);
    margin-right:50px;
}
.home-products-top-right span p{
    margin:0;
    padding:0;
}
.home-products-top-right .swiper-buttons,.home-blog-top .swiper-buttons{
    display:flex;
    align-items:center;
}
.home-products-top-right .swiper-buttons .swiper-button-prev,
.home-products-top-right .swiper-buttons .swiper-button-next,
.home-products-top-right .swiper-buttons .swiper-button-prev2,
.home-products-top-right .swiper-buttons .swiper-button-next2,
.home-products-top-right .swiper-buttons .swiper-button-prev3,
.home-products-top-right .swiper-buttons .swiper-button-next3{
    position:relative;
    margin:0;
    padding:0;
    width:40px;
    height:40px;
    border-radius:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    border:1px solid #EFEFEF;
    color:var(--bluecolor);
}
.home-products-top-right a{
    position:relative;
    margin:0;
    padding:0;
    width:40px;
    height:40px;
    border-radius:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    border:1px solid #EFEFEF;
    color:var(--bluecolor);
    margin-right:15px;
}
.home-products-top-right .swiper-buttons .swiper-button-prev{
    margin-right:30px;
}
.home-products-top-right .swiper-buttons .swiper-button-prev2,
.home-products-top-right .swiper-buttons .swiper-button-prev3{
    margin-right:15px;
}
.home-products-top-right .swiper-buttons .swiper-button-prev::after,
.home-products-top-right .swiper-buttons .swiper-button-next::after{
    display:none;
}
.home-product-box{
    width:100%;
    height:630px;
    display:flex;
    flex-direction:column;
    align-items:center;
    background:#F5F5F5;
    border-radius:30px;
    overflow:hidden;
    margin:40px;
}
.home-product-box .home-product-box-image{
    height:500px;
    overflow:hidden;
}
.home-product-box .home-product-box-image a{
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:end;
}
.home-product-box .home-product-box-image img{
    width:100%;
    transition:all ease 0.5s;
}
.home-product-box .home-product-shadow{
    overflow:hidden;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-bottom:20px;
}
.home-product-box .home-product-shadow img{
    width:100%;
}
.home-product-box .home-product-name{
    text-align:center;
}
.home-product-box .home-product-name a{
    font-size:25px;
    font-family:Inter_18pt-SemiBold;
    color:var(--bluecolor);
    text-align:center;
    transition:all ease 0.5s;
}
.home-product-box:hover .home-product-box-image img{
    transform:scale(1.1);
}
.home-product-box:hover .home-product-name a{
    color:var(--redcolor);
}
/*---Home-Services---*/
.home-services{
    position:relative;
    width:100%;
    height:100vh;
    background:url(../images/home-services-bg.png);
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
    padding-top:200px;
}
.home-services::before{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background:#27272730;
    z-index:1;
}
.home-services-content{
    position:relative;
    z-index:15;
}
.home-services-content h5{
    font-size:40px;
    font-family:Inter_18pt-SemiBold;
    color:var(--whitecolor);
    margin-bottom:45px;
}
.home-services-content p{
    font-size:17px;
    font-family:Inter_18pt-Regular;
    color:var(--whitecolor);
    line-height:36px;
    margin-bottom:45px;
}
.home-services-content .home-services-btn {
    margin-bottom:90px;
}
.home-services-content .home-services-btn a{
    width:230px;
    height:50px;
    display:flex;
    justify-content:center;
    align-items:center;
    background:#EFEFEF;
    color:var(--blackcolor);
    font-size:18px;
    font-family:Inter_18pt-Medium;
    border-radius:30px;
}
.home-services-content .home-services-box ul li{
    display:flex;
    align-items:center;
    font-size:17px;
    font-family:Inter_18pt-Regular;
    color:var(--whitecolor);
    margin-bottom:30px;
}
.home-services-content .home-services-box img{
    width:20px !important;
    margin-right:15px;
}
.home-services-content .home-services-owl .owl-nav{
    display:none;
}
.home-services-content .home-services-owl .owl-dots{
    position:absolute;
    left:250px;
    top:-125px;
}
.home-services-content .home-services-owl .owl-dots button span{
    background:#9A9A9A;
    width:15px;
    height:15px;
}
.home-services-content .home-services-owl .owl-dots button.active span{
    background:#FFFFFF;
    border:1px solid #FFFFFF;
}
/*---Home-Blog---*/
.home-blog-top{
    margin-bottom:100px;
}
.home-blog-top h5{
    font-size:40px;
    font-family:Inter_18pt-SemiBold;
    color:var(--bluecolor);
}
.home-blog-box {
    position:relative;
    padding:35px 30px;
    height:540px;
    display:flex;
    flex-direction:column;
    justify-content:end;
    border-radius:30px;
    overflow:hidden;
}
.home-blog-box .blog-box-image{
    position:absolute;
    top:0;
    left:0;
    z-index:3;
    width:100%;
    height:325px;
    border-radius:30px;
    overflow:hidden;
    transition:all ease 0.5s;
}
.home-blog-box .blog-box-image::before{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    z-index:1;
    bottom:0;
    left:0;
    background: linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(239, 239, 239, 0) 100%);
    opacity:0;
    transition:all ease 0.5s;
}
.home-blog-box .blog-box-image a{
    width:100%;
    height:100%;
    display:flex;
    justify-content:start;
    align-items:start;
}
.home-blog-box .blog-box-image a img{
    width:100%;
}
.home-blog-box .blog-box-text{
    position:relative;
    z-index:25;
    display:flex;
    flex-direction:column;
}
.home-blog-box .blog-box-text span{
    font-size:17px;
    font-family:Inter_18pt-Regular;
    color:#777777;
    transition:all ease 0.5s;
}
.home-blog-box .blog-box-text a{
    font-size:30px;
    font-family:Inter_18pt-SemiBold;
    color:var(--blackcolor);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    transition:all ease 0.5s;
}
.home-blog-box .blog-detail-icon{
    position:absolute;
    right:45px;
    top:-45px;
    z-index:5;
    opacity:0;
    transition:all ease 0.5s;
}
.home-blog-box:hover .blog-box-image{
    height:540px;
}
.home-blog-box:hover .blog-box-image::before,
.home-blog-box:hover .blog-detail-icon{
    opacity:1;
}
.home-blog-box:hover .blog-detail-icon{
    top:45px;
}
.home-blog-box:hover .blog-box-text span,
.home-blog-box:hover .blog-box-text a{
    color:var(--whitecolor);
}
.swiper-container2,.swiper-container3{
    overflow:hidden;
}
/*---Home-Carreer---*/
.home-carreer{
    padding:35px 40px;
    position:relative;
    background:url(../images/home-carreer.png);
    border-radius:30px;
    overflow:hidden;
    display:flex;
    align-items:end;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
    height:414px;
}
.home-catalog{
    background:url(../images/home-catalog.png);
}
.home-carreer::before{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background:#00000050;
    z-index:3;
}
.home-carreer-text{
    position:relative;
    z-index:10;
}
.home-carreer-text h5{
    font-size:40px;
    font-family:Inter_18pt-SemiBold;
    color:var(--whitecolor);
    margin-bottom:20px;
}
.home-carreer-text a{
    font-size:17px;
    font-family:Inter_18pt-Regular;
    color:var(--whitecolor);
    display:flex;
    align-items:center;
}
.home-carreer-text a span{
    position:relative;
    margin:0;
    padding:0;
    width:40px;
    height:40px;
    border-radius:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    color:var(--bluecolor);
    background:var(--whitecolor);
    margin-right:15px;
}
/*---Home-Reference---*/
.home-ref-box {
    width:100%;
    height:170px;
    overflow:hidden;
    display:flex;
    justify-content:center;
    align-items:center;
}
.home-ref-box img{
    max-width:100%;
    filter:grayscale(1);
    transition:all ease 0.5s;
}
.home-ref-box:hover img{
    filter:none;
}
/*---Footer---*/
footer{
    position:relative;
    background:url(../images/footer.png);
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
}
footer::before{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background:#146DB380;
}
.footer-top,.footer-bottom{
    position:relative;
    z-index:20;
}
.footer-top{
    padding:75px 0 55px 0;
}
.footer-logo {
    margin-bottom:35px;
}
.footer-logo img{
    max-width:286px;
}
.footer-text p{
    font-size:16px;
    font-family:Inter_18pt-Light;
    color:var(--whitecolor);
    line-height:24px;
}
.footer-menu h5{
    font-size:18px;
    font-family:Inter_18pt-SemiBold;
    color:var(--whitecolor);
    margin-bottom:10px;
}
.footer-menu ul li a{
    font-size:18px;
    font-family:Inter_18pt-Regular;
    color:var(--whitecolor);
}
.footer-contact-box{
    color:var(--whitecolor);
    margin-bottom:15px;
}
.footer-contact-box img{
    width:16px;
    margin-right:10px;
}
.footer-contact-box a{
    font-size:18px;
    font-family:Inter_18pt-Regular;
    color:var(--whitecolor);
}
.footer-social ul{
    display:flex;
    align-items:center;
}
.footer-social ul li{
    margin-right:5px;
}
.footer-social ul li a{
    width:35px;
    height:35px;
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:3px;
    background:var(--whitecolor);
    color:var(--bluecolor);
    font-size:18px;
}
.footer-bottom{
    background:#005598;
    padding:25px 0;
}
.footer-bottom-content{
    display:flex;
    align-items:center;
    justify-content:space-between;
}
.footer-bottom-content span{
    font-size:14px;
    font-family:Inter_18pt-Regular;
    color:var(--whitecolor);
}
.footer-bottom-content span a{
    font-family:Inter_18pt-Bold;
    color:var(--whitecolor);
}
/*---Breadcrumb---*/
.my-breadcrumb{
    position:relative;
    padding:20px;
    z-index:99;
}
.my-breadcrumb .my-breadcrumb-content{
    text-align:center;
}
.my-breadcrumb .my-breadcrumb-content h5{
    font-size:25px;
    font-family:Inter_18pt-Regular;
    color:var(--bluecolor);
    margin-bottom:20px;
}
.my-breadcrumb .my-breadcrumb-content h3{
    font-size:55px;
    font-family:Inter_18pt-SemiBold;
    color:var(--bluecolor);
    margin-bottom:25px;
}
.my-breadcrumb .my-breadcrumb-content ul{
    display:flex;
    align-items:center;
    justify-content:center;
}
.my-breadcrumb .my-breadcrumb-content ul li{
    font-size:14px;
    font-family:Inter_18pt-Regular;
    color:var(--blackcolor);
    margin-right:5px;
}
.my-breadcrumb .my-breadcrumb-content ul li:last-child{
    margin-right:0;
    font-family:Inter_18pt-SemiBold;
}
.my-breadcrumb .my-breadcrumb-content ul li a{
    font-family:Inter_18pt-Regular;
}
.empty-div{
    position:relative;
    width:100%;
    height:190px;
}
.my-breadcrumb2 .my-breadcrumb-content{
    height:330px;
    position:relative;
    background:url(../images/breadcrumb.png);
    border-radius:30px;
    overflow:hidden;
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
}
.my-breadcrumb2 .my-breadcrumb-content::before{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background:#00000060;
}
.my-breadcrumb2 .my-breadcrumb-content h3,
.my-breadcrumb2 .my-breadcrumb-content ul li,
.my-breadcrumb2 .my-breadcrumb-content ul li a{
    color:var(--whitecolor);
    position:relative;
    z-index:55;
}
.breadcrumb-contact{
    margin:160px 0 30px 0;
    position:relative;
    z-index:99;
}
.breadcrumb-contact .breadcrumb-contact-content h5{
    font-size:55px;
    font-family:Inter_18pt-SemiBold;
    color:var(--bluecolor);
    margin-bottom:30px;
}
.breadcrumb-contact .breadcrumb-contact-content ul{
    display:flex;
    align-items:center;
}
.breadcrumb-contact .breadcrumb-contact-content ul li{
    font-size:14px;
    font-family:Inter_18pt-Regular;
    color:var(--bluecolor);
    margin-right:5px;
}
.breadcrumb-contact .breadcrumb-contact-content ul li a{
    font-size:14px;
    font-family:Inter_18pt-Regular;
    color:var(--bluecolor);
}
.my-breadcrumb-product .my-container2{
    position:relative;
}
.product-select{
    position:absolute;
    right:0;
    top:calc(50%);
    z-index:50;
}
.product-select select{
    width:250px;
    height:50px;
    outline:none;
    border:none;
    background-color:var(--bluecolor);
    color:#FFF;
    border-radius:25px;
    box-shadow:none !important;
    background-image:url(../images/down-icon.png);
    background-position: right 25px center;
    background-size: auto;
}
/*---Product-Detail---*/
/*---Product-Detail-Image---*/
.product-detail-image{
    position:relative;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    overflow:hidden;
}
.product-detail-main-image{
    height:400px;
    display:flex;
    justify-content:center;
    align-items:center;
}
.product-detail-main-image img{
    max-width:100%;
}
.product-detail-esvana{
    position:absolute;
    top:-25px;
    left:0;
}
.product-detail-text h5{
    font-size:25px;
    font-family:Inter_18pt-Regular;
    color:var(--bluecolor);
    margin-bottom:15px;
}
.product-detail-text p{
    font-size:17px;
    font-family:Inter_18pt-Regular;
    color:var(--blackcolor);
    margin-bottom:35px;
    line-height:36px;
}
.product-detail-buttons{
    display:flex;
    flex-wrap:wrap;
}
.product-detail-buttons button{
    outline:none;
    border:none;
    width:200px;
    height:50px;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-right:20px;
    background:var(--bluecolor);
    color:var(--whitecolor);
    border-radius:30px;
    margin-bottom:20px;
}
.product-detail-buttons button img{
    margin-right:10px;
}
.product-detail-buttons button:nth-child(3){
    width:250px;
}
/*---Product-Detail-Technic---*/
.product-technic-title{
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-bottom:35px;
}
.product-technic-title:before{
    content:"";
    position:absolute;
    width:100%;
    height:1px;
    background:#959595;
    top:calc(50% - 0.5px);
    left:0;
}
.product-technic-title h5{
    font-size:25px;
    font-family:Inter_18pt-SemiBold;
    color:var(--bluecolor);
    position:relative;
    z-index:10;
    padding:0 30px;
    background:var(--whitecolor);
    width:fit-content;
}
.product-technic-box{
    display:flex;
    align-items:center;
    justify-content:space-between;
}
.product-technic-box span{
    height:52px;
    display:flex;
    align-items:center;
    padding-left:30px;
    background:#F1F9FF;
    font-size:17px;
    border-radius:5px;
}
.product-technic-box .product-technic-box-title{
    width:28%;
    font-family:Inter_18pt-SemiBold;
    color:var(--bluecolor);
}
.product-technic-box .product-technic-box-text{
    width:71%;
    font-family:Inter_18pt-Regular;
    color:#575756;
}
.product-technic1 .row .col-lg-6:nth-child(3) span,
.product-technic1 .row .col-lg-6:nth-child(4) span,
.product-technic1 .row .col-lg-6:nth-child(7) span,
.product-technic1 .row .col-lg-6:nth-child(8) span,
.product-technic1 .row .col-lg-6:nth-child(11) span,
.product-technic1 .row .col-lg-6:nth-child(12) span{
    background:var(--whitecolor);
}
/*---Product-Detail-Properties---*/
.product-detail-properties-image{
    display:flex;
    justify-content:center;
    align-items:center;
    margin-bottom:30px;
    overflow:hidden;
}
.product-detail-properties-image img{
    max-width:100%;
}
.product-detail-properties-table table{
    width:100%;
}
.product-detail-properties-table table tr{
    height:52px;
    padding-left:30px;
    background:#F1F9FF;
    font-size:17px;
    border-radius:5px;
}
.product-detail-properties-table table thead tr{
    font-family:Inter_18pt-SemiBold;
    color:var(--bluecolor);
    text-align:center;
}
.product-detail-properties-table table thead tr td:nth-child(1){
    text-align:start;
}
.product-detail-properties-table table tbody tr{
    font-family:Inter_18pt-Regular;
    color:#575756;
}
.product-detail-properties-table table tbody tr:nth-child(2n+1){
    background:var(--whitecolor);
}
.product-detail-properties-table table tr td{
    padding-left:30px;
    border-right:3px solid #FFF;
}
/*---Product-Detail-Technic2---*/
.product-technic2-content-images-box{
    display:flex;
    justify-content:center;
    align-items:center;
    margin-bottom:35px;
    overflow:hidden;
}
.product-technic2-content-images-box img{
    max-width:100%;
}
.product-technic2-table{
    overflow-x:scroll;
}
.product-technic2-table table{
    width:100%;
}
.product-technic2-table table tr{
    text-align:center;
}
.product-technic2-table table tr td,
.product-technic2-table table tr th{
    border:1px solid #000;
    height:50px;
    min-width:50px;
}
.product-technic2-table table thead tr{
    font-family:Inter_18pt-SemiBold;
    background:#F1F9FF;
    color:var(--bluecolor);
}
.product-technic2-table table tbody tr{
    font-family:Inter_18pt-Regular;
    background:#FFF;
    color:#575756;
}
.product-technic2-table table tfoot tr{
    font-family:Inter_18pt-SemiBold;
    background:#F1F9FF;
    color:var(--bluecolor);
}
/*---Product-Detail-Video---*/
.product-videos{
    position:relative;
}
.product-videos-box{
    display:flex;
    justify-content:space-between;
    margin-bottom:20px;
}
.product-videos-box .f-carousel{
    width:68%;
}
.product-videos-box .f-thumbs {
    width:30% !important;
    --f-carousel-slide-width: 100% !important;
    --f-carousel-slide-height: 100% !important;
    max-height:570px;
    overflow:scroll;
}
.product-videos-box .f-thumbs::-webkit-scrollbar{
    background:transparent;
    width:8px;
}
.product-videos-box .f-thumbs::-webkit-scrollbar-thumb{
    background:transparent;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
}
.product-videos-box .f-thumbs__viewport{
    display:flex !important;
    flex-direction:column !important;
}
.product-videos-box .f-carousel__slide{
    width:100%;
    height:570px;
    display: flex;
    justify-content: start;
    align-items: center;
    overflow: hidden;
    position:relative;
}
.product-videos-box .f-thumbs__slide{
    transform:none !important;
}
.product-videos-box .f-thumbs__slide button{
    border:none;
    border-radius:0 !important;
}
.product-videos-box .f-carousel__slide .product-video-btn{
    position:absolute;
    top:calc(50% - 50px);
    left:calc(50% - 50px);
    z-index:999;
}
.product-videos-box .f-carousel__slide .product-video-btn img{
    width:100px;
}
.product-videos h5{
    font-size:25px;
    font-family:Inter_18pt-Regular;
    color:var(--bluecolor);
}
/*---Product-Detail-Hardware---*/
.product-hardware-box{
    margin-bottom:100px;
}
.product-hardware-box-text h5{
    font-size:25px;
    font-family:Inter_18pt-SemiBold;
    color:var(--bluecolor);
    margin-bottom:45px;
    text-align:end;
}
.product-hardware-box-text p{
    font-size:17px;
    font-family:Inter_18pt-Regular;
    color:#000;
    line-height:36px;
    text-align:end;
}
.product-hardware-box-image{
    height:340px;
    display:flex;
    justify-content:center;
    align-items:center;
    background:#E8E8E8;
    border-radius:30px;
    overflow:hidden;
}
.product-hardware-box-image img{
    max-width:100%;
}
.product-hardware .product-hardware-box:nth-child(2n) .row{
    flex-direction:row-reverse;
}
.product-hardware .product-hardware-box:nth-child(2n) .product-hardware-box-text h5,
.product-hardware .product-hardware-box:nth-child(2n) .product-hardware-box-text p{
    text-align:start;
}
/*---Product-Detail-Get-Offer-Form---*/
.offer-menu{
    position:fixed;
    width:100vw;
    height:100vh;
    background:#00000050;
    z-index:999;
    top:0;
    left:0;
    display:none;
    justify-content:center;
    align-items:center;
}
.offer-menu.active{
    display:flex;
}
.offer-menu-content{
    position:relative;
    width:70%;
    height:80%;
    background:var(--whitecolor);
    padding:80px 115px;
}
.offer-menu-content .offer-form-close{
    position:absolute;
    width:68px;
    height:68px;
    background:var(--bluecolor);
    display:flex;
    justify-content:center;
    align-items:center;
    right:-34px;
    top:-34px;
    z-index:5;
    cursor:pointer;
}
.offer-form .form-input-group textarea{
    height:130px !important;
}
.form-input-button1{
    display:flex;
    align-items:center;
    justify-content:space-between;
}
.form-input-button1 span{
    font-size:17px;
    font-family:Inter_18pt-Regular;
    color:#000;
}
.form-input-button1 button{
    width:200px;
    height:50px;
    border-radius:30px;
    border:none;
    outline:none;
    box-shadow:none;
    background:var(--bluecolor);
    color:var(--whitecolor);
    font-size:18px;
    font-family:Inter_18pt-Medium;
}
/*---Corporate---*/
.corporate-image{
    height:500px;
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:30px;
    overflow:hidden;
}
.corporate-image img{
    width:100%;
}
.corporate-text{
    display:flex;
    align-items:center;
    height:100%;
}
.corporate-text p{
    font-size:17px;
    font-family:Inter_18pt-Regular;
    color:var(--blackcolor);
    line-height:36px;
}
/*---Corporate-History---*/
.corporate-history{
    background:var(--bluecolor);
    padding:85px 0;
}
.corporate-history .carousel-indicators{
    position:relative;
    margin:0;
}
.corporate-history-carousel-top{
    margin-top:150px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:50px;
}
.corporate-history .carousel-control-prev,
.corporate-history .carousel-control-next{
    position:relative;
    left:auto;
    right:auto;
    margin:0;
    padding:0;
    opacity:1;
}
.corporate-history .carousel-control-prev span,
.corporate-history .carousel-control-next span{
    width:50px;
    height:50px;
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:100%;
    background:var(--whitecolor);
    color:var(--bluecolor);
    font-size:12px;
}
.corporate-history .carousel-indicators button{
    text-indent:0;
    width:100px;
    height:1px;
    position:relative;
    margin:0;
}
.corporate-history .carousel-indicators button::before{
    content:"";
    position:absolute;
    width:11px;
    height:11px;
    background:var(--whitecolor);
    top:calc(50% - 5.5px);
    left:calc(50% - 5.5px);
    border-radius:100%;
    z-index:15;
}
.corporate-history .carousel-indicators button::after{
    content:"";
    position:absolute;
    width:35px;
    height:35px;
    background:var(--bluecolor);
    top:calc(50% - 17.5px);
    left:calc(50% - 17.5px);
    border:1px solid var(--whitecolor);
    border-radius:100%;
    z-index:10;
    opacity:0;
    transition:all ease 0.5s;
}
.corporate-history .carousel-indicators button.active::after{
    opacity:1;
}
.corporate-history .carousel-indicators button span{
    position:absolute;
    transform:rotate(-90deg);
    bottom:70px;
    left:-8px;
    font-size:50px;
    font-family:Inter_18pt-Bold;
    color: transparent;
    -webkit-text-stroke: 1px var(--whitecolor);
}
.corporate-history .carousel-indicators button.active span{
    color:var(--whitecolor);
}
.corporate-history-text{
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:center;
}
.corporate-history-text h5{
    font-size:50px;
    font-family:Inter_18pt-Bold;
    color:var(--whitecolor);
    margin-bottom:50px;
}
.corporate-history-text p{
    font-size:17px;
    font-family:Inter_18pt-Regular;
    color:var(--whitecolor);
}
.corporate-history-image{
    display:flex;
    justify-content:center;
    align-items:center;
    height:420px;
    border-radius:30px;
    overflow:hidden;
}
.corporate-history-image img{
    width:100%;
}
/*---Corporate-Mission---*/
.corporate-mission .corporate-mission-box{
    margin-bottom:65px;
}
.corporate-mission .corporate-mission-box:nth-child(2n) .row{
    flex-direction:row-reverse;
}
.corporate-mission-box-text{
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:start;
}
.corporate-mission-box-text h5{
    font-size:25px;
    font-family:Inter_18pt-Regular;
    color:var(--bluecolor);
    margin-bottom:20px;
}
.corporate-mission-box-text p{
    font-size:17px;
    font-family:Inter_18pt-Regular;
    color:var(--blackcolor);
}
corporate-mission-box-image{
    height:630px;
    border-radius:30px;
    overflow:hidden;
    display:flex;
    justify-content:center;
    align-items:center;
}
.corporate-mission-box-image img{
    width:100%;
}
/*---Corporate-Document---*/
.corporate-document-title{
    display:flex;
    justify-content:center;
    align-items:center;
    margin-bottom:50px;
}
.corporate-document-title h5{
    font-size:25px;
    font-family:Inter_18pt-Regular;
    color:var(--bluecolor);
}
.corporate-document-box{
    height:310px;
    display:flex;
    justify-content:center;
    align-items:center;
    overflow:hidden;
}
.corporate-document-content .owl-dots{
    display:none;
}
/*---Kalite---*/
.kalite-text1 h5{
    font-size:40px;
    font-family:Inter_18pt-Regular;
    color:var(--bluecolor);
    line-height:60px;
}
.kalite-text2{
    display:flex;
    align-items:center;
    padding-left:140px;
}
.kalite-text2 span{
    font-size:190px;
    font-family:Inter_18pt-Regular;
    color:var(--bluecolor);
    line-height:235px;
}
.kalite-text2 p{
    font-size:30px;
    font-family:Inter_18pt-Regular;
    color:var(--blackcolor);
    line-height:40px;
}
.kalite-image{
    width:100vw;
    height:100vh;
    display:flex;
    justify-content:center;
    align-items:center;
}
.kalite-image img{
    width:100%;
}
.kalite-box-image{
    height:475px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
}
.kalite-box-image-box{
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    background:#E8E8E8;
    border-radius:30px;
    overflow:hidden;
}
.kalite-box-image-box img{
    max-width:100%;
}
.kalite-box-image-box2{
    width:48%;
    height:48%;
    display:flex;
    justify-content:center;
    align-items:center;
    background:#E8E8E8;
    border-radius:30px;
    overflow:hidden;
}
/*---Rereranslar---*/
.reference-box{
    width:100%;
    height:300px;
    background:#F3F3F3;
    border-radius:30px;
    padding:20px;
    margin-bottom:25px;
}
.reference-box-number span{
    font-size:17px;
    font-family:Inter_18pt-Regular;
    color:#777777;
}
.reference-box-text{
    padding:0 50px;
}
.reference-box-text h5{
    font-size:25px;
    font-family:Inter_18pt-SemiBold;
    color:var(--bluecolor);
    margin-bottom:15px;
}
.reference-box-text p{
    font-size:17px;
    font-family:Inter_18pt-Regular;
    color:var(--blackcolor);
}
.reference-content{
    max-height:880px;
    overflow:hidden;
}
.reference-content.active{
    max-height:max-content;
}
.reference-content-more{
    display:flex;
    justify-content:center;
    align-items:center;
}
.reference-content-more.passive{
    display:none;
}
.reference-content-more button{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    background:transparent;
    border:none;
    outline:none;
}
.reference-content-more button span{
    width:50px;
    height:50px;
    border-radius:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    background:var(--bluecolor);
    color:var(--whitecolor);
    font-size:35px;
    font-family:Inter_18pt-ExtraLight;
    margin-bottom:10px;
}
.reference-content-more button p{
    color:var(--blackcolor);
    font-size:17px;
    font-family:Inter_18pt-Light;
}
/*---Blog---*/
.blog-content .nav{
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-bottom:60px;
    border:none;
}
.blog-content .nav li button{
    padding:12.5px 40px;
    border:1px solid var(--bluecolor);
    border-radius:30px;
    color:var(--bluecolor);
    font-size:18px;
    font-family:Inter_18pt-Medium;
    margin-right:15px;
    margin-bottom:15px;
}
.blog-content .nav li:last-child button{
    margin-right:0;
}
.blog-content .nav li button.active{
    border:1px solid var(--bluecolor);
    background:var(--bluecolor);
    color:var(--whitecolor);
}
.blog-content .home-blog-box{
    margin-bottom:100px;
}
.blog-content .home-blog-box .blog-box-image{
    height:370px;
    margin-bottom:30px;
}
.blog-content .home-blog-box:hover .blog-box-image{
    height:540px;
}
.blog-content .row{
    max-height:1280px;
    overflow:hidden;
}
.blog-content .row.active{
    max-height:max-content;
}
/*---Blog-Detail---*/
.blog-detail-image{
    width:100%;
    height:600px;
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:30px;
    overflow:hidden;
    margin-bottom:60px;
}
.blog-detail-image img{
    width:100%;
    border-radius:30px;
}
.blog-detail-content .blog-detail-date{
    font-size:17px;
    font-family:Inter_18pt-Regular;
    color:#777777;
}
.blog-detail-content .blog-detail-title{
    font-size:30px;
    font-family:Inter_18pt-SemiBold;
    color:var(--bluecolor);
    margin-bottom:40px;
}
.blog-detail-content p{
    font-size:17px;
    font-family:Inter_18pt-Regular;
    color:var(--blackcolor);
    margin-bottom:30px;
    padding:0;
}
.blog-detail-content2-text{
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:center;
}
.blog-detail-content2-image{
    display:flex;
    justify-content:center;
    align-items:center;
    width:100%;
    height:370px;
    background:#E8E8E8;
    border-radius:30px;
    overflow:hidden;
    margin-bottom:30px;
}
.blog-detail-content2-image img{
    max-width:100%;
}
/*---Contact---*/
.contact-content-info-box{
    margin-bottom:30px;
    padding-bottom:30px;
    border-bottom:1px solid #F3F3F3;
}
.contact-content-info-box h5{
    font-size:25px;
    font-family:Inter_18pt-SemiBold;
    color:var(--bluecolor);
    margin-bottom:20px;
}
.contact-content-info-box ul li{
    display:flex;
    align-items:center;
    margin-bottom:20px;
}
.contact-content-info-box ul li img{
    width:35px;
    margin-right:20px;
}
.contact-content-info-box ul li span,
.contact-content-info-box ul li a{
    font-size:17px;
    font-family:Inter_18pt-Regular;
    color:var(--blackcolor);
}
.contact-social ul{
    display:flex;
    align-items:center;
}
.contact-social ul li{
    margin-right:20px;
}
.contact-social ul li:last-child{
    margin-right:0;
}
.contact-social ul li a{
    font-size:24px;
    color:var(--bluecolor);
}
.contact-map{
    width:100%;
    height:550px;
    position:relative;
    border-radius:30px;
    overflow:hidden;
}
.contact-map iframe{
    width:100%;
    height:100%;
}
.contact-map img{
    position:absolute;
    z-index:5;
    width:140px;
    top:calc(50% - 17px);
    left:calc(50% - 70px);
}
.contact-reference-box-link{
    display:flex;
    align-items:center;
}
.contact-reference-box-link img{
    width:35px;
    margin-right:20px;
}
.contact-reference-box-link a{
    font-size:17px;
    font-family:Inter_18pt-Regular;
    color:var(--blackcolor);
}
.reference-contact-box .reference-box-text h5{
    margin-bottom:35px;
}
.contact-form-page{
    position:relative;
    min-height:515px;
    background:url(../images/contact-form.png);
    padding:80px 0;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
}
.contact-form h5{
    font-size:25px;
    font-family:Inter_18pt-Regular;
    color:#FFF;
    margin-bottom:25px;
}
.contact-form .contact-input-group{
    margin-bottom:25px;
}
.contact-form .contact-input-group input{
    width:100%;
    height:50px;
    border:none;
    outline:none;
    box-shadow:none;
    border-bottom:1px solid #FFF;
    background:transparent;
    font-size:16px;
    font-family:Inter_18pt-Regular;
    color:#FFF;
    transition:all ease 0.5s;
}
.contact-form .contact-input-group input::placeholder,.contact-form .contact-input-group textarea::placeholder{
    color:#FFF;
}
.contact-form .contact-input-group textarea{
    width:100%;
    height:100px;
    border:none;
    outline:none;
    box-shadow:none;
    border-bottom:1px solid #FFF;
    background:transparent;
    font-size:16px;
    font-family:Inter_18pt-Regular;
    color:#FFF;
    transition:all ease 0.5s;
}
.contact-form .form-check label{
    font-size:16px;
    font-family:Inter_18pt-Regular;
    color:#FFF;
    margin-bottom:25px;
    cursor:pointer;
}
.contact-form .form-check input{
    box-shadow:none !important;
}
.contact-form .form-check input:checked{
    background-color:#146DB3;
}
.contact-form .contact-input-group button{
    width:128px;
    height:50px;
    border:none;
    outline:none;
    box-shadow:none;
    border-radius:30px;
    background:var(--bluecolor);
    font-size:16px;
    font-family:Inter_18pt-Regular;
    color:#FFF;
}
.contact-input-group-button{
    display:flex;
    justify-content:end;
}
.contact-form .contact-input-group input:focus,
.contact-form .contact-input-group textarea:focus{
    border:1px solid #FFF;
    padding-left:15px;
}
.contact-form .contact-input-group textarea:focus{
    padding-top:15px;
}
/*---Carreer---*/
.carreer-form fieldset{
    margin-bottom:60px;
}
.form-title{
    width:100%;
    border-bottom:1px solid var(--bluecolor);
    margin-bottom:25px;
}
.form-title h5{
    font-size:17px;
    font-family:Inter_18pt-Medium;
    color:var(--blackcolor);
}
.form-content .form-input-group{
    display:flex;
    flex-direction:column;
    margin-bottom:20px;
}
.form-content .form-input-group span{
    font-size:17px;
    font-family:Inter_18pt-Regular;
    color:var(--blackcolor);
    margin-bottom:10px;
}
.form-content  .form-input-group input{
    border:1px solid #CECECE;
    font-size:17px;
    font-family:Inter_18pt-Regular;
    color:var(--blackcolor);
    outline:none;
    box-shadow:none;
    height:50px;
    padding-left:10px;
}
.form-content  .form-input-group select{
    border:1px solid #CECECE;
    font-size:17px;
    font-family:Inter_18pt-Regular;
    color:var(--blackcolor);
    outline:none;
    box-shadow:none;
    height:50px;
    padding-left:10px;
}
.form-content  .form-input-group textarea{
    border:1px solid #CECECE;
    font-size:17px;
    font-family:Inter_18pt-Regular;
    color:var(--blackcolor);
    outline:none;
    box-shadow:none;
    height:200px;
    padding-top:10px;
    padding-left:10px;
}
.form-education-fieldset{
    overflow-x: auto;
    display: flex;
    flex-direction: column;
}
.form-education{
    display:flex;
    align-items:center;
    min-width:700px;
}
.form-education .form-education-box{
    width:20%;
    margin-bottom:20px;
}
.form-education .form-education span{
    font-size:17px;
    font-family:Inter_18pt-Regular;
    color:var(--blackcolor);
}
.form-education .form-education-box input{
    width:90%;
    border:1px solid #CECECE;
    font-size:17px;
    font-family:Inter_18pt-Regular;
    color:var(--blackcolor);
    outline:none;
    box-shadow:none;
    height:50px;
    padding-left:10px;
}
.form-work-box{
    width:16%;
    margin-bottom:20px;
}
.form-work-box2{
    width:50%;
    margin-bottom:20px;
}
.form-education .form-work-box span,
.form-education .form-work-box2 span{
    font-size:17px;
    font-family:Inter_18pt-Regular;
    color:var(--blackcolor);
}
.form-education .form-work-box input,
.form-education .form-work-box2 input{
    width:90%;
    border:1px solid #CECECE;
    font-size:17px;
    font-family:Inter_18pt-Regular;
    color:var(--blackcolor);
    outline:none;
    box-shadow:none;
    height:50px;
    padding-left:10px;
}
.form-certifica-box{
    width:33%;
    margin-bottom:20px;
}
.form-education .form-certifica-box span{
    font-size:17px;
    font-family:Inter_18pt-Regular;
    color:var(--blackcolor);
}
.form-education .form-certifica-box input{
    width:90%;
    border:1px solid #CECECE;
    font-size:17px;
    font-family:Inter_18pt-Regular;
    color:var(--blackcolor);
    outline:none;
    box-shadow:none;
    height:50px;
    padding-left:10px;
}
.form-button-group{
    display:flex;
    justify-content:end;
    align-items:center;
    margin-bottom:20px;
}
.form-button-group button{
    font-size:18px;
    font-family:Inter_18pt-Medium;
    color:var(--whitecolor);
    width:200px;
    height:50px;
    border:none;
    outline:none;
    border-radius:30px;
}
.form-button-group button:nth-child(1){
    background:#777777;
    margin-right:15px;
}
.form-button-group button:nth-child(2){
    background:var(--bluecolor);
}
.form-required-text{
    text-align:end;
}
.form-required-text span{
    font-size:17px;
    font-family:Inter_18pt-Regular;
    color:var(--redcolor);
}
.form-input-group input[type="file"]::file-selector-button {
    border-radius: 4px;
    padding: 0 16px;
    height: 40px;
    cursor: pointer;
    background-color: var(--bluecolor);
    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.05);
    margin-right: 16px;
    color:var(--whitecolor);
    border-radius:30px;
    border:none;
    box-shadow:none;
    margin-top:5px;
    font-family:Inter_18pt-Medium;
    font-size:16px;
}
.error{
    border:1px solid var(--redcolor) !important;
}
/*---Privacy---*/
.privacy-popup{
    position:fixed;
    width:100vw;
    height:100vh;
    z-index:9999;
    top:0;
    left:0;
    background:#00000080;
    justify-content:center;
    align-items:center;
    display:none;
}
.privacy-popup.active{
    display:flex;
}
.privacy-popup-content{
    position:relative;
    width:80%;
    height:80%;
    background:#FFF;
    padding:35px;
}
.privacy-popup-content span{
    position:absolute;
    width:68px;
    height:68px;
    display:flex;
    justify-content:center;
    align-items:center;
    top:0;
    right:0;
    background:#146DB3;
    color:#FFF;
    z-index:5;
    cursor:pointer;
    font-size:20px;
}
.privacy-popup-content h5{
    font-size:35px;
    font-family:Inter_18pt-Bold;
    color:#000;
}
.privacy-popup-content-text{
    overflow-y:scroll;
    height:calc(100% - 35px);
}
.privacy-popup-content-text::-webkit-scrollbar {
    background: transparent;
    width: 0;
}
.privacy-popup-content-text::-webkit-scrollbar-thumb {
    background: transparent;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.privacy-popup-content-text p{
    font-size:18px;
    font-family:Inter_18pt-Regular;
    color:#000;
}
/*---Responsive---*/
@media only screen and (max-width:1800px) {
    .home-services{
        padding-top:100px;
        height:auto;
    }
    .mega-menu-container{
        padding:50px 100px;
    }
    .header-bottom-logo a img{
        width:250px;
    }
    .header-bottom-menu ul li{
        margin-right:25px;
    }
}
@media only screen and (max-width:1700px){
    .my-container{
        padding:0 185px;
    }
    .my-container2{
        margin:0 185px;
    }
    .home-slider .carousel .carousel-caption{
        left:185px;
    }
    .home-slider .carousel .carousel-indicators{
        margin-left:185px;
    }
    .home-slider .carousel .carousel-caption2{
        right:185px;
    }
    .mega-menu-content h5{
        margin-bottom:50px;
    }
}
@media only screen and (max-width:1500px){
    .my-container{
        padding:0 85px;
    }
    .my-container2{
        margin:0 85px;
    }
    .home-slider .carousel .carousel-caption{
        left:85px;
    }
    .home-slider .carousel .carousel-indicators{
        margin-left:85px;
    }
    .home-slider .carousel .carousel-caption2{
        right:85px;
    }
    .my-breadcrumb .my-breadcrumb-content h3,
    .breadcrumb-contact .breadcrumb-contact-content h5,
    .home-slider .carousel .carousel-caption h5,
    .mega-menu-content h5{
        font-size:35px;
    }
    .mega-menu-product a{
        font-size:17px;
    }
    .home-products-top-left{
        font-size:30px;
    }
    .home-blog-box .blog-box-text a{
        font-size:25px;
    }
    .reference-box-text{
        padding:0 10px;
    }
    .header-bottom-logo a img{
        width:150px;
    }
    .header-bottom-menu ul li a,.header-top-info-box-phone span{
        font-size:16px;
    }
    .header-bottom-right .header-contact{
        width:120px;
        font-size:16px;
    }
}
@media only screen and (max-width:1300px){
    .header-top-left span, .header-top-info-box span,.header-bottom-menu ul li a, .header-top-info-box-phone span{
        font-size:11px;
    }

}
@media only screen and (max-width:1200px){
    .my-container{
        padding:0 35px;
    }
    .my-container2{
        margin:0 35px;
    }
    .home-slider .carousel .carousel-caption{
        left:35px;
    }
    .home-slider .carousel .carousel-indicators{
        margin-left:35px;
    }
    .home-slider .carousel .carousel-caption2{
        right:35px;
    }
    .mega-menu-container {
        padding: 35px;
    }
    .home-products-bottom .swiper-container{
        overflow:hidden;
    }
}
@media only screen and (max-width:991px){
    .mega-menu {
        height:100vh;
        padding: 35px;
    }
    .mega-menu-container{
        overflow-y:scroll;
    }
    .mega-menu-container::before{
        height:auto;
    }
    .header-top,.header-bottom{
        display:none;
    }
    .header-bottom{
        margin-top:25px;
    }
    .mini-menu,.header-mini-nav{
        display:flex;
    }
    .mega-menu-content h5{
        font-size:20px;
    }
    .home-slider{
        height:auto;
    }
    .home-slider .carousel .carousel-caption2 p{
        font-size:13px;
    }
    .home-slider .carousel .carousel-caption2 a{
        font-size:13px;
    }
    .home-slider .carousel .carousel-caption2 a span{
        width:30px;
        height:30px;
    }
    .home-slider .carousel .carousel-indicators button{
        width:25px;
    }
    .home-corporate-left{
        margin-bottom:35px;
    }
    .home-corporate-right h5{
        font-size:25px;
        line-height:normal;
    }
    .home-corporate-right-buttons{
        display:flex;
        flex-direction:column;
        align-items:start;
    }
    .home-corporate-right-buttons a{
        margin-bottom:15px;
    }
    .home-products-top{
        display:flex;
        flex-direction:column;
        align-items:start;
    }
    .home-products-bottom{
        margin:0 15px;
    }
    .home-product-box{
        margin:0;
        margin-bottom:40px;
    }
    .home-products-top-left,.home-products,.home-carreer,.footer-menu,.product-detail-image,.contact-social{
        margin-bottom:35px;
    }
    .footer-logo img{
        max-width:200px;
    }
    .footer-bottom-content{
        flex-direction:column;
    }
    .empty-div{
        height:100px;
    }
    .my-breadcrumb .my-breadcrumb-content h3, .breadcrumb-contact .breadcrumb-contact-content h5{
        font-size:20px;
    }
    .corporate-history-carousel-top{
        margin-top:35px;
    }
    .corporate-history .carousel-indicators button{
        width:25px;
    }
    .corporate-history .carousel-indicators button span{
        font-size:13px;
        left:-3px;
        bottom:35px;
    }
    .corporate-history .carousel-indicators button::after{
        width:15px;
        height:15px;
        top:calc(50% - 7.5px);
        left:calc(50% - 7.5px);
    }
    .corporate-history .carousel-indicators button::before{
        width:5px;
        height:5px;
        top:calc(50% - 2.5px);
        left:calc(50% - 2.5px);
    }
    .corporate-history .carousel-control-prev span, .corporate-history .carousel-control-next span{
        width:35px;
        height:35px;
    }
    .corporate-image{
        height:auto;
        max-height:500px;
        margin-bottom:35px;
    }
    .kalite-text1 h5,.kalite-text2 p{
        font-size:20px;
        line-height:normal;
    }
    .kalite-text2{
        padding-left:0;
        align-items:start;
    }
    .kalite-text2 span{
        font-size:50px;
        line-height:0;
    }
    .kalite-image{
        width:100%;
        height:auto;
    }
    .my-breadcrumb .my-breadcrumb-content ul{
        flex-wrap:wrap;
    }
    .product-technic1 .row .col-lg-6:nth-child(3) span,
    .product-technic1 .row .col-lg-6:nth-child(4) span,
    .product-technic1 .row .col-lg-6:nth-child(7) span,
    .product-technic1 .row .col-lg-6:nth-child(8) span,
    .product-technic1 .row .col-lg-6:nth-child(11) span,
    .product-technic1 .row .col-lg-6:nth-child(12) span{
        background:#F1F9FF;
    }
    .product-technic1 .row .col-lg-6:nth-child(2n) span{
        background:var(--whitecolor);
    }
    .product-videos-box{
        display:flex;
        flex-direction:column;
    }
    .product-videos-box .f-carousel,.product-videos-box .f-thumbs{
        width:100% !important;
        margin-bottom:35px;
    }
    .product-hardware-box-text h5,.product-hardware-box-text p{
        text-align:start;
    }
    .my-breadcrumb{
        padding:0;
    }
    .breadcrumb-contact{
        margin:0 0 30px 0;
    }
    .search-menu{
        height:auto;
        min-height:205px;
        top:-300px;
        padding:25px 0;
    }
    .search-menu-content{
        flex-direction:column;
        align-items:start;
        justify-content:start;
    }
    .search-menu-logo, .search-menu-form label,.search-menu-form input{
        margin-bottom:25px;
    }
    .search-menu-logo img{
        width:125px;
    }
    .search-menu-form label{
        font-size:18px;
    }
    
    .offer-menu-content{
        position:relative;
        width:90%;
        height:90%;
        background:var(--whitecolor);
        padding:15px;
    }
    .offer-menu-content form{
        height:100%;
        overflow-x:scroll;
        padding:30px 0;
    }
    .form-input-button1{
        flex-direction:column;
        justify-content:start;
        align-items:start;
    }
    .offer-menu-content .offer-form-close{
        right:0;
        top:0;
    }
    .my-col{
        width:100%;
    }
    .mega-menu-product-image{
        display:none;
    }
    .product-select{
        position:relative;
        top:auto;
        right:auto;
        display:flex;
        justify-content:center;
        align-items:center;
        margin-top:40px;
    }
    .product-select{
        height:40px;
    }
    .footer-menu ul li a{
        font-size:13px;
    }
    .footer-contact-box a{
        font-size:13px;
    }
    .footer-menu{
        margin-bottom:20px !important;
    }
    .footer-top{
        padding:20px 0;
    }
    .mega-menu-content .row .my-col .mega-menu-product{
        margin-top:0 !important;
    }
}
@media only screen and (max-width:768px){
    .product-technic1 .product-technic-box span{
        font-size:17px;
        height:auto;
        min-height:75px;
    }
    .product-detail-properties-table table tr td{
        text-align:start;
        font-size:13px;
        padding-left:5px;
    }
    .product-detail-properties-table table tbody tr{
        font-size:13px;
    }
    .privacy-popup-content{
        width:90%;
        height:90%;
    }
    .privacy-popup-content h5{
        font-size:25px;
    }
    .privacy-popup-content span{
        width:50px;
        height:50px;
        top:0;
        right:0;
    }
    .privacy-popup-content-text p{
        font-size:16px;
    }
}