.btn-style-one,
.mobile-menu-visible,
textarea {
    overflow: hidden
}

.list-style-one li a:hover,
.scroll-to-top:hover {
    color: var(--dlight-base)
}

.btn-style-one,
.btn-style-two {
    font-family: var(--dlight-dmsans-font)
}

.main-menu__navigation>li>ul>li>a,
.main-menu__navigation>li>ul>li>ul>li>a {
    padding: 12px 18px;
    line-height: 24px;
    color: var(--dlight-black);
    font-weight: 600
}

.main-header__contact-list li:last-child,
.main-menu__navigation>li:last-child,
.news-one__meta li:last-child,
.news-two__meta li:last-child {
    margin-right: var(--margin-zero)
}

@font-face {
    font-family: Conv_BordeauxMedium;
    src: url(fonts/BordeauxMedium.eot);
    src: local("☺"), url(fonts/BordeauxMedium.woff) format("woff"), url(fonts/BordeauxMedium.ttf) format("truetype"), url(fonts/BordeauxMedium.svg) format("svg");
    font-weight: 400;
    font-style: normal
}

.text-right {
    text-align: right
}

.btn-style-one,
.centered,
.scroll-to-top {
    text-align: center
}

:root {
    --dlight-smooch-font: "Smooch Sans", sans-serif;
    --dlight-catamaran-font: "Catamaran", sans-serif;
    --dlight-base: #21a54a;
    --dlight-base-rgb: 252, 143, 20;
    --dlight-primary: #46934a;
    --dlight-primary-rgb: 42, 182, 132;
    --dlight-second-color: #1f477e;
    --dlight-second-color-rgb: 26, 73, 135;
    --dlight-third-color: #080d1c;
    --dlight-third-color-rgb: 8, 13, 28;
    --dlight-fourth-color: #f7f5f5;
    --dlight-fourth-color-rgb: 247, 245, 245;
    --dlight-fifth-color: #4d4b57;
    --dlight-fifth-color-rgb: 77, 75, 87;
    --dlight-six-color: #03050c;
    --dlight-six-color-rgb: 3, 5, 12;
    --dlight-seven-color: #fff1e2;
    --dlight-seven-color-rgb: 255, 241, 226;
    --dlight-eight-color: #03060d;
    --dlight-eight-color-rgb: 3, 6, 13;
    --dlight-nine-color: #f8fafe;
    --dlight-nine-color-rgb: 248, 250, 254;
    --dlight-ten-color: #eaedf3;
    --dlight-ten-color-rgb: 234, 237, 243;
    --dlight-eleven-color: #dae6f6;
    --dlight-eleven-color-rgb: 218, 230, 246;
    --dlight-twelve-color: #f2f8ff;
    --dlight-twelve-color-rgb: 242, 248, 255;
    --dlight-thirteen-color: #f2f5fa;
    --dlight-thirteen-color-rgb: 242, 245, 250;
    --dlight-fourteen-color: #232323;
    --dlight-fourteen-color-rgb: 35, 35, 35;
    --dlight-fifteen-color: #eff4f2;
    --dlight-fifteen-color-rgb: 239, 244, 242;
    --dlight-sixteen-color: #ecf9f5;
    --dlight-sixteen-color-rgb: 236, 249, 245;
    --dlight-seventeen-color: #dae3e0;
    --dlight-seventeen-color-rgb: 218, 227, 224;
    --dlight-eightteen-color: #fdfaf6;
    --dlight-eightteen-color-rgb: 253, 250, 246;
    --dlight-nineteen-color: #e77e00;
    --dlight-nineteen-color-rgb: 251, 176, 45;
    --dlight-twenty-color: #1f477e;
    --dlight-twenty-color-rgb: 53, 93, 77;
    --dlight-twentyone-color: #2b2b2b;
    --dlight-twentyone-color-rgb: 43, 43, 43;
    --dlight-twentytwo-color: #e8e7e6;
    --dlight-twentytwo-color-rgb: 232, 231, 230;
    --dlight-twentythree-color: #ececec;
    --dlight-twentythree-color-rgb: 236, 236, 236;
    --dlight-twentyfour-color: #f5f3f3;
    --dlight-twentyfour-color-rgb: 245, 243, 243;
    --dlight-twentyfive-color: #f8f8f8;
    --dlight-twentyfive-color-rgb: 248, 248, 248;
    --dlight-twentysix-color: #2e313d;
    --dlight-twentysix-color-rgb: 46, 49, 61;
    --dlight-twentyseven-color: #111e43;
    --dlight-twentyseven-color-rgb: 17, 30, 67;
    --dlight-twentyeight-color: #17161a;
    --dlight-twentyeight-color-rgb: 23, 22, 26;
    --dlight-twentynine-color: #2a282e;
    --dlight-twentynine-color-rgb: 42, 40, 46;
    --dlight-thirty-color: #1c1b1e;
    --dlight-thirty-color-rgb: 28, 27, 30;
    --dlight-thirtyone-color: #1d1c21;
    --dlight-thirtyone-color-rgb: 29, 28, 33;
    --dlight-thirtytwo-color: #e8e8e8;
    --dlight-thirtytwo-color-rgb: 232, 232, 232;
    --dlight-thirtythree-color: #f2f5f4;
    --dlight-thirtythree-color-rgb: 242, 245, 244;
    --dlight-thirtyfour-color: #ece6e0;
    --dlight-thirtyfour-color-rgb: 236, 230, 224;
    --dlight-thirtyfive-color: #edf4f2;
    --dlight-thirtyfive-color-rgb: 237, 244, 242;
    --dlight-thirtysix-color: #120e1c;
    --dlight-thirtysix-color-rgb: 18, 24, 28;
    --dlight-thirtyseven-color: #f5f5f5;
    --dlight-thirtyseven-color-rgb: 245, 245, 245;
    --dlight-thirtyeight-color: #131212;
    --dlight-thirtyeight-color-rgb: 19, 18, 19;
    --dlight-thirtynine-color: #dedede;
    --dlight-thirtynine-color-rgb: 222, 222, 222;
    --dlight-fourty-color: #cbcdd4;
    --dlight-fourty-color-rgb: 203, 205, 212;
    --dlight-fourtyone-color: #7adbb8;
    --dlight-fourtyone-color-rgb: 122, 219, 184;
    --dlight-fourtytwo-color: #f9f8f4;
    --dlight-fourtytwo-color-rgb: 249, 248, 244;
    --dlight-fourtythree-color: #1f6b3763;
    --dlight-fourtythree-color-rgb: 247, 229, 199;
    --dlight-fourtyfour-color: #f0faf6;
    --dlight-fourtyfour-color-rgb: 240, 250, 246;
    --dlight-fourtyfive-color: #f1f1f1;
    --dlight-fourtyfive-color-rgb: 241, 241, 241;
    --dlight-fourtysix-color: #ededed;
    --dlight-fourtysix-color-rgb: 237, 237, 237;
    --dlight-fourtyseven-color: #fbf4eb;
    --dlight-fourtyseven-color-rgb: 251, 244, 235;
    --dlight-fourtyeight-color: #efece8;
    --dlight-fourtyeight-color-rgb: 239, 236, 232;
    --dlight-fourtynine-color: #d8e0dd;
    --dlight-fourtynine-color-rgb: 216, 224, 221;
    --dlight-fifty-color: #e7e7eb;
    --dlight-fifty-color-rgb: 231, 231, 235;
    --dlight-fiftyone-color: #090a0a;
    --dlight-fiftyone-color-rgb: 9, 10, 10;
    --dlight-fiftytwo-color: #faf2e8;
    --dlight-fiftytwo-color-rgb: 250, 242, 232;
    --dlight-fiftythree-color: #cee0d9;
    --dlight-fiftythree-color-rgb: 206, 224, 217;
    --dlight-fiftyfour-color: #f8f7f5;
    --dlight-fiftyfour-color-rgb: 248, 247, 245;
    --dlight-fiftyfive-color: #161616;
    --dlight-fiftyfive-color-rgb: 22, 22, 22;
    --dlight-fiftysix-color: #f3fafc;
    --dlight-fiftysix-color-rgb: 243, 250, 252;
    --dlight-fiftyseven-color: #000108;
    --dlight-fiftyseven-color-rgb: 0, 1, 8;
    --dlight-white: #fff;
    --dlight-white-rgb: 255, 255, 255;
    --dlight-black: #000;
    --dlight-black-rgb: 0, 0, 0;
    --heading-color: #0c0d24;
    --heading-color-rgb: 12, 13, 36;
    --text-color: #01050c;
    --text-color-rgb: 1, 5, 12;
    --dark-color: #00040b;
    --dark-color-rgb: 0, 4, 11;
    --font-8: 8px;
    --font-10: 10px;
    --font-11: 11px;
    --font-12: 12px;
    --font-13: 13px;
    --font-14: 14px;
    --font-15: 15px;
    --font-16: 16px;
    --font-17: 17px;
    --font-18: 18px;
    --font-20: 20px;
    --font-22: 22px;
    --font-24: 24px;
    --font-26: 26px;
    --font-28: 28px;
    --font-30: 30px;
    --font-32: 32px;
    --font-34: 34px;
    --font-36: 36px;
    --font-38: 38px;
    --font-40: 40px;
    --font-42: 42px;
    --font-43: 43px;
    --font-44: 44px;
    --font-45: 45px;
    --font-48: 48px;
    --font-50: 50px;
    --font-52: 52px;
    --font-54: 54px;
    --font-56: 56px;
    --font-58: 58px;
    --font-60: 60px;
    --font-62: 62px;
    --font-64: 64px;
    --font-65: 65px;
    --font-66: 66px;
    --font-68: 68px;
    --font-70: 70px;
    --font-72: 72px;
    --font-74: 74px;
    --font-75: 75px;
    --font-76: 76px;
    --font-78: 78px;
    --font-80: 80px;
    --font-85: 85px;
    --font-86: 86px;
    --font-90: 90px;
    --font-100: 100px;
    --font-110: 110px;
    --font-120: 120px;
    --font-150: 150px;
    --font-200: 200px;
    --margin-zero: 0;
    --margin-left-5: 5px;
    --margin-left-10: 10px;
    --margin-left-15: 15px;
    --margin-left-20: 20px;
    --margin-left-25: 25px;
    --margin-left-30: 30px;
    --margin-left-35: 35px;
    --margin-left-40: 40px;
    --margin-left-45: 45px;
    --margin-left-50: 50px;
    --margin-left-55: 55px;
    --margin-left-60: 60px;
    --margin-left-65: 65px;
    --margin-left-70: 70px;
    --margin-left-75: 75px;
    --margin-left-80: 80px;
    --margin-left-85: 85px;
    --margin-left-90: 90px;
    --margin-left-95: 95px;
    --margin-left-100: 100px;
    --margin-left-110: 110px;
    --margin-left-120: 120px;
    --margin-left-130: 130px;
    --margin-left-150: 150px;
    --margin-top-5: 5px;
    --margin-top-10: 10px;
    --margin-top-15: 15px;
    --margin-top-19: 19px;
    --margin-top-20: 20px;
    --margin-top-25: 25px;
    --margin-top-30: 30px;
    --margin-top-35: 35px;
    --margin-top-40: 40px;
    --margin-top-45: 45px;
    --margin-top-50: 50px;
    --margin-top-55: 55px;
    --margin-top-60: 60px;
    --margin-top-65: 65px;
    --margin-top-70: 70px;
    --margin-top-75: 75px;
    --margin-top-80: 80px;
    --margin-top-85: 85px;
    --margin-top-90: 90px;
    --margin-top-95: 95px;
    --margin-top-100: 100px;
    --margin-top-120: 120px;
    --margin-right-5: 5px;
    --margin-right-10: 10px;
    --margin-right-15: 15px;
    --margin-right-20: 20px;
    --margin-right-25: 25px;
    --margin-right-30: 30px;
    --margin-right-35: 35px;
    --margin-right-40: 40px;
    --margin-right-45: 45px;
    --margin-right-50: 50px;
    --margin-right-55: 55px;
    --margin-right-60: 60px;
    --margin-right-65: 65px;
    --margin-right-70: 70px;
    --margin-right-75: 75px;
    --margin-right-80: 80px;
    --margin-right-85: 85px;
    --margin-right-90: 90px;
    --margin-right-95: 95px;
    --margin-right-100: 100px;
    --margin-right-115: 115px;
    --margin-bottom-5: 5px;
    --margin-bottom-10: 10px;
    --margin-bottom-15: 15px;
    --margin-bottom-20: 20px;
    --margin-bottom-25: 25px;
    --margin-bottom-30: 30px;
    --margin-bottom-35: 35px;
    --margin-bottom-40: 40px;
    --margin-bottom-45: 45px;
    --margin-bottom-50: 50px;
    --margin-bottom-55: 55px;
    --margin-bottom-60: 60px;
    --margin-bottom-65: 65px;
    --margin-bottom-70: 70px;
    --margin-bottom-75: 75px;
    --margin-bottom-80: 80px;
    --margin-bottom-85: 85px;
    --margin-bottom-90: 90px;
    --margin-bottom-95: 95px;
    --margin-bottom-100: 100px;
    --margin-bottom-150: 150px;
    --margin-bottom-160: 160px;
    --margin-bottom-200: 200px;
    --padding-zero: 0;
    --padding-left-5: 5px;
    --padding-left-10: 10px;
    --padding-left-15: 15px;
    --padding-left-20: 20px;
    --padding-left-25: 25px;
    --padding-left-30: 30px;
    --padding-left-35: 35px;
    --padding-left-40: 40px;
    --padding-left-45: 45px;
    --padding-left-50: 50px;
    --padding-left-55: 55px;
    --padding-left-60: 60px;
    --padding-left-65: 65px;
    --padding-left-70: 70px;
    --padding-left-75: 75px;
    --padding-left-80: 80px;
    --padding-left-85: 85px;
    --padding-left-90: 90px;
    --padding-left-95: 95px;
    --padding-left-100: 100px;
    --padding-left-105: 105px;
    --padding-left-110: 110px;
    --padding-left-120: 120px;
    --padding-left-130: 130px;
    --padding-left-140: 140px;
    --padding-left-150: 150px;
    --padding-left-160: 160px;
    --padding-left-170: 170px;
    --padding-left-180: 180px;
    --padding-left-190: 190px;
    --padding-left-200: 200px;
    --padding-left-210: 210px;
    --padding-left-220: 220px;
    --padding-top-5: 5px;
    --padding-top-10: 10px;
    --padding-top-15: 15px;
    --padding-top-20: 20px;
    --padding-top-25: 25px;
    --padding-top-30: 30px;
    --padding-top-35: 35px;
    --padding-top-40: 40px;
    --padding-top-45: 45px;
    --padding-top-50: 50px;
    --padding-top-55: 55px;
    --padding-top-60: 60px;
    --padding-top-65: 65px;
    --padding-top-70: 70px;
    --padding-top-75: 75px;
    --padding-top-80: 80px;
    --padding-top-85: 85px;
    --padding-top-90: 90px;
    --padding-top-95: 95px;
    --padding-top-100: 100px;
    --padding-top-110: 110px;
    --padding-top-120: 120px;
    --padding-top-130: 130px;
    --padding-top-140: 140px;
    --padding-top-150: 150px;
    --padding-top-170: 170px;
    --padding-right-5: 5px;
    --padding-right-10: 10px;
    --padding-right-15: 15px;
    --padding-right-20: 20px;
    --padding-right-25: 25px;
    --padding-right-30: 30px;
    --padding-right-35: 35px;
    --padding-right-40: 40px;
    --padding-right-45: 45px;
    --padding-right-50: 50px;
    --padding-right-55: 55px;
    --padding-right-60: 60px;
    --padding-right-65: 65px;
    --padding-right-70: 70px;
    --padding-right-75: 75px;
    --padding-right-80: 80px;
    --padding-right-85: 85px;
    --padding-right-90: 90px;
    --padding-right-95: 95px;
    --padding-right-100: 100px;
    --padding-right-110: 110px;
    --padding-right-115: 115px;
    --padding-right-120: 120px;
    --padding-right-130: 130px;
    --padding-right-135: 135px;
    --padding-right-140: 140px;
    --padding-right-150: 150px;
    --padding-right-160: 160px;
    --padding-right-170: 170px;
    --padding-right-200: 200px;
    --padding-right-250: 250px;
    --padding-bottom-5: 5px;
    --padding-bottom-10: 10px;
    --padding-bottom-15: 15px;
    --padding-bottom-20: 20px;
    --padding-bottom-25: 25px;
    --padding-bottom-30: 30px;
    --padding-bottom-35: 35px;
    --padding-bottom-40: 40px;
    --padding-bottom-45: 45px;
    --padding-bottom-50: 50px;
    --padding-bottom-55: 55px;
    --padding-bottom-60: 60px;
    --padding-bottom-65: 65px;
    --padding-bottom-70: 70px;
    --padding-bottom-75: 75px;
    --padding-bottom-80: 80px;
    --padding-bottom-85: 85px;
    --padding-bottom-90: 90px;
    --padding-bottom-95: 95px;
    --padding-bottom-100: 100px;
    --padding-bottom-110: 110px;
    --padding-bottom-150: 150px;
    --padding-bottom-180: 180px;
    --padding-bottom-200: 200px;
    --padding-bottom-250: 250px
}

body {
    font-family: var(--dlight-catamaran-font);
    font-size: 14px;
    color: var(--text-color);
    line-height: 1.6em;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased
}

.bordered-layout .page-wrapper {
    padding: 0 50px
}

a,
a:focus,
a:hover,
a:visited {
    text-decoration: none
}

::-webkit-input-placeholder {
    color: inherit;
    opacity: 1
}

:-ms-input-placeholder {
    color: inherit;
    opacity: 1
}

::-ms-input-placeholder {
    color: inherit;
    opacity: 1
}

::placeholder {
    color: inherit;
    opacity: 1
}

a:focus,
a:hover,
a:visited,
button {
    text-decoration: none;
    outline: 0 !important
}

h1,
h2,
h3,
h4,
h5,
h6 {
    position: relative;
    background: 0 0;
    color: var(--heading-color);
    font-family: var(--dlight-smooch-font)
}

.owl-with-shadow .owl-stage-outer {
    overflow: visible
}

.owl-with-shadow .owl-item {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .5s, visibility .5s, -webkit-transform .5s;
    transition: opacity .5s, visibility .5s, transform .5s, -webkit-transform .5s
}

.btn-style-one:before,
.btn-style-two:before {
    -webkit-transition-duration: .4s;
    width: 47px;
    height: 47px;
    border-radius: 50%
}

.owl-with-shadow .owl-item.active,
.project-four .filters .filter.active .project-four__total-posts,
.project-four .filters .filter:hover .project-four__total-posts {
    opacity: 1;
    visibility: visible
}

.text,
p {
    position: relative;
    line-height: 1.7em;
    font-size: var(--font-18);
    color: var(--text-color)
}

.row {
    --bs-gutter-x: 30px
}

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

@media(min-width: 1200px) {
    .container {
        max-width: 1200px
    }
}

.page-wrapper {
    position: relative;
    margin: 0 auto;
    width: 100%;
    min-width: 300px
}

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

.theme-btn {
    cursor: pointer;
    display: inline-block;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s
}

.list-style-one li a,
.scroll-to-top {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s
}

::-webkit-input-placeholder {
    color: inherit
}

::-moz-input-placeholder {
    color: inherit
}

::-ms-input-placeholder {
    color: inherit
}

.btn-style-one,
.list-style-one li,
.list-style-one li .icon,
.list-style-one li a,
.scroll-to-top {
    color: var(--dlight-white)
}

.scroll-to-top {
    position: fixed;
    bottom: 15px;
    right: 15px;
    width: 40px;
    height: 40px;
    background-color: var(--dlight-base);
    font-size: var(--font-16);
    text-transform: uppercase;
    line-height: 38px;
    z-index: 100;
    cursor: pointer;
    display: none;
    box-shadow: 0 0 10px rgba(0, 0, 0, .15);
    transition: .3s
}

.scroll-to-top:hover {
    background: var(--dlight-white)
}

.btn-style-one:before,
.main-header__top-estimate a:before {
    content: "";
    right: -25px;
    bottom: -18px;
    background: var(--dlight-base)
}

.list-style-one,
.main-header__lower,
.main-header__top {
    position: relative
}

.list-style-one li {
    position: relative;
    font-size: var(--font-16);
    font-weight: 400;
    line-height: 1.6em;
    margin-bottom: var(--margin-bottom-20);
    padding-left: var(--padding-left-30)
}

.list-style-one li a {
    position: relative;
    transition: .3s
}

.list-style-one li .icon,
.main-header__info li a {
    -webkit-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s
}

.list-style-one li .icon {
    position: absolute;
    left: 0;
    top: 5px;
    line-height: 1em;
    font-size: var(--font-20);
    transition: .3s
}

.main-header__contact-list li h5 a:hover,
.main-header__info li .icon {
    color: var(--dlight-primary)
}

.btn-style-one {
    position: relative;
    line-height: 30px;
    font-weight: 600;
    border-radius: 5px;
    padding: 14px 42px;
    display: inline-grid;
    font-size: var(--font-18);
    text-transform: capitalize;
    background-color: var(--dlight-third-color)
}

.btn-style-three,
.btn-style-two {
    border-radius: 4px;
    padding: 14px 44px;
    display: inline-grid;
    font-size: var(--font-18);
    text-transform: capitalize;
    font-weight: 600;
    text-align: center;
    line-height: 30px;
    overflow: hidden
}

.btn-style-one .txt,
.btn-style-three .txt,
.cta-one {
    position: relative;
    z-index: 1
}

.btn-style-one:before {
    transition-duration: .4s;
    position: absolute;
    z-index: 1
}

.btn-style-one i,
.btn-style-three i,
.btn-style-two i {
    position: relative;
    z-index: 1;
    font-style: normal;
    display: inline-block;
    margin-left: var(--margin-left-5)
}

.btn-style-one:hover {
    color: var(--dlight-white) !important
}

.btn-style-three:hover,
.btn-style-two,
.btn-style-two:hover,
.section-title.light .section-title__tagline,
.section-title.light .section-title__text,
.section-title.light .section-title__title {
    color: var(--dlight-white)
}

.btn-style-one:hover:before,
.btn-style-three:hover:before,
.btn-style-two:hover:before {
    width: 100%;
    height: 100%;
    right: 0;
    bottom: 0;
    border-radius: 0
}

.btn-style-two {
    position: relative;
    background-color: var(--dlight-base)
}

.btn-style-two .txt {
    position: relative;
    z-index: 1;
    font-size: 24px
}

.btn-style-two:before {
    transition-duration: .4s;
    position: absolute;
    content: "";
    right: -25px;
    bottom: -18px;
    z-index: 1;
    opacity: .15;
    background-color: var(--dlight-white)
}

.btn-style-three {
    position: relative;
    color: var(--dlight-twentyone-color);
    font-family: var(--dlight-catamaran-font);
    background-color: var(--dlight-white)
}

.btn-style-three:before,
.ui-menu-item:hover {
    background-color: var(--dlight-base)
}

.btn-style-three:before {
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    position: absolute;
    width: 47px;
    height: 47px;
    content: "";
    right: -17px;
    bottom: -17px;
    border-radius: 50%;
    z-index: 1
}

.theme_color {
    color: var(--white-color-two)
}

.section-title__tagline,
.section-title__title span {
    color: var(--dlight-base)
}

img {
    display: inline-block;
    max-width: 100%;
    height: auto
}

.section-title,
.service-detail__solutions {
    position: relative;
    margin-bottom: var(--margin-bottom-60)
}

.section-title__tagline {
    position: relative;
    font-weight: 600;
    font-size: var(--font-16);
    text-transform: uppercase
}

.section-title__text {
    position: relative;
    opacity: .8;
    line-height: 34px;
    font-size: var(--font-20);
    margin-top: 55px;
    color: var(--dlight-fourteen-color)
}

.section-title__title {
    position: relative;
    font-weight: 700;
    line-height: 75px;
    font-size: var(--font-75);
    color: var(--dlight-third-color);
    margin-top: var(--margin-top-10)
}

.section-title.centered {
    text-align: center !important
}

.form-group .ui-selectmenu-button.ui-button {
    width: 100%;
    font-size: var(--font-16);
    font-style: normal;
    height: 56px;
    padding: 12px 20px 10px;
    line-height: 32px;
    border: none;
    border-radius: 2px;
    background: var(--dlight-white);
    color: var(--dlight-thirtyeight-color);
    border: 1px solid var(--dlight-thirtynine-color)
}

.form-group .ui-button .ui-icon {
    background: 0 0;
    position: relative;
    top: 2px;
    text-indent: 0;
    color: #333
}

.form-group .ui-button .ui-icon:before {
    font-family: FontAwesome;
    content: "\f107";
    position: absolute;
    right: 0;
    top: 2px !important;
    width: 10px;
    height: 20px;
    display: block;
    color: var(--text-color);
    line-height: 20px;
    font-size: var(--font-16);
    text-align: center;
    z-index: 5;
    font-weight: 800
}

.ui-menu .ui-menu-item {
    font-size: var(--font-14)
}

.ui-menu .ui-menu-item:last-child {
    border: none
}

.project-one .owl-dots .owl-dot.active,
.project-one .owl-dots .owl-dot:hover,
.ui-state-active,
.ui-widget-content .ui-state-active {
    background-color: var(--dlight-base);
    border-color: var(--dlight-base)
}

.main-menu__navigation>li>ul>li:last-child,
.main-menu__navigation>li>ul>li>ul>li:last-child,
.mobile-menu li>ul>li:last-child {
    border-bottom: none
}

.ui-menu .ui-menu-item-wrapper {
    position: relative;
    display: block;
    padding: 8px 20px;
    font-size: var(--font-14);
    line-height: 24px
}

.top-header-bar {
    background-color: rgba(0, 0, 0, .3) !important;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 0 0 10px 10px
}

.main-header__top .container {
    max-width: 1810px
}

.main-header__info {
    position: relative;
    padding: 14px 0;
    float: left;
    z-index: 1
}

.main-header__info li {
    position: relative;
    float: left;
    font-size: var(--font-14);
    color: var(--dlight-third-color);
    margin-right: var(--margin-right-30)
}

.main-header__cart-box,
.main-header__top-estimate a,
.main-header__top-text {
    position: relative;
    font-size: var(--font-16)
}

.main-header__info li .icon-email {
    font-size: 28px !important
}

.main-header__info li .icon {
    position: absolute;
    left: 0;
    top: px;
    line-height: 1em;
    font-size: var(--font-20)
}

.main-header__info li a {
    position: relative;
    color: rgba(255, 255, 255, .8);
    transition: .3s;
    padding-left: 34px
}

.main-header__language-list li a,
.main-header__logo img {
    -webkit-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s
}

.main-header__info li a:hover {
    color: var(--dlight-base)
}

.main-header__top-text {
    font-weight: 400;
    float: left;
    padding: 10px 0;
    color: var(--dlight-third-color);
    margin-right: var(--margin-right-20)
}

.main-header__top-estimate {
    position: relative;
    float: left;
    margin-top: 8px
}

.main-header__top-estimate a {
    display: inline-block;
    color: var(--dlight-base);
    text-transform: uppercase;
    background-color: var(--dlight-white);
    padding: 7px 16px 5px;
    font-weight: 500;
    overflow: hidden;
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    z-index: 1
}

.main-header__top-estimate a:hover {
    color: var(--dlight-white)
}

.main-header__cart-box,
.main-header__cart-title a:hover,
.main-header__cross-icon:hover {
    color: var(--main-color)
}

.main-header__top-estimate a:before {
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    z-index: -1
}

.main-header__top-estimate a:hover:before {
    width: 100%;
    height: 100%;
    right: 0;
    bottom: 0;
    border-radius: 0
}

.main-header__language-dropdown {
    position: relative;
    float: left;
    padding: 19px 0
}

.main-header__language-dropdown button {
    border: 0;
    background: 0 0;
    font-size: var(--font-15);
    color: var(--dlight-fifth-color)
}

.header-top__flag-icon {
    position: relative;
    margin-right: 5px
}

.main-header__language-dropdown .dropdown-toggle::after {
    position: relative;
    content: "\e928";
    border: 0;
    top: 4px;
    line-height: 1em;
    font-size: var(--font-12);
    font-family: icomoon
}

.main-header__language-list {
    position: relative;
    border: 0;
    padding: 0;
    border-radius: 0;
    margin-top: var(--margin-top-20) !important
}

.main-header__language-list li,
.main-slider__shape-group {
    position: relative;
    display: block
}

.main-header__language-list li a {
    position: relative;
    display: block;
    padding: 8px 14px;
    font-size: var(--font-14);
    color: var(--dlight-white);
    transition: .3s;
    background-color: var(--dlight-fifth-color)
}

.main-header__cart-btns li a,
.main-header__language-list li a:hover,
.product-menu div.active,
.product-menu div:hover {
    background-color: var(--dlight-base)
}

.main-header__cart-box {
    float: left;
    z-index: 10;
    line-height: 1em;
    background: 0 0;
    padding: 22px 0 21px;
    margin-left: var(--margin-left-10)
}

.main-header__cart-btns li a:hover,
.main-header__total-cart {
    background-color: var(--dlight-primary)
}

.main-header__cart-box button {
    border: 0;
    background: 0 0
}

.main-header__cart-box button::after {
    display: none
}

.main-header__total-cart {
    position: absolute;
    right: -8px;
    top: -8px;
    width: 18px;
    height: 18px;
    color: var(--dlight-white);
    font-size: var(--font-10);
    font-weight: 700;
    border-radius: 50%;
    text-align: center;
    line-height: 18px
}

.main-header__cart-product {
    position: relative;
    margin-bottom: var(--margin-bottom-20);
    min-height: 90px;
    border-bottom: 1px solid #e4e4e4
}

.main-header__cart-product .inner {
    position: relative;
    padding-left: var(--padding-left-90);
    min-height: 70px
}

.main-header__cross-icon {
    position: absolute;
    right: 0;
    top: -2px;
    z-index: 1;
    cursor: pointer;
    color: var(--dark-color);
    font-size: var(--font-18);
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

.main-header__cart-image {
    position: absolute;
    width: 70px;
    height: 70px;
    left: 0;
    top: 0
}

.main-header__cart-title {
    position: relative;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: var(--font-18);
    margin: var(--margin-zero);
    text-transform: capitalize
}

.main-header__cart-price,
.main-header__quantity-text {
    margin-top: var(--margin-top-5);
    position: relative;
    color: var(--dark-color)
}

.main-header__cart-title a {
    color: var(--dark-color-two);
    transition: .3s;
    -webkit-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s
}

.main-header__quantity-text {
    font-weight: 300;
    font-size: var(--font-14);
    margin-bottom: var(--margin-zero)
}

.main-header__cart-price {
    font-weight: 700;
    font-size: var(--font-16)
}

.main-header__cart-panel {
    left: auto !important;
    right: 0 !important;
    border-radius: 0;
    padding: 20px;
    min-width: 300px;
    margin-top: var(--margin-top-40) !important;
    z-index: -1;
    box-shadow: 0 0 25px rgba(0, 0, 0, .15);
    border: 3px solid var(--main-color);
    -webkit-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important
}

.main-menu__navigation>li>ul,
.main-menu__navigation>li>ul>li>ul,
.sticky-header {
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    opacity: 0;
    visibility: hidden
}

.header-search__box,
.main-header-two__social a,
.main-header__phone-icon {
    border-radius: 50px;
    text-align: center
}

.main-header__cart-total {
    color: var(--dark-color-two);
    font-size: var(--font-15);
    font-weight: 400;
    text-align: center;
    text-transform: capitalize
}

.main-header__cart-total span {
    font-weight: 800;
    font-size: var(--font-16)
}

.client-owl .owl-dots,
.main-header__cart-btns,
.testimonial-two .owl-dots {
    position: relative;
    text-align: center;
    margin-top: var(--margin-top-20)
}

.main-header,
.main-header:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0
}

.main-header__cart-btns li {
    position: relative;
    margin: 0 5px;
    display: inline-block
}

.main-header__cart-btns li a {
    position: relative;
    color: var(--white-color);
    font-weight: 500;
    font-size: var(--font-12);
    padding: 10px 20px 8px;
    border-radius: 0;
    display: inline-block;
    color: var(--dlight-white);
    text-transform: uppercase;
    transition: .3s;
    -webkit-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s
}

.main-header {
    z-index: 99;
    width: 100%
}

.main-header:before {
    content: "";
    height: auto;
    background-color: var(--dlight-white)
}

.main-header__lower .container,
.page-title .container {
    position: relative;
    max-width: 1810px
}

.main-header__lower__inner {
    position: relative
}

.main-header__logo-box {
    position: relative;
    z-index: 1;
    float: left;
    top: -35px
}

.main-header__logo-box img {
    position: relative;
    top: 9px
}

.main-header__logo img {
    display: inline-block;
    max-width: 100%;
    transition: .3s
}

.main-header .nav-outer {
    position: relative;
    float: right;
    z-index: 1;
    margin-left: var(--margin-left-80)
}

.main-menu__menu-box {
    position: relative;
    float: left;
    -webkit-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

.main-menu__menu-box .navbar-collapse {
    padding: 0;
    float: left;
    display: block !important
}

.blog-search__box .form-group,
.main-menu__navigation {
    position: relative;
    margin: 0
}

.header-style-two .nav-outer,
.main-header__button-box {
    margin-left: var(--margin-left-40)
}

.main-menu__navigation>li {
    position: relative;
    float: left;
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    margin-right: var(--margin-right-40)
}

.header-style-two:before,
.main-menu__menu-box .dropdown-btn,
.main-menu__navigation>li .dropdown-btn,
.mobile-menu li>ul,
.mobile-menu li>ul>li>ul,
.sticky-header .navbar-header {
    display: none
}

.sticky-header .main-menu__navigation>li>a {
    padding: 23px 0;
    color: var(--dark-color)
}

.sticky-header .main-menu__navigation>li:hover>a {
    color: var(--dlight-base);
    background-color: inherit !important
}

.main-header__phone-box {
    position: relative;
    float: left
}

.main-header__phone-inner {
    position: relative;
    font-weight: 400;
    font-size: var(--font-15);
    padding-left: var(--padding-left-75);
    color: rgba(var(--dlight-third-color-rgb), .7)
}

.main-header__phone-icon,
.main-header__phone-number {
    color: var(--dlight-third-color);
    display: inline-block
}

.main-header__phone-icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: var(--font-26);
    background-color: var(--dlight-seven-color)
}

.main-header__phone-number {
    position: relative;
    font-weight: 700;
    font-size: var(--font-24);
    margin-top: var(--margin-top-5);
    -webkit-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
    font-family: var(--dlight-smooch-font)
}

.main-header__phone-number:hover {
    color: var(--dlight-base)
}

.main-header__button-box {
    position: relative;
    float: left
}

.sticky-header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    padding: 0;
    z-index: 0;
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    background-color: var(--dlight-white)
}

.sticky-header .mobile-nav-toggler {
    display: none;
    cursor: pointer;
    color: var(--black-color);
    font-size: var(--font-30);
    font-family: FontAwesome
}

.sticky-header__logo {
    padding: 8px 0
}

.icon-block-product img,
.sticky-header__logo img {
    height: 60px
}

.header-style-two .sticky-header__logo {
    padding: 15px 0
}

.main-header.fixed-header .sticky-header {
    z-index: 999;
    opacity: 1;
    visibility: visible;
    -ms-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -op-animation-name: fadeInDown;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -ms-animation-duration: 500ms;
    -moz-animation-duration: .5s;
    -op-animation-duration: 500ms;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -ms-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -op-animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -ms-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -op-animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.main-slider__shape-1,
.main-slider__shape-6 {
    -webkit-animation-name: shapeMover;
    -webkit-animation-duration: 9s
}

.main-menu__navigation>li>a {
    position: relative;
    display: block;
    text-align: center;
    line-height: 30px;
    letter-spacing: 0;
    font-weight: 400;
    padding: 26px 0;
    font-size: var(--font-20);
    color: #fff;
    text-transform: capitalize;
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

.main-menu__navigation>li:last-child>a {
    padding-right: 0
}

.main-menu__navigation>li:last-child ul {
    right: 0
}

.main-menu__navigation>li.current-menu-item>a,
.main-menu__navigation>li:hover>a {
    opacity: 1;
    color: var(--dlight-base) !important
}

.main-menu__navigation>li>ul {
    position: absolute;
    width: 15rem;
    transform: perspective(300px) scaleY(0) translateZ(30px);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    -o-transform-origin: top;
    transform-origin: top;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    border-radius: 0;
    background-color: var(--dlight-white)
}

.main-menu__navigation>li>ul>li {
    position: relative;
    width: 100%;
    text-align: left;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.main-menu__navigation>li>ul>li>a {
    display: block;
    font-size: var(--font-16);
    text-transform: capitalize;
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

.main-menu__navigation>li>ul>li:hover>a,
.testimonial-one .owl-nav .owl-next:hover,
.testimonial-one .owl-nav .owl-prev:hover {
    color: var(--dlight-white);
    background-color: var(--dlight-base)
}

.main-menu__navigation>li>ul>li.dropdown>a:after {
    font-family: FontAwesome;
    content: "\f105";
    position: absolute;
    right: 13px;
    top: 14px;
    width: 10px;
    height: 20px;
    z-index: 5;
    display: block;
    line-height: 20px;
    font-weight: 400;
    text-align: center;
    color: var(--dark-color);
    font-size: var(--font-20)
}

.main-menu__navigation>li>ul>li.dropdown:hover>a:after,
.text-white {
    color: var(--dlight-white)
}

.main-menu__navigation>li>ul>li>ul {
    position: absolute;
    left: 100%;
    top: 0;
    width: 15rem;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    -o-transform-origin: top;
    transform-origin: top;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    border-radius: 0;
    background-color: var(--dlight-white)
}

.main-menu__navigation>li>ul>li>ul.from-right {
    left: auto;
    right: 0
}

.main-menu__navigation>li>ul>li>ul>li {
    position: relative;
    width: 100%;
    text-align: left;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.main-menu__navigation>li>ul>li>ul>li>a {
    position: relative;
    display: block;
    font-size: var(--font-16);
    text-transform: capitalize;
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

.main-menu__navigation>li>ul>li>ul>li:hover>a {
    color: var(--white-color);
    background-color: var(--dlight-blue-color);
    color: var(--dlight-white);
    background-color: var(--dlight-base)
}

.main-menu__navigation>li.dropdown:hover>ul {
    transform: perspective(300px) scaleY(1) translateZ(0);
    opacity: 1;
    visibility: visible
}

.main-menu__navigation li>ul>li.dropdown:hover>ul {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
    opacity: 1;
    visibility: visible
}

.main-header__contact-list {
    position: relative;
    float: left;
    padding: 29px 0
}

.main-header__contact-list li {
    position: relative;
    display: inline-block;
    margin-right: var(--margin-right-90);
    padding-left: var(--padding-left-75)
}

.main-header__contact-list li .icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 57px;
    height: 57px;
    border-radius: 50%;
    line-height: 57px;
    text-align: center;
    display: inline-block;
    font-size: var(--font-26);
    color: var(--dlight-twentyeight-color);
    background-color: var(--dlight-white)
}

.main-header__contact-list li:last-child .icon {
    font-size: 43px
}

.main-header__contact-list li p {
    margin: var(--margin-zero);
    font-size: var(--font-15);
    color: rgba(var(--dlight-white-rgb), .7)
}

.main-header__contact-list li h5 {
    font-weight: 700;
    font-size: var(--font-24);
    color: var(--dlight-white)
}

.main-header__contact-list li h5 a {
    color: var(--dlight-white);
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

.header-search__box {
    position: relative;
    width: 55px;
    height: 55px;
    cursor: pointer;
    line-height: 58px;
    display: inline-block;
    font-size: var(--font-18);
    color: var(--text-color);
    margin-left: var(--margin-left-25);
    background-color: var(--dlight-thirtytwo-color)
}

.main-header-two__social {
    position: relative;
    float: left;
    padding: 32px 0
}

.main-header-two__social a {
    position: relative;
    width: 56px;
    height: 56px;
    line-height: 54px;
    display: inline-block;
    color: var(--dlight-white);
    font-size: var(--font-18);
    margin-left: var(--margin-left-5);
    border: 1px solid rgba(255, 255, 255, .1);
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

.main-slider__content-img img,
.main-slider__shape-1 img,
.main-slider__shape-2 img,
.main-slider__shape-3 img,
.main-slider__shape-4 img,
.main-slider__shape-5 img,
.main-slider__shape-6 img,
.main-slider__sub-title-icon img,
.main-slider__three-img img,
.main-slider__three-shape-1 img,
.main-slider__two-img img,
.main-slider__two-shape-1 img,
.main-slider__two-shape-2 img,
.main-slider__two-shape-3 img,
.search-popup .close-search.style-two {
    width: auto
}

.main-header__agent-box a,
.mobile-menu .menu-item.menu-item-type-post_type.current-menu-item,
.mobile-menu .mobile-menu__outer li.current-menu-item>a,
.mobile-menu .mobile-menu__outer li:hover>a,
.mobile-menu__contact-list>li>a:hover {
    color: var(--dlight-base)
}

.main-header-two__social a:hover {
    border-color: var(--dlight-base);
    background-color: var(--dlight-base)
}

.main-header__btn-box {
    position: relative;
    float: left;
    padding: 31px 0;
    margin-left: var(--margin-left-25)
}

.main-header__location-box {
    position: relative;
    float: left;
    padding: 33.5px 30px;
    margin-right: var(--margin-right-5);
    background-color: var(--dlight-thirtythree-color)
}

.main-header__location-inner {
    position: relative;
    font-size: var(--font-18);
    color: var(--dlight-twentyeight-color);
    padding-left: var(--padding-left-35)
}

.main-header__location-icon {
    position: absolute;
    left: 0;
    top: 0;
    line-height: 1em;
    font-size: var(--font-24);
    color: var(--dlight-primary)
}

.header-style-two .container {
    max-width: 1800px
}

.main-header__upper {
    background-color: var(--dlight-twentyeight-color)
}

.header-style-two .main-header__logo-box {
    top: 0;
    padding: 20px 25px;
    margin-right: var(--margin-right-60)
}

.header-style-two .main-header__logo-box:before {
    background-image: none;
    width: auto;
    height: auto;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: .02;
    background-color: var(--dlight-white);
    clip-path: polygon(0 0, 100% 0, 95% 100%, 5% 100%)
}

.header-style-two .main-header__logo-box img {
    top: 0
}

.header-style-two .main-menu__navigation>li>a {
    padding: 30px 0
}

.header-style-two .main-header__lower .outer-box {
    padding: var(--padding-zero)
}

.header-style-two .main-header__cart-box {
    padding: 38px 0 30px
}

.header-style-two .header-search__box {
    margin: 17.5px 0 17.5px 25px
}

.main-header__agent-box {
    position: relative;
    float: left;
    padding: 33.5px 0;
    font-size: var(--font-18);
    padding-right: var(--padding-right-25);
    color: var(--dlight-twentyeight-color);
    background-color: var(--dlight-thirtythree-color)
}

.main-header__agent-box a {
    position: relative;
    font-weight: 500;
    padding: 3px 10px;
    font-size: var(--font-16);
    margin-left: var(--margin-left-10);
    background-color: var(--dlight-thirtyfour-color);
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    z-index: 1
}

.main-header__agent-box a:hover {
    color: var(--dlight-white);
    background: var(--dlight-base)
}

.main-header__agent-box:before {
    position: absolute;
    content: "";
    top: 0;
    right: 100%;
    width: 200%;
    bottom: 0;
    background-color: var(--dlight-thirtythree-color)
}

.search-popup {
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100%;
    z-index: 99999;
    margin-top: -540px;
    transform: translateY(-100%);
    -webkit-transition: .5s cubic-bezier(.86, 0, .07, 1);
    -moz-transition: .5s cubic-bezier(.86, 0, .07, 1);
    -o-transition: .5s cubic-bezier(.86, 0, .07, 1);
    transition: 1.5s cubic-bezier(.86, 0, .07, 1);
    -webkit-transition-timing-function: cubic-bezier(.86, 0, .07, 1);
    -moz-transition-timing-function: cubic-bezier(.86, 0, .07, 1);
    -o-transition-timing-function: cubic-bezier(.86, 0, .07, 1);
    transition-timing-function: cubic-bezier(.86, 0, .07, 1)
}

.search-popup .color-layer {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 100vh;
    width: 100%;
    background-color: rgba(0, 0, 0, .9);
    -webkit-transition: .5s cubic-bezier(.86, 0, .07, 1);
    -moz-transition: .5s cubic-bezier(.86, 0, .07, 1);
    -o-transition: .5s cubic-bezier(.86, 0, .07, 1);
    transition: 1.5s cubic-bezier(.86, 0, .07, 1);
    -webkit-transition-timing-function: cubic-bezier(.86, 0, .07, 1);
    -moz-transition-timing-function: cubic-bezier(.86, 0, .07, 1);
    -o-transition-timing-function: cubic-bezier(.86, 0, .07, 1);
    transition-timing-function: cubic-bezier(.86, 0, .07, 1)
}

.sidenav-bar-visible .search-popup {
    width: 80%
}

.search-popup:after {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 560px;
    background-image: url(../images/icons/waves-shape.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-top: 0;
    content: ""
}

.search-active .search-popup {
    transform: translateY(0);
    margin-top: var(--margin-zero)
}

.search-popup .close-search {
    position: absolute;
    left: 0;
    right: 0;
    top: 75%;
    border: 0;
    margin: -200px auto 0;
    border-radius: 50%;
    text-align: center;
    background-color: var(--dlight-base);
    width: 70px;
    padding: 0;
    cursor: pointer;
    border-bottom: 3px solid var(--dlight-white);
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    opacity: 0;
    visibility: hidden
}

.energy-one__phone-number,
.search-popup form {
    -webkit-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s
}

.search-popup .close-search span {
    position: relative;
    display: block;
    height: 70px;
    width: 70px;
    font-size: var(--font-30);
    line-height: 70px;
    color: var(--dlight-white)
}

.search-active .search-popup .close-search {
    visibility: visible;
    opacity: 1;
    top: 50%;
    -webkit-transition-delay: 1.5s;
    -moz-transition-delay: 1.5s;
    -ms-transition-delay: 1.5s;
    -o-transition-delay: 1.5s;
    transition-delay: 1.5s
}

.search-popup form {
    position: absolute;
    max-width: 700px;
    top: 50%;
    left: 15px;
    right: 15px;
    z-index: 999;
    margin: -35px auto 0;
    transform: scaleX(0);
    transform-origin: center;
    background-color: var(--dlight-white);
    transition: .3s
}

.search-active .search-popup form {
    transform: scaleX(1);
    -webkit-transition-delay: 1.2s;
    -moz-transition-delay: 1.2s;
    -ms-transition-delay: 1.2s;
    -o-transition-delay: 1.2s;
    transition-delay: 1.2s
}

.search-popup .form-group {
    position: relative;
    margin: var(--margin-zero);
    overflow: hidden
}

.search-popup .form-group input[type=search],
.search-popup .form-group input[type=text] {
    position: relative;
    display: block;
    border: 0;
    font-size: var(--font-18);
    line-height: 50px;
    color: var(--black-color);
    height: 70px;
    width: 100%;
    padding: 10px 30px;
    background-color: var(--dlight-white);
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    font-weight: 500;
    text-transform: capitalize
}

.search-popup .form-group button,
.search-popup .form-group input[type=submit] {
    position: absolute;
    right: 30px;
    top: 0;
    height: 70px;
    line-height: 70px;
    background: 0 0;
    text-align: center;
    font-size: var(--font-24);
    color: var(--black-color);
    padding: 0;
    cursor: pointer;
    border: 0;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.search-popup .form-group button:hover,
.search-popup .form-group input[type=submit]:hover {
    color: var(--black-color)
}

.search-popup input::placeholder,
.search-popup textarea::placeholder {
    color: var(--black-color)
}

.search-popup .close-search.style-two {
    position: absolute;
    right: 25px;
    left: auto;
    color: var(--white-color);
    height: auto;
    top: 25px;
    margin: 0;
    border: none;
    background: 0 0 !important;
    box-shadow: none !important;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.search-popup .close-search.style-two span {
    font-size: var(--font-20);
    color: var(--white-color)
}

.main-header .mobile-nav-toggler {
    position: relative;
    float: right;
    display: none;
    cursor: pointer;
    line-height: 44px;
    padding: 0;
    color: var(--dlight-dark);
    font-size: var(--font-30);
    font-family: FontAwesome
}

.mobile-menu,
.mobile-menu .menu-backdrop {
    position: fixed;
    height: 100%;
    top: 0;
    right: 0
}

.mobile-menu {
    width: 300px;
    padding-right: 30px;
    max-width: 100%;
    visibility: hidden;
    z-index: 999999
}

.mobile-menu__logo {
    position: relative;
    padding: 20px;
    text-align: left
}

.main-slider__nav,
.mobile-menu li>ul>li>a {
    padding-left: 30px
}

.mobile-menu__logo img {
    max-width: 200px
}

.mobile-menu-visible .mobile-menu {
    visibility: visible
}

.mobile-menu .menu-backdrop {
    width: 0%;
    z-index: 1;
    background: rgba(0, 0, 0, .7);
    -webkit-transform: translateX(101%);
    -ms-transform: translateX(101%);
    transform: translateX(101%);
    transition: .9s .3s;
    -moz-transition: .9s .3s;
    -webkit-transition: .9s .3s;
    -ms-transition: .9s .3s;
    -o-transition: .9s .3s
}

.mobile-menu-visible .mobile-menu .menu-backdrop {
    opacity: 1;
    width: 100%;
    visibility: visible;
    transition: .9s;
    -moz-transition: .9s;
    -webkit-transition: .9s;
    -ms-transition: .9s;
    -o-transition: .9s;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.mobile-menu .mobile-menu__box {
    position: absolute;
    right: -400px;
    top: 0;
    width: 100%;
    height: 100%;
    max-height: 100%;
    overflow-y: auto;
    background: var(--dlight-black);
    padding: 0;
    z-index: 5;
    border-radius: 0;
    transition: .9s;
    -moz-transition: .9s;
    -webkit-transition: .9s;
    -ms-transition: .9s;
    -o-transition: .9s
}

.mobile-menu .close-btn,
.mobile-menu__contact-list li .icon {
    line-height: 30px;
    width: 30px;
    position: absolute;
    text-align: center
}

.mobile-menu__contact-list {
    position: relative;
    margin-top: var(--margin-top-25);
    margin-left: var(--margin-left-15)
}

.mobile-menu__contact-list li {
    position: relative;
    padding-top: 2px;
    padding-left: var(--padding-left-40);
    margin-bottom: var(--margin-bottom-15)
}

.mobile-menu__contact-list li .icon {
    left: 0;
    top: 0;
    height: 30px;
    border-radius: 50px;
    display: inline-block;
    color: var(--dlight-white);
    background-color: var(--dlight-base)
}

.main-slider__three-title span::before,
.service-two__single:hover .service-two__single-inner:before {
    background-color: var(--dlight-fourtyone-color)
}

.mobile-menu__contact-list>li>a {
    position: relative;
    color: var(--dlight-white);
    font-size: var(--font-16);
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

.mobile-menu__social {
    margin-left: 0;
    position: relative;
    margin-top: var(--margin-top-25);
    margin-left: var(--margin-left-15);
    padding-bottom: var(--padding-bottom-50)
}

.mobile-menu__social li {
    position: relative;
    display: inline-block;
    margin-right: var(--margin-right-5)
}

.mobile-menu__social li a {
    font-size: 0 !important;
    position: relative;
    width: 36px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    border-radius: 50px;
    color: #222;
    background-color: var(--dlight-base);
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

.mobile-menu__social li a:before {
    font-size: 16px;
    line-height: 36px
}

.mobile-menu__social li a:hover {
    background-color: #222;
    color: var(--dlight-base)
}

.mobile-menu-visible .mobile-menu .mobile-menu__box {
    right: 0;
    -webkit-transition-delay: .6s;
    -moz-transition-delay: .6s;
    -ms-transition-delay: .6s;
    -o-transition-delay: .6s;
    transition-delay: .6s
}

.mobile-menu .close-btn {
    right: 15px;
    top: 15px;
    font-size: var(--font-20);
    color: var(--dlight-white);
    cursor: pointer;
    z-index: 10;
    background-color: var(--dlight-black);
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    font-family: FontAwesome;
    -webkit-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px)
}

.mobile-menu-visible .mobile-menu .close-btn {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: .9s;
    -moz-transition-delay: .9s;
    -ms-transition-delay: .9s;
    -o-transition-delay: .9s;
    transition-delay: .9s
}

.mobile-menu .mobile-menu__outer li {
    position: relative;
    display: block;
    border-bottom: 1px solid rgba(255, 255, 255, .2)
}

.mobile-menu li.dropdown .dropdown-btn {
    font-size: 16px;
    color: #404040;
    position: absolute;
    right: 15px;
    top: 5px;
    width: 34px;
    height: 34px;
    text-align: center;
    border-radius: 3px;
    color: var(--dlight-white);
    font-size: var(--font-16);
    background-color: var(--dlight-base);
    line-height: 34px;
    cursor: pointer;
    z-index: 5
}

.mobile-menu li>ul>li>ul {
    padding-left: 0
}

.mobile-menu li>ul>li>ul>li>a {
    padding-left: 40px
}

.mobile-menu .close-btn:hover {
    opacity: .5
}

.mobile-menu li>ul>li:first-child {
    border-top: 1px solid rgba(255, 255, 255, .2)
}

.mobile-menu .mobile-menu__outer li>a {
    position: relative;
    display: block;
    line-height: 24px;
    padding: 10px 15px;
    font-size: var(--font-16);
    color: var(--dlight-white);
    text-transform: capitalize
}

.main-header__lower .outer-box {
    position: relative;
    float: right;
    padding: 33px 0
}

.mobile-menu .menu-box .mCSB_scrollTools {
    width: 3px
}

.main-slider,
.main-slider-three {
    position: relative;
    display: block;
    z-index: 91
}

.main-slider .swiper-slide,
.main-slider-three .swiper-slide,
.main-slider-two .swiper-slide {
    position: relative;
    background-color: var(--dlight-black)
}

.main-slider .container {
    position: relative;
    padding-top: 155px;
    padding-bottom: 190px;
    z-index: 30
}

.image-layer-three,
.image-layer-two,
.main-slider .image-layer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity 1.5s ease-in, -webkit-transform 7s;
    transition: transform 7s, opacity 1.5s ease-in, -webkit-transform 7s;
    z-index: 1
}

.main-slider .swiper-slide-active .image-layer,
.main-slider-three .swiper-slide-active .image-layer-three,
.main-slider-two .swiper-slide-active .image-layer-two {
    -webkit-transform: scale(1.15);
    transform: scale(1.15)
}

.main-slider__shape-1 {
    position: absolute;
    top: 125px;
    right: 135px;
    z-index: 1;
    animation-name: shapeMover;
    animation-duration: 9s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.main-slider__shape-2 {
    position: absolute;
    bottom: 50px;
    right: 65px;
    z-index: 1;
    -webkit-animation-name: squareMover;
    animation-name: squareMover;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-perspective: 100px;
    perspective: 100px;
    -webkit-transform-origin: center center;
    transform-origin: center center
}

.main-slider__shape-7 {
    position: absolute;
    left: -174px;
    top: 166px;
    border-radius: 50%;
    background-color: #95b9d4;
    opacity: .102;
    width: 598px;
    height: 598px
}

.main-slider__shape-8,
.main-slider__shape-9 {
    position: absolute;
    width: 195px;
    height: 195px;
    border-radius: 50%
}

.main-slider__shape-8 {
    left: -72px;
    top: 225px;
    background-color: #2ab684;
    animation-name: zoomInOut;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: zoomInOut;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-name: zoomInOut;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-name: zoomInOut;
    -ms-animation-duration: 3s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-name: zoomInOut;
    -o-animation-duration: 3s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: ease-in-out
}

.main-slider__shape-9,
.main-slider__two-shape-3 {
    animation-name: zoomInOut;
    animation-duration: 3s;
    animation-timing-function: ease-in-out
}

.main-slider__shape-9 {
    right: 167px;
    top: 455px;
    background-color: #fc8f14;
    animation-iteration-count: infinite;
    -webkit-animation-name: zoomInOut;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-name: zoomInOut;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-name: zoomInOut;
    -ms-animation-duration: 3s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-name: zoomInOut;
    -o-animation-duration: 3s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: ease-in-out
}

.main-slider__shape-3,
.main-slider__shape-4 {
    position: absolute;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear
}

.main-slider__shape-3 {
    top: 135px;
    left: 0;
    -webkit-animation-name: float-bob-y;
    animation-name: float-bob-y;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.energy-one__color,
.main-slider__shape-4 {
    -webkit-animation-name: float-bob-x;
    -webkit-animation-duration: 2s
}

.main-slider__shape-4 {
    top: 131px;
    right: 195px;
    animation-name: float-bob-x;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.main-slider__shape-5,
.main-slider__shape-6 {
    position: absolute;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite
}

.main-slider__shape-5 {
    top: 581px;
    right: 145px;
    -webkit-animation-name: squareMover;
    animation-name: squareMover;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    animation-timing-function: linear;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    animation-iteration-count: infinite;
    -webkit-perspective: 100px;
    perspective: 100px;
    -webkit-transform-origin: center center;
    transform-origin: center center
}

.main-slider__shape-6 {
    top: 290px;
    left: 85px;
    animation-name: shapeMover;
    animation-duration: 9s;
    animation-timing-function: linear;
    animation-iteration-count: infinite
}

.main-slider__content,
.main-slider__content-left,
.main-slider__content-right,
.main-slider__inner,
.main-slider__three-left {
    position: relative;
    display: block
}

.main-slider__content {
    text-align: left
}

.main-slider__content-left {
    z-index: 1
}

.main-slider__content-img {
    position: absolute;
    top: 5px;
    left: -150px;
    transform: translateX(-100%);
    z-index: 2
}

.swiper-slide-active .main-slider__content-img {
    opacity: 1;
    transform: translateX(0);
    transition: transform 2s, opacity 2s, color .5s, background .5s
}

.main-slider__sub-title-box,
.main-slider__title {
    -webkit-transition: opacity 2s, -webkit-transform 2s
}

.main-slider__sub-title-box {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 22px;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-120px);
    transform: translateY(-120px);
    transition: transform 2s, opacity 2s, -webkit-transform 2s
}

.main-slider__title,
.main-slider__two-top {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-120px)
}

.main-slider__sub-title-icon {
    margin-right: 6px
}

.main-slider__sub-title {
    font-size: 16px;
    color: var(--dlight-white);
    font-weight: 500;
    line-height: 34px;
    text-transform: uppercase;
    margin-bottom: 0
}

.main-slider__title {
    color: var(--dlight-white);
    line-height: 100px;
    font-weight: 700;
    font-size: var(--font-110);
    margin-bottom: 63px;
    font-family: var(--dlight-smooch-font);
    transform: translateY(-120px);
    transition: transform 2s, opacity 2s, -webkit-transform 2s
}

.main-slider__btn-box,
.main-slider__three-btn-box,
.main-slider__two-btn-box {
    position: relative;
    display: block;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(120px);
    transform: translateY(120px);
    -webkit-transition: opacity 2s, -webkit-transform 2s;
    transition: transform 2s, opacity 2s, -webkit-transform 2s
}

.main-slider .swiper-slide-active .main-slider__btn-box,
.main-slider .swiper-slide-active .main-slider__sub-title-box,
.main-slider .swiper-slide-active .main-slider__title {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0) translateX(0);
    transform: translateY(0) translateX(0)
}

.main-slider__nav {
    width: 100%;
    max-width: 100%;
    padding-right: 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 100;
    transform: translateY(-50%) translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 0;
    line-height: 0
}

.main-slider__nav .swiper-button-next,
.main-slider__nav .swiper-button-prev {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    z-index: 100;
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    color: rgba(var(--dlight-white-rgb), 1);
    background-color: rgba(193, 222, 243, .3);
    border-radius: 50%;
    margin: 0;
    text-align: center;
    transition: .5s;
    padding: 23px 0
}

.main-slider__nav .swiper-button-next:hover,
.main-slider__nav .swiper-button-prev:hover {
    color: rgba(var(--dlight-white-rgb), 1);
    background-color: #000
}

.main-slider__nav .swiper-button-next::after,
.main-slider__nav .swiper-button-prev::after,
.project-one .owl-nav,
.project-three .owl-nav,
.sponsors-one .owl-dots,
.sponsors-one .owl-nav,
.testimonial-one .owl-dots,
.testimonial-two .owl-nav {
    display: none
}

.main-slider-two {
    position: relative;
    display: block;
    border-top: 1px solid #9adedf;
    z-index: 91
}

.main-slider__two-shape-1 {
    position: absolute;
    bottom: 75px;
    left: 35px;
    z-index: 2;
    -webkit-animation-name: shapeMover;
    animation-name: shapeMover;
    -webkit-animation-duration: 9s;
    animation-duration: 9s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.main-slider__two-shape-2,
.main-slider__two-shape-3 {
    animation-iteration-count: infinite;
    position: absolute;
    z-index: 1
}

.main-slider__two-shape-2 {
    bottom: 180px;
    left: 440px;
    animation-name: zoom-fade;
    animation-duration: 5s;
    animation-timing-function: linear;
    -webkit-animation-name: zoom-fade;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: zoom-fade;
    -moz-animation-duration: 5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: zoom-fade;
    -ms-animation-duration: 5s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: zoom-fade;
    -o-animation-duration: 5s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear
}

.main-slider__two-shape-3 {
    bottom: 75px;
    right: 100px;
    -webkit-animation-name: zoomInOut;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-name: zoomInOut;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-name: zoomInOut;
    -ms-animation-duration: 3s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-name: zoomInOut;
    -o-animation-duration: 3s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: ease-in-out
}

.main-slider__two-img {
    position: absolute;
    bottom: 0;
    left: 25px;
    transform: translateX(-100%);
    z-index: 1
}

.swiper-slide-active .main-slider__two-img {
    opacity: 1;
    transform: translateX(0);
    transition: transform 2s, opacity 2s, color .5s, background .5s
}

.main-slider__two-title,
.main-slider__two-top {
    -webkit-transition: opacity 2s, -webkit-transform 2s
}

.main-slider-two .container {
    position: relative;
    padding-top: 140px;
    padding-bottom: 180px;
    z-index: 30
}

.image-layer-two:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
    background-image: -moz-linear-gradient(-90deg, rgba(112, 115, 115, .8) 0, rgba(112, 115, 115, .4) 58%, rgba(112, 115, 115, .8) 100%);
    background-image: -webkit-linear-gradient(-90deg, rgba(112, 115, 115, .8) 0, rgba(112, 115, 115, .4) 58%, rgba(112, 115, 115, .8) 100%);
    background-image: -ms-linear-gradient(-90deg, rgba(112, 115, 115, .8) 0, rgba(112, 115, 115, .4) 58%, rgba(112, 115, 115, .8) 100%)
}

.main-slider__two-content {
    position: relative;
    display: block;
    text-align: center
}

.main-slider__two-top {
    position: relative;
    display: block;
    margin-bottom: 21px;
    transform: translateY(-120px);
    transition: transform 2s, opacity 2s, -webkit-transform 2s
}

.main-slider__two-top-icon {
    position: relative;
    display: block;
    margin-bottom: 3px
}

.main-slider__two-top-icon span {
    font-size: 35px;
    color: var(--dlight-primary)
}

.main-slider__two-top-text {
    position: relative;
    font-weight: 500;
    line-height: 1.6em;
    color: var(--dlight-white);
    font-size: var(--font-16);
    text-transform: uppercase;
    font-family: var(--dlight-catamaran-font);
    margin: 0
}

.main-slider__three-title,
.main-slider__two-title {
    font-size: var(--font-110);
    font-family: var(--dlight-smooch-font);
    opacity: 0;
    visibility: hidden;
    color: var(--dlight-white)
}

.main-slider__two-title {
    line-height: 100px;
    font-weight: 700;
    margin-bottom: var(--margin-bottom-35);
    -webkit-transform: translateY(-120px);
    transform: translateY(-120px);
    transition: transform 2s, opacity 2s, -webkit-transform 2s
}

.main-slider__two-text {
    color: var(--dlight-white);
    line-height: 36px;
    font-weight: 400;
    margin-bottom: var(--margin-bottom-50);
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(120px);
    transform: translateY(120px);
    -webkit-transition: opacity 2s, -webkit-transform 2s;
    transition: transform 2s, opacity 2s, -webkit-transform 2s
}

.main-slider-two .swiper-slide-active .main-slider__two-btn-box,
.main-slider-two .swiper-slide-active .main-slider__two-text,
.main-slider-two .swiper-slide-active .main-slider__two-title,
.main-slider-two .swiper-slide-active .main-slider__two-top {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0) translateX(0);
    transform: translateY(0) translateX(0)
}

.main-slider-three .container {
    position: relative;
    padding-top: 201px;
    padding-bottom: 205px;
    z-index: 30
}

.image-layer-three:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 950px;
    content: "";
    background: #5b7880;
    background: linear-gradient(90deg, #5b7880 38%, rgba(91, 120, 128, .00043767507002800965) 87%)
}

.main-slider__three-img {
    position: absolute;
    bottom: 0;
    right: 0;
    transform: translateX(100%);
    z-index: 2
}

.swiper-slide-active .main-slider__three-img {
    opacity: 1;
    transform: translateX(0);
    transition: transform 2s, opacity 2s, color .5s, background .5s
}

.main-slider__three-shape-1 {
    position: absolute;
    bottom: 369px;
    right: 434px;
    z-index: 1;
    animation-name: zoomInOut;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: zoomInOut;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-name: zoomInOut;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-name: zoomInOut;
    -ms-animation-duration: 3s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-name: zoomInOut;
    -o-animation-duration: 3s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: ease-in-out
}

.main-slider__three-title {
    line-height: 100px;
    font-weight: 700;
    margin-bottom: 63px;
    -webkit-transform: translateY(-120px);
    transform: translateY(-120px);
    -webkit-transition: opacity 2s, -webkit-transform 2s;
    transition: transform 2s, opacity 2s, -webkit-transform 2s;
    z-index: 1
}

.main-slider__three-title span {
    position: relative
}

.main-slider__three-title span::before {
    position: absolute;
    content: "";
    left: 3px;
    bottom: 27px;
    height: 14px;
    right: 17px;
    z-index: -1
}

.main-slider-three .swiper-slide-active .main-slider__three-btn-box,
.main-slider-three .swiper-slide-active .main-slider__three-title {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0) translateX(0);
    transform: translateY(0) translateX(0)
}

.main-slider__three-right {
    position: relative;
    display: block;
    margin-left: -13px;
    margin-right: 58px
}

.main-slider__three-play-box {
    position: absolute;
    top: 313px;
    left: 0
}

.main-slider__three-play-box:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    content: "";
    height: 3px;
    background: #2ab785;
    background: linear-gradient(90deg, #2ab785 23%, rgba(42, 183, 133, 0) 56%);
    z-index: 2
}

.main-slider__three-play-box:after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
    height: 3px;
    background: #2ab785;
    background: linear-gradient(90deg, #2ab785 23%, rgba(42, 183, 133, 0) 56%);
    z-index: 2
}

.main-slider__three-play {
    position: relative;
    display: block;
    padding: 33px 65px 40px;
    z-index: 1
}

.main-slider__three-play:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
    background: #fff;
    background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0, #fff 30%)
}

.main-slider__three-play-title {
    font-size: var(--font-40);
    font-weight: 700;
    line-height: 40px;
    color: var(--dlight-third-color);
    margin: 0 0 20px
}

.main-slider__three-play-text {
    font-size: var(--font-22);
    font-weight: 400;
    line-height: 32px;
    color: var(--dlight-third-color)
}

.energy-one__phone-inner,
.enerygy-one__client-box {
    font-weight: 600;
    font-family: var(--dlight-smooch-font)
}

.main-slider__three-video-link {
    position: absolute;
    top: 50%;
    left: -37px;
    transform: translateY(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    z-index: 1
}

.main-slider__three-video-icon {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 77px;
    height: 77px;
    line-height: 97px;
    text-align: center;
    font-size: 23px;
    color: var(--dlight-base);
    border: 1px solid var(--dlight-base);
    border-radius: 50%;
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

.enerygy-one__text,
.enerygy-one__text-two {
    line-height: 34px;
    font-size: var(--font-20);
    color: var(--dlight-eight-color)
}

.main-slider__three-video-icon:hover {
    background-color: var(--dlight-base);
    color: var(--dlight-white)
}

.main-slider__three-video-icon:before {
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    content: "";
    border-radius: 50%;
    background-color: var(--dlight-white);
    box-shadow: 0 0 32px 0 rgba(207, 204, 204, .45);
    z-index: -1
}

.main-slider__three-video-icon .ripple:after,
.main-slider__three-video-icon .ripple:before,
.main-slider__three-video-link .ripple {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 93px;
    height: 93px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -ms-box-shadow: 0 0 0 0 rgba(var(--dlight-base-rgb), .6);
    -o-box-shadow: 0 0 0 0 rgba(var(--dlight-base-rgb), .6);
    -webkit-box-shadow: 0 0 0 0 rgba(var(--dlight-base-rgb), .6);
    box-shadow: 0 0 0 0 rgba(var(--dlight-base-rgb), .6);
    -webkit-animation: 3s infinite ripple;
    animation: 3s infinite ripple;
    border-radius: 50%
}

.main-slider__three-video-icon .ripple:before {
    -webkit-animation-delay: .9s;
    animation-delay: .9s;
    content: "";
    position: absolute
}

.main-slider__three-video-icon .ripple:after {
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
    content: "";
    position: absolute
}

.energy-one__shape-five,
.energy-one__shape-one {
    -webkit-animation-delay: 2s;
    -webkit-perspective: 100px
}

@-webkit-keyframes ripple {
    70% {
        box-shadow: 0 0 0 40px transparent
    }

    100% {
        box-shadow: 0 0 0 0 transparent
    }
}

@keyframes ripple {
    70% {
        box-shadow: 0 0 0 40px transparent
    }

    100% {
        box-shadow: 0 0 0 0 transparent
    }
}

#main-slider-pagination {
    z-index: 10;
    bottom: 22px;
    left: 50%;
    width: 100%;
    max-width: 1170px;
    -webkit-transform: translate(-50%, calc(-50% + 95px));
    transform: translate(-50%, calc(0% + 0px));
    text-align: left
}

#main-slider-pagination .swiper-pagination-bullet {
    width: 13px;
    height: 8px;
    border-radius: 3px;
    background-color: #fff !important;
    opacity: 1;
    margin-left: 0;
    margin-right: 0
}

#main-slider-pagination .swiper-pagination-bullet+.swiper-pagination-bullet {
    margin-left: 10px
}

#main-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 28px;
    background-color: var(--dlight-base) !important;
    opacity: 1
}

.energy-one {
    position: relative;
    overflow: hidden;
    padding: 120px 0 50px;
    background-color: var(--dlight-nine-color)
}

.energy-one__color,
.energy-one__color-two {
    position: absolute;
    top: 30%;
    width: 469px;
    height: 469px;
    border-radius: 50%;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear
}

.energy-one__color {
    left: -200px;
    background-color: var(--dlight-twelve-color);
    animation-name: float-bob-x;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.energy-one__color-two {
    right: -240px;
    background-color: var(--dlight-thirteen-color);
    -webkit-animation-name: float-bob-x;
    animation-name: float-bob-x;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.energy-one__shape-one,
.energy-one__shape-two {
    position: absolute;
    background-repeat: no-repeat;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear
}

.energy-one__shape-one {
    top: 285px;
    left: 85px;
    height: 70px;
    width: 70px;
    -webkit-animation-name: squareMover;
    animation-name: squareMover;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    animation-timing-function: linear;
    animation-delay: 2s;
    animation-iteration-count: infinite;
    perspective: 100px;
    -webkit-transform-origin: center center;
    transform-origin: center center
}

.energy-one__shape-two {
    left: -20px;
    top: -20px;
    width: 64px;
    height: 98px;
    -webkit-animation-name: float-bob-y;
    animation-name: float-bob-y;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.energy-one__shape-four,
.energy-one__shape-three {
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 1
}

.energy-one__shape-three {
    right: 0;
    top: 0;
    width: 132px;
    height: 87px;
    -webkit-animation-name: float-bob-x;
    animation-name: float-bob-x;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.energy-one__shape-four {
    right: 40px;
    top: 250px;
    width: 64px;
    height: 98px;
    -webkit-animation-name: float-bob-y;
    animation-name: float-bob-y;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.energy-one__shape-five,
.site-footer__shape-one {
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear
}

.energy-one__shape-five {
    position: absolute;
    right: 70px;
    top: 77%;
    width: 77px;
    height: 75px;
    z-index: 1;
    background-repeat: no-repeat;
    -webkit-animation-name: squareMover;
    animation-name: squareMover;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    animation-timing-function: linear;
    animation-delay: 2s;
    animation-iteration-count: infinite;
    perspective: 100px;
    -webkit-transform-origin: center center;
    transform-origin: center center
}

.choose-one__single,
.counter-one__single,
.energy-one__content-column,
.energy-one__images-column,
.energy-two__content-column,
.energy-two__image-column,
.energy-two__skill-item,
.news-one__single,
.project-one__single,
.project-three__single,
.service-one__single,
.service-two__single,
.solar-one__content-column,
.solar-one__image-column,
.testimonial-two__single {
    position: relative;
    margin-bottom: var(--margin-bottom-30)
}

.enerygy-one__text,
.footer-contact__list li,
.footer-widget__links-list li {
    margin-bottom: var(--margin-bottom-20)
}

.energy-one__content-column .section-title {
    margin-bottom: var(--margin-bottom-25)
}

.enerygy-one__text {
    position: relative;
    padding-right: var(--padding-right-50)
}

.enerygy-one__text-two {
    position: relative;
    opacity: .8;
    margin-bottom: var(--margin-bottom-40);
    padding-right: var(--padding-right-80)
}

.enerygy-one__client-box {
    margin-right: -10px;
    position: relative;
    padding: 60px 35px;
    border-radius: 6px;
    line-height: 38px;
    color: var(--dlight-white);
    font-size: var(--font-36);
    background-color: var(--dlight-second-color)
}

.enerygy-one__client-box span {
    position: relative;
    color: var(--dlight-primary)
}

.enerygy-one__client-box::before {
    position: absolute;
    content: "";
    left: 35px;
    top: 30px;
    width: 10px;
    height: 10px;
    background-color: var(--dlight-base)
}

.enerygy-one__client-box::after {
    position: absolute;
    content: "";
    right: 45px;
    bottom: 40px;
    width: 10px;
    height: 10px;
    background-color: var(--dlight-white)
}

.energy-one__btn-box,
.energy-one__phone-box {
    position: relative;
    margin-left: var(--margin-left-5);
    margin-top: var(--margin-top-40)
}

.energy-one__phone-box.alternate {
    margin: var(--margin-zero)
}

.energy-one__phone-inner {
    position: relative;
    font-size: var(--font-28);
    color: var(--dlight-third-color);
    padding-top: var(--padding-top-5);
    padding-left: var(--padding-left-80)
}

.service-one,
.service-one-1 {
    padding: 60px 0 190px
}

.energy-one__phone-box .energy-one__phone-icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 68px;
    height: 68px;
    line-height: 68px;
    border-radius: 50px;
    text-align: center;
    display: inline-block;
    font-size: var(--font-30);
    color: var(--dlight-third-color);
    background-color: var(--dlight-ten-color)
}

.energy-one__phone-number:hover,
.service-one__title a:hover {
    color: var(--dlight-base)
}

.energy-one__phone-number {
    position: relative;
    font-weight: 700;
    display: inline-block;
    font-size: var(--font-24);
    margin-top: var(--margin-top-10);
    color: var(--dlight-primary);
    transition: .3s;
    font-family: var(--dlight-smooch-font)
}

.service-one__read-more,
.service-one__title a,
.service-three__read-more {
    -webkit-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    color: var(--dlight-third-color)
}

.energy-one__images-column .inner-column,
.faq-one__accordion,
.faq-one__accordion-column,
.faq-one__image,
.faq-one__image-column,
.project-two {
    position: relative
}

.energy-one__image,
.service-detail__image {
    position: relative;
    border-radius: 5px;
    overflow: hidden
}

.energy-one__image img {
    width: 367px;
    height: 296px;
    object-fit: cover;
}

.energy-one__image-two {
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    display: inline-block;
    margin-top: var(--margin-top-50)
}

.energy-one__image-two img {
    width: 261px;
    height: 305px;
    object-fit: cover;
}

.energy-one__image-three {
    position: relative;
    top: 35px;
    z-index: 1;
    border-radius: 5px;
    overflow: hidden;
    display: inline-block;
    margin-left: var(--margin-left-15)
}

.energy-one__image-three img {
    width: 264px;
    height: 364px;
    object-fit: cover;
}

.energy-one__color-three {
    position: absolute;
    left: 60px;
    top: 45px;
    width: 428px;
    height: 526px;
    background-color: var(--dlight-eleven-color)
}

.service-one,
.service-one-1 .service-three__content {
    position: relative;
    background-color: var(--dlight-fifteen-color)
}

.service-one-1 {
    position: relative;
    background-color: var(--dlight-white)
}

.service-one-1 .service-three__content {
    padding: 35px 35px 50px;
    min-height: 470px
}

.service-one-1 .service-three__read-more {
    position: absolute;
    bottom: 60px
}

.service-one__single-inner {
    position: relative;
    overflow: hidden;
    text-align: center;
    padding: 15px 15px 50px;
    background-color: var(--dlight-white)
}

.service-one__icon {
    position: relative;
    line-height: 1em;
    font-size: var(--font-40);
    color: var(--dlight-third-color)
}

.service-one__title {
    position: relative;
    font-weight: 700;
    line-height: 55px;
    font-size: var(--font-36);
    margin-top: var(--margin-top-35);
    margin-bottom: var(--margin-bottom-15)
}

.service-one__title a {
    position: relative;
    transition: .3s
}

.service-one__text,
.service-two__text {
    position: relative;
    line-height: 34px;
    opacity: .8;
    font-size: var(--font-18);
    color: var(--dlight-third-color);
    margin-bottom: var(--margin-bottom-25)
}

.cta-one__counter,
.faq-one__block {
    margin-bottom: var(--margin-bottom-15)
}

.service-one__read-more,
.service-three__read-more {
    position: relative;
    font-weight: 500;
    font-size: var(--font-16);
    font-family: var(--dlight-catamaran-font);
    transition: .3s
}

.service-one .service-one__read-arrow {
    position: relative;
    width: 42px;
    height: 28px;
    line-height: 28px;
    display: inline-block;
    border-radius: 3px;
    color: var(--dlight-white);
    margin-left: var(--margin-left-10);
    -webkit-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
    background-color: var(--dlight-third-color)
}

.service-one__read-more:hover {
    color: var(--dlight-base)
}

.service-one__read-more:hover .service-one__read-arrow {
    background-color: var(--dlight-base);
    color: var(--dlight-white)
}

.faq-one {
    position: relative;
    padding: 0 0 119px
}

.faq-one__inner-container {
    position: relative;
    margin-top: -110px
}

.faq-one__image img {
    position: relative;
    width: 100%;
    display: block
}

.faq-one__image:before {
    position: absolute;
    content: "";
    left: 130px;
    top: 45px;
    right: 120px;
    bottom: 45px;
    z-index: 1;
    border-radius: 3px;
    border: 1px solid var(--dlight-white)
}

.faq-one__accordion-column-inner {
    position: relative;
    padding-top: 142px;
    padding-left: var(--padding-left-40)
}

.faq-one__accordion-column .section-title {
    margin-bottom: var(--margin-bottom-35)
}

.faq-one__accordion-column .section-title h2 {
    font-size: var(--font-65)
}

.faq-one__block {
    position: relative;
    border-radius: 3px;
    overflow: hidden;
    padding: 20px 25px 20px 50px;
    background-color: var(--dlight-eightteen-color);
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

.faq-one__acc-btn {
    position: relative;
    cursor: pointer;
    line-height: 25px;
    font-weight: 500;
    background: 0 0;
    font-size: var(--font-20);
    transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    -moz-transition: .5s;
    color: var(--dlight-third-color);
    -webkit-transition: .5s
}

.faq-one__icon,
.faq-one__icon-two {
    left: -25px;
    top: -3px;
    color: var(--dark-color);
    line-height: 30px;
    font-size: var(--font-12);
    position: absolute;
    font-weight: 700;
    text-align: center
}

.faq-one__acc-btn.active .faq-one__icon {
    opacity: 0;
    transform: rotate(180deg)
}

.faq-one__accordion .faq-one__block.active-block {
    padding-top: var(--padding-top-30);
    border-color: var(--dark-color)
}

.news-one__title,
.project-two__inner-container {
    border-bottom: 1px solid var(--dlight-twentythree-color)
}

.faq-one__icon {
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

.client-owl .owl-dots .owl-dot.active::before,
.client-owl .owl-dots .owl-dot:hover::before,
.faq-one__accordion .faq-one__block.active-block .faq-one__icon-two,
.project-three .owl-dots .owl-dot.active::before,
.project-three .owl-dots .owl-dot:hover::before,
.site-footer_newsletter-list li a:hover,
.testimonial-two .owl-dots .owl-dot.active::before,
.testimonial-two .owl-dots .owl-dot:hover::before {
    opacity: 1
}

.faq-one__icon-two {
    opacity: 0;
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

.choose-one__icon,
.choose-one__text,
.choose-one__title a,
.faq-one__text,
.project-one__title a {
    color: var(--dlight-third-color)
}

.choose-one__arrow,
.choose-one__title a {
    -webkit-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s
}

.faq-one-acc__content {
    position: relative;
    display: none;
    padding-top: var(--padding-top-15)
}

.faq-one__content-text {
    padding-bottom: 6px
}

.faq-one__accordion .faq-one-acc__content.current {
    display: block
}

.faq-one__text {
    position: relative;
    line-height: 34px;
    font-size: var(--font-16)
}

.faq-one__content {
    position: relative;
    margin-left: -15px
}

.choose-one {
    position: relative;
    padding: 90px 0 190px;
    background-color: var(--dlight-fifteen-color);
}

.choose-one.style-two {
    padding-bottom: 140px
}

.choose-one.style-three {
    padding: 60px 0 70px
}

.choose-one.style-four {
    padding: 90px 0 70px
}

.choose-one.style-five {
    padding: 110px 0 90px
}

.choose-one.style-six {
    padding: 220px 0 90px;
    margin-top: -110px
}

.choose-one__single-inner {
    position: relative;
    padding: 35px;
    border-radius: 3px;
    overflow: hidden;
    background-color: var(--dlight-white);
    min-height: 400px
}

.choose-one__single-bg {
    background-color: var(--dlight-fifteen-color) !important;
}

.choose-one__single-inner::before {
    position: absolute;
    content: "";
    right: -60px;
    bottom: -60px;
    width: 120px;
    height: 120px;
    opacity: .1;
    border-radius: 50%;
    background-color: var(--dlight-primary)
}

.site-footer__bottom-logo:before,
.site-footer__upper-logo:before {
    opacity: .02;
    clip-path: polygon(0 0, 100% 0, 95% 100%, 5% 100%);
    content: ""
}

.choose-one__icon {
    position: relative;
    line-height: 1em;
    font-size: var(--font-50)
}

.choose-one__title {
    position: relative;
    font-weight: 700;
    line-height: 40px;
    font-size: var(--font-36);
    margin-top: var(--margin-top-25)
}

.choose-one__title a {
    position: relative;
    transition: .3s
}

.choose-one__title a:hover {
    color: var(--dlight-primary)
}

.choose-one__text {
    position: relative;
    line-height: 34px;
    opacity: .8;
    font-size: var(--font-18);
    margin-top: var(--margin-top-15)
}

.choose-one__arrow,
.choose-one__arrow:hover,
.cta-one__count,
.cta-one__text,
.cta-one__title {
    color: var(--dlight-white)
}

.choose-one__arrow {
    position: relative;
    width: 42px;
    height: 28px;
    line-height: 28px;
    border-radius: 3px;
    text-align: center;
    display: inline-block;
    margin-top: var(--margin-top-25);
    transition: .3s;
    background-color: var(--dlight-primary)
}

.project-one .owl-dots .owl-dot,
.project-one__title a {
    -webkit-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s
}

.choose-one__arrow:hover {
    background-color: var(--dlight-nineteen-color)
}

.cta-one__inner {
    background-color: var(--dlight-twenty-color)
}

.cta-one__title {
    position: relative;
    font-weight: 600;
    line-height: 56px;
    font-size: var(--font-50)
}

.cta-one__btn-box {
    margin-top: var(--margin-top-35)
}

.cta-image__one {
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    display: inline-block;
    margin-left: var(--margin-left-20)
}

.cta-image__one img {
    position: relative;
    width: 100%;
    display: block
}

.cta-one__counter {
    position: relative;
    padding-left: var(--padding-left-40)
}

.cta-one__single {
    position: relative;
    margin-bottom: var(--margin-bottom-35)
}

.cta-one__count {
    position: relative;
    font-weight: 700;
    line-height: 1em;
    font-size: var(--font-65);
    font-family: var(--dlight-smooch-font)
}

.cta-one__text {
    position: relative;
    font-weight: 400;
    font-size: var(--font-24);
    margin-top: var(--margin-top-10);
    font-family: var(--roofie-catamaran-font)
}

.project-one {
    position: relative;
    padding: 100px 0 0
}

.project-one.style-two,
.project-three.style-two {
    padding: 100px 0 70px
}

.project-one .owl-dots {
    position: relative;
    text-align: right
}

.project-one .owl-dots .owl-dot {
    position: relative;
    width: 11px;
    height: 11px;
    padding: 0;
    border-radius: 50px;
    display: inline-block;
    margin-left: var(--margin-left-10);
    border: 3px solid var(--dlight-twentytwo-color);
    transition: .3s
}

.testimonial-one .owl-nav .owl-next,
.testimonial-one .owl-nav .owl-prev {
    width: 50px;
    height: 50px;
    line-height: 55px;
    color: var(--dlight-base);
    background-color: var(--dlight-white)
}

.project-one__image {
    position: relative;
    border-radius: 3px;
    overflow: hidden;
    z-index: 1
}

.project-one__image:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
    background-color: rgba(0, 0, 0, .3);
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
    z-index: 1
}

.project-one__single:hover .project-one__image:before {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center
}

.project-one__image img {
    position: relative;
    width: 100%;
    display: block
}

.project-one__overlay-box {
    position: absolute;
    left: 40px;
    right: 30px;
    bottom: 25px;
    overflow: hidden;
    padding: 25px 30px;
    border-radius: 2px;
    border-left: 5px solid var(--dlight-primary);
    background-color: var(--dlight-white);
    z-index: 2
}

.project-four__sub-title,
.project-one__sub-title,
.project-three__sub-title {
    position: relative;
    font-size: var(--font-16);
    color: var(--dlight-base)
}

.project-one__title,
.project-three__title {
    position: relative;
    font-weight: 700;
    font-size: var(--font-32);
    margin-top: var(--margin-top-5);
    margin-bottom: var(--margin-zero)
}

.project-one__title a {
    position: relative;
    transition: .3s
}

.project-one__arrow,
.project-three__arrow,
.testimonial-one .owl-nav .owl-prev {
    -webkit-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    display: inline-block
}

.project-one__title a:hover {
    color: var(--dlight-base)
}

.news-one__meta li a i,
.news-one__title a:hover {
    color: var(--dlight-primary)
}

.project-one__arrow,
.project-three__arrow {
    position: absolute;
    right: -20px;
    bottom: -17px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    text-align: center;
    line-height: 60px;
    font-size: var(--font-16);
    color: var(--dlight-white);
    background-color: var(--dlight-base);
    transition: .3s
}

.project-one__arrow:hover {
    color: var(--dlight-white);
    background-color: var(--dlight-primary)
}

.project-one__arrow span {
    position: absolute;
    top: 18px;
    left: 15px
}

.project-two__inner-container {
    position: relative;
    padding: 70px 0 50px
}

.project-two__title {
    position: relative;
    font-weight: 600;
    line-height: 33px;
    font-size: var(--font-65);
    color: var(--dlight-third-color)
}

.energy-two__title,
.energy-two__title-two {
    font-weight: 700;
    color: var(--dlight-third-color)
}

.energy-two__skills,
.project-two__title span {
    position: relative
}

.project-two__title span::before {
    position: absolute;
    content: "";
    left: -20px;
    top: 10px;
    width: 119px;
    height: 55px;
    background: url(https://www.vardhansolar.com/wp-content/images/2022/08/testimonial-shape-1.png) no-repeat;
    animation-name: zoom-fade;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: zoom-fade;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: zoom-fade;
    -moz-animation-duration: 5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: zoom-fade;
    -ms-animation-duration: 5s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: zoom-fade;
    -o-animation-duration: 5s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear
}

.project-two__text {
    position: relative;
    line-height: 34px;
    opacity: .8;
    font-size: var(--font-20);
    margin-top: var(--margin-top-35);
    color: var(--dlight-third-color)
}

.project-two__btn-box {
    margin-top: var(--margin-top-30);
    margin-right: 0
}

.energy-two,
.project-detail {
    position: relative;
    padding: 70px 0 90px
}

.energy-two.style-two {
    padding-top: var(--padding-top-110)
}

.energy-two__image-inner {
    position: relative;
    padding-right: var(--padding-right-80)
}

.energy-two__image {
    position: relative;
    border-radius: 3px;
    overflow: hidden;
    display: inline-block
}

.energy-two__image img {
    position: relative;
    width: 100%;
    display: block
}

.energy-two__icon {
    position: absolute;
    left: 35px;
    bottom: -45px;
    width: 138px;
    height: 138px;
    border-radius: 50%;
    overflow: hidden
}

.energy-two__title {
    position: relative;
    line-height: 75px;
    font-size: var(--font-75);
    font-family: var(--dlight-smooch-font)
}

.energy-two__text,
.energy-two__text-two,
.energy-two__title-two {
    line-height: 34px;
    position: relative
}

.energy-two__text {
    font-size: var(--font-20);
    margin-top: var(--margin-top-25);
    color: var(--dlight-third-color);
    margin-bottom: var(--margin-bottom-30)
}

.energy-two__title-two {
    font-size: var(--font-32);
    font-style: normal
}

.energy-two__text-two {
    font-size: var(--font-18);
    margin-top: var(--margin-top-15);
    color: var(--dlight-third-color);
    margin-bottom: var(--margin-bottom-30)
}

.energy-two__skill-percentage,
.energy-two__skill-title {
    font-weight: 500;
    line-height: 25.6px;
    text-transform: capitalize;
    color: var(--dlight-third-color)
}

.energy-two__skill-bar {
    position: relative;
    width: 100%;
    padding: 5px;
    border-radius: 3px;
    background-color: var(--dlight-twentyfour-color)
}

.energy-two__bar-inner {
    position: relative;
    width: 100%
}

.energy-two__bar {
    position: relative;
    left: 0;
    top: 0;
    height: 8px;
    width: 0;
    border-radius: 3px;
    background-color: var(--dlight-primary);
    -webkit-transition: 2s;
    -ms-transition: 2s;
    -o-transition: 2s;
    -moz-transition: 2s;
    transition: 2s
}

.energy-two__skill-header {
    position: relative;
    margin-bottom: var(--margin-bottom-10)
}

.energy-two__skill-title {
    font-size: var(--font-20)
}

.energy-two__skill-percentage {
    position: absolute;
    right: 0;
    top: -40px;
    font-size: var(--font-16)
}

.testimonial-one,
.testimonial-two {
    position: relative;
    padding: 90px 0;
    background-color: var(--dlight-twentyfive-color)
}

.footer-widget__newsletter-btn:hover,
.testimonial-one__quote-icon {
    background-color: var(--dlight-primary)
}

.testimonial-one__shape-one,
.testimonial-two__shape-one {
    position: absolute;
    left: 0;
    top: 0;
    width: 459px;
    height: 149px;
    background-repeat: no-repeat
}

.testimonial-one__shape-two,
.testimonial-two__shape-two {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 643px;
    height: 194px;
    background-repeat: no-repeat
}

.testimonial-one__shape-three,
.testimonial-two__shape-three {
    position: absolute;
    right: 0;
    top: 0;
    width: 376px;
    height: 183px;
    background-repeat: no-repeat
}

.testimonial-one__shape-four,
.testimonial-two__shape-four {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 444px;
    height: 69px;
    background-repeat: no-repeat
}

.testimonial-one .owl-nav {
    position: absolute;
    left: 170px;
    right: 170px;
    bottom: 130px
}

.testimonial-one .owl-nav .owl-prev {
    position: absolute;
    left: 0;
    border: 0;
    border-radius: 50px;
    transition: .3s
}

.news-one__title a,
.testimonial-one .owl-nav .owl-next {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s
}

.testimonial-one .owl-nav .owl-next {
    position: absolute;
    right: 0;
    border: 0;
    border-radius: 50px;
    display: inline-block;
    transition: .3s
}

.testimonial-one .section-title {
    margin-bottom: var(--margin-bottom-40)
}

.project-four .filters .filter-tabs,
.testimonial-one__single {
    position: relative;
    text-align: center
}

.testimonial-one__text {
    position: relative;
    line-height: 48px;
    max-width: 850px;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    font-size: var(--font-32);
    color: var(--dlight-third-color);
    margin-bottom: var(--margin-bottom-40)
}

.testimonial-one__author-info {
    position: relative;
    display: inline-block
}

.testimonial-one__author-image {
    position: relative;
    width: 85px;
    height: 85px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 50%
}

.testimonial-one__title {
    position: relative;
    font-weight: 600;
    line-height: 38px;
    font-size: var(--font-30);
    color: var(--dlight-base);
    margin-top: var(--margin-top-20)
}

.testimonial-one__designation,
.testimonial-two__designation {
    position: relative;
    opacity: .8;
    font-size: var(--font-16)
}

.testimonial-one__quote-icon {
    position: absolute;
    left: 10px;
    top: 20px;
    width: 40px;
    height: 40px;
    z-index: 1;
    line-height: 40px;
    border-radius: 50px;
    display: inline-block;
    color: var(--dlight-white)
}

.consultant-one,
.footer-widget__links-list,
.news-one,
.news-one__content,
.news-one__img img,
.news-one__info,
.news-one__meta,
.news-one__meta li,
.news-one__meta li a,
.news-one__single-inner,
.news-one__title a,
.site-footer_newsletter-list {
    position: relative
}

.news-one {
    padding: 90px 0 70px
}

.news-one__img,
.news-two__img {
    position: relative;
    overflow: hidden;
    background-color: var(--dlight-base)
}

.news-one__img img {
    width: 100%;
    display: block;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.news-one__single-inner:hover .news-one__img img {
    opacity: .7;
    transform: scale(1.04, 1.04)
}

.news-one__content {
    padding-top: var(--padding-top-35)
}

.news-one__meta li {
    display: inline-block;
    margin-right: var(--margin-right-20)
}

.news-one__meta li a {
    display: inline-block;
    font-size: var(--font-16);
    padding-left: var(--padding-left-25);
    color: rgba(var(--dlight-twentysix-color-rgb), .8)
}

.news-one__meta li a i {
    position: absolute;
    left: 0;
    top: 2px;
    line-height: 1em
}

.news-one__title {
    font-weight: 700;
    line-height: 38px;
    font-size: var(--font-32);
    margin-top: var(--margin-top-15);
    margin-bottom: var(--margin-bottom-35);
    padding-bottom: var(--padding-bottom-30)
}

.news-one__designation,
.news-one__title-two {
    font-weight: 500;
    font-size: var(--font-16);
    font-family: var(--dlight-catamaran-font)
}

.news-one__title a {
    color: var(--dlight-third-color);
    transition: .3s
}

.footer-widget__links-list li a,
.site-footer_newsletter-list li a {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s
}

.news-one__info {
    padding-top: var(--padding-top-10);
    padding-left: var(--padding-left-75)
}

.news-one__img-two {
    position: absolute;
    left: 0;
    top: 0;
    width: 60px;
    height: 60px;
    overflow: hidden;
    border-radius: 50%
}

.news-one__title-two {
    position: relative;
    color: var(--dlight-third-color)
}

.news-one__designation {
    position: relative;
    top: -3px;
    color: var(--dlight-twentyseven-color)
}

.site-footer {
    position: relative;
    background-color: var(--dlight-twentyeight-color)
}

.footer-widget__column {
    margin-bottom: var(--margin-bottom-30)
}

.footer-widget__title,
.solar-one__content-column .section-title {
    margin-bottom: var(--margin-bottom-25)
}

.site-footer__middle {
    position: relative;
    padding: 100px 0 60px
}

.site-footer__shape-one,
.site-footer__shape-two {
    position: absolute;
    width: 310px;
    height: 174px;
    background-repeat: no-repeat;
    -webkit-animation-name: float-bob-x;
    -webkit-animation-duration: 2s
}

.site-footer__shape-one {
    left: 0;
    bottom: 122px;
    animation-name: float-bob-x;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.site-footer__shape-three,
.site-footer__shape-two {
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear
}

.site-footer__shape-two {
    right: 0;
    bottom: 40%;
    animation-name: float-bob-x;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.site-footer__shape-four,
.site-footer__shape-three {
    background-repeat: no-repeat;
    -webkit-animation-name: float-bob-x;
    -webkit-animation-duration: 2s;
    position: absolute
}

.site-footer__shape-three {
    left: 0;
    bottom: 122px;
    width: 269px;
    height: 150px;
    animation-name: float-bob-x;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.site-footer__shape-four,
.solar-one__shape-one {
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear
}

.site-footer__shape-four {
    right: 0;
    bottom: 28px;
    width: 521px;
    height: 265px;
    animation-name: float-bob-x;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.solar-one__shape-one,
.solar-one__shape-two {
    -webkit-animation-duration: 2s;
    background-repeat: no-repeat
}

.footer-widget__title {
    font-weight: 600;
    line-height: 32px;
    font-size: var(--font-30);
    color: var(--dlight-white)
}

.footer-contact__list li,
.site-footer__about-text {
    font-size: var(--font-16);
    color: var(--dlight-white)
}

.site-footer__about-text,
.site-footer__newsletter-text {
    line-height: 34px;
    margin-bottom: var(--margin-bottom-30);
    opacity: .5;
    position: relative
}

.footer-contact__list {
    position: relative;
    padding-right: var(--padding-right-60)
}

.footer-contact__list li {
    position: relative;
    line-height: 34px;
    padding-left: var(--padding-left-60)
}

.footer-contact__list li .icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    border-radius: 50px;
    display: inline-block;
    font-size: var(--font-20);
    color: var(--dlight-white);
    background-color: var(--dlight-twentynine-color)
}

.footer-widget__links-list li {
    position: relative
}

.footer-widget__links-list li a {
    position: relative;
    opacity: .8;
    font-size: var(--font-16);
    color: var(--dlight-white);
    transition: .3s
}

.footer-widget__links-list li a:hover {
    opacity: 1;
    color: var(--dlight-base)
}

.site-footer__newsletter-text {
    font-size: var(--font-16);
    color: var(--dlight-white);
    padding-right: var(--padding-right-60)
}

.footer-widget__newsletter-btn,
.site-footer__copyright,
.site-footer_newsletter-list li a {
    font-size: var(--font-18);
    color: var(--dlight-white)
}

.footer-widget__newsletter-form {
    position: relative;
    display: block;
    margin-bottom: var(--margin-bottom-20)
}

.footer-widget__newsletter-input-box {
    position: relative;
    display: block;
    padding: 5px;
    background-color: var(--dlight-thirty-color)
}

.footer-widget__newsletter-input-box input[type=email] {
    height: 64px;
    width: 100%;
    border: 1px solid rgba(255, 255, 255, .1);
    outline: 0;
    font-weight: 400;
    border-radius: 4px;
    font-size: var(--font-16);
    color: var(--dlight-white);
    padding-left: var(--padding-left-25);
    padding-right: var(--padding-right-80);
    background-color: var(--roofie-seventeen-color)
}

.footer-widget__newsletter-input-box input::placeholder {
    opacity: .5;
    color: var(--dlight-white)
}

.footer-widget__newsletter-btn {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 99px;
    height: 63px;
    bottom: 0;
    border: 0;
    font-weight: 600;
    background-color: var(--dlight-base);
    border-radius: 4px;
    -webkit-transition: .5s;
    transition: .5s;
    padding: 0
}

.site-footer_newsletter-list li {
    position: relative;
    display: inline-block;
    margin-right: var(--margin-right-25)
}

.site-footer_newsletter-list li a {
    position: relative;
    opacity: .8;
    transition: .3s
}

.service-two__single-inner:before,
.site-footer__social-nav li a {
    -webkit-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s
}

.site-footer__bottom {
    position: relative;
    background-color: var(--dlight-thirtyone-color)
}

.counter-one,
.solar-one {
    background-color: var(--dlight-nine-color);
    position: relative
}

.site-footer__bottom-logo {
    position: relative;
    padding: 21px 30px;
    display: inline-block
}

.site-footer__bottom-logo a {
    position: relative;
    display: inline-block
}

.site-footer__bottom-logo:before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: var(--dlight-white)
}

.site-footer__copyright {
    position: relative;
    opacity: .8;
    text-align: center;
    padding-top: var(--padding-top-50)
}

.site-footer__social-nav {
    position: relative;
    text-align: right;
    padding: 31px 0
}

.site-footer__social-nav li {
    position: relative;
    display: inline-block;
    margin-left: var(--margin-left-10)
}

.site-footer__social-nav li a {
    position: relative;
    width: 60px;
    height: 60px;
    text-align: center;
    border-radius: 50px;
    line-height: 58px;
    display: inline-block;
    font-size: var(--font-16);
    color: var(--dlight-white);
    text-transform: uppercase;
    border: 1px solid rgba(255, 255, 255, .15);
    transition: .3s
}

.site-footer__social-nav li a:hover {
    border-color: var(--dlight-base);
    background-color: var(--dlight-base)
}

.counter-one__inner-container {
    position: relative;
    padding: 80px 0 50px
}

.counter-one__inner {
    position: relative;
    min-height: 80px;
    padding-top: var(--padding-top-15);
    padding-left: var(--padding-left-100)
}

.counter-one .counter-one__icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 80px;
    height: 80px;
    line-height: 80px;
    border-radius: 50%;
    text-align: center;
    font-size: var(--font-40);
    color: var(--dlight-thirtysix-color);
    background-color: var(--dlight-thirtyfive-color)
}

.project-three__title a:hover,
.service-two__read-more:hover,
.service-two__title a:hover {
    color: var(--dlight-base)
}

.counter-one__count {
    font-weight: 700;
    font-size: var(--font-36);
    color: var(--solapa-thirtysix-color);
    font-family: var(--dlight-smooch-font)
}

.counter-one__text {
    position: relative;
    font-weight: 500;
    opacity: .8;
    font-size: var(--font-16);
    margin-top: var(--margin-top-15);
    color: var(--solapa-thirtysix-color)
}

.solar-one__text,
.solar-one__text-two {
    line-height: 34px;
    font-size: var(--font-18);
    color: var(--dlight-eight-color)
}

.solar-one {
    overflow: hidden;
    padding: 90px 0 50px
}

.history-two__right,
.solar-one__image-inner-column {
    position: relative;
    padding-right: var(--padding-right-25)
}

.solar-one__image {
    position: relative;
    border-radius: 3px;
    overflow: hidden;
    display: inline-block;
    margin: var(--margin-zero)
}

.solar-one__image-three,
.solar-one__image-two {
    border-radius: 3px;
    margin-top: var(--margin-top-50);
    display: inline-block;
    overflow: hidden
}

.solar-one__image-two {
    position: relative
}

.solar-one__image-three {
    position: absolute;
    right: 25px;
    bottom: 40px
}

.solar-one__shape-one {
    position: absolute;
    left: -55px;
    top: 0;
    width: 64px;
    height: 98px;
    -webkit-animation-name: float-bob-x;
    animation-name: float-bob-x;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.solar-one__color,
.solar-one__shape-two {
    position: absolute;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear
}

.solar-one__shape-two {
    right: 70px;
    top: 20px;
    width: 132px;
    height: 87px;
    z-index: 1;
    -webkit-animation-name: float-bob-y;
    animation-name: float-bob-y;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.solar-one__color,
.solar-two__color {
    -webkit-animation-name: float-bob-x;
    -webkit-animation-duration: 2s;
    border-radius: 50%
}

.solar-one__color {
    left: -200px;
    bottom: 50px;
    width: 470px;
    height: 470px;
    opacity: .1;
    background-color: var(--dlight-eleven-color);
    animation-name: float-bob-x;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.solar-four__color,
.solar-two__color {
    width: 470px;
    height: 470px;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    position: absolute
}

.solar-two__color {
    right: -280px;
    top: 20px;
    background-color: var(--dlight-thirteen-color);
    animation-name: float-bob-x;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.solar-four__color {
    right: -240px;
    bottom: -150px;
    background-image: url(../images/about-right.webp);
    -webkit-animation-name: float-bob-x;
    background-size: 80%;
    background-repeat: no-repeat;
    animation-name: float-bob-x;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.solar-three__color {
    position: absolute;
    left: 30px;
    top: 70px;
    width: 420px;
    height: 500px;
    background-color: var(--dlight-eleven-color)
}

.solar-one__shape-three {
    position: absolute;
    right: 5%;
    top: 10%;
    width: 77px;
    height: 75px;
    background-repeat: no-repeat
}

.solar-one__shape-four {
    position: absolute;
    left: 5%;
    top: 40%;
    width: 70px;
    height: 70px;
    background-repeat: no-repeat;
    -webkit-animation-name: squareMover;
    animation-name: squareMover;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-perspective: 100px;
    perspective: 100px;
    -webkit-transform-origin: center center;
    transform-origin: center center
}

.solar-one__content-inner-column {
    position: relative;
    padding-left: var(--padding-left-30)
}

.solar-one__text {
    position: relative;
    padding-right: var(--padding-right-50);
    margin-bottom: var(--margin-bottom-20)
}

.solar-one__text-two {
    position: relative;
    opacity: .8;
    margin-bottom: var(--margin-bottom-40);
    padding-right: var(--padding-right-80);
    padding-bottom: var(--padding-bottom-30);
    border-bottom: 1px solid var(--dlight-twentythree-color)
}

.service-two {
    position: relative;
    padding: 60px 0 80px;
    background-color: var(--dlight-fifteen-color)
}

.service-two.style-two {
    padding-top: var(--padding-top-95)
}

.service-two__single-inner {
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    padding: 10px 45px;
    background-color: var(--dlight-fourtythree-color)
}

.service-two__single-inner:before {
    position: absolute;
    content: "";
    left: -75px;
    top: -60px;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background-color: var(--dlight-base);
    transition: .3s
}

.service-two__icon,
.service-two__title a {
    -webkit-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s
}

.service-two__number {
    position: absolute;
    right: 30px;
    top: 35px;
    font-size: 70px;
    font-weight: 700;
    line-height: 1em;
    color: #555;
    font-family: var(--dlight-smooch-font)
}

.service-two__icon,
.service-two__read-more,
.service-two__title a {
    color: var(--dlight-third-color)
}

.service-two__icon {
    position: relative;
    padding: 2px 6px;
    width: 100px;
    height: 100px;
    border-radius: 10px;
    display: inline-block;
    text-align: center;
    transition: .3s;
    z-index: 1
}

.service-two__single:hover .service-two__icon {
    color: var(--dlight-white);
    background-color: var(--dlight-base)
}

.service-two__title {
    position: relative;
    font-weight: 700;
    font-size: var(--font-26);
    margin-top: var(--margin-top-20);
    margin-bottom: var(--margin-bottom-10)
}

.service-two__title a {
    position: relative;
    transition: .3s
}

.service-two__read-arrow,
.service-two__read-more {
    -webkit-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    position: relative;
    text-align: center
}

.service-two__read-more {
    font-weight: 500;
    font-size: var(--font-16);
    font-family: var(--dlight-catamaran-font);
    transition: .3s
}

.choose-two__count,
.consultant-two__phone-number,
.history-one__client-box,
.progress-one__number {
    font-family: var(--dlight-smooch-font)
}

.service-two__read-arrow {
    width: 42px;
    height: 28px;
    line-height: 28px;
    display: inline-block;
    border-radius: 3px;
    color: var(--dlight-white);
    margin-right: var(--margin-right-10);
    transition: .3s;
    background-color: var(--dlight-base)
}

.project-three .owl-dots .owl-dot,
.sponsors-one .image-box img {
    -webkit-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    display: inline-block
}

.service-two__read-more:hover .service-two__read-arrow {
    background-color: var(--dlight-primary);
    color: var(--dlight-white)
}

.sponsors-one {
    position: relative;
    padding: 0 0 190px;
    background-color: var(--dlight-fifteen-color)
}

.sponsors-one.style-two {
    padding-top: var(--padding-top-110);
    background-color: var(--dlight-white)
}

.sponsors-one .section-title__title {
    margin-top: var(--margin-zero)
}

.sponsors-one .image-box img {
    max-width: 100%;
    width: auto;
    opacity: .3;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: .3s
}

.sponsors-one .image-box img:hover {
    opacity: 1;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%)
}

.project-three {
    position: relative;
    padding: 120px 0 100px
}

.project-three.style-two .container {
    max-width: 1400px
}

.project-three .owl-dots {
    position: relative;
    text-align: center;
    margin-top: var(--margin-top-10)
}

.project-three .owl-dots .owl-dot {
    position: relative;
    width: 7px;
    height: 7px;
    padding: 0;
    margin: 0 7px;
    border-radius: 50px;
    margin-left: var(--margin-left-10);
    border: 3px solid var(--dlight-twentytwo-color);
    transition: .3s
}

.client-owl .owl-dots .owl-dot:before,
.project-three .owl-dots .owl-dot:before,
.testimonial-two .owl-dots .owl-dot:before {
    position: absolute;
    content: "";
    left: -8px;
    top: -8px;
    right: -8px;
    bottom: -8px;
    opacity: 0;
    border-radius: 50px;
    border: 2px solid var(--dlight-base);
    -webkit-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

.client-owl .owl-dots .owl-dot.active,
.client-owl .owl-dots .owl-dot:hover,
.project-three .owl-dots .owl-dot.active,
.project-three .owl-dots .owl-dot:hover,
.testimonial-two .owl-dots .owl-dot.active,
.testimonial-two .owl-dots .owl-dot:hover {
    background-color: var(--dlight-twentytwo-color)
}

.project-three__outer-container {
    position: relative;
    max-width: 1800px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px
}

.project-three__image {
    position: relative;
    border-radius: 3px;
    overflow: hidden;
    background-color: var(--dlight-primary)
}

.project-three__image img {
    position: relative;
    width: 100%;
    display: block;
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

.project-three__image:hover img {
    opacity: .5;
    transform: scale(1.06, 1.06)
}

.project-three__overlay-box {
    position: absolute;
    left: 20px;
    bottom: 20px;
    overflow: hidden;
    border-radius: 2px;
    display: inline-block;
    padding: 25px 80px 25px 30px;
    border-left: 5px solid var(--dlight-primary);
    background-color: var(--dlight-white)
}

.project-three__title a {
    position: relative;
    color: var(--dlight-third-color);
    -webkit-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

.faq-email a:hover,
.project-three__arrow:hover {
    color: var(--dlight-white);
    background-color: var(--dlight-primary)
}

.project-three__arrow span {
    position: absolute;
    top: 18px;
    left: 15px
}

.client-owl .owl-dots .owl-dot,
.testimonial-two .owl-dots .owl-dot {
    position: relative;
    width: 7px;
    height: 7px;
    padding: 0;
    margin: 0 10px;
    border-radius: 50px;
    display: inline-block;
    margin-left: var(--margin-left-10);
    border: 3px solid var(--dlight-twentytwo-color);
    -webkit-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

.consultant-one__form .form-group:last-child,
.consultant-two__form .form-group:last-child,
.pricing-one__list-options li:last-child {
    margin-bottom: var(--margin-zero)
}

.testimonial-two__single-inner {
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    padding: 50px 35px 45px;
    background-color: var(--dlight-white);
    min-height: 380px
}

.testimonial-two__single-inner:before {
    position: absolute;
    content: "";
    right: -40px;
    top: -40px;
    width: 85px;
    height: 85px;
    border-radius: 50%;
    background-color: var(--dlight-base)
}

.testimonial-two__text {
    position: relative;
    line-height: 30px;
    font-size: var(--font-18);
    color: var(--dlight-third-color);
    margin-top: var(--margin-top-30)
}

.testimonial-two__author-info {
    position: relative;
    min-height: 85px;
    padding-left: var(--padding-left-100)
}

.testimonial-two__author-image {
    position: absolute;
    left: 0;
    width: 70px;
    height: 70px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 50%
}

h3.testimonial-two__title {
    margin-bottom: 0;
    padding-top: 8px
}

.testimonial-two__title {
    position: relative;
    font-weight: 600;
    line-height: 32px;
    font-size: var(--font-28);
    color: #1f477e
}

.testimonial-two__quote-icon {
    position: absolute;
    left: -20px;
    top: 20px;
    width: 40px;
    height: 40px;
    z-index: 1;
    line-height: 40px;
    border-radius: 50px;
    text-align: center;
    display: inline-block;
    color: var(--dlight-white);
    background-color: var(--dlight-primary)
}

.consultant-one__inner-container {
    position: relative;
    margin-top: -50px;
    background-color: var(--dlight-white);
    box-shadow: 0 10px 15px rgba(0, 0, 0, .07)
}

.consultant-one__form-column,
.consultant-one__image-column {
    position: relative;
    float: left;
    padding: var(--padding-zero)
}

.consultant-one__image {
    position: relative
}

.consultant-one__image:before {
    position: absolute;
    content: "";
    left: 130px;
    top: 40px;
    right: 130px;
    bottom: 40px;
    z-index: 1;
    border: 1px solid var(--dlight-white)
}

.consultant-one__image:after {
    position: absolute;
    content: "";
    left: -25px;
    top: 100px;
    bottom: -30px;
    width: 320px;
    z-index: -1;
    border: 1px solid var(--dlight-thirtynine-color)
}

.consultant-one__image img {
    position: relative;
    width: 100%;
    display: block
}

.consultant-one__form-inner {
    position: relative;
    padding: 65px 45px 50px
}

.consultant-one__title {
    position: relative;
    font-weight: 700;
    font-size: var(--font-52);
    color: var(--dlight-thirtyeight-color)
}

.consultant-one__text {
    position: relative;
    line-height: 32px;
    font-size: var(--font-20);
    margin-bottom: var(--margin-bottom-25);
    color: var(--dlight-thirtyeight-color)
}

.consultant-one__form {
    position: relative
}

.consultant-one__form .form-group,
.news-two__single,
.pricing-one__single,
.progress-one__single,
.service-three__single {
    position: relative;
    margin-bottom: var(--margin-bottom-30)
}

.consultant-one__form input[type=email],
.consultant-one__form input[type=password],
.consultant-one__form input[type=text],
.consultant-one__form select,
.consultant-one__form textarea {
    display: block;
    width: 100%;
    line-height: 28px;
    height: 56px;
    font-weight: 400;
    padding: 8px 20px;
    border-radius: 2px;
    font-size: var(--font-16);
    transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    background: var(--roofie-white);
    -webkit-transition: .3s;
    color: var(--dlight-thirtyeight-color);
    border: 1px solid var(--dlight-thirtynine-color);
    -moz-transition: .3s
}

.consultant-one__form .form-group input::-webkit-input-placeholder,
.consultant-one__form .form-group textarea::-webkit-input-placeholder {
    color: var(--roofie-fourth-color);
    font-weight: 400
}

.consultant-one__form textarea {
    height: 210px;
    resize: none;
    font-size: 15px;
    padding-top: 15px
}

.consultant-one__form input[type=email]:focus,
.consultant-one__form input[type=password]:focus,
.consultant-one__form input[type=text]:focus,
.consultant-one__form select:focus,
.consultant-one__form textarea:focus {
    border-color: var(--main-color)
}

.consultant-one__form .theme-btn {
    cursor: pointer;
    border: none;
    width: 100%;
    border-radius: 3px;
    letter-spacing: 0;
    font-size: var(--font-20);
    text-transform: capitalize;
    margin-top: var(--margin-top-5)
}

.news-two {
    position: relative;
    padding: 120px 0 70px
}

.news-two.style-two {
    padding: 100px 0
}

.consultant-two__form,
.news-two__meta,
.news-two__single-inner,
.page__breadcrumb,
.progress-one,
.service-details__cagegory-list,
.site-footer.style-two .container,
.team-one__image {
    position: relative
}

.news-two__img img {
    position: relative;
    width: 100%;
    display: block;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.news-two__single-inner:hover .news-two__img img {
    opacity: .7;
    transform: scale(1.04, 1.04)
}

.news-two__category {
    position: absolute;
    left: 15px;
    bottom: 15px;
    padding: 6px 14px 3px;
    border-radius: 3px;
    color: var(--dlight-white);
    font-size: var(--font-16);
    background-color: var(--dlight-base)
}

.choose-two,
.history-one {
    background-color: var(--dlight-fifteen-color)
}

.news-two__content {
    position: relative;
    padding: 35px 30px;
    box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    border-bottom: 2px solid var(--dlight-fourty-color)
}

.news-two__content:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: -2px;
    height: 2px;
    width: 60%;
    background-color: var(--dlight-third-color)
}

.news-two__meta li {
    position: relative;
    display: inline-block;
    margin-right: var(--margin-right-20)
}

.news-two__meta li a {
    position: relative;
    display: inline-block;
    font-size: var(--font-16);
    padding-left: var(--padding-left-25);
    color: rgba(var(--dlight-twentysix-color-rgb), .8)
}

.news-two__meta li a i {
    position: absolute;
    left: 0;
    top: 2px;
    line-height: 1em;
    color: var(--dlight-twentysix-color)
}

.news-two__title {
    font-weight: 700;
    line-height: 38px;
    font-size: var(--font-32);
    margin-top: var(--margin-top-15);
    margin-bottom: var(--margin-bottom-15)
}

.news-two__title a {
    position: relative;
    color: var(--dlight-third-color);
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.news-two__title a:hover {
    color: var(--dlight-primary)
}

.news-two__text {
    position: relative;
    line-height: 34px;
    font-size: var(--font-18);
    color: rgba(var(--dlight-fourteen-color-rgb), .8)
}

.site-footer__upper {
    padding-top: var(--padding-top-90);
    padding-bottom: var(--padding-bottom-70);
    border-bottom: 1px solid rgba(255, 255, 255, .1)
}

.site-footer.style-two .site-footer__copyright {
    text-align: left
}

.site-footer.style-two .site-footer_newsletter-list {
    text-align: center;
    padding: 49px 0
}

.site-footer__upper-logo {
    position: absolute;
    left: 0;
    z-index: 1;
    padding: 21px 30px;
    display: inline-block
}

.site-footer__upper-logo:before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background-color: var(--dlight-white)
}

.site-footer__upper-title {
    font-weight: 600;
    line-height: 50px;
    padding-left: 260px;
    color: var(--dlight-white);
    font-size: var(--font-43);
    top: 6px
}

.choose-two .choose-two__icon,
.choose-two__count,
.choose-two__text {
    color: var(--dlight-thirtysix-color)
}

.site-footer__upper-btn-box {
    text-align: right;
    padding-top: var(--padding-top-20)
}

.choose-two {
    position: relative
}

.choose-two__inner-container {
    position: relative;
    padding: 90px 0 0
}

.choose-two__left {
    margin-right: 45px
}

.choose-two__right {
    position: relative;
    display: block;
    margin-top: 1px
}

.choose-two__single {
    position: relative;
    margin-top: var(--margin-top-45);
    margin-bottom: var(--margin-bottom-5)
}

.choose-two__inner {
    position: relative;
    min-height: 80px;
    padding-top: var(--padding-top-15);
    padding-left: var(--padding-left-100)
}

.choose-two .choose-two__icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 80px;
    height: 80px;
    line-height: 80px;
    border-radius: 50%;
    text-align: center;
    font-size: var(--font-40);
    background-color: var(--dlight-white)
}

.service-three__read-more:hover,
.service-three__title a:hover {
    color: var(--dlight-nineteen-color)
}

.choose-two__count {
    font-weight: 700;
    font-size: var(--font-36)
}

.choose-two__text {
    position: relative;
    font-weight: 500;
    opacity: .8;
    font-size: var(--font-16);
    margin-top: var(--margin-top-15)
}

.choose-two__text-two {
    position: relative;
    line-height: 34px;
    opacity: .8;
    font-size: var(--font-20);
    margin-top: var(--margin-top-35);
    color: var(--dlight-fourteen-color)
}

.history-one {
    position: relative;
    padding: 0 0 110px
}

.history-one.style-two {
    padding-top: var(--padding-top-70)
}

.history-one__inner-container {
    position: relative;
    padding-left: 300px
}

.history-one__client-box {
    position: absolute;
    left: 0;
    top: 0;
    padding: 60px 35px;
    border-radius: 6px;
    font-weight: 600;
    line-height: 38px;
    max-width: 230px;
    color: var(--dlight-white);
    font-size: var(--font-36);
    background-color: var(--dlight-second-color)
}

.history-one__client-box span {
    position: relative;
    color: var(--dlight-primary)
}

.history-one__client-box::before {
    position: absolute;
    content: "";
    left: 35px;
    top: 30px;
    width: 10px;
    height: 10px;
    background-color: var(--dlight-base)
}

.history-one__client-box::after {
    position: absolute;
    content: "";
    right: 45px;
    bottom: 40px;
    width: 10px;
    height: 10px;
    background-color: var(--dlight-white)
}

.history-one__title {
    line-height: 66px;
    font-weight: 600;
    font-size: var(--font-60);
    color: var(--dlight-third-color)
}

.history-one__text {
    position: relative;
    line-height: 34px;
    opacity: .8;
    font-size: var(--font-20);
    margin-top: var(--margin-top-25);
    color: var(--dlight-fourteen-color)
}

.history-one__btn-box {
    position: absolute;
    right: 0;
    top: 70px
}

.service-three {
    position: relative;
    padding: 80px 0 180px;
    background-color: var(--dlight-fourtytwo-color)
}

.service-three.style-two {
    padding-top: var(--padding-top-5);
    padding-bottom: var(--padding-bottom-10);
    background-color: var(--dlight-fifteen-color)
}

.service-three__single-inner {
    position: relative;
    overflow: hidden
}

.service-three__image {
    position: relative;
    overflow: hidden;
    background-color: var(--dlight-nineteen-color)
}

.service-three__image img {
    position: relative;
    width: 100%;
    display: block;
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

.service-three__arrow,
.service-three__title a {
    -webkit-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s
}

.service-three__single-inner:hover .service-three__image img {
    opacity: .7;
    transform: scale(1.06, 1.06)
}

.service-three__content {
    position: relative;
    padding: 35px 35px 50px;
    background-color: var(--dlight-white)
}

.service-three__content:before {
    position: absolute;
    content: "";
    right: -50px;
    bottom: -50px;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background-color: var(--dlight-fourtythree-color)
}

.service-three__content-upper {
    position: relative;
    padding-left: var(--padding-left-65)
}

.service-three__icon {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    line-height: 1em;
    font-size: var(--font-50);
    color: var(--dlight-black)
}

.service-three__text,
.service-three__title a {
    color: var(--dlight-third-color);
    position: relative
}

.service-three__icon::after {
    position: absolute;
    content: "";
    left: -10px;
    top: 10px;
    z-index: -1;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: var(--dlight-sixteen-color)
}

.service-three__title {
    position: relative;
    font-weight: 700;
    font-size: var(--font-36);
    padding-top: var(--padding-top-10)
}

.service-three__title a {
    transition: .3s
}

.service-three__text {
    line-height: 34px;
    opacity: .8;
    font-size: var(--font-18);
    margin-top: var(--margin-top-30);
    margin-bottom: var(--margin-bottom-25)
}

.service-three__arrow {
    position: relative;
    width: 42px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    display: inline-block;
    color: var(--dlight-white);
    border-radius: 3px 50px 50px 3px;
    margin-left: var(--margin-left-10);
    transition: .3s;
    background-color: var(--dlight-nineteen-color)
}

.pricing-one__start-btn,
.pricing-one__title,
.progress-one__icon,
.progress-one__number,
.progress-one__text,
.progress-one__title a {
    color: var(--dlight-third-color)
}

.pricing-one__single-inner,
.progress-one__title a {
    -webkit-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s
}

.service-three__read-more:hover .service-three__arrow {
    background-color: var(--dlight-base);
    color: var(--dlight-white)
}

.progress-one__inner-container {
    position: relative;
    margin-top: -100px;
    padding: 80px 50px 60px;
    background-color: var(--dlight-fifteen-color)
}

.progress-one .progress-one__single {
    width: 310px;
    float: left
}

.progress-one__single-inner {
    position: relative;
    border-radius: 5px;
    padding: 40px 40px 30px;
    background-color: var(--dlight-white)
}

.progress-one__single-inner:before {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    width: 45px;
    height: 60px;
    background: url(../images/shapes/shape-10.png) no-repeat
}

.progress-one__number {
    position: absolute;
    right: 30px;
    top: 50px;
    opacity: .1;
    font-weight: 700;
    line-height: 1em;
    font-size: var(--font-36)
}

.progress-one__icon {
    position: relative;
    text-align: center;
    font-size: var(--font-56)
}

.progress-one__title {
    position: relative;
    font-weight: 700;
    line-height: 55px;
    font-size: var(--font-36);
    margin-top: var(--margin-top-15);
    margin-bottom: var(--margin-bottom-5)
}

.progress-one__title a {
    position: relative;
    transition: .3s
}

.progress-one__title a:hover {
    color: var(--dlight-base)
}

.progress-one__text {
    position: relative;
    line-height: 34px;
    opacity: .8;
    font-size: var(--font-18)
}

.pricing-one {
    position: relative;
    padding-top: var(--padding-top-110)
}

.pricing-one__single-inner {
    position: relative;
    border-radius: 3px;
    text-align: center;
    padding: 35px 50px 50px;
    background-color: var(--dlight-white);
    border: 1px solid var(--dlight-fourtyfive-color);
    transition: .3s
}

.pricing-one__single-inner:hover {
    border-color: var(--dlight-third-color)
}

.pricing-one__title {
    position: relative;
    font-weight: 600;
    line-height: 60px;
    font-size: var(--font-50);
    margin-bottom: var(--margin-bottom-45);
    padding-bottom: var(--padding-bottom-15);
    border-bottom: 1px solid var(--dlight-fourtysix-color)
}

.pricing-one__price {
    position: relative;
    font-weight: 700;
    line-height: 1em;
    display: inline-block;
    font-size: var(--font-60)
}

.pricing-one__price sub {
    position: relative;
    font-weight: 400;
    font-size: var(--font-18);
    margin-left: var(--margin-left-5)
}

.pricing-one__price:before {
    position: absolute;
    content: "";
    left: -25px;
    top: -10px;
    width: 80px;
    height: 80px;
    z-index: -1;
    border-radius: 50%;
    background-color: var(--dlight-sixteen-color)
}

.comment-one__form,
.pricing-one__button-box,
.pricing-one__list-options,
.styled-pagination {
    position: relative;
    margin-top: var(--margin-top-40)
}

.pricing-one__list-options li {
    position: relative;
    font-size: var(--font-18);
    color: var(--text-color);
    margin-bottom: var(--margin-bottom-15)
}

.pricing-one__start-btn {
    position: relative;
    font-weight: 500;
    padding: 16px 44px;
    border-radius: 4px;
    font-size: var(--font-18);
    background-color: var(--dlight-seven-color)
}

.pricing-one__start-btn:hover {
    color: var(--dlight-white);
    background-color: var(--dlight-base)
}

.consultant-two {
    position: relative;
    padding: 110px 0;
    background-attachment: fixed;
    background-size: cover
}

.consultant-two:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: .85;
    background-color: var(--dlight-fifteen-color)
}

.consultant-two__content {
    position: relative;
    padding: 50px 0 98px
}

.consultant-two__content:before {
    position: absolute;
    content: "";
    left: -50px;
    top: 0;
    right: 115px;
    bottom: 0;
    border: 1px solid var(--dlight-white)
}

.consultant-two__icon {
    position: relative;
    line-height: 1em;
    font-size: var(--font-76);
    color: var(--dlight-white)
}

.consultant-two__phone-inner,
.consultant-two__text {
    color: var(--dlight-thirtyeight-color);
    font-weight: 400
}

.consultant-two__title {
    line-height: 58px;
    font-size: var(--font-50);
    margin-top: var(--margin-top-20)
}

.consultant-two__text {
    font-size: var(--font-20);
    margin-top: var(--margin-top-20)
}

.consultant-two__phone-box {
    position: relative;
    margin-top: var(--margin-top-35)
}

.consultant-two__phone-inner {
    position: relative;
    font-size: var(--font-15);
    padding-left: var(--padding-left-75)
}

.consultant-two__phone-icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 60px;
    height: 60px;
    display: inline-block;
    text-align: center;
    line-height: 60px;
    font-size: var(--font-26);
    border-radius: 50px;
    color: var(--dlight-white);
    background-color: var(--dlight-nineteen-color)
}

.consultant-two__phone-number,
.consultant-two__text,
.consultant-two__title {
    color: var(--dlight-thirtyeight-color)
}

.consultant-two__phone-number {
    position: relative;
    font-weight: 700;
    display: inline-block;
    font-size: var(--font-24);
    margin-top: var(--margin-top-5);
    -webkit-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

.consultant-two__phone-number:hover {
    color: var(--dlight-base)
}

.consultant-two__form-box {
    position: relative;
    padding: 55px;
    border-radius: 4px;
    margin-left: var(--margin-left-65);
    background-color: var(--dlight-white);
    box-shadow: 0 0 10px rgba(0, 0, 0, .1)
}

.faq-email,
.sidebar-widget__content {
    background-color: var(--dlight-fifteen-color)
}

.consultant-two__title {
    position: relative;
    font-weight: 700;
    font-size: var(--font-52)
}

.consultant-two__text {
    position: relative;
    line-height: 32px;
    font-size: var(--font-20);
    margin-bottom: var(--margin-bottom-25)
}

.consultant-two__form .form-group,
.error-page__image,
.project-four__single,
.team-one__single {
    position: relative;
    margin-bottom: var(--margin-bottom-30)
}

.consultant-two__form input[type=email],
.consultant-two__form input[type=password],
.consultant-two__form input[type=text],
.consultant-two__form select,
.consultant-two__form textarea {
    display: block;
    width: 100%;
    line-height: 28px;
    height: 56px;
    font-weight: 400;
    padding: 8px 20px;
    border-radius: 2px;
    font-size: var(--font-16);
    transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    background: var(--roofie-white);
    -webkit-transition: .3s;
    color: var(--dlight-thirtyeight-color);
    border: 1px solid var(--dlight-thirtynine-color);
    -moz-transition: .3s
}

.page__breadcrumb li,
.page__breadcrumb li a:hover {
    color: var(--dlight-base)
}

.consultant-two__form .form-group input::-webkit-input-placeholder,
.consultant-two__form .form-group textarea::-webkit-input-placeholder {
    color: var(--roofie-fourth-color);
    font-weight: 400
}

.consultant-two__form textarea {
    height: 210px;
    resize: none;
    font-size: 15px;
    padding-top: 15px
}

.consultant-two__form input[type=email]:focus,
.consultant-two__form input[type=password]:focus,
.consultant-two__form input[type=text]:focus,
.consultant-two__form select:focus,
.consultant-two__form textarea:focus {
    border-color: var(--main-color)
}

.consultant-two__form .theme-btn {
    cursor: pointer;
    border: none;
    width: 100%;
    border-radius: 3px;
    letter-spacing: 0;
    font-size: var(--font-18);
    text-transform: capitalize;
    margin-top: var(--margin-top-5)
}

.page-title.project-title {
    min-width: 100vh;
    height: 100vh;
    padding: 220px 0 0;
    display: flex;
    text-align: center
}

.page-title {
    height: 100%;
    text-align: center;
    padding: 350px 0 200px;
    background-size: cover;
    background-position: center center
}

.page-title:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    right: 0;
    height: 100%;
    background-color: rgba(0, 0, 0, .4)
}

.page-main__title {
    position: relative;
    font-weight: 700;
    font-size: var(--font-75);
    color: var(--dlight-white)
}

.page__breadcrumb li {
    position: relative;
    font-weight: 400;
    margin-right: 10px;
    padding-right: 15px;
    display: inline-block;
    font-size: var(--font-20);
    text-transform: capitalize
}

.purpose-one__image img,
.purpose-two__image img,
.team-one__image img {
    width: 100%;
    display: block;
    position: relative
}

.page__breadcrumb li:after {
    position: absolute;
    content: "/";
    right: -2px;
    top: 0;
    color: #fff;
    font-weight: 700;
    font-size: var(--font-14);
    font-family: FontAwesome
}

.page__breadcrumb li:last-child::after {
    display: none
}

.page__breadcrumb li:last-child {
    padding-right: 0;
    margin-right: 0
}

.page__breadcrumb li a {
    font-weight: 400;
    color: var(--dlight-white);
    text-transform: capitalize;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s
}

.purpose-one {
    position: relative;
    padding: 110px 0 120px
}

.purpose-one__title {
    position: relative;
    font-weight: 700;
    line-height: 65px;
    font-size: var(--font-65);
    margin-bottom: var(--margin-bottom-25);
    color: var(--dlight-third-color)
}

.purpose-one__text {
    position: relative;
    line-height: 34px;
    font-size: var(--font-18);
    color: var(--dlight-eight-color);
    margin-bottom: var(--margin-bottom-50)
}

.purpose-one__image {
    position: relative;
    border-radius: 3px;
    overflow: hidden
}

.purpose-one__title-two {
    position: relative;
    font-weight: 700;
    line-height: 40px;
    font-size: var(--font-36);
    color: var(--dlight-third-color);
    margin-bottom: var(--margin-bottom-15)
}

.purpose-one__text-two {
    position: relative;
    line-height: 34px;
    font-size: var(--font-18);
    color: var(--dlight-eight-color);
    padding-right: var(--padding-right-30);
    margin-bottom: var(--margin-bottom-20)
}

.purpose-two__image {
    position: relative;
    border-radius: 3px;
    overflow: hidden;
    padding-left: var(--padding-left-20)
}

.team-one {
    position: relative;
    padding-bottom: var(--padding-bottom-110)
}

.team-one.style-two {
    padding-top: var(--padding-top-110);
    padding-bottom: var(--padding-zero)
}

.team-one__inner {
    position: relative;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: 0 0 15px rgba(0, 0, 0, .1)
}

.service-detail .choose-one__single-inner,
.sidebar-widget__content {
    box-shadow: 0 0 15px rgba(0, 0, 0, .07)
}

.team-one__inner:hover .team-one__image img {
    opacity: 1;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%)
}

.team-one__image img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s
}

.team-one__content {
    position: relative;
    text-align: center;
    padding: 30px 0 25px
}

.team-one__name {
    font-weight: 700;
    line-height: 34px;
    font-size: var(--font-30);
    color: var(--dlight-third-color)
}

.team-one__name a {
    color: var(--dlight-third-color);
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s
}

.team-one__title {
    position: relative;
    font-size: var(--font-16);
    color: #1f477e
}

.faq-email a,
.faq-two__title,
.history-two__text span,
.team-one__social-box a {
    color: var(--dlight-third-color)
}

.team-one__social-box {
    position: relative;
    margin-top: var(--margin-top-20);
    padding-top: var(--padding-top-25);
    border-top: 1px solid var(--dlight-fifteen-color)
}

.team-one__social-box a {
    position: relative;
    width: 48px;
    height: 48px;
    line-height: 48px;
    border-radius: 50%;
    margin: 0 5px;
    font-size: var(--font-18);
    background-color: var(--dlight-fourtyseven-color);
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s
}

.team-one__social-box a:hover {
    color: var(--dlight-white);
    background-color: var(--dlight-base)
}

.faq-two {
    position: relative;
    padding: 100px 0 110px
}

.faq-two__title {
    position: relative;
    font-weight: 700;
    font-size: var(--font-50);
    margin-bottom: var(--margin-bottom-30)
}

.faq-two .column {
    padding: 0 45px
}

.faq-email {
    position: relative;
    font-weight: 600;
    display: inline-block;
    font-size: var(--font-24);
    color: var(--dlight-base);
    padding: 29px 0 29px 50px;
    margin-top: var(--margin-top-90);
    font-family: var(--dlight-smooch-font)
}

.history-two__text,
.history-two__text-five,
.history-two__text-two {
    font-size: var(--font-20);
    color: var(--dlight-fourteen-color);
    line-height: 34px
}

.history-two__title,
.history-two__title-two {
    margin-top: -10px;
    position: relative;
    font-weight: 700;
    font-family: var(--dlight-smooch-font)
}

.faq-email a {
    position: relative;
    padding: 26px 30px;
    margin-left: var(--margin-left-50);
    background-color: var(--dlight-fourtyeight-color);
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s
}

.history-two {
    position: relative;
    padding: 120px 0 80px
}

.history-two__image {
    position: relative;
    border-radius: 3px;
    overflow: hidden;
    margin-bottom: var(--margin-bottom-40)
}

.history-two__image img {
    position: relative;
    width: 100%
}

.history-two__text {
    position: relative;
    padding-left: 160px;
    margin-bottom: var(--margin-bottom-20)
}

.history-two__text span {
    position: absolute;
    left: 0;
    top: 30px;
    font-weight: 700;
    font-size: var(--font-75);
    font-family: var(--dlight-smooch-font)
}

.history-two__text-five,
.history-two__text-two {
    position: relative
}

.history-two__title {
    font-size: var(--font-75);
    color: var(--dlight-third-color);
    margin-bottom: var(--margin-bottom-10)
}

.history-two__text-four,
.history-two__text-three {
    position: relative;
    line-height: 34px;
    font-size: var(--font-20);
    color: var(--dlight-fourteen-color);
    margin-bottom: var(--margin-bottom-25)
}

.history-two__title-two {
    font-size: var(--font-75);
    color: var(--dlight-third-color);
    margin-bottom: var(--margin-bottom-15)
}

.history-two__left {
    position: relative;
    padding-right: var(--padding-right-50)
}

.history-two__right::before {
    position: absolute;
    content: "";
    left: -35px;
    top: 10px;
    width: 1px;
    height: 102%;
    background-color: var(--dlight-twentythree-color)
}

.service-detail {
    position: relative;
    padding: 80px 0 120px
}

.project-four .filters,
.sidebar-widget {
    position: relative;
    margin-bottom: var(--margin-bottom-40)
}

.service-detail__faq-toggle:last-child,
.service-details__cagegory-list li:last-child {
    margin-bottom: var(--margin-zero)
}

.sidebar-widget__content {
    position: relative;
    border-radius: 5px;
    padding: 40px 35px 60px
}

.sidebar-widget__content:before {
    position: absolute;
    content: "";
    left: 10px;
    top: 10px;
    bottom: 10px;
    right: 10px;
    border-radius: 3px;
    border: 1px solid var(--dlight-fourtynine-color)
}

.service-details__title {
    position: relative;
    font-weight: 700;
    line-height: 32px;
    font-size: var(--font-34);
    margin-bottom: var(--margin-bottom-30);
    padding-bottom: var(--padding-bottom-20)
}

.service-details__title::before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 65px;
    height: 3px;
    background-color: var(--dlight-base)
}

.service-details__title::after {
    position: absolute;
    content: "";
    left: 68px;
    bottom: 0;
    width: 20px;
    height: 3px;
    background-color: var(--dlight-primary)
}

.service-details__cagegory-list li {
    position: relative;
    margin-bottom: var(--margin-bottom-10)
}

.service-details__cagegory-list li a {
    position: relative;
    font-weight: 600;
    display: block;
    font-size: var(--font-20);
    padding: 16px 20px 16px 25px;
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    color: var(--dlight-third-color);
    border-left: 2px solid transparent;
    background-color: var(--dlight-white)
}

.service-details__cagegory-list li a:hover,
.service-details__cagegory-list li.active a {
    border-color: var(--dlight-base)
}

.service-details__cagegory-list li.active .arrow,
.service-details__cagegory-list li:hover .arrow,
.styled-pagination li a.active,
.styled-pagination li a:hover,
.styled-pagination li.next a:hover {
    color: var(--dlight-white);
    background-color: var(--dlight-primary)
}

.service-details__cagegory-list .arrow {
    position: absolute;
    right: 20px;
    width: 36px;
    top: 10px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 50px;
    font-weight: 600;
    font-size: var(--font-14);
    display: inline-block;
    color: var(--roofie-base);
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    background-color: var(--dlight-fifteen-color)
}

.service-details__cagegory-list li .numbering {
    position: absolute;
    right: 70px;
    font-weight: 600;
    font-size: var(--font-20);
    color: var(--dlight-third-color)
}

.service-details__contractor {
    position: relative;
    border-radius: 4px;
    overflow: hidden
}

.comment-one__content,
.news-detail,
.news-detail__img,
.news-detail__inner,
.news-detail__list,
.news-detail__meta,
.news-details__bottom,
.news-details__social-list,
.news-details__tags,
.news-three__meta,
.project-detail__info,
.project-detail__list,
.project-four__image,
.service-detail__list,
.service-details__contractor-image,
.sidebar__post-list,
.sidebar__tags-list {
    position: relative
}

.service-details__contractor-image img {
    position: relative;
    width: 100%;
    display: block
}

.service-details__contractor-content {
    position: relative;
    text-align: center;
    padding: 30px 50px 40px;
    background-size: cover;
    background-color: var(--dlight-twenty-color)
}

.service-details__contractor-icon {
    position: relative;
    width: 86px;
    height: 86px;
    margin: 0 auto;
    display: block;
    line-height: 86px;
    border-radius: 50px;
    font-size: var(--font-40);
    background-color: var(--dlight-white)
}

.service-detail__solution-icon,
.styled-pagination li a {
    background-color: var(--dlight-fifteen-color);
    text-align: center
}

.service-details__contractor-title {
    position: relative;
    font-weight: 600;
    line-height: 38px;
    font-size: var(--font-36);
    color: var(--dlight-white);
    margin-top: var(--margin-top-15)
}

.service-details__contractor-phone,
.service-details__contractor-quote {
    position: relative;
    line-height: 25.6px;
    color: var(--dlight-white);
    margin-top: var(--margin-top-20)
}

.service-details__contractor-quote {
    font-weight: 400;
    font-size: var(--font-18)
}

.service-details__contractor-phone {
    font-weight: 600;
    font-size: var(--font-38);
    display: inline-block;
    font-family: var(--dlight-smooch-font);
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

.project-detail_text,
.project-detail_text-two,
.service-detail__text,
.service-detail__text-two,
.service-detail__title,
.service-detail__title-two {
    color: var(--dlight-third-color);
    position: relative
}

.service-details__contractor-phone:hover {
    color: var(--dlight-base)
}

.service-detail__title {
    font-weight: 700;
    line-height: 64px;
    font-size: var(--font-60);
    margin-bottom: var(--margin-bottom-20)
}

.project-detail_text,
.service-detail__text {
    line-height: 34px;
    font-size: var(--font-20);
    margin-bottom: var(--margin-bottom-20)
}

.service-detail__title-two {
    font-weight: 700;
    line-height: 64px;
    font-size: var(--font-36);
    margin-bottom: var(--margin-bottom-5)
}

.project-detail_text-two,
.service-detail__text-two {
    line-height: 34px;
    font-size: var(--font-20);
    margin-bottom: var(--margin-bottom-50)
}

.service-detail__solution-single {
    position: relative;
    padding-left: 145px;
    line-height: 32px;
    min-height: 120px;
    font-size: var(--font-18);
    padding-top: var(--padding-top-5);
    margin-bottom: var(--margin-bottom-40);
    padding-right: var(--padding-right-50);
    font-family: var(--dlight-dmsans-font);
    color: rgba(var(--dlight-third-color-rgb), .8)
}

.service-detail__solution-icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 120px;
    height: 120px;
    line-height: 120px;
    font-size: var(--font-70);
    color: var(--dlight-black);
    border-radius: 0 3px 3px 0;
    border-left: 1px solid var(--dlight-primary)
}

.service-detail__solution-single:nth-child(2) .service-detail__solution-icon {
    background-color: var(--dlight-seven-color);
    border-color: var(--dlight-base)
}

.service-detail__image img {
    position: relative;
    width: 100%
}

.service-provide {
    position: relative;
    padding-left: var(--padding-left-20)
}

.service-detail__title-three {
    position: relative;
    font-weight: 700;
    font-size: var(--font-36);
    color: var(--dlight-third-color);
    margin-bottom: var(--margin-bottom-15)
}

.service-detail__list li,
.service-detail__text-three {
    margin-bottom: var(--margin-bottom-20);
    font-size: var(--font-18);
    position: relative
}

.service-detail__text-three {
    line-height: 34px;
    color: var(--dlight-third-color);
    padding-right: var(--padding-right-30)
}

.service-detail__list li {
    color: var(--dlight-thirtyeight-color);
    padding-left: var(--padding-left-30)
}

.service-detail__list li:before {
    position: absolute;
    content: "\e905";
    left: 0;
    top: 3px;
    line-height: 1em;
    font-size: var(--font-16);
    font-family: icomoon
}

.service-detail__text-four {
    position: relative;
    line-height: 32px;
    font-size: var(--font-18);
    margin-top: var(--margin-top-60);
    margin-bottom: var(--margin-bottom-50);
    padding-right: var(--padding-right-80);
    font-family: var(--dlight-dmsans-font);
    color: rgba(var(--dlight-third-color-rgb), .8)
}

.service-detail__accordian-title {
    position: relative;
    font-weight: 700;
    line-height: 64px;
    font-size: var(--font-36);
    margin-top: var(--margin-top-10);
    color: var(--dlight-third-color);
    margin-bottom: var(--margin-bottom-20)
}

.project-four__arrow,
.project-four__title {
    margin-top: var(--margin-top-5);
    position: relative
}

.service-detail__faq-accordion {
    position: relative;
    border-radius: 5px;
    padding: 40px 30px 50px;
    margin-bottom: var(--margin-bottom-30);
    border: 1px solid var(--dark-color)
}

.service-detail__faq-toggle {
    position: relative;
    border-radius: 3px;
    margin-bottom: var(--margin-bottom-20);
    border: 1px solid var(--dlight-fifteen-color)
}

.service-detail__acc-btn {
    position: relative;
    cursor: pointer;
    line-height: 25px;
    font-weight: 600;
    background: 0 0;
    padding: 16px 25px;
    border-radius: 3px;
    font-size: var(--font-20);
    transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    -moz-transition: .5s;
    color: var(--dlight-thirtyeight-color);
    -webkit-transition: .5s;
    background-color: var(--dlight-fifteen-color)
}

.service-detail__acc-btn.active .service-detail__faq-icon {
    transform: rotate(180deg)
}

.service-detail__acc-btn .service-detail__faq-toggle.active-block {
    padding-top: var(--padding-top-30);
    border-color: var(--dark-color)
}

.service-detail__faq-icon {
    position: absolute;
    right: 25px;
    color: var(--dark-color);
    text-align: center;
    line-height: 30px;
    font-family: FontAwesome;
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

.service-detail__faq-content {
    position: relative;
    display: none;
    padding: 20px 22px 15px
}

.service-detail__faq-text {
    padding-bottom: 6px;
    position: relative;
    line-height: 32px;
    font-size: var(--font-16);
    color: var(--roofie-fourth-color)
}

.service-detail__faq-accordion .service-detail__faq-content.current {
    display: block
}

.project-four {
    position: relative;
    padding: 100px 0 70px
}

.project-four .filters li {
    position: relative;
    cursor: pointer;
    font-weight: 500;
    margin: 0 10px 10px;
    font-size: var(--font-22);
    color: var(--text-color);
    display: inline-block;
    padding: 14px 35px 13px;
    transition: .3s;
    -webkit-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    font-family: var(--dlight-smooch-font);
    border: 1px solid var(--dlight-fifty-color)
}

.news-detail__meta li:last-child,
.news-three__meta li:last-child {
    margin-right: var(--margin-zero)
}

.comment-one__form-box .form-group:last-child,
.contact-one__info li:last-child,
.project-detail__list li:last-child {
    margin-bottom: var(--margin-zero)
}

.project-four .filters .filter.active,
.project-four .filters .filter:hover {
    color: var(--dlight-white);
    border-color: var(--dlight-primary);
    background-color: var(--dlight-primary)
}

.project-four .filters .filter.active::before,
.project-four .filters .filter:hover::before {
    opacity: 1;
    transform: scale(1, 1)
}

.project-four__total-posts {
    position: absolute;
    left: 50%;
    top: -22px;
    width: 30px;
    height: 30px;
    opacity: 0;
    visibility: visible;
    line-height: 30px;
    margin-left: -15px;
    border-radius: 50px;
    display: inline-block;
    font-size: var(--font-18);
    color: var(--dlight-white);
    transition: .3s;
    -webkit-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    background-color: var(--dlight-base)
}

.project-four__image img {
    position: relative;
    width: 100%;
    display: block
}

.project-four__overlay-box {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center
}

.project-four__image:hover .project-four__overlay-box {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center
}

.project-four__overlay-box:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: .54;
    background-color: var(--dlight-fiftyone-color)
}

.project-four__content {
    position: absolute;
    left: 40px;
    bottom: 40px;
    padding-left: var(--padding-left-20);
    border-left: 4px solid var(--dlight-white)
}

.project-four__title {
    font-weight: 700;
    font-size: var(--font-32)
}

.project-four__title a {
    position: relative;
    color: var(--dlight-white);
    transition: .3s;
    -webkit-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s
}

.project-four__title a:hover {
    color: var(--dlight-base)
}

.project-four__arrow {
    width: 46px;
    height: 31px;
    line-height: 36px;
    text-align: center;
    display: inline-block;
    font-size: var(--font-20);
    color: var(--dlight-white);
    border-radius: 3px 50px 50px 3px;
    background-color: var(--dlight-primary);
    transition: .3s;
    -webkit-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s
}

.project-detail__title,
.project-detail__title-two {
    font-weight: 700;
    color: var(--dlight-third-color);
    position: relative
}

.project-four__arrow:hover {
    color: var(--dlight-white);
    background-color: var(--dlight-base)
}

.project-detail .choose-one__single-inner::before,
.project-four__single.mix {
    display: none
}

.project-detail__title {
    font-size: var(--font-60);
    margin-bottom: var(--margin-bottom-15)
}

.project-detail__image {
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: var(--margin-bottom-50)
}

.news-detail__img img,
.project-detail__image img {
    position: relative;
    width: 100%;
    display: block
}

.project-detail__title-two {
    font-size: var(--font-36);
    margin-bottom: var(--margin-bottom-20)
}

.project-detail__text-three {
    position: relative;
    line-height: 34px;
    font-size: var(--font-20);
    color: var(--dlight-third-color);
    margin-bottom: var(--margin-bottom-30)
}

.project-detail__title-four,
.project-detail__title-three {
    font-size: var(--font-36);
    margin-top: var(--margin-top-30);
    color: var(--dlight-third-color);
    position: relative;
    font-weight: 700
}

.project-detail .choose-one__single-inner {
    box-shadow: 0 5px 20px rgba(0, 0, 0, .08)
}

.project-detail__title-three {
    margin-bottom: var(--margin-bottom-20)
}

.project-detail__info-box {
    position: relative;
    padding: 37px 50px 20px;
    margin-bottom: var(--margin-bottom-60);
    box-shadow: 0 0 20px rgba(0, 0, 0, .1)
}

.project-detail__info li,
.project-detail__info-title {
    margin-bottom: var(--margin-bottom-30);
    position: relative
}

.img-box-title,
.product-menu {
    box-shadow: 0 0 10px rgb(0 0 0/10%)
}

.project-detail__info-title {
    font-weight: 700;
    line-height: 32px;
    font-size: var(--font-30);
    padding-bottom: var(--padding-bottom-20);
    font-family: var(--dlight-smooch-font)
}

.project-detail__info-title::before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 65px;
    height: 3px;
    background-color: var(--dlight-base)
}

.project-detail__info-title::after {
    position: absolute;
    content: "";
    left: 68px;
    bottom: 0;
    width: 20px;
    height: 3px;
    background-color: var(--dlight-primary)
}

.project-detail__info li {
    font-weight: 500;
    font-size: var(--font-18);
    padding-left: var(--padding-left-55);
    color: rgba(var(--dlight-thirtyeight-color-rgb), .7)
}

.project-detail__info li .icon {
    position: absolute;
    left: 0;
    top: 0;
    line-height: 1em;
    font-size: var(--font-40);
    color: var(--dlight-primary)
}

.project-detail__info li strong {
    position: relative;
    display: block;
    margin-top: var(--margin-top-5);
    color: var(--dlight-thirtyeight-color)
}

.project-detail__text-five,
.project-detail__text-four,
.styled-pagination li a {
    color: var(--dlight-third-color);
    position: relative
}

.project-detail__list li {
    position: relative;
    font-size: var(--font-18);
    padding-left: var(--padding-left-30);
    margin-bottom: var(--margin-bottom-25);
    color: rgba(var(--dlight-thirtyeight-color-rgb), .8)
}

.sidebar__post-list a,
.styled-pagination li a {
    font-size: var(--font-24);
    font-family: var(--dlight-smooch-font)
}

.project-detail__list li:before {
    position: absolute;
    content: "\e905";
    left: 0;
    top: 3px;
    line-height: 1em;
    font-size: var(--font-16);
    font-family: icomoon
}

.project-detail__text-four {
    line-height: 32px;
    font-size: var(--font-18);
    margin-top: var(--margin-top-40);
    margin-bottom: var(--margin-bottom-100)
}

.project-detail__text-five {
    line-height: 32px;
    max-width: 440px;
    font-size: var(--font-18);
    margin-top: var(--margin-top-15);
    margin-bottom: var(--margin-bottom-35)
}

.styled-pagination li {
    position: relative;
    display: inline-block;
    margin: 0 8px 8px 0
}

.styled-pagination li a {
    display: inline-block;
    line-height: 50px;
    height: 50px;
    min-width: 50px;
    font-weight: 500;
    border-radius: 50px;
    text-transform: capitalize;
    transition: .5s;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    -moz-transition: .5s
}

.styled-pagination li.next a {
    background-color: var(--dlight-fiftytwo-color)
}

.blog-search__box .form-group input[type=search],
.blog-search__box .form-group input[type=text] {
    position: relative;
    line-height: 43px;
    display: block;
    width: 100%;
    height: 70px;
    outline: 0;
    border: none;
    border-radius: 3px;
    color: var(--dark-color);
    font-size: var(--font-18);
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    padding: 10px 50px 10px 25px;
    background: var(--dlight-white)
}

.blog-search__box .form-group button {
    position: absolute;
    right: 20px;
    top: 12px;
    height: 48px;
    width: 48px;
    display: block;
    cursor: pointer;
    border: none;
    font-weight: 400;
    border-radius: 50px;
    line-height: 50px;
    font-size: var(--font-18);
    color: var(--dlight-twentyeight-color);
    background: var(--dlight-fifteen-color);
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

.blog-search__box .form-group button:hover {
    color: var(--dlight-white);
    background: var(--dlight-primary)
}

.sidebar__post-list li {
    position: relative;
    min-height: 128px;
    margin-bottom: var(--margin-bottom-30);
    padding-left: var(--padding-left-105);
    border-bottom: 1px solid var(--dlight-fourtynine-color)
}

.sidebar__post-list li:last-child {
    border: none;
    min-height: 95px;
    margin-bottom: var(--margin-zero);
    padding-bottom: var(--padding-zero)
}

.sidebar__post-image {
    position: absolute;
    left: 0;
    top: 0;
    width: 90px;
    height: 95px;
    overflow: hidden;
    border-radius: 3px;
    display: inline-block
}

.sidebar__post-content-meta,
.sidebar__post-list a {
    display: block;
    position: relative;
    color: var(--dlight-third-color)
}

.sidebar__post-content-meta {
    font-size: var(--font-15);
    padding-left: var(--padding-left-20)
}

.sidebar__post-content-meta:before {
    position: absolute;
    content: "\e903";
    left: 0;
    top: 0;
    font-family: icomoon;
    color: var(--dlight-base)
}

.sidebar__post-list a {
    font-weight: 700;
    line-height: 30px;
    margin-top: var(--margin-top-10);
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

.sidebar__post-list a:hover {
    color: var(--dlight-primary)
}

.sidebar__tags-list a {
    position: relative;
    padding: 8px 12px;
    border-radius: 3px;
    display: inline-block;
    font-size: var(--font-16);
    color: var(--dlight-third-color);
    margin-right: var(--margin-right-5);
    margin-bottom: var(--margin-bottom-10);
    background-color: var(--dlight-white);
    font-weight: 600;
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

.news-details__tags a,
.news-three__img img {
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

.sidebar__tags-list a:hover {
    color: var(--dlight-white);
    background: var(--dlight-primary)
}

.news-three {
    position: relative;
    padding: 110px 0 100px
}

.news-three__single {
    position: relative;
    margin-bottom: var(--margin-bottom-50)
}

.news-three__single-inner {
    position: relative;
    overflow: hidden;
    border-radius: 5px 5px 0 0
}

.news-three__img {
    position: relative;
    overflow: hidden;
    background: var(--dlight-primary)
}

.news-three__img img {
    position: relative;
    width: 100%;
    display: block;
    transition: .5s
}

.news-three__read-more,
.news-three__title a {
    -webkit-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s
}

.news-three__single-inner:hover .news-three__img img {
    opacity: .7;
    transform: scale(1.04, 1.04)
}

.news-detail__category,
.news-three__category {
    position: absolute;
    left: 40px;
    bottom: 20px;
    padding: 6px 14px 3px;
    border-radius: 3px;
    color: var(--dlight-white);
    font-size: var(--font-16);
    background-color: var(--dlight-nineteen-color)
}

.news-three__content {
    position: relative;
    padding: 40px;
    border-top: none;
    border-radius: 0 0 5px 5px;
    border: 1px solid var(--dlight-fourty-color)
}

.news-three__title {
    font-weight: 700;
    line-height: 55px;
    font-size: var(--font-50);
    margin-bottom: var(--margin-bottom-25)
}

.news-three__title a {
    position: relative;
    color: var(--dlight-third-color);
    transition: .3s
}

.news-detail__meta li,
.news-three__meta li a {
    display: inline-block;
    font-size: var(--font-16);
    color: rgba(var(--dlight-twentysix-color-rgb), .8);
    position: relative
}

.news-three__title a:hover {
    color: var(--dlight-primary)
}

.news-three__meta li {
    position: relative;
    display: inline-block;
    margin-right: var(--margin-right-20)
}

.news-three__meta li a {
    padding-left: var(--padding-left-25)
}

.news-detail__meta li i,
.news-three__meta li a i {
    top: 2px;
    line-height: 1em;
    color: var(--dlight-twentysix-color);
    position: absolute;
    left: 0
}

.news-three__text {
    position: relative;
    line-height: 32px;
    font-size: var(--font-18);
    margin-top: var(--margin-top-15);
    margin-bottom: var(--margin-bottom-20);
    color: rgba(var(--dlight-third-color-rgb), .8)
}

.news-detail__text,
.news-detail__text-two {
    margin-top: var(--margin-top-20)
}

.news-three__read-more {
    position: relative;
    font-weight: 500;
    font-size: var(--font-18);
    color: var(--dlight-third-color);
    font-family: var(--dlight-catamaran-font);
    transition: .3s
}

.news-three__arrow {
    position: relative;
    top: 3px;
    width: 42px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    display: inline-block;
    color: var(--dlight-white);
    border-radius: 3px 50px 50px 3px;
    margin-left: var(--margin-left-10);
    -webkit-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
    background-color: var(--dlight-third-color)
}

.news-three__read-more:hover {
    color: var(--dlight-base)
}

.news-three__read-more:hover .news-three__arrow {
    color: var(--dlight-white);
    background-color: var(--dlight-nineteen-color)
}

.news-detail__list li:before,
.news-detail__more-posts .next-post:hover,
.news-detail__more-posts .prev-post:hover {
    color: var(--dlight-primary)
}

.download-section,
.news-four {
    position: relative;
    padding: 100px 0
}

.news-detail__content {
    position: relative;
    padding-top: var(--padding-top-40)
}

.news-detail__title {
    position: relative;
    font-weight: 700;
    line-height: 55px;
    font-size: var(--font-50);
    color: var(--dlight-third-color);
    margin-bottom: var(--margin-bottom-25)
}

.news-detail__text,
.news-detail__text-three,
.news-detail__text-two {
    line-height: 32px;
    font-size: var(--font-18);
    color: rgba(var(--dlight-third-color-rgb), .8)
}

.news-detail__meta li {
    padding-left: var(--padding-left-25);
    margin-right: var(--margin-right-20)
}

.news-detail__meta li i {
    font-style: normal
}

.news-detail__text {
    position: relative;
    margin-bottom: var(--margin-bottom-20)
}

.news-detail__img-two,
.news-detail__text-two {
    margin-bottom: var(--margin-bottom-45);
    position: relative
}

.news-detail__img-two {
    border-radius: 3px;
    overflow: hidden
}

.news-detail__img-two img {
    position: relative;
    width: 100%;
    display: block
}

.news-detail__text-three {
    position: relative;
    margin-bottom: var(--margin-bottom-40)
}

.news-detail__blockquote {
    position: relative;
    font-weight: 700;
    line-height: 36px;
    margin: var(--margin-zero);
    font-size: var(--font-30);
    padding-left: var(--padding-left-25);
    padding-right: var(--padding-right-20);
    color: var(--dlight-thirtyeight-color);
    font-family: var(--dlight-smooch-font);
    border-left: 6px solid var(--dlight-fiftythree-color)
}

.news-detail__list li,
.news-detail__text-four {
    line-height: 32px;
    font-size: var(--font-18);
    color: rgba(var(--dlight-third-color-rgb), .8);
    position: relative
}

.news-detail__social-box a:hover,
.news-details__social-list a:hover {
    border-color: var(--dlight-primary)
}

.news-detail__list li {
    padding-left: var(--padding-left-35);
    margin-bottom: var(--margin-bottom-15)
}

.news-detail__list li:before {
    position: absolute;
    content: "\e905";
    left: 0;
    top: 0;
    font-family: icomoon
}

.news-detail__social-box a:hover,
.news-details__social-list a:hover,
.news-details__tags a:hover {
    color: var(--dlight-white);
    background-color: var(--dlight-primary)
}

.news-detail__text-four {
    margin-top: var(--margin-top-30);
    margin-bottom: var(--margin-bottom-60)
}

.news-detail__author-name,
.news-details__tags span {
    font-weight: 700;
    font-size: var(--font-30);
    font-family: var(--dlight-smooch-font)
}

.news-details__tags span {
    position: relative;
    margin-right: var(--margin-right-5);
    color: var(--dlight-thirtyeight-color)
}

.news-details__tags a {
    position: relative;
    font-weight: 600;
    border-radius: 3px;
    padding: 3px 15px 1px;
    display: inline-block;
    margin-bottom: var(--margin-bottom-10);
    font-size: var(--font-16);
    transition: .5s;
    color: rgba(var(--dlight-third-color-rgb), .8);
    background-color: var(--dlight-fifteen-color)
}

.news-detail__social-box a,
.news-details__social-list a {
    line-height: 42px;
    text-align: center;
    border-radius: 50px;
    color: var(--dlight-thirtyeight-color);
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

.news-details__social-list a {
    position: relative;
    width: 44px;
    height: 44px;
    display: inline-block;
    font-size: var(--font-18);
    margin-left: var(--margin-left-5);
    border: 1px solid var(--dlight-thirtyeight-color);
    transition: .5s
}

.news-detail__author-box {
    position: relative;
    border-radius: 3px;
    overflow: hidden;
    padding: 45px 30px 40px;
    margin-top: var(--margin-top-60);
    margin-bottom: var(--margin-bottom-65);
    background-color: var(--dlight-fiftyfour-color)
}

.news-detail__author-inner {
    position: relative;
    padding-top: var(--padding-top-5);
    padding-left: var(--padding-left-130)
}

.news-detail__author-thumb {
    position: absolute;
    left: 0;
    top: 0;
    width: 112px;
    overflow: hidden;
    border-radius: 50%
}

.news-detail__author-thumb img {
    display: block;
    width: 100%;
    height: auto
}

.news-detail__author-name,
.news-detail__social-box,
.news-detail__social-box a {
    position: relative;
    display: inline-block
}

.news-detail__author-name {
    line-height: 26.6px;
    color: var(--dlight-fiftyfive-color)
}

.news-detail__author-text {
    position: relative;
    font-weight: 400;
    line-height: 32px;
    opacity: .8;
    font-size: var(--font-18);
    margin-top: var(--margin-top-10);
    color: var(--dlight-fiftyfive-color)
}

.news-detail__social-box {
    margin-top: var(--margin-top-20)
}

.news-detail__social-box a {
    width: 44px;
    height: 44px;
    font-size: var(--font-18);
    margin-right: var(--margin-right-5);
    border: 1px solid var(--dlight-thirtyeight-color);
    transition: .5s
}

.news-detail__more-posts .next-post span,
.news-detail__more-posts .prev-post span {
    position: absolute;
    top: 16px;
    width: 33px;
    height: 33px;
    line-height: 33px;
    border-radius: 50px;
    font-size: var(--font-16);
    text-align: center
}

.news-detail__more-posts .next-post,
.news-detail__more-posts .prev-post {
    line-height: 34px;
    font-size: var(--font-24);
    color: var(--dlight-fiftyfive-color);
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    font-weight: 700;
    font-family: var(--dlight-smooch-font)
}

.comment-one__single,
.news-detail__more-posts {
    position: relative;
    border-bottom: 1px solid var(--dlight-fifteen-color)
}

.comment-one__reply-btn,
.news-detail__more-posts .next-post span,
.news-detail__more-posts .prev-post span {
    display: inline-block;
    background-color: var(--dlight-fifteen-color)
}

.news-detail__more-posts {
    padding: 19px 0;
    border-top: 1px solid var(--dlight-fifteen-color)
}

.news-detail__more-posts .prev-post {
    position: relative;
    padding-left: var(--padding-left-50);
    transition: .5s
}

.news-detail__more-posts .prev-post span {
    left: 0
}

.news-detail__more-posts .next-post {
    position: relative;
    text-align: right;
    padding-right: var(--padding-right-50);
    transition: .5s
}

.news-detail__more-posts .next-post span {
    right: 0
}

.comment-one {
    position: relative;
    margin-top: var(--margin-top-60)
}

.comment-one__title {
    position: relative;
    font-weight: 700;
    font-size: var(--font-36);
    color: var(--dlight-third-color);
    margin-bottom: var(--margin-bottom-35);
    font-family: var(--dlight-smooch-font)
}

.comment-one__single {
    padding-left: 130px;
    margin-bottom: var(--margin-bottom-40);
    padding-bottom: var(--padding-bottom-40)
}

.comment-one__image {
    position: absolute;
    left: 0;
    top: 0;
    width: 112px;
    height: 112px;
    overflow: hidden;
    border-radius: 50%
}

.comment-one__name {
    position: relative;
    font-weight: 600;
    font-size: var(--font-30);
    color: var(--dlight-third-color);
    margin-bottom: var(--margin-bottom-10);
    font-family: var(--dlight-smooch-font)
}

.comment-one__time {
    position: relative;
    font-size: var(--font-16);
    color: rgba(var(--dlight-third-color-rgb), .7)
}

.comment-one__text {
    position: relative;
    line-height: 32px;
    font-size: var(--font-18);
    margin-top: var(--margin-top-5);
    color: rgba(var(--dlight-third-color-rgb), .8)
}

.comment-form__title,
.comment-one__reply-btn {
    font-weight: 700;
    color: var(--dlight-third-color);
    font-family: var(--dlight-smooch-font)
}

.comment-one__reply-btn {
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 3px;
    padding: 6px 15px 3px;
    margin-bottom: var(--margin-bottom-10);
    font-size: var(--font-16);
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.comment-one__reply-btn:hover {
    color: var(--dlight-white);
    background-color: var(--dlight-primary)
}

.comment-one__reply-comment {
    position: relative;
    margin-left: var(--margin-left-90)
}

.comment-form__title {
    position: relative;
    font-size: var(--font-36);
    margin-bottom: var(--margin-bottom-30)
}

.contact-one__info li:last-child .icon,
.error-page__tagline {
    font-size: var(--font-50)
}

.comment-one__form-box,
.contact-form,
.contact-one__info,
.page-title {
    position: relative
}

.comment-one__form-box .form-group {
    position: relative;
    padding: 0 10px;
    margin-bottom: var(--margin-bottom-20)
}

.comment-one__form-box input[type=email],
.comment-one__form-box input[type=password],
.comment-one__form-box input[type=text],
.comment-one__form-box select,
.comment-one__form-box textarea {
    display: block;
    width: 100%;
    height: 56px;
    border: 0;
    font-weight: 400;
    padding: 8px 25px;
    border-radius: 3px;
    line-height: 28px;
    font-size: var(--font-16);
    color: var(--roofie-fourth-color);
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    background-color: var(--dlight-fiftyfour-color)
}

.comment-one__form-box .form-group input::-webkit-input-placeholder,
.comment-one__form-box .form-group textarea::-webkit-input-placeholder {
    color: rgba(var(--dlight-third-color-rgb), .6);
    font-weight: 400
}

.comment-one__form-box textarea {
    height: 210px;
    resize: none;
    font-size: 15px;
    border-radius: 3px;
    padding: 20px 25px
}

.comment-one__form-box input[type=email]:focus,
.comment-one__form-box input[type=password]:focus,
.comment-one__form-box input[type=text]:focus,
.comment-one__form-box select:focus,
.comment-one__form-box textarea:focus {
    border: 0
}

.comment-one__form-box .theme-btn {
    cursor: pointer;
    border: none;
    letter-spacing: 0;
    font-size: var(--font-18);
    text-transform: capitalize
}

.error-page {
    position: relative;
    text-align: center;
    padding: 110px 0
}

.error-page__tagline {
    position: relative;
    font-weight: 600;
    margin-top: var(--margin-top-25);
    color: var(--dlight-thirtyeight-color);
    font-family: var(--dlight-catamaran-font)
}

.contact-one__info li,
.home-video-title,
.icon-block-product .a-link {
    font-family: var(--dlight-smooch-font)
}

.error-page__text {
    position: relative;
    font-weight: 400;
    font-size: var(--font-20);
    margin-top: var(--margin-top-20);
    color: rgba(var(--dlight-thirtyeight-color-rgb), .8)
}

.error-home__btn {
    position: relative;
    font-weight: 500;
    padding: 19px 42px;
    border-radius: 4px;
    font-size: var(--font-18);
    text-transform: capitalize;
    margin-top: var(--margin-top-40);
    color: var(--dlight-thirtyeight-color);
    border: 2px solid var(--dlight-base)
}

.error-home__btn:hover {
    color: var(--dlight-white);
    background-color: var(--dlight-base)
}

.contact-one {
    position: relative;
    padding: 115px 0 90px;
    background-color: var(--dlight-fiftysix-color)
}

.contact-one__title {
    position: relative;
    font-weight: 700;
    line-height: 49px;
    font-size: var(--font-43);
    margin-right: -25px;
    color: var(--dlight-fiftyseven-color)
}

.contact-one__text {
    position: relative;
    font-weight: 400;
    line-height: 30px;
    font-size: var(--font-18);
    margin-top: var(--margin-top-20);
    margin-bottom: var(--margin-bottom-20);
    color: rgba(var(--dlight-fiftyseven-color-rgb), .8)
}

.contact-one__info li {
    position: relative;
    font-weight: 600;
    font-size: var(--font-30);
    color: var(--roofie-third-color);
    /* padding-top: var(--padding-top-10); */
    padding-left: var(--padding-left-80);
    margin-bottom: var(--margin-bottom-5);
    height: 100%;
    display: flex;
    align-items: center;
}

.contact-one__info li.branch-header {
    padding-left: 0 !important;
    margin-bottom: 20px !important;
}

.contact-one__info li .icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50px;
    display: inline-block;
    font-size: var(--font-25);
    color: var(--dlight-six-color);
    background-color: var(--dlight-white)
}

.contact-one__info p {
    position: relative;
    line-height: 30px;
    font-weight: 400;
    font-size: var(--font-18);
    color: var(--dlight-six-color);
    /* margin-top: var(--margin-top-15); */
    font-family: var(--dlight-catamaran-font);
    margin-bottom: 10px;
}

.contact-one__form-box {
    position: relative;
    padding: 50px 40px;
    border-radius: 4px;
    margin-left: var(--margin-left-50);
    background-color: var(--dlight-white)
}

.contact-one__title-two {
    position: relative;
    font-weight: 700;
    line-height: 26.4px;
    font-size: var(--font-36);
    color: var(--dlight-fiftyseven-color)
}

.contact-one__text-two {
    position: relative;
    font-weight: 400;
    line-height: 30px;
    font-size: var(--font-18);
    margin-top: var(--margin-top-20);
    margin-bottom: var(--margin-bottom-35);
    color: rgba(var(--dlight-fiftyseven-color-rgb), .8)
}

.contact-form .row {
    margin: 0 -10px
}

.contact-form .form-group {
    position: relative;
    padding: 0 10px;
    margin-bottom: var(--margin-bottom-30)
}

.contact-form .form-group:last-child {
    margin-bottom: 0
}

.contact-form .form-group input[type=email],
.contact-form .form-group input[type=tel],
.contact-form .form-group input[type=text],
.contact-form .form-group select {
    position: relative;
    display: block;
    width: 100%;
    line-height: 18px;
    padding: 10px 25px;
    height: 56px;
    border-radius: 0;
    font-size: var(--font-16);
    color: var(--header-color);
    border: none;
    -webkit-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
    background-color: var(--dlight-fiftysix-color)
}

.contact-form .form-group input[type=email]:focus,
.contact-form .form-group input[type=tel]:focus,
.contact-form .form-group input[type=text]:focus,
.contact-form .form-group textarea:focus {
    color: rgba(var(--dlight-third-color-rgb), .7)
}

.contact-form input::placeholder,
.contact-form textarea::placeholder {
    color: #181818;
    opacity: .66
}

.contact-form .form-group textarea {
    position: relative;
    display: block;
    width: 100%;
    height: 150px;
    line-height: 18px;
    padding: 20px 25px;
    color: var(--header-color);
    border-radius: 0;
    font-size: var(--font-16);
    background-color: var(--dlight-fiftysix-color);
    border: 2px solid transparent;
    -webkit-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

.contact-form button {
    position: relative;
    border: none;
    letter-spacing: 0;
    text-transform: capitalize
}

.contact-form input.error,
.contact-form select.error,
.contact-form textarea.error {
    border-color: red !important
}

.contact-form label.error {
    display: block;
    line-height: 24px;
    padding: 5px 0 0;
    margin: 0;
    text-transform: uppercase;
    font-size: 12px;
    color: red;
    font-weight: 500
}

.contact-map {
    position: relative;
    margin-bottom: -15px
}

.contact-map iframe {
    position: relative;
    width: 100%;
    height: 600px
}

@-webkit-keyframes shapeMover {

    0%,
    100% {
        -webkit-transform: perspective(400px) translateY(0) rotate(0) translateZ(0) translateX(0);
        transform: perspective(400px) translateY(0) rotate(0) translateZ(0) translateX(0)
    }

    50% {
        -webkit-transform: perspective(400px) rotate(-45deg) translateZ(20px) translateY(20px) translateX(20px);
        transform: perspective(400px) rotate(-45deg) translateZ(20px) translateY(20px) translateX(20px)
    }
}

@keyframes shapeMover {

    0%,
    100% {
        -webkit-transform: perspective(400px) translateY(0) rotate(0) translateZ(0) translateX(0);
        transform: perspective(400px) translateY(0) rotate(0) translateZ(0) translateX(0)
    }

    50% {
        -webkit-transform: perspective(400px) rotate(-45deg) translateZ(20px) translateY(20px) translateX(20px);
        transform: perspective(400px) rotate(-45deg) translateZ(20px) translateY(20px) translateX(20px)
    }
}

@-webkit-keyframes squareMover {

    0%,
    100% {
        -webkit-transform: translate(0, 0) rotate(0);
        transform: translate(0, 0) rotate(0)
    }

    20%,
    60% {
        -webkit-transform: translate(20px, 40px) rotate(180deg);
        transform: translate(20px, 40px) rotate(180deg)
    }

    30%,
    80% {
        -webkit-transform: translate(40px, 60px) rotate(0);
        transform: translate(40px, 60px) rotate(0)
    }
}

@keyframes squareMover {

    0%,
    100% {
        -webkit-transform: translate(0, 0) rotate(0);
        transform: translate(0, 0) rotate(0)
    }

    20%,
    60% {
        -webkit-transform: translate(20px, 40px) rotate(180deg);
        transform: translate(20px, 40px) rotate(180deg)
    }

    30%,
    80% {
        -webkit-transform: translate(40px, 60px) rotate(0);
        transform: translate(40px, 60px) rotate(0)
    }
}

@-webkit-keyframes float-bob-y {

    0%,
    100% {
        transform: translateY(-20px)
    }

    50% {
        transform: translateY(-10px)
    }
}

@keyframes float-bob-y {

    0%,
    100% {
        transform: translateY(-20px)
    }

    50% {
        transform: translateY(-10px)
    }
}

@-webkit-keyframes float-bob-x {

    0%,
    100% {
        transform: translateX(-30px)
    }

    50% {
        transform: translateX(-10px)
    }
}

@keyframes float-bob-x {

    0%,
    100% {
        transform: translateX(-30px)
    }

    50% {
        transform: translateX(-10px)
    }
}

@-webkit-keyframes zoomInOut {
    0% {
        -webkit-transform: rotate(0) scale(.7);
        transform: rotate(0) scale(.7);
        opacity: 0
    }

    50% {
        -webkit-transform: rotate(180deg) scale(1);
        transform: rotate(180deg) scale(1);
        opacity: 1
    }

    100% {
        -webkit-transform: rotate(360deg) scale(.7);
        transform: rotate(360deg) scale(.7);
        opacity: 0
    }
}

@-webkit-keyframes zoom-fade {

    0%,
    100% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes zoom-fade {

    0%,
    100% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

#player-overlay {
    width: 100%;
    height: 100%
}

.cover-background {
    background: rgba(0, 0, 0, .5);
    position: relative;
    overflow: hidden
}

.about-bg,
.solar-bg,
.solar-bg-1,
.solar-bg-2 {
    background-repeat: no-repeat
}

.home-video-title {
    position: relative;
    color: #fff;
    font-size: 90px;
    letter-spacing: 2px;
    font-weight: 700;
    line-height: .9em;
    text-align: left;
    text-transform: uppercase;
    top: 62%;
    left: 4%
}

.home-video-logo {
    position: relative;
    text-align: center;
    text-transform: uppercase;
    top: 30%
}

.video-wrapper {
    height: 100%;
    overflow: hidden;
    position: absolute;
    width: 100%
}

.html-video {
    background-color: #000;
    height: auto;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: auto;
    z-index: -3
}

.video-wrapper iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: -5px !important;
    width: 100%
}

.solar-bg {
    background-image: url(../images/solar-bg.webp);
    background-position: bottom
}

.solar-bg-1 {
    background-image: url(../images/section-video-bg.webp);
    background-position: center;
    background-size: cover
}

.about-bg {
    background-image: url(../images/about-solar-bg.webp);
    background-position: left bottom;
    background-size: 60%
}

.solar-bg-2 {
    background-image: url(../images/ab-testi-bsg.webp);
    background-position: center;
    background-size: cover
}

.contact-bg-2 {
    background-image: url(../images/h1-s6-img2-1.webp);
    background-position: right;
    background-repeat: repeat-x;
    background-size: auto
}

.counter-well,
.cta-one__inner,
.footer-bg,
.goal-bg-2,
.solar-Calculator-bg-2 {
    background-repeat: no-repeat
}

.solar-Calculator-bg-2 {
    background-image: url(../images/h1-s6-img2.webp);
    background-position: right bottom;
    background-size: 30%
}

.goal-bg-2 {
    background-image: url(../images/goal-bg.webp);
    background-position: right bottom;
    background-size: 50%
}

.footer-bg {
    /*background-image: url(../images/footer-solar-bg.png);*/
    background-position: bottom right;
    background-size: 30%
}

.cta-one__inner {
    position: relative;
    margin-top: -125px;
    border-radius: 3px;
    padding: 55px 50px 20px;
    background-image: url(../images/order-bg.webp);
    background-position: right;
    background-size: 50%
}

.counter-well .choose-two__text,
.counter-well .count-box,
.counter-well .section-title__text,
.counter-well .section-title__title,
.counter-well p,
.footer-last a {
    color: #fff
}

.counter-well {
    padding: 50px 0 200px;
    background-image: url(../images/home-bottom.jpg);
    background-position: bottom;
    background-color: #fff;
    background-size: cover;
    color: #fff
}

.error-page-bg,
.vision .container {
    background-repeat: no-repeat;
    background-size: 100%
}

.footer-last {
    color: #fff;
    padding: 6px 10px 0;
    border-radius: 20px 20px 0 0;
    position: absolute;
    bottom: 0;
    background-color: #333;
    opacity: .5
}

.we-achieve .choose-one__single-inner {
    min-height: 300px
}

.vision .container {
    max-width: 1400px;
    background-color: var(--dlight-fifteen-color);
    background-image: url(../images/vision-bg.webp);
    background-position: center;
    background-attachment: fixed;
    border-radius: 50px
}

.vision-block .purpose-one__text-two,
.vision-block .purpose-one__text-two p,
.vision-block .purpose-one__title-two {
    color: #fff !important
}

.vision-block {
    padding: 60px
}

.download-section .choose-one__single-inner {
    background-color: var(--dlight-fifteen-color);
    min-height: unset
}

.download-section .choose-one__single-inner img {
    height: 46px
}

.download-btn {
    width: 100%;
    padding: 6px;
    height: auto;
    font-size: 20px
}

.text-justify {
    text-align: justify
}

.mt-15,
.mt-20 {
    margin-top: 30px
}

.gray-block {
    background-color: #2d4d81;
    padding: 14px;
    font-size: 16px;
    color: #fff;
    border-radius: 4px
}

.product-icon-menu {
    position: absolute;
    right: 0;
    bottom: 0;
    border-radius: 20px 0 0 20px;
    display: flex;
    justify-content: flex-start
}

.product-icon-menu div {
    margin: auto 10px;
    text-align: center
}

.product-icon-menu .a-link {
    margin-top: 10px;
    background-color: rgba(0, 0, 0, .8);
    padding: 2px 10px;
    border-radius: 6px;
    display: flex;
    height: 22px;
    align-items: center;
    justify-content: center
}

.product-icon-menu a,
.product-icon-menu-3 a {
    color: #fff;
    margin-top: 10px
}

.product-icon-menu img {
    height: 80px
}

.padding-0 {
    padding: 0
}

.margin-0 {
    margin: 0
}

.content-box {
    padding: 50px
}

.product-icon-menu-1 {
    display: flex;
    justify-content: center;
    justify-items: end;
    align-items: end;
    background-color: rgba(0, 0, 0, .8);
    position: absolute;
    bottom: 0;
    width: 100%
}

.icon-block-product {
    margin: 10px;
    border-radius: 10px;
    padding: 20px;
    width: 20%;
    height: 10%
}

.icon-block-product .a-link {
    color: #fff;
    margin-top: 10px;
    font-size: var(--font-20)
}

.product-menu-postion {
    position: absolute;
    right: 0;
    top: -320px
}

.product-icon-menu-3 {
    display: flex;
    justify-content: space-between
}

.align-items,
.product-icon-menu-3 .a-link {
    align-items: center;
    display: flex
}

.product-icon-menu-3 div {
    margin: auto 2px;
    text-align: center
}

.product-icon-menu-3 .a-link {
    margin-top: 10px;
    background-color: rgba(0, 0, 0, .5);
    padding: 2px 10px;
    border-radius: 6px;
    height: 22px;
    font-size: 10px;
    justify-content: center
}

.product-icon-menu-3 img {
    height: 50px
}

.product-menu {
    display: flex;
    background-color: #fff
}

.product-menu img {
    height: 90px;
    margin-bottom: 10px;
}

.product-menu .p-icon {
    border-right: 1px solid #f2f2f2;
    width: 300px;
    text-align: center;
    padding: 20px 0
}

.product-menu .p-icon:last-child {
    border-right: 0 solid #f2f2f2
}

.product-menu .a-link {
    text-align: center;
    color: #000;
    font-family: var(--font-18);
    font-weight: 600
}

.img-round-right img {
    border-radius: 100px 0 0 100px
}

.img-round-left img {
    border-radius: 0 100px 100px 0
}

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

.product-fluid-menu {
    position: absolute;
    top: -80px;
    width: 100%
}

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

.box-title {
    background-color: #2d4f83;
    padding: 16px 10px;
    font-size: var(--font-18);
    text-align: center;
    color: #fff;
    border-radius: 0 0 10px 10px
}

.w-100 {
    width: 100%
}

.error-page-bg {
    background-image: url(../images/resource/404-bg.png);
    background-position: bottom;
    padding-bottom: 0
}

.mt-100 {
    padding-bottom: 500px
}

.section-1,
.section-2 {
    padding: 80px 0
}

.section-2 {
    background-color: #f2f2f2
}

.solar-bg .service-one__single img {
    height: 150px;
    padding: 20px;
}

.form-btn input {
    outline: 0;
    border: 0;
    font-size: 24px
}

.site-footer__shape-two {
    background-image: url(../images/footer-shape.webp)
}

.energy-one__shape-one {
    background-image: url(../images/shape-4.webp)
}

.energy-one__shape-five {
    background-image: url(../images/shape-8.webp)
}

.energy-one__shape-two,
.solar-one__shape-one {
    background-image: url(../images/shape-5.webp)
}

.energy-one__shape-three,
.solar-one__shape-two {
    background-image: url(../images/shape-6.webp)
}

.energy-one__shape-four {
    background-image: url(../images/shape-7.webp)
}

.testimonial-two__shape-one {
    background-image: url(../images/testimonial-shape-1.webp)
}

.testimonial-two__shape-two {
    background-image: url(../images/testimonial-shape-bottom.webp)
}

.testimonial-two__shape-three {
    background-image: url(../images/testimonial-shape.webp)
}

.testimonial-two__shape-four {
    background-image: url(../images/testimonial-shape-footer-right.webp)
}

.error {
    font-size: 183px;
    color: #1f477e;
    text-shadow: 1px 1px 1px #1f477e, 2px 2px 1px #1f477e, 3px 3px 1px #1f477e, 4px 4px 1px #1f477e, 5px 5px 1px #1f477e, 6px 6px 1px #1f477e, 7px 7px 1px #1f477e, 8px 8px 1px #1f477e, 25px 25px 8px rgb(0 0 0/20%)
}

a.whatsapp-sticky {
    background: #4caf50;
    color: #fff;
    width: 33px;
    height: 33px;
    font-size: 26px;
    display: block;
    line-height: 0;
    border-radius: 50%;
    text-align: center;
    padding: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    left: 12px;
    z-index: 9999;
    bottom: 2%
}

.owner__name {
    color: var(--dlight-primary);
    margin-bottom: var(--margin-bottom-5);
}

.owner__title {
    margin-bottom: var(--margin-bottom-15);
}

.owner__image {
    width: 300px;
    height: 300px;
    display: flex;
    padding: 5px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    background-color: var(--dlight-primary);
    margin: 0 auto 25px;

    img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 50%;
        object-position: 0% 10%;
    }
}

.video-two__single {
    margin-bottom: var(--margin-bottom-10)
}

.video-two__content {
    padding: 5px 10px;
}

.video-two__title {
    font-weight: 700;
    line-height: 38px;
    font-size: var(--font-32);
    margin-top: var(--margin-top-15);
    margin-bottom: var(--margin-bottom-15)
}

.epc__img-cover {
    height: 700px;
    width: 100%;
    object-fit: cover;
}

.solar-company-logo img {
    height: 225px;
    width: 225px;
    object-fit: contain;
}