/*html,body {scroll-behavior: smooth;}*/
.banner-section {padding: 70px 0; z-index: 0;}
.banner-section h1 {margin-bottom: 32px;line-height: 1; font-size: 43px;}
.banner-section h1 img { display: inline-block; vertical-align: middle; margin: 0 10px 10px 25px;}
.banner-section ul { margin-left: 16px; max-width: 600px; text-align: left;}
.banner-section .pricing-blocks { margin-bottom: 55px;}
.banner-section .pricing-blocks p { padding-bottom: 10px;}
.banner-section .pricing-blocks .pricing-block { position: relative; font-size: 19px;}
.banner-section .pricing-blocks .pricing-block b { font-weight: 700;}
.banner-section .pricing-blocks .pricing-block:not(:first-child) { margin-left: 17px; padding-left: 17px; }
.banner-section .pricing-blocks .pricing-block:not(:first-child):before { content: ""; position: absolute; width: 1px; height: 100%; background-color: #fff; top: 0; left: 0;}
.banner-section .partner-logo { margin-top: 60px;}
.banner-section .partner-logo p img { display: inline-block; vertical-align: middle; margin-left: 10px;}
.banner-section .banner-img {position: absolute; bottom: 0; right: 0; z-index: -1;}
.banner-section .banner-img img {display: block; width: 90%; float: right;}
.section-wrap .btn a {padding: 17px 63px;}

.dedicated-resource-section p { max-width: 950px; margin: 0 auto;}
.dedicated-resource-listing { display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex; margin-bottom: 70px; flex-wrap: wrap;}
.dedicated-resource-listing .listing-wrap { background: #ffda30; padding: 30px 20px; height: 100%; -webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;border-radius: 10px;}
.dedicated-resource-listing .title { background-color: #fff; width: 43px; height: 43px; -webkit-border-radius: 100%;-moz-border-radius: 100%;-ms-border-radius: 100%;-o-border-radius: 100%;border-radius: 100%; font-size: 22px; font-weight: 700; line-height: 43px; margin: 0 auto 20px;}
.dedicated-resource-listing h6 { text-transform: uppercase; margin-bottom: 13px;}

.dedicated-resource-section .build-team-listing { margin-bottom: 70px;}
.dedicated-resource-section li .listing-title { padding-right: 16px;}

.our-client-section {padding: 110px 0 112px; }
.our-client-section h2 {margin-bottom: 68px;}
.our-skilled-sec {background-color: #ffffff;padding: 114px 0 90px;}
.our-skilled-sec .inner-box {padding: 0 95px;}
.our-skilled-sec p {text-align: center; font-size: 16px;}
.our-skilled-sec p:last-child {padding-bottom: 0;}
ul.our-client-listing {justify-content: space-between;}
ul.our-client-listing li {width: auto; padding: 0 20px;}

.eamil-campaigns-section {padding: 112px 0 120px;}
.eamil-campaigns-section .slick-list {margin: 0 70px;}
.eamil-campaigns-section .campaigns-item {margin: 50px 0 60px;}
.get-in-touch-section {padding: 87px 0 106px;}
.get-in-touch-section .custom-chk-wrap {text-align: center;display: block;}
.ourteam-listing {margin: 40px 0 77px;}

.build-ourteam-section {padding: 110px 0 117px;}
.build-ourteam-section h2 {margin-bottom: 50px;}
.btn-border a {padding: 10px 50px;}
.build-team-section {padding: 110px 0;}
.build-team-section h2 {margin: 0 auto 30px; }

.talent-n-skill-section { padding: 100px 0; text-align: center;}
.talent-n-skill-section p { font-size: 18px;}
.talent-n-skill-listing { display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex; flex-wrap: wrap;}
.talent-n-skill-listing li { list-style: none; margin-top: 50px; margin-bottom: 50px; text-align: center;}
.talent-n-skill-listing .listing-wrap { background-color: #fff; padding: 0 30px; height: 100%;}
.talent-n-skill-listing .listing-conetnt { position: relative; top: -55px;}
.talent-n-skill-listing .listing-wrap h3 { font-weight: 400; font-size: 28px; text-transform: none;}
.talent-n-skill-listing .listing-wrap p { font-size: 16px;}
.talent-n-skill-listing hr { border: 0; border-top: 3px solid #ffda30; max-width: 75px; margin: -55px auto 30px;}
.talent-n-skill-listing .listing-conetnt-bottom { /*margin-bottom: -30px;*/}
.talent-n-skill-section .price-blocks { margin-bottom: 50px;}
.talent-n-skill-section .price-blocks p { font-size: 22px; font-weight: 700;}
.talent-n-skill-section .price-blocks .pricing-block { position: relative; font-weight: 600; font-size: 31px; }
.talent-n-skill-section .price-blocks .pricing-block:not(:first-child) { margin-left: 44px; padding-left: 44px;}
.talent-n-skill-section .price-blocks .pricing-block:not(:first-child):before { content: ""; position: absolute; top: 0; left: 0; width: 4px; height: 100%; background-color: #ffdb2d; }

.covid-sidebar-section { position: fixed; left: 0; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); max-width:250px; z-index: 9999; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
.covid-sidebar-section.stick-up { opacity: 1; visibility: visible; }
.covid-sidebar-listing-wrap{background: #fff; -webkit-box-shadow: 0px 5px 16px 0px rgba(0, 0, 0, 0.38);box-shadow: 0px 5px 16px 0px rgba(0, 0, 0, 0.38);margin-bottom:35px;}
.covid-sidebar-section ul.covid-sidebar-listing { margin: 0; }
.covid-sidebar-section ul.covid-sidebar-listing li { list-style: none; position: relative; line-height: normal; z-index: 9; margin:0; padding: 0 20px;}
.covid-sidebar-section ul.covid-sidebar-listing li a { font-size: 14px; line-height: 22px; color: #000; font-weight: 700; position: relative; padding: 13px 0; display: inline-block; width: 100%; border-bottom:1px solid #000; position:relative;z-index:9}
.covid-sidebar-section ul.covid-sidebar-listing li:last-child a { border-bottom: 0;}  
.covid-sidebar-section ul li a:after { content: ""; position: absolute; left: -20px;width: 0; height: 100%; background: #ffda31;top:0; transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; z-index:-1}
.covid-sidebar-section ul.covid-sidebar-listing li.active a, .covid-sidebar-section ul.covid-sidebar-listing li a:hover{border-bottom:1px solid #ffda31;}
.covid-sidebar-section ul.covid-sidebar-listing li.active a:after, .covid-sidebar-section ul.covid-sidebar-listing li a:hover:after{width:calc(100% + 40px);}

.covid-sidebar-section .sticky-nav-btn { border: 1px solid #000; width:44px; padding:0; text-align: center; background-color: #ffda31; display: none;height:42px;}
.covid-sidebar-section .sticky-nav-btn i{width: 19px; height: 16px; margin-right: 0; background:url(../png/order-arrow-black.png); position: absolute; right: 10px; top: 12px;}
.covid-sidebar-section .sticky-nav-btn.active i{transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);}
.covid-sidebar-section .sticky-nav-btn i {width: 19px;height: 16px;margin-right: 0;background: url(../png/order-arrow-black.png);position: absolute;right:10px;top: 12px;}
.covid-sidebar-listing-wrap{position:relative}

.comprehensive-banner { background-image: url(../jpg/tic-tac-toe_bg.jpg); background-color: #ffda30; position: relative;}
/*.comprehensive-banner:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-image: url(../images/mailchimp-banner-pattern.png);}*/
.comprehensive-banner .main { max-width: 100%; position: relative; z-index: 1;}
.comprehensive-banner .row { align-items: center; /*justify-content: flex-end;*/}
.comprehensive-banner .col-lg-6.content-left { max-width: 600px; padding-top: 55px;}
.comprehensive-banner h2 { font-size: 47px; font-weight: 900; position: relative; margin: 0;}
.comprehensive-banner h2 span { font-weight: 900; background-color: #000; color: #ffda30; padding: 5px 15px;}
.comprehensive-banner .main:before, .comprehensive-banner .content-left:before { content: ""; position: absolute; /*top: 100%;*/ bottom: -50px; left: 15px; width: 2px; height: 50%; background-color: #000;}
.comprehensive-banner .main:after, .comprehensive-banner .content-left:after { content: ""; position: absolute; bottom: -50px; width: 10px; height: 10px; background-color: #000; border-radius: 100%; left: 11px;}
.comprehensive-banner .content-left:before, .comprehensive-banner .content-left:after { display: none;}
.comprehensive-banner .banner-img { line-height: 0;}
.comprehensive-banner .banner-img img { max-width: 642px; width: auto; margin-bottom: -4px; margin-top: 140px; margin-left: -70px;}
.comprehensive-banner .banner-img:after { content: ""; position: absolute; bottom: 0; left: -70px; width: calc(50vw + 70px); height: 2px; background-color: #000;}
.comprehensive-banner .banner-img:before { content: ""; position: absolute; bottom: -4px; width: 10px; height: 10px; background-color: #000; border-radius: 100%; left: -70px;}
.comprehensive-content { padding: 80px 0;}
.comprehensive-content h2 { border-bottom: 4px solid #ffda30; padding-bottom: 30px; margin-bottom: 70px; letter-spacing: 0.060px;}

.comprehensive-content ol.counter-listing { list-style: none; counter-reset: my-listing; margin-left: 0;}
.comprehensive-content ol.counter-listing > li { position: relative; padding-left: 50px; line-height: 28px; margin-bottom: 40px;}
.comprehensive-content ol.counter-listing > li:not(:last-child) { border-bottom: 1px solid #d7d7d7; padding-bottom: 40px;}
.comprehensive-content ol.counter-listing > li:before { width: 30px; height: 30px; background-color: #ffda30; border-radius: 100%;  position: absolute; counter-increment: my-listing;  content: counter(my-listing); font-size: 20px; font-weight: 700; text-align: center; line-height: 30px; left: 0;}
.comprehensive-content ol.counter-listing.big-title > li:before { font-size: 26px; width: 40px; height: 40px; line-height: 40px;}
ol.counter-listing li .title { font-size: 20px; font-weight: 700; line-height: 1.5;}
ol.counter-listing li span { margin-bottom: 15px; display: block;}

.we-can-help-section { display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex; justify-content: space-between; padding: 50px 0;}
.we-can-help-section span { font-size: 26px; text-transform: uppercase; font-weight: 700; line-height: 1.5; margin-bottom: 10px; display: block;}
.we-can-help-section p { padding-bottom: 0;}
.we-can-help-section .btn a { padding: 10px 33px;}
.comprehensive-content .we-can-help-section { padding-bottom: 0; margin-top: 50px; border-top: 1px solid #000;}

.comprehensive-content h3.number-title { font-size: 30px; position: relative; padding-left: 60px; margin-bottom: 40px;}
.comprehensive-content h3.number-title span.number { font-size: 26px; display: block; width: 40px; height: 40px; background-color: #ffda30; border-radius: 100%; text-align: center; line-height: 40px; position: absolute; left: 0;}

.comprehensive-content h4 { font-size: 20px; margin-bottom: 15px;}
.comprehensive-content ul { margin-left: 30px;}

.middle-title { font-size: 26px; margin-top: 50px;}

p + .pro-cons-table { margin-top: 30px;}
.pro-cons-table { margin-top: 100px; margin-bottom: 60px;}
.pro-cons-table .table-title { padding: 30px 30px; font-size: 26px; text-transform: uppercase; font-weight: 700; background-color: #ffda30; }
.pro-cons-table .pro-cons-content { margin: 0; }
.pro-cons-table .pro-cons-content .col-lg-6 { padding: 0; }
.pro-cons-table .col-title { background-color: #000; font-size: 20px; font-weight: 700; text-transform: uppercase; color: #ffda30; padding: 30px 30px; border: 1px solid #bbbbbb;}
.pro-cons-table .col-listing { margin: 0; list-style: none;}
.pro-cons-table .col-listing li { padding: 30px 30px; margin: 0; border: 1px solid #bbbbbb; border-top: 0;}

.comprehensive-content .comprehensive-points { margin: 0;}
.comprehensive-points li { list-style: none; display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex; align-items: center; font-weight: 700; text-transform: uppercase; margin: 0 0 35px 0;}
.comprehensive-points li .icon { width: 105px; min-width: 105px; margin-right: 25px; line-height: 0;}
.comprehensive-points li .icon img { width: 100%;}

.comprehensive-content-block { padding: 30px 30px; border: 2px solid #b7b7b7; margin: 30px 0 50px; background-color: #fff;} 
.comprehensive-content-block:last-child { margin-bottom: 0;}
.comprehensive-content-block.grey-bg { border: 0;}
.comprehensive-content-block h3 { text-transform: none; font-size: 35px;}
.comprehensive-content-block .price-n-date span { font-size: 16px; display: inline-block; font-weight: 700;}
.comprehensive-content-block .price-n-date span:not(:first-child) { margin-left: 30px;}
.comprehensive-content-block p + h4 { padding-top: 0;}
.comprehensive-content-block h4 { font-size: 22px; text-transform: none;}
.comprehensive-content-block .amount { font-size: 80px; font-weight: 500; line-height: 1;}
.comprehensive-content-block .amount span { font-size: 40px; font-weight: 700; display: inline-block; vertical-align: middle;}
.comprehensive-content-block .amount small { font-size: 30px;}
.comprehensive-content-block .amount-row { justify-content: space-between; }
.comprehensive-content-block .amount-row:not(:last-child) { margin-bottom: 30px;}
.row .col { padding: 0 15px;}
.comprehensive-content-block .chart p {font-size: 18px; font-weight: 700; text-align: center;}
.comprehensive-content-block h5 { font-size: 20px; margin-bottom: 10px;} 
.comprehensive-content-block p { font-size: 20px;}
.comprehensive-content-block .chart-img p { text-align: center; font-size: 18px; font-weight: 700;}
.comprehensive-content-block img { margin: 0 auto; display: block;}
.comprehensive-content-block .amount + .avg-sal { margin-top: 30px;}
.comprehensive-content-block .avg-sal span { display: inline-block; font-size: 20px; font-weight: 700;}
.comprehensive-content-block .avg-sal span.yellow-text { color: #ffda30;}
.comprehensive-content-block .avg-sal span:not(:last-child) { margin-right: 50px;}
.comprehensive-content-block .amount-row.align-bottom { align-items: flex-end;}
.comprehensive-content-block .bonus-profit p { display: inline-block; font-size: 20px; font-weight: 700; text-align: center; margin-right: 100px;}
.comprehensive-content-block .bonus-profit p span { display: block; color: #bbbbbb; text-transform: uppercase; margin-top: 10px;}
.comprehensive-content ul li ul { list-style: disc;}

.bordered-img { border: 1px solid #d4d4d4;}
.counter-listing figure img { max-width: 800px; width: 100%;}

/*Responsive css starts*/

.ourteam-listing li.third-listing-100 figure::after {
	top: -56%;
}
.ourteam-listing li.first-listing figure::after {
	height: 55%;
	bottom: -55%;
}
.ourteam-listing li.third-listing-100 .listing-wrap::after {
	width: 45.5%;
}
.ourteam-listing::before {
	bottom: 57px;
	border-left: 0px;
}
.campaigns-item .col-lg-7::before {
	right: 0px;
	left: inherit;
}
.campaigns-item .campaigns-item-content {
	width: 98%;
}

@media (max-width: 1850px) {

}
@media (max-width: 1800px){
    .covid-sidebar-section {max-width: 200px;}
}

@media (max-width: 1650px) {
	.our-skilled-sec,.our-client-section,.your-needs,.build-ourteam-section,.build-team-section,.eamil-campaigns-section,.get-in-touch-section,.title-section,.wraping-up {padding: 80px 0;}	
    .covid-sidebar-section .sticky-nav-btn { display: block;position:relative}
    .covid-sidebar-section {max-width: inherit; width: 100%; border-radius: 0;top: 155px;padding: 0px;}
    .toggle-wrap { display: none; position: absolute; left: 0; top: 100%; padding: 0; width:300px;box-shadow:none;overflow: auto;height: calc(100vh - 160px);}
}

@media (max-width: 1260px) {
    .we-can-help-section { flex-wrap: wrap; flex-flow: column; text-align: center;}
    .we-can-help-section .btn { margin-top: 20px;}
    .we-can-help-section span br { display: none;}
    .comprehensive-banner .main:before { left: 20px;}
    .comprehensive-banner .main:after { left: 16px;}
    .comprehensive-banner .banner-img img { width: 100%; margin-bottom: -3px;}
    .comprehensive-banner h2 { font-size: 40px;}
}

@media (max-width: 1200px) {
	ul.our-client-listing li {width: 16%;}
	.your-needs h2 {margin-bottom: 35px;}
    .banner-section { padding: 70px 0 350px;}
    .banner-section .partner-logo { margin-top: 30px;}
}

@media (max-width: 980px) {
	.our-skilled-sec,.our-client-section,.your-needs,.build-ourteam-section,.build-team-section,.eamil-campaigns-section,.get-in-touch-section,.title-section,.wraping-up {padding: 60px 0;}	
    .banner-section h1 {font-size: 36px;}
	.our-client-section h2 {margin-bottom: 30px;}
	ul.our-client-listing li {width: 30%; margin-top: 25px;}	
    .eamil-campaigns-section .campaigns-item {margin: 30px 0 40px;}    
    .build-team-section .dedicated-resource-listing li { width: 50%; margin-top: 20px;}
    .talent-n-skill-listing li { width: 100%;}
    .talent-n-skill-section .price-blocks .pricing-block:not(:first-child) { margin-left: 20px; padding-left: 20px;}
    .comprehensive-banner h2 { font-size: 32px;}
}

@media (max-width: 767px) {
    .covid-sidebar-section{top:100px;}
	.banner-section {padding: 50px 0 0;}
	.banner-section .banner-img {position: relative; margin-top: 30px;}
    .banner-section .banner-img img{width: 100%;}
	.our-skilled-sec,.our-client-section,.your-needs,.build-ourteam-section,.build-team-section,.eamil-campaigns-section,.get-in-touch-section,.title-section,.wraping-up {padding: 50px 0;}
    .col-lg-4 .btn-border {	text-align: left !important;}
    .col-lg-8, .col-lg-4 {width: 100%;text-align: left;}
    .talent-n-skill-section .price-blocks .pricing-block { font-size: 26px; display: block;}
    .talent-n-skill-section .price-blocks .pricing-block:not(:first-child) { padding-left: 0; margin-left: 0; margin-top: 15px; padding-top: 15px;}
    .talent-n-skill-section .price-blocks .pricing-block:not(:first-child):before { height: 4px; width: 75px; top: 0; left: 50%; -webkit-transform: translate(-50%);-ms-transform: translate(-50%);-o-transform: translate(-50%);transform: translate(-50%);}
    
    .pro-cons-table { margin-top: 50px;}
    .cost-table tfoot tr td { font-size: 16px;}
    .pro-cons-table .table-title, .pro-cons-table .col-title, .pro-cons-table .col-listing li { padding: 15px 15px;}
    .pro-cons-table .col-listing li { height: auto !important;}
    .pro-cons-table .table-title { font-size: 22px;}
    .comprehensive-banner .banner-img img { margin: 50px 0 0 0; width: 100%; max-width: 642px;}
    .comprehensive-banner .banner-img:before { left: 10px;}
    .comprehensive-banner .banner-img:after { left: 10px; width: 100vw;} 
    .comprehensive-banner .main:before,
    .comprehensive-banner .main:after { display: none;}
    .comprehensive-banner .content-left:before {display: block; top: 100%; height: 50px;}
    .comprehensive-banner .content-left:after {display: block; }
    .comprehensive-banner h2 { font-size: 26px;}
    .comprehensive-content { padding: 50px 0;}
    .comprehensive-content h2 { margin-bottom: 50px;}
    .comprehensive-content ol.counter-listing > li:not(:last-child) { padding-bottom: 25px;}
    .comprehensive-content ol.counter-listing > li { margin-bottom: 25px; padding-left: 40px;}
    .comprehensive-content ol.counter-listing.big-title > li:before { font-size: 20px; width: 30px; height: 30px; line-height: 30px;}
}

@media (max-width: 640px) {
	.our-skilled-sec,.our-client-section,.your-needs,.build-ourteam-section,.build-team-section,.eamil-campaigns-section,.get-in-touch-section,.title-section,.wraping-up {padding: 40px 0;}
	.banner-section h1 {font-size: 32px;}	
    .eamil-campaigns-section .campaigns-item {margin: 25px 0px 45px;}
	.slick-next, .slick-prev {display: none;}
	.eamil-campaigns-section .slick-list {margin: 0;}	
    .build-team-section .dedicated-resource-listing li { width: 100%;}
    .comprehensive-points li .icon { min-width: 70px; margin-right: 15px; width: 70px;}
    .comprehensive-content ol.counter-listing h3 { }
    .comprehensive-content ol.counter-listing.big-title > li:before { }
}

@media (max-width: 480px) {
    .covid-sidebar-section .sticky-nav-btn{width:34px;height:34px;}
    .covid-sidebar-section .sticky-nav-btn i{right: 6px;top: 8px;}
    .banner-section .pricing-blocks .pricing-block:not(:first-child) { margin-left: 5px; padding-left: 5px;}
    .banner-section .pricing-blocks .pricing-block:not(:first-child):before { left: -3px;}
    .banner-section .pricing-blocks .pricing-block { font-size: 14px;}
	.banner-section h1 {font-size: 29px;}
	.our-client-section h2 {margin-bottom: 15px;}
	ul.our-client-listing li {width: 50%; margin-top: 15px;}	
	.title-section h2 {margin-bottom: 25px;}
	.our-skilled-sec,.our-client-section,.your-needs,.build-ourteam-section,.build-team-section,.eamil-campaigns-section,.get-in-touch-section,.title-section,.wraping-up {padding: 30px 0;}
    .banner-section .partner-logo p img { display: block; margin: 20px auto 0;}
}

@media (max-width:1340px) {
    .get-in-touch-section .main, .covid-19-resources-banner .main, .covid-19-page .main{padding:0 50px !important}
}

@media (max-width:480px) {
    get-in-touch-section .main, .covid-19-resources-banner .main, .covid-19-page .main{padding:0 38px !important}
}