body{
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #000;
    background: #ffffff;
    position:relative;
    z-index:1;
}
a:hover, a:focus, button:hover, button:focus{
    outline: none;
}

section {
    padding: 80px 0;
    clear: both;
    position: relative;
}
h1,h2{
    font-family: 'Playfair Display', sans-serif;
    font-size: 38px;
    font-weight: 600;
    position: relative;
    margin-bottom: 20px;
}
p {
    color: #222222;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 25px;
}

label.error {    display: none !important;	}

input.required.error, textarea.required.error, select.required.error {    border-bottom: red 2px solid !important;    color: red !important; }

.services-looking .btn-block {
    position: relative;
    z-index: 10;
}

img{
    max-width: 100%;
}
.our-banner{
    background: url("../images/banner-main.jpg") no-repeat;
    width: 100%;
    background-size: cover;
    position: relative;
    z-index: 1;
    overflow: hidden;
    background-position: center;
    text-align: center;
    padding-bottom: 0;
    padding-top: 100px;
    padding-bottom: 230px;
}
header {
    z-index: 1;
    padding: 0px 0;
    width: 100%;
    overflow: hidden;
}
section.topbar {
    text-align: center;
    background-color: #ecbc03;
    display: table;
    width: 100%;
    overflow: hidden;
    padding: 8px 0;
}

section.topbar h5 {
    margin-bottom: 0;
    font-family: 'Playfair Display';
    font-style: italic;
    font-weight: bold;
    font-size: 20px;
}

header ul {
    display: table;
    margin-left: auto;
}

header ul li {
    display: inline-block;
    font-size: 16px;
    color: #000;
    font-weight: 500;
    margin-left: 30px;
    float: left;
}

header ul li i {
    font-size: 30px;
    color: #ee3243;
    margin-right: 9px;
}

header ul li a {
    color: #000;
    padding: 38px 0 0;
    display: block;
    height: 100px;
}
a.logo {
    margin-top: 11px;
    display: block;
    margin-left: 20px;
    width: 179px;
}

header ul li a img {
    margin-right: 7px;
}

header ul li:last-child {
    background-color: #ee3243;
    padding: 0 40px;
    position: relative;
    padding-left: 70px;
}

header ul li:last-child:before {
    content: "";
    width: 0;
    height: 0;
    border-top: 50px solid #0000;
    border-left: 40px solid #fff;
    border-bottom: 50px solid #0000;
    position: absolute;
    left: 0;
}

header ul li:last-child a {
    text-transform: uppercase;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    padding-top: 27px;
}

header ul li:last-child:after {
    content: "";
}

header ul li a:hover {
    color: #000;
}

section.our-banner h1 {
    color: #fff;
    font-size: 70px;
    font-weight: 400;
    position: relative;
    display: table;
    margin: 0 auto;
}

section.our-banner h5 {
    font-size: 42px;
    color: #fff;
    font-weight: 600;
    font-family: 'Playfair Display';
    font-style: italic;
    margin-top: 30px;
    margin-bottom: 10px;
}

section.our-banner p {
    color: #fff;
    font-size: 24px;
    font-weight: 500;
}

.btn-dark {
    background-color: #ee3243;
}

.btn-light {
    background-color: #fdb82c;
    color: #000;
    font-weight: 600 !important;
}

.btn-block a {
    border: 0;
    font-size: 17px;
    font-weight: 500;
    padding: 15px 40px;
    border-radius: 50px;
    margin: 0 5px;
    position: relative;
}

.btn-block a:after {
    content: "";
    width: 8px;
    height: 8px;
    background-color: #ffb22c;
    position: absolute;
    right: 15px;
    top: 9px;
    border-radius: 50px;
}

.btn-light a:after {background-color: #000 !important;}

.btn-light a:after {
    background-color: red;
}

.btn-light:after {
    background-color: #000000 !important;
}

img.banner-book-left {
    position: absolute;
    bottom: 40px;
    left: 14%;
    max-width: 14%;
}

img.banner-book-right {
    position: absolute;
    bottom: 70px;
    right: 200px;
    max-width: 15%;
}

img.banner-bottom-grass {width: 100%;}

section.our-banner:before {
    /* content: ""; */
    width: 230px;
    height: 100%;
    position: absolute;
    left: 0;
    background-image: url('../images/banner-before.png');
    top: 0;
    background-repeat: no-repeat;
    z-index: 9;
}


section.our-banner h1 img {
    position: absolute;
    right: 100%;
    top: 52%;
    z-index: -1;
}

section.our-banner h5 strong {
    color: #000;
    font-weight: 600;
    background-image: url('../images/banner-seventy-yellow.png');
    background-position: center;
    padding: 3px 18px;
    line-height: 1.8;
    display: inline-block;
    background-repeat: no-repeat;
    font-size: 28px;
    width: 180px;
}
section.our-banner h5 strong i {
    font-size: 44px;
    font-weight: bold;
    position: relative;
    bottom: 6px;
}
section.services-looking {
    text-align: center;
    background-image: url('../images/bg-mid-services.jpg');
    background-position: right top;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

h2 {position: relative;padding-top: 20px;}

h2:before {
    content: "";
    width: 80px;
    height: 8px;
    position: absolute;
    background-color: #fdb82c;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
    border-radius: 50px;
}

section.services-looking h2 ~ p {
    padding: 0 9em;
}

section.services-looking h2 {
    margin-bottom: 20px;
}
section.services-looking li {
    display: block;
    background-color: #f4aa2a;
    text-align: left;
    padding: 17px 20px;
    border-radius: 10px;
    margin: 12px 30px;
    position: relative;
}
img.typw-img {
    position: absolute;
    top: -160px;
    left: -100px;
    right: 0;
    margin: auto;
    z-index: 9;
}

section.services-looking li strong {
    position: absolute;
    left: 94px;
    font-size: 22px;
    line-height: 1.3;
}

section.services-looking .right li img {display: table;margin-left: auto;}

section.services-looking .right li strong {
    left: unset;
    right: 90px;
    text-align: right;
}

section.services-looking li {
    display: flex;
    /* justify-content: center; */
    align-items: center;
}

section.services-looking li img {display: table;}
.rowtypew {
    padding-top: 70px;
    position: relative;
}
section.services-looking .btn-block {
    margin-top: 80px;
}
.genre-sec{
	 background-image: url('../images/genre-big-bg.jpg');
	 background-size: cover;
	 /* background-position: 100% -40%; */
	 background-attachment: fixed;
}
.center {
    text-align: center;
}

section.genre-sec * {
    color: #fff;
}
section.genre-sec .box h4 , section.genre-sec .box h5 {
    display: inline-block;
    float: left;
    font-family: 'Playfair Display', sans-serif;
    font-size: 30px;
}

section.genre-sec .box h5 {
    float: right;
    text-align: right;
    font-size: 48px;
    color: #fdb82c;
    line-height: 0.5;
    margin-bottom: 20px;
}

section.genre-sec .box {
    padding: 28px 30px 10px;
    margin-top: 10px;
    background-image: url('../images/genre-red-bg.png');
    background-repeat: no-repeat;
    min-height: 200px;
}

section.genre-sec .box p {
    font-size: 16px;
    display: block;
    width: 100%;
    clear: both;
}
section.genre-sec .col-md-6:nth-child(2) .box, section.genre-sec .col-md-6:nth-child(3) .box, section.genre-sec .col-md-6:nth-child(6) .box {
	background-image: url('../images/genre-yellow-bg.png');
}
.cta-offer{
	background-image: url('../images/cta-offer-bg.jpg');
	display: block;
	padding-bottom: 18px;
	background-size: cover;
	/* background-attachment: fixed; */
	/* height: 366px; */
	padding-top: 50px;
}
.cta-offer:after{
    content: "";
    background-image: url('../images/cta-offer-after.png');
    height: 308px;
    width: 372px;
    position: absolute;
    right: 10px;
    bottom: -60px;
    background-repeat: no-repeat;
    background-size: 80%;
}
.exceptional-sec{
	background-image: url('../images/except-bg-white.jpg');
	background-position: right;
	background-repeat: no-repeat;
	padding-bottom: 0;
	overflow: hidden;
}
h2.left:before {
    right: unset;
}

section.ensure-sec h6 {
    color: #ee3243;
    font-size: 29px;
    font-weight: 500;
    font-style: italic;
    font-family: 'Playfair Display';
    margin-bottom: 25px;
}

.autowidth {
    max-width: unset;
}
.autowidth.left{ float:left;}
section.ensure-sec h2 {
    margin-top: 120px;
}


img.cta-christmas-tree {
    position: absolute;
    right: 90%;
    bottom: -25px;
}

img.cta-christmas-book {
    position: absolute;
    left: 98%;
    bottom: 0;
}

section.cta-offer .container {
    position: relative;
}

section.cta-offer h2 img {
    position: absolute;
    left: -240px;
    bottom: -52px;
    max-width: 28%;
}

section.cta-offer h2 {
    position: relative;
    display: table;
    margin: 0 auto;
    font-size: 50px;
    color: #fff;
    text-shadow: 2px 2px 4px #00000059;
    letter-spacing: 1px;
    margin-top: 0;
    padding: 0;
}

section.cta-offer h4 {
    color: #fff;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 20px;
    font-family: 'Playfair Display';
    font-size: 36px;
    text-shadow: 2px 2px 4px #00000059;
    margin-top: 0;
}

.cta-offer .btn-block {
    text-align: center;
    padding-bottom: 40px;
}

section.cta-offer h2:before {
    display: none;
}

section.cta-offer a.btn.btn-dark {
    background-color: #f1cd5d;
    color: #000;
    font-weight: 600;
}

section.cta-offer a.btn.btn-dark::after {
    background-color: #000;
}

section.cta-offer a.btn.btn-light {
    background-color: #0c112e;
    color: #fff;
    font-weight: 500 !important;
}

section.cta-offer a.btn.btn-light:after {
    background-color: #fff !important;
}
img.autowidth.right {
    float: right;
}

section.exceptional-sec .except-thumb {
    background-color: #ef5848;
    width: 80px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    position: absolute;
    left: 40px;
}

section.exceptional-sec li {
    padding-left: 150px;
    position: relative;
    margin: 30px 0;
}

section.exceptional-sec ul:before {
    width: 2px;
    height: 100%;
    position: absolute;
    background-color: #868686;
    left: 0;
    top: 0;
    content: "";
}

section.exceptional-sec ul {
    position: relative;
    margin: 40px 0;
}



section.exceptional-sec li:before {
    content: "";
    width: 20px;
    height: 2px;
    background-color: #868686;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

section.exceptional-sec img.autowidth {
    margin-right: 30px;
    /* min-width: 900px; */
}

section.exceptional-sec li h5 {
    font-family: 'Playfair Display';
    font-size: 24px;
    font-weight: 600;
    color: #ee3243;
}


section.exceptional-sec li:nth-child(2) .except-thumb {
    background-color: #204a4a;
}

section.exceptional-sec li:nth-child(3) .except-thumb {
    background-color: #a86d02;
}

section.exceptional-sec li:nth-child(4) .except-thumb {
    background-color: #262363;
}


section.why-sec{
	background-image: url('../images/why-bg-dark.jpg');
	background-size: cover;
	background-position: center;
	text-align: center;
}
section.why-sec * {
    color: #fff;
}

section.why-sec .box {
    border: 2px solid #ffb22c;
    border-radius: 10px;
    padding: 20px 50px;
    padding-left: 130px;
    margin: 10px 5px;
    position: relative;
    min-height: 190px;
}

section.why-sec .box h3 {
    color: #fdb82c;
    font-family: 'Playfair Display';
}

section.why-sec .box p {
    margin-bottom: 0;
}
section.why-sec .box himg {
    position: absolute;
    left: 0;
}

section.logos {
    text-align: center;
    padding: 30px 0;
}

section.why-sec .box {text-align: left;}

section.why-sec .btn-block {
    margin-top: 30px;
}
section.why-sec .box img {
    position: absolute;
    left: 35px;
    top: 26px;
}

section.cta-stare {
    background-image: url('../images/cta-task-bg.png');
    background-position: center;
    background-repeat: no-repeat;
    width: 1400px;
    display: table;
    margin: 0 auto;
    background-position: left bottom;
    text-align: center;
    position: relative;
    z-index: 9;
        overflow: hidden;
}
.cta-stare:before{
	content: "";
	background-image: url('../images/banner-seal.png');
	width: 217px;
	height: 144px;
	position: absolute;
	left: 170px;
	bottom: 120px;
}
.cta-stare:after{
	content: "";
	background-image: url('../images/cta-task-after.png');
	height: 330px;
	width: 440px;
	position: absolute;
	right: 10px;
	bottom: 0;
	background-repeat: no-repeat;
	background-size: 100%;
}
section.cta-stare h2 {
    color: #fff;
    font-size: 55px;
    margin-bottom: 10px;
}

section.cta-stare h2:before {
    display: none;
}

section.cta-stare h4 {
    color: #fff;
    font-size: 36px;
    font-family: 'Playfair Display';
    margin-bottom: 30px;
}
section.testimonial-sec {
    background-color: #f9eedc;
    margin-top: -80px;
    padding-top: 170px;
    background-image: url('../images/red-dotts.png');
    background-repeat: no-repeat;
    background-position: 40% 28%;
    padding-bottom: 40px;
    overflow: hidden;
}

section.testimonial-sec h2 , section.testimonial-sec h2 ~ p {
    text-align: center;
}

.owl-testimonial .box {
    background-color: #fff;
    padding: 30px;
}

.info-testim {
    position: relative;
    padding-left: 85px;
}

.testim-circle {
    position: absolute;
    width: 70px;
    height: 70px;
    background-color: #dddddd;
    border-radius: 50px;
    left: 0;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ee3243;
    font-family: 'Playfair Display';
    font-size: 36px;
    font-weight: bold;
}

.info-testim h4 {
    padding-top: 10px;
    display: block;
    margin-bottom: 0;
}

.info-testim h6 {
    font-weight: 400;
}

.owl-testimonial .active span {
    background-color: #000 !important;
}

.owl-testimonial:after {
    content: "";
    width: 200px;
    height: 390px;
    position: absolute;
    left: 97%;
    top: 20px;
    background-image: url('../images/praises-after.png');
    background-repeat: no-repeat;
    z-index: -1;
}
section.cta-success {
    background-image: url('../images/success-cta.jpg');
    background-size: cover;
}
section.cta-success .container {
    position: relative;
}

img.cta-success-before {
    position: absolute;
    right: 81%;
    max-width: 27%;
}

section.cta-success {
    text-align: center;
    padding: 40px 0;
}

section.cta-success h2 {
    color: #fff;
    font-size: 54px;
    position: relative;
    display: table;
    margin: 0 auto 20px;
}

section.cta-success h2:before {
    display: none;
}

section.cta-success a.btn.btn-dark {
    background-color: #ffb22c;
    color: #000;
    font-weight: 600;
}

section.cta-success a.btn.btn-dark:after {
    background-color: #000;
}

section.cta-success a.btn.btn-light {
    background-color: #ee3243;
    color: #fff;
}

section.cta-success a.contact-no {
    color: #fff;
    font-size: 20px;
}

section.cta-success a.contact-no img {
    margin-right: 10px;
}

section.cta-success a.contact-no strong {
      font-size: 32px;
    font-weight: 600;
    position: relative;
    color: #fff !important;

}

section.cta-success a.contact-no:after {
    display: none;
}

section.cta-success a.contact-no strong:after {
    content: "";
    width: 100%;
    height: 8px;
    background-color: #c23033;
    position: absolute;
    bottom: 3px;
    left: 0;
    z-index: -1;
}
section.cta-success h2 img {
    position: absolute;
    left: 100%;
    bottom: -80px;
}
section.footer.center-align {
    padding: 30px 0;
    background-color: #0c112e;
    border-top: 2px solid #fff;
}

section.footer.center-align * {
    color: #fff;
    font-size: 15px;
    margin-bottom: 0;
}

section.footer.center-align ul li {display: inline-block;padding-left: 30px;position: relative;}

section.footer.center-align ul {
    display: table;
    margin-left: auto;
    margin-bottom: 0;
}

section.footer.center-align ul li:before {
    content: "";
    width: 2px;
    height: 10px;
    position: absolute;
    background-color: #fff;
    left: 14px;
    top: 7px;
}

section.footer.center-align ul li:first-child:before {
    display: none;
}

section.cta-success h2 img {
    position: absolute;
    left: 105%;
    bottom: -5px;
    max-width: 35%;
}
 

.popupform {
    width: 890px;
    height: max-content;
    padding: 0;
    overflow: visible;
    /* background: #2f2f2f; */
    /* border: 5px solid #d9ad28; */
    padding: 20px 20px;
    border-radius: 16px;
    background-image: url(../images/popup-bg.webp);
    background-position: top;
    background-size: cover;
    position: relative;
    background-color: rgb(38 38 38) !important;
    z-index: 99999999999;
    overflow: visible;
}
.custom-pop .row {
    /* margin: 0; */
}

.popup-content h2 {font-family: 'Poppins';font-size: 26px;padding: 0;color: #f9bd0a;font-weight: 700;margin: 0 0 0px;/* text-transform: uppercase; */line-height: 13px;text-align: start;margin-bottom: 8px;margin-top: 12px;}

.popup-content h2::before {
    display: none;
}

.popup-content p {
    margin: 0 0 0;
    color: #2b1447;
    font-weight: 500;
    font-size: 17px;
    text-transform: uppercase;
    letter-spacing: 5px;
    margin: 0 0 10px;
}

.custom-pop {
    padding: 0;
    overflow: visible;
    border: 5px solid #d9ad28;
    border-radius: 16px;
    }

.popup-content p.form_tagline {
    max-width: 100%;
    font-size: 11px;
    margin: 16px 0;
    position: relative;
    padding-left: 15px;
    background: transparent;
    text-align: left;
    color: #fff;
}

.popup-content p.form_tagline input {
    vertical-align: middle;
    height: auto;
    position: absolute;
    left: 0;
    top: 4px;
}


.popup-content [class*='col-'] {
    padding: 0 7px;
    margin-top: 0;
}

.popup-content [class*='col-'] input {
    color: #313131;
    font-weight: 400;
    font-size: 13px;
    height: 40px;
    margin-bottom: 12px;
    border-radius: 6px;
}

.popup-content [class*='col-'] input::placeholder, .popup-content [class*='col-'] textarea::placeholder {
    color: #313131;
}

.popup-content [class*='col-'] textarea {
    color: #313131;
    font-weight: 400;
    font-size: 13px;
    height: 145px;
    border-radius: 0;
    resize: none;
}

.popup-content [class*='col-'] input.btn {
    background: #ff7f23;
    color: #fff;
    margin: auto;
    padding: 0 30px;
    /* color: #000; */
    letter-spacing: 1px;
    font-weight: 600;
    border-radius: 4px;
}

.pop-txt {
    left: -34px;
    /* padding: 0; */
}

.popup-content [class*='col-'] input:focus {
    box-shadow: none;
    outline: none;
}

.popupform button.fancybox-button {
    background: #f9bd0a;
    height: 30px;
    width: 30px;
    padding: 0;
    border-radius: 50%;
    opacity: 1;
    top: -16px;
    right: -20px;
}

.popupform button.fancybox-button svg path {
    fill: #fff;
}

.popupform button.fancybox-button svg {
    height: 26px;
}
.popup-bann {overflow: hidden;margin-left: -5px;}

.popup-bann img {max-width: 90%;}
.popup-content {width: 100%;text-align: center;padding: 17px 20px;}
.custom-pop .form-control {
    height: 45px;
    color: #000;
    font-size: 14px;
    margin: 0 0 12px;
}

.custom-pop textarea.form-control {
    resize: none;
    height: 100px;
    border-radius: 6px;
}
.popup-content h4 {
    background: #522a83;
    font-size: 24px;
    color: #fff;
    text-transform: uppercase;
    padding: 9px 0;
    font-weight: 600;
    margin: 0 0 20px;
}
.popup-content h3 {font-size: 17px;color: #ffffff;text-transform: none;border-radius: 6px;padding: 4px 0;margin: 0 0 17px;text-align: start;}

.popup-content h3 span {
    background: #e6be60;
    color: #000;
}

.popup-content h3:after {
    /* content: ''; */
    background: #f3991f;
    position: absolute;
    height: 100px;
}
.popupform:before{
 
}
.popupform:after{
 
} 
@media only screen and (max-width: 980px) and (min-width: 320px) {
.popupform {
    /* background: #367c5d; */
    height: auto;
    width: 100%;
    padding: 0;
}
.popupform:before {    display: none;}
.popup-content {width: 100%;margin: 0;padding: 20px;}
.custom-pop .offset-5 {    margin-left: 0;}
.popupform button.fancybox-button {    top: -10px;    right: -10px;}
}

/*---------POpup end*/

 

.popup-content input[type="submit"] {
    background-color: #a61d7f;
    border: 0;
    color: #fff;
    padding: 10px 50px;
    border-radius: 50px;
    font-size: 20px;
    border: 0;
}




.b-friday {
    width: 917px !important;
    height: 616px !important;
    padding: 80px 30px !important;
    background: url(../images/new-year-popop.png) no-repeat right !important;
    border: none !important;
    border-radius: 0 !important;
}

.b-friday .custom-popop {
width: 45%;
    float: left;
    background: #00996d;
    padding: 25px 20px;
}
.b-friday .custom-popop:before {
    content: "";
    background: url(../images/new-year-thumb.png) no-repeat;
    height: 94px;
    width: 177px;
    position: absolute;
    top: 0px;
    left: 110px;
}

.b-friday .custom-popop h3 {
    color: white;
    text-transform: uppercase;
    font-size: 21px;
    margin: 0;
    text-align: center;
}

.b-friday .custom-popop h3 img.hey {}

.b-friday .custom-popop img.week {
    position: absolute;
    right: -60px;
    top: 52px;
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

.b-friday .custom-popop h4 {    color: #3ff1be;
    font-size: 23px;
    font-weight: 300;
    text-align: center;
    margin-bottom: 0;
}

.b-friday h4 strong {
    font-weight: bold;
    color: #ffb82c;
}

.b-friday .custom-popop form {
    margin-top: 30px;
}

.b-friday .form-control {
    font-size: 14px;
    margin: 0 0 10px;
}

.b-friday textarea.form-control {
    resize: none;
    height: 100px;
}

.b-friday input[type="submit"] {
    width: 100%;
    background: red !important;
    color: #fff !important;
    padding: 6px 0;
    border-radius: 50px;
    font-size: 18px;
    font-weight: 600;
}
@media only screen and (max-width: 900px) and (min-width: 320px) {
    body .b-friday {
    width: 95% !important;
    height: auto !important;
    padding: 30px 10px !important;
    border: none !important;
    background-image: url(../images/cyber-popup-bg-responsive.jpg) !important;
}

.b-friday .custom-popop {
    width: 100%;
    padding-right: 0;
}

.b-friday .custom-popop img.week {
    max-width: 40%;
    top: 60px;
    right: 0px;
}

.b-friday .custom-popop h3 {
    font-size: 23px;
	text-align: center;
}

.b-friday .custom-popop h4 {
   font-size: 27px;
}
}



.b-friday {
    width: 917px !important;
    height: 616px !important;
    padding: 80px 30px !important;
    background: url(../images/new-year-popop.png) no-repeat right !important;
    border: none !important;
    border-radius: 0 !important;
}

.b-friday .custom-popop {
    width: 45%;
    float: left;
    background: #00996d;
    padding: 25px 20px;
}

.b-friday .custom-popop h3 {
    color: white;
    text-transform: uppercase;
    font-size: 21px;
    margin: 0;
    text-align: center;
}

.b-friday .custom-popop h3 img.hey {}

.b-friday .custom-popop img.week {
    position: absolute;
    right: -60px;
    top: 52px;
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

.b-friday .custom-popop h4 {color: #3ff1be;font-size: 23px;font-weight: 300;text-align: center;margin-bottom: 0;}

.b-friday h4 strong {
    font-weight: bold;
    color: #ffb82c;
}

.b-friday .custom-popop form {
    margin-top: 30px;
}

.b-friday .form-control {
    font-size: 14px;
    margin: 0 0 10px;
}

.b-friday textarea.form-control {
    resize: none;
    height: 100px;
}

.b-friday input[type="submit"] {
    width: 100%;
    background: red !important;
    color: #fff !important;
    padding: 6px 0;
    border-radius: 50px;
    font-size: 18px;
    font-weight: 600;
}
.popup-content h2 span {
    color: #ffffff;
}
.custom-pop .btn-blue {
    background: #f9bd0a;
    border-color: #f9bd0a;
    width: 100%;
    border-radius: 40px;
}
@media only screen and (max-width: 900px) and (min-width: 320px) {
    .b-friday .custom-popop:before{display: none}
    body .b-friday {
    width: 95% !important;
    height: auto !important;
    padding: 30px 10px !important;
    border: none !important;
    background-image: url(../images/cyber-popup-bg-responsive.jpg) !important;
}

.b-friday .custom-popop {
    width: 100%;
    padding-right: 0;
}

.b-friday .custom-popop img.week {
    max-width: 40%;
    top: 60px;
    right: 0px;
}

.b-friday .custom-popop h3 {
    font-size: 23px;
	text-align: center;
}

.b-friday .custom-popop h4 {
   font-size: 27px;
}
}

header ul li small {
    display: block;
}

header ul li:last-child img {
    position: absolute;
    left: 64px;
}

header ul li:last-child {
    position: relative;
    padding-left: 120px;
}









.pricing-sec {
    position: relative;
    padding: 60px 0;
}
.mainTitle {
    display: inline-block;
    width: 100%;
    margin: 0 0 20px 0;
}
.mainTitle h2 {
    font-family: "Oswald", sans-serif;
    font-size: calc(22px +(50 - 22)*(100vw - 320px) /(1920 - 320));
    font-weight: 700;
    color: #202020;
    margin-bottom: 0;
    text-transform: uppercase;
}
.mainTitle h2 span {
    color: #ffaa17;
}
.price-box .border {
    border: #ebebeb solid 2px;
    padding: 20px 0 0;
    border-radius: 16px;
}
.price-box {
    background-color: #fff;
    margin-bottom: 40px;
    position: relative;
    overflow: hidden;
    border-radius: 16px;
}
.price-box .titlePoint {
    position: absolute;
    left: 0;
    width: 100%;
    top: 80px;
    pointer-events: none;
}
.price-box .titlePoint .leftGoal {
    position: absolute;
    left: -25px;
    margin: auto;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0px 0px 0px 2px #0000001d;
    z-index: 7;
}
.price-box .titlePoint .rightGoal {
    position: absolute;
    right: -25px;
    margin: auto;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0px 0px 0px 2px #0000001d;
    z-index: 7;
}
.price-box-header {
    display: inline-block;
    font-weight: 600;
    color: #27292f;
    position: relative;
    margin-bottom: 2px;
    padding-left: 0;
    width: 100%;
    text-align: center;
    font-family: "Oswald", sans-serif;
}
.price-box-header h4 {
    color: #4d4d4d;
    font-size: calc(18px +(25 - 18)*(100vw - 320px) /(1920 - 320));
    font-weight: 600;
    margin: 0 0 10px 0;
}
.price-box-header h4 {
    color: #4d4d4d;
    font-size: calc(18px +(25 - 18)*(100vw - 320px) /(1920 - 320));
    font-weight: 600;
    margin: 0 0 10px 0;
}
.price-inner {
    padding: 10px 20px;
}
.price-list {
    /* height: 420px; */
    padding: 0;
    overflow-y: auto;
    scroll-behavior: smooth;
}

.price-list li {
    font-size: 16px;
    font-weight: 400;
    color: #4c4d51;
    margin-bottom: 20px;
    position: relative;
    padding-left: 25px;
}
img.list-icon {
    flex: 1 0 16px;
    max-width: 16px;
    margin-top: 5px;
}
.price-box-bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    padding-top: 1px;
}
.price-box .yellow-btn {
    margin: 0 0;
    font-size: calc(16px +(20 - 16)*(100vw - 320px) /(1920 - 320));
    padding: 10px 45px;
    border-radius: 12px;
    font-weight: 600;
    color: #000;
    font-family: "Oswald", sans-serif;
    background: rgb(254, 203, 116);
    background: linear-gradient(356deg, rgba(254, 203, 116, 1) 0%, rgba(242, 157, 12, 1) 72%);
}
.price-box:hover {
    background-color: #faa613;
}
.price-box:hover .price-box-header h4 {
    color: #000;
}
.price-box:hover .price-box-header h4 {
    color: #000;
}
.price-box:hover .price-list li {
    color: #000;
}
.price-box:hover li .list-icon {
    filter: brightness(0) saturate(100%) invert(0%) sepia(3%) saturate(9%) hue-rotate(89deg) brightness(106%) contrast(100%);
}

.price-box:hover .yellow-btn {
    color: #fff !important;
    background: rgb(32, 32, 32);
    background: linear-gradient(356deg, rgba(32, 32, 32, 1) 0%, rgba(0, 0, 0, 1) 72%);
}
.price-box.popular {
    background-color: #faa613;
    position: relative;
}
.price-box-header h4 {
    color: #4d4d4d;
    font-size: calc(18px +(25 - 18)*(100vw - 320px) /(1920 - 320));
    font-weight: 600;
    margin: 0 0 10px 0;
}
.price-box-header h4 {
    color: #4d4d4d;
    font-size: calc(18px +(25 - 18)*(100vw - 320px) /(1920 - 320));
    font-weight: 600;
    margin: 0 0 5px 0;
}
.price-box-header h4 a {
    color: #000;
    text-decoration: none;
}
.popular .price-list li {
    color: #fff;
}
.price-box.popular li .list-icon {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(73deg) brightness(103%) contrast(103%);
}
.price-box.popular .yellow-btn {
    color: #fff !important;
    background: rgb(32, 32, 32);
    background: linear-gradient(356deg, rgba(32, 32, 32, 1) 0%, rgba(0, 0, 0, 1) 72%);
}
.price-list li {
    font-size: 16px;
    font-weight: 400;
    color: #4c4d51;
    margin-bottom: 20px;
    position: relative;
    padding-left: 0;
    display: flex
;
    align-items: start;
    gap: 8px;
}
span.h1 {
    color: white;
    font-weight: 700;
    text-align: center;
    font-size: 47px;
}
.heading-one {
    transform: translateX(-30px);
}
.heading-two {
    line-height: 50px;
    transform: translateX(30px);
    color: #fc9700;
}
.heading-three {
    line-height: 60px;
    transform: translateX(60px);
    color: white;
}
img.popleft {
    position: absolute;
    left: 0;
    bottom: -31px;
}
.popup-content form p {
    text-align: center;
    color: white;
    letter-spacing: 1px;
    font-size: 15px;
    margin: 10px 0px 0px;
}

.price-list ul li p {
    margin-bottom: 0px!important;
}

.price-list li p {
    margin-bottom: 0px;
    font-size: 16px;
}

.price-list li {
    margin-bottom: 10px;
}

.collapsed-list .more-content {
  display: none;
}

/* Optional smooth transition */
.more-content {
  transition: all 0.3s ease;
}

.toggle-btn {
  color: black;
  text-decoration: underline;
  cursor: pointer;
  font-weight: 600;
  text-decoration: none;
  font-size: 21px;
}
.toggle-btn:hover {
    color: black;
    text-decoration: none;
}