/* Main Css */
::selection {b;background: #1650B7;color: #fff;text-shadow: none;}
::-webkit-scrollbar { width: 10px; background-color: #F5F5F5; }
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment { display: none; }
::-webkit-scrollbar-track-piece { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); background-color: #dedede; }
::-webkit-scrollbar-thumb:vertical { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); background-color: #d65f32; }

body {  overflow-x: hidden; font-size: 16px; color: #585858; line-height: 1; font-family: 'Inter', sans-serif; scroll-behavior: smooth; }
h1,
h2,
h3,
h4,
h5,
h6 { display: block;font-family: 'Coolvetica Rg'; }
*:hover,
*:focus,
* { outline: none !important; }
img {max-width: 100%;height: auto;}
a,
input[type="submit"] {-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; display: inline-block; cursor: pointer;}
span { display: inline-block; }
p,a {font-size: 18px;color: #585858;font-weight: 400;}
strong,
.bold { font-weight: bold; }

/* Custom Slick Css */
.slick-list { margin: 0 -15px; }
.slick-slide { margin: 0 15px; }
ul.slick-dots {padding: 20px 0;text-align: center;position: absolute;bottom: -38px;right: 0;left: 0;}
ul.slick-dots li {margin: 0 12px 0 0px;display: inline-block;vertical-align: middle;padding: 0px;border: none;border-radius: 50%;width: 15px;height: 15px;}
ul.slick-dots li:before { display: none; }
.slick-dots li button {cursor: pointer;font-size: 0px;border: 2px solid #6c5ce7;width: 100%;height: 100%;display: inline-block;padding: 0px;border-radius: 50%;box-sizing: border-box;-webkit-transition: all 0.4s ease-In-out;-moz-transition: all 0.4s ease-In-out;-o-transition: all 0.4s ease-In-out;transition: all 0.4s ease-In-out;}
.slick-dots li.slick-active button {background: #6c5ce7;}
ul.slick-dots li.last { margin-right: 0px; }

textarea,
select,
input[type],
textarea,
select,
button { background: transparent; border: none; border-radius: 0px; }
::-webkit-input-placeholder { color: rgba(0,0,0,0.5); }
::-moz-placeholder { color: rgba(0,0,0,0.5); }
:-ms-input-placeholder { color: rgba(0,0,0,0.5); }
:-moz-placeholder { color: rgba(0,0,0,0.5); }


/* Padding Classes */
.pad-sec { padding: 0px 0; }
.pad-zero {padding: 0px;padding-top: 50px;}
.pad-l-zero { padding-left: 0px; }
.pad-r-zero { padding-right: 0px; }



/* Heading Classes */
.mn-hd { margin-bottom: 20px; }
.mn-hd h1 { }
.mn-hd h2 { }
.mn-hd h3 { }
.mn-hd h4 {font-weight: 400;font-size: 38px;line-height: 38px;color: #2D2D2D;}
.mn-hd h4 span { font-weight: 600; font-size: 14px; line-height: 17px; color: #444444; font-family: 'Inter'; display: block; margin-bottom: 10px; }
.mn-hd h5 { }
.mn-hd h6 { }

.para{}
.para p{line-height: 30px;color: #797979;}

/* Global Css */
.ovr-hiddn { overflow: hidden; }


/* header CSS */
header {transition: all 0.4s ease-in-out;padding: 20px 0;position: absolute;top: 0;width: 100%;z-index: 1;}
.logo svg {width: 261px;height: 61px;}
.logo img {display: block;width: 145px;}
ul.phnchat { }
ul.phnchat>li { display: inline-block; margin-left: 30px; }
ul.phnchat>li a { font-weight: 500; font-size: 16px; color: #333333; text-transform: capitalize; }
ul.phnchat>li a i { vertical-align: middle; margin-right: 7px; }
ul.phnchat>li.last a i {color: #ffc107;}
ul.phnchat>li a:hover { color: #1650B7; }


/* Menu Css */


/* Main Banner CSS */
.mainBanner{position: relative;background-repeat: no-repeat;background-size: contain;background-position: 85% 100%;height: 690px;display: flex;align-items: center;padding-top: 5%;}
.mainBanner:after{content: '';background-image: url(../images/after.png);position: absolute;right: 16%;top: 0;width: 393px;height: 666px;z-index: -1;}

.mainCont {padding-top: 48px;}
.mainCont h4 { font-weight: 400; font-size: 46px; line-height: 64px; color: #212121; margin-bottom: 15px; }
.mainCont p { line-height: 30px; margin-bottom: 25px; }
.mainCont ul { margin-bottom: 30px; }
.mainCont ul>li {line-height: 19px;font-weight: 400;font-size: 16px;margin-bottom: 10px;position: relative;padding-left: 20px;}
.mainCont ul>li:before { content: '\f00c'; position: absolute; font-family: 'Font Awesome 5'; left: 0; top: 0; font-size: 14px; }
.btns_group { margin-bottom: 20px; }
.btns_group a {font-weight: 600;font-size: 16px;line-height: 17px;}
.btns_group a.getstarted {/* width: 180px; *//* height: 45px; */background: #ffc107;border-radius: 6px;color: #FFFFFF;text-transform: uppercase;text-align: center;line-height: 41px;margin-right: 20px;border: 2px solid #ffc107;position: relative;z-index: 0;padding: 4px 35px;}
.btns_group a.getstarted i { margin-left: 10px; vertical-align: middle; }
.btns_group a.chat-btn {color: #2E2E2E;text-transform: capitalize;position: relative;}
.btns_group a.chat-btn i {vertical-align: middle;margin-right: 10px;color: #ffc107;font-weight: 500;}
.rtng { }
.rtng p { font-size: 14px; line-height: 16.94px; text-transform: none; }
.rtng p span { vertical-align: text-bottom; color: #FFA700; font-size: 12px; }
.rtng p span i { margin: 0 2px; }
.rtng p strong { color: #000000; font-weight: 600; }

section.trustedSec { padding-bottom: 80px; }
.trstWrp { border-bottom: 1px solid #dddcdf; padding: 9px 0; }
.trstWrp p { display: inline-block; font-weight: 600; font-size: 16px; line-height: 19px; color: #8A8A8A; margin-right: 22px; width: 115px; }
.trstWrp ul { display: inline-block; vertical-align: middle; }
.trstWrp ul li {display: inline-block;margin: 0 20px;display: inline-flex;align-items: center;justify-content: center;}
.trstWrp ul img { }

section.webdesignSec {padding-bottom: 40px;padding-top: 120px;}
.designSliderWrp { margin-top: 20px; }
.porWrp {text-align: center;transition: ease 1.8s;padding: 0 0 15px;}
.porWrp img { width: 100%; display: block; border-radius: 10px; margin-bottom: 20px; }
.porWrp h5 { font-weight: 400; font-size: 20px; line-height: 24px; color: #222222; }
ul.designSlider { margin-bottom: 25px; }
ul.designSlider_two { margin-bottom: 35px; }

section.whychooseSec { }
.chsServ { margin-bottom: 50px; margin-top: 30px; }
.chseWrp { background: #F8F8F8; border-radius: 8px; padding: 45px; height: 100%; transition: ease 0.5s; }
.chseWrp img { display: block; margin-bottom: 25px; max-width: 18%; }
.chseWrp h5 { font-weight: 400; font-size: 24px; line-height: 30px; color: #242424; margin-bottom: 18px; }
.chseWrp p { font-weight: 400; font-size: 17px; line-height: 26px; color: #797979; }
.chseWrp:hover { background: #FFFFFF; box-shadow: 0px 4px 10px 2px rgba(176, 176, 176, 0.14); }


section.reviewCta { background-repeat: no-repeat; background-size: cover; position: relative; padding: 90px 0; z-index: 0; }
section.reviewCta:before { content: ''; background-image: url(../images/cta-before.png); position: absolute; background-repeat: no-repeat; background-size: contain; width: 320px; height: 581px; right: 0; bottom: 0; }
section.reviewCta:after { content: ''; background-image: url(../images/cta-after.png); position: absolute; width: 35%; height: 495px; height: 82%; background-repeat: no-repeat; background-size: cover; top: 0; right: 7%; z-index: -1; }
.ctaimg { }
.ctaimg img { display: block; }
.ctaimg .revBtns {text-align: center;margin-bottom: 20px;margin-top: 24px;}
.revBtns a.getstarted {background: #ffc107;border-radius: 6px;/* width: 180px; *//* height: 45px; */font-weight: 600;font-size: 16px;color: #FFFFFF;text-align: center;text-transform: uppercase;line-height: 41px;vertical-align: middle;border: 2px solid #ffc107;position: relative;z-index: 0;padding: 4px 35px;}
.revBtns a.getstarted i { margin-left: 10px; }
.revBtns p {display: inline-block;vertical-align: middle;font-weight: 500;font-size: 13px;line-height: 16px;color: #8F9196;margin-left: 20px;text-align: left;transition: ease 0.4s;}
.revBtns p i { color: #1CC476; margin-left: 12px; }
.revBtns p a { display: block; font-weight: 500; font-size: 14px; line-height: 17px; color: #fff; margin-top: 5px; }
.rev-rtng { text-align: center; }
.rev-rtng p { font-weight: 500; font-size: 14px; line-height: 17px; color: #fff; }
.rev-rtng p span { display: block; color: #777E88; margin-bottom: 5px; }
.rev-rtng p span i { color: #1DBF74; font-size: 16px; vertical-align: top; margin-right: 5px; }
.revWrp {font-size: 0;padding-bottom: 100px;z-index: 0;position: relative;}
.revWrp img { width: 120px; height: 120px; }
.revWrp .revDetal {display: inline-block;vertical-align: top;position: relative;margin-left: 20px;width: calc(100% - 140px);}
.revWrp .revDetal h5 { font-weight: 400; font-size: 20px; line-height: 26px; color: #000000; margin-bottom: 15px; }
.revWrp .revDetal p {font-weight: 500;font-size: 14px;line-height: 23px;color: #484848;margin-bottom: 10px;letter-spacing: -0.4px;}
.revWrp .revDetal h6 {font-weight: 400;font-size: 15px;line-height: 26px;color: #484848;margin-bottom: 27px;}
.revWrp .revDetal h6 span { color: #171717; }
.revWrp .revDetal ul {width: 185px;font-size: 0;}
.revWrp .revDetal ul>li {font-weight: 400;font-size: 14px;line-height: 17px;color: #7F7F7F;display: inline-block;width: 50%;border-right: 1px solid #7F7F7F;border-bottom: 1px solid #7F7F7F;padding: 8px 8px;}
.revWrp .revDetal ul>li span { font-weight: 600; font-size: 16px; line-height: 19px; color: #333333; display: block; }
.revWrp .revDetal:after {content: '';background-image: url(../images/quote.png);background-repeat: no-repeat;position: absolute;width: 180px;height: 180px;right: -90px;top: 23px;z-index: -1;}
.revWrp .revDetal ul>li.last { border: 0; }
.revWrp .revDetal ul>li:nth-child(3) { border-bottom: 0; }
.revWrp .revDetal ul>li:nth-child(2) { border-right: 0; }


section.processSec { padding: 60px 0; }
ul.procsList { font-size: 0; margin: 35px 0; display: flex; }
ul.procsList>li {display: inline-block;width: 31.33%;border-right: 1px solid #D8D8D8;padding: 28px 17px 28px 0;margin-right: 30px;position: relative;}
ul.procsList>li.last { margin-right: 0; }
ul.procsList>li:after {content: '';background-image: url(../images/prcs-after.png);width: 15px;height: 18px;position: absolute;background-repeat: no-repeat;background-size: contain;right: -15px;top: 0;bottom: 0;margin: auto;}
.prcsWrp { }
.prcsWrp img { }
.prcsWrp h5 { font-weight: 700; font-size: 48px; line-height: 58px; color: #EEEEEE; font-family: 'Inter'; }
.prcsWrp h4 { font-weight: 400; font-size: 24px; line-height: 30px; color: #242424; margin: 25px 0 15px; }
.prcsWrp p { font-weight: 400; font-size: 17px; line-height: 26px; color: #797979; }
section.profsSec { }
ul.servList { font-size: 0; margin-top: 35px; }
ul.servList>li {margin-bottom: 55px;display: inline-block;width: 32.1%;border: 3px solid #ffc107;padding: 30px;margin-right: 21px;vertical-align: top;border-radius: 20px;}
ul.servList>li:nth-child(3n) {margin-right: 0;}
.servWrp { }
.servWrp img {margin-bottom: 25px;height: 55px;}
.servWrp h5 { font-weight: 400; font-size: 26px; line-height: 31px; color: #333333; margin-bottom: 20px; }
.servWrp h5 span {display: block;font-weight: 600;font-size: 34px;line-height: 24px;color: #ffc107;margin-top: 15px;font-family: 'Inter';}
.servWrp p {font-weight: 400;font-size: 17px;line-height: 27px;/* or 167% */color: #797979;margin-bottom: 30px;}
.servWrp ul { margin-bottom: 25px;
    min-height: 158px; }
.servWrp ul>li {font-weight: normal;font-size: 14px;/* identical to box height */color: #666666;margin-bottom: 10px;padding-left: 22px;position: relative;line-height: 1.4em;}

.servWrp ul>li span {
    margin-right: 8px;
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    height: 15px;
    background: #ffc107;
    border-radius: 50%;
    color: #fff;
    font-size: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    }
    
    
.servWrp a {background: #ffc107;border-radius: 6px;/* width: 150px; *//* height: 45px; */font-weight: 600;font-size: 16px;line-height: 17px;/* identical to box height */color: #FFFFFF;text-transform: uppercase;text-align: center;line-height: 41px;border: 2px solid #ffc107;position: relative;z-index: 0;padding: 4px 35px;}
.servWrp a+a {
    background: no-repeat;
    color: #d65f32;
    border: none;
    border-bottom: 1px solid;
    padding: 0;
    line-height: 1.6em;
    font-weight: normal;
    border-radius: 0;
    margin-left: 18px;
    font-size: 14px;
}

.servWrp a+a:hover {
    border: none;
}
.testimoniaWrp > p {
    min-height: 160px;
}

.c-heading h1 {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
/* identical to box height, or 143% */
    color: #FFFFFF;
    width: 79px;
    height: 26px;
    background: #ffc107;
    border-radius: 5px;
    text-align: center;
    padding: 3px 0;
}



section.profsSec {
    position: relative;
    padding: 40px 0;
}
.profsSec .mn-hd {
    text-align: center;
}

.profsSec .para p{
    text-align: center;
}

section.clientsTesimonialSec { position: relative; padding-top: 80px; }
section.clientsTesimonialSec:after {content: '';position: absolute;background: #F6F4F5;width: 100%;height: 65%;top: 0;z-index: -1;left: 0;}
.cltchrev {margin: 30px 0 40px;}
.testimoniaWrp {background: #fff;padding: 25px;box-shadow: 0px 4px 4px rgba(178, 178, 178, 0.25);position: relative;z-index: 0;}
.testimoniaWrp:after {content: '';background-image: url(../images/quote.png);width: 180px;height: 180px;position: absolute;right: 0;top: 0;z-index: -1;}
.testimoniaWrp img { width: 90px; height: 90px; margin-right: 15px; display: inline-block; vertical-align: middle; }
.testimoniaWrp h5 { display: inline-block; vertical-align: middle; width: calc(100% - 115px); font-weight: 500; font-size: 18px; line-height: 22px; font-family: 'Inter', sans-serif; }
.testimoniaWrp h5 span {display: block;margin-top: 5px;font-weight: 400;font-size: 12px;line-height: 15px;color: #989898;}
.testimoniaWrp p {font-weight: normal;font-size: 16px;line-height: 23px;/* or 128% */letter-spacing: 0.01em;color: #797979;margin-top: 14px;margin-bottom: 18px;}
.tstRtng { }
.tstRtng span { }
.tstRtng span i { color: #00B578; margin-right: 3px; font-size: 13px; }
.tstRtng p { font-weight: 400; font-size: 12px; line-height: 15px;/* identical to box height */ color: #7C7C7C; }
.monialSlider { margin-bottom: 35px; }
.monialSlider li{    margin-bottom: 15px;}
.clt-box img {
    max-width: 60%;
    filter: grayscale(1);
}

section.faqSEc {padding: 60px 0;}
ul.accordion-list { position: relative; display: block; width: 100%; height: auto; padding: 20px; margin: 0; list-style: none; }
ul.accordion-list  li { position: relative; display: block; width: 100%; height: auto; cursor: pointer; border-bottom: 1px solid #F3F3F3; padding-bottom: 30px; padding-top: 20px; }
ul.accordion-list li.active h3:after { transform: rotate(-180deg); }
ul.accordion-list li h3 { cursor: pointer; font-weight: 400; font-size: 21px; line-height: 22px;/* identical to box height */ color: #333333; padding-right: 30px; }
ul.accordion-list li h3:after { content: "\f2ec"; font-family: 'Font Awesome 5'; position: absolute; right: 0; color: #000; transition: all .3s ease-in-out; font-size: 15px; right: 0; font-weight: 700; transform: rotate(-90deg); }
ul.accordion-list li div.answer { position: relative; display: block; width: 100%; height: auto; margin: 0; padding: 0; cursor: pointer; padding-right: 100px; }
ul.accordion-list li div.answer p { position: relative; display: block; cursor: pointer; font-weight: 400; font-size: 16px; line-height: 31px;/* or 194% */ color: #797979; margin-top: 25px; }


section.categrSec {padding: 50px 0;background: #f7f7f791;display: none;}
ul.catmenu { margin-top: 30px; }
ul.catmenu>li { margin-bottom: 15px; }
ul.catmenu>li a { font-weight: 400; font-size: 16px; line-height: 19px; color: #3B3B3B; }
.compLogos { background: #F3F3F1; padding: 25px 0; }
.gettouch { }
.gettouch h5 { font-weight: 600; font-size: 16px; line-height: 25px;/* or 156% */ color: #191919; font-family: 'Inter'; }
.gettouch a { display: block; font-weight: 400; font-size: 16px; line-height: 25px; color: #4A4A4A; }
footer {padding: 30px 0;border-top: 1px solid #f7f7f791;}
.copyright { background: #202020; padding: 12px 0; }
.copyright p { font-weight: 400; font-size: 12px; line-height: 15px;/* identical to box height */ color: #676767; }
.copyright p a { font-weight: 400; font-size: 12px; line-height: 15px;/* identical to box height */ color: #D7D7D7; border-right: 1px solid #d7d7d7; padding-right: 10px; margin-right: 8px; }
.copyright p a:last-child { border: 0; padding: 0; margin: 0; }
ul.social { font-size: 0; }
ul.social>li { display: inline-block; vertical-align: middle; margin-left: 12px; }
ul.social>li a { width: 30px; height: 30px; background: #fff; text-align: center; font-size: 16px; border-radius: 50%; line-height: 30px; }
ul.social>li a:hover { background: #d65f32; color: #fff; }

/**/
ul.catmenu.catmenuCenter,
ul.catmenu.catmenuRight,
.gettouchRight { display: inline-block; text-align: left; }
.btns_group a.getstarted:after,
.revBtns a.getstarted:after,
.servWrp a:after { content: ''; position: absolute; width: 0; height: 100%; background: #fff; left: 0; top: 0; border-radius: 6px; transition: ease 0.5s; z-index: -1; }
.btns_group a.getstarted:hover:after,
.revBtns a.getstarted:hover:after,
.servWrp a:hover:after { width: 100%; transition: ease 0.4s; }
.btns_group a.getstarted:hover,
.revBtns a.getstarted:hover,
.servWrp a:hover {color: #ffc107;transition: ease 0.6s;}
.btns_group a.chat-btn:after {content: '';position: absolute;width: 0;height: 2px;background: #ffc107;left: 0;bottom: -5px;right: 0;margin: auto;transition: ease 0.4s;}
.btns_group a.chat-btn:hover:after { width: 100%; transition: ease 0.5s; }
.btns_group a.chat-btn:hover,
.revBtns p:hover a,
ul.catmenu>li a:hover,
.gettouch a:hover {color: #ffc107;}
.revBtns p:hover { transform: scale(1.03); transition: ease 0.4s; }
.design-card {
    box-shadow: none;
}
.design-card--heavy-shadow:hover {
    box-shadow: none;
}
.porWrp:hover {
    transform: scale(1.02);
    transition: ease 0.4s;
}




ul.procsList>li.last:after {
    display: none;
}

ul.procsList>li.last {
    border: none;
}

.comlogo {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.comlogo img {
    margin: 0 58px;
}



/*popup*/
.overlays{background-color: rgba(0, 0, 0, 0.8);bottom: 0;left: 0;position: fixed;right: 0;top: 0;z-index: 10;display: none;}
.popupmain{
    position: fixed;
    top: 45%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: auto;
    width: 690px;
    height: 460px;
    background: #fff;
    box-shadow: 0px 0px 30px -9px #0000006e;
    z-index: 11;
    overflow: hidden;
    display: none;
    }
.mmpopup{display: flex;
/* height: 430px; */
 height: 437px;
align-items: center;}
.mmpopup .imgbx{width: 30%;}
.mmpopup .centercont{width: 35%;padding-right: 20px;}
.mmpopup .imgbx img{ width: 290px;  max-width: initial; }
.mmpopup .formpop{padding-right: 30px;width: 35%;padding-top: 20px;}
.mmpopup .fld-input{height: 50px;width: 100%;margin-bottom: 10px;}
.mmpopup .fld-btn button{ height: 50px; font-size: 15px; }
.mmpopup .fld-input.textarea{height: 80px;}
.mmpopup .fld-input textarea{
    width: 100%;
    height: 100%;
    padding: 0 24px;
    font-size: 16px;
    letter-spacing: 0.2px;
    padding-top: 10px;
    resize: none;
    }
.mmpopup .centercont h3{ font-size: 26px; color: #141515; margin-bottom: 10px; }
.mmpopup .centercont h4{ font-size: 20px; color: #566060; margin-bottom: 15px; }
.mmpopup .centercont h4 span{ color: #965CE3;  }
.mmpopup .centercont p{color: #727272;font-size: 15px;margin-bottom: 120px;line-height: 20px;  }
.mmpopup .calldvs i{ background: url(../images/popup/callico.jpg) no-repeat; width: 42px; height: 42px; display: block; margin-bottom: 10px; }
.mmpopup .calldvs span{ font-size: 13px; color: #566060; }
.mmpopup .calldvs a{ font-size: 26px; color: #965CE3; font-weight: 400; margin-top: 5px; font-weight: 600;text-decoration: none; }
.mmpopup .fld-btn button{ width: 100%; }
.closeico{ position: absolute; top: 15px; right: 20px; z-index: 9999; }
.closeico i{ background: url(../images/e-remove.png) no-repeat; width: 16px; height: 16px; display: block; }
.closeico1{ position: absolute; top: 15px; right: 20px; z-index: 9999; }
.closeico1 i{ background: url(../images/e-remove.png) no-repeat; width: 16px; height: 16px; display: block; }

.icn-tooltip:after{ display: none; }
.icn-tooltip {
  display: inline-block;
  position: relative;
  transition: all 0.4s ease;
  padding: initial !important;
  background-color: transparent !important;
}
.icn-tooltip .tooltip-innr {
  position: absolute;
    width: 160px;
    right: -60px;
    top: 24px;
    background: #000000;
    padding: 3px 3px 4px;
    border-radius: 3px;
    color: #fff;
    font-size: 11px;
    text-transform: capitalize;
    opacity: 0;
    transition: all 0.4s ease;
    z-index: 2;
    box-shadow: 0 0 11px 3px #00000042;
    line-height: 1.5em;
}
.icn-tooltip i {
      margin: 0 0 0 4px;
    /* font-size: 12px; */
    /* color: #000; */
}
.icn-tooltip .tooltip-innr:before {
  content: "\f0d8";
  font-family: "Font Awesome 5";
  right: 17px;
  top: -12px;
  position: absolute;
  color: #000000;
  font-size: 24px;
  display: none;
}
.icn-tooltip:hover .tooltip-innr {
  opacity: 1;
}
ul.pkgDtl{     height: 260px; }
.mCSB_inside>.mCSB_container{ margin: 0; }
.top-rated{ z-index: 1; }
.mmpopup .centercont p{ margin-bottom: 10px;    line-height: 23px; }
.mmpopup .centercont ul{ margin-bottom: 30px; }
.mmpopup .centercont ul li{ display: block; font-size: 13px; color: #566060; padding: 5px 0; }
.mmpopup .centercont ul li i{ color: #995EE8; }
.mmpopup .centercont h4{ font-size: 25px; }
.mmpopup .centercont h3{ font-size: 26px; font-weight: 700;  margin-top: 20px;  }
.mmpopup .centercont h4 span{ font-weight: 700; }
.rattag{ font-style: italic; }
a.banner-btn{ border-color: rgb(255 255 255); }
a.banner-btn:hover{  color: #fff; }
.whyChooseSec{ padding: 30px 0 50px; }

.maintg{ position: relative; overflow: hidden; }
.maintg:before{ content: ''; position: absolute;  top: 12em; width: 100%; height: 88%; background: #effcf9; clip-path: polygon(0 10%, 100% 0, calc(100% - 0px) 100%, 0px 100%); }
/*.reviewSec:after{     background: #effcf9; height: 70%; }*/
.review-box{ box-shadow: none; }
ul.reviews-brand>li{ border-color: #f7f7f7; }
.faqSec{ padding: 90px 0; background: #effcf9; }
.our-happy-clients{     padding:  50px 0; }
ul.colasebar>li,
ul.colasebar>li span{ background: transparent; }
ul.colasebar>li.active{ background: #fff; }
ul.featureIcons>li .tooltip{ display: none !important; }
.featureSec h3{     background: #effcf9; }
.mark, mark{ background: #fff; }

.halloweenlogo{ width: 130px; margin-top: -30px; }
header.fixed.sticky img.halloweenlogo{ filter: initial;    margin-top: -15px; }
.ratings{ padding-left: 100px; }

.mCSB_container{ overflow: initial !important; }
.mCSB_inside>.mCSB_container{  margin: 0;  margin-right: 25px; }


.centercont h4 span>span{ display: none; }
.mmpopup .centercont h4 span del{ display: none; }
.mmpopup .centercont h3 span{ display: inline-block; margin-right: 10px; }

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 25px; margin-left: 0 !important; }

.spacialSec .ratings{  padding-left: 0; }
.mmpopup .formpop {
    padding-right: 30px;
    width: 66%;
    padding-top: 20px;
    padding-left: 12%;
}
.mmpopup .fld-input {
    height: 50px;
    width: 100%;
    margin-bottom: 10px;
}
.fld-input {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(218 217 217);
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    width: 354px;
    height: 66px;
    margin-bottom: 20px;
}
.fld-input input {
    width: 100%;
    height: 100%;
    padding: 0 24px;
    font-size: 16px;
    letter-spacing: 0.2px;
}
.mmpopup .fld-input.textarea {
    height: 80px;
}
.mmpopup .fld-btn button {
    width: 100%;
}
.mmpopup .fld-btn button {
    height: 50px;
    font-size: 15px;
    line-height: 20px;
    background: #ffc107;
    color: #fff;
}
.fld-btn button {
    border-radius: 5px;
    width: 350px;
    height: 62px;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.2px;
    text-transform: uppercase;
    cursor: pointer;
    transition: 0.5s;
}
.formpop h4 {
    color: #000;
    font-size: 28px;
    margin-bottom: 10px;
}

.formpop p {
    font-size: 16px;
    line-height: initial;
    margin-bottom: 10px;
}
label.error {
    display: none !important;
}

textarea.error, select.error, input[type].error, textarea.error, select.error, button {
    background: #ffeaea;
}
.formpop p {
    font-size: 16px;
    line-height: initial;
    margin-bottom: 10px;
}
.whychooseSec .para > p {
    width: 79%;
    margin: 0 auto;
}
/* Client Section */
.client-list{
    font-size: 0;
    margin: 45px -8px 120px;
    text-align: center;
}
.client-list li{
    display: inline-block;
    width: 20%;
    vertical-align: top;
    margin: 0 0 15px;
    padding: 0 8px;
}
.client-list .clt-box{
    border-radius: 10px;
    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.1);
    border: solid 1px #fff;
    background-color: #fff;
    width: 100%;
    height: 167px;
    display: flex;
    justify-content: center;
    align-items: center;
}
/* Website Redesign LP */ 
.web-redesign .mainCont h4{
    line-height: 1.25;
}
.web-redesign .mainCont h4 span{
    font-size: 20px;
    letter-spacing: 1.5px;
    display: block;
    text-transform: uppercase;
}
.web-redesign .mainCont ul li{
    width: 49%;
    display: inline-block;
    vertical-align: top;
}
.web-redesign .mainBanner {
    /*height: 750px;*/
}
.web-redesign .mainCont ul>li:before {
    color: #18b095;
}
.web-redesign .btns_group a.getstarted {
    background: #18b095;
    border: 2px solid #18b095;
}
.web-redesign .btns_group a.chat-btn i {
    color: #18b095;
}
.web-redesign .btns_group a.chat-btn:hover,.web-redesign .revBtns p:hover a,.web-redesign ul.catmenu>li a:hover,.web-redesign .gettouch a:hover {
    color: #18b095;
}
.web-redesign .btns_group a.chat-btn:after {
    background: #18b095;
}
.web-redesign ul.phnchat>li.last a i {
    color: #18b095;
}
.web-redesign .btns_group a.getstarted:hover,.web-redesign .revBtns a.getstarted:hover,.web-redesign .servWrp a:hover {
    color: #18b095;
}
.web-redesign .revBtns a.getstarted {
    background: #18b095;
    border: 2px solid #18b095;
}
.web-redesign .profsSec .mn-hd {
    text-align: center;
}
.web-redesign .profsSec .profsSec .para {
    text-align: center;
}
.web-redesign .servWrp a+a {
    color: #18b095;
}
.web-redesign .servWrp .pack-btns a:first-child {
    background: #18b095;
    border-radius: 6px;
    font-weight: 600;
    font-size: 16px;
    line-height: 17px;
    color: #FFFFFF;
    text-transform: uppercase;
    text-align: center;
    line-height: 41px;
    border: 2px solid #18b095;
    position: relative;
    z-index: 0;
    padding: 4px 35px;
}
.web-redesign .servWrp .pack-btns a:first-child i{
    margin-left: 10px;
}
.web-redesign .servWrp .pack-btns a:first-child:hover{
    color: #18b095;
}
.web-redesign .servWrp ul>li span {
    width: 15px;
    height: 15px;
    background: #18b095;
    border-radius: 50%;
    color: #fff;
    font-size: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.web-redesign ul.phnchat>li a:hover {
    color: #18b095;
}
/* Image comparison */
.cd-image-container {
    position: relative;
    width: 100%;
    /* max-width: 768px; */
    margin:  auto;
  }
  .cd-image-container img {
    display: block;
    width: 100%;
    height: 450px;
  }
  
  .cd-image-label {
    position: absolute;
    font-weight: 500;
    letter-spacing: 1px;
    top: 0;
    right: 0;
    color: #ffffff;
    padding: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0.3s 0.7s;
    -moz-transition: -moz-transform 0.3s 0.7s, opacity 0.3s 0.7s;
    transition: transform 0.3s 0.7s, opacity 0.3s 0.7s;
  }
  .cd-image-label.is-hidden {
    visibility: hidden;
  }
  .is-visible .cd-image-label {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  
  .cd-resize-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    overflow: hidden;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .cd-resize-img img {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    height: 100%;
    width: auto;
    max-width: none;
  }
  .cd-resize-img .cd-image-label {
    right: auto;
    left: 0;
  }
  .is-visible .cd-resize-img {
    width: 50%;
    /* bounce in animation of the modified image */
    -webkit-animation: cd-bounce-in 0.7s;
    -moz-animation: cd-bounce-in 0.7s;
    animation: cd-bounce-in 0.7s;
  }
  
  @-webkit-keyframes cd-bounce-in {
    0% {
      width: 0;
    }
    60% {
      width: 55%;
    }
    100% {
      width: 50%;
    }
  }
  @-moz-keyframes cd-bounce-in {
    0% {
      width: 0;
    }
    60% {
      width: 55%;
    }
    100% {
      width: 50%;
    }
  }
  @keyframes cd-bounce-in {
    0% {
      width: 0;
    }
    60% {
      width: 55%;
    }
    100% {
      width: 50%;
    }
  }
  .cd-handle {
    position: absolute;
    height: 44px;
    width: 44px;
    /* center the element */
    left: 50%;
    top: 50%;
    margin-left: -22px;
    margin-top: -22px;
    border-radius: 50%;
    background: #000000
      url("../images/web-redesign/handle.png")
      no-repeat center center;
    cursor: move;
    box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2), 0 0 10px rgba(0, 0, 0, 0.6),
      inset 0 1px 0 rgba(255, 255, 255, 0.3);
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0) scale(0);
    -moz-transform: translate3d(0, 0, 0) scale(0);
    -ms-transform: translate3d(0, 0, 0) scale(0);
    -o-transform: translate3d(0, 0, 0) scale(0);
    transform: translate3d(0, 0, 0) scale(0);
  }
  .cd-handle.draggable {
    /* change background color when element is active */
    background-color: #445b7c;
  }
  .is-visible .cd-handle {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    -moz-transform: translate3d(0, 0, 0) scale(1);
    -ms-transform: translate3d(0, 0, 0) scale(1);
    -o-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
    -webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0s 0.7s;
    -moz-transition: -moz-transform 0.3s 0.7s, opacity 0s 0.7s;
    transition: transform 0.3s 0.7s, opacity 0s 0.7s;
  }
  .project-overview {
    margin: 40px 15% 60px;
    border-radius: 10px;
    overflow: hidden;
}
.compare-sec{padding: 0 0 90px;}
.web-redesign .profsSec .para p {
    text-align: center;
}
/* Website Redesign LP End*/

/* Wordpess Redesign LP */ 
.wordpress .mainCont h4{
    line-height: 1.25;
}
.wordpress .mainCont h4 span{
    font-size: 20px;
    letter-spacing: 1.5px;
    display: block;
    text-transform: uppercase;
}
.wordpress .mainCont ul li{
    width: 49%;
    display: inline-block;
    vertical-align: top;
}
.wordpress .mainBanner {
    /*height: 750px;*/
}
.wordpress .mainCont ul>li:before {
    color: #f24e62;
}
.wordpress .btns_group a.getstarted {
    background: #f24e62;
    border: 2px solid #f24e62;
}
.wordpress .btns_group a.chat-btn i {
    color: #f24e62;
}
.wordpress .btns_group a.chat-btn:hover,.wordpress .revBtns p:hover a,.wordpress ul.catmenu>li a:hover,.wordpress .gettouch a:hover {
    color: #f24e62;
}
.wordpress .btns_group a.chat-btn:after {
    background: #f24e62;
}
.wordpress ul.phnchat>li.last a i {
    color: #f24e62;
}
.wordpress .btns_group a.getstarted:hover,.wordpress .revBtns a.getstarted:hover,.wordpress .servWrp a:hover {
    color: #f24e62;
}
.wordpress .revBtns a.getstarted {
    background: #f24e62;
    border: 2px solid #f24e62;
}
.wordpress .profsSec .mn-hd {
    text-align: center;
}
.wordpress .profsSec .profsSec .para {
    text-align: center;
}
.wordpress .servWrp a+a {
    color: #f24e62;
}
.wordpress .servWrp .pack-btns a:first-child {
    background: #f24e62;
    border-radius: 6px;
    font-weight: 600;
    font-size: 16px;
    line-height: 17px;
    color: #FFFFFF;
    text-transform: uppercase;
    text-align: center;
    line-height: 41px;
    border: 2px solid #f24e62;
    position: relative;
    z-index: 0;
    padding: 4px 35px;
}
.wordpress .servWrp .pack-btns a:first-child i{
    margin-left: 10px;
}
.wordpress .servWrp .pack-btns a:first-child:hover{
    color: #f24e62;
}
.wordpress .servWrp ul>li span {
    width: 15px;
    height: 15px;
    background: #f24e62;
    border-radius: 50%;
    color: #fff;
    font-size: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.wordpress ul.phnchat>li a:hover {
    color: #f24e62;
}
.project-overview {
    margin: 40px 15% 60px;
    border-radius: 10px;
    overflow: hidden;
}
.wordpress .chseWrp {
    padding: 45px 15px;
    height: 380px;
    transition: ease 0.5s;
    box-shadow: 0 4px 10px 2px rgb(176 176 176 / 14%);
    background-color: #fff;
    text-align: center;
}
.wordpress .chseWrp img{
    margin:0 auto 25px;
    display: block;
}
.wordpress .tstRtng span i {
    color: #f24e62;
}
.wordpress ul.procsList>li:after {
    background-image: url(../images/wordpress/prcs-after.png);
}
.wordpress .profsSec .para p {
    text-align: center;
}
/* Wordpess Redesign LP End*/

/* Ecommerce Redesign LP */ 
.ecommerce .mainCont h4{
    line-height: 1.25;
}
.ecommerce .mainCont h4 span{
    font-size: 20px;
    letter-spacing: 1.5px;
    display: block;
    text-transform: uppercase;
}
.ecommerce .mainCont ul li{
    width: 49%;
    display: inline-block;
    vertical-align: top;
}
.ecommerce .mainBanner {
    /*height: 750px;*/
}
.ecommerce .mainCont ul>li:before {
    color: #e7865e;
}
.ecommerce .btns_group a.getstarted {
    background: #e7865e;
    border: 2px solid #e7865e;
}
.ecommerce .btns_group a.chat-btn i {
    color: #e7865e;
}
.ecommerce .btns_group a.chat-btn:hover,.ecommerce .revBtns p:hover a,.ecommerce ul.catmenu>li a:hover,.ecommerce .gettouch a:hover {
    color: #e7865e;
}
.ecommerce .btns_group a.chat-btn:after {
    background: #e7865e;
}
.ecommerce ul.phnchat>li.last a i {
    color: #e7865e;
}
.ecommerce .btns_group a.getstarted:hover,.ecommerce .revBtns a.getstarted:hover,.ecommerce .servWrp a:hover {
    color: #e7865e;
}
.ecommerce .revBtns a.getstarted {
    background: #e7865e;
    border: 2px solid #e7865e;
}
.ecommerce .profsSec .mn-hd {
    text-align: center;
}
.ecommerce .profsSec .profsSec .para {
    text-align: center;
}
.ecommerce .servWrp a+a {
    color: #e7865e;
}
.ecommerce .servWrp .pack-btns a:first-child {
    background: #e7865e;
    border-radius: 6px;
    font-weight: 600;
    font-size: 16px;
    line-height: 17px;
    color: #FFFFFF;
    text-transform: uppercase;
    text-align: center;
    line-height: 41px;
    border: 2px solid #e7865e;
    position: relative;
    z-index: 0;
    padding: 4px 35px;
}
.ecommerce .servWrp .pack-btns a:first-child i{
    margin-left: 10px;
}
.ecommerce .servWrp .pack-btns a:first-child:hover{
    color: #e7865e;
}
.ecommerce .servWrp ul>li span {
    width: 15px;
    height: 15px;
    background: #e7865e;
    border-radius: 50%;
    color: #fff;
    font-size: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ecommerce ul.phnchat>li a:hover {
    color: #e7865e;
}
.project-overview {
    margin: 40px 15% 60px;
    border-radius: 10px;
    overflow: hidden;
}
.ecommerce .chseWrp {
    padding: 45px 15px;
    height: 380px;
    transition: ease 0.5s;
    box-shadow: 0 4px 10px 2px rgb(176 176 176 / 14%);
    background-color: #fff;
    text-align: center;
}
.ecommerce .chseWrp img{
    margin:0 auto 25px;
    display: block;
}
.ecommerce .tstRtng span i {
    color: #e7865e;
}
ul.procsList>li:after {
    background-image: url(../images/ecommerce/prcs-after.png);
}
.ecommerce .profsSec .para p {
    text-align: center;
}
/* Ecommerce Redesign LP End*/

/* Blog LP */ 
.blog .mainCont h4{
    line-height: 1.25;
    text-transform: capitalize;
      letter-spacing: 1px;
}
.blog .mainCont h4 span{
    font-size: 20px;
    letter-spacing: 1.5px;
    display: block;
    text-transform: uppercase;
}
.blog .mainCont ul li{
    width: 49%;
    display: inline-block;
    vertical-align: top;
}
.blog .mainBanner {
    /*height: 750px;*/
}
.blog .mainCont ul>li:before {
    color: #d65f32;
}
.blog .btns_group a.getstarted {
    background: #d65f32;
    border: 2px solid #d65f32;
}
.blog .btns_group a.chat-btn i {
    color: #d65f32;
}
.blog .btns_group a.chat-btn:hover,.blog .revBtns p:hover a,.blog ul.catmenu>li a:hover,.blog .gettouch a:hover {
    color: #d65f32;
}
.blog .btns_group a.chat-btn:after {
    background: #d65f32;
}
.blog ul.phnchat>li.last a i {
    color: #d65f32;
}
.blog .btns_group a.getstarted:hover,.blog .revBtns a.getstarted:hover,.blog .servWrp a:hover {
    color: #d65f32;
}
.blog .revBtns a.getstarted {
    background: #d65f32;
    border: 2px solid #d65f32;
}
.blog .profsSec .mn-hd {
    text-align: center;
}
.blog .profsSec .profsSec .para {
    text-align: center;
}
.blog .servWrp a+a {
    color: #d65f32;
}
.blog .servWrp .pack-btns a:first-child {
    background: #d65f32;
    border-radius: 6px;
    font-weight: 600;
    font-size: 16px;
    line-height: 17px;
    color: #FFFFFF;
    text-transform: uppercase;
    text-align: center;
    line-height: 41px;
    border: 2px solid #d65f32;
    position: relative;
    z-index: 0;
    padding: 4px 35px;
}
.blog .servWrp .pack-btns a:first-child i{
    margin-left: 10px;
}
.blog .servWrp .pack-btns a:first-child:hover{
    color: #d65f32;
}
.blog .servWrp ul>li span {
    width: 15px;
    height: 15px;
    background: #9d9d9d;
    color: #fff;
    font-size: 10px;
}
.blog ul.phnchat>li a:hover {
    color: #d65f32;
}
.project-overview {
    margin: 40px 15% 60px;
    border-radius: 10px;
    overflow: hidden;
}
.blog .tstRtng span i {
    color: #d65f32;
}
.blog ul.procsList>li:after {
    background-image: url(../images/blog/prcs-after.png);
}
.blog .profsSec .para p {
    text-align: center;
}
/* Blog LP End*/

/* Industry LP */ 
.industry .mainCont h4{
    line-height: 1.25;
    text-transform: capitalize;
}
.industry .mainCont h4 span{
    font-size: 20px;
    letter-spacing: 1.5px;
    display: block;
    text-transform: uppercase;
}
.industry .mainBanner {
    /*height: 750px;*/
}
.industry .mainCont ul>li:before {
    color: #72737b;
}
.industry .btns_group a.getstarted {
    background: #f2b84c;
    border: 2px solid #f2b84c;
}
.industry .btns_group a.chat-btn i {
    color: #f2b84c;
}
.industry .btns_group a.chat-btn:hover,.industry .revBtns p:hover a,.industry ul.catmenu>li a:hover,.industry .gettouch a:hover {
    color: #f2b84c;
}
.industry .btns_group a.chat-btn:after {
    background: #f2b84c;
}
.industry ul.phnchat>li.last a i {
    color: #f2b84c;
}
.industry .btns_group a.getstarted:hover,.industry .revBtns a.getstarted:hover,.industry .servWrp a:hover {
    color: #f2b84c;
}
.industry .revBtns a.getstarted {
    background: #f2b84c;
    border: 2px solid #f2b84c;
}
.industry .profsSec .mn-hd {
    text-align: center;
}
.industry .profsSec .profsSec .para {
    text-align: center;
}
.industry .servWrp a+a {
    color: #f2b84c;
}
.industry .servWrp .pack-btns a:first-child {
    background: #f2b84c;
    border-radius: 6px;
    font-weight: 600;
    font-size: 16px;
    line-height: 17px;
    color: #FFFFFF;
    text-transform: uppercase;
    text-align: center;
    line-height: 41px;
    border: 2px solid #f2b84c;
    position: relative;
    z-index: 0;
    padding: 4px 35px;
}
.industry .servWrp .pack-btns a:first-child i{
    margin-left: 10px;
}
.industry .servWrp .pack-btns a:first-child:hover{
    color: #f2b84c;
}
.industry .servWrp ul>li span {
    width: 15px;
    height: 15px;
    background: #f2b84c;
    border-radius: 50%;
    color: #fff;
    font-size: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.industry ul.phnchat>li a:hover {
    color: #f2b84c;
}
.project-overview {
    margin: 40px 15% 60px;
    border-radius: 10px;
    overflow: hidden;
}
.industry .tstRtng span i {
    color: #f2b84c;
}
.industry .mn-hd h4 span{
    text-transform: uppercase;
}
ul.procsList>li:after {
    background-image: url(../images/industry/prcs-after.png);
}
.industry .profsSec .para p {
    text-align: center;
}
.portfolio-nav{
    margin: 50px 0;
    text-align: center;
}
.portfolio-nav li{
    display: inline-block;
    margin: 0 15px;
}
.portfolio-nav li a{
    font-size: 18px;
    font-weight: normal;
    text-align: center;
    color: #000;
    text-transform: capitalize;
}
.port-content a{
    margin-bottom: 50px;
    display: block;
}
/* Tabbing CSS */

[class^="box-"] {
    display: none;
}

[class^="box-"].showfirst {
    display: block;
}
.reviewCta1{
    background-color: #021639;
}
.reviewCta1 .btns_group .chat-btn{
    color: #fff;
}
.reviewCta1 .cta-txt h4{
    font-size: 40px;
    font-weight: normal;
    line-height: 1.25;
    color: #fff;
    font-family: 'Coolvetica Rg';
    padding: 30px 0 0;
}
.reviewCta1 .cta-txt ul{
    margin: 30px 0 40px;
}
.reviewCta1 .cta-txt li{
    font-size: 20px;
    font-weight: normal;
    line-height: 2;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    padding-left: 18px;
    position: relative;
}
.reviewCta1 .cta-txt li::before{
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    background-color: #fff;
    border-radius: 50%;
    top: 15px;
    left: 0;
}
.pckg-list{
    margin: 50px -15px 150px;
    font-size: 0;
}
.pckg-list>li{
    display: inline-block;
    width: 33.33%;
    vertical-align: top;
}
.pckg-box{
    margin:0 15px;
    border-radius: 6px;
    border: solid 2px #db875a;
}
.pckg-box h2{
    font-family: 'Coolvetica Rg';
    font-size: 40px;
    font-weight: normal;
    color: #d17645;
}
.pckg-box h6{
    font-size: 20px;
    font-weight: normal;
    line-height: normal;
    color: #bcbcbc;
    padding: 40px 0 10px;
    text-transform: capitalize;
    font-family: 'Inter';
}
.pckg-box h4{
    font-size: 75px;
    font-weight: bold;
    line-height: normal;
    color: #000;
    letter-spacing: normal;
    font-family: 'Inter';
}
.pckg-box h5{
    font-size: 18px;
    font-weight: normal;
    line-height: 1.67;
    color: #585858;
    font-family: 'Inter';
}
.pckg-box h5 span{
    font-weight: bold;
    color: #fc6161;
}
.pckg-box .top{
    position: relative;
    z-index: 1;
    padding: 15px 30px 20px;
}
.pckg-box .top::before{
    position: absolute;
    content: "";
    width: 100%;
    height: 80px;
    top: 0;
    left: 0;
    background-color: #FFF8F5;
    z-index: -1;
}
.pckg-box .top .badge{
    position: absolute;
    top: 15px;
    right: 25px;
}
.pckg-box .content{
    margin: 5px 25px 35px;
    border-top: 1px solid #f2d9cf;
}
.pckg-box ul{
    margin: 25px 0 35px;
}
.pckg-box ul li{
    font-size: 16px;
    font-weight: 500;
    line-height: 2.25;
    color: #666;
    display: flex;
    align-items: baseline;
}
.pckg-box ul li i{
    color: #db875a;
    font-weight: 400;
    margin-right: 5px;
}
.pckg-box  .btns_group a.getstarted{
    padding: 4px 20px;
    margin-right: 10px;
}
.pckg-box .btns_group a.getstarted {
    background: #f29f72;
    border: 2px solid #f29f72;
    color: #000;
}
.pckg-box .btns_group a.getstarted:hover{
    color: #f29f72;
}
.pckg-box .btns_group a.chat-btn:after {
    background: #f29f72;
}
.pckg-box .btns_group a.chat-btn i {
    color: #f29f72;
}
.pckg-box  .btns_group a.chat-btn:hover{
    color: #f29f72;
}
.silver-pckg{
    border: solid 2px #c1cee3;
}
.silver-pckg h2{
    color: #c1cee3;
}
.silver-pckg .top::before{
    background-color: #F9FBFF;
}
.silver-pckg  ul li i{
    color: #c1cee3;
}
.silver-pckg .btns_group a.getstarted {
    background: #d4ddea;
    border: 2px solid #d4ddea;
    color: #000;
}
.silver-pckg .btns_group a.getstarted:hover{
    color: #c1cee3;
}
.silver-pckg .btns_group a.chat-btn:after {
    background: #c1cee3;
}
.silver-pckg .btns_group a.chat-btn i {
    color: #c1cee3;
}
.silver-pckg  .btns_group a.chat-btn:hover{
    color: #c1cee3;
}
.silver-pckg  .content {
    margin: 5px 25px 35px;
    border-top: 1px solid #dae3f0;
}
.gold-pckg{
    border: solid 2px #f2b84c;
}
.gold-pckg h2{
    color: #f2b84c;
}
.gold-pckg .top::before{
    background-color: #FFF9EE;
}
.gold-pckg  ul li i{
    color: #f2b84c;
}
.gold-pckg .btns_group a.getstarted {
    background: #ffdc91;
    border: 2px solid #ffdc91;
    color: #000;
}
.gold-pckg .btns_group a.getstarted:hover{
    color: #ffdc91;
}
.gold-pckg .btns_group a.chat-btn:after {
    background: #ffdc91;
}
.gold-pckg .btns_group a.chat-btn i {
    color: #ffdc91;
}
.gold-pckg  .btns_group a.chat-btn:hover{
    color: #ffdc91;
}
.gold-pckg  .content {
    margin: 5px 25px 35px;
    border-top: 1px solid #ffdc91;
}
.table-sec{
    background-color: #f8f8f8;
    padding: 65px 0 75px;
    margin-bottom: 75px;
}
.table-list{
    font-size: 0;
    margin: 75px 0;
    text-align: center;
}
.table-list li{
    display: inline-block;
    width: 20%;
    vertical-align: top;
}
.table-list h6{
    font-family: 'Coolvetica Rg'; 
    font-size: 18px;
    font-weight: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: center;
    color: #2d2d2d;
    padding-top: 30px;
}
.table-list img{
    height: 90px;
}
.table-list .table-box{
    padding: 0 25px;
}
/* Industry LP End*/






/* Landing LP */ 
.landing .mainCont h4{
    line-height: 1.25;
    text-transform: capitalize;
}
.landing .mainCont h4 span{
    font-size: 20px;
    letter-spacing: 1.5px;
    display: block;
    text-transform: uppercase;
}
.landing .mainCont ul li{
    width: 49%;
    display: inline-block;
    vertical-align: top;
}
.landing .mainBanner {
    /*height: 750px;*/
}
.landing .mainCont ul>li:before {
    color: #2cbc63;
}
.landing .btns_group a.getstarted {
    background: #2cbc63;
    border: 2px solid #2cbc63;
}
.landing .btns_group a.chat-btn i {
    color: #2cbc63;
}
.landing .btns_group a.chat-btn:hover,.landing .revBtns p:hover a,.landing ul.catmenu>li a:hover,.landing .gettouch a:hover {
    color: #2cbc63;
}
.landing .btns_group a.chat-btn:after {
    background: #2cbc63;
}
.landing ul.phnchat>li.last a i {
    color: #2cbc63;
}
.landing .btns_group a.getstarted:hover,.landing .revBtns a.getstarted:hover,.landing .servWrp a:hover {
    color: #2cbc63;
}
.landing .revBtns a.getstarted {
    background: #2cbc63;
    border: 2px solid #2cbc63;
}
.landing .profsSec .mn-hd {
    text-align: center;
}
.landing .profsSec .profsSec .para {
    text-align: center;
}
.landing .servWrp a+a {
    color: #2cbc63;
}
.landing .servWrp .pack-btns a:first-child {
    background: #2cbc63;
    border-radius: 6px;
    font-weight: 600;
    font-size: 16px;
    line-height: 17px;
    color: #FFFFFF;
    text-transform: uppercase;
    text-align: center;
    line-height: 41px;
    border: 2px solid #2cbc63;
    position: relative;
    z-index: 0;
    padding: 4px 35px;
}
.landing .servWrp .pack-btns a:first-child i{
    margin-left: 10px;
}
.landing .servWrp .pack-btns a:first-child:hover{
    color: #2cbc63;
}
.landing .servWrp ul>li span {
    width: 15px;
    height: 15px;
    background: #2cbc63;
    border-radius: 50%;
    color: #fff;
    font-size: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.landing ul.phnchat>li a:hover {
    color: #2cbc63;
}
.project-overview {
    margin: 40px 15% 60px;
    border-radius: 10px;
    overflow: hidden;
}
.landing .tstRtng span i {
    color: #2cbc63;
}
.landing ul.procsList>li:after {
    background-image: url(../images/landing/prcs-after.png);
}
.landing .profsSec .para p {
    text-align: center;
}
.landing .mainBanner:after {
    background-image: url(../images/landing/after.png);
}
.landing .webdesignSec .mn-hd h4 span{
    text-transform: uppercase;
}
.landing .servWrp img {
    margin-bottom: 25px;
    width: 60px;
    height: 60px;
}
/* Landing LP End*/

ul.servList li {
    position: relative;
}


.c-heading {
    position: absolute;
    top: 0;
    right: 10px;
}

.servList li:first-child .pack-btns a:last-child{
}
ul.accordion-list li div.answer p + p{
    margin-top:0 !important;
}




@media (max-width: 1440px){
    section.reviewCta:before { width: 270px; height: 495px; }
    section.reviewCta:after { width: 39%; height: 73%; right: 0; }
}

@media (max-width: 1200px){
    .pckg-list>li {
        width: 50%;
        margin-bottom: 1rem;
    }
    ul.servList {
        display: grid;
        height: fit-content!important;
        grid-template-columns: repeat(3, 1fr);
            gap: 1rem;
    }
    ul.servList>li{
        width:100%;
    }
}
@media (max-width: 960px){
    
    .mainBanner {
        margin-top: 3rem;
        height: auto;
    }
    .mainBanner .col-md-6 {
        width: 100%;
        max-width: 100% !important;
        flex: 0 0 100%;
    }
    .trstWrp {
        border-bottom: 1px solid #dddcdf;
        padding: 9px 0;
        margin-top: 1rem;
        text-align: center;
    }
    .chseWrp {
        padding: 1rem;
        height: 350px;
    }
    .reviewCta .row {
        flex-direction: column;
    }
    .row .col-md-7, .row .col-md-5 {
        max-width: 100%;
        display: flex;
        justify-content: center;
        margin-bottom: 2rem;
    }
    section.reviewCta:before,section.reviewCta:after{
        background:none;
    }
    .revWrp {

        background: white;
        padding: 1rem;
        border-radius: 10px;
    }
    ul.servList {
        font-size: 0;
        margin-top: 35px;
        display: grid;
        gap: 2.5rem;
        height: fit-content!important;
        grid-template-columns: repeat(2, 1fr);
    }
    ul.servList>li {
        width: 100%;
    }
    ul.servList>li:nth-child(odd){
        border-right: 1px solid #D5D5D5;
    }
    ul.servList>li:nth-child(even){
        border-right: 0;
    }
}

@media (max-width: 824px){
    
    
.imgbx {
    display: none;
}

.mmpopup .formpop {
    width: 100%;
}

div#popuppack {
    width: 90%;
}

.logo {
    text-align: center;
}


.logo img {
    display: inline-block;
    padding: 15px;
}
    ul.servList {

        gap: 1rem;
        height: fit-content!important;
        grid-template-columns: repeat(1, 1fr);
    }
    ul.servList>li{
        border-right: 0 !important;
    }
    ul.procsList {
    display: block;
}

.client-list li {
    width: 50%;
}

.client-list {
    margin: 30px -8px 30px;
}
    
.mainCont ul>li:before {
    position: relative;
    margin-right: 9px;
}

.mainCont ul>li {
    padding-left: 0;
}

.servWrp ul>li {
    padding-left: 0;
}

.servWrp ul>li span {
    position: relative;
    margin-right: 5px;
}

.servWrp a+a {
    display: inline-block;
    width: 90%;
    border: 1px solid;
    border-radius: 5px;
    padding: 13px;
    margin: 12px 0 0 0;
}
    
    
    .compLogos img {
    display: block;
    width: auto;
    margin: 30px auto;
}

.comlogo {
    display: block;
}
    .mainCont {
    padding-top: 0;
}
    .main-head {}

header {position: relative;padding: 7px 0 15px;text-align: center;border-bottom: 1px solid #f7a68b;}

ul.phnchat>li {margin: 0;}

ul.phnchat {text-align: center;margin-top: 6px;}

ul.phnchat li {margin: 0 9px;}

ul.phnchat>li a {font-size: 14px;}

ul.phnchat>li a i {margin-right: 2px;}

.mainBanner {text-align: center;background-image: none !important;display: block;height: auto;}

.mainCont h4 {font-size: 35px;line-height: 40px;     letter-spacing: 1px;}

.mainCont p {font-size: 17px;line-height: 24px;}

.btns_group a.getstarted {width: 92%;padding: 10px;height: auto;font-size: 19px;margin: 0 auto;}

.btns_group a.chat-btn {font-size: 18px;margin-top: 18px;}

.rtng p {font-size: 14px;line-height: 1.4em;}

section.trustedSec {display: none;}

section.webdesignSec {text-align: center;}

.para {text-align: center;}

.para br {display: none;}

.mn-hd h4 {text-align: center;text-transform: capitalize;line-height: 1.2em;font-size: 28px;}

.chseWrp {text-align: center;;margin-top: 16px;}

.chseWrp img, .chseWrp svg {margin: 0 auto;margin-bottom: 20px;}

.revWrp {display: none;}

::after {}

section.reviewCta:after {display: none;}

section.reviewCta:before {display: none;}

.revBtns a.getstarted {width: 90%;padding: 6px;height: auto;font-size: 18px;}

section.reviewCta {padding: 40px 0 60px;}

.revBtns p {width: 100%;text-align: center;margin: 11px 0 0 0;}

.revBtns p a {display: inline-block;}

.revBtns p i {margin-right: 8px;}

.ctaimg .revBtns {margin-top: 32px;}

ul.procsList>li {width: 90%;margin: 0 auto;padding: 0;text-align: center;border: none;display: block;}

h5 {text-align: center;}

ul.procsList>li:after {display: none;}

ul.procsList>li+li {margin-top: 30px;padding-top: 30px;padding-bottom: 30px;}

ul.procsList>li.last {margin: auto;}

.prcsWrp h5 {margin-top: 13px;}

ul.servList>li {width: 90%;padding: 0;margin: 0 auto 50px;border: none;display: block;text-align: center;}

.servWrp h5 {}

.servWrp {}

.servWrp a {width: 90%;height: auto;padding: 4px;font-size: 18px;}

ul.servList>li+li {border-top: 1px solid #D5D5D5;padding-top: 40px;}

ul.servList>li:nth-child(3n) {width: 90%;padding-right: 0;border-top: 1px solid #D5D5D5;display: block;margin: 0 auto 50px;}

ul.accordion-list li div.answer {padding-right: 0;}

ul.accordion-list li h3:after {top: 25px;}

ul.accordion-list li h3 {font-size: 20px;line-height: 25px;}

ul.accordion-list li {padding-bottom: 20px;}

ul.catmenu {text-align: center;}

ul.catmenu.catmenuCenter {text-align: center;}

ul.catmenu.catmenuRight {text-align: center;display: block;}
.trslpilot {text-align: center;}

.certi {text-align: center;margin: 20px 0;}

.gettouch.gettouchRight {text-align: center;display: block;}

.copyright p {text-align: center;line-height: 2.4em;}

ul.social {text-align: center;margin: 18px 0 20px;}
.mainBanner:after {
    opacity: 0.2;
}
}

@media (max-width: 767px){
    
    .banr-img {
    position: unset !important;
}
.banr-img img{
    position: unset !important;
}
   ul.servList>li{
       position:relative;
       
   }
   .c-heading{
       top:10px;
       right:0;
       left:auto;
       
   }
   .servWrp ul>li{
       display:flex;
       align-items:center;
       text-align:left;
       
   }
   .chseWrp {
        padding: 1rem;
        height: fit-content;
    }
    section.reviewCta {
        padding: 40px 0 0px;
    }
    .table-list li {
        width: 100%;
        margin-bottom:2rem;
    }
    .pckg-list>li {
        width: 100%;
        margin-bottom: 1rem;
    }
    .pckg-list {
        margin: 50px -15px 80px;
    }
    .table-list h6 {
        padding-top: 10px;
    }
    .cd-image-container img{
        height:auto;
    }
}


.ftr-logo img {
    width: 240px;
}



/*==========================================popup=================================*/
.banr-img img {
    left: -170px;
    position: relative;
    width: 100%;
}