@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap');

.custom-text-color{
    color: #FFC631 !important;
}
.text-lightColor{
    color: #F9C616 !important;
}
.mt-200{
    margin-top: 200px !important;
}
.auto-container-header{
	position:static;
	max-width:1400px;
	padding:0px 15px;
	margin:0 auto;
}
.page-title{
    background-image: url(../images/background/bg.png);
    position: relative;
}
.page-title:before{
	position:absolute;
	content:'';
	right:0px;
	top:0px;
    width: 100%;
    height: 100%;
	display:block;
    background-image: url(../images/background/bg3.png);
    background-repeat: no-repeat;
    background-position: right;
}
.sidebar-ımg{
    position: relative;
    padding: 25px 0 30px;
    margin-left: 30px;
}

/* etkinlikler slider */
.blog-page-section .styled-pagination-etkinlik{
	margin-top:10px;
}

.styled-pagination-etkinlik{
	position:relative;
}

.styled-pagination-etkinlik li{
	position:relative;
	display:inline-block;
	margin:0px 6px 0px 0px;
}

.styled-pagination-etkinlik li.prev a,
.styled-pagination-etkinlik li.next a{
	color:#06070C;
}

.styled-pagination-etkinlik li a{
	position:relative;
	display:inline-block;
	line-height:50px;
	height:50px;
	font-size:18px;
    margin-right: 15px;
	color:#020e28;
	font-weight:600;
	text-align:center;
	background:#ffffff;
	text-transform:capitalize;
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	font-family: 'Poppins', sans-serif;
}

.styled-pagination-etkinlik li a:hover,
.styled-pagination-etkinlik li a.active{
	color:#FFC631;
}
.detay-button{
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    line-height: 17px;
    color: #F9C616;
    font-weight: 500;
}
.mb-60{
    margin-bottom: 60px;
}
.cart-table tr:nth-child(even){
    background-color: #F4F4F4;
}
.icon-download{
    font-size: 18px;
	color: #2D2D2D;
    cursor: pointer;
    font-weight: 900;
}
.icon-download:hover{
    color: #F9C616;
}
#prod-details .content{
    overflow-x: auto;
}
.textTransform{
    text-transform: none !important;
}
.orderBox{
    display: flex;
    justify-content: center;
    gap: 20px;
}
.orderBox .services-block-three{
    filter: drop-shadow(0 0 20px rgba(0, 0, 0, 0.16));
}
.services-section-three{
    background: url("/images/urun-detay/bannerBg.png");
    position: relative;
}
.services-section-three::after{
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: transparent;
    background-color: #F4F4F4;
    opacity: 90%;
    z-index: -1;
}
.bacgroundCustom::after{
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: url("/images/urun-detay/sectionBg.png");
    background-position: top right;
    background-repeat: no-repeat;
    z-index: 0;
    pointer-events: none;
}
.bacgroundCustom{
    position: relative;
    background-color: #fff;
    height: 236px;
    padding-left:38px;
    display: flex;
    flex-direction: column;
    justify-content: center;   
}
.bacgroundCustom .text{
    color: #100F0D !important;
}
.bacgroundCustom .read-more{
    font-size: 18px !important;
    cursor: pointer;
}
.lower-content h2 a{
    font-size: 22px !important;
    line-height: 31px !important; 
    color: #06070C !important;
    font-weight: 700;
}
.title-date{
    position:relative;
	color:#F9C616;
	font-size:14px;
	margin-bottom:3px;
	text-transform:capitalize;
	font-family: 'Rubik', sans-serif;
}
.lower-content .line{
    width:50%;
    height: 1px ;
    background-color: #06070C;
    margin: 15px 0;
}
.banner{
    width: 100%;
    height: 210px;
    margin-bottom: 20px;
}
.banner img{
    width: 100%;
    height: 100%;
}
.sarmold-Hizmet .sarmold-Hizmet-Box .image{
    width: 100%;
    height: 380px;
}
.sarmold-Hizmet .sarmold-Hizmet-Box{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.sarmold-Hizmet .sarmold-Hizmet-Box .image img{
    width: 100%;
    height: 100%;
}
.sarmold-Hizmet .sarmold-Hizmet-Box h3 a{
    font-size: 24px;
    line-height: 29px;
    font-family: 'Poppins', sans-serif;
    color:#020E28;
}
/* kategori-listeleme */
.listeleme{
    padding-block: 100px;

}
.listeleme .listelemeBox{
    width: 100%;
    height: 267px;
    max-width: 1170px;
    margin:40px auto;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 70px 50px;
    gap: 25px;
    overflow: hidden;
    border: 1px solid #707070;
}
.listeleme .listelemeBox:hover{
    background-color: #F9C616;
}
.listeleme .listelemeBox:hover .text,
.listeleme .listelemeBox:hover h2,
.listeleme .listelemeBox:hover a{ 
    color: #fff !important;
}
.listeleme .listelemeBox .text{
    max-width: 625px;
    color: #100F0D;
    font-size: 18px;
    line-height: 21px;
    font-family: 'Rubik', sans-serif;
}
.listeleme .listelemeBox h2{
    color: #020E28;
    font-size: 45px;
    line-height: 31px;
    font-family: 'Poppins', sans-serif;
    line-height: 1.3em;
}
.listeleme .listelemeBox .read-more{
    font-size: 18px;
    line-height: 22px;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
}
.triangle-clip {
    width: 540px; /* Üçgenin genişliği */
    height: 100%; /* Üçgenin yüksekliği */
    background-size: contain;
    clip-path: polygon(0% 100%, 100% 0%, 100% 100%); /* Üçgen şeklini burada tanımlayın */
    position: absolute;
    right:0;
    top: 0;
    border: 1px solid blue;
}
.triangle-clip img{
    width: 100%;
    height: 100%;
}
.iletisim .clearfix{
    display: flex;
    flex-direction: column;
}
.iletisim{
    margin-bottom: 0 !important;
    padding-block: 20px;
}
.iletisim h2{
	position:relative;
	font-size:30px;
	font-weight:600;
	color:#020e28;
	line-height:1.2em;
	padding:0px 0px 24px;
	display:inline-block;
	text-transform:none;
}
.iletisim h2::after{
    position: absolute;
    content: '';
    left: 0px;
    bottom: 0px;
    width: 50px;
    height: 4px;
    background-color: #FFC631;
}
.iletisim .iletisimText{
    font-size: 18px;
    line-height: 25px;
    font-family: 'Rubik', sans-serif;
    color: #848484;
    width: 350px;
    margin-top: 20px;
}
.mt-50{
    margin-top: 50px;
}
.slider2{
    padding: 0px 25px !important;
}
.contact-profile{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 280px;
}
.contact-profile .profile-img{
    width: 100%;
    height: 165px;
    position: relative;
}
.contact-profile .profile-img img{
    width: 100%;
    height: 100%;
}
.contact-profile .profile-img .info{
    position: absolute;
    bottom: 0;
    display: flex;
    flex-direction: column;
    left: 0;

}
.contact-profile .profile-img .info h2{
    font-size: 17px;
    line-height: 20px;
    font-family: 'Poppins', sans-serif;
    color: #000000;
    padding: 0px 5px;
}
.contact-profile .profile-img .info p{
    font-size: 14px;
    line-height: 17px;
    font-family: 'Rubik', sans-serif;
    color: #fff;
    background-color: #F4CA26;
    margin: 0 0 0;
    padding: 5px 8px ;
    text-align: center;
}
.contact-profile .profile-info{
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 15px;
    padding-block: 20px;
    border: 1px solid #C8C8C8;
    width: 100%;
}
.swiper-location{
    top: -50px;
    left: 0;
    width: 100%;
}


.slider2 .swiper-pagination-bullet-active{
    background-color: #F4CA26 !important;
    width: 20px;
    border-radius: 30px;
    opacity: 1;
}

.aboutSubtitle{
    text-transform: uppercase;
    padding-left: 60px;
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 21px;
    margin-bottom: 15px;
    font-family: Archivo,sans-serif;
    font-weight: 600;
    color: #000810;
}
.aboutSubtitle::before{
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 2px;
    width: 40px;
    background: #ffc631;
}
.kariyerSubtitle{
    padding-left: 60px;
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 21px;
    margin-bottom: 15px;
    font-family: Archivo,sans-serif;
    font-weight: 600;
    color: #000810;
}
.kariyerSubtitle::before{
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 2px;
    width: 40px;
    background: #ffc631;
}
.aboutTitle h2{
    font-size: 42px;
    line-height: 57px;
    color: #000810;
	font-family: 'Poppins', sans-serif;
    font-weight: bold;
    margin-bottom: 15px;
}
.borderBottom{
    border-bottom: 1px solid #707070;
}
.pt-44{
    padding-top: 44px !important;
}
.aboutText{
    padding-inline: 15px;
}
.aboutText p{
    position: relative;
    color: #000810;
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 18px;
}
.vizyon-misyon{
    margin-bottom: 70px;
}
.vizyon-misyon-box{
    min-height: 290px;
    border: 1px solid #A9A9A9;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 47px 35px;
    gap: 18px;
}
.vizyon-misyon-box .icons{
    width: auto;
    height: 56px;
    display: flex;
    align-items: center;
}
.vizyon-misyon-box .icons img{
    height: 100%;
}
.vizyon-misyon-box h3{
    font-size: 26px;
    line-height: 32px;
	font-family: 'Poppins', sans-serif;
    font-weight: bold;
    color: #000810;
}
.vizyon-misyon-box .text{
    font-size: 19px;
    line-height: 23px;
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    color: #100F0D;
}
.history-section .sec-title h3{
    font-size: 15px;
    text-transform: uppercase;
    line-height: 18px;
    font-family: Archivo,sans-serif;
    font-weight: 700;
    color: #100F0D;
    margin-bottom: 15px;
}
.history-section .sec-title h2{
    text-transform: none;
}
.team-section .sec-title h2{
    text-transform: none;
}
.team-section .sec-title h3{
    font-size: 15px;
    text-transform: uppercase;
    line-height: 18px;
    font-family: Archivo,sans-serif;
    font-weight: 700;
    color: #100F0D;
    margin-bottom: 15px;
}
.slide-partners-css .swiper-pagination-2{
    margin: auto;
    text-align: center;
    
}
.slide-partners-css .swiper-pagination-bullet{
    position: relative;
}
.slide-partners-css .swiper-pagination-bullet-active{
    background-color: #F4CA26 !important;
    width: 20px;
    border-radius: 30px;
    opacity: 1;
}
.swiper-pagination-3{
    margin: auto;
    text-align: center;
}
.swiper-pagination-3 .swiper-pagination-bullet{
    position: relative;
}
.swiper-pagination-3 .swiper-pagination-bullet-active{
    background-color: #F4CA26 !important;
    width: 20px;
    border-radius: 30px;
    opacity: 1;
}

.swiper-pagination-css{
    bottom: -50px !important;
}
.swiper-pagination-css .swiper-pagination-bullet{
    position: relative;
}
.swiper-pagination-css .swiper-pagination-bullet-active{
    background-color: #F4CA26 !important;
    width: 20px;
    border-radius: 30px;
    opacity: 1;
}
.primary-bg{
    background: #100F0D;
    color: #fff;
    padding: 180px 0;
}
.primary-bg .aboutSubtitle{
    color: #fff;
}
.primary-bg .title{
    font-size: 48px;
    line-height: 58px;
    margin-block: 40px;
}
.primary-bg .author{
    font-size: 19px;
    line-height: 23px;
    color: #FFC631;
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    text-transform: uppercase;
}
/* .team-block .inner-box {
    border: 1px solid #f2f2f2;
} */

.video .sec-title{
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
}
.video .sec-title h3{
    font-size: 15px;
    text-transform: uppercase;
    line-height: 18px;
    font-family: Archivo,sans-serif;
    font-weight: 700;
    color: #100F0D;
    margin-bottom: 15px;
}
.video .sec-title h2{
    text-transform: none;
}
.video .video-container{
    position: relative;
    overflow: hidden;
    height: 550px;
}
.video .video-container .video_cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.video .video_cover img {
    height: 100%;
}
.video .video_cover::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
    z-index: 888;
    opacity: .6;
}
.video .video-container .video_btn{
    width: 110px;
    height: 110px;
    font-size: 34px; 
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    border: 2px solid #FFC631;
    border-radius: 50%;
    color: #FFC631;
    cursor: pointer;
}
.video_btn span {
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}
.video .video-container .video_content{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 0;
}
.py-100{
    padding-block: 100px !important;
}
.video .video_desc{
    position: relative;
    height: 550px;

}
.video .decs{
    z-index: 2 !important;
    max-width: 560px;
    min-height: 125px;
    font-size: 19px; 
    font-family: "Roboto", sans-serif;
    line-height: 23px;
    z-index: 2;
    position: absolute;
    bottom:-60px;
    left:-2px;
    padding: 20px 31px;
    background-color: #F4CA26;
    color: #fff;
}
.video .decs p{
    font-size: 19px;
    line-height: 23px;
    font-family: "Roboto", sans-serif;

}
.error .auto-container{
    display: flex;
    align-items: center;
    padding-block: 128px;
    flex-wrap: wrap;
}
.error_number {
	font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 300px;
    line-height: 373px;
    display: inline-block;
    color:#000810;
}
.error_message-header h3{
    font-size: 48px;
    line-height: 57px;
    font-weight: bold;
    color: #000810;
    font-family: 'Poppins', sans-serif;

}
.btnError{
    font-family: Archivo,sans-serif;
    font-weight: 700;
    padding: 16px 25px;
    color: #000810;
    font-size: 18px;
    line-height: 1;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    background: #ffc631;
    text-transform: uppercase;
    position: relative;
    bottom: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.btnError:hover{
    bottom: 5px;
    color: #000810;
}
.error_message-text{
    font-size: 18px;
    color: #000810;
    line-height: 27px;
    font-family: 'Rubik', sans-serif;
}
.pt-50{
    padding-top: 50px !important;
}
.market-block-five .block-inner .icon-box-1{
	color:#f0f0f0;
	font-size:70px;
	line-height:1em;
    display: flex;
    align-items: center;
    gap: 20px;
}
.market-block-five{
    border: 1px solid #f0f0f0;
}
.incele{
    display: flex;
    align-items: center;
    gap: 15px;
}
.incele a{
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    line-height: 22px;
    font-weight: 500;
    color: #848484;
}
.icon-box-1{
    display: flex;
    align-items: center;
}
.icon-box-1 h3{
    display: flex;
    align-items: center;
    margin-bottom: 0 !important;
}
.icon-box-1 .icon{
    width: 70px;
    height: 70px;
}
.icon-box-1 .icon img{
    width: 100%;
    height: 100%;
    vertical-align: none;
}
.content-side {
    margin-bottom: 70px;
}
.block-inner:hover{
    background-color: #F9C616;
}
.market-block-five:hover .block-text,
.market-block-five:hover h3
{
    color: #fff;
}
.market-blocks:hover .market-block-five .incele{
    display: none;
}
.detay{
    display: none;
}
.market-blocks:hover .market-block-five .detay{
    display: block;
}
.detay a{
    color: #fff;
}
.imputs h2{
    position: relative;
    color: #06070C;
    font-weight: 600;
    padding-bottom: 12px;
    margin-bottom: 32px;
    text-transform: capitalize;
    font-size: 30px;
    line-height: 36px;
    font-family: 'Poppins', sans-serif;
}
.imputs h2::after{
    position: absolute;
    content: '';
    left: 0px;
    bottom: 0px;
    width: 70px;
    height: 4px;
    background-color: #FFC631;
}
.imputs .formText{
    font-family: 'Rubik', sans-serif;
    font-size: 18px;
    line-height: 25;
    color: #848484;
    max-width: 350px;
}
.fileInput{
    position: relative;
    width: 100%;
    line-height: 28px;
    padding: 10px 0px;
    height: 50px;
    color: #848484;
    font-size: 16px;
    border-bottom: 1px solid #f2f2f2;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
    font-family: 'Rubik', sans-serif;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    font-weight: 400;
}
.form-group .plus-icon{
    border: 1px solid #c4c4c4;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #c4c4c4;
}
.fileInput input {
    display: none;
}
.logo-box .logo img{
    width: 210px;
}

.defaultimg::before{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(to right, black, transparent);
    pointer-events: none;
    z-index: 999;
}
.defaultimg::after{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    right: -59%;
    background: url("../images/background/bg3.png");
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
    z-index: 999;
}
.buttonMore{
    display: flex;
    justify-content: center;
    padding-top: 15px;
}
.buttonMore a{
    background-color: #F9C616;
    color: #fff;
    padding: 15px 28px;
    gap: 10px;
    display: flex;
    white-space: nowrap;
    overflow: hidden;
    border: 1px solid #F9C616;
}
.buttonMore:hover a{
    background-color: #fff;
    color: #F9C616;
    border: 1px solid #F9C616;
}
.about-section{
    background-color: #F9F9F9;
}
.about-content .sec-title h2{
    font-size: 30px;
    line-height: 36px;
    color: #100F0D;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    text-transform: capitalize;
}
.about-content .sec-title{
    display: flex;
    justify-content: space-between;
}
.about-content .sec-title a{
    font-size: 17px;
    line-height: 20px;
    font-family: Archivo,sans-serif;
    color: #F9C616;
}
.about-content .sec-title a:hover{
    color: #100F0D;
}
.about-block li{
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.about-block .about-block-desc{
    font-size: 14px;
    line-height: 19px;
    color: #100F0D;
    font-family: 'Rubik', sans-serif;
    max-width: 150px;
}
.about-block .title{
    font-size: 18px;
    line-height: 24px;
    font-family: 'Poppins', sans-serif;
}
.home-market-section-three{
    background-color: #100F0D;
}
.home-market-section-three .owl-nav{
    display: none;
}
.home-market{
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
    align-items: center;
}
.home-market .sec-home-title{
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    color: #fff;
}
.home-market .sec-home-title .aboutSubtitle{
    color: #fff;
}
.home-market .sec-home-title h2{
    font-size: 45px;
    line-height: 54px;
    font-family: 'Poppins', sans-serif;
    font-weight: bold;
}
.market-block-three-1 .videocontent h3{
    color: #FFFFFF;
    font-size: 22px;
    line-height: 31px;
    font-family: Archivo,sans-serif;
    padding-block: 15px;
    border-bottom: 1px solid #A9A9A9;
    max-width: 80%;
}
.market-block-three-1 .videocontent .konum{
    display: flex;
    gap: 15px;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 20px;
    font-family: "Roboto", sans-serif;
    padding-block: 15px;

}
.market-block-three-1 .videocontent .konum img{
    width: 12px;
}
.market-block-three-1 .inner-box .upper-box{
	position:relative;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
    width: 370px;
    height: 296px;
}
/*spots*/
.spots .sec-title{
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    color: #fff;
}
.spots .sec-title h2{
    font-size: 48px;
    line-height: 57px;
    font-family: 'Poppins', sans-serif;
    font-weight: bold;
    text-transform: capitalize;
    color: #100F0D;
}
.spots_info {
    color: #100F0D
}

.spots_info-text {
    margin: 30px 0;
    font-size: 19px;
    line-height: 22px;
    font-family: 'Rubik', sans-serif;
    color: #202C38;
}
.spots_info .wrapper{
    position: relative;
    width: 100%;
    height: 415px;
}
.mapBg img{
    position: absolute;
    right:0;
    top: 0;
    z-index: -1;

}
.spots_info-number {
    width: 292px;
    height: 187px;
    margin-bottom: 20px;
    background-color: #fff;
    filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.10));
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;   
}
.spots_info-number-2 {
    width: 292px;
    height: 187px;
    background-color: #fff;
    filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.10));
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.spots_info-number .label,.spots_info-number .number {
    display: block
}

.spots_info-number .number {
    color: #FFC631;
    font-family: Archivo,sans-serif;
    font-weight: 800;
    font-size: 80px;
    line-height: 96px
}

.spots_info-number .label {
    font-weight: 700;
    color: #202C38;
    font-size: 19px;
    line-height: 23px;
    text-align: left;
    padding: 0 0 0 ;
    width: 150px;
}

.spots_info-number-2 .label,.spots_info-number .number {
    display: block
}

.spots_info-number-2 .number {
    color: #FFC631;
    font-family: Archivo,sans-serif;
    font-weight: 800;
    font-size: 80px;
    line-height: 96px
}

.spots_info-number-2 .label {
    font-weight: 700;
    color: #202C38;
    font-size: 19px;
    line-height: 23px;
    text-align: left;
    padding: 0 0 0 ;
    width: 150px;

}

.spots_map {
    margin-top: 30px;
    position: relative
}

.spots_map img {
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    color:#100F0D;
}

.hot-spot {
    width: 7px;
    height: 7px;
    background-color: #ffc631;
    border-radius: 50%;
    position: absolute;
    z-index: 100;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    cursor: pointer
}

.hot-spot:before {
    content: '';
    width: 15px;
    height: 15px;
    background-color: rgba(255,198,49,.4);
    position: absolute;
    border-radius: 50%;
    top: -50%;
    left: -50%;
    -webkit-transform: translate(50%,50%);
    -ms-transform: translate(50%,50%);
    transform: translate(50%,50%);
    -webkit-animation: 3s infinite pulse;
    animation: 3s infinite pulse;
    z-index: 99
}

.speech-bubble {
    background: #626d6a;
    color: #fff;
    display: block;
    padding: 15px;
    font-family: Archivo,sans-serif;
    font-weight: 700;
    max-width: 250px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    z-index: -1;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.speech-bubble.active {
    visibility: visible;
    opacity: 1;
    z-index: 1000
}
.mobilPag{
    display: none;
}
.d-pc-none{
    display: none;
}
.widget-gg-map{
    width: 100%;
}
.widget-gg-map iframe{
    width: 100%;
}
.project-block-four .inner-box .image{
    position: relative;
	min-height: 427px;
}
.project-block-four .inner-box .image .playIcon{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.4);
    pointer-events: none;
}
.project-block-four .inner-box .image .playIcon img{
    width: 66px;
    height: 66px;
    cursor: pointer;
}
.project-block-four{
	height:600px !important;
}

.logoAlt{
    display:none;
    position: absolute;
    width: 100px;
    transform: translateX(-25px);
    bottom: -40px;
    z-index: -66;
}
.market-block-three-1 .inner-box .image{
    position: relative;
}
.market-block-three-1 .inner-box .image .playIcon{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.4);
    pointer-events: none;
}
.market-block-three-1 .inner-box .image .playIcon img{
    width: 66px;
    height: 66px;
    cursor: pointer;
}
.mt-mobil{
    margin-top: -65px;
}
.cookie-banner{
    background-color: #777777;
    display: flex;
    align-items: center;
    gap: 20px;
}
.cookie-banner #acceptButton{
    width: max-content;
    margin-top: 0;
    position: relative;
    top: 0;
    right: 0;
    background-color: #ffc631;

}
@media only screen and (max-width: 767px) {
    .cookie-banner{
        background-color: #777777;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap:0;
    }
    .cookie-banner p{
            font-size: 13px;
    }
    .cookie-banner #acceptButton{
        margin-top: 0;
        position: relative;
        top: 0;
        right: 0;
        
    }
    .mt-mobil{
        margin-top: -20px;
    }
    .main-header .main-box .logo-box{
        margin-bottom: 0 !important;
        padding-bottom: 20px;
        position: relative;
    }
    .logoAlt{
        position: absolute;
        width: 100px;
        transform: translateX(-25px);
        top: 100%;
        z-index: -66;
                display:none;
    }
    .d-pc-none{
        display: block;
    }
    .d-mobil-none{
        display: none;
    }
    .mobilBanner{
        height: auto !important;
    }
    .m-wrapFlex{
        display: flex;
        flex-wrap: wrap-reverse;
    }
    .company-section .image-column .inner-column .image img{
        height: auto;
    }
    .mobil-mb-50{
        margin-bottom: 50px !important;
    }
    .mobil-mt-70{
        margin-top: 70px !important;
    }
    .error_number{
        font-size: 150px;
        line-height:197px;
    }
    .listeleme .listelemeBox{
        height: auto;
        padding: 30px 20px 0;
    }
    .triangle-clip{
        width: 350px;
        position: relative;
        width: 100%;
    }
    .main-menu .collapse.in, .main-menu .collapsing{
        left: 0;
    height: 361px;
    width: 100vw;
    /* height: 100%; */
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 999;
    }
    .video .auto-container{
        padding: 0 0;
    }
    .video .video-container .video_btn{
        width: 55px;
        height: 55px;
    }
    .video .video-container .video_btn span{
        font-size: 25px;
    }
    .video .video-container .video_content{
        width: 100%;
        height: 100%;
    }
    .main-menu .navigation > li > ul > li{
        padding: 0px 20px !important;
    }

    .video{
        margin-bottom: 100px;
    }
    .video .video_desc{
        height: 250px;
    }
    .video .video-container{
        height: 100%;
    }
    .video .decs{
        z-index: 2 !important;
        max-width: 560px;
        min-height: 125px;
        font-size: 19px; 
        font-family: "Roboto", sans-serif;
        line-height: 23px;
        z-index: 2;
        position: relative;
        bottom:-0;
        left:-0;
        padding: 20px 31px;
        background-color: #F4CA26;
        color: #fff;
    }
}
@media only screen and (max-width: 479px) {
    .logoAlt{
        position: absolute;
        width: 100px;
        transform: translateX(-35px);
        top: 100%;
        z-index: -66;
        display:none;
    }
}