.inner-banner {height: 500px; padding-top: 150px; position: relative; background-image: url("../images/digital-marketing-seo-banner.jpg"); background-position: top center; background-size: 100%; background-repeat: no-repeat; }
.inner-banner h1 {font-size: 60px; font-family: 'Montserrat-Bold', sans-serif; z-index: 9; position: relative; color: #000; width: 100%; padding: 0% 76% 0% 0%; text-align: left; line-height: 70px; }
.dms {padding: 70px 0px; position: relative; text-align: center; }
.dms h2 {font-size: 36px; padding:0px 30px 20px 30px; font-family: 'Poppins-Regular'; position: relative; margin: 0 auto; line-height: 48px; color:#fa611d;}
.dms p{font-family: 'Poppins-Regular'; font-size: 16px; width: 100%; line-height:28px;}

.victory{padding: 30px 0px;position: relative;text-align: center;background: #09335c;color: #fff;}
.victory::before {background-image: url(../images/bg.png); background-repeat: repeat; content: ""; position: absolute; width: 100%; bottom: 0; background-position: center; top: 0; left: 0; opacity: 0.4; }
.victory p{font-family: 'Poppins-SemiBold'; font-size: 54px; margin: 0px;width: 100%;padding: 0% 30% 0% 0%;text-align: left;line-height: 70px;}

.whtwe{padding: 70px 0px;position: relative;text-align: center;color: #212121;}
.whtwe h3{font-family: 'Poppins-Regular'; font-size: 40px; margin:10px 0px 20px 0px;width: 100%;padding: 0% 18% 0% 18%;text-align: center;line-height: 42px;}
.whtwe h3::before{background:#fa611d;width: 65px;bottom: -20px;height: 4px;left: 50%;margin-left:-30px;top: auto; content: "";position: absolute;}
.whtwe p{font-family: 'Poppins-Regular'; font-size: 16px;margin: 0 auto; text-transform: uppercase;}
.processbox {display: inherit;position: relative;margin: 0 -65px;width: 100%;}
.processbox .tm-processbox { position:relative; display:block; text-align:center; width:270px; height:270px; background:#fff; padding:20px; border-radius:50%; margin:auto; box-shadow:0 10px 50px 0 rgba(29,79,206,.1); transition:all 500ms ease }
.processbox .tm-processbox:hover { box-shadow:0 -10px 39px 0 rgba(8,18,109,.1); transform:translateY(-10px)}
.processbox .tm-processbox:nth-child(2n) { margin-top:103px}
.processbox .tm-box-content {position:relative; border-radius:50%; padding:50px 15px 60px 15px; width:230px; height:230px; border:6px solid #e8ecef; vertical-align:middle;font-family: 'Poppins-Medium';color: #393838;line-height: 22px;}
.processbox .tm-processbox .process-num {margin-right:5px; font-size:24px; font-weight:500; background-color:#fa611d; color:#fff; width:46px; height:46px; line-height:46px; border-radius:50%; border:none; display:block; text-align:center; position:absolute; left:auto; right:30px; top:20px; z-index:10; transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out }
.processbox .tm-processbox:hover .process-num { background-color:#0b0c26}
.box.processbox:before {content:''; position:absolute; left:-150px; right:-150px; height:100%; display:block; background:url(../images/proccess-arrow.png) center center no-repeat; top:40px }
.processbox .tm-processbox .tm-box-title h5 { font-size:20px; line-height:25px;font-family: 'Poppins-SemiBold';color: #000;margin-bottom: 5px;}
.processbox .tm-processbox:hover .tm-box-title h5 { font-size:20px; line-height:25px}
.processbox .tm-processbox:hover .tm-box-content{border-color: #fa611d;}
.processbox .tm-processbox:hover .tm-box-title h5{color: #fa611d;}
.pdngtp{ padding:65px 15px 60px 15px!important;}

.tryus{padding: 70px 0px;position: relative;text-align: center;background: #fa611d;color: #fff;}
.tryus::before {background-image: url(../images/bg.png); background-repeat: repeat; content: ""; position: absolute; width: 100%; bottom: 0; background-position: center; top: 0; left: 0; opacity: 0.4; }
.tryus p{font-family: 'Poppins-Regular'; font-size: 38px; margin: 0px;width: 100%;padding:0% 30% 0% 2%;text-align: left;line-height: 42px;}

.call {position: relative;right: 80px;}
.call .circle { position: absolute; transform: translateX(-50%) translateY(-50%); box-sizing: content-box; display: block; width: 90px; height: 90px; border-radius: 50%; line-height: 90px; padding: 0; margin: 0 auto; left: 50%; top: 50%; z-index: 9; text-align: center; background: #282828; cursor: pointer; }
.call .circle::before { background: #fff; content: ""; position: absolute; z-index: 0; left: 45px; top: 45px; transform: translateX(-50%) translateY(-50%); display: block; width: 90px; height: 90px; border-radius: 50%; animation: pulse-border 1.5s ease-out infinite; }

@keyframes pulse-border{0%{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);opacity:1}100%{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);opacity:0}}

.call .circle::after { content: ""; position: absolute; z-index: 1; left: 45%; top: 45%; transform: translateX(-50%) translateY(-50%); display: block; width: 90px; height: 90px; border-radius: 50%; transition: all .2s; }
.call .circle i { text-indent: 5px; -webkit-transition: .3s ease all; transition: .3s ease all; font-size: 32px; color: #fa611d; position: relative;}
.call .video-desc { position: absolute; top: 70%; left: 50%; -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); text-align: center; z-index: 10; font-size: 20px; }
.call .overly-border { border: 10px solid #282828; border-top-color: rgb(40, 40, 40); border-right-color: rgb(40, 40, 40); border-bottom-color: rgb(40, 40, 40); border-left-color: rgb(40, 40, 40); width: 100px; height: 100px; border-radius: 50%; position: absolute; top: 50%; bottom: 0; left: 0; right: 0; margin: 0 auto; transform: translateY(-50%); z-index: 0; margin-right: -50px;opacity: 0.2;}

.ds{padding: 70px 0px;position: relative;text-align: center;color: #212121;background: 
background: #ffffff; background: -moz-linear-gradient(top,  #ffffff 0%, #ebebeb 100%); 
background: -webkit-linear-gradient(top,  #ffffff 0%,#ebebeb 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#ebebeb 100%); Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0;}
.ds h3{font-family: 'Poppins-Medium'; font-size: 16px;  padding: 5px; width: 100%;text-transform: uppercase;z-index: 9;}
.ds h3::before{background: #f6f6f6;  width: 20%;  bottom: 0;margin-left: -15px; top: 0;content: "";position: absolute;padding: 10px;z-index: -1;border-radius: 2px;}
.ds h4{ font-family: 'Poppins-SemiBold'; font-size: 38px; text-align: center;margin: 0 auto;width: 100%;}
.ds h6{font-family: 'Poppins-Regular'; font-size: 16px;margin: 0 auto 60px auto;width: 100%;}
.ds section{margin: 0px;box-shadow: 0 30px 70px -30px rgba(50,50,93,.25),0 30px 60px -30px rgba(107,124,147,.3);position: relative;}
.ds section img{border-top-left-radius: 4px; border-top-right-radius: 4px;position: relative;}
.ds h5{font-family: 'Poppins-Bold'; font-size: 32px; margin:0px 0px 20px 20px;width: 100%;position: absolute;
z-index: 2;bottom: 0;color: #09335d;text-align: left;}
.ds h5::before{background:#52c0e8;width: 65px;top: -10px;height: 4px; content: "";position: absolute;border-radius: 4px;}
.ds h5 span{text-transform: uppercase;font-size: 11px;font-weight: 500;line-height: 1.2em;letter-spacing: 2px;color: #6b7c93;}
.ds .box-content {max-height: 0; overflow: hidden; transition: all 0.5s ease-in-out; font-size: 15px; padding: 1px 0; display: block; opacity: 0;text-align: left;top: 50%; position: absolute;}
.ds .box-content p{margin: 0 auto 0px auto;}
.ds .box-content:hover {opacity: 1; overflow: visible; max-height: 500px;bottom: 0;position: absolute;}
.ds .box-content ul.list-style2, .site-content ol.list-style2 {list-style: none; margin: 0 0 30px 0; padding: 0; }
.ds .box-content ul.list-style2 li, .site-content ol.list-style2 li {line-height: 150%; font-size: 88%; margin: 10px 0; padding-left: 20px; position: relative; }
.ds .box-content ul.list-style2 li::before, .site-content ol.list-style2 li::before {content: ""; width: 4px; position: absolute; left: 2px; height: 4px; top: 9px; background-color: #52d475; transform: rotate(45deg); }
/*.ds section:hover{background: #000;}
.ds section:hover .ds .box-content:hover{opacity: 1;  overflow: visible;max-height: 500px;bottom: 0;position: absolute;}
.ds h5:hover{transform: translateY(-20px);transition: 0.5s;}*/
.ds p{background: #fff; font-family: 'Poppins-Regular'; font-size: 16px; text-align: left;margin: 0 auto;width: 100%;padding: 20px 24px; line-height: 24px;border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;}

@media only screen and (min-width:320px)and (max-width:479px) {
    .inner-banner {padding-top: 50px; height: 220px; background-size: cover; }
    .inner-banner h1 {font-size: 30px; line-height: 40px;padding: 0% 66% 0% 0%; }
    .dms {padding: 20px 0px; }
    .dms h2 {font-size: 24px; line-height: 30px; width: auto; padding: 0px 0px 10px 0px; }
    .dms h3 {font-size: 15px; padding: 0px 10px 10px 10px; line-height: 20px;}
    .dms p {font-size: 14px; line-height: 20px; padding: 0px 10px; margin: 0 auto;text-align: justify;}
    .victory { padding: 30px 0px;}
    .victory p { font-size: 28px; padding: 0% 5% 0% 5%; line-height: 32px; }
    .whtwe { padding: 20px 0px 50px 0px;}
    .whtwe h3{font-size: 20px;padding: 0% 8% 0% 8%;line-height: 26px;}
    .whtwe h3::before{bottom: -15px;}
    .processbox{display: inline;margin: 0px;}
    .processbox .tm-processbox:nth-child(2n){margin:30px auto;}
    .processbox .tm-processbox{margin: 20px auto;}

    .tryus {padding: 40px 0px;}
    .tryus p{font-size: 24px;line-height: 30px;padding: 0% 30% 0% 4%;}
    .call .circle{width: 70px;height: 70px;}
    .call .circle::before {left: 35px;top: 35px;width: 90px;height: 90px;}
    .call .circle i{font-size: 28px;top: -10px;}
    .call .circle::after {left: 45%;top: 45%;width: 90px;height: 90px;}
    .call .overly-border {width: 90px;height: 90px;margin-right: -45px;}
    .ds {padding: 40px 0px;}
    .ds h3::before {width: 64%;}
    .ds h4 {font-size: 24px;padding: 10px 0px;line-height: 32px;}
    .ds h6 { font-size: 14px; margin: 0 auto 10px auto;padding: 0px 22px;line-height: 18px;}
    .ds p{margin: 0 auto 20px auto;font-size: 14px;text-align: justify;line-height: 21px;padding: 20px 20px;}
    .ds h5{font-size: 28px;}
}
@media only screen and (min-width:480px) and (max-width:767px) {
    .inner-banner {padding-top: 50px; height: 220px; background-size: cover; }
    .inner-banner h1 {font-size: 30px; } .dms {padding: 20px 0px; }
    .dms h2 {font-size: 24px; line-height: 32px; width: auto; padding: 0px 0px 10px 0px; }
    .dms h3 {font-size: 15px; padding: 0px 10px 10px 10px; line-height: 20px;}
    .dms p {font-size: 14px; line-height: 20px; padding: 0px 10px; width: 90%; margin: 0 auto; }
    .dms section h3 {margin: 18px 0px 0px 0px; }
    .victory { padding: 30px 0px;}
    .victory p { font-size: 28px; padding: 0% 5% 0% 5%; line-height: 32px; }
    .whtwe { padding: 20px 0px 50px 0px;}
    .whtwe h3{font-size: 20px;}
    .processbox{display: inline;margin: 0px;}
    .processbox .tm-processbox:nth-child(2n){margin:30px auto;}
    .processbox .tm-processbox{margin: 20px auto;}

    .tryus {padding: 40px 0px;}
    .tryus p{font-size: 24px;line-height: 30px;padding: 0% 30% 0% 4%;}
    .call .circle{width: 70px;height: 70px;}
    .call .circle::before {left: 35px;top: 35px;width: 90px;height: 90px;}
    .call .circle i{font-size: 28px;top: -10px;}
    .call .circle::after {left: 45%;top: 45%;width: 90px;height: 90px;}
    .call .overly-border {width: 90px;height: 90px;margin-right: -45px;}
    .ds {padding: 40px 0px;}
    .ds h3::before {width: 64%;}
    .ds h4 {font-size: 24px;padding: 5px 0px;}
    .ds h6 { font-size: 14px; margin: 0 auto 20px auto;}
    .ds p{margin: 0 auto 20px auto;font-size: 14px;text-align: justify;line-height: 21px;padding: 20px 20px;}
    .ds h5{font-size: 28px;}
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .inner-banner {padding-top: 60px; height: 220px; background-size: cover; }
    .inner-banner h1 {font-size: 30px;line-height: 40px; } .dms {padding: 20px 0px; }
    .dms h2 {font-size: 24px; line-height: 32px; width: auto; padding: 0px 0px 10px 0px; }
    .dms h3 {font-size: 18px; padding: 0px 5px 20px 10px; line-height: 24px;}
    .dms p {font-size: 15px; line-height: 22px; padding: 0px 2px; margin: 0 auto; }
    .dms section h3 {margin: 18px 0px 0px 0px; }
    .victory { padding: 30px 0px;}
    .victory p { font-size: 28px; padding: 0% 5% 0% 5%; line-height: 32px; }
    .whtwe { padding: 20px 0px;}
    .whtwe h3{font-size: 30px;}
    .processbox{display: inline;margin: 0px;}
    .processbox .tm-processbox:nth-child(2n){margin:30px auto;}
    .processbox .tm-processbox{margin: 20px auto;}
    .ds {padding: 40px 0px;}
    .ds h3::before {width:38%;}
    .ds h4 {font-size: 24px;padding: 5px 0px;}
    .ds h6 { font-size: 14px; margin: 0 auto 20px auto;}
    .ds p{margin: 0 auto 20px auto;font-size: 14px;text-align: justify;line-height: 21px;padding: 20px 20px;}
    .ds h5{font-size: 28px;}
}
@media only screen and (min-width:1200px) and (max-width:1440px){
  .inner-banner {padding-top: 110px; height:300px; background-size: cover;}
  .inner-banner h1 {font-size: 40px;line-height: 50px;padding: 0% 76% 0% 2%;}
  .inner-banner p{font-size: 16px;line-height: 24px;padding: 0% 60% 0% 0%;}
  .dms{padding: 40px 0px; }
  .dms h2 {font-size: 34px; padding: 0px 30px 10px 30px;}
  .dms p{padding: 0px 30px;}
  .victory {padding: 45px 0px;}
  .victory p {font-size: 36px;padding: 0% 5% 0% 5%;line-height: 42px;}
  .processbox{margin:0 -5px;}
  .tryus{padding: 70px 20px;}
}