@charset "utf-8";
/*include font here*/
@font-face { font-family: 'Proxima Nova'; src: url(../fonts/ProximaNova-Light.eot); src: url(../fonts/ProximaNova-Lightd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/ProximaNova-Light.woff) format("woff"), url(../fonts/ProximaNova-Light.ttf) format("truetype"); font-weight: 300; font-style: normal; font-display: swap }
@font-face { font-family: 'Proxima Nova'; src: url(../fonts/ProximaNova-Regular.eot); src: url(../fonts/ProximaNova-Regulard41d.eot?#iefix) format("embedded-opentype"), url(../fonts/ProximaNova-Regular.woff) format("woff"), url(../fonts/ProximaNova-Regular.ttf) format("truetype"); font-weight: 400; font-style: normal; font-display: swap }
@font-face { font-family: 'Proxima Nova'; src: url(../fonts/ProximaNova-Semibold.eot); src: url(../fonts/ProximaNova-Semiboldd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/ProximaNova-Semibold.woff) format("woff"), url(../fonts/ProximaNova-Semibold.ttf) format("truetype"); font-weight: 600; font-style: normal; font-display: swap }
@font-face { font-family: 'Proxima Nova'; src: url(../fonts/ProximaNova-Bold.eot); src: url(../fonts/ProximaNova-Boldd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/ProximaNova-Bold.woff) format("woff"), url(../fonts/ProximaNova-Bold.ttf) format("truetype"); font-weight: 700; font-style: normal; font-display: swap }
:root { --fpn: 'Proxima Nova';
 --pnl: 300;
 --pnr: 400;
 --pns: 600;
 --pnb: 700;
 --orange1: #FFA46E;
 --orange2: #DC7C57;
 --brown1: #503C49;
 --brown2: #372932;
 --headerheight:85px;
 /* Cursor styles */
--cursor-stroke: #c3654e;
--cursor-fill: none;
--cursor-stroke-width: 1px;
}
.text-white::placeholder {
color: var(--white) !important;
opacity: 0.5;
}
/*html { scroll-behavior: smooth; }*/
body { background: linear-gradient(to bottom, #FAF7F4 70%, #F0E0CC 140%) fixed; height: 100%; overflow: hidden; overflow-y: auto; font-family: var(--fpn); font-weight: var(--pnr); }
*, p, body { margin: 0px; padding: 0px; }
a, button { outline: none !important; }
.page-content { margin-top: var(--headerheight); }
.container-1900 { max-width: 1900px !important; }
.container-1800 { max-width: 1800px !important; }
.container-1340 { max-width: 1340px !important; }
.btn-orange-1, .btn-orange-2 { background: var(--orange1); padding: 20px 55px; transition: all 0.3s; color: var(--white) !important; }
.btn-orange-2 { padding: 10px 40px; }
.btn-orange-1:hover, .btn-orange-2:hover { background: var(--brown1) !important; transition: all 0.3s; }
.btn-brown-1, .btn-brown-2 { background: var(--brown1); padding: 20px 55px; transition: all 0.3s; color: var(--white) !important; }
.btn-brown-2 { padding: 10px 40px; }
.btn-brown-1:hover { background: var(--brown2); transition: all 0.3s; }
.bg-brown1 { background: var(--brown1) !important; }
.bg-orange1 { background: var(--orange1) !important; }
.bg-orange2 { background: var(--orange2) !important; }
.text-brown1 { color: var(--brown1) !important; }
.text-orange1 { color: var(--orange1) !important; }
.text-orange2 { color: var(--orange2) !important; }
.wht-hover:hover { background: var(--white) !important; color: var(--brown1) !important; transition: all 0.3s; }
.orange-1-hover:hover { background: var(--orange1) !important; color: var(--brown2) !important; transition: all 0.3s; }
.baa-btn.bg-orange2:hover {background: var(--orange1) !important;}
/*===== header ====*/
.header .navbar { background: #faf7f4 !important; }
.header .nav-item { padding-left: 20px; padding-right: 20px; }
.header .nav-item:last-child {padding-right: 0px;padding-left: 0;}
.header .nav-link:not(.baa-btn) { color: #503c49; transition: all 0.3s; position: relative; padding-left: 0px !important; padding-right: 0px !important; font-size: 16px; }
.header .nav-link:not(.baa-btn)::after { content: ""; position: absolute; background: #FFA46E; height: 3px; width: 0px; transition: all 0.3s; left: 0; bottom: 0; }
.header .nav-link:not(.baa-btn):hover::after { width: 100%; transition: all 0.3s; }
.baa-btn { background: #503c49; text-align: center; color: #fff !important; padding: 10px 25px !important; transition: all .25s ease; }
.baa-btn:hover { background: #402c39; transition: all .25s ease; }
.title-bg-1 { color: var(--brown1); font-weight: var(--pnb); font-size: 37px; margin-bottom: 15px; }
.subtitle-1 { color: var(--brown1); }
.our-partners-title { font-size: 40px; color: var(--brown1); font-weight: var(--pnb); }
.our-partner-item { max-width: 10%; flex-basis: 10%; flex-grow: 0; padding: 10px; }
.particles-section { position: fixed; left: 0; bottom: 0; height: 100%; width: 100%; z-index: -1; }
.our-partner-item > img { box-shadow: 0px 5px 35px 0px rgba(0,0,0,0.1); }
.title-2 { font-size: 42px; font-weight: var(--pnb); letter-spacing: 2px; color: var(--brown1); }
.title-3 { font-size: 28px; }
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-theme .owl-dots, .owl-theme .owl-nav { text-align: center; -webkit-tap-highlight-color: transparent }
.owl-theme .owl-nav { margin-top: 10px }
.owl-theme .owl-nav [class*=owl-] { color: #FFF; font-size: 14px; margin: 5px; padding: 4px 7px; background: #D6D6D6; display: inline-block; cursor: pointer; border-radius: 3px }
.owl-theme .owl-nav [class*=owl-]:hover { background: #869791; color: #FFF; text-decoration: none }
.owl-theme .owl-nav .disabled { opacity: .5; cursor: default }
.owl-theme .owl-nav.disabled+.owl-dots { margin-top: 10px }
.owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1 }
.owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #D6D6D6; display: block; -webkit-backface-visibility: visible; backface-visibility: visible; transition: opacity .2s ease; border-radius: 30px }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #869791 }
/*** Owl Carousel v2.3.4 ends*/
.third-section-container, .fifth-section-container { max-width: calc(100% - (100% - 1800px) / 2) !important;
}
.solution-item { padding: 0px 15px 0px 0px; }
.solution-item-img-holder { height: 400px; overflow: hidden; box-shadow: 0px 5px 12px 0px rgba(0,0,0,0.3); }
.object-fit-cover { object-fit: cover; }
.solution-item-cntnt-holder { margin-left: 40px; margin-top: -25px; position: relative; z-index: 1; background: #503c49; padding: 15px 25px 15px 25px; color: #fff; height: 95px; position: relative; }
.solution-item-title { font-weight: var(--pns); font-size: 26px; margin: 0px; line-height: 1.2; z-index: 0; position: relative; padding-right: 80px; }
.solution-expander { text-decoration: none; position: absolute; bottom: 0; right: 0; background: var(--orange1); line-height: 1; padding: 20px 30px; color: var(--brown1) !important; font-size: 27px; border-top-left-radius: 10px; z-index: 1; transition: all 0.3s; }
.solution-expander:hover { background: var(--warning); transition: all 0.3s; }
.solution-slider-nav-item { background: var(--orange1); line-height: 1; padding: 5px; display: inline-flex; font-size: 13px; width: 45px; height: 45px; align-items: center; justify-content: center; color: #fff !important; transition: all 0.3s; color: var(--brown1); }
.solution-slider-nav-item:hover { background: var(--brown1); }
.third-sec-col-right .owl-item:not(.active) { opacity: 0; transition: all 0.3s ease 0.2s; }
.third-sec-col-right .owl-item.active { opacity: 1; transition: all 0.3s ease 0.2s; }
.sec-section-col-left-inner { z-index: 0; margin-left: 0px; margin-right: -70px; /*	margin-top: -50px;*/ box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.5); }
.sec-section-col-right>video { box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.5); }
/*#fullpage{margin-top: 85px; margin-bottom: 56px; height: calc(100% - 85px - 56px) !important;}*/
/*===== custom modal-autoaid-1 =======*/
.modal-autoaid-1 { display: block !important; opacity: 0; visibility: hidden; transition: all 0.2s ease; }
.modal-autoaid-1.show { opacity: 1; visibility: visible; }
.modal-autoaid-1 .modal-content { transform: scaleY(0); transform-origin: center center; transition: all 0.5s ease; }
.modal-autoaid-1.show .modal-content { transform: scaleY(1); transform-origin: center center; transition: all 0.5s ease; }
.modal-autoaid-1-closer { position: absolute; top: -15px; right: -15px; line-height: 1; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background: var(--white); color: var(--danger); font-size: 20px; border-radius: 100%; transform: scale(0); opacity: 0; transition: opacity 0.2s ease, transform 0.2s ease; z-index: 1; }
.modal-autoaid-1.show .modal-autoaid-1-closer { transform: scale(1); opacity: 1; transition: opacity 0.5s ease 0.4s, transform 0.5s ease 0.4s; }
.modal-autoaid-1 .modal-body { max-height: 85vh; overflow: hidden; overflow-y: auto; }
/*===== // custom modal-autoaid-1 // =======*/
/*===== custom modal-autoaid-full =======*/
.modal-autoaid-full { display: block !important; opacity: 0; visibility: hidden; transition: all 0.2s ease; }
.modal-autoaid-full.show { opacity: 1; visibility: visible; }
.modal-autoaid-full .modal-content { transform: scaleY(0); transform-origin: 0px 50vh; transition: all 0.5s ease; }
.modal-autoaid-full.show .modal-content { transform: scaleY(1); transform-origin: 0px 50vh; transition: all 0.5s ease; }
.modal-autoaid-full { padding: 0px !important; }
.modal-autoaid-full .modal-dialog { max-width: 100% !important; margin: 0px !important; max-height: 100vh !important; }
.modal-autoaid-full-closer { background: var(--orange1); position: fixed; top: 20px; right: 30px; line-height: 1; border-radius: 100%; display: flex; width: 35px; height: 35px; align-items: center; justify-content: center; font-size: 19px; color: var(--brown1); transform: scale(0); opacity: 0; transition: opacity 0.2s ease, transform 0.2s ease; z-index: 1; }
.modal-autoaid-full.show .modal-autoaid-full-closer { transform: scale(1); opacity: 1; transition: opacity 0.5s ease 0.4s, transform 0.5s ease 0.4s; }
/*===== // custom modal-autoaid-full // =======*/
.title3 { font-size: 33px; font-weight: var(--pns); margin-bottom: 25px; }
.third-section, .fifth-section, .bg-brown-opa-1 { background: rgba(80,60,73,0.1); padding: 15px 0px; }
.blog-item-1-img-holder { height: 300px; }
.blog-item-1-cntnt-holder { padding: 15px; background: rgba(255,255,255,0.7); }
.blog-item-1-cntnt-title { font-size: 25px; font-weight: var(--pnb); color: var(--brown2); }
.blog-item-1-cntnt-date { color: var(--orange1); font-weight: var(--pns); font-style: italic; }
/*============= cursor styles ==================*/
.cursor { display: none; }
/*
@media (any-pointer: fine) {
.cursor { position: fixed; top: 0; left: 0; display: block; pointer-events: none; opacity: 0; z-index: 1100; }
.cursor__inner { fill: var(--cursor-fill); stroke: var(--cursor-stroke); stroke-width: var(--cursor-stroke-width); }
}*/
@media (any-pointer: fine) {
.cursor { position: fixed; top: 0; left: 0; display: block; pointer-events: none; opacity: 0; z-index: 1100; }
.cursor__inner { fill: var(--cursor-fill); stroke: var(--cursor-stroke); stroke-width: var(--cursor-stroke-width); }
}
/*============= // cursor styles // ==================*/
.footer-col-title { font-size: 18px; text-transform: uppercase; font-weight: var(--pnb); color: var(--orange1); /* text-decoration: underline; */ }
.footer-link { text-decoration: none !important; font-size: 17px; line-height: 1.7; color: #e6e6e6; transition: all 0.3s; }
.footer-link:hover {color: #fff;transition: all 0.3s;text-decoration: underline !important;}
/*==============================================
			BACK TO TOP
===============================================*/
#to-top { opacity: 0; filter: alpha(opacity=0); position: fixed; right: -59px; width: 40px; z-index: 9; display: block; top: unset; bottom: 25px; font-size: 11px; color: var(--orange2); text-align: center; padding: 10px 0 7px 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; text-decoration: none; height: 100px; }
#to-top > svg { fill: var(--orange2); width: 30px; transform: translateY(20px); transition: all 0.3s; }
#to-top:hover > svg { transform: translateY(0px); transition: all 0.3s; }
#to-top.on { right: 15px; opacity: 0.9; filter: alpha(opacity=90); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
#to-top.off { right: -59px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
#to-top:hover { opacity: 1; filter: alpha(opacity=100); }
#to-top i { font-size: 14px; }
/*============ team member section =====================*/
.team-member-col-img-holder { height: 450px; border-radius: 15px; overflow: hidden; border-bottom-right-radius: 0; max-width: 92%; }
.team-member-col-img-holder > img { object-position: top; }
.team-member-col-cntnt-holder { position: absolute; bottom: 0; right: 0; background: black; width: 85%; margin-left: auto; }
.team-member-col-inner { position: relative; }
.team-member-col-cntnt-holder { position: absolute; bottom: -30px; left: 0; background: var(--brown1); width: 85%; padding: 15px 25px; border-bottom-right-radius: 15px; }
.bio-box-col-left-inner { max-height: 350px; height: 350px; }
/*======== solutions page ==============*/
.services-table { margin-top: 100px; margin-bottom: 50px; border: none; display: inline-block }
.services-table td { position: relative; width: 200px; padding: 18px 20px; border-left: 2px solid #6e5967; border-right: 2px solid #6e5967 }
.services-table td .more { display: block; position: absolute; top: 50%; left: 100%; -ms-transform: translate(-5%, -50%); transform: translate(-5%, -50%); color: #fff; padding: 15px 30px; width: 400px; visibility: hidden; z-index: 10; opacity: 0; transition: transform .5s cubic-bezier(.215, .61, .355, 1), visibility .5s, opacity .5s cubic-bezier(.215, .61, .355, 1) }
.services-table td .readmorebtn1:hover .more { visibility: visible; opacity: 1; -ms-transform: translate(0, -50%); transform: translate(0, -50%) }
.readmorebtn1 { cursor: pointer; }
.services-table td.value { text-align: center; font-weight: 700 }
.services-table td.checked { padding: 10px 20px; text-align: center; line-height: 0 }
.services-table td.checked:after { content: ''; display: inline-block; width: 35px; height: 35px; background-color: #6e5967; border-radius: 50% }
.services-table td:nth-child(1) { width: 650px }
.services-table td.empty { border: none; background-color: transparent!important }
.services-table tr.subsection { background-color: #e6e0da }
.services-table tr.subsection td { font-weight: 600; line-height: 1; font-size: 18px; padding: 18px 20px }
.services-table thead td { text-align: center; background-color: #6e5967; color: #fff; border: none; padding: 15px 20px }
.services-table thead td:nth-child(2) { background-color: #ffa46e; font-weight: 700; font-size: 18px; position: relative }
.services-table thead td:nth-child(2):after { position: absolute; display: block; content: ''; background-color: #ffa46e; width: 100%; height: 10px; left: 0; top: 0; -ms-transform: translateY(-100%); transform: translateY(-100%) }
.services-table tbody tr:first-child { border-top: 2px solid #503c49 }
.services-table tbody tr:last-child { border-bottom: 2px solid #503c49 }
.services-table td .more, .services-table td.checked:nth-child(2):after { background-color: #ffa46e }
.services-table thead, .services-table tbody { width: 100%; display: table; }
@media screen and (max-width:960px) {
.services-table { margin-bottom: 60px }
.services-table thead { display: none }
.services-table td { border: none }
/*.services-table td .more { display: none!important }*/
.services-table tr { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: center; width: 100%; border: none!important; position: relative; background-color: #fff; margin-bottom: 20px }
.services-table tr td { -ms-flex: 1; flex: 1 }
.services-table tr td:nth-child(1) { display: block; width: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100% }
.services-table tr td:nth-child(2):before { content: 'Auto Aid'; color: #ffa46e }
.services-table tr td:nth-child(3):before { content: 'Local agencies' }
.services-table tr td:nth-child(4):before { content: 'Freelancer' }
.services-table tr td:nth-child(2), .services-table tr td:nth-child(3), .services-table tr td:nth-child(4) { padding: 10px 5px; margin: 20px 0; display: block; -ms-flex: 1; flex: 1; position: relative }
.services-table tr td:before { position: absolute; bottom: 100%; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); display: block; width: 100%; max-width: 100px; text-align: center; font-size: 15px; line-height: 1; opacity: 1; font-weight: 500 }
.services-table tr.subsection { margin-top: 40px; background-color: transparent }
.services-table tr.subsection:first-child { margin-top: 0 }
.services-table tr.subsection td { display: none }
.services-table tr.subsection td:nth-child(1) { display: block }
.services-table tr:not(.subsection) td:nth-child(1) { font-size: 15px; font-weight: 700; }
.services-table td .more {
	/* position: relative; */
	left: calc(-100vw - -123px); width: calc(100vw - 30px); top: 100%; -ms-transform: translate(0%, 30%); transform: translate(0%, 30%); }
.services-table td .readmorebtn1:hover .more { -ms-transform: translate(0%, 0%); transform: translate(0%, 0%); }
.services-table tr.subsection { background: #E6E0DA; }
}
.services-table { margin-top: 50px; width: 100%; }
.readmorebtn1 { position: absolute; right: 20px; color: #000; cursor: pointer; }
/*========= pricing page ============*/
.pricingtablecolleft { flex-basis: 260px; max-width: 260px; flex-grow: 0; background: #e6e0da; border-right: solid 2px #503c49; }
.pricingtablecolright { flex-basis: 0; max-width: none; flex-grow: 1; }
.pricingtablesholder { border: solid 2px #503c49; background: #fff; }
.pricingtablecolright .tab-pane { padding: 0px; }
.pricingtablecolright .tab-pane .row { margin-left: 0px; margin-right: 0px; }
.pricingtablecolleft .nav-link { color: #503c49; font-size: 20px; font-weight: 700; border-bottom: solid 2px #c8bfbd; border-radius: 0px !important; position: relative; }
.innerpricecoltitle { margin: 0px auto 15px auto; width: auto; display: table; color: #fff; background: #503c49; font-size: 20px; line-height: 1; font-weight: 600; padding: 7px 35px; position: relative; }
.innerpricecoltitle::before { left: 0; top: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-left-color: #fff; border-width: 17px; margin-top: -17px; transform: scaleX(0.5); transform-origin: left; }
.innerpricecoltitle::after { right: 0; top: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-right-color: #fff; border-width: 17px; margin-top: -17px; transform: scaleX(0.5); transform-origin: right; }
.innerpricecolprice { font-size: 39px !important; font-weight: 700; line-height: 1; margin: 0px !important; }
.innerpricecolprice sup { font-size: 21px; }
.pitchbtn1 { background: var(--orange1); border: none; padding: 10px 35px; line-height: 1; color: var(--white); font-weight: 700; font-size: 20px; box-shadow: 0px 10px 25px 0px rgba(0,0,0,0.20); transition: all 0.3s; }
.innerpricecolsmall { margin-bottom: 20px; display: block; }
.bordersep1 { margin: 30px auto; }
.innerpricecolsub { padding: 45px 0px; }
.innerpricecol { border-right: solid 1px #cac4c8; }
.pitchbtn1:hover { background: var(--orange2); box-shadow: 0px 20px 35px 0px rgba(0,0,0,0.20); }
.pricingtablecolleft .nav-link.active, .pricingtablecolleft .show > .nav-link { background: #ffa46e; }
.nav-pills .nav-link.active::after { left: 100%; top: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-left-color: rgba(136, 183, 213, 0); border-left-color: #ffa46e; border-width: 24px; margin-top: -24px; background: transparent; transform: scaleX(0.6); transform-origin: 0px 0px; }
.innerpricecolp { margin: 0px 0px 15px 0px; font-size: 17px; font-weight: var(--pnr); color: var(--brown1); }
.cat-divider { font-weight: 700; background: #fff; width: 100%; line-height: 1; font-size: 25px; padding: 5px 0px; border-top: solid 1px #523e49; border-bottom: solid 1px #523e49; margin: 15px 0px; }
.pricingtablesholder1 { display: none; }
@media screen and (max-width:960px) {
/*============ price page ================*/
.innerpricecolprice { font-size: 19px !important; }
.innerpricecolprice sup { font-size: 11px; }
.page-pricing .eh-container p, .innerpricecolsmall { font-size: 13px; }
.pricingtablecolleft { flex-basis: 200px; max-width: 200px; }
.pricingtablecolleft .nav-link { font-size: 15px; }
.page-pricing > .container { padding: 0 20px; }
.pricingtablesholder1 { display: table; }
.pricingtablesholder { display: none !important; }
.pricingtablesholder1 .card-header { padding: 0px; }
.pricingtablesholder1 .card-header .card-link { display: table; width: 100%; padding: .75rem 1.25rem; background: #E6E0DA; font-weight: 700; font-size: 19px; line-height: 1.2; transition: all 0.3s; color: #503C49 !important; }
.pricingtablesholder1 .card-header .card-link:not(.collapsed) { background: #FFA46E; color: #fff !important; transition: all 0.3s; }
}
/*============= blog single page =============*/
.page-single-blog__content p, .page-single-blog__content img { margin-bottom: 15px; }
/*=========== solutions videos page ===========*/
.sol-video-opener .blog-item-1-img-holder { position: relative; }
.sol-video-opener .blog-item-1-img-holder::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); transition: all 0.3s; }
.sol-video-opener .blog-item-1-img-holder::after { content: "\f04b"; position: absolute; font-family: "Font Awesome 5 Free"; font-weight: 900; color: var(--orange1); transition: all 0.4s; font-size: 50px; top: 0; left: 0; right: 0; bottom: 0; margin: auto; display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; filter: drop-shadow(0px 0px 10px rgba(0,0,0,0.7)); opacity: 1; transform: scale(1, 1); }
.sol-video-opener:hover .blog-item-1-img-holder::after { transform: scale(1.2, 1.2); transition: all 0.4s; }
.sol-video-opener.active .blog-item-1-img-holder::after { opacity: 0; transform: scale(5, 5); transition: all 0.4s; }
.hamburger { width: 60px; height: 45px; transition: .5s cubic-bezier(.165, .84, .44, 1); cursor: pointer; position: absolute; z-index: 1; top: 15px; right: 10px !important; -ms-transform: scale(.4); transform: scale(.4); margin: 0px auto; }
.hamburger span { display: block; position: absolute; height: 4px; width: 100%; background-color: #503c49; opacity: 1; left: 0; -ms-transform: rotate(0); transform: rotate(0); transition: transform .25s cubic-bezier(.165, .84, .44, 1), background-color .5s; }
.hamburger span:nth-child(1) { top: 1px; -ms-transform: translateX(10px); transform: translateX(10px); -ms-transform-origin: left center; transform-origin: left center; }
.hamburger span:nth-child(2) { top: 18px; -ms-transform-origin: left center; transform-origin: left center; }
.hamburger span:nth-child(3) { top: 36px; -ms-transform: translateX(-10px); transform: translateX(-10px); -ms-transform-origin: left center; transform-origin: left center; }
.hamburger[aria-expanded="true"] span { background-color: #faf7f4; }
.hamburger[aria-expanded="true"] span:nth-child(1) { -ms-transform: rotate(45deg); transform: rotate(45deg); top: -3px; left: 8px; }
.hamburger[aria-expanded="true"] span:nth-child(2) { width: 0; opacity: 0; }
.hamburger[aria-expanded="true"] span:nth-child(3) { -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: 39px; left: 8px; }
.errorcls { border: red solid 2px !important; }
/*===================== Book Appointment =========================*/
.consult-img-holder { flex-basis: 70px; max-width: 70px; flex-grow: 0; }
.consult-content-holder { flex-basis: 0; flex-grow: 1; }
.consult-cost, .consult-duration { flex-basis: 100px; max-width: 100px; flex-grow: 0; text-align: center; }
.consult-cntnt { flex-basis: 0; flex-grow: 1; padding-left: 25px; font-weight: var(--pnb); }
.bookapp-step-pane { padding: 25px; background: var(--white); border: solid 1px #dee2e6; border-top: none; }
.consult-holder { padding: 15px; background: var(--light); margin: 5px 0px; }
.consult-holder, .provider-item .provider-item-inner { border: solid 2px var(--light); transition: all 0.3s; cursor: pointer; }
.consult-holder.active, .provider-item.active .provider-item-inner { border: solid 2px var(--orange1); transition: all 0.3s; }
.bh { max-width: 200px; margin: 0px auto; }
.bh li { list-style: none; display: flex; flex-wrap: wrap; }
.bh li span { max-width: 50px; flex-basis: 50px; flex-grow: 0; color: #777; font-weight: 700; }
.bh li div { flex-basis: 0; flex-grow: 1; }
.dtp > .dtp-content > .dtp-date-view > header.dtp-header { background: var(--brown1); }
.dtp div.dtp-date, .dtp div.dtp-time { background: #5b4b56; }
.dtp table.dtp-picker-days tr > td > a, .dtp .dtp-picker-time > a { padding: 6px 5px !important; }
.dtp .dtp-actual-meridien a.selected, .dtp table.dtp-picker-days tr > td > a.selected { background: var(--orange1); color: var(--brown1); }
.hour-hand { stroke: var(--brown1); }
.app-step-title-1 { margin-bottom: 15px; color: var(--brown1); }
.bookapp-steps-link { color: #a2a2a2 !important; font-weight: var(--pnb); font-size: 17px; padding: 13px 45px; position: relative; display: table; width: 100%; text-align: center; border: none !important; border-radius: 0px !important;}
.bookapp-steps-link:not(.step-filled) { cursor: default; pointer-events: none; }
.bookapp-steps-link.active, .bookapp-steps-link.step-filled { color: #495057 !important }
/*.bookapp-steps-link::after { position: absolute; content: ""; height: 3px; background: #32AA24; width: 0px; left: 0; bottom: 0; transition: all 0.3s; }*/
.bookapp-steps-link.step-filled {background: #f2f2f2;color: #495057;}
.bookapp-steps-link.active { background: #fff !important; border: none; }
/*.bookapp-steps-link.step-filled::after { width: 100%; transition: all 0.3s; }*/
.vanilla-calendar { margin-left: 0px; margin-right: 0px; max-width: 300px; }
.vanilla-calendar .vanilla-calendar-week { background-color: var(--light); }
.vanilla-calendar .vanilla-calendar-week span { color: var(--dark); font-size: 14px; }
.vanilla-calendar .vanilla-calendar-date--selected { background-color: var(--brown1); }
.vanilla-calendar .vanilla-calendar-date { border: solid 1px white; padding: 9px 0; font-size: 13px; }
.time-selector-1 { transition: all 0.3s; color: var(--primary) !important; margin-bottom: 10px; font-size: 14px; padding-left: 8px; padding-right: 8px; }
.time-selector-1:hover { transition: all 0.3s; background: var(--light); box-shadow: 0px 0px 10px 0px #d9d9d9; }
.schedule-time-table td, .schedule-time-table th { border: none !important; padding: 10px 0px; padding-top: 3px; padding-bottom: 3px; text-align: center; }
.time-selector-1.active { border-color: var(--orange1) !important; background: var(--light); color: var(--brown1) !important; }
.bookapp-steps-item { flex-grow: 1; }
.bookapp-steps-tabs { position: relative; overflow: hidden; }
.bookapp-steps-tabs::after { content: ""; position: absolute; bottom: 0; height: 5px; left: 0; display: table; background: #e1e1e1; width: 100%; }
.bookapp-steps-tabs::before { content: ""; position: absolute; bottom: 0; height: 5px; left: 0; display: table; background: var(--teal); width: 0px; z-index: 1; transition: all 0.3s ease-in-out; }
/*================= sweet alert checkmark with animation css =====================*/
.swal2-icon { position: relative; box-sizing: content-box; justify-content: center; width: 5em; height: 5em; margin: 1.25em auto 1.875em; border: .25em solid transparent; border-radius: 50%; border-color: #000; font-family: inherit; line-height: 5em; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.swal2-icon.swal2-success [class^="swal2-success-circular-line"] { position: absolute; width: 3.75em; height: 7.5em; transform: rotate(45deg); border-radius: 50%; }
.swal2-icon.swal2-success [class^="swal2-success-circular-line"][class$="left"] { top: -.4375em; left: -2.0635em; transform: rotate(-45deg); transform-origin: 3.75em 3.75em; border-radius: 7.5em 0 0 7.5em; }
.swal2-icon.swal2-success [class^="swal2-success-line"] { display: block; position: absolute; z-index: 2; height: .3125em; border-radius: .125em; background-color: var(--success); }
.swal2-icon.swal2-success [class^="swal2-success-line"][class$="tip"] { top: 2.875em; left: .8125em; width: 1.5625em; transform: rotate(45deg); }
.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip { -webkit-animation: swal2-animate-success-line-tip .75s; animation: swal2-animate-success-line-tip .75s; }
@-webkit-keyframes swal2-animate-success-line-tip {
 0% {
 top:1.1875em;
 left:.0625em;
 width:0
}
 54% {
 top:1.0625em;
 left:.125em;
 width:0
}
 70% {
 top:2.1875em;
 left:-.375em;
 width:3.125em
}
 84% {
 top:3em;
 left:1.3125em;
 width:1.0625em
}
 100% {
 top:2.8125em;
 left:.8125em;
 width:1.5625em
}
}
@keyframes swal2-animate-success-line-tip {
 0% {
 top:1.1875em;
 left:.0625em;
 width:0
}
 54% {
 top:1.0625em;
 left:.125em;
 width:0
}
 70% {
 top:2.1875em;
 left:-.375em;
 width:3.125em
}
 84% {
 top:3em;
 left:1.3125em;
 width:1.0625em
}
 100% {
 top:2.8125em;
 left:.8125em;
 width:1.5625em
}
}
.swal2-icon.swal2-success [class^="swal2-success-line"][class$="long"] { top: 2.375em; right: .5em; width: 2.9375em; transform: rotate(-45deg); }
.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long { -webkit-animation: swal2-animate-success-line-long .75s; animation: swal2-animate-success-line-long .75s; }
@-webkit-keyframes swal2-animate-success-line-long {
 0% {
 top:3.375em;
 right:2.875em;
 width:0
}
 65% {
 top:3.375em;
 right:2.875em;
 width:0
}
 84% {
 top:2.1875em;
 right:0;
 width:3.4375em
}
 100% {
 top:2.375em;
 right:.5em;
 width:2.9375em
}
}
@keyframes swal2-animate-success-line-long {
 0% {
 top:3.375em;
 right:2.875em;
 width:0
}
 65% {
 top:3.375em;
 right:2.875em;
 width:0
}
 84% {
 top:2.1875em;
 right:0;
 width:3.4375em
}
 100% {
 top:2.375em;
 right:.5em;
 width:2.9375em
}
}
.swal2-icon.swal2-success .swal2-success-ring { position: absolute; z-index: 2; top: -.25em; left: -.25em; box-sizing: content-box; width: 100%; height: 100%; border: .25em solid rgba(40,167,69,0.70); border-radius: 50%; }
.swal2-icon.swal2-success .swal2-success-fix { position: absolute; z-index: 1; top: .5em; left: 1.625em; width: .4375em; height: 5.625em; transform: rotate(-45deg); }
.swal2-icon.swal2-success [class^="swal2-success-circular-line"][class$="right"] { top: -.6875em; left: 1.875em; transform: rotate(-45deg); transform-origin: 0 3.75em; border-radius: 0 7.5em 7.5em 0; }
.swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right { -webkit-animation: swal2-rotate-success-circular-line 4.25s ease-in; animation: swal2-rotate-success-circular-line 4.25s ease-in; }
@-webkit-keyframes swal2-rotate-success-circular-line {
 0% {
 transform:rotate(-45deg)
}
 5% {
 transform:rotate(-45deg)
}
 12% {
 transform:rotate(-405deg)
}
 100% {
 transform:rotate(-405deg)
}
}
@keyframes swal2-rotate-success-circular-line {
 0% {
 transform:rotate(-45deg)
}
 5% {
 transform:rotate(-45deg)
}
 12% {
 transform:rotate(-405deg)
}
 100% {
 transform:rotate(-405deg)
}
}
.our-team-banner::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.5) 100%);
	background: -moz-linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.5) 100%);
	background: -webkit-linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.5) 100%);
	background: -ms-linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.5) 100%);
}
.our-team-banner{
	position: relative;height: 400px;overflow: hidden;
}
.teammembersrow{margin-top: -100px;}
.gallery-item-inner {
     padding: 10px;
     display: block;
     height: 450px;
     opacity: 0.9; transition: all 0.3s;
}
.gallery-item-inner:hover {
     opacity: 1;
}
/*================= dealer marketing offers page css ================*/
.dealer-marketing-hero-section{height: 100vh; overflow: hidden; max-height: 800px; position: relative;}
.dealer-marketing-hero-video-holder {
	position: relative; height: 100%;
}
.dealer-marketing-hero-section::after{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 1;}
.dealer-marketing-hero-content-holder {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 2;
	height: 100%;
}
.hero-cntnt-subtitle1 {
	font-size: 24px;
	line-height: 1.5;
}
.hero-cntnt-title1 {
	font-size: 50px;
	font-family: 'Proxima Nova';
	font-weight: 700;line-height: 1;
}
.container-1500 {
	max-width: 1500px !important;
}
.qr-holder {
	width: 230px;
	height: 230px;
	overflow: hidden;
	background: var(--white);
}
.price-holder-hero {
	background: var(--orange1);
	padding: 25px 35px; min-width: 300px;
}
.price-holder-hero > p {
	font-size: 19px;
	color: var(--brown1);
	line-height: 1.5;
	font-weight: 700;
	margin: 0px !important;
}
.price-holder-hero > h3 {
	font-size: 39px;
	color: var(--brown1);
	font-weight: 700;
	margin: 0;
}
.hero-form-title1 {
	font-weight: var(--pnb);
	margin-bottom: 20px;
	font-size: 30px;
}
.dealer-marketing-hero-content-col-right-inner {
	width: 100%;
	max-width: 570px;
	margin-left: auto;
}
.hero-form-1 label {
	font-size: 17px;
	font-weight: 600;
	line-height: 1;
}
.hero-form-1 input, .hero-form-1 textarea, .hero-form-1 select {
	min-height: 45px;
}
.has-dropdown-icon::after {
	content: "\f0d7";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #fff;
	position: absolute;
	right: 30px;
	bottom: 25px;
	font-size: 20px; transition:all 0.3s;
}
.dealer-marketing-content-holder{ margin-top: -780px; position: relative; z-index: 2;}
.offer-modal-old-price {
	font-size: 22px;
	font-weight: 700;
	text-decoration: line-through;
	font-style: italic;
	opacity: 0.7;
}
.offer-modal-price {
	color: #fff;
	font-size: 25px;
	font-weight: 700;
	color: var(--brown1);
	margin: 15px 0px;
}
.offer-content-holder{ border: dashed 5px var(--brown1);}
/*===================== dealership-private-sale-special-page css =====================*/
.dealership-private-sale-special-page .dealer-marketing-hero-section::after{display: none;}
.dealer-special-title-holder {
	margin-top: -90px;
	margin-bottom: -30px;
}
.dealershipmedialink1captionholder {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	flex-direction: column;
	color: #fff;
}
.dealershipmedialink1captionholder > i {
	font-size: 50px;
}
.dealershipmedialink1p {
	font-size: 25px;
	font-weight: 700;
	margin-top: 10px;
}
.dealerspecial-gallery-link {
	height: 370px;
	display: block;
	overflow: hidden;
	margin-bottom: 30px;
}
.dealership-private-sale-special-page .dealer-marketing-hero-video-holder img,.dealerspecial-gallery-link img {object-fit: cover; height: 100%; width: 100%;}
.package-table td, .package-table th {
	font-size: 19px;
}
.package-table-price{font-weight:700;}
.package-table ul li {
	font-size: 15px;
	line-height: 1.8;
}
.dealerspecial-gallery-item{display: none;}
 /* - - - - - - - - - Switch Section - - - */
 #pricing-switch {
	/* margin-top: 30px; */
	margin-bottom: 0px;
	text-align: left;
	line-height: 1.4;
	position: relative;
	max-width: 100%;
	display: flex;
	justify-content: flex-start;
	width: 100%;
	align-items: center;
}
  #pricing-container .price-card--cta--button.btn:hover{
    background: #fff;
    border-color: #fd6534;
    transition: all 0.4s;
    color: #fd6534;
  }
  
  #pricing-switch .switch-label {
	display: inline-block;
	width: 90px;
	text-align: center;
	/* opacity: 0.4; */
	font-size: 16px;
	cursor: pointer;
	padding: 0 15px;
	text-align: left !important;
}
  
  #pricing-switch .switch-label .save-money {
    color: #fd6534;
    font-style: italic;
    padding-left: 8px;
  }
  #pricing-switch .save-money--mobile {
    color: #fd6534;
    font-style: italic;
    padding-top: 22px;
    display: none;
  }
  
  #pricing-switch .switch-label.active {
    font-size: 18px;
    opacity: 1;
  }
  #pricing-switch .switch-label-monthly {
    text-align: right;
  }
  #pricing-switch .switch-label-yearly {
    text-align: left;
  }
  
  #pricing-switch .switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
    vertical-align: -50%;
    margin: 0;
  }
  
  #pricing-switch .switch input {
    display: none;
  }
  
  #pricing-switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #503c49;
    border-radius: 34px;
    -webkit-transition: 0.1s;
    transition: 0.1s;
  }
  
  #pricing-switch .slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    border-radius: 50%;
    -webkit-transition: 0.1s;
    transition: 0.1s;
  }
  
  /* #pricing-switch input:checked + .slider {
    background-color: green;
  } */
  
  #pricing-switch input:focus + .slider {
    box-shadow: 0 0 1px #2196f3;
  }
  
  #pricing-switch input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
  }
  /* - - - - - - - - - - - - - - - - - - - */
  /* - - - - - - - - - Media Queries - - - */
  /* - - - - - - - - - - - - - - - - - - - */
  
  
  @media (max-width: 980px) {
    /* Pricing Switch */
    #pricing-switch {
      margin: 26px 0 52px;
    }
    #pricing-switch .switch-label {
      display: inline-block;
      width: auto;
      font-size:15px;
    }
    #pricing-switch .switch-label.active{
      font-size:16px;
    }
    #pricing-switch .switch-label .save-money {
      display: none;
    }
    #pricing-switch .save-money--mobile {
      display: block;
    }
  }
  
  
  @media (max-width: 480px) {
  
    #pricing-switch {
      margin: 26px 0 36px;
    }
  
    #elite-pricing-card.price-card{
    padding: 30px 20px 10px 20px;
    }
  }
/*======================== all in one business solution page css ================*/
  .hero-anim-holder {
	display: flex;
	align-items: center;
	justify-content: center;
}
[class*="hero-anim-holder-item-"]:not(:last-child) {
	padding-right: 40px;
	position: relative;
}
.hero-section-title {
	font-weight: 700;
	color: #503c49;
	margin-bottom: 25px;
}
.aio-hero-section {
	padding: 35px 0px;
}
.hero-anim-holder-item3child {
	text-align: center;
	margin-top: 40px;
}
[class*="hero-anim-holder-item-"] {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%; position: relative;
}
.hero-anim-holder-item-2 {
    flex-basis: 9%;
}
.hero-anim-holder-itemimg-1-sep, .hero-anim-holder-itemimg-2-sep, .hero-anim-holder-itemimg-3-sep {
    position: absolute;
    height: 2px;
    background: grey;
    width: 100%;
    top: 0;
    bottom: 0;
    right: -50%;
    margin: auto 0px;
    z-index: 0;transform-origin: center left;
}
.hero-anim-holder-itemimg-4-sep {
    position: absolute;
    height: 93%;
    width: 2px;
    background: grey;
    margin: 0px auto;
    left: 0;
    right: 0;transform-origin: top center;
}
.hero-anim-holder-item-4 {
    text-align: center;
}
.hero-anim-holder-item4child1, .hero-anim-holder-item4child2, .hero-anim-holder-item4child3 {
    margin: 25px 0px;
}
.hero-anim-holder {
	opacity: 0;
	/* height: 545px; */
}
.hero-anim-holder-itemimg {
	z-index: 1;
	position: relative;    max-width: 100%;
}
.aio-solutions-section {
	background: #503c49;
}.aio-solutions-tab-btns-holder {
	flex-basis: 300px;
	flex-grow: 0;
}
.aio-solutions-tab-cntnt-holder {
	flex-basis: 0;
	flex-grow: 1;
	padding-left: 15px;
}
.aio-solutions-tab-btn {
	padding-left: 25px;
	position: relative;
	background: transparent !important;
	border: none;
	text-align: left;
	font-size: 17px;
	color: #fff;
	opacity: 0.3;transition: all 0.3s;font-weight: 700;
}
.aio-solutions-tab-btn.active,.aio-solutions-tab-btn:hover {
	opacity: 1;
	transition: all 0.3s;
}
.aio-solutions-tab-btn::before {
	content: "";
	background: url(../images/dice.png) no-repeat top left / 13px;
	width: 15px;
	height: 15px;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	margin: auto 0px;
}
.aio-solutions-tab-btn::after {
	display: none;
}
.aio-solutions-tab-title-1 {
	font-weight: 700;
	font-size: 45px;
}
.aio-solutions-tab-p-1 {
	font-size: 18px;
}
.inner-content-cell {
	background: #fff;
	margin-top: 15px;
	padding: 15px;
	box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.1);
}.inner-content-title-1 {
	font-size: 25px;
	color: #dc7c57;
	font-weight: 700;
}
.inner-content-title-2 {
	font-size: 20px;
	font-weight: 700;
}
.aio-third-section-col {
    min-height: 180px;
    padding: 0px 7.5px;
}
.aio-third-sectionsubtitle-1 {
    font-size: 20px;
    text-align: center;
}
.aio-third-section-col-row{margin-left:-7.5px;margin-right:-7.5px;}
.client-rating-img-holder {
    height: 110px;
    display: flex;
    align-items: center;
}
.client-rating-img-holder img {
    max-width: 110px;
    margin: 0px auto;
    display: table;
}
.client-rating-col {
    padding: 0px; position: relative; z-index: 0;
    border: solid 1px #e2e2e2; cursor: pointer;
	background: rgb(250,247,244,0.8);
}.client-rating-icon-rated {
    color: #dc7c57;
}
.client-rating {
    margin-top: 25px;
}
.client-rating-col-inner {
    padding: 35px;
    clip-path: inset(0 0 30% 0);
    -webkit-clip-path: inset(0 0 30% 0);
    transition: all 0.2s ease;
    transform: translateY(8%) scale(1);
    background: transparent;
    margin-bottom: 0px;
}
.client-rating-col:hover{z-index: 1;}
.client-rating-col:hover .client-rating-col-inner {
    clip-path: inset(0 0 0 0);
    -webkit-clip-path: inset(0 0 0 0);
    transition: all 0.2s ease;
    background: #fff;
    transform: translateY(0) scale(1.1);
}
.aio-solutions-section-mobile,.pricing-package-section-mobile{display: none;}
.aio-solutions-section .card, .aio-solutions-section .card-header {
    background: transparent;
    border: none;
}
.aio-solutions-acc-btn {
    width: 100%;
    text-align: left;
    padding: 0px;
    font-size: 20px;
    color: #fff !important;
    font-weight: 700;
    border-bottom: solid 1px rgba(255,255,255,0.2);
    text-decoration: none !important;
    opacity: 0.5;
    transition: all 0.3s;
    position: relative;
    padding-left: 25px;
}
.aio-solutions-acc-btn::before {
    content: "";
    background: url(../images/dice.png) no-repeat top left / 13px;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto 0px;
}
.aio-solutions-acc-btn:not(.collapsed) {
    opacity: 1; transition: all 0.3s;
}
/*============================== offer button ============================*/
.offer-btn {
	position: fixed;
	bottom: 25px;
	right: 75px;
	width: 65px;
	height: 65px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: center;
	background: var(--orange2);
	border-radius: 100%;
	box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2);
	padding: 5px;
	line-height: 1.3;
	flex-direction: column;
	color: #fff !important;
	z-index: 2;
	text-decoration: none !important;
	transition: all 0.3s;
	transform: scale(1);
}
.offer-btn:hover {
	transform: scale(1.1);
	transition: all 0.3s;
}
.pricing-package-section {
    background: #f7f2f2;
    padding: 65px 0px;
}.pricing-package-tab-btns-holder {
    flex-basis: 300px;
    max-width: 300px;
    flex-grow: 0;
    flex-shrink: 0;
}.pricing-package-tab-cntnt-holder {
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 0;
}
.pricing-package-tab-btn {
    background: transparent !important;
    border: none;
    text-align: left;
    color: #503c4a !important;
    font-weight: 700;
    font-size: 18px;
    opacity: 0.5; transition: all 0.2s;
}
.pricing-package-tab-btn.active{opacity: 1;transition: all 0.2s;}
.pricing-package-title-1 {
    font-size: 30px;
    font-weight: 700;
}
.pricing-package-acc-btn {
    font-size: 20px;
    font-weight: 700;
    color: #503c4a;
    width: 100%;
    text-align: left;
    padding: 15px;
    text-decoration: none;
}
.card .pricing-package-title-1 {
    font-size: 20px;
}
/*=======================06102021 pricing package =================*/
.pricing-row-1-inner {min-height: 820px;
	background: #fff; display: flex; flex-direction: column;
	box-shadow: 0px 10px 20px -5px rgba(0,0,0,0.2);}
.pricing-row-1-header {
	background: var(--orange1);
	padding: 15px;
	text-align: center;
}.pricing-row-1-title {
	font-weight: 700;
	margin: 0;
	color: var(--brown2);
}
.pricing-row-1-price {
	font-weight: 700;
	font-size: 25px;
	text-align: center; line-height: 1;
}
.pricing-row-subtitle-1 {
	font-size: 13px;
	text-align: center;
}
.pricing-row-1-sub-header {
	padding: 25px 15px;
	border-bottom: solid 1px #dbdbdb;
}
.pricing-row-1-body {
	padding: 15px;    display: flex;
  flex-direction: column;flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 0;
}
.custom-package-option-selector {
  padding: 5px 10px;
  background: #efefef;
  display: table;
  text-decoration: none;
  color: rgb(33, 37, 41);
  margin-bottom: 15px;
  border-radius: 3px;transition: all 0.3s;
}
.custom-package-option-selector.active {
  background: #503c4a;
  color: #fff;
  transition: all 0.3s;
}
.custom-package-option-selector>.fa-check{display: none;}
.custom-package-option-selector.active>.fa-check{display: inline;}
.pricing-row-1{margin-bottom:25px ;}
/*===================== express order page =====================*/
.brown-box {
	background: var(--brown1);
	padding: 25px 35px;
	z-index: 1;
	position: relative;
}
.eo-hero-anim-title-1 {
	font-size: 30px;
	font-weight: 700;
}
.brown-box p {
	font-size: 20px;
	color: #fff;
}
.eo-hero-anim-holder {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 15px 0px;
}
.eo-hero-anim-holder {
	opacity: 0;
}
[class*="eo-hero-anim-holder-item-"] {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%;
	position: relative;
}
[class*="eo-hero-anim-holder-item-"]:not(:last-child) {
	padding-right: 40px;
	position: relative;
}
.eo-hero-anim-holder-item-1 {
	flex-basis: 480px;
	flex-grow: 0;
	margin-right: 100px;
}
.eo-hero-anim-holder-itemimg-1-sep, .eo-hero-anim-holder-itemimg-2-sep, .eo-hero-anim-holder-itemimg-3-sep {
	position: absolute;
	height: 2px;
	background: grey;
	width: 100%;
	top: 0;
	bottom: 0;
	right: -50%;
	margin: auto 0px;
	z-index: 0;
	transform-origin: center left;
}
.eo-hero-anim-holder-itemimg {
	z-index: 1;
	position: relative;
	max-width: 100%;
}
.eo-hero-anim-holder-item-3 {
	text-align: center;
  padding-top: 85px;
}
.eo-hero-anim-holder-itemimg-3-sep {
	position: absolute;
	height: calc(100% - 150px);
	width: 2px;
	background: grey;
	margin: 0px auto;
	left: 0;
	right: 0;
	transform-origin: top center;
	top: 110px;
}
.eo-hero-anim-holder-item3child1, .eo-hero-anim-holder-item3child2, .eo-hero-anim-holder-item3child3 {
	margin: 25px 0px;
}
.camp-item-inner {
	height: 100%;
	background: #faf7f4;
	padding: 30px 25px;
}
.camp-item-title-1 {
	font-size: 25px;
	font-weight: 700;
	color: var(--brown1);
}
.camp-item-inner > p {
	font-size: 20px;
}
.camp-item {
	margin: 15px 0px;
}
input[type="date"]::-webkit-inner-spin-button, input[type="date"]::-webkit-calendar-picker-indicator,input[type="time"]::-webkit-inner-spin-button, input[type="time"]::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}
/*=================== express sale appointment page css start ==================*/
.title-bg-2 {
	font-size: 31px;
	font-weight: var(--pnb);
}
.subtitle1 {
	font-size: 24px;
	font-weight: 600;
	line-height: 1.2;
	margin-bottom: 35px;
}
.pricing-package-holder {
	border-radius: 5px;
	background: #e8e8e8;
	padding: 40px 30px;
}
.pricing-package-headings-holder{min-height: 200px;}
.bg-light-red-1{background: #fde2e2;}
.bg-light-green-1{background: #d7e9d4;}
.pricing-cntnt-p1 {
	font-size: 20px;
	font-weight: 600;
}
.pricingamt-1 {
	font-size: 25px;
	font-weight: 600;
}
.big-price1 {
	font-size: 35px;
	font-weight: 700;
}
.big-price1 > span {
	font-size: 25px;
}
.pricing-cntnt-p2 {
	font-size: 20px;
	margin-top: 15px;
}
.pricing-price-1 {
	font-size: 45px;
	font-weight: 700;
	line-height: 1;
}
.pricing-price-2 {
	font-size: 22px;
}
.pricing-cntnt-p3{font-size: 30px; font-weight: 600;}
.text-red-1{color:#da3838 !important;}
.text-green-1{color:#42633f !important;}
.baa-btn-2 {
	font-size: 20px;
	text-decoration: none;
	background: #503c49;
	padding: 15px 30px;
	display: table;
	line-height: 1;
	color: #ffff !important;
	transition: all 0.3s;
	min-width: 250px;
	text-align: center;
}
.baa-btn-2:hover{background: #40333b;transition: all 0.3s;}
.baa-btn-green { background: #42633f;}
.baa-btn-green:hover { background: #345231;}
.pricing-package-holder {
	min-height: 520px;
	margin-bottom: 35px;
}
.extra-div-1 {
	position: absolute;
	top: 0;
	left: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 80px;
}
.extra-div-1::before {
	position: absolute;
	width: 2px;
	height: 100%;
	background: #000;
	content: "";
	z-index: 0;
}
.vs-cntnt {
	display: flex;
	width: 50px;
	height: 50px;
	font-size: 18px;
	text-align: center;
	justify-content: center;
	align-items: center;
	border-radius: 100%;
	background: #fff;
	z-index: 1;
	font-weight: 700;
	color: #da3838;
	font-size: 27px;
	box-shadow: 0px 7px 10px 0px rgba(0,0,0,0.1);
}
.font-20{font-size: 20px;}
.esa-review-item {
	background: #efefef;
	padding: 15px;
	margin-bottom: 15px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.esa-review-right-col {
	flex-basis: 200px;
	max-width: 200px;
	flex-grow: 0;
	flex-shrink: 0;
}
.esa-review-left-col {
	flex-basis: 0;
	max-width: none;
	flex-grow: 1;
	display: inline-flex;
	align-items: center;
}
.esa-review-dp-holder {
	width: 60px;
	height: 60px;
	border-radius: 100%;
	overflow: hidden;
	flex-basis: 60px;
	max-width: 60px;
	flex-grow: 0;
	flex-shrink: 0;
}
.esa-review-content-holder {
	flex-grow: 1;
	flex-basis: 0;
	max-width: none;
	flex-shrink: 0;
	padding-left: 15px;
}
.esa-review-title-1 {
	font-weight: 600;
	font-size: 20px;
	color: #503c49;
}
.esa-review-title-2 {
	font-size: 15px;
	color: #503c49;
}
.esa-review-title-3 {
	font-size: 15px;
	color: #503c49;
	font-style: italic;
}
.rating-star {
	font-size: 20px;
	color: #f25a29;
	margin-right: 4px;
}
.rating-holder {
	margin-bottom: 10px;
}
.esa-banner-section {
	max-height: 800px;
	overflow: hidden;
}
.esa-banner-video-holder{height: 800px;overflow: hidden;}
.esa-banner-content-holder {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
	padding: 115px; opacity: 0;
}
.esa-banner-title-1 {
	background: #ffa46e;
	display: table;
	margin: 0px auto;
	padding: 20px 55px;
	line-height: 1;
}
.esa-banner-row-2 {
	margin-top: 50px;
}
.esa-banner-row-2-col {
	flex-basis: calc(100% / 3);
	max-width: calc(100% / 3);
	flex-grow: 0;
}
.esa-banner-row-2-col-content {
	background: #ffa46e;
	padding: 35px;
	z-index: 1;
	position: relative;
}
.esa-banner-row-2-title-1 {
	font-size: 30px;
	color: #503c49;
	font-weight: 700; margin-bottom: 25px;
}
.esa-banner-row-2-col-content > p {
	font-size: 20px;
}
.esa-banner-row-2-col-2-inner {
	max-width: 370px;
	margin: 0px auto;
	display: flex;
	flex-wrap: wrap;
}
.esa-banner-row-2-col-2-inner-col {
	flex-basis: calc(100% / 2);
	max-width: calc(100% / 2);
	flex-grow: 0;
	text-align: center;
	padding-bottom: 50px;
	position: relative;
}
.esa-banner-row-2-col-2-inner-col-2 {
	width: 100%;
}
.baa-btn-3 {
	font-size: 20px;
	background: #fff;
	line-height: 1;
	padding: 15px 30px;
	margin: 0px auto;
	display: table;
	color: #1e1e1e;
	font-weight: 700;
}
.sep-line-ver-1 {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0px auto;
	height: 100%;
	width: 2px;
	background: #ababab;
	top: 0;
	z-index: 0;
}
.sep-line-hor-1 {
	position: absolute;
	width: 400%;
	height: 2px;
	background: #ababab;
	left: -100%;
	top: 36%;
	z-index: 0;
}
.esa-banner-row-2-col-2-inner-col > img{position: relative; z-index: 1;}
.tool-process-holder {
	display: flex;
	flex-wrap: wrap;
}
.tool-process-col-type-1 {
	flex-basis: calc(60% / 3);
	max-width: calc(60% / 3);
	flex-grow: 0;
	flex-shrink: 0;
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
}
.tool-process-col-type-2 {
	flex-basis: 0;
	flex-grow: 1;
	max-width: none;
}
.circle-step-process {
	display: flex;
	width: 175px;
	height: 175px;
	flex-direction: column;
	justify-content: center;
	background: #f4f4f4;
	border-radius: 100%;
	font-size: 20px;
	font-weight: 700;
	padding: 25px;
}
.circle-step-process > p {
	line-height: 1.3;
	margin-top: 10px; color:#503c49;
}
.circle-step-process > i {font-size:30px;color:#503c49;}
.tool-process-col-type-1-col-right {
	flex-basis: 0;
	flex-grow: 1;
	flex-shrink: 0;
}
.tool-process-col-type-2-inner {
	background: #f4f4f4;
	border-radius: 5px;
	padding: 40px 30px;
}
.tool-process-col-type-2-inner > p {
	font-size: 20px;
	color: #503c49;
	font-weight: 600;
}
.process-quick-stats-row p {
	font-size: 20px;
	font-weight: 700;
}
.tool-process-holder-es .circle-step-process, .tool-process-holder-es .tool-process-col-type-2-inner {
	background: #fee9dc;
}
.process-quick-stats-col {
	padding-right: 25px;
}
.fromleftanim2{opacity: 0; transform: translateX(-50px);}
.fromrightanim2{opacity: 0; transform: translateX(50px);}
.frombottomanim2{opacity: 0; transform: translateY(50px);}
.fromtopanim2{opacity: 0; transform: translateY(-50px);}
.arrow-mob{display: none;}
/*=================== express sale appointment page css end ==================*/
/*===================== book-appointment page css ===================*/
.book-app-page {
	overflow: hidden; height: 100vh;
}
.book-app-left-part {
	flex-basis: 600px;
	max-width: 600px;
	flex-grow: 0;
	flex-shrink: 0;
	position: relative;
	height: 100%;
}
.book-app-right-part {
	flex-basis: 0;
	max-width: none;
	flex-grow: 1;
	flex-shrink: 0;
	height: 100%;
	overflow: hidden;
	overflow-y: auto; background: #f8f8f8;
}
.book-app-holder{width: 100%; max-width: 900px; margin: 0px auto; padding-top: 40px;padding-bottom: 40px;}
.logo-holder {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 35px;
	background: linear-gradient(to bottom, rgb(0, 0, 0, 0.6) 0%, rgba(0,0,0,0) 40%);
	background: -webkit-linear-gradient(to bottom, rgb(0, 0, 0, 0.6) 0%, rgba(70, 49, 49, 0) 40%);
	background: -moz-linear-gradient(to bottom, rgb(0, 0, 0, 0.6) 0%, rgba(0,0,0,0) 40%);
	height: 100%;
}
.backtolink {
	font-weight: 700;
	font-size: 17px;
	color: #838383;
	line-height: 1;
	font-family: var(--fpn);
}
.book-app-header-title-1 {
	font-size: 25px;
	color: #503c49;
	font-weight: 700;
}
.book-app-header{margin-bottom: 40px;}
.book-app-steps-header {
	display: flex;
	flex-wrap: wrap; position: relative;
}
.book-app-step-number {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 100%;
	background: #e6e6e6;
	text-align: center;
	margin: 0px auto;
}
.book-app-step-text {
	font-size: 20px;
	color: #505050;
	font-weight: 700;
}
.book-app-step-link {
	flex-basis: 0;
	flex-grow: 1;
	position: relative;
	z-index: 1;
}
.book-app-steps-header::before {
	content: "";
	position: absolute;
	top: 18px;
	height: 2px;
	left: 50px;
	display: table;
	background: #2a79ff;
	width: 0px;
	z-index: 1;
	transition: all 0.3s ease-in-out;
	max-width: 88%;
}
.book-app-steps-header::after {
	position: absolute;
	height: 2px;
	background: #e6e6e6;
	width: 88%;
	top: 18px;
	content: "";
	z-index: 0;
	left: 0;
	right: 0;
	margin: 0px auto;
}
.book-app-page {
	counter-reset: bookappstepcount;
}
.book-app-step-number::before {
	counter-increment: bookappstepcount;
	content: counter(bookappstepcount);
	font-size: 20px;
	color: #505050;
	font-weight: 700;
	z-index: 1;
}
.book-app-step-link:not(:first-child):not(:last-child) .book-app-step-link-inner {
	margin: 0px auto;
}
.book-app-step-link:last-child .book-app-step-link-inner {
	margin-left: auto; margin-right: 0px;
}
.book-app-step-link.active .book-app-step-number {
	background: #2a79ff;
	color: #fff;
}
.book-app-step-link.active .book-app-step-text {
	color: #2a79ff;
}
.book-app-step-link.active .book-app-step-number::before {
	color: #fff;
}
.book-app-step-item {
	background: #ffffff;
	box-shadow: 0px 30px 50px 0px rgba(0,0,0,0.1);
	border-radius: 5px;
	padding: 35px;
}
.book-app-steps-holder {
	margin-top: 35px;
}
.book-app-step-item {
	background: #ffffff;
	box-shadow: 0px 30px 50px 0px rgba(0,0,0,0.1);
	border-radius: 5px;
	padding: 35px;
	display: none;
	opacity: 0;
	transform: translateY(50px);
	transition: all 0.3s;
}
.book-app-step-item.active {
	display: block;
}
.book-app-step-item.active.show {
	opacity: 1;
	transform: translateY(0px);
	transition: all 0.3s;
}
.book-app-page .vanilla-calendar .vanilla-calendar-date--selected {
	background: #2a79ff;
}
.book-app-page .time-selector-1 {
	font-size: 15px;
	background: #f4f4f6;
	border: solid 2px transparent !important;
	color: #000 !important;
	padding: 7px 15px;
}
.book-app-page .time-selector-1.active {
	border-color: #2a79ff !important;
	background: #fff !important;
}
.book-app-page .time-selector-1:hover {
	box-shadow: none;
	border-color: #2a79ff !important;
	background: #fff !important;
}
.bg-blue1 {
	background: #2a79ff;
}
.bg-blue1:hover {
	background: #1557c6;
}
/*===================== book-appointment page css end ===================*/
.blog-item-1 {
	margin-bottom: 30px;
}
/*===================== private-buy-event-to-boost-your-used-cars-buy-and-sell-numbers page css ===================*/
.pbes-hero-video-holder {
	margin-top: 130px;
	display: flex;
	border-radius: 10px;
	height: 550px;
	overflow: hidden;
}
.pbes-hero-title-holder {
	position: absolute;
	left: 15px;
	bottom: 15px;
	background: rgba(0,0,0,0.5);
	padding: 20px 45px 20px 25px;
	border-radius: 10px;
	border: solid 2px rgba(255,255,255,0.3);
	backdrop-filter: blur(10px);
}
.pbes-sec-col-img-holder {
	height: 750px;
	border-radius: 10px 200px 10px 10px;
	overflow: hidden;
}
.pbes-third-section-caption-holder {
	position: relative;
	z-index: 1;
}
.pbes-third-section-video{position: absolute; opacity: 0.50;}
.pbes-third-section{background: url(../images/purple-blue-background-with-gradient-word-ombre-it.webp) no-repeat center center / cover; overflow: hidden;}
.pbes-cal {
	max-width: 100%;
	width: 100%;
	border-color: #dc7c57;
}
.pbes-cal .vanilla-calendar-header,.pbes-cal .vanilla-calendar-week,.pbes-cal .vanilla-calendar-body {
	background: #dc7c57;
}
.pbes-cal .vanilla-calendar-header .vanilla-calendar-header__label,.pbes-cal .vanilla-calendar-week > * {
	color: #fff !important;
}
.pbes-cal .vanilla-calendar-header .vanilla-calendar-header__label{
	padding-block: 5px;
	background: #e89271;
	border-radius: 5px;
	max-width: 240px;
	margin: 0px auto;
}
.pbes-cal .vanilla-calendar-header .vanilla-calendar-btn svg {
	fill: white;
	color: #fff;
}
.pbes-cal .vanilla-calendar-date--disabled,.pbes-cal .vanilla-calendar-date--active {
	background: transparent;
	border-color: transparent;
	color: #fff;
}
.pbes-cal .vanilla-calendar-date--disabled {
	color: #503c49;
	opacity: 0.5;
}
.pbes-cal .vanilla-calendar-date--selected {
	background: #ffa46e;
	color: #503c49;
	font-weight: 700;
}
.pbes-hero-video-holder video {
	transform: scale(1.01);
}
.pbes-title-1{font-size: 35px;}
/*=============================================
				Animations
===============================================*/
.cp-fade-in { opacity: 0; }
.cp-fade-up { opacity: 0; transform: translateY(150px); }
.cp-shutter-to-right { -webkit-clip-path: inset(0 100% 0 0); clip-path: inset(0 100% 0 0); }
.cp-zoom-in { opacity: 0; transform: scale(0.1); }
.cp-zoom-out { opacity: 0; transform: scale(1.5); }
.cp-fade-in-right { opacity: 0; transform: translateX(-100%); }
/*===================== SEO Package Page ===================*/

.sp-hero-title-1 {
	font-size: 70px;
	line-height: 1.1;
	font-weight: var(--pnb);
}
.sp-hero-section p {
	font-size: 22px;
}
.sp-client-logo-holder {
	cursor: pointer;
}
.sp-client-logo-holder > img {
	filter: grayscale(100%);
	opacity: 0.7;
	max-width: 190px !important;
	margin-inline: auto;
	display: table;
	transition: all 0.3s;
}
.sp-client-logo-holder:hover > img {
	filter: grayscale(0%);
	opacity: 1;
	transition: all 0.3s;
}
.sp-inner-section-1 {
	border-radius: 30px;
	overflow: hidden;
	background: linear-gradient(150deg, #e5eafb 0%, #fff 20%, #fff 70%, #e5eafb 95%);
	padding: 30px;
	position: relative;
}
.sp-inner-section-1::before {
	content: "";
	position: absolute;
	top: -6%;
	right: -5%;
	border-radius: 100%;
	background: #fdcb26;
	padding-top: 20%;
	width: 20%;
	filter: blur(60px);
	opacity: .3;
	-webkit-animation: move 25s infinite alternate ease-in-out;
	animation: move 25s infinite alternate ease-in-out;
}
@-webkit-keyframes move {
	from {
		top: -6%;
		right: -5%;
	}
	
	to {
		top: 86%;
		right: 70%;
	}
}

@keyframes move {
	from {
		top: -6%;
		right: -5%;
	}
	
	to {
		top: 86%;
		right: 70%;
	}
}
.sp-section-title-1{font-size: 45px; line-height: 1.2;}
.sp-section-cntnt-1{font-size: 22px;}
.sp-why-section-col-inner{border-radius: 30px; overflow: hidden; background: var(--white); padding: 30px;box-shadow: 0 1rem 3rem rgba(0,0,0,.09) !important; }
.sp-why-icon-holder{ border-radius: 20px; overflow: hidden; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; background: #f4f7ff; width: 80px;height: 80px;}
.sp-why-title-1{font-size: 25px;}
.sp-why-cntnt-1{font-size: 18px;}
.sp-why-icon-holder > * {
	font-size: 30px;
	color: #2a62fe;
}

.sp-grow-title-1 {
	font-weight: 700;
	font-size: 30px;
	color: #000;
	transition: all 0.3s;
	position: relative;
}
.sp-grow-title-1::after {
	content: "\f061";
	font-family: "Font Awesome 5 Free";
	position: absolute;
	top: 0;
	right: 0;
	transform: translateX(-50px);
	transition: all 0.3s;
	opacity: 0;
	visibility: hidden;
}
.sp-grow-cntnt-1 {
	color: var(--gray-dark);
	font-size: 18px;
	transition: all 0.3s;
}
.sp-grow-tab-link {
	padding: 35px;
	border-radius: 20px !important;
	position: relative;transition: all 0.3s;
}
.sp-grow-tab-link::after {
	display: none;
}
.sp-grow-tab-link.active{ background: var(--orange2) !important;}
.sp-grow-tab-link.active .sp-grow-title-1,.sp-grow-tab-link.active .sp-grow-cntnt-1 {
	color: var(--white);
	transition: all 0.3s;
}

.sp-grow-tab-link.active .sp-grow-title-1::after {
	transform: translateX(0px);
	transition: all 0.3s;
	opacity: 1;
	visibility: visible;
}
.sp-grow-img-holder {
	height: 550px;
}
.sp-grow-tab-pane{
	overflow: hidden;
	border-radius: 20px;
	box-shadow: 0 1rem 3rem rgba(0,0,0,.09) !important;
}
.text-reveal-animation {clip-path: polygon(0 0, 100% 0,100% 100%, 0% 100%);opacity: 0;font-kerning: none;width: 100%;}
.line {position: relative;overflow: hidden;}
.sp-package-holder {
	border-radius: 15px;
	overflow: hidden;
	border: solid 1px #ddd;
	padding: 25px;
	background: rgba(255,255,255,0.5);
	backdrop-filter: blur(5px); position: relative;
}
.sp-package-title {
	font-size: 23px;
	font-weight: 600;
}
.sp-package-price {
	font-size: 38px;
	font-weight: 700;
	display: flex;
	flex-wrap: wrap;
	align-items: end;
	line-height: 1;
}
.sp-package-price-label {
	background: var(--orange1);
	padding: 6px 7px 3px 7px;
	font-size: 15px;
	line-height: 1;
	margin-left: 13px;
	margin-bottom: 6px;
}
.sep-1 {
	width: 100%;
	height: 1px;
	display: table;
	background: #ddd;
	margin-block: 15px;
}
.sp-package-cntnt-1 {
	position: relative;
	font-size: 18px;
	padding-left: 30px;
}
.sp-package-cntnt-1 > i {
	position: absolute;
	top: 4px;
	left: 0;
}
.sp-package-holder-popular{background: var(--brown1);}
.sp-package-holder-popular :not(a):not(.sp-package-popular-label):not(.sp-package-price-label){color: var(--white);}
.sp-package-holder-popular .sp-package-price-label{color:var(--brown1)}
.sp-package-popular-label {
	position: absolute;
	top: 0;
	right: 0;
	background: -moz-linear-gradient(119deg, rgba(219,82,67,1) 0%, rgba(255,236,53,1) 33%, rgba(255,236,53,1) 66%, rgba(40,205,14,1) 100%);
	background: -webkit-linear-gradient(119deg, rgba(219,82,67,1) 0%, rgba(255,236,53,1) 33%, rgba(255,236,53,1) 66%, rgba(40,205,14,1) 100%);
	background: linear-gradient(119deg, rgba(219,82,67,1) 0%, rgba(255,236,53,1) 33%, rgba(255,236,53,1) 66%, rgba(40,205,14,1) 100%);
	font-size: 14px;
	padding: 5px 10px;
	border-bottom-left-radius: 8px;
	color: var(--brown2);
	font-weight: 600;
}
.sp-package-holder-popular [class*="-btn"],.sp-package-holder-popular [class*="-btn"] *{color:var(--brown2) !important;}
.sp-extra-img-holder{ border-radius: 20px; overflow: hidden; height: 550px;}

/*===================== promotions Package Page ===================*/
.promotions-top-col-inner {
	display: block;
	text-decoration: none;
	position: relative;
	border-radius: 20px;
	overflow: hidden;
	transition: all 0.3s;
}
.promotions-top-col-caption-holder {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 25px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	transition: all 0.3s;
}

.promotions-top-col-caption-holder::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 200%;
	background: linear-gradient(rgba(0,0,0,0) 25% ,rgba(0,0,0,0.8) 45% );
	z-index: 0;
	transition: all 0.3s;
}
.promotions-top-col-inner:hover .promotions-top-col-caption-holder::before {
	top: -100%;
}
.promotions-top-col-caption-holder > .title-3 {
	font-weight: 700;
	color: #fff;
	z-index: 1;
	position: relative;
	transition: all 0.3s;
	top: 100%;
	transform: translateY(-90%);
	margin: 0px;
}
.promotions-top-col-inner:hover .promotions-top-col-caption-holder > .title-3 {
	top: 0%;
	transform: translateY(0%);
	transition: all 0.3s;
}

.promotions-top-col-caption-holder-inner {
	position: relative;
	z-index: 1;
	transition: all 0.3s;
	top: 100%;
	transform: translateY(-10%);
	margin-top: 15px;
	opacity: 0;
	visibility: hidden;
}

.promotions-top-col-inner:hover .promotions-top-col-caption-holder-inner {
	top: 0%;
	transform: translateY(0%);
	transition: all 0.3s;
	opacity: 1;
	visibility: visible;
	transition: all 0.3s 0.15s;
}
.promotions-list-item-1 {
	font-size: 19px;
	margin-bottom: 3px;
	position: relative;
	padding-left: 25px;
}
.promotions-list-item-1::before {
	content: "\f00c";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 15px;
	position: absolute;
	top: 3px;
	left: 0;
}
.sp-hero-section-row{padding: 30px; background: rgba(255,255,255,0.8); border-radius: 15px;}

.dsp-btn-1 {
	text-decoration: none !important;
	background: #ffcc1c;
	font-weight: 700;
	color: #010a5e !important;
	font-size: 25px;
	line-height: 1;
	padding: 15px 35px;
	border-radius: 55px;
}
.dsp-btn-1:hover,.dsp-btn-2:hover {
	transform: scale(1.1) !important; transition: transform 0.3s;background: #eebc11;
}
.dsp-btn-2 {
	text-decoration: none !important;
	background: #ffcc1c;
	font-weight: 700;
	color: #010a5e !important;
	font-size: 20px;
	line-height: 1;
	padding: 15px 35px;
	border-radius: 55px;
	transform: scale(1); transition: transform 0.3s;
}
.ta-da { 
	-webkit-animation-name: tada; 
	animation-name: tada; 
	-webkit-animation-duration: 2s;
	animation-duration: 2s; 
	-webkit-animation-fill-mode: both; 
	animation-fill-mode: both; 
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
@-webkit-keyframes tada { 
	0% {-webkit-transform: scale(1);}
	10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);} 
	30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);} 
	100% {-webkit-transform: scale(1) rotate(0);} 
}
 
@keyframes tada { 
	0% {transform: scale(1);} 
	10%, 20% {transform: scale(0.9) rotate(-3deg);} 
	30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);} 
	40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);} 
	100% {transform: scale(1) rotate(0);}
}
.ta-da:hover { 
	-webkit-animation-duration: 0s;
	animation-duration: 0s; 
}
.dsp-free-col-inner {
	background: #7357d6;
	border-radius: 15px;
	padding: 25px;
}
.free-label-1 {
	background: #ffc600;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 30px;
	line-height: 1;
	padding: 10px 15px 7px 15px;
	border-radius: 5px;
	box-shadow: 5px 5px 10px rgba(0,0,0,0.5);
}
.hanging-animation{
	animation: swing ease-in-out 1s infinite alternate;
	transform-origin: center -20px;
}

@keyframes swing {
    0% { transform: rotate(3deg); }
    100% { transform: rotate(-3deg); }
}
.dsp-free-title-1 {
	font-weight: 600;
	font-size: 26px;
	color: #fff;
	line-height: 1.5;
}
.dsp-free-cntnt-1 {
	font-size: 18px;
	color: #fff;
	opacity: 0.9;
}
.free-text-1 {
	background: #7357d6;
	border-radius: 5px;
	color: #fff;
	padding: 5px 10px;
	font-size: 20px;
	margin-inline: 5px;
}
.dsp-ms-col-1-left > img{border-radius: 15px; overflow: hidden;}
.dsp-package-price-1{font-size: 50px; font-weight: 700; color: #ffe61c;}
[class*="dsp-package-col-"] p > strong {
	color: #f7ff00;
}
.dsp-package-holder{display: flex; flex-wrap: wrap; background: #7357d6 url(../images/green-abstract-line.webp) no-repeat 180% 68% / 89%; padding:35px; border-radius: 15px; overflow: hidden; align-items: center;}
.dsp-package-col-left {
	flex-basis: 500px;
	max-width: 500px;
	flex-grow: 0;
	border-radius: 10px;
	background: rgba(255,255,255,0.1);
	padding: 35px 25px;
}
.dsp-package-col-right {
	flex-basis: 0px;
	flex-grow: 1;
	padding-left: 25px;
}
[class*="dsp-package-col-"] p:not([class*="cntnt"]) {
	font-size: 19px;
}

.ss-item-1 {
	background: #fff;
	box-shadow: 0px 5px 35px 0px rgba(0,0,0,0.1);
	padding: 15px;
}
.ss-item-1 p {
	font-weight: 600;position: relative; padding-left: 25px;
}
.ss-item-1 p::after {
	content: "\f00c";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
	top: 0px;
	left: 0px;
}