@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');
body{ margin:0; font:normal 100% 'ProximaNova-Regular', sans-serif;  width:100%; overflow-x: hidden; } 
.text-green{ color:#6fb67c;}
.font-semibold{ font-weight:600;}
.mt-20{ margin-top:20px;}
/* ---- particles  container ---- */ 
.hero-section{display:block; margin: 0; padding: 0; position: relative; z-index: 1; padding-top: 0px; }
.hero-section-home{ background: url(../Sarvika/images/dotted-map.svg) center center no-repeat; }
.hero-section-contact{background: url(../Sarvika/images/contact-us.png) center center no-repeat;}
canvas{ display: block; vertical-align: bottom; } 
#particles-js,#particle-js{ position:absolute; width: 100%; height: 100%; background-image: url(""); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; z-index: -1; top:0;} 
.header-navbar {
	position: relative;
	left: 0;
	right: 0;
	top: 0;
	box-shadow: 0 0 5px #ddd;
	z-index: 9;
	background: #FFF;
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
}
.header-navbar .bg-light{background-color:transparent!important; padding:0!important;}
.header-navbar .navbar-light .navbar-nav>.menu-item:not(:first-child){ padding-left:1rem;}
.header-navbar .navbar-light .navbar-nav .nav-link,
.header-navbar .navbar-light .navbar-nav .menu-item>a{ font-size:18px; color:#000; font-weight: bold; position: relative;padding: .5rem .2rem; display: block;} 
.header-navbar .navbar-light .navbar-nav .menu-item>a:hover,
.header-navbar .navbar-light .navbar-nav .menu-item>a:focus{ text-decoration: none;}
.header-navbar .navbar-light .navbar-nav .menu-item>a:before{ content:''; height: 2px; width: 0px; position: absolute; left: 0; right:0; bottom: 0; background: #6fb67c; transition: all 0.5s ease-in-out;} 
.header-navbar .navbar-light .navbar-nav .menu-item:hover>a:before,
.header-navbar .navbar-light .navbar-nav .menu-item.current-menu-item>a:before{ content:''; width: 100%; }
.header-navbar .navbar-light .navbar-nav .menu-item.menu-item-has-children{ position:relative; padding-right:14px;}
.header-navbar .navbar-light .navbar-nav .menu-item.menu-item-has-children:before{content: "\f107"; font-size: 1.2em; font-family: FontAwesome; position: absolute; right: 3px; top:10px;}
.menu-menu-container{ display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0;list-style: none;  -ms-flex-direction: row; flex-direction: row;}
.header-navbar .navbar-light .navbar-nav .menu-item .sub-menu { position: absolute; top: 100%; z-index: 999; left: -40px;  opacity: 0; visibility: hidden; box-shadow: 0 2px 12px rgba(136, 136, 136, 0.26); background: #ffffff; padding: 15px 0; list-style: none; min-width:250px; display:none;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
    transition-duration: 200ms;
    transition-timing-function: linear;
    transition-property: opacity, visibility, -webkit-transform;
    transition-property: transform, opacity, visibility;
    transition-property: transform, opacity, visibility, -webkit-transform;
}
.header-navbar .navbar-light .navbar-nav .menu-item:hover .sub-menu {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    visibility: visible;
    opacity: 1; display:block;
}
.newsletter-wrap button, .newsletter-wrap a{
    background: #28a745!important;
    border: #28a745!important;
}
.header-navbar .navbar-light .navbar-nav .menu-item.menu-item-has-children .sub-menu li>a{font-size:16px; color:#000000; text-transform: none;  font-weight: bold; position: relative; padding: .5rem; display: block;}
.header-navbar .navbar-light .navbar-nav .menu-item.menu-item-has-children .sub-menu li>a:hover,
.header-navbar .navbar-light .navbar-nav .menu-item.menu-item-has-children .sub-menu li>a:focus,
.header-navbar .navbar-light .navbar-nav .menu-item.menu-item-has-children .sub-menu li.current-menu-item>a{ color:#6fb67c;}
.header-navbar .navbar-light .navbar-nav .menu-item.menu-item-has-children .sub-menu li.current-menu-item>a:before{ display:none;} 

.main-wraper{ display:block; margin: 0; padding: 0;  }
#hero-slider{ position: relative; z-index: 1; margin-top:0px; }
#hero-slider .carousel-item{ height:600px;}
#hero-slider .carousel-caption{ color:#000000; bottom:auto; top:50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); left: 10%; right: 10%;  }
#hero-slider .carousel-caption h1{ font-size:48px; font-weight: 600; }
#hero-slider .carousel-caption h3{ font-size:28px; font-weight: normal;}
#hero-slider .carousel-caption .btn{ font-size:18px; font-weight: normal; padding: 9px 20px 8px; margin-top:15px;  }
#hero-slider .carousel-control-next, 
#hero-slider .carousel-control-prev{ font-size:3em; color:#000000;}

/*typed css*/
.typed{font-size: 34px; color: #fff; font-weight: bold; margin: 0; padding: 0; min-height: 40px;}

/*Button css*/
.btn{ border-radius: 0; box-shadow: 0 3px 10px rgba(10,11,13,0.35); font-size: 18px; padding: 9px 20px 8px;}
.btn-green{ border: solid 1px #6fb67c; color: #fff; background: #6fb67c;}
.btn-green:hover,
.btn-green:focus{ border: solid 1px #35ce89; color: #fff; background: #35ce89; }
.btn-green:focus{ box-shadow: 0 0 0 0.2rem rgba(43,189,123,.25)}
.btn-green-outline{ border: solid 1px #6fb67c; color: #262d32; background:#fff; box-shadow: inset 0 0 0 1px #6fb67c}
.btn-green-outline:hover,
.btn-green-outline:focus{ border: solid 1px #6fb67c; color: #fff; background: #6fb67c; }
.btn-green-outline:focus{ box-shadow: 0 0 0 0.2rem rgba(43,189,123,.25);}
/* How we do section*/
.mission-section{ display:block; margin: 0; padding: 60px 0; /* background:url(../Sarvika/images/grid.png) repeat #f9f9f9; */}
.mission-title{ display:block; margin: 0 0 30px; padding: 0;  }
.mission-title h2{display:block; margin: 0; padding: 0; font-size: 30px; font-weight: bold; letter-spacing: 1px;}
.mission-section .counter {  padding: 30px 15px 0px 15px;}
.mission-section .counter h2{font-size:26px;font-weight:800;}
.mission-section .counter p { font-size: 12px; letter-spacing: 2px; color: gray;}
.about-mission p {font-size: 16px; line-height: 28px; color: #757474; text-align: justify;}
.green-link{ color:#6fb67c; font-size: 18px;  }
.green-link:hover,.green-link:focus{ text-decoration:underline; color:#6fb67c;}
.black-link{ color:#262d32; font-size: 18px; text-decoration:underline; }
.black-link:hover,.black-link:focus{ text-decoration:underline; color:#37b97d;}
.font-bold{ font-weight:bold;}
/* We mean universal css*/
.we-mean-universal{ display: block; margin: 0; padding: 150px 0; background:url(../Sarvika/images/paralax.jpg) no-repeat; background-position: center;    background-size: cover; position: relative; z-index: 1;}
.we-mean-universal:before{ content: ''; background:rgba(38, 45, 50, 0.8) no-repeat; position: absolute; top:0; bottom: 0; left: 0; width: 100%; z-index: -1;}
.universal-text{ display:block; margin: 0; padding: 0; text-align: center;}
.universal-text h1{ font-size:82px; font-weight: bold; color: #fff; margin: 0; padding: 0;}
.universal-text h1 span{ text-transform:uppercase; color: #6fb67c;}
.universal-text h3{font-size:34px; color:#fff; font-weight: bold; margin: 0; padding: 0; min-height: 40px;}
#typewriter-suffix{ width:2px; background:#fff; height: 32px; display:inline-block; vertical-align: top; margin:2px 0 0 5px;}
/* Services section css*/
.services-wraper{ display: block; background: #fefefe; position: relative; padding: 60px 0;}
.services-wraper:before{content: ''; width:250px; height: 534px; background: url(../Sarvika/images/services-left.png) no-repeat; position: absolute; left: 0; top: 0; z-index: 0;}
.services-wraper:after{ content: ''; width:302px; height: 534px; background: url(../Sarvika/images/services-right.png) no-repeat; position: absolute; right: 0; bottom: 0; z-index: 0;}
.service-title{ display:block; margin: 0; padding: 0; position: relative;}
.service-title:before { background-image: url(../Sarvika/images/services-ttl.png); background-repeat: no-repeat; content: ""; height: 124px; position: absolute; left: -44px; transition: all 0.3s ease 0s; width: 162px;  top: -22px; opacity: 0.8;}
.service-title h2{ font-size: 30px; color: #272e33; font-weight: bold; text-transform: uppercase; margin: 0; padding: 0;}
.service-title-info{ display:block; margin: 0; padding: 0; position: relative;}
.service-title-info p{ color: #73787d; font-size: 16px; line-height: 22px; text-align: justify;}
.service-block { display: block; margin: 30px 0 0; border: 1px solid #e4e4e4; padding: 30px 40px 30px 40px; transition:all .3s ease-in-out; position: relative;}
.service-block:hover{ background:#fff; box-shadow:0px 10px 60px 0px rgba(195, 195, 195, 0.86); border:1px solid transparent;  }
.service-block:after{ content: ''; height: 2px; background: transparent;  position: absolute; bottom: -1px; left: -1px;  right: -1px; transition: all 0.5s ease-in-out; }
.service-block:hover:after{ background: #6fb67c;}
.service-block .service-text h4 { margin-bottom: 15px; font-size: 20px; color:#333; font-weight: 600;  }
.service-block .service-text h4 a{color:#333; }
.service-block .service-text h4 a:hover{ color:#333; text-decoration: underline;}
.service-block .service-text p {line-height: 22px;margin-bottom: 0px 0 10px;}
.service-block .service-text a.green-link:hover,
.service-block .service-text a.green-link:focus{ text-decoration: none;}
.service-block .service-text a.green-link i{ margin-left: 0px; transition:all .3s ease-in-out; vertical-align: middle;}
.service-block .service-icon{ display:block; margin: 0 0 20px; padding: 0; font-size: 3.5em; color: #fff; transition:all .3s ease-in-out;}
.service-block:hover .service-icon{color:#fff;}
.service-block:hover .service-text a.green-link i{ margin-left: 5px; }

.service-block .service-icon {text-align: center;display: flex;align-content: center;align-items: center;justify-content: center;width: 96px;height: 96px;margin:0 0 20px;position: relative;background-color: #b9b9b9; border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;box-shadow: 15px 15px 50px rgba(0, 0, 0, 0.15);animation: one-animated 10s infinite; overflow: hidden;}

@keyframes one-animated {
    0% { border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
    box-shadow:15px 15px 50px rgba(0, 0, 0, 0.15); }
    25% { border-radius: 58% 42% 75% 25% / 76% 46% 54% 24%; }
    50% { border-radius: 50% 50% 33% 67% / 55% 27% 73% 45%;
    box-shadow:-10px -5px 50px rgba(0, 0, 0, 0.15); }
    75% { border-radius: 33% 67% 58% 42% / 63% 68% 32% 37%; }
}
@keyframes two-animated {
    0% { border-radius: 70% 30% 30% 70% / 70% 70% 30% 30%;
    box-shadow:15px 15px 50px rgba(0, 0, 0, 0.15); }
    25% { border-radius: 40% 80% 30% 90% / 72% 65% 35% 28%; }
    50% { border-radius: 65% 35% 45% 55% / 22% 48% 52% 78%;
    box-shadow:-10px -5px 50px rgba(0, 0, 0, 0.15); }
    75% { border-radius: 24% 76% 10% 90% / 44% 68% 32% 56%; }
}
@keyframes three-animated {
    0% { border-radius: 12% 88% 40% 40% / 20% 15% 85% 80%;
    box-shadow:15px 15px 50px rgba(0, 0, 0, 0.15); }
    25% { border-radius: 72% 28% 30% 90% / 15% 46% 54% 85%; }
    50% { border-radius: 12% 88% 40% 40% / 20% 15% 85% 80%;
    box-shadow:-10px -5px 50px rgba(0, 0, 0, 0.15); }
    75% { border-radius: 18% 82% 10% 90% / 24% 68% 32% 76%; }
}
.women-name {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}
footer .social-share .fa {
font-family: FontAwesome;
}

/*Agile process css*/
.agile-wraper{ display:block; margin: 0; padding:100px 0; background: #fff;}
.agile-title{ display:block; margin: 0 0 20px; padding: 0; position: relative; text-align: center;line-height: 22px;}
.agile-title h1{ font-size:30px; color:#262d32; font-weight: bold; margin: 0 0 35px; padding: 0;}
.agile-title p{ font-size: 18px; color:#666666; margin: 0; padding: 0; line-height: 22px;}
.agile-process{ display:block;margin: 0 !important; padding: 0; text-align: center;}
.agile-process img{ max-width:100%;}
.how-agile-work{ display:block; position:relative; margin: 50px 0 100px; padding: 0 0 10px; font-size: 24px; color:#383737;  text-transform: uppercase;}
.how-agile-work:before{ content: ''; position: absolute; left: 50%; width:54px; bottom: 0; margin-left: -27px; background: #bb3636; height: 4px;}
.agile-process ul li { background: #f7f7f7;  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.25), 0 2px 10px 0 rgba(0,0,0,0); }
.agile-process ul li a { border-radius: 0 !important; padding: 16px; border: none !important; color: #333; position: relative;}
.agile-process ul li a.active { background: none !important; color: #6fb67c; }
.agile-process ul li a.nav-link:after{ content: ''; height: 3px; background: #37b97d; width: 0px; position: absolute; bottom: -2px; left: 0; transition: all 0.5s ease-in-out;} 
.agile-process ul li a.nav-link:hover:after,
.agile-process ul li a.nav-link.active:after{ content: '';  width: 100%; }
/*blog css*/
.blog-wraper{ display:block; margin: 0; padding:0px; background:#f8f8f8; position: relative; z-index: 0;}
.blog-wraper-inner{display:block; margin: 0; padding:60px 170px;  position: relative; z-index: 2; background: url(../Sarvika/images/drone-dotted-map-1.png) no-repeat center center;}
.latest-blog-list{display:block; margin: 0 auto; padding: 0 70px 90px 0;  }
.blog-title{ display:block; margin: 0 0 60px; padding: 0; position: relative; text-align: center;}
.blog-title h1{ font-size:30px; color:#262d32; font-weight: bold; margin: 0 0 35px; padding: 0;}
.blog-title p{ font-size: 18px; color:#666666; margin: 0; padding: 0; line-height: 22px;}
.post-wraper{ display:flex; margin: 0; padding: 0; background:#f9f9f9; position: relative;}
.post-media{ display:block; margin: 0; padding: 0; width:170px; transition: opacity 0.5s ease-in-out;}
.post-wraper:hover .post-media{ opacity: 0.5;}
.post-detail{ display:block; padding: 15px; }
.post-detail h5{ font-size:14px; margin: 10px 0 10px; color:#666666;}
.post-detail h1{ font-size:22px; margin: 0 0 15px; }
.post-detail p{ font-size:16px; line-height: 22px; color:#666666; text-align: justify;}
.blog-sub-title{ display:block; margin: 0; padding: 0;}
.blog-sub-title h2{font-size:24px; color:#262d32; font-weight: bold; margin: 0 0 35px; padding: 0;}
.blog-wraper-inner .latest-post-selection-slider-wrap{ overflow:visible;}
.blog-wraper-inner .slick-next:before, .blog-wraper-inner .slick-prev:before{ color:#000;}
.blog-wraper-inner .latest-post-selection-slider-wrap .slick-prev{ height: 42px; width:42px; top:auto; bottom:-90px; left:50%!important; background: #c7c7c7; opacity: 1; transform: translate(0,0); -webkit-transform: translate(0,0); margin-left:-50px;}
.blog-wraper-inner .latest-post-selection-slider-wrap .slick-next{ height: 42px; width:42px; top:auto; bottom:-90px; left:auto; right:50%!important; background: #c7c7c7; opacity: 1; transform: translate(0,0); -webkit-transform: translate(0,0); margin-right:-50px;}
.blog-wraper-inner .latest-post-selection-slider-wrap .slick-prev:before,
.blog-wraper-inner .latest-post-selection-slider-wrap .slick-next:before{ height: 42px; width:42px; line-height: 38px; color:#fff;}
.blog-wraper-inner .latest-post-selection-slider .slick-list{ height:auto!important;}
.blog-wraper-inner .latest-post-selection-slider .img-wrap{ max-height: auto; width:100%; display:block; text-align: center;}
.blog-wraper-inner .latest-post-selection-slider .slick-slide{ visibility: hidden; box-shadow: 0 0 5px #ddd;}
.blog-wraper-inner .latest-post-selection-slider .slick-slide.slick-active{ visibility: visible; opacity: 1; transform: scale(0.85); -webkit-transform: translateZ(0) scale(0.85, 0.85); transition: all 0.3s ease-in-out 0s; overflow: hidden;}
.blog-wraper-inner .latest-post-selection-slider .slick-slide.slick-active.slick-center{ visibility: visible; transform: scale(1); -webkit-transform: translateZ(0) scale(1, 1); opacity: 1;}
.blog-wraper-inner .latest-post-selection-slider .slick-slide.slick-current.slick-center{ visibility: visible;}
.blog-wraper-inner .latest-post-selection-slider .slick-slide a{ background: #fff; display:block; padding: 0px; border: 1px solid #ddd; min-height: 120px;}
.blog-wraper-inner .latest-post-selection-slider .slick-slide .overlay{ background: #fff; color:#333; font-size: 16px; line-height: 22px; width: 100%; position: static; padding: 15px; display: block!important; min-height: 200px;}
.blog-wraper-inner .latest-post-selection-slider .slick-slide .overlay h3{ color:#333; font-size: 18px; font-weight: 600; line-height: 24px; text-align: left;}
.blog-wraper-inner .latest-post-selection-slider .slick-slide a:hover{ text-decoration: none;}
/*RSS feed css*/
.blog-wraper h3{ font-size:24px; line-height:30px; margin: 0px;}
.blog-wraper h4{ font-size:20px; line-height:28px; margin: 10px 0 50px; color:#868686;}
.rss-aggregator{ display:block; margin: 0; padding: 0px; }
.rss-aggregator li{ display:block; margin: 0 0 15px!important; padding: 20px; font-size:16px; line-height: 22px; text-align: left; border:1px solid #ddd; background: #fff;}
.rss-aggregator li>a[rel="nofollow"]{ display:block;  color:#323232; font-size:20px; line-height: 26px;}
.rss-aggregator li a:hover{ color:#6fb67c;}
.rss-aggregator li .feed-source{ font-size: 16px;}
.rss-aggregator li .feed-source a[rel="nofollow"]{ display:inline-block; color:#323232;}
.rss-aggregator li .feed-date { font-size: 14px; font-style: italic; color:#898989;}
.rss-aggregator li .wprss-time-ago {font-size: 14px; font-style: italic; color:#898989;}
.latest-items-list{ display:block; margin: 0 auto; padding: 0 0 70px; max-width:100%;}
.latest-openig{ display:block; margin: 0; padding:0px;  }
.latest-openig .opening-list{ display:block; margin: 0 0 10px; padding: 0; font-size:16px; line-height: 22px; text-align: left; position: relative; background: #fff; box-shadow: 0 0 5px #ddd;}
.latest-openig .opening-list:before{ content: ''; top:0; bottom: 0; left: 0; position: absolute;width: 3px; background: #38b87d;}
.latest-openig .opening-list a{ display:block; margin:0px; padding: 20px 15px 20px 30px;}
.latest-openig .opening-list a:hover{ text-decoration: none;}
.latest-openig .opening-list .opening-ttl{ display:block;  color:#323232; font-size:20px; line-height: 26px; margin: 0; font-weight: bold;}
.latest-openig .opening-list .opening-exp{ display:block;  color:#868686; font-size:16px; line-height: 22px; margin: 15px 0 0;}
.latest-openig{}
.blog-wraper-inner .latest-openig .slick-prev{ height: 42px; width:42px; top:auto; bottom:-56px; left:50%!important; margin-left:-50px; background: #c7c7c7; opacity: 1; transform: translate(0,0); -webkit-transform: translate(0,0);}
.blog-wraper-inner .latest-openig .slick-next{ height: 42px; width:42px; top:auto; bottom:-56px; left:auto; right:50%!important; margin-right:-50px; background: #c7c7c7; opacity: 1; transform: translate(0,0); -webkit-transform: translate(0,0);}
.blog-wraper-inner .latest-openig .slick-prev:before,
.blog-wraper-inner .latest-openig .slick-next:before{ height: 42px; width:42px; line-height: 38px; color:#fff; transform: rotate(-90deg); -webkit-transform: rotate(-90deg);} 
.blog-wraper-inner .latest-openig .slick-slide{ border:none;  visibility: hidden; } 
.blog-wraper-inner .latest-openig .slick-slide.slick-active{ border:none;  visibility: visible;  } 
#theme-banner-four .shape-one {
    position: absolute;
    right: 15%;
    top: 145px;
    z-index: 0;
    opacity: .65;
    width: 10px;
    height: 10px;
    border: 3px solid #d5befd;
    border-radius: 50%;
}
 
#theme-banner-four .round-shape-one {
    width: 15px;
    height: 15px;
    border: 3px solid #64d1ff;
    border-radius: 50%;
    position: absolute;
    top: 15%;
    left: 36%;
    animation: animationFramesOne 15s infinite linear
}

#theme-banner-four .round-shape-two {
    width: 7px;
    height: 7px;
    background: #91f0ff;
    border-radius: 50%;
    position: absolute;
    top: 23%;
    left: 8%;
    animation: animationFramesTwo 13s infinite linear
}

#theme-banner-four .round-shape-three {
    position: absolute;
    width: 15px;
    height: 15px;
    border: 2px solid #a3eead;
    border-radius: 50%;
    bottom: 42%;
    left: 6%;
    animation: animationFramesTwo 15s infinite linear
}

#theme-banner-four .round-shape-four {
    position: absolute;
    right: 26%;
    bottom: 20%;
    width: 10px;
    height: 10px;
    border: 3px solid #fe8f8f;
    border-radius: 50%;
    animation: rotated 10s infinite linear
}

#theme-banner-four .round-shape-four:before {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    top: -200px;
    left: -200px;
    background: #ddabf6;
    border-radius: 50%
}
#theme-banner-four .round-shape-five {
    width: 8px;
    height: 8px;
    background: #ffd287;
    border-radius: 50%;
    position: absolute;
    left: 8%;
    top: 11%;
    animation: animationFramesOne 15s alternate infinite linear
}
#theme-banner-four .round-shape-six {
    width: 12px;
    height: 12px;
    background: #fdbefb;
    border-radius: 50%;
    position: absolute;
    left: 38%;
    top: 80%;
    animation: animationFramesOne 15s alternate infinite linear
}

#theme-banner-four .round-shape-seven {
    position: absolute;
    right: 30%;
    top: 170px;
    opacity: .7;
    width: 15px;
    height: 15px;
    background: #ffb96e;
    animation: rotatedHalfTwo 15s alternate infinite linear;
    z-index: -1
}

#theme-banner-four .round-shape-eight {
    position: absolute;
    left: 100px;
    top: 35%;
    opacity: .6;
    width: 15px;
    height: 15px;
    border: 3px solid #ffb96e;
}

#theme-banner-four .round-shape-nine {
    position: absolute;
    width: 15px;
    height: 15px;
    border: 2px solid #ffe49f;
    border-radius: 50%;
    left: 27%;
    top: 75%;
    animation: animationFramesOne 12s alternate infinite linear
}

/* blog detail page*/
.blog-banner {
	display: block;
	margin: 0 auto;
	padding: 0px 15px;
	text-align: center;
	max-width: 1140px;
}
.blog-banner img{width:100%;}
.bloger-info{ display: block; margin: 0; position: absolute; left: 30%; right:30%; top:15%; }
.bloger-dp{ display:block; margin: 0 auto; padding: 0; width: 200px; height: 200px; border-radius: 100%; overflow: hidden;}
.bloger-dp img{ max-width:100%;}
.bloger-name{ display:block; margin: 25px 0 0; padding: 0; font-size: 20px; color:#fff;}
.bloger-name span{ font-weight:600;}
.blog-banner h1{margin: 25px 0 0; padding: 0; font-size: 30px; color:#fff; line-height: 38px;}
.blog-publish-date{ display:block; margin: 20px 0 0; padding: 0; font-size:16px; color:#fff;}
.blog-detail-content{ display:block; margin: 0; padding: 0;}
.blog-detail-content h2{ font-size:30px; line-height: 36px; margin: 0 0 15px; padding: 0; font-weight: 600;}
.blog-detail-content h3{ font-size:26px; line-height: 32px; margin: 0 0 15px; padding: 0; font-weight: 600; }
.blog-detail-content h4{ font-size:22px; line-height: 28px; margin: 0 0 15px; padding: 0;}
.blog-detail-content p{ font-size:20px; line-height: 160%; margin: 0 0 15px; padding: 0; text-align: justify;}
.blog-detail-content ul{ display:block; margin: 10px 0; padding: 0 0 0 30px;}
.blog-detail-content ul li{ display:block; font-size: 16px; line-height: 22px; margin: 0 0 10px; padding: 0; text-align: justify; position: relative;list-style: none;}
.blog-detail-content ul li:before { background: rgba(148, 148, 148, 0.26); content: ""; position: absolute; left: -26px; top: 7px; width: 10px; height: 10px; border-radius: 50%; padding: 8px;}
.blog-detail-content ul li:after{ background: #949494;content: ""; position: absolute; left: -22px; top: 11px;width: 8px;height: 8px; border-radius: 50%;}
.blog-wraper-inner2{display:block; margin: 0; padding:0px;  position: relative; z-index: 2; background: none;}
.blog-wraper-inner p {
	font-size: 20px;
	line-height: 160%;
	color: #333;
    font-weight: 300;
}
.blog-wraper-inner2 .latest-blog-list{ padding-right:0;}
.blog-detail-content  blockquote{    background: #f5f5f5; border-left: 4px solid #a0ce4e; padding: 15px; font-style:italic;}
/*Learn about css*/
.learn-about-wraper{display:block; margin: 0; padding:60px 0; background: url(../Sarvika/images/ecommfy-logo.png) no-repeat center center #fefefe;}
.learn-about-title{ display:block; margin: 0 0 50px; padding: 0; position: relative; text-align: center;}
.learn-about-title h1{ font-size:30px; color:#262d32; font-weight: bold; margin: 0 0px; padding: 0; text-transform: uppercase;} 
.learn-more-info{ display:block; margin:0px 0 0; padding: 0; text-align: center;}
.learn-more-info h3{font-size:22px; color:#262d32; font-weight: bold; margin: 0 0 15px; padding: 0;  }
.learn-more-info p{ font-size: 16px; color:#666666; margin: 0 0 25px; padding: 0; line-height: 22px;}
.learn-more-info .btn-green{ box-shadow:none;}
.learn-more-info .btn{ padding:8px 20px;}
/*team css*/
.team-wraper{display:block; margin: 0; padding:30px 0; background: #262d32;}
.team-wraper h2{ font-size:30px; color:#2bbd7b; font-weight: bold; margin: 0 0px; padding: 0; text-transform: uppercase;}
.team-wraper p{ font-size: 24px; color:#fff; margin: 10px 0 0; padding: 0; line-height: 28px;}
.team-wraper .btn{ text-transform: uppercase; padding: 12px 30px; font-size: 24px; font-weight: bold;}

/*Footer css*/
footer{ display:block; margin: 0; padding: 0px 0;}
.footerinner{ display:block; background:#fff;  padding: 0px 0; margin: 0; position: relative; min-height: 400px; }
.copyright{display:block; background:#000; padding: 10px 0; margin: 0;}
.copyright p{ color:#7f7e7e; font-size: 14px; margin: 12px 0 0;}
.copyright ul{ display:block; list-style: none; margin: 0; padding: 0;}
.copyright ul li{ display:inline-block; list-style: none; vertical-align: top;}
.copyright ul li a{ display:block; color:#fff; padding: 5px; font-size: 1.4em;}
.copyright ul li a:hover,.copyright ul li a:focus{ color:#2bbd7b; text-decoration: none;}
.office-address{ padding: 0px; text-align: left; font-size: 16px; line-height: 24px; display: block; }
.gurugram-address{ display: inline-block; margin-bottom: 15px; width: 49%; position: relative; z-index: 1;}
.jaipur-address{ display:inline-block; margin-bottom: 15px; padding: 0px; width: 49%; position: relative; z-index: 1;}
.address-base{ display:block; margin: 0 0 10px; padding: 0; font-size: 2em; }
.address-base span{  display:block; font-size: 24px; color:#333333; margin: 10px 0 0;}
.footer-map-wrapper{ display:block; overflow: hidden; margin: 0; padding: 0; position: relative; min-height: 450px;}
.footer-map-wrapper iframe{ position: relative; top:-50px;}
/*.footer-map-wrapper:after{ content: ''; position:absolute; width:100%; height: 100%; top:0; left: 0; background: rgba(0,0,0,0.5);}*/
.map-image{ display:block; margin: 0; padding: 0; background: url(../Sarvika/images/footer-map.png) no-repeat; background-position: center center;min-height:450px;}
.footer-address{ display:block; margin: 0 auto; padding: 0px 0px; max-width: 590px; }
.contact-info{ display:block; margin: 35px 0 0; padding: 0;}
.contact-info .phone,
.contact-info .email,
.contact-info .time{ display:inline-block; width:49%; font-size: 16px; line-height: 26px; margin: 0 0 15px; background-position: 20% center!important; position: relative; z-index: 1;}
.contact-info .time{ background-position: 30% center!important; margin-bottom:0;}
.contact-info .email a{ color:#212529;}
.footer-address .address:before{background: url(../Sarvika/images/location.png); background-position: 20% center!important; width: 90px; height: 130px; }
.time:before{background: url(../Sarvika/images/clock.png); width: 70px; height: 75px;}
.phone:before{background: url(../Sarvika/images/phone.png);width: 70px; height: 75px;}
.email:before{background: url(../Sarvika/images/email.png);width: 70px; height: 75px;}
.time:before, .phone:before, .email:before, .address:before{  
      background-repeat: no-repeat !important;
      background-size: contain !important;
      background-position: 30% !important;
      content:''; position: absolute; left: 20px; top:0; z-index: -1;
    animation: bounce 1s infinite alternate;
    -webkit-animation: bounce 1s infinite alternate;
  }
@keyframes bounce {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounce {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-15px);
  }
}

/*-----------------------------------------
*  shapes Properties
-----------------------------------------*/
.shapes-section { position: relative; overflow: hidden;}
.shapes-box { position: absolute;top: 0; bottom: 0; left: 0; right: 0; pointer-events: none;}
.shapes-box span { position: absolute; opacity: 0.8;}
.shapes-box span:nth-child(1) { left: 4.8%; top: 4.5%; }
.shapes-box span:nth-child(2) { left: 9.6%; top: 27.2%; }
.shapes-box span:nth-child(3) { left: 8.8%; bottom: 16%;}
.shapes-box span:nth-child(4) { left: 25%; bottom: 21%;}
.shapes-box span:nth-child(5) { left: 35%; top: 6.6%;}
.shapes-box span:nth-child(6) { left: 43%; bottom: 30%;}
.shapes-box span:nth-child(7) { left: 70%; top: 65%;}
.shapes-box span:nth-child(8) { right: 20.8%; top: 33%;}
.shapes-box span:nth-child(9) { right: 6%; top: 10%;}
.shapes-box span:nth-child(10) { right: 4.5%; bottom: 33%;}
/* team page css*/
.sub-hero-banner{ display:flex; align-items: center; justify-content: center; margin: 0; padding: 0; min-height: 500px;}
.sub-hero-banner-title{ display:block; margin: 0; padding: 0 0px; width:65%; text-align: center;}
.sub-hero-banner h1{ display:block; margin: 0; padding: 0; position: relative; font-size: 40px; font-weight: bold; color:#262d32;}
.team-member-section{ display:block; margin: 0; padding: 70px 0; background: #f9f9f9;}
.team-banner-tiles{ display:block; margin: 0 auto; padding: 0; width:90%;}
.team-banner-tiles li{ display:inline-block; margin: 12px 20px 12px 0; padding: 30px 5px;min-height: 90px;position: relative; background:rgba(255, 255, 255, 0.65); box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);font-size: 1.4em; width:calc(16% - 20px); font-weight: 600; color: #868686;  transition: all 0.8s ease-in-out;}
.team-banner-tiles li.active{ background:#fff; color: #fff;padding: 12px 5px;}
.team-banner-tiles li.active img{
    width: 60px;
}
.team-banner-tiles .active .tech-text{visibility: hidden;}
.team-banner-tiles .tech-text {
    visibility: visible;
    position: absolute;
    width: 100%;
    left: 0;
}
.team-banner-tiles span.text-icon {
    visibility: hidden;
    position: absolute;
    left: 0;
    width: 100%;
}
.team-banner-tiles .active .text-icon{visibility: visible;}
.team-member-title{ display:block; margin: 0 0 20px; padding: 0; position: relative; text-align: center;}
.team-member-title h2{ font-size:30px; color:#262d32; font-weight: bold; margin: 0 0 15px; padding: 0;} 
.team-member-title p { font-size:16px; color:#262d32; font-weight: normal; margin: 0 0 25px; padding: 0; line-height: 22px; }
.team-case-wraper{display:block; margin: 0 auto; padding: 30px 0px 0; width:80%; position: relative; height: 100%; overflow: hidden;}
/*.team-case{ display:block; margin: 0; padding:0px 20px; list-style: none; text-align: center;}
.team-case .grid-item { width: 190px; height: 190px; background:#ededed; display:inline-block; text-align: center; zoom: 1; position: relative; margin: 0; overflow: hidden;  -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    -webkit-transition-delay: .9s;
    transition-delay: .9s;
}*/
.team-case{ max-width:100%;}
.team-case:after { content: ''; display: block; clear: both;}
.team-case .grid-item {float:left; width: 190px; height: 190px; background: #ededed; border: 2px solid #fff; overflow: hidden;}
.team-case .grid-item:hover{cursor: pointer;}
.team-case .grid-item.gigante { width: 380px; height: 380px;}
.team-case .grid-item .emp-info br{ display:none;}
.team-case .grid-item .emp-info { display: block; line-height: 22px; padding: 20px; text-align: center; color:#fff; width: 100%; position: absolute; z-index: 10; opacity: 1; left: -300px; top:50%; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -webkit-transition: all 200ms ease-in-out;padding-bottom: 0; transition: all 200ms ease-in-out;  font-weight: normal;}
.core-genius {
    margin: 0 !important;
}
.team-case .grid-item:hover .emp-info,
.team-case .grid-item.gigante .emp-info{ left:0; left: 0; -webkit-transition-delay: .25s; transition-delay: .25s;}
.team-case .grid-item .emp-figure{ display:block;}
.team-case .grid-item .emp-figure img{ max-width: 100%; min-width: 100%; filter: grayscale(1);}
.team-case .grid-item:hover,
.team-case .grid-item.gigante{ z-index: 1; background-color: #000; border: 2px solid #fff; -webkit-transition: border 200ms ease-in-out; transition: border 200ms ease-in-out;} 
.team-case .grid-item .emp-info span.fname{ display:block; text-transform: capitalize; margin:0px; font-size: 20px; }
.team-case .grid-item .emp-info span.designation{ display:block;  text-transform: uppercase; margin-top: 10px;font-size: 16px; font-weight: normal; font-style: italic; }
.team-case .grid-item.gigante .emp-info span.fname{ font-size:30px;}
.team-case .grid-item.gigante .emp-info span.designation{ font-size:16px;}
.team-case .grid-item .emp-info .punchline{ display:none; margin-top: 10px; font-size: 16px; font-weight: normal; width: 100%; line-height: 22px; font-style: italic; }
.team-case .grid-item .emp-info .punchline p:after{ display:inline-block; margin-left:5px; content: '\f10e'; font-family: FontAwesome;}
.team-case .grid-item .emp-info .punchline p:before{ display:inline-block; margin-right:5px; content: '\f10d'; font-family: FontAwesome;}
.team-case .grid-item .emp-info .emp-socio{ display:block; margin-top: 15px; font-size: 16px; width: 100%;}
.team-case .grid-item .emp-info .emp-socio a{ display:inline-block; color:#fff; text-decoration: none; background: #0083BE; width:32px; height: 33px; line-height: 33px;}
.team-case .grid-item .emp-info .emp-socio a:hover,.team-case .grid-item .emp-info .emp-socio a:focus{ color:#fff;  background: #338bb5; text-decoration: none;} 
.team-case .grid-item.gigante .emp-info .punchline{ display:block;}
.team-case .grid-item:hover span.emp-figure,
.team-case .grid-item.gigante span.emp-figure{ opacity: 0.3;}
.team-case .grid-item:hover span.emp-figure img,
.team-case .grid-item.gigante span.emp-figure img{  filter: grayscale(0);}

 

.life-at-sarvika { display:block; margin: 0; padding: 70px 0; background: #fff;}
.about-team-title{ display:block; margin: 0px; padding: 0; position: relative; text-align: center;}
.about-team-title h1 { font-size:30px; color:#262d32; font-weight: bold; margin:0;  }
.about-team-dtl h3 { font-size:20px; color:#262d32; font-weight: bold;}
.about-team-dtl p { font-size:16px; color:#262d32; font-weight: normal; margin: 0 0 15px; padding: 0; line-height: 22px; text-align: justify; }
.life-at-sarvika .carousel-inner{ }
.life-at-sarvika .carousel-inner img{filter: grayscale(1);}
.life-at-sarvika .carousel-inner img:hover{filter: grayscale(0);}
.mission-of-sarvika { display:block; margin: 0; padding: 70px 0; background: #f9f9f9;}
.mission-team-title{ display:block; margin: 0 0 0px; padding: 0; position: relative; text-align: left;}
.mission-team-title:before{ content:''; position: absolute; top:0; bottom: 0; right:5px; width: 3px; background: #2bbd7b;}
.mission-team-title h2 { font-size:30px; color:#262d32; font-weight: bold; margin: 0 0 0px; padding: 0 0 20px;  }
.mission-team-dtl h3 { font-size:20px; color:#262d32; }
.mission-team-dtl p { font-size:16px; color:#262d32; font-weight: normal; margin: 0 0 15px; padding: 0; line-height: 22px; text-align: justify;}
.ceo-message-block{ display:block; margin: 0; padding: 0;}
.ceo-message-block p{ font-size:16px; line-height: 22px;}
.about-us-sarvika{display:block; margin: 0; padding: 70px 0; background: #f9f9f9; }
/*Career page CSS*/
.career-opening{ display:block; margin: 0; padding: 70px 0; background: #f9f9f9; }
.career-opening-title{ display:block; margin: 0 0 0px; padding: 0; position: relative; text-align: left;}
.career-opening-title h2 { font-size:34px; color:#34b77b; font-weight: normal; margin: 0 0 0px; padding: 0 0 20px; display:inline-block; vertical-align: top;}
.career-opening-title .dropdown{color:#34b77b; display:inline-block; vertical-align: top; margin: 0; padding: 0; }
.career-opening-title .dropdown-toggle{color:#333; background: #fff; border: 1px solid #ddd; padding: 10px 20px; text-align: center; display:block;}
.career-opening-title .dropdown-toggle:hover,
.career-opening-title .dropdown-toggle:focus{ text-decoration: none; border-color:#37b97d; background: #37b97d; color:#fff;}
.career-opening-title .dropdown-menu{ border-radius: 0; width:100%;}
.dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #37b97d;}
.career-opening-title p { font-size:18px; color:#262d32; font-weight: normal; margin: 0 0 15px; padding: 0; line-height: 22px; text-align: left;}
.opening-wrapper{ display:block;   padding: 0;}
.opening-header{display:block; margin: 0; padding: 0 1.25rem; background:#eaebee;}
.opening-header span{ display:block; padding: 15px 0; font-size: 20px; font-weight:bold; color:#333333;}
.opening-wrapper .card{border-radius: 0!important;}
.opening-wrapper .card-header{font-size: 20px; color:#333333; background: #fff; border-bottom: 0; border-radius: 0!important; cursor: pointer; position: relative;}
.opening-wrapper .card:nth-child(even) .card-header{background: #f9f9f9; }
.opening-wrapper .card-header h2{ display:inline-block; margin: 7px 0 0; padding: 0 0 0 15px; font-size: 18px; color:#333333;}
.font-18 { font-size:18px; vertical-align: middle;}
.opening-wrapper .card-body{ padding-top:5px;}
.opening-dtl{ display:block; margin: 0; padding: 0 20px;}
.opening-dtl h3{ font-size:18px; font-weight: bold; margin-top:1.5rem;}
.opening-dtl p{ font-size:16px; color:#333; line-height: 150%; margin-bottom: 0.5rem;}
.opening-dtl .btn + p{ display:none;}
.more-opening{ color:#323232; cursor: pointer;}
.more-opening:hover{ color:#6fb67c;}
/*.card-header .btn-link{ display:inline-block; vertical-align: middle;margin: 0; padding:15px 10px; font-size: 24px; color:#333; cursor: pointer; position: relative;}*/
.opening-wrapper .card-header:after, .opening-wrapper .card-header:before {content: " "; position: absolute; left: 10px;top: 50%; margin-top: px; width: 15px; height: 2px; display: inline-block; background-color: #b3afaf;
    -webkit-transition: background-color .2s ease-in-out,transform .2s ease-in-out,width .2s ease-in-out;
    -moz-transition: background-color .2s ease-in-out,transform .2s ease-in-out,width .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out,transform .2s ease-in-out,width .2s ease-in-out;
    transition: background-color .2s ease-in-out,transform .2s ease-in-out,width .2s ease-in-out;
}
.opening-wrapper .card-header:before {    
  -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -sand-transform: rotate(0deg);
    transform: rotate(0deg);
}
.opening-wrapper .card-header:after {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -sand-transform: rotate(90deg);
}
.opening-wrapper .card-header[aria-expanded="true"]:after {    
  -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    -sand-transform: rotate(0);
    transform: rotate(0);
}
.opening-dtl ul { position: relative; font-size: 20px; padding: 0px; margin: 15px 0;  }
.opening-dtl ul li{ position:relative; padding: 0 0 0 30px; list-style: none; font-size:16px; line-height: 26px; color:#333;}
.opening-dtl ul li:after { background: #949494; content: ""; position: absolute; left: 4px; top: 9px; width: 8px; height: 8px; border-radius: 50%;}
.opening-dtl ul li:before { background: rgba(148, 148, 148, 0.26); content: ""; position: absolute; left: 0px; top: 5px; width: 10px; height: 10px;border-radius: 50%; padding: 8px;}
.opening-dtl .btn-green{ min-width:150px;}
.upload-file label{border-bottom: 1px solid #37b97d; padding: .375rem .75rem; line-height: 26px; width:100%; position: absolute; top:0; color: #c5c5c5; margin-bottom:0;}
/*.upload-file .form-control{ opacity: 0;}*/
.share-vacency{ display:inline-block; margin: 0 0 0 20px; padding: 0; display: none;}
.share-vacency span{ font-size:16px; margin-right: 10px;}
.icon-linkedin{ color:#fff; background: #0083BE; border: 1px solid #0083BE; padding: 0; text-align: center; width: 30px; line-height: 30px; display:inline-block; vertical-align: middle;}
.icon-facebook{ color:#fff; background: #3b5998;  border: 1px solid #3B5998; padding: 0; text-align: center; width: 30px; line-height: 30px;display:inline-block; vertical-align: middle;}
.icon-linkedin:hover{ text-decoration: none; color:#fff; background: #338bb5;}
.icon-facebook:hover{ text-decoration: none; color:#fff; background: #5972a8;}
.submit-resume-form { margin-top:50px; }
.process-block{display:block; margin: 0; padding: 70px 0;  }
.process-title{ display:block; margin: 0 0 50px; padding: 0; text-align: left;  }
.process-title h2{font-size:30px; font-weight: bold; color:#262d32; line-height: 40px; margin: 0; padding: 0; position: relative; display: inline-block;}
.process-title p{ font-size:18px; color:#262d32; line-height: 24px; font-weight: normal; padding: 0px; margin: 15px 0 0;}
.process-wraper { position: relative; display: block; max-width: 950px;  margin:150px auto 100px;}
svg:not(:root) { overflow: hidden;}
.process-step{display:block; margin: 0; padding: 0; list-style: none;}
.process-step li { position: absolute; width: 27px; height: 27px; background-color: #6d6d6d; border-radius: 50%; border: 7px solid #fff; opacity: 0;
    -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.27);
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.27); 
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.process-step li:nth-child(1) { background-color: #2bbd7b; bottom: -8px; left: -8px; opacity: 1;
    -webkit-animation: time_to_show_0 20s linear infinite;
    animation: time_to_show_0 20s linear infinite;
}
.process-step li:nth-child(2) { background-color: #2bbd7b; left: 33.33%; top: 188px; opacity: 1;
    -webkit-animation: time_to_show_1 20s linear infinite;
    animation: time_to_show_1 20s linear infinite;
}
.process-step li:nth-child(3) { background-color: #2bbd7b; left: 66.66%; top: 16px; opacity: 1;
    -webkit-animation: time_to_show_2 20s linear infinite;
    animation: time_to_show_2 20s linear infinite;
}
.process-step li:nth-child(4) {  background-color: #2bbd7b; top: 0px; right: -5px; opacity: 1;
    -webkit-animation: time_to_show_3 20s linear infinite;
    animation: time_to_show_3 20s linear infinite;
}
.process-step li figure { position: absolute; width: 46px; height: 46px; margin: 0; left: 50%; margin-left: -23px;}
.process-step li figure img{ max-width:100%;}
.process-step li:nth-child(1) figure { bottom: -60px;}
.process-step li:nth-child(2) figure { top: -60px;}
.process-step li:nth-child(3) figure { bottom: -60px;}
.process-step li:nth-child(4) figure { top: -48px; left:auto; margin-left:0; right:-54px;}
.process-step li .process-info { display: block; width: 230px; position: absolute;}
.process-step li:nth-child(1) .process-info { bottom: 40px; right: -45px; text-align: right;}
.process-step li:nth-child(2) .process-info { top: 35px; left: -115px; text-align: center; width: 280px;}
.process-step li:nth-child(3) .process-info { bottom: 25px; right: -15px; text-align: right; width: 280px;}
.process-step li:nth-child(4) .process-info { top: 25px; left: -115px; text-align: left;}
.process-info h3{ font-size: 24px;   color:#2bbd7b;}
.process-info p{ font-size: 18px;   color:#262d32; line-height: 22px;}

path.cls-2 { stroke-dasharray: 1230; stroke-dashoffset: 1230; -webkit-animation: dash 20s linear -1s infinite; animation: dash 20s linear -1s infinite; }

@-webkit-keyframes dash { 0% { stroke-dashoffset: 0; }
  5% { stroke-dashoffset: 1230; }
  85% { stroke-dashoffset: 2460; }
  100% { stroke-dashoffset: 2460; } }

@keyframes dash { 0% { stroke-dashoffset: 0; }
  5% { stroke-dashoffset: 1230; }
  85% { stroke-dashoffset: 2460; }
  100% { stroke-dashoffset: 2460; }}

@-webkit-keyframes time_to_show_0 { 0% { opacity: 1; }
  93% { opacity: 1; }
  95% { opacity: 0; }
  100% { opacity: 0; } }

@keyframes time_to_show_0 { 0% { opacity: 1; }
  93% { opacity: 1; }
  95% { opacity: 0; }
  100% { opacity: 0; } }

@-webkit-keyframes time_to_show_1 { 0% { opacity: 0; }
  29% { opacity: 0; }
  30% { opacity: 1; }
  95% { opacity: 1; }
  97% { opacity: 0; }
  100% { opacity: 0; } }

@keyframes time_to_show_1 { 0% { opacity: 0; }
  29% { opacity: 0; }
  30% { opacity: 1; }
  95% { opacity: 1; }
  97% { opacity: 0; }
  100% { opacity: 0; } }

@-webkit-keyframes time_to_show_2 { 0% { opacity: 0; }
  58% { opacity: 0; }
  59% { opacity: 1; }
  96% { opacity: 1; }
  98% { opacity: 0; }
  100% { opacity: 0; } }

@keyframes time_to_show_2 { 0% { opacity: 0; }
  58% { opacity: 0; }
  59% { opacity: 1; }
  96% { opacity: 1; }
  98% { opacity: 0; }
  100% { opacity: 0; } }

@-webkit-keyframes time_to_show_3 { 0% { opacity: 0; }
  80% { opacity: 0; }
  81% { opacity: 1; }
  97% { opacity: 1; }
  100% { opacity: 0; } }

@keyframes time_to_show_3 { 0% { opacity: 0; }
  80% { opacity: 0; }
  81% { opacity: 1; }
  97% { opacity: 1; }
  100% { opacity: 0; } }

/*-----------------------------------------
*  Chicago page
-----------------------------------------*/

.custom-navbar{background: rgba(255,255,255, .5);}
 .logo{
    width: 130px;
 }
 .core-genius .slick-dots button {
    display: none !important;
}
div#jssor_1 div {
    letter-spacing: 0 !important;
}
 .jssorl-009-spin img {
            animation-name: jssorl-009-spin;
            animation-duration: 1.6s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }
#jssor_1{width: 100% !important;}
.slider-1{width: 100% !important; background: url("https://www.sarvika.com/wp-content/themes/Sarvika/images/banner-1.png");background-color: #fff !important;}
.slider-2{width: 100% !important; background: url("../img/banner-2.png");}
.benefits-content h3 {
    font-size: 19px;
}
.call-back input {
    width: 100%;
    padding: 10px;
}
.call-back .wpcf7-submit {
    width: auto;
    background: #6fb67c;
    color: #fff;
    margin-bottom: 40px;
    cursor: pointer;    
}
.benefits-content p {
    min-height: 86px;
}
.benefits-content img {
    height: 40px;
}
.about-us p {
    line-height: 23px;
}
@keyframes jssorl-009-spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}


/*jssor slider bullet skin 132 css*/
.jssorb132 {position:absolute;}
.jssorb132 .i {position:absolute;cursor:pointer;}
.jssorb132 .i .b {fill:#fff;fill-opacity:0.8;stroke:#000;stroke-width:1920;stroke-miterlimit:10;stroke-opacity:0.7;}
.jssorb132 .i:hover .b {fill:#000;fill-opacity:.7;stroke:#fff;stroke-width:2000;stroke-opacity:0.8;}
.jssorb132 .iav .b {fill:#000;stroke:#fff;stroke-width:2400;fill-opacity:0.8;stroke-opacity:1;}
.jssorb132 .i.idn {opacity:0.3;}

.jssora051 {display:block;position:absolute;cursor:pointer;}
.jssora051 .a {fill:none;stroke:#fff;stroke-width:360;stroke-miterlimit:10;}
.jssora051:hover {opacity:.8;}
.jssora051.jssora051dn {opacity:.5;}
.jssora051.jssora051ds {opacity:.3;pointer-events:none;}
.benefits-content {
    border: 2px solid #f2f6fa;
    padding: 40px 10px;
}
.benefits-content:hover {
    -webkit-box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.2);
    transition: .3s all ease;
    top: -20px;
}
.benefits-content {
    border: 2px solid #f2f6fa;
    padding: 40px 10px;
    position: relative;
    transition: .3s all ease;
    top: 0;
}
.about-us, .call-back{
    background: #f2f6fa;
}
.contact-us input, .contact-us select {
    border-radius: 0;
}
.call-back input {
    border: 2px solid #f2f6fa;
        min-height: 40px;
}
.call-back a{
    border: solid 1px #6fb67c;
    color: #fff;
    background: #6fb67c;
    font-size: 18px;
    font-weight: normal;
    padding: 9px 20px 8px;
    margin-top: 15px;
    text-decoration: none;
}
.slider-content {
    padding: 40px;
}
.slider-content i:before{
    font-size: 60px;
    color: #00c853;
}

/* contact us page css*/
::placeholder { color: #c5c5c5 !important; }
.contact-form-wrap{ display:block; margin: 0px auto 0; padding: 30px; background: rgba(255, 255, 255, 0.9); box-shadow: 0 0 5px #b1afaf; z-index: 1; position: relative; max-width: 900px;}
.contact-details { padding: 80px 0;}
.contact-details strong { margin-bottom: 10px; display: block; }
.contact-details { line-height: 24px;font-size: 18px; color: rgb(38, 45, 50); }
.contact-details h2 {color: #37b97d;font-weight: 600; margin-bottom: 25px;}
.more-contact{display:block; margin: 0; padding: 60px 0 80px; background: #f9f9f9; }
.more-contact ul{ display:flex; display: -ms-flexbox; flex-wrap: wrap; -ms-flex-wrap: wrap; align-items: stretch; margin: 0; padding: 0; list-style: none; border: 1px solid #ddd;}
.more-contact ul li{ display:inline-block; margin: 0; padding: 20px;  width:25%; text-align: center; min-height: 100%;}
.more-contact ul li:not(:first-child){border-left: 1px solid #ddd;}
.more-contact ul li h2{ color: #444b54; font-size: 18px; margin: 15px 0 6px;}
.more-contact ul li a{ color: #37b97d; text-decoration: none;}
.contact-icon-pic{ display:block; margin: 0; padding: 0; min-height:56px;}
.contact-icon-pic img{ width:55px;}
/*.address{ background: url(../Sarvika/images/location.png); }*/
.time, .phone, .email, .address{
      background-repeat: no-repeat !important;
      background-size: contain !important;
      background-position: 30% !important;
  }
.time{  background: url(../Sarvika/images/clock.png);}
/*.phone{  background: url(../Sarvika/images/phone.png);}*/
/*.email{  background: url(../Sarvika/images/email.png); }*/
form.contact-form input[type="text"],form.contact-form input[type="email"],form.contact-form input[type="tel"],form.contact-form input[type="file"], form.contact-form textarea, form.contact-form select { border: none; border-bottom: 1px solid #ccc; border-radius: 0;}
.form-control:focus,
form.contact-form input[type="text"]:focus,form.contact-form input[type="email"]:focus,form.contact-form input[type="tel"]:focus,form.contact-form input[type="file"]:focus, form.contact-form textarea:focus, form.contact-form select:focus{ border-bottom: 1px solid #37b97d; box-shadow: none;}
form.contact-form button,form.contact-form input[type="submit"] {/* padding: 10px 40px; background: #37b97d; border: 1px solid #37b97d;*/}


 
/* Services page css*/
#service-slider{ position: relative; z-index: 1; margin-top:0px;}
#service-slider .carousel-item{ min-height:500px;}
#service-slider .carousel-caption{ color:#000000; bottom:auto; top:50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); left: 25%; right: 25%;}
#service-slider .carousel-caption h1{display:block;  font-size: 40px; font-weight: bold; color:#262d32; }
#service-slider .carousel-caption p{ display:block; font-size: 20px; line-height: 26px; font-weight: normal; color:#262d32; margin: 10px 0 0;}
#service-slider .carousel-control-next, 
#service-slider .carousel-control-prev{ font-size:3em; color:#000000;}
section.submit-resume-form .container {
    box-shadow: 0 0 5px #b1afaf;
    padding: 20px;
}

.services-content { background: #f9f9f9;  padding: 5em 10em 5em;}
.services-content .nav-tabs .nav-item { border: 1px solid #ddd; }
.service-list li{ background: #fff; }
.service-list li a{ color: rgb(38, 45, 50); font-size: 22px; padding: 20px; position: relative; transition: all 0.5s ease-in-out; }
.service-list li a i{ font-size:2.5rem; display:inline-block; min-width: 50px; vertical-align: middle; transition: all 0.5s ease-in-out;}
.services-content a.nav-link.active i,
.services-content a.nav-link:hover i{ color:#37b97d;}
.services-content a.nav-link:before{ content: ''; width: 3px; background: #37b97d; height:0px; position: absolute;top:0; left: -1px; transition: all 0.5s ease-in-out;}
.services-content a.nav-link:hover:before,
.services-content a.nav-link.active:before{content: ''; height:100%; }
.services-content .tab-content { line-height: 22px; }
.services-features li{ position: relative; list-style: none; margin-bottom: 5px; text-align: justify; line-height: 22px;}
.services-features li:before { background: rgba(148, 148, 148, 0.26); content: ""; position: absolute; left: -26px; top: 5px; width: 10px; height: 10px; border-radius: 50%; padding: 8px;}
.services-features li:after{ background: #949494;content: ""; position: absolute; left: -22px; top: 9px;width: 8px;height: 8px; border-radius: 50%;}
.services-content h4 { margin-bottom: 20px; font-weight: bold; font-size: 30px;}
.services-content .tab-content p,
.services-full-dtl p{ margin-bottom: 10px; font-size: 16px; text-align: justify; line-height: 22px;}
.mobile-tabs-links{ display:none;}

.service-icon-list{ display:block; margin: 0; padding: 0; list-style: none; text-align: center;}
.service-icon-list li{ display: inline-block; vertical-align: top;margin: 0px 15px 0 ; width:calc(16% - 30px); }
.service-icon-list li a{ display:block; color: #8a8a8a; font-size: 22px; padding: 20px 10px; position: relative; transition: all 0.5s ease-in-out; background: rgba(255,255,255,0.8); box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); transform: scale(1);}
.service-icon-list li a:hover,
.service-icon-list li a:focus{ text-decoration: none;}
.service-icon-list li.active a{ transform: scale(1.2);}
.service-icon-list li a i{ font-size:4rem; display:block; vertical-align: middle; transition: all 0.5s ease-in-out;}
.service-icon-list li.active a i,
.service-icon-list a:hover i{ color:#37b97d;}
.service-icon-list a:before{ content: ''; width: 0px; background: #37b97d; height:2px; position: absolute; bottom:-1px; left: 0; transition: all 0.5s ease-in-out;}
.service-icon-list a:hover:before,
.service-icon-list li.active a:before{content: ''; width:100%; }
.service-icon-list li .service-name{ color: rgb(38, 45, 50); font-size: 20px; line-height: 24px; display:block; margin: 10px 0 0;transition: all 0.5s ease-in-out; }
.service-icon-list li.active .service-name{margin: 20px 0 0;}
/*Core genious css*/
.coregenius{padding: 0 10em; display: flex; display: -ms-flexbox; flex-wrap: wrap; -ms-flex-wrap: wrap; align-items: center;}
.coregenius-section{  display:block; margin: 0; padding: 50px 0;}

.coregenius-section:nth-child(even) .coregenius-img { background: #fff;}
.coregenius-img {  padding: 20px; position: relative; text-align: center; z-index: 1;}
.coregenius-img img{ max-width: 600px; position: relative; z-index: 2;}
.coregenius h2 span {
    display: block;
    font-size: 66px;
    margin-bottom: 40px;
    color: #6fb67c;
}
.services-full-dtl {
    line-height: 21px;
}
.contact-form select.wpcf7-form-control, .contact-form input#upload-resume2, div#submitresume input, #other-text input {
    border: none;
    border-bottom: 1px solid #37b97d;
    border-radius: 0;
}
.coregenius ul li { max-width:49%; display:inline-block; position: relative; font-size: 16px; line-height: 22px; margin-bottom: 10px; text-align: justify; vertical-align: top;color: #9fa3a6;}
.coregenius ul li:after { background: #d1d4d2; content: ""; position: absolute; left: 4px; top: 11px; width: 8px; height: 8px; border-radius: 50%;}
.coregenius ul li:before { background: rgba(202, 208, 203, 0.4); content: ""; position: absolute; left: 0px; top: 7px; width: 10px; height: 10px; border-radius: 50%; padding: 8px;}
.coregenius h2 { font-weight: 600; font-size: 30px;    color: #343442;}
.coregenius p {   font-size: 16px; line-height: 22px;color: #9fa3a6;}
/*Testimonial */ 
.testimonial-01 .testimonial-info {text-align: center; padding-bottom: 10px;}
.testimonial-01 .testimonial-info .user { width: 80px; height: 80px; border-radius: 50%; display: inline-block; vertical-align: top; overflow: hidden; margin-bottom: 15px;}
.testimonial-01 .testimonial-info .info label { font-size: 16px; display: block; margin: 0 0 5px; font-weight: 600; line-height: normal; padding: 0;}
.testimonial-01 .testimonial-info .info span { font-size: 13px; line-height: normal;}
.testimonial-01 { background: #fff; padding: 20px; position: relative; margin-bottom: 0px; box-shadow: 0 0 5px #ccc;}
.testimonial-01 i { font-size: 90px; position: absolute; top: 20px; left: 20px; opacity: 0.05;}
.testimonial-01 p { margin: 0; text-align: center; font-size: 16px;}
/*About us timeline*/
.tracking-item { position:relative; padding:0 0 0 1rem; margin-left:6rem;}
.tracking-item:after {width:10px; background-color: #cccdce; position:absolute; left: -10px; top:0; bottom: 0; content: ''; z-index: 1;}
.tracking-item:first-child:after{ border-radius: 5px 5px 0 0;}
.tracking-item:last-child:after{ border-radius:0 0 5px 5px;}
.tracking-item:before { content: ''; position: absolute; left:-19px; top:45px; width: 27px; height: 27px; background-color: #2d2d2d; border-radius: 50%; border: 7px solid #fff; z-index: 2;  
    -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.27);
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.27); 
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.tracking-item:nth-child(even):before{background-color: #2bbd7b;}
.tracking-item .tracking-content {padding:.5rem .8rem; background-color:rgba(255,255,255,0); border-radius:.5rem;}
.tracking-item .tracking-content h2 { display:block; color:#2bbd7b; font-size:2.6rem; font-weight: 600; margin: 0;}
.tracking-item .tracking-content p { display:block; color:#333; font-size:1rem; margin: 0; line-height: 20px; text-align: justify;}
.tracking-item .tracking-icon { line-height:4rem; position:absolute; left:-6rem; width:4rem; height:4rem; top:1.8rem; text-align:center; border-radius:100%; font-size:1.1rem; background-color:#fff; color:#fff;        
 -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.27);
 box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.27); 
}
.tracking-item .tracking-icon img {display: inline-block; margin: 0; padding: 0; } 
 
/*===== Blogs Page CSS (IDRIS) ==============================*/
.blog-box {
	position: relative;
	transition: ease-in-out all 0.3s;
	-webkit-transition: ease-in-out all 0.3s;
	-o-transition: ease-in-out all 0.3s;
	background: #333;
	margin-bottom: 10px;
}
.blog-box::before {
	z-index: 1;
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	transition: ease-in-out all 0.3s;
	-webkit-transition: ease-in-out all 0.3s;
	-o-transition: ease-in-out all 0.3s;
}
.blog-box:hover::before{
	background: rgba(0,0,0,0.2);
}
.blog-box img {
	width: 100%;
	height:100%;
}
.blog-box-title {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	color: #FFF;
	font-weight: bold;
	padding: 20px;
	display: flex;
	align-items: flex-end;
	font-size: 26px;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 60%,rgba(0,0,0,0.6) 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 );
	transition: ease-in-out all 0.3s;
	-webkit-transition: ease-in-out all 0.3s;
	-o-transition: ease-in-out all 0.3s;
	z-index:2;
}
.blog-box:hover .blog-box-title, .blog-box:focus .blog-box-title {
	color: #FFF;
	text-decoration: none;
}
.blog-box-title.bbt-small {
	font-size: 14px;
	padding: 10px 20px;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 20%, rgba(0,0,0,0.6) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 20%,rgba(0,0,0,0.6) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 20%,rgba(0,0,0,0.6) 100%);
}
.blog-listing-box {
	padding: 0 20px;
	border-left: dashed 1px #BBB;
	border-right: dashed 1px #BBB;
	display: flex;
	margin-bottom: 30px;
}
.blog-listing-img {
	flex: 0 0 400px;
	max-width: 50%;
}
.blog-listing-img img {
	width: 100%;
}
.blog-listing-detail {
	padding-left: 20px;
}
.blog-by {
	text-transform: uppercase;
	font-size: 12px;
	color: #666;
}
.blog-listing-title {
	font-size: 22px;
	color: #6fb67c;
}
.blog-listing-title:hover, .blog-listing-title:focus{
	color:#6fb67c;
}
.blog-short-para {
	font-size: 14px;
	line-height: 22px;
	color: #444;
}
.btn.btn-small {
	padding: 10px 12px;
	line-height: 16px;
	font-size: 13px;
}
#navbar-box {
    position: fixed;
    background: #f8f8f8;
    width: 100%;
    left: 0px;
    right: 0px;
    top: 0px;
    height: 100%;
    z-index: 19;
    transition: ease 1s all;
    animation: zoomanim 0.5s;
}
@keyframes zoomanim {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }
.navbar-nav {
	text-align: center;
}
.navbar-nav li {
	list-style: none;
	margin: 15px 0;
	position: relative;
}
.navbar-nav li a {
	display: inline-block;
	color: #666;
	text-decoration: none;
	font-size: 18px;
}
.navbar-nav li a:hover::before {
    content: '';
    position: absolute;
    top: 0;
    left: -20px;
    width: 10px;
    height: 2px;
    background: #2d2d2e;
    bottom: 0;
    margin: auto;
}
.navbar-nav li a:hover::after {
    content: '';
    position: absolute;
    top: 0;
    right: -20px;
    width: 10px;
    height: 2px;
    background: #2d2d2e;
    bottom: 0;
    margin: auto;
}
.close-menu {
	position: absolute;
	right: 15px;
	top: 15px;
}
.close-menu img {
	width: 24px;
}
.hamburger-menu {
	background: transparent;
	border: none;
	display: flex;
	flex-wrap: wrap;
	width: 50px;
	height: 30px;
	align-items: center;
	cursor:pointer;
}
.hamburger-menu span {
	background: #000;
	width: 100%;
	height: 2px;
	display: inline-block;
}
.hamburger-menu span + span {
    margin-top: 10px;
}
.navbar-brand {
	padding: 0;
}
/*===== Blogs Page CSS (IDRIS) ==============================*/


.container.container-wide{
	max-width:1550px;
}
.technologySarvikaFilter {
    margin-top: 20px;
}
.technologySarvikaFilter a {
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    color: #818586;
    border-radius: 0;
    padding: 5px 10px;
    display: inline-block;
    margin-bottom: 15px;
    text-decoration: none;
    font-size: 16px;
    border-bottom: solid 2px transparent;
}
.technologySarvikaFilter a.current {
    border-bottom: solid 2px #6fb67c;
}
.technologySarvikaFilter a:hover, .technologySarvikaFilter a:focus {
    color: #2d2d2e;
}
.technology-box {
	display: flex;
	align-items: center;
	justify-content:center;
	flex-wrap: wrap;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f5f5fa));
	background-image: linear-gradient(#fff,#f5f5fa);
	-webkit-box-shadow: 0 5px 15px 0 rgba(37,44,97,.15), 0 2px 4px 0 rgba(93,100,148,.2);
	box-shadow: 0 5px 15px 0 rgba(37,44,97,.15), 0 2px 4px 0 rgba(93,100,148,.2);
	position: relative;
	padding: 50px 20px 20px;
	min-height: 100px;
	margin-bottom: 20px;
	margin-top: 50px;
	transition:ease-in-out all 0.4s;
	-webkit-transition:ease-in-out all 0.4s;
	-moz-transition:ease-in-out all 0.4s;
	-ms-transition:ease-in-out all 0.4s;
	-o-transition:ease-in-out all 0.4s;
}
.technology-box:hover {
	transform: translateY(-10px);
	-webkit-transform: translateY(-10px);
}
.text-icon {
	padding: 12px;
	border: solid 4px #FFF;
	position: absolute;
	height: 80px;
	display: flex;
	justify-content: center;
	align-items: center;
	left: 0;
	right: 0;
	width: 80px;
	margin: auto;
	top: -40px;
	color: #FFF;
	font-size: 45px;
	-webkit-box-shadow: 0 5px 15px 0 rgba(37,44,97,.15), 0 2px 4px 0 rgba(93,100,148,.2);
	box-shadow: 0 5px 15px 0 rgba(37,44,97,.15), 0 2px 4px 0 rgba(93,100,148,.2);
}
.text-icon img {
    max-width: 100%;
    min-width: 40px;
}
.tech-title {
	width: 100%;
	text-transform: uppercase;
	font-size: 11px;
	display: none;
}
.tech-desc {
	font-size: 12px;
	color: #888;
	margin-top: 10px;
	display: none;
}
.programminglanguage .text-icon {
	background: #5468ff;
}
.markupdsl .text-icon {
	background: #5bbfdd;
}
.uiux .text-icon {
	background: #89d9d3;
}
.library .text-icon {
	background: #f695a0;
}
.frameworks .text-icon {
	background: #3944a0;
}
.database .text-icon {
	background: #f3a57e;
}
.infradeployments .text-icon {
	background: #d44fa4;
}
.cms .text-icon {
	background: #3ab2bd;
}
.indexingsearching .text-icon {
	background:#3ab2bd;
}
.tech-text {
	color: #3e396b;
	font-size: 18px;
}
.programminglanguage .tech-title {
	color: #5468ff;
}
.markupdsl .tech-title {
	color: #5bbfdd;
}
.uiux .tech-title {
	color: #89d9d3;
}
.library .tech-title {
	color: #f695a0;
}
.frameworks .tech-title {
	color: #3944a0;
}
.database .tech-title {
	color: #f3a57e;
}
.infradeployments .tech-title {
	color: #d44fa4;
}
.cms .tech-title {
	color: #3ab2bd;
}
.indexingsearching .tech-title {
	color:#3ab2bd;
}
.technologySarvikaFilter.d-flex {
	flex-wrap: wrap;
	justify-content: center;
}


/* Newsletter Page */
.newsletter-section {
    padding: 50px 0;
}
.nw-row h2 {
    font-size: 30px;
    margin-bottom: 20px;
    font-weight: bold;
}
.nwa-archive {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}
.nwa-archive > li {
    margin-bottom: 30px;
    display: inline-block;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 15px;
}
.nw-month {
    font-size: 22px;
    color: #6fb67c;
    font-weight: 700;
    display: inline-block;
    padding: 5px 20px;
    border: 2px solid #D8DAC9;
    background: #FFF;
    position: relative;
    z-index: 1;
}
.nwa-archive ul {
    padding: 10px 0 10px 22px;
    position: relative;
    width: 100%;
}
.nwa-archive ul::before {
    position: absolute;
    content: '';
    width: 2px;
    left: 20px;
    top: 0;
    background: #d8dac9;
    bottom: 70px;
}
.nwa-archive ul li {
    position: relative;
    padding: 12px 10px 12px 30px;
    display:inherit;
        line-height:18px;
}
.nwa-archive ul li a {
    color: #000;
    font-size:18PX;
}
.nwa-archive ul li span {
    margin-left: 10px;
    font-size: 13px;
    color: #6fb67c;
    font-weight: 600;
}
.nwa-archive ul li::before {
    position: absolute;
    content: '';
    width: 25px;
    height: 2px;
    left: -2px;
    background: #d8dac9;
    top: 19px;
}
.nwa-archive ul li::after {
    content: '';
    background: #d8dac9;
    width: 2px;
    top: 19px;
    left: -2px;
    position: absolute;
    height: 100%;
}
.nwa-archive ul li:last-child::after{
display:none;
}


@media (min-width:1200px){
.col-md-3.applications {
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	max-width: 20%;
}
}
 
 
@media (min-width: 1500px) { 
.team-banner-tiles{ width:80%;}
.team-banner-tiles li{ display:inline-block; margin: 12px 20px 12px 0; padding: 30px 10px; font-size: 1.6em; width:calc(14% - 20px);}
.team-banner-tiles li:nth-child(7),
.team-banner-tiles li:nth-child(14),
.team-banner-tiles li:nth-child(21),
.team-banner-tiles li:nth-child(28){ margin-right:0; }

}
@media (max-width: 1499px) { 
.process-step li:nth-child(4) .process-info { left: initial; right: -10px; text-align: right; } 
.services-wraper:before,
.services-wraper:after{ display: none;}
/*.gurugram-address{ left:80%;}*/
.services-content { padding: 5em 1.5em 2em;}
.coregenius{padding: 0 1.5em;}
.service-list li a{ font-size:18px; padding: 15px;}  
.service-list li a i { font-size:2em; min-width: 40px;}
.coregenius-img img{ max-width: 100%;}
.team-case-wraper{width:952px;}
.blog-wraper-inner{ padding: 50px 40px;}
.latest-blog-list{ padding-right:0;}
.team-banner-tiles li{ display:inline-block; margin: 12px 20px 12px 0; padding: 30px 5px; font-size: 1.4em; width:calc(16% - 20px);}
.team-banner-tiles li:nth-child(6),
.team-banner-tiles li:nth-child(12),
.team-banner-tiles li:nth-child(18),
.team-banner-tiles li:nth-child(24),
.team-banner-tiles li:nth-child(28){ margin-right:0; }

}
@media (max-width: 1399px) { 
.process-step li:nth-child(1) .process-info { bottom: -123px; right: -250px; text-align: left; } 
.process-step li:nth-child(4) figure { top: -60px; right:0; }
.title-block p{ padding: 0 15px;}

}
@media (max-width: 1199px) { 
.process-step li:nth-child(2) { top: 184px; }  
.process-step li:nth-child(3) { top: 14px; }
.other-services{ padding:20px;}
.team-banner-tiles li{ font-size: 1.2em; width:calc(16% - 20px);}

 
 
}
@media(min-width:992px) {
 .tracking-item { margin-left:10rem;}
 .tracking-item .tracking-icon { left:-6rem; width:4rem; height:4rem; line-height:4rem; }
}

@media (min-width: 992px) and (max-width: 1199px) { 
.sub-hero-banner-title{ width:80%;}
.sub-hero-banner{ min-height: 450px;}
.hero-section-home { background-size: 100%;}
.learn-more-info h3{ font-size:20px;} 
.mission-team-title{ min-height:178px;}
}
 
@media (min-width: 768px) and (max-width: 991px) { 
#hero-slider .carousel-caption h3{ font-size:24px;}
.sub-hero-banner-title{ width:90%;}
.sub-hero-banner{ min-height: 350px;}
.hero-section-home { background-size: 100%;}
.team-case-wraper{ width:720px;}
.team-case .grid-item { width: 180px; height: 180px;}
.team-case .grid-item.gigante { width: 360px; height: 360px;}
.mission-team-title h2{ font-size:28px;}
.mission-team-title{ min-height:218px;}
.team-banner-tiles li{ margin: 12px 10px 12px 10px!important; font-size: 1.4em; width:calc(24% - 20px);}
.service-icon-list li{ margin: 0px 10px 0 ; width:calc(16% - 20px); }
.service-icon-list li a i{ font-size:3rem; }
.service-icon-list li .service-name{ font-size: 16px; line-height: 20px; }

}


@media (max-width: 1024px) { 
#hero-slider .carousel-caption{ left: 5%; right: 5%;  }
#service-slider .carousel-caption{left: 15%; right: 15%; }
.footerinner { min-height: 200px; padding: 0px 0; background: #f9f9f9;}
   
}
@media (max-width: 991px) { 
.process-step li figure {  margin-left: -15px; }  
.process-step li .process-info { width: 180px; }  
.process-step li .process-info h3 { font-size: 16px; } 
.process-step li .process-info p { font-size: 14px; line-height: 22px; } 
.process-step li:nth-child(1) figure { bottom: -64px; } 
.process-step li:nth-child(1) .process-info { bottom: -125px; right: -215px; } 
.process-step li:nth-child(2) { top: 135px; }
.process-step li:nth-child(2) figure { top: -65px; }
.process-step li:nth-child(2) .process-info { left: -110px; top: 25px; } 
.process-step li:nth-child(3) { top: 7px; }
.process-step li:nth-child(3) figure { bottom: -65px; } 
.process-step li:nth-child(3) .process-info { bottom: 29px; right: -5px; } 
.process-step li:nth-child(4) { top: -2px; }
.process-step li:nth-child(4) figure { top: -65px; right:0; } 
.header-navbar .navbar{ padding:0;}
.header-navbar .navbar .navbar-collapse{ background:#fff; box-shadow: rgb(150, 147, 147) 0px 6px 15px; position: absolute; top:69px; left: 0; width:100%; z-index: 2;}
.navbar-toggler:focus{ outline:none;}
.header-navbar .navbar .navbar-nav{ margin-left:0!important; width:100%;}
.header-navbar .navbar-light .navbar-nav .menu-item{ padding-left:15px; padding-right:15px; border-bottom: 1px solid #ededed;}
.header-navbar .navbar-light .navbar-nav .menu-item:not(:first-child){ padding-left:15px;}
.header-navbar .navbar-light .navbar-nav .menu-item>a{ padding:1rem .2rem;}
.header-navbar .navbar-light .navbar-nav .menu-item>a:before{ display:none;}
.header-navbar .navbar-light .navbar-nav .menu-item.current-menu-item>a{ color:#6fb67c;}
.header-navbar .navbar-light .navbar-nav .menu-item .sub-menu{ position:static; width:100%;opacity: 1; visibility: visible; box-shadow:none; min-width: 100%; padding: 0 0 0 20px; display:block; -webkit-transform: translateY(0px);  -ms-transform: translateY(0px);transform: translateY(0px); }
.header-navbar .navbar-light .navbar-nav .menu-item.menu-item-has-children .sub-menu li>a{ color:#5c718a;}
.wpcf7-textarea, .wpcf7-text{ width:100%;}
.service-title:before{ display:none;}
.shapes-box{ display:none;}
.d-n-ipm{ display:none;} 
.services-content { padding: 5em 1em 2em;}
.coregenius{padding: 0 0em;}
.blog-wraper-inner{ padding:50px 30px;}
.latest-blog-list{ padding-right:0;}
.service-list li a{ padding: 12px;}

}
@media (max-width: 767px) {
    .mobile-slider{
        position: absolute;
        background: rgba(255,255,255,.4);
    }
.process-step li:nth-child(2) { top: 96px; } 
.process-step li:nth-child(3) { top: -2px; } 
.process-step li:nth-child(3) figure { bottom: 45px; }
.process-step li:nth-child(3) .process-info { right: 35px; } 
#hero-slider .carousel-caption h1{ font-size:30px;}
#hero-slider .carousel-item{ height:400px;}
#hero-slider .carousel-caption h3{ font-size:22px; font-weight: normal;}
#service-slider .carousel-item{min-height:400px;}
.sub-hero-banner-title{ width:100%;}
.team-case-wraper{ width:560px;}
.team-case .grid-item { width: 140px; height: 140px;  }
.team-case .grid-item.gigante{ width:280px; height: 280px;}
.opening-header{ display:none;}
.opening-dtl{ padding:0 15px;}
.technologies-heading p{ width: 100%;}
.contactus-banner-title,
.services-banner-title,
.solution-banner-title{ max-width: 100%;}
.technologies .col-md-3{ border: none !important; }
.coregenius ul li {width:100%; max-width: 100%; }
.coregenius { margin: 0 !important;}
.coregenius-img:after{display: none;}
.mission-team-title:before{ display:none;}
.sub-hero-banner{ min-height: 350px;}
.hero-section-home { background-size: 100%;}
.footer-map-wrapper{ min-height: auto;}
.footerinner { min-height: 200px; padding: 0;}   
.gurugram-address,.jaipur-address{ display: inline-block; margin-bottom: 5px; width: 100%;} 
.map-image{ background: url(../Sarvika/images/footer-map-xs.png) no-repeat; background-position: center center; background-size:cover; min-height: 400px;}  
.contact-info .phone, .contact-info .email, .contact-info .time{ margin-bottom:5px;}
.address-base{ margin-bottom:5px;}
.address-base span{ font-size:20px;}
.footer-address{ max-width: 100%; padding: 0 15px;}
.contact-info{ display:block; margin: 0px 0 0; padding: 0;}
.contact-info .phone,
.contact-info .email,
.contact-info .time{ width:100%; }
.blog-wraper h3,
.blog-wraper h4{ text-align: center;}
/* mobile services page tabs*/
.services-content h4 { font-size:22px;}
.services-content { padding: 2em 0em 2em;}
.service-list{ visibility: hidden; opacity: 0; height: 1px; width: 0px; overflow: hidden;}
.services-content .tab-content .tab-pane { background: #fff; border-left: 1px solid #ddd; border-right: 1px solid #ddd; padding:15px;}
.services-content .tab-content .tab-pane#menu6{border-bottom:1px solid #ddd;}
.mobile-tabs-links{ display:block; margin:0 0 -1px; padding: 0; background: #fff; }
.mobile-tabs-links a{ color: rgb(38, 45, 50); font-size: 16px; padding: 15px 10px; position: relative; transition: all 0.5s ease-in-out; display:block; border: 1px solid #ddd; }

.mobile-tabs-links a i{ font-size:2rem; display:inline-block; min-width: 35px; vertical-align: middle; transition: all 0.5s ease-in-out;}
.mobile-tabs-links a.active i,
.mobile-tabs-links a:hover i{ color:#37b97d;}
.mobile-tabs-links a.active,
.mobile-tabs-links a:hover{ text-decoration: none;}
.mobile-tabs-links a:before{ content: ''; width: 3px; background: #37b97d; height:0px; position: absolute;top:0; left: -1px; transition: all 0.5s ease-in-out;}
.mobile-tabs-links a:hover:before,
.mobile-tabs-links a.active:before{content: ''; height:100%; }
.team-banner-tiles{ width:95%;}
.team-banner-tiles li{ width:calc(30% - 20px); margin: 12px 10px 12px 10px!important;} 
.service-icon-list{ padding:20px 0;}
.service-icon-list li{ margin: 10px 10px 10px ; width:calc(32% - 20px); }
.service-icon-list li a i{ font-size:3.4rem; }
.more-contact ul li{ width:50%; padding: 20px 10px; }
.more-contact ul li:nth-child(2){border-left: 1px solid #ddd; }
.more-contact ul li:nth-child(3){ border-left:none; border-top:1px solid #ddd;}
.more-contact ul li:nth-child(4){border-left: 1px solid #ddd;  border-top:1px solid #ddd;}
.blog-listing-box {
	flex-wrap: wrap;
}
.blog-listing-img {
	max-width: 100%;
}
.blog-listing-detail {
	padding-left: 0;
	padding-top: 20px;
}
.tech-text {
	font-size: 16px;
}
}
@media (max-width: 575px){
.core-genius button {
    display: none;
}

.typed{font-size: 16px;}
.process-wraper{ margin:0;}
.process-wraper svg { display: none;}
.process-title{ text-align:center;}
.process-step li { opacity: 1 !important; -webkit-animation: initial !important; animation: initial !important; position: initial !important; display: block; border-radius: 0; width: auto; height: auto; -webkit-box-shadow: none; box-shadow: none; background: none !important; border: none; text-align: center !important; margin-top: 0px;}
.process-step li:not(:first-child){ margin-top:25px;}
.process-step li figure {position: initial !important; display: inline-block; text-align: center; margin: 0; width: 60px; height: 60px;}
.process-step li .process-info { position: initial !important; text-align: center !important; width: 100%!important; margin:15px 0 0;}
.process-step li .process-info h3 { font-size: 20px; } 
.process-step li .process-info p { font-size: 16px; line-height: 22px; }
.hero-section{ padding-top:0px; }
.banner-caption{ padding-bottom:80px; padding-top: 80px;}
.navbar-light .navbar-brand img{ width:150px;}
.universal-text h1{ font-size: 30px;}
.universal-text h3{ font-size: 16px;}
.we-mean-universal,.services-wraper,.mission-section,.agile-wraper,.blog-wraper,.learn-about-wraper{ padding: 50px 0;}
.post-wraper{ display:block;}
.post-media{ width:100%; height: 150px; overflow: hidden;}
.post-media img{ width:100%;}
.learn-about-wraper{ background-size:100%;}
.hero-section-home{ background-position: 10% center; background-size:100%;}
.share-vacency{ margin-left:0;} 
.agile-process ul li{ min-width:90%; }
.team-case-wraper{ width:280px;}
.team-case .grid-item { width: 140px; height: 140px;  }
.team-case .grid-item.gigante{ width:280px; height: 280px;}
.team-case .grid-item .emp-info { line-height: 20px; padding: 10px;}
.team-case .grid-item .emp-info span.fname{ font-size: 16px; }
.team-case .grid-item .emp-info span.designation{ font-size: 14px; margin-top:5px; }
.team-case .grid-item.gigante .emp-info span.fname{ font-size:22px;}
.team-case .grid-item.gigante .emp-info span.designation{ font-size:18px;}
.team-case .grid-item .emp-info .punchline{ font-size: 14px; line-height: 20px;}
.blog-wraper-inner{ padding: 0px 15px;}
#service-slider .carousel-item{min-height:350px;}
.map-image{ min-height:300px;}
.team-banner-tiles li{ width:calc(49% - 20px); margin: 12px 10px 12px 10px!important;}
.service-icon-list li{ margin: 10px 10px 10px ; width:calc(48% - 20px); }
}

.blog_content {
    padding-left: 15px;
}
.about_blogger {
       display: flex;
    align-items: center;
    padding: 20px;
    background: #f2f2f3;
}
.blogger_img {
    margin-left: -50px;
}
.blogger_img img {
    height: 120px;
    border: 4px solid #ddd;
}
.blog_content span {
    color: #939393;
    font-style: italic;
}
.header-navbar .navbar .navbar-collapse{
	z-index:99;
}
@media (max-width: 575px) {
	.about_blogger {
		display: block;
		    margin-bottom: 30px;
	}
	.blogger_img {
    margin-bottom: 10px;
		margin-left: 0;
}
	.blog_content {
    padding-left: 0;
}
} 		

.text-elip{
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 125%;
}
.lh180{line-height: 180%;}
.blog-page .page-item.active .page-link{background-color: #28a745; border-color: #28a745; color: #ffffff;}
.blog-page .page-link{color: #28a745; outline: none; box-shadow: none;}
.blog-page .page-link:hover{color: #1e7e34;}
.blog-head{background: url('images/blog-banner.jpg') no-repeat; padding: 75px 0; background-size: cover; position: relative; color: #ffffff; background-position: center;}
.blog-head:before {
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  background-color: rgba(0, 0, 0, 0.7);
  content: ' ';
}

.blog-head-text{font-size: 2.5rem;}
@media(max-width: 767px){
        .blog-head{padding: 30px 0;}
        .blog-head-text{font-size: 1.5rem;}
}

.newsletter-wrap {
    text-align: center;
    background: #1d2733 url('images/newletter-bg.png') center center repeat;
    background-attachment: fixed;
    padding: 80px 0;
    color: #fff;
}
.newsletter-wrap input{height:55px; border-radius:0;}

.blog-main .card{
    box-shadow: 0 0 10px 0 #cccccc;overflow: hidden;
}
body.ie .blog-main .card{
    align-items: inherit !important;
    -ms-flex-align: inherit !important;
    flex-direction: inherit !important;
    -ms-flex-direction: inherit !important;
    display: inherit !important;
}

body.ie .related-post div.mb-4.d-flex{
    display: inherit !important;
}
body.ie .related-post div.mb-4.d-flex .card{
    align-items: inherit !important;
    -ms-flex-align: inherit !important;
    flex-direction: inherit !important;
    -ms-flex-direction: inherit !important;
    display: inherit !important;
}

@media(max-width: 575px){
    .flex-auto{flex: auto !important;}
}

.contactform input:not(.wpcf7-submit), .contactform select{
    width: 100%;
    height: 38px;
    padding: 0px;
    border: none;
    border-bottom: 1px solid #37b97d;
	outline:none;
}

.contactform textarea{
    width: 100%;
    padding: 0px;
    border: none;
    border-bottom: 1px solid #37b97d;
    height: 130px;
}

.contactform .contact-sale-btn input[type="submit"]{
    background: #70b57c;
    border: none;
    padding: 15px 60px;
    color: #fff;
    cursor: pointer;
}

.contact-footer{background-color: #70b57c; padding: 15px 0;display:none;}
.social-icon li{display: inline-block; margin-left: 15px;}
.social-icon li a{
    background: #ffffff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    align-items: center;
    display: flex;
    color: #70b57c;
    text-decoration: none;
}
.social-icon li a i{margin: auto;}

@media(min-width: 1200px){
.contact-vector{
position: absolute;
top: -45px;
right: -35px;
width: 200px;
}
}

.contact-sale-footer .copyright{display:none;}
.contact-sale-footer .contact-footer{display:block;}

/*Comments CSS*/
#comments ul.children{padding-left: 20px;}
#comments ul.children li{background-color: #f8f8f8;}
#comments ul.children li .media-heading{font-size: 18px;}
#comments ul.children li p{font-size: 14px;}
#comments ul.children li .comment_text p, #comments ul li .comment-date{font-size: 14px;}

#comments li img{max-height: 60px; max-width: 60px;}
#comments li .comment_text p{margin-bottom: 8px; line-height: 150%;}
#comments li a.comment-reply-link{
    color: #6c757d;
    padding: 8px 15px;
    background: #dddddd;
    border-radius: 50px;
    font-size: 14px;
    text-decoration: none;
}
#comments li a.comment-reply-link:hover,
#comments li a.comment-reply-link:focus{
    color: #ffffff;
    background: #6fb67c;
}

.single-content{font-family: 'Lora', serif; font-size: 18px; font-weight: 300; line-height: 160%;}
.single-content p.big::first-letter{ font-size: 200%;  color: #28a745; font-weight: 600; letter-spacing: 2px;}
.single-content a{color: #28a745; font-weight: 500;}
.single-content h1,
.single-content h2,
.single-content h3,
.single-content h4{position: relative;margin-bottom: 1rem;color: #28a745;}
.single-content h1::before,
.single-content h2::before,
.single-content h3::before,
.single-content h4::before{
    content: '';
    width: 100px;
    height: 2px;
    background-color: #28a745;
    position: absolute;
    left: 0;
    bottom: -10px;
}
.text-grey,.related-post .date{color: #999999;}
.related-post{/*font-family: 'Lora', serif;*/ font-size: 18px;}
.related-post .cat-name, 
.related-post .date{font-size: 16px;}.related-post .card-text, .auth-description{line-height: 150%;}
.related-post .card-text,
.related-post .post-author, 
.related-post .read-more{font-size: 18px;}

.single-content ul{padding-left: 0px;}
.single-content ul li{
    list-style: none;
    background: url('https://www.sarvika.com/wp-content/uploads/2019/10/check.png') no-repeat left 3px;
    padding: 0px 0 1px 30px;
    margin-bottom: 10px;
}

#submitresume input[type="file"]{
	border:none;
	padding:.375rem 0rem;
}
#submitresume .contact-form textarea {
    padding: 15px;
}
#submitresume select.wpcf7-form-control{
    width: 100%;
    padding: 10px;
}
#submitresume .form-control:focus, 
#submitresume form.contact-form input[type="text"]:focus, 
#submitresume form.contact-form input[type="email"]:focus, 
#submitresume form.contact-form input[type="tel"]:focus, 
#submitresume form.contact-form input[type="file"]:focus, 
#submitresume form.contact-form textarea:focus, 
#submitresume form.contact-form select:focus{
    border-bottom: 1px solid #37b97d;
    box-shadow: none;
}

/* .contact-form .col-md-6 input, .contact-form textarea{
    border-radius: 0;
    outline: none;
} */
.contact-form input, .contact-form textarea {
    width: 100%;
    border: none;
    border-bottom: 1px solid #37b97d;
    border-radius: 0;
    outline: none;
}


/* .free-ebook .container{
    max-width: 1600px;
} */

@media(max-width: 1600px){
    .free-ebook .banner-img{
        min-height: 300px;
    }
}

@media(max-width: 767px){
    .free-ebook .container-fluid h1{
        font-size: 24px;
    }
}

.free-ebook .container-fluid p{
    line-height: 150%;
}

#DownloadEbook.modal div.wpcf7-mail-sent-ok {
    border: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    background: #ffffff;
    display: flex !important;
    align-items: center;
}

/* .free-ebook .overlay-text{
    position: absolute;
    right: 30px;
    bottom: 45px;
} */

.free-ebook .overlay-text {
    position: absolute;
    background: rgba(0,0,0,0.5);
    border-radius: 10px;
    padding: 30px;
    text-align: center;
    top: 50%;
    right: 10%;
    font-size: 50px;
    color: white;
    transform: translate(-0%,-50%);
    -ms-transform: translate(-0%,-50%);
}

#hero-slider .carousel-indicators li{background-color: rgba(96, 96, 98, 1);}
#hero-slider .carousel-indicators .active{background-color: rgba(111, 182, 124,1);}

.earth {
position: relative;
width: 500px;
height: 500px;
margin: 3em auto;
background: #fff url('images/dotted-map-grey.png') 0 0 repeat;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
background-size: cover;
animation: rotate 20s linear infinite;
-webkit-animation: rotate 20s linear infinite;
-moz-animation: rotate 20s linear infinite;
-ms-animation: rotate 20s linear infinite;
-o-animation: rotate 20s linear infinite;
-webkit-transition: -webkit-transform 200ms linear;
-webkit-transform-style: preserve-3d;
-moz-transition: -moz-transform 200ms linear;
-moz-transform-style: preserve-3d;
transition: transform 200ms linear;
transform-style: preserve-3d;
}
.earth.clr1 {
    background: #fff url('images/dotted-map-green.png') 0 0 repeat;
    background-size: cover;
}
.earth.clr2 {
    background: #fff url('images/dotted-map-green50.png') 0 0 repeat;
    background-size: cover;
}
.earth.clr3 {
    background: #fff url('images/globe.png') 0 0 repeat;
    background-size: cover;
    background-position: left;
}

.earth:before {
content: "";
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
box-shadow: -80px 15px 80px 10px rgba(0,0,0,0.1) inset;
-moz-box-shadow: -80px 15px 80px 10px rgba(0,0,0,0.1) inset;
-webkit-box-shadow: -80px 15px 80px 10px rgba(0,0,0,0.1) inset;
z-index: 2;
}

.earth:after {
content: "";
position: absolute;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0.2;
background: radial-gradient(circle at 100px 100px, #fff, #f9f9f9);
}

@media(max-width:767px){
    .earth {
        width: 250px;
        height: 250px;
    }
}

@media(max-width:1023px){
    .earth {
        width: 300px;
        height: 300px;
    }
}

.we-mean-universal{    
    background: none;
    padding: 80px 0;
}
.we-mean-universal:before{
    display: none;
}
.universal-text h1{
    color: #6FB67C;
}
.typed{
    color: inherit;
}
.jaipur-address{width: auto;}
.contact-info .phone, .contact-info .email {
    display: block;
    width: auto;
}
.myshadow::after{
    content: '';
    width: 25%;
    height: 20px;
    position: absolute;
    margin: auto;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 50%;
    opacity: 0.2;
    background: #212121;
    background: -moz-radial-gradient(center, ellipse cover, #212121 0%, #cccccc 100%);
    background: -webkit-radial-gradient(center, ellipse cover, #212121 0%,#cccccc 100%);
    background: radial-gradient(ellipse at center, #212121 0%,#cccccc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#212121', endColorstr='#cccccc',GradientType=1 );
}
@keyframes rotate {
0% {background-position: 100% 0;}
100% {background-position: 0 0;}
}


@-moz-keyframes rotate {
0% {background-position: 100% 0;}
100% {background-position: 0 0;}
}


@-webkit-keyframes rotate {
0% {background-position: 100% 0;}
100% {background-position: 0 0;}
}


@-ms-keyframes rotate {
0% {background-position: 100% 0;}
100% {background-position: 0 0;}
}


@-o-keyframes rotate {
0% {background-position: 100% 0;}
100% {background-position: 0 0;}
}


#cookie-law-info-bar span {
    vertical-align: middle;
    line-height: 150%;
}

#cookie_action_close_header{
	background-color: rgb(111, 169, 99) !important;
    /* display: block !important;
    color: rgb(255, 255, 255) !important;
    width: 60% !important;
    margin: 15px auto auto !important; */
}

@media(min-width: 768px){
#cookie-law-info-bar{
	width: 60% !important;
	margin: auto !important;
	left: 0 !important;
	right: 0 !important;
}
}

.wpcf7-acceptance input[type="checkbox"]{
	width: auto !important;
    height: auto !important;
}


/*--- Look Book css -----*/
#lookbook .main{
    background: url('../images/hero-banner.jpg') no-repeat;
    background-size: cover;
}

#lookbook .book-section{
    width: 100%;
    padding: 40px 0;
    text-align: center;
    overflow: hidden;
}
#lookbook .book-section > .container{
    height: 550px;
    max-width: 1600px;
    position: relative;
    border-radius: 2%;
    margin-bottom: 30px;
    perspective: 1200px;
}
#lookbook .container > .right{
    position: absolute;
    height: 100%;
    width: 50%;
    transition: 0.7s ease-in-out;
    transform-style: preserve-3d;
}
#lookbook .book-section > .container > .right{
    right:0;
    transform-origin: left;
    border-radius: 10px 0 0 10px;
}
#lookbook .right > figure.front, #lookbook .right > figure.back{
    margin: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    left:0;
    top:0;
    background-size: 200%;
    background-repeat: no-repeat;
    backface-visibility: hidden;
    background-color: white;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background-size: contain;
}
#lookbook .right > figure.front{
    background-position: right;
    border-radius: 0 10px 10px 0;
    box-shadow: 2px 2px 15px -2px rgba(0,0,0,0.2);
}
#lookbook .right > figure.back{
    background-position: left;
    border-radius: 10px 0 0 10px;
    box-shadow: -2px 2px 15px -2px rgba(0,0,0,0.2);
    transform: rotateY(180deg);
}
#lookbook .flip{
    transform: rotateY(-180deg);
}
#lookbook .flip::before{
    content: "";
    position: absolute;
    top:0;
    left:0;
    z-index: 10;
    width: 100%;
    height: 100%;
    border-radius: 0 10px 10px 0;
    background-color: rgba(0,0,0,0.1);
}
#lookbook .book-section  button.action-btn{
    border: 1px solid #00AEEF;
    background-color: transparent;
    color: #00AEEF;
    padding: 10px 20px;
    border-radius: 0px;
    cursor: pointer;
    margin: 10px;
    transition: 0.3s ease-in-out;
}
#lookbook .book-section  button.action-btn:focus, .book-section button.action-btn:active{
    outline: none;
}


#lookbook .book-section  button.action-btn:hover{
    background-color: #00AEEF;
    color: #fff;
}
#lookbook .front#cover, #lookbook .back#back-cover{
    background-color:  #20bf55;
    background-image: linear-gradient(315deg, #20bf55 0%, #01baef 74%);
    text-align: left;
    padding: 0 30px;
}
#lookbook .front#cover h1{
    color: #fff;
    margin:auto;
    font-weight: 800;
    font-size: 55px;
    text-align: center;
}

.magazine#lookbook .book-section{
    overflow: unset;
}
.magazine#lookbook .front#cover, .magazine#lookbook .back#back-cover{
    background-color:  #00344a;
    background-image: none;
}
.magazine#lookbook .book-section > .container{
    height: 750px;
    max-width: 1600px;
}
.magazine#lookbook .flip::before{
    display: none;
}
.magazine#lookbook .right > figure.back iframe {
    border-radius: 10px 0 0 10px;
}


@media(max-width: 1200px){
    #lookbook .front#cover h1{
        font-weight: 400;
        font-size: 18px;
    }
}


#lookbook #back-cover img,
#lookbook .front#cover img{
    position: absolute;
    right: 28px;
    bottom: 28px;
    max-width: 120px;
}

@media(max-width:767px){
#lookbook .book-section > .container,
.magazine#lookbook .book-section > .container{
        height: 300px;
    }
}
.look-book-head{
    padding: 50px 0 50px;
}    

#lookbook .book-section a.close{
   position: absolute;
    color: #ffffff;
    font-size: 30px;
    right: 0px;
    opacity: 1;
    top: -40px;
    font-weight: 300;
}
@media (min-width: 992px){
.modal-lg, .modal-xl {
    max-width: 800px;
}}
@media (min-width: 1200px){
.modal-xl {
    max-width: 1600px;
}}

.first-left-page{
    background-color:  #20bf55;
    background-image: linear-gradient(315deg, #20bf55 0%, #01baef 74%);
}
#lookbook .first-left-page img {
    position: absolute;
    left: 28px;
    bottom: 28px;
    max-width: 120px;
}

/*--- End Look Book css -----*/


/* increase header size after 600px */


.left-img{
    position: absolute;
    top: 10%;
    left: 15%;
}
.left-img img{
    max-height: 500px;
}

.right-text{
    position: absolute;
    top: 10%;
    right: 15%;
    z-index: -1;
}

/* center the blockquote in the page */
.blockquote-wrapper {
   display: flex;
   padding: 0 20px;
}

/* Blockquote main style */
.blockquote {
    position: relative;
    font-weight: 800;
    padding: 30px 0;
    width: 100%;
    max-width: 500px;
    z-index: 1;
    align-self: center;
    border-top: solid 1px;
    border-bottom: solid 1px;
}

/* Blockquote header */
.blockquote h1 {
    position: relative;
    font-size: 60px;
    font-weight: 800;
    line-height: 1;
    margin: 0;
}

/* Blockquote right double quotes */
.blockquote:after {
    position: absolute;
    content: "”";
    font-size: 14rem;
    line-height: 0;
    bottom: -43px;
    right: 30px;
}


/* Blockquote subheader */
.blockquote h4 {
    position: relative;
    color: #292a2b;
    font-size: 1.4rem;
    font-weight: normal;
    line-height: 1;
    margin: 0;
    padding-top: 20px;
    z-index: 1;
}

@media (max-width: 1024px) {
    .blockquote h1 {
    font-size: 18px;
    line-height: 120%;
   }
   .left-img img{
    max-height: 350px;
}
   .right-text {
    position: absolute;
    top: 10%;
    right: 10%;
    z-index: -1;
    display: block;
    width: 38%;
}
.blockquote h4 {
    font-size: 1rem;
}

}



/* Counter Strip */
.counter-strip{
    padding: 25px 20px;
    text-align: center;
    background: #6fb67c;
    color: #FFF;
}
.counter-strip .counter-box i{
    font-size: 2.5rem;
}
.counter-strip .counter-box h2{
    font-size: 3rem;
}
.counter-strip p{margin: 0;}

#green-business-practices-at-sarvika-technologies .carousel-control-next, 
#green-business-practices-at-sarvika-technologies .carousel-control-prev {
    top: -30px;
    width: 30px;
    opacity: 1;
    height: 30px;
    margin: auto;
    background: #6fb67c;
}

#green-business-practices-at-sarvika-technologies .carousel-indicators li{
    background-color: #212121;
}

#green-business-practices-at-sarvika-technologies .carousel-indicators .active {
    background-color: #6fb67c;
}

#green-business-practices-at-sarvika-technologies .carousel-control-next-icon, 
#green-business-practices-at-sarvika-technologies .carousel-control-prev-icon{
    width: 10px;
    height: 10px;
}






footer {
background-color: #212121;
width: 100%;
height: 100%; }
footer .copyright {
padding: 30px 0;
color: #ffffff; }
footer .copyright .footer-head {
font-size: 28px;
margin-bottom: 30px; }
footer .copyright .social-share, footer .copyright .footer-li {
margin: 0;
padding: 0; }
footer .copyright .social-share li {
list-style: none;
display: inline-block;
margin-top: 15px;
margin-right: 10px; }
footer .copyright .social-share li a {
width: 40px;
height: 40px;
color: #ffffff;
border: 1px solid #ffffff;
border-radius: 50%;
display: flex;
align-items: center;
text-decoration: none;
outline: none; }
footer .copyright .social-share li a i {
margin: auto; }
footer .copyright .social-share li:last-child {
margin-right: 0px; }
footer .copyright .footer-li li {
list-style: none;
display: block;
margin-bottom: 10px;
padding: 0; }
footer .copyright .footer-li li a {
color: #ffffff;
text-decoration: none;
outline: none; 
font-size: 1rem;}
footer .post-footer {
border-top: 1px solid #3d3d3d; }

.blog-cardbox .card{
    border-radius: 10px;
    background: #fcfcfc;
    overflow: hidden;
}

.blog-cardbox .card .cat-link,
.blog-cardbox .card  .date-text{
    color: #707070;
}
.blog-cardbox .card  .date-text{
    font-size: 12px;
}
.blog-cardbox .card .author-link{
   color: #494949; 
}
.blog-cardbox .card .title-link{
    color: #181818;
}
.blog-cardbox .card .cat-link,
.blog-cardbox .card .author-link,
.blog-cardbox .card .title-link{
    text-decoration: none;
}
.blog-cardbox .card .card-footer{
    background: transparent;
}

#covidModal{
    top: auto;
    bottom: 15px;
}
#covidModal p{
    line-height: 150%;
}
#covidModal .modal-dialog{
    transition: ease all 0.5s;
    -webkit-transform: translate(100%,0);
    transform: translate(100%,0);
}
#covidModal.show .modal-dialog{
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
}

#covidModal .modal-content{
    background: #1b3720 url('../Sarvika/images/corona-bg.png') no-repeat center center;
    color: #ffffff;
}
.covid-close{
    color: #ffffff;
    opacity: 1;
}
.author-avatar img{
	border-radius: 50%;
}
.job-cardbox .card{
    border-radius: 10px;
    overflow: hidden;
    background: #fcfcfc;
    width: 100%;
    color: #707070; 
}
.job-cardbox .card .title-link{
    color: #707070;
    text-decoration: none;
    display: block;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.job-cardbox .card .title-link::after{
    content: '';
    width: 70px;
    height: 2px;
    background: #6fb67c;
    position: absolute;
    left: 0;
    bottom: 0;
}
.navbar.nav-main {
padding: 8px 0;
}

.job-title{
    font-weight: 600;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 15px;
}
.job-title:before{
content: '';
width: 70px;
height: 2px;
background: #6fb67c;
position: absolute;
left: 0;
bottom: 0;
}

.single-job-form{
  padding:20px;
  background: #6fb67c;
}

.single-job-form input,
.single-job-form textarea,
.single-job-form select,
.single-job-form input:focus,
.single-job-form textarea:focus,
.single-job-form select:focus{
  background:transparent;
  border-bottom:1px solid #ffffff !important;
  color:#ffffff
}

.single-job-form .btn-green,
.single-job-form .btn-green:hover,
.single-job-form .btn-green:focus{
    background: #ffffff;
    border: none !important;
    color: #6fb67c;
}
.single-job-form textarea{
    height: 150px;
}
.single-job-form select option{
  color:#666666;
}
.single-job-form input::-webkit-input-placeholder,
.single-job-form textarea::-webkit-input-placeholder { /* Edge */
  color: #ffffff !important;
}
.single-job-form input:-ms-input-placeholder,
.single-job-form textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #ffffff !important;
}
.single-job-form input::placeholder,
.single-job-form textarea::placeholder {
  color: #ffffff !important;
}

.single-job-desc h3{
    background: #eeeeee;
    display: inline-block;
    padding: 10px;
}

.single-job-form .custom-file-label{
    color: #ffffff;
    border: none;
    border-radius: 0;
    background: transparent;
    border-bottom: 1px solid #fff;
}
.newjob{
    width: 50px;
    padding: 8px 10px;
    border-radius: 0;
    font-size: 14px;
    border-bottom-right-radius: 10px;
    text-transform: capitalize;
}   

#quote-carousel {
    padding: 0 10px 30px 10px;
    margin-top: 80px;
}
#quote-carousel .carousel-control {
    background: none;
    color: #CACACA;
    font-size: 2.3em;
    text-shadow: none;
    margin-top: 30px;
}
#quote-carousel .carousel-indicators {
    position: relative;
    margin-top: 20px;
}
#quote-carousel .carousel-indicators li {
    width: 60px;
    height: 60px;
    cursor: pointer;
    border: 1px solid #ccc;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    /* overflow: hidden; */
    transition: all .4s ease-in;
    vertical-align: middle;
    text-indent: inherit;
    display: flex;
    align-items: center;
    align-self: center;
    margin: 0 25px;
    background: #ffffff;
    position: relative;
    z-index: 1;
}
#quote-carousel .carousel-indicators li span{
  margin: auto;
}
#quote-carousel .carousel-indicators .active {
    width: 100px;
    height: 100px;
    opacity: 1;
    transition: all .2s;
    background-color: #f9f9f9;
    font-size: 24px;
}


#quote-carousel .carousel-indicators li::before {
    position: absolute;
    top: calc(50% - 5px);
    left: -51px;
    display: inline-block;
    width: 50px;
    height: 10px;
    content: "";
    background: #000;
    z-index: -1;
    display: none;
}

#quote-carousel .carousel-indicators li:first-child::before {
  display: none;
}

#quote-carousel .carousel-indicators li.active-bar::before{
  background: #ccc;
}
#quote-carousel .carousel-item h2 {
    font-size: 2.5rem;
    font-weight: bold;
    color: #262d32;
}
#quote-carousel .carousel-item p {
    line-height: 1.65rem;
    font-size: 1.25rem;
    color: #262d32;
}
#quote-carousel .carousel-item{
    min-height: 350px;
}
@media(max-width: 767px){
    #quote-carousel .carousel-item h2 {
        font-size: 1.8rem;
    }
    #quote-carousel .carousel-item p {
        font-size: 1rem;
    }
    #quote-carousel .carousel-indicators li{
        font-size: 14px;
        width: auto;
        height: auto;
        margin: 0 10px;
        border: none;
    }
    #quote-carousel .carousel-indicators .active {
        width: auto;
        height: auto;
    }
        /* Small Devices, Tablets */
    .aos-animate {
        /*CSS transitions*/
        -o-transition-property: none !important;
        -moz-transition-property: none !important;
        -ms-transition-property: none !important;
        -webkit-transition-property: none !important;
        transition-property: none !important;
        /*CSS transforms*/
        -o-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -webkit-transform: none !important;
        transform: none !important;
        /*CSS animations*/
        -webkit-animation: none !important;
        -moz-animation: none !important;
        -o-animation: none !important;
        -ms-animation: none !important;
        animation: none !important;
    }
}
.job-cardbox{
    display:none !important;
}

.job-cardbox:nth-child(1),
.job-cardbox:nth-child(2),
.job-cardbox:nth-child(3),
.job-cardbox:nth-child(4),
.job-cardbox:nth-child(5),
.job-cardbox:nth-child(7),
.job-cardbox:nth-child(8),
.job-cardbox:nth-child(9),
.job-cardbox:nth-child(10),
.job-cardbox:nth-child(11),
.job-cardbox:nth-child(13),
.job-cardbox:nth-child(15),
/* .job-cardbox:nth-child(16), */
.job-cardbox:nth-child(17),
/* .job-cardbox:nth-child(18), */
.job-cardbox:nth-child(20),
.job-cardbox:nth-child(21),
.job-cardbox:nth-child(22),
.job-cardbox:nth-child(23),
.job-cardbox:nth-child(24){
  display:flex !important;
}

/*---About us css---*/
.lh150{line-height: 150%;}
.theme-clr{
    color: #6fb67c;
}
.about-us{
    background: #f4f4f4;
    padding: 5% 0;
}
.about-us .heading{
    /*font-size: 75px;*/
    font-weight: bold;
    margin-bottom: 7%;
}   

.about-us .circle-shape{
    background: #ffffff;
    width: 300px;
    height: 300px;
    font-size: 80px;
    font-weight: bold;
    border-radius: 50%; 
}
.about-us .timeline-row {
    margin-bottom: 60px;
}
.about-us .timeline-head{
    font-size: 25px;
    font-weight: bold;
    background: #fff;
    padding: 33px 25px 33px 15px;
    margin-bottom: 0px;
    position: relative; 
    min-height: 96px;
}
.about-us .timeline-head-parent{
    margin-bottom: 60px;
}
.about-us .shadow-shape{
    position: absolute;
    left: -83px;
    user-select: none;
    -webkit-user-drag: none;
}
.about-us .order-md-1 .shadow-shape{
    left: auto;
    right: -83px;
    transform: rotateY(-180deg);
}
.about-us .order-md-1 .timeline-head{
    text-align: right;
}
.about-us .timeline-desc{
    font-size: 18px;
    line-height: 140%;
    text-align: justify;
}

.lifeatsarvika,.visionmission {padding: 5% 0;}

.lifeatsarvika .carousel-control-next, 
.lifeatsarvika .carousel-control-prev{
    top: 50%;
    width: 40px;
    height: 40px;
    color: #ffffff;
    opacity: 1;
    background: #6fb67c;    
}


/*---Loader CSS---*/	
#loadingDiv {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  z-index: 99999; }
#loadingDiv {
  display: -ms-flexbox !important;
  display: flex !important; }

#loadingDiv{
  -ms-flex-align: center !important;
  align-items: center !important; 
 }


.earth-loader {
 position: relative;
 width: 100px;
 height: 100px;
 margin: auto;
background: #fff url('images/globe-loader.png') 0 0 repeat;
background-size: cover;
background-position: left;
 border-radius: 50%;
 -moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 -ms-border-radius: 50%;
 -o-border-radius: 50%;
 animation: rotate-loader 1s linear infinite;
 -webkit-animation: rotate-loader 1s linear infinite;
 -moz-animation: rotate-loader 1s linear infinite;
 -ms-animation: rotate-loader 1s linear infinite;
 -o-animation: rotate-loader 1s linear infinite;
 -webkit-transition: -webkit-transform 200ms linear;
 -webkit-transform-style: preserve-3d;
 -moz-transition: -moz-transform 200ms linear;
 -moz-transform-style: preserve-3d;
 transition: transform 200ms linear;
 transform-style: preserve-3d;
 }


.earth-loader:before {
content: "";
position: absolute;
top: 0%;
left: 0%;
width: 100%;height: 100%;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
box-shadow: -80px 15px 80px 10px rgba(0,0,0,0.1) inset;
-moz-box-shadow: -80px 15px 80px 10px rgba(0,0,0,0.1) inset;
-webkit-box-shadow: -80px 15px 80px 10px rgba(0,0,0,0.1) inset;
    z-index: 2;
}

.earth-loader:after {
content: "";
position: absolute;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0.2;
background: radial-gradient(circle at 100px 100px, #fff, #f9f9f9);
}

@keyframes rotate-loader {
    0% {background-position: 100% 0;}
    100% {background-position: 0% 0;}
}

.calendar-ebook{
    background: url('https://www.sarvika.com/wp-content/uploads/2021/02/bg_2021-1.jpg') no-repeat;
    background-size: cover;
    padding-top: 60px;
    padding-bottom: 60px;
    color: #ffffff;
    line-height: 150%;
}

.calendar-ebook p{
    font-size: 18px;
}
.calendar-ebook img{ 
    max-height: 550px;
}
.top_heading{
    background: #70b57c;
    padding: 15px 30px;
    border-radius: 12px;
    box-shadow: 4px 4px 0px 4px #09557d;
    display: inline-block;
}
.desc-box{
    padding: 30px;
    background: rgba(67, 78, 84, 0.75);
}
.heading_h3{
    color: #70b57c;
    font-weight: 800;
}
.about-sarvika-section{
    line-height: 150%;
}
.form2021 input[type="text"],
.form2021 input[type="email"]{
    height: 48px;
    padding: 8px 20px;
    border: none;
}
.contactform .form2021 .contact-sale-btn input[type="submit"]{
    background: #70b57c;
    width: 100%;
    display: block;
}
.line-hr::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    background: aliceblue;
    width: 100%;
    height: 1px;
    bottom: -15px;
    max-width: 500px;
}

.inside-sarvika{
  background: url('https://www.sarvika.com/wp-content/uploads/2021/03/inside_sarvika_magazine-bg.jpg') no-repeat;
  background-size: cover;
  padding-top: 60px;
  padding-bottom: 60px;
  color: #ffffff;
  line-height: 150%;
}
.content_box {
  background: #022f43;
  padding: 40px;
  box-shadow: 10px 10px 0px 0px #054764;
  border-radius: 10px;
}
.content_box1 {
  background: #212121;
  padding: 40px;
  margin-bottom:-108px;
}
.inside-sarvika .content_box1 img{
  max-height: 450px;
}
.check_icon li{
  list-style: none;
  position: relative;
  padding: 10px 0 0 30px;
}

.check_icon li::before{
  content: '\f046';
  font-family: FontAwesome;
  position: absolute;
  left: 0;
}


.inside-sarvika p{
    font-size: 18px;
}
.inside-sarvika img{ 
    max-height: 550px;
}


.about_us_head{
    display: inline-block;
    padding: 10px 30px;
    background: #262d32;
    color: #fff;
}

#ct{border: 1px solid #262d32;text-align:center;position:relative;padding:15px 30px;}
#ct span{
  background: #f8f9fa;
  color: #262d32;
  padding:0 10px;
  font-size:32px;
  position:relative;
  top:-28px;
}
#ct .corner{
  height:30px;
  width:30px;
  border-radius:50%;
  border:1px solid #fff;
  transform:rotate(-45deg);
  position:absolute;
  background: #f8f9fa;
}

#ct #left_top{
  top:-16px;
  left:-16px;
  border-color: transparent transparent #262d32 transparent;
}
#ct #right_top{
  top:-16px;
  right:-16px;
  border-color: transparent transparent transparent #262d32;
}
#ct #left_bottom{
  bottom:-16px;
  left:-16px;
  border-color: transparent #262d32 transparent transparent;
}
#ct #right_bottom{
  bottom:-16px;
  right:-16px;
  border-color: #262d32 transparent transparent transparent;
}

.header_bar_fixed {
  line-height: 170%;
  text-align: center;
  padding: 6px 16px;
  background: aliceblue;
}

.page-id-17 .btn:before{
  display: none
}
.page-id-17 .btn{
  border: inherit;
}

.animate__animated {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}
@keyframes backInDown {
  0% {
    opacity: .7;
    -webkit-transform: translateY(-1200px) scale(.7);
    transform: translateY(-1200px) scale(.7)
  }
  80% {
    opacity: .7;
    -webkit-transform: translateY(0) scale(.7);
    transform: translateY(0) scale(.7)
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

.animate__backInDown {
  -webkit-animation-name: backInDown;
  animation-name: backInDown
}

@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(0.75, 0.75);
  }
  50% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(0.75, 0.75);
  }
}
.zoom-in-out-box {
  animation: zoom-in-zoom-out 1s ease infinite;
}


@media(min-width: 1600px){

}
@media(min-width: 1200px){
    
}
@media (min-width: 1280px){
    .mycontainer{
        max-width: 1440px;
    }
    .calendar-ebook{
        padding-left: 60px;
        padding-right: 60px;
    }
    .calendar-ebook h1{
        font-size: 3.5rem;
    }
}
@media(max-width: 1199px){
    .about-us .timeline-head{
        background: #fff;
        padding: 25px 15px 25px 15px;
    }
    .about-us .circle-shape{
        width: 220px;
        height: 220px;
        font-size: 60px;
    }
}
@media(max-width: 767px){
    .about-us .heading{
        font-size: 36px;
    }
    .about-us .shadow-shape{
        display: none;
    }
    .about-us .timeline-head-parent{
        margin-bottom: 30px;
        margin-top: 30px;
    }
    .about-us .timeline-head{
        font-size: 20px;
        padding: 25px 15px 25px 15px;
        position: relative;
    }
    .about-us .circle-shape{
        width: 250px;
        height: 250px;
        font-size: 40px;
    }
    .header_bar_fixed {
      padding: 16px;
    }
}

#ebook-popup .close{
    position: absolute;
    z-index: 9;
    right: 10px;
    top: 0;
    font-weight: 300;
    font-size: 35px; 
}

div.wpcf7-validation-errors, 
div.wpcf7-acceptance-missing {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba !important;
    padding: 15px !important;
}

.wpcf7 form.sent .wpcf7-response-output {
    padding: 15px 25px;
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
    border-radius: 6px;
    margin-left: 0;
    margin-right: 0;
}
.codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn {
    text-decoration: none;
    box-shadow: none;
    background: #ffffff;
    color: #6fb67c;
    padding: 8px 20px;
    display: inline-block;
    border-radius: 4px;
    margin-top: 10px;
}
.codedropz-upload-handler{
    border-color: #ffffff !important;
    color:  #ffffff !important;
}
.dnd-upload-status .dnd-upload-details .dnd-progress-bar span {
    background: #ffffff !important;
    color: #6fb67c !important;
}
.dnd-upload-status .dnd-upload-details .name,
.dnd-upload-status .dnd-upload-details .name em {
    color: #ffffff !important; 
}
.dnd-upload-status .dnd-upload-details .remove-file span:after {
    content: '\f057' !important;
    color: #fff;
    font-family: 'FontAwesome';
    background-image:  none !important;
}
.dnd-upload-status .dnd-upload-image {
    border:1px solid #ffffff !important;
}
.dnd-upload-status .dnd-upload-image span.file {
    background-image: none !important;
    
}
.dnd-upload-status .dnd-upload-image span.file::after{
    content: "\f016";
    font-family: 'FontAwesome';
    color: #fff;
}

.single_post_box {
    background: #e0e9e2 url('../Sarvika/images/magazine_new.jpg') no-repeat;
    background-size: cover;
    padding: 30px 15px;
    border-radius: 10px;
    min-height: 350px;
    display: flex;
    align-items: flex-end;
}

.recent_posts{
    background: #e0e9e2;
    padding: 30px;
}

.recent_posts li{
    list-style: none;
    margin-bottom: 10px;
    padding-left: 28px;
    position: relative;
}
.recent_posts li:last-child{
    margin-bottom: 0px;
}
.recent_posts li::before{
    content: "\f178";
    font-family: FontAwesome;
    color: #28a745;
    position: absolute;
    left: 0;
    top: 3px;
}
.recent_posts li a{
    color: #28a745;
    font-size: 18px;
    line-height: 150%;
    font-weight: 600;
}

.contact_sale{
    background: #e0e9e2;
    padding: 30px 15px;
    border-radius: 10px;
}
.single_post_box.contactform .contact-sale-btn{
    position: relative;
}
.single_post_box.contactform .contact-sale-btn .ajax-loader{
    position: absolute;
    right: 18px;
    top: 12px;
}
.single_post_box.contactform .contact-sale-btn input[type="submit"]{
    width: 100%;
    padding: 12px 30px;
}
.contactform input:not(.wpcf7-submit){
    height: 46px;
    padding: 12px 30px;
    border: none;
}
.single_post_box.contactform .wpcf7-response-output{
    background: aliceblue;
}