@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: 'Brandon Grotesque';
    src: url('font/BrandonGrotesque-Regular.woff2') format('woff2'),
        url('font/BrandonGrotesque-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Brandon Grotesque';
    src: url('font/BrandonGrotesque-Bold.woff2') format('woff2'),
        url('font/BrandonGrotesque-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Brandon Grotesque';
    src: url('font/BrandonGrotesque-Light.woff2') format('woff2'),
        url('font/BrandonGrotesque-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

.cookieContainer {
    text-align: center;
    color: rgb(255, 255, 255);
    background-color: #233c7e;
    position: fixed;
    z-index: 9999;
    bottom: 0px;
    width: 100%;
    padding: 10px;
    font-size: 13px;
}

.card-body {
    flex: 1 1 auto;
    padding: 1.7rem 1.7rem;
}

.subContentContainer {
    margin-top:180px;
    border-bottom:1px solid #E4E4E4;
}


.subContentContainer h1 {
    font-weight: 700;
    color:#233c7e;
    margin-bottom:30px;
}

.sucContentCol {
    padding:40px;
}

.sucContentCol {
    font-size: 20px;
    color:#233c7e;
}


img {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

body {
    
    font-family: 'Brandon Grotesque';
    font-weight: normal;
    font-style: normal;
}

.mobileView {
        display:none;
    }

.headerBg {
    background: rgb(247,148,29);
background: -webkit-linear-gradient(297deg, rgba(247,148,29,1) 47%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(297deg, rgba(247,148,29,1) 47%, rgba(255,255,255,1) 100%);
background: linear-gradient(27deg, rgba(247,148,29,1) 47%, rgba(255,255,255,1) 100%);
    padding-top:50px;
    padding-bottom:50px;
    position: relative;
}

.anime {
    -webkit-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}


.headerCol h1 {
    font-family: 'Brandon Grotesque'; font-weight: bold; font-style: normal;
    font-size: 50px;
    color:#fff;
    text-shadow: 2px 2px 2px rgba(76,46,11,0.2);
    margin:0px;
    padding:0px;
    margin-top:50px;
}

.headerCol p {
    font-size: 45px;
    font-weight: 300;
    color:#fff;
    margin:0px; padding:0px;
    padding-bottom:20px;
}

.formbtn {
    position: absolute;
    bottom:-40px;
}

.formbtn img:hover {
    transform: scale(1.05);
}


.headerCol {

}
.slider-row {
margin-bottom: -9rem;
}


.kasini-koru-slide-img {
padding: 20px;

}

.slider-row .swiper-container-slide img {
transform: rotate(4deg);
border: 7px solid #fff;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.15), 0 3px 5px 0 rgba(0, 0, 0, 0.15);
}

.swiper-pagination-h{
position: relative;
}

.gifContainer {
    margin-top:150px;
}


.gifContainer img {
    border:7px solid #f79621;
    border-radius: 7px;
}

.gifCol h2 {
    color:#233c7e;
}

.gifCol {
    padding:50px;
    padding-bottom:20px;
}

.gifColText {
    padding-top:0px !important; 
}

.gifCol img {
    max-width: 250px !important;
}



.gifCol p {
    margin-top:20px;
    font-size: 20px;
    line-height:25px;
    color:#233c7e;
}

.gifColText ul li {
    font-size: 20px;
    color:#233c7e;
}


.formContainer {
    background-color:#233c7e;
    padding-top:10px;
    padding-bottom:10px;
    margin-top:20px;
    background-image: url("img/women.jpg");
    background-repeat: no-repeat;
    background-position: center top;
}

.formContainer h1 {
    margin-top:20px;
}

.formCol {
    padding-bottom:50px;
}

.formCol p {
    color:#fff;
    font-size: 25px;
}

.input {
    border-radius: 30px;
    background-color:#fff;
    padding:10px 15px 10px 15px;
    float:left;
    margin-right: 10px;
    margin-bottom:30px;
}

.input input[type=text]{
    border: none;
    font-size: 25px;
    width: 40px;
    color: #233c7e;
}

.input select{
    border: none;
    font-size: 25px;
    color:#233c7e;
    font-weight: bold;
    background-color: #fff;
}

.footerContainer {
    margin-top:100px;
    margin-bottom:100px;
}

.footerColImg img {
    float:right;
}

.footerCol {
    margin-top:100px;
}

.footerCol a {
    font-size: 17px;
    color:#233c7e;
    font-weight: bold;
}

.sonucContainer {
    margin-top:150px;
    margin-bottom:100px;
}

.sonucCol {
    padding:50px;
}

.sonucCol h2 {
    color:#233c7e;
    font-weight: bold;
}

.sonucCol p {
    padding-right: 30px;
    font-size: 18px;
    margin-top:15px;
    color:#233c7e;
}

.sonucCol ul {
    border-top: 1px solid #D3D3D3; 
    margin:0px;
    padding:0px;
    padding-top:15px;
        margin-top:40px;

}

.sonucCol ul li {
    list-style: none;
    float:left;
    font-size: 16px;
    color:#696969;
    font-weight: bold;
}

.sonucCol ul li a {
    padding:15px;
    font-size: 16px;
    color:rgb(247 148 29);
}

.beslenmedeBilimLogoContainer {
    margin-top:100px;
    margin-bottom:10px;
}

.revizeGifContainer {
    margin-top:0px !important;
}



/*
* Media Queries
*******************/



@media only screen and (max-width : 1200px) {
    
        
    .headerCol h1 {
        font-size: 40px; 
    }
    
    .headerCol p {
        font-size: 35px; 
    }
	
.slider-row {
margin-bottom: -7rem;
}
	
}

@media only screen and (max-width : 992px) {
 .slider-row {
margin-bottom: -6rem;
}

}

@media only screen and (max-width : 768px){
    
    .gifContainer {
        margin-top: 70px;
    }
    
    .headerImg img {
       max-width: 350px;
    }
    
    .footerColImg img {
        max-width: 150px;
    }
    
    .headerCol p {
        font-size: 35px;
    }
    
    .headerBg {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    
    .headerCol h1 {
        font-size: 40px;
    }
    
    .formCol {
        padding-left:50px;
        padding-right: 50px;
    }
    

    
    
 .slider-row {
margin-bottom: 1rem;
}
    
    .headerBg {
        background:#f7941d;
    }
    
    .headerCol h1 {
        margin-top: 30px;
    }
    
    .formbtn img {
        max-width: 280px !important;
        bottom: -20px !important;
    }
    
    .formCol {
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 20px;
    }
    
    .formCol p {
        font-size: 18px;
    }
    
    .input select {
        font-size: 18px;
    }
    
    .input input[type=text] {
        border: none;
        font-size: 18px;
        color: #233c7e;
    }
    
    .input {
        border-radius: 15px;
        background-color: #fff;
        padding: 5px 10px 5px 10px;
        margin-right: 10px;
        margin-bottom: 30px;
    }
    
    .gifCol {
        padding: 30px;
        padding-bottom: 20px;
    }
    
    .formContainer {
        padding-top:250px;
        background-image: url("img/women-m.jpg");
        background-size: 450px;
    }
    
    .footerColImg img {
        max-width: 100px !important;
        margin:0 auto;
       text-align: center;
        float: none;
        margin-top:30px;
        margin-bottom:30px;
    }
    
    .footerContainer {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    
    .sonucCol {
        padding:10px;
    }
    
    .desktopView {
        display:none;
    }
    
    .mobileView {
        display: block;
    }
    
    .footerCol {
        margin-top: 0px;
    }
    
    .sonucContainer {
        margin-top: 80px;
        margin-bottom: 10px;
    }
    
}


@media only screen and (max-width : 520px) {
	
    .headerCol h1 {
        font-size: 36px; 
    }
    
    .headerCol p {
        font-size: 30px; 
    }
    
  .headerImg img {
    max-width: 100%;
  }
 	.slider-row {
		margin-bottom: 1rem;
	}

}


@media only screen and (max-width : 480px) {


}

@media only screen and (max-width : 370px){


}

@media only screen and (max-width : 320px) {


}


@media only screen and (min-width : 1200px) {



}

@media only screen and (min-width : 1360px) {


}

@media only screen and (min-width : 1439px) {


}

@media only screen and (min-width : 1599px) {



}


.sharing {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--sharing-gap, 0.5rem);
}
.sharing-item {
  transition: background 0.3s, color 0.3s;
  color: var(--sharing-color, #fff);
  background-color: var(--sharing-bg, #000);
  padding: var(--sharing-padding, 0.875rem);
  border-radius: var(--sharing-radius, 0.5rem);
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.1), 0 2px 5px -1px rgba(0, 0, 0, 0.05);
}
.sharing-item .i {
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
  transition: transform 0.3s;
  stroke-width: 2;
  width: var(--sharing-size, 22px);
  height: var(--sharing-size, 22px);
  display: block;
}
.sharing-item:hover {
  background-color: #fff;
  --sharing-color: var(--sharing-bg, #000);
}
.sharing-item:hover .i {
  transform: rotate(360deg);
}
.sharing-facebook {
  --sharing-bg: #1778F2 ;
}
.sharing-bluesky {
  --sharing-bg: #0085ff ;
}
.sharing-twitter {
  --sharing-bg: #55ACEE ;
}
.sharing-pinterest {
  --sharing-bg: #F0002A ;
}
.sharing-threads {
  --sharing-bg: #000000 ;
}
.sharing-tumblr {
  --sharing-bg: #35465C ;
}
.sharing-reddit {
  --sharing-bg: #FF4500 ;
}
.sharing-vk {
  --sharing-bg: #4376A6 ;
}
.sharing-whatsapp {
  --sharing-bg: #4FCE5D ;
}
.sharing-telegram {
  --sharing-bg: #0088CC ;
}
.sharing-linkedin {
  --sharing-bg: #0077B5 ;
}
.sharing-envelope {
  --sharing-bg: #464EB8 ;
}