:root{
    --brown-web: #79553D;
    --borwn-web-dark: #674631;
    --brown-web-oppocity: rgba(#79553D, #79553D, #79553D, 60%);
    --yellow-web: #EBCE4C;
    --gray-web: #595757;
}

/* *{
    border: 1px solid black;
} */

body{
    margin: 0;
    padding: 0;
}

.container{
    /* border: 1px solid black; */
}

/* .testing{
    width: 100px;
    height: 100px;
    background: red;
} */

.gfgf{
    width: 100px;
    height: 100px;
    background: blue;
}


/* --------------------------------------------------------HEADER--------------------------------------------------------------------------------------- */

.gf-header{
    display: flex;
    justify-content: space-between;
    /* border: 1px solid black; */
    margin-top: 25px;
}

.gf-locate-container{
    display: flex;
    gap: 5px;
    margin-top: 5px;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    color: #333;
}

.gf-btns-container{
    display: flex;
    margin-top: 20px;
    gap: 10px;
}

.gf-locate{
    font-size: 14px;
}

.gf-phone{
    font-size: 20px;
}

.gf-text-locate{
    display: flex;
    flex-direction: column;
}

.gf-locate-container>svg{
    margin-top: 3px;
    color: var(--brown-web);
}

.gf-logo-container{
    font-size: 64px;
    /* border: 1px solid black; */
    margin-top: -10px;
    font-family: 'Cormorant Garamond', serif;
    font-weight: 600;
    letter-spacing: 3px;
    color: #2b2b2b;
    /* color: #EBCE4C; */
}

.gf-links{
    display: flex;
    flex-direction: column;
    margin-top: -2px;
}

.gf-links>a{
    text-decoration: none;
    color: var(--gray-web);
    font-size: 16px;
    font-family: 'Raleway', sans-serif;
}

.gf-links>a:active{
    color: black;
}

.gf-contact{
    width: 240px;
    height: 52px;
    margin-top: -5px;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    color: #333;
    /* width: 185px;
    height: 45px; */
    background: white;
    border: 2px solid var(--brown-web);
    /* font-size: 20px; */
    font-size: 17px;
    text-align: center;
    border-radius: 7px;
    transition: 0.2s;
}

.gf-contact:hover{
    background: var(--brown-web);
    color: white;
    /* border: none; */
}

/* .gf-contact:active{
    background: var(--borwn-web-dark);
    color: white;
    border: none;
} */

/* ------------ */

.gf-burger{
    display: none;
    flex-direction: column;
    gap: 10px;
    padding-top: 15px;
}

.gf-burger>span{
    width: 28px;
    height: 2px;
    background: black;
    display: block;
}

.gf-contact-loc-btn{
    display: none;
    flex-direction: column;
    gap: 5px;
}

.gf-contact-loc-btn>span{
    display: block;
    border-radius: 100%;
    width: 7px;
    height: 7px;
    background: black;
}

.gf-nav-burger{
    display: flex;
    flex-direction: column;
    gap: 25px;
    /* margin-top: 20px; */
    margin-left: -20px;
}

.gf-nav-burger>li{
    list-style: none;
}

.gf-nav-burger>li>a{
    text-decoration: none;
    color: black;
    font-size: 18px;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
}

.gf-lang-btns-burger{
    display: flex;
    flex-direction: row;
    gap: 7px;
    margin-top: 20px;
}

.gf-lang-btns-burger>button{
    border: 1px solid var(--gray-web);
    background: white;
    width: 50px;
    height: 30px;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    border-radius: 7px;
}

.gf-lang-btns-burger>button:hover{
    background: var(--brown-web);
    color: white;
    border: none;
}

.gf-nav-burger>li>a:hover{
    color: var(--brown-web);
}

#contentBlock{
    position: absolute;
    right: 0;
    margin-top: 50px;
    padding: 10px;
    border: 1px solid #ccc;
    background-color: #ffffff;
    width: 300px;
    display: none; 
    z-index: 2;
}

#contentBlock>p{
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
}

.gf-btn-contacts-mobile{
    width: 200px;
    height: 40px;
    border-radius: 7px;
    background: white;
    border: 2px solid var(--brown-web);
    font-size: 17px;
    text-align: center;
}

.gf-btn-contacts-mobile:active{
    background: var(--borwn-web-dark);
    color: white;
    border: none;
}


/* -------------------------------------------------/HEADER/---------------------------------------------------------------------------------------------- */

/* -------------------------------------------------NAVBAR---------------------------------------------------------------------------------------------- */

/* .gf-navbar{
    display: flex;
    gap: 34px;
}

.gf-navbar>li>a{
    text-decoration: none;
    color: black;
}

.gf-navbar>li{
    list-style-type: none;
    font-size: 16px;
}
 */



.nav-wrapper {
  position: relative;
  border-top: 1px solid #ccc;
  margin-top: 20px;
  /* margin-left: 100px; */
  display: flex;
  justify-content: space-between;
  width: 1400px;
}

.nav {
  display: flex;
  justify-content: center;
  gap: 40px;
  position: relative;
  z-index: 1;
}

.nav-link {
  padding: 10px 0;
  position: relative;
  text-decoration: none;
  color: #333;
  /* font-weight: bold; */
  font-family: 'Raleway', sans-serif;
  font-size: 16px;
  font-weight: 400
}

.nav-link:hover{
    color: black;
}

.nav-underline,
.nav-hover-underline {
  position: absolute;
  top: 0;
  height: 5px;
  background-color: var(--brown-web);
  transition: left 0.3s ease, width 0.3s ease, opacity 0.3s ease;
  pointer-events: none;
}

.nav-underline {
  z-index: 1;
}

.nav-hover-underline {
  z-index: 2;
  opacity: 0;
}

.gf-navbar-container{
    display: flex;
    justify-content: space-between;
    /* margin-top: -10px; */
    margin-top: -15px;
}


.gf-icons-container{
    display: flex;
    gap: 30px;
    margin-top: 5px;
}

.gf-icons-container>a{
    text-decoration: none;
    color: black;
}

.gf-icons-container>a:hover{
    color: var(--brown-web);
}

.gf-cart{
    display: flex;
    flex-direction: column;
}

.gf-under-text-cart{
    font-size: 13px;
    margin-left: -10px;
}

.gf-input{
    display: flex;
    flex-direction: column;
}

.gf-under-text-input{
    font-size: 13px;
    margin-left: -3px;
}





/* -------------------------------------------------/NAVBAR/---------------------------------------------------------------------------------------------- */

/* -------------------------------------------------POSTER---------------------------------------------------------------------------------------------- */

.gf-poster-container{
    background: var(--gray-web);
}

.gf-btn-rent{
    width: 290px;
    height: 70px;
    border: none;
    border-radius: 7px;
    background: var(--brown-web);
    color: white;
    font-size: 24px;
}

.gf-btn-rent:hover{
    background: var(--borwn-web-dark);
}

.gf-text-poster>h1{
    color: var(--yellow-web);
    font-size: 96px;
}

.gf-text-poster{
    margin-top: 100px;
    display: flex;
    flex-direction: column; 
    gap: 50px;
}

.gf-poster{
   /*  display: flex;
    justify-content: space-between; */
    /* height: 200px; */
}

.gf-poster>img{
    margin-top: 50px;
}

.carousel-indicators [data-bs-target]{
    opacity: 20%;
}

.carousel-indicators .active{
    opacity: 40%;
}




/* -------------------------------------------------/POSTER/---------------------------------------------------------------------------------------------- */

/* -------------------------------------------------CATALOG---------------------------------------------------------------------------------------------- */

.gf-heading-catalog>h1{
    font-size: 24px;
    font-family: 'Cormorant Garamond', serif;
    font-weight: 600;
    letter-spacing: 0.5px;
    color: #2b2b2b;
}

.gf-heading-catalog>div{
    width: 53px;
    height: 2px;
    background: black;
    border: none;
    margin-top: 30px;
}

.gf-heading-catalog{
    justify-items: center;
    margin-top: 224px;
}

.gf-heading-categories>h1{
    font-size: 18px;
    margin-left: 20px;
    font-family: 'Cormorant Garamond', serif;
    font-weight: 600;
    letter-spacing: 0.5px;
    color: #2b2b2b;
}

.gf-heading-categories>div{
    width: 200px;
    height: 2px;
    background: black;
    border: none;
    margin-top: 30px;
}

.accordion-button:not(.collapsed){
    color: black;
    background: none;
}

.gf-accordion-button{
    font-family: 'Raleway', sans-serif;
}

.accordion-button:focus{
    box-shadow: none;
}

.gf-accordion{
    width: 200px;
}

.gf-accordion-body{
    margin-top: -15px;
}

.accordion-button:not(.collapsed)::after{
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='black'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.gf-check-national{
    margin-left: -5px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.gf-check:focus{
    color: white;
    box-shadow: none;
    border: 1px solid #D9D9D9;
}

.gf-check{
    border: 1px solid #D9D9D9;
}

.form-check-input[type=checkbox]{
    border-radius: 100px;
}

.form-check-label{
    font-family: 'Raleway', sans-serif;
}

.gf-catalog-container{
    margin-top: 52px;
    display: flex;
}

.gf-catalog{
    max-width: 900px;
    /* border: 1px solid black; */
    margin-left: 100px;
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.gf-catalog>div{
    /* border: 1px solid black; */
}

.gf-catalog-panel{
    display: flex;
    justify-content: space-between;
}

.gf-catalog-panel>span{
    font-size: 18px;
    font-family: 'Cormorant Garamond', serif;
    font-weight: 600;
    letter-spacing: 0.5px;
    color: #2b2b2b;
}

.gf-catalog-panel>div>form>input{
    width: 200px;
    height: 30px;
    border-radius: 20px;
    border: 0.5px solid black;
    padding-left: 20px;
    font-size: 16px;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    color: #333;
    box-sizing: border-box;
}

.gf-catalog-panel>div>form>input:focus{
    outline: none;
    border-color: var(--brown-web);
    box-shadow: 0 6px 18px rgba(82, 103, 255, 0.12);
}

.gf-catalog-panel-down{
    display: flex;
    gap: 10px;
}

.gf-card{
    width: 230px;
    height: 400px;
    border-radius: 10px;
    /* border: 1px solid rgba(black, black, black, 20%); */
    background: #F6F6F6;
    display: flex;
    flex-direction: column;
    gap: 10px;
    /* padding: 1px 37px; */
    position: relative;
}

.gf-card>p{
    text-align: center;
    font-size: 20px;
    line-height: 1;
    font-family: 'Cormorant Garamond', serif;
    font-weight: 600;
    letter-spacing: 0.5px;
    color: #3d3d3d;
}

.gf-card-choose{
    width: 120px;
    height: 40px;
    font-size: 13.5px;
    color: white;
    background: var(--brown-web);
    /* border-radius: 9px; */
    border-radius: 15px;
    border: none;
    /* margin-top: -15px; */
    /* margin-top: auto; */
    position: absolute;
    bottom: 5px;
    left: 24%;
    transition: 0.2s;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    padding-top: 4px;
}

.gf-card-choose:hover{
    background: var(--borwn-web-dark);
}

.gf-card-find{
    width: 180px;
    height: 35px;
    font-size: 14px;
    color: white;
    background: var(--brown-web);
    /* border-radius: 9px; */
    border-radius: 15px;
    border: none;
    margin-top: -15px;
    transition: 0.2s;
    font-family: 'Raleway', sans-serif;
    padding-top: 4px;
}

.gf-offc-btn-container{
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.gf-description-modal>h1{
    font-family: 'Cormorant Garamond', serif;
    font-weight: 600;
    color: #2b2b2b;
}

/* .gf-product-heading{
    font-family: 'Cormorant Garamond', serif;
    font-weight: 600;
    font-size: 20px;
    color: #2b2b2b;
}

.gf-product-desc{
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    color: #333;
} */

.gf-card-find:hover{
    background: var(--borwn-web-dark);
}

.gf-card-img{
    width: 230px;
    height: 300px;
    margin-left: -12px;
    /* object-fit: contain; */
    /* border: 1px solid black; */
}

.gf-card-img>img{
    /* border-top-left-radius: 7px;
    border-top-right-radius: 7px; */
    border-radius: 10px;
}

/* .gf-card:hover{
    height: 440px;
    background: white;
    border: 1px solid black;
} */

.gf-card-row{
    gap: 30px;
}

.gf-card-container{
    display: flex;
    gap: 40px;
    /* margin-left: 12px; */
    /* display: grid;
    grid-template-columns: repeat(3, 1fr); */
}

/* .gf-card-num-link{
    text-decoration: none;
    color: black;
    font-size: 24px;
}

.gf-card-num-link:hover{
    color: var(--brown-web);
} */

.page-link{
    color: var(--brown-web);
}

.page-link:hover{
    background: var(--brown-web);
    color: white;
}

.page-link:active{
    background: var(--brown-web);
    color: white;
}

.page-link:focus{
    box-shadow: none;
    /* color: var(--brown-web); */
    /* background: none; */
    background: var(--brown-web);
    color: white;
}

#pagination button {
  margin: 4px;
  padding: 6px 12px;
  border: none;
  background: none;
  font-size: 24px;
}

#pagination .active {
  color: var(--brown-web);
}

/* .gf-down-panel{
    display: none;
    width: 100%;
    height: 70px;
    background: var(--gray-web);
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
}

.gf-dp-container{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 10px;
}

.gf-dps{
    display: flex;
    flex-direction: column;
    text-decoration: none;
}

.gf-dps>span{
    text-align: center;
    display: block;
    color: white;
    margin-left: -8px;
    font-size: 18px;
}
 */

 .gf-catalog-mob-panel{
    display: flex;
    flex-direction: row;
    width: fit-content;
 }

 .gf-ct-mb-p-filter{
    width: 50px;
    height: 30px;
    border: 1px solid var(--gray-web);
    font-size: 16px;
    border-radius: 9px;
    display: none;
 }

 .gf-product-modal-container{
    display: flex;
    flex-direction: row;
    gap: 35px;
    margin-top: -30px;
    /* border: 1px solid black; */
 }

 /* *{
    border: 1px solid black;
 } */

 .gf-card-find-search{
    width: 30px;
    height: 30px;
    font-size: 14px;
    color: white;
    background: var(--brown-web);
    border-radius: 15px;
    border: none;
    transition: 0.2s;
    padding: -20px;
 }

/* -------------------------------------------------/CATALOG/---------------------------------------------------------------------------------------------- */

/* -------------------------------------------------FOOTER---------------------------------------------------------------------------------------------- */

footer{
    margin-top: 100px;
    /* height: 460px; */
    height: 70px;
    background: #E9EAEE;
    /* position: absolute; */
    /* bottom: 0; */

}

.gf-footer-logo{
    /* font-size: 64px; */
    font-size: 40px;
    font-family: 'Cormorant Garamond', serif;
    font-weight: 600;
    letter-spacing: 3px;
}

.gf-footer-lang-logo{
    margin-top: 5px;
}

.gf-footer-links>a{
    font-size: 20px;
    text-decoration: none;
    color: var(--gray-web);
}

.gf-footer-links>a:active{
    color: black;
}

.gf-footer-links{
    margin-left: 90px;
    display: flex;
    gap: 20px;
}

.gf-footer-socialnetwork{
    display: flex;
    gap: 35px;
    margin-top: 25px;
}

.gf-footer-socialnetwork>a{
    text-decoration: none;
    color: black;
}

.gf-footer-rowone{
    display: flex;
    flex-direction: row;
    /* gap: 190px; */
    justify-content: space-between;
}

.gf-footer-link>a{
    text-decoration: none;
    color: var(--gray-web);
    font-size: 16px;
}

.gf-footer-link{
    list-style-type: none;
}

.gf-footer-link>a:hover{
    margin-left: 10px;
    color: var(--brown-web);
}

.gf-footer-heading-links{
    font-size: 22px;
    color: black;
}

.gf-footer-list-links{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.gf-footer-rowtwo{
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 20px;
}

.gf-footer-heading-contact{
    font-size: 22px;
}

.gf-footer-rowthree{
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.gf-footer-list-contacts{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.gf-footer-container-into{
    position: relative;
    top: 30px;
    max-width: 909px;
    display: flex;
    gap: 150px;
}


/* -------------------------------------------------/FOOTER/---------------------------------------------------------------------------------------------- */

/* -------------------------------------------------PRODUCT---------------------------------------------------------------------------------------------- */

.gf-product-main-images{
    width: 535px;
    height: 480px;
    /* border: 1px solid rgba(black, black, black, 20%); */
    /* border: 1px solid black; */
    background: #F6F6F6;
}

.gf-product-secondary-images{
    width: 170px;
    height: 155px;
    /* border: 1px solid rgba(black, black, black, 20%); */
    /* border: 1px solid black; */
    background: #F6F6F6;
}

.gf-product-container-images-row{
    display: flex;
    gap: 12px;
}

.gf-product-container-images{
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.gf-product-container{
    display: flex;
    gap: 63px;
    margin-top: 60px;
}

.gf-product-main-heading{
    font-size: 32px;
}

.gf-product-size-row{
    display: flex;
    gap: 15px;
    font-family: 'Raleway', sans-serif;
    padding-top: 6px;
}

.gf-product-size-col[type="radio"] {
  display: none; 
}

.gf-size {
  color: var(--gray-web);
  margin-right: 6px;
}

.gf-container-product-information{
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 25px;
}

.gf-product-size-col[type="radio"]:checked + .gf-size {
  background-color: var(--brown-web);
  color: white;
  border: none;
}

.gf-size:hover {
  border-color: var(--brown-web);
}

.gf-product-size-container{
    display: flex;
    flex-direction: row;
    gap: 10px;
}

.gf-product-wardrobe-container, .gf-product-sex-container, .gf-product-quantity-container{
    display: flex;
    gap: 10px;
}

.gf-product-wardrobe-heading, .gf-product-sex-heading, .gf-product-quantity-heading, .gf-product-size-heading{
    font-size: 22px;
    /* color: black; */
    font-family: 'Cormorant Garamond', serif;
    font-weight: 600;
    color:
     #2b2b2b;
}

.gf-product-wardrobe, .gf-product-sex{
    font-size: 18px;
    color: var(--gray-web);
    padding-top: 3px;
    /* font-family: 'Raleway', sans-serif;
    font-weight: 400; */
}

.gf-product-information{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.gf-product-information-cost{
  display: flex;
  align-items: center;
  gap: 10px;
}

#gf-quantity{
  width: 40px;
  height: 34px;
  text-align: center;
  border: 1px solid #ccc;
  background: #F6F6F6;
  border-radius: 3px;
}

.gf-quantity-di{
  width: 25px;
  height: 25px;
  border: 1px solid #ccc;
  background: #F6F6F6;
  font-size: 10px;
  padding: 0 5px;
  cursor: pointer;
  border-radius: 3px;
}
.gf-product-cost{
    font-size: 22px;
    font-family: 'Cormorant Garamond', serif;
    font-weight: 600;
}

.gf-product-line-dcost{
    background: var(--gray-web);
    width: 150px;
    height: 1.5px;
    margin-top: 10px;
}

#gf-total-price{
    font-size: 21px;
    color: var(--brown-web);
    padding-bottom: 2px;
}

.gf-product-first-calendar,.gf-product-twice-calendar>label{
    font-size: 16px;
    color: black;
}

.gf-product-first-calendar>input{
    width: 150px;
}

.gf-product-twice-calendar>input{
    width: 150px;
}

.gf-product-dates{
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.gf-product-btn-inbasket{
    width: 130px;
    height: 50px;
    background: var(--brown-web);
    font-size: 18px;
    color: white;
    border: none;
    border-radius: 7px;
}

.gf-product-btn-inbasket:hover{
    background: var(--borwn-web-dark);
    color: white;
}

.gf-product-btn-inbasket:active{
    background: var(--brown-web);
}

.gf-product-btn-rentnow{
    width: 160px;
    height: 40px;
    background: var(--brown-web);
    color: white;
    border: none;
    border-radius: 7px;
    font-size: 18px;
}

.gf-product-btn-rentnow:hover{
    background: var(--borwn-web-dark);
    color: white;
}

.gf-product-btn-rentnow:active{
    background: var(--brown-web);
}

.gf-product-information-btn{
    display: flex;
    gap: 19px;
}

.gf-product-information-panels{
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.form-control{
    border: 1px solid #ccc;
}

/* -------------------------------------------------/PRODUCT/---------------------------------------------------------------------------------------------- */

/* -------------------------------------------------BASKET---------------------------------------------------------------------------------------------- */

.basket-img{
    width: 145px;
    height: 135px;
    border: 1px solid black;
}

.basket-rowgoodone-container{
    display: flex;
    gap: 20px;
}

.basket-del{
    width: 57px;
    height: 16px;
    font-size: 8px;
    color: black;
    border: none;
    background: #D9D9D9;
    border-radius: 4px;
}

.basket-name{
    display: flex;
    flex-direction: column;
    margin-top: 40px;
}

#gf-basket-quantity{
    width: 65px;
    height: 25px;
}

.table-basket-main-row>tr>th{
    background: #EDEDED;
    color: var(--gray-web);
}

.basket-container{
    display: flex;
    gap: 20px;
    margin-top: 60px;
}

.table-rent-goods{
    width: 250px;
    margin-top: 51px;
}

.table-goods{
    width: 900px;
}

.table-rent-goods>tbody>tr{
    margin-left: 0px;
}

.basket-btn-rent{
    width: 250px;
    height: 50px;
    border: none;
    background: var(--brown-web);
    color: white;
    border-radius: 7px;
    font-size: 18px;
}

.basket-btn-rent:hover{
    background: var(--borwn-web-dark);
}

.basket-btn-rent:active{
    background: var(--brown-web);
}

caption{
    font-size: 24px;
    color: var(--gray-web);
}

.basket-date{
    position: relative;
    top: 40px;
}

.basket-price{
    position: relative;
    top: 40px;
}

.basket-quantity{
    position: relative;
    top: 40px;
}

.basket-total-amount{
    font-size: 20px;
    color: black;
}

.basket-total-good{
    font-size: 13px;
    color: var(--gray-web);
}

.basket-get-order{
    font-size: 13px;
    color: #2638AE;
}







/* -------------------------------------------------/BASKET/---------------------------------------------------------------------------------------------- */

/* -------------------------------------------------CONTACTS---------------------------------------------------------------------------------------------- */

.gf-heading-contacts>h1{
    font-size: 24px;
    font-family: 'Cormorant Garamond', serif;
    font-weight: 600;
    letter-spacing: 0.5px;
    color: #2b2b2b;
}

.gf-heading-contacts>div{
    width: 53px;
    height: 2px;
    background: black;
    border: none;
    margin-top: 30px;
}

.gf-heading-contacts{
    justify-items: center;
    margin-top: 70px;
}

.gf-ct-info-container{
    background: #F6F6F6;
    margin-top: 50px;
    height: 130px;
    padding-top: 20px;
}

.gf-ct-info{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    max-width: 1000px;
    margin: 0px auto;
    text-align: center;
}

.gf-ct-info>div>h4{
    font-size: 20px;
    color: black;
    font-family: 'Cormorant Garamond', serif;
    font-weight: 600;
}

.info{
    font-size: 17px;
    color: #595757;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
}

.gf-ct-locate-text{
    display: flex;
    flex-direction: column;
}

.gf-ct-locate{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 80px;
}

.gf-ct-locate-soc{
    display: flex;
    flex-direction: row;
    gap: 30px;
    margin-top: 20px;
}

/* -------------------------------------------------/CONTACTS/---------------------------------------------------------------------------------------------- */

/* -------------------------------------------------/autorization/---------------------------------------------------------------------------------------------- */

.gf-input-aut-text{
    /* margin-top: 20px; */
    font-size: 22px;
    color: #333;
}

.gf-input-field{
    width: 350px;
    height: 40px;
    padding: 10px;
    margin: 10px 0;
    border: 2px solid #e6e8f0;
    border-radius: 10px;
    box-sizing: border-box;
    font-size: 16px;
    color: var(--gray-web);
}

.gf-input-field:focus{
    outline: none;
    border-color: var(--brown-web);
    box-shadow: 0 6px 18px rgba(82, 103, 255, 0.12);
    transform: translateY(-2px)
}

.gf-btn-aut-input{
    width: 350px;
    height: 40px;
    /* padding: 10px; */
    background-color: #79553D;
    color: white;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    font-size: 16px;
}

.gf-btn-aut-input:hover{
    background-color: #674631;
}

.gf-error-message{
    color: red;
    margin-top: 10px;
    font-size: 14px;
}

.gf-aut-container{
    display: flex;
    flex-direction: column;
    justify-self: center;
    gap: 10px;
}

.gf-btn-aut-reg{
    font-size: 15px;
    color: #5267ff;
    cursor: pointer;
    text-decoration: none;
    text-align: center;

}

.gf-btn-aut-reg:hover{
    text-decoration:underline;
}

/* ----------------------- */

.gf-send-code-title{
    font-size: 18px;
    margin: 0 0 8px
}

.gf-send-code-text{
    color: #666;
    margin: 0 0 20px
}


.gf-code-inputs {
    display: flex;
    gap: 12px;
    justify-content: center
}

.gf-digit {
    width: 90px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    border: 2px solid #e6e8f0;
    background: transparent;
    font-size: 28px;
    font-weight: 600;
    letter-spacing: 4px;
    transition: border-color .12s, box-shadow .12s, transform .08s;
}

.gf-digit:focus {
    outline: none;
    border-color: var(--brown-web);
    box-shadow: 0 6px 18px rgba(82, 103, 255, 0.12);
    transform: translateY(-2px)
}

.gf-hint {
    margin-top: 14px;
    color: #444;
    font-size: 14px
}

.gf-actions {
    margin-top: 18px;
    display: flex;
    gap: 8px;
    /* justify-content: center; */
    flex-direction: column;
    justify-self: center;
}

.gf-send-confirm{
    width: 350px;
    height: 40px;
    /* padding: 10px 16px; */
    border-radius: 10px;
    border: 0;
    background: var(--brown-web);
    color: white;
    font-weight: 600;
    text-align: center;
}

.gf-send-confirm:hover{
    background: var(--borwn-web-dark);
}

.gf-resend {
    background: transparent;
    color: #5267ff;
    /* border: 1px solid #e6e8f0; */
}


/* -------------------------------------------------/autorization/---------------------------------------------------------------------------------------------- */


#whatsapp-button{
  position: fixed;
  width: 70px;
  height: 70px;
  bottom: 170px;
  right: 50px;
  background-color: transparent;
  padding: 10px;
  border-radius: 50%;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  transition: transform 0.3s ease;
}

#phone-button{
  position: fixed;
  width: 70px;
  height: 70px;
  bottom: 50px;
  right: 50px;
  background-color: transparent;
  padding: 15px;
  padding-top: 18px;
  border-radius: 50%;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  transition: transform 0.3s ease;
}

#whatsapp-button:hover, #phone-button:hover{
  transform: scale(1.1); 
  box-shadow: 0px 0px 10px var(--brown-web);
}

/* ----------------------- */