@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700|Roboto:300,400,700);
@import url(https://fonts.googleapis.com/css?family=Lato:100,300,400,700);
@import url(https://fonts.googleapis.com/css?family=Merriweather);

:root {
    --main-color: #ca1515;
    --main-color-rgb: 225, 15, 0;
    --color-two: rgb(129, 126, 126);
    --color-two-rgb: 129, 126, 126;
    --color-three: rgb(38, 31, 31);
    --color-three-rgb: 38, 31, 31;
    --color-four: rgb(245, 245, 245);
    --color-four-rgb: 245, 245, 245;
    --color-five: rgb(221, 29, 38);
    --color-five-rgb: 221, 29, 38;
    --color-six: rgb(130, 138, 141);
    --color-six-rgb: 130, 138, 141;
    --color-seven: rgb(0, 42, 45);
    --color-seven-rgb: 255, 96, 108;
    --color-eight: rgb(0, 82, 45);
    --color-eight-rgb: 252, 152, 55;
    --color-nine: rgb(80, 80, 80);
    --color-nine-rgb: 80, 80, 80;
    --color-ten: rgb(2, 2, 2);
    --color-ten-rgb: 2, 2, 2;
    --color-eleven: rgb(15, 14, 14);
    --color-eleven-rgb: 15, 14, 14;
    --color-twelve: rgb(68, 86, 88);
    --color-twelve-rgb: 68, 86, 88;
    --color-thirteen: rgb(100, 218, 255);
    --color-thirteen-rgb: 100, 218, 255;
    --color-fourteen: rgb(225, 228, 233);
    --color-fourteen-rgb: 225, 228, 233;
    --color-fifteen: rgb(242, 240, 240);
    --color-fifteen-rgb: 242, 240, 240;
    --color-sixteen: rgb(102, 255, 218);
    --color-sixteen-rgb: 102, 255, 218;
    --color-seventeen: rgb(0, 198, 150);
    --color-seventeen-rgb: 0, 198, 150;
    --color-eighteen: rgb(180, 180, 180);
    --color-eighteen-rgb: 180, 180, 180;
    --color-nineteen: rgb(102, 102, 102);
    --color-nineteen-rgb: 102, 102, 102;
    --color-twenty: rgb(251, 121, 1);
    --color-twenty-rgb: 251, 121, 1;
    --color-twentyone: rgb(158, 158, 158);
    --color-twentyone-rgb: 158, 158, 158;
    --color-twentytwo: rgb(158, 158, 172);
    --color-twentytwo-rgb: 158, 158, 172;
    --color-twentythree: rgb(245, 245, 254);
    --color-twentythree-rgb: 245, 245, 254;
    --color-twentyfour: rgb(92, 114, 125);
    --color-twentyfour-rgb: 92, 114, 125;
    --color-twentyfive: rgb(117, 101, 101);
    --color-twentyfive-rgb: 117, 101, 101;
    --color-twentysix: rgb(14, 171, 124);
    --color-twentysix-rgb: 14, 171, 124;
    --color-twentyseven: rgb(249, 0, 15);
    --color-twentyseven-rgb: 249, 0, 15;
    --color-twentyeight: rgb(140, 150, 168);
    --color-twentyeight-rgb: 140, 150, 168;
    --color-twentynine: rgb(22, 23, 26);
    --color-twentynine-rgb: 22, 23, 26;
    --color-thirty: rgb(52, 55, 78);
    --color-thirty-rgb: 52, 55, 78;
    --color-thirtyone: rgb(30, 26, 26);
    --color-thirtyone-rgb: 30, 26, 26;
    --color-thirtytwo: rgb(12, 205, 9);
    --color-thirtytwo-rgb: 12, 205, 9;
    --color-thirtythree: rgb(199, 68, 186);
    --color-thirtythree-rgb: 199, 68, 186;
    --color-thirtyfour: rgb(255, 160, 17);
    --color-thirtyfour-rgb: 255, 160, 17;
    --color-thirtyfive: rgb(55, 181, 70);
    --color-thirtyfive-rgb: 55, 181, 70;
    --color-thirtysix: rgb(253, 74, 54);
    --color-thirtysix-rgb: 253, 74, 54;
    --color-thirtyseven: rgb(255, 176, 0);
    --color-thirtyseven-rgb: 255, 176, 0;
    --color-thirtyeight: rgb(152, 17, 216);
    --color-thirtyeight-rgb: 152, 17, 216;
    --color-thirtynine: rgb(18, 20, 22);
    --color-thirtynine-rgb: 18, 20, 22;
    --color-fourty: rgb(95, 108, 118);
    --color-fourty-rgb: 95, 108, 118;
    --color-fourtyone: rgb(248, 35, 137);
    --color-fourtyone-rgb: 248, 35, 137;
    --color-fourtytwo: rgb(9, 204, 208);
    --color-fourtytwo-rgb: 9, 204, 208;
    --color-fourtythree: rgb(250, 247, 255);
    --color-fourtythree-rgb: 250, 247, 255;
    --color-fourtyfour: rgb(11, 10, 12);
    --color-fourtyfour-rgb: 11, 10, 12;
    --color-fourtyfive: rgb(47, 37, 37);
    --color-fourtyfive-rgb: 47, 37, 37;
    --color-fourtysix: rgb(255, 109, 102);
    --color-fourtysix-rgb: 255, 109, 102;
    --color-fourtyseven: rgb(25, 27, 30);
    --color-fourtyseven-rgb: 25, 27, 30;
    --color-fourtyeight: rgb(148, 147, 146);
    --color-fourtyeight-rgb: 148, 147, 146;
    --color-fourtynine: rgb(249, 245, 254);
    --color-fourtynine-rgb: 249, 245, 254;
    --color-fifty: rgb(68, 65, 65);
    --color-fifty-rgb: 68, 65, 65;
    --color-fiftyone: rgb(35, 38, 56);
    --color-fiftyone-rgb: 35, 38, 56;
    --color-fiftytwo: rgb(119, 120, 123);
    --color-fiftytwo-rgb: 119, 120, 123;
    --color-fiftythree: rgb(246, 246, 246);
    --color-fiftythree-rgb: 246, 246, 246;
    --color-fiftyfour: rgb(13, 14, 15);
    --color-fiftyfour-rgb: 13, 14, 15;
    --color-fiftyfive: rgb(20, 33, 43);
    --color-fiftyfive-rgb: 20, 33, 43;
    --color-fiftysix: rgb(242, 242, 242);
    --color-fiftysix-rgb: 242, 242, 242;
    --color-fiftyseven: rgb(141, 136, 132);
    --color-fiftyseven-rgb: 141, 136, 132;
    --color-fiftyeight: rgb(35, 35, 35);
    --color-fiftyeight-rgb: 35, 35, 35;
    --color-fiftynine: rgb(7, 28, 31);
    --color-fiftynine-rgb: 7, 28, 31;
    --color-sixty: rgb(105, 104, 102);
    --color-sixty-rgb: 105, 104, 102;
    --color-sixtyone: rgb(85, 85, 85);
    --color-sixtyone-rgb: 85, 85, 85;
    --color-sixtytwo: rgb(244, 246, 248);
    --color-sixtytwo-rgb: 244, 246, 248;
    --color-sixtythree: rgb(99, 99, 99);
    --color-sixtythree-rgb: 99, 99, 99;
    --color-sixtyfour: rgb(13, 13, 13);
    --color-sixtyfour-rgb: 13, 13, 13;
    --color-sixtyfive: rgb(250, 250, 250);
    --color-sixtyfive-rgb: 250, 250, 250;
    --color-sixtysix: rgb(46, 52, 62);
    --color-sixtysix-rgb: 46, 52, 62;
    --color-sixtyseven: rgb(113, 115, 126);
    --color-sixtyseven-rgb: 113, 115, 126;
    --color-sixtyeight: rgb(88, 90, 107);
    --color-sixtyeight-rgb: 88, 90, 107;
    --color-sixtynine: rgb(104, 102, 108);
    --color-sixtynine-rgb: 104, 102, 108;
    --color-seventy: rgb(28, 25, 25);
    --color-seventy-rgb: 28, 25, 25;
    --color-seventyone: rgb(128, 122, 122);
    --color-seventyone-rgb: 128, 122, 122;
    --color-seventytwo: rgb(242, 246, 247);
    --color-seventytwo-rgb: 242, 246, 247;
    --color-seventythree: rgb(248, 248, 251);
    --color-seventythree-rgb: 248, 248, 251;
    --color-seventyfour: rgb(129, 127, 126);
    --color-seventyfour-rgb: 129, 127, 126;
    --color-seventyfive: rgb(169, 170, 173);
    --color-seventyfive-rgb: 169, 170, 173;
    --color-seventysix: rgb(16, 28, 42);
    --color-seventysix-rgb: 16, 28, 42;
    --color-seventyseven: rgb(255, 74, 23);
    --color-seventyseven-rgb: 255, 74, 23;
    --color-seventyeight: rgb(105, 105, 105);
    --color-seventyeight-rgb: 105, 105, 105;
    --white-color: rgb(255, 255, 255);
    --white-color-rgb: 255, 255, 255;
    --black-color: rgb(0, 0, 0);
    --black-color-rgb: 0, 0, 0;
    --heading-color: rgb(1, 1, 1);
    --font-family-Outfit: "Poppins", sans-serif;
    --font-family-Inter: "Poppins", sans-serif;
    --font-family-Teko: "Teko", sans-serif;
    --font-family-Quicksand: "Quicksand", sans-serif;
    --font-family-Montaga: "Montaga", serif;
    --font-family-Hind: "Hind", sans-serif;
    --font-family-Poppins: "Poppins", sans-serif;
    --font-family-Rubik: "Rubik", sans-serif;
    --font-family-Jost: "Jost", sans-serif;
    --font-family-Roboto: "Roboto", sans-serif;
    --font-10: 10px;
    --font-12: 12px;
    --font-13: 13px;
    --font-14: 14px;
    --font-15: 15px;
    --font-16: 16px;
    --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-35: 35px;
    --font-36: 36px;
    --font-40: 40px;
    --font-42: 42px;
    --font-44: 44px;
    --font-48: 48px;
    --font-50: 50px;
    --font-52: 52px;
    --font-54: 54px;
    --font-55: 55px;
    --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-76: 76px;
    --font-78: 78px;
    --font-80: 80px;
    --font-85: 85px;
    --font-90: 90px;
    --font-95: 95px;
    --font-100: 100px;
    --font-110: 110px;
    --font-120: 120px;
    --font-150: 150px;
    --font-200: 200px;
    --margin-zero: 0px;
    --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-120: 120px;
    --margin-top-5: 5px;
    --margin-top-10: 10px;
    --margin-top-15: 15px;
    --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-top-150: 150px;
    --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-110: 110px;
    --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-200: 200px;
    --padding-zero: 0px;
    --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-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-240: 240px;
    --padding-left-290: 290px;
    --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-200: 200px;
    --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-120: 120px;
    --padding-right-150: 150px;
    --padding-right-160: 160px;
    --padding-right-170: 170px;
    --padding-right-180: 180px;
    --padding-right-200: 200px;
    --padding-right-220: 220px;
    --padding-right-240: 240px;
    --padding-right-250: 250px;
    --padding-right-260: 260px;
    --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-150: 150px;
    --padding-bottom-200: 200px;
    --padding-bottom-250: 250px
}

* {
    margin: 0;
    padding: 0;
    border: none;
    outline: 0
}

body {
    font-family: var(--font-family-Outfit);
    font-size: 14px;
    color: var(--dark-color);
    line-height: 1.6em;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased
}

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

a {
    text-decoration: none;
    cursor: pointer;
    color: var(--main-color)
}

.text-right {
    text-align: right
}

.mCSB_inside>.mCSB_container {
    margin-right: var(--margin-zero) !important
}

button {
    text-decoration: none;
    outline: 0 !important
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
    position: relative;
    margin: 0;
    background: 0 0;
    font-family: var(--font-family-Outfit)
}

textarea {
    overflow: hidden
}

a {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.text,
p {
    position: relative;
    line-height: 32px;
    font-size: var(--font-16);
    color: var(--color-two);
    font-family: var(--font-family-Outfit)
}

h1 {
    line-height: 65px;
    font-weight: 600;
    font-size: var(--font-50)
}

h2 {
    line-height: 50px;
    font-size: var(--font-36)
}

h3 {
    line-height: 1.3em;
    font-size: var(--font-30)
}

h4 {
    line-height: 1.4em;
    font-size: var(--font-24)
}

h5 {
    line-height: 1.4em;
    font-size: var(--font-22)
}

h6 {
    line-height: 1.6em;
    font-size: var(--font-18)
}

.social-icon-one {
    position: relative
}

.social-icon-one li {
    position: relative;
    display: inline-block;
    margin-right: var(--margin-right-10)
}

.social-icon-one li a {
    position: relative;
    width: 48px;
    height: 48px;
    line-height: 46px;
    text-align: center;
    border-radius: 50px;
    display: inline-block;
    color: var(--white-color);
    border: 1px solid rgba(var(--white-color-rgb), .1)
}

.social-icon-one li a:hover {
    color: var(--white-color);
    border-color: var(--main-color);
    background-color: var(--main-color)
}

.auto-container {
    position: static;
    max-width: 1170px;
    padding: 0 15px;
    margin: 0 auto
}

.medium-container {
    position: static;
    max-width: 1000px;
    padding: 0 15px;
    margin: 0 auto
}

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

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

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

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

.centered {
    text-align: center
}

::-moz-input-placeholder,
::-ms-input-placeholder,
::-webkit-input-placeholder {
    color: inherit
}

.progress-wrap {
    position: fixed;
    right: 30px;
    bottom: 40px;
    height: 40px;
    width: 40px;
    cursor: pointer;
    display: block;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-box-shadow: inset 0 0 0 2px rgba(255, 23, 73, .2);
    box-shadow: inset 0 0 0 2px rgba(255, 23, 73, .2);
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    transform: translateY(15px);
    -webkit-transform: translateY(15px);
    -moz-transform: translateY(15px);
    -ms-transform: translateY(15px);
    -o-transform: translateY(15px)
}

.progress-wrap.active-progress {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.progress-wrap::after {
    position: absolute;
    content: "\f062";
    font-family: FontAwesome;
    text-align: center;
    line-height: 40px;
    font-size: 17px;
    color: var(--main-color);
    left: 0;
    top: 0;
    height: 40px;
    width: 40px;
    cursor: pointer;
    display: block;
    z-index: 1;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.progress-wrap svg path {
    fill: none
}

.progress-wrap svg.progress-circle path {
    stroke: var(--main-color);
    stroke-width: 4;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.list-style-one {
    position: relative
}

.list-style-one li {
    position: relative;
    font-weight: 400;
    line-height: 1.8em;
    color: var(--color-ten);
    font-size: var(--font-16);
    margin-bottom: var(--margin-bottom-10);
    padding-left: var(--padding-left-40)
}

.list-style-one li strong {
    display: block
}

.list-style-one li a {
    position: relative;
    color: var(--color-ten);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.list-style-one li a:hover {
    color: var(--main-color)
}

.list-style-one li .icon {
    position: absolute;
    left: 0;
    top: 8px;
    line-height: 1em;
    font-weight: 300;
    font-family: Flaticon;
    color: var(--main-color);
    font-size: var(--font-24);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.btn-style-one {
    position: relative;
    font-weight: 500;
    overflow: hidden;
    text-align: center;
    display: inline-block;
    padding: 18px 35px 15px;
    color: var(--white-color);
    font-size: var(--font-14);
    text-transform: capitalize;
    background-color: var(--main-color);
    font-family: var(--font-family-Outfit);
    background: var(--color-seven);
    background: -webkit-gradient(linear, left top, right top, from(var(--color-seven)), to(var(--color-eight)));
    background: linear-gradient(to right, var(--color-seven) 0, var(--color-eight) 100%)
}

.btn-style-one:before {
    -webkit-transition-duration: .8s;
    transition-duration: .8s;
    position: absolute;
    width: 200%;
    height: 200%;
    content: "";
    top: -200%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 50%;
    z-index: 1;
    background: var(--color-eight);
    background: -webkit-gradient(linear, left top, right top, from(var(--color-eight)), to(var(--color-seven)));
    background: linear-gradient(to right, var(--color-eight) 0, var(--color-seven) 100%)
}

.btn-style-one:hover:before {
    top: 0
}

.btn-style-one .btn-wrap {
    position: relative;
    z-index: 1;
    float: left;
    overflow: hidden;
    display: inline-block
}

.btn-style-one .btn-wrap .text-one {
    position: relative;
    display: block;
    color: var(--white-color);
    transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease
}

.btn-style-one:hover .btn-wrap .text-one:first-child {
    -webkit-transform: translateY(-150%);
    transform: translateY(-150%)
}

.btn-style-one .btn-wrap .text-two {
    position: absolute;
    top: 100%;
    display: block;
    color: var(--white-color);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.btn-style-one:hover .btn-wrap .text-two {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: var(--white-color)
}

.btn-style-one .icon {
    position: relative;
    z-index: 1;
    font-weight: 400;
    font-family: flaticon;
    font-size: var(--font-16);
    transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    margin-left: var(--margin-left-15)
}

.btn-style-one:hover .icon {
    color: var(--white-color)
}

.btn-style-one:hover:before {
    top: -40%
}

.btn-style-two {
    position: relative;
    font-weight: 500;
    overflow: hidden;
    text-align: center;
    display: inline-block;
    padding: 18px 35px 15px;
    color: var(--white-color);
    font-size: var(--font-14);
    text-transform: capitalize;
    background-color: var(--main-color);
    font-family: var(--font-family-Outfit);
    background-color: var(--color-five)
}

.btn-style-two:before {
    -webkit-transition-duration: .8s;
    transition-duration: .8s;
    position: absolute;
    width: 200%;
    height: 200%;
    content: "";
    top: -200%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 50%;
    z-index: 1;
    background: var(--color-eight);
    background: -webkit-gradient(linear, left top, right top, from(var(--color-eight)), to(var(--color-seven)));
    background: linear-gradient(to right, var(--color-eight) 0, var(--color-seven) 100%)
}

.btn-style-two:hover:before {
    top: 0
}

.btn-style-two .btn-wrap {
    position: relative;
    z-index: 1;
    float: left;
    overflow: hidden;
    display: inline-block
}

.btn-style-two .btn-wrap .text-one {
    position: relative;
    display: block;
    color: var(--white-color);
    transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease
}

.btn-style-two:hover .btn-wrap .text-one:first-child {
    -webkit-transform: translateY(-150%);
    transform: translateY(-150%)
}

.btn-style-two .btn-wrap .text-two {
    position: absolute;
    top: 100%;
    display: block;
    color: var(--white-color);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.btn-style-two:hover .btn-wrap .text-two {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: var(--white-color)
}

.btn-style-two .icon {
    position: relative;
    z-index: 1;
    font-weight: 400;
    font-family: flaticon;
    font-size: var(--font-16);
    transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    margin-left: var(--margin-left-15)
}

.btn-style-two:hover .icon {
    color: var(--white-color)
}

.btn-style-two:hover:before {
    top: -40%
}

.btn-style-three {
    position: relative;
    font-weight: 500;
    overflow: hidden;
    text-align: center;
    display: inline-block;
    padding: 18px 35px 15px;
    color: var(--white-color);
    font-size: var(--font-15);
    text-transform: capitalize;
    background-color: var(--black-color);
    font-family: var(--font-family-Outfit)
}

.btn-style-three:before {
    -webkit-transition-duration: .8s;
    transition-duration: .8s;
    position: absolute;
    width: 200%;
    height: 200%;
    content: "";
    top: -200%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 50%;
    z-index: 1;
    background: var(--color-eight);
    background: -webkit-gradient(linear, left top, right top, from(var(--color-eight)), to(var(--color-seven)));
    background: linear-gradient(to right, var(--color-eight) 0, var(--color-seven) 100%)
}

.btn-style-three:hover:before {
    top: 0
}

.btn-style-three .btn-wrap {
    position: relative;
    z-index: 1;
    float: left;
    overflow: hidden;
    display: inline-block
}

.btn-style-three .btn-wrap .text-one {
    position: relative;
    display: block;
    color: var(--white-color);
    transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease
}

.btn-style-three:hover .btn-wrap .text-one:first-child {
    -webkit-transform: translateY(-150%);
    transform: translateY(-150%)
}

.btn-style-three .btn-wrap .text-two {
    position: absolute;
    top: 100%;
    display: block;
    color: var(--white-color);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.btn-style-three:hover .btn-wrap .text-two {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: var(--white-color)
}

.btn-style-three .icon {
    position: relative;
    z-index: 1;
    font-weight: 400;
    font-family: flaticon;
    font-size: var(--font-16);
    transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    margin-left: var(--margin-left-15)
}

.btn-style-three:hover .icon {
    color: var(--white-color)
}

.btn-style-three:hover:before {
    top: -40%
}

.btn-style-four {
    position: relative;
    font-weight: 600;
    overflow: hidden;
    text-align: center;
    border-radius: 5px;
    padding: 18px 50px;
    display: inline-block;
    color: var(--white-color);
    font-size: var(--font-14);
    text-transform: uppercase;
    background-color: var(--main-color);
    font-family: var(--font-family-Inter);
    background-color: var(--color-five)
}

.btn-style-four:before {
    -webkit-transition-duration: .8s;
    transition-duration: .8s;
    position: absolute;
    width: 200%;
    height: 200%;
    content: "";
    top: -200%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 50%;
    z-index: 1;
    background: var(--color-eight);
    background: -webkit-gradient(linear, left top, right top, from(var(--color-eight)), to(var(--color-seven)));
    background: linear-gradient(to right, var(--color-eight) 0, var(--color-seven) 100%)
}

.btn-style-four:hover:before {
    top: 0
}

.btn-style-four .btn-wrap {
    position: relative;
    z-index: 1;
    float: left;
    overflow: hidden;
    display: inline-block
}

.btn-style-four .btn-wrap .text-one {
    position: relative;
    display: block;
    color: var(--white-color);
    transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease
}

.btn-style-four:hover .btn-wrap .text-one:first-child {
    -webkit-transform: translateY(-150%);
    transform: translateY(-150%)
}

.btn-style-four .btn-wrap .text-two {
    position: absolute;
    top: 100%;
    display: block;
    color: var(--white-color);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.btn-style-four:hover .btn-wrap .text-two {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: var(--white-color)
}

.btn-style-four .icon {
    position: relative;
    font-family: flaticon;
    margin-left: var(--margin-left-10)
}

.btn-style-four:hover:before {
    top: -40%
}

.theme_color {
    color: #0060ff
}

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

.sec-title {
    position: relative;
    z-index: 1;
    margin-bottom: var(--margin-bottom-40)
}

.sec-title .title {
    position: relative;
    font-weight: 500;
    padding: 6px 18px;
    font-size: var(--font-14);
    text-transform: capitalize;
    color: var(--white-color);
    -webkit-transform-origin: top;
    transform-origin: top;
    display: inline-block;
    margin-bottom: var(--margin-bottom-20);
    font-family: var(--font-family-Outfit)
}

.sec-title .title.style-two::before {
    background-color: var(--color-seventeen)
}

.sec-title .title.style-three::before {
    background-color: var(--color-twenty)
}

.sec-title .title.style-four::before {
    background-color: var(--color-thirtytwo)
}

.sec-title .title.style-five::before {
    background-color: var(--color-thirtyeight)
}

.sec-title .title:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    -webkit-transform: skewX(-10deg);
    transform: skewX(-10deg);
    background-color: var(--color-five)
}

.sec-title h2 {
    z-index: 1;
    font-weight: 500;
    color: var(--color-eleven)
}

.sec-title h2 span {
    position: relative
}

.sec-title h2 span:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 5px;
    height: 5px;
    z-index: -1;
    background: url(images/icons/vector-3.png) no-repeat
}

.sec-title h2 i {
    font-style: normal;
    color: var(--color-seven);
    background: -webkit-gradient(linear, right top, left top, from(var(--color-seven)), to(var(--color-eight)));
    background: linear-gradient(to left, var(--color-seven) 0, var(--color-eight) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.sec-title .text {
    margin-top: var(--margin-top-15)
}

.sec-title.light .text {
    color: var(--color-six)
}

.sec-title.light h2 {
    color: var(--white-color)
}

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

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

.main-header .header-upper {
    position: relative
}

.main-header .main-box {
    position: relative;
    padding: 0 0;
    left: 0;
    top: 0;
    width: 100%;
    background: 0 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.main-header .main-box .outer-container {
    position: relative;
    padding: 0 40px
}

.main-header .logo-box {
    position: relative;
    z-index: 10
}

.main-header .logo-box .logo {
    position: relative;
    margin-left: var(--margin-left-30)
}

.main-header .logo-box .logo img {
    display: inline-block;
    max-width: 100%;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.main-header .logo-box.style-two .logo {
    margin-left: var(--margin-zero)
}

.main-header .header-lower {
    position: relative
}

.main-header .header-lower .auto-container {
    position: relative;
    max-width: 1760px
}

.main-header .header-lower .nav-outer {
    position: relative
}

.main-header .header-upper .logo-box {
    position: relative;
    padding: 10px 0 10px
}

.main-header .header-upper .logo-box .logo {
    position: relative
}

.main-header .main-menu {
    position: relative;
    width: 100%;
    text-align: center;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.main-header .main-menu .navbar-collapse {
    padding: 0;
    display: block !important
}

.main-header .header-lower .main-menu .navigation {
    position: relative
}

.main-header .main-menu .navigation>li {
    position: relative;
    display: inline-block;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    margin-right: var(--margin-right-35)
}

.main-header .main-menu .navigation>li.dropdown>a {
    padding-right: 15px !important
}

.main-header .main-menu .navigation>li.dropdown>a:before {
    position: absolute;
    content: "";
    right: 0;
    width: 6px;
    height: 6px;
    top: 50%;
    margin-top: -3px;
    border-radius: 50px;
    background-color: var(--main-color)
}

.main-header .main-menu .navigation>li.dropdown:hover>a:before {
    -webkit-animation: icon-bounce .8s ease-out infinite;
    animation: icon-bounce .8s ease-out infinite
}

.main-header .sticky-header {
    position: fixed;
    opacity: 0;
    visibility: hidden;
    left: 0;
    top: 0;
    width: 100%;
    padding: 0 0;
    z-index: 0;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    background-color: var(--white-color);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    box-shadow: 0 0 10px rgba(0, 0, 0, .1)
}

.main-header .sticky-header .main-menu .navigation>li.current>a,
.main-header .sticky-header .main-menu .navigation>li:hover>a {
    color: var(--main-color)
}

.main-header .sticky-header .nav-outer .options-box {
    margin-top: var(--margin-top-40)
}

.main-header .sticky-header .mobile-nav-toggler {
    display: none;
    cursor: pointer;
    padding: 29px 0;
    color: var(--black-color);
    font-size: var(--font-22);
    font-family: Flaticon
}

.main-header .sticky-header .logo {
    position: relative;
    padding: 7px 0
}

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

.main-header .main-menu .navigation>li>a {
    position: relative;
    display: block;
    text-align: center;
    line-height: 30px;
    letter-spacing: 0;
    font-weight: 500;
    padding: 32px 0;
    color: var(--color-three);
    font-size: var(--font-16);
    text-transform: capitalize;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    font-family: var(--font-family-Inter)
}

.main-header .main-menu .navigation>li:last-child {
    margin-right: var(--margin-zero)
}

.main-header .main-menu .navigation>li:last-child>a {
    padding-right: 0
}

.main-header .sticky-header .main-menu .navigation>li {
    position: relative
}

.main-header .sticky-header .main-menu .navigation>li:last-child {
    margin-right: var(--margin-zero)
}

.main-header .main-menu .navigation>li:last-child ul {
    right: 0
}

.main-header .main-menu .navigation>li.current>a,
.main-header .main-menu .navigation>li:hover>a {
    opacity: 1;
    color: var(--main-color)
}

.main-header .main-menu .navigation>li>ul {
    position: absolute;
    width: 15rem;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 0;
    visibility: hidden;
    visibility: hidden;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    border-radius: 0;
    background-color: var(--main-color);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    box-shadow: 0 0 10px rgba(0, 0, 0, .1)
}

.main-header .main-menu .navigation>li>ul.from-right {
    left: auto;
    right: 0
}

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

.main-header .main-menu .navigation>li>ul>li:last-child {
    border-bottom: none
}

.main-header .main-menu .navigation>li>ul>li>a {
    position: relative;
    display: block;
    padding: 12px 18px;
    line-height: 24px;
    font-weight: 600;
    font-size: var(--font-15);
    text-transform: uppercase;
    color: var(--white-color);
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.main-header .main-menu .navigation>li>ul>li>a:before {
    position: absolute;
    content: "//";
    left: 10px;
    top: 11px;
    opacity: 0;
    font-weight: 700;
    font-size: var(--font-12);
    color: var(--white-color);
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.main-header .main-menu .navigation>li>ul>li:hover>a::before {
    opacity: 1;
    color: var(--main-color)
}

.main-header .main-menu .navigation>li>ul>li:hover>a {
    padding-left: 30px;
    color: var(--main-color);
    background-color: var(--white-color)
}

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

.main-header .main-menu .navigation>li>ul>li.dropdown:hover>a:after {
    color: var(--color-five)
}

.main-header .main-menu .navigation>li>ul>li>ul {
    position: absolute;
    left: 100%;
    top: 0;
    width: 15rem;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 0;
    visibility: hidden;
    visibility: hidden;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    border-radius: 0;
    background-color: var(--main-color);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    box-shadow: 0 0 10px rgba(0, 0, 0, .1)
}

.main-header .main-menu .navigation>li>ul>li>ul.from-right {
    left: auto;
    right: 0
}

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

.main-header .main-menu .navigation>li>ul>li>ul>li:last-child {
    border-bottom: none
}

.main-header .main-menu .navigation>li>ul>li>ul>li>a {
    position: relative;
    display: block;
    padding: 12px 18px;
    line-height: 24px;
    font-weight: 600;
    font-size: var(--font-15);
    text-transform: uppercase;
    color: var(--white-color);
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.main-header .main-menu .navigation>li>ul>li>ul>li:hover>a {
    color: var(--main-color);
    background-color: var(--white-color)
}

.main-header .main-menu .navigation>li>ul>li>ul>li:hover>a {
    padding-left: 30px;
    color: var(--main-color);
    background-color: var(--white-color)
}

.main-header .main-menu .navigation>li>ul>li>ul>li:hover>a::before {
    opacity: 1;
    color: var(--main-color)
}

.main-header .main-menu .navigation>li>ul>li>ul>li>a:before {
    position: absolute;
    content: "//";
    left: 10px;
    top: 11px;
    opacity: 0;
    font-weight: 700;
    font-size: var(--font-12);
    color: var(--white-color);
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.main-header .main-menu .navigation>li.dropdown:hover>ul {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    opacity: 1;
    visibility: visible
}

.main-header .main-menu .navigation li>ul>li.dropdown:hover>ul {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    opacity: 1;
    visibility: visible
}

.main-header .main-menu .navbar-collapse>ul li.dropdown .dropdown-btn {
    position: absolute;
    right: 10px;
    top: 6px;
    width: 30px;
    height: 30px;
    text-align: center;
    color: var(--white-color);
    line-height: 28px;
    border: 1px solid var(--white-color-opicity-two);
    background-size: 20px;
    cursor: pointer;
    z-index: 5;
    display: none
}

.main-header .cart-box {
    position: relative
}

.main-header .cart-box .box-inner {
    position: relative;
    font-weight: 500;
    color: var(--color-six);
    font-size: var(--font-13);
    text-transform: uppercase;
    padding-left: var(--padding-left-55)
}

.main-header .cart-box .icon-box {
    position: absolute;
    left: 0;
    top: 3px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50px;
    text-align: center;
    font-size: var(--font-20);
    color: var(--main-color);
    display: inline-block;
    background-color: var(--color-four)
}

.main-header .cart-box .icon-box .icon {
    position: relative;
    font-family: Flaticon
}

.main-header .cart-box:hover .icon-box {
    background-color: var(--color-seven)
}

.main-header .cart-box:hover .icon {
    color: var(--white-color)
}

.main-header .cart-box .total-cart {
    position: absolute;
    right: 0;
    top: 0;
    width: 15px;
    height: 15px;
    font-weight: 600;
    line-height: 16px;
    border-radius: 50px;
    font-style: normal;
    font-size: var(--font-10);
    color: var(--white-color);
    font-family: var(--font-family-Outfit);
    background-color: var(--color-five);
    -webkit-animation: icon-bounce .8s ease-out infinite;
    animation: icon-bounce .8s ease-out infinite
}

.main-header .cart-box a {
    position: relative;
    font-weight: 500;
    color: var(--color-five);
    font-family: var(--font-family-Outfit)
}

.main-header .button-box {
    position: relative
}

.main-header .button-box .theme-btn {
    display: block;
    margin-left: var(--margin-left-25)
}

.main-header.header-style-two {
    position: absolute;
    left: 0;
    top: 0;
    right: 0
}

.main-header.header-style-two .logo {
    margin-left: var(--margin-zero)
}

.main-header.header-style-three {
    position: relative;
    border-bottom: 1px solid rgba(var(--black-color-rgb), .05)
}

.main-header.header-style-three .logo {
    margin-left: var(--margin-zero)
}

.main-header .nav-outer .mobile-nav-toggler {
    position: relative;
    float: right;
    padding: 2px 0 0;
    font-size: var(--font-22);
    line-height: 44px;
    cursor: pointer;
    color: var(--black-color);
    display: none;
    font-family: Flaticon
}

.mobile-menu {
    position: fixed;
    left: 0;
    top: 0;
    width: 300px;
    padding-right: 30px;
    max-width: 100%;
    height: 100%;
    visibility: hidden;
    z-index: 999999
}

.mobile-menu .nav-logo {
    position: relative;
    text-align: center;
    padding: 40px 20px 50px
}

.mobile-menu .nav-logo img {
    max-width: 200px
}

.mobile-menu-visible {
    overflow: hidden
}

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

.mobile-menu .menu-backdrop {
    position: fixed;
    right: 0;
    top: 0;
    width: 0%;
    height: 100%;
    z-index: 1;
    background: rgba(0, 0, 0, .9);
    -webkit-transform: translateX(101%);
    transform: translateX(101%);
    transition: all .9s ease;
    -moz-transition: all .9s ease;
    -webkit-transition: all .9s ease;
    -ms-transition: all .9s ease;
    -o-transition: all .9s ease;
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

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

.mobile-menu .menu-box {
    position: absolute;
    left: -400px;
    top: 0;
    width: 100%;
    height: 100%;
    max-height: 100%;
    overflow-y: auto;
    background: var(--color-three);
    padding: 0 0;
    z-index: 5;
    border-radius: 0;
    transition: all .9s ease;
    -moz-transition: all .9s ease;
    -webkit-transition: all .9s ease;
    -ms-transition: all .9s ease;
    -o-transition: all .9s ease
}

.mobile-menu-visible .mobile-menu .menu-box {
    left: 0;
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

.mobile-menu .close-btn {
    position: absolute;
    right: 15px;
    top: 15px;
    line-height: 30px;
    width: 30px;
    text-align: center;
    font-size: 14px;
    color: var(--white-color);
    cursor: pointer;
    z-index: 10;
    font-family: Flaticon;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    background-color: var(--color-three);
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px)
}

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

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

.mobile-menu .navigation {
    position: relative;
    display: block;
    width: 100%
}

.mobile-menu .navigation li {
    position: relative;
    display: block;
    margin-bottom: var(--margin-bottom-5)
}

.mobile-menu .navigation li>ul>li:last-child {
    border-bottom: none
}

.mobile-menu .navigation li.current>a,
.mobile-menu .navigation li:hover>a {
    color: #111
}

.mobile-menu .navigation li.dropdown .dropdown-btn {
    position: absolute;
    right: 0;
    top: 0;
    width: 44px;
    height: 44px;
    text-align: center;
    font-size: 16px;
    line-height: 44px;
    cursor: pointer;
    opacity: .6;
    z-index: 5;
    color: var(--white-color)
}

.mobile-menu .navigation li.dropdown .dropdown-btn:after {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 1px;
    height: 24px;
    background-color: var(--white-color)
}

.mobile-menu .navigation li>ul {
    display: none;
    padding-left: var(--padding-left-15)
}

.mobile-menu .navigation li>ul>li {
    margin-bottom: var(--margin-zero)
}

.mobile-menu .navigation li>ul>li>ul {
    display: none;
    padding-left: var(--padding-left-15)
}

.mobile-menu .navigation li>ul>li>ul>li {
    margin-bottom: var(--margin-zero)
}

.mobile-menu .navigation li>ul>li>a,
.mobile-menu .navigation li>ul>li>ul>li>a {
    padding: 7px 20px !important;
    font-size: var(--font-14) !important
}

.mobile-menu .navigation li>ul>li>ul {
    padding-left: 15px
}

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

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

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

.main-header .mobile-menu .navigation li>a {
    position: relative;
    display: block;
    font-weight: 600;
    line-height: 24px;
    padding: 10px 20px;
    font-size: var(--font-14);
    color: var(--white-color);
    text-transform: uppercase
}

.main-header .mobile-menu .navigation li.current>a,
.main-header .mobile-menu .navigation li:hover>a {
    color: var(--white-color)
}

.mobile-menu .search-box .form-group {
    position: relative;
    margin: 0;
    margin-bottom: var(--margin-bottom-10)
}

.mobile-menu .search-box .form-group input[type=search],
.mobile-menu .search-box .form-group input[type=text] {
    position: relative;
    line-height: 43px;
    padding: 10px 50px 10px 25px;
    display: block;
    font-size: var(--font-14);
    width: 100%;
    height: 54px;
    font-weight: 500;
    background: 0 0;
    color: var(--white-color);
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.mobile-menu .search-box .form-group button {
    position: absolute;
    right: 0;
    top: 0;
    height: 56px;
    width: 60px;
    display: block;
    font-size: 16px;
    color: var(--white-color);
    cursor: pointer;
    line-height: 100%;
    font-weight: 400;
    background: 0 0;
    font-family: Flaticon
}

.mobile-menu .search-box .form-group input[type=search]:focus,
.mobile-menu .search-box .form-group input[type=text]:focus {
    border-color: var(--main-color)
}

.mobile-menu .search-box .form-group input::-webkit-input-placeholder {
    color: var(--white-color)
}

.main-header .sticky-header .navbar-header {
    display: none
}

.main-header .outer-box {
    position: relative
}

.nav-toggle-btn {
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.hamburger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 24px;
    height: 24px;
    cursor: pointer;
    padding-top: 5px;
    padding-bottom: 5px
}

.hamburger span {
    height: 2px;
    width: 83.33333333%;
    background: #07335d;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.hamburger .meat {
    width: 100%;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.hamburger .bottom-bun {
    width: 58.33333333%;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.hamburger:hover span {
    width: 100%
}

html:not(.body-menu-opened) .hamburger .top-bun {
    -webkit-animation: burger-hover 1s infinite ease-in-out alternate forwards .2s;
    animation: burger-hover 1s infinite ease-in-out alternate forwards .2s
}

html:not(.body-menu-opened) .hamburger .meat {
    -webkit-animation: burger-hover 1s infinite ease-in-out alternate forwards .4s;
    animation: burger-hover 1s infinite ease-in-out alternate forwards .4s
}

html:not(.body-menu-opened) .hamburger .bottom-bun {
    -webkit-animation: burger-hover 1s infinite ease-in-out alternate forwards .6s;
    animation: burger-hover 1s infinite ease-in-out alternate forwards .6s
}

@-webkit-keyframes burger-hover {
    0% {
        width: 100%
    }

    50% {
        width: 50%
    }

    100% {
        width: 100%
    }
}

@keyframes burger-hover {
    0% {
        width: 100%
    }

    50% {
        width: 50%
    }

    100% {
        width: 100%
    }
}

.main-header.fixed-header .sticky-header .main-menu .navigation>li>a {
    padding: 22px 0
}

.search-popup {
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100%;
    z-index: 99999;
    margin-top: -540px;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: all .5s cubic-bezier(.86, 0, .07, 1);
    -webkit-transition: all 1.5s cubic-bezier(.86, 0, .07, 1);
    transition: all 1.5s cubic-bezier(.86, 0, .07, 1);
    -webkit-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: all .5s cubic-bezier(.86, 0, .07, 1);
    -webkit-transition: all 1.5s cubic-bezier(.86, 0, .07, 1);
    transition: all 1.5s cubic-bezier(.86, 0, .07, 1);
    -webkit-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 {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    margin-top: var(--margin-zero)
}

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

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

.search-active .search-popup .close-search {
    visibility: visible;
    opacity: 1;
    top: 50%;
    -webkit-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;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: center;
    transform-origin: center;
    background-color: var(--dark-color);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.search-active .search-popup form {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-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;
    font-size: var(--font-18);
    line-height: 50px;
    color: var(--black-color);
    height: 70px;
    width: 100%;
    padding: 10px 30px;
    background-color: var(--white-color);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    font-weight: 500;
    text-transform: capitalize
}

.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;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.search-popup .form-group button {
    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;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

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

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

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

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

.search-popup input::-ms-input-placeholder,
.search-popup textarea::-ms-input-placeholder {
    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);
    width: auto;
    height: auto;
    top: 25px;
    margin: 0;
    border: none;
    background: 0 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

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

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

.sidebar-info-contents {
    position: relative
}

.sidebar-info-contents .content-inner {
    position: relative
}

.sidebar-info-contents .content-inner .logo {
    padding-bottom: var(--padding-bottom-20)
}

.sidebar-info-contents .content-inner .logo img {
    display: inline-block;
    max-width: 100%
}

.sidebar-info-contents .content-inner .content-box {
    position: relative
}

.sidebar-info-contents .content-inner h6 {
    color: var(--color-ten);
    text-transform: uppercase;
    margin-bottom: var(--margin-top-30);
    padding-bottom: var(--padding-bottom-15)
}

.sidebar-info-contents .content-inner h6:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 30px;
    height: 6px;
    border-radius: 50px;
    background-color: var(--main-color)
}

.sidebar-info-contents .content-inner h6:after {
    position: absolute;
    content: "";
    left: 40px;
    bottom: 0;
    width: 6px;
    height: 6px;
    border-radius: 50px;
    background-color: var(--main-color)
}

.sidebar-services-list {
    position: relative;
    margin-bottom: var(--margin-bottom-60)
}

.sidebar-services-list li {
    position: relative;
    margin-bottom: var(--margin-bottom-15)
}

.sidebar-services-list li:last-child {
    margin-bottom: var(--margin-zero)
}

.sidebar-services-list li a {
    position: relative;
    font-weight: 500;
    color: var(--color-ten);
    font-size: var(--font-17);
    text-transform: uppercase
}

.sidebar-services-list li a:hover {
    color: var(--main-color)
}

.close-side-widget {
    color: var(--color-three) !important;
    font-size: var(--font-40)
}

.close-side-widget:hover {
    color: var(--color-three) !important;
    font-size: var(--font-40)
}

.main-footer {
    position: relative;
    background-color: var(--black-color);
    padding-bottom: var(--padding-bottom-90)
}

.main-footer .upper-box {
    position: relative;
    padding: 60px 0 50px;
    border-bottom: 1px solid rgba(var(--white-color-rgb), .1)
}

.main-footer h2 {
    color: var(--white-color)
}

.main-footer h2 span {
    color: var(--color-seven);
    background: -webkit-gradient(linear, right top, left top, from(var(--color-seven)), to(var(--color-eight)));
    background: linear-gradient(to left, var(--color-seven) 0, var(--color-eight) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.main-footer .upper-box .text {
    position: relative;
    font-weight: 500;
    font-size: var(--font-18);
    color: var(--white-color);
    margin-top: var(--margin-top-10)
}

.subscribe-box {
    position: relative;
    margin-top: var(--margin-top-10);
    padding-left: var(--padding-left-80)
}

.subscribe-box .form-group {
    position: relative;
    margin: 0;
    width: 100%;
    max-width: 100%;
    padding-right: var(--padding-right-160)
}

.subscribe-box .form-group input[type=email],
.subscribe-box .form-group input[type=text] {
    position: relative;
    line-height: 43px;
    display: block;
    height: 60px;
    width: 100%;
    border-radius: 0;
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
    color: var(--white-color);
    font-size: var(--font-16);
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    padding: 10px 15px 10px 25px;
    background-color: rgba(var(--white-color-rgb), .1)
}

.subscribe-box .form-group input::-webkit-input-placeholder {
    opacity: .6;
    color: var(--white-color)
}

.subscribe-box .form-group input::-moz-placeholder {
    opacity: .6;
    color: var(--white-color)
}

.subscribe-box .form-group input:-ms-input-placeholder {
    opacity: .6;
    color: var(--white-color)
}

.subscribe-box .form-group input::-ms-input-placeholder {
    opacity: .6;
    color: var(--white-color)
}

.subscribe-box .form-group input::placeholder {
    opacity: .6;
    color: var(--white-color)
}

.subscribe-box .form-group textarea::-webkit-input-placeholder {
    opacity: .6;
    color: var(--white-color)
}

.subscribe-box .form-group textarea::-moz-placeholder {
    opacity: .6;
    color: var(--white-color)
}

.subscribe-box .form-group textarea:-ms-input-placeholder {
    opacity: .6;
    color: var(--white-color)
}

.subscribe-box .form-group textarea::-ms-input-placeholder {
    opacity: .6;
    color: var(--white-color)
}

.subscribe-box .form-group textarea::placeholder {
    opacity: .6;
    color: var(--white-color)
}

.subscribe-box .form-group button {
    position: absolute;
    right: 0;
    top: 0
}

.main-footer .widgets-section {
    position: relative;
    padding: 70px 0 10px
}

.main-footer h5 {
    color: var(--white-color);
    margin-bottom: var(--margin-bottom-25)
}

.main-footer .widgets-section .text {
    max-width: 300px;
    color: var(--color-eighteen)
}

.main-footer .contact-list {
    position: relative;
    margin-top: var(--margin-top-30)
}

.main-footer .contact-list li {
    position: relative;
    font-weight: 500;
    font-size: var(--font-16);
    color: var(--color-eighteen);
    padding-left: var(--padding-left-30);
    margin-bottom: var(--margin-bottom-20)
}

.main-footer .contact-list li .icon {
    position: absolute;
    left: 0;
    font-family: Flaticon
}

.main-footer .page-list {
    position: relative
}

.main-footer .page-list li {
    position: relative;
    margin-bottom: var(--margin-bottom-10)
}

.main-footer .page-list li a {
    position: relative;
    font-size: var(--font-16);
    color: var(--color-eighteen)
}

.main-footer .page-list li a:hover {
    color: var(--white-color)
}

.main-footer .award {
    position: relative;
    font-size: var(--font-16);
    color: var(--color-eighteen);
    margin-bottom: var(--margin-bottom-50)
}

.main-footer .award span {
    position: absolute;
    right: 20px;
    top: -12px;
    line-height: 1em;
    font-weight: 700;
    font-size: var(--font-55);
    color: var(--white-color)
}

.main-footer .instagram-box {
    position: relative
}

.main-footer .instagram-box .image {
    position: relative;
    border-radius: 4px;
    overflow: hidden
}

.main-footer .instagram-box .image img {
    position: relative;
    width: 100%;
    display: block
}

.main-footer .instagram-box .overlay-box {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    transition: all .9s ease;
    -webkit-transition: all .9s ease;
    transition: -webkit-transform .4s ease;
    -webkit-transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: right center;
    transform-origin: right center;
    background-position: center center
}

.main-footer .instagram-box .overlay-box:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: .4;
    background-color: var(--black-color)
}

.main-footer .instagram-box .overlay-inner {
    position: relative
}

.main-footer .instagram-box .image:hover .overlay-box {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: left center;
    transform-origin: left center
}

.main-footer .instagram-box .overlay-inner .icon {
    position: relative;
    line-height: 1em;
    display: inline-block;
    font-size: var(--font-36);
    color: var(--color-seven);
    font-family: Flaticon;
    background: -webkit-gradient(linear, right top, left top, from(var(--color-seven)), to(var(--color-eight)));
    background: linear-gradient(to left, var(--color-seven) 0, var(--color-eight) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.main-footer .instagram-widget {
    position: relative;
    margin-left: -30px
}

.main-footer .demand-box {
    position: relative;
    font-weight: 400;
    z-index: 1;
    color: var(--white-color);
    font-size: var(--font-14);
    margin-top: var(--margin-top-25);
    padding-left: var(--padding-left-30);
    margin-bottom: var(--margin-bottom-40)
}

.main-footer .demand-box:before {
    position: absolute;
    content: "";
    left: 0;
    width: 20px;
    height: 19px;
    background: url(images/icons/fire.png) no-repeat
}

.main-footer .demand-box span {
    position: relative;
    color: var(--main-color)
}

.main-footer .email-box {
    position: absolute;
    left: 35px;
    top: 130px;
    z-index: 10;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.main-footer .email-box a {
    position: relative;
    font-weight: 500;
    letter-spacing: 1px;
    font-size: var(--font-17);
    color: var(--white-color);
    font-family: var(--font-family-Outfit);
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.main-footer .email-box a:hover {
    color: var(--main-color)
}

.main-footer .social-box {
    position: absolute;
    left: 35px;
    bottom: 80px;
    z-index: 10;
    width: 30px;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.main-footer .social-box li {
    position: relative;
    display: inline-block;
    margin-top: var(--margin-top-20)
}

.main-footer .social-box li a {
    position: relative;
    font-weight: 500;
    letter-spacing: 1px;
    font-size: var(--font-17);
    color: var(--white-color);
    font-family: var(--font-family-Outfit);
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.main-footer .social-box li a:hover {
    color: var(--main-color);
    text-decoration: underline
}

.main-footer .lower-box {
    position: relative;
    margin-top: var(--margin-top-30)
}

.main-footer .lower-box .info-box {
    position: relative
}

.main-footer .lower-box .info-box:before {
    position: absolute;
    content: "";
    left: 150%;
    top: 30px;
    height: 2px;
    width: 240px;
    background-color: var(--white-color)
}

.main-footer .lower-box .info-box:last-child::before {
    display: none
}

.main-footer .lower-box .title {
    position: relative;
    font-weight: 500;
    opacity: .5;
    font-size: var(--font-16);
    color: var(--white-color)
}

.main-footer .lower-box h6 {
    font-weight: 500;
    color: var(--white-color);
    margin-top: var(--margin-top-10)
}

.main-footer .scroll-box {
    position: absolute;
    right: 35px;
    top: 280px;
    z-index: 10;
    cursor: pointer;
    font-weight: 500;
    letter-spacing: 1px;
    font-size: var(--font-17);
    color: var(--white-color);
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    padding-top: var(--padding-top-80)
}

.main-footer .scroll-box:before {
    position: absolute;
    content: "";
    left: 11px;
    top: 0;
    width: 1px;
    height: 60px;
    background-color: var(--white-color)
}

.main-footer .scroll-box:after {
    position: absolute;
    content: "";
    left: 7px;
    top: 0;
    width: 9px;
    height: 9px;
    border-radius: 50px;
    display: inline-block;
    background-color: var(--white-color)
}

.main-footer .scroll-box:hover {
    color: var(--main-color)
}

.footer-style-two {
    position: relative;
    margin-top: -180px;
    background-color: var(--color-twentythree)
}

.footer-style-two.style-two {
    margin-top: -100px
}

.footer-style-two.style-two .widgets-section {
    padding-top: 200px
}

.footer-style-two .icon-layer-one {
    position: absolute;
    left: 1%;
    top: 50%;
    width: 22px;
    height: 21px;
    background-repeat: no-repeat
}

.footer-style-two .icon-layer-two {
    position: absolute;
    right: 6%;
    top: 45%;
    width: 20px;
    height: 21px;
    background-repeat: no-repeat
}

.footer-style-two .widgets-section {
    position: relative;
    padding: 280px 0 50px
}

.footer-style-two .footer-widget {
    position: relative;
    margin-bottom: var(--margin-bottom-30)
}

.footer-style-two h5 {
    color: var(--color-twentynine);
    margin-bottom: var(--margin-bottom-20)
}

.footer-style-two .widgets-section .text {
    max-width: 300px;
    color: var(--color-thirty)
}

.footer-style-two .contact-list {
    position: relative;
    margin-top: var(--margin-top-30)
}

.footer-style-two .contact-list li {
    position: relative;
    font-weight: 500;
    font-size: var(--font-16);
    color: var(--color-thirty);
    padding-top: var(--padding-top-5);
    padding-left: var(--padding-left-55);
    margin-bottom: var(--margin-bottom-20);
    font-family: var(--font-family-Inter)
}

.footer-style-two .contact-list li .icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 50px;
    display: inline-block;
    font-family: Flaticon;
    color: var(--white-color);
    background: var(--color-seven);
    background: -webkit-gradient(linear, left top, right top, from(var(--color-seven)), to(var(--color-eight)));
    background: linear-gradient(to right, var(--color-seven) 0, var(--color-eight) 100%)
}

.footer-style-two .page-list {
    position: relative
}

.footer-style-two .page-list li {
    position: relative;
    margin-bottom: var(--margin-bottom-15)
}

.footer-style-two .page-list li a {
    position: relative;
    font-size: var(--font-16);
    color: var(--color-thirty);
    font-family: var(--font-family-Inter)
}

.footer-style-two .page-list li a:hover {
    color: var(--main-color)
}

.footer-style-two .news-widget .post {
    position: relative;
    min-height: 70px;
    padding-top: var(--padding-top-10);
    padding-left: var(--padding-left-95);
    margin-bottom: var(--margin-bottom-20)
}

.footer-style-two .news-widget .post .thumb {
    position: absolute;
    left: 0;
    top: 0;
    width: 75px;
    overflow: hidden;
    border-radius: 4px
}

.footer-style-two .news-widget .date {
    position: relative;
    font-weight: 500;
    opacity: .7;
    color: var(--color-thirty);
    font-size: var(--font-14)
}

.footer-style-two .news-widget h5 {
    font-weight: 500;
    font-size: var(--font-16);
    margin-top: var(--margin-top-5)
}

.footer-style-two .news-widget h5 a {
    color: var(--color-thirty)
}

.footer-style-two .footer-bottom {
    position: relative;
    padding: 15px 0;
    border-top: 1px solid rgba(var(--black-color-rgb), .1)
}

.footer-style-two .copyright {
    position: relative;
    font-size: var(--font-18);
    color: var(--color-thirtyone)
}

.footer-style-two .copyright span {
    position: relative;
    color: var(--color-seven);
    background: -webkit-gradient(linear, right top, left top, from(var(--color-seven)), to(var(--color-eight)));
    background: linear-gradient(to left, var(--color-seven) 0, var(--color-eight) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.footer-style-two .social-box {
    position: relative
}

.footer-style-two .social-box li {
    position: relative;
    display: inline-block;
    margin-left: var(--margin-left-5)
}

.footer-style-two .social-box li a {
    position: relative;
    width: 40px;
    height: 40px;
    line-height: 38px;
    text-align: center;
    border-radius: 50px;
    display: inline-block;
    color: var(--black-color);
    background-color: var(--white-color);
    border: 1px solid rgba(var(--black-color-rgb), .1)
}

.preloader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999999999999999;
    background-position: center center;
    background-repeat: no-repeat
}

.preloader-close {
    position: fixed;
    z-index: 999999;
    color: #fe1b48;
    padding: 10px 20px;
    cursor: pointer;
    right: 0;
    bottom: 0;
    font-weight: 600;
    background-color: #fff
}

.loader-wrap {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999999
}

.loader-wrap .layer-one {
    position: absolute;
    left: 0;
    top: 0;
    width: 33.3333%;
    height: 100%;
    overflow: hidden
}

.loader-wrap .layer-two {
    position: absolute;
    left: 33.3333%;
    top: 0;
    width: 33.3333%;
    height: 100%;
    overflow: hidden
}

.loader-wrap .layer-three {
    position: absolute;
    left: 66.6666%;
    top: 0;
    width: 33.3333%;
    height: 100%;
    overflow: hidden
}

.loader-wrap .layer .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--main-color)
}

.bootstrap-touchspin .input-group-btn-vertical {
    position: relative;
    white-space: nowrap;
    width: 1%;
    vertical-align: middle;
    display: table-cell
}

.bootstrap-touchspin .input-group-btn-vertical>.btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
    padding: 8px 10px;
    margin-left: -1px;
    position: relative
}

.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
    border-radius: 0;
    border-top-right-radius: 4px
}

.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
    margin-top: -2px;
    border-radius: 0;
    border-bottom-right-radius: 4px
}

.bootstrap-touchspin .input-group-btn-vertical i {
    position: absolute;
    top: 3px;
    left: 5px;
    font-size: 9px;
    font-weight: 400
}

.main-slider {
    position: relative;
    overflow: hidden;
    padding-left: var(--padding-left-90)
}

.main-slider .slide {
    position: relative;
    overflow: hidden;
    padding: 120px 0 160px;
    background-size: cover
}

.main-slider .image-layer {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    background-size: cover;
    -webkit-transform: scale(1);
    transform: scale(1);
    background-position: right center;
    -webkit-transition: all 6s linear;
    transition: all 6s linear
}

.main-slider .image-layer img {
    position: absolute
}

.main-slider .active .image-layer {
    -webkit-transform: scale(1.15);
    transform: scale(1.15)
}

.main-slider .image-layer:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    opacity: .1;
    background-color: var(--black-color)
}

.main-slider .content-column {
    position: relative;
    z-index: 2
}

.main-slider .content-column .inner-column {
    position: relative;
    padding-top: var(--padding-top-90)
}

.main-slider .vector-layer {
    position: absolute;
    right: 60px;
    top: 0;
    width: 472px;
    height: 416px;
    opacity: 0;
    -webkit-transform: scale(.3, .03);
    transform: scale(.3, .03);
    background-repeat: no-repeat;
    -webkit-transition: all 1s ease;
    transition: all 1s ease
}

.main-slider .active .vector-layer {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition-delay: 1.6s;
    transition-delay: 1.6s
}

.main-slider .title {
    position: relative;
    opacity: 0;
    z-index: 1;
    font-weight: 500;
    padding: 6px 18px;
    font-size: var(--font-14);
    text-transform: capitalize;
    color: var(--white-color);
    -webkit-transform-origin: top;
    transform-origin: top;
    display: inline-block;
    -webkit-transform: translateX(200px);
    transform: translateX(200px);
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    margin-bottom: var(--margin-bottom-25);
    font-family: var(--font-family-Outfit)
}

.main-slider .title:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    -webkit-transform: skewX(-10deg);
    transform: skewX(-10deg);
    background-color: var(--color-five)
}

.main-slider .active .title {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.main-slider h1 {
    opacity: 0;
    color: var(--white-color);
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transform: translateX(200px);
    transform: translateX(200px);
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    margin-bottom: var(--margin-bottom-25)
}

.main-slider .active h1 {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition-delay: .8s;
    transition-delay: .8s
}

.main-slider .text {
    opacity: 0;
    color: var(--white-color);
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transform: translateX(200px);
    transform: translateX(200px);
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    margin-bottom: var(--margin-bottom-50)
}

.main-slider .active .text {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s
}

.main-slider .options-box {
    opacity: 0;
    -webkit-transform: translateX(200px);
    transform: translateX(200px);
    -webkit-transform-origin: top;
    transform-origin: top;
    display: inline-block;
    -webkit-transition: all .9s ease;
    transition: all .9s ease
}

.main-slider .active .options-box {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition-delay: 1.6s;
    transition-delay: 1.6s
}

.main-slider .button-box .theme-btn {
    display: block;
    margin-right: var(--margin-right-25)
}

.main-slider .image {
    position: relative;
    z-index: 2;
    -webkit-transition: all 1s ease;
    transition: all 1s ease
}

.main-slider .vector-icon {
    position: absolute;
    left: 48%;
    top: 18%;
    width: 20px;
    height: 22px;
    background-repeat: no-repeat
}

.main-slider .vector-icon-two {
    position: absolute;
    left: 44%;
    top: 72%;
    width: 20px;
    height: 22px;
    background-repeat: no-repeat
}

.main-slider .play-box {
    position: relative;
    width: 60px;
    height: 60px;
    line-height: 58px;
    text-align: center;
    border-radius: 50px;
    display: inline-block;
    font-size: var(--font-20);
    color: var(--white-color);
    border: 1px solid var(--white-color)
}

.main-slider .play-box .ripple {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    border-radius: 50px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -webkit-animation: ripple 3s infinite;
    animation: ripple 3s infinite
}

.main-slider .play-box .ripple:after,
.main-slider .play-box .ripple:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    border-radius: 50px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -webkit-animation: ripple 3s infinite;
    animation: ripple 3s infinite
}

.main-slider .play-box .ripple:before {
    -webkit-animation-delay: .9s;
    animation-delay: .9s;
    content: "";
    position: absolute
}

.main-slider .play-box .ripple:after {
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
    content: "";
    position: absolute
}

.main-slider .play-box:hover {
    color: var(--white-color);
    border-color: var(--color-seven);
    background-color: var(--color-seven)
}

.main-slider .owl-dots,
.main-slider .owl-nav {
    display: none
}

.main-slider .social-box {
    position: absolute;
    left: 35px;
    bottom: 80px;
    z-index: 10;
    width: 30px;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.main-slider .social-box li {
    position: relative;
    display: inline-block;
    margin-top: var(--margin-top-40)
}

.main-slider .social-box li a {
    position: relative;
    font-weight: 500;
    letter-spacing: 1px;
    font-size: var(--font-17);
    color: var(--black-color);
    font-family: var(--font-family-Outfit);
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.main-slider .social-box li a:hover {
    color: var(--main-color);
    text-decoration: underline
}

.main-slider .email-box {
    position: absolute;
    left: 35px;
    top: 0;
    z-index: 10;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.main-slider .email-box a {
    position: relative;
    font-weight: 500;
    letter-spacing: 1px;
    font-size: var(--font-17);
    color: var(--black-color);
    font-family: var(--font-family-Outfit);
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.main-slider .email-box a:hover {
    color: var(--main-color)
}

.main-slider .scroll-box {
    position: absolute;
    left: 50%;
    bottom: 80px;
    z-index: 10;
    cursor: pointer;
    font-size: var(--font-50);
    font-family: Flaticon;
    color: var(--white-color);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-animation: icon-bounce .8s ease-out infinite;
    animation: icon-bounce .8s ease-out infinite
}

.main-slider .scroll-box:hover {
    color: var(--main-color)
}

.main-slider .counter-boxed {
    position: absolute;
    left: 90px;
    bottom: 0;
    width: 100%;
    z-index: 10;
    max-width: 600px;
    padding: 30px 30px;
    background-color: var(--white-color)
}

.main-slider .counter-boxed .counter {
    position: relative;
    font-weight: 500;
    font-size: var(--font-24);
    color: var(--color-seven)
}

.main-slider .counter-boxed .counter-text {
    position: relative;
    color: var(--color-nine);
    font-size: var(--font-16);
    margin-top: var(--margin-top-10);
    font-family: var(--font-family-Inter)
}

.main-slider .counter-boxed .odometer.odometer-auto-theme {
    top: -3px;
    margin-right: 2px
}

@-webkit-keyframes ripple {
    70% {
        -webkit-box-shadow: 0 0 0 70px rgba(253, 167, 0, 0);
        box-shadow: 0 0 0 70px rgba(253, 167, 0, 0)
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);
        box-shadow: 0 0 0 0 rgba(253, 167, 0, 0)
    }
}

@keyframes ripple {
    70% {
        -webkit-box-shadow: 0 0 0 70px rgba(253, 167, 0, 0);
        box-shadow: 0 0 0 70px rgba(253, 167, 0, 0)
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);
        box-shadow: 0 0 0 0 rgba(253, 167, 0, 0)
    }
}

.services-section {
    position: relative;
    padding: 90px 0 50px
}

.services-section .inner-container {
    position: relative
}

.services-section .service-block .inner-box {
    padding-right: var(--padding-right-15)
}

.service-block {
    position: relative;
    margin-bottom: var(--margin-bottom-30)
}

.service-block .inner-box {
    position: relative
}

.service-block .icon {
    position: relative;
    line-height: 1em;
    display: inline-block;
    color: var(--color-seven);
    font-family: Flaticon;
    font-size: var(--font-54);
    background: -webkit-gradient(linear, right top, left top, from(var(--color-seven)), to(var(--color-eight)));
    background: linear-gradient(to left, var(--color-seven) 0, var(--color-eight) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.service-block .inner-box:hover .icon {
    -webkit-transform: scale(-1) rotate(180deg);
    transform: scale(-1) rotate(180deg)
}

.service-block h6 {
    font-weight: 500;
    margin-top: var(--margin-top-15)
}

.service-block h6 a {
    color: var(--color-ten)
}

.service-block h6 a:hover {
    color: var(--color-seven)
}

.service-block .text {
    max-width: 235px;
    margin-top: var(--margin-top-10)
}

.business-section {
    position: relative;
    padding: 40px 0 50px
}

.business-section .small-circle-layer {
    position: absolute;
    left: 12%;
    bottom: 5%;
    width: 10px;
    height: 10px;
    opacity: .5;
    border-radius: 50%;
    background-color: var(--color-seven)
}

.business-section .vector-layer-one {
    position: absolute;
    left: 15px;
    bottom: 5%;
    width: 107px;
    height: 107px;
    background-repeat: no-repeat
}

.business-section .vector-layer-two {
    position: absolute;
    left: 5%;
    top: 6%;
    width: 22px;
    height: 20px;
    background-repeat: no-repeat
}

.business-section .vector-layer-three {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 512px;
    height: 594px;
    background-repeat: no-repeat
}

.business-section .print-icon {
    position: absolute;
    right: 60px;
    bottom: -120px;
    width: 100px;
    height: 100px;
    line-height: 98px;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    background-color: var(--white-color);
    border: 1px solid rgba(var(--black-color-rgb), .06);
    -webkit-box-shadow: 0 10px 25px rgba(var(--black-color-rgb), .07);
    box-shadow: 0 10px 25px rgba(var(--black-color-rgb), .07)
}

.business-section .images-column {
    position: relative;
    margin-bottom: var(--margin-bottom-30)
}

.business-section .images-column .inner-column {
    position: relative;
    padding-top: var(--padding-top-60)
}

.business-section .image {
    position: relative;
    display: inline-block !important
}

.business-section .image-two {
    position: absolute !important;
    left: auto !important;
    right: 15px !important;
    top: 0 !important
}

.business-section .image-three {
    position: absolute !important;
    left: 50% !important;
    top: 180px !important;
    -webkit-transform: translateX(-50%) !important;
    transform: translateX(-50%) !important;
    -webkit-box-shadow: 0 10px 60px rgba(var(--main-color-rgb), .12);
    box-shadow: 0 10px 60px rgba(var(--main-color-rgb), .12)
}

.business-section .images-outer {
    position: relative
}

.business-section .circle-layer {
    position: absolute;
    left: -60px;
    top: 0;
    width: 538px;
    height: 554px;
    background-repeat: no-repeat
}

.business-section .content-column {
    position: relative;
    margin-bottom: var(--margin-bottom-30)
}

.business-section .content-column .inner-column {
    position: relative;
    padding-top: var(--padding-top-80);
    padding-left: var(--padding-left-120)
}

.feature-block {
    position: relative
}

.feature-block .inner-box {
    position: relative;
    padding-left: var(--padding-left-60)
}

.feature-block .icon {
    position: absolute;
    left: 0;
    top: 4px;
    width: 39px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    display: inline-block;
    font-family: Flaticon;
    font-size: var(--font-18);
    color: var(--white-color);
    border-radius: 5px 15px 5px 5px;
    background: -webkit-gradient(linear, right top, left top, from(var(--color-seven)), to(var(--color-eight)));
    background: linear-gradient(to left, var(--color-seven) 0, var(--color-eight) 100%);
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.feature-block h6 a {
    color: var(--color-ten)
}

.feature-block .feature-text {
    position: relative;
    line-height: 26px;
    color: var(--color-two);
    font-size: var(--font-13);
    margin-top: var(--margin-top-5);
    font-family: var(--font-family-Inter)
}

.feature-block:nth-child(2) .icon {
    background: -webkit-gradient(linear, right top, left top, from(var(--color-seven)), to(var(--main-color)));
    background: linear-gradient(to left, var(--color-seven) 0, var(--main-color) 100%)
}

.business-section .options-list {
    position: relative;
    margin-top: var(--margin-top-30)
}

.business-section .options-list li {
    position: relative;
    color: var(--color-twelve);
    font-size: var(--font-15);
    padding-left: var(--padding-left-30);
    margin-bottom: var(--margin-bottom-15)
}

.business-section .options-list li:before {
    position: absolute;
    content: "\f1a3";
    left: 0;
    font-weight: 800;
    color: var(--main-color);
    font-family: Flaticon
}

.business-section .author-info {
    position: relative;
    color: var(--color-twelve);
    font-size: var(--font-13);
    margin-top: var(--margin-top-30);
    padding-top: var(--padding-top-20);
    border-top: 1px solid rgba(var(--black-color-rgb), .06)
}

.business-section .author-info span {
    position: relative;
    font-size: var(--font-16);
    padding-right: var(--padding-right-35)
}

.business-section .author-info span:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    z-index: -1;
    background: url(images/icons/vector-4.png) no-repeat
}

.business-section .author-info span:after {
    position: absolute;
    content: "";
    right: 7px;
    top: 11px;
    width: 20px;
    height: 1px;
    opacity: .1;
    background-color: var(--black-color)
}

.project-section {
    position: relative;
    padding: 70px 0 20px
}

.project-section .circle-layer {
    position: absolute;
    right: 5%;
    bottom: 11%;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: var(--color-thirteen)
}

.project-section .vector-icon {
    position: absolute;
    left: 5%;
    bottom: 5%;
    width: 19px;
    height: 18px;
    background-repeat: no-repeat
}

.project-section .owl-dots,
.project-section .owl-nav {
    display: none
}

.project-section .outer-container {
    position: relative;
    padding-left: var(--padding-left-100)
}

.project-block {
    position: relative;
    margin-bottom: var(--margin-bottom-30)
}

.project-block .inner-box {
    position: relative;
    border-radius: 7px;
    overflow: hidden
}

.project-block .image {
    position: relative;
    overflow: hidden;
    background-color: var(--main-color)
}

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

.project-block .inner-box:hover .image img {
    opacity: .7;
    -webkit-transform: scale(1.05, 1.05) rotate(2deg);
    transform: scale(1.05, 1.05) rotate(2deg)
}

.project-block .post-number {
    position: absolute;
    right: 15px;
    top: 15px;
    width: 55px;
    height: 55px;
    z-index: 1;
    font-weight: 500;
    line-height: 55px;
    text-align: center;
    font-size: var(--font-18)
}

.project-block .post-number:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    border-radius: 50px 0 50px 50px;
    background-color: var(--white-color)
}

.project-block .content {
    position: absolute;
    left: 20px;
    bottom: 20px;
    right: 50px;
    opacity: 0;
    padding: 20px 25px;
    border-radius: 4px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    background-color: var(--white-color);
    -webkit-transform: scale(1, .3);
    transform: scale(1, .3)
}

.project-block .inner-box:hover .content {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1)
}

.project-block h6 {
    z-index: 1
}

.project-block h6 a {
    color: var(--color-ten)
}

.project-block h6:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 4px;
    height: 5px;
    z-index: -1;
    opacity: 0;
    background: url(images/icons/vector-6.png) no-repeat
}

.project-block h6:hover::before {
    opacity: 1
}

.project-block .arrow {
    position: absolute;
    right: 12px;
    top: 13px;
    width: 45px;
    height: 45px;
    line-height: 44px;
    text-align: center;
    font-size: var(--font-20);
    font-family: Flaticon;
    color: var(--color-ten);
    border-radius: 50px 0 50px 50px;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.project-block .inner-box:hover .arrow {
    color: var(--white-color);
    background: -webkit-gradient(linear, right top, left top, from(var(--color-seven)), to(var(--color-eight)));
    background: linear-gradient(to left, var(--color-seven) 0, var(--color-eight) 100%)
}

.project-block.style-two .content {
    right: 20px
}

.project-section .lower-box {
    position: relative;
    max-width: 1400px;
    margin: 0 auto;
    padding: 38px 70px;
    border-radius: 100px;
    margin-left: 15px;
    margin-right: 15px;
    margin: 15px auto;
    margin-top: var(--margin-top-30);
    border: 1px solid rgba(var(--black-color-rgb), .1)
}

.project-section .lower-box .info-box {
    position: relative
}

.project-section .lower-box .info-box:before {
    position: absolute;
    content: "";
    left: 115%;
    top: 30px;
    height: 2px;
    width: 240px;
    background-color: var(--black-color)
}

.project-section .lower-box .info-box:last-child::before {
    display: none
}

.project-section .lower-box .title {
    position: relative;
    font-weight: 500;
    font-size: var(--font-16);
    color: var(--color-nine);
    font-family: var(--font-family-Quicksand)
}

.project-section .lower-box h5 {
    font-weight: 500;
    color: var(--color-ten);
    margin-top: var(--margin-top-10)
}

.project-section .lower-box .play-box {
    position: relative;
    width: 60px;
    height: 60px;
    line-height: 58px;
    text-align: center;
    border-radius: 50px;
    display: inline-block;
    font-size: var(--font-20);
    color: var(--black-color);
    margin-right: var(--margin-right-30);
    border: 1px solid var(--black-color)
}

.project-section .lower-box .play-box .ripple {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    border-radius: 50px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
    -o-box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
    -webkit-animation: ripple 3s infinite;
    animation: ripple 3s infinite
}

.project-section .lower-box .play-box .ripple:after,
.project-section .lower-box .play-box .ripple:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    border-radius: 50px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
    -o-box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
    -webkit-animation: ripple 3s infinite;
    animation: ripple 3s infinite
}

.project-section .lower-box .play-box .ripple:before {
    -webkit-animation-delay: .9s;
    animation-delay: .9s;
    content: "";
    position: absolute
}

.project-section .lower-box .play-box .ripple:after {
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
    content: "";
    position: absolute
}

.project-section .lower-box .play-box:hover {
    color: var(--white-color);
    border-color: var(--color-seven);
    background-color: var(--color-seven)
}

.printing-section {
    position: relative;
    padding: 70px 0 100px
}

.printing-section .title-box {
    position: relative;
    font-weight: 400;
    line-height: 1.2em;
    text-align: center;
    font-size: var(--font-120);
    margin-bottom: var(--margin-bottom-70);
    font-family: var(--font-family-Montaga)
}

.printing-section .title-box span {
    color: var(--color-seven);
    background: -webkit-gradient(linear, right top, left top, from(var(--color-seven)), to(var(--color-eight)));
    background: linear-gradient(to left, var(--color-seven) 0, var(--color-eight) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.printing-section .title-box i {
    position: relative;
    font-style: normal;
    font-size: var(--font-122);
    color: var(--color-fourteen)
}

.printing-section .circle-one {
    position: absolute;
    right: -5%;
    bottom: 12%;
    width: 8px;
    height: 8px;
    border-radius: 50px;
    background-color: var(--color-nineteen)
}

.printing-section .vector-icon-one {
    position: absolute;
    left: -120px;
    top: -50px;
    width: 285px;
    height: 288px;
    background-repeat: no-repeat
}

.printing-section .vector-icon-two {
    position: absolute;
    right: -120px;
    top: -50px;
    width: 285px;
    height: 288px;
    background-repeat: no-repeat
}

.printing-section .vector-icon-three {
    position: absolute;
    left: 0;
    top: 50%;
    width: 122px;
    height: 127px;
    background-repeat: no-repeat
}

.printing-section .pattern-layer {
    position: absolute;
    left: -40px;
    width: 90px;
    height: 80px;
    top: 100px;
    background-repeat: no-repeat
}

.printing-section .inner-container {
    position: relative;
    max-width: 1150px;
    margin: 0 auto
}

.printing-section .print-block {
    float: left;
    padding: 0 2px
}

.print-block {
    position: relative
}

.print-block .inner-box {
    position: relative
}

.print-block .image {
    position: relative;
    background-color: var(--color-fourteen)
}

.print-block .image img {
    position: relative;
    width: 100%;
    display: block
}

.print-block .tag {
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 1;
    padding: 7px 16px 9px;
    font-weight: 500;
    color: var(--color-ten);
    font-size: var(--font-18);
    background-color: var(--white-color)
}

.print-block .color-layer {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    -webkit-transform: scale(.3, 1);
    transform: scale(.3, 1);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    background: var(--color-seven);
    background: -webkit-gradient(linear, left top, right top, from(var(--color-seven)), to(var(--color-eight)));
    background: linear-gradient(to right, var(--color-seven) 0, var(--color-eight) 100%)
}

.print-block .inner-box:hover .color-layer {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1)
}

.printing-section .owl-dots {
    display: none
}

.printing-section .owl-nav {
    position: absolute;
    left: -90px;
    top: 50%;
    right: -90px;
    margin-top: -22px
}

.printing-section .owl-nav .owl-prev {
    position: absolute;
    left: 0;
    width: 46px;
    height: 45px;
    font-weight: 600;
    line-height: 46px;
    text-align: center;
    font-size: var(--font-18);
    font-family: Flaticon;
    color: var(--color-seven);
    border-radius: 50px 50px 50px 0;
    background-color: var(--white-color);
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    box-shadow: 0 0 15px rgba(0, 0, 0, .1)
}

.printing-section .owl-nav .owl-next {
    position: absolute;
    right: 0;
    width: 46px;
    height: 45px;
    font-weight: 600;
    line-height: 46px;
    text-align: center;
    font-size: var(--font-18);
    font-family: Flaticon;
    color: var(--color-seven);
    border-radius: 50px 50px 50px 0;
    background-color: var(--white-color);
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    font-family: Flaticon
}

.printing-section .owl-nav .owl-next:hover,
.printing-section .owl-nav .owl-prev:hover {
    color: var(--white-color);
    background: -webkit-gradient(linear, left top, right top, from(var(--color-seven)), to(var(--color-eight)));
    background: linear-gradient(to right, var(--color-seven) 0, var(--color-eight) 100%)
}

.printing-section .post-info {
    position: relative;
    font-weight: 500;
    color: var(--color-ten);
    font-size: var(--font-20);
    margin-top: var(--margin-top-30)
}

.printing-section .post-info .rating {
    position: relative;
    padding-left: 280px;
    display: inline-block
}

.printing-section .post-info .rating:before {
    position: absolute;
    content: "";
    right: 40%;
    top: 10px;
    height: 2px;
    width: 206px;
    background-color: var(--black-color)
}

.printing-section .post-info .rating .fa {
    position: relative;
    color: var(--color-seven);
    font-size: var(--font-16);
    margin-right: var(--margin-right-5)
}

.printing-section .post-info .rating .fa.light {
    opacity: .2;
    color: var(--black-color)
}

.services-section-two {
    position: relative;
    padding: 0 0 70px
}

.services-section-two .title-box {
    position: relative;
    margin-bottom: var(--margin-bottom-60)
}

.services-section-two .title-box h2 {
    position: relative;
    color: var(--color-ten);
    display: inline-block
}

.services-section-two .title-box h2:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 10px;
    height: 5px;
    z-index: -1;
    background: url(images/icons/vector-10.png) center bottom no-repeat
}

.service-block-two {
    position: relative;
    margin-bottom: var(--margin-bottom-30)
}

.service-block-two .inner-box {
    position: relative
}

.service-block-two .inner-box:before {
    position: absolute;
    content: "\f1e5";
    right: 30px;
    top: 72px;
    opacity: .4;
    line-height: 1em;
    font-family: flaticon;
    color: var(--black-color);
    font-size: var(--font-40)
}

.service-block-two:last-child .inner-box:before {
    display: none
}

.service-block-two .icon-box {
    position: relative;
    display: inline-block
}

.service-block-two .icon-box:before {
    position: absolute;
    content: "";
    left: 42px;
    top: 30px;
    width: 25px;
    height: 25px;
    border-radius: 50px;
    display: inline-block;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    background-color: var(--color-fifteen)
}

.service-block-two .inner-box:hover .icon-box:before {
    opacity: .4;
    background-color: var(--color-seven)
}

.service-block-two .icon {
    position: relative;
    line-height: 1em;
    display: inline-block;
    color: var(--color-seven);
    font-family: Flaticon;
    font-size: var(--font-54);
    background: -webkit-gradient(linear, right top, left top, from(var(--color-seven)), to(var(--color-eight)));
    background: linear-gradient(to left, var(--color-seven) 0, var(--color-eight) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.service-block-two .inner-box:hover .icon {
    -webkit-transform: scale(-1) rotate(180deg);
    transform: scale(-1) rotate(180deg)
}

.service-block-two .service-number {
    position: absolute;
    left: 120px;
    top: 5px;
    font-weight: 500;
    color: var(--black-color);
    font-size: var(--font-18);
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.service-block-two .inner-box:hover .service-number {
    color: var(--color-seven)
}

.service-block-two h5 {
    font-weight: 500;
    margin-top: var(--margin-top-15)
}

.service-block-two h5 a {
    color: var(--color-ten)
}

.service-block-two h5 a:hover {
    color: var(--color-seven)
}

.service-block-two .text {
    max-width: 200px;
    margin-top: var(--margin-top-10)
}

.services-section-two .inner-container {
    position: relative;
    max-width: 1150px;
    margin: 0 auto
}

.services-section-two .icon-one {
    position: absolute;
    left: 4%;
    width: 8px;
    height: 8px;
    bottom: 40%;
    border-radius: 50px;
    display: inline-block;
    background-color: var(--color-sixteen)
}

.services-section-two .icon-two {
    position: absolute;
    left: 34%;
    top: 15px;
    width: 12px;
    height: 12px;
    border-radius: 50px;
    display: inline-block;
    background-color: var(--color-sixteen)
}

.services-section-two .icon-three {
    position: absolute;
    right: 5%;
    bottom: 35%;
    width: 10px;
    height: 10px;
    border-radius: 50px;
    display: inline-block;
    background-color: var(--color-sixteen)
}

.services-section-two .icon-four {
    position: absolute;
    right: 5%;
    top: -40%;
    width: 10px;
    height: 10px;
    border-radius: 50px;
    display: inline-block;
    border: 1px solid var(--color-eight)
}

.services-section-two .vector-icon-one {
    position: absolute;
    left: 8%;
    top: -4%;
    width: 13px;
    height: 14px;
    background-repeat: no-repeat
}

.quality-section {
    position: relative;
    overflow: hidden;
    padding-bottom: var(--padding-bottom-80)
}

.quality-section .color-one {
    position: absolute;
    left: 8%;
    top: 45%;
    width: 6px;
    height: 6px;
    opacity: .5;
    border-radius: 50%;
    background-color: var(--main-color)
}

.quality-section .color-two {
    position: absolute;
    left: 8%;
    bottom: 15%;
    width: 36px;
    height: 36px;
    opacity: .15;
    border-radius: 50%;
    border: 8px solid var(--main-color)
}

.quality-section .color-three {
    position: absolute;
    right: 25%;
    top: -4%;
    width: 8px;
    height: 8px;
    opacity: .5;
    border-radius: 50%;
    background-color: var(--main-color)
}

.quality-section .vector-layer {
    position: absolute;
    right: 0;
    bottom: -200px;
    width: 568px;
    height: 650px
}

.quality-section .image-column {
    position: relative;
    margin-bottom: var(--margin-bottom-30)
}

.quality-section .image-column .image,
.quality-section .image-column .inner-column {
    position: relative
}

.quality-section .content-column {
    position: relative;
    margin-bottom: var(--margin-bottom-30)
}

.quality-section .content-column .inner-column {
    position: relative;
    padding-left: var(--padding-left-80)
}

.quality-section .sec-title {
    margin-bottom: var(--margin-bottom-15)
}

.quality-section .options-list {
    position: relative;
    margin-top: var(--margin-top-30)
}

.quality-section .options-list li {
    position: relative;
    color: var(--color-twelve);
    font-size: var(--font-15);
    padding-left: var(--padding-left-30);
    margin-bottom: var(--margin-bottom-15)
}

.quality-section .options-list li:before {
    position: absolute;
    content: "\f1a3";
    left: 0;
    font-weight: 800;
    color: var(--main-color);
    font-family: Flaticon
}

.quality-section .demand {
    position: relative;
    font-weight: 500;
    color: var(--black-color);
    font-size: var(--font-14);
    margin-top: var(--margin-top-25);
    padding-left: var(--padding-left-30);
    margin-bottom: var(--margin-bottom-40)
}

.quality-section .demand:before {
    position: absolute;
    content: "";
    left: 0;
    width: 20px;
    height: 19px;
    background: url(images/icons/fire.png) no-repeat
}

.quality-section .demand span {
    position: relative;
    color: var(--main-color)
}

.quality-section .play-box {
    position: relative;
    width: 60px;
    height: 60px;
    line-height: 58px;
    text-align: center;
    border-radius: 50px;
    display: inline-block;
    font-size: var(--font-20);
    color: var(--black-color);
    margin-left: var(--margin-left-30);
    border: 1px solid var(--black-color)
}

.quality-section .play-box .ripple {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    border-radius: 50px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
    -o-box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
    -webkit-animation: ripple 3s infinite;
    animation: ripple 3s infinite
}

.quality-section .play-box .ripple:after,
.quality-section .play-box .ripple:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    border-radius: 50px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
    -o-box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
    -webkit-animation: ripple 3s infinite;
    animation: ripple 3s infinite
}

.quality-section .play-box .ripple:before {
    -webkit-animation-delay: .9s;
    animation-delay: .9s;
    content: "";
    position: absolute
}

.quality-section .play-box .ripple:after {
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
    content: "";
    position: absolute
}

.quality-section .play-box:hover {
    color: var(--white-color);
    border-color: var(--color-seven);
    background-color: var(--color-seven)
}

.fluid-section-one {
    position: relative;
    overflow: hidden;
    background-color: var(--color-fourteen)
}

.fluid-section-one .outer-container {
    position: relative;
    min-height: 250px
}

.fluid-section-one .left-column {
    position: relative;
    width: 50%;
    float: left;
    height: 100%;
    z-index: 1
}

.fluid-section-one .sec-title {
    margin-bottom: var(--margin-bottom-25)
}

.fluid-section-one .options {
    position: relative;
    margin-bottom: var(--margin-bottom-40)
}

.fluid-section-one .options li {
    position: relative;
    font-weight: 400;
    padding-top: 3px;
    display: inline-block;
    font-size: var(--font-15);
    color: var(--black-color);
    margin-right: var(--margin-right-30);
    padding-right: var(--padding-right-40);
    padding-left: var(--padding-left-40);
    margin-bottom: var(--margin-bottom-15)
}

.fluid-section-one .options li:before {
    position: absolute;
    content: "\f104";
    right: 0;
    top: 3px;
    font-size: var(--font-12);
    font-family: flaticon
}

.fluid-section-one .options li .number {
    position: absolute;
    left: 0;
    top: 0;
    width: 28px;
    height: 28px;
    font-size: 14px;
    font-weight: 500;
    line-height: 26px;
    text-align: center;
    border-radius: 50px;
    border: 1px solid rgba(var(--black-color-rgb), .1)
}

.fluid-section-one .options li:last-child {
    margin-right: var(--margin-zero);
    padding-right: var(--margin-zero)
}

.fluid-section-one .options li:last-child::before {
    display: none
}

.fluid-section-one .left-column .inner-column {
    position: relative;
    max-width: 670px;
    width: 100%;
    float: right;
    padding: 90px 15px;
    padding-right: var(--padding-right-50)
}

.fluid-section-one h3 {
    margin-bottom: var(--margin-bottom-30)
}

.fluid-section-one h3:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 5px;
    height: 5px;
    z-index: -1;
    background: url(images/icons/vector-6.png) no-repeat
}

.fluid-section-one .play-box {
    position: relative;
    width: 60px;
    height: 60px;
    line-height: 58px;
    text-align: center;
    border-radius: 50px;
    display: inline-block;
    font-size: var(--font-20);
    color: var(--black-color);
    margin-left: var(--margin-left-30);
    border: 1px solid var(--black-color)
}

.fluid-section-one .play-box .ripple {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    border-radius: 50px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
    -o-box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
    -webkit-animation: ripple 3s infinite;
    animation: ripple 3s infinite
}

.fluid-section-one .play-box .ripple:after,
.fluid-section-one .play-box .ripple:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    border-radius: 50px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
    -o-box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
    -webkit-animation: ripple 3s infinite;
    animation: ripple 3s infinite
}

.fluid-section-one .play-box .ripple:before {
    -webkit-animation-delay: .9s;
    animation-delay: .9s;
    content: "";
    position: absolute
}

.fluid-section-one .play-box .ripple:after {
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
    content: "";
    position: absolute
}

.fluid-section-one .play-box:hover {
    color: var(--white-color);
    border-color: var(--color-seven);
    background-color: var(--color-seven)
}

.fluid-section-one .button-box {
    position: relative;
    margin-top: var(--margin-top-40)
}

.accordion-box {
    position: relative
}

.accordion-box .block {
    position: relative;
    margin-bottom: var(--margin-bottom-20)
}

.accordion-box .block:last-child {
    margin-bottom: var(--margin-zero)
}

.accordion-box .block .acc-btn {
    font-size: var(--font-16);
    position: relative;
    cursor: pointer;
    line-height: 30px;
    font-weight: 600;
    color: var(--color-ten);
    transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    padding-right: var(--padding-right-30)
}

.accordion-box .block .icon-outer {
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 30px;
    text-align: center;
    font-size: var(--font-14);
    color: var(--color-ten);
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.accordion-box .block .icon-outer .icon {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -15px;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 50%;
    line-height: 30px;
    font-size: var(--font-14);
    color: var(--color-ten)
}

.accordion-box .block .icon-outer .icon-plus {
    opacity: 1
}

.accordion-box .block .icon-outer .icon-minus {
    opacity: 0;
    font-weight: 400
}

.accordion-box .block .acc-btn.active .icon-outer .icon-minus {
    opacity: 1
}

.accordion-box .block .acc-btn.active .icon-outer .icon-plus {
    opacity: 0
}

.accordion-box .block .acc-content {
    position: relative;
    display: none
}

.accordion-box .block .acc-content.current {
    display: block
}

.accordion-box .block .content {
    position: relative;
    padding: 15px 0 0 0
}

.accordion-box .block .content p:last-child {
    margin-bottom: 0
}

.accordion-box.style-two .block .acc-btn {
    font-size: var(--font-20);
    padding-bottom: var(--padding-bottom-20);
    border-bottom: 1px solid rgba(var(--black-color-rgb), .1)
}

.accordion-box.style-three .block {
    padding: 15px 25px;
    background-color: var(--color-sixtytwo)
}

.accordion-box.style-three .block .content .text {
    line-height: 28.8px;
    padding-top: var(--padding-top-15);
    margin-bottom: var(--margin-bottom-5);
    border-top: 1px solid rgba(var(--black-color-rgb), .1)
}

.fluid-section-one .right-column {
    position: relative;
    width: 50%;
    float: right;
    height: 100%
}

.fluid-section-one .right-column .inner-column {
    position: relative
}

.testimonial-section {
    position: relative;
    padding-top: var(--padding-top-100)
}

.testimonial-section .owl-nav {
    display: none
}

.testimonial-section .owl-dots {
    display: block;
    top: -80px;
    position: relative;
    counter-reset: slides-num;
    margin-left: 385px
}

.testimonial-section .owl-dots .owl-dot {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-left: 28px;
    counter-increment: slides-num
}

.testimonial-section .owl-dots .owl-dot span {
    position: relative;
    content: "0" counter(slides-num) "";
    display: block;
    font-weight: 400;
    font-size: var(--font-14);
    color: var(--color-ten);
    padding-bottom: 5px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.testimonial-section .owl-dots .owl-dot span:after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    right: 0;
    height: 2px;
    opacity: 0;
    background-color: var(--main-color);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.testimonial-section .owl-dots .owl-dot.active span:after,
.testimonial-section .owl-dots .owl-dot:hover span:after {
    opacity: 1
}

.testimonial-section .owl-dots .owl-dot span:before {
    position: relative;
    content: "0" counter(slides-num) ""
}

.testimonial-section .owl-dots .owl-dot.active span,
.testimonial-section .owl-dots .owl-dot:hover span {
    color: var(--main-color);
    opacity: 1
}

.testimonial-section .owl-carousel .owl-stage-outer {
    padding-bottom: var(--padding-bottom-25)
}

.testimonial-section .vector-icon-one {
    position: absolute;
    left: 0;
    top: -120px;
    width: 226px;
    height: 298px;
    background-repeat: no-repeat
}

.testimonial-section .vector-icon-two {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 173px;
    height: 288px;
    background-repeat: no-repeat
}

.testimonial-section .icon-one {
    position: absolute;
    left: 8%;
    top: 15%;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: var(--main-color)
}

.testimonial-section .icon-two {
    position: absolute;
    right: 8%;
    top: 18%;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 2px solid var(--main-color)
}

.testimonial-section .icon-three {
    position: absolute;
    right: 15%;
    bottom: 18%;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: var(--main-color)
}

.testimonial-section .auto-container {
    max-width: 1250px
}

.testimonial-section .inner-container {
    position: relative;
    padding-bottom: var(--padding-bottom-80);
    border-bottom: 1px solid rgba(var(--black-color-rgb), .1)
}

.testimonial-section.style-two .inner-container {
    border-bottom: none;
    padding-bottom: var(--padding-bottom-40)
}

.testimonial-block {
    position: relative
}

.testimonial-block .inner-box {
    position: relative
}

.testimonial-block .quote-icon {
    position: absolute;
    right: 40px;
    top: 0;
    opacity: .1;
    line-height: 1em;
    font-size: var(--font-50);
    font-family: Flaticon
}

.testimonial-block .image-column {
    position: relative
}

.testimonial-block .image-column .inner-column {
    position: relative;
    padding-left: var(--padding-left-65);
    padding-top: var(--padding-top-40)
}

.testimonial-block .image-column .image {
    position: relative;
    width: 280px;
    height: 280px
}

.testimonial-block .image-column .image img {
    position: relative;
    overflow: hidden;
    border-radius: 50%
}

.testimonial-block .circle-layer {
    position: absolute;
    left: 0;
    top: 50px;
    width: 240px;
    height: 240px;
    background-repeat: no-repeat
}

.testimonial-block .pattern-layer {
    position: absolute;
    right: 22px;
    top: 120px;
    width: 90px;
    height: 80px;
    background-repeat: no-repeat
}

.testimonial-block .social-box {
    position: absolute;
    left: 50px;
    right: 50px;
    bottom: 0;
    padding: 12px 0;
    text-align: center
}

.testimonial-block .social-box:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    -webkit-transform: skewX(-10deg);
    transform: skewX(-10deg);
    background-color: var(--white-color);
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    box-shadow: 0 0 15px rgba(0, 0, 0, .1)
}

.testimonial-block .social-box li {
    position: relative;
    margin: 0 7px;
    display: inline-block
}

.testimonial-block .social-box li a {
    position: relative;
    color: var(--color-ten);
    font-size: var(--font-18)
}

.testimonial-block .content-column {
    position: relative
}

.testimonial-block .content-column .inner-column {
    position: relative
}

.testimonial-block h3 {
    color: var(--color-ten)
}

.testimonial-block .text {
    line-height: 40px;
    color: var(--black-color);
    font-size: var(--font-20);
    margin-top: var(--margin-top-20)
}

.testimonial-block .author-info {
    position: relative;
    color: var(--color-twelve);
    font-size: var(--font-13);
    margin-top: var(--margin-top-20)
}

.testimonial-block .author-info span {
    position: relative;
    font-size: var(--font-16);
    padding-right: var(--padding-right-35)
}

.testimonial-block .author-info span:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    z-index: -1;
    background: url(images/icons/vector-4.png) no-repeat
}

.testimonial-block .author-info span:after {
    position: absolute;
    content: "";
    right: 7px;
    top: 11px;
    width: 20px;
    height: 1px;
    opacity: .1;
    background-color: var(--black-color)
}

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

.faq-section .color-one {
    position: absolute;
    left: 10%;
    top: 15%;
    width: 8px;
    height: 8px;
    border-radius: 50px;
    background-color: var(--main-color)
}

.faq-section .color-two {
    position: absolute;
    left: 9%;
    top: 55%;
    width: 8px;
    height: 8px;
    border-radius: 50px;
    background-color: var(--main-color)
}

.faq-section .color-three {
    position: absolute;
    right: 9%;
    top: 55%;
    width: 8px;
    height: 8px;
    border-radius: 50px;
    background-color: var(--main-color)
}

.faq-section .color-four {
    position: absolute;
    right: 10%;
    top: 15%;
    width: 8px;
    height: 8px;
    border-radius: 50px;
    background-color: var(--color-sixteen)
}

.faq-section .vector-layer-one {
    position: absolute;
    left: 10%;
    top: 15%;
    width: 220px;
    height: 261px;
    background-repeat: no-repeat
}

.faq-section .vector-layer-two {
    position: absolute;
    right: 6%;
    bottom: 5%;
    width: 209px;
    height: 254px;
    background-repeat: no-repeat
}

.faq-section .vector-layer-three {
    position: absolute;
    left: 0;
    top: -250px;
    width: 238px;
    height: 536px;
    background-repeat: no-repeat
}

.faq-section .inner-container {
    position: relative;
    max-width: 840px;
    margin: 0 auto
}

.brand-section {
    position: relative
}

.brand-section .outer-container {
    position: relative
}

.brand-section .marque-box {
    position: relative;
    z-index: 1;
    padding: 100px 0;
    -webkit-animation: marquee 32s linear infinite;
    animation: marquee 32s linear infinite
}

.brand-section .marque-box div {
    position: relative
}

.brand-section span {
    position: relative;
    font-weight: 400;
    line-height: 1em;
    padding: 10px 0;
    margin: 0 20px;
    display: inline-block;
    font-size: var(--font-100);
    color: var(--color-fourteen);
    font-family: var(--font-family-Montaga)
}

.brand-section span a {
    position: relative;
    color: rgba(var(--black-color-rgb), .15)
}

.brand-section i {
    position: relative;
    top: -20px
}

.brand-section strong {
    font-weight: 400;
    color: var(--color-seven);
    background: -webkit-gradient(linear, right top, left top, from(var(--color-seven)), to(var(--color-eight)));
    background: linear-gradient(to left, var(--color-seven) 0, var(--color-eight) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.main-slider-two {
    position: relative;
    overflow: hidden
}

.main-slider-two .slide {
    position: relative;
    overflow: hidden;
    padding: 120px 0 240px;
    background-size: cover
}

.main-slider-two .content-column {
    position: relative;
    z-index: 11
}

.main-slider-two .content-column .inner-column {
    position: relative;
    padding-top: var(--padding-top-100)
}

.main-slider-two .title {
    position: relative;
    opacity: 0;
    z-index: 1;
    font-weight: 500;
    padding: 6px 18px;
    font-size: var(--font-14);
    text-transform: capitalize;
    color: var(--white-color);
    -webkit-transform-origin: top;
    transform-origin: top;
    display: inline-block;
    -webkit-transform: translateX(200px);
    transform: translateX(200px);
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    margin-bottom: var(--margin-bottom-25);
    font-family: var(--font-family-Outfit)
}

.main-slider-two .title:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    -webkit-transform: skewX(-10deg);
    transform: skewX(-10deg);
    background-color: var(--color-seventeen)
}

.main-slider-two .active .title {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.main-slider-two h1 {
    opacity: 0;
    color: var(--black-color);
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transform: translateX(200px);
    transform: translateX(200px);
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    margin-bottom: var(--margin-bottom-25)
}

.main-slider-two h1 span {
    position: relative;
    color: var(--color-seven);
    background: -webkit-gradient(linear, right top, left top, from(var(--color-seven)), to(var(--color-eight)));
    background: linear-gradient(to left, var(--color-seven) 0, var(--color-eight) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.main-slider-two h1 span:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 10px;
    height: 5px;
    z-index: -1;
    background: url(images/icons/vector-16.png) center bottom no-repeat
}

.main-slider-two .active h1 {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition-delay: .8s;
    transition-delay: .8s
}

.main-slider-two .text {
    opacity: 0;
    color: var(--color-nineteen);
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transform: translateX(200px);
    transform: translateX(200px);
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    margin-bottom: var(--margin-bottom-35)
}

.main-slider-two .active .text {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s
}

.main-slider-two .options-box {
    opacity: 0;
    -webkit-transform: translateX(200px);
    transform: translateX(200px);
    -webkit-transform-origin: top;
    transform-origin: top;
    display: inline-block;
    -webkit-transition: all .9s ease;
    transition: all .9s ease
}

.main-slider-two .active .options-box {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition-delay: 1.6s;
    transition-delay: 1.6s
}

.main-slider-two .button-box .theme-btn {
    display: block;
    margin-right: var(--margin-right-25)
}

.main-slider-two .image {
    position: absolute;
    right: 1px;
    top: 0;
    z-index: 2;
    -webkit-transition: all 1s ease;
    transition: all 1s ease
}

.main-slider-two .icons-outer {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.main-slider-two .icons-outer .icon-one {
    position: absolute !important;
    left: 1% !important;
    top: 20% !important;
    width: 22px;
    height: 20px;
    background-repeat: no-repeat
}

.main-slider-two .icons-outer .icon-two {
    position: absolute !important;
    left: 6% !important;
    top: 50% !important;
    width: 12px;
    height: 12px;
    background-repeat: no-repeat
}

.main-slider-two .icons-outer .icon-three {
    position: absolute !important;
    left: 49% !important;
    top: 22% !important;
    width: 84px;
    height: 78px;
    background-repeat: no-repeat
}

.main-slider-two .icons-outer .icon-four {
    position: absolute !important;
    left: 55% !important;
    top: 70% !important;
    width: 22px;
    height: 21px;
    background-repeat: no-repeat
}

.main-slider-two .pattern-layer {
    position: absolute;
    left: 0;
    bottom: -300px;
    width: 256px;
    height: 694px;
    background-repeat: no-repeat
}

.main-slider-two .play-box {
    position: relative;
    width: 60px;
    height: 60px;
    line-height: 58px;
    text-align: center;
    border-radius: 50px;
    display: inline-block;
    font-size: var(--font-20);
    color: var(--black-color);
    border: 1px solid var(--black-color)
}

.main-slider-two .play-box .ripple {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    border-radius: 50px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, .2);
    -ms-box-shadow: 0 0 0 0 rgba(0, 0, 0, .2);
    -o-box-shadow: 0 0 0 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .2);
    -webkit-animation: ripple 3s infinite;
    animation: ripple 3s infinite
}

.main-slider-two .play-box .ripple:after,
.main-slider-two .play-box .ripple:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    border-radius: 50px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, .2);
    -ms-box-shadow: 0 0 0 0 rgba(0, 0, 0, .2);
    -o-box-shadow: 0 0 0 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .2);
    -webkit-animation: ripple 3s infinite;
    animation: ripple 3s infinite
}

.main-slider-two .play-box .ripple:before {
    -webkit-animation-delay: .9s;
    animation-delay: .9s;
    content: "";
    position: absolute
}

.main-slider-two .play-box .ripple:after {
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
    content: "";
    position: absolute
}

.main-slider-two .play-box:hover {
    color: var(--white-color);
    border-color: var(--color-seven);
    background-color: var(--color-seven)
}

.main-slider-two .owl-dots,
.main-slider-two .owl-nav {
    display: none
}

.main-slider-two .scroll-box {
    position: absolute;
    left: 50%;
    z-index: 10;
    bottom: 140px;
    cursor: pointer;
    line-height: 1em;
    margin-left: -25px;
    font-size: var(--font-50);
    font-family: Flaticon;
    color: var(--color-seven);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    background: -webkit-gradient(linear, right top, left top, from(var(--color-seven)), to(var(--color-eight)));
    background: linear-gradient(to left, var(--color-seven) 0, var(--color-eight) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: icon-bounce .8s ease-out infinite;
    animation: icon-bounce .8s ease-out infinite
}

.main-slider-two .scroll-box:hover {
    color: var(--main-color)
}

.sponsors-section {
    position: relative;
    margin-top: -80px;
    padding: 0 0 80px
}

.sponsors-section .vector-icon-one {
    position: absolute;
    left: 0;
    top: 0;
    width: 162px;
    height: 373px;
    background-repeat: no-repeat
}

.sponsors-section .vector-icon-two {
    position: absolute;
    right: 5%;
    top: 100px;
    width: 21px;
    height: 21px
}

.sponsors-section .inner-container {
    position: relative
}

.sponsors-section .sponsors-outer {
    position: relative
}

.sponsors-section .sponsors-outer .owl-dots,
.sponsors-section .sponsors-outer .owl-nav {
    position: relative;
    display: none
}

.sponsors-section .sponsors-outer .image-box {
    position: relative;
    text-align: center;
    margin: var(--margin-zero)
}

.sponsors-section .sponsors-outer .image-box img {
    max-width: 100%;
    width: auto;
    display: inline-block;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.sponsors-section .sponsors-outer .image-box img:hover {
    opacity: .8;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.services-section-three {
    position: relative;
    padding: 30px 0 70px
}

.services-section-three .color-one {
    position: absolute;
    left: 10%;
    bottom: 25%;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: var(--color-twenty)
}

.service-block-three {
    position: relative;
    margin-bottom: var(--margin-bottom-30)
}

.service-block-three .inner-box {
    position: relative;
    text-align: center
}

.service-block-three .arrow {
    position: absolute;
    right: -30px;
    top: 90px;
    width: 33px;
    height: 50px;
    z-index: 1;
    line-height: 48px;
    font-family: flaticon;
    font-size: var(--font-12);
    color: var(--color-twentyone)
}

.service-block-three .arrow:after {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    z-index: -1;
    width: 33px;
    height: 50px;
    border-radius: 50px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    border: 1px solid rgba(var(--black-color-rgb), .1)
}

.service-block-three:last-child .inner-box:before {
    display: none
}

.service-block-three .inner-box:hover .arrow {
    color: var(--white-color)
}

.service-block-three .inner-box:hover .arrow:after {
    border-color: var(--main-color);
    background-color: var(--main-color)
}

.service-block-three:last-child .arrow {
    display: none
}

.service-block-three .icon-box {
    position: relative;
    width: 70px;
    height: 67px;
    margin: 0 auto
}

.service-block-three .icon-box:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 70px;
    height: 67px;
    display: inline-block;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    background: url(images/icons/vector-22.png) no-repeat
}

.service-block-three .icon {
    position: relative;
    line-height: 67px;
    display: inline-block;
    font-family: Flaticon;
    font-size: var(--font-24);
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    color: var(--color-twentyone)
}

.service-block-three .inner-box:hover .icon {
    -webkit-transform: scale(-1) rotate(180deg);
    transform: scale(-1) rotate(180deg)
}

.service-block-three h5 {
    font-weight: 500;
    margin-top: var(--margin-top-30)
}

.service-block-three h5 a {
    color: var(--color-ten)
}

.service-block-three h5 a:hover {
    color: var(--color-seven)
}

.service-block-three .text {
    margin-top: var(--margin-top-20)
}

.business-section-two {
    position: relative;
    padding: 40px 0 50px
}

.business-section-two .pattern-layer {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-position: center center;
    background-repeat: no-repeat
}

.business-section-two .small-circle-layer {
    position: absolute;
    left: 12%;
    bottom: 5%;
    width: 10px;
    height: 10px;
    opacity: .5;
    border-radius: 50%;
    background-color: var(--color-seven)
}

.business-section-two .vector-layer-one {
    position: absolute;
    left: 11%;
    top: 15%;
    width: 18px;
    height: 17px;
    background-repeat: no-repeat
}

.business-section-two .vector-layer-two {
    position: absolute;
    right: 5%;
    top: 5%;
    width: 30px;
    height: 27px;
    background-repeat: no-repeat
}

.business-section-two .vector-layer-three {
    position: absolute;
    right: 0;
    bottom: -180px;
    width: 410px;
    height: 654px;
    background-repeat: no-repeat
}

.business-section-two .images-column {
    position: relative;
    margin-bottom: var(--margin-bottom-30)
}

.business-section-two .images-column .inner-column {
    position: relative
}

.business-section-two .images-column .shadow-one {
    position: absolute;
    right: 0;
    bottom: -120px;
    width: 297px;
    height: 296px;
    background-repeat: no-repeat
}

.business-section-two .images-column .shadow-two {
    position: absolute;
    left: -120px;
    bottom: 60px;
    width: 285px;
    height: 288px;
    background-repeat: no-repeat
}

.business-section-two .image {
    position: relative
}

.business-section-two .image-two {
    position: absolute !important;
    left: auto !important;
    right: 80px !important;
    top: -80px !important
}

.business-section-two .image-three {
    position: absolute !important;
    left: auto !important;
    top: auto !important;
    right: 150px !important;
    bottom: 20px !important
}

.business-section-two .image-four {
    position: relative !important;
    margin-left: var(--margin-left-60);
    margin-top: var(--margin-top-70)
}

.business-section-two .images-outer {
    position: relative
}

.business-section-two .circle-layer {
    position: absolute;
    left: 0;
    top: 90px;
    right: 40px;
    bottom: 0;
    background-position: center center;
    background-repeat: no-repeat
}

.business-section-two .content-column {
    position: relative;
    margin-bottom: var(--margin-bottom-30)
}

.business-section-two .content-column .inner-column {
    position: relative;
    padding-left: var(--padding-left-120)
}

.business-section-two .options-list {
    position: relative;
    margin-top: var(--margin-top-30)
}

.business-section-two .options-list li {
    position: relative;
    color: var(--color-twelve);
    font-size: var(--font-15);
    padding-left: var(--padding-left-30);
    margin-bottom: var(--margin-bottom-15)
}

.business-section-two .options-list li:before {
    position: absolute;
    content: "\f1a3";
    left: 0;
    font-weight: 800;
    color: var(--main-color);
    font-family: Flaticon
}

.business-section-two .author-info {
    position: relative;
    color: var(--color-twelve);
    font-size: var(--font-13);
    margin-top: var(--margin-top-30);
    padding-top: var(--padding-top-20);
    border-top: 1px solid rgba(var(--black-color-rgb), .06)
}

.business-section-two .author-info span {
    position: relative;
    font-size: var(--font-16);
    padding-right: var(--padding-right-35)
}

.business-section-two .author-info span:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    z-index: -1;
    background: url(images/icons/vector-4.png) no-repeat
}

.business-section-two .author-info span:after {
    position: absolute;
    content: "";
    right: 7px;
    top: 11px;
    width: 20px;
    height: 1px;
    opacity: .1;
    background-color: var(--black-color)
}

.business-section-two.style-two {
    padding: 110px 0 70px
}

.brand-section-two {
    position: relative
}

.brand-section-two .outer-container {
    position: relative
}

.brand-section-two .marque-box {
    position: relative;
    z-index: 1;
    padding: 100px 0;
    -webkit-animation: marquee 32s linear infinite;
    animation: marquee 32s linear infinite
}

.brand-section-two .marque-box div {
    position: relative
}

.brand-section-two span {
    position: relative;
    font-weight: 400;
    line-height: 1em;
    padding: 10px 0;
    margin: 0 20px;
    display: inline-block;
    font-size: var(--font-120);
    color: var(--black-color)
}

.brand-section-two span a {
    position: relative;
    color: var(--black-color)
}

.brand-section-two i {
    position: relative;
    top: -20px
}

.brand-section-two strong {
    font-weight: 400;
    color: var(--color-seven);
    background: -webkit-gradient(linear, right top, left top, from(var(--color-seven)), to(var(--color-eight)));
    background: linear-gradient(to left, var(--color-seven) 0, var(--color-eight) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.brand-section-two.style-two span a {
    opacity: .1
}

.brand-section-two.style-two strong {
    color: var(--black-color);
    background: 0 0;
    -webkit-text-fill-color: inherit
}

.services-section-four {
    position: relative;
    padding: 70px 0 100px
}

.services-section-four .color-one {
    position: absolute;
    left: 5%;
    top: 10%;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: var(--color-thirteen)
}

.services-section-four .color-two {
    position: absolute;
    left: 7%;
    top: 48%;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--main-color)
}

.services-section-four .owl-dots {
    display: none
}

.services-section-four .owl-nav {
    position: absolute;
    left: -50px;
    top: 50%;
    right: -50px;
    margin-top: -22px
}

.services-section-four .owl-nav .owl-prev {
    position: absolute;
    left: 0;
    width: 46px;
    height: 45px;
    font-weight: 600;
    line-height: 46px;
    text-align: center;
    font-size: var(--font-18);
    font-family: Flaticon;
    color: var(--color-seven);
    border-radius: 50px 0 50px 50px;
    background-color: var(--white-color);
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    box-shadow: 0 0 15px rgba(0, 0, 0, .1)
}

.services-section-four .owl-nav .owl-next {
    position: absolute;
    right: 0;
    width: 46px;
    height: 45px;
    font-weight: 600;
    line-height: 46px;
    text-align: center;
    font-size: var(--font-18);
    font-family: Flaticon;
    color: var(--color-seven);
    border-radius: 50px 0 50px 50px;
    background-color: var(--white-color);
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    font-family: Flaticon
}

.services-section-four .owl-nav .owl-next:hover,
.services-section-four .owl-nav .owl-prev:hover {
    color: var(--white-color);
    background: -webkit-gradient(linear, left top, right top, from(var(--color-seven)), to(var(--color-eight)));
    background: linear-gradient(to right, var(--color-seven) 0, var(--color-eight) 100%)
}

.services-section-four .inner-container {
    position: relative
}

.services-section-four .inner-container:before {
    position: absolute;
    content: "";
    top: 0;
    width: 1px;
    bottom: 0;
    left: 33.333%;
    opacity: .05;
    background-color: var(--black-color)
}

.services-section-four .inner-container:after {
    position: absolute;
    content: "";
    top: 0;
    width: 1px;
    bottom: 0;
    right: 33.333%;
    opacity: .05;
    background-color: var(--black-color)
}

.service-block-four {
    position: relative;
    margin-bottom: var(--margin-bottom-30)
}

.service-block-four .inner-box {
    position: relative;
    text-align: center
}

.service-block-four .image {
    position: relative
}

.service-block-four .image img {
    position: relative;
    width: auto;
    margin: 0 auto
}

.service-block-four .lower-content {
    position: relative
}

.service-block-four h4 {
    font-weight: 500;
    display: inline-block;
    margin-top: var(--margin-top-15)
}

.service-block-four h4:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 2px;
    height: 4px;
    z-index: -1;
    background: url(images/icons/vector-25.png) center center no-repeat
}

.service-block-four h4 a {
    position: relative;
    color: var(--color-ten)
}

.service-block-four h4 a:hover {
    color: var(--main-color)
}

.service-block-four .text {
    position: relative;
    padding: 0 50px;
    margin-top: var(--margin-top-15)
}

.faq-section-two {
    position: relative;
    padding: 0 0 70px
}

.faq-section-two .small-circle {
    position: absolute;
    left: 8%;
    top: 22%;
    width: 12px;
    height: 12px;
    opacity: .4;
    border-radius: 50px;
    display: inline-block;
    border: 3px solid var(--main-color)
}

.faq-section-two .vector-layer-one {
    position: absolute;
    right: 0;
    bottom: -100px;
    width: 566px;
    height: 790px;
    background-repeat: no-repeat
}

.faq-section-two .vector-layer-two {
    position: absolute;
    left: 0;
    top: 110px;
    width: 238px;
    height: 536px;
    background-repeat: no-repeat
}

.faq-section-two .content-column {
    position: relative;
    margin-bottom: var(--margin-bottom-30)
}

.faq-section-two .content-column .inner-column {
    position: relative
}

.faq-section-two .accordion-outer {
    position: relative;
    z-index: 1;
    padding: 60px 60px;
    border-radius: 5px;
    margin-right: -400px;
    background-color: var(--white-color);
    border: 1px solid rgba(var(--black-color-rgb), .06)
}

.faq-section-two .image-column {
    position: relative;
    margin-bottom: var(--margin-bottom-30)
}

.faq-section-two .image-column .inner-column {
    position: relative
}

.faq-section-two .image {
    position: relative;
    border-radius: 15px;
    overflow: hidden
}

.faq-section-two .image img {
    position: relative;
    width: 100%;
    display: block
}

.project-section-two {
    position: relative;
    padding: 0 0 40px
}

.project-section-two .title-box {
    position: relative;
    margin-bottom: var(--margin-bottom-40)
}

.project-section-two .title-box h3 {
    font-weight: 500;
    color: var(--black-color)
}

.project-section-two .title-box .play-box {
    position: relative;
    font-weight: 500;
    font-size: var(--font-16);
    color: var(--black-color)
}

.project-section-two .title-box .play {
    position: relative;
    width: 60px;
    height: 60px;
    line-height: 58px;
    text-align: center;
    border-radius: 50px;
    display: inline-block;
    font-size: var(--font-20);
    color: var(--black-color);
    margin-right: var(--margin-right-25);
    border: 1px solid var(--black-color)
}

.project-section-two .title-box .play .ripple {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    border-radius: 50px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
    -o-box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
    -webkit-animation: ripple 3s infinite;
    animation: ripple 3s infinite
}

.project-section-two .title-box .play .ripple:after,
.project-section-two .title-box .play .ripple:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    border-radius: 50px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
    -o-box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
    -webkit-animation: ripple 3s infinite;
    animation: ripple 3s infinite
}

.project-section-two .title-box .play .ripple:before {
    -webkit-animation-delay: .9s;
    animation-delay: .9s;
    content: "";
    position: absolute
}

.project-section-two .title-box .play .ripple:after {
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
    content: "";
    position: absolute
}

.project-section-two .title-box .play:hover {
    color: var(--white-color);
    border-color: var(--color-seven);
    background-color: var(--color-seven)
}

.project-section-two .title-box .counter {
    position: relative;
    font-weight: 700;
    left: -15px;
    letter-spacing: 10px;
    font-size: var(--font-95);
    color: var(--color-seven)
}

.project-section-two .title-box .odometer-digit:first-child {
    left: 12px
}

.project-section-two .filter-tabs {
    position: relative;
    margin-bottom: var(--margin-bottom-30)
}

.project-section-two .filter-tabs li {
    position: relative;
    font-weight: 500;
    cursor: pointer;
    display: inline-block;
    margin: 0 35px 15px;
    font-size: var(--font-18)
}

.project-section-two .filter-tabs li.active,
.project-section-two .filter-tabs li:hover {
    color: var(--main-color)
}

.project-section-two .project-block {
    position: relative;
    min-width: 475px;
    margin: 0 15px 30px
}

.project_slide {
    -webkit-animation: marquee 32s linear infinite;
    animation: marquee 32s linear infinite
}

.project_slide2 {
    -webkit-animation: marquee2 32s linear infinite;
    animation: marquee2 32s linear infinite
}

.project-section-two .lower-box {
    position: relative;
    max-width: 1400px;
    margin: 0 auto;
    padding: 38px 70px;
    border-radius: 100px;
    margin-top: var(--margin-top-30);
    border: 1px solid rgba(var(--black-color-rgb), .1)
}

.project-section-two .lower-box .info-box {
    position: relative
}

.project-section-two .lower-box .info-box:before {
    position: absolute;
    content: "";
    left: 115%;
    top: 30px;
    height: 2px;
    width: 220px;
    background-color: var(--black-color)
}

.project-section-two .lower-box .info-box:last-child::before {
    display: none
}

.project-section-two .lower-box .title {
    position: relative;
    font-weight: 500;
    font-size: var(--font-16);
    color: var(--color-nine);
    font-family: var(--font-family-Quicksand)
}

.project-section-two .lower-box h5 {
    font-weight: 500;
    color: var(--color-ten);
    margin-top: var(--margin-top-10)
}

.project-section-two .lower-box .play-box {
    position: relative;
    width: 60px;
    height: 60px;
    line-height: 58px;
    text-align: center;
    border-radius: 50px;
    display: inline-block;
    font-size: var(--font-20);
    color: var(--black-color);
    margin-right: var(--margin-right-30);
    border: 1px solid var(--black-color)
}

.project-section-two .lower-box .play-box .ripple {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    border-radius: 50px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
    -o-box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
    -webkit-animation: ripple 3s infinite;
    animation: ripple 3s infinite
}

.project-section-two .lower-box .play-box .ripple:after,
.project-section-two .lower-box .play-box .ripple:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    border-radius: 50px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
    -o-box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
    -webkit-animation: ripple 3s infinite;
    animation: ripple 3s infinite
}

.project-section-two .lower-box .play-box .ripple:before {
    -webkit-animation-delay: .9s;
    animation-delay: .9s;
    content: "";
    position: absolute
}

.project-section-two .lower-box .play-box .ripple:after {
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
    content: "";
    position: absolute
}

.project-section-two .lower-box .play-box:hover {
    color: var(--white-color);
    border-color: var(--color-seven);
    background-color: var(--color-seven)
}

.price-section {
    position: relative;
    padding: 80px 0 70px
}

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

.price-section .pattern-layer {
    position: absolute;
    left: 0;
    bottom: -450px;
    width: 701px;
    height: 1026px;
    background-repeat: no-repeat
}

.price-section .title-column {
    position: relative;
    margin-bottom: var(--margin-bottom-30)
}

.price-section .title-column .inner-column {
    position: relative
}

.price-section .title-column .text {
    max-width: 430px;
    color: var(--black-color);
    margin-bottom: var(--margin-bottom-35)
}

.price-section .play-box {
    position: relative;
    font-weight: 500;
    font-size: var(--font-16);
    color: var(--black-color)
}

.price-section .play {
    position: relative;
    width: 60px;
    height: 60px;
    line-height: 58px;
    text-align: center;
    border-radius: 50px;
    display: inline-block;
    font-size: var(--font-20);
    color: var(--black-color);
    margin-right: var(--margin-right-25);
    border: 1px solid var(--black-color)
}

.price-section .play .ripple {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    border-radius: 50px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
    -o-box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
    -webkit-animation: ripple 3s infinite;
    animation: ripple 3s infinite
}

.price-section .play .ripple:after,
.price-section .play .ripple:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    border-radius: 50px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
    -o-box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
    -webkit-animation: ripple 3s infinite;
    animation: ripple 3s infinite
}

.price-section .play .ripple:before {
    -webkit-animation-delay: .9s;
    animation-delay: .9s;
    content: "";
    position: absolute
}

.price-section .play .ripple:after {
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
    content: "";
    position: absolute
}

.price-section .play:hover {
    color: var(--white-color);
    border-color: var(--color-seven);
    background-color: var(--color-seven)
}

.price-section .counter {
    position: relative;
    font-weight: 700;
    left: -15px;
    margin-top: -25px;
    letter-spacing: 10px;
    font-size: var(--font-95);
    color: var(--color-seven)
}

.price-section .odometer-digit:first-child {
    left: 12px
}

.price-section .counter i {
    font-style: normal;
    font-weight: 400;
    margin-left: -20px;
    letter-spacing: 1px;
    font-size: var(--font-16);
    color: var(--color-twentytwo)
}

.price-section .pricing-column {
    position: relative;
    margin-bottom: var(--margin-bottom-30)
}

.price-section .pricing-column .inner-column {
    position: relative
}

.price-section .pricing-column .text {
    max-width: 430px;
    color: var(--black-color);
    margin-bottom: var(--margin-bottom-35)
}

.pricing-tabs {
    position: relative;
    z-index: 2
}

.pricing-tabs .tabs-content .tab {
    position: relative;
    display: none
}

.pricing-tabs .tabs-content .tab.active-tab {
    display: block
}

.pricing-tabs .buttons-outer {
    text-align: right;
    margin-top: -120px;
    margin-bottom: var(--margin-bottom-80)
}

.pricing-tabs .tab-buttons {
    position: relative;
    overflow: hidden;
    padding: 10px 10px;
    text-align: center;
    border-radius: 50px;
    display: inline-block;
    background-color: var(--color-twentythree);
    border: 1px solid rgba(var(--black-color-rgb), .15)
}

.pricing-tabs .tab-buttons .tab-btn {
    position: relative;
    font-weight: 600;
    float: left;
    cursor: pointer;
    padding: 10px 24px;
    border-radius: 50px;
    color: var(--black-color);
    font-size: var(--font-18);
    text-transform: uppercase;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.pricing-tabs .tab-buttons .tab-btn:first-child {
    margin-right: 1px
}

.pricing-tabs .tab-buttons .tab-btn.active-btn,
.pricing-tabs .tab-buttons .tab-btn:hover {
    color: var(--white-color);
    background: var(--color-seven);
    background: -webkit-gradient(linear, left top, right top, from(var(--color-seven)), to(var(--color-eight)));
    background: linear-gradient(to right, var(--color-seven) 0, var(--color-eight) 100%)
}

.pricing-tabs .tabs-content .tab .price-block {
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg)
}

.pricing-tabs .tabs-content .tab.active-tab .price-block {
    -webkit-transform: rotateY(0);
    transform: rotateY(0)
}

.price-block {
    position: relative;
    margin-bottom: var(--margin-bottom-30);
    -webkit-transition: all .6s ease;
    transition: all .6s ease
}

.price-block .inner-box {
    position: relative;
    padding: 40px 35px;
    border-radius: 10px;
    background-color: var(--color-twentythree)
}

.price-block .icon-box {
    position: absolute;
    right: 40px;
    top: 40px
}

.price-block .price-title {
    position: relative;
    font-weight: 600;
    font-size: var(--font-28);
    text-transform: uppercase;
    font-family: var(--font-family-Hind)
}

.price-block .price {
    position: relative;
    font-weight: 600;
    line-height: 1em;
    font-size: var(--font-58);
    color: var(--black-color);
    margin-top: var(--margin-top-20)
}

.price-block .price span {
    position: relative;
    font-weight: 500;
    font-size: var(--font-22);
    color: var(--color-twentyfour);
    font-family: var(--font-family-Inter)
}

.price-block .sub-title {
    position: relative;
    font-weight: 400;
    font-size: var(--font-16);
    color: var(--black-color);
    margin-top: var(--margin-top-10);
    font-family: var(--font-family-Inter)
}

.price-block .price-list {
    position: relative;
    margin-top: var(--margin-top-30)
}

.price-block .price-list li {
    position: relative;
    font-size: var(--font-18);
    color: var(--color-twentyfive);
    padding-left: var(--padding-left-30);
    margin-bottom: var(--margin-bottom-25)
}

.price-block .price-list li:before {
    position: absolute;
    content: "\f183";
    left: 0;
    top: 0;
    font-family: flaticon;
    font-size: var(--font-16);
    color: var(--color-twentysix)
}

.price-block .price-list li.cancel:before {
    content: "\f197";
    font-size: var(--font-14);
    color: var(--color-twentyseven)
}

.price-block .price-list li:last-child {
    margin-bottom: var(--margin-zero)
}

.price-block .button-box {
    position: relative;
    margin-top: var(--margin-top-35)
}

.price-block .start-btn {
    position: relative;
    width: 100%;
    z-index: 1;
    display: block;
    font-weight: 500;
    padding: 16px 15px;
    text-align: center;
    border-radius: 3px;
    letter-spacing: 1px;
    font-size: var(--font-18);
    color: var(--white-color);
    text-transform: capitalize;
    background-color: var(--black-color)
}

.price-block .start-btn:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    opacity: 0;
    border-radius: 3px;
    -webkit-transform: scale(1, .3);
    transform: scale(1, .3);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    background: var(--color-seven);
    background: -webkit-gradient(linear, left top, right top, from(var(--color-seven)), to(var(--color-eight)));
    background: linear-gradient(to right, var(--color-seven) 0, var(--color-eight) 100%)
}

.price-block .start-btn:hover::before {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1)
}

.price-block .credit {
    position: relative;
    text-align: center;
    font-weight: 400;
    font-size: var(--font-16);
    color: var(--color-twentyeight);
    margin-top: var(--margin-top-25);
    font-family: var(--font-family-Inter)
}

.cta-section {
    position: relative;
    z-index: 1
}

.cta-section .inner-container {
    position: relative;
    border-radius: 6px;
    text-align: center;
    padding: 60px 15px 0
}

.cta-section .inner-container:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    right: 0;
    bottom: 32px;
    border-radius: 6px;
    background: var(--color-seven);
    background: -webkit-gradient(linear, left top, right top, from(var(--color-seven)), to(var(--color-eight)));
    background: linear-gradient(to right, var(--color-seven) 0, var(--color-eight) 100%)
}

.cta-section h2 {
    z-index: 1;
    font-weight: 600;
    font-size: var(--font-42);
    color: var(--white-color)
}

.cta-section h2 span {
    position: relative
}

.cta-section h2 span:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 5px;
    height: 4px;
    z-index: -1;
    background: url(images/icons/vector-25.png) center center no-repeat
}

.cta-section .text {
    font-weight: 500;
    font-size: var(--font-20);
    color: var(--black-color);
    margin-top: var(--margin-top-15)
}

.cta-section .counter-boxed {
    position: relative;
    max-width: 500px;
    margin: 0 auto;
    text-align: left;
    margin-top: var(--margin-top-30)
}

.cta-section .counter-boxed .counter {
    position: relative;
    font-weight: 600;
    letter-spacing: 2px;
    font-size: var(--font-24);
    color: var(--white-color)
}

.cta-section .counter-boxed .counter .odometer {
    top: -2px
}

.cta-section .counter-boxed .counter-text {
    position: relative;
    font-weight: 400;
    font-size: var(--font-16);
    color: var(--white-color);
    margin-top: var(--margin-top-5);
    font-family: var(--font-family-Inter)
}

.cta-section .counter-boxed .counter:before {
    position: absolute;
    content: "";
    right: 5px;
    top: 15px;
    width: 1px;
    height: 25px;
    opacity: .3;
    background-color: var(--white-color)
}

.cta-section .counter-boxed .counter-block:last-child .counter::before {
    display: none
}

.cta-section .button-box {
    position: relative;
    margin-top: var(--margin-top-40)
}

.cta-section .start-btn {
    position: relative;
    padding: 20px 30px;
    font-weight: 500;
    border-radius: 50px;
    display: inline-block;
    font-size: var(--font-15);
    color: var(--white-color);
    background-color: var(--black-color);
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.cta-section .start-btn i {
    position: relative;
    top: 3px;
    font-style: normal;
    font-family: Flaticon;
    margin-left: var(--margin-left-10)
}

.cta-section .start-btn:hover {
    background-color: var(--color-eight)
}

.cta-section .icon-one {
    position: absolute;
    left: 15px;
    top: 15px
}

.cta-section .icon-two {
    position: absolute;
    right: 20px;
    bottom: 55px
}

.cta-section.style-two .inner-container {
    padding-bottom: var(--padding-bottom-45)
}

.cta-section.style-two .inner-container:before {
    bottom: 0
}

.cta-section.style-two .counter-boxed {
    max-width: 1200px;
    text-align: center
}

.cta-section.style-two .counter-boxed .counter {
    font-size: var(--font-85)
}

.cta-section.style-two .counter-boxed .counter:before {
    display: none
}

.cta-section.style-two .counter-boxed .counter-text {
    top: -10px;
    font-weight: 500;
    color: var(--black-color);
    margin-top: var(--margin-zero)
}

.cta-section.style-two .counter-boxed .counter .odometer {
    top: -10px
}

.cta-section.style-two .icon-two {
    top: 30px;
    right: 50px;
    bottom: auto
}

.banner-section {
    position: relative;
    padding-top: var(--padding-top-60)
}

.banner-section .auto-container {
    position: relative
}

.banner-section .color-one {
    position: absolute;
    left: 10%;
    top: 35%;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: var(--color-thirtythree)
}

.banner-section .color-two {
    position: absolute;
    left: 3%;
    bottom: 20%;
    width: 12px;
    height: 12px;
    z-index: 11;
    border-radius: 50%;
    background-color: var(--color-thirtyfour)
}

.banner-section .pattern-layer {
    position: absolute;
    right: 10%;
    top: 10%;
    width: 14px;
    height: 13px;
    background-repeat: no-repeat
}

.banner-section .pattern-layer-two {
    position: absolute;
    right: 2%;
    top: 25%;
    width: 66px;
    height: 62px;
    background-repeat: no-repeat
}

.banner-section .pattern-layer-three {
    position: absolute;
    left: -300px;
    z-index: 11;
    bottom: -80px;
    width: 664px;
    height: 589px;
    background-repeat: no-repeat
}

.banner-section .pattern-layer-four {
    position: absolute;
    right: 5%;
    z-index: 11;
    bottom: 25%;
    width: 21px;
    height: 20px;
    background-repeat: no-repeat
}

.banner-section .title-box {
    position: relative
}

.banner-section .title-box .play-box {
    position: relative;
    font-weight: 500;
    font-size: var(--font-16);
    color: var(--black-color)
}

.banner-section .title-box .play {
    position: relative;
    width: 60px;
    height: 60px;
    line-height: 58px;
    text-align: center;
    border-radius: 50px;
    display: inline-block;
    font-size: var(--font-20);
    color: var(--black-color);
    margin-right: var(--margin-right-25);
    border: 1px solid var(--black-color)
}

.banner-section .title-box .play .ripple {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    border-radius: 50px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
    -o-box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
    -webkit-animation: ripple 3s infinite;
    animation: ripple 3s infinite
}

.banner-section .title-box .play .ripple:after,
.banner-section .title-box .play .ripple:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    border-radius: 50px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
    -o-box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
    -webkit-animation: ripple 3s infinite;
    animation: ripple 3s infinite
}

.banner-section .title-box .play .ripple:before {
    -webkit-animation-delay: .9s;
    animation-delay: .9s;
    content: "";
    position: absolute
}

.banner-section .title-box .play .ripple:after {
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
    content: "";
    position: absolute
}

.banner-section .title-box .play:hover {
    color: var(--white-color);
    border-color: var(--color-seven);
    background-color: var(--color-seven)
}

.banner-section .title-box .right-box {
    position: relative;
    max-width: 500px;
    width: 100%
}

.banner-section .title-box .side-text {
    position: absolute;
    right: 0;
    top: 30px;
    font-weight: 500;
    font-size: var(--font-18);
    color: var(--black-color)
}

.banner-section .title-box .skills {
    padding-right: var(--padding-right-180)
}

.skills .skill-item {
    position: relative;
    margin-bottom: var(--margin-bottom-50)
}

.skills .skill-item:last-child {
    margin-bottom: var(--margin-zero)
}

.skills .skill-item .skill-bar {
    position: relative;
    width: 100%;
    height: 10px;
    border-radius: 50px;
    background-color: rgba(var(--black-color-rgb), .05)
}

.skills .skill-item .skill-bar .bar-inner {
    position: relative;
    width: 100%;
    height: 10px
}

.skills.style-two .skill-item .skill-bar .bar-inner {
    background-color: #eee
}

.skills .skill-item .skill-bar .bar-inner .bar {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 10px;
    border-radius: 50px;
    background: var(--color-seven);
    background: -webkit-gradient(linear, left top, right top, from(var(--color-seven)), to(var(--color-eight)));
    background: linear-gradient(to right, var(--color-seven) 0, var(--color-eight) 100%);
    -webkit-transition: all 2s ease;
    transition: all 2s ease
}

.skills .skill-item .skill-header {
    position: relative;
    margin-bottom: 12px
}

.skills .skill-item .skill-header .skill-title {
    float: left;
    color: #222;
    font-weight: 500;
    line-height: 1.4em;
    font-size: var(--font-18);
    text-transform: capitalize
}

.skills .skill-item .skill-percentage {
    position: absolute;
    right: 0;
    top: -35px;
    font-weight: 600;
    display: inline-block;
    font-size: var(--font-18);
    color: var(--black-color)
}

.banner-section .title-box .options-list {
    position: relative;
    margin-top: var(--margin-top-25)
}

.banner-section .title-box .options-list li {
    position: relative;
    color: var(--color-twelve);
    font-size: var(--font-15);
    padding-left: var(--padding-left-30);
    margin-bottom: var(--margin-bottom-10)
}

.banner-section .title-box .options-list li:before {
    position: absolute;
    content: "\f1a3";
    left: 0;
    font-weight: 800;
    color: var(--main-color);
    font-family: Flaticon
}

.banner-section .carousel-box {
    position: relative
}

.banner-section .carousel-box .owl-dots,
.banner-section .carousel-box .owl-nav {
    display: none
}

.banner-section .carousel-box:before {
    position: absolute;
    content: "";
    right: 100%;
    top: 0;
    bottom: -2px;
    width: 200%;
    z-index: 10;
    background-color: var(--white-color)
}

.banner-section .owl-carousel .owl-stage-outer {
    overflow: visible
}

.banner-section .carousel-box .image {
    position: relative;
    overflow: hidden;
    z-index: 99;
    background-color: var(--main-color)
}

.banner-section .carousel-box .image img {
    position: relative;
    width: 100%;
    display: block;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.banner-section .carousel-box .image:hover img {
    opacity: .7;
    -webkit-transform: scale(1.05, 1.05) rotate(2deg);
    transform: scale(1.05, 1.05) rotate(2deg)
}

.banner-section .carousel-box .content {
    position: absolute;
    left: 20px;
    bottom: 20px;
    right: 50px;
    opacity: 0;
    padding: 20px 25px;
    border-radius: 4px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    background-color: var(--white-color);
    -webkit-transform: scale(1, .3);
    transform: scale(1, .3)
}

.banner-section .carousel-box .image:hover .content {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1)
}

.banner-section .carousel-box h6 {
    z-index: 1
}

.banner-section .carousel-box h6 a {
    color: var(--color-ten)
}

.banner-section .carousel-box h6:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 4px;
    height: 5px;
    z-index: -1;
    opacity: 0;
    background: url(images/icons/vector-6.png) no-repeat
}

.banner-section .carousel-box h6:hover::before {
    opacity: 1
}

.banner-section .carousel-box .arrow {
    position: absolute;
    right: 12px;
    top: 13px;
    width: 45px;
    height: 45px;
    line-height: 44px;
    text-align: center;
    font-size: var(--font-20);
    font-family: Flaticon;
    border-radius: 50px 0 50px 50px;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    color: var(--white-color);
    background: -webkit-gradient(linear, right top, left top, from(var(--color-seven)), to(var(--color-eight)));
    background: linear-gradient(to left, var(--color-seven) 0, var(--color-eight) 100%)
}

.banner-section .social-box {
    position: absolute;
    left: 80px;
    top: 65px;
    z-index: 20;
    width: 30px;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.banner-section .social-box li {
    position: relative;
    display: inline-block;
    margin-top: var(--margin-top-20)
}

.banner-section .social-box li a {
    position: relative;
    font-weight: 500;
    letter-spacing: 1px;
    font-size: var(--font-17);
    color: var(--black-color);
    font-family: var(--font-family-Outfit);
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.banner-section .social-box li a:hover {
    color: var(--main-color);
    text-decoration: underline
}

.banner-section .email-box {
    position: absolute;
    left: 80px;
    top: 35%;
    z-index: 20;
    display: inline-block;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg)
}

.banner-section .email-box a {
    position: relative;
    font-weight: 500;
    letter-spacing: 1px;
    font-size: var(--font-17);
    color: var(--black-color);
    font-family: var(--font-family-Outfit);
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.banner-section .email-box a:hover {
    color: var(--main-color)
}

.banner-section .scroll-box {
    position: absolute;
    left: 80px;
    bottom: 35%;
    z-index: 20;
    cursor: pointer;
    font-weight: 500;
    letter-spacing: 1px;
    font-size: var(--font-17);
    color: var(--black-color);
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    padding-top: var(--padding-top-80)
}

.banner-section .scroll-box:before {
    position: absolute;
    content: "";
    left: 11px;
    top: 0;
    width: 1px;
    height: 60px;
    background-color: var(--black-color)
}

.banner-section .scroll-box:after {
    position: absolute;
    content: "";
    left: 7px;
    top: 0;
    width: 9px;
    height: 9px;
    border-radius: 50px;
    display: inline-block;
    background-color: var(--black-color)
}

.banner-section .scroll-box:hover {
    color: var(--main-color)
}

.banner-section .lower-box {
    position: relative
}

.banner-section .lower-box .text {
    position: relative;
    font-size: var(--font-16);
    color: var(--black-color)
}

.banner-section .lower-box .icon-box {
    position: relative;
    margin-left: -90px;
    margin-top: var(--margin-top-80)
}

.banner-section .lower-box .info-box {
    position: relative
}

.banner-section .lower-box .title {
    position: relative;
    font-weight: 500;
    font-size: var(--font-16);
    color: var(--color-nine);
    font-family: var(--font-family-Quicksand)
}

.banner-section .lower-box h5 {
    font-weight: 500;
    color: var(--color-ten);
    margin-top: var(--margin-top-10)
}

.business-section-three {
    position: relative;
    z-index: 12;
    padding: 80px 0 60px
}

.business-section-three .pattern-layer-one {
    position: absolute;
    right: 5%;
    top: 40%;
    width: 21px;
    height: 20px;
    background-repeat: no-repeat
}

.business-section-three .title-column {
    position: relative;
    margin-bottom: var(--margin-bottom-30)
}

.business-section-three .title-column .inner-column {
    position: relative
}

.business-section-three .blocks-column {
    position: relative;
    margin-bottom: var(--margin-bottom-30)
}

.business-section-three .blocks-column .inner-column {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(var(--black-color-rgb), .05)
}

.service-block-five {
    position: relative;
    margin-bottom: var(--margin-bottom-30)
}

.service-block-five .inner-box {
    position: relative;
    text-align: center;
    padding: 50px 20px 10px
}

.service-block-five .inner-box:before {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    width: 1px;
    bottom: -50px;
    opacity: .05;
    background-color: var(--black-color)
}

.service-block-five .arrow {
    position: absolute;
    right: -20px;
    top: 125px;
    width: 33px;
    height: 50px;
    z-index: 1;
    line-height: 48px;
    font-family: flaticon;
    font-size: var(--font-12);
    color: var(--color-twentyone)
}

.service-block-five .arrow:after {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    z-index: -1;
    width: 33px;
    height: 50px;
    border-radius: 50px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    background-color: var(--white-color);
    border: 1px solid rgba(var(--black-color-rgb), .1)
}

.service-block-five:last-child .inner-box:before {
    display: none
}

.service-block-five .inner-box:hover .arrow {
    color: var(--white-color)
}

.service-block-five .inner-box:hover .arrow:after {
    border-color: var(--main-color);
    background-color: var(--main-color)
}

.service-block-five:last-child .arrow {
    display: none
}

.service-block-five .icon-box {
    position: relative;
    width: 64px;
    height: 64px;
    margin: 0 auto;
    line-height: 64px;
    border-radius: 50px;
    font-family: Flaticon;
    font-size: var(--font-24);
    color: var(--white-color);
    background-color: var(--color-thirtyfive)
}

.service-block-five .inner-box:hover .icon {
    -webkit-transform: scale(-1) rotate(180deg);
    transform: scale(-1) rotate(180deg)
}

.service-block-five:nth-child(2) .icon-box {
    background-color: var(--color-thirtysix)
}

.service-block-five:nth-child(3) .icon-box {
    background-color: var(--color-thirtyseven)
}

.service-block-five h5 {
    font-weight: 500;
    margin-top: var(--margin-top-25)
}

.service-block-five h5 a {
    color: var(--color-ten)
}

.service-block-five h5 a:hover {
    color: var(--color-seven)
}

.service-block-five .text {
    margin-top: var(--margin-top-15)
}

.project-section-three {
    position: relative;
    overflow: hidden;
    padding: 0 0 40px
}

.project-section-three .owl-dots,
.project-section-three .owl-nav {
    display: none
}

.project-section-three .owl-carousel .owl-stage-outer {
    overflow: visible
}

.project-section-three .owl-carousel .owl-stage-outer:before {
    position: absolute;
    content: "";
    right: 100%;
    top: 0;
    bottom: 0;
    width: 200%;
    z-index: 10;
    background-color: var(--white-color)
}

.project-section-three .color-two {
    position: absolute;
    left: 30%;
    top: 0;
    width: 12px;
    height: 12px;
    z-index: 11;
    border-radius: 50%;
    background-color: var(--color-thirtyfour)
}

.project-section-three .pattern-layer-one {
    position: absolute;
    left: 15%;
    top: 25px;
    width: 837px;
    height: 790px;
    background-repeat: no-repeat
}

.project-section-three .title-box {
    position: relative;
    margin-bottom: var(--margin-bottom-40)
}

.project-section-three .title-box .play-box {
    position: relative;
    font-weight: 500;
    font-size: var(--font-16);
    color: var(--black-color)
}

.project-section-three .title-box .play {
    position: relative;
    width: 60px;
    height: 60px;
    line-height: 58px;
    text-align: center;
    border-radius: 50px;
    display: inline-block;
    font-size: var(--font-20);
    color: var(--black-color);
    margin-right: var(--margin-right-25);
    border: 1px solid var(--black-color)
}

.project-section-three .title-box .play .ripple {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    border-radius: 50px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
    -o-box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
    -webkit-animation: ripple 3s infinite;
    animation: ripple 3s infinite
}

.project-section-three .title-box .play .ripple:after,
.project-section-three .title-box .play .ripple:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    border-radius: 50px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
    -o-box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
    -webkit-animation: ripple 3s infinite;
    animation: ripple 3s infinite
}

.project-section-three .title-box .play .ripple:before {
    -webkit-animation-delay: .9s;
    animation-delay: .9s;
    content: "";
    position: absolute
}

.project-section-three .title-box .play .ripple:after {
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
    content: "";
    position: absolute
}

.project-section-three .title-box .play:hover {
    color: var(--white-color);
    border-color: var(--color-thirtyeight);
    background-color: var(--color-thirtyeight)
}

.project-block-two {
    position: relative;
    margin-bottom: var(--margin-bottom-30)
}

.project-block-two .inner-box {
    position: relative
}

.project-block-two .image {
    position: relative;
    overflow: hidden;
    background-color: var(--main-color)
}

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

.project-block-two .inner-box:hover .image img {
    opacity: .7;
    -webkit-transform: scale(1.05, 1.05) rotate(2deg);
    transform: scale(1.05, 1.05) rotate(2deg)
}

.project-block-two .post-number {
    position: absolute;
    right: 15px;
    top: 15px;
    width: 55px;
    height: 55px;
    z-index: 1;
    font-weight: 500;
    line-height: 55px;
    text-align: center;
    font-size: var(--font-18)
}

.project-block-two .post-number:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    border-radius: 50px 0 50px 50px;
    background-color: var(--white-color)
}

.project-block-two .content {
    position: absolute;
    left: 20px;
    bottom: 20px;
    right: 50px;
    padding: 20px 25px;
    border-radius: 4px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    background-color: var(--white-color)
}

.project-block-two h6 {
    z-index: 1
}

.project-block-two h6 a {
    color: var(--color-ten)
}

.project-block-two h6:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 4px;
    height: 5px;
    z-index: -1;
    opacity: 0;
    background: url(images/icons/vector-6.png) no-repeat
}

.project-block-two h6:hover::before {
    opacity: 1
}

.project-block-two .arrow {
    position: absolute;
    right: 12px;
    top: 13px;
    width: 45px;
    height: 45px;
    line-height: 44px;
    text-align: center;
    font-size: var(--font-20);
    font-family: Flaticon;
    color: var(--color-ten);
    border-radius: 50px 0 50px 50px;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.project-block-two .inner-box:hover .arrow {
    color: var(--white-color);
    background-color: var(--color-five)
}

.services-section-five {
    position: relative;
    padding: 50px 0 100px
}

.services-section-five .title-box {
    position: relative;
    font-weight: 500;
    line-height: 1.2em;
    text-align: center;
    font-size: var(--font-110);
    margin-bottom: var(--margin-bottom-70);
    font-family: var(--font-family-Poppins)
}

.services-section-five .title-box span {
    color: var(--color-fourteen)
}

.services-section-five .title-box i {
    position: relative;
    font-style: normal;
    font-size: var(--font-122);
    color: var(--color-fourteen);
    font-family: var(--font-family-Montaga)
}

.services-section-five .circle-one {
    position: absolute;
    right: -5%;
    bottom: 12%;
    width: 8px;
    height: 8px;
    opacity: .8;
    border-radius: 50px;
    background-color: var(--main-color)
}

.services-section-five .circle-two {
    position: absolute;
    left: 5%;
    bottom: 46%;
    width: 8px;
    height: 8px;
    border-radius: 50px;
    background-color: var(--color-sixteen)
}

.services-section-five .vector-icon-one {
    position: absolute;
    left: -120px;
    top: -50px;
    width: 285px;
    height: 288px;
    background-repeat: no-repeat
}

.services-section-five .vector-icon-two {
    position: absolute;
    right: -120px;
    top: -50px;
    width: 285px;
    height: 288px;
    background-repeat: no-repeat
}

.service-block-six {
    position: relative;
    margin-bottom: var(--margin-bottom-30)
}

.service-block-six .inner-box {
    position: relative;
    padding-right: var(--padding-right-80)
}

.service-block-six .inner-box:before {
    position: absolute;
    content: "";
    right: 30px;
    top: 0;
    bottom: 0;
    width: 1px;
    opacity: .1;
    background-color: var(--black-color)
}

.service-block-six:last-child .inner-box:before {
    display: none
}

.service-block-six .icon-box {
    position: relative;
    display: inline-block
}

.service-block-six .icon-box:before {
    position: absolute;
    content: "";
    left: 42px;
    top: 30px;
    width: 25px;
    height: 25px;
    border-radius: 50px;
    display: inline-block;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    background-color: var(--color-fifteen)
}

.service-block-six .inner-box:hover .icon-box:before {
    opacity: .4;
    background-color: var(--color-seven)
}

.service-block-six .icon {
    position: relative;
    line-height: 1em;
    display: inline-block;
    color: var(--color-seven);
    font-family: Flaticon;
    font-size: var(--font-54);
    background: -webkit-gradient(linear, right top, left top, from(var(--color-seven)), to(var(--color-eight)));
    background: linear-gradient(to left, var(--color-seven) 0, var(--color-eight) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.service-block-six .inner-box:hover .icon {
    -webkit-transform: scale(-1) rotate(180deg);
    transform: scale(-1) rotate(180deg)
}

.service-block-six h5 {
    font-weight: 500;
    margin-top: var(--margin-top-20)
}

.service-block-six h5 a {
    color: var(--color-ten)
}

.service-block-six h5 a:hover {
    color: var(--color-seven)
}

.service-block-six .text {
    margin-top: var(--margin-top-15)
}

.project-section-four {
    position: relative
}

.project-section-four .pattern-layer-one {
    position: absolute;
    left: 18%;
    top: 0;
    width: 837px;
    height: 790px;
    background-repeat: no-repeat
}

.project-section-four .play-box {
    position: relative;
    font-weight: 500;
    font-size: var(--font-16);
    color: var(--black-color)
}

.project-section-four .play-box .play {
    position: relative;
    width: 60px;
    height: 60px;
    line-height: 58px;
    text-align: center;
    border-radius: 50px;
    display: inline-block;
    font-size: var(--font-20);
    color: var(--black-color);
    margin-right: var(--margin-right-25);
    border: 1px solid var(--black-color)
}

.project-section-four .play-box .play .ripple {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    border-radius: 50px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
    -o-box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
    -webkit-animation: ripple 3s infinite;
    animation: ripple 3s infinite
}

.project-section-four .play-box .play .ripple:after,
.project-section-four .play-box .play .ripple:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    border-radius: 50px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
    -o-box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
    -webkit-animation: ripple 3s infinite;
    animation: ripple 3s infinite
}

.project-section-four .play-box .play .ripple:before {
    -webkit-animation-delay: .9s;
    animation-delay: .9s;
    content: "";
    position: absolute
}

.project-section-four .play-box .play .ripple:after {
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
    content: "";
    position: absolute
}

.project-section-four .play-box .play:hover {
    color: var(--white-color);
    border-color: var(--color-thirtyeight);
    background-color: var(--color-thirtyeight)
}

.project-section-four .filter-btns {
    position: relative;
    text-align: center;
    margin-bottom: var(--margin-bottom-35)
}

.project-section-four .filter-btns li {
    position: relative;
    font-weight: 500;
    cursor: pointer;
    margin: 0 30px 15px;
    display: inline-block;
    font-size: var(--font-16);
    color: var(--black-color)
}

.project-section-four .filter-btns li.active,
.project-section-four .filter-btns li:hover {
    color: var(--main-color)
}

.project-section-four .link-box {
    position: relative
}

.project-section-four .link-box a {
    position: relative;
    font-weight: 500;
    font-size: var(--font-16);
    color: var(--black-color)
}

.project-section-four .link-box a span {
    position: relative;
    top: 3px;
    font-family: Flaticon;
    margin-left: var(--margin-left-5)
}

.project-section-four .link-box a:hover {
    color: var(--main-color)
}

.faq-section-three {
    position: relative;
    padding: 100px 0 60px
}

.faq-section-three .title-column {
    position: relative;
    margin-bottom: var(--margin-bottom-30)
}

.faq-section-three .title-column .inner-column {
    position: relative
}

.faq-section-three .counter {
    position: relative;
    font-weight: 700;
    left: -15px;
    margin-top: -25px;
    letter-spacing: 10px;
    font-size: var(--font-95);
    color: var(--color-seven)
}

.faq-section-three .odometer-digit:first-child {
    left: 12px
}

.faq-section-three .counter i {
    font-style: normal;
    font-weight: 400;
    margin-left: -20px;
    letter-spacing: 1px;
    font-size: var(--font-16);
    color: var(--color-twentytwo)
}

.faq-section-three .title-column .text {
    font-size: var(--font-16);
    color: var(--black-color)
}

.faq-section-three .play-box {
    position: relative;
    font-weight: 500;
    font-size: var(--font-16);
    color: var(--black-color);
    margin-top: var(--margin-top-40)
}

.faq-section-three .play {
    position: relative;
    width: 60px;
    height: 60px;
    line-height: 58px;
    text-align: center;
    border-radius: 50px;
    display: inline-block;
    font-size: var(--font-20);
    color: var(--black-color);
    margin-right: var(--margin-right-25);
    border: 1px solid var(--black-color)
}

.faq-section-three .play .ripple {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    border-radius: 50px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
    -o-box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
    -webkit-animation: ripple 3s infinite;
    animation: ripple 3s infinite
}

.faq-section-three .play .ripple:after,
.faq-section-three .play .ripple:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    border-radius: 50px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
    -o-box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
    -webkit-animation: ripple 3s infinite;
    animation: ripple 3s infinite
}

.faq-section-three .play .ripple:before {
    -webkit-animation-delay: .9s;
    animation-delay: .9s;
    content: "";
    position: absolute
}

.faq-section-three .play .ripple:after {
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
    content: "";
    position: absolute
}

.faq-section-three .play:hover {
    color: var(--white-color);
    border-color: var(--color-seven);
    background-color: var(--color-seven)
}

.faq-section-three .accordian-column {
    position: relative;
    margin-bottom: var(--margin-bottom-30)
}

.faq-section-three .accordian-column .inner-column {
    position: relative;
    padding: 40px 40px;
    border-radius: 5px;
    margin-left: var(--margin-left-50);
    border: 1px solid rgba(var(--black-color-rgb), .1)
}

.faq-section-three .accordion-box.style-two .block:last-child .acc-btn {
    border-bottom: none;
    padding-bottom: var(--padding-zero)
}

.featured-section {
    position: relative;
    padding: 120px 0 80px
}

.featured-section .pattern-layer-one {
    position: absolute;
    left: 0;
    top: -200px;
    right: 0;
    height: 817px;
    background-position: center top;
    background-repeat: repeat-x
}

.featured-section .pattern-layer-two {
    position: absolute;
    right: 0;
    bottom: 65px;
    width: 645px;
    height: 692px;
    background-position: center top;
    background-repeat: repeat-x
}

.feature-block-two {
    position: relative;
    margin-bottom: var(--margin-bottom-30)
}

.feature-block-two .inner-box {
    position: relative
}

.feature-block-two .image {
    position: relative;
    overflow: hidden;
    background-color: var(--color-fourtyone)
}

.feature-block-two .image img {
    position: relative;
    width: 100%;
    display: block;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.feature-block-two .inner-box:hover .image img {
    opacity: .8
}

.feature-block-two .image:before {
    position: absolute;
    content: "";
    left: -100%;
    top: 0;
    width: 50%;
    bottom: 0;
    z-index: 1;
    -webkit-transform: skewX(-10deg);
    transform: skewX(-10deg);
    background-color: var(--white-color);
    -webkit-transition: all .9s ease;
    transition: all .9s ease
}

.feature-block-two .inner-box:hover .image:before {
    left: 150%
}

.feature-block-two .tag {
    position: absolute;
    left: 15px;
    top: 15px;
    z-index: 1;
    font-weight: 500;
    padding: 3px 18px;
    border-radius: 4px;
    letter-spacing: 1px;
    display: inline-block;
    color: var(--white-color);
    text-transform: uppercase;
    font-size: var(--font-12);
    background-color: var(--color-fourtyone)
}

.feature-block-two .sale {
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 1;
    font-weight: 500;
    padding: 3px 18px;
    border-radius: 4px;
    letter-spacing: 1px;
    display: inline-block;
    color: var(--white-color);
    text-transform: uppercase;
    font-size: var(--font-12);
    background-color: var(--color-fourtytwo)
}

.feature-block-two .lower-content {
    position: relative;
    padding: 25px 25px;
    border: 1px solid rgba(var(--black-color-rgb), .05);
    border-top: none;
    background-color: var(--white-color)
}

.feature-block-two h6 {
    font-weight: 500
}

.feature-block-two h6 a {
    position: relative;
    color: var(--color-thirtynine)
}

.feature-block-two h6 a:hover {
    color: var(--color-five)
}

.feature-block-two .rating {
    position: relative;
    padding: 15px 0;
    font-size: var(--font-14);
    color: var(--color-fourty);
    margin-top: var(--margin-top-15);
    font-family: var(--font-family-Rubik);
    border-top: 1px solid rgba(var(--black-color-rgb), .05);
    border-bottom: 1px solid rgba(var(--black-color-rgb), .05)
}

.feature-block-two .rating .fa {
    position: relative;
    color: var(--color-eight)
}

.feature-block-two .rating .fa.light {
    opacity: .2;
    color: var(--black-color)
}

.feature-block-two .price {
    position: relative;
    font-weight: 500;
    font-size: var(--font-15);
    color: var(--color-five);
    margin-top: var(--margin-top-15)
}

.feature-block-two .price span {
    position: relative;
    color: var(--color-fourty)
}

.team-section {
    position: relative;
    overflow: hidden;
    padding: 100px 0 70px;
    background-color: var(--color-fourtythree)
}

.team-section .color-one {
    position: absolute;
    left: 5%;
    top: 19%;
    width: 10px;
    height: 10px;
    z-index: 12;
    border-radius: 50px;
    background-color: var(--color-fourtysix)
}

.team-section .color-two {
    position: absolute;
    left: 32%;
    top: 85%;
    width: 10px;
    height: 10px;
    z-index: 12;
    border-radius: 50px;
    background-color: var(--color-fourtysix)
}

.team-section .icon-layer-one {
    position: absolute;
    left: 0;
    top: 50%;
    width: 122px;
    height: 127px;
    z-index: 12;
    background-repeat: no-repeat
}

.team-section .title-column {
    position: relative;
    z-index: 11;
    margin-bottom: var(--margin-bottom-30)
}

.team-section .title-column .inner-column {
    position: relative
}

.team-section .team-list {
    position: relative;
    margin-left: var(--margin-left-15)
}

.team-section .team-list li {
    position: relative;
    margin-left: -15px;
    width: 43px;
    height: 43px;
    overflow: hidden;
    border-radius: 50%;
    display: inline-block;
    border: 3px solid var(--white-color);
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.team-section .team-list:hover li {
    margin-left: 0
}

.team-section .members {
    position: relative;
    font-weight: 500;
    font-size: var(--font-18);
    color: var(--color-fourtyfour);
    margin-left: var(--margin-left-25)
}

.team-section .members span {
    position: relative;
    top: 3px;
    font-family: Flaticon;
    margin-left: var(--margin-left-10)
}

.team-section .owl-dots,
.team-section .owl-nav {
    display: none
}

.team-block {
    position: relative
}

.team-block .inner-box {
    position: relative
}

.team-block .image {
    position: relative;
    overflow: hidden
}

.team-block .image img {
    position: relative;
    width: 100%;
    display: block;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.team-block .inner-box:hover .image img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05)
}

.team-block .social-box {
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 2;
    bottom: 20px;
    overflow: hidden;
    border-radius: 50px
}

.team-block .social-box .share-icon {
    position: relative;
    width: 40px;
    height: 40px;
    z-index: 2;
    line-height: 40px;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    font-size: var(--font-16);
    color: var(--black-color);
    font-family: Flaticon;
    background-color: var(--white-color);
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.team-block .inner-box:hover .share-icon {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.team-block .social-list {
    position: absolute;
    left: 0;
    top: -100%;
    width: 40px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.team-block .inner-box:hover .social-list {
    top: 50px
}

.team-block .social-list a {
    position: relative;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 50px;
    display: inline-block;
    font-size: var(--font-16);
    color: var(--black-color);
    background-color: var(--white-color);
    margin-bottom: var(--margin-bottom-10)
}

.team-block .social-list a.youtube {
    color: red
}

.team-block .social-list a.twitter {
    color: #1da1f2
}

.team-block .social-list a.facebook {
    color: #4267b2
}

.team-block .social-list a.instagram {
    color: #e73a67
}

.team-block .overlay-box {
    position: absolute;
    left: 30px;
    right: 30px;
    z-index: 1;
    bottom: 0;
    padding: 18px 15px 15px;
    border-radius: 5px;
    text-align: center;
    background-color: var(--white-color);
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.team-block .inner-box:hover .overlay-box {
    bottom: 25px
}

.team-block .overlay-box:before {
    position: absolute;
    content: "";
    left: 50%;
    top: -13px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 13px solid var(--white-color)
}

.team-block .inner-box:hover .overlay-box:before {
    border-bottom-color: var(--color-seven);
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.team-block .gradient-layer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    border-radius: 5px;
    -webkit-transform: scale(1, .4);
    transform: scale(1, .4);
    color: var(--color-seven);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    background: -webkit-gradient(linear, right top, left top, from(var(--color-seven)), to(var(--color-eight)));
    background: linear-gradient(to left, var(--color-seven) 0, var(--color-eight) 100%)
}

.team-block .inner-box:hover .gradient-layer {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1)
}

.team-block .category {
    position: relative;
    font-weight: 500;
    font-size: var(--font-14);
    text-transform: uppercase;
    color: var(--color-fourtyfive);
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.team-block h6 {
    font-weight: 600;
    margin-top: var(--margin-top-5)
}

.team-block h6 a {
    color: var(--color-fourtyfive);
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.team-block .inner-box:hover .category,
.team-block .inner-box:hover h6 a {
    color: var(--white-color)
}

.team-block .icon-one {
    position: absolute;
    left: 15px;
    bottom: 15px;
    width: 15px;
    height: 16px;
    background-repeat: no-repeat
}

.team-block .icon-two {
    position: absolute;
    right: 15px;
    bottom: 15px;
    width: 23px;
    height: 22px;
    background-repeat: no-repeat
}

.team-section .team-column {
    position: relative;
    margin-bottom: var(--margin-bottom-30)
}

.team-section .team-column .inner-column {
    position: relative;
    padding: 15px 0 15px 15px;
    background-color: var(--white-color)
}

.team-section .team-column .owl-carousel .owl-stage-outer {
    overflow: visible
}

.team-section .team-column .inner-column:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    bottom: 0;
    width: 300%;
    background-color: var(--white-color)
}

.team-section .team-column .grey-color-layer {
    position: absolute;
    right: 99.9%;
    top: -50px;
    bottom: -50px;
    width: 300%;
    z-index: 2;
    background-color: var(--color-fourtythree)
}

.blog-section {
    position: relative;
    padding: 100px 0 120px
}

.blog-section .button-box {
    position: relative;
    margin-top: var(--margin-top-30)
}

.blog-section .button-box .theme-btn {
    border-radius: 50px
}

.news-block {
    position: relative;
    margin-bottom: var(--margin-bottom-30)
}

.news-block .inner-box {
    position: relative;
    padding: 0 30px;
    border-left: 1px dashed rgba(var(--black-color-rgb), .1);
    border-right: 1px dashed rgba(var(--black-color-rgb), .1)
}

.news-block .image {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    background-color: var(--color-fourtyseven)
}

.news-block .image img {
    position: relative;
    width: 100%;
    display: block;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.news-block .inner-box:hover .image img {
    opacity: .7;
    -webkit-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05)
}

.news-block .lower-content {
    position: relative;
    padding-top: var(--padding-top-30)
}

.news-block h5 a {
    position: relative;
    color: var(--color-fourtyseven)
}

.news-block h5 a:hover {
    color: var(--main-color)
}

.news-block .read-more {
    position: relative;
    font-weight: 500;
    display: inline-block;
    font-size: var(--font-16);
    color: var(--black-color);
    margin-top: var(--margin-top-15)
}

.news-block .read-more span {
    position: relative;
    top: 3px;
    font-family: Flaticon;
    margin-left: var(--margin-left-5)
}

.news-block .read-more:hover {
    color: var(--main-color)
}

.cta-section-two {
    position: relative;
    z-index: 1
}

.cta-section-two .inner-container {
    position: relative;
    border-radius: 6px;
    padding: 60px 20px 60px 160px
}

.cta-section-two .inner-container:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 6px;
    background: var(--color-seven);
    background: -webkit-gradient(linear, left top, right top, from(var(--color-seven)), to(var(--color-eight)));
    background: linear-gradient(to right, var(--color-seven) 0, var(--color-eight) 100%)
}

.cta-section-two .side-icon {
    position: absolute;
    left: -100px;
    top: -140px
}

.cta-section-two h3 {
    z-index: 1;
    font-weight: 600;
    font-size: var(--font-32);
    color: var(--black-color);
    text-transform: uppercase
}

.cta-section-two .text {
    font-weight: 400;
    font-size: var(--font-18);
    color: var(--white-color);
    margin-top: var(--margin-top-10)
}

.subscribe-box-two {
    position: relative;
    margin-top: var(--margin-top-10);
    padding-left: var(--padding-left-80)
}

.subscribe-box-two .icon {
    position: absolute;
    left: 20px;
    top: 22px;
    z-index: 1;
    line-height: 1em;
    font-size: var(--font-18);
    font-family: Flaticon;
    color: var(--color-fourtyeight)
}

.subscribe-box-two .form-group {
    position: relative;
    margin: 0;
    width: 100%;
    max-width: 100%;
    padding-right: var(--padding-right-160)
}

.subscribe-box-two .form-group input[type=email],
.subscribe-box-two .form-group input[type=text] {
    position: relative;
    line-height: 43px;
    display: block;
    height: 60px;
    width: 100%;
    border-radius: 0;
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
    font-size: var(--font-16);
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    padding: 10px 15px 10px 55px;
    color: var(--color-fourtyeight);
    background-color: rgba(var(--white-color-rgb), 1)
}

.subscribe-box-two .form-group input::-webkit-input-placeholder {
    color: var(--color-fourtyeight)
}

.subscribe-box-two .form-group input::-moz-placeholder {
    color: var(--color-fourtyeight)
}

.subscribe-box-two .form-group input:-ms-input-placeholder {
    color: var(--color-fourtyeight)
}

.subscribe-box-two .form-group input::-ms-input-placeholder {
    color: var(--color-fourtyeight)
}

.subscribe-box-two .form-group input::placeholder {
    color: var(--color-fourtyeight)
}

.subscribe-box-two .form-group textarea::-webkit-input-placeholder {
    color: var(--color-fourtyeight)
}

.subscribe-box-two .form-group textarea::-moz-placeholder {
    color: var(--color-fourtyeight)
}

.subscribe-box-two .form-group textarea:-ms-input-placeholder {
    color: var(--color-fourtyeight)
}

.subscribe-box-two .form-group textarea::-ms-input-placeholder {
    color: var(--color-fourtyeight)
}

.subscribe-box-two .form-group textarea::placeholder {
    color: var(--color-fourtyeight)
}

.subscribe-box-two .form-group button {
    position: absolute;
    right: 0;
    top: 0;
    font-weight: 500;
    padding: 19px 42px 20px;
    font-size: var(--font-18);
    color: var(--white-color);
    text-transform: capitalize;
    background-color: var(--black-color)
}

.page-title {
    position: relative;
    z-index: 1;
    text-align: center;
    background-size: cover;
    padding: 130px 0 130px;
    background-color: var(--color-fourtynine)
}

.page-title .icons-box {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.page-title .icon-one {
    position: absolute !important;
    left: 15% !important;
    top: 25% !important;
    width: 10px;
    height: 10px;
    border-radius: 50px;
    display: inline-block;
    background-color: var(--color-fourtysix)
}

.page-title .icon-two {
    position: absolute !important;
    left: 4% !important;
    top: auto !important;
    bottom: 10% !important;
    width: 122px;
    height: 127px
}

.page-title .icon-three {
    position: absolute !important;
    left: 78% !important;
    top: 25% !important;
    width: 81px;
    height: 81px
}

.page-title .icon-four {
    position: absolute !important;
    left: 90% !important;
    top: 80% !important;
    width: 8px;
    height: 8px;
    border-radius: 50px;
    display: inline-block;
    background-color: var(--color-fourtysix)
}

.page-title h2 {
    color: var(--color-eleven);
    text-transform: capitalize
}

.page-title .bread-crumb {
    position: relative;
    margin-top: var(--margin-top-20)
}

.page-title .bread-crumb li {
    position: relative;
    font-weight: 400;
    display: inline-block;
    text-transform: capitalize;
    font-size: var(--font-16);
    color: var(--color-fifty);
    font-family: var(--font-family-Jost);
    margin-right: var(--margin-right-15);
    padding-right: var(--padding-right-15)
}

.page-title .bread-crumb li:before {
    position: absolute;
    right: -6px;
    top: 1px;
    font-weight: 700;
    content: "\f179";
    font-size: var(--font-10);
    color: var(--color-fifty);
    font-family: Flaticon
}

.page-title .bread-crumb li:last-child {
    padding-right: 0;
    margin-right: 0
}

.page-title .bread-crumb li:last-child:before {
    display: none
}

.page-title .bread-crumb li a {
    color: var(--black-color);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.page-title .bread-crumb li a:hover {
    color: var(--main-color)
}

.sidebar-page-container {
    position: relative;
    padding: 100px 0 60px
}

.sidebar-page-container .content-side,
.sidebar-page-container .sidebar-side {
    margin-bottom: var(--margin-bottom-40)
}

.sticky-top {
    top: 90px;
    z-index: 1
}

.sidebar-widget {
    position: relative;
    margin-bottom: var(--margin-bottom-30)
}

.sidebar-title {
    position: relative;
    margin-bottom: var(--margin-bottom-20)
}

.sidebar-title h6 {
    font-weight: 400;
    font-size: var(--font-16);
    text-transform: capitalize;
    color: var(--black-color);
    margin-bottom: var(--margin-bottom-20);
    padding-bottom: var(--padding-bottom-15);
    border-bottom: 1px solid rgba(var(--black-color-rgb), .06)
}

.sidebar-title h6:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: -1px;
    height: 1px;
    width: 50px;
    background-color: var(--main-color)
}

.sidebar .search-box {
    position: relative
}

.sidebar .search-box .form-group {
    position: relative;
    margin: var(--margin-zero)
}

.sidebar .search-box .form-group input[type=search],
.sidebar .search-box .form-group input[type=text] {
    position: relative;
    line-height: 28px;
    font-size: var(--font-16);
    padding: 10px 50px 10px 25px;
    background: var(--white-color);
    display: block;
    width: 100%;
    height: 60px;
    border-radius: 0;
    color: var(--color-thirty);
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    border: 1px solid rgba(var(--black-color-rgb), .06)
}

.sidebar .search-box .form-group button {
    position: absolute;
    right: 0;
    top: 0;
    height: 60px;
    width: 60px;
    display: block;
    cursor: pointer;
    line-height: 100%;
    font-weight: 400;
    border-radius: 0;
    font-size: var(--font-18);
    color: var(--color-two);
    background: 0 0;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.sidebar .search-box .form-group button:hover {
    background-color: var(--main-color);
    color: var(--white-color)
}

.range-slider-one {
    position: relative
}

.range-slider-one .title {
    float: right;
    opacity: .6;
    font-weight: 400;
    color: var(--color-thirty);
    font-size: var(--font-14)
}

.range-slider-one .input {
    position: relative;
    float: left;
    max-height: 80px
}

.range-slider-one .input input {
    background: 0 0;
    color: var(--color-thirty);
    font-size: var(--font-14);
    font-weight: 500;
    width: auto;
    opacity: .6;
    text-align: left;
    border: 0;
    padding: 0;
    height: auto
}

.range-slider-one .ui-widget.ui-widget-content {
    height: 6px;
    border: none;
    border-radius: 0;
    margin-top: var(--margin-top-35);
    margin-bottom: var(--margin-bottom-20);
    background: rgba(var(--black-color-rgb), .06)
}

.range-slider-one .ui-slider .ui-slider-range {
    top: 0;
    height: 6px;
    border-radius: 0;
    background-color: var(--color-five)
}

.range-slider-one .ui-state-default,
.range-slider-one .ui-widget-content .ui-state-default {
    top: -6px;
    width: 4px;
    height: 18px;
    z-index: 99;
    border-radius: 0;
    cursor: pointer;
    border: 4px solid var(--color-five)
}

.range-slider-one .theme-btn {
    font-size: var(--font-14);
    line-height: 18px;
    font-weight: 500;
    padding: 11px 20px;
    color: var(--black-color);
    text-transform: uppercase;
    margin-top: var(--margin-top-20);
    border: 2px solid rgba(var(--black-color-rgb), .06)
}

.range-slider-one .theme-btn:hover {
    background-color: var(--main-color);
    border-color: var(--main-color);
    color: var(--white-color)
}

.category-list {
    position: relative
}

.category-list li {
    position: relative;
    margin-bottom: var(--margin-bottom-20)
}

.category-list li a {
    position: relative;
    display: block;
    font-size: var(--font-16);
    color: var(--color-fiftyone)
}

.category-list li a:before {
    position: absolute;
    right: 0;
    top: 0;
    font-weight: 700;
    content: "\f179";
    font-size: var(--font-10);
    color: var(--color-fifty);
    font-family: Flaticon
}

.category-list li a:hover {
    color: var(--main-color)
}

.category-list li:last-child {
    margin-bottom: var(--margin-zero)
}

.tag-list {
    position: relative;
    display: block
}

.tag-list li {
    position: relative;
    display: inline-block;
    margin-right: var(--margin-right-10);
    margin-bottom: var(--margin-bottom-10)
}

.tag-list li a {
    position: relative;
    display: block;
    line-height: 20px;
    font-weight: 500;
    padding: 9px 16px;
    border-radius: 0;
    font-size: var(--font-14);
    text-transform: capitalize;
    color: var(--color-fiftytwo);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    background-color: var(--color-fiftythree)
}

.tag-list li a:hover {
    color: var(--white-color);
    background-color: var(--main-color);
    border-color: var(--main-color)
}

.filter-box {
    position: relative;
    padding: 15px 25px;
    border-radius: 5px;
    margin-bottom: var(--margin-bottom-30);
    border: 1px solid rgba(var(--black-color-rgb), .06)
}

.filter-box .left-box {
    position: relative
}

.filter-box .left-box .form-group {
    position: relative;
    margin-right: var(--margin-right-30)
}

.filter-box .left-box .form-group:last-child {
    margin-right: var(--margin-zero)
}

.filter-box .left-box .icon {
    position: relative;
    top: 2px;
    font-family: Flaticon;
    margin-right: var(--margin-right-10)
}

.filter-box .results {
    position: relative;
    font-size: var(--font-15);
    color: var(--color-fiftyfour);
    margin-right: var(--margin-right-30)
}

.filter-box .right-box {
    position: relative
}

.filter-box .pages-list {
    position: relative
}

.filter-box .pages-list li {
    position: relative;
    display: inline-block;
    margin-left: var(--margin-left-15)
}

.filter-box .pages-list li a {
    position: relative;
    font-size: var(--font-18);
    color: var(--color-fiftyfour);
    font-family: Flaticon
}

.form-group .ui-selectmenu-button.ui-button {
    width: 100%;
    font-style: normal;
    line-height: 28px;
    font-size: var(--font-14);
    color: var(--color-fiftyfour);
    padding: 0 0;
    border: 0;
    font-family: var(--font-family-Outfit);
    background-color: var(--white-color)
}

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

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

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

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

.ui-state-active,
.ui-widget-content .ui-state-active {
    background-color: var(--main-color);
    border-color: var(--main-color)
}

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

.ui-menu-item:hover {
    background-color: var(--main-color)
}

.form-select-section .lower-section {
    position: relative;
    opacity: 0;
    visibility: hidden;
    padding: 0 0 0;
    background-color: #383a9e;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    height: 0
}

.shop-item {
    position: relative;
    margin-bottom: var(--margin-bottom-30)
}

.shop-item .inner-box {
    position: relative
}

.shop-item .image {
    position: relative;
    overflow: hidden;
    background-color: var(--main-color)
}

.shop-item .image img {
    position: relative;
    width: 100%;
    display: block;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.shop-item .inner-box:hover .image img {
    opacity: .7;
    -webkit-transform: scale(1.07, 1.07);
    transform: scale(1.07, 1.07)
}

.shop-item .lower-content {
    position: relative;
    padding-top: var(--padding-top-20)
}

.shop-item h6 {
    font-weight: 500;
    font-size: var(--font-14);
    font-family: var(--font-family-Jost)
}

.shop-item h6 a {
    position: relative;
    color: var(--color-thirtynine)
}

.shop-item h6 a:hover {
    color: var(--main-color)
}

.shop-item .price {
    position: relative;
    font-weight: 500;
    color: var(--main-color);
    font-size: var(--font-12);
    margin-top: var(--margin-top-5)
}

.shop-item .price span {
    position: relative;
    opacity: .7;
    margin-left: var(--margin-left-10);
    text-decoration: line-through;
    color: var(--color-thirty)
}

.shops-outer .styled-pagination {
    margin-top: var(--margin-top-25)
}

.styled-pagination {
    position: relative
}

.styled-pagination li {
    position: relative;
    margin: 0 5px 10px;
    display: inline-block
}

.styled-pagination li a {
    position: relative;
    display: inline-block;
    line-height: 46px;
    height: 50px;
    width: 50px;
    min-width: 50px;
    font-weight: 500;
    border-radius: 0;
    text-align: center;
    text-transform: capitalize;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    -moz-transition: all .5s ease;
    font-size: var(--font-18);
    color: var(--color-thirtynine);
    border: 2px solid rgba(var(--black-color-rgb), .1)
}

.styled-pagination li.next a,
.styled-pagination li.prev a {
    line-height: 40px;
    font-size: var(--font-20);
    font-family: Flaticon
}

.styled-pagination li a.active,
.styled-pagination li a:hover {
    color: var(--white-color);
    background-color: var(--main-color)
}

.shop-detail-section {
    position: relative;
    padding: 120px 0 20px
}

.shop-detail-section .upper-box {
    position: relative
}

.shop-detail-section .gallery-column {
    position: relative;
    margin-bottom: var(--margin-bottom-30)
}

.shop-detail-section .gallery-column .inner-column {
    position: relative
}

.shop-detail-section .gallery-column .carousel-outer {
    position: relative;
    padding-right: 125px
}

.shop-detail-section .gallery-column .image {
    position: relative;
    text-align: center;
    padding: 15px 15px;
    border: 1px solid var(--color-fiftysix)
}

.shop-detail-section .gallery-column .image img {
    position: relative;
    width: 100%;
    display: block
}

.shop-detail-section .gallery-column .thumbs-carousel {
    position: absolute;
    right: 0;
    top: 0;
    width: 105px
}

.shop-detail-section .gallery-column .thumb {
    cursor: pointer;
    padding: 10px 10px;
    border: 1px solid var(--color-fiftysix);
    margin-bottom: var(--margin-zero)
}

.shop-detail-section .content-column {
    position: relative;
    margin-bottom: var(--margin-bottom-30)
}

.shop-detail-section .content-column .inner-column {
    position: relative;
    padding-left: var(--padding-left-30)
}

.shop-detail-section .content-column h3 {
    color: var(--black-color);
    font-weight: 700;
    font-family: var(--font-family-Roboto)
}

.shop-detail-section .content-column .text {
    position: relative;
    opacity: .8;
    line-height: 30px;
    font-size: var(--font-16);
    color: var(--color-fiftyfive);
    margin-top: var(--margin-top-10)
}

.shop-detail-section .content-column .rating {
    position: relative;
    font-size: var(--font-16);
    color: var(--color-five);
    margin-top: var(--margin-top-15)
}

.shop-detail-section .content-column .rating .light {
    opacity: .2;
    color: var(--black-color)
}

.shop-detail-section .content-column .rating i {
    position: relative;
    font-weight: 500;
    font-style: normal;
    font-size: var(--font-14);
    color: var(--color-thirtynine);
    margin-left: var(--margin-left-10)
}

.shop-detail-section .content-column .price {
    position: relative;
    font-weight: 500;
    color: var(--black-color);
    font-size: var(--font-18);
    margin-top: var(--margin-top-25);
    font-family: var(--font-family-Roboto);
    margin-bottom: var(--margin-bottom-25)
}

.shop-detail-section .content-column .price i {
    position: relative;
    top: -2px;
    border-radius: 4px;
    padding: 2px 12px;
    font-style: normal;
    display: inline-block;
    font-size: var(--font-13);
    color: var(--white-color);
    margin-left: var(--margin-left-5);
    background-color: var(--color-five)
}

.shop-detail-section .content-column .price span {
    position: relative;
    font-weight: 500;
    opacity: .5;
    margin: 0 5px;
    text-decoration: line-through
}

.shop-detail-section .content-column .model {
    position: relative;
    margin-top: var(--margin-top-5);
    margin-right: var(--margin-right-15)
}

.shop-detail-section .content-column .model .model-title {
    position: relative;
    display: block;
    font-weight: 500;
    display: inline-block;
    font-size: var(--font-16);
    font-family: var(--font-family-Roboto);
    margin-bottom: var(--margin-bottom-15)
}

.shop-detail-section .content-column .buttons-box {
    position: relative;
    margin-top: var(--margin-top-25)
}

.shop-detail-section .content-column .buttons-box .btn-style-four {
    margin-right: var(--margin-right-15)
}

.shop-detail-section .content-column .social-box {
    position: relative;
    margin-top: var(--margin-top-20)
}

.shop-detail-section .content-column .social-box li {
    position: relative;
    display: inline-block;
    margin-right: var(--margin-right-15)
}

.shop-detail-section .content-column .social-box li.share {
    position: relative;
    font-weight: 500;
    font-size: var(--font-16);
    color: rgba(var(--color-fiftyfive-rgb), 1)
}

.shop-detail-section .content-column .social-box li a {
    position: relative;
    font-size: var(--font-18);
    color: var(--black-color)
}

.quantity-box {
    position: relative;
    margin-top: var(--margin-top-20)
}

.select-size {
    position: relative
}

.select-size .select-box {
    position: relative;
    float: left;
    text-align: center;
    margin: 0 10px 10px 0
}

.select-size .input-box {
    position: relative;
    float: left
}

.select-size .select-box input[type=radio] {
    left: 0;
    top: 0;
    visibility: hidden;
    position: absolute;
    opacity: 0
}

.select-size .select-box label {
    display: block;
    line-height: 24px;
    padding: 5px 18px;
    text-align: center;
    font-weight: 600;
    cursor: pointer;
    border-radius: 2px;
    font-size: var(--font-12);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    text-transform: uppercase;
    color: var(--color-fiftyseven);
    background-color: var(--color-fiftysix)
}

.select-size .select-box input[type=radio]:checked+label {
    background-color: var(--main-color);
    color: #fff
}

.shop-detail-section .content-column .categories {
    position: relative;
    font-weight: 400;
    font-size: var(--font-15);
    margin-top: var(--margin-top-15);
    color: rgba(var(--color-fiftyfive-rgb), .7)
}

.shop-detail-section .content-column .categories span {
    position: relative;
    font-weight: 500;
    color: rgba(var(--color-fiftyfive-rgb), 1)
}

.item-quantity {
    position: relative;
    width: 100%;
    max-width: 140px;
    padding: 0 45px;
    display: inline-block
}

.quantity-box .item-quantity .input-group {
    position: relative;
    display: table;
    border-collapse: separate;
    max-width: 144px;
    width: 100%;
    height: 42px
}

.quantity-box .item-quantity input.qty-spinner {
    line-height: 44px;
    height: 44px;
    width: 50px !important;
    padding: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: none;
    text-align: center;
    font-size: var(--font-18);
    font-weight: 500;
    color: #1e1e2a;
    border: none;
    border-radius: 0
}

.quantity-box .item-quantity input.qty-spinner:focus {
    background: 0 0
}

.quantity-box .bootstrap-touchspin .input-group-btn-vertical>.btn.bootstrap-touchspin-down {
    position: absolute;
    height: 44px;
    width: 44px;
    background-color: var(--white-color);
    padding: 6px 0 !important;
    line-height: 30px;
    left: -40px;
    top: -44px;
    border: 1px solid var(--color-fiftysix);
    border-radius: 5px 5px 5px 5px
}

.quantity-box .bootstrap-touchspin .input-group-btn-vertical>.btn.bootstrap-touchspin-up {
    position: absolute;
    height: 44px;
    width: 44px;
    background-color: var(--white-color);
    padding: 6px 0 !important;
    line-height: 30px;
    right: -40px;
    top: -44px;
    border: 1px solid var(--color-fiftysix);
    border-radius: 5px 5px 5px 5px;
    margin-top: 0
}

.quantity-box .bootstrap-touchspin .glyphicon-chevron-up:before {
    content: "\f067";
    font-size: var(--font-16);
    color: #0c2957;
    font-weight: 400;
    font-style: normal;
    font-family: FontAwesome
}

.quantity-box .bootstrap-touchspin .glyphicon-chevron-down:before {
    content: "\f068";
    font-size: var(--font-16);
    color: #0c2957;
    font-weight: 400;
    font-style: normal;
    font-family: FontAwesome
}

.quantity-box .bootstrap-touchspin .input-group-btn-vertical {
    position: absolute;
    width: 100%
}

.quantity-box .bootstrap-touchspin .input-group-btn-vertical i {
    top: 6px;
    left: 14px;
    font-size: inherit !important
}

.quantity-box .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
    margin-top: 0
}

.shop-detail-section .prod-tabs {
    position: relative;
    margin-top: var(--margin-top-30);
    margin-bottom: var(--margin-bottom-40)
}

.shop-detail-section .prod-tabs .tab-btns {
    position: relative;
    text-align: center
}

.shop-detail-section .prod-tabs .tab-btns .tab-btn {
    position: relative;
    top: 1px;
    display: inline-block;
    margin: 0 5px 10px;
    background: var(--white-color);
    color: var(--color-thirtynine);
    text-transform: uppercase;
    font-size: var(--font-14);
    line-height: 24px;
    cursor: pointer;
    font-weight: 600;
    padding: 13px 28px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    border: 1px solid var(--color-fiftysix)
}

.shop-detail-section .prod-tabs .tab-btns .tab-btn.active-btn,
.shop-detail-section .prod-tabs .tab-btns .tab-btn:hover {
    color: var(--main-color);
    background: var(--white-color)
}

.shop-detail-section .prod-tabs .tabs-content {
    position: relative;
    padding: 30px 0 0
}

.shop-detail-section .prod-tabs .tabs-content .tab {
    position: relative;
    display: none;
    border-top: 0
}

.shop-detail-section .prod-tabs .tabs-content .tab.active-tab {
    display: block
}

.prod-tabs .tabs-content p {
    position: relative;
    opacity: .8;
    line-height: 30px;
    font-size: var(--font-16);
    color: var(--color-fiftyfive);
    margin-bottom: var(--margin-bottom-30)
}

.prod-tabs .tabs-content .tab .title {
    position: relative;
    color: var(--text-color);
    font-size: var(--font-20);
    font-weight: 400;
    margin-top: var(--margin-top-10);
    margin-bottom: var(--margin-bottom-25)
}

.shop-comment-form {
    position: relative
}

.shop-comment-form h4 {
    margin-bottom: var(--margin-bottom-25)
}

.shop-comment-form .group-title {
    margin-bottom: var(--margin-bottom-20)
}

.shop-comment-form .rating-box {
    position: relative;
    margin-bottom: var(--margin-bottom-30)
}

.shop-comment-form .rating-box .text {
    color: var(--main-color-two);
    margin-bottom: var(--margin-bottom-10)
}

.shop-comment-form .rating-box .rating {
    position: relative;
    display: inline-block;
    border-right: 1px solid #ebebeb;
    margin-right: var(--margin-right-10);
    padding-right: var(--padding-right-10)
}

.shop-comment-form .rating-box .rating:last-child {
    border-right: 0
}

.shop-comment-form .rating-box .rating .fa {
    position: relative;
    display: inline-block;
    margin-right: var(--margin-right-5)
}

.shop-comment-form .rating-box .rating a {
    position: relative;
    color: var(--color-eight);
    font-size: var(--font-16);
    display: inline-block;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.shop-comment-form .rating-box .rating a:hover {
    color: var(--main-color)
}

.shop-comment-form .form-group {
    position: relative;
    margin-bottom: var(--margin-bottom-15)
}

.shop-comment-form .form-group label {
    position: relative;
    display: block;
    font-weight: 500;
    color: var(--black-color);
    font-size: var(--font-16);
    font-family: var(--font-family-Jost);
    margin-bottom: var(--margin-bottom-15)
}

.shop-comment-form .form-group:last-child {
    margin-bottom: 0
}

.shop-comment-form .form-group input[type=email],
.shop-comment-form .form-group input[type=password],
.shop-comment-form .form-group input[type=tel],
.shop-comment-form .form-group input[type=text] {
    position: relative;
    display: block;
    width: 100%;
    line-height: 28px;
    padding: 10px 15px;
    border: 1px solid #efefef;
    height: 50px;
    color: var(--main-color-two);
    font-weight: 300;
    background: var(--white-color);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.shop-comment-form .form-group select {
    position: relative;
    display: block;
    width: 100%;
    line-height: 28px;
    padding: 10px 15px;
    border: 1px solid #efefef;
    height: 50px;
    color: var(--main-color-two);
    font-weight: 300;
    background: var(--white-color);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.shop-comment-form .form-group input[type=email]:focus,
.shop-comment-form .form-group input[type=password]:focus,
.shop-comment-form .form-group input[type=tel]:focus,
.shop-comment-form .form-group input[type=text]:focus {
    border-color: var(--main-color)
}

.shop-comment-form .form-group select:focus {
    border-color: var(--main-color)
}

.shop-comment-form .form-group textarea {
    position: relative;
    display: block;
    width: 100%;
    line-height: 26px;
    padding: 10px 15px;
    color: var(--main-color-two);
    border: 1px solid #efefef;
    height: 105px;
    font-weight: 300;
    background: var(--white-color);
    resize: none;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.shop-comment-form .form-group textarea:focus {
    border-color: var(--main-color)
}

.shop-comment-form button {
    position: relative;
    margin-top: var(--margin-top-10)
}

.shop-comment-form input:focus,
.shop-comment-form select:focus,
.shop-comment-form textarea:focus {
    border-color: var(--main-color)
}

.shop-detail-section .comments-area {
    position: relative;
    margin-top: var(--margin-zero);
    margin-bottom: var(--margin-bottom-40)
}

.shop-detail-section .comments-area .comment-box {
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    margin-bottom: var(--margin-bottom-30)
}

.shop-detail-section .comments-area .comment-box:nth-child(1) {
    padding-top: 0
}

.shop-detail-section .comments-area .comment-box:hover {
    border-color: var(--main-color)
}

.shop-detail-section .comments-area .comment-box.reply-comment {
    margin-left: var(--marg-left-30)
}

.shop-detail-section .comments-area .comment {
    position: relative;
    font-size: var(--font-14);
    padding: 0 0 0 80px
}

.shop-detail-section .comments-area .comment .comment-inner {
    position: relative;
    padding: 15px 20px;
    border: 1px solid #f4f4f4
}

.shop-detail-section .comments-area .comment .comment-inner .rating {
    position: absolute;
    right: 15px;
    top: 15px
}

.shop-detail-section .comments-area .comment .comment-inner .rating .fa {
    display: inline-block;
    font-size: var(--font-14);
    color: var(--color-eight)
}

.shop-detail-section .comments-area .comment-box .author-thumb {
    position: absolute;
    left: 0;
    top: 0;
    margin-bottom: var(--margin-bottom-20)
}

.shop-detail-section .comments-area .comment-box .author-thumb img {
    width: 60px;
    display: block
}

.shop-detail-section .comments-area .comment-info {
    position: relative;
    line-height: 24px;
    font-weight: 600;
    color: var(--black-color);
    font-size: var(--font-16);
    margin-bottom: var(--margin-bottom-10)
}

.shop-detail-section .comments-area .comment-box .text {
    font-weight: 400;
    font-size: var(--font-16);
    color: var(--main-color-two);
    margin-top: var(--marg-top-10);
    margin-bottom: var(--margin-bottom-10)
}

.shop-detail-section .related-products h4 {
    text-transform: uppercase;
    margin-bottom: var(--margin-bottom-30)
}

.shop-detail-section .lower-box h3 {
    margin-bottom: var(--margin-bottom-15)
}

.shop-detail-section .lower-box h5 {
    margin-bottom: var(--margin-bottom-20)
}

.shop-detail-section .list-one {
    position: relative
}

.shop-detail-section .list-one li {
    position: relative;
    font-size: var(--font-16);
    padding-left: var(--padding-left-30);
    margin-bottom: var(--margin-bottom-15);
    color: rgba(var(--color-fiftyfive-rgb), .8)
}

.shop-detail-section .list-one li:before {
    position: absolute;
    content: "";
    left: 0;
    top: 6px;
    width: 10px;
    height: 10px;
    background-color: var(--main-color)
}

.shop-detail-section .list-two {
    position: relative;
    margin-top: -40px
}

.shop-detail-section .list-two li {
    position: relative;
    font-size: var(--font-16);
    padding-left: var(--padding-left-50);
    margin-bottom: var(--margin-bottom-25);
    color: rgba(var(--color-fiftyfive-rgb), .8)
}

.shop-detail-section .list-two li:before {
    position: absolute;
    content: "\f1a3";
    left: 0;
    top: 0;
    width: 28px;
    height: 28px;
    text-align: center;
    border-radius: 50px;
    line-height: 28px;
    font-size: var(--font-12);
    font-family: Flaticon;
    color: var(--main-color);
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    box-shadow: 0 0 15px rgba(0, 0, 0, .1)
}

.shoping-cart-section {
    position: relative;
    padding: 110px 0 20px
}

.shoping-cart-section .cart-column {
    position: relative;
    margin-bottom: var(--margin-bottom-30)
}

.shoping-cart-section .cart-column .inner-column {
    position: relative
}

.shoping-cart-section .cart-table {
    width: 100%;
    min-width: 740px
}

.cart-total-outer {
    position: relative
}

.cart-section .cart-table {
    width: 100%;
    min-width: 900px
}

.cart-table .cart-header {
    position: relative;
    width: 100%;
    border-radius: 0;
    font-size: var(--font-16);
    text-transform: capitalize;
    color: var(--color-fiftyeight)
}

.cart-table thead tr th {
    line-height: 24px;
    padding: 0 15px 20px;
    min-width: 120px;
    font-weight: 500;
    font-size: var(--font-18);
    color: var(--color-fiftyeight)
}

.cart-table thead tr th.prod-column {
    text-align: left;
    padding-left: var(--padding-left-40)
}

.cart-table tbody tr td {
    line-height: 24px;
    min-width: 100px;
    vertical-align: middle;
    padding: 20px 10px 5px
}

.cart-table .prod-title {
    font-weight: 500;
    font-size: var(--font-16);
    color: var(--color-fiftynine)
}

.cart-table .prod-text {
    font-weight: 400;
    font-size: var(--font-16);
    color: rgba(var(--color-fiftyfive-rgb), .5)
}

.cart-table tbody tr .prod-column .column-box {
    position: relative;
    min-height: 90px;
    padding-left: var(--padding-left-90);
    text-align: left
}

.cart-table tbody tr .prod-column .column-box .prod-thumb {
    position: absolute;
    width: 70px;
    left: 0;
    top: 0;
    padding: 10px 10px;
    border: 1px solid #f0f0f0
}

.cart-table .cross-icon {
    position: absolute;
    right: -8px;
    top: -8px;
    width: 16px;
    height: 16px;
    font-size: 6px;
    font-weight: 700;
    cursor: pointer;
    line-height: 16px;
    text-align: center;
    border-radius: 50px;
    font-family: Flaticon;
    color: var(--white-color);
    background-color: var(--main-color)
}

.cart-table tbody tr {
    border-bottom: 1px solid #f0f0f0
}

.cart-table tbody tr .prod-column .column-box .prod-thumb img {
    display: block;
    max-width: 100%
}

.cart-table tbody tr .prod-column .column-box h3 {
    margin-bottom: var(--margin-bottom-10)
}

.cart-table tbody tr .remove-btn {
    position: relative;
    font-size: var(--font-18);
    color: var(--main-color-two);
    width: 34px;
    height: 34px;
    text-align: center;
    line-height: 30px;
    display: inline-block;
    border: 2px solid #ececec;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.cart-table tbody tr .remove-btn .fa {
    position: relative;
    top: 2px;
    font-size: var(--font-12);
    line-height: 14px;
    width: 14px;
    height: 14px;
    margin-right: var(--margin-right-5);
    background: #f0f0f0;
    color: var(--white-color);
    text-align: center;
    overflow: hidden;
    text-indent: 100px
}

.cart-table tbody tr .remove {
    text-align: center
}

.cart-table tbody tr .remove-btn:hover {
    color: var(--main-color);
    border-color: var(--main-color)
}

.cart-table tbody tr .remove-btn:hover .fa {
    text-indent: 0;
    background: var(--main-color)
}

.cart-table tbody tr td.price,
.cart-table tbody tr td.sub-total {
    font-weight: 500;
    font-size: var(--font-18);
    color: var(--color-fiftyeight)
}

.shoping-cart-section .total-column {
    position: relative;
    margin-bottom: var(--margin-bottom-30)
}

.shoping-cart-section .total-column .inner-column {
    position: relative
}

.shoping-cart-section .total-column .title-box {
    position: relative;
    text-align: center;
    margin-bottom: var(--margin-bottom-20)
}

.cart-total-box {
    position: relative;
    padding: 30px 30px;
    margin-bottom: var(--margin-bottom-30);
    border: 1px solid rgba(var(--black-color-rgb), .06)
}

.cart-totals {
    position: relative
}

.cart-totals li {
    position: relative;
    padding: 15px 0;
    font-size: var(--font-18);
    margin-bottom: var(--margin-bottom-5);
    border-bottom: 1px solid rgba(var(--black-color-rgb), .06)
}

.cart-totals li span {
    position: absolute;
    right: 0
}

.shoping-cart-section .check-box {
    position: relative;
    margin-bottom: 25px;
    margin-top: 20px
}

.shoping-cart-section .check-box label {
    color: #2b2b2b;
    position: relative;
    display: block;
    width: 100%;
    cursor: pointer;
    margin-bottom: 0;
    font-weight: 400;
    line-height: 22px;
    background: #fff;
    padding: 4px 10px 0;
    padding-left: 30px;
    font-size: var(--font-16);
    color: var(--black-color);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.shoping-cart-section .check-box input[type=checkbox]:checked+label {
    border-color: var(--main-color)
}

.shoping-cart-section .form-group .check-box label {
    padding-left: 30px;
    padding-top: 1px;
    cursor: pointer
}

.shoping-cart-section .check-box label:before {
    position: absolute;
    left: 0;
    top: 6px;
    height: 20px;
    width: 20px;
    background: #fff;
    content: "";
    border-radius: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border: 1px solid rgba(var(--black-color-rgb), .1)
}

.shoping-cart-section .check-box label:after {
    position: absolute;
    left: 0;
    top: 0;
    height: 15px;
    line-height: 15px;
    max-width: 0;
    font-size: 14px;
    color: #fff;
    font-weight: 800;
    overflow: hidden;
    background: 0 0;
    text-align: center;
    font-family: FontAwesome;
    -webkit-transition: max-width .5s ease;
    transition: max-width .5s ease
}

.shoping-cart-section .check-box input[type=checkbox] {
    display: none
}

.shoping-cart-section .check-box input[type=checkbox]:checked+label:before {
    border: 8px solid var(--main-color);
    background-color: var(--white-color)
}

.shoping-cart-section .check-box input[type=checkbox]:checked+label:after {
    max-width: 20px;
    opacity: 1
}

.shipping-outer {
    position: relative
}

.shipping-outer .title-box {
    position: relative;
    text-align: center;
    margin-bottom: var(--margin-bottom-20)
}

.shipping-outer .shipping-box {
    position: relative;
    padding: 20px 30px 20px;
    margin-bottom: var(--margin-bottom-30);
    border: 1px solid rgba(var(--black-color-rgb), .06)
}

.shipping-list {
    position: relative
}

.shipping-list li {
    position: relative;
    padding: 15px 0;
    font-size: var(--font-16);
    margin-bottom: var(--margin-bottom-5);
    border-bottom: 1px solid rgba(var(--black-color-rgb), .06)
}

.shipping-outer .buttons-box {
    position: relative;
    margin-top: var(--margin-top-25)
}

.checkout-section {
    position: relative;
    padding: 110px 0 40px
}

.checkout-section h4 {
    color: var(--black-color);
    margin-bottom: var(--margin-bottom-25)
}

.checkout-section .form-column,
.checkout-section .order-column {
    position: relative;
    margin-bottom: var(--margin-bottom-30)
}

.checkout-section .form-column .inner-column,
.checkout-section .order-column .inner-column {
    position: relative
}

.shipping-form .form-group {
    margin-bottom: var(--margin-bottom-30)
}

.shipping-form .form-group:last-child {
    margin-bottom: 0
}

.shipping-form .form-group input[type=email],
.shipping-form .form-group input[type=password],
.shipping-form .form-group input[type=tel],
.shipping-form .form-group input[type=text] {
    position: relative;
    display: block;
    width: 100%;
    line-height: 28px;
    padding: 10px 25px;
    height: 55px;
    border-radius: 0;
    font-size: var(--font-16);
    color: var(--color-sixty);
    background: var(--white-color);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border: 1px solid rgba(var(--black-color-rgb), .06)
}

.shipping-form .form-group .ui-selectmenu-button.ui-button,
.shipping-form .form-group select {
    position: relative;
    display: block;
    width: 100%;
    line-height: 28px;
    padding: 10px 25px;
    height: 55px;
    border-radius: 0;
    font-size: var(--font-16);
    color: var(--color-sixty);
    background: var(--white-color);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border: 1px solid rgba(var(--black-color-rgb), .06)
}

.shipping-form .form-group textarea::-webkit-input-placeholder {
    color: var(--color-sixty)
}

.shipping-form .form-group input::-webkit-input-placeholder {
    color: var(--color-sixty)
}

.shipping-form .form-group input[type=email]:focus,
.shipping-form .form-group input[type=password]:focus,
.shipping-form .form-group input[type=tel]:focus,
.shipping-form .form-group input[type=text]:focus {
    border-color: var(--main-color)
}

.shipping-form .form-group select:focus {
    border-color: var(--main-color)
}

.shipping-form .form-group textarea {
    position: relative;
    display: block;
    width: 100%;
    line-height: 24px;
    padding: 15px 25px 25px;
    font-size: var(--font-16);
    color: var(--main-color-two);
    height: 295px;
    background: var(--white-color);
    resize: none;
    font-size: 16px;
    border-radius: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border: 1px solid rgba(var(--black-color-rgb), .06)
}

.shipping-form .form-group textarea:focus {
    border-color: var(--main-color)
}

.shipping-form .check-box {
    position: relative
}

.shipping-form .check-box label {
    color: #2b2b2b;
    position: relative;
    display: block;
    width: 100%;
    cursor: pointer;
    margin-bottom: 0;
    font-weight: 400;
    line-height: 22px;
    background: #fff;
    padding: 4px 10px 0;
    padding-left: 30px;
    font-size: var(--font-16);
    color: var(--color-sixty);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.shipping-form .check-box input[type=checkbox]:checked+label {
    border-color: var(--main-color)
}

.shipping-form .check-box label {
    padding-left: 30px;
    padding-top: 1px;
    cursor: pointer
}

.shipping-form .check-box label:before {
    position: absolute;
    left: 0;
    top: 2px;
    height: 20px;
    width: 20px;
    background: #fff;
    content: "";
    border-radius: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border: 1px solid rgba(var(--black-color-rgb), .1)
}

.shipping-form .check-box label:after {
    position: absolute;
    left: 0;
    top: 0;
    height: 15px;
    line-height: 15px;
    max-width: 0;
    font-size: 14px;
    color: #fff;
    font-weight: 800;
    overflow: hidden;
    background: 0 0;
    text-align: center;
    font-family: FontAwesome;
    -webkit-transition: max-width .5s ease;
    transition: max-width .5s ease
}

.shipping-form .check-box input[type=checkbox] {
    display: none
}

.shipping-form .check-box input[type=checkbox]:checked+label:before {
    border: 8px solid var(--main-color);
    background-color: var(--white-color)
}

.shipping-form .check-box input[type=checkbox]:checked+label:after {
    max-width: 20px;
    opacity: 1
}

.shipping-form .theme-btn {
    cursor: pointer
}

.order-box {
    position: relative;
    padding: 25px 25px;
    border: 1px solid rgba(var(--black-color-rgb), .1)
}

.order-totals {
    position: relative
}

.order-totals li {
    position: relative;
    padding: 15px 25px;
    font-weight: 600;
    font-size: var(--font-14);
    color: var(--color-sixty);
    margin-bottom: var(--margin-bottom-30);
    border: 1px solid rgba(var(--black-color-rgb), .07)
}

.order-totals li span {
    position: absolute;
    right: 25px;
    color: var(--color-thirtynine)
}

.voucher-box {
    position: relative
}

.voucher-box .form-group {
    position: relative;
    margin: 0;
    width: 100%;
    max-width: 100%;
    padding-right: var(--padding-right-100)
}

.voucher-box .form-group input[type=email],
.voucher-box .form-group input[type=text] {
    position: relative;
    line-height: 38px;
    display: block;
    height: 54px;
    width: 100%;
    border-radius: 0;
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
    font-size: var(--font-14);
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    padding: 10px 15px 10px 25px;
    color: var(--color-fourtyeight);
    background-color: rgba(var(--white-color-rgb), 1);
    border: 1px solid rgba(var(--black-color-rgb), .07)
}

.voucher-box .form-group input::-webkit-input-placeholder {
    color: var(--color-fourtyeight)
}

.voucher-box .form-group input::-moz-placeholder {
    color: var(--color-fourtyeight)
}

.voucher-box .form-group input:-ms-input-placeholder {
    color: var(--color-fourtyeight)
}

.voucher-box .form-group input::-ms-input-placeholder {
    color: var(--color-fourtyeight)
}

.voucher-box .form-group input::placeholder {
    color: var(--color-fourtyeight)
}

.voucher-box .form-group textarea::-webkit-input-placeholder {
    color: var(--color-fourtyeight)
}

.voucher-box .form-group textarea::-moz-placeholder {
    color: var(--color-fourtyeight)
}

.voucher-box .form-group textarea:-ms-input-placeholder {
    color: var(--color-fourtyeight)
}

.voucher-box .form-group textarea::-ms-input-placeholder {
    color: var(--color-fourtyeight)
}

.voucher-box .form-group textarea::placeholder {
    color: var(--color-fourtyeight)
}

.voucher-box .form-group button {
    position: absolute;
    right: 0;
    top: 0;
    font-weight: 500;
    padding: 16px 24px;
    font-size: var(--font-14);
    color: var(--white-color);
    text-transform: capitalize;
    background-color: var(--black-color)
}

.order-box .order-total {
    position: relative;
    font-weight: 500;
    font-size: var(--font-20);
    color: var(--black-color);
    margin-top: var(--margin-top-30)
}

.order-box .order-total span {
    position: absolute;
    right: 0
}

.order-box .button-box {
    position: relative;
    margin-top: var(--margin-top-30)
}

.order-box .pay-btn {
    position: relative;
    width: 100%;
    text-align: center;
    padding: 17px 15px;
    border-radius: 6px;
    font-weight: 600;
    color: var(--white-color);
    text-transform: uppercase;
    background-color: var(--main-color)
}

.order-box .pay-btn:hover {
    letter-spacing: 2px;
    background-color: var(--black-color)
}

.contact-info-section {
    position: relative;
    padding: 80px 0 50px
}

.info-column {
    position: relative;
    margin-bottom: var(--margin-bottom-30)
}

.info-column .inner-column {
    position: relative;
    padding: 30px 30px 25px;
    border: 1px solid rgba(var(--black-color-rgb), .07)
}

.info-column .icon {
    position: relative;
    margin-right: 25px;
    line-height: 1em;
    font-size: var(--font-50);
    font-family: Flaticon;
    color: var(--main-color)
}

.info-column strong {
    position: relative;
    display: block;
    font-weight: 500;
    font-size: var(--font-18);
    color: var(--black-color);
    margin-bottom: var(--margin-bottom-10)
}

.info-column a {
    position: relative;
    display: block;
    font-size: var(--font-14);
    color: var(--color-sixtyone);
    margin-bottom: var(--margin-bottom-5)
}

.info-column .text {
    line-height: 27.5px;
    font-size: var(--font-14);
    color: var(--color-sixtyone)
}

.contact-section {
    position: relative;
    padding: 20px 0 80px
}

.contact-section .image-column {
    position: relative;
    margin-bottom: var(--margin-bottom-30)
}

.contact-section .image-column .inner-column {
    position: relative
}

.contact-section .color-layer {
    position: absolute;
    right: 80px;
    bottom: 40px;
    width: 370px;
    height: 285px;
    border-radius: 20px;
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
    background: var(--color-eight);
    background: -webkit-gradient(linear, left top, right top, from(var(--color-eight)), to(var(--color-seven)));
    background: linear-gradient(to right, var(--color-eight) 0, var(--color-seven) 100%)
}

.contact-section .image {
    position: relative;
    z-index: 1;
    display: inline-block
}

.contact-section .image img {
    position: relative
}

.contact-section .form-column {
    position: relative;
    margin-bottom: var(--margin-bottom-30)
}

.contact-section .form-column .inner-column {
    position: relative
}

.contact-form .form-group {
    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=password],
.contact-form .form-group input[type=tel],
.contact-form .form-group input[type=text] {
    position: relative;
    display: block;
    width: 100%;
    line-height: 28px;
    padding: 10px 25px;
    height: 55px;
    border-radius: 0;
    font-size: var(--font-16);
    color: var(--color-sixty);
    background: var(--white-color);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border: 1px solid rgba(var(--black-color-rgb), .06)
}

.contact-form .form-group .ui-selectmenu-button.ui-button,
.contact-form .form-group select {
    position: relative;
    display: block;
    width: 100%;
    line-height: 28px;
    padding: 10px 25px;
    height: 55px;
    border-radius: 0;
    font-size: var(--font-16);
    color: var(--color-sixty);
    background: var(--white-color);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border: 1px solid rgba(var(--black-color-rgb), .06)
}

.contact-form .form-group textarea::-webkit-input-placeholder {
    color: var(--color-sixty)
}

.contact-form .form-group input::-webkit-input-placeholder {
    color: var(--color-sixty)
}

.contact-form .form-group input[type=email]:focus,
.contact-form .form-group input[type=password]:focus,
.contact-form .form-group input[type=tel]:focus,
.contact-form .form-group input[type=text]:focus {
    border-color: var(--main-color)
}

.contact-form .form-group select:focus {
    border-color: var(--main-color)
}

.contact-form .form-group textarea {
    position: relative;
    display: block;
    width: 100%;
    line-height: 24px;
    padding: 15px 25px 25px;
    font-size: var(--font-16);
    color: var(--main-color-two);
    height: 220px;
    background: var(--white-color);
    resize: none;
    font-size: 16px;
    border-radius: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border: 1px solid rgba(var(--black-color-rgb), .06)
}

.contact-form .form-group textarea:focus {
    border-color: var(--main-color)
}

.contact-form .check-box {
    position: relative
}

.contact-form .check-box label {
    color: #2b2b2b;
    position: relative;
    display: block;
    width: 100%;
    cursor: pointer;
    margin-bottom: 0;
    font-weight: 400;
    line-height: 22px;
    background: #fff;
    padding: 4px 10px 0;
    padding-left: 30px;
    font-size: var(--font-16);
    color: var(--color-sixty);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.contact-form .check-box input[type=checkbox]:checked+label {
    border-color: var(--main-color)
}

.contact-form .check-box label {
    padding-left: 30px;
    padding-top: 1px;
    cursor: pointer
}

.contact-form .check-box label:before {
    position: absolute;
    left: 0;
    top: 2px;
    height: 20px;
    width: 20px;
    background: #fff;
    content: "";
    border-radius: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border: 1px solid rgba(var(--black-color-rgb), .1)
}

.contact-form .check-box label:after {
    position: absolute;
    left: 0;
    top: 0;
    height: 15px;
    line-height: 15px;
    max-width: 0;
    font-size: 14px;
    color: #fff;
    font-weight: 800;
    overflow: hidden;
    background: 0 0;
    text-align: center;
    font-family: FontAwesome;
    -webkit-transition: max-width .5s ease;
    transition: max-width .5s ease
}

.contact-form .check-box input[type=checkbox] {
    display: none
}

.contact-form .check-box input[type=checkbox]:checked+label:before {
    border: 8px solid var(--main-color);
    background-color: var(--white-color)
}

.contact-form .check-box input[type=checkbox]:checked+label:after {
    max-width: 20px;
    opacity: 1
}

.contact-form .theme-btn {
    cursor: pointer
}

.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-section .lower-box {
    position: relative;
    padding-top: var(--padding-top-10)
}

.video-box {
    position: relative
}

.video-box .video-image {
    position: relative;
    margin: 0;
    overflow: hidden;
    background-color: var(--main-color)
}

.video-box .video-image img {
    position: relative;
    width: 100%;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.video-box:hover .video-image img {
    -webkit-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.video-box .overlay-box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    overflow: hidden;
    line-height: 45px;
    overflow: hidden
}

.video-box .overlay-box span {
    position: absolute;
    width: 85px;
    height: 85px;
    left: 50%;
    top: 50%;
    z-index: 10;
    font-weight: 700;
    text-align: center;
    display: inline-block;
    margin-top: -42px;
    margin-left: -42px;
    line-height: 85px;
    border-radius: 50%;
    font-family: flaticon;
    font-size: var(--font-20);
    color: var(--black-color);
    padding-left: var(--padding-left-5);
    background-color: var(--white-color);
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.video-box .overlay-box span:hover {
    color: var(--white-color);
    background-color: var(--main-color)
}

.video-box.style-two .overlay-box span {
    font-size: var(--font-24);
    font-family: FontAwesome;
    color: var(--color-twentyseven)
}

.video-box .ripple {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 85px;
    height: 85px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 50% 50% 50% 50%;
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -webkit-animation: ripple 3s infinite;
    animation: ripple 3s infinite
}

.video-box .ripple:after,
.video-box .ripple:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 85px;
    height: 85px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 50% 50% 50% 50%;
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -webkit-animation: ripple 3s infinite;
    animation: ripple 3s infinite
}

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

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

.contact-section .lower-content-box {
    position: relative
}

.contact-section h3 {
    margin-bottom: var(--margin-bottom-25)
}

.sidebar-widget-two {
    position: relative;
    margin-bottom: var(--margin-bottom-50)
}

.sidebar-widget-two .widget-content {
    position: relative;
    padding-top: var(--padding-top-30);
    border-top: 1px solid rgba(var(--black-color-rgb), .1)
}

.sidebar-widget-two .widget-content:before {
    position: absolute;
    content: "";
    left: 0;
    top: -1px;
    width: 60px;
    height: 1px;
    background-color: var(--main-color)
}

.sidebar-widget-two .social-list {
    position: relative
}

.sidebar-widget-two .social-list li {
    position: relative;
    font-weight: 400;
    font-size: var(--font-18);
    margin-bottom: var(--margin-bottom-25)
}

.sidebar-widget-two .social-list li .icon {
    position: relative;
    width: 36px;
    height: 36px;
    line-height: 34px;
    border-radius: 50px;
    text-align: center;
    font-size: var(--font-16);
    margin-right: var(--margin-right-15);
    border: 1px solid rgba(var(--black-color-rgb), .1)
}

.sidebar-widget-two .social-list a {
    position: absolute;
    right: 0;
    font-weight: 500;
    border-radius: 50px;
    display: inline-block;
    padding: 5px 20px 4px;
    font-size: var(--font-15);
    text-transform: capitalize;
    color: var(--color-sixtythree);
    border: 1px solid rgba(var(--black-color-rgb), .1)
}

.sidebar-widget-two .social-list a:hover {
    color: var(--white-color);
    background-color: var(--main-color)
}

.sidebar-widget-two .social-list li:last-child {
    margin-bottom: var(--margin-zero)
}

.post-widget {
    position: relative
}

.post-widget .post {
    position: relative;
    min-height: 80px;
    padding-left: var(--padding-left-120);
    margin-bottom: var(--margin-bottom-20)
}

.post-widget .post .post-number {
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    font-weight: 700;
    color: var(--white-color);
    font-size: var(--font-10);
    background-color: var(--main-color);
    font-family: var(--font-family-Roboto)
}

.post-widget .post:last-child {
    margin-bottom: var(--margin-zero)
}

.post-widget .post .thumb {
    position: absolute;
    left: 0;
    top: 0;
    width: 103px;
    overflow: hidden
}

.post-widget .post .thumb a {
    display: block
}

.post-widget .post .thumb img {
    display: block;
    width: 100%;
    height: auto
}

.post-widget .post h6 {
    font-weight: 500;
    line-height: 22px;
    line-height: 28px;
    margin-top: var(--margin-top-5);
    margin-bottom: var(--margin-bottom-5)
}

.post-widget .post h6 a {
    color: var(--color-sixtyfour);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.post-widget .post h6 a:hover {
    color: var(--main-color)
}

.post-widget .post .category {
    position: relative;
    display: block;
    opacity: .6;
    font-weight: 500;
    font-size: var(--font-12);
    color: var(--black-color);
    text-transform: uppercase;
    font-family: var(--font-family-Roboto)
}

.trending-widget .content {
    position: relative;
    padding: 40px 30px;
    background-color: var(--color-sixtyfive)
}

.trending-widget .title {
    position: relative;
    padding: 4px 22px;
    border-radius: 50px;
    color: var(--white-color);
    display: inline-block;
    background-color: var(--main-color)
}

.trending-widget h3 {
    margin-top: var(--margin-top-20);
    color: var(--color-sixtysix)
}

.trending-widget h3 span {
    color: var(--main-color);
    text-decoration: underline
}

.trending-widget .buy-btn {
    position: relative;
    font-weight: 500;
    padding: 8px 24px;
    border-radius: 50px;
    display: inline-block;
    color: var(--white-color);
    font-size: var(--font-14);
    margin-top: var(--margin-top-20);
    background-color: var(--main-color)
}

.trending-widget .buy-btn:hover {
    background-color: var(--black-color)
}

.tweet-box {
    position: relative;
    margin-bottom: var(--margin-bottom-30)
}

.tweet-box .tweet-title {
    position: relative;
    text-align: center
}

.tweet-box .tweet-title:before {
    position: absolute;
    content: "\f099";
    left: 0;
    top: 0;
    color: #0095e9;
    font-size: var(--font-20);
    font-family: FontAwesome
}

.tweet-box .tweet {
    position: relative;
    line-height: 26px;
    font-size: var(--font-16);
    color: var(--color-sixtyseven);
    margin-top: var(--margin-top-15)
}

.tweet-box .tweet a {
    position: relative;
    color: var(--color-sixtyeight)
}

.tweet-box .tweet-date {
    position: relative;
    line-height: 1em;
    font-size: var(--font-14);
    color: var(--color-sixtyseven);
    margin-top: var(--margin-top-15);
    padding-left: var(--padding-left-25)
}

.tweet-box .tweet-date:before {
    position: absolute;
    content: "\f073";
    left: 0;
    line-height: 1em;
    font-family: FontAwesome
}

.category-list-two {
    position: relative
}

.category-list-two li {
    position: relative;
    padding: 12px 20px;
    border-radius: 5px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    margin-bottom: var(--margin-bottom-20);
    border: 1px solid rgba(var(--black-color-rgb), .1)
}

.category-list-two li:hover {
    border-color: var(--main-color);
    background-color: var(--main-color)
}

.category-list-two li:hover .icon {
    color: var(--white-color);
    background-color: rgba(var(--white-color-rgb), .2)
}

.category-list-two li:hover .number,
.category-list-two li:hover a,
.category-list-two li:hover a:before {
    color: var(--white-color)
}

.category-list-two li .icon {
    position: relative;
    width: 42px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    border-radius: 50px;
    display: inline-block;
    font-family: Flaticon;
    font-size: var(--font-20);
    color: var(--main-color);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    margin-right: var(--margin-right-10);
    background-color: rgba(var(--main-color-rgb), .1)
}

.category-list-two li a {
    position: relative;
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: var(--font-15);
    color: var(--color-sixtyfour);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.category-list-two li .number {
    position: absolute;
    right: 35px;
    font-size: var(--font-15);
    color: var(--main-color);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.category-list-two li a:before {
    position: absolute;
    right: 0;
    top: 10px;
    opacity: .4;
    font-weight: 700;
    content: "\f10e";
    font-size: var(--font-20);
    color: var(--color-fifty);
    font-family: flaticon;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.news-form {
    position: relative
}

.news-form .form-group {
    margin-bottom: var(--margin-bottom-20)
}

.news-form .form-group .ui-selectmenu-button.ui-button {
    position: relative;
    display: block;
    width: 100%;
    line-height: 34px;
    padding: 10px 25px;
    height: 55px;
    border-radius: 5px;
    font-size: var(--font-16);
    color: var(--color-sixty);
    background: var(--white-color);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border: 1px solid rgba(var(--black-color-rgb), .06)
}

.news-form .form-group .search-btn {
    position: relative;
    display: block;
    width: 100%;
    font-weight: 500;
    padding: 16px 15px;
    border-radius: 4px;
    font-size: var(--font-16);
    text-transform: uppercase;
    color: var(--white-color);
    background: var(--main-color)
}

.news-form .form-group .search-btn:hover {
    letter-spacing: 2px
}

.tag-list-two {
    position: relative;
    display: block
}

.tag-list-two li {
    position: relative;
    display: inline-block;
    margin-right: var(--margin-right-10);
    margin-bottom: var(--margin-bottom-10)
}

.tag-list-two li a {
    position: relative;
    display: block;
    line-height: 20px;
    font-weight: 500;
    padding: 9px 16px;
    border-radius: 0;
    font-size: var(--font-14);
    text-transform: capitalize;
    color: var(--color-fiftytwo);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    background-color: var(--color-fiftythree)
}

.tag-list-two li a:hover {
    color: var(--white-color);
    background-color: var(--main-color);
    border-color: var(--main-color)
}

.news-block-two {
    position: relative;
    margin-bottom: var(--margin-bottom-50)
}

.news-block-two .inner-box {
    position: relative
}

.news-block-two .image {
    position: relative;
    border-radius: 10px;
    overflow: hidden
}

.news-block-two .image img {
    position: relative;
    width: 100%;
    display: block
}

.news-block-two .post-date {
    position: absolute;
    left: 15px;
    top: 15px;
    width: 74px;
    height: 70px;
    font-weight: 700;
    text-align: center;
    border-radius: 6px;
    padding: 12px 0 0;
    font-size: var(--font-20);
    color: var(--white-color);
    font-family: var(--font-family-Roboto);
    background-color: var(--main-color)
}

.news-block-two .lower-content {
    position: relative;
    padding-top: var(--padding-top-25)
}

.news-block-two .tags {
    position: relative
}

.news-block-two .tags span {
    position: relative;
    border-radius: 4px;
    display: inline-block;
    padding: 3px 10px 2px;
    font-size: var(--font-14);
    color: var(--white-color);
    font-family: var(--font-family-Roboto);
    background-color: var(--main-color);
    margin-right: var(--margin-right-15)
}

.news-block-two .tags a {
    position: relative;
    font-weight: 500;
    font-size: var(--font-15);
    margin-right: var(--margin-right-15);
    padding-right: var(--padding-right-15);
    color: rgba(var(--black-color-rgb), .5)
}

.news-block-two .tags a:before {
    position: absolute;
    content: "";
    right: 0;
    top: 8px;
    width: 5px;
    height: 5px;
    border-radius: 50px;
    background-color: var(--main-color)
}

.news-block-two .tags a:hover {
    color: var(--main-color)
}

.news-block-two .tags a:last-child {
    margin-right: var(--margin-zero);
    padding-right: var(--padding-zero)
}

.news-block-two .tags a:last-child::before {
    display: none
}

.news-block-two h3 {
    font-weight: 500;
    margin: 20px 0;
    font-size: var(--font-32)
}

.news-block-two h3 a {
    position: relative;
    color: var(--black-color)
}

.news-block-two h3 a:hover {
    color: var(--main-color)
}

.news-block-two .post-meta {
    position: relative
}

.news-block-two .post-meta li {
    position: relative;
    line-height: 1em;
    font-size: var(--font-16);
    color: var(--black-color);
    padding-left: var(--padding-left-25);
    margin-right: var(--margin-right-15);
    padding-right: var(--padding-right-15);
    border-right: 2px solid rgba(var(--black-color-rgb), .1)
}

.news-block-two .post-meta li:first-child {
    padding-left: var(--padding-left-35)
}

.news-block-two .post-meta li .icon {
    position: absolute;
    left: 0;
    font-family: Flaticon
}

.news-block-two .post-meta .author {
    position: absolute;
    left: 0;
    top: -4px;
    width: 25px;
    height: 26px;
    overflow: hidden;
    border-radius: 50px;
    display: inline-block;
    margin-right: var(--margin-right-10)
}

.news-block-two .post-meta li span {
    position: relative;
    color: var(--main-color)
}

.news-block-two .post-meta li:last-child {
    border: none;
    margin-right: var(--margin-zero);
    padding-right: var(--padding-zero)
}

.news-block-two .text {
    position: relative;
    margin-top: var(--margin-top-40);
    padding-top: var(--padding-top-20);
    border-top: 1px solid rgba(var(--black-color-rgb), .1)
}

.blog-detail {
    position: relative
}

.blog-detail .inner-box {
    position: relative
}

.blog-detail .image {
    position: relative;
    border-radius: 10px;
    overflow: hidden
}

.blog-detail .image img {
    position: relative;
    width: 100%;
    display: block
}

.blog-detail .post-date {
    position: absolute;
    left: 15px;
    top: 15px;
    width: 74px;
    height: 70px;
    font-weight: 700;
    text-align: center;
    border-radius: 6px;
    padding: 12px 0 0;
    font-size: var(--font-20);
    color: var(--white-color);
    font-family: var(--font-family-Roboto);
    background-color: var(--main-color)
}

.blog-detail .carousel-box {
    position: relative
}

.blog-detail .carousel-box .owl-dots {
    display: none
}

.blog-detail .carousel-box .owl-nav {
    position: absolute;
    left: 30px;
    top: 50%;
    right: 30px;
    margin-top: -22px
}

.blog-detail .carousel-box .owl-nav .owl-prev {
    position: absolute;
    left: 0;
    width: 60px;
    height: 36px;
    font-weight: 600;
    line-height: 36px;
    text-align: center;
    font-size: var(--font-18);
    font-family: Flaticon;
    color: var(--white-color);
    border-radius: 50px;
    background-color: rgba(var(--white-color-rgb), .2);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.blog-detail .carousel-box .owl-nav .owl-next {
    position: absolute;
    right: 0;
    width: 60px;
    height: 36px;
    font-weight: 600;
    line-height: 36px;
    text-align: center;
    font-size: var(--font-18);
    font-family: Flaticon;
    color: var(--white-color);
    border-radius: 50px;
    background-color: rgba(var(--white-color-rgb), .2);
    font-family: Flaticon;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.blog-detail .carousel-box .owl-nav .owl-next:hover,
.blog-detail .carousel-box .owl-nav .owl-prev:hover {
    color: var(--black-color);
    background-color: var(--white-color)
}

.blog-detail .lower-content {
    position: relative;
    padding-top: var(--padding-top-25)
}

.blog-detail .tags {
    position: relative
}

.blog-detail .tags span {
    position: relative;
    border-radius: 4px;
    display: inline-block;
    padding: 3px 10px 2px;
    font-size: var(--font-14);
    color: var(--white-color);
    font-family: var(--font-family-Roboto);
    background-color: var(--main-color);
    margin-right: var(--margin-right-15)
}

.blog-detail .tags a {
    position: relative;
    font-weight: 500;
    font-size: var(--font-15);
    margin-right: var(--margin-right-15);
    padding-right: var(--padding-right-15);
    color: rgba(var(--black-color-rgb), .5)
}

.blog-detail .tags a:before {
    position: absolute;
    content: "";
    right: 0;
    top: 8px;
    width: 5px;
    height: 5px;
    border-radius: 50px;
    background-color: var(--main-color)
}

.blog-detail .tags a:hover {
    color: var(--main-color)
}

.blog-detail .tags a:last-child {
    margin-right: var(--margin-zero);
    padding-right: var(--padding-zero)
}

.blog-detail .tags a:last-child::before {
    display: none
}

.blog-detail h3 {
    font-weight: 500;
    margin: 20px 0;
    font-size: var(--font-32);
    color: var(--color-thirtynine)
}

.blog-detail h4,
.blog-detail h5 {
    color: var(--color-thirtynine);
    margin-bottom: var(--margin-bottom-15)
}

.blog-detail .post-meta {
    position: relative;
    margin-bottom: var(--margin-bottom-20);
    padding-bottom: var(--padding-bottom-30);
    border-bottom: 1px solid rgba(var(--black-color-rgb), .1)
}

.blog-detail .post-meta li {
    position: relative;
    line-height: 1em;
    font-size: var(--font-16);
    color: var(--black-color);
    padding-left: var(--padding-left-25);
    margin-right: var(--margin-right-15);
    padding-right: var(--padding-right-15);
    border-right: 2px solid rgba(var(--black-color-rgb), .1)
}

.blog-detail .post-meta li:first-child {
    padding-left: var(--padding-left-35)
}

.blog-detail .post-meta li .icon {
    position: absolute;
    left: 0;
    font-family: Flaticon
}

.blog-detail .post-meta .author {
    position: absolute;
    left: 0;
    top: -4px;
    width: 25px;
    height: 26px;
    overflow: hidden;
    border-radius: 50px;
    display: inline-block;
    margin-right: var(--margin-right-10)
}

.blog-detail .post-meta li span {
    position: relative;
    color: var(--main-color)
}

.blog-detail .post-meta li:last-child {
    border: none;
    margin-right: var(--margin-zero);
    padding-right: var(--padding-zero)
}

.blog-detail p {
    color: var(--color-sixtynine);
    margin-bottom: var(--margin-bottom-15)
}

.blog-detail .two-column {
    position: relative;
    margin-top: var(--margin-top-25);
    margin-bottom: var(--margin-bottom-20)
}

.blog-detail .two-column:before {
    position: absolute;
    content: "";
    left: 46%;
    top: 0;
    bottom: 0;
    width: 1px;
    opacity: .1;
    background-color: var(--black-color)
}

.blog-detail .list-one {
    position: relative
}

.blog-detail .list-one li {
    position: relative;
    font-size: var(--font-16);
    padding-left: var(--padding-left-50);
    margin-bottom: var(--margin-bottom-25);
    color: rgba(var(--color-fiftyfive-rgb), .8)
}

.blog-detail .list-one li:before {
    position: absolute;
    content: "\f1a3";
    left: 0;
    top: 0;
    width: 28px;
    height: 28px;
    text-align: center;
    border-radius: 50px;
    line-height: 28px;
    font-size: var(--font-12);
    font-family: Flaticon;
    color: var(--main-color);
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    box-shadow: 0 0 15px rgba(0, 0, 0, .1)
}

.blog-detail .list-two {
    position: relative
}

.blog-detail .list-two li {
    position: relative;
    line-height: 30px;
    font-size: var(--font-16);
    color: var(--color-twelve);
    padding-left: var(--padding-left-30);
    margin-bottom: var(--margin-bottom-15)
}

.blog-detail .list-two li:before {
    position: absolute;
    content: "";
    left: 0;
    top: 10px;
    width: 10px;
    height: 10px;
    background-color: var(--main-color)
}

.blog-detail .list-two li:last-child {
    margin-bottom: var(--margin-zero)
}

.blog-detail blockquote {
    position: relative;
    padding: 35px 30px;
    font-weight: 500;
    line-height: 38px;
    font-size: var(--font-24);
    color: var(--color-seventy);
    margin-top: var(--margin-top-40);
    margin-bottom: var(--margin-bottom-40);
    background-color: var(--color-sixtytwo);
    border-left: 4px solid var(--main-color)
}

.blog-detail blockquote .designation {
    position: relative;
    opacity: .8;
    font-weight: 400;
    display: block;
    font-size: var(--font-16);
    color: var(--color-seventy);
    margin-top: var(--margin-top-15);
    padding-left: var(--padding-left-50)
}

.blog-detail blockquote .quote-icon {
    position: absolute;
    right: 30px;
    bottom: 20px;
    opacity: .1;
    line-height: 1em;
    font-size: var(--font-80);
    font-family: Flaticon
}

.blog-detail blockquote .designation:before {
    position: absolute;
    content: "";
    left: 0;
    top: 17px;
    width: 30px;
    height: 1px;
    opacity: .2;
    background-color: var(--black-color)
}

.blog-detail .list-three {
    position: relative
}

.blog-detail .list-three li {
    position: relative;
    line-height: 30px;
    font-weight: 500;
    font-size: var(--font-18);
    color: var(--color-thirtynine);
    font-family: var(--font-family-Inter);
    padding-left: var(--padding-left-30);
    margin-bottom: var(--margin-bottom-15)
}

.blog-detail .list-three li:before {
    position: absolute;
    content: "";
    left: 0;
    top: 9px;
    width: 10px;
    height: 10px;
    background-color: var(--main-color)
}

.blog-detail .list-three li:last-child {
    margin-bottom: var(--margin-zero)
}

.blog-detail .gallery-box {
    position: relative;
    margin-top: var(--margin-top-40);
    margin-bottom: var(--margin-bottom-40)
}

.blog-detail .image-two {
    position: relative;
    border-radius: 10px;
    overflow: hidden
}

.blog-detail .image-two img {
    position: relative;
    width: 100%;
    display: block
}

.blog-detail .image-two .tag {
    position: absolute;
    left: 15px;
    top: 15px;
    z-index: 1;
    border-radius: 4px;
    display: inline-block;
    padding: 3px 10px 2px;
    font-size: var(--font-14);
    color: var(--white-color);
    font-family: var(--font-family-Roboto);
    background-color: var(--main-color)
}

.blog-detail .business-box {
    position: relative;
    margin-top: var(--margin-top-35);
    margin-bottom: var(--margin-bottom-50)
}

.blog-detail .video-content {
    position: relative;
    font-style: italic;
    font-weight: 500;
    text-align: center;
    line-height: 32px;
    font-size: var(--font-18);
    color: var(--color-seventyone);
    margin-top: var(--margin-top-25);
    margin-bottom: var(--margin-bottom-10);
    font-family: var(--font-family-Roboto)
}

.blog-detail .post-share-options {
    position: relative;
    margin-top: var(--margin-top-40);
    margin-bottom: var(--margin-bottom-60)
}

.blog-detail .post-share-options .post-share-inner {
    position: relative
}

.blog-detail .post-share-options .tags-box {
    position: relative;
    float: left
}

.blog-detail .post-share-options .tags-box span {
    font-weight: 500;
    font-size: var(--font-22);
    text-transform: capitalize;
    color: var(--color-thirtynine);
    margin-top: var(--margin-top-5);
    margin-right: var(--margin-right-10)
}

.blog-detail .post-share-options .tags-box a {
    position: relative;
    font-weight: 500;
    padding: 8px 25px;
    border-radius: 3px;
    display: inline-block;
    text-transform: uppercase;
    font-size: var(--font-12);
    color: var(--color-fourtyeight);
    margin-right: var(--margin-right-10);
    font-family: var(--font-family-Roboto);
    border: 1px solid rgba(var(--black-color-rgb), .1);
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    margin-bottom: var(--margin-bottom-5)
}

.blog-detail .post-share-options .tags-box a:last-child {
    margin-right: 0
}

.blog-detail .post-share-options .tags-box a:hover {
    color: var(--white-color);
    border-color: var(--main-color);
    background-color: var(--main-color)
}

.blog-detail .social-box {
    position: relative;
    float: right;
    margin-top: 6px
}

.blog-detail .social-box .share {
    position: relative;
    font-weight: 500;
    font-size: var(--font-22);
    text-transform: capitalize;
    color: var(--color-thirtynine);
    margin-top: var(--margin-top-5);
    margin-right: var(--margin-right-10)
}

.blog-detail .social-box li {
    position: relative;
    display: inline-block;
    margin-left: var(--margin-left-5)
}

.blog-detail .social-box li a {
    position: relative;
    width: 44px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    display: inline-block;
    font-size: var(--font-16);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    color: var(--color-thirtynine);
    background-color: var(--color-seventytwo)
}

.blog-detail .social-box li a:hover {
    color: var(--white-color);
    background-color: var(--main-color)
}

.blog-detail .more-posts {
    position: relative;
    padding-top: var(--padding-bottom-20);
    padding-bottom: var(--padding-bottom-20);
    border-top: 1px solid rgba(var(--black-color-rgb), .1);
    border-bottom: 1px solid rgba(var(--black-color-rgb), .1)
}

.blog-detail .more-posts:before {
    position: absolute;
    content: "";
    left: 50%;
    top: 20px;
    width: 1px;
    bottom: 20px;
    border-right: 1px solid rgba(var(--black-color-rgb), .1)
}

.blog-detail .post-info {
    position: relative;
    font-weight: 400;
    display: block;
    font-size: var(--font-14);
    color: var(--color-sixtyfour);
    margin-top: var(--margin-top-10);
    font-family: var(--font-family-Roboto)
}

.blog-detail .post-info .author {
    position: relative;
    margin-right: var(--margin-right-5)
}

.blog-detail .post-info .date {
    position: relative;
    line-height: 1em;
    font-size: var(--font-14);
    color: var(--color-sixtyseven);
    margin-top: var(--margin-top-15);
    margin-left: var(--margin-left-10);
    padding-left: var(--padding-left-25)
}

.blog-detail .post-info .date:before {
    position: absolute;
    content: "\f073";
    left: 0;
    top: 1px;
    line-height: 1em;
    font-family: FontAwesome
}

.blog-detail .new-post {
    position: relative;
    padding-left: var(--padding-left-90);
    padding-right: var(--padding-right-90)
}

.blog-detail .new-post .prev-arrow {
    position: absolute;
    left: 0;
    top: 25px;
    width: 55px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 50px;
    font-weight: 700;
    cursor: pointer;
    color: var(--main-color);
    font-size: var(--font-10);
    font-family: Flaticon;
    background-color: var(--color-seventytwo)
}

.blog-detail .next-arrow {
    position: absolute;
    right: 0;
    top: 45px;
    width: 55px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 50px;
    font-weight: 700;
    cursor: pointer;
    color: var(--main-color);
    font-size: var(--font-10);
    font-family: Flaticon;
    background-color: var(--color-seventytwo)
}

.blog-detail .more-posts .new-post .image {
    position: absolute;
    left: 0;
    top: 0;
    width: 85px;
    overflow: hidden;
    border-radius: 50%
}

.blog-detail .new-post .post-inner {
    position: relative;
    min-height: 85px;
    padding-left: var(--padding-left-110)
}

.blog-detail .new-post .post-inner a {
    position: relative;
    font-weight: 500;
    line-height: 24px;
    font-size: var(--font-16);
    color: var(--color-sixtyfour)
}

.blog-detail .next-arrow:hover,
.blog-detail .prev-arrow:hover {
    color: var(--white-color);
    background-color: var(--main-color)
}

.sidebar-page-container .comments-area {
    position: relative;
    padding-top: var(--padding-top-55);
    margin-bottom: var(--margin-bottom-50);
    padding-bottom: var(--padding-bottom-50);
    border-bottom: 1px solid rgba(var(--black-color-rgb), .05)
}

.sidebar-page-container .group-title {
    position: relative;
    margin-bottom: var(--margin-bottom-30)
}

.sidebar-page-container .group-title h4 {
    font-weight: 500;
    color: var(--color-thirtynine);
    margin-bottom: var(--margin-bottom-30)
}

.sidebar-page-container .comments-area .comment-box {
    position: relative;
    margin-bottom: var(--margin-bottom-40);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.sidebar-page-container .comments-area .comment-box:last-child {
    margin-bottom: var(--margin-zero)
}

.sidebar-page-container .comments-area .comment {
    position: relative;
    min-height: 120px;
    font-size: var(--font-14);
    padding: 0 0 0 100px
}

.sidebar-page-container .comments-area .reply-comment {
    margin-left: var(--margin-left-100)
}

.sidebar-page-container .comments-area .comment-box .author-thumb {
    position: absolute;
    left: 0;
    top: 0;
    width: 80px;
    height: 80px;
    overflow: hidden;
    border-radius: 50%;
    margin-bottom: var(--margin-bottom-20)
}

.sidebar-page-container .comments-area .comment-box .author-thumb img {
    width: 100%;
    display: block
}

.sidebar-page-container .comments-area .comment-info {
    margin-bottom: var(--margin-bottom-15)
}

.sidebar-page-container .comments-area .comment-box strong {
    position: relative;
    font-weight: 500;
    display: block;
    text-transform: capitalize;
    font-size: var(--font-18);
    color: var(--color-thirtynine)
}

.sidebar-page-container .comments-area .comment-box .text {
    max-width: 780px;
    line-height: 28px;
    font-size: var(--font-15);
    color: var(--color-sixtynine);
    margin-bottom: var(--margin-bottom-15);
    font-family: var(--font-family-Roboto)
}

.sidebar-page-container .comments-area .comment-info .comment-time {
    position: relative;
    display: block;
    font-weight: 500;
    letter-spacing: 1px;
    font-size: var(--font-12);
    text-transform: uppercase;
    color: var(--color-fourtyeight);
    margin-top: var(--margin-top-5);
    font-family: var(--font-family-Roboto)
}

.sidebar-page-container .comments-area .comment-box .reply-btn {
    position: absolute;
    right: 100px;
    top: 0;
    font-weight: 500;
    font-size: var(--font-24);
    color: var(--color-thirtynine);
    font-family: Flaticon
}

.sidebar-page-container .comments-area .comment-box .reply-btn:hover {
    color: var(--main-color)
}

.comment-form .form-group {
    margin-bottom: var(--margin-bottom-30)
}

.comment-form .form-group:last-child {
    margin-bottom: 0
}

.comment-form .form-group input[type=email],
.comment-form .form-group input[type=password],
.comment-form .form-group input[type=tel],
.comment-form .form-group input[type=text] {
    position: relative;
    display: block;
    width: 100%;
    line-height: 28px;
    padding: 10px 25px;
    height: 60px;
    border-radius: 0;
    font-size: var(--font-16);
    color: var(--color-sixty);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-family: var(--font-family-Inter);
    background-color: var(--color-seventythree);
    border: 1px solid rgba(var(--black-color-rgb), .06)
}

.comment-form .form-group .ui-selectmenu-button.ui-button,
.comment-form .form-group select {
    position: relative;
    display: block;
    width: 100%;
    line-height: 28px;
    padding: 10px 25px;
    height: 60px;
    border-radius: 0;
    font-size: var(--font-16);
    color: var(--color-sixty);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-family: var(--font-family-Inter);
    background-color: var(--color-seventythree);
    border: 1px solid rgba(var(--black-color-rgb), .06)
}

.comment-form .form-group textarea::-webkit-input-placeholder {
    color: var(--color-sixty)
}

.comment-form .form-group input::-webkit-input-placeholder {
    color: var(--color-sixty)
}

.comment-form .form-group input[type=email]:focus,
.comment-form .form-group input[type=password]:focus,
.comment-form .form-group input[type=tel]:focus,
.comment-form .form-group input[type=text]:focus {
    border-color: var(--main-color);
    background-color: var(--white-color)
}

.comment-form .form-group select:focus {
    border-color: var(--main-color);
    background-color: var(--white-color)
}

.comment-form .form-group textarea {
    position: relative;
    display: block;
    width: 100%;
    line-height: 24px;
    padding: 15px 25px 25px;
    font-size: var(--font-16);
    color: var(--main-color-two);
    height: 220px;
    resize: none;
    font-size: 16px;
    border-radius: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-family: var(--font-family-Inter);
    background-color: var(--color-seventythree);
    border: 1px solid rgba(var(--black-color-rgb), .06)
}

.comment-form .form-group textarea:focus {
    border-color: var(--main-color);
    background-color: var(--white-color)
}

.comment-form .check-box {
    position: relative
}

.comment-form .check-box label {
    color: #2b2b2b;
    position: relative;
    display: block;
    width: 100%;
    cursor: pointer;
    margin-bottom: 0;
    font-weight: 400;
    line-height: 22px;
    background: #fff;
    padding: 4px 10px 0;
    padding-left: 30px;
    font-size: var(--font-16);
    color: var(--color-sixty);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.comment-form .check-box input[type=checkbox]:checked+label {
    border-color: var(--main-color)
}

.comment-form .check-box label {
    padding-left: 30px;
    padding-top: 1px;
    cursor: pointer
}

.comment-form .check-box label:before {
    position: absolute;
    left: 0;
    top: 2px;
    height: 20px;
    width: 20px;
    background: #fff;
    content: "";
    border-radius: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border: 1px solid rgba(var(--black-color-rgb), .1)
}

.comment-form .check-box label:after {
    position: absolute;
    left: 0;
    top: 0;
    height: 15px;
    line-height: 15px;
    max-width: 0;
    font-size: 14px;
    color: #fff;
    font-weight: 800;
    overflow: hidden;
    background: 0 0;
    text-align: center;
    font-family: FontAwesome;
    -webkit-transition: max-width .5s ease;
    transition: max-width .5s ease
}

.comment-form .check-box input[type=checkbox] {
    display: none
}

.comment-form .check-box input[type=checkbox]:checked+label:before {
    border: 8px solid var(--main-color);
    background-color: var(--white-color)
}

.comment-form .check-box input[type=checkbox]:checked+label:after {
    max-width: 20px;
    opacity: 1
}

.comment-form .theme-btn {
    cursor: pointer;
    border-radius: 0
}

.error-section {
    position: relative;
    text-align: center;
    padding: 110px 0 80px
}

.error-section .content {
    position: relative
}

.error-section h1 {
    line-height: 1em;
    font-size: 340px;
    font-weight: 700;
    color: rgba(var(--black-color-rgb), .15)
}

.error-section h2 {
    font-weight: 600;
    font-size: var(--font-55);
    margin-top: var(--margin-top-15)
}

.error-section .text {
    font-size: var(--font-18);
    color: var(--color-sixtyone);
    margin-top: var(--margin-top-35)
}

.error-section .button-box {
    margin-top: var(--margin-top-35)
}

.register-section {
    position: relative;
    padding: 110px 0 80px
}

.register-section .row {
    margin: 0 -40px
}

.register-section .column {
    padding: 0 40px
}

.register-section h4 {
    font-weight: 500;
    color: var(--black-color);
    margin-bottom: var(--margin-bottom-30)
}

.styled-form {
    position: relative
}

.styled-form .submit-text {
    font-weight: 400;
    font-size: var(--font-15);
    color: var(--main-color-two);
    margin-top: var(--margin-top-10)
}

.styled-form .form-group {
    position: relative;
    margin-bottom: var(--margin-bottom-30)
}

.styled-form .form-group label {
    position: relative;
    display: block;
    font-weight: 500;
    font-size: var(--font-16);
    margin-bottom: var(--margin-bottom-15)
}

.checkout-section .styled-form .form-group {
    position: relative;
    margin-bottom: var(--margin-bottom-20)
}

.styled-form .form-group .check-box {
    line-height: 24px;
    font-size: var(--font-15);
    font-weight: 400;
    padding-top: var(--padding-top-5);
    color: var(--main-color-two)
}

.styled-form .form-group .check-box label {
    position: relative;
    top: -1px;
    font-weight: 400;
    padding: 0;
    font-size: 15px;
    cursor: pointer
}

.styled-form input[type=email],
.styled-form input[type=number],
.styled-form input[type=password],
.styled-form input[type=tel],
.styled-form input[type=text],
.styled-form input[type=url] {
    position: relative;
    display: block;
    width: 100%;
    background: var(--white-color);
    line-height: 30px;
    padding: 8px 30px;
    height: 56px;
    font-weight: 400;
    border-radius: 50px;
    font-size: var(--font-15);
    border: 2px solid #f4f4f4;
    color: var(--color-seventyfour);
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    font-family: var(--font-family-Inter)
}

.styled-form select,
.styled-form textarea {
    position: relative;
    display: block;
    width: 100%;
    background: var(--white-color);
    line-height: 30px;
    padding: 8px 30px;
    height: 56px;
    font-weight: 400;
    border-radius: 50px;
    font-size: var(--font-15);
    border: 2px solid #f4f4f4;
    color: var(--color-seventyfour);
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    font-family: var(--font-family-Inter)
}

.checkout-section .styled-form input[type=email],
.checkout-section .styled-form input[type=password],
.checkout-section .styled-form input[type=text] {
    line-height: 26px;
    height: 44px
}

.checkout-section .styled-form select {
    line-height: 26px;
    height: 44px
}

.styled-form select {
    -webkit-appearance: none;
    -ms-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    background: var(--white-color) url(images/icons/icon-select.png) right center no-repeat;
    cursor: pointer
}

.styled-form select option {
    text-indent: 20px
}

.styled-form .form-group button {
    font-weight: 500;
    border-radius: 50px;
    text-transform: capitalize;
    font-family: var(--font-family-Inter)
}

.styled-form textarea {
    resize: none;
    height: 110px
}

.styled-form input:focus,
.styled-form select:focus,
.styled-form textarea:focus {
    border-color: var(--main-color)
}

.styled-form .form-group .check-box {
    position: relative
}

.styled-form .form-group .check-box label {
    color: #2b2b2b;
    position: relative;
    display: block;
    width: 100%;
    line-height: 22px;
    padding: 4px 10px 0;
    padding-left: 25px;
    background: #fff;
    font-size: 16px;
    font-weight: 400;
    color: #4e4f51;
    cursor: pointer;
    margin-bottom: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.styled-form .form-group .check-box label a {
    color: var(--color-five)
}

.styled-form .form-group .check-box input[type=checkbox]:checked+label {
    border-color: #25a9e0
}

.styled-form .form-group .form-group .check-box label {
    padding-left: 30px;
    padding-top: 1px;
    cursor: pointer
}

.styled-form .form-group .check-box label:before {
    position: absolute;
    left: 0;
    top: 8px;
    height: 14px;
    width: 12px;
    background-color: var(--white-color);
    content: "";
    border-radius: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border: 1px solid rgba(var(--black-color-rgb), .15)
}

.styled-form .form-group .check-box label:after {
    position: absolute;
    left: 0;
    top: 0;
    height: 15px;
    line-height: 15px;
    max-width: 0;
    font-size: 14px;
    color: var(--white-color);
    font-weight: 800;
    overflow: hidden;
    background: 0 0;
    text-align: center;
    font-family: FontAwesome;
    -webkit-transition: max-width .5s ease;
    transition: max-width .5s ease
}

.styled-form .form-group .check-box input[type=checkbox] {
    display: none
}

.styled-form .form-group .check-box input[type=checkbox]:checked+label:before {
    border: 5px solid var(--main-color);
    background: var(--white-color)
}

.styled-form .form-group .check-box input[type=checkbox]:checked+label:after {
    max-width: 20px;
    opacity: 1
}

.services-section-six {
    position: relative;
    padding: 110px 0 50px
}

.services-section-six.style-two {
    padding: 80px 0 100px
}

.services-section-six .owl-dots {
    display: none
}

.services-section-six .owl-nav {
    position: absolute;
    left: -90px;
    top: 50%;
    right: -90px;
    margin-top: -50px
}

.services-section-six .owl-nav .owl-prev {
    position: absolute;
    left: 0;
    width: 46px;
    height: 45px;
    font-weight: 600;
    line-height: 46px;
    text-align: center;
    font-family: Flaticon;
    font-size: var(--font-24);
    color: var(--color-seventyfive);
    border-radius: 50px 50px 50px 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.services-section-six .owl-nav .owl-next {
    position: absolute;
    right: 0;
    width: 46px;
    height: 45px;
    font-weight: 600;
    line-height: 46px;
    text-align: center;
    font-family: Flaticon;
    font-size: var(--font-24);
    color: var(--color-seventyfive);
    border-radius: 50px 50px 50px 0;
    font-family: Flaticon;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.services-section-six .owl-nav .owl-next:hover,
.services-section-six .owl-nav .owl-prev:hover {
    color: var(--main-color)
}

.service-detail {
    position: relative
}

.service-detail .inner-box {
    position: relative
}

.service-detail .image {
    position: relative
}

.service-detail .image img {
    position: relative;
    width: 100%;
    display: block
}

.service-detail .lower-content {
    position: relative;
    padding-top: var(--padding-top-35)
}

.service-detail h3 {
    font-weight: 500;
    font-size: var(--font-32);
    color: var(--black-color);
    margin-bottom: var(--margin-bottom-20)
}

.service-detail p {
    color: var(--color-twentyfour);
    margin-bottom: var(--margin-bottom-30)
}

.service-detail .two-column {
    position: relative;
    margin-bottom: var(--margin-bottom-30)
}

.service-detail .list-one {
    position: relative
}

.service-detail .list-one li {
    position: relative;
    font-size: var(--font-16);
    padding-left: var(--padding-left-30);
    margin-bottom: var(--margin-bottom-20);
    color: rgba(var(--color-fiftyfive-rgb), .8)
}

.service-detail .list-one li:before {
    position: absolute;
    content: "\f1a3";
    left: 0;
    top: 0;
    font-size: var(--font-14);
    font-family: Flaticon;
    color: var(--main-color)
}

.category-list-three {
    position: relative
}

.category-list-three li {
    position: relative;
    margin-bottom: var(--margin-bottom-10)
}

.category-list-three li a {
    position: relative;
    font-weight: 500;
    display: block;
    padding: 20px 25px;
    font-size: var(--font-18);
    color: var(--color-seventysix);
    background-color: rgba(var(--main-color-rgb), .03)
}

.category-list-three li a:before {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 50px;
    height: 44px;
    opacity: .8;
    line-height: 44px;
    font-weight: 700;
    content: "\f10e";
    border-radius: 5px;
    text-align: center;
    font-family: flaticon;
    font-size: var(--font-20);
    color: var(--color-seventysix);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.category-list-three li a:hover::before,
.category-list-three li.current a:before {
    color: var(--white-color);
    background-color: var(--main-color)
}

.category-list-three li a:hover,
.category-list-three li.current a {
    color: var(--main-color)
}

.timing-widget {
    position: relative
}

.timing-widget .button-box {
    position: relative;
    margin-top: var(--margin-top-40)
}

.timing-widget .button-box .theme-btn {
    text-transform: capitalize;
    font-weight: 500;
    font-family: var(--font-family-Roboto)
}

.timing-widget .widget-content {
    position: relative;
    padding: 20px 30px 35px;
    border: 1px solid rgba(var(--black-color-rgb), .08)
}

.time-list {
    position: relative
}

.time-list li {
    position: relative;
    padding: 14px 0;
    font-size: var(--font-16);
    color: var(--color-twentyfour);
    margin-bottom: var(--margin-bottom-10);
    border-bottom: 1px solid rgba(var(--black-color-rgb), .08)
}

.gallery-widget {
    position: relative
}

.gallery-widget .title {
    position: relative;
    display: block;
    font-weight: 500;
    color: var(--black-color);
    font-size: var(--font-24);
    margin-bottom: var(--margin-bottom-30)
}

.gallery-widget .image {
    position: relative;
    margin-bottom: var(--margin-bottom-25)
}

.gallery-widget h4 {
    margin-bottom: var(--margin-bottom-10)
}

.project-page-section {
    position: relative;
    padding: 110px 0 70px
}

.project-detail-section {
    position: relative;
    padding: 110px 0 70px
}

.project-detail-section .image {
    position: relative
}

.project-detail-section .image img {
    position: relative;
    width: 100%;
    display: block
}

.project-detail-section .info-outer {
    position: relative;
    padding: 35px 0
}

.project-detail-section .info-box {
    position: relative;
    margin-right: var(--margin-right-60)
}

.project-detail-section .info-box:last-child {
    margin-right: var(--margin-zero)
}

.project-detail-section .info-box .box-inner {
    position: relative;
    color: var(--color-fourtyeight);
    font-family: var(--font-family-Inter);
    padding-left: var(--padding-left-55)
}

.project-detail-section .info-box .icon {
    position: absolute;
    left: 0;
    top: 7px;
    line-height: 1em;
    font-family: Flaticon;
    font-size: var(--font-36);
    color: var(--color-seven);
    background: -webkit-gradient(linear, right top, left top, from(var(--color-seven)), to(var(--color-eight)));
    background: linear-gradient(to left, var(--color-seven) 0, var(--color-eight) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.project-detail-section .info-box:hover .icon {
    -webkit-transform: scale(-1) rotate(180deg);
    transform: scale(-1) rotate(180deg)
}

.project-detail-section .info-box strong {
    position: relative;
    display: block;
    font-weight: 500;
    font-size: var(--font-15);
    color: var(--black-color);
    margin-bottom: var(--margin-bottom-5)
}

.project-detail-section .button-box {
    position: relative;
    padding: 35px 0
}

.project-detail-section .button-box .project-btn {
    position: relative;
    padding: 16px 60px;
    font-weight: 600;
    border-radius: 5px;
    font-size: var(--font-15);
    color: var(--white-color);
    background-color: var(--color-seventyseven)
}

.project-detail-section .button-box .project-btn:hover {
    background-color: var(--main-color)
}

.project-detail-section h3 {
    color: var(--black-color);
    margin-bottom: var(--margin-bottom-15)
}

.project-detail-section p {
    color: var(--color-twentyfour);
    font-family: var(--font-family-Inter);
    margin-bottom: var(--margin-bottom-20)
}

.project-detail-section h4 {
    color: var(--black-color);
    margin-bottom: var(--margin-bottom-25)
}

.project-detail-section .options-list {
    position: relative
}

.project-detail-section .options-list li {
    position: relative;
    font-size: var(--font-16);
    padding-left: var(--padding-left-30);
    margin-bottom: var(--margin-bottom-15);
    color: rgba(var(--color-fiftyfive-rgb), .8)
}

.project-detail-section .options-list li:before {
    position: absolute;
    content: "\f1a3";
    left: 0;
    top: 0;
    font-size: var(--font-14);
    font-family: Flaticon;
    color: var(--main-color)
}

.project-detail-section .options-list li:last-child {
    margin: var(--margin-zero)
}

.project-info-box {
    position: relative;
    padding: 50px 45px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    box-shadow: 0 0 15px rgba(0, 0, 0, .1)
}

.project-info-box .info-list {
    position: relative
}

.project-info-box .info-list li {
    position: relative;
    line-height: 29.8px;
    font-size: var(--font-16);
    color: var(--color-seventyeight);
    font-family: var(--font-family-Inter);
    margin-bottom: var(--margin-bottom-30);
    padding-bottom: var(--padding-bottom-25);
    border-bottom: 1px solid rgba(var(--black-color-rgb), .06)
}

.project-info-box .info-list li strong {
    position: relative;
    font-weight: 500;
    display: block;
    color: var(--black-color);
    font-size: var(--font-18);
    text-transform: capitalize;
    margin-bottom: var(--margin-bottom-20);
    padding-left: var(--padding-left-35)
}

.project-info-box .info-list li strong:before {
    position: absolute;
    content: "\f1a7";
    left: 0;
    top: 3px;
    line-height: 1em;
    font-weight: 500;
    font-size: var(--font-24);
    font-family: flaticon;
    color: var(--color-seventyseven)
}

.project-info-box .info-list li a {
    position: relative;
    color: var(--color-seventyeight);
    font-family: var(--font-family-Inter)
}

.project-info-box .info-list li:last-child {
    margin-bottom: var(--margin-zero)
}

.project-info-box .opening {
    position: relative;
    line-height: 28px;
    font-size: var(--font-14);
    margin-top: var(--margin-top-40);
    color: var(--color-seventyeight);
    font-family: var(--font-family-Inter);
    padding-left: var(--padding-left-100)
}

.project-info-box .opening .icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 78px;
    height: 78px;
    line-height: 78px;
    text-align: center;
    border-radius: 3px;
    font-family: Flaticon;
    font-size: var(--font-40);
    color: var(--color-seventyseven);
    background-color: rgba(var(--main-color-rgb), .05)
}

.project-info-box .opening strong {
    position: relative;
    font-weight: 500;
    display: block;
    color: var(--black-color);
    font-size: var(--font-18);
    text-transform: uppercase;
    margin-bottom: var(--margin-bottom-5)
}

.project-info-box .social-box {
    position: relative;
    margin-top: var(--margin-top-40)
}

.project-info-box .social-box li {
    position: relative;
    display: inline-block;
    margin-right: var(--margin-right-10)
}

.project-info-box .social-box li a {
    position: relative;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    display: inline-block;
    border-radius: 50px;
    font-weight: 400;
    font-size: var(--font-18);
    font-family: FontAwesome;
    margin-bottom: var(--margin-bottom-5);
    color: var(--color-seventyseven);
    background-color: rgba(var(--main-color-rgb), .05)
}

.project-info-box li a .icon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: Flaticon;
    color: var(--color-seventyseven);
    margin-right: var(--margin-right-15)
}

.project-info-box .social-box li a:hover {
    color: var(--white-color);
    background-color: var(--main-color)
}

.container {
    width: 100%;
    margin: auto
}

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

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

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

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

.pt-100,
.wdn-single-breadcrum.pt-100 {
    padding-top: 100px !important
}

.pt-110,
.wdn-involve-banner-bg.pt-110,
.wdn-single-breadcrum.pt-110 {
    padding-top: 110px !important
}

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

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

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

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

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

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

.f-n {
    font-weight: 400 !important
}

.f-36 {
    font-size: 36px !important
}

.mtb-30 {
    margin: 30px 0 !important
}

.mtb-20 {
    margin: 20px 0 !important
}

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

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

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

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

.ls-0 {
    letter-spacing: 0 !important
}

.mxwidth-450 {
    max-width: 450px
}

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

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

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

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

.black-transparentbg {
    background: rgba(0, 0, 0, .7)
}

.black-transparentbg:after {
    content: "\a";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, .5);
    -webkit-transition: .2s all linear !important;
    transition: .2s all linear !important
}

.lightblack-transparentbg {
    background: rgba(0, 0, 0, .5)
}

.center {
    text-align: center
}

.center a,
.center h1,
.center h2,
.center h3,
.center p {
    text-align: center
}

img {
    width: auto
}

.text-editor a:hover {
    text-decoration: underline
}

.text-editor img {
    max-width: 100%;
    height: auto;
    width: auto;
    margin-top: 6px
}

.text-editor .alignright {
    float: right;
    margin-left: 20px
}

.text-editor .alignleft {
    float: left;
    margin-right: 20px
}

.text-editor ol,
.text-editor ul {
    margin-top: 0 !important;
    -webkit-padding-start: 17px !important;
    padding-start: 17px
}

.text-editor ol li,
.text-editor ul li {
    padding-left: 10px;
    display: list-item !important;
    padding-bottom: 0 !important;
    margin: 0 !important
}

.text-editor ul li {
    list-style: disc
}

.text-editor h1,
.text-editor h2,
.text-editor h3,
.text-editor h4,
.text-editor h5,
.text-editor h6 {
    margin-top: 10px
}

.text-editor p {
    font-size: 16px;
    line-height: 1.3
}

.bottom-line {
    border-bottom: 1px solid #dfdfd7;
    padding-bottom: 10px
}

.pagination .wp-pagenavi span.current {
    font-weight: 400
}

.pagination span:hover {
    cursor: pointer
}

.pagination a {
    color: #ca1515;
    border-color: #ca1515
}

.pagination a:hover {
    border-color: #ca1515;
    background: #ca1515;
    color: #fff
}

.pagination .extend,
.pagination .pages {
    color: #ca1515;
    border-color: #ca1515
}

.pagination .current {
    border-color: #ca1515 !important;
    background: #ca1515;
    color: #fff
}

.pagination .next,
.pagination .prev {
    display: none
}

.border-bottom {
    border-bottom: 1px solid #eee
}

.theme-color {
    color: #ca1515
}

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

.owl-theme .owl-dots {
    text-align: center
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #ca1515
}

.no-padding {
    padding: 0 !important
}

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

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

.no-bg {
    background: 0 0 !important
}

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

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

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

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

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

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

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

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

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

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

.m-auto {
    margin: 0 auto !important
}

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

p {
    margin: 0 auto;
    font-size: 16px;
    line-height: 1.3
}

.relative {
    position: relative !important
}

.w-100 {
    max-width: 100% !important
}

.bg-gray {
    background: #f9f7f6 !important
}

.bg-white {
    background: #fff !important
}

.bg-light {
    background: #f9f9f9 !important
}

.color-white {
    color: #fff !important
}

.color-black {
    color: #000 !important
}

.color-light {
    color: #333 !important
}

.color-blue {
    color: #1968b3 !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-bold {
    font-weight: 700 !important
}

.d-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.d-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.j-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.fill {
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

a {
    color: #0e2a4e
}

a:hover {
    color: #ca1515
}

.f-35 {
    font-size: 35px !important
}

.f-28 {
    font-size: 28px !important
}

.f-23 {
    font-size: 23px !important
}

.f-22 {
    font-size: 22px !important
}

.f-20 {
    font-size: 20px !important
}

.f-18 {
    font-size: 18px !important
}

.f-17 {
    font-size: 17px !important
}

.f-16 {
    font-size: 18px !important
}

.f-14 {
    font-size: 14px !important
}

.p-4-24 {
    padding: 4px 24px !important
}

.font-normal {
    font-weight: 500 !important
}

.b-r-4 {
    border-radius: 4px !important
}

.btn-blue {
    display: inline-block;
    color: #fff;
    background: #1968b3;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    padding: 4px;
    letter-spacing: 1px;
    border-radius: 4px;
    text-decoration: none;
    -webkit-transition: all .3s;
    transition: all .3s;
    border: 1px solid #1968b3;
    min-width: 120px
}

.btn-blue:hover {
    color: #1968b3;
    background: 0 0
}

.btn-normal {
    height: 48px;
    line-height: 48px;
    -webkit-transition: background-color .15s linear;
    transition: background-color .15s linear;
    padding: 0 20px;
    font-weight: 500
}

.btn-normal:hover {
    color: #fff;
    background: #1c75c9;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-box-shadow: none;
    box-shadow: none
}

.icon-blue {
    color: #1968b3
}

.bg-overlay {
    position: relative
}

.bg-overlay:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: rgba(0, 0, 0, .45)
}

.wdn-content-block p:not(:last-child) {
    margin-bottom: 20px
}

.wdn-content-block h2 {
    font-size: 24px;
    line-height: 30px;
    margin-top: 0;
    margin-bottom: 10px
}

.wdn-content-block h3 {
    font-size: 26px;
    line-height: 30px;
    font-weight: 400;
    color: var(--color-eleven)
}

.wdn-content-block h4 {
    font-weight: 400;
    color: var(--color-eleven);
    margin: 0 0 15px 0
}

.wdn-content-block.wdn-about-info p {
    text-align: center
}

.wdn-content-block ul {
    position: relative;
    padding-left: 0 !important
}

.wdn-content-block ul li {
    position: relative;
    font-size: var(--font-16);
    padding-left: var(--padding-left-40);
    margin-bottom: 14px !important;
    color: rgba(var(--color-fiftyfive-rgb), .8);
    list-style: none
}

.wdn-content-block ul li:before {
    position: absolute;
    content: "\f1a3";
    left: 0;
    top: 0;
    width: 24px;
    height: 24px;
    text-align: center;
    border-radius: 50px;
    line-height: 24px;
    font-size: var(--font-12);
    font-family: Flaticon;
    color: var(--main-color);
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    box-shadow: 0 0 15px rgba(0, 0, 0, .1)
}

.wdn-content-block ul li strong {
    color: #000
}

.main-header .wdn-header .logo-box .logo img {
    width: 140px
}

.main-header.fixed-header .sticky-header .logo img {
    width: 120px
}

.sidebar-info-contents .content-inner .logo img {
    width: 100px
}

.wdn-product-section .title-box {
    margin-bottom: 30px
}

.wdn-product-block {
    /*border: 1px solid #00522d;*/
    border-radius: 6px
}

.wdn-product-block .inner-box .image .post-number {
    width: inherit;
    height: inherit;
    line-height: inherit;
    padding: 3px 10px;
    color: #fff
}

.wdn-product-block .inner-box .image .post-number:before {
    background: rgba(0, 82, 45, .6)
}

.wdn-product-block .inner-box .image .post-number del .woocommerce-Price-amount {
    font-size: 16px;
    color: #f9f9f9
}

.wdn-product-block .inner-box .image .wdn-wishlist {
    position: absolute;
    top: 15px;
    left: 15px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    color: #fff;
    background: #00522d;
    text-align: center
}

.wdn-product-block .inner-box .image .wdn-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt:before {
    font-size: 24px;
    text-align: center;
    color: #fff;
    -webkit-transform: translateX(-8%);
    transform: translateX(-8%)
}

.wdn-product-block .inner-box .image .wdn-cart {
    position: absolute;
    bottom: 75px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border: 1px solid #ca1515;
    background: #ca1515;
    border-radius: 8px
}

.wdn-product-block .inner-box .image .wdn-cart .btn {
    line-height: 1.1;
    color: #fff
}

.wdn-product-block .inner-box .image .content {
    position: relative;
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    right: inherit;
    left: inherit;
    bottom: inherit;
    padding: 6px 10px;
    line-height: 1;
    text-align: center;
    background: 0 0;
    z-index: 1
}

.wdn-product-block .inner-box .image .content h6 {
    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;
    min-height: 55px
}

.wdn-product-block .inner-box .image .content h6 a {
    color: #fff;
    font-size: 20px;
    line-height: 24px
}

.wdn-product-block .inner-box .image .content h6:before {
    opacity: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.wdn-product-block .inner-box:hover .image img {
    -webkit-transform: scale(1.05, 1.05) rotate(0);
    transform: scale(1.05, 1.05) rotate(0)
}

.wdn-about-page .business-section-two .inner-column p:not(:last-child) {
    margin-bottom: 20px
}

.wdn-content-section {
    padding: 60px 0
}

.wdn-shop-page .sidebar-page-container .right-sidebar .filter-box {
    padding: 8px 15px
}

.wdn-shop-page .sidebar-page-container .right-sidebar .filter-box .left-box {
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.wdn-shop-page .sidebar-page-container .right-sidebar .filter-box .left-box .form-group .flaticon-user {
    display: none
}

.wdn-shop-page .sidebar-page-container .right-sidebar .filter-box .left-box .form-group .woocommerce-ordering select {
    height: 40px;
    border: 1px solid #ebebeb;
    border-radius: 10px;
    padding: 0 8px;
    overflow: hidden;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'></polyline></svg>");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 16px;
    width: 215px;
    font-size: 14px;
    margin: 0
}

.shop-detail-section {
    padding: 80px 0 0
}

.shop-detail-section .prod-tabs .tab-btns {
    text-align: left
}

.shop-detail-section .prod-tabs .tabs-content {
    padding: 0 0 30px 0
}

.shop-detail-section .price.wdn-price {
    font-size: 30px;
    font-weight: 600;
    color: #ca1515;
    margin-bottom: 30px
}

.shop-detail-section .price.wdn-price .woocommerce-Price-amount {
    text-decoration: inherit;
    font-size: 24px;
    font-weight: 600;
    color: #ca1515;
    margin-bottom: 30px;
    opacity: 1
}

.shop-detail-section .price.wdn-price .woocommerce-Price-amount bdi span {
    text-decoration: inherit;
    color: #ca1515;
    opacity: 1;
    margin: 0
}

.shop-detail-section .price.wdn-price del .woocommerce-Price-amount {
    font-size: 18px
}

.wdn-single-cart-block .variations_form {
    display: block;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.wdn-single-cart-block .variations_form table.variations tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 10px
}

.wdn-single-cart-block .variations_form table.variations tr th label {
    display: block;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px
}

.wdn-single-cart-block .variations_form table.variations tr td.value select {
    height: 40px;
    border: 1px solid #ebebeb;
    border-radius: 10px;
    padding: 0 8px;
    overflow: hidden;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'></polyline></svg>");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 16px;
    width: 215px;
    font-size: 14px;
    margin-bottom: 10px;
    margin-right: 5px
}

.wdn-single-cart-block .variations_form:has(.cart) {
    display: block
}

.wdn-single-cart-block form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.wdn-single-cart-block .single_variation_wrap .single_variation {
    margin-bottom: 5px
}

.wdn-single-cart-block .single_variation_wrap .single_variation .woocommerce-variation-price .price {
    color: #ca1515
}

.wdn-single-cart-block .single_variation_wrap .single_variation .woocommerce-variation-price .price span {
    opacity: 1;
    text-decoration: inherit;
    font-size: 600
}

.wdn-single-cart-block .cart {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 10px
}

.wdn-single-cart-block .cart .quantity {
    margin-right: 10px
}

.wdn-single-cart-block .cart .quantity .text-bold {
    font-weight: 500 !important;
    font-size: 18px
}

.wdn-single-cart-block .cart .quantity input {
    border: 1px solid #ebebeb;
    border-radius: 6px;
    line-height: 40px;
    margin-top: 0
}

.wdn-single-cart-block .cart button.single_add_to_cart_button.button {
    margin-bottom: 0;
    margin-right: 10px;
    border-radius: 6px !important
}

.wdn-single-cart-block .cart .tinvwl-after-add-to-cart {
    border: 1px solid #ebebeb;
    border-radius: 6px;
    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
}

.wdn-single-cart-block .cart .tinvwl-after-add-to-cart a {
    position: relative;
    margin-top: 0;
    width: 40px !important;
    height: 40px !important;
    line-height: 40px !important
}

.wdn-single-cart-block .cart .tinvwl-after-add-to-cart a:before {
    position: relative !important;
    font-size: 32px;
    margin: 0 !important;
    top: inherit !important;
    left: inherit !important;
    line-height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wdn-variable-product span {
    display: block;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px
}

.wdn-variable-product select {
    height: 40px;
    border: 1px solid #ebebeb;
    border-radius: 10px;
    padding: 0 8px;
    overflow: hidden;
    margin-right: 8px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'></polyline></svg>");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 16px;
    width: 215px;
    font-size: 14px;
    margin-bottom: 10px
}

.single_variation_wrap .woocommerce-variation-add-to-cart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.wdn-shop-sidebar .wpc-filter-search-form .wpc-search-field {
    position: relative;
    line-height: 28px;
    font-size: var(--font-16);
    padding: 10px 50px 10px 25px;
    background: var(--white-color);
    display: block;
    width: 100%;
    height: 57px;
    border-radius: 0;
    color: var(--color-thirty);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    border: 1px solid rgba(var(--black-color-rgb), .06)
}

.wdn-shop-sidebar .wpc-filters-section {
    margin-bottom: var(--margin-bottom-30)
}

.wdn-shop-sidebar .wpc-filters-section .wpc-filter-header {
    position: relative;
    margin-bottom: var(--margin-bottom-20)
}

.wdn-shop-sidebar .wpc-filters-section .wpc-filter-header .wpc-filter-title {
    font-weight: 400;
    font-size: var(--font-16);
    text-transform: capitalize;
    color: var(--black-color);
    margin-bottom: var(--margin-bottom-20);
    padding-bottom: var(--padding-bottom-15);
    border-bottom: 1px solid rgba(var(--black-color-rgb), .06)
}

.wdn-shop-sidebar .wpc-filters-section .wpc-filter-header .wpc-filter-title:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: -1px;
    height: 1px;
    width: 50px;
    background-color: var(--main-color)
}

.wpc-filters-range-wrapper input[type=number] {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ccd0dc;
    border-radius: 3px;
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 5px 5px 5px 10px
}

.wpc-filters-range-inputs .ui-slider-horizontal .ui-slider-handle {
    top: -9px !important;
    width: 18px !important;
    height: 18px !important
}

.woocommerce .woocommerce-ordering {
    margin: 0
}

table.tinvwl-table-manage-list {
    border: 1px solid #ebebeb;
    border-radius: 6px
}

table.tinvwl-table-manage-list tr {
    border: 1px solid #ebebeb
}

table.tinvwl-table-manage-list tr th {
    border: 1px solid #ebebeb
}

table.tinvwl-table-manage-list tr td {
    border: 1px solid #ebebeb
}

table.tinvwl-table-manage-list tr.wishlist_item td.product-action {
    width: 180px
}

table.tinvwl-table-manage-list tfoot tr td .tinvwl-to-right {
    text-align: left
}

table.tinvwl-table-manage-list tfoot tr td .tinvwl-to-right button {
    margin-bottom: 0
}

.woocommerce button.button {
    font-size: 16px;
    font-weight: 400;
    padding: 15px !important;
    border-radius: 0 !important;
    background: #000 !important;
    color: #fff !important;
    -webkit-transition: all linear .2s !important;
    transition: all linear .2s !important
}

.woocommerce button.button:hover {
    background: #ca1515 !important
}

.woocommerce button.button:focus {
    outline: 0 !important
}

.woocommerce button.button:before {
    display: none
}

.woocommerce-message .button {
    float: right;
    background: #000;
    color: #fff;
    padding: 3px 16px;
    -webkit-transition: all linear .2s !important;
    transition: all linear .2s !important
}

.woocommerce-message .button:hover {
    background: #ca1515
}

.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col {
    max-width: 48%
}

.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
    max-width: 48%
}

.woocommerce-cart-form .actions .coupon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.woocommerce-cart-form .actions .coupon label {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    margin-right: 5px
}

.woocommerce-cart-form .actions .coupon .input-text {
    width: 100px !important;
    margin-right: 8px
}

.woocommerce-cart-form .actions .coupon .button {
    margin-bottom: 0;
    padding: 9px 20px !important;
    -webkit-text-decoration: capitalize !important;
    text-decoration: capitalize !important
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    -webkit-text-decoration: capitalize !important;
    text-decoration: capitalize !important;
    margin-bottom: 0
}

.woocommerce-MyAccount-navigation {
    margin-bottom: 30px
}

.woocommerce-MyAccount-navigation ul {
    margin-left: 0;
    padding-left: 0 !important
}

.woocommerce-MyAccount-navigation li {
    list-style: none !important;
    display: inline-block;
    padding-left: 0 !important
}

.woocommerce-MyAccount-navigation li:not(:last-child) {
    margin-bottom: 10px !important
}

.woocommerce-MyAccount-navigation li:before {
    display: none
}

.woocommerce-MyAccount-navigation li a {
    display: block;
    font-size: 16px;
    padding: 10px 20px;
    background: #000;
    color: #fff;
    -webkit-transition: all linear .2s !important;
    transition: all linear .2s !important
}

.woocommerce-MyAccount-navigation li a:hover {
    background: #ca1515
}

.woocommerce-MyAccount-navigation li:hover a {
    text-decoration: inherit
}

.woocommerce-MyAccount-navigation li.is-active a {
    background: #ca1515
}

.woocommerce-MyAccount-content a,
.woocommerce-MyAccount-content p,
.woocommerce-MyAccount-content td,
.woocommerce-MyAccount-content th {
    font-size: 14px !important;
    color: #000;
    font-family: Poppins, sans-serif;
    letter-spacing: 1px !important
}

.woocommerce-MyAccount-content .woocommerce-Address-title h3 {
    font-size: 16px;
    font-weight: 400;
    margin-top: 10px
}

.woocommerce-MyAccount-content .col-1 {
    padding-left: 0
}

.woocommerce-MyAccount-content address {
    font-size: 14px !important;
    color: #000;
    line-height: 1.5
}

.woocommerce-MyAccount-content span.woocommerce-Price-amount.amount {
    text-align: left;
    display: inline-block
}

.woocommerce-MyAccount-content .woocommerce-button {
    padding: 10px 20px !important;
    background: #000 !important;
    border-radius: 0 !important;
    color: #fff !important;
    font-weight: 400 !important;
    -webkit-transition: all linear .2s !important;
    transition: all linear .2s !important
}

.woocommerce-MyAccount-content .woocommerce-button:hover {
    background: #ca1515 !important
}

.woocommerce-MyAccount-content .woocommerce-column__title,
.woocommerce-MyAccount-content .woocommerce-order-details__title {
    margin-top: 20px;
    font-weight: 400;
    margin-bottom: 20px
}

.woocommerce-MyAccount-content table.woocommerce-table--order-details {
    border: 1px solid #ccc !important;
    border-radius: 0 !important
}

.woocommerce-info {
    border-top-color: #000
}

:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt {
    background-color: #000
}

:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:hover {
    background-color: #ca1515
}

.woocommerce-order a,
.woocommerce-order p,
.woocommerce-order td,
.woocommerce-order th {
    font-size: 14px !important;
    color: #000;
    font-family: Poppins, sans-serif;
    letter-spacing: 1px !important
}

.woocommerce-order .woocommerce-order-overview {
    padding-left: 0;
    margin-top: 20px !important;
    color: #000
}

.woocommerce-order .woocommerce-order-overview li {
    font-size: 14px !important
}

.woocommerce-order .woocommerce-order-overview li strong {
    font-size: 15px !important;
    font-weight: 400
}

.woocommerce-order .productpage_redirect {
    margin-bottom: 30px
}

.woocommerce-order .productpage_redirect a {
    padding: 12px !important;
    color: #fff;
    background: #000;
    border: none;
    border-radius: 0 !important;
    -webkit-transition: all linear .2s !important;
    transition: all linear .2s !important
}

.woocommerce-order .productpage_redirect a:hover {
    background: #ca1515
}

.woocommerce-order h2 {
    font-weight: 400;
    margin-top: 10px;
    margin-bottom: 10px
}

.woocommerce-order table.woocommerce-table--order-details {
    border: 1px solid #ccc !important
}

.woocommerce-order address {
    color: #000
}

.woocommerce .woocommerce-result-count {
    margin: 0
}

.woocommerce h2 {
    font-weight: 400
}

.woocommerce-form-login .woocommerce-Input--text,
.woocommerce-form-register .woocommerce-Input--text {
    width: 100% !important;
    position: relative;
    display: block;
    line-height: 28px;
    padding: 10px 25px;
    height: 55px;
    border-radius: 0;
    font-size: var(--font-16);
    color: var(--color-sixty);
    background: var(--white-color);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border: 1px solid rgba(0, 0, 0, .1)
}

.woocommerce .woocommerce-form-login .woocommerce-form-login__submit {
    margin-bottom: 0
}

.woocommerce form .form-row input.input-text {
    width: 100%
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 40px;
    height: 40px
}

.select2-container--default .select2-selection--single {
    height: 40px
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px
}

.woocommerce form .form-row textarea {
    padding: 10px;
    border: 1px solid rgba(0, 0, 0, .1);
    height: 160px
}

.woocommerce-privacy-policy-text p {
    margin-bottom: 10px
}

.woocommerce form .password-input {
    width: 100%
}

.woocommerce button.button {
    padding: 12px 20px !important;
    margin-bottom: 20px
}

.wp-block-woocommerce-checkout {
    padding-top: 0 !important
}

.business-section-two .content-column .inner-column {
    padding-left: 0
}

.woocommerce form .form-row input.input-text {
    position: relative;
    display: block;
    line-height: 28px;
    padding: 10px 25px;
    height: 40px;
    border-radius: 0;
    font-size: var(--font-16);
    color: var(--color-sixty);
    background: var(--white-color);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border: 1px solid rgba(0, 0, 0, .1)
}

.wishlist_item td {
    padding: 10px
}

.wishlist_item .product-action button.button {
    padding: 12px !important;
    margin-bottom: 0
}

.wdn-pagination ul li span.current {
    position: relative;
    display: inline-block;
    line-height: 46px;
    height: 50px;
    width: 50px;
    min-width: 50px;
    font-weight: 500;
    border-radius: 0;
    text-align: center;
    text-transform: capitalize;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    font-size: var(--font-18);
    color: var(--color-thirtynine);
    border: 2px solid rgba(var(--black-color-rgb), .1);
    color: var(--white-color);
    background-color: var(--main-color)
}

.swiper-container-thumbs .swiper-slide,
.swiper-container-thumbs .swiper-slide.swiper-slide-active {
    height: inherit !important;
    margin-bottom: 5px !important
}

.main-footer {
    padding-bottom: 20px
}

.main-footer .lower-box {
    border-top: 1px solid var(--color-eighteen)
}

.main-footer .lower-box>div {
    padding-top: 10px
}

.wdn-footer .footer-widget.links-widget ul li:not(:last-child) {
    margin-bottom: 10px
}

.wdn-footer .footer-widget.links-widget ul li a {
    color: var(--color-eighteen)
}

.wdn-footer .footer-widget.links-widget ul li a:hover {
    color: #fff
}

.wdn-footer .footer-widget .wdn-footer-social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 10px 0
}

.wdn-footer .footer-widget .wdn-footer-social li {
    margin-bottom: 0 !important
}

.wdn-footer .footer-widget .wdn-footer-social li:not(:last-child) {
    margin-right: 10px
}

.wdn-footer .footer-widget .wdn-footer-social li a {
    position: relative;
    width: 40px;
    height: 40px;
    line-height: 38px;
    text-align: center;
    border-radius: 50px;
    display: inline-block;
    color: var(--black-color) !important;
    background-color: var(--white-color);
    border: 1px solid rgba(var(--black-color-rgb), .1)
}

.wdn-footer .footer-widget .wdn-payment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 10px 0
}

.wdn-footer .footer-widget .wdn-payment li {
    margin-bottom: 0 !important
}

.wdn-footer .footer-widget .wdn-payment li:not(:last-child) {
    margin-right: 10px
}

.wdn-footer .footer-widget h5.footer-title {
    font-size: 18px;
    color: var(--white-color);
    margin-bottom: 5px
}

.wdn-widget-text .textwidget p {
    position: relative;
    line-height: 32px;
    font-size: var(--font-16);
    color: var(--color-eighteen);
    font-family: var(--font-family-Outfit);
    max-width: 340px;
    margin: 0
}

@media only screen and (min-width:320px) {
    .container {
        width: 100%
    }
}

@media only screen and (min-width:768px) {
    .main-menu .navigation>li>ul {
        display: block !important;
        visibility: hidden;
        opacity: 0
    }

    .main-menu .navigation>li>ul>li>ul {
        display: block !important;
        visibility: hidden;
        opacity: 0
    }

    .container {
        width: 768px;
        max-width: 768px;
        margin: auto !important
    }
}

@media only screen and (min-width:992px) {
    .container {
        width: 992px;
        max-width: 992px;
        margin: auto
    }
}

@media only screen and (min-width:1024px) {
    .container {
        width: 1024px;
        max-width: 1024px;
        margin: auto
    }
}

@media only screen and (min-width:1230px) {
    .container {
        width: 1230px;
        max-width: 1230px;
        width: 100%;
        margin: auto
    }
}

@media only screen and (max-width:1700px) {

    .banner-section .email-box,
    .banner-section .scroll-box,
    .banner-section .social-box {
        left: 30px;
        display: none
    }

    .main-footer .email-box,
    .main-footer .scroll-box,
    .main-footer .social-box {
        left: 30px;
        display: none
    }
}

@media only screen and (max-width:1440px) {

    .banner-section .email-box,
    .banner-section .social-box {
        display: none
    }
}

@media only screen and (max-width:1340px) {
    .page-wrapper {
        overflow: hidden
    }

    .main-header .main-menu .navigation>li {
        margin-right: var(--margin-right-25)
    }

    .project-section .lower-box .info-box::before {
        width: 180px
    }

    .printing-section .title-box {
        font-size: var(--font-80)
    }

    .printing-section .owl-nav {
        left: 15px;
        right: 15px
    }

    .main-footer .email-box,
    .main-footer .scroll-box,
    .main-footer .social-box {
        display: none
    }

    .team-section .icon-layer-one {
        display: none
    }

    .services-section-four .owl-nav {
        left: 15px;
        right: 15px
    }

    .project-section-two .lower-box .info-box::before {
        width: 190px
    }

    .main-header.header-style-two {
        position: relative
    }

    .main-slider-two .content-column .inner-column {
        padding-top: var(--padding-zero)
    }

    .services-section-five .title-box {
        font-size: var(--font-70)
    }
}

@media only screen and (max-width:1200px) {
    .main-slider-two .image {
        right: -280px;
        top: -150px
    }

    .banner-section .pattern-layer-four,
    .main-header .cart-box,
    .printing-section .vector-icon-three,
    .testimonial-section .vector-icon-one {
        display: none
    }

    .main-slider .slide {
        padding-bottom: 250px
    }

    .business-section .content-column .inner-column,
    .quality-section .content-column .inner-column {
        padding-left: var(--padding-zero)
    }

    .project-section .lower-box .info-box::before {
        width: 140px
    }

    .main-footer .lower-box .info-box::before {
        width: 180px
    }

    .project-section-two .lower-box .info-box::before {
        width: 140px
    }

    .price-block .price-list li {
        font-size: var(--font-16)
    }

    .project-info-box {
        padding: 30px 30px
    }

    .filter-box .right-box {
        margin-top: var(--margin-top-15)
    }
}

@media only screen and (max-width:1140px) {
    .page-wrapper {
        overflow: hidden
    }

    h3 {
        font-size: var(--font-30)
    }

    h2 {
        font-size: var(--font-36)
    }

    .main-header .main-menu .navigation>li {
        margin-right: var(--margin-right-20)
    }

    .main-slider,
    .project-section .outer-container {
        padding-left: var(--padding-zero)
    }

    .main-slider .email-box,
    .main-slider .social-box {
        display: none
    }

    .main-slider .counter-boxed {
        left: 0
    }

    .faq-section .vector-layer-two,
    .main-footer .lower-box .info-box::before,
    .project-section .lower-box .info-box::before {
        display: none
    }

    .testimonial-block .image-column .inner-column {
        padding-top: var(--padding-zero)
    }

    .testimonial-section .owl-dots {
        top: 0;
        margin-top: var(--margin-top-30);
        margin-left: var(--margin-zero)
    }

    .testimonial-section .owl-dots .owl-dot {
        margin-left: var(--margin-zero);
        margin-right: var(--margin-right-20)
    }

    .main-header .outer-box {
        display: none !important
    }

    .services-section .inner-container {
        display: block !important
    }

    .services-section .inner-container .service-block {
        width: 33.333%;
        float: left
    }

    .service-block-two .inner-box::before {
        right: 10px
    }

    .testimonial-block .image-column .inner-column {
        padding-left: var(--padding-zero)
    }

    .service-block-three .text br {
        display: none
    }

    .business-section-two .content-column .inner-column {
        padding-left: var(--padding-zero)
    }

    .project-section-two .lower-box .info-box:before {
        display: none
    }

    .services-section-four .inner-container:after,
    .services-section-four .inner-container:before {
        display: none
    }

    .pricing-tabs .buttons-outer {
        margin-top: var(--margin-zero)
    }

    .service-block-six .inner-box {
        padding-right: var(--padding-zero)
    }

    .service-block-six .inner-box:before {
        display: none
    }

    .faq-section-three .counter {
        font-size: var(--font-70)
    }

    .team-block .overlay-box {
        left: 15px;
        right: 15px
    }

    .project-detail-section .button-box {
        padding: 0 0 30px
    }

    .project-detail-section .info-box {
        margin-right: var(--margin-right-30)
    }

    .project-info-box {
        margin-top: var(--margin-top-40)
    }

    .shop-detail-section .content-column .inner-column {
        padding-left: var(--padding-zero)
    }

    .shoping-cart-section .cart-outer {
        overflow-x: auto
    }
}

@media only screen and (max-width:1023px) {
    .main-header .main-box .logo-box {
        position: relative;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        margin: 0;
        text-align: left
    }

    .main-menu .navigation>li>a {
        font-size: 14px
    }

    .main-header {
        position: relative
    }

    .main-header .main-menu .navigation>li {
        margin-right: var(--margin-right-25)
    }

    .main-header .header-upper .logo-box {
        margin: 0;
        padding: 0
    }

    .main-header .sticky-header .logo {
        padding: 10px 0 10px
    }

    .main-menu .navigation>li>a {
        text-transform: capitalize
    }

    .main-header .main-menu .navigation>li>a {
        padding: 20px 0
    }

    .main-header .outer-box {
        display: none
    }

    h1 {
        font-size: var(--font-60)
    }

    .mCSB_inside>.mCSB_container {
        margin-right: var(--margin-zero)
    }

    .main-header .main-menu {
        display: none
    }

    .main-header .nav-outer .mobile-nav-toggler,
    .main-header .sticky-header .mobile-nav-toggler {
        display: block
    }

    #navbarSupportedContent {
        display: block
    }

    .main-header .logo-box {
        padding: 15px 0
    }

    .business-section .content-column .inner-column,
    .main-slider .content-column .inner-column {
        padding-top: var(--padding-zero)
    }

    .business-section .content-column {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .business-section .images-column {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .business-section .image-three {
        top: 40px !important
    }

    .project-section {
        padding-top: var(--padding-top-120)
    }

    .project-section .lower-box .info-box:last-child {
        margin-top: var(--margin-top-30)
    }

    .brand-section span,
    .printing-section .title-box {
        font-size: var(--font-50)
    }

    .quality-section .content-column {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .quality-section .images-column {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .fluid-section-one .left-column,
    .fluid-section-one .right-column {
        width: 100%
    }

    .fluid-section-one .left-column .inner-column {
        max-width: 100%;
        padding-right: var(--padding-right-15)
    }

    .testimonial-block .content-column .inner-column {
        padding-top: var(--padding-top-50)
    }

    .banner-section .lower-box .text br,
    .banner-section .pattern-layer-three {
        display: none
    }

    .faq-section .vector-layer-one {
        display: none
    }

    .subscribe-box {
        padding-left: var(--padding-zero);
        margin-top: var(--margin-top-40)
    }

    .main-footer .instagram-widget {
        margin-left: 0
    }

    .main-slider-two .image {
        right: -420px;
        top: -220px
    }

    .business-section-two .content-column {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .business-section-two .images-column {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .brand-section-two span {
        font-size: var(--font-80)
    }

    .faq-section-two .accordion-outer {
        margin-right: var(--margin-zero)
    }

    .project-section-two .lower-box {
        border-radius: 5px;
        padding: 30px 60px 0
    }

    .project-section-two .lower-box .info-box {
        margin-bottom: var(--margin-bottom-30)
    }

    .pricing-tabs .buttons-outer {
        margin-bottom: var(--margin-bottom-40)
    }

    .price-section .pricing-column .text,
    .price-section .title-column .text {
        max-width: 100%
    }

    .banner-section .carousel-box {
        margin-top: var(--margin-top-30)
    }

    .faq-section .vector-layer-three {
        display: none
    }

    .business-section-three .blocks-column .inner-column .service-block-five:nth-child(2) .inner-box::before {
        display: none
    }

    .business-section-three .blocks-column .inner-column .service-block-five:last-child .inner-box {
        border-top: 1px solid rgba(var(--black-color-rgb), .05);
        border-right: 1px solid rgba(var(--black-color-rgb), .05)
    }

    .services-section-five .title-box {
        font-size: var(--font-50)
    }

    .faq-section-three .accordian-column .inner-column {
        margin-left: var(--margin-zero)
    }

    .subscribe-box-two {
        margin-top: var(--margin-top-25);
        padding-left: var(--padding-zero)
    }

    .page-title {
        padding: 100px 0
    }

    .service-block .text {
        max-width: 100%
    }

    .business-section.style-two {
        padding-bottom: var(--padding-bottom-150)
    }

    .service-detail h3 {
        font-size: var(--font-26)
    }

    .sidebar-page-container .sidebar-side.left-sidebar {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .sidebar-page-container .content-side.right-sidebar {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .filter-box .pages-list li {
        margin-left: var(--margin-zero);
        margin-right: var(--margin-right-15)
    }

    .filter-box .pages-list li:last-child {
        margin-right: var(--margin-zero)
    }

    .shop-detail-section .content-column {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .shop-detail-section .gallery-column {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .shop-detail-section .gallery-column .thumbs-carousel {
        display: none
    }

    .shop-detail-section .gallery-column .carousel-outer {
        padding-right: var(--padding-zero)
    }

    .shop-detail-section .list-two {
        margin-top: var(--margin-top-20)
    }

    .blog-detail blockquote br {
        display: none
    }

    .blog-detail .social-box {
        width: 100%;
        margin-top: var(--margin-top-15)
    }

    .blog-detail .new-post {
        padding: var(--padding-zero)
    }

    .blog-detail .new-post .next-arrow,
    .blog-detail .new-post .prev-arrow {
        position: relative;
        top: 0;
        margin-bottom: var(--margin-bottom-20)
    }

    .error-section h1 {
        font-size: var(--font-100)
    }

    .error-section h2 {
        font-size: var(--font-24)
    }

    .error-section .text {
        margin-top: var(--margin-top-15)
    }

    .contact-section .image-column .inner-column {
        display: none
    }

    .contact-section .image {
        margin-top: var(--margin-top-30)
    }
}

@media (max-width:1023px) {
    .project-section {
        padding-top: var(--padding-top-0)
    }
}

@media only screen and (max-width:768px) {
    .contactform {
        margin-top: 20px
    }
}

@media only screen and (max-width:767px) {
    .header-upper .logo-outer {
        position: relative;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        margin: 0
    }

    .main-header .sticky-header .outer-box {
        display: block;
        right: 15px;
        left: auto;
        top: 0
    }

    .nav-outer .mobile-nav-toggler {
        display: block;
        margin: 0;
        padding: 8px 0;
        margin-left: 20px
    }

    #navbarSupportedContent {
        display: block
    }

    .mCSB_inside>.mCSB_container {
        margin-right: 0
    }

    .main-header .outer-box {
        position: absolute;
        left: 0;
        margin-left: 0;
        padding: 12px 0
    }

    .main-header .sticky-header .outer-box {
        padding: 35px 0
    }

    .main-header .main-menu,
    .service-block-three .arrow,
    .sponsors-section .vector-icon-one {
        display: none
    }

    h2 {
        font-size: var(--font-34)
    }

    h1 {
        font-size: var(--font-44);
        line-height: 54px
    }

    h4 {
        font-size: var(--font-20)
    }

    .page-title {
        padding: 100px 0
    }

    .main-header .nav-outer .mobile-nav-toggler {
        display: block;
        z-index: 99
    }

    .main-slider .image {
        display: none
    }

    .main-slider .counter-boxed {
        position: relative
    }

    .main-slider .slide {
        padding: 120px 0
    }

    .services-section .inner-container .service-block {
        width: 50%
    }

    .sec-title .text br {
        display: none
    }

    .feature-block {
        margin-bottom: var(--margin-bottom-20)
    }

    .business-section .options-list {
        margin-top: var(--margin-zero)
    }

    .project-section .lower-box {
        padding: 50px 30px 20px;
        border-radius: 4px
    }

    .service-block-two .inner-box {
        text-align: center
    }

    .service-block-two .inner-box:before {
        display: none
    }

    .printing-section .post-info .rating::before,
    .printing-section .vector-icon-one,
    .printing-section .vector-icon-two {
        display: none
    }

    .service-block-two .text {
        max-width: 100%
    }

    .printing-section .post-info .rating {
        padding-left: var(--padding-left-30)
    }

    .fluid-section-one .left-column .accordion-box {
        margin-top: var(--margin-top-20)
    }

    .testimonial-block .text {
        line-height: 34px;
        font-size: var(--font-18)
    }

    .services-section-four .sec-title .button-box {
        margin-top: var(--margin-top-20)
    }

    .service-block-four .text {
        padding: 0 15px
    }

    .faq-section-two .accordion-outer {
        padding: 30px 30px
    }

    .service-block-five .arrow {
        display: none
    }

    .cta-section .icon-one,
    .cta-section .icon-two {
        display: none
    }

    .project-section-two .title-box .text br,
    .service-block-five .inner-box:before {
        display: none
    }

    .service-block-five .inner-box {
        padding: var(--padding-zero)
    }

    .business-section-three .blocks-column .inner-column {
        border: none
    }

    .business-section-three .blocks-column .inner-column .service-block-five:last-child .inner-box {
        border: none
    }

    .banner-section .lower-box .info-box {
        margin-bottom: var(--margin-bottom-20)
    }

    .project-block-two .content {
        left: 15px;
        right: 15px;
        bottom: 15px
    }

    .services-section-five .title-box {
        font-size: var(--font-40)
    }

    .service-block-six .inner-box {
        text-align: center
    }

    .faq-section-three .accordian-column .inner-column {
        padding: 30px 30px
    }

    .service-detail .two-column .video-box {
        margin-bottom: var(--margin-bottom-30)
    }

    .project-detail-section .info-box {
        margin-bottom: var(--margin-bottom-20)
    }

    .project-detail-section .info-outer {
        padding: 35px 0 15px
    }

    .filter-box {
        padding: 25px 20px 5px
    }

    .filter-box .left-box {
        display: block !important
    }

    .filter-box .results {
        margin-right: var(--margin-zero);
        margin-bottom: var(--margin-bottom-15)
    }

    .filter-box .left-box .form-group {
        width: 100%;
        max-width: 250px;
        margin-right: var(--margin-zero);
        margin-bottom: var(--margin-bottom-15)
    }

    .blog-detail h3 {
        font-size: var(--font-24)
    }

    .blog-detail .two-column:before {
        display: none
    }

    .blog-detail blockquote {
        font-size: var(--font-20)
    }

    .blog-detail .list-three li {
        font-size: var(--font-16)
    }

    .blog-detail .gallery-box .video-box {
        margin-bottom: var(--margin-bottom-30)
    }

    .blog-detail .image-two {
        margin-bottom: var(--margin-bottom-35)
    }

    .more-posts-inner {
        display: block;
        text-align: center
    }

    .blog-detail .new-post {
        width: 100%
    }

    .blog-detail .new-post .post-inner {
        padding-left: var(--padding-zero)
    }

    .blog-detail .more-posts .new-post .image {
        position: relative;
        margin: 0 auto;
        width: 85px;
        height: 85px;
        display: block;
        margin-bottom: var(--margin-bottom-20)
    }

    .blog-detail .new-post .prev-arrow {
        margin: 0 auto;
        margin-bottom: var(--margin-bottom-20)
    }

    .blog-detail .new-post .next-arrow {
        margin: 0 auto;
        margin-top: var(--margin-top-30);
        margin-bottom: var(--margin-bottom-20)
    }

    .blog-detail .more-posts:before {
        display: none
    }

    .sidebar-page-container .comments-area .reply-comment {
        margin-left: var(--margin-zero)
    }

    .sidebar-page-container .comments-area .comment-box .text br {
        display: none
    }

    .sidebar-page-container .comments-area .comment {
        padding-left: var(--padding-zero)
    }

    .sidebar-page-container .comments-area .comment-box .author-thumb {
        position: relative;
        margin-bottom: var(--margin-bottom-20)
    }

    .sidebar-page-container .comments-area .comment-box .reply-btn {
        right: 0
    }
}

@media (max-width:767px) {
    .pagination {
        margin-top: 10px
    }
}

@media only screen and (max-width:599px) {
    h1 {
        font-size: var(--font-40)
    }

    h2 {
        font-size: var(--font-28)
    }

    .main-slider .vector-layer {
        right: 0
    }

    .project-section-four .play-box {
        margin-top: var(--margin-top-25)
    }

    .main-slider .counter-boxed {
        padding-left: var(--padding-left-15);
        padding-right: var(--padding-right-15);
        padding-bottom: var(--padding-zero)
    }

    .main-slider .counter-boxed .counter-text {
        margin-top: var(--margin-top-5)
    }

    .main-slider .counter-boxed .counter-block {
        text-align: center;
        margin-bottom: var(--margin-bottom-25)
    }

    .services-section .inner-container .service-block {
        width: 100%
    }

    .service-block .text {
        max-width: 100%
    }

    .project-section .lower-box .info-box,
    .project-section .lower-box .lower-inner {
        display: block !important;
        text-align: center
    }

    .project-section .lower-box .play-box {
        margin-right: var(--margin-zero);
        margin-bottom: var(--margin-bottom-30)
    }

    .project-section .lower-box .info-box {
        margin-bottom: var(--margin-bottom-30)
    }

    .project-section .lower-box .info-box:last-child {
        margin-top: var(--margin-zero)
    }

    .brand-section span,
    .printing-section .title-box {
        font-size: var(--font-40)
    }

    .accordion-box.style-two .block .acc-btn {
        font-size: var(--font-18)
    }

    .main-footer .instagram-box .image {
        margin-bottom: var(--margin-bottom-15)
    }

    .main-footer .lower-box .info-box {
        margin-bottom: var(--margin-bottom-25)
    }

    .project-block .content {
        left: 15px;
        bottom: 15px;
        right: 15px
    }

    .main-slider-two .image {
        right: -520px;
        top: -320px
    }

    .brand-section-two span {
        font-size: var(--font-50)
    }

    .faq-section-two .accordion-outer {
        padding: 20px 20px
    }

    .project-section-two .title-box .play-box {
        margin-bottom: var(--margin-bottom-25)
    }

    .project-section-two .lower-box {
        padding: 30px 15px 0;
        text-align: center
    }

    .cta-section .counter-boxed {
        text-align: center
    }

    .cta-section .counter-boxed .counter-block {
        margin-bottom: var(--margin-bottom-25)
    }

    .cta-section .counter-boxed .counter-block:last-child {
        margin-bottom: var(--margin-zero)
    }

    .page-title .icon-two {
        display: none !important
    }

    .cta-section .counter-boxed .counter:before,
    .cta-section-two .side-icon {
        display: none
    }

    .footer-bottom-inner {
        text-align: center;
        display: block !important
    }

    .footer-style-two .copyright {
        font-size: var(--font-16);
        margin-top: var(--margin-top-10);
        margin-bottom: var(--margin-bottom-20)
    }

    .cta-section-two .inner-container {
        padding: 40px 30px
    }

    .cta-section.style-two .counter-boxed .counter {
        font-size: var(--font-44)
    }

    .shop-detail-section .comments-area .comment {
        padding-left: var(--padding-zero)
    }

    .shop-detail-section .comments-area .comment-box .author-thumb {
        position: relative
    }

    .shop-detail-section .comments-area .comment .comment-inner .rating {
        position: relative;
        right: 0;
        top: 0;
        margin-bottom: var(--margin-bottom-5)
    }

    .news-block-two h3 {
        font-size: var(--font-26)
    }

    .news-block-two .post-meta li {
        margin-bottom: var(--margin-bottom-20)
    }

    .news-block-two .text {
        margin-top: var(--margin-top-10)
    }
}

@media only screen and (max-width:500px) {
    .col-xs-6 {
        width: 100%
    }
}

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

    h2 {
        font-size: var(--font-24)
    }

    h3 {
        font-size: var(--font-22)
    }

    h5 {
        font-size: var(--font-18)
    }

    .business-section .image {
        display: block !important
    }

    .business-section .image img {
        width: 100%;
        display: block
    }

    .business-section .image-two {
        position: relative !important;
        right: 0 !important;
        margin-top: var(--margin-top-20)
    }

    .business-section .image-two img {
        position: relative;
        width: 100%;
        display: block
    }

    .business-section .image-three {
        position: relative !important;
        top: 0 !important;
        margin-top: var(--margin-top-20)
    }

    .business-section .image-three img {
        position: relative;
        width: 100%;
        display: block
    }

    .brand-section span {
        font-size: var(--font-30)
    }

    .printing-section .title-box {
        font-size: var(--font-30)
    }

    .printing-section .post-info .rating {
        padding-left: var(--padding-zero);
        margin-top: var(--margin-top-15)
    }

    .sec-title h2 {
        line-height: 34px
    }

    .brand-section i {
        top: -10px
    }

    .subscribe-box .form-group {
        padding-right: var(--padding-zero)
    }

    .subscribe-box .form-group button {
        position: relative;
        margin-top: var(--margin-top-20)
    }

    .business-section-two .image-four {
        margin-left: var(--margin-left-120)
    }

    .business-section-two .image-two {
        right: 0 !important;
        top: 20px !important
    }

    .services-section-four .owl-nav {
        left: 0;
        right: 0
    }

    .service-block-four .text {
        padding: 0 0
    }

    .price-section .counter i {
        display: block;
        margin-left: var(--margin-left-15);
        margin-bottom: var(--margin-bottom-10)
    }

    .price-block .inner-box {
        padding: 40px 25px 30px
    }

    .price-block .icon-box {
        right: 20px;
        top: 20px
    }

    .banner-section .title-box .skills {
        padding-right: var(--padding-zero)
    }

    .banner-section .title-box .side-text {
        position: relative;
        top: 0;
        margin: 15px 0
    }

    .services-section-five .vector-icon-one,
    .services-section-five .vector-icon-two {
        display: none
    }

    .banner-section .pattern-layer-two {
        display: none
    }

    .banner-section .carousel-box .content {
        left: 15px;
        right: 15px;
        bottom: 15px
    }

    .project-section-three .title-box .text {
        margin-top: var(--margin-top-15)
    }

    .project-section-three .title-box .text br {
        display: none
    }

    .services-section-five .title-box {
        font-size: var(--font-24)
    }

    .project-section-four .filter-btns li {
        margin: 0 5px 10px
    }

    .faq-section-three .accordian-column .inner-column {
        padding: 20px 20px
    }

    .news-block .inner-box {
        padding: 0 15px
    }

    .subscribe-box-two .form-group {
        padding-right: var(--padding-zero)
    }

    .subscribe-box-two .form-group button {
        position: relative
    }

    .service-detail h3 {
        font-size: var(--font-22)
    }

    .project-info-box {
        padding: 20px 20px
    }

    .project-info-box .info-list li {
        font-size: var(--font-14)
    }

    .project-info-box .info-list li br {
        display: none
    }

    .project-info-box .opening {
        padding-left: var(--padding-zero)
    }

    .project-info-box .opening .icon {
        position: relative;
        display: inline-block;
        margin-bottom: var(--margin-bottom-20)
    }

    .voucher-box .form-group {
        padding-right: var(--padding-zero)
    }

    .voucher-box .form-group button {
        position: relative
    }

    .blog-detail .post-meta {
        padding-bottom: var(--padding-bottom-10)
    }

    .blog-detail .post-meta li {
        margin-bottom: var(--margin-bottom-20)
    }
}

@media only screen and (max-width:400px) {
    .col-xs-4 {
        width: 100%
    }

    .top-footer .col-xs-6 {
        width: 100%
    }
}