/*================
 Template Name: DigiMark Digital Marketing and Agency HTML Template
 Description: All type of Digital Marketing with marketing and agency template.
 Version: 1.0
 Author: https://themeforest.net/user/themetags
=======================*/

/*TABLE OF CONTENTS*/
/*=====================
01. RESET CSS
02. BASE TYPOGRAPHY
03. PRE DEFINE CLASS CSS
04. HEADER CSS
05. HERO SECTION CSS
06. CEO MESSAGE SECTION CSS
07. FEATURE SECTION CSS
08. PROGRESSBAR CSS
09. CORE IDEA CSS
10. MAIN SERVICES CSS
11. PORTFOLIO CSS
12. BLOG SECTION CSS
13. WORK PROCESS CSS
14. COUNTER SECTION CSS
15. TABS SECTION CSS
16. TEAM SECTION CSS
17. VIDEO PROMO CSS
18. PROMO BLOCK WITH HOVER BG IMAGE
19. TESTIMONIAL CSS
20. SUBSCRIBE FORM CSS
21. ACCORDION FAQ CSS
22. CONTENT BOX CSS
23. PRICING CSS
24. SINGLE PAGE HEADER CSS
25. CONTACT US CSS
26. FOOTER CSS
27. PRELOADER CSS
28. BLOG PAGE CSS
29. BACK TO TOP CSS
=======================*/

/* -----------------------------------------
			   01. RESET CSS
-------------------------------------------- */

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

html {
    overflow-y: scroll;
    font-size: 15px;
}

/* -----------------------------------------
           02. BASE TYPOGRAPHY
-------------------------------------------- */

body, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p, .navbar, .brand, .btn, .btn-simple, a, .td-name, td {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

body {
    background-color: #ffffff;
    font-family: 'Open Sans', sans-serif;
    font-size: 1rem;
    color: #707070;
    font-weight: 400;
    line-height: 1.75;
}

p:not(:last-child) {
    margin-bottom: 1.25em;
}

h1, h2, h3, h4, h5 {
    margin: 0 0 1rem;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    line-height: 1.21;
    color: initial;
}

h1 {
    margin-top: 0;
    font-size: 3.052em;
}

h2 {
    font-size: 2.441em;
}

h3 {
    font-size: 1.953em;
}

h4 {
    font-size: 1.563em;
}

h5 {
    font-size: 1.25em;
}

small, .text_small {
    font-size: 0.8em;
}

strong, b {
    font-weight: 600 !important;
    font-family: 'Montserrat', sans-serif;
}

.badge {
    display: inline;
    padding: 0.20rem .5rem;
    line-height: inherit;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 77%;
}

.badge-pill {
    padding-right: .875em;
    padding-left: .875em;
    border-radius: 50rem;
}

.custom-radius{
    border-radius: 15px;
}

/*========================================
        03. PRE DEFINE CLASS CSS
==========================================*/
.ptb-100 {
    padding: 100px 0;
}

.pt-100 {
    padding-top: 100px;
}

.pt-165 {
    padding-top: 165px;
}
.ptb-70{
    padding: 70px 0;
}
.pb-100 {
    padding-bottom: 100px;
}

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

.gray-light-bg {
    background: #f6f6f6;
}

.primary-bg {
    background: #65258a;
}

.secondary-bg {
    background: #e80566
}

.color-primary {
    color: #65258a;
}

.color-secondary {
    color: #e80566;
}

.gradient-bg {
    background: linear-gradient(75deg, #65258a 10%, #e80566) !important;
}

.white-bg {
    background: #ffffff;
}

a {
    color: #65258a;
}

a:hover {
    color: #e80566;
    text-decoration: none;
}

.tech-feature-list {
    margin-bottom: 1.25em;
}

.color-1 {
    color: #ff164e;
}

.color-1-bg {
    background: rgba(255, 22, 78, 0.15);
}

.color-2 {
    color: #9123ff
}

.color-2-bg {
    background: rgba(145, 35, 255, 0.15);
}

.color-3 {
    color: #0073ec;
}

.color-3-bg {
    background: rgba(0, 115, 236, 0.15);
}

.color-4, .ratting-color {
    color: #ff7c3f;
}

.color-4-bg {
    background: rgba(255, 124, 63, 0.15);
}

.color-5, .success-color {
    color: #2ebf6d;
}

.color-5-bg {
    background: rgba(46, 191, 109, 0.15);
}

.color-6 {
    color: #f25c7f;
}

.color-6-bg {
    background: rgba(242, 92, 127, 0.15);
}

.custom-shadow{
    box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.12);
}

.animated-btn {
    transition: all .25s ease-in-out;
}

.animated-btn:hover {
    transform: translate(0, -3px);
    -webkit-transform: translate(0, -3px);
}

.outline-btn, .secondary-solid-btn, .primary-solid-btn, .solid-white-btn, .outline-white-btn, .secondary-outline-btn {
    padding: 12px 30px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 13px;
    transition: all .25s ease-in-out;
}

.primary-solid-btn {
    border: 1px solid #57017F;
    /* box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .15);
    background-image: linear-gradient(to bottom, #65258a, #7c23af); */
    color: #ffffff;
    background-color: #57017F;

}

.primary-solid-btn:hover {
    background: transparent;
    color: #57017F;
}

.secondary-solid-btn {
    color: #fff;
    background: #e80566;
    border: 1px solid #e80566;
}

.secondary-solid-btn:hover {
    background: transparent;
    color: #e80566;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.secondary-outline-btn{
    color: #e80566;
    display: inline-block;
    border: 1px solid #e80566
}
.secondary-outline-btn:hover{
    background: #e80566;
    color: #ffffff;
}
.outline-btn {
    position: relative;
    display: inline-block;
    color: #65258a;
    border: 1px solid #65258a;
}
.outline-btn:after{
    content: " ";
    position: absolute;
    top: -1px;
    left: -1px;
    bottom: -1px;
    right: -1px;
    z-index: -1;
    border-radius: 4px;
    opacity: 0;
    transition: 400ms;
    text-shadow: 0 0.5px 0.3px rgba(0,0,0,.1);
    background-image: linear-gradient(to bottom,#65258a,#7c23af);
}

.outline-btn:hover:after{
    opacity: 1;
}
.outline-btn:hover{
    color: #ffffff;
    background-color: #57017F;
}
.primary-bg h1, .primary-bg p {
    color: #fff;
}

.solid-white-btn {
    background: #ffffff;
    border-color: #ffffff;
    color: #65258a;
}

.solid-white-btn:hover {
    background: transparent;
    color: #ffffff;
}

.outline-white-btn {
    color: #ffffff;
    border-color: #ffffff;
}

.outline-white-btn:hover {
    background: #ffffff;
    color: #65258a;
}
.check-btn{
    color: #ffffff !important;
    padding: 8px 20px !important;
}
a.check-btn:hover{
    color: #e80566 !important;
}
a.check-btn.solid-white-btn{
    color: #65258a !important;
    opacity: 0.9;
}
a.check-btn.solid-white-btn:hover{
    background: #ffffff;
    color: #65258a !important;
    border-color: #ffffff;
}
/*icon size*/
.icon-sm {
    font-size: 25px;
    line-height: 25px;
}

.icon-md {
    font-size: 40px;
    line-height: 40px;
}

.icon-lg {
    font-size: 50px;
    line-height: 50px;
}

/*form field css*/
.form-control {
    border-color: #ebebeb;
    padding: .75rem 0.85rem;
    height: calc(2.56em + .75rem + 2px);
}

.form-control:focus {
    outline: none;
    box-shadow: none;
}

input[type]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder,
select.form-control.has-value {
    color: #b1b1b1 !important;
    font-size: 13px;
}

input[type]:-moz-placeholder,
textarea:-moz-placeholder,
select:-moz-placeholder,
select.form-control.has-value {
    /* Firefox 18- */
    color: #b1b1b1;
    font-size: 13px;
}

input[type]::-moz-placeholder,
textarea::-moz-placeholder,
select::-moz-placeholder,
select.form-control.has-value {
    /* Firefox 19+ */
    color: #b1b1b1;
    font-size: 13px;
}

input[type]:-ms-input-placeholder,
textarea:-ms-input-placeholder,
select:-ms-input-placeholder,
select.form-control.has-value {
    color: #b1b1b1;
    font-size: 13px;
}
select.form-control.has-value{
    height: 52px;
}
.section-heading h2 span {
    font-weight: 400;
    font-size: 2rem;
}
.animate-border {
    position: relative;
    display: block;
    width: 115px;
    height: 3px;
    background: #e80566;
    overflow: hidden;
}
.animate-border:after {
    position: absolute;
    content: "";
    width: 35px;
    height: 3px;
    left: 15px;
    bottom: 0;
    border-left: 10px solid #fff;
    border-right: 10px solid #fff;
    -webkit-animation: animborder 2s linear infinite;
    animation: animborder 2s linear infinite;
}

@-webkit-keyframes animborder {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -webkit-transform: translateX(113px);
        transform: translateX(113px);
    }
}

@keyframes animborder {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -webkit-transform: translateX(113px);
        transform: translateX(113px);
    }
}
.z-index {
    z-index: 9;
}

.height-lg-100vh {
    min-height: 100vh;
}
@media (max-width: 576px){
    .height-lg-100vh {
        height: auto;
    }
}
.custom-badge {
    top: 5%;
    right: 8%;
}
.image-wrap img{
    display: block;
}
@media (min-width: 1300px) and (max-width: 1920px){
    .custom-width{
        min-width: 550px;
    }
}
/*app download btn*/

.app-download-list li a{
    padding: 10px 22px;
    color: inherit;
    font-size: 13px;
    line-height: 15px;
}
.download-text span{
    font-size: 13px;
}
.download-text h5{
    font-size: 15px;
    color: inherit;
}
.app-download-list li a:hover{
    background: #65258a;
    color: #FFFFFF;
    border-color: #65258a !important;
}
/*=========================================
            04. HEADER CSS
============================================*/
.affix {
    background-color: #65258a;
    -webkit-transition: padding 0.4s ease-out;
    -moz-transition: padding 0.4s ease-out;
    -o-transition: padding 0.4s ease-out;
    transition: padding 0.4s ease-out;
}

/*header topbar*/
.topbar-text ul li {
    font-size: 13px;
    font-weight: 500;
    font-family: 'Montserrat', sans-serif;
}
.topbar-text ul li:not(:last-child){
    margin-right: 20px;
}
.topbar-text ul li strong{
    font-size: 14px;
    vertical-align: middle;
}
.topbar-text ul li a {
    display: inline-flex;
    align-items: center;
    color: inherit;
}

.topbar-text ul li a:hover {
    color: #e80566;
}

.gradient-bg .topbar-text ul li, .gradient-bg .topbar-text ul li a{
    color: #ffffff;
    opacity: 0.8;
}

.gradient-bg .topbar-text ul li a:hover{
    opacity: 1;
}

.topbar-text ul li span {
    vertical-align: middle;
}
.custom-nav ul li a, .custom-nav-2.affix ul li a {
    color: #ffffff;
}
.custom-nav.affix ul li a {
    color: #353535;
}


.white-bg.affix, .custom-nav.affix, .custom-nav-3.affix {
    background: #ffffff !important;
    border-bottom: 1px solid #ebebeb;
}

.fixed-top{
    top: auto;
}
.fixed-top.affix{
    top: 0;
}
.white-bg.custom-nav ul li a:hover {
    opacity: 1;
}
.bg-transparent ul li a{
    color: #ffffff;
    opacity: 0.7;
}
.bg-transparent ul li a:hover, .white-bg.affix ul li a:hover {
    opacity: 1;
}

.bg-transparent.affix {
    background: linear-gradient(75deg, #65258a 10%, #e80566) !important;
}

.navbar-toggler{
    color: #ffffff;
}
/*main menu new style*/
.header nav.navbar{
    padding: 0.3rem 1rem;
    transition: all .3s ease-in-out;
}
.header nav.navbar.affix{
    padding: 0 1rem;
}
.navbar-brand {
    font-size: inherit;
    height: auto;
    margin-bottom: -8px;
}

.menu {
    display: block;
}

.menu li {
    display: inline-block;
    position: relative;
}

.menu li:first-child {
    margin-left: 0;
}

.menu li a {
    font-size: 13px;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    text-decoration: none;
    padding: 20px 12px;
    display: block;
    transition: all 0.3s ease-in-out 0s;
    color: #353535;
    opacity: 0.8;
}
.white-bg> .menu li a{
    color: #081d43 !important;
}
.menu li a:hover, .menu li:hover>a {
    opacity: 1;
}

.menu ul {
    visibility: hidden;
    opacity: 0;
    margin: 0;
    padding: 0;
    width: 200px;
    position: absolute;
    left: 0;
    background: #fff;
    z-index: 9;
    border-radius: 4px;
    transform: translate(0,20px);
    transition: all 0.3s ease-out;
    -webkit-box-shadow: 0 4px 10px rgba(0,0,0,.15);
    box-shadow: 0 4px 10px rgba(0,0,0,.15);
}

.menu ul:after {
    bottom: 100%;
    left: 35px;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border: solid transparent;
    border-bottom-color: #fff;
    border-width: 8px;
    margin-left: -8px;
}
.menu li a.dropdown-toggle::after {
    position: relative;
    left: 2px;
    vertical-align: middle;
}
.sub-menu li a.dropdown-toggle-inner::after{
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f105";
    margin-left: auto;
    position: absolute;
    right: 15px;
    font-size: 12px;
}

.menu ul li {
    display: block;
    float: none;
    background: none;
    margin: 0;
    padding: 0;
}

.menu ul li a {
    text-transform: inherit;
    font-weight: normal;
    display: block;
    color: #424141;
    padding: 8px 15px;
    font-family: 'Montserrat', sans-serif;
}
.menu ul li a:hover, .menu ul li:hover>a {
    color: #ffffff;
    background: #65258a;
}

.menu ul.sub-menu li:first-child a:hover,
.menu ul.sub-menu li:last-child ul li:first-child a:hover{
    border-radius: 4px 4px 0 0;
}
.menu ul.sub-menu li:last-child a:hover,
.menu ul.sub-menu li:last-child ul li:last-child a:hover{
    border-radius: 0 0 4px 4px;
}
.menu ul.sub-menu li:last-child ul li a:hover{
    border-radius: 0;
}

.menu li:hover>ul {
    visibility: visible;
    opacity: 1;
    transform: translate(0,0);
}

.menu ul ul {
    left: 200px;
    top: 0;
    visibility: hidden;
    opacity: 0;
    transform: translate(20px,20px);
    transition: all 0.2s ease-out;
}

.menu ul.sub-menu ul:after {
    left: -8px;
    top: 10px;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border: solid transparent;
    border-right-color: #fff;
    border-width: 8px;
}

.menu li>ul ul:hover {
    visibility: visible;
    opacity: 1;
    transform: translate(0,0);
}
.responsive-menu {
    display: none;
    width: 100%;
    padding: 20px 15px;
    background: #374147;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
}

.responsive-menu:hover {
    background: #374147;
    color: #fff;
    text-decoration: none;
}

@media (min-width: 320px) and (max-width: 992px) {
    .navbar {
        background: linear-gradient(75deg, #65258a 10%, #e80566) !important;
        padding: .45rem 1rem !important;
    }
    .menu li{
        display: block;
    }

    .white-bg.affix, .custom-nav.affix, .navbar.white-bg {
        background: #ffffff !important;
        border-bottom: 1px solid #ebebeb;
    }

    .white-bg.custom-nav ul li a, .custom-nav ul li a {
        color: #081d43 !important;
    }

    .white-bg.navbar .navbar-toggler span {
        color: #65258a;
    }

    .ptb-100 {
        padding: 55px 0;
    }

    .pt-100 {
        padding-top: 55px;
    }

    .pb-100 {
        padding-bottom: 55px;
    }
    .pt-165{
        padding-top: 100px;
    }
    .mt--165{
        margin-top: 0 !important;
    }
    .hero-equal-height{
        min-height: auto !important;
    }
}

@media (min-width: 768px) and (max-width: 979px) {
    .mainWrap {
        width: 768px;
    }

    .menu ul {
        top: 37px;
    }

    .menu li a {
        padding: 8px 15px;
    }

    a.homer {
        background: #374147;
    }
}

@media (max-width: 767px) {
    .responsive-menu{
        display: block;
    }
    .header nav.navbar{
        padding: 0.5rem 1rem;
    }
    .mainWrap {
        width: auto;
        padding: 50px 20px;
    }

    nav {
        margin: 0;
        background: none;
    }

    .menu li {
        display: block;
        margin: 0;
    }

    .menu li a {
        padding: 8px 15px;
    }

    .menu li a:hover,.menu li:hover>a {
        background: #65258a;
        color: #fff;
    }

    .menu ul {
        visibility: hidden;
        opacity: 0;
        top: 0;
        left: 0;
        width: 100%;
        transform: initial;
    }

    .menu li:hover>ul {
        visibility: visible;
        opacity: 1;
        position: relative;
        transform: initial;
    }

    .menu ul ul {
        left: 0;
        transform: initial;
    }

    .menu li>ul ul:hover {
        transform: initial;
    }
}


/*=========================================
            05. HERO SECTION CSS
============================================*/
.hero-equal-height {
    position: relative;
    min-height: 700px;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}
.hero-equal-height.hero-tab-slider{
    min-height: 700px !important;
}

.shape-bottom img.bottom-shape {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    z-index: 1;
    width: 100%;
    margin: 0 auto;
}


.hero-bg-1, .hero-bg-2{
    position: relative;
    display: block;
    width: 100%;
}

.hero-bg-1:before{
    position: absolute;
    content: '';
    background: url("../img/slider-bg-2.svg")no-repeat center bottom / cover;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
}

.hero-bg-2:before{
    position: absolute;
    content: '';
    background: url("../img/slider-bg-1.svg")no-repeat center bottom / cover;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
}
.hero-slider-content h1{
    font-size: 40px;
    line-height: initial;
    font-weight: 700;
}


.slider-bg-image, .gradient-overlay {
    position: relative;
    width: 100%;
    display: block;
}

.slider-bg-image:before {
    position: absolute;
    content: '';
    background: #030d1e;
    opacity: 0.60;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.gradient-overlay:before{
    position: absolute;
    content: '';
    background-image: linear-gradient(75deg, rgba(26, 44, 121, 0.88) 10%, rgba(232, 5, 102, 0.88)) !important;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.video-section-wrap .background-video-overly {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-image: linear-gradient(75deg, rgba(26, 44, 121, 0.75) 10%, rgba(232, 5, 102, 0.85)) !important;
}




.gradient-overly-right-light, .gradient-overly-right-color, .gradient-overly-left, .gradient-overly-bottom, .gradient-overly-top{
    z-index: 1;
    width: 100%;
    min-width: 100%;
    position: relative;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}
.gradient-overly-right-light:before, .gradient-overly-right-color:before, .gradient-overly-left:before, .gradient-overly-bottom:before, .gradient-overly-top:before{
    content: "";
    z-index: -1;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.gradient-overly-right-light:before {
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #65258a), to(transparent));
    background: linear-gradient(to right, #fff4f4 30%, rgba(26, 44, 121, 0.18) 100%);

}
.gradient-overly-right-color:before {
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #65258a), to(transparent));
    background: linear-gradient(to right, #65258a 30%, rgba(26, 44, 121, 0.18) 100%);

}
.gradient-overly-left:before {
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #65258a), to(transparent));
    background: linear-gradient(to left, #65258a 30%, rgba(26, 44, 121, 0.18) 100%);
}
.gradient-overly-bottom:before {
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #65258a), to(transparent));
    background: linear-gradient(to bottom, #65258a 45%, rgba(26, 44, 121, 0.18) 100%);
}
.gradient-overly-top:before {
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #65258a), to(transparent));
    background: linear-gradient(to top, #65258a 35%, rgba(26, 44, 121, 0.18) 100%);
}


/*dot indicator css*/
.dot-indicator-center .owl-dots {
    position: absolute;
    width: 100%;
    margin-top: 0 !important;
    bottom: 15px;
}

.dot-indicator-center.owl-theme .owl-dots .owl-dot span {
    width: 30px;
    height: 5px;
}

.dot-indicator-center.owl-theme .owl-dots .owl-dot.active span, .dot-indicator-center.owl-theme .owl-dots .owl-dot:hover span {
    background: #65258a;
}

.dot-indicator-center.owl-theme .owl-dots button.owl-dot:focus {
    outline: none !important;
}

/*custom dot style*/

.custom-dot.owl-theme .owl-dots, .custom-arrow.owl-theme .owl-nav{
    position: absolute;
    left: 44%;
}
.custom-dot.dot-right-center.owl-theme .owl-dots{
    margin: 0 !important;
    top: 40%;
    right: 10%;
}
.custom-dot.dot-bottom-center.owl-theme .owl-dots{
    width: 100%;
    margin: 10px auto;
}
.custom-dot.dot-bottom-center.owl-theme .owl-dots button{
    margin: 0 4px;
    border: 1px dashed #65258a;
}
.custom-dot.dot-right-center.owl-theme .owl-dots button{
    display: block;
    border: 1px dashed #ebebeb;
    margin: 6px 0;
}
.custom-dot.custom-dot-2.owl-theme .owl-dots button{
    margin: 0 4px;
    border: 1px dashed #ebebeb;
}
.custom-dot.custom-dot-2.owl-theme .owl-dots{
    right: 15px;
    top: auto;
    bottom: -10%;
}

.custom-dot.owl-theme .owl-dots button{
    border-radius: 100%;
    border: 1px dashed #65258a;
    margin: 0 4px;
}
.custom-dot.owl-theme .owl-dots button:focus, .custom-arrow.owl-theme .owl-nav button:focus{
    outline: none;
}

.custom-dot.owl-theme .owl-dots button.owl-dot.active, .custom-dot.owl-theme .owl-dots button.owl-dot span{
    background: #ffffff;
}
.custom-dot.owl-theme .owl-dots button.owl-dot span:hover{
    background: #e80566;
}
.custom-dot.owl-theme .owl-dots button.owl-dot.active span{
    background: #e80566;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.12);
}
.custom-dot.owl-theme .owl-dots .owl-dot span{
    margin: 2px;
}

/*custom arrow*/
.custom-arrow.owl-theme .owl-nav button{
    width: 30px;
    background: transparent;
    border: 1px dashed #ebebeb;
    line-height: 26px;
}

.custom-arrow.owl-theme .owl-nav button:hover{
    background: #e80566;
    border-color: #e80566;
}
.custom-arrow.owl-theme .owl-nav button:hover span{
    color: #ffffff;
}
.custom-arrow.owl-theme .owl-nav button span{
    font-size: 25px;
    color: #e80566;
}
.custom-arrow-bottom-center.owl-theme .owl-nav{
    width: 100%;
    margin: auto;
    margin-top: 8px;
}
.custom-arrow-left-right.owl-theme .owl-nav{
    width: 100%;
    top: 25%;
}
.custom-arrow-left-right.owl-theme .owl-nav button.owl-prev, .custom-arrow-left-right.owl-theme .owl-nav button.owl-next{
    position: absolute;
}
.custom-arrow-left-right.owl-theme .owl-nav button.owl-prev{
    left: -35px;
}
.custom-arrow-left-right.owl-theme .owl-nav button.owl-next{
    right: -35px;
}
/*heighlight feature list*/

.highlight-list li {
    border: 1px dashed #ebebeb;
    border-radius: 4px;
    text-align: center;
    padding: 0.75rem;
    margin-bottom: 0.75rem;
    min-width: 130px;
}
.highlight-list li h5 {
    font-size: 32px;
    font-weight: 700;
}
.highlight-list li h6 {
    font-size: 13px;
}

/*slider */
.custom-indicators{
    position: absolute;
    bottom: 0;
    z-index: 5;
    width: 100%;
}
.custom-indicators li{
    min-width: 200px;
    transition: all 0.3s ease-in;
}
.custom-indicators li button{
    border: none;
    display: block;
    width: 100%;
    padding: 1.5rem;
    justify-content: center;
    border-radius: 4px 4px 0 0;
    transition: all 0.3s ease-in;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
}
.custom-indicators li.active button{
    background: #e80566;
    color: #ffffff;
}
.custom-indicators li.active button span{
    color: #ffffff;
}
.custom-indicators li button:focus{
    outline: none;
}
@media (min-width: 320px) and (max-width: 575px){
    .hero-equal-height.hero-tab-slider{
        min-height: 500px !important;
    }
    .custom-indicators li{
        min-width: auto;
    }
    .custom-indicators li button{
        padding: 6px 8px;
    }
}

.hero-shape , .hero-shape-left{
    position: absolute;
    left: auto;
    bottom: auto;
    width: 100%;
    height: 100%;

}
.hero-shape-left{
    right: auto;
    left: 0;
}
@media (min-width: 320px) and (max-width: 776px){
    .hero-shape-none-sm{
        background: #ffffff !important;
    }
}
/*group shape*/
.group-shape-1, .group-shape-2, .group-shape-3, .group-shape-4{
    position: absolute;
    max-height: 100%;
    right: auto;
}

.group-shape-1 {
    left: 12vw;
    top: 12vw;
}
.group-shape-2 {
    left: 10.2vw;
    top: 7vw;
    animation-name: angry-animation;
    animation-duration: 3s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: normal;
}
.group-shape-3 {
    left: 10.2vw;
    top: 25vw;
}
.group-shape-4 {
    left: 40vw;
    top: auto;
    bottom: 70px;
    animation-name: angry-animation;
    animation-duration: 3s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: normal;
}
@keyframes angry-animation {
    0%{
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    50%{
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
    }
    100%{
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}



/*=========================================
        07. FEATURE SECTION CSS
============================================*/
@media (min-width: 992px) {
    .promo-single-wrap {
        height: 100%;
    }
}

/*promo style three*/
@media (min-width: 776px) and (max-width: 991px){
    .promo-single-wrap{
        margin-top: 20px;
    }
}

.promo-icon{
    position: relative;
    display: block;
    width: 100%;
}
.promo-icon i {
    z-index: 1;
    font-size: 75px;
    position: relative;
    color: #65258a;
}
.promo-icon img{
    z-index: 2;
}
.number-bg {
    left: 0;
    right: 0;
    z-index: -1;
    top: -30px;
    color: #f2f2f2;
    font-size: 115px;
    line-height: 120px;
    font-weight: 700;
    position: absolute;
    font-family: 'Montserrat', sans-serif;
    -webkit-animation: mover 2s infinite alternate;
}

.icon-box-left {
    position: relative;
    padding-left: 60px;
    text-align: left;
}
.icon-box-left .icon-box-icon {
    position: absolute;
    height: 38px;
    width: 38px;
    left: 0;
    text-align: center !important;
    line-height: 3.375rem;
    font-size: 2.1875rem;
}
.icon-box .icon-box-icon {
    font-size: 2.375rem;
    margin: 0 0 10px;
    transition: all .3s ease-in-out;
}
.icon-box:hover .icon-box-icon {
    transform: translateY(-5px);
}

/*feature box css*/
.features-box{
    position: relative;
    display: block;
}
.features-box-icon {
    display: table-cell;
    vertical-align: top;
}

.features-box-icon i {
    display: inline-block;
    width: 80px;
    height: 80px;
    text-align: center;
    color: #65258a;
    font-size: 50px;
    padding: 10px;
    border-radius: 50%;
}
.features-box-content {
    display: table-cell;
    padding-left: 20px;
}

/*=========================================
            17. VIDEO PROMO CSS
============================================*/

.video-play-icon {
    position: relative;
    display: block;
    width: 100%;
    top: 40%;
    left: -10%;
}
.video-play-icon span{
    width: 80px;
    height: 80px;
    line-height: 80px;
    border-radius: 50%;
    position: absolute;
    text-align: center;
    font-size: 30px;
    cursor: pointer;
    background: #ffffff;
    -webkit-transition: .5s;
    padding-left: 5px;
}
.color-bip span{
    -webkit-animation: ripple 1s linear infinite;
    animation: ripple 1s linear infinite;
}
.white-bip span{
    -webkit-animation: ripple-white 1s linear infinite;
    animation: ripple-white 1s linear infinite;
}
a.video-play-icon-without-bip:hover span{
    color: #ffffff;
}
a.video-play-icon{
    border-radius: 50%;
    display: block;
}

a.video-play-icon-without-bip{
    animation: none;
}
a.video-play-icon-without-bip:hover{
    -webkit-animation: ripple-white 1s linear infinite;
    animation: ripple-white 1s linear infinite;
    -webkit-transition: .5s;
    background-color: #65258a;
}
@-webkit-keyframes ripple {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(50, 100, 245, .15), 0 0 0 20px rgba(50, 100, 245, .15), 0 0 0 40px rgba(50, 100, 245, .15);
        box-shadow: 0 0 0 0 rgba(50, 100, 245, .15), 0 0 0 20px rgba(50, 100, 245, .15), 0 0 0 40px rgba(50, 100, 245, .15)
    }
    100% {
        -webkit-box-shadow: 0 0 0 20px rgba(50, 100, 245, .15), 0 0 0 40px rgba(50, 100, 245, .15), 0 0 0 60px rgba(50, 100, 245, 0);
        box-shadow: 0 0 0 20px rgba(50, 100, 245, .15), 0 0 0 40px rgba(50, 100, 245, .15), 0 0 0 60px rgba(50, 100, 245, 0)
    }
}

@keyframes ripple {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(50, 100, 245, .15), 0 0 0 20px rgba(50, 100, 245, .15), 0 0 0 40px rgba(50, 100, 245, .15);
        box-shadow: 0 0 0 0 rgba(50, 100, 245, .15), 0 0 0 20px rgba(50, 100, 245, .15), 0 0 0 40px rgba(50, 100, 245, .15)
    }
    100% {
        -webkit-box-shadow: 0 0 0 20px rgba(50, 100, 245, .15), 0 0 0 40px rgba(50, 100, 245, .15), 0 0 0 60px rgba(50, 100, 245, 0);
        box-shadow: 0 0 0 20px rgba(50, 100, 245, .15), 0 0 0 40px rgba(50, 100, 245, .15), 0 0 0 60px rgba(50, 100, 245, 0)
    }
}

@-webkit-keyframes ripple-white {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1)
    }
    100% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 30px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 30px rgba(255, 255, 255, 0)
    }
}

@keyframes ripple-white {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1)
    }
    100% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 30px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 30px rgba(255, 255, 255, 0)
    }
}

.about-img-wrap{
    position: relative;
    display: block;
    overflow: hidden;
}
.about-img-wrap img{
    display: block;
}
.about-us-img .about-single-img{
    position: relative;
    z-index: 2;
}
.about-us-img .about-us-bg{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 85%;
    z-index: 1;
}


/*=========================================
            23. PRICING CSS
============================================*/
.card.single-pricing-pack{
    transition: all 0.2s ease 0s;
    box-shadow: 0 0 0 1px #ebebeb;
    border: none;
    border-top: 4px solid transparent;
}

.card.single-pricing-pack:hover {
    z-index: 2;
    border-radius: 1rem !important;
}
.single-pricing-pack:hover {
    box-shadow: 0 1rem 3rem rgba(31,45,61,.125)!important;
    transform: translate(0, -5px);
    border-top: 4px solid #65258a;
}
.single-pricing-pack .card-body {
    color: rgb(132, 146, 166);
    flex: 1 1 auto;
    padding: 1.5rem;
}
.pricing-header{
    position: relative;
    background: transparent;
}
.price-name h5{
    color: #40005d;
}
.pricing-header .price{
    color: #7818b1;
    font-size: 20px;
    line-height: 1.3;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
}
.font-weight-bolder{
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
}

.pricing-feature-list li {
    font-size: 14px;
    line-height: 30px;
}
.pricing-feature-list li span {
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    color: #5a5a5a;
    font-size: 13px;
}
/*price new style*/

.popular-price{
    box-shadow: 0 1rem 3rem rgba(31,45,61,.125)!important;
    transform: translate(0, -5px);
    border-top: 4px solid #65258a !important;
}
.pricing-value{
    position: relative;
    display: block;
}
.pricing-value.card-footer{
    border-color: #ebebeb;
    background: transparent;
}
.pricing-value.card-footer::after {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    transform: translate(0, -50%);
    position: absolute;
    top: 50%;
    right: 2.875rem;
    display: block;
    content: "\e628";
    font-size: 1.375rem;
    font-family: "themify";
}
.pricing-value.card-footer:hover {
    background: #65258a;
    color: #ffffff;
}
.pricing-value.card-footer:hover::after {
    right: 1.875rem;
    color: inherit;
}
.pricing-value .card-price {
    font-size: 2.5rem;
    font-weight: 500;
}
a.pricing-value {
    text-decoration: none;
    color: #757575;
}
/*priching switcher */
.yearly-price {
    display: none;
}

.switch-wrap {
    display: flex;
    justify-content: center;
}

.form-switch {
    align-items: center;
    display: block;
    position: relative;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    justify-content: space-between;
}

.form-switch span {
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
}
.form-switch span.year-switch{
    position: absolute;
    top: 8px;
    z-index: 1;
    color: #e80566;
}
.form-switch span.beforeinput{
    left: 33px;
}
.form-switch span.afterinput{
    right: 40px;
}
.form-switch .switch-icon {
    position: relative;
    display: inline-block;
    width: 200px;
    height: 35px;
    border: 2px solid #e80566;
    border-radius: 15px;
    transition: all 0.3s linear;
    margin: 0 15px;
    background: #ffffff;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}

.form-switch .switch-icon::after {
    content: "";
    position: absolute;
    left: 4px;
    width: 100px;
    height: 33px;
    background-color: #e80566;
    border-radius: 15px;
    transform: translate3d(-6px, 0, 0);
    transition: all 0.2s ease-in-out;
}

.form-switch input {
    display: none;
}

.form-switch input:checked + .switch-icon::after {
    transform: translate3d(95px, 0, 0);
}

.form-switch .beforeinput.text-success, .form-switch .afterinput.text-success {
    color: #ffffff !important;
}


/*=========================================
           26. FOOTER CSS
============================================*/
.footer-top {
    padding: 65px 0;
}

.security-icon-list li{
    margin: 0 15px 12px 0;
}

@media (min-width: 320px) and (max-width: 567px) {
    .footer-top {
        padding: 50px 0;
    }
}

.footer-nav-wrap h4 {
    font-size: 13px;
    margin-bottom: 1.4rem
}

.footer-nav-wrap ul li a {
    font-size: 13px;
    line-height: 24px;
    padding: 3px 0;
    color: inherit;
    opacity: 0.8;
}

.footer-nav-wrap ul li a:hover, .copyright-text a:hover, .social-list li a:hover {
    opacity: 1;
    text-decoration: none;
}

.payment-method ul {
    display: inline-flex;
    align-items: center;
}

.payment-method ul li img {
    max-width: 60px;
}

.payment-method ul li:last-child img {
    margin-right: 0;
}

.copyright-text {
    font-size: 13px;
}

.social-list li a {
    padding: 6px 10px;
    font-size: 13px;
}

.footer-nav-list li a span {
    font-size: 14px;
    vertical-align: middle;
}

.bottom-sticky-footer {
    position: absolute;
    bottom: 1px;
    width: 100%;
    height: 55px;
}
.social-nav ul li a{
    opacity: 0.8;
    transition: all 0.3s ease-in;
    padding: 3px 8px;
    font-size: 14px;
}


.tooltip-hover{
    position: relative;
}

.tooltip-hover a{
    display: block;
}

.tooltip-item{
    position: absolute;
    background-color: rgb(255, 255, 255);
    pointer-events: none;
    color: rgb(51, 51, 51);
    font-size: 13px;
    bottom: 90%;
    left: 50%;
    opacity: 0;
    white-space: nowrap;
    visibility: hidden;
    z-index: 999;
    box-shadow: rgba(0, 0, 0, 0.2) 0 4px 15px;
    transform: translate3d(-50%, 0px, 0px);
    padding: 0.4rem 0.8rem;
    border-radius: 3px;
    transition: all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
.tooltip-item:after{
    content: "";
    position: absolute;
    width: 0;
    height: 0px;
    bottom: -6px;
    left: 50%;
    transform: translateX(-50%);
    border-top: 6px solid rgb(255, 255, 255);
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}

.tooltip-hover:hover .tooltip-item{
    opacity: 1;
    visibility: visible;
    bottom: calc(100% + 5px);
}

.get-in-touch-list li{
    font-size: 13px;
}

/*=========================================
            27. PRELOADER CSS
============================================*/

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: #fff;
}

.loader1 {
    display: block;
    position: relative;
    left: 45%;
    top: 50%;
}

.loader1 span {
    vertical-align: middle;
    border-radius: 100%;

    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 3px 2px;
    -webkit-animation: loader1 0.8s linear infinite alternate;
    animation: loader1 0.8s linear infinite alternate;
}

.loader1 span:nth-child(1) {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
    background:  rgba(41, 103, 230, 0.6);
}

.loader1 span:nth-child(2) {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
    background:  rgba(41, 103, 230, 0.8);
}

.loader1 span:nth-child(3) {
    -webkit-animation-delay: -0.26666s;
    animation-delay: -0.26666s;
    background: rgba(41, 103, 230, 1);
}

.loader1 span:nth-child(4) {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
    background:  rgba(41, 103, 230, 0.8);

}

.loader1 span:nth-child(5) {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
    background:  rgba(41, 103, 230, 0.4);
}

@keyframes loader1 {
    from {
        transform: scale(0, 0);
    }
    to {
        transform: scale(1, 1);
    }
}

@-webkit-keyframes loader1 {
    from {
        -webkit-transform: scale(0, 0);
    }
    to {
        -webkit-transform: scale(1, 1);
    }
}

/*=========================================
            29. BACK TO TOP CSS
============================================*/
button.scroll-top:focus{
    outline: none;
}
.scroll-top.open {
    bottom: 30px;
}

.scroll-top {
    width: 50px;
    height: 50px;
    line-height: 50px;
    position: fixed;
    bottom: 105%;
    right: 50px;
    font-size: 16px;
    border-radius: 50%;
    z-index: 99;
    color: #ffffff;
    text-align: center;
    cursor: pointer;
    background: #65258a;
    transition: 1s ease;
    border: none;
}
.scroll-top span {
    color: #fff;
}

.scroll-top:after {
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 1;
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
}

/*new css new update*/
.full-screen{
    min-height: 100vh;
    position: relative;
    width: 100%;
    z-index: 1;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.countdown-wrap h2, .countdown-wrap h5{
    color: #fff !important;
}


/*404 page*/
.error-content .notfound-404 {
    position: relative;
    height: 280px;
    z-index: 2;
    margin-bottom: 30px;
}
.error-content .notfound-404 h1 {
    font-size: 230px;
    font-weight: 700;
    margin: 0;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-size: cover;
    background-position: center;
}


@media (min-width: 320px) and (max-width: 767px){
    .error-content .notfound-404{
        height: auto;
        display: block;
        position: relative;
    }
    .error-content .notfound-404 h1{
        font-size: 80px;
        position: relative;
    }

}

/*login css*/
.login-signup-content{
    height: 100%;
    width: 100%;
    z-index: 1;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.login-signup-wrap h1{
    font-size: 35px;
}

.vh-100 {
    height: 100vh!important;
}

.bg-cover {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
}

.ml-n3, .mx-n3 {
    margin-left: -.98rem!important;
}
.small, small{
    font-size: 90%;
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: .5rem .75rem;
    margin-bottom: 0;
    font-size: .9375rem;
    font-weight: 400;
    line-height: 1.5;
    color: #95aac9;
    text-align: center;
    white-space: nowrap;
    background-color: #fff;
    border: 1px solid #d2ddec;
    border-radius: .375rem;
}
.form-control:focus{
    border-color: #65258a;
}
.btn.border-radius{
    border-radius: 4px;
}
.login-signup-form .form-group{
    position: relative;
}
.login-signup-form .form-group label{
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 90%;
}
.login-signup-form .form-group .input-group.input-group-merge>.form-control{
    text-indent: 35px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    height: calc(2.45em + .75rem + 2px);
}
.login-signup-form .form-group .input-group.input-group-merge>.form-control:focus{
    z-index: inherit;
}

.input-icon {
    height: calc(3.4rem + 2px);
    position: absolute;
    z-index: 2;
    display: block;
    width: 40px;
    top: 0;
    bottom: 0;
    left: 0;
}

.input-icon span{
    padding: 18px 15px;
    border-left: 2px solid #65258a;
    position: absolute;
    font-size: 18px;
    height: calc(3.4rem + 2px);
    border-radius: 4px;
    color: #afafaf;
}


/*login signup new style*/
.login-signup-card{
    position: relative;
    z-index: 2;
}
.custom-control-label {
    line-height: 1.5;
}

.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
}

/*new offer css*/

.offer-tag-wrap img{
    position: relative;
    display: block;
    width: 100%;
}
.offer-tag{
    padding: 15px;
    position: absolute;
    left: 0;
    right: 0;
    top: 25%;
    color: #ffffff;
}
.offer-price-tag{
    font-size: 100px;
    line-height: 115px;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
}
.offer-price-tag small, .offer-price-tag span{
    font-size: 25px;
    line-height: initial;
}
.offer-price-tag span{
    position: relative;
    top: -40px;
}
.offer-price-tag p{
    line-height: initial;
}
.ribbon-2 {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #65258a;
    border-radius: 30px;
}
.ribbon-2 span{
    font-size: 20px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    padding: 0 15px 0 25px;
}

/*countdown*/
@media (min-width: 320px) and (max-width: 575px){
    .action-btns .btn{
        margin: 6px 0;
    }
}

.countdown-list li{
    margin: 6px 0;
}
.countdown-list li h6{
    width: 62px;
    height: 62px;
    line-height: 62px;
    font-size: 25px;
    font-family: 'Open Sans', sans-serif;
    color: #707070;
}
.countdown-list span{
    font-size: 14px;
}

.google-map iframe {
    display: block;
    width: 100%;
    border: 0;
    -webkit-filter: grayscale(99%);
    -webkit-backface-visibility: hidden;
}