/* Default Reset Css Starts Here
===============================================================*/


.row-flex{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; align-items: center;}

.row{display: flex; flex-wrap: wrap; margin: 0 -35px;}

.row > *{
    position: relative;
    min-height: 1px;
    padding-left: 35px;
    padding-right: 35px
}

h1{font-size: 55px; margin-bottom: 65px; font-weight: 800;}
h2{position: relative; font-size: 52px; font-weight: 800; padding-bottom: 45px; text-align: center;} 
h2 > .title-content{position: relative; display: inline; text-align: center; margin: 0 auto; padding-left: 15px; font-weight: 800;}
h2 > .title-content:before{position: absolute; content: ""; width: 6px; height: 40px; background-color: #FFDA2D; left: 0; top: 10px;}
h3{font-size: 33px; line-height: 46px; margin-bottom: 25px; font-weight: 700;}
.title-content-main{text-align: center; max-width: 1305px; width: 100%; margin: 0 auto; margin-bottom: 52px;}
.title-content-main h2{padding-bottom: 30px;}
h4{font-size: 26px; line-height: 1.4; margin-bottom: 25px;}
h5{font-size: 24px; line-height: 1.4; margin-bottom: 20px;}
h6{font-size: 16px; line-height: 1.4; margin-bottom: 20px;}

p, ul > li,ol > li{line-height: 26px; margin-bottom: 25px;}
ul li:before{width: 3px; height: 3px; top: 12px;}

.margin-0{margin: 0!important;}
.margin-top-0{margin-top: 0!important;}
.margin-bottom-0{margin-bottom: 0!important;}

section
{
    padding: 124px 0;
}

.container{padding: 0 15px; max-width: 1390px; width: 100%; margin: 0 auto;}


.banner-main{position: relative;padding-top: 180px;padding-bottom: 338px;z-index: 1;}
.banner-main:after{position: absolute; content: ""; width: 100%; height: 100%; background-image: url(../images/outsourcing-digital-marketing/banner-background.png); background-size: cover; background-repeat: no-repeat; background-position: bottom; right: 0; bottom: 0; z-index: -1;}
.banner-main .banner-shape{position: absolute; right: -380px; bottom: 0; z-index: -1;}
.banner-main .banner-content{position: relative; max-width: 880px; width: 100%;}
.banner-main h6{position: relative; font-size: 29px; font-weight: 500; border-bottom: 2px solid #FFDA2D; display: inline-block;}

.reasons-outsourcing{position: relative; background-color: rgba(98,109,245,0.1); padding-top: 0!important; z-index: 1;}
.reasons-outsourcing .region-outsourcing-map{position: absolute; bottom: 180px; right: 0; z-index: -1;}
.reasons-outsourcing figure{display: flex; justify-content: center; text-align: center; margin: 0 auto; margin-bottom: 80px;}

.reasons-outsourcing .digital-marketing-outsource{margin-bottom: 61px;}

.digital-marketing-outsource{max-width: 1180px; width: 100%; margin: 160px auto; position: relative;padding: 50px 40px; background-color: #5479F7;z-index: 1;}
.digital-marketing-outsource .yellow-round-shape{position: absolute;content: "";width: 122px;height: 122px;background-color: #FFDA2D;border-radius: 100%;top: -94px;right: 80px;z-index: 1;}
.digital-marketing-outsource h4{position: relative; font-size: 35px; color: #fff; padding-left: 15px;}
.digital-marketing-outsource h4:before{position: absolute;content: "";width: 6px;height: 28px;background-color: #FFDA2D;left: 0;top: 10px;}
.digital-marketing-outsource ul li,.digital-marketing-outsource p{color: #fff;}
.digital-marketing-outsource ul li:before{background-color: #fff;}
.digital-marketing-outsource:before {content: ' ';display: block;background-color: #5479F7;width: 100%;height: 50%;position: absolute;top: -41px;left: 0;transform: skew(0deg, -2deg);border-radius: 25px;z-index: -1;}
.digital-marketing-outsource:after {content: ' ';display: block;background-color: #5479F7;width: 100%;height: 50%;position: absolute;bottom: -41px;left: 0;transform: skew(0deg, 2deg);border-radius: 25px;z-index: -1;}

.services-agencies-outsourcing .title-content-main{max-width: 1000px;}
.services-agencies-outsourcing figure{display: flex;justify-content: center; text-align: center; margin-bottom: 80px;}

.table-common-services{max-width: 560px; width: 100%; margin: 0 auto; margin-top: 40px; margin-bottom: 70px;}
.table-common-services table{width: 100%; margin: 0; border-collapse: inherit;}
.table-common-services table thead th{background-color: #727FFF; padding: 30px; text-align: center; border-top-left-radius: 30px; border-top-right-radius: 30px; font-size: 20px; color: #fff;}
.table-common-services table tbody td{border: 1px solid #000; background-color: #fff; padding: 25px; width: 50%; text-align: center;}
.table-common-services table tbody td:first-child{border-top: 0; border-right: 0;}
.table-common-services table tbody td:last-child{border-top: 0;}
.table-common-services table tbody tr:last-child td{}
.table-common-services table tbody tr:last-child td:first-child{border-bottom-left-radius: 30px;}
.table-common-services table tbody tr:last-child td:last-child{border-bottom-right-radius: 30px;}

.what-services-not-outsource{padding-top: 0!important;}
.what-services-not-outsource ol li{padding-left: 22px;}
.what-services-not-outsource ol li:before{content:counter(list);top: 5px;width: 15px;height: 15px;background-color: #626DF5;border-radius: 100%;color: #fff;font-size: 7px;display: flex;justify-content: center;align-items: center;}

.table{margin-bottom: 80px;}
.table table{width: 100%; margin: 0; border-collapse: inherit;}
.table table thead th{border: 0; border-right: 1px solid #000; border-top: 1px solid #000; background-color: #E0E0E0; padding: 25px; text-align: center; font-size: 20px;}
.table table thead th:first-child{border-top-left-radius: 30px; border-left: 1px solid #000;}
.table table thead th:last-child{border-top-right-radius: 30px;}
.table table tbody td{border: 0; border-right: 1px solid #000; border-top: 1px solid #000; background-color: #fff; padding: 25px; width: 25%;}
.table table tbody td:first-child{border-left: 1px solid #000;}
.table table tbody td:last-child{}
.table table tbody tr:last-child td{border-bottom: 1px solid #000;}
.table table tbody tr:last-child td:first-child{border-bottom-left-radius: 30px;}
.table table tbody tr:last-child td:last-child{border-bottom-right-radius: 30px;}

.table table{width: 100%;}
.table table td{line-height: 26px; padding: 15px; border: 1px solid #000; background-color: #fff;}

.local-outsourcing{max-width: 1001px; width: 100%; margin: 80px auto; background-color: rgba(98 109 245 / 10%); border-radius: 15px; padding-bottom: 20px;}
.local-outsourcing h4{padding-top: 30px; padding-bottom: 20px; text-align: center; font-size: 30px; border-bottom: 1px solid #000;}
.local-outsourcing .row {margin: 0;}
.local-outsourcing .row .col-6:first-child{border-right: 1px solid #000;}
.local-outsourcing .inner-block .pros-block{width: 123px; height: 123px; background-color: #FFDA2D; border-radius: 100%; margin-bottom: 30px; font-size: 30px; color: #000; display: flex; justify-content: center; align-items: center; font-weight: 700; margin-left: 25px;}
.local-outsourcing .inner-block.cons .pros-block{background-color: #626DF5; color: #fff; margin-left: auto; margin-right: 25px;}
.local-outsourcing .inner-block .vs-block{ position: absolute;width: 123px;height: 123px;background-color: #fff;border-radius: 100%;font-size: 30px;color: #000;display: flex;justify-content: center;align-items: center;font-weight: 700;right: -63px;}
.local-outsourcing.offshoring{margin-bottom: 0;}

.cost-comparision{position: relative; padding-top: 0!important; z-index: 1;}
.cost-comparision .cost-comparision-map{position: absolute; left: 0; right: 0; margin: 0 auto; text-align: center; bottom: 18%; z-index: -1;}
.cost-comparision .row{justify-content: center;}
.cost-comparision .inner-title{text-align: right;}
.cost-comparision .inner-title h4{position: relative; font-size: 30px; padding-right: 15px; line-height: 1.2;}
.cost-comparision .inner-title h4:after{ position: absolute;content: "";width: 6px;height: calc(100% - 15px);background-color: #FFDA2D;right:0;top: 8px;}
.cost-table{margin-top: 0; margin-bottom: 0;}
.cost-table table thead th{border-radius: 0; background-color: #FFDB2D; color: #000; border-top: 1px solid #000; border-left: 1px solid #000; padding: 15px 25px; vertical-align: middle;}
.cost-table table thead th:first-child{border-top-left-radius: 30px;}
.cost-table table thead th:last-child{border-top-right-radius: 30px; border-right: 1px solid #000;}

.choose-the-region{position: relative; background-color: #f0f1fe; z-index: 1;}
.choose-the-region .region-outsourcing-map{position: absolute; bottom: 0; left: 0; z-index: -1;}
.choose-the-region:before{position: absolute; content: ""; width: 1936px; height: 421px; background-image: url(../images/outsourcing-digital-marketing/round-shape-grey.png); background-size: cover; background-repeat: no-repeat; background-position: center; right: 0; left: 0; top:-210px; z-index: -1;}
.region-table{max-width: 1256px; margin: 0 auto;}
.region-table table{margin-bottom: 0; margin-top: 50px;}
.region-table table thead th{background-color: #FFDA2D;}
.region-table table tbody th{padding:25px; border-top: 1px solid #000; border-right: 1px solid #000; background-color: #fff;}
.region-table table tbody th:first-child{border-left: 1px solid #000;}
.region-table table tbody td{ width: 16.66%;}
.region-table ul > li:last-child{margin-bottom: 0;}               

.better-regions{padding-bottom: 0 !important;}
.better-regions figure{display: flex; justify-content: center; margin: 0 auto; text-align: center; margin-bottom: 60px;}

.common-challenges{}
.common-challenges .challenge-solution-block{padding-bottom: 35px; margin-bottom: 35px; border-bottom: 1px solid #2959a7;}
.common-challenges .challenge-solution-block:last-child{padding-bottom: 0px; margin-bottom: 0px; border-bottom: 0;}
.common-challenges .challenge-solution-block .inner-block:first-of-type{margin-bottom: 35px;}
.common-challenges .challenge-solution-block .inner-content{padding-left: 56px;margin-top: -17px;}
.common-challenges .challenge-solution-block .inner-content h6{margin-bottom: 5px;}
.common-challenges .challenge-solution-block .inner-content p{margin-bottom: 0;}
.common-challenge-table{max-width: 1253px; width: 100%; margin: 0 auto; margin-top: 70px;}
.common-challenge-table table{margin-bottom: 0;}
.common-challenge-table table thead th{background-color: #ffda2d;}

.pick-perfect-partner{padding-top: 0!important; padding-bottom: 0!important;}
.pick-perfect-partner ol.number-listing > li{padding-left: 22px; font-weight: 700;}
.pick-perfect-partner ol.number-listing > li:before{content:counter(list);top: 5px;width: 15px;height: 15px;background-color: #626DF5;border-radius: 100%;color: #fff;font-size: 7px;display: flex;justify-content: center;align-items: center;}
.pick-perfect-partner ol.number-listing > li > ul{margin-top: 25px;}

ol.number-only > li{padding-left: 25px;}

.introduction{position: relative;}
.introduction .quote-content{max-width: 1035px; width: 100%; margin: 0 auto; text-align: center; padding: 0 25px;}
.introduction .quote-content h6{font-size: 26px; line-height: 1.4; font-weight: 400;}
.introduction .quote-content h6:first-of-type{margin-bottom: 20px;}
.introduction .quote-content h6:last-of-type{margin-bottom: 0;}

ul.yellow-line-listing > li{padding-left: 25px;}
ul.yellow-line-listing > li:before{position: absolute; content: ""; background-image: url(../images/outsourcing-digital-marketing/yellow-line-bullet-point.png); background-repeat: no-repeat; background-size: 100%; background-position: center; width: 17px;height: 4px;top: 11px; border-radius: 0; background-color: transparent;}

.outsourcing-benefits{position: relative; z-index: 1;}
.outsourcing-benefits-shape{background-color: rgba(98,109,245,0.1);}
.outsourcing-benefits-shape:before{position: absolute; content: ""; background-image: url(../images/outsourcing-digital-marketing/outsourcing-benefits-shape.png); width: 100%; height: 399px; background-size: cover; background-position: bottom; background-repeat: no-repeat; top: -210px; z-index: -1;}
/*.outsourcing-benefits-shape:after{position: absolute; content: ""; background-image: url(../images/outsourcing-digital-marketing/outsourcing-benefits-shape-bottom.png); width: 100%; height: 481px; background-size: cover; background-position: right; background-repeat: no-repeat; bottom: 10px; z-index: -1;}*/

.wrap-up{background-color: #ffda2d;}
.wrap-up .wrapup-title{width: 390px;position: relative;padding: 6px 55px;background-color: #626df5;margin: 40px auto;z-index: 1;}
.wrap-up .wrapup-title:before{content: ' ';display: block;background-color: #626df5;width: 100%;height: 100%;position: absolute;top: -30px;left: 0;transform: skew(0deg, 3deg);border-radius: 22px;z-index: -1;}
.wrap-up .wrapup-title:after{content: ' ';display: block;background-color: #626df5;width: 100%;height: 100%;position: absolute;bottom: -30px;left: 0;transform: skew(0deg, -3deg);border-radius: 22px;z-index: -1;}
.wrap-up .wrapup-title h3{font-size: 43px; color: #fff; margin: 0;}
.wrap-up .wrapup-shape{position: absolute; right: -22px; top: 50%; transform: translateY(-50%); z-index: -2;}
.wrap-up .wrapup-content{text-align: center; padding-top: 50px;}
.wrap-up .wrapup-content p{}
.wrap-up .wrapup-content h6 a{text-decoration: none; border-bottom: 6px solid #626df5; font-weight: 700;}
.wrap-up .wrapup-content h6 a:hover{color: #626df5;}

@media (max-width:1400px){
  
}

@media (max-width:1366px){
    .container{padding: 0 30px;}
    section {padding: 90px 0;}
    h1{font-size: 45px;}
    h2{font-size: 42px;}
    h2 > .title-content:before{height: 35px; top: 7px;}
    .banner-main{padding-top: 100px;padding-bottom: 265px;}
    
    
    
}

@media (max-width:1199px){
    .row{margin: 0 -15px;}
    .row > *{padding-left: 15px;padding-right: 15px}
    h1{font-size: 42px; margin-bottom: 35px;}
    h2 {font-size: 36px;}
    h2 > .title-content:before{height: 30px;}
    h3{font-size: 28px; line-height: 1.4; margin-bottom: 20px;}
    
    .table table thead th,.table-common-services table thead th{padding: 15px; font-size: 17px;}
    .table table tbody td,.table-common-services table tbody td,.region-table table tbody th{padding: 15px;}
    .introduction .quote-content h6{font-size: 21px;}
    .wrap-up .wrapup-title{width: 340px;padding: 5px 45px;}
    .wrap-up .wrapup-title h3{font-size: 33px;}
    .wrap-up .wrapup-title:before {content: ' ';display: block;width: 100%;height: 90%;position: absolute;top: -15px;left: 0;transform: skew(0deg, 3deg);border-radius: 10px;z-index: -1;}
    .wrap-up .wrapup-title:after {content: ' ';display: block;width: 100%;height: 90%;position: absolute;bottom: -15px;left: 0;transform: skew(0deg, -3deg);border-radius: 10px;z-index: -1;}
}

@media (max-width:1023px){
    h2 > .title-content br{display: none;}
    
}

@media (max-width:991px){
    section {padding: 70px 0;}
    p, ul > li, ol > li{margin-bottom: 20px;}
    
    .banner-main{padding-top: 50px;}
    .region-table{overflow-x: auto;}
    .region-table table{width: 920px;}
    .digital-marketing-outsource h4{font-size: 25px;}
    
    
}

@media (max-width:767px){
    section {padding: 50px 0;}
    h1{font-size: 36px;}
    h2{font-size: 32px;}
    h2 > .title-content:before{top: 5px;}
    h3{font-size: 24px; margin-bottom: 12px;}
    h4{font-size: 21px; margin-bottom: 15px;}
    p {font-size: 14px;}
    
    .title-content-main{margin-bottom: 25px;}
    .title-content-main > p{text-align: left;}
    .introduction .quote-content h6{font-size: 18px;}
    .table.table-counter{padding-left: 21px;}
    .table{overflow: auto; margin-bottom: 15px;}
    .table table{width: 767px;}
    .table table thead th{font-size: 17px;}
    .reasons-outsourcing figure,.services-agencies-outsourcing figure{margin-bottom: 40px;}
    .digital-marketing-outsource .yellow-round-shape{width: 80px;height: 80px;top: -70px;right: 40px;}
    .digital-marketing-outsource{margin: 110px auto; margin-bottom: 61px; padding: 20px;}
    .table-common-services{margin-bottom: 40px;}
    .local-outsourcing{margin: 40px auto;}
    .local-outsourcing .inner-block .vs-block{display: none;}
    .local-outsourcing .row .col-6:first-child{border-right: 0; margin-bottom: 30px;}
    .local-outsourcing h4{font-size: 25px; padding-top: 20px;padding-bottom: 15px;}
    .local-outsourcing .inner-block .pros-block{width: 100px;height: 100px; font-size: 23px; margin-left: 0; margin-bottom: 30px;}
    .local-outsourcing .inner-block.cons .pros-block{margin-left: 0; margin-right: 0;}
    .choose-the-region:before{left: -130%;}
    .region-table table{margin-top: 20px;}
    
}

@media (max-width:640px){
}

@media (max-width:479px){
    h1 {font-size: 29px;}
    h2 {font-size: 24px; padding-bottom: 25px;}
    h2 > .title-content:before {height: 20px;width: 4px;left: 5px;}
    .banner-main h6 {font-size: 24px;}
    .container {padding: 0 20px;}
    .wrap-up .wrapup-title{width: 300px;}
    
}