html {
    scroll-behavior: smooth;
}

:focus {
    outline: 0 !important;
    text-decoration: blink !important;
}

a {
    color: #F8B04A;
    text-decoration: none;
}

a:hover {
    text-decoration: blink !important;
}

.fa {
    display: inline-block;
    font: normal normal normal;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/*  */

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(50px);
        transform: translateX(50px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(50px);
        -ms-transform: translateX(50px);
        transform: translateX(50px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-50px);
        -ms-transform: translateX(-50px);
        transform: translateX(-50px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(50px);
        -ms-transform: translateY(50px);
        transform: translateY(50px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}


/*  */

.slick-dots,
.slick-next,
.slick-prev {
    position: absolute;
    display: block;
    padding: 0
}

.slick-next:before,
.slick-prev:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-next,
.slick-prev {
    font-size: 0;
    line-height: 0;
    bottom: 0;
    top: 0;
    margin: auto 0;
    z-index: 9;
    cursor: pointer;
    border: none;
    outline: 0;
    transition: all 0.3s;
    opacity: 1;
}

.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
    opacity: 0.8;
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
    opacity: .8
}

.slick-prev {
    left: -15px;
    width: 35px;
    height: 35px;
    position: absolute;
    background: url(../images/prev.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.slick-next {
    right: -15px;
    width: 35px;
    height: 35px;
    position: absolute;
    background: url(../images/next.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.slick-list,
.slick-slider,
.slick-track {
    position: relative;
    display: block
}

.slick-loading .slick-slide,
.slick-loading .slick-track {
    visibility: hidden
}

.slick-slider {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    overflow: hidden;
    margin: 0;
    height: 100%;
    padding: 0;
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    top: 0;
    left: 0;
    height: 100%;
}

.slick-track:after,
.slick-track:before {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-dots {
    width: 100%;
    list-style: none;
    text-align: center;
    bottom: 0px;
    left: 0px;
    right: 0;
    margin: 0 auto;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    border-radius: 12px;
    width: 12px;
    height: 12px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    border: 0;
    font-size: 0;
    line-height: 0;
    background: transparent;
    display: block;
    border-radius: 12px;
    width: 12px;
    height: 12px;
    outline: none;
    cursor: pointer;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: 0;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    border-radius: 12px;
    width: 12px;
    height: 12px;
    text-align: center;
    background: rgba(255, 255, 255, 0.3);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
    background: linear-gradient(178.86deg, #F35D3C -12.42%, #F8873B 33.45%, #FA9E39 67.86%, #FFBC3F 102.26%);
    opacity: 1;
}


/*  */

p {
    font-family: 'Quicksand', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
}

strong {
    font-family: 'Quicksand', sans-serif;
    font-weight: 600;
}

body {
    margin: 0 auto;
    position: relative;
    overflow-x: hidden;
    max-width: 1920px;
    font-family: 'Quicksand', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
    background: #262628;
}

#wrapper {
    overflow-x: hidden;
    max-width: 1920px;
    position: relative;
    margin: 0 auto;
}

.remove_margin {
    margin: 0 -15px;
}

.container {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
}

#header {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    position: fixed;
    z-index: 999999;
    top: 0;
    left: 0;
    right: 0;
    height: 60px;
    background: rgba(38, 38, 40, 0);
    transition: all 0.3s;
}

#header.header_fixed {
    background: rgba(38, 38, 40, 1);
    box-shadow: 0px 4px 4px rgb(255 255 255 / 10%);
}

#btn_open_menu {
    display: none;
}

.logo {
    position: absolute;
    left: 15px;
    top: 5px;
    transition: all 0.3s;
}

.logo img {
    width: auto;
    height: 80px;
    transition: all 0.3s;
}

#header.header_fixed .logo img {
    height: 50px;
}

.menu_header {
    width: max-content;
    position: absolute;
    right: 190px;
    margin: 0;
    top: 0px;
    z-index: 99;
}

.menu_header .menu {
    width: 100%;
    clear: both;
}

.menu_header .menu .menucll {
    width: max-content;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.menu_header .menu .menucll li.menu_item {
    width: max-content;
    position: relative;
    float: left;
    padding: 15px 20px;
}

.menu_header .menu .menucll li.menu_item a.menu_link {
    font-family: 'Quicksand', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 30px;
    color: #FFFFFF;
    transition: all 0.3s;
    position: relative;
    cursor: pointer;
}

.menu_header .menu .menucll li.menu_item:hover a.menu_link,
.menu_header .menu .menucll li.menu_item.current a.menu_link {
    background: linear-gradient(178.86deg, #F35D3C -12.42%, #F8873B 33.45%, #FA9E39 67.86%, #FFBC3F 102.26%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

#header .box_button_header {
    width: max-content;
    position: absolute;
    top: 12px;
    right: 15px;
    width: 140px;
    height: 36px;
    box-shadow: 0px 0px 6px #FA9E39, inset 0px 2px 2px #FFDCA5;
    border-radius: 40px;
    text-align: center;
    background-color: var(--button-background-color);
    background-image: var(--button-background-image);
    background-position: var(--button-background-position);
    background-size: var(--button-background-size);
    transition: background var(--button-transition-duration, 0.25s) ease-in-out;
    will-change: background;
    --button-background-image: linear-gradient( 127deg, #F45E3D, #FFBA3F, #F45E3D);
    --button-background-position: 0 0;
    --button-background-size: 200% 100%;
}

#header .box_button_header:hover {
    --button-background-position: 100% 0;
}

#header .box_button_header a {
    font-family: 'Quicksand', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 36px;
    color: #FFFFFF;
}

#header .box_button_header a::before {
    content: url(../images/contact.svg);
    position: relative;
    padding-right: 10px;
    top: 0px;
}


/* section_home */

.section_home {
    width: 100%;
    padding: 100px 0 40px;
    position: relative;
    clear: both;
    background: url(../images/bg.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
}

.box_title_home {
    width: 100%;
    text-align: center;
    padding: 30px 0;
}

.box_title_home h1 {
    margin: 0;
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 50px;
    line-height: 60px;
    letter-spacing: 0.04em;
    color: #FFFFFF;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.box_title_home h2 {
    margin: 0;
    text-transform: uppercase;
    font-family: 'Quicksand', sans-serif;
    font-weight: 500;
    font-size: 25px;
    line-height: 35px;
    color: #FFFFFF;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.box_img_home {
    clear: both;
    margin: 0 auto;
    width: max-content;
    position: relative;
}

.box_img_home svg {
    width: 100%;
}

.box_img_home iframe {
    margin: 0 auto;
    border: 0;
    width: 1000px;
    height: 460px;
}


/* section_about */

.section_about {
    width: 100%;
    position: relative;
    clear: both;
    padding: 100px 0 40px;
}

.box_content_about {
    margin-top: 30px;
    width: 50%;
    float: left;
    padding-right: 50px;
    position: relative;
}

.title {
    width: 100%;
    position: relative;
}

.title.center {
    text-align: center;
}

.title h1,
.title h2 {
    margin: 0;
    margin-bottom: 15px;
    font-family: 'Quicksand', sans-serif;
    font-weight: 600;
    font-size: 40px;
    line-height: 48px;
    background: linear-gradient(178.86deg, #F35D3C -12.42%, #F8873B 33.45%, #FA9E39 67.86%, #FFBC3F 102.26%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.title h2 span {
    background: none;
    color: #FFFFFF;
    -webkit-background-clip: none;
    -webkit-text-fill-color: currentColor;
}

.content {
    width: 100%;
    position: relative;
    font-family: 'Quicksand', sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    color: #9D9D9D;
}

.content.center {
    text-align: center;
    padding: 50px 0;
}

.content p {
    font-family: 'Quicksand', sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    color: #9D9D9D;
}

.button_conection {
    margin-top: 30px;
    margin-bottom: 40px;
    position: relative;
    width: 270px;
    height: 44px;
    box-shadow: 0px 0px 6px #FA9E39, inset 0px 2px 2px #FFDCA5;
    border-radius: 40px;
    text-align: center;
    background-color: var(--button-background-color);
    background-image: var(--button-background-image);
    background-position: var(--button-background-position);
    background-size: var(--button-background-size);
    transition: background var(--button-transition-duration, 0.25s) ease-in-out;
    will-change: background;
    --button-background-image: linear-gradient( 127deg, #F45E3D, #FFBA3F, #F45E3D);
    --button-background-position: 0 0;
    --button-background-size: 200% 100%;
}

.button_conection:hover {
    --button-background-position: 100% 0;
}

.button_conection a {
    font-family: 'Quicksand', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 44px;
    color: #FFFFFF;
}

.button_conection a::before {
    content: url(../images/conect.svg);
    position: relative;
    padding-right: 7px;
    top: 3px;
}

.box_img_about {
    width: 50%;
    float: right;
    position: relative;
}

.box_img_about .img_about {
    width: 100%;
    position: relative;
    padding-left: 80px;
}

.box_img_about .img_about img {
    top: -40px;
    right: 40px;
    width: 100%;
    position: relative;
    z-index: 2;
}

.box_img_about .img_about::before {
    content: '';
    width: 400px;
    height: 280px;
    background: url(../images/about/bg_about.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 0;
}

.box_img_about .img_about::after {
    content: '';
    width: 160px;
    height: 120px;
    background: url(../images/about/bg_avatar.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    position: absolute;
    top: -30px;
    left: -40px;
    z-index: 0;
}


/* section_social_media */

.section_social_media {
    width: 100%;
    position: relative;
    clear: both;
    padding: 100px 0 0px;
}

.section_social_media::before {
    content: '';
    width: 600px;
    height: 600px;
    background: url(../images/bg_oval.svg) no-repeat;
    background-position: top left;
    background-size: cover;
    position: absolute;
    z-index: 0;
    left: -30%;
    top: 0;
}

.section_social_media::after {
    content: '';
    width: 600px;
    height: 600px;
    background: url(../images/bg_oval.svg) no-repeat;
    background-position: top left;
    background-size: cover;
    position: absolute;
    z-index: 0;
    right: -30%;
    bottom: -300px;
}

.box_list_count_social_media {
    width: 100%;
    position: relative;
    clear: both;
    z-index: 1;
}

.list_count_social_media {
    width: 100%;
    clear: both;
    position: relative;
    display: inline-block;
}

.box_count_social_media {
    width: 25%;
    float: left;
    position: relative;
    padding: 30px 0 0;
}

.box_count_social_media .title_count_social_media {
    width: 100%;
    text-align: center;
    position: relative;
}

.box_count_social_media .title_count_social_media h3 {
    margin: 0;
    margin-top: 30px;
    font-family: 'Quicksand', sans-serif;
    font-weight: 600;
    font-size: 22px;
    line-height: 30px;
    color: #FFF8F8;
}

.box_count_social_media .count_social_media {
    margin: 0 auto;
    width: 200px;
    height: 200px;
    text-align: center;
    position: relative;
    background: #27282C;
    box-shadow: 6px 10px 15px rgba(0, 0, 0, 0.3), inset 2px 2px 2px rgba(252, 169, 102, 0.1);
    padding: 15px;
    border-radius: 100%;
}

.box_count_social_media .count_social_media .text_count_social_media {
    width: 100%;
    height: 100%;
    position: relative;
    border-radius: 100%;
    border: 1px dashed #27282C;
    background: linear-gradient(127.2deg, #F45E3D 1%, #FFBA3F 112.68%);
}

.box_count_social_media .count_social_media .text_count_social_media .content_count_social_media {
    background: #27282C;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    position: relative;
}

.box_count_social_media .count_social_media .text_count_social_media .content_count_social_media .number_count_social_media {
    width: 100%;
    height: max-content;
    text-align: center;
}

.box_count_social_media .count_social_media .text_count_social_media .content_count_social_media .position_count_social_media {
    width: 100%;
    height: max-content;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
}

.box_count_social_media .count_social_media .text_count_social_media .content_count_social_media .number_count_social_media span,
.box_count_social_media .count_social_media .text_count_social_media .content_count_social_media .number_count_social_media strong {
    font-family: 'Quicksand', sans-serif;
    font-weight: 600;
    font-size: 45px;
    line-height: 55px;
    background: linear-gradient(127.2deg, #F45E3D 1%, #FFBA3F 112.68%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.box_count_social_media .count_social_media .text_count_social_media .content_count_social_media .name_count_social_media {
    width: 100%;
    height: max-content;
    text-align: center;
}

.box_count_social_media .count_social_media .text_count_social_media .content_count_social_media .name_count_social_media strong {
    font-family: 'Quicksand', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 26px;
    background: linear-gradient(127.2deg, #F45E3D 1%, #FFBA3F 112.68%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}


/*  */


/* 
.box_slider_social_media {
    width: 100%;
    clear: both;
    position: relative;
    margin-top: 50px;
    z-index: 1;
}

.slider_social_media {
    width: 100%;
    padding-top: 20px;
    z-index: 2;
    position: relative;
    clear: both;
}

.slider_social_media .slick-list {
    padding: 30px 170px !important;
}

.slider_social_media .slick-prev {
    left: -50px;
    top: 230px;
    position: absolute;
    margin: 0;
}

.slider_social_media .slick-next {
    right: -50px;
    top: 230px;
    position: absolute;
    margin: 0;
} 
.box_social_media {
    width: 100%;
    position: relative;
    padding: 0;
    overflow: hidden;
}

.box_social_media.slick-slide {
    padding: 0px 0;
    position: relative;
    z-index: 1;
}

.box_social_media.slick-slide img {
    width: 100%;
    object-fit: cover;
    background: rgba(0, 0, 0, 1);
}

.box_social_media.slick-slide .img_social_media img {
    opacity: 0.4;
    height: 400px;
    width: 100%;
    overflow: hidden;
    transition: all 0.3s;
    position: relative;
    z-index: 1;
}

.box_social_media.slick-slide .img_social_media {
    width: 100%;
    position: relative;
    overflow: hidden;
    background: rgba(0, 0, 0, 1);
}

.box_social_media .img_social_media img {
    width: 100%;
    position: relative;
    overflow: hidden;
    transition: all 0.5s;
}

.box_social_media.slick-slide.slick-center {
    position: relative;
    z-index: 9;
}

.box_social_media.slick-slide.slick-center {
    opacity: 1;
    transform: scale(1.3);
    position: relative;
    z-index: 9;
}

.box_social_media.slick-slide.slick-center .img_social_media img {
    opacity: 1;
    width: 100%;
    height: 400px;
}

.box_social_media.slick-slide .title_social_media {
    opacity: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    margin: 0;
    text-align: center;
    padding: 30px 20px;
    z-index: 10;
}

.box_social_media.slick-slide .title_social_media::before {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    content: '';
    width: 100%;
    height: 180px;
    background: linear-gradient(180deg, rgba(9, 8, 3, 0) 3.6%, #27282C 96.94%);
}

.box_social_media.slick-slide.slick-center .title_social_media {
    opacity: 1;
}

.box_social_media .title_social_media strong {
    position: relative;
    z-index: 10;
   font-family: 'Quicksand', sans-serif;
    font-weight: 600;
    
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    color: #FFFFFF;
}
.box_slider_social_media .content_social_media {
    position: relative;
    clear: both;
    width: 80%;
    padding: 50px 0;
    margin: 0 auto;
}

.box_slider_social_media .content_social_media::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 25px;
    width: 180px;
    height: 10px;
    margin: 0 auto;
    background: url(../images/line_title.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: 11;
}

.box_slider_social_media .content_social_media .des_social_media {
    width: 100%;
    text-align: center;
}

.box_slider_social_media .content_social_media .des_social_media span {
    font-family: 'Quicksand', sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    color: #9D9D9D;
} */


/* setion_service */

.setion_service {
    width: 100%;
    clear: both;
    position: relative;
    padding: 100px 0 40px;
    z-index: 1;
}

.list_service {
    width: 100%;
    clear: both;
    display: inline-block;
    position: relative;
}

.box_service {
    width: 20%;
    float: left;
    padding: 30px 5px 0;
}

.box_service .service {
    width: 100%;
    position: relative;
}

.box_service .service .img_service {
    width: 100%;
    position: relative;
    text-align: center;
}

.box_service .service .img_service svg {
    width: auto;
    position: relative;
    height: 146px !important;
    margin: 0 auto;
}

.box_service .service .img_service iframe {
    border: 0;
    width: 100%;
    position: relative;
    height: 180px;
    margin: 0 auto;
}

.box_service .service .title_service {
    width: 100%;
    position: relative;
    clear: both;
    text-align: center;
}

.box_service .service .title_service h3 {
    margin: 0;
    margin-top: 5px;
    font-family: 'Quicksand', sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    color: #FFFFFF;
}


/* setion_blog */

.section_blog {
    width: 100%;
    position: relative;
    clear: both;
    padding: 100px 0 40px;
    background: url(../images/bg.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
}

.box_slider_blog {
    width: 100%;
    position: relative;
    clear: both;
}

.slider_blog {
    width: 100%;
    padding-bottom: 40px;
    position: relative;
    clear: both;
    display: inline-block;
}

.slider_blog .slick-prev {
    left: calc(50% - 40px);
    top: auto;
    position: absolute;
    margin: 0;
    bottom: 0px;
}

.slider_blog .slick-next {
    right: calc(50% - 40px);
    top: auto;
    position: absolute;
    margin: 0;
    bottom: 0px;
}

.box_blog {
    width: 100%;
    position: relative;
    padding: 15px;
}

.box_blog .blog {
    width: 100%;
    padding: 10px;
    position: relative;
    border: 1px solid #F8873B;
    border-radius: 10px;
}

.box_blog .blog .img_blog {
    width: 100%;
    overflow: hidden;
    border-radius: 10px 10px 0 0;
}

.box_blog .blog .img_blog img {
    width: 100%;
    transition: all 0.5s;
}

.box_blog:hover .blog .img_blog img {
    transform: scale(1.1);
}

.box_blog .blog .text_blog {
    width: 100%;
    position: relative;
    padding: 20px;
}

.box_blog .blog .text_blog .title_blog {
    width: 100%;
    height: 48px;
    overflow: hidden;
}

.box_blog .blog .text_blog .title_blog strong {
    font-family: 'Quicksand', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    color: #FFFFFF;
    transition: all 0.5s;
}

.box_blog:hover .blog .text_blog .title_blog strong {
    color: #F8B04A;
}

.box_blog .blog .text_blog .date_post {
    width: 100%;
    padding: 5px 0;
}

.box_blog .blog .text_blog .date_post span {
    font-family: 'Quicksand', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 0.06em;
    color: #FFFFFF;
}

.box_blog .blog .text_blog .des_blog {
    width: 100%;
    padding: 0;
    height: 75px;
    overflow: hidden;
}

.box_blog .blog .text_blog .des_blog span {
    font-family: 'Quicksand', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #9D9D9D;
}

.box_blog .blog .text_blog .more_blog {
    width: 100%;
    padding-top: 5px;
}

.box_blog .blog .text_blog .more_blog span {
    font-family: 'Quicksand', sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #F8B04A;
}

.box_blog .blog .text_blog .more_blog span::after {
    content: url(../images/more.svg);
    padding-left: 5px;
}

.button_more_blogs {
    margin: 30px auto 0;
    clear: both;
    text-align: center;
    position: relative;
    width: max-content;
    height: 44px;
    cursor: pointer;
    background-color: var(--button-background-color);
    background-image: var(--button-background-image);
    background-position: var(--button-background-position);
    background-size: var(--button-background-size);
    transition: background var(--button-transition-duration, 0.25s) ease-in-out;
    will-change: background;
    --button-background-image: linear-gradient( 127deg, #F45E3D, #FFBA3F, #F45E3D);
    --button-background-position: 0 0;
    --button-background-size: 200% 100%;
    box-shadow: 0px 0px 6px #FA9E39, inset 0px 2px 2px #FFDCA5;
    border-radius: 40px;
}

.button_more_blogs a {
    padding: 14px 25px;
    position: relative;
    font-family: 'Quicksand', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 44px;
    text-align: center;
    color: #FFFFFF;
}

.button_more_blogs a::before {
    content: url(../images/view.svg);
    padding-right: 7px;
    position: relative;
    top: 2px;
}

.button_more_blogs:hover {
    --button-background-position: 100% 0;
}


/* section_project */

.section_project {
    width: 100%;
    position: relative;
    clear: both;
    padding: 100px 0 40px;
    z-index: 2;
}

#tabs_list_social_media,
#tabs_list_project,
.list-tab-content {
    width: 100%;
    clear: both;
    position: relative;
}

.tab-btn {
    width: 100%;
    position: relative;
    margin: 30px auto 0;
    padding: 0;
    text-align: center;
}

.tab-btn ul {
    position: relative;
    list-style-type: none;
    text-align: center;
    width: 100%;
    margin: 0;
    padding: 0;
}

.tab-btn ul li {
    padding: 5px 20px;
    margin: 0;
    text-align: center;
    display: inline-block;
    width: auto;
}

.tab-btn ul li a,
.tab-btn ul li button {
    display: block;
    border: 0;
    padding: 0;
    background: none;
    text-decoration: none;
    cursor: pointer;
    font-family: 'Quicksand', sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    color: rgba(255, 255, 255, 0.4);
    transition: all 0.3s;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative;
}

.tab-btn ul li a.current,
.tab-btn ul li:focus a,
.tab-btn ul li:hover a,
.tab-btn ul li button.current,
.tab-btn ul li:focus button,
.tab-btn ul li:hover button {
    color: rgba(255, 255, 255, 1);
}

.tab-btn ul li a:before,
.tab-btn ul li button:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    bottom: -3px;
    background: linear-gradient(178.86deg, #F35D3C -12.42%, #F8873B 33.45%, #FA9E39 67.86%, #FFBC3F 102.26%);
    height: 2px;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.tab-btn ul li:hover a:before,
.tab-btn ul li:focus a:before,
.tab-btn ul li:active a:before,
.tab-btn ul li:hover button:before,
.tab-btn ul li:focus button:before,
.tab-btn ul li:active button:before {
    right: 0;
}

.tab-btn ul li a.current::before,
.tab-btn ul li button.current::before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    bottom: -3px;
    width: 100%;
    background: linear-gradient(178.86deg, #F35D3C -12.42%, #F8873B 33.45%, #FA9E39 67.86%, #FFBC3F 102.26%);
    height: 2px;
}

.tab-content-social-media,
.tab-content-project {
    display: none;
}

.tab-content-social-media.current,
.tab-content-project.current {
    display: block;
}

.list_social_media,
.list_project {
    padding-top: 20px;
    display: inline-block;
    clear: both;
    width: 100%;
    position: relative;
}

.list_social_media {
    padding-left: 15px;
    padding-right: 15px;
}

.box_social_media,
.box_project {
    width: 33.33%;
    float: left;
    position: relative;
    padding: 15px;
}

.box_social_media .social_media,
.box_project .project {
    width: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 10px 10px 0 0;
}

.box_social_media .social_media .img_social_media,
.box_project .project .img_project {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.box_social_media .social_media .img_social_media img,
.box_project .project .img_project img {
    width: 100%;
    position: relative;
    transition: all 0.5s;
}

.box_social_media:hover .social_media .img_social_media img,
.box_project:hover .project .img_project img {
    transform: scale(1.1);
}

.box_social_media .social_media .title_social_media,
.box_project .project .title_project {
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    text-align: center;
    padding: 20px;
}

.box_social_media .social_media .title_social_media::before,
.box_project .project .title_project::before {
    content: '';
    width: 100%;
    height: 120px;
    background: linear-gradient(180deg, rgba(39, 40, 44, 0) 1.73%, rgba(39, 40, 44, 0.99) 93.51%);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    z-index: 1;
}

.box_social_media .social_media .title_social_media strong,
.box_project .project .title_project strong {
    font-family: 'Quicksand', sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    color: #FFFFFF;
    position: relative;
    z-index: 2;
}

.box_social_media_none,
.box_project_none {
    display: none;
}

.button_more_view {
    margin: 15px auto;
    clear: both;
    text-align: center;
    position: relative;
    width: 160px;
    height: 44px;
    cursor: pointer;
    background-color: var(--button-background-color);
    background-image: var(--button-background-image);
    background-position: var(--button-background-position);
    background-size: var(--button-background-size);
    transition: background var(--button-transition-duration, 0.25s) ease-in-out;
    will-change: background;
    --button-background-image: linear-gradient( 127deg, #F45E3D, #FFBA3F, #F45E3D);
    --button-background-position: 0 0;
    --button-background-size: 200% 100%;
    box-shadow: 0px 0px 6px #FA9E39, inset 0px 2px 2px #FFDCA5;
    border-radius: 40px;
}

.button_more_view span {
    position: relative;
    font-family: 'Quicksand', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 44px;
    text-align: center;
    color: #FFFFFF;
}

.button_more_view span::before {
    content: url(../images/view.svg);
    padding-right: 7px;
    position: relative;
    top: 2px;
}

.button_more_view:hover {
    --button-background-position: 100% 0;
}


/* section_the_team */

.section_the_team {
    width: 100%;
    position: relative;
    clear: both;
    padding: 100px 0 40px;
    z-index: 1;
}

.section_the_team::before {
    content: '';
    position: absolute;
    top: -220px;
    left: 0;
    right: 0;
    width: 100%;
    height: 620px;
    background: url(../images/bg_white.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 100%;
    z-index: 0;
}

.slider_the_team {
    width: 100%;
    position: relative;
    clear: both;
    display: inline-block;
    padding-bottom: 30px;
}

.box_the_team {
    width: 100%;
    position: relative;
    padding: 15px;
}

.box_the_team .the_team {
    width: 100%;
    position: relative;
    background: #27282C;
    box-shadow: 4px 0px 15px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    text-align: center;
    padding: 0px;
    transition: all 0.5s;
}

.box_the_team:hover .the_team {
    box-shadow: 4px 0px 15px rgba(0, 0, 0, 0.5);
}

.box_the_team .the_team .img_the_team {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.box_the_team .the_team .img_the_team img {
    position: relative;
    width: 100%;
    height: 320px;
    object-fit: cover;
    object-position: center;
    transition: all 0.5s;
}

.box_the_team:hover .the_team .img_the_team img {
    transform: scale(1.1);
}

.box_the_team .the_team .info_the_team {
    width: 100%;
    text-align: center;
    padding: 20px;
}

.box_the_team .the_team .info_the_team .name_the_team {
    width: 100%;
}

.box_the_team .the_team .info_the_team .name_the_team strong {
    font-family: 'Quicksand', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
    transition: all 0.5s;
    text-transform: capitalize;
}

.box_the_team:hover .the_team .info_the_team .name_the_team strong {
    color: #FA9E39;
}

.box_the_team .the_team .info_the_team .position_the_team {
    width: 100%;
    padding: 5px 0;
}

.box_the_team .the_team .info_the_team .position_the_team span {
    font-family: 'Quicksand', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #9D9D9D;
}

.box_the_team .the_team .info_the_team .follow_social_the_team {
    width: max-content;
    margin: 0 auto;
    position: relative;
    margin-top: 10px;
    display: inline-block;
}

.box_the_team .the_team .info_the_team .follow_social_the_team a {
    float: left;
    margin: 5px;
}

.box_the_team .the_team .info_the_team .follow_social_the_team a img {
    width: 24px;
    transition: all 0.5s;
}

.box_the_team .the_team .info_the_team .follow_social_the_team a:hover img {
    transform: scale(1.2);
}


/* section_parner */

.section_partner {
    width: 100%;
    position: relative;
    clear: both;
    padding: 100px 0 40px;
}

.section_partner::before {
    content: '';
    width: 600px;
    height: 600px;
    background: url(../images/bg_oval.svg) no-repeat;
    background-position: top left;
    background-size: cover;
    position: absolute;
    z-index: 0;
    left: -30%;
    top: -100px;
}

.slider_partner {
    width: 100%;
    clear: both;
    position: relative;
}

.box_partner {
    width: 25%;
    float: left;
    padding: 15px;
}

.box_partner .partner {
    width: 100%;
    overflow: hidden;
    border: 1px solid #595959;
}

.box_partner .partner img {
    width: 100%;
    height: 120px;
    object-fit: cover;
    object-position: center;
    transition: all 0.5s;
}

.box_partner:hover .partner img {
    transform: scale(1.1);
}


/* section_contact */

.section_contact {
    width: 100%;
    position: relative;
    z-index: 1;
    clear: both;
    padding: 100px 0 70px;
}

.box_list_contact {
    width: 50%;
    float: left;
    padding-right: 50px;
    margin-top: 20px;
    position: relative;
}

.title_contact {
    width: 100%;
    position: relative;
}

.title_contact h3 {
    margin: 0;
    margin-bottom: 25px;
    font-family: 'Quicksand', sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    color: #FFFFFF;
}

.box_list_contact p {
    position: relative;
    margin-bottom: 30px;
    padding-left: 45px;
    font-family: 'Quicksand', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #9D9D9D;
}

.box_list_contact p a {
    font-family: 'Quicksand', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    background: linear-gradient(178.86deg, #F35D3C -12.42%, #F8873B 33.45%, #FA9E39 67.86%, #FFBC3F 102.26%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.box_list_contact p::before {
    content: '';
    position: absolute;
    left: 0;
    top: -5px;
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.box_list_contact p.address_contact::before {
    content: '';
    background: url(../images/contact/address.svg);
}

.box_list_contact p.phone_contact::before {
    content: '';
    background: url(../images/contact/phone.svg);
}

.box_list_contact p.email_contact::before {
    content: '';
    background: url(../images/contact/email.svg);
}

.box_list_contact p.fanpage_contact::before {
    content: '';
    background: url(../images/contact/fanpage.svg);
}

.box_form_contact {
    width: 50%;
    margin-top: 20px;
    float: right;
    position: relative;
}

.box_form_contact form {
    width: 100%;
    position: relative;
}

.box_form_contact form .input_form span {
    color: rgba(246, 109, 62, 0.8);
    font-style: italic;
    font-family: 'Quicksand', sans-serif;
    font-weight: 400;
}

.box_form_contact form .textarea_form,
.box_form_contact form .input_form {
    width: 100%;
    clear: both;
    padding: 10px 0;
    position: relative;
}

.box_form_contact form .remove_margin .input_form {
    width: 50%;
    clear: none;
    float: left;
    padding: 10px 15px;
}

.box_form_contact form .textarea_form textarea,
.box_form_contact form .input_form input {
    width: 100%;
    height: 40px;
    border-radius: 5px;
    background: none;
    font-family: 'Quicksand', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: rgba(255, 255, 255, 1);
    border: 1px solid rgba(255, 255, 255, 0.4);
    padding: 0 20px;
}

.box_form_contact form .textarea_form textarea {
    height: 80px;
    border-radius: 5px;
    padding: 10px 20px;
}

.box_form_contact form .textarea_form textarea::placeholder,
.box_form_contact form .input_form input::placeholder {
    color: rgba(255, 255, 255, 0.6);
}

.box_form_contact form .button_send_contact {
    width: auto;
    clear: both;
    padding: 5px 0;
}

.box_form_contact form .button_send_contact button {
    float: right;
    width: 190px;
    height: 44px;
    position: relative;
    border: 0;
    box-shadow: 0px 0px 6px #FA9E39, inset 0px 2px 2px #FFDCA5;
    border-radius: 40px;
    font-family: 'Quicksand', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #FFFFFF;
    background-color: var(--button-background-color);
    background-image: var(--button-background-image);
    background-position: var(--button-background-position);
    background-size: var(--button-background-size);
    transition: background var(--button-transition-duration, 0.25s) ease-in-out;
    will-change: background;
    --button-background-image: linear-gradient( 127deg, #F45E3D, #FFBA3F, #F45E3D);
    --button-background-position: 0 0;
    --button-background-size: 200% 100%;
}

.box_form_contact form .button_send_contact button:hover {
    --button-background-position: 100% 0;
}

.box_form_contact form .button_send_contact button::after {
    content: url(../images/contact/send.svg);
    position: relative;
    padding-left: 7px;
    top: 2px;
}


/* footer */

footer {
    width: 100%;
    position: relative;
    clear: both;
    padding: 0;
}

footer::before {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 0;
    width: 430px;
    height: 500px;
    background: url(../images/bg_logo.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.box_footer {
    display: inline-block;
    width: 100%;
    position: relative;
    clear: both;
    border-top: 1px solid #F66D3E;
    padding: 30px 0 60px;
    z-index: 1;
}

.coppyright {
    position: relative;
    width: auto;
}

.coppyright span {
    font-family: 'Quicksand', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #9D9D9D;
}

.list_social {
    margin-top: 15px;
    position: relative;
    width: auto;
}

.list_social a {
    margin-right: 15px;
}

.list_social a img {
    width: 40px;
    transition: all 0.5s;
}

.list_social a:hover img {
    transform: scale(1.2);
}

.logo_bocongthuong {
    width: auto;
    right: 0;
    top: 40px;
    position: absolute;
}

.logo_bocongthuong img {
    width: auto;
}

#go_top {
    opacity: 0;
    position: fixed;
    right: 35px;
    bottom: 40px;
    z-index: 9999;
    transition: all 0.5s;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    overflow: hidden;
    cursor: pointer;
}

#go_top.go_top_fixed {
    opacity: 1;
}

#go_top img {
    width: 100%;
    height: 100%;
}

.zalo_fixed {
    width: auto;
    position: fixed;
    right: 30px;
    bottom: 165px;
    z-index: 9999;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    overflow: hidden;
}

.zalo_fixed .zalo {
    width: 100%;
    height: 100%;
}

.zalo_fixed .zalo img {
    width: 100%;
    height: 100%;
    margin: 0;
    position: relative;
}

.messenger_fixed {
    width: 50px;
    height: 50px;
    position: fixed;
    z-index: 9999;
    bottom: 230px;
    right: 30px;
    border-radius: 100%;
    overflow: hidden;
}

.messenger_fixed .messenger {
    width: 100%;
    height: 100%;
}

.messenger_fixed .messenger img {
    width: 100%;
    height: 100%;
}

.sendmail_fixed {
    width: 50px;
    height: 50px;
    position: fixed;
    right: 30px;
    bottom: 100px;
    z-index: 9999;
    border-radius: 100%;
    overflow: hidden;
}

.sendmail_fixed .sendmail {
    width: 100%;
    height: 100%;
    position: relative;
}

.sendmail_fixed .sendmail img {
    width: 100%;
    height: 100%;
}


/*  */


/* Loaded */

#pre-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 9999999999;
}

#pre-loader .loader-section {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 51%;
    background: #262628;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    margin: auto 0;
}

#pre-loader .loader-section.section-top {
    top: 0;
}

#pre-loader .loader-section.section-bottom {
    bottom: 0;
}

.loaded #pre-loader {
    visibility: hidden;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all 0.3s 1s ease-out;
    transition: all 0.3s 1s ease-out;
}

.loaded #pre-loader .loader-section.section-top {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: all 1s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 1s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.loaded #pre-loader .loader-section.section-bottom {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all 1s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 1s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.logo_loading {
    width: 350px;
    height: max-content;
    position: absolute;
    z-index: 9999999999;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    overflow: hidden;
}

.logo_loading .logo_load {
    width: 100% !important;
    height: auto !important;
    overflow: hidden;
}

.logo_loading .logo_load .logo_icon {
    position: absolute;
    content: "";
    z-index: 1;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform-origin: 20% 50%;
    animation: revealRight 0s 0.3s both ease-in-out;
}

@keyframes revealRight {
    0% {
        transform: scaleX(0);
    }
    100% {
        transform: scaleX(1);
    }
}

.logo_loading .logo_load .logo_text {
    fill-opacity: 0;
    stroke: #fff;
    stroke-width: 0.5px;
    stroke-dasharray: 400;
    stroke-dashoffset: 400;
    -webkit-animation: intro-stroke-fill 0.3s 0.5s both ease-in-out;
    animation: intro-stroke-fill 0.3s 0.5s both ease-in-out;
}

.logo_loading .logo_load .logo_text_white {
    fill-opacity: 0;
    stroke: #fff;
    stroke-width: 0.5px;
    stroke-dasharray: 100;
    stroke-dashoffset: 100;
    -webkit-animation: intro-stroke-offset 0.5s 0.7s both ease, intro-stroke-fill 0.7s 1s both ease;
    animation: intro-stroke-offset 0.5s 0.7s both ease, intro-stroke-fill 0.7s 1s both ease;
}

@-webkit-keyframes intro-stroke-offset {
    to {
        stroke-dashoffset: 0;
    }
}

@keyframes intro-stroke-offset {
    to {
        stroke-dashoffset: 0;
    }
}

@-webkit-keyframes intro-stroke-fill {
    to {
        fill-opacity: 1;
        stroke: #fff;
    }
}

@keyframes intro-stroke-fill {
    to {
        fill-opacity: 1;
        stroke: #fff;
    }
}

.loaded .logo_loading {
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}


/* section_content */

.section_content {
    width: 100%;
    position: relative;
    clear: both;
    padding: 200px 0 50px;
}

.list_blog {
    padding: 20px 0;
    width: 100%;
    display: inline-block;
    clear: both;
}

.list_blog .box_blog {
    width: 33.33%;
    float: left;
    position: relative;
}

.button_share_facebook {
    width: 100%;
    clear: both;
    position: relative;
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid #F66D3E;
}

.button_share_facebook .fb-share-button a span {
    font-family: 'Quicksand', sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    color: #FFFFFF;
}

.button_share_facebook .fb-share-button a img {
    width: 30px;
    margin-left: 10px;
}

.section_tab_social_media {
    width: 100%;
    clear: both;
    position: relative;
    padding: 100px 0 0;
}

#tab_button_social_media {
    width: 100%;
    clear: both;
    position: relative;
}

#tab_button_social_media.tab-btn ul li {
    padding: 5px;
}

#tab_button_social_media.tab-btn ul li a,
#tab_button_social_media.tab-btn ul li button {
    font-family: 'Quicksand', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    color: #7D7E80;
    border-radius: 40px;
    padding: 10px 25px;
    transition: none;
}

#tab_button_social_media.tab-btn ul li button.current,
#tab_button_social_media.tab-btn ul li:focus button,
#tab_button_social_media.tab-btn ul li:hover button {
    color: #FFFFFF;
    background: linear-gradient(127.2deg, #F45E3D 1%, #FFBA3F 112.68%);
    box-shadow: 0px 0px 6px #FA9E39, inset 0px 2px 2px #FFDCA5;
}

#tab_button_social_media.tab-btn ul li:hover button:before,
#tab_button_social_media.tab-btn ul li:focus button:before,
#tab_button_social_media.tab-btn ul li:active button:before,
#tab_button_social_media.tab-btn ul li button.current::before {
    display: none;
}

#tab_button_social_media.tab-btn ul li button img {
    width: 24px;
    position: relative;
    top: -2px;
}

#tab_button_social_media.tab-btn ul li:hover button img,
#tab_button_social_media.tab-btn ul li:active button img,
#tab_button_social_media.tab-btn ul li:focus button img,
#tab_button_social_media.tab-btn ul li button.current img {
    filter: brightness(0) invert(1);
}