@font-face {
    font-family: "SVN-Gilroy-Black";
    src: url("../fonts/SVN-Gilroy Black.otf");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: "SVN-Gilroy-Black-Italic";
    src: url("../fonts/SVN-Gilroy Black Italic.otf");
    font-weight: 900;
    font-style: italic;
    font-display: swap;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: "SVN-Gilroy-Bold";
    src: url("../fonts/SVN-Gilroy Bold.otf");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: "SVN-Gilroy-Bold-Italic";
    src: url("../fonts/SVN-Gilroy Bold Italic.otf");
    font-weight: 700;
    font-style: italic;
    font-display: swap;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: "SVN-Gilroy-Heavy";
    src: url("../fonts/SVN-Gilroy Heavy.otf");
    font-weight: 800;
    font-style: normal;
    font-display: swap;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: "SVN-Gilroy-Heavy-Italic";
    src: url("../fonts/SVN-Gilroy Heavy Italic.otf");
    font-weight: 800;
    font-style: italic;
    font-display: swap;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: "SVN-Gilroy-Regular";
    src: url("../fonts/SVN-Gilroy Regular.otf");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: "SVN-Gilroy-Italic";
    src: url("../fonts/SVN-Gilroy Italic.otf");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: "SVN-Gilroy-Light";
    src: url("../fonts/SVN-Gilroy Light.otf");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: "SVN-Gilroy-Light-Italic";
    src: url("../fonts/SVN-Gilroy Light Italic.otf");
    font-weight: 300;
    font-style: italic;
    font-display: swap;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: "SVN-Gilroy-Medium";
    src: url("../fonts/SVN-Gilroy Medium.otf");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: "SVN-Gilroy-Medium-Italic";
    src: url("../fonts/SVN-Gilroy Medium Italic.otf");
    font-weight: 500;
    font-style: italic;
    font-display: swap;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: "SVN-Gilroy-SemiBold";
    src: url("../fonts/SVN-Gilroy SemiBold.otf");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: "SVN-Gilroy-SemiBold-Italic";
    src: url("../fonts/SVN-Gilroy SemiBold Italic.otf");
    font-weight: 600;
    font-style: italic;
    font-display: swap;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: "SVN-Gilroy-Thin";
    src: url("../fonts/SVN-Gilroy Thin.otf");
    font-weight: 100;
    font-style: normal;
    font-display: swap;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: "SVN-Gilroy-Thin-Italic";
    src: url("../fonts/SVN-Gilroy Thin Italic.otf");
    font-weight: 100;
    font-style: italic;
    font-display: swap;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: "SVN-Gilroy-XBold";
    src: url("../fonts/SVN-Gilroy XBold.otf");
    font-weight: 800;
    font-style: normal;
    font-display: swap;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: "SVN-Gilroy-XBold-Italic";
    src: url("../fonts/SVN-Gilroy XBold Italic.otf");
    font-weight: 800;
    font-style: italic;
    font-display: swap;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: "SVN-Gilroy-Xlight";
    src: url("../fonts/SVN-Gilroy Xlight.otf");
    font-weight: 200;
    font-style: normal;
    font-display: swap;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: "SVN-Gilroy-Xlight-Italic";
    src: url("../fonts/SVN-Gilroy Xlight Italic.otf");
    font-weight: 200;
    font-style: italic;
    font-display: swap;
    text-rendering: optimizeLegibility;
}

body {
    font-family: "SVN-Gilroy-Medium";
    font-size: 27px;
    color: #000000;
    line-height: 2;
    position: relative;
}

header#header ul,
header#header li {
    list-style-type: none;
}

img {
    max-width: 100%;
    width: auto;
    vertical-align: middle;
    height: auto;
    object-fit: cover;
    object-position: center;
}

.d-flex {
    display: flex;
}

section {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
}

a:hover {
    text-decoration: none;
}



h1,
h2,
h3,
h4,
h5,
h6,
strong,
b {
    font-family: "SVN-Gilroy-Bold";
}

.pc {
    display: block;
}

.mb {
    display: none;
}




/* ------------------------------ Banner ------------------------------ */

section#home_banner {
    width: 100%;
    margin-top: 0px;
    background: linear-gradient(to right, #0037BF, #006CED);
    clip-path: polygon(11.991% 73.491%, 11.991% 73.491%, 9.97% 72.761%, 8.08% 71.652%, 6.342% 70.198%, 4.773% 68.429%, 3.394% 66.379%, 2.223% 64.08%, 1.279% 61.565%, 0.581% 58.865%, 0.149% 56.014%, 0% 53.043%, 0% 53.043%, 0% 0%, 100% 0%, 100% 100%);
}

.title_banner {
    text-align: center;
}

.title_banner h1 {
    font-family: 'SVN-Gilroy-Bold';
    color: #fff;
    font-size: 80px;
    line-height: 2;
}



.home_image img {
    width: 100%;
}

.title_banner p {
    font-family: 'SVN-Gilroy-Bold';
    font-size: 60px;
    color: #003AAF;
    background: linear-gradient(to right, #A1E5FA, #EDFFFF);
    display: inline;
    border: 4.7px solid #268EED;
    border-radius: 99px;
    padding: 9px 42px;
    text-transform: uppercase;
}

.home_banner_wrap {
    display: grid;
    grid-template-columns: 60% 35%;
    align-items: center;
    justify-content: space-between;
}

.home_banner_content_item {
    display: grid;
    grid-template-columns: 60px 1fr;
    align-items: center;
    gap: 16px;
    margin: 20px;
    color: #fff;
    font-size: 30px;
    font-family: SVN-Gilroy-SemiBold;
}

.home_banner_content {
    margin-top: 100px;
    /* width: 75%; */
    display: grid;
    grid-template-columns: 60% 50%;
    align-items: flex-start;
}

/* ------------------------------ Vấn đề ------------------------------ */
/* section#van-de {
    margin-top: -100px;
} */

.title_vd h2 {
    font-size: 70px;
    color: #003AAF;
    text-transform: uppercase;

}

.btn-dkn {
    margin: 40px 0px 110px 0px;
}

.btn-dkn a {
    font-size: 35px;
    font-family: 'SVN-Gilroy-Bold';
    background: linear-gradient(to right, #0037BF, #006CED);
    color: #fff;
    display: inline-grid;
    grid-template-columns: 1fr 55px;
    align-items: center;
    gap: 20px;
    padding: 2px 25px;
    border-radius: 99px;
}

.vande-content {
    background: linear-gradient(to bottom, #0338D2, #0B63E1);
    /* margin: 0px; */
    width: 88%;
    margin: auto;
    border-radius: 50px;
}

.img_vd {
    text-align: right;
}

.img_vd img {
    margin-top: -90px;
}

.wrap-vande {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    color: #ffff;
}

.vande-content-left h3 {
    font-size: 69px;
    line-height: 2.5;
}

.list_vande {
    display: grid;
    grid-template-columns: 57px 1fr;
    align-items: center;
    gap: 20px;
    margin: 13px 0px;
}


/* ------------------------------ Sự thật ------------------------------ */

section#su-that {
    padding: 100px 0px;
    overflow: visible;
}

img.cv {
    position: absolute;
    top: -200px;
    z-index: -1;
}

.title_st {
    text-align: center;
    color: #011589;
    font-family: 'SVN-Gilroy-Medium';
    font-size: 55px;
    line-height: 1.5;
    margin-bottom: 80px;
}

.title_st strong {
    font-size: 68px;
}

.content_st h2 {
    text-transform: uppercase;
    font-size: 68px;
    color: #ED3737;
    text-align: center;
}

.content_st {
    margin-left: -110px;
}

.list_content_st {
    display: grid;
    grid-template-columns: 44px 1fr;
    gap: 20px;
    align-items: center;
    background: linear-gradient(to right, #0037BF, #006CED);
    color: #fff;
    font-size: 28px;
    font-family: 'SVN-Gilroy-Medium';
    padding: 10px 20px;
    border-radius: 99px;
    margin: 40px 0px;
}

.su_that_wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
}


/* ------------------------------ Kết quả ------------------------------ */


section#result h2 {
    text-align: center;
    text-transform: uppercase;
    font-size: 68px;
    margin-bottom: 60px;
}

.result-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 55px;
}

.result-wrap-list {
    font-family: 'SVN-Gilroy-Bold';
    font-size: 48px;
    text-align: center;
    color: #ED3737;
    border: 2px solid #011589;
    border-radius: 20px;
    box-shadow: 6.25px 6.25px 4.47px rgba(0, 0, 0, 0.1);
}

.result-wrap-list img {
    width: 57px;
}

.text-result {
    padding: 20px 80px 50px;
    line-height: 1.2;
}

.result-wrap-list-list {
    margin-top: -50px;
}




/* ------------------------------ Home About ------------------------------ */

#about_home {
    margin: 100px 0px;
    background: linear-gradient(to right, #8DD1FF, #FFFFFF);
    overflow: visible;
}

.about_home_img img {
    width: 100%;
    margin-top: -80px;
}

.about_home_wrap {
    display: grid;
    grid-template-columns: 65% 40%;
    align-items: center;
    gap: 30px;
}

.about_home_content h2 {
    font-size: 69px;
    color: #011589;
    text-transform: uppercase;
}

.about_home_content {
    line-height: 1.5;
}


/* ------------------------------ uu diem ------------------------------ */

.ud-diem-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 60px;
    font-family: 'SVN-Gilroy-SemiBold';
    font-size: 30px;
}

.list-uu-diem {
    text-align: center;
    background: linear-gradient(to right, #0338D2, #0B63E1);
    padding: 40px;
    color: #fff;
}

.list-uu-diem {
    text-align: center;
    background: linear-gradient(to right, #0338D2, #0B63E1);
    padding: 40px;
    border-radius: 30px;
}

.list-uu-diem h3 {
    font-size: 97px;
}


/* ------------------------------ founder ------------------------------ */
section#founder {
    padding: 100px 0px;
}

.founder-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 70px;
    align-items: center;
}

.info_founder_list {
    display: grid;
    grid-template-columns: 54px 1fr;
    align-items: center;
    gap: 20px;
    font-family: 'SVN-Gilroy-Medium';
    line-height: 1.5;
    margin: 25px 0px;
}

.title_founder h2 {
    font-size: 69px;
    color: #011589;
    margin-bottom: 30px;
}

/* ------------------------------ Achive ------------------------------ */
section#achive {
    background: linear-gradient(to right, #8DD1FF, #FFFFFF);
    padding: 80px 0px 0px;
    text-align: center;
}

.title_achive h2 {
    font-size: 69px;
    color: #011589;
    text-transform: uppercase;
}

.content_achive {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 100px;
    margin: 80px 0px 80px 0px;
}

.content_achive_list {
    background: #fff;
    border-radius: 30px;
    text-align: left;
}

.content_achive_list h3 {
    font-size: 56px;
    background: #1C4792;
    margin: 0px;
    color: #fff;
    padding: 20px 0px;
    text-align: center;
    border-radius: 30px 30px 0px 0px;
}

.content_achive_list ul {
    line-height: 1.2;
    padding: 30px;
    padding-left: 60px;
}


/* ------------------------------ Phương pháp ------------------------------ */
section#pp {
    padding: 100px 0px;
    overflow: visible;
}

img.cv2 {
    position: absolute;
    z-index: -1;
    top: 600px;
    width: 100%;
}

.title_pp {
    text-align: center;
    margin-bottom: 50px;

}

.title_pp h2 {
    color: #011589;
    font-size: 69px;
    text-transform: uppercase;
    line-height: 1.5;
}

.content_pp {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 120px;
}

.content_pp_list img {
    width: 100%;
    aspect-ratio: 1.5;
}

.text_pp {
    background: linear-gradient(to right, #0037BF, #006CED);
    color: #fff;
    line-height: 1.5;
    text-align: center;
    border-radius: 0px 0px 25px 25px;
    padding: 15px;
    font-size: 28px;
}

/* ------------------------------ Calender ------------------------------ */
section#calender {
    padding-bottom: 100px;
}


.content_calender {
    background-image: url(../images/lich-hoc.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 88%;
    margin: auto;
    font-family: 'SVN-Gilroy-SemiBold';
    font-size: 40px;
    line-height: 1.4;
}

.title_calender h2 {
    font-size: 69px;
    text-align: center;
    color: #011589;
    text-transform: uppercase;
    line-height: 1.4;
}

.content_calender h3 {
    font-size: 50px;
    text-transform: uppercase;
    color: #011589;
}

span.time-big {
    /* font-family: 'SVN-Gilroy-Bold'; */
    font-size: 77px;
}

.content_calender h4 {
    color: #011589;
    font-size: 44px;
    line-height: 2;
}

.content_calender p {
    padding: 24px 0px;
}

.content_calender img {
    width: 100%;
}

/* ------------------------------ lợi ích ------------------------------ */

section#confi {
    background: linear-gradient(to right, #0037BF, #006CED);
    padding: 80px 0px;
}

.title_confi h2 {
    font-size: 69px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    line-height: 1.4;
}

.content_confi {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    row-gap: 80px;
    margin-top: 80px;
}

.list_confi {
    background: #fff;
    text-align: center;
    font-family: 'SVN-Gilroy-SemiBold';
    font-size: 28px;
    padding: 30px 60px;
    line-height: 1.4;
    border-radius: 20px;
    position: relative;
}

.icon_confi {
    width: 65px;
    height: 65px;
    border: 2px solid #0222A8;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    position: absolute;
    top: -25%;
    left: 50%;
    transform: translateX(-50%);
}

.text_confi {
    margin-top: 15px;
}


/* ------------------------------ Tutition ------------------------------ */
section#tuition {
    padding: 100px 0px;
}

.title_tuition h2 {
    color: #011589;
    font-size: 69px;
    text-transform: uppercase;
    text-align: center;
}

.content_tuition {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 150px;
    margin: 70px 0px 120px;
}

.content_tutition_list {
    text-align: center;

}

.content_tutition_list h3 {
    background: linear-gradient(to right, #0037BF, #006CED);
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-size: 57px;
    display: inline;
    padding: 5px 30px;
    border-radius: 20px 20px 0px 0px;
}

.tutition-group {
    background: linear-gradient(135deg, #8DD1FF, #FFFFFF);
    padding: 30px;
    text-align: left;
    border-radius: 25px;
}

.icon-text {
    display: grid;
    grid-template-columns: 53px 1fr;
    gap: 20px;
    line-height: 1.4;
    font-family: 'SVN-Gilroy-SemiBold';
    font-size: 33px;
    align-items: center;
    text-align: left;
    margin-bottom: 50px;
}

.tutition-group {
    background: linear-gradient(135deg, #8DD1FF, #FFFFFF);
    padding: 44px 110px;
}

.tutition-group a {
    background: linear-gradient(to right, #0037BF, #006CED);
    font-family: 'SVN-Gilroy-Bold';
    font-size: 39px;
    color: #fff;
    padding: 15px 30px;
    border-radius: 99px;
}

.content_tutition_list:nth-child(2) .icon-text {
    background-color: #E8E8E8;
}

.content_tutition_list:nth-child(2) .icon-text {
    background-color: #E8E8E8;
    padding: 44px 110px 80px;
    border-radius: 25px;
}

.camket {
    background: #EEF5FF;
}

.camket-wrap {
    display: grid;
    grid-template-columns: 260px 1fr;
    align-items: center;
    gap: 100px;
}

.camket-wrap img {
    margin-top: -24px;
    margin-bottom: -80px;
}

.text_ck h3 {
    color: #011589;
    font-size: 37px;
    text-transform: uppercase;
}

.text_ck {
    line-height: 1.2;
    width: 80%;
}


/* ------------------------------ Feedback ------------------------------ */
section#feedback {
    padding: 80px 0;
}

.info-group {
    display: grid;
    grid-template-columns: 84px 1fr 76px;
    align-items: center;
    gap: 30px;
    margin-bottom: 30px;
}

.name {
    font-family: 'SVN-Gilroy-Bold';
    font-size: 20px;
}

.name img {
    width: 70% !important;
}

.title_feedback h2 {
    font-size: 69px;
    text-align: center;
    color: #011589;
    /* line-height: 2; */
    margin-bottom: 50px;
}

.content-fb-list {
    background: #EEF5FF;
    padding: 30px;
    border-radius: 30px;
    line-height: 1.4;
    font-size: 22px;
}

.avatar_db img {
    aspect-ratio: 1;
    border-radius: 10px;
}

.owl-dots,
.owl-dots.disabled {
    position: relative;
    bottom: 0px;
    transform: translateX(-50%);
    left: 50%;
    display: flex !important;
    justify-content: center;
    margin: 40px 0px 0px 0px;
    align-items: center;
}

.owl-dot,
.owl-dots.disabled {
    width: 10px;
    height: 10px;
    background: #C4C4C4;
    /* height: 30px; */
    border-radius: 50%;
    margin: 0px 5px;
}

.owl-dot.active {
    width: 15px;
    height: 15px;
    background: linear-gradient(to right, #0037BF, #006CED);
}

.img_hv img {
    width: 100%;
    aspect-ratio: 1;
    transition: all 0.3s ease;
}

#img-hv .owl-item.second-active .img_hv img {
    aspect-ratio: 0.8;
}

#img-hv .owl-stage {
    display: flex;
    align-items: center;
}

div#img-hv {
    margin: 80px 0px;
}

/* ------------------------------ thời gin  ------------------------------ */

.countdown-wrapper {
    background-image: url(../images/traidat.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 80px 0px;
    text-align: center;
}

.timer-row {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 80px;
    gap: 12px;
}

.timer-block {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.timer-number {
    background: #fff;
    color: #000;
    font-size: 140px;
    font-family: 'SVN-Gilroy-Bold';
    width: 180px;
    height: 180px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.timer-label {
    color: #fff;
    font-family: 'SVN-Gilroy-Medium';
    font-size: 51px;
    margin-top: 8px;
}

.colon {
    color: #fff;
    font-size: 87px;
    /* font-weight: 900; */
    padding: 0 8px;
    padding-bottom: 28px;
    font-family: 'SVN-Gilroy-Bold';
}

.cd-title {
    color: #fff;
    font-size: 69px;
    text-transform: uppercase;
    margin-bottom: 28px;
}

.cd-badge {
    display: inline;
    background: linear-gradient(to right, #8DD1FF, #FFFFFF);
    color: #011589;
    font-size: 59px;
    font-family: 'SVN-Gilroy-Bold';
    padding: 6px 44px;
    border-radius: 999px;
    text-transform: uppercase;
}

/* ------------------------------ form ------------------------------ */
section#form_dang_ky {
    padding: 100px 0px;
}

.form-dk-wrap {

    display: grid;
    grid-template-columns: 1fr 1fr;
    border-radius: 30px;
}

.bg-xanh {
    background: linear-gradient(to right, #0037BF, #006CED);
    height: 535px;
    width: 100%;
    border-radius: 30px;
    position: absolute;
    z-index: -1;
    top: 50%;
    transform: translateY(-50%);
    left: 50%;
    transform: translate(-50%, -50%);
}

.content_form {
    background: #fff;
    box-shadow: 3px 2.76px 10px rgba(5, 54, 101, 0.25);
    padding: 30px 60px;
    border-radius: 30px;
}

.content_form h2 {
    text-align: center;
    font-size: 45px;
    color: #011589;
}

.form-row {
    display: grid;
    grid-template-columns: 65% 30%;
    justify-content: space-between;
    align-items: flex-end;
}

.content_form input {
    width: 100%;
    background: #F2F2F2;
    border: 0px;
    outline: none;
    border-radius: 10px;
    padding: 5px 20px;
}

.content_form select {
    width: 100%;
    background: #F2F2F2;
    border: 0px;
    outline: none;
    padding: 15px;
    border-radius: 10px;
}

.content_form label {
    font-family: 'SVN-Gilroy-SemiBold';
    font-size: 18px;
}

.form-col.flex p {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.kh select {
    background: #EEF5FF;
}

.content_form h3 {
    color: #E81A1A;
    text-align: center;
    font-size: 35px;
    margin: 40px 0px;
}

span.wpcf7-spinner {
    display: none;
}

.sm {
    text-align: center;
}

.sm input {
    /* font-size: 22px; */
    font-family: "SVN-Gilroy-Bold";
    text-transform: uppercase;
    background: linear-gradient(to right, #0037BF, #006CED);
    color: #fff;
    width: auto;
    border-radius: 99px;
}

.img_ava {
    text-align: center;
}

/* ------------------------------ ft ------------------------------ */
section#footer-ld {
    background: #0338D2;
    padding: 80px 0px;
}

section#footer-ld h2 {
    text-align: center;
    font-size: 45px;
    color: #fff;
    text-transform: uppercase;
    line-height: 1.5;
}

.footer-ld-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 50px;
    margin: 50px 0px 20px;
}

.icon_chan_trang {
    text-align: center;
}

.icon_chan_trang img {
    width: 43px;
}

.list-footer-ld {
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.text_chan_trang {
    font-family: 'SVN-Gilroy-SemiBold';
    font-size: 18px;
    text-align: center;
    line-height: 1.4;
    margin: 10px 0px;
}

.list-footer-ld {
    background: #fff;
    padding: 40px;
    border-radius: 25px;

}

/* ------------------------------ BackToTop ------------------------------ */

#supportfix {
    position: fixed;
    z-index: 9999;
    bottom: 100px;
    right: 40px;
    bottom: 20%;
    display: none;
    flex-direction: column;
    row-gap: 10px;
}

#supportfix .support_item {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
}

#supportfix .support_item img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
}

.btn_top {
    display: none;
}

svg.bi.bi-chevron-up {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 35px;
    height: 35px;
    fill: #707070;
}

.page_pagaination {
    margin-top: 35px;
}

.pagination {
    clear: both;
    position: relative;
    font-size: 16px;
    line-height: 13px;
    float: right;
    list-style-type: none;
    width: 100%;
    margin: 0px !important;
    display: flex !important;
    justify-content: center;
}

.pagination span {
    display: none !important;
}

.pagination span,
.pagination a {
    display: block;
    float: left;
    margin: 2px 2px 2px 0;
    padding: 6px 9px 5px 9px;
    text-decoration: none;
    width: auto;
    color: #fff;
    background: #072B6B;
}

.pagination a:hover {
    color: #fff;
    background: #072B6B;
}

.pagination .current {
    padding: 6px 9px 5px 9px;
    color: #fff;
}

.pagination .active a,
.pagination .active a:focus,
.pagination .active a:hover,
.pagination .active span,
.pagination .active span:focus,
.pagination .active span:hover {
    background-color: #072B6B !important;
    border-color: #072B6B !important;
}

.pagination li a:focus,
.pagination li a:hover,
.pagination li span:focus,
.pagination li span:hover {
    color: #ffffff !important;
    background-color: #072B6B !important;
    border-color: #072B6B !important;
}

.pagination li a,
.pagination li span {
    color: #b2b2b2 !important;
}

.pagination li:last-child a,
.pagination li:last-child span {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important
}


/* ------------------------------ Modal ------------------------------ */

.modal-dialogs .modal-content {
    overflow: hidden;
}

.modal-dialogs .modal-body {
    background-color: #d4dde5;
}

.modal-dialogs .modal-body .form-contact-btn .form-contact-item p::before {
    display: none;
}

.modal-dialogs h5#exampleModalLabel {
    font-size: 20px;
    font-family: 'SVN-Gilroy SemiBold';
    color: #511210;
}

.modal-dialogs .modal-header {
    position: relative;
    width: 100%;
}

.modal-dialogs button.close {
    position: absolute;
    top: 20px;
    right: 15px;
}

.modal-dialogs {
    width: 100%;
    max-width: 600px;
    position: relative;
    top: 50%;
    z-index: 999999999999;
    transform: translateY(-50%);
    margin: auto;
}

.modal {
    z-index: 999999999999 !important;
}

.wrap-menu_mobile {
    display: none;
}

.modal-dialogs .modal-body form p {
    margin-bottom: 0px;
}

.modal-dialogs .modal-body form input,
.modal-dialogs .modal-body form textarea {
    width: 100%;
    color: #000;
    padding: 10px 15px;
    border: none;
    border-radius: 5px;
    outline: none;
    margin-bottom: 10px;
}

.modal-dialogs .modal-body form textarea {
    height: 150px;
}

.modal-dialogs .modal-body form .contact_fbox1,
.modal-dialogs .modal-body form .contact_fbox2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    column-gap: 10px;
}

.modal-dialogs .modal-body form .contact_fbox2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    column-gap: 10px;
}

.modal-dialogs .modal-body form .contact_fsize p,
.modal-dialogs .modal-body form .contact_fgoi p {
    display: flex;
}

.modal-dialogs .modal-body form .contact_fsize span,
.modal-dialogs .modal-body form .contact_fgoi span {
    text-align: center;
}

.modal-dialogs .modal-body form input[type=submit] {
    background-color: #ff6700;
    font-size: 16px;
    font-family: 'SVN-Gilroy SemiBold';
    color: #fff;
    text-transform: uppercase;
    width: auto;
    display: inline-block;
    padding: 10px 50px;
    border-radius: 25px;
    position: relative;
    left: 0%;
    transform: translateX(0%);
    margin-top: 30px;
    transition: 0.3s ease-in-out;
}

.modal-dialogs .modal-body form input[type=submit]:hover {
    background-color: #511210;
    color: #ffffff;
    transition: 0.3s ease-in-out;
}

.modal-dialogs .home_contact_lbox {
    position: relative;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}