:root {
    --color-primary: #537fe7;
    --color-primary-3: #ff390e;
    --color-primary-m: #7817f2;
    --home-5-title-font: "Bebas Neue",sans-serif;
    --home-5-body-font: "DM Sans",sans-serif;
    --home-5-body-color: #ebebeb;
    --color-body: #5e5e5e;
    --dark-color-body: hsla(0,0%,100%,.8);
    --color-title-af-bf: #f9f9f9;
    --color-heading-1: #181823;
    --dark-color-heading-1: #fff;
    --bg-dark-one: #27272e;
    --bg-dark-two: #212121;
    --bg-dark-three: #0f0f1c;
    --background-color-dark: #181823;
    --color-white: #fff;
    --color-success: #3eb75e;
    --color-danger: #ff0003;
    --color-warning: #ff8f3c;
    --color-info: #1ba2db;
    --color-facebook: #3b5997;
    --color-twitter: #1ba1f2;
    --color-youtube: #ed4141;
    --color-linkedin: #0077b5;
    --color-pinterest: #e60022;
    --color-instagram: #c231a1;
    --color-vimeo: #00adef;
    --color-twitch: #6441a3;
    --color-discord: #7289da;
    --p-light: 300;
    --p-regular: 400;
    --p-medium: 500;
    --p-semi-bold: 600;
    --p-bold: 700;
    --p-extra-bold: 800;
    --p-black: 900;
    --s-light: 300;
    --s-regular: 400;
    --s-medium: 500;
    --s-semi-bold: 600;
    --s-bold: 700;
    --s-extra-bold: 800;
    --s-black: 900;
    --transition: 0.3s;
    --font-size-b1: 16px;
    --font-size-b2: 16px;
    --font-size-b3: 22px;
    --line-height-b1: 26px;
    --line-height-b2: 26px;
    --line-height-b3: 1.7;
    --h1: 66px;
    --h2: 40px;
    --h3: 36px;
    --h4: 30px;
    --h5: 26px;
    --h6: 22px
}

html {
    font-size: 10px;
    margin: 0;
    overflow: hidden;
    overflow-y: auto;
    padding: 0;
    scroll-behavior: auto!important
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: var(--color-body);
    font-family: Inter,sans-serif;
    font-size: var(--font-size-b1);
    font-weight: var(--p-regular);
    line-height: var(--line-height-b1);
    position: relative
}

@media only screen and (min-width: 992px)and (max-width:1199px) {
    body {
        overflow:hidden
    }
}

@media only screen and (min-width: 768px)and (max-width:991px) {
    body {
        overflow:hidden
    }
}

@media only screen and (max-width: 767px) {
    body {
        overflow:hidden
    }
}

body:before {
    content: "";
    height: 100%;
    left: 0;
    opacity: .05;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.h1,.h2,.h3,.h4,.h5,.h6,address,blockquote,h1,h2,h3,h4,h5,h6,hr,menu,ol,p,pre,table,ul {
    margin: 0 0 20px
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    color: var(--color-heading-1);
    font-family: Bona Nova,serif;
    line-height: 1.4074;
    word-break: break-word
}

.h1,h1 {
    font-size: var(--h1);
    font-weight: 700;
    line-height: 91px
}

.h2,h2 {
    font-size: var(--h2);
    line-height: 1.23
}

.h3,h3 {
    font-size: var(--h3);
    line-height: 54px
}

.h4,h4 {
    font-size: var(--h4);
    line-height: 1.25
}

.h5,h5 {
    font-size: var(--h5);
    line-height: 1.24
}

.h6,h6 {
    font-size: var(--h6);
    line-height: 1.25
}

.h1 a,.h2 a,.h3 a,.h4 a,.h5 a,.h6 a,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
    color: inherit
}

.bg-color-tertiary .h1,.bg-color-tertiary .h2,.bg-color-tertiary .h3,.bg-color-tertiary .h4,.bg-color-tertiary .h5,.bg-color-tertiary .h6,.bg-color-tertiary h1,.bg-color-tertiary h2,.bg-color-tertiary h3,.bg-color-tertiary h4,.bg-color-tertiary h5,.bg-color-tertiary h6 {
    color: #fff
}

.bg-color-tertiary a,.bg-color-tertiary p {
    color: #6c7279
}

@media only screen and (min-width: 768px)and (max-width:991px) {
    .h1,h1 {
        font-size:38px
    }

    .h2,h2 {
        font-size: 32px
    }

    .h3,h3 {
        font-size: 28px
    }

    .h4,h4 {
        font-size: 24px
    }

    .h5,h5 {
        font-size: 18px
    }
}

@media only screen and (max-width: 767px) {
    .h1,h1 {
        font-size:34px
    }

    .h2,h2 {
        font-size: 28px
    }

    .h3,h3 {
        font-size: 24px
    }

    .h4,.h5,h4,h5 {
        font-size: 20px
    }
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    font-weight: var(--s-bold)
}

p {
    color: var(--color-body);
    font-size: var(--font-size-b2);
    font-weight: var(--p-regular);
    line-height: var(--line-height-b2);
    margin: 0 0 40px
}

@media only screen and (max-width: 767px) {
    p {
        font-size:16px;
        line-height: 28px;
        margin: 0 0 20px
    }
}

p.has-large-font-size {
    font-size: 36px;
    line-height: 1.5
}

p.has-medium-font-size {
    font-size: 24px;
    line-height: 36px
}

p.has-small-font-size {
    font-size: 13px
}

p.has-very-light-gray-color {
    color: var(--color-white)
}

p.has-background {
    padding: 20px 30px
}

p.b1 {
    font-size: var(--font-size-b1);
    line-height: var(--line-height-b1)
}

p.b2 {
    font-size: var(--font-size-b2);
    line-height: var(--line-height-b2)
}

p.b3 {
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3)
}

p:last-child {
    margin-bottom: 0
}

.b1 {
    font-size: var(--font-size-b1);
    line-height: var(--line-height-b1)
}

.b2 {
    font-size: var(--font-size-b2);
    line-height: var(--line-height-b2)
}

.b3 {
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3)
}

.b4 {
    font-size: var(--font-size-b4);
    line-height: var(--line-height-b4)
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0 0 20px;
    width: 100%
}

table a,table a:link,table a:visited {
    text-decoration: none
}

.wp-block-pullquote cite,.wp-block-pullquote.is-style-solid-color blockquote cite,.wp-block-quote cite,cite {
    color: var(--color-heading)
}

var {
    font-family: Manrope,sans-serif
}

ol,ul {
    padding-left: 18px
}

ul {
    list-style: square;
    margin-bottom: 30px;
    padding-left: 20px
}

ul.liststyle.bullet li {
    color: var(--color-body);
    font-size: 18px;
    line-height: 30px;
    padding-left: 30px;
    position: relative
}

@media only screen and (max-width: 767px) {
    ul.liststyle.bullet li {
        padding-left:19px
    }
}

ul.liststyle.bullet li:before {
    background: var(--color-body);
    border-radius: 100%;
    content: "";
    height: 6px;
    left: 0;
    position: absolute;
    top: 10px;
    width: 6px
}

ul.liststyle.bullet li+li {
    margin-top: 8px
}

ul li {
    color: var(--color-body);
    font-size: var(--font-size-b1);
    line-height: var(--line-height-b1);
    margin-bottom: 10px;
    margin-top: 10px
}

ul li a {
    color: var(--color-gray);
    text-decoration: none
}

ul li a:hover {
    color: var(--color-primary)
}

ul ul {
    margin-bottom: 0
}

ol {
    margin-bottom: 30px
}

ol li {
    color: var(--color-body);
    font-size: var(--font-size-b1);
    line-height: var(--line-height-b1);
    margin-bottom: 10px;
    margin-top: 10px
}

ol li a {
    color: var(--color-heading);
    text-decoration: none
}

ol li a:hover {
    color: var(--color-primary)
}

ol ul {
    padding-left: 30px
}

.typo-title-area .title {
    margin-top: 0
}

.paragraph-area p.disc {
    color: #fff;
    margin-bottom: 20px
}

@media only screen and (max-width: 1199px) {
    h1 {
        font-size:64px
    }
}

@media only screen and (min-width: 992px)and (max-width:1199px) {
    h1 {
        font-size:54px
    }
}

@media only screen and (min-width: 768px)and (max-width:991px) {
    h1 {
        font-size:40px;
        line-height: 56px
    }
}

@media only screen and (max-width: 767px) {
    h1 {
        font-size:30px;
        line-height: 45px
    }
}

@media only screen and (max-width: 575px) {
    h1 {
        font-size:28px;
        line-height: 36px
    }
}

@media only screen and (max-width: 479px) {
    h1 {
        font-size:26px;
        line-height: 30px
    }
}

@media only screen and (max-width: 1199px) {
    h2 {
        font-size:54px
    }
}

@media only screen and (min-width: 992px)and (max-width:1199px) {
    h2 {
        font-size:44px
    }
}

@media only screen and (min-width: 768px)and (max-width:991px) {
    h2 {
        font-size:36px;
        line-height: 56px
    }
}

@media only screen and (max-width: 767px) {
    h2 {
        font-size:30px;
        line-height: 45px
    }
}

@media only screen and (max-width: 575px) {
    h2 {
        font-size:26px;
        line-height: 36px
    }
}

@media only screen and (max-width: 479px) {
    h2 {
        font-size:24px;
        line-height: 30px
    }
}

@media only screen and (max-width: 1199px) {
    h3 {
        font-size:40px
    }
}

@media only screen and (min-width: 992px)and (max-width:1199px) {
    h3 {
        font-size:36px
    }
}

@media only screen and (min-width: 768px)and (max-width:991px) {
    h3 {
        font-size:30px;
        line-height: 56px
    }
}

@media only screen and (max-width: 767px) {
    h3 {
        font-size:30px;
        line-height: 45px
    }
}

@media only screen and (max-width: 575px) {
    h3 {
        font-size:24px;
        line-height: 36px
    }
}

@media only screen and (max-width: 479px) {
    h3 {
        font-size:22px;
        line-height: 30px
    }
}

.slick-dotted.slick-slider {
    margin-bottom: 0
}

.mb_dec--25 {
    margin-bottom: -25px
}

.mb_dec--30 {
    margin-bottom: -30px
}

.m--0 {
    margin: 0
}

.rts-section-gap {
    padding: 150px 0
}

@media only screen and (min-width: 768px)and (max-width:991px) {
    .rts-section-gap {
        padding:80px 0
    }
}

@media only screen and (max-width: 767px) {
    .rts-section-gap {
        padding:60px 0
    }
}

.rts-section-gapBottom {
    padding-bottom: 150px
}

@media only screen and (min-width: 768px)and (max-width:991px) {
    .rts-section-gapBottom {
        padding-bottom:80px
    }
}

@media only screen and (max-width: 767px) {
    .rts-section-gapBottom {
        padding-bottom:60px
    }
}

.rts-section-gapTop {
    padding-top: 120px
}

@media only screen and (min-width: 768px)and (max-width:991px) {
    .rts-section-gapTop {
        padding-top:70px
    }
}

@media only screen and (max-width: 767px) {
    .rts-section-gapTop {
        padding-top:60px
    }
}

.rts-section-gap2 {
    padding: 120px 0
}

@media only screen and (min-width: 768px)and (max-width:991px) {
    .rts-section-gap2 {
        padding:80px 0
    }
}

@media only screen and (max-width: 767px) {
    .rts-section-gap2 {
        padding:60px 0
    }
}

.rts-section-gap2Bottom {
    padding-bottom: 120px
}

@media only screen and (min-width: 768px)and (max-width:991px) {
    .rts-section-gap2Bottom {
        padding-bottom:80px
    }
}

@media only screen and (max-width: 767px) {
    .rts-section-gap2Bottom {
        padding-bottom:60px
    }
}

.rts-section-gap2Top {
    padding-top: 120px
}

@media only screen and (min-width: 768px)and (max-width:991px) {
    .rts-section-gap2Top {
        padding-top:70px
    }
}

@media only screen and (max-width: 767px) {
    .rts-section-gap2Top {
        padding-top:60px
    }
}

.pl--0 {
    padding-left: 0!important
}

.pr--0 {
    padding-right: 0!important
}

.pt--0 {
    padding-top: 0!important
}

.pb--0 {
    padding-bottom: 0!important
}

.mr--0 {
    margin-right: 0!important
}

.ml--0 {
    margin-left: 0!important
}

.mt--0 {
    margin-top: 0!important
}

.mb--0 {
    margin-bottom: 0!important
}

.ptb--5 {
    padding: 5px 0!important
}

.plr--5 {
    padding: 0 5px!important
}

.pt--5 {
    padding-top: 5px!important
}

.pb--5 {
    padding-bottom: 5px!important
}

.pl--5 {
    padding-left: 5px!important
}

.pr--5 {
    padding-right: 5px!important
}

.mt--5 {
    margin-top: 5px!important
}

.mb--5 {
    margin-bottom: 5px!important
}

.mr--5 {
    margin-right: 5px!important
}

.ml--5 {
    margin-left: 5px!important
}

.ptb--10 {
    padding: 10px 0!important
}

.plr--10 {
    padding: 0 10px!important
}

.pt--10 {
    padding-top: 10px!important
}

.pb--10 {
    padding-bottom: 10px!important
}

.pl--10 {
    padding-left: 10px!important
}

.pr--10 {
    padding-right: 10px!important
}

.mt--10 {
    margin-top: 10px!important
}

.mb--10 {
    margin-bottom: 10px!important
}

.mr--10 {
    margin-right: 10px!important
}

.ml--10 {
    margin-left: 10px!important
}

.ptb--15 {
    padding: 15px 0!important
}

.plr--15 {
    padding: 0 15px!important
}

.pt--15 {
    padding-top: 15px!important
}

.pb--15 {
    padding-bottom: 15px!important
}

.pl--15 {
    padding-left: 15px!important
}

.pr--15 {
    padding-right: 15px!important
}

.mt--15 {
    margin-top: 15px!important
}

.mb--15 {
    margin-bottom: 15px!important
}

.mr--15 {
    margin-right: 15px!important
}

.ml--15 {
    margin-left: 15px!important
}

.ptb--20 {
    padding: 20px 0!important
}

.plr--20 {
    padding: 0 20px!important
}

.pt--20 {
    padding-top: 20px!important
}

.pb--20 {
    padding-bottom: 20px!important
}

.pl--20 {
    padding-left: 20px!important
}

.pr--20 {
    padding-right: 20px!important
}

.mt--20 {
    margin-top: 20px!important
}

.mb--20 {
    margin-bottom: 20px!important
}

.mr--20 {
    margin-right: 20px!important
}

.ml--20 {
    margin-left: 20px!important
}

.ptb--25 {
    padding: 25px 0!important
}

.plr--25 {
    padding: 0 25px!important
}

.pt--25 {
    padding-top: 25px!important
}

.pb--25 {
    padding-bottom: 25px!important
}

.pl--25 {
    padding-left: 25px!important
}

.pr--25 {
    padding-right: 25px!important
}

.mt--25 {
    margin-top: 25px!important
}

.mb--25 {
    margin-bottom: 25px!important
}

.mr--25 {
    margin-right: 25px!important
}

.ml--25 {
    margin-left: 25px!important
}

.ptb--30 {
    padding: 30px 0!important
}

.plr--30 {
    padding: 0 30px!important
}

.pt--30 {
    padding-top: 30px!important
}

.pb--30 {
    padding-bottom: 30px!important
}

.pl--30 {
    padding-left: 30px!important
}

.pr--30 {
    padding-right: 30px!important
}

.mt--30 {
    margin-top: 30px!important
}

.mb--30 {
    margin-bottom: 30px!important
}

.mr--30 {
    margin-right: 30px!important
}

.ml--30 {
    margin-left: 30px!important
}

.ptb--35 {
    padding: 35px 0!important
}

.plr--35 {
    padding: 0 35px!important
}

.pt--35 {
    padding-top: 35px!important
}

.pb--35 {
    padding-bottom: 35px!important
}

.pl--35 {
    padding-left: 35px!important
}

.pr--35 {
    padding-right: 35px!important
}

.mt--35 {
    margin-top: 35px!important
}

.mb--35 {
    margin-bottom: 35px!important
}

.mr--35 {
    margin-right: 35px!important
}

.ml--35 {
    margin-left: 35px!important
}

.ptb--40 {
    padding: 40px 0!important
}

.plr--40 {
    padding: 0 40px!important
}

.pt--40 {
    padding-top: 40px!important
}

.pb--40 {
    padding-bottom: 40px!important
}

.pl--40 {
    padding-left: 40px!important
}

.pr--40 {
    padding-right: 40px!important
}

.mt--40 {
    margin-top: 40px!important
}

.mb--40 {
    margin-bottom: 40px!important
}

.mr--40 {
    margin-right: 40px!important
}

.ml--40 {
    margin-left: 40px!important
}

.ptb--45 {
    padding: 45px 0!important
}

.plr--45 {
    padding: 0 45px!important
}

.pt--45 {
    padding-top: 45px!important
}

.pb--45 {
    padding-bottom: 45px!important
}

.pl--45 {
    padding-left: 45px!important
}

.pr--45 {
    padding-right: 45px!important
}

.mt--45 {
    margin-top: 45px!important
}

.mb--45 {
    margin-bottom: 45px!important
}

.mr--45 {
    margin-right: 45px!important
}

.ml--45 {
    margin-left: 45px!important
}

.ptb--50 {
    padding: 50px 0!important
}

.plr--50 {
    padding: 0 50px!important
}

.pt--50 {
    padding-top: 50px!important
}

.pb--50 {
    padding-bottom: 50px!important
}

.pl--50 {
    padding-left: 50px!important
}

.pr--50 {
    padding-right: 50px!important
}

.mt--50 {
    margin-top: 50px!important
}

.mb--50 {
    margin-bottom: 50px!important
}

.mr--50 {
    margin-right: 50px!important
}

.ml--50 {
    margin-left: 50px!important
}

.ptb--55 {
    padding: 55px 0!important
}

.plr--55 {
    padding: 0 55px!important
}

.pt--55 {
    padding-top: 55px!important
}

.pb--55 {
    padding-bottom: 55px!important
}

.pl--55 {
    padding-left: 55px!important
}

.pr--55 {
    padding-right: 55px!important
}

.mt--55 {
    margin-top: 55px!important
}

.mb--55 {
    margin-bottom: 55px!important
}

.mr--55 {
    margin-right: 55px!important
}

.ml--55 {
    margin-left: 55px!important
}

.ptb--60 {
    padding: 60px 0!important
}

.plr--60 {
    padding: 0 60px!important
}

.pt--60 {
    padding-top: 60px!important
}

.pb--60 {
    padding-bottom: 60px!important
}

.pl--60 {
    padding-left: 60px!important
}

.pr--60 {
    padding-right: 60px!important
}

.mt--60 {
    margin-top: 60px!important
}

.mb--60 {
    margin-bottom: 60px!important
}

.mr--60 {
    margin-right: 60px!important
}

.ml--60 {
    margin-left: 60px!important
}

.ptb--65 {
    padding: 65px 0!important
}

.plr--65 {
    padding: 0 65px!important
}

.pt--65 {
    padding-top: 65px!important
}

.pb--65 {
    padding-bottom: 65px!important
}

.pl--65 {
    padding-left: 65px!important
}

.pr--65 {
    padding-right: 65px!important
}

.mt--65 {
    margin-top: 65px!important
}

.mb--65 {
    margin-bottom: 65px!important
}

.mr--65 {
    margin-right: 65px!important
}

.ml--65 {
    margin-left: 65px!important
}

.ptb--70 {
    padding: 70px 0!important
}

.plr--70 {
    padding: 0 70px!important
}

.pt--70 {
    padding-top: 70px!important
}

.pb--70 {
    padding-bottom: 70px!important
}

.pl--70 {
    padding-left: 70px!important
}

.pr--70 {
    padding-right: 70px!important
}

.mt--70 {
    margin-top: 70px!important
}

.mb--70 {
    margin-bottom: 70px!important
}

.mr--70 {
    margin-right: 70px!important
}

.ml--70 {
    margin-left: 70px!important
}

.ptb--75 {
    padding: 75px 0!important
}

.plr--75 {
    padding: 0 75px!important
}

.pt--75 {
    padding-top: 75px!important
}

.pb--75 {
    padding-bottom: 75px!important
}

.pl--75 {
    padding-left: 75px!important
}

.pr--75 {
    padding-right: 75px!important
}

.mt--75 {
    margin-top: 75px!important
}

.mb--75 {
    margin-bottom: 75px!important
}

.mr--75 {
    margin-right: 75px!important
}

.ml--75 {
    margin-left: 75px!important
}

.ptb--80 {
    padding: 80px 0!important
}

.plr--80 {
    padding: 0 80px!important
}

.pt--80 {
    padding-top: 80px!important
}

.pb--80 {
    padding-bottom: 80px!important
}

.pl--80 {
    padding-left: 80px!important
}

.pr--80 {
    padding-right: 80px!important
}

.mt--80 {
    margin-top: 80px!important
}

.mb--80 {
    margin-bottom: 80px!important
}

.mr--80 {
    margin-right: 80px!important
}

.ml--80 {
    margin-left: 80px!important
}

.ptb--85 {
    padding: 85px 0!important
}

.plr--85 {
    padding: 0 85px!important
}

.pt--85 {
    padding-top: 85px!important
}

.pb--85 {
    padding-bottom: 85px!important
}

.pl--85 {
    padding-left: 85px!important
}

.pr--85 {
    padding-right: 85px!important
}

.mt--85 {
    margin-top: 85px!important
}

.mb--85 {
    margin-bottom: 85px!important
}

.mr--85 {
    margin-right: 85px!important
}

.ml--85 {
    margin-left: 85px!important
}

.ptb--90 {
    padding: 90px 0!important
}

.plr--90 {
    padding: 0 90px!important
}

.pt--90 {
    padding-top: 90px!important
}

.pb--90 {
    padding-bottom: 90px!important
}

.pl--90 {
    padding-left: 90px!important
}

.pr--90 {
    padding-right: 90px!important
}

.mt--90 {
    margin-top: 90px!important
}

.mb--90 {
    margin-bottom: 90px!important
}

.mr--90 {
    margin-right: 90px!important
}

.ml--90 {
    margin-left: 90px!important
}

.ptb--95 {
    padding: 95px 0!important
}

.plr--95 {
    padding: 0 95px!important
}

.pt--95 {
    padding-top: 95px!important
}

.pb--95 {
    padding-bottom: 95px!important
}

.pl--95 {
    padding-left: 95px!important
}

.pr--95 {
    padding-right: 95px!important
}

.mt--95 {
    margin-top: 95px!important
}

.mb--95 {
    margin-bottom: 95px!important
}

.mr--95 {
    margin-right: 95px!important
}

.ml--95 {
    margin-left: 95px!important
}

.ptb--100 {
    padding: 100px 0!important
}

.plr--100 {
    padding: 0 100px!important
}

.pt--100 {
    padding-top: 100px!important
}

.pb--100 {
    padding-bottom: 100px!important
}

.pl--100 {
    padding-left: 100px!important
}

.pr--100 {
    padding-right: 100px!important
}

.mt--100 {
    margin-top: 100px!important
}

.mb--100 {
    margin-bottom: 100px!important
}

.mr--100 {
    margin-right: 100px!important
}

.ml--100 {
    margin-left: 100px!important
}

.ptb--105 {
    padding: 105px 0!important
}

.plr--105 {
    padding: 0 105px!important
}

.pt--105 {
    padding-top: 105px!important
}

.pb--105 {
    padding-bottom: 105px!important
}

.pl--105 {
    padding-left: 105px!important
}

.pr--105 {
    padding-right: 105px!important
}

.mt--105 {
    margin-top: 105px!important
}

.mb--105 {
    margin-bottom: 105px!important
}

.mr--105 {
    margin-right: 105px!important
}

.ml--105 {
    margin-left: 105px!important
}

.ptb--110 {
    padding: 110px 0!important
}

.plr--110 {
    padding: 0 110px!important
}

.pt--110 {
    padding-top: 110px!important
}

.pb--110 {
    padding-bottom: 110px!important
}

.pl--110 {
    padding-left: 110px!important
}

.pr--110 {
    padding-right: 110px!important
}

.mt--110 {
    margin-top: 110px!important
}

.mb--110 {
    margin-bottom: 110px!important
}

.mr--110 {
    margin-right: 110px!important
}

.ml--110 {
    margin-left: 110px!important
}

.ptb--115 {
    padding: 115px 0!important
}

.plr--115 {
    padding: 0 115px!important
}

.pt--115 {
    padding-top: 115px!important
}

.pb--115 {
    padding-bottom: 115px!important
}

.pl--115 {
    padding-left: 115px!important
}

.pr--115 {
    padding-right: 115px!important
}

.mt--115 {
    margin-top: 115px!important
}

.mb--115 {
    margin-bottom: 115px!important
}

.mr--115 {
    margin-right: 115px!important
}

.ml--115 {
    margin-left: 115px!important
}

.ptb--120 {
    padding: 120px 0!important
}

.plr--120 {
    padding: 0 120px!important
}

.pt--120 {
    padding-top: 120px!important
}

.pb--120 {
    padding-bottom: 120px!important
}

.pl--120 {
    padding-left: 120px!important
}

.pr--120 {
    padding-right: 120px!important
}

.mt--120 {
    margin-top: 120px!important
}

.mb--120 {
    margin-bottom: 120px!important
}

.mr--120 {
    margin-right: 120px!important
}

.ml--120 {
    margin-left: 120px!important
}

.ptb--125 {
    padding: 125px 0!important
}

.plr--125 {
    padding: 0 125px!important
}

.pt--125 {
    padding-top: 125px!important
}

.pb--125 {
    padding-bottom: 125px!important
}

.pl--125 {
    padding-left: 125px!important
}

.pr--125 {
    padding-right: 125px!important
}

.mt--125 {
    margin-top: 125px!important
}

.mb--125 {
    margin-bottom: 125px!important
}

.mr--125 {
    margin-right: 125px!important
}

.ml--125 {
    margin-left: 125px!important
}

.ptb--130 {
    padding: 130px 0!important
}

.plr--130 {
    padding: 0 130px!important
}

.pt--130 {
    padding-top: 130px!important
}

.pb--130 {
    padding-bottom: 130px!important
}

.pl--130 {
    padding-left: 130px!important
}

.pr--130 {
    padding-right: 130px!important
}

.mt--130 {
    margin-top: 130px!important
}

.mb--130 {
    margin-bottom: 130px!important
}

.mr--130 {
    margin-right: 130px!important
}

.ml--130 {
    margin-left: 130px!important
}

.ptb--135 {
    padding: 135px 0!important
}

.plr--135 {
    padding: 0 135px!important
}

.pt--135 {
    padding-top: 135px!important
}

.pb--135 {
    padding-bottom: 135px!important
}

.pl--135 {
    padding-left: 135px!important
}

.pr--135 {
    padding-right: 135px!important
}

.mt--135 {
    margin-top: 135px!important
}

.mb--135 {
    margin-bottom: 135px!important
}

.mr--135 {
    margin-right: 135px!important
}

.ml--135 {
    margin-left: 135px!important
}

.ptb--140 {
    padding: 140px 0!important
}

.plr--140 {
    padding: 0 140px!important
}

.pt--140 {
    padding-top: 140px!important
}

.pb--140 {
    padding-bottom: 140px!important
}

.pl--140 {
    padding-left: 140px!important
}

.pr--140 {
    padding-right: 140px!important
}

.mt--140 {
    margin-top: 140px!important
}

.mb--140 {
    margin-bottom: 140px!important
}

.mr--140 {
    margin-right: 140px!important
}

.ml--140 {
    margin-left: 140px!important
}

.ptb--145 {
    padding: 145px 0!important
}

.plr--145 {
    padding: 0 145px!important
}

.pt--145 {
    padding-top: 145px!important
}

.pb--145 {
    padding-bottom: 145px!important
}

.pl--145 {
    padding-left: 145px!important
}

.pr--145 {
    padding-right: 145px!important
}

.mt--145 {
    margin-top: 145px!important
}

.mb--145 {
    margin-bottom: 145px!important
}

.mr--145 {
    margin-right: 145px!important
}

.ml--145 {
    margin-left: 145px!important
}

.ptb--150 {
    padding: 150px 0!important
}

.plr--150 {
    padding: 0 150px!important
}

.pt--150 {
    padding-top: 150px!important
}

.pb--150 {
    padding-bottom: 150px!important
}

.pl--150 {
    padding-left: 150px!important
}

.pr--150 {
    padding-right: 150px!important
}

.mt--150 {
    margin-top: 150px!important
}

.mb--150 {
    margin-bottom: 150px!important
}

.mr--150 {
    margin-right: 150px!important
}

.ml--150 {
    margin-left: 150px!important
}

.ptb--155 {
    padding: 155px 0!important
}

.plr--155 {
    padding: 0 155px!important
}

.pt--155 {
    padding-top: 155px!important
}

.pb--155 {
    padding-bottom: 155px!important
}

.pl--155 {
    padding-left: 155px!important
}

.pr--155 {
    padding-right: 155px!important
}

.mt--155 {
    margin-top: 155px!important
}

.mb--155 {
    margin-bottom: 155px!important
}

.mr--155 {
    margin-right: 155px!important
}

.ml--155 {
    margin-left: 155px!important
}

.ptb--160 {
    padding: 160px 0!important
}

.plr--160 {
    padding: 0 160px!important
}

.pt--160 {
    padding-top: 160px!important
}

.pb--160 {
    padding-bottom: 160px!important
}

.pl--160 {
    padding-left: 160px!important
}

.pr--160 {
    padding-right: 160px!important
}

.mt--160 {
    margin-top: 160px!important
}

.mb--160 {
    margin-bottom: 160px!important
}

.mr--160 {
    margin-right: 160px!important
}

.ml--160 {
    margin-left: 160px!important
}

.ptb--165 {
    padding: 165px 0!important
}

.plr--165 {
    padding: 0 165px!important
}

.pt--165 {
    padding-top: 165px!important
}

.pb--165 {
    padding-bottom: 165px!important
}

.pl--165 {
    padding-left: 165px!important
}

.pr--165 {
    padding-right: 165px!important
}

.mt--165 {
    margin-top: 165px!important
}

.mb--165 {
    margin-bottom: 165px!important
}

.mr--165 {
    margin-right: 165px!important
}

.ml--165 {
    margin-left: 165px!important
}

.ptb--170 {
    padding: 170px 0!important
}

.plr--170 {
    padding: 0 170px!important
}

.pt--170 {
    padding-top: 170px!important
}

.pb--170 {
    padding-bottom: 170px!important
}

.pl--170 {
    padding-left: 170px!important
}

.pr--170 {
    padding-right: 170px!important
}

.mt--170 {
    margin-top: 170px!important
}

.mb--170 {
    margin-bottom: 170px!important
}

.mr--170 {
    margin-right: 170px!important
}

.ml--170 {
    margin-left: 170px!important
}

.ptb--175 {
    padding: 175px 0!important
}

.plr--175 {
    padding: 0 175px!important
}

.pt--175 {
    padding-top: 175px!important
}

.pb--175 {
    padding-bottom: 175px!important
}

.pl--175 {
    padding-left: 175px!important
}

.pr--175 {
    padding-right: 175px!important
}

.mt--175 {
    margin-top: 175px!important
}

.mb--175 {
    margin-bottom: 175px!important
}

.mr--175 {
    margin-right: 175px!important
}

.ml--175 {
    margin-left: 175px!important
}

.ptb--180 {
    padding: 180px 0!important
}

.plr--180 {
    padding: 0 180px!important
}

.pt--180 {
    padding-top: 180px!important
}

.pb--180 {
    padding-bottom: 180px!important
}

.pl--180 {
    padding-left: 180px!important
}

.pr--180 {
    padding-right: 180px!important
}

.mt--180 {
    margin-top: 180px!important
}

.mb--180 {
    margin-bottom: 180px!important
}

.mr--180 {
    margin-right: 180px!important
}

.ml--180 {
    margin-left: 180px!important
}

.ptb--185 {
    padding: 185px 0!important
}

.plr--185 {
    padding: 0 185px!important
}

.pt--185 {
    padding-top: 185px!important
}

.pb--185 {
    padding-bottom: 185px!important
}

.pl--185 {
    padding-left: 185px!important
}

.pr--185 {
    padding-right: 185px!important
}

.mt--185 {
    margin-top: 185px!important
}

.mb--185 {
    margin-bottom: 185px!important
}

.mr--185 {
    margin-right: 185px!important
}

.ml--185 {
    margin-left: 185px!important
}

.ptb--190 {
    padding: 190px 0!important
}

.plr--190 {
    padding: 0 190px!important
}

.pt--190 {
    padding-top: 190px!important
}

.pb--190 {
    padding-bottom: 190px!important
}

.pl--190 {
    padding-left: 190px!important
}

.pr--190 {
    padding-right: 190px!important
}

.mt--190 {
    margin-top: 190px!important
}

.mb--190 {
    margin-bottom: 190px!important
}

.mr--190 {
    margin-right: 190px!important
}

.ml--190 {
    margin-left: 190px!important
}

.ptb--195 {
    padding: 195px 0!important
}

.plr--195 {
    padding: 0 195px!important
}

.pt--195 {
    padding-top: 195px!important
}

.pb--195 {
    padding-bottom: 195px!important
}

.pl--195 {
    padding-left: 195px!important
}

.pr--195 {
    padding-right: 195px!important
}

.mt--195 {
    margin-top: 195px!important
}

.mb--195 {
    margin-bottom: 195px!important
}

.mr--195 {
    margin-right: 195px!important
}

.ml--195 {
    margin-left: 195px!important
}

.ptb--200 {
    padding: 200px 0!important
}

.plr--200 {
    padding: 0 200px!important
}

.pt--200 {
    padding-top: 200px!important
}

.pb--200 {
    padding-bottom: 200px!important
}

.pl--200 {
    padding-left: 200px!important
}

.pr--200 {
    padding-right: 200px!important
}

.mt--200 {
    margin-top: 200px!important
}

.mb--200 {
    margin-bottom: 200px!important
}

.mr--200 {
    margin-right: 200px!important
}

.ml--200 {
    margin-left: 200px!important
}

@media only screen and (min-width: 1200px)and (max-width:1599px) {
    .ptb_lp--5 {
        padding:5px 0
    }

    .plr_lp--5 {
        padding: 0 5px
    }

    .pt_lp--5 {
        padding-top: 5px
    }

    .pb_lp--5 {
        padding-bottom: 5px
    }

    .pl_lp--5 {
        padding-left: 5px
    }

    .pr_lp--5 {
        padding-right: 5px
    }

    .mt_lp--5 {
        margin-top: 5px
    }

    .mb_lp--5 {
        margin-bottom: 5px
    }

    .ptb_lp--10 {
        padding: 10px 0
    }

    .plr_lp--10 {
        padding: 0 10px
    }

    .pt_lp--10 {
        padding-top: 10px
    }

    .pb_lp--10 {
        padding-bottom: 10px
    }

    .pl_lp--10 {
        padding-left: 10px
    }

    .pr_lp--10 {
        padding-right: 10px
    }

    .mt_lp--10 {
        margin-top: 10px
    }

    .mb_lp--10 {
        margin-bottom: 10px
    }

    .ptb_lp--15 {
        padding: 15px 0
    }

    .plr_lp--15 {
        padding: 0 15px
    }

    .pt_lp--15 {
        padding-top: 15px
    }

    .pb_lp--15 {
        padding-bottom: 15px
    }

    .pl_lp--15 {
        padding-left: 15px
    }

    .pr_lp--15 {
        padding-right: 15px
    }

    .mt_lp--15 {
        margin-top: 15px
    }

    .mb_lp--15 {
        margin-bottom: 15px
    }

    .ptb_lp--20 {
        padding: 20px 0
    }

    .plr_lp--20 {
        padding: 0 20px
    }

    .pt_lp--20 {
        padding-top: 20px
    }

    .pb_lp--20 {
        padding-bottom: 20px
    }

    .pl_lp--20 {
        padding-left: 20px
    }

    .pr_lp--20 {
        padding-right: 20px
    }

    .mt_lp--20 {
        margin-top: 20px
    }

    .mb_lp--20 {
        margin-bottom: 20px
    }

    .ptb_lp--25 {
        padding: 25px 0
    }

    .plr_lp--25 {
        padding: 0 25px
    }

    .pt_lp--25 {
        padding-top: 25px
    }

    .pb_lp--25 {
        padding-bottom: 25px
    }

    .pl_lp--25 {
        padding-left: 25px
    }

    .pr_lp--25 {
        padding-right: 25px
    }

    .mt_lp--25 {
        margin-top: 25px
    }

    .mb_lp--25 {
        margin-bottom: 25px
    }

    .ptb_lp--30 {
        padding: 30px 0
    }

    .plr_lp--30 {
        padding: 0 30px
    }

    .pt_lp--30 {
        padding-top: 30px
    }

    .pb_lp--30 {
        padding-bottom: 30px
    }

    .pl_lp--30 {
        padding-left: 30px
    }

    .pr_lp--30 {
        padding-right: 30px
    }

    .mt_lp--30 {
        margin-top: 30px
    }

    .mb_lp--30 {
        margin-bottom: 30px
    }

    .ptb_lp--35 {
        padding: 35px 0
    }

    .plr_lp--35 {
        padding: 0 35px
    }

    .pt_lp--35 {
        padding-top: 35px
    }

    .pb_lp--35 {
        padding-bottom: 35px
    }

    .pl_lp--35 {
        padding-left: 35px
    }

    .pr_lp--35 {
        padding-right: 35px
    }

    .mt_lp--35 {
        margin-top: 35px
    }

    .mb_lp--35 {
        margin-bottom: 35px
    }

    .ptb_lp--40 {
        padding: 40px 0
    }

    .plr_lp--40 {
        padding: 0 40px
    }

    .pt_lp--40 {
        padding-top: 40px
    }

    .pb_lp--40 {
        padding-bottom: 40px
    }

    .pl_lp--40 {
        padding-left: 40px
    }

    .pr_lp--40 {
        padding-right: 40px
    }

    .mt_lp--40 {
        margin-top: 40px
    }

    .mb_lp--40 {
        margin-bottom: 40px
    }

    .ptb_lp--45 {
        padding: 45px 0
    }

    .plr_lp--45 {
        padding: 0 45px
    }

    .pt_lp--45 {
        padding-top: 45px
    }

    .pb_lp--45 {
        padding-bottom: 45px
    }

    .pl_lp--45 {
        padding-left: 45px
    }

    .pr_lp--45 {
        padding-right: 45px
    }

    .mt_lp--45 {
        margin-top: 45px
    }

    .mb_lp--45 {
        margin-bottom: 45px
    }

    .ptb_lp--50 {
        padding: 50px 0
    }

    .plr_lp--50 {
        padding: 0 50px
    }

    .pt_lp--50 {
        padding-top: 50px
    }

    .pb_lp--50 {
        padding-bottom: 50px
    }

    .pl_lp--50 {
        padding-left: 50px
    }

    .pr_lp--50 {
        padding-right: 50px
    }

    .mt_lp--50 {
        margin-top: 50px
    }

    .mb_lp--50 {
        margin-bottom: 50px
    }

    .ptb_lp--55 {
        padding: 55px 0
    }

    .plr_lp--55 {
        padding: 0 55px
    }

    .pt_lp--55 {
        padding-top: 55px
    }

    .pb_lp--55 {
        padding-bottom: 55px
    }

    .pl_lp--55 {
        padding-left: 55px
    }

    .pr_lp--55 {
        padding-right: 55px
    }

    .mt_lp--55 {
        margin-top: 55px
    }

    .mb_lp--55 {
        margin-bottom: 55px
    }

    .ptb_lp--60 {
        padding: 60px 0
    }

    .plr_lp--60 {
        padding: 0 60px
    }

    .pt_lp--60 {
        padding-top: 60px
    }

    .pb_lp--60 {
        padding-bottom: 60px
    }

    .pl_lp--60 {
        padding-left: 60px
    }

    .pr_lp--60 {
        padding-right: 60px
    }

    .mt_lp--60 {
        margin-top: 60px
    }

    .mb_lp--60 {
        margin-bottom: 60px
    }

    .ptb_lp--65 {
        padding: 65px 0
    }

    .plr_lp--65 {
        padding: 0 65px
    }

    .pt_lp--65 {
        padding-top: 65px
    }

    .pb_lp--65 {
        padding-bottom: 65px
    }

    .pl_lp--65 {
        padding-left: 65px
    }

    .pr_lp--65 {
        padding-right: 65px
    }

    .mt_lp--65 {
        margin-top: 65px
    }

    .mb_lp--65 {
        margin-bottom: 65px
    }

    .ptb_lp--70 {
        padding: 70px 0
    }

    .plr_lp--70 {
        padding: 0 70px
    }

    .pt_lp--70 {
        padding-top: 70px
    }

    .pb_lp--70 {
        padding-bottom: 70px
    }

    .pl_lp--70 {
        padding-left: 70px
    }

    .pr_lp--70 {
        padding-right: 70px
    }

    .mt_lp--70 {
        margin-top: 70px
    }

    .mb_lp--70 {
        margin-bottom: 70px
    }

    .ptb_lp--75 {
        padding: 75px 0
    }

    .plr_lp--75 {
        padding: 0 75px
    }

    .pt_lp--75 {
        padding-top: 75px
    }

    .pb_lp--75 {
        padding-bottom: 75px
    }

    .pl_lp--75 {
        padding-left: 75px
    }

    .pr_lp--75 {
        padding-right: 75px
    }

    .mt_lp--75 {
        margin-top: 75px
    }

    .mb_lp--75 {
        margin-bottom: 75px
    }

    .ptb_lp--80 {
        padding: 80px 0
    }

    .plr_lp--80 {
        padding: 0 80px
    }

    .pt_lp--80 {
        padding-top: 80px
    }

    .pb_lp--80 {
        padding-bottom: 80px
    }

    .pl_lp--80 {
        padding-left: 80px
    }

    .pr_lp--80 {
        padding-right: 80px
    }

    .mt_lp--80 {
        margin-top: 80px
    }

    .mb_lp--80 {
        margin-bottom: 80px
    }

    .ptb_lp--85 {
        padding: 85px 0
    }

    .plr_lp--85 {
        padding: 0 85px
    }

    .pt_lp--85 {
        padding-top: 85px
    }

    .pb_lp--85 {
        padding-bottom: 85px
    }

    .pl_lp--85 {
        padding-left: 85px
    }

    .pr_lp--85 {
        padding-right: 85px
    }

    .mt_lp--85 {
        margin-top: 85px
    }

    .mb_lp--85 {
        margin-bottom: 85px
    }

    .ptb_lp--90 {
        padding: 90px 0
    }

    .plr_lp--90 {
        padding: 0 90px
    }

    .pt_lp--90 {
        padding-top: 90px
    }

    .pb_lp--90 {
        padding-bottom: 90px
    }

    .pl_lp--90 {
        padding-left: 90px
    }

    .pr_lp--90 {
        padding-right: 90px
    }

    .mt_lp--90 {
        margin-top: 90px
    }

    .mb_lp--90 {
        margin-bottom: 90px
    }

    .ptb_lp--95 {
        padding: 95px 0
    }

    .plr_lp--95 {
        padding: 0 95px
    }

    .pt_lp--95 {
        padding-top: 95px
    }

    .pb_lp--95 {
        padding-bottom: 95px
    }

    .pl_lp--95 {
        padding-left: 95px
    }

    .pr_lp--95 {
        padding-right: 95px
    }

    .mt_lp--95 {
        margin-top: 95px
    }

    .mb_lp--95 {
        margin-bottom: 95px
    }

    .ptb_lp--100 {
        padding: 100px 0
    }

    .plr_lp--100 {
        padding: 0 100px
    }

    .pt_lp--100 {
        padding-top: 100px
    }

    .pb_lp--100 {
        padding-bottom: 100px
    }

    .pl_lp--100 {
        padding-left: 100px
    }

    .pr_lp--100 {
        padding-right: 100px
    }

    .mt_lp--100 {
        margin-top: 100px
    }

    .mb_lp--100 {
        margin-bottom: 100px
    }

    .ptb_lp--105 {
        padding: 105px 0
    }

    .plr_lp--105 {
        padding: 0 105px
    }

    .pt_lp--105 {
        padding-top: 105px
    }

    .pb_lp--105 {
        padding-bottom: 105px
    }

    .pl_lp--105 {
        padding-left: 105px
    }

    .pr_lp--105 {
        padding-right: 105px
    }

    .mt_lp--105 {
        margin-top: 105px
    }

    .mb_lp--105 {
        margin-bottom: 105px
    }

    .ptb_lp--110 {
        padding: 110px 0
    }

    .plr_lp--110 {
        padding: 0 110px
    }

    .pt_lp--110 {
        padding-top: 110px
    }

    .pb_lp--110 {
        padding-bottom: 110px
    }

    .pl_lp--110 {
        padding-left: 110px
    }

    .pr_lp--110 {
        padding-right: 110px
    }

    .mt_lp--110 {
        margin-top: 110px
    }

    .mb_lp--110 {
        margin-bottom: 110px
    }

    .ptb_lp--115 {
        padding: 115px 0
    }

    .plr_lp--115 {
        padding: 0 115px
    }

    .pt_lp--115 {
        padding-top: 115px
    }

    .pb_lp--115 {
        padding-bottom: 115px
    }

    .pl_lp--115 {
        padding-left: 115px
    }

    .pr_lp--115 {
        padding-right: 115px
    }

    .mt_lp--115 {
        margin-top: 115px
    }

    .mb_lp--115 {
        margin-bottom: 115px
    }

    .ptb_lp--120 {
        padding: 120px 0
    }

    .plr_lp--120 {
        padding: 0 120px
    }

    .pt_lp--120 {
        padding-top: 120px
    }

    .pb_lp--120 {
        padding-bottom: 120px
    }

    .pl_lp--120 {
        padding-left: 120px
    }

    .pr_lp--120 {
        padding-right: 120px
    }

    .mt_lp--120 {
        margin-top: 120px
    }

    .mb_lp--120 {
        margin-bottom: 120px
    }

    .ptb_lp--125 {
        padding: 125px 0
    }

    .plr_lp--125 {
        padding: 0 125px
    }

    .pt_lp--125 {
        padding-top: 125px
    }

    .pb_lp--125 {
        padding-bottom: 125px
    }

    .pl_lp--125 {
        padding-left: 125px
    }

    .pr_lp--125 {
        padding-right: 125px
    }

    .mt_lp--125 {
        margin-top: 125px
    }

    .mb_lp--125 {
        margin-bottom: 125px
    }

    .ptb_lp--130 {
        padding: 130px 0
    }

    .plr_lp--130 {
        padding: 0 130px
    }

    .pt_lp--130 {
        padding-top: 130px
    }

    .pb_lp--130 {
        padding-bottom: 130px
    }

    .pl_lp--130 {
        padding-left: 130px
    }

    .pr_lp--130 {
        padding-right: 130px
    }

    .mt_lp--130 {
        margin-top: 130px
    }

    .mb_lp--130 {
        margin-bottom: 130px
    }

    .ptb_lp--135 {
        padding: 135px 0
    }

    .plr_lp--135 {
        padding: 0 135px
    }

    .pt_lp--135 {
        padding-top: 135px
    }

    .pb_lp--135 {
        padding-bottom: 135px
    }

    .pl_lp--135 {
        padding-left: 135px
    }

    .pr_lp--135 {
        padding-right: 135px
    }

    .mt_lp--135 {
        margin-top: 135px
    }

    .mb_lp--135 {
        margin-bottom: 135px
    }

    .ptb_lp--140 {
        padding: 140px 0
    }

    .plr_lp--140 {
        padding: 0 140px
    }

    .pt_lp--140 {
        padding-top: 140px
    }

    .pb_lp--140 {
        padding-bottom: 140px
    }

    .pl_lp--140 {
        padding-left: 140px
    }

    .pr_lp--140 {
        padding-right: 140px
    }

    .mt_lp--140 {
        margin-top: 140px
    }

    .mb_lp--140 {
        margin-bottom: 140px
    }

    .ptb_lp--145 {
        padding: 145px 0
    }

    .plr_lp--145 {
        padding: 0 145px
    }

    .pt_lp--145 {
        padding-top: 145px
    }

    .pb_lp--145 {
        padding-bottom: 145px
    }

    .pl_lp--145 {
        padding-left: 145px
    }

    .pr_lp--145 {
        padding-right: 145px
    }

    .mt_lp--145 {
        margin-top: 145px
    }

    .mb_lp--145 {
        margin-bottom: 145px
    }

    .ptb_lp--150 {
        padding: 150px 0
    }

    .plr_lp--150 {
        padding: 0 150px
    }

    .pt_lp--150 {
        padding-top: 150px
    }

    .pb_lp--150 {
        padding-bottom: 150px
    }

    .pl_lp--150 {
        padding-left: 150px
    }

    .pr_lp--150 {
        padding-right: 150px
    }

    .mt_lp--150 {
        margin-top: 150px
    }

    .mb_lp--150 {
        margin-bottom: 150px
    }

    .ptb_lp--155 {
        padding: 155px 0
    }

    .plr_lp--155 {
        padding: 0 155px
    }

    .pt_lp--155 {
        padding-top: 155px
    }

    .pb_lp--155 {
        padding-bottom: 155px
    }

    .pl_lp--155 {
        padding-left: 155px
    }

    .pr_lp--155 {
        padding-right: 155px
    }

    .mt_lp--155 {
        margin-top: 155px
    }

    .mb_lp--155 {
        margin-bottom: 155px
    }

    .ptb_lp--160 {
        padding: 160px 0
    }

    .plr_lp--160 {
        padding: 0 160px
    }

    .pt_lp--160 {
        padding-top: 160px
    }

    .pb_lp--160 {
        padding-bottom: 160px
    }

    .pl_lp--160 {
        padding-left: 160px
    }

    .pr_lp--160 {
        padding-right: 160px
    }

    .mt_lp--160 {
        margin-top: 160px
    }

    .mb_lp--160 {
        margin-bottom: 160px
    }

    .ptb_lp--165 {
        padding: 165px 0
    }

    .plr_lp--165 {
        padding: 0 165px
    }

    .pt_lp--165 {
        padding-top: 165px
    }

    .pb_lp--165 {
        padding-bottom: 165px
    }

    .pl_lp--165 {
        padding-left: 165px
    }

    .pr_lp--165 {
        padding-right: 165px
    }

    .mt_lp--165 {
        margin-top: 165px
    }

    .mb_lp--165 {
        margin-bottom: 165px
    }

    .ptb_lp--170 {
        padding: 170px 0
    }

    .plr_lp--170 {
        padding: 0 170px
    }

    .pt_lp--170 {
        padding-top: 170px
    }

    .pb_lp--170 {
        padding-bottom: 170px
    }

    .pl_lp--170 {
        padding-left: 170px
    }

    .pr_lp--170 {
        padding-right: 170px
    }

    .mt_lp--170 {
        margin-top: 170px
    }

    .mb_lp--170 {
        margin-bottom: 170px
    }

    .ptb_lp--175 {
        padding: 175px 0
    }

    .plr_lp--175 {
        padding: 0 175px
    }

    .pt_lp--175 {
        padding-top: 175px
    }

    .pb_lp--175 {
        padding-bottom: 175px
    }

    .pl_lp--175 {
        padding-left: 175px
    }

    .pr_lp--175 {
        padding-right: 175px
    }

    .mt_lp--175 {
        margin-top: 175px
    }

    .mb_lp--175 {
        margin-bottom: 175px
    }

    .ptb_lp--180 {
        padding: 180px 0
    }

    .plr_lp--180 {
        padding: 0 180px
    }

    .pt_lp--180 {
        padding-top: 180px
    }

    .pb_lp--180 {
        padding-bottom: 180px
    }

    .pl_lp--180 {
        padding-left: 180px
    }

    .pr_lp--180 {
        padding-right: 180px
    }

    .mt_lp--180 {
        margin-top: 180px
    }

    .mb_lp--180 {
        margin-bottom: 180px
    }

    .ptb_lp--185 {
        padding: 185px 0
    }

    .plr_lp--185 {
        padding: 0 185px
    }

    .pt_lp--185 {
        padding-top: 185px
    }

    .pb_lp--185 {
        padding-bottom: 185px
    }

    .pl_lp--185 {
        padding-left: 185px
    }

    .pr_lp--185 {
        padding-right: 185px
    }

    .mt_lp--185 {
        margin-top: 185px
    }

    .mb_lp--185 {
        margin-bottom: 185px
    }

    .ptb_lp--190 {
        padding: 190px 0
    }

    .plr_lp--190 {
        padding: 0 190px
    }

    .pt_lp--190 {
        padding-top: 190px
    }

    .pb_lp--190 {
        padding-bottom: 190px
    }

    .pl_lp--190 {
        padding-left: 190px
    }

    .pr_lp--190 {
        padding-right: 190px
    }

    .mt_lp--190 {
        margin-top: 190px
    }

    .mb_lp--190 {
        margin-bottom: 190px
    }

    .ptb_lp--195 {
        padding: 195px 0
    }

    .plr_lp--195 {
        padding: 0 195px
    }

    .pt_lp--195 {
        padding-top: 195px
    }

    .pb_lp--195 {
        padding-bottom: 195px
    }

    .pl_lp--195 {
        padding-left: 195px
    }

    .pr_lp--195 {
        padding-right: 195px
    }

    .mt_lp--195 {
        margin-top: 195px
    }

    .mb_lp--195 {
        margin-bottom: 195px
    }

    .ptb_lp--200 {
        padding: 200px 0
    }

    .plr_lp--200 {
        padding: 0 200px
    }

    .pt_lp--200 {
        padding-top: 200px
    }

    .pb_lp--200 {
        padding-bottom: 200px
    }

    .pl_lp--200 {
        padding-left: 200px
    }

    .pr_lp--200 {
        padding-right: 200px
    }

    .mt_lp--200 {
        margin-top: 200px
    }

    .mb_lp--200 {
        margin-bottom: 200px
    }
}

@media only screen and (min-width: 992px)and (max-width:1199px) {
    .ptb_lg--5 {
        padding:5px 0!important
    }

    .plr_lg--5 {
        padding: 0 5px!important
    }

    .pt_lg--5 {
        padding-top: 5px!important
    }

    .pb_lg--5 {
        padding-bottom: 5px!important
    }

    .pl_lg--5 {
        padding-left: 5px!important
    }

    .pr_lg--5 {
        padding-right: 5px!important
    }

    .mt_lg--5 {
        margin-top: 5px!important
    }

    .mb_lg--5 {
        margin-bottom: 5px!important
    }

    .ml_lg--5 {
        margin-left: 5px!important
    }

    .ptb_lg--10 {
        padding: 10px 0!important
    }

    .plr_lg--10 {
        padding: 0 10px!important
    }

    .pt_lg--10 {
        padding-top: 10px!important
    }

    .pb_lg--10 {
        padding-bottom: 10px!important
    }

    .pl_lg--10 {
        padding-left: 10px!important
    }

    .pr_lg--10 {
        padding-right: 10px!important
    }

    .mt_lg--10 {
        margin-top: 10px!important
    }

    .mb_lg--10 {
        margin-bottom: 10px!important
    }

    .ml_lg--10 {
        margin-left: 10px!important
    }

    .ptb_lg--15 {
        padding: 15px 0!important
    }

    .plr_lg--15 {
        padding: 0 15px!important
    }

    .pt_lg--15 {
        padding-top: 15px!important
    }

    .pb_lg--15 {
        padding-bottom: 15px!important
    }

    .pl_lg--15 {
        padding-left: 15px!important
    }

    .pr_lg--15 {
        padding-right: 15px!important
    }

    .mt_lg--15 {
        margin-top: 15px!important
    }

    .mb_lg--15 {
        margin-bottom: 15px!important
    }

    .ml_lg--15 {
        margin-left: 15px!important
    }

    .ptb_lg--20 {
        padding: 20px 0!important
    }

    .plr_lg--20 {
        padding: 0 20px!important
    }

    .pt_lg--20 {
        padding-top: 20px!important
    }

    .pb_lg--20 {
        padding-bottom: 20px!important
    }

    .pl_lg--20 {
        padding-left: 20px!important
    }

    .pr_lg--20 {
        padding-right: 20px!important
    }

    .mt_lg--20 {
        margin-top: 20px!important
    }

    .mb_lg--20 {
        margin-bottom: 20px!important
    }

    .ml_lg--20 {
        margin-left: 20px!important
    }

    .ptb_lg--25 {
        padding: 25px 0!important
    }

    .plr_lg--25 {
        padding: 0 25px!important
    }

    .pt_lg--25 {
        padding-top: 25px!important
    }

    .pb_lg--25 {
        padding-bottom: 25px!important
    }

    .pl_lg--25 {
        padding-left: 25px!important
    }

    .pr_lg--25 {
        padding-right: 25px!important
    }

    .mt_lg--25 {
        margin-top: 25px!important
    }

    .mb_lg--25 {
        margin-bottom: 25px!important
    }

    .ml_lg--25 {
        margin-left: 25px!important
    }

    .ptb_lg--30 {
        padding: 30px 0!important
    }

    .plr_lg--30 {
        padding: 0 30px!important
    }

    .pt_lg--30 {
        padding-top: 30px!important
    }

    .pb_lg--30 {
        padding-bottom: 30px!important
    }

    .pl_lg--30 {
        padding-left: 30px!important
    }

    .pr_lg--30 {
        padding-right: 30px!important
    }

    .mt_lg--30 {
        margin-top: 30px!important
    }

    .mb_lg--30 {
        margin-bottom: 30px!important
    }

    .ml_lg--30 {
        margin-left: 30px!important
    }

    .ptb_lg--35 {
        padding: 35px 0!important
    }

    .plr_lg--35 {
        padding: 0 35px!important
    }

    .pt_lg--35 {
        padding-top: 35px!important
    }

    .pb_lg--35 {
        padding-bottom: 35px!important
    }

    .pl_lg--35 {
        padding-left: 35px!important
    }

    .pr_lg--35 {
        padding-right: 35px!important
    }

    .mt_lg--35 {
        margin-top: 35px!important
    }

    .mb_lg--35 {
        margin-bottom: 35px!important
    }

    .ml_lg--35 {
        margin-left: 35px!important
    }

    .ptb_lg--40 {
        padding: 40px 0!important
    }

    .plr_lg--40 {
        padding: 0 40px!important
    }

    .pt_lg--40 {
        padding-top: 40px!important
    }

    .pb_lg--40 {
        padding-bottom: 40px!important
    }

    .pl_lg--40 {
        padding-left: 40px!important
    }

    .pr_lg--40 {
        padding-right: 40px!important
    }

    .mt_lg--40 {
        margin-top: 40px!important
    }

    .mb_lg--40 {
        margin-bottom: 40px!important
    }

    .ml_lg--40 {
        margin-left: 40px!important
    }

    .ptb_lg--45 {
        padding: 45px 0!important
    }

    .plr_lg--45 {
        padding: 0 45px!important
    }

    .pt_lg--45 {
        padding-top: 45px!important
    }

    .pb_lg--45 {
        padding-bottom: 45px!important
    }

    .pl_lg--45 {
        padding-left: 45px!important
    }

    .pr_lg--45 {
        padding-right: 45px!important
    }

    .mt_lg--45 {
        margin-top: 45px!important
    }

    .mb_lg--45 {
        margin-bottom: 45px!important
    }

    .ml_lg--45 {
        margin-left: 45px!important
    }

    .ptb_lg--50 {
        padding: 50px 0!important
    }

    .plr_lg--50 {
        padding: 0 50px!important
    }

    .pt_lg--50 {
        padding-top: 50px!important
    }

    .pb_lg--50 {
        padding-bottom: 50px!important
    }

    .pl_lg--50 {
        padding-left: 50px!important
    }

    .pr_lg--50 {
        padding-right: 50px!important
    }

    .mt_lg--50 {
        margin-top: 50px!important
    }

    .mb_lg--50 {
        margin-bottom: 50px!important
    }

    .ml_lg--50 {
        margin-left: 50px!important
    }

    .ptb_lg--55 {
        padding: 55px 0!important
    }

    .plr_lg--55 {
        padding: 0 55px!important
    }

    .pt_lg--55 {
        padding-top: 55px!important
    }

    .pb_lg--55 {
        padding-bottom: 55px!important
    }

    .pl_lg--55 {
        padding-left: 55px!important
    }

    .pr_lg--55 {
        padding-right: 55px!important
    }

    .mt_lg--55 {
        margin-top: 55px!important
    }

    .mb_lg--55 {
        margin-bottom: 55px!important
    }

    .ml_lg--55 {
        margin-left: 55px!important
    }

    .ptb_lg--60 {
        padding: 60px 0!important
    }

    .plr_lg--60 {
        padding: 0 60px!important
    }

    .pt_lg--60 {
        padding-top: 60px!important
    }

    .pb_lg--60 {
        padding-bottom: 60px!important
    }

    .pl_lg--60 {
        padding-left: 60px!important
    }

    .pr_lg--60 {
        padding-right: 60px!important
    }

    .mt_lg--60 {
        margin-top: 60px!important
    }

    .mb_lg--60 {
        margin-bottom: 60px!important
    }

    .ml_lg--60 {
        margin-left: 60px!important
    }

    .ptb_lg--65 {
        padding: 65px 0!important
    }

    .plr_lg--65 {
        padding: 0 65px!important
    }

    .pt_lg--65 {
        padding-top: 65px!important
    }

    .pb_lg--65 {
        padding-bottom: 65px!important
    }

    .pl_lg--65 {
        padding-left: 65px!important
    }

    .pr_lg--65 {
        padding-right: 65px!important
    }

    .mt_lg--65 {
        margin-top: 65px!important
    }

    .mb_lg--65 {
        margin-bottom: 65px!important
    }

    .ml_lg--65 {
        margin-left: 65px!important
    }

    .ptb_lg--70 {
        padding: 70px 0!important
    }

    .plr_lg--70 {
        padding: 0 70px!important
    }

    .pt_lg--70 {
        padding-top: 70px!important
    }

    .pb_lg--70 {
        padding-bottom: 70px!important
    }

    .pl_lg--70 {
        padding-left: 70px!important
    }

    .pr_lg--70 {
        padding-right: 70px!important
    }

    .mt_lg--70 {
        margin-top: 70px!important
    }

    .mb_lg--70 {
        margin-bottom: 70px!important
    }

    .ml_lg--70 {
        margin-left: 70px!important
    }

    .ptb_lg--75 {
        padding: 75px 0!important
    }

    .plr_lg--75 {
        padding: 0 75px!important
    }

    .pt_lg--75 {
        padding-top: 75px!important
    }

    .pb_lg--75 {
        padding-bottom: 75px!important
    }

    .pl_lg--75 {
        padding-left: 75px!important
    }

    .pr_lg--75 {
        padding-right: 75px!important
    }

    .mt_lg--75 {
        margin-top: 75px!important
    }

    .mb_lg--75 {
        margin-bottom: 75px!important
    }

    .ml_lg--75 {
        margin-left: 75px!important
    }

    .ptb_lg--80 {
        padding: 80px 0!important
    }

    .plr_lg--80 {
        padding: 0 80px!important
    }

    .pt_lg--80 {
        padding-top: 80px!important
    }

    .pb_lg--80 {
        padding-bottom: 80px!important
    }

    .pl_lg--80 {
        padding-left: 80px!important
    }

    .pr_lg--80 {
        padding-right: 80px!important
    }

    .mt_lg--80 {
        margin-top: 80px!important
    }

    .mb_lg--80 {
        margin-bottom: 80px!important
    }

    .ml_lg--80 {
        margin-left: 80px!important
    }

    .ptb_lg--85 {
        padding: 85px 0!important
    }

    .plr_lg--85 {
        padding: 0 85px!important
    }

    .pt_lg--85 {
        padding-top: 85px!important
    }

    .pb_lg--85 {
        padding-bottom: 85px!important
    }

    .pl_lg--85 {
        padding-left: 85px!important
    }

    .pr_lg--85 {
        padding-right: 85px!important
    }

    .mt_lg--85 {
        margin-top: 85px!important
    }

    .mb_lg--85 {
        margin-bottom: 85px!important
    }

    .ml_lg--85 {
        margin-left: 85px!important
    }

    .ptb_lg--90 {
        padding: 90px 0!important
    }

    .plr_lg--90 {
        padding: 0 90px!important
    }

    .pt_lg--90 {
        padding-top: 90px!important
    }

    .pb_lg--90 {
        padding-bottom: 90px!important
    }

    .pl_lg--90 {
        padding-left: 90px!important
    }

    .pr_lg--90 {
        padding-right: 90px!important
    }

    .mt_lg--90 {
        margin-top: 90px!important
    }

    .mb_lg--90 {
        margin-bottom: 90px!important
    }

    .ml_lg--90 {
        margin-left: 90px!important
    }

    .ptb_lg--95 {
        padding: 95px 0!important
    }

    .plr_lg--95 {
        padding: 0 95px!important
    }

    .pt_lg--95 {
        padding-top: 95px!important
    }

    .pb_lg--95 {
        padding-bottom: 95px!important
    }

    .pl_lg--95 {
        padding-left: 95px!important
    }

    .pr_lg--95 {
        padding-right: 95px!important
    }

    .mt_lg--95 {
        margin-top: 95px!important
    }

    .mb_lg--95 {
        margin-bottom: 95px!important
    }

    .ml_lg--95 {
        margin-left: 95px!important
    }

    .ptb_lg--100 {
        padding: 100px 0!important
    }

    .plr_lg--100 {
        padding: 0 100px!important
    }

    .pt_lg--100 {
        padding-top: 100px!important
    }

    .pb_lg--100 {
        padding-bottom: 100px!important
    }

    .pl_lg--100 {
        padding-left: 100px!important
    }

    .pr_lg--100 {
        padding-right: 100px!important
    }

    .mt_lg--100 {
        margin-top: 100px!important
    }

    .mb_lg--100 {
        margin-bottom: 100px!important
    }

    .ml_lg--100 {
        margin-left: 100px!important
    }

    .ptb_lg--105 {
        padding: 105px 0!important
    }

    .plr_lg--105 {
        padding: 0 105px!important
    }

    .pt_lg--105 {
        padding-top: 105px!important
    }

    .pb_lg--105 {
        padding-bottom: 105px!important
    }

    .pl_lg--105 {
        padding-left: 105px!important
    }

    .pr_lg--105 {
        padding-right: 105px!important
    }

    .mt_lg--105 {
        margin-top: 105px!important
    }

    .mb_lg--105 {
        margin-bottom: 105px!important
    }

    .ml_lg--105 {
        margin-left: 105px!important
    }

    .ptb_lg--110 {
        padding: 110px 0!important
    }

    .plr_lg--110 {
        padding: 0 110px!important
    }

    .pt_lg--110 {
        padding-top: 110px!important
    }

    .pb_lg--110 {
        padding-bottom: 110px!important
    }

    .pl_lg--110 {
        padding-left: 110px!important
    }

    .pr_lg--110 {
        padding-right: 110px!important
    }

    .mt_lg--110 {
        margin-top: 110px!important
    }

    .mb_lg--110 {
        margin-bottom: 110px!important
    }

    .ml_lg--110 {
        margin-left: 110px!important
    }

    .ptb_lg--115 {
        padding: 115px 0!important
    }

    .plr_lg--115 {
        padding: 0 115px!important
    }

    .pt_lg--115 {
        padding-top: 115px!important
    }

    .pb_lg--115 {
        padding-bottom: 115px!important
    }

    .pl_lg--115 {
        padding-left: 115px!important
    }

    .pr_lg--115 {
        padding-right: 115px!important
    }

    .mt_lg--115 {
        margin-top: 115px!important
    }

    .mb_lg--115 {
        margin-bottom: 115px!important
    }

    .ml_lg--115 {
        margin-left: 115px!important
    }

    .ptb_lg--120 {
        padding: 120px 0!important
    }

    .plr_lg--120 {
        padding: 0 120px!important
    }

    .pt_lg--120 {
        padding-top: 120px!important
    }

    .pb_lg--120 {
        padding-bottom: 120px!important
    }

    .pl_lg--120 {
        padding-left: 120px!important
    }

    .pr_lg--120 {
        padding-right: 120px!important
    }

    .mt_lg--120 {
        margin-top: 120px!important
    }

    .mb_lg--120 {
        margin-bottom: 120px!important
    }

    .ml_lg--120 {
        margin-left: 120px!important
    }

    .ptb_lg--125 {
        padding: 125px 0!important
    }

    .plr_lg--125 {
        padding: 0 125px!important
    }

    .pt_lg--125 {
        padding-top: 125px!important
    }

    .pb_lg--125 {
        padding-bottom: 125px!important
    }

    .pl_lg--125 {
        padding-left: 125px!important
    }

    .pr_lg--125 {
        padding-right: 125px!important
    }

    .mt_lg--125 {
        margin-top: 125px!important
    }

    .mb_lg--125 {
        margin-bottom: 125px!important
    }

    .ml_lg--125 {
        margin-left: 125px!important
    }

    .ptb_lg--130 {
        padding: 130px 0!important
    }

    .plr_lg--130 {
        padding: 0 130px!important
    }

    .pt_lg--130 {
        padding-top: 130px!important
    }

    .pb_lg--130 {
        padding-bottom: 130px!important
    }

    .pl_lg--130 {
        padding-left: 130px!important
    }

    .pr_lg--130 {
        padding-right: 130px!important
    }

    .mt_lg--130 {
        margin-top: 130px!important
    }

    .mb_lg--130 {
        margin-bottom: 130px!important
    }

    .ml_lg--130 {
        margin-left: 130px!important
    }

    .ptb_lg--135 {
        padding: 135px 0!important
    }

    .plr_lg--135 {
        padding: 0 135px!important
    }

    .pt_lg--135 {
        padding-top: 135px!important
    }

    .pb_lg--135 {
        padding-bottom: 135px!important
    }

    .pl_lg--135 {
        padding-left: 135px!important
    }

    .pr_lg--135 {
        padding-right: 135px!important
    }

    .mt_lg--135 {
        margin-top: 135px!important
    }

    .mb_lg--135 {
        margin-bottom: 135px!important
    }

    .ml_lg--135 {
        margin-left: 135px!important
    }

    .ptb_lg--140 {
        padding: 140px 0!important
    }

    .plr_lg--140 {
        padding: 0 140px!important
    }

    .pt_lg--140 {
        padding-top: 140px!important
    }

    .pb_lg--140 {
        padding-bottom: 140px!important
    }

    .pl_lg--140 {
        padding-left: 140px!important
    }

    .pr_lg--140 {
        padding-right: 140px!important
    }

    .mt_lg--140 {
        margin-top: 140px!important
    }

    .mb_lg--140 {
        margin-bottom: 140px!important
    }

    .ml_lg--140 {
        margin-left: 140px!important
    }

    .ptb_lg--145 {
        padding: 145px 0!important
    }

    .plr_lg--145 {
        padding: 0 145px!important
    }

    .pt_lg--145 {
        padding-top: 145px!important
    }

    .pb_lg--145 {
        padding-bottom: 145px!important
    }

    .pl_lg--145 {
        padding-left: 145px!important
    }

    .pr_lg--145 {
        padding-right: 145px!important
    }

    .mt_lg--145 {
        margin-top: 145px!important
    }

    .mb_lg--145 {
        margin-bottom: 145px!important
    }

    .ml_lg--145 {
        margin-left: 145px!important
    }

    .ptb_lg--150 {
        padding: 150px 0!important
    }

    .plr_lg--150 {
        padding: 0 150px!important
    }

    .pt_lg--150 {
        padding-top: 150px!important
    }

    .pb_lg--150 {
        padding-bottom: 150px!important
    }

    .pl_lg--150 {
        padding-left: 150px!important
    }

    .pr_lg--150 {
        padding-right: 150px!important
    }

    .mt_lg--150 {
        margin-top: 150px!important
    }

    .mb_lg--150 {
        margin-bottom: 150px!important
    }

    .ml_lg--150 {
        margin-left: 150px!important
    }

    .ptb_lg--155 {
        padding: 155px 0!important
    }

    .plr_lg--155 {
        padding: 0 155px!important
    }

    .pt_lg--155 {
        padding-top: 155px!important
    }

    .pb_lg--155 {
        padding-bottom: 155px!important
    }

    .pl_lg--155 {
        padding-left: 155px!important
    }

    .pr_lg--155 {
        padding-right: 155px!important
    }

    .mt_lg--155 {
        margin-top: 155px!important
    }

    .mb_lg--155 {
        margin-bottom: 155px!important
    }

    .ml_lg--155 {
        margin-left: 155px!important
    }

    .ptb_lg--160 {
        padding: 160px 0!important
    }

    .plr_lg--160 {
        padding: 0 160px!important
    }

    .pt_lg--160 {
        padding-top: 160px!important
    }

    .pb_lg--160 {
        padding-bottom: 160px!important
    }

    .pl_lg--160 {
        padding-left: 160px!important
    }

    .pr_lg--160 {
        padding-right: 160px!important
    }

    .mt_lg--160 {
        margin-top: 160px!important
    }

    .mb_lg--160 {
        margin-bottom: 160px!important
    }

    .ml_lg--160 {
        margin-left: 160px!important
    }

    .ptb_lg--165 {
        padding: 165px 0!important
    }

    .plr_lg--165 {
        padding: 0 165px!important
    }

    .pt_lg--165 {
        padding-top: 165px!important
    }

    .pb_lg--165 {
        padding-bottom: 165px!important
    }

    .pl_lg--165 {
        padding-left: 165px!important
    }

    .pr_lg--165 {
        padding-right: 165px!important
    }

    .mt_lg--165 {
        margin-top: 165px!important
    }

    .mb_lg--165 {
        margin-bottom: 165px!important
    }

    .ml_lg--165 {
        margin-left: 165px!important
    }

    .ptb_lg--170 {
        padding: 170px 0!important
    }

    .plr_lg--170 {
        padding: 0 170px!important
    }

    .pt_lg--170 {
        padding-top: 170px!important
    }

    .pb_lg--170 {
        padding-bottom: 170px!important
    }

    .pl_lg--170 {
        padding-left: 170px!important
    }

    .pr_lg--170 {
        padding-right: 170px!important
    }

    .mt_lg--170 {
        margin-top: 170px!important
    }

    .mb_lg--170 {
        margin-bottom: 170px!important
    }

    .ml_lg--170 {
        margin-left: 170px!important
    }

    .ptb_lg--175 {
        padding: 175px 0!important
    }

    .plr_lg--175 {
        padding: 0 175px!important
    }

    .pt_lg--175 {
        padding-top: 175px!important
    }

    .pb_lg--175 {
        padding-bottom: 175px!important
    }

    .pl_lg--175 {
        padding-left: 175px!important
    }

    .pr_lg--175 {
        padding-right: 175px!important
    }

    .mt_lg--175 {
        margin-top: 175px!important
    }

    .mb_lg--175 {
        margin-bottom: 175px!important
    }

    .ml_lg--175 {
        margin-left: 175px!important
    }

    .ptb_lg--180 {
        padding: 180px 0!important
    }

    .plr_lg--180 {
        padding: 0 180px!important
    }

    .pt_lg--180 {
        padding-top: 180px!important
    }

    .pb_lg--180 {
        padding-bottom: 180px!important
    }

    .pl_lg--180 {
        padding-left: 180px!important
    }

    .pr_lg--180 {
        padding-right: 180px!important
    }

    .mt_lg--180 {
        margin-top: 180px!important
    }

    .mb_lg--180 {
        margin-bottom: 180px!important
    }

    .ml_lg--180 {
        margin-left: 180px!important
    }

    .ptb_lg--185 {
        padding: 185px 0!important
    }

    .plr_lg--185 {
        padding: 0 185px!important
    }

    .pt_lg--185 {
        padding-top: 185px!important
    }

    .pb_lg--185 {
        padding-bottom: 185px!important
    }

    .pl_lg--185 {
        padding-left: 185px!important
    }

    .pr_lg--185 {
        padding-right: 185px!important
    }

    .mt_lg--185 {
        margin-top: 185px!important
    }

    .mb_lg--185 {
        margin-bottom: 185px!important
    }

    .ml_lg--185 {
        margin-left: 185px!important
    }

    .ptb_lg--190 {
        padding: 190px 0!important
    }

    .plr_lg--190 {
        padding: 0 190px!important
    }

    .pt_lg--190 {
        padding-top: 190px!important
    }

    .pb_lg--190 {
        padding-bottom: 190px!important
    }

    .pl_lg--190 {
        padding-left: 190px!important
    }

    .pr_lg--190 {
        padding-right: 190px!important
    }

    .mt_lg--190 {
        margin-top: 190px!important
    }

    .mb_lg--190 {
        margin-bottom: 190px!important
    }

    .ml_lg--190 {
        margin-left: 190px!important
    }

    .ptb_lg--195 {
        padding: 195px 0!important
    }

    .plr_lg--195 {
        padding: 0 195px!important
    }

    .pt_lg--195 {
        padding-top: 195px!important
    }

    .pb_lg--195 {
        padding-bottom: 195px!important
    }

    .pl_lg--195 {
        padding-left: 195px!important
    }

    .pr_lg--195 {
        padding-right: 195px!important
    }

    .mt_lg--195 {
        margin-top: 195px!important
    }

    .mb_lg--195 {
        margin-bottom: 195px!important
    }

    .ml_lg--195 {
        margin-left: 195px!important
    }

    .ptb_lg--200 {
        padding: 200px 0!important
    }

    .plr_lg--200 {
        padding: 0 200px!important
    }

    .pt_lg--200 {
        padding-top: 200px!important
    }

    .pb_lg--200 {
        padding-bottom: 200px!important
    }

    .pl_lg--200 {
        padding-left: 200px!important
    }

    .pr_lg--200 {
        padding-right: 200px!important
    }

    .mt_lg--200 {
        margin-top: 200px!important
    }

    .mb_lg--200 {
        margin-bottom: 200px!important
    }

    .ml_lg--200 {
        margin-left: 200px!important
    }
}

@media only screen and (min-width: 768px)and (max-width:991px) {
    .ptb_md--0 {
        padding:0!important
    }

    .pl_md--0 {
        padding-left: 0!important
    }

    .pr_md--0 {
        padding-right: 0!important
    }

    .pt_md--0 {
        padding-top: 0!important
    }

    .pb_md--0 {
        padding-bottom: 0!important
    }

    .mr_md--0 {
        margin-right: 0!important
    }

    .ml_md--0 {
        margin-left: 0!important
    }

    .mt_md--0 {
        margin-top: 0!important
    }

    .mb_md--0 {
        margin-bottom: 0!important
    }

    .ptb_md--250 {
        padding: 250px 0!important
    }

    .ptb_md--5 {
        padding: 5px 0!important
    }

    .plr_md--5 {
        padding: 0 5px!important
    }

    .pt_md--5 {
        padding-top: 5px!important
    }

    .pb_md--5 {
        padding-bottom: 5px!important
    }

    .pl_md--5 {
        padding-left: 5px!important
    }

    .pr_md--5 {
        padding-right: 5px!important
    }

    .mt_md--5 {
        margin-top: 5px!important
    }

    .mb_md--5 {
        margin-bottom: 5px!important
    }

    .ptb_md--10 {
        padding: 10px 0!important
    }

    .plr_md--10 {
        padding: 0 10px!important
    }

    .pt_md--10 {
        padding-top: 10px!important
    }

    .pb_md--10 {
        padding-bottom: 10px!important
    }

    .pl_md--10 {
        padding-left: 10px!important
    }

    .pr_md--10 {
        padding-right: 10px!important
    }

    .mt_md--10 {
        margin-top: 10px!important
    }

    .mb_md--10 {
        margin-bottom: 10px!important
    }

    .ptb_md--15 {
        padding: 15px 0!important
    }

    .plr_md--15 {
        padding: 0 15px!important
    }

    .pt_md--15 {
        padding-top: 15px!important
    }

    .pb_md--15 {
        padding-bottom: 15px!important
    }

    .pl_md--15 {
        padding-left: 15px!important
    }

    .pr_md--15 {
        padding-right: 15px!important
    }

    .mt_md--15 {
        margin-top: 15px!important
    }

    .mb_md--15 {
        margin-bottom: 15px!important
    }

    .ptb_md--20 {
        padding: 20px 0!important
    }

    .plr_md--20 {
        padding: 0 20px!important
    }

    .pt_md--20 {
        padding-top: 20px!important
    }

    .pb_md--20 {
        padding-bottom: 20px!important
    }

    .pl_md--20 {
        padding-left: 20px!important
    }

    .pr_md--20 {
        padding-right: 20px!important
    }

    .mt_md--20 {
        margin-top: 20px!important
    }

    .mb_md--20 {
        margin-bottom: 20px!important
    }

    .ptb_md--25 {
        padding: 25px 0!important
    }

    .plr_md--25 {
        padding: 0 25px!important
    }

    .pt_md--25 {
        padding-top: 25px!important
    }

    .pb_md--25 {
        padding-bottom: 25px!important
    }

    .pl_md--25 {
        padding-left: 25px!important
    }

    .pr_md--25 {
        padding-right: 25px!important
    }

    .mt_md--25 {
        margin-top: 25px!important
    }

    .mb_md--25 {
        margin-bottom: 25px!important
    }

    .ptb_md--30 {
        padding: 30px 0!important
    }

    .plr_md--30 {
        padding: 0 30px!important
    }

    .pt_md--30 {
        padding-top: 30px!important
    }

    .pb_md--30 {
        padding-bottom: 30px!important
    }

    .pl_md--30 {
        padding-left: 30px!important
    }

    .pr_md--30 {
        padding-right: 30px!important
    }

    .mt_md--30 {
        margin-top: 30px!important
    }

    .mb_md--30 {
        margin-bottom: 30px!important
    }

    .ptb_md--35 {
        padding: 35px 0!important
    }

    .plr_md--35 {
        padding: 0 35px!important
    }

    .pt_md--35 {
        padding-top: 35px!important
    }

    .pb_md--35 {
        padding-bottom: 35px!important
    }

    .pl_md--35 {
        padding-left: 35px!important
    }

    .pr_md--35 {
        padding-right: 35px!important
    }

    .mt_md--35 {
        margin-top: 35px!important
    }

    .mb_md--35 {
        margin-bottom: 35px!important
    }

    .ptb_md--40 {
        padding: 40px 0!important
    }

    .plr_md--40 {
        padding: 0 40px!important
    }

    .pt_md--40 {
        padding-top: 40px!important
    }

    .pb_md--40 {
        padding-bottom: 40px!important
    }

    .pl_md--40 {
        padding-left: 40px!important
    }

    .pr_md--40 {
        padding-right: 40px!important
    }

    .mt_md--40 {
        margin-top: 40px!important
    }

    .mb_md--40 {
        margin-bottom: 40px!important
    }

    .ptb_md--45 {
        padding: 45px 0!important
    }

    .plr_md--45 {
        padding: 0 45px!important
    }

    .pt_md--45 {
        padding-top: 45px!important
    }

    .pb_md--45 {
        padding-bottom: 45px!important
    }

    .pl_md--45 {
        padding-left: 45px!important
    }

    .pr_md--45 {
        padding-right: 45px!important
    }

    .mt_md--45 {
        margin-top: 45px!important
    }

    .mb_md--45 {
        margin-bottom: 45px!important
    }

    .ptb_md--50 {
        padding: 50px 0!important
    }

    .plr_md--50 {
        padding: 0 50px!important
    }

    .pt_md--50 {
        padding-top: 50px!important
    }

    .pb_md--50 {
        padding-bottom: 50px!important
    }

    .pl_md--50 {
        padding-left: 50px!important
    }

    .pr_md--50 {
        padding-right: 50px!important
    }

    .mt_md--50 {
        margin-top: 50px!important
    }

    .mb_md--50 {
        margin-bottom: 50px!important
    }

    .ptb_md--55 {
        padding: 55px 0!important
    }

    .plr_md--55 {
        padding: 0 55px!important
    }

    .pt_md--55 {
        padding-top: 55px!important
    }

    .pb_md--55 {
        padding-bottom: 55px!important
    }

    .pl_md--55 {
        padding-left: 55px!important
    }

    .pr_md--55 {
        padding-right: 55px!important
    }

    .mt_md--55 {
        margin-top: 55px!important
    }

    .mb_md--55 {
        margin-bottom: 55px!important
    }

    .ptb_md--60 {
        padding: 60px 0!important
    }

    .plr_md--60 {
        padding: 0 60px!important
    }

    .pt_md--60 {
        padding-top: 60px!important
    }

    .pb_md--60 {
        padding-bottom: 60px!important
    }

    .pl_md--60 {
        padding-left: 60px!important
    }

    .pr_md--60 {
        padding-right: 60px!important
    }

    .mt_md--60 {
        margin-top: 60px!important
    }

    .mb_md--60 {
        margin-bottom: 60px!important
    }

    .ptb_md--65 {
        padding: 65px 0!important
    }

    .plr_md--65 {
        padding: 0 65px!important
    }

    .pt_md--65 {
        padding-top: 65px!important
    }

    .pb_md--65 {
        padding-bottom: 65px!important
    }

    .pl_md--65 {
        padding-left: 65px!important
    }

    .pr_md--65 {
        padding-right: 65px!important
    }

    .mt_md--65 {
        margin-top: 65px!important
    }

    .mb_md--65 {
        margin-bottom: 65px!important
    }

    .ptb_md--70 {
        padding: 70px 0!important
    }

    .plr_md--70 {
        padding: 0 70px!important
    }

    .pt_md--70 {
        padding-top: 70px!important
    }

    .pb_md--70 {
        padding-bottom: 70px!important
    }

    .pl_md--70 {
        padding-left: 70px!important
    }

    .pr_md--70 {
        padding-right: 70px!important
    }

    .mt_md--70 {
        margin-top: 70px!important
    }

    .mb_md--70 {
        margin-bottom: 70px!important
    }

    .ptb_md--75 {
        padding: 75px 0!important
    }

    .plr_md--75 {
        padding: 0 75px!important
    }

    .pt_md--75 {
        padding-top: 75px!important
    }

    .pb_md--75 {
        padding-bottom: 75px!important
    }

    .pl_md--75 {
        padding-left: 75px!important
    }

    .pr_md--75 {
        padding-right: 75px!important
    }

    .mt_md--75 {
        margin-top: 75px!important
    }

    .mb_md--75 {
        margin-bottom: 75px!important
    }

    .ptb_md--80 {
        padding: 80px 0!important
    }

    .plr_md--80 {
        padding: 0 80px!important
    }

    .pt_md--80 {
        padding-top: 80px!important
    }

    .pb_md--80 {
        padding-bottom: 80px!important
    }

    .pl_md--80 {
        padding-left: 80px!important
    }

    .pr_md--80 {
        padding-right: 80px!important
    }

    .mt_md--80 {
        margin-top: 80px!important
    }

    .mb_md--80 {
        margin-bottom: 80px!important
    }

    .ptb_md--85 {
        padding: 85px 0!important
    }

    .plr_md--85 {
        padding: 0 85px!important
    }

    .pt_md--85 {
        padding-top: 85px!important
    }

    .pb_md--85 {
        padding-bottom: 85px!important
    }

    .pl_md--85 {
        padding-left: 85px!important
    }

    .pr_md--85 {
        padding-right: 85px!important
    }

    .mt_md--85 {
        margin-top: 85px!important
    }

    .mb_md--85 {
        margin-bottom: 85px!important
    }

    .ptb_md--90 {
        padding: 90px 0!important
    }

    .plr_md--90 {
        padding: 0 90px!important
    }

    .pt_md--90 {
        padding-top: 90px!important
    }

    .pb_md--90 {
        padding-bottom: 90px!important
    }

    .pl_md--90 {
        padding-left: 90px!important
    }

    .pr_md--90 {
        padding-right: 90px!important
    }

    .mt_md--90 {
        margin-top: 90px!important
    }

    .mb_md--90 {
        margin-bottom: 90px!important
    }

    .ptb_md--95 {
        padding: 95px 0!important
    }

    .plr_md--95 {
        padding: 0 95px!important
    }

    .pt_md--95 {
        padding-top: 95px!important
    }

    .pb_md--95 {
        padding-bottom: 95px!important
    }

    .pl_md--95 {
        padding-left: 95px!important
    }

    .pr_md--95 {
        padding-right: 95px!important
    }

    .mt_md--95 {
        margin-top: 95px!important
    }

    .mb_md--95 {
        margin-bottom: 95px!important
    }

    .ptb_md--100 {
        padding: 100px 0!important
    }

    .plr_md--100 {
        padding: 0 100px!important
    }

    .pt_md--100 {
        padding-top: 100px!important
    }

    .pb_md--100 {
        padding-bottom: 100px!important
    }

    .pl_md--100 {
        padding-left: 100px!important
    }

    .pr_md--100 {
        padding-right: 100px!important
    }

    .mt_md--100 {
        margin-top: 100px!important
    }

    .mb_md--100 {
        margin-bottom: 100px!important
    }

    .ptb_md--105 {
        padding: 105px 0!important
    }

    .plr_md--105 {
        padding: 0 105px!important
    }

    .pt_md--105 {
        padding-top: 105px!important
    }

    .pb_md--105 {
        padding-bottom: 105px!important
    }

    .pl_md--105 {
        padding-left: 105px!important
    }

    .pr_md--105 {
        padding-right: 105px!important
    }

    .mt_md--105 {
        margin-top: 105px!important
    }

    .mb_md--105 {
        margin-bottom: 105px!important
    }

    .ptb_md--110 {
        padding: 110px 0!important
    }

    .plr_md--110 {
        padding: 0 110px!important
    }

    .pt_md--110 {
        padding-top: 110px!important
    }

    .pb_md--110 {
        padding-bottom: 110px!important
    }

    .pl_md--110 {
        padding-left: 110px!important
    }

    .pr_md--110 {
        padding-right: 110px!important
    }

    .mt_md--110 {
        margin-top: 110px!important
    }

    .mb_md--110 {
        margin-bottom: 110px!important
    }

    .ptb_md--115 {
        padding: 115px 0!important
    }

    .plr_md--115 {
        padding: 0 115px!important
    }

    .pt_md--115 {
        padding-top: 115px!important
    }

    .pb_md--115 {
        padding-bottom: 115px!important
    }

    .pl_md--115 {
        padding-left: 115px!important
    }

    .pr_md--115 {
        padding-right: 115px!important
    }

    .mt_md--115 {
        margin-top: 115px!important
    }

    .mb_md--115 {
        margin-bottom: 115px!important
    }

    .ptb_md--120 {
        padding: 120px 0!important
    }

    .plr_md--120 {
        padding: 0 120px!important
    }

    .pt_md--120 {
        padding-top: 120px!important
    }

    .pb_md--120 {
        padding-bottom: 120px!important
    }

    .pl_md--120 {
        padding-left: 120px!important
    }

    .pr_md--120 {
        padding-right: 120px!important
    }

    .mt_md--120 {
        margin-top: 120px!important
    }

    .mb_md--120 {
        margin-bottom: 120px!important
    }

    .ptb_md--125 {
        padding: 125px 0!important
    }

    .plr_md--125 {
        padding: 0 125px!important
    }

    .pt_md--125 {
        padding-top: 125px!important
    }

    .pb_md--125 {
        padding-bottom: 125px!important
    }

    .pl_md--125 {
        padding-left: 125px!important
    }

    .pr_md--125 {
        padding-right: 125px!important
    }

    .mt_md--125 {
        margin-top: 125px!important
    }

    .mb_md--125 {
        margin-bottom: 125px!important
    }

    .ptb_md--130 {
        padding: 130px 0!important
    }

    .plr_md--130 {
        padding: 0 130px!important
    }

    .pt_md--130 {
        padding-top: 130px!important
    }

    .pb_md--130 {
        padding-bottom: 130px!important
    }

    .pl_md--130 {
        padding-left: 130px!important
    }

    .pr_md--130 {
        padding-right: 130px!important
    }

    .mt_md--130 {
        margin-top: 130px!important
    }

    .mb_md--130 {
        margin-bottom: 130px!important
    }

    .ptb_md--135 {
        padding: 135px 0!important
    }

    .plr_md--135 {
        padding: 0 135px!important
    }

    .pt_md--135 {
        padding-top: 135px!important
    }

    .pb_md--135 {
        padding-bottom: 135px!important
    }

    .pl_md--135 {
        padding-left: 135px!important
    }

    .pr_md--135 {
        padding-right: 135px!important
    }

    .mt_md--135 {
        margin-top: 135px!important
    }

    .mb_md--135 {
        margin-bottom: 135px!important
    }

    .ptb_md--140 {
        padding: 140px 0!important
    }

    .plr_md--140 {
        padding: 0 140px!important
    }

    .pt_md--140 {
        padding-top: 140px!important
    }

    .pb_md--140 {
        padding-bottom: 140px!important
    }

    .pl_md--140 {
        padding-left: 140px!important
    }

    .pr_md--140 {
        padding-right: 140px!important
    }

    .mt_md--140 {
        margin-top: 140px!important
    }

    .mb_md--140 {
        margin-bottom: 140px!important
    }

    .ptb_md--145 {
        padding: 145px 0!important
    }

    .plr_md--145 {
        padding: 0 145px!important
    }

    .pt_md--145 {
        padding-top: 145px!important
    }

    .pb_md--145 {
        padding-bottom: 145px!important
    }

    .pl_md--145 {
        padding-left: 145px!important
    }

    .pr_md--145 {
        padding-right: 145px!important
    }

    .mt_md--145 {
        margin-top: 145px!important
    }

    .mb_md--145 {
        margin-bottom: 145px!important
    }

    .ptb_md--150 {
        padding: 150px 0!important
    }

    .plr_md--150 {
        padding: 0 150px!important
    }

    .pt_md--150 {
        padding-top: 150px!important
    }

    .pb_md--150 {
        padding-bottom: 150px!important
    }

    .pl_md--150 {
        padding-left: 150px!important
    }

    .pr_md--150 {
        padding-right: 150px!important
    }

    .mt_md--150 {
        margin-top: 150px!important
    }

    .mb_md--150 {
        margin-bottom: 150px!important
    }

    .ptb_md--155 {
        padding: 155px 0!important
    }

    .plr_md--155 {
        padding: 0 155px!important
    }

    .pt_md--155 {
        padding-top: 155px!important
    }

    .pb_md--155 {
        padding-bottom: 155px!important
    }

    .pl_md--155 {
        padding-left: 155px!important
    }

    .pr_md--155 {
        padding-right: 155px!important
    }

    .mt_md--155 {
        margin-top: 155px!important
    }

    .mb_md--155 {
        margin-bottom: 155px!important
    }

    .ptb_md--160 {
        padding: 160px 0!important
    }

    .plr_md--160 {
        padding: 0 160px!important
    }

    .pt_md--160 {
        padding-top: 160px!important
    }

    .pb_md--160 {
        padding-bottom: 160px!important
    }

    .pl_md--160 {
        padding-left: 160px!important
    }

    .pr_md--160 {
        padding-right: 160px!important
    }

    .mt_md--160 {
        margin-top: 160px!important
    }

    .mb_md--160 {
        margin-bottom: 160px!important
    }

    .ptb_md--165 {
        padding: 165px 0!important
    }

    .plr_md--165 {
        padding: 0 165px!important
    }

    .pt_md--165 {
        padding-top: 165px!important
    }

    .pb_md--165 {
        padding-bottom: 165px!important
    }

    .pl_md--165 {
        padding-left: 165px!important
    }

    .pr_md--165 {
        padding-right: 165px!important
    }

    .mt_md--165 {
        margin-top: 165px!important
    }

    .mb_md--165 {
        margin-bottom: 165px!important
    }

    .ptb_md--170 {
        padding: 170px 0!important
    }

    .plr_md--170 {
        padding: 0 170px!important
    }

    .pt_md--170 {
        padding-top: 170px!important
    }

    .pb_md--170 {
        padding-bottom: 170px!important
    }

    .pl_md--170 {
        padding-left: 170px!important
    }

    .pr_md--170 {
        padding-right: 170px!important
    }

    .mt_md--170 {
        margin-top: 170px!important
    }

    .mb_md--170 {
        margin-bottom: 170px!important
    }

    .ptb_md--175 {
        padding: 175px 0!important
    }

    .plr_md--175 {
        padding: 0 175px!important
    }

    .pt_md--175 {
        padding-top: 175px!important
    }

    .pb_md--175 {
        padding-bottom: 175px!important
    }

    .pl_md--175 {
        padding-left: 175px!important
    }

    .pr_md--175 {
        padding-right: 175px!important
    }

    .mt_md--175 {
        margin-top: 175px!important
    }

    .mb_md--175 {
        margin-bottom: 175px!important
    }

    .ptb_md--180 {
        padding: 180px 0!important
    }

    .plr_md--180 {
        padding: 0 180px!important
    }

    .pt_md--180 {
        padding-top: 180px!important
    }

    .pb_md--180 {
        padding-bottom: 180px!important
    }

    .pl_md--180 {
        padding-left: 180px!important
    }

    .pr_md--180 {
        padding-right: 180px!important
    }

    .mt_md--180 {
        margin-top: 180px!important
    }

    .mb_md--180 {
        margin-bottom: 180px!important
    }

    .ptb_md--185 {
        padding: 185px 0!important
    }

    .plr_md--185 {
        padding: 0 185px!important
    }

    .pt_md--185 {
        padding-top: 185px!important
    }

    .pb_md--185 {
        padding-bottom: 185px!important
    }

    .pl_md--185 {
        padding-left: 185px!important
    }

    .pr_md--185 {
        padding-right: 185px!important
    }

    .mt_md--185 {
        margin-top: 185px!important
    }

    .mb_md--185 {
        margin-bottom: 185px!important
    }

    .ptb_md--190 {
        padding: 190px 0!important
    }

    .plr_md--190 {
        padding: 0 190px!important
    }

    .pt_md--190 {
        padding-top: 190px!important
    }

    .pb_md--190 {
        padding-bottom: 190px!important
    }

    .pl_md--190 {
        padding-left: 190px!important
    }

    .pr_md--190 {
        padding-right: 190px!important
    }

    .mt_md--190 {
        margin-top: 190px!important
    }

    .mb_md--190 {
        margin-bottom: 190px!important
    }

    .ptb_md--195 {
        padding: 195px 0!important
    }

    .plr_md--195 {
        padding: 0 195px!important
    }

    .pt_md--195 {
        padding-top: 195px!important
    }

    .pb_md--195 {
        padding-bottom: 195px!important
    }

    .pl_md--195 {
        padding-left: 195px!important
    }

    .pr_md--195 {
        padding-right: 195px!important
    }

    .mt_md--195 {
        margin-top: 195px!important
    }

    .mb_md--195 {
        margin-bottom: 195px!important
    }

    .ptb_md--200 {
        padding: 200px 0!important
    }

    .plr_md--200 {
        padding: 0 200px!important
    }

    .pt_md--200 {
        padding-top: 200px!important
    }

    .pb_md--200 {
        padding-bottom: 200px!important
    }

    .pl_md--200 {
        padding-left: 200px!important
    }

    .pr_md--200 {
        padding-right: 200px!important
    }

    .mt_md--200 {
        margin-top: 200px!important
    }

    .mb_md--200 {
        margin-bottom: 200px!important
    }
}

@media only screen and (max-width: 767px) {
    .ptb_sm--250 {
        padding:250px 0!important
    }

    .ptb_sm--0 {
        padding: 0!important
    }

    .pl_sm--0 {
        padding-left: 0!important
    }

    .pr_sm--0 {
        padding-right: 0!important
    }

    .pt_sm--0 {
        padding-top: 0!important
    }

    .pb_sm--0 {
        padding-bottom: 0!important
    }

    .mr_sm--0 {
        margin-right: 0!important
    }

    .ml_sm--0 {
        margin-left: 0!important
    }

    .mt_sm--0 {
        margin-top: 0!important
    }

    .mb_sm--0 {
        margin-bottom: 0!important
    }

    .ptb_sm--5 {
        padding: 5px 0!important
    }

    .plr_sm--5 {
        padding: 0 5px!important
    }

    .pt_sm--5 {
        padding-top: 5px!important
    }

    .pb_sm--5 {
        padding-bottom: 5px!important
    }

    .pl_sm--5 {
        padding-left: 5px!important
    }

    .pr_sm--5 {
        padding-right: 5px!important
    }

    .mt_sm--5 {
        margin-top: 5px!important
    }

    .ml_sm--5 {
        margin-left: 5px!important
    }

    .mr_sm--5 {
        margin-right: 5px!important
    }

    .mb_sm--5 {
        margin-bottom: 5px!important
    }

    .ptb_sm--10 {
        padding: 10px 0!important
    }

    .plr_sm--10 {
        padding: 0 10px!important
    }

    .pt_sm--10 {
        padding-top: 10px!important
    }

    .pb_sm--10 {
        padding-bottom: 10px!important
    }

    .pl_sm--10 {
        padding-left: 10px!important
    }

    .pr_sm--10 {
        padding-right: 10px!important
    }

    .mt_sm--10 {
        margin-top: 10px!important
    }

    .ml_sm--10 {
        margin-left: 10px!important
    }

    .mr_sm--10 {
        margin-right: 10px!important
    }

    .mb_sm--10 {
        margin-bottom: 10px!important
    }

    .ptb_sm--15 {
        padding: 15px 0!important
    }

    .plr_sm--15 {
        padding: 0 15px!important
    }

    .pt_sm--15 {
        padding-top: 15px!important
    }

    .pb_sm--15 {
        padding-bottom: 15px!important
    }

    .pl_sm--15 {
        padding-left: 15px!important
    }

    .pr_sm--15 {
        padding-right: 15px!important
    }

    .mt_sm--15 {
        margin-top: 15px!important
    }

    .ml_sm--15 {
        margin-left: 15px!important
    }

    .mr_sm--15 {
        margin-right: 15px!important
    }

    .mb_sm--15 {
        margin-bottom: 15px!important
    }

    .ptb_sm--20 {
        padding: 20px 0!important
    }

    .plr_sm--20 {
        padding: 0 20px!important
    }

    .pt_sm--20 {
        padding-top: 20px!important
    }

    .pb_sm--20 {
        padding-bottom: 20px!important
    }

    .pl_sm--20 {
        padding-left: 20px!important
    }

    .pr_sm--20 {
        padding-right: 20px!important
    }

    .mt_sm--20 {
        margin-top: 20px!important
    }

    .ml_sm--20 {
        margin-left: 20px!important
    }

    .mr_sm--20 {
        margin-right: 20px!important
    }

    .mb_sm--20 {
        margin-bottom: 20px!important
    }

    .ptb_sm--25 {
        padding: 25px 0!important
    }

    .plr_sm--25 {
        padding: 0 25px!important
    }

    .pt_sm--25 {
        padding-top: 25px!important
    }

    .pb_sm--25 {
        padding-bottom: 25px!important
    }

    .pl_sm--25 {
        padding-left: 25px!important
    }

    .pr_sm--25 {
        padding-right: 25px!important
    }

    .mt_sm--25 {
        margin-top: 25px!important
    }

    .ml_sm--25 {
        margin-left: 25px!important
    }

    .mr_sm--25 {
        margin-right: 25px!important
    }

    .mb_sm--25 {
        margin-bottom: 25px!important
    }

    .ptb_sm--30 {
        padding: 30px 0!important
    }

    .plr_sm--30 {
        padding: 0 30px!important
    }

    .pt_sm--30 {
        padding-top: 30px!important
    }

    .pb_sm--30 {
        padding-bottom: 30px!important
    }

    .pl_sm--30 {
        padding-left: 30px!important
    }

    .pr_sm--30 {
        padding-right: 30px!important
    }

    .mt_sm--30 {
        margin-top: 30px!important
    }

    .ml_sm--30 {
        margin-left: 30px!important
    }

    .mr_sm--30 {
        margin-right: 30px!important
    }

    .mb_sm--30 {
        margin-bottom: 30px!important
    }

    .ptb_sm--35 {
        padding: 35px 0!important
    }

    .plr_sm--35 {
        padding: 0 35px!important
    }

    .pt_sm--35 {
        padding-top: 35px!important
    }

    .pb_sm--35 {
        padding-bottom: 35px!important
    }

    .pl_sm--35 {
        padding-left: 35px!important
    }

    .pr_sm--35 {
        padding-right: 35px!important
    }

    .mt_sm--35 {
        margin-top: 35px!important
    }

    .ml_sm--35 {
        margin-left: 35px!important
    }

    .mr_sm--35 {
        margin-right: 35px!important
    }

    .mb_sm--35 {
        margin-bottom: 35px!important
    }

    .ptb_sm--40 {
        padding: 40px 0!important
    }

    .plr_sm--40 {
        padding: 0 40px!important
    }

    .pt_sm--40 {
        padding-top: 40px!important
    }

    .pb_sm--40 {
        padding-bottom: 40px!important
    }

    .pl_sm--40 {
        padding-left: 40px!important
    }

    .pr_sm--40 {
        padding-right: 40px!important
    }

    .mt_sm--40 {
        margin-top: 40px!important
    }

    .ml_sm--40 {
        margin-left: 40px!important
    }

    .mr_sm--40 {
        margin-right: 40px!important
    }

    .mb_sm--40 {
        margin-bottom: 40px!important
    }

    .ptb_sm--45 {
        padding: 45px 0!important
    }

    .plr_sm--45 {
        padding: 0 45px!important
    }

    .pt_sm--45 {
        padding-top: 45px!important
    }

    .pb_sm--45 {
        padding-bottom: 45px!important
    }

    .pl_sm--45 {
        padding-left: 45px!important
    }

    .pr_sm--45 {
        padding-right: 45px!important
    }

    .mt_sm--45 {
        margin-top: 45px!important
    }

    .ml_sm--45 {
        margin-left: 45px!important
    }

    .mr_sm--45 {
        margin-right: 45px!important
    }

    .mb_sm--45 {
        margin-bottom: 45px!important
    }

    .ptb_sm--50 {
        padding: 50px 0!important
    }

    .plr_sm--50 {
        padding: 0 50px!important
    }

    .pt_sm--50 {
        padding-top: 50px!important
    }

    .pb_sm--50 {
        padding-bottom: 50px!important
    }

    .pl_sm--50 {
        padding-left: 50px!important
    }

    .pr_sm--50 {
        padding-right: 50px!important
    }

    .mt_sm--50 {
        margin-top: 50px!important
    }

    .ml_sm--50 {
        margin-left: 50px!important
    }

    .mr_sm--50 {
        margin-right: 50px!important
    }

    .mb_sm--50 {
        margin-bottom: 50px!important
    }

    .ptb_sm--55 {
        padding: 55px 0!important
    }

    .plr_sm--55 {
        padding: 0 55px!important
    }

    .pt_sm--55 {
        padding-top: 55px!important
    }

    .pb_sm--55 {
        padding-bottom: 55px!important
    }

    .pl_sm--55 {
        padding-left: 55px!important
    }

    .pr_sm--55 {
        padding-right: 55px!important
    }

    .mt_sm--55 {
        margin-top: 55px!important
    }

    .ml_sm--55 {
        margin-left: 55px!important
    }

    .mr_sm--55 {
        margin-right: 55px!important
    }

    .mb_sm--55 {
        margin-bottom: 55px!important
    }

    .ptb_sm--60 {
        padding: 60px 0!important
    }

    .plr_sm--60 {
        padding: 0 60px!important
    }

    .pt_sm--60 {
        padding-top: 60px!important
    }

    .pb_sm--60 {
        padding-bottom: 60px!important
    }

    .pl_sm--60 {
        padding-left: 60px!important
    }

    .pr_sm--60 {
        padding-right: 60px!important
    }

    .mt_sm--60 {
        margin-top: 60px!important
    }

    .ml_sm--60 {
        margin-left: 60px!important
    }

    .mr_sm--60 {
        margin-right: 60px!important
    }

    .mb_sm--60 {
        margin-bottom: 60px!important
    }

    .ptb_sm--65 {
        padding: 65px 0!important
    }

    .plr_sm--65 {
        padding: 0 65px!important
    }

    .pt_sm--65 {
        padding-top: 65px!important
    }

    .pb_sm--65 {
        padding-bottom: 65px!important
    }

    .pl_sm--65 {
        padding-left: 65px!important
    }

    .pr_sm--65 {
        padding-right: 65px!important
    }

    .mt_sm--65 {
        margin-top: 65px!important
    }

    .ml_sm--65 {
        margin-left: 65px!important
    }

    .mr_sm--65 {
        margin-right: 65px!important
    }

    .mb_sm--65 {
        margin-bottom: 65px!important
    }

    .ptb_sm--70 {
        padding: 70px 0!important
    }

    .plr_sm--70 {
        padding: 0 70px!important
    }

    .pt_sm--70 {
        padding-top: 70px!important
    }

    .pb_sm--70 {
        padding-bottom: 70px!important
    }

    .pl_sm--70 {
        padding-left: 70px!important
    }

    .pr_sm--70 {
        padding-right: 70px!important
    }

    .mt_sm--70 {
        margin-top: 70px!important
    }

    .ml_sm--70 {
        margin-left: 70px!important
    }

    .mr_sm--70 {
        margin-right: 70px!important
    }

    .mb_sm--70 {
        margin-bottom: 70px!important
    }

    .ptb_sm--75 {
        padding: 75px 0!important
    }

    .plr_sm--75 {
        padding: 0 75px!important
    }

    .pt_sm--75 {
        padding-top: 75px!important
    }

    .pb_sm--75 {
        padding-bottom: 75px!important
    }

    .pl_sm--75 {
        padding-left: 75px!important
    }

    .pr_sm--75 {
        padding-right: 75px!important
    }

    .mt_sm--75 {
        margin-top: 75px!important
    }

    .ml_sm--75 {
        margin-left: 75px!important
    }

    .mr_sm--75 {
        margin-right: 75px!important
    }

    .mb_sm--75 {
        margin-bottom: 75px!important
    }

    .ptb_sm--80 {
        padding: 80px 0!important
    }

    .plr_sm--80 {
        padding: 0 80px!important
    }

    .pt_sm--80 {
        padding-top: 80px!important
    }

    .pb_sm--80 {
        padding-bottom: 80px!important
    }

    .pl_sm--80 {
        padding-left: 80px!important
    }

    .pr_sm--80 {
        padding-right: 80px!important
    }

    .mt_sm--80 {
        margin-top: 80px!important
    }

    .ml_sm--80 {
        margin-left: 80px!important
    }

    .mr_sm--80 {
        margin-right: 80px!important
    }

    .mb_sm--80 {
        margin-bottom: 80px!important
    }

    .ptb_sm--85 {
        padding: 85px 0!important
    }

    .plr_sm--85 {
        padding: 0 85px!important
    }

    .pt_sm--85 {
        padding-top: 85px!important
    }

    .pb_sm--85 {
        padding-bottom: 85px!important
    }

    .pl_sm--85 {
        padding-left: 85px!important
    }

    .pr_sm--85 {
        padding-right: 85px!important
    }

    .mt_sm--85 {
        margin-top: 85px!important
    }

    .ml_sm--85 {
        margin-left: 85px!important
    }

    .mr_sm--85 {
        margin-right: 85px!important
    }

    .mb_sm--85 {
        margin-bottom: 85px!important
    }

    .ptb_sm--90 {
        padding: 90px 0!important
    }

    .plr_sm--90 {
        padding: 0 90px!important
    }

    .pt_sm--90 {
        padding-top: 90px!important
    }

    .pb_sm--90 {
        padding-bottom: 90px!important
    }

    .pl_sm--90 {
        padding-left: 90px!important
    }

    .pr_sm--90 {
        padding-right: 90px!important
    }

    .mt_sm--90 {
        margin-top: 90px!important
    }

    .ml_sm--90 {
        margin-left: 90px!important
    }

    .mr_sm--90 {
        margin-right: 90px!important
    }

    .mb_sm--90 {
        margin-bottom: 90px!important
    }

    .ptb_sm--95 {
        padding: 95px 0!important
    }

    .plr_sm--95 {
        padding: 0 95px!important
    }

    .pt_sm--95 {
        padding-top: 95px!important
    }

    .pb_sm--95 {
        padding-bottom: 95px!important
    }

    .pl_sm--95 {
        padding-left: 95px!important
    }

    .pr_sm--95 {
        padding-right: 95px!important
    }

    .mt_sm--95 {
        margin-top: 95px!important
    }

    .ml_sm--95 {
        margin-left: 95px!important
    }

    .mr_sm--95 {
        margin-right: 95px!important
    }

    .mb_sm--95 {
        margin-bottom: 95px!important
    }

    .ptb_sm--100 {
        padding: 100px 0!important
    }

    .plr_sm--100 {
        padding: 0 100px!important
    }

    .pt_sm--100 {
        padding-top: 100px!important
    }

    .pb_sm--100 {
        padding-bottom: 100px!important
    }

    .pl_sm--100 {
        padding-left: 100px!important
    }

    .pr_sm--100 {
        padding-right: 100px!important
    }

    .mt_sm--100 {
        margin-top: 100px!important
    }

    .ml_sm--100 {
        margin-left: 100px!important
    }

    .mr_sm--100 {
        margin-right: 100px!important
    }

    .mb_sm--100 {
        margin-bottom: 100px!important
    }

    .ptb_sm--105 {
        padding: 105px 0!important
    }

    .plr_sm--105 {
        padding: 0 105px!important
    }

    .pt_sm--105 {
        padding-top: 105px!important
    }

    .pb_sm--105 {
        padding-bottom: 105px!important
    }

    .pl_sm--105 {
        padding-left: 105px!important
    }

    .pr_sm--105 {
        padding-right: 105px!important
    }

    .mt_sm--105 {
        margin-top: 105px!important
    }

    .ml_sm--105 {
        margin-left: 105px!important
    }

    .mr_sm--105 {
        margin-right: 105px!important
    }

    .mb_sm--105 {
        margin-bottom: 105px!important
    }

    .ptb_sm--110 {
        padding: 110px 0!important
    }

    .plr_sm--110 {
        padding: 0 110px!important
    }

    .pt_sm--110 {
        padding-top: 110px!important
    }

    .pb_sm--110 {
        padding-bottom: 110px!important
    }

    .pl_sm--110 {
        padding-left: 110px!important
    }

    .pr_sm--110 {
        padding-right: 110px!important
    }

    .mt_sm--110 {
        margin-top: 110px!important
    }

    .ml_sm--110 {
        margin-left: 110px!important
    }

    .mr_sm--110 {
        margin-right: 110px!important
    }

    .mb_sm--110 {
        margin-bottom: 110px!important
    }

    .ptb_sm--115 {
        padding: 115px 0!important
    }

    .plr_sm--115 {
        padding: 0 115px!important
    }

    .pt_sm--115 {
        padding-top: 115px!important
    }

    .pb_sm--115 {
        padding-bottom: 115px!important
    }

    .pl_sm--115 {
        padding-left: 115px!important
    }

    .pr_sm--115 {
        padding-right: 115px!important
    }

    .mt_sm--115 {
        margin-top: 115px!important
    }

    .ml_sm--115 {
        margin-left: 115px!important
    }

    .mr_sm--115 {
        margin-right: 115px!important
    }

    .mb_sm--115 {
        margin-bottom: 115px!important
    }

    .ptb_sm--120 {
        padding: 120px 0!important
    }

    .plr_sm--120 {
        padding: 0 120px!important
    }

    .pt_sm--120 {
        padding-top: 120px!important
    }

    .pb_sm--120 {
        padding-bottom: 120px!important
    }

    .pl_sm--120 {
        padding-left: 120px!important
    }

    .pr_sm--120 {
        padding-right: 120px!important
    }

    .mt_sm--120 {
        margin-top: 120px!important
    }

    .ml_sm--120 {
        margin-left: 120px!important
    }

    .mr_sm--120 {
        margin-right: 120px!important
    }

    .mb_sm--120 {
        margin-bottom: 120px!important
    }

    .ptb_sm--125 {
        padding: 125px 0!important
    }

    .plr_sm--125 {
        padding: 0 125px!important
    }

    .pt_sm--125 {
        padding-top: 125px!important
    }

    .pb_sm--125 {
        padding-bottom: 125px!important
    }

    .pl_sm--125 {
        padding-left: 125px!important
    }

    .pr_sm--125 {
        padding-right: 125px!important
    }

    .mt_sm--125 {
        margin-top: 125px!important
    }

    .ml_sm--125 {
        margin-left: 125px!important
    }

    .mr_sm--125 {
        margin-right: 125px!important
    }

    .mb_sm--125 {
        margin-bottom: 125px!important
    }

    .ptb_sm--130 {
        padding: 130px 0!important
    }

    .plr_sm--130 {
        padding: 0 130px!important
    }

    .pt_sm--130 {
        padding-top: 130px!important
    }

    .pb_sm--130 {
        padding-bottom: 130px!important
    }

    .pl_sm--130 {
        padding-left: 130px!important
    }

    .pr_sm--130 {
        padding-right: 130px!important
    }

    .mt_sm--130 {
        margin-top: 130px!important
    }

    .ml_sm--130 {
        margin-left: 130px!important
    }

    .mr_sm--130 {
        margin-right: 130px!important
    }

    .mb_sm--130 {
        margin-bottom: 130px!important
    }

    .ptb_sm--135 {
        padding: 135px 0!important
    }

    .plr_sm--135 {
        padding: 0 135px!important
    }

    .pt_sm--135 {
        padding-top: 135px!important
    }

    .pb_sm--135 {
        padding-bottom: 135px!important
    }

    .pl_sm--135 {
        padding-left: 135px!important
    }

    .pr_sm--135 {
        padding-right: 135px!important
    }

    .mt_sm--135 {
        margin-top: 135px!important
    }

    .ml_sm--135 {
        margin-left: 135px!important
    }

    .mr_sm--135 {
        margin-right: 135px!important
    }

    .mb_sm--135 {
        margin-bottom: 135px!important
    }

    .ptb_sm--140 {
        padding: 140px 0!important
    }

    .plr_sm--140 {
        padding: 0 140px!important
    }

    .pt_sm--140 {
        padding-top: 140px!important
    }

    .pb_sm--140 {
        padding-bottom: 140px!important
    }

    .pl_sm--140 {
        padding-left: 140px!important
    }

    .pr_sm--140 {
        padding-right: 140px!important
    }

    .mt_sm--140 {
        margin-top: 140px!important
    }

    .ml_sm--140 {
        margin-left: 140px!important
    }

    .mr_sm--140 {
        margin-right: 140px!important
    }

    .mb_sm--140 {
        margin-bottom: 140px!important
    }

    .ptb_sm--145 {
        padding: 145px 0!important
    }

    .plr_sm--145 {
        padding: 0 145px!important
    }

    .pt_sm--145 {
        padding-top: 145px!important
    }

    .pb_sm--145 {
        padding-bottom: 145px!important
    }

    .pl_sm--145 {
        padding-left: 145px!important
    }

    .pr_sm--145 {
        padding-right: 145px!important
    }

    .mt_sm--145 {
        margin-top: 145px!important
    }

    .ml_sm--145 {
        margin-left: 145px!important
    }

    .mr_sm--145 {
        margin-right: 145px!important
    }

    .mb_sm--145 {
        margin-bottom: 145px!important
    }

    .ptb_sm--150 {
        padding: 150px 0!important
    }

    .plr_sm--150 {
        padding: 0 150px!important
    }

    .pt_sm--150 {
        padding-top: 150px!important
    }

    .pb_sm--150 {
        padding-bottom: 150px!important
    }

    .pl_sm--150 {
        padding-left: 150px!important
    }

    .pr_sm--150 {
        padding-right: 150px!important
    }

    .mt_sm--150 {
        margin-top: 150px!important
    }

    .ml_sm--150 {
        margin-left: 150px!important
    }

    .mr_sm--150 {
        margin-right: 150px!important
    }

    .mb_sm--150 {
        margin-bottom: 150px!important
    }

    .ptb_sm--155 {
        padding: 155px 0!important
    }

    .plr_sm--155 {
        padding: 0 155px!important
    }

    .pt_sm--155 {
        padding-top: 155px!important
    }

    .pb_sm--155 {
        padding-bottom: 155px!important
    }

    .pl_sm--155 {
        padding-left: 155px!important
    }

    .pr_sm--155 {
        padding-right: 155px!important
    }

    .mt_sm--155 {
        margin-top: 155px!important
    }

    .ml_sm--155 {
        margin-left: 155px!important
    }

    .mr_sm--155 {
        margin-right: 155px!important
    }

    .mb_sm--155 {
        margin-bottom: 155px!important
    }

    .ptb_sm--160 {
        padding: 160px 0!important
    }

    .plr_sm--160 {
        padding: 0 160px!important
    }

    .pt_sm--160 {
        padding-top: 160px!important
    }

    .pb_sm--160 {
        padding-bottom: 160px!important
    }

    .pl_sm--160 {
        padding-left: 160px!important
    }

    .pr_sm--160 {
        padding-right: 160px!important
    }

    .mt_sm--160 {
        margin-top: 160px!important
    }

    .ml_sm--160 {
        margin-left: 160px!important
    }

    .mr_sm--160 {
        margin-right: 160px!important
    }

    .mb_sm--160 {
        margin-bottom: 160px!important
    }

    .ptb_sm--165 {
        padding: 165px 0!important
    }

    .plr_sm--165 {
        padding: 0 165px!important
    }

    .pt_sm--165 {
        padding-top: 165px!important
    }

    .pb_sm--165 {
        padding-bottom: 165px!important
    }

    .pl_sm--165 {
        padding-left: 165px!important
    }

    .pr_sm--165 {
        padding-right: 165px!important
    }

    .mt_sm--165 {
        margin-top: 165px!important
    }

    .ml_sm--165 {
        margin-left: 165px!important
    }

    .mr_sm--165 {
        margin-right: 165px!important
    }

    .mb_sm--165 {
        margin-bottom: 165px!important
    }

    .ptb_sm--170 {
        padding: 170px 0!important
    }

    .plr_sm--170 {
        padding: 0 170px!important
    }

    .pt_sm--170 {
        padding-top: 170px!important
    }

    .pb_sm--170 {
        padding-bottom: 170px!important
    }

    .pl_sm--170 {
        padding-left: 170px!important
    }

    .pr_sm--170 {
        padding-right: 170px!important
    }

    .mt_sm--170 {
        margin-top: 170px!important
    }

    .ml_sm--170 {
        margin-left: 170px!important
    }

    .mr_sm--170 {
        margin-right: 170px!important
    }

    .mb_sm--170 {
        margin-bottom: 170px!important
    }

    .ptb_sm--175 {
        padding: 175px 0!important
    }

    .plr_sm--175 {
        padding: 0 175px!important
    }

    .pt_sm--175 {
        padding-top: 175px!important
    }

    .pb_sm--175 {
        padding-bottom: 175px!important
    }

    .pl_sm--175 {
        padding-left: 175px!important
    }

    .pr_sm--175 {
        padding-right: 175px!important
    }

    .mt_sm--175 {
        margin-top: 175px!important
    }

    .ml_sm--175 {
        margin-left: 175px!important
    }

    .mr_sm--175 {
        margin-right: 175px!important
    }

    .mb_sm--175 {
        margin-bottom: 175px!important
    }

    .ptb_sm--180 {
        padding: 180px 0!important
    }

    .plr_sm--180 {
        padding: 0 180px!important
    }

    .pt_sm--180 {
        padding-top: 180px!important
    }

    .pb_sm--180 {
        padding-bottom: 180px!important
    }

    .pl_sm--180 {
        padding-left: 180px!important
    }

    .pr_sm--180 {
        padding-right: 180px!important
    }

    .mt_sm--180 {
        margin-top: 180px!important
    }

    .ml_sm--180 {
        margin-left: 180px!important
    }

    .mr_sm--180 {
        margin-right: 180px!important
    }

    .mb_sm--180 {
        margin-bottom: 180px!important
    }

    .ptb_sm--185 {
        padding: 185px 0!important
    }

    .plr_sm--185 {
        padding: 0 185px!important
    }

    .pt_sm--185 {
        padding-top: 185px!important
    }

    .pb_sm--185 {
        padding-bottom: 185px!important
    }

    .pl_sm--185 {
        padding-left: 185px!important
    }

    .pr_sm--185 {
        padding-right: 185px!important
    }

    .mt_sm--185 {
        margin-top: 185px!important
    }

    .ml_sm--185 {
        margin-left: 185px!important
    }

    .mr_sm--185 {
        margin-right: 185px!important
    }

    .mb_sm--185 {
        margin-bottom: 185px!important
    }

    .ptb_sm--190 {
        padding: 190px 0!important
    }

    .plr_sm--190 {
        padding: 0 190px!important
    }

    .pt_sm--190 {
        padding-top: 190px!important
    }

    .pb_sm--190 {
        padding-bottom: 190px!important
    }

    .pl_sm--190 {
        padding-left: 190px!important
    }

    .pr_sm--190 {
        padding-right: 190px!important
    }

    .mt_sm--190 {
        margin-top: 190px!important
    }

    .ml_sm--190 {
        margin-left: 190px!important
    }

    .mr_sm--190 {
        margin-right: 190px!important
    }

    .mb_sm--190 {
        margin-bottom: 190px!important
    }

    .ptb_sm--195 {
        padding: 195px 0!important
    }

    .plr_sm--195 {
        padding: 0 195px!important
    }

    .pt_sm--195 {
        padding-top: 195px!important
    }

    .pb_sm--195 {
        padding-bottom: 195px!important
    }

    .pl_sm--195 {
        padding-left: 195px!important
    }

    .pr_sm--195 {
        padding-right: 195px!important
    }

    .mt_sm--195 {
        margin-top: 195px!important
    }

    .ml_sm--195 {
        margin-left: 195px!important
    }

    .mr_sm--195 {
        margin-right: 195px!important
    }

    .mb_sm--195 {
        margin-bottom: 195px!important
    }

    .ptb_sm--200 {
        padding: 200px 0!important
    }

    .plr_sm--200 {
        padding: 0 200px!important
    }

    .pt_sm--200 {
        padding-top: 200px!important
    }

    .pb_sm--200 {
        padding-bottom: 200px!important
    }

    .pl_sm--200 {
        padding-left: 200px!important
    }

    .pr_sm--200 {
        padding-right: 200px!important
    }

    .mt_sm--200 {
        margin-top: 200px!important
    }

    .ml_sm--200 {
        margin-left: 200px!important
    }

    .mr_sm--200 {
        margin-right: 200px!important
    }

    .mb_sm--200 {
        margin-bottom: 200px!important
    }

    .pl_sm--0 {
        padding-left: 0
    }

    .pr_sm--0 {
        padding-right: 0
    }

    .pt_sm--0 {
        padding-top: 0
    }

    .pb_sm--0 {
        padding-bottom: 0
    }

    .mr_sm--0 {
        margin-right: 0
    }

    .ml_sm--0 {
        margin-left: 0
    }

    .mt_sm--0 {
        margin-top: 0
    }

    .mb_sm--0 {
        margin-bottom: 0
    }
}

@media only screen and (max-width: 575px) {
    .ptb_mobile--5 {
        padding:5px 0!important
    }

    .plr_mobile--5 {
        padding: 0 5px!important
    }

    .pt_mobile--5 {
        padding-top: 5px!important
    }

    .pb_mobile--5 {
        padding-bottom: 5px!important
    }

    .pl_mobile--5 {
        padding-left: 5px!important
    }

    .pr_mobile--5 {
        padding-right: 5px!important
    }

    .mt_mobile--5 {
        margin-top: 5px!important
    }

    .mb_mobile--5 {
        margin-bottom: 5px!important
    }

    .ptb_mobile--10 {
        padding: 10px 0!important
    }

    .plr_mobile--10 {
        padding: 0 10px!important
    }

    .pt_mobile--10 {
        padding-top: 10px!important
    }

    .pb_mobile--10 {
        padding-bottom: 10px!important
    }

    .pl_mobile--10 {
        padding-left: 10px!important
    }

    .pr_mobile--10 {
        padding-right: 10px!important
    }

    .mt_mobile--10 {
        margin-top: 10px!important
    }

    .mb_mobile--10 {
        margin-bottom: 10px!important
    }

    .ptb_mobile--15 {
        padding: 15px 0!important
    }

    .plr_mobile--15 {
        padding: 0 15px!important
    }

    .pt_mobile--15 {
        padding-top: 15px!important
    }

    .pb_mobile--15 {
        padding-bottom: 15px!important
    }

    .pl_mobile--15 {
        padding-left: 15px!important
    }

    .pr_mobile--15 {
        padding-right: 15px!important
    }

    .mt_mobile--15 {
        margin-top: 15px!important
    }

    .mb_mobile--15 {
        margin-bottom: 15px!important
    }

    .ptb_mobile--20 {
        padding: 20px 0!important
    }

    .plr_mobile--20 {
        padding: 0 20px!important
    }

    .pt_mobile--20 {
        padding-top: 20px!important
    }

    .pb_mobile--20 {
        padding-bottom: 20px!important
    }

    .pl_mobile--20 {
        padding-left: 20px!important
    }

    .pr_mobile--20 {
        padding-right: 20px!important
    }

    .mt_mobile--20 {
        margin-top: 20px!important
    }

    .mb_mobile--20 {
        margin-bottom: 20px!important
    }

    .ptb_mobile--25 {
        padding: 25px 0!important
    }

    .plr_mobile--25 {
        padding: 0 25px!important
    }

    .pt_mobile--25 {
        padding-top: 25px!important
    }

    .pb_mobile--25 {
        padding-bottom: 25px!important
    }

    .pl_mobile--25 {
        padding-left: 25px!important
    }

    .pr_mobile--25 {
        padding-right: 25px!important
    }

    .mt_mobile--25 {
        margin-top: 25px!important
    }

    .mb_mobile--25 {
        margin-bottom: 25px!important
    }

    .ptb_mobile--30 {
        padding: 30px 0!important
    }

    .plr_mobile--30 {
        padding: 0 30px!important
    }

    .pt_mobile--30 {
        padding-top: 30px!important
    }

    .pb_mobile--30 {
        padding-bottom: 30px!important
    }

    .pl_mobile--30 {
        padding-left: 30px!important
    }

    .pr_mobile--30 {
        padding-right: 30px!important
    }

    .mt_mobile--30 {
        margin-top: 30px!important
    }

    .mb_mobile--30 {
        margin-bottom: 30px!important
    }

    .ptb_mobile--35 {
        padding: 35px 0!important
    }

    .plr_mobile--35 {
        padding: 0 35px!important
    }

    .pt_mobile--35 {
        padding-top: 35px!important
    }

    .pb_mobile--35 {
        padding-bottom: 35px!important
    }

    .pl_mobile--35 {
        padding-left: 35px!important
    }

    .pr_mobile--35 {
        padding-right: 35px!important
    }

    .mt_mobile--35 {
        margin-top: 35px!important
    }

    .mb_mobile--35 {
        margin-bottom: 35px!important
    }

    .ptb_mobile--40 {
        padding: 40px 0!important
    }

    .plr_mobile--40 {
        padding: 0 40px!important
    }

    .pt_mobile--40 {
        padding-top: 40px!important
    }

    .pb_mobile--40 {
        padding-bottom: 40px!important
    }

    .pl_mobile--40 {
        padding-left: 40px!important
    }

    .pr_mobile--40 {
        padding-right: 40px!important
    }

    .mt_mobile--40 {
        margin-top: 40px!important
    }

    .mb_mobile--40 {
        margin-bottom: 40px!important
    }

    .ptb_mobile--45 {
        padding: 45px 0!important
    }

    .plr_mobile--45 {
        padding: 0 45px!important
    }

    .pt_mobile--45 {
        padding-top: 45px!important
    }

    .pb_mobile--45 {
        padding-bottom: 45px!important
    }

    .pl_mobile--45 {
        padding-left: 45px!important
    }

    .pr_mobile--45 {
        padding-right: 45px!important
    }

    .mt_mobile--45 {
        margin-top: 45px!important
    }

    .mb_mobile--45 {
        margin-bottom: 45px!important
    }

    .ptb_mobile--50 {
        padding: 50px 0!important
    }

    .plr_mobile--50 {
        padding: 0 50px!important
    }

    .pt_mobile--50 {
        padding-top: 50px!important
    }

    .pb_mobile--50 {
        padding-bottom: 50px!important
    }

    .pl_mobile--50 {
        padding-left: 50px!important
    }

    .pr_mobile--50 {
        padding-right: 50px!important
    }

    .mt_mobile--50 {
        margin-top: 50px!important
    }

    .mb_mobile--50 {
        margin-bottom: 50px!important
    }

    .ptb_mobile--55 {
        padding: 55px 0!important
    }

    .plr_mobile--55 {
        padding: 0 55px!important
    }

    .pt_mobile--55 {
        padding-top: 55px!important
    }

    .pb_mobile--55 {
        padding-bottom: 55px!important
    }

    .pl_mobile--55 {
        padding-left: 55px!important
    }

    .pr_mobile--55 {
        padding-right: 55px!important
    }

    .mt_mobile--55 {
        margin-top: 55px!important
    }

    .mb_mobile--55 {
        margin-bottom: 55px!important
    }

    .ptb_mobile--60 {
        padding: 60px 0!important
    }

    .plr_mobile--60 {
        padding: 0 60px!important
    }

    .pt_mobile--60 {
        padding-top: 60px!important
    }

    .pb_mobile--60 {
        padding-bottom: 60px!important
    }

    .pl_mobile--60 {
        padding-left: 60px!important
    }

    .pr_mobile--60 {
        padding-right: 60px!important
    }

    .mt_mobile--60 {
        margin-top: 60px!important
    }

    .mb_mobile--60 {
        margin-bottom: 60px!important
    }

    .ptb_mobile--65 {
        padding: 65px 0!important
    }

    .plr_mobile--65 {
        padding: 0 65px!important
    }

    .pt_mobile--65 {
        padding-top: 65px!important
    }

    .pb_mobile--65 {
        padding-bottom: 65px!important
    }

    .pl_mobile--65 {
        padding-left: 65px!important
    }

    .pr_mobile--65 {
        padding-right: 65px!important
    }

    .mt_mobile--65 {
        margin-top: 65px!important
    }

    .mb_mobile--65 {
        margin-bottom: 65px!important
    }

    .ptb_mobile--70 {
        padding: 70px 0!important
    }

    .plr_mobile--70 {
        padding: 0 70px!important
    }

    .pt_mobile--70 {
        padding-top: 70px!important
    }

    .pb_mobile--70 {
        padding-bottom: 70px!important
    }

    .pl_mobile--70 {
        padding-left: 70px!important
    }

    .pr_mobile--70 {
        padding-right: 70px!important
    }

    .mt_mobile--70 {
        margin-top: 70px!important
    }

    .mb_mobile--70 {
        margin-bottom: 70px!important
    }

    .ptb_mobile--75 {
        padding: 75px 0!important
    }

    .plr_mobile--75 {
        padding: 0 75px!important
    }

    .pt_mobile--75 {
        padding-top: 75px!important
    }

    .pb_mobile--75 {
        padding-bottom: 75px!important
    }

    .pl_mobile--75 {
        padding-left: 75px!important
    }

    .pr_mobile--75 {
        padding-right: 75px!important
    }

    .mt_mobile--75 {
        margin-top: 75px!important
    }

    .mb_mobile--75 {
        margin-bottom: 75px!important
    }

    .ptb_mobile--80 {
        padding: 80px 0!important
    }

    .plr_mobile--80 {
        padding: 0 80px!important
    }

    .pt_mobile--80 {
        padding-top: 80px!important
    }

    .pb_mobile--80 {
        padding-bottom: 80px!important
    }

    .pl_mobile--80 {
        padding-left: 80px!important
    }

    .pr_mobile--80 {
        padding-right: 80px!important
    }

    .mt_mobile--80 {
        margin-top: 80px!important
    }

    .mb_mobile--80 {
        margin-bottom: 80px!important
    }

    .ptb_mobile--85 {
        padding: 85px 0!important
    }

    .plr_mobile--85 {
        padding: 0 85px!important
    }

    .pt_mobile--85 {
        padding-top: 85px!important
    }

    .pb_mobile--85 {
        padding-bottom: 85px!important
    }

    .pl_mobile--85 {
        padding-left: 85px!important
    }

    .pr_mobile--85 {
        padding-right: 85px!important
    }

    .mt_mobile--85 {
        margin-top: 85px!important
    }

    .mb_mobile--85 {
        margin-bottom: 85px!important
    }

    .ptb_mobile--90 {
        padding: 90px 0!important
    }

    .plr_mobile--90 {
        padding: 0 90px!important
    }

    .pt_mobile--90 {
        padding-top: 90px!important
    }

    .pb_mobile--90 {
        padding-bottom: 90px!important
    }

    .pl_mobile--90 {
        padding-left: 90px!important
    }

    .pr_mobile--90 {
        padding-right: 90px!important
    }

    .mt_mobile--90 {
        margin-top: 90px!important
    }

    .mb_mobile--90 {
        margin-bottom: 90px!important
    }

    .ptb_mobile--95 {
        padding: 95px 0!important
    }

    .plr_mobile--95 {
        padding: 0 95px!important
    }

    .pt_mobile--95 {
        padding-top: 95px!important
    }

    .pb_mobile--95 {
        padding-bottom: 95px!important
    }

    .pl_mobile--95 {
        padding-left: 95px!important
    }

    .pr_mobile--95 {
        padding-right: 95px!important
    }

    .mt_mobile--95 {
        margin-top: 95px!important
    }

    .mb_mobile--95 {
        margin-bottom: 95px!important
    }

    .ptb_mobile--100 {
        padding: 100px 0!important
    }

    .plr_mobile--100 {
        padding: 0 100px!important
    }

    .pt_mobile--100 {
        padding-top: 100px!important
    }

    .pb_mobile--100 {
        padding-bottom: 100px!important
    }

    .pl_mobile--100 {
        padding-left: 100px!important
    }

    .pr_mobile--100 {
        padding-right: 100px!important
    }

    .mt_mobile--100 {
        margin-top: 100px!important
    }

    .mb_mobile--100 {
        margin-bottom: 100px!important
    }
}

.slick-gutter-5 {
    margin-left: -5px;
    margin-right: -5px
}

.slick-gutter-5 .slick-slide {
    padding-left: 5px;
    padding-right: 5px
}

.slick-gutter-10 {
    margin-left: -10px;
    margin-right: -10px
}

.slick-gutter-10 .slick-slide {
    padding-left: 10px;
    padding-right: 10px
}

.slick-gutter-15 {
    margin-left: -15px;
    margin-right: -15px
}

.slick-gutter-15 .slick-slide {
    padding-left: 15px;
    padding-right: 15px
}

.slick-gutter-20 {
    margin-left: -20px;
    margin-right: -20px
}

.slick-gutter-20 .slick-slide {
    padding-left: 20px;
    padding-right: 20px
}

.slick-gutter-25 {
    margin-left: -25px;
    margin-right: -25px
}

.slick-gutter-25 .slick-slide {
    padding-left: 25px;
    padding-right: 25px
}

.slick-gutter-30 {
    margin-left: -30px;
    margin-right: -30px
}

.slick-gutter-30 .slick-slide {
    padding-left: 30px;
    padding-right: 30px
}

.slick-gutter-35 {
    margin-left: -35px;
    margin-right: -35px
}

.slick-gutter-35 .slick-slide {
    padding-left: 35px;
    padding-right: 35px
}

.slick-gutter-40 {
    margin-left: -40px;
    margin-right: -40px
}

.slick-gutter-40 .slick-slide {
    padding-left: 40px;
    padding-right: 40px
}

.slick-gutter-45 {
    margin-left: -45px;
    margin-right: -45px
}

.slick-gutter-45 .slick-slide {
    padding-left: 45px;
    padding-right: 45px
}

.slick-gutter-50 {
    margin-left: -50px;
    margin-right: -50px
}

.slick-gutter-50 .slick-slide {
    padding-left: 50px;
    padding-right: 50px
}

.slick-gutter-55 {
    margin-left: -55px;
    margin-right: -55px
}

.slick-gutter-55 .slick-slide {
    padding-left: 55px;
    padding-right: 55px
}

.slick-gutter-60 {
    margin-left: -60px;
    margin-right: -60px
}

.slick-gutter-60 .slick-slide {
    padding-left: 60px;
    padding-right: 60px
}

.slick-gutter-65 {
    margin-left: -65px;
    margin-right: -65px
}

.slick-gutter-65 .slick-slide {
    padding-left: 65px;
    padding-right: 65px
}

.slick-gutter-70 {
    margin-left: -70px;
    margin-right: -70px
}

.slick-gutter-70 .slick-slide {
    padding-left: 70px;
    padding-right: 70px
}

.slick-gutter-75 {
    margin-left: -75px;
    margin-right: -75px
}

.slick-gutter-75 .slick-slide {
    padding-left: 75px;
    padding-right: 75px
}

.slick-gutter-80 {
    margin-left: -80px;
    margin-right: -80px
}

.slick-gutter-80 .slick-slide {
    padding-left: 80px;
    padding-right: 80px
}

.slick-gutter-85 {
    margin-left: -85px;
    margin-right: -85px
}

.slick-gutter-85 .slick-slide {
    padding-left: 85px;
    padding-right: 85px
}

.slick-gutter-90 {
    margin-left: -90px;
    margin-right: -90px
}

.slick-gutter-90 .slick-slide {
    padding-left: 90px;
    padding-right: 90px
}

.slick-gutter-95 {
    margin-left: -95px;
    margin-right: -95px
}

.slick-gutter-95 .slick-slide {
    padding-left: 95px;
    padding-right: 95px
}

.slick-gutter-100 {
    margin-left: -100px;
    margin-right: -100px
}

.slick-gutter-100 .slick-slide {
    padding-left: 100px;
    padding-right: 100px
}

.mt-dec-30,.mt_dec--30 {
    margin-top: -30px!important
}

.mt-dec-100 {
    margin-top: -100px!important
}

@media only screen and (max-width: 479px) {
    .small-margin-pricing {
        margin-bottom:25px!important
    }

    .contact-input {
        margin-bottom: 35px
    }
}

@media only screen and (min-width: 768px)and (max-width:991px) {
    .mb_dec--35 {
        margin-bottom:-50px
    }
}

@media only screen and (max-width: 767px) {
    .mb_dec--35 {
        margin-bottom:-75px
    }
}

@media only screen and (max-width: 575px) {
    .mb_dec--35 {
        margin-bottom:0
    }

    .mt-contact-sm {
        margin-top: 30px!important
    }
}

@media only screen and (min-width: 992px)and (max-width:1199px) {
    .testimonial-pb {
        padding-bottom:35px
    }
}

@media only screen and (min-width: 768px)and (max-width:991px) {
    .contact-input {
        padding-bottom:30px
    }
}

@media only screen and (max-width: 767px) {
    .contact-input {
        padding-bottom:30px
    }
}

.pb_xl--130 {
    padding-bottom: 130px
}

@media only screen and (max-width: 1199px) {
    .pb_xl--130 {
        padding-bottom:110px
    }

    .mt_experience {
        margin-top: -10px
    }
}

.mt_dec--120 {
    margin-top: -120px
}

@media only screen and (min-width: 768px)and (max-width:991px) {
    .plr_md--0 {
        padding-left:0!important;
        padding-right: 0!important
    }

    .plr_md--30 {
        padding-left: 30!important;
        padding-right: 30!important
    }
}

@media only screen and (max-width: 400px) {
    .plr--10 {
        padding:0 10px!important
    }
}

.padding-contorler-am-slide {
    padding-left: 246px
}

@media only screen and (min-width: 1200px)and (max-width:1599px) {
    .padding-contorler-am-slide {
        padding-left:100px
    }
}

@media only screen and (max-width: 1199px) {
    .padding-contorler-am-slide {
        padding-left:100px
    }
}

@media only screen and (min-width: 768px)and (max-width:991px) {
    .padding-contorler-am-slide {
        padding-left:50px
    }
}

@media only screen and (max-width: 767px) {
    .padding-contorler-am-slide {
        padding-left:15px
    }
}

.padding-contorler-am-slide-11 {
    padding-left: 246px
}

@media only screen and (min-width: 1200px)and (max-width:1599px) {
    .padding-contorler-am-slide-11 {
        padding-left:100px
    }
}

@media only screen and (max-width: 1199px) {
    .padding-contorler-am-slide-11 {
        padding-left:0
    }
}

.padding-contorler-am-slide-right {
    padding-right: 200px
}

@media only screen and (min-width: 1200px)and (max-width:1599px) {
    .padding-contorler-am-slide-right {
        padding-right:30px
    }
}

@media only screen and (max-width: 1199px) {
    .padding-contorler-am-slide-right {
        padding-right:30px;
        padding-top: 50px
    }
}

@media only screen and (max-width: 767px) {
    .padding-contorler-am-slide-right {
        padding-right:30px;
        padding-top: 50px
    }
}

* {
    box-sizing: border-box
}

article,aside,details,figcaption,figure,footer,header,nav,section,summary {
    display: block
}

audio,canvas,video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden] {
    display: none
}

a {
    color: var(--text-body)
}

a,a:active,a:focus,a:hover {
    outline: none;
    text-decoration: none
}

a:active,a:focus,a:hover {
    color: var(--color-primary)
}

a:focus {
    outline: none
}

address {
    margin: 0 0 24px
}

abbr[title] {
    border-bottom: 1px dotted
}

b,strong {
    font-weight: 700
}

mark {
    background: var(--color-primary);
    color: #fff
}

code,kbd,pre,samp {
    color: var(--color-primary);
    font-size: var(--font-size-b3);
    -webkit-hyphens: none;
    hyphens: none
}

ins,kbd {
    color: #fff
}

pre {
    word-wrap: break-word;
    background: var(--color-lighter);
    color: var(--color-body);
    font-family: Raleway,sans-serif;
    font-size: var(--font-size-b3);
    margin: 10px 0;
    overflow: auto;
    padding: 20px;
    white-space: pre;
    white-space: pre-wrap
}

small {
    font-size: smaller
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

dl {
    margin-bottom: 10px;
    margin-top: 0
}

dt {
    color: var(--color-heading)
}

menu,ol,ul {
    margin: 16px 0;
    padding: 0 0 0 40px
}

nav ol,nav ul {
    list-style: none;
    list-style-image: none
}

li>ol,li>ul {
    margin: 0
}

ol ul {
    margin-bottom: 0
}

img {
    -ms-interpolation-mode: bicubic;
    border: 0;
    height: auto;
    max-width: 100%;
    vertical-align: middle
}

svg:not(:root) {
    overflow: hidden
}

figure,form {
    margin: 0
}

fieldset {
    border: 1px solid var(--color-border);
    margin: 0 2px;
    min-width: inherit;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0;
    white-space: normal
}

button,input,select,textarea {
    font-size: 100%;
    margin: 0;
    max-width: 100%;
    vertical-align: baseline
}

button,input {
    line-height: normal
}

button,html input[type=button],input[type=reset],input[type=submit] {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    cursor: pointer
}

button[disabled],input[disabled] {
    cursor: default
}

input[type=checkbox],input[type=radio] {
    padding: 0
}

input[type=search] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
    padding-right: 2px;
    width: 270px
}

input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
    appearance: none
}

button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    vertical-align: top
}

caption,td,th {
    font-weight: 400
}

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

.wp-block-calendar tfoot td,td {
    border: 1px solid var(--color-border);
    padding: 7px 10px
}

del {
    color: #333
}

ins {
    background: rgba(255,47,47,.4);
    text-decoration: none
}

hr {
    background-size: 4px 4px;
    border: 0;
    height: 1px;
    margin: 0 0 24px
}

table a,table a:link,table a:visited {
    text-decoration: underline
}

dt {
    font-weight: 700;
    margin-bottom: 10px
}

dd {
    margin: 0 15px 15px
}

caption {
    caption-side: top
}

kbd {
    background: var(--color-heading)
}

cite,dfn,em {
    font-style: italic
}

blockquote,q {
    -webkit-hyphens: none;
    hyphens: none;
    quotes: none
}

blockquote:after,blockquote:before,q:after,q:before {
    content: "";
    content: none
}

blockquote {
    font-size: var(--font-size-b1);
    font-style: italic;
    font-weight: var(--p-light);
    margin: 24px 40px
}

blockquote blockquote {
    margin-right: 0
}

blockquote cite,blockquote small {
    font-size: var(--font-size-b3);
    font-weight: 400
}

blockquote b,blockquote strong {
    font-weight: 700
}

button,input,select,textarea {
    background: transparent;
    border: 1px solid var(--color-border);
    color: var(--color-body);
    transition: all .4s ease-out 0s;
    width: 100%
}

button:active,button:focus,input:active,input:focus,select:active,select:focus,textarea:active,textarea:focus {
    border-color: var(--color-primary);
    outline: none
}

[type=button],[type=reset],[type=submit],button {
    -webkit-appearance: button
}

input {
    height: 40px;
    padding: 0 15px
}

input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text],textarea {
    background: transparent;
    border: var(--border-width) solid var(--color-border);
    border-radius: var(--radius);
    box-shadow: none;
    font-size: var(--font-size-b2);
    font-weight: 400;
    height: auto;
    line-height: 28px;
    outline: none;
    padding: 0 15px
}

input[type=email]::-moz-placeholder,input[type=number]::-moz-placeholder,input[type=password]::-moz-placeholder,input[type=tel]::-moz-placeholder,input[type=text]::-moz-placeholder,textarea::-moz-placeholder {
    color: var(--body-color);
    opacity: 1
}

input[type=email]::placeholder,input[type=number]::placeholder,input[type=password]::placeholder,input[type=tel]::placeholder,input[type=text]::placeholder,textarea::placeholder {
    color: var(--body-color);
    opacity: 1
}

input[type=email]:-ms-input-placeholder,input[type=number]:-ms-input-placeholder,input[type=password]:-ms-input-placeholder,input[type=tel]:-ms-input-placeholder,input[type=text]:-ms-input-placeholder,textarea:-ms-input-placeholder {
    color: var(--body-color)
}

input[type=email]::-ms-input-placeholder,input[type=number]::-ms-input-placeholder,input[type=password]::-ms-input-placeholder,input[type=tel]::-ms-input-placeholder,input[type=text]::-ms-input-placeholder,textarea::-ms-input-placeholder {
    color: var(--body-color)
}

.input-active input[type=email],.input-active input[type=number],.input-active input[type=password],.input-active input[type=tel],.input-active input[type=text],input[type=email].input-active,input[type=email].p-holder__active,input[type=number].input-active,input[type=number].p-holder__active,input[type=password].input-active,input[type=password].p-holder__active,input[type=tel].input-active,input[type=tel].p-holder__active,input[type=text].input-active,input[type=text].p-holder__active,textarea.input-active,textarea.p-holder__active {
    border-color: var(--color-primary)
}

.input-active input[type=email]::-moz-placeholder,.input-active input[type=number]::-moz-placeholder,.input-active input[type=password]::-moz-placeholder,.input-active input[type=tel]::-moz-placeholder,.input-active input[type=text]::-moz-placeholder,input[type=email].input-active::-moz-placeholder,input[type=email].p-holder__active::-moz-placeholder,input[type=number].input-active::-moz-placeholder,input[type=number].p-holder__active::-moz-placeholder,input[type=password].input-active::-moz-placeholder,input[type=password].p-holder__active::-moz-placeholder,input[type=tel].input-active::-moz-placeholder,input[type=tel].p-holder__active::-moz-placeholder,input[type=text].input-active::-moz-placeholder,input[type=text].p-holder__active::-moz-placeholder,textarea.input-active::-moz-placeholder,textarea.p-holder__active::-moz-placeholder {
    color: var(--color-primary);
    opacity: 1
}

.input-active input[type=email]::placeholder,.input-active input[type=number]::placeholder,.input-active input[type=password]::placeholder,.input-active input[type=tel]::placeholder,.input-active input[type=text]::placeholder,input[type=email].input-active::placeholder,input[type=email].p-holder__active::placeholder,input[type=number].input-active::placeholder,input[type=number].p-holder__active::placeholder,input[type=password].input-active::placeholder,input[type=password].p-holder__active::placeholder,input[type=tel].input-active::placeholder,input[type=tel].p-holder__active::placeholder,input[type=text].input-active::placeholder,input[type=text].p-holder__active::placeholder,textarea.input-active::placeholder,textarea.p-holder__active::placeholder {
    color: var(--color-primary);
    opacity: 1
}

.input-active input[type=email]:-ms-input-placeholder,.input-active input[type=number]:-ms-input-placeholder,.input-active input[type=password]:-ms-input-placeholder,.input-active input[type=tel]:-ms-input-placeholder,.input-active input[type=text]:-ms-input-placeholder,input[type=email].input-active:-ms-input-placeholder,input[type=email].p-holder__active:-ms-input-placeholder,input[type=number].input-active:-ms-input-placeholder,input[type=number].p-holder__active:-ms-input-placeholder,input[type=password].input-active:-ms-input-placeholder,input[type=password].p-holder__active:-ms-input-placeholder,input[type=tel].input-active:-ms-input-placeholder,input[type=tel].p-holder__active:-ms-input-placeholder,input[type=text].input-active:-ms-input-placeholder,input[type=text].p-holder__active:-ms-input-placeholder,textarea.input-active:-ms-input-placeholder,textarea.p-holder__active:-ms-input-placeholder {
    color: var(--color-primary)
}

.input-active input[type=email]::-ms-input-placeholder,.input-active input[type=number]::-ms-input-placeholder,.input-active input[type=password]::-ms-input-placeholder,.input-active input[type=tel]::-ms-input-placeholder,.input-active input[type=text]::-ms-input-placeholder,input[type=email].input-active::-ms-input-placeholder,input[type=email].p-holder__active::-ms-input-placeholder,input[type=number].input-active::-ms-input-placeholder,input[type=number].p-holder__active::-ms-input-placeholder,input[type=password].input-active::-ms-input-placeholder,input[type=password].p-holder__active::-ms-input-placeholder,input[type=tel].input-active::-ms-input-placeholder,input[type=tel].p-holder__active::-ms-input-placeholder,input[type=text].input-active::-ms-input-placeholder,input[type=text].p-holder__active::-ms-input-placeholder,textarea.input-active::-ms-input-placeholder,textarea.p-holder__active::-ms-input-placeholder {
    color: var(--color-primary)
}

.input-error input[type=email],.input-error input[type=number],.input-error input[type=password],.input-error input[type=tel],.input-error input[type=text],input[type=email].input-error,input[type=email].p-holder__error,input[type=number].input-error,input[type=number].p-holder__error,input[type=password].input-error,input[type=password].p-holder__error,input[type=tel].input-error,input[type=tel].p-holder__error,input[type=text].input-error,input[type=text].p-holder__error,textarea.input-error,textarea.p-holder__error {
    border-color: #f4282d
}

.input-error input[type=email]::-moz-placeholder,.input-error input[type=number]::-moz-placeholder,.input-error input[type=password]::-moz-placeholder,.input-error input[type=tel]::-moz-placeholder,.input-error input[type=text]::-moz-placeholder,input[type=email].input-error::-moz-placeholder,input[type=email].p-holder__error::-moz-placeholder,input[type=number].input-error::-moz-placeholder,input[type=number].p-holder__error::-moz-placeholder,input[type=password].input-error::-moz-placeholder,input[type=password].p-holder__error::-moz-placeholder,input[type=tel].input-error::-moz-placeholder,input[type=tel].p-holder__error::-moz-placeholder,input[type=text].input-error::-moz-placeholder,input[type=text].p-holder__error::-moz-placeholder,textarea.input-error::-moz-placeholder,textarea.p-holder__error::-moz-placeholder {
    color: #f4282d;
    opacity: 1
}

.input-error input[type=email]::placeholder,.input-error input[type=number]::placeholder,.input-error input[type=password]::placeholder,.input-error input[type=tel]::placeholder,.input-error input[type=text]::placeholder,input[type=email].input-error::placeholder,input[type=email].p-holder__error::placeholder,input[type=number].input-error::placeholder,input[type=number].p-holder__error::placeholder,input[type=password].input-error::placeholder,input[type=password].p-holder__error::placeholder,input[type=tel].input-error::placeholder,input[type=tel].p-holder__error::placeholder,input[type=text].input-error::placeholder,input[type=text].p-holder__error::placeholder,textarea.input-error::placeholder,textarea.p-holder__error::placeholder {
    color: #f4282d;
    opacity: 1
}

.input-error input[type=email]:-ms-input-placeholder,.input-error input[type=number]:-ms-input-placeholder,.input-error input[type=password]:-ms-input-placeholder,.input-error input[type=tel]:-ms-input-placeholder,.input-error input[type=text]:-ms-input-placeholder,input[type=email].input-error:-ms-input-placeholder,input[type=email].p-holder__error:-ms-input-placeholder,input[type=number].input-error:-ms-input-placeholder,input[type=number].p-holder__error:-ms-input-placeholder,input[type=password].input-error:-ms-input-placeholder,input[type=password].p-holder__error:-ms-input-placeholder,input[type=tel].input-error:-ms-input-placeholder,input[type=tel].p-holder__error:-ms-input-placeholder,input[type=text].input-error:-ms-input-placeholder,input[type=text].p-holder__error:-ms-input-placeholder,textarea.input-error:-ms-input-placeholder,textarea.p-holder__error:-ms-input-placeholder {
    color: #f4282d
}

.input-error input[type=email]::-ms-input-placeholder,.input-error input[type=number]::-ms-input-placeholder,.input-error input[type=password]::-ms-input-placeholder,.input-error input[type=tel]::-ms-input-placeholder,.input-error input[type=text]::-ms-input-placeholder,input[type=email].input-error::-ms-input-placeholder,input[type=email].p-holder__error::-ms-input-placeholder,input[type=number].input-error::-ms-input-placeholder,input[type=number].p-holder__error::-ms-input-placeholder,input[type=password].input-error::-ms-input-placeholder,input[type=password].p-holder__error::-ms-input-placeholder,input[type=tel].input-error::-ms-input-placeholder,input[type=tel].p-holder__error::-ms-input-placeholder,input[type=text].input-error::-ms-input-placeholder,input[type=text].p-holder__error::-ms-input-placeholder,textarea.input-error::-ms-input-placeholder,textarea.p-holder__error::-ms-input-placeholder {
    color: #f4282d
}

.input-error input[type=email]:focus,.input-error input[type=number]:focus,.input-error input[type=password]:focus,.input-error input[type=tel]:focus,.input-error input[type=text]:focus,input[type=email].input-error:focus,input[type=email].p-holder__error:focus,input[type=number].input-error:focus,input[type=number].p-holder__error:focus,input[type=password].input-error:focus,input[type=password].p-holder__error:focus,input[type=tel].input-error:focus,input[type=tel].p-holder__error:focus,input[type=text].input-error:focus,input[type=text].p-holder__error:focus,textarea.input-error:focus,textarea.p-holder__error:focus {
    border-color: #f4282d
}

input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=tel]:focus,input[type=text]:focus,textarea:focus {
    border-color: var(--color-primary)
}

input[type=checkbox],input[type=radio] {
    opacity: 0;
    position: absolute
}

input[type=checkbox]~label,input[type=radio]~label {
    color: var(--color-body);
    cursor: pointer;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    padding-left: 25px;
    position: relative
}

input[type=checkbox]~label:before,input[type=radio]~label:before {
    background-color: #5d5d7e;
    border-radius: 2px;
    content: " ";
    height: 15px;
    left: 0;
    position: absolute;
    top: 1 px;
    transition: all .3s;
    width: 15px
}

input[type=checkbox]~label:after,input[type=radio]~label:after {
    background-color: transparent;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    border-radius: 2px;
    content: " ";
    height: 6px;
    left: 2px;
    opacity: 0;
    position: absolute;
    top: 16%;
    transform: rotate(-45deg);
    transition: all .3s;
    width: 10px
}

input[type=checkbox]:checked~label:after,input[type=radio]:checked~label:after {
    opacity: 1
}

input:checked~.rn-check-box-label:before {
    background: var(--color-primary)!important
}

input[type=radio]~label:before {
    border-radius: 50%
}

input[type=radio]~label:after {
    background: #fff;
    border-radius: 50%;
    height: 8px;
    left: 3px;
    width: 8px
}

.form-group {
    margin-bottom: 20px
}

.form-group label {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 6px
}

.form-group input {
    background-color: var(--color-lightest);
    border: 1px solid transparent;
    border-radius: 4px;
    font-size: var(--font-size-b2);
    height: 50px;
    padding: 0 20px;
    transition: var(--transition)
}

.form-group input:focus {
    border-color: var(--color-primary);
    box-shadow: none
}

.form-group textarea {
    background-color: var(--color-lightest);
    border: 1px solid transparent;
    border-radius: 4px;
    font-size: var(--font-size-b2);
    min-height: 160px;
    padding: 15px;
    resize: none;
    transition: var(--transition)
}

.form-group textarea:focus {
    border-color: var(--color-primary)
}

input[type=submit] {
    background: var(--color-primary);
    border: 2px solid var(--color-primary);
    border-radius: 500px;
    color: var(--color-white);
    display: inline-block;
    font-size: var(--font-size-b2);
    font-weight: 500;
    font-weight: var(--p-medium);
    height: 60px;
    height: 50px;
    line-height: var(--line-height-b3);
    padding: 0 30px;
    transition: .3s;
    transition: var(--transition);
    width: auto
}

input[type=submit]:hover {
    background: transparent;
    color: var(--color-primary);
    transform: translateY(-5px)
}

.clearfix:after,.clearfix:before {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

.fix {
    overflow: hidden
}

.slick-initialized .slick-slide {
    margin-bottom: -10px
}

.slick-gutter-15 {
    margin: -30px -15px
}

.slick-gutter-15 .slick-slide {
    padding: 30px 15px
}

iframe {
    width: 100%
}

.bg-color-primary {
    background: var(--color-primary)
}

.bg-color-secondary {
    background: var(--color-secondary)
}

.bg-color-tertiary {
    background: var(--color-tertiary)
}

.bg-color-gray {
    background: var(--color-gray)
}

.bg-color-white {
    background: #fff
}

.bg-color-black {
    background: #1a1a1a
}

.bg-color-extra03 {
    background: var(--color-extra03)
}

.bg_image {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.bg_image--1 {
    background-image: url(../images/bg/bg-image-1.jpg)
}

.bg_image--2 {
    background-image: url(../images/bg/bg-image-2.jpg)
}

.bg_image--3 {
    background-image: url(../images/bg/bg-image-3.jpg)
}

.bg_image--4 {
    background-image: url(../images/bg/bg-image-4.jpg)
}

.bg_image--5 {
    background-image: url(../images/bg/bg-image-5.jpg)
}

.bg_image--6 {
    background-image: url(../images/bg/bg-image-6.jpg)
}

.bg_image--7 {
    background-image: url(../images/bg/bg-image-7.jpg)
}

.bg_image--8 {
    background-image: url(../images/bg/bg-image-8.jpg)
}

.bg_image--9 {
    background-image: url(../images/bg/bg-image-9.jpg)
}

.bg_image--10 {
    background-image: url(../images/bg/bg-image-10.jpg)
}

.bg_image--11 {
    background-image: url(../images/bg/bg-image-11.jpg)
}

.bg_image--12 {
    background-image: url(../images/bg/bg-image-12.jpg)
}

.bg_image--13 {
    background-image: url(../images/bg/bg-image-13.jpg)
}

.bg_image--14 {
    background-image: url(../images/bg/bg-image-14.jpg)
}

.bg_image--15 {
    background-image: url(../images/bg/bg-image-15.jpg)
}

.bg_image--16 {
    background-image: url(../images/bg/bg-image-16.jpg)
}

.bg_image--17 {
    background-image: url(../images/bg/bg-image-17.jpg)
}

.bg_image--18 {
    background-image: url(../images/bg/bg-image-18.jpg)
}

.bg_image--19 {
    background-image: url(../images/bg/bg-image-19.jpg)
}

.bg_image--20 {
    background-image: url(../images/bg/bg-image-20.jpg)
}

.bg_image--21 {
    background-image: url(../images/bg/bg-image-21.jpg)
}

.bg_image--22 {
    background-image: url(../images/bg/bg-image-22.jpg)
}

.bg_image--23 {
    background-image: url(../images/bg/bg-image-23.jpg)
}

.bg_image--24 {
    background-image: url(../images/bg/bg-image-24.jpg)
}

.bg_image--25 {
    background-image: url(../images/bg/bg-image-25.jpg)
}

.bg_image--26 {
    background-image: url(../images/bg/bg-image-26.jpg)
}

.bg_image--27 {
    background-image: url(../images/bg/bg-image-27.jpg)
}

.bg_image--28 {
    background-image: url(../images/bg/bg-image-28.jpg)
}

.bg_image--29 {
    background-image: url(../images/bg/bg-image-29.jpg)
}

.bg_image--30 {
    background-image: url(../images/bg/bg-image-30.jpg)
}

.bg_image--31 {
    background-image: url(../images/bg/bg-image-31.jpg)
}

.bg_image--32 {
    background-image: url(../images/bg/bg-image-32.jpg)
}

.bg_image--33 {
    background-image: url(../images/bg/bg-image-33.jpg)
}

.bg_image--34 {
    background-image: url(../images/bg/bg-image-34.jpg)
}

.bg_image--35 {
    background-image: url(../images/bg/bg-image-35.jpg)
}

.bg_image--36 {
    background-image: url(../images/bg/bg-image-36.jpg)
}

.bg_image--37 {
    background-image: url(../images/bg/bg-image-37.jpg)
}

.bg_image--38 {
    background-image: url(../images/bg/bg-image-38.jpg)
}

.bg_image--39 {
    background-image: url(../images/bg/bg-image-39.jpg)
}

.bg_image--40 {
    background-image: url(../images/bg/bg-image-40.jpg)
}

.bg_tr-image--1 {
    background-image: url(../images/bg/bg-image-1.png)!important;
    background-size: cover!important
}

.bg_tr-image--2 {
    background-image: url(../images/bg/bg-image-2.png)!important;
    background-size: cover!important
}

.bg_tr-image--3 {
    background-image: url(../images/bg/bg-image-3.png)!important;
    background-size: cover!important
}

.bg_tr-image--4 {
    background-image: url(../images/bg/bg-image-4.png)!important;
    background-size: cover!important
}

.bg_tr-image--5 {
    background-image: url(../images/bg/bg-image-5.png)!important;
    background-size: cover!important
}

.bg_tr-image--6 {
    background-image: url(../images/bg/bg-image-6.png)!important;
    background-size: cover!important
}

.bg_tr-image--7 {
    background-image: url(../images/bg/bg-image-7.png)!important;
    background-size: cover!important
}

.bg_tr-image--8 {
    background-image: url(../images/bg/bg-image-8.png)!important;
    background-size: cover!important
}

.bg_tr-image--9 {
    background-image: url(../images/bg/bg-image-9.png)!important;
    background-size: cover!important
}

.bg_tr-image--10 {
    background-image: url(../images/bg/bg-image-10.png)!important;
    background-size: cover!important
}

.bg_tr-image--11 {
    background-image: url(../images/bg/bg-image-11.png)!important;
    background-size: cover!important
}

.bg_tr-image--12 {
    background-image: url(../images/bg/bg-image-12.png)!important;
    background-size: cover!important
}

.bg_tr-image--13 {
    background-image: url(../images/bg/bg-image-13.png)!important;
    background-size: cover!important
}

.bg_tr-image--14 {
    background-image: url(../images/bg/bg-image-14.png)!important;
    background-size: cover!important
}

.bg_tr-image--15 {
    background-image: url(../images/bg/bg-image-15.png)!important;
    background-size: cover!important
}

.bg_tr-image--16 {
    background-image: url(../images/bg/bg-image-16.png)!important;
    background-size: cover!important
}

.bg_tr-image--17 {
    background-image: url(../images/bg/bg-image-17.png)!important;
    background-size: cover!important
}

.bg_tr-image--18 {
    background-image: url(../images/bg/bg-image-18.png)!important;
    background-size: cover!important
}

.bg_tr-image--19 {
    background-image: url(../images/bg/bg-image-19.png)!important;
    background-size: cover!important
}

.bg_tr-image--20 {
    background-image: url(../images/bg/bg-image-20.png)!important;
    background-size: cover!important
}

.fullscreen {
    min-height: 980px;
    width: 100%
}

.row--0 {
    margin-left: 0;
    margin-right: 0
}

.row--0>[class*=col] {
    padding-left: 0;
    padding-right: 0
}

.row--5 {
    margin-left: -5px;
    margin-right: -5px
}

.row--5>[class*=col] {
    padding-left: 5px;
    padding-right: 5px
}

.row--10 {
    margin-left: -10px;
    margin-right: -10px
}

.row--10>[class*=col] {
    padding-left: 10px;
    padding-right: 10px
}

.row--20 {
    margin-left: -20px;
    margin-right: -20px
}

@media only screen and (min-width: 1200px)and (max-width:1599px) {
    .row--20 {
        margin-left:-15px;
        margin-right: -15px
    }
}

@media only screen and (min-width: 992px)and (max-width:1199px) {
    .row--20 {
        margin-left:-15px;
        margin-right: -15px
    }
}

@media only screen and (min-width: 768px)and (max-width:991px) {
    .row--20 {
        margin-left:-15px;
        margin-right: -15px
    }
}

@media only screen and (max-width: 767px) {
    .row--20 {
        margin-left:-15px!important;
        margin-right: -15px!important
    }
}

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

@media only screen and (min-width: 1200px)and (max-width:1599px) {
    .row--20>[class*=col-],.row--20>[class*=col] {
        padding-left:15px;
        padding-right: 15px
    }
}

@media only screen and (min-width: 992px)and (max-width:1199px) {
    .row--20>[class*=col-],.row--20>[class*=col] {
        padding-left:15px;
        padding-right: 15px
    }
}

@media only screen and (min-width: 768px)and (max-width:991px) {
    .row--20>[class*=col-],.row--20>[class*=col] {
        padding-left:15px!important;
        padding-right: 15px!important
    }
}

@media only screen and (max-width: 767px) {
    .row--20>[class*=col-],.row--20>[class*=col] {
        padding-left:15px!important;
        padding-right: 15px!important
    }
}

.row--25 {
    margin-left: -25px;
    margin-right: -25px
}

@media only screen and (min-width: 1200px)and (max-width:1599px) {
    .row--25 {
        margin-left:-15px;
        margin-right: -15px
    }
}

@media only screen and (min-width: 992px)and (max-width:1199px) {
    .row--25 {
        margin-left:-15px;
        margin-right: -15px
    }
}

@media only screen and (min-width: 768px)and (max-width:991px) {
    .row--25 {
        margin-left:-15px;
        margin-right: -15px
    }
}

@media only screen and (max-width: 767px) {
    .row--25 {
        margin-left:-15px!important;
        margin-right: -15px!important
    }
}

.row--25>[class*=col-],.row--25>[class*=col] {
    padding-left: 25px;
    padding-right: 25px
}

@media only screen and (min-width: 1200px)and (max-width:1599px) {
    .row--25>[class*=col-],.row--25>[class*=col] {
        padding-left:15px;
        padding-right: 15px
    }
}

@media only screen and (min-width: 992px)and (max-width:1199px) {
    .row--25>[class*=col-],.row--25>[class*=col] {
        padding-left:15px;
        padding-right: 15px
    }
}

@media only screen and (min-width: 768px)and (max-width:991px) {
    .row--25>[class*=col-],.row--25>[class*=col] {
        padding-left:15px!important;
        padding-right: 15px!important
    }
}

@media only screen and (max-width: 767px) {
    .row--25>[class*=col-],.row--25>[class*=col] {
        padding-left:15px!important;
        padding-right: 15px!important
    }
}

.row--30 {
    margin-left: -30px;
    margin-right: -30px
}

@media only screen and (min-width: 1200px)and (max-width:1599px) {
    .row--30 {
        margin-left:-15px;
        margin-right: -15px
    }
}

@media only screen and (min-width: 992px)and (max-width:1199px) {
    .row--30 {
        margin-left:-15px;
        margin-right: -15px
    }
}

@media only screen and (min-width: 768px)and (max-width:991px) {
    .row--30 {
        margin-left:-15px;
        margin-right: -15px
    }
}

@media only screen and (max-width: 767px) {
    .row--30 {
        margin-left:-15px!important;
        margin-right: -15px!important
    }
}

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

@media only screen and (min-width: 1200px)and (max-width:1599px) {
    .row--30>[class*=col-],.row--30>[class*=col] {
        padding-left:15px;
        padding-right: 15px
    }
}

@media only screen and (min-width: 992px)and (max-width:1199px) {
    .row--30>[class*=col-],.row--30>[class*=col] {
        padding-left:15px;
        padding-right: 15px
    }
}

@media only screen and (min-width: 768px)and (max-width:991px) {
    .row--30>[class*=col-],.row--30>[class*=col] {
        padding-left:15px!important;
        padding-right: 15px!important
    }
}

@media only screen and (max-width: 767px) {
    .row--30>[class*=col-],.row--30>[class*=col] {
        padding-left:15px!important;
        padding-right: 15px!important
    }
}

.row--45 {
    margin-left: -45px;
    margin-right: -45px
}

@media only screen and (min-width: 1200px)and (max-width:1599px) {
    .row--45 {
        margin-left:-15px;
        margin-right: -15px
    }
}

@media only screen and (min-width: 992px)and (max-width:1199px) {
    .row--45 {
        margin-left:-15px;
        margin-right: -15px
    }
}

@media only screen and (min-width: 768px)and (max-width:991px) {
    .row--45 {
        margin-left:-15px;
        margin-right: -15px
    }
}

@media only screen and (max-width: 767px) {
    .row--45 {
        margin-left:-15px!important;
        margin-right: -15px!important
    }
}

.row--45>[class*=col-],.row--45>[class*=col] {
    padding-left: 45px;
    padding-right: 45px
}

@media only screen and (min-width: 1200px)and (max-width:1599px) {
    .row--45>[class*=col-],.row--45>[class*=col] {
        padding-left:15px;
        padding-right: 15px
    }
}

@media only screen and (min-width: 992px)and (max-width:1199px) {
    .row--45>[class*=col-],.row--45>[class*=col] {
        padding-left:15px;
        padding-right: 15px
    }
}

@media only screen and (min-width: 768px)and (max-width:991px) {
    .row--45>[class*=col-],.row--45>[class*=col] {
        padding-left:15px!important;
        padding-right: 15px!important
    }
}

@media only screen and (max-width: 767px) {
    .row--45>[class*=col-],.row--45>[class*=col] {
        padding-left:15px!important;
        padding-right: 15px!important
    }
}

.row--40 {
    margin-left: -40px;
    margin-right: -40px
}

@media only screen and (min-width: 1200px)and (max-width:1599px) {
    .row--40 {
        margin-left:-15px;
        margin-right: -15px
    }
}

@media only screen and (min-width: 992px)and (max-width:1199px) {
    .row--40 {
        margin-left:-15px;
        margin-right: -15px
    }
}

@media only screen and (min-width: 768px)and (max-width:991px) {
    .row--40 {
        margin-left:-15px;
        margin-right: -15px
    }
}

@media only screen and (max-width: 767px) {
    .row--40 {
        margin-left:-15px!important;
        margin-right: -15px!important
    }
}

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

@media only screen and (min-width: 1200px)and (max-width:1599px) {
    .row--40>[class*=col-],.row--40>[class*=col] {
        padding-left:15px;
        padding-right: 15px
    }
}

@media only screen and (min-width: 992px)and (max-width:1199px) {
    .row--40>[class*=col-],.row--40>[class*=col] {
        padding-left:15px;
        padding-right: 15px
    }
}

@media only screen and (min-width: 768px)and (max-width:991px) {
    .row--40>[class*=col-],.row--40>[class*=col] {
        padding-left:15px!important;
        padding-right: 15px!important
    }
}

@media only screen and (max-width: 767px) {
    .row--40>[class*=col-],.row--40>[class*=col] {
        padding-left:15px!important;
        padding-right: 15px!important
    }
}

.row--60 {
    margin-left: -60px;
    margin-right: -60px
}

@media only screen and (min-width: 1200px)and (max-width:1599px) {
    .row--60 {
        margin-left:-15px;
        margin-right: -15px
    }
}

@media only screen and (min-width: 992px)and (max-width:1199px) {
    .row--60 {
        margin-left:-15px;
        margin-right: -15px
    }
}

@media only screen and (min-width: 768px)and (max-width:991px) {
    .row--60 {
        margin-left:-15px;
        margin-right: -15px
    }
}

@media only screen and (max-width: 767px) {
    .row--60 {
        margin-left:-15px!important;
        margin-right: -15px!important
    }
}

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

@media only screen and (min-width: 1200px)and (max-width:1599px) {
    .row--60>[class*=col-],.row--60>[class*=col] {
        padding-left:15px;
        padding-right: 15px
    }
}

@media only screen and (min-width: 992px)and (max-width:1199px) {
    .row--60>[class*=col-],.row--60>[class*=col] {
        padding-left:15px;
        padding-right: 15px
    }
}

@media only screen and (min-width: 768px)and (max-width:991px) {
    .row--60>[class*=col-],.row--60>[class*=col] {
        padding-left:15px!important;
        padding-right: 15px!important
    }
}

@media only screen and (max-width: 767px) {
    .row--60>[class*=col-],.row--60>[class*=col] {
        padding-left:15px!important;
        padding-right: 15px!important
    }
}

input:-moz-placeholder,textarea:-moz-placeholder {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1
}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1
}

input::-moz-placeholder,textarea::-moz-placeholder {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1
}

input:-ms-input-placeholder,textarea:-ms-input-placeholder {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1
}

[data-black-overlay],[data-black-overlay]>*,[data-black-overlay]>div,[data-overlay],[data-overlay]>*,[data-overlay]>div,[data-white-overlay],[data-white-overlay]>*,[data-white-overlay]>div {
    position: relative;
    z-index: 2
}

[data-black-overlay]:before,[data-overlay]:before,[data-white-overlay]:before {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

[data-overlay]:before {
    background: var(--color-primary)
}

[data-black-overlay]:before {
    background-color: #000
}

[data-white-overlay]:before {
    background-color: #fff
}

[data-black-overlay="1"]:before,[data-overlay="1"]:before,[data-white-overlay="1"]:before {
    opacity: .1
}

[data-black-overlay="2"]:before,[data-overlay="2"]:before,[data-white-overlay="2"]:before {
    opacity: .2
}

[data-black-overlay="3"]:before,[data-overlay="3"]:before,[data-white-overlay="3"]:before {
    opacity: .3
}

[data-black-overlay="4"]:before,[data-overlay="4"]:before,[data-white-overlay="4"]:before {
    opacity: .4
}

[data-black-overlay="5"]:before,[data-overlay="5"]:before,[data-white-overlay="5"]:before {
    opacity: .5
}

[data-black-overlay="6"]:before,[data-overlay="6"]:before,[data-white-overlay="6"]:before {
    opacity: .6
}

[data-black-overlay="7"]:before,[data-overlay="7"]:before,[data-white-overlay="7"]:before {
    opacity: .7
}

[data-black-overlay="8"]:before,[data-overlay="8"]:before,[data-white-overlay="8"]:before {
    opacity: .8
}

[data-black-overlay="9"]:before,[data-overlay="9"]:before,[data-white-overlay="9"]:before {
    opacity: .9
}

[data-black-overlay="10"]:before,[data-overlay="10"]:before,[data-white-overlay="10"]:before {
    opacity: 1
}

#scrollUp {
    background: #fff;
    bottom: 60px;
    color: #757589;
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
    height: 80px;
    line-height: 80px;
    right: 100px;
    text-align: center;
    text-decoration: none;
    transition: var(--transition);
    width: 70px;
    z-index: 9811!important
}

@media only screen and (min-width: 768px)and (max-width:991px) {
    #scrollUp {
        bottom:40px;
        right: 20px
    }
}

@media only screen and (max-width: 767px) {
    #scrollUp {
        bottom:40px;
        right: 20px
    }
}

#scrollUp:before {
    background: rgba(0,2,72,.1);
    filter: blur(50px)
}

#scrollUp:after,#scrollUp:before {
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    transform: rotateY(-10deg);
    transform-style: preserve-3d;
    width: 100%;
    z-index: -1
}

#scrollUp:after {
    background: #fff;
    right: 0;
    top: 0
}

@media only screen and (max-width: 767px) {
    #scrollUp {
        bottom:30px;
        height: 60px;
        line-height: 60px;
        right: 20px;
        width: 50px
    }
}

#scrollUp span.text {
    display: inline-block;
    margin-top: 7px;
    position: relative
}

@media only screen and (max-width: 767px) {
    #scrollUp span.text {
        margin-top:3px
    }
}

#scrollUp span.text:after {
    border-color: transparent transparent var(--color-primary) transparent;
    border-style: solid;
    border-width: 0 5px 7px;
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    top: 21%;
    transform: translateX(-50%);
    width: 0
}

#scrollUp:hover span.text {
    color: var(--color-primary)
}

body {
    background: #fff;
    overflow-x: hidden;
    scroll-behavior: auto
}

.container {
    max-width: 1170px
}

.title-hover {
    background-image: linear-gradient(90deg,#000 50%,transparent 0);
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: 200% 1px;
    transition: all .5s
}

.title-hover:hover {
    background-position: 0 100%;
    color: #000
}

p {
    font-size: 16px;
    line-height: 26px
}

a.pe-none {
    font-size: 14px;
    font-weight: 500
}

.img-transition-scale {
    overflow: hidden
}

.img-transition-scale:hover a img {
    transform: scale(110%)
}

.img-transition-scale a {
    display: block;
    width: 100%
}

.img-transition-scale a img {
    transform: scale(100%);
    transition: all .4s
}

.home-three .img-transition-scale {
    border-radius: 20px;
    overflow: hidden
}

.home-three .img-transition-scale:hover a img {
    transform: scale(110%)
}

.home-three .img-transition-scale a {
    display: block;
    width: 100%
}

.home-three .img-transition-scale a img {
    transform: scale(100%);
    transition: all .4s;
    width: 100%
}

.echo-get-in-tuch {
    margin-bottom: 40px
}

.echo-get-in-tuch h4 {
    color: #fff;
    font-size: 25px;
    font-weight: 700;
    line-height: 35px;
    margin: 0;
    position: relative
}

.echo-get-in-tuch h4:after {
    content: "/";
    font-family: Font Awesome\ 6 Pro!important;
    font-size: 16px;
    margin-left: 12px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.echo-py-btn:hover {
    background-color: var(--color-primary);
    border: 1px solid var(--color-primary)!important;
    color: #fff
}

.echo-py-btn:hover,.echo-py-hover-white svg path {
    transition: all .3s ease-in
}

.echo-py-hover-white:hover {
    background-color: #fff;
    color: #000!important;
    transition: all .3s ease-in
}

.echo-py-hover-white:hover svg path {
    fill: #000
}

.echo-py-btn-border,.echo-py-btn-border:hover {
    transition: all .3s ease-in
}

.echo-py-btn-border:hover {
    background-color: #181823!important;
    border: 1px solid hsla(0,0%,100%,.5)!important;
    color: #fff
}

.echo-header-area.header-sticky {
    background-color: #fff;
    box-shadow: 0 15px 50px 0 hsla(0,0%,4%,.08);
    left: 0;
    position: fixed;
    top: 0;
    transition: .3s;
    width: 100%;
    z-index: 99
}

.echo-header-area .echo-header-top.remove-content {
    display: none
}

.home-2-area-shep {
    max-width: -moz-max-content;
    max-width: max-content;
    position: relative
}

.home-2-area-shep p {
    background-color: #924fff;
    clip-path: polygon(5% 1%,85% 0,80% 100%,0 100%);
    display: inline-block;
    padding: 0 40px 0 23px
}

.home-2-area-shep p span {
    color: #fff;
    font-size: 14px;
    font-weight: 500
}

.home-2-area-shep:after {
    background-color: #924fff;
    content: "";
    height: 28px;
    position: absolute;
    right: 10px;
    top: 0;
    transform: rotate(11deg);
    width: 3px
}

.home-2-area-shep.secondary p,.home-2-area-shep.secondary:after {
    background-color: #53b7bd
}

.home-2-area-shep.df-orange p,.home-2-area-shep.df-orange:after {
    background-color: #f16228
}

.home-2-read-more-btn a {
    color: #fff;
    position: relative;
    transition: all .4s ease
}

.home-2-read-more-btn a:after {
    content: "";
    font-family: Font Awesome\ 6 Pro!important;
    margin-left: 10px;
    position: absolute;
    transition: all .3s ease
}

.home-2-read-more-btn a:hover {
    color: #7817f2
}

.home-2-read-more-btn a:hover:after {
    transform: translateX(5px)
}

.home-2-read-more-btn a.df-color {
    color: #5e5e5e
}

.home-2-read-more-btn a.df-color:hover {
    color: #7817f2
}

.col-lg-20 {
    float: left;
    width: 20%
}

.col-lg-20,.col-md-20,.col-sm-20,.col-xs-20 {
    min-height: 1px;
    padding: 15px;
    position: relative
}

@media(min-width: 1200px) {
    .col-lg-20 {
        float:left;
        width: 20%
    }
}

@media only screen and (max-width: 1199px) {
    .col-lg-20 {
        float:left;
        width: 33%
    }
}

@media only screen and (min-width: 768px)and (max-width:991px) {
    .col-lg-20 {
        float:left;
        width: 50%
    }
}

@media only screen and (max-width: 767px) {
    .col-lg-20 {
        float:left;
        width: 50%
    }
}

@media only screen and (max-width: 575px) {
    .col-lg-20 {
        float:left;
        width: 50%
    }
}

@media only screen and (max-width: 479px) {
    .col-lg-20 {
        float:left;
        width: 100%
    }
}

::-moz-placeholder {
    color: #5d666f!important;
    font-size: 16px;
    opacity: 1!important
}

::placeholder {
    color: #5d666f!important;
    font-size: 16px;
    opacity: 1!important
}

:-ms-input-placeholder {
    color: #5d666f!important;
    font-size: 16px
}

::-ms-input-placeholder {
    color: #5d666f!important;
    font-size: 16px
}

.accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.bg-1 {
    background: #e00a0a
}

.bg-secondary {
    background: #1d2027!important
}

.bg-white {
    background: #fff
}

.bg-footer-one {
    background-repeat: no-repeat;
    background-size: cover;
    background: #0e1422;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.bg-footer-one:after {
    background-image: url(../images/footer/h1-shape/01.svg);
    background-repeat: no-repeat;
    bottom: -5%;
    content: "";
    height: 450px;
    position: absolute;
    right: -3%;
    width: 450px
}

@media only screen and (min-width: 1200px)and (max-width:1599px) {
    .bg-footer-one:after {
        right:-15%
    }
}

@media only screen and (max-width: 1199px) {
    .bg-footer-one:after {
        right:-15%
    }
}

@media only screen and (min-width: 768px)and (max-width:991px) {
    .bg-footer-one:after {
        left:53%
    }
}

.bg-footer-one:before {
    background-image: url(../images/footer/h1-shape/02.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: -13%;
    content: "";
    height: 800px;
    left: -16%;
    position: absolute;
    width: 823px;
    z-index: -1
}

@media only screen and (min-width: 1200px)and (max-width:1599px) {
    .bg-footer-one:before {
        left:-25%
    }
}

@media only screen and (max-width: 1199px) {
    .bg-footer-one:before {
        left:-25%
    }
}

@media only screen and (min-width: 768px)and (max-width:991px) {
    .bg-footer-one:before {
        left:-48%
    }
}

.bg-footer-one .bg-shape-f1 {
    position: relative;
    z-index: 1
}

.bg-footer-one .bg-shape-f1:after {
    background-image: url(../images/footer/h1-shape/03.png);
    background-repeat: no-repeat;
    content: "";
    height: 500px;
    left: -25%;
    position: absolute;
    top: -20%;
    width: 523px;
    z-index: -1
}

@media only screen and (min-width: 1200px)and (max-width:1599px) {
    .bg-footer-one .bg-shape-f1:after {
        left:-30%;
        top: -32%
    }
}

@media only screen and (max-width: 1199px) {
    .bg-footer-one .bg-shape-f1:after {
        left:-30%;
        top: -32%
    }
}

.over_link {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9
}

.title-area span {
    color: #3b38eb;
    font-size: 16px;
    font-weight: 600;
    line-height: 19px
}

.title-area .title {
    margin-bottom: 30px;
    margin-top: 10px
}

@media only screen and (max-width: 767px) {
    .title-area .title {
        margin-bottom:15px
    }
}

.bg-light {
    background: #ecf2f6
}

.photographer-home.dark-version .header--sticky.sticky {
    background: #2f2d24!important
}

.header--sticky {
    position: relative;
    top: 0;
    transition: .3s;
    z-index: 5
}

.header--sticky.sticky {
    background: #fff!important
}

.bg_dark {
    background: #1c1c1c
}

.g-6,.gy-6 {
    --bs-gutter-y: 4rem!important
}

.g-6,.gx-6 {
    --bs-gutter-x: 4rem!important
}

.g-24,.gy-24 {
    --bs-gutter-y: 2.4rem!important
}

.g-24,.gx-24 {
    --bs-gutter-x: 2.4rem!important
}

.h2-title-area {
    position: relative;
    z-index: 4
}

.h2-title-area:after {
    background: linear-gradient(180deg,hsla(0,0%,100%,0),#ecf0f3);
    content: "";
    height: 99%;
    left: 0;
    position: absolute;
    top: 4px;
    width: 100%;
    z-index: -1
}

.h2-title-area span.bg-text {
    color: #fff;
    font-size: 120px;
    font-weight: 800;
    left: 0;
    max-width: -moz-max-content;
    max-width: max-content;
    position: absolute;
    text-transform: uppercase;
    top: 54px;
    width: -moz-max-content;
    width: max-content;
    z-index: 1;
    z-index: -1
}

.h2-title-area .pre-title {
    border: 1px solid #141414;
    border-radius: 33px;
    color: #141414;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    padding: 2px 15px
}

.h2-title-area .title {
    font-size: 48px;
    margin-top: 30px
}

@media only screen and (max-width: 575px) {
    .h2-title-area .title {
        font-size:27px
    }
}

.photographer-home.dark-version .h2-title-area .pre-title {
    border: 1px solid #d3d3d3;
    border-radius: 33px;
    color: #d3d3d3
}

.h2-title-area.text-center {
    position: relative;
    z-index: 4
}

.h2-title-area.text-center:after {
    background: linear-gradient(180deg,hsla(0,0%,100%,0),#ecf0f3);
    content: "";
    height: 71%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.h2-title-area.text-center span.bg-text {
    color: #fff;
    font-size: 120px;
    font-weight: 800;
    left: 50%;
    max-width: -moz-max-content;
    max-width: max-content;
    position: absolute;
    text-transform: uppercase;
    top: 15px;
    transform: translateX(-50%);
    width: -moz-max-content;
    width: max-content;
    z-index: 1;
    z-index: -1
}

@media only screen and (max-width: 767px) {
    .h2-title-area.text-center span.bg-text {
        font-size:62px
    }
}

.h2-title-area.text-center .pre-title {
    border: 1px solid #141414;
    border-radius: 33px;
    color: #141414;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    padding: 2px 15px
}

.h2-title-area.text-center .title {
    font-size: 48px;
    margin-top: 30px
}

@media only screen and (max-width: 767px) {
    .h2-title-area.text-center .title {
        font-size:27px
    }
}

.title-area-h3 .pre-title {
    color: #74787c;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .1em;
    line-height: 22px
}

.title-area-h3 .title {
    color: #141414;
    font-size: 60px;
    font-weight: 600;
    line-height: 82px
}

@media only screen and (max-width: 479px) {
    .title-area-h3 .title {
        line-height:44px
    }
}

@media only screen and (max-width: 767px) {
    .title-area-h3 .title {
        font-size:36px
    }
}

.title-area-h3 .title span {
    color: #ff390e
}

.title-area-home-4 .pre-title {
    background: linear-gradient(130.08deg,#fff,#ecf0f3);
    border: 1px solid #fff;
    border-radius: 100px;
    box-shadow: 0 4px 40px #d3dae1;
    color: #141414;
    font-weight: 700;
    padding: 3px 24px;
    text-transform: uppercase
}

.title-area-home-4 .title {
    color: #141414;
    font-size: 48px;
    font-weight: 800;
    line-height: 66px;
    margin-top: 15px
}

@media only screen and (min-width: 1200px)and (max-width:1599px) {
    .title-area-home-4 .title {
        font-size:39px;
        line-height: 61px
    }
}

@media only screen and (min-width: 768px)and (max-width:991px) {
    .title-area-home-4 .title {
        font-size:30px;
        line-height: 39px
    }
}

@media only screen and (max-width: 767px) {
    .title-area-home-4 .title {
        font-size:26px;
        line-height: 42px
    }
}

@media only screen and (max-width: 479px) {
    .title-area-home-4 .title {
        font-size:20px;
        line-height: 33px
    }
}

@media only screen and (min-width: 768px)and (max-width:991px) {
    .rts-contact-area.four {
        background:transparent
    }
}

@media only screen and (max-width: 767px) {
    .rts-contact-area.four {
        background:transparent
    }
}

.echo-breadcrumb-area {
    background-image: url(../images/breadcrumb/breadcrumb.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 40px 0
}

.echo-breadcrumb-area .breadcrumb-inner .meta .next {
    text-transform: uppercase
}

.echo-breadcrumb-area .breadcrumb-inner .title {
    font-size: 56px;
    line-height: 76px;
    margin-bottom: 0
}

.echo-breadcrumb-area-2 {
    background-image: url(../images/breadcrumb/breadcrumb.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 65px 0
}

.echo-breadcrumb-area-2 .echo-author-content {
    display: flex;
    gap: 30px
}

.echo-breadcrumb-area-2 .echo-author-content h5 {
    font-size: 25px;
    line-height: 35px;
    margin-bottom: 15px
}

.echo-breadcrumb-area-2 .echo-author-content p {
    margin-bottom: 15px
}

.echo-breadcrumb-area-2 .echo-author-content .echo-footer-social-media a:first-child {
    margin-left: -5px
}

.echo-breadcrumb-area-2 .echo-author-content .echo-footer-social-media a {
    border: 1px solid #5e5e5e;
    border-radius: 50%;
    display: inline-block;
    font-size: 16px;
    height: 35px;
    line-height: 35px;
    margin: 0 5px;
    position: relative;
    text-align: center;
    transform: scale(.9);
    transition: all .3s ease;
    width: 35px
}

.echo-breadcrumb-area-2 .echo-author-content .echo-footer-social-media a i {
    color: #5e5e5e
}

.echo-breadcrumb-area-2 .echo-author-content .echo-footer-social-media a:hover {
    background-color: var(--color-primary);
    border: 1px solid transparent
}

.echo-breadcrumb-area-2 .echo-author-content .echo-footer-social-media a:hover i {
    color: #fff
}

.echo-ct-style-3-shep {
    bottom: -45px;
    display: inline-block;
    left: 50%;
    position: absolute;
    transform: translate(-50%)
}

.echo-ct-style-3-shep p {
    background-color: #000;
    color: #fff;
    font-size: 14px;
    line-height: 22px;
    padding: 8px 18px;
    text-align: center;
    text-transform: uppercase
}

.rts-dark-light {
    cursor: pointer;
    font-size: 20px
}

.rts-dark-light,.rts-dark-light i {
    transition: all .4s
}

[data-theme=light] .rts-dark-light i.fa-sun {
    display: none
}

[data-theme=dark] .rts-dark-light i.fa-sun,[data-theme=light] .rts-dark-light i.fa-moon {
    display: block
}

[data-theme=dark] .rts-dark-light i.fa-moon {
    display: none
}

.search-input-area {
    align-items: center;
    background: #fff;
    box-shadow: 1px 1px 50px rgba(0,0,0,.46);
    display: flex;
    justify-content: center;
    left: 0;
    opacity: 0;
    padding: 200px 0;
    position: fixed;
    top: 0;
    transform: translateY(-100%);
    transition: all .5s ease;
    visibility: hidden;
    width: 100%;
    z-index: 1100
}

.search-input-area.show {
    opacity: 1;
    transform: inherit;
    visibility: visible
}

.search-input-area .search-input-inner {
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    position: relative
}

.search-input-area .search-input-inner .input-div {
    position: relative;
    width: 80%
}

.search-input-area .search-input-inner input {
    background: none;
    border: 1px solid rgba(94,94,94,.6);
    border-radius: 0;
    font-size: 15px;
    padding: 20px 20px 20px 40px;
    position: relative;
    width: 100%
}

.search-input-area .search-input-inner input:focus {
    border: 1px solid var(--color-primary)
}

.search-input-area .search-input-inner .search-close-icon {
    width: 6%
}

.search-input-area .search-input-inner .search-close-icon i {
    background: var(--color-primary);
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    width: 100%
}

.home-one .rts-darkmode,.home-two .rts-darkmode {
    position: relative
}

.home-three .echo-site-main-logo-menu-social .echo-home-1-social-media-icons {
    align-items: center;
    display: flex;
    justify-content: end;
    text-align: right
}

.home-three .echo-site-main-logo-menu-social .echo-home-1-social-media-icons .rts-darkmode {
    margin-left: 40px;
    position: relative
}

@media(max-width: 1200px) {
    .home-three .echo-site-main-logo-menu-social .echo-home-1-social-media-icons .rts-darkmode {
        margin-left:30px
    }
}

@media(max-width: 991px) {
    .home-three .echo-site-main-logo-menu-social .echo-home-1-social-media-icons .rts-darkmode {
        margin-left:0;
        margin-right: 40px
    }
}

@media(max-width: 400px) {
    .home-three .echo-site-main-logo-menu-social .echo-home-1-social-media-icons .rts-darkmode {
        margin-left:0;
        margin-right: 30px
    }
}

.home-three .echo-site-main-logo-menu-social .echo-home-1-social-media-icons .rts-darkmode:before {
    background-color: #fff;
    content: "";
    height: 25px;
    left: -20px;
    opacity: .6;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px
}

@media(max-width: 991px) {
    .home-three .echo-site-main-logo-menu-social .echo-home-1-social-media-icons .rts-darkmode:before {
        display:none
    }
}

.home-three .echo-site-main-logo-menu-social .echo-home-1-social-media-icons .rts-darkmode i {
    color: #fff
}

.home-three .echo-site-main-logo-menu-social .echo-home-1-social-media-icons .echo-header-top-menu-bar {
    position: relative
}

.home-three .echo-site-main-logo-menu-social .echo-home-1-social-media-icons .echo-header-top-menu-bar:before {
    background-color: #fff;
    content: "";
    height: 25px;
    left: -20px;
    opacity: .6;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px
}

@media(max-width: 400px) {
    .home-three .echo-site-main-logo-menu-social .echo-home-1-social-media-icons .echo-header-top-menu-bar:before {
        left:-15px
    }
}

.home-three .echo-site-main-logo-menu-social .echo-home-1-social-media-icons .echo-header-top-menu-bar svg path {
    fill: #fff
}

.home-three .echo-header-area.header-sticky .echo-home-1-menu .echo-header-top-menu-bar {
    display: none
}

.home-four .rts-darkmode {
    position: relative
}

.home-four .rts-darkmode i {
    color: #fff
}

.innerpage .echo-site-main-logo-menu-social .echo-home-1-social-media-icons {
    align-items: center;
    display: flex;
    justify-content: end;
    text-align: right
}

.innerpage .echo-site-main-logo-menu-social .echo-home-1-social-media-icons ul {
    margin-right: 0
}

.innerpage .echo-site-main-logo-menu-social .echo-home-1-social-media-icons .rts-darkmode {
    position: relative
}

.innerpage .echo-site-main-logo-menu-social .echo-home-1-social-media-icons .rts-darkmode:before {
    background-color: #181823;
    content: "";
    height: 25px;
    left: -20px;
    opacity: .6;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px
}

.innerpage .echo-site-main-logo-menu-social .echo-home-1-social-media-icons .rts-darkmode i {
    color: #181823
}

.innerpage .echo-header-top {
    background: #181823;
    padding: 10px 0
}

.innerpage .echo-header-top .echo-date-time,.innerpage .echo-header-top .echo-day-name,.innerpage .echo-header-top .echo-meta-jobs-text span {
    color: #fff
}

.innerpage .echo-header-top .echo-subscribe {
    position: relative
}

.innerpage .echo-header-top .echo-subscribe .echo-py-btn {
    border: solid #fff;
    border-width: 0 0 1px;
    color: #fff;
    padding: 5px 0
}

.innerpage .echo-header-top .echo-subscribe .echo-py-btn:hover {
    background: none;
    border-color: #fff!important;
    border-width: 0 0 1px!important
}

.innerpage .echo-header-top .echo-subscribe .echo-py-btn i {
    margin-right: 5px
}

.innerpage .echo-header-top .rts-dark-light i {
    color: #fff
}

.innerpage .echo-header-top .echo-header-top-search-btn:after {
    background-color: hsla(0,0%,100%,.8)!important
}

.innerpage .echo-header-top .echo-header-top-menu-bar svg path {
    fill: #fff
}

html[data-theme=dark] .innerpage .echo-site-main-logo-menu-social .echo-home-1-social-media-icons .rts-darkmode:before {
    background-color: #fff
}

html[data-theme=dark] .innerpage .echo-site-main-logo-menu-social .echo-home-1-social-media-icons .rts-darkmode i {
    color: #fff
}

html[data-theme=light] .logo-dark {
    display: none
}

html[data-theme=dark] .logo-dark,html[data-theme=light] .logo-light {
    display: block
}

html[data-theme=dark] .logo-light {
    display: none
}

.echo-header-top-menu-bar svg {
    margin-top: -4px;
    position: relative
}

.home-four .side-bar .inner-main-wrapper-desk .inner-content .newsletter-form .form-inner form button.subscribe-btn {
    background: #ff4962
}

.home-four .side-bar .inner-main-wrapper-desk .inner-content .category-menu-area .category-area .item .content .recent-post-title:hover a {
    color: #ff4962
}

.home-five .side-bar .inner-main-wrapper-desk .inner-content .newsletter-form .form-inner form button.subscribe-btn {
    background: #d5225b
}

.home-five .side-bar .inner-main-wrapper-desk .inner-content .category-menu-area .category-area .item .content .recent-post-title:hover a {
    color: #d5225b
}

input {
    transition: .3s
}

input:focus {
    border: 1px solid var(--color-primary)!important
}

textarea {
    transition: .3s
}

textarea:focus {
    border: 1px solid var(--color-primary)!important
}

.home-three input,.home-two input {
    transition: .3s
}

.home-three input:focus,.home-two input:focus {
    border: 1px solid #924fff!important
}

.home-three textarea,.home-two textarea {
    transition: .3s
}

.home-three textarea:focus,.home-two textarea:focus {
    border: 1px solid #924fff!important
}

.home-four input {
    transition: .3s
}

.home-four input:focus {
    border: 1px solid #ff4962!important
}

.home-four textarea {
    transition: .3s
}

.home-four textarea:focus {
    border: 1px solid #ff4962!important
}

.rt-treding-slider10 {
    height: 67px;
    line-height: 67px
}

.img-transition-scales {
    overflow: hidden
}

.img-transition-scales .img-hovers {
    transform: scale(100%);
    transition: .3s ease-in-out
}

.img-transition-scales:hover .img-hovers {
    transform: scale(104%)
}

#form-messages.success {
    color: var(--color-primary)
}

.hm5-btn-1 {
    background-color: #d5225b;
    border-radius: 15px;
    color: var(--color-white);
    font-family: var(--home-5-body-font);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    padding: 25px 55px 23px 35px;
    position: relative;
    text-transform: uppercase;
    transition: all .4s
}

@media(max-width: 768px) {
    .hm5-btn-1 {
        font-size:16px;
        padding: 20px 50px 18px 30px
    }
}

.hm5-btn-1:hover {
    background: #fff;
    color: #181823
}

.hm5-btn-1:hover .arrow-1 {
    opacity: 0;
    transform: translate(10px,-50%)
}

.hm5-btn-1:hover .arrow-2 {
    opacity: 1;
    transform: translateY(-50%)
}

.hm5-btn-1 img {
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
    transition: all .4s
}

.hm5-btn-1 img.arrow-2 {
    opacity: 0;
    transform: translate(-10px,-50%)
}

.hm5-btn-2 {
    background-color: transparent;
    border: 1px solid #999;
    border-radius: 15px;
    color: #999;
    font-family: var(--home-5-body-font);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    padding: 18px 50px 16px 25px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    transition: all .4s
}

.hm5-btn-2:hover {
    background: #d5225b;
    border: 1px solid #d5225b;
    color: #fff
}

.hm5-btn-2:hover .arrow-1 {
    opacity: 0;
    transform: translate(10px,-50%)
}

.hm5-btn-2:hover .arrow-2 {
    opacity: 1;
    transform: translateY(-50%)
}

.hm5-btn-2 img {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    transition: all .4s
}

.hm5-btn-2 img.arrow-2 {
    opacity: 0;
    transform: translate(-10px,-50%)
}

.hm-5-title-btn {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.hm-5-title-btn .hm-5-main-title {
    width: 85%
}

@media(max-width: 1460px) {
    .hm-5-title-btn .hm-5-main-title {
        width:75%
    }
}

@media(max-width: 768px) {
    .hm-5-title-btn .hm-5-main-title {
        width:auto
    }
}

.hm-5-title-btn .hm-5-main-title h2 {
    color: var(--color-white);
    font-family: var(--home-5-title-font);
    font-size: 70px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    position: relative;
    text-transform: uppercase
}

@media(max-width: 991px) {
    .hm-5-title-btn .hm-5-main-title h2 {
        font-size:56px;
        line-height: 1.1
    }
}

@media(max-width: 768px) {
    .hm-5-title-btn .hm-5-main-title h2 {
        font-size:50px
    }
}

@media(max-width: 576px) {
    .hm-5-title-btn .hm-5-main-title h2 {
        font-size:42px
    }
}

.hm-5-title-btn .hm-5-main-title h2:after {
    background-color: #999;
    content: "";
    height: 1px;
    left: 35%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 60%
}

@media(max-width: 1460px) {
    .hm-5-title-btn .hm-5-main-title h2:after {
        left:50%;
        width: 55%
    }
}

@media(max-width: 1200px) {
    .hm-5-title-btn .hm-5-main-title h2:after {
        display:none
    }
}

.hm-5-container {
    margin: 0 auto;
    max-width: 1706px;
    padding: 0 30px
}

@media(max-width: 768px) {
    .hm-5-container {
        padding:0 15px
    }
}

.hm-6-container {
    margin: 0 auto;
    max-width: 1600px;
    padding: 0 30px
}

@media(max-width: 768px) {
    .hm-6-container {
        padding:0 15px
    }
}

.hm-7-container {
    margin: 0 auto;
    max-width: 1300px;
    padding: 0 15px
}

@media(max-width: 768px) {
    .hm-7-container {
        padding:0 15px
    }
}

.hm-9-container {
    margin: 0 auto;
    max-width: 1720px;
    padding: 0 15px
}

.hm-5-meta-box {
    align-items: center;
    display: flex;
    gap: 12px
}

.hm-5-meta-box .hm-5-meta-btn span {
    background-color: #d5225b;
    border-radius: 5px;
    color: var(--color-white);
    font-weight: 400;
    padding: 7px 20px 5px;
    text-align: center
}

.hm-5-meta-box .hm-5-meta-btn span,.hm-5-meta-box .hm-5-meta-date span {
    font-family: var(--home-5-title-font);
    font-size: 16px;
    text-transform: uppercase
}

.hm-5-meta-box .hm-5-meta-date span {
    color: #999;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.hm7-btn-1 {
    border: 1px solid #fe5301;
    border-radius: 0;
    color: #fe5301;
    display: block;
    font-family: Inter,sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    padding: 15px 55px 13px 35px;
    position: relative;
    text-transform: uppercase;
    transition: all .4s
}

@media(max-width: 768px) {
    .hm7-btn-1 {
        font-size:16px;
        padding: 20px 50px 18px 30px
    }
}

.hm7-btn-1 i,.hm7-btn-1:hover {
    color: #fe5301
}

.hm7-btn-1:hover .arrow-1 {
    opacity: 0;
    transform: translate(10px,-50%)
}

.hm7-btn-1:hover .arrow-2 {
    opacity: 1;
    transform: translateY(-50%)
}

.hm7-btn-1 i {
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
    transition: all .4s
}

.hm7-btn-1 i.arrow-2 {
    opacity: 0;
    transform: translate(-10px,-50%)
}

/*!
Animate.css - http://daneden.me/animate
Version - 3.4.0
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/
.animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.animated.infinite {
    animation-iteration-count: infinite
}

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

.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY {
    animation-duration: .75s
}

@keyframes bounce {
    0%,20%,53%,80%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        transform: translateZ(0)
    }

    40%,43% {
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        transform: translate3d(0,-30px,0)
    }

    70% {
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        transform: translate3d(0,-15px,0)
    }

    90% {
        transform: translate3d(0,-4px,0)
    }
}

.bounce {
    animation-name: bounce;
    transform-origin: center bottom
}

@keyframes jump-3 {
    0% {
        transform: translateZ(0)
    }

    40% {
        transform: translate3d(0,50px,0) scale(.7)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes jump-4 {
    0% {
        transform: translateZ(0)
    }

    40% {
        transform: translate3d(0,20px,0) scale(.8)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes jump-5 {
    0% {
        transform: translateZ(0)
    }

    40% {
        transform: translate3d(0,10px,0)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes flash {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

.flash {
    animation-name: flash
}

@keyframes pulse {
    0% {
        transform: scaleX(1)
    }

    50% {
        transform: scale3d(1.05,1.05,1.05)
    }

    to {
        transform: scaleX(1)
    }
}

@keyframes videobuttonpopup {
    0% {
        box-shadow: 0 0 0 0 #f0ece9,0 0 0 0 #f0ece9
    }

    80% {
        box-shadow: 0 0 0 20px hsla(0,0%,100%,0),0 0 0 40px hsla(0,0%,100%,0)
    }

    to {
        box-shadow: 0 0 0 0 hsla(0,0%,100%,0),0 0 0 0 hsla(0,0%,100%,0)
    }
}

@keyframes videobuttonpopupsmall {
    0% {
        box-shadow: 0 0 0 0 #f0ece9,0 0 0 0 #f0ece9
    }

    80% {
        box-shadow: 0 0 0 10px hsla(0,0%,100%,0),0 0 0 12px hsla(0,0%,100%,0)
    }

    to {
        box-shadow: 0 0 0 0 hsla(0,0%,100%,0),0 0 0 0 hsla(0,0%,100%,0)
    }
}

.pulse {
    animation-name: pulse
}

@keyframes rubberBand {
    0% {
        transform: scaleX(1)
    }

    30% {
        transform: scale3d(1.25,.75,1)
    }

    40% {
        transform: scale3d(.75,1.25,1)
    }

    50% {
        transform: scale3d(1.15,.85,1)
    }

    65% {
        transform: scale3d(.95,1.05,1)
    }

    75% {
        transform: scale3d(1.05,.95,1)
    }

    to {
        transform: scaleX(1)
    }
}

.rubberBand {
    animation-name: rubberBand
}

@keyframes shake {
    0%,to {
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        transform: translate3d(10px,0,0)
    }
}

.shake {
    animation-name: shake
}

@keyframes swing {
    20% {
        transform: rotate(15deg)
    }

    40% {
        transform: rotate(-10deg)
    }

    60% {
        transform: rotate(5deg)
    }

    80% {
        transform: rotate(-5deg)
    }

    to {
        transform: rotate(0deg)
    }
}

.swing {
    animation-name: swing;
    transform-origin: top center
}

@keyframes tada {
    0% {
        transform: scaleX(1)
    }

    10%,20% {
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        transform: scale3d(1.1,1.1,1.1) rotate(3deg)
    }

    40%,60%,80% {
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
    }

    to {
        transform: scaleX(1)
    }
}

.tada {
    animation-name: tada
}

@keyframes wobble {
    0% {
        transform: none
    }

    15% {
        transform: translate3d(-25%,0,0) rotate(-5deg)
    }

    30% {
        transform: translate3d(20%,0,0) rotate(3deg)
    }

    45% {
        transform: translate3d(-15%,0,0) rotate(-3deg)
    }

    60% {
        transform: translate3d(10%,0,0) rotate(2deg)
    }

    75% {
        transform: translate3d(-5%,0,0) rotate(-1deg)
    }

    to {
        transform: none
    }
}

.wobble {
    animation-name: wobble
}

@keyframes jello {
    0%,11.1%,to {
        transform: none
    }

    22.2% {
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

.jello {
    animation-name: jello;
    transform-origin: center
}

@keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    20% {
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        transform: scaleX(1)
    }
}

.bounceIn {
    animation-name: bounceIn
}

@keyframes bounceInDown {
    0%,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0,-3000px,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0,25px,0)
    }

    75% {
        transform: translate3d(0,-10px,0)
    }

    90% {
        transform: translate3d(0,5px,0)
    }

    to {
        transform: none
    }
}

.bounceInDown {
    animation-name: bounceInDown
}

@keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px,0,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(25px,0,0)
    }

    75% {
        transform: translate3d(-10px,0,0)
    }

    90% {
        transform: translate3d(5px,0,0)
    }

    to {
        transform: none
    }
}

.bounceInLeft {
    animation-name: bounceInLeft
}

@keyframes bounceInRight {
    0%,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(3000px,0,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px,0,0)
    }

    75% {
        transform: translate3d(10px,0,0)
    }

    90% {
        transform: translate3d(-5px,0,0)
    }

    to {
        transform: none
    }
}

.bounceInRight {
    animation-name: bounceInRight
}

@keyframes bounceInUp {
    0%,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0,3000px,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0,-20px,0)
    }

    75% {
        transform: translate3d(0,10px,0)
    }

    90% {
        transform: translate3d(0,-5px,0)
    }

    to {
        transform: translateZ(0)
    }
}

.bounceInUp {
    animation-name: bounceInUp
}

@keyframes bounceOut {
    20% {
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        transform: scale3d(1.1,1.1,1.1)
    }

    to {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }
}

.bounceOut {
    animation-name: bounceOut
}

@keyframes bounceOutDown {
    20% {
        transform: translate3d(0,10px,0)
    }

    40%,45% {
        opacity: 1;
        transform: translate3d(0,-20px,0)
    }

    to {
        opacity: 0;
        transform: translate3d(0,2000px,0)
    }
}

.bounceOutDown {
    animation-name: bounceOutDown
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px,0,0)
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px,0,0)
    }
}

.bounceOutLeft {
    animation-name: bounceOutLeft
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px,0,0)
    }

    to {
        opacity: 0;
        transform: translate3d(2000px,0,0)
    }
}

.bounceOutRight {
    animation-name: bounceOutRight
}

@keyframes bounceOutUp {
    20% {
        transform: translate3d(0,-10px,0)
    }

    40%,45% {
        opacity: 1;
        transform: translate3d(0,20px,0)
    }

    to {
        opacity: 0;
        transform: translate3d(0,-2000px,0)
    }
}

.bounceOutUp {
    animation-name: bounceOutUp
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    animation-name: fadeIn
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInDown {
    animation-name: fadeInDown
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        transform: translate3d(0,-2000px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInDownBig {
    animation-name: fadeInDownBig
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInLeft {
    animation-name: fadeInLeft
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        transform: translate3d(-2000px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInLeftBig {
    animation-name: fadeInLeftBig
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInRight {
    animation-name: fadeInRight
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        transform: translate3d(2000px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInRightBig {
    animation-name: fadeInRightBig
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes fadeInUp2 {
    0% {
        opacity: 0;
        transform: translate3d(0,20%,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInUp {
    animation-name: fadeInUp
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        transform: translate3d(0,2000px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInUpBig {
    animation-name: fadeInUpBig
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0,100%,0)
    }
}

.fadeOutDown {
    animation-name: fadeOutDown
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0,2000px,0)
    }
}

.fadeOutDownBig {
    animation-name: fadeOutDownBig
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(-100%,0,0)
    }
}

.fadeOutLeft {
    animation-name: fadeOutLeft
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px,0,0)
    }
}

.fadeOutLeftBig {
    animation-name: fadeOutLeftBig
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(100%,0,0)
    }
}

.fadeOutRight {
    animation-name: fadeOutRight
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(2000px,0,0)
    }
}

.fadeOutRightBig {
    animation-name: fadeOutRightBig
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0,-100%,0)
    }
}

.fadeOutUp {
    animation-name: fadeOutUp
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0,-2000px,0)
    }
}

.fadeOutUpBig {
    animation-name: fadeOutUpBig
}

@keyframes flip {
    0% {
        animation-timing-function: ease-out;
        transform: perspective(400px) rotateY(-1turn)
    }

    40% {
        animation-timing-function: ease-out;
        transform: perspective(400px) translateZ(150px) rotateY(-190deg)
    }

    50% {
        animation-timing-function: ease-in;
        transform: perspective(400px) translateZ(150px) rotateY(-170deg)
    }

    80% {
        animation-timing-function: ease-in;
        transform: perspective(400px) scale3d(.95,.95,.95)
    }

    to {
        animation-timing-function: ease-in;
        transform: perspective(400px)
    }
}

.animated.flip {
    animation-name: flip;
    backface-visibility: visible
}

@keyframes flipInX {
    0% {
        animation-timing-function: ease-in;
        opacity: 0;
        transform: perspective(400px) rotateX(90deg)
    }

    40% {
        animation-timing-function: ease-in;
        transform: perspective(400px) rotateX(-20deg)
    }

    60% {
        opacity: 1;
        transform: perspective(400px) rotateX(10deg)
    }

    80% {
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

.flipInX {
    animation-name: flipInX;
    backface-visibility: visible!important
}

@keyframes flipInY {
    0% {
        animation-timing-function: ease-in;
        opacity: 0;
        transform: perspective(400px) rotateY(90deg)
    }

    40% {
        animation-timing-function: ease-in;
        transform: perspective(400px) rotateY(-20deg)
    }

    60% {
        opacity: 1;
        transform: perspective(400px) rotateY(10deg)
    }

    80% {
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

.flipInY {
    animation-name: flipInY;
    backface-visibility: visible!important
}

@keyframes flipOutX {
    0% {
        transform: perspective(400px)
    }

    30% {
        opacity: 1;
        transform: perspective(400px) rotateX(-20deg)
    }

    to {
        opacity: 0;
        transform: perspective(400px) rotateX(90deg)
    }
}

.flipOutX {
    animation-name: flipOutX;
    backface-visibility: visible!important
}

@keyframes flipOutY {
    0% {
        transform: perspective(400px)
    }

    30% {
        opacity: 1;
        transform: perspective(400px) rotateY(-15deg)
    }

    to {
        opacity: 0;
        transform: perspective(400px) rotateY(90deg)
    }
}

.flipOutY {
    animation-name: flipOutY;
    backface-visibility: visible!important
}

@keyframes lightSpeedIn {
    0% {
        opacity: 0;
        transform: translate3d(100%,0,0) skewX(-30deg)
    }

    60% {
        opacity: 1;
        transform: skewX(20deg)
    }

    80% {
        opacity: 1;
        transform: skewX(-5deg)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.lightSpeedIn {
    animation-name: lightSpeedIn;
    animation-timing-function: ease-out
}

@keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(100%,0,0) skewX(30deg)
    }
}

.lightSpeedOut {
    animation-name: lightSpeedOut;
    animation-timing-function: ease-in
}

@keyframes rotateIn {
    0% {
        opacity: 0;
        transform: rotate(-200deg);
        transform-origin: center
    }

    to {
        opacity: 1;
        transform: none;
        transform-origin: center
    }
}

.rotateIn {
    animation-name: rotateIn
}

@keyframes rotateInDownLeft {
    0% {
        opacity: 0;
        transform: rotate(-45deg);
        transform-origin: left bottom
    }

    to {
        opacity: 1;
        transform: none;
        transform-origin: left bottom
    }
}

.rotateInDownLeft {
    animation-name: rotateInDownLeft
}

@keyframes rotateInDownRight {
    0% {
        opacity: 0;
        transform: rotate(45deg);
        transform-origin: right bottom
    }

    to {
        opacity: 1;
        transform: none;
        transform-origin: right bottom
    }
}

.rotateInDownRight {
    animation-name: rotateInDownRight
}

@keyframes rotateInUpLeft {
    0% {
        opacity: 0;
        transform: rotate(45deg);
        transform-origin: left bottom
    }

    to {
        opacity: 1;
        transform: none;
        transform-origin: left bottom
    }
}

.rotateInUpLeft {
    animation-name: rotateInUpLeft
}

@keyframes rotateInUpRight {
    0% {
        opacity: 0;
        transform: rotate(-90deg);
        transform-origin: right bottom
    }

    to {
        opacity: 1;
        transform: none;
        transform-origin: right bottom
    }
}

.rotateInUpRight {
    animation-name: rotateInUpRight
}

@keyframes rotateOut {
    0% {
        opacity: 1;
        transform-origin: center
    }

    to {
        opacity: 0;
        transform: rotate(200deg);
        transform-origin: center
    }
}

.rotateOut {
    animation-name: rotateOut
}

@keyframes rotateOutDownLeft {
    0% {
        opacity: 1;
        transform-origin: left bottom
    }

    to {
        opacity: 0;
        transform: rotate(45deg);
        transform-origin: left bottom
    }
}

.rotateOutDownLeft {
    animation-name: rotateOutDownLeft
}

@keyframes rotateOutDownRight {
    0% {
        opacity: 1;
        transform-origin: right bottom
    }

    to {
        opacity: 0;
        transform: rotate(-45deg);
        transform-origin: right bottom
    }
}

.rotateOutDownRight {
    animation-name: rotateOutDownRight
}

@keyframes rotateOutUpLeft {
    0% {
        opacity: 1;
        transform-origin: left bottom
    }

    to {
        opacity: 0;
        transform: rotate(-45deg);
        transform-origin: left bottom
    }
}

.rotateOutUpLeft {
    animation-name: rotateOutUpLeft
}

@keyframes rotateOutUpRight {
    0% {
        opacity: 1;
        transform-origin: right bottom
    }

    to {
        opacity: 0;
        transform: rotate(90deg);
        transform-origin: right bottom
    }
}

.rotateOutUpRight {
    animation-name: rotateOutUpRight
}

@keyframes hinge {
    0% {
        animation-timing-function: ease-in-out;
        transform-origin: top left
    }

    20%,60% {
        animation-timing-function: ease-in-out;
        transform: rotate(80deg);
        transform-origin: top left
    }

    40%,80% {
        animation-timing-function: ease-in-out;
        opacity: 1;
        transform: rotate(60deg);
        transform-origin: top left
    }

    to {
        opacity: 0;
        transform: translate3d(0,700px,0)
    }
}

.hinge {
    animation-name: hinge
}

@keyframes rollIn {
    0% {
        opacity: 0;
        transform: translate3d(-100%,0,0) rotate(-120deg)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.rollIn {
    animation-name: rollIn
}

@keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(100%,0,0) rotate(120deg)
    }
}

.rollOut {
    animation-name: rollOut
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

.zoomIn {
    animation-name: zoomIn
}

@keyframes zoomInDown {
    0% {
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0)
    }

    60% {
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0)
    }
}

.zoomInDown {
    animation-name: zoomInDown
}

@keyframes zoomInLeft {
    0% {
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0)
    }

    60% {
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0)
    }
}

.zoomInLeft {
    animation-name: zoomInLeft
}

@keyframes zoomInRight {
    0% {
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0)
    }

    60% {
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0)
    }
}

.zoomInRight {
    animation-name: zoomInRight
}

@keyframes zoomInUp {
    0% {
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0)
    }

    60% {
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0)
    }
}

.zoomInUp {
    animation-name: zoomInUp
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

.zoomOut {
    animation-name: zoomOut
}

@keyframes zoomOutDown {
    40% {
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0)
    }

    to {
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform-origin: center bottom
    }
}

.zoomOutDown {
    animation-name: zoomOutDown
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
    }

    to {
        opacity: 0;
        transform: scale(.1) translate3d(-2000px,0,0);
        transform-origin: left center
    }
}

.zoomOutLeft {
    animation-name: zoomOutLeft
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }

    to {
        opacity: 0;
        transform: scale(.1) translate3d(2000px,0,0);
        transform-origin: right center
    }
}

.zoomOutRight {
    animation-name: zoomOutRight
}

@keyframes zoomOutUp {
    40% {
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0)
    }

    to {
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform-origin: center bottom
    }
}

.zoomOutUp {
    animation-name: zoomOutUp
}

@keyframes slideInDown {
    0% {
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

.slideInDown {
    animation-name: slideInDown
}

@keyframes slideInLeft {
    0% {
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

.slideInLeft {
    animation-name: slideInLeft
}

@keyframes slideInRight {
    0% {
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

.slideInRight {
    animation-name: slideInRight
}

@keyframes slideInUp {
    0% {
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

.slideInUp {
    animation-name: slideInUp
}

@keyframes slideOutDown {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(0,100%,0);
        visibility: hidden
    }
}

.slideOutDown {
    animation-name: slideOutDown
}

@keyframes slideOutLeft {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(-100%,0,0);
        visibility: hidden
    }
}

.slideOutLeft {
    animation-name: slideOutLeft
}

@keyframes slideOutRight {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(100%,0,0);
        visibility: hidden
    }
}

.slideOutRight {
    animation-name: slideOutRight
}

@keyframes slideOutUp {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(0,-100%,0);
        visibility: hidden
    }
}

.slideOutUp {
    animation-name: slideOutUp
}

@keyframes jump-1 {
    0% {
        transform: translateZ(0)
    }

    40% {
        transform: translate3d(0,20px,0)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes jump-2 {
    0% {
        transform: translateZ(0)
    }

    50% {
        transform: translate3d(0,30px,0)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes rotateIt {
    to {
        transform: rotate(-1turn)
    }
}

@keyframes rotateIt2 {
    to {
        transform: rotate(1turn)
    }
}

@keyframes shape-service-1 {
    0% {
        right: -40%;
        top: 30%
    }

    to {
        right: -23%;
        top: 0
    }
}

@keyframes animate-floting {
    0% {
        transform: translateX(50%)
    }

    50% {
        transform: translateX(-40%)
    }

    to {
        transform: translateX(40%)
    }
}

@keyframes animate-floting-2 {
    0% {
        transform: translateX(-50%)
    }

    50% {
        transform: translateX(40%)
    }

    to {
        transform: translateX(-40%)
    }
}

@keyframes animate-floting-3 {
    0% {
        transform: translateX(-20%)
    }

    50% {
        transform: translateX(0)
    }

    to {
        transform: translateX(-20%)
    }
}

.floting-line {
    animation: animate-floting 15s linear infinite
}

.floting-line:hover {
    animation-play-state: paused
}

.floting-line-2 {
    animation: animate-floting-2 15s linear infinite
}

.floting-line-2:hover {
    animation-play-state: paused
}

@keyframes waves {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        transform: scale(.2)
    }

    50% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
        opacity: .9
    }

    to {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        transform: scale(.9)
    }
}

@keyframes vsmorph {
    0% {
        border-radius: var(--morp-value)
    }

    50% {
        border-radius: var(--morp-md-value)
    }

    to {
        border-radius: 40% 60%
    }
}

@keyframes morpspin {
    to {
        transform: rotate(1turn)
    }
}

@keyframes customOne {
    0% {
        opacity: 1;
        transform: translateY(-50%) scale(0)
    }

    to {
        opacity: 0;
        transform: translateY(-50%) scale(1.3)
    }
}

@keyframes liveAuction {
    0% {
        background: var(--color-white)
    }

    to {
        background: var(--color-danger)
    }
}

.cd-intro {
    margin: 4em auto
}

@media only screen and (min-width: 768px) {
    .cd-intro {
        margin:5em auto
    }
}

@media only screen and (min-width: 1170px) {
    .cd-intro {
        margin:6em auto
    }
}

.cd-headline {
    font-size: 3rem;
    line-height: 1.2
}

@media only screen and (min-width: 768px) {
    .cd-headline {
        font-size:4.4rem;
        font-weight: 300
    }
}

@media only screen and (min-width: 1170px) {
    .cd-headline {
        font-size:48px
    }
}

@media only screen and (max-width: 768px) {
    .cd-headline {
        font-size:40px
    }
}

@media only screen and (max-width: 479px) {
    .cd-headline {
        font-size:26px
    }
}

.cd-words-wrapper {
    display: inline-block;
    position: relative;
    text-align: left
}

.cd-words-wrapper b {
    display: inline-block;
    left: 0;
    position: absolute;
    top: 0;
    white-space: nowrap
}

.cd-words-wrapper b.is-visible {
    position: relative
}

.no-js .cd-words-wrapper b {
    opacity: 0
}

.no-js .cd-words-wrapper b.is-visible {
    opacity: 1
}

.cd-headline.clip span {
    display: inline-block;
    padding: 0
}

.cd-headline.clip .cd-words-wrapper {
    margin-top: -20px;
    overflow: hidden;
    position: relative;
    vertical-align: middle
}

.cd-headline.clip .cd-words-wrapper b {
    font-weight: 700
}

.cd-headline.clip .cd-words-wrapper:after {
    background-color: var(--color-primary-3);
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px
}

.cd-headline.clip b {
    opacity: 0
}

.cd-headline.clip b.is-visible {
    opacity: 1
}

[data-sal] {
    transition-delay: 0s;
    transition-delay: var(--sal-delay,0s);
    transition-duration: .2s;
    transition-duration: var(--sal-duration,.2s);
    transition-timing-function: var(--sal-easing,ease)
}

[data-sal][data-sal-duration="200"] {
    transition-duration: .2s
}

[data-sal][data-sal-duration="250"] {
    transition-duration: .25s
}

[data-sal][data-sal-duration="300"] {
    transition-duration: .3s
}

[data-sal][data-sal-duration="350"] {
    transition-duration: .35s
}

[data-sal][data-sal-duration="400"] {
    transition-duration: .4s
}

[data-sal][data-sal-duration="450"] {
    transition-duration: .45s
}

[data-sal][data-sal-duration="500"] {
    transition-duration: .5s
}

[data-sal][data-sal-duration="550"] {
    transition-duration: .55s
}

[data-sal][data-sal-duration="600"] {
    transition-duration: .6s
}

[data-sal][data-sal-duration="650"] {
    transition-duration: .65s
}

[data-sal][data-sal-duration="700"] {
    transition-duration: .7s
}

[data-sal][data-sal-duration="750"] {
    transition-duration: .75s
}

[data-sal][data-sal-duration="800"] {
    transition-duration: .8s
}

[data-sal][data-sal-duration="850"] {
    transition-duration: .85s
}

[data-sal][data-sal-duration="900"] {
    transition-duration: .9s
}

[data-sal][data-sal-duration="950"] {
    transition-duration: .95s
}

[data-sal][data-sal-duration="1000"] {
    transition-duration: 1s
}

[data-sal][data-sal-duration="1050"] {
    transition-duration: 1.05s
}

[data-sal][data-sal-duration="1100"] {
    transition-duration: 1.1s
}

[data-sal][data-sal-duration="1150"] {
    transition-duration: 1.15s
}

[data-sal][data-sal-duration="1200"] {
    transition-duration: 1.2s
}

[data-sal][data-sal-duration="1250"] {
    transition-duration: 1.25s
}

[data-sal][data-sal-duration="1300"] {
    transition-duration: 1.3s
}

[data-sal][data-sal-duration="1350"] {
    transition-duration: 1.35s
}

[data-sal][data-sal-duration="1400"] {
    transition-duration: 1.4s
}

[data-sal][data-sal-duration="1450"] {
    transition-duration: 1.45s
}

[data-sal][data-sal-duration="1500"] {
    transition-duration: 1.5s
}

[data-sal][data-sal-duration="1550"] {
    transition-duration: 1.55s
}

[data-sal][data-sal-duration="1600"] {
    transition-duration: 1.6s
}

[data-sal][data-sal-duration="1650"] {
    transition-duration: 1.65s
}

[data-sal][data-sal-duration="1700"] {
    transition-duration: 1.7s
}

[data-sal][data-sal-duration="1750"] {
    transition-duration: 1.75s
}

[data-sal][data-sal-duration="1800"] {
    transition-duration: 1.8s
}

[data-sal][data-sal-duration="1850"] {
    transition-duration: 1.85s
}

[data-sal][data-sal-duration="1900"] {
    transition-duration: 1.9s
}

[data-sal][data-sal-duration="1950"] {
    transition-duration: 1.95s
}

[data-sal][data-sal-duration="2000"] {
    transition-duration: 2s
}

[data-sal][data-sal-delay="50"] {
    transition-delay: .05s
}

[data-sal][data-sal-delay="100"] {
    transition-delay: .1s
}

[data-sal][data-sal-delay="150"] {
    transition-delay: .15s
}

[data-sal][data-sal-delay="200"] {
    transition-delay: .2s
}

[data-sal][data-sal-delay="250"] {
    transition-delay: .25s
}

[data-sal][data-sal-delay="300"] {
    transition-delay: .3s
}

[data-sal][data-sal-delay="350"] {
    transition-delay: .35s
}

[data-sal][data-sal-delay="400"] {
    transition-delay: .4s
}

[data-sal][data-sal-delay="450"] {
    transition-delay: .45s
}

[data-sal][data-sal-delay="500"] {
    transition-delay: .5s
}

[data-sal][data-sal-delay="550"] {
    transition-delay: .55s
}

[data-sal][data-sal-delay="600"] {
    transition-delay: .6s
}

[data-sal][data-sal-delay="650"] {
    transition-delay: .65s
}

[data-sal][data-sal-delay="700"] {
    transition-delay: .7s
}

[data-sal][data-sal-delay="750"] {
    transition-delay: .75s
}

[data-sal][data-sal-delay="800"] {
    transition-delay: .8s
}

[data-sal][data-sal-delay="850"] {
    transition-delay: .85s
}

[data-sal][data-sal-delay="900"] {
    transition-delay: .9s
}

[data-sal][data-sal-delay="950"] {
    transition-delay: .95s
}

[data-sal][data-sal-delay="1000"] {
    transition-delay: 1s
}

[data-sal][data-sal-easing=linear] {
    transition-timing-function: linear
}

[data-sal][data-sal-easing=ease] {
    transition-timing-function: ease
}

[data-sal][data-sal-easing=ease-in] {
    transition-timing-function: ease-in
}

[data-sal][data-sal-easing=ease-out] {
    transition-timing-function: ease-out
}

[data-sal][data-sal-easing=ease-in-out] {
    transition-timing-function: ease-in-out
}

[data-sal][data-sal-easing=ease-in-cubic] {
    transition-timing-function: cubic-bezier(.55,.055,.675,.19)
}

[data-sal][data-sal-easing=ease-out-cubic] {
    transition-timing-function: cubic-bezier(.215,.61,.355,1)
}

[data-sal][data-sal-easing=ease-in-out-cubic] {
    transition-timing-function: cubic-bezier(.645,.045,.355,1)
}

[data-sal][data-sal-easing=ease-in-circ] {
    transition-timing-function: cubic-bezier(.6,.04,.98,.335)
}

[data-sal][data-sal-easing=ease-out-circ] {
    transition-timing-function: cubic-bezier(.075,.82,.165,1)
}

[data-sal][data-sal-easing=ease-in-out-circ] {
    transition-timing-function: cubic-bezier(.785,.135,.15,.86)
}

[data-sal][data-sal-easing=ease-in-expo] {
    transition-timing-function: cubic-bezier(.95,.05,.795,.035)
}

[data-sal][data-sal-easing=ease-out-expo] {
    transition-timing-function: cubic-bezier(.19,1,.22,1)
}

[data-sal][data-sal-easing=ease-in-out-expo] {
    transition-timing-function: cubic-bezier(1,0,0,1)
}

[data-sal][data-sal-easing=ease-in-quad] {
    transition-timing-function: cubic-bezier(.55,.085,.68,.53)
}

[data-sal][data-sal-easing=ease-out-quad] {
    transition-timing-function: cubic-bezier(.25,.46,.45,.94)
}

[data-sal][data-sal-easing=ease-in-out-quad] {
    transition-timing-function: cubic-bezier(.455,.03,.515,.955)
}

[data-sal][data-sal-easing=ease-in-quart] {
    transition-timing-function: cubic-bezier(.895,.03,.685,.22)
}

[data-sal][data-sal-easing=ease-out-quart] {
    transition-timing-function: cubic-bezier(.165,.84,.44,1)
}

[data-sal][data-sal-easing=ease-in-out-quart] {
    transition-timing-function: cubic-bezier(.77,0,.175,1)
}

[data-sal][data-sal-easing=ease-in-quint] {
    transition-timing-function: cubic-bezier(.755,.05,.855,.06)
}

[data-sal][data-sal-easing=ease-out-quint] {
    transition-timing-function: cubic-bezier(.23,1,.32,1)
}

[data-sal][data-sal-easing=ease-in-out-quint] {
    transition-timing-function: cubic-bezier(.86,0,.07,1)
}

[data-sal][data-sal-easing=ease-in-sine] {
    transition-timing-function: cubic-bezier(.47,0,.745,.715)
}

[data-sal][data-sal-easing=ease-out-sine] {
    transition-timing-function: cubic-bezier(.39,.575,.565,1)
}

[data-sal][data-sal-easing=ease-in-out-sine] {
    transition-timing-function: cubic-bezier(.445,.05,.55,.95)
}

[data-sal][data-sal-easing=ease-in-back] {
    transition-timing-function: cubic-bezier(.6,-.28,.735,.045)
}

[data-sal][data-sal-easing=ease-out-back] {
    transition-timing-function: cubic-bezier(.175,.885,.32,1.275)
}

[data-sal][data-sal-easing=ease-in-out-back] {
    transition-timing-function: cubic-bezier(.68,-.55,.265,1.55)
}

[data-sal|=fade] {
    opacity: 0;
    transition-property: opacity
}

[data-sal|=fade].sal-animate,body.sal-disabled [data-sal|=fade] {
    opacity: 1
}

[data-sal|=slide] {
    opacity: 0;
    transition-property: opacity,transform
}

[data-sal=slide-up] {
    transform: translateY(20%)
}

[data-sal=slide-down] {
    transform: translateY(-20%)
}

[data-sal=slide-left] {
    transform: translateX(20%)
}

[data-sal=slide-right] {
    transform: translateX(-20%)
}

[data-sal|=slide].sal-animate,body.sal-disabled [data-sal|=slide] {
    opacity: 1;
    transform: none
}

[data-sal|=zoom] {
    opacity: 0;
    transition-property: opacity,transform
}

[data-sal=zoom-in] {
    transform: scale(.5)
}

[data-sal=zoom-out] {
    transform: scale(1.1)
}

[data-sal|=zoom].sal-animate,body.sal-disabled [data-sal|=zoom] {
    opacity: 1;
    transform: none
}

[data-sal|=flip] {
    backface-visibility: hidden;
    transition-property: transform
}

[data-sal=flip-left] {
    transform: perspective(2000px) rotateY(-91deg)
}

[data-sal=flip-right] {
    transform: perspective(2000px) rotateY(91deg)
}

[data-sal=flip-up] {
    transform: perspective(2000px) rotateX(-91deg)
}

[data-sal=flip-down] {
    transform: perspective(2000px) rotateX(91deg)
}

[data-sal|=flip].sal-animate,body.sal-disabled [data-sal|=flip] {
    transform: none
}

.echo-header-top {
    padding: 20px 0
}

@media(max-width: 576px) {
    .echo-header-top {
        padding:15px 0
    }
}

@media(max-width: 768px) {
    .echo-full-header-top {
        padding:0 30px
    }
}

@media(max-width: 400px) {
    .echo-full-header-top {
        padding:0 10px
    }
}

.echo-meta-total-jobs {
    align-items: center;
    display: flex;
    gap: 18px
}

@media(max-width: 1200px)and (min-width:991px) {
    .echo-meta-total-jobs {
        gap:10px
    }
}

.echo-meta-total-jobs .echo-meta-jobs-text span {
    color: var(--color-heading-1);
    font-family: Inter,sans-serif;
    font-size: var(--font-size-b2);
    font-weight: var(--s-bold)
}

@media(max-width: 1200px)and (min-width:991px) {
    .echo-meta-total-jobs .echo-meta-jobs-text span {
        font-size:14px
    }
}

@media(max-width: 991px)and (min-width:768px) {
    .echo-meta-total-jobs .echo-meta-jobs-text span {
        font-size:14px
    }
}

.echo-header-top-date {
    align-items: center;
    display: flex;
    gap: 20px;
    justify-content: center
}

@media(max-width: 991px) {
    .echo-header-top-date {
        justify-content:left
    }
}

.echo-header-top-date .echo-date-time span i,.echo-header-top-date .echo-day-name span i {
    margin-right: 10px
}

.echo-header-top-date .echo-date-time span strong,.echo-header-top-date .echo-day-name span strong {
    color: #181818
}

@media(max-width: 1200px)and (min-width:991px) {
    .echo-header-top-date .echo-date-time,.echo-header-top-date .echo-day-name {
        font-size:13px
    }
}

@media(max-width: 991px)and (min-width:768px) {
    .echo-header-top-date .echo-date-time,.echo-header-top-date .echo-day-name {
        font-size:13px
    }
}

@media(max-width: 768px) {
    .echo-header-top-date .echo-date-time {
        display:none
    }
}

@media(max-width: 400px) {
    .echo-header-top-date .echo-day-name {
        font-size:14px
    }
}

.echo-header-top-subs-social-menu .echo-header-top-subs-social {
    align-items: center;
    display: flex;
    gap: 20px;
    justify-content: end
}

.echo-header-top-subs-social-menu .echo-header-top-subscribe-btn {
    margin-right: 10px
}

@media(max-width: 768px) {
    .echo-header-top-subs-social-menu .echo-header-top-subscribe-btn {
        display:none
    }
}

.echo-header-top-subs-social-menu .echo-header-top-subscribe-btn button {
    border: 1px solid rgba(94,94,94,.5);
    padding: 15px 25px
}

@media(max-width: 1200px)and (min-width:991px) {
    .echo-header-top-subs-social-menu .echo-header-top-subscribe-btn button {
        padding:12px 22px
    }
}

.echo-header-top-subs-social-menu .echo-header-top-subscribe-btn i {
    margin-right: 10px
}

.echo-header-top-subs-social-menu .echo-header-top-social-media {
    align-items: center;
    display: flex;
    gap: 10px;
    margin-right: 30px
}

@media(max-width: 991px) {
    .echo-header-top-subs-social-menu .echo-header-top-social-media {
        margin-right:0
    }
}

.echo-header-top-subs-social-menu .echo-header-top-social-media a {
    position: relative
}

.echo-header-top-subs-social-menu .echo-header-top-social-media .echo-header-top-search-btn {
    position: relative;
    width: 10px
}

.echo-header-top-subs-social-menu .echo-header-top-social-media .echo-header-top-search-btn:after {
    background-color: rgba(94,94,94,.6);
    content: "";
    height: 20px;
    position: absolute;
    right: -30px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px
}

@media(max-width: 991px) {
    .echo-header-top-subs-social-menu .echo-header-top-social-media .echo-header-top-search-btn:after {
        display:none
    }
}

.echo-header-top-subs-social-menu .echo-header-top-social-media .echo-header-top-search-btn svg {
    margin-top: -6px;
    position: relative
}

@media(max-width: 991px) {
    .echo-header-top-subs-social-menu .echo-header-top-menu-bar {
        display:none
    }

    .echo-header-area .echo-home-1-menu .echo-header-top-menu-bar {
        display: block!important
    }

    .echo-site-main-logo-menu-social .echo-home-1-social-media-icons ul {
        display: none
    }
}

.home-one .echo-site-main-logo-menu-social {
    background: #f8f8f8
}

.home-one .header-sticky .echo-site-main-logo-menu-social {
    background: #fff
}

.home-one.home-three .header-sticky .echo-site-main-logo-menu-social {
    background: #191a23
}

html[data-theme=dark] body.home-one .header-sticky .echo-site-main-logo-menu-social {
    background: var(--bg-dark-three)
}

html[data-theme=dark] body.home-three .header-sticky .echo-site-main-logo-menu-social {
    background: #191a23
}

.echo-site-main-logo-menu-social {
    background-color: #fff
}

.echo-site-main-logo-menu-social ul.echo-desktop-menu {
    margin: 0;
    padding: 0;
    text-align: center
}

.echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown {
    display: inline-block;
    position: relative;
    transition: all .4s
}

.echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown:hover a.echo-dropdown-main-element {
    color: var(--color-primary)
}

.echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown:hover a.echo-dropdown-main-element:after {
    content: ""!important
}

.echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown:hover ul.echo-submenu,.echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown:hover ul.mega-menu {
    opacity: 1;
    top: 100%;
    visibility: visible
}

.echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown a.echo-dropdown-main-element {
    font-weight: 500;
    padding: 0 18px;
    position: relative;
    transition: all .4s
}

@media(max-width: 1200px) {
    .echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown a.echo-dropdown-main-element {
        padding:0 15px
    }
}

.echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown a.echo-dropdown-main-element:after {
    content: ""!important;
    font-family: Font Awesome\ 6 Pro!important;
    font-size: 15px;
    position: absolute!important;
    right: 0;
    top: -2px;
    transition: all .4s
}

.echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown ul.echo-submenu {
    align-items: center;
    align-items: flex-start;
    background-color: #fff;
    border-radius: 0;
    border-top: 3px solid var(--color-primary);
    box-shadow: 0 36px 35px rgba(0,0,0,.08);
    display: flex;
    flex-direction: column;
    height: auto;
    justify-content: flex-start;
    left: 0;
    margin-left: 0;
    margin-top: -1px;
    min-width: 220px;
    opacity: 0;
    padding: 15px;
    position: absolute;
    text-align: left;
    top: 90%;
    transition: all .3s;
    visibility: hidden;
    width: -moz-max-content;
    width: max-content;
    z-index: 90
}

.echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown ul.echo-submenu .nav-item {
    margin: 0;
    padding: 0 8px;
    position: relative;
    transition: all .4s;
    width: 100%
}

.echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown ul.echo-submenu .nav-item a {
    display: block;
    padding: 8px 0;
    transform: translateX(0);
    transition: all .4s;
    width: 100%
}

.echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown ul.echo-submenu .nav-item:hover a {
    color: var(--color-primary);
    transform: translateX(8px)
}

.echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown ul.echo-submenu .nav-item:hover:before {
    transform: scale(1) translateY(-50%)
}

.echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown ul.echo-submenu .nav-item:before {
    aspect-ratio: 1;
    background: var(--color-primary);
    border-radius: 50%;
    content: "";
    height: 7px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: scale(0) translateY(-50%);
    transition: all .4s;
    width: 7px
}

.echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown ul.echo-submenu .nav-item.third-lvl:hover .third-lvl-submenu {
    left: 100%;
    opacity: 1;
    top: 0;
    visibility: visible
}

.echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown ul.echo-submenu .nav-item.third-lvl .third-lvl-submenu {
    left: 100%;
    opacity: 0;
    top: 10px;
    visibility: hidden
}

.echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown ul.echo-submenu .nav-item.third-lvl .third-lvl-submenu .nav-item:hover a {
    color: var(--color-primary);
    transform: translateX(8px)
}

.echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown ul.echo-submenu .nav-item.third-lvl .third-lvl-submenu .nav-item a {
    color: #181823;
    transform: translateX(0)
}

.echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown ul.mega-menu {
    background: #fff;
    border-top: 3px solid var(--color-primary);
    box-shadow: 0 36px 35px rgba(0,0,0,.08);
    display: flex;
    gap: 20px;
    justify-content: center;
    opacity: 0;
    padding: 20px;
    position: absolute;
    right: 50%;
    text-align: center;
    top: 90%;
    transform: translateX(50%);
    transition: all .3s;
    visibility: hidden;
    width: 1170px;
    z-index: 99999
}

.echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown ul.mega-menu h5 {
    font-size: 18px;
    margin-bottom: 0;
    margin-top: 20px
}

.echo-site-main-logo-menu-social ul.echo-desktop-menu li.menu-item {
    display: inline-block;
    margin: 0;
    padding: 30px 0;
    position: relative;
    transition: all .4s
}

.echo-site-main-logo-menu-social ul.echo-desktop-menu li.menu-item:hover .echo-dropdown-main-element {
    color: var(--color-primary)
}

.echo-site-main-logo-menu-social ul.echo-desktop-menu li.menu-item .echo-dropdown-main-element {
    font-weight: 500;
    padding: 0 18px
}

.echo-site-main-logo-menu-social .echo-home-1-social-media-icons {
    text-align: right
}

.echo-site-main-logo-menu-social .echo-home-1-social-media-icons ul {
    margin: 0;
    padding: 0
}

.echo-site-main-logo-menu-social .echo-home-1-social-media-icons ul li {
    display: inline-block;
    margin: 0 9px
}

.header-three {
    position: absolute!important;
    top: 0;
    transition: all .4s;
    width: 100%;
    z-index: 1
}

.header-three .header-container {
    max-width: 1400px
}

.header-three .echo-site-main-logo-menu-social {
    background: none;
    min-height: 100%;
    padding-top: 0
}

.header-three .echo-site-main-logo-menu-social .echo-site-main {
    background: #191a23;
    border-radius: 10px;
    padding: 0 100px
}

@media(max-width: 1220px) {
    .header-three .echo-site-main-logo-menu-social .echo-site-main {
        padding:0 30px
    }
}

@media(max-width: 991px) {
    .header-three .echo-site-main-logo-menu-social .echo-site-main {
        padding-bottom:10px;
        padding-top: 10px
    }
}

@media(max-width: 400px) {
    .header-three .echo-site-main-logo-menu-social .echo-site-main {
        padding:0 15px
    }
}

.header-three .echo-site-main-logo-menu-social .echo-site-main .echo-home-1-menu {
    text-align: center
}

.header-three .echo-site-main-logo-menu-social .echo-site-main .echo-home-1-menu ul li a {
    color: #fff
}

@media(max-width: 1200px) {
    .header-three .echo-site-main-logo-menu-social .echo-site-main .echo-home-1-menu ul li a {
        padding:0 14px
    }
}

.header-three .echo-site-main-logo-menu-social .echo-site-main .echo-home-1-menu ul li a:hover {
    color: var(--color-primary-m)
}

@media(max-width: 1200px) {
    .header-three .echo-site-main-logo-menu-social .echo-site-main .echo-home-1-social-media-icons .list-unstyled li {
        margin:0 7px
    }
}

.header-three .echo-site-main-logo-menu-social .echo-site-main .echo-home-1-social-media-icons .list-unstyled li a {
    color: #fff
}

.header-three .echo-site-main-logo-menu-social .echo-site-main .echo-home-1-social-media-icons .list-unstyled li a:hover {
    color: var(--color-primary-m)
}

.header-three.header-sticky {
    background: #191a23;
    position: fixed!important;
    transition: all .4s
}

.header-sticky .echo-header-top,.header-sticky .echo-header-top-home-2 {
    display: none
}

.header-sticky .echo-home-2-menu .echo-home-2-menu-full-contetn {
    border: none!important
}

.header-sticky .header-sticky-logo {
    display: block!important
}

.header-sticky .podcast-area {
    display: none
}

.header-sticky .sticky-menu-bar {
    display: block!important
}

.header-sticky.header-four .echo-header-top-menu-bar {
    position: relative
}

.header-sticky.header-four .echo-header-top-menu-bar i {
    color: #fff
}

.header-four .echo-home-1-menu .echo-header-top-menu-bar a svg path,.header-sticky.header-four .echo-header-top-menu-bar a svg path {
    fill: #fff
}

.home-nine .echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown ul.mega-menu,.home-seven .echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown ul.mega-menu {
    transform: translateX(66%)
}

.home-nine .header-sticky .echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown ul.mega-menu,.home-seven .header-sticky .echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown ul.mega-menu {
    transform: translateX(50%)
}

.home-seven .echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown ul.mega-menu {
    border-top: 3px solid #924fff
}

.header--sticky.sticky {
    -webkit-backdrop-filter: blur(9px);
    backdrop-filter: blur(9px);
    box-shadow: 0 7px 18px rgba(24,16,16,.051);
    display: block;
    position: fixed!important;
    top: 0;
    width: 100%;
    z-index: 999
}

.echo-header-area .echo-header-top-home-2 {
    background-color: #181823
}

@media(max-width: 991px) {
    .echo-header-area .echo-header-top-home-2 {
        padding:20px 15px
    }
}

@media(max-width: 400px) {
    .echo-header-area .echo-header-top-home-2 {
        padding:20px 0
    }
}

@media(max-width: 576px) {
    .echo-header-area .echo-header-top-home-2 .echo-full-header-top {
        padding:0
    }
}

@media(max-width: 480px) {
    .echo-header-area .echo-header-top-home-2 .echo-full-header-top {
        padding:0 5px
    }
}

.echo-header-area .echo-header-top-home-2 .home-2-row {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.echo-header-area .echo-header-top-home-2 .home-2-row a {
    color: #fff;
    transition: all .3s ease
}

.echo-header-area .echo-header-top-home-2 .home-2-row a:hover {
    color: #924fff
}

.echo-header-area .echo-header-top-home-2 .home-2-row a i {
    font-size: 20px
}

.echo-header-area .echo-header-top-home-2 .home-2-row .home-2-social {
    flex-basis: 45%
}

@media(max-width: 768px) {
    .echo-header-area .echo-header-top-home-2 .home-2-row .home-2-social {
        flex-basis:70%
    }
}

.echo-header-area .echo-header-top-home-2 .home-2-row .home-2-social .home-2-header ul {
    margin: 0;
    padding: 0
}

.echo-header-area .echo-header-top-home-2 .home-2-row .home-2-social .home-2-header ul li {
    display: inline-block;
    margin: 0 10px
}

@media(max-width: 576px) {
    .echo-header-area .echo-header-top-home-2 .home-2-row .home-2-social .home-2-header ul li {
        margin:0 3px
    }
}

.echo-header-area .echo-header-top-home-2 .home-2-row .home-2-social .home-2-header ul li a {
    color: #fff;
    transition: all .3s ease
}

.echo-header-area .echo-header-top-home-2 .home-2-row .home-2-social .home-2-header ul li a:hover {
    color: #924fff
}

@media(max-width: 576px) {
    .echo-header-area .echo-header-top-home-2 .home-2-row .home-2-social .home-2-header ul li a i {
        font-size:14px
    }
}

.echo-header-area .echo-header-top-home-2 .home-2-row .home-2-social .home-2-header ul li:first-child {
    margin-left: 0
}

.echo-header-area .echo-header-top-home-2 .home-2-row .home-2-logo {
    flex-basis: 10%
}

@media(max-width: 991px) {
    .echo-header-area .echo-header-top-home-2 .home-2-row .home-2-logo {
        display:none
    }
}

.echo-header-area .echo-header-top-home-2 .home-2-row .home-2-card-etc {
    flex-basis: 45%
}

@media(max-width: 768px) {
    .echo-header-area .echo-header-top-home-2 .home-2-row .home-2-card-etc {
        flex-basis:30%
    }
}

.echo-header-area .echo-header-top-home-2 .home-2-row .home-2-card-etc .echo-header-top-subs-social-menu-home-2 {
    margin-left: 105px
}

.echo-header-area .echo-header-top-home-2 .home-2-row .home-2-card-etc .echo-header-top-subs-social-menu-home-2 .echo-home-2-right-site-itme {
    align-items: center;
    display: flex;
    gap: 40px;
    justify-content: end
}

.echo-header-area .echo-header-top-home-2 .home-2-row .home-2-card-etc .echo-header-top-subs-social-menu-home-2 .echo-home-2-right-site-itme .home-2-menu-after {
    position: relative
}

.echo-header-area .echo-header-top-home-2 .home-2-row .home-2-card-etc .echo-header-top-subs-social-menu-home-2 .echo-home-2-right-site-itme .home-2-menu-after:after {
    background-color: #fff;
    content: "";
    height: 25px;
    opacity: .6;
    position: absolute;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px
}

@media(max-width: 768px) {
    .echo-header-area .echo-header-top-home-2 .home-2-row .home-2-card-etc .echo-header-top-subs-social-menu-home-2 .echo-home-2-right-site-itme .home-2-menu-after:after {
        display:none
    }
}

.echo-header-area .echo-header-top-home-2 .home-2-row .home-2-card-etc .echo-header-top-subs-social-menu-home-2 .echo-home-2-right-site-itme .echo-subscribe .echo-py-btn {
    border-bottom: 1px solid #e9ebec;
    padding-bottom: 6px
}

.echo-header-area .echo-header-top-home-2 .home-2-row .home-2-card-etc .echo-header-top-subs-social-menu-home-2 .echo-home-2-right-site-itme .echo-subscribe .echo-py-btn i {
    margin-right: 12px
}

@media(max-width: 768px) {
    .echo-header-area .echo-header-top-home-2 .home-2-row .home-2-card-etc .echo-header-top-subs-social-menu-home-2 .echo-home-2-right-site-itme .echo-subscribe {
        display:none
    }
}

.echo-header-area .echo-header-top-home-2 .home-2-row .home-2-card-etc .echo-header-top-subs-social-menu-home-2 .echo-home-2-right-site-itme .echo-header-top-social-media {
    align-items: center;
    display: flex;
    gap: 20px
}

.echo-header-area .echo-header-top-home-2 .home-2-row .home-2-card-etc .echo-header-top-subs-social-menu-home-2 .echo-home-2-right-site-itme .echo-header-top-social-media .echo-search svg {
    margin-top: -6px;
    position: relative
}

@media(max-width: 991px) {
    .echo-header-area .echo-header-top-home-2 .home-2-row .home-2-card-etc .echo-header-top-subs-social-menu-home-2 .echo-home-2-right-site-itme .echo-header-top-menu-bar,.echo-header-area .echo-header-top-home-2 .home-2-row .home-2-card-etc .echo-header-top-subs-social-menu-home-2 .echo-home-2-right-site-itme .echo-header-top-social-media .echo-search:after {
        display:none
    }
}

.echo-header-area .echo-header-top-home-2 .home-2-row .home-2-card-etc .echo-header-top-subs-social-menu-home-2 .echo-home-2-right-site-itme .echo-header-top-menu-bar a svg path {
    fill: #fff
}

.echo-header-area .echo-home-2-menu .echo-site-main-logo-menu-social .echo-home-2-menu-full-contetn {
    border-bottom: 1px solid rgba(94,94,94,.6)
}

@media(max-width: 991px) {
    .echo-header-area .echo-home-2-menu .echo-site-main-logo-menu-social .echo-home-2-menu-full-contetn {
        padding:0 15px
    }
}

.echo-header-area .echo-home-2-menu .echo-site-main-logo-menu-social .echo-home-2-menu-full-contetn .home-2 ul li:hover a {
    color: #924fff
}

.echo-header-area .echo-home-2-menu .echo-site-main-logo-menu-social .echo-home-2-menu-full-contetn .home-2 ul li a {
    transition: all .3s ease
}

.echo-header-area .echo-home-2-menu .echo-site-main-logo-menu-social .echo-home-2-menu-full-contetn .home-2 ul li:first-child {
    margin-left: 0
}

.echo-header-area .echo-home-2-menu .echo-site-main-logo-menu-social .echo-home-2-menu-full-contetn .home-2 ul li:last-child {
    margin-right: 0
}

.echo-header-area .echo-home-2-menu .echo-site-main-logo-menu-social .echo-home-2-menu-full-contetn .echo-home-1-social-media-icons {
    text-align: right
}

.echo-header-area .echo-home-2-menu .echo-site-main-logo-menu-social .echo-home-2-menu-full-contetn .echo-home-1-social-media-icons a {
    align-items: center;
    display: flex;
    gap: 12px;
    transition: all .3s ease
}

.echo-header-area .echo-home-2-menu .echo-site-main-logo-menu-social .echo-home-2-menu-full-contetn .echo-home-1-social-media-icons a:hover {
    color: #924fff
}

.echo-header-area .echo-home-2-menu .echo-site-main-logo-menu-social .echo-home-2-menu-full-contetn .echo-home-1-social-media-icons a:hover svg path {
    fill: #924fff
}

.echo-header-area .echo-home-2-menu .echo-site-main-logo-menu-social .echo-home-2-menu-full-contetn .echo-home-1-social-media-icons a svg {
    margin-right: 5px
}

.echo-header-area .echo-home-2-menu .echo-site-main-logo-menu-social .echo-home-2-menu-full-contetn .echo-home-1-social-media-icons .echo-home-2-podcast-etc {
    align-items: center;
    display: flex;
    gap: 60px;
    justify-content: end
}

@media(max-width: 1200px) {
    .echo-header-area .echo-home-2-menu .echo-site-main-logo-menu-social .echo-home-2-menu-full-contetn .echo-home-1-social-media-icons .echo-home-2-podcast-etc {
        gap:20px
    }

    .echo-header-area .echo-home-2-menu .echo-site-main-logo-menu-social .echo-home-2-menu-full-contetn .echo-home-1-social-media-icons .echo-home-2-podcast-etc .echo-home-2-menu-after:after {
        right: -10px!important
    }
}

.echo-header-area .echo-home-2-menu .echo-site-main-logo-menu-social .echo-home-2-menu-full-contetn .echo-home-1-social-media-icons .echo-home-2-podcast-etc .echo-home-2-menu-after {
    position: relative
}

.echo-header-area .echo-home-2-menu .echo-site-main-logo-menu-social .echo-home-2-menu-full-contetn .echo-home-1-social-media-icons .echo-home-2-podcast-etc .echo-home-2-menu-after:after {
    background-color: #5e5e5e;
    content: "";
    height: 14px;
    position: absolute;
    right: -28px;
    top: 7px;
    transform: rotate(17deg);
    width: 1px
}

@media(max-width: 991px) {
    .echo-header-area .echo-home-2-menu .echo-site-main-logo-menu-social .echo-home-2-menu-full-contetn .podcast-area {
        display:none
    }
}

.echo-header-area .echo-home-2-menu .echo-site-main-logo-menu-social .echo-home-2-menu-full-contetn .echo-header-left {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.echo-header-area .echo-home-2-menu .echo-site-main-logo-menu-social .echo-home-2-menu-full-contetn .echo-header-left .echo-header-home-2-logo {
    display: none
}

@media(max-width: 991px) {
    .echo-header-area .echo-home-2-menu .echo-site-main-logo-menu-social .echo-home-2-menu-full-contetn .echo-header-left nav {
        display:none
    }

    .echo-header-area .echo-home-2-menu .echo-site-main-logo-menu-social .echo-home-2-menu-full-contetn .echo-header-left .echo-header-home-2-logo {
        display: block!important
    }
}

.echo-header-area.header-sticky .echo-header-left .echo-header-home-2-logo {
    display: block!important
}

.echo-header-area.header-four .echo-header-top {
    background: #080f19
}

@media(max-width: 991px) {
    .echo-header-area.header-four .echo-header-top .echo-full-header-top {
        padding:0 30px
    }
}

@media(max-width: 400px) {
    .echo-header-area.header-four .echo-header-top .echo-full-header-top {
        padding:0 10px
    }
}

.echo-header-area.header-four .echo-header-top-date,.echo-header-area.header-four .echo-header-top-date span strong,.echo-header-area.header-four .echo-meta-total-jobs .echo-meta-jobs-text span {
    color: #fff
}

.echo-header-area.header-four .echo-header-top-subs-social-menu {
    display: flex;
    gap: 10px;
    justify-content: end
}

.echo-header-area.header-four .echo-header-top-subs-social-menu .echo-header-top-subscribe-btn button {
    border: 1px solid #fff;
    color: #fff
}

.echo-header-area.header-four .echo-header-top-subs-social-menu .echo-header-top-subscribe-btn button:hover {
    background: #ff4962;
    border: 1px solid #ff4962!important
}

.echo-header-area.header-four .echo-header-top-subs-social-menu .echo-header-top-social-media {
    align-items: center;
    display: flex
}

.echo-header-area.header-four .echo-header-top-subs-social-menu .echo-header-top-social-media .echo-header-top-shopping-card {
    color: #fff
}

.echo-header-area.header-four .echo-header-top-subs-social-menu .echo-header-top-social-media .echo-header-top-shopping-card:hover {
    color: #ff4962
}

.echo-header-area.header-four .echo-header-top-subs-social-menu .echo-header-top-social-media .echo-header-top-shopping-card i:after {
    background: #ff4962
}

.echo-header-area.header-four .echo-header-top-subs-social-menu .echo-header-top-social-media .echo-header-top-search-btn:after {
    background: hsla(0,0%,100%,.6)
}

.echo-header-area.header-four .echo-header-top-subs-social-menu .echo-header-top-menu-bar a {
    color: #fff
}

.echo-header-area.header-four .echo-header-top-subs-social-menu .echo-header-top-menu-bar a svg path {
    fill: #fff;
    transition: all .4s
}

.echo-header-area.header-four .echo-header-top-subs-social-menu .echo-header-top-menu-bar a:hover svg path {
    fill: #ff4962
}

.echo-header-area.header-four .echo-header-top-subs-social-menu .echo-header-top-subs-social:after {
    background: #fff
}

.echo-header-area.header-four .echo-site-main-logo-menu-social {
    background: #ff4962
}

.echo-header-area.header-four .echo-site-main-logo-menu-social .echo-home-1-social-media-icons ul li,.echo-header-area.header-four .echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown {
    color: #fff
}

.echo-header-area.header-five {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.echo-header-area.header-five .echo-site-main-logo-menu-social {
    background: none
}

.echo-header-area.header-five .echo-site-main-logo-menu-social nav .echo-home-1-menu .echo-desktop-menu .menu-item .echo-dropdown-main-element {
    color: #fff
}

.echo-header-area.header-five .echo-site-main-logo-menu-social .echo-home-1-social-media-icons {
    align-items: center;
    display: flex;
    gap: 50px;
    justify-content: end
}

@media(max-width: 768px) {
    .echo-header-area.header-five .echo-site-main-logo-menu-social .echo-home-1-social-media-icons {
        gap:25px
    }
}

.echo-header-area.header-five .echo-site-main-logo-menu-social .echo-home-1-social-media-icons .rts-darkmode {
    margin-top: 6px
}

.echo-header-area.header-five .echo-site-main-logo-menu-social .echo-home-1-social-media-icons .rts-darkmode .rts-dark-light,.echo-header-area.header-five .echo-site-main-logo-menu-social .echo-home-1-social-media-icons .rts-darkmode .rts-dark-light:hover {
    color: #fff
}

.echo-header-area.header-five .echo-site-main-logo-menu-social .echo-home-1-social-media-icons .home-2-card-etc {
    height: 100%;
    padding: 0
}

.echo-header-area.header-five .echo-site-main-logo-menu-social .echo-home-1-social-media-icons .home-2-card-etc .card-inner {
    align-items: center;
    display: flex;
    gap: 30px;
    height: 100%
}

.echo-header-area.header-five .echo-site-main-logo-menu-social .echo-home-1-social-media-icons .home-2-card-etc .card-inner a {
    display: block
}

.echo-header-area.header-five .echo-site-main-logo-menu-social .echo-home-1-social-media-icons .home-2-card-etc .card-inner a.cart-bar {
    position: relative
}

@media(max-width: 768px) {
    .echo-header-area.header-five .echo-site-main-logo-menu-social .echo-home-1-social-media-icons .home-2-card-etc .card-inner a.cart-bar {
        display:none
    }
}

.echo-header-area.header-five .echo-site-main-logo-menu-social .echo-home-1-social-media-icons .home-2-card-etc .card-inner a.cart-bar span {
    background: #d5225b;
    border-radius: 50%;
    color: #fff;
    font-size: 12px;
    height: 17px;
    line-height: 17px;
    position: absolute;
    right: -2px;
    text-align: center;
    top: 1px;
    width: 17px
}

@media(max-width: 768px) {
    .echo-header-area.header-five .echo-site-main-logo-menu-social .echo-home-1-social-media-icons .home-2-card-etc .card-inner a.echo-header-top-search-btn {
        display:none
    }
}

.echo-header-area.header-five .echo-site-main-logo-menu-social .echo-home-1-social-media-icons .echo-header-top-menu-bar {
    display: block
}

.echo-header-area.header-five.header-sticky {
    background: #4c091e;
    position: fixed
}

.echo-header-area.header-six {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.echo-header-area.header-six .echo-site-main-logo-menu-social {
    background: none;
    border-bottom: 1px solid #6d6d6d;
    height: 100px
}

.echo-header-area.header-six .echo-site-main-logo-menu-social .header-inner {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: space-between
}

@media(max-width: 991px) {
    .echo-header-area.header-six .echo-site-main-logo-menu-social .header-inner {
        padding:0 20px
    }
}

.echo-header-area.header-six .echo-site-main-logo-menu-social .header-inner .echo-header-top-menu-bar {
    border-right: 1px solid #6d6d6d;
    display: block;
    height: 100%;
    padding: 0 45px
}

.echo-header-area.header-six .echo-site-main-logo-menu-social .header-inner .echo-header-top-menu-bar a {
    display: block;
    height: 100%
}

.echo-header-area.header-six .echo-site-main-logo-menu-social .header-inner .echo-header-top-menu-bar a svg {
    height: 100%
}

@media(max-width: 991px) {
    .echo-header-area.header-six .echo-site-main-logo-menu-social .header-inner .echo-header-top-menu-bar {
        border:none
    }

    .echo-header-area.header-six .echo-site-main-logo-menu-social .header-inner .echo-header-top-menu-bar.btn-1 {
        display: none!important
    }
}

.echo-header-area.header-six .echo-site-main-logo-menu-social .header-inner .home-2-card-etc {
    border-left: 1px solid #6d6d6d;
    height: 100%;
    padding: 0 45px
}

.echo-header-area.header-six .echo-site-main-logo-menu-social .header-inner .home-2-card-etc .card-inner {
    align-items: center;
    display: flex;
    gap: 30px;
    height: 100%
}

.echo-header-area.header-six .echo-site-main-logo-menu-social .header-inner .home-2-card-etc .card-inner .rts-darkmode {
    margin-top: 6px
}

.echo-header-area.header-six .echo-site-main-logo-menu-social .header-inner .home-2-card-etc .card-inner .rts-darkmode .rts-dark-light,.echo-header-area.header-six .echo-site-main-logo-menu-social .header-inner .home-2-card-etc .card-inner .rts-darkmode .rts-dark-light:hover {
    color: #fff
}

.echo-header-area.header-six .echo-site-main-logo-menu-social .header-inner .home-2-card-etc .card-inner a {
    display: block
}

.echo-header-area.header-six .echo-site-main-logo-menu-social .header-inner .home-2-card-etc .card-inner a.cart-bar {
    position: relative
}

.echo-header-area.header-six .echo-site-main-logo-menu-social .header-inner .home-2-card-etc .card-inner a.cart-bar span {
    background: #ffcc48;
    border-radius: 50%;
    color: #332707;
    font-size: 12px;
    height: 17px;
    line-height: 17px;
    position: absolute;
    right: -2px;
    text-align: center;
    top: 1px;
    width: 17px
}

@media(max-width: 991px) {
    .echo-header-area.header-six .echo-site-main-logo-menu-social .header-inner .home-2-card-etc {
        border:none;
        padding: 0
    }

    .echo-header-area.header-six .echo-site-main-logo-menu-social .header-inner .home-2-card-etc .card-inner .rts-darkmode {
        margin-top: 0
    }

    .echo-header-area.header-six .echo-site-main-logo-menu-social .header-inner .home-2-card-etc .card-inner .echo-header-top-menu-bar {
        height: auto;
        padding: 0
    }
}

.echo-header-area.header-six.header-sticky {
    background: #714707;
    position: fixed
}

.echo-header-area.header-six.header-sticky .echo-site-main-logo-menu-social {
    border: none
}

.echo-header-area.header-six.header-sticky .echo-site-main-logo-menu-social .echo-header-top-menu-bar,.echo-header-area.header-six.header-sticky .echo-site-main-logo-menu-social .home-2-card-etc {
    border-color: hsla(0,0%,100%,.2)
}

.echo-header-area.header-six.header-sticky .echo-site-main-logo-menu-social .home-2-card-etc .card-inner a.cart-bar span {
    background: #fff
}

.echo-header-area.header-seven .echo-header-top-home-2 {
    background: none;
    border-bottom: 1px solid #d4d4d4;
    padding: 30px 100px
}

@media(max-width: 1500px) {
    .echo-header-area.header-seven .echo-header-top-home-2 {
        padding:30px
    }
}

@media(max-width: 450px) {
    .echo-header-area.header-seven .echo-header-top-home-2 {
        padding:30px 10px
    }
}

@media(max-width: 768px) {
    .echo-header-area.header-seven .echo-header-top-home-2 .echo-full-header-top {
        padding:0
    }
}

.echo-header-area.header-seven .echo-header-top-home-2 .echo-full-header-top .home-2-row {
    display: flex
}

@media(max-width: 1366px)and (min-width:1200px) {
    .echo-header-area.header-seven .echo-header-top-home-2 .echo-full-header-top .home-2-row .home-2-card-etc {
        flex-basis:40%
    }
}

.echo-header-area.header-seven .echo-header-top-home-2 .echo-full-header-top .home-2-row .home-2-card-etc .echo-header-top-subs-social-menu-home-2 {
    margin-left: 0
}

.echo-header-area.header-seven .echo-header-top-home-2 .echo-full-header-top .home-2-row .home-2-card-etc .echo-header-top-subs-social-menu-home-2 .echo-home-2-right-site-itme {
    justify-content: start
}

.echo-header-area.header-seven .echo-header-top-home-2 .echo-full-header-top .home-2-row .home-2-card-etc .echo-header-top-subs-social-menu-home-2 .echo-home-2-right-site-itme .menu-btn svg path {
    fill: #454545
}

.echo-header-area.header-seven .echo-header-top-home-2 .echo-full-header-top .home-2-row .home-2-card-etc .echo-header-top-subs-social-menu-home-2 .echo-home-2-right-site-itme .echo-header-top-social-media .echo-search:after {
    display: none
}

.echo-header-area.header-seven .echo-header-top-home-2 .echo-full-header-top .home-2-row .home-2-social {
    align-items: center;
    display: flex;
    gap: 50px;
    justify-content: end
}

@media(max-width: 1366px)and (min-width:1200px) {
    .echo-header-area.header-seven .echo-header-top-home-2 .echo-full-header-top .home-2-row .home-2-social {
        flex-basis:50%
    }
}

@media(max-width: 576px) {
    .echo-header-area.header-seven .echo-header-top-home-2 .echo-full-header-top .home-2-row .home-2-social {
        gap:30px
    }
}

.echo-header-area.header-seven .echo-header-top-home-2 .echo-full-header-top .home-2-row .home-2-social .rts-darkmode {
    position: relative
}

.echo-header-area.header-seven .echo-header-top-home-2 .echo-full-header-top .home-2-row .home-2-social .rts-darkmode:after {
    background: rgba(94,94,94,.478);
    content: "";
    height: 15px;
    position: absolute;
    right: -25px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px
}

@media(max-width: 576px) {
    .echo-header-area.header-seven .echo-header-top-home-2 .echo-full-header-top .home-2-row .home-2-social .rts-darkmode:after {
        display:none
    }
}

.echo-header-area.header-seven .echo-header-top-home-2 .echo-full-header-top .home-2-row .home-2-social .rts-darkmode .rts-dark-light i {
    color: #454545
}

@media(max-width: 1200px) {
    .echo-header-area.header-seven .echo-header-top-home-2 .echo-full-header-top .home-2-row .home-2-social .echo-meta-total-jobs {
        display:none
    }
}

.echo-header-area.header-seven .echo-header-top-home-2 .echo-full-header-top .home-2-row .home-2-social .echo-meta-total-jobs ul li a {
    color: #454545
}

.echo-header-area.header-seven .echo-header-top-home-2 .echo-full-header-top .home-2-row .home-2-social .echo-subscribe .echo-py-btn {
    background: linear-gradient(126deg,#9f68f5 14.85%,#bee44f 86.39%);
    display: block;
    height: 60px;
    line-height: 60px;
    text-align: center;
    transition: all .4s;
    width: 170px
}

@media(max-width: 576px) {
    .echo-header-area.header-seven .echo-header-top-home-2 .echo-full-header-top .home-2-row .home-2-social .echo-subscribe .echo-py-btn {
        height:50px;
        line-height: 50px;
        width: 120px
    }
}

.echo-header-area.header-seven .echo-header-top-home-2 .echo-full-header-top .home-2-row .home-2-social .echo-subscribe .echo-py-btn:hover {
    color: #fff
}

.echo-header-area.header-seven .echo-home-2-menu .echo-site-main-logo-menu-social {
    border-bottom: 1px solid #d4d4d4;
    padding: 0 100px
}

@media(max-width: 1500px) {
    .echo-header-area.header-seven .echo-home-2-menu .echo-site-main-logo-menu-social {
        padding:0 30px
    }
}

@media(max-width: 450px) {
    .echo-header-area.header-seven .echo-home-2-menu .echo-site-main-logo-menu-social {
        padding:0 10px
    }
}

.echo-header-area.header-seven .echo-home-2-menu .echo-site-main-logo-menu-social .echo-home-2-menu-full-contetn {
    border: none;
    justify-content: space-between
}

.echo-header-area.header-seven .echo-home-2-menu .echo-site-main-logo-menu-social .echo-home-2-menu-full-contetn .header-menu {
    flex-basis: auto
}

.echo-header-area.header-seven .echo-home-2-menu .echo-site-main-logo-menu-social .echo-home-2-menu-full-contetn .echo-home-1-social-media-icons {
    align-items: center;
    display: flex;
    gap: 50px
}

@media(max-width: 1366px) {
    .echo-header-area.header-seven .echo-home-2-menu .echo-site-main-logo-menu-social .echo-home-2-menu-full-contetn .echo-home-1-social-media-icons {
        gap:35px
    }
}

@media(max-width: 1200px) {
    .echo-header-area.header-seven .echo-home-2-menu .echo-site-main-logo-menu-social .echo-home-2-menu-full-contetn .echo-home-1-social-media-icons a {
        gap:8px
    }
}

@media(max-width: 1366px) {
    .echo-header-area.header-seven .echo-home-2-menu .echo-site-main-logo-menu-social .echo-home-2-menu-full-contetn .echo-home-1-social-media-icons .echo-home-2-podcast-etc {
        gap:20px
    }

    .echo-header-area.header-seven .echo-home-2-menu .echo-site-main-logo-menu-social .echo-home-2-menu-full-contetn .echo-home-1-social-media-icons .echo-home-2-podcast-etc .echo-home-2-menu-after:after {
        right: -10px!important
    }
}

@media(max-width: 1200px) {
    .echo-header-area.header-seven .echo-home-2-menu .echo-site-main-logo-menu-social .echo-home-2-menu-full-contetn .echo-home-1-social-media-icons .sign-in-area {
        display:none
    }
}

.echo-header-area.header-seven .echo-home-2-menu .echo-site-main-logo-menu-social .echo-home-2-menu-full-contetn .echo-home-1-social-media-icons .sign-in-area a {
    font-family: Inter,sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 26px
}

.echo-header-area.header-seven .echo-home-2-menu .echo-site-main-logo-menu-social .echo-home-2-menu-full-contetn .echo-home-1-social-media-icons .sign-in-area a i {
    background: linear-gradient(126deg,#9f68f5 14.85%,#bee44f 86.39%);
    border-radius: 50%;
    color: #fff;
    height: 35px;
    line-height: 35px;
    margin-right: 5px;
    text-align: center;
    width: 35px
}

.echo-header-area.header-seven.header-sticky .echo-home-2-menu .echo-site-main-logo-menu-social {
    border: none
}

.echo-header-area.header-eight {
    position: unset!important
}

.echo-header-area.header-eight .header-three {
    background: #47164f;
    position: unset!important
}

.echo-header-area.header-eight .header-three .echo-site-main-logo-menu-social {
    background: none
}

.echo-header-area.header-eight .header-three .echo-site-main-logo-menu-social .echo-site-main {
    background: none;
    padding: 0
}

.echo-header-area.header-eight .header-three .echo-site-main-logo-menu-social .echo-site-main .echo-home-1-social-media-icons {
    align-items: center;
    display: flex;
    gap: 30px;
    justify-content: right
}

.echo-header-area.header-eight .header-three .echo-site-main-logo-menu-social .echo-site-main .echo-home-1-social-media-icons .search-icon svg path {
    stroke: #fff
}

.echo-header-area.header-eight .header-three .echo-site-main-logo-menu-social .echo-site-main .echo-home-1-social-media-icons .rts-darkmode .rts-dark-light i {
    color: #fff
}

.echo-header-area.header-eight .header-three .echo-site-main-logo-menu-social .echo-site-main .echo-home-1-social-media-icons .menu-btn {
    display: block
}

.echo-header-area.header-eight .header-three .echo-site-main-logo-menu-social .echo-site-main .echo-home-1-social-media-icons .menu-btn svg path {
    fill: #fff
}

.echo-header-area.header-eight.header-sticky {
    position: fixed!important
}

.echo-header-area.header-ten {
    position: unset!important
}

.echo-header-area.header-ten .header-three {
    background: none;
    position: unset!important
}

.echo-header-area.header-ten .header-three .echo-site-main-logo-menu-social {
    background: none
}

.echo-header-area.header-ten .header-three .echo-site-main-logo-menu-social .echo-site-main {
    background: none;
    padding: 0
}

.echo-header-area.header-ten .header-three .echo-site-main-logo-menu-social .echo-site-main .echo-home-1-social-media-icons {
    align-items: center;
    display: flex;
    gap: 30px;
    justify-content: right
}

.echo-header-area.header-ten .header-three .echo-site-main-logo-menu-social .echo-site-main .echo-home-1-social-media-icons .rts-darkmode .rts-dark-light i {
    color: #5e5e5e
}

.echo-header-area.header-ten .header-three .echo-site-main-logo-menu-social .echo-site-main .echo-home-1-social-media-icons .menu-btn {
    display: block
}

.echo-header-area.header-ten .header-three .echo-site-main-logo-menu-social .echo-site-main .echo-home-1-social-media-icons .menu-btn svg path {
    fill: #5e5e5e
}

.echo-header-area.header-ten .header-three .echo-site-main-logo-menu-social .echo-site-main .echo-home-1-menu ul li a {
    color: #5e5e5e
}

.echo-header-area.header-ten.header-sticky {
    position: fixed!important
}

.echo-header-area.header-ten.header-sticky .echo-site-main-logo-menu-social .echo-site-main .echo-home-1-menu ul li:hover .echo-dropdown-main-element {
    color: #d00032
}

.echo-header-area.header-ten.header-sticky .echo-site-main-logo-menu-social .echo-site-main .echo-home-1-menu ul li .echo-dropdown-main-element {
    color: #fff
}

.echo-header-area.header-ten .header-three .echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown ul.echo-submenu {
    background: #fff;
    border-top: 3px solid #d00032
}

.header-three .echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown ul.echo-submenu {
    background: #191a23;
    border-top: 3px solid var(--color-primary-m)
}

.header-three .echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown ul.echo-submenu .nav-item:hover a,.header-three .echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown:hover a.echo-dropdown-main-element {
    color: var(--color-primary-m)
}

.header-three .echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown ul.echo-submenu .nav-item:before {
    background: var(--color-primary-m)
}

.header-three .echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown ul.echo-submenu .nav-item.third-lvl .third-lvl-submenu .nav-item a {
    color: #fff
}

.header-three .echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown ul.echo-submenu .nav-item.third-lvl .third-lvl-submenu .nav-item:hover a,.header-three .echo-site-main-logo-menu-social ul.echo-desktop-menu li.menu-item:hover .echo-dropdown-main-element {
    color: var(--color-primary-m)
}

.header-three .header-three .echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown ul.mega-menu {
    border-top: 3px solid var(--color-primary-m)
}

.header-three .echo-home-1-social-media-icons .search-icon svg path {
    stroke: #5e5e5e
}

.header-ten .echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown ul.echo-submenu .nav-item:hover a,.header-ten .echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown:hover a.echo-dropdown-main-element,.header-ten .echo-site-main-logo-menu-social ul.echo-desktop-menu li.menu-item:hover a.echo-dropdown-main-element {
    color: #d00032
}

.header-ten .echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown ul.echo-submenu .nav-item:before {
    background: #d00032
}

.header-ten .echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown ul.echo-submenu .nav-item.third-lvl .third-lvl-submenu .nav-item a {
    color: #fff
}

.header-ten .echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown ul.echo-submenu .nav-item.third-lvl .third-lvl-submenu .nav-item:hover a,.header-ten .echo-site-main-logo-menu-social ul.echo-desktop-menu li.menu-item:hover .echo-dropdown-main-element {
    color: #d00032
}

.header-ten .header-three .echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown ul.mega-menu {
    border-top: 3px solid #d00032
}

.header-two .echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown ul.echo-submenu {
    border-top: 3px solid #924fff
}

.header-two .echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown ul.echo-submenu .nav-item:hover a,.header-two .echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown:hover a.echo-dropdown-main-element,.header-two .echo-site-main-logo-menu-social ul.echo-desktop-menu li.menu-item:hover .echo-dropdown-main-element {
    color: #924fff
}

.header-two .echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown ul.echo-submenu .nav-item:before {
    background: #924fff
}

.header-two .echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown ul.echo-submenu .nav-item.third-lvl .third-lvl-submenu .nav-item a {
    color: #181823
}

.header-two .echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown ul.echo-submenu .nav-item.third-lvl .third-lvl-submenu .nav-item:hover a {
    color: #924fff
}

.header-two .echo-site-main-logo-menu-social ul.echo-desktop-menu {
    text-align: left
}

.header-two .echo-site-main-logo-menu-social ul.echo-desktop-menu li.menu-item:first-child {
    margin-left: -18px
}

.header-two .echo-site-main-logo-menu-social ul.echo-desktop-menu li.menu-item {
    padding: 25px 0
}

.header-two .header-sticky-logo {
    display: none
}

@media(max-width: 991px) {
    .header-two .header-sticky-logo {
        display:block
    }
}

.header-two .sticky-menu-bar {
    display: none;
    text-align: right
}

@media(max-width: 991px) {
    .header-two .sticky-menu-bar {
        display:block
    }
}

.header-two .header-two .echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown ul.mega-menu {
    border-top: 3px solid #924fff;
    left: 0;
    right: unset;
    transform: translateX(-24%)
}

.header-four .echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown ul.echo-submenu {
    border-top: 3px solid #ff4962
}

.header-four .echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown:hover a.echo-dropdown-main-element,.header-four .echo-site-main-logo-menu-social ul.echo-desktop-menu li.menu-item .echo-dropdown-main-element,.header-four .echo-site-main-logo-menu-social ul.echo-desktop-menu li.menu-item:hover .echo-dropdown-main-element {
    color: #fff
}

.header-four .echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown {
    color: #181823!important
}

.header-four .echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown ul.echo-submenu .nav-item:hover a {
    color: #ff4962
}

.header-four .echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown ul.echo-submenu .nav-item:before {
    background: #ff4962
}

.header-four .echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown ul.echo-submenu .nav-item.third-lvl .third-lvl-submenu .nav-item a {
    color: #181823
}

.header-four .echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown ul.echo-submenu .nav-item.third-lvl .third-lvl-submenu .nav-item:hover a {
    color: #ff4962
}

.header-four .echo-site-main-logo-menu-social .echo-home-1-social-media-icons {
    align-items: center;
    display: flex;
    justify-content: end
}

.header-four .header-four .echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown ul.mega-menu {
    border-top: 3px solid #ff4962
}

.header-five .echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown ul.echo-submenu {
    border-top: 3px solid #d5225b
}

.header-five .echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown:hover a.echo-dropdown-main-element,.header-five .echo-site-main-logo-menu-social ul.echo-desktop-menu li.menu-item .echo-dropdown-main-element,.header-five .echo-site-main-logo-menu-social ul.echo-desktop-menu li.menu-item:hover .echo-dropdown-main-element {
    color: #fff
}

.header-five .echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown {
    color: #181823!important
}

.header-five .echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown ul.echo-submenu .nav-item:hover a {
    color: #d5225b
}

.header-five .echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown ul.echo-submenu .nav-item:before {
    background: #d5225b
}

.header-five .echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown ul.echo-submenu .nav-item.third-lvl .third-lvl-submenu .nav-item a {
    color: #181823
}

.header-five .echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown ul.echo-submenu .nav-item.third-lvl .third-lvl-submenu .nav-item:hover a {
    color: #d5225b
}

.header-five .echo-site-main-logo-menu-social .echo-home-1-social-media-icons {
    align-items: center;
    display: flex;
    justify-content: end
}

.header-five .header-four .echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown ul.mega-menu {
    border-top: 3px solid #d5225b
}

.home-six .search-input-area .search-input-inner .search-close-icon i,.home-six .side-bar button {
    background: #ffcc48
}

.home-six .mobile-menu nav ul li a.main:after {
    background: #ffcc48!important
}

.home-six .mobile-menu .social-wrapper-one ul li a:hover {
    background: #ffcc48
}

.home-six .mobile-menu .social-wrapper-one ul li a {
    background: #ffcc48;
    border: 1px solid #ffcc48
}

.home-seven .search-input-area .search-input-inner .search-close-icon i,.home-seven .side-bar button {
    background: linear-gradient(126deg,#9f68f5 14.85%,#bee44f 86.39%)
}

.home-seven .mobile-menu nav ul li a.main:after {
    background: linear-gradient(126deg,#9f68f5 14.85%,#bee44f 86.39%)!important
}

.home-seven .mobile-menu .social-wrapper-one ul li a,.home-seven .mobile-menu .social-wrapper-one ul li a:hover {
    background: linear-gradient(126deg,#9f68f5 14.85%,#bee44f 86.39%)
}

.home-seven .mobile-menu .social-wrapper-one ul li a {
    border: 1px solid linear-gradient(126deg,#9f68f5 14.85%,#bee44f 86.39%)
}

.home-seven .header-sticky .echo-home-2-menu .echo-site-main-logo-menu-social .echo-home-2-menu-full-contetn .header-menu {
    flex-basis: 65%
}

.home-seven .sticky-menu-bar {
    display: none;
    flex-basis: 35%;
    text-align: right
}

@media(max-width: 991px) {
    .home-seven .sticky-menu-bar {
        display:block
    }
}

.home-seven .header-two .echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown ul.echo-submenu .nav-item:before,.home-seven .search-input-area .search-input-inner .search-close-icon i {
    background: #9f68f5
}

.home-seven .home-2-logo .dark {
    display: none
}

.home-seven .side-bar .inner-main-wrapper-desk .inner-content .newsletter-form .form-inner form button.subscribe-btn {
    background: linear-gradient(126deg,#9f68f5 14.85%,#bee44f 86.39%)
}

.home-eight .side-bar .inner-main-wrapper-desk .inner-content .newsletter-form .form-inner form button.subscribe-btn,.home-eight .side-bar button {
    background: #47164f
}

.home-eight .mobile-menu .social-wrapper-one ul li a,.home-eight .mobile-menu nav ul li a.main:after {
    background: #47164f!important
}

.home-eight .mobile-menu .social-wrapper-one ul li a {
    border: none
}

.home-eight .mobile-menu .social-wrapper-one ul li a:hover {
    background: #fff!important;
    border: none;
    color: #181823
}

.home-nine .echo-header-area.header-seven .echo-header-top-home-2 {
    background: #003811;
    border: none;
    padding: 20px 90px
}

@media(max-width: 1500px) {
    .home-nine .echo-header-area.header-seven .echo-header-top-home-2 {
        padding:20px 30px
    }
}

.home-nine .echo-header-area.header-seven .echo-home-2-menu .echo-site-main-logo-menu-social {
    padding: 0 90px
}

@media(max-width: 1500px) {
    .home-nine .echo-header-area.header-seven .echo-home-2-menu .echo-site-main-logo-menu-social {
        padding:0 30px
    }
}

@media(max-width: 768px) {
    .home-nine .echo-header-area.header-seven .echo-home-2-menu .echo-site-main-logo-menu-social {
        padding:0 15px
    }
}

.home-nine .echo-header-area.header-seven .echo-header-top-home-2 .echo-full-header-top .home-2-row .home-2-social .rts-darkmode .rts-dark-light i {
    color: #fff
}

.home-nine .echo-header-area .echo-header-top-home-2 .home-2-row .home-2-card-etc .echo-header-top-subs-social-menu-home-2 .echo-home-2-right-site-itme .echo-header-top-social-media .echo-search svg path,.home-nine .echo-header-area.header-seven .echo-header-top-home-2 .echo-full-header-top .home-2-row .home-2-card-etc .echo-header-top-subs-social-menu-home-2 .echo-home-2-right-site-itme .menu-btn svg path {
    fill: #fff
}

.home-nine .echo-header-area.header-seven .echo-header-top-home-2 .echo-full-header-top .home-2-row .home-2-social .echo-meta-total-jobs ul li a {
    color: #fff
}

.home-nine .echo-header-area.header-seven .echo-header-top-home-2 .echo-full-header-top .home-2-row .home-2-social .echo-subscribe .echo-py-btn {
    background: #f5d253
}

.home-nine .echo-header-area .echo-home-2-menu .echo-site-main-logo-menu-social .echo-home-2-menu-full-contetn .echo-home-1-social-media-icons a:hover,.home-nine .header-two .echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown ul.echo-submenu .nav-item:hover a,.home-nine .header-two .echo-site-main-logo-menu-social ul.echo-desktop-menu li.menu-item:hover .echo-dropdown-main-element {
    color: #f5d253
}

.home-nine .echo-header-area .echo-home-2-menu .echo-site-main-logo-menu-social .echo-home-2-menu-full-contetn .echo-home-1-social-media-icons a:hover svg path {
    fill: #f5d253
}

.home-nine .header-two .echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown ul.echo-submenu .nav-item:before,.home-nine .search-input-area .search-input-inner .search-close-icon i,.home-nine .side-bar button {
    background: #f5d253
}

.home-nine .echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown ul.mega-menu,.home-nine .header-two .echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown ul.echo-submenu {
    border-top: 3px solid #f5d253
}

.home-nine .mobile-menu nav ul li a.main:after {
    background: #f5d253!important
}

.home-nine .echo-header-area.header-seven .echo-home-2-menu .echo-site-main-logo-menu-social .echo-home-2-menu-full-contetn .echo-home-1-social-media-icons .sign-in-area a i,.home-nine .mobile-menu .social-wrapper-one ul li a:hover {
    background: #f5d253
}

.home-nine .mobile-menu .social-wrapper-one ul li a {
    background: #f5d253;
    border: 1px solid #f5d253
}

.home-nine .header-sticky .echo-home-2-menu .echo-site-main-logo-menu-social .echo-home-2-menu-full-contetn .header-menu {
    flex-basis: 65%
}

@media(max-width: 1200px) {
    .home-nine .header-sticky .echo-home-2-menu .echo-site-main-logo-menu-social .echo-home-2-menu-full-contetn .header-menu {
        flex-basis:80%
    }
}

.home-nine .sticky-menu-bar {
    display: none;
    flex-basis: 35%;
    text-align: right
}

@media(max-width: 1200px) {
    .home-nine .sticky-menu-bar {
        flex-basis:20%
    }
}

@media(max-width: 991px) {
    .home-nine .sticky-menu-bar {
        display:block
    }
}

@media(max-width: 1366px) {
    .home-nine .echo-header-area.header-seven .echo-home-2-menu .echo-site-main-logo-menu-social .echo-home-2-menu-full-contetn .echo-home-1-social-media-icons .echo-home-2-podcast-etc {
        gap:20px
    }
}

.home-nine .side-bar .inner-main-wrapper-desk .inner-content .newsletter-form .form-inner form button.subscribe-btn {
    background: #f5d253
}

.home-ten .echo-header-area .echo-home-1-menu .echo-site-logo .logo-dark {
    display: block
}

.home-ten .echo-header-area .echo-home-1-menu .echo-site-logo .logo-white,.home-ten .echo-header-area.header-sticky .echo-home-1-menu .echo-site-logo .logo-dark {
    display: none
}

.home-ten .echo-header-area.header-sticky .echo-home-1-menu .echo-site-logo .logo-white {
    display: block
}

.home-ten .echo-header-area.header-sticky .echo-home-1-social-media-icons .search-icon svg path {
    stroke: #fff
}

.home-ten .echo-header-area.header-sticky .echo-site-main-logo-menu-social .echo-site-main .echo-home-1-social-media-icons .rts-darkmode .rts-dark-light i {
    color: #fff
}

.home-ten .echo-header-area.header-sticky .echo-site-main-logo-menu-social .echo-site-main .echo-home-1-social-media-icons .menu-btn svg path {
    fill: #fff
}

.home-ten img.mfp-img {
    width: 100%
}

.home-ten .mobile-menu .social-wrapper-one ul li a,.home-ten .mobile-menu nav ul li a.main:after,.home-ten .side-bar .inner-main-wrapper-desk .inner-content .newsletter-form .form-inner form button.subscribe-btn,.home-ten .side-bar button {
    background: #fe4358!important;
    border: none!important
}

html[data-theme=dark] .home-ten .echo-header-area .echo-home-1-menu .echo-site-logo .logo-dark {
    display: none
}

html[data-theme=dark] .home-ten .echo-header-area .echo-home-1-menu .echo-site-logo .logo-white {
    display: block
}

html[data-theme=dark] .echo-header-area.header-ten .header-three .echo-site-main-logo-menu-social .echo-site-main .echo-home-1-menu ul li .echo-dropdown-main-element {
    color: #fff
}

html[data-theme=dark] .echo-header-area.header-ten .header-three .echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown:hover a.echo-dropdown-main-element,html[data-theme=dark] .echo-header-area.header-ten .header-three .echo-site-main-logo-menu-social ul.echo-desktop-menu li.menu-item:hover a.echo-dropdown-main-element {
    color: #d00032
}

.side-bar {
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    background-color: #fff;
    display: block;
    display: flex;
    flex-direction: column;
    height: 100%;
    max-width: 400px;
    overflow: hidden;
    overflow-y: auto;
    overflow: visible;
    padding: 46px 30px 50px;
    position: fixed;
    right: -100%;
    top: 0;
    transition: all .6s ease;
    width: 100%;
    z-index: 1900
}

@media only screen and (max-width: 575px) {
    .side-bar {
        width:320px
    }
}

.side-bar .inner {
    padding: 0
}

.side-bar .inner-main-wrapper-desk {
    padding-top: 40px
}

.side-bar .inner-main-wrapper-desk .thumbnail {
    display: flex
}

.side-bar .inner-main-wrapper-desk .thumbnail img {
    width: 50%
}

.side-bar .inner-main-wrapper-desk .banner-shape-area {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
    margin-top: 40px;
    opacity: 1;
    transition-delay: .7s
}

.side-bar .inner-main-wrapper-desk .banner-shape-area .shape {
    background: var(--color-primary);
    display: block;
    height: 10px;
    line-height: 10px;
    margin: 0 6px;
    transform: rotate(45deg);
    width: 10px
}

.side-bar .inner-main-wrapper-desk .inner-content {
    margin-top: 30px;
    text-align: center
}

.side-bar .inner-main-wrapper-desk .inner-content .feature-list {
    padding: 0
}

.side-bar .inner-main-wrapper-desk .inner-content .feature-list .query-list {
    list-style: none;
    margin-bottom: 30px
}

.side-bar .inner-main-wrapper-desk .inner-content .feature-list .query-list .sub-text {
    color: #fff;
    display: block;
    font-size: 18px;
    line-height: 32px
}

.side-bar .inner-main-wrapper-desk .inner-content .feature-list .query-list a {
    color: #fff;
    font-size: 18px;
    line-height: 32px
}

.side-bar .inner-main-wrapper-desk .inner-content .feature-list .query-list.two p {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 32px;
    margin-bottom: 5px
}

.side-bar .inner-main-wrapper-desk .inner-content .footer .social-area {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 0
}

.side-bar .inner-main-wrapper-desk .inner-content .footer .social-area li {
    color: #fff;
    list-style: none;
    margin: 0 10px
}

.side-bar {
    background-color: #181823
}

.side-bar .inner-main-wrapper-desk {
    padding-top: 0
}

.side-bar .inner-main-wrapper-desk .inner-content .category-menu-area {
    margin-bottom: 50px
}

.side-bar .inner-main-wrapper-desk .inner-content .category-menu-area .category-area {
    margin: 20px 0 0;
    padding: 0
}

.side-bar .inner-main-wrapper-desk .inner-content .category-menu-area .category-area .item {
    align-items: center;
    display: flex;
    gap: 15px;
    list-style: none;
    margin-bottom: 25px
}

.side-bar .inner-main-wrapper-desk .inner-content .category-menu-area .category-area .item .image-area {
    flex-basis: 33%
}

.side-bar .inner-main-wrapper-desk .inner-content .category-menu-area .category-area .item .content {
    flex-basis: 67%;
    text-align: left
}

.side-bar .inner-main-wrapper-desk .inner-content .category-menu-area .category-area .item .content .recent-post-title {
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 10px;
    transition: all .4s
}

.side-bar .inner-main-wrapper-desk .inner-content .category-menu-area .category-area .item .content .recent-post-title:hover a {
    color: var(--color-primary)
}

.side-bar .inner-main-wrapper-desk .inner-content .category-menu-area .category-area .item .content .recent-post-title a,.side-bar .inner-main-wrapper-desk .inner-content .category-menu-area .category-area .item .content .recent-post-title a:hover {
    color: #fff
}

.side-bar .inner-main-wrapper-desk .inner-content .category-menu-area .category-area .item .content .desc {
    color: #b9bcc0;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    transition: all .4s
}

.side-bar .inner-main-wrapper-desk .inner-content .category-menu-area .category-area .item .content .desc:hover a {
    color: #b9bcc0
}

.side-bar .inner-main-wrapper-desk .inner-content .category-menu-area .category-area .item .content .desc a i {
    margin-right: 5px
}

.side-bar .inner-main-wrapper-desk .inner-content .newsletter-form {
    align-items: center;
    border-radius: 10px;
    box-shadow: 0 0 0 1px rgba(49,49,49,0);
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
    padding: 20px;
    position: relative;
    z-index: 1
}

.side-bar .inner-main-wrapper-desk .inner-content .newsletter-form .form-inner {
    width: 100%
}

.side-bar .inner-main-wrapper-desk .inner-content .newsletter-form .form-inner .content .newsletter-icon {
    margin: 0 auto 10px;
    max-width: 60px
}

.side-bar .inner-main-wrapper-desk .inner-content .newsletter-form .form-inner .content .newsletter-icon img {
    filter: brightness(100);
    width: 100%
}

.side-bar .inner-main-wrapper-desk .inner-content .newsletter-form .form-inner .content .title {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 10px;
    margin-top: 30px
}

.side-bar .inner-main-wrapper-desk .inner-content .newsletter-form .form-inner .content .desc {
    font-size: 15px;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 20px
}

.side-bar .inner-main-wrapper-desk .inner-content .newsletter-form .form-inner form {
    width: 100%
}

.side-bar .inner-main-wrapper-desk .inner-content .newsletter-form .form-inner form .input-div {
    margin-bottom: 15px;
    width: 100%
}

.side-bar .inner-main-wrapper-desk .inner-content .newsletter-form .form-inner form .input-div input {
    background: #fff;
    box-shadow: 0 2px 4px rgba(14,16,19,.1);
    color: #737373;
    font-size: 14px;
    padding: 10px 15px;
    width: 100%
}

.side-bar .inner-main-wrapper-desk .inner-content .newsletter-form .form-inner form button.subscribe-btn {
    background: #1d72ff;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    height: auto;
    line-height: 16px;
    padding: 14px;
    position: unset;
    transition: background .5s;
    width: 100%
}

.side-bar .inner-main-wrapper-desk .inner-content .newsletter-form .form-inner .floating-elements {
    position: absolute;
    right: 20px;
    top: 20px
}

.header-three .echo-site-main-logo-menu-social .echo-site-main .echo-home-1-menu ul li a {
    color: hsla(0,0%,100%,.8);
    font-weight: 400
}

.header-three .echo-site-main-logo-menu-social .echo-site-main .echo-home-1-menu ul li a.active {
    color: #fff;
    font-weight: 600
}

.echo-header-area .echo-home-1-menu .echo-header-top-menu-bar,.echo-header-area .header-four .echo-home-1-menu .echo-header-top-menu-bar,.echo-header-area.header-three .echo-home-1-menu .echo-header-top-menu-bar {
    display: none
}

.echo-header-area.header-sticky .echo-home-1-menu .echo-home-1-social-media-icons {
    text-align: right
}

.echo-header-area.header-sticky .echo-home-1-menu ul.social-area {
    display: none
}

.echo-header-area.header-sticky .echo-home-1-menu .echo-header-top-menu-bar {
    display: block
}

.innerpage .echo-site-main-logo-menu-social .echo-home-1-social-media-icons ul li {
    margin: 0 0 0 18px
}

.innerpage .echo-header-area.header-sticky .echo-home-1-menu ul.social-area {
    display: none
}

@media(max-width: 991px) {
    .innerpage .echo-home-1-menu .echo-site-main-logo-menu-social {
        padding:0 20px
    }
}

.innerpage .echo-header-top-date .echo-date-time span strong,.innerpage .echo-header-top-date .echo-day-name span strong {
    color: #fff
}

.side-bar.show {
    overflow-y: auto;
    right: 0
}

.side-bar button {
    background: var(--color-primary);
    height: 40px;
    left: 0;
    max-width: 100%;
    padding: 6px;
    position: absolute;
    top: 0;
    width: 40px
}

.side-bar button i {
    align-items: center;
    border-radius: 0;
    color: #fff;
    display: flex;
    font-size: 20px;
    justify-content: center
}

.home-three .side-bar button,.home-two .side-bar button {
    background: #924fff
}

.home-three .mobile-menu nav ul li a.main:after,.home-two .mobile-menu nav ul li a.main:after {
    background: #924fff!important
}

.home-three .mobile-menu .social-wrapper-one ul li a,.home-two .mobile-menu .social-wrapper-one ul li a {
    background: #924fff;
    border: 1px solid #924fff
}

.home-three .mobile-menu .social-wrapper-one ul li a:hover,.home-two .mobile-menu .social-wrapper-one ul li a:hover {
    color: #5e5e5e
}

.home-four .side-bar button {
    background: #ff4962
}

.home-four .mobile-menu nav ul li a.main:after {
    background: #ff4962!important
}

.home-four .mobile-menu .social-wrapper-one ul li a {
    background: #ff4962;
    border: 1px solid #ff4962
}

.home-four .mobile-menu .social-wrapper-one ul li a:hover {
    color: #5e5e5e
}

.home-five .side-bar button {
    background: #d5225b
}

.home-five .mobile-menu nav ul li a.main:after {
    background: #d5225b!important
}

.home-five .mobile-menu .social-wrapper-one ul li a {
    background: #d5225b;
    border: 1px solid #d5225b
}

.home-five .mobile-menu .social-wrapper-one ul li a:hover {
    color: #5e5e5e
}

.mobile-menu nav ul {
    padding: 0
}

.mobile-menu nav ul li {
    margin: 0;
    padding: 0
}

.mobile-menu nav ul li a.main {
    border-bottom: 1px solid hsla(0,0%,100%,.04);
    color: #fff;
    cursor: pointer;
    padding: 20px 0;
    position: relative
}

.mobile-menu nav ul li a.main:after {
    background: var(--color-primary)!important;
    border-radius: 3px;
    color: #fff;
    content: "";
    cursor: pointer;
    display: block;
    font-family: Font Awesome\ 6 pro!important;
    font-size: 16px;
    font-weight: 400;
    height: 35px;
    line-height: 35px;
    pointer-events: none;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    width: 35px
}

.mobile-menu nav ul li a.mobile-menu-link:after {
    display: none
}

.mobile-menu nav ul li.has-droupdown {
    position: relative
}

.mobile-menu nav ul li.has-droupdown ul {
    padding-left: 15px
}

.mobile-menu nav ul li.has-droupdown ul a.tag {
    font-size: 18px;
    font-weight: 700;
    margin-top: 15px
}

.mobile-menu nav ul li.has-droupdown ul li {
    margin: 10px 0!important
}

.mobile-menu nav ul li.has-droupdown:after {
    display: none
}

.mobile-menu nav ul li.has-droupdown.mm-active:after {
    content: ""
}

.mobile-menu nav ul li.has-droupdown.third-lvl:after {
    font-size: 10px;
    padding: 3px 10px
}

.mobile-menu nav ul li.has-droupdown.third-lvl ul {
    padding: 0 20px
}

.mobile-menu nav ul li.has-droupdown.third-lvl ul li {
    margin: 10px 0!important;
    position: relative;
    transition: all .3s;
    z-index: 1
}

.mobile-menu nav ul li.has-droupdown.third-lvl ul li:hover {
    color: var(--color-primary)
}

.mobile-menu nav ul li.has-droupdown.third-lvl ul li a {
    color: #fff;
    height: 100%;
    position: absolute;
    transition: all .3s;
    width: 100%
}

.mobile-menu nav ul li a {
    color: #fff;
    display: block
}

.mobile-menu .social-wrapper-one {
    margin-top: 50px
}

.mobile-menu .social-wrapper-one ul {
    display: flex;
    margin: 0;
    padding: 0
}

.mobile-menu .social-wrapper-one ul li {
    list-style: none;
    margin-right: 10px
}

.mobile-menu .social-wrapper-one ul li a {
    background: var(--color-primary);
    border: 1px solid var(--color-primary);
    border-radius: 50%;
    color: #fff;
    display: block;
    height: 35px;
    line-height: 35px;
    text-align: center;
    transition: all .3s;
    width: 35px
}

.mobile-menu .social-wrapper-one ul li a:hover {
    background: #fff;
    border: 1px solid #fff
}

.echo-popup-model {
    background-color: #000;
    background-color: rgba(0,0,0,.4);
    display: none;
    height: 100%;
    left: 0;
    overflow: auto;
    padding-top: 60px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1;
    z-index: 99999
}

.echo-popup-model .echo-popup-transition {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

.echo-popup-model .echo-popup-transition a {
    background: var(--color-primary);
    border: 3px solid var(--color-primary);
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    font-weight: bolder;
    height: 30px;
    left: 100%;
    line-height: 24px;
    position: relative;
    text-align: center;
    top: -36px;
    transition: .3s ease-in-out;
    width: 30px
}

.echo-popup-model .echo-popup-transition a:hover {
    background-color: transparent;
    border: 3px solid var(--color-primary);
    color: rgba(94,94,94,.5)
}

.echo-popup-model .echo-popup-transition .model-content {
    background-color: #fff;
    max-width: 880px;
    padding: 50px;
    z-index: 999999
}

.echo-popup-model .echo-popup-transition .model-content .echo-p-flexing {
    display: flex;
    gap: 50px;
    justify-content: center
}

.echo-popup-model .echo-popup-transition .model-content .echo-p-flexing .form .echo-p-sub-heading p {
    text-transform: capitalize
}

.echo-popup-model .echo-popup-transition .model-content .echo-p-flexing .form .echo-p-sub-heading {
    text-align: center
}

.echo-popup-model .echo-popup-transition .model-content .echo-p-flexing .form form input {
    border: 1px solid rgba(94,94,94,.5);
    height: 50px;
    padding: 0 20px
}

.echo-popup-model .echo-popup-transition .model-content .echo-p-flexing .form form button {
    background-color: var(--color-primary);
    border: 1px solid transparent;
    color: #fff;
    margin-top: 15px;
    padding: 10px 25px;
    text-align: center;
    transition: .3s ease-in-out;
    width: 100%
}

.echo-popup-model .echo-popup-transition .model-content .echo-p-flexing .form form button:hover {
    background-color: transparent;
    border: 1px solid rgba(94,94,94,.5);
    color: var(--color-body)
}

.echo-popup-model .echo-popup-transition .model-content .echo-p-flexing .form .echo-bottom-popup {
    margin-top: 20px;
    text-align: center
}

.animate-subscribe-popup {
    animation: animatezoom .6s
}

@keyframes animatezoom {
    0% {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

@media(max-width: 1723px) {
    .echo-popup-model .echo-popup-transition .model-content .echo-p-flexing {
        align-items:center
    }

    .echo-popup-model .echo-popup-transition .model-content .echo-p-flexing .form .echo-p-sub-heading h3 {
        font-size: 30px
    }
}

@media(max-width: 1527px) {
    .echo-popup-model .echo-popup-transition .model-content .echo-p-flexing {
        align-items:center
    }

    .echo-popup-model .echo-popup-transition .model-content {
        padding: 20px
    }

    .echo-popup-model .echo-popup-transition .model-content .echo-p-flexing .form .echo-p-sub-heading h3 {
        font-size: 20px
    }

    .echo-popup-model .echo-popup-transition a {
        left: 96%;
        top: -13px
    }
}

@media(max-width: 1000px) {
    .echo-popup-model .echo-popup-transition .model-content .echo-p-flexing .echo-p-img {
        display:none
    }

    .echo-popup-model .echo-popup-transition a {
        left: 94%;
        top: -13px
    }

    .echo-popup-model .echo-popup-transition .model-content {
        padding: 20px
    }
}

html[data-theme=dark] body {
    background: var(--color-heading-1)
}

html[data-theme=dark] body,html[data-theme=dark] body .echo-about-area .container .echo-about-area-inner .content-area .desc,html[data-theme=dark] body .echo-about-area .container .echo-about-area-inner .content-area .sub-title,html[data-theme=dark] body .echo-feature-area .echo-feature-area-right-site-full-content .echo-feature-area-right-site-audio-news .echo-feature-area-right-audio-text .echo-feature-area-right-site-audio-main-contetn .audioplayer-time,html[data-theme=dark] body .echo-feature-area .echo-feature-area-right-site-newsletter .echo-feature-area-right-site-news-subscribe form .echo-feature-area-right-site-input-box input[type=email],html[data-theme=dark] body .echo-feature-area .echo-feature-area-right-site-newsletter .echo-feature-area-right-site-sub-title p,html[data-theme=dark] body .echo-feature-area.area-2 .echo-feature-area-content .button-area .rts-btn,html[data-theme=dark] body .echo-feature-area.area-2 .echo-feature-area-content .echo-feature-full-content .echo-feature-area-site-title .echo-feature-area-last-news .echo-feature-area-last-content .echo-feature-area-last-content-text .echo-latest-news-time-views,html[data-theme=dark] body .echo-feature-area.home-three .echo-feature-area-content .echo-feature-full-content .echo-feature-area-right-site-full-content .content-box ul .wrapper .content .content-title1 a:hover,html[data-theme=dark] body .echo-footer-area.footer-2 .echo-footer-copyright-area .copyright-area-inner .copyright-content .title,html[data-theme=dark] body .echo-footer-area.footer-2 .echo-footer-copyright-area .copyright-area-inner .select-area select,html[data-theme=dark] body .echo-footer-area.footer-2 .echo-row .echo-footer-content-1 .echo-footer-address .echo-footer-social-media a,html[data-theme=dark] body .echo-footer-area.footer-2 .echo-row .echo-footer-content-1 .echo-footer-address span,html[data-theme=dark] body .echo-footer-area.footer-2 .echo-row .echo-footer-content-2 .echo-footer-most-popular ul li a,html[data-theme=dark] body .echo-footer-area.footer-2 .echo-row .echo-footer-content-3 .echo-footer-help ul li a,html[data-theme=dark] body .echo-footer-area.footer-2 .echo-row .echo-footer-content-4 .echo-footer-news-text p,html[data-theme=dark] body .echo-header-top-date .echo-date-time span strong,html[data-theme=dark] body .echo-header-top-date .echo-day-name span strong,html[data-theme=dark] body .echo-hero-section.inner-post .echo-comment-box form input,html[data-theme=dark] body .echo-hero-section.inner-post .echo-financial-area .content .content-wrapper .wrapper-item,html[data-theme=dark] body .echo-hero-section.inner-post .echo-financial-area .content .desc,html[data-theme=dark] body .echo-hero-section.inner-post .echo-quote-area .quote-title,html[data-theme=dark] body .echo-hero-section.inner-post .echo-reply-area .comment-inner .wrapper .content .desc,html[data-theme=dark] body .echo-hero-section.inner-post-3 .echo-hero-discription span,html[data-theme=dark] body .echo-latest-news-area.home-four .echo-latest-news-content .echo-latest-news-full-content .echo-latest-news-single-title h5,html[data-theme=dark] body .echo-latest-news-area.home-four .echo-latest-news-content .title-area .see-all-btn,html[data-theme=dark] body .echo-latest-news-area.home-three .echo-latest-news-content .echo-latest-news-full-content .echo-latest-news-single-title h5,html[data-theme=dark] body .echo-meta-total-jobs .echo-meta-jobs-text span,html[data-theme=dark] body .echo-popular-news-area.home-four .echo-popular-news-area-content .echo-popular-news-area-full-content .echo-banner-right-area-content .right-side-news ul li .content .desc,html[data-theme=dark] body .echo-popular-news-area.home-four .echo-popular-news-area-content .echo-popular-news-area-full-content .left-side-content .echo-latest-news-main-content .echo-latest-news-single-title h5,html[data-theme=dark] body .echo-popular-news-area.home-four .echo-popular-news-area-content .echo-popular-news-area-full-content .left-side-content .echo-latest-news-main-content .echo-latest-news-time-views,html[data-theme=dark] body .home-2-read-more-btn a.df-color,html[data-theme=dark] body .input,html[data-theme=dark] body button,html[data-theme=dark] body p,html[data-theme=dark] body select,html[data-theme=dark] body textarea,html[data-theme=dark] body ul li a {
    color: var(--dark-color-body)
}

html[data-theme=dark] body .echo-header-top-search-btn svg path {
    stroke: var(--dark-color-body)
}

html[data-theme=dark] body .echo-header-top-subs-social-menu .echo-header-top-social-media .echo-header-top-search-btn:after {
    background-color: var(--dark-color-body)
}

html[data-theme=dark] body .echo-menu-right-icons svg path,html[data-theme=dark] body .menu-btn svg path {
    fill: var(--dark-color-body)
}

html[data-theme=dark] body .echo-about-area .container .echo-about-area-inner .content-area .bottom-author-area .sign {
    filter: brightness(0) invert(1)
}

html[data-theme=dark] body .echo-cl-blocks-area .echo-cl-blocks-content .echo-cl-blocks-full-content,html[data-theme=dark] body .echo-latest-news-area,html[data-theme=dark] body .echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-feature-area-right-site-follower,html[data-theme=dark] body .echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-feature-area-right-site-full-content,html[data-theme=dark] body .echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-popular-hl-img,html[data-theme=dark] body .echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-popular-item-category .echo-popular-cat-content,html[data-theme=dark] body .echo-site-main-logo-menu-social,html[data-theme=dark] body .echo-trending-area.home-three,html[data-theme=dark] body .echo-video-area.home-three .echo-video-area-inner .echo-bottom-post-area .wrapper {
    background: var(--bg-dark-three)
}

html[data-theme=dark] body .echo-feature-area.area-2 .echo-feature-area-content .echo-feature-full-content .echo-feature-right-area .echo-right-side-small-content .content-inner .number h3,html[data-theme=dark] body .echo-feature-area.area-2 .echo-feature-area-content .title-area .right-side-title .sect-title,html[data-theme=dark] body .echo-feature-area.area-2 .echo-feature-area-content .title-area .sub-title,html[data-theme=dark] body .echo-footer-area.footer-2 .echo-get-in-tuch h4,html[data-theme=dark] body .echo-hero-section.inner .echo-right-ct-1 .echo-feature-area-right-site-newsletter .echo-feature-area-right-site-sub-title p,html[data-theme=dark] body .echo-hero-section.inner-post .echo-quote-area .quote-title .echo-footer-area.footer-2 .echo-get-in-tuch h4,html[data-theme=dark] body .echo-latest-news-area.home-three .echo-latest-news-content .sub-title,html[data-theme=dark] body .echo-popular-news-area.home-four .echo-popular-news-area-content .echo-popular-news-area-full-content .echo-banner-right-area-content .right-side-gallery .title,html[data-theme=dark] body .echo-popular-news-area.home-four .echo-popular-news-area-content .echo-popular-news-area-full-content .echo-banner-right-area-content .right-side-news ul li .content h5 a,html[data-theme=dark] body .echo-popular-news-area.home-four .echo-popular-news-area-content .title-area .sect-title,html[data-theme=dark] body .h1,html[data-theme=dark] body .h2,html[data-theme=dark] body .h3,html[data-theme=dark] body .h4,html[data-theme=dark] body .h5,html[data-theme=dark] body .h6,html[data-theme=dark] body h1,html[data-theme=dark] body h2,html[data-theme=dark] body h3,html[data-theme=dark] body h4,html[data-theme=dark] body h5,html[data-theme=dark] body h6 {
    color: var(--dark-color-heading-1)
}

html[data-theme=dark] body .echo-about-area,html[data-theme=dark] body .echo-archive-area .echo-archive-area-content .echo-archive-area-full-content .echo-archive-area-slider-content .echo-banner-mani-content .echo-banner-text,html[data-theme=dark] body .echo-banner .echo-banner-mani-content .echo-banner-text,html[data-theme=dark] body .echo-banner-innerpage,html[data-theme=dark] body .echo-business-area.area2,html[data-theme=dark] body .echo-contact-area,html[data-theme=dark] body .echo-de-category-area .echo-de-category-content,html[data-theme=dark] body .echo-fd-post-area .echo-fd-post-content,html[data-theme=dark] body .echo-feature-area,html[data-theme=dark] body .echo-feature-area .echo-feature-area-right-site-newsletter .echo-feature-area-right-site-news-subscribe form .echo-feature-area-right-site-input-box button,html[data-theme=dark] body .echo-footer-area.footer-2,html[data-theme=dark] body .echo-hero-section.inner,html[data-theme=dark] body .echo-hero-section.inner-post .echo-more-news-area .echo-top-story,html[data-theme=dark] body .echo-hm2-video-area .echo-hm2-video-area-content .echo-hm2-video-area-full-content .echo-row .echo-hm2-video-img .echo-hm2-video-text-box,html[data-theme=dark] body .echo-home-1-hero-area-top-story,html[data-theme=dark] body .echo-home-2-feature-area .echo-home-2-feature-area-content,html[data-theme=dark] body .echo-social-media-area-hm2.home-ten {
    background: var(--bg-dark-three)
}

html[data-theme=dark] body .echo-breadcrumb-area,html[data-theme=dark] body .echo-breadcrumb-area-2,html[data-theme=dark] body .echo-hero-section.inner-post-3 .echo-ps-2-subscribe-box {
    background-blend-mode: multiply;
    background-color: #181823
}

html[data-theme=dark] body .echo-banner-area.home-nine .echo-hero-baner.small .content .echo-hero-title a,html[data-theme=dark] body .echo-feature-area.home-three .echo-feature-area-content .echo-feature-full-content .echo-feature-area-right-site-full-content .content-box ul .wrapper .content .content-title1 a,html[data-theme=dark] body .echo-popular-news-area.home-four .echo-popular-news-area-content .echo-popular-news-area-full-content .echo-banner-right-area-content .right-side-news ul li .content h5 a,html[data-theme=dark] body .echo-popular-news-area.home-four .echo-popular-news-area-content .echo-popular-news-area-full-content .left-side-content .echo-latest-news-main-content .echo-latest-news-single-title h5 a:hover,html[data-theme=dark] body .home-nine .echo-hero-baner .content .echo-hero-title a,html[data-theme=dark] body .title-hover {
    background-image: linear-gradient(90deg,#fff 50%,transparent 0)
}

html[data-theme=dark] body .echo-banner-area.home-nine .echo-hero-baner.small .content .echo-hero-title a:hover,html[data-theme=dark] body .echo-feature-area.home-three .echo-feature-area-content .echo-feature-full-content .echo-feature-area-right-site-full-content .content-box ul .wrapper .content .content-title1 a:hover,html[data-theme=dark] body .echo-popular-news-area.home-four .echo-popular-news-area-content .echo-popular-news-area-full-content .echo-banner-right-area-content .right-side-news ul li .content h5 a:hover,html[data-theme=dark] body .echo-popular-news-area.home-four .echo-popular-news-area-content .echo-popular-news-area-full-content .left-side-content .echo-latest-news-main-content .echo-latest-news-single-title h5 a:hover:hover,html[data-theme=dark] body .home-nine .echo-hero-baner .content .echo-hero-title a:hover,html[data-theme=dark] body .title-hover:hover {
    color: var(--dark-color-heading-1)
}

html[data-theme=dark] body .echo-contact-area .echo-contact-content .echo-contact-full-content .echo-info,html[data-theme=dark] body .echo-feature-area .echo-feature-area-option .echo-feature-area-option-content,html[data-theme=dark] body .echo-feature-area .echo-feature-area-right-site-follower,html[data-theme=dark] body .echo-feature-area .echo-feature-area-right-site-full-content,html[data-theme=dark] body .echo-feature-area .echo-feature-area-right-site-newsletter,html[data-theme=dark] body .echo-feature-area.area-2 .echo-feature-area-content .echo-feature-full-content .echo-feature-right-area .echo-right-side-small-content .content-inner,html[data-theme=dark] body .echo-hero-section.home-six .echo-full-hero-content .echo-right-ct-1 .echo-author-area,html[data-theme=dark] body .echo-hero-section.home-six .echo-full-hero-content .echo-right-ct-1 .echo-feature-area-right-site-author,html[data-theme=dark] body .echo-hero-section.inner .echo-right-ct-1 .echo-feature-area-right-site-follower,html[data-theme=dark] body .echo-hero-section.inner .echo-right-ct-1 .echo-feature-area-right-site-newsletter,html[data-theme=dark] body .echo-hero-section.inner .echo-right-ct-1 .echo-home-1-hero-area-top-story,html[data-theme=dark] body .echo-hero-section.inner .echo-right-ct-1 .echo-popular-hl-img,html[data-theme=dark] body .echo-hero-section.inner-3 .echo-ct-style-bg-color .echo-griding-ct-style-3 .echo-hero-baner,html[data-theme=dark] body .echo-hero-section.inner-3 .echo-ct-style-bg-color .echo-popular-item-category .echo-popular-cat-content,html[data-theme=dark] body .echo-hero-section.inner-post .echo-author-area,html[data-theme=dark] body .echo-hero-section.inner-post .echo-comment-box,html[data-theme=dark] body .echo-hero-section.inner-post .echo-financial-area .content .details-tag button,html[data-theme=dark] body .echo-hero-section.inner-post .echo-more-news-area,html[data-theme=dark] body .echo-hero-section.inner-post .echo-quote-area,html[data-theme=dark] body .echo-hero-section.inner-post .echo-reply-area,html[data-theme=dark] body .echo-popup-model .echo-popup-transition .model-content,html[data-theme=dark] body .echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown ul.echo-submenu,html[data-theme=dark] body .echo-team-area .echo-team-area-inner .team-wrapper .content-area,html[data-theme=dark] body .echo-video-area .echo-full-video-content .echo-video-left-site .echo-video-left-site-text-box,html[data-theme=dark] body .search-input-area {
    background: var(--color-heading-1)
}

html[data-theme=dark] body .echo-latest-news-area .echo-latest-news-content h6:after {
    background: var(--dark-color-body)
}

html[data-theme=dark] body .echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-popular-tabing-btn .echo-popular-tab-button li button.active {
    color: var(--dark-color-heading-1)
}

html[data-theme=dark] body .echo-feature-area.area-2 .echo-feature-area-content .button-area .rts-btn,html[data-theme=dark] body .echo-footer-area.footer-2 .echo-row .echo-footer-content-4 .echo-subscribe-box-button form .echo-subscribe-input-fill input,html[data-theme=dark] body .echo-hero-section.inner-post-3 .echo-ps-2-subscribe-box .echo-ps-2-subscribe-all-content .echo-subscribe-input-fill form input,html[data-theme=dark] body .echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-popular-item-category {
    border-color: hsla(0,0%,100%,.4)
}

html[data-theme=dark] body.home-three .echo-site-main-logo-menu-social {
    background: none
}

html[data-theme=dark] body .echo-hero-section.inner .echo-right-ct-1 .echo-feature-area-right-site-newsletter .echo-feature-area-right-site-news-subscribe form .echo-feature-area-right-site-input-box button {
    background: var(--color-primary)
}

html[data-theme=dark] body .echo-header-area .echo-home-2-menu .echo-site-main-logo-menu-social .echo-home-2-menu-full-contetn {
    border: none
}

html[data-theme=dark] body .echo-hero-section.inner-post .echo-financial-area .content .details-tag button:hover {
    background: var(--color-primary)
}

html[data-theme=dark] body .echo-banner-area.home-nine .echo-hero-baner.small .content .echo-hero-title a,html[data-theme=dark] body .echo-social-media-area-hm2.home-ten .hm5-feature-title .hm-5-main-title h2,html[data-theme=dark] body .hm5-feature-area.area2 .hm5-feature-title .hm-5-main-title h2,html[data-theme=dark] body .hm5-feature-area.area3 .hm5-feature-title .hm-5-main-title h2,html[data-theme=dark] body .home-nine .echo-hero-baner .content .echo-hero-title a {
    color: #fff
}

html[data-theme=dark] body .hm5-feature-area.area2 .hm5-feature-content .hm5-featurea-main-content .hm5-featurea-meta-content .hm5-feature-img-title h3 a,html[data-theme=dark] body .hm5-feature-area.area3 .hm5-feature-content .hm5-featurea-main-content .hm5-featurea-meta-content .hm5-feature-img-title h3 a {
    background-image: linear-gradient(90deg,#fff 50%,transparent 0);
    color: #fff
}

html[data-theme=dark] .echo-popup-model {
    background-color: rgba(0,0,0,.9)
}

html[data-theme=dark] .echo-popup-model .echo-popup-transition .model-content .echo-p-flexing .form form input {
    color: #fff
}

html[data-theme=dark] .echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown ul.mega-menu {
    background-color: var(--bg-dark-three)
}

html[data-theme=dark] #form-messages.success,html[data-theme=dark] .echo-business-area .hm5-feature-title .hm-5-title-btn .hm-5-main-title h2,html[data-theme=dark] .echo-header-area.header-seven .echo-header-top-home-2 .echo-full-header-top .home-2-row .home-2-social .echo-meta-total-jobs ul li a,html[data-theme=dark] .echo-header-area.header-seven .echo-header-top-home-2 .echo-full-header-top .home-2-row .home-2-social .rts-darkmode .rts-dark-light i,html[data-theme=dark] .echo-header-area.header-ten .header-three .echo-site-main-logo-menu-social .echo-site-main .echo-home-1-social-media-icons .rts-darkmode .rts-dark-light i,html[data-theme=dark] .echo-photography-area .hm5-feature-title .hm-5-main-title h2,html[data-theme=dark] .echo-popup-model .echo-popup-transition a:hover,html[data-theme=dark] .echo-trending-news-area.home-eight .hm5-feature-title .hm-5-main-title h2 {
    color: #fff
}

html[data-theme=dark] .header-three .echo-home-1-social-media-icons .search-icon svg path {
    stroke: #fff
}

html[data-theme=dark] .echo-header-area .echo-header-top-home-2 .home-2-row .home-2-card-etc .echo-header-top-subs-social-menu-home-2 .echo-home-2-right-site-itme .echo-header-top-social-media .echo-search svg path,html[data-theme=dark] .echo-header-area.header-seven .echo-header-top-home-2 .echo-full-header-top .home-2-row .home-2-card-etc .echo-header-top-subs-social-menu-home-2 .echo-home-2-right-site-itme .menu-btn svg path,html[data-theme=dark] .echo-header-area.header-ten .header-three .echo-site-main-logo-menu-social .echo-site-main .echo-home-1-social-media-icons .menu-btn svg path,html[data-theme=dark] .home-eight .echo-hero-section.home-eight .echo-full-hero-content .right-side-banner .echo-hero-baner.small .content .echo-story-text svg path {
    fill: #fff
}

html[data-theme=dark] .home-seven .home-2-logo .dark {
    display: block
}

html[data-theme=dark] .home-seven .home-2-logo .light {
    display: none
}

html[data-theme=dark] .home-eight .echo-banner-area {
    background: var(--bg-dark-three)
}

html[data-theme=dark] .echo-trending-news-area.home-eight .section-inner .echo-hero-baner .content .echo-hero-area-titlepost-post-like-comment-share {
    border-top: 1px solid hsla(0,0%,100%,.271)
}

html[data-theme=dark] .home-eight .echo-hero-baner .content .echo-hero-area-titlepost-post-like-comment-share .echo-hero-area-like-read-comment-share a,html[data-theme=dark] .home-eight .echo-hero-section.home-eight .echo-full-hero-content .right-side-banner .echo-hero-baner.small .content .echo-hero-title a,html[data-theme=dark] .home-eight .echo-hero-section.home-eight .hm5-feature-title .hm-5-main-title h2 {
    color: #fff
}

html[data-theme=dark] .home-eight .echo-hero-section.home-eight .echo-full-hero-content .right-side-banner .echo-hero-baner.small .content .echo-hero-title a {
    background-image: linear-gradient(90deg,#fff 50%,transparent 0)
}

html[data-theme=dark] .echo-latest-news-area.home-eight .echo-right-ct-1 .echo-feature-area-right-site-newsletter .echo-feature-area-right-site-sub-title p,html[data-theme=dark] .echo-latest-news-area.home-eight .hm5-feature-title .hm-5-main-title h2,html[data-theme=dark] .home-eight .echo-hero-section.home-eight .echo-full-hero-content .right-side-banner .echo-hero-baner.small .content .echo-story-text {
    color: #fff
}

html[data-theme=dark] .echo-new-dishes-area .section-inner .button-area:after,html[data-theme=dark] .echo-new-dishes-area .section-inner .button-area:before {
    background: hsla(0,0%,100%,.271)
}

html[data-theme=dark] .echo-dishes-area .section-inner,html[data-theme=dark] .echo-food-review-area .section-inner {
    border-bottom: 1px solid hsla(0,0%,100%,.271)
}

html[data-theme=dark] .echo-header-area.header-seven .echo-home-2-menu .echo-site-main-logo-menu-social .echo-home-2-menu-full-contetn .logo-dark {
    display: block
}

html[data-theme=dark] .logo-dark {
    display: block!important
}

html[data-theme=dark] body {
    --text-body: var(--dark-color-body)!important;
    --color-heading: var(--dark-color-heading-1)!important;
    --border-dark-color: rgba(94,94,94,.5);
    background: var(--background-color-dark)!important
}

html[data-theme=dark] .echo-contact-area .echo-contact-content .echo-contact-full-content .echo-info,html[data-theme=dark] .echo-feature-area-option-content,html[data-theme=dark] .echo-feature-area-right-site-follower,html[data-theme=dark] .echo-feature-area-right-site-full-content,html[data-theme=dark] .echo-feature-area-right-site-newsletter,html[data-theme=dark] .echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown ul.echo-submenu,html[data-theme=dark] .search-input-area {
    background-color: var(--background-color-dark)!important
}

html[data-theme=dark] .account-actions .dropdown-menu {
    background: var(--background-color-dark);
    border-color: var(--border-dark-color)
}

html[data-theme=dark] .account-actions .dropdown-menu a {
    color: var(--dark-color-body)
}

html[data-theme=dark] .account-actions .dropdown-menu a:hover {
    background: var(--background-color-dark);
    color: var(--primary-color)
}

html[data-theme=dark] .auth-card {
    border: 1px solid var(--border-dark-color)!important;
    color: var(--dark-color-body)!important
}

html[data-theme=dark] .auth-card,html[data-theme=dark] .auth-card .card-header {
    background: var(--background-color-dark)!important
}

html[data-theme=dark] .auth-card .card-header .bg-white {
    background-color: var(--background-color-dark)!important
}

html[data-theme=dark] .auth-card .text-muted,html[data-theme=dark] .auth-card a,html[data-theme=dark] .auth-card h3,html[data-theme=dark] .auth-card p,html[data-theme=dark] .auth-card span {
    color: var(--dark-color-body)!important
}

html[data-theme=dark] .auth-card span.text-primary {
    color: var(--primary-color)!important
}

html[data-theme=dark] .auth-card .form-control {
    color: var(--dark-color-body)!important
}

html[data-theme=dark] .auth-card .form-control,html[data-theme=dark] .auth-card .input-group .input-group-text {
    background: var(--background-color-dark)!important;
    border-color: var(--border-dark-color)!important
}

html[data-theme=dark] .bg-white,html[data-theme=dark] .echo-hero-baner.banner-inner-3 {
    background: var(--color-heading-1)!important
}

html[data-theme=dark] .wrapper-audio-control {
    background: var(--color-heading-1)!important;
    border: 1px solid var(--border-dark-color)
}

html[data-theme=dark] .wrapper-audio-control .audioplayer-time {
    color: var(--dark-color-body)!important
}

html[data-theme=dark] .echo-financial-area .details-tag a button {
    border: 1px solid var(--border-dark-color)!important
}

html[data-theme=dark] .echo-hero-section {
    --color-heading-1: var(--dark-color-heading-1)
}

html[data-theme=dark] .echo-hero-section .title-hover {
    color: var(--color-heading-1)
}

html[data-theme=dark] .echo-hero-section.home-four {
    --color-heading-1: #181823!important
}

html[data-theme=dark] .title-hover {
    color: var(--dark-color-heading-1)
}

html[data-theme=dark] .home-one a.title-hover:hover,html[data-theme=dark] .home-ten a.title-hover:hover {
    text-decoration-color: var(--dark-color-body)!important
}

html[data-theme=dark] .home-nine .sign-in-area .sign-in-btn,html[data-theme=dark] .home-one .sign-in-area .sign-in-btn,html[data-theme=dark] .home-seven .sign-in-area .sign-in-btn,html[data-theme=dark] .home-six .sign-in-area .sign-in-btn,html[data-theme=dark] .home-two .sign-in-area .sign-in-btn {
    color: #fff!important
}

html[data-theme=dark] .home-one .echo-full-header-top .action-buttons-inner a,html[data-theme=dark] .home-one .echo-full-header-top .btn-newsletter a,html[data-theme=dark] .home-two .echo-footer-area a,html[data-theme=dark] .home-two .echo-footer-area span p {
    color: var(--dark-color-body)!important
}

html[data-theme=dark] .home-four {
    --color-heading-1: #181823!important
}

html[data-theme=dark] .home-four .echo-banner-right-area-content .right-side-news .content a.title-hover {
    color: var(--dark-color-heading-1)!important
}

html[data-theme=dark] .home-four .echo-banner-right-area-content .right-side-news .content a.title-hover:hover {
    text-decoration-color: var(--dark-color-heading-1)!important
}

html[data-theme=dark] .home-four .echo-latest-news-time-views:before {
    background-color: var(--dark-color-heading-1)!important
}

html[data-theme=dark] .home-four.echo-latest-news-area a.title-hover:hover,html[data-theme=dark] .home-four.echo-popular-news-area a.title-hover:hover {
    text-decoration-color: var(--dark-color-heading-1)!important
}

html[data-theme=dark] .echo-ct-style-bg-color {
    --color-heading-1: #181823!important
}

html[data-theme=dark] .echo-ct-style-bg-color a.title-hover {
    color: var(--dark-color-heading-1)
}

html[data-theme=dark] .echo-ct-style-bg-color a.title-hover:hover {
    text-decoration-color: var(--dark-color-heading-1)
}

html[data-theme=dark] .echo-right-ct-1 {
    --color-heading-1: #181823!important
}

html[data-theme=dark] .echo-right-ct-1 .echo-home-1-hero-area-top-story {
    background: var(--color-heading-1)!important
}

html[data-theme=dark] .echo-right-ct-1 .echo-home-1-hero-area-top-story a.title-hover {
    color: var(--dark-color-heading-1)
}

html[data-theme=dark] .echo-right-ct-1 .echo-home-1-hero-area-top-story a.title-hover:hover {
    text-decoration-color: var(--dark-color-heading-1)
}

html[data-theme=dark] .echo-breadcrumb-area .breadcrumb-inner a.next,html[data-theme=dark] .echo-right-ct-1 .echo-home-1-hero-area-top-story .audioplayer-time-current {
    color: var(--dark-color-heading-1)
}

html[data-theme=dark] .echo-hero-section.inner-post {
    --color-heading-1: #181823!important;
    background: var(--bg-dark-three)!important
}

html[data-theme=dark] .echo-hero-section.inner-post a {
    color: var(--dark-color-heading-1)
}

html[data-theme=dark] .echo-hero-section.inner-post a:hover {
    text-decoration-color: var(--dark-color-heading-1)
}

html[data-theme=dark] .fob-comment-list-section {
    background: var(--color-heading-1)!important
}

html[data-theme=dark] .fob-comment-form-section {
    --color-heading-1: #181823!important;
    background: var(--color-heading-1)!important
}

html[data-theme=dark] .fob-comment-form-section .form-control,html[data-theme=dark] .fob-comment-form-section .form-control:focus {
    background: var(--color-heading-1)!important
}

html[data-theme=dark] .echo-contact-area .echo-contact-full-content a {
    color: var(--dark-color-heading-1)
}

html[data-theme=dark] .echo-feature-area-right-site-author a {
    color: var(--dark-color-heading-1)!important
}

html[data-theme=dark] .echo-feature-area-right-site-author a:hover,html[data-theme=dark] .home-seven a.title-hover:hover {
    text-decoration-color: var(--dark-color-heading-1)!important
}

html[data-theme=dark] .home-seven a.title-hover:hover {
    color: var(--dark-color-heading-1)!important
}

html[data-theme=dark] .home-seven .echo-business-area.area3 a.title-hover:hover,html[data-theme=dark] .home-seven .echo-latest-news-area a.title-hover:hover {
    color: var(--color-heading-1)!important;
    text-decoration-color: var(--color-heading-1)!important
}

html[data-theme=dark] .home-seven a.echo-header-top-search-btn {
    color: var(--dark-color-heading-1)!important
}

html[data-theme=dark] .home-eight a.title-hover:hover {
    text-decoration-color: var(--dark-color-heading-1)!important
}

html[data-theme=dark] .home-eight .echo-banner-area.home-seven .left-side {
    --color-heading-1: #181823!important
}

html[data-theme=dark] .home-eight .echo-banner-area.home-seven .left-side a.title-hover:hover {
    color: var(--color-heading-1)!important;
    text-decoration-color: var(--color-heading-1)!important
}

html[data-theme=dark] .home-nine a.title-hover:hover,html[data-theme=dark] .home-two a.title-hover:hover {
    text-decoration-color: var(--dark-color-heading-1)!important
}

html[data-theme=dark] .home-nine .echo-site-main-logo-menu-social .lang-switcher a.dropdown-toggle,html[data-theme=dark] .home-ten .echo-site-main-logo-menu-social .lang-switcher a.dropdown-toggle,html[data-theme=dark] .home-two .echo-site-main-logo-menu-social .lang-switcher a.dropdown-toggle {
    color: #fff
}

html[data-theme=dark] .home-ten .echo-header-area .echo-home-1-menu .echo-site-main .echo-home-1-menu ul li a,html[data-theme=dark] .home-ten a.rts-dark-light {
    color: #fff!important
}

html[data-theme=dark] .home-ten .echo-header-area .echo-home-1-menu .echo-site-main .echo-home-1-menu ul li a:hover {
    color: var(--primary-color)!important
}

html[data-theme=dark] .home-ten .echo-header-area .echo-home-1-menu .echo-site-main .echo-home-1-menu ul li ul.echo-submenu li a {
    color: #fff!important
}

html[data-theme=dark] .home-ten .echo-header-area .echo-home-1-menu .echo-site-main .echo-home-1-menu ul li ul.echo-submenu li a:hover {
    color: var(--primary-color)!important
}

html[data-theme=dark] .home-ten .echo-photography-area .hm8-btn-1:hover {
    background-color: transparent!important;
    border-color: #fff!important;
    color: #fff!important
}

html[data-theme=dark] .home-four .echo-full-hero-content .echo-latest-news-main-content .echo-latest-news-single-title a.title-hover:hover {
    --color-heading-1: #181823!important;
    color: var(--color-heading-1)!important;
    text-decoration-color: var(--color-heading-1)!important
}

html[data-theme=dark] .home-four .echo-hero-section .post-meta .echo-hero-area-like-read-comment-share,html[data-theme=dark] .home-four .echo-hero-section .post-meta .echo-hero-area-like-read-comment-share span {
    color: #5e5e5e!important
}

html[data-theme=dark] .text-dropped-cap {
    color: var(--dark-color-heading-1)!important
}

html[data-theme=dark] .home-three .echo-latest-news-area .post-meta .echo-hero-area-like-read-comment-share,html[data-theme=dark] .home-three.echo-trending-area .post-meta .echo-hero-area-like-read-comment-share {
    color: #fff!important
}

html[data-theme=dark] .home-three .echo-latest-news-area .post-meta .echo-hero-area-like-read-comment-share span,html[data-theme=dark] .home-three.echo-trending-area .post-meta .echo-hero-area-like-read-comment-share span {
    color: #fff
}

html[data-theme=dark] .home-three.echo-video-area a.title-hover {
    color: #fff!important
}

html[data-theme=dark] .home-three.echo-trending-area .content-catagory-tag {
    color: #fff;
    padding: 0!important
}

html[data-theme=dark] .echo-popup-model .echo-popup-transition .model-content {
    background-color: var(--background-color-dark)!important
}

html[data-theme=dark] .home-six .echo-author-area,html[data-theme=dark] .home-six .echo-feature-area-right-site-author,html[data-theme=dark] .home-six .echo-feature-area-right-site-follower,html[data-theme=dark] .home-six .echo-home-1-hero-area-top-story {
    --color-heading: var(--background-color-dark)!important;
    --color-heading-1: var(--background-color-dark)!important
}

html[data-theme=dark] .home-six .echo-hero-section.inner .echo-right-ct-1 .echo-home-1-hero-area-top-story a.title-hover {
    color: var(--dark-color-heading-1)!important
}

html[data-theme=dark] .home-seven.echo-latest-news-area .section-inner .echo-hero-baner.small {
    background-color: var(--background-color-dark)!important;
    border-color: var(--background-color-dark)!important
}

html[data-theme=dark] .home-seven .echo-business-area.area3 .echo-hero-baner {
    background-color: var(--bg-dark-three)!important;
    border-color: var(--bg-dark-three)!important
}

html[data-theme=dark] .home-nine .echo-header-area.header-seven .echo-home-2-menu.header-two .echo-site-main-logo-menu-social,html[data-theme=dark] .home-seven .echo-header-top-home-2,html[data-theme=dark] .home-seven .echo-home-2-menu.header-two .echo-site-main-logo-menu-social {
    border-bottom: 1px solid hsla(0,0%,100%,.271)!important
}

html[data-theme=dark] .echo-feature-area-right-site-newsletter .echo-feature-area-right-site-news-subscribe .echo-feature-area-right-site-input-box button {
    background-color: var(--primary-color)!important
}

html[data-theme=dark] .echo-latest-news-area .echo-right-ct-1 .echo-feature-area-right-site-newsletter form input {
    border: 1px solid var(--border-dark-color)
}

html[data-theme=dark] .newsletter-popup .btn-close {
    filter: var(--bs-btn-close-white-filter)!important
}

html[data-theme=dark] .newsletter-popup .newsletter-popup-content {
    background: var(--background-color-dark)!important
}

html[data-theme=dark] .newsletter-popup .newsletter-popup-content .text-muted,html[data-theme=dark] .newsletter-popup .newsletter-popup-content input.form-control {
    color: var(--dark-color-body)!important
}

html[data-theme=dark] .newsletter-popup .newsletter-popup-content input.form-control:focus {
    background: transparent!important
}

html[data-theme=dark] .fob-comment-form-section textarea.form-control:focus {
    color: var(--dark-color-body)!important
}

html[data-theme=dark] .contact-form .contact-form-input {
    background: var(--background-color-dark)!important;
    border-color: var(--border-dark-color)!important;
    color: var(--dark-color-body)!important
}

html[data-theme=dark] .echo-team-area .echo-team-area-inner .team-wrapper .content-area {
    background: var(--background-color-dark)!important
}

.echo-hero-section {
    padding: 60px 0
}

@media(min-width: 992px)and (max-width:1200px) {
    .echo-hero-section {
        padding-bottom:30px
    }
}

@media(min-width: 768px)and (max-width:991px) {
    .echo-hero-section {
        padding-bottom:30px
    }
}

@media(max-width: 767px) {
    .echo-hero-section {
        padding-bottom:30px
    }
}

@media(max-width: 500px) {
    .echo-hero-section {
        padding-bottom:30px
    }
}

.echo-hero-section .echo-hero-baner h1 {
    font-size: 60px;
    font-weight: 700;
    line-height: 70px;
    margin-top: 20px
}

.echo-hero-section .echo-hero-baner p {
    font-size: 17px
}

.echo-hero-section .echo-home-1-hero-site-stock h6 {
    font-size: 20px;
    margin-bottom: 20px;
    position: relative
}

.echo-hero-section .echo-home-1-hero-site-stock h6:after {
    background: #5e5e5e;
    content: "";
    height: .5px;
    position: absolute;
    right: -20px;
    top: 15px;
    width: 48%
}

.echo-hero-section .banner-image-one {
    width: 100%
}

.echo-home-1-hero-area-top-story {
    background: #f9f9f9;
    padding: 17px 20px 25px
}

.echo-home-1-hero-area-top-story h6 {
    font-size: 20px;
    position: relative
}

.echo-home-1-hero-area-top-story h6:after {
    background: #5e5e5e;
    content: "";
    height: 1px;
    opacity: .4;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 68%
}

@media(min-width: 768px)and (max-width:991px) {
    .echo-home-1-hero-area-top-story h6:after {
        right:0;
        width: 85%
    }
}

@media(max-width: 767px) {
    .echo-home-1-hero-area-top-story h6:after {
        width:78%
    }
}

@media(max-width: 500px) {
    .echo-home-1-hero-area-top-story h6:after {
        display:none
    }

    .echo-home-1-hero-area-top-story h6 {
        text-align: left
    }
}

.echo-home-1-hero-area-top-story .echo-top-story {
    display: flex;
    gap: 20px;
    margin-bottom: 15px
}

.echo-home-1-hero-area-top-story .echo-top-story:last-child {
    margin-bottom: 0
}

@media(min-width: 992px)and (max-width:1200px) {
    .echo-home-1-hero-area-top-story .echo-top-story {
        align-items:center;
        margin: 12px 0
    }

    .echo-home-1-hero-area-top-story .echo-top-story:last-child {
        margin-bottom: 0
    }

    .echo-home-1-hero-area-top-story .echo-top-story:nth-child(2) {
        margin-bottom: 12;
        margin-top: 0
    }
}

@media(min-width: 768px)and (max-width:991px) {
    .echo-home-1-hero-area-top-story .echo-top-story {
        align-items:center
    }
}

@media(max-width: 767px) {
    .echo-home-1-hero-area-top-story .echo-top-story {
        align-items:center
    }
}

.echo-home-1-hero-area-top-story .echo-top-story.first {
    margin: 18px 0 30px
}

.echo-home-1-hero-area-top-story .echo-top-story .echo-story-picture {
    flex-basis: 35%
}

@media(min-width: 992px)and (max-width:1200px) {
    .echo-home-1-hero-area-top-story .echo-top-story .echo-story-picture {
        flex-basis:30%
    }
}

@media(min-width: 768px)and (max-width:991px) {
    .echo-home-1-hero-area-top-story .echo-top-story .echo-story-picture {
        flex-basis:12%
    }
}

@media(max-width: 767px) {
    .echo-home-1-hero-area-top-story .echo-top-story .echo-story-picture {
        flex-basis:25%
    }
}

@media(max-width: 500px) {
    .echo-home-1-hero-area-top-story .echo-top-story .echo-story-picture {
        flex-basis:25%
    }
}

.echo-home-1-hero-area-top-story .echo-top-story .echo-story-picture a img {
    height: auto;
    width: 100%
}

@media(min-width: 768px)and (max-width:991px) {
    .echo-home-1-hero-area-top-story .echo-top-story .echo-story-picture a img {
        width:auto
    }
}

@media(max-width: 767px) {
    .echo-home-1-hero-area-top-story .echo-top-story .echo-story-picture a img {
        width:auto
    }
}

.echo-home-1-hero-area-top-story .echo-top-story .echo-story-text {
    flex-basis: 65%
}

.echo-home-1-hero-area-top-story .echo-top-story .echo-story-text .echo-trending-post-bottom-icons {
    display: flex;
    gap: 60px
}

.echo-home-1-hero-area-top-story .echo-top-story .echo-story-text a.pe-none {
    font-size: 14px;
    font-weight: 500
}

@media(min-width: 992px)and (max-width:1200px) {
    .echo-home-1-hero-area-top-story .echo-top-story .echo-story-text {
        flex-basis:88%
    }
}

@media(min-width: 768px)and (max-width:991px) {
    .echo-home-1-hero-area-top-story .echo-top-story .echo-story-text {
        flex-basis:88%
    }
}

@media(max-width: 767px) {
    .echo-home-1-hero-area-top-story .echo-top-story .echo-story-text {
        flex-basis:145%
    }
}

@media(max-width: 500px) {
    .echo-home-1-hero-area-top-story .echo-top-story .echo-story-text {
        flex-basis:75%
    }
}

.echo-home-1-hero-area-top-story .echo-top-story .echo-story-text h4 {
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 8px
}

@media(min-width: 992px)and (max-width:1200px) {
    .echo-home-1-hero-area-top-story .echo-top-story .echo-story-text h4 {
        font-size:20px;
        line-height: 30px
    }
}

@media(min-width: 768px)and (max-width:991px) {
    .echo-home-1-hero-area-top-story .echo-top-story .echo-story-text h4 {
        margin-bottom:0
    }
}

@media(max-width: 767px) {
    .echo-home-1-hero-area-top-story .echo-top-story .echo-story-text h4 {
        font-size:20px;
        line-height: 24px
    }
}

.echo-latest-news-area {
    padding: 90px 0
}

@media(min-width: 992px)and (max-width:1200px) {
    .echo-latest-news-area {
        padding-bottom:30px
    }
}

@media(min-width: 768px)and (max-width:991px) {
    .echo-latest-news-area {
        padding-bottom:30px
    }
}

@media(max-width: 767px) {
    .echo-latest-news-area {
        padding-bottom:30px
    }
}

@media(max-width: 500px) {
    .echo-latest-news-area {
        padding-bottom:30px
    }
}

.echo-latest-news-area .echo-latest-news-content {
    position: relative
}

.echo-latest-news-area .echo-latest-news-content .echo-be-slider-btn {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.echo-latest-news-area .echo-latest-news-content .echo-be-slider-btn .echo-latest-news-next-prev-btn {
    flex-basis: 10%;
    position: relative
}

.echo-latest-news-area .echo-latest-news-content .echo-be-slider-btn .echo-latest-news-next-prev-btn .swiper-button-next {
    color: #5e5e5e;
    opacity: .8;
    padding: 15px 25px;
    right: 0;
    transition: all .3ms;
    -webkit-transition: all .3ms;
    -moz-transition: all .3ms;
    -ms-transition: all .3ms;
    -o-transition: all .3ms
}

@media(max-width: 500px) {
    .echo-latest-news-area .echo-latest-news-content .echo-be-slider-btn .echo-latest-news-next-prev-btn .swiper-button-next {
        display:none
    }
}

.echo-latest-news-area .echo-latest-news-content .echo-be-slider-btn .echo-latest-news-next-prev-btn .swiper-button-next:after {
    content: "";
    font-family: Font Awesome\ 6 Pro!important;
    font-size: 25px
}

.echo-latest-news-area .echo-latest-news-content .echo-be-slider-btn .echo-latest-news-next-prev-btn .swiper-button-next:hover {
    background-color: #5e5e5e;
    color: #fff
}

.echo-latest-news-area .echo-latest-news-content .echo-be-slider-btn .echo-latest-news-next-prev-btn .swiper-button-prev {
    color: #5e5e5e;
    opacity: .8;
    padding: 15px 25px;
    transition: all .3ms;
    -webkit-transition: all .3ms;
    -moz-transition: all .3ms;
    -ms-transition: all .3ms;
    -o-transition: all .3ms
}

@media(min-width: 992px)and (max-width:1200px) {
    .echo-latest-news-area .echo-latest-news-content .echo-be-slider-btn .echo-latest-news-next-prev-btn .swiper-button-prev {
        left:-10px
    }
}

@media(min-width: 768px)and (max-width:991px) {
    .echo-latest-news-area .echo-latest-news-content .echo-be-slider-btn .echo-latest-news-next-prev-btn .swiper-button-prev {
        left:-20px
    }
}

@media(max-width: 767px) {
    .echo-latest-news-area .echo-latest-news-content .echo-be-slider-btn .echo-latest-news-next-prev-btn .swiper-button-prev {
        left:-50px
    }
}

@media(max-width: 500px) {
    .echo-latest-news-area .echo-latest-news-content .echo-be-slider-btn .echo-latest-news-next-prev-btn .swiper-button-prev {
        display:none
    }
}

.echo-latest-news-area .echo-latest-news-content .echo-be-slider-btn .echo-latest-news-next-prev-btn .swiper-button-prev:after {
    content: "";
    font-family: Font Awesome\ 6 Pro!important;
    font-size: 25px
}

.echo-latest-news-area .echo-latest-news-content .echo-be-slider-btn .echo-latest-news-next-prev-btn .swiper-button-prev:hover {
    background-color: #5e5e5e;
    color: #fff
}

.echo-latest-news-area .echo-latest-news-content .echo-be-slider-btn .echo-latest-nw-title {
    flex-basis: 90%
}

.echo-latest-news-area .echo-latest-news-content .echo-be-slider-btn .echo-latest-nw-title h4 {
    font-size: 30px;
    line-height: 40px;
    margin: 0;
    position: relative;
    text-align: left
}

.echo-latest-news-area .echo-latest-news-content .echo-be-slider-btn .echo-latest-nw-title h4:after {
    background: rgba(94,94,94,.5);
    content: "";
    height: 1px;
    left: 20%;
    opacity: .5;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 75%
}

@media(min-width: 992px)and (max-width:1200px) {
    .echo-latest-news-area .echo-latest-news-content .echo-be-slider-btn .echo-latest-nw-title h4:after {
        left:25%;
        width: 50%
    }
}

@media(min-width: 768px)and (max-width:991px) {
    .echo-latest-news-area .echo-latest-news-content .echo-be-slider-btn .echo-latest-nw-title h4:after {
        display:none
    }
}

@media(max-width: 767px) {
    .echo-latest-news-area .echo-latest-news-content .echo-be-slider-btn .echo-latest-nw-title h4:after {
        display:none
    }
}

.echo-latest-news-area .echo-latest-news-full-content {
    padding-top: 40px
}

.echo-latest-news-area .echo-latest-news-full-content img {
    width: 100%
}

.echo-latest-news-area .echo-latest-news-main-content {
    cursor: auto
}

.echo-latest-news-area .echo-latest-news-main-content .echo-latest-news-single-title h5 {
    font-size: 22px;
    line-height: 35px;
    margin: 15px 0
}

.echo-latest-news-area .echo-latest-news-main-content .echo-latest-news-time-views {
    align-items: center;
    display: flex;
    justify-content: space-between
}

@media(min-width: 992px)and (max-width:1200px) {
    .echo-latest-news-area .echo-latest-news-main-content .echo-latest-news-time-views {
        gap:25px;
        justify-content: start
    }
}

@media(min-width: 768px)and (max-width:991px) {
    .echo-latest-news-area .echo-latest-news-main-content .echo-latest-news-time-views {
        gap:25px;
        justify-content: start
    }
}

@media(max-width: 767px) {
    .echo-latest-news-area .echo-latest-news-main-content .echo-latest-news-time-views {
        gap:25px;
        justify-content: start
    }
}

.echo-latest-news-area .echo-latest-news-main-content .echo-latest-news-time-views a {
    font-size: 14px;
    font-weight: 500
}

.echo-latest-news-area .echo-latest-news-main-content .echo-latest-news-time-views a i {
    margin-right: 7px
}

.echo-latest-news-area.home-three {
    padding-bottom: 80px;
    padding-top: 80px
}

.echo-latest-news-area.home-three .echo-latest-news-content .sub-title {
    color: #000;
    font-family: Bona Nova;
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 0;
    text-transform: uppercase
}

.echo-latest-news-area.home-three .echo-latest-news-content .sub-title span {
    transform: rotate(45deg)
}

.echo-latest-news-area.home-three .echo-latest-news-content .sub-title:after {
    display: none
}

.echo-latest-news-area.home-three .echo-latest-news-content .echo-latest-news-full-content {
    text-align: center
}

.echo-latest-news-area.home-three .echo-latest-news-content .echo-latest-news-full-content .echo-latest-news-main-content {
    margin-left: 8px;
    margin-right: 8px
}

.echo-latest-news-area.home-three .echo-latest-news-content .echo-latest-news-full-content .echo-latest-news-img {
    overflow: visible;
    position: relative
}

.echo-latest-news-area.home-three .echo-latest-news-content .echo-latest-news-full-content .echo-latest-news-img a {
    border-radius: 15px;
    overflow: hidden
}

.echo-latest-news-area.home-three .echo-latest-news-content .echo-latest-news-full-content .echo-latest-news-img .content-catagory-tag {
    background: #f05600;
    border-radius: 5px;
    bottom: -15px;
    color: #fff;
    display: block;
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
    height: 35px;
    left: 50%;
    line-height: 35px;
    pointer-events: none;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    transform: translateX(-50%);
    width: 120px
}

.echo-latest-news-area.home-three .echo-latest-news-content .echo-latest-news-full-content .echo-latest-news-img .content-catagory-tag.tech {
    background: #00d971
}

.echo-latest-news-area.home-three .echo-latest-news-content .echo-latest-news-full-content .echo-latest-news-single-title {
    margin-top: 35px
}

.echo-latest-news-area.home-three .echo-latest-news-content .echo-latest-news-full-content .echo-latest-news-single-title h5 {
    color: #181823;
    font-family: Bona Nova;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    text-align: center;
    text-transform: capitalize
}

.echo-latest-news-area.home-three .echo-latest-news-content .echo-latest-news-full-content .echo-latest-news-time-views {
    justify-content: center
}

.echo-latest-news-area.home-three .echo-latest-news-content .echo-latest-news-full-content .echo-latest-news-time-views a {
    margin: 0 10px
}

.echo-latest-news-area.home-three .echo-latest-news-content .echo-latest-news-full-content .echo-latest-news-time-views a i {
    margin-right: 8px
}

.echo-trending-area {
    padding-bottom: 90px;
    padding-top: 90px;
    position: relative
}

.echo-trending-area.home-three {
    background: #f9f9f9
}

.echo-trending-area.home-three .section-title {
    border-bottom: 1px solid rgba(94,94,94,.5);
    padding-bottom: 30px;
    text-align: center
}

.echo-trending-area .echo-hr-home-1-tranding {
    max-width: -moz-max-content;
    max-width: max-content;
    width: 100%
}

@media(min-width: 768px)and (max-width:991px) {
    .echo-trending-area .echo-hr-home-1-tranding {
        width:75%
    }
}

.echo-trending-area h6 {
    font-size: 30px;
    line-height: 40px;
    position: relative;
    text-align: left
}

.echo-trending-area h6:after {
    background: rgba(94,94,94,.5);
    content: "";
    height: 1px;
    margin-left: 20px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 85%
}

.echo-trending-area .echo-trending-full-content {
    margin-top: 40px
}

.echo-trending-area .echo-trending-full-content .echo-trending-left-site-post {
    align-items: center;
    display: flex;
    gap: 32px;
    margin: 35px 0
}

@media(min-width: 768px)and (max-width:991px) {
    .echo-trending-area .echo-trending-full-content .echo-trending-left-site-post {
        gap:18px;
        margin: 20px 0
    }
}

@media(max-width: 767px) {
    .echo-trending-area .echo-trending-full-content .echo-trending-left-site-post {
        gap:25px
    }
}

@media(max-width: 500px) {
    .echo-trending-area .echo-trending-full-content .echo-trending-left-site-post {
        display:block
    }
}

.echo-trending-area .echo-trending-full-content .echo-trending-left-site-post:first-child {
    margin-top: 0
}

.echo-trending-area .echo-trending-full-content .echo-trending-left-site-post:last-child {
    margin-bottom: 0
}

@media(min-width: 768px)and (max-width:991px) {
    .echo-trending-area .echo-trending-full-content .echo-trending-left-site-post:last-child {
        margin-bottom:30px
    }
}

@media(max-width: 767px) {
    .echo-trending-area .echo-trending-full-content .echo-trending-left-site-post:last-child {
        margin-bottom:30px
    }
}

.echo-trending-area .echo-trending-full-content .echo-trending-left-site-post .echo-trending-left-site-post-img {
    flex-basis: 50%
}

@media(min-width: 768px)and (max-width:991px) {
    .echo-trending-area .echo-trending-full-content .echo-trending-left-site-post .echo-trending-left-site-post-img {
        flex-basis:20%
    }
}

@media(max-width: 767px) {
    .echo-trending-area .echo-trending-full-content .echo-trending-left-site-post .echo-trending-left-site-post-img {
        flex-basis:40%
    }
}

@media(max-width: 500px) {
    .echo-trending-area .echo-trending-full-content .echo-trending-left-site-post .echo-trending-left-site-post-img a img {
        width:100%
    }
}

.echo-trending-area .echo-trending-full-content .echo-trending-right-site-post-title {
    flex-basis: 50%
}

@media(min-width: 768px)and (max-width:991px) {
    .echo-trending-area .echo-trending-full-content .echo-trending-right-site-post-title {
        flex-basis:80%
    }
}

@media(max-width: 767px) {
    .echo-trending-area .echo-trending-full-content .echo-trending-right-site-post-title {
        flex-basis:90%
    }
}

.echo-trending-area .echo-trending-full-content .echo-trending-right-site-post-title h5 {
    font-size: 25px;
    line-height: 40px
}

@media(min-width: 992px)and (max-width:1200px) {
    .echo-trending-area .echo-trending-full-content .echo-trending-right-site-post-title h5 {
        font-size:18px;
        line-height: 33px;
        margin-bottom: 4px
    }
}

@media(min-width: 768px)and (max-width:991px) {
    .echo-trending-area .echo-trending-full-content .echo-trending-right-site-post-title h5 {
        font-size:20px;
        line-height: 35px;
        margin-bottom: 15px
    }
}

@media(max-width: 767px) {
    .echo-trending-area .echo-trending-full-content .echo-trending-right-site-post-title h5 {
        font-size:18px;
        line-height: 28px;
        margin-bottom: 15px
    }
}

.echo-trending-area .echo-trending-full-content .echo-trending-right-site-post-title .echo-trending-post-bottom-icons {
    display: flex;
    gap: 15px;
    justify-content: space-between
}

@media(min-width: 992px)and (max-width:1200px) {
    .echo-trending-area .echo-trending-full-content .echo-trending-right-site-post-title .echo-trending-post-bottom-icons {
        display:block
    }
}

@media(min-width: 768px)and (max-width:991px) {
    .echo-trending-area .echo-trending-full-content .echo-trending-right-site-post-title .echo-trending-post-bottom-icons {
        justify-content:start
    }
}

@media(max-width: 767px) {
    .echo-trending-area .echo-trending-full-content .echo-trending-right-site-post-title .echo-trending-post-bottom-icons {
        justify-content:start
    }
}

.echo-trending-area .echo-trending-full-content .echo-trending-right-site-post-title .echo-trending-post-bottom-icons a {
    display: block
}

.echo-trending-area .echo-trending-full-content .echo-trending-right-site-post-title .echo-trending-post-bottom-icons a i {
    margin-right: 3px
}

.echo-trending-area .echo-trending-full-content .echo-trending-right-site-post .echo-trending-right-site-post-title h4 {
    font-size: 30px;
    line-height: 40px;
    margin: 22px 0
}

@media(min-width: 992px)and (max-width:1200px) {
    .echo-trending-area .echo-trending-full-content .echo-trending-right-site-post .echo-trending-right-site-post-title h4 {
        font-size:25px;
        line-height: 35px
    }
}

@media(min-width: 768px)and (max-width:991px) {
    .echo-trending-area .echo-trending-full-content .echo-trending-right-site-post .echo-trending-right-site-post-title h4 {
        width:70%
    }
}

@media(max-width: 767px) {
    .echo-trending-area .echo-trending-full-content .echo-trending-right-site-post .echo-trending-right-site-post-title h4 {
        font-size:28px;
        line-height: 38px
    }
}

@media(max-width: 500px) {
    .echo-trending-area .echo-trending-full-content .echo-trending-right-site-post .echo-trending-right-site-post-title h4 {
        font-size:18px;
        line-height: 28px
    }
}

.echo-trending-area .echo-trending-full-content .echo-trending-right-site-post .echo-trending-right-site-like-comment-share-icons {
    align-items: center;
    display: flex;
    gap: 20px;
    margin-bottom: 22px
}

@media(min-width: 992px)and (max-width:1200px) {
    .echo-trending-area .echo-trending-full-content .echo-trending-right-site-post .echo-trending-right-site-like-comment-share-icons {
        gap:12px
    }
}

@media(max-width: 767px) {
    .echo-trending-area .echo-trending-full-content .echo-trending-right-site-post .echo-trending-right-site-like-comment-share-icons {
        flex-wrap:wrap;
        gap: 15px
    }
}

@media(max-width: 500px) {
    .echo-trending-area .echo-trending-full-content .echo-trending-right-site-post .echo-trending-right-site-like-comment-share-icons {
        flex-wrap:wrap
    }
}

.echo-trending-area .echo-trending-full-content .echo-trending-right-site-post .echo-trending-right-site-like-comment-share-icons .echo-trending-right-like-comment-content a {
    font-size: 14px
}

.echo-trending-area .echo-trending-full-content .echo-trending-right-site-post .echo-trending-right-site-like-comment-share-icons .echo-trending-right-like-comment-content a i {
    margin: 0 4px
}

.echo-trending-area .echo-trending-full-content.home-three {
    background: #f9f9f9
}

.echo-trending-area .echo-trending-full-content.home-three .section-title {
    border-bottom: 1px solid rgba(94,94,94,.431);
    color: #181823;
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
    padding-bottom: 30px;
    text-align: center;
    text-transform: uppercase
}

.echo-trending-area .echo-trending-full-content.home-three .echo-trending-full-content {
    margin-top: 40px
}

.echo-trending-area .echo-trending-full-content.home-three .echo-trending-full-content .echo-trending-right-site-post {
    text-align: center
}

.echo-trending-area .echo-trending-full-content.home-three .echo-trending-full-content .echo-trending-right-site-post .echo-trending-right-site-like-comment-share-icons {
    justify-content: center
}

.echo-trending-area .echo-trending-full-content.home-three .echo-trending-full-content .echo-trending-left-site-post {
    margin-bottom: 20px
}

.echo-trending-area .echo-trending-full-content.home-three .echo-trending-full-content .echo-trending-left-site-post:first-child {
    margin-top: 0
}

.echo-trending-area .echo-trending-full-content.home-three .echo-trending-full-content .echo-trending-left-site-post .echo-trending-right-site-post-title .content-catagory-tag {
    background: #f05600;
    border-radius: 4px;
    color: #fff;
    font-family: Inter;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    padding: 5px 10px;
    text-align: center;
    text-transform: uppercase
}

.echo-trending-area .echo-trending-full-content.home-three .echo-trending-full-content .echo-trending-left-site-post .echo-trending-right-site-post-title .content-catagory-tag.tech {
    background: #00d971
}

.echo-trending-area .echo-trending-full-content.home-three .echo-trending-full-content .echo-trending-left-site-post h5 {
    line-height: 35px;
    margin-top: 10px
}

.home-one .echo-video-area {
    background-color: var(--color-primary);
    padding-bottom: 90px;
    padding-top: 90px;
    position: relative
}

.home-one .echo-video-area h6 {
    color: #fff;
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 45px;
    position: relative
}

.home-one .echo-video-area h6:after {
    right: 0
}

.home-one .echo-video-area h6:after,.home-one .echo-video-area h6:before {
    background: #fff;
    content: "";
    height: 1px;
    opacity: .5;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40%
}

.home-one .echo-video-area h6:before {
    left: 0
}

.home-one .echo-video-area .echo-full-video-content .echo-video-left-site {
    position: relative
}

.home-one .echo-video-area .echo-full-video-content .echo-video-left-site .echo-video-left-site-text-box {
    background-color: #fff;
    bottom: 0;
    max-width: 470px;
    min-height: 180px;
    padding: 25px 30px;
    position: absolute
}

.home-one .echo-video-area .echo-full-video-content .echo-video-left-site .echo-video-left-site-text-box h5 {
    font-size: 28px;
    line-height: 35px
}

.home-one .echo-video-area .echo-full-video-content .echo-video-left-site .echo-video-left-site-text-box .echo-video-left-site-read-views {
    align-items: center;
    display: flex;
    gap: 22px
}

.home-one .echo-video-area .echo-full-video-content .echo-video-left-site .echo-video-left-site-text-box .echo-video-left-site-read-views a i {
    margin-right: 5px
}

.home-one .echo-video-area .echo-full-video-content .echo-video-left-site .echo-video-left-site-text-box hr {
    margin-bottom: 20px
}

.home-one .echo-video-area .echo-full-video-content .echo-video-left-site .video-play-button {
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-name: videobuttonpopup;
    border-radius: 50%;
    box-sizing: content-box;
    display: block;
    display: flex;
    height: 44px;
    left: 50%;
    padding: 18px 20px 18px 28px;
    position: absolute;
    top: 40%;
    transform: translate(-50%,-50%);
    width: 32px
}

.home-one .echo-video-area .echo-full-video-content .echo-video-left-site .video-play-button span.outer-text {
    border: none;
    color: #fff;
    font-family: Bona Nova;
    font-size: 20px;
    font-weight: 500;
    margin-left: 75px;
    margin-top: -12px;
    min-width: -moz-max-content;
    min-width: max-content;
    position: relative
}

.home-one .echo-video-area .echo-full-video-content .echo-video-left-site .video-play-button:after {
    background: #fff;
    border: .5px solid #fff;
    border-radius: 50%;
    content: "";
    display: block;
    height: 80px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    transition: all .2s;
    width: 80px;
    z-index: 1
}

.home-one .echo-video-area .echo-full-video-content .echo-video-left-site .video-overlay {
    background: rgba(0,0,0,.8);
    bottom: 0;
    display: none;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: all .5s ease;
    z-index: -1
}

.home-one .echo-video-area .echo-full-video-content .echo-video-left-site .video-overlay-close {
    color: #fff;
    cursor: pointer;
    font-size: 36px;
    font-weight: 400;
    line-height: 1;
    position: absolute;
    right: 20px;
    text-decoration: none;
    top: 15px;
    transition: all .2s;
    z-index: 1000
}

.home-one .echo-video-area .echo-full-video-content .echo-video-left-site .video-overlay.open {
    display: block;
    opacity: 1;
    position: fixed;
    z-index: 1000
}

.home-one .echo-video-area .echo-full-video-content .echo-video-left-site .video-play-button span {
    border-bottom: 8px solid transparent;
    border-left: 14px solid var(--color-primary);
    border-top: 8px solid transparent;
    display: block;
    height: 0;
    left: 47%;
    position: relative;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 0;
    z-index: 3
}

.home-one .echo-video-area .echo-full-video-content .echo-video-left-site .video-overlay iframe {
    align-items: center;
    display: flex;
    height: 70%;
    justify-content: center;
    margin: auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: 70%
}

.home-one .echo-video-area .echo-full-video-content .echo-video-right-site-content {
    align-items: center;
    display: flex;
    gap: 30px;
    margin-bottom: 30px
}

.home-one .echo-video-area .echo-full-video-content .echo-video-right-site-content .echo-video-right-site-content-text {
    flex-basis: 50%
}

.home-one .echo-video-area .echo-full-video-content .echo-video-right-site-content .echo-video-right-site-content-text hr {
    color: #fff;
    margin: 0 0 24px
}

.home-one .echo-video-area .echo-full-video-content .echo-video-right-site-content .echo-video-right-site-content-text h5 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 15px
}

@media(max-width: 1200px)and (min-width:992px) {
    .home-one .echo-video-area .echo-full-video-content .echo-video-right-site-content .echo-video-right-site-content-text h5 {
        font-size:16px
    }
}

.home-one .echo-video-area .echo-full-video-content .echo-video-right-site-content .echo-video-right-site-content-text h5 a {
    background-image: linear-gradient(90deg,#fff 50%,transparent 0);
    -webkit-transition: all .5s
}

.home-one .echo-video-area .echo-full-video-content .echo-video-right-site-content .echo-video-right-site-content-text h5 a:hover {
    background-position: 0 100%;
    color: #fff
}

.home-one .echo-video-area .echo-full-video-content .echo-video-right-site-content .echo-video-right-site-content-text a {
    color: #fff
}

.home-one .echo-video-area .echo-full-video-content .echo-video-right-site-content .echo-video-right-site-content-text a i {
    color: #fff;
    margin-right: 6px
}

.home-one .echo-video-area .echo-full-video-content .echo-video-right-site-content .echo-video-right-site-content-video {
    flex-basis: 50%;
    position: relative
}

.home-one .echo-video-area .echo-full-video-content .echo-video-right-site-content .echo-video-right-site-content-video .video-play-button {
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-name: videobuttonpopup;
    border-radius: 50%;
    box-sizing: content-box;
    display: block;
    display: flex;
    height: 44px;
    left: 50%;
    padding: 18px 20px 18px 28px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%) scale(.7);
    width: 32px
}

.home-one .echo-video-area .echo-full-video-content .echo-video-right-site-content .echo-video-right-site-content-video .video-play-button span.outer-text {
    border: none;
    color: #fff;
    font-family: Bona Nova;
    font-size: 20px;
    font-weight: 500;
    margin-left: 75px;
    margin-top: -12px;
    min-width: -moz-max-content;
    min-width: max-content;
    position: relative
}

.home-one .echo-video-area .echo-full-video-content .echo-video-right-site-content .echo-video-right-site-content-video .video-play-button:after {
    background: #fff;
    border: .5px solid #fff;
    border-radius: 50%;
    content: "";
    display: block;
    height: 80px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    transition: all .2s;
    width: 80px;
    z-index: 1
}

.home-one .echo-video-area .echo-full-video-content .echo-video-right-site-content .echo-video-right-site-content-video .video-overlay {
    background: rgba(0,0,0,.8);
    bottom: 0;
    display: none;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: all .5s ease;
    z-index: -1
}

.home-one .echo-video-area .echo-full-video-content .echo-video-right-site-content .echo-video-right-site-content-video .video-overlay-close {
    color: #fff;
    cursor: pointer;
    font-size: 36px;
    font-weight: 400;
    line-height: 1;
    position: absolute;
    right: 20px;
    text-decoration: none;
    top: 15px;
    transition: all .2s;
    z-index: 1000
}

.home-one .echo-video-area .echo-full-video-content .echo-video-right-site-content .echo-video-right-site-content-video .video-overlay.open {
    display: block;
    opacity: 1;
    position: fixed;
    z-index: 1000
}

.home-one .echo-video-area .echo-full-video-content .echo-video-right-site-content .echo-video-right-site-content-video .video-play-button span {
    border-bottom: 8px solid transparent;
    border-left: 14px solid var(--color-primary);
    border-top: 8px solid transparent;
    display: block;
    height: 0;
    left: 47%;
    position: relative;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 0;
    z-index: 3
}

.home-one .echo-video-area .echo-full-video-content .echo-video-right-site-content .echo-video-right-site-content-video .video-overlay iframe {
    align-items: center;
    display: flex;
    height: 70%;
    justify-content: center;
    margin: auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: 70%
}

.home-one .echo-video-area.home-three {
    background: url(../images/home-1/video-left/video-bg.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 120px;
    position: relative;
    z-index: 1
}

.home-one .echo-video-area.home-three .echo-video-area-inner {
    height: 100%;
    position: relative
}

.home-one .echo-video-area.home-three .echo-video-area-inner .banner-content .content-catagory-tag {
    background: #f05600;
    border-radius: 5px;
    color: #fff;
    display: block;
    font-family: Inter;
    font-size: 14px;
    font-weight: 600;
    height: 35px;
    line-height: 35px;
    pointer-events: none;
    text-align: center;
    text-transform: uppercase;
    width: 120px
}

.home-one .echo-video-area.home-three .echo-video-area-inner .banner-content .contents {
    margin-top: 30px
}

.home-one .echo-video-area.home-three .echo-video-area-inner .banner-content .contents .content-title1 {
    color: #fff;
    font-family: Bona Nova;
    font-size: 50px;
    font-weight: 700;
    line-height: 60px;
    margin: 0;
    text-transform: capitalize
}

.home-one .echo-video-area.home-three .echo-video-area-inner .banner-content .contents .content-title1 a {
    background-image: linear-gradient(90deg,#fff 50%,transparent 0);
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: 200% 2px;
    transition: all .5s
}

.home-one .echo-video-area.home-three .echo-video-area-inner .banner-content .contents .content-title1 a:hover {
    background-position: 0 100%;
    color: #fff
}

.home-one .echo-video-area.home-three .echo-video-area-inner .banner-content .contents .desc {
    color: #fff;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    margin-top: 30px;
    opacity: .8
}

.home-one .echo-video-area.home-three .echo-video-area-inner .echo-button-wrapper {
    align-items: center;
    display: flex;
    justify-content: end
}

@media only screen and (max-width: 575px) {
    .home-one .echo-video-area.home-three .echo-video-area-inner .echo-button-wrapper {
        align-items:flex-start;
        flex-direction: column
    }
}

.home-one .echo-video-area.home-three .echo-video-area-inner .echo-button-wrapper .vedio-icone {
    position: relative
}

.home-one .echo-video-area.home-three .echo-video-area-inner .echo-button-wrapper .video-play-button {
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-name: videobuttonpopup;
    border-radius: 50%;
    box-sizing: content-box;
    display: block;
    display: flex;
    height: 44px;
    padding: 18px 20px 18px 28px;
    width: 32px
}

.home-one .echo-video-area.home-three .echo-video-area-inner .echo-button-wrapper .video-play-button span.outer-text {
    border: none;
    color: #fff;
    font-family: Bona Nova;
    font-size: 20px;
    font-weight: 500;
    margin-left: 75px;
    margin-top: -12px;
    min-width: -moz-max-content;
    min-width: max-content;
    position: relative
}

.home-one .echo-video-area.home-three .echo-video-area-inner .echo-button-wrapper .video-play-button:after {
    background: #fff;
    border: .5px solid #fff;
    border-radius: 50%;
    content: "";
    display: block;
    height: 80px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    transition: all .2s;
    width: 80px;
    z-index: 1
}

.home-one .echo-video-area.home-three .echo-video-area-inner .echo-button-wrapper .video-overlay {
    background: rgba(0,0,0,.8);
    bottom: 0;
    display: none;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: all .5s ease;
    z-index: -1
}

.home-one .echo-video-area.home-three .echo-video-area-inner .echo-button-wrapper .video-overlay-close {
    color: #fff;
    cursor: pointer;
    font-size: 36px;
    font-weight: 400;
    line-height: 1;
    position: absolute;
    right: 20px;
    text-decoration: none;
    top: 15px;
    transition: all .2s;
    z-index: 1000
}

.home-one .echo-video-area.home-three .echo-video-area-inner .echo-button-wrapper .video-overlay.open {
    display: block;
    opacity: 1;
    position: fixed;
    z-index: 1000
}

.home-one .echo-video-area.home-three .echo-video-area-inner .echo-button-wrapper .video-play-button span {
    border-bottom: 8px solid transparent;
    border-left: 14px solid #7817f2;
    border-top: 8px solid transparent;
    display: block;
    height: 0;
    left: 47%;
    position: relative;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 0;
    z-index: 3
}

.home-one .echo-video-area.home-three .echo-video-area-inner .echo-button-wrapper .video-overlay iframe {
    align-items: center;
    display: flex;
    height: 70%;
    justify-content: center;
    margin: auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: 70%
}

.home-one .echo-video-area.home-three .echo-video-area-inner .echo-bottom-post-area {
    margin-bottom: -285px;
    margin-top: 130px
}

.home-one .echo-video-area.home-three .echo-video-area-inner .echo-bottom-post-area .wrapper {
    background: #fff;
    border-radius: 20px;
    box-shadow: 30px 30px 60px rgba(0,0,1,.05);
    margin: 0 7px;
    padding: 40px 20px 30px
}

.home-one .echo-video-area.home-three .echo-video-area-inner .echo-bottom-post-area .wrapper .title {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 30px
}

.home-one .echo-video-area.home-three .echo-video-area-inner .echo-bottom-post-area .wrapper .echo-trending-left-site-post {
    align-items: center;
    display: flex;
    gap: 15px;
    margin: 15px 0
}

.home-one .echo-video-area.home-three .echo-video-area-inner .echo-bottom-post-area .wrapper .echo-trending-left-site-post:first-child {
    margin-top: 0
}

.home-one .echo-video-area.home-three .echo-video-area-inner .echo-bottom-post-area .wrapper .echo-trending-left-site-post:last-child {
    margin-bottom: 0
}

.home-one .echo-video-area.home-three .echo-video-area-inner .echo-bottom-post-area .wrapper .echo-trending-left-site-post .echo-trending-left-site-post-img {
    flex-basis: 40%
}

.home-one .echo-video-area.home-three .echo-video-area-inner .echo-bottom-post-area .wrapper .echo-trending-left-site-post .echo-trending-right-site-post-title {
    flex-basis: 60%
}

.home-one .echo-video-area.home-three .echo-video-area-inner .echo-bottom-post-area .wrapper .echo-trending-left-site-post .echo-trending-right-site-post-title h5 {
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 0;
    margin-top: 10px
}

.home-one .echo-video-area.home-three .echo-video-area-inner .echo-bottom-post-area .wrapper .echo-trending-left-site-post .echo-trending-right-site-post-title .content-catagory-tag {
    background: #f05600;
    border-radius: 4px;
    color: #fff;
    font-family: Inter;
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    padding: 5px 10px;
    text-align: center;
    text-transform: uppercase
}

.home-one .echo-video-area.home-three .echo-video-area-inner .echo-bottom-post-area .wrapper .echo-trending-left-site-post .echo-trending-right-site-post-title .content-catagory-tag.tech {
    background: #00d971
}

.echo-de-category-area {
    padding-bottom: 90px;
    padding-top: 90px;
    position: relative
}

.echo-de-category-area .echo-de-category-title-btn {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding-bottom: 40px
}

.echo-de-category-area .echo-de-category-title-btn a {
    border: 1px solid;
    font-family: Bona Nova,serif;
    padding: 15px 20px
}

.echo-de-category-area .echo-de-category-title-btn a:after {
    content: "";
    font-family: Font Awesome\ 6 Pro!important;
    margin-left: 10px
}

.echo-de-category-area .echo-de-category-title-btn h4 {
    font-size: 30px;
    margin-bottom: 0;
    position: relative
}

.echo-de-category-area .echo-de-category-title-btn h4:after {
    background: #5e5e5e;
    content: "";
    height: 1px;
    left: 110%;
    opacity: .5;
    position: absolute;
    top: 22px;
    width: 220%
}

.echo-de-category-area .echo-de-category-content {
    background-color: #f4f4f4;
    padding: 30px
}

.echo-de-category-area .echo-de-category-content .echo-de-category-content-img-title {
    align-items: center;
    display: flex;
    gap: 12px;
    margin: 20px 0
}

.echo-de-category-area .echo-de-category-content .echo-de-category-content-img-title .echo-de-category-content-img {
    flex-basis: 40%
}

.echo-de-category-area .echo-de-category-content .echo-de-category-content-img-title .echo-de-category-content-img a img {
    width: 100%
}

.echo-de-category-area .echo-de-category-content .echo-de-category-content-img-title .echo-de-category-content-title {
    flex-basis: 58%
}

.echo-de-category-area .echo-de-category-content .echo-de-category-content-img-title .echo-de-category-content-title h6 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 8px
}

.echo-de-category-area .echo-de-category-content .echo-de-category-content-img-title .echo-de-category-read a {
    font-size: 14px
}

.echo-de-category-area .echo-de-category-content .echo-de-category-content-img-title .echo-de-category-read a i {
    margin-right: 4px
}

.echo-de-category-area .echo-de-category-content .echo-de-category-show-more-btn {
    margin-top: 30px
}

.echo-de-category-area .echo-de-category-content .echo-de-category-show-more-btn a {
    border: 1px solid;
    display: block;
    font-family: Bona Nova,serif;
    opacity: .8;
    padding: 8px 0;
    text-align: center
}

.echo-de-category-area .echo-de-category-content .echo-de-category-show-more-btn a:after {
    content: "";
    font-family: Font Awesome\ 6 Pro!important;
    margin-left: 10px
}

.echo-feature-area {
    background-color: #f9f9f9;
    padding-bottom: 90px;
    padding-top: 90px
}

.echo-feature-area .echo-feature-area-site-title .echo-feature-area-post hr {
    margin: 0
}

.echo-feature-area .echo-feature-area-site-title h4 {
    font-size: 30px;
    position: relative
}

.echo-feature-area .echo-feature-area-site-title h4:after {
    background: rgba(94,94,94,.5);
    content: "";
    height: 1px;
    opacity: .5;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 72%
}

.echo-feature-area .echo-feature-area-site-title .echo-feature-area-post-img a img {
    width: 100%
}

.echo-feature-area .echo-feature-area-site-title .echo-feature-area-post-hins h5 {
    margin-bottom: 14px;
    margin-top: 25px
}

.echo-feature-area .echo-feature-area-site-title .echo-feature-area-read-view {
    display: flex;
    gap: 15px;
    margin-top: 15px
}

.echo-feature-area .echo-feature-area-site-title .echo-feature-area-read-view a {
    font-size: 14px
}

.echo-feature-area .echo-feature-area-site-title .echo-feature-area-read-view a i {
    font-size: 15px;
    margin-right: 4px
}

.echo-feature-area .echo-feature-area-option {
    margin-top: 30px
}

.echo-feature-area .echo-feature-area-option .echo-feature-area-option-content {
    align-items: center;
    background-color: #fff;
    display: flex;
    padding: 25px
}

.echo-feature-area .echo-feature-area-option .echo-feature-area-option-content .echo-feature-area-option-number {
    flex-basis: 28%
}

.echo-feature-area .echo-feature-area-option .echo-feature-area-option-content .echo-feature-area-option-number h3 {
    color: var(--body-color);
    font-size: 60px;
    font-weight: 400;
    line-height: 70px;
    margin-bottom: 25px;
    opacity: .5
}

.echo-feature-area .echo-feature-area-option .echo-feature-area-option-content .echo-feature-area-option-content-text {
    flex-basis: 90%
}

.echo-feature-area .echo-feature-area-option .echo-feature-area-option-content .echo-feature-area-option-content-text h5 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 10px
}

.echo-feature-area .echo-feature-area-option .echo-feature-area-option-content .echo-feature-area-option-content-text .echo-feature-area-option-read-more a {
    font-size: 14px
}

.echo-feature-area .echo-feature-area-option .echo-feature-area-option-content .echo-feature-area-option-content-text .echo-feature-area-option-read-more a i {
    font-size: 15px;
    margin-right: 4px
}

.echo-feature-area .echo-feature-area-last-news {
    margin-top: 40px
}

.echo-feature-area .echo-feature-area-last-news .echo-feature-area-last-content {
    align-items: center;
    display: flex;
    gap: 30px
}

.echo-feature-area .echo-feature-area-last-news .echo-feature-area-last-content .echo-feature-area-last-content-img,.echo-feature-area .echo-feature-area-last-news .echo-feature-area-last-content .echo-feature-area-last-content-text {
    flex-basis: 50%
}

.echo-feature-area .echo-feature-area-last-news .echo-feature-area-last-content .echo-feature-area-last-content-text h3 {
    font-size: 40px;
    line-height: 50px
}

.echo-feature-area .echo-feature-area-last-news .echo-feature-area-last-content .echo-feature-area-last-content-text .echo-feature-area-last-content-read-view {
    display: flex;
    gap: 20px
}

.echo-feature-area .echo-feature-area-last-news .echo-feature-area-last-content .echo-feature-area-last-content-text .echo-feature-area-last-content-read-view a {
    font-size: 14px
}

.echo-feature-area .echo-feature-area-last-news .echo-feature-area-last-content .echo-feature-area-last-content-text .echo-feature-area-last-content-read-view a i {
    font-size: 15px;
    margin-right: 4px
}

.echo-feature-area .echo-feature-area-right-site-follower {
    background-color: #fff;
    margin-top: 0;
    padding: 30px
}

.echo-feature-area .echo-feature-area-right-site-follower ul {
    display: flex;
    flex-wrap: wrap
}

.echo-feature-area .echo-feature-area-right-site-follower ul li {
    border-bottom: 1px solid rgba(94,94,94,.5);
    font-size: 16px;
    margin: 0;
    padding-top: 20px;
    width: 50%
}

.echo-feature-area .echo-feature-area-right-site-follower ul li a {
    align-items: center;
    display: inline-flex;
    gap: 10px;
    margin-bottom: 15px
}

.echo-feature-area .echo-feature-area-right-site-follower ul li a:last-child {
    gap: 5px
}

.echo-feature-area .echo-feature-area-right-site-follower ul li:nth-child(5),.echo-feature-area .echo-feature-area-right-site-follower ul li:nth-child(6) {
    border-bottom: none
}

.echo-feature-area .echo-feature-area-right-site-follower ul li:first-child,.echo-feature-area .echo-feature-area-right-site-follower ul li:nth-child(3),.echo-feature-area .echo-feature-area-right-site-follower ul li:nth-child(5) {
    border-right: 1px solid rgba(94,94,94,.5)
}

.echo-feature-area .echo-feature-area-right-site-follower ul li:nth-child(2),.echo-feature-area .echo-feature-area-right-site-follower ul li:nth-child(4) {
    padding-left: 15px
}

.echo-feature-area .echo-feature-area-right-site-follower ul li:nth-child(6) {
    padding-left: 7px
}

.echo-feature-area .echo-feature-area-right-site-follower ul li:first-child,.echo-feature-area .echo-feature-area-right-site-follower ul li:nth-child(2) {
    padding-top: 0
}

.echo-feature-area .echo-feature-area-right-site-follower ul li:nth-child(5),.echo-feature-area .echo-feature-area-right-site-follower ul li:nth-child(6) {
    padding-bottom: 0
}

.echo-feature-area .echo-feature-area-right-site-full-content {
    background-color: #fff;
    margin-top: 30px;
    padding: 30px 25px 55px
}

.echo-feature-area .echo-feature-area-right-site-full-content hr {
    margin-top: 60px
}

.echo-feature-area .echo-feature-area-right-site-full-content .echo-feature-area-right-site-audio-news {
    display: flex;
    gap: 10px
}

.echo-feature-area .echo-feature-area-right-site-full-content .echo-feature-area-right-site-audio-news .echo-feature-area-right-img {
    flex-basis: 25%
}

.echo-feature-area .echo-feature-area-right-site-full-content .echo-feature-area-right-site-audio-news .echo-feature-area-right-img a img {
    width: 100%
}

.echo-feature-area .echo-feature-area-right-site-full-content .echo-feature-area-right-site-audio-news .echo-feature-area-right-audio-text {
    flex-basis: 75%
}

.echo-feature-area .echo-feature-area-right-site-full-content .echo-feature-area-right-site-audio-news .echo-feature-area-right-audio-text h5 {
    font-size: 20px;
    line-height: 30px
}

.echo-feature-area .echo-feature-area-right-site-full-content .echo-feature-area-right-site-audio-news .echo-feature-area-right-audio-text .echo-feature-area-right-site-audio-main-contetn {
    margin-top: 25px
}

.echo-feature-area .echo-feature-area-right-site-full-content .echo-feature-area-right-site-audio-news .echo-feature-area-right-audio-text .echo-feature-area-right-site-audio-main-contetn .audioplayer {
    display: block;
    height: 67px;
    margin: -3em -14px;
    width: 70%
}

.echo-feature-area .echo-feature-area-right-site-full-content .echo-feature-area-right-site-audio-news .echo-feature-area-right-audio-text .echo-feature-area-right-site-audio-main-contetn .audioplayer:not(.audioplayer-playing) .audioplayer-playpause a {
    border: 7px solid transparent;
    border-left: 12px solid #5e5e5e;
    border-right: none;
    content: "";
    height: 0;
    justify-content: center;
    margin-left: 2px;
    width: 0
}

.echo-feature-area .echo-feature-area-right-site-full-content .echo-feature-area-right-site-audio-news .echo-feature-area-right-audio-text .echo-feature-area-right-site-audio-main-contetn .audioplayer:not(.audioplayer-playing) .audioplayer-bar-played:after {
    border: 2px solid #bec8d2
}

.echo-feature-area .echo-feature-area-right-site-full-content .echo-feature-area-right-site-audio-news .echo-feature-area-right-audio-text .echo-feature-area-right-site-audio-main-contetn .audioplayer:not(.audioplayer-mute) .audioplayer-volume-button a:after {
    border: 6px double #9a9fb0;
    border-radius: 0 12px 0 0;
    border-width: 6px 6px 0 0;
    height: 12px;
    left: 10px;
    top: -1px;
    transform: rotate(45deg);
    width: 12px
}

.echo-feature-area .echo-feature-area-right-site-full-content .echo-feature-area-right-site-audio-news .echo-feature-area-right-audio-text .echo-feature-area-right-site-audio-main-contetn .audioplayer-playpause {
    align-items: center;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 30px;
    justify-content: center;
    transition: all .2s ease-in-out;
    width: 48px
}

.echo-feature-area .echo-feature-area-right-site-full-content .echo-feature-area-right-site-audio-news .echo-feature-area-right-audio-text .echo-feature-area-right-site-audio-main-contetn .audioplayer-playing .audioplayer-playpause {
    background: rgba(253,79,26,0)
}

.echo-feature-area .echo-feature-area-right-site-full-content .echo-feature-area-right-site-audio-news .echo-feature-area-right-audio-text .echo-feature-area-right-site-audio-main-contetn .audioplayer-playing .audioplayer-playpause a {
    content: "";
    display: flex;
    height: 14px;
    justify-content: space-between;
    width: 12px
}

.echo-feature-area .echo-feature-area-right-site-full-content .echo-feature-area-right-site-audio-news .echo-feature-area-right-audio-text .echo-feature-area-right-site-audio-main-contetn .audioplayer-playing .audioplayer-playpause a:after,.echo-feature-area .echo-feature-area-right-site-full-content .echo-feature-area-right-site-audio-news .echo-feature-area-right-audio-text .echo-feature-area-right-site-audio-main-contetn .audioplayer-playing .audioplayer-playpause a:before {
    background-color: var(--color-primary);
    content: "";
    height: 14px;
    width: 4px
}

.echo-feature-area .echo-feature-area-right-site-full-content .echo-feature-area-right-site-audio-news .echo-feature-area-right-audio-text .echo-feature-area-right-site-audio-main-contetn .audioplayer-playing .audioplayer-bar-played:after {
    border: 2px solid #0059ff
}

.echo-feature-area .echo-feature-area-right-site-full-content .echo-feature-area-right-site-audio-news .echo-feature-area-right-audio-text .echo-feature-area-right-site-audio-main-contetn .audioplayer-time {
    color: rgba(51,51,51,.6);
    display: flex;
    font-size: 12px;
    justify-content: center;
    width: 40px
}

.echo-feature-area .echo-feature-area-right-site-full-content .echo-feature-area-right-site-audio-news .echo-feature-area-right-audio-text .echo-feature-area-right-site-audio-main-contetn .audioplayer-time-current {
    font-size: 15px;
    margin-bottom: 6px;
    margin-left: 14px;
    margin-top: 4px
}

.echo-feature-area .echo-feature-area-right-site-full-content .echo-feature-area-right-site-audio-news .echo-feature-area-right-audio-text .echo-feature-area-right-site-audio-main-contetn .audioplayer-time-duration {
    display: none;
    margin-right: 24px
}

.echo-feature-area .echo-feature-area-right-site-full-content .echo-feature-area-right-site-audio-news .echo-feature-area-right-audio-text .echo-feature-area-right-site-audio-main-contetn .audioplayer-bar {
    cursor: pointer;
    display: flex;
    flex-basis: 0;
    flex-grow: 1;
    height: 12px;
    margin: 0 12px;
    position: relative
}

.echo-feature-area .echo-feature-area-right-site-full-content .echo-feature-area-right-site-audio-news .echo-feature-area-right-audio-text .echo-feature-area-right-site-audio-main-contetn .audioplayer-bar:before {
    background-color: #dde2e6;
    content: "";
    display: none;
    height: 2px;
    position: absolute;
    top: 5px;
    width: 100%
}

.echo-feature-area .echo-feature-area-right-site-full-content .echo-feature-area-right-site-audio-news .echo-feature-area-right-audio-text .echo-feature-area-right-site-audio-main-contetn .audioplayer-bar>div {
    left: 35px;
    position: absolute;
    top: -50px
}

.echo-feature-area .echo-feature-area-right-site-full-content .echo-feature-area-right-site-audio-news .echo-feature-area-right-audio-text .echo-feature-area-right-site-audio-main-contetn .audioplayer-bar-loaded {
    background: #bec8d2;
    height: 2px;
    z-index: 1
}

.echo-feature-area .echo-feature-area-right-site-full-content .echo-feature-area-right-site-audio-news .echo-feature-area-right-audio-text .echo-feature-area-right-site-audio-main-contetn .audioplayer-bar-played {
    background: -webkit-linear-gradient(left,#0059ff,#09b1fa);
    flex-direction: row-reverse;
    height: 2px;
    z-index: 2
}

.echo-feature-area .echo-feature-area-right-site-full-content .echo-feature-area-right-site-audio-news .echo-feature-area-right-audio-text .echo-feature-area-right-site-audio-main-contetn .audioplayer-bar-played:after {
    background-color: #fff;
    border-radius: 6px;
    box-sizing: border-box;
    content: "";
    display: flex;
    height: 12px;
    margin-right: -5px;
    position: absolute;
    right: -1px;
    top: -5px;
    width: 12px
}

.echo-feature-area .echo-feature-area-right-site-full-content .echo-feature-area-right-site-audio-news .echo-feature-area-right-audio-text .echo-feature-area-right-site-audio-main-contetn .audioplayer-volume-button {
    position: relative
}

.echo-feature-area .echo-feature-area-right-site-full-content .echo-feature-area-right-site-audio-news .echo-feature-area-right-audio-text .echo-feature-area-right-site-audio-main-contetn .audioplayer-volume-button a {
    background-color: #5e5e5e;
    height: 8px;
    position: absolute;
    right: -38px;
    top: -66px;
    width: 6px
}

.echo-feature-area .echo-feature-area-right-site-full-content .echo-feature-area-right-site-audio-news .echo-feature-area-right-audio-text .echo-feature-area-right-site-audio-main-contetn .audioplayer-volume-button a:before {
    border: 8px solid transparent;
    border-left: none;
    border-right: 9px solid #5e5e5e;
    content: "";
    height: 0;
    position: absolute;
    top: -4px;
    width: 0
}

.echo-feature-area .echo-feature-area-right-site-full-content .echo-feature-area-right-site-audio-news .echo-feature-area-right-audio-text .echo-feature-area-right-site-audio-main-contetn .audioplayer-volume-button a:after {
    content: "";
    position: absolute
}

.echo-feature-area .echo-feature-area-right-site-full-content .echo-feature-area-right-site-audio-news .echo-feature-area-right-audio-text .echo-feature-area-right-site-audio-main-contetn .audioplayer-mute .audioplayer-volume-button a {
    background-color: var(--color-primary)
}

.echo-feature-area .echo-feature-area-right-site-full-content .echo-feature-area-right-site-audio-news .echo-feature-area-right-audio-text .echo-feature-area-right-site-audio-main-contetn .audioplayer-mute .audioplayer-volume-button a:before {
    border-right: 9px solid
}

.echo-feature-area .echo-feature-area-right-site-full-content .echo-feature-area-right-site-audio-news .echo-feature-area-right-audio-text .echo-feature-area-right-site-audio-main-contetn .audioplayer-volume-adjust {
    align-items: center;
    display: flex;
    margin-left: 8px
}

.echo-feature-area .echo-feature-area-right-site-full-content .echo-feature-area-right-site-audio-news .echo-feature-area-right-audio-text .echo-feature-area-right-site-audio-main-contetn .audioplayer-volume-adjust>div {
    background-color: #bec8d2;
    cursor: pointer;
    display: none;
    height: 2px;
    position: relative;
    width: 60px
}

.echo-feature-area .echo-feature-area-right-site-full-content .echo-feature-area-right-site-audio-news .echo-feature-area-right-audio-text .echo-feature-area-right-site-audio-main-contetn .audioplayer-volume-adjust div div {
    background-color: #0059ff;
    height: 2px;
    left: 0;
    position: absolute;
    top: 0
}

@media screen and (max-width: 679px) {
    .echo-feature-area .echo-feature-area-right-site-full-content .echo-feature-area-right-site-audio-news .echo-feature-area-right-audio-text .echo-feature-area-right-site-audio-main-contetn .audioplayer-volume-adjust {
        display:none
    }
}

.echo-feature-area .echo-feature-area-right-site-newsletter {
    background-color: #fff;
    margin-top: 35px;
    padding: 30px 25px 40px
}

.echo-feature-area .echo-feature-area-right-site-newsletter .echo-feature-area-rigth-site-newsletter-title {
    margin-bottom: 30px
}

.echo-feature-area .echo-feature-area-right-site-newsletter .echo-feature-area-rigth-site-newsletter-title h5 {
    margin: 0
}

.echo-feature-area .echo-feature-area-right-site-newsletter .echo-feature-area-right-site-sub-title {
    margin-bottom: 16px;
    margin-top: 20px
}

.echo-feature-area .echo-feature-area-right-site-newsletter .echo-feature-area-right-site-sub-title p {
    color: #5e5e5e;
    font-family: Bona Nova,serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    margin: 0
}

.echo-feature-area .echo-feature-area-right-site-newsletter .echo-feature-area-right-site-news-subscribe form {
    position: relative
}

.echo-feature-area .echo-feature-area-right-site-newsletter .echo-feature-area-right-site-news-subscribe form .echo-feature-area-right-site-input-box:before {
    content: "";
    font-family: Font Awesome\ 6 Pro!important;
    left: 12px;
    position: absolute;
    top: 24%
}

.echo-feature-area .echo-feature-area-right-site-newsletter .echo-feature-area-right-site-news-subscribe form .echo-feature-area-right-site-input-box input[type=email] {
    border: 1px solid #5e5e5e;
    opacity: .5;
    padding: 8px 0 8px 35px;
    width: 255px
}

.echo-feature-area .echo-feature-area-right-site-newsletter .echo-feature-area-right-site-news-subscribe form .echo-feature-area-right-site-input-box button {
    background-color: #181823;
    margin-left: -4px;
    padding: 13px 0;
    position: absolute;
    transition: all .3s ease-in;
    width: 60px
}

.echo-feature-area .echo-feature-area-right-site-newsletter .echo-feature-area-right-site-news-subscribe form .echo-feature-area-right-site-input-box button:hover {
    background-color: var(--color-primary)
}

.echo-feature-area .echo-feature-area-right-site-newsletter .echo-feature-area-right-site-news-subscribe form .echo-feature-area-right-site-input-box button i {
    color: #fff;
    font-size: 16px
}

.echo-feature-area.home-three {
    background: #7817f2;
    padding: 80px 0;
    position: relative;
    z-index: 1
}

.echo-feature-area.home-three:before {
    background-image: url(../images/shape/feature-bg-shape.png);
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    content: "";
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: -1
}

.echo-feature-area.home-three .echo-feature-area-content .section-title {
    border-bottom: 1px solid hsla(0,0%,100%,.369);
    color: #fff;
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 0;
    padding-bottom: 25px;
    text-align: center;
    text-transform: uppercase
}

.echo-feature-area.home-three .echo-feature-area-content .echo-feature-full-content {
    margin-top: 40px
}

.echo-feature-area.home-three .echo-feature-area-content .echo-feature-full-content .echo-feature-area-site-title .echo-feature-area-last-news {
    margin-top: 0
}

.echo-feature-area.home-three .echo-feature-area-content .echo-feature-full-content .echo-feature-area-site-title .echo-feature-area-last-news .echo-feature-area-last-content .echo-feature-area-last-content-text .content-catagory-tag {
    background: #f05600;
    border-radius: 4px;
    color: #fff;
    font-family: Inter;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    padding: 5px 10px;
    text-align: center;
    text-transform: uppercase
}

.echo-feature-area.home-three .echo-feature-area-content .echo-feature-full-content .echo-feature-area-site-title .echo-feature-area-last-news .echo-feature-area-last-content .echo-feature-area-last-content-text .content-catagory-tag.tech {
    background: #00d971
}

.echo-feature-area.home-three .echo-feature-area-content .echo-feature-full-content .echo-feature-area-site-title .echo-feature-area-last-news .echo-feature-area-last-content .echo-feature-area-last-content-text h3 {
    color: #fff;
    margin-top: 20px
}

.echo-feature-area.home-three .echo-feature-area-content .echo-feature-full-content .echo-feature-area-site-title .echo-feature-area-last-news .echo-feature-area-last-content .echo-feature-area-last-content-text h3 a,.echo-feature-area.home-three .echo-feature-area-content .echo-feature-full-content .echo-feature-area-site-title .echo-feature-area-last-news .echo-feature-area-last-content .echo-feature-area-last-content-text h3 a:hover {
    background-image: linear-gradient(90deg,#fff 50%,transparent 0);
    color: #fff
}

.echo-feature-area.home-three .echo-feature-area-content .echo-feature-full-content .echo-feature-area-site-title .echo-feature-area-last-news .echo-feature-area-last-content .echo-feature-area-last-content-text .echo-feature-area-last-content-read-view a {
    color: #fff
}

.echo-feature-area.home-three .echo-feature-area-content .echo-feature-full-content .echo-feature-area-right-site-follower {
    border-radius: 10px;
    margin-bottom: 30px;
    margin-top: 0;
    padding: 40px 22px
}

.echo-feature-area.home-three .echo-feature-area-content .echo-feature-full-content .echo-feature-area-right-site-follower h5 {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 30px;
    text-transform: uppercase
}

.echo-feature-area.home-three .echo-feature-area-content .echo-feature-full-content .echo-feature-area-right-site-follower .list-unstyled {
    margin-bottom: 0
}

.echo-feature-area.home-three .echo-feature-area-content .echo-feature-full-content .echo-feature-area-right-site-full-content {
    border-radius: 10px;
    margin-top: 0;
    padding: 30px 25px
}

.echo-feature-area.home-three .echo-feature-area-content .echo-feature-full-content .echo-feature-area-right-site-full-content .content-box ul {
    margin: 0;
    padding: 0
}

.echo-feature-area.home-three .echo-feature-area-content .echo-feature-full-content .echo-feature-area-right-site-full-content .content-box ul .wrapper {
    align-items: center;
    display: flex;
    gap: 15px;
    list-style: none;
    margin-bottom: 25px
}

.echo-feature-area.home-three .echo-feature-area-content .echo-feature-full-content .echo-feature-area-right-site-full-content .content-box ul .wrapper:last-child {
    margin-bottom: 0
}

.echo-feature-area.home-three .echo-feature-area-content .echo-feature-full-content .echo-feature-area-right-site-full-content .content-box ul .wrapper .image-area {
    flex-basis: 35%
}

.echo-feature-area.home-three .echo-feature-area-content .echo-feature-full-content .echo-feature-area-right-site-full-content .content-box ul .wrapper .image-area img {
    width: 100%
}

.echo-feature-area.home-three .echo-feature-area-content .echo-feature-full-content .echo-feature-area-right-site-full-content .content-box ul .wrapper .content {
    flex-basis: 65%
}

.echo-feature-area.home-three .echo-feature-area-content .echo-feature-full-content .echo-feature-area-right-site-full-content .content-box ul .wrapper .content .content-catagory-tag {
    background: #f05600;
    border-radius: 4px;
    color: #fff;
    font-family: Inter;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    padding: 5px 10px;
    text-align: center;
    text-transform: uppercase
}

.echo-feature-area.home-three .echo-feature-area-content .echo-feature-full-content .echo-feature-area-right-site-full-content .content-box ul .wrapper .content .content-catagory-tag.tech {
    background: #00d971
}

.echo-feature-area.home-three .echo-feature-area-content .echo-feature-full-content .echo-feature-area-right-site-full-content .content-box ul .wrapper .content .content-title1 {
    color: #000;
    font-family: Bona Nova;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 10px;
    margin-top: 10px;
    text-transform: capitalize
}

.echo-feature-area.home-three .echo-feature-area-content .echo-feature-full-content .echo-feature-area-right-site-full-content .content-box ul .wrapper .content .content-title1 a {
    background-image: linear-gradient(90deg,#000 50%,transparent 0);
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: 200% 1px;
    transition: all .5s
}

.echo-feature-area.home-three .echo-feature-area-content .echo-feature-full-content .echo-feature-area-right-site-full-content .content-box ul .wrapper .content .content-title1 a:hover {
    background-position: 0 100%;
    color: #000
}

.echo-popular-news-area {
    padding-bottom: 90px;
    padding-top: 90px
}

.echo-popular-news-area .echo-popular-area-title {
    margin-bottom: 38px
}

.echo-popular-news-area .echo-popular-area-title h4 {
    font-size: 30px;
    position: relative
}

.echo-popular-news-area .echo-popular-area-title h4:after {
    right: 0
}

.echo-popular-news-area .echo-popular-area-title h4:after,.echo-popular-news-area .echo-popular-area-title h4:before {
    background-color: #5e5e5e;
    content: "";
    height: 1px;
    opacity: .5;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 32.5%
}

.echo-popular-news-area .echo-popular-area-title h4:before {
    left: 0
}

.echo-popular-news-area .echo-popular-area-img a img {
    width: 100%
}

.echo-popular-news-area .echo-popular-area-item-title {
    margin: 20px 0
}

.echo-popular-news-area .echo-popular-area-item-title h5 {
    font-size: 25px;
    line-height: 35px;
    margin: 0
}

.echo-popular-news-area .echo-popular-area-read-view {
    align-items: center;
    display: flex;
    gap: 20px;
    justify-content: center
}

.echo-popular-news-area .echo-popular-area-read-view a {
    font-size: 14px
}

.echo-popular-news-area .echo-popular-area-read-view a i {
    font-size: 15px;
    margin-right: 6px
}

.echo-catagories-area {
    padding: 100px 0
}

.echo-catagories-area .echo-catagories-area-content .title-area {
    margin-bottom: 0;
    position: relative
}

.echo-catagories-area .echo-catagories-area-content .title-area .section-title {
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 0;
    text-transform: uppercase
}

.echo-catagories-area .echo-catagories-area-content .title-area .swiper-btn {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.echo-catagories-area .echo-catagories-area-content .title-area .swiper-btn .swiper-button-next,.echo-catagories-area .echo-catagories-area-content .title-area .swiper-btn .swiper-button-prev {
    border-radius: 10px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    width: 46px
}

.echo-catagories-area .echo-catagories-area-content .title-area .swiper-btn .swiper-button-next:after,.echo-catagories-area .echo-catagories-area-content .title-area .swiper-btn .swiper-button-prev:after {
    display: none
}

.echo-catagories-area .echo-catagories-area-content .title-area .swiper-btn .swiper-button-prev {
    color: #5e5e5e;
    left: auto;
    right: 60px;
    transition: all .4s
}

.echo-catagories-area .echo-catagories-area-content .title-area .swiper-btn .swiper-button-prev:hover {
    background: #7817f2;
    color: #fff
}

.echo-catagories-area .echo-catagories-area-content .title-area .swiper-btn .swiper-button-next {
    background: #7817f2;
    color: #fff;
    transition: all .4s
}

.echo-catagories-area .echo-catagories-area-content .title-area .swiper-btn .swiper-button-next:hover {
    background: none;
    color: #5e5e5e
}

.echo-catagories-area .echo-catagories-area-content .echo-catagories-inner {
    margin-top: 50px
}

.echo-catagories-area .echo-catagories-area-content .echo-latest-news-img {
    border-radius: 20px;
    position: relative;
    z-index: 1
}

.echo-catagories-area .echo-catagories-area-content .echo-latest-news-img:before {
    background: rgba(30,0,69,.7);
    border-radius: 20px;
    content: "";
    height: 100%;
    left: 0;
    mix-blend-mode: hard-light;
    opacity: .7;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.echo-catagories-area .echo-catagories-area-content .echo-latest-news-img .image-content {
    left: 50%;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 1
}

.echo-catagories-area .echo-catagories-area-content .echo-latest-news-img .image-content .title {
    color: #fff;
    font-size: 25px;
    font-weight: 700;
    line-height: 35px;
    margin-bottom: 10px
}

.echo-catagories-area .echo-catagories-area-content .echo-latest-news-img .image-content .desc {
    color: hsla(0,0%,100%,.8);
    font-size: 14px;
    font-weight: 400;
    line-height: 22px
}

.echo-cta-area {
    padding: 60px 0
}

.echo-home-2-feature-area {
    padding-bottom: 75px
}

.echo-home-2-feature-area .echo-home-2-feature-area-content {
    background-color: #181823;
    padding-bottom: 75px;
    padding-top: 85px
}

.echo-home-2-feature-area .echo-home-2-title {
    margin-bottom: 40px
}

.echo-home-2-feature-area .echo-home-2-title .echo-home-2-main-title {
    text-align: center
}

.echo-home-2-feature-area .echo-home-2-title .echo-home-2-main-title h4 {
    color: #fff;
    margin: 0;
    position: relative
}

.echo-home-2-feature-area .echo-home-2-title .echo-home-2-main-title h4:after {
    background-color: #5e5e5e;
    content: "";
    height: 1px;
    position: absolute;
    right: 0;
    top: 45%;
    width: 37%
}

.echo-home-2-feature-area .echo-home-2-title .echo-home-2-main-title h4:before {
    background-color: #5e5e5e;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 45%;
    width: 37%
}

.echo-home-2-feature-area .echo-feature-content .echo-feature-main-content .echo-feature-area-img {
    position: relative
}

.echo-home-2-feature-area .echo-feature-content .echo-feature-main-content .echo-feature-area-img .echo-feature-area-home-2-post a img {
    width: 100%
}

.echo-home-2-feature-area .echo-feature-content .echo-feature-main-content .echo-feature-area-img .echo-feature-area-shep {
    bottom: -10px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%)
}

.echo-home-2-feature-area .echo-feature-content .echo-feature-main-content .echo-feature-area-post-title {
    margin-bottom: 15px;
    margin-top: 30px
}

.echo-home-2-feature-area .echo-feature-content .echo-feature-main-content .echo-feature-area-post-title h4 {
    color: #fff;
    font-size: 30px;
    line-height: 40px;
    margin: 0;
    text-align: center
}

.echo-home-2-feature-area .echo-feature-content .echo-feature-main-content .echo-feature-area-post-title h4 .title-hover {
    background-image: linear-gradient(90deg,#fff 50%,transparent 0)
}

.echo-home-2-feature-area .echo-feature-content .echo-feature-main-content .echo-feature-area-post-title h4 .title-hover:hover {
    color: #fff
}

.echo-home-2-feature-area .echo-feature-content .echo-feature-main-content .echo-feature-area-post-title p {
    color: hsla(0,0%,100%,.8);
    font-size: 16px;
    line-height: 26px;
    margin: 15px 0 0;
    text-align: center
}

.echo-home-2-feature-area .echo-feature-content .echo-feature-main-content .home-2-read-more-btn {
    text-align: center
}

.echo-popular-area .echo-popular-content .echo-popular-full-content .echo-home-2-title {
    margin-bottom: 45px
}

.echo-popular-area .echo-popular-content .echo-popular-full-content .echo-home-2-title h4 {
    font-size: 30px;
    line-height: 40px;
    margin: 0
}

.echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-popular-tabing-btn .echo-popular-tab-button {
    border-bottom: 1px solid rgba(94,94,94,.5);
    margin: 0;
    padding: 0
}

.echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-popular-tabing-btn .echo-popular-tab-button li {
    display: inline-block;
    margin: 0 20px;
    position: relative
}

.echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-popular-tabing-btn .echo-popular-tab-button li:after {
    background-color: #5e5e5e;
    content: "";
    height: 15px;
    position: absolute;
    right: -20px;
    top: 6px;
    transform: rotate(20deg);
    width: 1px
}

.echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-popular-tabing-btn .echo-popular-tab-button li:first-child {
    margin-left: 0
}

.echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-popular-tabing-btn .echo-popular-tab-button li:nth-child(7) {
    margin-right: 0
}

.echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-popular-tabing-btn .echo-popular-tab-button li:nth-child(7):after {
    display: none
}

.echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-popular-tabing-btn .echo-popular-tab-button li button:first-child {
    margin-left: 0;
    padding-left: 0;
    text-align: left
}

.echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-popular-tabing-btn .echo-popular-tab-button li button:last-child {
    margin-right: 0;
    padding-right: 0
}

.echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-popular-tabing-btn .echo-popular-tab-button li button:last-child:after {
    display: none
}

.echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-popular-tabing-btn .echo-popular-tab-button li button {
    border-bottom: 1.5px solid transparent;
    margin: 0 10px;
    padding-bottom: 10px;
    position: relative;
    transition: all .3s ease
}

.echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-popular-tabing-btn .echo-popular-tab-button li button:hover:before {
    transform: scale(1)
}

.echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-popular-tabing-btn .echo-popular-tab-button li button:before {
    background: #f05600;
    bottom: -2px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    transform: scale(0);
    transition: all .4s;
    width: 100%
}

.echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-popular-tabing-btn .echo-popular-tab-button li button.active {
    color: #181823;
    font-weight: 500
}

.echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-popular-tabing-btn .echo-popular-tab-button li button.active:before {
    transform: scale(1)
}

.echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-popular-tabing-item-frist-row {
    margin-top: 40px
}

.echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-popular-tabing-item-frist-row .echo-popular-left-jt-heading {
    margin-top: 20px
}

.echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-popular-tabing-item-frist-row .echo-popular-left-jt-heading h3 {
    font-size: 40px;
    line-height: 50px;
    margin: 0
}

.echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-popular-tabing-item-frist-row .echo-popular-left-jt-heading p {
    margin-bottom: 20px;
    margin-top: 15px
}

.echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-popular-tabing-item-second-row {
    margin-top: 30px;
    padding-bottom: 30px
}

.echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-popular-tabing-item-second-row .echo-popular-left-bt-contetn .echo-popular-left-bt-img {
    position: relative
}

.echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-popular-tabing-item-second-row .echo-popular-left-bt-contetn .echo-popular-left-bt-img .echo-popular-bt-area-shep {
    bottom: -10px;
    left: 50%;
    position: absolute;
    transform: translate(-50%)
}

.echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-popular-tabing-item-second-row .echo-popular-left-bt-title {
    margin-top: 30px
}

.echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-popular-tabing-item-second-row .echo-popular-left-bt-title h4 {
    font-size: 30px;
    line-height: 40px;
    margin: 0
}

.echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-popular-tabing-item-second-row .echo-popular-left-bt-title p {
    margin: 20px 0
}

.echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-popular-item-category {
    border-top: 1px solid rgba(94,94,94,.5);
    padding-top: 30px
}

.echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-popular-item-category .echo-popular-cat-content {
    align-items: center;
    background-color: #f9f9f9;
    display: flex;
    gap: 15px;
    margin-bottom: 20px;
    padding: 15px
}

.echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-popular-item-category .echo-popular-cat-content .echo-popular-cat-img {
    flex-basis: 40%
}

.echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-popular-item-category .echo-popular-cat-content .echo-popular-cat-title {
    flex-basis: 60%
}

.echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-popular-item-category .echo-popular-cat-content .echo-popular-cat-title h6 {
    font-size: 19px;
    line-height: 30px;
    margin: 0
}

.echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-popular-item-category .echo-popular-cat-content .echo-popular-cat-title .echo-popular-cat-view {
    margin-top: 10px
}

.echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-popular-item-category .echo-popular-cat-content .echo-popular-cat-title .echo-popular-cat-view a {
    font-size: 14px;
    font-weight: 500
}

.echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-popular-item-category .echo-popular-cat-content .echo-popular-cat-title .echo-popular-cat-view a i {
    font-size: 15px;
    margin-right: 6px
}

.echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-feature-area-right-site-follower {
    background-color: #f9f9f9;
    padding: 30px 20px 16px
}

.echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-feature-area-right-site-follower .echo-home-2-title {
    margin-bottom: 25px
}

.echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-feature-area-right-site-follower ul {
    display: flex;
    flex-wrap: wrap
}

.echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-feature-area-right-site-follower ul li {
    border-bottom: 1px solid rgba(94,94,94,.5);
    font-size: 16px;
    margin: 0;
    padding-top: 20px;
    width: 50%
}

.echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-feature-area-right-site-follower ul li:hover {
    transition: all .3s ease
}

.echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-feature-area-right-site-follower ul li:hover a {
    color: #7817f2
}

.echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-feature-area-right-site-follower ul li a {
    align-items: center;
    display: inline-flex;
    gap: 10px;
    margin-bottom: 15px
}

.echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-feature-area-right-site-follower ul li:nth-child(5),.echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-feature-area-right-site-follower ul li:nth-child(6) {
    border-bottom: none
}

.echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-feature-area-right-site-follower ul li:first-child,.echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-feature-area-right-site-follower ul li:nth-child(3),.echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-feature-area-right-site-follower ul li:nth-child(5) {
    border-right: 1px solid rgba(94,94,94,.5)
}

.echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-feature-area-right-site-follower ul li:nth-child(2),.echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-feature-area-right-site-follower ul li:nth-child(4) {
    padding-left: 15px
}

.echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-feature-area-right-site-follower ul li:nth-child(6) {
    padding-left: 10px
}

.echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-feature-area-right-site-follower ul li:first-child,.echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-feature-area-right-site-follower ul li:nth-child(2) {
    padding-top: 0
}

.echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-feature-area-right-site-follower ul li:nth-child(5),.echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-feature-area-right-site-follower ul li:nth-child(6) {
    padding-bottom: 0
}

.echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-popular-hl-img {
    background-color: #f9f9f9;
    margin-top: 30px;
    padding: 20px
}

.echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-popular-hl-img .echo-home-2-title {
    margin-bottom: 20px
}

.echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-popular-hl-img .echo-popular-item h5 {
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    margin: 0;
    text-align: center;
    transform: translateY(75%)
}

.echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-popular-hl-img .echo-popular-item h5 a {
    color: #fff
}

.echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-popular-hl-img .echo-popular-item ul {
    margin-bottom: 0
}

.echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-popular-hl-img .echo-popular-item ul li {
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 15px;
    min-height: 70px
}

.echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-popular-hl-img .echo-popular-item ul li:first-child {
    background-image: url(../images/home-2/popular-right/item-1.png)
}

.echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-popular-hl-img .echo-popular-item ul li:nth-child(2) {
    background-image: url(../images/home-2/popular-right/item-2.png)
}

.echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-popular-hl-img .echo-popular-item ul li:nth-child(3) {
    background-image: url(../images/home-2/popular-right/item-3.png)
}

.echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-popular-hl-img .echo-popular-item ul li:nth-child(4) {
    background-image: url(../images/home-2/popular-right/item-4.png)
}

.echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-popular-hl-img .echo-popular-item ul li:nth-child(5) {
    background-image: url(../images/home-2/popular-right/item-5.png);
    margin-bottom: 0
}

.echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-feature-area-right-site-full-content {
    background-color: #f9f9f9;
    margin-top: 30px;
    padding: 30px 25px
}

.echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-feature-area-right-site-full-content .echo-home-2-title {
    margin-bottom: 5px
}

.echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-feature-area-right-site-full-content hr {
    margin-top: 60px
}

.echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-feature-area-right-site-full-content .echo-feature-area-right-site-audio-news:last-child {
    border: none;
    padding-bottom: 0
}

.echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-feature-area-right-site-full-content .echo-feature-area-right-site-audio-news {
    align-items: center;
    border-bottom: 1px solid rgba(94,94,94,.322);
    display: flex;
    gap: 10px;
    padding: 20px 0
}

.echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-feature-area-right-site-full-content .echo-feature-area-right-site-audio-news .echo-feature-area-right-img {
    flex-basis: 25%
}

.echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-feature-area-right-site-full-content .echo-feature-area-right-site-audio-news .echo-feature-area-right-img a img {
    width: 100%
}

.echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-feature-area-right-site-full-content .echo-feature-area-right-site-audio-news .echo-feature-area-right-audio-text {
    flex-basis: 75%
}

.echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-feature-area-right-site-full-content .echo-feature-area-right-site-audio-news .echo-feature-area-right-audio-text h5 {
    font-size: 20px;
    line-height: 30px;
    margin: 0 0 5px
}

.echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-feature-area-right-site-full-content .echo-feature-area-right-site-audio-news .echo-feature-area-right-audio-text p {
    font-size: 14px;
    margin: 0
}

.echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-feature-area-right-site-full-content .echo-feature-area-right-site-audio-news .echo-feature-area-right-audio-text .echo-feature-area-right-site-audio-main-contetn {
    margin-top: 25px
}

.echo-cl-blocks-area {
    padding: 80px 0
}

.echo-cl-blocks-area .echo-cl-blocks-content .echo-cl-blocks-full-content {
    background-color: #f1f1f1;
    padding: 40px
}

.echo-cl-blocks-area .echo-cl-blocks-content .echo-cl-blocks-full-content .echo-cl-blocks-text .echo-cl-blocks-area-shep {
    margin-top: 40px
}

.echo-cl-blocks-area .echo-cl-blocks-content .echo-cl-blocks-full-content .echo-cl-blocks-text .echo-cl-blocks-title {
    margin-top: 30px
}

.echo-cl-blocks-area .echo-cl-blocks-content .echo-cl-blocks-full-content .echo-cl-blocks-text .echo-cl-blocks-title h3 {
    font-size: 40px;
    line-height: 50px;
    margin: 0
}

.echo-cl-blocks-area .echo-cl-blocks-content .echo-cl-blocks-full-content .echo-cl-blocks-text .echo-cl-blocks-title p {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 30px;
    margin-top: 20px
}

.echo-fd-post-area .echo-fd-post-content {
    background-color: #181823;
    padding: 80px 0
}

.echo-fd-post-area .echo-fd-post-content .echo-fd-post-full-content .echo-home-2-title {
    margin-bottom: 40px
}

.echo-fd-post-area .echo-fd-post-content .echo-fd-post-full-content .echo-home-2-title .echo-home-2-main-title {
    text-align: center
}

.echo-fd-post-area .echo-fd-post-content .echo-fd-post-full-content .echo-home-2-title .echo-home-2-main-title h4 {
    color: #fff;
    font-size: 30px;
    margin: 0;
    position: relative
}

.echo-fd-post-area .echo-fd-post-content .echo-fd-post-full-content .echo-home-2-title .echo-home-2-main-title h4:after {
    background-color: #5e5e5e;
    content: "";
    height: 1px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 37%
}

.echo-fd-post-area .echo-fd-post-content .echo-fd-post-full-content .echo-home-2-title .echo-home-2-main-title h4:before {
    background-color: #5e5e5e;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 37%
}

.echo-fd-post-area .echo-fd-post-content .echo-fd-post-full-content .echo-fd-post-left .echo-fd-post-left-img {
    overflow: visible;
    position: relative
}

.echo-fd-post-area .echo-fd-post-content .echo-fd-post-full-content .echo-fd-post-left .echo-fd-post-left-img a {
    overflow: hidden
}

.echo-fd-post-area .echo-fd-post-content .echo-fd-post-full-content .echo-fd-post-left .echo-fd-post-left-img .echo-fd-area-left-site-shep {
    bottom: -10px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%)
}

.echo-fd-post-area .echo-fd-post-content .echo-fd-post-full-content .echo-fd-post-main-content {
    position: relative
}

.echo-fd-post-area .echo-fd-post-content .echo-fd-post-full-content .echo-fd-post-main-content .echo-3-align-icons {
    align-items: center;
    display: flex;
    gap: 30px;
    justify-content: center;
    margin-top: 35px
}

.echo-fd-post-area .echo-fd-post-content .echo-fd-post-full-content .echo-fd-post-main-content .echo-3-align-icons a {
    color: #fff;
    font-size: 14px;
    font-weight: 500
}

.echo-fd-post-area .echo-fd-post-content .echo-fd-post-full-content .echo-fd-post-main-content .echo-3-align-icons a i {
    font-size: 16px;
    margin-right: 6px
}

.echo-fd-post-area .echo-fd-post-content .echo-fd-post-full-content .echo-fd-post-main-content .echo-fd-post-left-title {
    margin-top: 20px
}

.echo-fd-post-area .echo-fd-post-content .echo-fd-post-full-content .echo-fd-post-main-content .echo-fd-post-left-title h3 {
    color: #fff;
    font-size: 40px;
    line-height: 50px;
    margin: 0
}

.echo-fd-post-area .echo-fd-post-content .echo-fd-post-full-content .echo-fd-post-main-content .echo-fd-post-left-title h3 a {
    background-image: linear-gradient(90deg,#fff 50%,transparent 0)
}

.echo-fd-post-area .echo-fd-post-content .echo-fd-post-full-content .echo-fd-post-main-content .echo-fd-post-left-title h3 a:hover {
    color: #fff
}

.echo-fd-post-area .echo-fd-post-content .echo-fd-post-full-content .echo-fd-post-main-content .echo-fd-post-left-title p {
    color: hsla(0,0%,100%,.8);
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 20px;
    margin-top: 20px
}

.echo-fd-post-area .echo-fd-post-content .echo-fd-post-full-content .echo-fd-post-main-content .echo-fd-post-right-area {
    align-items: center;
    display: flex;
    gap: 30px;
    margin-bottom: 30px
}

.echo-fd-post-area .echo-fd-post-content .echo-fd-post-full-content .echo-fd-post-main-content .echo-fd-post-right-area .echo-fd-post-right-content {
    flex-basis: 50%
}

.echo-fd-post-area .echo-fd-post-content .echo-fd-post-full-content .echo-fd-post-main-content .echo-fd-post-right-area .echo-fd-post-right-content img {
    width: 100%
}

.echo-fd-post-area .echo-fd-post-content .echo-fd-post-full-content .echo-fd-post-main-content .echo-fd-post-right-area .echo-fd-post-right-text {
    flex-basis: 53%;
    float: left
}

.echo-fd-post-area .echo-fd-post-content .echo-fd-post-full-content .echo-fd-post-main-content .echo-fd-post-right-area .echo-fd-post-right-text .echo-fd-post-right-area-shep {
    margin-bottom: 10px
}

.echo-fd-post-area .echo-fd-post-content .echo-fd-post-full-content .echo-fd-post-main-content .echo-fd-post-right-area .echo-fd-post-right-text .echo-3-align-icons {
    justify-content: start;
    margin-top: 0
}

.echo-fd-post-area .echo-fd-post-content .echo-fd-post-full-content .echo-fd-post-main-content .echo-fd-post-right-area .echo-fd-post-right-text .echo-fd-post-right-heading {
    margin-top: 15px
}

.echo-fd-post-area .echo-fd-post-content .echo-fd-post-full-content .echo-fd-post-main-content .echo-fd-post-right-area .echo-fd-post-right-text .echo-fd-post-right-heading h4 {
    color: #fff;
    font-size: 30px;
    line-height: 40px;
    margin: 0
}

.echo-fd-post-area .echo-fd-post-content .echo-fd-post-full-content .echo-fd-post-main-content .echo-fd-post-right-area .echo-fd-post-right-text .echo-fd-post-right-heading h4 a {
    background-image: linear-gradient(90deg,#fff 50%,transparent 0)
}

.echo-fd-post-area .echo-fd-post-content .echo-fd-post-full-content .echo-fd-post-main-content .echo-fd-post-right-area .echo-fd-post-right-text .echo-fd-post-right-heading h4 a:hover {
    color: #fff
}

.echo-archive-area {
    padding: 80px 0
}

.echo-archive-area .echo-archive-area-content .echo-archive-area-full-content .echo-banner-slider-button {
    position: absolute;
    right: 70px;
    top: 22px
}

.echo-archive-area .echo-archive-area-content .echo-archive-area-full-content .echo-banner-slider-button .swiper-button-next {
    background-color: #f16228;
    height: 30px;
    left: 40px;
    width: 30px
}

.echo-archive-area .echo-archive-area-content .echo-archive-area-full-content .echo-banner-slider-button .swiper-button-next:after {
    color: #fff;
    content: "";
    font-family: Font Awesome\ 6 Pro!important;
    font-size: 15px
}

.echo-archive-area .echo-archive-area-content .echo-archive-area-full-content .echo-banner-slider-button .swiper-button-next:hover {
    background-color: #f16228
}

.echo-archive-area .echo-archive-area-content .echo-archive-area-full-content .echo-banner-slider-button .swiper-button-next:hover:after {
    color: #fff
}

.echo-archive-area .echo-archive-area-content .echo-archive-area-full-content .echo-banner-slider-button .swiper-button-prev {
    background-color: #e6e6e6;
    height: 30px;
    width: 30px
}

.echo-archive-area .echo-archive-area-content .echo-archive-area-full-content .echo-banner-slider-button .swiper-button-prev:after {
    color: #5e5e5e;
    content: "";
    font-family: Font Awesome\ 6 Pro!important;
    font-size: 15px
}

.echo-archive-area .echo-archive-area-content .echo-archive-area-full-content .echo-banner-slider-button .swiper-button-prev:hover {
    background-color: #f16228
}

.echo-archive-area .echo-archive-area-content .echo-archive-area-full-content .echo-banner-slider-button .swiper-button-prev:hover:after {
    color: #fff
}

.echo-archive-area .echo-archive-area-content .echo-archive-area-full-content .echo-home-2-title .echo-home-2-main-title h4 {
    font-size: 30px;
    margin: 0;
    position: relative;
    text-align: left
}

.echo-archive-area .echo-archive-area-content .echo-archive-area-full-content .echo-home-2-title .echo-home-2-main-title h4:after {
    background-color: rgba(94,94,94,.5);
    content: "";
    height: 1px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 81%
}

.echo-archive-area .echo-archive-area-content .echo-archive-area-full-content .echo-archive-area-slider-content {
    margin-top: 18px
}

.echo-archive-area .echo-archive-area-content .echo-archive-area-full-content .echo-archive-area-slider-content .echo-banner-mani-content {
    cursor: auto;
    position: relative
}

.echo-archive-area .echo-archive-area-content .echo-archive-area-full-content .echo-archive-area-slider-content .echo-banner-mani-content .echo-banner-text {
    background-color: #f9f9f9;
    bottom: 0;
    height: 295;
    left: 0;
    max-width: 690px;
    padding: 30px;
    position: absolute
}

.echo-archive-area .echo-archive-area-content .echo-archive-area-full-content .echo-archive-area-slider-content .echo-banner-mani-content .echo-banner-text .echo-banner-heading {
    margin-top: 20px
}

.echo-archive-area .echo-archive-area-content .echo-archive-area-full-content .echo-archive-area-slider-content .echo-banner-mani-content .echo-banner-text .echo-banner-heading h1 {
    font-size: 60px;
    line-height: 70px;
    margin: 0
}

.echo-archive-area .echo-archive-area-content .echo-archive-area-full-content .echo-archive-area-slider-content .echo-banner-mani-content .echo-banner-text .echo-3-align-icons {
    display: flex;
    gap: 25px;
    margin-top: 12px
}

.echo-archive-area .echo-archive-area-content .echo-archive-area-full-content .echo-archive-area-slider-content .echo-banner-mani-content .echo-banner-text .echo-3-align-icons a {
    font-size: 14px
}

.echo-archive-area .echo-archive-area-content .echo-archive-area-full-content .echo-archive-area-slider-content .echo-banner-mani-content .echo-banner-text .echo-3-align-icons a i {
    font-size: 16px;
    margin-right: 5px
}

.echo-archive-area .echo-archive-area-content .echo-archive-area-full-content .echo-archive-area-slider-content .echo-archive-main-content.area-2 .echo-banner-mani-content .echo-banner-text {
    max-width: 560px
}

.echo-archive-area .echo-archive-area-content .echo-archive-area-full-content .echo-archive-area-slider-content .echo-archive-main-content.area-2 .echo-banner-mani-content .echo-banner-text .echo-banner-heading h1 {
    font-size: 40px;
    font-weight: 700;
    line-height: 50px
}

.echo-archive-area .echo-archive-area-content .echo-archive-area-full-content .echo-archive-area-right-site:last-child {
    border: none
}

.echo-archive-area .echo-archive-area-content .echo-archive-area-full-content .echo-archive-area-right-site:first-child {
    padding-top: 0
}

.echo-archive-area .echo-archive-area-content .echo-archive-area-full-content .echo-archive-area-right-site {
    border-bottom: 1px solid rgba(94,94,94,.5);
    padding-bottom: 20px;
    padding-top: 20px
}

.echo-archive-area .echo-archive-area-content .echo-archive-area-full-content .echo-archive-area-right-site .echo-archive-right-content {
    display: flex;
    gap: 25px;
    justify-content: space-between
}

.echo-archive-area .echo-archive-area-content .echo-archive-area-full-content .echo-archive-area-right-site .echo-archive-right-content .echo-archive-right-text {
    flex-basis: 80%
}

.echo-archive-area .echo-archive-area-content .echo-archive-area-full-content .echo-archive-area-right-site .echo-archive-right-content .echo-archive-right-text .echo-archive-right-heading h5 {
    font-size: 25px;
    line-height: 35px;
    margin: 0
}

.echo-archive-area .echo-archive-area-content .echo-archive-area-full-content .echo-archive-area-right-site .echo-archive-right-content .echo-archive-right-text .echo-3-align-icons {
    display: flex;
    gap: 20px;
    margin: 15px 0 10px
}

.echo-archive-area .echo-archive-area-content .echo-archive-area-full-content .echo-archive-area-right-site .echo-archive-right-content .echo-archive-right-text .echo-3-align-icons a {
    font-size: 14px;
    font-weight: 500
}

.echo-archive-area .echo-archive-area-content .echo-archive-area-full-content .echo-archive-area-right-site .echo-archive-right-content .echo-archive-right-text .echo-3-align-icons a i {
    font-size: 15px;
    margin-right: 6px
}

.echo-archive-area .echo-archive-area-content .echo-archive-area-full-content .echo-archive-area-right-site .echo-archive-right-content .echo-archive-right-img {
    flex-basis: 53%
}

.echo-add-area {
    padding-bottom: 80px
}

.echo-hm2-video-area .echo-hm2-video-area-content .echo-hm2-video-area-full-content .echo-row .echo-banner-slider-button {
    display: block;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 80%;
    z-index: 1
}

.echo-hm2-video-area .echo-hm2-video-area-content .echo-hm2-video-area-full-content .echo-row .echo-banner-slider-button .swiper-button-next {
    border: 1px solid #fff;
    border-radius: 50%;
    height: 60px;
    line-height: 60px;
    text-align: center;
    transition: .3s ease-in;
    width: 60px
}

.echo-hm2-video-area .echo-hm2-video-area-content .echo-hm2-video-area-full-content .echo-row .echo-banner-slider-button .swiper-button-next:after {
    color: #fff;
    content: "";
    font-family: Font Awesome\ 6 Pro!important;
    font-size: 20px
}

.echo-hm2-video-area .echo-hm2-video-area-content .echo-hm2-video-area-full-content .echo-row .echo-banner-slider-button .swiper-button-next:hover {
    background-color: #7817f2;
    border-color: transparent
}

.echo-hm2-video-area .echo-hm2-video-area-content .echo-hm2-video-area-full-content .echo-row .echo-banner-slider-button .swiper-button-next:hover:after {
    color: #fff
}

.echo-hm2-video-area .echo-hm2-video-area-content .echo-hm2-video-area-full-content .echo-row .echo-banner-slider-button .swiper-button-prev {
    border: 1px solid #fff;
    border-radius: 50%;
    height: 60px;
    line-height: 60px;
    text-align: center;
    transition: .3s ease-in;
    width: 60px
}

.echo-hm2-video-area .echo-hm2-video-area-content .echo-hm2-video-area-full-content .echo-row .echo-banner-slider-button .swiper-button-prev:after {
    color: #fff;
    content: "";
    font-family: Font Awesome\ 6 Pro!important;
    font-size: 20px
}

.echo-hm2-video-area .echo-hm2-video-area-content .echo-hm2-video-area-full-content .echo-row .echo-banner-slider-button .swiper-button-prev:hover {
    background-color: #7817f2;
    border-color: transparent
}

.echo-hm2-video-area .echo-hm2-video-area-content .echo-hm2-video-area-full-content .echo-row .echo-banner-slider-button .swiper-button-prev:hover:after {
    color: #fff
}

.echo-hm2-video-area .echo-hm2-video-area-content .echo-hm2-video-area-full-content .echo-row .echo-hm2-video-img {
    height: 700px;
    position: relative
}

.echo-hm2-video-area .echo-hm2-video-area-content .echo-hm2-video-area-full-content .echo-row .echo-hm2-video-img .echo-hm2-video-text-box {
    background-color: #fff;
    bottom: 0;
    height: 396px;
    left: 50%;
    padding: 0 100px;
    position: absolute;
    transform: translate(-50%);
    width: 970px
}

.echo-hm2-video-area .echo-hm2-video-area-content .echo-hm2-video-area-full-content .echo-row .echo-hm2-video-img .echo-hm2-video-text-box img {
    height: 700px;
    max-width: 1600px
}

.echo-hm2-video-area .echo-hm2-video-area-content .echo-hm2-video-area-full-content .echo-row .echo-hm2-video-img .echo-hm2-video-text-box .echo-hm2-video-area-shep {
    margin-bottom: 15px;
    margin-top: 40px
}

.echo-hm2-video-area .echo-hm2-video-area-content .echo-hm2-video-area-full-content .echo-row .echo-hm2-video-img .echo-hm2-video-text-box .echo-hm2-video-area-shep .home-2-area-shep {
    margin: 0 auto
}

.echo-hm2-video-area .echo-hm2-video-area-content .echo-hm2-video-area-full-content .echo-row .echo-hm2-video-img .echo-hm2-video-text-box .echo-3-align-icons {
    display: flex;
    gap: 20px;
    justify-content: center
}

.echo-hm2-video-area .echo-hm2-video-area-content .echo-hm2-video-area-full-content .echo-row .echo-hm2-video-img .echo-hm2-video-text-box .echo-3-align-icons a {
    font-size: 14px;
    font-weight: 500
}

.echo-hm2-video-area .echo-hm2-video-area-content .echo-hm2-video-area-full-content .echo-row .echo-hm2-video-img .echo-hm2-video-text-box .echo-3-align-icons a i {
    font-size: 15px;
    margin-right: 6px
}

.echo-hm2-video-area .echo-hm2-video-area-content .echo-hm2-video-area-full-content .echo-row .echo-hm2-video-img .echo-hm2-video-text-box .echo-hm2-video-heading {
    margin-bottom: 10px;
    margin-top: 10px
}

.echo-hm2-video-area .echo-hm2-video-area-content .echo-hm2-video-area-full-content .echo-row .echo-hm2-video-img .echo-hm2-video-text-box .echo-hm2-video-heading h1 {
    font-size: 60px;
    line-height: 70px;
    margin: 0
}

.echo-hm2-video-area .echo-hm2-video-area-content .echo-hm2-video-area-full-content .echo-row .echo-hm2-video-img .echo-hm2-video-text-box .echo-hm2-video-discription {
    height: 52px;
    margin: 30px auto 0;
    width: 570px
}

.echo-hm2-video-area .echo-hm2-video-area-content .echo-hm2-video-area-full-content .echo-row .echo-hm2-video-img .echo-hm2-video-text-box .echo-hm2-video-discription p {
    font-size: 16px;
    line-height: 26px;
    margin: 0
}

.echo-hm2-video-area .echo-hm2-video-area-content .echo-hm2-video-area-full-content .echo-row .echo-hm2-video-img .echo-hm2-video-icons .video-play-button {
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-name: videobuttonpopup;
    border-radius: 50%;
    box-sizing: content-box;
    display: block;
    display: flex;
    height: 44px;
    left: 50%;
    padding: 18px 20px 18px 28px;
    position: absolute;
    top: 25%;
    transform: translate(-50%,-25%);
    width: 32px
}

.echo-hm2-video-area .echo-hm2-video-area-content .echo-hm2-video-area-full-content .echo-row .echo-hm2-video-img .echo-hm2-video-icons .video-play-button span.outer-text {
    border: none;
    color: #fff;
    font-family: Bona Nova;
    font-size: 20px;
    font-weight: 500;
    margin-left: 75px;
    margin-top: -12px;
    min-width: -moz-max-content;
    min-width: max-content;
    position: relative
}

.echo-hm2-video-area .echo-hm2-video-area-content .echo-hm2-video-area-full-content .echo-row .echo-hm2-video-img .echo-hm2-video-icons .video-play-button:after {
    background: #fff;
    border: .5px solid #fff;
    border-radius: 50%;
    content: "";
    display: block;
    height: 80px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    transition: all .2s;
    width: 80px;
    z-index: 1
}

.echo-hm2-video-area .echo-hm2-video-area-content .echo-hm2-video-area-full-content .echo-row .echo-hm2-video-img .echo-hm2-video-icons .video-overlay {
    background: rgba(0,0,0,.8);
    bottom: 0;
    display: none;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: all .5s ease;
    z-index: -1
}

.echo-hm2-video-area .echo-hm2-video-area-content .echo-hm2-video-area-full-content .echo-row .echo-hm2-video-img .echo-hm2-video-icons .video-overlay-close {
    color: #fff;
    cursor: pointer;
    font-size: 36px;
    font-weight: 400;
    line-height: 1;
    position: absolute;
    right: 20px;
    text-decoration: none;
    top: 15px;
    transition: all .2s;
    z-index: 1000
}

.echo-hm2-video-area .echo-hm2-video-area-content .echo-hm2-video-area-full-content .echo-row .echo-hm2-video-img .echo-hm2-video-icons .video-overlay.open {
    display: block;
    opacity: 1;
    position: fixed;
    z-index: 1000
}

.echo-hm2-video-area .echo-hm2-video-area-content .echo-hm2-video-area-full-content .echo-row .echo-hm2-video-img .echo-hm2-video-icons .video-play-button span {
    border-bottom: 8px solid transparent;
    border-left: 14px solid #7817f2;
    border-top: 8px solid transparent;
    display: block;
    height: 0;
    left: 47%;
    position: relative;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 0;
    z-index: 3
}

.echo-hm2-video-area .echo-hm2-video-area-content .echo-hm2-video-area-full-content .echo-row .echo-hm2-video-img .echo-hm2-video-icons .video-overlay iframe {
    align-items: center;
    display: flex;
    height: 70%;
    justify-content: center;
    margin: auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: 70%
}

.echo-social-media-area-hm2 {
    background: #181823
}

.echo-social-media-area-hm2 .echo-home-2-title {
    margin-bottom: 40px
}

.echo-social-media-area-hm2 .echo-home-2-title .echo-home-2-main-title {
    text-align: center
}

.echo-social-media-area-hm2 .echo-home-2-title .echo-home-2-main-title h4 {
    font-size: 30px;
    margin: 0;
    position: relative
}

.echo-social-media-area-hm2 .echo-home-2-title .echo-home-2-main-title h4:after {
    background-color: #5e5e5e;
    content: "";
    height: 1px;
    opacity: .5;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 37%
}

.echo-social-media-area-hm2 .echo-home-2-title .echo-home-2-main-title h4:before {
    background-color: #5e5e5e;
    content: "";
    height: 1px;
    left: 0;
    opacity: .5;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 37%
}

.echo-social-media-area-hm2 .echo-social-media-area-content .echo-social-media-main-content {
    display: flex
}

.echo-social-media-area-hm2 .echo-social-media-area-content .echo-social-media-main-content .echo-hm2-social-item {
    cursor: pointer;
    overflow: hidden;
    position: relative;
    transition: .3s
}

.echo-social-media-area-hm2 .echo-social-media-area-content .echo-social-media-main-content .echo-hm2-social-item .echo-hm2-social-item-overlay {
    background: rgba(24,24,35,.5);
    height: 100%;
    left: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    transition: .3s ease-in;
    visibility: hidden;
    width: 100%
}

.echo-social-media-area-hm2 .echo-social-media-area-content .echo-social-media-main-content .echo-hm2-social-item .echo-hm2-social-item-overlay span {
    color: #fff;
    font-size: 50px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

.echo-social-media-area-hm2 .echo-social-media-area-content .echo-social-media-main-content .echo-hm2-social-item:hover .echo-hm2-social-item-overlay {
    opacity: 1;
    visibility: visible
}

.echo-social-media-area-hm2.home-ten {
    background: #ececec;
    padding-top: 90px
}

.echo-social-media-area-hm2.home-ten .hm5-feature-title .hm-5-main-title h2 {
    color: #1a1a1a;
    font-size: 80px;
    font-weight: 500;
    line-height: 90px;
    margin-bottom: 50px;
    text-align: center;
    text-transform: uppercase
}

@media(max-width: 768px) {
    .echo-social-media-area-hm2.home-ten .hm5-feature-title .hm-5-main-title h2 {
        font-size:64px;
        line-height: 70px
    }
}

@media(max-width: 576px) {
    .echo-social-media-area-hm2.home-ten .hm5-feature-title .hm-5-main-title h2 {
        font-size:40px;
        line-height: 50px
    }
}

.echo-social-media-area-hm2.home-ten .hm5-feature-title .hm-5-main-title h2:after {
    display: none
}

@media(max-width: 767px) {
    .echo-social-media-area-hm2.home-ten .echo-social-media-area-content .echo-hm2-social-item {
        width:50%!important
    }
}

@media(max-width: 576px) {
    .echo-social-media-area-hm2.home-ten .echo-social-media-area-content .echo-hm2-social-item {
        width:100%!important
    }
}

.echo-social-media-area-hm2.home-ten .echo-social-media-area-content .echo-hm2-social-item img {
    filter: saturate(0)
}

@media(max-width: 576px) {
    .echo-social-media-area-hm2.home-ten .echo-social-media-area-content .echo-hm2-social-item img {
        width:100%
    }
}

.echo-social-media-area-hm2.home-ten .echo-social-media-area-content .echo-hm2-social-item:hover img {
    filter: saturate(100%)
}

.echo-social-media-area-hm2.home-ten .echo-social-media-area-content .echo-hm2-social-item .echo-hm2-social-item-overlay {
    background: none
}

.echo-social-media-area-hm2.home-ten .echo-social-media-area-content .echo-hm2-social-item .echo-hm2-social-item-overlay span {
    background: #d00032;
    border-radius: 40px;
    color: #fff;
    font-family: var(--home-5-title-font);
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1.6px;
    line-height: 28px;
    padding: 20px 25px 14px;
    text-transform: uppercase
}

.echo-hero-section {
    padding-top: 60px
}

.echo-hero-section .echo-hero-baner {
    position: relative
}

@media(min-width: 992px)and (max-width:1200px) {
    .echo-hero-section .echo-hero-baner h1 {
        font-size:45px;
        line-height: 55px
    }
}

@media(min-width: 768px)and (max-width:991px) {
    .echo-hero-section .echo-hero-baner h1 {
        font-size:50px;
        line-height: 60px
    }
}

@media(max-width: 767px) {
    .echo-hero-section .echo-hero-baner h1 {
        font-size:40px;
        line-height: 50px
    }
}

@media(max-width: 500px) {
    .echo-hero-section .echo-hero-baner h1 {
        font-size:25px;
        line-height: 35px
    }
}

.echo-hero-section .echo-hero-baner p {
    font-size: 16px;
    margin-bottom: 25px
}

@media(min-width: 992px)and (max-width:1200px) {
    .echo-hero-section .echo-hero-baner p {
        font-size:16px
    }
}

@media(max-width: 767px) {
    .echo-hero-section .echo-hero-baner p {
        margin-bottom:10px
    }
}

.echo-hero-section .echo-hero-baner .echo-hero-area-titlepost-post-like-comment-share {
    align-items: center;
    display: flex;
    gap: 20px
}

@media(max-width: 767px) {
    .echo-hero-section .echo-hero-baner .echo-hero-area-titlepost-post-like-comment-share {
        flex-wrap:wrap
    }
}

.echo-hero-section .echo-hero-baner .echo-hero-area-titlepost-post-like-comment-share .echo-hero-area-like-read-comment-share a {
    font-size: 14px;
    font-weight: 500
}

.echo-hero-section .echo-hero-baner .echo-hero-area-titlepost-post-like-comment-share .echo-hero-area-like-read-comment-share a i {
    margin: 0 4px
}

.echo-hero-section.inner {
    padding: 100px 0
}

.echo-hero-section.inner .echo-de-category-show-more-btn a {
    border: 1px solid;
    font-family: Bona Nova,serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 30px;
    margin: 0 auto;
    padding: 12px 38px;
    text-align: center
}

.echo-hero-section.inner .echo-hero-baner:nth-child(2) .echo-inner-img-ct-1 {
    position: relative
}

.echo-hero-section.inner .echo-hero-baner:nth-child(2) .echo-inner-img-ct-1 .echo-hm2-video-icons .video-play-button {
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-name: videobuttonpopup;
    border-radius: 50%;
    box-sizing: content-box;
    display: block;
    display: flex;
    height: 44px;
    left: 50%;
    padding: 18px 20px 18px 28px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%) scale(.7);
    width: 32px
}

.echo-hero-section.inner .echo-hero-baner:nth-child(2) .echo-inner-img-ct-1 .echo-hm2-video-icons .video-play-button span.outer-text {
    border: none;
    color: #fff;
    font-family: Bona Nova;
    font-size: 20px;
    font-weight: 500;
    margin-left: 75px;
    margin-top: -12px;
    min-width: -moz-max-content;
    min-width: max-content;
    position: relative
}

.echo-hero-section.inner .echo-hero-baner:nth-child(2) .echo-inner-img-ct-1 .echo-hm2-video-icons .video-play-button:after {
    background: #fff;
    border: .5px solid #fff;
    border-radius: 50%;
    content: "";
    display: block;
    height: 130px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    transition: all .2s;
    width: 130px;
    z-index: 1
}

.echo-hero-section.inner .echo-hero-baner:nth-child(2) .echo-inner-img-ct-1 .echo-hm2-video-icons .video-overlay {
    background: rgba(0,0,0,.8);
    bottom: 0;
    display: none;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: all .5s ease;
    z-index: -1
}

.echo-hero-section.inner .echo-hero-baner:nth-child(2) .echo-inner-img-ct-1 .echo-hm2-video-icons .video-overlay-close {
    color: #fff;
    cursor: pointer;
    font-size: 36px;
    font-weight: 400;
    line-height: 1;
    position: absolute;
    right: 20px;
    text-decoration: none;
    top: 15px;
    transition: all .2s;
    width: 30px;
    z-index: 1000
}

.echo-hero-section.inner .echo-hero-baner:nth-child(2) .echo-inner-img-ct-1 .echo-hm2-video-icons .video-overlay.open {
    display: block;
    opacity: 1;
    position: fixed;
    z-index: 1000
}

.echo-hero-section.inner .echo-hero-baner:nth-child(2) .echo-inner-img-ct-1 .echo-hm2-video-icons .video-play-button span {
    border-bottom: 16px solid transparent;
    border-left: 28px solid var(--color-primary);
    border-top: 16px solid transparent;
    display: block;
    height: 0;
    left: 50%;
    position: relative;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 0;
    z-index: 3
}

.echo-hero-section.inner .echo-hero-baner:nth-child(2) .echo-inner-img-ct-1 .echo-hm2-video-icons .video-overlay iframe {
    align-items: center;
    display: flex;
    height: 70%;
    justify-content: center;
    margin: auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: 70%
}

.echo-hero-section.inner .echo-hero-baner:nth-child(4) .echo-inner-img-ct-1 {
    position: relative
}

.echo-hero-section.inner .echo-hero-baner:nth-child(4) .echo-inner-img-ct-1 .echo-hm2-video-icons {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

.echo-hero-section.inner .echo-hero-baner:nth-child(4) .echo-inner-img-ct-1 .echo-hm2-video-icons .vedio-icone {
    position: relative
}

.echo-hero-section.inner .echo-hero-baner:nth-child(4) .echo-inner-img-ct-1 .echo-hm2-video-icons .video-play-button {
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-name: videobuttonpopup;
    background-color: #fff;
    border-radius: 50%;
    box-sizing: content-box;
    display: block;
    display: flex;
    height: 44px;
    padding: 18px 20px 18px 28px;
    width: 32px
}

.echo-hero-section.inner .echo-hero-baner:nth-child(4) .echo-inner-img-ct-1 .echo-hm2-video-icons .video-play-button span {
    color: #0059ff;
    font-size: 20px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

.echo-hero-section.inner .echo-hero-baner:nth-child(4) .echo-inner-img-ct-1 .echo-hm2-video-icons .video-play-button span.outer-text {
    border: none;
    color: #fff;
    font-family: Bona Nova;
    font-size: 20px;
    font-weight: 500;
    margin-left: 75px;
    margin-top: -12px;
    min-width: -moz-max-content;
    min-width: max-content;
    position: relative
}

.echo-hero-section.inner .echo-hero-baner:nth-child(4) .echo-inner-img-ct-1 .echo-hm2-video-icons .video-overlay {
    background: rgba(0,0,0,.8);
    bottom: 0;
    display: none;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: all .5s ease;
    z-index: -1
}

.echo-hero-section.inner .echo-hero-baner:nth-child(4) .echo-inner-img-ct-1 .echo-hm2-video-icons .video-overlay-close {
    color: #fff;
    cursor: pointer;
    font-size: 36px;
    font-weight: 400;
    line-height: 1;
    position: absolute;
    right: 20px;
    text-decoration: none;
    top: 15px;
    transition: all .2s;
    z-index: 1000
}

.echo-hero-section.inner .echo-hero-baner:nth-child(4) .echo-inner-img-ct-1 .echo-hm2-video-icons .video-overlay.open {
    display: block;
    opacity: 1;
    position: fixed;
    z-index: 1000
}

.echo-hero-section.inner .echo-hero-baner:nth-child(4) .echo-inner-img-ct-1 .echo-hm2-video-icons .video-overlay iframe {
    align-items: center;
    display: flex;
    height: 70%;
    justify-content: center;
    margin: auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: 70%
}

.echo-hero-section.inner .echo-hero-baner:last-child {
    margin-bottom: 0
}

.echo-hero-section.inner .echo-hero-baner {
    box-shadow: 30px 30px 60px rgba(0,0,1,.05);
    margin-bottom: 40px;
    position: relative
}

.echo-hero-section.inner .echo-hero-baner h2 {
    font-size: 50px;
    font-weight: 700;
    line-height: 60px;
    margin-bottom: 30px;
    margin-top: 30px
}

.echo-hero-section.inner .echo-hero-baner p {
    font-size: 16px;
    line-height: 26px;
    margin-top: 20px
}

.echo-hero-section.inner .echo-hero-baner .echo-hero-area-titlepost-post-like-comment-share {
    align-items: center;
    display: flex;
    gap: 20px;
    margin-bottom: 20px
}

.echo-hero-section.inner .echo-hero-baner .echo-hero-area-titlepost-post-like-comment-share .echo-hero-area-like-read-comment-share a {
    font-size: 14px
}

.echo-hero-section.inner .echo-hero-baner .echo-hero-area-titlepost-post-like-comment-share .echo-hero-area-like-read-comment-share a i {
    margin: 0 4px
}

.echo-hero-section.inner .echo-right-ct-1 .echo-popular-hl-img {
    background-color: #f9f9f9;
    padding: 20px
}

.echo-hero-section.inner .echo-right-ct-1 .echo-popular-hl-img .echo-home-2-title {
    margin-bottom: 20px
}

.echo-hero-section.inner .echo-right-ct-1 .echo-popular-hl-img .echo-home-2-title .echo-home-2-main-title h5 {
    margin-bottom: 0
}

.echo-hero-section.inner .echo-right-ct-1 .echo-popular-hl-img .echo-popular-item h5 {
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    margin: 0;
    text-align: center;
    transform: translateY(75%)
}

.echo-hero-section.inner .echo-right-ct-1 .echo-popular-hl-img .echo-popular-item ul li {
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 15px;
    min-height: 70px
}

.echo-hero-section.inner .echo-right-ct-1 .echo-popular-hl-img .echo-popular-item ul li:first-child {
    background-image: url(../images/home-2/popular-right/item-1.png)
}

.echo-hero-section.inner .echo-right-ct-1 .echo-popular-hl-img .echo-popular-item ul li:nth-child(2) {
    background-image: url(../images/home-2/popular-right/item-2.png)
}

.echo-hero-section.inner .echo-right-ct-1 .echo-popular-hl-img .echo-popular-item ul li:nth-child(3) {
    background-image: url(../images/home-2/popular-right/item-3.png)
}

.echo-hero-section.inner .echo-right-ct-1 .echo-popular-hl-img .echo-popular-item ul li:nth-child(4) {
    background-image: url(../images/home-2/popular-right/item-4.png)
}

.echo-hero-section.inner .echo-right-ct-1 .echo-popular-hl-img .echo-popular-item ul li:nth-child(5) {
    background-image: url(../images/home-2/popular-right/item-5.png);
    margin-bottom: 0
}

.echo-hero-section.inner .echo-right-ct-1 .echo-home-1-hero-area-top-story {
    background-color: #f9f9f9;
    padding: 30px
}

.echo-hero-section.inner .echo-right-ct-1 .echo-home-1-hero-area-top-story h5 {
    font-size: 25px;
    line-height: 35px;
    margin-bottom: 30px
}

.echo-hero-section.inner .echo-right-ct-1 .echo-home-1-hero-area-top-story h6 {
    font-size: 20px;
    position: relative
}

.echo-hero-section.inner .echo-right-ct-1 .echo-home-1-hero-area-top-story h6:after {
    background: #5e5e5e;
    content: "";
    display: none;
    height: .5px;
    position: absolute;
    right: -20px;
    top: 15px;
    width: 75%
}

@media(min-width: 768px)and (max-width:991px) {
    .echo-hero-section.inner .echo-right-ct-1 .echo-home-1-hero-area-top-story h6:after {
        width:85%
    }
}

.echo-hero-section.inner .echo-right-ct-1 .echo-home-1-hero-area-top-story .echo-top-story {
    align-items: center;
    display: flex;
    gap: 15px;
    margin: 18px 0
}

.echo-hero-section.inner .echo-right-ct-1 .echo-home-1-hero-area-top-story .echo-top-story .echo-story-picture {
    flex-basis: 40%
}

.echo-hero-section.inner .echo-right-ct-1 .echo-home-1-hero-area-top-story .echo-top-story .echo-story-picture a img {
    height: 100%;
    width: 100%
}

.echo-hero-section.inner .echo-right-ct-1 .echo-home-1-hero-area-top-story .echo-top-story .echo-story-text {
    flex-basis: 60%
}

.echo-hero-section.inner .echo-right-ct-1 .echo-home-1-hero-area-top-story .echo-top-story .echo-story-text h6 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 10px
}

.echo-hero-section.inner .echo-right-ct-1 .echo-home-1-hero-area-top-story .echo-top-story .echo-story-text a.pe-none {
    font-size: 14px
}

.echo-hero-section.inner .echo-right-ct-1 .echo-home-1-hero-area-top-story .echo-top-story .echo-story-text a.pe-none i {
    font-size: 16px;
    margin-right: 6px
}

.echo-hero-section.inner .echo-right-ct-1 .echo-feature-area-right-site-follower {
    background-color: #f9f9f9;
    margin-top: 25px;
    padding: 30px 20px
}

.echo-hero-section.inner .echo-right-ct-1 .echo-feature-area-right-site-follower ul {
    display: flex;
    flex-wrap: wrap
}

.echo-hero-section.inner .echo-right-ct-1 .echo-feature-area-right-site-follower ul li {
    border-bottom: 1px solid rgba(94,94,94,.5);
    font-size: 14px;
    margin: 0;
    padding-top: 20px;
    width: 50%
}

@media(max-width: 500px) {
    .echo-hero-section.inner .echo-right-ct-1 .echo-feature-area-right-site-follower ul li {
        font-size:12px
    }
}

.echo-hero-section.inner .echo-right-ct-1 .echo-feature-area-right-site-follower ul li a {
    align-items: center;
    display: inline-flex;
    gap: 10px;
    margin-bottom: 15px
}

.echo-hero-section.inner .echo-right-ct-1 .echo-feature-area-right-site-follower ul li:nth-child(5),.echo-hero-section.inner .echo-right-ct-1 .echo-feature-area-right-site-follower ul li:nth-child(6) {
    border-bottom: none
}

.echo-hero-section.inner .echo-right-ct-1 .echo-feature-area-right-site-follower ul li:first-child,.echo-hero-section.inner .echo-right-ct-1 .echo-feature-area-right-site-follower ul li:nth-child(3),.echo-hero-section.inner .echo-right-ct-1 .echo-feature-area-right-site-follower ul li:nth-child(5) {
    border-right: 1px solid rgba(94,94,94,.5)
}

.echo-hero-section.inner .echo-right-ct-1 .echo-feature-area-right-site-follower ul li:nth-child(2),.echo-hero-section.inner .echo-right-ct-1 .echo-feature-area-right-site-follower ul li:nth-child(4) {
    padding-left: 15px
}

.echo-hero-section.inner .echo-right-ct-1 .echo-feature-area-right-site-follower ul li:nth-child(6) {
    padding-left: 10px
}

.echo-hero-section.inner .echo-right-ct-1 .echo-feature-area-right-site-follower ul li:first-child,.echo-hero-section.inner .echo-right-ct-1 .echo-feature-area-right-site-follower ul li:nth-child(2) {
    padding-top: 0
}

.echo-hero-section.inner .echo-right-ct-1 .echo-feature-area-right-site-follower ul li:nth-child(5),.echo-hero-section.inner .echo-right-ct-1 .echo-feature-area-right-site-follower ul li:nth-child(6) {
    padding-bottom: 0
}

.echo-hero-section.inner .echo-right-ct-1 .echo-feature-area-right-site-newsletter {
    background-color: #f9f9f9;
    margin-top: 25px;
    padding: 30px
}

.echo-hero-section.inner .echo-right-ct-1 .echo-feature-area-right-site-newsletter .echo-feature-area-rigth-site-newsletter-title {
    margin-bottom: 30px
}

.echo-hero-section.inner .echo-right-ct-1 .echo-feature-area-right-site-newsletter .echo-feature-area-rigth-site-newsletter-title h4 {
    font-size: 30px;
    line-height: 40px;
    margin: 0
}

.echo-hero-section.inner .echo-right-ct-1 .echo-feature-area-right-site-newsletter .echo-feature-area-right-site-sub-title {
    margin-bottom: 16px;
    margin-top: 20px
}

.echo-hero-section.inner .echo-right-ct-1 .echo-feature-area-right-site-newsletter .echo-feature-area-right-site-sub-title p {
    color: #5e5e5e;
    font-family: Bona Nova,serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    margin: 0
}

.echo-hero-section.inner .echo-right-ct-1 .echo-feature-area-right-site-newsletter .echo-feature-area-right-site-news-subscribe form {
    position: relative
}

.echo-hero-section.inner .echo-right-ct-1 .echo-feature-area-right-site-newsletter .echo-feature-area-right-site-news-subscribe form .echo-feature-area-right-site-input-box:before {
    content: "";
    font-family: Font Awesome\ 6 Pro!important;
    left: 12px;
    position: absolute;
    top: 24%
}

.echo-hero-section.inner .echo-right-ct-1 .echo-feature-area-right-site-newsletter .echo-feature-area-right-site-news-subscribe form .echo-feature-area-right-site-input-box input[type=email] {
    border: 1px solid #5e5e5e;
    opacity: .5;
    padding: 8px 0 8px 35px;
    width: 255px
}

.echo-hero-section.inner .echo-right-ct-1 .echo-feature-area-right-site-newsletter .echo-feature-area-right-site-news-subscribe form .echo-feature-area-right-site-input-box button {
    background-color: #181823;
    margin-left: -4px;
    padding: 13px 0;
    position: absolute;
    transition: all .3s ease-in;
    width: 60px
}

.echo-hero-section.inner .echo-right-ct-1 .echo-feature-area-right-site-newsletter .echo-feature-area-right-site-news-subscribe form .echo-feature-area-right-site-input-box button:hover {
    background-color: var(--color-primary)
}

.echo-hero-section.inner .echo-right-ct-1 .echo-feature-area-right-site-newsletter .echo-feature-area-right-site-news-subscribe form .echo-feature-area-right-site-input-box button i {
    color: #fff;
    font-size: 16px
}

.echo-hero-section.inner .echo-right-ct-1 .echo-ct-1-add {
    margin-top: 25px
}

.echo-hero-section.inner .echo-full-hero-content.inner-category-1 .echo-hero-baner .echo-hero-baner-text-heading-info-ct-1 {
    padding: 25px 30px
}

.echo-hero-section.inner-2 .echo-hero-section.inner .echo-hero-baner {
    padding: 0
}

.echo-hero-section.inner-2 .echo-hero-baner:nth-child(2) .echo-inner-img-ct-1 {
    position: relative
}

.echo-hero-section.inner-2 .echo-hero-baner:nth-child(2) .echo-inner-img-ct-1 .echo-hm2-video-icons .video-play-button {
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-name: videobuttonpopup;
    border-radius: 50%;
    box-sizing: content-box;
    display: block;
    display: flex;
    height: 44px;
    padding: 18px 20px 18px 28px;
    width: 32px
}

.echo-hero-section.inner-2 .echo-hero-baner:nth-child(2) .echo-inner-img-ct-1 .echo-hm2-video-icons .video-play-button span.outer-text {
    border: none;
    color: #fff;
    font-family: Bona Nova;
    font-size: 20px;
    font-weight: 500;
    margin-left: 75px;
    margin-top: -12px;
    min-width: -moz-max-content;
    min-width: max-content;
    position: relative
}

.echo-hero-section.inner-2 .echo-hero-baner:nth-child(2) .echo-inner-img-ct-1 .echo-hm2-video-icons .video-play-button:after {
    background: #fff;
    border: .5px solid #fff;
    border-radius: 50%;
    content: "";
    display: block;
    height: 80px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    transition: all .2s;
    width: 80px;
    z-index: 1
}

.echo-hero-section.inner-2 .echo-hero-baner:nth-child(2) .echo-inner-img-ct-1 .echo-hm2-video-icons .video-overlay {
    background: rgba(0,0,0,.8);
    bottom: 0;
    display: none;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: all .5s ease;
    z-index: -1
}

.echo-hero-section.inner-2 .echo-hero-baner:nth-child(2) .echo-inner-img-ct-1 .echo-hm2-video-icons .video-overlay-close {
    color: #fff;
    cursor: pointer;
    font-size: 36px;
    font-weight: 400;
    line-height: 1;
    position: absolute;
    right: 20px;
    text-decoration: none;
    top: 15px;
    transition: all .2s;
    z-index: 1000
}

.echo-hero-section.inner-2 .echo-hero-baner:nth-child(2) .echo-inner-img-ct-1 .echo-hm2-video-icons .video-overlay.open {
    display: block;
    opacity: 1;
    position: fixed;
    z-index: 1000
}

.echo-hero-section.inner-2 .echo-hero-baner:nth-child(2) .echo-inner-img-ct-1 .echo-hm2-video-icons .video-play-button span {
    border-bottom: 8px solid transparent;
    border-left: 14px solid #7817f2;
    border-top: 8px solid transparent;
    display: block;
    height: 0;
    left: 47%;
    position: relative;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 0;
    z-index: 3
}

.echo-hero-section.inner-2 .echo-hero-baner:nth-child(2) .echo-inner-img-ct-1 .echo-hm2-video-icons .video-overlay iframe {
    align-items: center;
    display: flex;
    height: 70%;
    justify-content: center;
    margin: auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: 70%
}

.echo-hero-section.inner-2 .echo-hero-baner:nth-child(5) .echo-inner-img-ct-1 {
    position: relative
}

.echo-hero-section.inner-2 .echo-hero-baner:nth-child(5) .echo-inner-img-ct-1 .echo-hm2-video-icons {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

.echo-hero-section.inner-2 .echo-hero-baner:nth-child(5) .echo-inner-img-ct-1 .echo-hm2-video-icons .vedio-icone {
    position: relative
}

.echo-hero-section.inner-2 .echo-hero-baner:nth-child(5) .echo-inner-img-ct-1 .echo-hm2-video-icons .video-play-button {
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-name: videobuttonpopup;
    background-color: #fff;
    border-radius: 50%;
    box-sizing: content-box;
    display: block;
    display: flex;
    height: 44px;
    padding: 18px 20px 18px 28px;
    width: 32px
}

.echo-hero-section.inner-2 .echo-hero-baner:nth-child(5) .echo-inner-img-ct-1 .echo-hm2-video-icons .video-play-button span {
    color: #0059ff;
    font-size: 20px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

.echo-hero-section.inner-2 .echo-hero-baner:nth-child(5) .echo-inner-img-ct-1 .echo-hm2-video-icons .video-play-button span.outer-text {
    border: none;
    color: #fff;
    font-family: Bona Nova;
    font-size: 20px;
    font-weight: 500;
    margin-left: 75px;
    margin-top: -12px;
    min-width: -moz-max-content;
    min-width: max-content;
    position: relative
}

.echo-hero-section.inner-2 .echo-hero-baner:nth-child(5) .echo-inner-img-ct-1 .echo-hm2-video-icons .video-overlay {
    background: rgba(0,0,0,.8);
    bottom: 0;
    display: none;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: all .5s ease;
    z-index: -1
}

.echo-hero-section.inner-2 .echo-hero-baner:nth-child(5) .echo-inner-img-ct-1 .echo-hm2-video-icons .video-overlay-close {
    color: #fff;
    cursor: pointer;
    font-size: 36px;
    font-weight: 400;
    line-height: 1;
    position: absolute;
    right: 20px;
    text-decoration: none;
    top: 15px;
    transition: all .2s;
    z-index: 1000
}

.echo-hero-section.inner-2 .echo-hero-baner:nth-child(5) .echo-inner-img-ct-1 .echo-hm2-video-icons .video-overlay.open {
    display: block;
    opacity: 1;
    position: fixed;
    z-index: 1000
}

.echo-hero-section.inner-2 .echo-hero-baner:nth-child(5) .echo-inner-img-ct-1 .echo-hm2-video-icons .video-overlay iframe {
    align-items: center;
    display: flex;
    height: 70%;
    justify-content: center;
    margin: auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: 70%
}

.echo-hero-section.inner-2 .echo-hero-baner {
    align-items: center;
    display: flex;
    gap: 30px
}

.echo-hero-section.inner-2 .echo-hero-baner .echo-inner-img-ct-1 {
    flex-basis: 45%
}

.echo-hero-section.inner-2 .echo-hero-baner .echo-banner-texting {
    flex-basis: 55%
}

.echo-hero-section.inner-2 .echo-hero-baner .echo-banner-texting h3 {
    font-size: 40px;
    line-height: 50px;
    padding-top: 20px
}

.echo-hero-section.inner-3 .echo-hm2-video-icons .video-play-button {
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-name: videobuttonpopup;
    border-radius: 50%;
    box-sizing: content-box;
    display: block;
    display: flex;
    height: 44px;
    left: 50%;
    padding: 18px 20px 18px 28px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 32px
}

.echo-hero-section.inner-3 .echo-hm2-video-icons .video-play-button span.outer-text {
    border: none;
    color: #fff;
    font-family: Bona Nova;
    font-size: 20px;
    font-weight: 500;
    margin-left: 75px;
    margin-top: -12px;
    min-width: -moz-max-content;
    min-width: max-content;
    position: relative
}

.echo-hero-section.inner-3 .echo-hm2-video-icons .video-play-button:after {
    background: #fff;
    border: .5px solid #fff;
    border-radius: 50%;
    content: "";
    display: block;
    height: 80px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    transition: all .2s;
    width: 80px;
    z-index: 1
}

.echo-hero-section.inner-3 .echo-hm2-video-icons .video-overlay {
    background: rgba(0,0,0,.8);
    bottom: 0;
    display: none;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: all .5s ease;
    z-index: -1
}

.echo-hero-section.inner-3 .echo-hm2-video-icons .video-overlay-close {
    color: #fff;
    cursor: pointer;
    font-size: 36px;
    font-weight: 400;
    line-height: 1;
    position: absolute;
    right: 20px;
    text-decoration: none;
    top: 15px;
    transition: all .2s;
    width: 30px;
    z-index: 1000
}

.echo-hero-section.inner-3 .echo-hm2-video-icons .video-overlay.open {
    display: block;
    opacity: 1;
    position: fixed;
    z-index: 1000
}

.echo-hero-section.inner-3 .echo-hm2-video-icons .video-play-button span {
    border-bottom: 8px solid transparent;
    border-left: 14px solid #7817f2;
    border-top: 8px solid transparent;
    display: block;
    height: 0;
    left: 47%;
    position: relative;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 0;
    z-index: 3
}

.echo-hero-section.inner-3 .echo-hm2-video-icons .video-overlay iframe {
    align-items: center;
    display: flex;
    height: 70%;
    justify-content: center;
    margin: auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: 70%
}

.echo-hero-section.inner-3 .echo-de-category-show-more-btn {
    margin-top: 50px
}

.echo-hero-section.inner-3 .echo-ct-style-bg-color .banner-inner-3 {
    background-color: #fff;
    display: block
}

.echo-hero-section.inner-3 .echo-ct-style-bg-color .banner-inner-3 .echo-inner-ct-style-3-full-width {
    padding: 0 30px 5px
}

.echo-hero-section.inner-3 .echo-ct-style-bg-color .banner-inner-3 .echo-inner-ct-style-3-full-width p {
    font-size: 16px
}

.echo-hero-section.inner-3 .echo-ct-style-bg-color .echo-griding-ct-style-3:nth-child(2) {
    margin-bottom: 30px;
    margin-top: 30px
}

.echo-hero-section.inner-3 .echo-ct-style-bg-color .echo-griding-ct-style-3.echo-ct-style-3-ls {
    margin-top: 30px
}

.echo-hero-section.inner-3 .echo-ct-style-bg-color .echo-griding-ct-style-3.echo-ct-style-3-ls .echo-hm2-video-icons {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

.echo-hero-section.inner-3 .echo-ct-style-bg-color .echo-griding-ct-style-3.echo-ct-style-3-ls .echo-hm2-video-icons .vedio-icone {
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 50%;
    height: 80px;
    line-height: 80px;
    position: relative;
    width: 80px
}

.echo-hero-section.inner-3 .echo-ct-style-bg-color .echo-griding-ct-style-3.echo-ct-style-3-ls .echo-hm2-video-icons .vedio-icone span {
    cursor: pointer;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

.echo-hero-section.inner-3 .echo-ct-style-bg-color .echo-griding-ct-style-3.echo-ct-style-3-ls .echo-hm2-video-icons .vedio-icone span svg path {
    fill: #7817f2
}

.echo-hero-section.inner-3 .echo-ct-style-bg-color .echo-griding-ct-style-3 {
    display: flex;
    gap: 30px
}

.echo-hero-section.inner-3 .echo-ct-style-bg-color .echo-griding-ct-style-3 .echo-hero-baner {
    background-color: #fff;
    display: block;
    margin-bottom: 0
}

.echo-hero-section.inner-3 .echo-ct-style-bg-color .echo-griding-ct-style-3 .echo-hero-baner .echo-inner-img-ct-1.img-transition-scale {
    overflow: visible;
    position: relative
}

.echo-hero-section.inner-3 .echo-ct-style-bg-color .echo-griding-ct-style-3 .echo-hero-baner .echo-inner-img-ct-1.img-transition-scale a {
    overflow: hidden
}

.echo-hero-section.inner-3 .echo-ct-style-bg-color .echo-griding-ct-style-3 .echo-hero-baner .echo-banner-texting {
    padding: 10px 25px 30px
}

.echo-hero-section.inner-3 .echo-ct-style-bg-color .echo-griding-ct-style-3 .echo-hero-baner .echo-banner-texting h4 {
    font-size: 25px;
    line-height: 35px
}

.echo-hero-section.inner-3 .echo-ct-style-bg-color .echo-griding-ct-style-3 .echo-hero-baner .echo-banner-texting .echo-hero-area-titlepost-post-like-comment-share {
    margin-top: 35px
}

.echo-hero-section.inner-3 .echo-ct-style-bg-color .echo-griding-ct-style-3 .echo-hero-baner .echo-banner-texting p {
    margin-bottom: 0
}

.echo-hero-section.inner-3 .echo-ct-style-bg-color .echo-popular-item-category {
    padding-top: 30px
}

.echo-hero-section.inner-3 .echo-ct-style-bg-color .echo-popular-item-category .echo-popular-cat-content {
    align-items: center;
    background-color: #fff;
    display: flex;
    gap: 15px;
    margin-bottom: 20px;
    padding: 20px
}

.echo-hero-section.inner-3 .echo-ct-style-bg-color .echo-popular-item-category .echo-popular-cat-content .echo-popular-cat-img {
    flex-basis: 35%
}

.echo-hero-section.inner-3 .echo-ct-style-bg-color .echo-popular-item-category .echo-popular-cat-content .echo-popular-cat-title {
    flex-basis: 80%
}

.echo-hero-section.inner-3 .echo-ct-style-bg-color .echo-popular-item-category .echo-popular-cat-content .echo-popular-cat-title h5 {
    font-size: 25px;
    line-height: 35px;
    margin: 0
}

.echo-hero-section.inner-3 .echo-ct-style-bg-color .echo-popular-item-category .echo-popular-cat-content .echo-popular-cat-title .echo-popular-cat-view {
    margin-top: 10px
}

.echo-hero-section.inner-3 .echo-ct-style-bg-color .echo-popular-item-category .echo-popular-cat-content .echo-popular-cat-title .echo-popular-cat-view a {
    font-size: 14px
}

.echo-hero-section.inner-3 .echo-ct-style-bg-color .echo-popular-item-category .echo-popular-cat-content .echo-popular-cat-title .echo-popular-cat-view a i {
    font-size: 15px;
    margin-right: 6px
}

.echo-banner-innerpage {
    padding: 100px 0 0
}

.echo-hero-section.inner-post .echo-financial-area .content .content-wrapper .wrapper-item {
    padding-left: 30px
}

.echo-hero-section.inner-post .echo-financial-area .content .details-share,.echo-hero-section.inner-post .echo-financial-area .content .details-tag {
    flex-wrap: wrap
}

.echo-hero-section.inner-post-3 {
    padding-top: 5px
}

.echo-hero-section.inner-post-3 .echo-hero-discription {
    margin-bottom: 15px
}

.echo-hero-section.inner-post-3 .echo-hero-discription span {
    border: 1px solid rgba(94,94,94,.302);
    color: #181823;
    display: block;
    float: left;
    font-family: Bona Nova,", serif";
    font-size: 80px;
    line-height: 96px;
    margin-right: 20px;
    padding: 25px 45px
}

.echo-hero-section.inner-post-3 .echo-post-style-quote-info-flexing {
    display: flex;
    gap: 30px
}

.echo-hero-section.inner-post-3 .echo-post-style-quote-info-flexing .echo-quote-area {
    background-color: transparent!important;
    flex-basis: 48%;
    padding: 0;
    position: relative
}

.echo-hero-section.inner-post-3 .echo-post-style-quote-info-flexing .echo-quote-area:after {
    background-color: #454545;
    content: "";
    height: 100%;
    position: absolute;
    right: -10px;
    top: 0;
    width: 1px
}

.echo-hero-section.inner-post-3 .echo-post-style-quote-info-flexing .echo-quote-area:before {
    display: none
}

.echo-hero-section.inner-post-3 .echo-post-style-quote-info-flexing .echo-quote-area h2 {
    font-size: 23px;
    font-weight: 400;
    line-height: 35px;
    margin: 20px 0 0
}

.echo-hero-section.inner-post-3 .echo-post-style-quote-info-flexing .echo-quote-area .author {
    font-weight: 700;
    margin-top: 15px
}

.echo-hero-section.inner-post-3 .echo-post-style-quote-info-flexing .echo-quote-info {
    flex-basis: 52%
}

.echo-hero-section.inner-post-3 .echo-financial-area .content h3 .echo-post-title {
    font-size: 40px;
    line-height: 50px;
    margin: 0
}

.echo-hero-section.inner-post-3 .echo-alignment-pt-style-2 {
    margin-top: 30px
}

.echo-hero-section.inner-post-3 .echo-top-story .next i {
    margin-left: 6px
}

.echo-hero-section.inner-post-3 .echo-top-story h6 {
    font-size: 20px;
    line-height: 30px;
    margin-top: 10px
}

.echo-hero-section.inner-post-3 .echo-ab-pr .echo-ab-pr-img {
    margin-bottom: 15px
}

.echo-hero-section.inner-post-3 .echo-ab-pr .echo-ab-pr-name {
    margin-bottom: 10px
}

.echo-hero-section.inner-post-3 .echo-ab-pr .echo-ab-pr-name h5 {
    font-size: 25px;
    line-height: 35px;
    margin: 0
}

.echo-hero-section.inner-post-3 .echo-ab-pr .echo-ab-pr-sub-name {
    margin-bottom: 20px
}

.echo-hero-section.inner-post-3 .echo-ab-pr .echo-ab-pr-info {
    margin-bottom: 25px
}

.echo-hero-section.inner-post-3 .echo-ab-pr .echo-ab-pr-info p {
    font-size: 16px;
    line-height: 26px;
    margin: 0
}

.echo-hero-section.inner-post-3 .echo-ab-pr .echo-footer-social-media {
    margin-bottom: 70px;
    text-align: center
}

.echo-hero-section.inner-post-3 .echo-ab-pr .echo-footer-social-media a {
    border: 1px solid #5e5e5e;
    border-radius: 50%;
    display: inline-block;
    font-size: 16px;
    height: 35px;
    line-height: 35px;
    margin: 0 5px;
    position: relative;
    text-align: center;
    transform: scale(.9);
    transition: all .3s ease;
    width: 35px
}

.echo-hero-section.inner-post-3 .echo-ab-pr .echo-footer-social-media a i {
    color: #5e5e5e
}

.echo-hero-section.inner-post-3 .echo-ab-pr .echo-footer-social-media a:hover {
    background-color: var(--color-primary);
    border: 1px solid transparent
}

.echo-hero-section.inner-post-3 .echo-ab-pr .echo-footer-social-media a:hover i {
    color: #fff
}

.echo-hero-section.inner-post-3 .echo-ps-2-subscribe-box {
    background-image: url(../images/home-1/hero/top-story22.png);
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 40px
}

.echo-hero-section.inner-post-3 .echo-ps-2-subscribe-box .echo-ps-2-subscribe-all-content {
    padding: 50px 40px
}

.echo-hero-section.inner-post-3 .echo-ps-2-subscribe-box .echo-ps-2-subscribe-all-content .echo-ps-2-subscribe-title h5 {
    font-size: 25px;
    line-height: 35px
}

.echo-hero-section.inner-post-3 .echo-ps-2-subscribe-box .echo-ps-2-subscribe-all-content .echo-ps-2-subscribe-sub-title {
    margin-bottom: 25px;
    margin-top: 15px
}

.echo-hero-section.inner-post-3 .echo-ps-2-subscribe-box .echo-ps-2-subscribe-all-content .echo-ps-2-subscribe-sub-title p {
    font-size: 16px;
    line-height: 26px;
    margin: 0
}

.echo-hero-section.inner-post-3 .echo-ps-2-subscribe-box .echo-ps-2-subscribe-all-content .echo-subscribe-input-fill {
    position: relative
}

.echo-hero-section.inner-post-3 .echo-ps-2-subscribe-box .echo-ps-2-subscribe-all-content .echo-subscribe-input-fill form {
    text-align: center
}

.echo-hero-section.inner-post-3 .echo-ps-2-subscribe-box .echo-ps-2-subscribe-all-content .echo-subscribe-input-fill form svg {
    margin-left: 10px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.echo-hero-section.inner-post-3 .echo-ps-2-subscribe-box .echo-ps-2-subscribe-all-content .echo-subscribe-input-fill form svg path {
    fill: #454545;
    width: 20px
}

.echo-hero-section.inner-post-3 .echo-ps-2-subscribe-box .echo-ps-2-subscribe-all-content .echo-subscribe-input-fill form input {
    border: 1px solid rgba(0,0,0,.15);
    height: 60px;
    padding: 0 0 0 35px;
    width: 500px
}

.echo-hero-section.inner-post-3 .echo-ps-2-subscribe-box .echo-ps-2-subscribe-all-content .echo-subscribe-input-fill form input::-moz-placeholder {
    color: #fff;
    font-size: 15px
}

.echo-hero-section.inner-post-3 .echo-ps-2-subscribe-box .echo-ps-2-subscribe-all-content .echo-subscribe-input-fill form input::placeholder {
    color: #fff;
    font-size: 15px
}

.echo-hero-section.inner-post-3 .echo-ps-2-subscribe-box .echo-ps-2-subscribe-all-content .echo-subscribe-input-fill form .echo-ps-2-subscribe-btn {
    background: var(--color-primary);
    border-bottom: 1px solid transparent;
    border-right: 1px solid transparent;
    border-top: 1px solid transparent;
    height: 60px;
    position: absolute;
    transition: .3s ease;
    width: 75px
}

.echo-hero-section.inner-post-3 .echo-ps-2-subscribe-box .echo-ps-2-subscribe-all-content .echo-subscribe-input-fill form .echo-ps-2-subscribe-btn i {
    color: #fff
}

.echo-hero-section.inner-post-3 .echo-ps-2-subscribe-box .echo-ps-2-subscribe-all-content .echo-subscribe-input-fill form .echo-ps-2-subscribe-btn:hover {
    background-color: #181823
}

.echo-hero-section.inner-post-3 .echo-ps-2-subscribe-box .echo-ps-2-subscribe-all-content .echo-subscribe-input-fill form .echo-ps-2-subscribe-btn:hover i {
    color: #fff
}

.echo-banner-innerpage .banner-inner .banner-image.top {
    margin-bottom: 20px
}

.echo-hero-section .echo-hero-baner-text-heading-info-ct-1 {
    padding: 25px 30px
}

.hero-home-five {
    background-image: url(../images/hm-5/hm5-banner-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    padding: 245px 0 260px;
    position: relative;
    z-index: 1
}

@media(max-width: 768px) {
    .hero-home-five {
        padding:200px 0
    }
}

@media(max-width: 576px) {
    .hero-home-five {
        padding:150px 0 120px
    }
}

.hero-home-five .hm-5-container .hero-hm5-img {
    bottom: 0;
    position: absolute;
    right: 32px;
    z-index: -1
}

@media(max-width: 768px) {
    .hero-home-five .hm-5-container .hero-hm5-img {
        display:none
    }
}

.hero-home-five .hm-5-container .hero-hm5-text {
    position: relative
}

.hero-home-five .hm-5-container .hero-hm5-text .hero-hm5-sub-title {
    margin-bottom: 33px
}

.hero-home-five .hm-5-container .hero-hm5-text .hero-hm5-sub-title p {
    color: var(--home-5-body-color);
    font-family: var(--home-5-body-font);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding-left: 56px;
    position: relative;
    text-transform: uppercase
}

.hero-home-five .hm-5-container .hero-hm5-text .hero-hm5-sub-title p:before {
    background-color: var(--color-white);
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px
}

.hero-home-five .hm-5-container .hero-hm5-text .hero-hm5-title {
    margin-bottom: 60px;
    max-width: 60%
}

@media(max-width: 1500px) {
    .hero-home-five .hm-5-container .hero-hm5-text .hero-hm5-title {
        max-width:75%
    }
}

@media(max-width: 1200px) {
    .hero-home-five .hm-5-container .hero-hm5-text .hero-hm5-title {
        max-width:100%
    }
}

.hero-home-five .hm-5-container .hero-hm5-text .hero-hm5-title h2 {
    color: var(--color-white);
    font-family: var(--home-5-title-font);
    font-size: 145px;
    font-style: normal;
    font-weight: 400;
    line-height: 140px;
    text-transform: uppercase
}

@media(max-width: 991px) {
    .hero-home-five .hm-5-container .hero-hm5-text .hero-hm5-title h2 {
        font-size:100px;
        line-height: 1.1
    }
}

@media(max-width: 768px) {
    .hero-home-five .hm-5-container .hero-hm5-text .hero-hm5-title h2 {
        font-size:90px
    }
}

@media(max-width: 576px) {
    .hero-home-five .hm-5-container .hero-hm5-text .hero-hm5-title h2 {
        font-size:70px
    }
}

@media(max-width: 450px) {
    .hero-home-five .hm-5-container .hero-hm5-text .hero-hm5-title h2 {
        font-size:46px
    }
}

.hero-home-five .shape1 {
    bottom: 40px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%)
}

@media(max-width: 576px) {
    .hero-home-five .shape1 {
        display:none
    }
}

.hero-home-five .shape2 {
    bottom: 40px;
    position: absolute;
    right: 0;
    z-index: -2
}

@media(max-width: 768px) {
    .hero-home-five .shape2 {
        width:150px
    }
}

@media(max-width: 576px) {
    .hero-home-five .shape2 {
        bottom:50%;
        transform: translateY(50%);
        width: 100px;
        width: 70px
    }
}

.hm5-feature-area {
    background-color: #190108;
    overflow: hidden;
    padding: 120px 0
}

.hm5-feature-area .hm5-feature-title .hm-5-title-btn .hm-5-main-title h2 {
    margin-bottom: 0
}

@media(max-width: 991px) {
    .hm5-feature-area .hm5-feature-title .hm-5-title-btn .hm5-btn-1 {
        font-size:16px;
        padding: 20px 48px 18px 20px
    }
}

@media(max-width: 768px) {
    .hm5-feature-area .hm5-feature-title .hm-5-title-btn .hm5-btn-1 {
        display:none
    }
}

.hm5-feature-area .hm5-feature-content {
    margin-top: 40px
}

@media(max-width: 1200px) {
    .hm5-feature-area .hm5-feature-content .hm5-featurea-main-content {
        margin-bottom:50px
    }

    .hm5-feature-area .hm5-feature-content .hm5-featurea-main-content.small:last-child {
        margin-bottom: 0
    }
}

.hm5-feature-area .hm5-feature-content .hm5-featurea-main-content .hm5-feature-img {
    border-radius: 15px;
    position: relative
}

.hm5-feature-area .hm5-feature-content .hm5-featurea-main-content .hm5-feature-img img {
    width: 100%
}

.hm5-feature-area .hm5-feature-content .hm5-featurea-main-content .hm5-featurea-meta-content {
    margin-top: 27px
}

.hm5-feature-area .hm5-feature-content .hm5-featurea-main-content .hm5-featurea-meta-content .hm5-feature-img-title {
    margin-top: 25px
}

.hm5-feature-area .hm5-feature-content .hm5-featurea-main-content .hm5-featurea-meta-content .hm5-feature-img-title h3 {
    color: var(--color-white);
    font-family: var(--home-5-title-font);
    font-size: 39px;
    font-style: normal;
    font-weight: 500;
    line-height: 50px;
    text-transform: uppercase
}

@media(max-width: 1400px)and (min-width:1200px) {
    .hm5-feature-area .hm5-feature-content .hm5-featurea-main-content .hm5-featurea-meta-content .hm5-feature-img-title h3 {
        font-size:32px;
        line-height: 1.1
    }
}

@media(max-width: 576px) {
    .hm5-feature-area .hm5-feature-content .hm5-featurea-main-content .hm5-featurea-meta-content .hm5-feature-img-title h3 {
        font-size:32px;
        line-height: 42px
    }
}

@media(max-width: 450px) {
    .hm5-feature-area .hm5-feature-content .hm5-featurea-main-content .hm5-featurea-meta-content .hm5-feature-img-title h3 {
        font-size:28px;
        line-height: 38px
    }
}

.hm5-feature-area .hm5-feature-content .hm5-featurea-main-content .hm5-featurea-meta-content .hm5-feature-img-title h3 a {
    background-image: linear-gradient(90deg,#fff 50%,transparent 0);
    background-size: 200% 2px
}

.hm5-feature-area .hm5-feature-content .hm5-featurea-main-content .hm5-featurea-meta-content .hm5-feature-img-title h3 a:hover {
    color: #fff
}

.hm5-feature-area .hm5-feature-content .hm5-featurea-main-content .hm5-featurea-meta-content .feature-img-content-btn {
    margin-top: 52px
}

.hm5-feature-area.area2 {
    background: none
}

.hm5-feature-area.area2 .hm5-feature-title .hm-5-main-title h2 {
    color: #190108;
    font-family: var(--home-5-title-font);
    font-size: 70px;
    font-weight: 400;
    position: relative;
    text-align: center;
    text-transform: uppercase
}

@media(max-width: 1200px) {
    .hm5-feature-area.area2 .hm5-feature-title .hm-5-main-title h2 {
        font-size:60px;
        line-height: 1.1
    }
}

@media(max-width: 768px) {
    .hm5-feature-area.area2 .hm5-feature-title .hm-5-main-title h2 {
        font-size:45px;
        line-height: 1.1
    }
}

.hm5-feature-area.area2 .hm5-feature-title .hm-5-main-title h2:after,.hm5-feature-area.area2 .hm5-feature-title .hm-5-main-title h2:before {
    background: #d5225b;
    content: "";
    height: 1px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 32%
}

@media(max-width: 1200px) {
    .hm5-feature-area.area2 .hm5-feature-title .hm-5-main-title h2:after,.hm5-feature-area.area2 .hm5-feature-title .hm-5-main-title h2:before {
        width:30%
    }
}

@media(max-width: 991px) {
    .hm5-feature-area.area2 .hm5-feature-title .hm-5-main-title h2:after,.hm5-feature-area.area2 .hm5-feature-title .hm-5-main-title h2:before {
        display:none
    }
}

.hm5-feature-area.area2 .hm5-feature-title .hm-5-main-title h2:before {
    left: 0
}

.hm5-feature-area.area2 .hm5-feature-title .hm-5-main-title h2:after {
    right: 0
}

.hm5-feature-area.area2 .hm5-feature-content .hm5-featurea-main-content {
    margin-bottom: 50px
}

.hm5-feature-area.area2 .hm5-feature-content .hm5-featurea-main-content .hm5-featurea-meta-content .hm5-feature-img-title h3 {
    font-size: 50px;
    line-height: 60px
}

@media(max-width: 991px) {
    .hm5-feature-area.area2 .hm5-feature-content .hm5-featurea-main-content .hm5-featurea-meta-content .hm5-feature-img-title h3 {
        font-size:42px;
        line-height: 52px
    }
}

@media(max-width: 576px) {
    .hm5-feature-area.area2 .hm5-feature-content .hm5-featurea-main-content .hm5-featurea-meta-content .hm5-feature-img-title h3 {
        font-size:32px;
        line-height: 42px
    }
}

@media(max-width: 450px) {
    .hm5-feature-area.area2 .hm5-feature-content .hm5-featurea-main-content .hm5-featurea-meta-content .hm5-feature-img-title h3 {
        font-size:28px;
        line-height: 38px
    }
}

.hm5-feature-area.area2 .hm5-feature-content .hm5-featurea-main-content .hm5-featurea-meta-content .hm5-feature-img-title h3 a {
    background-image: linear-gradient(90deg,#190108 50%,transparent 0);
    background-position: 100% 90%;
    background-size: 200% 2px;
    color: #190108
}

.hm5-feature-area.area2 .hm5-feature-content .hm5-featurea-main-content .hm5-featurea-meta-content .hm5-feature-img-title h3 a:hover {
    background-position: 0 90%
}

.hm5-feature-area.area2 .hm5-feature-content .hm5-featurea-main-content .hm5-featurea-meta-content .feature-img-content-btn {
    margin-top: 30px
}

.hm5-feature-area.area2 .hm5-feature-content .hm5-featurea-main-content .hm5-featurea-meta-content .feature-img-content-btn .hm5-btn-2 {
    border: 1px solid #d5225b;
    color: #d5225b
}

.hm5-feature-area.area2 .hm5-feature-content .hm5-featurea-main-content .hm5-featurea-meta-content .feature-img-content-btn .hm5-btn-2:hover {
    color: #fff
}

.hm5-feature-area.video {
    background: #4c091e
}

.hm5-feature-area.video .hm5-feature-content .hm5-featurea-main-content .hm5-featurea-meta-content .hm5-feature-img-title.left h3 {
    font-size: 60px;
    line-height: 70px
}

@media(max-width: 768px) {
    .hm5-feature-area.video .hm5-feature-content .hm5-featurea-main-content .hm5-featurea-meta-content .hm5-feature-img-title.left h3 {
        font-size:48px;
        line-height: 58px
    }
}

@media(max-width: 576px) {
    .hm5-feature-area.video .hm5-feature-content .hm5-featurea-main-content .hm5-featurea-meta-content .hm5-feature-img-title.left h3 {
        font-size:32px;
        line-height: 42px
    }
}

.hm5-feature-area.video .hm5-feature-content .hm5-featurea-main-content .hm5-featurea-meta-content .hm5-feature-img-title h3 a {
    background-position: 100% 90%;
    background-size: 200% 2px
}

.hm5-feature-area.video .hm5-feature-content .hm5-featurea-main-content .hm5-featurea-meta-content .hm5-feature-img-title h3 a:hover {
    background-position: 0 90%
}

.hm5-feature-area.video .hm5-feature-content .hm5-featurea-main-content .video-play-button {
    border-radius: 50%;
    box-sizing: content-box;
    display: block;
    display: flex;
    height: 44px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 32px
}

.hm5-feature-area.video .hm5-feature-content .hm5-featurea-main-content .video-play-button:after {
    background: #fff;
    border: .5px solid #fff;
    border-radius: 50%;
    content: "";
    display: block;
    height: 70px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    transition: all .2s;
    width: 70px;
    z-index: 1
}

.hm5-feature-area.video .hm5-feature-content .hm5-featurea-main-content .video-play-button:before {
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    background: hsla(0,0%,100%,.15);
    border-radius: 50%;
    content: "";
    display: block;
    height: 100px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    transition: all .2s;
    width: 100px;
    z-index: 1
}

.hm5-feature-area.video .hm5-feature-content .hm5-featurea-main-content .video-overlay {
    background: rgba(0,0,0,.8);
    bottom: 0;
    display: none;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: all .5s ease;
    z-index: -1
}

.hm5-feature-area.video .hm5-feature-content .hm5-featurea-main-content .video-overlay-close {
    color: #fff;
    cursor: pointer;
    font-size: 36px;
    font-weight: 400;
    line-height: 1;
    position: absolute;
    right: 20px;
    text-decoration: none;
    top: 15px;
    transition: all .2s;
    z-index: 1000
}

.hm5-feature-area.video .hm5-feature-content .hm5-featurea-main-content .video-overlay.open {
    display: block;
    opacity: 1;
    position: fixed;
    z-index: 1000
}

.hm5-feature-area.video .hm5-feature-content .hm5-featurea-main-content .video-play-button span {
    border-bottom: 8px solid transparent;
    border-left: 14px solid #d5225b;
    border-top: 8px solid transparent;
    display: block;
    height: 0;
    left: 50%;
    position: relative;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 0;
    z-index: 3
}

.hm5-feature-area.video .hm5-feature-content .hm5-featurea-main-content .video-overlay iframe {
    align-items: center;
    display: flex;
    height: 70%;
    justify-content: center;
    margin: auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: 70%
}

.hm5-feature-area.video .hm5-feature-content .right-side {
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    background: hsla(0,0%,100%,.1);
    border-radius: 20px;
    padding: 30px
}

.hm5-feature-area.video .hm5-feature-content .right-side .hm5-featurea-main-content .hm5-featurea-meta-content {
    margin-top: 20px
}

.hm5-feature-area.video .hm5-feature-content .right-side .hm5-featurea-main-content .hm5-featurea-meta-content .hm5-feature-img-title {
    margin-top: 15px
}

.hm5-feature-area.video .hm5-feature-content .right-side .hm5-featurea-main-content:last-child .hm5-featurea-meta-content .hm5-feature-img-title h3 {
    margin-bottom: 0
}

.hm5-feature-area.area3 {
    background: none;
    padding-bottom: 0
}

.hm5-feature-area.area3 .hm5-feature-title .hm-5-main-title h2 {
    color: #190108;
    font-family: var(--home-5-title-font);
    font-size: 70px;
    font-weight: 400;
    position: relative;
    text-align: center;
    text-transform: uppercase
}

@media(max-width: 991px) {
    .hm5-feature-area.area3 .hm5-feature-title .hm-5-main-title h2 {
        font-size:54px
    }
}

@media(max-width: 576px) {
    .hm5-feature-area.area3 .hm5-feature-title .hm-5-main-title h2 {
        font-size:42px
    }
}

.hm5-feature-area.area3 .hm5-feature-title .hm-5-main-title h2:after,.hm5-feature-area.area3 .hm5-feature-title .hm-5-main-title h2:before {
    background: #d5225b;
    content: "";
    height: 1px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 32%
}

@media(max-width: 1200px) {
    .hm5-feature-area.area3 .hm5-feature-title .hm-5-main-title h2:after,.hm5-feature-area.area3 .hm5-feature-title .hm-5-main-title h2:before {
        width:28%
    }
}

@media(max-width: 991px) {
    .hm5-feature-area.area3 .hm5-feature-title .hm-5-main-title h2:after,.hm5-feature-area.area3 .hm5-feature-title .hm-5-main-title h2:before {
        display:none
    }
}

.hm5-feature-area.area3 .hm5-feature-title .hm-5-main-title h2:before {
    left: 0
}

.hm5-feature-area.area3 .hm5-feature-title .hm-5-main-title h2:after {
    right: 0
}

.hm5-feature-area.area3 .hm5-feature-content .hm5-featurea-main-content {
    margin-bottom: 50px
}

.hm5-feature-area.area3 .hm5-feature-content .hm5-featurea-main-content .hm5-featurea-meta-content .hm5-feature-img-title h3 {
    font-size: 39px;
    line-height: 50px
}

@media(max-width: 1460px)and (min-width:1200px) {
    .hm5-feature-area.area3 .hm5-feature-content .hm5-featurea-main-content .hm5-featurea-meta-content .hm5-feature-img-title h3 {
        font-size:28px;
        line-height: 38px
    }
}

@media(max-width: 991px) {
    .hm5-feature-area.area3 .hm5-feature-content .hm5-featurea-main-content .hm5-featurea-meta-content .hm5-feature-img-title h3 {
        font-size:32px;
        line-height: 42px
    }
}

.hm5-feature-area.area3 .hm5-feature-content .hm5-featurea-main-content .hm5-featurea-meta-content .hm5-feature-img-title h3 a {
    background-image: linear-gradient(90deg,#190108 50%,transparent 0);
    background-position: 100% 90%;
    background-size: 200% 2px;
    color: #190108
}

.hm5-feature-area.area3 .hm5-feature-content .hm5-featurea-main-content .hm5-featurea-meta-content .hm5-feature-img-title h3 a:hover {
    background-position: 0 90%
}

.hm5-feature-area.area3 .hm5-feature-content .hm5-featurea-main-content .hm5-featurea-meta-content .feature-img-content-btn {
    margin-top: 30px
}

.hm5-feature-area.area3 .hm5-feature-content .hm5-featurea-main-content .hm5-featurea-meta-content .feature-img-content-btn .hm5-btn-2 {
    border: 1px solid #d5225b;
    color: #d5225b
}

.hm5-feature-area.area3 .hm5-feature-content .hm5-featurea-main-content .hm5-featurea-meta-content .feature-img-content-btn .hm5-btn-2:hover {
    color: #fff
}

.hm5-feature-area.area3 .hm5-feature-content .hm5-featurea-main-content.small {
    align-items: center;
    display: flex;
    gap: 30px;
    margin-bottom: 30px
}

@media(max-width: 768px) {
    .hm5-feature-area.area3 .hm5-feature-content .hm5-featurea-main-content.small {
        display:block
    }
}

.hm5-feature-area.area3 .hm5-feature-content .hm5-featurea-main-content.small:last-child {
    margin-bottom: 0
}

@media(max-width: 991px) {
    .hm5-feature-area.area3 .hm5-feature-content .hm5-featurea-main-content.small:last-child {
        margin-bottom:30px
    }
}

.hm5-feature-area.area3 .hm5-feature-content .hm5-featurea-main-content.small .hm5-feature-img {
    flex-basis: 50%
}

.hm5-feature-area.area3 .hm5-feature-content .hm5-featurea-main-content.small .hm5-featurea-meta-content {
    flex-basis: 50%;
    margin-top: 0
}

@media(max-width: 768px) {
    .hm5-feature-area.area3 .hm5-feature-content .hm5-featurea-main-content.small .hm5-featurea-meta-content {
        margin-top:30px
    }
}

.hm5-feature-area.area3 .hm5-feature-content .hm5-featurea-main-content.small .hm5-featurea-meta-content .hm5-feature-img-title h3 {
    font-size: 40px;
    line-height: 45px
}

@media(max-width: 991px) {
    .hm5-feature-area.area3 .hm5-feature-content .hm5-featurea-main-content.small .hm5-featurea-meta-content .hm5-feature-img-title h3 {
        font-size:32px;
        line-height: 42px
    }
}

.hm5-feature-area.area3 .hm5-feature-content .hm5-featurea-main-content.small .hm5-featurea-meta-content .feature-img-content-btn .hm5-btn-2 {
    color: #d5225b;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    text-transform: uppercase
}

.hm5-feature-area.area3 .hm5-feature-content .hm5-featurea-main-content.small .hm5-featurea-meta-content .feature-img-content-btn .hm5-btn-2:hover {
    color: #fff
}

.hm5-feature-area.area3 .hm5-feature-content .hm5-featurea-main-content.large .hm5-featurea-meta-content h3 {
    font-size: 60px;
    line-height: 70px
}

@media(max-width: 768px) {
    .hm5-feature-area.area3 .hm5-feature-content .hm5-featurea-main-content.large .hm5-featurea-meta-content h3 {
        font-size:48px;
        line-height: 58px
    }
}

@media(max-width: 576px) {
    .hm5-feature-area.area3 .hm5-feature-content .hm5-featurea-main-content.large .hm5-featurea-meta-content h3 {
        font-size:32px;
        line-height: 42px
    }
}

.rts-match-result-section {
    background: #4c091e;
    padding: 100px 0
}

.rts-match-result-section .section-inner .match-wrapper {
    margin: 0 15px
}

@media(max-width: 1460px)and (min-width:1200px) {
    .rts-match-result-section .section-inner .match-wrapper {
        margin:0 10px
    }
}

@media(max-width: 1200px) {
    .rts-match-result-section .section-inner .match-wrapper {
        margin:0 0 60px
    }
}

.rts-match-result-section .section-inner .match-wrapper.first {
    margin-left: 0
}

.rts-match-result-section .section-inner .match-wrapper.last {
    margin-right: 0
}

.rts-match-result-section .section-inner .match-wrapper .team {
    align-items: center;
    display: flex;
    gap: 30px;
    justify-content: center;
    margin-bottom: 40px
}

@media(max-width: 1600px) {
    .rts-match-result-section .section-inner .match-wrapper .team {
        gap:15px
    }
}

@media(max-width: 1460px)and (min-width:1200px) {
    .rts-match-result-section .section-inner .match-wrapper .team {
        gap:10px;
        margin-bottom: 20px
    }
}

@media(max-width: 1200px) {
    .rts-match-result-section .section-inner .match-wrapper .team {
        margin-bottom:20px
    }
}

.rts-match-result-section .section-inner .match-wrapper .team .club {
    align-items: center;
    display: flex;
    gap: 20px
}

@media(max-width: 1600px) {
    .rts-match-result-section .section-inner .match-wrapper .team .club {
        gap:10px
    }
}

@media(max-width: 450px) {
    .rts-match-result-section .section-inner .match-wrapper .team .club {
        display:block;
        text-align: center
    }
}

.rts-match-result-section .section-inner .match-wrapper .team .club img {
    height: 60px;
    width: 60px
}

.rts-match-result-section .section-inner .match-wrapper .team .club .title {
    color: #f6eeea;
    font-family: var(--home-5-title-font);
    font-size: 24px;
    font-weight: 400;
    line-height: 30px;
    margin: 0;
    text-transform: uppercase
}

@media(max-width: 1460px)and (min-width:1200px) {
    .rts-match-result-section .section-inner .match-wrapper .team .club .title {
        font-size:16px
    }
}

.rts-match-result-section .section-inner .match-wrapper .team .club.two .title {
    text-align: end
}

@media(max-width: 450px) {
    .rts-match-result-section .section-inner .match-wrapper .team .club.two .title {
        text-align:center
    }
}

.rts-match-result-section .section-inner .match-wrapper .team span {
    width: 50px
}

.rts-match-result-section .section-inner .match-wrapper .team span img {
    width: 100%
}

.rts-match-result-section .section-inner .match-wrapper .result {
    align-items: center;
    border: 1px solid #5f1028;
    display: flex;
    justify-content: space-between
}

@media(max-width: 1200px) {
    .rts-match-result-section .section-inner .match-wrapper .result {
        justify-content:center;
        margin: auto;
        max-width: -moz-max-content;
        max-width: max-content
    }
}

.rts-match-result-section .section-inner .match-wrapper .result .score {
    border-right: 1px solid #5f1028;
    color: #fff;
    font-family: var(--home-5-title-font);
    font-size: 30px;
    font-weight: 400;
    padding: 20px;
    text-transform: uppercase
}

.rts-match-result-section .section-inner .match-wrapper .result .score.last {
    border-left: 1px solid #5f1028;
    border-right: none
}

.rts-match-result-section .section-inner .match-wrapper .result .time {
    color: #fff;
    font-family: var(--home-5-title-font);
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase
}

@media(max-width: 1200px) {
    .rts-match-result-section .section-inner .match-wrapper .result .time {
        padding:0 190px
    }
}

@media(max-width: 576px) {
    .rts-match-result-section .section-inner .match-wrapper .result .time {
        padding:0 100px
    }
}

@media(max-width: 450px) {
    .rts-match-result-section .section-inner .match-wrapper .result .time {
        padding:0 30px
    }
}

.echo-latest-news-area.home-six {
    background: url(../images/home-1/latest-news/latest-news-bg6.png)!important;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 90px 0 80px
}

.echo-latest-news-area.home-six .section-inner .echo-latest-news-main-content {
    align-items: center;
    display: flex;
    gap: 20px
}

@media(max-width: 1200px) {
    .echo-latest-news-area.home-six .section-inner .echo-latest-news-main-content {
        margin-bottom:30px
    }
}

@media(max-width: 576px) {
    .echo-latest-news-area.home-six .section-inner .echo-latest-news-main-content {
        gap:10px
    }
}

.echo-latest-news-area.home-six .section-inner .echo-latest-news-main-content .image-area {
    flex-basis: 31%
}

@media(max-width: 1200px) {
    .echo-latest-news-area.home-six .section-inner .echo-latest-news-main-content .image-area {
        flex-basis:22%
    }
}

@media(max-width: 768px) {
    .echo-latest-news-area.home-six .section-inner .echo-latest-news-main-content .image-area img {
        width:100%
    }
}

.echo-latest-news-area.home-six .section-inner .echo-latest-news-main-content .content {
    flex-basis: 68%
}

@media(max-width: 1200px) {
    .echo-latest-news-area.home-six .section-inner .echo-latest-news-main-content .content {
        flex-basis:78%
    }
}

.echo-latest-news-area.home-six .section-inner .echo-latest-news-main-content .content .author {
    color: #ffcc48;
    font-family: DM Sans,sans-serif;
    font-size: 14px;
    font-style: italic;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 0
}

.echo-latest-news-area.home-six .section-inner .echo-latest-news-main-content .content h4 {
    margin-bottom: 0
}

.echo-latest-news-area.home-six .section-inner .echo-latest-news-main-content .content h4 a {
    background-image: linear-gradient(90deg,#fff 50%,transparent 0);
    color: #fff;
    font-family: DM Sans,sans-serif;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px
}

@media(max-width: 576px) {
    .echo-latest-news-area.home-six .section-inner .echo-latest-news-main-content .content h4 a {
        font-size:20px
    }
}

@media(max-width: 500px) {
    .echo-hero-section.home-six {
        padding:65px 0!important
    }
}

.echo-hero-section.home-six .echo-full-hero-content .echo-hero-baner {
    box-shadow: none;
    margin-bottom: 70px
}

.echo-hero-section.home-six .echo-full-hero-content .echo-hero-baner:last-child {
    margin-bottom: 0
}

.echo-hero-section.home-six .echo-full-hero-content .echo-hero-baner .content {
    text-align: center
}

.echo-hero-section.home-six .echo-full-hero-content .echo-hero-baner .content .author {
    color: #ef5727;
    font-family: DM Sans,sans-serif;
    font-size: 16px;
    font-style: italic;
    font-weight: 500;
    line-height: 24px;
    margin-top: 30px;
    text-decoration: underline;
    text-underline-offset: 10px
}

.echo-hero-section.home-six .echo-full-hero-content .echo-hero-baner .content .echo-hero-title {
    font-family: DM Sans,sans-serif;
    font-size: 70px;
    font-style: normal;
    font-weight: 700;
    line-height: 80px;
    text-align: center
}

@media(max-width: 1300px) {
    .echo-hero-section.home-six .echo-full-hero-content .echo-hero-baner .content .echo-hero-title {
        font-size:60px;
        line-height: 70px
    }

    .echo-hero-section.home-six .echo-full-hero-content .echo-hero-baner .content .echo-hero-title a br {
        display: none
    }
}

@media(max-width: 768px) {
    .echo-hero-section.home-six .echo-full-hero-content .echo-hero-baner .content .echo-hero-title {
        font-size:36px;
        line-height: 50px
    }
}

@media(max-width: 450px) {
    .echo-hero-section.home-six .echo-full-hero-content .echo-hero-baner .content .echo-hero-title {
        font-size:20px;
        line-height: 30px
    }
}

.echo-hero-section.home-six .echo-full-hero-content .echo-hero-baner .content .echo-hero-title a {
    background-size: 200% 2px
}

.echo-hero-section.home-six .echo-full-hero-content .echo-hero-baner .content .echo-hero-discription {
    margin-bottom: 35px
}

@media(max-width: 1300px) {
    .echo-hero-section.home-six .echo-full-hero-content .echo-hero-baner .content .echo-hero-discription br {
        display:none
    }
}

.echo-hero-section.home-six .echo-full-hero-content .echo-hero-baner .content .hm6-btn-1 {
    border: 1px solid #ffcc48
}

.echo-hero-section.home-six .echo-full-hero-content .echo-hero-baner .content .hm6-btn-1:hover {
    border: 1px solid #2b2004
}

.echo-hero-section.home-six .echo-full-hero-content .echo-right-ct-1 .echo-author-area {
    background: #f4f4f4;
    padding: 30px;
    text-align: center
}

.echo-hero-section.home-six .echo-full-hero-content .echo-right-ct-1 .echo-author-area .heading-title {
    font-family: DM Sans,sans-serif
}

.echo-hero-section.home-six .echo-full-hero-content .echo-right-ct-1 .echo-author-area .content {
    margin-top: 30px
}

.echo-hero-section.home-six .echo-full-hero-content .echo-right-ct-1 .echo-feature-area-right-site-follower {
    background: #f4f4f4
}

.echo-hero-section.home-six .echo-full-hero-content .echo-right-ct-1 .echo-feature-area-right-site-follower .echo-home-2-title .echo-home-2-main-title h5 {
    font-family: DM Sans,sans-serif
}

.echo-hero-section.home-six .echo-full-hero-content .echo-right-ct-1 .echo-home-1-hero-area-top-story {
    background: #f4f4f4;
    margin-top: 25px
}

.echo-hero-section.home-six .echo-full-hero-content .echo-right-ct-1 .echo-home-1-hero-area-top-story h5 {
    font-family: DM Sans,sans-serif
}

@media(max-width: 500px) {
    .echo-hero-section.home-six .echo-full-hero-content .echo-right-ct-1 .echo-home-1-hero-area-top-story .echo-top-story .echo-story-text {
        flex-basis:auto
    }
}

.echo-hero-section.home-six .echo-full-hero-content .echo-right-ct-1 .echo-home-1-hero-area-top-story .echo-top-story .echo-story-text .pe-none {
    color: #ef5727;
    font-family: DM Sans,sans-serif;
    font-size: 14px;
    font-style: italic;
    font-weight: 500;
    line-height: 22px
}

.echo-hero-section.home-six .echo-full-hero-content .echo-right-ct-1 .echo-home-1-hero-area-top-story .echo-top-story .echo-story-text h6 {
    font-family: DM Sans,sans-serif;
    margin-bottom: 0
}

@media(max-width: 500px) {
    .echo-hero-section.home-six .echo-full-hero-content .echo-right-ct-1 .echo-home-1-hero-area-top-story .echo-top-story .echo-story-text h6 {
        font-size:18px;
        line-height: 28px
    }
}

.echo-hero-section.home-six .echo-full-hero-content .echo-right-ct-1 .echo-home-1-hero-area-top-story .echo-top-story.last {
    margin-bottom: 30px
}

.echo-hero-section.home-six .echo-full-hero-content .echo-right-ct-1 .echo-home-1-hero-area-top-story .show-more-btn {
    border: 1px solid #6d6d6d;
    border-radius: 60px;
    display: block;
    padding: 12px 15px;
    text-align: center;
    transition: all .4s
}

.echo-hero-section.home-six .echo-full-hero-content .echo-right-ct-1 .echo-home-1-hero-area-top-story .show-more-btn:hover {
    background: #ffcc48;
    border: 1px solid #ffcc48;
    color: #fff
}

.echo-hero-section.home-six .echo-full-hero-content .echo-right-ct-1 .echo-home-1-hero-area-top-story .show-more-btn i {
    margin-left: 5px
}

.echo-hero-section.home-six .echo-full-hero-content .echo-right-ct-1 .echo-feature-area-right-site-author {
    background: #f4f4f4;
    margin-top: 25px;
    padding: 30px
}

.echo-hero-section.home-six .echo-full-hero-content .echo-right-ct-1 .echo-feature-area-right-site-author h5 {
    font-family: DM Sans,sans-serif
}

@media(max-width: 1366px)and (min-width:1200px) {
    .echo-hero-section.home-six .echo-full-hero-content .echo-right-ct-1 .echo-feature-area-right-site-author h5 {
        font-size:22px;
        line-height: 32px
    }
}

.echo-hero-section.home-six .echo-full-hero-content .echo-right-ct-1 .echo-feature-area-right-site-author .author-wrapper {
    margin: 0;
    padding: 0
}

.echo-hero-section.home-six .echo-full-hero-content .echo-right-ct-1 .echo-feature-area-right-site-author .author-wrapper .wrapper {
    align-items: center;
    border-bottom: 1px solid #c5b8b8;
    display: flex;
    gap: 15px;
    list-style: none;
    margin-bottom: 20px;
    padding-bottom: 20px
}

.echo-hero-section.home-six .echo-full-hero-content .echo-right-ct-1 .echo-feature-area-right-site-author .author-wrapper .wrapper:last-child {
    border: none;
    margin-bottom: 0;
    padding-bottom: 0
}

.echo-hero-section.home-six .echo-full-hero-content .echo-right-ct-1 .echo-feature-area-right-site-author .author-wrapper .wrapper .content h6 {
    color: #181823;
    font-family: DM Sans,sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 0;
    text-transform: capitalize
}

.echo-video-area.home-six {
    background: #714707;
    padding: 120px 0
}

.echo-video-area.home-six .hm5-feature-title .hm-5-title-btn {
    margin-bottom: 65px
}

@media(max-width: 576px) {
    .echo-video-area.home-six .hm5-feature-title .hm-5-title-btn {
        margin-bottom:40px
    }
}

.echo-video-area.home-six .hm5-feature-title .hm-5-title-btn h2 {
    font-family: DM Sans,sans-serif;
    font-size: 60px;
    font-style: normal;
    font-weight: 700;
    line-height: 50px;
    margin-bottom: 0;
    text-transform: capitalize
}

.echo-video-area.home-six .hm5-feature-title .hm-5-title-btn h2:after {
    background: #865b18;
    margin: 0 50px
}

@media(max-width: 576px) {
    .echo-video-area.home-six .hm5-feature-title .hm-5-title-btn h2 {
        font-size:42px
    }

    .echo-video-area.home-six .hm5-feature-title .hero-hm6-btn .hm6-btn-1 {
        display: none
    }
}

.echo-video-area.home-six .section-inner .echo-hero-baner {
    box-shadow: none;
    margin-right: 20px
}

.echo-video-area.home-six .section-inner .echo-hero-baner .echo-hero-banner-main-img {
    position: relative
}

.echo-video-area.home-six .section-inner .echo-hero-baner .video-play-button {
    border-radius: 50%;
    box-sizing: content-box;
    display: block;
    display: flex;
    height: 44px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 32px
}

.echo-video-area.home-six .section-inner .echo-hero-baner .video-play-button:after {
    background: #fff;
    border: .5px solid #fff;
    border-radius: 50%;
    content: "";
    display: block;
    height: 70px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    transition: all .2s;
    width: 70px;
    z-index: 1
}

.echo-video-area.home-six .section-inner .echo-hero-baner .video-play-button:before {
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    background: hsla(0,0%,100%,.15);
    border-radius: 50%;
    content: "";
    display: block;
    height: 100px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    transition: all .2s;
    width: 100px;
    z-index: 1
}

.echo-video-area.home-six .section-inner .echo-hero-baner .video-overlay {
    background: rgba(0,0,0,.8);
    bottom: 0;
    display: none;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: all .5s ease;
    z-index: -1
}

.echo-video-area.home-six .section-inner .echo-hero-baner .video-overlay-close {
    color: #fff;
    cursor: pointer;
    font-size: 36px;
    font-weight: 400;
    line-height: 1;
    position: absolute;
    right: 20px;
    text-decoration: none;
    top: 15px;
    transition: all .2s;
    z-index: 1000
}

.echo-video-area.home-six .section-inner .echo-hero-baner .video-overlay.open {
    display: block;
    opacity: 1;
    position: fixed;
    z-index: 1000
}

.echo-video-area.home-six .section-inner .echo-hero-baner .video-play-button span {
    border-bottom: 8px solid transparent;
    border-left: 14px solid #ffcc48;
    border-top: 8px solid transparent;
    display: block;
    height: 0;
    left: 50%;
    position: relative;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 0;
    z-index: 3
}

.echo-video-area.home-six .section-inner .echo-hero-baner .video-overlay iframe {
    align-items: center;
    display: flex;
    height: 70%;
    justify-content: center;
    margin: auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: 70%
}

.echo-video-area.home-six .section-inner .echo-hero-baner .content {
    text-align: left
}

.echo-video-area.home-six .section-inner .echo-hero-baner .content .author {
    color: #fff;
    font-family: DM Sans,sans-serif;
    font-size: 16px;
    font-style: italic;
    font-weight: 500;
    line-height: 24px;
    margin-top: 30px;
    text-decoration: underline;
    text-underline-offset: 10px
}

.echo-video-area.home-six .section-inner .echo-hero-baner .content .echo-hero-title {
    font-family: DM Sans,sans-serif;
    font-size: 70px;
    font-style: normal;
    font-weight: 700;
    line-height: 80px
}

@media(max-width: 1200px) {
    .echo-video-area.home-six .section-inner .echo-hero-baner .content .echo-hero-title {
        font-size:60px;
        line-height: 70px
    }
}

@media(max-width: 768px) {
    .echo-video-area.home-six .section-inner .echo-hero-baner .content .echo-hero-title {
        font-size:40px;
        line-height: 50px
    }
}

@media(max-width: 450px) {
    .echo-video-area.home-six .section-inner .echo-hero-baner .content .echo-hero-title {
        font-size:36px;
        line-height: 46px
    }
}

.echo-video-area.home-six .section-inner .echo-hero-baner .content .echo-hero-title a {
    background-image: linear-gradient(90deg,#fff 50%,transparent 0);
    background-size: 200% 2px;
    color: #fff
}

.echo-video-area.home-six .section-inner .echo-hero-baner .content .echo-hero-discription {
    margin-bottom: 35px
}

.echo-video-area.home-six .section-inner .echo-home-1-hero-area-top-story {
    background: none;
    padding: 0
}

.echo-video-area.home-six .section-inner .echo-home-1-hero-area-top-story .echo-top-story {
    align-items: center;
    gap: 30px;
    margin-bottom: 25px;
    margin-top: 0;
    transition: all .4s
}

@media(max-width: 450px) {
    .echo-video-area.home-six .section-inner .echo-home-1-hero-area-top-story .echo-top-story {
        display:block
    }
}

.echo-video-area.home-six .section-inner .echo-home-1-hero-area-top-story .echo-top-story.last {
    margin-bottom: 0
}

.echo-video-area.home-six .section-inner .echo-home-1-hero-area-top-story .echo-top-story:hover .echo-story-picture .vedio-icone .video-play-button {
    opacity: 1
}

.echo-video-area.home-six .section-inner .echo-home-1-hero-area-top-story .echo-top-story .echo-story-picture {
    flex-basis: 50%;
    position: relative;
    transition: all .4s
}

@media(max-width: 991px) {
    .echo-video-area.home-six .section-inner .echo-home-1-hero-area-top-story .echo-top-story .echo-story-picture {
        flex-basis:35%
    }
}

.echo-video-area.home-six .section-inner .echo-home-1-hero-area-top-story .echo-top-story .echo-story-picture .vedio-icone {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: all .4s
}

.echo-video-area.home-six .section-inner .echo-home-1-hero-area-top-story .echo-top-story .echo-story-picture .video-play-button {
    border-radius: 50%;
    box-sizing: content-box;
    display: block;
    display: flex;
    height: 44px;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: all .4s;
    width: 32px
}

.echo-video-area.home-six .section-inner .echo-home-1-hero-area-top-story .echo-top-story .echo-story-picture .video-play-button:before {
    background: hsla(0,0%,66%,.9);
    border-radius: 50%;
    content: "";
    display: block;
    height: 100px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    transition: all .4s;
    width: 100px;
    z-index: 1
}

.echo-video-area.home-six .section-inner .echo-home-1-hero-area-top-story .echo-top-story .echo-story-picture .video-play-button:after {
    background: #fff;
    border: .5px solid #fff;
    border-radius: 50%;
    content: "";
    display: block;
    height: 70px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    transition: all .4s;
    width: 70px;
    z-index: 1
}

.echo-video-area.home-six .section-inner .echo-home-1-hero-area-top-story .echo-top-story .echo-story-picture .video-overlay {
    background: rgba(0,0,0,.8);
    bottom: 0;
    display: none;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: all .5s ease;
    z-index: -1
}

.echo-video-area.home-six .section-inner .echo-home-1-hero-area-top-story .echo-top-story .echo-story-picture .video-overlay-close {
    color: #fff;
    cursor: pointer;
    font-size: 36px;
    font-weight: 400;
    line-height: 1;
    position: absolute;
    right: 20px;
    text-decoration: none;
    top: 15px;
    transition: all .2s;
    z-index: 1000
}

.echo-video-area.home-six .section-inner .echo-home-1-hero-area-top-story .echo-top-story .echo-story-picture .video-overlay.open {
    display: block;
    opacity: 1;
    position: fixed;
    z-index: 1000
}

.echo-video-area.home-six .section-inner .echo-home-1-hero-area-top-story .echo-top-story .echo-story-picture .video-play-button span {
    border-bottom: 8px solid transparent;
    border-left: 14px solid #ffcc48;
    border-top: 8px solid transparent;
    display: block;
    height: 0;
    left: 50%;
    position: relative;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 0;
    z-index: 3
}

.echo-video-area.home-six .section-inner .echo-home-1-hero-area-top-story .echo-top-story .echo-story-picture .video-overlay iframe {
    align-items: center;
    display: flex;
    height: 70%;
    justify-content: center;
    margin: auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: 70%
}

.echo-video-area.home-six .section-inner .echo-home-1-hero-area-top-story .echo-top-story .echo-story-text {
    flex-basis: 50%
}

@media(max-width: 991px) {
    .echo-video-area.home-six .section-inner .echo-home-1-hero-area-top-story .echo-top-story .echo-story-text {
        flex-basis:65%
    }
}

@media(max-width: 450px) {
    .echo-video-area.home-six .section-inner .echo-home-1-hero-area-top-story .echo-top-story .echo-story-text {
        margin-top:20px
    }
}

.echo-video-area.home-six .section-inner .echo-home-1-hero-area-top-story .echo-top-story .echo-story-text .pe-none {
    color: #e2e2e2;
    font-family: DM Sans,sans-serif;
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
    line-height: 24px
}

.echo-video-area.home-six .section-inner .echo-home-1-hero-area-top-story .echo-top-story .echo-story-text h6 {
    color: #fff;
    font-family: DM Sans,sans-serif;
    font-size: 40px;
    font-weight: 700;
    line-height: 45px;
    margin: 15px 0;
    padding-right: 25px
}

@media(max-width: 1200px) {
    .echo-video-area.home-six .section-inner .echo-home-1-hero-area-top-story .echo-top-story .echo-story-text h6 {
        font-size:24px;
        line-height: 34px
    }
}

.echo-video-area.home-six .section-inner .echo-home-1-hero-area-top-story .echo-top-story .echo-story-text h6 a {
    background-image: linear-gradient(90deg,#fff 50%,transparent 0);
    color: #fff
}

.echo-video-area.home-six .section-inner .echo-home-1-hero-area-top-story .echo-top-story .echo-story-text h6:after {
    display: none
}

.echo-video-area.home-six .section-inner .echo-home-1-hero-area-top-story .echo-top-story .echo-story-text .read-more-btn {
    border-bottom: 1px solid #e2e2e2;
    color: #e2e2e2;
    font-family: DM Sans,sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 26px
}

.echo-video-area.home-six .section-inner .echo-home-1-hero-area-top-story .echo-top-story .echo-story-text .read-more-btn svg {
    margin-left: 5px
}

.echo-video-area.home-seven {
    background: #9f68f5;
    padding: 100px 0
}

.echo-video-area.home-seven .hm5-feature-title .hm-5-title-btn {
    display: block;
    text-align: center
}

.echo-video-area.home-seven .hm5-feature-title .hm-5-title-btn .hm-5-main-title {
    width: 100%
}

.echo-video-area.home-seven .hm5-feature-title .hm-5-title-btn .hm-5-main-title h2 {
    border-bottom: 1px solid #ae7aff;
    font-family: Jost,sans-serif;
    font-size: 40px;
    font-weight: 500;
    line-height: 50px;
    margin-bottom: 50px;
    padding-bottom: 30px;
    text-align: center;
    text-transform: none
}

.echo-video-area.home-seven .hm5-feature-title .hm-5-title-btn .hm-5-main-title h2:after {
    display: none
}

.echo-video-area.home-seven .section-inner .echo-hero-baner {
    border: none;
    padding: 0
}

.echo-video-area.home-seven .section-inner .echo-hero-baner .echo-hero-banner-main-img {
    position: relative
}

.echo-video-area.home-seven .section-inner .echo-hero-baner .echo-hero-banner-main-img img {
    width: 100%
}

.echo-video-area.home-seven .section-inner .echo-hero-baner .content .author {
    color: #e2e2e2
}

.echo-video-area.home-seven .section-inner .echo-hero-baner .content .echo-hero-title {
    color: #fff
}

.echo-video-area.home-seven .section-inner .echo-hero-baner .content .echo-hero-title a {
    background-image: linear-gradient(90deg,#fff 50%,transparent 0);
    color: #fff
}

.echo-video-area.home-seven .section-inner .echo-home-1-hero-area-top-story {
    background: none;
    margin-left: 10px;
    padding: 0
}

@media(max-width: 991px) {
    .echo-video-area.home-seven .section-inner .echo-home-1-hero-area-top-story {
        margin-left:0
    }
}

.echo-video-area.home-seven .section-inner .echo-home-1-hero-area-top-story .echo-top-story {
    align-items: center;
    gap: 30px;
    margin-bottom: 20px
}

@media(max-width: 576px) {
    .echo-video-area.home-seven .section-inner .echo-home-1-hero-area-top-story .echo-top-story {
        display:block
    }
}

.echo-video-area.home-seven .section-inner .echo-home-1-hero-area-top-story .echo-story-text {
    flex-basis: 50%
}

@media(max-width: 991px) {
    .echo-video-area.home-seven .section-inner .echo-home-1-hero-area-top-story .echo-story-text {
        flex-basis:60%
    }
}

.echo-video-area.home-seven .section-inner .echo-home-1-hero-area-top-story .echo-story-text .pe-none {
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    text-transform: uppercase
}

.echo-video-area.home-seven .section-inner .echo-home-1-hero-area-top-story .echo-story-text .pe-none svg {
    height: 12px;
    margin-right: 5px;
    width: 12px
}

.echo-video-area.home-seven .section-inner .echo-home-1-hero-area-top-story .echo-story-text .pe-none svg path {
    fill: #fff
}

.echo-video-area.home-seven .section-inner .echo-home-1-hero-area-top-story .echo-story-text h6 {
    color: #fff;
    font-family: Jost,sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 45px;
    margin-top: 20px
}

.echo-video-area.home-seven .section-inner .echo-home-1-hero-area-top-story .echo-story-text h6 a {
    background-image: linear-gradient(90deg,#fff 50%,transparent 0);
    background-position: 100% 90%;
    color: #fff
}

.echo-video-area.home-seven .section-inner .echo-home-1-hero-area-top-story .echo-story-text h6 a:hover {
    background-position: 0 90%
}

.echo-video-area.home-seven .section-inner .echo-home-1-hero-area-top-story .echo-story-text h6:after {
    display: none
}

.echo-video-area.home-seven .section-inner .echo-story-picture {
    flex-basis: 50%;
    position: relative
}

@media(max-width: 991px) {
    .echo-video-area.home-seven .section-inner .echo-story-picture {
        flex-basis:40%
    }

    .echo-video-area.home-seven .section-inner .echo-story-picture img {
        width: 100%
    }
}

@media(max-width: 576px) {
    .echo-video-area.home-seven .section-inner .echo-story-picture {
        margin-bottom:10px
    }
}

.echo-video-area.home-seven .section-inner .echo-story-picture .video-play-button {
    border-radius: 50%;
    box-sizing: content-box;
    display: block;
    display: flex;
    height: 40px;
    left: 50%;
    line-height: 40px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 28px
}

.echo-video-area.home-seven .section-inner .echo-story-picture .video-play-button:after {
    height: 55px;
    width: 55px
}

.echo-video-area.home-seven .section-inner .echo-story-picture .video-play-button:before {
    height: 80px;
    width: 80px
}

.echo-video-area.home-seven .section-inner .echo-story-picture .video-play-button span svg {
    width: 15px
}

.echo-video-area.home-seven .section-inner .video-play-button {
    border-radius: 50%;
    box-sizing: content-box;
    display: block;
    display: flex;
    height: 44px;
    left: 50%;
    line-height: 44px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 32px
}

.echo-video-area.home-seven .section-inner .video-play-button:after {
    background: #fff;
    border: .5px solid #fff;
    border-radius: 50%;
    content: "";
    display: block;
    height: 70px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    transition: all .2s;
    width: 70px;
    z-index: 1
}

.echo-video-area.home-seven .section-inner .video-play-button:before {
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    background: hsla(0,0%,100%,.15);
    border-radius: 50%;
    content: "";
    display: block;
    height: 100px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    transition: all .2s;
    width: 100px;
    z-index: 1
}

.echo-video-area.home-seven .section-inner .video-overlay {
    background: rgba(0,0,0,.8);
    bottom: 0;
    display: none;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: all .5s ease;
    z-index: -1
}

.echo-video-area.home-seven .section-inner .video-overlay-close {
    color: #fff;
    cursor: pointer;
    font-size: 36px;
    font-weight: 400;
    line-height: 1;
    position: absolute;
    right: 20px;
    text-decoration: none;
    top: 15px;
    transition: all .2s;
    z-index: 1000
}

.echo-video-area.home-seven .section-inner .video-overlay.open {
    display: block;
    opacity: 1;
    position: fixed;
    z-index: 1000
}

.echo-video-area.home-seven .section-inner .video-play-button span {
    display: block;
    left: 50%;
    position: relative;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 3
}

.echo-video-area.home-seven .section-inner .video-overlay iframe {
    align-items: center;
    display: flex;
    height: 70%;
    justify-content: center;
    margin: auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: 70%
}

@media(max-width: 768px) {
    .hm5-feature-area.home-six {
        padding:60px 0
    }
}

.hm5-feature-area.home-six .hm5-feature-title .hm-5-main-title h2 {
    font-family: DM Sans,sans-serif;
    font-size: 60px;
    font-weight: 700;
    line-height: 70px;
    text-transform: none
}

.hm5-feature-area.home-six .hm5-feature-title .hm-5-main-title h2:after,.hm5-feature-area.home-six .hm5-feature-title .hm-5-main-title h2:before {
    display: none
}

@media(max-width: 576px) {
    .hm5-feature-area.home-six .hm5-feature-title .hm-5-main-title h2 {
        font-size:40px;
        line-height: 50px
    }

    .hm5-feature-area.home-six .hm5-feature-content {
        margin-top: 15px
    }
}

.hm5-feature-area.home-six .hm5-feature-content .hm5-featurea-main-content .hm5-feature-img {
    border-radius: 0
}

.hm5-feature-area.home-six .hm5-feature-content .hm5-featurea-main-content .content {
    text-align: center
}

.hm5-feature-area.home-six .hm5-feature-content .hm5-featurea-main-content .content .author {
    color: #ef5727;
    font-family: DM Sans,sans-serif;
    font-size: 16px;
    font-style: italic;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 20px;
    margin-top: 30px;
    text-decoration: underline;
    text-underline-offset: 10px
}

.hm5-feature-area.home-six .hm5-feature-content .hm5-featurea-main-content .content .echo-hero-title {
    font-family: DM Sans,sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 50px;
    text-align: center
}

@media(max-width: 1550px)and (min-width:991px) {
    .hm5-feature-area.home-six .hm5-feature-content .hm5-featurea-main-content .content .echo-hero-title {
        font-size:22px;
        line-height: 35px
    }
}

@media(max-width: 576px) {
    .hm5-feature-area.home-six .hm5-feature-content .hm5-featurea-main-content .content .echo-hero-title {
        font-size:30px;
        line-height: 40px
    }
}

@media(max-width: 450px) {
    .hm5-feature-area.home-six .hm5-feature-content .hm5-featurea-main-content .content .echo-hero-title {
        font-size:24px;
        line-height: 34px
    }
}

.hm5-feature-area.home-six .hm5-feature-content .hm5-featurea-main-content .content .echo-hero-title a {
    background-size: 200% 2px
}

.hm5-feature-area.home-six .hm5-feature-content .hm5-featurea-main-content .content .echo-hero-discription {
    margin-bottom: 35px
}

.hm5-feature-area.home-six .hm5-feature-content .hm5-featurea-main-content .content .hero-hm6-btn .hm6-btn-1 {
    border: 1px solid #ffcc48;
    font-size: 16px;
    height: 60px;
    line-height: 63px;
    width: 180px
}

.hm5-feature-area.home-six .hm5-feature-content .hm5-featurea-main-content.large .content .echo-hero-title {
    font-size: 70px;
    line-height: 80px
}

@media(max-width: 1550px)and (min-width:1201px) {
    .hm5-feature-area.home-six .hm5-feature-content .hm5-featurea-main-content.large .content .echo-hero-title {
        font-size:45px;
        line-height: 55px
    }
}

@media(max-width: 1200px)and (min-width:991px) {
    .hm5-feature-area.home-six .hm5-feature-content .hm5-featurea-main-content.large .content .echo-hero-title {
        font-size:35px;
        line-height: 45px
    }
}

@media(max-width: 991px) {
    .hm5-feature-area.home-six .hm5-feature-content .hm5-featurea-main-content.large .content .echo-hero-title {
        font-size:58px;
        line-height: 68px
    }
}

@media(max-width: 768px) {
    .hm5-feature-area.home-six .hm5-feature-content .hm5-featurea-main-content.large .content .echo-hero-title {
        font-size:40px;
        line-height: 50px
    }
}

@media(max-width: 500px) {
    .hm5-feature-area.home-six .hm5-feature-content .hm5-featurea-main-content.large .content .echo-hero-title {
        font-size:24px;
        line-height: 34px
    }
}

.hm5-feature-area.home-six .hm5-feature-content .echo-home-1-hero-area-top-story {
    background: none;
    padding: 0
}

.hm5-feature-area.home-six .hm5-feature-content .echo-home-1-hero-area-top-story .echo-top-story {
    align-items: center;
    gap: 30px;
    margin-bottom: 25px;
    margin-top: 0;
    transition: all .4s
}

@media(max-width: 1550px)and (min-width:1200px) {
    .hm5-feature-area.home-six .hm5-feature-content .echo-home-1-hero-area-top-story .echo-top-story {
        gap:20px
    }
}

@media(max-width: 576px) {
    .hm5-feature-area.home-six .hm5-feature-content .echo-home-1-hero-area-top-story .echo-top-story {
        gap:10px
    }
}

@media(max-width: 450px) {
    .hm5-feature-area.home-six .hm5-feature-content .echo-home-1-hero-area-top-story .echo-top-story {
        display:block
    }
}

.hm5-feature-area.home-six .hm5-feature-content .echo-home-1-hero-area-top-story .echo-top-story:hover .echo-story-picture .vedio-icone .video-play-button {
    opacity: 1
}

.hm5-feature-area.home-six .hm5-feature-content .echo-home-1-hero-area-top-story .echo-top-story .echo-story-picture {
    flex-basis: 48%;
    position: relative;
    transition: all .4s
}

@media(max-width: 1550px)and (min-width:991px) {
    .hm5-feature-area.home-six .hm5-feature-content .echo-home-1-hero-area-top-story .echo-top-story .echo-story-picture {
        flex-basis:38%
    }
}

@media(max-width: 991px) {
    .hm5-feature-area.home-six .hm5-feature-content .echo-home-1-hero-area-top-story .echo-top-story .echo-story-picture {
        flex-basis:32%
    }
}

@media(max-width: 576px) {
    .hm5-feature-area.home-six .hm5-feature-content .echo-home-1-hero-area-top-story .echo-top-story .echo-story-picture {
        flex-basis:40%
    }
}

@media(max-width: 450px) {
    .hm5-feature-area.home-six .hm5-feature-content .echo-home-1-hero-area-top-story .echo-top-story .echo-story-picture img {
        width:100%
    }
}

.hm5-feature-area.home-six .hm5-feature-content .echo-home-1-hero-area-top-story .echo-top-story .echo-story-text {
    flex-basis: 52%
}

@media(max-width: 1550px)and (min-width:991px) {
    .hm5-feature-area.home-six .hm5-feature-content .echo-home-1-hero-area-top-story .echo-top-story .echo-story-text {
        flex-basis:62%
    }
}

@media(max-width: 991px) {
    .hm5-feature-area.home-six .hm5-feature-content .echo-home-1-hero-area-top-story .echo-top-story .echo-story-text {
        flex-basis:68%
    }
}

@media(max-width: 576px) {
    .hm5-feature-area.home-six .hm5-feature-content .echo-home-1-hero-area-top-story .echo-top-story .echo-story-text {
        flex-basis:60%
    }
}

@media(max-width: 450px) {
    .hm5-feature-area.home-six .hm5-feature-content .echo-home-1-hero-area-top-story .echo-top-story .echo-story-text {
        margin-top:10px
    }
}

.hm5-feature-area.home-six .hm5-feature-content .echo-home-1-hero-area-top-story .echo-top-story .echo-story-text .pe-none {
    color: #ef5727;
    font-family: DM Sans,sans-serif;
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
    line-height: 24px
}

.hm5-feature-area.home-six .hm5-feature-content .echo-home-1-hero-area-top-story .echo-top-story .echo-story-text h6 {
    font-family: DM Sans,sans-serif;
    font-size: 40px;
    font-weight: 700;
    line-height: 50px;
    margin: 15px 0;
    padding-right: 25px
}

@media(max-width: 1550px)and (min-width:991px) {
    .hm5-feature-area.home-six .hm5-feature-content .echo-home-1-hero-area-top-story .echo-top-story .echo-story-text h6 {
        font-size:20px;
        line-height: 30px
    }
}

@media(max-width: 768px) {
    .hm5-feature-area.home-six .hm5-feature-content .echo-home-1-hero-area-top-story .echo-top-story .echo-story-text h6 {
        font-size:30px;
        line-height: 40px
    }
}

@media(max-width: 576px) {
    .hm5-feature-area.home-six .hm5-feature-content .echo-home-1-hero-area-top-story .echo-top-story .echo-story-text h6 {
        font-size:20px;
        line-height: 30px
    }
}

@media(max-width: 450px) {
    .hm5-feature-area.home-six .hm5-feature-content .echo-home-1-hero-area-top-story .echo-top-story .echo-story-text h6 {
        margin-top:5px
    }
}

.hm5-feature-area.home-six .hm5-feature-content .echo-home-1-hero-area-top-story .echo-top-story .echo-story-text h6:after {
    display: none
}

.hm5-feature-area.home-six .hm5-feature-content .echo-home-1-hero-area-top-story .echo-top-story .echo-story-text .read-more-btn {
    border-bottom: 1px solid #ef5727;
    color: #ef5727;
    font-family: DM Sans,sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 26px
}

.hm5-feature-area.home-six .hm5-feature-content .echo-home-1-hero-area-top-story .echo-top-story .echo-story-text .read-more-btn svg {
    margin-left: 5px
}

.echo-newsletter-area.home-six {
    background: url(../images/home-1/latest-news/newsletter-bg.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 120px 0
}

.echo-newsletter-area.home-six .newsletter-inner .content-title {
    color: #fff;
    font-family: DM Sans,sans-serif;
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 50px
}

@media(max-width: 768px) {
    .echo-newsletter-area.home-six .newsletter-inner .content-title {
        font-size:40px;
        line-height: 50px
    }
}

.echo-newsletter-area.home-six .newsletter-inner form {
    height: 100px;
    margin: auto;
    position: relative;
    width: 820px
}

@media(max-width: 991px) {
    .echo-newsletter-area.home-six .newsletter-inner form {
        width:auto
    }
}

@media(max-width: 768px) {
    .echo-newsletter-area.home-six .newsletter-inner form {
        height:80px
    }
}

@media(max-width: 450px) {
    .echo-newsletter-area.home-six .newsletter-inner form {
        height:60px
    }
}

.echo-newsletter-area.home-six .newsletter-inner form input {
    border: 1px solid #fff;
    border-radius: 70px;
    height: 100%
}

.echo-newsletter-area.home-six .newsletter-inner form .echo-subscribe-input-fill {
    height: 100%;
    position: relative
}

.echo-newsletter-area.home-six .newsletter-inner form .echo-subscribe-input-fill svg {
    left: 50px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

@media(max-width: 576px) {
    .echo-newsletter-area.home-six .newsletter-inner form .echo-subscribe-input-fill svg {
        left:20px
    }
}

@media(max-width: 450px) {
    .echo-newsletter-area.home-six .newsletter-inner form .echo-subscribe-input-fill svg {
        width:20px
    }
}

.echo-newsletter-area.home-six .newsletter-inner form .echo-subscribe-input-fill input {
    background: none;
    border: 1px solid #a8711e;
    color: #fff;
    padding: 10px 0 10px 100px
}

@media(max-width: 576px) {
    .echo-newsletter-area.home-six .newsletter-inner form .echo-subscribe-input-fill input {
        padding:10px 0 10px 50px
    }
}

.echo-newsletter-area.home-six .newsletter-inner form .echo-subscribe-input-fill input::-moz-placeholder {
    color: #fff!important;
    font-size: 16px
}

.echo-newsletter-area.home-six .newsletter-inner form .echo-subscribe-input-fill input::placeholder {
    color: #fff!important;
    font-size: 16px
}

@media(max-width: 450px) {
    .echo-newsletter-area.home-six .newsletter-inner form .echo-subscribe-input-fill input::-moz-placeholder {
        font-size:14px
    }

    .echo-newsletter-area.home-six .newsletter-inner form .echo-subscribe-input-fill input::placeholder {
        font-size: 14px
    }
}

.echo-newsletter-area.home-six .newsletter-inner form .echo-footer-area-subscribe-button {
    background-color: #ffcc48;
    border: 1px solid transparent;
    border-radius: 40px;
    color: #2b2004;
    font-size: 18px;
    font-weight: 700;
    padding: 30px 18px;
    position: absolute!important;
    position: relative;
    right: 10px;
    text-align: center;
    text-transform: capitalize;
    top: 50%;
    transform: translateY(-50%);
    width: 200px
}

@media(max-width: 768px) {
    .echo-newsletter-area.home-six .newsletter-inner form .echo-footer-area-subscribe-button {
        padding:20px 0;
        width: 170px
    }
}

@media(max-width: 450px) {
    .echo-newsletter-area.home-six .newsletter-inner form .echo-footer-area-subscribe-button {
        font-size:14px;
        padding: 10px 0;
        width: 100px
    }
}

.echo-newsletter-area.home-six .newsletter-inner form .desc {
    color: #fff;
    font-family: Inter;
    font-size: 14px;
    font-style: italic;
    font-weight: 300;
    line-height: 22px;
    margin-top: 10px;
    opacity: .8
}

.echo-newsletter-area.home-six .newsletter-inner form .desc a {
    text-decoration: underline
}

.echo-newsletter-area.home-nine {
    background: #003811;
    padding: 120px 0
}

.echo-newsletter-area.home-nine .newsletter-inner .content-title {
    color: #fff;
    font-size: 60px;
    line-height: 70px;
    margin-bottom: 30px;
    text-transform: capitalize
}

@media(max-width: 768px) {
    .echo-newsletter-area.home-nine .newsletter-inner .content-title {
        font-size:40px;
        line-height: 50px
    }
}

@media(max-width: 450px) {
    .echo-newsletter-area.home-nine .newsletter-inner .content-title {
        font-size:34px;
        line-height: 45px
    }
}

.echo-newsletter-area.home-nine .newsletter-inner .desc {
    color: #fff
}

.echo-newsletter-area.home-nine .newsletter-inner form {
    height: 100px;
    margin: auto;
    position: relative;
    width: 820px
}

@media(max-width: 991px) {
    .echo-newsletter-area.home-nine .newsletter-inner form {
        width:auto
    }
}

@media(max-width: 768px) {
    .echo-newsletter-area.home-nine .newsletter-inner form {
        height:80px
    }
}

@media(max-width: 450px) {
    .echo-newsletter-area.home-nine .newsletter-inner form {
        height:60px
    }
}

.echo-newsletter-area.home-nine .newsletter-inner form input {
    border: 1px solid #fff;
    height: 100%
}

.echo-newsletter-area.home-nine .newsletter-inner form .echo-subscribe-input-fill {
    height: 100%;
    position: relative
}

.echo-newsletter-area.home-nine .newsletter-inner form .echo-subscribe-input-fill svg {
    left: 50px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

@media(max-width: 576px) {
    .echo-newsletter-area.home-nine .newsletter-inner form .echo-subscribe-input-fill svg {
        left:20px
    }
}

@media(max-width: 450px) {
    .echo-newsletter-area.home-nine .newsletter-inner form .echo-subscribe-input-fill svg {
        width:20px
    }
}

.echo-newsletter-area.home-nine .newsletter-inner form .echo-subscribe-input-fill input {
    background: none;
    border: 1px solid #5e5e5e;
    color: #fff;
    padding: 10px 0 10px 100px
}

@media(max-width: 576px) {
    .echo-newsletter-area.home-nine .newsletter-inner form .echo-subscribe-input-fill input {
        padding:10px 0 10px 50px
    }
}

.echo-newsletter-area.home-nine .newsletter-inner form .echo-subscribe-input-fill input::-moz-placeholder {
    color: #fff!important;
    font-size: 16px
}

.echo-newsletter-area.home-nine .newsletter-inner form .echo-subscribe-input-fill input::placeholder {
    color: #fff!important;
    font-size: 16px
}

@media(max-width: 450px) {
    .echo-newsletter-area.home-nine .newsletter-inner form .echo-subscribe-input-fill input::-moz-placeholder {
        font-size:14px
    }

    .echo-newsletter-area.home-nine .newsletter-inner form .echo-subscribe-input-fill input::placeholder {
        font-size: 14px
    }
}

.echo-newsletter-area.home-nine .newsletter-inner form .echo-footer-area-subscribe-button {
    background-color: #ffcc48;
    border: 1px solid transparent;
    color: #2b2004;
    font-size: 18px;
    font-weight: 700;
    padding: 30px 18px;
    position: absolute!important;
    position: relative;
    right: 10px;
    text-align: center;
    text-transform: capitalize;
    top: 50%;
    transform: translateY(-50%);
    width: 200px
}

@media(max-width: 768px) {
    .echo-newsletter-area.home-nine .newsletter-inner form .echo-footer-area-subscribe-button {
        padding:20px 0;
        width: 170px
    }
}

@media(max-width: 450px) {
    .echo-newsletter-area.home-nine .newsletter-inner form .echo-footer-area-subscribe-button {
        font-size:14px;
        padding: 10px 0;
        width: 100px
    }
}

.echo-newsletter-area.home-nine .newsletter-inner form .desc {
    color: #fff;
    font-family: Inter;
    font-size: 14px;
    font-style: italic;
    font-weight: 300;
    line-height: 22px;
    margin-top: 10px;
    opacity: .8
}

.echo-newsletter-area.home-nine .newsletter-inner form .desc a {
    text-decoration: underline
}

.echo-social-media-area-hm2.home-six {
    padding-bottom: 0;
    padding-top: 0
}

.home-six .echo-hero-section.inner .echo-right-ct-1 .echo-feature-area-right-site-follower ul li a:hover {
    color: #ffcc48
}

.echo-business-area {
    padding: 100px 0
}

.echo-business-area .hm5-feature-title .hm-5-title-btn {
    margin-bottom: 60px;
    position: relative
}

.echo-business-area .hm5-feature-title .hm-5-title-btn .hm-5-main-title {
    width: auto
}

.echo-business-area .hm5-feature-title .hm-5-title-btn .hm-5-main-title h2 {
    color: #313131;
    font-family: Jost,sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 50px;
    margin-bottom: 0;
    text-transform: none
}

.echo-business-area .hm5-feature-title .hm-5-title-btn .hm-5-main-title h2:after {
    display: none
}

.echo-business-area .hm5-feature-title .hm-5-title-btn .swiper-btn-area {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 120px
}

.echo-business-area .hm5-feature-title .hm-5-title-btn .swiper-btn-area .swiper-button-next,.echo-business-area .hm5-feature-title .hm-5-title-btn .swiper-btn-area .swiper-button-prev {
    display: block;
    height: 50px;
    line-height: 50px;
    text-align: center;
    width: 50px
}

.echo-business-area .hm5-feature-title .hm-5-title-btn .swiper-btn-area .swiper-button-next:after,.echo-business-area .hm5-feature-title .hm-5-title-btn .swiper-btn-area .swiper-button-prev:after {
    display: none
}

.echo-business-area .hm5-feature-title .hm-5-title-btn .swiper-btn-area .swiper-button-next {
    background: linear-gradient(126deg,#9f68f5 14.85%,#bee44f 86.39%);
    color: #fff;
    right: 0
}

.echo-business-area .hm5-feature-title .hm-5-title-btn .swiper-btn-area .swiper-button-prev {
    border: 1px solid rgba(85,85,85,.322);
    color: rgba(85,85,85,.322);
    left: 0;
    right: unset
}

.echo-business-area .section-inner .echo-hero-baner {
    border: none;
    padding: 0
}

.echo-business-area .section-inner .echo-hero-baner .echo-hero-banner-main-img img {
    width: 100%
}

.echo-business-area .section-inner .echo-hero-baner .content .author {
    align-items: center;
    display: flex;
    font-style: italic;
    gap: 15px;
    justify-content: center;
    text-decoration: none
}

.echo-business-area .section-inner .echo-hero-baner .content .author span {
    align-items: center;
    display: flex
}

.echo-business-area .section-inner .echo-hero-baner .content .author span svg {
    height: 12px;
    margin-right: 5px;
    width: 12px
}

.echo-business-area .section-inner .echo-hero-baner .content .echo-hero-title {
    font-size: 30px;
    font-weight: 500;
    line-height: 40px
}

.echo-business-area.area2 {
    background: #f2f2f2
}

.echo-business-area.area2 .hm5-feature-title .hm-5-title-btn .see-all-btn {
    background: linear-gradient(126deg,#9f68f5 14.85%,#bee44f 86.39%);
    color: #fff;
    font-size: 18px;
    line-height: 28px;
    padding: 15px 30px
}

@media(max-width: 768px) {
    .echo-business-area.area2 .hm5-feature-title .hm-5-title-btn .see-all-btn {
        display:none
    }
}

.echo-business-area.area2 .hm5-feature-title .hm-5-title-btn .see-all-btn i {
    margin-left: 10px
}

.echo-business-area.area2 .section-inner .echo-hero-baner .echo-hero-banner-main-img {
    position: relative
}

.echo-business-area.area2 .section-inner .echo-hero-baner .echo-hero-banner-main-img .tag {
    background: #f2f2f2;
    border-radius: 50%;
    height: 60px;
    left: -10px;
    line-height: 60px;
    position: absolute;
    text-align: center;
    top: -10px;
    width: 60px
}

.echo-business-area.area2 .section-inner .echo-hero-baner .echo-hero-banner-main-img .tag span {
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-image: linear-gradient(126deg,#9f68f5 14.85%,#bee44f 86.39%);
    font-size: 20px;
    font-weight: 600
}

.echo-business-area.area2 .section-inner .echo-hero-baner .content .echo-hero-title {
    font-size: 25px;
    line-height: 35px
}

.echo-business-area.area3 .hm5-feature-title .hm-5-title-btn .see-all-btn {
    background: linear-gradient(126deg,#9f68f5 14.85%,#bee44f 86.39%);
    color: #fff;
    font-size: 18px;
    line-height: 28px;
    padding: 15px 30px
}

@media(max-width: 768px) {
    .echo-business-area.area3 .hm5-feature-title .hm-5-title-btn .see-all-btn {
        display:none
    }
}

.echo-business-area.area3 .hm5-feature-title .hm-5-title-btn .see-all-btn i {
    margin-left: 10px
}

.echo-business-area.area3 .section-inner .echo-hero-baner {
    align-items: center;
    background: #fff;
    box-shadow: 0 20px 60px 0 rgba(0,0,1,.05);
    display: flex;
    gap: 20px;
    padding: 20px
}

@media(max-width: 400px) {
    .echo-business-area.area3 .section-inner .echo-hero-baner {
        display:block
    }
}

.echo-business-area.area3 .section-inner .echo-hero-baner .echo-hero-banner-main-img {
    flex-basis: 35%
}

@media(max-width: 400px) {
    .echo-business-area.area3 .section-inner .echo-hero-baner .echo-hero-banner-main-img {
        margin-bottom:20px
    }
}

.echo-business-area.area3 .section-inner .echo-hero-baner .content {
    flex-basis: 65%;
    margin-top: 0
}

.echo-business-area.area3 .section-inner .echo-hero-baner .content .echo-hero-title {
    font-size: 25px;
    font-weight: 500;
    line-height: 35px;
    text-align: left
}

.echo-business-area.area3 .section-inner .echo-hero-baner .content .echo-hero-title a {
    background-image: linear-gradient(90deg,#000 50%,transparent 0);
    color: #000!important
}

.echo-business-area.area3 .section-inner .echo-hero-baner .content .listen-now-btn {
    background: linear-gradient(126deg,#9f68f5 14.85%,#bee44f 86.39%);
    color: #5e5e5e;
    display: block;
    height: 40px;
    line-height: 40px;
    opacity: .6;
    position: relative;
    width: 120px;
    z-index: 1
}

.echo-business-area.area3 .section-inner .echo-hero-baner .content .listen-now-btn:after {
    background-color: #fff;
    content: "";
    height: 38px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 118px;
    z-index: -1
}

.echo-business-area.area3 .section-inner .echo-hero-baner .content .listen-now-btn svg {
    margin-right: 2px
}

.echo-latest-news-area.home-eight {
    background: #fff
}

.echo-latest-news-area.home-eight .hm5-feature-title {
    margin-bottom: 60px
}

.echo-latest-news-area.home-eight .hm5-feature-title .hm-5-main-title {
    align-items: center;
    display: flex;
    position: relative
}

.echo-latest-news-area.home-eight .hm5-feature-title .hm-5-main-title img {
    margin-right: 10px
}

.echo-latest-news-area.home-eight .hm5-feature-title .hm-5-main-title h2 {
    color: #171717;
    font-family: Inter,sans-serif;
    font-size: 30px;
    font-weight: 600;
    line-height: 40px;
    margin-bottom: 0;
    text-transform: none
}

.echo-latest-news-area.home-eight .hm5-feature-title .hm-5-main-title h2:after {
    display: none
}

.echo-latest-news-area.home-eight .echo-hero-baner {
    align-items: center;
    display: flex;
    gap: 30px
}

@media(max-width: 576px) {
    .echo-latest-news-area.home-eight .echo-hero-baner {
        display:block
    }
}

.echo-latest-news-area.home-eight .echo-hero-baner .echo-hero-banner-main-img {
    flex-basis: 35%
}

.echo-latest-news-area.home-eight .echo-hero-baner .content {
    background: none;
    box-shadow: none;
    flex-basis: 65%;
    padding: 0
}

@media(max-width: 576px) {
    .echo-latest-news-area.home-eight .echo-hero-baner .content {
        margin-top:30px
    }
}

.echo-latest-news-area.home-eight .echo-hero-baner .content .author {
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    margin-bottom: 20px;
    position: unset;
    transform: none;
    width: 110px
}

.echo-latest-news-area.home-eight .echo-hero-baner .content .echo-hero-title {
    font-size: 30px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 20px;
    text-align: start
}

@media(max-width: 768px) {
    .echo-latest-news-area.home-eight .echo-hero-baner .content .echo-hero-title {
        font-size:26px
    }
}

.echo-latest-news-area.home-eight .echo-hero-baner .content .echo-hero-area-titlepost-post-like-comment-share {
    border-top: 1px solid rgba(173,110,184,.18);
    justify-content: start;
    padding-top: 20px;
    width: -moz-max-content;
    width: max-content
}

.echo-latest-news-area.home-eight .echo-right-ct-1 .echo-home-1-hero-area-top-story {
    background: none;
    margin-bottom: 50px;
    padding: 0
}

.echo-latest-news-area.home-eight .echo-right-ct-1 .right-side-banner .category {
    margin: 0;
    padding: 0
}

.echo-latest-news-area.home-eight .echo-right-ct-1 .right-side-banner .category li {
    background: #fff;
    list-style: none;
    margin-bottom: 15px;
    position: relative;
    transition: all .4s;
    z-index: 1
}

.echo-latest-news-area.home-eight .echo-right-ct-1 .right-side-banner .category li:after {
    background: url(../images/home-1/latest-news/latest-news-bg7.png);
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all .4s;
    width: 100%;
    z-index: -1
}

.echo-latest-news-area.home-eight .echo-right-ct-1 .right-side-banner .category li:hover:after {
    opacity: 1
}

.echo-latest-news-area.home-eight .echo-right-ct-1 .right-side-banner .category li:hover a,.echo-latest-news-area.home-eight .echo-right-ct-1 .right-side-banner .category li:hover a span {
    color: #fff
}

.echo-latest-news-area.home-eight .echo-right-ct-1 .right-side-banner .category li a {
    align-items: center;
    border: 1px solid rgba(173,110,184,.18);
    color: #454545;
    display: flex;
    font-size: 20px;
    gap: 17px;
    line-height: 20px;
    padding: 20px 30px;
    transition: all .4s
}

.echo-latest-news-area.home-eight .echo-right-ct-1 .right-side-banner .category li a span {
    color: #fe5301;
    font-family: Plus Jakarta Sans,sans-serif;
    transition: all .4s
}

.echo-latest-news-area.home-eight .echo-right-ct-1 .echo-feature-area-right-site-newsletter {
    background: rgba(235,220,255,.239);
    border-radius: 15px;
    padding: 40px;
    text-align: center
}

.echo-latest-news-area.home-eight .echo-right-ct-1 .echo-feature-area-right-site-newsletter .echo-feature-area-right-site-sub-title p {
    color: #171717;
    font-family: Inconsolata,sans-serif;
    font-size: 25px;
    font-weight: 600;
    line-height: 35px;
    margin-bottom: 20px;
    margin-top: 40px;
    text-align: center
}

.echo-latest-news-area.home-eight .echo-right-ct-1 .echo-feature-area-right-site-newsletter form input {
    border: 1px solid hsla(0,0%,9%,.145);
    height: 60px;
    margin-bottom: 10px
}

.echo-latest-news-area.home-eight .echo-right-ct-1 .echo-feature-area-right-site-newsletter form input::-moz-placeholder {
    color: #454545;
    font-family: Inter,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px
}

.echo-latest-news-area.home-eight .echo-right-ct-1 .echo-feature-area-right-site-newsletter form input::placeholder {
    color: #454545;
    font-family: Inter,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px
}

.echo-latest-news-area.home-eight .echo-right-ct-1 .echo-feature-area-right-site-newsletter form button {
    background: #fe5301;
    color: #fff;
    height: 60px
}

.echo-latest-news-area.home-eight .button-area {
    margin-top: 100px;
    position: relative
}

.echo-latest-news-area.home-eight .button-area:after,.echo-latest-news-area.home-eight .button-area:before {
    background: #c6c6c6;
    content: "";
    height: 1px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 35%
}

@media(max-width: 768px) {
    .echo-latest-news-area.home-eight .button-area:after,.echo-latest-news-area.home-eight .button-area:before {
        display:none
    }
}

.echo-latest-news-area.home-eight .button-area:after {
    right: 0
}

.echo-latest-news-area.home-eight .button-area:before {
    left: 0
}

.echo-latest-news-area.home-eight .button-area .learn-more-btn {
    border: 1px solid #fe5301;
    color: #fe5301;
    display: block;
    font-size: 18px;
    height: 60px;
    line-height: 60px;
    margin: 0 auto;
    text-align: center;
    width: 170px
}

.echo-software-download-area {
    padding-bottom: 90px
}

.echo-software-download-area .echo-software-download-full-content-bg {
    background-color: #537fe7;
    overflow: hidden;
    padding: 80px 150px;
    position: relative;
    transition: all .4s
}

.echo-software-download-area .echo-software-download-full-content-bg:hover .echo-software-download-img-content {
    transform: scale(110%)
}

.echo-software-download-area .echo-software-download-full-content-bg:after {
    background: #181823;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.echo-software-download-area .echo-software-download-full-content-bg .echo-software-download-img-content {
    position: absolute;
    right: 50px;
    top: -1px;
    transform: scale(100%);
    transition: all .4s
}

.echo-software-download-area .echo-software-download-full-content-bg .echo-software-download-full-content {
    display: flex;
    position: relative;
    z-index: 1
}

.echo-software-download-area .echo-software-download-full-content-bg .echo-software-download-full-content .echo-software-download-text-content .echo-software-download-title h2 {
    color: #fff;
    font-size: 40px;
    line-height: 50px
}

.echo-software-download-area .echo-software-download-full-content-bg .echo-software-download-full-content .echo-software-download-text-content .echo-software-download-sub-title p {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px
}

.echo-software-download-area .echo-software-download-full-content-bg .echo-software-download-full-content .echo-software-download-text-content .echo-software-download-place {
    display: flex;
    gap: 25px;
    margin-top: 32px
}

.echo-software-download-area .echo-software-download-full-content-bg .echo-software-download-full-content .echo-software-download-text-content .echo-software-download-place a {
    border: 1px solid #fff;
    color: #fff;
    font-family: Bona Nova,serif;
    font-size: 16px;
    font-weight: 700;
    padding: 20px 55px;
    position: relative
}

.echo-software-download-area .echo-software-download-full-content-bg .echo-software-download-full-content .echo-software-download-text-content .echo-software-download-place a svg {
    margin-right: 8px
}

.echo-software-download-area.home-three {
    padding-top: 290px
}

.echo-software-download-area.home-three .echo-software-download-full-content-bg {
    background: #7817f2
}

.echo-software-download-area.inner {
    padding-bottom: 100px
}

.echo-software-download-area.home-seven .echo-software-download-full-content-bg {
    background: #9f68f5
}

.echo-software-download-area.home-eight .echo-software-download-full-content-bg {
    background: #47164f
}

.echo-software-download-area.home-eight .echo-software-download-full-content-bg .echo-software-download-full-content .echo-software-download-text-content .echo-software-download-title h2 {
    font-family: Inter,sans-serif
}

.echo-hero-section.home-three {
    background: url(../images/home-1/hero/banner-bg.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 900px;
    padding: 250px 0 120px;
    position: relative
}

.echo-hero-section.home-three .echo-hero-inner .banner-content .content-catagory-tag {
    background: #f05600;
    border-radius: 5px;
    color: #fff;
    display: block;
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
    height: 35px;
    line-height: 35px;
    pointer-events: none;
    text-align: center;
    text-transform: uppercase;
    width: 120px
}

.echo-hero-section.home-three .echo-hero-inner .banner-content .contents {
    margin-top: 30px
}

.echo-hero-section.home-three .echo-hero-inner .banner-content .contents .content-title1 {
    color: #fff;
    font-family: Bona Nova;
    font-size: 60px;
    font-weight: 700;
    line-height: 70px;
    margin: 0;
    text-transform: capitalize
}

.echo-hero-section.home-three .echo-hero-inner .banner-content .contents .content-title1 a {
    background-image: linear-gradient(90deg,#fff 50%,transparent 0);
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: 200% 2px;
    transition: all .5s
}

.echo-hero-section.home-three .echo-hero-inner .banner-content .contents .content-title1 a:hover {
    background-position: 0 100%;
    color: #fff
}

.echo-hero-section.home-three .echo-hero-inner .banner-content .contents .desc {
    border-bottom: .5px solid hsla(0,0%,100%,.4);
    color: #fff;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 10px;
    margin-top: 30px;
    opacity: .8;
    padding-bottom: 20px
}

.echo-hero-section.home-three .echo-hero-inner .banner-content .contents .content-bottom-info ul {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0
}

.echo-hero-section.home-three .echo-hero-inner .banner-content .contents .content-bottom-info ul li {
    color: #fff;
    list-style: none;
    margin-right: 20px;
    opacity: .8
}

.echo-hero-section.home-three .echo-hero-inner .banner-content .contents .content-bottom-info ul li i {
    margin-right: 7px
}

.echo-hero-section.home-three .echo-hero-inner .banner-content .contents .content-bottom-info ul li.author {
    align-items: center;
    display: flex
}

.echo-hero-section.home-three .echo-hero-inner .banner-content .contents .content-bottom-info ul li.author img {
    margin-right: 7px
}

.echo-hero-section.home-three .echo-hero-inner .banner-content .contents .echo-button-wrapper {
    align-items: center;
    display: flex
}

@media only screen and (max-width: 575px) {
    .echo-hero-section.home-three .echo-hero-inner .banner-content .contents .echo-button-wrapper {
        align-items:flex-start;
        flex-direction: column
    }
}

.echo-hero-section.home-three .echo-hero-inner .banner-content .contents .echo-button-wrapper .rts-btn {
    background: var(--color-primary-m);
    border-radius: 10px;
    color: #fff;
    height: 54px;
    line-height: 54px;
    margin-right: 30px;
    text-align: center;
    transition: all .4s;
    width: 170px
}

.echo-hero-section.home-three .echo-hero-inner .banner-content .contents .echo-button-wrapper .rts-btn:hover {
    background: #fff;
    color: #000
}

.echo-hero-section.home-three .echo-hero-inner .banner-content .contents .echo-button-wrapper .rts-btn:hover i {
    transform: rotate(0deg)
}

.echo-hero-section.home-three .echo-hero-inner .banner-content .contents .echo-button-wrapper .rts-btn i {
    margin-left: 10px;
    transform: rotate(-45deg);
    transition: all .2s
}

.echo-hero-section.home-three .echo-hero-inner .banner-content .contents .echo-button-wrapper .vedio-icone {
    position: relative
}

.echo-hero-section.home-three .echo-hero-inner .banner-content .contents .echo-button-wrapper .video-play-button {
    border-radius: 50%;
    box-sizing: content-box;
    display: block;
    display: flex;
    height: 44px;
    padding: 18px 20px 18px 28px;
    width: 32px
}

.echo-hero-section.home-three .echo-hero-inner .banner-content .contents .echo-button-wrapper .video-play-button span.outer-text {
    border: none;
    color: #fff;
    font-family: Bona Nova;
    font-size: 20px;
    font-weight: 500;
    margin-left: 75px;
    margin-top: -12px;
    min-width: -moz-max-content;
    min-width: max-content;
    position: relative
}

.echo-hero-section.home-three .echo-hero-inner .banner-content .contents .echo-button-wrapper .video-play-button:after {
    background: hsla(0,0%,100%,.05);
    border: .5px solid #fff;
    border-radius: 50%;
    content: "";
    display: block;
    height: 60px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    transition: all .2s;
    width: 60px;
    z-index: 1
}

.echo-hero-section.home-three .echo-hero-inner .banner-content .contents .echo-button-wrapper .video-overlay {
    background: rgba(0,0,0,.8);
    bottom: 0;
    display: none;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: all .5s ease;
    z-index: -1
}

.echo-hero-section.home-three .echo-hero-inner .banner-content .contents .echo-button-wrapper .video-overlay-close {
    color: #fff;
    cursor: pointer;
    font-size: 36px;
    font-weight: 400;
    line-height: 1;
    position: absolute;
    right: 20px;
    text-decoration: none;
    top: 15px;
    transition: all .2s;
    width: 25px;
    z-index: 1000
}

.echo-hero-section.home-three .echo-hero-inner .banner-content .contents .echo-button-wrapper .video-overlay.open {
    display: block;
    opacity: 1;
    position: fixed;
    z-index: 1000
}

.echo-hero-section.home-three .echo-hero-inner .banner-content .contents .echo-button-wrapper .video-play-button span {
    border-bottom: 8px solid transparent;
    border-left: 14px solid #fff;
    border-top: 8px solid transparent;
    display: block;
    height: 0;
    left: 47%;
    position: relative;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 0;
    z-index: 3
}

.echo-hero-section.home-three .echo-hero-inner .banner-content .contents .echo-button-wrapper .video-overlay iframe {
    align-items: center;
    display: flex;
    height: 70%;
    justify-content: center;
    margin: auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: 70%
}

.echo-hero-section.home-three .echo-hero-inner .echo-hero-right-side .right-side-inner {
    background: rgba(24,24,35,.9);
    padding: 50px 30px
}

.echo-hero-section.home-three .echo-hero-inner .echo-hero-right-side .right-side-inner .sub-title {
    border-bottom: 2px solid #fff;
    color: #fff;
    font-family: Bona Nova;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 30px;
    padding-bottom: 25px;
    text-transform: uppercase
}

.echo-hero-section.home-three .echo-hero-inner .echo-hero-right-side .right-side-inner .content-box ul {
    margin: 0;
    padding: 0
}

.echo-hero-section.home-three .echo-hero-inner .echo-hero-right-side .right-side-inner .content-box ul .wrapper {
    align-items: center;
    display: flex;
    gap: 20px;
    list-style: none;
    margin-bottom: 30px
}

.echo-hero-section.home-three .echo-hero-inner .echo-hero-right-side .right-side-inner .content-box ul .wrapper:last-child {
    margin-bottom: 0
}

.echo-hero-section.home-three .echo-hero-inner .echo-hero-right-side .right-side-inner .content-box ul .wrapper .image-area {
    flex-basis: 38%
}

.echo-hero-section.home-three .echo-hero-inner .echo-hero-right-side .right-side-inner .content-box ul .wrapper .image-area img {
    width: 100%
}

.echo-hero-section.home-three .echo-hero-inner .echo-hero-right-side .right-side-inner .content-box ul .wrapper .content {
    flex-basis: 62%
}

.echo-hero-section.home-three .echo-hero-inner .echo-hero-right-side .right-side-inner .content-box ul .wrapper .content .content-catagory-tag {
    background: #f05600;
    border-radius: 4px;
    color: #fff;
    font-family: Inter;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    padding: 5px 10px;
    text-align: center;
    text-transform: uppercase
}

.echo-hero-section.home-three .echo-hero-inner .echo-hero-right-side .right-side-inner .content-box ul .wrapper .content .content-catagory-tag.tech {
    background: #00d971
}

.echo-hero-section.home-three .echo-hero-inner .echo-hero-right-side .right-side-inner .content-box ul .wrapper .content .content-title1 {
    color: #fff;
    font-family: Bona Nova;
    font-size: 25px;
    font-weight: 700;
    line-height: 35px;
    margin-bottom: 10px;
    margin-top: 10px;
    text-transform: capitalize
}

.echo-hero-section.home-three .echo-hero-inner .echo-hero-right-side .right-side-inner .content-box ul .wrapper .content .content-title1 a {
    background-image: linear-gradient(90deg,#fff 50%,transparent 0);
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: 200% 1px;
    transition: all .5s
}

.echo-hero-section.home-three .echo-hero-inner .echo-hero-right-side .right-side-inner .content-box ul .wrapper .content .content-title1 a:hover {
    background-position: 0 100%;
    color: #fff
}

.echo-hero-section.home-three .echo-hero-inner .echo-hero-right-side .right-side-inner .content-box ul .wrapper .content .content-bottom-info ul {
    margin: 0;
    padding: 0
}

.echo-hero-section.home-three .echo-hero-inner .echo-hero-right-side .right-side-inner .content-box ul .wrapper .content .content-bottom-info ul li {
    color: #fff;
    font-family: Inter;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    list-style: none;
    margin-bottom: 0;
    margin-top: 5px;
    text-transform: lowercase
}

.echo-hero-section.home-three .echo-hero-inner .echo-hero-right-side .right-side-inner .content-box ul .wrapper .content .content-bottom-info ul li i {
    margin-right: 8px
}

.echo-hero-section.home-four {
    background: url(https://playscore.gg/storage/news/banner-bg4.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 65px 0
}

.echo-hero-section.home-four .echo-full-hero-content .echo-latest-news-main-content {
    background: #fff;
    border-radius: 25px;
    margin-left: 8px;
    margin-right: 8px
}

.echo-hero-section.home-four .echo-full-hero-content .echo-latest-news-main-content .echo-latest-news-img {
    overflow: visible;
    position: relative
}

.echo-hero-section.home-four .echo-full-hero-content .echo-latest-news-main-content .echo-latest-news-img a {
    border-radius: 15px 15px 0 0;
    overflow: hidden
}

.echo-hero-section.home-four .echo-full-hero-content .echo-latest-news-main-content .echo-latest-news-img .content-catagory-tag {
    background: #fe4358;
    border-radius: 5px;
    bottom: -15px;
    color: #fff;
    display: block;
    font-family: Inter;
    font-size: 14px;
    font-weight: 700;
    height: 35px;
    left: 50%;
    line-height: 35px;
    pointer-events: none;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    transform: translateX(-50%);
    width: 120px
}

.echo-hero-section.home-four .echo-full-hero-content .echo-latest-news-main-content .echo-latest-news-img .content-catagory-tag.tech {
    background: #00d971
}

.echo-hero-section.home-four .echo-full-hero-content .echo-latest-news-main-content .content {
    padding: 15px 30px 30px
}

.echo-hero-section.home-four .echo-full-hero-content .echo-latest-news-main-content .echo-latest-news-single-title {
    margin-top: 35px
}

.echo-hero-section.home-four .echo-full-hero-content .echo-latest-news-main-content .echo-latest-news-single-title h5 {
    color: #181823;
    font-family: Bona Nova;
    font-size: 42px;
    font-weight: 700;
    line-height: 55px;
    margin-bottom: 30px;
    text-align: center;
    text-transform: capitalize
}

.echo-hero-section.home-four .echo-full-hero-content .echo-latest-news-main-content .echo-latest-news-single-title h5 a {
    background-size: 200% 2px
}

.echo-hero-section.home-four .echo-full-hero-content .echo-latest-news-main-content .echo-latest-news-time-views {
    color: #5e5e5e;
    justify-content: center;
    text-align: center
}

.echo-hero-section.home-four .echo-full-hero-content .echo-latest-news-main-content .echo-latest-news-time-views a {
    margin: 0;
    padding: 0 10px;
    position: relative
}

.echo-hero-section.home-four .echo-full-hero-content .echo-latest-news-main-content .echo-latest-news-time-views a:after {
    background: rgba(69,69,69,.741);
    content: "";
    height: 10px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px
}

.echo-hero-section.home-four .echo-full-hero-content .echo-latest-news-main-content .echo-latest-news-time-views a:last-child:after {
    display: none
}

.echo-hero-section.home-four .echo-full-hero-content .echo-latest-news-main-content .echo-latest-news-time-views a i {
    margin-right: 8px
}

.echo-hero-section.home-four .echo-full-hero-content .echo-banner-right-area-content {
    background: linear-gradient(164.54deg,#1f1c2a -.33%,rgba(31,28,42,.68) 99.62%);
    border-radius: 20px;
    padding: 25px 30px 35px
}

.echo-hero-section.home-four .echo-full-hero-content .echo-banner-right-area-content ul {
    margin: 0;
    padding: 0
}

.echo-hero-section.home-four .echo-full-hero-content .echo-banner-right-area-content ul li {
    align-items: center;
    border-bottom: 1px solid hsla(0,0%,100%,.31);
    display: flex;
    gap: 15px;
    list-style: none;
    margin-bottom: 10px;
    margin-top: 0;
    padding-bottom: 30px
}

.echo-hero-section.home-four .echo-full-hero-content .echo-banner-right-area-content ul li:last-child {
    border: none;
    margin-bottom: 0;
    padding-bottom: 0
}

.echo-hero-section.home-four .echo-full-hero-content .echo-banner-right-area-content ul li .content {
    flex-basis: 65%
}

.echo-hero-section.home-four .echo-full-hero-content .echo-banner-right-area-content ul li .content h5 {
    font-size: 20px;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 20px;
    margin-top: 10px
}

.echo-hero-section.home-four .echo-full-hero-content .echo-banner-right-area-content ul li .content h5 a {
    color: #fff
}

.echo-hero-section.home-four .echo-full-hero-content .echo-banner-right-area-content ul li .content h5 a:hover {
    background-image: linear-gradient(90deg,#fff 50%,transparent 0);
    background-position: 0 100%
}

.echo-hero-section.home-four .echo-full-hero-content .echo-banner-right-area-content ul li .content .desc {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    opacity: .8
}

.echo-hero-section.home-four .echo-full-hero-content .echo-banner-right-area-content ul li .content .desc i {
    margin-right: 10px
}

.echo-hero-section.home-four .echo-full-hero-content .echo-banner-right-area-content ul li .echo-latest-news-img {
    border-radius: 50%;
    flex-basis: 35%
}

.echo-home-1-hero-area-top-story .echo-top-story.first {
    display: block
}

.echo-home-1-hero-area-top-story .echo-top-story.first .echo-story-picture {
    margin-bottom: 15px;
    width: 100%
}

.echo-home-1-hero-area-top-story .echo-top-story.first .echo-story-picture img {
    height: 100%;
    width: 100%
}

.echo-home-1-hero-area-top-story .echo-top-story.first .echo-story-text h4 {
    font-size: 23px;
    font-weight: 700;
    line-height: 33px
}

@media(min-width: 768px)and (max-width:991px) {
    .echo-home-1-hero-area-top-story .echo-top-story.first .echo-story-text h4 {
        margin-bottom:4px;
        text-align: left
    }

    .echo-home-1-hero-area-top-story .echo-top-story.first .echo-story-text .echo-trending-post-bottom-icons {
        text-align: left
    }
}

.echo-home-1-hero-area-top-story.story-review .echo-top-story {
    display: block!important;
    margin: 20px 0
}

.echo-home-1-hero-area-top-story.story-review .echo-top-story .echo-story-picture {
    position: relative;
    z-index: 1
}

.echo-home-1-hero-area-top-story.story-review .echo-top-story .echo-story-picture:before {
    background: #181823;
    content: "";
    height: 100%;
    opacity: .4;
    position: absolute;
    width: 100%;
    z-index: 1
}

.echo-home-1-hero-area-top-story.story-review .echo-top-story .echo-story-picture:after {
    border: 5px solid #fff;
    border-radius: 50%;
    color: #fff;
    content: "7.5";
    height: 50px;
    line-height: 43px;
    position: absolute;
    right: 15px;
    text-align: center;
    top: 15px;
    width: 50px;
    z-index: 1
}

.echo-home-1-hero-area-top-story.story-review .echo-top-story .echo-story-text {
    align-items: center;
    display: flex;
    margin-top: 15px
}

.echo-home-1-hero-area-top-story.story-review .echo-top-story .echo-story-text .number {
    color: #f16228;
    flex-basis: 25%;
    font-size: 60px;
    font-weight: 400;
    line-height: 70px;
    text-transform: capitalize
}

.echo-home-1-hero-area-top-story.story-review .echo-top-story .echo-story-text .content {
    flex-basis: 75%
}

.echo-banner {
    padding-bottom: 50px;
    padding-top: 40px
}

.echo-banner .echo-banner-slider-button {
    position: absolute;
    right: 70px;
    top: 22px
}

.echo-banner .echo-banner-slider-button .swiper-button-next {
    background-color: #53b7bd;
    height: 30px;
    left: 40px;
    width: 30px
}

.echo-banner .echo-banner-slider-button .swiper-button-next:after {
    color: #fff;
    content: "";
    font-family: Font Awesome\ 6 Pro!important;
    font-size: 15px
}

.echo-banner .echo-banner-slider-button .swiper-button-next:hover {
    background-color: #53b7bd
}

.echo-banner .echo-banner-slider-button .swiper-button-next:hover:after {
    color: #fff
}

.echo-banner .echo-banner-slider-button .swiper-button-prev {
    background-color: #e6e6e6;
    height: 30px;
    width: 30px
}

.echo-banner .echo-banner-slider-button .swiper-button-prev:after {
    color: #5e5e5e;
    content: "";
    font-family: Font Awesome\ 6 Pro!important;
    font-size: 15px
}

.echo-banner .echo-banner-slider-button .swiper-button-prev:hover {
    background-color: #53b7bd
}

.echo-banner .echo-banner-slider-button .swiper-button-prev:hover:after {
    color: #fff
}

.echo-banner .echo-banner-mani-content {
    position: relative
}

.echo-banner .echo-banner-mani-content .echo-banner-text {
    background-color: #f9f9f9;
    bottom: 0;
    height: 295;
    left: 0;
    max-width: 690px;
    padding: 30px;
    position: absolute
}

.echo-banner .echo-banner-mani-content .echo-banner-text .echo-banner-heading {
    margin-top: 20px
}

.echo-banner .echo-banner-mani-content .echo-banner-text .echo-banner-heading h1 {
    font-size: 60px;
    line-height: 70px;
    margin: 0
}

.echo-banner .echo-banner-mani-content .echo-banner-text .echo-3-align-icons {
    display: flex;
    gap: 25px;
    margin-top: 12px
}

.echo-banner .echo-banner-mani-content .echo-banner-text .echo-3-align-icons a {
    font-size: 14px;
    font-weight: 500
}

.echo-banner .echo-banner-mani-content .echo-banner-text .echo-3-align-icons a i {
    font-size: 16px;
    margin-right: 5px
}

.echo-banner .echo-banner-right-itme,.echo-banner .echo-banner-right-itme .echo-banar-right-img {
    position: relative
}

.echo-banner .echo-banner-right-itme .echo-banar-right-img .echo-banner-shep {
    bottom: -10px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%)
}

.echo-banner .echo-banner-right-itme .echo-banner-right-heading {
    margin-top: 25px
}

.echo-banner .echo-banner-right-itme .echo-banner-right-heading h5 {
    font-size: 25px;
    line-height: 35px;
    margin: 0 0 20px;
    text-align: center
}

.echo-banner .echo-banner-right-itme:last-child {
    margin-top: 20px
}

.echo-latest-news-area {
    background: #f9f9f9
}

@media(min-width: 992px)and (max-width:1200px) {
    .echo-latest-news-area {
        padding-bottom:30px;
        padding-top: 30px
    }
}

@media(min-width: 768px)and (max-width:991px) {
    .echo-latest-news-area {
        padding-bottom:30px;
        padding-top: 30px
    }
}

@media(max-width: 767px) {
    .echo-latest-news-area {
        padding-bottom:30px;
        padding-top: 30px
    }
}

@media(max-width: 500px) {
    .echo-latest-news-area {
        padding-bottom:30px;
        padding-top: 30px
    }
}

.echo-latest-news-area.home-four {
    background: #fff;
    padding-bottom: 90px
}

.echo-latest-news-area.home-four .echo-latest-news-content .title-area {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0
}

.echo-latest-news-area.home-four .echo-latest-news-content .title-area .sub-title {
    margin-bottom: 0;
    position: relative;
    width: 85%
}

.echo-latest-news-area.home-four .echo-latest-news-content .title-area .sub-title:after {
    background: #5e5e5e;
    content: "";
    height: 1px;
    opacity: .5;
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    width: 72%
}

.echo-latest-news-area.home-four .echo-latest-news-content .title-area .see-all-btn {
    background: none;
    border: 1px solid rgba(94,94,94,.42);
    border-radius: 10px;
    color: #5e5e5e;
    font-family: Bona Nova;
    font-size: 16px;
    font-weight: 700;
    line-height: 30px;
    padding: 10px 22px;
    transition: all .4s
}

.echo-latest-news-area.home-four .echo-latest-news-content .title-area .see-all-btn:hover {
    background: #ff4962;
    border: 1px solid #ff4962;
    color: #fff
}

.echo-latest-news-area.home-four .echo-latest-news-content .title-area .see-all-btn i {
    margin-left: 5px
}

.echo-latest-news-area.home-four .echo-latest-news-content .echo-latest-news-full-content {
    text-align: center
}

.echo-latest-news-area.home-four .echo-latest-news-content .echo-latest-news-full-content .echo-latest-news-main-content {
    margin-left: 8px;
    margin-right: 8px
}

.echo-latest-news-area.home-four .echo-latest-news-content .echo-latest-news-full-content .echo-latest-news-img {
    overflow: visible;
    position: relative
}

.echo-latest-news-area.home-four .echo-latest-news-content .echo-latest-news-full-content .echo-latest-news-img:hover:after {
    opacity: .4
}

.echo-latest-news-area.home-four .echo-latest-news-content .echo-latest-news-full-content .echo-latest-news-img:hover .vedio-icone .video-play-button {
    transform: translate(-50%,-50%) scale(1)
}

.echo-latest-news-area.home-four .echo-latest-news-content .echo-latest-news-full-content .echo-latest-news-img:after {
    background: #181823;
    border-radius: 15px;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all .4s;
    width: 100%;
    z-index: 0
}

.echo-latest-news-area.home-four .echo-latest-news-content .echo-latest-news-full-content .echo-latest-news-img a {
    border-radius: 15px;
    overflow: hidden
}

.echo-latest-news-area.home-four .echo-latest-news-content .echo-latest-news-full-content .echo-latest-news-img .content-catagory-tag {
    background: #fe4358;
    border-radius: 5px;
    bottom: -15px;
    color: #fff;
    display: block;
    font-family: Inter;
    font-size: 14px;
    font-weight: 700;
    height: 35px;
    left: 50%;
    line-height: 35px;
    pointer-events: none;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    transform: translateX(-50%);
    width: 150px;
    z-index: 1
}

.echo-latest-news-area.home-four .echo-latest-news-content .echo-latest-news-full-content .echo-latest-news-img .video-play-button {
    border-radius: 50%;
    box-sizing: content-box;
    display: block;
    height: 44px;
    left: 50%;
    padding: 18px 20px 18px 28px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%) scale(0);
    transition: all .4s;
    width: 32px;
    z-index: 1
}

.echo-latest-news-area.home-four .echo-latest-news-content .echo-latest-news-full-content .echo-latest-news-img .video-play-button span.outer-text {
    border: none;
    color: #fff;
    font-family: Bona Nova;
    font-size: 20px;
    font-weight: 500;
    margin-left: 75px;
    margin-top: -12px;
    min-width: -moz-max-content;
    min-width: max-content;
    position: relative
}

.echo-latest-news-area.home-four .echo-latest-news-content .echo-latest-news-full-content .echo-latest-news-img .video-play-button:after {
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-name: videobuttonpopup;
    background: #fff;
    border: .5px solid #fff;
    border-radius: 50%;
    content: "";
    display: block;
    height: 60px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    transition: all .2s;
    width: 60px;
    z-index: 1
}

.echo-latest-news-area.home-four .echo-latest-news-content .echo-latest-news-full-content .echo-latest-news-img .video-overlay {
    background: rgba(0,0,0,.8);
    bottom: 0;
    display: none;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: all .5s ease;
    z-index: -1
}

.echo-latest-news-area.home-four .echo-latest-news-content .echo-latest-news-full-content .echo-latest-news-img .video-overlay-close {
    color: #fff;
    cursor: pointer;
    font-size: 36px;
    font-weight: 400;
    line-height: 1;
    position: absolute;
    right: 20px;
    text-decoration: none;
    top: 15px;
    transition: all .2s;
    width: 25px;
    z-index: 1000
}

.echo-latest-news-area.home-four .echo-latest-news-content .echo-latest-news-full-content .echo-latest-news-img .video-overlay.open {
    display: block;
    opacity: 1;
    position: fixed;
    z-index: 1000
}

.echo-latest-news-area.home-four .echo-latest-news-content .echo-latest-news-full-content .echo-latest-news-img .video-play-button span {
    border-bottom: 8px solid transparent;
    border-left: 14px solid #fe4358;
    border-top: 8px solid transparent;
    display: block;
    height: 0;
    left: 47%;
    position: relative;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 0;
    z-index: 3
}

.echo-latest-news-area.home-four .echo-latest-news-content .echo-latest-news-full-content .echo-latest-news-img .video-overlay iframe {
    align-items: center;
    display: flex;
    height: 70%;
    justify-content: center;
    margin: auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: 70%
}

.echo-latest-news-area.home-four .echo-latest-news-content .echo-latest-news-full-content .echo-latest-news-single-title {
    margin-top: 35px
}

.echo-latest-news-area.home-four .echo-latest-news-content .echo-latest-news-full-content .echo-latest-news-single-title h5 {
    color: #181823;
    font-family: Bona Nova;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: 35px;
    text-align: center;
    text-transform: capitalize
}

.echo-latest-news-area.home-four .echo-latest-news-content .echo-latest-news-full-content .echo-latest-news-time-views {
    justify-content: center;
    padding-top: 20px;
    position: relative
}

.echo-latest-news-area.home-four .echo-latest-news-content .echo-latest-news-full-content .echo-latest-news-time-views:before {
    background: #171717;
    content: "";
    height: 1px;
    left: 50%;
    opacity: .4;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: 50%
}

.echo-latest-news-area.home-four .echo-latest-news-content .echo-latest-news-full-content .echo-latest-news-time-views a {
    margin: 0;
    padding: 0 10px;
    position: relative
}

.echo-latest-news-area.home-four .echo-latest-news-content .echo-latest-news-full-content .echo-latest-news-time-views a:after {
    background: rgba(69,69,69,.741);
    content: "";
    height: 10px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px
}

.echo-latest-news-area.home-four .echo-latest-news-content .echo-latest-news-full-content .echo-latest-news-time-views a:last-child:after {
    display: none
}

.echo-latest-news-area.home-four .echo-latest-news-content .echo-latest-news-full-content .echo-latest-news-time-views a i {
    margin-right: 8px
}

.echo-latest-news-area.home-seven {
    background: #9f68f5
}

@media(max-width: 500px) {
    .echo-latest-news-area.home-seven {
        padding:30px 0
    }
}

.echo-latest-news-area.home-seven .hm5-feature-title .hm-5-main-title h2 {
    color: #fff;
    font-family: Jost,sans-serif;
    font-size: 40px;
    font-weight: 500;
    line-height: 50px;
    margin-bottom: 45px
}

.echo-latest-news-area.home-seven .echo-hero-baner.small {
    align-items: center;
    background: #fff;
    border: 1px solid #fff;
    display: flex;
    gap: 20px;
    margin-bottom: 33px;
    text-align: left
}

.echo-latest-news-area.home-seven .echo-hero-baner.small .echo-hero-banner-main-img {
    flex-basis: 30%
}

@media(max-width: 1200px) {
    .echo-latest-news-area.home-seven .echo-hero-baner.small .echo-hero-banner-main-img {
        flex-basis:auto
    }
}

.echo-latest-news-area.home-seven .echo-hero-baner.small .content {
    flex-basis: 70%;
    margin-top: 0
}

@media(max-width: 1200px) {
    .echo-latest-news-area.home-seven .echo-hero-baner.small .content {
        flex-basis:auto
    }
}

.echo-latest-news-area.home-seven .echo-hero-baner.small .content .author {
    font-weight: 500;
    text-align: left
}

.echo-latest-news-area.home-seven .echo-hero-baner.small .content .echo-hero-title {
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    text-align: left
}

.echo-latest-news-area.home-seven .echo-hero-baner.small .content .echo-hero-title a {
    background-image: linear-gradient(90deg,#000 50%,transparent 0);
    color: var(--color-heading-1)
}

.echo-feature-area.home-four {
    background: #181823
}

.echo-feature-area.home-four .title-area {
    margin-bottom: 20px
}

.echo-feature-area.home-four .title-area.right {
    margin-bottom: 30px;
    margin-top: 10px
}

.echo-feature-area.home-four .title-area .sub-title {
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 0;
    position: relative
}

.echo-feature-area.home-four .title-area .sub-title img {
    margin-right: 5px
}

.echo-feature-area.home-four .title-area .sub-title:after {
    background: #fff;
    content: "";
    height: 1px;
    opacity: .5;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 72%
}

.echo-feature-area.home-four .title-area .sect-title {
    color: #fff;
    margin-bottom: 0;
    position: relative;
    text-align: center
}

.echo-feature-area.home-four .title-area .sect-title:after,.echo-feature-area.home-four .title-area .sect-title:before {
    background: #fff;
    content: "";
    height: 1px;
    opacity: .5;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 30%
}

.echo-feature-area.home-four .title-area .sect-title:after {
    right: 0
}

.echo-feature-area.home-four .title-area .sect-title:before {
    left: 0
}

.echo-feature-area.home-four .echo-feature-area-full-content {
    margin-top: 40px
}

.echo-feature-area.home-four .echo-feature-area-full-content .echo-banner-right-area-content ul {
    margin: 0;
    padding: 0
}

.echo-feature-area.home-four .echo-feature-area-full-content .echo-banner-right-area-content ul li {
    align-items: center;
    border-bottom: 1px solid hsla(0,0%,100%,.2);
    display: flex;
    gap: 15px;
    list-style: none;
    margin-bottom: 10px;
    margin-top: 0;
    padding-bottom: 25px
}

.echo-feature-area.home-four .echo-feature-area-full-content .echo-banner-right-area-content ul li:last-child {
    border: none;
    margin-bottom: 0;
    padding-bottom: 0
}

.echo-feature-area.home-four .echo-feature-area-full-content .echo-banner-right-area-content ul li .content {
    flex-basis: 65%
}

.echo-feature-area.home-four .echo-feature-area-full-content .echo-banner-right-area-content ul li .content h5 {
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 15px;
    margin-top: 10px
}

.echo-feature-area.home-four .echo-feature-area-full-content .echo-banner-right-area-content ul li .content h5 a {
    color: #fff
}

.echo-feature-area.home-four .echo-feature-area-full-content .echo-banner-right-area-content ul li .content h5 a:hover {
    background-image: linear-gradient(90deg,#fff 50%,transparent 0);
    background-position: 0 100%
}

.echo-feature-area.home-four .echo-feature-area-full-content .echo-banner-right-area-content ul li .content .desc {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    opacity: .8
}

.echo-feature-area.home-four .echo-feature-area-full-content .echo-banner-right-area-content ul li .content .desc i {
    margin-right: 10px
}

.echo-feature-area.home-four .echo-feature-area-full-content .echo-banner-right-area-content ul li .echo-latest-news-img {
    border-radius: 50%;
    flex-basis: 35%
}

.echo-feature-area.home-four .echo-feature-area-full-content .echo-latest-news-main-content {
    margin-left: 8px;
    margin-right: 8px;
    text-align: center
}

.echo-feature-area.home-four .echo-feature-area-full-content .echo-latest-news-main-content .echo-latest-news-img {
    overflow: visible;
    position: relative;
    z-index: 1
}

.echo-feature-area.home-four .echo-feature-area-full-content .echo-latest-news-main-content .echo-latest-news-img:hover .vedio-icone {
    display: block
}

.echo-feature-area.home-four .echo-feature-area-full-content .echo-latest-news-main-content .echo-latest-news-img a {
    border-radius: 15px;
    overflow: hidden
}

.echo-feature-area.home-four .echo-feature-area-full-content .echo-latest-news-main-content .echo-latest-news-img .content-catagory-tag {
    background: #fe4358;
    border-radius: 5px;
    bottom: -20px;
    color: #fff;
    display: block;
    font-family: Inter;
    font-size: 14px;
    font-weight: 700;
    height: 40px;
    left: 50%;
    line-height: 40px;
    pointer-events: none;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    transform: translateX(-50%);
    width: 150px;
    z-index: 1
}

.echo-feature-area.home-four .echo-feature-area-full-content .echo-latest-news-main-content .echo-latest-news-single-title {
    margin-top: 45px
}

.echo-feature-area.home-four .echo-feature-area-full-content .echo-latest-news-main-content .echo-latest-news-single-title h5 {
    color: #fff;
    font-family: Bona Nova;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 22px;
    text-align: center;
    text-transform: capitalize
}

.echo-feature-area.home-four .echo-feature-area-full-content .echo-latest-news-main-content .echo-latest-news-single-title h5 a:hover {
    background-image: linear-gradient(90deg,#fff 50%,transparent 0);
    color: #fff
}

.echo-feature-area.home-four .echo-feature-area-full-content .echo-latest-news-main-content .echo-latest-news-time-views {
    color: #fff;
    justify-content: center;
    opacity: .8;
    padding-top: 22px;
    position: relative
}

.echo-feature-area.home-four .echo-feature-area-full-content .echo-latest-news-main-content .echo-latest-news-time-views:before {
    background: #fff;
    content: "";
    height: 1px;
    left: 50%;
    opacity: .2;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: 50%
}

.echo-feature-area.home-four .echo-feature-area-full-content .echo-latest-news-main-content .echo-latest-news-time-views a {
    margin: 0;
    padding: 0 10px;
    position: relative
}

.echo-feature-area.home-four .echo-feature-area-full-content .echo-latest-news-main-content .echo-latest-news-time-views a:after {
    background: rgba(69,69,69,.741);
    content: "";
    height: 10px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px
}

.echo-feature-area.home-four .echo-feature-area-full-content .echo-latest-news-main-content .echo-latest-news-time-views a:last-child:after {
    display: none
}

.echo-feature-area.home-four .echo-feature-area-full-content .echo-latest-news-main-content .echo-latest-news-time-views a i {
    margin-right: 8px
}

.echo-feature-area.home-four .echo-feature-area-full-content .right-side-inner .echo-feature-area-right-site-follower {
    background: none;
    margin-top: 0;
    padding: 0 0 30px
}

.echo-feature-area.home-four .echo-feature-area-full-content .right-side-inner .echo-feature-area-right-site-follower ul {
    margin-bottom: 0;
    margin-top: 0
}

.echo-feature-area.home-four .echo-feature-area-full-content .right-side-inner .echo-feature-area-right-site-follower ul li {
    border: 1px solid hsla(0,0%,100%,.561);
    border-radius: 5px;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 15px;
    padding: 15px;
    transition: all .4s;
    width: 47%
}

.echo-feature-area.home-four .echo-feature-area-full-content .right-side-inner .echo-feature-area-right-site-follower ul li:hover a {
    color: #ff4962
}

.echo-feature-area.home-four .echo-feature-area-full-content .right-side-inner .echo-feature-area-right-site-follower ul li a {
    color: #fff;
    margin-bottom: 0;
    transition: all .4s
}

.echo-feature-area.home-four .echo-feature-area-full-content .right-side-inner .echo-feature-area-right-site-follower ul li:first-child,.echo-feature-area.home-four .echo-feature-area-full-content .right-side-inner .echo-feature-area-right-site-follower ul li:nth-child(3),.echo-feature-area.home-four .echo-feature-area-full-content .right-side-inner .echo-feature-area-right-site-follower ul li:nth-child(5) {
    margin-right: 20px
}

.echo-feature-area.home-four .echo-feature-area-full-content .right-side-inner .echo-feature-area-right-site-follower ul li:nth-child(5),.echo-feature-area.home-four .echo-feature-area-full-content .right-side-inner .echo-feature-area-right-site-follower ul li:nth-child(6) {
    margin-bottom: 0
}

.echo-feature-area.area-2 {
    background: #fff;
    padding-bottom: 100px
}

.echo-feature-area.area-2 .echo-feature-area-content .title-area {
    margin-bottom: 20px
}

.echo-feature-area.area-2 .echo-feature-area-content .title-area .sub-title {
    color: #181823;
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 0;
    position: relative
}

.echo-feature-area.area-2 .echo-feature-area-content .title-area .sub-title img {
    margin-right: 5px
}

.echo-feature-area.area-2 .echo-feature-area-content .title-area .sub-title:after {
    background: #171717;
    content: "";
    height: 1px;
    opacity: .5;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 60%
}

.echo-feature-area.area-2 .echo-feature-area-content .title-area .right-side-title {
    padding-top: 5px
}

.echo-feature-area.area-2 .echo-feature-area-content .title-area .right-side-title .sect-title {
    color: #181823;
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 0;
    position: relative;
    text-align: center
}

.echo-feature-area.area-2 .echo-feature-area-content .title-area .right-side-title .sect-title:after,.echo-feature-area.area-2 .echo-feature-area-content .title-area .right-side-title .sect-title:before {
    background: #171717;
    content: "";
    height: 1px;
    opacity: .5;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 25%
}

.echo-feature-area.area-2 .echo-feature-area-content .title-area .right-side-title .sect-title:after {
    right: 0
}

.echo-feature-area.area-2 .echo-feature-area-content .title-area .right-side-title .sect-title:before {
    left: 0
}

.echo-feature-area.area-2 .echo-feature-area-content .echo-feature-full-content {
    border-bottom: 1px solid rgba(94,94,94,.259);
    padding-bottom: 20px
}

.echo-feature-area.area-2 .echo-feature-area-content .echo-feature-full-content .echo-feature-area-site-title .echo-feature-area-last-news {
    margin-top: 0
}

.echo-feature-area.area-2 .echo-feature-area-content .echo-feature-full-content .echo-feature-area-site-title .echo-feature-area-last-news .echo-feature-area-last-content .echo-feature-area-last-content-img {
    border-radius: 30px;
    flex-basis: 35%
}

.echo-feature-area.area-2 .echo-feature-area-content .echo-feature-full-content .echo-feature-area-site-title .echo-feature-area-last-news .echo-feature-area-last-content .echo-feature-area-last-content-text {
    flex-basis: 65%
}

.echo-feature-area.area-2 .echo-feature-area-content .echo-feature-full-content .echo-feature-area-site-title .echo-feature-area-last-news .echo-feature-area-last-content .echo-feature-area-last-content-text .content-catagory-tag {
    background: #fe4358;
    border-radius: 5px;
    color: #fff;
    display: block;
    font-family: Inter;
    font-size: 14px;
    font-weight: 700;
    height: 40px;
    line-height: 40px;
    pointer-events: none;
    text-align: center;
    text-transform: uppercase;
    width: 150px;
    z-index: 1
}

.echo-feature-area.area-2 .echo-feature-area-content .echo-feature-full-content .echo-feature-area-site-title .echo-feature-area-last-news .echo-feature-area-last-content .echo-feature-area-last-content-text h3 {
    font-size: 40px;
    font-weight: 700;
    line-height: 50px;
    margin-top: 20px
}

.echo-feature-area.area-2 .echo-feature-area-content .echo-feature-full-content .echo-feature-area-site-title .echo-feature-area-last-news .echo-feature-area-last-content .echo-feature-area-last-content-text .echo-latest-news-time-views {
    color: #454545;
    justify-content: center;
    opacity: .8;
    padding-top: 0;
    position: relative
}

.echo-feature-area.area-2 .echo-feature-area-content .echo-feature-full-content .echo-feature-area-site-title .echo-feature-area-last-news .echo-feature-area-last-content .echo-feature-area-last-content-text .echo-latest-news-time-views a {
    margin: 0;
    padding: 0 10px;
    position: relative
}

.echo-feature-area.area-2 .echo-feature-area-content .echo-feature-full-content .echo-feature-area-site-title .echo-feature-area-last-news .echo-feature-area-last-content .echo-feature-area-last-content-text .echo-latest-news-time-views a:after {
    background: rgba(69,69,69,.741);
    content: "";
    height: 10px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px
}

.echo-feature-area.area-2 .echo-feature-area-content .echo-feature-full-content .echo-feature-area-site-title .echo-feature-area-last-news .echo-feature-area-last-content .echo-feature-area-last-content-text .echo-latest-news-time-views a:last-child:after {
    display: none
}

.echo-feature-area.area-2 .echo-feature-area-content .echo-feature-full-content .echo-feature-area-site-title .echo-feature-area-last-news .echo-feature-area-last-content .echo-feature-area-last-content-text .echo-latest-news-time-views a i {
    margin-right: 8px
}

.echo-feature-area.area-2 .echo-feature-area-content .echo-feature-full-content .echo-feature-right-area .echo-feature-area-last-content .echo-feature-area-last-content-text {
    background: url(../images/home-1/feature-left/item-11.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    padding: 30px;
    position: relative
}

.echo-feature-area.area-2 .echo-feature-area-content .echo-feature-full-content .echo-feature-right-area .echo-feature-area-last-content .echo-feature-area-last-content-text .content-catagory-tag {
    background: #fe4358;
    border-radius: 5px;
    color: #fff;
    display: block;
    font-family: Inter;
    font-size: 14px;
    font-weight: 700;
    height: 35px;
    line-height: 35px;
    pointer-events: none;
    text-align: center;
    text-transform: uppercase;
    width: 120px;
    z-index: 1
}

.echo-feature-area.area-2 .echo-feature-area-content .echo-feature-full-content .echo-feature-right-area .echo-feature-area-last-content .echo-feature-area-last-content-text h3 {
    color: #fff;
    font-size: 40px;
    font-weight: 700;
    line-height: 50px;
    margin-top: 50px;
    text-transform: capitalize
}

.echo-feature-area.area-2 .echo-feature-area-content .echo-feature-full-content .echo-feature-right-area .echo-feature-area-last-content .echo-feature-area-last-content-text h3 a,.echo-feature-area.area-2 .echo-feature-area-content .echo-feature-full-content .echo-feature-right-area .echo-feature-area-last-content .echo-feature-area-last-content-text h3 a:hover {
    background-image: linear-gradient(90deg,#fff 50%,transparent 0);
    color: #fff
}

.echo-feature-area.area-2 .echo-feature-area-content .echo-feature-full-content .echo-feature-right-area .echo-feature-area-last-content .echo-feature-area-last-content-text .desc {
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    line-height: 26px
}

.echo-feature-area.area-2 .echo-feature-area-content .echo-feature-full-content .echo-feature-right-area .echo-right-side-small-content {
    padding: 0
}

.echo-feature-area.area-2 .echo-feature-area-content .echo-feature-full-content .echo-feature-right-area .echo-right-side-small-content .content-inner {
    align-items: center;
    background: #fff;
    border-radius: 20px;
    box-shadow: 20px 20px 60px rgba(0,0,1,.05);
    display: flex;
    list-style: none;
    padding: 25px 20px
}

.echo-feature-area.area-2 .echo-feature-area-content .echo-feature-full-content .echo-feature-right-area .echo-right-side-small-content .content-inner .number {
    flex-basis: 25%
}

.echo-feature-area.area-2 .echo-feature-area-content .echo-feature-full-content .echo-feature-right-area .echo-right-side-small-content .content-inner .number h3 {
    color: #5e5e5e;
    font-size: 60px;
    font-weight: 400;
    line-height: 70px;
    opacity: .5;
    text-transform: capitalize
}

.echo-feature-area.area-2 .echo-feature-area-content .echo-feature-full-content .echo-feature-right-area .echo-right-side-small-content .content-inner .content {
    flex-basis: 75%
}

.echo-feature-area.area-2 .echo-feature-area-content .echo-feature-full-content .echo-feature-right-area .echo-right-side-small-content .content-inner .content h3 {
    color: #181823;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 10px;
    text-transform: capitalize
}

.echo-feature-area.area-2 .echo-feature-area-content .button-area {
    margin-top: 50px;
    text-align: center
}

.echo-feature-area.area-2 .echo-feature-area-content .button-area .rts-btn {
    background: none;
    border: 1px solid rgba(94,94,94,.62);
    border-radius: 10px;
    color: #5e5e5e;
    font-family: Bona Nova;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    padding: 20px;
    text-transform: capitalize
}

.echo-feature-area.area-2 .echo-feature-area-content .button-area .rts-btn i {
    margin-left: 10px
}

.echo-popular-news-area.home-four .echo-popular-news-area-content .title-area {
    margin-bottom: 20px
}

.echo-popular-news-area.home-four .echo-popular-news-area-content .title-area .sub-title {
    color: #181823;
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 0;
    position: relative
}

.echo-popular-news-area.home-four .echo-popular-news-area-content .title-area .sub-title img {
    margin-right: 5px
}

.echo-popular-news-area.home-four .echo-popular-news-area-content .title-area .sub-title:after {
    background: #171717;
    content: "";
    height: 1px;
    opacity: .5;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 60%
}

.echo-popular-news-area.home-four .echo-popular-news-area-content .title-area .sect-title {
    color: #181823;
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 0;
    position: relative;
    text-align: center
}

.echo-popular-news-area.home-four .echo-popular-news-area-content .title-area .sect-title:after,.echo-popular-news-area.home-four .echo-popular-news-area-content .title-area .sect-title:before {
    background: #171717;
    content: "";
    height: 1px;
    opacity: .5;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 20%
}

.echo-popular-news-area.home-four .echo-popular-news-area-content .title-area .sect-title:after {
    right: 0
}

.echo-popular-news-area.home-four .echo-popular-news-area-content .title-area .sect-title:before {
    left: 0
}

.echo-popular-news-area.home-four .echo-popular-news-area-content .echo-popular-news-area-full-content .left-side-content .echo-latest-news-main-content {
    margin: 0 8px 30px;
    text-align: center
}

.echo-popular-news-area.home-four .echo-popular-news-area-content .echo-popular-news-area-full-content .left-side-content .echo-latest-news-main-content .echo-latest-news-img {
    overflow: visible;
    position: relative;
    z-index: 1
}

.echo-popular-news-area.home-four .echo-popular-news-area-content .echo-popular-news-area-full-content .left-side-content .echo-latest-news-main-content .echo-latest-news-img:hover:after {
    opacity: .4
}

.echo-popular-news-area.home-four .echo-popular-news-area-content .echo-popular-news-area-full-content .left-side-content .echo-latest-news-main-content .echo-latest-news-img:hover .vedio-icone {
    display: block
}

.echo-popular-news-area.home-four .echo-popular-news-area-content .echo-popular-news-area-full-content .left-side-content .echo-latest-news-main-content .echo-latest-news-img:after {
    background: #181823;
    border-radius: 20px;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all .4s;
    width: 100%;
    z-index: 0
}

.echo-popular-news-area.home-four .echo-popular-news-area-content .echo-popular-news-area-full-content .left-side-content .echo-latest-news-main-content .echo-latest-news-img a {
    border-radius: 20px;
    overflow: hidden
}

.echo-popular-news-area.home-four .echo-popular-news-area-content .echo-popular-news-area-full-content .left-side-content .echo-latest-news-main-content .echo-latest-news-img .content-catagory-tag {
    background: #fe4358;
    border-radius: 5px;
    bottom: -20px;
    color: #fff;
    display: block;
    font-family: Inter;
    font-size: 14px;
    font-weight: 700;
    height: 40px;
    left: 50%;
    line-height: 40px;
    pointer-events: none;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    transform: translateX(-50%);
    width: 150px;
    z-index: 1
}

.echo-popular-news-area.home-four .echo-popular-news-area-content .echo-popular-news-area-full-content .left-side-content .echo-latest-news-main-content .echo-latest-news-img .vedio-icone {
    display: none;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: all .4s;
    z-index: 1
}

.echo-popular-news-area.home-four .echo-popular-news-area-content .echo-popular-news-area-full-content .left-side-content .echo-latest-news-main-content .echo-latest-news-img .video-play-button {
    border-radius: 50%;
    box-sizing: content-box;
    display: block;
    display: flex;
    height: 44px;
    padding: 18px 20px 18px 28px;
    width: 32px
}

.echo-popular-news-area.home-four .echo-popular-news-area-content .echo-popular-news-area-full-content .left-side-content .echo-latest-news-main-content .echo-latest-news-img .video-play-button span.outer-text {
    border: none;
    color: #fff;
    font-family: Bona Nova;
    font-size: 20px;
    font-weight: 500;
    margin-left: 75px;
    margin-top: -12px;
    min-width: -moz-max-content;
    min-width: max-content;
    position: relative
}

.echo-popular-news-area.home-four .echo-popular-news-area-content .echo-popular-news-area-full-content .left-side-content .echo-latest-news-main-content .echo-latest-news-img .video-play-button:after {
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-name: videobuttonpopup;
    background: #fff;
    border: .5px solid #fff;
    border-radius: 50%;
    content: "";
    display: block;
    height: 60px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    transition: all .2s;
    width: 60px;
    z-index: 1
}

.echo-popular-news-area.home-four .echo-popular-news-area-content .echo-popular-news-area-full-content .left-side-content .echo-latest-news-main-content .echo-latest-news-img .video-overlay {
    background: rgba(0,0,0,.8);
    bottom: 0;
    display: none;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: all .5s ease;
    z-index: -1
}

.echo-popular-news-area.home-four .echo-popular-news-area-content .echo-popular-news-area-full-content .left-side-content .echo-latest-news-main-content .echo-latest-news-img .video-overlay-close {
    color: #fff;
    cursor: pointer;
    font-size: 36px;
    font-weight: 400;
    line-height: 1;
    position: absolute;
    right: 20px;
    text-decoration: none;
    top: 15px;
    transition: all .2s;
    width: 25px;
    z-index: 1000
}

.echo-popular-news-area.home-four .echo-popular-news-area-content .echo-popular-news-area-full-content .left-side-content .echo-latest-news-main-content .echo-latest-news-img .video-overlay.open {
    display: block;
    opacity: 1;
    position: fixed;
    z-index: 1000
}

.echo-popular-news-area.home-four .echo-popular-news-area-content .echo-popular-news-area-full-content .left-side-content .echo-latest-news-main-content .echo-latest-news-img .video-play-button span {
    border-bottom: 8px solid transparent;
    border-left: 14px solid #fe4358;
    border-top: 8px solid transparent;
    display: block;
    height: 0;
    left: 47%;
    position: relative;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 0;
    z-index: 3
}

.echo-popular-news-area.home-four .echo-popular-news-area-content .echo-popular-news-area-full-content .left-side-content .echo-latest-news-main-content .echo-latest-news-img .video-overlay iframe {
    align-items: center;
    display: flex;
    height: 70%;
    justify-content: center;
    margin: auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: 70%
}

.echo-popular-news-area.home-four .echo-popular-news-area-content .echo-popular-news-area-full-content .left-side-content .echo-latest-news-main-content .echo-latest-news-single-title {
    margin-top: 45px
}

.echo-popular-news-area.home-four .echo-popular-news-area-content .echo-popular-news-area-full-content .left-side-content .echo-latest-news-main-content .echo-latest-news-single-title h5 {
    color: #181823;
    font-family: Bona Nova;
    font-size: 25px;
    font-weight: 700;
    line-height: 35px;
    margin-bottom: 15px;
    text-align: center;
    text-transform: capitalize
}

.echo-popular-news-area.home-four .echo-popular-news-area-content .echo-popular-news-area-full-content .left-side-content .echo-latest-news-main-content .echo-latest-news-single-title h5 a:hover {
    background-image: linear-gradient(90deg,#181823 50%,transparent 0);
    color: #181823
}

.echo-popular-news-area.home-four .echo-popular-news-area-content .echo-popular-news-area-full-content .left-side-content .echo-latest-news-main-content .echo-latest-news-time-views {
    color: #5e5e5e;
    justify-content: center;
    padding-top: 15px;
    position: relative
}

.echo-popular-news-area.home-four .echo-popular-news-area-content .echo-popular-news-area-full-content .left-side-content .echo-latest-news-main-content .echo-latest-news-time-views:before {
    background: #181823;
    content: "";
    height: 1px;
    left: 50%;
    opacity: .2;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: 50%
}

.echo-popular-news-area.home-four .echo-popular-news-area-content .echo-popular-news-area-full-content .left-side-content .echo-latest-news-main-content .echo-latest-news-time-views a {
    margin: 0;
    padding: 0 10px;
    position: relative
}

.echo-popular-news-area.home-four .echo-popular-news-area-content .echo-popular-news-area-full-content .left-side-content .echo-latest-news-main-content .echo-latest-news-time-views a:after {
    background: rgba(69,69,69,.741);
    content: "";
    height: 10px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px
}

.echo-popular-news-area.home-four .echo-popular-news-area-content .echo-popular-news-area-full-content .left-side-content .echo-latest-news-main-content .echo-latest-news-time-views a:last-child:after {
    display: none
}

.echo-popular-news-area.home-four .echo-popular-news-area-content .echo-popular-news-area-full-content .left-side-content .echo-latest-news-main-content .echo-latest-news-time-views a i {
    margin-right: 8px
}

.echo-popular-news-area.home-four .echo-popular-news-area-content .echo-popular-news-area-full-content .title-area.right {
    margin-top: 5px
}

.echo-popular-news-area.home-four .echo-popular-news-area-content .echo-popular-news-area-full-content .echo-banner-right-area-content .right-side-news ul {
    margin: 0;
    padding: 0
}

.echo-popular-news-area.home-four .echo-popular-news-area-content .echo-popular-news-area-full-content .echo-banner-right-area-content .right-side-news ul li {
    align-items: center;
    border-bottom: 1px solid hsla(0,0%,100%,.2);
    display: flex;
    gap: 15px;
    list-style: none;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 25px
}

.echo-popular-news-area.home-four .echo-popular-news-area-content .echo-popular-news-area-full-content .echo-banner-right-area-content .right-side-news ul li:last-child {
    border: none;
    margin-bottom: 0;
    padding-bottom: 0
}

.echo-popular-news-area.home-four .echo-popular-news-area-content .echo-popular-news-area-full-content .echo-banner-right-area-content .right-side-news ul li .content {
    flex-basis: 65%
}

.echo-popular-news-area.home-four .echo-popular-news-area-content .echo-popular-news-area-full-content .echo-banner-right-area-content .right-side-news ul li .content .catagory-tag {
    color: #ff7474;
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    text-transform: uppercase
}

.echo-popular-news-area.home-four .echo-popular-news-area-content .echo-popular-news-area-full-content .echo-banner-right-area-content .right-side-news ul li .content h5 {
    color: #181823;
    font-size: 25px;
    font-weight: 700;
    line-height: 35px;
    margin-bottom: 15px;
    margin-top: 5px
}

.echo-popular-news-area.home-four .echo-popular-news-area-content .echo-popular-news-area-full-content .echo-banner-right-area-content .right-side-news ul li .content h5 a {
    color: #181823
}

.echo-popular-news-area.home-four .echo-popular-news-area-content .echo-popular-news-area-full-content .echo-banner-right-area-content .right-side-news ul li .content h5 a:hover {
    background-image: linear-gradient(90deg,#181823 50%,transparent 0);
    background-position: 0 100%
}

.echo-popular-news-area.home-four .echo-popular-news-area-content .echo-popular-news-area-full-content .echo-banner-right-area-content .right-side-news ul li .content .desc {
    color: #5e5e5e;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px
}

.echo-popular-news-area.home-four .echo-popular-news-area-content .echo-popular-news-area-full-content .echo-banner-right-area-content .right-side-news ul li .content .desc i {
    margin-right: 10px
}

.echo-popular-news-area.home-four .echo-popular-news-area-content .echo-popular-news-area-full-content .echo-banner-right-area-content .right-side-news ul li .echo-latest-news-img {
    border-radius: 50%;
    flex-basis: 35%
}

.echo-popular-news-area.home-four .echo-popular-news-area-content .echo-popular-news-area-full-content .echo-banner-right-area-content .right-side-gallery .title {
    color: #181823;
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
    margin-top: 40px;
    position: relative;
    text-align: center
}

.echo-popular-news-area.home-four .echo-popular-news-area-content .echo-popular-news-area-full-content .echo-banner-right-area-content .right-side-gallery .title:after,.echo-popular-news-area.home-four .echo-popular-news-area-content .echo-popular-news-area-full-content .echo-banner-right-area-content .right-side-gallery .title:before {
    background: #171717;
    content: "";
    height: 1px;
    opacity: .5;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 25%
}

.echo-popular-news-area.home-four .echo-popular-news-area-content .echo-popular-news-area-full-content .echo-banner-right-area-content .right-side-gallery .title:before {
    left: 0
}

.echo-popular-news-area.home-four .echo-popular-news-area-content .echo-popular-news-area-full-content .echo-banner-right-area-content .right-side-gallery .title:after {
    right: 0
}

.echo-popular-news-area.home-four .echo-popular-news-area-content .echo-popular-news-area-full-content .echo-banner-right-area-content .right-side-gallery .gallery-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0;
    padding: 0
}

.echo-popular-news-area.home-four .echo-popular-news-area-content .echo-popular-news-area-full-content .echo-banner-right-area-content .right-side-gallery .gallery-inner .gallery-item {
    border-radius: 10px;
    cursor: pointer;
    list-style: none;
    overflow: hidden;
    transition: all .4s;
    width: 46%
}

.echo-popular-news-area.home-four .echo-popular-news-area-content .echo-popular-news-area-full-content .echo-banner-right-area-content .right-side-gallery .gallery-inner .gallery-item:hover img {
    transform: scale(110%)
}

.echo-popular-news-area.home-four .echo-popular-news-area-content .echo-popular-news-area-full-content .echo-banner-right-area-content .right-side-gallery .gallery-inner .gallery-item img {
    transform: scale(100%);
    transition: all .4s;
    width: 100%
}

.echo-video-area.home-four {
    background: none;
    padding: 0;
    position: relative
}

.echo-video-area.home-four .echo-video-area-inner {
    left: 50%;
    position: absolute;
    top: 150px;
    transform: translateX(-50%);
    z-index: 2
}

.echo-video-area.home-four .echo-video-area-inner .vedio-icone {
    position: relative
}

.echo-video-area.home-four .echo-video-area-inner .video-play-button {
    border-radius: 50%;
    box-sizing: content-box;
    display: block;
    display: flex;
    height: 44px;
    margin: 0 auto;
    padding: 18px 20px 18px 28px;
    position: relative;
    width: 32px
}

.echo-video-area.home-four .echo-video-area-inner .video-play-button span.outer-text {
    border: none;
    color: #fff;
    font-family: Bona Nova;
    font-size: 20px;
    font-weight: 500;
    margin-left: 75px;
    margin-top: -12px;
    min-width: -moz-max-content;
    min-width: max-content;
    position: relative
}

.echo-video-area.home-four .echo-video-area-inner .video-play-button:after {
    background: #fff;
    border: .5px solid #fff;
    border-radius: 50%;
    content: "";
    display: block;
    height: 96px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    transition: all .2s;
    width: 96px;
    z-index: 1;
    z-index: 2
}

.echo-video-area.home-four .echo-video-area-inner .video-play-button:before {
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    background: hsla(0,0%,100%,.15);
    border-radius: 50%;
    content: "";
    display: block;
    height: 140px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    transition: all .2s;
    width: 140px;
    z-index: 1;
    z-index: 2
}

.echo-video-area.home-four .echo-video-area-inner .video-overlay {
    background: rgba(0,0,0,.8);
    bottom: 0;
    display: none;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: all .5s ease;
    z-index: -1
}

.echo-video-area.home-four .echo-video-area-inner .video-overlay-close {
    color: #fff;
    cursor: pointer;
    font-size: 36px;
    font-weight: 400;
    line-height: 1;
    position: absolute;
    right: 20px;
    text-decoration: none;
    top: 15px;
    transition: all .2s;
    width: 25px;
    z-index: 1000
}

.echo-video-area.home-four .echo-video-area-inner .video-overlay.open {
    display: block;
    opacity: 1;
    position: fixed;
    z-index: 1000
}

.echo-video-area.home-four .echo-video-area-inner .video-play-button span {
    border-bottom: 15px solid transparent;
    border-left: 25px solid #fe4358;
    border-top: 15px solid transparent;
    display: block;
    height: 0;
    left: 47%;
    position: relative;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 0;
    z-index: 3
}

.echo-video-area.home-four .echo-video-area-inner .video-overlay iframe {
    align-items: center;
    display: flex;
    height: 70%;
    justify-content: center;
    margin: auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: 70%
}

.echo-video-area.home-four .swiper-container .slider-inner {
    background: url(../images/home-1/video-left/video-bg2.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 0;
    padding-top: 180px
}

.echo-video-area.home-four .swiper-container .slider-inner .echo-video-bottom-area {
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    background: hsla(0,0%,100%,.05);
    border-radius: 30px 30px 0 0;
    margin-top: 200px;
    text-align: center
}

.echo-video-area.home-four .swiper-container .slider-inner .echo-video-bottom-area .content {
    padding: 40px 40px 100px
}

.echo-video-area.home-four .swiper-container .slider-inner .echo-video-bottom-area .content .content-catagory-tag {
    background: #fe4358;
    border-radius: 5px;
    color: #fff;
    display: block;
    font-family: Inter;
    font-size: 14px;
    font-weight: 700;
    height: 35px;
    line-height: 35px;
    margin: 0 auto;
    pointer-events: none;
    text-align: center;
    text-transform: uppercase;
    width: 150px;
    z-index: 1
}

.echo-video-area.home-four .swiper-container .slider-inner .echo-video-bottom-area .content h5 {
    font-size: 50px;
    font-weight: 700;
    line-height: 60px;
    margin-bottom: 25px;
    margin-top: 20px;
    text-align: center;
    text-transform: capitalize
}

.echo-video-area.home-four .swiper-container .slider-inner .echo-video-bottom-area .content h5 a {
    background-image: linear-gradient(90deg,#fff 50%,transparent 0);
    color: #fff
}

.echo-video-area.home-four .swiper-container .slider-inner .echo-video-bottom-area .content h5 a:hover {
    background-image: linear-gradient(90deg,#fff 50%,transparent 0);
    background-position: 0 100%
}

.echo-video-area.home-four .swiper-container .slider-inner .echo-video-bottom-area .content .echo-latest-news-time-views {
    color: #fff;
    justify-content: center;
    padding-left: 15px;
    padding-top: 15px;
    position: relative
}

.echo-video-area.home-four .swiper-container .slider-inner .echo-video-bottom-area .content .echo-latest-news-time-views a {
    margin: 0;
    padding: 0 10px;
    position: relative
}

.echo-video-area.home-four .swiper-container .slider-inner .echo-video-bottom-area .content .echo-latest-news-time-views a:first-child {
    padding-right: 15px
}

.echo-video-area.home-four .swiper-container .slider-inner .echo-video-bottom-area .content .echo-latest-news-time-views a:after {
    background: #fff;
    content: "";
    height: 10px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px
}

.echo-video-area.home-four .swiper-container .slider-inner .echo-video-bottom-area .content .echo-latest-news-time-views a:last-child:after {
    display: none
}

.echo-video-area.home-four .swiper-container .slider-inner .echo-video-bottom-area .content .echo-latest-news-time-views a i {
    margin-right: 8px
}

.echo-video-area.home-four .swiper-container .swiper-btn {
    bottom: 20px;
    height: 50px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 70px;
    z-index: 1
}

.echo-video-area.home-four .swiper-container .swiper-btn .swiper-button-next,.echo-video-area.home-four .swiper-container .swiper-btn .swiper-button-prev {
    border: 1px solid #fff;
    border-radius: 50%;
    color: #fff;
    height: 30px;
    line-height: 30px;
    text-align: center;
    transition: all .4s;
    width: 30px
}

.echo-video-area.home-four .swiper-container .swiper-btn .swiper-button-next:after,.echo-video-area.home-four .swiper-container .swiper-btn .swiper-button-prev:after {
    display: none
}

.echo-video-area.home-four .swiper-container .swiper-btn .swiper-button-prev {
    left: 0;
    right: auto
}

.echo-video-area.home-four .swiper-container .swiper-btn .swiper-button-prev:hover {
    background-color: #fe4358;
    border: 1px solid #fe4358
}

.echo-video-area.home-four .swiper-container .swiper-btn .swiper-button-next {
    background-color: #fe4358;
    border: 1px solid #fe4358;
    left: auto;
    right: 0
}

.echo-video-area.home-four .swiper-container .swiper-btn .swiper-button-next:hover {
    background: none;
    border: 1px solid #fff
}

.echo-video-area.inner {
    background: url(../images/home-1/video-left/video-bg3.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 670px;
    position: relative
}

.echo-video-area.inner .echo-video-area-inner {
    padding: 200px 0
}

.echo-video-area.inner .echo-video-area-inner .video-play-button {
    border-radius: 50%;
    box-sizing: content-box;
    display: block;
    display: flex;
    height: 44px;
    left: 50%;
    margin: 0 auto;
    padding: 18px 20px 18px 28px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 32px
}

.echo-video-area.inner .echo-video-area-inner .video-play-button span.outer-text {
    border: none;
    color: #fff;
    font-family: Bona Nova;
    font-size: 20px;
    font-weight: 500;
    margin-left: 75px;
    margin-top: -12px;
    min-width: -moz-max-content;
    min-width: max-content;
    position: relative
}

.echo-video-area.inner .echo-video-area-inner .video-play-button:after {
    background: #fff;
    border: .5px solid #fff;
    border-radius: 50%;
    content: "";
    display: block;
    height: 96px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    transition: all .2s;
    width: 96px;
    z-index: 1;
    z-index: 2
}

.echo-video-area.inner .echo-video-area-inner .video-play-button:before {
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    background: hsla(0,0%,100%,.15);
    border-radius: 50%;
    content: "";
    display: block;
    height: 140px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    transition: all .2s;
    width: 140px;
    z-index: 1;
    z-index: 2
}

.echo-video-area.inner .echo-video-area-inner .video-overlay {
    background: rgba(0,0,0,.8);
    bottom: 0;
    display: none;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: all .5s ease;
    z-index: -1
}

.echo-video-area.inner .echo-video-area-inner .video-overlay-close {
    color: #fff;
    cursor: pointer;
    font-size: 36px;
    font-weight: 400;
    line-height: 1;
    position: absolute;
    right: 20px;
    text-decoration: none;
    top: 15px;
    transition: all .2s;
    width: 25px;
    z-index: 1000
}

.echo-video-area.inner .echo-video-area-inner .video-overlay.open {
    display: block;
    opacity: 1;
    position: fixed;
    z-index: 1000
}

.echo-video-area.inner .echo-video-area-inner .video-play-button span {
    border-bottom: 15px solid transparent;
    border-left: 25px solid var(--color-primary);
    border-top: 15px solid transparent;
    display: block;
    height: 0;
    left: 47%;
    position: relative;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 0;
    z-index: 3
}

.echo-video-area.inner .echo-video-area-inner .video-overlay iframe {
    align-items: center;
    display: flex;
    height: 70%;
    justify-content: center;
    margin: auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: 70%
}

.echo-video-area.home-eight {
    background: none;
    padding: 0;
    position: relative
}

.echo-video-area.home-eight .echo-video-area-inner {
    left: 50%;
    position: absolute;
    top: 150px;
    transform: translateX(-50%);
    z-index: 2
}

.echo-video-area.home-eight .echo-video-area-inner .vedio-icone {
    position: relative
}

.echo-video-area.home-eight .echo-video-area-inner .video-play-button {
    border-radius: 50%;
    box-sizing: content-box;
    display: block;
    display: flex;
    height: 44px;
    margin: 0 auto;
    padding: 18px 20px 18px 28px;
    position: relative;
    width: 32px
}

.echo-video-area.home-eight .echo-video-area-inner .video-play-button span.outer-text {
    border: none;
    color: #fff;
    font-family: Bona Nova;
    font-size: 20px;
    font-weight: 500;
    margin-left: 75px;
    margin-top: -12px;
    min-width: -moz-max-content;
    min-width: max-content;
    position: relative
}

.echo-video-area.home-eight .echo-video-area-inner .video-play-button:after {
    background: #fff;
    border: .5px solid #fff;
    border-radius: 50%;
    content: "";
    display: block;
    height: 96px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    transition: all .2s;
    width: 96px;
    z-index: 1;
    z-index: 2
}

.echo-video-area.home-eight .echo-video-area-inner .video-play-button:before {
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    background: hsla(0,0%,100%,.15);
    border-radius: 50%;
    content: "";
    display: block;
    height: 140px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    transition: all .2s;
    width: 140px;
    z-index: 1;
    z-index: 2
}

.echo-video-area.home-eight .echo-video-area-inner .video-overlay {
    background: rgba(0,0,0,.8);
    bottom: 0;
    display: none;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: all .5s ease;
    z-index: -1
}

.echo-video-area.home-eight .echo-video-area-inner .video-overlay-close {
    color: #fff;
    cursor: pointer;
    font-size: 36px;
    font-weight: 400;
    line-height: 1;
    position: absolute;
    right: 20px;
    text-decoration: none;
    top: 15px;
    transition: all .2s;
    width: 25px;
    z-index: 1000
}

.echo-video-area.home-eight .echo-video-area-inner .video-overlay.open {
    display: block;
    opacity: 1;
    position: fixed;
    z-index: 1000
}

.echo-video-area.home-eight .echo-video-area-inner .video-play-button span {
    border-bottom: 15px solid transparent;
    border-left: 25px solid #fe5301;
    border-top: 15px solid transparent;
    display: block;
    height: 0;
    left: 47%;
    position: relative;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 0;
    z-index: 3
}

.echo-video-area.home-eight .echo-video-area-inner .video-overlay iframe {
    align-items: center;
    display: flex;
    height: 70%;
    justify-content: center;
    margin: auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: 70%
}

.echo-video-area.home-eight .slider-inner {
    background: url(../images/home-1/video-left/video-bg4.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 0;
    padding-top: 180px
}

.echo-video-area.home-eight .slider-inner .echo-video-bottom-area {
    margin: 200px auto auto;
    position: relative;
    width: 1060px
}

@media(max-width: 1200px) {
    .echo-video-area.home-eight .slider-inner .echo-video-bottom-area {
        width:950px
    }
}

@media(max-width: 991px) {
    .echo-video-area.home-eight .slider-inner .echo-video-bottom-area {
        width:720px
    }
}

@media(max-width: 768px) {
    .echo-video-area.home-eight .slider-inner .echo-video-bottom-area {
        width:100%
    }
}

.echo-video-area.home-eight .slider-inner .echo-video-bottom-area .banner-bottom-inner {
    background: #fff;
    position: relative
}

.echo-video-area.home-eight .slider-inner .echo-video-bottom-area .content {
    padding: 45px 40px 50px
}

@media(max-width: 450px) {
    .echo-video-area.home-eight .slider-inner .echo-video-bottom-area .content {
        padding:45px 20px 50px
    }
}

.echo-video-area.home-eight .slider-inner .echo-video-bottom-area .content .content-catagory-tag {
    background: #fe5301;
    color: #fff;
    display: block;
    font-family: Inter;
    font-size: 14px;
    font-weight: 700;
    height: 40px;
    line-height: 40px;
    pointer-events: none;
    text-align: center;
    text-transform: uppercase;
    width: 105px;
    z-index: 1
}

.echo-video-area.home-eight .slider-inner .echo-video-bottom-area .content h5 {
    font-family: Inter,sans-serif;
    font-size: 50px;
    font-weight: 500;
    line-height: 65px;
    margin-bottom: 25px;
    margin-top: 20px;
    text-align: start;
    text-transform: capitalize
}

@media(max-width: 1200px) {
    .echo-video-area.home-eight .slider-inner .echo-video-bottom-area .content h5 {
        font-size:45px;
        line-height: 60px
    }
}

@media(max-width: 992px) {
    .echo-video-area.home-eight .slider-inner .echo-video-bottom-area .content h5 {
        font-size:32px;
        line-height: 47px
    }
}

@media(max-width: 768px) {
    .echo-video-area.home-eight .slider-inner .echo-video-bottom-area .content h5 {
        font-size:26px;
        line-height: 40px
    }
}

@media(max-width: 576px) {
    .echo-video-area.home-eight .slider-inner .echo-video-bottom-area .content h5 {
        font-size:26px;
        line-height: 40px
    }
}

@media(max-width: 450px) {
    .echo-video-area.home-eight .slider-inner .echo-video-bottom-area .content h5 {
        font-size:20px;
        line-height: 40px
    }
}

.echo-video-area.home-eight .slider-inner .echo-video-bottom-area .content h5 a {
    background-image: linear-gradient(90deg,#171717 50%,transparent 0);
    color: #171717
}

.echo-video-area.home-eight .slider-inner .echo-video-bottom-area .content h5 a:hover {
    background-position: 0 100%
}

.echo-video-area.home-eight .slider-inner .echo-video-bottom-area .content .echo-latest-news-time-views {
    color: #454545;
    justify-content: center;
    padding-top: 15px;
    position: relative
}

.echo-video-area.home-eight .slider-inner .echo-video-bottom-area .content .echo-latest-news-time-views a {
    margin: 0;
    padding: 0 10px;
    position: relative
}

.echo-video-area.home-eight .slider-inner .echo-video-bottom-area .content .echo-latest-news-time-views a:first-child {
    padding-right: 15px
}

.echo-video-area.home-eight .slider-inner .echo-video-bottom-area .content .echo-latest-news-time-views a:after {
    background: #fff;
    content: "";
    height: 10px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px
}

.echo-video-area.home-eight .slider-inner .echo-video-bottom-area .content .echo-latest-news-time-views a:last-child:after {
    display: none
}

.echo-video-area.home-eight .slider-inner .echo-video-bottom-area .content .echo-latest-news-time-views a i {
    margin-right: 8px
}

.echo-video-area.home-eight .slider-inner .echo-video-bottom-area .swiper-btn {
    height: 40px;
    position: absolute;
    right: 50px;
    top: 50px;
    width: 85px;
    z-index: 1
}

@media(max-width: 576px) {
    .echo-video-area.home-eight .slider-inner .echo-video-bottom-area .swiper-btn {
        display:none
    }
}

.echo-video-area.home-eight .slider-inner .echo-video-bottom-area .swiper-btn .swiper-button-next,.echo-video-area.home-eight .slider-inner .echo-video-bottom-area .swiper-btn .swiper-button-prev {
    color: #454545;
    font-size: 20px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    transition: all .4s;
    width: 30px
}

.echo-video-area.home-eight .slider-inner .echo-video-bottom-area .swiper-btn .swiper-button-next:after,.echo-video-area.home-eight .slider-inner .echo-video-bottom-area .swiper-btn .swiper-button-prev:after {
    display: none
}

.echo-video-area.home-eight .slider-inner .echo-video-bottom-area .swiper-btn .swiper-button-prev {
    left: 0;
    right: auto
}

.echo-video-area.home-eight .slider-inner .echo-video-bottom-area .swiper-btn .swiper-button-next {
    color: #fe5301;
    left: auto;
    right: 0
}

.echo-video-area.home-eight .slider-inner .echo-video-bottom-area .swiper-pagination {
    bottom: 50px;
    color: #dadada;
    left: unset;
    right: 50px;
    width: -moz-max-content;
    width: max-content
}

@media(max-width: 576px) {
    .echo-video-area.home-eight .slider-inner .echo-video-bottom-area .swiper-pagination {
        display:none
    }
}

.echo-video-area.home-eight .slider-inner .echo-video-bottom-area .swiper-pagination .swiper-pagination-current {
    color: #fe6821;
    font-family: Plus Jakarta Sans,sans-serif;
    font-size: 35px;
    font-weight: 500;
    text-transform: uppercase
}

.echo-software-download-area.home-four .echo-software-download-full-content-bg {
    background: url(../images/home-1/our-android-app-download/bg4.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50px;
    position: relative;
    transition: all .4s
}

.echo-software-download-area.home-four .echo-software-download-full-content-bg:hover .echo-software-download-img-content {
    transform: scale(110%)
}

.echo-software-download-area.home-four .echo-software-download-full-content-bg:after {
    background: #181823;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.echo-software-download-area.home-four .echo-software-download-full-content-bg .echo-software-download-img-content {
    position: absolute;
    right: 50px;
    top: -1px;
    transform: scale(100%);
    transition: all .4s
}

.echo-software-download-area.home-four .echo-software-download-full-content-bg .echo-software-download-full-content .echo-software-download-text-content .echo-software-download-place .echo-py-hover-white:hover {
    background: #fff;
    border: 1px solid #fff!important;
    color: #ff4962!important
}

.echo-software-download-area.home-four .echo-software-download-full-content-bg .echo-software-download-full-content .echo-software-download-text-content .echo-software-download-place .echo-py-hover-white:hover svg path {
    fill: #ff4962!important
}

.echo-software-download-area.sports {
    padding-bottom: 90px;
    padding-top: 90px
}

.echo-software-download-area.sports .echo-software-download-full-content-bg {
    background: url(../images/home-1/our-android-app-download/bg5.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.echo-software-download-area.sports .echo-software-download-full-content-bg .echo-software-download-full-content .echo-software-download-text-content .echo-software-download-place a {
    border-radius: 15px
}

.echo-about-area {
    padding: 100px 0
}

.echo-about-area .container .echo-about-area-inner .content-area .title {
    font-size: 50px;
    font-weight: 700;
    line-height: 60px;
    margin-bottom: 30px
}

.echo-about-area .container .echo-about-area-inner .content-area .sub-title {
    color: #5e5e5e;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    text-transform: capitalize
}

.echo-about-area .container .echo-about-area-inner .content-area .desc {
    color: #5e5e5e;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px
}

.echo-about-area .container .echo-about-area-inner .content-area .bottom-author-area {
    align-items: center;
    display: flex
}

.echo-about-area .container .echo-about-area-inner .content-area .bottom-author-area .content {
    padding-right: 25px;
    position: relative
}

.echo-about-area .container .echo-about-area-inner .content-area .bottom-author-area .content:before {
    background: rgba(94,94,94,.459);
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    width: 1px
}

.echo-about-area .container .echo-about-area-inner .content-area .bottom-author-area .content .author-name {
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 0
}

.echo-about-area .container .echo-about-area-inner .content-area .bottom-author-area .sign {
    padding-left: 25px
}

.echo-about-area .container .echo-about-area-inner .hero-image {
    display: flex;
    position: relative
}

.echo-about-area .container .echo-about-area-inner .hero-image .image {
    width: 380px
}

.echo-about-area .container .echo-about-area-inner .hero-image .image img {
    width: 100%
}

.echo-about-area .container .echo-about-area-inner .hero-image .image-2 {
    position: absolute;
    right: -230px
}

.echo-team-area {
    padding: 90px 0 165px
}

.echo-team-area .echo-team-area-inner .section-title {
    font-size: 50px;
    font-weight: 700;
    line-height: 60px;
    margin-bottom: 50px;
    text-align: center
}

.echo-team-area .echo-team-area-inner .team-wrapper {
    margin-right: 15px;
    position: relative;
    transition: all .4s
}

.echo-team-area .echo-team-area-inner .team-wrapper:hover .content-area ul.social-icon {
    transform: translateX(-50%) scale(1)
}

.echo-team-area .echo-team-area-inner .team-wrapper .image-area img {
    width: 100%
}

.echo-team-area .echo-team-area-inner .team-wrapper .content-area {
    background: #fff;
    border-radius: 50%;
    bottom: -90px;
    left: 50%;
    padding: 40px 20px 20px;
    position: absolute;
    transform: translateX(-50%);
    transition: all .4s;
    width: 120%
}

.echo-team-area .echo-team-area-inner .team-wrapper .content-area ul.social-icon {
    display: flex;
    justify-content: center;
    left: 50%;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    transform: translateX(-50%) scale(0);
    transition: all .4s;
    width: 65%
}

.echo-team-area .echo-team-area-inner .team-wrapper .content-area ul.social-icon li {
    list-style: none;
    margin: 0 5px;
    text-align: center
}

.echo-team-area .echo-team-area-inner .team-wrapper .content-area ul.social-icon li:first-child,.echo-team-area .echo-team-area-inner .team-wrapper .content-area ul.social-icon li:nth-child(2),.echo-team-area .echo-team-area-inner .team-wrapper .content-area ul.social-icon li:nth-child(3),.echo-team-area .echo-team-area-inner .team-wrapper .content-area ul.social-icon li:nth-child(4) {
    position: absolute;
    transition: all .4s
}

.echo-team-area .echo-team-area-inner .team-wrapper .content-area ul.social-icon li:first-child {
    left: 10px;
    top: -8px
}

.echo-team-area .echo-team-area-inner .team-wrapper .content-area ul.social-icon li:nth-child(2) {
    left: 60px;
    top: -14px
}

.echo-team-area .echo-team-area-inner .team-wrapper .content-area ul.social-icon li:nth-child(3) {
    right: 60px;
    top: -14px
}

.echo-team-area .echo-team-area-inner .team-wrapper .content-area ul.social-icon li:nth-child(4) {
    right: 10px;
    top: -8px
}

.echo-team-area .echo-team-area-inner .team-wrapper .content-area ul.social-icon li a {
    background: #fff;
    border-radius: 50%;
    box-shadow: 5px 5px 10px rgba(0,0,1,.05);
    color: #5e5e5e;
    display: block;
    font-size: 14px;
    height: 30px;
    line-height: 31px;
    text-align: center;
    transition: all .4s;
    width: 30px
}

.echo-team-area .echo-team-area-inner .team-wrapper .content-area ul.social-icon li a:hover {
    background: var(--color-primary);
    color: #fff
}

.echo-team-area .echo-team-area-inner .team-wrapper .content-area .content {
    text-align: center
}

.echo-team-area .echo-team-area-inner .team-wrapper .content-area .content .title {
    margin-bottom: 0
}

.echo-team-area.team {
    padding: 90px 0 60px
}

.echo-team-area.team .echo-team-area-inner .team-wrapper {
    margin-bottom: 100px
}

.echo-hero-section.inner-post .echo-hero-baner {
    box-shadow: none;
    margin-bottom: 0
}

.echo-hero-section.inner-post .echo-quote-area {
    background: #f9f9f9;
    margin-bottom: 30px;
    padding: 20px 20px 20px 25px;
    position: relative
}

.echo-hero-section.inner-post .echo-quote-area:before {
    background: #f16228;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 4px
}

.echo-hero-section.inner-post .echo-quote-area .quote-title {
    color: #181823;
    font-size: 20px;
    line-height: 30px;
    text-transform: capitalize
}

.echo-hero-section.inner-post .echo-quote-area .author {
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    padding-left: 25px;
    position: relative
}

.echo-hero-section.inner-post .echo-quote-area .author:before {
    background: #5e5e5e;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 15px
}

.echo-hero-section.inner-post .echo-financial-area {
    margin-bottom: 40px
}

.echo-hero-section.inner-post .echo-financial-area .image-area {
    margin-bottom: 20px
}

.echo-hero-section.inner-post .echo-financial-area .content .title {
    font-size: 50px;
    font-weight: 700;
    line-height: 60px
}

.echo-hero-section.inner-post .echo-financial-area .content .desc {
    color: #5e5e5e
}

.echo-hero-section.inner-post .echo-financial-area .content .content-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 30px;
    padding: 0
}

.echo-hero-section.inner-post .echo-financial-area .content .content-wrapper.first .wrapper-item {
    padding-left: 30px
}

.echo-hero-section.inner-post .echo-financial-area .content .content-wrapper .wrapper-item {
    color: #000;
    font-family: Bona Nova;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    list-style: none;
    padding-left: 20px;
    position: relative;
    width: 50%
}

.echo-hero-section.inner-post .echo-financial-area .content .content-wrapper .wrapper-item:before {
    color: #5e5e5e;
    content: "";
    font-family: Font Awesome\ 6 Pro;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.echo-hero-section.inner-post .echo-financial-area .content .details-share,.echo-hero-section.inner-post .echo-financial-area .content .details-tag {
    align-items: center;
    display: flex
}

.echo-hero-section.inner-post .echo-financial-area .content .details-share h6,.echo-hero-section.inner-post .echo-financial-area .content .details-tag h6 {
    margin-bottom: 0;
    margin-right: 5px
}

.echo-hero-section.inner-post .echo-financial-area .content .details-share a,.echo-hero-section.inner-post .echo-financial-area .content .details-tag a {
    margin: 0 5px;
    max-width: -moz-max-content;
    max-width: max-content;
    transition: all .3s
}

.echo-hero-section.inner-post .echo-financial-area .content .details-share a:hover i,.echo-hero-section.inner-post .echo-financial-area .content .details-tag a:hover i {
    color: var(--color-primary)
}

.echo-hero-section.inner-post .echo-financial-area .content .details-tag {
    justify-content: start
}

.echo-hero-section.inner-post .echo-financial-area .content .details-tag button {
    background: #f9f9f9;
    padding: 8px 10px;
    transition: all .3s
}

.echo-hero-section.inner-post .echo-financial-area .content .details-tag button:hover {
    background: var(--color-primary);
    color: #fff
}

.echo-hero-section.inner-post .echo-financial-area .content .details-share {
    justify-content: end
}

.echo-hero-section.inner-post .echo-author-area {
    align-items: center;
    background: #f9f9f9;
    display: flex;
    margin-bottom: 40px;
    padding: 20px
}

.echo-hero-section.inner-post .echo-author-area .image-area {
    flex-basis: 25%
}

.echo-hero-section.inner-post .echo-author-area .content {
    flex-basis: 75%
}

.echo-hero-section.inner-post .echo-author-area .content .title {
    margin-bottom: 10px
}

.echo-hero-section.inner-post .echo-more-news-area {
    background: #f9f9f9;
    margin-bottom: 40px;
    padding: 35px 30px
}

.echo-hero-section.inner-post .echo-more-news-area .title {
    font-size: 30px;
    font-weight: 700;
    line-height: 40px
}

.echo-hero-section.inner-post .echo-more-news-area .echo-top-story {
    align-items: center;
    background: #fff;
    display: flex;
    gap: 15px;
    margin: 18px 0;
    padding: 15px
}

.echo-hero-section.inner-post .echo-more-news-area .echo-top-story .echo-story-picture {
    flex-basis: 30%
}

.echo-hero-section.inner-post .echo-more-news-area .echo-top-story .echo-story-picture a img {
    height: 100%;
    width: 100%
}

.echo-hero-section.inner-post .echo-more-news-area .echo-top-story .echo-story-text {
    flex-basis: 70%
}

.echo-hero-section.inner-post .echo-more-news-area .echo-top-story .echo-story-text h6 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 10px
}

.echo-hero-section.inner-post .echo-more-news-area .echo-top-story .echo-story-text a i {
    font-size: 16px;
    margin-right: 6px
}

.echo-hero-section.inner-post .echo-reply-area {
    background: #f9f9f9;
    margin-bottom: 40px;
    padding: 30px
}

.echo-hero-section.inner-post .echo-reply-area .title {
    font-size: 30px;
    font-weight: 700;
    line-height: 40px
}

.echo-hero-section.inner-post .echo-reply-area .comment-inner {
    margin: 0;
    padding: 0
}

.echo-hero-section.inner-post .echo-reply-area .comment-inner .wrapper {
    border-bottom: 1px solid rgba(69,69,69,.188);
    display: flex;
    list-style: none;
    padding: 40px 0;
    position: relative
}

.echo-hero-section.inner-post .echo-reply-area .comment-inner .wrapper .image-area {
    flex-basis: 12%
}

.echo-hero-section.inner-post .echo-reply-area .comment-inner .wrapper .content {
    flex-basis: 88%
}

.echo-hero-section.inner-post .echo-reply-area .comment-inner .wrapper .content .title {
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 0
}

.echo-hero-section.inner-post .echo-reply-area .comment-inner .wrapper .content a {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px
}

.echo-hero-section.inner-post .echo-reply-area .comment-inner .wrapper .content .desc {
    color: #454545;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    margin-top: 10px
}

.echo-hero-section.inner-post .echo-reply-area .comment-inner .wrapper:last-child {
    border: none;
    padding-bottom: 0
}

.echo-hero-section.inner-post .echo-reply-area .comment-inner .wrapper .reply {
    font-family: Bona Nova;
    font-weight: 700;
    position: absolute;
    right: 0;
    top: 35px
}

.echo-hero-section.inner-post .echo-comment-box {
    background: #f9f9f9;
    padding: 30px
}

.echo-hero-section.inner-post .echo-comment-box .title {
    font-size: 25px;
    font-weight: 700;
    line-height: 35px
}

.echo-hero-section.inner-post .echo-comment-box form input,.echo-hero-section.inner-post .echo-comment-box form textarea {
    border: 1px solid rgba(69,69,69,.251);
    margin-bottom: 20px
}

.echo-hero-section.inner-post .echo-comment-box form input {
    height: 60px
}

.echo-hero-section.inner-post .echo-comment-box form textarea {
    min-height: 140px;
    padding-top: 10px
}

.echo-hero-section.inner-post .echo-comment-box form button {
    background: var(--color-primary);
    border: 1px solid transparent;
    color: #fff;
    height: 60px;
    transition: all .3s;
    width: 170px
}

.echo-hero-section.inner-post .echo-comment-box form button:hover {
    background: transparent;
    border: 1px solid rgba(69,69,69,.188);
    color: #5e5e5e
}

.echo-hero-section.inner-post-2 .echo-hero-baner .content-catagory-tag {
    background: #f05600;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    padding: 10px 20px;
    text-transform: uppercase
}

.echo-hero-section.inner-post-2 .echo-hero-baner .echo-hero-title {
    margin-bottom: 15px
}

.echo-hero-section.inner-post-2 .echo-financial-area .content .content-wrapper .wrapper-item {
    font-size: 20px;
    font-weight: 700;
    line-height: 30px
}

.echo-hero-section.inner-post-2 .echo-financial-area .content .content-wrapper .wrapper-item:before {
    color: #537fe7
}

.echo-hero-section.inner-post-2 .echo-financial-area .content .content-wrapper.wrapper-2 .wrapper-item {
    color: #5e5e5e;
    width: 100%
}

.echo-hero-section.inner-post-2 .echo-financial-area .content .content-wrapper.wrapper-2 .wrapper-item:before {
    display: none
}

.echo-hero-section.inner-post-2 .echo-financial-area .content .content-wrapper.wrapper-2 .wrapper-item:after {
    background: #5e5e5e;
    border-radius: 50%;
    content: "";
    height: 6px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 6px
}

.echo-hero-section.inner-post-2 .echo-financial-area .content .image.bottom {
    margin: 30px 0
}

.hero-home-six,.hero-home-six .hero-inner {
    position: relative
}

.hero-home-six .hero-inner .slider-inner {
    height: 930px;
    position: relative
}

@media(max-width: 768px) {
    .hero-home-six .hero-inner .slider-inner {
        height:770px
    }
}

@media(max-width: 576px) {
    .hero-home-six .hero-inner .slider-inner {
        height:600px
    }
}

.hero-home-six .hero-inner .slider-inner .swiper-slide {
    overflow: hidden
}

.hero-home-six .hero-inner .slider-inner:before {
    background: linear-gradient(180deg,hsla(0,0%,7%,.65) 35.77%,transparent);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.hero-home-six .hero-inner .slider-inner video {
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.hero-home-six .hero-inner .slider-inner .content {
    left: 50%;
    position: absolute;
    text-align: center;
    top: 45%;
    transform: translate(-50%,-50%);
    width: -moz-max-content;
    width: max-content
}

.hero-home-six .hero-inner .slider-inner .content .hero-hm6-title {
    max-width: 1100px
}

.hero-home-six .hero-inner .slider-inner .content .hero-hm6-title h1 {
    color: #fff;
    font-family: DM Sans,sans-serif;
    font-size: 160px;
    font-weight: 700;
    line-height: 160px;
    margin-bottom: 45px;
    text-align: center
}

@media(max-width: 1200px) {
    .hero-home-six .hero-inner .slider-inner .content .hero-hm6-title h1 {
        font-size:130px;
        line-height: 140px
    }
}

@media(max-width: 991px) {
    .hero-home-six .hero-inner .slider-inner .content .hero-hm6-title h1 {
        font-size:100px;
        line-height: 110px
    }
}

@media(max-width: 768px) {
    .hero-home-six .hero-inner .slider-inner .content .hero-hm6-title h1 {
        font-size:74px;
        line-height: 84px
    }
}

@media(max-width: 500px) {
    .hero-home-six .hero-inner .slider-inner .content .hero-hm6-title h1 {
        font-size:50px;
        line-height: 60px
    }
}

.hero-home-six .hero-inner .swiper-pagination {
    bottom: 100px;
    color: #fff;
    font-size: 25px;
    left: 70px;
    position: absolute;
    width: -moz-max-content;
    width: max-content
}

@media(max-width: 1200px) {
    .hero-home-six .hero-inner .swiper-pagination {
        left:50px
    }
}

@media(max-width: 900px) {
    .hero-home-six .hero-inner .swiper-pagination {
        left:25px
    }
}

@media(max-width: 768px) {
    .hero-home-six .hero-inner .swiper-pagination {
        display:none
    }
}

.hero-home-six .hero-inner .swiper-pagination .swiper-pagination-current {
    font-size: 50px
}

.hero-home-six .hero-inner .swiper-btn-area {
    bottom: 65px;
    display: block;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: -moz-max-content;
    width: max-content;
    z-index: 1
}

@media(max-width: 768px) {
    .hero-home-six .hero-inner .swiper-btn-area {
        display:none
    }
}

.hero-home-six .hero-inner .swiper-btn-area .swiper-btn {
    border: 1px solid #fff;
    border-radius: 50%;
    display: block;
    height: 50px;
    line-height: 47px;
    position: unset;
    text-align: center;
    width: 50px
}

.hero-home-six .hero-inner .swiper-btn-area .swiper-btn:after {
    display: none
}

.hero-home-six .hero-inner .swiper-btn-area .swiper-btn:hover {
    background: #ffcc48;
    border: 1px solid #ffcc48
}

.hero-home-six .hero-inner .swiper-btn-area .swiper-btn.swiper-button-prev {
    margin-bottom: 35px
}

.hero-home-six .hero-inner .swiper-btn-area .swiper-btn.swiper-button-next img {
    transform: rotate(180deg)
}

.hero-home-six .hero-inner .pagination-area {
    bottom: 0;
    position: absolute;
    right: 0
}

.hero-home-six .hero-inner .pagination-area .banner-blog-thumbs .banner-single-thumb {
    cursor: pointer;
    width: 200px
}

@media(max-width: 1440px) {
    .hero-home-six .hero-inner .pagination-area .banner-blog-thumbs .banner-single-thumb {
        width:180px
    }
}

@media(max-width: 1200px) {
    .hero-home-six .hero-inner .pagination-area .banner-blog-thumbs .banner-single-thumb {
        width:120px
    }
}

@media(max-width: 500px) {
    .hero-home-six .hero-inner .pagination-area .banner-blog-thumbs .banner-single-thumb {
        width:auto
    }
}

.hero-home-six .hero-inner .border {
    background: #6d6d6d;
    border: none!important;
    bottom: 115px;
    height: 1px;
    left: 12%;
    position: absolute;
    width: 35%;
    z-index: 1
}

@media(max-width: 1550px) {
    .hero-home-six .hero-inner .border {
        left:15%;
        width: 30%
    }
}

@media(max-width: 1200px) {
    .hero-home-six .hero-inner .border {
        left:20%;
        width: 25%
    }
}

@media(max-width: 768px) {
    .hero-home-six .hero-inner .border {
        display:none
    }
}

.hero-hm6-btn .hm6-btn-1 {
    background: #ffcc48;
    border-radius: 70px;
    color: #2b2004;
    display: block;
    font-family: DM Sans,sans-serif;
    font-size: 18px;
    font-weight: 700;
    height: 80px;
    line-height: 85px;
    margin: auto;
    text-align: center;
    width: 220px
}

@media(max-width: 991px) {
    .hero-hm6-btn .hm6-btn-1 {
        font-size:16px;
        height: 70px;
        height: 60px;
        line-height: 73px;
        line-height: 63px;
        width: 200px;
        width: 180px
    }
}

.hero-hm6-btn .hm6-btn-1 img {
    margin-left: 5px;
    margin-top: 4px
}

.hero-hm6-btn .hm6-btn-1 img.arrow-3,.hero-hm6-btn .hm6-btn-1 img.arrow-4 {
    margin-top: 0
}

.hm8-btn-1 {
    background: #d00032;
    border: 1px solid #d00032;
    border-radius: 50px;
    color: #fff;
    display: block;
    font-family: var(--home-5-title-font);
    font-size: 22px;
    font-weight: 500;
    height: 70px;
    letter-spacing: 2px;
    line-height: 75px;
    margin-top: 50px;
    text-align: center;
    transition: all .4s;
    width: 210px
}

.hm8-btn-1:hover {
    background: none;
    border: 1px solid #fff;
    color: #fff
}

@media(max-width: 991px) {
    .hm8-btn-1 {
        font-size:16px;
        height: 70px;
        height: 60px;
        line-height: 73px;
        line-height: 63px;
        width: 200px;
        width: 180px
    }
}

.hm8-btn-1 img {
    margin-left: 5px;
    margin-top: 4px
}

.hm8-btn-1 img.arrow-3,.hm8-btn-1 img.arrow-4 {
    margin-top: 0
}

.innerpage #sidebar {
    height: -moz-max-content;
    height: max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    position: absolute;
    width: 370px
}

#sidebar.fixed {
    position: fixed;
    top: 0;
    width: 370px
}

.hm6-btn-1 {
    padding-right: 20px;
    position: relative
}

.hm6-btn-1:hover {
    background: #fff;
    transition: all .4s
}

.hm6-btn-1:hover .arrow-1 {
    opacity: 0;
    transform: translate(10px,-50%)
}

.hm6-btn-1:hover .arrow-2 {
    opacity: 1;
    transform: translate(10px,-50%)
}

.hm6-btn-1 img {
    transition: all .4s
}

.hm6-btn-1 img.arrow-1 {
    position: absolute;
    right: 40px;
    top: 50%;
    transform: translateY(-50%)
}

@media(max-width: 991px) {
    .hm6-btn-1 img.arrow-1 {
        right:33px
    }
}

.hm6-btn-1 img.arrow-2 {
    opacity: 0;
    position: absolute;
    right: 50px;
    top: 50%;
    transform: translateY(-50%)
}

@media(max-width: 991px) {
    .hm6-btn-1 img.arrow-2 {
        right:43px
    }
}

.hm6-btn-1.small {
    padding-right: 35px
}

.echo-banner-area.home-seven {
    padding: 70px 0
}

@media(max-width: 991px) {
    .echo-banner-area.home-seven .right-side-banner {
        display:flex;
        flex-wrap: wrap
    }
}

.echo-banner-area.home-seven .right-side-banner .echo-hero-baner.small {
    align-items: center;
    display: flex;
    gap: 20px;
    margin-bottom: 33px;
    text-align: left
}

@media(max-width: 1200px)and (min-width:992px) {
    .echo-banner-area.home-seven .right-side-banner .echo-hero-baner.small {
        gap:15px
    }
}

@media(max-width: 991px) {
    .echo-banner-area.home-seven .right-side-banner .echo-hero-baner.small {
        width:50%
    }
}

@media(max-width: 600px) {
    .echo-banner-area.home-seven .right-side-banner .echo-hero-baner.small {
        width:100%
    }
}

.echo-banner-area.home-seven .right-side-banner .echo-hero-baner.small .echo-hero-banner-main-img {
    flex-basis: 33%
}

@media(max-width: 600px) {
    .echo-banner-area.home-seven .right-side-banner .echo-hero-baner.small .echo-hero-banner-main-img {
        flex-basis:auto
    }
}

.echo-banner-area.home-seven .right-side-banner .echo-hero-baner.small .content {
    flex-basis: 67%;
    margin-top: 0
}

.echo-banner-area.home-seven .right-side-banner .echo-hero-baner.small .content .author {
    font-weight: 500;
    text-align: left
}

.echo-banner-area.home-seven .right-side-banner .echo-hero-baner.small .content .echo-hero-title {
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    text-align: left
}

@media(max-width: 1200px)and (min-width:992px) {
    .echo-banner-area.home-seven .right-side-banner .echo-hero-baner.small .content .echo-hero-title {
        font-size:16px;
        line-height: 26px
    }
}

.echo-banner-area.home-nine {
    padding: 60px 0
}

.echo-banner-area.home-nine .slider-area {
    margin-right: 20px;
    position: relative
}

@media(max-width: 1500px) {
    .echo-banner-area.home-nine .slider-area {
        margin-right:0
    }
}

@media(max-width: 1200px) {
    .echo-banner-area.home-nine .slider-area {
        margin-bottom:30px
    }
}

.echo-banner-area.home-nine .slider-area .swiper-btn-area {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 95%;
    z-index: 1
}

@media(max-width: 576px) {
    .echo-banner-area.home-nine .slider-area .swiper-btn-area {
        display:none
    }
}

.echo-banner-area.home-nine .slider-area .swiper-btn-area .swiper-btn {
    background: none;
    border: 1px solid #fff;
    border-radius: 50%;
    height: 55px;
    line-height: 55px;
    text-align: center;
    transition: all .3s;
    width: 55px
}

.echo-banner-area.home-nine .slider-area .swiper-btn-area .swiper-btn:after {
    display: none
}

.echo-banner-area.home-nine .slider-area .swiper-btn-area .swiper-btn svg path {
    fill: #fff;
    transition: all .3s
}

.echo-banner-area.home-nine .slider-area .swiper-btn-area .swiper-btn:hover {
    background: #f5d253;
    border: 1px solid #f5d253
}

.echo-banner-area.home-nine .slider-area .swiper-btn-area .swiper-btn:hover svg path {
    fill: #171717
}

.echo-banner-area.home-nine .swiper .echo-hero-baner {
    background: url(../images/home-1/hero/hero-benar13.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 820px;
    position: relative;
    z-index: 1
}

@media(max-width: 576px) {
    .echo-banner-area.home-nine .swiper .echo-hero-baner {
        height:600px
    }
}

.echo-banner-area.home-nine .swiper .echo-hero-baner:after {
    background: rgba(0,13,4,.5);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.echo-banner-area.home-nine .swiper .echo-hero-baner .content {
    left: 50%;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 70%
}

@media(max-width: 991px) {
    .echo-banner-area.home-nine .swiper .echo-hero-baner .content {
        width:90%
    }
}

.echo-banner-area.home-nine .swiper .echo-hero-baner .content .author {
    color: #f5d253;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 20px
}

.echo-banner-area.home-nine .swiper .echo-hero-baner .content .echo-hero-title {
    font-size: 60px;
    font-weight: 700;
    line-height: 70px
}

@media(max-width: 991px) {
    .echo-banner-area.home-nine .swiper .echo-hero-baner .content .echo-hero-title {
        font-size:50px;
        line-height: 60px
    }
}

@media(max-width: 768px) {
    .echo-banner-area.home-nine .swiper .echo-hero-baner .content .echo-hero-title {
        font-size:40px;
        line-height: 50px
    }
}

@media(max-width: 450px) {
    .echo-banner-area.home-nine .swiper .echo-hero-baner .content .echo-hero-title {
        font-size:24px;
        line-height: 40px
    }
}

.echo-banner-area.home-nine .swiper .echo-hero-baner .content .echo-hero-title a {
    background-image: linear-gradient(90deg,#fff 50%,transparent 0);
    color: #fff
}

.echo-banner-area.home-nine .swiper .echo-hero-baner .content .echo-hero-discription {
    color: #e2e2e2;
    font-family: Inter,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    margin: 0 auto 40px;
    text-align: center;
    width: 70%
}

@media(max-width: 991px) {
    .echo-banner-area.home-nine .swiper .echo-hero-baner .content .echo-hero-discription {
        width:100%
    }
}

.echo-banner-area.home-nine .swiper .echo-hero-baner .content .read-more-btn {
    border: 1px solid #f5d253;
    color: #f5d253;
    display: block;
    height: 60px;
    line-height: 60px;
    margin: auto;
    transition: all .3s;
    width: 160px
}

.echo-banner-area.home-nine .swiper .echo-hero-baner .content .read-more-btn:hover {
    background: #f5d253;
    color: #fff
}

.echo-banner-area.home-nine .swiper .echo-hero-baner.two {
    background: url(../images/home-1/hero/hero-benar14.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.echo-banner-area.home-nine .swiper .echo-hero-baner.three {
    background: url(../images/home-1/hero/hero-benar15.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.echo-banner-area.home-nine .echo-hero-baner.small {
    margin-bottom: 40px
}

@media(max-width: 1200px) {
    .echo-banner-area.home-nine .echo-hero-baner.small .echo-hero-banner-main-img img {
        width:100%
    }
}

.echo-banner-area.home-nine .echo-hero-baner.small .content {
    margin-top: 20px
}

.echo-banner-area.home-nine .echo-hero-baner.small .content .author {
    color: #ff9a82;
    font-family: DM Sans,sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 10px;
    text-align: center
}

.echo-banner-area.home-nine .echo-hero-baner.small .content .echo-hero-title {
    font-size: 40px;
    font-weight: 700;
    line-height: 50px;
    text-align: center
}

@media(max-width: 1500px)and (min-width:1200px) {
    .echo-banner-area.home-nine .echo-hero-baner.small .content .echo-hero-title {
        font-size:30px;
        line-height: 40px
    }
}

@media(max-width: 450px) {
    .echo-banner-area.home-nine .echo-hero-baner.small .content .echo-hero-title {
        font-size:24px;
        line-height: 40px
    }
}

.echo-banner-area.home-nine .echo-hero-baner.small .content .echo-hero-title a {
    background-image: linear-gradient(90deg,#000 50%,transparent 0);
    color: #181823
}

.echo-banner-area.home-nine .echo-hero-baner.small .content .echo-hero-title a:hover {
    background-image: linear-gradient(90deg,#003811 50%,transparent 0);
    color: #003811
}

.echo-banner-area.home-ten .banner-inner {
    display: flex
}

@media(max-width: 1200px) {
    .echo-banner-area.home-ten .banner-inner {
        flex-wrap:wrap
    }
}

.echo-banner-area.home-ten .banner-inner .left-side-image {
    width: 55%
}

@media(max-width: 1200px) {
    .echo-banner-area.home-ten .banner-inner .left-side-image {
        width:100%
    }
}

.echo-banner-area.home-ten .banner-inner .left-side-image .echo-hero-baner {
    position: relative;
    transition: all .3s;
    z-index: 1
}

.echo-banner-area.home-ten .banner-inner .left-side-image .echo-hero-baner:hover .echo-hero-banner-main-img a:after {
    background: #d00032;
    mix-blend-mode: color;
    opacity: .5
}

.echo-banner-area.home-ten .banner-inner .left-side-image .echo-hero-baner:hover .echo-hero-banner-main-img a img {
    transform: scale(110%)
}

.echo-banner-area.home-ten .banner-inner .left-side-image .echo-hero-baner:hover .content {
    bottom: 50px;
    opacity: 1
}

.echo-banner-area.home-ten .banner-inner .left-side-image .echo-hero-baner .echo-hero-banner-main-img {
    overflow: hidden
}

.echo-banner-area.home-ten .banner-inner .left-side-image .echo-hero-baner .echo-hero-banner-main-img a {
    position: relative
}

.echo-banner-area.home-ten .banner-inner .left-side-image .echo-hero-baner .echo-hero-banner-main-img a:after {
    background: linear-gradient(180deg,transparent,#000);
    content: "";
    height: 100%;
    left: 0;
    mix-blend-mode: multiply;
    position: absolute;
    top: 0;
    transition: all .5s;
    width: 100%
}

.echo-banner-area.home-ten .banner-inner .left-side-image .echo-hero-baner .content {
    bottom: 0;
    left: 50px;
    opacity: 0;
    position: absolute;
    transition: all .3s;
    width: 75%;
    z-index: 1
}

@media(max-width: 991px) {
    .echo-banner-area.home-ten .banner-inner .left-side-image .echo-hero-baner .content {
        left:20px;
        width: 85%
    }
}

.echo-banner-area.home-ten .banner-inner .left-side-image .echo-hero-baner .content .echo-hero-title {
    font-family: var(--home-5-title-font);
    font-weight: 500;
    line-height: 1;
    margin-bottom: 0
}

.echo-banner-area.home-ten .banner-inner .left-side-image .echo-hero-baner .content .echo-hero-title a {
    background-image: linear-gradient(90deg,#fff 50%,transparent 0);
    background-position: 100% 85%;
    color: #fff
}

.echo-banner-area.home-ten .banner-inner .left-side-image .echo-hero-baner .content .echo-hero-title a:hover {
    background-position: 0 85%
}

.echo-banner-area.home-ten .banner-inner .left-side-image .image-area img {
    width: 100%
}

.echo-banner-area.home-ten .banner-inner .right-side-content {
    align-items: center;
    display: flex;
    flex-direction: column;
    width: 45%
}

@media(max-width: 1200px) {
    .echo-banner-area.home-ten .banner-inner .right-side-content {
        width:100%
    }
}

.echo-banner-area.home-ten .banner-inner .right-side-content .right-side-inner {
    display: flex;
    width: 100%
}

.echo-banner-area.home-ten .banner-inner .right-side-content .right-side-inner .echo-hero-baner {
    position: relative;
    width: 100%;
    z-index: 1
}

.echo-banner-area.home-ten .banner-inner .right-side-content .right-side-inner .echo-hero-baner:hover .echo-hero-banner-main-img a:after {
    background: #d00032;
    mix-blend-mode: color;
    opacity: .5
}

.echo-banner-area.home-ten .banner-inner .right-side-content .right-side-inner .echo-hero-baner:hover .echo-hero-banner-main-img a img {
    transform: scale(110%)
}

.echo-banner-area.home-ten .banner-inner .right-side-content .right-side-inner .echo-hero-baner:hover .content {
    bottom: 20px;
    opacity: 1
}

.echo-banner-area.home-ten .banner-inner .right-side-content .right-side-inner .echo-hero-baner .echo-hero-banner-main-img {
    overflow: hidden
}

.echo-banner-area.home-ten .banner-inner .right-side-content .right-side-inner .echo-hero-baner .echo-hero-banner-main-img a {
    position: relative
}

.echo-banner-area.home-ten .banner-inner .right-side-content .right-side-inner .echo-hero-baner .echo-hero-banner-main-img a:after {
    background: linear-gradient(180deg,transparent,#000);
    content: "";
    height: 100%;
    left: 0;
    mix-blend-mode: multiply;
    position: absolute;
    top: 0;
    transition: all .5s;
    width: 100%
}

.echo-banner-area.home-ten .banner-inner .right-side-content .right-side-inner .echo-hero-baner .echo-hero-banner-main-img a:after .banner-image-one {
    transform: scale(100%)
}

.echo-banner-area.home-ten .banner-inner .right-side-content .right-side-inner .echo-hero-baner .content {
    background: none;
    bottom: 0;
    height: unset;
    left: 30px;
    opacity: 0;
    padding: 0;
    position: absolute;
    transition: all .3s;
    width: 80%;
    z-index: 1
}

.echo-banner-area.home-ten .banner-inner .right-side-content .right-side-inner .echo-hero-baner .content .echo-hero-title {
    font-size: 28px;
    line-height: 1
}

.echo-banner-area.home-ten .banner-inner .right-side-content .image-area {
    display: flex;
    width: 100%
}

.echo-banner-area.home-ten .banner-inner .right-side-content .image-area img {
    width: 50%
}

.echo-banner-area.home-ten .banner-inner .right-side-content .content {
    background: #1a1a1a;
    height: 100%;
    padding: 100px 80px;
    width: 100%
}

@media(max-width: 1600px) {
    .echo-banner-area.home-ten .banner-inner .right-side-content .content {
        padding:80px
    }
}

@media(max-width: 1366px)and (min-width:1200px) {
    .echo-banner-area.home-ten .banner-inner .right-side-content .content {
        padding:70px
    }
}

@media(max-width: 1200px) {
    .echo-banner-area.home-ten .banner-inner .right-side-content .content {
        padding:80px 40px
    }
}

@media(max-width: 576px) {
    .echo-banner-area.home-ten .banner-inner .right-side-content .content {
        padding:80px 20px
    }
}

.echo-banner-area.home-ten .banner-inner .right-side-content .content .echo-hero-title {
    color: #fff;
    font-family: var(--home-5-title-font);
    font-size: 80px;
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase
}

@media(max-width: 1600px) {
    .echo-banner-area.home-ten .banner-inner .right-side-content .content .echo-hero-title {
        font-size:65px
    }
}

@media(max-width: 1366px)and (min-width:1200px) {
    .echo-banner-area.home-ten .banner-inner .right-side-content .content .echo-hero-title {
        font-size:54px
    }
}

@media(max-width: 576px) {
    .echo-banner-area.home-ten .banner-inner .right-side-content .content .echo-hero-title {
        font-size:48px;
        line-height: 1.12
    }
}

@media(max-width: 450px) {
    .echo-banner-area.home-ten .banner-inner .right-side-content .content .echo-hero-title {
        font-size:36px
    }
}

.echo-banner-area.home-ten .banner-inner .right-side-content .content .echo-hero-title a {
    background-image: linear-gradient(90deg,#fff 50%,transparent 0);
    background-position: 100% 85%;
    color: #fff
}

.echo-banner-area.home-ten .banner-inner .right-side-content .content .echo-hero-title a:hover {
    background-position: 0 85%
}

.home-seven .echo-hero-baner {
    border: 1px solid rgba(69,69,69,.1);
    margin-bottom: 28px;
    padding: 25px 30px 45px;
    text-align: center
}

@media(max-width: 991px) {
    .home-seven .echo-hero-baner {
        margin-top:30px
    }
}

@media(max-width: 500px) {
    .home-seven .echo-hero-baner {
        padding:45px 20px
    }
}

.home-seven .echo-hero-baner .content {
    margin-top: 35px
}

.home-seven .echo-hero-baner .content .author {
    color: #924fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 20px;
    text-align: center;
    text-decoration: underline;
    text-transform: uppercase;
    text-underline-offset: 7px
}

.home-seven .echo-hero-baner .content .echo-hero-title {
    font-family: Jost,sans-serif;
    font-size: 40px;
    font-weight: 600;
    line-height: 50px;
    margin-bottom: 30px;
    text-align: center;
    text-transform: none
}

@media(max-width: 500px) {
    .home-seven .echo-hero-baner .content .echo-hero-title {
        font-size:24px;
        line-height: 34px
    }
}

.home-seven .echo-hero-baner.last {
    margin-bottom: 0
}

.home-seven .echo-hero-baner.small {
    padding: 25px 20px
}

@media(max-width: 991px) {
    .home-seven .echo-hero-baner.small {
        margin-top:0
    }
}

.home-seven .echo-hero-baner.small .content {
    margin-top: 25px
}

.home-seven .echo-hero-baner.small .content .author {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 15px
}

.home-seven .echo-hero-baner.small .content .echo-hero-title {
    font-size: 25px;
    font-weight: 600;
    line-height: 35px;
    margin-bottom: 0
}

@media(max-width: 1200px)and (min-width:992px) {
    .home-seven .echo-hero-baner.small .content .echo-hero-title {
        font-size:20px;
        line-height: 30px
    }
}

.home-eight .echo-banner-area {
    background: #fdf2ff
}

.home-eight .echo-banner-area .banner-inner .right-side-banner {
    background: #47164f;
    padding: 0 30px
}

@media(max-width: 450px) {
    .home-eight .echo-banner-area .banner-inner .right-side-banner {
        padding:0 15px
    }
}

.home-eight .echo-banner-area .banner-inner .right-side-banner .echo-hero-baner {
    border-bottom: 1px solid #591e63;
    margin-bottom: 0
}

.home-eight .echo-banner-area .banner-inner .left-side .echo-hero-baner .content .echo-hero-title a {
    background-image: linear-gradient(90deg,#000 50%,transparent 0);
    color: #181823
}

.home-eight .echo-hero-baner {
    border: none;
    margin-bottom: 30px;
    padding: 0;
    text-align: center
}

.home-eight .echo-hero-baner .content {
    background: #fff;
    box-shadow: 30px 30px 60px 0 rgba(69,0,158,.05);
    margin: 0;
    padding: 60px 40px 40px;
    position: relative
}

@media(max-width: 576px) {
    .home-eight .echo-hero-baner .content {
        padding:60px 20px 20px
    }
}

@media(max-width: 450px) {
    .home-eight .echo-hero-baner .content {
        padding:60px 15px 20px
    }
}

.home-eight .echo-hero-baner .content .author {
    background: #fe5301;
    color: #fff;
    font-family: Inter,sans-serif;
    font-size: 20px;
    font-weight: 700;
    height: 50px;
    left: 50%;
    line-height: 50px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    top: -25px;
    transform: translateX(-50%);
    width: 150px
}

@media(max-width: 576px) {
    .home-eight .echo-hero-baner .content .author {
        font-size:14px;
        height: 40px;
        line-height: 40px;
        top: -20px;
        width: 100px
    }
}

.home-eight .echo-hero-baner .content .author a {
    color: #fff
}

.home-eight .echo-hero-baner .content .echo-hero-title {
    font-family: Dm Sans,sans-serif;
    font-size: 40px;
    font-weight: 700;
    line-height: 50px;
    margin-bottom: 25px;
    text-align: center;
    text-transform: none
}

@media(max-width: 576px) {
    .home-eight .echo-hero-baner .content .echo-hero-title {
        font-size:30px;
        line-height: 40px
    }
}

@media(max-width: 450px) {
    .home-eight .echo-hero-baner .content .echo-hero-title {
        font-size:22px;
        line-height: 35px
    }
}

.home-eight .echo-hero-baner .content .echo-hero-area-titlepost-post-like-comment-share {
    align-items: center;
    display: flex;
    gap: 20px;
    justify-content: center
}

@media(max-width: 767px) {
    .home-eight .echo-hero-baner .content .echo-hero-area-titlepost-post-like-comment-share {
        flex-wrap:wrap
    }
}

.home-eight .echo-hero-baner .content .echo-hero-area-titlepost-post-like-comment-share .echo-hero-area-like-read-comment-share a {
    color: #5e5e5e;
    font-size: 14px;
    font-weight: 500
}

.home-eight .echo-hero-baner .content .echo-hero-area-titlepost-post-like-comment-share .echo-hero-area-like-read-comment-share a i {
    margin: 0 4px
}

.home-eight .echo-hero-baner.last {
    margin-bottom: 0
}

.home-eight .echo-banner-area.home-seven .right-side-banner .echo-hero-baner.small {
    padding: 30px 0
}

@media(max-width: 1200px)and (min-width:991px) {
    .home-eight .echo-banner-area.home-seven .right-side-banner .echo-hero-baner.small {
        padding:12px 0
    }
}

@media(max-width: 450px) {
    .home-eight .echo-banner-area.home-seven .right-side-banner .echo-hero-baner.small {
        padding:15px 0
    }
}

.home-eight .echo-banner-area.home-seven .right-side-banner .echo-hero-baner.small .echo-hero-banner-main-img {
    flex-basis: 38%
}

@media(max-width: 450px) {
    .home-eight .echo-banner-area.home-seven .right-side-banner .echo-hero-baner.small .echo-hero-banner-main-img {
        flex-basis:30%
    }
}

.home-eight .echo-banner-area.home-seven .right-side-banner .echo-hero-baner.small .content {
    background: none;
    flex-basis: 62%!important;
    padding: 0
}

@media(max-width: 450px) {
    .home-eight .echo-banner-area.home-seven .right-side-banner .echo-hero-baner.small .content {
        flex-basis:62%!important
    }
}

.home-eight .echo-banner-area.home-seven .right-side-banner .echo-hero-baner.small .content .author {
    background: none;
    color: #ff7474;
    font-size: 14px;
    font-weight: 700;
    height: auto;
    line-height: 22px;
    margin-bottom: 7px;
    margin-top: 0;
    position: unset;
    transform: translateX(0);
    width: auto
}

.home-eight .echo-banner-area.home-seven .right-side-banner .echo-hero-baner.small .content .author a {
    color: #ff7474
}

.home-eight .echo-banner-area.home-seven .right-side-banner .echo-hero-baner.small .content .echo-hero-title {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    line-height: 35px;
    margin-bottom: 0
}

.home-eight .echo-banner-area.home-seven .right-side-banner .echo-hero-baner.small .content .echo-hero-title a {
    background-image: linear-gradient(90deg,#fff 50%,transparent 0);
    color: #fff
}

@media(max-width: 991px) {
    .home-eight .echo-banner-area.home-seven .right-side-banner .echo-hero-baner.small .content .echo-hero-title {
        font-size:22px;
        line-height: 1.2
    }
}

@media(max-width: 450px) {
    .home-eight .echo-banner-area.home-seven .right-side-banner .echo-hero-baner.small .content .echo-hero-title {
        font-size:16px
    }
}

.home-eight .echo-banner-area.home-seven .right-side-banner .echo-hero-baner.small .content .echo-story-text {
    align-items: center;
    color: #fff;
    display: flex;
    font-family: Inter,sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
    margin-top: 5px
}

@media(max-width: 450px) {
    .home-eight .echo-banner-area.home-seven .right-side-banner .echo-hero-baner.small .content .echo-story-text {
        font-size:14px;
        line-height: 1.1
    }
}

.home-eight .echo-banner-area.home-seven .right-side-banner .echo-hero-baner.small .content .echo-story-text svg {
    height: 15px;
    margin-right: 5px;
    width: 15px
}

.home-eight .echo-banner-area.home-seven .right-side-banner .echo-hero-baner.small .content .echo-story-text svg path {
    fill: #fff
}

.home-eight .echo-hero-section.home-eight {
    background: #fdf2ff
}

.home-eight .echo-hero-section.home-eight .hm5-feature-title {
    margin-bottom: 60px
}

.home-eight .echo-hero-section.home-eight .hm5-feature-title .hm-5-main-title {
    align-items: center;
    display: flex;
    position: relative
}

.home-eight .echo-hero-section.home-eight .hm5-feature-title .hm-5-main-title img {
    margin-right: 10px
}

.home-eight .echo-hero-section.home-eight .hm5-feature-title .hm-5-main-title h2 {
    color: #171717;
    font-family: Inter,sans-serif;
    font-size: 30px;
    font-weight: 600;
    line-height: 40px;
    margin-bottom: 0;
    text-transform: none
}

.home-eight .echo-hero-section.home-eight .hm5-feature-title .hm-5-main-title h2:after {
    display: none
}

.home-eight .echo-hero-section.home-eight .echo-full-hero-content .right-side-banner .echo-hero-baner.small {
    align-items: center;
    background: none;
    border-bottom: 1px solid rgba(173,110,184,.239);
    box-shadow: none;
    display: flex;
    gap: 20px;
    margin-bottom: 0;
    padding: 35px 0
}

.home-eight .echo-hero-section.home-eight .echo-full-hero-content .right-side-banner .echo-hero-baner.small:first-child {
    padding-top: 0
}

.home-eight .echo-hero-section.home-eight .echo-full-hero-content .right-side-banner .echo-hero-baner.small.last {
    border: none
}

.home-eight .echo-hero-section.home-eight .echo-full-hero-content .right-side-banner .echo-hero-baner.small .echo-hero-banner-main-img {
    flex-basis: 30%
}

.home-eight .echo-hero-section.home-eight .echo-full-hero-content .right-side-banner .echo-hero-baner.small .content {
    background: none;
    box-shadow: none;
    flex-basis: 70%!important;
    padding: 0
}

.home-eight .echo-hero-section.home-eight .echo-full-hero-content .right-side-banner .echo-hero-baner.small .content .author {
    background: none;
    color: #ff7474;
    font-size: 14px;
    font-weight: 700;
    height: auto;
    line-height: 22px;
    margin-bottom: 0;
    margin-top: 0;
    position: unset;
    text-align: start;
    transform: translateX(0);
    width: auto
}

.home-eight .echo-hero-section.home-eight .echo-full-hero-content .right-side-banner .echo-hero-baner.small .content .author a {
    color: #ff7474
}

.home-eight .echo-hero-section.home-eight .echo-full-hero-content .right-side-banner .echo-hero-baner.small .content .echo-hero-title {
    color: #171717;
    font-size: 20px;
    font-weight: 600;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 0;
    margin-top: 0;
    text-align: start
}

@media(max-width: 450px) {
    .home-eight .echo-hero-section.home-eight .echo-full-hero-content .right-side-banner .echo-hero-baner.small .content .echo-hero-title {
        font-size:18px
    }
}

.home-eight .echo-hero-section.home-eight .echo-full-hero-content .right-side-banner .echo-hero-baner.small .content .echo-hero-title a {
    background-image: linear-gradient(90deg,#171717 50%,transparent 0);
    color: #171717
}

.home-eight .echo-hero-section.home-eight .echo-full-hero-content .right-side-banner .echo-hero-baner.small .content .echo-story-text {
    align-items: center;
    color: #171717;
    display: flex;
    font-family: Inter,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 0;
    margin-top: 5px
}

.home-eight .echo-hero-section.home-eight .echo-full-hero-content .right-side-banner .echo-hero-baner.small .content .echo-story-text svg {
    height: 15px;
    margin-right: 5px;
    width: 15px
}

.home-eight .echo-hero-section.home-eight .echo-full-hero-content .right-side-banner .echo-hero-baner.small .content .echo-story-text svg path {
    fill: #171717
}

.home-eight .echo-hero-section.home-eight .echo-full-hero-content .echo-hero-baner {
    box-shadow: none
}

.home-eight .echo-hero-section.home-eight .echo-full-hero-content .echo-hero-baner .content {
    background: none;
    box-shadow: none;
    padding-bottom: 0;
    padding-top: 30px
}

.home-eight .echo-hero-section.home-eight .echo-full-hero-content .echo-hero-baner .content .author {
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    top: -40px;
    width: 120px
}

.home-eight .echo-hero-section.home-eight .echo-full-hero-content .echo-hero-baner .content .echo-hero-title {
    font-size: 30px;
    line-height: 1.2
}

@media(max-width: 991px)and (min-width:768px) {
    .home-eight .echo-hero-section.home-eight .echo-full-hero-content .echo-hero-baner .content .echo-hero-title {
        font-size:26px
    }
}

@media(max-width: 450px) {
    .home-eight .echo-hero-section.home-eight .echo-full-hero-content .echo-hero-baner .content .echo-hero-title {
        font-size:22px;
        line-height: 35px
    }
}

.home-eight .echo-hero-section.home-eight .echo-full-hero-content .echo-hero-baner .content .echo-hero-area-titlepost-post-like-comment-share {
    border-top: 1px solid rgba(173,110,184,.239);
    margin: auto;
    padding-top: 25px;
    width: -moz-max-content;
    width: max-content
}

.home-eight .echo-hero-section.home-eight .echo-full-hero-content .top-area {
    margin-bottom: 100px
}

.home-eight .echo-hero-section.home-eight .echo-full-hero-content .bottom-area .echo-hero-baner {
    margin-bottom: 30px
}

.home-eight .echo-hero-section.home-eight .echo-full-hero-content .bottom-area .echo-hero-baner .content {
    padding: 15px
}

.home-eight .echo-hero-section.home-eight .echo-full-hero-content .bottom-area .echo-hero-baner .content .echo-hero-title {
    font-size: 25px;
    font-weight: 500
}

@media(max-width: 450px) {
    .home-eight .echo-hero-section.home-eight .echo-full-hero-content .bottom-area .echo-hero-baner .content .echo-hero-title {
        font-size:22px;
        line-height: 35px
    }
}

.home-eight .echo-hero-section.home-eight .echo-full-hero-content .echo-right-ct-1 .hm5-feature-title.right {
    margin-bottom: 70px
}

.home-eight .echo-hero-section.home-eight .echo-full-hero-content .echo-right-ct-1 .echo-feature-area-right-site-follower {
    background: none;
    padding: 0
}

.home-eight .echo-hero-section.home-eight .echo-full-hero-content .echo-right-ct-1 .echo-feature-area-right-site-follower ul {
    gap: 20px;
    justify-content: space-between
}

.home-eight .echo-hero-section.home-eight .echo-full-hero-content .echo-right-ct-1 .echo-feature-area-right-site-follower ul li {
    background: #fff;
    border: none;
    font-size: 16px;
    font-weight: 500;
    padding: 18px 0 18px 20px;
    width: 47%
}

@media(max-width: 450px) {
    .home-eight .echo-hero-section.home-eight .echo-full-hero-content .echo-right-ct-1 .echo-feature-area-right-site-follower ul li {
        width:100%
    }
}

.home-eight .echo-hero-section.home-eight .echo-full-hero-content .echo-right-ct-1 .echo-feature-area-right-site-follower ul li a {
    color: #5e5e5e;
    margin-bottom: 0
}

.home-eight .echo-hero-section.home-eight .echo-full-hero-content .echo-right-ct-1 .echo-feature-area-right-site-follower ul li a i {
    font-size: 18px
}

.home-eight .echo-hero-section.home-eight .echo-full-hero-content .echo-right-ct-1 .echo-home-1-hero-area-top-story {
    background: none;
    padding: 30px 0
}

.home-eight .echo-hero-section.home-eight .echo-full-hero-content .echo-right-ct-1 .echo-home-1-hero-area-top-story h5 {
    font-family: Inter,sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.2
}

.home-eight .echo-hero-section.home-eight .echo-full-hero-content .echo-right-ct-1 .echo-home-1-hero-area-top-story .right-side-banner .echo-hero-baner {
    border: none;
    padding: 15px 0
}

.home-eight .echo-hero-section.home-eight .echo-full-hero-content .echo-right-ct-1 .echo-feature-area-right-site-gallery h5 {
    font-family: Inter,sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.2
}

.home-eight .echo-hero-section.home-eight .echo-full-hero-content .echo-right-ct-1 .echo-feature-area-right-site-gallery .gallery-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0;
    padding: 0
}

@media(max-width: 768px) {
    .home-eight .echo-hero-section.home-eight .echo-full-hero-content .echo-right-ct-1 .echo-feature-area-right-site-gallery .gallery-wrapper {
        justify-content:space-between
    }
}

.home-eight .echo-hero-section.home-eight .echo-full-hero-content .echo-right-ct-1 .echo-feature-area-right-site-gallery .gallery-wrapper .wrapper {
    list-style: none;
    margin: 0;
    width: 48%
}

.home-eight .echo-hero-section.home-eight .echo-full-hero-content .echo-right-ct-1 .echo-feature-area-right-site-gallery .gallery-wrapper .wrapper img {
    width: 100%
}

@media(max-width: 768px) {
    .home-eight .echo-hero-section.home-eight .echo-full-hero-content .echo-right-ct-1 .echo-feature-area-right-site-gallery .gallery-wrapper .wrapper img {
        width:100%
    }
}

@media(max-width: 450px) {
    .home-eight .echo-hero-section.home-eight .echo-full-hero-content .echo-right-ct-1 .echo-feature-area-right-site-gallery .gallery-wrapper .wrapper,.home-eight .echo-hero-section.home-eight .echo-full-hero-content .echo-right-ct-1 .echo-feature-area-right-site-gallery .gallery-wrapper .wrapper img {
        width:100%
    }
}

@media(max-width: 767px) {
    .home-eight .echo-banner-area.home-seven .right-side-banner .echo-hero-baner.small {
        width:100%
    }
}

.home-eight .echo-footer-area .echo-row .echo-footer-content-4 .echo-subscribe-box-button form .echo-subscribe-input-fill input {
    background: none
}

.home-eight .echo-footer-area .echo-row .echo-footer-content-4 .echo-subscribe-box-button form .echo-subscribe-input-fill input::-moz-placeholder {
    color: hsla(0,0%,100%,.8)!important
}

.home-eight .echo-footer-area .echo-row .echo-footer-content-4 .echo-subscribe-box-button form .echo-subscribe-input-fill input::placeholder {
    color: hsla(0,0%,100%,.8)!important
}

.home-eight .echo-footer-area .echo-row .echo-footer-content-4 .echo-subscribe-box-button form .echo-subscribe-input-fill input:focus {
    border: 1px solid #fe5301!important
}

.home-nine .echo-hero-baner {
    text-align: center
}

.home-nine .echo-hero-baner .content .author {
    color: #f5d253;
    font-family: DM Sans,sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 20px
}

.home-nine .echo-hero-baner .content .echo-hero-title {
    font-size: 60px;
    font-weight: 700;
    line-height: 70px
}

.home-nine .echo-hero-baner .content .echo-hero-title a {
    background-image: linear-gradient(90deg,#000 50%,transparent 0);
    color: #181823
}

.home-nine .echo-hero-baner .content .echo-hero-title a:hover {
    background-image: linear-gradient(90deg,#003811 50%,transparent 0);
    color: #003811
}

.home-nine .echo-hero-baner .content .echo-hero-discription {
    color: #e2e2e2;
    font-family: Inter,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    margin: 0 auto 40px;
    text-align: center;
    width: 70%
}

.home-nine .echo-hero-baner .content .read-more-btn {
    border: 1px solid #f5d253;
    color: #f5d253;
    display: block;
    height: 60px;
    line-height: 60px;
    margin: auto;
    width: 160px
}

@media(max-width: 576px) {
    .home-nine .echo-hero-baner .content .read-more-btn {
        height:50px;
        line-height: 50px;
        width: 120px
    }
}

html[data-theme=dark] body.home-nine .echo-hero-baner .content .echo-hero-title a {
    background-image: linear-gradient(90deg,#fff 50%,transparent 0);
    color: #fff
}

.echo-dishes-area .section-inner {
    border-bottom: 1px solid #003811;
    display: flex;
    padding-bottom: 80px
}

@media(max-width: 768px) {
    .echo-dishes-area .section-inner {
        flex-wrap:wrap
    }
}

.echo-dishes-area .section-inner .content-area {
    align-items: center;
    background: #003811;
    display: flex;
    flex: 1;
    width: 50%
}

@media(max-width: 768px) {
    .echo-dishes-area .section-inner .content-area {
        flex:unset;
        order: 2;
        padding: 40px 0;
        width: 100%
    }
}

.echo-dishes-area .section-inner .content-area .echo-hero-baner {
    padding: 0 80px;
    text-align: start
}

@media(max-width: 991px) {
    .echo-dishes-area .section-inner .content-area .echo-hero-baner {
        padding:0 30px
    }
}

@media(max-width: 450px) {
    .echo-dishes-area .section-inner .content-area .echo-hero-baner {
        padding:0 15px
    }
}

.echo-dishes-area .section-inner .content-area .echo-hero-baner .echo-hero-title {
    font-size: 80px;
    line-height: 1.12;
    margin-bottom: 35px
}

@media(max-width: 1600px) {
    .echo-dishes-area .section-inner .content-area .echo-hero-baner .echo-hero-title {
        font-size:65px
    }
}

@media(max-width: 1366px) {
    .echo-dishes-area .section-inner .content-area .echo-hero-baner .echo-hero-title {
        font-size:55px
    }
}

@media(max-width: 1200px) {
    .echo-dishes-area .section-inner .content-area .echo-hero-baner .echo-hero-title {
        font-size:42px
    }
}

@media(max-width: 991px) {
    .echo-dishes-area .section-inner .content-area .echo-hero-baner .echo-hero-title {
        font-size:36px
    }
}

@media(max-width: 450px) {
    .echo-dishes-area .section-inner .content-area .echo-hero-baner .echo-hero-title {
        font-size:30px
    }
}

.echo-dishes-area .section-inner .content-area .echo-hero-baner .echo-hero-title a {
    background-image: linear-gradient(90deg,#fff 50%,transparent 0);
    color: #fff
}

.echo-dishes-area .section-inner .content-area .echo-hero-baner .read-more-btn {
    border: 1px solid #fff;
    color: #fff;
    margin: 0;
    text-align: center;
    transition: all .3s
}

.echo-dishes-area .section-inner .content-area .echo-hero-baner .read-more-btn:hover {
    background: #f5d253;
    border: 1px solid #f5d253
}

.echo-dishes-area .section-inner .image-area {
    flex: 1;
    width: 50%
}

@media(max-width: 768px) {
    .echo-dishes-area .section-inner .image-area {
        flex:unset;
        width: 100%
    }
}

.echo-dishes-area .section-inner .image-area img {
    width: 100%
}

.echo-new-dishes-area {
    padding-top: 80px
}

.echo-new-dishes-area .hm5-feature-title .hm-5-main-title h2 {
    font-size: 60px;
    line-height: 70px;
    margin-bottom: 60px
}

@media(max-width: 991px) {
    .echo-new-dishes-area .hm5-feature-title .hm-5-main-title h2 {
        font-size:50px;
        line-height: 60px
    }
}

@media(max-width: 576px) {
    .echo-new-dishes-area .hm5-feature-title .hm-5-main-title h2 {
        font-size:26px;
        line-height: 40px
    }
}

.echo-new-dishes-area .section-inner .echo-hero-baner {
    margin: 0 12px 40px
}

@media(max-width: 768px) {
    .echo-new-dishes-area .section-inner .echo-hero-baner {
        margin:0 0 40px
    }
}

.echo-new-dishes-area .section-inner .echo-hero-baner .content {
    margin-top: 25px
}

.echo-new-dishes-area .section-inner .echo-hero-baner .content .author {
    color: #ff9a82;
    margin-bottom: 10px
}

.echo-new-dishes-area .section-inner .echo-hero-baner .content .echo-hero-title {
    font-size: 40px;
    line-height: 1.12
}

@media(max-width: 1600px) {
    .echo-new-dishes-area .section-inner .echo-hero-baner .content .echo-hero-title {
        font-size:36px
    }
}

@media(max-width: 1400px) {
    .echo-new-dishes-area .section-inner .echo-hero-baner .content .echo-hero-title {
        font-size:30px
    }
}

@media(max-width: 1200px) {
    .echo-new-dishes-area .section-inner .echo-hero-baner .content .echo-hero-title {
        font-size:20px
    }
}

.echo-new-dishes-area .section-inner .button-area {
    margin-top: 60px;
    position: relative
}

.echo-new-dishes-area .section-inner .button-area:after,.echo-new-dishes-area .section-inner .button-area:before {
    background: #003811;
    content: "";
    height: 1px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 37%
}

@media(max-width: 768px) {
    .echo-new-dishes-area .section-inner .button-area:after,.echo-new-dishes-area .section-inner .button-area:before {
        display:none
    }
}

.echo-new-dishes-area .section-inner .button-area:after {
    right: 0
}

.echo-new-dishes-area .section-inner .button-area:before {
    left: 0
}

.echo-new-dishes-area .section-inner .button-area .learn-more-btn {
    border: 1px solid #fe5301;
    color: #fe5301;
    display: block;
    font-size: 18px;
    height: 60px;
    line-height: 60px;
    margin: 0 auto;
    text-align: center;
    transition: all .3s;
    width: 170px
}

.echo-new-dishes-area .section-inner .button-area .learn-more-btn:hover {
    background: #fe5301;
    color: #fff
}

.echo-new-dishes-area.area2 {
    padding-bottom: 60px
}

.echo-food-review-area {
    padding-top: 80px
}

.echo-food-review-area .hm5-feature-title .hm-5-main-title h2 {
    font-size: 60px;
    line-height: 70px;
    margin-bottom: 60px
}

@media(max-width: 991px) {
    .echo-food-review-area .hm5-feature-title .hm-5-main-title h2 {
        font-size:50px;
        line-height: 60px
    }
}

@media(max-width: 576px) {
    .echo-food-review-area .hm5-feature-title .hm-5-main-title h2 {
        font-size:28px;
        line-height: 40px;
        margin-bottom: 40px
    }
}

.echo-food-review-area .section-inner {
    border-bottom: 1px solid #003811;
    padding-bottom: 50px
}

.echo-food-review-area .left-side-content {
    margin-right: 10px
}

.echo-food-review-area .left-side-content .echo-hero-baner {
    text-align: left
}

.echo-food-review-area .left-side-content .echo-hero-baner .content {
    margin-top: 20px
}

.echo-food-review-area .left-side-content .echo-hero-baner .content .author {
    color: #ff9a82;
    margin-bottom: 10px
}

.echo-food-review-area .left-side-content .echo-hero-baner .content .echo-hero-title {
    font-size: 80px;
    line-height: 1.12
}

@media(max-width: 1400px)and (min-width:991px) {
    .echo-food-review-area .left-side-content .echo-hero-baner .content .echo-hero-title {
        font-size:48px
    }
}

@media(max-width: 991px) {
    .echo-food-review-area .left-side-content .echo-hero-baner .content .echo-hero-title {
        font-size:54px
    }
}

@media(max-width: 768px) {
    .echo-food-review-area .left-side-content .echo-hero-baner .content .echo-hero-title {
        font-size:40px
    }
}

@media(max-width: 450px) {
    .echo-food-review-area .left-side-content .echo-hero-baner .content .echo-hero-title {
        font-size:28px
    }
}

.echo-food-review-area .right-side-banner .echo-hero-baner.small {
    align-items: center;
    display: flex;
    gap: 30px;
    margin-bottom: 35px
}

@media(max-width: 576px) {
    .echo-food-review-area .right-side-banner .echo-hero-baner.small {
        gap:20px
    }
}

.echo-food-review-area .right-side-banner .echo-hero-baner.small .echo-hero-banner-main-img {
    flex-basis: 40%
}

.echo-food-review-area .right-side-banner .echo-hero-baner.small .content {
    flex-basis: 60%;
    text-align: start
}

.echo-food-review-area .right-side-banner .echo-hero-baner.small .content .author {
    color: #ff9a82;
    font-size: 16px;
    margin-bottom: 10px
}

.echo-food-review-area .right-side-banner .echo-hero-baner.small .echo-hero-title {
    font-size: 35px;
    line-height: 45px;
    margin-bottom: 0
}

@media(max-width: 1400px)and (min-width:991px) {
    .echo-food-review-area .right-side-banner .echo-hero-baner.small .echo-hero-title {
        font-size:30px;
        line-height: 40px
    }
}

@media(max-width: 576px) {
    .echo-food-review-area .right-side-banner .echo-hero-baner.small .echo-hero-title {
        font-size:26px;
        line-height: 36px
    }
}

@media(max-width: 450px) {
    .echo-food-review-area .right-side-banner .echo-hero-baner.small .echo-hero-title {
        font-size:18px;
        line-height: 28px
    }
}

.echo-trending-news-area.home-seven {
    padding: 100px 0
}

.echo-trending-news-area.home-seven .section-inner .left-side-inner .hm5-feature-title .hm-5-main-title h2,.echo-trending-news-area.home-seven .section-inner .right-side-inner .hm5-feature-title .hm-5-main-title h2 {
    font-family: Jost,sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 50px;
    margin-bottom: 60px
}

.echo-trending-news-area.home-seven .section-inner .left-side-inner .echo-hero-baner .echo-hero-banner-main-img img {
    width: 100%
}

.echo-trending-news-area.home-seven .right-side-inner .post-area {
    border: 1px solid rgba(69,69,69,.1);
    padding: 28px 25px
}

.echo-trending-news-area.home-seven .right-side-inner .post-area .echo-hero-baner {
    border: none;
    padding: 0
}

.echo-trending-news-area.home-seven .right-side-inner .post-area .echo-hero-baner.small {
    align-items: center;
    border-bottom: 1px solid rgba(69,69,69,.1);
    display: flex;
    gap: 20px;
    margin-bottom: 32px;
    padding-bottom: 32px;
    text-align: left
}

.echo-trending-news-area.home-seven .right-side-inner .post-area .echo-hero-baner.small .echo-hero-banner-main-img {
    flex-basis: 35%
}

.echo-trending-news-area.home-seven .right-side-inner .post-area .echo-hero-baner.small .content {
    flex-basis: 65%;
    margin-top: 0
}

.echo-trending-news-area.home-seven .right-side-inner .post-area .echo-hero-baner.small .content .author {
    color: #909090;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 8px;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase
}

.echo-trending-news-area.home-seven .right-side-inner .post-area .echo-hero-baner.small .content .author svg {
    height: 12px;
    margin-right: 5px;
    width: 12px
}

.echo-trending-news-area.home-seven .right-side-inner .post-area .echo-hero-baner.small .content .echo-hero-title {
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    text-align: left
}

.echo-trending-news-area.home-seven .right-side-inner .post-area .echo-hero-baner.small.last {
    border: none;
    margin-bottom: 0;
    padding-bottom: 0
}

.echo-trending-news-area.home-eight {
    padding: 100px 0
}

@media(max-width: 576px) {
    .echo-trending-news-area.home-eight {
        padding:50px 0
    }
}

.echo-trending-news-area.home-eight .hm5-feature-title {
    margin-bottom: 60px
}

.echo-trending-news-area.home-eight .hm5-feature-title .hm-5-main-title {
    align-items: center;
    display: flex;
    position: relative
}

.echo-trending-news-area.home-eight .hm5-feature-title .hm-5-main-title img {
    margin-right: 10px
}

.echo-trending-news-area.home-eight .hm5-feature-title .hm-5-main-title h2 {
    color: #171717;
    font-family: Inter,sans-serif;
    font-size: 30px;
    font-weight: 600;
    line-height: 40px;
    margin-bottom: 0
}

@media(max-width: 576px) {
    .echo-trending-news-area.home-eight .hm5-feature-title .hm-5-main-title h2 {
        font-size:26px
    }
}

.echo-trending-news-area.home-eight .hm5-feature-title .hm-5-main-title h2:after {
    display: none
}

@media(max-width: 576px) {
    .echo-trending-news-area.home-eight .hm5-feature-title .hero-hm7-btn {
        display:none
    }
}

.echo-trending-news-area.home-eight .section-inner .echo-hero-baner {
    margin-bottom: 0
}

@media(max-width: 1200px) {
    .echo-trending-news-area.home-eight .section-inner .echo-hero-baner {
        margin-bottom:30px
    }
}

.echo-trending-news-area.home-eight .section-inner .echo-hero-baner .content {
    background: none;
    box-shadow: none;
    padding: 40px 10px 10px
}

.echo-trending-news-area.home-eight .section-inner .echo-hero-baner .content .author {
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    top: -20px;
    width: 120px
}

.echo-trending-news-area.home-eight .section-inner .echo-hero-baner .content .echo-hero-title {
    font-size: 25px;
    line-height: 35px
}

@media(max-width: 450px) {
    .echo-trending-news-area.home-eight .section-inner .echo-hero-baner .content .echo-hero-title {
        font-size:22px;
        line-height: 35px
    }
}

.echo-trending-news-area.home-eight .section-inner .echo-hero-baner .content .echo-hero-area-titlepost-post-like-comment-share {
    border-top: 1px solid hsla(0,0%,9%,.278);
    margin: auto;
    padding-top: 20px;
    width: -moz-max-content;
    width: max-content
}

.echo-photography-area {
    padding-top: 90px
}

.echo-photography-area .hm5-feature-title {
    margin-bottom: 50px
}

@media(max-width: 576px) {
    .echo-photography-area .hm5-feature-title {
        margin-bottom:30px
    }
}

.echo-photography-area .hm5-feature-title .hm-5-main-title h2 {
    color: #1a1a1a;
    font-family: var(--home-5-title-font);
    font-size: 80px;
    font-style: normal;
    font-weight: 500;
    line-height: 85px;
    margin-bottom: 0;
    text-transform: uppercase
}

@media(max-width: 768px) {
    .echo-photography-area .hm5-feature-title .hm-5-main-title h2 {
        font-size:64px;
        line-height: 70px
    }
}

@media(max-width: 576px) {
    .echo-photography-area .hm5-feature-title .hm-5-main-title h2 {
        font-size:40px;
        line-height: 50px
    }
}

@media(max-width: 450px) {
    .echo-photography-area .hm5-feature-title .hm-5-main-title h2 {
        font-size:32px;
        line-height: 42px
    }
}

.echo-photography-area .hm5-feature-title .hm-5-main-title h2:after {
    display: none
}

@media(max-width: 768px) {
    .echo-photography-area .hm5-feature-title .hm5-area-title-btn {
        display:none
    }
}

.echo-photography-area .hm5-feature-title .hm8-btn-1 {
    margin-top: 0
}

.echo-photography-area .hm8-btn-1:hover {
    border: 1px solid #191a23;
    color: #181823
}

.echo-photography-area .section-inner {
    flex-wrap: wrap
}

.echo-photography-area .section-inner .echo-hero-baner {
    position: relative;
    transition: all .5s;
    width: 50%;
    z-index: 1
}

@media(max-width: 767px) {
    .echo-photography-area .section-inner .echo-hero-baner {
        width:100%
    }
}

.echo-photography-area .section-inner .echo-hero-baner:hover .echo-hero-banner-main-img a:after {
    background: #d00032;
    mix-blend-mode: color;
    opacity: .5
}

.echo-photography-area .section-inner .echo-hero-baner:hover .echo-hero-banner-main-img a img {
    transform: scale(110%)
}

.echo-photography-area .section-inner .echo-hero-baner .echo-hero-banner-main-img {
    overflow: hidden
}

.echo-photography-area .section-inner .echo-hero-baner .echo-hero-banner-main-img a {
    position: relative
}

.echo-photography-area .section-inner .echo-hero-baner .echo-hero-banner-main-img a:after {
    background: linear-gradient(180deg,transparent,#000);
    content: "";
    height: 100%;
    left: 0;
    mix-blend-mode: multiply;
    position: absolute;
    top: 0;
    transition: all .5s;
    width: 100%
}

.echo-photography-area .section-inner .echo-hero-baner .content {
    bottom: 50px;
    left: 50px;
    position: absolute;
    width: 75%;
    z-index: 1
}

@media(max-width: 991px) {
    .echo-photography-area .section-inner .echo-hero-baner .content {
        left:20px;
        width: 85%
    }
}

@media(max-width: 450px) {
    .echo-photography-area .section-inner .echo-hero-baner .content {
        bottom:25px
    }
}

.echo-photography-area .section-inner .echo-hero-baner .content .echo-hero-title {
    font-family: var(--home-5-title-font);
    font-size: 60px;
    font-weight: 500;
    line-height: 65px;
    margin-bottom: 0;
    text-transform: uppercase
}

@media(max-width: 1366px) {
    .echo-photography-area .section-inner .echo-hero-baner .content .echo-hero-title {
        font-size:42px;
        line-height: 1.2
    }
}

@media(max-width: 1200px) {
    .echo-photography-area .section-inner .echo-hero-baner .content .echo-hero-title {
        font-size:34px
    }
}

@media(max-width: 991px)and (min-width:768px) {
    .echo-photography-area .section-inner .echo-hero-baner .content .echo-hero-title {
        font-size:30px
    }
}

@media(max-width: 767px) {
    .echo-photography-area .section-inner .echo-hero-baner .content .echo-hero-title {
        font-size:46px
    }
}

@media(max-width: 576px) {
    .echo-photography-area .section-inner .echo-hero-baner .content .echo-hero-title {
        font-size:36px
    }
}

@media(max-width: 450px) {
    .echo-photography-area .section-inner .echo-hero-baner .content .echo-hero-title {
        font-size:24px
    }
}

.echo-photography-area .section-inner .echo-hero-baner .content .echo-hero-title a {
    background-image: linear-gradient(90deg,#fff 50%,transparent 0);
    background-position: 100% 85%;
    color: #fff
}

.echo-photography-area .section-inner .echo-hero-baner .content .echo-hero-title a:hover {
    background-position: 0 85%
}

.echo-photography-area.area2 .section-inner .top .echo-hero-baner {
    width: 100%
}

.echo-photography-area.area2 .section-inner .top .echo-hero-baner .content {
    width: 50%
}

@media(max-width: 991px) {
    .echo-photography-area.area2 .section-inner .top .echo-hero-baner .content {
        width:80%
    }
}

@media(max-width: 767px) {
    .echo-photography-area.area2 .section-inner .top .echo-hero-baner .content {
        width:90%
    }

    .echo-photography-area.area2 .section-inner .top .echo-hero-baner .content .echo-hero-title {
        font-size: 42px
    }
}

@media(max-width: 576px) {
    .echo-photography-area.area2 .section-inner .top .echo-hero-baner .content .echo-hero-title {
        font-size:24px
    }
}

@media(max-width: 1200px) {
    .echo-photography-area.area2 .section-inner .bottom {
        flex-wrap:wrap
    }
}

.echo-photography-area.area2 .section-inner .bottom .echo-hero-baner .content .echo-hero-title {
    font-size: 40px;
    line-height: 45px
}

@media(max-width: 1366px)and (min-width:1200px) {
    .echo-photography-area.area2 .section-inner .bottom .echo-hero-baner .content .echo-hero-title {
        font-size:32px;
        line-height: 40px
    }
}

@media(max-width: 450px) {
    .echo-photography-area.area2 .section-inner .bottom .echo-hero-baner .content .echo-hero-title {
        font-size:24px;
        line-height: 34px
    }
}

.echo-photography-area.area2 .section-inner .echo-hero-baner:hover a:after {
    background: linear-gradient(180deg,transparent,#000);
    mix-blend-mode: multiply;
    opacity: 1
}

@media(max-width: 991px) {
    .echo-photography-area.area3 .section-inner .bottom {
        flex-wrap:wrap
    }

    .echo-photography-area.area3 .section-inner .bottom .echo-hero-baner {
        width: 100%
    }
}

@media(max-width: 1200px)and (min-width:991px) {
    .echo-photography-area.area3 .section-inner .bottom .echo-hero-baner .content {
        bottom:30px;
        left: 30px;
        width: 80%
    }
}

@media(max-width: 991px) {
    .echo-photography-area.area3 .section-inner .bottom .echo-hero-baner .content {
        bottom:30px
    }
}

.echo-photography-area.area3 .section-inner .bottom .echo-hero-baner .content .echo-hero-title {
    font-size: 40px;
    line-height: 45px
}

@media(max-width: 1200px)and (min-width:991px) {
    .echo-photography-area.area3 .section-inner .bottom .echo-hero-baner .content .echo-hero-title {
        font-size:24px;
        line-height: 34px
    }
}

@media(max-width: 550px) {
    .echo-photography-area.area3 .section-inner .bottom .echo-hero-baner .content .echo-hero-title {
        font-size:22px;
        line-height: 32px
    }
}

.echo-photography-area.area3 .section-inner .echo-hero-baner a:after {
    display: none
}

.echo-contact-area {
    padding-bottom: 110px;
    padding-top: 100px
}

.echo-contact-area .echo-contact-content .echo-contact-full-content .echo-contact-input-field .echo-contact-title {
    margin-bottom: 28px
}

.echo-contact-area .echo-contact-content .echo-contact-full-content .echo-contact-input-field .echo-contact-title h2 {
    font-size: 50px;
    line-height: 60px;
    margin: 0
}

.echo-contact-area .echo-contact-content .echo-contact-full-content .echo-contact-input-field .echo-contact-sub-title {
    margin-bottom: 20px
}

.echo-contact-area .echo-contact-content .echo-contact-full-content .echo-contact-input-field .echo-contact-sub-title p {
    font-size: 16px;
    line-height: 26px;
    margin: 0
}

.echo-contact-area .echo-contact-content .echo-contact-full-content .echo-contact-input-field .echo-main-contact-form form input {
    border: 1px solid rgba(94,94,94,.271);
    height: 60px;
    padding: 0 40px
}

.echo-contact-area .echo-contact-content .echo-contact-full-content .echo-contact-input-field .echo-main-contact-form form .echo-contact-input-flexing {
    display: flex;
    gap: 20px
}

.echo-contact-area .echo-contact-content .echo-contact-full-content .echo-contact-input-field .echo-main-contact-form form .echo-contact-input-flexing .echo-df-input {
    margin-top: 20px;
    position: relative
}

.echo-contact-area .echo-contact-content .echo-contact-full-content .echo-contact-input-field .echo-main-contact-form form .echo-contact-input-flexing .echo-df-input:before {
    font-family: Font Awesome\ 6 Pro!important;
    left: 15px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.echo-contact-area .echo-contact-content .echo-contact-full-content .echo-contact-input-field .echo-main-contact-form form .echo-contact-input-flexing .echo-df-input.echo-contact-name:before {
    content: ""
}

.echo-contact-area .echo-contact-content .echo-contact-full-content .echo-contact-input-field .echo-main-contact-form form .echo-contact-input-flexing .echo-df-input.echo-contact-email:before {
    content: ""
}

.echo-contact-area .echo-contact-content .echo-contact-full-content .echo-contact-input-field .echo-main-contact-form form .echo-contact-input-flexing .echo-df-input.echo-contact-number:before {
    content: ""
}

.echo-contact-area .echo-contact-content .echo-contact-full-content .echo-contact-input-field .echo-main-contact-form form .echo-contact-input-flexing .echo-df-input.echo-contact-url:before {
    content: ""
}

.echo-contact-area .echo-contact-content .echo-contact-full-content .echo-contact-input-field .echo-main-contact-form form .echo-contact-texting-fild {
    margin-top: 20px;
    position: relative
}

.echo-contact-area .echo-contact-content .echo-contact-full-content .echo-contact-input-field .echo-main-contact-form form .echo-contact-texting-fild textarea {
    border: 1px solid rgba(94,94,94,.271);
    height: 140px;
    padding: 10px 0 10px 40px
}

.echo-contact-area .echo-contact-content .echo-contact-full-content .echo-contact-input-field .echo-main-contact-form form .echo-contact-texting-fild:before {
    content: "";
    font-family: Font Awesome\ 6 Pro!important;
    left: 12px;
    position: absolute;
    top: 8%
}

.echo-contact-area .echo-contact-content .echo-contact-full-content .echo-contact-input-field .echo-main-contact-form form .echo-contact-btn {
    align-items: center;
    background: var(--color-primary);
    border: 1px solid transparent;
    color: #fff;
    display: flex;
    font-family: Bona Nova,serif;
    font-size: 16px;
    line-height: 30px;
    margin-top: 30px;
    padding: 10px 20px;
    position: relative;
    transition: all .3s;
    width: 180px
}

.echo-contact-area .echo-contact-content .echo-contact-full-content .echo-contact-input-field .echo-main-contact-form form .echo-contact-btn i {
    margin-left: 10px
}

.echo-contact-area .echo-contact-content .echo-contact-full-content .echo-contact-input-field .echo-main-contact-form form .echo-contact-btn:hover {
    background: transparent;
    border: 1px solid rgba(69,69,69,.188);
    color: #5e5e5e
}

.echo-contact-area .echo-contact-content .echo-contact-full-content .echo-info {
    background-color: #f9f9f9;
    margin-left: 20px;
    padding: 35px
}

.echo-contact-area .echo-contact-content .echo-contact-full-content .echo-info .echo-address {
    margin-bottom: 25px;
    margin-left: 60px;
    position: relative
}

.echo-contact-area .echo-contact-content .echo-contact-full-content .echo-info .echo-address h6 {
    font-size: 20px;
    line-height: 30px;
    margin: 0 0 5px
}

.echo-contact-area .echo-contact-content .echo-contact-full-content .echo-info .echo-address span {
    font-size: 16px;
    line-height: 26px
}

.echo-contact-area .echo-contact-content .echo-contact-full-content .echo-info .echo-address:first-child:before {
    content: ""
}

.echo-contact-area .echo-contact-content .echo-contact-full-content .echo-info .echo-address:nth-child(2):before {
    content: ""
}

.echo-contact-area .echo-contact-content .echo-contact-full-content .echo-info .echo-address:nth-child(3) {
    margin-bottom: 0
}

.echo-contact-area .echo-contact-content .echo-contact-full-content .echo-info .echo-address:nth-child(3):before {
    content: ""
}

.echo-contact-area .echo-contact-content .echo-contact-full-content .echo-info .echo-address:before {
    background: #fff;
    border: 1px solid transparent;
    border-radius: 50%;
    color: var(--color-primary);
    font-family: Font Awesome\ 6 Pro!important;
    height: 50px;
    left: -65px;
    line-height: 50px;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    width: 50px
}

.echo-contact-area .echo-contact-content .echo-contact-full-content .echo-info .echo-map {
    margin-top: 35px
}

.echo-contact-area .echo-contact-content .echo-contact-full-content .echo-info .echo-map .contact-map {
    min-height: 295px
}

.echo-contact-area.home-nine {
    background: url(../images/home-1/hero/contact-bg.png)!important;
    background-color: #003811;
    background-position: 50%;
    background-size: cover!important;
    height: 900px;
    position: relative
}

@media(max-width: 576px) {
    .echo-contact-area.home-nine {
        height:600px
    }
}

.echo-contact-area.home-nine .contact-inner .inner-wrapper {
    background: #fff;
    left: 50%;
    padding: 100px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: -moz-max-content;
    width: max-content
}

@media(max-width: 991px) {
    .echo-contact-area.home-nine .contact-inner .inner-wrapper {
        padding:80px
    }
}

@media(max-width: 768px) {
    .echo-contact-area.home-nine .contact-inner .inner-wrapper {
        padding:50px
    }
}

.echo-contact-area.home-nine .contact-inner .inner-wrapper .content-title {
    color: var(--color-heading-1);
    font-size: 60px;
    font-weight: 700;
    line-height: 70px
}

@media(max-width: 768px) {
    .echo-contact-area.home-nine .contact-inner .inner-wrapper .content-title {
        font-size:42px;
        line-height: 52px
    }
}

@media(max-width: 576px) {
    .echo-contact-area.home-nine .contact-inner .inner-wrapper .content-title {
        font-size:28px;
        line-height: 40px
    }
}

.echo-contact-area.home-nine .contact-inner .inner-wrapper .desc {
    border-bottom: 1px solid rgba(43,88,57,.51);
    color: #555;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    padding-bottom: 40px
}

@media(max-width: 576px) {
    .echo-contact-area.home-nine .contact-inner .inner-wrapper .desc {
        font-size:18px;
        line-height: 30px
    }
}

.echo-contact-area.home-nine .contact-inner .inner-wrapper .social-area {
    align-items: center;
    display: flex;
    gap: 45px;
    justify-content: center;
    margin: 0;
    padding: 0
}

@media(max-width: 768px) {
    .echo-contact-area.home-nine .contact-inner .inner-wrapper .social-area {
        gap:20px
    }
}

.echo-contact-area.home-nine .contact-inner .inner-wrapper .social-area li {
    list-style: none;
    transition: all .3s
}

.echo-contact-area.home-nine .contact-inner .inner-wrapper .social-area li a {
    color: #999;
    font-size: 30px;
    transition: all .3s
}

@media(max-width: 576px) {
    .echo-contact-area.home-nine .contact-inner .inner-wrapper .social-area li a {
        font-size:20px;
        line-height: 30px
    }
}

.echo-contact-area.home-nine .contact-inner .inner-wrapper .social-area li a:hover {
    color: #ff9a82
}

.echo-footer-area {
    background-color: #181823;
    padding-top: 90px
}

@media(max-width: 1200px) {
    .echo-footer-area {
        padding:90px 20px 0
    }
}

@media(max-width: 576px) {
    .echo-footer-area {
        padding:60px 15px 0
    }
}

.echo-footer-area .echo-row {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 30px
}

.echo-footer-area .echo-row .echo-footer-content-1 {
    flex-basis: 35%
}

.echo-footer-area .echo-row .echo-footer-content-1 .echo-footer-address span {
    color: hsla(0,0%,100%,.8);
    display: block;
    margin-bottom: 25px
}

.echo-footer-area .echo-row .echo-footer-content-1 .echo-footer-address span i {
    margin-right: 15px
}

.echo-footer-area .echo-row .echo-footer-content-1 .echo-footer-address .echo-footer-social-media a {
    border: 1px solid hsla(0,0%,100%,.8);
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    height: 35px;
    line-height: 35px;
    margin: 0 5px;
    position: relative;
    text-align: center;
    transition: all .3s ease;
    width: 35px
}

.echo-footer-area .echo-row .echo-footer-content-1 .echo-footer-address .echo-footer-social-media a:first-child {
    margin-left: 0
}

.echo-footer-area .echo-row .echo-footer-content-1 .echo-footer-address .echo-footer-social-media a:hover {
    background-color: var(--color-primary);
    border: 1px solid transparent;
    transform: scale(1)
}

.echo-footer-area .echo-row .echo-footer-content-1 .echo-footer-address .echo-footer-social-media a:hover i {
    color: hsla(0,0%,100%,.8)
}

.echo-footer-area .echo-row .echo-footer-content-1 .echo-footer-address .echo-footer-social-media a i {
    font-weight: 300;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

.echo-footer-area .echo-row .echo-footer-content-2 {
    flex-basis: 25%
}

.echo-footer-area .echo-row .echo-footer-content-2 .echo-footer-most-popular ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0
}

.echo-footer-area .echo-row .echo-footer-content-2 .echo-footer-most-popular ul li {
    transition: all .3s ease;
    width: 38%
}

.echo-footer-area .echo-row .echo-footer-content-2 .echo-footer-most-popular ul li:hover a {
    color: var(--color-primary)
}

.echo-footer-area .echo-row .echo-footer-content-2 .echo-footer-most-popular ul li a {
    color: hsla(0,0%,100%,.8);
    transition: all .3s ease
}

.echo-footer-area .echo-row .echo-footer-content-2 .echo-footer-most-popular ul li:first-child,.echo-footer-area .echo-row .echo-footer-content-2 .echo-footer-most-popular ul li:nth-child(2) {
    margin-top: 0
}

.echo-footer-area .echo-row .echo-footer-content-3 {
    flex-basis: 15%
}

.echo-footer-area .echo-row .echo-footer-content-3 .echo-footer-help ul {
    margin: 0;
    padding: 0
}

.echo-footer-area .echo-row .echo-footer-content-3 .echo-footer-help ul li {
    margin-bottom: 22px;
    transition: all .3s ease
}

.echo-footer-area .echo-row .echo-footer-content-3 .echo-footer-help ul li:hover a {
    color: var(--color-primary)
}

.echo-footer-area .echo-row .echo-footer-content-3 .echo-footer-help ul li a {
    color: hsla(0,0%,100%,.8);
    transition: all .3s ease
}

.echo-footer-area .echo-row .echo-footer-content-3 .echo-footer-help ul li:first-child {
    margin-top: 0
}

.echo-footer-area .echo-row .echo-footer-content-4 {
    flex-basis: 25%
}

.echo-footer-area .echo-row .echo-footer-content-4 .echo-footer-news-text {
    margin-bottom: 18px
}

.echo-footer-area .echo-row .echo-footer-content-4 .echo-footer-news-text p {
    color: hsla(0,0%,100%,.8)
}

.echo-footer-area .echo-row .echo-footer-content-4 .echo-subscribe-box-button form .echo-subscribe-input-fill {
    position: relative
}

.echo-footer-area .echo-row .echo-footer-content-4 .echo-subscribe-box-button form .echo-subscribe-input-fill svg {
    left: 12px;
    position: absolute;
    top: 38%
}

.echo-footer-area .echo-row .echo-footer-content-4 .echo-subscribe-box-button form .echo-subscribe-input-fill input {
    background-color: #24242e;
    border: 1px solid hsla(0,0%,100%,.6);
    padding: 10px 0 10px 40px
}

.echo-footer-area .echo-row .echo-footer-content-4 .echo-subscribe-box-button form .echo-subscribe-input-fill input::-moz-placeholder {
    color: #fff;
    font-size: 15px
}

.echo-footer-area .echo-row .echo-footer-content-4 .echo-subscribe-box-button form .echo-subscribe-input-fill input::placeholder {
    color: #fff;
    font-size: 15px
}

.echo-footer-area .echo-row .echo-footer-content-4 .echo-subscribe-box-button form .echo-footer-area-subscribe-button {
    margin-top: 25px
}

.echo-footer-area .echo-row .echo-footer-content-4 .echo-subscribe-box-button form .echo-footer-area-subscribe-button a {
    background-color: var(--color-primary);
    border: 1px solid transparent;
    color: hsla(0,0%,100%,.8);
    font-family: Bona Nova,serif;
    font-size: 16px;
    padding: 12px 18px;
    position: relative;
    text-align: center
}

.echo-footer-area .echo-row .echo-footer-content-4 .echo-subscribe-box-button form .echo-footer-area-subscribe-button a:after {
    content: "";
    font-family: Font Awesome\ 6 Pro!important;
    margin-left: 10px
}

.echo-footer-area .echo-footer-copyright-area {
    border-top: 1px solid hsla(0,0%,100%,.271);
    padding: 30px 0
}

.echo-footer-area .echo-footer-copyright-area .copyright-area-inner {
    align-items: center;
    display: flex;
    justify-content: space-between
}

@media(max-width: 576px) {
    .echo-footer-area .echo-footer-copyright-area .copyright-area-inner {
        display:block;
        text-align: center
    }

    .echo-footer-area .echo-footer-copyright-area .copyright-area-inner .copyright-content {
        margin: 20px 0
    }
}

.echo-footer-area .echo-footer-copyright-area .copyright-area-inner .copyright-content .title {
    color: hsla(0,0%,100%,.69);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 0;
    text-align: center
}

.echo-footer-area .echo-footer-copyright-area .copyright-area-inner .select-area select {
    color: #999
}

@media(max-width: 576px) {
    .echo-footer-area .echo-footer-copyright-area .copyright-area-inner .select-area {
        margin:0 auto;
        width: 80px
    }
}

.echo-footer-area.footer-2 {
    background-color: #f9f9f9
}

.echo-footer-area.footer-2 .echo-footer-copyright-area {
    border-top: 1px solid rgba(94,94,94,.6);
    padding: 30px 0
}

.echo-footer-area.footer-2 .echo-get-in-tuch h4 {
    color: #181823
}

.echo-footer-area.footer-2 .echo-row .echo-footer-content-1 .echo-footer-address span {
    color: #5e5e5e
}

.echo-footer-area.footer-2 .echo-row .echo-footer-content-1 .echo-footer-address .echo-footer-social-media a {
    border: 1px solid;
    color: #5e5e5e
}

.echo-footer-area.footer-2 .echo-row .echo-footer-content-1 .echo-footer-address .echo-footer-social-media a svg path {
    fill: #5e5e5e
}

.echo-footer-area.footer-2 .echo-row .echo-footer-content-1 .echo-footer-address .echo-footer-social-media a:hover {
    background-color: #7817f2;
    border-color: transparent
}

.echo-footer-area.footer-2 .echo-row .echo-footer-content-1 .echo-footer-address .echo-footer-social-media a:hover svg path {
    fill: #fff
}

.echo-footer-area.footer-2 .echo-row .echo-footer-content-2 .echo-footer-most-popular ul li a {
    color: #5e5e5e
}

.echo-footer-area.footer-2 .echo-row .echo-footer-content-2 .echo-footer-most-popular ul li a:hover {
    color: #7817f2
}

.echo-footer-area.footer-2 .echo-row .echo-footer-content-3 .echo-footer-help ul li a {
    color: #5e5e5e
}

.echo-footer-area.footer-2 .echo-row .echo-footer-content-3 .echo-footer-help ul li a:hover {
    color: #7817f2
}

.echo-footer-area.footer-2 .echo-row .echo-footer-content-4 .echo-footer-news-text p {
    color: #5e5e5e
}

.echo-footer-area.footer-2 .echo-row .echo-footer-content-4 .echo-subscribe-box-button form .echo-subscribe-input-fill input {
    background-color: transparent;
    border: 1px solid #5e5e5e
}

.echo-footer-area.footer-2 .echo-row .echo-footer-content-4 .echo-subscribe-box-button form .echo-footer-area-subscribe-button a {
    background-color: #7817f2
}

.echo-footer-area.footer-2 .echo-row .echo-footer-content-4 .echo-subscribe-box-button form .echo-footer-area-subscribe-button a:hover {
    background-color: #fff
}

.echo-footer-area.footer-2 .echo-row .echo-footer-content-4 .echo-subscribe-box-button form .echo-subscribe-input-fill svg path {
    fill: #5e5e5e
}

.echo-footer-area.footer-2 .echo-footer-copyright-area .copyright-area-inner .copyright-content .title,.echo-footer-area.footer-2 .echo-footer-copyright-area .copyright-area-inner .select-area select {
    color: #181823
}

html[data-theme=dark] body.home-two .echo-footer-area.footer-2 .echo-get-in-tuch h4 {
    color: var(--dark-color-heading-1)
}

@media(max-width: 1200px) {
    .echo-footer-area .echo-row .echo-footer-content-1 {
        flex-basis:45%;
        margin-bottom: 50px
    }

    .echo-footer-area .echo-row .echo-footer-content-2 {
        flex-basis: 30%;
        margin-bottom: 50px
    }

    .echo-footer-area .echo-row .echo-footer-content-3 {
        flex-basis: 25%;
        margin-bottom: 50px
    }

    .echo-footer-area .echo-row .echo-footer-content-4 {
        flex-basis: 40%;
        margin-bottom: 50px
    }
}

@media(max-width: 991px) {
    .echo-footer-area .echo-row .echo-footer-content-1,.echo-footer-area .echo-row .echo-footer-content-2,.echo-footer-area .echo-row .echo-footer-content-3,.echo-footer-area .echo-row .echo-footer-content-4 {
        flex-basis:50%
    }
}

@media(max-width: 768px) {
    .echo-footer-area .echo-row .echo-footer-content-1 {
        flex-basis:100%
    }

    .echo-footer-area .echo-row .echo-footer-content-2,.echo-footer-area .echo-row .echo-footer-content-3 {
        flex-basis: 50%
    }

    .echo-footer-area .echo-row .echo-footer-content-4 {
        flex-basis: 65%
    }
}

@media(max-width: 576px) {
    .echo-footer-area .echo-row .echo-footer-content-1,.echo-footer-area .echo-row .echo-footer-content-2,.echo-footer-area .echo-row .echo-footer-content-3,.echo-footer-area .echo-row .echo-footer-content-4 {
        flex-basis:100%
    }
}

.home-three .echo-footer-area .echo-row .echo-footer-content-1 .echo-footer-address .echo-footer-social-media a:hover,.home-three .echo-footer-area .echo-row .echo-footer-content-4 .echo-subscribe-box-button form .echo-footer-area-subscribe-button a {
    background: #7817f2
}

.home-three .echo-footer-area .echo-row .echo-footer-content-2 .echo-footer-most-popular ul li:hover a,.home-three .echo-footer-area .echo-row .echo-footer-content-3 .echo-footer-help ul li:hover a {
    color: #7817f2
}

.echo-footer-area4 {
    background: url(../images/footer/footer-bg.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.echo-footer-area4 .footer-top {
    border-bottom: 1px solid hsla(0,0%,100%,.31);
    padding: 60px 0
}

.echo-footer-area4 .footer-top .footer-top-inner {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.echo-footer-area4 .footer-top .footer-top-inner .footer-top-left {
    width: 50%
}

.echo-footer-area4 .footer-top .footer-top-inner .footer-top-left .content {
    color: #fff;
    margin-bottom: 0
}

.echo-footer-area4 .footer-top .footer-top-inner .footer-top-right {
    width: 50%
}

.echo-footer-area4 .footer-top .footer-top-inner .footer-top-right .echo-subscribe-box-button form {
    height: 70px;
    margin-left: auto;
    position: relative;
    width: 470px
}

.echo-footer-area4 .footer-top .footer-top-inner .footer-top-right .echo-subscribe-box-button form input {
    border: 1px solid #fff;
    border-radius: 70px;
    height: 100%
}

.echo-footer-area4 .footer-top .footer-top-inner .footer-top-right .echo-subscribe-box-button form .echo-subscribe-input-fill {
    height: 100%;
    position: relative
}

.echo-footer-area4 .footer-top .footer-top-inner .footer-top-right .echo-subscribe-box-button form .echo-subscribe-input-fill svg {
    left: 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.echo-footer-area4 .footer-top .footer-top-inner .footer-top-right .echo-subscribe-box-button form .echo-subscribe-input-fill input {
    background: none;
    border: 1px solid hsla(0,0%,100%,.6);
    padding: 10px 0 10px 40px
}

.echo-footer-area4 .footer-top .footer-top-inner .footer-top-right .echo-subscribe-box-button form .echo-subscribe-input-fill input::-moz-placeholder {
    color: #fff;
    font-size: 15px
}

.echo-footer-area4 .footer-top .footer-top-inner .footer-top-right .echo-subscribe-box-button form .echo-subscribe-input-fill input::placeholder {
    color: #fff;
    font-size: 15px
}

.echo-footer-area4 .footer-top .footer-top-inner .footer-top-right .echo-subscribe-box-button form .echo-footer-area-subscribe-button {
    background-color: #ff4962;
    border: 1px solid transparent;
    border-radius: 40px;
    color: #fff;
    font-size: 16px;
    padding: 12px 18px;
    position: absolute!important;
    position: relative;
    right: 10px;
    text-align: center;
    text-transform: capitalize;
    top: 50%;
    transform: translateY(-50%);
    width: 120px
}

.echo-footer-area4 .footer-top .footer-top-inner .footer-top-right .echo-subscribe-box-button form .desc {
    color: #fff;
    font-family: Inter;
    font-size: 14px;
    font-style: italic;
    font-weight: 300;
    line-height: 22px;
    margin-top: 10px;
    opacity: .8
}

.echo-footer-area4 .footer-top .footer-top-inner .footer-top-right .echo-subscribe-box-button form .desc a {
    text-decoration: underline
}

.echo-footer-area4 .footer-main {
    padding: 40px 0 30px
}

.echo-footer-area4 .footer-main .footer-main-inner .logo-area {
    text-align: center
}

.echo-footer-area4 .footer-main .footer-main-inner .social-area {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 50px 0;
    padding: 0
}

.echo-footer-area4 .footer-main .footer-main-inner .social-area .social-icon {
    list-style: none;
    margin: 0 13px
}

.echo-footer-area4 .footer-main .footer-main-inner .social-area .social-icon a {
    background: none;
    border: 1px solid hsla(0,0%,100%,.31);
    border-radius: 20px;
    color: hsla(0,0%,100%,.69);
    display: block;
    font-size: 30px;
    height: 73px;
    line-height: 73px;
    text-align: center;
    transition: all .4s;
    width: 73px
}

.echo-footer-area4 .footer-main .footer-main-inner .social-area .social-icon a:hover {
    background: #ff4962;
    border: 1px solid #ff4962
}

.echo-footer-area4 .footer-main .footer-main-inner .footer-menu-area {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
    padding: 0
}

.echo-footer-area4 .footer-main .footer-main-inner .footer-menu-area .menu-item {
    list-style: none;
    padding: 0 23px;
    position: relative
}

.echo-footer-area4 .footer-main .footer-main-inner .footer-menu-area .menu-item:before {
    color: hsla(0,0%,100%,.82);
    content: "/";
    font-size: 10px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.echo-footer-area4 .footer-main .footer-main-inner .footer-menu-area .menu-item:last-child:before {
    display: none
}

.echo-footer-area4 .footer-main .footer-main-inner .footer-menu-area .menu-item a {
    color: hsla(0,0%,100%,.69);
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    text-align: center;
    text-transform: capitalize;
    transition: all .4s
}

.echo-footer-area4 .footer-main .footer-main-inner .footer-menu-area .menu-item a:hover {
    color: #ff4962
}

.echo-footer-area4 .footer-copyright-area {
    border-top: 1px solid hsla(0,0%,100%,.31);
    padding: 30px 0
}

.echo-footer-area4 .footer-copyright-area .copyright-area-inner {
    text-align: center
}

.echo-footer-area4 .footer-copyright-area .copyright-area-inner .title {
    color: hsla(0,0%,100%,.69);
    font-family: Inter;
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
    margin-bottom: 0;
    text-align: center
}

#anywhere-home.bgshow {
    background: #0e1013;
    opacity: 70%;
    pointer-events: visible;
    top: 0;
    visibility: visible;
    z-index: 999
}

#anywhere-home {
    background: #0e1013;
    cursor: url(../images/close.png),auto;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    transition: opacity .5s ease-in-out;
    visibility: hidden;
    width: 100%;
    z-index: 50
}

.scroll-top-btn {
    background: var(--color-primary);
    border: none;
    border-radius: 6px;
    bottom: 40px;
    color: #fff;
    display: none;
    height: 50px;
    position: fixed;
    right: 40px;
    width: 50px;
    z-index: 150
}

.scroll-top-btn i {
    font-size: 22px
}

.home-three .scroll-top-btn,.home-two .scroll-top-btn {
    background: #7817f2
}

.home-four .scroll-top-btn {
    background: #fe4358
}

.home-seven .scroll-top-btn {
    background: linear-gradient(126deg,#9f68f5 14.85%,#bee44f 86.39%)
}

.home-five .echo-footer-area4 {
    background: url(../images/footer/footer-bg2.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.home-five .scroll-top-btn {
    background: #d5225b
}

.home-six .echo-footer-area {
    padding: 0
}

.home-six .echo-footer-area .footer-top-area {
    background: #20202c;
    border-bottom: 1px solid #fff;
    padding: 20px 0
}

.home-six .echo-footer-area .footer-top-area .footer-top-inner {
    align-items: center;
    display: flex;
    justify-content: space-between
}

@media(max-width: 450px) {
    .home-six .echo-footer-area .footer-top-area .footer-top-inner .social-wrapper-one {
        display:none
    }
}

.home-six .echo-footer-area .footer-top-area .footer-top-inner .social-wrapper-one ul {
    align-items: center;
    display: flex;
    gap: 25px;
    margin: 0;
    padding: 0
}

.home-six .echo-footer-area .footer-top-area .footer-top-inner .social-wrapper-one ul li {
    list-style: none
}

.home-six .echo-footer-area .footer-top-area .footer-top-inner .social-wrapper-one ul li a {
    color: #fff;
    transition: all .3s
}

.home-six .echo-footer-area .footer-top-area .footer-top-inner .social-wrapper-one ul li a:hover {
    color: #ffcc48
}

.home-six .echo-footer-area .echo-row {
    padding-top: 90px
}

.home-six .echo-footer-area .echo-row .echo-footer-content-1,.home-six .echo-footer-area .echo-row .echo-footer-content-3 {
    flex-basis: 25%
}

@media(max-width: 991px) {
    .home-six .echo-footer-area .echo-row .echo-footer-content-1,.home-six .echo-footer-area .echo-row .echo-footer-content-3 {
        flex-basis:50%
    }
}

@media(max-width: 768px) {
    .home-six .echo-footer-area .echo-row .echo-footer-content-1,.home-six .echo-footer-area .echo-row .echo-footer-content-3 {
        flex-basis:100%
    }
}

@media(max-width: 1200px) {
    .home-six .echo-footer-area .echo-row .echo-footer-content-1 {
        flex-basis:45%
    }
}

@media(max-width: 768px) {
    .home-six .echo-footer-area .echo-row .echo-footer-content-1 {
        flex-basis:100%
    }
}

.home-six .echo-footer-area .echo-row .echo-get-in-tuch h4 {
    font-family: DM Sans,sans-serif
}

.home-six .echo-footer-area .echo-row .echo-get-in-tuch h4:after {
    display: none
}

.home-six .echo-footer-area .echo-row .echo-footer-most-popular ul li {
    margin-bottom: 25px;
    margin-top: 0;
    width: 100%
}

.home-six .echo-footer-area .echo-row .echo-footer-most-popular ul li a {
    display: block
}

.home-six .echo-footer-area .echo-row .echo-footer-most-popular ul li:hover a {
    color: #ffcc48
}

.home-six .echo-footer-area .echo-row .echo-footer-help ul li {
    margin-bottom: 25px
}

.home-six .echo-footer-area .echo-row .echo-footer-help ul li:hover a {
    color: #ffcc48
}

.home-six .echo-footer-area .echo-row .echo-footer-help ul li a {
    display: block
}

.home-six .echo-footer-area .echo-row .echo-footer-address .echo-footer-social-media a:hover,.home-six .scroll-top-btn {
    background: #ffcc48
}

.home-nine .echo-footer-area {
    background: #003811
}

.home-nine .echo-footer-area .echo-row .echo-footer-most-popular ul li {
    width: 100%
}

.home-nine .echo-footer-area .echo-row .echo-footer-content-2 .echo-footer-most-popular ul li:hover a,.home-nine .echo-footer-area .echo-row .echo-footer-content-3 .echo-footer-help ul li:hover a {
    color: #f5d253
}

.home-nine .echo-footer-area .echo-row .echo-footer-content-1 .echo-footer-address .echo-footer-social-media a:hover,.home-nine .echo-footer-area .echo-row .echo-footer-content-4 .echo-subscribe-box-button form .echo-footer-area-subscribe-button a,.home-nine .scroll-top-btn {
    background: #f5d253
}

.home-five .echo-footer-area4 .footer-top .footer-top-inner .footer-top-right .echo-subscribe-box-button form .echo-footer-area-subscribe-button {
    background: #d5225b
}

.home-eight .echo-footer-area {
    background: #47164f
}

.home-eight .echo-footer-area .echo-row .echo-footer-content-2 .echo-footer-most-popular ul li:hover a,.home-eight .echo-footer-area .echo-row .echo-footer-content-3 .echo-footer-help ul li:hover a {
    color: #fe5301
}

.home-eight .echo-footer-area .echo-row .echo-footer-content-1 .echo-footer-address .echo-footer-social-media a:hover,.home-eight .echo-footer-area .echo-row .echo-footer-content-4 .echo-subscribe-box-button form .echo-footer-area-subscribe-button a,.home-eight .scroll-top-btn {
    background: #fe5301
}

.home-ten .echo-footer-area4 {
    background: #060f18
}

.home-ten .echo-footer-area4 .footer-top {
    background: #101922;
    border: none;
    padding: 100px 0
}

.home-ten .echo-footer-area4 .footer-top .footer-top-inner {
    display: block;
    text-align: center
}

.home-ten .echo-footer-area4 .footer-top .footer-top-inner .footer-top-left,.home-ten .echo-footer-area4 .footer-top .footer-top-inner .footer-top-right {
    width: auto
}

.home-ten .echo-footer-area4 .footer-top .footer-top-inner .footer-top-left .content {
    font-family: var(--home-5-title-font);
    font-size: 60px;
    font-weight: 500;
    line-height: 65px;
    margin: 0 auto 50px;
    max-width: 60%;
    text-transform: capitalize
}

@media(max-width: 768px) {
    .home-ten .echo-footer-area4 .footer-top .footer-top-inner .footer-top-left .content {
        font-size:42px;
        line-height: 52px;
        max-width: 90%
    }
}

@media(max-width: 450px) {
    .home-ten .echo-footer-area4 .footer-top .footer-top-inner .footer-top-left .content {
        font-size:30px;
        line-height: 40px
    }
}

.home-ten .echo-footer-area4 .footer-top .footer-top-inner .footer-top-right .echo-subscribe-box-button form {
    margin: auto
}

.home-ten .echo-footer-area4 .footer-main .footer-main-inner .social-area {
    margin-bottom: 0
}

.home-ten .echo-footer-area4 .footer-main .footer-main-inner .social-area .social-icon a:hover {
    background: #fe4358
}

.home-ten .echo-footer-area4 .footer-copyright-area {
    border: none
}

.home-ten .scroll-top-btn {
    background: #fe4358
}

.home-seven .echo-footer-area .echo-row .echo-footer-content-1 .echo-footer-address .echo-footer-social-media a:hover,.home-seven .echo-footer-area .echo-row .echo-footer-content-4 .echo-subscribe-box-button form .echo-footer-area-subscribe-button a {
    background: linear-gradient(126deg,#9f68f5 14.85%,#bee44f 86.39%);
    border: none
}

.home-seven .echo-footer-area .echo-row .echo-footer-content-4 .echo-subscribe-box-button form .echo-footer-area-subscribe-button a:hover {
    background: none
}

.home-seven .echo-footer-area .echo-row .echo-footer-content-2 .echo-footer-most-popular ul li:hover a,.home-seven .echo-footer-area .echo-row .echo-footer-content-3 .echo-footer-help ul li:hover a {
    color: #924fff
}

@media(min-width: 1200px)and (max-width:1500px) {
    .echo-hm2-video-area .echo-hm2-video-area-content .echo-hm2-video-area-full-content .echo-row .echo-hm2-video-img .echo-hm2-video-text-box {
        height:auto;
        position: unset;
        transform: none;
        width: 100%
    }

    .echo-hm2-video-area .echo-hm2-video-area-content .echo-hm2-video-area-full-content .echo-row .echo-hm2-video-img {
        height: auto
    }

    .echo-hm2-video-area .echo-hm2-video-area-content .echo-hm2-video-area-full-content .echo-row .echo-banner-slider-button {
        top: 22%
    }

    .echo-about-area {
        padding: 50px 10px
    }

    .echo-about-area .container .echo-about-area-inner .hero-image .image-2 {
        position: unset
    }

    .echo-about-area .container .echo-about-area-inner .hero-image {
        gap: 20px
    }
}

@media(min-width: 992px)and (max-width:1200px) {
    .echo-post-style-3-hero-banner {
        margin-bottom:25px
    }

    .echo-hero-section.inner-post-3 .echo-hero-discription {
        padding-top: 15px
    }

    .post-style-3-lad-img {
        width: 100%
    }

    .echo-hero-section.inner-post .echo-financial-area .content .content-wrapper .wrapper-item {
        font-size: 16px;
        line-height: 26px
    }

    .echo-hero-section.inner .echo-right-ct-1 .echo-feature-area-right-site-follower ul li:nth-child(6) a {
        gap: 7px
    }

    .echo-de-category-show-more-btn {
        margin-top: 40px
    }

    .echo-hero-section.inner-post .echo-financial-area .content .details-tag h6 {
        margin-right: 2px
    }

    .echo-hero-section.inner-post .echo-author-area {
        gap: 25px;
        padding: 20px 20px 20px 0
    }

    .echo-about-area {
        padding: 50px 10px
    }

    .echo-about-area .container .echo-about-area-inner .hero-image .image-2 {
        position: unset
    }

    .echo-about-area .container .echo-about-area-inner .hero-image {
        gap: 20px
    }

    .echo-about-area .container .echo-about-area-inner .content-area .bottom-author-area,.echo-about-area .container .echo-about-area-inner .content-area .desc {
        margin-bottom: 15px
    }

    .echo-hero-section.inner-3 .echo-ct-style-bg-color .echo-griding-ct-style-3 .echo-hero-baner .echo-inner-img-ct-1 a>img,.echo-hero-section.inner-3 .echo-hero-baner .echo-inner-img-ct-1 a>img {
        width: 100%
    }

    .echo-hero-section.inner .echo-hero-baner {
        margin-bottom: 15px
    }

    .echo-hero-section.inner-3 .echo-ct-style-bg-color .echo-popular-item-category {
        padding-top: 15px
    }

    .echo-hero-section.inner-2 .echo-hero-baner .echo-banner-texting h3 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 10px;
        padding-top: 0
    }

    .echo-hero-section.inner-2 .echo-hero-baner .echo-inner-img-ct-1 {
        flex-basis: 41%
    }

    .echo-hero-section.inner-2 .echo-hero-baner .echo-banner-texting {
        flex-basis: 55%
    }

    .echo-hero-section.inner .echo-hero-baner .echo-hero-area-titlepost-post-like-comment-share {
        flex-wrap: wrap;
        gap: 10px
    }

    .echo-hero-section.inner .echo-hero-baner p {
        margin-top: -15px
    }

    .echo-hero-section.inner .echo-hero-baner .echo-hero-area-titlepost-post-like-comment-share {
        margin-bottom: 10px
    }

    .echo-hm2-video-area .echo-hm2-video-area-content .echo-hm2-video-area-full-content .echo-row .echo-hm2-video-img .echo-hm2-video-text-box {
        height: auto;
        position: unset;
        transform: none;
        width: 100%
    }

    .echo-hm2-video-area .echo-hm2-video-area-content .echo-hm2-video-area-full-content .echo-row .echo-hm2-video-img {
        height: auto
    }

    .echo-hm2-video-area .echo-hm2-video-area-content .echo-hm2-video-area-full-content .echo-row .echo-banner-slider-button {
        top: 22%
    }

    .echo-hero-section.inner .echo-right-ct-1 .echo-home-1-hero-area-top-story .echo-top-story .echo-story-text h6 {
        font-size: 16px;
        line-height: 26px
    }

    .echo-hero-section.inner .echo-right-ct-1 .echo-feature-area-right-site-follower ul li:nth-child(6) {
        padding-left: 7px
    }

    .echo-hero-section.inner .echo-right-ct-1 .echo-feature-area-right-site-follower ul li {
        font-size: 14px
    }

    .echo-hero-section.inner .echo-right-ct-1 .echo-feature-area-right-site-newsletter .echo-feature-area-right-site-news-subscribe form .echo-feature-area-right-site-input-box button {
        margin-left: -30px
    }

    .echo-hero-section.inner .echo-hero-baner h2 {
        font-size: 40px;
        line-height: 50px;
        margin-bottom: 10px;
        margin-top: 20px
    }

    .echo-archive-area,.echo-social-media-area-hm2 {
        padding: 30px 0
    }

    .echo-archive-area .echo-archive-area-content .echo-archive-area-full-content .echo-archive-area-right-site .echo-archive-right-content .echo-archive-right-text .echo-3-align-icons {
        margin: 10px 0
    }

    .echo-archive-area .echo-archive-area-content .echo-archive-area-full-content .echo-archive-area-right-site .echo-archive-right-content .echo-archive-right-text .echo-archive-right-heading h5 {
        font-size: 20px;
        line-height: 30px
    }

    .echo-archive-area .echo-archive-area-content .echo-archive-area-full-content .echo-archive-area-right-site .echo-archive-right-content {
        display: flex;
        gap: 10px
    }

    .echo-archive-area .echo-archive-area-content .echo-archive-area-full-content .echo-archive-area-right-site .echo-archive-right-content .echo-archive-right-img,.echo-archive-area .echo-archive-area-content .echo-archive-area-full-content .echo-archive-area-right-site .echo-archive-right-content .echo-archive-right-text {
        flex-basis: auto
    }

    .echo-fd-post-area {
        padding: 30px 0
    }

    .echo-fd-post-area .echo-fd-post-content .echo-fd-post-full-content .echo-fd-post-main-content .echo-fd-post-right-area .echo-fd-post-right-text .echo-fd-post-right-heading h4 {
        font-size: 20px;
        line-height: 30px
    }

    .echo-fd-post-area .echo-fd-post-content .echo-fd-post-full-content .echo-fd-post-main-content .echo-3-align-icons {
        flex-wrap: wrap;
        gap: 10px
    }

    .echo-fd-post-area .echo-fd-post-content .echo-fd-post-full-content .echo-fd-post-main-content .echo-fd-post-left-title h3 {
        font-size: 30px;
        line-height: 40px
    }

    .echo-cl-blocks-area {
        padding: 30px 0
    }

    .echo-cl-blocks-area .echo-cl-blocks-content .echo-cl-blocks-full-content .echo-cl-blocks-text .echo-cl-blocks-area-shep {
        margin-top: 10px
    }

    .echo-popular-area {
        padding: 30px 0
    }

    .echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-popular-tabing-btn .echo-popular-tab-button li {
        margin: 0 10px
    }

    .echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-popular-tabing-btn .echo-popular-tab-button li:after {
        right: -10px
    }

    .echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-popular-tabing-item-frist-row .echo-popular-left-jt-heading h3 {
        font-size: 25px;
        line-height: 35px
    }

    .echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-popular-item-category .echo-popular-cat-content .echo-popular-cat-title h6 {
        font-size: 18px;
        line-height: 28px
    }

    .echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-feature-area-right-site-follower ul li a {
        gap: 5px
    }

    .echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-feature-area-right-site-follower ul li:nth-child(2),.echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-feature-area-right-site-follower ul li:nth-child(4) {
        padding-left: 10px
    }

    .echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-feature-area-right-site-follower ul li {
        font-size: 13px;
        padding-top: 10px
    }

    .echo-popular-area .echo-popular-content .echo-popular-full-content .echo-home-2-title h4 {
        font-size: 25px;
        line-height: 35px
    }

    .echo-home-2-feature-area,.echo-home-2-feature-area .echo-home-2-feature-area-content {
        padding: 30px 0
    }

    .echo-home-2-feature-area .echo-feature-content .echo-feature-main-content .echo-feature-area-post-title h4 {
        font-size: 28px;
        line-height: 38px
    }

    .echo-home-2-featurea-area-last-child-responsive .echo-banner {
        padding: 30px 0
    }

    .echo-banner .echo-banner-mani-content .echo-banner-text .echo-banner-heading h1 {
        font-size: 32px;
        line-height: 42px
    }

    .echo-banner .echo-banner-mani-content .echo-banner-text {
        background-color: hsla(0,0%,98%,.7);
        padding: 20px;
        width: 641px
    }

    .echo-banner .echo-banner-mani-content .echo-banner-text .echo-3-align-icons a {
        color: #5e5e5e;
        font-size: 14px
    }

    .echo-banner .echo-banner-mani-content .echo-banner-text .echo-banner-heading {
        margin-top: 0
    }

    .echo-banner .echo-banner-right-itme .echo-banner-right-heading h5 {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 15px
    }

    .echo-popular-news-area {
        padding: 30px 0
    }

    .echo-popular-news-area .echo-popular-area-item-title h5 {
        font-size: 20px;
        line-height: 30px
    }

    .echo-popular-news-area .echo-popular-area-item-title {
        margin: 10px 0
    }

    .echo-feature-area {
        padding: 30px 0
    }

    .echo-feature-area .echo-feature-area-site-title h4:after {
        left: 40%;
        width: 50%
    }

    .echo-feature-area .echo-feature-area-site-title .echo-feature-area-post-hins h5 {
        font-size: 19px
    }

    .echo-feature-area .echo-feature-area-option .echo-feature-area-option-content .echo-feature-area-option-number h3 {
        font-size: 52px;
        line-height: 62px
    }

    .echo-feature-area .echo-feature-area-option .echo-feature-area-option-content {
        gap: 10px;
        padding: 13px
    }

    .echo-feature-area .echo-feature-area-option .echo-feature-area-option-content .echo-feature-area-option-content-text h5 {
        font-size: 15px;
        line-height: 25px;
        margin-bottom: 0
    }

    .echo-feature-area .echo-feature-area-last-news .echo-feature-area-last-content .echo-feature-area-last-content-text h3 {
        font-size: 30px;
        line-height: 40px
    }

    .echo-trending-area,.echo-video-area {
        padding: 30px 0
    }

    .echo-video-area .echo-full-video-content .echo-video-right-site-content .echo-video-right-site-content-text {
        flex-basis: 81%
    }

    .echo-video-area .echo-full-video-content .echo-video-right-site-content .echo-video-right-site-content-text h5 {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 8px
    }

    .echo-video-area .echo-full-video-content .echo-video-right-site-content .echo-video-right-site-content-text>hr {
        margin-bottom: 5px!important
    }

    .echo-video-area .echo-full-video-content .echo-video-right-site-content .echo-video-right-site-content-text>a {
        font-size: 15px!important
    }

    .echo-video-area .echo-full-video-content .echo-video-right-site-content .echo-video-right-site-content-video .video-play-button {
        transform: translate(-50%,-50%) scale(.5)
    }

    .echo-de-category-area {
        padding: 30px 0
    }

    .echo-de-category-area .echo-de-category-title-btn h4:after {
        width: 160%
    }

    .echo-de-category-area .echo-de-category-content .echo-de-category-content-img-title .echo-de-category-content-title h6 {
        font-size: 16px;
        line-height: 29px
    }

    .echo-feature-area .echo-feature-area-last-news .echo-feature-area-last-content .echo-feature-area-last-content-img>a>img {
        width: 100%
    }

    .echo-feature-area .echo-feature-area-last-news .echo-feature-area-last-content {
        display: block
    }

    .echo-footer-area4 {
        padding: 0 10px
    }
}

@media(min-width: 768px)and (max-width:991px) {
    .echo-hero-section.inner {
        padding:65px 20px
    }

    .echo-hero-section.inner .echo-right-ct-1 .echo-home-1-hero-area-top-story .echo-top-story .echo-story-picture a img {
        height: unset;
        width: unset
    }

    .echo-hero-section.inner .echo-right-ct-1 .echo-home-1-hero-area-top-story .echo-top-story .echo-story-picture {
        color: var(--colorPrimary);
        flex-basis: auto
    }

    .echo-post-style-3-hero-banner {
        margin-bottom: 25px;
        width: 100%
    }

    .echo-hero-section.inner-post-2 .echo-financial-area .content .image.bottom>img {
        width: 100%
    }

    .echo-hero-section.inner-post .echo-author-area .image-area {
        flex-basis: 23%
    }

    .echo-hero-section.inner-post-3 .echo-ps-2-subscribe-box .echo-ps-2-subscribe-all-content .echo-subscribe-input-fill form input,.echo-post-style-3-2end,.post-style-1-frist-hero-img {
        width: 100%
    }

    .echo-hero-section.inner-post-3 .echo-ps-2-subscribe-box .echo-ps-2-subscribe-all-content .echo-subscribe-input-fill form .echo-ps-2-subscribe-btn {
        right: 0
    }

    .echo-about-area .container .echo-about-area-inner .hero-image .image-2 {
        position: unset
    }

    .echo-about-area .container .echo-about-area-inner .hero-image {
        gap: 30px;
        margin-top: 15px
    }

    .echo-about-area .container .echo-about-area-inner .content-area .title {
        margin-bottom: 15px
    }

    .echo-about-area .container .echo-about-area-inner .content-area .sub-title {
        font-size: 18px;
        line-height: 28px
    }

    .echo-about-area .container .echo-about-area-inner .content-area .desc {
        margin-bottom: 15px
    }

    .echo-about-area {
        padding: 50px 10px
    }

    .echo-about-area .container .echo-about-area-inner .hero-image .image {
        width: 50%
    }

    .echo-ct-style-3-shep {
        bottom: -40px
    }

    .echo-hm2-video-area .echo-hm2-video-area-content .echo-hm2-video-area-full-content .echo-row .echo-hm2-video-img .echo-hm2-video-text-box {
        height: auto
    }

    .echo-contact-area .echo-contact-content .echo-contact-full-content .echo-contact-input-field .echo-main-contact-form form .echo-contact-input-flexing .echo-df-input {
        flex-basis: 50%
    }

    .echo-hm2-video-area .echo-hm2-video-area-content .echo-hm2-video-area-full-content .echo-row .echo-hm2-video-img .echo-hm2-video-text-box {
        position: unset;
        transform: none;
        width: 100%
    }

    .echo-hm2-video-area .echo-hm2-video-area-content .echo-hm2-video-area-full-content .echo-row .echo-hm2-video-img {
        height: auto
    }

    .echo-hm2-video-area .echo-hm2-video-area-content .echo-hm2-video-area-full-content .echo-row .echo-banner-slider-button {
        top: 22%
    }

    .echo-breadcrumb-area-2 .echo-author-content {
        display: block
    }

    .echo-author-picture {
        text-align: center
    }

    .echo-author-info {
        margin-top: 20px;
        text-align: center
    }

    .echo-right-ct-1 {
        margin-top: 40px
    }

    .echo-hero-section.inner .echo-hero-baner h2 {
        font-size: 40px;
        line-height: 50px;
        margin-bottom: 10px;
        margin-top: 20px
    }

    .echo-hero-section.inner .echo-hero-baner .echo-ct-style-3-shep>p {
        padding: 0 40px
    }

    .echo-ct-style-1-banner-images {
        width: 100%
    }

    .echo-social-media-area-hm2 {
        padding: 30px 0
    }

    .echo-social-media-area-hm2 .echo-home-2-title .echo-home-2-main-title h4:after,.echo-social-media-area-hm2 .echo-home-2-title .echo-home-2-main-title h4:before {
        display: none
    }

    .echo-archive-area {
        padding: 30px 0
    }

    .echo-archive-area .echo-archive-area-content .echo-archive-area-full-content .echo-archive-area-slider-content .echo-banner-mani-content .echo-banner-img>img {
        width: 100%
    }

    .echo-archive-main-content.area-2 {
        margin-bottom: 30px
    }

    .echo-archive-area .echo-archive-area-content .echo-archive-area-full-content .echo-archive-area-right-site .echo-archive-right-content {
        flex-direction: row-reverse;
        justify-content: left
    }

    .echo-archive-area .echo-archive-area-content .echo-archive-area-full-content .echo-archive-area-right-site {
        max-width: -moz-max-content;
        max-width: max-content
    }

    .echo-archive-area .echo-archive-area-content .echo-archive-area-full-content .echo-archive-area-right-site .echo-archive-right-content .echo-archive-right-img,.echo-archive-area .echo-archive-area-content .echo-archive-area-full-content .echo-archive-area-right-site .echo-archive-right-content .echo-archive-right-text {
        flex-basis: auto
    }

    .echo-archive-area .echo-archive-area-content .echo-archive-area-full-content .echo-home-2-title .echo-home-2-main-title h4:after {
        width: 75%
    }

    .echo-fd-post-area {
        padding: 30px 0
    }

    .echo-fd-post-area .echo-fd-post-content {
        padding: 40px 0
    }

    .echo-fd-post-area .echo-fd-post-content .echo-fd-post-full-content .echo-fd-post-left .echo-fd-post-left-img>a>img {
        width: 100%
    }

    .echo-fd-post-area .echo-fd-post-content .echo-fd-post-full-content .echo-fd-post-main-content .echo-fd-post-right-area .echo-fd-post-right-text .echo-fd-post-right-heading h4 {
        font-size: 20px;
        line-height: 30px
    }

    .echo-fd-post-area .echo-fd-post-content .echo-fd-post-full-content .echo-fd-post-main-content .echo-fd-post-left-title h3 {
        font-size: 28px;
        line-height: 38px
    }

    .echo-fd-post-area .echo-fd-post-content .echo-fd-post-full-content .echo-fd-post-main-content .echo-fd-post-left-title {
        margin-top: 10px
    }

    .echo-fd-post-area .echo-fd-post-content .echo-fd-post-full-content .echo-fd-post-main-content .echo-3-align-icons {
        margin-top: 25px
    }

    .echo-fd-post-area .echo-fd-post-content .echo-fd-post-full-content .echo-fd-post-main-content .echo-fd-post-left-title p {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 10px;
        margin-top: 10px
    }

    .echo-fd-post-area .echo-fd-post-content .echo-fd-post-full-content .echo-fd-post-main-content .echo-fd-post-right-area .echo-fd-post-right-content img {
        width: auto
    }

    .echo-fd-post-area .echo-fd-post-content .echo-fd-post-full-content .echo-fd-post-main-content .echo-fd-post-right-area .echo-fd-post-right-content {
        flex-basis: auto
    }

    .echo-fd-post-area .echo-fd-post-content .echo-fd-post-full-content .echo-home-2-title .echo-home-2-main-title h4:after,.echo-fd-post-area .echo-fd-post-content .echo-fd-post-full-content .echo-home-2-title .echo-home-2-main-title h4:before {
        display: none
    }

    .echo-fd-post-left {
        margin-bottom: 30px
    }

    .echo-cl-blocks-area {
        padding: 30px 0
    }

    .echo-cl-blocks-area .echo-cl-blocks-content .echo-cl-blocks-full-content .echo-cl-blocks-img>a>img {
        width: 100%
    }

    .echo-popular-area {
        padding: 30px 0
    }

    .echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-popular-tabing-item-second-row .echo-popular-left-bt-contetn .echo-popular-left-bt-img .echo-popular-left-home-2-img-main>a>img,.echo-popular-left-main-item .echo-popular-left-img>a>img {
        width: 100%
    }

    .echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-popular-tabing-item-frist-row .echo-popular-left-jt-heading h3 {
        font-size: 40px;
        line-height: 50px;
        margin: 0
    }

    .echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-popular-tabing-item-second-row .echo-popular-left-bt-title h4 {
        font-size: 22px;
        line-height: 30px
    }

    .echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-popular-tabing-item-second-row .echo-popular-left-bt-title p {
        margin: 10px 0
    }

    .echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-popular-tabing-btn .echo-popular-tab-button {
        max-width: -moz-max-content;
        max-width: max-content
    }

    .echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-feature-area-right-site-follower ul li {
        text-align: center
    }

    .echo-feature-area-home-2-responsive {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        gap: 35px;
        justify-content: center
    }

    .echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-feature-area-right-site-full-content .echo-feature-area-right-site-audio-news {
        border-bottom: none;
        margin: auto;
        width: 45%
    }

    .echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-feature-area-right-site-full-content .echo-feature-area-right-site-audio-news .echo-feature-area-right-audio-text,.echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-feature-area-right-site-full-content .echo-feature-area-right-site-audio-news .echo-feature-area-right-img {
        flex-basis: auto
    }

    .echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-feature-area-right-site-full-content .echo-feature-area-right-site-audio-news:last-child {
        padding-bottom: 25px
    }

    .echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-feature-area-right-site-full-content .echo-feature-area-right-site-audio-news:first-child {
        padding: 25px 0
    }

    .echo-home-2-feature-area {
        padding: 30px 0
    }

    .echo-home-2-feature-area .echo-home-2-feature-area-content {
        padding: 35px 0
    }

    .echo-home-2-feature-area .echo-home-2-title .echo-home-2-main-title h4:after,.echo-home-2-feature-area .echo-home-2-title .echo-home-2-main-title h4:before {
        display: none
    }

    .echo-home-2-feature-area .echo-home-2-title .echo-home-2-main-title h4 {
        font-size: 30px
    }

    .echo-home-2-feature-area .echo-feature-content .echo-feature-main-content .echo-feature-area-post-title h4 {
        font-size: 28px;
        line-height: 38px
    }

    .echo-home-2-featurea-area-last-child-responsive {
        margin-top: 30px
    }

    .echo-home-2-feature-area .echo-feature-content .echo-feature-main-content .echo-feature-area-post-title p {
        font-size: 15px;
        line-height: 25px
    }

    .echo-banner {
        padding: 30px 0
    }

    .echo-banner .echo-banner-mani-content .echo-banner-img>img {
        width: 100%
    }

    .echo-home-2-banner-right-flexing {
        align-items: center;
        display: flex;
        gap: 20px;
        margin-top: 30px
    }

    .echo-banner .echo-banner-right-itme {
        flex-basis: 50%
    }

    .echo-banner .echo-banner-right-itme:last-child {
        margin-top: 0
    }

    .echo-banner .echo-banner-right-itme .echo-banner-right-heading h5 {
        font-size: 20px;
        line-height: 30px
    }

    .echo-software-download-area {
        padding: 30px 10px
    }

    .echo-popular-news-area {
        padding: 30px 0
    }

    .echo-popular-news-area .echo-popular-area-item-title h5 {
        font-size: 20px;
        line-height: 30px
    }

    .echo-popular-news-area .echo-popular-area-item-title {
        margin: 10px 0
    }

    .echo-popular-news-area .echo-popular-area-title h4:after,.echo-popular-news-area .echo-popular-area-title h4:before {
        display: none
    }

    .echo-popular-area-single-item {
        margin-bottom: 20px
    }

    .echo-popular-area-single-item.echo-popular-news-responsive-home-1 {
        margin-bottom: 0
    }

    .echo-feature-area {
        padding: 30px 0
    }

    .echo-feature-area .echo-feature-area-site-title .echo-feature-area-post-hins h5 {
        font-size: 22px;
        margin-bottom: 10px;
        margin-top: 10px
    }

    .echo-feature-area .echo-feature-area-site-title h4:after {
        display: none
    }

    .echo-feature-area .echo-feature-area-last-news .echo-feature-area-last-content .echo-feature-area-last-content-img>a>img {
        width: 100%
    }

    .echo-feature-area .echo-feature-area-right-site-follower ul li {
        text-align: center
    }

    .echo-feature-area .echo-feature-area-right-site-full-content .echo-feature-area-right-site-audio-news .echo-feature-area-right-img a img {
        width: auto
    }

    .echo-feature-area .echo-feature-area-right-site-full-content .echo-feature-area-right-site-audio-news .echo-feature-area-right-audio-text {
        flex-basis: 88%
    }

    .echo-feature-area .echo-feature-area-right-site-full-content .echo-feature-area-right-site-audio-news .echo-feature-area-right-img {
        flex-basis: 12%
    }

    .echo-feature-area .echo-feature-area-right-site-follower>h5,.echo-feature-area .echo-feature-area-right-site-full-content .echo-feature-area-right-site-audio-title>h5,.echo-feature-area .echo-feature-area-right-site-newsletter .echo-feature-area-rigth-site-newsletter-title>h5 {
        font-size: 25px
    }

    .echo-feature-area .echo-feature-area-right-site-full-content .echo-feature-area-right-site-audio-news {
        display: block;
        text-align: center
    }

    .echo-feature-area-right-site-flexing {
        display: flex;
        flex-wrap: wrap;
        gap: 40px;
        justify-content: center
    }

    .echo-feature-area .echo-feature-area-right-site-full-content hr {
        margin-top: 80px
    }

    .echo-feature-area .echo-feature-area-right-site-full-content .echo-feature-area-right-site-audio-news .echo-feature-area-right-audio-text .echo-feature-area-right-site-audio-main-contetn .audioplayer-time-current {
        margin-left: 20px
    }

    .echo-feature-area .echo-feature-area-right-site-full-content {
        margin-top: 0;
        padding-bottom: 80px;
        padding-top: 40px;
        width: 47%
    }

    .echo-feature-area .echo-feature-area-right-site-newsletter {
        margin-top: 0;
        padding-top: 40px;
        width: 47%
    }

    .echo-home-1-hero-area-top-story {
        margin-top: 20px
    }

    .echo-de-category-area {
        padding: 30px 0
    }

    .echo-de-category-area .echo-de-category-title-btn h4:after {
        display: none
    }

    .echo-de-category-area .echo-de-category-content:last-child {
        margin-top: 30px
    }

    .echo-de-category-area .echo-de-category-title-btn {
        padding-bottom: 0
    }

    .echo-trending-area h6:after {
        display: none
    }

    .echo-trending-area {
        padding: 30px 0
    }

    .echo-trending-right-site-post-img img {
        width: 100%
    }

    .echo-video-area {
        padding: 30px 0
    }

    .echo-video-area .echo-full-video-content .echo-video-left-site>a>img {
        width: 100%
    }

    .echo-video-area .echo-full-video-content .echo-video-right-site-content .echo-video-right-site-content-text h5 {
        font-size: 17px;
        line-height: 27px;
        margin-bottom: 8px
    }

    .echo-video-area .echo-full-video-content .echo-video-right-site-content .echo-video-right-site-content-text hr {
        display: none
    }

    .echo-video-area .echo-full-video-content .echo-video-area-home-1-right-content-responsive {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        margin-top: 30px
    }

    .echo-video-area .echo-full-video-content .echo-video-right-site-content {
        width: 45%
    }

    .echo-video-area .echo-full-video-content .echo-video-right-site-content .echo-video-right-site-content-text,.echo-video-area .echo-full-video-content .echo-video-right-site-content .echo-video-right-site-content-video {
        flex-basis: auto
    }

    .echo-video-area .echo-full-video-content .echo-video-right-site-content {
        gap: 5px
    }

    .echo-video-area .echo-full-video-content .echo-video-right-site-content .echo-video-right-site-content-video .video-play-button {
        transform: translate(-50%,-50%) scale(.5)
    }

    .echo-footer-area4 {
        padding: 0 10px
    }
}

@media(max-width: 767px) {
    .echo-hero-section.inner {
        padding:65px 20px
    }

    .echo-hero-section.inner .echo-right-ct-1 .echo-home-1-hero-area-top-story .echo-top-story .echo-story-picture a img {
        height: unset;
        width: unset
    }

    .echo-hero-section.inner .echo-right-ct-1 .echo-home-1-hero-area-top-story .echo-top-story .echo-story-picture {
        color: var(--colorPrimary);
        flex-basis: auto
    }

    .echo-breadcrumb-area .breadcrumb-inner .title {
        line-height: 50px
    }

    .echo-de-category-show-more-btn {
        margin-top: 35px
    }

    .post-style-3-lad-img {
        width: 100%
    }

    .post-style-3-lad-img:last-child {
        margin-top: 20px
    }

    .echo-hero-section.inner-post-3 .echo-ps-2-subscribe-box .echo-ps-2-subscribe-all-content .echo-ps-2-subscribe-title h5 {
        font-size: 18px;
        line-height: 28px
    }

    .echo-hero-section.inner-post-3 .echo-ps-2-subscribe-box .echo-ps-2-subscribe-all-content .echo-subscribe-input-fill form input {
        width: 100%
    }

    .echo-hero-section.inner-post-3 .echo-ps-2-subscribe-box .echo-ps-2-subscribe-all-content .echo-subscribe-input-fill form .echo-ps-2-subscribe-btn {
        right: 0
    }

    .echo-post-style-3-2end {
        width: 100%
    }

    .echo-post-style-3-2end:last-child {
        margin-top: 15px
    }

    .post-style-1-frist-hero-img,.post-style-1-new-img {
        width: 100%
    }

    .post-style-1-new-img:last-child {
        margin-top: 20px
    }

    .echo-hero-section.inner-post .echo-financial-area .content .content-wrapper .wrapper-item {
        width: 100%
    }

    .echo-hero-section.inner-post .echo-author-area {
        gap: 25px;
        padding: 30px 20px 30px 0
    }

    .echo-hero-section.inner-post .echo-financial-area .content .details-share {
        justify-content: start;
        margin-top: 15px
    }

    .echo-hero-section.inner-post .echo-author-area {
        display: block;
        text-align: center
    }

    .echo-hero-section.inner-post .echo-author-area .content {
        margin-top: 15px
    }

    .echo-hero-section.inner-post .echo-reply-area .comment-inner .wrapper {
        display: block
    }

    .echo-hero-section.inner-post .echo-reply-area .comment-inner .wrapper .content {
        margin-top: 15px
    }

    .echo-about-area .container .echo-about-area-inner .hero-image .image-2 {
        position: unset
    }

    .echo-about-area .container .echo-about-area-inner .hero-image {
        gap: 30px;
        margin-top: 15px
    }

    .echo-about-area .container .echo-about-area-inner .content-area .title {
        margin-bottom: 15px
    }

    .echo-about-area .container .echo-about-area-inner .content-area .sub-title {
        font-size: 18px;
        line-height: 28px
    }

    .echo-about-area .container .echo-about-area-inner .content-area .desc {
        margin-bottom: 15px
    }

    .echo-about-area {
        padding: 50px 10px
    }

    .echo-about-area .container .echo-about-area-inner .content-area .title {
        font-size: 40px;
        line-height: 50px
    }

    .echo-about-area .container .echo-about-area-inner .hero-image .image {
        width: 50%
    }

    .echo-hero-section.inner-3 .echo-ct-style-bg-color .echo-griding-ct-style-3 {
        display: block
    }

    .echo-ct-style-3-shep {
        bottom: -32px
    }

    .echo-hero-section.inner-3 .echo-ct-style-bg-color .echo-popular-item-category .echo-popular-cat-content {
        gap: 20px
    }

    .echo-hero-section.inner-3 .echo-ct-style-bg-color .echo-popular-item-category .echo-popular-cat-content .echo-popular-cat-img {
        flex-basis: 15%
    }

    .echo-hero-section.inner-3 .echo-ct-style-bg-color .echo-popular-item-category .echo-popular-cat-content .echo-popular-cat-title {
        flex-basis: 85%
    }

    .echo-hero-section.inner .echo-hero-baner {
        margin-bottom: 15px
    }

    .echo-hero-section.inner-3 .echo-ct-style-bg-color .echo-popular-item-category {
        padding-top: 15px
    }

    .echo-hero-section.inner-3 .echo-ct-style-bg-color .echo-popular-item-category .echo-popular-cat-content .echo-popular-cat-title h5 {
        font-size: 18px;
        line-height: 28px
    }

    .echo-hm2-video-area .echo-hm2-video-area-content .echo-hm2-video-area-full-content .echo-row .echo-hm2-video-img .echo-hm2-video-text-box .echo-3-align-icons {
        display: none
    }

    .echo-hero-section.inner-2 .echo-hero-baner .echo-inner-img-ct-1 a>img {
        width: 100%
    }

    .echo-hero-section.inner-2 .echo-hero-baner {
        display: block;
        padding-bottom: 25px
    }

    .echo-contact-area .echo-contact-content .echo-contact-full-content .echo-contact-input-field .echo-contact-title h2 {
        font-size: 40px;
        line-height: 50px;
        margin: 0
    }

    .echo-contact-area .echo-contact-content .echo-contact-full-content .echo-contact-input-field .echo-main-contact-form form .echo-contact-input-flexing .echo-df-input {
        flex-basis: 50%
    }

    .echo-hm2-video-area .echo-hm2-video-area-content .echo-hm2-video-area-full-content .echo-row .echo-hm2-video-img .echo-hm2-video-text-box {
        position: unset;
        transform: none;
        width: 100%
    }

    .echo-hm2-video-area .echo-hm2-video-area-content .echo-hm2-video-area-full-content .echo-row .echo-hm2-video-img {
        height: auto
    }

    .echo-hm2-video-area .echo-hm2-video-area-content .echo-hm2-video-area-full-content .echo-row .echo-banner-slider-button {
        display: none
    }

    .echo-hm2-video-area .echo-hm2-video-area-content .echo-hm2-video-area-full-content .echo-row .echo-hm2-video-img .echo-hm2-video-text-box .echo-hm2-video-heading h1 {
        font-size: 22px;
        line-height: 32px
    }

    .echo-hm2-video-area .echo-hm2-video-area-content .echo-hm2-video-area-full-content .echo-row .echo-hm2-video-img .echo-hm2-video-text-box .echo-3-align-icons a {
        flex-basis: 33.3%
    }

    .echo-hm2-video-area .echo-hm2-video-area-content .echo-hm2-video-area-full-content .echo-row .echo-hm2-video-img .echo-hm2-video-icons {
        top: 115px
    }

    .echo-hm2-video-area .echo-hm2-video-area-content .echo-hm2-video-area-full-content .echo-row .echo-hm2-video-img .echo-hm2-video-text-box .echo-hm2-video-discription {
        height: auto;
        margin: auto;
        width: auto
    }

    .echo-hm2-video-area .echo-hm2-video-area-content .echo-hm2-video-area-full-content .echo-row .echo-hm2-video-img .echo-hm2-video-text-box {
        height: auto;
        padding: 0 20px
    }

    .echo-archive-area .echo-archive-area-content .echo-archive-area-full-content .echo-home-2-title .echo-home-2-main-title h4:after {
        display: none
    }

    .echo-right-ct-1 {
        margin-top: 40px
    }

    .echo-hero-section.inner .echo-hero-baner h2 {
        font-size: 40px;
        line-height: 50px;
        margin-bottom: 10px;
        margin-top: 20px
    }

    .echo-hero-section.inner .echo-hero-baner .echo-hero-area-titlepost-post-like-comment-share {
        gap: 10px
    }

    .echo-social-media-area-hm2 {
        padding: 30px 0 0
    }

    .echo-social-media-area-hm2 .echo-home-2-title .echo-home-2-main-title h4:after,.echo-social-media-area-hm2 .echo-home-2-title .echo-home-2-main-title h4:before {
        display: none
    }

    .echo-social-media-area-hm2 .echo-social-media-area-content .echo-social-media-main-content {
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }

    .echo-social-media-area-hm2 .echo-social-media-area-content .echo-social-media-main-content .echo-hm2-social-item {
        width: 100%
    }

    .echo-archive-area {
        padding: 0
    }

    .echo-archive-area .echo-archive-area-content .echo-archive-area-full-content .echo-archive-area-slider-content .echo-banner-mani-content .echo-banner-img>img {
        width: 100%
    }

    .echo-archive-main-content.area-2 {
        margin-bottom: 30px
    }

    .echo-archive-area .echo-archive-area-content .echo-archive-area-full-content .echo-archive-area-right-site .echo-archive-right-content {
        align-items: center;
        flex-direction: row-reverse;
        justify-content: left
    }

    .echo-archive-area .echo-archive-area-content .echo-archive-area-full-content .echo-archive-area-right-site {
        max-width: -moz-max-content;
        max-width: max-content
    }

    .echo-archive-area .echo-archive-area-content .echo-archive-area-full-content .echo-archive-area-right-site .echo-archive-right-content .echo-archive-right-img,.echo-archive-area .echo-archive-area-content .echo-archive-area-full-content .echo-archive-area-right-site .echo-archive-right-content .echo-archive-right-text {
        flex-basis: auto
    }

    .echo-archive-area .echo-archive-area-content .echo-archive-area-full-content .echo-archive-area-slider-content .echo-archive-main-content.area-2 .echo-banner-mani-content .echo-banner-text .echo-banner-heading h1 {
        font-size: 30px;
        line-height: 40px
    }

    .echo-archive-area .echo-archive-area-content .echo-archive-area-full-content .echo-archive-area-slider-content .echo-banner-mani-content .echo-banner-text {
        padding: 15px
    }

    .echo-archive-area .echo-archive-area-content .echo-archive-area-full-content .echo-archive-area-right-site .echo-archive-right-content .echo-archive-right-text .echo-3-align-icons {
        margin: 10px 0
    }

    .echo-archive-area .echo-archive-area-content .echo-archive-area-full-content .echo-archive-area-right-site .echo-archive-right-content .echo-archive-right-text .echo-archive-right-heading h5 {
        font-size: 20px;
        line-height: 30px
    }

    .echo-fd-post-area {
        padding: 30px 0
    }

    .echo-fd-post-area .echo-fd-post-content {
        padding: 40px 0
    }

    .echo-fd-post-area .echo-fd-post-content .echo-fd-post-full-content .echo-home-2-title .echo-home-2-main-title h4:after,.echo-fd-post-area .echo-fd-post-content .echo-fd-post-full-content .echo-home-2-title .echo-home-2-main-title h4:before {
        display: none
    }

    .echo-fd-post-left {
        margin-bottom: 30px
    }

    .echo-fd-post-area .echo-fd-post-content .echo-fd-post-full-content .echo-fd-post-main-content .echo-fd-post-right-area .echo-fd-post-right-text .echo-fd-post-right-heading h4 {
        font-size: 20px;
        line-height: 30px
    }

    .echo-fd-post-area .echo-fd-post-content .echo-fd-post-full-content .echo-fd-post-main-content .echo-3-align-icons {
        gap: 13px
    }

    .echo-fd-post-area .echo-fd-post-content .echo-fd-post-full-content .echo-fd-post-left .echo-fd-post-left-img>a>img {
        width: 100%
    }

    .echo-cl-blocks-area {
        padding: 30px 0
    }

    .echo-cl-blocks-area .echo-cl-blocks-content .echo-cl-blocks-full-content .echo-cl-blocks-img>a>img {
        width: 100%
    }

    .echo-popular-area {
        padding: 30px 0
    }

    .echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-popular-tabing-item-second-row .echo-popular-left-bt-contetn .echo-popular-left-bt-img .echo-popular-left-home-2-img-main>a>img,.echo-popular-left-main-item .echo-popular-left-img>a>img {
        width: 100%
    }

    .echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-popular-item-category .echo-popular-cat-content .echo-popular-cat-title h6 {
        font-size: 18px;
        line-height: 28px
    }

    .echo-popular-left-bt-contetn.three {
        margin: 30px 0
    }

    .echo-popular-left-jt-text.two {
        margin-top: 30px
    }

    .echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-popular-tabing-btn .echo-popular-tab-button {
        justify-content: center;
        max-width: -moz-max-content;
        max-width: max-content
    }

    .echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-popular-tabing-btn .echo-popular-tab-button li button.active:before,.echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-popular-tabing-btn .echo-popular-tab-button li:after {
        display: none
    }

    .echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-feature-area-right-site-follower ul li {
        text-align: center
    }

    .echo-feature-area-home-2-responsive {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        gap: 35px
    }

    .echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-feature-area-right-site-full-content .echo-feature-area-right-site-audio-news {
        border-bottom: none;
        margin: 0 auto;
        width: 45%
    }

    .echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-feature-area-right-site-full-content .echo-feature-area-right-site-audio-news .echo-feature-area-right-audio-text h5 {
        font-size: 14px;
        line-height: 24px
    }

    .echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-feature-area-right-site-full-content .echo-feature-area-right-site-audio-news .echo-feature-area-right-audio-text,.echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-feature-area-right-site-full-content .echo-feature-area-right-site-audio-news .echo-feature-area-right-img {
        flex-basis: auto
    }

    .echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-feature-area-right-site-full-content .echo-feature-area-right-site-audio-news:last-child {
        padding-bottom: 0
    }

    .echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-feature-area-right-site-full-content .echo-feature-area-right-site-audio-news:first-child {
        padding: 0
    }

    .echo-popular-area .echo-popular-content .echo-popular-full-content .echo-home-2-title {
        margin-bottom: 25px
    }

    .echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-popular-tabing-btn .echo-popular-tab-button li {
        margin: 5px 10px
    }

    .echo-home-2-feature-area {
        padding: 30px 0
    }

    .echo-home-2-feature-area .echo-home-2-feature-area-content {
        padding: 35px 0
    }

    .echo-home-2-feature-area .echo-home-2-title .echo-home-2-main-title h4:after,.echo-home-2-feature-area .echo-home-2-title .echo-home-2-main-title h4:before {
        display: none
    }

    .echo-home-2-feature-area .echo-home-2-title .echo-home-2-main-title h4 {
        font-size: 30px
    }

    .echo-home-2-feature-area .echo-feature-content .echo-feature-main-content .echo-feature-area-post-title h4 {
        font-size: 28px;
        line-height: 38px
    }

    .echo-feature-main-content {
        margin-bottom: 30px
    }

    .echo-feature-main-content.echo-home-2-featurea-area-last-child-responsive {
        margin-bottom: 0
    }

    .echo-home-2-feature-area .echo-feature-content .echo-feature-main-content .echo-feature-area-post-title p {
        font-size: 15px;
        line-height: 25px
    }

    .echo-banner {
        padding: 30px 0
    }

    .echo-banner .echo-banner-mani-content .echo-banner-text .echo-banner-heading h1 {
        font-size: 20px;
        line-height: 30px
    }

    .echo-home-2-banner-right-flexing {
        margin-top: 30px
    }

    .echo-banner .echo-banner-mani-content .echo-banner-text {
        background-color: hsla(0,0%,98%,.7);
        padding: 20px;
        width: 100%
    }

    .echo-banner .echo-banner-right-itme {
        text-align: center
    }

    .echo-banner .echo-banner-mani-content .echo-banner-text .echo-3-align-icons a {
        color: #5e5e5e;
        font-size: 14px
    }

    .echo-banner .echo-banner-right-itme .echo-banar-right-img>a>img {
        width: 75%
    }

    .echo-banner .echo-banner-mani-content .echo-banner-text .echo-banner-heading {
        margin-top: 5px
    }

    .echo-software-download-area {
        padding: 30px 5px
    }

    .echo-software-download-area .echo-software-download-full-content-bg .echo-software-download-full-content .echo-software-download-text-content .echo-software-download-place {
        display: block
    }

    .echo-software-download-area .echo-software-download-full-content-bg .echo-software-download-full-content .echo-software-download-text-content .echo-software-download-place>a {
        display: block;
        margin-top: 15px
    }

    .echo-software-download-area .echo-software-download-full-content-bg .echo-software-download-full-content .echo-software-download-text-content .echo-software-download-title h2 {
        font-size: 25px;
        line-height: 35px
    }

    .echo-banner .echo-banner-right-itme .echo-banner-right-heading h5 {
        font-size: 20px;
        line-height: 30px
    }

    .echo-popular-news-area {
        padding: 30px 0
    }

    .echo-popular-news-area .echo-popular-area-item-title h5 {
        font-size: 20px;
        line-height: 30px
    }

    .echo-popular-news-area .echo-popular-area-item-title {
        margin: 10px 0
    }

    .echo-popular-news-area .echo-popular-area-title h4:after,.echo-popular-news-area .echo-popular-area-title h4:before {
        display: none
    }

    .echo-popular-area-single-item {
        margin-bottom: 20px
    }

    .echo-popular-area-single-item.echo-popular-news-responsive-home-1 {
        margin-bottom: 0
    }

    .echo-feature-area {
        padding: 30px 0
    }

    .echo-feature-area .echo-feature-area-site-title h4:after {
        display: none
    }

    .echo-feature-area-post:first-child {
        margin-bottom: 30px
    }

    .echo-feature-area .echo-feature-area-right-site-follower>h5,.echo-feature-area .echo-feature-area-right-site-full-content .echo-feature-area-right-site-audio-title>h5,.echo-feature-area .echo-feature-area-right-site-newsletter .echo-feature-area-rigth-site-newsletter-title>h5 {
        font-size: 25px
    }

    .echo-feature-area .echo-feature-area-right-site-full-content .echo-feature-area-right-site-audio-news .echo-feature-area-right-audio-text,.echo-feature-area .echo-feature-area-right-site-full-content .echo-feature-area-right-site-audio-news .echo-feature-area-right-img {
        flex-basis: auto
    }

    .echo-feature-area .echo-feature-area-last-news .echo-feature-area-last-content .echo-feature-area-last-content-text h3 {
        font-size: 25px;
        line-height: 35px
    }

    .echo-feature-area .echo-feature-area-last-news .echo-feature-area-last-content .echo-feature-area-last-content-text .echo-feature-area-last-content-read-view {
        flex-wrap: wrap;
        gap: 5px
    }

    .echo-home-1-hero-area-top-story {
        margin-top: 20px
    }

    .echo-de-category-area {
        padding: 30px 0
    }

    .echo-de-category-area .echo-de-category-title-btn a,.echo-de-category-area .echo-de-category-title-btn h4:after {
        display: none
    }

    .echo-de-category-area .echo-de-category-title-btn {
        padding-bottom: 20px
    }

    .echo-de-category-area .echo-de-category-content .echo-de-category-content-img-title .echo-de-category-content-img {
        flex-basis: 140px
    }

    .echo-de-category-area .echo-de-category-content {
        margin-top: 30px
    }

    .echo-de-category-area .echo-de-category-content.echo-responsive-wd {
        margin-top: 0
    }

    .echo-de-category-area .echo-de-category-content>h5 {
        font-size: 25px
    }

    .echo-trending-area {
        padding: 30px 0
    }

    .echo-trending-area h6:after {
        display: none
    }

    .echo-video-area {
        padding: 30px 0
    }

    .echo-video-area .echo-full-video-content .echo-video-right-site-content .echo-video-right-site-content-video {
        flex-basis: auto!important
    }

    .echo-video-area .echo-full-video-content .echo-video-right-site-content {
        justify-content: space-between
    }

    .echo-video-area .echo-full-video-content .echo-video-right-site-content .echo-video-right-site-content-text {
        flex-basis: auto
    }

    .echo-video-area .echo-full-video-content .echo-video-area-home-1-right-content-responsive {
        margin-top: 30px
    }

    .echo-video-area .echo-full-video-content .echo-video-left-site .echo-video-left-site-text-box {
        max-width: 100%;
        min-height: auto;
        position: relative!important
    }

    .echo-footer-area4 {
        padding: 0 10px
    }

    .hm5-feature-area .hm5-feature-content .hm5-featurea-main-content .hm5-featurea-meta-content .feature-img-content-btn {
        margin-top: 30px
    }
}

@media(max-width: 500px) {
    .echo-404-page .echo-404-area .echo-container .echo-error-content .echo-error h1 {
        font-size:200px!important;
        line-height: 70px!important
    }

    .echo-404-page .echo-404-area .echo-container .echo-error-content .echo-error-sub-heading h3 {
        font-size: 40px!important;
        line-height: 50px!important
    }

    .echo-hero-section.inner {
        padding: 65px 15px
    }

    .echo-banner-innerpage {
        padding: 60px 15px 0
    }

    .echo-hero-section.inner-post-3 .echo-post-style-quote-info-flexing {
        display: block
    }

    .echo-hero-section.inner-post-3 .echo-post-style-quote-info-flexing .echo-quote-area:after {
        display: none
    }

    .echo-hero-section.inner .echo-right-ct-1 .echo-home-1-hero-area-top-story .echo-top-story .echo-story-picture a img {
        height: unset;
        width: unset
    }

    .echo-hero-section.inner .echo-right-ct-1 .echo-home-1-hero-area-top-story .echo-top-story .echo-story-picture {
        color: var(--color-Primary);
        flex-basis: auto
    }

    .echo-breadcrumb-area .breadcrumb-inner .title {
        font-size: 36px;
        line-height: 50px
    }

    .echo-hero-section.inner-post-3 .echo-ps-2-subscribe-box .echo-ps-2-subscribe-all-content .echo-subscribe-input-fill form input {
        width: 100%
    }

    .echo-hero-section.inner-post-3 .echo-ps-2-subscribe-box .echo-ps-2-subscribe-all-content .echo-subscribe-input-fill form .echo-ps-2-subscribe-btn {
        right: 0
    }

    .echo-hero-section.inner-post .echo-more-news-area .echo-top-story .echo-story-text h6 {
        font-size: 18px;
        line-height: 28px
    }

    .post-style-1-frist-hero-img {
        width: 100%
    }

    .echo-hero-section.inner-post .echo-financial-area .content .content-wrapper .wrapper-item {
        font-size: 18px;
        line-height: 28px
    }

    .echo-hero-section.inner-post .echo-financial-area .content .title {
        font-size: 26px;
        line-height: 36px
    }

    .echo-about-area {
        padding: 0 10px
    }

    .echo-about-area .container .echo-about-area-inner .hero-image .image-2 {
        margin: 20px auto auto;
        position: unset
    }

    .echo-about-area .container .echo-about-area-inner .hero-image .image {
        margin: 20px auto 0;
        width: auto
    }

    .echo-about-area .container .echo-about-area-inner .hero-image {
        display: block;
        gap: 30px;
        margin-top: 15px
    }

    .echo-about-area .container .echo-about-area-inner .content-area .title {
        margin-bottom: 15px
    }

    .echo-about-area .container .echo-about-area-inner .content-area .sub-title {
        font-size: 16px;
        line-height: 26px
    }

    .echo-about-area .container .echo-about-area-inner .content-area .desc {
        margin-bottom: 15px
    }

    .echo-about-area {
        padding: 50px 10px
    }

    .echo-about-area .container .echo-about-area-inner .content-area .title {
        font-size: 30px;
        line-height: 40px
    }

    .echo-about-area .container .echo-about-area-inner .content-area .bottom-author-area .content:before {
        display: none
    }

    .echo-about-area .container .echo-about-area-inner .content-area .bottom-author-area .content .author-name {
        font-size: 16px;
        line-height: 26px
    }

    .echo-hm2-video-area .echo-hm2-video-area-content .echo-hm2-video-area-full-content .echo-row .echo-hm2-video-img .echo-hm2-video-icons {
        top: 65px
    }

    .echo-hero-section.inner-3 .echo-ct-style-bg-color .echo-popular-item-category .echo-popular-cat-content .echo-popular-cat-img {
        flex-basis: 25%
    }

    .echo-hero-section.inner-3 .echo-ct-style-bg-color .echo-popular-item-category .echo-popular-cat-content .echo-popular-cat-title {
        flex-basis: 65%
    }

    .echo-hero-section.inner-2 .echo-hero-baner .echo-banner-texting h3 {
        font-size: 25px;
        line-height: 35px
    }

    .echo-hero-section.inner .echo-hero-baner h2 {
        font-size: 22px;
        line-height: 32px
    }

    .echo-social-media-area-hm2 .echo-social-media-area-content .echo-social-media-main-content .echo-hm2-social-item {
        margin: auto;
        width: auto
    }

    .echo-social-media-area-hm2 .echo-social-media-area-content .echo-social-media-main-content .echo-hm2-social-item>img {
        width: 100%
    }

    .echo-archive-area .echo-archive-area-content .echo-archive-area-full-content .echo-archive-area-slider-content .echo-banner-mani-content .echo-banner-text .echo-3-align-icons {
        display: none
    }

    .echo-archive-area .echo-archive-area-content .echo-archive-area-full-content .echo-archive-area-slider-content .echo-archive-main-content.area-2 .echo-banner-mani-content .echo-banner-text .echo-banner-heading h1 {
        font-size: 16px;
        line-height: 26px
    }

    .echo-archive-area .echo-archive-area-content .echo-archive-area-full-content .echo-archive-area-right-site .echo-archive-right-content .echo-archive-right-text .echo-3-align-icons {
        display: none
    }

    .echo-archive-area .echo-archive-area-content .echo-archive-area-full-content .echo-archive-area-right-site .echo-archive-right-content .echo-archive-right-text .echo-archive-right-heading h5 {
        font-size: 18px;
        line-height: 28px
    }

    .echo-archive-right-heading {
        margin-top: 10px
    }

    .echo-fd-post-area .echo-fd-post-content .echo-fd-post-full-content .echo-fd-post-main-content .echo-3-align-icons {
        flex-wrap: wrap;
        gap: 13px
    }

    .echo-fd-post-area .echo-fd-post-content .echo-fd-post-full-content .echo-fd-post-main-content .echo-fd-post-left-title h3 {
        font-size: 30px;
        line-height: 40px
    }

    .echo-fd-post-area .echo-fd-post-content .echo-fd-post-full-content .echo-fd-post-main-content .echo-fd-post-right-area .echo-fd-post-right-content {
        width: 100%
    }

    .echo-fd-post-area .echo-fd-post-content .echo-fd-post-full-content .echo-fd-post-main-content .echo-fd-post-right-area {
        display: block
    }

    .echo-fd-post-area .echo-fd-post-content .echo-fd-post-full-content .echo-fd-post-main-content .echo-fd-post-right-area .echo-fd-post-right-text {
        float: none
    }

    .echo-fd-post-area .echo-fd-post-content .echo-fd-post-full-content .echo-fd-post-main-content .echo-fd-post-right-area .echo-fd-post-right-text .echo-fd-post-right-area-shep {
        margin-top: 15px
    }

    .echo-cl-blocks-area .echo-cl-blocks-content .echo-cl-blocks-full-content .echo-cl-blocks-text .echo-cl-blocks-title h3 {
        font-size: 25px;
        line-height: 35px
    }

    .echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-feature-area-right-site-follower ul li {
        font-size: 13px
    }

    .echo-popular-area .echo-popular-content .echo-popular-full-content .echo-home-2-title h4 {
        font-size: 25px;
        line-height: 35px
    }

    .echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-feature-area-right-site-full-content .echo-feature-area-right-site-audio-news {
        width: 100%
    }

    .echo-feature-area-home-2-responsive {
        display: block
    }

    .echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-feature-area-right-site-full-content .echo-feature-area-right-site-audio-news:first-child {
        padding: 25px 0
    }

    .echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-feature-area-right-site-full-content .echo-feature-area-right-site-audio-news {
        border-bottom: 1px solid rgba(95,95,95,.5)
    }

    .echo-banner .echo-banner-mani-content .echo-banner-text .echo-3-align-icons {
        display: none
    }

    .echo-banner .echo-banner-mani-content .echo-banner-text {
        background-color: #f9f9f9
    }

    .echo-feature-area {
        padding: 30px 15px
    }

    .echo-audio-news-home-1-flexing>hr {
        display: none
    }

    .echo-feature-area .echo-feature-area-last-news .echo-feature-area-last-content {
        display: block
    }

    .echo-feature-area .echo-feature-area-last-news .echo-feature-area-last-content:last-child {
        padding-bottom: 15px
    }

    .echo-feature-area .echo-feature-area-last-news .echo-feature-area-last-content .echo-feature-area-last-content-text h3 {
        font-size: 22px;
        line-height: 32px
    }

    .echo-feature-area .echo-feature-area-option .echo-feature-area-option-content .echo-feature-area-option-content-text {
        flex-basis: 65%
    }

    .echo-feature-area .echo-feature-area-right-site-follower ul li {
        font-size: 13px
    }

    .echo-feature-area .echo-feature-area-right-site-newsletter .echo-feature-area-right-site-news-subscribe form .echo-feature-area-right-site-input-box input[type=email] {
        width: 200px
    }

    .echo-feature-area .echo-feature-area-site-title .echo-feature-area-post-hins h5 {
        margin-bottom: 8px;
        margin-top: 15px
    }

    .echo-feature-area .echo-feature-area-last-news .echo-feature-area-last-content .echo-feature-area-last-content-text {
        margin-top: 15px
    }

    .echo-feature-area .echo-feature-area-last-news .echo-feature-area-last-content .echo-feature-area-last-content-text h3 {
        margin-bottom: 8px
    }

    .echo-feature-area .echo-feature-area-last-news .echo-feature-area-last-content .echo-feature-area-last-content-img>a>img {
        width: 100%
    }

    .echo-feature-area .echo-feature-area-right-site-full-content .echo-feature-area-right-site-audio-news {
        display: flex;
        gap: 10px;
        padding: 30px 0
    }

    .echo-feature-area .echo-feature-area-right-site-full-content .echo-feature-area-right-site-audio-news .echo-feature-area-right-audio-text .echo-feature-area-right-site-audio-main-contetn .audioplayer-time-current {
        font-size: 12px;
        margin-left: 17px
    }

    .echo-feature-area .echo-feature-area-right-site-full-content .echo-feature-area-right-site-audio-news .echo-feature-area-right-audio-text h5 {
        font-size: 14px;
        line-height: 16px;
        margin-bottom: 0
    }

    .echo-de-category-area {
        padding: 30px 15px
    }

    .echo-de-category-area .echo-de-category-title-btn h4:after {
        display: none
    }

    .echo-de-category-area .echo-de-category-content .echo-de-category-content-img-title .echo-de-category-content-title h6 {
        font-size: 16px;
        line-height: 22px
    }

    .echo-de-category-area .echo-de-category-content .echo-de-category-content-img-title .echo-de-category-read a {
        font-size: 13px
    }

    .echo-de-category-area .echo-de-category-content {
        padding: 20px
    }

    .echo-de-category-area .echo-de-category-content .echo-de-category-content-img-title .echo-de-category-content-img {
        flex-basis: 120px
    }

    .echo-de-category-area .echo-de-category-content .echo-de-category-content-img-title .echo-de-category-content-title {
        flex-basis: 60%
    }

    .echo-trending-area .echo-trending-full-content .echo-trending-right-site-post-title h5 {
        margin-bottom: 8px;
        margin-top: 15px
    }

    .echo-trending-area {
        padding: 30px 15px
    }

    .echo-trending-area h6:after {
        display: none
    }

    .echo-trending-area .echo-trending-full-content .echo-trending-right-site-post .echo-trending-right-site-post-title h4 {
        margin: 15px 0 8px
    }

    .echo-trending-area .echo-trending-full-content .echo-trending-right-site-post .echo-trending-right-site-like-comment-share-icons {
        gap: 10px
    }

    .echo-video-area {
        padding: 30px 15px
    }

    .echo-video-area .echo-full-video-content .echo-video-right-site-content {
        display: grid;
        justify-content: inherit;
        margin-top: 15px
    }

    .echo-video-area .echo-full-video-content .echo-video-right-site-content:first-child {
        margin-top: 0
    }

    .echo-video-area .echo-full-video-content .echo-video-right-site-content .echo-video-right-site-content-video>a>img {
        width: 100%
    }

    .echo-video-area .echo-full-video-content .echo-video-right-site-content .echo-video-right-site-content-text {
        order: 2
    }

    .echo-video-area .echo-full-video-content .echo-video-left-site .video-play-button {
        top: 20%
    }

    .echo-video-area .echo-full-video-content .echo-video-right-site-content {
        gap: 15px
    }

    .echo-video-area .echo-full-video-content .echo-video-right-site-content .echo-video-right-site-content-text hr {
        display: none
    }

    .echo-video-area .echo-full-video-content .echo-video-left-site .echo-video-left-site-text-box {
        max-width: 100%;
        min-height: auto;
        position: relative!important
    }

    .echo-video-area .echo-full-video-content .echo-video-left-site .echo-video-left-site-text-box .echo-video-left-site-read-views {
        flex-wrap: wrap
    }

    .echo-video-area .echo-video-content .echo-video-area-title-row h6 {
        text-align: left
    }

    .echo-video-area .echo-video-content .echo-video-area-title-row h6:after,.echo-video-area .echo-video-content .echo-video-area-title-row h6:before {
        display: none
    }

    .echo-video-area .echo-full-video-content .echo-video-left-site .echo-video-left-site-text-box h5 {
        font-size: 25px;
        line-height: 32px
    }

    .echo-footer-area4 {
        padding: 0 10px
    }

    .echo-footer-area4 .footer-main .footer-main-inner .social-area .social-icon a {
        border-radius: 15px;
        font-size: 20px;
        height: 50px;
        line-height: 50px;
        width: 50px
    }

    .echo-popular-news-area.home-four .echo-popular-news-area-content .echo-popular-news-area-full-content .left-side-content .echo-latest-news-main-content {
        margin: 0 0 30px
    }

    .echo-feature-area.home-four .echo-feature-area-full-content .right-side-inner .echo-feature-ad-area img,.echo-popular-news-area.home-four .echo-popular-news-area-content .echo-popular-news-area-full-content .left-side-content .echo-latest-news-main-content .echo-latest-news-img img {
        width: 100%
    }

    .echo-hero-section .echo-hero-baner .echo-hero-area-titlepost-post-like-comment-share {
        gap: 8px
    }

    .echo-hero-section .echo-hero-baner {
        padding: 0
    }

    .echo-hero-section .echo-hero-baner h1>a>br {
        display: none
    }

    .echo-latest-news-area .echo-latest-news-main-content .echo-latest-news-single-title h5 {
        margin: 15px 0 8px
    }

    .echo-latest-news-area {
        padding: 30px 15px
    }

    .echo-feature-area .echo-feature-area-last-news .echo-feature-area-last-content .echo-feature-area-last-content-text h3 {
        margin: 15px 0 8px
    }

    .echo-popular-news-area,.echo-software-download-area {
        padding: 30px 15px
    }
}

@media(max-width: 1172px) {
    .echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown:hover ul.mega-menu {
        width:990px
    }

    .echo-site-main-logo-menu-social ul.echo-desktop-menu li.echo-has-dropdown ul.mega-menu h5 {
        font-size: 18px
    }
}

@media(max-width: 1200px) {
    .echo-hero-section.home-four .echo-full-hero-content .echo-latest-news-main-content .echo-latest-news-img img {
        width:100%
    }

    .echo-hero-section.home-three {
        padding: 210px 10px 120px
    }

    .echo-catagories-area,.echo-feature-area.home-three,.echo-latest-news-area.home-three {
        padding-left: 10px;
        padding-right: 10px
    }

    .echo-team-area .echo-team-area-inner .team-wrapper .content-area .content .title {
        font-size: 24px
    }
}

@media(min-width: 992px)and (max-width:1200px) {
    .echo-hero-section.home-four .echo-full-hero-content .echo-banner-right-area-content ul li {
        padding-bottom:25px
    }

    .echo-hero-section.home-four .echo-full-hero-content .echo-banner-right-area-content ul li .content h5 {
        font-size: 18px;
        line-height: 28px
    }

    .echo-latest-news-area.home-four .echo-latest-news-content .echo-latest-news-full-content .echo-latest-news-single-title h5 {
        font-size: 20px;
        line-height: 30px
    }

    .echo-latest-news-area.home-four .echo-latest-news-content .echo-latest-news-full-content .echo-latest-news-time-views {
        gap: initial
    }

    .echo-feature-area.home-four .echo-feature-area-full-content .right-side-inner .echo-feature-area-right-site-follower ul li {
        padding: 15px 7px;
        width: 46%
    }

    .echo-feature-area.home-four .echo-feature-area-full-content .right-side-inner .echo-feature-area-right-site-follower ul li:first-child,.echo-feature-area.home-four .echo-feature-area-full-content .right-side-inner .echo-feature-area-right-site-follower ul li:nth-child(3),.echo-feature-area.home-four .echo-feature-area-full-content .right-side-inner .echo-feature-area-right-site-follower ul li:nth-child(5) {
        margin-right: 15px
    }

    .echo-popular-news-area.home-four .echo-popular-news-area-content .echo-popular-news-area-full-content .echo-banner-right-area-content .right-side-news ul li .content h5 {
        font-size: 21px;
        line-height: 32px
    }

    .echo-popular-news-area.home-four .echo-popular-news-area-content .title-area .sect-title:after,.echo-popular-news-area.home-four .echo-popular-news-area-content .title-area .sect-title:before {
        width: 16%
    }

    .echo-feature-area.area-2 .echo-feature-area-last-news .echo-feature-area-last-content {
        display: flex
    }

    .echo-feature-area.area-2 {
        padding: 30px 10px
    }

    .echo-feature-area.area-2 .echo-feature-area-content .title-area .sub-title:after {
        width: 55%
    }

    .echo-feature-area.area-2 .echo-feature-area-content .title-area .right-side-title .sect-title:after,.echo-feature-area.area-2 .echo-feature-area-content .title-area .right-side-title .sect-title:before {
        width: 20%
    }

    .echo-feature-area.area-2 .echo-feature-area-content .echo-feature-full-content .echo-feature-area-site-title .echo-feature-area-last-news .echo-feature-area-last-content .echo-feature-area-last-content-text h3 {
        font-size: 36px;
        line-height: 46px
    }

    .echo-feature-area.area-2 .echo-feature-area-content .echo-feature-full-content .echo-feature-right-area .echo-feature-area-last-content .echo-feature-area-last-content-text h3 {
        font-size: 28px;
        line-height: 40px
    }

    .echo-feature-area.area-2 .echo-feature-area-content .echo-feature-full-content .echo-feature-right-area .echo-right-side-small-content .content-inner .content h3 {
        font-size: 16px;
        line-height: 26px
    }

    .echo-latest-news-area.home-four .echo-latest-news-content .echo-latest-news-full-content {
        padding: 0 10px
    }

    .echo-hero-section.home-three .echo-hero-inner .banner-content .contents .content-title1 {
        font-size: 52px;
        line-height: 62px
    }

    .echo-hero-section.home-three .echo-hero-inner .echo-hero-right-side .right-side-inner .content-box ul .wrapper .content .content-title1 {
        font-size: 20px;
        line-height: 30px
    }

    .echo-latest-news-area.home-three .echo-latest-news-content .echo-latest-news-full-content .echo-latest-news-single-title h5 {
        font-size: 22px;
        line-height: 32px
    }

    .echo-latest-news-area.home-three .echo-latest-news-content .echo-latest-news-full-content .echo-latest-news-time-views {
        gap: 10px
    }

    .echo-feature-area.home-three .echo-feature-area-last-news .echo-feature-area-last-content {
        display: flex
    }

    .echo-feature-area.home-three .echo-feature-area-content .echo-feature-full-content .echo-feature-area-right-site-follower {
        padding: 30px 15px
    }

    .echo-feature-area.home-three .echo-feature-area-right-site-follower ul li {
        font-size: 14px
    }

    .echo-feature-area.home-three .echo-feature-area-right-site-follower ul li a {
        gap: 5px
    }

    .echo-feature-area.home-three .echo-feature-area-content .echo-feature-full-content .echo-feature-area-right-site-full-content .content-box ul .wrapper {
        gap: 10px
    }

    .echo-feature-area.home-three .echo-feature-area-content .echo-feature-full-content .echo-feature-area-right-site-full-content .content-box ul .wrapper .image-area {
        flex-basis: 30%
    }

    .echo-feature-area.home-three .echo-feature-area-content .echo-feature-full-content .echo-feature-area-right-site-full-content .content-box ul .wrapper .content .content-title1 {
        font-size: 16px;
        line-height: 26px
    }

    .echo-feature-area.home-three .echo-feature-area-content .echo-feature-full-content .echo-feature-area-right-site-full-content .content-box ul .wrapper .content .content-catagory-tag {
        font-size: 12px
    }

    .echo-feature-area.home-three .echo-feature-area-content .echo-feature-full-content .echo-feature-area-right-site-full-content .content-box ul .wrapper {
        margin-bottom: 10px
    }

    .echo-catagories-area .echo-catagories-area-content .echo-latest-news-img .image-content .title {
        font-size: 20px
    }

    .echo-hero-section.inner-post .echo-more-news-area .echo-top-story .echo-story-text h6 {
        font-size: 17px
    }
}

@media(max-width: 1100px) {
    .echo-team-area .echo-team-area-inner .team-wrapper .content-area ul.social-icon li:first-child {
        left:0;
        top: -5px
    }

    .echo-team-area .echo-team-area-inner .team-wrapper .content-area ul.social-icon li:nth-child(2) {
        left: 43px;
        top: -14px
    }

    .echo-team-area .echo-team-area-inner .team-wrapper .content-area ul.social-icon li:nth-child(3) {
        right: 43px;
        top: -14px
    }

    .echo-team-area .echo-team-area-inner .team-wrapper .content-area ul.social-icon li:nth-child(4) {
        right: 0;
        top: -5px
    }
}

@media(max-width: 991px) {
    .echo-hero-section.home-three {
        padding:185px 10px 120px
    }

    .echo-hero-section.home-three .banner-content {
        margin-bottom: 50px
    }

    .echo-hero-section.home-three .echo-hero-inner .echo-hero-right-side .right-side-inner .content-box ul .wrapper .image-area {
        flex-basis: auto
    }

    .echo-latest-news-area.home-three {
        padding-bottom: 30px
    }

    .echo-latest-news-area.home-three .echo-latest-news-content .echo-latest-news-full-content .echo-latest-news-main-content {
        margin-bottom: 40px
    }

    .echo-feature-area.home-three .echo-feature-area-content .echo-feature-full-content .echo-feature-area-site-title .echo-feature-area-last-news {
        margin-bottom: 50px
    }

    .echo-feature-area .echo-feature-area-last-news .echo-feature-area-last-content .echo-feature-area-last-content-text {
        margin-top: 20px
    }

    .echo-catagories-area .echo-catagories-area-content .echo-latest-news-img:before {
        border-radius: 30px
    }

    .echo-team-area .echo-team-area-inner .team-wrapper {
        margin-bottom: 100px
    }

    .echo-team-area.about {
        padding: 90px 10px 40px
    }

    .echo-hero-section.inner .echo-right-ct-1 .echo-home-1-hero-area-top-story h5 {
        text-align: left!important
    }

    .echo-hero-section.inner-post .echo-financial-area .image-area img {
        width: 100%
    }

    .echo-contact-area .echo-contact-content .echo-contact-full-content .echo-contact-input-field {
        margin-bottom: 40px
    }

    .echo-contact-area .echo-contact-content .echo-contact-full-content .echo-info {
        margin-left: 0
    }

    .echo-contact-area {
        padding: 100px 20px
    }

    .search-input-area .search-input-inner .search-close-icon {
        width: 8%
    }
}

@media(min-width: 768px)and (max-width:991px) {
    .echo-hero-section.home-four {
        padding-left:10px;
        padding-right: 10px
    }

    .echo-hero-section.home-four .echo-full-hero-content .echo-latest-news-main-content {
        margin-bottom: 80px;
        margin-left: 10px;
        margin-right: 10px
    }

    .echo-hero-section.home-four .echo-full-hero-content .echo-banner-right-area-content ul {
        display: flex;
        flex-wrap: wrap
    }

    .echo-hero-section.home-four .echo-full-hero-content .echo-banner-right-area-content ul li {
        width: 50%
    }

    .echo-hero-section.home-four .echo-full-hero-content .echo-banner-right-area-content ul li:last-child {
        border-bottom: 1px solid hsla(0,0%,100%,.31);
        margin-bottom: 10px;
        padding-bottom: 30px
    }

    .echo-latest-news-area.home-four .echo-latest-news-content .title-area .sub-title {
        width: 80%
    }

    .echo-latest-news-area.home-four .echo-latest-news-content .title-area .sub-title:after {
        display: none
    }

    .echo-latest-news-area.home-four .echo-latest-news-content .echo-latest-news-full-content .echo-latest-news-main-content {
        margin-bottom: 50px;
        margin-left: 10px;
        margin-right: 10px
    }

    .echo-hero-section.home-four .echo-full-hero-content .echo-banner-right-area-content {
        margin-left: 10px;
        margin-right: 10px
    }

    .echo-latest-news-area.home-four .echo-latest-news-content .title-area {
        margin-bottom: 40px;
        margin-left: 10px;
        margin-right: 10px
    }

    .echo-latest-news-area.home-four .echo-latest-news-content .echo-latest-news-full-content .echo-latest-news-time-views {
        gap: initial
    }

    .echo-feature-area.home-four .echo-feature-area-full-content .echo-banner-right-area-content {
        margin-bottom: 50px
    }

    .echo-feature-area.home-four .echo-feature-area-full-content .echo-banner-right-area-content ul {
        display: flex;
        flex-wrap: wrap
    }

    .echo-feature-area.home-four .echo-feature-area-full-content .echo-banner-right-area-content ul li {
        width: 50%
    }

    .echo-feature-area.home-four .echo-feature-area-full-content .echo-banner-right-area-content ul li:last-child {
        border-bottom: 1px solid hsla(0,0%,100%,.2);
        margin-bottom: 10px;
        padding-bottom: 25px
    }

    .echo-feature-area.home-four .echo-feature-area-full-content .echo-banner-right-area-content ul li .echo-latest-news-img {
        flex-basis: auto
    }

    .echo-feature-area.home-four {
        padding: 30px 10px
    }

    .echo-feature-area.home-four .echo-feature-area-full-content .echo-latest-news-main-content {
        margin-bottom: 50px;
        margin-left: 0;
        margin-right: 0
    }

    .echo-feature-area.home-four .echo-feature-area-full-content .right-side-inner {
        text-align: center
    }

    .echo-feature-area.home-four .echo-feature-area-full-content .right-side-inner .echo-feature-area-right-site-follower {
        padding: 0 0 50px
    }

    .echo-latest-news-area.home-four {
        padding-bottom: 0
    }

    .echo-feature-area.home-four .title-area .sect-title:after,.echo-feature-area.home-four .title-area .sect-title:before {
        display: none
    }

    .echo-popular-news-area.home-four {
        padding: 30px 10px
    }

    .echo-popular-news-area.home-four .echo-popular-news-area-content .echo-popular-news-area-full-content .left-side-content .echo-latest-news-main-content .echo-latest-news-img img {
        width: 100%
    }

    .echo-popular-news-area.home-four .echo-popular-news-area-content .echo-popular-news-area-full-content .left-side-content {
        margin-bottom: 50px
    }

    .echo-feature-area.area-2 .echo-feature-area-content .title-area .sub-title:after,.echo-popular-news-area.home-four .echo-popular-news-area-content .echo-popular-news-area-full-content .echo-banner-right-area-content .right-side-gallery .title:after,.echo-popular-news-area.home-four .echo-popular-news-area-content .echo-popular-news-area-full-content .echo-banner-right-area-content .right-side-gallery .title:before,.echo-popular-news-area.home-four .echo-popular-news-area-content .title-area .sect-title:after,.echo-popular-news-area.home-four .echo-popular-news-area-content .title-area .sect-title:before {
        display: none
    }

    .echo-popular-news-area.home-four .echo-popular-news-area-content .title-area .sect-title {
        text-align: left
    }

    .echo-popular-news-area.home-four .echo-popular-news-area-content .echo-popular-news-area-full-content .echo-banner-right-area-content .right-side-news ul li .echo-latest-news-img {
        flex-basis: auto
    }

    .echo-popular-news-area.home-four .echo-popular-news-area-content .echo-popular-news-area-full-content .echo-banner-right-area-content .right-side-gallery .title {
        text-align: left
    }

    .echo-popular-news-area.home-four .echo-popular-news-area-content .echo-popular-news-area-full-content .echo-banner-right-area-content .right-side-gallery .gallery-inner .gallery-item {
        width: 23%
    }

    .echo-video-area.home-four .swiper-container .slider-inner .echo-video-bottom-area .content h5 {
        font-size: 42px;
        line-height: 52px;
        margin-bottom: 15px
    }

    .echo-feature-area.area-2 {
        padding: 30px 10px
    }

    .echo-feature-area.area-2 .echo-feature-area-content .echo-feature-full-content .echo-feature-area-site-title .echo-feature-area-last-news {
        margin-bottom: 40px
    }

    .echo-feature-area.area-2 .echo-feature-area-content .title-area .right-side-title .sect-title {
        text-align: left
    }

    .echo-feature-area.area-2 .echo-feature-area-content .title-area .right-side-title .sect-title:after,.echo-feature-area.area-2 .echo-feature-area-content .title-area .right-side-title .sect-title:before {
        display: none
    }

    .echo-feature-area.area-2 .echo-feature-area-content .echo-feature-full-content .echo-feature-right-area .echo-right-side-small-content .content-inner .number {
        flex-basis: 10%
    }

    .echo-software-download-area .echo-software-download-full-content-bg:after,.echo-software-download-area.home-four .echo-software-download-full-content-bg:after {
        opacity: .7
    }

    .echo-software-download-area .echo-software-download-full-content-bg .echo-software-download-full-content .echo-software-download-text-content .echo-software-download-place a {
        padding: 20px 40px
    }

    .echo-latest-news-area.home-four .echo-latest-news-content .echo-latest-news-full-content {
        padding: 0 5px
    }

    .echo-footer-area4 .footer-top .footer-top-inner {
        justify-content: center;
        text-align: center
    }

    .echo-footer-area4 .footer-top .footer-top-inner .footer-top-left {
        margin: 15px 0;
        width: 100%
    }

    .echo-software-download-area .echo-software-download-full-content-bg {
        padding: 80px 50px
    }

    .echo-software-download-area .echo-software-download-full-content-bg .echo-software-download-full-content {
        justify-content: center
    }

    .echo-software-download-area .echo-software-download-full-content-bg .echo-software-download-full-content .echo-software-download-text-content {
        text-align: center
    }

    .echo-feature-area.home-three .echo-feature-area-content .echo-feature-full-content .echo-feature-area-right-site-follower,.echo-feature-area.home-three .echo-feature-area-content .echo-feature-full-content .echo-feature-area-right-site-full-content {
        width: 50%
    }

    .echo-team-area.about .echo-team-area-inner .team-wrapper .content-area ul.social-icon li:first-child {
        left: 10px;
        top: -5px
    }

    .echo-team-area.about .echo-team-area-inner .team-wrapper .content-area ul.social-icon li:nth-child(2) {
        left: 80px;
        top: -14px
    }

    .echo-team-area.about .echo-team-area-inner .team-wrapper .content-area ul.social-icon li:nth-child(3) {
        right: 80px;
        top: -14px
    }

    .echo-team-area.about .echo-team-area-inner .team-wrapper .content-area ul.social-icon li:nth-child(4) {
        right: 10px;
        top: -5px
    }
}

@media(max-width: 767px) {
    .echo-hero-section.home-four {
        padding-left:10px;
        padding-right: 10px
    }

    .echo-hero-section.home-four .echo-full-hero-content .echo-latest-news-main-content {
        margin-bottom: 80px;
        margin-left: 0;
        margin-right: 0
    }

    .echo-hero-section.home-four .echo-full-hero-content .echo-latest-news-main-content .content {
        padding: 15px 25px 30px
    }

    .echo-hero-section.home-four .echo-full-hero-content .echo-latest-news-main-content .echo-latest-news-single-title h5 {
        font-size: 24px;
        line-height: 34px
    }

    .echo-hero-section.home-four .echo-full-hero-content .echo-latest-news-main-content .echo-latest-news-time-views {
        display: flex;
        flex-wrap: wrap
    }

    .echo-hero-section.home-four .echo-full-hero-content .echo-banner-right-area-content ul li {
        padding-bottom: 20px
    }

    .echo-hero-section.home-four .echo-full-hero-content .echo-banner-right-area-content ul li .echo-latest-news-img {
        flex-basis: auto
    }

    .echo-latest-news-area.home-four .echo-latest-news-content .title-area .sub-title {
        width: 50%
    }

    .echo-latest-news-area.home-four .echo-latest-news-content .title-area .sub-title:after {
        display: none
    }

    .echo-latest-news-area.home-four .echo-latest-news-content .echo-latest-news-full-content .echo-latest-news-main-content {
        margin-bottom: 50px;
        margin-left: 0;
        margin-right: 0
    }

    .echo-latest-news-area.home-four .echo-latest-news-content .title-area {
        margin: 0 10px
    }

    .echo-latest-news-area.home-four .echo-latest-news-content .echo-latest-news-full-content .echo-latest-news-time-views {
        gap: initial
    }

    .echo-feature-area.home-four {
        padding: 30px 10px
    }

    .echo-feature-area.home-four .echo-feature-area-full-content .echo-latest-news-main-content {
        margin-bottom: 50px;
        margin-left: 0;
        margin-right: 0
    }

    .echo-feature-area.home-four .echo-feature-area-full-content .echo-banner-right-area-content {
        margin-bottom: 50px
    }

    .echo-feature-area.home-four .echo-feature-area-full-content .echo-banner-right-area-content ul {
        display: flex;
        flex-wrap: wrap
    }

    .echo-feature-area.home-four .echo-feature-area-full-content .echo-banner-right-area-content ul li {
        width: 100%
    }

    .echo-feature-area.home-four .echo-feature-area-full-content .echo-banner-right-area-content ul li .echo-latest-news-img {
        flex-basis: auto
    }

    .echo-feature-area.home-four .echo-feature-area-full-content .echo-latest-news-main-content .echo-latest-news-img {
        margin-left: 0;
        margin-right: 0
    }

    .echo-feature-area.home-four .echo-feature-area-full-content .echo-latest-news-main-content .echo-latest-news-img img {
        width: 100%
    }

    .echo-feature-area.home-four .title-area {
        margin-bottom: 40px
    }

    .echo-feature-area.home-four .echo-feature-area-full-content .right-side-inner {
        text-align: center
    }

    .echo-feature-area.home-four .echo-feature-area-full-content .right-side-inner .echo-feature-area-right-site-follower {
        padding: 0 0 50px
    }

    .echo-feature-area.home-four .title-area .sub-title:after {
        display: none
    }

    .echo-latest-news-area.home-four {
        padding-bottom: 0
    }

    .echo-feature-area.home-four .title-area .sect-title:after,.echo-feature-area.home-four .title-area .sect-title:before,.echo-popular-news-area.home-four .echo-popular-news-area-content .title-area .sub-title:after {
        display: none
    }

    .echo-popular-news-area.home-four .echo-popular-news-area-content .echo-popular-news-area-full-content .left-side-content .echo-latest-news-main-content .echo-latest-news-img img {
        width: 100%
    }

    .echo-popular-news-area.home-four {
        padding: 30px 10px
    }

    .echo-popular-news-area.home-four .echo-popular-news-area-content .echo-popular-news-area-full-content .left-side-content {
        margin-bottom: 50px
    }

    .echo-popular-news-area.home-four .echo-popular-news-area-content .title-area .sect-title:after,.echo-popular-news-area.home-four .echo-popular-news-area-content .title-area .sect-title:before {
        display: none
    }

    .echo-popular-news-area.home-four .echo-popular-news-area-content .title-area .sect-title {
        text-align: left
    }

    .echo-popular-news-area.home-four .echo-popular-news-area-content .echo-popular-news-area-full-content .echo-banner-right-area-content .right-side-news ul li .echo-latest-news-img {
        flex-basis: auto
    }

    .echo-popular-news-area.home-four .echo-popular-news-area-content .echo-popular-news-area-full-content .echo-banner-right-area-content .right-side-gallery .title {
        text-align: left
    }

    .echo-popular-news-area.home-four .echo-popular-news-area-content .echo-popular-news-area-full-content .echo-banner-right-area-content .right-side-gallery .title:after,.echo-popular-news-area.home-four .echo-popular-news-area-content .echo-popular-news-area-full-content .echo-banner-right-area-content .right-side-gallery .title:before {
        display: none
    }

    .echo-popular-news-area.home-four .echo-popular-news-area-content .echo-popular-news-area-full-content .echo-banner-right-area-content .right-side-gallery .gallery-inner .gallery-item {
        width: 23%
    }

    .echo-video-area.home-four .swiper-container .slider-inner .echo-video-bottom-area .content h5 {
        font-size: 30px;
        line-height: 42px;
        margin-bottom: 15px
    }

    .echo-feature-area.area-2 {
        padding: 30px 10px
    }

    .echo-feature-area.area-2 .echo-feature-area-content .title-area .sub-title:after {
        display: none
    }

    .echo-feature-area.area-2 .echo-feature-area-content .title-area .right-side-title .sect-title {
        text-align: left
    }

    .echo-feature-area.area-2 .echo-feature-area-content .title-area .right-side-title .sect-title:after,.echo-feature-area.area-2 .echo-feature-area-content .title-area .right-side-title .sect-title:before {
        display: none
    }

    .echo-feature-area.area-2 .echo-feature-area-content .echo-feature-full-content .echo-feature-area-site-title .echo-feature-area-last-news .echo-feature-area-last-content .echo-feature-area-last-content-text h3 {
        font-size: 30px;
        line-height: 40px
    }

    .echo-feature-area.area-2 .echo-feature-area-content .echo-feature-full-content .echo-feature-area-site-title .echo-feature-area-last-news {
        margin-bottom: 40px
    }

    .echo-software-download-area .echo-software-download-full-content-bg:after,.echo-software-download-area.home-four .echo-software-download-full-content-bg:after {
        opacity: .7
    }

    .echo-software-download-area .echo-software-download-full-content-bg .echo-software-download-full-content .echo-software-download-text-content .echo-software-download-place a {
        padding: 20px 40px
    }

    .echo-software-download-area .echo-software-download-full-content-bg .echo-software-download-full-content {
        justify-content: center
    }

    .echo-software-download-area .echo-software-download-full-content-bg .echo-software-download-full-content .echo-software-download-text-content {
        text-align: center
    }

    .echo-feature-area .echo-feature-area-right-site-follower ul li,.echo-footer-area4 .footer-top .footer-top-inner {
        justify-content: center;
        text-align: center
    }

    .echo-feature-area .echo-feature-area-right-site-follower ul li .footer-top-left,.echo-footer-area4 .footer-top .footer-top-inner .footer-top-left {
        margin: 15px 0;
        width: 100%
    }

    .echo-footer-area4 .footer-main .footer-main-inner .social-area .social-icon {
        margin-bottom: 25px
    }

    .echo-hero-section.home-three .echo-hero-inner .banner-content .contents .content-title1 {
        font-size: 50px;
        line-height: 62px
    }

    .echo-latest-news-area.home-three .echo-latest-news-content .echo-latest-news-full-content .echo-latest-news-main-content {
        margin-left: 0;
        margin-right: 0
    }

    .echo-feature-area.home-three .echo-feature-area-content .echo-feature-full-content .echo-feature-area-right-site-full-content .content-box ul .wrapper .image-area {
        flex-basis: auto
    }

    .echo-team-area .echo-team-area-inner .team-wrapper .content-area ul.social-icon li:nth-child(2) {
        left: 50px;
        top: -14px
    }

    .echo-team-area .echo-team-area-inner .team-wrapper .content-area ul.social-icon li:nth-child(3) {
        right: 50px;
        top: -14px
    }

    .search-input-area .search-input-inner .search-close-icon {
        width: 15%
    }
}

@media only screen and (min-width: 576px)and (max-width:767px) {
    .echo-latest-news-area.home-four .echo-latest-news-content .echo-latest-news-full-content .echo-latest-news-single-title h5 {
        font-size:16px;
        line-height: 26px
    }

    .echo-latest-news-area.home-four .echo-latest-news-content .echo-latest-news-full-content .echo-latest-news-time-views {
        flex-wrap: wrap
    }

    .echo-popular-news-area.home-four .echo-popular-news-area-content .title-area .sect-title:after,.echo-popular-news-area.home-four .echo-popular-news-area-content .title-area .sect-title:before {
        width: 30%
    }

    .echo-software-download-area .echo-software-download-full-content-bg {
        padding: 80px 30px
    }

    .echo-footer-area4 .footer-top .footer-top-inner .footer-top-right {
        width: 100%
    }

    .echo-footer-area4 .footer-top .footer-top-inner .footer-top-right .echo-subscribe-box-button form {
        margin: 0 auto;
        width: 100%
    }

    .echo-team-area.about .echo-team-area-inner .team-wrapper .content-area ul.social-icon li:first-child {
        left: 0;
        top: -5px
    }

    .echo-team-area.about .echo-team-area-inner .team-wrapper .content-area ul.social-icon li:nth-child(2) {
        left: 40px;
        top: -14px
    }

    .echo-team-area.about .echo-team-area-inner .team-wrapper .content-area ul.social-icon li:nth-child(3) {
        right: 40px;
        top: -14px
    }

    .echo-team-area.about .echo-team-area-inner .team-wrapper .content-area ul.social-icon li:nth-child(4) {
        right: 0;
        top: -5px
    }
}

@media(max-width: 576px) {
    .echo-popular-news-area.home-four .echo-popular-news-area-content .echo-popular-news-area-full-content .echo-banner-right-area-content .right-side-gallery .gallery-inner .gallery-item {
        width:48%
    }

    .echo-video-area.home-four .echo-video-area-inner .video-play-button:before {
        height: 120px;
        width: 120px
    }

    .echo-video-area.home-four .echo-video-area-inner .video-play-button:after {
        height: 75px;
        width: 75px
    }

    .echo-video-area.home-four .echo-video-area-inner .video-play-button span {
        border-bottom: 10px solid transparent;
        border-left: 18px solid #fe4358;
        border-top: 10px solid transparent
    }

    .echo-feature-area.area-2 .echo-feature-area-last-news .echo-feature-area-last-content {
        display: block
    }

    .echo-feature-area.area-2 .echo-feature-area-content .echo-feature-full-content .echo-feature-area-site-title .echo-feature-area-last-news .echo-feature-area-last-content .echo-feature-area-last-content-text .content-catagory-tag {
        margin: 30px 0 0
    }

    .echo-software-download-area .echo-software-download-full-content-bg {
        padding: 80px 20px
    }

    .echo-software-download-area .echo-software-download-full-content-bg .echo-software-download-full-content h2 br {
        display: none
    }

    .echo-software-download-area .echo-software-download-full-content-bg .echo-software-download-full-content .echo-software-download-text-content .echo-software-download-place a {
        padding: 15px 30px
    }

    .echo-footer-area4 .footer-top .footer-top-inner .footer-top-right {
        width: 100%
    }

    .echo-footer-area4 .footer-top .footer-top-inner .footer-top-right .echo-subscribe-box-button form {
        margin: 0 auto;
        width: 100%
    }

    .echo-hero-section.home-three {
        padding: 160px 10px 80px
    }

    .echo-hero-section.home-three .echo-hero-inner .banner-content .contents .content-title1 {
        font-size: 40px;
        line-height: 52px
    }

    .echo-hero-section.home-three .echo-hero-inner .banner-content .contents .echo-button-wrapper .rts-btn {
        margin-bottom: 30px
    }

    .echo-catagories-area .echo-catagories-area-content .title-area .swiper-btn {
        display: none
    }

    .echo-catagories-area .echo-catagories-area-content .echo-catagories-inner {
        margin-top: 30px
    }

    .echo-team-area .echo-team-area-inner .team-wrapper {
        margin-right: 0
    }

    .echo-team-area .echo-team-area-inner .team-wrapper .content-area ul.social-icon li:first-child {
        left: 50px;
        top: -10px
    }

    .echo-team-area .echo-team-area-inner .team-wrapper .content-area ul.social-icon li:nth-child(2) {
        left: 120px;
        top: -14px
    }

    .echo-team-area .echo-team-area-inner .team-wrapper .content-area ul.social-icon li:nth-child(3) {
        right: 120px;
        top: -14px
    }

    .echo-team-area .echo-team-area-inner .team-wrapper .content-area ul.social-icon li:nth-child(4) {
        right: 50px;
        top: -10px
    }

    .echo-team-area .echo-team-area-inner .section-title {
        font-size: 32px;
        line-height: 45px
    }
}

@media(max-width: 480px) {
    .echo-hero-section.home-four .echo-full-hero-content .echo-latest-news-main-content .content {
        padding:15px 20px 30px
    }

    .echo-hero-section.home-four .echo-full-hero-content .echo-latest-news-main-content .echo-latest-news-single-title {
        margin-top: 20px
    }

    .echo-hero-section.home-four .echo-full-hero-content .echo-latest-news-main-content .echo-latest-news-single-title h5 {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 15px
    }

    .echo-hero-section.home-four .echo-full-hero-content .echo-banner-right-area-content ul li .content h5 {
        font-size: 16px;
        line-height: 26px
    }

    .echo-latest-news-area.home-four .echo-latest-news-content .title-area .sub-title {
        width: 100%
    }

    .echo-latest-news-area.home-four .echo-latest-news-content .title-area .see-all-btn {
        display: none
    }

    .echo-feature-area.home-four .echo-feature-area-full-content .right-side-inner .echo-feature-area-right-site-follower ul li {
        margin: 15px auto;
        width: 250px
    }

    .echo-feature-area.home-four .echo-feature-area-full-content .right-side-inner .echo-feature-area-right-site-follower ul li:first-child,.echo-feature-area.home-four .echo-feature-area-full-content .right-side-inner .echo-feature-area-right-site-follower ul li:nth-child(3),.echo-feature-area.home-four .echo-feature-area-full-content .right-side-inner .echo-feature-area-right-site-follower ul li:nth-child(5) {
        margin: auto
    }

    .echo-feature-area.home-four .echo-feature-area-full-content .echo-latest-news-main-content .echo-latest-news-single-title h5,.echo-popular-news-area.home-four .echo-popular-news-area-content .echo-popular-news-area-full-content .left-side-content .echo-latest-news-main-content .echo-latest-news-single-title h5 {
        font-size: 20px;
        line-height: 30px
    }

    .echo-video-area.home-four .swiper-container .slider-inner .echo-video-bottom-area .content h5 {
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 10px
    }

    .echo-video-area.home-four .swiper-container .slider-inner .echo-video-bottom-area .content {
        padding: 40px 25px 100px
    }

    .echo-video-area.home-four .swiper-container .slider-inner .echo-video-bottom-area .content .echo-latest-news-time-views {
        font-size: 12px
    }

    .echo-feature-area.area-2 .echo-feature-area-last-news .echo-feature-area-last-content {
        text-align: center
    }

    .echo-feature-area.area-2 .echo-feature-area-content .echo-feature-full-content .echo-feature-area-site-title .echo-feature-area-last-news .echo-feature-area-last-content .echo-feature-area-last-content-img img {
        width: 100%
    }

    .echo-feature-area.area-2 .echo-feature-area-content .echo-feature-full-content .echo-feature-area-site-title .echo-feature-area-last-news .echo-feature-area-last-content .echo-feature-area-last-content-text .content-catagory-tag {
        margin: 30px auto 0
    }

    .echo-software-download-area .echo-software-download-full-content-bg .echo-software-download-full-content .echo-software-download-text-content {
        text-align: center
    }

    .echo-software-download-area .echo-software-download-full-content-bg .echo-software-download-full-content .echo-software-download-text-content .echo-software-download-place {
        flex-wrap: wrap;
        justify-content: center
    }

    .echo-software-download-area .echo-software-download-full-content-bg .echo-software-download-full-content .echo-software-download-text-content .echo-software-download-sub-title p br {
        display: none
    }

    .echo-hero-section.home-three .echo-hero-inner .banner-content .contents .content-title1 {
        font-size: 26px;
        line-height: 40px
    }

    .echo-hero-section.home-three .echo-hero-inner .echo-hero-right-side .right-side-inner .content-box ul .wrapper .content .content-title1 {
        font-size: 16px;
        line-height: 28px
    }

    .echo-feature-area.home-three .echo-feature-area-right-site-follower ul li {
        font-size: 12px
    }

    .echo-feature-area.home-three .echo-feature-area-right-site-follower ul li a {
        gap: 7px
    }

    .echo-catagories-area .echo-catagories-area-content .title-area .section-title {
        font-size: 20px;
        line-height: 32px
    }

    .echo-team-area .echo-team-area-inner .team-wrapper .content-area ul.social-icon li:first-child {
        left: 0;
        top: -5px
    }

    .echo-team-area .echo-team-area-inner .team-wrapper .content-area ul.social-icon li:nth-child(2) {
        left: 60px;
        top: -14px
    }

    .echo-team-area .echo-team-area-inner .team-wrapper .content-area ul.social-icon li:nth-child(3) {
        right: 60px;
        top: -14px
    }

    .echo-team-area .echo-team-area-inner .team-wrapper .content-area ul.social-icon li:nth-child(4) {
        right: 0;
        top: -5px
    }

    .search-input-area .search-input-inner .search-close-icon {
        width: 20%
    }
}

@media(max-width: 400px) {
    .echo-hero-section.home-three .echo-hero-inner .echo-hero-right-side .right-side-inner .content-box ul .wrapper {
        display:block
    }

    .echo-hero-section.home-three .echo-hero-inner .echo-hero-right-side .right-side-inner .content-box ul .wrapper .content .content-title1 {
        font-size: 18px;
        line-height: 28px
    }

    .echo-hero-section.home-three .echo-hero-inner .echo-hero-right-side .right-side-inner .content-box ul .wrapper .content {
        margin-top: 20px
    }

    .echo-latest-news-area.home-three .echo-latest-news-content .echo-latest-news-full-content .echo-latest-news-single-title h5 {
        font-size: 22px;
        line-height: 32px
    }

    .echo-feature-area.home-three .echo-feature-area-content .echo-feature-full-content .echo-feature-area-site-title .echo-feature-area-last-news {
        margin-bottom: 30px
    }

    .echo-feature-area.home-three .echo-feature-area-content .echo-feature-full-content .echo-feature-area-right-site-follower {
        padding: 30px 22px
    }

    .echo-latest-news-area.home-three .echo-latest-news-main-content .echo-latest-news-time-views {
        gap: 3px
    }

    .echo-feature-area.home-three .echo-feature-area-content .echo-feature-full-content .echo-feature-area-right-site-full-content .content-box ul .wrapper {
        gap: 10px
    }

    .echo-feature-area.home-three .echo-feature-area-content .echo-feature-full-content .echo-feature-area-right-site-full-content .content-box ul .wrapper .content .content-catagory-tag {
        font-size: 12px
    }

    .echo-feature-area.home-three .echo-feature-area-content .echo-feature-full-content .echo-feature-area-right-site-full-content .content-box ul .wrapper .content .content-title1 {
        font-size: 16px;
        line-height: 26px
    }

    .echo-feature-area.home-three .echo-feature-area-content .echo-feature-full-content .echo-feature-area-right-site-full-content {
        padding: 30px 16px
    }
}

.echo-404-page {
    height: 100vh
}

.echo-404-page .echo-404-area {
    position: relative;
    text-align: center;
    top: 50%;
    transform: translateY(-50%)
}

.echo-404-page .echo-404-area .echo-container .echo-error-content .echo-error h1 {
    color: #5e5e5e;
    font-size: 256px;
    font-weight: 700;
    line-height: 90px
}

.echo-404-page .echo-404-area .echo-container .echo-error-content .echo-error-sub-heading {
    margin-top: 125px
}

.echo-404-page .echo-404-area .echo-container .echo-error-content .echo-error-sub-heading h3 {
    font-size: 50px;
    line-height: 60px;
    text-transform: capitalize
}

.echo-404-page .echo-404-area .echo-container .echo-error-content .echo-error-pera {
    margin-bottom: 30px
}

.echo-404-page .echo-404-area .echo-container .echo-error-content .echo-error-pera p {
    font-size: 16px;
    line-height: 24px
}

.echo-404-page .echo-404-area .echo-container .echo-error-content .error-btn {
    margin-top: 50px
}

.echo-404-page .echo-404-area .echo-container .echo-error-content .error-btn a {
    background-color: var(--color-primary);
    border: 1px solid transparent;
    color: #fff;
    font-size: 14px;
    padding: 12px 16px;
    transition: all .3s
}

.echo-404-page .echo-404-area .echo-container .echo-error-content .error-btn a:hover {
    background-color: transparent;
    border: 1px solid #5e5e5e;
    color: #5e5e5e
}

body[dir=rtl] .echo-home-1-hero-area-top-story h6:after {
    left: 0;
    right: unset
}

body[dir=rtl] .echo-home-1-menu .echo-desktop-menu .echo-has-dropdown a.echo-dropdown-main-element:after {
    left: 0;
    right: unset!important
}

body[dir=rtl] .echo-home-1-menu .echo-desktop-menu .echo-has-dropdown .echo-submenu {
    left: unset!important;
    right: 0
}

body[dir=rtl] .echo-home-1-menu .echo-desktop-menu .echo-has-dropdown .echo-submenu li.menu-item a {
    text-align: start
}

body[dir=rtl] .echo-home-1-menu .echo-desktop-menu .echo-has-dropdown .echo-submenu li.menu-item:before {
    left: unset!important;
    right: 0
}

body[dir=rtl] .echo-home-1-menu .echo-desktop-menu .echo-has-dropdown .echo-submenu li.menu-item:hover a {
    transform: translateX(-8px)
}

body[dir=rtl] .echo-de-category-title-btn h4:after {
    left: unset;
    right: 110%
}

body[dir=rtl] .echo-feature-area-site-title h4:after {
    left: 0;
    right: unset
}

body[dir=rtl] .echo-de-category-area-content .echo-de-category-show-more-btn a:after {
    content: unset
}

body[dir=rtl] .echo-de-category-area-content .echo-de-category-show-more-btn a:before {
    content: "";
    font-family: Font Awesome\ 6 Pro!important;
    margin-right: 10px
}

body[dir=rtl] .fa-arrow-right:before {
    content: ""
}

body[dir=rtl] .play-video.popup-youtube span {
    left: -25%!important;
    transform: translate(-50%,-50%) rotate(-180deg)!important
}

body[dir=rtl] .echo-software-download-area .echo-software-download-full-content-bg .echo-software-download-img-content {
    left: 50px;
    right: unset
}

body[dir=rtl] .echo-ps-2-subscribe-box .newsletter-icon-without-captcha {
    left: unset;
    right: 13%
}

body[dir=rtl] .echo-ps-2-subscribe-box .echo-subscribe-input-fill input {
    padding: 0 40px 0 0!important;
    text-align: right!important
}

body[dir=rtl] .echo-hero-section.inner-post .echo-quote-area .author {
    padding-left: unset;
    padding-right: 25px
}

body[dir=rtl] .echo-hero-section.inner-post .echo-quote-area .author:before {
    left: unset;
    right: 0
}

body[dir=rtl] .echo-hero-section.inner-post .echo-financial-area .wrapper-item {
    padding-left: unset!important;
    padding-right: 30px!important
}

body[dir=rtl] .echo-hero-section.inner-post .echo-financial-area .wrapper-item:before {
    left: unset;
    right: 0
}

body[dir=rtl] .echo-latest-news-content .echo-be-slider-btn .echo-latest-nw-title h4 {
    text-align: unset
}

body[dir=rtl] .echo-latest-news-content .echo-be-slider-btn .echo-latest-nw-title h4:after {
    left: unset;
    right: 20%
}

body[dir=rtl] .echo-trending-area .echo-trending-content h6 {
    text-align: unset
}

body[dir=rtl] .echo-trending-area .echo-trending-content h6:after {
    left: 0;
    right: unset
}

body[dir=rtl] .echo-contact-full-content .echo-info .echo-address {
    margin-left: unset;
    margin-right: 60px
}

body[dir=rtl] .echo-contact-full-content .echo-info .echo-address i {
    left: unset;
    right: -65px
}

body[dir=rtl] .echo-contact-full-content .cons-contact-form .echo-df-input:before {
    left: unset!important;
    right: 15px
}

body[dir=rtl] .echo-contact-full-content .cons-contact-form .echo-df-input input {
    text-align: right
}

body[dir=rtl] .echo-contact-full-content .cons-contact-form .echo-contact-texting-fild:before {
    left: unset!important;
    right: 12px
}

body[dir=rtl] .echo-contact-full-content .cons-contact-form .echo-contact-texting-fild textarea {
    padding: 10px 40px 10px 0!important
}

body[dir=rtl] .echo-contact-full-content .cons-contact-form .echo-contact-btn i {
    margin-left: unset!important;
    margin-right: 10px
}

body[dir=rtl] .action-play-audio .vedio-icone a.video-play-button i {
    transform: translateY(-50%) translateX(-50%) rotate(180deg)
}

body[dir=rtl] .header-action+.echo-header-top-menu-bar-wrapper .echo-header-top-menu-bar {
    margin-left: unset;
    margin-right: 25px
}

body[dir=rtl] .header-action+.echo-header-top-menu-bar-wrapper .echo-header-top-menu-bar:before {
    left: 40px
}

body[dir=rtl] .echo-header-top-menu-bar svg {
    transform: rotate(180deg)
}

body[dir=rtl] .echo-feature-area-right-site-follower ul {
    padding: 0!important
}

body[dir=rtl] .echo-feature-area-right-site-follower ul li:nth-child(2n) {
    padding-left: unset!important;
    padding-right: 15px
}

body[dir=rtl] .echo-feature-area-right-site-follower ul li:nth-child(odd) {
    border-left: 1px solid rgba(94,94,94,.5);
    border-right: unset!important
}

body[dir=rtl] .echo-hero-section.inner-post-3 .echo-post-style-quote-info-flexing .echo-quote-area:after {
    left: -10px;
    right: unset!important
}

body[dir=rtl] .echo-financial-area .details-tag h6 {
    margin-left: 5px;
    margin-right: unset!important
}

body[dir=rtl] .echo-more-news-area .inner .echo-top-story .echo-story-text em a {
    align-items: center;
    display: flex;
    flex-direction: row-reverse;
    gap: 10px;
    justify-content: flex-end
}

body[dir=rtl] .echo-more-news-area .inner .echo-top-story .echo-story-text em a i.fa-arrow-right {
    transform: rotate(180deg)
}

body[dir=rtl] .echo-more-news-area .inner .echo-top-story .echo-story-text em a i.fa-arrow-left {
    margin-right: 0!important
}

body[dir=rtl] .echo-site-main-logo-menu-social .lang-switcher li {
    padding: 6px 20px 6px 0
}

body[dir=rtl] .echo-feature-area-right-site-audio-main-contetn .wrappers .audioplayer {
    position: relative
}

body[dir=rtl] .echo-feature-area-right-site-audio-main-contetn .wrappers .audioplayer .audioplayer-bar {
    margin: -52px 40px 52px 0!important
}

body[dir=rtl] .echo-feature-area-right-site-audio-main-contetn .wrappers .audioplayer .audioplayer-bar .audioplayer-bar-loaded,body[dir=rtl] .echo-feature-area-right-site-audio-main-contetn .wrappers .audioplayer .audioplayer-bar .audioplayer-bar-played {
    left: 0!important;
    top: 0!important
}

body[dir=rtl] .echo-feature-area-right-site-audio-main-contetn .wrappers .audioplayer .audioplayer-bar .audioplayer-bar-played {
    width: 0
}

body[dir=rtl] .echo-feature-area-right-site-audio-main-contetn .wrappers .audioplayer .audioplayer-playpause a {
    left: -25px;
    margin-left: unset!important;
    position: absolute
}

body[dir=rtl] .echo-feature-area-right-site-audio-main-contetn .wrappers .audioplayer .audioplayer-volume .audioplayer-volume-button a {
    right: 20px!important;
    top: -67px!important
}

body[dir=rtl] .echo-feature-area-right-site-audio-main-contetn .wrappers .audioplayer .audioplayer-volume .audioplayer-volume-button a:before {
    left: 0
}

body[dir=rtl] .title-align-start:after {
    left: 0;
    right: unset!important
}

body[dir=rtl] .title-align-start:before {
    content: unset
}

body[dir=rtl] .title-align-end:after {
    left: unset;
    right: 0
}

body[dir=rtl] .title-align-end:before {
    content: unset
}

body[dir=rtl] .home-four.echo-latest-news-area .title-area .title-align-start:after {
    left: 30px;
    right: unset
}

body[dir=rtl] .home-four.echo-latest-news-area .title-area .title-align-center:before {
    left: 30px
}

body[dir=rtl] .home-four.echo-video-area .swiper-btn .swiper-button-next,body[dir=rtl] .home-four.echo-video-area .swiper-btn .swiper-button-prev {
    transform: rotate(180deg)
}

body[dir=rtl] .echo-header-area.header-four .echo-header-top-subscribe-btn {
    margin-inline-end:10px!important}

body[dir=rtl].home-one .echo-header-top-subscribe-btn .echo-py-btn {
    padding: 15px 30px 15px 20px!important
}

body[dir=rtl] .echo-banner-mani-content .echo-banner-text .echo-banner-slider-button {
    left: 40px;
    right: unset
}

body[dir=rtl] .echo-banner-mani-content .echo-banner-text .echo-banner-slider-button .swiper-button-next {
    left: -10px
}

body[dir=rtl] .home-2-read-more-btn a:after {
    margin-left: unset;
    margin-inline-start:10px;transform: rotate(180deg)
}

body[dir=rtl] .echo-hero-section.home-three .echo-hm2-video-icons {
    margin-inline-start:40px!important}

body[dir=rtl] .home-three .echo-catagories-area .echo-catagories-area-content .swiper-btn {
    left: 0;
    right: unset!important
}

body[dir=rtl] .home-three .echo-catagories-area .echo-catagories-area-content .swiper-btn .swiper-button-prev {
    left: 50px!important;
    right: auto!important
}

body[dir=rtl] .home-three .echo-catagories-area .echo-catagories-area-content .swiper-btn .swiper-button-next {
    left: 0!important;
    right: auto!important
}

body[dir=rtl] .auth-card form .btn-auth-submit svg,body[dir=rtl] .home-three .echo-catagories-area .echo-catagories-area-content .swiper-btn .swiper-button-next i {
    transform: rotate(180deg)
}

body[dir=rtl] .auth-card form .text-end {
    text-align: left!important
}

body[dir=rtl] .auth-card form div.position-relative .auth-input-icon {
    left: auto;
    right: 1px
}

body[dir=rtl] .auth-card form .form-control {
    padding: 6px 48px 6px 0!important
}

body[dir=rtl] .auth-card form input[type=email] {
    direction: unset!important
}

body[dir=rtl] .hero-home-five .hero-hm5-sub-title p {
    padding-left: unset!important;
    padding-right: 56px!important
}

body[dir=rtl] .hero-home-five .hero-hm5-sub-title p:before {
    left: unset;
    right: 0
}

body[dir=rtl] .hm5-btn-1 svg,body[dir=rtl] .hm5-btn-2 svg {
    transform: rotate(180deg)
}

body[dir=rtl] .hm5-feature-title .hm-5-main-title h2.title-align-start:after {
    left: 0!important
}

body[dir=rtl].home-six .echo-site-main-logo-menu-social .header-inner .home-2-card-etc {
    border-left: unset!important;
    border-right: 1px solid #6d6d6d
}

body[dir=rtl].home-six .hm6-btn-1 svg {
    margin-top: -4px;
    transform: rotate(180deg)
}

body[dir=rtl].home-six .read-more-btn svg {
    transform: rotate(180deg)
}

body[dir=rtl].home-six .echo-story-text h6 {
    padding-right: unset!important
}

body[dir=rtl].home-six .echo-hero-baner .content {
    text-align: right!important
}

body[dir=rtl] .mobile-menu nav ul li a.main:after {
    left: 0;
    right: unset
}

body[dir=rtl] .echo-about-area .echo-about-area-inner .hero-image .image-2 {
    left: -230px!important;
    right: unset!important
}

body[dir=rtl].home-seven .echo-business-area .hm-5-title-btn .swiper-btn-area {
    left: 0;
    right: unset
}

body[dir=rtl].home-seven .echo-business-area .hm-5-title-btn .swiper-btn-area .swiper-button-prev i {
    transform: rotate(180deg)
}

body[dir=rtl].home-seven .echo-business-area.area3 .section-inner .echo-hero-baner .content .echo-hero-title {
    text-align: right
}

body[dir=rtl] .header-seven .echo-home-1-menu .menu-item.echo-has-dropdown:nth-child(2),body[dir=rtl] .header-two .echo-home-1-menu .menu-item.echo-has-dropdown:nth-child(2) {
    margin-inline-start:18px}

body[dir=rtl] .header-seven .echo-header-top-home-2 .home-2-social .rts-darkmode:after,body[dir=rtl] .header-two .echo-header-top-home-2 .home-2-social .rts-darkmode:after {
    left: -25px!important;
    right: unset!important
}

body[dir=rtl] .echo-hero-baner.small .content .author,body[dir=rtl] .echo-hero-baner.small .content .echo-hero-title {
    text-align: start!important
}

body[dir=rtl] .home-eight.echo-video-area .echo-video-bottom-area .swiper-btn,body[dir=rtl] .home-eight.echo-video-area .echo-video-bottom-area .swiper-pagination {
    left: 50px!important;
    right: unset!important
}

body[dir=rtl] .home-eight .echo-feature-area-right-site-follower ul li {
    padding: 18px 20px!important
}

body[dir=rtl] .home-eight .hm7-btn-1 {
    padding: 15px 35px 13px 55px!important
}

body[dir=rtl] .home-eight .hm7-btn-1 i {
    left: 25px!important;
    right: unset!important
}

body[dir=rtl].home-ten .echo-photography-area .echo-hero-baner .content {
    left: unset!important;
    right: 50px
}

body[dir=rtl] .echo-popup-model .echo-popup-transition a {
    left: unset!important;
    right: 100%!important
}

body[dir=rtl] .scroll-top-btn {
    left: 40px!important;
    right: unset!important
}

body[dir=rtl] .side-bar {
    left: -100%!important;
    right: unset!important
}

body[dir=rtl] .side-bar.show {
    left: 0!important;
    right: unset!important
}

body {
    --text-body: var(--text-color);
    --color-body: var(--text-color);
    --color-gray: var(--text-color);
    --color-heading-1: var(--color-heading);
    font-family: var(--primary-font)
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    color: var(--color-heading)
}

.echo-footer-area-subscribe-button button {
    background-color: var(--color-primary);
    border: 1px solid transparent;
    color: hsla(0,0%,100%,.8);
    font-family: var(--font-heading);
    font-size: 16px;
    padding: 12px 18px;
    position: relative;
    text-align: center;
    width: auto
}

.echo-header-top-subscribe-btn-wrapper {
    min-width: 180px
}

@media(max-width: 1155px) {
    .echo-header-top-menu-bar-wrapper {
        display:none
    }
}

.show-admin-bar .echo-header-area.header-sticky {
    margin-top: 40px
}

.show-admin-bar .echo-header-area.header-sticky .echo-header-top-menu-bar.menu-btn:before {
    content: unset
}

.truncate-custom {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.truncate-1-custom {
    -webkit-line-clamp: 1
}

.truncate-2-custom {
    -webkit-line-clamp: 2
}

.truncate-3-custom {
    -webkit-line-clamp: 3
}

.echo-hero-section.inner-post .post-style-1-frist-hero-img {
    aspect-ratio: 152/79;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.echo-hero-section.inner-post .wrapper-item {
    padding-left: 30px!important
}

.echo-about-area .hero-image .image {
    margin: unset
}

.echo-about-area .hero-image .image img {
    aspect-ratio: 190/269;
    -o-object-fit: cover;
    object-fit: cover
}

.echo-about-area .echo-about-area-inner .bottom-author-area .content {
    flex-shrink: 0
}

.echo-about-area .content-area .desc,.echo-about-area .content-area .sub-title {
    color: var(--text-body)!important
}

.echo-video-area-inner .about-us-play-icon {
    display: block;
    font-size: 36px;
    left: 50%;
    position: relative;
    top: 56%;
    transform: translate(-50%,-50%);
    z-index: 3
}

.echo-contact-area .echo-address:before {
    content: unset!important
}

.echo-contact-area .echo-address .echo-address-icon {
    aspect-ratio: 1;
    background: #fff;
    border: 1px solid transparent;
    border-radius: 50%;
    color: var(--color-primary);
    height: 50px;
    left: -65px;
    line-height: 50px;
    overflow: hidden;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    width: 50px
}

.echo-contact-area .echo-address .echo-address-icon img {
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.echo-contact-area .echo-address:nth-child(3) {
    margin-bottom: 25px!important
}

.echo-contact-area .echo-address:last-child {
    margin-bottom: 0!important
}

.post-style-1-new-img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.echo-author-area .author-avatar {
    height: 150px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 150px
}

.echo-ab-pr-img .author-avatar {
    border-radius: 50%;
    height: 100px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100px
}

.echo-story-picture .related-img {
    aspect-ratio: 1/1;
    width: 90px
}

.echo-story-picture .related-img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.img-popular-post-widget {
    aspect-ratio: 29/27;
    -o-object-fit: cover;
    object-fit: cover
}

.echo-banner-innerpage .banner-image.top img {
    aspect-ratio: 1155/494;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.echo-banner-innerpage .banner-image.side-image img {
    aspect-ratio: 19/15;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.echo-post-style-3-hero-banner {
    aspect-ratio: 190/111;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.echo-author-picture {
    flex-shrink: 0;
    height: 170px;
    width: 170px
}

.echo-author-picture img {
    border-radius: 50%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.echo-top-story .echo-story-picture .orderly-post {
    position: relative
}

.echo-top-story .echo-story-picture .orderly-post img {
    filter: grayscale(50%) brightness(92%) saturate(147%) contrast(119%) invert(7%)!important;
    -webkit-filter: grayscale(50%) brightness(92%) saturate(147%) contrast(119%) invert(7%)!important;
    -moz-filter: grayscale(50%) brightness(92%) saturate(147%) contrast(119%) invert(7%)!important
}

.echo-top-story .echo-story-picture .orderly-post-icon-video,.echo-top-story .echo-story-picture .orderly-post-icon-volume {
    background-color: #fff;
    border-radius: 50%;
    display: unset;
    font-size: 24px;
    left: 50%;
    padding: 20px 22px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: unset!important
}

.echo-top-story .echo-story-picture .orderly-post-icon-video i,.echo-top-story .echo-story-picture .orderly-post-icon-volume i {
    margin-inline-start:4px}

.echo-top-story .echo-story-picture .orderly-post-icon-volume {
    padding: 20px 18px
}

.echo-top-story .echo-story-picture:after,.echo-top-story .echo-story-picture:before {
    content: unset!important
}

.echo-top-story .scored-card-image {
    aspect-ratio: 305/167;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.image-circle {
    border-radius: 50%
}

.audioplayer .audioplayer-playpause {
    align-items: center;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 30px;
    justify-content: center;
    transition: all .2s ease-in-out;
    width: 48px
}

.audioplayer .audioplayer-time-current {
    font-size: 15px;
    margin-inline-start:14px;margin-bottom: 6px;
    margin-top: 4px
}

.audioplayer {
    display: block;
    height: 67px;
    margin: -3em -14px;
    width: 70%
}

.audioplayer:not(.audioplayer-playing) .audioplayer-playpause a {
    border: 7px solid transparent;
    border-left: 12px solid #5e5e5e;
    border-right: none;
    content: "";
    height: 0;
    justify-content: center;
    margin-inline-start:2px;width: 0
}

.audioplayer:not(.audioplayer-playing) .audioplayer-bar-played:after {
    border: 2px solid #bec8d2
}

.audioplayer:not(.audioplayer-mute) .audioplayer-volume-button a:after {
    border: 6px double #9a9fb0;
    border-radius: 0 12px 0 0;
    border-width: 6px 6px 0 0;
    height: 12px;
    left: 10px;
    top: -1px;
    transform: rotate(45deg);
    width: 12px
}

.audioplayer-playpause {
    align-items: center;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 30px;
    justify-content: center;
    transition: all .2s ease-in-out;
    width: 48px
}

.audioplayer-playing .audioplayer-playpause {
    background: rgba(253,79,26,0)
}

.audioplayer-playing .audioplayer-playpause a {
    content: "";
    display: flex;
    height: 14px;
    justify-content: space-between;
    width: 12px
}

.audioplayer-playing .audioplayer-playpause a:after,.audioplayer-playing .audioplayer-playpause a:before {
    background-color: var(--color-primary);
    content: "";
    height: 14px;
    width: 4px
}

.audioplayer-playing .audioplayer-bar-played:after {
    border: 2px solid #0059ff
}

.audioplayer-time {
    color: rgba(51,51,51,.6);
    display: flex;
    font-size: 12px;
    justify-content: center;
    width: 40px
}

.audioplayer-time-current {
    font-size: 15px;
    margin-inline-start:14px;margin-bottom: 6px;
    margin-top: 4px
}

.audioplayer-time-duration {
    display: none;
    margin-inline-end:24px}

.audioplayer-bar {
    cursor: pointer;
    display: flex;
    flex-basis: 0;
    flex-grow: 1;
    height: 12px;
    margin: 0 12px;
    position: relative
}

.audioplayer-bar:before {
    background-color: #dde2e6;
    content: "";
    display: none;
    height: 2px;
    position: absolute;
    top: 5px;
    width: 100%
}

.audioplayer-bar>div {
    left: 35px;
    position: absolute;
    top: -50px
}

.audioplayer-bar-loaded {
    background: #bec8d2;
    height: 2px;
    z-index: 1
}

.audioplayer-bar-played {
    background: -webkit-linear-gradient(left,#0059ff,#09b1fa);
    flex-direction: row-reverse;
    height: 2px;
    z-index: 2
}

.audioplayer-bar-played:after {
    background-color: #fff;
    border-radius: 6px;
    box-sizing: border-box;
    content: "";
    display: flex;
    height: 12px;
    margin-inline-end:-5px;position: absolute;
    right: -1px;
    top: -5px;
    width: 12px
}

.audioplayer-volume-button {
    position: relative
}

.audioplayer-volume-button a {
    background-color: #5e5e5e;
    height: 8px;
    position: absolute;
    right: -38px;
    top: -66px;
    width: 6px
}

.audioplayer-volume-button a:before {
    border: 8px solid transparent;
    border-left: none;
    border-right: 9px solid #5e5e5e;
    content: "";
    height: 0;
    position: absolute;
    top: -4px;
    width: 0
}

.audioplayer-volume-button a:after {
    content: "";
    position: absolute
}

.audioplayer-mute .audioplayer-volume-button a {
    background-color: var(--color-primary)
}

.audioplayer-mute .audioplayer-volume-button a:before {
    border-right: 9px solid
}

.audioplayer-volume-adjust {
    align-items: center;
    display: flex;
    margin-inline-start:8px}

.audioplayer-volume-adjust>div {
    background-color: #bec8d2;
    cursor: pointer;
    display: none;
    height: 2px;
    position: relative;
    width: 60px
}

.audioplayer-volume-adjust div div {
    background-color: #0059ff;
    height: 2px;
    left: 0;
    position: absolute;
    top: 0
}

@media screen and (max-width: 679px) {
    .audioplayer-volume-adjust {
        display:none
    }
}

.echo-top-story .echo-feature-area-right-site-audio-main-contetn .wrappers {
    margin-bottom: 70px
}

.widget-blog-post-category .echo-story-text h6:after {
    content: unset
}

.widget-blog-post-category .echo-feature-area-right-audio-text {
    margin-bottom: 20px
}

.widget-blog-post-category .echo-audio-news-home-1-flexing .echo-top-story .echo-feature-area-right-site-audio-main-contetn .wrappers {
    padding-top: 10px
}

.button-loading {
    border: 1px solid var(--primary-color);
    color: transparent!important;
    cursor: default;
    position: relative;
    text-shadow: none;
    transition: border-color .2s ease-out
}

@keyframes button-loading-spinner {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.button-loading:before {
    animation: button-loading-spinner 1s linear infinite;
    border: 3px solid;
    border-color: var(--primary-color) transparent;
    border-radius: 50%;
    content: "";
    height: 18px;
    left: 50%;
    margin-inline-start:-9px;margin-top: -9px;
    position: absolute;
    top: 50%;
    width: 18px
}

.contact-form .button-loading:before {
    border-color: var(--primary-color) transparent!important
}

.echo-griding-ct-style-3 {
    gap: unset!important
}

.echo-hm2-video-icons.action-play-audio .vedio-icone .video-play-button i {
    font-size: 20px;
    left: 40px;
    position: absolute;
    top: 40px;
    transform: translateY(-50%) translateX(-50%);
    z-index: 10
}

.home-eight .echo-footer-area,.home-nine .echo-footer-area,.home-two .echo-footer-area,body.home-one .echo-footer-area {
    background-color: var(--footer-background-color)!important
}

.home-eight .echo-footer-area .echo-get-in-tuch h3,.home-nine .echo-footer-area .echo-get-in-tuch h3,.home-two .echo-footer-area .echo-get-in-tuch h3,body.home-one .echo-footer-area .echo-get-in-tuch h3 {
    color: var(--footer-heading-color)
}

.home-eight .echo-footer-area .echo-footer-address .text-capitalize,.home-nine .echo-footer-area .echo-footer-address .text-capitalize,.home-two .echo-footer-area .echo-footer-address .text-capitalize,body.home-one .echo-footer-area .echo-footer-address .text-capitalize {
    color: var(--footer-text-color)!important
}

.home-eight .echo-footer-area .echo-footer-address .text-capitalize a,.home-nine .echo-footer-area .echo-footer-address .text-capitalize a,.home-two .echo-footer-area .echo-footer-address .text-capitalize a,body.home-one .echo-footer-area .echo-footer-address .text-capitalize a {
    color: inherit!important
}

.home-eight .echo-footer-area p,.home-eight .echo-footer-area ul li a,.home-nine .echo-footer-area p,.home-nine .echo-footer-area ul li a,.home-two .echo-footer-area p,.home-two .echo-footer-area ul li a,body.home-one .echo-footer-area p,body.home-one .echo-footer-area ul li a {
    color: var(--footer-text-color)!important
}

.home-eight .echo-footer-area .echo-footer-social-media a,.home-nine .echo-footer-area .echo-footer-social-media a,.home-two .echo-footer-area .echo-footer-social-media a,body.home-one .echo-footer-area .echo-footer-social-media a {
    border-color: var(--footer-text-color)!important;
    color: var(--footer-text-color)!important
}

.home-eight .echo-footer-area .echo-footer-social-media a:hover,.home-nine .echo-footer-area .echo-footer-social-media a:hover,.home-two .echo-footer-area .echo-footer-social-media a:hover,body.home-one .echo-footer-area .echo-footer-social-media a:hover {
    background-color: var(--primary-color)!important
}

.home-eight .echo-footer-area .echo-footer-copyright-area .copyright-area-inner .copyright-content .title,.home-nine .echo-footer-area .echo-footer-copyright-area .copyright-area-inner .copyright-content .title,.home-two .echo-footer-area .echo-footer-copyright-area .copyright-area-inner .copyright-content .title,body.home-one .echo-footer-area .echo-footer-copyright-area .copyright-area-inner .copyright-content .title {
    color: var(--footer-text-color)!important
}

.home-eight .echo-footer-area a:hover,.home-nine .echo-footer-area a:hover,.home-two .echo-footer-area a:hover,body.home-one .echo-footer-area a:hover {
    text-decoration: underline
}

.echo-site-main-logo-menu-social .lang-switcher {
    flex-grow: .2
}

@media(max-width: 991.8px) {
    .echo-site-main-logo-menu-social .lang-switcher {
        display:none
    }
}

.echo-site-main-logo-menu-social .lang-switcher .flag {
    height: 20px!important
}

.echo-site-main-logo-menu-social .lang-switcher .language-switcher-list-end {
    left: -64px!important
}

.echo-site-main-logo-menu-social .lang-switcher .language-switcher-list {
    top: 8px!important;
    width: 180px
}

.echo-site-main-logo-menu-social .lang-switcher .language-switcher-list li {
    padding: 6px 0 6px 20px
}

.echo-site-main-logo-menu-social .lang-switcher a.language-item {
    align-items: center;
    color: var(--color-gray);
    display: inline-flex;
    font-size: 16px;
    gap: 5px;
    line-height: 1.8;
    transition: color .3s ease
}

.echo-site-main-logo-menu-social .lang-switcher a.language-item span {
    margin-inline-start:4px}

.echo-site-main-logo-menu-social .lang-switcher a.language-item:hover {
    color: var(--color-primary)
}

.echo-site-main-logo-menu-social .lang-switcher #language-switcher-dropdown img {
    max-width: unset!important
}

#side-bar .lang-switcher p.main {
    border-bottom: 1px solid hsla(0,0%,100%,.04);
    color: #fff;
    cursor: pointer;
    margin-bottom: 0;
    padding: 20px 0;
    position: relative
}

.header-action {
    line-height: 1;
    margin-inline-start:auto;width: 35px
}

.header-action~.header-action {
    margin-inline-start:0}

.header-action .echo-header-top-search-btn {
    cursor: pointer
}

.echo-header-top-subs-social-menu .echo-header-top-subscribe-btn i {
    margin-inline-start:-12px!important}

.echo-header-top-subs-social-menu .echo-header-top-subscribe-btn button {
    border: 1px solid var(--text-body)
}

@media(max-width: 1200px)and (min-width:991px) {
    .echo-header-top-subs-social-menu .echo-header-top-subscribe-btn button {
        padding:12px 20px!important
    }
}

.echo-hero-section.inner .echo-right-ct-1 .echo-home-1-hero-area-top-story .echo-top-story {
    align-items: unset
}

.echo-hero-section.inner .echo-right-ct-1 .echo-home-1-hero-area-top-story a.title-hover {
    color: var(--color-heading)!important
}

.echo-info .echo-address:last-child {
    margin-bottom: 0!important
}

.blog-badge-feature {
    background: #f05600;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    padding: 10px 20px;
    text-transform: uppercase
}

.text-dropped-cap {
    border: 1px solid rgba(94,94,94,.302);
    color: #181823;
    display: block;
    float: left;
    font-size: 80px;
    line-height: 96px;
    margin-inline-end:20px;padding: 25px 45px
}

.echo-ps-2-subscribe-box {
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 40px
}

.echo-ps-2-subscribe-box .echo-ps-2-subscribe-all-content {
    padding: 50px 40px
}

.echo-ps-2-subscribe-box .echo-ps-2-subscribe-all-content hr {
    background-color: #5e5e5e
}

.echo-ps-2-subscribe-box .echo-ps-2-subscribe-all-content .echo-ps-2-subscribe-sub-title,.echo-ps-2-subscribe-box .echo-ps-2-subscribe-all-content .echo-ps-2-subscribe-title {
    margin-bottom: 25px;
    margin-top: 15px
}

.echo-ps-2-subscribe-box .echo-ps-2-subscribe-all-content .echo-ps-2-subscribe-sub-title p,.echo-ps-2-subscribe-box .echo-ps-2-subscribe-all-content .echo-ps-2-subscribe-title p {
    font-size: 16px;
    line-height: 26px;
    margin: 0
}

.echo-ps-2-subscribe-box .echo-ps-2-subscribe-all-content .echo-subscribe-input-fill {
    margin-bottom: unset;
    margin-top: unset;
    position: relative
}

.echo-ps-2-subscribe-box .echo-ps-2-subscribe-all-content .echo-subscribe-input-fill form {
    text-align: center
}

.echo-ps-2-subscribe-box .echo-ps-2-subscribe-all-content .echo-subscribe-input-fill form input {
    background: transparent;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: var(--radius);
    box-shadow: none;
    font-size: var(--font-size-b2);
    font-weight: 400;
    height: 60px;
    line-height: 28px;
    outline: none;
    padding: 0 0 0 35px;
    width: 500px
}

.echo-ps-2-subscribe-box .echo-ps-2-subscribe-all-content .echo-subscribe-input-fill form .echo-ps-2-subscribe-btn {
    background: var(--color-primary);
    border-bottom: 1px solid transparent;
    border-right: 1px solid transparent;
    border-top: 1px solid transparent;
    color: #fff;
    height: 60px;
    position: absolute;
    transition: .3s ease;
    width: 75px
}

.echo-header-top-date .echo-date-time span i,.echo-header-top-date .echo-day-name span i {
    margin-inline-end:2px}

.echo-full-hero-content .echo-financial-area {
    margin-bottom: unset!important
}

.echo-full-hero-content .echo-financial-area .content-wrapper,.echo-full-hero-content .echo-quote-area {
    margin: 12px 0!important
}

.echo-full-hero-content .wrapper-audio-control {
    background-color: #f9f9f9;
    margin-bottom: 10px;
    padding: 40px 0
}

.echo-full-hero-content .wrapper-audio-control .audioplayer {
    padding: 0 20px;
    width: 95%
}

@media screen and (max-width: 768px) {
    .echo-full-hero-content .wrapper-audio-control .audioplayer {
        width:90%
    }
}

.echo-footer-area a {
    color: var(--footer-text-color)!important
}

.echo-footer-area a:hover {
    text-decoration: underline
}

.echo-footer-area .echo-footer-address span {
    color: var(--footer-text-color)!important
}

.echo-footer-area .echo-row {
    flex-wrap: nowrap!important
}

.echo-footer-area .echo-row p {
    color: var(--footer-text-color)!important
}

.echo-footer-area .newsletter-icon-without-captcha {
    left: 12px;
    position: absolute;
    top: 38%
}

.echo-footer-area .newsletter-icon-with-captcha {
    left: 13px;
    position: absolute;
    top: 13%
}

.echo-ps-2-subscribe-box .newsletter-icon-without-captcha {
    left: 13%!important;
    margin-inline-start:13px;position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.echo-ps-2-subscribe-box .newsletter-icon-with-captcha {
    left: 13%;
    margin-inline-start:13px;position: absolute;
    top: 15%
}

.echo-ps-2-subscribe-box .echo-subscribe-input-fill input {
    padding: 0 0 0 40px!important
}

.echo-ps-2-subscribe-box .g-recaptcha {
    margin-inline-start:90px}

.g-recaptcha {
    margin-top: 12px
}

.echo-feature-area-right-site-newsletter .echo-feature-area-right-site-input-box:before {
    content: unset!important
}

.echo-feature-area-right-site-newsletter .echo-feature-area-right-site-news-subscribe .echo-feature-area-right-site-input-box button {
    background-color: var(--secondary-color)!important
}

.echo-feature-area-right-site-newsletter .echo-feature-area-right-site-sub-title p {
    color: var(--text-body)!important;
    font-family: var(--heading-font)!important
}

.echo-feature-area-right-site-newsletter .newsletter-icon-without-captcha {
    margin-inline-start:13px;position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.echo-feature-area-right-site-newsletter .newsletter-icon-with-captcha {
    margin-inline-start:11px;position: absolute;
    top: 11%
}

.echo-home-1-menu .logo-header-sidebar {
    width: 120px!important
}

.echo-home-1-menu ul.echo-desktop-menu li.menu-item a:hover,.echo-home-1-menu ul.echo-desktop-menu li.menu-item:hover a.echo-dropdown-main-element {
    color: var(--primary-color)!important
}

.echo-home-1-menu ul.echo-desktop-menu li.menu-item.echo-has-dropdown ul.echo-submenu {
    border-top-color: var(--primary-color)!important;
    border-top: 3px solid var(--primary-color)!important
}

.echo-home-1-menu ul.echo-desktop-menu li.menu-item.echo-has-dropdown ul.echo-submenu li.menu-item a:hover {
    color: var(--primary-color)!important
}

.echo-home-1-menu ul.echo-desktop-menu li.menu-item.echo-has-dropdown ul.echo-submenu li.menu-item.nav-item:before {
    background-color: var(--primary-color)!important
}

.socials-header-sidebar {
    flex-grow: .5
}

.echo-hero-section.blog-item-grid .echo-hero-baner {
    display: block;
    margin-bottom: 0
}

.echo-hero-section.blog-item-grid .echo-hero-baner .echo-inner-img-ct-1 {
    overflow: unset
}

.echo-hero-section.blog-item-grid .echo-hero-baner .echo-banner-texting {
    padding: 10px 25px 30px
}

.echo-hero-section.blog-item-grid .echo-hero-baner .echo-banner-texting .echo-hero-area-titlepost-post-like-comment-share {
    align-items: center;
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
    margin-top: 35px
}

.echo-hero-section.blog-item-grid .echo-hero-baner .echo-banner-texting h4 {
    font-size: 25px;
    line-height: 35px
}

.echo-hero-section.blog-item-grid .echo-hero-baner .echo-banner-texting p {
    margin-bottom: 0
}

.echo-hero-section.blog-item-grid .echo-hero-baner p {
    font-size: 16px;
    line-height: 26px;
    margin-top: 20px
}

html[data-theme=light] body .echo-hero-section.blog-item-grid .echo-hero-baner {
    background-color: #fff
}

.pagination-wrap .pagination {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center
}

.pagination-wrap .pagination .page-link {
    align-items: center;
    background: transparent;
    border: 1px solid #e0e0e0;
    border-radius: 50%;
    display: flex;
    font-family: var(--font-heading);
    font-size: 18px;
    font-weight: 500;
    height: 50px;
    justify-content: center;
    line-height: 1;
    margin-inline-start:0;padding: 0;
    width: 50px
}

.pagination-wrap .pagination .page-item.active .page-link,.pagination-wrap .pagination .page-link:hover {
    background: var(--color-primary);
    border-color: var(--color-primary);
    color: var(--color-white)
}

a.page-link,span.page-link {
    color: var(--color-gray)
}

.header-action+.echo-header-top-menu-bar-wrapper .echo-header-top-menu-bar {
    margin-inline-start:25px}

.header-action+.echo-header-top-menu-bar-wrapper .echo-header-top-menu-bar:before {
    background-color: var(--text-body);
    content: "";
    height: 20px;
    left: 4px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px
}

.breaking-news-content {
    min-width: 350px
}

.datetime-and-local-weather-content {
    min-width: 380px
}

@media screen and (max-width: 991px)and (min-width:500px) {
    .datetime-and-local-weather-content {
        justify-content:start!important
    }
}

.action-buttons-content .action-buttons-inner {
    min-width: 120px
}

.action-buttons-content .btn-newsletter {
    min-width: 160px
}

@media screen and (max-width: 1160px) {
    .action-buttons-content .action-buttons-inner {
        min-width:60px
    }

    .action-buttons-content .btn-newsletter {
        margin-inline:.5rem}
}

.echo-footer-area .echo-row {
    flex-wrap: wrap!important
}

.echo-footer-area .echo-row .echo-footer-content-1,.echo-footer-area .echo-row .echo-footer-content-3,.echo-footer-area .echo-row .echo-footer-content-4 {
    flex-basis: unset!important
}

.echo-meta-jobs-text a span,h1,h2,h3,h4,h5,h6 {
    font-family: var(--heading-font)!important
}

.auth-card .form-control {
    font-size: 14px!important
}

.auth-card .form-control.ps-5 {
    border: var(--bs-border-width) solid var(--bs-border-color);
    padding-left: 48px!important;
    padding: 6px 12px
}

.auth-card .form-control {
    box-shadow: none;
    outline: none
}

.auth-card .form-control.is-invalid {
    border-color: var(--bs-form-invalid-border-color)!important
}

.auth-card .form-control.is-valid {
    border-color: var(--bs-form-valid-border-color)!important
}

.auth-card .auth-input-icon {
    top: 5px!important
}

.auth-card .btn-auth-submit {
    font-size: 16px
}

.auth-card h3 {
    font-size: 22px!important
}

.auth-card .mb-3 {
    margin-bottom: 16px!important
}

.auth-card input::-moz-placeholder {
    font-size: 14px!important
}

.auth-card .form-check-label,.auth-card .form-label,.auth-card .mt-3.text-center,.auth-card a,.auth-card input::placeholder,.auth-card p {
    font-size: 14px!important
}

.auth-card input[type=checkbox] {
    opacity: 1
}

.auth-card .input-group .input-group-text {
    font-size: 14px;
    height: 42px;
    padding: 6px 12px!important
}

.auth-card .input-group .form-control {
    border: var(--bs-border-width) solid var(--bs-border-color);
    padding: 6px 12px!important
}

.auth-card .input-group .input-group-text.slug-actions {
    display: none
}

.account-actions .dropdown-toggle {
    align-items: center;
    display: flex;
    gap: 5px
}

.account-actions .dropdown-toggle i {
    font-size: 20px
}

.account-actions .dropdown-toggle .wrapper-avatar {
    border-radius: 50%;
    height: 24px;
    overflow: hidden;
    position: relative;
    width: 24px
}

.account-actions .dropdown-toggle .wrapper-avatar img.avatar {
    height: auto;
    inset: 0;
    position: absolute;
    width: 100%
}

.account-actions .dropdown-menu {
    min-width: 120px
}

.account-actions .dropdown-menu li a:active {
    background-color: var(--primary-color)
}

.echo-hero-area-titlepost-post-like-comment-share {
    flex-wrap: wrap;
    row-gap: 5px!important
}

.echo-hero-area-titlepost-post-like-comment-share .echo-hero-area-like-read-comment-share {
    align-items: center;
    display: flex
}

.echo-hero-area-titlepost-post-like-comment-share .echo-hero-area-like-read-comment-share a {
    align-items: center;
    display: inline-flex;
    margin-inline-start:4px;white-space: nowrap
}

.echo-hero-area-like-read-comment-share,.echo-hero-area-like-read-comment-share span {
    color: var(--text-body)!important
}

.echo-video-area-inner .about-us-play-icon {
    color: var(--primary-color)!important;
    position: absolute!important;
    top: 50%!important
}

.btn {
    border: 1px solid transparent;
    color: hsla(0,0%,100%,.8);
    font-family: var(--font-heading);
    font-size: 16px;
    padding: 12px 18px;
    position: relative;
    text-align: center;
    width: auto
}

.btn.btn-primary {
    background-color: var(--color-primary)
}

.btn.btn-primary:hover {
    background-color: #181823!important;
    border: 1px solid hsla(0,0%,100%,.5)!important;
    color: #fff
}

.echo-trending-area .echo-trending-content h6.title-align-center,.echo-video-area .echo-trending-content h6.title-align-center {
    text-align: center
}

.echo-trending-area .echo-trending-content h6.title-align-center:before,.echo-video-area .echo-trending-content h6.title-align-center:before {
    background: rgba(94,94,94,.5);
    content: "";
    height: 1px;
    left: 0;
    opacity: .5;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40%
}

.echo-trending-area .echo-trending-content h6.title-align-center:after,.echo-video-area .echo-trending-content h6.title-align-center:after {
    background: rgba(94,94,94,.5);
    content: "";
    height: 1px;
    opacity: .5;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 40%
}

.echo-trending-area .echo-trending-content h6.title-align-end,.echo-video-area .echo-trending-content h6.title-align-end {
    text-align: end
}

.echo-trending-area .echo-trending-content h6.title-align-end:after,.echo-video-area .echo-trending-content h6.title-align-end:after {
    left: 0;
    margin-inline-start:0;right: unset!important
}

.video-play-button {
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-name: videobuttonpopup;
    background: #fff;
    border-radius: 50%!important;
    box-sizing: content-box;
    display: flex;
    height: 44px;
    left: 50%;
    padding: 18px 20px 18px 28px;
    position: absolute!important;
    top: 50%;
    transform: translate(-50%,-50%) scale(.7);
    width: 32px!important
}

.video-play-button span {
    border-bottom: 8px solid transparent;
    border-left: 14px solid var(--primary-color)!important;
    border-top: 8px solid transparent;
    display: block;
    height: 0;
    left: 47%;
    position: relative!important;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 0;
    z-index: 3
}

.video-play-button i {
    color: var(--primary-color)!important
}

.video-play-button:after {
    background: #fff!important;
    border: .5px solid #fff;
    border-radius: 50%;
    content: "";
    display: block;
    height: 80px;
    left: 50%!important;
    position: absolute!important;
    top: 50%!important;
    transform: translateX(-50%) translateY(-50%);
    transition: all .2s;
    width: 80px;
    z-index: 1
}

.echo-video-content .echo-video-area-title-row h6:after,.echo-video-content .echo-video-area-title-row h6:before {
    background: rgba(94,94,94,.5)!important
}

.icon-tabler-wrapper svg {
    margin-bottom: 5px
}

.echo-social-media-area-hm2 {
    background: var(--background-color);
    padding-top: 50px
}

.echo-social-media-area-hm2 .echo-home-2-main-title h4.text-capitalize {
    color: var(--color-heading)
}

.echo-add-area,.echo-archive-area,.echo-cl-blocks-area,.echo-de-category-area,.echo-fd-post-content,.echo-feature-area,.echo-home-2-feature-area-content,.echo-latest-news-area,.echo-popular-news-area,.echo-trending-area {
    padding-bottom: 30px!important;
    padding-top: 30px!important
}

.echo-home-2-feature-area,.echo-software-download-area {
    padding-bottom: 30px!important
}

.home-two .echo-header-top-home-2 {
    color: #fff!important
}

.home-two .echo-header-top-subs-social-menu.btn-newsletter .echo-header-top-subscribe-btn button {
    border: unset;
    border-bottom: 1px solid #e9ebec!important;
    padding: 0 0 6px!important
}

.home-two .echo-header-top-subs-social-menu.btn-newsletter .echo-header-top-subscribe-btn button:hover {
    background: unset;
    border: unset!important;
    border-bottom: 1px solid #e9ebec!important;
    color: var(--primary-color)
}

.home-two .echo-header-top-subs-social-menu.btn-newsletter .echo-header-top-subscribe-btn button i {
    font-size: 20px;
    margin-inline-end:5px;margin-inline-start:0!important}

.home-two .echo-header-top-menu-bar-wrapper .echo-header-top-menu-bar:before {
    background-color: #fff!important
}

.home-two .echo-header-top-menu-bar-wrapper .echo-header-top-menu-bar a svg path {
    fill: #fff!important
}

.home-two .echo-meta-total-jobs .echo-meta-jobs-text span {
    color: #fff
}

.home-two .echo-header-top-date .echo-date-time span strong,.home-two .echo-header-top-date .echo-day-name span strong {
    color: #fff!important
}

.echo-feature-area-right-site-flexing .echo-feature-area,.right-side-content .echo-feature-area {
    padding-bottom: 0!important;
    padding-top: 0!important
}

.echo-feature-area-right-site-flexing .echo-feature-area-right-site-follower ul li a {
    font-size: 14px
}

.echo-feature-area-right-site-flexing .echo-feature-area-right-site-follower ul li a svg {
    height: 16px;
    width: 16px
}

.echo-feature-area-right-site-flexing .echo-feature-area-right-site-follower ul li:nth-child(6),.echo-feature-area-right-site-follower ul li:nth-child(6) {
    padding-left: 15px!important
}

@media screen and (max-width: 767px) {
    .echo-feature-area .echo-feature-area-right-site-follower ul li {
        text-align:unset
    }
}

@media screen and (max-width: 1155px) {
    .echo-header-top-menu-bar-wrapper {
        display:block
    }
}

@media screen and (max-width: 991px) {
    .echo-header-top-menu-bar-wrapper {
        display:none
    }
}

.mobile-menu .social-wrapper-one {
    margin-top: unset
}

.mobile-menu .social-wrapper-one ul li a {
    background-color: var(--primary-color)!important;
    border: 1px solid var(--primary-color)!important
}

.mobile-menu .social-wrapper-one ul li a:hover {
    background-color: transparent!important;
    color: var(--primary-color)!important
}

.echo-software-download-area .echo-software-download-full-content-bg {
    background-color: var(--secondary-color);
    background-image: var(--background-image)!important
}

.echo-software-download-area .echo-py-hover-white {
    font-family: var(--primary-font)!important
}

.title-align-start {
    text-align: start
}

.title-align-start:after {
    background: #5e5e5e;
    content: "";
    height: 1px;
    opacity: .4;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 68%
}

.title-align-start:before {
    content: unset
}

.title-align-end {
    text-align: end
}

.title-align-end:after {
    background: #5e5e5e;
    content: "";
    height: 1px;
    left: 0;
    opacity: .4;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 68%
}

.title-align-end:before {
    content: unset
}

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

.title-align-center:before {
    left: 0;
    width: 32.5%
}

.title-align-center:after,.title-align-center:before {
    background-color: #5e5e5e;
    content: "";
    height: 1px;
    opacity: .5;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.title-align-center:after {
    right: 0;
    width: 32.5%!important
}

.echo-hero-section .echo-home-1-hero-area-top-story h2 {
    font-size: 20px;
    position: relative
}

.echo-hero-section .echo-hero-title {
    font-family: var(--heading-font)!important;
    font-size: 60px;
    font-weight: 700;
    line-height: 70px;
    margin-top: 20px
}

.echo-hero-section .echo-home-1-hero-area-top-story .echo-story-text a.title-hover {
    font-family: var(--heading-font)!important;
    font-size: 23px;
    font-weight: 700;
    line-height: 33px
}

.echo-hero-section .echo-home-1-hero-area-top-story .echo-story-text a.title-hover:hover {
    background-image: linear-gradient(to right,var(--text-color) 50%,transparent 50%)
}

.echo-latest-news-area .echo-latest-nw-title h2 {
    font-size: 30px;
    line-height: 40px;
    margin: 0;
    position: relative
}

.echo-latest-news-area .echo-latest-nw-title h2.title-align-start:after {
    width: 80%
}

.echo-latest-news-area .echo-latest-nw-title h2.title-align-end {
    text-align: end
}

.echo-latest-news-area .echo-latest-nw-title h2.title-align-end:after {
    right: 20%;
    width: 75%
}

.echo-latest-news-area .echo-latest-nw-title h2.title-align-center:after,.echo-latest-news-area .echo-latest-nw-title h2.title-align-center:before {
    width: 38.5%!important
}

.echo-latest-news-area .echo-latest-news-single-title a.title-hover {
    font-family: var(--heading-font)!important;
    font-size: 22px;
    font-weight: var(--s-bold);
    line-height: 35px
}

.echo-latest-news-area .echo-latest-news-single-title a.title-hover:hover {
    background-image: linear-gradient(to right,var(--text-color) 50%,transparent 50%)
}

.echo-trending-area a.title-hover {
    font-family: var(--heading-font)!important;
    font-size: 25px;
    font-weight: var(--s-bold);
    line-height: 40px
}

.echo-trending-area a.title-hover:hover {
    background-image: linear-gradient(to right,var(--text-color) 50%,transparent 50%)
}

.echo-trending-area h2 {
    font-size: 30px;
    line-height: 40px;
    position: relative
}

.echo-trending-area h2.title-align-center:after,.echo-trending-area h2.title-align-center:before {
    width: 40%!important
}

.echo-trending-area h2.title-align-end:after,.echo-trending-area h2.title-align-start:after {
    width: 85%!important
}

.echo-trending-area .echo-trending-right-site-post-title,.echo-trending-area .echo-trending-right-site-post-title .echo-trending-post-bottom-icons {
    margin-top: 20px
}

.echo-de-category-area .echo-de-category-title-btn {
    display: block
}

.echo-de-category-area .echo-de-category-title-btn h2 {
    font-size: 30px;
    margin-bottom: 0;
    position: relative
}

.echo-feature-area .echo-feature-area-site-title h2 {
    font-size: 30px;
    position: relative
}

.echo-feature-area .echo-feature-area-site-title .echo-feature-area-post-hins {
    margin-bottom: 14px;
    margin-top: 25px
}

.echo-feature-area .echo-feature-area-site-title .echo-feature-area-post-hins a {
    font-family: var(--heading-font)!important;
    font-size: var(--h5);
    font-weight: var(--s-bold);
    line-height: 1.24
}

.echo-feature-area .echo-feature-area-site-title .echo-feature-area-post-hins a:hover {
    background-image: linear-gradient(to right,var(--text-color) 50%,transparent 50%)
}

.echo-feature-area .echo-feature-area-option-content .echo-feature-area-option-content-text {
    margin-bottom: 10px
}

.echo-feature-area .echo-feature-area-option-content .echo-feature-area-option-content-text a {
    font-family: var(--heading-font)!important;
    font-size: 20px;
    font-weight: var(--s-bold);
    line-height: 30px
}

.echo-feature-area .echo-feature-area-last-news .echo-feature-area-last-content .echo-feature-area-last-content-text a.title-hover {
    font-family: var(--heading-font)!important;
    font-size: 40px;
    font-weight: var(--s-bold);
    line-height: 50px;
    margin-bottom: 20px
}

.echo-feature-area .echo-feature-area-last-news .echo-feature-area-last-content .echo-feature-area-last-content-text a.title-hover:hover {
    background-image: linear-gradient(to right,var(--text-color) 50%,transparent 50%)
}

.echo-popular-news-area .echo-popular-area-title h2 {
    font-size: 30px;
    position: relative
}

.echo-popular-news-area .echo-popular-area-single-item .echo-popular-area-item-title a.title-hover {
    font-family: var(--heading-font)!important;
    font-size: 25px;
    font-weight: var(--s-bold);
    line-height: 35px;
    margin: 0
}

.echo-popular-news-area .echo-popular-area-single-item .echo-popular-area-item-title a.title-hover:hover {
    background-image: linear-gradient(to right,var(--text-color) 50%,transparent 50%)
}

.echo-de-category-area h3.text-capitalize {
    font-size: var(--h5);
    font-weight: var(--s-bold);
    line-height: 1.24
}

.echo-de-category-area .echo-de-category-content-img-title .echo-de-category-content-title {
    margin-bottom: 8px
}

.echo-de-category-area .echo-de-category-content-img-title .echo-de-category-content-title a.title-hover {
    font-family: var(--heading-font)!important;
    font-size: 20px;
    font-weight: var(--s-bold);
    line-height: 30px
}

.echo-de-category-area .echo-de-category-content-img-title .echo-de-category-content-title a.title-hover:hover {
    background-image: linear-gradient(to right,var(--text-color) 50%,transparent 50%)
}

.echo-latest-news-area .echo-latest-news-single-title {
    margin: 15px 0
}

.echo-latest-news-area .echo-latest-news-single-title .title-hover {
    font-family: var(--heading-font)!important;
    font-size: 22px;
    font-weight: var(--s-bold);
    line-height: 35px
}

.echo-latest-news-area .echo-latest-news-single-title .title-hover:hover {
    background-image: linear-gradient(to right,var(--text-color) 50%,transparent 50%)
}

.echo-ps-2-subscribe-box .newsletter-icon-without-captcha {
    left: 0
}

.echo-hm2-video-area .echo-home-2-main-title {
    margin: 30px 0
}

.echo-hm2-video-area .echo-home-2-main-title h2 {
    font-size: 30px;
    margin: 0;
    position: relative
}

.echo-hm2-video-area .echo-home-2-main-title h2.title-align-end:after,.echo-hm2-video-area .echo-home-2-main-title h2.title-align-start:after {
    width: 80%!important
}

.echo-hm2-video-area .echo-home-2-main-title h2.title-align-center:after,.echo-hm2-video-area .echo-home-2-main-title h2.title-align-center:before {
    width: 37%!important
}

.echo-banner .echo-banner-heading {
    margin: 0
}

.echo-banner .echo-banner-heading a.title-hover {
    font-family: var(--heading-font)!important;
    font-size: 60px;
    font-weight: var(--s-bold);
    line-height: 70px
}

.echo-banner .echo-banner-heading a.title-hover:hover {
    background-image: linear-gradient(to right,var(--text-color) 50%,transparent 50%)
}

.echo-banner .echo-banner-right-heading a.title-hover {
    font-family: var(--heading-font)!important;
    font-size: 25px;
    font-weight: var(--s-bold);
    line-height: 35px;
    margin-bottom: 20px;
    text-align: center
}

.echo-banner .echo-banner-right-heading a.title-hover:hover {
    background-image: linear-gradient(to right,var(--text-color) 50%,transparent 50%)
}

.echo-archive-area .echo-archive-area-content .echo-home-2-main-title h2 {
    font-size: 30px;
    margin: 0;
    position: relative
}

.echo-archive-area .echo-archive-area-content .echo-home-2-main-title h2.title-align-center:after,.echo-archive-area .echo-archive-area-content .echo-home-2-main-title h2.title-align-center:before {
    width: 37%!important
}

.echo-archive-area .echo-archive-area-content .echo-home-2-main-title h2.title-align-end:after,.echo-archive-area .echo-archive-area-content .echo-home-2-main-title h2.title-align-start:after {
    width: 80%!important
}

.echo-popular-area .echo-popular-content .echo-popular-left-jt-heading {
    margin: 0
}

.echo-popular-area .echo-popular-content .echo-popular-left-jt-heading a.title-hover {
    font-family: var(--heading-font)!important;
    font-size: 40px;
    font-weight: var(--s-bold);
    line-height: 50px
}

.echo-popular-area .echo-popular-content .echo-popular-left-jt-heading a.title-hover:hover {
    background-image: linear-gradient(to right,var(--text-color) 50%,transparent 50%)
}

.echo-popular-area .echo-popular-content .echo-popular-left-bt-title a.title-hover {
    font-family: var(--heading-font)!important;
    font-size: 30px;
    font-weight: var(--s-bold);
    line-height: 40px
}

.echo-popular-area .echo-popular-content .echo-popular-left-bt-title a.title-hover:hover {
    background-image: linear-gradient(to right,var(--text-color) 50%,transparent 50%)
}

.echo-cl-blocks-area .echo-cl-blocks-full-content .echo-home-2-main-title h2 {
    font-family: var(--heading-font)!important;
    font-size: 30px;
    font-weight: var(--s-bold);
    line-height: 40px;
    position: relative
}

.echo-cl-blocks-area .echo-cl-blocks-full-content .echo-home-2-main-title h2.title-align-end:after,.echo-cl-blocks-area .echo-cl-blocks-full-content .echo-home-2-main-title h2.title-align-start:after {
    width: 80%!important
}

.echo-cl-blocks-area .echo-cl-blocks-full-content .echo-home-2-main-title h2.title-align-center:after,.echo-cl-blocks-area .echo-cl-blocks-full-content .echo-home-2-main-title h2.title-align-center:before {
    width: 37%!important
}

.echo-cl-blocks-area .echo-cl-blocks-full-content .echo-cl-blocks-title a.title-hover {
    font-family: var(--heading-font)!important;
    font-size: 40px;
    font-weight: var(--s-bold);
    line-height: 50px;
    margin: 0
}

.echo-cl-blocks-area .echo-cl-blocks-full-content .echo-cl-blocks-title a.title-hover:hover {
    background-image: linear-gradient(to right,var(--text-color) 50%,transparent 50%)
}

.wrapper-loading {
    background: hsla(0,0%,100%,.5);
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 9
}

.wrapper-loading .loading-spinner {
    display: inline-block;
    height: 80px;
    left: 50%;
    position: absolute;
    top: 5%;
    transform: translateX(-50%);
    width: 80px;
    z-index: 999
}

.wrapper-loading .loading-spinner:after {
    animation: loading-spinner 1.2s linear infinite;
    border: 6px solid var(--primary-color);
    border-color: var(--primary-color) transparent var(--primary-color) transparent;
    border-radius: 50%;
    content: " ";
    display: block;
    height: 64px;
    margin: 8px;
    width: 64px
}

.text-heading {
    font-family: var(--heading-font)!important;
    font-weight: 700
}

.echo-hero-section.home-three .echo-hero-right-side .subtitle {
    border-bottom: 2px solid #fff;
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 30px;
    padding-bottom: 25px;
    text-transform: uppercase
}

.echo-hero-section.home-three .echo-hero-right-side .content-box a.title-hover {
    color: var(--text-color)!important
}

.echo-hero-section.home-three .echo-hero-right-side .content-box a.title-hover:hover {
    background-image: linear-gradient(to right,var(--text-color) 50%,transparent 50%)
}

.echo-hero-section.home-three .banner-content .contents a.title-hover {
    font-size: 60px;
    line-height: 70px;
    margin: 0
}

.echo-hero-section.home-three .banner-content .contents a.title-hover:hover {
    background-image: linear-gradient(to right,var(--text-color) 50%,transparent 50%)
}

.echo-catagories-area .echo-latest-news-main-content a.title-hover {
    color: var(--text-color)!important
}

.echo-catagories-area .echo-latest-news-main-content a.title-hover:hover {
    background-image: linear-gradient(to right,var(--text-color) 50%,transparent 50%)
}

.echo-popular-news-area .left-side-content .echo-latest-news-single-title a.title-hover {
    font-size: 25px;
    line-height: 35px;
    margin-bottom: 15px
}

.echo-audio-news-home-1-flexing .echo-feature-area-right-site-audio-news {
    align-items: start;
    display: flex;
    gap: 10px
}

.echo-audio-news-home-1-flexing .echo-feature-area-right-site-audio-news .echo-feature-area-right-img {
    flex-shrink: 0;
    overflow: hidden;
    position: relative;
    width: 80px
}

.echo-audio-news-home-1-flexing .echo-feature-area-right-site-audio-news .echo-feature-area-right-audio-text a.title-hover {
    font-size: 20px;
    line-height: 30px
}

.post-meta {
    flex-wrap: wrap;
    gap: 10px!important
}

.post-meta a,.post-meta span {
    color: var(--text-body);
    font-size: 14px!important;
    font-weight: 500!important;
    margin: 0;
    position: relative
}

.post-meta a:first-child {
    padding-left: 0!important
}

.hm5-feature-title .hm-5-main-title {
    width: 100%
}

.hm5-feature-title .hm-5-main-title h2.title-align-center:after {
    left: unset!important
}

.hm5-feature-title .hm-5-main-title h2.title-align-start:before {
    content: unset!important
}

.hm5-feature-title .hm-5-main-title h2.title-align-start:after {
    left: unset!important;
    width: 64%!important
}

.hm5-feature-title .hm-5-main-title h2.title-align-end:after {
    left: 0;
    width: 70%!important
}

.hm5-feature-area .hm5-feature-title h2:after,.hm5-feature-area .hm5-feature-title h2:before {
    opacity: 1
}

.hm5-feature-area .hm5-feature-title h2.title-align-end {
    text-align: end!important
}

.hm5-feature-area .hm5-feature-title h2.title-align-start {
    text-align: start!important
}

@keyframes loading-spinner {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@media screen and (max-width: 991px) {
    h2:after,h2:before {
        content:unset!important
    }
}

html:not([data-theme=dark]) .echo-archive-area,html:not([data-theme=dark]) .echo-banner,html:not([data-theme=dark]) .echo-banner-area.home-nine,html:not([data-theme=dark]) .echo-banner-area.home-seven,html:not([data-theme=dark]) .echo-banner-area.home-ten,html:not([data-theme=dark]) .echo-business-area,html:not([data-theme=dark]) .echo-catagories-area,html:not([data-theme=dark]) .echo-cl-blocks-content,html:not([data-theme=dark]) .echo-de-category-area,html:not([data-theme=dark]) .echo-dishes-area,html:not([data-theme=dark]) .echo-fd-post-area,html:not([data-theme=dark]) .echo-feature-area,html:not([data-theme=dark]) .echo-food-review-area,html:not([data-theme=dark]) .echo-hero-section,html:not([data-theme=dark]) .echo-hero-section.home-three,html:not([data-theme=dark]) .echo-hero-section.inner.home-eight,html:not([data-theme=dark]) .echo-hm2-video-area,html:not([data-theme=dark]) .echo-home-2-feature-area,html:not([data-theme=dark]) .echo-latest-news-area,html:not([data-theme=dark]) .echo-latest-news-area.home-three,html:not([data-theme=dark]) .echo-new-dishes-area,html:not([data-theme=dark]) .echo-photography-area,html:not([data-theme=dark]) .echo-popular-area,html:not([data-theme=dark]) .echo-popular-news-area,html:not([data-theme=dark]) .echo-trending-area,html:not([data-theme=dark]) .echo-trending-news-area.home-eight,html:not([data-theme=dark]) .echo-trending-news-area.home-seven,html:not([data-theme=dark]) .echo-video-area.home-eight,html:not([data-theme=dark]) .echo-video-area.home-seven,html:not([data-theme=dark]) .echo-video-area.home-six,html:not([data-theme=dark]) .echo-video-area.home-three,html:not([data-theme=dark]) .hm5-feature-area {
    background-color: var(--background-color);
    background-image: var(--background-image);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

html:not([data-theme=dark]) .echo-archive-area a.title-hover,html:not([data-theme=dark]) .echo-banner a.title-hover,html:not([data-theme=dark]) .echo-banner-area.home-nine a.title-hover,html:not([data-theme=dark]) .echo-banner-area.home-seven a.title-hover,html:not([data-theme=dark]) .echo-banner-area.home-ten a.title-hover,html:not([data-theme=dark]) .echo-business-area a.title-hover,html:not([data-theme=dark]) .echo-catagories-area a.title-hover,html:not([data-theme=dark]) .echo-cl-blocks-content a.title-hover,html:not([data-theme=dark]) .echo-de-category-area a.title-hover,html:not([data-theme=dark]) .echo-dishes-area a.title-hover,html:not([data-theme=dark]) .echo-fd-post-area a.title-hover,html:not([data-theme=dark]) .echo-feature-area a.title-hover,html:not([data-theme=dark]) .echo-food-review-area a.title-hover,html:not([data-theme=dark]) .echo-hero-section a.title-hover,html:not([data-theme=dark]) .echo-hero-section.home-three a.title-hover,html:not([data-theme=dark]) .echo-hero-section.inner.home-eight a.title-hover,html:not([data-theme=dark]) .echo-hm2-video-area a.title-hover,html:not([data-theme=dark]) .echo-home-2-feature-area a.title-hover,html:not([data-theme=dark]) .echo-latest-news-area a.title-hover,html:not([data-theme=dark]) .echo-latest-news-area.home-three a.title-hover,html:not([data-theme=dark]) .echo-new-dishes-area a.title-hover,html:not([data-theme=dark]) .echo-photography-area a.title-hover,html:not([data-theme=dark]) .echo-popular-area a.title-hover,html:not([data-theme=dark]) .echo-popular-news-area a.title-hover,html:not([data-theme=dark]) .echo-trending-area a.title-hover,html:not([data-theme=dark]) .echo-trending-news-area.home-eight a.title-hover,html:not([data-theme=dark]) .echo-trending-news-area.home-seven a.title-hover,html:not([data-theme=dark]) .echo-video-area.home-eight a.title-hover,html:not([data-theme=dark]) .echo-video-area.home-seven a.title-hover,html:not([data-theme=dark]) .echo-video-area.home-six a.title-hover,html:not([data-theme=dark]) .echo-video-area.home-three a.title-hover,html:not([data-theme=dark]) .hm5-feature-area a.title-hover {
    color: var(--text-color)
}

html:not([data-theme=dark]) .echo-home-2-feature-area .echo-home-2-feature-area-content {
    background-color: var(--background-color);
    background-image: var(--background-image);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

html:not([data-theme=dark]) .echo-home-2-feature-area .echo-home-2-main-title h2:after,html:not([data-theme=dark]) .echo-home-2-feature-area .echo-home-2-main-title h2:before {
    background-color: var(--line-color)
}

html:not([data-theme=dark]) .echo-fd-post-area .echo-fd-post-content {
    background-color: var(--background-color);
    background-image: var(--background-image);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

html:not([data-theme=dark]) .echo-fd-post-area .echo-fd-post-content .echo-3-align-icons a,html:not([data-theme=dark]) .echo-fd-post-area .echo-fd-post-content i,html:not([data-theme=dark]) .echo-fd-post-area .echo-fd-post-content p {
    color: var(--text-body-color)!important
}

html:not([data-theme=dark]) .echo-fd-post-area .echo-home-2-main-title h2:after,html:not([data-theme=dark]) .echo-fd-post-area .echo-home-2-main-title h2:before {
    background-color: var(--line-color)
}

html:not([data-theme=dark]) .echo-archive-area .echo-archive-area-content {
    background-color: var(--background-color);
    background-image: var(--background-image);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

html:not([data-theme=dark]) .echo-cl-blocks-area .echo-cl-blocks-full-content {
    background-color: var(--background-color)!important;
    background-image: var(--background-image);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

html:not([data-theme=dark]) .echo-video-area.home-seven .echo-home-1-hero-area-top-story .echo-top-story .echo-story-text .title-hover {
    color: var(--text-color)
}

html:not([data-theme=dark]) .echo-video-area.home-seven .echo-home-1-hero-area-top-story .echo-top-story .echo-story-text .title-hover:hover {
    background-image: linear-gradient(to right,var(--text-color) 50%,transparent 50%)
}

html:not([data-theme=dark]) .echo-video-area.home-seven .echo-hero-title a.title-hover {
    color: var(--text-color)
}

html:not([data-theme=dark]) .echo-video-area.home-seven .echo-hero-title a.title-hover:hover {
    background-image: linear-gradient(to right,var(--text-color) 50%,transparent 50%)
}

html:not([data-theme=dark]) .home-eight .echo-banner-area .banner-inner .left-side .echo-hero-title a.title-hover {
    color: var(--text-color)!important
}

html:not([data-theme=dark]) .home-eight .echo-banner-area .banner-inner .left-side .echo-hero-title a.title-hover:hover {
    background-image: linear-gradient(to right,var(--text-color) 50%,transparent 50%)
}

html:not([data-theme=dark]) .echo-hero-section.inner.home-eight a.title-hover {
    color: var(--text-color)!important
}

html:not([data-theme=dark]) .echo-hero-section.inner.home-eight a.title-hover:hover {
    background-image: linear-gradient(to right,var(--text-color) 50%,transparent 50%)
}

html:not([data-theme=dark]) .echo-banner-area.home-nine .right-side-banner .content a.title-hover {
    color: var(--text-color)!important
}

html:not([data-theme=dark]) .echo-banner-area.home-nine .right-side-banner .content a.title-hover:hover {
    background-image: linear-gradient(to right,var(--text-color) 50%,transparent 50%)
}

html:not([data-theme=dark]) .echo-food-review-area .echo-hero-baner .content .echo-hero-title a.title-hover,html:not([data-theme=dark]) .home-nine .echo-new-dishes-area .echo-hero-baner .content .echo-hero-title a.title-hover {
    color: var(--text-color)!important
}

html:not([data-theme=dark]) .echo-food-review-area .echo-hero-baner .content .echo-hero-title a.title-hover:hover,html:not([data-theme=dark]) .home-nine .echo-new-dishes-area .echo-hero-baner .content .echo-hero-title a.title-hover:hover {
    background-image: linear-gradient(to right,var(--text-color) 50%,transparent 50%)
}

html:not([data-theme=dark]) .echo-feature-area.home-three .echo-feature-area-right-audio-text a.title-hover {
    color: var(--color-heading)
}

html:not([data-theme=dark]) .echo-feature-area.home-three .echo-feature-area-right-audio-text a.title-hover:hover {
    background-image: linear-gradient(to right,var(--color-heading) 50%,transparent 50%)
}

@media screen and (max-width: 991px) {
    .echo-latest-news-area .echo-latest-nw-title h2:after,.echo-latest-news-area .echo-latest-nw-title h2:before {
        content:unset
    }

    .echo-latest-news-area .echo-latest-news-next-prev-btn {
        display: block!important
    }
}

.echo-software-download-area a.echo-py-hover-white:hover svg path {
    fill: transparent!important
}

.fob-comment-list-wrapper .fob-comment-item .fob-comment-list {
    margin-inline-start:5rem!important}

.fob-comment-list-wrapper .fob-comment-item-inner {
    border-bottom: 1px solid rgba(69,69,69,.188);
    margin-bottom: 0!important;
    padding: 40px 0
}

.fob-comment-list-section {
    background: #f9f9f9;
    margin-bottom: 40px;
    padding: 30px
}

.fob-comment-form input[type=email],.fob-comment-form input[type=text] {
    height: 60px
}

.fob-comment-form textarea {
    border-radius: 0;
    min-height: 140px;
    padding-top: 10px
}

.fob-comment-form input[type=email],.fob-comment-form input[type=text],.fob-comment-form textarea {
    border: 1px solid rgba(69,69,69,.251);
    font-size: 16px;
    margin-bottom: 20px
}

.fob-comment-form input[type=email]:focus,.fob-comment-form input[type=text]:focus,.fob-comment-form textarea:focus {
    box-shadow: none!important
}

.fob-comment-form input[type=checkbox] {
    opacity: 1
}

.fob-comment-form button {
    background: var(--color-primary);
    border: 1px solid transparent;
    border-radius: 0;
    color: #fff;
    height: 60px;
    transition: all .3s;
    width: 170px
}

.fob-comment-form-section {
    background: #f9f9f9;
    padding: 30px
}

.fob-comment-item-author {
    font-size: 20px!important;
    font-weight: 700!important;
    line-height: 30px;
    margin-bottom: 0
}

.fob-comment-item-date {
    font-weight: 400
}

.fob-comment-item-body p {
    color: #454545;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 10px!important
}

.echo-newsletter-area.home-six {
    background-color: var(--background-color);
    background-image: var(--background-image)
}

.echo-newsletter-area.home-six .content-title {
    color: var(--text-color)!important
}

.echo-banner-area.home-seven {
    background-repeat: no-repeat;
    background-size: cover
}

.echo-banner-area.home-seven .left-side-banner .echo-hero-baner.small {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center
}

.echo-banner-area.home-seven .left-side-banner .echo-hero-baner.small .echo-hero-banner-main-img {
    border-radius: 50%;
    overflow: hidden;
    width: 150px
}

.echo-banner-area.home-seven .right-side-banner .echo-hero-banner-main-img,.echo-latest-news-area.home-seven .section-inner .echo-hero-baner.small .echo-hero-banner-main-img {
    border-radius: 50%;
    overflow: hidden
}

.echo-latest-news-area.home-seven .section-inner .echo-hero-baner.small .content .echo-hero-title a.title-hover {
    color: var(--color-heading)
}

.echo-business-area.area3 .echo-hero-baner .content .echo-hero-title a.title-hover {
    color: var(--text-color)!important
}

.home-seven.echo-banner-area .echo-hero-baner {
    padding: 25px 30px!important
}

.home-seven.echo-banner-area .left-side-banner .echo-hero-baner.small {
    margin-bottom: 27px!important
}

.echo-contact-area .echo-contact-content .echo-contact-full-content .echo-contact-input-field .echo-main-contact-form .echo-contact-input-flexing {
    justify-content: space-between
}

.echo-contact-area .echo-contact-content .echo-contact-full-content .echo-contact-input-field .echo-main-contact-form form input {
    padding: 0 50px!important
}

.sign-in-area a {
    align-items: center;
    display: flex!important;
    margin-inline-end:5px}

.sign-in-area a i {
    background-color: var(--primary-color);
    border-radius: 50%;
    color: #fff;
    flex-shrink: 0;
    height: 35px;
    line-height: 35px;
    margin-inline-end:8px;text-align: center;
    width: 35px
}

.sign-in-area a .wrapper-avatar {
    aspect-ratio: 1;
    border-radius: 50%;
    display: inline;
    height: 35px;
    margin-inline-end:5px;overflow: hidden;
    width: 35px
}

.sign-in-area a .wrapper-avatar img {
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.sign-in-area a .user-name {
    max-width: 120px
}

.home-eight .sign-in-area a,.home-five .sign-in-area a,.home-four .sign-in-area a,.home-six .sign-in-area a,.home-three .sign-in-area a {
    color: #fff
}

.home-six .sign-in-area a {
    margin-top: 6px
}

.home-seven .echo-ct-style-3-shep p,.home-seven .sign-in-area a i {
    background: var(--gradient-color)!important
}

.home-seven .echo-ct-style-3-shep p a {
    color: #fff
}

.echo-contact-area.home-nine {
    background-color: var(--background-color)!important;
    background-image: var(--background-image)!important;
    background-repeat: no-repeat;
    background-size: cover
}

.echo-contact-area.home-nine .social-area .icon-tabler-wrapper svg {
    height: 32px;
    width: 32px
}

.echo-contact-area.home-nine .content-title {
    color: var(--text-color)!important
}

.echo-banner-area.home-ten .left-side-image .echo-hero-baner,.echo-banner-area.home-ten .left-side-image .echo-hero-baner .echo-hero-banner-main-img,.echo-banner-area.home-ten .left-side-image .echo-hero-baner .echo-hero-banner-main-img a {
    height: 100%
}

.echo-banner-area.home-ten .left-side-image .echo-hero-baner .echo-hero-banner-main-img a img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.echo-banner-area.home-ten .left-side-image .content .echo-hero-title {
    font-size: var(--h1)
}

.home-eight a.title-hover,.home-five a.title-hover,.home-four a.title-hover,.home-nine a.title-hover,.home-one a.title-hover,.home-seven a.title-hover,.home-six a.title-hover,.home-ten a.title-hover,.home-two a.title-hover {
    background: unset!important;
    transition: all .5s;
    -webkit-transition: all .5s
}

.home-eight a.title-hover:hover,.home-five a.title-hover:hover,.home-four a.title-hover:hover,.home-nine a.title-hover:hover,.home-one a.title-hover:hover,.home-seven a.title-hover:hover,.home-six a.title-hover:hover,.home-ten a.title-hover:hover,.home-two a.title-hover:hover {
    background-image: unset!important;
    background-position: unset!important;
    text-decoration-color: var(--text-color)!important;
    text-decoration-line: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px
}

.home-eight.echo-banner-area .echo-hero-title a.title-hover:hover,.home-eight.echo-banner-area .echo-video-bottom-area .banner-bottom-inner .content a.title-hover:hover,.home-eight.echo-video-area .echo-hero-title a.title-hover:hover,.home-eight.echo-video-area .echo-video-bottom-area .banner-bottom-inner .content a.title-hover:hover,.home-five.echo-banner-area .echo-hero-title a.title-hover:hover,.home-five.echo-banner-area .echo-video-bottom-area .banner-bottom-inner .content a.title-hover:hover,.home-five.echo-video-area .echo-hero-title a.title-hover:hover,.home-five.echo-video-area .echo-video-bottom-area .banner-bottom-inner .content a.title-hover:hover,.home-four.echo-banner-area .echo-hero-title a.title-hover:hover,.home-four.echo-banner-area .echo-video-bottom-area .banner-bottom-inner .content a.title-hover:hover,.home-four.echo-video-area .echo-hero-title a.title-hover:hover,.home-four.echo-video-area .echo-video-bottom-area .banner-bottom-inner .content a.title-hover:hover,.home-nine.echo-banner-area .echo-hero-title a.title-hover:hover,.home-nine.echo-banner-area .echo-video-bottom-area .banner-bottom-inner .content a.title-hover:hover,.home-nine.echo-video-area .echo-hero-title a.title-hover:hover,.home-nine.echo-video-area .echo-video-bottom-area .banner-bottom-inner .content a.title-hover:hover,.home-one.echo-banner-area .echo-hero-title a.title-hover:hover,.home-one.echo-banner-area .echo-video-bottom-area .banner-bottom-inner .content a.title-hover:hover,.home-one.echo-video-area .echo-hero-title a.title-hover:hover,.home-one.echo-video-area .echo-video-bottom-area .banner-bottom-inner .content a.title-hover:hover,.home-seven.echo-banner-area .echo-hero-title a.title-hover:hover,.home-seven.echo-banner-area .echo-video-bottom-area .banner-bottom-inner .content a.title-hover:hover,.home-seven.echo-video-area .echo-hero-title a.title-hover:hover,.home-seven.echo-video-area .echo-video-bottom-area .banner-bottom-inner .content a.title-hover:hover,.home-six.echo-banner-area .echo-hero-title a.title-hover:hover,.home-six.echo-banner-area .echo-video-bottom-area .banner-bottom-inner .content a.title-hover:hover,.home-six.echo-video-area .echo-hero-title a.title-hover:hover,.home-six.echo-video-area .echo-video-bottom-area .banner-bottom-inner .content a.title-hover:hover,.home-ten.echo-banner-area .echo-hero-title a.title-hover:hover,.home-ten.echo-banner-area .echo-video-bottom-area .banner-bottom-inner .content a.title-hover:hover,.home-ten.echo-video-area .echo-hero-title a.title-hover:hover,.home-ten.echo-video-area .echo-video-bottom-area .banner-bottom-inner .content a.title-hover:hover,.home-two.echo-banner-area .echo-hero-title a.title-hover:hover,.home-two.echo-banner-area .echo-video-bottom-area .banner-bottom-inner .content a.title-hover:hover,.home-two.echo-video-area .echo-hero-title a.title-hover:hover,.home-two.echo-video-area .echo-video-bottom-area .banner-bottom-inner .content a.title-hover:hover {
    background-image: unset!important;
    background-position: unset!important
}

.echo-footer-social-media a:hover {
    background-color: var(--primary-color)!important
}

.echo-footer-social-media a,.social-wrapper-one a {
    line-height: 30px!important
}

.scroll-top-btn {
    background-color: var(--primary-color)!important
}

.echo-footer-area4 .social-area .social-icon a {
    line-height: 65px!important
}

.echo-footer-area4 .social-area .social-icon a:hover {
    background-color: var(--primary-color)!important;
    border: 1px solid var(--primary-color)!important
}

.echo-footer-area4 .footer-menu-area .menu-item a:hover {
    color: var(--primary-color)!important
}

@media screen and (max-width: 500px) {
    .echo-footer-area4 .social-area .social-icon a {
        line-height:45px!important
    }
}

.echo-software-download-area .echo-py-hover-white:hover {
    color: var(--primary-color)!important
}

.echo-ct-style-3-shep a {
    color: #fff!important
}

.side-bar {
    background-color: var(--secondary-color)!important
}

.side-bar .close-icon-menu,.side-bar .metismenu .has-droupdown a.main:after {
    background-color: var(--primary-color)!important
}

.side-bar .category-menu-area .content .desc a {
    color: #fff!important
}

.echo-subscribe-input-fill input {
    color: var(--footer-text-color)!important
}

.echo-subscribe-input-fill input:focus {
    border: 1px solid var(--primary-color)!important
}

.echo-subscribe-input-fill i.newsletter-icon-without-captcha {
    color: var(--footer-text-color)!important
}

.echo-footer-area-subscribe-button {
    display: inline-block
}

.echo-footer-area-subscribe-button button {
    background-color: var(--primary-color)!important
}

.galleries-page.echo-photography-area {
    padding: 50px 0!important
}

.galleries-page.echo-photography-area .hm5-feature-title .hm-5-main-title h2 {
    font-size: 40px;
    font-weight: 700
}

.galleries-page.echo-photography-area .gallery-item {
    position: relative
}

.galleries-page.echo-photography-area .gallery-item .content {
    bottom: 20%;
    left: 50%;
    position: absolute;
    transform: translateX(-50%)
}

.galleries-page.echo-photography-area .gallery-item .content .echo-hero-title a {
    color: #fff;
    font-family: var(--heading-font);
    font-size: 30px;
    font-weight: 600;
    text-align: center
}

.galleries-page.echo-photography-area .gallery-item .content .echo-hero-title a:hover {
    text-decoration: underline
}

.galleries-page.echo-photography-area .section-inner .bottom.rows {
    gap: 10px;
    margin-bottom: 10px
}

.gallery-detail-content {
    padding: 50px 0
}

.lg-outer .lg-actions .lg-icon {
    width: unset!important
}

.echo-software-download-place a {
    align-items: center;
    display: flex
}

.echo-software-download-place a svg {
    margin-inline-end:8px}

html[data-theme=dark] .echo-breadcrumb-area {
    background-image: unset!important
}

html:not([data-theme=dark]) .echo-breadcrumb-area {
    background-color: var(--breadcrumb-bg-color,"transparent")!important
}

html:not([data-theme=dark]) .echo-breadcrumb-area .echo-breadcrumb-text-custom,html:not([data-theme=dark]) .echo-breadcrumb-area .echo-breadcrumb-text-custom .meta .next {
    color: var(--breadcrumb-txt-color,"#000000")!important
}

html:not([data-theme=dark]) .echo-breadcrumb-area .breadcrumb-inner span {
    color: var(--text-body)!important
}

.hero-home-six .swiper-btn-area .swiper-btn {
    color: #fff
}

.hero-home-six .swiper-btn-area .swiper-btn.swiper-button-next {
    transform: rotate(180deg)
}

.content p.desc a i {
    margin-inline-end:5px!important}

.copyright-area-inner .title {
    font-family: var(--primary-font)!important
}

.echo-subscribe-box-button .echo-subscribe-input-fill .newsletter-icon-without-captcha {
    line-height: 28px;
    top: 50%;
    transform: translateY(-50%)
}

.title-has-icon {
    padding-inline-start:65px;position: relative
}

.title-has-icon .shape-title {
    left: 10px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.echo-footer-area {
    background-color: var(--secondary-color)!important
}

.echo-hero-section .echo-hero-baner p {
    color: var(--text-body)
}

.datetime-and-local-weather-content span,.datetime-and-local-weather-content strong {
    color: var(--text-body)!important
}

.echo-contact-btn,.echo-py-btn {
    font-family: var(--primary-font)!important
}

.echo-contact-btn {
    display: inline-block!important
}

.blog-post-details-content {
    --color-body: var(--text-body)
}

.blog-post-details-content .echo-hero-baner h2.echo-hero-title a,.echo-quote-area .quote-title {
    color: var(--color-heading)!important
}

.echo-quote-area p.author:before {
    background-color: var(--text-body)!important
}

.echo-financial-area .content .wrapper-item {
    color: var(--text-body)!important;
    font-family: var(--color-heading)!important
}

.echo-financial-area .content .wrapper-item:before,.fob-comment-form-section .fob-comment-form-note,.fob-comment-form-section input,.fob-comment-form-section label {
    color: var(--text-body)!important
}

.echo-404-area .echo-error-heading h1 {
    color: var(--color-heading-1)!important
}

.echo-404-area .echo-error-pera p,.echo-team-area .echo-team-area-inner .team-wrapper .content-area .content p.desc {
    color: var(--text-body)!important
}

.blog-list-content .echo-hero-baner.post-item-grid,.blog-list-content .echo-hero-baner.post-item-grid .echo-hero-title,.echo-hero-section.inner.echo-feature-area .echo-hero-baner.post-item-grid,.echo-hero-section.inner.echo-feature-area .echo-hero-baner.post-item-grid .echo-hero-title {
    text-align: center!important
}

.blog-list-content .echo-hero-baner,.echo-hero-section.inner.echo-feature-area .echo-hero-baner {
    text-align: start!important
}

.blog-list-content .echo-hero-baner .echo-hero-title,.echo-hero-section.inner.echo-feature-area .echo-hero-baner .echo-hero-title {
    margin-top: 0!important;
    padding-top: 0!important;
    text-align: start!important
}

.blog-list-content .echo-hero-baner .echo-hero-title a.title-hover,.echo-hero-section.inner.echo-feature-area .echo-hero-baner .echo-hero-title a.title-hover {
    color: var(--color-heading)!important
}

.blog-list-content .echo-hero-baner p.echo-hero-discription,.echo-hero-section.inner.echo-feature-area .echo-hero-baner p.echo-hero-discription {
    margin-top: 0!important
}

.echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-popular-tabing-btn .echo-popular-tab-button li:after {
    background-color: var(--text-body)!important
}

.echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-popular-tabing-btn .echo-popular-tab-button li button {
    color: var(--text-body)!important
}

.echo-popular-area .echo-popular-content .echo-popular-full-content .echo-popular-tabing .echo-popular-tabing-btn .echo-popular-tab-button li button:before {
    background-color: var(--primary-color)!important
}

.hero-home-six .hero-hm6-title h1 {
    color: var(--text-color)!important
}

.post-meta .echo-hero-area-like-read-comment-share,.post-meta .echo-hero-area-like-read-comment-share span {
    color: var(--text-body-color)!important
}

.home-one .echo-feature-area,.home-one .echo-latest-news-area {
    --text-body-color: var(--text-body)!important
}

.echo-footer-area4 .footer-menu-area .menu-item a {
    color: var(--footer-text-color)!important;
    font-family: var(--primary-font)!important
}

.copyright-area-inner .copyright-content .title,.echo-footer-area4 .footer-copyright-area .copyright-area-inner .title {
    color: var(--footer-text-color)!important
}

.newsletter-popup .modal-header {
    margin-bottom: 1.5rem
}

.newsletter-popup .modal-content .newsletter-popup-content {
    padding: 2.25rem!important
}

@media(min-width: 768px) {
    .newsletter-popup .modal-content .newsletter-popup-content {
        padding:4.5rem 3rem!important
    }
}

.newsletter-popup .modal-content .modal-text {
    font-size: 15px
}

.newsletter-popup .modal-content .modal-title {
    font-size: 3rem!important
}

.newsletter-popup .modal-content form input[type=email] {
    border: 1px solid #5e5e5e;
    opacity: .5
}

.newsletter-popup .modal-content form button {
    --bs-border-radius: 0;
    margin-bottom: 1.5rem
}

.newsletter-popup .modal-content form input[type=checkbox] {
    height: 1.75rem!important;
    opacity: 1;
    width: 1.75rem!important
}

.echo-header-top-menu-bar button {
    color: #fff!important
}

.home-one .echo-header-top-menu-bar button {
    color: unset!important
}

.home-one.home-three .echo-header-top-menu-bar button {
    color: #fff!important
}

.echo-contact-area .echo-contact-content .echo-contact-full-content .echo-contact-input-field .echo-main-contact-form input.contact-form-input,.echo-contact-area .echo-contact-content .echo-contact-full-content .echo-contact-input-field .echo-main-contact-form textarea {
    border-radius: unset!important;
    box-shadow: unset;
    font-size: 14px!important
}

.echo-contact-area .echo-contact-content .echo-contact-full-content .echo-contact-input-field .echo-main-contact-form input.contact-form-input::-moz-placeholder,.echo-contact-area .echo-contact-content .echo-contact-full-content .echo-contact-input-field .echo-main-contact-form textarea::-moz-placeholder {
    font-size: 14px
}

.echo-contact-area .echo-contact-content .echo-contact-full-content .echo-contact-input-field .echo-main-contact-form input.contact-form-input::placeholder,.echo-contact-area .echo-contact-content .echo-contact-full-content .echo-contact-input-field .echo-main-contact-form textarea::placeholder {
    font-size: 14px
}

.echo-contact-area .echo-contact-content .echo-contact-full-content .echo-contact-input-field .echo-main-contact-form .form-control,.echo-contact-area .echo-contact-content .echo-contact-full-content .echo-contact-input-field .echo-main-contact-form input.contact-form-input {
    height: 50px!important;
    padding: 0 20px!important
}

.echo-contact-area .echo-contact-content .echo-contact-full-content .echo-contact-input-field .echo-main-contact-form textarea {
    padding: 20px!important
}

.echo-contact-area .echo-contact-content .echo-contact-full-content .echo-contact-input-field .echo-main-contact-form .invalid-feedback {
    font-size: 12px!important
}

.echo-contact-area .echo-contact-content .echo-contact-full-content .echo-contact-input-field .echo-main-contact-form label {
    font-size: 14px
}

.echo-contact-area .echo-contact-content .echo-contact-full-content .echo-contact-input-field .echo-main-contact-form .contact-form-group .contact-button {
    background-color: var(--primary-color)!important;
    border: none!important;
    border-radius: unset!important;
    color: #fff;
    display: unset!important;
    margin-top: 10px;
    padding: 10px 20px!important;
    width: auto
}

.echo-contact-area .echo-contact-content .echo-contact-full-content .echo-contact-input-field .echo-main-contact-form .contact-form-group .contact-button:before {
    border-color: #fff #fff transparent!important
}

label.required:after {
    color: #dc3545;
    content: "*";
    margin-left: .25rem
}

.echo-footer-area .echo-subscribe-box-button form .input-group {
    display: block
}

.echo-footer-area .echo-subscribe-box-button form .input-group input {
    margin-bottom: 20px
}

.echo-footer-area .echo-subscribe-box-button form .input-group button {
    border-radius: unset
}

.echo-footer-area .echo-subscribe-box-button form .input-group button.button-loading:before {
    border-color: #fff transparent!important
}

.echo-footer-area .echo-subscribe-box-button form .input-group button:hover.button-loading:before {
    border-color: var(--primary-color) transparent
}

.subscribe-form .input-group input.form-control {
    border: 1px solid rgba(69,69,69,.251)
}

.side-bar .newsletter-form .input-group button.btn {
    border-radius: unset!important;
    color: #fff;
    display: block;
    font-weight: 700;
    width: 100%
}

.echo-newsletter-area .subscribe-form .input-group {
    display: unset;
    height: 80px
}

.echo-newsletter-area .subscribe-form .echo-footer-area-subscribe-button:hover {
    color: #fff!important
}

.echo-subscribe-box-button .subscribe-form .input-group {
    display: unset;
    height: 70px
}

.echo-full-header-top .wrapper-widget-load-ajax {
    min-height: 50px;
    width: 100%
}

.menu-sidebar-loading-wrapper,.wrapper-shortcode-load-ajax,.wrapper-widget-load-ajax {
    min-height: 100px;
    position: relative
}

.menu-sidebar-loading-wrapper .backdrop,.wrapper-shortcode-load-ajax .backdrop,.wrapper-widget-load-ajax .backdrop {
    background-color: transparent;
    height: 100%;
    inset: 0;
    opacity: .1;
    position: absolute;
    width: 100%;
    z-index: 1
}

.menu-sidebar-loading-wrapper .loading:before,.wrapper-shortcode-load-ajax .loading:before,.wrapper-widget-load-ajax .loading:before {
    animation: button-loading-spinner 1s linear infinite;
    border: 2px solid;
    border-color: var(--primary-color) var(--primary-color) transparent;
    border-radius: 50%;
    content: "";
    height: 20px;
    left: 50%;
    margin-left: -9px;
    margin-top: -9px;
    position: absolute;
    top: 50%;
    width: 20px;
    z-index: 2
}

.form-check-input:checked {
    background-color: var(--primary-color)!important;
    border-color: var(--primary-color)!important
}

.fob-comment-form-section .form-control {
    background-color: #fff
}

.echo-get-in-tuch h3 {
    color: #fff;
    font-size: 25px;
    font-weight: 700;
    line-height: 35px;
    margin: 0;
    position: relative
}

p.h5 {
    margin-bottom: 20px
}

.contact-form input[type=checkbox] {
    opacity: 1;
    padding: 0!important;
    position: unset
}

.echo-contact-area .echo-contact-content .echo-contact-full-content .echo-contact-input-field .echo-main-contact-form form input[type=checkbox] {
    height: 14px!important;
    margin-top: 5px;
    padding: 0!important
}

.score-table {
    border: 5px solid #e5e5e5;
    border-radius: 25px;
    padding: 18px;
}

.score-number {
    float: left;
    background: #e5e5e5;
    padding: 10px;
    border-radius: 10px;
    font-size: 2.5rem;
    font-weight: 900;
    margin-right: 20px;
}

.score-number span {
    font-size: .875rem;
    font-weight: 600;
}

.score-description b {
    font-size: 1.5rem;
}

.score-number-title {
    float: left;
    background: #e5e5e5;
    padding: 10px;
    border-radius: 10px;
    font-size: 1.2rem;
    font-weight: 900;
    margin-right: 8px;
}

.score-number-title2 {
    float: left;
    background: #e5e5e5;
    padding: 10px;
    border-radius: 10px;
    font-size: 1.2rem;
    font-weight: 900;
    margin-right: 8px;
    bottom: -10px;
    position: relative;
}

.score-number-title3 {
    float: left;
    background: #e5e5e5;
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 1.2rem;
    font-weight: 900;
    margin-right: 8px;
    bottom: -8px;
    position: relative;
}

[data-theme=dark] .score-table {
    border: 5px solid #181823;
}

[data-theme=dark] .score-number, [data-theme=dark] .score-number-title {
    background: #181823;
}