*{
    text-decoration: none !important;
    list-style: none !important;
}
body{
    font-family: "Poppins", sans-serif;
    overflow-x: hidden;
}
:root{
    --primary-color: #2BB673;
    --button-color: linear-gradient(#FF7A03, #FF3D2F);
    --greycolor: #333333;
    --white-color:#fff;
    --black-color:#000;
     overflow-x: hidden;
}
h1,h2,h3{

    color: var(--white-color);
}

.spanbold{
    font-weight: 600;
    
}

.btn_custom{
    overflow: hidden;
    z-index: 1;
    position: relative;
    border-radius: 63px;
    font-weight: 500;
    transition: all 0.4s ease;
    z-index: 1;
    overflow: hidden;
    border: 1px solid var(--button-color);
    position: relative;
    background: var(--button-color);
    color: var(--white-color);
    transition: all 0.3s ease;
    font-size: 16px;
    padding: 12px 55px;
    text-transform: uppercase;
    text-decoration: none !important;
}
.btn:hover{
    color: white !important;
}
.btn.focus, .btn:focus {
    display: none;
}

.noborder {
    background: transparent;
    border:2px solid #fff;
    padding: 10px 70px;
    margin-left: 10px;
    transition: all 6s ease;
}
.noborder:hover{
    background: var(--button-color);
    transition: all 0.6s ease-in;
}

/* header css start */
header{
    background: #fff;
    padding: 9px 0px;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 22;
}
.HeaderMain .navbar-nav li:last-child {
    float: right;
    display: flex;
    width: 100%;
    justify-content: end;
}
.HeaderMain .navbar-nav li.child-dropdown{
    position: relative;
}

.HeaderMain .navbar-nav li.child-dropdown .dropdown-item{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    flex-direction: row;
    gap: 15px;
}
.HeaderMain .navbar-nav li.child-dropdown .dropdown-item i{
    color: #212529c2 !important;
}
.HeaderMain .navbar-nav li.child-dropdown:hover .child-list{
    visibility: visible;
    opacity: 1;
}
.HeaderMain .navbar-nav li.child-dropdown .child-list{
    visibility: hidden;
    opacity: 0;
    position: absolute;
    padding: 15px 0;
    top: 0;
    transform: none;
    left: 100%;
    width: 250px;
    box-shadow: none;
    z-index: 111;
    transition: 0.4s all;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 2px;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem;
}
.HeaderMain .navbar-nav li.child-dropdown .child-list li{
    justify-content: flex-start;
}
.HeaderMain .navbar-nav li.child-dropdown .child-list li .child-item{
    padding: 5px 10px;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.HeaderMain .navbar-nav li.child-dropdown .child-list li .child-item:hover{
    background: var(--button-color);
    color: #fff;
}

ul.navbar-nav {
    gap: 20px;
    margin-bottom: 0px  !important;
    margin-top: 0px !important;
}

.btn-outline-success {
    border-radius: 63px;
    font-weight: 500;
    transition: all 0.4s ease;
    z-index: 1;
    overflow: hidden;
    border: 1px solid var(--button-color);
    position: relative;
    background: var(--button-color);
    color: var(--white-color);
    transition: all 0.3s ease;
    font-size: 16px;
    padding: 10px 33px;
    text-decoration: none !important;
}

.HeaderMain .navbar-brand {
    /* margin-right: 32px; */
}
.HeaderMain .nav-link{
    padding: 0px !important;
    color: var(--greycolor) !important;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}
.phoneCall{
    font-weight: 900;
    background: var(--button-color);
    color: #fff;
    padding: 15px 19px;
    border-radius: 50%;
}
i{
    color: #fff !important;
}
.Email {
    font-weight: 900;
    background: var( --primary-color);
    color: #fff;
    padding: 15px 19px;
    border-radius: 50%;
}

/* header css End */

/* Section-01 Css start */
.videoembed {
    position: absolute;
    top: 0;
    /*z-index: -99; */
    width: 100%; 
    height: 100%;
    background: #333;
    z-index: 0;
  }
.Section-01{
    /* margin-bottom: 120px; */
    z-index: 0;
    padding-bottom: 5rem;
    width: 100%;
    background: url('../images/Banner-1.png');
    background-size: 110% 115%;
    padding-top: 10rem;
    position: relative;
}  
.Section-01:after {
    position: absolute;
    content: "";
    background:url('../images/bannerbg.png');
    height: 100%;
    width: 100%;
    top: 0;
    z-index: -1;
    right: 0;
    left: 0;
}
.COntent01{
    margin-top: 30px;
}
.COntent01 h1 {
    font-weight: 600;
    font-size: 33px;
    line-height: 45px;
    margin-bottom: 27px;
}
.COntent01 h1 span{
    display: block;
}
.COntent01 p{
    letter-spacing: 1px;
    color: var(--white-color);
    font-size: 17px;
    font-weight: 300;
    line-height: 30px;
    width: 84%;
    margin-bottom: 0px;
}
.sec-logo ul{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    gap: 10px;
    padding-left: 0;
}

.sec-logo ul li img{
    min-width: 200px;
    max-width: 200px;
    min-height: 100px;
    max-height: 100px;
    object-fit: contain;
}
/* Sec-01 css end */


.bcg-img{
    background-image:url('../images/bg-1.png');
    background-size: cover;
    /* background-position: center; */
    padding-top: 80px;
    padding-bottom: 80px;
}
.contentabt h1,
.contentabt h2,
.contentabt h3,
.contentabt h4,
.contentabt h5,
.contentabt h6{
    font-size: 40px;
    font-weight: 600;
    color: #212529;
}
.contentabt p{
    font-size: 17px;
    font-weight: 400;
}
/* section-2 css end */
.Sec-03{
    margin-top: 25px;
    text-align: center;
}
.centerheading h1,
.centerheading h2,
.centerheading h3,
.centerheading h4,
.centerheading h5,
.centerheading h6{
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 40px;
    color: #212529;
}

.servicebox{
    box-shadow: 0px 0px 6px 2px #0000002b;
    background-color: #ffffff;
    padding: 10px 45px;
    border-radius: 20px;
    margin-bottom: 18px;
    height: 434px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.servicebox:after {
    transition: all 0.5s ease;
    position: absolute;
    content: "";
    background: var(--button-color);
    height: 0px;
    width: 0px;
    border-radius: 0px;
    top: 50%;
    right: 42%;
    z-index: -1;
}
.servicebox:hover:after {
    transition: all 0.5s ease;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0px;
}
.servicetext h1,
.servicetext h2,
.servicetext h3,
.servicetext h4,
.servicetext h5,
.servicetext h6{
    font-size: 20px;
    font-weight: 600;
    color: #212529;
}
.servicebox:hover h5{
    color: #fff;
    transition: all 0.5s ease;
}
.servicetext p{
    font-size: 14px;
    font-weight: 400;
    color: #333;
}
.servicebox:hover p{
    color: #fff;
    transition: all 0.5s ease;
}
/* .servicebox :hover span {
    transition: all 0.5s ease;
    color: #fff;
} */
/* section-3 css end */
.Cta_sec{
    /* background-attachment: fixed; */
    background-image: url('../images/Rectangle4.png');
    /* background-size: cover; */
    position: relative;
}
.Cta_sec .content-text{
    background-image: url('../images/map-pattern-1.png');
    background-position: center;
    background-size: cover;
    padding: 55px 0px 35px;
}
.Cta_sec .content-text h1,
.Cta_sec .content-text h2,
.Cta_sec .content-text h3,
.Cta_sec .content-text h4,
.Cta_sec .content-text h5,
.Cta_sec .content-text h6{
    padding-bottom: 10px;
    font-size: 31px;
    font-weight: 600;
    color: #fff;
}
.Cta_sec .content-text p{
    font-size: 15px;
    font-weight: 400;
    color: #fff;
}
.laptop img{
    /* margin-top: -37px; */
    /* margin-bottom: -45px; */
}
.Cta_sec .btn-custom{
    color: #fff;
    background: var(--button-color);
    padding: 12px 22px;
    font-size: 16px;
    font-weight: 600;
   border-radius: 30px;
}
/* Cta_sec css end */

.web-design{
    background-image: url('../images/backg-1.png');
    background-position: center;
    background-size: cover;
    padding: 50px 0px 50px;
    position: sticky;
}
.web-design .web-text h1,
.web-design .web-text h2,
.web-design .web-text h3,
.web-design .web-text h4,
.web-design .web-text h5,
.web-design .web-text h6{
    font-weight: 600;
    font-size: 40px;
    Line-height: 50px;
}
.web-design .web-text h6{
    font-weight: 500;
    font-size: 21px;
    color: #fff;
    Line-height:33px;
}
 .web-text p{
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    Line-height: 27px;
}
/* web-design css eng */

.web-development{
    background-image: url('../images/backg-2.png');
    background-position: center;
    background-size: cover;
    padding: 150px 0px 150px;
    background-attachment: fixed;
}
.web-development .web-text h1,
.web-development .web-text h2,
.web-development .web-text h3,
.web-development .web-text h4,
.web-development .web-text h5,
.web-development .web-text h6{
    font-weight: 600;
    font-size: 40px;
    Line-height: 50px;
}
.web-development .web-text h6{
    font-weight: 500;
    font-size: 22px;
    color: #fff;
    Line-height:33px;
}
.web-development .web-text p{
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    Line-height: 27px;
}
/* web-developement css end */

.Graphic-Design{
    background-image: url('../images/red-back.png');
    background-position: center;
    background-size: cover !important;
    padding: 150px 0px 150px;
}
.Graphic-Design .web-text{
    /* margin-top: 100px; */
    padding-left: 45px;
}
.Graphic-Design .web-text h1,
.Graphic-Design .web-text h2,
.Graphic-Design .web-text h3,
.Graphic-Design .web-text h4,
.Graphic-Design .web-text h5,
.Graphic-Design .web-text h6{
    font-weight: 600;
    font-size: 40px;
    Line-height: 50px;
}
.Graphic-Design .web-text h4{
    font-weight: 400;
    font-size: 20px;
    color: #fff;
    Line-height:33px;
}
.Graphic-Design .web-text p{
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    Line-height: 33px;
}

/* Graphic-Design css end */

.SEO{
    background-image: url('../images/seo-bg.png');
    background-position: center;
    background-size: cover;
    padding: 60px 0px 60px;
}

.web-text.websitn h2,
.SEO .seo-text h1,
.SEO .seo-text h2,
.SEO .seo-text h3,
.SEO .seo-text h4,
.SEO .seo-text h5,
.SEO .seo-text h6{
    font-weight: 600;
    font-size: 40px;
    Line-height: 50px;
    margin-bottom: 27px;
}
.SEO .seo-text h4{
    font-weight: 500;
    font-size: 26px;
    color: #fff;
    Line-height:33px;
    margin-bottom: 27px;
}
.SEO .seo-text p{
    padding-bottom: 0;
    color: #fff;
    font-size: 17px;
    font-weight: 400;
    Line-height: 28px;
}
.app img{
        width: 100%;
}

/* SEo-css end */

.Revolutionize{
    background-image: url('../images/business-bg.png');
    background-size: cover;
    padding-top: 50px;
    padding-bottom: 50px;
}
.Revolutionize-text h1,
.Revolutionize-text h2,
.Revolutionize-text h3,
.Revolutionize-text h4,
.Revolutionize-text h5,
.Revolutionize-text h6{
    font-size: 24px;
    font-weight: 600;
    line-height: 37px;
}
.computer{
   /* width: 100%; */
   position: absolute;
   top: -62px;
}
.Revolutionize-text p{
    font-size: 15px;
    font-weight: 300;
    line-height: 30px;
    color: #fff;
}
.btn_contact{
 
    position: relative;
    border-radius: 63px;
    font-weight: 400;
    transition: all 0.4s ease;
    z-index: 1;
    border: 1px solid var(--button-color);
    background: var(--button-color);
    color: var(--white-color);
    font-size: 16px;
    padding: 12px 55px;
    text-transform: uppercase;
    text-decoration: none !important;
}
.live-chate{
    background: transparent;
    border:2px solid #fff;
    padding: 10px 40px;
    margin-left: 10px;
}
/* Revolutionize */

/* .step-6{
    background-image: url('../images/Rectangle5.png');
    background-size: cover;
    padding: 150px 0px 100px;
    background-position: center;
}
.step1 ul{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 24px;
    padding: 0px;
}
.arrow2{
    margin-left: 125px;
}
.our-text{
    padding-top:170px ;
}
.our-text h5{
    font-size: 33px;
    font-weight: 500;
    color: #fff;
}
.our-text h1{
    font-size: 70px;
    font-weight: 600;
    color: #fff;
}
.our-text p{
    font-size: 22px;
    font-weight: 300;
    line-height: 38px;
    color: #fff;
} */

.Let-Right{
    position: relative;
    background-image: url('../images/Rectangle4.png');
    background-size: cover;
}
.Let-Right .content-text{
    background-image: url('../images/map-pattern-1.png');
    background-position: center;
    background-size: cover;
    padding:67px 0px 63px;
}
.Let-Right .content-text h1,
.Let-Right .content-text h2,
.Let-Right .content-text h3,
.Let-Right .content-text h4,
.Let-Right .content-text h5,
.Let-Right .content-text h6{
    line-height: 30px;
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 30px;
}
.Let-Right .content-text p{
    font-size: 16px;
    font-weight: 400;
    color: #fff;
}
.bgimg img {
    margin-top: -83px;
}
.btn_request{
    position: relative;
    border-radius: 63px;
    font-weight: 400;
    transition: all 0.4s ease;
    z-index: 1;
    border: 1px solid var(--button-color);
    background: var(--button-color);
    color: var(--white-color);
    font-size: 16px;
    padding: 12px 38px;
    text-transform: uppercase;
    text-decoration: none !important;
}
.live-chate{
    background: transparent;
    border:2px solid #fff;
    padding: 10px 40px;
    margin-left: 10px;
}
.call{
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    margin: 30px 0px 0px;
}
.call a{
    color: #fff;
    font-weight: 500;
}
.call i{
    margin-left: 10px;
}
/* let-right */
.Our-Website{
    background-image: url(../images/gray-bg.png);
    background-size: cover;
    padding: 120px 0px 50px;
}
.website-text h1,
.website-text h2,
.website-text h3,
.website-text h4,
.website-text h5,
.website-text h6{
    font-size: 47px;
    font-weight: 600;
    color: #000 !important;
    margin: 0 0 12px 0;
}
.website-text p{
    font-size: 19px;
    font-weight: 400;
    color: #656565;
}
.website-text h4{
    font-size: 30px;
    font-weight: 500;
    color: #000;
}
.icons-text h4{
    font-size: 20px;
    color: #6B18C8;
    font-weight: 600;
}
.icon-text h1,
.icon-text h2,
.icon-text h3,
.icon-text h4,
.icon-text h5,
.icon-text h6{
    font-size: 19px;
    font-weight: 600;
    color: #000;
}

.Web-Strategy h1{
    font-size: 34px;
    font-weight: 700;
    color: #000;
    line-height: 40px;
}
.web{
    margin-top: 70px;
}
.Web-Strategy p{
    font-size: 18px;
    font-weight: 400;
    color: #656565;
    line-height: 30px;
    margin-bottom: 40px;
}
.phase-img {
    margin-left: -41px;
}
.phase-img li{
    margin-bottom: 20px;
    color: #656565;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 5px;
}
.phase-img img{
    margin-right: 10px;
}
.phase p{
    font-size: 20px;
    margin-bottom: 20px;

} 
/*  */
.FaqSec-name-faq{
    background-image: url(../images/Rectangle6.png);
    padding: 100px 0px;
}
.ecommerce_text h1,
.ecommerce_text h2,
.ecommerce_text h3,
.ecommerce_text h4,
.ecommerce_text h5,
.ecommerce_text h6{
    font-size: 50px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 60px;
}
.card-block.col-12 p {
    color: white;
    padding: 10px 0px 10px 10px;
    font-size: 18px;
}
.FaqSec-name-faq .card {
    margin-bottom: 10px;
}
.FaqSec-name-faq .accordion-head {
    padding-bottom: 13px;
}
.FaqSec-name-faq .card .accordion-head i {
    font-size: 28px;
}

.FaqSec-name-faq .accordion-head i {
    float: right;
}
.card{
    background:transparent;
}

.FaqSec-name-faq .card-header {
    padding-bottom: 0px;
    align-items: center;
    border-bottom: 2px solid #fff;
}
.card a  {
    font-weight: 500;
    line-height: 1.2;
    font-size: 24px;
    color: var(--white-color);
}

/*  */

.Speak{
    background-image: url('../images/Rectangle4.png');
    background-size: cover;
    
}
.Speak .content-text{
    background-image: url('../images/map-pattern-1.png');
    background-position: center;
    background-size: cover;
    padding: 67px 0px 39px;
}
.Speak .content-text h1,
.Speak .content-text h2,
.Speak .content-text h3,
.Speak .content-text h4,
.Speak .content-text h5,
.Speak .content-text h6{
    line-height: 31px;
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 30px;
}
.Speak .content-text p{
    font-size: 16px;
    font-weight: 400;
    color: #fff;
}

.sale1 img{
   width: 100%;
}
.btn_request{
    position: relative;
    border-radius: 63px;
    font-weight: 400;
    transition: all 0.4s ease;
    z-index: 1;
    border: 1px solid var(--button-color);
    background: var(--button-color);
    color: var(--white-color);
    font-size: 16px;
    padding: 12px 38px;
    text-transform: uppercase;
    text-decoration: none !important;
}
.live-chate{
    background: transparent;
    border:2px solid #fff;
    padding: 10px 40px;
    margin-left: 10px;
}
.call{
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    margin: 30px 0px 0px;
}
.call a{
    color: #fff;
    font-weight: 500;
}
.call i{
    margin-left: 10px;
}

.Clients{
    background-image: url(../images/line.png);
    background-size: cover;
    background-position: center;
    padding-top: 100px;
}
.Look-What h1,
.Look-What h2,
.Look-What h3,
.Look-What h4,
.Look-What h5,
.Look-What h6{
    font-size: 45px;
    font-weight: 600;
    color: #000;
}
.Look-What p{
    color: #656565;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 40px;
}
.box{
    background-color: #ffffff;
    filter:drop-shadow(0px 0px 6px gray);
    padding: 20px 20px 16px 20px;
    border-radius: 20px;
    /* height: 600px; */
}
.box p{
    color: #292930;
    font-size: 16px;
    height: 200px;
    overflow-y: scroll;
}
.jenna ul{
    display: flex;
    align-items: center;
    padding: 0px !important;
    gap: 15px;
}
.jenna li{
    font-size: 16px;
    font-weight: 500;
}
.jenna li span{
    display: block;
    font-size: 15px;
    font-weight: 300;
}

.Contact-Us{
    padding-top: 100px;
}
.Contact-Us h6{
    color: rgba(37, 34, 186, 1);
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 10px;
}
.Contact-Us h1,
.Contact-Us h2,
.Contact-Us h3,
.Contact-Us h4,
.Contact-Us h5,
.Contact-Us h6{
    font-size: 36px;
    font-weight: 700;
    color: #000;
    line-height: 55px;
    margin-bottom: 5px;
}
.Contact-Us p{
    color: rgba(101, 101, 101, 1);
    font-size: 18px;
    font-weight: 400;
    line-height: 33px;
}
.details{
    margin-top: 90px;
}
.user-detail input{
    width: 100%;
    height: 55px;
    background-color: #ffffff;
    filter:drop-shadow(0px 0px 2px rgb(204, 201, 201));
    border: none;
    border-radius: 50px;
    margin-bottom: 20px;
    padding-left: 28px;
    outline:none;
}
.user-sms textarea{
    width: 100%;
    height: 150px;
    background-color: #ffffff;
    filter:drop-shadow(0px 0px 2px rgb(204, 201, 201));
    border: none;
    border-radius: 20px;
    margin-bottom: 20px;
    padding-left: 28px;
    padding-top: 20px;
    outline:none;
}
.btn.Submit{
    background: var(--button-color);
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    padding: 10px 0px;
    border-radius: 50px;
    color: #fff;
    margin: 20px 0px 0px;
}
.btn.Submit a{
    color: #fff;
}


/* footer */
.Footer{
    background: linear-gradient(rgba(0,0,0,0.3),rgb(0 0 0 / 85%)),url(https://www.sinaps.ro/wp-content/uploads/2018/05/5scripturiextremdeutilegoogleadwords.jpg);
    padding: 80px 0px 0px 0px;
}
.logo-foot p{
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
    padding: 0;
}
.Services ul strong {
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 17px;
    padding: 0;
}

.Services ul {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    margin: 0;
    gap: 5px;
    padding: 0;
}
.Services ul li a{
    color: #fff;
    font-size: 16px;
    line-height: 16px;
    padding: 0;
    white-space: nowrap;
    transition: all .3s ease-in-out;
}
.Services ul h6 span a:hover,
.Services ul li a:hover{
        color: #ff7209;
}
.Services ul p{
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    line-height: 26px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.Services ul p span{
      color: #fff;
    font-weight: 400;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
}
.Services ul p span a{
    color: #fff;
    transition: all .3s ease-in-out;
}
.copyright{
    border-top: 1px solid rgba(177, 177, 177, 1);
    padding: 10px 0px;
}
.copyright p{
    color: rgba(177, 177, 177, 1);
    font-size: 16px;
    font-weight: 400;
}
.copyright ul{
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* gap: 25px; */
    /* margin-top: -41px; */
    padding-left: 0;
}
.copyright li{
    color: #fff;
    font-size: 16px;
    font-weight: 400;
}

.socail_icon .fa-brands {
    font-size: 30px;
}

/* Designed css start */
.Designed{
    background-image: url(../images/blue-background.png);
    background-size: cover;
    background-position: center;
    padding: 70px 0px;
}
.designed-text h1{
    font-size: 50px;
    font-weight: 600
}
.design-btn{
    margin-top: 40px;
    margin-bottom: 40px;
}
.design-btn ul{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
}
.design-btn li{
    /* border: 1px solid rgba(255, 121, 1, 1); */
    /* padding: 10px 28px; */
    /* border-radius: 50px; */
}
.design-btn a{
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
}
.design-btn .logo-Design{
    /* background: var(--button-color); */
}
.design-btn li:hover .nav-link{
    background: var(--button-color);
}
.Quality{
    background-image: url(../images/Background1.png);
    background-size: cover;
    background-position: center;
    padding: 15px 15px 15px 25px;
    border-radius: 20px;
}
.txt h2{
    color: #fff;
    font-size: 22px;
    font-weight: 500;
    line-height: 33px;
    margin-bottom: 20px;
}
.txt p{
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    line-height: 19px;
}
.Quality img {
    margin-left: -75px;
    margin-bottom: -91px;
}
.Quality{
    margin-top: 40px;
}
.tabs{
    margin-top: 40px;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #ffffff;
    background-color:transparent;
    border: none;
}

.Our-Website .tabs .nav-tabs .nav-link.active .icon-text h1,
.Our-Website .tabs .nav-tabs .nav-link.active .icon-text h2,
.Our-Website .tabs .nav-tabs .nav-link.active .icon-text h3,
.Our-Website .tabs .nav-tabs .nav-link.active .icon-text h4,
.Our-Website .tabs .nav-tabs .nav-link.active .icon-text h5,
.Our-Website .tabs .nav-tabs .nav-link.active .icon-text h6{
    color: #7b23d3;
}

.Our-Website .tabs .nav-tabs .nav-link:hover{
        border-color: transparent;
}

.Our-Website .tabs .nav-tabs .nav-link.active .main-img img{
    filter: brightness(0) saturate(100%) invert(20%) sepia(59%) saturate(6094%) hue-rotate(267deg) brightness(83%) contrast(98%);
}

.Our-Website .tabs .nav-tabs .nav-link.active .main-img .icon-img img{
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7441%) hue-rotate(62deg) brightness(108%) contrast(108%);
}

.Our-Website .tabs .nav .main-img{
    position: relative;
    margin: 0 0 15px 0;
}
.Our-Website .tabs .nav .main-img img {
    min-width: 100%;
    max-width: 100%;
    min-height: 115px;
    max-height: 115px;
    object-fit: contain;
}

.Our-Website .tabs .nav .main-img .icon-img{
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.Our-Website .tabs .nav .main-img .icon-img img{
    min-width: 50px;
    max-width: 50px;
    min-height: 40px;
    max-height: 40px;
    object-fit: contain;
    margin: 0 0 20px 0;
}

h4 {
    color: black;
}
.tab-content {
    margin-top: 30px;
}

section.splider{
    padding: 110px 0px;
}
.splider h1,
.splider h2,
.splider h3,
.splider h4,
.splider h5,
.splider h6{
    font-size: 50px;
    color: #000;
    font-weight: 600;
    margin-bottom: 8px;
}
.splider ul{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.splider li{
    /* border: 1px solid rgba(255, 121, 1, 1); */
    /* padding: 12px 24px; */
    /* border-radius: 50px; */
}
.splider li:hover{
    /* background: var(--button-color); */
}
.splider a{
    color: #000;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}
.splider li:hover a{
   color: #fff;
}

.splider .custom{
    background: var(--button-color);  
}

.splider .tab-content .tab-pane .tab-imgs{}
.splider .tab-content .tab-pane .tab-imgs img{
    min-width: 100%;
    max-width: 100%;
    min-height: 400px;
    max-height: 400px;
    object-fit: cover;
    object-position: top;
    border-radius: 20px;
}

.custom a{
    color: #fff;
}
.icons-text h4 span {
    display: block;
}

.icon-text h1 span,
.icon-text h2 span,
.icon-text h3 span,
.icon-text h4 span,
.icon-text h5 span,
.icon-text h6 span {
    display: block;
}
.logo-foot img {
    width: 100%;
}

li.nav-item.web-btn {
    /* padding: 11px 31px; */
    /* margin-top: 20px; */
    /* font-weight: 900; */
    /* color: #000; */
    /* border-color: #ffffff; */
    /* padding: 10px 41px; */
    /* font-size: 17px; */
    /* background-color: transparent; */
    /* cursor: pointer; */
    /* position: relative; */
    /* z-index: 1; */
    /* border: 2px solid #ff6412; */
    /* border-radius: 42px; */
    /* text-transform: uppercase; */
}
.bats{
    border: none;
    color: red;
}
.bats .remove{
    border: none;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0px;
}
/* NEw css add */
figure.sale1 {
    position: absolute;
    top: -12px;
}

figure.sale {
    position: absolute;
    top: -56px;
}

section.Our-Website .nav-tabs {
    justify-content: space-between;
    gap: 2px;
}
p.secondpara {
    line-height: 23px;
    color: #CCCCCC;
    font-size: 15px;
    padding-top: 15px;
    padding-bottom: 13px;
}
.formcon {
    display: flex;
    gap: 25px;
    align-items: end;
    margin-bottom: 20px;
}

.formcon .form-control {
    margin: 0px;
    width: 100%;
    padding-left: 19px;
    height: 55px;
    border-radius: 456px;
    color: #fff;
    background: #454445;
    border-color: transparent;
}
.formcon .form-group {
    margin-bottom: 0px;
    position: relative;
}

.formbut .btn_custom {padding: 12px 78px;width: 100%;/* height: 55px; */font-size: 22px;}


.formcon .form-control::-ms-input-placeholder { /* Edge 12-18 */
    color: #919191;
  }
  
  .formcon .form-control::placeholder {
    color: #919191;
  }
  .contnt-inner h1{font-size: 38px;margin-bottom: 16px;}
.content-n h6 {
    line-height: 34px;
    font-size: 22px;
    color: #000;
}
.content-n h6 span {
    /* display: block; */
}
.content-n h5 {
    font-size: 24px;
    color: #000;
    font-weight: 600;
    margin-bottom: 10px;
}

.content-n p {
    color: #656565;
    width: 88%;
    line-height: 27px;
    word-spacing: 2px;
}
.laptop {
    width: 81%;
    position: absolute;
    top: -71px;
    z-index: 1;
}
.Cta-Cusn{
    background: url('../images/inner/bg-1.png');
}

.Cta-Cusn p {
    width: 81%;
    font-size: 33px;
    word-spacing: 2px;
}


/* Tabsinner css start */
.tabs_design .tab-button {
    font-weight: 600;
    color: #000;
    border-color: #ffffff;
    padding: 10px 22px;
    font-size: 13px;
    background-color: transparent;
    cursor: pointer;
    position: relative;
    z-index: 1;
    border: 2px solid #ff6412;
    border-radius: 42px;
    text-transform: uppercase;
  }
  
.tabs_design .tab-button.active {
    border-radius: 49px;
    color: #fff;
    background-color: var(--button-color);
    border-color: transparent;
  }
  
.tabs_design .tab-container.second .tab-background {
    background-color: cyan;
  }
  .tabs_design .tab-background {
    position: absolute;
    top: 0;
    color: #fff;
    left: 0;
    height: 100%;
    background: var(--button-color);
    transition: width 0.3s, left 0.3s;
    border-radius: 47px;
  }
  
.tabs_design .tab-content {
    margin-top: 20px;
    margin-bottom: 90px;
  }
  
.tabs_design .ta-tab-item {
    width: 96%;
    display: none;
    padding: 40px 40px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 23px;
    margin-left: auto;
    margin-right: auto;
  }
  
  .tabs_design  .ta-tab-item.active {
    display: block;
  }
  .tabs_design  .tab-container {
    margin-top: 33px;
    position: relative;
    display: flex;
    gap: 10px;
    margin-bottom: 5px;
    justify-content: center;
  }
  
  .web-contn h5 {
    margin-bottom: 18px;
    font-size: 37px;
    font-weight: 600;
    color: #000;
    text-align: center;
}

.tabs_design {
    justify-content: center;
    display: flex;
    /* align-items: center; */
    justify-content: center;
    flex-direction: column;
}
.Webservice-Sec {
    padding-top: 10rem;
    padding-bottom: 6rem;
    position: relative;
    background: url('../images/bg-1.png');
}
.flextb {
    display: flex;
}

.RIght-tb {
    width: 56%;
}

.left-img {
    width: 40%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.RIght-tb p {
    font-weight: 400;
    color: #656565;
    word-spacing: 1px;
    padding-bottom: 0px;
    font-size: 16px;
    line-height: 24px;
    width: 87%;
    margin-bottom: 15px;
}

.RIght-tb h3 a{
    font-size: 22px;
    color: #000;
    font-weight: 700;
    margin-bottom: 10px;
    cursor: pointer;
}
.RIght-tb p a {
    font-weight: 600;
    color: #000;
    border-bottom: 2px solid #000;
}
.buttonflex .live-chate {
    color: #000 !important;
    font-weight: 600;
    border-color: #000;
}
.web-text.website-e p {
    font-size: 17px;
    width: 88%;
    margin-bottom: 25px;
    margin-top: 20px;
}

.website-e {
    /* width: 66%; */
    margin-left: auto;
}
.Developmt.web-development {
    /* padding: 100px 0px 50px; */
    background: url('../images/inner/bg-2.png');
}
.Grph-ban{
    background: url('../images/inner/bg-3.png');
}
.Cms_Ban{
    background: url('../images/inner/bg-4.png');
}

.web-img {
    display: flex;
    justify-content: center;
}
.Cutom-website {
    background: url('../images/inner/bg-5.png');
}
.seo-text {
    /* width: 84%; */
    margin-left: auto;
}
li.nav-item.web-btn {}

.splinder .nav-link {
    padding: 11px 31px;
    margin-top: 20px;
    font-weight: 900;
    color: #000;
    border-color: #ffffff;
    /* padding: 10px 41px; */
    font-size: 17px;
    /* background-color: transparent; */
    cursor: pointer;
    position: relative;
    z-index: 1;
    border: 2px solid #ff6412;
    border-radius: 42px;
    text-transform: uppercase;
}

section.splider .nav-link.active {
    background: var(--button-color);
}

section.splider .nav-link {
    transition: all 1s ease;
    /* background: red; */
    padding: 11px 35px;
    margin-top: 20px;
    font-weight: 700;
    color: #000;
    border-color: #ffffff;
    /* padding: 10px 41px; */
    font-size: 17px;
    /* background-color: transparent; */
    cursor: pointer;
    position: relative;
    z-index: 1;
    border: 2px solid #ff6412;
    border-radius: 42px;
    text-transform: uppercase;
}

section.splider .nav-link:hover {
    background: var(--button-color);
    color: #fff;
    border-color: transparent;
    transition: all 1s ease;
}
.Tg {
    width: 59%;
    margin: auto;
    padding: 15px 0px;
}
.web-text.webcu p {
    font-size: 17px;
    width: 94%;
    font-weight: 300;
    padding-bottom: 20px;
    padding-top: 20px;
}

.Desing-iner{
    background: url('../images/inner/bg06.png');
    background-size: cover;
}
.web-text.webcu {
    /* padding-left: 35px; */
}
.peo{
    background: url('../images/inner/bg07.png');
    padding: 50px 0px 50px;
}

.contnt-inner.COntent01 ul {
    list-style: none;
    padding: 0;
}

.contnt-inner.COntent01 ul li {
    padding-left: 20px;
    position: relative;
}

.contnt-inner.COntent01 ul li:after {
    position: absolute;
    content: "";
    background: #fff;
    height: 10px;
    width: 10px;
    border-radius: 130px;
    top: 12px;
    left: -6px;
}
.content-n ul {
    padding-left: 0px;
}

.content-n ul li p {
    color: #000;
    font-weight: 600;
    margin-bottom: 3px;
}

.content-n ul li {
    padding-left: 20px;
    position: relative;
}

.content-n ul li:after {
    position: absolute;
    content: "";
    left: 0;
    top: 12px;
    background: #000;
    height: 10px;
    width: 10px;
    border-radius: 64px;
}
.tab-container.seo-cont .tab-button {
    padding: 10px 20px;
    font-size: 16px;
}

.tab-container.seo-cont {
    gap: 13px;
}
.SeoIn{
    padding: 130px 0px 100px;
    background: url('../images/inner/bg-s.png');
}
.sEO-INER{
    padding: 30px 0px 30px;
    background: url('../images/inner/bg-21.png');
}
.funnel {
    padding: 119px 20px 130px;
}

.web-text.websitn p {
    padding: 15px 0px;
    font-size: 17px;
}

.web-text.websitn {
    /* width: 78%; */
    margin-left: auto;
}
.organicban{
    padding: 60px 0px 60px;
    background: url('../images/inner/organic.png');
}
.Smm-INER {
    padding: 70px 0px 70px;
}
.Influencers{
    background: url('../images/inner/sm-1.png');
    background-position: top;
    height: 900px;
    display: flex;
    align-items: center;
}
.web-text.websitn.wbt-2 {
    /* width: 92%; */
    margin-right: 25px;
}
.SeoIn {
    padding: 130px 0px 100px;
    background: url('../images/inner/ppc-bg.png');
}
.PPCBan{
    background: url('../images/inner/ppc-bg.png');
    padding: 120px 0px 120px;
}

.seo-text.ppctex {
    /* width: 70%; */
}

.seo-text.ppctex p {
    width: 100%;
    font-size: 18px;
    line-height: 31px;
    margin-bottom: 30px;
}
p.Social {
    width: 95%;
}
.Ads{
    background: url('../images/inner/ad.png');
    background-position: top;
    height: 900px;
    display: flex;
    align-items: center;
}
.Amzpc{
    background: url('../images/inner/adv.png');
}
.Amzpci{
    background: url('../images/inner/adv1.png');
}
.LogoBan-1{
    background: url('../images/inner/logobanner-1.png');
    padding: 120px 0px 120px;
}
.Ct-new{
    padding: 65px 0px 65px;
    background: url('../images/inner/logobanner-2.png');
}
.Brandbok{
    padding: 60px 0px 60px;
    background: url('../images/inner/logobanner-3.png');
}
.Branding-im{
    padding: 60px 0px 60px;
    background: url('../images/inner/bg-21.png');
}


p.sty-para {
    margin-bottom: 30px;
    line-height: 37px;
    font-size: 20px;
    width: 75%;
}
.Design-1{
    background: url('../images/inner/Design-1.png');
    padding: 120px 0px 120px;
}
.Design-2{
    background: url('../images/inner/design-2.png');
    padding: 120px 0px 120px;
}
.Design-3{
    background: url('../images/inner/design-3.png');
    padding: 120px 0px 120px;
}
.Design-4{
    background: url('../images/inner/Banne-1.png');
    padding: 120px 0px 120px;
}


/* popup from */
.form-error {
    display: none;
}

.popup-img {
    object-fit: cover;
    width: 95%;
    height: 100%;
}

input.error {
    border-color: #dd3b18 !important;
}

#entry-popup {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 99;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.6);
    display: none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.entry-box {
    width: 75%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    pointer-events: auto;
    text-align: center;
    background: #1a1a1a;
}

.entry-box strong {
    text-align: left;
    color: var(--white-color);
    font-size: 37px;
    margin: 0px 15px 0px 0px;
}
.web-contn {
    text-align: center;
}

.web-contn h2 {
    color: #000;
    font-weight: 600;
    font-size: 45px;
}
.entry-box .footer-area-form {
    padding: 20px;
}

#entry-box_close img {
    filter: brightness(0) invert(1);
}

.entry-box .footer-area-form p {
    font-size: var(--fontsize16);
    text-align: left;
}

.entry-box .leadForm {
    padding: 1rem 0 0;
}

.entry-box .footer-form-btn {
    font-size: var(--fontsize20) !important;
}

.form-control.error {
    border-color: red !important;
}

label.error {
    display: none !important;
}

a#entry-box_close {
    position: absolute;
    right: 12px;
    top: 12px;
    z-index: 9;
}

/* popup */

.scroll-to-top {
    width: 50px;
    height: 50px;
    background: var(--button-color);
    position: fixed;
    bottom: 19px;
    right: 6%;
    z-index: 99;
    text-align: center;
    -webkit-transition: .4s;
    transition: .4s;
    display: none;
    border-radius: 50%;
    left: 0;
    margin: 0 0 0 auto;
}
.scroll-to-top i {
    color: #fff;
    font-size: 18px;
    line-height: 50px;
    -webkit-transition: .4s;
    transition: .4s;
}
.theme-btn.bt-support-now {
  background: -moz-linear-gradient(45deg, #1ebbf0 8%, #39dfaa 100%);
  background: linear-gradient(45deg, #FF5722, #E91E63);
  bottom: 118px;
}

.theme-btn.bt-buy-now {
  background: #8ac346;
  background: -moz-linear-gradient(top, #a3d179 0, #88ba46 100%);
}

.theme-btn {
  border-radius: 40px;
  bottom: 36px;
  display: table;
  height: 63px;
  left: 30px;
  min-width: 63px;
  text-align: center;
  z-index: 20;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
}

.theme-btn,
span.coupon {
  position: fixed;
  color: #fff;
}

.theme-btn,
span.coupon {
  animation: .5s infinite alternate scrollDownAnimation;
}

@keyframes scrollDownAnimation {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-10px);
  }
}

.footer-form-input textarea {
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid var(--white-color);
    outline: 0;
    box-shadow: none;
    border-radius: 0;
    color: var(--white-color);
    margin-bottom: 25px;
    padding-left: 6px;
}
.footer-form-input input{
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid var(--white-color);
    outline: 0;
    box-shadow: none;
    border-radius: 0;
    color: var(--white-color);
    margin-bottom: 25px;
    padding-left: 6px;
}
.entry-box .footer-area-form p {
    font-size: 15px;
    text-align: left;
    color: #fff;
}
.footer-form-input textarea {
    height: 100px;
}
.btn-custom{
    color: #fff;
    background: var(--button-color);
    padding: 12px 22px;
    font-size: 16px;
    font-weight: 600;
    /* border-radius: 30px; */
    border: transparent;
}
.btn-box .btn-custom {
    width: 100%;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 400;
}

.dropdown-item:focus, .dropdown-item:hover {
    background: var(--button-color);
    color: #fff;
}

.content-n {
    padding-right: 20px;
}

.RIght-tb p {
    padding-bottom: 0px;
    font-size: 16px;
    line-height: 24px;
    width: 87%;
}

figure.newso.Seoap img {
    width: 100%;
}

.Web-Development-img img {
    width: 100%;
}

.web-text.websitn h1 {
    font-size: 32px;
}
.web-img img {
    width: 100%;
}
.banner-img img {
    width: 100% !important;
}
section.SEO .row {
    align-items: center;
}
.web-text.website-e h1 {
    font-size: 30px;
}
.RIght-tb ul {
    padding-left: 0;
}

.RIght-tb ul p {
    font-size: 16px;
    margin-bottom: 5px;
    font-weight: 400;
    color: #656565;
    cursor: pointer;
}

.RIght-tb ul h5 {
    font-weight: 700;
    color: #000;
}

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


/* Inner page css start */

.Background_img img {
    width: 100%;
}
.COntent-ab h6 span {
    display: block;
    font-size: 47px;
    font-weight: 700;
}

.COntent-ab h4 {
    margin: 0;
    font-weight: 800;
    background: linear-gradient(#FF7A03, #FF3D2F);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 73px;
}

.intr-icon-box {
    box-shadow: 0.278px 1.981px 59px 0px rgba(0, 0, 0, 0.05);
    background: linear-gradient(45deg, #FF5722, #E91E63);
    padding: 20px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    margin-bottom: 40px;
}

.intr-icon-box h3 {
    font-size: 22px;
    margin-bottom: 0;
    padding-left: 13px;
    font-weight: 600;
    /* color: #000; */
}

.intr-sec2-area {
    display: flex;
    align-items: center;
}

.intr-sec2-img1 {
    margin-left: -10.7%;
}

.iconSec {
    padding: 70px 0 35px;
}

.intr-icon-box img {
    filter: grayscale(1);
}
.intr-sec2-img1 {
    border-radius: 26px;
    /* border: 10px solid #fff; */
    border-image: linear-gradient(to right, #ff6712 0%, #f1334c 100%) 1;
    border-radius: 5px; /* this doesn't work */
    border-width: 6px;
    border-style: solid;
}

.intr-sec2-img {
    border-image: linear-gradient(to right, #2ca6ff 0%, #fedb2e 100%) 1;
    border-radius: 5px;
    border-width: 6px;
    border-style: solid;
}
.Section-02 {
    padding-bottom: 5rem;
}


section.process_sec {
    background-color: #f6f6f6 !important;
    padding: 60px 12%;
    text-align: center;
}
.process_box {
    position: relative;
}
.process_box img {
    margin: auto;
    display: table;
}

.process_box h3 {
    color: #232323;
    font-size: 18px;
    font-weight: 700;
    margin: 50px 0 10px;
    text-align: center;
}
.process_box p {
    font-size: 14px;
    color: #767474;
    text-align: center;
}
.process_boxes .col-sm-3:first-child .process_box:after {
    position: absolute;
    content: "";
    background-image: url('https://instantwebmakers.co.uk/assets/images/process-img-before.png');
    background-repeat: no-repeat;
    width: 202px;
    height: 50px;
    right: -115px;
    top: -6px;
    /* background-size: 100%; */
    /* left: 0; */
    margin: auto;
}
.process_boxes .col-sm-3:nth-child(2) .process_box:after {
    position: absolute;
    content: "";
    background-image: url('https://instantwebmakers.co.uk/assets/images/process-img-after.png');
    background-repeat: no-repeat;
    width: 202px;
    height: 50px;
    right: -115px;
    top: 45px;
    /* background-size: 100%; */
    /* left: 0; */
    /* margin: auto; */
}
.process_boxes .col-sm-3:nth-child(3) .process_box:after {
    position: absolute;
    content: "";
    background-image: url('https://instantwebmakers.co.uk/assets/images/process-img-before.png');
    background-repeat: no-repeat;
    width: 202px;
    height: 50px;
    right: -115px;
    top: -9px;
    /* background-size: 100%; */
    /* left: 0; */
    /* margin: auto; */
}
.process_boxes {
    margin: 100px 0 0;
    display: flex;
}
h2.title_blk.title_blk_cn {
    font-weight: 700;
    background: linear-gradient(#ff5d18, #ee2a56);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 44px;
    margin-bottom: 39px;
    text-transform: uppercase;
    letter-spacing: -2px;
}
.Sec-ab{
    background: url(../images/line.png);
}
section.Abot.Section-02 {
    border-bottom: 1px solid #c9c9c9;
    background: #f6f6f6 !important;
    padding-top: 5rem;
    padding-bottom: 1rem;
}



.glimpse .tab-pill {
    display: flex;
    justify-content: center;
    width: 100%;
    flex-wrap: wrap;
    padding: 20px 0;
}


.glimpse .tab-pill li {
    text-align: center;
    margin: 5px 10px;
    min-width: 9rem;
    white-space: nowrap;
    font-size: 14px;
    width: auto;
    cursor: pointer;
    transition: .15s all linear
}

.glimpse .tab-pill li a.active,
.glimpse .tab-pill li a:hover {
    background: #e75a12;
    color: #fff;
    border-color: #e75a12
}

.glimpse .tab-pill li.active a.active,
.glimpse .tab-pill li:hover a {
    color: #fff;
    text-decoration: none
}

.glimpse .tab-pill li a {
    color: #e75a12;
    text-transform: capitalize;
    display: block;
    padding: 7px 30px;
    border: 1px solid #e75a12;
    border-radius: 25px
}

.workList {
    list-style: none;
    padding: 0;
    margin: 0 -7px;
    display: flex;
    flex-wrap: wrap
}

.workList li {
    padding: 7px;
    width: 25%;
    overflow: hidden;
    cursor: pointer;
    position: relative;
    text-align: center;
    height: inherit;
    display: flex;
    align-items: center;
    justify-content: center
}

.workList li img {
    width: 100%;
    transition: .15s transform;
    transform: scale(1);
    margin: 0 auto;
    max-width: 100%;
    height: 343px;
    object-fit: cover;
}

.workList li:hover img {
    transform: scale(1.2)
}
iv#pk7 .workList li img {
    height: auto;
}

.workList li a {
    text-decoration: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9;
    font-size: 2rem;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: transparent;
    background: 0;
    transition: .15s all linear
}

.workList li:hover a {
    background: rgb(33 49 94 / 50%);
    color: #fff
}

.glimpse .tab-content {
    display: none;
    margin-top: 0;
}

.middle-nav+.tab-content {
    display: block;
    background: #fff
}

.glimpse .tab-content.current {
    display: block
}

.glimpse .tabs {
    list-style: none;
    margin: 30px 0 50px;
    padding: 0;
    display: flex;
    justify-content: center;
    width: 96%;
    flex-wrap: wrap
}

.glimpse .tabs li {
    margin: 5px 10px;
    padding: 7px 30px;
    border: 1px solid #d8d8d8;
    color: #e75a12;
    border-radius: 25px;
    min-width: 9rem;
    white-space: nowrap;
    font-size: 14px;
    width: auto;
    cursor: pointer;
    transition: .15s all linear
}

.glimpse .tabs li.current,
.glimpse .tabs li:hover {
    background: #e75a12;
    color: #fff;
    border-color: #e75a12
}


/**
Fancy Box Popup
*/
body.compensate-for-scrollbar {
    overflow: hidden
}

.fancybox-active {
    height: auto
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute!important;
    top: -9999px;
    visibility: hidden
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: none;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992
}

.fancybox-container * {
    box-sizing: border-box
}

.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47,0,.74,.71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    transition-timing-function: cubic-bezier(.22,.61,.36,1)
}

.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s ease,visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997
}

.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    transition: opacity .25s ease 0s,visibility 0s ease 0s;
    visibility: visible
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-toolbar {
    right: 0;
    top: 0
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    transform: translateZ(0);
    z-index: 99994
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform,opacity;
    white-space: normal;
    width: 100%;
    z-index: 99994
}

.fancybox-slide:before {
    content: "";
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0
}

.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous {
    display: block
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0
}

.fancybox-slide--image:before {
    display: none
}

.fancybox-slide--html {
    padding: 6px
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle
}

.fancybox-slide--image .fancybox-content {
    animation-timing-function: cubic-bezier(.5,0,.14,1);
    -webkit-backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    transform-origin: top left;
    transition-property: transform,opacity;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in
}

.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content {
    cursor: grab
}

.fancybox-is-grabbing .fancybox-content {
    cursor: grabbing
}

.fancybox-container [data-selectable=true] {
    cursor: text
}

.fancybox-image,.fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%
}

.fancybox-slide--video .fancybox-content {
    background: #000
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff
}

.fancybox-iframe,.fancybox-video {
    background: transparent;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0
}

.fancybox-button {
    background: rgba(30,30,30,.6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px
}

.fancybox-button,.fancybox-button:link,.fancybox-button:visited {
    color: #ccc
}

.fancybox-button:hover {
    color: #fff
}

.fancybox-button:focus {
    outline: none
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted
}

.fancybox-button[disabled],.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: none
}

.fancybox-button div {
    height: 100%
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0
}

.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2) {
    display: none
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(0);
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 99998
}

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden
}

.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none
}

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px
}

.fancybox-navigation .fancybox-button div {
    padding: 7px
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right)
}

.fancybox-caption {
    background: linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996
}

@supports (padding: max(0px)) {
    .fancybox-caption {
        padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))
    }
}

.fancybox-caption--separate {
    margin-top: -50px
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all
}

.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline
}

.fancybox-loading {
    animation: a 1s linear infinite;
    background: transparent;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999
}

@keyframes a {
    to {
        transform: rotate(1turn)
    }
}

.fancybox-animated {
    transition-timing-function: cubic-bezier(0,0,.25,1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate3d(-100%,0,0)
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate3d(100%,0,0)
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    transform: translateZ(0)
}

.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19,1,.22,1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5,1.5,1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(.5,.5,.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scaleX(1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    transform: rotate(-1turn)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    transform: rotate(1turn)
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    transform: rotate(0deg)
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0,0,0) translate3d(-100%,0,0)
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0,0,0) translate3d(100%,0,0)
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scaleX(1) translateZ(0)
}

.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%,0,0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%,0,0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    transform: translateZ(0) scale(1)
}

@media (max-height: 576px) {
    .fancybox-slide {
        padding-left:6px;
        padding-right: 6px
    }

    .fancybox-slide--image {
        padding: 6px 0
    }

    .fancybox-close-small {
        right: -6px
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px
    }

    @supports (padding: max(0px)) {
        .fancybox-caption {
            padding-left:max(12px,env(safe-area-inset-left));
            padding-right: max(12px,env(safe-area-inset-right))
        }
    }
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px
}

.fancybox-share p {
    margin: 0;
    padding: 0
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.fancybox-share__button:link,.fancybox-share__button:visited {
    color: #fff
}

.fancybox-share__button:hover {
    text-decoration: none
}

.fancybox-share__button--fb {
    background: #3b5998
}

.fancybox-share__button--fb:hover {
    background: #344e86
}

.fancybox-share__button--pt {
    background: #bd081d
}

.fancybox-share__button--pt:hover {
    background: #aa0719
}

.fancybox-share__button--tw {
    background: #1da1f2
}

.fancybox-share__button--tw:hover {
    background: #0d95e8
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px
}

.fancybox-share__button svg path {
    fill: #fff
}

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%
}

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    top: 0;
    width: 212px;
    z-index: 99995
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0,0,0,.3)
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0,0,0,.1);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px
}

.fancybox-thumbs__list a:before {
    border: 6px solid #ff5268;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s cubic-bezier(.25,.46,.45,.94);
    z-index: 99991
}

.fancybox-thumbs__list a:focus:before {
    opacity: .5
}

.fancybox-thumbs__list a.fancybox-thumbs-active:before {
    opacity: 1
}

@media (max-width: 576px) {
    .fancybox-thumbs {
        width:110px
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px)
    }
}


.our-site h4 {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 0;
}

.our-site {
    padding: 20px 0;
    box-shadow: 0 5px 15px #00000014;
    /* display: flex; */
    /* align-items: center; */
}

.our-site::after {
    display: none;
}

section.brand-logos .row {
    align-items: center;
}
h2.port-title {
    display: none;
}
section.pg.glimpse h2 {
    font-size: 45px;
    font-weight: bold;
    color: #262627;
    line-height: 55px;
    position: relative;
    z-index: 1;
    margin-bottom: 10px;
    text-transform: capitalize;
}
.col-12.text-center p {
    font-size: 18px;
    font-weight: 500;
}

.brand-logos {
    margin-bottom: 6rem;
}

.port-btn-st {
    margin: 43px 0px 60px;
}
.port-btn-st .live-chate {
    font-weight: 700;
    border-color: #000;
    color: #000;
}
.COntentIner {
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
}

section.Banner-Inner {
    display: flex;
    position: relative;
    height: 580px;
    align-items: center;
    text-align: center;
    justify-content: center;
}

.Background_img {
    position: absolute;
}

.COntentIner h4 {
    margin: 0;
    color: #fff;
    font-size: 100px;
    font-weight: 500;
}



  
  /*--Section Title--*/
  .section-title .title {
    font-size: 48px;
    line-height: 54px;
    font-family: "Barlow", sans-serif;
    font-weight: 600;
    color: #0e0e0e;
  }
  
  @media only screen and (max-width: 767px) {
    .section-title .title {
      font-size: 30px;
      line-height: 36px;
    }
  }
  
  .section-title .title.white {
    color: #ffffff;
  }



@media only screen and (max-width: 1199px) {
  .contact-info-section .contact-info-wrap .single-contact-info {
    padding: 50px 40px 60px;
  }
}

@media only screen and (max-width: 767px) {
  .contact-info-section .contact-info-wrap .single-contact-info {
    padding: 50px 30px 60px;
  }
}




@media only screen and (max-width: 1199px) {
  .contact-info-section .contact-info-wrap .single-contact-info .info-content p {
    font-size: 16px;
  }
}

@media only screen and (max-width: 991px) {
  .contact-info-section .contact-info-wrap .single-contact-info .info-content p {
    font-size: 18px;
  }
}

.techwix-contact-section-03 .contact-wrap {
  margin-bottom: -60px;
  position: relative;
  z-index: 5;
}

.techwix-contact-section-03 .contact-wrap .contact-form .contact-form-wrap .form-btn {
  text-align: center;
}

.techwix-contact-section-03 .contact-wrap .contact-form .contact-form-wrap .form-btn .btn {
  /* width: 70%; */
}

.contact-map-section .contact-map-wrap {
  margin-bottom: -8px;
}

.contact-map-section .contact-map-wrap iframe {
  height: 550px;
  width: 100%;
  filter: brightness(100%) contrast(100%) saturate(0%) blur(0px) hue-rotate(0deg);
}

@media only screen and (max-width: 1399px) {
    .techwix-contact-section .contact-wrap .contact-form {
      margin-left: 40px;
    }
  }
  
  @media only screen and (max-width: 1199px) {
    .techwix-contact-section .contact-wrap .contact-form {
      margin-left: 15px;
    }
  }
  
  @media only screen and (max-width: 991px) {
    .techwix-contact-section .contact-wrap .contact-form {
      margin-left: 0;
      margin-top: 60px;
    }
  }
  
  .techwix-contact-section .contact-wrap .contact-form .contact-form-wrap {
    padding: 55px 40px;
    border-image: linear-gradient(to right, #ff6712 0%, #f1334c 100%) 1;
    border-radius: 5px;
    border-width: 2px;
    border-style: solid;
  }
  
  @media only screen and (max-width: 1199px) {
    .techwix-contact-section .contact-wrap .contact-form .contact-form-wrap {
      padding: 23px 20px;
    }
  }
  
  .techwix-contact-section .contact-wrap .contact-form .contact-form-wrap .heading-wrap {
    margin-bottom: 30px;
  }
  
  .techwix-contact-section .contact-wrap .contact-form .contact-form-wrap .heading-wrap .sub-title {
    font-size: 14px;
    line-height: 30px;
    font-weight: 700;
    text-transform: uppercase;
  }
  
  .techwix-contact-section .contact-wrap .contact-form .contact-form-wrap .heading-wrap .title {
    font-size: 42px;
    line-height: 54px;
    font-weight: 600;
    color: #333333;
  }
  
  @media only screen and (max-width: 1199px) {
    .techwix-contact-section .contact-wrap .contact-form .contact-form-wrap .heading-wrap .title {
      font-size: 32px;
      line-height: 48px;
    }
  }
  
  @media only screen and (max-width: 575px) {
    .techwix-contact-section .contact-wrap .contact-form .contact-form-wrap .heading-wrap .title {
      font-size: 24px;
      line-height: 26px;
    }
       .techwix-contact-section .contact-wrap .contact-form .contact-form-wrap .single-form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]) {
    width: 100%;
    height: 37px !important;
    line-height: 55px;
    border: 1px solid #ebebeb;
    padding-left: 15px;
  }
  .tab-pill li a {
    padding: 10px;
}
      .techwix-contact-section .contact-wrap .contact-form .contact-form-wrap .heading-wrap{
          margin-bottom: 0;
      }
  }
  
  .techwix-contact-section .contact-wrap .contact-form .contact-form-wrap .single-form {
    margin-top: 25px;
  }
  
  .techwix-contact-section .contact-wrap .contact-form .contact-form-wrap .single-form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]) {
    width: 100%;
    height: 55px;
    line-height: 55px;
    border: 1px solid #ebebeb;
    padding-left: 15px;
  }
  
  .techwix-contact-section .contact-wrap .contact-form .contact-form-wrap .single-form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="file"])::-webkit-input-placeholder {
    opacity: 0.95;
    font-size: 14px;
    color: #4c4d56;
    font-family: "Barlow", sans-serif;
    font-weight: 400;
  }
  
  .techwix-contact-section .contact-wrap .contact-form .contact-form-wrap .single-form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):-moz-placeholder {
    opacity: 0.95;
    font-size: 14px;
    color: #4c4d56;
    font-family: "Barlow", sans-serif;
    font-weight: 400;
  }
  
  .techwix-contact-section .contact-wrap .contact-form .contact-form-wrap .single-form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="file"])::-moz-placeholder {
    opacity: 0.95;
    font-size: 14px;
    color: #4c4d56;
    font-family: "Barlow", sans-serif;
    font-weight: 400;
  }
  
  .techwix-contact-section .contact-wrap .contact-form .contact-form-wrap .single-form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):-ms-input-placeholder {
    opacity: 0.95;
    font-size: 14px;
    color: #4c4d56;
    font-family: "Barlow", sans-serif;
    font-weight: 400;
  }
  
  .techwix-contact-section .contact-wrap .contact-form .contact-form-wrap .single-form textarea {
    height: 135px;
    border: 1px solid #ebebeb;
    padding-left: 15px;
    resize: none;
    width: 100%;
  }
  
  .techwix-contact-section .contact-wrap .contact-form .contact-form-wrap .single-form textarea::-webkit-input-placeholder {
    opacity: 0.95;
    font-size: 14px;
    color: #4c4d56;
    font-family: "Barlow", sans-serif;
    font-weight: 400;
  }
  
  .techwix-contact-section .contact-wrap .contact-form .contact-form-wrap .single-form textarea:-moz-placeholder {
    opacity: 0.95;
    font-size: 14px;
    color: #4c4d56;
    font-family: "Barlow", sans-serif;
    font-weight: 400;
  }
  
  .techwix-contact-section .contact-wrap .contact-form .contact-form-wrap .single-form textarea::-moz-placeholder {
    opacity: 0.95;
    font-size: 14px;
    color: #4c4d56;
    font-family: "Barlow", sans-serif;
    font-weight: 400;
  }
  
  .techwix-contact-section .contact-wrap .contact-form .contact-form-wrap .single-form textarea:-ms-input-placeholder {
    opacity: 0.95;
    font-size: 14px;
    color: #4c4d56;
    font-family: "Barlow", sans-serif;
    font-weight: 400;
  }
  
  .techwix-contact-section .contact-wrap .contact-form .contact-form-wrap .form-btn {
    margin-top: 25px;
  }
  
  .techwix-contact-section .contact-wrap .contact-form .contact-form-wrap .form-btn .btn {
    text-transform: uppercase;
    color: #fff;
    line-height: 29px;
    margin-bottom: 10px;
    background: var(--button-color);
    font-size: 16px;
    font-weight: 400;
    border-radius: 10px;
    padding: 14px 30px;
  }
  
  @media only screen and (max-width: 575px) {
    .techwix-contact-section .contact-wrap .contact-form .contact-form-wrap .form-btn .btn {
    }
  }
  
  .techwix-contact-section-02 .contact-wrap .contact-info .section-title .title::before {
    background: #086ad8;
  }
  
  .techwix-contact-section-02 .contact-wrap .contact-info ul li .contact-info-item .contact-info-icon i {
    color: #086ad8;
  }
  
  .techwix-contact-section-02 .contact-wrap .contact-form {
    background: #ffffff;
    box-shadow: 0px 0px 139px 0px rgba(0, 0, 0, 0.1);
  }
  
  .techwix-contact-section-02 .contact-wrap .contact-form .contact-form-wrap .heading-wrap .sub-title {
    color: #ff5538;
  }
  
  .contact-info-section .contact-info-wrap {
    margin-top: -30px;
  }
  
  .contact-info-section .contact-info-wrap .single-contact-info {
    background: #f8f8f8;
    padding: 26px 40px 40px;
    border-radius: 5px;
    margin-top: 30px;
    height: 225px;
    overflow: hidden;
  }
  
  @media only screen and (max-width: 1199px) {
    .contact-info-section .contact-info-wrap .single-contact-info {
      padding: 50px 40px 60px;
    }
  }
  
  @media only screen and (max-width: 767px) {
    .contact-info-section .contact-info-wrap .single-contact-info {
      padding: 30px 7px 60px;
      height: 210px;
    }
  }
  
  .contact-info-section .contact-info-wrap .single-contact-info .info-content .title {
    font-size: 24px;
    line-height: 36px;
    font-weight: 600;
    margin-top: 15px;
    margin-bottom: 11px;
  }
  
  .contact-info-section .contact-info-wrap .single-contact-info .info-content p a {
    color: #ff5b19;
    font-size: 16px;
    font-weight: 500;
  }
  
  @media only screen and (max-width: 1199px) {
    .contact-info-section .contact-info-wrap .single-contact-info .info-content p {
      font-size: 16px;
    }
  }
  
  @media only screen and (max-width: 991px) {
    .contact-info-section .contact-info-wrap .single-contact-info .info-content p {
      font-size: 18px;
    }
  }
  
  .techwix-contact-section-03 .contact-wrap {
    margin-bottom: -60px;
    position: relative;
    z-index: 5;
  }
  
  .techwix-contact-section-03 .contact-wrap .contact-form .contact-form-wrap .form-btn {
    text-align: center;
  }
  
  .techwix-contact-section-03 .contact-wrap .contact-form .contact-form-wrap .form-btn .btn {
    /* width: 52%; */
  }
  
  .contact-map-section .contact-map-wrap {
    margin-bottom: -8px;
  }
  
  .contact-map-section .contact-map-wrap iframe {
    height: 550px;
    width: 100%;
    filter: brightness(100%) contrast(100%) saturate(0%) blur(0px) hue-rotate(0deg);
  }
  .page-banner-section {
    padding-top: 85px;
    min-height: 670px;
    display: flex;
    align-items: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
    overflow: hidden;
    z-index: 1;
  }
  
  .page-banner-section .shape-1 {
    position: absolute;
    left: -32%;
    top: -35%;
    z-index: -1;
  }
  
  .page-banner-section .shape-2 {
    position: absolute;
    left: -11%;
    top: -30%;
    z-index: -1;
  }
  
  .page-banner-section .shape-3 {
    position: absolute;
    right: -2%;
    bottom: -27%;
    z-index: -1;
  }
  
  .page-banner-section .shape-4 {
    position: absolute;
    right: -26%;
    bottom: -81%;
    z-index: -1;
  }
  
  @media only screen and (max-width: 1199px) {
    .page-banner-section {
      min-height: 520px;
    }
    .page-banner-section .shape-1 {
      left: -70%;
      top: -47%;
    }
    .page-banner-section .shape-2 {
      left: -30%;
      top: -55%;
    }
    .page-banner-section .shape-3 {
      right: -15%;
      bottom: -45%;
    }
    .page-banner-section .shape-4 {
      right: -50%;
      bottom: -130%;
    }
  }
  
  @media only screen and (max-width: 991px) {
    .page-banner-section {
      min-height: 450px;
    }
    .page-banner-section .shape-1 {
      left: -95%;
      top: -58%;
    }
    .page-banner-section .shape-2 {
      left: -41%;
      top: -79%;
    }
    .page-banner-section .shape-3 {
      right: -25%;
      bottom: -60%;
    }
    .page-banner-section .shape-4 {
      right: -90%;
      bottom: -125%;
    }
  }
  
  @media only screen and (max-width: 767px) {
    .page-banner-section {
      min-height: 310px;
    }
    .page-banner-section .shape-1 {
      display: none;
    }
    .page-banner-section .shape-2 {
      display: none;
    }
    .page-banner-section .shape-3 {
      display: none;
    }
    .page-banner-section .shape-4 {
      display: none;
    }
  }
  
  .page-banner .title {
    font-size: 60px;
    line-height: 1.25;
    font-family: "Barlow", sans-serif;
    display: inline-block;
    font-weight: 600;
    color: #ffffff;
    position: relative;
    z-index: 1;
  }
  
  @media only screen and (max-width: 1199px) {
    .page-banner .title {
      font-size: 48px;
    }
  }
  
  @media only screen and (max-width: 767px) {
    .page-banner .title {
      font-size: 30px;
    }
  }
  
  .page-banner .breadcrumb {
    margin-bottom: 0;
    margin-top: 10px;
  }
  
  .page-banner .breadcrumb .breadcrumb-item {
    color: #ffffff;
    font-size: 20px;
  }
  
  @media only screen and (max-width: 991px), only screen and (max-width: 767px) {
    .page-banner .breadcrumb .breadcrumb-item {
      font-size: 16px;
    }
  }
  
  .page-banner .breadcrumb .breadcrumb-item + .breadcrumb-item {
    padding-left: 8px;
  }
  
  .page-banner .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    content: "/";
    font-family: flaticon !important;
    font-size: 20px;
    padding-right: 5px;
    color: #ffffff;
  }
  
  .contact-info-section .contact-info-wrap .single-contact-info p {
    margin: 0;
}


/* Package Section CSS Start Here */
section.Packages-wrap {
    padding: 97px 0;
    position: relative;
    z-index: 1;
  }
  
  section.Packages-wrap h3 {
      font-size: 36px;
      margin: 0 0 17px 0;
  }
  
  .Packages-wrap .Packages-head {
    width: 90%;
    margin: 0 auto 25px;
    text-align: center;
  }
  
  .Packages-head .heading-two {
    color: #181223;
    margin: 0 0 10px;
  }
  
  .Packages-head p {
    color: #181223;
    font-size: 20px;
    width: 90%;
    font-weight: 400;
    margin: auto;
  }
  
  .Packages-inner .Packages-buttons {
    margin: 0 0 30px;
  }
  
  .Packages-buttons ul {
    justify-content: center;
    align-items: center;
    border-bottom: none;
  }
  
  .Packages-buttons ul li{
    margin: 0 1px 9px;
  }
  
  .Packages-buttons ul li button.nav-link {
    border-radius: 30px;
    padding: 9px 12px;
    text-align: center;
    display: block;
    background-color: white;
    font-size: 14px;
    color: #231c23;
    transition: all 0.3s ease-out;
    cursor: pointer;
    min-width: 170px;
    border: 1px solid #a8a8a8;
    margin: 0px 2px;
  }
  
  .Packages-buttons ul li button.nav-link.active,
  .Packages-buttons ul li button.nav-link:hover {
    background-image: var(--button-color);
    color: #fff;
  }
  section.Packages-wrap .Packages-inner {
  }
  
  .Packages-inner .Packages-tabitems-main {
  }
  
  .Packages-inner .Packages-tabitem {
  }
  
  .Packages-tabitem .boxpackages {
    transition: all 0.6s ease;
    z-index: 0;
    border-radius: 22px;
    background: #fff;
    /* border-radius: 15px; */
    position: relative;
    padding: 20px 16px 30px;
    margin: 0 0;
    float: left;
    width: 100%;
    box-shadow: -2px 10px 40px -10px #00000059;
    position: relative;
    border: 1px solid transparent;
    transition: all 0.3s ease-out;
    margin-bottom: 50px;
    overflow: hidden;
    margin-top: 20px;
    /* border-image: linear-gradient(to right, #ff6712 0%, #f1334c 100%) 1; */
    /* border-radius: 0px; */
    /* border-width: 1px; */
    /* border-style: solid; */
    border: 1px solid #ff5e18;
  }
  .Packages-tabitem .boxpackages:hover {
    transform: scale(1.07);
    border: 1px solid #6f1f73;
    /* background: linear-gradient(45deg, #FF5722, #E91E63); */
  }
  
  .Packages-tabitem .boxpackages .packag-tit {
    border-bottom: 1px solid #d1d7e3;
  }
  
  .packag-tit .heading-five {
    text-transform: uppercase;
    left: 0;
    font-size: 21px;
    position: absolute;
    color: #fff;
    font-weight: 700;
    margin: 0 0 0;
    padding: 9px 0px;
    top: 0px;
    text-align: center;
    display: flex;
    width: 100%;
    transition: all 0.6s ease;
    justify-content: center;
    background: var(--button-color);
  }
  
  .packag-tit p {
    font-weight: 600;
    font-size: 13px;
    color: #242424;
    min-height: 37px;
    padding-top: 37px;
  }
  
  .Packages-tabitem .boxpackages .pack-detail-pri {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 14px 0 0 0;
  }
  .Packages-tabitem .boxpackages .pack-detail-pri .pack-det-left {
  }
  .boxpackages .pack-detail-pri .pack-det-left .heading-three {
    transition: all 0.6s ease;
    font-size: 32px;
    color: #fff;
    font-weight: 700;
    padding: 6px 25px;
    margin: 0;
    background: #000;
    border-radius: 49px;
    transition: all 0.6s ease;
  }
  
  .boxpackages .pack-detail-pri .pack-det-left .heading-three sup {
    font-size: 24px;
    font-weight: 600;
  }
  
  .Packages-tabitem .boxpackages .pack-detail-pri .pack-det-right {
    position: absolute;
    right: 0;
    background-color: #7f7f7f;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 4px;
    padding-bottom: 0;
    display: none;
  }
  
  .Packages-tabitem .boxpackages .pack-detail-pri .pack-det-right:before {
    position: absolute;
    z-index: 9;
    background-color: transparent;
    left: -18px;
    content: "";
    width: 0;
    height: 0;
    border-top: 26px solid transparent;
    border-bottom: 22px solid transparent;
    border-left: 18px solid #7f7f7f;
    transform: rotate(180deg);
    top: 0;
  }
  
  .Packages-tabitem .boxpackages .pack-detail-pri .pack-det-right h4 {
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    margin: 0;
  }
  
  .Packages-tabitem .boxpackages .pack-detail-pri .pack-det-right h4 span.sale {
    text-decoration: line-through;
    display: block;
    font-size: 23px;
    color: #fff;
  }
  
  .Packages-tabitem .boxpackages:hover .pack-det-right {
    background: linear-gradient(45deg, #2ca5ff, #00BCD4);
    right: 1px;
  }
  
  .Packages-tabitem .boxpackages:hover .pack-det-right:before {
    border-left-color: #1eadf1;
  }
  
  .Packages-tabitem .boxpackages .package-list {
    margin-top: 14px;
    margin-bottom: 20px;
    border-bottom: 1px solid #d1d7e3;
  }
  
  .Packages-tabitem .boxpackages .package-list {
    min-height: 215px;
    max-height: 215px;
    overflow-y: scroll;
    padding-right: 20px;
    overflow-x: hidden;
  }
  .Packages-tabitem .boxpackages .package-list::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
    border-radius: 0;
  }
  
  .Packages-tabitem .boxpackages .package-list::-webkit-scrollbar {
    width: 3px;
    background: none;
    border-radius: 0;
  }
  
  .Packages-tabitem .boxpackages .package-list::-webkit-scrollbar-thumb {
    background-color: #000;
    border-radius: 0;
  }
  
  .Packages-tabitem .boxpackages .package-list h4 {
    /* width: fit-content; */
    font-size: 14px;
    line-height: 27px;
    font-weight: 700;
    border-top: 1px solid #d1d7e3;
    background: var(--button-color);
    color: #fff;
    padding: 3px 13px;
    text-transform: uppercase;
    border-radius: 7px;
  }
  
  .Packages-tabitem .boxpackages .package-list ul {
    /* border-bottom: 1px solid #000; */
    /* margin-bottom: 12px; */
    padding-left: 0;
    /* padding-bottom: 9px; */
  }
  
  .Packages-tabitem .boxpackages .package-list ul li {
    position: relative;
    padding: 5px 25px;
    font-size: 14px;
    color: #455164;
    padding-right: 0;
  }
  
  .Packages-tabitem .boxpackages .package-list ul li:before {
    font-size: 16px;
    font-family: var(--fa-style-family,"Font Awesome 6 Free");
    font-weight: bold;
    content: "\f00c";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 7px;
    color: #ff6711;
  }
  
  .Packages-tabitem .boxpackages .package-list ul li:after {
    content: "";
    right: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, #e0e3eb, transparent);
    display: block;
    position: absolute;
    bottom: 0;
    left: 25px;
  }
  .Packages-tabitem .boxpackages .package-list ul li:nth-last-child(1)::after {
    display: none;
  }
  
  .Packages-tabitem .boxpackages:hover .package-list ul li::before {
    color: #fff;
  }
  .Packages-tabitem .boxpackages .botarea-pack {
  }
  
  .botarea-pack .view-details-text {
    text-align: center;
    margin-bottom: 12px;
  }
  
  .botarea-pack .view-details-text a {
    text-transform: uppercase;
    font-size: 14px;
    line-height: 21px;
    color: #a09e9e;
    font-weight: 600;
  }
  
  .Packages-tabitem .boxpackages .botarea-pack .btn-pack-lst-col {
    display: flex;
    justify-content: space-around;
    align-items: center;
  }
  
  .botarea-pack .btn-pack-lst-col .bottom-btn-order {
  }
  
  .botarea-pack .btn-pack-lst-col .bottom-btn-order a.btn-orders {
    border: 1px solid #ff6015;
    border-radius: 30px;
    padding: 8px 18px;
    color: #f1324b;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    transition: all 0.3s ease-out;
  }
  
  .botarea-pack .btn-pack-lst-col .botom-live-cht {
  }
  
  .botarea-pack .btn-pack-lst-col .botom-live-cht .liovechats-bx span {
    font-size: 10px;
    color: #242424;
    position: relative;
  }
  
  .botarea-pack .btn-pack-lst-col .botom-live-cht .liovechats-bx .heading-five {
    font-weight: 700;
    color: #111;
    font-size: 20px;
    line-height: 30px;
    margin: 0;
  }
  
  .botarea-pack .btn-pack-lst-col .botom-live-cht .liovechats-bx span:before {
    font-family: var(--fa-style-family,"Font Awesome 6 Free");
    font-weight: 900;
    content: "\f4ad";
    position: absolute;
    right: -25px;
    top: -4px;
    color: #ff6313;
    font-size: 16px;
  }
  
  .Packages-tabitem
    .boxpackages:hover
    .botarea-pack
    .btn-pack-lst-col
    .bottom-btn-order
    a.btn-orders {
    background: linear-gradient(45deg, #2ca5ff, #00BCD4);
    color: #fff;
  }
  
  .Packages-tabitem .boxpackages:hover .botarea-pack .view-details-text a {
    color: #fff;
  }
  
  .Packages-tabitem
    .boxpackages:hover
    .botarea-pack
    .btn-pack-lst-col
    .botom-live-cht
    .liovechats-bx
    .heading-five {
    color: #fff;
    background: transparent;
  }
  .Packages-tabitem .boxpackages .botarea-pack .btn-pack-lst-col .btn-md-spc {
    border: 1px solid #e2e5ec;
    height: 35px;
  }
  .package-btn-dv a {
    border: 1px solid #cbcbcb;
    color: #ff0042;
    transition: width 0.3s linear, color 0.3s linear;
    border-radius: 50px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 8px 18px 0px rgba(0, 0, 0, 0.15);
    font-weight: 600;
    text-transform: capitalize;
    margin-top: 20px;
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    height: 55px;
    width: auto !important;
    display: inline-block;
    padding: 12px 40px;
  }
  
  .package-btn-dv {
    display: flex;
    justify-content: center;
  }
  
  .package-btn-dv a:hover {
    background-image: linear-gradient(to right, #fd0043, #721e72);
    color: #fff;
  }
  .Packages-tabitem .boxpackages:hover h5 {
    background: #ff3d2f;
    transition: all 0.6s ease;
    color: #fff;
}

.Packages-tabitem .boxpackages:hover .heading-three {
    background: linear-gradient(45deg, #2ca5ff, #0b0d0d);
    transition: all 0.6s ease;
    color: #fff;
}

.Packages-tabitem .boxpackages:hover p {
    color: #fff;
}

.Packages-tabitem .boxpackages:hover ul li {
    color: #fff;
}

.Packages-tabitem .boxpackages:hover .view-details-text a {
    /* background: #fff; */
    color: #fff;
}

.Packages-tabitem .boxpackages:hover .botom-live-cht .liovechats-bx span {
    color: #fff;
}
.Packages-tabitem .boxpackages:After {
    position: absolute;
    content: "";
    height: 0%;
    width: 0%;
    background: linear-gradient(45deg, #FF5722, #E91E63);
    top: 50%;
    z-index: -1;
    right: 41%;
    transition: all 0.6s ease;
}

.Packages-tabitem .boxpackages:hover:After {
    transition: all 0.6s ease;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
}
section.Packages-wrap h3 {
    text-transform: uppercase;
    font-size: 29px;
    margin: 0 0 17px 0;
    color: #000;
    font-weight: 600;
}
.container-im-age {
    top: 393px;
    position: absolute;
    width: 400px;
    height: 400px;
    animation: rotate 20s linear infinite;
    transform-style: preserve-3d;
    right: 3%;
    z-index: -1;
  }

  .im-age {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotateX(45deg) rotateY(45deg);
    width: 100px;
    height: 100px;
    animation: fractalize 60s linear infinite;
  }

  .im-age:before,
  .im-age:after {
    content: "";
    position: absolute;
    width: 100px;
    height: 100px;
    border: 2px solid #ff5e18;
  }

  .im-age:before {
    transform: translateZ(50px);
  }

  .im-age:after {
    transform: translateZ(-50px);
  }

  .clearfix::after {
    content: "";
    display: table;
    clear: both;
  }

  @keyframes rotate {
    0% { transform: rotate3d(1, 1, 0, 0deg); }
    100% { transform: rotate3d(1, 1, 0, 360deg); }
  }

  @keyframes fractalize {
    0% { transform: translate(-50%, -50%) scale(1); }
    100% { transform: translate(-50%, -50%) scale(3); }
  }
  /* Package Section CSS Start Here */

  .copyright a {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    padding-left: 15px;
    text-decoration: none  !important;
}

.term-text p {
    font-size: 17px;
    color: #767474;
    margin-bottom: 34px;
}

.term-text h3 {
    color: #232323;
    font-size: 22px;
    font-weight: 600;
}

.term-text {
    padding-top: 4rem;
    padding-bottom: 3rem;
}

.main-privacy {
    background: #f6f6f6 !important;
}

.dropdown:hover>.dropdown-menu {
    display: block;
  }
  
  .dropdown>.dropdown-toggle:active {
    /*Without this, clicking will make it sticky*/
      pointer-events: none;
  }
  button#dropdownMenuButton {
    padding: 0px;
    padding: 0px !important;
    color: var(--greycolor);
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}

button#dropdownMenuButton:hover {
    color: #ff5e17 !important;
}
.term-text ul {
    padding-left: 0;
}

.term-text ul li i {
    margin-right: 7px;
    font-size: 10px;
    color: #ff6711 !important;
}

.term-text li {
    display: flex;
    align-items: center;
}

.spacin .text-center h4 {
    font-size: 43px;
    font-weight: 600;
    text-transform: uppercase;
}
.spacin{
    padding-top: 3rem;
}

ul.dropdown-menu {
    top: 24px;
}

.web-text.websitn strong {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
}
.web-text.websitn strong {
    color: #fff;
}

.fixedform .barforms {
    transition: all 0.3s ease-out;
}

.fixedform.fixed-forms-main .barforms {
    opacity: 1;
    left: -46px;
}

.fixedform.fixed-forms-main .barforms span {
    letter-spacing: 2px;
    color: #fff;
    font-size: 20px;
    transform: rotate(270deg);
    display: block;
    width: 153px;
    position: relative;
    left: -55px;
    top: 40%;
}

.fixedform .services-from-input {
    width: 320px;
    padding: 0 20px;
}

.fixedform {
    opacity: 0;
    position: fixed;
    top: 35.4%;
    right: -19.99rem;
    background-color: #fff;
    margin: auto;
    padding: 19px 0;
    z-index: 222;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.fixedform .barforms {
    position: absolute;
    left: 0;
    top: 0;
    background: var(--button-color);
    /* background-size: initial; */
    /* background-position: center; */
    /* background-repeat: no-repeat; */
    border-radius: 5px 0px 0px 5px;
    width: 45px;
    height: 292px;
}

.fixedform .getdiscount {
    padding: 16px 20px;
    background: #fff;
    border-bottom-left-radius: 10px;
}

.fixedform .getdiscount h3 {
    border-bottom: 1px solid #cccccc;
    padding-bottom: 10px;
    margin: 0 0 20px;
    font-size: 21px;
    font-weight: 600;
    color: #111111;
}

.fixedform form {
    width: 100%;
}

.fixedform .mm-field {
    margin-bottom: 13px;
    width: 100%;
    position: relative;
    border: 1px solid #ebe9e9;
}

.fixedform .mm-field input {
    width: 100%;
}

.fixedform .mm-field input[type="text"],
.fixedform .mm-field select,
.fixedform .mm-field input[type="email"] {
    background-color: transparent !important;
    z-index: 10;
    position: relative;
    border: 1px solid #fff;
    padding: 10px 10px 10px 60px;
    width: 100%;
}

.fixedform .mm-field {
    position: relative;
    border-radius: 2px;
}

.fixedform .mm-field:before {
    content: "";
    background: url("../images/sprites.html") no-repeat;
    background-position: -558px -167px;
    width: 52px;
    height: 44px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 22;
}

.fixedform .mm-field.pnfields:before {
    display: none;
}

.fixedform .mm-field.emailfield:before {
    background-position: -623px -167px;
    width: 52px;
    height: 44px;
}

.fixedform .mm-field.pnfields .intl-tel-input {
    width: 100%;
}


fieldset {
    position: absolute;
    top: 10px;
    left: 60px;
    z-index: 2;
    color: #666666;
    font-size: 15px;
    transform: translate3d(0, 0, 0);
    transition: all 0.2s ease-in-out;
}

.intl-tel-input.allow-dropdown .flag-container,
.intl-tel-input.separate-dial-code .flag-container {
    z-index: 999;
}

.fixedform .intl-tel-input.allow-dropdown .flag-container .selected-flag {
    border-right: none;
}

.fixedform .intl-tel-input.allow-dropdown .flag-container .selected-flag {
    background: rgb(219, 219, 219);
}

.fixedform .mm-field.selectsertvice:before {
    background-position: -684px -166px;
    width: 52px;
    height: 44px;
}

.fixedform .mm-field.whbgnone {
    margin-bottom: 0;
}

.fixedform .mm-field.whbgnone:before {
    background-position: -725px -97px;
    width: 21px;
    height: 21px;
    position: absolute;
    right: 30px;
    top: 0;
    bottom: 0;
    margin: auto;
    left: initial;
}

.fixedform .mm-field.whbgnone button[type="submit"] {
    background: #ff0042;
    border-radius: 30px;
    width: 100%;
    padding: 14px 35px;
    color: #fff;
    text-align: left;
    font-family: "Montserrat", sans-serif;
    font-size: 21px;
    font-weight: 600;
    text-transform: uppercase;
    border: transparent;
}

.fixedform .mm-field fieldset.active {
    top: 0px;
    font-size: 10px;
    color: #000;
    padding: 1px 8px;
    z-index: 20;
    left: 52px;
    font-weight: 500;
}

.fixedform .mm-field.pnfields fieldset {
    left: 100px;
}

.fixedform .mm-field.pnfields fieldset.active {
    left: 92px;
}

.fixedform.active {
    right: 0;
}

.fixed-forms-main {
    opacity: 1;
}

.custom-select {
    position: relative;
    background-color: #040404bf;
    color: #fff;
}

.custom-select select {
    display: none; /*hide original SELECT element: */
}

/* drowp-down-form */
.ser-bnr-drop {
    position: absolute;
    right: 19.5%;
    z-index: 1;
    top: 10%;
    width: 385px;
}

.services-from textarea {
    height: 100px;
}

.services-from .form-control {
    background-color: #040404bf;
    color: #fff;
}

.services-from .form-control::placeholder {
    color: var(--white-color);
}

.services-from .footer-form-btn {
    width: 100%;
    background: var(--button-color);
    color: var(--white-color);
}

.services-from .footer-form-btn:hover {
    color: var(--color-040404);
}

.services-from-input {
    padding: 0 20px 20px;
}

.custom-select {
    position: relative;
    background-color: #040404bf;
    color: #fff;
}

.custom-select select {
    display: none; /*hide original SELECT element: */
}

/* Style the arrow inside the select element: */
.select-selected:after {
    position: absolute;
    content: "";
    top: 14px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #fff transparent transparent transparent;
}

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
    border-color: transparent transparent #fff transparent;
    top: 7px;
}

/* style the items (options), including the selected item: */
.select-items div,
.select-selected {
    transition: 3s;
    cursor: pointer;
}

/* Style items (options): */
.select-items {
    position: absolute;
    background-color: aliceblue;
    top: 36px;
    color: #000;
    left: 0;
    right: 0;
    padding: 10px;
    z-index: 99;
    transition: 3s;
}

.select-items div {
    border-bottom: 1px solid #000;
    padding: 5px 0;
    transition: 3s;
}

/* Hide the items when the select box is closed: */
.select-hide {
    display: none;
}

.select-items div:hover,
.same-as-selected {
    background-color: var(--color-555555);
    color: var(--white-color);
}
.fixedform.active .barforms i {
    transform: rotate(0);
}

.barforms i {
    position: absolute;
    bottom: 24px;
    left: 0px;
    transform: rotate(178deg);
    right: 0;
    margin-left: 15px;
    color: #fff;
    margin-right: 10px;
    font-size: 25px;
}

.blk {
    background: #000;
}
.servicetext a {
    color: #212529;
}

.Look-What {
    text-align: center;
}
.sec-logo ul li {
    min-width: 200px;
    max-width: 200px;
    min-height: 100px;
    max-height: 100px;
    object-fit: contain;
    align-items: center;
}
.socail_icon ul{
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    flex-direction: row;
    gap: 20px;
}
.socail_badges {
    margin: 10px 0 0 0;
}
.socail_badges ul{
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    flex-direction: row;
    gap: 10px;
}
.socail_badges ul li figure {
    margin: 0;
}
.socail_badges ul li a img{
    min-width: 150px;
    max-width: 150px;
    min-height: 150px;
    max-height: 150px;
    object-fit: contain;
}
.Footer .location-box{
    text-align: center;
    width: 100%;
    margin: 20px 0px 0px;
}
.Footer .location-box .btn-loction{
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    padding: 0;
}
.Footer .location-box .btn-plus{
    padding: 0;
}
.Footer .location-box .card-body ul{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    align-items: center;
    justify-content: center;
    gap: 20px;
}
.Footer .location-box .card-body ul li a{
    font-size: 16px;
    font-weight: 400;
    line-height: 1.1;
}
.Services ul h6 {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
}


/* blog-page */
section.blog-banner {
    padding: 250px 0px 180px;
    background-image: url(../images/Banner-1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.blog-banner h1{
    text-align: center;
    font-size: 90px;
    line-height: 100px;
    margin: 0px 0px 40px;
    color: #fff;
    font-weight: 500;
}
.blog-banner .home{
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
}
.blog-banner .home a{
    color: #ffffff7d;
    font-size: 22px;
}
.blog-banner .home a:hover{
    color: #fff;
}
.blog-banner .home span{
    color: #fff;
    font-size: 25px;
}

/* blog-detail */
.blog-detail{
    padding: 80px 0px 80px;
    overflow: hidden;
}
.blog-detail .box-main{
    background: #ffffff;
    overflow: hidden;
    border-radius: 20px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
    margin: 0px 0px 25px;
    height: 420px;
}
.blog-detail .box-main .main-img{
}
.blog-detail .box-main .main-img img{
    width: 100%;
    border-radius: 20px;
    height: 230px;
    object-fit: cover;
}
.blog-detail .box-main h2{
    color: #000;
    font-size: 21px;
    font-weight: 500;
    line-height: 31px;
    padding: 25px;
}


/* accessibility-sec */
.accessibility-sec{
    overflow: hidden;
    position: relative;
    padding: 136px 0px 100px;
}
.accessibility-sec .main-box{
}
.accessibility-sec .main-box .main-img.banner-img{}
.accessibility-sec .main-box .main-img.banner-img img{
    width: 100%;
    height: 430px;
}
.accessibility-sec .main-box .According {
    /* width: 830px; */
    margin: 0 auto;
}
.accessibility-sec .main-box .digital{
    display: flex;
    justify-content: flex-start;
    text-align: left;
    margin: 0px 0px 50px;
    align-items: baseline;
    gap: 40px;
}
.accessibility-sec .main-box .digital a{
    font-size: 20px;
    color: #000;
    width: 18%;
}
.accessibility-sec .main-box .digital i{
    color: #000 !important;
    font-size: 20px;
}
.accessibility-sec .main-box .digital p{
    margin: 0;
    font-size: 20px;
    color: #000;
}
.accessibility-sec .main-box .head{
    text-align: center;
}
.accessibility-sec .main-box .head .para{
    font-size: 13px;
    line-height: 23px;
    font-weight: 500;
    margin: 0px 0px 20px;
    color: #bababa;
}
.accessibility-sec .main-box .head h1{
    color: #000;
    margin: 0px 0px 22px;
    font-size: 37px;
    line-height: 51px;
    font-weight: 600;
}
.accessibility-sec .main-box .head h1{
    color: #000;
    margin: 0px 0px 22px;
    font-size: 37px;
    line-height: 51px;
    font-weight: 600;
}
.accessibility-sec .main-box .head h1 span{
    color:  #FF7A03;
}
.accessibility-sec .main-box .head p{
    font-size: 17px;
    line-height: 31px;
    color: #000;
    margin: 0px 0px 30px;
}
.accessibility-sec .main-box .main-img{
    margin: 0px 0px 40px;
}
.accessibility-sec .main-box .main-img img{
    width: 100%;
    height: 488px;
    object-fit: cover;
    border-radius: 7px;
    object-position: top;
}
.accessibility-sec .main-box .main-img.seo-imge img{
    width: 550px;
    height: 480px;
}
.accessibility-sec .main-box .main-img ul{
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 20px 0px 40px;
}
.accessibility-sec .main-box .main-img ul li{
    font-size: 14px;
    font-weight: 500;
}
.accessibility-sec .main-box .main-img ul li img{
    height: 40px;
    width: 40px;
    border-radius: 50%;
}
.accessibility-sec .main-box .main-img ul li a{
    color: #67bffe;
    font-size: 14px;
}
.accessibility-sec .main-box p{
    font-size: 17px;
    line-height: 29px;
    margin: 0px 0px 26px;
    color: #000;
}
.accessibility-sec .main-box p a{
    font-weight: 600;
    color: #2ca6ff;
    border-bottom: 4px solid #FF7A03;
}
.accessibility-sec .main-box p span{
    font-weight: 600;
}
.accessibility-sec .main-box .line{
    border-bottom: 1px solid #5555556b;
    margin: 0px 0px 50px;
}
.accessibility-sec .main-box .silk h2{
    color: #000;
    font-size: 50px;
    line-height: 61px;
    font-weight: 600;
    padding: 0px 0px 40px;
}
.accessibility-sec .main-box .silk .request-btn{
    background: #000;
    color: #fff;
    padding: 22px 40px;
    border-radius: 8px;
    font-size: 27px;
    height: 80px;
    display: inline-block;
    border: 0;
    text-transform: uppercase;
    align-items: center;
    margin: 0px 0px 40px;
}
.accessibility-sec .main-box .Website{
}
.accessibility-sec .main-box .Website h2{
    font-size: 27px;
    color: #FF7A03;
    font-weight: 600;
    margin: 0px 0px 40px;
}
.accessibility-sec .main-box .Website h3{
    color: #000;
    font-size: 24px;
    font-weight: 600;
    margin: 0px 0px 30px;
}
.accessibility-sec .main-box .Website .h2{
    margin: 50px 0px;
}
.accessibility-sec .main-box .Website ul{
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 0px 0px 0px 50px;
    margin: 0px 0px 40px;
}
.accessibility-sec .main-box .Website ul li{
    font-size: 20px;
    color: #000;
    list-style: disc !important;
}
.accessibility-sec .main-box .Website ul li i{
    color: #000 !important;
    font-size: 20px;
    margin: 0px 10px 0px 0px;
}
.accessibility-sec .main-box .Website ul li a{
    font-weight: 600;
    color: #000;
    border-bottom: 4px solid #000;
}
.accessibility-sec .main-box .author{
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 30px;
    background: #88b1ff26;
    padding: 40px;
    border-radius: 20px;
    border: 1px solid #2cb3ff;
}
.accessibility-sec .main-box .author img{
    height: 80px;
    width: 80px;
    border-radius: 50%;
}
.accessibility-sec .main-box .author p{
    color: #000;
    font-size: 14px;
}
.accessibility-sec .main-box .author p a{
    display: block;
    border: 0;
}
.accessibility-sec .main-box .event-box {
  background: #ffffff;
  border-radius: 8px;
  padding: 20px;
  margin: 20px 0;
  transition: all .4s ease-in-out;
  box-shadow: 0px 0px 7px 0px darkgray;
}
.accessibility-sec .main-box .event-box .event-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.accessibility-sec .main-box .event-box .event-header h2{
    color: #000;
    font-size: 30px;
    font-weight: 600;
}
.accessibility-sec .main-box .event-box .event-header i{
    color: #000 !important;
    font-size: 20px;
    transition: transform 0.3s ease;
  cursor: pointer;
}
.accessibility-sec .main-box .event-box .event-header i.rotate {
  transform: rotate(180deg);
}

.accessibility-sec .main-box .event-detail {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: all .4s ease-in-out;
}
.accessibility-sec .main-box .event-detail h2{
    color: #000;
    font-size: 20px;
    font-weight: 500;
    line-height: 25px;
    margin: 0px 0px 31px;
    border-bottom: 1px solid #77777769;
    padding: 0px 0px 14px;
}
.accessibility-sec .main-box .event-box.active .event-detail {
  max-height: 200px;
  opacity: 1;
  margin-top: 30px;
}
/* accessibility-sec */

/* david-miller-banner */
.david-miller-banner{
    padding: 200px 0px 100px;
    background: aqua;
    background-image: url(../images/Banner-1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.david-miller-banner .main-img{
}
.david-miller-banner .main-img img{
    height: 240px;
    width: 240px;
    object-fit: cover;
    border-radius: 50%;
}
.david-miller-banner .contant{}
.david-miller-banner .contant h2{
    font-size: 49px;
    font-weight: 500;
    margin: 0px 0px 20px;
}
.david-miller-banner .contant p{
    font-size: 20px;
    line-height: 34px;
    color: #fff;
    font-weight: 400;
}