/* @import url('https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,700,900|Open+Sans:300,400,600,700'); */


#jqcheck { background: #fff9d7; text-align: center; color: #333; padding: 10px 0px; font-size: 13px; font-weight: bold; position: fixed; z-index: 9991; width: 100%;font-family: 'Merriweather', serif; }
* { margin: 0px; padding: 0px; }

/* text selection color */
::-moz-selection { background: var(--primary-color);  color: var(--theme-white); text-shadow: none;}
::selection { background: var(--primary-color); color: var(--theme-white); text-shadow: none; }

/* browser scroller style */
::-webkit-scrollbar { width:10px; height:10px; }
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment { display:none; }
::-webkit-scrollbar-track-piece { background-color:#ecedf1; -webkit-border-radius:0px; border-left:1px solid #888; }
::-webkit-scrollbar-thumb:vertical { -webkit-border-radius:0px; background:var(--primary-color); }


@media screen and (-webkit-min-device-pixel-ratio:0) { select { -webkit-appearance: none !important; line-height:28px !important; } }

body {font-family: 'Merriweather', serif;color: var(--default-color);font-size:var(--base-font-size);position: relative;}
html { scroll-behavior: smooth;}
/* font family */

/* font colors */
li{font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";}
.fc-primary { color: var(--primary-color); }
.fc-secondary { color: var(--secondary-color); }
.fc-dark { color: var(--theme-dark); }
.fc-lite { color: var(--theme-lite); }

/* buttons */
.primary-btn,.secondary-btn { font-size: 13px; font-weight: 400; text-transform: capitalize; padding: 8px 15px;  position:relative; display:table; border-radius: 3px; }
.primary-btn:after, .secondary-btn:after { content: "\e957"; font-family: 'icomoon' !important;
font-size: 13px;  color: white; padding-left: 10px; display: table-cell; vertical-align: middle;  }
.primary-btn { background:var(--primary-color); color: white; }
.primary-btn:hover {background:var(--primary-color-dark); color: white; }
.secondary-btn { background:var(--secondary-color); color: white;  }
.secondary-btn:hover {background:var(--secondary-color-dark); color: white; }

.banner-btn{text-transform: capitalize; display: inline-block; transform: translateY(0rem); -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; color: #fff !important; background-color: transparent;padding: 20px 40px; font-size: 18px; font-weight: 600; border-radius: 5px;border: 1px solid #fff !important;}


.secpad-100{padding: 100px 0;}

.sm-btn { font-size: 14px; }
.md-btn { font-size: 16px; }
.lg-btn { font-size: 18px; }
.xl-btn { font-size: 20px; }

/* headings */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p { margin: 0; padding: 0; }
h1, .h1, h2, .h2 {font-family: "Outfit", sans-serif; }
h3, .h3, h4, .h4, h5, .h5, h6, .h6{    font-family: "Outfit", sans-serif; padding-bottom: 10px;
color: var(--theme-dark); }
span{font-family: pple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";}
h2, .h2 { font-size: 6.7vmin; }
h3, .h3 { font-size: var(--font-size-h3); font-weight: 600; }
h4, .h4 { font-size: var(--font-size-h4); }
h5, .h5 { font-size: var(--font-size-h5); }
h6, .h6 { font-size: var(--font-size-h6); }
p { /*font-size: var(--base-font-size);*/ }

p {font-weight: 400;line-height: 1.4;padding: 0 0 20px;margin:0px;color: #687087;font-family: Outfit;}

/*** theme sections padding ***/
.sec-padding-100 { padding:100px 0;} .sec-padding-90 { padding:90px 0;}
.sec-padding-80 { padding:80px 0;} .sec-padding-70 { padding:70px 0;}
.sec-padding-60 { padding:60px 0;} .sec-padding-xlarge { padding:50px 0; }
.sec-padding-large { padding:40px 0; } .sec-padding-medium { padding:30px 0; }
.sec-padding-small { padding:25px 0; } .sec-padding-xsmall { padding:10px 0; }

/*** theme sections margin ***/
.sec-margin-100 { margin:100px 0;} .sec-margin-90 { margin:90px 0;}
.sec-margin-80 { margin:80px 0;} .sec-margin-70 { margin:70px 0;}
.sec-margin-60 { margin:60px 0;} .sec-margin-xlarge { margin:50px 0; }
.sec-margin-large { margin:40px 0; } .sec-margin-medium { margin:30px 0; }
.sec-margin-small { margin:25px 0; } .sec-margin-xsmall { margin:10px 0; }

/*** no padding, no marging ***/
.p-0 { padding:0; }
.pt-0 { padding-top:0px; } .pb-0 { padding-bottom:0px; }
.pl-0 { padding-left:0px; } .pr-0 { padding-right:0px; }
.m-0 { margin:0; }
.mt-0 { margin-top:0px; } .mb-0 { margin-bottom:0px; }
.ml-0 { margin-left:0px; } .mr-0 { margin-right:0px; }




.tt-uppercase{text-transform: uppercase;}
.tt-capitalize{text-transform: capitalize;}




p strong { color: black; font-family: pple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";}
p span { color: black; }
a:hover { text-decoration: none; }
a:focus { outline: none; text-decoration: none; }
img { border: 0px; outline: none; }
/*img { max-width: 100%;  }*/
ul,li { list-style-type: none; }
.relative { position:relative; }
.absolute { position:absolute; }

h2,.h2 {
 color: #171717;
 line-height: 1.2;
 font-weight: 700;
 padding: 0 0 15px 0;
 position: relative;
 }
h2 span,.h2 span { color:var(--primary-color);}
input{    font-family: pple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";}
a { text-decoration: none;     font-family: pple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";}
.list-simple { list-style: none; margin: 0 0 15px 0; width:100%; display:inline-block; }
.list-simple li {color: var(--default-color);padding: 0 0 10px 16px;line-height: 20px;font-size: 14px;font-weight: 400;position:relative;}
.list-simple li:before {position: absolute; left: 0px;top: 0px;
font-size: 13px; color:var(--secondary-color); content: "\e93a"; font-family: 'icomoon' !important; }

/*** morefull block link ***/
.moreFull { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; text-indent: -9999px; }

/*** transition ***/
.transition {-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; }

/*** scale with transition ***/
.scale-with-transition { -webkit-transition: all 200ms ease-in; -ms-transition: all 200ms ease-in;
-moz-transition: all 200ms ease-in; transition: all 200ms ease-in; -webkit-transform: scale(1.05);
-ms-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05); }

/* header 
------------------------------------*/
header{padding: 15px 0;position: absolute;width: 100%;background: #fff;z-index: 999;box-shadow: -1px -2px 15px -3px rgb(0 0 0 / 41%);}
header .logowrp{}
header .logowrp img{width: 200px; }
header .navwrp{display: block;text-align: right;}
header .navwrp ul{margin: 0; }
header .navwrp ul li{display: inline-block;margin: 0 4px 0;}
header .navwrp ul li a{font-size: 15px;color: #000000d9;font-weight: 500;padding: 0 0 25px;}
header .navwrp ul li a.url-bdr{    margin: 13px 0 0;    height: 40px;    border: 1px solid rgb(0 0 0/10%);    padding: 10px;    border-radius: 4px;}
header .btnwrp{display: block; text-align: right; }
header .btnwrp ul{margin: 0; }
header .btnwrp ul li{display: inline-block; margin: 0 0px 0 4px; }
header .btnwrp ul li a{font-size: 15px; color: #000000d9; font-weight: 500; }
header .btnwrp ul li a.btn-1{background: #fd9900;color: #fff;padding: 16px 20px;border-radius: 5px;font-weight: 600;padding: 0 20px 0px;font-size: 16px;}
header .btnwrp ul li a.nmbr-werp{/* background-image: linear-gradient(43deg, #e98f00 0%, #f0c67b 99%) !important; *//* -webkit-background-clip: text; *//* -webkit-text-fill-color: transparent; */font-weight: 700;color: #fd9900;}

.head-btm{padding: 96px 0 1px;display: block;text-align: center;background: #fd9900;position: relative;z-index: 1;}
.head-btm .txtwrp{}
.head-btm .txtwrp p{color: #fff;font-size: 16px;font-weight: 600;}

.alt-black{color: #3b3b3b !important;}
.banrwrp{background-repeat: no-repeat;background-size: cover;padding: 100px 0 130px;position: relative;}
/*.banrwrp{background-image: url(../images/book-writing-banner.jpg);background-repeat: no-repeat;background-size: cover;padding: 100px 0 130px;background-position: -870px -30px;    position: relative;}*/
.banrwrp .fade-img{top:0 !important;}
.banrwrp .txtwrp{}
.banrwrp .txtwrp h4{font-weight: 400;font-size: 20px;/* -webkit-background-clip: text; *//* -webkit-text-fill-color: transparent; *//* background-image: linear-gradient(43deg, #e98f00 0%, #f0c67b 99%) !important; */color: #fd9900;}
.banrwrp .txtwrp h1{color: #000000;padding: 0 0 30px;font-size: 48px;font-weight: 400;line-height: 50px;}
.banrwrp .txtwrp p{color: #3b3b3b;font-size: 18px;line-height: 25px;}
.banrwrp .txtwrp ul{margin: 10px 0 0; }
.banrwrp .txtwrp ul li{display: inline-block; color: #fff; font-size: 16px; width: 49%; padding: 0 0 9px 24px; position: relative; }

.banrwrp .txtwrp ul li:after{content: "\f00c";font-family: FontAwesome;position: absolute;left: 0;color: #fd9900;top: 0;}
.banrwrp .imgwrp{}
.banrwrp .imgwrp ul{margin: 15px 0 0; }
.banrwrp .imgwrp ul li{display: inline-block; margin: 0 30px 0 0; }
.banrwrp .imgwrp ul li img{width: 130px; }
.banrwrp .btnwrp{display: block;padding: 20px 0 0;}
.banrwrp .btnwrp img{    margin: 0 0 0 10px;}
.banrwrp .fade-img{top: 75px;}
.btn-1{color: #fff;background: #fd9900;border-color: #fd9900;color: #fff;width: auto;display: inline-flex;align-items: center;justify-content: center;position: relative;line-height: 1.25;padding: calc(0.875rem - 1px) calc(1.5rem - 1px);min-height: 3rem;font-weight: 600;/* background-color: transparent; */border: 1px solid transparent;border-radius: .25rem;box-shadow: 0 1px 3px 0 rgb(0 0 0 / 2%);transition: all 250ms ease;text-decoration: none;font-size: 17px;}
.btn-2{color: #000;background-color: #fff;border-color: rgba(0,0,0,.1);width: auto;display: inline-flex;align-items: center;justify-content: center;position: relative;line-height: 1.25;padding: 13px 25px;font-weight: 600;border: 1px solid transparent;border-radius: .25rem;box-shadow: 0 1px 3px 0 rgb(0 0 0 / 2%);transition: all 250ms ease;text-decoration: none;margin: 0 0 0 12px;border: 1px solid #dee2e6!important;font-size: 17px;}
.btn-2:hover {transform: translateY(-.625rem); -webkit-transition: .4s; -moz-transition: .4s; -o-transition: .4s; transition: .4s; color: #000; }
.btn-1:hover {transform: translateY(-.625rem); -webkit-transition: .4s; -moz-transition: .4s; -o-transition: .4s; transition: .4s; color: #fff; }


.secondwrp{margin-top: 2.5rem;padding: 0 0 50px;}
.secondwrp .mainwrp{width: 50%;margin: 0 auto;background: #fff;padding: 0px 40px 0px 0;border-radius: 10px;border: 1px solid #dbd5d55c;box-shadow: 0 6px 24px 0 rgb(0 0 0 / 5%), 0 0 0 1px rgb(0 0 0 / 8%);}
.secondwrp .mainwrp video{display: none;}
.secondwrp .mainwrp:hover img{display: none;}
.secondwrp .mainwrp:hover video{display: block;}
.secondwrp .mainwrp .imgwrp{}
.secondwrp .mainwrp .imgwrp video{width: 93%;margin: -1px 0 0 14px;border-radius: 8px;}
.secondwrp .mainwrp .imgwrp img{width: 93%; border-radius: 6px; margin: -1px 0 0 14px; }
.secondwrp .mainwrp .txtdiv{}
.secondwrp .mainwrp .txtdiv p{font-size: 18px; padding: 0 0px 0 20px; font-weight: 600; color: #000; }
.faq-img {
    margin-bottom: 40px;
}

.home-fromwrp .formwrp{display:none;padding: 20px 0 15px;border: 1px solid #0024FF;background: #F6F6F6;border-color: rgba(0, 0, 0, 0.1);margin: 0 0 50px;border-radius: 5px;}
.home-fromwrp .formwrp form{display: block; text-align: center; }
.home-fromwrp .formwrp form .lable{display: inline-block;width: 24%;margin: 0 -3px;vertical-align: top;}
.home-fromwrp .formwrp form .lable input{width: 100%;margin: 0 0 0 0;border: 1px solid #e5e5e5;background: white;padding: 13px 15px;color: gray;font-size: 13px;height: 55px;font-weight: 400;outline: none !important;margin-bottom: 10px;}
.home-fromwrp .formwrp form .lable input.fxtwrp{border-radius: 7px 0 0px 7px;}
.home-fromwrp .formwrp form .lable input.btn{background: #FFCC00;color: #fff;background: linear-gradient( 
43deg, #DA8740 0%, #F7DF96 99%) !important;font-weight: 500;font-size: 18px;margin: 0px 0 0 1px;border-radius: 0px 7px 7px 0px;}



.upr-head{background-image: linear-gradient(43deg, #e98f00 0%, #f0c67b 99%) !important;-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-weight: 600;font-size: 18px;}
.main-heading{font-size: 32px;font-weight: 400; line-height: 40px;}
.main-pera{font-size: 16px;color: #20242e;font-weight: 400;line-height: 25px;will-change: transform;font-family: Outfit;}
.secndwrpr{padding: 70px 0;background-repeat: no-repeat;}
.secndwrpr .txtwrp{}
.secndwrpr .imgwrp{position: relative; }
.secndwrpr .videowrp{}
.secndwrpr .btm-sec{}
.secndwrpr .btm-sec .mainwrp{margin: 60px 0 0; padding: 0 20px 0 0; }
.secndwrpr .btm-sec .mainwrp img{width: 60px;    margin: 0 0 20px;}
.secndwrpr .btm-sec .mainwrp h5{color: #fff;font-size: 18px;font-weight: 400;}
.secndwrpr .videowrp video{    border-radius: 5px;}
.secndwrpr .imgwrp img{width: 120%;position: absolute;}
.secndwrpr .btnwrp{display: block;padding: 10px 0 0;}
.secndwrpr .imgmainwrp{position: relative; }
.secndwrpr .imgmainwrp img{position: absolute; top: -110px; width: 113%; }

.thrdbox{padding: 70px 0 50px;}
.thrdbox .mainwrp{padding: 40px 20px 40px;margin: 0 0 0;border-radius: 0.25rem;box-shadow: 0 0 0 1px rgb(0 0 0 / 5%), 0 7px 25px 0 rgb(0 0 0 / 3%), 0 4px 12px 0 rgb(0 0 0 / 3%);transition-property: box-shadow, transform;transition-duration: 0.4s;transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);}
.thrdbox .mainwrp img{width: 70px; margin: 0 0 10px; }
.thrdbox .mainwrp h4{font-size: 20px;font-weight: 700;}
.thrdbox .mainwrp p{font-size: 15px;color: #000000a6;font-weight: 600;line-height: 24px;}
.thrdbox .txtwrp{display: block; text-align: center; padding: 0 0 60px; }


.love-infowrp{/* background-image: url(../images/bg.png); */padding: 90px 0;position: relative;overflow: hidden;border-radius: inherit;background-size: cover;background-color: #241f21;}
.love-infowrp .txtwrp{}
.love-infowrp h2{/* background-image: linear-gradient(43deg,#DA8740 0%,#F7DF96 99%)!important; *//* -webkit-background-clip: text; *//* -webkit-text-fill-color: transparent; */color: #fd9900;}
.love-infowrp p{}
.love-infowrp .txtwrp ul{margin: 20px 0 20px;}
.love-infowrp .txtwrp p{padding: 0 0 6px;color: #fff;}
.love-infowrp .txtwrp p a{color: #fd9900;}
.love-infowrp .txtwrp ul li{color: #fff;font-weight: 500;font-size: 15px;padding: 0 0 4px 30px;position: relative;}
.love-infowrp .txtwrp ul li:after{content: "\f00c";font-family: FontAwesome;position: absolute;left: 0;color: #fd9900;top: 0;}
.love-infowrp .btnwrp{display: block; padding: 40px 0 0; }
.love-infowrp .imgbox{}
.love-infowrp .imgbox img{position: absolute; right: -40px; width: 58%; top: 70px; }
.love-infowrp .imgbox img.img-1{width: 40%;right: 180px;top: 80px;}

.boxwrap{
  padding: 50px 0px;
}

.boxwrap button {
  cursor: pointer;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  margin: 0 10px 20px;
  position: relative;
  border:none;
  border-radius: 9px;
  min-height: 215px;
  padding: 55px;
  float: left;
  background: #fff;
  width: 90.1%;
  -moz-box-shadow: 3px -8px 43px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 3px -8px 43px 0px rgb(0 0 0 / 16%);
}

.boxwrap button:hover {
  box-shadow: 0px 0px 45px #20CB9817;
  transform: translateY(-0.625rem);
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  background: #ff9f1c;
  background: -moz-linear-gradient(-45deg, #2a3db6 0%, #1169cd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2a3db6', endColorstr='#1169cd', GradientType=1);
}

.boxwrap button i {
  background-image: url(../images/services-icons.png);
  background-repeat: no-repeat;
  width: 75px;
  display: inline-block;
  height: 80px;
  margin: 0 auto 10px;
  /* background-position: top center; */
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.boxwrap button i.two {
  background-position: -70px 10px;
}

.boxwrap button i.one {
  background-position: 6px 10px;
}

.boxwrap button i.three {
  background-position: -149px 10px;
}

.boxwrap button i.four {
  background-position: -237px 10px;
}

.boxwrap button i.five {
  background-position: -320px 10px;
}

.boxwrap button:hover .two{
  background-position: -70px -62px; /* Change the position on hover */
}

.boxwrap button:hover i.one {
  background-position: 6px -62px;
}

.boxwrap button:hover i.three {
  background-position: -149px -62px;
}

.boxwrap button:hover i.four {
  background-position: -237px -62px;
}

.boxwrap button:hover i.five {
  background-position: -320px -62px;
}

.boxwrap button h6 {
  font-size: 18px;
  font-weight: 400;

}

.boxwrap button:hover h6 {
  color: #fff;
}

@keyframes upDown {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px); /* Adjust for desired up-down distance */
  }
}

.animate-up-down {
  animation: upDown 8s ease-in-out infinite; /* Adjust duration and timing function as needed */
}

.publishwrp{padding: 70px 0; }
.publishwrp .txtwrp{display: block;text-align: center;padding: 0 0 30px;}
.publishwrp .txtwrp h4{    font-size: 22px;
    font-weight: 600;}
.publishwrp .mainwrp{background-color: #fff;border-radius: 0.25rem;box-shadow: 0 0 0 1px rgb(0 0 0 / 5%), 0 7px 25px 0 rgb(0 0 0 / 3%), 0 4px 12px 0 rgb(0 0 0 / 3%);transition-property: box-shadow, transform;transition-duration: 0.4s;transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);padding: 20px 20px;margin: 0 0 30px;}
.publishwrp .mainwrp:hover{    transform: translateY(-1px);
    box-shadow: 0 0 0 1px rgb(0 0 0 / 5%), 0 7px 25px 0 rgb(0 0 0 / 3%), 0 4px 30px rgb(0 0 0 / 10%);}
.publishwrp .mainwrp img{width: 60px; margin: 0 0 20px; }
.publishwrp .mainwrp h4{font-size: 20px;font-weight: 600;}
.publishwrp .mainwrp p{font-size: 14px;color: #20242e;font-weight: 400;height: 150px;}
.publishwrp .mainwrp a{width: 100%; display: block; text-align: center; background: unset; border: 1px solid #0000001a; color: #707070; padding: 15px 0; font-weight: 500; font-size: 15px; margin: 0 auto; border-radius: 6px;}
.publishwrp .mainwrp.main-box a{background: #fd9900;color: #fff;}
.fade-img{position: absolute; top: 0; opacity: 0.4; width: 100%; }

.testimonialwrp{padding: 50px 0 55px;background: #241f21;position: relative;}
.testimonialwrp .txtwrp{display: block; text-align: center; padding: 0 0 50px; width: 86%; margin: 0 auto; }
.testimonialwrp .txtwrp h2{/* background-image: linear-gradient(43deg, #e98f00 0%, #f0c67b 99%) !important; *//* -webkit-background-clip: text; *//* -webkit-text-fill-color: transparent; */color: #fd9900;}
.testimonialwrp .tabwrp{}
.testimonialwrp .tabwrp ul{margin: 0; display: block; text-align: center; }
.testimonialwrp .tabwrp ul li{display: inline-block; border-radius: 50%; margin: 0 7px 0; cursor: pointer; }
.testimonialwrp .tabwrp ul li.current{border: 3px solid #f9e9b3;}
.testimonialwrp .tabwrp ul li img{border-radius: 50%; width: 60px; }
.testimonialwrp .testiwrp{width: 70%; margin: 30px auto; text-align: center; }
.testimonialwrp .testiwrp p{font-style: italic;color: #fff;font-size: 22px;line-height: 30px;}
.testimonialwrp .testiwrp span{color: #fff; }
.testimonialwrp .testiwrp h6{padding: 0 0 5px;color: #fff;font-family: pple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size: 16px;}
.testimonialwrp .tabwrp ul li span{border: 1px solid #f9e9b3;border-radius: 50%;background: #fd9900;color: #fff;font-weight: 700;height: 46px;width: 46px;display: inline-block;padding: 12px 0 0 0;} .tabs{display: none;}
.tabs.current{display: block ;}

.secndwrpr{}
.secndwrpr.scnd{    padding: 140px 0 130px;}
.secndwrpr .img-boxwrp{position: relative; }
.secndwrpr .img-boxwrp .box-1{width: 150px;height: 150px;border-radius: 50%;box-sizing: border-box;position: absolute;top: -90px;right: 40px;}
.secndwrpr .img-boxwrp .box-2{width: 370px;height: 370px;border-radius: 50%;box-sizing: border-box; position: absolute;top: -90px;left: -80px}
.secndwrpr .img-boxwrp .box-3{width: 370px;height: 370px;border-radius: 50%;box-sizing: border-box;position: absolute;top: 130px;left: 200px;border: 1px solid #fff;}
.secndwrpr .img-boxwrp img{position: absolute; width: 100%; }
.secndwrpr .img-boxwrp img.img-1{top: -10px;width: 100%;left: 0px;}
.secndwrpr .img-boxwrp img.img-2{transform: rotate(182deg);top: 230px;right: 120px;width: 23%;z-index: 1;}
.secndwrpr .img-boxwrp img.img-3{top: 0px;right: 487px;width: 100px;animation: spin 40s linear infinite;}
.secndwrpr .img-boxwrp .box-1 img{}
.secndwrpr .img-boxwrp .box-2 img{}
.secndwrpr .img-boxwrp .box-3 img{}


@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

@-webkit-keyframes shake {
  10%,
  90% {
    -webkit-transform: translateX(-.0625em);
    transform: translateX(-.0625em)
  }
  20%,
  80% {
    -webkit-transform: translateX(.125em);
    transform: translateX(.125em)
  }
  30%,
  50%,
  70% {
    -webkit-transform: translateX(-.25em);
    transform: translateX(-.25em)
  }
  40%,
  60% {
    -webkit-transform: translateX(.25em);
    transform: translateX(.25em)
  }
}

@keyframes shake {
  10%,
  90% {
    -webkit-transform: translateX(-.0625em);
    transform: translateX(-.0625em)
  }
  20%,
  80% {
    -webkit-transform: translateX(.125em);
    transform: translateX(.125em)
  }
  30%,
  50%,
  70% {
    -webkit-transform: translateX(-.25em);
    transform: translateX(-.25em)
  }
  40%,
  60% {
    -webkit-transform: translateX(.25em);
    transform: translateX(.25em)
  }
}

@-webkit-keyframes fall {
  0% {
    opacity: 0;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }
  70% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }
}





.ctawrp{padding: 110px 0 30px; }
.ctawrp .mainwrp{background-image: url(../images/cta-alt.jpg);background-repeat: no-repeat;background-size: cover!important;/* filter: blur(4px) brightness(0.7); */-webkit-mask-image: -webkit-radial-gradient(white, #000);border-radius: 1.25rem;position: relative;overflow: hidden;padding: 40px 40px;box-shadow: 0 5px 30px rgb(0 0 0 / 20%);border: 3px solid #fd9900;}
.ctawrp .mainwrp .txtwrp{filter: unset; position: relative; z-index: 11111; }
.ctawrp .mainwrp .txtwrp h2{position: relative;z-index: 11;/* background-image: linear-gradient(
43deg, #DA8740 0%, #F7DF96 99%) !important; *//* -webkit-background-clip: text; *//* -webkit-text-fill-color: transparent; */color: #fd9900;}
.ctawrp .mainwrp .txtwrp p{color: #fff; }
.ctawrp .mainwrp .txtwrp a{color: #fc0;font-size: 16px;background-image: linear-gradient(
43deg, #DA8740 0%, #F7DF96 99%) !important;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.frmwrp{background: #00000099;padding: 40px 40px;border-radius: 10px;border: 1px solid #fd9900;width: 70%;float: right;}
.frmwrp .lablwrp{}
.frmwrp .lablwrp input{width: 100%;border: 1px solid #e5e5e5;background: white;padding: 10px 15px;color: gray;font-size: 14px;border-radius: 3px;height: 50px;font-weight: 400;outline: none !important;margin: 0 0 15px 0;}
.frmwrp .lablwrp textarea{width: 100%; border: 1px solid #e5e5e5; background: white; padding: 10px 15px; color: gray; font-size: 14px; border-radius: 3px; height: 50px; font-weight: 400; outline: none !important; margin: 0 0 5px 0; resize: none; }
.frmwrp .lablwrp input.btnwrp{background: #fd9900;border: unset;font-weight: 600;color: #FFF;font-size: 16px;}




footer {padding: 70px 0 60px;border-top: 1px solid #a29898;background: #241f21;}
footer .navwrp {}
footer .navwrp h4 {color: #fd9900;font-size: 18px;font-weight: 600;}
footer .navwrp ul {margin: 15px 0 0;}
footer .navwrp ul li {padding: 0 0 5px;}
footer .navwrp ul li a {color: #ffffff;font-size: 14px;transition: 1s cubic-bezier(0.51, 0.92, 0.27, 0.96) !important;font-weight: 600;}
footer .navwrp ul li a:hover {color: #fd9900;}
footer .navwrp ul li a img {margin: 10px 0 0; }
footer .navwrp ul li a i {color: #0024ff;margin: 0 13px 0 0;font-weight: 600;}
footer .logowrp{}
footer .logowrp p{color: #ffffff;font-size: 14px;font-weight: 500;}
footer .logowrp img{width: 190px;margin: 0 0 30px;}
footer .logowrp ul{}
footer .logowrp ul li{padding: 0; display: inline-block; margin: 0 20px 0 0; }
footer .logowrp ul li i{color: #0024ff;font-size: 23px;}
.ftr-btm {background-color: #241f21;padding: 25px 0;box-shadow: -1px -2px 15px -3px rgb(106 100 100 / 3%);}
.ftr-btm .imgwrp img {width: 150px; }
.ftr-btm p {padding: 0;color: #ffffff;font-size: 14px;padding-top: 4px;}
.ftr-btm a {font-weight: 500;padding: 0;color: #000;font-size: 14px;margin: 0 30px 0 0;}
footer .navwrp ul li a.nmbr-wrp{/* background-image: linear-gradient( 
43deg, #DA8740 0%, #ecbf77 99%) !important; *//* -webkit-background-clip: text; *//* -webkit-text-fill-color: transparent; */font-size: 17px;font-weight: 800;color: #fd9900;}


.clintlogowrp{background: #F6F6F6; padding: 60px 0 0; }
.clintlogowrp .txtwrp{}
.clintlogowrp .txtwrp h4{display: block; text-align: center; background-image: linear-gradient(43deg, #DA8740 0%, #F7DF96 99%) !important; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 600; font-size: 18px; width: 70%; margin: auto; }
.clintlogowrp .txtwrp ul{margin: 30px auto; text-align: center; display: block; }
.clintlogowrp .txtwrp ul li{display: inline-block; width: 16%; padding: 0 0 50px; }
.clintlogowrp .txtwrp ul li img{width: 150px; }
.clintlogowrp .txtwrp .counterwrp{}
.clintlogowrp .txtwrp .counterwrp ul{}
.clintlogowrp .txtwrp .counterwrp ul li{margin: 0 13px 0; }
.clintlogowrp .txtwrp .counterwrp ul li span{font-size: 46px; font-weight: 600; color: #000; }
.clintlogowrp .txtwrp .counterwrp ul li h6{font-size: 13px; font-weight: 600; }

.clr-drk{background: #241f21;}
.clr-drk h2{color: #fff;}
.clr-drk p{color: #fff;}


.accordion, .accordion * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.accordion { overflow: hidden; background: none; margin-top: 30px; }
.quest-title {font-size: 16px; font-weight: 600; text-transform: uppercase; color: #0c2745; padding: 0px 15px 0px 15px; margin-bottom: 0px; position: relative; width: 100%; min-height: 60px; line-height: 30px; display: inline-block; transition: all linear 0.15s; text-decoration: none; border-bottom: 1px solid #dbdbdb;     font-family: "Outfit", sans-serif !important;padding: 10px 22px 10px 0;} 
.quest-title:before {position: absolute;content: "\e91e";width: 20px;height: 20px;    right: 0px;    top: 10px;font-family: 'icomoon' !important;color: #1e1e1e;font-size: 20px;}
.quest-title.active, .quest-title:hover {color: #000;content: "\e91c";}
.quest-title:after { width: 60px; height: 1px; left: -60px; bottom: -1px; background: #dbdbdb; position: absolute; content: ""; }
.quest-title.active:before { content: "\e91c"; }
.quest-title:hover:before { /*content: "\f056";*/ }
.quest-content {padding: 15px 0px;display: none;background: #ffffff;margin-bottom: 0px;float: left;width: 100%;}
.quest-content p {line-height: 22px;font-size: 14px;font-weight: 500;margin: 0px;color: #7b7777;}
.quest-title:hover{color: #dc924b;}
.faqswrp{padding: 60px 0 70px; }
.faqswrp h2{font-size: 26px;}


.service-bnner .txtwrp{}
.service-bnner .txtwrp h2{color: #fff;}
.service-bnner .txtwrp p{color: #fff;font-size: 18px;line-height: 24px;font-weight: 400;}
.service-bnner .txtwrp ul{}
.service-bnner .txtwrp ul li{display: block; width: 100%;}
.service-bnner .frmwrp .txtdiv{}
.service-bnner .frmwrp .txtdiv h4{/* background-image: linear-gradient(43deg, #DA8740 0%, #F7DF96 99%) !important; *//* -webkit-background-clip: text; *//* -webkit-text-fill-color: transparent; */font-size: 22px;padding: 0 0 20px;text-align: center;font-weight: 700;line-height: 32px;color: #fd9900;}
.service-bnner .frmwrp .txtdiv span{    text-align: center;    display: block;    color: #e8e2e2;    font-size: 12px;}
.clint-logo-slide{padding: 50px 0; background: #f9f6f6; }
.clint-logo-slide ul{display: block; text-align: center; margin: 0 auto; }
.clint-logo-slide ul li{}
.clint-logo-slide ul li img{    height: 85px;}


.clients-setis{background-color: #f6f6f6;padding: 70px 0 100px;}
.clients-setis .txtwrp{display: block;text-align: center;padding: 0 0 40px;}
.clients-setis .txtwrp h2{/* background-image: linear-gradient(43deg,#DA8740 0%,#F7DF96 99%)!important; *//* -webkit-background-clip: text; *//* -webkit-text-fill-color: transparent; */color: #000000;}
.clients-setis .txtwrp p{color: #000000;}


.clients-setis{}
.clients-setis .mainwrp{background-color: #fff; border-radius: 0.25rem; box-shadow: 0 0 0 1px rgb(0 0 0 / 5%), 0 7px 25px 0 rgb(0 0 0 / 3%), 0 4px 12px 0 rgb(0 0 0 / 3%); transition-property: box-shadow, transform; transition-duration: 0.4s; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); display: block; position: relative; height: 350px; padding: 3rem; }
.clients-setis .mainwrp img{width: 60px; margin: 0 0 20px; }
.clients-setis .mainwrp h4{font-size: 19px; font-weight: 600; }
.clients-setis .mainwrp p{color: #000; font-size: 15px; }
.clients-setis .mainwrp:hover{transform: translateY(-1px);
    box-shadow: 0 0 0 1px rgb(0 0 0 / 5%), 0 7px 25px 0 rgb(0 0 0 / 3%), 0 4px 30px rgb(0 0 0 / 10%);}
.clients-setis .main-cta-sec{background-image: url(../images/cta-bg.png);padding: 60px 70px 80px;display: block;text-align: center;border-radius: 23px;position: relative;overflow: hidden;background-repeat: no-repeat;background-size: cover;margin: 60px 0 0;}
.clients-setis .main-cta-sec:after{content: "";background-image: url(../images/glass-effect.png);width: 100%;position: absolute;height: 100%;top: 0;background-repeat: no-repeat;background-size: cover;left: 0;z-index: -1;right: 0;margin: 0 auto;}
.clients-setis .main-cta-sec .txtdiv{}
.clients-setis .main-cta-sec .txtdiv h2{color: #fff; } 
.clients-setis .main-cta-sec .txtdiv p{color: #fff; padding: 0 0 30px; font-size: 25px; }
.clients-setis .main-cta-sec .btnwrp{}



.processwrp{    background-color: rgba(21,22,23,.02); padding: 60px 0px 0;}
.processwrp .txtwrp{width: 73%; margin: 0 auto; text-align: center; }
.processwrp .btnwrp{display: block;text-align: center;padding: 20px 0 70px;}
.processwrp .mainwrp{/* margin: 0 0 90px; */height: 270px;}
.processwrp .mainwrp .imgwrp{display: inline-block; }
.processwrp .mainwrp .imgwrp img{width: 70px; }
.processwrp .mainwrp .txtdiv{display: inline-block; width: 86%; vertical-align: top; padding: 0px 80px 0 20px; }
.processwrp .mainwrp .txtdiv h4{font-size: 20px; font-weight: 600; }
.processwrp .mainwrp .txtdiv p{font-size: 16px; color: #777; }
.processwrp .mainwrp .txtdiv a{font-size: 10px; padding: 10px 20px; color: #777; background: #dddada; font-weight: 500; margin: 0 10px 0 0; }
.processwrp .mainwrp .txtdiv span{    display: inline-block;}


.btmfrmwrp{padding: 70px 0; }
.btmfrmwrp .txtwrp{padding: 0 0 20px; }
.btmfrmwrp .txtwrp h4{font-size: 24px; color: #000; font-weight: 600; }
.btmfrmwrp .fromwrp{}
.btmfrmwrp .fromwrp form{}
.btmfrmwrp .fromwrp form .lablewrp{}
.btmfrmwrp .fromwrp form .lablewrp input{width: 100%; border: 1px solid #c9bcbc; background: white; padding: 10px 15px; color: gray; font-size: 14px; border-radius: 3px; height: 50px; font-weight: 400; outline: none !important; margin: 0 0 15px 0; }
.btmfrmwrp .fromwrp form .lablewrp select{width: 100%; border: 1px solid #c9bcbc; background: white; padding: 10px 15px; color: gray; font-size: 14px; border-radius: 3px; height: 50px; font-weight: 400; outline: none !important; margin: 0 0 15px 0; }
.btmfrmwrp .fromwrp form .lablewrp textarea{width: 100%;border: 1px solid #c9bcbc;background: white;padding: 10px 15px;color: gray;font-size: 14px;border-radius: 3px;height: 50px;font-weight: 400;outline: none !important;margin: 0 0 5px 0;resize: none;}
.btmfrmwrp .fromwrp form .lablewrp input.btnn{width: 40%;background: #fd9900;border-color: #e09851;border: none;color: #fff;font-weight: 600;font-size: 16px;}
.btmfrmwrp .imgwrp{}
.btmfrmwrp .imgwrp img{width: 110%;position: absolute;left: 30px;top: -40px;}


.packgrwrp{padding: 70px 0 70px;background-image: url(../images/cloud.top.mono.svg);background-repeat: no-repeat;background-size: auto;}
.packgrwrp .txtwrp{display: block;text-align: center;padding: 0 0 50px;}
.packgrwrp .pkge-box{padding: 20px 20px 20px; border: 1px solid #de944d; border-radius: 6px; margin: 0 0 30px; background: #fff; }
.packgrwrp .pkge-box .namewrp{}
.packgrwrp .pkge-box .namewrp h4{text-transform: uppercase;font-weight: 600;font-size: 14px;display: block;border-bottom: 1px solid #e19c5570;padding: 0 0 10px;}
.packgrwrp .pkge-box .namewrp h2{background-image: linear-gradient(43deg, #DA8740 0%, #F7DF96 99%) !important;-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size: 36px;display:inline-block;    padding: 0px 0 10px; font-family: -apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol;}
.packgrwrp .pkge-box .details {
    padding: 10px 0px 0;
}
.packgrwrp .pkge-box .details ul{height: 204px; margin: 0 0 22px; }
.packgrwrp .pkge-box .details ul li{padding: 0 0 5px 14px; font-size: 13px; position: relative; }
.packgrwrp .pkge-box .details ul li:after{content: "";position: absolute;width: 6px;height: 6px;background: linear-gradient( 43deg,#DA8740 0%,#F7DF96 99%)!important;left: 1px;top: 11px;border-radius: 50%;}
.packgrwrp .pkge-box .btnwrp{display: block; text-align: center; padding: 0 0 18px; }
.packgrwrp .pkge-box .ctn{display: block; text-align: center; }
.packgrwrp .pkge-box .ctn a{color: #000; font-weight: 500;}
.bnr-contact{padding: 70px 0; background-image: url(../images/cloud.top.mono.svg); background-repeat: no-repeat; background-size: auto; }
.bnr-contact .txtwrp{}
.bnr-contact .mainwrp{background: #fff; background-color: #fff; border-radius: 0.25rem; box-shadow: 0 0 0 1px rgb(0 0 0 / 5%), 0 7px 25px 0 rgb(0 0 0 / 3%), 0 4px 12px 0 rgb(0 0 0 / 3%); transition-property: box-shadow, transform; transition-duration: 0.4s; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); padding: 3rem; }
.bnr-contact .mainwrp img{width: 70px; margin: 0 0 20px; }
.bnr-contact .mainwrp h4{font-size: 19px; font-weight: 600; }
.bnr-contact .mainwrp p{padding: 0 0 40px; font-size: 15px; color: #20242e; }
.bnr-contact .mainwrp a{display: block; text-align: center; }
.bnr-contact .txtdiv{display: block; padding: 0 0 20px; }
.bnr-contact .txtdiv h4{font-size: 20px; font-weight: 600; }
.bnr-contact .txtdiv p{font-size: 17px; }
.bnr-contact .pdng-top{padding-top: 60px; }



.third-sec{padding: 50px 0;background-color: #fdfdfd;}
.third-sec .imgwrp img{width: 124%;position: absolute;left: -120px;}
.third-sec .imgwrp.extra-cs img{width: 140%;    left: -260px;    top: -30px;}
.third-sec .imgwrp{position: relative; }
.third-sec ul li{    font-size: 16px; padding: 0 0 9px 24px; font-weight: 600; position: relative;} 
.third-sec ul li:after{    content: "\f00c"; font-family: FontAwesome; position: absolute; left: 0; color: #ffcc01; top: 0;}


.indus{padding: 50px 0; }
.indus .mainwrp{    height: 330px;}
.indus .category .description{}
.indus .category .description ul li{font-size: 16px;padding: 10px 0 0;font-weight: 500;cursor: pointer;font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";}
.indus .category{    top: 96px;    position: sticky;}
.indus .publishwrp {padding: 0;}
.indus .category .description ul li a{color:#000;}
.indus .category .txtwrp h2{    font-size: 30px; font-weight: 600;}

.aboutwrp{padding: 100px 0 0; background-image: url(../images/default.top.color.svg),url(../images/gradient.top.color.html); background-repeat: no-repeat,repeat-x; background-size: initial; background-position: -166px -140px;} .container.extra-width {    max-width: 620px;}

.notewrp .txtdiv{}
.notewrp .txtdiv h4{font-size: 20px;    font-weight: 600;}
.notewrp .txtdiv p{font-size: 17px;}
section.advantage {    padding: 70px 0;}
.advantage{}
.advantage .upper{border-radius: 8px;background-color: #ffffffdb;width: 308px;padding: 30px 34px;border: 1px solid #e8d7d7;position: absolute;top: 320px;left: 250px;} 
.advantage .upper .txtwrp{}
.advantage .upper .imgwrp{}
.advantage .upper .imgwrp img{display: inline-block;width: 50px;height: 50px;border-radius: 16px;margin: -30px 10px 0 0px;}
.advantage .upper .imgwrp h4{display: inline-block;font-size: 14px;font-weight: 600;padding: 0;}
.inner-text {    display: inline-block;}
.advantage .upper .imgwrp p{font-size: 13px; }
.advantage .counterwrp{}
.advantage .counterwrp .txtwrp{}
.advantage .txtwrp h4{    font-size: 26px;
    font-weight: 600;}
.advantage .counterwrp ul li{display: inline-block;text-align: center;padding: 0 21px 0 0px;width: 23%;}
.advantage .counterwrp ul li span{font-weight: 700;font-size: 36px;color: #000;}
.advantage .counterwrp ul li h6{font-size: 9px;}
.advantage .imgwrp img{width: 100%;}
.row.publishwrp.hvr-style .mainwrp:hover a{background: #fd9900;color: #fff}
.publishwrp .mainwrp a:hover{transform: translateY(-.625rem);-webkit-transition: .4s;-moz-transition: .4s;-o-transition: .4s;transition: .4s;background: #fd9900;color: #fff;}
p.ban-bottom-text {color: #000000; padding: 10px 0 0; }
.img-boxwrp.serv-img img.img-1{width: 110%;    top: -20px;    left: 0;}
.img-boxwrp.serv-img-1 img.img-1{width: 100%;    top: -20px;    left: 0;}
.row.pdng-btm{padding-bottom: 50px;}

.eggoffer {width: 150px; cursor: pointer; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; position: fixed; bottom: 10px; left: 8px; z-index: 999; overflow: hidden; }
.eggoffer .top {position: relative; z-index: -1; }
.eggoffer .top figure {text-align: center; }
.eggoffer .top figure img {opacity: 1; animation: scrollDownAnimation .5s ease infinite alternate; -webkit-animation: scrollDownAnimation .5s ease infinite alternate; width: 150px;}
.entry-right input {border-radius: 5px; height: 51px; padding-left: 20px; border: 2px solid #E3E3E3; box-shadow: none; background: #FAFAFA; margin: 5px 0 }
.entry-right {background-color: #EFF1FF; background-size: cover; background-position: 100% 0; padding: 0 4%; border-radius: 10px; box-shadow: inset 0 0 250px 0 rgba(0, 0, 0, .11); height: 535px; }
.left figure img {border-top-left-radius: 10px; border-bottom-left-radius: 10px; }
form.offr-frm.signupForm {height: 100% }
/* .modal-dialog.modal-dialog-centered {max-width: 100%!important } */
.offr-frm .close {background-color: transparent; color: #DB1E5A; border-radius: 23px; width: 47px; height: 44px; position: absolute; right: -35px;     font-size: 40px;z-index: 1; top: -70px; cursor: pointer; opacity: 1; }
#entry-popup {position: fixed; width: 100%; height: 100%; z-index: 99999990; align-items: center; background-color: rgba(0, 0, 0, .6); display: none; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease }
.entry-box {background: #fff; margin: 0 auto; border-radius: 10px; box-shadow: 0 0 50px 0 #000; position: relative; pointer-events: auto; width: 837px!important; height: 535px; /*background: url(../images/popup_bgset.jpg);*/ background-size: cover }
.box-entery {background: #fff; margin: 0 auto; border-radius: 10px; box-shadow: 0 0 50px 0 #000; position: relative; pointer-events: auto; width: 837px!important; height: 535px; background: url(../images/popup_bgset.html); background-size: cover }
.left img {height: 535px; }
.entry-box h1 {text-shadow: 0 5px 10px rgba(0, 0, 0, .35); color: #fff; font-size: 28px; font-weight: 700; margin-top: 0; margin-bottom: 0; text-transform: uppercase; line-height: 60px }
.entry-box h1 span {color: #FFD800 }
.entry-box h1 {text-shadow: 0 5px 10px rgba(0, 0, 0, .35); color: #fff; font-size: 70px; font-weight: 300; margin-top: 0; margin-bottom: 0; text-transform: capitalize; line-height: 79px; }
.popup_top .text {position: relative; padding: 93px 0 0 46px }
.popup_top .text h2 {font-size: 30px; color: #fff; text-transform: capitalize; font-weight: 700; margin-bottom: 0; font-weight: 300; line-height: 65px; }
.entry-right .text h2 span {color: #EB0000 }
.text_topfr h2{    font-size: 25px; margin: 0; color: #DB1E5A; font-weight: 400; text-align: center; padding-bottom: 14px;}
.entry-right input {border-radius: 5px;height: 54px;padding-left: 0;border: 1px solid #DEDEDE;box-shadow: none;background: #F5F5F5;border: 1px solid #959595;/* border-radius: 40px; */border-left: 0;margin: 0!important;}
span.input-group-text.set_inp_gr {background-color: #F5F5F5;border: 1px solid #959595;/* border-radius: 40px; */color: #DEA677;padding: 0 23px;}
.entry-right input[type=email],
.leaving-box input[type=email] {background-color: #fff!important; color: #555!important }
.entry-right .intl-tel-input {width: 100% }
.entry-right .intl-tel-input.separate-dial-code .selected-dial-code {padding-left: 23px; }
.entery-submit {width: 100%;background: linear-gradient( 43deg,#DA8740 0%,#F7DF96 99%)!important;box-shadow: 0 9px 27px 0 rgba(0, 0, 0, .22);color: #fff;text-transform: uppercase;font-size: 16px;font-weight: 600;border: none!important;border: 1px solid #05062B;height: 61px;cursor: pointer;margin-top: 6px;border-radius: 6px;}
.text_topfr h2 {font-size: 25px; margin: 0; color: #DEA677; font-weight: 400; text-align: center; padding-bottom: 14px; }
.text_topfr h4 {font-size: 26px; margin: 0; color: #2B1252; font-weight: 700; text-align: center; padding-bottom: 30px; }
.entry-right a {height: 60px; line-height: 60px; display: block; width: 100%; background-color: #FFD800; border-radius: 50px; text-transform: uppercase; color: #000; font-size: 16px; font-weight: 600; }
.entry-right a i {margin-left: 6px }
.popup_top p {color: #fff; font-size: 30px; margin: 0; padding-top: 4px }
.entry-right label {margin: 0 }
.entry-right .form-group {margin-bottom: 10px }
a#entry-box_close {position: absolute; right: 5px; background-color: #69C626; width: 40px; height: 40px; border-radius: 50pc; color: #fff; font-size: 29px; top: 10px; z-index: 9; }
.text_topfr {margin-top: 60px; }
.entry-right #countryCode{border-radius: 5px;height: 54px !important;padding-left: 0;box-shadow: none;background: #F5F5F5;border: 1px solid #959595;margin: 0!important;}
.entry-right input#free_cons_phone1{width: 73%; margin: 0 0px 0 4px !important; border: 1px solid #959595; }
.entry-right select{    border-radius: 5px;    height: 54px;    padding-left: 0;    border: 1px solid #DEDEDE;    box-shadow: none;    background: #F5F5F5;    border: 1px solid #959595;    /* border-radius: 40px; */    border-left: 0;    margin: 0!important;}
.entry-right #packages{width: 68%; border-radius: 0px 5px 6px 0px; }


header .navwrp ul li .dropwrp{position: absolute;width: 100%;max-height: 0px;background: #ffffffeb;box-shadow: 0 12px 60px 0 rgb(126 126 126 / 18%);left: 0;padding: 0;top: 80px;transition: max-height 0.15s ease-out;visibility: hidden;opacity: 0;top: 97px;border-radius: 10px;backdrop-filter: blur(10px);background-color: rgba(255, 255, 255, 0.85);}
header .navwrp ul li .dropwrp.casedrop{width: 290px; margin: 0 auto; text-align: center; display: block; left: 0px; position: absolute; top: 59px; } 
header .navwrp ul li .dropwrp.casedrop ul.top-ul{    min-height: 130px;}
header .navwrp ul li .dropwrp ul li{display: block;text-align: left;line-height: 1.8;padding: 0 0 27px 20px;}
header .navwrp ul li .dropwrp ul li h4{font-size: 18px; font-weight: 600; margin: 0 0 0 -15px; padding: 0 0 16px; color: #000; }
header .navwrp ul li .dropwrp ul li a{padding-left: 10px;text-transform: capitalize;font-size: 16px;position: relative;color: #222;padding-bottom: 0;} 
header .navwrp ul li .dropwrp ul li a:hover{color: #fd9900;}
header .navwrp ul li .dropwrp ul li > a:after{content: "";position: absolute;width: 6px;height: 6px;background: #ec874b;border-radius: 50%;left: -10px;top: 5px; margin: 0 0px 0 -7px;}
header .navwrp ul li .dropwrp .imgwrp{background: #f9f9f9; padding: 38px;}
header .navwrp ul li .dropwrp .imgwrp img{width: 100%; border-radius: 5px; }
header .navwrp ul li .dropwrp .imgwrp p{ text-align: left; padding-top: 24px; padding-bottom: 0; font-size: 14px; line-height: 1.6;}
header .navwrp ul li .dropwrp .row > div:nth-child(1) ul li a:after{background: #f9b713;}
header .navwrp ul li .dropwrp .row > div:nth-child(2) ul li a:after{background: #23233c;}
header .navwrp ul li .dropwrp .row > div:nth-child(3) ul li a:after{background: #0377fc;}
header .navwrp ul li .dropwrp .row > div:nth-child(4) ul li a:after{ background: #347681; }
header .navwrp ul li .dropwrp .row > div:nth-child(5) ul li a:after{ background: #347681; }
header .navwrp ul li .dropwrp .row > div:nth-child(6) ul li a:after{ background: #347681; }
header .navwrp ul li .dropwrp ul.top-ul{ padding: 38px 0; margin: 0; min-height: 250px;}
header .navwrp ul li .dropwrp ul.nav-botm li a:after{ display: none; }
header .navwrp ul li .dropwrp ul.top-ul li .imgdoxx{display: inline-block; margin: 3px 10px 0 0; }
header .navwrp ul li .dropwrp ul.top-ul li .imgdoxx img{    width: 44px;}
header .navwrp ul li .dropwrp ul.top-ul li .txtdiv{display: inline-block; width: 88%; vertical-align: top; margin: 1px 0 0; }
header .navwrp ul li .dropwrp ul.top-ul li .txtdiv span{    display: block;    margin: 0 0 0 11px;}
header .navwrp ul li .dropwrp ul.nav-botm {text-align: left; border-top: 1px solid #e2d6d6; padding: 30px 0; display: flex; justify-content: space-between; margin-top: 0;}
header .navwrp ul li .dropwrp ul.nav-botm li{padding: 0; margin: auto 0;}
header .navwrp ul li .dropwrp ul.nav-botm li a{}
header .navwrp ul li .dropwrp ul li a i{    margin: 0 0 0 3px;    transition: 0.3s all;}
header .navwrp ul li .dropwrp ul li a:hover i{margin: 0 0 0 6px; }
header .navwrp ul li .dropwrp ul.nav-botm p{color: #504d4d; font-weight: 700; margin-bottom: 0; padding-bottom: 0;}
header .navwrp ul li .dropwrp .imgwrp video{width: 100%; }
header .navwrp ul li:hover .dropwrp {max-height: 400px; opacity: 1; border-radius: 0; top: 54px; visibility: visible; }

.ofer-img{    position: absolute;    right: 0;    bottom: 0;}

.floatbutton.active{right: 0;z-index: 11;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;top: 0;}
.floatbutton{-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;position: fixed;right: -370px;top: 5%;font-size: 0;width: 420px;/* transform: translateY(-50%); */z-index: 9;}
.floatbutton .clickbutton{border-radius: 7px 0px 0px 7px;background: #fff;width: 50px;z-index: 999;height: 148px;cursor: pointer;box-shadow: -20px 7px 18px -7px rgba(87, 184, 151, 0.09);display: inline-block;padding-top: 0;vertical-align: top;background: #241f21 !important;margin-top: 198px;color: #fff;font-size: 14px;font-weight: 700;position: relative;text-transform: uppercase;font-family: 'Poppins', sans-serif;}
.floatbutton .clickbutton:after{position: absolute;content: "";top: 134px;left: -20px;height: 50px;width: 50px;background-repeat: no-repeat;background-image: url(../images/chaticons.svg);}
.floatbutton .banner-form img{width: 180px;margin: 0 0 10px;}
.floatbutton .banner-form p{color: #0d2462;font-size: 13px;padding: 10px 15px 20px 10px;}
.floatbutton .clickbutton .crossplus:before{content: ""; display:none;position: absolute;width: 20px;height: 2px;right: 0;background: #fbb334;z-index: 99;top: 0;left: 0;bottom: 0;margin: auto;}
.floatbutton .clickbutton .crossplus:after{content: ""; display:none;position: absolute;width: 2px;height: 20px;right: 0;background: #fab334;z-index: 99;top: 0;left: 0;bottom: 0;margin: auto;}
.floatbutton .clickbutton .crossplus{position: relative;display: block;transform: rotate(0deg);-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;position: absolute;display: block;transform: rotate(-90deg);-webkit-transition: 0.4s;font-size: 16px;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;color: #fff;left: -27px;white-space: pre;font-size: 13px;font-weight: bold;top: 76px;bottom: 120px;}
.floatbutton .clickbutton .crossplus.rotate{/* transform: rotate(45deg); */-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.floatbutton .clickbutton .crossplus i {font-size: 18px;color: #f43535;margin: 17px 0 0 15px;}
.banner-form{background: #fff;padding: 30px;position: relative;z-index: 9;border-radius: 5px 0 0 5px;margin: 0;width: 370px;display: inline-block;box-shadow: 0px 0px 30px #0000001f;top: 100px;}
.banform{}
.ban-form{} 
.ban-form input{width: 100%;margin: 0 0 0 0;border: 1px solid #e5e5e5;background: white;padding: 10px 15px;color: gray;font-size: 14px;border-radius: 3px;height: 50px;font-weight: 400;outline: none !important;margin: 0 0 15px 0;}
.banner-form .intl-tel-input{width: 100%;}
.banner-form h3 {color: #333;font-size: 24px;margin-bottom: 20px;}
.ban-form input[type="submit"]{color: #fff;font-weight: 600;background: #f43535;border-radius: 3px;text-align: center;background: linear-gradient( 43deg, #F7DF96 0%, #DA8740 99%) !important;padding: 10px 15px;margin: 0px 0 0;border: transparent;}
.ban-form textarea{width: 100%;border: 1px solid #e5e5e5;background: white;padding: 10px 15px;color: gray;font-size: 14px;border-radius: 3px;font-weight: 400;height: 60px;outline: none !important;margin: 0px 0 10px 0;}

.intl-tel-input{    width: 100%; margin: 0 0 12px;}
.wiki-pg .service-bnner{background-position: -870px 0;}

.thnyoukwrp{      background-image: url(../images/cloud.top.mono.svg);    background-repeat: no-repeat; background-size: auto;  padding: 100px 0 150px;    text-align: center;  display: block;}
.thnyoukwrp .txtwrp{    width: 60%;    margin: 0 auto;}

.privacy section.default-page.inview{    padding: 50px 0;}
.privacy p strong{    font-size: 22px;}
.privacy p span{font-size: 16px;}
.privacy .termswrp p a{    font-size: 22px;    color: #000;}
.termswrp{   padding: 50px 0;}
ul.terms-tick li {    font-size: 16px;    padding: 0 0 10px;}

.cntct{padding: 50px 0;    border-width: 1px 0 0;    border-style: solid;    -o-border-image: linear-gradient(90deg, rgba(230, 230, 230, 0), #e6e6e6 50%, rgba(230, 230, 230, 0) 100%) 5%;    border-image: linear-gradient( 90deg, rgba(230, 230, 230, 0), #e6e6e6 50%, rgba(230, 230, 230, 0) 100%) 5%;}



#countryCode{    width: 25%;    margin: 0 !important;    height: 100% !important;    height: 55px !important;    position: relative;    float: left;    padding: 0 5px;        border: 1px solid #e5e5e5;    -webkit-appearance: menulist !important;}
input#free_cons_phone1 {    padding: 0 !important;    width: 75%;    margin: 0 !important;    float: left;}
.frmwrp .lablwrp #countryCode{    height: 50px !important;    margin: 0px 9px 15px 0 !important;    border: none;    border-radius: 4px;padding: 0 9px 0 4px;}
.frmwrp .lablwrp input#free_cons_phone1{width:71%;}
.btmfrmwrp .fromwrp form #countryCode{width: 15%;    height: 50px !important;    margin: 0 10px 15px 0 !important;    border: 1px solid #c9bcbc;}
.btmfrmwrp .fromwrp form input#free_cons_phone1{    width: 82.5%;    padding: 0 10px 0px !important;}
.ban-form #countryCode{height: 50px !important;    padding: 0 10px 0 14px;    font-size: 13px;}
.g-recaptcha{overflow: hidden; padding: 5px 0 5px;}
.ban-form .g-recaptcha{margin: 10px 0 0px;} 
.frmwrp .lablwrp .g-recaptcha{    margin: 0 0 10px;    padding: 0;}

.cuttingprc{position: relative;padding: 0 0 5px;display: inline-block; font-weight: 600;    font-size: 14px; color:#000; left: 2px;}
.cuttingprc:before{content: '';position: absolute;height: 2px;width: 100%;background: #de944d;bottom: 13px;margin: 0 0 0 4px;left: -3px;}

.offwp{
    font-size: 14px;
    color: #000;
    font-weight: 600;
    padding: 0 0 1px;
    text-align: left;
    display: block;
}
.best-sell{
    font-size: 12px;
    color: #000;
    font-weight: 600;
    border-radius: 6px;
    border: 1px solid #de944d;
    padding: 2px 10px;
    position: absolute;
    right: 36px;
    top: 20px;
    text-transform: uppercase;
}
.parentwrp{
    position: relative;
}
.div#mCSB_1{padding:0px;}
.mCustomScrollBox{padding:0px;}

.packgrwrp .btn-1{    padding: 10px 65px;}

.secondry-head{font-size: 24px;}

.secndwrpr.corner .videowrp img{
  border-radius:35px;
}
.secndwrpr.corner .videowrp {    position: relative;
    overflow: hidden;}
.secndwrpr.corner .videowrp:after{content: '';position: absolute;background: #fd9900;bottom: 0px;left: -100px;transform: skewX(45deg);}
.wiki-pg .frmwrp{position: relative;}
.chris-form{position: absolute;    right: -60px;    top: -50px;    transform: rotate(15deg);}
.chris-form img{width: 140px;}

.overlay {    position: absolute;    width: 100%;    height: 100%;    background: #00000042;    top: 0;}
.wiki-pg .banrwrp{    padding: 80px 0 70px;}


.faq-img img{width:100%;}

.pd-top{    margin: -60px 0 0;}



.partners-slider img {
  width: 100%;
  height: 60px;
  object-fit: contain; /* Ensure proper image display */
}

.partnerswrp .container-fluid{
  padding: 0px;
}

.partnerswrp{
  padding: 30px 0;
  overflow: hidden;
  background: #b9ad6d21;
  border: 1px solid #4c472921;
  }
.partnerswrp .txtwrp{display: block;text-align: center;width: 50%;margin: 0 auto;}
.partnerswrp .mainwrp{}
.partnerswrp .mainwrp ul{margin: 20px 0 0; display: block; text-align: center; }
.partnerswrp .mainwrp ul li{display: inline-block; margin-right: 50px;}
.partnerswrp .mainwrp ul li img{width: 100%;object-fit: cover;height: 60px;}
.partnerswrp .txtwrp h2, .partnerswrp .txtwrp p{color: #fd9900; font-size: 20px;}


.portfoliowrp{
  padding: 70px 0;
  overflow: hidden;
  background: #241f21;
  }
.portfoliowrp .txtwrp{display: block;text-align: center;width: 50%;margin: 0 auto;}
.portfoliowrp .mainwrp{}
.portfoliowrp .mainwrp ul{margin: 20px 0 0; display: block; text-align: center; }
.portfoliowrp .mainwrp ul li{display: inline-block; }
.portfoliowrp .mainwrp ul li img{width: 90%;border-radius: 20px;height: auto;object-fit: cover;border: 1px solid #e99104;height: 500px;}
.portfoliowrp .txtwrp h2, .portfoliowrp .txtwrp p{color: #fff;}

.bg-clr{background: #F6F6F6;}


.footer-three__social {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    gap: 20px;
}

.footer-three__social-link {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
    border: 1px solid var(--digihub-white2, #E9E9E9);
    background-color: var(--digihub-base, #EA4723);
    box-shadow: inset 0 0 0 50px var(--digihub-white3, #F6F6F6);
    transition: ease-out 0.4s;
    -webkit-transition: ease-out 0.4s;
    -moz-transition: ease-out 0.4s;
}

.footer-three__social-link i {
    font-size: var(--digihub-size-md);
    color: var(--digihub-base, #EA4723);
}

.footer-three__social-link:hover {
    box-shadow: inset 0 0 0 0 var(--digihub-white3, #F6F6F6);
}

.footer-three__social-link:hover i {
    color: var(--digihub-white, #FFFFFF);
}

.d-flex.custom{    margin: 0 0 5px;}
.d-flex.custom input{    width: 35px;    margin:0px 0px 7px -5px;}
.d-flex.custom label{color: #fff;    font-family: pple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";}
.d-flex.custom label a{color: #fff;    text-decoration: underline;}
.btmfrmwrp .d-flex.custom label a{color: #000;}
.btmfrmwrp .d-flex.custom label{color: #000;}
.banner-form .d-flex.custom label{font-size: 18px;    color: #000;    margin: 0;}
.banner-form .d-flex.custom label a{color: #000;}
.banner-form .d-flex.custom input {    width: 25px;    margin: -10px 10px 7px 0px;}


.formwrap .bg-clr{}
.formwrap .bg-clr .txtwrp{padding: 60px 60px 60px 0;}
.formwrap .bg-clr .imgwrp {text-align: center;}
.formwrap .bg-clr .imgwrp img{width: 60%;padding: 100px 0 0;}
.formwrap .bg-clr .txtwrp ul{}
.formwrap .bg-clr .txtwrp ul li{position: relative;font-size: 16px;padding: 0 0px 9px 40px;color: #adadad;font-weight: 500;}
.formwrap .bg-clr .txtwrp ul li:after{content: "";content: "\f058";position: absolute;font-family: fontawesome;left: 10px;color: #8469f8;font-size: 15px;top: 2px;}
.contact-banner .txtwrp h4{color: rgb(255, 255, 255);-webkit-text-fill-color: transparent;background: linear-gradient(to right, #846af9 , #e92b69);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;text-transform: capitalize;padding-bottom: 15px;font-size: 20px;}
.contact-pg .formwrap{position: relative;}
.contact-pg .formwrap:after{content: "";position: absolute;width: 50%;height: 100%;background: #f7f9fc;top: 0;right: 0;z-index: -1;}
.contact-pg .formwrap:before{content: "";position: absolute;width: 50%;height: 100%;background: #f6f6f6;}
.field-txt p{display: inline-block; font-weight: 900; font-size: 18px; padding: 24px 0 20px; }
.formwrap .book-a-beet-wrp{    padding: 0px 0;}
.formwrap .book-a-beet-wrp iframe{    padding: 40px 0;    height: revert-layer;    outline: none;    border: none;    width: 100%;}

.amazon-pg .bg-clr{background: #241f21;}
.amazon-pg .bg-clr .main-heading{color: #fd9900;}
.amazon-pg .bg-clr .main-pera{color: #fff;}
.amazon-pg .clients-setis{background-color: #f9e9b3;}
.amazon-pg .clients-setis .main-cta-sec{background: #fd9900;}
.amazon-pg .publishwrp{background: #fd9900;}
.amazon-pg .publishwrp h2{color: #fff;}

.shopify-pg .bg-clr{background: #98c14d;}
.shopify-pg .bg-clr .main-heading{color: #fff;}
.shopify-pg .bg-clr .main-pera{color: #fff;}
.shopify-pg .clients-setis{background-color: #639244;}
.shopify-pg .clients-setis .main-cta-sec{background: #98c14d;}
.shopify-pg .publishwrp{background: #98c14d;}
.shopify-pg .publishwrp h2{color: #fff;}
.shopify-pg .love-infowrp h2{color: #98c14d;}
.shopify-pg .love-infowrp .txtwrp ul li:after{color: #98c14d;}
.shopify-pg .love-infowrp .txtwrp p a{color: #98c14d;}
.shopify-pg .btn-1{background: #98c14d;    border-color: #98c14d;}
.shopify-pg .service-bnner .frmwrp .txtdiv h4{color: #98c14d;}
.shopify-pg .frmwrp .lablwrp input.btnwrp{background: #98c14d;}
.shopify-pg .banrwrp .txtwrp ul li:after{color: #98c14d;}
.shopify-pg .upr-head{color: #98c14d;background-image: unset !important;    -webkit-background-clip: unset;    -webkit-text-fill-color: unset;}
.shopify-pg .clients-setis .txtwrp h2{color: #fff;}
.shopify-pg .clients-setis .txtwrp .main-pera{color: #fff;}
.shopify-pg .publishwrp .mainwrp.main-box a{background: #98c14d;}
.shopify-pg .testimonialwrp .txtwrp h2{color: #98c14d;}
.shopify-pg .testimonialwrp .tabwrp ul li span{background: #98c14d;}
.shopify-pg .btmfrmwrp .fromwrp form .lablewrp input.btnn{background: #98c14d;}
.shopify-pg .head-btm{background: #98c14d;}


.testimonials-alt{
  background-color: #f6f4ec;
  background-image: url(../images/cloud.top.png);
  background-size: cover; /* Ensures the image covers the section */
  background-position: center; /* Centers the image */
  background-repeat: no-repeat; /* Ensures the image doesn’t repeat */
  overflow: hidden;
  padding: 40px 0px;
  
}

.testimonial-card {
  flex: 0 0 auto;
  min-width: 300px;
  max-width: 350px;
  margin: 10px;
  border-radius: 30px;
  overflow: hidden;
  background-color: #fff;
  padding: 20px 40px;
  
}

.testimonial-card .user-image {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  object-fit: cover;
}

.user-info {
  display: flex;
  align-items: center;
  gap: 15px;
}

.user-details h5 {
  margin: 16px 0px 0px 0px;
  font-size: 16px;
  padding: 0;
}

.user-details p {
  margin: 0;
  font-size: 14px;
  color: #000;
}

.testimonial-text {
  word-wrap: break-word;
  white-space: normal;
  overflow: hidden;
  color: #000;
  font-size: 15px;
  line-height: 24px;
  padding-bottom: 40px;
}

.trustpilot-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  /* position: absolute; */
  bottom: 31px;
    
}

.trustpilot-logo {
  width: 100px;
  height: auto;
}

.site-logo {
  width: 40px;
  height: auto;
}

.rate-us {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
}

.rate-us span {
  font-family: 'Outfit';
  color: #070707;
  font-size: 15px;
}

.marquee {
  display: flex;
  animation: scroll 50s linear infinite;
}

.testimonial-wrapper {
  display: flex;
  flex-wrap: nowrap;
  gap: 15px;
}

@keyframes scroll {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}


.christmas-discount {
  position: fixed; /* Ensures the image stays in place */
  bottom: 20px; /* Distance from the bottom of the screen */
  left: 20px; /* Distance from the left of the screen */
  z-index: 1000; /* Ensures it stays above other content */
  width: 150px; /* Adjust the size of the image */
  height: auto; /* Maintain aspect ratio */
}

.christmas-cta {
  background: linear-gradient(135deg, #ff5f6d, #ffc371);
  background-image: url(../images/mas-img.jpg);
  color: white;
  text-align: center;
  padding: 50px 20px;
  border-radius: 15px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  background-repeat: no-repeat;
  background-size: cover;
}
.christmas-cta h1 {
  font-size: 3rem;
  font-weight: bold;
  color: #fd9900;
}
.discount-text {
  font-size: 2.5rem;
  font-weight: bold;
  margin: 10px 0;
  color: #000000;
  font-family: Outfit;
  
}
.christmas-cta p {
  font-size: 19px;
  
  color: #000;
}

.christmas-cta .discount-text span{
  color: #fd9900;
  
}

.btn-christmas {
  background-color: #28a745;
  border: none;
  color: white;
  font-weight: bold;
  padding: 10px 20px;
  border-radius: 30px;
  transition: all 0.3s;
}
.btn-christmas:hover {
  background-color: #218838;
  transform: scale(1.1);
}
.christmas-icon {
  font-size: 4rem;
  margin-bottom: 20px;
}

/* Special Banner */

/* Banner styling */
#sp-banner {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 400px;
  background-image: url('../images/sp-banner.jpg'); /* Replace with your image URL */
  background-size: cover;
  background-position: center;
  max-width: 90%; /* Ensures it doesn't touch the edges on smaller screens */
  border-radius: 8px;
  z-index: 1050;
  display: none;
  box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1),0px 10px 15px -3px rgba(0,0,0,0.1);
}

/* Text styling inside banner */
#sp-banner-content {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: white;
  text-align: center;
  padding: 15px;
}

#sp-banner-content p {
  
  color: #ffffff;
  font-size: 25px;
  padding: 10px;
  line-height: 0px;

}

#sp-banner-content h3 {
  font-size: 2.5rem;
  font-weight: bold;
  background: linear-gradient(90deg, #d4af37, #ffd700, #d4af37); /* Gold gradient */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  background-clip: text;
}

/* Close button styling */
#sp-banner .btn-close {
  position: absolute;
      top: 10px;
      right: 10px;
      color: white;
      background-color: rgb(140 140 140 / 50%);
      border: none;
      font-size: 20px;
      font-weight: bold;
      cursor: pointer;
      border-radius: 50%;
      width: 30px;
      height: 30px;
      text-align: center;
      line-height: 28px;
}

/* Animation for banner appearance */
@keyframes slideIn {
  from {
    opacity: 0;
    transform: translate(-50%, -60%);
  }
  to {
    opacity: 1;
    transform: translate(-50%, -50%);
  }
}

/* Animation for banner dismissal */
@keyframes slideOut {
  from {
    opacity: 1;
    transform: translate(-50%, -50%);
  }
  to {
    opacity: 0;
    transform: translate(-50%, -60%);
  }
}

/* Add animation to banner */
#sp-banner.show {
  display: block;
  animation: slideIn 0.5s ease-out forwards;
}

#sp-banner.hide {
  animation: slideOut 0.5s ease-in forwards;
}

.etsy-pg .service-bnner {
  background-position: center;
}

#sp-banner .frmwrp {
  background: transparent;
  border: none;
  width: 100%;
  padding: 25px 40px;
  
}

#sp-banner .frmwrp h4{
  display: none;
  
}