@import url('https://fonts.googleapis.com/css2?family=Sora:wght@100;200;300;400;500;600;700;800&display=swap');

h1, h2, h3, h4, h6, h5, p, a, li, span, button {
  font-family: 'Sora', sans-serif;
}

a:focus, a:hover {
  color: #23527c;
  text-decoration: none;
}

overflow-x: hidden;
}

a:hover, a:focus, button:hover, button:focus, .form-btn-st:focus {
text-decoration: none !important;
outline: none !important;
}

section {
float: left;
width: 100%;
}

/*section.header-section*/
section.header-section {
position: absolute;
padding: 20px 100px 20px  50px;
z-index: 1;
}

.logo-box img {
max-width: 250px;
}

section.header-section .row {
display: flex;
align-items: center;
text-align: end;
}

@keyframes blinkingText {
0% {
  color: #006ebe;
}

49% {
  color: #fff;
}

60% {
  color: #006ebe;
}

99% {
  color: #ffff;
}

100% {
  color: #fff;
}

}

a.phone-btn {
font-size: 16px;
font-weight: 600;
color: #fff;
animation: blinkingText 2s infinite;
padding: 20px 30px;
border-radius: 50px;
background: linear-gradient(to right, #e27c64 0%, #e7984f 100%);
}

a.get-btn.popup-btn {
padding: 13px 30px;
background-color: #0078ff;
font-size: 16px;
font-weight: 600;
color: #fff;
background: linear-gradient(to right, #e27c64 0%, #e7984f 100%);
border-radius: 50px;
}

a.chat-btn.chats {
padding: 13px 35px;
background-color: #fff;
font-size: 16px;
font-weight: 600;
color: #000;
border-radius: 50px;
}

a.get-btn.popup-btn:hover {
background-color: #fff;/* color: #0078ff; */
}

a.chat-btn.chats:hover {

/* background-color: #0078ff; *//* color: #fff; */
}

/*section.header-section*/

/*section.banner-section*/
section.banner-section {padding: 50px 0 0 0;background-image: url(../images/web-design-plans-banner-img.jpg);background-repeat: no-repeat;background-size: cover;background-position: center;position: relative;height: 800px;display: flex;align-items: center;overflow: visible !important;}

section.banner-section::after {
    position: absolute;
    content: "";
    background-image: url(../images/banner-before.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    /* top: 0; */
    right: 0;
    width: 99px;
    height: 122px;
    bottom: -50px;
}

.header-btn {
display: flex;
align-items: center;
justify-content: end;
column-gap: 15px;
}

.text-ht h1 {
font-size: 43px;
font-weight: 1000;
color: #fff;
margin: 0 0 15px 0;
line-height: initial;
}

.text-ht p {
font-size: 16px;
font-weight: 400;
color: #ffffff;
margin: 0 0 40px 0;
}

section.banner-section .text-ht h4 {
font-size: 20px;
font-weight: 500;
color: #fff;
margin: 0 0 20px 0;
}

.text-ht h3 {
font-size: 18px;
font-weight: 500;
color: #bfb784;
margin: 0 0 25px 0;
}

.banner-logos ul {
display: flex;
align-items: center;
padding: 0;
list-style: none;
margin: 30px 0 0 0;
}

.banner-logos ul li {
display: flex;
align-items: center;
}

.banner-logos ul li img {

/* width: 115px; */
}

.baner-img-box img {
margin: 100px 0 0 -154px;
}

section.banner-section .header-btn {
justify-content: start;
}

section.banner-section .row {
display: flex;
align-items: center;
}

/*.baner-img-box img {position: absolute;bottom: -95px;left: 220px;}*/
.inner-banner-form {padding: 40px 27px 30px;background-size: cover;border-radius: 8px;background-color: rgb(255, 255, 255);width: 75%;position: relative;/* top: 135px; */}
.inner-banner-form::before {
    content: "";
    position: absolute;
    top: -25px;
    /* left: 0; */
    right: -55px;
    /* bottom: 0; */
    background-image: url(../images/order-offer1.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 112px;
    width: 112px;
}
.inner-banner-form input {
margin: 0 0 10px 0;
background: none;
border: 1px solid #cccccc;
}

.inner-banner-form textarea {
background: none;
border: 1px solid #cccccc;
}

.inner-banner-form span {
font-size: 15px;
color: #000;
font-weight: 500;
padding: 0;
}

.inner-banner-form h6 {
font-weight: 900;
font-size: 36px;
padding: 0 0 30px 0;
background: -webkit-linear-gradient(0deg, rgb(241, 188, 30) 0%, rgb(240, 56, 0) 99%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.inner-banner-form p {
color: #000;
font-size: 16px;
line-height: 25px;
font-weight: 400;
text-align: center;
margin: 15px 0 0 0;
}

.col-sm-6.form-before-box::before {position: absolute;content: "";width: 600px;height: 600px;z-index: -1;left: 30px;background-image: url(../images/banner-bg-before.png);background-repeat: no-repeat;background-size: cover;background-position: center;/* top: 0; */right: 0;margin: auto;display: table;bottom: -32px;}

.col-sm-6.form-before-box {
position: relative;
z-index: 1;
text-align: -webkit-right;/* margin: 275px 0 0 0; */
}

.shopify-img-box {text-align: center;margin: 0 0 10px 85px;}

/*.inner-banner-form input {
margin: 0 0 10px 0;
background: none;
border: 1px solid #cccccc;
}
.inner-banner-form textarea {
background: none;
border: 1px solid #cccccc;
}*/
.fld-inp input {
width: 100%;
height: 49px;
padding: 10px 20px 14px;
border-style: solid;
border-width: 1px;
border-color: rgb(222, 222, 222);
border-radius: 5px;
background-color: rgb(242, 242, 242);
font-family: 'Sora';
}

.fld-inp textarea {
width: 100%;
height: 129px;
resize: none;
margin: 0 0 14px 0;
padding: 10px 20px 10px 20px;
border-style: solid;
border-width: 1px;
border-color: rgb(222, 222, 222);
border-radius: 5px;
background-color: rgb(242, 242, 242);
font-family: 'Sora';
}

.fld-inp i {
position: absolute;
top: 16px;
left: 22px;
color: #c6c6c6;
font-size: 13px;
}

.fld-inp {
position: relative;
}

.inner-banner-form button {
padding: 12px 30px;
border: 0;
color: #fff;
font-size: 17px;
border-width: 1px;
border-color: rgb(255, 255, 255);
border-style: solid;
border-radius: 40px;/* height: 39px; */
text-align: center;/* margin: auto; */

/* display: table; */width: 100%;
background: linear-gradient(to right, #e27c64 0%, #e7984f 100%);
}

.inner-banner-form button:hover {
background-color: #0078ff;
}

.inner-banner-form h5 {
font-size: 30px;
font-weight: bold;
color: #000;
margin: 0;
text-align: center;
}

.inner-banner-form h4 {
font-size: 25px;
font-weight: 600;
color: #0078ff;
margin: 7px 0;
text-align: center;
}

.inner-banner-form form {
margin: 25px 0px 0 0;
}

/*section.banner-section*/

/*section.pricing-section*/
section.pricing-sec {
padding: 50px 0px 50px;
background-image: url(../images/Plans.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
background-color: #091134;
}

.pricing-text {
text-align: center;
}

.pricing-text h2 {
font-size: 40px;
font-weight: 900;
color: #fff;
margin: 0 0 20px 0;
}

.pricing-text p {
font-size: 16px;
font-weight: 400;
color: #fff;
margin: 0 0 35px 0;
line-height: 23px;
}

.pkgBoxx {padding: 41px 20px 30px;position: relative;background-color: rgb(255, 255, 255);margin: 40px 10px 0 10px;}
.pkgBoxx::before {
    position: absolute;
    content: "";
    /*background-image: url(../images/price-shopi-1.png);*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 75px;
    height: 86px;
    top: -40px;
    right: 0;
    z-index: 1;
}

.pricing-text h5 {
font-size: 20px;
font-weight: 400;
color: #fff;
margin: 0 0 15px 0;
}

.pricing-text h2 span {
color: #6f9d45;
}

.pkgBoxx h3 {
color: #333;
font-size: 13px;
font-weight: 600;
text-align: center;
margin: 0 0 20px 0;
}

.pkgBoxx h2 {font-size: 40px;font-weight: 900;position: relative;left: 0;display: block;color: #000000;margin: 20px 0 20px 0;display: flex;align-items: center;column-gap: 20px;text-align: center;margin: 15px auto 15px;display: table;}

.pkgBoxx h6 {
color: #000;
font-size: 14px;
padding: 0px 0 15px;
font-weight: 400;
text-align: center;
margin: 0px 0 0 0;
}

.pkgBoxx:hover li {
color: #000;
}

ul.pkgheadlist li {
color: #000;
font-size: 15px !important;
padding: 8px 0 5px;
position: relative;
font-weight: 400;
display: flex;
align-items: center;
column-gap: 7px;/* flex-wrap: wrap; */
}

a.pkgBtn {color: #fff;font-size: 16px;font-weight: 400;/* padding: 12px 35px; */border-radius: 50px;background: linear-gradient(to right, #e27c64 0%, #e7984f 100%);}

.pricing-btn {
margin: 30px auto 0;
}

ul.ctapkg {
margin: 20px 0 0;
text-align: center;
padding: 0;
list-style: none;
display: flex;
align-items: center;
justify-content: center;
column-gap: 20px;
}

.pkgBoxx:hover .ctapkg li a {
color: #ffff;
}

ul.ctapkg li a {
color: #000;
font-size: 16px;
font-weight: 500;
}

ul.ctapkg li span {
font-weight: 800;
color: #000;
}

ul.pkg-slider.pkglist.slick-initialized.slick-slider {
padding: 0;
justify-content: center;
}

a:focus {
outline: 0;
}

.pric-mini-box h3 {
font-size: 18px;
color: #000;
margin: 0;
text-align: center;
}

.pric-mini-box h6 {
font-size: 15px !important;
text-align: center;
margin: 10px 0 0 0;
padding: 0;
}

.pric-mini-box h6 span {
color: #ff0000;
}

.pkgBoxx:hover .view-details a {
color: #fff;
}

.view-details a:hover {
color: #12ff9d;
}

.view-details a {
font-size: 17px;
color: #000;
font-weight: 800;
position: relative;
left: 0;
text-align: center;
display: block;
margin-top: 20px;
}

ul.pkgheadlist {
padding: 30px 10px;
height: 290px;
position: relative;
overflow-y: scroll;
list-style: none;
margin: 0 0 35px 0;
background-color: #eeeeee;
}

/*.pkgBoxx h4 {
display: none;
}
*/
.pkgBoxx span del {
display: none;
font-size: 17px;
color: #000;
position: absolute;
margin: 0 0 0 0px;
right: 160px;
margin: -15px 0 0 0;
}

.pkgBoxx:hover ul.pkgheadlist li i {
color: #000;
}

.pkgBoxx:hover del {
color: #ff0000;
}

.pricing-btna a {
padding: 11px 30px;
font-size: 16px;
font-weight: 400;
color: #000 !important;
}

.pricing-btn a.chats {
padding: 8px 30px;
font-size: 15px;
font-weight: 400;
color: #000;
margin: 0;
border: solid 1px #000;
border-radius: 30px;
}

.pricing-btn {

/* margin-top: 35px; */
}

ul.pkgheadlist li i {
font-size: 16px;
color: #709e45;
}

section.pricing-sec .slick-dots li.slick-active button {width: 15px;height: 14px;border: solid 1px;background-color: #27bc75;}

section.pricing-sec .slick-dots li button {background-color: #fff;border-radius: 50px;width: 13px;height: 13px;position: absolute;top: 30px;/* right: 305px; */}

.silver-box h3 {font-size: 26px;margin: 0 !important;color: #000;text-align: center;}

.silver-box {
}

.pricing-btn.row {
border-top: solid 1px #00000040;
padding-top: 45px;
}

.pric-color-box {
position: relative;
}

.pricing-main:hover {
transform: scale(1.1);
}

.pricing-btn-2 a.phone-btn {
background-color: #d62828;
font-size: 16px;
font-weight: 400;
color: #fff;
padding: 10px 40px;
border-radius: 30px;
}

.pricing-btn-2 a.yellow_btn {
border-color: #d62828;
font-size: 16px;
font-weight: 400;
color: #d62828;
padding: 8px 35px;
border-radius: 30px;
border: solid 1px;
}

ul.pkg-slider.pkglist {
display: flex;
padding: 0;
list-style: none;
}

.pric-box-color {
border-radius: 15px;
background-color: rgb(241, 178, 216);
}

ul.pkgheadlist li p {
font-size: 15px;
font-weight: 400;
color: #000;
margin: 0 0 0 0;
}

.pric-box-color-2 {
border-radius: 15px;
background-color: rgb(208, 234, 89);
}

.pric-box-color-3 {
border-radius: 15px;
background-color: rgb(255, 187, 1);
}

.pkgBoxx a.pkgBtn {text-align: center;/* margin: auto; */display: table;font-size: 13px;padding: 14px 30px;}

.pkgBoxx h2 span {
font-size: 14px;
font-family: 'Poppins';
font-weight: 400;
margin: 0;
}

a.pkgBtn:hover {
background-color: #fff;
color: #000;
}

/*Main Css */

/* width */
section.pricing-sec ::-webkit-scrollbar {
width: 7px;
border-radius: 100px !important;
}

/* Track */
section.pricing-sec ::-webkit-scrollbar-track {
background: #000;
border-radius: 100px;
}

/* Handle */
section.pricing-sec ::-webkit-scrollbar-thumb {
background: #fff;
border-radius: 8px;
}

/* Handle on hover */
section.pricing-sec ::-webkit-scrollbar-thumb:hover {
background: #0078ff;
}

/*Main Css */

/*section.pricing-section*/
@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;
}

}

section.nu-sec {padding: 100px 0 50px;background: #f2f2f2;position: relative;overflow: visible !important;}
section.nu-sec::after {
    position: absolute;
    content: "";
    /*background-image: url(../images/ni-sec-before.png);*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    /* top: 0; */
    right: 0;
    width: 218px;
    height: 296px;
    bottom: -50px;
}

.nu-main-box {
display: flex;
align-items: center;
}

.nu-main h3 {
font-size: 60px;
font-weight: bold;
color: #fff;
margin: 15px 0 15px 0;
}

.nu-main p {
font-size: 17px;
font-weight: 500;
margin: 0;
color: #fff;
}

.nu-main-box {
padding: 50px 0;
width: 100%;
border-radius: 150px 0px 150px 0px;
background: linear-gradient(to bottom, #006ebea1 0, #27bd75bf 100%);
}

.nu-main img {
width: 75px;
}

.nu-main {
text-align: center;
}

/*section.portfolio-section*/
section.portfolio-sec {
padding: 50px 20px 0;
}

section.portfolio-sec .text-box {
text-align: center;
}

.text-box h2 {
font-size: 40px;
font-weight: bold;
color: #000;
margin: 0 0 30px 0;
}

.text-box p {
font-size: 16px;
font-weight: 400;
color: #000;
margin: 0 0 30px 0;
line-height: 22px;
}

.port-img img {
width: 100%;
margin: 0 0 30px 0;
}

/*.box18*/
.box18 {
overflow: hidden;
}

.box18 {
text-align: center;
position: relative;
margin: 0 0 30px 0;
}

.box18:after, .box18:before {
content: "";
width: 2px;
height: 2px;
border-radius: 50%;
background: rgba(0, 0, 0, .35);
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0)
}

.box18:hover:after, .box18:hover:before {
-webkit-transform: scale(400);
-moz-transform: scale(400);
-ms-transform: scale(400);
-o-transform: scale(400);
transform: scale(400)
}

.box18:before {
-o-transition: all .5s linear .3s;
-moz-transition: all .5s linear .3s;
-ms-transition: all .5s linear .3s;
-webkit-transition: all .5s linear .3s;
transition: all .5s linear .3s
}

.box18:hover:before {
-moz-transition-delay: 0s;
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
-ms-transition-delay: 0s;
transition-delay: 0s
}

.box18:after {
-o-transition: all .5s linear .6s;
-moz-transition: all .5s linear .6s;
-ms-transition: all .5s linear .6s;
-webkit-transition: all .5s linear .6s;
transition: all .5s linear .6s
}

.box18:hover:after {
-moz-transition-delay: .2s;
-webkit-transition-delay: .2s;
-o-transition-delay: .2s;
-ms-transition-delay: .2s;
transition-delay: .2s
}

.box18 img {
width: 100%;
height: auto
}

.box18 .box-content {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: 0 0;
color: #fff;
padding-top: 25px;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-ms-transition: all .3s linear 0s;
-o-transition: all .3s linear 0s;
-webkit-transition: all .3s linear 0s;
-moz-transition: all .3s linear 0s;
transition: all .3s linear 0s;
z-index: 1;
display: flex;
justify-content: center;
align-items: center;
}

.box18:hover .box-content {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-moz-transition-delay: .4s;
-webkit-transition-delay: .4s;
-o-transition-delay: .4s;
-ms-transition-delay: .4s;
transition-delay: .4s
}

.box18 .title {
font-size: 21px;
font-weight: 700;
text-transform: uppercase;
border-bottom: 1px solid #fff;
padding-bottom: 20px;
margin-top: 20px
}

.box18 .description {
font-size: 14px;
font-style: italic;
padding: 0 10px;
margin: 15px 0
}

.box18 .read-more {
display: block;
width: 120px;
background: #178993;
border-radius: 5px;
font-size: 14px;
color: #fff;
text-transform: capitalize;
padding: 10px 0;
margin: 0 auto
}

@media only screen and (max-width:990px) {
.box18 {
  margin-bottom: 30px
}

}

@media only screen and (max-width:479px) {
.box18 .box-content {
  padding-top: 0
}

}

@media only screen and (max-width:359px) {
.box18 .title {
  padding-bottom: 10px
}

}

.box18:hover .box-content i {
font-size: 40px;
color: #fff;
}

/*.box18*/

/*section.portfolio-section*/

/*section.cta-sec*/
section.cta-sec {
padding: 30px 0;
position: relative;
}

section.cta-sec::before {
position: absolute;
content: "";
width: 1548px;
height: 273px;/* z-index: -1; */

/* left: 30px; */
background-image: url(../images/cta.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
top: 0;
right: 0;
bottom: 0;
margin: auto;
}

section.cta-sec .row {
display: flex;
align-items: center;
}

.sopifyimg-box img {
margin: 150px 0 0 -150px;
}

.cta-text h4 {
font-size: 25px;
color: #fff;
margin: 0 0 15px 0;
}

.cta-text h2 {
font-size: 35px;
font-weight: bold;
color: #fff;
margin: 0 0 20px 0;
}

.cta-text p {
font-size: 16px;
font-weight: 400;
color: #ffff;
margin: 0 0 20px 0;
line-height: 20px;
}

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

/*section.cta-sec*/
.silver-box p {
font-size: 14px;
line-height: 17px;
margin: 10px 0 0 0;
}

.pkgBoxx:hover {
        background: linear-gradient(to bottom, #006ebea1 0, #27bd75bf 100%);
}

.pkgBoxx:hover h2 {
color: #fff;
}

.pkgBoxx:hover h3 {
color: #fff;
}

.pkgBoxx:hover .silver-box p {
color: #fff;
}

.pkgBoxx h2 del {
font-size: 24px;
font-weight: 400;
padding: 0 0 0 20px;
}

.testi-slider {
display: flex;
align-items: center;
}

section.testi-section {
padding: 80px 0 50px;
position: relative;
}
section.testi-section::after {
    position: absolute;
    content: "";
    background-image: url(../images/testi-before.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    /* top: 0; */
    right: 0;
    width: 384px;
    height: 362px;
    bottom: 0px;
}

.testi-box {
padding: 50px 20px;
text-align: center;
margin: 0 0px 10px 10px;
border-radius: 5px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.16);
}

.testi-box p {
font-size: 15px;
line-height: 18px;
margin: 0 0 20px 0;
min-height: 150px;
}

.testi-box h4 {
font-size: 25px;
font-weight: bold;
color: #000000;
margin: 20px 0 20px 0;
}

.text-ht p {
font-size: 16px;
font-weight: 400;
color: #fff;
margin: 20px 0 20px 0;
line-height: 22px;
}

section.testi-section .text-ht h2 {
font-size: 40px;
font-weight: bold;
color: #000;
margin: 0 0 0 0;
}

section.testi-section .header-btn {
justify-content: start;
padding: 0 0 0 20px;
}

section.testi-section::before {
position: absolute;
content: "";
background: linear-gradient(to bottom, #006ebea1 0, #27bd75bf 100%);
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 300px;
width: 50%;
border-radius: 0 0 100px 0;
}

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

img.tesi-comma {
margin: 0 0 0 20px;
}

img.tesi-stars {
text-align: center;
margin: auto;
}

section.testi-section .text-ht {
padding: 0 240px 0 20px;
}

section.testi-section .row {
display: flex;
align-items: center;
}

/*faq*/
.faq-sec {
padding: 50px 0;
background: url(../images/faq.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}

.faq-sec .row {
display: flex;
align-items: center;
}

.faq-sec .hd-txt {
text-align: center;
}

.faq-sec .hd-txt h2 {
padding-bottom: 10px;
}

.faq-img img {
width: 90%;
margin: 0 auto;
display: table;
}

.faq-sec .hd-txt p {
color: #222;
}

.faq-sec .hd-txt {
color: #fff;
}

.panel-heading {
padding: 0;
border: 0;
}

.panel-title>a, .panel-title>a:active {
display: block;
padding: 20px;
color: #262626;
font-size: 18px;
font-weight: 300;/* text-transform:uppercase; */

/* letter-spacing: 0px; */

/* word-spacing:3px; */
text-decoration: none;/* background: #ffffff; */
}

.panel-heading  a:before {

/* font-family: 'Glyphicons Halflings'; */
font: normal normal normal 14px/1 FontAwesome;
content: "\f107";/* content: "\e114"; */
float: right;
transition: all 0.5s;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
transform: rotate(1deg);
background: transparent;
padding: 7px;
font-size: 12px;
margin-top: -7px;
font-size: 25px;
font-weight: bold;
color: #195b97;
}

.panel-heading .collapsed:before {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(180deg);
transform: rotate(271deg);
font-size: 25px;
font-weight: bold;
color: #282828;
}

.panel-title {
border: 0;
}

.panel.panel-default {
background: transparent;
border: 0 !important;
padding-bottom: 10px;
margin-top: 0 !important;
box-shadow: none;
}

div#headingOne {
background: white;
border: 0 !important;
}

.panel-body {

/* background: #ffffff; */
padding: 5px 20px 30px;
color: #000;
border-bottom: 2px solid #e5e5e5;
border-top: 0 !important;
font-weight: 300;
}

.panel-default>.panel-heading {
color: #333;
background-color: #00000000;
border-color: #ddd;
}

.faq-sec .hd-txt {
color: #000;
padding-bottom: 20px;
}

.accordion {
padding-top: 30px;
}

a.collapsed {
border-bottom: 2px solid #e5e5e5;
margin: 0 0 18px;
}

/*faq*/
.accordion .item .item-header h2 button.btn.btn-link {
color: #000;
border-radius: 0px;
font-size: 18px;
font-weight: bold;
text-decoration: none;
padding: 0;
font-family: 'Sora';
}

.accordion .item .item-header {
border-bottom: none;
background: transparent;
padding: 0px;
margin: 2px;
}

.accordion .item .item-header h2 button {
color: white;
font-size: 20px;
padding: 15px;
display: block;
width: 100%;
text-align: left;
}

.accordion .item .item-header h2 i {
float: right;
font-size: 22px;
color: #fff;
background: linear-gradient(to bottom, #006ebea1 0, #27bd75bf 100%);
width: 30px;
height: 30px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 100px;
}

button.btn.btn-link.collapsed i {
transform: rotate(0deg);
}

button.btn.btn-link i {
transform: rotate(180deg);
transition: 0.5s;
}

.item {
padding: 10px 20px;
background-color: #fff;
margin: 0 0 15px 0;
}

.faq-text h2 {
font-size: 40px;
font-weight: bold;
color: #000;
text-align: center;
}

.t-p {
font-size: 15px;
font-weight: 400;
font-family: 'Sora';
line-height: 20px;
width: 85%;
}

section.faq-sec .header-btn {
justify-content: center;
}

.col-sm-12.ftr-lst-cpy {
display: flex;
align-items: center;
justify-content: space-between;
}

section.copyright-section {
padding: 20px 0;
    background: linear-gradient(to right, #006ebe 0, #27bd75 100%);
}

.privacy-terms {
display: flex;
align-items: center;
column-gap: 10px;
}

.privacy-terms a {
color: #fff;
}

.copy-right p {
color: #fff;
}

a.phone-btn.phone-banner {
display: none;
}

section.banner-section a.get-btn.popup-btn {
background-color: #fff;
color: #fff;
border-radius: 50px;
}

section.banner-section input::placeholder {
color: #000;
font-family: 'Sora';
font-size: 15px;
}

section.banner-section textarea::placeholder {
color: #000;
font-size: 15px;
font-family: 'Sora';
}

section.testi-section .text-ht p {
color: #000;
}

section.portfolio-sec a.get-btn.popup-btn {
padding: 13px 30px;
background-color: #0078ff;
font-size: 16px;
font-weight: 600;
color: #fff;
border-radius: 50px;
background: linear-gradient(to right, #e27c64 0%, #e7984f 100%);
text-align: center;
}

.row.btn-row-box {
justify-content: center;
margin: 30px auto 0;
}

.pkgBoxx:hover a.pkgBtn {}

.testi-section .slick-dots {
position: absolute;
top: -35px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center
}

.testi-section .slick-dots li button {
position: relative;
right: 0;
display: none;
background-color: #e5e5e5;
border-radius: 50px;
width: 10px;
height: 10px
}

.testi-section ul.slick-dots li {
background: #dee2ff;
border-radius: 60%;
width: 14px;
height: 14px
}

.testi-section ul.slick-dots li.slick-active {
    background: #27bc75;
}

.faq-text p {
font-size: 16px;
text-align: center;
font-weight: 400;
line-height: 20px;
margin: 20px 0 15px 0;
}

.testi-slider.slick-initialized.slick-slider.slick-dotted {
margin: 0;
}
.cta-img-box img {
    /* width: 100%; */
}
section{
  overflow: hidden !important;
}
section.portfolio-sec .row {
    display: block;
}


section.nu-sec .slick-dots li.slick-active button {
    width: 15px;
    height: 14px;
    border: solid 1px;
    background-color: #000;
}
section.nu-sec .slick-dots li button {
    background-color: #5b56e58c;
    border-radius: 50px;
    width: 13px;
    height: 13px;
    position: absolute;
    top: 30px;
    /* right: 305px; */
}
section.portfolio-sec .header-btn {
    justify-content: center;
}
.btn.focus, .btn:focus {
    box-shadow: none;
}
.port-box.box18 img {
    border: solid 1px #000;
    margin: 0 10px 0 10px;
}
.silver-box {
    text-align: center;
}



.banner-ul-box ul li {display: flex;align-items: center;column-gap: 10px;margin: 0 0 15px 0;}

.banner-ul-box ul li i {
    color: #fff;
    font-size: 10px;
}

.banner-ul-box ul li p {font-size: 16px;margin: 0;}

.banner-ul-box ul {
    margin: 20px 0 30px 0;
}


section.pricing-sec .col-sm-12.row {
    display: block;
}



.pricing-btn {
    justify-content: center;
    display: flex;
    align-items: center;
    column-gap: 10px;
}



.pricing-btn a.phone-btn {
    font-size: 13px;
    padding: 14px 20px;
}
h4.selr-box {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: table;
    font-size: 16px;
    font-weight: bold;
    padding: 7px 0;
    background-color: red;
    width: 100%;
    text-align: center;
    color: #fff;
}



.banner-section a.banr-chat.chat-btn.chats {
        background: -webkit-linear-gradient(left, #006ebe 0, #006ebe 100%);
    color: #fff;
    padding: 13px 40px;
}

.banner-section a.banr-chat.chat-btn.chats:hover {
    background-color: #fff !important;
    color: #000;
    background-image: none;
}

section.portfolio-sec a.get-btn.popup-btn:hover {
    background-color: #000;
    background-image: none;
}

section.cta-sec a.get-btn.popup-btn:hover {
    background-color: #fff;
    color: #000;
    background-image: none;
}

section.header-section a.chat-btn.chats:hover {
    background: linear-gradient(to right, #e27c64 0%, #e7984f 100%);
    color: #fff;
}

section.cta-sec a.chat-btn.chats:hover {
    background-color: #000;
    color: #fff;
}

section.pricing-sec a.pkgBtn:hover {}

section.testi-section a.get-btn.popup-btn:hover {
    background-color: #000;
    background-image: none;
}

section.faq-sec a.get-btn.popup-btn:hover {
    background-color: #000;
    background-image: none;
}

.pkgBoxx:hover a.pkgBtn.popup-btn {
    background-color: #000;
    color: #fff;
    background-image: none;
}

.whatsapp {
    width: 50px;
    height: 51px;
    color: #fff;
    display: block;
    text-align: center;
    border-radius: 100%;
    font-size: 34px;
    position: fixed;
    bottom: 30px;
    left: 20px;
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1px 0;
    animation: scrollDownAnimation 0.5s ease infinite alternate;
    -webkit-animation: scrollDownAnimation 0.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);
    display: none;
}
.para-mx-wd {
    width: 100%;
    max-width: 1200px;
}
.banr-chat.chat-btn.chats {
    position: relative; 
}
.pricing-sec .pkgBtn.popup-btn.order-mbl,
.get-btn.popup-btn.get-banner,


.faq-sec .get-btn.popup-btn,
.cta-sec .get-btn.popup-btn,
.inner-banner-form button {
        background: -webkit-linear-gradient(left, #006ebe 0, #006ebe 100%) !important;
}
.cta-sec .chat-btn.chats, 
.header-btn a,
.pricing-sec .phone-btn {
        background: linear-gradient(to right, #26bc75 0, #27bc75 100%) !important;
}
.cta-sec .chat-btn.chats {
    color: #fff;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.cta-sec .get-btn.popup-btn:hover {
    color: #fff !important;
}
.fa-ani {
    margin-left: 5px;
    font-size: 12px;
    animation: 2s infinite arrowanim;
    -webkit-animation: 2s infinite arrowanim;
}

@keyframes arrowanim {
    0% {
        transform: translate(0, 0)
    }
    50% {
        transform: translate(8px, 0)
    }
    100% {
        transform: translate(0, 0)
    }
}

@-webkit-keyframes arrowanim {
    0% {
        transform: translate(0, 0)
    }
    50% {
        transform: translate(8px, 0)
    }
    100% {
        transform: translate(0, 0)
    }
}
.slider-stars i {
    color: #27bc75;
}
ul.pkgheadlist li i {
    color: #27bc75;
}