html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}
@font-face {
    font-family: 'Days';
    src: url('Days/Days.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* VelaSans ExtraLight */
@font-face {
    font-family: 'Vela Sans';
    src: url('VelaSans/VelaSans-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

/* VelaSans Light */
@font-face {
    font-family: 'Vela Sans';
    src: url('VelaSans/VelaSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* VelaSans Regular */
@font-face {
    font-family: 'Vela Sans';
    src: url('VelaSans/VelaSans-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* VelaSans Medium */
@font-face {
    font-family: 'Vela Sans';
    src: url('VelaSans/VelaSans-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* VelaSans SemiBold */
@font-face {
    font-family: 'Vela Sans';
    src: url('VelaSans/VelaSans-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/* VelaSans Bold */
@font-face {
    font-family: 'Vela Sans';
    src: url('VelaSans/VelaSans-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* VelaSans ExtraBold */
@font-face {
    font-family: 'Vela Sans';
    src: url('VelaSans/VelaSans-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}


.main{
    position: relative;
    max-width: 1282px;
    margin: 0 auto;
}

.headerText{
    align-items: center;
    display: flex;
    justify-content: center;
    background: #000;
    padding: 10px;
}
.headerText h3{
    color: #fff;
    font-family: "Vela Sans",sans-serif;
    font-size: 20px;
    font-weight: 400;
}
.alingHeader {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 30px 0;
}

a{
    text-decoration: none;
    font-size: 20px;
}
nav{
    display: flex;
    flex-direction: row;
    gap: 43px;
    align-items: center;
}
nav a {
    color: #000000;
    font-family: "Vela Sans",sans-serif;
    font-size: 20px;
    font-weight: 600;
}
.hamburger {
    position: relative;
    width: 24px;
    height: 18px;
    cursor: pointer;
}

.mobile-menu {
    position: fixed;
    top: 0;
    right: -120%;
    width: 100%;
    height: 100vh;
    background: #002B70;
    z-index: 1000;
    transition: right 0.4s ease;
    padding: 20px;
    box-shadow: -5px 0 15px rgba(0,0,0,0.1);
}

.mobile-menu.active {
    right: 0;
}

/* Шапка меню с кнопкой закрытия */
.menu-header {
    display: flex;
    justify-content: flex-end;
    padding: 20px 0;
    margin-bottom: 40px;
}

.close-menu {
    background: none;
    border: none;
    cursor: pointer;
    padding: 10px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: background 0.3s ease;
}

.close-menu:hover {
    background: #f5f5f5;
}

.close-icon {
    position: relative;
    width: 20px;
    height: 20px;
}

.close-icon::before,
.close-icon::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 2px;
    background: white;
    border-radius: 1px;
}

.close-icon::before {
    transform: translate(-50%, -50%) rotate(45deg);
}

.close-icon::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}
.custom-select{
    display: none;
}
/* Навигация в меню */
.mobile-nav {
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 30px;
}
.hamburgerLine {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    background: black;
    transform: translateY(-50%);
    transition: all 0.3s ease;
}

.hamburgerLine::before,
.hamburgerLine::after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    background: black;
    transition: all 0.3s ease;
}

.hamburgerLine::before {
    top: -6px;
}

.hamburgerLine::after {
    bottom: -6px;
}

/* Анимация хамбургера при открытии */
.hamburger.active .hamburgerLine {
    background: transparent;
}

.hamburger.active .hamburgerLine::before {
    top: 0;
    transform: rotate(45deg);
    background: #333;
}

.hamburger.active .hamburgerLine::after {
    bottom: 0;
    transform: rotate(-45deg);
    background: #333;
}

.hamburgerName{
    display: none;
}
.programSearc{
    display: none;
}

.hamburger-menu-btn{
    display: none;
}
.mobFutter{
    display: none;
}.hamburger{
     display: none;
 }
.btnHeader{
    padding:10px 30px;
    border: none;
    background: #002C8E;
    border-radius: 65px;
    cursor: pointer;
    color: #fff;
    transition: 0.3s ease;
}
.btnHeader:hover{
    background: #FFFFFF;
    color: #002C8E;
    border: 2px solid #002C8E;
    transition: 0.3s ease;
}


.btnHeaderText{
    font-family: "Vela Sans",sans-serif;
    font-size: 20px;
}

/*mainSection*/
.background-video {
    /* Растягиваем видео на весь экран */
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 700px;

    /* Обеспечиваем правильное соотношение сторон */
    width: auto;
    height: auto;

    /* Размещаем видео позади всего контента */
    z-index: -1;

    /* (Опционально) Затемнение или осветление видео для лучшей читаемости текста */
    /* filter: brightness(50%); */
}


h1{
    font-size: 66px;
    line-height: 100%;
    font-weight: 800;
    text-transform: uppercase;
    align-items: center;
    text-align: center;
    font-family: "Days",sans-serif;
    color: white;
    margin-top: -13%;
}
.mainTextTitle{
    text-align: center;
    font-size: 30px;
    font-family: "Days_One", sans-serif;
}


.mainSection{
    position: relative;
    height: 700px; /* Минимальная высота на весь экран */
    display: flex;
    align-items: center;
    color: white; /* Белый текст для контраста с видео */
    overflow: hidden;
}

.textMainHeader{
    display: flex;
    gap: 1rem;
    text-align: center;
    justify-content: center;
    padding-top: 40px;
}

.mainButtonBlock{
    display: flex;
    flex-direction: row;
    gap: 1rem;
    justify-content: center;
    padding-top: 67px;
}

.mainButtonZakaz{
    width: 630px;
    height: 60px;
    border: none;
    background: #004AAC;
    border-radius: 55px;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
    gap: 1rem;
    cursor: pointer;
    color: white;
    transition: 0.3s ease;
    position: relative;
}
.mainButtonZakaz:hover {
    transition: 0.4s ease;
    background: #FFFFFF;
    color: #004AAC;
}
.mainButtonZakaz img:first-of-type {
    opacity: 1;
    transform: translateX(10px);
    transition: all 0.4s ease;
}

.mainButtonZakaz .mainButtonZakazHover {
    position: absolute;
    opacity: 0;
    transform: translateX(201px);
    transition: all 0.4s ease;
}

/* Анимация при наведении */
.mainButtonZakaz:hover img:first-of-type {
    opacity: 0;
    transform: translateX(50px);
}

.mainButtonZakaz:hover .mainButtonZakazHover {
    opacity: 1;
    transform: translateX(141px);
}


.mainButtonZakazText{
    font-family: "Days",sans-serif;
    font-size: 20px;

    font-weight: 500;
    text-transform: uppercase;
}

.mainButtonStoimost{
    width: 630px;
    height: 60px;
    border: none;
    background: #ffffff;
    border-radius: 55px;
    cursor: pointer;
display:flex;
justify-content:center;
align-items: center;
}
.mainButtonStoimostText{
    font-family: "Days",sans-serif;
    font-size: 20px;
    color: #004AAC;
}

.mainButtonStoimost img {
    opacity: 0;
    transform: translateX(130px);
    transition: all 0.4s ease;
    width: 24px; /* Размер иконки */
    height: 24px;
}
.mainButtonStoimost:hover {
    gap: 32px; /* Расстояние между текстом и иконкой */
}


.mainButtonStoimost:hover img {
    opacity: 1;
    transform: translateX(40px);
}


.alingBlockMainUnder{
    display: flex;
    justify-content: center;
    padding-top: 3rem;
}

.alingBlockMain{
    background: white;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 250px;
    padding: 10px 20px;
    border-radius: 30px 30px 0 0;
}

.mainBlockUnder{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding-top: 30px;
}
.white-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: white;
    border-radius: 50%;
    margin: 0 10px;
}
.mainBlockUnderText{
    font-family: "Days",sans-serif;
    font-size:29px;
    color: white;
    text-align: center;
    display: flex;
    align-items: center;
    gap: 5px;
}

.textMainHeaderBlock{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.textMainHeaderBlockTitle{
    font-family: "Days",sans-serif;
    font-size: 20px;
    color: white;
}

/*trust*/

.trust{
    padding: 7rem;
}
.trustMainText{
    font-family: "Days",sans-serif;
    font-size: 40px;
    color: #004AAC;
    font-weight: 800;
}

.trustCard{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: row;
    padding-top: 40px;
}
.blockCardTrust{
    width: 244px;
    height: 251px;
    display: flex;
    flex-direction: column;
    background: #F9F7FB;
    padding: 30px;
}
.blockCardTrustImg{
    width: 140px;
    height: 140px;
    padding-bottom: 24px;
    transition: 0.3s ease;
}
.blockCardTrustImg:hover{
    scale: 1.2;
    transition: 0.3s ease;
}

.blockCardTrustTitle{
    font-family: "Days",sans-serif;
    font-size: 50px;
    font-weight: 800;
    color: #004AAC;
}
.blockCardTrustAbout{
    font-family: "Vela Sans",sans-serif;
    font-size: 20px;
    color: #000000;
    font-weight: 200;
    padding-top: 10px;

}


/*remove*/

.blockHeaderRemove{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-top: 5rem;
}

.blockHeaderRemoveTitle{
    font-family: "Days",sans-serif;
    font-size: 40px;
    color: #004AAC;
    font-weight: 800;
}
.blockHeaderRemoveAbout{
    font-family: "Days",sans-serif;
    font-size: 30px;
    color: #000000;
    font-weight: 800;
}

.removeBlockCard{
display: flex;
    gap: 20px;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 50px;
}

.cardRemove{
    background: #F9F7FB;
    padding: 20px 20px 20px 20px ;
    width: 264px;
    height: 315px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: border 0.6s ease;
}

.cardRemove:hover{
    border: 1px #004AAC solid;
    transition: border 0.6s ease;
}

.cardRemoveImg{
    width: 46px;
    height: 45px;
}

.cardRemoveTitle{
    font-family: "Days",sans-serif;
    font-size: 20px;
    color: #004AAC;
    font-weight: 500;
    padding-top: 10px;
}
.cardRemoveTAbout{
    font-family: "Vela Sans",sans-serif;
    font-size: 20px;
    color: #000000;
    font-weight: 400;
    padding-top: 15px;

}
.cardRemoveTPrice{
    font-family: "Days",sans-serif;
    font-size: 25px;
    color: #004AAC;
    font-weight: 500;
    padding-top: 10px;
}

.cardRemoveButton{
    background: #56a2ff59;
    width: 265px;
    height: 55px;
    border: none;
    border-radius: 55px;
    cursor: pointer;
    color: #0066FF;
display: flex;
    justify-content: center;
    align-items: center;
}

.cardRemoveButton:hover{
color: #FFFFFF;
    background: #004AAC;
}

.buutonCard{
   }
.cardRemoveButtonText{
    font-family: "Vela Sans",sans-serif;
    font-size: 16px;

    font-weight: 500;
}

.blockBtnRemuveButton{
    background: #004AAC;
    width: 630px;
    height: 60px;
    border: none;
    border-radius: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    cursor: pointer;
    gap: 1rem;
    transition: 0.3s ease;
}
.blockBtnRemuveButton:hover{
    display: flex;
    gap: 2rem;
    transition: 0.3s ease;
}

.cardRemuveButtonText{
    font-family: "Days",sans-serif;
    font-size: 20px;
    color: #ffffff;
    font-weight: 300;
}
.blockBtnRemuve{
    display: flex;
    justify-content: end;
    padding-top: 20px;
}

/*chois*/
.chois{
    padding-top: 14rem;
}

.mainTextChois{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 0 20px;
}
.mainTextChoisTitel{
    font-family: "Days",sans-serif;
    font-size: 40px;
    color: #004AAC;
    font-weight: 800;
}
.mainTextChoisAbout{
    font-family: "Days",sans-serif;
    font-size: 30px;
    color: #000000;
    font-weight: 800;
}
.choisCard{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1rem;
    padding-top: 50px;
}
.mainChoisCard{
    background: #F9F7FB;
    width: 370px;
    padding: 20px;
    height: 400px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    color: #E1DFE3;
}

.mainChoisCard:hover{
    background: #004AAC;
    color: white;
}

.mainChoisCardHeader{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
.mainChoisCardHeaderText{
    font-family: "Days",sans-serif;
    font-size: 50px;
    font-weight: 800;
}

.mainChoisCard img:first-child {
    opacity: 1;
    transition: opacity 0.3s ease;
}

/* Вторая иконка (скрытая по умолчанию) */
.mainChoisCard img:last-child {
    position: absolute;
    right: 0;
    opacity: 0;
    transition: opacity 0.3s ease;
}

/* При наведении на весь блок */
.mainChoisCard:hover img:first-child {
    opacity: 0; /* Прячем первую иконку */
}

.mainChoisCard:hover img:last-child {
    opacity: 1; /* Показываем вторую иконку */
}



.blockTextChoisCardTtiel{
    font-family: "Days",sans-serif;
    font-size: 30px;
    color: #004AAC;
    font-weight: 200;
}

.blockTextChoisCardAbout{
    font-family: "Vela Sans",sans-serif;
    font-size: 20px;
    color: #000000;
    font-weight: 400;
}
.blockTextChoisCard{
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.mainChoisCard:hover .mainChoisCardHeaderText {
    color: #ffffff;
}

.mainChoisCard:hover .blockTextChoisCardTtiel {
    color: #ffffff;
}
.mainChoisCard:hover .blockTextChoisCardAbout {
    color: #ffffff;
}
/*sells*/

.sells{
    background: #004AAC;
    margin-top: 10rem;
   padding-bottom: 50px;
}
.maintSeelsText{
    font-family: "Days",sans-serif;
    font-size: 53px;
    color: #57A3FF;
    font-weight: 300;
    text-align: center;
    padding-top: 50px;
    text-transform: uppercase;
}
.maintSeelsTextTitle{
    font-family: "Days",sans-serif;
    font-size: 170px;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 800;
}
.maintSeelsTextAbout{
    font-family: "Days",sans-serif;
    font-size: 58px;
    color: white;
    text-align: center;
    text-transform: uppercase;
    font-weight: 200;
}
.sellsBuutonBlock{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 50px;
}
.sellsBuutonButtonTextTwo{
    width: 630px;
    height: 60px;
    border: none;
    border-radius: 55px;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #004AAC;
    gap: 10px;
    cursor: pointer;
    position: relative;
}
.sellsBuutonButtonTextTwo:hover{
    color: #FFFFFF;
    background: #003985;
}

.sellsBuutonButtonTextTwo img:first-child {
    position: absolute;
    left: 30%;
    opacity: 1;
    transition: opacity 0.3s ease;
}

/* Вторая иконка (скрытая по умолчанию) */
.sellsBuutonButtonTextTwo img:last-child {
    position: absolute;
    right: 0;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.sellsBuutonButtonTextTwo:hover img:first-child {
    opacity: 0; /* Прячем первую иконку */
}

.sellsBuutonButtonTextTwo:hover img:last-child {
    opacity: 1; /* Показываем вторую иконку */
}





.sellsBuutonButtonTextTitle{
    font-family: "Days",sans-serif;
    font-size: 20px;

    font-weight: 300;

}

.sellsBuutonButton{
    width: 630px;
    height: 60px;
    border: none;
    border-radius: 55px;
    background: #57A3FF;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    transition: 0.3s ease;
    cursor: pointer;
}
.sellsBuutonButton:hover{
    gap: 2rem;
    transition: 0.3s ease;
}


.sellsBuutonButtonText{
    font-family: "Days",sans-serif;
    font-size: 20px;
    color: #ffffff;
    font-weight: 300;
}
.underSellsBlockTitle{
    font-family: "Days",sans-serif;
    font-size: 25px;
    color: #ffffff;
    font-weight: 200;
}
.underSellsBlockText img{
    width: 30px;
    height: 30px;
}

.underSellsBlockText{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}
.underSellsBlock{
    background: #ffffff10;
    fill:#ffffff;
    border-radius: 55px;
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin-top: 20px;

}
.underSellsBlockTextTitel{
    font-family: "Days",sans-serif;
    font-size: 25px;
    color: #ffffff;
    font-weight: 300;
}
/*calculator*/
.calculatorBlock{
padding-top: 50px;
}

.blockAboutCalkText{
    font-family: "Days",sans-serif;
    font-size: 40px;
    color: #ffffff;
    font-weight: 300;

}
.contactsHeaderLogo a {
    font-size: 0;
}

.contactsHeaderLogo{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
.contactsHeaderLogo img{
    width: 50px;
    cursor: pointer;
}


.blockCalk{
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 2rem;
}

.blockAboutCalk{
    width: 630px;
    display: flex;
    flex-direction: column;
    background: #004AAC;
   padding: 20px;
}

.blockAboutCalkImg{
    background: white;
    height: 580px;
    margin-top: 100px;
}

.blockAboutCalkImgMain{
    position: absolute;
    top: 150px;
    left: 7%;
}
.calculator {
    background: #004AAC;
    border-radius: 10px;
    overflow: hidden;
    width: 640px;
    padding: 10px;
}

.headerCalculator {
    color: #fff;
    text-align: center;
}

.headerCalculatorTextTitle{
    font-family: "Days",sans-serif;
    font-size: 60px;
    color: #ffffff;
    font-weight: 300;
}
.headerCalculatorTextAbout{
    font-family: "Vela Sans",sans-serif;
    font-size: 20px;
    color: #ffffff;
    font-weight: 300;
    padding-bottom: 25px;
}

.header p {
    margin: 5px 0 0;
    font-size: 14px;
    opacity: 0.9;
}

.content {
    padding: 20px;
    background: white;
    border-radius: 10px;
}

.section-title {
    font-family: "Vela Sans",sans-serif;
    font-size: 20px;
    color: #000000;
    font-weight: 200;
    margin-bottom: 20px;
}

.room-types {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    gap: 10px;
    margin-top: 20px;
}

.room-btn {
    flex: 1;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    background: #F1F7FF;
    width: 170px;
    height: 60px;
    font-family: "Days",sans-serif;
    font-size: 20px;
    color: #000000;
justify-content: center;
    display: flex;
    align-items: center;
}

.room-btn.active {
    background: #004AAC;
    color: #fff;
}

.range-container {
    margin-top: 30px;
    margin-bottom: 30px;
    position: relative;
}
.inpytSelect{
width: 550px;
    height: 56px;
    padding: 0 0 0 10px;
    border: 2px solid #004AAC;
    border-radius: 4px;
    outline: none;
    font-family: "Days",sans-serif;
    font-size: 20px;
    font-weight: 200;
}
.inpytSelect::placeholder{
    font-family: "Days",sans-serif;
    font-size: 20px;
    color: #B2B2B2;
    font-weight: 300;

}
.range-label {
    position: absolute;
    top: -20px;
    color: #004AAC;
    font-weight: 400;
    transform: translateX(-50%);
    white-space: nowrap;
    transition: left 0.1s ease-out;
    font-family: "Days",sans-serif;
    font-size: 20px;
}

input[type="range"] {
    width: 100%;
    appearance: none;
    height: 8px;
    border-radius: 3px;
    background: #004AAC;
    outline: none;
    transition: background 0.3s;
}

input[type="range"]::-webkit-slider-thumb {
    appearance: none;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #0056d6;
    cursor: pointer;
    border: 2px solid #fff;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}

.radio-group, .checkbox-group {
    margin-bottom: 20px;
}
.two{
    font-family: "Vela Sans",sans-serif;
    font-size: 20px;
    font-weight: 200;
}
label{
    display: block;
    cursor: pointer;
}
.radio-group ,
.checkbox-group  {
    display: block;
    margin-bottom: 5px;
    cursor: pointer;
    font-family: "Days",sans-serif;
    font-size: 20px;
    font-weight: 100;
}
input {
    width: 15px;
    height: 15px;
}
.price {
    font-family: "Vela Sans",sans-serif;
    font-size: 23px;
    color: #000000;
    font-weight: 500;
    padding-top: 20px;
}

.price span {
    color: #0056d6;
}

.order-btn {
   width: 590px;
    height: 60px;
    border: none;
    border-radius: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    background: #FFFFFF;
    cursor: pointer;
    margin-top: 30px;
    transition: 0.3s ease;
}

.order-btn:hover {
    gap: 2rem;
    transition: 0.3s ease;
}

.order-btnText{
    font-family: 'Days',sans-serif;
    font-size: 20px;
    color: #004AAC;
    font-weight: 200;
}
.calkUnderText{
    display: flex;
    flex-direction: row;
    justify-content: end;
    padding-top: 10px;
}
.calkUnderTextTitle{
    font-family: "Vela Sans",sans-serif;
    font-size: 20px;
    color: #00000094;
    font-weight: 200;
}

.sectionVibor{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-top: 28px;
}
/*call*/

.callMainText{
    font-family: "Days",sans-serif;
    font-size: 40px;
    color: #004AAC;
    font-weight: 300;
}

.blockCall{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 50px;
    margin-bottom: 50px;
}
.blockFormCall{
    display: flex;
    background: #004AAC;
    padding: 20px;
    flex-direction: column;
    gap: 1rem;

}

form{
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 590px;
}
form input::placeholder{
    font-family: "Days",sans-serif;
    font-size: 20px;
    color: #B2B2B2;
    font-weight: 200;

}
textarea{
    width: 577px;
    height: 108px;
    font-family: "Days",sans-serif;
    font-size: 20px;
    color: #000000;
    outline: none;
}
textarea::placeholder{
    font-family: "Days",sans-serif;
    font-size: 20px;
    color: #B2B2B2;
    font-weight: 200;
    padding: 30px 0 0 20px;
}
form input{
    width: 560px;
    height: 56px;
    padding: 0 0 0 20px;
    outline: none;
    font-family: "Days",sans-serif;
    font-size: 20px;
    color: #000000;
}

.select-wrapper {
    position: relative;
    display: inline-block;
    width: 578px;
}

.arrowSelect{
    position: absolute;
    top: 20px;
    left: 90%;
}

select {
    outline: none;
    width: 100%;
    height: 56px;
    padding: 0 20px;
    font-family: "Days", sans-serif;
    font-size: 20px;
    color: #000000;
    font-weight: 200;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 1px solid #ccc;
    border-radius: 8px;
    background: white;
}
select option{
    padding: 0 0 0 20px;
}

.sellsBuutonButtonForm{
    width: 577px;
    height: 60px;
    cursor: pointer ;
    border-radius: 55px;
    background: #004AAC;
    border: 2px solid #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 10px;
    transition: 0.3s ease;
}

.sellsBuutonButtonForm:hover{
    gap: 2rem;
    transition: 0.3s ease;
}
.sellsBuutonButtonTextForm{
    font-family: "Days",sans-serif;
    font-size: 20px;
    color: #ffffff;
    font-weight: 300;
    cursor: pointer;
}
.socials{
    background: #004AAC;
    width: 590px;
    padding: 20px;
    border-radius: 5px;
}

.blockSocials{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1rem;
}
.infoSocials{
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.blockSocialsText{
    display: flex;
    flex-direction: column;
}
.blockSocialsTextTile{
    font-family: "Days",sans-serif;
    font-size: 20px;
    color: #57A3FF;
    font-weight: 100;
}
.blockSocialsTextAbout{
    font-family: "Days",sans-serif;
    font-size: 30px;
    color: #ffffff;
    font-weight: 200;

}

.socialsUnderText{
    font-family: "Vela Sans",sans-serif;
    font-size: 20px;
    color: rgba(0, 0, 0, 0.47);
    font-weight: 200;
    margin-left: 15%;
}

/*footer*/

.footer {
    background: #1A1A1A;
    color: #ccc;
    font-family: 'Orbitron', sans-serif;
    padding-top: 40px;
}

.mainTextFooter{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-bottom: 30px;
}
.mainTextFooterOneText{
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 400px;
}
.mainTextFooterOneTextTitle{
    font-family: "Days",sans-serif;
    font-size: 15px;
    color: rgba(255, 255, 255, 0.55);
    font-weight: 200;
}
.linksFooter{
    padding-top: 15px;
    display: flex;
    gap: 12px;
}
.mainTextFooterTwo{
    display: flex;
    flex-direction: column;
}
.mainTextFooterTwoText{
    font-family: "Days",sans-serif;
    font-size: 25px;
    color: #004AAC;
    font-weight: 200;
}
.mainTextFooterTwoNavInfo a {
    display: flex;
    align-items: center;
    gap: 5px;
}

.mainTextFooterTwoNav{
    display: flex;
    flex-direction: column;
    gap: 10px;

}
.mainTextFooterTwoNavInfo{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.mainTextFooterTwoNavInfoTitle{
    font-family: "Vela Sans",sans-serif;
    font-size: 20px;
    color: #ffffff;
    font-weight: 200;
}
.lineFooter{
    width: 100%;
    height: 1px;
    background: #FFFFFF;
}
.underFooter{
    padding-top: 30px;
    padding-bottom: 30px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.underFooterText{
    font-family: "Vela Sans",sans-serif;
    font-size: 20px;
    color: rgba(255, 255, 255, 0.65);
    font-weight: 200;

}