:root {
    --primary-color: #eb1350;
    --white: #FFFFFF;
}

::-webkit-scrollbar {width:10px; background-color: #F5F5F5;}
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display:none;}
::-webkit-scrollbar-track-piece {box-shadow: inset 0 0 6px rgba(0,0,0,.3);-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #dedede;}
::-webkit-scrollbar-thumb:vertical {border-radius: 0px;box-shadow: inset 0 0 6px rgba(0,0,0,.3);-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #050607;}

[class^="box-"] {display: none;}
[class^="box-"].showfirst {display: block;}

body {font-family: 'Poppins', sans-serif;overflow-x: hidden;}
*:hover,
*:focus,
* {outline: none !important;}
img {max-width: 100%;height: auto;}
a,
input[type="submit"] {-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;display: inline-block;cursor: pointer;color: #333333;}
p {font-size: 14px; line-height: 1.43;font-family: 'Open Sans', sans-serif;}

/* Custom Slick Css */
.slick-list {margin: 0 -15px;}
.slick-slide {margin: 0 15px;}
ul.slick-dots {padding: 50px 0 0; text-align: center;}
ul.slick-dots li {margin: 0 20px 0 0px;width: auto;display: inline-block;vertical-align: middle;overflow: hidden;padding: 0px;border: none;}
.slick-dots li button:before,
.slick-dots li button:before {color: #FFF; opacity: 1; font-size: 20px;}
.slick-dots li button {height: 11px;width: 11px;border-radius: 50%;padding: 0px;background: #d6d6d6;border: none;cursor: pointer;font-size: 0px;padding: 0px;-webkit-transition: all 0.4s ease-In-out;-moz-transition: all 0.4s ease-In-out;-o-transition: all 0.4s ease-In-out;transition: all 0.4s ease-In-out;box-sizing: border-box;}
.slick-dots li.slick-active button {background: var(--primary-color);}
span.arrows {width: 36px;height: 36px;border: none;position: absolute;top: 0px;bottom: 0px;margin: auto;z-index: 2;cursor: pointer;line-height: 39px;font-size: 12px;text-align: center;font-weight: 300;top: 0;border-radius: 0;background: #dde2e6;color: #222}
span.arrows.next {right: 1%;}


textarea,
select,
input[type],
textarea,
select,
button {background: transparent;border-radius: 0;border: none;}
::-webkit-input-placeholder {color: #3b3b3b;}
::-moz-placeholder {color: #3b3b3b;}
:-ms-input-placeholder {color: #3b3b3b;}
:-moz-placeholder {color: #3b3b3b;}

/* Custom Radio Button */
.customradio {display: inline-block;position:  relative;padding-left: 25px;margin-bottom: 0px;cursor: pointer;font-size: 15px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;vertical-align:  middle;font-weight: 400;color: #fff;}
.customradio input {position: absolute; opacity: 0; cursor: pointer;}
.checkmark {position: absolute;top: 4px;left: 0;height: 11px;width: 11px;border-radius: 3px;background-color: #e0e0e0;}
.customradio input:checked ~ .checkmark {background: #ff6101;}


.bg-video-wrap {
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  background: url(../video/fuel-truck-comp.mp4) no-repeat center center/cover;
}
video {
  min-width: 100%;
  min-height: 100vh;
  z-index: 1;
}
.top-video-contant {
    width: 100%;
}
.top-form-sec {
    width: 100%;
    max-width: 360px;
    background: #ffffff40;
    padding: 40px 25px 25px 25px;
    border-radius: 12px;
    box-shadow: 0px 0px 5px 1px #747474;
    margin: 0 auto;
}
.top-form-sec h2 {
    font-size: 30px !important;
    font-weight: bold !important;
    text-align: center !important;
    color: #eb1350 !important;
    text-transform: uppercase;
    margin: 0 !important;
    text-shadow: 0px 0px 2px #c12e45 !important;
}
.top-form-sec p {
    font-size: 16px !important;
    text-align: center;
    font-weight: 600 !important;
    margin: 0 0 7px !important;
}
.top-form-sec input {
    background: #e6eaeb;
    border: none;
    padding: 10px 10px !important;
    border-radius: 8px;
    margin: 8px 0 !important;
    outline: none;
}
.top-form-sec select {
    background: #e6eaeb;
    border: none;
    padding: 10px 10px !important;
    border-radius: 8px;
    margin: 8px 0 !important;
    outline: none;
}
.top-form-sec textarea {
    border: none important;
    background: #e6eaeb;
    border-radius: 8px;
    outline: none;
}
.message-pop {
    width: 100%;
    padding: 5px 10px;
    margin: 2px 0;
    height: 66px;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: none;
}
input.field-pop {
    width: 100%;
    padding: 5px 10px;
    margin: 2px 0;
    font-family: 'Poppins', sans-serif;
}

.selector {
    width: 100%;
    padding: 5px;
    margin: 2px 0px;
    border: none;
}
.submit-pop02 {
    width: 100%;
    font-size: 20px;
    background: #eb1350 !important;
    color: #000 !important;
    font-weight: bold;
    text-transform: uppercase;
}
.banner-content {
    position: absolute;
    left: 30%;
}
.contact-wrap {
    margin-top: 100px;
}
.contact-sec-menu .main__navigation ul li a {
    font-size: 16px;
    color: #ffffff;
    font-weight: 700;
    padding: 22px 0;
    font-family: 'Open Sans';
}
.contact-sec-menu .contact__nav ul li:first-child a {
    font-weight: 700;
    color: #ffffff;
    font-size: 18px;
    padding-left: 17px;
    position: relative;
}
.contact-sec-menu .contact__nav ul li:last-child a {
    border: 1px solid #ffffff;
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
    padding: 9px 35px;
    border-radius: 30px;
}
.con-top {
    background: #261564ed;
}
/* Hamburger Menu */
.hamburger {width: 30px;height: 20px;cursor: pointer;position: absolute;right: 15px;top: 0px;bottom: 0px;margin: auto;z-index: 22;display: none;}
.hamburger span {display: block;height: 4px;width: 100%;background: #eb1350;position: absolute;transition: .6s all;border-radius: 100px;}
.hamburger span:nth-child(1) {top: 0;}
.hamburger span:nth-child(2) {top: 8px; transform-origin: left;}
.hamburger span:nth-child(3) {top: 16px;}
.hamburger.open span{background: #fff;}
.hamburger.open span:nth-child(1) {transform: rotate(45deg); top: 12px; transform-origin: right-center;}
.hamburger.open span:nth-child(2) {width: 0; opacity: 0;}
.hamburger.open span:nth-child(3) {transform: rotate(-45deg); top: 12px; transform-origin: right-center;}

body.over-hidden {overflow: hidden;}
body {font-family: 'Poppins';}

@media (max-width: 1199px) {
    .container {position: relative;}
    .hamburger {display: block;}
    .mob-menu {display: none;}
    .mob-menu.open {display: block;left: 0;text-align: left;overflow: auto;padding: 20px;}
    .mob-menu {position: fixed;left: -210%;right: 0;top: 0;bottom: 0;background: #000000;height: 100vh;display: flex;align-items: center;justify-content: center;flex-flow: column;transition: all 0.4s ease;z-index: 3;width: 100vw;}
    .mob-menu ul li+li {margin-left: 0;}
    .mob-menu ul li a {color: #FFFFFF !important;padding: 8px 0;}

    .main__navigation ul li a {padding: 8px 0 !important;}
    .main__navigation ul li {margin-right: 0 !important;display: block !important;}
    .contact__nav {display: block !important;}

    ul.dropdown {background: transparent !important;position: relative !important;width: 100% !important;top: 0 !important;padding: 0px 0px 0px 25px !important;}
    ul.dropdown li {margin-bottom: 0 !important;padding-bottom: 0 !important;border-bottom: none !important;}
}

/* General Classes */

.font-osans {font-family: 'Open Sans', sans-serif;}

.color-white {color: #ffffff !important;}
.bg__light {background-color: #f0f0f0;}

ul.inline-block li {display: inline-block;color: #ffffff;}
ul {padding-left: 0;margin-bottom: 0;}
ul li {list-style: none;}

.z-index {z-index: 1;}

.overlay:after {content: '';position: fixed;width: 100%;height: 100%;left: 0;top: 0;background: rgba(0, 0, 0, 0.9);z-index: 99999;}
.overlay {display: none;}

.headingstyle1 {text-align: left;margin-bottom: 40px;}
.headingstyle1.center {text-align: center;}
.headingstyle1 h3 {font-weight: 700;color: #333333;font-size: 40px;text-transform: capitalize;margin-bottom: 13px;}
.headingstyle1 h3 span {color: var(--primary-color);}
.headingstyle1 h6 {font-size: 24px;color: #333333;margin: 0 0 4px 0;font-family: 'Open Sans', sans-serif;font-weight: 400;}
.headingstyle1 p {font-family: 'Open Sans', sans-serif;color: #333333;font-size: 16px;margin: 0;}

.btn-style-1 {font-size: 18px;font-weight: 700;color: #9a9a9a;background-color: #FFFFFF;padding: 11.5px 75px 11.5px 20px;border-radius: 30px;position: relative;font-family: 'Poppins';text-transform: uppercase;cursor: pointer;box-shadow: 0 8px 10px 0px #cecece;}
.btn-style-1::before {content: '';position: absolute;right: 3px;top: 0px;bottom: 0;margin: auto;background-image: url(../images/sprite.png);background-position: 0 -57px;width: 71px;height: 46px;transition: all 0.4s ease-in-out;}
.btn-style-1 span {position: relative;color: var(--primary-color);}
.btn-style-1:hover::before {right: 10px;}
.btn-style-1.shadow-2 {box-shadow: 0 5px 10px 0 #21134e;}
.btn-style-1.shadow-3 {box-shadow: 0 5px 10px 0 #7d0f5f;}
.btn-style-1.shadow-4 {box-shadow: 0 5px 10px 0 #cccccc;}

.btn-style-2 {font-size: 16px;font-weight: 700;text-transform: uppercase;position: relative;padding: 11px 32px;border-radius: 30px;border: 2px solid var(--primary-color);}
.btn-style-2:hover {background-color: var(--primary-color);color: #FFFFFF;}

.spacing__x {padding: 50px 0;}

.bg__detail {background-position: center;background-size: cover;background-repeat: no-repeat;}
.bg__detail-2 {background-position: center;background-size: 100% 100%;background-repeat: no-repeat;}

.element {position: absolute;}
.element-1 {top: 1rem;left: 4rem;}
.element-2 {top: 2rem;left: 0;right: 0;margin: auto;}
.element-3 {left: 2rem;}
.element-4 {left: 0;bottom: 0;}
.element-5 {left: 63rem;top: 7rem;z-index: 1;}
.element-6 {right: 40px;top: 6rem;z-index: 1;}
.element-7 {bottom: 30%;right: 45rem;z-index: 1;}
.element-8 {left: 0;right: 10rem;margin: auto;bottom: 1rem;}
.element-9 {right: -19rem;left: 0;margin: auto;bottom: 0;z-index: 1;}
.element-11 {right: 4rem;z-index: 1;bottom: 3rem;}
.element-12 {left: 0;top: 50%;transform: translateY(-50%);}
.element-13 {top: 50%;transform: translateY(-50%);}
.element-14 {right: 0;top: 50%;transform: translateY(-50%);}
.element-15 {right: 0;top: 0;bottom: 0;display: flex;align-items: center;}
.element-16 {left: -180px;top: 250px;transform: rotate(-90deg);transition: all 1000ms ease-in-out;}
.element-16 span {font-size: 95px;color: var(--primary-color);font-weight: 800;}
.element-17 {right: -70px;top: 75px;transform: rotate(-90deg);}
.element-17 span {font-size: 95px;color: #010078;font-weight: 800;}
.element-18 {z-index: -1;}
.element-19 {z-index: -1;}
.element-20 {right: 30px;bottom: 50px;}
.element-21 {left: 150px;top: 80px;}
.element-22 {right: 20px;top: 180px;}
.element-23 {bottom: 8rem;left: 1rem;}
.element-24 {top: 3rem;left: 0;right: 0;margin: auto;}
.element-25 {right: 2rem;top: 6rem;}
.element-26 {top: 2rem;left: 2rem;}
.element-27 {right: 25%;top: 25%;}
.element-28 {left: 45%;bottom: 35%;}

.rotate-element-360 {animation: rotateElement 6000ms infinite linear;}
@keyframes rotateElement {
    from {transform: rotate(0);}
    to {transform: rotate(360deg);}
}
@-moz-keyframes rotateElement {
    from {transform: rotate(0);}
    to {transform: rotate(360deg);}
}
@-webkit-keyframes rotateElement {
    from {transform: rotate(0);}
    to {transform: rotate(360deg);}
}


/* Header */

header {position: absolute;width: 100%;top: -15px;z-index: 99999;padding: 0 0;transition: all 0.3s ease-in-out;}
.header-form.position-absolute>img { z-index: 9999;}
header.sticky-header {position: fixed;background: #eb1350;height: 100px; padding: 20px 0;}
header.sticky-header .main__navigation  > ul > li > a {padding: 17px 0;color: #fff;}


header.sticky-header .logo img {max-width: 50%;}

header.sticky-header .contact__nav ul li:first-child a {
    font-weight: 700;
    color: #ffffff;
    font-size: 18px;
    padding-left: 17px;
    position: relative;
}
header.sticky-header .contact__nav ul li:last-child a {
    border: 1px solid #ffffff;
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
    padding: 9px 35px;
    border-radius: 30px;
}

.header-rel-button-1 {color: #282828;font-family: 'Open Sans';font-size: 18px;font-weight: 400;background-color: #e5e5e5;padding: 10px 50px 10px 35px;border-radius: 0 25px 25px 0;}
.header-rel-button-1 i {font-weight: 400;font-size: 16px;margin-right: 5px;}
.header-rel-button-2 {color: #ffffff;font-family: 'Open Sans';font-size: 18px;font-weight: 400;background-color: #eb1350;padding: 10px 25px 10px 30px;border-radius: 35px 0 0 35px;position: relative;right: -15px;}
.header-rel-button-2 i {font-weight: 400;font-size: 16px;margin-right: 5px;}

.logo img {transition: all 0.4s ease-in-out;}
.main__navigation {display: inline-block;}
.main__navigation ul li {margin-right: 30px;vertical-align: middle;}
.main__navigation ul li:last-child {margin-right: 0;}
.main__navigation ul li a {font-size: 16px;color: #ffffff;font-weight: 700;padding: 22px 0;font-family: 'Open Sans';}

.contact__nav {display: inline-block;margin-left: 50px;}
.contact__nav ul li a {font-family: 'Open Sans';}
.contact__nav ul li:first-child {margin-right: 20px;}
.contact__nav ul li:first-child a {font-weight: 700;color: #ffffff;font-size: 18px;padding-left: 17px;position: relative;}
.contact__nav ul li:first-child a span {background-color: #ed0707;width: 8px;height: 8px;position: absolute;left: 0;top: 0;bottom: 0;margin: auto;border-radius: 30px;transform: scale(1);}
.contact__nav ul li:last-child a {border: 1px solid #ffffff;font-size: 18px;font-weight: 700;color: #ffffff;padding: 9px 35px;border-radius: 30px;}
.contact__nav ul li:last-child a:hover {background-color: #df1679;color: #ffffff;}

.transform-scale-item {animation: transform-scale-item 3s infinite linear;}
@keyframes transform-scale-item {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
    }
    50% {
        transform: scale(1.5);
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
        -o-transform: scale(1.5);
    }
    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
    }
}

.transform-scale-item-2 {animation: transform-scale-item-2 3s infinite linear;}
@keyframes transform-scale-item-2 {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
    }
    50% {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
    }
    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
    }
}

.header-contact-details ul {display: flex;flex-direction: row;align-items: center;justify-content: flex-end;}
.header-contact-details ul li {margin-right: 30px;}
.header-contact-details ul li:first-child a {font-weight: 700;color: #333333;position: relative;padding-left: 40px;}
.header-contact-details ul li:first-child a::before {content: '';position: absolute;left: 0;top: 0;bottom: 0;margin: auto;background-image: url(../images/sprite.png);background-position:-110px -7px;width: 34px;height: 34px;}
.header-contact-details ul li:last-child {margin-right: 0;}
.header-contact-details ul li:last-child a span {display: inline-block;box-shadow: 0px 0px 10px 3px #eaeaea;border-radius: 50%;}

/* Home Page */
.mt-78 {
    margin: 0;
}
.banner-home {height: 100vh;display: flex;align-items: center;position: relative;overflow: hidden;}
.banner-content h6 {font-size: 24px;color: #FFFFFF;font-weight: 700;background-color: var(--primary-color);display: inline-block;padding: 5px 10px;}
.banner-content h1 {font-size: 90px;font-weight: 700;color: #FFFFFF;}
.banner-content h1 span {display: inline-block;background-color: var(--primary-color);font-weight: 600;padding: 0 10px;position: relative;}
.banner-content h1 span::before {content: '';position: absolute;left: -20px;top: 0;bottom: 0;margin: auto;background: url(../images/sprite.png) no-repeat;background-position: -2px -103px;width: 22px;height: 40px;}
.banner-content p {color: #FFFFFF;font-size: 18px;font-family: 'Open Sans';margin-bottom: 20px;}
.banner-content ul {margin-bottom: 35px;}
.banner-content ul li {margin-right: 15px;vertical-align: middle;}
.banner-content ul li:last-child {margin-right: 0;position: relative;padding-left: 60px;}
.banner-content ul li:last-child:hover a {color: #FFFFFF;}
.banner-content ul li:last-child:hover a span {color: var(--primary-color);}
.banner-content ul li:last-child::before {content: '';width: 53px;height: 50px;position: absolute;left: 0;top: 0;margin: auto;display: flex;align-items: center;background: url(../images/sprite.png) no-repeat;}
.banner-content ul li:last-child a {color: var(--primary-color);font-weight: 700;font-size: 20px;line-height: 1.2;}
.banner-content ul li:last-child a span {display: block;color: #FFFFFF;font-size: 12px;}

.form-bg {width: 850px;height: 107.8%;position: absolute;right: 0;top: 20px;background-size: cover;    z-index: 999;}
.form-wrapper h3 {font-weight: 700;font-size: 46px;color: #000000;}
.form-wrapper p {font-size: 19px;margin-bottom: 25px;}

.form-wrapper {padding: 15rem 5rem 8rem 17rem;height: 100%;}
.form-wrapper .input-control {width: 100%;background-color: #FFFFFF;border-radius: 30px;font-size: 14px;color: #999999;padding: 13px 15px 13px 25px;font-family: 'Poppins';}
.form-wrapper .btn-style-1 {background-color: #442891;color: #FFFFFF;padding: 11.5px 95px 11.5px 20px;box-shadow: 0 1px 5px 0 #2d2d2d;}
.form-wrapper textarea {width: 100%;background-color: #FFFFFF;border-radius: 40px;font-size: 14px;color: #999999;padding: 13px 15px 13px 25px;font-family: 'Poppins';}

.c__info.banner-content ul li:last-child::before {background-position: -60px 0;}
.c__info.banner-content ul li:last-child a span {color: #000000;}

.create__flow {position: relative;padding: 100px 0;}
.create__flow .img__area {text-align: right;position: relative;}

.service-nav {background: url(../images/mix/serv-box-bg.png);background-size: 100%;text-align: center;padding: 30px;}
.service-image-box .white-bx {background: #FFFFFF;padding: 110px 0;min-height: 329px;border-radius: 8px;box-shadow: 0 0 15px 0 rgb(0 0 0 / 17%);position: relative;transition: all 0.4s ease;margin: 15px;}
.service-image-box .white-bx:after {content: '';width: 110%;background: url(../images/mix/line-01.png) no-repeat center;height: 160px;position: absolute;bottom: -10px;left: -15px;}
.service-image-box figure {margin: 0 0 20px;}
.service-image-box h5 {font-size: 18px;font-weight: bold;font-style: normal;font-stretch: normal;line-height: normal;letter-spacing: normal;color: #2d3436;}
.service-image-box .white-bx:hover {transform: scale(1.05);}

.service-nav figure img {display: inline-block;}
.service-nav .slick-slide {margin: 0;}
.service-nav .slick-arrow {font-size: 0;position: absolute;top: 0;bottom: 0;margin: auto;width: 58px;height: 58px;background-color: #ffffff;border-radius: 50%;z-index: 1;box-shadow: 0px 0px 15px 0.5px #efefef;cursor: pointer;transition: all 0.5s ease-in-out;}
.service-nav .slick-arrow:before {font: normal normal normal 14px/1 FontAwesome;font-size: 22px;}
.service-nav .slick-prev {left: -40px;}
.service-nav .slick-prev::before {content: "\f0d9";}
.service-nav .slick-next {right: -40px;}
.service-nav .slick-next::before {content: "\f0da";}
.service-nav .slick-arrow:hover {background-color: var(--primary-color);}
.service-nav .slick-arrow:hover::before {color: #FFFFFF;}

.service-text-box h4 {font-weight: 700;color: #333333;font-size: 30px;margin-bottom: 20px;}
.service-text-box p {font-size: 20px;color: #333333;font-family: 'Open Sans', sans-serif;margin-bottom: 20px;}
.service-text-box ul li {margin-right: 5px;}
.service-text-box ul li:last-child {margin-right: 0;}
.service-text-box ul li:last-child a {font-weight: 700;text-transform: uppercase;position: relative;padding: 12px 40px;border-radius: 30px;}
.service-text-box ul li:last-child a:hover {padding: 11px 45px 11px 25px;}
.service-text-box ul li a:hover {background-color: var(--primary-color);color: #FFFFFF;}
.service-text-box ul li a:hover i {color: #FFFFFF !important;right: 20px !important;}
.service-text-box ul li a i {color: var(--primary-color);position: absolute;right: 0;top: 50%;transform: translateY(-50%);font-size: 20px;transition: all 0.5s ease-in-out;}

.preferred__videos {position: relative;padding-top: 70px;overflow: hidden;}
.what-is-video {position: relative;margin-bottom: 30px;z-index: 2;overflow: hidden;}
.what-is-video .headingstyle1 h3 {color: #FFFFFF;}
.what-is-video .headingstyle1 p {color: #d8caff;}

.what-is-vector-slider {text-align: center;padding-top: 300px;}
.what-is-vector-slider ul li {position: absolute;left: 0;right: 0;margin: auto;bottom: -52px;}

.pricing__box {position: relative;border: 1px solid #cccccc;padding: 25px 0 0 0;border-radius: 15px;margin-bottom: 1.5rem;}
.pricing__box .plr-1 {padding: 0 25px;}
.pricing__box .plr-2 {padding: 0 8px;}
.pricing__box .plr-3 {padding: 0 15px;}
.pricing__box .title {border-bottom: 2px solid #cccccc;margin-bottom: 20px;padding-bottom: 20px;}
.pricing__box .title h4 {font-size: 30px;font-weight: 700;color: #333333;margin: 0;}
.pricing__box .title p {font-size: 16px;font-family: 'Open Sans', sans-serif;color: #666666;margin: 0;}
.pricing__box .pricing {position: relative;margin-bottom: 20px;}
.pricing__box .pricing h5 {margin: 0;font-size: 45px;font-weight: 800;color: #3f2686;display: inline-block;}
.pricing__box .pricing h5 span {font-size: 38px;transition: none;}
.pricing__box .pricing h6 {position: absolute;right: -25px;background-color: #6e6d75;padding-left: 10px;padding-right: 10px;padding: 5px 20px 5px 10px;padding-bottom: 3px;top: 8px;color: #e0e0e0;font-size: 14px;font-weight: 400;}
.pricing__box .pricing h6::before {content: '';position: absolute;background-color: transparent;left: -18px;width: 0;height: 0;border-top: 25px solid transparent;border-bottom: 25px solid transparent;border-left: 18px solid #6e6d75;transform: rotate(180deg);top: 0.5px;transition: none;}
.pricing__box .pricing h6 span {display: block;font-size: 26px;font-weight: 600;text-decoration: line-through;color: #FFFFFF;transition: none;}
.pricing__box .items-offered {position: relative;padding: 20px 10px 20px 25px;margin-bottom: 25px;z-index: 1;}
.pricing__box .items-offered::before {content: '';position: absolute;left: 0;top: 0;background-color: #eeeeee;width: 100%;height: 100%;z-index: -1;border-radius: 16px;transition: all 0.4s ease-in-out;/* left: -30px; */}
.pricing__box .items-offered ul li {margin-bottom: 10px;font-size: 14px;color: #171b41;font-weight: 500;}
.pricing__box .items-offered ul li:last-child {margin-bottom: 0;}
.pricing__box .items-offered ul li i {margin-right: 8px;color: var(--primary-color);}
.pricing__box .order-chat .btn-style-1 {background-color: #1c214e;color: #FFFFFF;box-shadow: none;}
.pricing__box .order-chat {margin-bottom: 30px;}
.pricing__box .order-chat ul li {vertical-align: bottom;}
.pricing__box .order-chat ul li:last-child {margin-left: 15px;}
.pricing__box .btn-style-chat {font-size: 20px;font-weight: 700;color: #333333;line-height: 1.2;}
.pricing__box .btn-style-chat span {display: block;font-size: 12px;color: #1c214e;font-weight: 500;font-family: 'Open Sans', sans-serif;}
.pricing__box .btn-style-chat span i {color: #009245;margin-left: 5px;}
.pricing__box .call-us {background-color: #eeeeee;text-align: center;border-radius: 0 0 16px 16px;padding: 6px 0;}
.pricing__box .call-us a {font-size: 14px;color: #333333;font-weight: 400;}
.pricing__box .call-us a span {font-weight: 600;}

.pricing__box::before, .pricing__box::after {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: -1;border-radius: 15px 15px 20px 20px;opacity: 0;transition: all 0.5s ease-in-out;background: #5c1dff;background: -moz-linear-gradient(top, #5c1dff 0%, #1f0c4a 100%);background: -webkit-linear-gradient(top, #5c1dff 0%,#1f0c4a 100%);background: linear-gradient(to bottom, #5c1dff 0%,#1f0c4a 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c1dff', endColorstr='#1f0c4a',GradientType=0 );}
.pricing__box * {transition: all 0.3s ease-in-out;}
.pricing__box:hover .items-offered {padding: 20px 10px 20px 10px;}
.pricing__box:hover .items-offered::before {left: -25px;background-color: #feffd9;box-shadow: -5px 0 3px 1px #f3f3f3;}
.pricing__box:hover::before {opacity: 1;}
.pricing__box:hover .title h4 {color: #FFFFFF;}
.pricing__box:hover .title p {color: #FFFFFF;}
.pricing__box:hover .pricing h5 {color: #FFFFFF;}
.pricing__box:hover .pricing h6 {background-color: var(--primary-color);}
.pricing__box:hover .pricing h6:before {border-left: 18px solid var(--primary-color);}
.pricing__box:hover .btn-style-1 {color: #1c214e;background-color: #FFFFFF;}
.pricing__box:hover .btn-style-chat {color: #FFFFFF;}
.pricing__box:hover .btn-style-chat span {color: #FFFFFF;}
.pricing__box:hover .call-us {background-color: #feffd9;}
.for-margin {margin-bottom: 60px;}

.cta__1 {padding: 140px 0;margin-top: -60px;}
.cta__1 .headingstyle-cta h4 {color: #FFFFFF;font-size: 42px;font-weight: 700;}
.cta__1 .headingstyle-cta p {color: #FFFFFF;font-size: 22px;margin: 0;}
.headingstyle-cta .btn-style-2 {background-color: var(--primary-color);color: #FFFFFF;}
.headingstyle-cta .btn-style-2:hover {background-color: transparent;}
.discuss-stratrgies {color: #FFFFFF;font-weight: 700;font-size: 24px;line-height: 1.3;}
.headingstyle-cta .discuss-stratrgies span {display: block;font-weight: 400;font-size: 16px;font-family: 'Open Sans', sans-serif;}

.custom-tablist-1 {margin-bottom: 65px;}
.custom-tablist-1 ul {font-size: 0;text-align: center;}
.custom-tablist-1 ul li {display: inline-block;margin-right: 25px;}
.custom-tablist-1 ul li:last-child {margin-right: 0;}
.custom-tablist-1 ul li:last-child a::before {display: none}
.custom-tablist-1 ul li a {font-size: 16px;color: #666666;font-weight: 600;position: relative;}
.custom-tablist-1 ul li a::before {content: '';background-image: url(../images/mix/plus.png);position: absolute;bottom: -25px;right: -30px;width: 41px;height: 38px;background-position: 0;}
.custom-tablist-1 ul li.active a, .custom-tablist-1 ul li:hover a {color: #1c214e;}

.our__portfolio {padding: 100px 0;}
.portfolio-box > ul {font-size: 0;}
.portfolio-box ul > li {position: relative;width: 33.3333%;display: inline-block;}
.portfolio-box ul > li:nth-child(3n) {margin-right: 0;}
.portfolio-box .portfolio-item {position: relative;overflow: hidden;}
.portfolio-box .portfolio-item .hover-effect {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgb(235 19 80 / 0.9);display: flex;align-items: center;justify-content: center;transform: translateX(-101%);transition: all 0.5s ease-in-out;/* display: none; */}
.portfolio-box .portfolio-item .hover-effect a {position: absolute;left: 0;right: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.portfolio-box .portfolio-item .hover-effect a::before {content: '+';color: #FFFFFF;font-size: 72px;font-weight: 100;}
.portfolio-box .portfolio-item .hover-effect a::before {  
content: "\f144";color: #FFFFFF;font-size: 72px;font-weight: 100;
    display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
      font-size: 60px;
}
.portfolio-box .portfolio-item:hover .hover-effect {transform: translate(0);}
.portfolio-box .portfolio-item img {width: 100%;transition: all 0.6s ease-in-out;}
.portfolio-box .portfolio-item:hover img {transform: scale(1.2);}
.our__portfolio .btn-style-2 {margin-top: 5rem;}


.whychooseus {margin-top: -60px;}
.whylist {display: inline-block;width: 100%;margin-bottom: 0;margin-top: 50px;}
.whylist li:last-child {padding-bottom: 0px;}
.whylist li {display: inline-block;width: 100%;font-size: 0;vertical-align: top;padding-bottom: 40px;}
.whylist li .figsec {margin-bottom: 0;width: 30%;vertical-align: top;display: inline-block;}
.whylist li .text {display: inline-block;width: 70%;padding-left: 0;}
.whylist li .text h4 {font-size: 18px;font-weight: 700;color: #000000;margin-bottom: 10px;}
.whylist li .text p {font-size: 16px;color: #666666;margin: 0;font-family: 'Open Sans', sans-serif;}
.whychooseus .midfigure {margin-bottom: 0;}
.whychooseus .midfigure img {margin: 0 auto;display: block;mix-blend-mode: multiply;}
.whychooseus a {margin: 0 auto;}   
.whylist.right li .figsec {text-align: right;}
.whylist.right li .text {padding-left: 0;text-align: right;padding-right: 0;}


.footer-top {padding: 100px 0 70px 0;}
.footer-top .ft__nav p {font-size: 16px;color: #ffffff;margin-top: 30px;margin-bottom: 40px;}
.footer-top .ft__nav h4 {font-size: 18px;color: #ffffff;margin-bottom: 25px;}
.footer-top .ft__nav ul li {margin-bottom: 0;position: relative;}
.footer-top .ft__nav ul li:last-child {margin-bottom: 0;}
.footer-top .ft__nav ul li a {color: #ffffff;font-size: 14px;position: relative;overflow: hidden;transition: color .3s;}
.footer-top .ft__nav ul li a i {color: #737373;margin-right: 10px;}
.footer-top .get-in-touch h6 {color: #FFFFFF;}
.footer-top .get-in-touch ul li a {color: #737373;font-size: 14px;}
.footer-top .get-in-touch ul li a:hover {color: var(--primary-color);}

.footer-bottom {border-top: 1px solid #5d5c5e;padding: 15px 0;background-color: #160d39;}
.footer-bottom .copy-rights p {margin: 0;font-size: 14px;color: #ffffff;font-family: 'Open Sans', sans-serif;}
.footer-bottom .copy-rights ul {display: inline-block;margin-left: 10px;}
.footer-bottom .copy-rights ul li a {font-size: 16px;color: #ffffff;padding-right: 5px;}
.footer-bottom .copy-rights ul li a:hover {text-decoration: underline;}
.footer-bottom .privacy-listing ul {text-align: right;}
.footer-bottom .privacy-listing ul li {margin-right: 15px;}
.footer-bottom .privacy-listing ul li:last-child {margin-right: 0;}
.footer-bottom .privacy-listing ul li a {color: #FFFFFF;font-family: 'Open Sans', sans-serif;font-size: 14px;}
.footer-top .social-icons ul li {margin-right: 10px;display: inline-block;}
.footer-top .social-icons ul li a span {color: #333333;font-size: 16px;background-color: var(--white);border-radius: 25px;line-height: normal;width: 35px;height: 35px;display: flex;align-items: center;justify-content: center;}

.ft__nav.contact-info ul li {padding-left: 35px;margin-bottom: 11px;}
.ft__nav.contact-info ul li a {position: unset;}
.ft__nav.contact-info ul li:last-child {padding-left: 0;}
.ft__nav.contact-info ul li i {position: absolute;left: 0;top: 3px;background: url(../images/sprite.png) no-repeat;background-position: -131px 0;width: 20px;height: 20px;margin: 0 auto;}
.ft__nav.contact-info ul li i.ic2 {background-position: -160px 0;width: 18px;height: 18px;}
.ft__nav.contact-info ul li i.ic3 {background-position: -186px 0;width: 19px;height: 25px;}

@keyframes anim-in-layer {
    0% {
        transform: translate3d(-100%, 0, 0)
    }
    to {
        transform: translateZ(0)
    }
}

@keyframes anim-out-layer {
    0% {
        transform: translateZ(0)
    }
    to {
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes anim-in-text {
    0% {
        transform: translate3d(100%, 0, 0)
    }
    to {
        transform: translateZ(0)
    }
}

@keyframes anim-out-text {
    0% {
        transform: translateZ(0)
    }
    to {
        transform: translate3d(-100%, 0, 0)
    }
}

.link-layer {position: absolute;left: 0;overflow: hidden;background-color: #261564;width: 100%;display: block;transform: translate3d(-100%,0,0);animation: anim-out-layer .3s ease-out;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.link-layer:before {background-color: #261564;content: attr(data-text);width: 100%;display: block;transform: translate3d(100%,0,0);color: #df1779;animation: anim-out-text .3s ease-out;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
footer .ft__nav ul li a:hover .link-layer {animation: anim-in-layer .3s ease forwards;}
footer .ft__nav ul li a:hover .link-layer::before {animation: anim-in-text .3s ease forwards;}
footer .ft__nav {animation: anim-in-layer .3s ease forwards;}
footer .ft__nav .footer-logo {filter: brightness(0) invert(1);max-width: 55%;}

.banner-content.use-2 ul li .btn-style-2 span {font-weight: 500;}
.banner-content.use-2 ul li:last-child::before {background-position: -125px -30px;}
.banner-content.use-2 ul li:last-child a {color: #261564;}
.banner-content.use-2 ul li:last-child a span {color: inherit;}

.our__testimonials {padding: 100px 0 70px 0;}
.testimonial-box .content-area {position: relative;background-color: #FFFFFF;border: 1px solid #d5d5d5;padding: 1rem 1.5rem 2rem;margin-bottom: 2.5rem;box-shadow: 0px 0 15px 0 rgb(0 0 0 / 0.2);transition: all 0.4s ease-in-out;}
.testimonial-box .content-area::before {content: '';position: absolute;left: 0;right: 0;margin: auto;bottom: -30px;width: 0;height: 0;border-left: 30px solid transparent;border-right: 30px solid transparent;border-top: 30px solid #ffffff;}
.testimonial-box .content-area p {font-family: 'Open Sans', sans-serif;font-size: 14px;line-height: 1.8;}
.testimonial-box .content-area h6 {margin: 0;font-size: 14px;color: #333333;}
.testimonial-box .content-area h5 {font-weight: 700;font-size: 18px;margin: 0 0 5px 0;}
.testimonial-box > img {margin: auto;}
.testimonial-box * {transition: all 0.4s ease-in-out;}
.testimonial-box:hover .content-area {background-color: #261564;}
.testimonial-box:hover p {color: #938ab2;}
.testimonial-box:hover h5 {color: #FFFFFF;}
.testimonial-box:hover h6 {color: #b8aaea;}

.testimonial-slider .slick-arrow {position: absolute;top: 0;bottom: 0;margin: auto;z-index: 1;background-color: #e7e7e7;width: 58px;height: 58px;border-radius: 50%;font-size: 0;cursor: pointer;display: flex !important;align-items: center;justify-content: center;transition: all 0.4s ease-in-out;}
.testimonial-slider .slick-arrow:hover {box-shadow: 0px 0px 20px 0px #d4d4d4;}
.testimonial-slider .slick-arrow::before {content: "\f0d9";position: absolute;font: normal normal normal 14px/1 FontAwesome;font-size: 18px;}
.testimonial-slider .slick-prev {left: -90px;}
.testimonial-slider .slick-next {right: -90px;}
.testimonial-slider .slick-arrow.slick-next::before {content: "\f0da";}

.banner-inner {height: 100vh;position: relative;display: flex;align-items: center;}
.banner-element {left: 0;top: 0;z-index: 0;width: 63%;}
.banner-element.style-1 {width: auto;left: 10%;}
.banner-element.style-2 {width: auto;left: 60px;bottom: 0;margin: auto;display: flex;align-items: center;justify-content: center;}
.banner-element.style-3 {left: 50px;top: 50px;width: 50%;}
.banner-element.style-3 img {max-width: 100%;}
.banner-element.style-4 {left: 100px;}
.banner-element.style-4 img {max-width: 67%;}
.banner-element .main-banner-element {max-width: 90%;}
.banner-inner h6 {font-size: 30px;color: #FFFFFF;font-weight: 300;margin-bottom: 15px;}
.banner-inner h2 {font-size: 62px;font-weight: 700;color: #FFFFFF;margin-bottom: 30px;line-height: 1.3;position: relative;}
.banner-inner h2::before {content: '';position: absolute;left: -100px;top: 35px;width: 80px;height: 10px;}
.banner-inner p {color: #FFFFFF;font-size: 18px;font-family: 'Open Sans', sans-serif;line-height: 1.8;margin-bottom: 30px;}
.element-video {position: absolute;left: -160px;right: 0;margin: auto;top: -80px;bottom: 0;width: 166px;height: 166px;}

.about-service {position: relative;overflow: hidden;min-height: 636px;display: flex;align-items: center;}
.about-service .img__area {text-align: right;}
.about-service .img__area img {margin-bottom: -28px;}
.about-service h6 {font-size: 26px;color: #FFFFFF;font-weight: 300;margin: 0 0 5px 0;text-transform: capitalize;}
.about-service h3 {font-size: 40px;font-weight: 700;color: #FFFFFF;margin-bottom: 1rem;}
.about-service h4 {font-size: 42px;color: #ffffff;font-weight: 600;margin-bottom: 15px;}
.about-service p {color: #FFFFFF;font-size: 14px;line-height: 1.8;font-family: 'Open Sans', sans-serif;margin: 0;}
.about-service .text__area .banner-content {margin: 25px 0 0 0;}

.about-service.for-change-position .img__area {right: 0;bottom: 0;}

.about-service.style-2 h3 {color: #000000;}
.about-service.style-2 h6 {color: #000000;}
.about-service.style-2 p {color: #666666;}
.about-service.style-2 .banner-content ul li:last-child a span {color: #000000;}
.about-service.style-2 .banner-content ul li:hover a {color: #000000;}

.about-service.style-3 h3, .about-service.style-3 h6, .about-service.style-3 p {color: #FFFFFF;}
.about-service.style-3 .img__area img {margin: 0;}
.about-service.style-3::before {content: '';position: absolute;right: 0;top: 0;background: url(../images/mix/service-element/5.png) no-repeat;}

.cta__2 {padding: 100px 0;position: relative;}
.cta__2 .headingstyle-cta ul.inline-block li {vertical-align: middle;margin-right: 25px;}
.cta__2 .headingstyle-cta ul li:last-child {margin-right: 0;}
.cta__2 .headingstyle-cta h4 {color: #FFFFFF;font-size: 22px;font-weight: 300;}
.cta__2 .headingstyle-cta h3 {color: #FFFFFF;font-size: 34px;font-weight: 700;line-height: 1.4;margin-bottom: 25px;}
.cta__2 .headingstyle-cta ul.points {font-size: 0;margin-bottom: 20px;}
.cta__2 .headingstyle-cta ul.points li {color: #FFFFFF;position: relative;font-size: 18px;width: 50%;display: inline-block;margin-bottom: 15px;padding-left: 20px;}
.cta__2 .headingstyle-cta ul.points li::before {content: '';position: absolute;left: 0;background-color: #eb1350;width: 10px;height: 10px;border-radius: 25px;top: 0;bottom: 0;margin: auto;}
.cta__2 .img__area img {margin-bottom: -64px;}

.what-we-offer {margin-bottom: 10px;}

.bg__1 {background-color: #271167;}
.bg__2 {background-color: #edb013;}
.bg__3 {background-color: #eb1350;}
.bg__4 {background-color: #e22533;}
.bg__5 {background-color: #33cc66;}
.bg__6 {background-color: #000000;}
.bg__7 {background-color: #8b8b8c;}

.offer-box-1 {padding: 4rem 5rem;position: relative;overflow: hidden;display: flex;flex-direction: column;justify-content: center;height: 100%;}
.offer-box-1::before {content: '';position: absolute;background: url(../images/elements/element-22.png) no-repeat;right: -150px;top: -180px;width: 322px;height: 332px;}
.offer-box-1 h5 {color: #FFFFFF;font-size: 35px;font-weight: 700;margin-bottom: 20px;}
.offer-box-1 p {color: #FFFFFF;margin: 0;font-size: 18px;}

.offer-box-2 {text-align: center;padding: 2rem 2rem;height: 375px;display: flex;flex-flow: column;align-items: center;justify-content: center;}
.offer-box-2 h6 {color: #FFFFFF;font-size: 26px;font-weight: 600;margin-bottom: 36px;}

.process-box {position: relative;text-align: center;border: 1px solid #cccccc;padding: 3rem 1.5rem 4rem 1.5rem;margin-bottom: 3rem;border-radius: 3px;background-color: #FFFFFF;transition: all 0.4s ease-in-out;display: flex;flex-direction: column;align-items: center;justify-content: center;height: 100%;}
.process-box i {background: url(../images/sprite.png) no-repeat;background-position: -226px -2px;width: 84px;height: 79px;display: inline-block;}
.process-box h4 {font-size: 22px;color: #000000;font-weight: 600;margin: 30px 0 10px 0;}
.process-box p {margin: 0;font-size: 15px;color: #666666;line-height: 1.6;}
.process-box .process-number {color: #dbdbdb;font-size: 128px;font-weight: 800;position: absolute;right: 20px;top: 30px;line-height: 100px;}
.process-box:hover {box-shadow: 0px 29px 62px 0px rgba(0, 0, 0, 0.19);}
.process-box i.ic1 {width: 76px !important;}
.process-box i.ic2 {background-position: -304px -3px;}
.process-box i.ic3 {background-position: -400px 0;;}
.process-box i.ic4 {background-position: -485px -1px;}
.process-box i.ic5 {background-position: -576px -3px;}
.process-box i.ic6 {background-position: -674px -9px;}

.preferred__videos.active .element-16 {top: 200%;}
.color-yellow {color: #f7ca16;}
.color-red {color: #ff3636;}

.get-custom-quote a {position: relative;display: flex;flex-flow: row;align-items: center;}
.get-custom-quote .left {text-align: center;background-color: #f7ca16;padding: 1rem 2rem;-webkit-border-radius: 13px 53px 63px 13px / 108px 60px 72px 72px;border-radius: 77% 125% 75% 50% / 143% 99% 88% 89%;z-index: 1;transition: all 0.4s ease-in-out;}
.get-custom-quote .small__x {display: block;font-size: 14px;color: #000000;text-transform: uppercase;}
.get-custom-quote .big__x {font-size: 62px;color: #000000;font-weight: 600;line-height: 50px;}
.get-custom-quote .text__x {background-color: #f7ca16;border-radius: 0 25px 25px 0;margin-left: -5px;padding: 0.7rem 0.4rem 0.7rem 1rem;transition: all 0.4s ease-in-out;}
.get-custom-quote .text__x .inner {font-size: 16px;font-weight: 700;color: #000000;text-transform: uppercase;border: 1px solid #000000;border-left: none;padding: 5px 25px 5px 10px;border-radius: 0 25px 25px 0;}
.get-custom-quote a:hover .left, .get-custom-quote a:hover .text__x {background-color: #4ac3c3;}

.contact-us-wrapper {padding: 100px 0;}
.contact-us-wrapper .contact-area > h5 {font-size: 34px;color: #333333;font-weight: 700;line-height: 1.3;}
.contact-us-wrapper .contact-area > p {font-size: 16px;color: #666666;margin-bottom: 30px;}
.contact-us-wrapper .contact-area > h4 {font-size: 27px;color: #929292;font-weight: 700;margin-bottom: 40px;}
.contact-us-wrapper .contact-area ul {font-size: 0;margin-bottom: 40px;}
.contact-us-wrapper .contact-area > ul > li {width: 40%;position: relative;padding-left: 45px;}
.contact-us-wrapper .contact-area > ul > li a {font-size: 18px;color: #000000;}
.contact-us-wrapper .contact-area > ul > li::before {content: '';position: absolute;left: 0;background: url(../images/sprite.png) no-repeat;background-position: -2px -157px;width: 38px;height: 37px;top: 0;bottom: 0;margin: auto;}
.contact-us-wrapper .contact-area > ul > li:last-child:before {background-position: -48px -157px;width: 35px;height: 35px;}
.social-icons h5 {font-size: 25px;color: #363636;font-weight: 600;margin-bottom: 15px;font-family: 'Open Sans', sans-serif;}
.social-icons ul li {margin-right: 25px;}
.social-icons ul li a {font-size: 26px;}
.social-icons ul li a.color-1 {color: #3b5999;}
.social-icons ul li a.color-2 {color: #03a9f4;}
.social-icons ul li a.color-3 {color: #c42968;}
.social-icons ul li a.color-4 {color: #d32f2f;}

.contact-form {position: relative;background-color: #FFFFFF;padding: 2rem 2rem;box-shadow: -30px -25px 48px 0 #f5f5f5;}
.contact-form label {font-size: 14px;color: #666666;font-family: 'Open Sans', sans-serif;}
.contact-form::before {content: '';background: url(../images/bg/contact-form-bg.png) no-repeat;position: absolute;width: 100%;height: 100%;z-index: -1;}
.contact-form .custom-input {width: 100%;border: 1px solid #cbcbcb;background: #FFFFFF;height: 35px;border-radius: 2px;padding: 0 0.7rem;font-size: 14px;}
.contact-form textarea {height: auto !important;resize: none;padding: 0.5rem 0.7rem !important;}
.contact-form  .btn-style-1 {background-color: #442891;color: #FFFFFF;padding: 11.5px 95px 11.5px 20px;box-shadow: 0 1px 5px 0 #2d2d2d;}

.polices__area .cntc-heading {margin-bottom: 2rem;}
.polices__area .cntc-heading h2 {font-size: 28px;font-weight: 700;}
.polices__area h4 {font-size: 18px;font-weight: 500;text-transform: capitalize;}
.polices__area ul {margin-bottom: 1rem;}
.polices__area ul li {font-size: 14px;font-family: 'Open Sans', sans-serif;}

.dropdown-nav {position: relative;vertical-align: middle;}
ul.dropdown {position: absolute;width: 250px;top: 74px;left: 0;margin: auto;background: #211b43;padding: 15px 25px 15px 20px;text-align: left;border-radius: 0 0 5px 5px;z-index: 1;display: none;}
ul.dropdown li {width: 100%;display: block;margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px solid #FFFFFF;}
ul.dropdown li a {font-size: 14px;color: #FFFFFF;font-weight: 500;display: block;padding: 0;}
ul.dropdown li::before {display: none;}
ul.dropdown li:last-child {margin-bottom: 0;padding-bottom: 0;border-bottom: 0}
ul.dropdown li:last-child a {border-bottom: none;}

header.sticky-header ul.dropdown {top: 64px;}
.fancybox-container .fancybox-inner .fancybox-stage video {width: 90%;height: 90%;margin: 0;}


/* Thankyou Page */
.container-fluid {width: 100%;}
.thank-you {height: 100vh; display: flex; align-items: center; position: relative; overflow: hidden;}
.thank-you h3 {font-size: 50px; font-weight: 600; color: #FFFFFF; margin-bottom: 5px; line-height: 1.3; text-transform: uppercase;}
.thank-you p {color: #FFFFFF; font-size: 20px; font-family: 'Open Sans', sans-serif; line-height: 1.8; margin-bottom: 30px;}
.thank-you .inner-banner-content h3:before {content: ''; position: absolute; background-image: url(../images/icons/arrow_03.png); top: -40px; margin-left: -50px; width: 150px; height: 150px;}
.thank-you .inner-banner-content h3:after {content: ''; position: absolute; background-image: url(../images/icons/arrow_right.png); top: 10px; right: 0; width: 172px; height: 150px;}
.thank-you .btn-style-2 {font-size: 16px; font-weight: 700; text-transform: uppercase; position: relative; padding: 11px 32px; border-radius: 0; border: 2px solid var(--primary-color);}
.thank-you .btn-style-2 {background-color: var(--primary-color); color: #FFFFFF;}


/* Popup */
.popup-layout {display: none;}
.popup {position: fixed; z-index: 99999; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.popup-bg {width: 811px; height: 508px; background: url(../images/bg/popup-bg.png); padding: 30px 0px 30px 33px;}
.popup-content h1 {font-size: 25px; font-weight: 400; line-height: normal; color: #ebecea; font-family: 'Luckiest Guy', cursive; text-transform: uppercase;}
.popup-content span {color: #ffd156;}
.popup-content h2 {font-size: 15px; font-weight: 500; line-height: normal; color: #ebecea;}
.popup-form {font-size: 12px; font-weight: 200; padding-top: 30px;}
.popup-form input {padding: 10px 0px 10px 20px; width: 90%; margin-bottom: 10px; background-color: #fff;}
.popup-form textarea {padding: 10px 0px 10px 20px; width: 90%; margin-bottom: 20px; background-color: #fff;}
input.popup-btn {font-size: 15px; font-weight: 700; background-color: #ff4451; color: #ffffff; text-transform: uppercase; width: 40% !important; padding: 10px !important; border: none;}
.popup-form input::placeholder {color: #010101; opacity: 1;}
.popup-form input:-ms-input-placeholder {color: #010101;}
.popup-form input::-ms-input-placeholder {color: #010101;}
.popup-form textarea::placeholder {color: #010101; opacity: 1;}
.popup-form textarea:-ms-input-placeholder {color: #010101;}
.popup-form textarea::-ms-input-placeholder {color: #010101;}
.popup-right-image {position: absolute; right: -80px; top: 80px;}
.popup-right-image img {max-width: 100%;}
.close {position: absolute; cursor: pointer; right: -26px; top: -25px; float: none; opacity: 100%;}


@media (max-width:1550px) {

    .main__navigation ul li {margin-right: 15px;}
    .contact__nav ul li:last-child a {font-size: 16px;}
    .header-rel-button-2 {font-size: 15px;padding: 12px 15px 12px 15px;position: relative; top: -1px;}
    .contact__nav {margin-left: 15px;}
    .form-wrapper {padding: 13rem 7rem 6rem 14rem;}
    .banner-content h1 {font-size: 70px;}
    .banner-content h6 {font-size: 20px;}
    .form-bg {width: 755px; height: 108.9%;}
    .element-7 {bottom: 24%;}
    .element-9 {right: -16rem;}
    .element-12 {display: none;}
    .service-text-box {padding-left: 50px;}
    .element-16 {left: -150px;}
    .element-16 span {font-size: 90px;}
    .element-17 span {font-size: 90px;}
    .form-wrapper h3 {font-size: 42px;}
    .form-wrapper p {font-size: 17px;}
    .what-is-video {background-position: center !important;}
    .what-is-vector-slider ul li {bottom: -51px;}

    /*logo animation*/
    .banner-element.style-2 {left: 0;}
    .banner-element .main-banner-element {max-width: 85%;}
    .banner-inner h6 {font-size: 24px;}
    .banner-inner h2 {font-size: 50px; margin-bottom: 24px; line-height: 1.1;}
    .element-25 {top: 3rem;}
    .element-21 {left: 25px;}
    .offer-box-1 h5 {position: relative; font-size: 32px;}
    .offer-box-1 p {position: relative; font-size: 16px;}

    .element-5 {left: 53rem;}
    .element-6 {right: 70px;top: 3.3rem;}

}
@media (max-width:1366px) {
    /*logo animation*/
    .banner-inner {background-position: 27% 16% !important;}
}
@media (max-width:1280px) {

    .testimonial-slider .slick-arrow {width: 45px; height: 45px;}
    .testimonial-slider .slick-next {right: -50px;}
    .testimonial-slider .slick-prev {left: -50px;}
    .banner-content h1 {font-size: 64px;}
    .form-bg {width: 720px; height: 107.5%;}
    .form-wrapper h3 {font-size: 38px;}
    .form-wrapper p {font-size: 16px;}
    .element-12 {display: none;}
    .service-text-box {padding-left: 64px;}
    .portfolio-box ul > li {width: 33.07%;}
    .form-wrapper {padding: 18rem 7rem 6rem 14rem;}

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

    .element {display: none;}
    .banner-element img {display: none;}
    .pricing__box .pricing h6 {top: -10px;}
    .pricing__box .title h4 {font-size: 26px;}
    .pricing__box .pricing h5 {font-size: 30px;}
    .pricing__box .pricing h5 span {font-size: 30px;}
    .pricing__box .order-chat ul li {margin-bottom: 12px;}
    .hamburger {right: 20%;}
    .form-wrapper {padding: 14rem 3rem 5rem 10rem;}
    .form-bg {width: 650px; height: 108.5%;}
    .banner-content ul li {margin-bottom: 20px;}
    .create__flow {padding: 92px 0; background-position: center !important;}
    .banner-home {background-position: center !important;}
    .header-rel-button-2 {font-size: 13px;}
    .header-rel-button-1 {font-size: 13px;}
    .banner-home.bg__detail.mt-78 {margin-top: 70px;}
    .service-text-box {padding-left: 0;}
    .what-is-video.bg__detail.spacing__x {padding: 40px 0;}
    .what-is-vector-slider ul li {bottom: -40px;}
    .portfolio-box ul > li {width: 33.04%;}
    .custom-tablist-1 ul li a {font-size: 18px;}
    .footer-top {background-position: center;}

}
@media (max-width:1025px) {

    .banner-home {height: 42vh;}
    .hamburger {right: 20%;}
    .form-wrapper {padding: 13rem 3rem 5rem 10rem;}
    .form-bg {width: 595px; height: 45.6%;}
    .portfolio-box ul > li {margin: 20px 20px 0 0px; width: auto; display: inline-block; vertical-align: middle; overflow: hidden; padding: 0px; border: none;}
}

/*logo animation*/
@media (max-width:850px) {

    .thank-you .inner-banner-content h3:before {display: none;}
    .thank-you .inner-banner-content h3:after {display: none;}
    .popup-bg {width: 100%; height: auto;}
    .popup {width: 100%; margin: auto;}
    .popup .row {width: 80%;}
    .popup-right-image {display: none;}
    .close {right: 0px; top: 0px;}
    .banner-inner {background-position: initial !important; height: auto; background-size: auto; margin-top: 70px;}
    .inner-banner-content {padding-top: 35px;}
    .banner-inner h6 {font-size: 16px;}
    .banner-inner h2 {font-size: 28px; margin-bottom: 15px;}
    .banner-content ul {margin-bottom: 25px;}
    .banner-content ul li:last-child a {color: var(--white-color) }
    .about-service .text__area {padding-top: 30px;}
    .about-service h6 {font-size: 18px;}
    .about-service h3 {font-size: 24px;}
    .cta__2.bg__detail.spacing__x {background: #1f0c4a;}
    .cta__2 .headingstyle-cta h4 {font-size: 16px;}
    .cta__2 .headingstyle-cta h3 {font-size: 24px; margin-bottom: 15px;}
    .headingstyle-cta .inline-block li {margin-bottom: 15px;}
    .cta__2 .img__area img {display: none;}
    .pricing__box .title p {font-size: 16px;}
    .service-nav {padding: 4px;}
    .cta__2 .headingstyle-cta ul.points li {font-size: 14px; width: 100%;}
    .get-custom-quote .left {padding: 1rem 1.5rem; border-radius: 100%;}
    .get-custom-quote .small__x {font-size: 8px;}
    .get-custom-quote .big__x {font-size: 38px; line-height: 35px;}
    .get-custom-quote .text__x {border-radius: 0 20px 20px 0; margin-left: -20px; padding: 0.7rem 0.4rem 0.7rem 1rem;}
    .get-custom-quote .text__x .inner {font-size: 14px; padding: 5px 12px 5px 10px;}
    .cta__2 .headingstyle-cta ul.points {margin-bottom: 0px;}
    .about-service h4 {font-size: 28px;}
    .offer-box-1 h5 {font-size: 24px;}
    .offer-box-1 {padding: 2rem 2rem; text-align: center;}
    .offer-box-1::before {z-index: 0;}
    .offer-box-1 h5 {position: relative; font-size: 26px;}
    .offer-box-1 p {position: relative; font-size: 14px;}
    .whychooseus {margin-top: 0px;}
    .contact__nav ul.inline-block li {display: block;}
    .footer-top {background-color: #261564; padding: 15px 0;}
    .create__flow {background-image: none !important; background-color: #eaeaea !important; padding: 40px 0;}
    .about-service {min-height: auto; background: #1f0c49; background-image: none !important;}
    .about-service.style-2 h6, .about-service.style-2 h3, .about-service.style-2 p {color: #FFFFFF;}
    .contact-us-wrapper .contact-area > ul > li {width: 100%; margin-bottom: 20px;}
    .contact-form::before {display: none;}
    .contact-us-wrapper .contact-area > ul > li a {font-size: 14px;}
    .contact-form {padding: 1rem 1rem;}
    .contact-us-wrapper .contact-area > h5 {font-size: 28px;}
    .header-rel-button-2 {display: none;}
    .hamburger {right: 0;}

    header {padding: 5px 0;}
    header .logo img {max-width: 80%;}

}
@media (max-width:769px) {

    .banner-home {height: 80vh;}
    .hamburger {right: 40%;}
    .form-wrapper {padding: 2rem;}
    .form-bg {width: 100%; height: 45.6%; position: inherit;}
    .create__flow .img__area {text-align: center;}
    .header-button .header-rel-button-1 {display: none;}
    .banner-content h1 {font-size: 48px;}
    .custom-tablist-1 ul li {margin-bottom: 20px;}
    .custom-tablist-1 ul li a {font-size: 12px;}
    .form-bg {background-image: linear-gradient(to right, #fa8530, #fb9d24, #f8703b) !important; background: #f8703b; background: -webkit-linear-gradient(to right, #fa8530, #fb9d24, #f8703b); background: linear-gradient(to right, #fa8530, #fb9d24, #f8703b);}
    .pricing__box:hover .items-offered::before {left: 0px; background-color: #feffd9; box-shadow: none;}
    .banner-content p {font-size: 16px;}
    .form-wrapper h3 {font-size: 32px;}

}
@media (max-width:480px) {

    .main__navigation {display: inline-block; width: 100%; margin-top: 50px;}
    .main__navigation ul li a {color: #ffffff;}
    .contact__nav ul li:last-child a {border: none; padding: 9px 0px; color: #ffffff;}
    .contact__nav ul li:first-child a {color: #ffffff;}
    br {display: none;}
    .hamburger {right: 5%;}
    .spacing__x {padding: 30px 0;}
    .banner-home.bg__detail.mt-78 {background-image: none !important; background: #3a208b;}
    .what-is-video.bg__detail.spacing__x {padding: 30px 0 0;}
    .banner-home {height: auto; padding: 30px 0;}
    .our__portfolio {padding: 30px 0;}
    .our__portfolio .btn-style-2 {margin-top: 2rem;}
    .custom-tablist-1 {margin-bottom: 30px;}
    .headingstyle-cta.text-center {margin: 12px 0;}
    .cta__1 {padding: 100px 0; text-align: center;}
    .what-is-vector-slider {display: none;}
    .social-icons {margin-bottom: 15px;}
    .headingstyle1 {margin-bottom: 25px;}
    .headingstyle1 p {font-size: 14px;}
    .headingstyle1 h3 {font-size: 24px;}
    .headingstyle1 h6 {font-size: 20px;}
    .service-text-box h4 {font-size: 24px;}
    .service-text-box p {font-size: 14px;}
    .btn-style-2 {font-size: 14px; padding: 11px 26px;}
    .service-text-box ul li:last-child a {font-size: 14px; padding: 11px 16px;}
    .pricing__box .items-offered ul li {font-size: 14px;}
    .testimonial-box .content-area {margin-bottom: 15px;}
    .testimonial-box .content-area::before {display: none;}
    ul.slick-dots {padding: 0;}
    .our__testimonials {padding: 50px 0;}
    .custom-tablist-1 ul li a::before {display: none;}
    .custom-tablist-1 ul li {margin-bottom: 8px; margin-right: 20px;}
    .cta__1 .headingstyle-cta h4 {font-size: 28px;}
    .cta__1 .headingstyle-cta p {font-size: 16px;}
    .whylist.right li .text {text-align: left; float: right;}
    .service-image-box .white-bx {padding: 40px 0;}
    .midfigure {display: none;}
    .whylist {margin-top: 0;}
    .whylist li {padding-bottom: 30px;}
    .whylist li:last-child {padding-bottom: 30px;}
    .whylist li .text h4 {font-size: 16px;}
    .whylist li .text p {font-size: 14px;}
    .banner-content.use-2 ul {text-align: center;}
    .banner-content ul li {margin-bottom: 20px;}
    .portfolio-box ul.slick-dots > li {margin: 20px 20px 0 0px; width: auto; display: inline-block; vertical-align: middle; overflow: hidden; padding: 0px; border: none;}
    .order-chat ul {text-align: center;}
    .slick-list {margin: 0;}
    .footer-bottom .copy-rights p {font-size: 12px; margin-bottom: 10px;}
    .footer-bottom .privacy-listing ul {text-align: left;}
    .footer-bottom .privacy-listing ul li a {font-size: 12px;}
    footer .ft__nav {margin-bottom: 20px;}
    .footer-top .ft__nav h4 {margin-bottom: 15px;}
    .footer-top .ft__nav p {margin-top: 15px; margin-bottom: 20px;}
}
@media (max-width:375px) {

    .banner-content h6 {font-size: 16px;}
    .banner-content h1 {font-size: 42px;}
    .banner-content h1 span::before {left: -8px; width: 15px; height: 30px;}
    .form-wrapper h3 {font-size: 22px;}
    .pricing__box .pricing h6::before {border-top: 21px solid transparent; border-bottom: 21px solid transparent; border-left: 18px solid #6e6d75;}
    .pricing__box .pricing h6 {font-size: 12px; padding: 5px 25px 5px 10px;}
    .pricing__box .pricing h6 span {font-size: 20px;}
}


/*sumpopup*/
.supmpopup-main{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99999;display:none}.supmpopup{z-index:auto;background:0 0;width:1000px;transform:scale(.8);position:absolute;padding:24px;margin:44px 0;border-width:0;text-align:left;box-sizing:border-box;overflow:visible;top:50%;z-index:9999999;left:50%;transform:translate(-50%,-50%);margin:0;display:flex}.spopup-head0{text-align:right}.spopup-head0 h2{color:#fff;margin-top:0;font-size:33px}.spopup-head0 h2 strong{display:block;font-weight:600;color:#fff}.spopup-head0 h2 span{font-size:23px;font-family:Barlow,sans-serif;font-weight:500;line-height:50px}.spopup-head0 h2 span i{font-style:normal}.spopup-head0 h2 span b{font-size:50px;font-weight:400;color:#fc0;font-family:'Luckiest Guy',cursive;letter-spacing:2px}.spopup-head0 h2 span b span{font-size:inherit;vertical-align:baseline;color:#fc0;font-family:'Luckiest Guy',cursive;letter-spacing:2px}.spopup-cov{background:#eb1350;padding:30px;float:left;max-height:430px}.spopup-bann{float:left;width:50%}.spopup-bann img{position:relative;right:130px;top:-150px;max-width:none}.spopup-content{width:50%;float:right}.spopup-content h4{font-size:30px;margin-top:0;color:#fff;text-transform:uppercase;font-weight:700;line-height:1.2;margin-bottom:8px;font-family:Poppins,sans-serif}.spopup-content .row-right{padding-right:0}.row-right .row{margin:0}.row-right [class*=col-]{padding:0 5px}.spopup-content .row-right .col-md-12{margin-bottom:10px}.spopup-content .row-right input,.spopup-content .row-right textarea{height:44px;width:100%;padding:10px 16px;float:left;box-sizing:border-box;font-size:15px;border:1px solid #fff;border-radius:3px;background:#fff}.spopup-content .row-right textarea{height:90px}.spopup-content .row-right input[type=submit]{background:#fc0;margin-top:0!important;border:none;border-radius:3px;color:#000;font-size:20px;height:auto;letter-spacing:-1px;font-weight:700;font-family:Poppins,sans-serif}.supmpopup-inner{transform:scale(.85)}.popup-overlay{position:relative;z-index:99998;top:0;left:0;width:100%;height:100vh;background:rgb(0 0 0 / 92%)}.popup-close-btn{position:absolute;right:-60px;cursor:pointer;top:-10px}@media (max-width:850px){body .spopup-content{width:100%}body .spopup-content h4{font-size:24px}body .spopup-head0{text-align:center}body .spopup-head0 h2{font-size:20px}body .spopup-head0 h2 span{font-size:15px;line-height:34px}body .spopup-head0 h2 span b{font-size:inherit}body .spopup-content .row-right .col-md-12{margin-bottom:7px;float:left;width:100%}body .supmpopup{left:50%;width:100%;height:auto}body .spopup-bann{display:none}body .spopup-cov{max-height:none}.supmpopup-inner{transform:scale(1)}.spopup-cov{padding:20px}.spopup-content .row-right input,.spopup-content .row-right textarea{font-size:13px;line-height:18px}.popup-close-btn{position:absolute;right:-7px;cursor:pointer;top:-16px;z-index:9999}.popup-close-btn img{max-width:28px}.spopup-head0 h2 span b span{font-size:24px}.spopup-content .row-right input[type=submit]{font-size:16px}}
/*sumpopup end*/
/*Video Css*/
.banner-home .container{position:relative;z-index:999}.banner-home img{z-index:999}.video-container{width:100%;height:auto;position:absolute;z-index:9;overflow:hidden}.video-container:before{content:"";background:#442891;position:absolute;top:0;left:0;width:100%;height:100%;z-index:90;opacity:.7}.video-container video{position:relative;left:-37%}.fancybox-container{z-index:9999999!important}

body.contact-pg {}

body.contact-pg header {
    background: #eb1350;
}