/* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;900&display=swap'); */
/*Main Css */
/* ::selection { background: rgb(226, 143, 38); color: #fff; text-shadow: none; }
::-webkit-scrollbar {width:5px; background-color: #F5F5F5;}
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display:none;}
::-webkit-scrollbar-track-piece { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #fff;}
::-webkit-scrollbar-thumb:vertical {border-radius: 10px;background-color:rgb(226, 143, 38);}


[class^="box-"]{display:none}
[class^="box-"].showfirst{display:block}
html{scroll-behavior: smooth;}
body {font-family: 'Poppins';overflow-x: hidden; font-size: 16px; line-height: 1; color: #000000;}
h1,
h2,
h3,
h4,
h5,
h6 { display: block; font-weight: normal; }
*:hover,
*:focus,
* { outline: none !important; }
img {max-width: 100%;height: auto;}
a,
input[type="submit"] { -webkit-transition: all 0.4s ease-In-out; -moz-transition: all 0.4s ease-In-out; -o-transition: all 0.4s ease-In-out; transition: all 0.4s ease-In-out; display: inline-block;cursor: pointer; }
a:hover {color: #e18e25;}
span{display: inline-block;}

textarea,
select,
input[type],
textarea,
select,
button { background: transparent; border: none; border-radius: 0px; font-family: 'Poppins';font-weight: 400; }
::-webkit-input-placeholder { color: #a3a3a3; font-weight: 400; }
::-moz-placeholder { color: #a3a3a3; font-weight: 400;}
:-ms-input-placeholder { color: #a3a3a3;font-weight: 400; }
:-moz-placeholder { color: #a3a3a3;font-weight: 400; } */




/* Custom Slick Css */
/* .slick-list { margin: 0 -15px; }
.slick-slide { margin: 0 15px; }
.slick-dots { padding: 50px 0 0; text-align: center; }
.slick-dots li {margin: 0 20px 0 0px;width: auto;display: inline-block;vertical-align: middle;overflow: hidden;padding: 0px;border: none;}
.slick-dots li button:before,
.slick-dots li button:before { color: #FFF; opacity: 1; font-size: 20px; }
.slick-dots li button {height: 8px;width: 8px;border-radius: 50%;padding: 0px;background: #d6d6d6;border: none;cursor: pointer;font-size: 0px;padding: 0px;-webkit-transition: all 0.4s ease-In-out;-moz-transition: all 0.4s ease-In-out;-o-transition: all 0.4s ease-In-out;transition: all 0.4s ease-In-out;box-sizing: border-box;}
.slick-dots li.slick-active button {background: #f3c919;width: 11px;height: 11px;} */

/*header css*/
/* header {-webkit-transition: all 0.4s ease-In-out;-moz-transition: all 0.4s ease-In-out;-o-transition: all 0.4s ease-In-out;transition: all 0.4s ease-In-out;}

a.col-header i {
    transform: rotate(116deg);
    color: #1c4a3e;
}

a.col-header {
    padding: 15px 13px;
    color: #000;
}

.logo{display: inline-block;}
.logo img{display: block;}

.btn-hover {position: relative;overflow: hidden;z-index: 0;}
.btn-hover span {position: absolute;display: block;width: 0;height: 0;border-radius: 50%;background-color: #e28f26;-webkit-transition: width 0.4s ease-in-out, height 0.4s ease-in-out;transition: width 0.4s ease-in-out, height 0.4s ease-in-out;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);z-index: -1;}
.btn-hover:hover { color: #ffffff; }
.btn-hover:hover span, .portfolio-menu>li.current>a span{width: 225%;height: 562.5px;}



.whatsapp {
    width: 50px;
    height: 51px;
    color: #fff;
    display: block;
    text-align: center;
    border-radius: 100%;
    font-size: 34px;
    position: fixed;
    bottom: 100px;
    left: 20px;
    z-index: 9999;
    box-shadow: 6px 9px 30px 1px rgb(37 0 22 / 71%);
    padding: 1px 0;
    animation: scrollDownAnimation .5s ease infinite alternate;
    -webkit-animation: scrollDownAnimation .5s ease infinite alternate;
    background: #00a155;
    background: -moz-linear-gradient(left,#ea018e 0%,#9b2c92 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ea018e',endColorstr='#9b2c92',GradientType=1);
}

.whatsapp .fa-whatsapp {
    position: absolute;
    left: 10px;
    top: 8px;
}
@keyframes scrollDownAnimation {
from{transform:translateY(0)}
to{transform:translateY(-10px)}
}
@-webkit-keyframes scrollDownAnimation {
from{transform:translateY(0)}
to{transform:translateY(-10px)}
} */


/* Main Banner CSS */

/* .pkg-box:hover .pricing-detail::-webkit-scrollbar-track

.pricing-detail::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.pricing-detail::-webkit-scrollbar-thumb {
    background-color: #ff0000;
}

.pricing-detail::-webkit-scrollbar {
    width: 5px;
} */


.pricing-detail::-webkit-scrollbar {
    width: 7px;
    height: 10px;
  }
  

  .pricing-detail::-webkit-scrollbar-track-piece {
    background-color: #f4f4ec;
    -webkit-border-radius: 0px;
    border-left: 1px solid #ccc;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  }
  
  .pricing-detail::-webkit-scrollbar-thumb:vertical {
    -webkit-border-radius: 0px;
    background: var(--color1);
  }
  


.top-header {
    background: #96bf47;
    padding: 20px 0px;
    position: relative;
}

.top-head {
    display: flex;
    justify-content: center;
    align-items: center;
}



.top-head a {
    background: #000000;
    padding: 10px 20px;
    border-radius: 20px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
}

.top-head p {
    color: #ffff;
    padding: 0 0 0 10px;
    padding-bottom: 0;
    margin: 0;
}

.main-header {
    padding: 10px 0 45px;
    position: absolute;
    left: 0;
    right: 0;
    top: 80px;
    z-index: 2;
}

.cta-btn {
    display: flex;
    align-items: center;
    justify-content: end;
}

a:hover {
    text-decoration: none;
}

.cta-btn li:nth-child(1) a {
    background: #ff4418;
    padding: 15px 35px;
    border-radius: 5px;
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    margin: 0px 16px 0 0;
    transition: 0.5s;
}

.cta-btn li:nth-child(2) a {
    font-size: 16px;
    font-weight: 500;
    padding: 15px 35px;
    border: 1px solid #1c4a3e;
    color: #fff;
    border-radius: 5px;
    transition: 0.5s;
    background-color: #1c4a3e;
}


.main-header .cta-btn li:nth-child(1) a {
    font-size: 16px;
    font-weight: 500;
    transition: 0.5s;
    background: none;
    color: #000;
    border: none;
    padding: 0;
}


.main-header .cta-btn li:nth-child(2) a {
    background: #96bf47;
    padding: 15px 35px;
    border-radius: 5px;
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    margin: 0px 16px 0 0;
    transition: 0.5s;
    border: 1px solid #96bf47;
}

.main-header .cta-btn li:nth-child(3) a {
    font-size: 16px;
    font-weight: 500;
    padding: 15px 35px;
    border: 1px solid #1c4a3e;
    color: #000;
    border-radius: 5px;
    transition: 0.5s;
}
.banner-head h3 {
    font-size: 40px;
    line-height: 55px;
}

.banner-head h3 span {
    /*color: #96bf47;*/
    font-weight: bold;
}

.banner-head h3 span span{
    color: #FF4419;
}

.banner-head p {
    color: #777777;
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    padding: 10px 0 10px 0;
    margin-bottom: 0;
}

.banner-head .cta-btn {
    justify-content: stretch;
    margin-top: 15px;
}
.main-banner {
    position: relative;
    background: url('../images/banner.png');
    background-repeat: no-repeat;
    z-index: 1;
    padding: 55px 0px 50px;
    background-size: cover;
    background-position: center;
}

.main-banner::after{position: absolute;content: "";background: url('../images/shopify-banner-after.png');width: 436px;height: 226px;/* top: 0; */right: 0;background-repeat: no-repeat;left: 0;margin: auto;/* top: 0; */bottom: 0;}
ul.brands-logo {
    display: flex;
    align-items: center;
    margin: 50px 0;
    justify-content: space-between;
    width: 70%;
    }

ul.brands-logo img {
    width: 150px;
}

/*.main-banner::before {
    position: absolute;
    content: "";
    background: #367e62;
    width: 461px;
    height: 461px;
    border-radius: 50%;
    left: -250px;
}*/

/**/




/**/

.guarantee-sec {
    background: #d9f0ea;
    padding: 30px 0px;
}

.guarantee-box {
    padding: 0;
}

.guarantee-sec p {
    padding: 20px 0 35px 0;
    color: #4d4d4d;
    font-size: 16px;
    line-height: 24px;
    display: none;
}

.guarantee-box {
    display: flex;
    align-items: center;
    justify-content: center;
}

.guarantee-box h6 {
    font-size: 14px;
    padding: 0 0 0 15px;
    font-weight: 500;
    line-height: 24px;
}

.guarantee-sec .col-md-3 {
    border-right: 1px dashed;
    display: table;
    margin: auto;
}

.guarantee-sec:nth-child(3)  .col-md-6 {border: none;}
.guarantee-sec .border-none {
    border: none;
}
/**/






.awc-sec-2 {
    padding: 70px 0px;
}

.awc-sec-2 h2 {
    font-weight: 600;
    font-size: 30px;
    line-height: 40px;
    padding: 0 0 30px 0;
}

.awc-sec-2 h2 br {
    /* display: none; */
}

.awc-sec-2 p {
    font-size: 16px;
    line-height: 28px;
    color: #606060;
    padding: 0 0 20px 0;
    margin-bottom: 0;
}

.awc-sec-2 .cta-btn {
    justify-content: start;
}

.form-box {
    border-radius: 6px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 9px 21px 0px rgba(0, 0, 0, 0.15);
    padding: 20px 45px 30px;
    position: relative;
    display: table;
    margin: auto;
}

.form-box h4 {
    font-size: 30px;
    font-weight: bold;
    color: #FF4419;
    text-align: center;
}

.form-box h6 {
    color: #1b1b1b;
    font-size: 20px;
    font-weight: 500;
    padding: 5px 0 10px 0;
    text-align: center;
}

.form-box input {
    border-width: 1px;
    border-color: rgb(149, 149, 149);
    border-style: solid;
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    height: 45px;
    padding: 0 10px 0 10px;
    width: 100%;
    margin: 0 0 18px 0 !important;
}

.form-box textarea {
    border-width: 1px;
    border-color: rgb(149, 149, 149);
    border-style: solid;
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    height: 100px;
    padding: 15px 10px 0 10px;
    width: 100%;
    margin: 18px 0 18px 0;
    resize: none;
}



.form-box input::placeholder {
    font-weight: 500;
}

.form-box textarea::placeholder {
    font-weight: 500;
}

.form-box button {
    padding: 16px 53px;
    background: #1c4a3e;
    font-size: 18px;
    color: #fff;
    border-radius: 5px;
    display: table;
    margin: auto;
    border: 1px solid #1c4a3e;
    cursor: pointer;
    transition: 0.5s;
}
.form-box::before {
    content:"";
    background-image: url('../images/off-badge.png');
    position: absolute;
    width: 120px;
    height: 120px;
    z-index: 1;
    right: -37px;
    background-size: contain;
    top: -47px;
    background-repeat: no-repeat;
}

.form-box-main {
    z-index: -1;
}


.form-box::after {
  border-radius: 6px;
  background-color: #FF4419;
  box-shadow: 0px 9px 21px 0px rgba(0, 0, 0, 0.15);
  width: 272px;
  height: 185px;
  position: absolute;
  content: "";
  bottom: -11px;
  z-index: -1;
  left: -15px;
}


.awc-sec-2{

    position: relative;
}

/*.awc-sec-2::before{

background: url('../images/walking-boy.png');

position: absolute;

content: "";

width: 464px;

height: 439px;

right: 0;

bottom: 59px;

animation: updown2 3s ease-in-out infinite;
}
*/



/**/



/**/


/*Hover Effect*/
.portfolio_box {
    position: relative;
    margin-bottom: 20px;

    border-radius: 0;
}

.portfolio_box a {
    transition-duration: .5s;
    overflow: hidden;
    width: 100%;
    display: block;
    border-radius: 12px;
    box-shadow: 0px 0px 46px 0px rgba(0, 0, 0, 0.18);
}

.portfolio_box a:hover:before {
    content: "";
    position: absolute;
    background-color: rgba(21, 21, 21, .84);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9;
    border-radius: 12px;
}

.portfolio_box a:after, .portfolio_box a:before {
    transition-duration: .5s
}

.portfolio_box a:hover:after {
    content: "Preview";
    position: absolute;
    /*background: url('../images/play-btn.png');*/
    background-repeat: no-repeat;
    height: 160px;
    width: 90px;
    top: -30px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: grid;
    color: #fff;
    text-align: center;
    line-height: 33px;
    background-position: center;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 4px;
    z-index: 99;
    margin: auto;
    align-items: end;
    background-size: 70%
}

.portfolio_box img {
    width: 100%;
    object-fit: fill;
    transition-duration: .9s
}

.portfolio_box a:hover img {
    transform: scale(1.1);
}
/*Hover Ef



/**/

.folio-sec h3 {
    text-align: center;
    font-size: 40px;
    font-weight: 700;
    color: #000000;
    padding: 0 0 25px 0;
}

.folio-sec p {
    color: #606060;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    padding: 0 0 50px 0;
}


/**/
.pkg-box {
    border-style: solid;
    border-width: 2px;
    border-color: rgb(255, 255, 255);
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 8.619px 11.032px 51px 0px rgba(0, 0, 0, 0.11);
    padding: 45px 15px 30px;
    transition: 0.5s;
    z-index: 1;
}

.pricing-sec h3 {
    text-align: center;
    font-size: 40px;
    font-weight: 700;
    color: #000000;
    padding: 0 0 25px 0;
}

.pricing-sec p {
    color: #606060;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    padding: 0 0 50px 0;
}

.pricing-sec{

    padding: 70px 0px;
}
.pkg-box{

    position: relative;
}

.pkg-box::before{
    /*background: url('../images/shoify-icon.png');*/
    position:absolute;
    content: "";
    width: 940px;
    height: 503px;
    background-size: 47%;
    background-repeat: no-repeat;
    bottom: 2px;
    opacity: 0;
    left: 0px;
    z-index: -1;
    background-position: bottom left;
}
.pkg-box h4 {
    color: #ff4418;
    font-size: 32px;
    font-weight: bold;
    text-align: center;
}

.pkg-box h5 {
    text-align: center;
    font-size: 70px;
    color: #ff4418;
    font-weight: 600;
    padding: 25px 0 10px 0;
}

.pkg-box del {
    color: black;
    font-size: 32px;
    display: table;
    margin: auto;
    font-weight: 600;
    margin-bottom: 20px;
}

/*.pkg-box:hover {
    background-color: rgb(28, 74, 62);
}*/

ul.pricing-detail {
    height: 250px;
    overflow-y: scroll;
}

ul.pricing-detail li {
    padding: 0 0 15px 0;
    font-size: 15px;
    line-height: 25px;
}



.pkg-box:hover h5 {
    color: #f9e8b5;
}

.pkg-box:hover h4 {
    color: #fff;
}

.pkg-box:hover del {
    color: #fff;
}

.pkg-box:hover li {
    color: #fff;
    position: relative;
}
ul.pricing-cta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 35px 0 0 0;
}

ul.pricing-cta li:nth-child(1) a {
    background: #ff4418;
    padding: 14px 20px;
    color: #fff;
    border-radius: 20px;
}

ul.pricing-detail li i {
    padding: 0px 5px 0 0;
    color: #1c4a3e;
}

ul.pricing-cta li:nth-child(2) a {
    color: #000;
    padding: 14px 15px;
    border: 1px solid rgb(28, 74, 62);
    border-radius: 20px;
}

ul.pricing-cta i {
    padding: 0px 3px;
}

.pkg-box:hover ul.pricing-cta li:nth-child(1) a {
    background: #f9e8b5;
    color: #000;
}

.pkg-box:hover ul.pricing-cta li:nth-child(2) a {
    border-color: #fff;
    color: #fff;
}

.pkg-box:hover ul.pricing-detail i {
    color: #fff;
}
.pkg-box:hover:before {
    opacity: 1;
}
.pkg-box.active {
    background: #ff4418;
}

.pkg-box.active li {
    color: #ffff;
}

.pkg-box.active h4 {
    color: #ffff;
}

.pkg-box.active h5 {
    color: #fff;
}

.pkg-box.active del {
    color: #ffff;
}

.pkg-box.active i {
    color: #fff;
}

.pkg-box.active ul.pricing-cta li:nth-child(1) a {
    background: #1c4a3e;
    color: #fff;
}

.pkg-box.active ul.pricing-cta li:nth-child(1) a i {
    color: #fff;
}

.pkg-box.active ul.pricing-cta li:nth-child(2) a {
    border-color: #fff;
    color: #fff;
}

.pkg-box.active.pkg-box::before {
    opacity: 1;
}
/**/


/**/
.cta-sec-1{

    position: relative;
}

.cta-sec-1::before{

position: absolute;

content: "";

/*background:url('../images/girl-cta.png');*/

width: 253px;

height: 379px;

top: 0;

bottom: 0;

margin: auto;

background-position: left;

animation: updown2 3s ease-in-out infinite;
}
/**/

.cta-sec-1 {
    background: #c2e5dc;
    padding: 50px 0px;
}

.cta-sec-1 .cta-btn {
    justify-content: start;
}

.cta-sec-1 h3 {
    color: #000;
    font-weight: 600;
    font-size: 30px;
    line-height: 42px;
}

.cta-sec-1 p {
    color: #000;
    font-weight: 500;
    font-size: 16px;
    line-height: 25px;
    padding: 20px 0px;
}


/**/
.progress-wrap svg.progress-circle path {
    stroke: #bc0404;
    stroke-width: 4;
    box-sizing: border-box;
    transition: all 200ms linear;
}

.awc-sec-2::after {
    position: absolute;
    content: "";
    border-radius: 50%;
    background-color: rgb(244, 244, 244);
    width: 819px;
    height: 819px;
    left: -292px;
    top: 78px;
    z-index: -1;
}

.choose-sec h3 {
    text-align: center;
    font-size: 40px;
    font-weight: 700;
    color: #000000;
    padding: 0 0 25px 0;
}

.choose-sec p {
    color: #606060;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    padding: 0 0 50px 0;
}

.serive-sec h3 {
    text-align: center;
    font-size: 40px;
    font-weight: 700;
    color: #000000;
    padding: 60px 0 25px 0;
}

.serive-sec p {
    color: #606060;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    padding: 0 0 40px 0;
}
.choose-sec {

position: relative;

padding: 70px 0px 0;
}

.choose-box {
    border-radius: 6px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 11px 17.43px 3.57px rgba(0, 0, 0, 0.1);
    padding: 40px 12px;
    transition: 0.5s;
    height: 386px;
}

.choose-box {
    text-align: center;
}

.choose-box h4 {
    color: #FF4418;
    font-weight: 600;
    font-size: 20px;
    text-transform: capitalize;
    padding: 15px 0 0;
    line-height: 26px;
}

.choose-box p {
    padding: 0 !important;
}

.choose-box p {
    font-size: 14px;
    line-height: 26px;
}

.choose-box:hover, .choose-box.active {
        background: #ff4418;
}


.choose-box.active h4 {
    color: #fff;
}

.choose-box.active p {
    color: #fff;
}

.choose-box.active img {
    filter: invert(1);
}

.choose-sec::after {
    position: absolute;
    content: "";
    border-radius: 50%;
    background-color: rgb(244, 244, 244);
    width: 819px;
    height: 819px;
    z-index: -1;
    right: -217px;
    top: 63px;
}
.free-sec {
    text-align: center;
    margin: 60px 0 100px 0;
}

.serive-box {
    border-radius: 9px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 46px 0px rgb(0 0 0 / 12%);
    padding: 30px 20px 10px;
}
.serive-box h4 {
    font-size: 18px;
    color: #110d0d;
    font-weight: 600;
    text-align: center;
    line-height: 24px;
    padding: 20px 0 15px 0;
    margin: 0;
    min-height: 85px;
}

.serive-box p {
    color: #000;
    font-size: 14px;
    line-height: 22px;
    padding: 0;
    text-align: center;
    min-height: 160px;
}
.serive-sec .cta-btn {
    justify-content: center;
    margin: 50px 0 0 0;
}
.serive-sec {
    position: relative;
    margin-bottom: 50px;
}

.serive-sec::before {
    position: absolute;
    content: "";
    border-radius: 50%;
    background-color: rgb(244, 244, 244);
    width: 819px;
    z-index: -1;
    height: 819px;
    left: -500px;
}


.cta-sec-2{

    position: relative;
}
.cta-secmain{

    position: relative;
}
.cta-secmain::before{

position:absolute;

content: "";

/*background:url('../images/cta-img.png');*/

width: 307px;

height: 262px;

right: 0;

background-size: 90%;

background-repeat: no-repeat;

z-index: -1;

top: 11px;
}
.cta-secmain {
    padding: 35px 35px;
    background: #c2e5dc;
    z-index: 1;
}



.cta-secmain .cta-btn {
    display: block;
}

.cta-secmain .cta-btn li:nth-child(1) a {
    margin: 0 0 10px 0;
}

.cta-secmain h3 {
    color: #000;
    font-size: 30px;
    line-height: 42px;
    font-weight: 600;
}

.cta-secmain p {
    line-height: 26px;
    font-weight: 500;
    padding: 15px 0 0 0;
}

.cta-sec-2 {
    padding: 60px 0px;
}
.cta-sec-2::before {
    position: absolute;
    content: "";
    border-radius: 50%;
    background-color: rgb(244, 244, 244);
    z-index: -1;
    width: 500px;
    height: 500px;
    right: -339px;
    top: 0;
}
.process-sec {
    padding: 70px 0px 30px 0;
    background: #c2e5dc;
    margin-top: 50px;
}

.process-sec h3 {
    text-align: center;
    font-size: 40px;
    font-weight: 700;
    color: #000;
}

.process-sec p {
    color: #000;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    padding: 20px 0 50px 0;
}

.process-box {
    background: #fff;
    padding: 40px 18px;
    border-radius: 8px;
    margin: 0 0 35px 0;
    min-height: 275px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.process-box p {
    padding: 0 !important;
    text-align: left !important;
}

.process-box h4 {
    color: #000;
    font-size: 32px;
    font-weight: 600;
}

.process-box h6 {
    color: #000;
    font-weight: 500;
    padding: 10px 0 15px 0;
    font-size: 18px;
}


.mb-0 > a {
  display: block;
  position: relative;
}
.mb-0 > a:after {
  content: "\f078"; /* fa-chevron-down */
  font-family: "Font Awesome 5 pro";
  position: absolute;
  right: 0;
}
section.faqSec {
    padding: 80px 0px 50px;
    /* margin: 0 0 54px 0px; */
}

section.faqSec h3 {
    color: #ff4418;
    font-size: 35px;
    line-height: 50px;
    font-weight: bold;
}

section.faqSec p {
    font-size: 16px;
    line-height: 30px;
    padding: 10px 0 30px 0;
}

.faqSec .cta-btn {
    justify-content: start;
}

.card-header {
    background: none;
    border: none;
}

section.faqSec .card {
    background: none;
}

section.faqSec .card {
    border: none;
}

.mb-0 > a {
    color: #000;
    font-size: 17px;
    font-weight: 600;
    line-height: 28px;
}

.card-body {
    font-size: 18px;
    line-height: 30px;
    padding: 10px 20px;
}
.faqSec{
    position: relative;
}

.faqSec::before{
    position:absolute;
    content: "";
    /*background:url('../images/faq-img-1.png');*/
    width: 649px;
    height: 743px;
    top: 0;
    left: 0;
}

.faq-sec-head{

    position: relative;
}

.faq-sec-head::before{

position: absolute;

content: "";

background:url('../images/faq-img-2.png');

width: 379px;

height: 363px;

bottom: -381px;

right: -138px;

top: 367px;

animation: updown2 3s ease-in-out infinite;
}
.mb-0 > a[aria-expanded="true"]:after {
  content: "\f077"; /* fa-chevron-up */
}
.card-header {
    border-bottom: 4px solid #c9c9c9;
    margin: 40px 0 0 0;
    padding: 0 0 29px;
}

.card-header .mb-0 {
    font-size: 10px !important;
}
div#accordion {
    width: 76%;
    display: table;
    margin-left: auto;
}
section.footer-sec {
    background-color: #1c4a3e;
    color: #fff;
    padding: 20px 0px 0;
}
.foot-half p {
    font-size: 14px;
}
.test-box h4 {
    color: #000000;
    font-weight: 600;
    font-size: 18px;
}

.test-box h5 {
    color: #ff4418;
    font-size: 40px;
    font-weight: bold;
    text-transform: capitalize;
    padding: 10px 0 15px 0;
}

.test-box p {
    color: #7f8683;
    font-size: 18px;
    line-height: 30px;
}

.test-box h6 {
    color: #000;
    font-weight: 600;
    font-size: 22px;
}
.foot-second ul {
    list-style: none;
    display: flex;
    justify-content: end;
}
.foot-second ul li a {
    color: #fff;
}
.test-sec{

background: url('../images/test-bag.png');

padding: 70px 0px;
}

.test-sec .slick-arrow {
    font-size: 0;
    position: absolute;
    right: 1%;
    cursor: pointer;
    z-index: 1;
    padding: 0;
    width: 47px;
    bottom: 10%;
    height: 47px;
    border-radius: 100px;
    background: no-repeat;
}

.test-sec .slick-arrow:before {
    content: "\f0a9";
    font-family: "Font Awesome 5 pro";
    font-size: 30px;
    font-weight: 700;
    color: #000000;
    line-height: 47px;
    transition: .5s;
}

.test-sec .slick-prev {
    bottom: -46px;
    display: none !important;
}

.test-sec .slick-prev:before {
    content: "\f177"
}

.test-sec .slick-next {
    top: 50%;
    right: -13%;
}
.cta-btn li:nth-child(1) a:hover, .cta-btn li:nth-child(1) a:hover i {
    background: #1c4a3e;
    color: #fff;
}

.cta-btn li:nth-child(2) a:hover {
    background: #FF4418;
    color: #fff;
    border: 1px solid;
}
.foot-second ul li {
    margin: 0px 10px;
}
.progress-wrap {
  position: fixed;
  right: 1.5rem;
  bottom: 1.5rem;
  width: 2.3rem;
  height: 2.3rem;
  cursor: pointer;
  display: block;
  border-radius: 100%;
  box-shadow: inset 0 0 0 0.1rem rgba(128, 130, 134, 0.25);
  z-index: 1040;
  opacity: 0;
  visibility: hidden;
  transform: translateY(0.75rem);
  transition: all 200ms linear, margin-right 0ms;
}
.progress-wrap.active-progress {
  visibility: visible;
  transform: translateY(0);
}

.progress-wrap:after {
  position: absolute;
  font-family: "Font Awesome 5";
  content: "\f062";
  text-align: center;
  line-height: 2.3rem;
  font-size: 1.2rem;
  color: #bc0404;
  left: 0;
  top: 0;
  height: 2.3rem;
  width: 2.3rem;
  cursor: pointer;
  display: block;
  z-index: 1;
  transition: all 200ms linear;
}
@media (prefers-reduced-motion: reduce) {
  .progress-wrap:after {
    transition: none;
  }
}

.progress-wrap svg path {
  fill: none;
}

.progress-wrap svg.progress-circle path {
  stroke: #bc0404;
  stroke-width: 4;
  box-sizing: border-box;
  transition: all 200ms linear;
}

@media (prefers-reduced-motion: reduce) {
  .progress-wrap svg.progress-circle path {
    transition: none;
  }
}
@media (min-width: 576px) {
  .progress-wrap.active-progress {
    opacity: 1;
  }
}

/**/

@keyframes updown2 {
  0%,
  100% {
    transform: translate(0, 0);-webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s;
  }

  50% {
    transform: translate(0, 10px);-webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s;
  }
}

.guarantee-box img {
    animation: updown2 3s ease-in-out infinite;
    width: 50px;
}

.choose-box img {
    animation: updown2 3s ease-in-out infinite;
}


.awc-sec-2 ul li {color: #606060;font-size: 16px;line-height: 28px;}

.awc-sec-li-st-2 {
    list-style: disc;
    padding-left: 25px;
    padding-bottom: 50px;
}





ul.cta-btn-new span {
    background: #1c4a3e;
    padding: 15px 35px;
    border-radius: 5px;
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    margin: 0px 16px 0 0;
    transition: 0.5s;
    border: 1px solid #1c4a3e;
}

ul.cta-btn-new a {
    color: #1c4a3e;
}
.cta-btn-new{
    display: none;
}



input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
section.pricing-sec .col-md-4 {
    width: 100%;
    max-width: 100%;
}


.pricing-sec .slick-arrow {font-size: 0;position: absolute;cursor: pointer;z-index: 1;padding: 0;width: 47px;height: 47px;border-radius: 100px;background: none;}



.pricing-sec .slick-arrow:before {
    content: "\f061";
    font-family: 'Font Awesome 5 pro';
    font-size: 30px;
    font-weight: 700;
    color: #000;
    line-height: 47px;
    transition: .5s;
    }



.pricing-sec .slick-prev {bottom: -8%;left: -89%;top: 0;margin: auto;}



.pricing-sec .slick-prev:before {

    content: "\f060"

}



.pricing-sec .slick-next {

top: 50%;

right: -4%;
}


ul.brands-logo {
    /* flex-wrap: wrap; */
    text-align: center;
    justify-content: center;
    }

ul.brands-logo li {
    width: 30%;
    margin: 0px 10px 0 0;
    justify-content: flex-start;
    }

ul.brands-logo li.last {
    margin: 0;
}

.cta-secmain .cta-btn li:nth-child(1) a {
    padding: 15px 5px;
}

.banner-head ul li i {position: relative;top: 5px;color: #006E6E;}

.banner-head ul li  {
    line-height: 26px;
    display: flex;
    align-items: flex-start;
}
.banner-head ul li p {
    color: #777777;
    font-size: 16px;
    padding: 0;
    margin: 0;
    font-weight: 500;
    padding-left: 8px;
}

a.whatsapp {
    display: none !important;
}


.footer-social-box ul li {
   height: 30px;
   width: 30px;
   border-radius: 100%;
   background-color: #fff;
   display: flex;
   align-items: center;
   justify-content: center;
   color: #000;
   transition: all 1s;
   margin-right: 10px;
}

.footer-social-box ul li i {
   margin: 0px 0 0 0;
   color: #000;
}

.footer-social-box ul li:hover {
   transform: translateY(-10px);
   background-color: #fff;
   color: #fff;
}

.footer-social-box ul li:hover i {
   color: #000;
}
section.footer-sec .row {
    align-items: center !important;
}
.foot-half p {
    margin: 0;
}
.foot-second ul {
    margin: 0;
}
section.footer-sec {
    background-color: #96bf47;
    color: #fff;
    padding: 20px 0 20px;
}

.overlay-bg {
background: rgba(0, 0, 0, 0.8);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 10;
display: none;
}
.pop-form .submit-btn {
font-size: 18px;
width: 100%;
padding: 15px 0px;
background-color: #000000;
color: #fff;
cursor: pointer;
border-radius: 5px;
position: relative;
border: none;
margin-top: 15px;
width: 100%;
margin: 10px 0 0 0px !important;
font-weight: 700;
}
.pop-form .submit-btn {
font-size: 18px;
padding: 15px 0px;
background: #fb2224;
color: #fff;
cursor: pointer;
border-radius: 5px;
position: relative;
border: none;
margin-top: 15px;
width: 100%;
}
.popupform-main.active {
display: block;
}
.popupform-main {
position: fixed;
background-color: rgba(0, 0, 0, 0.62);
top: 0;
bottom: 0;
left: 0;
width: 100%;
width: 100%;
height: 100%;
z-index: 9999;
display: none;
}
.pop-form {
position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: auto;
    outline: none;
    white-space: normal;
    box-sizing: border-box;
    text-align: center;
    z-index: 99994;
    -webkit-overflow-scrolling: touch;
}
.popupform-main .main-pop .col-md-12 {
padding: 0;
}
.popupform-main h3 {
font-size: 26px;
margin: 31px 0 0 0;
float: none;
color: #ffffff;
font-weight: 500;
text-align: center;
padding: 0 !important;
}
.popupform-main h2 {
font-size: 40px;
margin: 10px 0 0 0;
color: #ffffff;
font-weight: 700;
}
.popupform-main h4 {
font-size: 26px;
margin: 8px 0 0 0;
color: #ffffff;
font-weight: 700;
}
.fspx-23 {
font-size: 23px;
}
.fw-exbold {
font-weight: 800 !important;
}
.ls-xsmall {
letter-spacing: -2px;
}
.fc-red {
color: #fb2224;
}
.tt-uppercase {
text-transform: uppercase !important;
}
.popupform-main h6 {
letter-spacing: 0;
font-size: 45px;
background: #4274fa;
color: #fff;
border-radius: 10px;
padding: 10px 15px 5px 15px;
text-align: left;
position: relative;
right: 0px;
margin: 0px;
float: right;
}
.fspx-20 {
font-size: 20px;
display: block;
}
.fspx-23 {
font-size: 23px;
margin-bottom: 10px;
}
.fw-normal {
font-weight: 400 !important;
}
.popupform-main .main-pop {
padding: 25px 10px 0 0;
}
.pop-form .no-thanks {
text-decoration: underline;
color: #666666;
}
.pop-form form .control-group {
margin-bottom: 10px;
}
form .control-group {
margin-bottom: 24px;
position: relative;
}
.pop-form form .control-group input[type=text],.pop-form form .control-group input[type=text], .pop-form form .control-group input[type=number], .pop-form form .control-group input[type=email], .pop-form form .control-group select, .pop-form form .control-group textarea {
background-color: #fff;
font-family: "Nunito", sans-serif;
text-align: left;
}
.popupform-main form input[type=text], .popupform-main form input[type=number], .popupform-main form input[type=email] {
padding-left: 10px;
min-height: 50px;
}
.popupform-main form input[type=text], .popupform-main form input[type=number], .popupform-main form input[type=email] {
color: #333333;
padding: 10px;
height: 44px;
width: 100%;
background: transparent;
border: 1px solid #cccccc;
box-shadow: none;
-webkit-appearance: none;
border-radius: 4px;
font-family: "Nunito", sans-serif;
}
form .numberarea {
width: auto;
position: relative;
}
.pop-form .submit-btn {
font-size: 18px;
width: 100%;
padding: 10px 0px;
background-color: #ffffff;
color: #000;
cursor: pointer;
border-radius: 5px;
position: relative;
border: none;
margin-top: 15px;
width: 100%;
margin: 10px 0 0 0px !important;
font-weight: 700;
text-transform: uppercase;
}
.pop-form .no-thanks {
text-decoration: underline;
color: #666666;
}
.popupform-main h6:before {
position: absolute;
content: "";
left: -35px;
top: 0px;
width: 0;
height: 0;
border-top: 0px solid transparent;
border-right: 45px solid #4274fa;
border-bottom: 28px solid transparent;
}
.float-left {
float: left;
}
.lh-medium {
line-height: 1.2;
}
.lh-medium {
line-height: 1.2;
}
.ta-left {
text-align: left;
}
.fw-exbold {
font-weight: 800 !important;
}
.mtpx-60{
margin-top: 60px;
}
.pop-form .close-btn {
width: 45px;
height: 45px;
display: block;
position: absolute;
top: 80px;
right: 120px;
font-size: 18px;
font-weight: 900;
color: #000;
padding-top: 3px;
background-color: #e9e9e9;
text-align: center;
border-radius: 50px;
align-items: center;
display: grid;
border: inset 3px #000;
/* border: 5px solid #fff; */
}

.popupform-main .col-sm-offset-4.col-sm-8 {
max-width: 100%;
width: 100%;
margin: 0;
}
.popupform-main h3{
font-size: 30px !important;
}
.popupform-main h6 {
font-size: 30px;
}

.pop-form .close-btn {
width: 35px;
height: 30px;
display: block;
position: absolute;
top: 2px;
right: 0;
font-size: 18px;
font-weight: 900;
color: #080808;
padding-top: 3px;
}

div#pop-form {width: 100%;margin: 0 auto;display: table;text-align: center;padding-top: 0;background-color: #fff;padding-left: 0;padding-right: 0;}
div#pop-form form {
width: 33%;
margin: 0 auto;
display: table;
}

.footerlinks.footer-social-box ul {
    display: flex;
}

.iti__flag {
    background-image: url(../images/flags.png) !important;
}

.iti {
    position: relative;
    display: block !important;
}


.step2.step2.step2-new {
    z-index: 2;
    margin-bottom: 70px;
    margin-top: 160px;
}

.step-form-area .textblock h1 {
    font-size: 41px;
    font-weight: 800;
    position: relative;
    color: black;
    text-align: center;
}

.step-form-area .textblock h1 i {
    position: absolute;
    font-size: 54px;
    font-weight: 400;
    color: rgba(204, 204, 204, 0.3411764705882353);
    z-index: 0;
    top: -31px;
    width: 250px;
    left: 50%;
    margin-left: -123px;
}

.step-form-area .textblock h1 span {
    display: inline-block;
    position: relative;
    z-index: 1;
}

.step-form-area p {
    color: #000;
    font-weight: 700;
    padding-left: 5px;
    padding-top: 10px;
    margin-bottom: 30px;
    text-align: center;
}

.specs {
    margin-bottom: 30px;
    margin-left: 0;
    margin-right: 17px;
}

h3.step-section-title-n {
    color: #000000;
    position: relative;
    width: 97.3%;
    font-size: 17px;
    background: #f9f9f9;
    display: block;
    overflow: hidden;
    line-height: normal;
    padding: 7px 0 5px 10px !important;
    font-weight: 600;
    text-align: left;
}

h3.step-section-title-n:before {
    content: "";
    background: #96bf47;
    width: 4px;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    border-radius: 160px;
}

.step-top-area ul {
    list-style-type: none;
    padding: 0;
}

.step-top-area ul li {
    text-align: left;
    margin-bottom: 12px;
    position: relative;
}

.step-top-area ul li label, .step-top-area label {
    text-align: left;
    display: block;
    margin-bottom: 10px;
    margin-top: 0;
    color: #2b2b2b;
    font-weight: 600;
    text-transform: uppercase;
}

.step-top-area ul li input[type="text"], .step-top-area ul li select, .step-top-area ul li textarea, .step-top-area ul li input[type="file"], .step-top-area ul li select.updated-package {
    background: #ffffff !important;
    color: #000;
    border: #e1e2e5 2px solid;
    border-radius: 0px;
    outline: none;
}

.step-top-area input[type="text"], .step-top-area textarea, .step-top-area select {
    width: 100%;
    background: #fbfdfd;
    border: 3px solid #edeef6;
    padding: 7px;
    font-size: 12px;
    outline: none;
}


.as-btn {
    position: relative;
    z-index: 2;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
    border: none;
    text-transform: capitalize;
    text-align: center;
    background-color: #96bf47;
    color: #fff;
    font-family: var(--body-font);
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    padding: 20.5px 33px;
    border-radius: 5px;
}

.thankyou-sec {
    margin-top: 200px;
    margin-bottom: 120px;
}

.border {
    width: 76px;
    height: 1px;
    border: 1px solid #96bf47 !important;
    margin: 20px auto;
}

.sec-title.centered {
    text-align: center;
}

.sec-title .text {
    position: relative;
    margin-top: 18px;
    line-height: 1.5;
}

.inner-banner-group.btn-group {
    margin-top: 30px;
}

.thankyou-head h2{
    font-size: 40px;
    font-weight: 700;
}

div#exampleModal .modal-dialog {
    max-width: 420px;

}

.banner-top h2 {
    font-size: 28px;
    color: #000;
    font-weight: 900;
    padding-left: 15px;
    border-left: #1c4a3e 6px solid;
    margin-bottom: 12px;
    line-height: 35px;
    margin-top: 20px;
}

.banner-top h3{
    font-size: 24px;
    font-weight: 500;
    font-family: inherit;
    line-height: 1.1;
}

.p-image img{
    width: 100%;
}

.model-body {
    position: relative;
   padding: 24px 30px 30px;
}

.intl-tel-input {
    width: 100%;
    margin-bottom: 0;
}

.new-popup-form input{
    border-width: 1px;
    border-color: rgb(149, 149, 149);
    border-style: solid;
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    height: 45px;
       padding: 10px 10px 10px 34px;
    width: 100%;
    font-size: 14px;
        color: #000;
}

.new-popup-form textarea{
    border-width: 1px;
    border-color: rgb(149, 149, 149);
    border-style: solid;
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
   height: 161px;
       padding: 10px 10px 10px 34px;
    width: 100%;
        font-size: 14px;
        color: #000;
}

.new-popup-form ul li i {
    position: absolute;
    top: 15px;
    left: 14px;
    color: #1c4a3e;
}

.new-popup-form ul {
    margin: 0;
}

.new-popup-form ul li {
    text-align: left;
    position: relative;
    width: 100%;
    margin: 8px 0;
    display: block;
}

.iti__country-list{
    width: 400px !important;
        overflow-x: hidden !important;
}

.pop-btn{
    background: #1c4a3e;
    padding: 15px 35px;
    border-radius: 5px;
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    margin: 0px 16px 0 0;
    transition: 0.5s;
    border: 1px solid #1c4a3e;
    width: 100%;
}

.btn-close{
    border: #1c4a3e 3px solid;
    background: #fff;
    border-radius: 72px;
    text-align: center;
    box-shadow: #000 0 0 10px;
    right: -14px;
    top: -13px;
    position: absolute;
    font-weight: 700;
    overflow: visible;
    width: 44px;
    height: 44px;
    z-index: 1;
}

.cta-secmain .first {
    margin-bottom: 40px;
}

.form-box button:hover {

    background: #ff4418;
    border: 1px solid #ff4418
    }
    

    .test-sec img {
        width: 100%;
    }

    .awc-sec-2 img {
        width: 100%;
    }