@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap');

@font-face {
  font-family: 'Gilroy-Black';
  src: local('Gilroy-Black'), url(./fonts/Gilroy-Black.ttf) format('truetype');
  font-weight: bold;
  font-display: swap;
}

html,body{
    width:100%;
    height:100%;
}
body{
    font-size:14px;
    font-family: "Josefin Sans", sans-serif;
    color:var(--primary-text-color);
    background:url('../images/bg.jpg') no-repeat center center;
    background-size:cover;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
}
a{
    color:var(--secondary-text-color);
    text-decoration: none;
    transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
}
a:hover{
    color:var(--primary-color);
    text-decoration: none;
}

p{margin-bottom:10px;}

video{vertical-align:middle;}

.text-align{text-align:center;}

@keyframes marqueeText{from{left:0;}to{left:-100%;}}

/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*HEADER*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
header{padding:20px 10em;position:absolute;top:0;left:0;width:100%;height:auto;z-index:99;}
header .h-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;}
header .logo img{display:block;max-width:100%;height:auto;}
header .menu>ul{list-style:none;padding-left:0;display:flex;margin:0;justify-content:space-between;}
header .menu>ul>li{position:relative;display:flex;align-items:center;justify-content:center;padding:0 25px;}
header .menu>ul>li>a{display:block;text-transform:uppercase;line-height:30px;color:#000000;font-weight:500;width:fit-content;}
header .menu>ul>li>a>span{display:inline-block;padding:5px;}
header .menu>ul>.active{background:#F99300;}
header .menu>ul>.active>a{color:#fff;}
header .menu>ul>li>.sub-menuTab{width:fit-content;}
header .menu>ul>li>.sub-menuTab i{line-height:30px;}
header .menu > ul > li > ul {font-size:12px;list-style:none;padding-left:0;margin:0;position:absolute;top:100%;left:0;opacity:0;visibility:hidden;display: block;transition: opacity 0.3s ease, visibility 0.3s ease;background-color:#fff;z-index:999;padding:20px;line-height:40px;text-transform:uppercase;font-weight:600;right:0;width:fit-content;margin:0 auto;}
header .menu > ul > li:hover > ul {  opacity: 1;   visibility: visible;}
header .menu > ul > li > ul > li > a{white-space: nowrap;}
header .langs{}
header .langs>ul{list-style:none;padding-left:0;display:flex;gap:15px;}
header .langs>ul>li>a{display:block;}
header .menu .sw-menuTab{display: none;}
@media only screen and (max-width:767px){
    header{padding:15px;}
    header .h-container { display: flex; flex-direction: column; justify-content: space-between;  align-items: center;  position: relative;  gap: 10px;}
    header .sw-logo{margin-bottom:30px;}
    header .sw-logo img{margin:0 auto;}
    header .menu{width: 100%;}
    header .menu .sw-menuTab{display:block;padding:10px;color:#fff;font-weight:700;background:#000000;}
    header .menu>ul{position:absolute;left:0;width:100%;z-index:99;flex-direction:column;background:#000000ed;align-items:flex-start;padding:10px;display:none;}
    header .menu>ul>li{width:100%;border-bottom:1px dashed #bbb;}
    header .menu>ul>li:last-child{border:0;padding-top:10px;}
    header .menu>ul>li>a{color:#fff;padding:10px;}
}
@media only screen and (min-width:768px) and (max-width:991px){
        header{padding:15px;}
    header .h-container { display: flex; flex-direction: column; justify-content: space-between;  align-items: center;  position: relative;  gap: 10px;}
    header .sw-logo{margin-bottom:30px;}
    header .sw-logo img{margin:0 auto;}
    header .menu{width: 100%;}
    header .menu .sw-menuTab{display:block;padding:10px;color:#fff;font-weight:700;background:#000000;}
    header .menu>ul{position:absolute;left:0;width:100%;z-index:99;flex-direction:column;background:#000000ed;align-items:flex-start;padding:10px;display:none;}
    header .menu>ul>li{width:100%;border-bottom:1px dashed #bbb;}
    header .menu>ul>li:last-child{border:0;padding-top:10px;}
    header .menu>ul>li>a{color:#fff;padding:10px;}
}
@media only screen and (min-width:992px) and (max-width:1200px){
    header .menu>ul>li>a {padding: 0px 5px;font-size:10px;}
    header{padding:20px 2em;}
}
@media only screen and (min-width:1201px) and (max-width:1440px){
    header{padding:20px 2em;}
    header .menu>ul>li>a{font-size:11px;}
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*SLIDE*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.new-slide video{width:100%;height:100vh;object-fit:cover;}

.slide{display:flex;flex-direction:row;margin-bottom:100px;}
.slide>div{flex:0 0 50%;max-width:50%;}
.slide .s-left{display:flex;flex-direction:row;justify-content:center;align-items:center;}
.slide .s-left .text{height:fit-content;padding:0 15%;}
.slide .s-left .text h2{font-size:3.38em;font-weight:700;color:#000;text-transform:uppercase;position:relative;}
.slide .s-left .text h2>span{display:inline-block;overflow:hidden;line-height:1.6em;}
.slide .s-left .text h2>span>span{display:inline-block;transform:translate(0,100%);transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
@keyframes upToDown{from{transform: translate(-100%,-60%);}to{transform: translate(-100%,-40%);}}
.slide .s-left .text h2 img{position:absolute;right:0;transform: translate(-100%,-60%);z-index:-1;animation:upToDown 5s infinite alternate;}
.slide .s-right{}
.slide .s-right .video{position:relative;}
.slide .s-right .video video{width:100%;height:100%;object-fit:cover;position:relative;aspect-ratio:1/.9;z-index:9;}
.slide .s-right .video .line{width:30px;height:calc(100% - 40px);top:20px;left:0;position:absolute;transform:translate(-30px,0);background:#F99300;z-index:1;}
.slide .s-right .video .image{transform:translate(-25%,0) rotate(180deg);position:absolute;top:0;left:0;width:100%;height:100%;z-index:8;}
.slide .s-right .video .image img{width:100%;height:100%;object-fit:contain;transform:rotate(180deg);}
@keyframes slideEfect{from{transform: rotate(180deg);}to{transform: rotate(0deg);}}
.swiper-slider .swiper-slide-active .slide .s-left .text h2>span>span{transform:translate(0,0);transition-delay:.2s;}
.swiper-slider .swiper-slide-active .slide .s-right .video .image img{animation:slideEfect 1s alternate;}
.swiper-slider .sw-buttons{position:absolute;bottom:15%;width:50%;display:flex;flex-direction:column;z-index:999;align-items:end;padding:0 13%;text-align:right;}
.swiper-slider .sw-buttons .sw-pagination{margin-bottom:30px;padding:0;}
.swiper-slider .sw-buttons .sw-pagination .swiper-pagination-bullet{width:40px;height:40px;line-height:40px;text-align:center;background:unset;border-radius:0;font-size:2em;font-weight:100;margin-left:10px;position:relative;opacity:1;}
.swiper-slider .sw-buttons .sw-pagination .swiper-pagination-bullet:before{content:'';width:2px;background:#000;height:100%;position:absolute;right:-8px;top:0;}
.swiper-slider .sw-buttons .sw-pagination .swiper-pagination-bullet:last-child::before{display:none;}
.swiper-slider .sw-buttons .sw-pagination .swiper-pagination-bullet-active{color:#F99300;font-weight:700;}
.swiper-slider .sw-buttons .sw-nav{display:flex;gap:30px;}
.swiper-slider .sw-buttons .sw-nav>div:active{opacity:.5;}

.swiper-slider .kaydir{position:absolute;bottom:50px;left:5em;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;cursor:pointer;}
.swiper-slider .kaydir span{writing-mode:vertical-lr;display:inline-block;font-size:1.71em;font-weight:700;margin-bottom:20px;}
.swiper-slider .kaydir img{idth:15px;height:auto;}

@media only screen and (max-width:767px){
    .slide{flex-direction:column;}
    .slide>div{flex:0 0 100%;max-width:100%;}
    .slide .s-left{aspect-ratio: 1/1;}
    .slide .s-left .text{padding:0 20px;}
    .slide .s-left .text h2{font-size:1.5em;}
    .slide .s-left .text h2 img{width:25%;height:auto;}
    .slide .s-right .video .image{transform:translate(0,-40%);}
    .slide .s-right .video .line{width:calc(100% - 40px);left:20px;top:0;transform:translate(0px,-30px);}
    .swiper-slider .kaydir{display: none;}
    .swiper-slider .sw-buttons .sw-pagination {display: none}
    .swiper-slider .sw-nav .sw-next img,.swiper-slider .sw-nav .sw-prev img{filter: brightness(0) saturate(100%) invert(100%) sepia(3%) saturate(2%) hue-rotate(330deg) brightness(103%) contrast(101%);}
}
@media only screen and (min-width:768px) and (max-width:991px){
    .slide{flex-direction:column;}
    .slide>div{flex:0 0 100%;max-width:100%;}
    .slide .s-left{aspect-ratio: 1/.7;}
    .slide .s-left .text{padding:0 20px;}
    .slide .s-left .text h2{font-size:4em;text-align:center;}
    .slide .s-left .text h2 img{width:25%;height:auto;}
    .slide .s-right .video .image{transform:translate(0,-40%);}
    .slide .s-right .video .line{width:calc(100% - 40px);left:20px;top:0;transform:translate(0px,-30px);}
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .slide .s-left .text h2{font-size:2.5em;}
    .slide .s-left .text h2 img{width:25%;height:auto;}
    .slide .s-right .video video{aspect-ratio:1/1;}
}
@media only screen and (min-width:1200px) and (max-width:1440px){
    .swiper-slider .kaydir{left:3em;}
    .slide .s-left .text h2{font-size:3em;}
    .slide .s-left .text h2 img{width:25%;height:auto;}
    .slide .s-right .video video{aspect-ratio:1/1;}
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*M1*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.m1{padding:5em 12em 12em 12em;overflow:hidden;}
.m1 .m1-container{display:flex;flex-direction:row;gap:50px;}
.m1 .m1-container>div{max-width:50%;flex:0 0 50%;}
.m1 .m1-container .m1-left .text{display:flex;flex-direction:column;gap:50px;}
.m1 .m1-container .m1-left .text h2{font-size:3.64em;font-weight:700;color:#000;position: relative;}
.m1 .m1-container .m1-left .text h2:before{content:'';width:50%;height:26px;background:#F99300;position:absolute;bottom:0;left:0;z-index:-1;}
.m1 .m1-container .m1-left .text p{font-size: 19px;}
.m1 .m1-container .m1-left .text .more{display: inline-block;font-size:2.28em;font-weight:700;}
.m1 .tanitim{padding: 50px 0px;position: relative;transform:translate(0,15%);}
.m1 .tanitim .left{position: relative;height:100%}
.m1 .tanitim .left .left-img{    width: 100%; height: 500px; object-fit: cover;overflow: hidden;}
.m1 .tanitim .left .text{position: absolute; width: fit-content;  background: #F99300;  display: flex; padding: 10px 40px 10px 40px; align-items: center; top: 10%;}
.m1 .tanitim .left .ok{padding-right: 40px}
.m1 .tanitim .left .text-t{    color: white; font-size: 26px;}
.m1 .tanitim .right{ display: flex; flex-direction: column;  justify-content: space-between;  align-items: baseline; height: 100%;}
.m1 .tanitim .right .text-r{ font-size: 35px;font-weight: bold;}
.m1 .tanitim .bg{position:absolute;bottom:0;right:0;transform: translate(25%,5%);width: 100%;height: auto;}

@media only screen and (max-width:767px){
    .m1 .m1-container .m1-left .text h2 {font-size: 2.5em;}
    .m1{padding: 0;}
    .m1 .m1-container{flex-direction: column;gap: 10px;}
    .m1 .m1-container>div{max-width: 100%;flex:0 0 100%;margin-top: 10%;}
    .m1 .m1-container .m1-left .text {gap: 10px;}
    .m1 .tanitim .bg {transform: translate(20%, -10%); top: 0 !important;}
    .m1 .tanitim{transform: none;}

    
}
@media only screen and (min-width:768px) and (max-width:991px){
    
}
@media only screen and (min-width:992px) and (max-width:1200px){
    .m1 .m1-container .m1-left .text{gap: 20px;}
    .m1 .m1-container .m1-left .text h2 {font-size: 2.5em;}
    .m1{padding:2em 2em;margin-bottom:5em;}
    .m1 .m1-container .m1-right .img .bg{transform: translate(25%,0%);}
}
@media only screen and (min-width:1201px) and (max-width:1440px){
    .m1{padding:3em 3em;margin-bottom:6em;}
    .m1 .m1-container .m1-right .img .bg{transform: translate(20%,0%);}
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*M2*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.m2{margin-bottom:2em;overflow: hidden;    padding: 20px 0px 0px 0px;}
.m2 .m2-container{padding:0 12em;}
.m2 .m2-container .title{margin-bottom:50px;}
.m2 .m2-container .title h2{font-size:4.28em;font-weight:700;position:relative;width:fit-content;}
.m2 .m2-container .title h2 img{position:absolute;right:0;z-index:-1;transform:translate(20px,-15%);}
.m2 .m2-marquee-text{width:100%;height:auto;overflow:hidden;margin-bottom:50px;font-family: 'Gilroy-Black',sans-serif;}
.m2 .m2-marquee-text .m2-marquee-text-wrapper{color:#000;white-space: nowrap;animation: marqueeText 30s linear infinite;position:relative;width:100%;display:flex;flex-direction:row;gap:10px;}
.m2 .m2-marquee-text .m2-marquee-text-wrapper span{font-size:6.65em;display:inline-block;-webkit-text-fill-color:transparent;-webkit-text-stroke-color:#000;-webkit-text-stroke:2px;text-transform:uppercase;}
.m2 .m2-body{position:relative;margin-bottom:50px;}
.m2 .m2-body:before{content:'';width:100%;height:80%;position:absolute;bottom:0;left:0;background:url('../images/m2-bg.jpg') no-repeat center center;background-size:cover;-webkit-background-size:cover;-o-background-size:cover;}
.m2 .m2-body .box{margin-bottom:5em;position:relative;}
.m2 .m2-body .box img{width:100%;height:780px;object-fit:cover;position:relative;z-index:7;}
.m2 .m2-body .box .mask{content:'';width:100%;height:100%;background:rgba(0,0,0,.6);position:absolute;top:0;left:0;z-index:8;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;}
.m2 .m2-body .box:hover .mask{opacity:0;visibility:hidden;}
.m2 .m2-body .box h3{position:absolute;top:0;left:0;width:100%;height:100%;font-size:2.25em;display:flex;flex-direction:column;justify-content:center;text-transform:uppercase;z-index:9;padding:0 5%;text-align:center;color:#fff;    right: 0;margin: 0 auto;   width: 80%;}
.m2 .m2-body .box:hover h3{text-shadow: 2px 0px 3px black;}
.m2 .m2-body .box:hover h3 span:before {box-shadow: 2px 0px 3px black;}
.m2 .m2-body .box h3 span{display:inline-block;position:relative;}
.m2 .m2-body .box h3 span:before{content:'';width:50%;height:6px;background:#fff;position:absolute;left:0;right:0;margin:0 auto;bottom:-10px;}
.m2 .m2-body .container{position:relative;padding-bottom:5em;}
.m2 .m2-body .sw-prev{left:-50px;width:fit-content;position:absolute;bottom:50%;}
.m2 .m2-body .sw-prev img{filter:invert(100%);}
.m2 .m2-body .sw-prev:active{left:-60px;opacity:.7;}
.m2 .m2-body .sw-next{right:-50px;width:fit-content;position:absolute;bottom:50%;}
.m2 .m2-body .sw-next img{filter:invert(100%);}
.m2 .m2-body .sw-next:active{right:-60px;opacity:.7;}
.m2 .m2-body .all{width:fit-content;margin:0 auto 0 auto;background:#fff;border-radius:50px;padding:15px 30px;}
.m2 .m2-body .all span{display:inline-block;font-size:2.28em;font-weight:700;;margin:0 10px;}
@media only screen and (max-width:767px){
    .m2{padding: 50px 0px;margin-bottom: 0px;margin-top: 10%;}
    .m2 .m2-container{padding: 0;}
    .m2 .m2-container .title h2 {font-size: 2.2em;}
    .m2 .m2-container .title h2 img {width: 30%;}
    .m2 .m2-marquee-text .m2-marquee-text-wrapper span {font-size: 3em;}
    .m2 .m2-marquee-text {margin-bottom: 20px;}
    .m2 .m2-body .box img {height: 600px;}
    .m2 .m2-body{margin-bottom: 0px;}
    .m2 .m2-body .all span {font-size: 1.78em;}
    
}
@media only screen and (min-width:768px) and (max-width:991px){
    .m2{padding: 50px 0px;margin-bottom: 0px;}
    .m2 .m2-container{padding: 0;}
    .m2 .m2-container .title h2 {font-size: 2.2em;}
    .m2 .m2-container .title h2 img {width: 30%;}
    .m2 .m2-marquee-text .m2-marquee-text-wrapper span {font-size: 3em;}
    .m2 .m2-marquee-text {margin-bottom: 20px;}
    .m2 .m2-body .box img {height: 600px;}
    .m2 .m2-body{margin-bottom: 0px;}
    .m2 .m2-body .all span {font-size: 1.78em;}
}
@media only screen and (min-width:992px) and (max-width:1200px){
    .m2{padding: 50px 0px;margin-bottom: 0px;}
    .m2 .m2-body{margin-bottom: 0px;}
    .m2 .m2-container .title h2{font-size: 2.5em;}
    .m2 .m2-container{padding:0 3em;}   
    .m2 .m2-body .box img{height:650px;}
    .m2 .m2-body .container{width: 1080px;}
    .m2 .m2-container .title h2 img{position:absolute;right:0;z-index:-1;transform:translate(20px,-15%);}
    .m2 .m2-body .box h3 {font-size: 2.5em;}
    .m2 .m2-marquee-text .m2-marquee-text-wrapper span {font-size: 4.65em;}
    .m2 .m2-body .all span {font-size: 1.78em;}
}
@media only screen and (min-width:1201px) and (max-width:1440px){
    .m2 .m2-container{padding:0 3em;}   
    .m2 .m2-body .box img{height:650px;}
    .m2 .m2-body .container{width: 1200px;}
    .m2 .m2-container .title h2 img{position:absolute;right:0;z-index:-1;transform:translate(20px,0%);}
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*M3*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.m3{padding:50px 0 0 0;position:relative;overflow: hidden;}
.m3 .m3-marquee-text{background:#B1B1B1;margin-bottom:50px;overflow:hidden;}
.m3 .m3-marquee-text-wrapper{white-space: nowrap;animation: marqueeText 30s linear infinite;position:relative;width:100%;display:flex;align-items:center;gap:30px;justify-content:center;}
.m3 .m3-marquee-text-wrapper span{font-size:2em;color:#fff;-webkit-text-fill-color:transparent;-webkit-text-stroke-color:#fff;-webkit-text-stroke:1px;text-transform:uppercase;display:inline-block;}
.m3 .m3-body{position:relative;padding:100px 0 80px 0;}
.m3 .m3-body:before{content:'';width:82%;height:100%;position:absolute;left:0;right:0;top:0;margin:0 auto;box-shadow:5px 3px 6px #00000029;background:url('../images/m3/m3-body-bg.jpg') no-repeat center center;background-size:cover;-webkit-backround-size:cover;-o-background-size:cover;z-index:-9;}
.m3 .m3-body .title{margin-bottom:50px;}
.m3 .m3-body .title h2{font-size:4.64em;font-weight:700;text-align:center;color:#fff;}
.m3 .m3-body .box{background:#fff;border-radius:15px;box-shadow:0 30px 40px #00000040;padding:40px;margin-bottom:30px;}
.m3 .m3-body .box img{display:block;margin:0 auto;max-width:50%;height:auto;margin-bottom:30px;}
.m3 .m3-body .box h3{font-size:1.4em;font-weight:700;text-align:center;color:#000;min-height:3.6em;line-height:1.2em;}
@media only screen and (max-width:767px){
    .m3 .m3-body:before {width: 95%;}
    .m3 .container .row{padding: 30px;}
    .m3 .m3-body .title h2 {font-size: 2.5em;}
    .m3 .m3-body {padding: 50px 0px;}
    .m3 .m3-body .title {margin-bottom: 10px;}
    
}
@media only screen and (min-width:768px) and (max-width:991px){
    .m3 .m3-body:before {width: 95%;}
    .m3 .container .row{padding: 30px;}
    .m3 .m3-body .title h2 {font-size: 2.5em;}
    .m3 .m3-body {padding: 50px 0px;}
    .m3 .m3-body .title {margin-bottom: 10px;}
    
}
@media only screen and (min-width:992px) and (max-width:1200px){
    .m3 .m3-body:before{width:98%;}
    .m3 .m3-body .title h2 {font-size: 3.2em;}
}
@media only screen and (min-width:1201px) and (max-width:1440px){
    .m3 .m3-body:before{width:98%;}
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*M4*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.m4{padding:5em 0 0 0;margin-bottom:5em;overflow: hidden;position:relative;}
.m4 .m4-container{padding:0 12em;}
.m4 .m4-container .title{margin-bottom:75px;}
.m4 .m4-container .title h2{font-size:4.28em;font-weight:700;position:relative;width:fit-content;}
.m4 .m4-container .title h2 img{position:absolute;right:0;z-index:-1;transform:translate(20px,-15%);}

.m4 .box{box-shadow:0 3px 19px #00000021;border-radius:59px;padding:40px;margin-bottom:50px;position:relative;overflow:hidden;height:calc(100% - 50px);}
.m4 .box .text{width:50%;}
.m4 .box .text h3{font-weight:600;}
.m4 .box .text .more{display:inline-block;width:fit-content;font-size:2.28em;font-weight:700;}

.m4 .box-1 .bg-slide{position:absolute;top:0;right:0;width:50%;height:100%;}
.m4 .box-1 .bg-slide .swiper-bg{position: absolute;top:0;right:0;width:100%;height:100%;}
.m4 .box-1 .bg-slide .swiper-slide img{width:100%;height:100%;object-fit:contain;object-position:right;}
.m4 .box-1{padding:60px}
.m4 .box-1 .text h3{font-size:3em;text-transform:uppercase;}
.m4 .box-1 .text p{margin-bottom:150px;}

.m4 .box-2{display:flex;flex-direction:column;align-items:end;}
.m4 .box-2 .text{text-align:right;position:relative;z-index: 9;}

.m4 .box-2 .text h3, .m4 .box-3 .text h3{font-size:2.14em;}
.m4 .box-2 .text p, .m4 .box-3 .text p{min-height:150px;}

.m4 .box-2 .bg-slide{position:absolute;top:0;left:0;width:100%;height:100%;}
.m4 .box-2 .bg-slide .swiper-bg{position:absolute;top:0;left:0;width:100%;height:100%;}
.m4 .box-2 .bg-slide .swiper-slide img{width:100%;height:100%;}

.m4 .box-3 .text{position:relative;z-index: 9;}
.m4 .box-3 .bg-slide{position:absolute;top:0;left:0;width:100%;height:100%;}
.m4 .box-3 .bg-slide .swiper-bg{position:absolute;top:0;left:0;width:100%;height:100%;}
.m4 .box-3 .bg-slide .swiper-slide img{width:100%;height:100%;}
@media only screen and (max-width:767px){
    .m4{margin-bottom: 0;}
    .m4 .m4-container {padding: 0px;}
    .m4 .m4-container .title h2 {font-size: 2.5em;}
    .m4 .m4-container .title h2 img {width: 30%;transform: translate(0px, -15%);}
    .m4 .box-1 .text p {margin-bottom: 50px;}
    .m4 .box-1 .text h3 {font-size: 2.14em;}
    .m4 .box-1 {padding: 30px;}
    .m4 .box-2 {height: 450px;}
    .m4 .box-2 .text p, .m4 .box-3 .text p{margin-bottom: 50px;}
    .m4 .box-2 .text{width: 70%;}
    .m4 .box-2 .bg-slide .swiper-slide img {position: absolute;bottom: 0;height: auto !important;}
    .m4 .box-3 .text{width: 70%;}
    .m4 .box-3 .bg-slide .swiper-slide img {position: absolute;bottom: 0;height: auto !important;}
}
@media only screen and (min-width:768px) and (max-width:991px){
    .m4 .container .row{padding: 30px;}
    .m4 .m4-body .title h2 {font-size: 2.5em;}
}
@media only screen and (min-width:992px) and (max-width:1199px){
    
}
@media only screen and (min-width:1200px) and (max-width:1440px){
    .m4 .m4-container{padding:0 3em;}
    .m4 .box-2 .text h3, .m4 .box-3 .text h3{line-height:1.1;min-height:2.2em;}
}
@media only screen and (min-width:1441px){
    .m4 .box-2 .text h3, .m4 .box-3 .text h3{line-height:1.1;min-height:2.2em;}
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*M5*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.m5{padding:5em 0 0 0;overflow: hidden;}
.m5 .title{margin-bottom:2em;text-align:center;}
.m5 .title h2{font-size:2.64em;margin-bottom:20px;}
.m5 .title p{font-size:1.5em;text-transform:uppercase;}
.m5 .box .img img{object-fit:cover;}
.m5 .box .content{padding:1em 0;}
.m5 .box .content h3{font-size:1.3em;font-weight:700;}
.m5 .box-1 .img img{width:100%;height:640px;}
.m5 .box-2 .img img{width:100%;height:310px;}
@media only screen and (max-width:767px){
    .m5 .title h2 {font-size: 1.94em;}
    .m5 .box-1 .img img {height: 350px;}
}
@media only screen and (min-width:768px) and (max-width:991px){
    
}
@media only screen and (min-width:992px) and (max-width:1199px){
    
}
@media only screen and (min-width:1200px) and (max-width:1440px){
    
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*M6*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.m6{padding:5em 0 0 0;overflow: hidden;}
.m6 .box img{display:block;margin:0 auto 20px auto;}
.m6 .box strong{display:block;font-size:2.5em;text-align:center;font-style:italic;}
.m6 .box span{display:block;text-align:center;font-size:1em;font-weight:500;}
@media only screen and (max-width:767px){
    
}
@media only screen and (min-width:768px) and (max-width:991px){
    
}
@media only screen and (min-width:992px) and (max-width:1199px){
    
}
@media only screen and (min-width:1200px) and (max-width:1440px){
    
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*M7*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.m7{padding:5em 0 0 0;overflow: hidden;}
.m7 .box{margin-bottom:5em;width:80%;margin:0 auto;}
.m7 .box p{margin:0;text-align:center;font-size:1.57em;}
@media only screen and (max-width:767px){
    
}
@media only screen and (min-width:768px) and (max-width:991px){
    
}
@media only screen and (min-width:992px) and (max-width:1199px){
    
}
@media only screen and (min-width:1200px) and (max-width:1440px){
    
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*M8*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.m8{padding:5em 0 0 0;margin-bottom:5em;overflow: hidden;}
.m8 .swiper-slide img {
    display: block;
    margin: 0 auto;
    width: 100%;
    aspect-ratio:1/1;
    height: auto;
    object-fit:contain;
    padding:20px;
}

.m8 .all{text-align:center;margin-top: 30px;}
.m8 .all a{display:inline-block;width:fit-content;font-size:2.28em;font-weight:700;}
.m8 .all a img{margin-left:20px;}
@media only screen and (max-width:767px){
    .m8 .all a {font-size: 1.58em;}
}
@media only screen and (min-width:768px) and (max-width:991px){
    
}
@media only screen and (min-width:992px) and (max-width:1199px){
    
}
@media only screen and (min-width:1200px) and (max-width:1440px){
    
}

.page .bot-body{padding:300px 0px;position:relative;overflow: hidden;  background:url('../images/surdurulebilirlik/main-5-bg.png') no-repeat center center;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;}
.page .box2 {background-color: #fff;  padding: 20px;  display: flex;   flex-direction: column;   justify-content: center;   align-items: center;   border-radius: 20px;  box-shadow: 1px 6px 10px #0000004d;}
.page .box2 img{margin-bottom: 20px;}
.page .box2 .text{font-size:20px;text-align: center;font-weight: 600;line-height:25px;min-height:75px;display:flex;justify-content:center;align-items:center;}
.page .bot-body .title{font-size: 34px;text-align: center;font-weight: 600;letter-spacing: 27.75px;color: #192E45;text-transform: uppercase;margin-bottom: 30px;}




@media only screen and (max-width:767px){
    .page .page-body{overflow: hidden;}
    .page .page-head h1 {font-size: 24px !important;}
    .page .p1 p>span{font-size: 18px !important;}
    .page .p2 p>span{font-size: 18px !important;}
    .page .p3 .content{text-align: center;}
    .page .p3 .content p>span{font-size: 18px !important;}
    .page .p1, .page .p2, .page .p3, .page .p4, .page .p5 {margin-bottom: 0px;}
    .page .page-body .page-marquee {margin-bottom: 40px;}
    .page .p4 .content, .page .p5 .content {width: 100% !important; text-align: center;}
    .page .p4 .content p>span{font-size: 18px !important;}
    .page .p4 .row{display: flex;flex-direction: column-reverse;}
    .page .p5 .content p>span{font-size: 18px !important;}
    .page .bot-body .col-lg-4{padding: 50px;}
    .page .box2 .text {font-size: 16px !important;}
    .page .bot-body .title {font-size: 24px !important;letter-spacing: 0px !important;}
    .page .bot-body{padding: 75px 0px;}
    .page-news-wrapper .page-news .news-box {    margin-bottom: 30px;background: #fff;}
    .page-news-wrapper .page-news .news-box-1,
    .page-news-wrapper .page-news .news-box-2 {border-radius: 20px;overflow: hidden; }
    .page-news-wrapper .page-news .news-box .img img {    width: 100%;    height: 200px;      object-fit: cover;}
    .page-news-wrapper .page-news .news-box .content {    padding: 15px; }
    .page-news-wrapper .page-news .news-box .content h3 {  font-size: 1.2em; ont-weight: 700; text-transform: uppercase;}
    .page-news-wrapper .page-news .news-box .content p {    font-size: 1em;   font-weight: 200; }
    .page-news-wrapper .page-news .news-box .content .more {   display: inline-block; font-weight: 700;    color: #000;}
    .page-news-wrapper .page-news .title h3 {color: black !important;line-height: 40px;    font-size: 1.21em !important;}
    .page-news-wrapper .page-news:before {display: none !important;}
    .page-news-wrapper .page-news .title .all {   display: flex !important;   width: fit-content;   color: black !important;   font-size: 21px !important;}
    .page-news-wrapper .page-news .title .all img {padding-left: 15px;}
}
.page-document{position: relative;overflow: hidden;padding: 60px 0px;}
.page-document .box .img img{    width: 100%; height: 376px; object-fit: cover; overflow: hidden;}
.page-document .swiper-wrapper{height: auto;margin-top: 3%;}
.page-document .title{    text-transform: uppercase;  font-weight: bold; letter-spacing: 2px;}
.page-document .swiper-container { width: 100%;  max-width: 1200px;  margin: 0 auto; overflow: hidden;}
.page-document .swiper-slide {  text-align: center;   font-size: 18px;   background: #fff;   display: flex;   justify-content: center;   align-items:center;}
.page-document .box {     max-width: 100%;  box-shadow: 7px 10px 8px #0000001A;}
.page-document .img img {  max-width: 100%;   height: auto;}

.page-document .swiper-button-next,
.page-document .swiper-button-prev {  background-size: contain;  background-repeat: no-repeat;  background-position: center; width: 50px;  height: 50px;  position: absolute;  top: 100%;  transform: translateY(-50%);}
.page-document .swiper-button-next { background-image: url('../images/hakkimizda/sertifikalar-ok-2.svg'); right: 46%; transform: translate(50%, -50%);}
.page-document .swiper-button-prev {  background-image: url('../images/hakkimizda/sertifikalar-ok-1.svg');  left: 46%; transform: translate(50%, -50%);}
.page-document .swiper-button-next::after,
.page-document .swiper-button-prev::after {  display: none;}

.page .tanitim .right{ display: flex; flex-direction: column;  justify-content: space-between;  align-items: baseline; height: 100%;}
.page .tanitim .right .text-r{ font-size: 35px;font-weight: bold;}
.page .tanitim{position: relative;}
.page .tanitim .left{position: relative;height:100%}
.page .tanitim .left .left-img{    width: 100%; height: 500px; object-fit: cover;overflow: hidden;}
.page .tanitim .left .text{position: absolute; width: fit-content;  background: #F99300;  display: flex; padding: 10px 40px 10px 40px; align-items: center; top: 10%;}
.page .tanitim .left .ok{padding-right: 40px}
.page .tanitim .left .text-t{    color: white; font-size: 26px;}
.page .tanitim .left .bg{width:100%;height:auto;}
.page .tanitim .right{ display: flex; flex-direction: column;  justify-content: space-between;  align-items: baseline; height: 100%;}
.page .tanitim .right .text-r{ font-size: 35px;font-weight: bold;}


.page .misyon{position: relative;padding: 75px 0px;overflow: hidden;}
.page .misyon .misyon-img{max-width: 100%;height: auto;object-fit: cover;position: absolute;left: 0;right: 0;margin: 0 auto;}
.page .misyon .content{display: block;text-align: center;margin-top: 5%;}
.page .misyon .content .title{font-size: 42px;font-weight: bold;text-transform: uppercase;margin-bottom: 3%;letter-spacing: normal;}
.page .misyon .content .text{font-size: 20px;font-weight: normal;}


.page .politikalarimiz{padding: 75px 0px;position: relative;overflow: hidden;}
.page .politikalarimiz .title{font-size: 42px;font-weight: bold;text-transform: uppercase;margin-bottom: 3%;letter-spacing: normal;}
.page .politikalarimiz .box{display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;margin-bottom:30px;}
.page .politikalarimiz .box .sub-title{font-size: 20px;font-weight: bold;text-transform: uppercase;line-height:1.2em;min-height:2.4em;margin-bottom:20px;}
.page .politikalarimiz .box .sub-text{font-size: 17px;font-weight: normal;}
.page .politikalarimiz .box .more{display:block;padding:20px 0;text-align:center;font-weight:700;}

.page .tarihce{position:relative;margin-bottom:-10%;padding:50px 0px 0px 0px;position: relative;}
.page .tarihce .bg{left:0;right:0;bottom:0;margin:0 auto;width:90%;position:absolute;z-index:-1;height:70%;background:#FFF28C;border-radius:0px 0px 200px 100px;}
.page .tarihce .tarihce-img{width:100%;height:auto;object-fit: cover;}
.page .tarihce .right-body{height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:10%;}
.page .tarihce .background-text{position:absolute;bottom:20%;}
.page .tarihce .background-text h1{font-size:180px;color:white;}
.page .tarihce .swiper-slide{overflow:hidden;}
.page .tarihce .swiper-slide .text{font-size:20px;min-height:250px;}
.page .tarihce .swiper-slide .text h3{position:absolute;top:0;left:0;font-size:170px;color:#ffffff;z-index:1;}
.page .tarihce .swiper-slide .text strong{position:relative;z-index:2;}
.page .tarihce .swiper-slide .text p{position:relative;z-index:3;}
.page .tarihce .swiper-button-prev:after,.page .tarihce .swiper-button-next:after{content: '';}
.page .tarihce .right{position:relative;}
.page .tarihce .swiper-navigation{position:relative;width:20%;left:0;bottom:-10%;}
.page .tarihce .swiper-navigation>div:active{opacity:.5;}


@media only screen and (max-width:768px) {
    .page .tarihce .bg{width:100% !important;border-radius: 0px 0px 100px 0px;}
    .page .tarihce .swiper-navigation {width: 35% !important;bottom:1px;}
    
    .page .tanitim .left .left-img {height: 300px;}
    .page .tarihce .swiper-slide .text{font-size:18px !important;}
    .page .tarihce .swiper-slide .text h3{font-size:130px !important;}

    .page-document .swiper-slide {width: calc(50% - 10px); /* Ensure the slide is half the container's width */ }
}

@media only screen and (min-width:1200px) and (max-width:1440px){
    .page .tarihce .bg{width: 80%;}
    .page .tarihce .background-text{bottom: 25%;}
    .page .tarihce .swiper-slide .text{font-size: 21px;}
    .page .tarihce .swiper-slide .text>span{font-weight: bold;}
}

/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*FOOTER / F-SOCIAL-MEDIA*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.f-social-media{padding:5em 0;background:url('../images/f-social-media-bg.png') no-repeat center center;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;}
.f-social-media h3{font-size:3.71em;text-align:center;margin-bottom:20px;font-weight:700;}
.f-social-media h3>a{color:black;}
.f-social-media p{font-size:1.3em;text-align:center;font-weight:700;color:black;}
.f-social-media ul{list-style:none;padding-left:0;margin-bottom:30px;display:flex;flex-direction:row;gap:20px;justify-content:center;}
.f-social-media ul>li>a{color:black;font-size:25px;}
.f-social-media .f-social-media-body{width:100%;min-height:300px;position:relative;}
.f-social-media .f-social-media-body:before{content:'#temizisofset';width:225px;height:50px;line-height:50px;border-radius:10px;background:#aaa;color:#000;position:absolute;bottom:0;left:0;right:0;margin:0 auto;text-align:center;font-size:1.5em;z-index: 99999999999999999999;}



@media only screen and (max-width:767px){
  .f-social-media h3{font-size:1.71em;}  
}
.footer{padding:3em 0;position: relative;overflow: hidden;}
.footer .f-container{padding:0 12em;}
.footer .f-logo{display:block;margin-bottom:20px;}
.footer .f-logo img{max-width:100%;height:auto;}

.footer .f-row{display:flex;justify-content:space-between;}

.footer .f-row .f-box{margin-bottom:30px;}

.footer .f-row .f-box .f-address{width:330px;}
.footer .f-row .f-box .f-address .tab{display:flex;flex-direction:row;margin-bottom:20px;border-bottom:1px solid #000;}
.footer .f-row .f-box .f-address .tab .tab-item{flex-grow:1;}
.footer .f-row .f-box .f-address .tab .tab-item button{border:0;background:unset;width:100%;font-size:1.21em;text-align:left;text-transform:uppercase;opacity:.3;}
.footer .f-row .f-box .f-address .tab .tab-item-active button{font-weight:700;opacity:1;}


.footer .f-row .f-box .f-address ul{list-style:none;margin:0;padding:0;}
.footer .f-row .f-box .f-address ul>li{margin-bottom:30px;}
.footer .f-row .f-box .f-address ul>li>strong{display:block;}

.footer .f-row .f-box .list1{list-style:none;margin:0;padding:0;min-width:225px;}
.footer .f-row .f-box .list1>li>a{display:block;border-bottom:.5px solid #000;font-size:1.21em;line-height:40px;text-transform:uppercase;}

.footer .f-row .f-box h3{font-size:1.21em;font-weight:700;border-bottom:1px solid #000;line-height:40px;}
.footer .f-row .f-box .list2{list-style:none;margin:0;padding:0;min-width:225px;}
.footer .f-row .f-box .list2>li>a{display:block;font-size:1.21em;line-height:40px;text-transform:uppercase;}

.footer .contact-tab{margin-bottom:50px;}
.footer .contact-tab>ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:row;border-bottom:1px solid #000;margin-bottom:30px;}
.footer .contact-tab>ul>li{flex:0 0 50%;max-width:50%;}
.footer .contact-tab>ul>li>button{border:0;background:unset;text-transform:uppercase;font-size:1.5em;opacity:.3;line-height:60px;color: black;}
.footer .contact-tab>ul>li>.active{opacity:1;font-weight:700;}
.footer .contact-tab .contact-tab-body{min-height: 300px; overflow: hidden; width: 500px;}
.footer .contact-tab .contact-tab-body .contact-tab-body-item{position:absolute;opacity:0;visibility:hidden;}
.footer .contact-tab .contact-tab-body .contact-tab-body-item-active{position:relative;opacity:1;visibility:visible;}
.footer .contact-tab .contact-tab-body .contact-tab-body-item ul{list-style:none;margin:0;padding:0;}
.footer .contact-tab .contact-tab-body .contact-tab-body-item ul>li{font-size:1.23em;margin-bottom:25px;position:relative;}
.footer .contact-tab .contact-tab-body .contact-tab-body-item ul>li>i{position:absolute;left:0;transform: translate(-30px,0);font-size:.8em;line-height:20px;}
.footer .contact-tab .contact-tab-body .contact-tab-body-item ul>li>strong{display:block;}
.footer .contact-tab .contact-tab-body .contact-tab-body-item ul>li>a{display:block;}



@media screen and (max-width: 768px) {
    .footer { padding: 2em 1em; }
    .footer .contact-tab{margin-bottom: 0;}
    .footer .f-container { padding: 0 2em; }
    .footer .f-row { flex-direction: column; }
    .footer .f-row .f-box { margin-bottom: 30px; }
    .footer .f-logo { margin-bottom: 10px; text-align: center; }
    .footer .contact-tab .contact-tab-body { width: 100%; min-height: auto; }
    .footer .contact-tab > ul { flex-direction: column; border-bottom: 0; margin-bottom: 15px; }
    .footer .contact-tab > ul > li { flex: 1 0 100%; max-width: 100%; }
    .footer .contact-tab > ul > li > button { line-height: 40px; font-size: 1.2em; padding:0;color:black; }
    .footer .contact-tab .contact-tab-body .contact-tab-body-item ul > li { font-size: 1.1em; margin-bottom: 15px; }
    .footer .contact-tab .contact-tab-body .contact-tab-body-item ul > li > i { transform: translate(-25px, 0); font-size: .75em; }
    .footer .contact-tab .contact-tab-body .contact-tab-body-item ul > li > a { font-size: 1em; }
    .footer .f-row .f-box .list1, 
    .footer .f-row .f-box .list2 { min-width: unset; font-size: 1em; }
    .footer .f-row .f-box h3 { font-size: 1em; line-height: 30px; }
    .footer .f-row .f-box .list1>li>a,
    .footer .f-row .f-box .list2>li>a { line-height: 30px; }
}
@media only screen and (min-width:768px) and (max-width:991px){
    
}
@media only screen and (min-width:992px) and (max-width:1199px){
    
}
@media only screen and (min-width:1200px) and (max-width:1440px){
    .footer .f-container{padding:0 3em;}
}

footer{padding:50px 0 0 0;background:#f9f9f9;display:none;}
footer h3{font-size:18px;font-weight:700;margin-bottom:20px;}
footer .list{margin-bottom:50px;}
footer .list>ul{list-style:none;margin:0;padding:0;}
footer .list>ul>li{display:flex;align-items:center;}
footer .list>ul>li>i{margin-right:10px;}
footer .list>ul>li>span,footer .list>ul>li>a{display:inline-block;font-size:.9em;line-height:2em;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
footer .list>ul>li>span:hover,footer .list>ul>li>a:hover{padding-left:5px;}
footer .workhour{margin-bottom:50px;}
footer .map{margin-bottom:50px;}
footer .map>iframe{width:100%;height:250px;}

.footer .foot-bot{border-top:1px solid #eee;padding: 10px 0px;}
.footer .copyright{margin-bottom:5px;font-size:11px;text-align:center;padding-top:25px;}
.footer .swa{margin-bottom:20px;text-align:center;}
.footer .swa>a>img{display:block;width:50px;height:50px;margin:0 auto;opacity:.95;}
.footer .contracts{margin-bottom:50px;display:flex;flex-wrap:wrap;justify-content:center;height: 100%;align-items: center;}
.footer .contracts a{display:inline-block;padding:0 10px;font-size:.8em;margin:0 0 5px 0;}
@media screen and (max-width: 768px) {
  .footer .contracts{margin-bottom: 10px;}
  .footer .swa{margin-bottom: 0px;}
  .footer .copyright{padding-top:10px; }  
}

.sur-page .p1{margin-bottom:3em;}
.sur-page .p2{margin-bottom:3em;}
.sur-page .bg-1{margin-bottom:3em;}
.sur-page .bg-1 img{width:100%;height:auto;}

/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*PAGE*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.page .page-body .page-marquee{background:#ADBB77;width:100%;height:auto;margin-bottom:5em;overflow:hidden;}
.page .page-body .page-marquee-wrapper{white-space: nowrap;animation: marqueeText 30s linear infinite;position:relative;display:flex;align-items:center;gap:30px;justify-content:center;}
.page .page-body .page-marquee-wrapper span{font-size:2em;color:#fff;-webkit-text-fill-color:transparent;-webkit-text-stroke-color:#fff;-webkit-text-stroke:1px;text-transform:uppercase;display:inline-block;}

.page .page-body .page-content{margin-bottom:5em;}


/*--- PAGE ------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.page .page-head{padding:300px 0 35px 0;}
.page .page-head h1{font-size:3em;font-weight:900;margin-bottom:50px;text-transform:uppercase;text-align:center;}
.page .page-head p{font-size:1.3em;font-weight:200;margin-bottom:25px;}

.page .page-head .breadcrumb{font-size:.8em;line-height:22px;justify-content:center;}
.page .page-head .breadcrumb:before{content:'';width:19px;height:21px;background:url('../images/home.svg') no-repeat center center;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;margin-right:10px;}
.page .page-head .breadcrumb .active{font-weight:700;color:#000;opacity:1;}
.page .page-body{padding:50px 0 20px 0;}
.page .page-body .slogan{padding:0 15px;}
.page .page-foot{padding:50px 0 20px 0;background:var(--bg-color);margin-bottom:50px;}
.page .page-form{margin-bottom:50px;}

@media screen and (max-width: 768px) {
    .page .page-head h1:before {width: 65px;height: 80px; }
    .page .page-body .page-content p span{font-size: 21px !important;}
    .page-body .slogan {width: 100% !important;font-size: 32px !important;}
    .page-body .content .left {text-align: center;margin-top: 5%;border-right: none !important;}
    .page-body .content .right {text-align: center !important;}
    .page .tanitim .right .text-r {text-align: center !important; }
    .page .tanitim .right {margin-top: 5%;align-items: center;}
    .page .misyon {padding: 35px 0px;}
    .page .misyon .content {margin-top: 15% !important;}
    .page .title {font-size: 28px !important;letter-spacing: 4px !important;}
    
    .page-document .swiper-button-next {right: 40% !important;}
    .page-document .swiper-button-prev {left: 30% !important;}
    .breadcrumb {font-size: 14px !important;}
    .breadcrumb-item+.breadcrumb-item::before {float: none !important;}
    .breadcrumb .active {text-align: center !important;}

}
/*--- FORM --------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.form-group{margin-bottom:20px;}
.form-group label{display:block;font-size:1em;font-weight:700;margin-bottom:5px;}
.form-group .form-control{min-height:45px;border:0;border:1px solid #eee;font-size:1em;}
.form-group .form-control::placeholder{font-size:1em;}
.form-group input[type="checkbox"]{width:25px;height:25px;}
.form-checkbox-group{display:flex;line-height: 25px;}
.form-checkbox-group>input{accent-color:var(--primary-color);}
.form-checkbox-group a{padding-left:15px;}
.form-group button{background-color:var(--primary-color);color:#fff;font-size:1em;}
.form-group button:hover{background-color:var(--secondary-color);color:#fff;}
/*rating*/
.stars {width:100%;text-align: center;border:1px solid var(--border-color);border-radius:5px;overflow: hidden;display: flex;justify-content: center;flex-direction: row-reverse;margin-bottom:20px;}
.stars-focus{box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);}
input.star {display: none;}
label.star {margin:0;padding: 0 5px;font-size: 30px;color: #ddd;transition: all .2s;}
input.star:checked ~ label.star:before {content: '\f005';color: #FD4;transition: all .25s;font-weight: 900;}
input.star-5:checked ~ label.star:before {color: #FE7;}
input.star-1:checked ~ label.star:before {color: #F62;}
input.star-2:hover ~ label.star-1 {color: #F62;}
input.star-3:hover ~ label.star-1, input.star-3:hover ~ label.star-2 { color: #F62; }
input.star-4:hover ~ label.star-1, input.star-4:hover ~ label.star-2, input.star-4:hover ~ label.star-3 { color: #F62; }
input.star-5:hover ~ label.star-1, input.star-5:hover ~ label.star-2, input.star-5:hover ~ label.star-3, input.star-5:hover ~ label.star-4 {color: #F62;}
label.star:hover {color: #ffa300;}
label.star:before {content: '\f005';font-family: 'Font Awesome 5 Free';font-weight: 400;}
/*security-input*/
.security-group{margin-bottom:20px;position:relative;}
.security-group label{display: block;font-size:14px;font-weight:700;margin-bottom:5px;}
.security-group .img{position:absolute;top:25px;left:0;}
.security-group .img img{min-height:45px;}
.security-group .img button{border:0;min-height:45px;min-width:45px;margin:0;background:transparent;}
.security-group input{text-indent:175px;min-height:45px;min-height:45px;border:1px solid #eee;font-size:1em;}
/*--- LOADING ---------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#loading{width:100%;height:100vh;position:fixed;top:0;left:0;background:rgba(0,0,0,.7);z-index:9999999;display:flex;flex-direction:column;justify-content:center;align-items:center;}
@keyframes spin{to{transform: rotate(360deg);}from{transform: rotate(0);}}
#loading:before{content:'\f110';color:#fff;font-family: 'Font Awesome 6 Free';font-weight:900;animation: spin infinite 1s linear;}
/*--- WHATSAPP --------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.whatsAppBg{background-color: #068404 !important;background-image: linear-gradient(90deg, #068404, #0ba909);}
.intro-banner-vdo-play-btn {height:40px;width:40px;bottom:50px;left:30px;text-align: center;border-radius:80px;z-index: 999;position: fixed;color: white;display:none;}
.intro-banner-vdo-play-btn i {line-height:40px;font-size:25px;}
.intro-banner-vdo-play-btn .ripple {position: absolute;width:120px;height:120px;z-index: -1;left: 50%;top: 50%;opacity: 0;margin: -60px 0 0 -60px;border-radius:80px;-webkit-animation: ripple 1.8s infinite;animation: ripple 1.8s infinite;}
@-webkit-keyframes ripple {0% {opacity: 1;-webkit-transform: scale(0);transform: scale(0);}100% {opacity: 0;-webkit-transform: scale(1);transform: scale(1);}}
@keyframes ripple {0% {opacity: 1;-webkit-transform: scale(0);transform: scale(0);}100% {opacity: 0;-webkit-transform: scale(1);transform: scale(1);}}
.intro-banner-vdo-play-btn .ripple:nth-child(2) {animation-delay: .3s;-webkit-animation-delay: .3s;}
.intro-banner-vdo-play-btn .ripple:nth-child(3) {animation-delay: .6s;-webkit-animation-delay: .6s;}
/*--- NO-CONTENT --------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.no-content{padding:40px 20px;border:1px dashed #eee;border-radius:10px;text-align:center;margin-bottom:30px;}
.no-content>i{font-size:30px;margin-bottom:15px;color:#aaa;}
.no-content>p{font-size:18px;padding:0;margin:0;font-weight:200;}