@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap";
@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap";
@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap";
@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap";
@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap";
@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap";
@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap";
@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap";
@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap";
@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap";
@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap";
@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap";
@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap";
@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap";
@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap";
@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap";
@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap";
@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap";
@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap";
@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap";
@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap";
@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap";
@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap";
@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap";
@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap";
@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap";
@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap";
@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap";
@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap";
@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap";

html {
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    width: 100%;
    height: 100%;
    scroll-behavior: auto !important;
    scrollbar-color: #19263a #e5e5e5;
    scrollbar-width: thin
}

input[type=submit] {
    -webkit-appearance: none
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

*:after {
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

*:before {
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

body {
    margin: 0;
    padding: 0;
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    width: 100%;
    height: 100%;
    font-weight: 400;
    color: #232528;
    scrollbar-color: #19263a #e5e5e5;
    scrollbar-width: thin
}

::-webkit-scrollbar {
    width: 7px;
    height: 7px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px
}

::-webkit-scrollbar-track {
    background: rgba(123, 124, 126, .2);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px
}

::-webkit-scrollbar-thumb {
    background: #19263a;
    min-height: 100px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px
}

::-webkit-scrollbar-thumb:window-inactive {
    background: #19263a
}

a {
    outline: none;
    text-decoration: none;
    color: #232528
}

a:hover {
    text-decoration: none;
    outline: none;
    outline-offset: 0;
    color: inherit
}

a:focus {
    text-decoration: none;
    outline: none;
    outline-offset: 0
}

img {
    border: 0;
    max-width: 100%;
    height: auto
}

input {
    outline: none;
    resize: none;
    box-shadow: none;
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
}

textarea {
    outline: none;
    resize: none;
    box-shadow: none;
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
}

select {
    outline: none;
    resize: none;
    box-shadow: none;
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
}

strong {
    font-weight: 700
}

button {
    box-shadow: none
}

button::-moz-focus-inner {
    border: 0
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.2;
    margin: 0;
    font-weight: 400;
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
}

ul {
    margin: 0;
    padding: 0;
    list-style: none
}

ol {
    margin: 0;
    padding: 0;
    list-style: none
}

p {
    margin: 0 0 10px 0;
    padding: 0
}

button:focus {
    outline: none
}

svg path {
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out
}

.modal-backdrop {
    z-index: 2050
}

.modal {
    z-index: 2055
}

.container {
    max-width: 1282px;
    padding-left: 20px;
    padding-right: 20px
}

.container-sm {
    max-width: 858px;
    padding-left: 20px;
    padding-right: 20px;
    margin: 0 auto
}

.container-md {
    max-width: 1030px;
    padding-left: 20px;
    padding-right: 20px;
    margin: 0 auto
}

.secondary-font {
    font-family: "DM Serif Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
}

.primary-font {
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
}

.text-body-color {
    color: #232528 !important
}

.primary-bg-light {
    background: #f9f5f2
}

.row.gap-24 {
    margin: 0 -12px
}

.row.gap-24 [class*=col-] {
    padding-left: 12px;
    padding-right: 12px
}

.row.gap-40 {
    margin: 0 -20px
}

.row.gap-40 [class*=col-] {
    padding-left: 20px;
    padding-right: 20px
}

.row.gap-60 {
    margin: 0 -30px
}

@media(max-width: 1280px) {
    .row.gap-60 {
        margin: 0 -15px
    }
}

.row.gap-60 [class*=col-] {
    padding-left: 30px;
    padding-right: 30px
}

@media(max-width: 1280px) {
    .row.gap-60 [class*=col-] {
        padding-left: 15px;
        padding-right: 15px
    }
}

.fancybox__container {
    z-index: 10501
}

.skeleton-loader {
    max-width: 100%
}

.g-ad {
    width: 100%;
    display: block
}

.g-ad iframe {
    position: relative !important
}

.nowarp {
    white-space: nowrap
}

.adBlock {
    width: 320px;
    height: 75px;
    margin: 0 auto
}

@media(min-width: 500px) {
    .adBlock {
        width: 440px;
        height: 103px;
        margin: 0 auto
    }
}

@media(min-width: 767px) {
    .adBlock {
        width: 700px;
        height: 180px;
        margin: 0 auto
    }
}

@media(min-width: 999px) {
    .adBlock {
        width: 700px;
        height: 180px;
        margin: 0 auto
    }
}

@media(min-width: 1280px) {
    .adBlock {
        width: 1160px;
        height: 300px;
        margin: 0 auto
    }
}

.btn {
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    border-radius: 48px;
    -webkit-border-radius: 48px;
    -moz-border-radius: 48px;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    align-items: center
}

.btn:active,
.btn:focus {
    box-shadow: none !important
}

@media(max-width: 767px) {
    .btn {
        font-size: 12px
    }
}

.btn.btn-primary {
    color: #fff
}

@media(max-width: 767px) {
    .btn.btn-sm {
        padding: 10px 20px
    }
}

.btn.btn-lg {
    padding: 21px 30px;
    font-size: 18px
}

@media(max-width: 767px) {
    .btn.btn-lg {
        padding: 16px 20px;
        font-size: 16px
    }
}

.btn.btn-outline-primary:hover,
.btn.btn-outline-primary:active {
    color: #fff
}

.btn.btn-outline-light {
    color: #fff;
    border-color: #fff
}

.btn.btn-outline-light:hover {
    background: #fff;
    color: #e78125
}

.btn.btn-right-icon {
    display: inline-flex;
    align-items: center;
    padding: 11px 24px 11px 32px
}

.btn.btn-right-icon svg {
    margin-left: 4px;
    font-size: 20px
}

@media(max-width: 767px) {
    .btn.btn-right-icon svg {
        font-size: 18px
    }
}

.btn.btn-right-icon svg path {
    transition: none
}

.btn.btn-left-icon {
    display: inline-flex;
    align-items: center;
    padding: 11px 32px 11px 24px
}

.btn.btn-left-icon svg {
    margin-right: 4px;
    font-size: 20px
}

@media(max-width: 767px) {
    .btn.btn-left-icon svg {
        font-size: 18px
    }
}

.btn.btn-left-icon svg path {
    transition: none
}

.btn.btn-link {
    text-decoration: none;
    padding: 0;
    color: #173055;
    font-size: 16px;
    line-height: 18px
}

@media(max-width: 767px) {
    .btn.btn-link {
        font-size: 12px;
        line-height: 16px
    }
}

.btn.btn-link:hover {
    color: #e78125
}

.btn.btn-link--white {
    color: #fff
}

.btn.btn-link--white:hover {
    color: #e78125
}

.btn.btn-link--gray {
    color: #7b7c7e
}

.btn.btn-link--gray:hover {
    color: #19263a
}

.btn.btn-link--primary {
    color: #e78125
}

.btn.btn-link--primary:hover {
    color: #19263a
}

@media(max-width: 767px) {
    .btn.btn-mobile-full {
        width: 100%;
        text-align: center;
        justify-content: center
    }
}

.btn.btn-normal {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px
}

.btn.btn-block {
    width: 100%;
    text-align: center;
    justify-content: center
}

.video-btn {
    position: absolute;
    width: 85px;
    height: 85px;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    background: rgba(0, 0, 0, .5);
    border: 4px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 45px;
    color: #fff;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%
}

@media(max-width: 991px) {
    .video-btn {
        width: 52px;
        height: 52px;
        border-width: 2px;
        font-size: 30px
    }
}

.video-btn--sm {
    width: 42px;
    height: 42px;
    border-width: 2px;
    font-size: 24px
}

.video-btn--md {
    width: 58px;
    height: 58px;
    border-width: 2px;
    font-size: 34px
}

.h1 {
    font-size: 42px;
    line-height: 115%;
    font-weight: 400;
    font-family: "DM Serif Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
}

@media(max-width: 767px) {
    .h1 {
        font-size: 28px
    }
}

.h2 {
    font-size: 38px;
    line-height: 115%;
    font-weight: 400;
    font-family: "DM Serif Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
}

@media(max-width: 767px) {
    .h2 {
        font-size: 30px
    }
}

.h2.title-md {
    font-size: 28px
}

@media(max-width: 767px) {
    .h2.title-md {
        font-size: 24px
    }
}

.h3 {
    font-size: 24px;
    line-height: 120%;
    font-weight: 600
}

.h4 {
    font-size: 22px;
    line-height: 116%;
    font-weight: 500
}

@media(max-width: 767px) {
    .h4 {
        font-size: 18px
    }
}

.h5 {
    font-size: 16px;
    line-height: 150%;
    font-weight: 500
}

@media(max-width: 767px) {
    .h5 {
        font-size: 12px
    }
}

.h6 {
    font-size: 14px;
    font-weight: 600
}

@media(max-width: 767px) {
    .h6 {
        font-size: 12px
    }
}

.title-sub-txt {
    font-size: 18px;
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 400;
    display: block
}

@media(max-width: 767px) {
    .title-sub-txt {
        font-size: 15px;
        line-height: 1.6
    }
}

.text-small {
    font-size: 14px;
    line-height: 140%
}

.text-normal {
    font-size: 16px
}

.text-ex-small {
    font-size: 12px;
    line-height: 140%
}

.text-large {
    font-size: 18px;
    line-height: 182%
}

.fw-medium {
    font-weight: 500
}

.blog-list ul li {
    padding-bottom: 74px
}

@media(max-width: 767px) {
    .blog-list ul li {
        padding-bottom: 40px
    }
}

.blog-list ul.gap-b-30 li {
    padding-bottom: 30px
}

@media(max-width: 767px) {
    .blog-list .subscribe-banner {
        margin: 0 -20px
    }
}

.blog-list .blog-cta-wrap {
    padding-bottom: 0
}

@media(max-width: 767px) {
    .blog-list .blog-cta-wrap .container {
        padding: 0
    }

    .blog-list .blog-cta-wrap .container [class*=col-] {
        padding: 0
    }
}

.blog-item {
    position: relative
}

.blog-item__img {
    position: relative;
    overflow: hidden;
    padding-bottom: 61.31%;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px
}

@media(max-width: 767px) {
    .blog-item__img {
        padding-bottom: 52.24%
    }
}

.blog-item__img a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.blog-item__img img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out
}

.blog-item__img .quiz-point {
    position: absolute;
    right: 12px;
    top: 18px;
    background: rgba(0, 0, 0, .8);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    z-index: 1;
    padding: 6px;
    font-size: 12px;
    line-height: 1;
    font-weight: 500;
    color: #fff;
    display: flex;
    align-items: center
}

.blog-item__img .quiz-point svg {
    margin-right: 6px
}

.blog-item__img--video-poster {
    padding-bottom: 50.6%
}

.blog-item__info {
    padding-top: 30px
}

@media(max-width: 767px) {
    .blog-item__info {
        padding-top: 20px
    }
}

.blog-item__tag {
    color: rgba(131, 96, 147, .8);
    text-transform: uppercase;
    padding-bottom: 16px
}

@media(max-width: 767px) {
    .blog-item__tag {
        padding-bottom: 12px
    }
}

.blog-item__tag a {
    display: inline-block;
    color: rgba(131, 96, 147, .8);
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out
}

.blog-item__tag a:hover {
    color: #19263a
}

.blog-item__tag a+a {
    margin-left: 4px
}

.blog-item__tag a+a::before {
    content: "-";
    display: inline-block;
    margin-right: 4px;
    color: rgba(131, 96, 147, .8)
}

.blog-item__title {
    padding-bottom: 5px;
    color: #232528
}

.blog-item__title a {
    color: #232528;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out
}

.blog-item__title a:hover {
    color: #e78125
}

@media(max-width: 1200px) {
    .blog-item__title .h4 {
        font-size: 18px;
        line-height: 140%
    }
}

.blog-item__by {
    color: #7b7c7e
}

.blog-item__by span {
    font-weight: 400
}

.blog-item__by a {
    color: #7b7c7e;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out
}

.blog-item__by a:hover {
    color: #232528
}

.blog-item .save-video {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 1
}

.blog-item .save-video .bookmark {
    flex-shrink: 0;
    width: 42px;
    height: 42px;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #e78125;
    border: 0;
    background: #fff;
    box-shadow: 0px 3px 11px rgba(0, 0, 0, .08);
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%
}

.blog-item:hover .blog-item__img img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.collection-box {
    position: relative;
    max-width: 227px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px
}

.collection-box .save-video {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 1
}

.collection-box .save-video .bookmark {
    flex-shrink: 0;
    width: 42px;
    height: 42px;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #e78125;
    border: 0;
    background: #fff;
    box-shadow: 0px 3px 11px rgba(0, 0, 0, .08);
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%
}

.collection-box__img {
    position: relative;
    padding-bottom: 136%;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    overflow: hidden
}

.collection-box__img a,
.collection-box__img button {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 0;
    background: rgba(0, 0, 0, 0)
}

.collection-box__img a:after,
.collection-box__img button:after {
    content: "";
    width: 100%;
    height: 128px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: linear-gradient(0deg, #857565 11.64%, rgba(109, 88, 64, 0) 91.21%);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px
}

.collection-box__img img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out
}

.collection-box__info {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 0px 22px 17px;
    z-index: 1
}

@media(max-width: 767px) {
    .collection-box__info {
        padding: 0 12px 12px
    }
}

.collection-box__title {
    font-size: 22px;
    line-height: 27px;
    color: #fff;
    font-weight: 600;
    word-break: break-word
}

@media(max-width: 1280px) {
    .collection-box__title {
        font-size: 18px;
        line-height: 22px
    }
}

@media(max-width: 767px) {
    .collection-box__title {
        font-size: 14px;
        line-height: 18px
    }
}

.collection-box__title a {
    color: #fff;
    display: inline-block;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out
}

.collection-box__title a:hover {
    color: #e78125
}

.collection-box__title--sm {
    font-size: 18px;
    line-height: 116%;
    font-weight: 500
}

@media(max-width: 767px) {
    .collection-box__title--sm {
        font-size: 10px;
        text-transform: uppercase
    }
}

.collection-box__tag {
    font-size: 14px;
    line-height: 17px;
    font-weight: 600;
    opacity: .9;
    color: #fff;
    text-transform: uppercase;
    padding-bottom: 6px
}

.collection-box__tag a {
    color: #fff
}

.collection-box__tag--sm {
    font-size: 12px
}

@media(max-width: 767px) {
    .collection-box__tag--sm {
        font-size: 8px
    }
}

.collection-box--small .collection-box__img {
    padding-bottom: 105.28%
}

.collection-box--small .collection-box__img:after {
    height: 151px
}

.collection-box--small .collection-box__info {
    padding-left: 13px;
    padding-right: 13px
}

.collection-box--small .collection-box__title {
    font-size: 14px;
    line-height: 116%
}

.collection-box--small .collection-box__tag {
    font-size: 10px;
    line-height: 12px
}

.collection-box--shadow-large .collection-box__img a:after {
    height: 60%;
    background: linear-gradient(0deg, #857565 21.43%, rgba(109, 88, 64, 0) 91.21%)
}

.collection-box--shadow-large .collection-box__tag {
    padding-bottom: 8px
}

@media(max-width: 767px) {
    .collection-box--shadow-large .collection-box__tag {
        padding-bottom: 5px
    }
}

.collection-box--design .collection-box__img {
    padding-bottom: 126%
}

@media(max-width: 767px) {
    .collection-box--design .collection-box__img {
        padding-bottom: 136%
    }
}

.collection-box--design .collection-box__tag {
    text-transform: none;
    font-weight: 400;
    font-size: 18px
}

@media(max-width: 767px) {
    .collection-box--design .collection-box__tag {
        font-size: 12px
    }
}

.collection-box--project {
    max-width: 100%
}

.collection-box--project .collection-box__img {
    padding-bottom: 68.5%
}

.collection-box--project .collection-box__title {
    font-size: 18px;
    font-weight: 500;
    padding-bottom: 6px
}

.collection-box--project .collection-box__tag {
    text-transform: initial;
    font-size: 16px;
    padding-bottom: 0;
    font-weight: 400
}

.collection-box--sm .collection-box__img {
    padding-bottom: 80%
}

.collection-box--md .collection-box__img {
    padding-bottom: 100%
}

.collection-box:hover .collection-box__img img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.featured-video-box__img {
    position: relative
}

.featured-video-box__img a {
    display: block;
    position: relative;
    padding-bottom: 59.69%;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    overflow: hidden
}

.featured-video-box__img img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out
}

.featured-video-box__info {
    padding-top: 30px
}

@media(max-width: 767px) {
    .featured-video-box__info {
        padding-top: 12px
    }
}

.featured-video-box__tag {
    padding: 6px 0 15px;
    font-size: 14px;
    line-height: 17px;
    font-weight: 600;
    color: #7b7c7e;
    text-transform: uppercase
}

@media(max-width: 767px) {
    .featured-video-box__tag {
        font-size: 10px;
        line-height: 12px;
        padding-bottom: 8px
    }
}

.featured-video-box__tag a {
    color: #7b7c7e;
    font-size: 14px;
    margin-bottom: 0;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out
}

.featured-video-box__tag a:hover {
    color: #19263a
}

/* .featured-video-box__title {
    font-size: 28px;
    line-height: 150%;
    font-weight: 600;
    color: #19263a
} */

@media(max-width: 991px) {
    .featured-video-box__title {
        font-size: 24px
    }
}

@media(max-width: 767px) {
    .featured-video-box__title {
        font-size: 18px;
        line-height: 27px
    }
}

.featured-video-box__title a {
    color: #19263a;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
        font-size: 18px;
    font-weight: 600;
    line-height: 27px;
}

.featured-video-box__title a:hover {
    color: #e78125
}

.featured-video-box__by {
    color: #7b7c7e;
    font-size: 14px;
    font-weight: 500;
    padding-top: 5px
}

.featured-video-box__by span {
    font-weight: 400
}

.featured-video-box__by a {
    color: #7b7c7e;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out
}
.video-left-column .featured-video-box .featured-video-box__title a{
    font-size: 28px;
    line-height: 150%;
    font-weight: 600;
    color: #19263a;
}
.video-left-column .featured-video-box__title a:hover {
    color: #e78125
}
.featured-video-box__by a:hover {
    color: #232528
}

.featured-video-box:hover .featured-video-box__img img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.featured-video-box .save-video {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 1
}

.featured-video-box .save-video .bookmark {
    flex-shrink: 0;
    width: 42px;
    height: 42px;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #e78125;
    border: 0;
    background: #fff;
    box-shadow: 0px 3px 11px rgba(0, 0, 0, .08);
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%
}

@media(max-width: 767px) {
    .featured-video-list {
        display: flex;
        overflow: auto
    }
}

.featured-video-list .featured-video-box {
    display: flex;
    margin-bottom: 32px
}

@media(max-width: 767px) {
    .featured-video-list .featured-video-box {
        display: block;
        flex-shrink: 0;
        width: 214px;
        margin-right: 16px
    }
}

.featured-video-list .featured-video-box .save-video .bookmark {
    width: 32px;
    height: 32px
}

.featured-video-list .featured-video-box__img {
    flex-shrink: 0;
    width: 190px
}

.featured-video-list .featured-video-box__img a {
    padding-bottom: 75.27%
}

@media(max-width: 767px) {
    .featured-video-list .featured-video-box__img a {
        padding-bottom: 55.61%
    }
}

@media(max-width: 767px) {
    .featured-video-list .featured-video-box__img {
        width: 100%
    }
}

.featured-video-list .featured-video-box__info {
    width: 100%;
    padding: 0 20px
}

@media(max-width: 767px) {
    .featured-video-list .featured-video-box__info {
        width: 100%;
        padding: 12px 0 0
    }
}

.featured-video-list .featured-video-box__title {
    font-size: 18px;
    line-height: 27px
}

@media(max-width: 767px) {
    .featured-video-list .featured-video-box__title {
        font-size: 16px;
        line-height: 24px
    }
}

.featured-video-list .featured-video-box__time {
    font-size: 16px;
    line-height: 150%;
    color: #7b7c7e;
    padding-top: 16px
}

@media(max-width: 767px) {
    .featured-video-list .featured-video-box__time {
        font-size: 12px;
        padding-top: 8px
    }
}

@keyframes fade {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.home-banner-wrap {
    position: relative;
    background: #19263a
}

.home-banner-wrap .banner-slider-dot {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 20px;
    z-index: 10;
    pointer-events: none
}

.home-banner-wrap .banner-slider-dot .banner-slider-pagination {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    min-height: 12px;
    padding: 6px 10px;
    background: rgba(0, 0, 0, .4);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    pointer-events: auto;
    backdrop-filter: blur(8px)
}

.home-banner-wrap .banner-slider-dot .banner-slider-pagination:empty {
    display: none
}

.home-banner-wrap .banner-slider-dot .banner-slider-pagination.single-slide {
    display: none
}

.home-banner-wrap .banner-slider-dot .banner-slider-pagination .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    background: hsla(0, 0%, 100%, .5);
    opacity: 1;
    cursor: pointer;
    border: none;
    outline: none;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out
}

.home-banner-wrap .banner-slider-dot .banner-slider-pagination .swiper-pagination-bullet:not(:last-child) {
    margin-right: 0
}

.home-banner-wrap .banner-slider-dot .banner-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #fff;
    width: 12px;
    opacity: 1
}

.home-banner-wrap .banner-slider-dot .banner-slider-pagination .swiper-pagination-bullet:hover {
    background: hsla(0, 0%, 100%, .8);
    opacity: 1
}

.home-banner-wrap .banner-slider-dot .banner-slider-pagination>span {
    display: inline-block;
    width: 6px;
    height: 6px;
    background: hsla(0, 0%, 100%, .5);
    opacity: 1;
    cursor: pointer;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out
}

.home-banner-wrap .banner-slider-dot .banner-slider-pagination>span:not(:last-child) {
    margin-right: 0
}

.home-banner-wrap .banner-slider-dot .banner-slider-pagination>span.swiper-pagination-bullet-active {
    background: #fff;
    width: 12px;
    opacity: 1
}

.home-banner-wrap .banner-slider-dot .banner-slider-pagination>span:hover {
    background: hsla(0, 0%, 100%, .8);
    opacity: 1
}

@media(max-width: 767px) {
    .home-banner-wrap .banner-slider-dot {
        bottom: 10px
    }

    .home-banner-wrap .banner-slider-dot .banner-slider-pagination {
        padding: 4px 8px
    }
}

.home-banner-wrap--boxed {
    max-width: 1243px;
    margin: 0 auto;
    overflow: hidden;
    position: relative
}

@media(min-width: 1243px) {
    .home-banner-wrap--boxed {
        border-radius: 8px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px
    }
}

.home-banner-wrap--boxed .banner-wrap:before {
    width: 66%
}

@media(max-width: 1100px) {
    .home-banner-wrap--boxed .banner-wrap:before {
        width: 100%
    }
}

@media(min-width: 1025px) {
    .home-banner-wrap--boxed .banner-wrap .banner-content {
        margin-left: 80px
    }
}

.home-banner-wrap--boxed .save-video {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 3
}

.home-banner-wrap--boxed .save-video .bookmark {
    flex-shrink: 0;
    width: 42px;
    height: 42px;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #e78125;
    border: 0;
    background: #fff;
    box-shadow: 0px 3px 11px rgba(0, 0, 0, .08);
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%
}

.home-banner-wrap .swiper-wrapper {
    height: auto
}

.home-banner-wrap .swiper-button-next,
.home-banner-wrap .swiper-button-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 48px;
    height: 48px;
    background: hsla(0, 0%, 100%, .1);
    color: #fff;
    border: 2px solid hsla(0, 0%, 100%, .3);
    backdrop-filter: blur(10px);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    z-index: 10;
    cursor: pointer;
    display: none;
    align-items: center;
    justify-content: center
}

.home-banner-wrap .swiper-button-next:after,
.home-banner-wrap .swiper-button-prev:after {
    font-size: 18px;
    font-weight: bold
}

.home-banner-wrap .swiper-button-next:hover,
.home-banner-wrap .swiper-button-prev:hover {
    background: hsla(0, 0%, 100%, .2);
    border-color: hsla(0, 0%, 100%, .5);
    transform: translateY(-50%) scale(1.05)
}

.home-banner-wrap .swiper-button-next.swiper-button-disabled,
.home-banner-wrap .swiper-button-prev.swiper-button-disabled {
    opacity: .3;
    cursor: not-allowed
}

.home-banner-wrap .swiper-button-next.swiper-button-disabled:hover,
.home-banner-wrap .swiper-button-prev.swiper-button-disabled:hover {
    background: hsla(0, 0%, 100%, .1);
    border-color: hsla(0, 0%, 100%, .3);
    transform: translateY(-50%)
}

@media(max-width: 767px) {

    .home-banner-wrap .swiper-button-next,
    .home-banner-wrap .swiper-button-prev {
        display: none !important
    }
}

.home-banner-wrap .swiper-button-prev {
    left: 20px
}

@media(max-width: 1200px) {
    .home-banner-wrap .swiper-button-prev {
        left: 10px
    }
}

.home-banner-wrap .swiper-button-next {
    right: 20px
}

@media(max-width: 1200px) {
    .home-banner-wrap .swiper-button-next {
        right: 10px
    }
}

.banner-wrap {
    position: relative;
    height: 522px;
    background: #19263a
}

@media(max-width: 767px) {
    .banner-wrap {
        height: auto;
        min-height: 304px;
        padding: 30px 0;
        display: flex;
        align-items: center;
        overflow: hidden
    }
}

.banner-wrap::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 42%;
    height: 100%;
    background: linear-gradient(90deg, #323031 11.63%, rgba(50, 48, 49, 0.69) 58.72%, rgba(50, 48, 49, 0) 100%);
    opacity: .9;
    z-index: 1
}

@media(max-width: 1100px) {
    .banner-wrap::before {
        width: 100%
    }
}

.banner-wrap .banner-img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-animation-name: fade;
    animation-name: fade;
    animation-delay: 1.5s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@media(max-width: 767px) {
    .banner-wrap .banner-img {
        animation-delay: 2s
    }
}

.banner-wrap .container {
    height: 100%;
    z-index: 2;
    position: relative;
    display: flex;
    align-items: center;
    left:50px;
}

.banner-wrap .banner-content {
    max-width: 480px
}

@media(max-width: 767px) {
    .banner-wrap .banner-content {
        max-width: 318px
    }

    .banner-wrap .banner-content svg {
        max-width: 100%
    }
}

.banner-wrap .banner-content .tag {
    font-size: 18px;
    line-height: 27px;
    font-weight: 600;
    color: hsla(0, 0%, 100%, .9);
    padding-bottom: 10px;
    display: block
}

.banner-wrap .banner-content .tag a {
    color: hsla(0, 0%, 100%, .9)
}

@media(max-width: 767px) {
    .banner-wrap .banner-content .tag {
        display: none
    }
}

.banner-wrap .banner-content .banner-title {
    color: #fff;
    padding-bottom: 13px
}

.banner-wrap .banner-content .banner-title a {
    color: #fff
}

.banner-wrap .banner-content .post-by {
    font-size: 18px;
    line-height: 27px;
    font-weight: 500;
    color: hsla(0, 0%, 100%, .8);
    margin-bottom:40px;
}

@media(max-width: 767px) {
    .banner-wrap .banner-content .post-by {
        font-size: 12px;
        line-height: 18px
    }
}

.banner-wrap .banner-content .post-by span {
    font-weight: 400
}

.banner-wrap .banner-content .post-by a {
    color: hsla(0, 0%, 100%, .8)
}

.banner-wrap .banner-content .cta {
    padding-top: 48px
}

@media(max-width: 767px) {
    .banner-wrap .banner-content .cta {
        padding-top: 28px
    }
}

.visually-hidden {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden
}

.need-help-wrap {
    background: #f9f5f2;
    padding: 17px 0
}

@media(max-width: 1024px) {
    .need-help-wrap {
        padding: 25px 0 10px
    }
}

.need-help-wrap .container {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

@media(max-width: 1024px) {
    .need-help-wrap .container {
        padding: 0
    }
}

.need-help-wrap .container .need-help-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%
}

.need-help-wrap .container .title-txt {
    font-size: 18px;
    font-weight: 500;
    color: #232528;
    width: 173px;
    flex-shrink: 0;
    text-align: right;
    flex-shrink: 0
}

@media(max-width: 1280px) {
    .need-help-wrap .container .title-txt {
        text-align: left
    }
}

@media(max-width: 1024px) {
    .need-help-wrap .container .title-txt {
        width: 100%;
        text-align: center
    }
}

@media(max-width: 767px) {
    .need-help-wrap .container .title-txt {
        font-size: 14px;
        line-height: 17px
    }
}

.need-help-wrap .need-help-slider {
    padding: 0 50px 0 58px;
    position: relative;
    width: calc(100% - 173px)
}

.need-help-wrap .need-help-slider .slider-box {
    width: 100%
}

@media(max-width: 1024px) {
    .need-help-wrap .need-help-slider {
        width: 100%;
        padding: 0
    }
}

.need-help-wrap .need-help-slider .swiper-slide {
    width: auto;
    padding: 15px 0px
}

@media(max-width: 1024px) {
    .need-help-wrap .need-help-slider .swiper-slide {
        padding: 15px 0px
    }
}

.need-help-wrap .need-help-slider .swiper-slide .help-tag__item {
    white-space: nowrap
}

.need-help-wrap .need-help-slider .help-slider-arrow {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 50%;
    margin-top: -20px;
    font-size: 24px;
    background: rgba(0, 0, 0, 0);
    color: #dfc9b9;
    border: 2px solid #dfc9b9;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out
}

.need-help-wrap .need-help-slider .help-slider-arrow:hover {
    background: #dfc9b9;
    color: #232528
}

.need-help-wrap .need-help-slider .help-slider-arrow--left,
.need-help-wrap .need-help-slider .help-slider-arrow--left2 {
    left: 10px
}

@media(max-width: 1280px) {

    .need-help-wrap .need-help-slider .help-slider-arrow--left,
    .need-help-wrap .need-help-slider .help-slider-arrow--left2 {
        left: -15px
    }
}

.need-help-wrap .need-help-slider .help-slider-arrow--right,
.need-help-wrap .need-help-slider .help-slider-arrow--right2 {
    right: 0
}

.need-help-wrap .need-help-slider .help-slider-arrow.swiper-button-disabled {
    opacity: 0;
    visibility: hidden
}

@media(max-width: 1024px) {
    .need-help-wrap .need-help-slider .help-slider-arrow {
        display: none
    }
}

.need-help-wrap .help-tag__item {
    display: block;
    background: #fff;
    padding: 12px 20px;
    border: 0;
    font-size: 16px;
    line-height: 19px;
    color: #464566;
    box-shadow: 0px 5px 14px #eee7e2;
    -webkit-box-shadow: 0px 5px 14px #eee7e2;
    -moz-box-shadow: 0px 5px 14px #eee7e2;
    border-radius: 48px;
    -webkit-border-radius: 48px;
    -moz-border-radius: 48px;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out
}

@media(max-width: 767px) {
    .need-help-wrap .help-tag__item {
        font-size: 14px;
        line-height: 17px;
        padding: 8px 16px
    }
}

.need-help-wrap .help-tag__item:hover {
    background: #19263a;
    color: #fff
}

.need-help-wrap .help-tag__item--dark {
    box-shadow: none;
    background: #424e61;
    color: #fff
}

.need-help-wrap .help-tag__item--dark:hover {
    background: #fff;
    color: #232528;
    box-shadow: 0px 5px 14px #4d5868;
    -webkit-box-shadow: 0px 5px 14px #4d5868;
    -moz-box-shadow: 0px 5px 14px #4d5868
}

.need-help-wrap.need-help-wrap-light {
    background: #fff;
    border-bottom: 1px solid rgba(123, 124, 126, .3)
}

.need-help-wrap.need-help-wrap-light .help-tag__item {
    box-shadow: none;
    background: rgba(123, 124, 126, .1)
}

.need-help-wrap.need-help-wrap-light .help-tag__item:hover {
    background: #7b7c7e
}

.need-help-wrap.full-slider .need-help-slider {
    width: 100%
}

.home-recent-blog-wrap {
    padding: 70px 0
}

@media(max-width: 767px) {
    .home-recent-blog-wrap {
        padding: 48px 0
    }
}

.home-recent-blog-wrap .section-title {
    padding-bottom: 40px
}

@media(max-width: 767px) {
    .home-recent-blog-wrap .section-title {
        padding-bottom: 24px
    }
}

.static-img-block {
    background: #f9f5f2
}

.static-img-block.dark-block {
    background: #19263a
}

.static-img-block img {
    margin: 0 auto;
    display: block
}

@media(max-width: 767px) {
    .static-img-block img {
        width: 100%
    }
}

.home-designs-block-wrap {
    padding: 128px 0 117px
}

@media(max-width: 767px) {
    .home-designs-block-wrap {
        padding-top: 67px;
        padding-bottom: 34px
    }
}

.home-designs-block-wrap .container {
    display: flex;
    flex-wrap: wrap
}

.home-designs-block-wrap .collection-box {
    max-width: 100%
}

.home-designs-block-wrap .collection-box__img a:after {
    background: linear-gradient(0deg, #857565 21.43%, rgba(109, 88, 64, 0) 91.21%)
}

.home-designs-block-wrap .collection-box__title {
    font-weight: 500
}

.home-designs-block-wrap .design-block-left {
    width: 29.57%
}

@media(max-width: 991px) {
    .home-designs-block-wrap .design-block-left {
        width: 50%;
        padding-bottom: 24px
    }
}

@media(max-width: 767px) {
    .home-designs-block-wrap .design-block-left {
        width: 100%;
        padding-bottom: 0
    }
}

.home-designs-block-wrap .design-block-left .collection-box__img {
    padding-bottom: 130%
}

@media(max-width: 767px) {
    .home-designs-block-wrap .design-block-left .collection-box__img {
        padding-bottom: 63%
    }
}

.home-designs-block-wrap .design-block-left .collection-box__img:after {
    height: 179px
}

.home-designs-block-wrap .design-block-center {
    width: 34.54%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 24px
}

@media(max-width: 991px) {
    .home-designs-block-wrap .design-block-center {
        width: 50%
    }
}

@media(max-width: 767px) {
    .home-designs-block-wrap .design-block-center {
        width: 100%;
        padding: 48px 0 60px
    }
}

.home-designs-block-wrap .design-block-center .design-block-content {
    max-width: 240px;
    text-align: center
}

.home-designs-block-wrap .design-block-center .design-block-content h2 {
    margin-bottom: 18px;
    color: #19263a
}

@media(max-width: 767px) {
    .home-designs-block-wrap .design-block-center .design-block-content h2 {
        margin-bottom: 6px
    }
}

.home-designs-block-wrap .design-block-center .design-block-content p {
    font-size: 16px;
    line-height: 150%;
    color: rgba(25, 38, 58, .7);
    margin-bottom: 0
}

@media(max-width: 767px) {
    .home-designs-block-wrap .design-block-center .design-block-content p {
        font-size: 10px
    }
}

.home-designs-block-wrap .design-block-center .design-block-content .cta {
    padding-top: 33px
}

@media(max-width: 767px) {
    .home-designs-block-wrap .design-block-center .design-block-content .cta {
        padding-top: 28px
    }
}

.home-designs-block-wrap .design-block-right {
    width: 35.89%
}

@media(max-width: 991px) {
    .home-designs-block-wrap .design-block-right {
        width: 100%
    }
}

.home-designs-block-wrap .design-block-right>ul>li {
    margin-bottom: 24px
}

@media(max-width: 767px) {
    .home-designs-block-wrap .design-block-right>ul>li {
        margin-bottom: 20px
    }
}

@media(max-width: 767px) {
    .home-designs-block-wrap .design-block-right>ul>li .collection-box__img {
        padding-bottom: 63%
    }
}

.nearby-professionals-wrap {
    background: #19263a;
    padding: 82px 0
}

@media(max-width: 767px) {
    .nearby-professionals-wrap {
        padding-bottom: 59px;
        padding-top: 48px
    }
}

.nearby-professionals-wrap--light {
    background: #fff
}

@media(max-width: 767px) {
    .nearby-professionals-wrap .container {
        padding: 0
    }
}

.nearby-professionals-wrap .section-title {
    padding-bottom: 57px
}

@media(max-width: 767px) {
    .nearby-professionals-wrap .section-title {
        padding: 0 20px 32px
    }
}

.nearby-professionals-wrap .nearby-professionals-list {
    padding-bottom: 53px
}

@media(max-width: 991px) {
    .nearby-professionals-wrap .nearby-professionals-list {
        padding-bottom: 28px
    }
}

@media(max-width: 767px) {
    .nearby-professionals-wrap .nearby-professionals-list {
        overflow: auto;
        padding-bottom: 0;
        margin-bottom: 28px
    }
}

.nearby-professionals-wrap .nearby-professionals-list>ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 -16px
}

@media(max-width: 767px) {
    .nearby-professionals-wrap .nearby-professionals-list>ul {
        flex-wrap: nowrap;
        justify-content: flex-start;
        margin: 0 -8px;
        padding-left: 20px
    }
}

.nearby-professionals-wrap .nearby-professionals-list>ul li {
    padding: 0 16px 32px;
    width: 33.33%
}

@media(max-width: 991px) {
    .nearby-professionals-wrap .nearby-professionals-list>ul li {
        width: 50%
    }
}

@media(max-width: 767px) {
    .nearby-professionals-wrap .nearby-professionals-list>ul li {
        padding: 0 8px 20px;
        flex-shrink: 0;
        width: 301px
    }
}

.nearby-professionals-box {
    height: 100%
}

.nearby-professionals-box a {
    display: flex;
    height: 100%;
    padding: 16px 42px 21px 36px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px
}

@media(max-width: 1200px) {
    .nearby-professionals-box a {
        padding: 16px 20px
    }
}

.nearby-professionals-box__type {
    width: 100%;
    padding-top: 10px
}

.nearby-professionals-box__name {
    font-size: 22px;
    line-height: 26px;
    font-weight: 500;
    color: #173055;
    padding-bottom: 7px;
    text-transform: capitalize
}

@media(max-width: 1100px) {
    .nearby-professionals-box__name {
        font-size: 18px;
        line-height: 22px
    }
}

@media(max-width: 767px) {
    .nearby-professionals-box__name {
        font-size: 16px;
        line-height: 20px
    }
}

.nearby-professionals-box__professionals-no {
    color: rgba(123, 124, 126, .9);
    font-size: 16px;
    line-height: 19px
}

@media(max-width: 1100px) {
    .nearby-professionals-box__professionals-no {
        font-size: 14px;
        line-height: 16px
    }
}

@media(max-width: 767px) {
    .nearby-professionals-box__professionals-no {
        font-size: 12px;
        line-height: 16px
    }
}

.nearby-professionals-box__professionals-no span {
    font-weight: 700
}

.nearby-professionals-box__img {
    flex-shrink: 0;
    margin-left: 19px
}

.nearby-professionals-box__img img {
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out
}

@media(max-width: 767px) {
    .nearby-professionals-box__img {
        max-width: 100px;
        margin-left: 12px
    }
}

.nearby-professionals-box:hover .nearby-professionals-box__img img {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9)
}

.featured-video-wrap {
    padding: 110px 0 156px;
    background: #f9f5f2
}

@media(max-width: 767px) {
    .featured-video-wrap {
        padding-bottom: 235px;
        padding-top: 48px
    }
}

.featured-video-wrap .section-title {
    padding-bottom: 54px;
    color: #19263a
}

@media(max-width: 767px) {
    .featured-video-wrap .section-title {
        padding-bottom: 40px
    }
}

@media(max-width: 991px) {
    .featured-video-wrap .video-left-column {
        padding-bottom: 30px
    }
}

@media(max-width: 767px) {
    .featured-video-wrap .video-left-column {
        padding-bottom: 50px
    }
}

.featured-video-wrap .video-left-column .featured-video-box {
    max-width: 645px;
    margin: 0 auto;
    display: block;
}

@media(max-width: 767px) {
    .featured-video-wrap .video-left-column .featured-video-box {
        max-width: 100%
    }
}

.featured-video-wrap .cta {
    padding-top: 30px
}

@media(max-width: 991px) {
    .featured-video-wrap .featured-video-list {
        max-width: 645px;
        margin: 0 auto
    }
}

@media(max-width: 767px) {
    .featured-video-wrap .featured-video-list {
        max-width: 100%;
        margin: 0;
        padding: 0 4px 0 27px
    }
}

@media(max-width: 767px) {
    .featured-video-wrap .featured-video-list-column {
        padding: 0;
        margin: 0 0 0 -15px;
        width: calc(100% + 20px);
        max-width: calc(100% + 20px)
    }
}

.blog-cta-wrap {
    position: relative;
    padding-bottom: 46px
}

.blog-cta-wrap.relative-cta .blog-cta-box {
    margin-top: 0
}

.blog-cta-box {
    background: #152c58;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    margin-top: -88px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px
}

@media(max-width: 767px) {
    .blog-cta-box {
        margin-top: -178px;
        box-shadow: 0px 4px 20px rgba(22, 60, 118, .1);
        -webkit-box-shadow: 0px 4px 20px rgba(22, 60, 118, .1);
        -moz-box-shadow: 0px 4px 20px rgba(22, 60, 118, .1)
    }
}

.blog-cta-box.blog-cta-box--style2 {
    margin-top: -175px
}

.blog-cta-box--style2 .blog-cta-box__title {
    padding-bottom: 6px
}

.blog-cta-box--style2 .blog-cta-box__content p {
    font-size: 16px
}

@media(max-width: 767px) {
    .blog-cta-box--style2 .blog-cta-box__content p {
        font-size: 12px;
        line-height: 18px
    }
}

.blog-cta-box--style2 .blog-cta-box__content .cta {
    padding-top: 30px
}

@media(max-width: 767px) {
    .blog-cta-box--style2 .blog-cta-box__img {
        padding-bottom: 26px;
        padding-top: 36px
    }
}

.blog-cta-box__left {
    width: 50%;
    padding-left: 60px;
    display: flex;
    align-items: center
}

@media(max-width: 767px) {
    .blog-cta-box__left {
        width: 100%;
        padding: 45px 30px 20px
    }
}

.blog-cta-box__right {
    width: 50%
}

@media(max-width: 767px) {
    .blog-cta-box__right {
        width: 100%
    }
}

.blog-cta-box__img {
    width: 100%;
    height: 100%;
    text-align: right
}

@media(max-width: 767px) {
    .blog-cta-box__img {
        text-align: center
    }
}

.blog-cta-box__img img {
    border-radius: 0 8px 8px 0;
    -webkit-border-radius: 0 8px 8px 0;
    -moz-border-radius: 0 8px 8px 0;
    margin-left: auto
}

@media(max-width: 767px) {
    .blog-cta-box__img img {
        margin: 0 auto;
        width: 100%;
        border-radius: 0 0 8px 8px;
        -webkit-border-radius: 0 0 8px 8px;
        -moz-border-radius: 0 0 8px 8px
    }
}

.blog-cta-box__content p {
    font-size: 14px;
    line-height: 147%;
    color: hsla(0, 0%, 100%, .7);
    margin-bottom: 0
}

@media(max-width: 767px) {
    .blog-cta-box__content p {
        font-size: 12px
    }
}

.blog-cta-box__content .cta {
    padding-top: 35px
}

@media(max-width: 767px) {
    .blog-cta-box__content .cta {
        padding-top: 24px
    }
}

.blog-cta-box.blog-cta-box--style3 {
    padding: 75px 94px;
    justify-content: space-between;
    position: relative;
    flex-wrap: nowrap;
    align-items: center
}

@media(max-width: 767px) {
    .blog-cta-box.blog-cta-box--style3 {
        flex-wrap: wrap;
        padding: 30px 20px
    }
}

.blog-cta-box.blog-cta-box--style3 .cta {
    flex-shrink: 0
}

@media(max-width: 767px) {
    .blog-cta-box.blog-cta-box--style3 .cta {
        width: 100%;
        padding-top: 15px
    }
}

.blog-cta-box.blog-cta-box--style3::after {
    content: "";
    width: 148px;
    height: 184px;
    position: absolute;
    right: 0;
    bottom: 0;
    background: url(../../assets/images/logo-icon-bg.png) no-repeat
}

.blog-cta-box--style4 {
    padding: 65px 55px;
    justify-content: space-between;
    position: relative;
    flex-wrap: nowrap;
    align-items: center
}

@media(max-width: 767px) {
    .blog-cta-box--style4 {
        flex-wrap: wrap;
        padding: 30px 20px
    }
}

.blog-cta-box--style4 .cta {
    flex-shrink: 0
}

@media(max-width: 767px) {
    .blog-cta-box--style4 .cta {
        width: 100%;
        padding-top: 15px
    }
}

.blog-cta-box--style4 .cta p {
    font-size: 16px;
    line-height: 147%;
    color: hsla(0, 0%, 100%, .7);
    margin-bottom: 0;
    padding-top: 14px
}

.blog-cta-box--style4 .cta p a {
    color: hsla(0, 0%, 100%, .7)
}

@media(max-width: 767px) {
    .blog-cta-box--style4 .cta p {
        font-size: 12px
    }
}

.blog-cta-box--style7 {
    padding: 75px 94px;
    justify-content: space-between;
    position: relative;
    border-radius: 0;
    display: block;
    background-color: #19263a
}

.blog-cta-box--style7 .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 860px
}

@media(max-width: 767px) {
    .blog-cta-box--style7 .container {
        flex-wrap: wrap
    }
}

@media(max-width: 767px) {
    .blog-cta-box--style7 {
        padding: 30px 20px
    }
}

.blog-cta-box--style7 .blog-cta-box__title {
    max-width: 500px
}

.blog-cta-box--style7 .blog-cta-box__title .blog-cta-box__content {
    padding-top: 5px
}

.blog-cta-box--style7 .cta {
    flex-shrink: 0
}

@media(max-width: 767px) {
    .blog-cta-box--style7 .cta {
        width: 100%;
        padding-top: 15px
    }
}

.blog-cta-box--style7::after {
    content: "";
    width: 148px;
    height: 184px;
    position: absolute;
    right: 0;
    bottom: 0;
    background: url(../../assets/images/logo-icon-bg.png) no-repeat
}

.quick-links-wrap {
    padding-bottom: 76px
}

@media(max-width: 767px) {
    .quick-links-wrap {
        padding-bottom: 32px
    }
}

.quick-links-wrap .quick-links-icon-list ul li {
    padding-bottom: 24px
}

.quick-link-box {
    height: 100%;
    width: 100%;
    display: block;
    padding: 34px 10px;
    text-align: center;
    border: 1px solid #e1cab8;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out
}

@media(max-width: 767px) {
    .quick-link-box {
        padding: 29px 10px
    }
}

.quick-link-box:hover {
    background: rgba(231, 129, 37, .1)
}

.quick-link-box__icon {
    padding-bottom: 20px;
        text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media(max-width: 767px) {
    .quick-link-box__icon {
        padding-bottom: 12px
    }

    .quick-link-box__icon svg {
        width: 32px;
        height: 32px
    }
}

.quick-link-box__txt {
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    color: #232528
}

@media(max-width: 767px) {
    .quick-link-box__txt {
        font-size: 12px;
        line-height: 14px
    }
}

.subscribe-banner .subscribe-banner-box {
    background: #d0e9ee;
    padding: 62px 0
}

@media(max-width: 991px) {
    .subscribe-banner .subscribe-banner-box {
        padding: 40px 0
    }
}

.subscribe-banner .subscribe-banner-box h3 {
    font-size: 36px;
    color: #19263a;
    font-family: "DM Serif Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    padding-bottom: 2px
}

@media(max-width: 767px) {
    .subscribe-banner .subscribe-banner-box h3 {
        font-size: 18px;
        line-height: 24px
    }
}

.subscribe-banner .subscribe-banner-box p {
    font-size: 14px;
    line-height: 147%;
    color: #19263a;
    margin-bottom: 0
}

@media(max-width: 767px) {
    .subscribe-banner .subscribe-banner-box p {
        font-size: 10px;
        line-height: 14px
    }
}

.subscribe-banner--small {
    padding: 6px 0 26px
}

@media(max-width: 991px) {
    .subscribe-banner--small {
        padding: 0
    }
}

.subscribe-banner--small .subscribe-banner-box {
    padding: 21px 24px 21px 42px
}

@media(max-width: 991px) {
    .subscribe-banner--small .subscribe-banner-box {
        padding: 40px 20px
    }
}

.subscribe-banner--small .subscribe-banner-box {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    max-width: 990px;
    margin: 0 auto
}

.subscribe-banner--small .subscribe-banner-box h3 {
    font-size: 22px
}

@media(max-width: 767px) {
    .subscribe-banner--small .subscribe-banner-box h3 {
        font-size: 18px
    }
}

@media(max-width: 767px) {
    .subscribe-banner--small .subscribe-form {
        margin-top: 16px
    }
}

@media(min-width: 991px) {
    .subscribe-banner--small .subscribe-form .form-control {
        height: 44px
    }
}

.subscribe-banner--small .subscribe-form .subscribe-submit {
    right: 20px
}

.subscribe-banner--small .subscribe-form .subscribe-submit svg {
    margin-left: 6px;
    width: 11px;
    height: 10px
}

.subscribe-form {
    position: relative
}

@media(max-width: 991px) {
    .subscribe-form {
        margin-top: 24px
    }
}

.subscribe-form .form-control {
    height: 72px;
    border: 0;
    box-shadow: none;
    background: #fff;
    color: #232528;
    font-size: 16px;
    line-height: 19px;
    padding: 0 100px 0 21px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px
}

.subscribe-form .form-control::-webkit-input-placeholder {
    color: rgba(35, 37, 40, .5)
}

.subscribe-form .form-control:-moz-placeholder {
    color: rgba(35, 37, 40, .5)
}

.subscribe-form .form-control::-moz-placeholder {
    color: rgba(35, 37, 40, .5)
}

.subscribe-form .form-control:-ms-input-placeholder {
    color: rgba(35, 37, 40, .5)
}

.subscribe-form .form-control:focus {
    box-shadow: none
}

@media(max-width: 767px) {
    .subscribe-form .form-control {
        height: 56px;
        padding-left: 15px;
        font-size: 14px;
        line-height: 14px;
        padding-right: 90px
    }
}

.subscribe-form .subscribe-submit {
    position: absolute;
    right: 30px;
    top: 50%;
    margin-top: -20px;
    height: 40px;
    border: 0;
    display: flex;
    align-items: center;
    background: rgba(0, 0, 0, 0);
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    color: #e78125;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out
}

.subscribe-form .subscribe-submit svg {
    margin-left: 17px
}

.subscribe-form .subscribe-submit svg path {
    transition: all 0s ease-in-out;
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -ms-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out
}

.subscribe-form .subscribe-submit:hover {
    color: #19263a
}

@media(max-width: 767px) {
    .subscribe-form .subscribe-submit {
        font-size: 14px;
        line-height: 17px
    }

    .subscribe-form .subscribe-submit svg {
        margin-left: 7px;
        width: 13px;
        height: 12px
    }
}
.subscribe-form .gform_wrapper.gravity-theme .gfield_label{
    display: none;
}
.subscribe-form .gform_button{
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;

    color: #d07a2d !important;
    font-size: 34px;
    font-weight: 600;
    line-height: 1;

    padding: 0 35px 0 0 !important;
    cursor: pointer;

    background-image: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='%23d07a2d' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.64109 7.58992C2.74921 7.85088 2.74921 8.14912 2.64109 8.41008L0.0840946 14.5813C-0.262097 15.4168 0.522837 16.276 1.30302 15.9155L16.4347 8.92416C17.1884 8.57594 17.1884 7.42406 16.4347 7.07584L1.30302 0.0844521C0.522837 -0.27602 -0.262097 0.583171 0.0840943 1.41869L2.64109 7.58992Z'/%3E%3C/svg%3E") !important;

    background-repeat: no-repeat !important;
    background-position: right center !important;
    background-size: 17px 16px !important;

    transition: all 0.3s ease;
    position: absolute;
    right: 30px;
    top: 50%;
    margin-top: -20px;
    height: 40px;
    border: 0;
    display: flex;
    align-items: center;
    background: rgba(0, 0, 0, 0);
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    color: #e78125;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}
.subscribe-form .gform_button:hover{
    color: #19263a !important;

    background-image: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='%2319263a' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.64109 7.58992C2.74921 7.85088 2.74921 8.14912 2.64109 8.41008L0.0840946 14.5813C-0.262097 15.4168 0.522837 16.276 1.30302 15.9155L16.4347 8.92416C17.1884 8.57594 17.1884 7.42406 16.4347 7.07584L1.30302 0.0844521C0.522837 -0.27602 -0.262097 0.583171 0.0840943 1.41869L2.64109 7.58992Z'/%3E%3C/svg%3E") !important;
}
.subscribe-form .ginput_container.ginput_container_email input{
    height: 72px;
    border: 0;
    box-shadow: none;
    background: #fff;
    color: #232528;
    font-size: 16px;
    line-height: 19px;
    padding: 0 100px 0 21px !important;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    display: block;
    width: 100%;
    font-weight: 400;
}
.subscribe-form .gform_wrapper.gravity-theme .gform_footer, .subscribe-form .gform_wrapper.gravity-theme .gform_page_footer {
    margin: 0;
padding: 0;
}
.home .subscribe-banner .subscribe-banner-box{
    max-width: none;
}
.hindi-blog .container{
    max-width: 1282px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
        gap: 0 !important;
}