@charset "utf-8";
@import url('font-awesome.min.css');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap');
/* CSS Document */


/*Common CSS*/
body {font-family: 'Noto Sans', sans-serif;overflow-x: hidden;}
h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}
ul, li {list-style: none; padding: 0; margin: 0;}
a {text-decoration: none !important;}
p{font-family: 'Open Sans', sans-serif;font-weight:300;color:#666;font-size:16px;line-height:26px;}
.padding_100{padding:100px 0;}
.padding_50{padding:50px 0;}
.title{font-size:32px;font-weight:400;color:#626262;margin-bottom:80px;position:relative}
.title::after{border-bottom:4px solid #ff2e42;content:"";position:absolute;top: 60px;left: 0;width: 16%;}
.btn-default{background-color:#4d5259;font-size:14px;font-weight:700;text-transform:uppercase;border: 1px solid transparent;;color:#fff;padding:12px 20px;transition:0.3s;}
.btn-default:hover{background-color:transparent;border:1px solid #4d5259;transition:0.3s;color:#4d5259;}
.red{color:#ff2e42;}
/*Navigation*/
/*Top Section*/
.top {position: relative;z-index: 2;}
.top:before {position: absolute;top: -1px;left: 0;width: 100%;height: 4px;content: "";background-color: #4d5259;}
.top-angle:before {content: '';position: absolute;right: 75%;z-index: 0;border-right: 44px solid #4d5259; border-left: 0px solid #4d5259;border-bottom: 39px solid transparent;bottom: 0;top: 3px;}
.top-angle:after {z-index: -1;content: "";position: absolute;background-color: #4d5259;display: block;width: 75%;height: 100%;right: 0;top: 3px;}
.top-angle {position: relative;z-index: 2;padding: 11px 0 7px;}
.top-bar-social{width: 100%;text-align: right;height:22px;}
.top-bar-social a{font-size:14px;color:#ccc;margin-right: 14px;}
.top-bar-social a:hover{color:#f36f21;}
.navbar-default {background-color: transparent; border-color: transparent;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {color: #f83730; background-color: transparent;}
.logo-area .nav > li {padding: 26px 0px 0px 0px;}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover{color: #f83730;}
.navbar-default .navbar-nav > li > a {color: #333; background-color: transparent; font-weight: 700; font-size: 15px; }
.navbar-collapse{padding: 0;}
.nav > li > a{padding: 10px 18px;}
.navbar {margin-bottom: 0px;}
.logo-image img{margin-top: -30px;}
.support-btn{background-color:#60656a;height: 42px;margin: -11px 0px;padding: 9px 0 0 36px;}
.support-btn a{color:#fff;font-size:12.5px;font-weight:700;text-transform:uppercase;transition:0.3s;margin-right: 37px;letter-spacing:2px;}
/*.support-btn a::after{content:"";position:absolute;border-right:1px solid #cecece;top: -1px;left: 46%;height: 100%;}*/
.support-btn a i{color:#f6a70c;margin-right:15px;}
.support-btn a:hover{color:#f6a70c;transition:0.3s;}
.logo-area{background-color: #fff;height: 90px;}
.logo-area::after{content: ""; display: block; position: absolute; left: 0; bottom: -1px; height: 4px; width: 100%; background: linear-gradient(to right, rgba(255,208,0,1) 0%, rgba(252,194,4,1) 16%, rgba(244,156,15,1) 30%, rgba(240,137,20,1) 44%, rgba(236,117,26,1) 60%, rgba(232,99,32,1) 72%, rgba(218,33,52,1) 86%, rgba(218,33,52,1) 99%, rgba(218,33,52,1) 100%);}

/*Home Banner*/
.home-banner video{width:100%;opacity:0.5;margin-top: -60px;}
.video-bg {background-color: #363c46;position:relative;position: relative;z-index: -1;}
.video-text { position: absolute; top: 60%; left: 0; right: 0;}
.video-text h1 {font-size: 94px; color: #fff; font-weight: 700; text-transform: uppercase; margin-bottom: 15px;}
.video-text h3 {border-radius: 34px; padding: 12px 0;font-size: 34px; font-weight: 400; text-align: center; color: #fff; margin-top: 0; background-color: #000; opacity: 0.8; margin-left: 0; width: 100%;}
.video-text img{margin-top:24%;}
.video-text .btn-default{font-size:14px;font-weight:700;background-color:transparent;border:2px solid #fff;border-radius:5px;color:#fff;text-transform:uppercase;transition:0.3s;padding:15px 25px;}
.video-text .btn-default:hover{color:#f36f21;transition:0.3s;}

/*Counter CSS*/
.webp .counter-bg{background:url(../images/counter-bg.webp) top center no-repeat;height:378px;margin-top: -45px;z-index: 9;position: relative;}
.no-webp .counter-bg{background:url(../images/counter-bg.png) top center no-repeat;height:378px;margin-top: -45px;z-index: 9;position: relative;}
.counter .countericon { margin: 15px 0px 15px;}
.counter .countercol {font-size: 35px; color: #fff; text-align:center;font-weight:700;}
.counter .countercol span {font-size: 15px; display: block; font-weight: 700; color: #fff; margin: 12px 0; text-align:center;text-transform:uppercase;letter-spacing: 2px;}
.counter .countercol strong{font-weight: 700;}

/*Home About*/
.webp .home-about{background:url(../images/home-about-bg.webp) top center no-repeat;height:654px;}
.no-webp .home-about{background:url(../images/home-about-bg.png) top center no-repeat;height:654px;}
.home-about h1,.contact-form h1,.job-vacancy h1{font-size:32px;font-weight:400;color:#626262;margin-bottom:80px;}
.home-about h1::after,.contact-form h1:after{border-bottom:4px solid #ff2e42;content:"";position:absolute;top: 60px;left: 17px;width: 16%;}
.home-about p strong{font-size:18px;font-weight:700;}
.home-about .btn-default , .get-website .btn-default,.contact-form .btn-default,.job-vacancy .job-box .btn-default{background-color:#4d5259;font-size:14px;font-weight:700;text-transform:uppercase;border-color:transparent;color:#fff;padding:12px 20px;transition:0.3s;}
.home-about .btn-default:hover, .contact-form .btn-default:hover,.job-vacancy .job-box .btn-default:hover{background-color:transparent;border:1px solid #4d5259;transition:0.3s;color:#4d5259;}
.home-about a{margin-right:20px;}

/*Get Website Free*/
.webp .get-website{background:url(../images/get-website-bg.webp) top center no-repeat;height:344px;text-align:center;padding:80px 0;}
.no-webp .get-website{background:url(../images/get-website-bg.png) top center no-repeat;height:344px;text-align:center;padding:80px 0;}
.get-website h5{font-weight:700;font-size:32px;color:#fff;margin-bottom:15px;}
.get-website p{color:#fff;font-weight:600;}
.get-website .btn-default:hover{background-color:transparent;border:1px solid #fff;transition:0.3s;color:#fff;}

/*Home Service*/
.webp .home-service{background:url(../images/home-service-bg.webp) top center no-repeat;height:797px;}
.no-webp .home-service{background:url(../images/home-service-bg.png) top center no-repeat;height:797px;}
.webp .service-cloud{background:url(../images/service-cloud.webp) top left no-repeat;height:121px;width: 193px;transition:0.3s;}
.no-webp .service-cloud{background:url(../images/service-cloud.png) top left no-repeat;height:121px;width: 193px;transition:0.3s;}
.service-cloud h5{font-size:15px;font-weight:700;color:#666;text-transform:uppercase;text-align:center;padding-top: 64px;letter-spacing:1px;line-height:20px;}
.service-cloud1{margin-top: 115px;margin-left: 130px;}
.service-cloud2{margin-top: 100px; margin-left: -15px;}
.service-cloud3{margin-top: 10px; margin-left: 75px;}
.service-cloud4{margin-top: 115px;margin-left: 35px;}
.service-cloud5{margin-top: 100px;margin-left: 180px;}
.service-cloud:hover{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);transition:0.3s;}

/*Testimonial*/
.webp .testimonial-clients{background:url(../images/testimonial-bg.webp) top center no-repeat;height:auto;background-attachment: fixed;background-size:cover;}
.no-webp .testimonial-clients{background:url(../images/testimonial-bg.png) top center no-repeat;height:auto;background-attachment: fixed;background-size:cover;}
.testimonials{position:relative;}
.testimonials i{color:#ff2e42;font-size:50px;}
.testimonials p{font-size:25px;font-weight:600;color:#fff;line-height:34px;margin: 20px 0 50px;}
.testimonials h5{font-size:20px;font-weight:600;color:#fff;margin-bottom:10px;}
.testimonials h6{font-size:16px;font-weight:600;color:#fff;}
.webp .clients{padding-top: 100px;background:url(../images/client-bg.webp) top center no-repeat;height:246px;position:relative;z-index:999;}
.no-webp .clients{padding-top: 100px;background:url(../images/client-bg.png) top center no-repeat;height:246px;position:relative;z-index:999;}
.clients img{filter: grayscale(100%);transition:0.3s;}
.clients .client-logo::after{content:"";position:absolute;border-right:1px solid #eeeeef;height: 100%;top: 0;right: 0;}
.clients img:hover{filter: grayscale(0%);transition:0.3s;}
.testimonial-clients::after {content: ""; display: block; position: absolute;  left: 0; height: 100px;  width: 100%;  background: linear-gradient(to right, rgba(255,208,0,1) 0%, rgba(252,194,4,1) 16%, rgba(244,156,15,1) 30%, rgba(240,137,20,1) 44%, rgba(236,117,26,1) 60%, rgba(232,99,32,1) 72%, rgba(218,33,52,1) 86%, rgba(218,33,52,1) 99%, rgba(218,33,52,1) 100%);  -webkit-transform: skew(0deg,-2.5deg);  -ms-transform: skew(0deg,-2.5deg);  transform: skew(0deg,-2.5deg); opacity: .5; margin-top: -278px;}
.clients .owl-theme .owl-controls .owl-buttons div{background:#eceef0;color:#ff2e42;font-size: 30px;opacity:1;border-radius:50%;padding: 10px 25px;}
.clients .owl-theme .owl-controls .owl-buttons div:hover{ background: linear-gradient(to right, rgba(255,208,0,1) 0%, rgba(252,194,4,1) 16%, rgba(244,156,15,1) 30%, rgba(240,137,20,1) 44%, rgba(236,117,26,1) 60%, rgba(232,99,32,1) 72%, rgba(218,33,52,1) 86%, rgba(218,33,52,1) 99%, rgba(218,33,52,1) 100%);color:#fff;}
.clients .owl-prev {position: absolute; left: -68px; top: 0;}
.clients .owl-next {position: absolute; right: -68px; top: 0;}

/*Footer*/
.footer{background-color:#323232;padding:70px 0 10px 0;border-top:4px solid #ff2e42;}
.footer h5{font-size:16px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing: 2px;margin-bottom:40px;}
.footer h5::after{border-bottom:2px solid #ff2e42;content:"";position:absolute;top: 30px;left: 14px;width: 16%;}
.footer p, .footer li a{font-size:15px;font-weight:400;color:#ccc;}
.footer li{margin-bottom:15px;}
.footer p a{color:#ccc;}
.footer a:hover , .copyright span{color:#ff2e42;}
.contact-info i{color:#ff2e42;margin-right:15px;margin-top:5px;}
.contact-info p{display:flex;margin-bottom:20px;}
.footer hr{border-bottom:1px solid #7f7f7f;opacity:0.8;margin-top:40px;}
.copyright{text-align:center;}
@media (max-width: 750px) {
.footer{padding:15px 0 10px 0;}	
}

/*Inner Banner*/
.inner-banner .banner-title{font-size:52px;font-weight:700;color:#fff;text-transform:capitalize;padding-top: 16%;}
.inner-banner p,.inner-banner a{font-size:16px;font-weight:400;color:#fff;text-transform:capitalize;padding-top:12px;}

/*Contact-Us*/
.webp .contact-us-banner{background:url(../images/contact-us-banner.webp) top center no-repeat;height:461px;}
.no-webp .contact-us-banner{background:url(../images/contact-us-banner.png) top center no-repeat;height:461px;}
.contact .contact-icon img{padding-top: 24px;padding-left: 24px;}
.contact .contact-icon{width:75px;height:75px;background-color:#fceef0;border-radius:20px;}
.contact .contact-text h3{font-size:26px;font-weight:700;color:#4d5259;text-transform:capitalize;margin-bottom:20px;}
.contact .contact-text{margin-top:20px;}
.contact .contact-text p a,.contact .contact-text p{font-size:16px;font-weight:400;color:#000;}
.contact-form{margin-bottom:100px;}
.contact-form .form-control{border:none; background-color:#f1f1f1; border-radius:0px; box-shadow:none; height:45px;}
.contact-form .form-group{font-size:15px; font-weight:300;margin-bottom:22px;}
.contact-form .form-control:placeholder{color:#666;}
.contact-form .form-group textarea{width: 100%;}
.contact-form textarea.form-control{height:auto;}
.contact-form .button-css{margin-top:45px;}
.webp .contact-job{background:url(../images/contact-bg.webp) top center no-repeat;height:344px;padding-top: 84px;}
.no-webp .contact-job{background:url(../images/contact-bg.png) top center no-repeat;height:344px;padding-top: 84px;}
.contact-job h3{font-size:32px;font-weight:700;color:#fff;}
.contact-job p{font-size:17px;color:#fff;margin-top:20px;margin-bottom: 30px;}
.contact-job .btn-default{background-color:#ee7c40;font-size:14px;font-weight:700;text-transform:uppercase;border-color:transparent;color:#fff;padding:12px 20px;transition:0.3s;}
.contact-job .btn-default:hover{background-color:transparent;border:1px solid #ee7c40;transition:0.3s;color:#ee7c40;}
.contact-job-right{margin-left:50px;}

/*Job Vacancy*/
.webp .job-vacancy-banner{background:url(../images/job-vacany-banner.webp) top center no-repeat;height:461px;}
.no-webp .job-vacancy-banner{background:url(../images/job-vacany-banner.png) top center no-repeat;height:461px;}
.job-vacancy{margin-top: -10%;margin-bottom: -10%;}
.job-vacancy h1{text-align:center;margin-top: 10px;}
.job-vacancy h1:after{border-bottom:4px solid #ff2e42;content:"";position:absolute;top: 75px;left: 46%;width: 6%;}
.job-vacancy p{text-align:center;color:#000;}
.job-vacancy .title-box{background: linear-gradient(to right, rgba(255,208,0,1) 0%, rgba(252,194,4,1) 16%, rgba(244,156,15,1) 30%, rgba(240,137,20,1) 44%, rgba(236,117,26,1) 60%, rgba(232,99,32,1) 72%, rgba(218,33,52,1) 86%, rgba(218,33,52,1) 99%, rgba(218,33,52,1) 100%);margin-top:40px;padding: 30px 0;}
.job-vacancy .title-box h2{color:#fff;font-size:26px;font-weight:400;text-align:center;text-transform:capitalize;}
.job-vacancy .job-box{background-color:#323232;padding: 45px;text-align:center;}
.job-vacancy .job-box p{margin-top:20px;margin-bottom:30px;color:#fff;}
.job-vacancy .job-box .btn-default{padding: 12px 53px;background-color:#fff;color:#323232;}
.job-vacancy .job-box .btn-default:hover{border:1px solid #fff;color:#fff;}

/*Career*/
.career-banner{background:url(../images/career-banner.png) top center no-repeat;height:461px;}
/*.carrer{background:url(../images/career-bg.png) top center no-repeat;height:745px;}*/
.carrer{margin-top:-10%;margin-bottom:-14%;}
.carrer h1{font-size:32px;font-weight:400;color:#626262;margin-bottom:80px;}
.carrer h1:after{border-bottom:4px solid #ff2e42;content:"";position:absolute;top: 66px;left: 3%;width: 12%;}
.carrer p strong{color:#333;font-weight:600;font-size:18px;line-height:26px;margin-bottom:20px;}
.carrer p{color:#000;}
.career-video{margin-top: -76px;}
.career-apply{background-image:none;height:auto;}
.vacancy-margin{margin:0px;}

/*HR Executive*/
.webp .hr-executive-banner{background:url(../images/hr-executive-banner.webp) top center no-repeat;height:461px;}
.no-webp .hr-executive-banner{background:url(../images/hr-executive-banner.png) top center no-repeat;height:461px;}
.executive{margin-top:-10%;margin-bottom:-14%;}
.webp .hr-top{background:url(../images/hr-top-bg.webp) top center no-repeat;height:278px;}
.no-webp .hr-top{background:url(../images/hr-top-bg.png) top center no-repeat;height:278px;}
.webp .hr-bottom{background:url(../images/hr-bottom-bg.webp) top center no-repeat;height:328px;}
.no-webp .hr-bottom{background:url(../images/hr-bottom-bg.png) top center no-repeat;height:328px;}
.executive .executive-title{margin-top: 20px;}
.executive .executive-title h3{font-weight:700;font-size:24px;color:#333;text-transform:uppercase;margin-top:20px;margin-bottom:10px;}
.executive .executive-title p{color:#000;font-size:15px;}
.executive .job-vacancy .title-box{padding: 23px 0;}
.executive .job-vacancy .job-box p{margin:0px;font-weight:400;}
.executive .job-vacancy .job-box{padding: 28px;}
.faq{margin-top:50px;}
.faq .accordion_toggle {background: #f1f1f1;cursor: pointer;margin: 0px 0 26px 0;padding: 16px 15px;vertical-align: middle;font-weight: 400;font-size: 16px;color: #333;border-radius: 5px;}
.faq .accordion_toggle label {font-weight: 600;margin-left: 16px;cursor: pointer; color:#333;}
.faq .accordion_toggle.accordion_toggle_active {position: relative;width: 100%; }
.faq .accordion_toggle.accordion_toggle_active label{color:#333;}
.faq .accordion_toggle i{font-size: 16px;color: #323232;margin-top: 4px;}
.faq .accordion_toggle .fa-minus {display: none;color:#fff;}
.faq .accordion_toggle_active .fa-plus {display: none;color:#333;}
.faq .accordion_toggle_active .fa-minus {display: inline-block;color:#333;}
.faq .accordion_content {margin: 0 0 20px 0;}
.faq .accordion_content li{padding: 3px 18px;list-style: none;font-size: 15px;font-weight: 400;color: #666;margin: 0 15px;color:#000;display: flex;}
.faq .accordion_content li::before{content: "\f105";font-family: FontAwesome;color: #000;margin-right: 10px;}
.btn-css{margin-top:50px;}


/* Optional eye candy below: */
.loading {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/*Website Design*/
.webp .website-design-banner{background:url(../images/website-design-banner.webp) top center no-repeat;height:461px;}
.no-webp .website-design-banner{background:url(../images/website-design-banner.png) top center no-repeat;height:461px;}
.what-we-do p{font-size:18px;color:#000;font-weight:400;margin-bottom: 40px;}
.design .accordion_toggle {cursor: pointer;padding: 18px 15px;vertical-align: middle;font-weight: 400;font-size: 23px;color: #626262;}
.design .accordion_toggle label {font-weight: 600;cursor: pointer; color:#626262;}
.design .accordion_toggle.accordion_toggle_active {position: relative;width: 100%; }
.design .accordion_toggle.accordion_toggle_active label{color:#626262;}
.design .accordion_toggle i{font-size: 26px;color: #626262;margin-top: 4px;}
.design .accordion_toggle .fa-angle-up {display: none;color:#fff;}
.design .accordion_toggle_active .fa-angle-down {display: none;color:#626262;}
.design .accordion_toggle_active .fa-angle-up {display: inline-block;color:#626262;}
.design .accordion_content {margin: 0 0 20px 0;}
.design .accordion_content p{font-weight:300;color:#626262;font-size:16px;line-height:26px;padding: 0px 15px;}
.border-bottom{border-bottom:1px solid #e7e7e7;}
.webp .webiste-icons{background:url(../images/website-design-bg.webp) top center repeat;height:auto;}
.no-webp .webiste-icons{background:url(../images/website-design-bg.png) top center repeat;height:auto;}
.webiste-icons{padding:100px 0;}
.webiste-icons .icon-box .icon{background-color:#fff;width: 90px;height: 90px;border-radius: 50%;padding-top: 20px;padding-left: 21px;}
.webiste-icons .icon-box .icon-border{border:1px dashed #fff;border-radius:50%;width: 116px;height: 116px;padding-top: 12px;padding-left: 12px;position:relative;margin: 0 auto;}
.webiste-icons .icon-box .small-circle h5{font-size:16px;color:#fff;font-weight:600;}
.webiste-icons .icon-box .small-circle{width: 30px;height: 30px;padding-top: 6px;padding-left: 10px;background: rgb(252,194,4);
background: linear-gradient(90deg, rgba(252,194,4,1) 0%, rgba(218,33,49,1) 75%); position: absolute;border-radius: 50%;top: -4px;left: 61%;}
.webiste-icons .icon-box .text h2{font-weight:700;font-size:30px;color:#fff;text-transform:capitalize;text-align:center;margin-top: 20px;margin-bottom: 26px;}
.webiste-icons .icon-box .text p{color:#fff;text-align:center;}
.webiste-icons .up::after{background-image:url(../images/arrow-up.png);height:29px;width:102px;position:absolute;content: "";top: 6%;left: 84%;}
.webiste-icons .down::after{background-image:url(../images/arrow-down.png);height:29px;width:102px;position:absolute;content: "";top: 18%;left: 84%;}
.why-us p{font-size:18px;color:#000;font-weight: 600;}
.service-testi .testimonials h5,.service-testi .testimonials h6{color:#000;font-weight:500;}
.webp .ready{background:url(../images/get-website-bg.webp) top center no-repeat;height:344px;}
.no-webp .ready{background:url(../images/get-website-bg.png) top center no-repeat;height:344px;}
.ready h2{font-weight:700;color:#fff;font-size:32px;text-align:center;margin-bottom:20px;}
.ready  p{color:#fff;text-align:center;margin-bottom:30px;}
.ready  p .btn-default{border-radius:3px;padding: 12px 27px;}
.ready  p .btn-default:hover{background-color:transparent;border:1px solid #fff;transition:0.3s;color:#fff;}

/*About Us*/
.webp .about-us-banner{background:url(../images/about-us-banner.webp) top center no-repeat;height:461px;}
.no-webp .about-us-banner{background:url(../images/about-us-banner.png) top center no-repeat;height:461px;}
.no-webp .about-what{background:url(../images/about-what-we-do-bg.png) top center no-repeat;height:624px;}
.webp .about-what{background:url(../images/about-what-we-do-bg.webp) top center no-repeat;height:624px;}
.about-what p{padding-right: 50px;color:#333;font-weight: 400;}
.history-timeline1{background:url(../images/timeline-bg.png) top center no-repeat;height:426px;}
.webp .meet-us{background:url(../images/meet-us-bg.webp) top center no-repeat;height:755px;}
.no-webp .meet-us{background:url(../images/meet-us-bg.png) top center no-repeat;height:755px;}
.meet-us .title::after{width: 11%;top: 105px;}
.meet-us ul li,.meet-us p{color:#333;font-weight: 400;font-family: 'Open Sans', sans-serif;font-size: 16px;line-height: 26px;}
.meet-us ul li::before{content: "\f0da ";font-family: FontAwesome;color: #333;margin-right: 16px;}
.meet-us ul{margin:20px 0;}
.webp .alliance{background:url(../images/alliance-bg.webp) top center no-repeat;height:324px;}
.no-webp .alliance{background:url(../images/alliance-bg.png) top center no-repeat;height:324px;}
.alliance .alliance-img::after{content: "";top: -6%;left: 5px;border-right: 1px solid #4d5258;height: 100%;position: absolute;}
.alliance .last-child::after{display:none;}
.alliance  .title{margin-top:28px;}
/*.alliance  .title::after{top: 88px;}*/
.webp .event{background:url(../images/event-bg.webp) top center no-repeat;height:365px;padding-top:100px;}
.no-webp .event{background:url(../images/event-bg.png) top center no-repeat;height:365px;padding-top:100px;}
.event .title{color:#fff;}
/*.event .title::after{width:8%;}*/
.awards{margin-top:-9%;margin-bottom:100px;}
.awards .award-box .award-name h2{color:#333;font-weight: 600;font-size: 18px;text-align:center;}
.awards .award-box .award-name {padding: 20px 0px;background-color:#f2f2f2;}
.awards .award-box{margin-bottom:40px;-webkit-box-shadow: 0px 6px 6px 1px rgba(232,232,232,1);-moz-box-shadow: 0px 6px 6px 1px rgba(232,232,232,1);box-shadow: 0px 6px 6px 1px rgba(232,232,232,1);}
/*.arrow-bg{position: absolute;right: 75px;bottom: -22px;z-index: 1;}*/
.timeline-fix{height:346px;overflow:hidden;}
html {
  scroll-behavior: smooth;
}

#section1 {
  height: 220px;
}

#section2 {
  height: 230px;
}

.year{border-right:4px solid #e2e2e4;margin-top:100px;margin-right: 70px;}
.year::after{background-image:url(../images/timeline-arrow.png);height:18px;width:23px;position:absolute;content: "";top: 100%;left: 50%;}
.year li a:after{content:"";width:20px;height:20px;border-radius:50%;background-color:#4d5258;border:4px solid #e2e2e4;position: absolute;left: 83px;top: 6px;}
.year .nav > li > a{padding:0px;font-size:24px;font-weight:700;color:#fff;margin-bottom: 30px;}
.year .nav > li > a:focus,.year .nav > li > a:hover{background-color:transparent;}
/*.timeline .tab-content > .tab-pane .title,.timeline-xs .title{color:#fff;}
.timeline .tab-content > .tab-pane p,.timeline .tab-content > .tab-pane p strong, .timeline-xs p, .timeline-xs p strong{color:#f4f4f4;}
.timeline .tab-content > .tab-pane p strong, .timeline-xs p strong{font-weight:600;}
.timeline .tab-content > .tab-pane .title:after, .timeline-xs .title:after{top: 162px;}*/
.year .nav > li > a:focus,.year .nav > li > a:hover,.year .nav > li.active a{color:#f6a70c;transition:0.3s;}
.year .nav > li > a:hover::after,.year .nav > li > a:focus::after,.year .nav > li.active a::after{border-color:#f6a70c;transition:0.3s;}

/*Sitemap*/
.sitemap li{margin-bottom:20px;}
.sitemap li a{color:#ff2e42;font-size:18px; font-weight:700;}
.sitemap li a:hover{color:#000;}
.sitemap li p{margin-top:8px;}
.sitemap p.contact a{font-size:16px;color:#666;font-weight:400;}
.sitemap p.contact a:hover{color:#ff2e42;}
.sitemap ul.first-listing{padding-left:20px;}
.sitemap ul.second-listing{padding-left:30px;}
.sitemap h5{color:#333;font-size:16px; font-weight:600;margin-top:15px;}
.sitemap h5::before{content: "\f0da ";font-family: FontAwesome;color: #333;margin-right: 16px;}

/*Digital Marketing*/
.webp .digital-marketing-banner{background:url(../images/digital-marketing-banner.webp) top center no-repeat;height:461px;}
.no-webp .digital-marketing-banner{background:url(../images/digital-marketing-banner.png) top center no-repeat;height:461px;}
.digital{padding-top:100px;}
.webp .digital-bg{background:url(../images/digital-marketing-bg.webp) top center no-repeat;height:469px;margin-top: -22%;}
.no-webp .digital-bg{background:url(../images/digital-marketing-bg.png) top center no-repeat;height:469px;margin-top: -22%;}
.digital .digital-box .digital-text h1{color:#fff;font-weight: 600;font-size: 22px;text-align:center;}
.digital .digital-box .digital-text{padding:20px;width:100%;background-color:#4d5258;}
.digital .digital-box .digital-text p{color:#ddd;text-align:center;margin-top:20px;font-weight: 400;}
.digital .digital-box .digital-text::before{content: "";display: block;position: absolute;left: 14px;bottom: 51%;height: 4px;width: 92.6%;background: linear-gradient(to right, rgba(255,208,0,1) 0%, rgba(252,194,4,1) 16%, rgba(244,156,15,1) 30%, rgba(240,137,20,1) 44%, rgba(236,117,26,1) 60%, rgba(232,99,32,1) 72%, rgba(218,33,52,1) 86%, rgba(218,33,52,1) 99%, rgba(218,33,52,1) 100%);}
.digital .digital-box{margin-top:30px;}
.webp .organic-1{background:url(../images/organic-seo-bg.webp) top center no-repeat;height:662px;}
.no-webp .organic-1{background:url(../images/organic-seo-bg.png) top center no-repeat;height:662px;}
.organic ul li{color:#333;font-weight: 300;font-family: 'Open Sans', sans-serif;font-size: 16px;line-height: 28px;display: flex;}
.organic ul li::before{content: "\f0da ";font-family: FontAwesome;color: #333;margin-right: 16px;}
.webp .social{background:url(../images/social-media-marketing-bg.webp) top center no-repeat;height:660px;}
.no-webp .social{background:url(../images/social-media-marketing-bg.png) top center no-repeat;height:660px;}
.social .title,.social ul li::before,.social ul li {color:#fff;}
.webp .google{background:url(../images/google-adwords-bg.webp) top center no-repeat;height:569px;}
.no-webp .google{background:url(../images/google-adwords-bg.png) top center no-repeat;height:569px;}

/*Mobile Apps*/
.webp .mobile-apps-banner{background:url(../images/mobile-apps-banner.webp) top center no-repeat;height:461px;}
.no-webp .mobile-apps-banner{background:url(../images/mobile-apps-banner.png) top center no-repeat;height:461px;}
.mobile-apps{background-image:none;height:auto;padding-top:100px;}
.webp .mobile-apps-bg{background:url(../images/mobile-apps-bg.webp) top center no-repeat;height:226px;margin-top: -6%;}
.no-webp .mobile-apps-bg{background:url(../images/mobile-apps-bg.png) top center no-repeat;height:226px;margin-top: -6%;}
.mobile-apps .digital-box .digital-text::before{bottom: 23%;}
.mobile-apps .digital-box {margin-top: 10px;box-shadow: 0px 0px 18px 6px rgba(243,243,243,1);}
.webp .ios-app{background:url(../images/ios-apps-bg.webp) top center no-repeat;height:476px;}
.no-webp .ios-app{background:url(../images/ios-apps-bg.png) top center no-repeat;height:476px;}
.ios-app p{color:#333;}
.webp .android{background:url(../images/android-apps-bg.webp) top center no-repeat;height:441px;}
.no-webp .android{background:url(../images/android-apps-bg.png) top center no-repeat;height:441px;}
.android .title,.android p{color:#fff;}
.webp .back-end{background:url(../images/back-end-service-bg.webp) top center no-repeat;height:445px;}
.no-webp .back-end{background:url(../images/back-end-service-bg.png) top center no-repeat;height:445px;}

/*Portfolio*/
.webp .portfolio-banner{background:url(../images/portfolio-banner.webp) top center no-repeat;height:461px;}
.no-webp .portfolio-banner{background:url(../images/portfolio-banner.png) top center no-repeat;height:461px;}
.webp .portfolio .portfolio-top{background:url(../images/portfolio-top-bg.webp) top center no-repeat;height:442px;}
.no-webp .portfolio .portfolio-top{background:url(../images/portfolio-top-bg.png) top center no-repeat;height:442px;}
.webp .portfolio .portfolio-bottom{background:url(../images/porfolio-bottom-bg.webp) top center no-repeat;height:283px;}
.no-webp .portfolio .portfolio-bottom{background:url(../images/porfolio-bottom-bg.png) top center no-repeat;height:283px;}
.portfolio .port-tabs .nav-tabs {border:none;margin-left: 12%;}
.portfolio .port-tabs .nav-tabs > li.active > a,.portfolio .port-tabs .nav-tabs > li.active > a:focus,.portfolio .port-tabs .nav-tabs > li.active > a:hover{border:none;background-color: transparent;color:#ff2e42;}
.portfolio .port-tabs .nav-tabs > li > a:hover{border:none;background-color:transparent;color:#ff2e42;}
.portfolio .port-tabs .nav-tabs > li > a{border:none;font-size:18px;font-weight:600;color:#333;padding: 10px 12px;}
.portfolio .port-tabs .nav-tabs > li > a::after{content: "\/ ";color: #333;margin-left: 29px;}
.portfolio .port-tabs .nav-tabs > li > a.last-child::after{display:none;}
.portfolio .portfolio-content{margin-top: -23%;}
.portfolio .tab-content .hover-box {position: relative;width: 100%;}
.portfolio .tab-content img {border:2px solid #ccc;}
.portfolio .tab-content .overlay { position: absolute; bottom: 0; left: 0; right: 0; background-color:  rgba(219,43,60,0.9); overflow: hidden; width: 100%; height: 0; transition: .5s ease;}
.portfolio .tab-content .hover-box:hover .overlay {height: 100%;}
.portfolio .tab-content .text {color: white;position: absolute; top: 76%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 89%;}
.portfolio .tab-content .text h4{font-size:22px;font-weight:600;padding-bottom:10px;}
.portfolio .tab-content .text h5{color:#fff;font-size:14px;font-weight:600;line-height: 20px;}
.portfolio .tab-content{margin-top:50px;}
.portfolio .tab-content .hover-box{margin-bottom:50px;}
.portfolio .btn-default{border-radius:3px;padding: 12px 32px;}
.portfolio  p .btn-default:hover{background-color:#4d5259;border:1px solid #4d5259;transition:0.3s;color:#fff;}

.portf .effect-2 .hover-box {
    position: relative;
    width: 100%;
}

.portf  .effect-2 .overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(219,43,60,0.9);
    overflow: hidden;
    width: 100%;
    height: 0;
    transition: .5s ease;
}
.portf .effect-2 .hover-box:hover .overlay {
    height: 100%;
}
.portf .effect-2 .text {
    color: white;
    position: absolute;
    top: 76%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 89%;
}

/*Dedicated Server*/
.webp .dedicated-server-banner{background:url(../images/dedicated-server-banner.webp) top center no-repeat;height:461px;}
.no-webp .dedicated-server-banner{background:url(../images/dedicated-server-banner.png) top center no-repeat;height:461px;}
.server .nav-tabs{border:none;margin-bottom:60px;}
.server .nav-tabs > li > a{padding:20px 52px;text-align:center;border:1px solid #585858;border-radius:0px;font-size:18px;color:#585858;font-weight:600;text-transform:uppercase;}
.server .nav-tabs > li{margin-right:20px;}
.server .nav-tabs > li.active > a,.server .nav-tabs > li.active > a:focus,.server .nav-tabs > li.active > a:hover,.server .nav-tabs > li > a:hover{background-color:#585858;color:#fff;transition:0.3s;}
.server .tab-content{margin-top:40px;}
.server .title::after{left:0; right:0;margin:0 auto;}
.server-content{background-image:none;height:auto;}
.server-content .title-box{padding: 16px 0;}
.server-content .title-box h3.strong{font-size:26px;color:#fff;font-weight:600;}
.server-content .title-box h3{font-size:22px;color:#fff;font-weight:400;text-align:center;}
.server-content .job-box p{color:#fff;font-size:18px;font-weight:600;text-align:left;}
.server-content .job-box{padding: 20px 0 40px 55px;text-align:left;}
.server-content .job-box ul li{color:#fff;font-weight: 400;font-family: 'Open Sans', sans-serif;font-size: 16px;line-height: 26px;}
.server-content .job-box ul li::before{content: "\f105  ";font-family: FontAwesome;color: #fff;margin-right: 16px;}
.server-content .job-box .btn-default{background-color:#fff;color:#323232;font-size:12px;padding: 14px 30px;}
.server-content .job-box img{position:absolute;top: 45%;left: 71%;}
.server-content .job-box ul{margin-bottom:26px;}
.dedicated-servers .nav-tabs > li > a{padding:20px 0;width:450px;}
.dedicated-servers .nav-tabs{margin-bottom:0;}


/*Shared Hosting*/
.webp .shared-hosting-banner {background:url(../images/shared-hosting-banner.webp) top center no-repeat;height:461px;}
.no-webp .shared-hosting-banner {background:url(../images/shared-hosting-banner.png) top center no-repeat;height:461px;}
.hosting{margin-top:70px;}
.hosting .heading{background: linear-gradient(to right, rgba(255,208,0,1) 0%, rgba(252,194,4,1) 16%, rgba(244,156,15,1) 30%, rgba(240,137,20,1) 44%, rgba(236,117,26,1) 60%, rgba(232,99,32,1) 72%, rgba(218,33,52,1) 86%, rgba(218,33,52,1) 99%, rgba(218,33,52,1) 100%);}
.hosting table th{padding: 22px 32px;font-size:18px;font-weight:700;color:#fff;}
.hosting .first {font-size:14px !important;font-weight:700 !important;color:#333 !important;padding-left:30px !important;text-align:left !important;background-color:#f5f5f5;}
.hosting .box{background-color:#323232;margin:6px;color:#fff;text-align:center;font-size:22px;font-weight:700;padding: 8px 0;}
.hosting .box a strong{color:#fff;font-weight:500;}
.hosting .box hr{border-color:#ff2e42;width: 79%;margin-top:10px;margin-bottom:10px;}
.hosting .box p{color:#fff;font-weight:600;text-transform:uppercase;}
.grey-bg{background-color:#f5f5f5;}
.bg-act{background-color:#dedcdc;padding:10px 10px;font-size:22px;font-weight:700;color:#333;}
.hosting .normal td{padding:20px 0;font-family: 'Open Sans', sans-serif;font-weight:300;color:#333;font-size:16px;text-align:center;}
.hosting  .add td,.hosting  .add td a{font-weight:300;color:#000;font-size:16px;}
.hosting  .add td{padding: 20px;}
.hosting  table{width:100%;}
.vps .normal td{padding:0px;}
.vps table th,.vps .first{text-align:center !important;}
.vps .first{padding-left:0px !important;}

/*SSL*/
.ssl .organic{background:none !important;height:auto;}
.ssl img{margin-top:9px;}
.ssl-table{margin-bottom:100px;}
.sslt{margin-top:0px;}
.sslt table th, .sslt .first{text-align:center !important;}
.sslt .first{padding-left:0px !important;}

/*Home-Support*/
.home-ready{background:url(../images/home-support-bg.png) top center no-repeat;height:344px;}
.home-ready h2,.home-ready p{text-align:left;}
.home-ready p .btn-default{background-color:#ee7c40;padding: 16px 28px;}
.home-ready p .btn-default:hover{background-color:#ee7c40;color:#fff;border:none;}
.home-ready p.support .btn-default{padding: 16px 50px;}


/*Web Hosting*/
.webp .website-hosting-banner{background:url(../images/website-hosting-banner.webp) top center no-repeat;height:461px;}
.no-webp .website-hosting-banner{background:url(../images/website-hosting-banner.png) top center no-repeat;height:461px;}
.webp .web-hosting{background:url(../images/website-hosting-bg.webp) top center no-repeat;height:auto;padding-top:100px !important;}
.no-webp .web-hosting{background:url(../images/website-hosting-bg.png) top center no-repeat;height:auto;padding-top:100px !important;}
.web-host h2{font-weight:600;color:#333;font-size:24px;text-transform:uppercase;margin-bottom:30px;}
.web-host p{color:#000;margin-bottom:15px;}
.web-host{padding:70px 0;}
.t-left{text-align:right;}

/*Support*/
.webp .support-banner{background:url(../images/support-banner.webp) top center no-repeat;height:461px;}
.no-webp .support-banner{background:url(../images/support-banner.png) top center no-repeat;height:461px;}
.webp .support{background:url(../images/support-bg.webp) top center no-repeat;height:638px;}
.no-webp .support{background:url(../images/support-bg.png) top center no-repeat;height:638px;}
.support ul li{display:flex;margin-bottom: 15px;}
.support .title::after{width: 10%;}
.support-detail p{color:#333;}
.support-detail{background:none;height:auto;}
.support-detail .digital-box .digital-text::before{bottom: 64%;}

/* order-now */
.order-now .main-form{box-shadow:0px 0px 15px 5px #eaeaea; padding:30px; margin:70px 0px;}
.order-now h4{font-weight:600;}
.order-now label{font-weight:600; margin-top:7px;}
.order-now .main-form .form-control{border-radius:2px;background-color:#e0e0e0; margin-bottom:7px;}
.order-now .main-form select{height:40px;}
.order-now .main-form .form-control:focus{border-color:#000; box-shadow:none;}
.order-now .main-form .checkb,.order-now .main-form .btn-default{height:auto;}
.order-now .main-form .padding_0{padding-left:0px;}

/* thankyou */
.thankyou h4{font-weight:600;margin-bottom: 10px;}
.thankyou h6{font-weight:600;margin-bottom: 10px;font-size:22px;}
.thankyou p{font-weight:500;line-height: 30px;}
.thankyou a{color:#000;font-weight:600;}
.thankyou .contactinfo{border:1px solid #eee;padding: 50px 0px 40px 0; margin-top:-20px;}

/* ticket system */
.ticketsystem hr{margin:5px 0px;}
.ticketsystem h4, .ticketsystem h2 {font-weight:600;}
.ticketsystem label{font-weight:600; margin-top:7px;}
.ticketsystem .form-control{border-radius:2px;background-color:#e0e0e0; margin-bottom:7px;}
.ticketsystem input,.order-now .main-form select{height:40px;}
.ticketsystem .form-control:focus{border-color:#000; box-shadow:none;}
.ticketsystem .checkb,.order-now .main-form .btn-default{height:auto;}
.ticketsystem .padding_0{padding-left:0px;}
.ticketsystem .generateticket{box-shadow:0px 0px 10px 2px #eaeaea; padding:30px;}
.ticketsystem .supportin ul li{margin-bottom:5px;}
.ticketsystem .supportin ul li a{color:#000;}
.ticketsystem .supportin ul li a:hover{color:#4d5259; font-weight:600;}


/*Top Section Media Queries*/
@media screen and (max-width: 767px) {
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color: transparent; overflow: hidden;}
    .logo-area .nav > li {padding: 0;text-align: center;}
    .top-angle::after{width: 100%;}
    .navbar-default {background-color: #333; border-color: #036; margin-top: 20px;position: absolute;top: -19px;left: 0;z-index: 99;width: 100%;}
    .logo-area .nav > li {text-align: left;border-bottom: 1px solid #888;}
    .logo-area .nav > li.lastchild{border-bottom:none;}
    .logo-image { width: 100px; margin: 10px auto;}
    .logo-image img{margin: 0 auto;padding-bottom: 15px;}
    .top-bar-social{height: 24px; line-height: 28px;text-align: center;}
    .navbar-default .navbar-nav > li > a{color: #fff;font-weight: 400;}
    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{color: #fff; border-bottom: none;font-weight: 700;}
    .navbar-default .navbar-brand{margin: 15px 0 -15px 15px;padding: 0;color: #fff;}
    .navbar-default .navbar-brand:hover{color: #fff;}
    .navbar-default .navbar-nav > li > a:hover {color: #fff;}
    .navbar-nav > li > a {padding: 15px 40px;}
    .navbar-default .navbar-nav > li.lastclass .btn-default{margin: 0 70px;}
}
@media (min-width: 768px) and (max-width: 991px) {
    .navbar-default .navbar-nav > li > a {font-size: 14px; }
    .navbar-default{margin-top: 24px;}
    .logo-area .nav > li {padding: 0px 0px 25px 8px;}
    .logo-image img{width:100px;}
    .logo-area .nav > li > a{padding: 0 4px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
 .nav > li {padding: 22px 0px 0px 15px;}
 .logo-image img { width: 153px;}
 .navbar-default .navbar-nav > li > a{font-size: 13px;}
 .logo-area .nav > li > a{padding: 10px 11px;}
}

/*Media Queries*/
@media screen and (max-width: 400px) {
    .home-about .btn-default{margin-bottom: 12px;}
    .contact-form h1::after {top: 93px;}
    .server-content .job-box img {top: 79%;left: 66%;}
    .back-end h1::after,.social h1::after,.about-what h1::after{top: 84px;}
    .portfolio .portfolio-content {margin-top: -88%;}
}

@media screen and (min-width: 401px) and (max-width: 767px) {
    .server-content .job-box img {top: 45%;left: 72%;}
    .contact-form h1::after {top: 85px;}
    .portfolio .portfolio-content{margin-top: -313px;}
    .about-what h1::after{top: 95px;}
}
    


@media screen and (max-width: 767px) {
    .footer h5{position:relative;}
    .support-btn{background-color:transparent;height:unset;margin:0;padding:0;}
    .video-text h1{font-size: 30px;margin-bottom: 10px;}
    .video-text h3{font-size: 20px;}
    .webp .counter-bg, .no-webp .counter-bg{margin-top: -6px;background-image:none;background-color:#4d5258;height:auto;}
    .webp .home-about , .no-webp .home-about{background-image:none;height:auto;}
    .home-about h1::after{top: 97px;}
    .webp .get-website, .no-webp .get-website{padding: 50px 0;}
    .footer h5{margin-top: 28px;}
    .support-btn a{font-size: 9px;}
    .inner-banner .banner-title{padding-top: 41%;}
    .server .nav-tabs > li {margin-bottom: 20px;}
    .server-content .title-box h3 {padding: 0 10px;}
    .server-content .job-box {padding: 20px 0 41px 25px;}
    .server-content .job-box ul li{display:flex;}
    .contact .contact-text{margin-bottom:30px;}
    .contact-form .m-top .form-control{margin-bottom:20px;}
    .webp .contact-job, .no-webp .contact-job{background-image:none;height:auto;background-color:#351216;}
    .contact-form .btn-default{margin-bottom:20px;}
    .contact-job-right{margin:40px 0;}
    .carrer {margin-top: -38%; margin-bottom: -39%;}
    .executive{margin-top: -50%;margin-bottom:0px;}
    .carrer h1::after{top: 82px;left: 4%;}
    .career-video {margin-top: -10%;}
    .job-vacancy .job-box{padding: 17px;}
    .hr-bottom{display:none;}
    .job-vacancy{margin-bottom:80px;}
    .job-vacancy-margin h1::after{top: 65px;left: 39%;width: 17%;}
    .mobile-apps .digital-box {margin-bottom:40px;}
    .mobile-apps-bg{margin-top: -34%;}
    .webp .ready {background-image: none;height: auto;background-color: #351216;}
    .no-webp .ready {background-image: none;height: auto;background-color: #351216;}
    .webp .ios-app,.no-webp .ios-app,.webp .back-end,.no-webp .back-end,.webp .google, .no-webp .google,.webp .support, .no-webp .support,.webp .about-what, .no-webp .about-what,.webp .meet-us, .no-webp  .meet-us{background-image:none;height:auto;}
    .webp .organic, .no-webp .organic{background-position: -120px;height:auto;}
    .webp .android, .no-webp .android{background-position-x: 93%;}
    .webp .digital-bg, .no-webp .digital-bg{display:none;}
    .webp .social , .no-webp .social{background-position-x: 69%;height:auto;}
    .support-detail{padding-top:30px;padding-bottom:0;}
    .support-detail .digital-box .digital-text{padding: 20px 10px;}
    .support-detail .digital-box .digital-text::before{bottom: 95%;}
    .portfolio .port-tabs .nav-tabs{margin-left: 8%;}
    .portfolio .port-tabs .nav-tabs > li > a{padding: 10px 4px;}
    .portfolio .port-tabs .nav-tabs > li > a::after{margin-left: 7px;}
    .portfolio .portfolio-bottom{margin-top: -50%;}
    .about-what p {padding-right: 0px;}
    .timeline .title{color:#fff;}
    .timeline{padding-top:50px;background-position-x: 65%;}
    .timeline h3{color:#fff;text-align:center;font-weight:600;font-size:26px;margin-bottom:20px;}
    .meet-us .title::after {width: 21%;top: 124px;}
    .alliance .title::after {top: 62px;}
    .alliance .title {margin-top: -25px;}
    .awards{margin-bottom:0px;}
    .webp .home-service, .no-webp .home-service{background-image:none;height:auto;}
    .webp .service-cloud{background:url(../images/service-cloud.webp) top center no-repeat;margin: 0 auto;margin-bottom:20px;}
    .no-webp .service-cloud{background:url(../images/service-cloud.png) top center no-repeat;margin: 0 auto;margin-bottom:20px;}
    .support-btn a{margin-right:0;}
    .logo-area{height: 187px;}
    .footer{text-align: center;}
    .contact-info p{display:block;}
    .icon-box p{margin-bottom:50px;}
    .mobile-apps .digital-box .digital-text::before{bottom: 60px !important;} 
    .btn-css { margin: 50px 0;}
    .digital-box img{width:100%;}
    .digital .digital-box .digital-text::before { bottom: 194px;}
    .contact .contact-icon{margin: 0 auto;}
    .contact .contact-text{text-align:center;}
    .thankyou .contactinfo{margin-top:50px;}
    .support-detail .digital-box .digital-text::before {bottom:0 !important;}
    .video-text { top: 320px;}
    .clients .owl-prev{left: -16px;}
    .clients .owl-next{right: -16px;}
    .home-ready h2, .home-ready p{text-align:center;}
    /*.testimonial-clients{background:url(../images/testimonial-bg.png) top center no-repeat;height:auto;background-attachment:initial;}*/
    .portfolio .tab-content img{width: 100%;}
    .webp .support-banner , .no-webp .support-banner{background-position-x: 16%;}
    .what-we-do .design{padding-top:30px;}
    .webiste-icons .icon-box .small-circle{left: 58%;}
    .digital-xs .digital-box .digital-text::before{display:none;}
    .webp .portfolio-banner, .no-webp .portfolio-banner{background-position: 33%;}
    .webp .hr-executive-banner, .no-webp .hr-executive-banner{background-position-x: 59%;}
    .web-host {padding: 30px 0;}
    .server .nav-tabs > li > a {width: 324px;}
    .footer h5::after {left: 0; right: 0; margin: 0 auto;}
    .padding_100{padding:60px 0;}
    .what-we-do i , .design .accordion_toggle_active .fa-angle-up{display:none;}
    .counter .countericon { margin: 0px;}
    .home-banner video{margin-top:0;}
    .digital {padding-top: 50px;}
    .job-vacancy-margin{margin-top: -50%;}
    .support{padding-top:0;}
    .clients .client-logo::after{display:none;}
    }

@media (min-width: 768px) and (max-width: 991px) {
    .support-btn a{font-size: 8px;}
    .support-btn{padding: 9px 0 0 12px;}
    .top-bar-social a{margin-right: 9px;}
    .inner-banner .banner-title{padding-top: 25%;}
    .server .nav-tabs > li > a {width: 275px;}  
    .server-content .title-box h3 {padding: 0 20px;} 
    .server-content .job-box {padding: 20px 0 41px 25px;}
    .server-content .job-box img {top: 80%;left: 68%;}
    /*.logo-area .nav > li > a {padding: 18px 3px;}*/
    .contact-form h1::after {top: 84px;}
    .webp .contact-job , .no-webp .contact-job{padding-top: 50px;}
    .job-vacancy .title-box h2{font-size: 23px;}
    .executive,.carrer  {margin-top: -26%;margin-bottom: -30%;}
    .carrer h1::after{top: 85px;left: 5%;}
    .job-vacancy .job-box{padding: 17px;}
    .job-vacancy-margin{margin-top: -28%;margin-bottom: -25%;}
    .back-end h1::after {top: 84px;}
    .mobile-apps .digital-box .digital-text::before{bottom: 40%;width: 88.6%;}
    .digital .digital-box .digital-text::before{width: 87.6%;bottom: 71%;}
    .webp .digital-bg, .no-webp .digital-bg{margin-top: -46%;}
    .social h1::after{top: 84px;}
    .support-detail .digital-box .digital-text{padding: 18px;}
    .portfolio .tab-content .text h4{font-size: 19px;}
    .webp .meet-us, .no-webp .meet-us{background-image:none;height:auto;}
    .about-what .title::after{top: 84px;}
    .about-what .title{margin-bottom: 27px;}
    .about-what{padding:50px 0;}
    .year{margin-right: 0px;}
    .year::after{left: 77.5%;}
    .alliance .title::after{width: 35%;}
    .awards .title::after{width: 9%;}
     .awards{margin-top:-15%;}
     .home-about h1{margin-bottom: 35px;}
     .home-about h1::after{top: 80px;}
     .home-about p strong{font-size: 15px;}
     .home-about a{margin-right:0;}
     .webp .home-service, .no-webp .home-service{background-image:none;height:auto;}
    .webp .service-cloud{background:url(../images/service-cloud.webp) top center no-repeat;margin: 0 auto;margin-bottom:20px;}
    .no-webp .service-cloud{background:url(../images/service-cloud.png) top center no-repeat;margin: 0 auto;margin-bottom:20px;}
    .home-ready{padding:60px 0;}
    .video-text h1{font-size: 60px;}
    .video-text h3{font-size: 30px;}
    .video-text img{margin-top: 17%;}
    .support-btn a{margin-right:9px;}
    .support-btn a::after{display:none;}
    .home-banner video{margin-top:0;}
    .support-btn a i{margin-right: 6px;}
    .mobile-apps .digital-box .digital-text::before {bottom: 87px !important;}
    .webp .testimonial-clients, .no-webp .testimonial-clients{background:url(../images/testimonial-bg.png) top center no-repeat;height:auto;background-attachment:initial;}
    .portfolio .portfolio-content {margin-top: -350px;}
    .logo-area{height:auto;}
    .video-text{top: 296px;}
    .clients .owl-prev{left: -26px;}
    .clients .owl-next{right: -26px;}
    .alliance .title{margin-top:0;}
    .padding_100{padding: 65px 0;}
    .title{margin-bottom: 60px;}
    
}

@media (min-width: 992px) and (max-width: 1199px) {
    .logo-image img {width: auto;}
    .server .nav-tabs > li > a {width: 352px;}
    .server-content .job-box img{top: 49%;left: 74%;}
    .server-content .job-box {padding: 20px 0 40px 30px;}
    .carrer h1::after{top: 82px;}
    .job-vacancy-margin {margin-top: -19%; margin-bottom: -16%;}
    .mobile-apps .digital-box .digital-text::before{bottom: 28%;width: 91.2%;}
    .digital .digital-box .digital-text::before{width: 90.6%;bottom: 58%;}
    .webp .digital-bg, .no-webp .digital-bg{margin-top: -34%;}
    .support-detail .digital-box .digital-text::before{bottom: 74%;}
     .about-what h1::after{top: 88px;}
     .year{margin-right: 22px;}
     .year::after{left: 69%;}
     .event .title::after {width: 8%;}
     .support-btn{padding: 9px 0 0 20px;}
     .video-text h1{font-size: 90px;}
     .video-text img{margin-top: 22%;}
     .home-about h1::after{top:100px;}
     .service-cloud5 { margin-top: 89px;  margin-left: 133px;}
     .service-cloud2{ margin-top: 89px;}
     .ready h2{font-size: 28px}
    .support-btn a{margin-right: 23px;font-size: 10.5px;}
}