/*
Version: 3.0.8
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
/* body {
    font-family: "Roboto Flex", sans-serif;
    color: #094846;
    text-align: justify;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
} */

#wrapper {
    background: var(--Linear, linear-gradient(180deg, #F6F9E6 0%, #FEF9D6 50%, #FCCF80 100%)) !important;
}

#main {
    background: none;
}

.header-bg-container {
    display: none;
}

#header {
    background: linear-gradient(90deg, rgba(247, 125, 60, 0.70) 0%, rgba(8, 130, 128, 0.70) 100%);
    backdrop-filter: blur(15px);
}

.header-nav-main>li {
    margin: 0 12px;
}

.header-nav-main>li.menu-item>a {
    color: #FAEBD8;
    font-family: "Roboto Flex";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

.header_contact_btn {}

.header_contact_btn a {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 40px;
    border-radius: 40px;
    background: linear-gradient(90deg, #FCE180 0%, #F77D3C 100%);
    padding: 0 12px 0 16px;
}

.header_contact_btn svg {}

.header_contact_btn span {
    color: #117573;
    font-family: "Roboto Flex";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

.sec2 {
    padding-bottom: 400px !important;
}

.sec3 {
    padding-top: 141px !important;
    padding-bottom: 410px !important;
}

.sec3-col-1 {}

.sec3-col-1 .txt1 {}

.sec3-col-1 .txt1 p {
    margin: 0;
    color: #117573;
    font-family: "Roboto Flex";
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

.sec3-col-1 .txt2 {}

.sec3-col-1 .txt2 p {
    margin: 0;
    color: #F77D3C;
    font-family: "Roboto Flex";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-top: 10px;
}

a.btn_download_brochure {
    height: 50px;
    display: flex;
    align-items: center;
    gap: 11px;
    border-radius: 7px;
    background: linear-gradient(90deg, #FCE180 0%, #F77D3C 100%);
    justify-content: center;
    width: 264px;
    max-width: 100%;
    margin-top: 37px;
}

a.btn_download_brochure svg {}

a.btn_download_brochure span {
    color: #094846;
    text-align: justify;
    font-family: "Roboto Flex";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    /* 133.333% */
    text-transform: uppercase;
}

.sec3-col-1 .col-inner {
    padding-right: 30px;
}

.sec3 table td {
    color: #094846;
    font-family: "Roboto Flex";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 133.333% */
    padding-top: 13px;
    padding-bottom: 13px;
    border-bottom: 1px solid #094846;
}

.sec3 table {}

.sec3 table td:first-child {
    color: #094846;
    font-family: "Roboto Flex";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 23px;
    /* 127.778% */
    white-space: nowrap;
    padding-right: 22px;
    vertical-align: top;
}

.sec3 table td:last-child {
    padding-left: 22px;
}

.sec3 table tr:last-child td {
    border: 0;
}

.sec3 .section-bg :is(img, picture, video) {
    object-fit: unset;
    top: unset;
    bottom: 0;
    height: auto;
}

.sec4 .section-bg :is(img, picture, video) {}

.sec4 {}

.sec4 .txt1 {}

.sec4 .txt1 p {
    margin-bottom: 12px;
    color: #FFF;
    font-family: "Roboto Flex";
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

.sec4 .txt2 {}

.sec4 .txt2 p {
    margin-bottom: 23px;
    color: #FFF;
    font-family: "Roboto Flex";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 133.333% */
}

.sec4 form {
    margin: 0;
}

.sec4 form .form-group {
    display: flex;
    gap: 30px;
    width: 100%;
}

.sec4 form input,
.sec4 form select {
    background: none;
    border: 0;
    box-shadow: none;
    border-bottom: 1px solid #FFF;
    color: #FFF;
    font-family: "Roboto Flex";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    /* 133.333% */
    padding: 0;
    height: 30px;
    margin-bottom: 18px;
}

.sec4 form input::placeholder {
    color: #fff;
}

.sec4 form .form-group>* {
    width: 100%;
}

.sec4 form input[type="submit"] {
    border-radius: 8px;
    background: #CD0101;
    border: 0;
    height: 43px;
    margin: 0;
    width: 100%;
    color: #FFF;
    text-align: center;
    font-family: "Roboto Flex";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    /* 120% */
    text-transform: uppercase;
    margin-top: 5px;
}

.sec4 form span.wpcf7-spinner {
    display: none;
}

.sec4 .col .col-inner {
    padding: 10px 9px 10px 0;
}

.sec5 {}

.sec5 .img {
    text-align: center;
    margin-bottom: 25px !important;
}

.sec5 .img img {
    width: auto;
}

.sec5 .txt1 {}

.sec5 .txt1 p {
    margin: 0;
    color: #FFF;
    text-align: justify;
    font-family: "Roboto Flex";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 133.333% */
}

.sec5 .txt2 {
    margin-top: 44px;
}

.sec5 .txt2 h4 {
    margin: 0;
    color: #F77D3C;
    text-align: justify;
    font-family: "Roboto Flex";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    /* 133.333% */
    margin: 0 0 20px 0;
}

.sec5 .txt2 ul li {
    margin: 0;
    color: #FFF;
    font-family: "Roboto Flex";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.sec5 .txt2 ul {
    margin: 0;
    padding-left: 15px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.sec5 .section-bg :is(img, picture, video) {
    object-fit: unset;
    bottom: 0;
}

.sec6 {
    padding-top: 110px !important;
    padding-bottom: 314px !important;
}

.sec6 .img-title {
    text-align: center;
    margin-bottom: 15px;
}

.sec6 .img-title img {
    width: 575px;
}

.sec6 .nav>li>a {
    padding: 0;
}

.sec6 .nav>li>a span {
    color: #A3A4A4;
    text-align: justify;
    font-family: "Roboto Flex";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 133.333% */
    text-transform: capitalize;
    border-radius: 6px;
    border: 1px solid #A3A4A4;
    padding: 12px 20px;
}

.sec6 .nav {
    display: flex;
    align-items: center;
    gap: 35px;
    margin-bottom: 42px;
}

.sec6 .nav>li.active>a span {
    color: #F77D3C;
    text-align: justify;
    font-family: "Roboto Flex";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    /* 133.333% */
    text-transform: capitalize;
    border-color: #F77D3C;
}

.sec6 .tab-panels {
    padding-top: 0;
}

.sec6 .tab-panels img {
    border-radius: 6px;
}

.sec6 .tab-panels .tien-ich-item {
    padding: 0 15px;
}

.sec6 .tab-panels .tien-ich-item .tien-ich-icon {
    position: relative;
    padding-top: 70%;
    margin-bottom: 9px;
}

.sec6 .tab-panels .tien-ich-item .tien-ich-icon img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
}

.sec6 .tab-panels .tien-ich-item .tien-ich-content {}

.sec6 .tab-panels .tien-ich-item .tien-ich-content .tien-ich-name {
    color: #094846;
    font-family: "Roboto Flex";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 23px;
    /* 127.778% */
    text-align: center;
}

.sec6 .section-bg :is(img, picture, video) {
    object-fit: unset;
    height: auto;
    bottom: 0;
    top: unset;
}

.sec6 .slick-dots {
    display: flex;
    list-style: none;
    align-items: center;
    justify-content: center;
    margin: 52px 0 0;
    gap: 12px;
}

.sec6 .slick-dots li {
    width: 14px;
    height: 14px;
    border-radius: 100%;
    background: #D9D9D9;
    margin: 0;
}

.sec6 .slick-dots li button {
    display: none;
}

.sec6 .slick-dots li.slick-active {
    background: var(--Linear, linear-gradient(90deg, #F77D3C 0%, #088280 100%));
}

.sec8 {
    padding-top: 47px !important;
    padding-bottom: 23px !important;
    background: linear-gradient(90deg, #F77D3C 0%, #088280 100%);
}

.sec8 .title-1 {
    margin-bottom: 40px;
}

.sec8 .title-1 p {
    color: #FFF;
    text-align: center;
    font-family: "Roboto Flex";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 133.333% */
    margin-bottom: 20px;
    width: 685px;
    display: inline-block;
}

.sec8 .box {}

.sec8 .box .box-image {}

.sec8 .box .box-image img {}

.sec8 .box .box-text {
    padding: 0;
}

.sec8 .box .box-text h4 {
    color: #FFF;
    text-align: center;
    font-family: "Roboto Flex";
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    /* 75% */
    margin: 30px 0;
}

.sec8 .box .box-text p {
    margin: 0;
    color: #FFF;
    text-align: justify;
    font-family: "Roboto Flex";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 133.333% */
}

.sec9 {
    padding-top: 98px !important;
    padding-bottom: 85px !important;
}

.sec9 .img-title {
    text-align: center;
    margin-bottom: 10px;
}

.sec9 .img-title img {
    width: auto;
}

.sec9 .icon-box {
    border-radius: 19px;
    background: var(--Linear, linear-gradient(180deg, #F6F9E6 0%, #FEF9D6 50%, #FCCF80 100%));
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
    padding: 44px 22px;
    height: 100%;
}

.sec9 .icon-box .icon-box-img {}

.sec9 .icon-box .icon-box-img img {}

.sec9 .icon-box .icon-box-text {}

.sec9 .icon-box .icon-box-text h3 {
    color: #FF671C;
    text-align: center;
    font-family: "Roboto Flex";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    /* 100% */
    margin: 26px 0;
}

.sec9 .icon-box .icon-box-text p {
    margin: 0;
    color: #094846;
    text-align: justify;
    font-family: "Roboto Flex";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 133.333% */
}

.sec9 .col-inner {
    height: 100%;
}

.sec12 {
    padding-top: 52px !important;
}

.sec12 .title-1 {
    margin-bottom: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sec12 .title-1 p {
    margin: 0;
    font-family: "Roboto Flex";
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    background: var(--Linear, linear-gradient(90deg, #F77D3C 0%, #088280 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.sec12 .title-2 {
    margin-bottom: 20px;
}

.sec12 .title-2 p {
    margin: 0;
    color: #094846;
    text-align: center;
    font-family: "Roboto Flex";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    /* 77.778% */
    line-height: 30px;
}

.sec14 {
    padding-top: 60px !important;
    padding-bottom: 43px !important;
}

.sec14 .title-1 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 23px;
}

.sec14 .title-1 p {
    margin: 0;
    font-family: "Roboto Flex";
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    background: var(--Linear, linear-gradient(90deg, #F77D3C 0%, #088280 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.sec14-gallery-main {}

.sec14-gallery-main img {
    border-radius: 20px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sec14-gallery-main .slick-slide .img-item {
    position: relative;
    padding-top: 49%;
}

.sec14-gallery-main {
    margin-bottom: 23px;
}

.sec14-gallery-nav {
    padding: 0 210px;
}

.sec14-gallery-nav img {
    width: 115px;
    height: 115px;
    border-radius: 20px;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
}

.sec14-gallery-nav .img-item {
    position: relative;
    padding-top: 115px;
    width: 115px;
    margin: 0 10px;
}

.sec15 {
    background: linear-gradient(90deg, #F77D3C 0%, #088280 100%);
    padding-top: 63px !important;
    padding-bottom: 40px !important;
}

.sec15 .title-1 {
    margin-bottom: 46px;
}

.sec15 .title-1 p {
    margin: 0;
    color: #F5F5F5;
    text-align: center;
    font-family: "Roboto Flex";
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

.sec15-videos-wrapper {}

.sec15-videos-wrapper .main-video {}

.sec15-videos-wrapper .main-video .video-thumbnail {
    position: relative;
    padding-top: 58%;
}

.sec15-videos-wrapper .main-video .video-thumbnail::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 182px;
    height: 182px;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="182" height="182" viewBox="0 0 182 182" fill="none"><g clip-path="url(%23clip0_23_3063)"><path d="M22.75 91C22.75 99.9627 24.5153 108.838 27.9452 117.118C31.3751 125.399 36.4024 132.922 42.74 139.26C49.0776 145.598 56.6014 150.625 64.8819 154.055C73.1623 157.485 82.0373 159.25 91 159.25C99.9627 159.25 108.838 157.485 117.118 154.055C125.399 150.625 132.922 145.598 139.26 139.26C145.598 132.922 150.625 125.399 154.055 117.118C157.485 108.838 159.25 99.9627 159.25 91C159.25 82.0373 157.485 73.1623 154.055 64.8819C150.625 56.6014 145.598 49.0776 139.26 42.74C132.922 36.4024 125.399 31.3751 117.118 27.9452C108.838 24.5153 99.9627 22.75 91 22.75C82.0373 22.75 73.1623 24.5153 64.8819 27.9452C56.6014 31.3751 49.0776 36.4024 42.74 42.74C36.4024 49.0776 31.3751 56.6014 27.9452 64.8819C24.5153 73.1623 22.75 82.0373 22.75 91Z" fill="%23FFFEFE" fill-opacity="0.6"/><path d="M113.75 91.0003L83.4166 60.667V121.334L113.75 91.0003Z" fill="white"/></g><defs><clipPath id="clip0_23_3063"><rect width="182" height="182" fill="white"/></clipPath></defs></svg>') no-repeat center center;
    background-size: 100%;
    margin: auto;
}

.sec15-videos-wrapper .main-video .video-thumbnail img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 0;
    top: 0;
}

.sec15-videos-wrapper .main-video .video-content {}

.sec15-videos-wrapper .main-video .video-content h3 {
    color: #FFF;
    font-family: "Roboto Flex";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin: 22px 0 0;
}

.sec15-videos-wrapper .main-video .video-content .video-excerpt {}

.sec15-videos-wrapper .video-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.sec15-videos-wrapper .video-list .video-item {
    display: flex;
    align-items: center;
    gap: 30px;
}

.sec15-videos-wrapper .video-list .video-item .video-thumbnail {
    width: 208px;
}

.sec15-videos-wrapper .video-list .video-item .video-info {
    width: calc(100% - 208px - 30px);
}

.sec15-videos-wrapper .video-list .video-item .video-info h4 {
    color: #FFF;
    font-family: "Roboto Flex";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0;
}

.sec15-videos-wrapper .video-list .video-item .video-thumbnail img {}

.sec14-gallery-nav .slick-current img {
    border: 5px solid transparent;
    background-image: linear-gradient(90deg, #F77D3C 0%, #088280 100%);
    background-origin: border-box;
    background-clip: border-box;
    -webkit-background-clip: border-box;
}

.sec15-videos-wrapper .main-video .video-thumbnail::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 182px;
    height: 182px;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="182" height="182" viewBox="0 0 182 182" fill="none"><g clip-path="url(%23clip0_23_3063)"><path d="M22.75 91C22.75 99.9627 24.5153 108.838 27.9452 117.118C31.3751 125.399 36.4024 132.922 42.74 139.26C49.0776 145.598 56.6014 150.625 64.8819 154.055C73.1623 157.485 82.0373 159.25 91 159.25C99.9627 159.25 108.838 157.485 117.118 154.055C125.399 150.625 132.922 145.598 139.26 139.26C145.598 132.922 150.625 125.399 154.055 117.118C157.485 108.838 159.25 99.9627 159.25 91C159.25 82.0373 157.485 73.1623 154.055 64.8819C150.625 56.6014 145.598 49.0776 139.26 42.74C132.922 36.4024 125.399 31.3751 117.118 27.9452C108.838 24.5153 99.9627 22.75 91 22.75C82.0373 22.75 73.1623 24.5153 64.8819 27.9452C56.6014 31.3751 49.0776 36.4024 42.74 42.74C36.4024 49.0776 31.3751 56.6014 27.9452 64.8819C24.5153 73.1623 22.75 82.0373 22.75 91Z" fill="%23FFFEFE" fill-opacity="0.6"/><path d="M113.75 91.0003L83.4166 60.667V121.334L113.75 91.0003Z" fill="white"/></g><defs><clipPath id="clip0_23_3063"><rect width="182" height="182" fill="white"/></clipPath></defs></svg>') no-repeat center center;
    background-size: 100%;
    margin: auto;
    z-index: 2;
}

.sec16 {
    padding-top: 84px !important;
    padding-bottom: 46px !important;
}

.sec16 .section-bg :is(img, picture, video) {
    object-fit: unset;
    height: unset;
    bottom: 0;
    width: auto;
    max-width: 1354px;
    top: unset;
    opacity: 20%;
}

.sec16 .txt1 {}

.sec16 .txt1 p {
    margin: 0;
    color: #117573;
    font-family: "Roboto Flex";
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

.sec15-videos-wrapper .video-list .video-item .video-thumbnail {
    position: relative;
    padding-top: 120px;
    overflow: hidden;
}

.sec15-videos-wrapper .video-list .video-item .video-thumbnail img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
}

.sec15-videos-wrapper .video-list .video-item .video-thumbnail::before {
    content: '';
    width: 58px;
    height: 58px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="182" height="182" viewBox="0 0 182 182" fill="none"><g clip-path="url(%23clip0_23_3063)"><path d="M22.75 91C22.75 99.9627 24.5153 108.838 27.9452 117.118C31.3751 125.399 36.4024 132.922 42.74 139.26C49.0776 145.598 56.6014 150.625 64.8819 154.055C73.1623 157.485 82.0373 159.25 91 159.25C99.9627 159.25 108.838 157.485 117.118 154.055C125.399 150.625 132.922 145.598 139.26 139.26C145.598 132.922 150.625 125.399 154.055 117.118C157.485 108.838 159.25 99.9627 159.25 91C159.25 82.0373 157.485 73.1623 154.055 64.8819C150.625 56.6014 145.598 49.0776 139.26 42.74C132.922 36.4024 125.399 31.3751 117.118 27.9452C108.838 24.5153 99.9627 22.75 91 22.75C82.0373 22.75 73.1623 24.5153 64.8819 27.9452C56.6014 31.3751 49.0776 36.4024 42.74 42.74C36.4024 49.0776 31.3751 56.6014 27.9452 64.8819C24.5153 73.1623 22.75 82.0373 22.75 91Z" fill="%23FFFEFE" fill-opacity="0.6"/><path d="M113.75 91.0003L83.4166 60.667V121.334L113.75 91.0003Z" fill="white"/></g><defs><clipPath id="clip0_23_3063"><rect width="182" height="182" fill="white"/></clipPath></defs></svg>') no-repeat center center;
    background-size: 100%;
    z-index: 2;
}


.sec16 .txt2 {
    margin: 11px 0 26px;
}

.sec16 .txt2 p {
    margin: 0;
    color: #F77D3C;
    font-family: "Roboto Flex";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.sec16 p {
    width: 448px;
}

.sec16_images_row {
    position: absolute;
    top: 0;
    right: -15px;
}

.sec16_images_row .img-inner {
    position: relative;
    padding-top: 68%;
}

.sec16_images_row .img img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sec16_images_row .col {
    flex-basis: 31%;
    max-width: 31%;
}

.sec17 {
    padding: 104px 0 70px !important;
}

.sec17 .main-post {}

.sec17 .main-post .post-thumbnail {
    position: relative;
    padding-top: 62%;
}

.sec17 .main-post .post-thumbnail img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sec17 .main-post .post-content {}

.sec17 .main-post .post-content h3 {
    color: #F77D3C;
    font-family: "Roboto Flex";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 27px 0 10px;
}

.sec17 .main-post .post-content .post-excerpt p {
    color: #094846;
    text-align: justify;
    font-family: "Roboto Flex";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 133.333% */
    margin: 0;
}

.sec17 .post-list {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.sec17 .post-list .post-item {
    display: flex;
    gap: 17px;
}

.sec17 .post-list .post-item .post-thumbnail {
    width: 208px;
    position: relative;
    padding-top: 125px;
}

.sec17 .post-list .post-item .post-thumbnail img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sec17 .post-list .post-item .post-info {
    width: calc(100% - 208px - 17px);
}

.sec17 .post-list .post-item .post-info h4 {
    color: #F77D3C;
    font-family: "Roboto Flex";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.sec17 .post-list .post-item .post-info .post-excerpt {
    color: #094846;
    text-align: justify;
    font-family: "Roboto Flex";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 133.333% */
    margin: 0;
}

footer#footer {
    background: url(./assets/img/footer-bg.png) no-repeat;
    background-size: 100% 100%;
    padding-top: 13px;
}

img.footer-logo {
    width: 209px;
}

.main-footer {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #fff;
}

.footer-col-title {
    color: #FFF;
    font-family: "Roboto Flex";
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: left;
    white-space: nowrap;
    margin-bottom: 11px;
}

.footer-contact-item {
    color: #FFF;
    font-family: "Roboto Flex";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.main-footer .txt-dktv {
    color: #FFF;
    font-family: "Roboto Flex";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
    width: 370px;
}

.footer-col:not(.footer-col-1) {
    padding-top: 44px;
}

#footer form {
    margin: 0 0 18px 0;
}

#footer form select {
    width: 338px;
    border-radius: 3px;
    background: rgba(255, 255, 255, 0.25);
    height: 29px;
    border: 0;
    color: #FFF;
    font-family: "Roboto Flex";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 171.429% */
}

#footer form .form-group {
    display: flex;
    width: 338px;
    gap: 10px;
}

#footer form input {
    width: 100%;
    border-radius: 3px;
    background: rgba(255, 255, 255, 0.25);
    height: 29px;
    border: 0;
    color: #FFF;
    font-family: "Roboto Flex";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 171.429% */
}

#footer form input[type="submit"] {
    width: 338px;
    border-radius: 8px;
    background: var(--Linear, linear-gradient(90deg, #F77D3C 0%, #088280 100%));
    margin: 0;
    color: #FFF;
    text-align: center;
    font-family: "Roboto Flex";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    /* 150% */
    text-transform: uppercase;
    height: 33px;
    min-height: unset;
}

#footer form input::placeholder {
    color: #fff;
}

#footer form span.wpcf7-spinner {
    display: none;
}

.footer-contact {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.footer-copyright {
    padding: 14px 0 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer-copyright span {
    color: #FFF;
    text-align: center;
    font-family: "Roboto Flex";
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

#footer form .wpcf7-response-output, .sec4 form .wpcf7-response-output {
    width: 338px;
    margin-left: 0;
    margin-right: 0;
    color: #fff;
    font-size: 14px;
    line-height: normal;
}

.sec4 form .wpcf7-response-output {
    width: 100%;
}

#footer form span.wpcf7-not-valid-tip, .sec4 form span.wpcf7-not-valid-tip {
    font-size: 13px;
    line-height: normal;
    position: absolute;
    z-index: 1;
    opacity: 1;
}

#footer form span.wpcf7-not-valid-tip::after, .sec4 form span.wpcf7-not-valid-tip::after {
    border: 3px solid rgba(136,183,213,0);
    border-bottom-color: #f1f1f1;
}


@media only screen and (max-width: 48em) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/

    .sec2 {
        padding-top: 200px !important;
        padding-bottom: 700px !important;
    }

    .sec3 {
        padding-top: 100px !important;
        padding-bottom: 120px !important;
    }

    .sec3-col-1 .txt1 p {
        white-space: nowrap;
    }

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

    .sec4 .section-bg :is(img, picture, video) {
        width: 301%;
        max-width: unset;
    }

    .sec5 {
        padding-left: 15px;
        padding-right: 15px;
        background: #0b3836;
    }

    .sec5 .section-bg :is(img, picture, video) {
        width: 200%;
        max-width: unset;
        left: unset;
        right: 0;
        height: auto;
        bottom: 0;
        top: unset;
    }

    .sec5 .txt2 {
        margin-bottom: 330px;
    }

    .sec6 .nav {
        gap: 10px;
    }

    .sec6 {
        padding-top: 80px !important;
        padding-bottom: 100px !important;
    }

    .sec8 .title-1 p {
        width: 100%;
    }

    .sec14-gallery-nav {
        padding: 0;
    }

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

    .sec16_images_row {
        position: unset;
    }

    .sec16_images_row .col {
        flex-basis: 100%;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .sec17 {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }

    .main-footer {
        padding-left: 15px;
        padding-right: 15px;
        flex-wrap: wrap;
    }

    .footer-col {
        width: 100%;
    }

    img.footer-logo {
        margin: auto;
        display: block;
    }

    #footer form .form-group {
        width: 100%;
    }

    #footer form select {
        width: 100%;
    }

    #footer form .form-group>* {
        width: 100%;
    }

    #footer form input[type="submit"] {
        width: 100%;
    }

    footer#footer {
        background-size: auto 100%;
    }

    ul.mobile-nav a i {
        color: #fff;
    }

    ul.mobile-nav a i {
        color: #fff;
    }

    .off-canvas-left .mfp-content {
        background: #fff;
    }

    .sidebar-menu ul li a {
        color: #000;
        font-size: 18px;
    }

    .sidebar-menu ul li {
        border: 0 !important;
    }

    .sec14 .title-1 p {
        font-size: 36px;
        line-height: 56px;
    }

    .sec15 .title-1 p {
        font-size: 36px;
    }

    .sec15-videos-wrapper .main-video .video-content h3 {
        font-size: 20px;
    }

    .sec15-videos-wrapper .video-list .video-item .video-thumbnail {
        width: 145px;
    }

    .sec15-videos-wrapper .video-list .video-item .video-info {
        width: calc(100% - 145px - 30px);
    }

    .sec16 p {
        width: 100%;
    }

    .sec17 .post-list .post-item .post-thumbnail {
        width: 40%;
        overflow: hidden;
        height: 0;
    }

    .sec17 .post-list .post-item .post-info {
        width: calc(60% - 17px);
    }

    .sec17 .post-list .post-item .post-info h4 {
        font-size: 16px;
    }

    .sec17 .post-list .post-item .post-info .post-excerpt {
        font-size: 16px;
        line-height: 18px;
    }

    .sec6 .nav>li>a span {
        font-size: 15px;
    }

    .sec6 .slick-dots {
        margin-top: 30px;
    }

    .sec8 .title-1 {
        padding: 0 15px;
    }

    .sec12 .title-1 p {
        font-size: 36px;
    }
}