@import url('https://fonts.googleapis.com/css2?family=Overpass:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/*'Overpass', sans-serif;*/

body {
    color: #000001;
    overflow-x: hidden !important;
    margin: auto;
    -webkit-font-smoothing: subpixel-antialiased;
    line-height: 30px;
    font-size: 16px;
    /*font-family: 'Overpass', sans-serif;*/
    letter-spacing: .3px;
    font-weight: 300;
}

a {
    transition: all .5s ease
}

a:active,
a:focus {
    outline: 0
}

a:focus,
a:hover {
    text-decoration: none !important
}

.orange {
    color: #f76f45 !important
}

a:hover {
    text-decoration: none !important;
    color: #0291d2;
    transition: all .5s ease
}
h1{font-size: 48px;font-weight: bold;margin-bottom: 25px;color: #223B59;}
h2 {
    font-size: 44px;
    letter-spacing: -1px;
    font-weight: 700
}
h1 { font-family: 'Roboto', sans-serif; color:#223B59; margin:0 0 30px 0;font-weight: bold;}
h2 { font-family: 'Roboto', sans-serif; color:#3A3A3A; margin:0 0 30px 0;font-weight: bold;}
h3 { font-family: 'Roboto', sans-serif; color:#089cdc; margin:0 0 15px 0;font-weight: bold;}
h4 { font-family: 'Roboto', sans-serif; color:#3A3A3A; margin:0 0 18px 0;font-weight: bold;}
.f-regular {
    font-family: Roboto, sans-serif;
    font-weight: 400
}

.f-bold {
    font-family: Roboto, sans-serif;
    font-weight: 700
}

.white {
    color: #fff !important
}

.cta {
    background: #FFFFFF;
    float: left;
    color: #000001 !important;
    font-weight: 600;
    font-size: 18px;
    text-align: center;
    padding: 8px 25px 8px 25px;
    border-radius: 0px;
    margin-top: 30px;
    margin-left: 0;
    transition: all .5s ease;
    cursor: pointer;
    font-weight: bold;
}

.cta:hover {
    transition: all .5s ease;
    color: #000001;
    background: #fff;
}

.cta a {
    color: #000001 !important;
    text-decoration: none
}

.cta {
    border-radius: 0;
    text-transform: uppercase;
    font-size: 18px;
    background: #fff;
    padding: 15px 40px;
    border-radius: 0px;
}

.gradientCta {
    background: #dd6326;
    background: -moz-linear-gradient(0deg, #dd6326 0, #ff800d 100%) !important;
    background: -webkit-linear-gradient(0deg, #dd6326 0, #ff800d 100%) !important;
    background: linear-gradient(90deg, #dd6326 0, #ff800d 100%) !important;
    float: none;
    padding: 12px 35px;
    border-radius: 25px;
    font-size: 19px;
    display: inline-block;
    margin-top: 20px;
    font-family: Poppins, sans-serif;
    font-weight: 700;
    letter-spacing: 1.2px;
    color: #fff !important
}

.aligncenter {
    margin: 0 auto;
    display: inherit
}



@media (max-width:480px) {
    .home-bottom h2,
    .titleblock h2,
    h2,
    h2.heading-title {
        font-size: 36px
    }
}

@media (max-width:360px) {
    .home-bottom h2,
    .titleblock h2,
    h2,
    h2.heading-title {
        line-height: 30px;
        font-size: 30px;
        letter-spacing: 0
    }
}

.m-t-25 {
    margin-top: 25px
}

.foot-cta-title {
    font-size: 44px;
    margin-top: 0;
    letter-spacing: -2px;
    line-height: 44px
}
.croBanner{
    background-image:url(../images/conversation-rate-optimization.webp);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:top center;
    padding:120px 0 0px 0;color: #fff;}	
.croBanner h1 
{
	color:#fff;
    font-weight: 500;
}

.croBanner h1 span 
{
	font-weight: 700;
} 
/* .croBanner span{color:} */
* { margin:0; padding:0;}
a { text-decoration:none; color:inherit;}
ul, ol { list-style-type:none; padding:0; margin:0;}
img { margin:0; padding:0; line-height:0;}

.btn { border:none !important; border-radius:6px; background:#089cdc; width:100%; padding:15px 15px; text-transform:uppercase; font:500 20px 'Roboto', sans-serif; color:#fff;}

.HmBnrList {margin-top:70px;}
.HmBnrList li { /*width:100%; display:flex; margin:0 0 20px 0; align-items:center; font:700 23px 'Overpass', sans-serif; color:#6B6B6B;*/
    width: 100%;
    display: block;
    margin: 0 0 20px;
    align-items: center;
    font: 700 20px overpass,sans-serif;
    color: #6b6b6b;
    float: left;}
@media (min-width: 768px) and (max-width: 991px){.HmBnrList li { 
    width: 50%;
    display: flex;
    margin: 0 0 20px;
    align-items: center;
    font: 700 20px overpass,sans-serif;
    color: #6b6b6b;
    float: left;}}
.bannerSolutionWrap p{color:#fff;font-size:35px;font-weight:400;}
@media (min-width: 992px){.HmBnrList li {
    width: 33%;
    display: flex;
    margin: 0 0 20px;
    align-items: center;
    font: 700 20px overpass,sans-serif;
    color: #6b6b6b;
    float: left;}}

.HmBnrList li span { margin:0 20px 0 0;}
.HmBnrList li span img { max-width:25px;}
.MainBanner { width:100%; padding:0 125px; margin:0;}
.MainBanner .container-fluid { display:table; width:100%; min-height:790px;}
.tblCell { display:table-cell; vertical-align:middle; float:none;}
.BookCallNowBox { width:100%; background:#fff; border-radius:14px; border:4px solid #089cdc; padding:30px 40px;}
.BookCallNowBox input, .BookCallNowBox .footer-contact-form .form .col-sm-3{width:100%;color: #000;}
.CroStrategyCall #croPageForm input{width: 100%;
    padding: 11px 15px;
    border-radius: 4px;border: none;
    color: #000;}
.CroStrategyCall #croPageForm .help-block.with-errors{color:#f00;}
.BookCallNowBox h3{font-size:28px;text-align:center;}
.BookCallNowBox .footer-contact-form{margin-bottom:0 !important;}
.foot-but, .foot-cta{ border:none !important; border-radius:6px; background:#089cdc; width:100%; padding:15px; text-transform:uppercase; font:500 20px 'Roboto', sans-serif; color:#fff !IMPORTANT;}
.BookCallNowBox ul {}
.BookCallNowBox ul li { margin:0 0 45px 0;}
.BookCallNowBox ul li:last-child { margin:0;}
.BookCallNowBox ul li .form-control { border:none; border-radius:0; border-bottom:1px solid #089cdc; font:400 20px 'Overpass', sans-serif; color:#939393; box-shadow:none; padding:0;}
.BookCallNowBox ul li .btn { border:none !important; border-radius:6px; background:#089cdc; width:100%; padding:15px; text-transform:uppercase; font:500 20px 'Roboto', sans-serif; color:#fff;}

.TipsToBoost { padding:60px 0; background:#effaff;}
.TipsToBoost .ImgHldr { width:100%; overflow:hidden; line-height:0;}
/*.TipsToBoost .ImgHldr img { max-width:100%;}*/
.TipsToBoost .TxtHldr { width:100%; text-align:center; padding:0;}
.TipsToBoost .TxtHldr h3 { font:500 32px 'Roboto', sans-serif; color:#3A3A3A; margin:0 0 50px 0;}
.TipsToBoost .TxtHldr h2 { margin-bottom:40px;}
.TipsToBoost .TxtHldr p { margin:0 0 45px 0;}
.TipsToBoost .TxtHldr .btn { display:inline-block; max-width:450px;}

.WhyChooseUs { padding:110px 75px 135px;}
@media (max-width: 991px){.WhyChooseUs { padding:110px 15px 135px;}}
.WhyChooseUs h2 { margin-bottom:75px; text-align:center;}
.WhyChooseUs h2 span { color:#089cdc;}
.WhyChooseUs .ImgHldr { padding:70px 0 0 85px; position:relative;}
@media (max-width: 600px){.WhyChooseUs .ImgHldr { padding:30px 0 0 30px;}}
.WhyChooseUs .ImgHldr:before { content:''; position:absolute; top:0; left:0; width:40%; height:87%; background:#089cdc; border-radius:10px;}
.WhyChooseUs .ImgHldr img { border-radius:6px; position:relative; z-index:9;}
@media (max-width: 471px){.logos .col-xs-6{min-height:135px;}}
.logos img{filter: grayscale(1);}
.logos img:hover{filter: grayscale(0);}
.ChooseUsList { padding-left:60px;}
@media (max-width: 991px){.ChooseUsList { padding-top:55px;padding-left: 15px;}}
.ChooseUsList li { display:flex; width:100%; margin:0 0 50px 0;}
.ChooseUsList li:last-child { margin:0;}
.ChooseUsList li span { margin:15px 45px 0 0;}
.ChooseUsList li span img { max-width:76px;}
.ChooseUsList li .TextHldr { margin:0;}
.ChooseUsList li .TextHldr p { font-size:20px; font-weight:500; margin:0;}

.CroStrategyCall { padding:115px 0; background:url(../images/crostrategycallimg.webp) no-repeat top center; background-size:cover;}
.CroStrategyCall h2 { text-align:center; color:#fff; margin:0 0 80px 0;}
.CroStrategyCall h4 { color:#fff; margin-bottom:40px; font-weight:700; padding-left:25px;}
.FreeCROCall {}
.FreeCROCall li { margin:0 0 25px 0;}
.FreeCROCall li:last-child { margin:0;}
.FreeCROCall li .btn { padding:18px; float:right; max-width:215px;}
.FreeCROCall li .form-control { border:none; border-radius:6px; background:#fff; padding:17px 17px; height:auto; font:400 18px 'Overpass', sans-serif; color:#9E9E9E;}
.GetList { padding-left:50px; list-style-type:disc;}
.GetList li { margin:0 0 30px 0; font:500 24px 'Overpass', sans-serif; color:#fff;}
.GetList li:last-child { margin:0;}
.HappyClients { padding:60px 0px 60px 0;}
.HappyClients h2 { margin:0 0 100px 0; text-align:center;}
.VdoBox {}
.VdoBox .VdoHldr { width:100%; overflow:hidden; line-height:0; box-shadow:5px 5px 10px rgba(0, 0, 0, 0.25); border-radius:10px; margin:0 0 45px 0;}
.VdoBox .VdoHldr img { max-width:100%; width:auto; height:auto;}
.VdoBox .TxtHldr { padding:0 30px;}
.VdoBox .TxtHldr h3 { font:600 32px 'Roboto', sans-serif; color:#3A3A3A; margin:0 0 10px 0;}
.VdoBox .TxtHldr .Desig { font:400 18px 'Overpass', sans-serif; color:#089cdc;}
.VdoBox .TxtHldr p { font-size:18px;}
@media (min-width: 992px){.VdoBox.Rht .TxtHldr p{font-size: 15px;line-height: 22px;}}
.ClientVdoList {}
.ClientVdoList li { margin:0 0 40px 0;}
.ClientVdoList li:last-child { margin:0;}
.VdoBox.Rht { display:flex; padding-left:35px;}
.VdoBox.Rht .VdoHldr { max-width:50%; margin:0; flex:0 0 50%;}
@media (max-width: 991px){.VdoBox.Rht .VdoHldr { max-width:100%; margin:0; flex:0 0 100%;}
.VdoBox.Rht {
    display: block;
    padding-left: 0;
}}
.VdoBox.Rht .VdoHldr img { height:100%; object-fit:cover;}
.VdoBox.Rht .TxtHldr { padding-right:0; padding-top:15px; flex:0 0 50%;}
.CntctUs { width:445px;}
.CntctUs .UpperPart { width:100%; padding:52px 35px 15px 35px; min-height:220px; text-align:center; background:url(../images/popup-bg.png) no-repeat center top; border-radius:6px 6px 0 0;}
.CntctUs .UpperPart h1 { font:700 26px/38px 'Merienda', cursive; color:#fff; margin:0 0 5px 0; text-transform:uppercase;}
.CntctUs .modal-header { border-bottom:none;}
.CntctUs .modal-body { text-align:center; padding-top:0;}
.CntctUs .modal-body form { width:87%; display:inline-block;}
.CntctUs .modal-body form input[type="text"] { width:100%; height:50px; background:url(../images/email-icon.png) no-repeat left 20px center, #e8edf3; border:1px solid #d9dfe7; padding:0 10px 0 50px; border-radius:30px; color:#7889a0; outline:none; font:400 13px/48px 'Muli', sans-serif; margin-bottom:12px;}
.CntctUs .modal-body form input[type="email"] { width:100%; height:50px; background:url(../images/user-icon.png) no-repeat left 20px center, #e8edf3; border:1px solid #d9dfe7; padding:0 10px 0 50px; border-radius:30px; color:#7889a0; outline:none; font:400 13px/48px 'Muli', sans-serif; margin-bottom:25px;}
.CntctUs .modal-body form input[type="submit"] { background:#fcb536; width:auto; height:50px; display:inline-block; border-radius:30px; border:none; padding:0 50px; color:#fff; font:700 12px/50px 'Muli', sans-serif; margin:0 0 20px 0; text-transform:uppercase; outline:none;}
.CntctUs .close { position:absolute; opacity:1; right:-10px; top:-10px;}
.HomeBlogDiv { width:100%; text-align:center; padding:50px 0 65px 0; background:url(../images/home-blog-bg.jpg) no-repeat center bottom, #fff;}
.HomeBlogDiv h1 { font:700 38px/45px 'Merienda', cursive; color:#4c5758; margin:0 0 55px 0; padding:0;}
.HomeBlogDiv #HomeBlog {}
.HomeBlogDiv #HomeBlog .owl-stage-outer { padding:0 0 30px 0;}
.HomeBlogDiv #HomeBlog .owl-stage-outer .owl-item {}
.HomeBlogDiv #HomeBlog .item { background:#fff; margin:0; min-height:430px; padding:0; position:relative; transition:all ease 0.5s;}
.HomeBlogDiv #HomeBlog .item:hover { box-shadow:9px 17px 19px rgba(6,6,6,0.15); }
.HomeBlogDiv #HomeBlog .item .imgDiv { background:#e6edf4; margin:0; padding:0; width:100%; height:249px; text-align:center; overflow:hidden; }
.HomeBlogDiv #HomeBlog .item .imgDiv img { max-width:100%; height:auto; width:auto; display:inline-block; }
.HomeBlogDiv #HomeBlog .item .textDiv { margin:0; padding:30px; width:100%; text-align:left; }
.HomeBlogDiv #HomeBlog .item .textDiv h4 { color:#b3bac1; font:700 13px/19px 'Muli', sans-serif; margin:0 0 15px 0; }
.HomeBlogDiv #HomeBlog .item .textDiv h2 { color:#4c5758; font:700 17px/24px 'Muli', sans-serif; margin:0 0 20px 0; text-transform:uppercase; }
.HomeBlogDiv #HomeBlog .item .textDiv h2 a:hover { color:#fcb536; text-decoration:none; transition:all ease 0.5s;}
.HomeBlogDiv #HomeBlog .item .textDiv h2 a:focus { color:#fcb536; text-decoration:none; transition:all ease 0.5s;}
.HomeBlogDiv #HomeBlog .item .textDiv .lemas { color:#36bccb; font:700 12px/18px 'Muli', sans-serif; margin:0; text-decoration:none; text-transform:uppercase; transition:all ease 0.5s; display:inline-flex;}
.HomeBlogDiv #HomeBlog .item .textDiv .lemas .fa { margin-left:7px; font-size:20px; line-height:17px; transition:all ease 0.5s;}
.HomeBlogDiv #HomeBlog .item .textDiv .lemas:hover { color:#fcb536;}
.HomeBlogDiv #HomeBlog .item .textDiv .lemas:hover .fa { padding-left:10px;}
.HomeBlogDiv #HomeBlog .owl-dots { margin:25px 0 0 0;}
.HomeBlogDiv #HomeBlog .owl-dots span { margin:5px 3px; background:#36bccb;}
.HomeBlogDiv #HomeBlog .owl-dots .active span { margin:5px 3px; background:transparent; border:2px solid #36bccb; width:15px; height:15px; margin:3px;}
.CacunGuide { width:100%;}
.CacunGuide .GuideWrapper { width:100%; text-align:center; padding:65px 0; background:rgba(54,188,203,0.8);}
.CacunGuide .GuideWrapper .pad { max-width:695px; display:inline-block;}
.CacunGuide .GuideWrapper h1 { font:700 30px/47px 'Merienda', cursive; color:#f0fdff; margin:0 0 30px 0;}
.CacunGuide .GuideWrapper .dwnld { width:auto; height:50px; background:#fcb536; display:inline-block; padding:0 25px; border-radius:30px; text-decoration:none; font:700 12px/50px 'Muli', sans-serif; color:#fff; text-transform:uppercase; transition:all ease 0.7s;}
.CacunGuide .GuideWrapper .dwnld:hover { background:#00aabd;}
.OfferDiv { width:100%; text-align:center; padding:55px 0 45px 0; background:#f2f7fc;}
.OfferDiv h1 { font:700 38px/45px 'Merienda', cursive; color:#4c5758; margin:0 0 55px 0; padding:0;}
.OfferDiv #HomeOffer {}
.OfferDiv #HomeOffer .owl-stage-outer { padding:0 0 30px 0;}
.OfferDiv #HomeOffer .owl-stage-outer .owl-item { padding:0 20px;}
.OfferDiv #HomeOffer .item { background:#fff; margin:0; padding:0; position:relative; transition:all ease 0.5s; height:233px; overflow:hidden; border-radius:5px;}
.OfferDiv #HomeOffer .item:hover { box-shadow:10px 10px 15px rgba(6,6,6,0.17); }
.OfferDiv #HomeOffer .item .imgDiv { background:#e6edf4; margin:0; padding:0; width:100%; height:100%; text-align:center; overflow:hidden; border-radius:5px; }
.OfferDiv #HomeOffer .item .imgDiv img { max-width:100%; height:auto; width:auto; display:inline-block; }
.OfferDiv #HomeOffer .item .textDiv { position:absolute; top:0; left:0; width:100%; height:100%; display:table; margin:0;}
.OfferDiv #HomeOffer .item .textDiv .ovrlay { display:table-cell; vertical-align:middle;}
.OfferDiv #HomeOffer .item .textDiv .ovrlay span { width:203px; height:56px; display:inline-block; background:rgba(255,255,255,0.9); border-radius:3px; font:700 13px/56px 'Muli', sans-serif; color:#4c5758; text-transform:uppercase;}
.OfferDiv #HomeOffer .item .HoverTxtDiv { position:absolute; top:0; left:0; width:100%; height:100%; display:table; margin:0; background:rgba(252,181,54,1); opacity:0; transition:all ease 0.9s;}
.OfferDiv #HomeOffer .item .HoverTxtDiv .ovrlay { display:table-cell; vertical-align:middle; padding:10px 15px;}
.OfferDiv #HomeOffer .item .HoverTxtDiv .ovrlay span { font:600 14px/19px 'Muli', sans-serif; color:#fff; margin:0; padding:0;}
.OfferDiv #HomeOffer .item:hover .HoverTxtDiv { opacity:1;}
.OfferDiv #HomeOffer .owl-nav { margin:0;}
.OfferDiv #HomeOffer .owl-next,
.OfferDiv #HomeOffer .owl-prev { background-color:transparent !important; width:53px; height:53px; top:33%; position:absolute; padding:0 !important; border-radius:100%; box-shadow:0 0 42px rgba(6,6,6,0.2);}
.OfferDiv #HomeOffer .owl-prev { left:-9%; }
.OfferDiv #HomeOffer .owl-next { right:-9%; }
.QuestionDiv { width:100%; padding:85px 0 70px 0; background:url(../images/question-bg.png) no-repeat center top;}
.QuestionDiv .Imghldr { width:100%; text-align:center; overflow:hidden; background:url(../images/imghldr-bg.png) no-repeat center top;}
.QuestionDiv .Imghldr img { max-width:100%; height:auto; width:auto;}
.QuestionDiv .Txthldr { width:100%; min-height:500px; text-align:center; margin:50px 0 0 0; padding:55px 3% 0; background:url(../images/question-mark.png) no-repeat center top;}
.QuestionDiv .Txthldr img { max-width:100%; height:auto; margin:0 0 25px 0;}
.QuestionDiv .Txthldr h3 { font:600 18px/24px 'Muli', sans-serif; color:#00aabd; margin:0 0 18px 0;}
.QuestionDiv .Txthldr p { font:400 26px/37px 'Merienda', cursive; color:#4c5758; margin:0 0 30px 0;}
.QuestionDiv .Txthldr .here { width:auto; height:50px; display:inline-block; background:#fcb536; padding:0 50px; font:700 12px/50px 'Muli', san-serif; color:#fff; text-decoration:none; text-transform:uppercase; margin:0; border-radius:30px; transition:all ease 0.5s;}
.QuestionDiv .Txthldr .here:hover { background:#36bccb;}
.TestimoniDiv { width:100%; padding:85px 0 25px 0; background:url(../images/testimoni-bg.jpg) no-repeat center top, #f2f7fc; text-align:center;}
.TestimoniDiv .proj { text-align:center; font:900 126px/110px 'Muli', sans-serif; color:rgba(223,238,240,0.40); margin:0 0 -7px 0;}
.TestimoniDiv .TesWrap { max-width:945px; display:inline-block;}
.TestimoniDiv #HomeTestimoni .item { background:url(../images/quote.png) no-repeat left 75px top, #f2f7fc; padding:60px 17% 30px;}
.TestimoniDiv #HomeTestimoni .item .ImgHldr { width:125px; height:125px; display:inline-block; overflow:hidden; border-radius:100%; margin:0 0 25px 0; box-shadow:8px 10px 18px rgba(6,6,6,0.2);}
.TestimoniDiv #HomeTestimoni .item .ImgHldr img { max-height:100%; width:auto; height:auto;}
.TestimoniDiv #HomeTestimoni .item h2 { font:400 36px/47px 'Merienda', cursive; color:#4c5758; margin:0 0 25px 0;}
.TestimoniDiv #HomeTestimoni .item p { font:400 15px/22px 'Muli', sans-serif; color:#969fa8; margin:0 0 15px 0;}
.TestimoniDiv #HomeTestimoni .owl-next,
.TestimoniDiv #HomeTestimoni .owl-prev { background-color:transparent !important; width:auto; height:auto; top:40%; position:absolute; padding:0 !important; }
.TestimoniDiv #HomeTestimoni .owl-prev { left:5%; }
.TestimoniDiv #HomeTestimoni .owl-next { right:5%; }
.TestimoniDiv #HomeTestimoni .owl-dots {}
.TestimoniDiv #HomeTestimoni .owl-dots span { margin:5px 3px; background:#36bccb;}
.TestimoniDiv #HomeTestimoni .owl-dots .active span { margin:5px 3px; background:transparent; border:2px solid #36bccb; width:15px; height:15px; margin:3px;}
.HomeContact { width:100%; padding:50px 0 70px 0; background:url(../images/contact-bg.jpg) no-repeat center top, #f2f7fc; text-align:center;}
.HomeContact .proj { text-align:center; font:900 126px/110px 'Muli', sans-serif; color:#dfeef0; margin:0 0 -7px 0;}
.HomeContact .CntctWrapper { width:100%; position:relative; padding:45px 0 70px 0;}
.HomeContact .CntctWrapper .SubWrap { position:absolute; top:0; right:5%; width:100%; height:100%; max-width:1045px; background:url(../images/contact-img.jpg) no-repeat right top; background-size:cover;}
.HomeContact .CntctWrapper .Cntct { width:100%; background:#fff; border-radius:3px; margin:0; padding:30px 40px 65px 40px; text-align:left; box-shadow:25px 25px 35px rgba(134,157,180,0.26);}
.HomeContact .CntctWrapper .Cntct li { width:100%; margin:0 0 22px 0;}
.HomeContact .CntctWrapper .Cntct li label { font:400 12px/18px 'Muli', sans-serif; color:#83919f; margin:0 0 4px 0;}
.HomeContact .CntctWrapper .Cntct li input[type="text"] { width:100%; height:35px; border:none; border-bottom:1px solid #dfeef0; padding:0; font:400 18px/35px 'Muli', sans-serif; color:#7889a0; outline:none;}
.HomeContact .CntctWrapper .Cntct li input[type="email"] { width:100%; height:35px; border:none; border-bottom:1px solid #dfeef0; padding:0; font:400 18px/35px 'Muli', sans-serif; color:#7889a0; outline:none;}
.HomeContact .CntctWrapper .Cntct li textarea { width:100%; height:85px; border:none; border-bottom:1px solid #dfeef0; padding:0; font:400 18px/25px 'Muli', sans-serif; color:#7889a0; outline:none;}
.HomeContact .CntctWrapper .Cntct .FormSubmit { position:absolute; left:0;}
.HomeContact .CntctWrapper .Cntct li input[type="submit"] { width:80px; height:80px; background:url(../images/submit-bg.png) no-repeat center top; padding:0; margin:22px 0 0 0; border:none; outline:none;}
/*------------thank-you page start------------*/
.thnku-banner { min-height:350px; margin:0; width:100%; position:relative;}
.thnku-banner .thnku-banner-content { width:100%; height:auto; text-align:center; padding:75px 0; }
.thnku-banner .thnku-banner-content img { margin-bottom:30px;}
.thnku-banner .thnku-banner-content h1 { font:700 50px/57px 'Merienda', cursive; color:#4c5758; margin:0 0 20px 0; padding:0 0 0 0; }
.thnku-banner .thnku-banner-content h2 { font:400 18px/24px 'Merienda', cursive; color:#000; margin:0 0 25px 0; padding:0 0 25px 0; background:url(../images/bottom-bg.png) no-repeat bottom; }
.thnku-banner .thnku-banner-content .tableWrapper { width:600px; background:#fcb536; padding:20px; display:inline-block; overflow-y:auto;}
.thnku-banner .thnku-banner-content .tableWrapper table { width:100%; border:2px solid #fff;}
.thnku-banner .thnku-banner-content .tableWrapper table td { width:50%; padding:5px 10px; text-align:left; font:700 16px/22px 'Muli', sans-serif; color:#fff;}
/*------------thank-you page end------------*/


.logo-list-footer{list-style:none;}
 .logo-list-footer li{display:inline-block;}
 .logo-list-footer li img{width:100%;    height: auto;}
@media (min-width: 1400px) and (max-width: 1599px){ .logo-list-footer li img{width:114px;    height: auto;/*height: 80px;*/}}
@media (min-width: 1200px) and (max-width: 1399px){ .logo-list-footer li img{width:112px;    height: auto;/*height: 80px;*/}}
@media (min-width: 1600px){ .logo-list-footer li img{width:120px;    height: auto;/*height: 80px;*/}}
@media (max-width: 991px){.f-menu-wrap {padding-left: 50px;} .logo-list-footer li img{width: 92px;/*height: 80px;*/}}
@media (max-width: 400px){.f-menu-wrap .f-menu-list li {width: 100%;float: left;}}
@media (min-width: 991px){ .logo-list-footer{display: flex;flex-direction: row;flex-wrap: nowrap;}}


.main-section{padding: 40px 0;}
.btn-view{width:200px;margin: 0 auto;margin-top: 60px;}
.bg-grey{}
.blue{color:#6ee3ff;}

.bx-wrapper .bx-controls-auto, .bx-wrapper .bx-pager {bottom: -34px;}
.slider-container h3{margin-top: 30px;}
.bx-wrapper .bx-pager.bx-default-pager a{background: transparent;border: 1px solid #137B8B;border-radius: 50px;}
.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus, .bx-wrapper .bx-pager.bx-default-pager a:hover
{background: #137B8B;}


article {
  max-width: 600px;
  margin: 1em auto;
  overflow: hidden;
  position: relative;
  min-height: 4em;
}

@keyframes early 
{ from { opacity:1; } to { opacity:0; } }

.scroll-text-section {
    animation:fadeIn ease-in 1; /* call our keyframe named fadeIn, use animation ease-in and repeat it only 1 time */

    animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/

    animation-duration:1s;
    animation-delay: 1.5s
}
.scroll-text-section{padding: 10px 0 10px 0;background: #616161;}
.scroll-text-section .scroll-head{font-size: 19px;font-weight: 900;margin-bottom: 0;margin-top: 10px;}





.marquee {
  --gap: 1rem;
/*margin-block: 10px;*/
  display: flex;
  gap: var(--gap);
  overflow: hidden;
  user-select: none;
  margin-top:8px;
}

.marquee__content {
  flex-shrink: 0;
  display: flex;
  justify-content: space-around;
  min-width: 100%;
  gap: var(--gap);
  color:#089cdc;
}
.scroll {
  animation: scroll 30s linear infinite;
}
@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(-100% - var(--gap)));
  }
}

/* styling design*/
.marquee__content li {
  list-style: none;
  line-height: normal;
  font-size: 17px;margin-right: 30px;
}

.marquee-1 .scroll {
  animation: scroll 70s linear infinite;

}
.p-b-95{padding-bottom: 95px;}
.m-b-100{margin-bottom:100px;}
.case-line-3-h{min-height:320px}@media(max-width:1199px){.case-line-3-h{min-height:320px}}@media(max-width:991px){.case-line-3-h{min-height:310px}}@media(max-width:767px){.case-line-3-h{min-height:auto}}.latestCaseStudy{background:#fafafa}.latestCaseStudy{padding-bottom:30px}@media(max-width :767px){.latestCaseStudy .case-line-3-h.xs-text-left{text-align:center}.latestCaseStudy .case-line-3-h img{display:inline-block;text-align:center}.latestCaseStudy .case-land-title{text-align:center!important;margin-left:auto;margin-right:auto}}.sprite-after::after{background:url(../images/sprites.png);content:''}.sprite-before::before{background:url(../images/sprites.png);content:''}.case-date{font-size:12px;opacity:.5;margin-top:20px}.case-space{padding-left:60px;padding-right:60px}.case-land-title{font-size:23px;padding-bottom:20px;padding-left:30px;padding-right:30px}.case-land-title a{color:#363636;font-weight:700}.case-land-title a:hover{color:#f76f45}.m-t-20{margin-top:20px}.m-t-40{margin-top:40px}.m-b-40{margin-bottom:40px}a.arrow::after{width:16px;height:9px;display:inline-block;margin-left:3px;background-position:163px -16px}

.videoTestimonialWrap .testimonialHomeWrap .testimonialHomeLeftWrap{position:absolute;left:0;width:calc(50% + 50px);top:0;bottom:0;background-size:cover;background-position:center}.videoTestimonialWrap .testimonialHomeWrap h3{margin-bottom:0;margin-top:20px;font-size:20px;font-family:'HelveticaNeueLT Std';font-style:italic;color:#223B59;}.videoTestimonialWrap .testimonialHomeWrap p.excerpt{font-size:30px;line-height:1.3;padding-top:45px;position:relative}.videoTestimonialWrap .testimonialHomeWrap p.excerpt:before{content:'';display:inline-block;position:absolute;width:40px;height:31px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAfCAYAAACVgY94AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAZNJREFUeNrsWMFtg0AQxA7/uAPTAX7kb0pwB+afR+ggTgfkkT/pwCWQvx+XDnAHuICIzEqLhBDm9swSnaWctLIsHcPczs7e2oumaQKf1zLwfIW3PPTz/BThI+KvK0T98HEqbyUBPMLYMGaLWwCzCh0I7Ti2A1veEKUjqRYvQawHthDeOEEmdkDstSQDZsqY60kSA4hAXhWJkYzHKwq4EQRYoZy1FUsWT3YxwHJNcp16iie7GOSoYF8cnv8mB1MxW0pFSu7MWGWL2Zc4F4BcEBnVE9pALZA2E2B+kXGGWlXYy14syFhiI9ZZRO7RsucTeKmkBlPBC3cO5ALuc6OSjpHrE0wEJ60cbxubIgeRi7lWbI3z6GjASOhuUZvZCMBqR4I2RQKJIt5PM0vpaf/nQctNIqmvHGa6ts+gnjLXlwNvzCQ0DxYtQSPAi2dI0Nbm8LsxyRyrUiM45ffEnxDsTCmay2gTNJrseKi4aBKcQ2bjbQa1Dn0/BHmyOPsmcThw4r2mUXCdvQvHucE2tfD9361fAQYAY1mCZ7S2Hj8AAAAASUVORK5CYII=);background-repeat:no-repeat;top:0;left:0}@media (max-width:991px){.md-m-t-10{margin-top:10px}.videoTestimonialWrap .testimonialHomeWrap p.excerpt{font-size:28px}}@media (max-width:767px){.videoTestimonialWrap .testimonialHomeWrap p.excerpt{font-size:26px}}@media (max-width:600px){.videoTestimonialWrap .testimonialHomeWrap p.excerpt{font-size:22px}.bx-wrapper img{max-width:100%;display:block}}
.videoTestimonialWrap .testimonialHomeWrap p.excerpt, .blog-title a:hover{color:#223B59;}
.videoTestimonialWrap .testimonialHomeWrap p.excerpt:before{content: '';
    display: inline-block;
    position: absolute;
    width: 40px;
    height: 31px;
    background-image: url(../../../themes/thecommerceshop/images/testimonial-quote-blue.webp);
    background-repeat: no-repeat;
    top: 0;
    left: 0;}
    .videoTestimonialWrap {
    padding: 60px 0 100px 0;
    position: relative;
    overflow: hidden;
}
/*.bx-controls-direction{display:none;}*/
.case-date, .case-land-title, .case-line-3-h p{display:none;}
.latestCaseStudy{padding:40px 0 85PX 0;}
.slidetext{float:left;padding-right:10px;width: 113px;margin-top: 0px;}
.slidetext1{float:left;padding-right:10px;width: 60px;margin-top: 0px;}
.marquee__content li:first-child img{margin-top:13px;}
.marquee__content li:nth-child(2) img{margin-top:7px;}
.marquee__content .croslider-text{margin-top: 9px;float: left;color: #fff;}
.clutch-widget iframe {
    margin-top: -31px;
}
@media (max-width: 991px){.clutch-img{margin-bottom:50px;width:200px;}}
/*karthik new */
@media (min-width: 992px)
{
.col-lg-block {
    display: block;
}
}

.why-your-visitors-11
{
	padding: 60px 0;
    background: #fff;
}

.what-we-do-11
{
	padding: 60px 0;
    background: #effaff;
}

.what-we-do-11 h2 {
    margin-bottom:65px;
    text-align: center;
}

.what-we-do-11 h4 {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    color: #3A3A3A;
    margin-top: 25px;
    margin-bottom: 30px;
    font-weight: 500;
}

.why-choose-us-11
{
	padding: 60px 0;
    background: #effaff;
}

.why-choose-us-11 h2 {
    margin-bottom:65px;
    text-align: center;
}

.why-choose-us-11 h2 span {
    color: #089cdc;
}

.why-choose-us-11 h3 {
	font-size:50px;
	font-weight:700;
    color:#089cdc;
}

.why-choose-us-11 p {
    font-size: 20px;
    font-weight: 500;
}

.optimization-services-11
{
	background: url(../images/why-choose-bg-20.webp) no-repeat;
	background-size:cover;
	padding:50px;
	border-radius: 16px;
}

.optimization-services-11 ul li {
    font-size: 18px;
    font-weight: 500;
	color:#fff;
	background:url(../images/arrow-right-20.webp) top 12px left no-repeat;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:60px;
}

.why-your-visitors-11 img
{
	float:left;
	margin-right:4px;
	margin-bottom: 28px;
}

.why-your-visitors-11 p {
    font-family: 'Roboto', sans-serif;
    font-size:18px;
    color: #3A3A3A;
    font-weight:400;
}

.why-your-visitors-11 h4 {
    font-family: 'Roboto', sans-serif;
    font-size: 24px;
    color: #3A3A3A;
    font-weight: 500;
}

@media (max-width: 992px)
{
	
	.why-choose-us-11 h3 {
    font-size: 50px;
    font-weight: 700;
    color: #089cdc;
	text-align:center;
	}
	
	.why-choose-us-11 p {
    font-size: 20px;
    font-weight: 500;
	text-align:center;
	}
	
	.why-your-visitors-11 img {
    float: left;
    margin-right: 4px;
    margin-bottom: 31px;
}
	
}

@media (max-width:768px)
{
	
		.why-your-visitors-11 img {
    float: left;
    margin-right: 4px;
    margin-bottom: 24px;
}

.why-your-visitors-11 .m-b-40
{
	    margin-bottom:0px;	
}
}


#personal_information,#company_information{display:none;}

#croStepForm .help-block {
    margin: 0;
    font-size: 12px;
    position: absolute;
    color: red !important;
    background:transparent;display: block;font-weight: bold;
}
#croStepForm .foot-buts{    /*width: 100%;*/
    background: #089cdc;
    border: 0;
    padding: 10px 40px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 1px;
    margin-top: 20px;
    margin-left: auto;
margin-right: auto;
text-align: center;
display: block;
}
#croStepForm .foots-but, #croStepForm .foots-but:hover {
    background: #223B59;
    border: 0;
    width: 170px;
    padding: 12px 15px;
    /* text-transform: uppercase; */
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 1px;
    margin-top: 0;
    /* float: left; */
    display: inline-block;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    border-radius: 80px;
}
@media (min-width: 768px){#croStepForm .ml-custom{margin-left: 13px;}}
#croStepForm .form-foot-3-in {
    border-radius: 5px;
}

#croStepForm .form-foot-3-in {
    padding: 10px 10px 10px 20px;
    border: 0;
    width: 100%;
    outline: 0;
}
/*#croStepForm  .form-foot-2 {
    border-radius: 5px;
    margin-left: 0;
    border: 2px solid #c0bcbc;
    padding-left: 0;
    background: #fff;
    border-right: 1px solid #c0bcbc;
    border-left: 1px solid #c0bcbc;
        float: left;
    display: inline-block;
}*/
#croStepForm  .form-foot-in {
    padding: 10px 10px 10px 20px;
    border-radius: 5px;
    border: 0;
    width: 100%;
    outline: 0;
}
#croStepForm  .form-foot-2-in {
    padding: 10px 10px 10px 20px;
    border: 0;
    width: 100%;
    outline: 0;
}
#croStepForm  input{color:#333;}
#croStepForm .step-title-two {
text-align:center;
    margin-top: 15px;
    font-size: 34px;
    font-weight: 700;
    line-height: 1.2;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 35px!important;
}
#croStepForm  label{font-weight: bold;color:#223B59;}
.center-section{margin-left:auto;margin-right:auto;text-align:center;display:inline-block;width:100%;float:none;}
@media (min-width: 768px){.center-section{display:flex;}}
#croStepForm .form-foot-first{border: 2px solid #fff;
    padding-left: 0;
    background: #fff;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;border-radius:5px;}
.bx-slide .bx-wrapper .bx-prev {
    left: -40px;
    background: url(../images/control-prev.webp) no-repeat;
    /* color: #000; */
}
.bx-slide .bx-wrapper .bx-next {
    right: -20px;
    background: url(../images/control-next.webp) no-repeat;
}
.bx-slide .bx-wrapper .bx-next:focus, .bx-slide .bx-wrapper .bx-next:hover {
    background-position: center;
}
.bx-slide .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 36px;
    height: 36px;
    text-indent: -9999px;
    z-index: 1;
    border-radius: 50px;
}
@media (min-width: 992px){.bx-slide .bx-wrapper .bx-prev {left: -60px;}.bx-slide .bx-wrapper .bx-next {right: -40px;}}
@media (max-width: 767px){.bx-slide .bx-wrapper .bx-controls-direction a {
    position: absolute;
    bottom: -50px;
    margin-top: -16px;
    outline: 0;
    width: 36px;
    height: 36px;
    text-indent: -9999px;
    z-index: 1;
    border-radius: 50px;
    top: auto;
}
.bx-slide .bx-wrapper .bx-prev {
    left: 10px;
    background: url(../images/control-prev.webp) no-repeat;display:none;
}
.bx-slide .bx-wrapper .bx-next {
    right: 10px;
    background: url(../images/control-next.webp) no-repeat;display:none;
}
}

.cro-aduit-list
{
	padding: 90px 0px 60px 0px;
}

.cro-aduit-list img
{
	float:left;
	margin-right:20px;
}

.cro-aduit-list-1 {
    background: url(../images/cro-audit-bg.webp) top right no-repeat #fbfbfb;
	background-size: contain;
    padding: 20px 40px;
	border-radius: 60px;
}

.cro-aduit-list-2 {
    background: url(../images/our-clients-bg.webp) top right no-repeat #fbfbfb;
	background-size: contain;
    padding: 20px 40px;
	border-radius: 60px;
}

.cro-aduit-list-3 {
    background: url(../images/conversion-rat-bg.webp) top right no-repeat #fbfbfb;
	background-size: contain;
    padding: 20px 40px;
	border-radius: 60px;
}


.cro-aduit-list p
{
	font-size:16px;
	font-weight:700;
}

.form-og-bg
{
	background-color: #F16223;
    border: 2px solid #fff;
    padding: 14px 12px 2px 12px;
    border-radius: 80px;
    height: 84px;
    width: 60%;
    margin-bottom: -48px;
}

#croStepForm .form-og-bg .form-foot-first {
    border:none;
    padding-left: 0;
    background: #F16223;
    border-right:none;
    border-left:none;
    border-radius: 5px;
}

.form-og-bg input
{
	 background-color: #F16223;
	 border:none;
	 color:#fff !important;
}

.form-og-bg input:focus
{
	 background-color: #F16223;
	 border:none;
	 color:#fff !important;
}

.form-og-bg input::placeholder
{
	font-size:20px;
	color:#fff;
} 

.cro-logo-list
{
	background-color:#FBFBFB;
	padding:20px 0px;
}

.cro-logo-list ul
{
	text-align:center;
}

.cro-logo-list ul li 
{
	list-style-type:none;
	width: 16%;
    display: inline-block;
}

.cro-roadmap-web
{
	padding:80px 0px;
background: url(../images/cro-roadmap-bg.webp) center no-repeat;
background-size:contain;
}

.visitors-arent
{
	padding:80px 0px;
	background-color:#FBFBFB;
}

.visitors-arent h4
{
	margin-bottom:5px;
}

.visitors-list
{
	margin:20px 40px;
	display: inline-block;
}

.visitors-list p
{
	line-height:24px;
	    font-weight: 400;
}

.cro-what-we-do
{	
padding:80px 0px 60px 0px;
background: url(../images/what-we-do-bg.webp) center no-repeat;
background-size:cover;
}

.cro-what-we-do h2
{
	padding-top:60px;
	color:#fff;
	text-align:center;
}

.cro-what-we-do h2 span
{
	color:#F16223;
}

.cro-what-we-do ul li img
{
	float:left;
}

.cro-what-we-do ul li
{
	width:33%;
	float:left;
	font-weight:700;
	font-size:18px;
	color:#fff;
	margin-bottom:20px;
}

.cro-what-we-do ul li p
{
	padding-top:15px;
	line-height:24px;
}

.cro-what-we-do-1
{
	position:absolute;
	top: -80px;
}

.cro-what-we-do-2
{
	position:absolute;
	bottom: -129px;
    left: 0;
}

.why-conversion-rate ul li
{
	font-weight:400;
	padding-bottom:30px;
}

.why-conversion-rate ul li img
{
	margin-right:10px;
}

.why-conversion-rate ul
{
	margin-top:90px;
}

.why-conversion-rate h2
{
	margin-bottom:60px;
}

.cro-years-of
{
	background-color:#ECECEC;
	padding:5px 20px 0px 20px;
	margin:0;
	border-radius:90px;
	margin-top:70px;
}

.cro-years-of ul
{
	margin-top:20px;
	text-align:center;
}

.cro-years-of ul li img
{
	float:left;
	margin-top:15px;
}

.cro-years-of ul li
{
	width:30%;
	display:inline-block;
	text-align:left;
}

.why-conversion-rate h3
{
	font-size:36px;
	padding:0;
	margin:0;
	color:#000;
	font-weight:900;
}

.why-conversion-rate p
{
	color:#000001;
	font-weight:700;
}

.CroStrategyCall { padding:80px 0; background:none; background-size:cover;}
.CroStrategyCall h2 { text-align:center; color: #3A3A3A; margin:0 0 80px 0;}
.CroStrategyCall h4 { color: #3A3A3A; margin-bottom:40px; font-weight:700; padding-left:25px;}
.CroStrategyCall p { color: #3A3A3A;}

ul.getList 
{
	margin-left:30px;
}

ul.getList li {
    margin: 0 0 30px 0;
    font: 500 24px 'Overpass', sans-serif;
    color: #3A3A3A;
	list-style-type:none;
	font-size:18px;
}

ul.getList li img
{
	float:left;
	margin-bottom:20px;
	margin-right:15px;

}

.CroStrategyCall h4 {
    color: #3A3A3A;
    margin-bottom: 40px;
    font-weight: 700;
    padding-left: 25px;
	font-size:27px;
}

.foot-but, .foot-cta {
    border: none !important;
    border-radius: 6px;
    background: #F16223;
    width: 100%;
    padding: 15px;
    text-transform: uppercase;
    font: 500 20px 'Roboto', sans-serif;
    color: #fff !IMPORTANT;
}

.why-conversion-rate
{
	padding-bottom:70px;
}

.say-it
{
	padding:20px 0px 50px 0px;
}

.say-it h2
{
	margin-bottom:50px;
}

.say-it-1
{
	background: url(../images/customers-say-bg-1.webp) center no-repeat;
	height:400px;
	border-radius:10px;
	padding:20px;
}

.owl-carousel .owl-item .say-it-1 img {
    display: block;
    width: 100px;
	margin:0 auto;
}

.say-it-2
{
	background: url(../images/customers-say-bg-2.webp) center no-repeat;
	height:400px;
	border-radius:10px;
	padding:20px;
}

.owl-carousel .owl-item .say-it-2 img {
    display: block;
    width: 100px;
	margin:0 auto;
}


.say-it-3
{
	background: url(../images/customers-say-bg-3.webp) center no-repeat;
	height:400px;
	border-radius:10px;
	padding:20px;
}

.owl-carousel .owl-item .say-it-3 img {
    display: block;
    width: 100px;
	margin:0 auto;
}


.client-img
{
	margin:60px 0px;
}

p.client-text
{
	padding-top:40px;
	color:#fff;
}

p.client-text-2
{
	color:#9D9D9D;
}

.say-it-2
{
	background: url(../images/customers-say-bg-2.webp) center no-repeat;
	height:400px;
	border-radius:10px;
}

.say-it-3
{
	background: url(../images/customers-say-bg-3.webp) center no-repeat;
	height:400px;
	border-radius:10px;
}

#croStepForm label {
    font-weight: 700;
    color: #ffffff;
}

@media (min-width: 768px){
	
}

@media (min-width: 991px) and (max-width: 1366px) {
	
	.visitors-list {
    margin: 20px 10px;
    display: inline-block;
}

.cro-aduit-list img {
    float: left;
    margin-right: 20px;
    width: 60px;
    margin-bottom: 10px;
}

.cro-aduit-list p {
    font-size: 15px;
    font-weight: 700;
}

.cro-aduit-list-1 {
    background-size: contain;
    padding: 20px 20px;
    border-radius: 60px;
}

.cro-aduit-list-2 {
    background-size: contain;
    padding: 20px 20px;
    border-radius: 60px;
}

.cro-aduit-list-3 {
    background-size: contain;
    padding: 20px 20px;
    border-radius: 60px;
}


    
}

@media (min-width: 991px) and (max-width: 1310px) {
	
	.cro-aduit-list-1 {
    background-size: contain;
    padding: 20px 20px;
    border-radius: 60px;
	margin-bottom:30px
}

.cro-aduit-list-2 {
    background-size: contain;
    padding: 20px 20px;
    border-radius: 60px;
	margin-bottom:30px
}

.cro-aduit-list-3 {
    background-size: contain;
    padding: 20px 20px;
    border-radius: 60px;
}
	
}

@media (min-width: 1311px) and (max-width: 1600px) {
	.visitors-list {
    margin: 20px 10px;
    display: inline-block;
}
}

@media (max-width: 1024px) {
	
	

}

@media (max-width: 991px){
	
	.cro-what-we-do-1
	{
		position:absolute;
		top: -80px;
		display:none;
	}

	.cro-what-we-do-2
	{
		position:absolute;
		bottom: -129px;
		left: 0;
		display:none;
	}
	
	.cro-what-we-do h2 {
    padding-top:0px;
    color: #fff;
    text-align: center;
}

.cro-what-we-do ul
{
	margin-left:10%;
}

.cro-what-we-do ul li {
        width: 46%;
    float: left;
    font-weight: 700;
    font-size: 18px;
    color: #fff;
    margin-bottom: 20px;
}
	
	
	.form-og-bg p
	{
		text-align:center;
	}
	
	#croStepForm .foots-but, #croStepForm .foots-but:hover {
    background: #223B59;
    border: 0;
    padding: 12px 30px;
    /* text-transform: uppercase; */
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 1px;
    margin-top: 0;
    display: inline-block;
    float: none;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    border-radius: 80px;
}

.cro-roadmap-web
{
	padding:80px 0px;
background:none;
background-size:contain;
}

.form-og-bg {
    background-color: #F16223;
    border: 2px solid #fff;
    padding: 14px 12px 2px 12px;
    border-radius: 80px;
    height: 84px;
    width: 60%;
    margin-bottom: -48px;
}

.visitors-list
	{
		width:100%;
		margin: 20px 0px;
	}
	
	.visitors-arent h4 {
    margin-bottom: 5px;
	text-align:center;
}

.visitors-arent img
{
	margin-bottom:15px;
}

	.visitors-arent p {
	text-align:center;
}

.cro-aduit-list-1 {
    background: url(../images/cro-audit-bg.webp) top right no-repeat #fbfbfb;
	background-size: contain;
    padding: 20px 40px;
	margin-bottom:30px;
}

.cro-aduit-list-2 {
    background: url(../images/our-clients-bg.webp) top right no-repeat #fbfbfb;
	background-size: contain;
    padding: 20px 40px;
	margin-bottom:30px;
}

.cro-aduit-list-3 {
    background: url(../images/conversion-rat-bg.webp) top right no-repeat #fbfbfb;
	background-size: contain;
    padding: 20px 40px;
	margin-bottom:30px;
}

.cro-aduit-list-1 img
{
	width:50px;
	margin-top:-5px;
}

.cro-aduit-list-2 img
{
	width:50px;
	margin-top:-5px;
}

.cro-aduit-list-3 img
{
	width:50px;
	margin-top:-5px;
}

.cro-logo-list ul li {
    list-style-type: none;
    width: 31%;
    display: inline-block;
}

.cro-aduit-list {
    padding: 50px 0px 20px 0px;
}

.cro-years-of ul li {
    width: 44%;
    display: inline-block;
    text-align: left;
}

.form-og-bg {
    background-color: #F16223;
    border: 2px solid #fff;
    padding: 14px 12px 2px 12px;
    border-radius: 80px;
    height: 84px;
    width: 100%;
}

	
}

@media (max-width: 768px) {
	
	.visitors-list
	{
		width:100%;
		margin: 20px 0px;
	}
	
	.visitors-arent h4 {
    margin-bottom: 5px;
	text-align:center;
}

.visitors-arent img
{
	margin-bottom:15px;
}

	.visitors-arent p {
	text-align:center;
}
	

}

@media (max-width: 581px) {
	
	.cro-what-we-do ul
{
	margin-left:0;
}

.cro-years-of ul li {
    width: 96%;
    display: inline-block;
    text-align: left;
}
	

}

@media (max-width:480px) {
	

	
}

.d-flex {
	display: flex!important;
}

.align-items-center {
	align-items: center!important;
}

.sliderRightItemWrap .beforeImageWrapper{
	display: none;
}

.sliderLeftItemWrap{
	width: 55%;
	padding-left: 3%;
}

.sliderRightItemWrap{
	width: 45%;
}

.sliderLeftContainerHeader h3{
	font-size: 36px;
	color: #000;
}
.sliderLeftContainerSubTagWrapper{
	margin-top: 30px;
}
.sliderLeftContainerSubTagWrapper .tagHeaderWrapperTitle{
	font-size: 20px;
	font-weight: 500;
}
.sliderLeftContainerSubTagWrapper .tagHeaderWrapperTitle span{
	display: block;
	font-weight: 400;
	font-size: 16px;
}

.sliderLeftBeforeAfterWrapper {
	display: flex;
	gap: 2px;
	max-width: 230px;
	margin-top: 30px;
	padding: 4px;
	background-color: #f16223;
	border-radius: 50px;
	color: #fff;
	font-size: 16px;
}

.sliderLeftAfterWrapper,
.sliderLeftBeforeWrapper {
	flex: 1 1 0px;
	text-align: center;
	cursor: pointer;
}

.sliderLeftBeforeWrapper.active,
.sliderLeftAfterWrapper.active {
	background-color: #fff;
	border-radius: 30px;
	color: #f16223;
}

@media (min-width: 1400px){
	.sliderLeftContainerHeader h3{
		 font-size: 48px;
	}
}

#beforeAfterSliderWrapper .bx-wrapper .bx-pager.bx-default-pager a.active,
#beforeAfterSliderWrapper .bx-wrapper .bx-pager.bx-default-pager a:focus,
#beforeAfterSliderWrapper .bx-wrapper .bx-pager.bx-default-pager a:hover{
	background-color: #f16223;
}

#beforeAfterSliderWrapper .bx-wrapper .bx-pager.bx-default-pager a{
	border-color: #f16223;
}

#beforeAfterSliderWrapper .bx-wrapper .bx-pager,
#beforeAfterSliderWrapper.bx-slide .bx-wrapper .bx-controls-direction a{
	position: initial;
	text-indent: unset;
}

#beforeAfterSliderWrapper .bx-wrapper .bx-pager{
  margin-left: 15px;
  margin-right: 15px;
  line-height: 1.2;
}

#beforeAfterSliderWrapper .nextControlWrapper,
#beforeAfterSliderWrapper .prevControlWrapper {
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: transparent;
	border-radius: 50%;
	color: #f16223;
	border: 1px solid #f16223;
	background-image: none;
}

#beforeAfterSliderWrapper .nextControlWrapper .fa,
#beforeAfterSliderWrapper .prevControlWrapper .fa{
	font-size: 21px !important;
}

#beforeAfterSliderWrapper .bx-controls.bx-has-controls-direction.bx-has-pager{
	position: absolute;
	bottom: 20px;
	padding-left: 40px;
	padding-right: 40px;
	display: flex;
	align-items: center;
	margin-left: 3%;
	height: 50px;
}
#beforeAfterSliderWrapper.bx-slide .bx-wrapper .bx-controls-direction a.bx-next,
#beforeAfterSliderWrapper.bx-slide .bx-wrapper .bx-controls-direction a.bx-prev{
  position: absolute;
  width: 40px;
  height: 40px;
  background: none;
}

#beforeAfterSliderWrapper.bx-slide .bx-wrapper .bx-controls-direction a.bx-prev {
  left: 0; 
}

#beforeAfterSliderWrapper.bx-slide .bx-wrapper .bx-controls-direction a.bx-next {
  right: 0;
}

@media (max-width: 1199px){
  #beforeAfterSliderWrapper .bx-controls.bx-has-controls-direction.bx-has-pager{
	  position: initial;
  }
}

@media (max-width: 767px){
  .sliderContainerWrapper {
	  flex-direction: column;
	  gap: 25px;
  }
  .sliderRightItemWrap,
  .sliderLeftItemWrap{
	  width: 100%;
	  padding-left: 15px;
	  padding-right: 15px;
  }
  #beforeAfterSliderWrapper.p-b-95{
	  padding-bottom: 50px;
  }
}

.tcsCroServicePointsWrapper {
    margin-top: 70px;
    display: flex;
    justify-content: center;
}

.tcsCroServicePointsInnerWrap {
    display: flex;
    padding: 15px 50px;
    background-color: #ececec;
    border-radius: 50px;
    gap: 25px;
}

.tcsCroServicePointsInnerWrap > div{
    display:flex;
    align-items:center;
    gap: 8px;
}

.tcsCroServicePointsInnerWrap > div p {
    margin-bottom: 0;
}

#croContactFormWrapper{
    background: #F8F8F8;
    padding: 35px;
    border-radius: 20px;
}

#croContactFormWrapper h4 {
    padding-left: 0;
    font-size: 32px;
    line-height: 1.2;
}

#croContactFormWrapper .formLabel {
    color: #f16223;
    font-size: 17px;
}

#croContactFormWrapper #croPageForm .form-control {
    background-color: transparent;
    box-shadow: none;
    border: none;
    border-bottom: 3px solid #f16223;
    border-radius: 0;
    width: 100%;
}

#croContactFormWrapper .formLabel {
    color: #f16223;
    font-size: 17px;
}

#croContactFormWrapper #croPageForm .form-control {
    background-color: transparent;
    box-shadow: none;
    border: none;
    border-bottom: 2px solid #f16223;
    border-radius: 0;
}

#croContactFormWrapper #croPageForm .newCroFormSubmit {
    background-color: #F16223;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    border-radius: 30px;
    margin-top: 35px;
    width: 100%;
    border:none;
}

.videoTestimonialWrap .testimonialHomeWrap p.excerpt {
    font-size: 30px;
    line-height: 1.3;
    padding-top: 45px;
    position: relative;
}

.faqSectionWrapper .faqTitle {
	padding: 15px 12px;
	cursor: pointer;
	font-size: 20px;
	display: flex;
	gap: 10px;
	align-items: center;
	font-size: 18px;
	font-weight: 600;
	position: relative;
}

.faqSectionWrapper .question-wrapper {
	border-bottom: 2px solid #DCE2E4;
}

.faqSectionWrapper .question-wrapper:first-child {
	border-top: 2px solid #DCE2E4;
}

.faqSectionWrapper .question-wrapper.hideBorderTop {
	border-top: none;
}

@media (min-width: 992px) {
	.faqSectionWrapper .question-wrapper.hideBorderTop {
		border-top: 2px solid #DCE2E4;
	}
}

.faqSectionWrapper .question-wrapper .faqTitle:before {
	content: '+';
	position: absolute;
	right: 0;
	top: calc(50% - 12px);
	font-size: 24px;
	color: #000001;
	font-weight: 900;
}

.faqSectionWrapper .question-wrapper.open .faqTitle:before {
	content: '-';
}

.faqSectionWrapper .hidElement {
	font-size: 16px;
	padding: 25px 18px;
}

.faqSectionWrapper {
	position: relative;
	overflow: hidden;
	padding: 80px 0;
	background: linear-gradient(180deg, #FAFAFA 1.43%, rgba(250, 250, 250, 0) 98.43%);
}

.faqSectionWrapper .faqQAAWrapper {
	margin-top: 100px;
}

@media (max-width:581px){

    .tcsCroServicePointsWrapper
    {
        display: none;
    }

    .speakersBlog
    {
        text-align: center;
    }

    .speakersBlog p
    {
        text-align: center;
    }

    .sliderLeftContainerHeader h3 {
        font-size: 36px;
        color: #000;
        margin-top: 50px;
    }

    .visitors-list .col-md-3
    {
        text-align: center;
    }

    .speakersBlog a
    {
        width: 100%;
    }

    .clutch-review
    {
        text-align: center;
    }

    .cro-roadmap-web {
        padding: 20px 0 80px 0;
        background: none;
        background-size: contain;
    }

   
    .bannerSolutionWrap p {
        color: #fff;
        font-size: 22px;
        font-weight: 400;
        margin-top: 0;
    }

    #croStepForm .foots-but, #croStepForm .foots-but:hover {
        background: #223B59;
        border: 0;
        padding: 20px 30px;
        font-weight: 700;
        font-size: 16px;
        letter-spacing: 1px;
        margin-top: 14px;
        display: inline-block;
        float: none;
        border-radius: 5px;
        color: #fff;
        cursor: pointer;
        border-radius: 80px;
    }


}

@media (max-width:480px){

    .cro-what-we-do ul li img {
        float: none;
    }

    .cro-what-we-do ul li {
        width: 100%;
        float: none;
        font-weight: 700;
        font-size: 18px;
        color: #fff;
        margin-bottom: 20px;
        text-align: center;
    }

    .cro-what-we-do ul li span
    {
        display: block;
    }
    .cro-what-we-do ul .carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
        display: inline-block;
        max-width: 100%;
        height: auto;
    }

}