/* Sf Pro */
@font-face {
    font-family: "Sf-Pro-Bold";
    src: url(../../font/sf-pro/SFPRODISPLAYBOLD.OTF);
}
@font-face {
    font-family: "Sf-Pro-Medium";
    src: url(../../font/sf-pro/SFPRODISPLAYMEDIUM.OTF);
}
@font-face {
    font-family: "Sf-Pro-Regular";
    src: url(../../font/sf-pro/SFPRODISPLAYREGULAR.OTF);
}

/* Gilroy */
@font-face {
    font-family: "Gilroy-Bold";
    src: url(../../font/gilroy/Gilroy-Bold.ttf);
}
@font-face {
    font-family: "Gilroy-Medium";
    src: url(../../font/gilroy/Gilroy-Medium.ttf);
}
@font-face {
    font-family: "Gilroy";
    src: url(../../font/gilroy/Gilroy-Regular.ttf);
}
@font-face {
    font-family: "Gilroy-Light";
    src: url(../../font/gilroy/Gilroy-Light.ttf);
}

/* Cal Sans */
@font-face {
    font-family: "Cal-Sans";
    src: url(../../font/CalSans-Regular.ttf);
}

/* Poppins */
@font-face {
    font-family: "Poppins-Bold";
    src: url(../../font/poppins/Poppins-Bold.ttf);
}
@font-face {
    font-family: "Poppins-Medium";
    src: url(../../font/poppins/Poppins-Medium.ttf);
}
@font-face {
    font-family: "Poppins";
    src: url(../../font/poppins/Poppins-Regular.ttf);
}
@font-face {
    font-family: "Poppins-Light";
    src: url(../../font/poppins/Poppins-Light.ttf);
}
@font-face {
    font-family: "Poppins-Thin";
    src: url(../../font/poppins/Poppins-Thin.ttf);
}

/* Neurial Grotesk */
@font-face {
    font-family: "Neurial-Grotesk-Bold";
    src: url(../../font/neurial-grotesk/NeurialGrotesk-Bold.otf);
}
@font-face {
    font-family: "Neurial-Grotesk-Medium";
    src: url(../../font/neurial-grotesk/NeurialGrotesk-Medium.otf);
}
@font-face {
    font-family: "Neurial-Grotesk";
    src: url(../../font/neurial-grotesk/NeurialGrotesk-Regular.otf);
}
@font-face {
    font-family: "Neurial-Grotesk-Light";
    src: url(../../font/neurial-grotesk/NeurialGrotesk-Light.otf);
}




:root{
    --color1: #025be3;
    --color2: #003295;
    --color3: #00d0ff;
    --color4: #023295;
    --color5: #012979;
    --color6: #0088f9;
    --color7: #0c61e9;
    --link-hover-color-1: #76ffea; /* Weight / Height */
    --navbar-top-border-height: 20px;
    --box-2-width: 71%;
    --bg2-box-2-width: 71%;
    --box-1-width: calc(var(--box-2-width) - 100%);
    --skewX1: 162deg; /* clip-path */
    --polygon-1: polygon(22% 0, 100% 0, 100% 100%, 0 100%); --polygon-2: polygon(20% 0, 100% 0, 80% 100%, 0 100%);
    --slider-duration: .6s;
    
    
    --type-1-box-1-width: 29%;
    --type-1-box-1-height: 2180px;
    --type-1-box-1-after-width: 75%;
    --type-1-box-1-after-height: 50%;
    
    /*--type-1-box-1-height: 2180px;
    --type-1-box-1-width: calc(var(--type-1-box-1-height)/5.1);
    --type-1-box-1-after-width: 75%;
    --type-1-box-1-after-height: calc(var(--type-1-box-1-height)/2);*/
}




html{ overflow-x: hidden; }
body{  }
.mobile-only{ display: none; }




/* Header - Navbar */
#header{ padding: 60px 0 30px 0; }
#main-nav{ padding-top: 0; z-index: 5; }
#main-nav > .container-fluid{ align-items: start; }
#main-nav .navbar-brand > .logo-wrapper{ transform: translate(70px, 68px); }
#main-nav .navbar-brand > .logo-wrapper > svg{ width: 260px; height: 90px; }
#main-nav .offcanvas-body{ display: flex; flex-direction: column; }

#main-navbar-nav{ position: relative; padding-top: var(--navbar-top-border-height); }
#main-navbar-nav:before{
    content: ""; display: block; position: absolute; top: 0; right: 0; background-color: var(--color1);
    height: var(--navbar-top-border-height); width: 106%; transform: skewX(166deg);
}
#main-navbar-nav .nav-link{
    font-size: 23px; padding: 8px 10px; margin-left: 10px; margin-right: 5px; position: relative;
    color: #FFF; font-family: "Gilroy-Bold"; font-weight: 400;
}
#main-navbar-nav .nav-link:after{
    content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 0; height: 5px;
    background-color: var(--color1); opacity: 0; transition: .3s ease-out;
}
#main-navbar-nav .nav-link:hover{ color: var(--link-hover-color-1); }
#main-navbar-nav .nav-link:hover:after{ opacity: 1; width: 100%; }

#main-navbar-nav .nav-link.link-2{
    background-color: var(--color1); padding: 5px 20px; margin-left: 20px; margin-right: 3px; color: var(--color2); }
#main-navbar-nav .nav-link.link-2:hover{ color: var(--link-hover-color-1); }




#top-background{ z-index: 0; }
#main-slider-section{  }

/* Footer */
#footer{
    padding: 90px 0 0 0; background: linear-gradient(90deg, #0c61e9 20%, #055ae2 50%, #0040a6 75%, #002e77); color: #fff;
}
#footer > .container-fluid > .inner{ margin: 0 100px 0 80px; }
#footer .links-wrapper > .inner{
    background: linear-gradient(90deg, #166bf3, rgb(44 112 255 / 30%)); height: 550px;
}
#footer .logo-column > .inner{ padding: 60px 70px; }
#footer .logo-wrapper{ margin-bottom: 30px; }
#footer .logo-wrapper > img{ width: 281px; }
#footer .logo-column .text{
    font-family: Poppins-Light; font-size: 16px; opacity: .8; text-shadow: 1px 1px 0 rgba(0,0,0,0.4);
}
#footer .link-column > .inner{ padding: 60px 0; }
#footer .link-column .title{
    font-family: Poppins; font-size: 18px; margin-top: 0; margin-bottom: 15px;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.4);
}
#footer .link-column a{
    color: #FFF; text-decoration: none; font-family: Poppins-Light; font-size: 16px; opacity: .7;
    display: block; margin-bottom: 15px; text-shadow: 1px 1px 0 rgba(0,0,0,0.4);
}
#footer .link-column a:hover{ text-decoration: underline; }

#footer .social-wrapper > .inner{ padding: 60px 70px; }
#footer .social-wrapper .title{
    font-family: Poppins; font-size: 18px; margin-top: 0; margin-bottom: 45px;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.4);
}
#footer .social-wrapper .icons-list{ display: flex; gap: 15px; }
#footer .social-wrapper .icons-list > a{
    display: flex; height: 40px; width: 40px; align-items: center; justify-content: center;
    transition: .4s ease-out; border-radius: 5px; text-decoration: none; text-shadow: 1px 1px 0 rgba(0,0,0,0.2);
}
#footer .social-wrapper .icons-list > a > i{ font-size: 26px; color: var(--color6); transition: .4s ease-out; }
#footer .social-wrapper .icons-list > a:hover{ background-color: var(--color7); }
#footer .social-wrapper .icons-list > a:hover i{ color: #FFF; }

#footer .copyright-wrapper{ position: relative; }
#footer .copyright{
    font-family: Poppins-Light; text-shadow: 1px 1px 0 rgba(0,0,0,0.4);
    font-size: 13px; letter-spacing: 1px;
    position: absolute; left: 0; top: -130px; width: 100%;
}
#footer .copyright .inner{
    border-top: 1px solid rgba(0,136,249,1); margin: 0 160px 0 160px; padding-top: 40px;
}
#footer .copyright .brand-name{ opacity: .8; }
#footer .copyright .links-wrapper a{ margin: 0 20px; color: #FFF; text-decoration: none; opacity: .8; }




/**********************************************************************************************************************/
/***************************************************** Main Page ******************************************************/
/**********************************************************************************************************************/
/* Partner Section */
#partners-section{ height: auto; padding-top: 15px; padding-bottom: 60px;  }
#partners-section > .inner{ height: 100%; display: flex; margin-bottom: 90px; }
#partners-section .area{  }
.partner-icons-wrapper{ width: 28%; }
.partner-icons-wrapper.mobile-only{ display: none; }
.partner-icons-wrapper > .inner{ width: 360px; font-size: 0; margin-left: 220px; }
.partner-icons-wrapper .item{ display: inline-block; width: 180px; height: 120px; position: relative; overflow: hidden; }
.partner-icons-wrapper .item > .inner{ width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
.partner-icons-wrapper img{ mix-blend-mode: multiply; }
.partner-icons-wrapper .icon-type-1{ }
.partner-icons-wrapper .icon-type-2{ opacity: .7; }
.partner-icons-wrapper .icon-type-3{ opacity: .5; scale: 0.85; }
.partner-icons-wrapper .icon-type-4{ opacity: .7; scale: 0.85; }
.partner-text-wrapper{ width: 32%; }
.partner-text-wrapper > .inner{
    height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;
    margin-top: 45px;
}
.partner-text-wrapper .text-wrapper{ text-align: right; }
.partner-text-wrapper .title{ font-size: 42px; color: var(--color2); margin-bottom: 30px; font-family: Poppins-Medium; }
.partner-text-wrapper .text{
    margin-bottom: 90px; font-size: 18px; opacity: .7; margin-left: 36%; font-family: Poppins;
}
.partner-text-wrapper .icons-wrapper{
    display: flex; gap: 60px; justify-content: center; align-items: center; margin-right: -45px;
}
.partner-image-wrapper{ width: 40% }
.partner-image-wrapper > .inner{
    height: 100%; display: flex; justify-content: end; align-items: center; position: relative; margin-top: 30px;
    overflow: hidden;
}
.partner-image-wrapper .svg-wrapper-3{ position: absolute; top: 0; right: 392px; }
.partner-image-wrapper .grey-skew-box{
    position: absolute; top: -60px; right: 64px; width: 400px; height: 600px; background-color: #f4f4f4;
    transform: skewX(var(--skewX1));
}
.partner-image-wrapper img{ z-index: 2; position: absolute; top: 68px; width: 693px; height: auto; }
.partner-footer{ position: relative; width: 80%; margin-left: auto; margin-right: auto; }
.partner-footer .bg-wrapper{
    position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.956; background-color: rgba(227,227,227,1);
    transform: skewX(var(--skewX1)); border: solid 10px #FFF;
}
.partner-footer .svg-wrapper{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; }
.partner-footer .svg-wrapper > .svg-wrapper-1:nth-child(1){ position: absolute; left: 946px; top: -315px; scale: 0.6; opacity: 1; }
.partner-footer .svg-wrapper > .svg-wrapper-1:nth-child(2){ position: absolute; left: 78px; top: -244px; scale: 0.6; opacity: 1; }
.partner-footer .svg-wrapper path{ stroke-width: 1px; stroke: #FFF !important;  }
.partner-footer .content-wrapper{
    width: 100%; padding: 90px 0; display: flex; justify-content: space-around; align-items: center;
}
.partner-footer .content-wrapper .item{ position: relative; display: flex; align-items: center; min-width: 220px; }
.partner-footer .content-wrapper .item .icon{ margin-right: 20px; }
.partner-footer .content-wrapper .item .text-wrapper{ line-height: 1.2; color: var(--color4); }
.partner-footer .content-wrapper .item .text-wrapper .text{
    font-family: Poppins-Medium; font-weight: 600; font-size: 32px; position: relative; display: inline-block;
}
.partner-footer .content-wrapper .item .text-wrapper .text:after{
    content: "+"; position: absolute; right: -24px; top: 0;
}
.partner-footer .content-wrapper .item .text-wrapper .title{ font-family: Poppins-Light; font-size: 32px; }




/* Our Solutions */
#our-solutions{ padding-top: 90px; position: relative; margin-bottom: 15px; }
#our-solutions .background{
    position: absolute; height: 400px; width: 31%; left: 0; top: 0;  background-color: var(--color4);
    z-index: 0; transform: skewX(var(--skewX1));
}
#our-solutions .background:after{
    content: ""; display: block; position: absolute; bottom: 0; left: -1px; width: 50%; height: 100%;
    background-color: var(--color4); z-index: 1; transform: skewX(calc(var(--skewX1) * -1));
}
#our-solutions > .inner{ position: relative; z-index: 1; }
#our-solutions .line-1{ padding-bottom: 60px; }
#our-solutions .section-title{ color: #FFF; font-size: 40px; margin-top: 30px; font-family: Poppins-Medium; }
#our-solutions .section-description{ font-size: 18px; font-family: Poppins; opacity: .7; }
#our-solutions .accordion{ transform: translateX(70px); }
#our-solutions .accordion .sliderLink h2{ font-family: Poppins; font-size: 20px; font-weight: 500; }
#our-solutions .accordion .sliderLink .description{ font-family: Poppins-Light; font-size: 16px; }
#our-solutions .accordion ul li:after{
    content: ""; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: rgba(0,0,0,0.4);
    transition: .4s; mix-blend-mode: multiply;
}
#our-solutions .accordion:hover ul li:after{ background: rgba(0,0,0,0.6); }
#our-solutions .accordion ul li:hover:after{ background: rgba(14, 80, 113, 0.7); }




/* Frame From Us / News */
#frame-from-us{ margin-bottom: 90px;  }
#frame-from-us .section-title{
    text-align: center; font-size: 204px; font-family: Poppins-Medium; font-weight: 600; color: #f2f2f2;
}
#frame-from-us .news-wrapper{ margin: -84px 50px 0 50px; }
#frame-from-us .news-wrapper .left{ }
#frame-from-us .news-wrapper .left .item{ padding: 0 30px; position: relative; height: 100%; }
#frame-from-us .news-wrapper .left .inner{ position: relative; height: 100%; padding: 45px 45px; }
#frame-from-us .news-wrapper .left .img-wrapper{
    position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 0; border-radius: 15px; overflow: hidden;
}
#frame-from-us .news-wrapper .left .img-wrapper .curtain{
    position: absolute; bottom: 0; left: 0; width: 100%; height: 50%;
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.8)); mix-blend-mode: multiply;
}
#frame-from-us .news-wrapper .left img{ width: 100%; height: 100%; object-fit: cover; }
#frame-from-us .news-wrapper .left .content-wrapper{
    position: relative; z-index: 1; height: 100%; color: #FFF; text-shadow: 1px 1px 0 rgba(0,0,0,0.4);
    display: flex; flex-direction: column; justify-content: end; text-decoration: none;
}
#frame-from-us .news-wrapper .left .item-title{ font-size: 18px; font-family: Poppins; margin-bottom: 10px; }
#frame-from-us .news-wrapper .left .item-description{ font-family: Poppins-Light; font-size: 16px; }
#frame-from-us .news-wrapper .right{ }
#frame-from-us .news-wrapper .right .item{ padding: 0 30px; }
#frame-from-us .news-wrapper .right img{ width: 100%; height: 276px; object-fit: cover; border-radius: 15px; }
#frame-from-us .news-wrapper .right .item-title{ margin: 30px 0; font-size: 20px; font-family: Poppins-Medium; }
#frame-from-us .news-wrapper .right .item-description{ font-size: 16px; font-family: Poppins-Light; margin-bottom: 30px; }
#frame-from-us .news-wrapper .right .link-wrapper{ text-align: end; }
#frame-from-us .news-wrapper .right .item-link{
    font-family: Poppins-Medium; font-size: 14px; text-decoration: none; transition: .4s;
}
#frame-from-us .news-wrapper .right .item-link svg{ transition: .4s !important; transform: translate(0, 0px); }
#frame-from-us .news-wrapper .right .item-link:hover svg{ transform: translate(10px, -10px); }
#frame-from-us .news-wrapper .right .item-link path{ stroke: #025be3; stroke-width: 10px; }




/**********************************************************************************************************************/
/*************************************************** About Us Page ****************************************************/
/**********************************************************************************************************************/
#about-us-page{
    background-color: var(--color2); overflow: hidden; margin-top: -108px; width: 100%; position: relative;
}
#about-us-page #left-white-skew-column{ z-index: 0; }
#about-us-page #left-white-skew-column .decoration-box-1{ display: none; }

#about-us-page p{ opacity: .9; margin-bottom: 30px; font-size: 18px; line-height: 1.8; font-family: Poppins-Light; }
#about-us-page p.paragraph-big{ font-size: 22px; line-height: 1.5; font-family: Poppins; }

#about-us-page .svg-wrapper-4{
    position: absolute; top: -194px; left: 0;
    transform: scale(.88); z-index: 1;
    animation-name: opacity-1-to-02; /* Animasyonun adı */
    animation-duration: 3s; /* Animasyon süresi: 2 saniye */
    animation-timing-function: ease-out; /* Geçişin yumuşaklığı */
    animation-fill-mode: forwards; /* Animasyon bittiğinde son durumu koru */
    opacity: 1; /* Başlangıç opacity değeri */
}
#about-us-page .svg-wrapper-5{
    position: absolute; top: -71px; left: 24vw;
    transform: scale(.88); z-index: 1;
    animation-name: opacity-1-to-0092; /* Animasyonun adı */
    animation-duration: 3s; /* Animasyon süresi: 2 saniye */
    animation-timing-function: ease-out; /* Geçişin yumuşaklığı */
    animation-fill-mode: forwards; /* Animasyon bittiğinde son durumu koru */
    opacity: 1; /* Başlangıç opacity değeri */
}
#about-us-page .page-top-section{ margin-top: 35vh; position: relative; display: flex; align-items: end; }
#about-us-page .page-top-section .inner{
    background-color: #FFF; font-family: Poppins; position: relative; padding: 9vh 60px; margin: 0 80px;
}
#about-us-page .page-top-section .inner p{  }
#about-us-page .page-top-section .inner p:nth-child(1){ font-size: 22px; line-height: 1.5; font-family: Poppins; }
#about-us-page .page-top-section .inner p.paragraph-big{  }
#about-us-page .page-top-section .inner .title{
    position: absolute; right: calc((100vh / 4) - 80px); top: -100px; color: #FFF; z-index: 1; font-size: 100px; font-family: Poppins-Thin;
    font-weight: 100;
}
#about-us-page .page-top-section .inner .img-wrapper{ text-align: right; position: relative; z-index: 1; }
#about-us-page .page-top-section .inner .img-wrapper img{ width: 100%; }
#about-us-page .page-top-section .inner .left{ padding: 0 45px; }
#about-us-page .page-top-section .inner .right{ padding: 0 45px; }


#about-us-page .page-second-section{ position: relative; padding-bottom: 90px; }
#about-us-page .page-second-section:before{
    content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: #FFF;
}
#about-us-page .page-second-section .inner{
    background-color: #FFF; font-family: Poppins; position: relative; padding: 9vh 60px; margin: 0 80px;
}
#about-us-page .page-second-section .inner .left{ padding: 0 45px; }
#about-us-page .page-second-section .inner .right{ padding: 0 45px; display: flex; flex-direction: column; justify-content: center; }
#about-us-page .page-second-section .inner .left .like-img{ width: 420px; aspect-ratio: 420/520; max-width: 100%; background-color: #EEE; }


#about-us-page .page-third-section{ position: relative; }
#about-us-page .page-third-section:before{
    content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: #FFF;
}
#about-us-page .page-third-section .inner{
    background-color: #FFF; margin: 0 80px; position: relative;
}
#about-us-page .page-third-section .img-wrapper{ position: absolute; width: 100%; height: 100%; }
#about-us-page .page-third-section .img-wrapper img{ width: 100%; height: 100%; object-fit: cover; }
#about-us-page .page-third-section .content-wrapper{ padding: 9vh 90px; position: relative; z-index: 2; opacity: .9; }

#about-us-page .page-third-section .content-wrapper .title{ font-size: 40px; line-height: 1; margin-bottom: 30px; }
#about-us-page .page-third-section .content-wrapper .title span{ display: block; }
#about-us-page .page-third-section .content-wrapper .title span:nth-child(1){ font-family: Poppins-Light; }
#about-us-page .page-third-section .content-wrapper .title span:nth-child(2){ font-family: Poppins-Bold; }
#about-us-page .page-third-section .content-wrapper .text{ font-size: 18px; font-family: Poppins; margin-bottom: 30px; }


#about-us-page .page-fourth-section{ position: relative; padding: 14vh 0 6vh 0;  }
#about-us-page .page-fourth-section:before{
    content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: #FFF;
}
#about-us-page .page-fourth-section .inner{
    background-color: #FFF; margin: 0 80px; position: relative;
}
#about-us-page .page-fourth-section .title{
    font-size: 40px; line-height: 1; margin-bottom: 30px; color: rgba(1,41,121,1);
    margin-top: 120px;
}
#about-us-page .page-fourth-section .title span{ display: block; }
#about-us-page .page-fourth-section .title span:nth-child(1){ font-family: Poppins-Light; }
#about-us-page .page-fourth-section .title span:nth-child(2){ font-family: Poppins-Bold; }
#about-us-page .page-fourth-section .text{ font-size: 18px; font-family: Poppins; margin-bottom: 30px; }
#about-us-page .page-fourth-section .text p{ margin-bottom: 60px; }
#about-us-page .page-fourth-section .left, #about-us-page .page-fourth-section .right{
    display: flex; flex-direction: column; align-items: center;
}
#about-us-page .page-fourth-section .text ul{ list-style-type: none; margin: 0; padding: 0; }
#about-us-page .page-fourth-section .text ul li{ margin: 0; position: relative; margin-bottom: 30px; }
#about-us-page .page-fourth-section .text ul li::before{
    content: ''; /* Pseudo-element için boş içerik */
    position: absolute; /* Konumlandırma için */
    left: -30px; /* Daireyi liste metninin soluna hizalamak için */
    top: 14px; /* Daireyi dikey olarak ortalamak için */
    transform: translateY(-50%); /* Tam dikey ortalama için */

    width: 12px; /* Dairenin genişliği */
    height: 12px; /* Dairenin yüksekliği */
    border: 2px solid rgba(0,136,249,1); /* Dairenin kenar rengi ve kalınlığı */
    border-radius: 50%; /* Daire şekli */
    background-color: transparent; /* Dairenin içini boş bırakıyoruz */
}

#about-us-page .subject-title{ font-size: 40px; font-family: Poppins-Light; margin-bottom: 30px; }
#about-us-page .subject-description{ font-size: 22px; line-height: 1.5; font-family: Poppins; opacity: .9; margin-bottom: 30px; }
#about-us-page .subject-content p:nth-child(1){ font-size: 18px !important; font-family: Poppins-Light !important; line-height: 1.8 !important; }
#about-us-page .subject-description p:nth-child(1){  }
#about-us-page .images-wrapper{ margin-top: 5px; height: 80px; position: relative; display: flex; gap: 5px; overflow-x: auto; z-index: 1; }
#about-us-page .images-wrapper img{ height: 100%; cursor: pointer; transition: .4s; border-radius:6px;  }
#about-us-page .images-wrapper img:hover{ filter: brightness(.7); }
#about-us-page .img-wrapper > a > img{ transition: .4s; }
#about-us-page .img-wrapper > a > img:hover{ filter: brightness(.7); }

/**********************************************************************************************************************/
/************************************************* Our Services Page **************************************************/
/**********************************************************************************************************************/
#our-services-page{
    background-color: var(--color2); overflow: hidden; position: relative; z-index: 0;
    margin-top: -108px; width: 100%;
}
#our-services-page .cw-type-1{}
#our-services-page .cw-type-1 .title{ font-size: 40px; line-height: 1; margin-bottom: 30px; font-family: Poppins-Light; }
#our-services-page .cw-type-1 .title b{ font-family: Poppins-Bold; font-weight: 500; }
#our-services-page .cw-type-1 .title span:nth-child(1){  }
#our-services-page .cw-type-1 .title span:nth-child(2){ font-family: Poppins-Bold; }
#our-services-page .cw-type-1 .text{ font-size: 18px; font-family: Poppins-Light; margin-bottom: 30px; }
#our-services-page .cw-type-1 .right-arrow{
    border-width: 0 2px 2px 0; border-color: var(--color1); display: inline-block;
    height: 36px; width: 36px; border-style: solid; rotate: -45deg; transition: .6s ease-out;
    margin: 0 0 0 0;
}
/* Left Skew Column */
#our-services-page #left-skew-column{
    position: absolute; top: 0; left: -10.9%; z-index: 2;
    width: var(--type-1-box-1-width); height: calc(100vh * 2.35); transform: skewX(var(--skewX1));
}
#our-services-page #left-skew-column .image-wrapper{
    position: absolute; transform: skewX(-162deg); top: 100vh; right: -174%;
}
#our-services-page #left-skew-column .image-wrapper img{ height: 50vh;}
#our-services-page #left-skew-column .decoration-box-3{
    position: absolute; height: 28vh; width: 88px; background-color: var(--color3);
    right: 5vw; bottom: -3vh; transform: skewX(160.5deg); z-index: -1;
}
/* Left White Skew Column */
#left-white-skew-column{
    position: absolute; top: 0; left: -10.9%; background-color: #FFF; z-index: 2;
    width: var(--type-1-box-1-width); height: calc(100vh * 2.35); transform: skewX(var(--skewX1));
}
#left-white-skew-column:after{
    content: ''; position: absolute; left: -122px; top: 0; width: 75%; height: 50%; background-color: #FFF;
    transform: skewX(calc(var(--skewX1) * -1)); z-index: 1;
}
#left-white-skew-column .decoration-box-1{
    position: absolute; height: 19vh; width: 66px; background-color: var(--color3);
    top: calc(53vh * 1.27); right: -33px; z-index: 3;
}
#left-white-skew-column .decoration-box-2{
    mix-blend-mode: multiply; position: absolute; top: calc(100vh * 1.27); right: -66px; z-index: 3;
}
#left-white-skew-column .decoration-box-2 > .inner{
    height: 125vh; width: 66px; background-color: rgb(0 30 78); opacity: .3;
}
#our-services-page .svg-wrapper-5{
    position: absolute; top: -71px; left: 24vw; transform: scale(.87);
    animation-name: opacity-1-to-0092; /* Animasyonun adı */
    animation-duration: 3s; /* Animasyon süresi: 2 saniye */
    animation-timing-function: ease-out; /* Geçişin yumuşaklığı */
    animation-fill-mode: forwards; /* Animasyon bittiğinde son durumu koru */
    opacity: 1; /* Başlangıç opacity değeri */
}
#our-services-page .top-section-left-wrapper{
    position: absolute; top: 0; left: 0; width: var(--type-1-box-1-width); height: 100vh; display: flex;
    align-items: center;
    z-index: 3;
}
#our-services-page .top-section-left-wrapper .inner{ margin-left: 80px; margin-right: 80px; }
#our-services-page .page-top-section{
    position: relative; z-index: 1; height: 100vh; display: flex; align-items: center;
}
#our-services-page .page-top-section .right{ text-align: right; }
#our-services-page .page-top-section .right .title{
    color: #FFF; font-size: 100px; margin-right: calc(100vh / 4); margin-bottom: 6px; line-height: 1;
    transform: translateY(17px); font-family: Poppins-Thin; font-weight: 200;
}
#our-services-page .page-top-section .right img{ transform: translateX(calc(var(--bs-gutter-x) * .5)); height: 54vh; }


#our-services-page .page-second-section{ margin-bottom: 22vh; height: 50vh; display: flex; align-items: center; }
#our-services-page .page-second-section .inner{ margin: 5vh 9vw 0 100px; display: flex; justify-content: end; }
#our-services-page .page-second-section .content-wrapper{ width: 275px; color: #FFF; }


#our-services-page .page-third-section{ margin-bottom: 22vh;  }
#our-services-page .page-third-section .left{ display: flex; align-items: center; justify-content: center; }
#our-services-page .page-third-section .inner{ margin: 0 0 0 100px; }
#our-services-page .page-third-section .content-wrapper{ color: #FFF; width: 275px; margin-top: 5vh; }
#our-services-page .page-third-section .img-wrapper{ text-align: right; }
#our-services-page .page-third-section .img-wrapper img{ height: 50vh; transform: translateX(calc(var(--bs-gutter-x) * .5)) }


#our-services-page .page-fourth-section{ margin-bottom: 22vh; }
#our-services-page .page-fourth-section .left{  }
#our-services-page .page-fourth-section .right{ display: flex; align-items: center; justify-content: center; }
#our-services-page .page-fourth-section .content-wrapper{ color: #FFF; width: 275px; margin-top: 5vh; }
#our-services-page .page-fourth-section .content-wrapper .decoration-box-1{}
#our-services-page .page-fourth-section .img-wrapper{ position: relative; display: inline-block; }
#our-services-page .page-fourth-section .img-wrapper img{ height: 50vh; transform: translateX(calc(var(--bs-gutter-x) * -0.5)); }
#our-services-page .page-fourth-section .img-wrapper .decoration-box-1{
    height: 40px; width: 300px; transform: skewX(var(--skewX1)); background-color: var(--color3);
    position: absolute; bottom: -39px; left: -20px;
}
#our-services-page .page-fourth-section .img-wrapper .decoration-box-2{
    height: 260px; width: 260px; transform: skewX(160deg); background-color: #001a9d;
    position: absolute; top: -30px; right: 10px; z-index: -1;
}




/**********************************************************************************************************************/
/*************************************************** Products Page ****************************************************/
/**********************************************************************************************************************/
#products-page{
    background-color: var(--color2); overflow: hidden; margin-top: -108px; width: 100%; position: relative;
}
#products-page #left-white-skew-column{ z-index: 0; }
#products-page .svg-wrapper-4{
    position: absolute; top: -194px; left: 0;
    transform: scale(.88); z-index: 1;
    animation-name: opacity-1-to-02; /* Animasyonun adı */
    animation-duration: 3s; /* Animasyon süresi: 2 saniye */
    animation-timing-function: ease-out; /* Geçişin yumuşaklığı */
    animation-fill-mode: forwards; /* Animasyon bittiğinde son durumu koru */
    opacity: 1; /* Başlangıç opacity değeri */
}
#products-page .svg-wrapper-5{
    position: absolute; top: -71px; left: 24vw;
    transform: scale(.88); z-index: 1;
    animation-name: opacity-1-to-0092; /* Animasyonun adı */
    animation-duration: 3s; /* Animasyon süresi: 2 saniye */
    animation-timing-function: ease-out; /* Geçişin yumuşaklığı */
    animation-fill-mode: forwards; /* Animasyon bittiğinde son durumu koru */
    opacity: 1; /* Başlangıç opacity değeri */
}
#products-page .page-top-section{ position: relative; z-index: 2; background-color: #FFF; margin-top: 337px;  }
#products-page .page-top-section .inner{ margin: 0 100px; }
#products-page .items-table{ padding-top: 60px;  }
#products-page .items-table > .title{
    position: absolute; right: calc((100vh / 4) + 10px);
    top: -100px; color: #FFF; z-index: 1; font-size: 100px; font-family: Poppins-Thin; font-weight: 100;
}
/*#products-page .items-table > .title:before{
    content: "Ürünler"; color: #003dad; font-family: Poppins-Bold;
    position: absolute; right: 114px; top: -101px; font-size: 200px; z-index: -1;
    opacity: 0;
    animation-name: opacity-0-to-1;
    animation-duration: 3s;
    animation-delay: .5s;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
}*/
#products-page .items-table .header{ margin-bottom: 30px;}
#products-page .items-table .header .table-title{
    font-family: Poppins; font-size: 26px; background-color: #f4f4f4;
    display: flex; align-items: center; justify-content: center;
}
#products-page .items-table .header .table-title .text{
    color: #FFF; padding: 8px 0 8px 45px; background-color: #0443cd; width: 120%; text-align: left;
    position: relative;
}
#products-page .items-table .header .table-title .text:after{
    content: ''; position: absolute; top: 0; right: -10px; width: 30px; height: 100%; background-color: #0443cd;
    transform: skewX(var(--skewX1)); border-right: 14px solid #0281fe;
}
#products-page .items-table .header .table-title .piece{ color: rgba(4,67,205,1); width: 80%; text-align: center; }
#products-page .items-table .header .search-form{ background-color: #f4f4f4; height: 100%; }
#products-page .items-table .header .search-form .input-group{ height: 100%; }
#products-page .items-table .header .search-form button{ border: 0; color: rgba(0,136,249,1); }
#products-page .items-table .header .search-form button i{ font-size: 26px;  }
#products-page .items-table .header .search-form input{ border: 0; background-color: transparent; font-size: 20px; }
#products-page .items-table .categories-wrapper{
    background-color: #f4f4f4; margin-right: 15px; padding: 45px 20px 30px 30px; border-bottom: 20px solid var(--color2);
}
#products-page .items-table .categories-title{ margin-bottom: 30px; color: rgba(4,67,205,1); font-family: Poppins-Medium; }
#products-page .items-table .categories-list{  }
#products-page .items-table .categories-list{ list-style-type: none; }
#products-page .items-table .categories-list li{ margin-bottom: 15px; position: relative;}
#products-page .items-table .categories-list li a{
    text-decoration: none; color: inherit; font-family: Poppins; opacity: .8;
    display: flex; font-size: 16px; justify-content: space-between;
}
#products-page .items-table .categories-list li a:hover{ color: rgba(0,136,249,1); }
#products-page .items-table .categories-list li a .name{ font-family: Poppins; padding-right: 5px; }
#products-page .items-table .categories-list li a .piece{  }
#products-page .items-table .categories-list li.active:before{ background-color: rgba(0,136,249,1);  }
#products-page .items-table .categories-list li:before{
    content: ""; position: absolute; left: -30px; top: 5px; height: 11px; width: 11px; border: 2px solid rgba(0,136,249,1); border-radius: 50%;
}
#products-page .items-table .item{
    background-color: #f4f4f4; padding: 20px; margin-bottom: 30px; display: block; text-decoration: none; color: inherit;
    border-bottom: 20px solid var(--color2); transition: .2s ease-out;
}
#products-page .items-table .item:hover{ border-bottom: 20px solid #0280fd; }
#products-page .items-table .item:hover .code{ color: #0280fd !important; }
#products-page .items-table .item:hover .title{ color: #0280fd !important; }
#products-page .items-table .item .img-wrapper{}
#products-page .items-table .item .img-wrapper img{ width: 100%; margin-bottom: 30px; aspect-ratio: 1 / 1; object-fit: cover; }
#products-page .items-table .item .content-wrapper{}
#products-page .items-table .item .content-wrapper .code{
    color: rgba(0,50,149,1); font-family: Poppins-Light; font-size: 25px; line-height: 1; transition: .2s ease-out;
    display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 5px;
}
#products-page .items-table .item .content-wrapper .title{
    color: rgba(0,50,149,1); font-family: Poppins-Bold; font-size: 22px; line-height: 1; margin-bottom: 15px;
    transition: .2s ease-out;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: 42px;
}
#products-page .items-table .item .content-wrapper .sub{ font-family: Poppins; opacity: .8; }
#products-page .items-table .body{}
#products-page .items-table .pagination-wrapper{ padding: 30px 0 50px 0; }
#products-page .items-table .pagination{ justify-content: center; }
#products-page .items-table .pagination li{  }
#products-page .items-table .pagination li.active{   }
#products-page .items-table .pagination li a{ border-radius: 0; }




/**********************************************************************************************************************/
/*************************************************** Support Page *****************************************************/
/**********************************************************************************************************************/
#support-page{ margin-top: -108px; }
#support-page #left-white-skew-column{ z-index: 0; }
#support-page #left-white-skew-column .decoration-box-1{ display: none; }
#support-page .svg-wrapper-4{
    position: absolute; top: -194px; left: 0;
    transform: scale(.88); z-index: 1;
    animation-name: opacity-1-to-02; /* Animasyonun adı */
    animation-duration: 3s; /* Animasyon süresi: 2 saniye */
    animation-timing-function: ease-out; /* Geçişin yumuşaklığı */
    animation-fill-mode: forwards; /* Animasyon bittiğinde son durumu koru */
    opacity: 1; /* Başlangıç opacity değeri */
}
#support-page .svg-wrapper-5{
    position: absolute; top: -71px; left: 24vw;
    transform: scale(.88); z-index: 1;
    animation-name: opacity-1-to-0092; /* Animasyonun adı */
    animation-duration: 3s; /* Animasyon süresi: 2 saniye */
    animation-timing-function: ease-out; /* Geçişin yumuşaklığı */
    animation-fill-mode: forwards; /* Animasyon bittiğinde son durumu koru */
    opacity: 1; /* Başlangıç opacity değeri */
}

#support-page .page-top-img{ position: absolute; top: 0; right: 0; height: 100vh; }
#support-page .page-top-section{ margin-top: 36vh; position: relative; z-index: 2; }
#support-page .page-top-section > .container-fluid > .inner{  }
#support-page .page-top-section > .container-fluid > .inner > .title{
    position: absolute; right: 60vh;);
    top: -100px; color: #FFF; z-index: 1; font-size: 100px; font-family: Poppins-Thin; font-weight: 100;
}

/* Warranty Inquiry Wrapper */
#support-page .page-top-section .warranty-inquiry-wrapper{
    height: 800px; width: 58.33333333%; position: relative; display: flex; justify-content: center; align-items: center;
}
#support-page .page-top-section .warranty-inquiry-wrapper .decoration-background{
    position: absolute; left: 0; top: 0; z-index: 0;
    height: 100%; width: 100%; transform: skewX(var(--skewX1)); background-color: #f4f4f4;
}
#support-page .page-top-section .warranty-inquiry-wrapper .inner{
    position: relative; z-index: 2; margin-top: -150px;
}
#support-page .page-top-section .warranty-inquiry-wrapper .title{
    color: rgba(2,50,149,1); font-size: 40px; font-family: Poppins-Bold; margin-bottom: 30px;
}
#support-page .page-top-section .warranty-inquiry-wrapper p.big{
    font-size: 24px; font-family: Poppins; margin-bottom: 5px;
}
#support-page .page-top-section .warranty-inquiry-wrapper p.small{
    font-size: 20px; font-family: Poppins-Light; opacity: .7; margin-bottom: 45px;
}
#support-page .page-top-section .warranty-inquiry-wrapper .warranty-inquiry-form{
    text-align: right;
}
#support-page .page-top-section .warranty-inquiry-wrapper .warranty-inquiry-form input{
    border: 1px solid rgba(14,98,228,1); border-radius: 0; border-left-width: 6px; margin-bottom: 30px;
}
#support-page .page-top-section .warranty-inquiry-wrapper .warranty-inquiry-form button{
    width: 150px; background-color: #065be3;
}
#support-page .page-top-section .warranty-inquiry-wrapper .warranty-inquiry-form button:hover{
    background-color: #044ec5;
}


#support-page .page-second-section{ margin-top: 160px; margin-bottom: 160px; position: relative; }
/* Service Record Inquiry */
#support-page .page-second-section .service-record-inquiry{
    display: flex; justify-content: center; align-items: center;
}
#support-page .page-second-section .service-record-inquiry .inner{ position: relative; z-index: 2; }
#support-page .page-second-section .service-record-inquiry .title{
    color: rgba(2,50,149,1); font-size: 40px; font-family: Poppins-Bold; margin-bottom: 30px;
}
#support-page .page-second-section .service-record-inquiry p.big{
    font-size: 24px; font-family: Poppins; margin-bottom: 5px;
}
#support-page .page-second-section .service-record-inquiry p.small{
    font-size: 20px; font-family: Poppins-Light; opacity: .7; margin-bottom: 45px;
}
#support-page .page-second-section .service-record-inquiry .service-record-form{
    text-align: right;
}
#support-page .page-second-section .service-record-inquiry .service-record-form input{
    border: 1px solid rgba(14,98,228,1); border-radius: 0; border-left-width: 6px; margin-bottom: 30px;
}
#support-page .page-second-section .service-record-inquiry .service-record-form button{
    width: 150px; background-color: #065be3;
}
#support-page .page-second-section .service-record-inquiry .service-record-form button:hover{
    background-color: #044ec5;
}
/* Service Record Inquiry */
#support-page .page-second-section .image-wrapper{
    display: inline-block; position: relative;
}
#support-page .page-second-section .image-wrapper .svg-wrapper-3{ position: absolute; top: -62px; right: 388px; }
#support-page .page-second-section .image-wrapper .grey-skew-box{
    position: absolute; top: -130px; right: 54px; width: 400px; height: 600px; background-color: #f4f4f4;
    transform: skewX(var(--skewX1)); z-index: -1;
}
#support-page .page-second-section .svg-wrapper-4{
    top: -151px; left: 45vw; scale: 1; z-index: -1;
}




/**********************************************************************************************************************/
/*************************************************** Contact Page *****************************************************/
/**********************************************************************************************************************/
#contact-page{ margin-top: -108px; position: relative; background-color: var(--color2); overflow: hidden; }

#contact-page .svg-wrapper-4{
    position: absolute; top: -194px; left: 0;
    transform: scale(.88); z-index: 1;
    animation-name: opacity-1-to-02; /* Animasyonun adı */
    animation-duration: 3s; /* Animasyon süresi: 2 saniye */
    animation-timing-function: ease-out; /* Geçişin yumuşaklığı */
    animation-fill-mode: forwards; /* Animasyon bittiğinde son durumu koru */
    opacity: 1; /* Başlangıç opacity değeri */
}
#contact-page .svg-wrapper-5{
    position: absolute; top: -71px; left: 24vw;
    transform: scale(.88); z-index: 1;
    animation-name: opacity-1-to-0092; /* Animasyonun adı */
    animation-duration: 3s; /* Animasyon süresi: 2 saniye */
    animation-timing-function: ease-out; /* Geçişin yumuşaklığı */
    animation-fill-mode: forwards; /* Animasyon bittiğinde son durumu koru */
    opacity: 1; /* Başlangıç opacity değeri */
}
#contact-page #left-white-skew-column{ z-index: 0; }

#contact-page .page-top-section{ position: relative; z-index: 2; margin-top: 337px; }
#contact-page .page-top-section > .container-fluid{ }
#contact-page .page-top-section > .container-fluid > .inner{
    background-color: #FFF; font-family: Poppins; position: relative; padding: 9vh 60px; margin: 0 80px;
}
#contact-page .page-top-section > .container-fluid > .inner > .title{
    position: absolute; right: calc((100vh / 4) + 10px);
    top: -100px; color: #FFF; z-index: 1; font-size: 100px; font-family: Poppins-Thin; font-weight: 100;
}
#contact-page .area-title{ color: rgba(2,50,149,1); font-size: 40px; font-family: Poppins; margin-bottom: 30px; }
#contact-page .left-inner-wrapper{ margin: 0 30px; }
#contact-page .right-inner-wrapper{ margin: 0 30px; }
#contact-page .contact-form{}
#contact-page .contact-form label{ font-family: Poppins; font-size: 20px; opacity: .8; }
#contact-page .contact-form input{
    border: 1px solid rgba(14,98,228,1); border-radius: 0; border-left-width: 6px; margin-bottom: 15px;
}
#contact-page .contact-form textarea{
    border: 1px solid rgba(14,98,228,1); border-radius: 0; border-left-width: 6px; margin-bottom: 15px;
}
#contact-page .contact-form button{ width: 150px; background-color: #065be3; }
#contact-page .contact-form button:hover{ background-color: #044ec5; }
#contact-page .contact-form .form-button-wrapper{ text-align: right; margin-top: 15px; }

#contact-page .right-inner-wrapper{ font-size: 18px; font-family: Poppins; }
#contact-page .right-inner-wrapper .item{ margin-bottom: 10px; }
#contact-page .right-inner-wrapper .item a{ text-decoration: none; }
#contact-page .right-inner-wrapper .item a:hover{ text-decoration: underline; }
#contact-page .right-inner-wrapper span.icon{ display: inline-block; width: 32px; }
#contact-page .right-inner-wrapper span.icon i{ color: #0088f9; }
#contact-page .right-inner-wrapper span.title{ font-family: Poppins-Bold; opacity: .8; }
#contact-page .right-inner-wrapper span.text{ opacity: .8; }


#contact-page #page-maps-section{ position: relative; width: 100%; }
#contact-page #page-maps-section > .container-fluid{ }
#contact-page #page-maps-section > .container-fluid > .inner{ margin: 0 80px; position: relative; padding: 0 60px 60px 60px; background-color: #FFF;  }
#contact-page #page-maps-section #maps{ width: 100%; line-height: 0; }
#contact-page #page-maps-section #maps iframe{ height: 400px; width: 100%; margin-bottom: 0; padding-bottom: 0; border: solid rgba(14, 98, 228, 0.11); border-width: 1px 1px 1px 1px; }


/* Page Section */
.page-section{ position: relative; padding: 0; min-height: 100vh; height: 100vh; }
.page-section-100vh{ min-height: 100vh; height: 100vh; position: relative; }
.page-section-top-content{ min-height: calc(100vh - 108px); height: calc((100vh / 4) - 80px); position: relative; }
.page-section > .inner{ padding: 120px 0; }


/* Main Slider */
#main-slider .item:nth-child(1) img{ margin-right: 42px; }
#main-slider .item:nth-child(3) img{ margin-right: 42px; }


/***********************************************************************************************************************
**************************************************** COMPONENT AREA ****************************************************
***********************************************************************************************************************/
/* Component: BackgroundPattern1 */
.background-pattern-1{
    position: absolute; top: 0; left: 0; width: 100%; height: 100vh; z-index: -1; overflow: hidden;
}
.background-pattern-1 .box-1{
    position: absolute; width: calc(100% - var(--box-2-width)); height: 100%; left: 0; top: 0; background-color: #FFF;
    transform: skewX(var(--skewX1)); z-index: 3; text-align: right;
}
.background-pattern-1 .box-1 .decorative-box-1{
    height: 20.8vh; width: 10.4vw; background-color: var(--color3);
    position: absolute; top: 28vh; left: 13vw;
}
.background-pattern-1 .box-1 .decorative-box-2{
    position: absolute; bottom: 23.8vh; left: 48.8vw;
    width: 4.3vw; height: 23.3vh; background-color: var(--color1);
}
.background-pattern-1 .company-name{ position: absolute; bottom: -30px; right: 0; z-index: 2; text-align: right; }
.background-pattern-1 .company-name img{ width: 94%; }
.background-pattern-1 .box-2{
    position: absolute; width: var(--box-2-width); height: 100%; right: 0; top: 0; background-color: var(--color2);
    transform: skewX(var(--skewX1)); /*clip-path: var(--polygon-1);*/
    display: flex; align-items: end; justify-content: end; z-index: 1;
}
.background-pattern-1 .box-2:after{
    content: ""; display: block; position: absolute; bottom: 0; right: -1px; width: 50%; height: 100%;
    background-color: var(--color2); z-index: 1; transform: skewX(calc(var(--skewX1) * -1));
}
.background-pattern-1 .svg-wrapper{
    position: absolute; top: -43px; left: calc(100% - var(--box-2-width) - 144px); z-index: 1;
    opacity: 0.182; transform: scale(.85);
}

/* Component: BackgroundPattern2 */
.background-pattern-2{
    position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; overflow: hidden;
}
.background-pattern-2 .box-1{
    position: absolute; width: calc(100% - var(--bg2-box-2-width)); height: 100%; left: 0; top: 0; background-color: var(--color1);
    transform: skewX(var(--skewX1)); z-index: 3; text-align: right;
}
.background-pattern-2 .box-1::after{
    content: ""; display: block; position: absolute; bottom: 0; left: -1px; width: 50%; height: 100%;
    background-color: var(--color1); z-index: 1; transform: skewX(calc(var(--skewX1) * -1));
}
/*.background-pattern-2 .box-1 .decorative-box-1{
    height: 198px; width: 198px; background-color: var(--color3); display: inline-block; margin: 24vh 4.5vw 0 0;
}
.background-pattern-2 .box-1 .decorative-box-2{
    position: absolute; bottom: 224px; right: -468px;
    width: 82px; height: 222px; background-color: var(--color1);
}*/

.background-pattern-2 .box-2{
    position: absolute; width: var(--bg2-box-2-width); height: 100%; right: 0; top: 0; background-color: #FFF;
    transform: skewX(var(--skewX1)); /*clip-path: var(--polygon-1);*/
    display: flex; align-items: end; justify-content: end; z-index: 1;
}
.background-pattern-2 .box-2:after{
    content: ""; display: block; position: absolute; bottom: 0; right: -1px; width: 50%; height: 100%;
    background-color: #FFF; z-index: 1; transform: skewX(calc(var(--skewX1) * -1));
}


/* Component: Svg1 */
.svg-wrapper-1{ }
.svg-wrapper-1 #aak {
    fill: transparent; stroke: rgba(162,162,162,1); stroke-width: 2px; stroke-linejoin: miter; stroke-linecap: butt;
    stroke-miterlimit: 4; shape-rendering: auto;
}
.svg-wrapper-1 .aak {
    overflow: visible; position: absolute; width: 467.392px; height: 350.114px; left: 239.367px; top: 340.328px;
    transform: matrix(1, 0, 0, 1, 0, 0);
}
.svg-wrapper-1 #aal {
    fill: transparent; stroke: rgba(162,162,162,1); stroke-width: 2px; stroke-linejoin: miter; stroke-linecap: butt;
    stroke-miterlimit: 4; shape-rendering: auto;
}
.svg-wrapper-1 .aal {
    overflow: visible; position: absolute; width: 467.391px; height: 350.114px; left: 600.827px; top: 952.027px;
    transform: matrix(1,0,0,1,0,0);
}
.svg-wrapper-1 #aam {
    fill: transparent; stroke: rgba(162,162,162,1); stroke-width: 2px; stroke-linejoin: miter; stroke-linecap: butt;
    stroke-miterlimit: 4; shape-rendering: auto;
}
.svg-wrapper-1 .aam {
    overflow: visible; position: absolute; width: 467.293px; height: 350.079px; left: 832.801px; top: 0px;
    transform: matrix(1,0,0,1,0,0);
}
.svg-wrapper-1 #aan {
    fill: transparent; stroke: rgba(162,162,162,1); stroke-width: 2px; stroke-linejoin: miter; stroke-linecap: butt;
    stroke-miterlimit: 4; shape-rendering: auto;
}
.svg-wrapper-1 .aan {
    overflow: visible; position: absolute; width: 735.711px; height: 551.142px; left: 311.375px; top: 479.627px;
    transform: matrix(1,0,0,1,0,0);
}
.svg-wrapper-1 #aao {
    fill: transparent; stroke: rgba(162,162,162,1); stroke-width: 2px; stroke-linejoin: miter; stroke-linecap: butt;
    stroke-miterlimit: 4; shape-rendering: auto;
}
.svg-wrapper-1 .aao {
    overflow: visible; position: absolute; width: 142.638px; height: 203.03px; left: 917.515px; top: 657.575px;
    transform: matrix(1,0,0,1,0,0);
}
.svg-wrapper-1 #aap {
    fill: transparent; stroke: rgba(162,162,162,1); stroke-width: 2px; stroke-linejoin: miter; stroke-linecap: butt;
    stroke-miterlimit: 4; shape-rendering: auto;
}
.svg-wrapper-1 .aap {
    overflow: visible; position: absolute; width: 271.163px; height: 203.112px; left: 0px; top: 827.657px;
    transform: matrix(1,0,0,1,0,0);
}


/* Component: Svg2 */
.svg-wrapper-2{
    position: absolute; width: 1297px; height: 1300px; right: 0; top: -71.208px;
    overflow: visible; z-index: 1;
}
.svg-wrapper-2 #aak {
    fill: transparent; stroke: rgba(216,216,216,1); stroke-width: 1px; stroke-linejoin: miter; stroke-linecap: butt;
    stroke-miterlimit: 4; shape-rendering: auto;
}
.svg-wrapper-2 .aak {
    overflow: visible; position: absolute; width: 467px; height: 350px; left: 239px; top: 340px;
    transform: matrix(1, 0, 0, 1, 0, 0);
}
.svg-wrapper-2 #aal {
    fill: transparent; stroke: rgba(216,216,216,1); stroke-width: 1px; stroke-linejoin: miter; stroke-linecap: butt;
    stroke-miterlimit: 4; shape-rendering: auto;
}
.svg-wrapper-2 .aal {
    overflow: visible; position: absolute; width: 467px; height: 350px; left: 601px; top: 952px;
    transform: matrix(1,0,0,1,0,0);
}
.svg-wrapper-2 #aam {
    fill: transparent; stroke: rgba(216,216,216,1); stroke-width: 1px; stroke-linejoin: miter; stroke-linecap: butt;
    stroke-miterlimit: 4; shape-rendering: auto;
}
.svg-wrapper-2 .aam {
    overflow: visible; position: absolute; width: 467px; height: 350px; left: 833px; top: 0;
    transform: matrix(1,0,0,1,0,0);
}
.svg-wrapper-2 #aan {
    fill: transparent; stroke: rgba(216,216,216,1); stroke-width: 1px; stroke-linejoin: miter; stroke-linecap: butt;
    stroke-miterlimit: 4; shape-rendering: auto;
}
.svg-wrapper-2 .aan {
    overflow: visible; position: absolute; width: 736px; height: 551px; left: 311px; top: 480px;
    transform: matrix(1,0,0,1,0,0);
}
.svg-wrapper-2 #aao {
    fill: transparent; stroke: rgba(216,216,216,1); stroke-width: 1px; stroke-linejoin: miter; stroke-linecap: butt;
    stroke-miterlimit: 4; shape-rendering: auto;
}
.svg-wrapper-2 .aao {
    overflow: visible; position: absolute; width: 143px; height: 203px; left: 918px; top: 658px;
    transform: matrix(1,0,0,1,0,0);
}
.svg-wrapper-2 #aap {
    fill: transparent; stroke: rgba(216,216,216,1); stroke-width: 1px; stroke-linejoin: miter; stroke-linecap: butt;
    stroke-miterlimit: 4; shape-rendering: auto;
}
.svg-wrapper-2 .aap {
    overflow: visible; position: absolute; width: 271px; height: 203px; left: 0; top: 828px;
    transform: matrix(1,0,0,1,0,0);
}


/* Component: Svg Wrapper 3 */
.svg-wrapper-3{  }
.svg-wrapper-3 > svg{ width: 216px; height: 121px; transform: matrix(1,0,0,1,0,0); }
.svg-wrapper-3 > svg > path{ fill: rgba(0,205,252,1); }


/* Component: Svg Icon Wrapper 1 */
.svg-icon-wrapper-1 {
    width: 78px;
    height: 90px;
    overflow: visible;
}
.svg-icon-wrapper-1 > .svg-1 > path {
    fill: rgba(255,255,255,1);
}
.svg-icon-wrapper-1 > .svg-1 {
    overflow: visible;
    position: absolute;
    width: 33px;
    height: 90px;
    left: 45px;
    top: 0;
    transform: matrix(1,0,0,1,0,0);
}
.svg-icon-wrapper-1 > .svg-2 > path {
    fill: rgba(255,255,255,1);
}
.svg-icon-wrapper-1 > .svg-2 {
    overflow: visible;
    position: absolute;
    width: 39px;
    height: 84px;
    left: 0;
    top: 6px;
    transform: matrix(1,0,0,1,0,0);
}




/* Component: Svg Icon Wrapper 2 */
.svg-icon-wrapper-2 {
    width: 53px;
    height: 98px;
    overflow: visible;
}
.svg-icon-wrapper-2 > .svg-1 > path {
    fill: rgba(255,255,255,1);
}
.svg-icon-wrapper-2 > .svg-1 {
    overflow: visible;
    position: absolute;
    width: 8px;
    height: 8px;
    left: 45px;
    top: 45px;
    transform: matrix(1,0,0,1,0,0);
}
.svg-icon-wrapper-2 > .svg-2 > path {
    fill: rgba(255,255,255,1);
}
.svg-icon-wrapper-2 > .svg-2 {
    overflow: visible;
    position: absolute;
    width: 23px;
    height: 38px;
    left: 30px;
    top: 30px;
    transform: matrix(1,0,0,1,0,0);
}
.svg-icon-wrapper-2 > .svg-3 > path {
    fill: rgba(255,255,255,1);
}
.svg-icon-wrapper-2 > .svg-3 {
    overflow: visible;
    position: absolute;
    width: 53px;
    height: 98px;
    left: 0;
    top: 0;
    transform: matrix(1,0,0,1,0,0);
}




/* Component: Svg Icon Wrapper 3 */
.svg-icon-wrapper-3 {
    width: 77.703px;
    height: 77.871px;
    overflow: visible;
}
.svg-icon-wrapper-3 > .svg-1 > path {
    fill: rgba(255,255,255,1);
}
.svg-icon-wrapper-3 > .svg-1 {
    overflow: visible;
    position: absolute;
    width: 27.828px;
    height: 20.85px;
    left: 14.337px;
    top: 20.383px;
    transform: matrix(1,0,0,1,0,0);
}
.svg-icon-wrapper-3 > .svg-2 > path {
    fill: rgba(255,255,255,1);
}
.svg-icon-wrapper-3 > .svg-2 {
    overflow: visible;
    position: absolute;
    width: 27.828px;
    height: 20.85px;
    left: 35.986px;
    top: 57.021px;
    transform: matrix(1,0,0,1,0,0);
}
.svg-icon-wrapper-3 > .svg-3 > path {
    fill: rgba(255,255,255,1);
}
.svg-icon-wrapper-3 > .svg-3 {
    overflow: visible;
    position: absolute;
    width: 27.823px;
    height: 20.847px;
    left: 49.88px;
    top: 0px;
    transform: matrix(1,0,0,1,0,0);
}
.svg-icon-wrapper-3 > .svg-4 > path {
    fill: rgba(255,255,255,1);
}
.svg-icon-wrapper-3 > .svg-4 {
    overflow: visible;
    position: absolute;
    width: 43.9px;
    height: 32.891px;
    left: 18.65px;
    top: 28.727px;
    transform: matrix(1,0,0,1,0,0);
}
.svg-icon-wrapper-3 > .svg-5 > path {
    fill: rgba(255,255,255,1);
}
.svg-icon-wrapper-3 > .svg-5 {
    overflow: visible;
    position: absolute;
    width: 8.377px;
    height: 12.041px;
    left: 54.955px;
    top: 39.385px;
    transform: matrix(1,0,0,1,0,0);
}
.svg-icon-wrapper-3 > .svg-6 > path {
    fill: rgba(255,255,255,1);
}
.svg-icon-wrapper-3 > .svg-6 {
    overflow: visible;
    position: absolute;
    width: 16.076px;
    height: 12.046px;
    left: 0px;
    top: 49.572px;
    transform: matrix(1,0,0,1,0,0);
}




/* Svg Wrapper 4 */
.svg-wrapper-4 { mix-blend-mode: multiply; overflow: visible; }
.svg-wrapper-4 svg{ overflow: visible; position: absolute; transform: matrix(1,0,0,1,0,0); }
.svg-wrapper-4 path{
    fill: transparent; stroke: rgba(162,162,162,1); stroke-width: 2px; stroke-linejoin: miter;
    stroke-linecap: butt; stroke-miterlimit: 4; shape-rendering: auto;
}
.svg-wrapper-4 .arw { width: 467.392px; height: 350.114px; left: 239.367px; top: 340.328px; }
.svg-wrapper-4 .arx { width: 467.391px; height: 350.114px; left: 600.827px; top: 952.028px; }
.svg-wrapper-4 .ary { width: 467.293px; height: 350.079px; left: 832.801px; top: 0px; }
.svg-wrapper-4 .arz { width: 735.711px; height: 551.142px; left: 311.375px; top: 479.627px; }
.svg-wrapper-4 .asa { width: 142.637px; height: 203.03px; left: 917.515px; top: 657.575px; }
.svg-wrapper-4 .asb { width: 271.163px; height: 203.112px; left: 0px; top: 827.657px; }




/* Svg Wrapper 5 */
.svg-wrapper-5 { overflow: visible; }
.svg-wrapper-5 svg{ overflow: visible; position: absolute; transform: matrix(1,0,0,1,0,0); }
.svg-wrapper-5 path{
    fill: transparent; stroke: rgba(255,255,255,1); stroke-width: 2px; stroke-linejoin: miter;
    stroke-linecap: butt; stroke-miterlimit: 4; shape-rendering: auto;
}
.svg-wrapper-5 .aov { width: 467.392px; height: 350.114px; left: 239.367px; top: 340.328px; }
.svg-wrapper-5 .aow { width: 467.391px; height: 350.114px; left: 600.827px; top: 952.027px; }
.svg-wrapper-5 .aox { width: 467.293px; height: 350.079px; left: 832.801px; top: 0px; }
.svg-wrapper-5 .aoy { width: 735.711px; height: 551.142px; left: 311.375px; top: 479.627px; }
.svg-wrapper-5 .aoz { width: 142.637px; height: 203.03px; left: 917.516px; top: 657.575px; }
.svg-wrapper-5 .apa { width: 271.164px; height: 203.112px; left: 0px; top: 827.657px; }




/* Component: aw-slider-1 */
.aw-slider-1{ height: 100%; width: 100%; position: relative; }
.aw-slider-1 .nav-wrapper{ width: 100%; }
.aw-slider-1 .nav-wrapper .button{
    position: absolute; width: 200px; height: 50%; top: 10%; z-index: 2;
    display: flex; align-items: center; justify-content: center; cursor: pointer; transition: .6s ease-out;
}
.aw-slider-1 .nav-wrapper span{
    display: inline-block; height: 44px; width: 44px; border-style: solid; rotate: -45deg; transition: .6s ease-out;
    margin: 0 0 0 0;
}
.aw-slider-1 .nav-wrapper .left-arrow { left : 2.5vw; }
.aw-slider-1 .nav-wrapper .left-arrow span{ border-width: 2px 0 0 2px; border-color: var(--color1); }
.aw-slider-1 .nav-wrapper .left-arrow:hover span{ margin: 0 50px 0 0; }
.aw-slider-1 .nav-wrapper .right-arrow{ right: 2.5vw; }
.aw-slider-1 .nav-wrapper .right-arrow span{ border-width: 0 2px 2px 0; border-color: var(--color1); }
.aw-slider-1 .nav-wrapper .right-arrow:hover span{ margin: 0 0 0 50px; }
.aw-slider-1 .indicator{ position: absolute; right: 300px; bottom: 310px; display: flex; gap: 12px; }
.aw-slider-1 .indicator span{
    transition: .1s ease-out; background-color: #FFF; height: 6px; width: 24px;
    display: inline-block; cursor: pointer;
}
.aw-slider-1 .indicator span.active{ background-color: var(--color1); width: 45px; cursor: default; }
.aw-slider-1 .items{ height: 100%; position: relative; }
.aw-slider-1 .items .item{
    position: absolute; left: 0; top: 0; height: 100%; width: 100%; opacity: 0;
    display: flex; transition: var(--slider-duration) ease-out;
}
.aw-slider-1 .items .item .img-wrapper{
    height: 100%; width: 55%; transition: var(--slider-duration) ease-out; transform: translate(-500px, 500px);
    display: flex; justify-content: end;
}
.aw-slider-1 .items .item .img-wrapper img{ height: 100%; }
.aw-slider-1 .items .item .content-wrapper{
    width: 45%; padding-right: 15.5vw; color: #FFF; transition: var(--slider-duration) ease-out; transform: translate(0, 200px);
    display: flex; flex-direction: column; align-items: end; justify-content: center; text-align: right;
}
.aw-slider-1 .items .item .content-wrapper .title{ font-size: 50px; font-family: Poppins-Medium; }
.aw-slider-1 .items .item .content-wrapper .text{ font-size: 22px; font-family: Poppins-Light; }

.aw-slider-1 .items .item.active{ opacity: 1; }
.aw-slider-1 .items .item.active .img-wrapper{ transform: translate(0, 0);  }
.aw-slider-1 .items .item.active .content-wrapper{ transform: translate(0, -70px); }

.aw-slider-1 .items .item.disappear{ opacity: 0; }
.aw-slider-1 .items .item.disappear .img-wrapper{ transform: translate(0, 0);  }
.aw-slider-1 .items .item.disappear .content-wrapper{ transform: translate(0, -570px); }




@keyframes opacity-1-to-02 {
    from { opacity: 1; }
    to   { opacity: 0.182; }
}
@keyframes opacity-1-to-0092 {
    from { opacity: 1; }
    to   { opacity: 0.092; }
}
@keyframes opacity-0-to-1 {
    from { opacity: 0; }
    to   { opacity: 1; }
}




@media only screen and (min-width: 1920px) {
    #our-solutions .background{ width: 36% }
    .background-pattern-1 .box-1 .decorative-box-2{
        bottom: 24.5vh;
    }
}
@media only screen and (min-width: 2560px) {
    #our-solutions .background{ width: 40% }
}

@media only screen and (max-width: 1500px){
    .aw-slider-1 .items .item .content-wrapper .title{ font-size: 40px; }
    .aw-slider-1 .items .item .content-wrapper .text{ font-size: 18px; }
    .aw-slider-1 .indicator{ bottom: 150px;  }
    
    .partner-text-wrapper .title{ font-size: 36px; }
    .partner-text-wrapper .text{ font-size: 16px; }
    
    .partner-footer .content-wrapper{ padding: 60px 0; }
    .partner-footer .content-wrapper .item .text-wrapper .text{ font-size: 28px; }
    .partner-footer .content-wrapper .item .text-wrapper .title{ font-size: 28px; }
    .partner-footer .content-wrapper .item .icon{ scale: .8; margin-right: 5px; }
    
    .partner-image-wrapper .grey-skew-box{ width: 280px; height: 478px; right: 44px; }
    .partner-image-wrapper img{ width: 500px !important; height: unset !important; }
    .partner-image-wrapper .svg-wrapper-3{ right: 250px; scale: .8; }
    .partner-icons-wrapper > .inner{ margin-left: 10px; }
    .partner-text-wrapper .icons-wrapper{ gap: 0px; }
    .partner-text-wrapper .icons-wrapper .item img{ scale: .8; }
    .partner-icons-wrapper .item > .inner img{ scale: .8;}
    
    .background-pattern-2 .box-1{ width: 38%; left: -16% }
    .background-pattern-1 .box-1 .decorative-box-1{ top: 32vh; left: 15vw; }
    
    #our-services-page .page-top-section .right .title{ font-size: 75px; }
    #our-services-page .page-top-section .right img{ height: 57vh; }
    #our-solutions .section-description{ font-size: 16px; }
    #our-services-page .top-section-left-wrapper .inner{ margin-top: 150px; }
    #our-solutions .section-title{ font-size: 34px; }
    #our-solutions .accordion .sliderLink h2{ font-size: 16px; }
    #our-solutions .accordion .sliderLink .description{ font-size: 13px; }
    #our-services-page .cw-type-1 .title{ font-size: 34px;  }
    #our-services-page .cw-type-1 .text{ font-size: 16px; }
    
    #frame-from-us .news-wrapper .right img{ height: 200px; }
    #frame-from-us .section-title{ font-size: 160px; }
    #frame-from-us .news-wrapper{ margin: -68px 50px 0 50px; }
    
    #frame-from-us .news-wrapper .right .item-title{ font-size: 16px; margin: 20px 0;  }
    #frame-from-us .news-wrapper .right .item-description{ font-size: 13px; margin-bottom: 20px; }
    #frame-from-us .news-wrapper .right .item-link{ font-size: 12px; }
    
    #about-us-page .page-top-section .inner .title{ font-size: 75px; top: -74px; }
    #about-us-page .subject-title{ font-size: 34px; }
    #about-us-page .subject-description{ font-size: 18px; }
    #about-us-page .subject-content p:nth-child(1){ font-size: 16px !important; }
    #about-us-page p{ font-size: 16px; }
    
    #products-page .items-table > .title{ font-size: 75px; top: -74px; }
    
    #support-page .page-top-img{ height: 118vh; }
    #support-page .page-top-section > .container-fluid > .inner > .title{ font-size: 75px; top: -74px; }
    #support-page .page-top-section .warranty-inquiry-wrapper .inner{ padding: 0 70px 0 115px; }
    #support-page .page-top-section .warranty-inquiry-wrapper .title{ font-size: 36px; }
    #support-page .page-top-section .warranty-inquiry-wrapper p.big{ font-size: 20px; }
    #support-page .page-top-section .warranty-inquiry-wrapper p.small{ font-size: 17px; }
    
    #support-page .page-second-section .service-record-inquiry .title { font-size: 36px; }
    #support-page .page-second-section .service-record-inquiry p.big  { font-size: 20px; }
    #support-page .page-second-section .service-record-inquiry p.small{ font-size: 17px; }
    #support-page .page-top-section .warranty-inquiry-wrapper .warranty-inquiry-form input{ font-size: 1rem; }
    #support-page .page-second-section .service-record-inquiry .service-record-form input{ font-size: 1rem; }
    
    #contact-page .page-top-section > .container-fluid > .inner > .title{ font-size: 75px; top: -74px; }
    #contact-page .area-title{ font-size: 36px; margin-bottom: 20px; }
    #contact-page .right-inner-wrapper{ font-size: 16px; }
    #contact-page .contact-form label{ font-size: 17px; }
    #contact-page .contact-form .form-control-lg{ font-size: 1rem; }
    #contact-page #page-maps-section > .container-fluid > .inner:before{
        content: ""; position: absolute; left: -80px; top: 0; width: 80px; height: 100%; background-color: #FFF;
    }
    
    #products-page .items-table .categories-title{ font-size: 1.25rem; }
    #products-page .items-table .categories-list li a{ font-size: 14px; }
    #products-page .items-table .header .table-title{ font-size: 22px; }
    #products-page .items-table .header .search-form input{ font-size: 16px; }
    #products-page .items-table .header .search-form button i{ font-size: 22px; }
    #products-page .items-table .item{ padding: 15px; }
    #products-page .items-table .item .img-wrapper img{ margin-bottom: 20px; }
    #products-page .items-table .item .content-wrapper .code{ font-size: 20px; }
    #products-page .items-table .item .content-wrapper .title{ font-size: 18px; height: 35px; }
    #products-page .items-table .item .content-wrapper .sub{ font-size: .8rem; }
    
    
    
    #footer .link-column .title{ font-size: 16px; }
    #footer .logo-column .text{ font-size: 14px; }
    #footer .link-column a{ font-size: 14px; }
    #footer .social-wrapper .title{ font-size: 16px; }
    #footer .copyright{ font-size: 12px; }
    #contact-page .contact-form button{ width: 130px; font-size: 16px;  }
    
    
    
}


@media only screen and (max-width: 1280px){
    #left-white-skew-column{ left: -16.9%;  }
    #about-us-page .page-top-section .inner:before{
        content: ""; position: absolute; left: -10px; top: 0; width: 100%; height: 100%; background-color: #FFF;
    }
    #our-services-page .top-section-left-wrapper .inner{ margin-left: 36px; }
}


/* Phone CSS */
@media only screen and (max-width: 768px){

    /* general */
    .desktop-only { display: none !important; }

    #main-nav .offcanvas-body #main-navbar-nav{ margin-left: 0 !important; }
    #main-nav .offcanvas-body .bottom{ margin-top: auto; text-align: center; margin-bottom: 30px; display: block; }

    #footer{ padding: 30px 0 0 0; overflow: hidden; }
    #footer .logo-column{  }
    #footer .logo-column .text{ display: none; }
    #footer .logo-column > .inner{ padding: 30px 0 0 30px; display: flex; }
    #footer .logo-wrapper{ width: 66.6% }
    #footer .logo-wrapper > img{ width: 160px; }
    #footer .logo-column > .inner .social-wrapper.mobile-only{
        display: block !important;
    }
    #footer .logo-column > .inner .social-wrapper.mobile-only > .inner{
        padding: 0; width: 90px;
    }
    #footer .logo-column > .inner .social-wrapper.mobile-only .title{
        margin-bottom: 5px; font-size: 12px; text-align: center;
    }
    #footer .logo-column > .inner .social-wrapper.mobile-only .icons-list{
        flex-wrap: wrap; justify-content: center; column-gap: 15px; row-gap: 0;
    }
    #footer .logo-column > .inner .social-wrapper.mobile-only .icons-list > a{
        width: 30px; height: 30px;
    }
    #footer .logo-column > .inner .social-wrapper.mobile-only .icons-list > a > i{
        font-size: 20px;
    }
    #footer .links-wrapper > .inner{ transform: translateX(calc(var(--bs-gutter-x) * .5)); height: unset; }
    #footer .link-column > .inner{ padding: 30px 13px 30px 30px; }
    #footer .link-column .line-1{ margin-bottom: 60px; }
    #footer .link-column .title{ font-size: 12px; margin-bottom: 10px; }
    #footer .link-column a{ font-size: 11px; margin-bottom: 10px;}
    #footer > .container-fluid > .inner{ margin: 0 0 0 0; }
    #footer .copyright{ position: static; top: 0; }
    #footer .copyright .inner{ margin: 0; padding: 0; border-top: 0;}

    #footer .copyright-wrapper.mobile-only{ display: flex; }
    #footer .copyright-wrapper.mobile-only span{ font-size: 10px; letter-spacing: 0; opacity: .7; white-space: nowrap; }
    #footer .copyright-wrapper.mobile-only a{
        display: inline; margin: 0 20px 0 0;  letter-spacing: 0;  font-size: 11px; opacity: .7; font-size: 10px;
    }

    .page-section-top-content{ min-height: calc(100vh - 139px);  }
    .page-section > .inner{ padding: 60px 0; }

    #main-nav .navbar-brand > .logo-wrapper{ transform: translate(0,0); margin-top: 30px; }
    #main-nav .navbar-brand > .logo-wrapper > svg{ transform: scale(.65); }
    #main-nav > .container-fluid{ align-items: center; }
    #main-nav .navbar-toggler{ margin-top: 20px; }
    #main-nav .navbar-collapse{ background-color: rgba(255,255,255,1); border: 0px solid rgb(0, 50, 149); border-radius: 15px 0px }
    #main-navbar-nav:before{ display: none; }
    #main-navbar-nav .nav-link{ color: #333; font-family: Gilroy; font-size: 20px; }
    #main-navbar-nav .nav-link:hover{ color: inherit; }
    #main-navbar-nav .nav-link.link-2{ background-color: transparent; padding: 8px 10px; margin-left: 10px; font-family: Gilroy-Bold; }
    #main-nav .offcanvas-title{ margin-left: 15px; }

    /* background pattern 1 */
    .background-pattern-1 .box-1{ width: 38%; }
    .background-pattern-1 .box-1 .decorative-box-1{ height: 70px; width: 70px; top: 25vh; left: 11vw; }
    .background-pattern-1 .box-1 .decorative-box-2{ height: 80px; width: 30px; bottom: unset; top: 37vh; left: 74vw;  }
    .background-pattern-1 .company-name{ bottom: 0; overflow: hidden; }
    .background-pattern-1 .company-name img{ width: 133% }
    .background-pattern-2 .box-1{ height: 18%; left: -90px; }
    .background-pattern-1 .box-2:after{ width: 60%; }

    /* partners-section */
    #partners-section{ padding-bottom: 0; overflow: hidden; }
    #partners-section > .inner{ flex-direction: column; padding: 0 30px; }
    #partners-section .partner-icons-wrapper{ display: none; }
    #partners-section .partner-icons-wrapper.mobile-only{ display: block !important; margin-bottom: 45px; }
    #partners-section .partner-text-wrapper{ width: 100%; padding-left: 30px; }
    #partners-section .partner-text-wrapper .icons-wrapper{ display: none; }
    #partners-section .partner-text-wrapper .title{ font-size: 28px; }
    #partners-section .partner-text-wrapper .text{ margin-left: 0; font-size: 14px; margin-bottom: 30px; }
    #partners-section .partner-icons-wrapper{ width: 100%; }
    #partners-section .partner-icons-wrapper > .inner{ width: 100%; margin-left: 0; text-align: center; }
    #partners-section .partner-icons-wrapper .line-1{ display: flex; justify-content: space-between; }
    #partners-section .partner-icons-wrapper .line-2{ display: flex; justify-content: space-between; }
    #partners-section .partner-icons-wrapper .item{ margin: 0 15px; display: block;  }
    #partners-section .partner-icons-wrapper .line-1 .item{ width: 65px; height: 70px; margin: 0;  }
    #partners-section .partner-icons-wrapper .line-2 .item{ width: 80px; height: 70px; margin: 0;  }
    #partners-section .partner-icons-wrapper .line-1 .item img{ scale: .5;  }
    #partners-section .partner-icons-wrapper .line-2 .item img{ scale: .5;  }
    #partners-section .partner-image-wrapper{ width: 100%;  }
    #partners-section .partner-image-wrapper > .inner{ overflow: visible;  }
    #partners-section .partner-image-wrapper img{ position: static; max-width: 100%; width: 334px !important; height: auto !important;    }
    #partners-section .partner-image-wrapper .grey-skew-box{ top: -48px; right: 4px; width: 226px; height: 270px; }
    #partners-section .partner-image-wrapper .svg-wrapper-3{ top: -60px; right: 128px; scale: .55; }
    #partners-section .partner-footer{ width: 100%; }
    #partners-section .partner-footer .bg-wrapper{ transform: skewX(0); border: 0; }
    #partners-section .partner-footer .content-wrapper{ flex-wrap: wrap; padding: 30px 0; }
    #partners-section .partner-footer .content-wrapper .item{ min-width: unset; width: 160px; margin: 15px 0; }
    #partners-section .partner-footer .content-wrapper .item .icon{
        width: 50px; height: 50px; overflow: hidden; position: relative;
        margin-right: 10px;
    }
    #partners-section .svg-icon-wrapper-1{ position: absolute; left: -10px; top: -22px; scale: .5; }
    #partners-section .svg-icon-wrapper-2{ position: absolute; left: 7px; top: -25px; scale: .5; }
    #partners-section .svg-icon-wrapper-3{ position: absolute; left: -8px; top: -10px; scale: .5; }
    #partners-section .partner-footer .content-wrapper .item .icon img{ position: absolute; left: 5px; top: -29px; scale: .5; }
    #partners-section .partner-footer .content-wrapper .item .text-wrapper .text{ font-size: 20px; }
    #partners-section .partner-footer .content-wrapper .item .text-wrapper .title{ font-size: 20px; }
    #partners-section .partner-icons-wrapper .icon-type-1{ opacity: 1; }
    #partners-section .partner-icons-wrapper .icon-type-2{ opacity: 1; }
    #partners-section .partner-icons-wrapper .icon-type-3{ opacity: 1; }
    #partners-section .partner-icons-wrapper .icon-type-4{ opacity: 1; }


    /* our-solutions */
    #our-solutions { padding-top: 30px; overflow: hidden; }
    #our-solutions .background{ width: 85%; }
    #our-solutions .section-title{ font-size: 28px; }
    #our-solutions .line-1{ padding: 0 30px; margin-bottom: 60px; }
    #our-solutions .line-2{ padding: 0; }
    #our-solutions .section-description{ color: #FFF; font-size: 14px; }
    #our-solutions .accordion{ transform: translateX(0); }

    /* frame-from-us */
    #frame-from-us{ margin-bottom: 30px; }
    #frame-from-us .section-title{ font-size: 80px; text-align: left; }
    #frame-from-us .news-wrapper{ margin: -38px 0 0 0; }
    #frame-from-us .news-wrapper .left{ margin-bottom: 25px; }
    #frame-from-us .news-wrapper .left .inner{ padding: 130px 20px 20px 20px;  }
    #frame-from-us .news-wrapper .left .item{ padding: 0; }
    #frame-from-us .news-wrapper .left .item-title{ font-size: 13px; }
    #frame-from-us .news-wrapper .left .item-description{ font-size: 10px; }
    #frame-from-us .news-wrapper .right .item{ padding: 0; }
    #frame-from-us .news-wrapper .right .item-title{ font-size: 13px; margin: 20px 0 15px 0; }
    #frame-from-us .news-wrapper .right .item-description{ font-size: 10px; margin-bottom: 10px; }
    #frame-from-us .news-wrapper .right .item-link{ font-size: 10px; }
    #frame-from-us .news-wrapper .right .item-link svg{ scale: .7; }

    /* about-us-page */
    #left-white-skew-column{ left: -38vw; }
    #left-white-skew-column:after{ left: -45vw; width: 70vw; height: 65vh; transform: skewX(0);    }

    #about-us-page{ top: -30px; }
    #about-us-page .page-second-section{ padding-bottom: 0; }

    #about-us-page .page-top-section{ height: unset; margin-top: 30vh; padding-bottom: 0px; }
    #about-us-page .page-top-section .inner{ margin: 0; padding: 30px 30px 30px 30px; }
    #about-us-page .page-top-section .inner .left{ padding: 0; }
    #about-us-page .page-top-section .inner .title{
        font-size: 50px; left: 30px; right: unset; top: -92px; color: var(--color2); background-color: #FFF;
        padding: 0 15px; font-weight: 600;
    }
    #about-us-page p.paragraph-big{ font-size: 16px; }
    #about-us-page p{ font-size: 14px; }

    #about-us-page .page-second-section .inner{ padding: 60px 30px 30px 30px; margin: 0; }
    #about-us-page .page-second-section .inner .left{ display: none; }
    #about-us-page .page-second-section .inner .right{ padding: 0; }

    #about-us-page .page-third-section{ padding-bottom: 30px; }
    #about-us-page .page-third-section .inner{ padding: 0; margin: 0; }
    #about-us-page .page-third-section .content-wrapper{ padding: 30px; }
    #about-us-page .page-third-section .img-wrapper img{ object-position: 30%; }

    #about-us-page .page-fourth-section{ padding: 0; margin: 0; }
    #about-us-page .page-fourth-section .inner{ margin: 0; padding: 30px; }
    #about-us-page .page-fourth-section .title{ margin-top: 0; }
    #about-us-page .page-fourth-section .text{ margin-bottom: 0; }
    #about-us-page .page-fourth-section .text ul li{ font-size: 14px; }

    /* our-services-page */
    #our-services-page #left-skew-column .image-wrapper{ display: none; }
    #our-services-page .top-section-left-wrapper{ display: none; }
    #our-services-page{ margin-top: -138px; }
    #our-services-page .page-top-section .right{ margin-top: 16vh; }
    #our-services-page .page-top-section .right .cw-type-1.mobile-only{ display: block; }
    #our-services-page .page-top-section .right .title{
        font-size: 40px; text-align: right; margin-right: 0; margin-bottom: 30px;
    }
    #our-services-page .page-top-section .right .title span{ display: block;}
    #our-services-page .page-title{
        font-size: 50px; color: var(--color2); background-color: #FFF; padding: 0 15px; font-weight: 600;
        position: absolute; left: 60px; top: 150px; z-index: 2; font-family: Poppins-Thin;
    }
    #our-services-page .page-second-section{ margin-bottom: 0; }
    #our-services-page .page-second-section-mobile{ display: block;  }
    #our-services-page .page-second-section-mobile .inner{ padding: 30px;  }
    #our-services-page .page-second-section .inner{ padding: 30px; margin: 0; justify-content: center; }
    #our-services-page .cw-type-1{ width: unset !important; }
    #our-services-page .cw-type-1 .title{ color: #FFF; }
    #our-services-page .cw-type-1 .text{ color: #FFF; }
    #our-services-page .cw-type-1 .inner{ padding: 30px; margin: 0; justify-content: center; }

    #our-services-page .page-third-section{ margin-bottom: 0; }
    #our-services-page .page-third-section .inner{ margin: 0; padding: 30px; }
    #our-services-page .page-third-section .img-wrapper{ display: none; }

    #our-services-page .page-fourth-section{ margin-bottom: 0; }
    #our-services-page .page-fourth-section .inner{ padding: 30px; margin-bottom: calc(5vh + 30px);}
    #our-services-page .page-fourth-section .img-wrapper{ display: none; }

    /* products-page */
    #products-page{ margin-top: -138px; }
    #products-page .page-top-section{ margin-top: 30vh; }
    #products-page .page-top-section .inner{ margin: 0; padding: 0;}
    #products-page .page-top-section .inner .title{
        font-size: 50px; left: 30px; right: unset; top: -92px; color: var(--color2); background-color: #FFF;
        padding: 0 15px; font-weight: 600;
    }
    #products-page .items-table{ padding-top: 30px; }
    #products-page .items-table .header .table-title{ font-size: 18px; }
    #products-page .items-table .header .table-title .text{ padding: 15px 0 15px 45px }
    #products-page .items-table .header .search-form{ margin-top: 15px; }
    #products-page .items-table .categories-wrapper.mobile-only{
        display: block; border-bottom: 0;
        margin-right: 0; margin-bottom: 30px; padding: 20px;
    }
    #products-page .items-table .categories-wrapper.mobile-only .categories-title{
        font-size: 18px; position: relative;
        transition: .4s;
    }
    #products-page .items-table .categories-wrapper.mobile-only .categories-title.collapsed{ margin-bottom: 0; }
    #products-page .items-table .categories-wrapper.mobile-only .categories-title:after{
        content: ""; position: absolute; right: 0; top: 5px; width: 0; height: 0; border-style:solid; border-width: 10px;
        border-color: #0a53be transparent transparent transparent;
    }

    #products-page .items-table .item .content-wrapper .title{ background-color: transparent; padding: 0; }
    #products-page .items-table .header .search-form input{ font-size: 18px; }
    #products-page .items-table .categories-list li:last-child{ margin-bottom: 0;}
    #products-page .items-table .categories-list{ margin-bottom: 0;}

    /* support-page */
    #support-page{ margin-top: -138px; position: relative; overflow: hidden; }
    #support-page .page-top-section{ margin-top: 30vh; background-color: #f4f4f4; }
    #support-page .page-top-img{ left: 0; right: unset; }
    #support-page .page-title{
        font-size: 50px !important; left: 30px; right: unset !important; top: -92px !important;
        color: var(--color2) !important;
        padding: 0 15px; font-weight: 600 !important;
    }
    #support-page .page-top-section .warranty-inquiry-wrapper{ width: unset; height: unset; }
    #support-page .page-top-section > .container-fluid > .inner{ padding: 90px 15px; }
    #support-page .page-top-section .warranty-inquiry-wrapper .decoration-background{ display: none; }
    #support-page .page-top-section .warranty-inquiry-wrapper .inner{ margin-top: 0; }
    #support-page .page-second-section{ margin-top: 90px; margin-bottom: 90px; }
    #support-page .page-second-section .image-wrapper{ display: none; }


    /* contact-page */
    #contact-page{ margin-top: -138px; }
    #contact-page .page-top-section{ margin-top: 30vh; background-color: #FFF; }
    #contact-page .page-title{
        font-size: 50px !important; left: 30px; right: unset !important; top: -92px !important;
        color: var(--color2) !important;
        padding: 0 15px; font-weight: 600 !important;
    }
    #contact-page .page-top-section > .container-fluid > .inner{
        padding: 60px 15px; margin: 0;
    }
    #contact-page .left-inner-wrapper{ margin: 0; }
    #contact-page .right-inner-wrapper{ margin: 60px 0 0 0; }
    #contact-page .right-inner-wrapper .item{ margin-bottom: 0; }
    #contact-page #page-maps-section{ background-color: #FFF; padding-bottom: 15px; }
    #contact-page #page-maps-section > .container-fluid > .inner{ margin: 0; padding: 0; }
    #contact-page #page-maps-section .area-title{ margin-left: 15px; }





    /* AW Slider */
    #main-slider-section{ overflow: hidden; }
    #main-slider .item:nth-child(1) img, #main-slider .item:nth-child(3) img{ margin-right: 0; }
    .aw-slider-1 .indicator{ display: none; }
    .aw-slider-1 .nav-wrapper{ display: none; }
    .aw-slider-1 .items{  }
    .aw-slider-1 .items .item{ flex-direction: column; gap: 45px; top: 30px; }
    .aw-slider-1 .items .item .img-wrapper{ width: 100%; height: 44%; justify-content: center; }
    .aw-slider-1 .items .item .content-wrapper{
        width: 100%; margin-right: 0; margin-left: 0; padding-left: 28vw; padding-right: 30px;
        transform: translate(0,0) !important;
    }
    .aw-slider-1 .items .item .content-wrapper .title{ font-size: 30px; }
    .aw-slider-1 .items .item .content-wrapper .text{ font-size: 14px; }

    /* accordion */
    .accordion ul li{ height: 120px !important; margin-bottom: 7px; }
    .accordion ul li .rectangle{ height: 20px !important; width: 20px !important; top: 26px !important; }
    .accordion ul li div a h2{ padding-top: 22px !important; font-size: 16px !important; }
    .accordion ul li div a{ padding: 0 45px !important; }


}