@import url('https://fonts.googleapis.com/css2?family=Montserrat+Alternates: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,500;1,600;1,700;1,800;1,900&display=swap');
*{font-family:'Montserrat Alternates', sans-serif;}
html, body{margin:0;padding:0;overflow-x:hidden;}
body{overflow-x:hidden;background-color:#fafdfe;scroll-behavior: smooth;}

.modal-header, .modal-footer{border:none;}
.modal-content{border-radius:50px;}
.modal-dialog{max-width:55%;}
.modal-footer{display:flex;justify-content:center;}
.modal-header .btn-close{margin:0.5rem 0.5rem 0.5rem auto;}
.modal-body .head{color:#9f1940;font-weight:900;text-align:center;}
.modal-body .content{color:#606060;font-weight:300;font-style:italic;text-align:center;margin-top:1rem;padding:0 3rem;text-align:justify;text-align-last:center;}
.modal-footer{margin-bottom:1rem;}
.modal-footer a{padding:20px;border-radius:1rem;background-color:#1e323f;border:1px solid #1d323f;transition: .3s;}
.modal-footer a:hover{background-color:transparent;color:#1d323f;transition: .3s;}

#header{width:100%;height:100vh;position:relative;display:grid;align-items:center;justify-content:center;justify-items:center;background-image:url('../img/header/bg.png');background-size:cover;background-repeat:no-repeat;background-position:center;}
#header .logo{width:300px;}
#header .head-text{width:100%;}
#header .text-left{letter-spacing:10px;color:#fff;font-size:16pt;}
#header .text-right{text-align:right;letter-spacing:10px;color:#fff;font-size:16pt;}
#header .scroll-down {display: grid;align-items: center;justify-items: center;justify-content: center;margin:5rem 0;}
#header .scroll-down svg {width: 40px;height: 100%;}
#header .scroll-down svg path {fill: #fff;}
#header .scroll-down svg polygon {fill: #fff;width: 30px;}
#header .scroll-down .arrow {width: 30px;animation: arrowUpDown infinite linear 1s;}
@keyframes arrowUpDown { 0% {transform: translateY(0);opacity: 1;} 25% {transform: translateY(6px);opacity: .7;} 50% {transform: translateY(12px);opacity: .4;} 75% {transform: translateY(18px);opacity: .2;} 100% {transform: translateY(24px);opacity: 0;} }
#header .elipse{position:absolute;bottom:-90px;width:180px;height:180px;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2;}
#header .elipse .text{width:90%;position:absolute;animation:rotate linear 14s infinite;}
#header .elipse .logoicon{width:30%;position:absolute;}
@keyframes rotate{ 0%{rotate:0;} 100%{rotate:360deg;} }

#information{position:relative;width:100%;height:60vh;}
#information .two-col{display:flex;align-items:center;justify-content:center;width:100%;height:100%;}
#information .users{background-color:#1d323f;width:45%;height:100%;display:flex;align-items:center;justify-content:center;gap:10rem;position:relative;}
#information .altitude{background-color:#9f1a40;width:55%;height:100%;display:flex;align-items:center;justify-content:center;gap:10rem;position:relative;}
#information .between-bg{position:absolute;width:auto;height: 100%;z-index:1;margin-left:-5%;}
#information img{width:100px;}
#information .texts{display:grid;align-items:center;justify-items:start;color:#fff;z-index:3;}
#information .texts h1{font-size:60pt;font-weight:900;position:relative;}
#information .texts h1 span{font-weight:600;font-size:30pt;}
#information .texts h1 b{font-size:12pt;font-weight:400;position:absolute;left:60%;top:12%;}
#information .wave{position:absolute;width:100%;bottom:-5%;z-index:3;}

#categories{margin-top:5rem;position:relative;}
#categories .container-fluid{max-width:85%;}
#categories .head{text-align:center;color:#9f1a40;display: grid;justify-content: center;justify-items: center;}
#categories .head p{font-size:17pt;}
#categories .head h1{position:relative;font-size:60pt;font-weight:900;display:flex;align-items:center;justify-content:center;}
#categories .head h1::after{content:'';position:absolute;background-image: url('../img/categories/head-shape.png');background-size: 100%;background-repeat:no-repeat;width:100%;height: 34px;bottom: -5px;margin:auto;z-index: -1;}
#categories .box{display:grid;align-items:center;align-content:center;justify-items:center;gap:2rem;border-radius:100px;width:100%;height:400px;text-decoration:none!important;margin-top:2rem;transition: .3s;}
#categories .box:hover{background-color:transparent!important;transition: .3s;}
#categories .box img{filter: brightness(0) invert(1);max-width:100px;max-height:100px;}
#categories .box:hover img{filter:none;}
#categories .box h4{color:#fff;letter-spacing:10px;font-weight:400;transition: .3s;}
#categories .box.mekan{background-color:#6c8288;border:2px solid #6c8288;}
#categories .box.mekan:hover h4{color:#6c8288;letter-spacing:0;transition: .3s;}
#categories .box.suret{background-color:#ffa517;border:2px solid #ffa517;}
#categories .box.suret:hover h4{color:#ffa517;letter-spacing:0;transition: .3s;}
#categories .box.suret:hover{background-color:#ffa517;border:2px solid #ffa517;}
#categories .box.yuzeyden{background-color:#63cbcd;border:2px solid #63cbcd;}
#categories .box.yuzeyden:hover h4{color:#63cbcd;letter-spacing:0;transition: .3s;}
#categories .box.rota{background-color:#ac2a5c;border:2px solid #ac2a5c;}
#categories .box.rota:hover h4{color:#ac2a5c;letter-spacing:0;transition: .3s;}
#categories .box.atadan{background-color:#577241;border:2px solid #577241;}
#categories .box.atadan:hover h4{color:#577241;letter-spacing:0;transition: .3s;}
#categories .box.atolye{background-color:#720f30;border:2px solid #720f30;}
#categories .box.atolye:hover h4{color:#720f30;letter-spacing:0;transition: .3s;}
#categories .box.sofradan{background-color:#efd366;border:2px solid #efd366;}
#categories .box.sofradan:hover h4{color:#efd366;letter-spacing:0;transition: .3s;}

#locations{width:100%;height:140vh;position:relative;margin-top:5rem;background-image:url('../img/locations/bg.png');background-size:cover;background-repeat:no-repeat;background-position:center;padding:0;display:flex;align-items:center;justify-content:center;}
#locations .contents{margin-top:15rem;width:100%;}
#locations .contents .container-fluid{max-width:85%;}
#locations .contents .head{text-align:center;color:#fff;display: grid;justify-content: center;justify-items: center;}
#locations .contents .head p{font-size:17pt;}
#locations .contents .head h1{position:relative;font-size:60pt;font-weight:900;display:flex;align-items:center;justify-content:center;z-index:1;}
#locations .contents .head h1::after{content:'';position:absolute;background-image: url('../img/locations/head-shape.png');background-size: 100%;background-repeat:no-repeat;width:100%;height: 40px;bottom: -5px;margin:auto;z-index: -1;}
#locations .contents .content{position:relative;margin-top:10rem;display:flex;align-items:center;justify-content:space-between;width:100%;}
#locations .contents .content .way{position:absolute;width:100%;}
#locations .contents .content .box{display:flex;align-items:center;justify-content:center;position:relative;width:25%;height:380px;border:4px solid #fff;border-radius:100px;transition: .3s;}
#locations .contents .content .box .image{width:100%;height:100%;object-fit:cover;border-radius:100px;filter:brightness(.5);transition: .3s;}
#locations .contents .content .box h2{position:absolute;bottom:-10%;background-color:#9f1a40;padding:1rem 3rem;border-radius:20px;color:#fff;font-weight:900;transition: .3s;}
#locations .contents .content .box .icon{position:absolute;width:100px;height:100px;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;top:0;right:-10%;transition: .3s;}
#locations .contents .content .box .icon img{width:60px;transition: .3s;}
#locations .contents .content .box:hover{border-color:#9f1a40;transition: .3s;}
#locations .contents .content .box:hover img{filter:none;}
#locations .contents .content .box:hover h2{color:#9f1a40;background-color:#fff;transition: .3s;}
#locations .contents .content .box:hover .icon{background-color:#9f1a40;transition: .3s;}
#locations .contents .content .box:hover .icon img{filter:brightness(0) invert(1);transition: .3s;}
#locations .contents .content .box:nth-child(2){margin-top:2rem;margin-left:10%;}
#locations .contents .content .box:nth-child(3){margin-top:-5rem;}
#locations .contents .content .box:nth-child(4){margin-top:10rem;margin-left:-2rem;}

#social-media{background-color:#9f1a40;margin:0;padding:5rem 0;position:relative;}
#social-media .head{text-align:center;color:#fff;display: grid;justify-content: center;justify-items: center;}
#social-media .head p{font-size:17pt;}
#social-media .head h1{position:relative;font-size:60pt;font-weight:900;display:flex;align-items:center;justify-content:center;z-index:1;}
#social-media .head h1::after{content:'';position:absolute;background-image: url('../img/social-media/head-shape.png');background-size: 100%;background-repeat:no-repeat;width:100%;height: 60px;bottom: -5px;margin:auto;z-index: -1;}
#social-media .row{margin:5rem 0;}
#social-media .container-fluid{max-width:80%;}
#social-media .post{background-image: url(../img/social-media/post-background.png);padding: 50px 5px;background-size: contain;background-repeat: no-repeat;background-position: center;width: 100%;height: 400px;position: relative;display: flex;align-items: center;justify-content: center;}
#social-media .post img{width: auto;z-index: -1;position: relative;height: 100%;object-fit: cover;}
#social-media .height-600{height:550px;}
#social-media .shapes{}
#social-media .shapes .like-001{width:50px;position:absolute;left:100px;top:50%;}
#social-media .shapes .like-002{width:120px;position:absolute;right:200px;}

#registrationform{margin:5rem 0;}
#registrationform .head{text-align:center;color:#1e323f;display: grid;justify-content: center;justify-items: center;}
#registrationform .head p{font-size:17pt;}
#registrationform .head h1{position:relative;font-size:60pt;font-weight:900;display:flex;align-items:center;justify-content:center;z-index:1;}
#registrationform .head h1::after{content:'';position:absolute;background-image: url('../img/locations/head-shape.png');background-size: 100%;background-repeat:no-repeat;width:100%;height: 70px;bottom: -25px;margin:auto;z-index: -1;}
#registrationform input, #registrationform select, #registrationform textarea{width:100%;padding:30px 40px;border-radius:60px;margin-top:1rem;border:1px solid #ebebeb;}
#registrationform button{background-color:#1d323f;padding:20px 40px;color:#fff;border:1px solid #1d323f;float:right;border-radius:20px;margin-top:1rem;transition: .3s;}
#registrationform button:hover{background-color:transparent;color:#1d323f;transition: .3s;}
#registrationform .cv-upload{display:flex;align-items:center;}
#registrationform .cv-upload label{padding-left:30px;font-size:14pt;font-weight:700;}
#registrationform .cv-upload input{width:80%;}

#footer{padding:5rem 0;background-color:#430517;position:relative;box-shadow:0px -20px 20px 0px #00000036;}
#footer .shape{position:absolute;width:100%;top:-15%;}
#footer .container-fluid{max-width:85%;}
#footer .logo{width:300px;}
#footer .menu{display:flex;flex-wrap:wrap;align-items:center;justify-content:end;padding:0;list-style:none;margin-left:auto;gap:1.5rem;}
#footer .menu a{text-decoration:none;color:#fff;font-size:15pt;}
#footer .hr{width:100%;height:1px;margin:5rem 0;background-color:#fff;}
#footer .copyright{color:#fff;text-align:center;font-size:15pt;}