html {
    background-color: white !important;
}
.jcsb{
    justify-content: space-between !important;
}
.my_close{
    background: transparent;
    border: none;
    outline: none;
}
#exampleModal2 .btn-close{
    background: transparent;
    border: none;
    outline: none;
    font-size: 19px;
    font-weight: 600;
}
.brgoster br{
display:block !important;    
}
.eventhall {
    width: 400px !important;
}
.roommelumat {
    font-size:14px;
}
.roommelumat img {
    width: 30px;
    height: 30px;
    object-fit: contain;
    border-radius: 10px;
    background: #e1e1e1;
    padding: 5px;
    margin-right: 5px;
    margin-bottom: 3px;
}

.filiallarimiz h5 {
    background: #fdf2e5;
    display: inline-block;
    border-radius: 10px 10px 0px 0px;
    padding: 12px 22px;
    margin: 0;
}

.filial {
    background: #fdf2e5;
    border-radius: 0px 10px 10px 10px;
}

.paketleredaxildir img {
    height: auto !important;
    width: 25px !important;
    margin-right: 6px;
}

.paketleredaxildir {
    margin-bottom: 10px;
}
.room_text_area{
    display: none;
}



.fullDescription br {
    display:none;
}


img.fr-dib {
    margin: 0px auto !important;
}
a.highslide {
    display: inline-block;
    width: 32%;
    overflow: hidden;
    border-radius: 10px;
    margin-right: 10px;
}



.fullDescription {
    text-align: center;
}







/*highslide*/

.highslide-controls {
    width: 195px;
    height: 40px;
    background: url(../../../engine/classes/highslide/graphics/controlbar-black-border.gif) 0 -90px no-repeat;
    margin-right: 15px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.highslide-controls ul {
    position: relative;
    left: 15px;
    height: 40px;
    list-style: none;
    margin: 0;
    padding: 0;
    background: url(../../../engine/classes/highslide/graphics/controlbar-black-border.gif) right -90px no-repeat;
}

.highslide-controls li {
    float: left;
    padding: 5px 0;
}

.highslide-controls a {
    background: url(../../../engine/classes/highslide/graphics/controlbar-black-border.gif);
    display: block;
    float: left;
    height: 30px;
    width: 30px;
    outline: none;
}

.highslide-controls a.disabled {
    cursor: default;
}

.highslide-controls a span {
    /* hide the text for these graphic buttons */
    display: none;
}

/* The CSS sprites for the controlbar */
.highslide-controls .highslide-previous a {
    background-position: 0 0;
}

.highslide-controls .highslide-previous a:hover {
    background-position: 0 -30px;
}

.highslide-controls .highslide-previous a.disabled {
    background-position: 0 -60px !important;
}

.highslide-controls .highslide-play a {
    background-position: -30px 0;
}

.highslide-controls .highslide-play a:hover {
    background-position: -30px -30px;
}

.highslide-controls .highslide-play a.disabled {
    background-position: -30px -60px !important;
}

.highslide-controls .highslide-pause a {
    background-position: -60px 0;
}

.highslide-controls .highslide-pause a:hover {
    background-position: -60px -30px;
}

.highslide-controls .highslide-next a {
    background-position: -90px 0;
}

.highslide-controls .highslide-next a:hover {
    background-position: -90px -30px;
}

.highslide-controls .highslide-next a.disabled {
    background-position: -90px -60px !important;
}

.highslide-controls .highslide-move a {
    background-position: -120px 0;
}

.highslide-controls .highslide-move a:hover {
    background-position: -120px -30px;
}

.highslide-controls .highslide-full-expand a {
    background-position: -150px 0;
}

.highslide-controls .highslide-full-expand a:hover {
    background-position: -150px -30px;
}

.highslide-controls .highslide-full-expand a.disabled {
    background-position: -150px -60px !important;
}

.highslide-controls .highslide-close a {
    background-position: -180px 0;
}

.highslide-controls .highslide-close a:hover {
    background-position: -180px -30px;
}









@media(min-width:993px) {

}

.footer {
    padding: 15px;
}

p.foot {
    display: inline;
    margin-right: 20px;
}
    .static{
        padding: 50px 0;
        padding-top:0;
    }
    
     .static a{
        color:#341ec7;
        transition: 0.3s ease;
     }
      .static a:hover{
        color:#42397f;
      }
     .static li{
        margin-left:30px;
     }
     
  #map {
    height: 400px;
    overflow: hidden;
    filter: grayscale(100%);
}   
.xerite {
    margin-top:30px;
    padding: 0 !important;
    overflow: hidden;
}

    .fullStory{
  
        padding: 30px 0 20px 0px ;
        background: #f5f5f5;
        border-radius: 10px;
    }
    .fullTextService{
          padding: 0 20px;
    }
    .fullStory .fullText{
        margin-top: 30px;
        padding: 0 20px;
    }
    .fullImg{
        text-align:center;
    }
.fullStory img { 
    width: 100%;
    height: 340px;
    object-fit: cover;
    object-position: 10% 80%;
}
     .fullStory .title h1{
         font-size: 2rem;
     }
     .fullStory a{
         color:#341ec7;
        transition: 0.3s ease;
     }
      .fullStory a:hover{
           color:#42397f;
      }
         .fullStory  li{
         margin-left:30px;
     }
     .fullStory ol{
         margin-bottom:0;
     }





.foto img {
    max-width:160px;
}

.link-body {
    background-color: #f7f7f7 !important;
}

.link-footer {
    /* background-color: #212930; */
    padding: 30px 0;
    margin-top: 30px;
    padding-bottom:20px;
    color: #1E242A;
        /* border-top: 1px dashed #1E242A; */
        font-size: 12px;
    font-weight:500;
}



.container {
    max-width: 1300px;
}


.link-card a,.link-card .link-btn-rounded {
    border-radius: 40px;
    padding: 16px;
    min-height: 360px;
    max-height: 360px;
}

.product-card-a {
    border-radius: 40px;
    padding: 16px;
    min-height: 360px;
    max-height: 360px;
    height: 100%;
    min-height: inherit;
}

@media(max-width:400px) {
}

.link-card-single div:first-child,
.link-card-single div:first-child a,
.product-card-a {
    height: 100%;
    min-height: inherit;
}

.link-card-single div:first-child a,
.product-card-a {
    max-height: fit-content !important;
}

.product-link-title {
    font-size: 18px;
}

.product-link-description {
    font-size: 14px;
}


.slick-track {
    margin-left: 0 !important;
}


.font-weight-medium2 {
    font-weight: 600;
}

.profile-img-div {
    justify-content: center;
}

.profile-info-div h2,
.profile-info-div p,
.profile-info-div small {
    text-align: center;
}

.slick-list {
    padding: 0 21% 0 5% !important;
}

@media(max-width:767px) {
    .eventhall {
    width: 100% !important;
}
    
    .user-detail-area {
        padding:20px 0 !important;
    }
    a.highslide {
        width:100%;
    }
    
    .foto img {
    max-width:140px;
}
    .user-avatar {
        width: 100px;
        height: 100px;
    }

    .profile-main {
        padding: 25px 0;
    }
}

@media(max-width:550px) {
    footer {
        height: auto;
    }
    .checkout-modal-dialog{
        width: 96% !important;
    }
    
}

@media(max-width:500px) {
    .purchase-btn,.price-btn{
        min-width: 45% !important;
        font-size: 14px !important
    }
}

@media(max-width:400px) {
    .link-img-div {
        /* height:150px; */
    }
}

.slick-track {
    display: flex !important;
}

.slick-slide {
    height: inherit !important;
}

.links-slider {
    flex-basis: 100%;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
}

.links-slider-main {
    margin-bottom: 10px;
}

@media(max-width:1200px) {


}

._embed_video_wrapper {
    border: none !important;
}

.links-slider-main::-webkit-scrollbar {
    height: 0.5em;
}

.links-slider-main::-webkit-scrollbar-track {}

.links-slider-main::-webkit-scrollbar-thumb {
    background-color: #d3d3d3;
    border-radius: 50px;
}

@media(min-width:767px) {
    .links-slider {
        flex-wrap: wrap;
        display: flex;
        align-items: center;
        margin: 0;
    }

    
}




@media(max-width:767px) {


    .link-content {
        padding: 0rem 1rem;
    }

    .links-slider-main {
        overflow-x: scroll;
        overflow-y: hidden;
    }

    .links-slider {
        display: flex;
    }


}


.post-card h4,
.post-card p {
    color: #1E242A !important;
}

.single-link-block-arrow svg rect{
    fill: #1E242A !important;
}

.folder-title{
    color: #1E242A !important;
}

.product-title,.product-short-description,.product-description{
    color: #1E242A !important;
}
.product-title{
    letter-spacing: -1px;
    font-weight: 600;
}
.folder-title {
    font-size: 22px;
    text-align: center;
    font-weight: 500 !important;
}

.btn-primary:focus,
.btn-primary.focus {
    box-shadow: 0px 0px 15px #00008024 !important;
}

.div-block-342,
.product-card-price-badge {
    color: #fff;
}

.profile_title {
    overflow-wrap: anywhere;
}

.single-link-block-img{
    background-color: #dedede !important;
}
.widget-block {
    background-color: #dedede !important;
}
.post-border-light {
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.08);
    transition: box-shadow 0.3s ease;
}
    
.post-border-light:hover {
    box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.08);
}
    
.post-border-dark {
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.08);
    transition: box-shadow 0.3s ease;
}
    
.post-border-dark:hover {
    box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.08);
}

.skeleton-line,.skeleton-img,.skeleton-button{
    background-color: #080808 !important;
}

.subscribe-next-btn, .subscribe-btn,.page-menu-btn, .page-menu-btn-inverse, .purchase-btn{
    background-color: #1E242A !important;
    border:none;
        color: #ffffff !important;
        font-weight: 500;
}

.product-card-a a.product-card-learn-more-btn{

    border-color: transparent !important;
    background-color: #080808 !important;
    color: #ffffff !important;
}
.price-btn,.page-menu-btn-inverse{
    border: 3px solid #1E242A !important;
    color: #1E242A !important;
    background: transparent !important;
}
.purchase-btn{
    border: 3px solid transparent !important;
}
.purchase-btn,.price-btn{
    border-radius: 16px !important;
    min-width: 220px;
    font-size: 16px;
    font-weight: 700;
    padding-top:12px !important;
    padding-bottom:12px !important;
}



input {
    background-color: white !important;
    border-radius: 30px !important;
    padding: 12px !important;
}




.link-body {
    min-height: 100vh;
}


.text-block-main {
    border-radius: 40px;
}

a.product-card-purchase-btn {
    font-weight: 600
}

.product-card-a a.product-card-purchase-btn,
.product-card-a .product-card-price-badge {
    border-color: transparent !important;
    background-color: #080808 !important;
    color: #ffffff !important;
}



.come-from-modal.left .modal-dialog,
.come-from-modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 500px;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.come-from-modal.left .modal-content,
.come-from-modal.right .modal-content {
    height: 90vh;
    overflow-y: auto;
    border-radius: 0px;
    border-radius: 30px;
    padding: 10px 15px !important;
}

.come-from-modal.left .modal-body,
.come-from-modal.right .modal-body {
    padding: 15px 15px 80px;
}
.come-from-modal.right.fade .modal-dialog {
    right: 2%;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

.come-from-modal.right.fade.in .modal-dialog {
    right: 0;
}

#checkoutModal .modal-body h4{
    font-weight: 600;
}
.cart-details img{
    border-radius: 10px;
}
.cart-details p{
    color: #5B5B5B !important;
    font-weight: 500;
}
.cart-details strong{
    color: #5B5B5B !important;
    font-weight: 700;
}
#checkoutModal .up-in-toggle {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3px;
  border-radius: 7px;
  color: #5B5B5B;
  background: #f1f1f1;
}
#checkoutModal .up-in-toggle label {
  display: inline-block;
  width: 60px;
  text-align: center;
  font-size: 0.9rem;
  padding: 6px 16px;
  text-align: center;
  width: 50%;
  float: left;
  color: #5B5B5B;
  transition: all 0.1s ease-in-out;
}
#checkoutModal .up-in-toggle label:hover {
  cursor: pointer;
}

#checkoutModal .up-in-toggle input {
  clip: rect(0, 0, 0, 0);
  height: 1px;
  width: 1px;
  border: 0;
  overflow: hidden;
  flex-basis: auto;
}
#checkoutModal .up-in-toggle input:checked + label {
  background: #ffffff;
  font-weight: 500;
  box-shadow: 0px 4px 10px rgba(5, 2, 24, 0.06);
}

#checkoutModal .up-in-toggle label:first-of-type {
  border-radius: 7px;
}

#checkoutModal .up-in-toggle label:last-of-type {
  border-radius: 7px;
  
}

#checkoutModal input.form-control, #checkoutModal textarea.form-control{
    border-radius: 14px !important;
    border: 1px solid #D6D6D6 !important;
    padding: 8px 15px !important;
    font-weight: 500 !important;
}
#checkoutModal input.form-control:focus, #checkoutModal textarea.form-control:focus{
    color: #5b5b5b !important;
}
#checkoutModal input.form-control::placeholder, #checkoutModal textarea.form-control::placeholder{
    color: #8991A8 !important;
    font-weight:500 !important;
}
.btn-purchase-block{
    border-radius: 14px !important;
    color: white;
}
#checkoutModal small{
    color: #8991A8 !important;
}
#checkoutModal .modal-footer{
    border: none !important;
    display: flex;
    /* padding:10px 10%; */
    align-items: center;
    justify-content: center;
}
#checkoutModal .modal-content{
    overflow: hidden;
    padding-right: 5px !important;
}
.modal-content-indiv{
    overflow-y: auto;
}
.modal-content-indiv::-webkit-scrollbar {
  width: 0.25em;
}
.modal-content-indiv::-webkit-scrollbar-thumb {
  background-color: #dfdfdf;
}
.link-content{
    padding-bottom: 100px;
}
.page-footer{
    /* position: absolute; */
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    bottom: 0;
    left: 0;
    padding: 30px 0;
    transition: 0.6s all ease;
}
.accordion-body  {
    background-color: #dedede !important;
    color:  #1E242A !important;
    border-color: #dedede !important;
}

.content-text a{
    color: #1E242A;
    text-decoration: underline;
    font-weight: 600;
}

.product-content-divider {
    background: #1E242A !important;
    opacity: 0.2;
}
.product-content-image{
    border: 2px solid #1E242A;
}

    body{
    font-family: 'Averta';
}




.basliq img{
    width: 26px;
    margin-right: 6px;
    margin-top: -5px;
}

.agseher {
    opacity: 0.2;
    cursor: not-allowed;
}
.agseher a {
    pointer-events: none;
}
.goz img {
    height: 70px !important;
    object-fit: contain !important;
    margin-top: 10px;
    padding: 16px;
}
.aze {
    margin-top: -6px;
    width: 23px;
}


.input-box {
    gap: 1rem;
    margin-bottom: 1rem;
}

.input-box > div {
    gap: .5rem
}
.choosing_host{
    display: none;
}
.choosing_host.active{
    display: block;
}
.fullStory.fullillik .input-box > div.ayliqinput{
    opacity: .3;
}
/*.fullStory.fullayliq .input-box > div.illikinput{*/
/*    opacity: .3;*/
/*}*/

body.fullayliq .tooltip {
    display: none !important;
}

.steps.hidden,
.form.hidden {
    display: none;
}


.altalta {
    flex-direction: column;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: flex-start !important;
}

 .steps .row {
  margin: 0;
  justify-content:center;
}
 .steps .col-3 {
  padding: 0;
}
 .steps .step {
  text-align: center;
  position: relative;
}
 .steps .step::before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 2px;
  width: 50%;
  background-color: #f5f5f5;
  content: "";
}
 .steps .step1::after, .steps .step3::after {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 2px;
  width: 50%;
  background-color: #f5f5f5;
  content: "";
}
 .steps .step.activeFirst span {
  color: white;
  background-color: #375bc2;
}
 .steps .step.activeFirst::after {
  background-color: #375bc2;
}
 .steps .step.activeSecond span {
  color: white;
  background-color: #375bc2;
}
 .steps .step.activeSecond::before {
  background-color: #375bc2;
}
 .steps .step.active span {
  color: white;
  background-color: #375bc2;
}
 .steps .step.step1::before {
  display: none;
}
 .steps .step.step4::after {
  display: none;
}
 .steps .step span {
  background-color: #f5f5f5;
  color: #9a8a8a;
  width: 30px;
  padding: 3px 0;
  font-size: 14px;
  font-weight: 600;
  border-radius: 3px;
  display: block;
  margin: 0 auto;
  z-index: 2;
  position: relative;
}
 .descriptions {
  margin-top: 24px;
}
.description textarea{
    width: 100%;
    min-height: 85px;
    min-width: 100%;
}
.description label {
    margin: 0;
}
 .descriptions .description {
  display: none;
  /*padding: 50px 0;*/
}
 .descriptions .description.activeDescription {
  display: block;
}
 .descriptions .description.desc3 h3 {
  text-align: center;
  margin-bottom: 15px;
}
 .descriptions .description.desc3 .row {
  justify-content: center;
}
 .descriptions .description.desc3 .row .radio {
  margin: 0 10px 10px;
}
.radio input{
    opacity: 0;
}
.checkterms_all img{
    width: 90%;
    margin: 0 auto;
    filter: invert(100);
    opacity: 0;
}
:is(input[type="checkbox"]:checked) ~ .checkterms_all > img {
            opacity: 1;
        }
 .descriptions .description.desc1 input:not(input[type="radio"]),
 .descriptions .description.desc1 textarea,  .descriptions .description.desc2 input:not(input[type="radio"]),
 .descriptions  textarea,
 .descriptions select{
  padding: 20px 20px;
  border: 2px solid #e9e9e9;
  border-radius: 3px;
  font-size: 14px;
  display: block;
  width: 100%;
  margin-bottom: 15px;
  transition: 0.3s ease;
}

.desc4 textarea{
    width: 80%;
    margin:0 auto;
}

 .descriptions .description.desc1 input:not(input[type="radio"]).required,
 .descriptions .description.desc1 textarea.required,  .descriptions .description.desc2 input:not(input[type="radio"]).required,
 .descriptions .description.desc2 textarea.required{
      border: 2px solid red !important;
 }
 .descriptions .description.desc1 input:not(input[type="radio"]):focus,
 .descriptions .description.desc1 textarea:focus,  .descriptions .description.desc2 input:not(input[type="radio"]):focus,
 .descriptions .description.desc2 textarea:focus {
  border: 2px solid #375bc2;
}
 .descriptions .radio {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  position: relative;
}
.input-box input{
    margin-top: 2px;
  height: 20px;
  width: 20px;
  position: relative;
  border-radius: 50%;
} 

.input-box h3 {
    font-size: 1rem;
    margin: 0;
}

 .descriptions .radio input:not(input[type="radio"]):checked ~ .colorFulCheck {
  background-color: #375bc2;
  border-color: #375bc2;
}
 .descriptions .radio input:not(input[type="radio"]):checked ~ .colorFulCheck i {
  display: inline;
}
 .colorFulCheck {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  content: "";
  border: 2px solid #dedede;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
}
 .descriptions .radio .colorFulCheck i {
  color: white;
  display: none;
  font-size: 13px;
}
 .descriptions .radio label {
  margin-left: 10px;
  margin-bottom: 0;
}
.descriptions .radio label button{
    background: transparent;
    outline: none;
    border: none;
    border-bottom: 1px solid #000;
    padding:0;
}
 .descriptions .termsandconditions {
  margin-top: 20px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
}

.termsandconditions h2 {
    margin-bottom: 1rem;
}

 .descriptions .termsandconditions .colorFulCheck,
 .descriptions .termsandconditions input {
  height: 20px;
  width: 20px;
  border-radius: 6px;
}
 .descriptions .termsandconditions a {
  text-decoration: underline;
  color: #375bc2;
  transition: 0.3s ease;
}
 .descriptions .termsandconditions a:hover {
  opacity: 0.7;
}
 .descriptions .success {
  font-size: 20px;
  text-align: center;
}
 .buttons {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
 .buttons button, .buttons input {
  border-radius: 3px;
  border: none;
  padding: 16px 90px;
  font-size: 14px;
  font-weight: 500;
  transition: 0.4s ease;
  cursor: pointer;
  color: #fff;
}
 .buttons button:hover, .buttons input:hover {
  opacity: 0.8;
}
 .buttons button.next,
 .buttons button.submit{
  background-color: #67b24a;
}
 .buttons button.back {
  background-color: #eaebeb;
}
 .buttons button.back:hover {
  background: #afbdbd;
}
 .buttons button.back.disable {
  cursor: not-allowed;
}
 .buttons button.none , .buttons input.none {
  opacity: 0;
  pointer-events: none;
}

  .sendBtn{
    width:fit-content;
    display:none;
    margin:0 auto;
    border-radius: 3px;
    border: none;
    padding: 16px 90px;
    font-size: 14px;
    font-weight: 500;
    transition: 0.4s ease;
    cursor: pointer;
    color: #fff !important;
    background-color: #85ce54;
    margin-top: 20px;
  }
  
  .sendBtn.invalid {
      background-color: #eaebeb;
      cursor: not-allowed;
  }
  
  
  .sendBtn:hover{
    opacity:.8;
}


.radio label {
    margin-bottom: 1rem !important;
}

.radio input {
    width: 20px !important;
}

.odenisler {
    gap: 1rem;
}

.odenisler .odenis {
    gap: .5rem; 
    display: flex;
    align-items: center;
}

.disableNext{
       background-color:#eaebeb !important;
}

.disableNext.submit {
    display: none;
}

/*.checkterms.invalidCheck,*/
/*.checkterms2.invalidCheck,*/
/*#notes.invalidCheck*/
/*    {*/
/*    border: 1px solid red !important;*/
/*}*/


@media only screen and (max-width: 768px) {
     .buttons button {
         padding: 10px 20px;
     }
}





.yumru {
    background: black;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 8px;
}
.yumru img {
    width:34px;
    padding:5px;
}
form .btn {
    background: black !important;
}
.asagi4 {
    display: flex;
    align-items: center;
    margin-bottom:25px;
}

.yazi a{
    border-bottom: 1px solid;
}
.prices {
    background: #ffffff;
}

.whyfikir {
    border: 2px solid #ededed;
    width: 150px !important;
}
.whyfikir h2 {
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.1;
    min-height: 44px;
    text-decoration: none;
    margin-bottom: 0px;
}
.whyfikir .card-cont {
    padding: 0px 15px;
}
.meetingrooms {
    background: #f1f1f1;
}

.danisaq {
    background:#29252a;
}
.danisaq img{
    width: 108px !important;
    height: auto !important;
    text-align: center;
}

.ecosystem{
    background: #dedede;
}
.ecosystem-apply{
    background: #fdf3e4;
}

.qiymet {
    color: #e5ffd0;
    background: #349e54;
    position: absolute;
    top: 17px;
    right: 17px;
    padding: 5px 16px;
    border-radius: 20px;
    font-weight: 600;
}

.collab {
    width: 26px;
    height: 21px;
    object-fit: cover;
    margin-top: -3px;
}

.user-descrip a {
    border-bottom: 1px solid;
}

.user-descrip a:hover {
    border-bottom: 1px solid;
    opacity: 0.6;
}
.xeberler>p {
    margin-top: 0px !important;
}

.h-300 {
    height: 180px !important;
}

.mt-0{
    margin-top: 0 !important; 
}
.main-bio-section{
    width: 100%;
    position: relative;
    display: flex;
    background-color: #ffffff !important;
}
.user-area{
    width: 100%;
    border-bottom: 1px solid #e7e7e7;
}
.user-detail-area {
    padding: 30px;
    background: #fafafa;
    border-radius: 30px;
}

.user_profile_pic{
    box-shadow: 0 0 20px #ffffff58;
    width: 100px;
    height: 100px;
    border-radius: 100%;    
}
.user_profile_pic>img{
    width: 100%;
    border-radius: 50%;
}
.user-name{
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.1em;
    margin-top: 20px;
    color:#080808 !important;
}
.user-descrip{
    font-style: normal;
    margin-top: 10px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3em;
    color:#080808 !important;
}
.social-links-user{
    display: flex;
    flex-wrap:wrap; 
    align-items: center;
    justify-content: flex-start;
    gap: 7px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.m_g{
    gap: 10px;
}
.m_g a{
    padding: 7px 13px;
    font-size: 14px;
    background: #fff;
    cursor: pointer;
    border-radius: 5px;
    border: 1px solid transparent;
    transition: .3s;
}
.social-links-u{
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.5s ease-out !important;
    width: 40px;
    height: 40px;
    /* background-color: #585858;
    border: 1px solid rgba(255,255,255,.15); */
    position: relative;
     background-color: #080808;
    /* border:1px solid #1E242A; */
}
.social-links-u svg path {
    fill:#ffffff !important;
}
/* .social-links-u svg path{
    stroke:#1E242A;
} */
.social-links-u:hover{
    opacity: 0.5;
    /* filter: invert(); */
    /* border: 1px solid #1E242A;
    background-color: #f7f7f7; */
    /* background-color: #1E242A; */
}
.promo-u{
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFF;
    font-weight: 500;
    gap: 10px;
    font-size: 14px;
    line-height: 14px;
    background-color: #000;
    border-radius: 100px;
    padding: 13px 20px 14px;
    margin-bottom: 80px;
}
a.promo-u:hover {
    color:#e5e5e5;
}
.content-area{
    width:100%;
    padding: 10px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.switch-button-area{
    max-width: 800px;
    width: 100%;
    padding: 10px 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.switch-button.active {
    background-color: #dedede !important;
    border:none;
}
.switch-button{
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 7px 18px;
    border-radius: 36px;
    transition: 0.3s;
    cursor: pointer;
    color:#1E242A;
}
.switch-button:not(.active):hover{
    opacity: 0.5;
}
.cont-circle-area{
    display: flex;
    align-items: center;
    gap: 8px;
}
.expadd-20{
   padding-left: 10px;
}
.cont-circle-area>span{
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    text-decoration: none;
    color: #080808 !important;;
    width: 100%;
    text-wrap: wrap;
    display: inline-block;
    word-break: break-word;
    line-height: 1.5;
}
.cont-circle-area > a > span {
    
    font-size: 20px;
    font-weight: 500;
    border-bottom: 2px solid;
}
.con-circle{
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    z-index: 99;
    width: 40px;
    min-width: 40px;
    min-height: 40px;
    height: 40px;
    position: relative;
    background-color: #080808;
}
.price_head{
    gap:50px
}

.balaca a{
    font-size:15px !important;
}
.price_val{
    display: flex;
    background: #f4f4f4;
    box-shadow: 0 0 2px #ccc;
    border-radius: 5px;
    position: relative;
    text-transform: uppercase;
    font-weight: 600;
}
.price_val span,.price_val a{
    padding: 4px 20px;
    font-size: 19px;
    cursor: pointer;
    border-radius: 5px;
    border: 1px solid transparent;
    transition: .3s;
}
.price_val span.active,.price_val a.active{
    border: 1px solid #ae6100;
}
/*.price_val::after{*/
/*    content: '';*/
/*    position: absolute;*/
/*    height: 100%;*/
/*    width: 50%;*/
/*    border: 1px solid #ae6100;*/
/*    border-radius: 5px;*/
/*    transition: .3s;*/
/*    top:0;*/
/*    left: 0;*/
/*}*/
/*  */
.next-arrow svg path,.con-circle svg path{
    stroke: #ffffff;
}
.play-icon svg path{
    stroke: none;
    fill: #ffffff !important;
}
.contact-area{
    max-width: 800px;
    width: 100%;
}
.social-area{
    max-width: 800px;
    width: 100%;
}
.links-area{
    position: relative;
    width: 100%;
}
.p_l-24{
    padding-left: 47px;
}
.position-relative{
    position: relative;
    width: 100%;
}
.link-slide{

    overflow-y: hidden;
    overflow-x: auto;
}
.link-slide::-webkit-scrollbar{
    display: none;
}
.link-box{
    width: fit-content;
    display: flex;
    gap: 15px;
    margin-top: 20px;
    padding: 0px 20px 20px 10px;
    /* max-width: 600px; */
}
.link-cards{
    width: 250px;
    border-radius: 24px;
    overflow: hidden;
    text-decoration: none;
    transition: 0.2s ease-in-out !important;
    display: flex;
    flex-direction: column;
}

.filiallar:nth-child(4) {
    opacity: 0.2;
    cursor: not-allowed;
}
.filiallar:nth-child(4) a { 
    pointer-events:none;

}

.link-cards:hover{
    transform: translateY(-1%);
}
.link-cards a:not(.link-cards-btn) {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.card-banner-image{
    max-height: 266px;
}
.card-banner-image>img{
    width: 100%;
    height: 260px;
    object-fit: cover;
    border-radius: 10px;
    object-position: left;
}
.card-cont{
    position: relative;
    display: flex;
    align-items: flex-end;
    width: 100%;
    padding: 20px;

}

.cont-box-card>h2{
    font-size: 20px;
    font-weight: 500;
    line-height: 1.1;
    min-height: 44px;
    text-decoration: none;
    margin-bottom: 0px;
}
.taytl {
    min-height: 40px !important;
}

.cont-box-card>p{

    margin-top: 12px;
    margin-bottom: 0px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2em;
}
.cont-black>h2{
    color: #000;
}
.cont-black>p{
    color: #000;
}
.visit-link{
    margin-top: 10px;
    padding: 12px 30px;
    background-color: #fff;
    border-radius: 56px;
    text-decoration: none;
    font-size: 16px;
    color: #000;
    mix-blend-mode: normal;
    font-size: 14px;
    font-weight: 500;
    border: none;
    text-align:center;
}
.visit-link2{
    width: fit-content;
    height: 30px;
    background-color: #2c2c2c;
    border-radius: 30px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    margin-right: 0;
    padding-left: 18px;
    padding-right: 18px;
    text-decoration: none;
    display: flex;
    color: white;
    font-weight: 500;
    font-size:14px;
}
.text-yellow{
    color: #ffc508;
}
.next-arrow{
    /* background: #1A1A1A; */
    position: absolute;
    top: 50%;
    z-index: 99;
    width: 40px;
    height: 40px;
    background-color: #585858;
    /* border: 1px solid rgba(255,255,255,.15); */
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    margin-right: 7px;
    opacity: 1;
    display: flex !important;
    transition: 0.5s;
    background-color: #080808;

    /* border:1px solid #1E242A; */
}
.left-arrow{
    left: 0px;
    cursor: pointer;
}
.right-arrow{
    right: 0px;
    cursor: pointer;
}
.fade-left{
    background-image: linear-gradient(-90deg,rgba(52,54,47,0),#f7f7f7);
    width: 100px;
    height: 360px;
    position: absolute;
    left: 0;
    z-index: 3;
    bottom: 0;
}
.instagram-right-fade{
    height: 320px !important;
}
.fade-right{
    background-image: linear-gradient(90deg,rgba(52,54,47,0),#f7f7f7);
    width: 100px;
    height: 360px;
    position: absolute;
    right: 0;
    z-index: 3;
    bottom: 0;
    
}
.banner-box{
    width: 100%;
    border-radius: 24px;
    /* background: #292b26; */
    background: #dedede;
    padding: 24px 22px;
    margin-top: 20px;
    }
.inp-area{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-top: 21px;
}
.inp-area>input{
    width: 100%;
    border: none;
    outline: none;
    padding: 15px 18px;
    border-radius: 48px;
    background: #33362F;
    color: #FFF;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 106.1%;
}
.inp-area>input::placeholder{
    /* color: white; */
    font-weight: 500;
}
.message-box{
    margin-top: 15px;
}
.message-box>textarea {
    width: 100%;
    border-radius: 21px;
    /* background: #33362F; */
    border: none;
    outline: none;
    padding: 10px;
    background-color: #f7f7f7 !important;
    color: #1E242A !important;
}
.message-box>textarea::placeholder{
    color: #1E242A !important;
}
.sub-btn{
    border: none;
    outline: none;
    border-radius: 56px;
    background: #FFF;
    color: #292B26;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: inline-flex;
    height: 30px;
    padding: 6px 20px;
    justify-content: center;
    align-items: center;
    gap: 5px;
    margin-top: 21px;
}
.para-cont{
    color: #FFF;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.inp-area2{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    margin-top: 21px;
}
.inp-area2>input{
    width: 100%;
    border: none;
    outline: none;
    padding: 0px 18px;
    border-radius: 48px;
    background-color: #f7f7f7 !important;
    color: #1E242A;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 106.1%;
    height: 50px;
}
.inp-area2 input::placeholder,.message-box>textarea::placeholder,
.inp-area2 input{
    color: #1E242A !important;
}
.sub-btn2{
    border:none;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    width: fit-content;
    height: 50px;
    border-radius: 45px !important;
    justify-content: center !important;
    align-items: center !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    text-decoration: none;
    display: flex;
    background-color: #f7f7f7 !important;
    color:#1E242A !important;
    border:none;
}
.sub-btn2 img{
        filter: invert(100%)
    }
.mt-20{
    margin-top: 20px;
}
.banner-box2{
    width: 100%;
    border-radius: 24px;
    background: #292B26;
    padding: 12px;
    margin-top: 36px;
    display: flex;
    align-items: center;
    gap: 28px;
}
.best-link{
    width: 100%;
    /* max-width: 800px; */
    max-width: calc(100% - 3px);
    /* background-color: #292b26; */
    border-radius: 24px;
    gap: 15px;
    align-items: center;
    padding: 12px;
    text-decoration: none;
    transition: all .2s;
    display: flex;
    overflow: hidden;
    margin-top: 20px;
    background: #dedede;
    color: #1E242A;
    }
.best-link:hover{
    transform: scale(1.01);
    /* background-color: #1d1f1c; */
}
a:hover{
    text-decoration: none;   
    color: #1E242A;
}
.visit-link {
    color: #000000;
}
.banner-img{
    width: 150px;
    min-width: 150px;
    border-radius: 15px;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
    overflow: hidden;
}
.banner-img>img{
   width: 100%;
}
.banner-box2_right>h2{
    color: #FFF;
    font-size: 19px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-align: left;
}
.banner-box2_right>p{
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-top: 7px;
    text-align: left;
    width: 305px;
}
.banner-box2_right>a{
    border-radius: 56px;
    background: #FFF;
    display: inline-flex;
    padding: 6px 20px;
    justify-content: center;
    align-items: center;
    gap: 5px;
    flex-shrink: 0;
    text-decoration: none;
    color: #000000;
    margin-top: 15px;
}
.playbutton{
    margin-left: 24px;
}
.tiktok_video{
    width: 303px;
    height: 539px;
    /* background-color: red; */
    border-radius: 17px;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tiktok_video>img{
    height: 100%;
    pointer-events:none;
}
.extra-height{
    height: 545px;
}
.video-play{
    position: absolute;
}
.nopadding{
    padding: 0 0 !important;
    padding-bottom: 15px !important;
    overflow: hidden !important;
}
.padding-24{
    padding: 20px;
}
.textbox {
    min-height: 59px;
    width: 100%;
    max-width: 800px;
    /* background-color: #292b26; */
    border-radius: 30px;
    /* flex-direction: column;
    justify-content: center;
    align-items: center; */
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 8px 20px;
    /* display: flex; */
    background-color: #dedede !important;
    color: #1E242A;
    }
.link-description {
    margin-top: 12px;
    margin-bottom: 12px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2em;
}
.youtube-videos{
    width: 100%;
    height: auto;
    max-width: 800px;
    background-color: #0d0101;
    border-radius: 30px;
    padding: 10px;
    position: relative;
    overflow: hidden;
    margin-top: 20px;
}
.youtube-videos>img{
    width: 100%;
    border-radius: 20px;
}
.youtube-videos>span{
    color: #e4f0c2;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    text-decoration: none;
    position: absolute;
    bottom: 0;
    left: 0;
}
.div-block-535 {
    width: 100%;
    height: auto;
    background-color: rgba(41,43,38,0);
    /* background-image: linear-gradient(rgba(80,42,37,0),#0d0101 25%); */
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 20px;
    display: flex;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%;
}
.zaapheading {
    /* color: #e4f0c2; */
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    text-decoration: none;
}
.spaceer-10 {
    width: 100%;
    height: 15px;
}
.link-button {
    width: auto;
    height: 30px;
    background-color: #2c2c2c;
    border-radius: 30px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    margin-right: 0;
    padding-left: 18px;
    padding-right: 18px;
    text-decoration: none;
    display: flex;
    color: white;
}
.color-purple{
    background-color: #7b30e0;
}


@media (max-width:1200px) {
    .main-bio-section > div  {
        flex-direction: column;
        align-items: center;
    }
    .content-area {
        align-items: center;
        padding-left:0px !important;
    }
    .user-area {
        padding-left:0px !important; 
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0;
        justify-content: flex-start;
        height: 100%;
        position: static;
        max-width: 735px;
    }
    .user-detail-area{
        max-width: 800px;
        width: 100%;
    }
    .content-area {
        width: 100%;
        padding-top: 0px !important;
    }
    .fade-right, .fade-left {
        width: 30px;
    }
}
@media (max-width:767px) {
    .link-box {
        padding: 0px 0px 20px 10px;
    }
    .content-area {
        padding:0!important;
    }
    .next-arrow{
        display: none !important;
    }
    .link-slide {
        margin-right: -15px;
        margin-left: -20px;
        padding: 0 20px;
    }
    .fade-right,.fade-left{
        display: none !important;
    }
}
@media (max-width:660px) {
    .banner-box2 {
        flex-direction: column;
        align-items: flex-start;
    }
    .banner-img {
        width: 100%;
        height: auto;
    }
    .banner-img>img{
        width: 100%;
        height: auto;
    }
    .inp-area2{
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        margin-top: 21px;
       flex-wrap: wrap;
    }
    .inp-area2>input {
        flex-basis: 48%;
    }
    .sub-btn {
        width: 100%;
        background: #33362F;
        color: #fff;
        height: 45px;
    }
    .sub-btn>svg>path{
        fill: #fff;
    }
    .sub-btn2 {
        width: 100%;
    }
}
@media (max-width:530px) {
    .switch-button-area{
        justify-content: center;
    }
  .user_profile_pic {
        width: 114px;
        height: 114px;
    }
    .user-name {
        font-size: 25px;
        text-align: center;
    }
    .user-descrip {
        font-size: 14px;
        max-width: 300px;
        width: 100%;
        text-align: center;
    }
    .cont-box-card>h2 {
        font-size: 18px;
    }
    .banner-box {
        padding: 12px;
    }
    .best-link {
        flex-direction: column;
        padding:0;
        gap: 0;
    }
    .banner-img {
        padding: 10px;
    }
    .banner-img > img {
        border-radius: 10px;
    }
    .best-link-div {
        flex-direction: column;
        align-items: flex-start !important;
    }
    .visit-single-link{
        text-align: left;
        padding-bottom: 14px;
    }
    .best-single-link{
        align-items: flex-start !important;
    }
    .singlelinkcontent .zaapheading,.singlelinkcontent .link-description{
        text-align: left;
    }
    .banner-img {
        border-radius: 0;
    }
    .link-description {
        margin-bottom: 0;
    }
    .singlelinkcontent {
        padding: 15px;
        /* background: linear-gradient(0deg, rgb(255 98 62)60%, transparent); */
        padding-top: 6rem;
        margin-top: -5rem;
        z-index: 1;
    }
}
@media (max-width:1200px) {
    .forwebpromo{
        display: none;
    }
    .footer-area,.footer-area .forwebpromo{
        display: flex !important;
    }
    
}
@media (max-width:420px) {
    .inp-area2>input {
        flex-basis: 100%;
    }
    .inp-area {
        flex-wrap: wrap;
    }
    .fade-right, .fade-left {
        width: 20px;
    }
}
.new-bio-page-widgets-width{
    width: 100%;
}
.best-single-link{
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: none;
}
.best-link-div{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}
.visit-single-link{
    padding-left: 14px;
}
.view-insta-btn {
    background: #ffffff;
    color: #f7f7f7;
    border-radius: 50px;
    padding: 0px 18px;
    text-wrap:nowrap;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    height: 30px;
    display: flex;
    align-items:center;
    cursor:pointer;
}
.view-insta-btn:hover{
    color: #ffffff;
    text-decoration: none;
    opacity: 0.9;
}
.instagram-link-cards{
    transition: 0.3s ease;
    z-index: 0;
}
.instagram-link-cards:not(:first-child){
    margin-left: -2.5rem;
}
.instagram-link-cards:hover {
    transform:rotate(-5deg);
}
.instagram-link-box {
    padding: 0 10px 20px 10px;
}
@media (max-width:800px) {
    .content-area{
        min-width: 100%;
    }
}
.link-card-shadow.hard {
            box-shadow: -6px 6px 0px 0px var(--color-dark);
    }
.link-card-shadow.soft {
            box-shadow: 0px 0px 10px 0px var(--color-dark)
    }
.view-insta-btn {
    background-color: #000 !important;
        color: #fff !important;
}