@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap");
/* Color styles */
/* Text-size styles */
/* Effect styles */
/* Btn style */
/* Corner radius */
/* Corner radius */
* {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
}
html {
     scroll-behavior: smooth;
}
body {
     font-family: "Lato", sans-serif;
     color: #5c5c5c;
     overflow-x: hidden;
     margin: 0;
     padding: 0 !important;
     border: 0;
     line-height: 1.6;
     font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
     background-color: #fbf9ff;
     display: block;
}
br {
     padding-bottom: 10px !important;
}
.btn-primary {
     background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), linear-gradient(92.5deg, #5d2ac0 0.76%, #4541e0 97.57%);
     border-radius: 100px;
     padding: 16px 35px;
}
.btn-primary:hover {
     background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), linear-gradient(92.5deg, #4541e0 97.57%, #5d2ac0 0.76%);
}
.container {
     max-width: 1600px;
     padding-left: var(--bs-gutter-x, 4rem);
     padding-right: var(--bs-gutter-x, 4rem);
}
h1, h2, h3, h4, h5, h6, p {
     margin: 0;
     padding: 0;
     border: 0;
     -webkit-text-size-adjust: 100%;
    /* Font varient */
     font-variant-ligatures: none;
     -webkit-font-variant-ligatures: none;
    /* Smoothing */
     text-rendering: optimizeLegibility;
     -moz-osx-font-smoothing: grayscale;
     line-height: 1.2;
}
h1, .h1 {
     font-weight: 700;
     margin-bottom: 0;
     line-height: normal;
     font-size: calc(32px + (72 - 32) * ((100vw - 320px) / (1920 - 320)));
}
h2, .h2 {
     font-weight: 600;
     margin-bottom: 0;
     line-height: normal;
     font-size: calc(24px + (42 - 24) * ((100vw - 320px) / (1920 - 320)));
}
h3, .h3 {
     font-weight: 500;
     margin-bottom: 0;
     line-height: normal;
     font-size: calc(20px + (36 - 20) * ((100vw - 320px) / (1920 - 320)));
}
h4, .h4 {
     font-weight: 400;
     margin-bottom: 0;
     line-height: 1.5;
     font-size: calc(18px + (30 - 18) * ((100vw - 320px) / (1920 - 320)));
}
h5, .h5 {
     font-weight: 400;
     margin-bottom: 0;
     line-height: 1.8;
     font-size: calc(16px + (22 - 16) * ((100vw - 320px) / (1920 - 320)));
}
h6, .h6 {
     margin-bottom: 0;
     font-weight: 400;
     line-height: 1.8;
     font-size: calc(12px + (18 - 12) * ((100vw - 320px) / (1920 - 320)));
}
p {
     line-height: 1.9;
}
.text-black {
     color: #000000;
}
body.open_menu {
     overflow: hidden;
}
.modal {
    padding-right: 0 !important;
}
.header {
     position: absolute;
     left: 0;
     top: 0;
     z-index: 9999999999;
}
.header .navbar {
     height: 100vh;
     width: calc(40px + (70 - 40) * ((100vw - 320px) / (1920 - 320)));
     z-index: 10;
}
.header .navbar .navbar-toggler, .header .navbar .navbar-toggler[aria-expanded=false]:focus {
  background: #FFF;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
 .header .navbar .navbar-toggler .navbar-toggler-icon {
     background: #000;
     height: 2px;
     position: absolute;
     top: 0;
     bottom: 0;
     margin: auto;
     left: 6px;
     width: 16px;
}
 .header .navbar .navbar-toggler .navbar-toggler-icon::before {
     content: '';
     position: absolute;
     top: -8px;
     left: 0;
     right: 0;
     margin: auto;
     background: #000;
     height: 2px;
     width: 24px;
     transition: all ease .3s;
}
 .header .navbar .navbar-toggler .navbar-toggler-icon::after {
     content: '';
     position: absolute;
     bottom: -8px;
     left: 0;
     right: 0;
     margin: auto;
     background: #000;
     height: 2px;
     width: 18px;
     transition: all ease .3s;
}
 .header .navbar .navbar-toggler[aria-expanded=true] .navbar-toggler-icon {
     height: 0;
     left: 7px;
}
 .header .navbar .navbar-toggler[aria-expanded=true] .navbar-toggler-icon::before {
     transform: rotate(45deg);
     top: -1px;
     transform-origin: center;
     left: -2px;
     background: #FFF;
}
 .header .navbar .navbar-toggler[aria-expanded=true] .navbar-toggler-icon::after {
     top: -10px;
     transform: rotate(-45deg);
     transform-origin: center;
     bottom: -10px;
     left: -2px;
     width: 24px;
     background: #FFF;
}
.header .navbar ul.navbar-nav {
    position: fixed;
    top: 0;
    padding-left: calc(70px + (120 - 70) * ((100vw - 320px) / (1920 - 320)));
    width: 100%;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    z-index: 1;
    bottom: 0;
    left: 0;
    padding-top: 80px;
    background: rgba(112, 98, 167, 0.80);
    backdrop-filter: blur(8px);
    max-width: 500px;
    overflow: auto;
}
.header .navbar ul.navbar-nav .nav-link {
    font-size: calc(22px + (28 - 22) * ((100vw - 320px) / (1920 - 320)));
    color: #ffffff;
    padding-top: 10px;
    padding-bottom: 10px;
    transition: ease-in-out all 1s;
}
.header .navbar ul.navbar-nav .nav-link:hover, .header .navbar ul.navbar-nav .nav-link:focus {
    text-decoration: underline;
}
 .header .navbar .navbar-brand {
     position: fixed;
     bottom: 0;
     left: 0;
}
 .menus-text {
     color: #000;
     display: flex;
     align-items: center;
     background: rgb(217 217 217);
     width: 170px;
     font-size: 20px;
     min-height: 100%;
     margin-left: 47px;
     width: 0;
     overflow: hidden;
}
 .btn__burger {
     width: 60px;
     height: 60px;
     border-radius: clamp(3rem,calc(2.6862745098rem + 1.568627451vw),5rem);
     z-index: 3;
     opacity: 1;
     transition: color .15s ease-out;
     overflow: hidden;
}
 .btn__burger {
     display: flex;
     overflow: hidden;
     align-items: center;
     box-shadow: 0 clamp(.25rem,calc(.2107843137rem + .1960784314vw),.5rem) clamp(1rem,calc(.8431372549rem + .7843137255vw),2rem) #0000001a;
     position: fixed;
     top: clamp(1rem,calc(.6862745098rem + 1.568627451vw),3rem);
     left: clamp(1rem,calc(.6862745098rem + 1.568627451vw),3rem);
}
.btn__burger:hover {
     transition: background-color 0s .25s linear;
}
.btn__burger:hover {
     width: auto;
     transition: width .5s ease-out,background-color 0s .25s linear;
}
.btn__burger .btn--text {
  width: 0;
  overflow: hidden;
  white-space: nowrap;
  max-width: 0px;
  position: relative;
  z-index: 1;
  font-weight: bold;
  color: #000;
}
 .btn__burger:hover .btn--text {
     width: auto;
     max-width: 320px;
     transition: max-width .25s .25s cubic-bezier(.62,.26,.94,.57),color 0s linear;
}
 .btn__burger:hover .btn--text p {
     opacity: 0;
     animation: buttonHoverText-e4850083 .25s .5s forwards;
}
 .btn__burger .btn--icon {
     width: 34px;
     height: 60px;
     display: inline-block;
     position: relative;
     z-index: 2;
}
 .btn__burger .btn--icon .burger-icon {
     position: relative;
     width: 100%;
     height: 100%;
}
.header .navbar .navbar-toggler[aria-expanded=true], .header .navbar .navbar-toggler:focus {
  background: #372849;
}
.navbar-toggler[aria-expanded=true] .btn--text{
  display: none;
}
 @keyframes buttonHoverText-e4850083 {
     0% {
         opacity: 0;
         transform: translateY(1rem) 
    }
     to {
         opacity: 1;
         transform: translateY(0) 
    }
}
.header .navbar ul.navbar-nav .nav-item.clowre-navitem {
    margin-bottom: auto;
}
.header .navbar ul.navbar-nav .custom-navitem .nav-link {
    font-size: calc(13px + (15 - 13) * ((100vw - 320px) / (1920 - 320)));
    padding: 0;
    line-height: 1;
    border-right: solid 1px #FFF;
    padding-right: 10px;
}
.header .navbar ul.navbar-nav .custom-navitem:last-child .nav-link {
    border: none;
}
 .h2.title {
     font-weight: 500;
     margin-bottom: 0;
     line-height: normal;
     font-size: calc(24px + (72 - 24) * ((100vw - 320px) / (1920 - 320)));
}
 .form-group {
     margin-bottom: 15px;
}
 .form-group br {
     display: none;
}
 .form-control {
     font-family: "Lato", sans-serif;
}
 label {
     color: #a8a8a8;
     margin-bottom: 10px;
     font-weight: 500;
}
 section {
     padding-top: 1rem;
     padding-bottom: 1rem;
}
 input:focus, input:active, .form-control:focus, .form-control:active, .form-select:focus, .form-select:active {
     outline: none;
     border: 1px solid #4f39e0;
     box-shadow: none;
}
 input [type="radio"] {
     margin-right: 10px;
}
 textarea, input {
     letter-spacing: 0.05em;
}
 textarea::placeholder, input::placeholder {
     color: #a8a8a8;
     font-size: 16px;
     font-weight: 500 !important;
}
 select {
     border: 1px solid #000000;
     padding: 8px;
}
 ul {
     padding-left: 0;
     margin-bottom: 0;
     list-style-type: none;
}
 .small-section {
     padding-top: 35px;
     padding-bottom: 35px;
}
 p {
     font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
     line-height: 1.9;
     margin-bottom: 0;
     letter-spacing: 0.05em;
}
 a {
     transition: 0.5s ease;
     text-decoration: none;
}
 a:hover {
     text-decoration: none;
     transition: 0.5s ease;
     color: #4f39e0;
}
 a:focus {
     outline: none;
}
 .btn:focus {
     outline: none !important;
     box-shadow: none !important;
}
 a, button {
     color: #4f39e0;
     cursor: pointer;
     line-height: inherit;
}
 .hidden {
     display: none;
}
 .panel{
     position:relative;
}
 .box__shadowcard-big {
     box-shadow: 4px 10px 33px rgba(0, 0, 0, 0.13);
     background: #ffffff;
     border-radius: 48px;
     -webkit-border-radius: 48px;
     -moz-border-radius: 48px;
     -ms-border-radius: 48px;
     -o-border-radius: 48px;
}
 .box__shadowcard-small {
     box-shadow: 2px 4px 24px rgba(0, 0, 0, 0.05);
     background: #ffffff;
     border-radius: 32px;
     -webkit-border-radius: 32px;
     -moz-border-radius: 32px;
     -ms-border-radius: 32px;
     -o-border-radius: 32px;
}
 .bg-primary-light {
     background: #f0edfd;
}
 .border-gray {
     border: 1px solid #adadad;
}
 .border-black {
     border: 1px solid #000000;
}
 .border-blue {
     border: 1px solid #4f39e0;
}
 .border-radius-common {
     border-radius: 8px;
     -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
     -ms-border-radius: 8px;
     -o-border-radius: 8px;
}
 .fw-medium {
     font-weight: 500;
}
 .hidden {
     display: none;
}
 .main_wraper {
     position: relative;
     display: block;
}
 .main_wraper .mouse {
     position: fixed;
     width: 40px;
     height: 56px;
     border: double 12rem transparent;
     border-color: linear-gradient(50.76deg, #622488 9.66%, #7025cf 49%, #a515bc 90.36%);
     background: transparent;
     bottom: 20px;
     margin: 0 auto;
     left: 0;
     right: 0;
     z-index: 10;
     border-width: 2px;
     border-radius: 18px;
     background-image: linear-gradient(white, white), linear-gradient(50.76deg, #622488 9.66%, #7025cf 49%, #a515bc 90.36%);
     background-origin: border-box;
     background-clip: content-box, border-box;
}
 .main_wraper .mouse .wheel {
     width: 6px;
     height: 12px;
     background: linear-gradient(190.9deg, #a317bd 25.64%, #7a23cc 97.31%);
     border-radius: 40%;
     margin-left: auto;
     margin-right: auto;
     margin-top: 6px;
     left: 0;
     right: 0;
     -webkit-animation: magic-mouse 1.7s infinite ease;
     animation: magic-mouse 1.7s infinite ease;
}
 @keyframes magic-mouse {
     0% {
         margin-top: 6px;
         opacity: 0;
    }
     30% {
         opacity: 1;
    }
     100% {
         margin-top: 18px;
         opacity: 0;
    }
}
 @-webkit-keyframes magic-mouse {
     0% {
         margin-top: 6px;
         opacity: 0;
    }
     30% {
         opacity: 1;
    }
     100% {
         margin-top: 18px;
         opacity: 0;
    }
}
 .main_wraper .main_banner_cover {
     padding: 0px;
     height: 100vh;
     position: relative;
     background-color: #000000;
}
 .main_wraper .main_banner_cover:after {
     content: "";
     display: block;
     position: absolute;
     left: 0;
     bottom: 0;
     top: auto;
     z-index: 6;
     border-bottom: 12.3rem solid #ffffff;
     border-right: 100vw solid transparent;
     border-top: 5rem solid transparent;
    /* top: 45rem;
     */
     height: 30px;
     width: 100%;
}
 .main_wraper .main_banner_cover .hero_slider {
     position: relative;
}
 .main_wraper .main_banner_cover .hero_slider .carousel-item {
     background-position: 50% 50%;
     background-repeat: no-repeat;
     background-attachment: fixed;
     background-size: cover;
     height: 100vh;
}
 .main_wraper .main_banner_cover .hero_slider .carousel-item.item-1 {
     background-image: url(../../assets/images/hero/hero-slide-1.jpg);
}
 .main_wraper .main_banner_cover .hero_slider .carousel-item.item-2 {
     background-image: url(../../assets/images/hero/hero-slide-2.jpg);
}
 .main_wraper .main_banner_cover .hero_slider .carousel-item.item-3 {
     background-image: url(../../assets/images/hero/hero-slide-3.jpg);
}
 .main_wraper .main_banner_cover .hero_slider::after {
     content: "";
     background-color: rgba(0, 0, 0, 0.6);
     background-image: url(../images/hero/color-shadow.png);
     background-position: center center;
     background-size: cover;
     background-repeat: no-repeat;
     display: block;
     z-index: 1;
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     height: 100%;
     width: 100%;
}
 .main_wraper .main_banner_cover .hero_slider .hero_content {
     position: absolute;
     top: 50%;
     left: 0;
     right: 0;
     z-index: 4;
     text-align: center;
     display: block;
     color: #ffffff;
     max-width: 100%;
     margin: 0 auto;
     width: 100%;
     transform: translateY(-50%);
     max-width: 1350px;
}
 .main_wraper .main_banner_cover .hero_slider .hero_content h1 {
     line-height: normal;
     font-weight: bold;
     padding-bottom: 30px;
}
 .main_wraper .main_banner_cover .slide_view {
     opacity: 0.2;
     height: 100vh;
     object-fit: cover;
}
.main_wraper .main_banner_cover .slide_direction {
    position: absolute;
    right: 10%;
    display: block;
    bottom: 70px;
    z-index: 8;
    font-size: calc(12px + (18 - 12) * ((100vw - 320px) / (1920 - 320)));
    color: #FFF;
    text-align: right;
}
 .main_wraper .story:after {
     content: "Story";
     position: absolute;
     display: block;
     font-size: calc(82px + (472 - 82) * ((100vw - 320px) / (1920 - 320)));
     font-weight: bolder;
     text-align: center;
     left: auto;
     right: auto;
     top: 1%;
     bottom: auto;
     color: #f0edfd;
     height: 100%;
     width: 100%;
     z-index: -3;
     text-transform: uppercase;
}
 .main_wraper .story .h2 {
     text-align: center;
     padding-bottom: calc(20px + (50 - 20) * ((100vw - 320px) / (1920 - 320)));
}
 .main_wraper .story .h2 b {
     color: #000000;
     position: relative;
}
 .main_wraper .story .h2 b::before {
     content: "";
     position: absolute;
     background-image: url(../images/title-bg.svg);
     background-repeat: no-repeat;
     background-size: 100%;
     background-position: center center;
     width: 100%;
     height: 40px;
     display: block;
     left: 0;
     right: 0;
     top: auto;
     bottom: -13px;
     z-index: -1;
}
 .main_wraper .story .story_detail {
     position: relative;
     width: 100%;
     max-width: 90%;
     margin: 0 auto;
     margin-top: 10rem;
     z-index: 2;
}
 .main_wraper .story .story_detail .s_card {
     display: flex;
     flex-direction: row-reverse;
     align-items: center;
     padding-left: 4rem;
     padding-right: 4rem;
}
 .main_wraper .story .story_detail .s_card:nth-of-type(odd) {
     display: flex;
     justify-content: flex-end;
}
 .main_wraper .story .story_detail .s_card:nth-of-type(even) {
     display: flex;
     justify-content: flex-start;
}
 .main_wraper .story .story_detail .s_card .card.card_left {
     position: relative;
     width: 50%;
     margin-bottom: 1rem;
     padding: 3.125rem 3.125rem 3.125rem 7.5rem;
     border-radius: 32px;
     box-shadow: 2px 4px 24px rgba(0, 0, 0, 0.05);
     background-color: #ffffff;
     border: none;
}
 .main_wraper .story .story_detail .s_card .card.card_left:after {
     content: "";
     display: block;
     position: absolute;
     left: 80%;
     top: 50%;
     right: auto;
     bottom: auto;
     width: 29.262rem;
     height: 17.682rem;
     margin-bottom: 0rem;
     -webkit-box-flex: 0;
     -ms-flex: 0 0 auto;
     flex: 0 0 auto;
     border-top: 3px dashed #4f39e0;
     border-right: 3px dashed #4f39e0;
     border-top-right-radius: 2rem;
     z-index: -1;
}
 .main_wraper .story .story_detail .s_card .card.card_left .s_icon {
     position: absolute;
     left: -5rem;
     top: -6rem;
     right: auto;
     bottom: auto;
     z-index: 3;
     display: flex;
     width: 13.6rem;
     height: 13.6rem;
     align-items: center;
     justify-content: center;
}
 .main_wraper .story .story_detail .s_card .card.card_left .s_icon .s_icon_info {
     height: 7rem;
     width: 7rem;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     position: relative;
     z-index: 1;
     background-color: #ffffff;
     box-shadow: 2px 4px 24px rgba(0, 0, 0, 0.05);
}
 .main_wraper .story .story_detail .s_card .card.card_left .s_icon .s_icon_info .icon_img {
     width: 100%;
     max-width: 80px;
     flex: 0 0 auto;
}
 .main_wraper .story .story_detail .s_card .card.card_left .s_icon .s_icon_info::before {
     content: "";
     position: absolute;
     top: auto;
     left: auto;
     bottom: auto;
     right: auto;
     height: 9rem;
     width: 9rem;
     border-radius: 50%;
     z-index: 0;
     opacity: 0.3;
     background-color: #ffffff;
     box-shadow: 2px 4px 24px rgba(0, 0, 0, 0.05);
}
 .main_wraper .story .story_detail .s_card .card.card_left .s_icon .s_icon_info::after {
     content: "";
     position: absolute;
     top: auto;
     left: auto;
     bottom: auto;
     right: auto;
     height: 11rem;
     width: 11rem;
     border-radius: 50%;
     z-index: -1;
     opacity: 0.5;
     background-color: #ffffff;
     box-shadow: 2px 4px 24px rgba(0, 0, 0, 0.05);
}
 .main_wraper .story .story_detail .s_card .card.card_left .info_wrap {
     position: relative;
     z-index: 3;
     width: 100%;
     max-width: 32rem;
}
 .main_wraper .story .story_detail .s_card .card.card_left .info_wrap h3 b {
     color: #000000;
}
 .main_wraper .story .story_detail .s_card .card.card_left .info_wrap h5 {
     color: #5c5c5c;
}
 .main_wraper .story .story_detail .s_card .card.card_left .info_wrap .story_btn {
     padding: 15px 0px;
     display: flex;
     align-items: center;
     justify-content: flex-start;
     width: 100%;
}
 .main_wraper .story .story_detail .s_card .card.card_left .info_wrap .story_btn .story_arrow {
     width: 100%;
     max-width: calc(26px + (48 - 26) * ((100vw - 320px) / (1920 - 320)));
}
 .main_wraper .story .story_detail .s_card .card.card_left .info_wrap .story_btn span {
     font-size: calc(16px + (28 - 16) * ((100vw - 320px) / (1920 - 320)));
     color: #4f39e0;
     display: block;
     padding-left: 15px;
}
 .main_wraper .story .story_detail .s_card .card.card_left.card_right {
     position: relative;
     width: 50%;
     padding: 3.125rem 7.5rem 3.125rem 3.125rem;
}
 .main_wraper .story .story_detail .s_card .card.card_left.card_right::after {
     content: "";
     display: block;
     position: absolute;
     right: 80%;
     top: 50%;
     left: auto;
     bottom: auto;
    /* width: 31.262rem;
     */
     height: 17.682rem;
     margin-bottom: 0rem;
     -webkit-box-flex: 0;
     -ms-flex: 0 0 auto;
     flex: 0 0 auto;
     border: none;
     border-top: 3px dashed #4f39e0;
     border-left: 3px dashed #4f39e0;
     border-top-left-radius: 2rem;
     z-index: -1;
}
 .main_wraper .story .story_detail .s_card .card.card_left.card_right .s_icon {
     right: -5rem;
     left: auto;
}
 .main_wraper .story .story_detail .s_card:last-of-type .card:after, .main_wraper .story .story_detail .s_card:last-of-type .card:before {
     display: none;
}
 .main_wraper .testimonial {
     padding: calc(40px + (100 - 40) * ((100vw - 320px) / (1920 - 320))) 0;
     margin: 0;
     position: relative;
}
 .main_wraper .testimonial:after {
     content: "Testimonial";
     position: absolute;
     display: block;
     font-size: calc(46px + (252 - 46) * ((100vw - 320px) / (1920 - 320)));
     font-weight: bolder;
     text-align: center;
     left: auto;
     right: auto;
     top: 10%;
     bottom: auto;
     color: #f0edfd;
     height: 100%;
     width: 100%;
     z-index: -3;
     text-transform: uppercase;
}
 .main_wraper .juicer-story:after {
     content: "Stories";
}
.juicer-story h4 {
     color: #000000;
     text-align: center;
     font-weight: bold;
}
.main_wraper .testimonial .h2 {
     text-align: center;
     padding-bottom: calc(15px + (50 - 15) * ((100vw - 320px) / (1920 - 320)));
}
.main_wraper .testimonial .h2 b {
     color: #000000;
     position: relative;
}
.main_wraper .testimonial .h2 b::before {
     content: "";
     position: absolute;
     background-image: url(../images/title-bg.svg);
     background-repeat: no-repeat;
     background-size: 100%;
     background-position: center center;
     width: 100%;
     height: 40px;
     display: block;
     left: 0;
     right: 0;
     top: auto;
     bottom: -13px;
     z-index: -1;
}
 .main_wraper .testimonial .quoto_carousel {
     overflow: hidden;
     position: relative;
}
 .main_wraper .testimonial .quoto_carousel .owl-stage-outer {
     overflow: initial;
}
 .main_wraper .testimonial .quoto_carousel .inner {
     height: 100%;
     position: relative;
     transform: scale(1);
     transition: 0.5s;
}
 .main_wraper .testimonial .quoto_carousel .inner .window {
     background-color: #fff;
     border-radius: 48px;
     box-shadow: 4px 10px 33px rgba(0, 0, 0, 0.13);
     width: 100%;
}
 .testimonialsModal .modal-content{
     border-radius: 48px;
}
 .main_wraper .testimonial .quoto_carousel .inner .window .window_header, .testimonialsModal .modal-header {
     background-color: #070037;
     width: 100%;
     border-top-left-radius: 48px;
     border-top-right-radius: 48px;
     padding: calc(10px + (25 - 10) * ((100vw - 320px) / (1920 - 320)));
}
 .testimonialsModal .modal-header {
     padding-right: calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320)));
}
 .testimonialsModal .btn-close {
     color: #FFF;
     opacity: 1;
     filter: invert(1);
}
 .main_wraper .testimonial .quoto_carousel .inner .window .window_header img, .testimonialsModal .modal-header img {
     height: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));
     width: auto;
     text-align: left;
     display: flex;
     align-items: flex-start;
     justify-content: flex-start;
     padding-left: 20px;
}
 .main_wraper .testimonial .quoto_carousel .inner .window .window_content, .testimonialsModal .modal-body {
     padding: calc(10px + (40 - 10) * ((100vw - 320px) / (1920 - 320)));
     min-height: 360px;
}
 .main_wraper .testimonial .quoto_carousel .inner .window .window_content .client-info, .testimonialsModal .client-info {
     width: 100%;
}
 .main_wraper .testimonial .quoto_carousel .inner .window .window_content .client-info .left, .testimonialsModal .client-info .left {
     position: relative;
}
 .main_wraper .testimonial .quoto_carousel .inner .window .window_content .client-info .left .avtar, .testimonialsModal .client-info .left .avtar {
     margin-right: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));
}
 .main_wraper .testimonial .quoto_carousel .inner .window .window_content .client-info .left .avtar img, .testimonialsModal .client-info .left img {
     border-radius: 50%;
     height: calc(70px + (120 - 70) * ((100vw - 320px) / (1920 - 320)));
     width: calc(70px + (120 - 70) * ((100vw - 320px) / (1920 - 320)));
}
 .main_wraper .testimonial .quoto_carousel .inner .window .window_content .client-info .left .flag, .testimonialsModal .client-info .left .flag {
     position: absolute;
     right: 15px;
     bottom: 5px;
}
 .main_wraper .testimonial .quoto_carousel .inner .window .window_content .client-info .left .flag img, .testimonialsModal .client-info .left .flag img {
     width: calc(25px + (40 - 25) * ((100vw - 320px) / (1920 - 320)));
     height: calc(25px + (40 - 25) * ((100vw - 320px) / (1920 - 320)));
     border-radius: 50%;
}
 .main_wraper .testimonial .quoto_carousel .inner .window .window_content .client-info .right, .testimonialsModal .client-info .right {
     padding: 0 15px 0 5px;
     overflow: hidden;
     width: 57%;
}
 .main_wraper .testimonial .quoto_carousel .inner .window .window_content .client-info .right .name, .testimonialsModal .client-info .right .name {
     color: #000000;
     font-weight: 700;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
     max-width: 100%;
}
 .main_wraper .testimonial .quoto_carousel .inner .window .window_content .client-info .right .designation, .testimonialsModal .client-info .right .designation {
     color: #5c5c5c;
     font-weight: 700;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
     max-width: 100%;
}
 .main_wraper .testimonial .quoto_carousel .inner .window .window_content .client-info .right .designation.designation2, .testimonialsModal .client-info .right .designation.designation.designation2 {
     font-weight: 400;
     font-size: 13px;
     font-style: italic;
     color: #767676;
}
 .main_wraper .testimonial .quoto_carousel .inner .window .window_content .client-detail, .testimonialsModal .client-detail {
     margin-top: calc(5px + (15 - 5) * ((100vw - 320px) / (1920 - 320)));
}
 .main_wraper .testimonial .quoto_carousel .inner .window .window_content .client-detail p, .testimonialsModal .client-detail p {
     width: 100%;
}
 .main_wraper .testimonial .quoto_carousel .owl-nav {
     overflow: hidden;
     height: initial;
     display: flex;
     align-items: center;
     margin-top: calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320)));
     justify-content: center;
}
 .main_wraper .testimonial .quoto_carousel .nav-button {
     cursor: pointer;
     position: absolute;
     top: 0px !important;
     left: 0;
     right: 0;
     bottom: 0;
     margin: auto;
}
 .main_wraper .testimonial .quoto_carousel .owl-prev.disabled, .main_wraper .testimonial .quoto_carousel .owl-next.disabled {
     pointer-events: none;
     background: #ffffff;
     opacity: 0.1;
     transition: 0.5s;
}
 .main_wraper .testimonial .quoto_carousel .owl-prev {
     left: -25px;
     position: relative;
}
 .main_wraper .testimonial .quoto_carousel .owl-prev .nav-button:before {
     content: "";
     position: absolute;
     background: url(../images/testimonial/arrow.svg);
     transform: rotate(180deg);
     background-position: center center;
     background-size: 100%;
     height: calc(13px + (20 - 13) * ((100vw - 320px) / (1920 - 320)));
     width: calc(13px + (20 - 13) * ((100vw - 320px) / (1920 - 320)));
     display: block;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     margin: auto;
     background-repeat: no-repeat;
}
 .main_wraper .testimonial .quoto_carousel .owl-next {
     right: -25px;
     position: relative;
}
 .main_wraper .testimonial .quoto_carousel .owl-next .nav-button:before {
     content: "";
     position: absolute;
     background: url(../images/testimonial/arrow.svg);
     background-position: center center;
     background-size: 100%;
     height: calc(13px + (20 - 13) * ((100vw - 320px) / (1920 - 320)));
     width: calc(13px + (20 - 13) * ((100vw - 320px) / (1920 - 320)));
     display: block;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     margin: auto;
     background-repeat: no-repeat;
}
 .main_wraper .testimonial .quoto_carousel .owl-nav [class*="owl-"] {
     color: #ffffff;
     font-size: 39px;
     background: #4f39e0;
     border-radius: 3px;
     height: calc(24px + (44 - 24) * ((100vw - 320px) / (1920 - 320)));
     width: calc(24px + (44 - 24) * ((100vw - 320px) / (1920 - 320)));
     border: none;
     border-radius: 50%;
}
 .main_wraper .testimonial .quoto_carousel .prev-carousel:hover {
     background-position: 0px -53px;
}
 .main_wraper .testimonial .quoto_carousel .next-carousel:hover {
     background-position: -24px -53px;
}
 .main_wraper .form-login {
     background: #fcfbff;
     position: relative;
     z-index: 1;
     overflow: hidden;
     padding: calc(50px + (100 - 50) * ((100vw - 320px) / (1920 - 320))) 0;
}
 .main_wraper .form-login::after {
     content: "Let’s Connect";
     position: absolute;
     display: block;
     font-size: calc(46px + (192 - 46) * ((100vw - 320px) / (1920 - 320)));
     font-weight: bolder;
     text-align: center;
     left: auto;
     right: auto;
     top: 22%;
     bottom: auto;
     color: #f0edfd;
     height: 100%;
     width: 100%;
     z-index: -3;
     text-transform: uppercase;
}
 .main_wraper .form-login .h2 {
     padding-bottom: calc(5px + (20 - 5) * ((100vw - 320px) / (1920 - 320)));
     color: #4e4d4d;
}
 .main_wraper .form-login .h2 b {
     color: #242c3c;
     position: relative;
     z-index: 1;
}
 .main_wraper .form-login .h2 b::before {
     content: "";
     position: absolute;
     background-image: url(../images/title-bg.svg);
     background-repeat: no-repeat;
     background-size: 72%;
     background-position: top center;
     width: 100%;
     height: 40px;
     display: block;
     left: 0;
     right: 0;
     top: auto;
     bottom: calc((-30px) + ((-13) - (-30)) * ((100vw - 320px) / (1920 - 320)));
     z-index: -1;
}
 .main_wraper .form-login .office-details {
     margin-top: 1rem;
     padding: calc(10px + (32 - 10) * ((100vw - 320px) / (1920 - 320))) calc(0px + (32 - 0) * ((100vw - 320px) / (1920 - 320)));
     position: relative;
}
 .main_wraper .form-login .office-details h4 {
     margin-top: 10px;
     color: #242c3c;
}
 .main_wraper .form-login .office-details address {
     color: #242c3c;
     font-weight: 500;
     line-height: 36px;
}
 .main_wraper .form-login .office-details .office-section {
     height: 100%;
}
 .main_wraper .form-login .office-details .office-section .email-section h4 {
     color: #242c3c;
}
 .main_wraper .form-login .office-details .office-section .email-section img {
     width: calc(34px + (48 - 34) * ((100vw - 320px) / (1920 - 320)));
}
 .main_wraper .form-login .office-details .office-section .office-address {
     margin-bottom: 30px;
}
 .main_wraper .form-login .office-details .office-section .office-address img {
     width: calc(34px + (48 - 34) * ((100vw - 320px) / (1920 - 320)));
}
 .main_wraper .form-login .office-details .or-label {
     background: #fcfbff;
     color: #000000;
     height: 3em;
     font-weight: 700;
     right: auto;
     left: 52%;
     padding: 12px;
     position: absolute;
     text-transform: uppercase;
     width: 3em;
     top: 45%;
     transform: translate(-50%);
}
 .main_wraper .form-login .office-details .dropdown {
     margin-right: 20px;
}
 .main_wraper .form-login .office-details .dropdown #phone2 {
     width: 105px;
}
 .main_wraper .form-login .office-details .dropdown #phone2::after {
     height: 5px;
}
 .main_wraper .form-login .office-details .dropdown .btn-secondary {
     background-color: transparent;
     border: none;
     border-bottom: 1px solid #c4c4c4;
     font-size: 16px;
     border-radius: 0px;
     color: #242c3c;
}
 .main_wraper .form-login .office-details .dropdown .dropdown-toggle {
     width: 100%;
     text-align: start;
     padding: 16px;
     position: relative;
}
 .main_wraper .form-login .office-details .dropdown .dropdown-toggle::after {
     border: none;
     background: url(../images/form/drop-down.svg) no-repeat 100% 50%;
     position: absolute;
     right: 15px;
     transform: translate(0px, 10px);
     width: 30px;
     height: 20px;
}
 .main_wraper .form-login .office-details .dropdown .dropdown-menu {
     width: 100%;
     min-width: 7rem;
}
 .main_wraper .form-login .office-details .dropdown .dropdown-menu .dropdown-item:active {
     background-color: #4f39e0;
     outline: none;
}
 .main_wraper .form-login .office-details .input-file {
     width: 0.1px;
     height: 0.1px;
     opacity: 0;
     overflow: hidden;
     position: absolute;
     z-index: -1;
}
 .main_wraper .form-login .office-details .btn-tertiary {
     padding: 0;
     line-height: 40px;
     width: 100%;
     margin: auto;
     display: block;
     border: 1px dashed #c4c4c4;
     border-radius: 8px;
     letter-spacing: 0;
}
 .main_wraper .form-login .office-details textarea.form-control {
     background: transparent;
     border: none;
     border-bottom: 1px solid #c4c4c4;
     border-radius: 0px;
     resize: none;
     max-height: 41px;
}
 .main_wraper .form-login .office-details .input-file + .js-labelFile {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     padding: 0 10px;
     cursor: pointer;
}
 .main_wraper .form-login .office-details .input-file + .js-labelFile .icon:before {
     content: "";
}
 .main_wraper .form-login .office-details .input-file + .js-labelFile.has-file .icon:before {
     content: "";
}
 .main_wraper .form-login .office-details .phone-info {
     display: flex;
     align-items: center;
}
 .main_wraper .form-login .office-details .phone-info .dropdown-toggle {
     padding: 9px;
}
 .main_wraper .form-login .office-details .form-check {
     padding-left: 0;
}
 .main_wraper .form-login .office-details .form-check .form-check-label, .main_wraper .form-login .office-details .form-check label {
     color: #5c5c5c;
     font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
}
 .main_wraper .form-login .office-details .form-check .wpcf7-list-item {
     margin: 0;
     color: #5c5c5c;
}
 .main_wraper .form-login .office-details .form-submit {
     text-align: right;
     align-items: center;
     display: flex;
     justify-content: flex-start;
     flex-direction: row-reverse;
     width: 100%;
     flex: 0 0 100%;
}
 .main_wraper .form-login .office-details .form-submit .btn-primary {
     background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), linear-gradient(92.5deg, #5d2ac0 0.76%, #4541e0 97.57%);
     border-radius: 100px;
     padding: calc(6px + (20 - 6) * ((100vw - 320px) / (2500 - 320))) calc(20px + (42 - 20) * ((100vw - 320px) / (2500 - 320)));
}
 .main_wraper .form-login .office-details .form-submit .btn-primary:hover {
     background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), linear-gradient(92.5deg, #4541e0 97.57%, #5d2ac0 0.76%);
}
 .main_wraper .form-login .form-floating .form-control {
     border: none;
     border-bottom: 1px solid #c4c4c4;
     border-radius: 0px;
     background: transparent;
}
 .main_wraper .form-login .form-floating .form-control:focus, .main_wraper .form-login .form-floating .form-control :not(:placeholder-shown) {
     padding-top: 2.625rem;
     padding-bottom: 0.625rem;
     border-bottom: 1px solid #4f39e0;
     font-size: 16px;
     font-weight: 400;
     color: #242c3c;
}
 .main_wraper .form-login .form-floating .form-control:focus ~ label, .main_wraper .form-login .form-floating .form-control :not(:placeholder-shown) ~ label {
     opacity: 1;
     transform: scale(0.99) translateY(-0.7rem) translateX(0.15rem);
     color: #5c5c5c;
     font-size: 13px;
}
 .main_wraper .form-login .form-floating label {
     padding: 22px 8px;
     color: #5c5c5c;
     font-size: 16px;
     letter-spacing: -0.02em;
}
 .main_wraper .footer {
     padding-top: 0rem;
     margin: 0;
     position: relative;
     z-index: 10;
     width: 100%;
}
 .main_wraper .footer::after {
     content: "";
     display: block;
     position: absolute;
     right: 0;
     bottom: auto;
     top: 302px;
     z-index: -1;
     border-top: 8.3rem solid #fbf9ff;
     border-left: 150vw solid transparent;
     border-bottom: 5rem solid transparent;
     top: 6.2rem;
     height: 0px;
     width: 100%;
}
 .main_wraper .footer p {
     text-align: right;
}
 .main_wraper .footer .main_footer {
     position: relative;
     padding: calc(20px + (100 - 20) * ((100vw - 320px) / (1920 - 320))) 15px calc(10px + (20 - 5) * ((100vw - 320px) / (1920 - 320)));
     width: 100%;
     background-color: #000000;
     /*background-image: url(../../images/hero/color-shadow.png);*/
     text-align: center;
     z-index: -1;
}
 .main_wraper .footer .main_footer::after {
     content: "";
     background-image: url(../images/hero/color-shadow.png);
     background-position: center center;
     background-size: cover;
     background-repeat: no-repeat;
     display: block;
     z-index: 0;
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     height: 100%;
     width: 100%;
     opacity: 0.8;
}
 .main_wraper .footer .main_footer .logo img {
     max-width: calc(200px + (450 - 200) * ((100vw - 320px) / (1920 - 320)));
}
 .main_wraper .footer .main_footer .container {
     position: relative;
     z-index: 1;
}
 .main_wraper .footer .main_footer .container .brand_carousel {
     background-color: #ffffff;
     border: none;
     border-radius: 32px;
     padding: calc(0px + (32 - 0) * ((100vw - 320px) / (1920 - 320))) calc(10px + (32 - 10) * ((100vw - 320px) / (1920 - 320)));
     max-width: 100%;
}
 .main_wraper .footer .main_footer .container .brand_carousel .owl-stage {
     display: flex;
     align-items: center;
}
 .main_wraper .footer .main_footer .container .brand_carousel .owl-nav {
     display: none;
}
 .main_wraper .footer .main_footer .container .brand_carousel .brand_inner {
     display: block;
     text-align: center;
     margin: 0px 0;
}
 .main_wraper .footer .main_footer .container .brand_carousel .brand_inner .brand-flex-inner {
     flex: 1 0 0%;
}
 .main_wraper .footer .main_footer .container .brand_carousel .brand_inner .brand-flex-inner + .brand-flex-inner {
     border-left: solid 1px #adadad;
}
 .main_wraper .footer .main_footer .container .brand_carousel .brand_inner ul.brand_logo {
     display: flex;
     align-items: center;
     justify-content: space-evenly;
     list-style: none;
}
 .main_wraper .footer .main_footer .container .brand_carousel .brand_inner ul.brand_logo li {
     padding: 0 calc(10px + (18 - 10) * ((100vw - 320px) / (1920 - 320)));
     flex: 1 0 0%;
}
 .main_wraper .footer .main_footer .container .brand_carousel .brand_inner ul.brand_logo li figure {
     margin: calc(5px + (18 - 5) * ((100vw - 320px) / (1920 - 320))) calc(0px + (40 - 0) * ((100vw - 320px) / (1920 - 320)));
}
 .main_wraper .footer .main_footer .container .brand_carousel .brand_inner ul.brand_logo li figure img {
     filter: grayscale(100%);
     transition-duration: 1s;
     max-height: 60px;
     max-width: 135px;
     width: auto;
     display: inline-block;
}
 .main_wraper .footer .main_footer .container .brand_carousel .brand_inner ul.brand_logo li figure img:hover {
     filter: grayscale(0%);
}
 .main_wraper .footer .main_footer .container .brand_carousel .brand_inner p {
     color: #000000;
     text-align: center;
     padding-top: 1rem;
}
 .main_wraper .footer .main_footer .container .brand_carousel .brand_inner p b {
     font-weight: 700;
     margin-bottom: 0;
     line-height: normal;
     font-size: calc(18px + (36 - 18) * ((100vw - 320px) / (1920 - 320)));
     display: flex;
     align-items: center;
     justify-content: center;
     color: #4f39e0;
}
 .main_wraper .footer .main_footer .container .brand_carousel .brand_inner .about_client img {
     width: auto;
     margin-right: 10px;
     max-height: 50px;
     max-width: calc(100px + (200 - 100) * ((100vw - 320px) / (1920 - 320)));
}
 .main_wraper .footer .main_footer .container .foot_links {
     display: block;
     width: 100%;
     padding-top: 1rem;
}
 .main_wraper .footer .main_footer .container .foot_links ul.useful_links {
     display: flex;
     align-items: center;
     justify-content: space-between;
     list-style: none;
}
 .main_wraper .footer .main_footer .container .foot_links ul.useful_links li {
     padding-right: 1rem;
}
 .main_wraper .footer .main_footer .container .foot_links ul.useful_links li:last-of-type {
     padding: 0;
}
 .main_wraper .footer .main_footer .container .foot_links ul.useful_links li h5 a {
     color: #ffffff;
}
 .main_wraper .footer .foot_copy {
     padding: 0px;
     position: relative;
     padding: 1rem 0rem;
     width: 100%;
     background-color: #000000;
}
 .main_wraper .footer .foot_copy .content_flex {
     display: flex;
     align-items: center;
     justify-content: space-between;
}
 .main_wraper .footer .foot_copy .content_flex p {
     text-align: left;
     color: #ffffff;
}
 .main_wraper .footer .foot_copy .content_flex ul.foot_social, .main_wraper .footer .foot_copy .content_flex ul.story_social {
     list-style: none;
     margin: 0;
     padding: 0;
     display: flex;
     align-items: center;
     justify-content: flex-end;
}
 .main_wraper .footer .foot_copy .content_flex ul.foot_social li, .main_wraper .footer .foot_copy .content_flex ul.story_social li {
     list-style: none;
     padding: 0rem 0.8rem;
}
 .main_wraper .footer .foot_copy .content_flex ul.foot_social li:last-of-type, .main_wraper .footer .foot_copy .content_flex ul.story_social li:last-of-type {
     padding-right: 0rem;
}
 .main_wraper .footer .foot_copy .content_flex ul.foot_social li a, .main_wraper .footer .foot_copy .content_flex ul.story_social li a {
     width: calc(32px + (48 - 32) * ((100vw - 320px) / (1920 - 320)));
     height: calc(32px + (48 - 32) * ((100vw - 320px) / (1920 - 320)));
     line-height: calc(32px + (48 - 32) * ((100vw - 320px) / (1920 - 320)));
     display: inline-block;
     text-align: center;
}
 .main_wraper .footer .foot_copy .content_flex ul.foot_social li a img, .main_wraper .footer .foot_copy .content_flex ul.story_social li a img {
     height: calc(30px + (42 - 30) * ((100vw - 320px) / (1920 - 320)));
     width: calc(30px + (42 - 30) * ((100vw - 320px) / (1920 - 320)));
     filter: brightness(300%);
     transition-duration: 1s;
}
 .main_wraper .footer .foot_copy .content_flex ul.foot_social li a img:hover, .main_wraper .footer .foot_copy .content_flex ul.story_social li a img:hover {
     filter: brightness(100%);
}
 .main_wraper .team, .main_wraper .tech-stack, .main_wraper .newsletter, .main_wraper .sitemap {
     padding: calc(40px + (100 - 40) * ((100vw - 320px) / (1920 - 320))) 0;
     margin: 0;
     position: relative;
     background-image: url(../images/team/team-bg.png);
     background-repeat: no-repeat;
     background-position: center center;
     background-size: cover;
     min-height: 100vh;
     width: 100%;
     display: block;
}
 .main_wraper .team .gallery-section, .main_wraper .tech-stack .gallery-section, .main_wraper .newsletter .gallery-section, .main_wraper .sitemap .gallery-section {
     min-height: auto;
}
 .main_wraper .team:after, .main_wraper .tech-stack:after, .main_wraper .newsletter:after, .main_wraper .sitemap:after {
     content: "Sarvika";
     position: absolute;
     display: block;
     font-size: calc(46px + (350 - 46) * ((100vw - 320px) / (1920 - 320)));
     font-weight: bolder;
     text-align: center;
     left: auto;
     right: auto;
     top: 5%;
     bottom: 0;
     color: #f0edfd;
     height: auto;
     width: 100%;
     z-index: -3;
     text-transform: uppercase;
}
.main_wraper .team .h2, .main_wraper .team h2, .main_wraper .tech-stack h2, .main_wraper .tech-stack .h2, .main_wraper .newsletter h2, .main_wraper .newsletter .h2, .main_wraper .sitemap h2, .main_wraper .sitemap .h2 {
    text-align: center;
    padding-bottom: 10px;
    font-size: calc(24px + (42 - 24) * ((100vw - 320px) / (1920 - 320)));
}
 .main_wraper .team .h2 b, .main_wraper .team h2 b, .main_wraper .tech-stack h2 b, .main_wraper .tech-stack .h2 b, .main_wraper .newsletter h2 b, .main_wraper .newsletter .h2 b, .main_wraper .sitemap h2 b, .main_wraper .sitemap .h2 b {
     color: #000000;
     position: relative;
}
 .main_wraper .team .h2 b::before, .main_wraper .team h2 b::before, .main_wraper .tech-stack h2 b::before, .main_wraper .tech-stack .h2 b::before, .main_wraper .newsletter h2 b::before, .main_wraper .newsletter .h2 b::before, .main_wraper .sitemap h2 b::before, .main_wraper .sitemap .h2 b::before {
     content: "";
     position: absolute;
     background-image: url(../images/title-bg.svg);
     background-repeat: no-repeat;
     background-size: 100%;
     background-position: center center;
     width: 100%;
     height: 40px;
     display: block;
     left: 0;
     right: 0;
     top: auto;
     bottom: -13px;
     z-index: -1;
}
 .main_wraper .team p.subtitle, .main_wraper .tech-stack p.subtitle, .main_wraper .newsletter p.subtitle, .main_wraper .sitemap p.subtitle {
     padding-bottom: 3rem;
}
 .main_wraper .life-sarvika {
     padding: calc(40px + (100 - 40) * ((100vw - 320px) / (1920 - 320))) 0;
     margin: 0;
     position: relative;
}
 .main_wraper .life-sarvika:after {
     content: "Sarvika";
     position: absolute;
     display: block;
     font-size: calc(46px + (350 - 46) * ((100vw - 320px) / (1920 - 320)));
     font-weight: bolder;
     text-align: center;
     left: auto;
     right: auto;
     top: 5%;
     bottom: auto;
     color: #f0edfd;
     height: 100%;
     width: 100%;
     z-index: -3;
     text-transform: uppercase;
}
 .main_wraper .life-sarvika h2 {
     text-align: center;
     padding-bottom: 10px;
}
 .main_wraper .life-sarvika h2 b {
     color: #000000;
     position: relative;
}
 .main_wraper .life-sarvika h2 b::before {
     content: "";
     position: absolute;
     background-image: url(../images/title-bg.svg);
     background-repeat: no-repeat;
     background-size: 100%;
     background-position: center center;
     width: 100%;
     height: 40px;
     display: block;
     left: 0;
     right: 0;
     top: auto;
     bottom: -13px;
     z-index: -1;
}
 .main_wraper .life-sarvika p.subtitle {
     padding-bottom: 3rem;
}
 .main_wraper .life-sarvika .post_carousel, .main_wraper .life-sarvika .blog_post {
     overflow: hidden;
     position: relative;
}
 .main_wraper .life-sarvika .post_carousel .owl-stage-outer, .main_wraper .life-sarvika .blog_post .owl-stage-outer {
     overflow: initial;
}
 .main_wraper .life-sarvika .post_carousel .inner, .main_wraper .life-sarvika .blog_post .inner {
     height: 100%;
     position: relative;
     transform: scale(1);
     transition: 0.5s;
}
 .main_wraper .life-sarvika .post_carousel .owl-nav, .main_wraper .life-sarvika .blog_post .owl-nav {
     overflow: hidden;
     height: initial;
     display: flex;
     align-items: center;
     margin-top: calc(10px + (30 - 10) * ((100vw - 320px) / (1920 - 320)));
     justify-content: center;
}
 .main_wraper .life-sarvika .post_carousel .nav-button, .main_wraper .life-sarvika .blog_post .nav-button {
     height: 50px;
     width: 25px;
     cursor: pointer;
     position: absolute;
     top: 0px !important;
}
 .main_wraper .life-sarvika .post_carousel .owl-prev.disabled, .main_wraper .life-sarvika .post_carousel .owl-next.disabled, .main_wraper .life-sarvika .blog_post .owl-prev.disabled, .main_wraper .life-sarvika .blog_post .owl-next.disabled {
     pointer-events: none;
     background: #ffffff;
     opacity: 0.1;
     transition: 0.5s;
}
 .main_wraper .life-sarvika .post_carousel .owl-prev, .main_wraper .life-sarvika .blog_post .owl-prev {
     left: -15px;
     position: relative;
}
 .main_wraper .life-sarvika .post_carousel .owl-prev .nav-button:before, .main_wraper .life-sarvika .blog_post .owl-prev .nav-button:before {
     content: "";
     position: absolute;
     background: url(../images/testimonial/arrow.svg) no-repeat;
     transform: rotate(180deg);
     background-position: center center;
     background-size: 100%;
     height: 20px;
     width: 20px;
     display: block;
     top: 11px;
     left: 11px;
     bottom: 0;
     right: 0;
}
 .main_wraper .life-sarvika .post_carousel .owl-next, .main_wraper .life-sarvika .blog_post .owl-next {
     right: -15px;
     position: relative;
}
 .main_wraper .life-sarvika .post_carousel .owl-next .nav-button:before, .main_wraper .life-sarvika .blog_post .owl-next .nav-button:before {
     content: "";
     position: absolute;
     background: url(../images/testimonial/arrow.svg) no-repeat;
     background-position: center center;
     background-size: 100%;
     height: 20px;
     width: 20px;
     display: block;
     top: 11px;
     left: 11px;
     bottom: 0;
     right: 0;
}
 .main_wraper .life-sarvika .post_carousel .owl-nav [class*="owl-"], .main_wraper .life-sarvika .blog_post .owl-nav [class*="owl-"] {
     color: #ffffff;
     font-size: 39px;
     background: #4f39e0;
     border-radius: 3px;
     height: 44px;
     width: 44px;
     border: none;
     border-radius: 50%;
}
 .main_wraper .life-sarvika .post_carousel .prev-carousel:hover, .main_wraper .life-sarvika .blog_post .prev-carousel:hover {
     background-position: 0px -53px;
}
 .main_wraper .life-sarvika .post_carousel .next-carousel:hover, .main_wraper .life-sarvika .blog_post .next-carousel:hover {
     background-position: -24px -53px;
}
 .main_wraper .life-sarvika .blog_post {
     overflow: unset;
}
 .main_wraper .life-sarvika .read-more {
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 25px 0px;
}
 .main_wraper .window {
     background-color: #fff;
     border-radius: 32px;
     -webkit-border-radius: 32px;
     -moz-border-radius: 32px;
     -ms-border-radius: 32px;
     -o-border-radius: 32px;
     box-shadow: 4px 10px 33px rgba(0, 0, 0, 0.13);
     width: 100%;
     overflow: hidden;
     min-height: 100%;
}
 .main_wraper .window .window_header {
     background-color: #070037;
     width: 100%;
     padding: 10px 20px;
     border-top-left-radius: 48px;
     border-top-right-radius: 48px;
     padding: 0px;
}
 .main_wraper .window .window_header img {
     height: 100%;
     width: 100%;
     text-align: center;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
     -webkit-box-pack: start;
     -ms-flex-pack: start;
     justify-content: flex-start;
     padding-left: 0px;
     max-height: 264px;
}
 .main_wraper .window .window_content {
     padding: 20px;
     min-height: 262px;
}
 .main_wraper .window .window_content .post-info {
     display: flex;
     align-items: flex-start;
     justify-content: flex-start;
     padding-bottom: 25px;
}
 .main_wraper .window .window_content .post-info .post-date {
     display: block;
     padding: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));
     background-color: #f0edfd;
     width: 100%;
     margin: 0 auto;
     text-align: center;
     max-width: 145px;
     border-radius: 8px;
}
 .main_wraper .window .window_content .post-info .post-date .h1.date {
     width: 100%;
     display: block;
     color: #000000;
}
 .main_wraper .window .window_content .post-info .post-date p.month {
     width: 100%;
     display: block;
}
 .main_wraper .window .window_content .post-info .post-detail {
     display: block;
     padding: 0 10px;
     padding-left: calc(10px + (30 - 10) * ((100vw - 320px) / (1920 - 320)));
}
 .main_wraper .window .window_content .post-info .post-detail span.category {
     width: 100%;
     display: block;
     color: #4f39e0;
     font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (1920 - 320)));
     font-weight: 600;
}
 .main_wraper .window .window_content .post-info .post-detail .h5.post-title {
     width: 100%;
     display: block;
     color: #000000;
     line-height: 1.5;
}
 .main_wraper .window .window_content .bloger {
     display: flex;
     align-items: center;
     justify-content: space-between;
     width: 100%;
     padding-top: 15px;
     border-top: 1px solid #adadad;
     margin-top: auto;
}
 .main_wraper .window .window_content .bloger span.name {
     width: 100%;
     display: block;
     color: #4f39e0;
     font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (1920 - 320)));
}
 .main_wraper .window .window_content .bloger img {
     width: calc(25px + (42 - 25) * ((100vw - 320px) / (1920 - 320)));
}
 .main_wraper .committee, .main_wraper .sarvika-story {
     padding: 1rem 0rem;
     margin: 0;
     position: relative;
}
 .main_wraper .committee:after, .main_wraper .sarvika-story:after {
     content: "culture";
     position: absolute;
     display: block;
     font-size: calc(46px + (350 - 46) * ((100vw - 320px) / (1920 - 320)));
     font-weight: bolder;
     text-align: center;
     left: auto;
     right: auto;
     top: 5%;
     bottom: auto;
     color: #f0edfd;
     height: 100%;
     width: 100%;
     z-index: -3;
     text-transform: uppercase;
}
 .main_wraper .committee h2, .main_wraper .sarvika-story h2 {
     text-align: center;
     padding-bottom: 10px;
}
 .main_wraper .committee h2 b, .main_wraper .sarvika-story h2 b {
     color: #000000;
     position: relative;
}
 .main_wraper .committee h2 b::before, .main_wraper .sarvika-story h2 b::before {
     content: "";
     position: absolute;
     background-image: url(../images/title-bg.svg);
     background-repeat: no-repeat;
     background-size: 100%;
     background-position: center center;
     width: 100%;
     height: 40px;
     display: block;
     left: 0;
     right: 0;
     top: auto;
     bottom: -13px;
     z-index: -1;
}
 .main_wraper .committee p.subtitle, .main_wraper .sarvika-story p.subtitle {
     padding-bottom: calc(20px + (48 - 20) * ((100vw - 320px) / (1920 - 320)));
}
 .main_wraper .committee .col-padd, .main_wraper .sarvika-story .col-padd {
     padding: 0;
}
 .main_wraper .committee .col-row, .main_wraper .sarvika-story .col-row {
     margin-left: 0;
     margin-right: 0;
}
 .main_wraper .committee .grid, .main_wraper .sarvika-story .grid {
     position: relative;
     margin: 0 auto;
     max-width: 1000px;
     list-style: none;
     text-align: center;
}
 .main_wraper .committee .grid figure, .main_wraper .sarvika-story .grid figure {
     position: relative;
     overflow: hidden;
     max-width: 788px;
     max-height: 450px;
     width: 100%;
     background: #f9f9f9;
     text-align: center;
     margin: 0;
}
 .main_wraper .committee .grid figure img, .main_wraper .sarvika-story .grid figure img {
     position: relative;
     display: block;
     min-height: 100%;
     max-width: 100%;
     opacity: 1;
}
 .main_wraper .committee .grid figure figcaption, .main_wraper .sarvika-story .grid figure figcaption {
     top: 20px;
     background-color: transparent;
     position: absolute;
     right: 0;
     left: auto;
     display: flex;
     align-items: center;
     justify-content: center;
}
 .main_wraper .committee .grid figure figcaption p.description, .main_wraper .sarvika-story .grid figure figcaption p.description {
     text-align: right;
     color: #000000;
     font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
     opacity: 1;
     display: block;
     padding: 5px;
     position: relative;
     background-color: #ffd83a;
     font-weight: 600;
}
 .main_wraper .committee .grid figure figcaption p.description:before, .main_wraper .sarvika-story .grid figure figcaption p.description:before {
     content: "";
     background-image: url(../images/committee/comeeti-name.svg);
     background-repeat: no-repeat;
     background-position: center right;
     background-size: cover;
     position: absolute;
     right: 0;
     left: -39px;
     top: 0;
     bottom: 0;
     z-index: 0;
     display: block;
     height: auto;
     width: 40px;
}
 .main_wraper .career, .main_wraper .coregenius, .main_wraper .services-inner {
     padding: 1rem 0rem;
     margin: 0;
     position: relative;
}
.main_wraper .career{
    overflow: hidden;
}
 .main_wraper .career:after, .main_wraper .coregenius:after, .main_wraper .services-inner:after {
     content: "careers";
     position: absolute;
     display: block;
     font-size: calc(46px + (370 - 46) * ((100vw - 320px) / (1920 - 320)));
     font-weight: bolder;
     text-align: center;
     left: auto;
     right: auto;
     top: 5%;
     bottom: auto;
     color: #f0edfd;
     height: 100%;
     width: 100%;
     z-index: -3;
     text-transform: uppercase;
}
 .main_wraper .career h2, .main_wraper .coregenius h2, .main_wraper .services-inner h2 {
     text-align: center;
     padding-bottom: 10px;
}
 .main_wraper .career h2 b, .main_wraper .coregenius h2 b, .main_wraper .services-inner h2 b {
     color: #000000;
     position: relative;
}
 .main_wraper .career h2 b::before, .main_wraper .coregenius h2 b::before, .main_wraper .services-inner h2 b::before {
     content: "";
     position: absolute;
     background-image: url(../images/title-bg.svg);
     background-repeat: no-repeat;
     background-size: 100%;
     background-position: center center;
     width: 100%;
     height: 40px;
     display: block;
     left: 0;
     right: 0;
     top: auto;
     bottom: -13px;
     z-index: -1;
}
 .main_wraper .career h2 p.subtitle, .main_wraper .coregenius h2 p.subtitle, .main_wraper .services-inner h2 p.subtitle {
     padding-bottom: 3rem;
}
 .main_wraper .career .process, .main_wraper .coregenius .process, .main_wraper .services-inner .process {
     position: relative;
     z-index: 0;
     padding: 40px 10px;
     top: 50px;
     text-align: center;
}
 .main_wraper .career .process:after, .main_wraper .coregenius .process:after, .main_wraper .services-inner .process:after {
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     right: -10000px;
     bottom: 0;
     width: 1000%;
     height: 100%;
     margin-bottom: 0rem;
     border-top-left-radius: 4rem;
     border-bottom-left-radius: 4rem;
     background-color: #fff;
     z-index: -1;
     box-shadow: 4px 13px 24px rgba(0, 0, 0, 0.05);
}
 .main_wraper .career .process h2, .main_wraper .coregenius .process h2, .main_wraper .services-inner .process h2 {
     text-align: center;
     padding-bottom: 10px;
}
 .main_wraper .career .process p.subtitle, .main_wraper .coregenius .process p.subtitle, .main_wraper .services-inner .process p.subtitle {
     padding-bottom: 3rem;
}
 .main_wraper .career .process ul.process-detail, .main_wraper .coregenius .process ul.process-detail, .main_wraper .services-inner .process ul.process-detail {
     position: relative;
     z-index: 2;
     display: flex;
     align-items: flex-start;
     justify-content: center;
     list-style: none;
     width: 100%;
}
 .main_wraper .career .process ul.process-detail li.step, .main_wraper .coregenius .process ul.process-detail li.step, .main_wraper .services-inner .process ul.process-detail li.step {
     display: block;
     text-align: center;
     position: relative;
     list-style: none;
     display: inline-block;
     margin-top: 0px;
     flex: 0 0 25%;
     max-width: 25%;
}
 .main_wraper .career .process ul.process-detail li.step:after, .main_wraper .coregenius .process ul.process-detail li.step:after, .main_wraper .services-inner .process ul.process-detail li.step:after {
     content: "";
     position: absolute;
     background-image: url(../images/careers/process-arrow.svg);
     background-repeat: no-repeat;
     background-size: auto;
     background-position: center center;
     width: 100%;
     height: 100%;
     display: block;
     left: 180px;
     right: 0;
     top: -20px;
     bottom: 0;
     z-index: -1;
}
 .main_wraper .career .process ul.process-detail li.step:nth-child(even), .main_wraper .coregenius .process ul.process-detail li.step:nth-child(even), .main_wraper .services-inner .process ul.process-detail li.step:nth-child(even) {
     margin-top: 8%;
}
 .main_wraper .career .process ul.process-detail li.step:nth-child(even):after, .main_wraper .coregenius .process ul.process-detail li.step:nth-child(even):after, .main_wraper .services-inner .process ul.process-detail li.step:nth-child(even):after {
     content: "";
     transform: rotate(-60deg);
     -webkit-transform: rotate(-60deg);
     -moz-transform: rotate(-60deg);
     -ms-transform: rotate(-60deg);
     -o-transform: rotate(-60deg);
     top: -50%;
}
 .main_wraper .career .process ul.process-detail li.step:last-of-type:after, .main_wraper .coregenius .process ul.process-detail li.step:last-of-type:after, .main_wraper .services-inner .process ul.process-detail li.step:last-of-type:after {
     display: none;
}
 .main_wraper .career .process ul.process-detail li.step figure.icon, .main_wraper .coregenius .process ul.process-detail li.step figure.icon, .main_wraper .services-inner .process ul.process-detail li.step figure.icon {
     width: 100%;
     max-width: 180px;
     margin: 0 auto;
}
 .main_wraper .career .process ul.process-detail li.step .step-detail, .main_wraper .coregenius .process ul.process-detail li.step .step-detail, .main_wraper .services-inner .process ul.process-detail li.step .step-detail {
     flex: 1 0 0;
}
 .main_wraper .career .process ul.process-detail li.step .step-detail h4, .main_wraper .coregenius .process ul.process-detail li.step .step-detail h4, .main_wraper .services-inner .process ul.process-detail li.step .step-detail h4 {
     font-weight: 600;
}
 .main_wraper .career .open-jobs, .main_wraper .coregenius .open-jobs, .main_wraper .services-inner .open-jobs {
     position: relative;
     z-index: 0;
     padding: 40px 10px;
     top: 50px;
     text-align: center;
}
 .main_wraper .career .open-jobs h2, .main_wraper .coregenius .open-jobs h2, .main_wraper .services-inner .open-jobs h2 {
     text-align: center;
     padding-bottom: 3rem;
}
 .main_wraper .career .open-jobs a.available-jobs, .main_wraper .coregenius .open-jobs a.available-jobs, .main_wraper .services-inner .open-jobs a.available-jobs {
     background-color: #ffffff;
     text-align: center;
     position: relative;
     padding: 30px;
     width: 100%;
     height: 100%;
     display: block;
     overflow: hidden;
     box-shadow: 4px 13px 24px rgba(0, 0, 0, 0.05);
     border-radius: 8px;
     -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
     -ms-border-radius: 8px;
     -o-border-radius: 8px;
}
 .main_wraper .career .open-jobs a.available-jobs h5:hover, .main_wraper .coregenius .open-jobs a.available-jobs h5:hover, .main_wraper .services-inner .open-jobs a.available-jobs h5:hover, .main_wraper .career .open-jobs a.available-jobs h5, .main_wraper .coregenius .open-jobs a.available-jobs h5, .main_wraper .services-inner .open-jobs a.available-jobs h5 {
     color: #000000;
}
 .main_wraper .career .open-jobs a.available-jobs p:hover, .main_wraper .coregenius .open-jobs a.available-jobs p:hover, .main_wraper .services-inner .open-jobs a.available-jobs p:hover, .main_wraper .career .open-jobs a.available-jobs p, .main_wraper .coregenius .open-jobs a.available-jobs p, .main_wraper .services-inner .open-jobs a.available-jobs p {
     color: #5c5c5c;
}
 .main_wraper .error-page {
     padding: calc(40px + (100 - 40) * ((100vw - 320px) / (1920 - 320))) 0;
     margin: 0;
     position: relative;
     background-image: url(../images/team/team-bg.png);
     background-repeat: no-repeat;
     background-position: center center;
     background-size: cover;
     height: 100vh;
     width: 100%;
     display: flex;
     align-items: center;
}
 .main_wraper .error-page figure.icon {
     text-align: center;
}
 .main_wraper .error-page h2 {
     text-align: center;
     padding-bottom: 10px;
     padding-top: 3rem;
}
 .main_wraper .error-page h2 b {
     color: #000000;
     position: relative;
}
 .main_wraper .error-page h2 b::before {
     content: "";
     position: absolute;
     background-image: url(../images/title-bg.svg);
     background-repeat: no-repeat;
     background-size: 100%;
     background-position: center center;
     width: 100%;
     height: 40px;
     display: block;
     left: 0;
     right: 0;
     top: auto;
     bottom: -13px;
     z-index: -1;
}
 .main_wraper .error-page .read-more {
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 25px 0px;
}
 .modal_area .services_modal {
     width: 100%;
     border: none;
     border-radius: 30px;
     background: rgba(27, 14, 14, 0.08);
     backdrop-filter: blur(5px);
}
 .modal_area .services_modal.right .modal-dialog {
     padding-right: 60px;
     margin: 2.75rem auto;
     margin-right: 0;
}
 .modal_area .services_modal.left .modal-dialog {
     padding-left: 60px;
     margin-left: 0;
}
 .modal_area .modal-content {
     border-radius: 48px;
     background-color: #fcfbff;
     overflow: hidden;
     min-height: 50vh;
}
 .modal_area .modal-content .modal-header {
     border: none;
}
 .modal_area .modal-content .modal-header h2 {
     margin: auto;
     font-weight: 700;
     color: #000000;
     position: relative;
     z-index: 1;
     margin-bottom: 1rem;
}
 .modal_area .modal-content .modal-header h2::before {
     content: "";
     position: absolute;
     background-image: url(../images/title-bg.svg);
     background-repeat: no-repeat;
     background-size: contain;
     background-position: top center;
     width: 100%;
     height: 46px;
     display: block;
     left: 0;
     right: 0;
     top: auto;
     bottom: -20px;
     z-index: -1;
}
 .modal_area .modal-content .modal-header .btn-close {
     margin: 0;
     opacity: 1;
}
 .modal_area .modal-content .modal-body {
     overflow-y: auto;
     max-height: 700px;
     height: 100%;
     margin-top: 5px;
     padding: 0px;
     overflow-x: hidden;
}
 .modal_area .modal-content .modal-body .modal-section {
     padding: calc(16px + (36 - 16) * ((100vw - 320px) / (1920 - 320))) calc(16px + (36 - 16) * ((100vw - 320px) / (1920 - 320))) 0px calc(16px + (36 - 16) * ((100vw - 320px) / (1920 - 320)));
}
 .modal_area .modal-content .modal-body .modal-section .about-owner {
     height: 100%;
     display: block;
     padding-bottom: 2rem;
}
 .modal_area .modal-content .modal-body .modal-section .about-owner p {
     font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
     text-align: left;
}
 .modal_area .modal-content .modal-body .modal-section .about-owner ul.modal-list {
     list-style: none;
     width: 100%;
     display: block;
     padding-top: 1rem;
}
 .modal_area .modal-content .modal-body .modal-section .about-owner ul.modal-list li {
     display: block;
     position: relative;
     font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
     color: #5c5c5c;
     padding-left: 3.2rem;
     padding-bottom: 1rem;
}
 .modal_area .modal-content .modal-body .modal-section .about-owner ul.modal-list li:before {
     content: "";
     position: absolute;
     background: url(../images/model/li-tick.svg);
     background-position: center center;
     background-size: 100%;
     height: 30px;
     width: 30px;
     display: block;
     top: 0px;
     left: 0px;
     bottom: 0;
     right: 0;
}
 .modal_area .modal-content .modal-body .modal-section .clowre-video {
     margin-bottom: 30px;
     border: none;
     border-radius: 20px;
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
     -ms-border-radius: 20px;
     -o-border-radius: 20px;
}
 .modal_area .modal-content .modal-body .modal-section .requirement {
     padding: 1rem 1.3rem;
     background-image: url(../images/careers/background.png);
     background-repeat: no-repeat;
     background-position: center center;
     background-size: cover;
     display: block;
     height: 100%;
     width: 100%;
}
 .modal_area .modal-content .modal-body .modal-section .requirement h2 {
     color: #ffffff;
}
 .modal_area .modal-content .modal-body .modal-section .requirement ul.req-job {
     list-style: none;
     display: block;
     width: 100%;
}
 .modal_area .modal-content .modal-body .modal-section .requirement ul.req-job li {
     display: inline-block;
     vertical-align: top;
     margin: 10px;
     position: relative;
     color: #ffffff;
}
 .modal_area .modal-content .modal-body .modal-section .requirement ul.req-job li:first-of-type {
     margin-left: 0px;
}
 .modal_area .modal-content .modal-body .modal-section .requirement ul.req-job li::after {
     content: "";
     position: absolute;
     top: 0;
     bottom: 0;
     right: -10px;
     width: 1px;
     background-color: #ffffff;
}
 .modal_area .modal-content .modal-body .modal-section .requirement ul.req-job li:last-child::after {
     display: none !important;
}
 .modal_area .modal-content .modal-body .modal-section .job-detail {
     padding: 36px 36px 36px 36px;
}
 .modal_area .modal-content .modal-body .modal-section .job-detail .job-description {
     padding-bottom: 15px;
}
 .modal_area .modal-content .modal-body .modal-section .job-detail .job-description h4 {
     color: #000000;
}
 .modal_area .modal-content .modal-body .modal-section .job-detail .job-description p {
     font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
     color: #5c5c5c;
}
 .modal_area .modal-content .modal-body .modal-section .job-detail .job-requirement {
     display: flex;
     align-items: flex-start;
     justify-content: flex-start;
}
 .modal_area .modal-content .modal-body .modal-section .job-detail .job-requirement .skills {
     background-color: #ffffff;
     border-radius: 32px;
     -webkit-border-radius: 32px;
     -moz-border-radius: 32px;
     -ms-border-radius: 32px;
     -o-border-radius: 32px;
     padding: 15px;
     display: block;
     box-shadow: 4px 13px 24px rgba(0, 0, 0, 0.05);
}
 .modal_area .modal-content .modal-body .modal-section .job-detail .job-requirement .skills .skills-requirement h5 {
     color: #000000;
     font-weight: 500;
}
 .modal_area .modal-content .modal-body .modal-section .job-detail .job-requirement .skills .skills-requirement ul.skill-list {
     list-style: none;
     width: 100%;
     display: block;
     padding-top: 1rem;
}
 .modal_area .modal-content .modal-body .modal-section .job-detail .job-requirement .skills .skills-requirement ul.skill-list li {
     display: block;
     position: relative;
     font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
     color: #5c5c5c;
     padding-left: 3.2rem;
     padding-bottom: 1rem;
}
 .modal_area .modal-content .modal-body .modal-section .job-detail .job-requirement .skills .skills-requirement ul.skill-list li:before {
     content: "";
     position: absolute;
     background: url(../images/model/li-tick.svg);
     background-position: center center;
     background-size: 100%;
     height: 30px;
     width: 30px;
     display: block;
     top: 0px;
     left: 0px;
     bottom: 0;
     right: 0;
}
 .modal_area .modal-content .modal-body .modal-section .job-detail .job-requirement .job-apply {
     background-color: #ffffff;
     border-radius: 32px;
     -webkit-border-radius: 32px;
     -moz-border-radius: 32px;
     -ms-border-radius: 32px;
     -o-border-radius: 32px;
     padding: 15px;
     display: block;
     box-shadow: 4px 13px 24px rgba(0, 0, 0, 0.05);
}
 .modal_area .modal-content .modal-body .modal-section .job-detail .job-requirement .job-apply h5 {
     color: #000000;
     font-weight: 700;
}
 .modal_area .modal-content .modal-body .modal-section .job-detail .job-requirement .job-apply .dropdown {
     margin-right: 20px;
}
 .modal_area .modal-content .modal-body .modal-section .job-detail .job-requirement .job-apply .dropdown br {
     display: none;
}
 .modal_area .modal-content .modal-body .modal-section .job-detail .job-requirement .job-apply .dropdown #phone2 {
     width: 105px;
}
 .modal_area .modal-content .modal-body .modal-section .job-detail .job-requirement .job-apply .dropdown #phone2::after {
     height: 5px;
}
 .modal_area .modal-content .modal-body .modal-section .job-detail .job-requirement .job-apply .dropdown .btn-secondary {
     background-color: transparent;
     border: none;
     border-bottom: 1px solid #c4c4c4;
     font-size: 16px;
     border-radius: 0px;
     color: #242c3c;
}
 .modal_area .modal-content .modal-body .modal-section .job-detail .job-requirement .job-apply .dropdown .dropdown-toggle {
     width: 100%;
     text-align: start;
     padding: 16px;
     position: relative;
}
 .modal_area .modal-content .modal-body .modal-section .job-detail .job-requirement .job-apply .dropdown .dropdown-toggle::after {
     border: none;
     background: url(../images/form/drop-down.svg) no-repeat 100% 50%;
     position: absolute;
     right: 15px;
     transform: translate(0px, 10px);
     width: 30px;
     height: 20px;
}
 .modal_area .modal-content .modal-body .modal-section .job-detail .job-requirement .job-apply .dropdown .dropdown-menu {
     width: 100%;
     min-width: 7rem;
}
 .modal_area .modal-content .modal-body .modal-section .job-detail .job-requirement .job-apply .dropdown .dropdown-menu .dropdown-item:active {
     background-color: #4f39e0;
     outline: none;
}
 .modal_area .modal-content .modal-body .modal-section .job-detail .job-requirement .job-apply .input-file {
     width: 0.1px;
     height: 0.1px;
     opacity: 0;
     overflow: hidden;
     position: absolute;
     z-index: -1;
}
 .modal_area .modal-content .modal-body .modal-section .job-detail .job-requirement .job-apply .btn-tertiary {
     padding: 0;
     line-height: 40px;
     width: 100%;
     margin: auto;
     display: block;
     border: 1px dashed #c4c4c4;
     border-radius: 8px;
}
 .modal_area .modal-content .modal-body .modal-section .job-detail .job-requirement .job-apply textarea.form-control {
     background: transparent;
     border: none;
     border-bottom: 1px solid #c4c4c4;
     border-radius: 0px;
     resize: none;
}
 .modal_area .modal-content .modal-body .modal-section .job-detail .job-requirement .job-apply .input-file + .js-labelFile {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     padding: 0 10px;
     cursor: pointer;
}
 .modal_area .modal-content .modal-body .modal-section .job-detail .job-requirement .job-apply .input-file + .js-labelFile .icon:before {
     content: "";
}
 .modal_area .modal-content .modal-body .modal-section .job-detail .job-requirement .job-apply .input-file + .js-labelFile.has-file .icon:before {
     content: "";
}
 .modal_area .modal-content .modal-body .modal-section .job-detail .job-requirement .job-apply .phone-info {
     display: flex;
     align-items: center;
}
 .modal_area .modal-content .modal-body .modal-section .job-detail .job-requirement .job-apply .phone-info .dropdown-toggle {
     padding: 9px;
}
 .modal_area .modal-content .modal-body .modal-section .job-detail .job-requirement .job-apply .form-choose {
     padding: 16px 0px;
}
 .modal_area .modal-content .modal-body .modal-section .job-detail .job-requirement .job-apply .form-check {
     padding-top: 16px;
     padding-bottom: 16px;
}
 .modal_area .modal-content .modal-body .modal-section .job-detail .job-requirement .job-apply .form-check .form-check-label {
     color: #5c5c5c;
}
 .modal_area .modal-content .modal-body .modal-section .job-detail .job-requirement .job-apply .form-submit {
     text-align: center;
     align-items: center;
}
 .modal_area .modal-content .modal-body .modal-section .job-detail .job-requirement .job-apply .form-submit .btn-primary {
     background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), linear-gradient(92.5deg, #5d2ac0 0.76%, #4541e0 97.57%);
     border-radius: 100px;
     padding: 16px 35px;
}
 .modal_area .modal-content .modal-body .modal-section .job-detail .job-requirement .job-apply .form-submit .btn-primary:hover {
     background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), linear-gradient(92.5deg, #4541e0 97.57%, #5d2ac0 0.76%);
}
 .modal_area .modal-content .modal-body .modal-section .job-detail .job-requirement .job-apply .form-floating .form-control {
     border: none;
     border-bottom: 1px solid #c4c4c4;
     border-radius: 0px;
     background: transparent;
}
 .modal_area .modal-content .modal-body .modal-section .job-detail .job-requirement .job-apply .form-floating .form-control:focus, .modal_area .modal-content .modal-body .modal-section .job-detail .job-requirement .job-apply .form-floating .form-control :not(:placeholder-shown) {
     padding-top: 2.625rem;
     padding-bottom: 0.625rem;
     border-bottom: 1px solid #4f39e0;
     font-size: 16px;
     font-weight: 400;
     color: #242c3c;
}
 .modal_area .modal-content .modal-body .modal-section .job-detail .job-requirement .job-apply .form-floating .form-control:focus ~ label, .modal_area .modal-content .modal-body .modal-section .job-detail .job-requirement .job-apply .form-floating .form-control :not(:placeholder-shown) ~ label {
     opacity: 1;
     transform: scale(0.99) translateY(-0.7rem) translateX(0.15rem);
     color: #5c5c5c;
     font-size: 13px;
}
 .modal_area .modal-content .modal-body .modal-section .job-detail .job-requirement .job-apply .form-floating label {
     padding: 22px 8px;
     color: #5c5c5c;
     font-size: 16px;
     letter-spacing: -0.02em;
}
 .modal_area .modal-body::-webkit-scrollbar {
     width: 8px;
}
 .modal_area .modal-body::-webkit-scrollbar-thumb {
     background-color: #4f39e0;
     border-radius: 100px;
}
 .modal_area .about-company {
     border: none;
     background: #ffffff;
     box-shadow: 4px 13px 24px 8px rgba(0, 0, 0, 0.05);
     border-radius: 48px 0px 0px 48px;
     margin: 44px 0px 44px 44px;
     padding: 56px;
     display: flex;
     align-items: center;
     justify-content: flex-start;
     margin-top: 0;
}
 .modal_area .about-company img {
     width: 50%;
     padding: 20px;
     padding-left: 0px;
     order: 2;
}
.modal_area .about-company p {
    text-align: left;
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    order: 1;
    padding-right: 20px;
}
 .modal_area .modal-content-section {
     box-shadow: 4px 13px 24px 8px rgba(0, 0, 0, 0.5);
     border-radius: 48px 0px 0px 48px;
     margin: 56px 0 56px 56px;
}
 @keyframes wave {
     0% {
         box-shadow: 0 0 0px 0px rgba(255, 255, 255, 0.5), 0 0 0px 0px rgba(255, 255, 255, 0.5);
    }
     100% {
         box-shadow: 0 0 40px 45px rgba(255, 255, 255, 0), 0 0 40px 45px rgba(255, 255, 255, 0);
    }
}
 .custom_job_page .modal_area .modal-content {
     border: none;
}
 .custom_job_page .modal-body {
     max-height: none !important;
}
 .custom_job_page .job-detail {
     padding: 36px 0 !important;
}
 .custom_job_page .skills {
     margin-bottom: 30px;
}
 .sarvika-story:after {
     content: '' !important;
}
 .sarvika-story h3 {
     color: #000000;
     text-align: center;
     font-weight: bold;
}
.story_social {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1rem;
    margin-bottom: calc(10px + (30 - 10) * ((100vw - 320px) / (1920 - 320)));
}
 .story_social li {
     list-style: none;
     padding: 0rem calc(6px + (12 - 6) * ((100vw - 320px) / (1920 - 320)));
}
 .story_social li a {
     width: calc(32px + (48 - 32) * ((100vw - 320px) / (1920 - 320)));
     height: calc(32px + (48 - 32) * ((100vw - 320px) / (1920 - 320)));
     line-height: calc(32px + (48 - 32) * ((100vw - 320px) / (1920 - 320)));
     display: inline-block;
     text-align: center;
}
 .story_social li a img {
     height: calc(32px + (48 - 32) * ((100vw - 320px) / (1920 - 320)));
     width: calc(32px + (48 - 32) * ((100vw - 320px) / (1920 - 320)));
}
 .main_wraper .footer .main_footer .container .brand_carousel2 .brand_inner ul.brand_logo li figure {
     margin: calc(5px + (5 - 5) * ((100vw - 320px) / (1920 - 320))) 0;
}
 .service, .technology-box {
     background-color: #ffffff;
     border-radius: 32px;
     -webkit-border-radius: 32px;
     -moz-border-radius: 32px;
     -ms-border-radius: 32px;
     -o-border-radius: 32px;
     -webkit-box-shadow: 4px 10px 33px rgba(0, 0, 0, 0.13);
     box-shadow: 4px 10px 33px rgba(0, 0, 0, 0.13);
     width: 100%;
     overflow: hidden;
     padding: calc(14px + (20 - 15) * ((100vw - 320px) / (1920 - 320)));
     color: #000000;
     min-height: 100%;
     display: flex;
     flex-wrap: wrap;
}
 .service .service_content, .technology-box .service_content {
     padding-bottom: 25px;
     display: flex;
     width: 100%;
}
 .service .service_content figure, .technology-box .service_content figure {
     display: flex;
     padding: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));
     background-color: #f0edfd;
     width: 100%;
     margin: 0 auto;
     text-align: center;
     max-width: 145px;
     border-radius: 8px;
     align-items: center;
     justify-content: center;
}
 .service .service_content .service_body, .technology-box .service_content .service_body {
     display: block;
     padding: 0 10px;
     padding-left: calc(10px + (30 - 10) * ((100vw - 320px) / (1920 - 320)));
     flex: 1 0 0;
}
 .service .service_content .service_body h5, .technology-box .service_content .service_body h5 {
     line-height: 1.5;
     margin-bottom: 10px;
}
 .service .service_content .service_body h5 a:hover, .technology-box .service_content .service_body h5 a:hover {
     text-decoration: underline;
}
 .service .service_content .service_body p, .technology-box .service_content .service_body p {
     line-height: 1.5;
}
 .service .service_footer, .technology-box .service_footer {
     padding-top: 15px;
     border-top: 1px solid #adadad;
     width: 100%;
     margin-top: auto;
}
 .service .service_footer a, .technology-box .service_footer a {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     width: 100%;
     padding-right: 10px;
}
 .service .service_footer a span, .technology-box .service_footer a span {
     width: 100%;
     display: block;
     color: #4f39e0;
     font-size: calc(14px + (18 - 15) * ((100vw - 320px) / (1920 - 320)));
}
 .individual-blog {
     background-color: #ffffff;
     border-radius: 32px;
     -webkit-border-radius: 32px;
     -moz-border-radius: 32px;
     -ms-border-radius: 32px;
     -o-border-radius: 32px;
     box-shadow: 4px 10px 33px rgba(0, 0, 0, 0.13);
     padding: 0;
     overflow: hidden;
}
 .blog-content {
     padding: 0 2rem 2rem;
}
 .blog-content h3 {
     font-weight: 600;
     color: #000000;
}
 .blog-content .media {
     display: flex;
     align-items: flex-start;
     border-radius: 32px;
}
 .blog-content .media .author-avatar {
     flex: 0 0 100px;
     max-width: 100px;
     border-radius: 20px;
     overflow: hidden;
}
 .blog-content .media p.text-secondary {
     font-weight: 600;
}
 .blog-content .media .media-body {
     padding-left: 20px;
}
 .blog-content .media .media-body h4 {
     font-size: calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320)));
     font-weight: 600;
     color: #4f39e0;
}
 .blog-content .media .media-body p {
     line-height: 1.5;
     font-size: 14px;
}
 .blog-content .media .media-body p.text-secondary {
     font-weight: 600;
}
 .single-content p {
     margin-bottom: 2rem;
     font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
}
 .single-content ul li {
     position: relative;
     font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
     color: #5c5c5c;
     padding-left: 3rem;
     padding-bottom: 1rem;
}
 .single-content ul li::before {
     content: "";
     position: absolute;
     background: url(../images/model/li-tick.svg);
     background-position: center center;
     background-size: 100%;
     height: 30px;
     width: 30px;
     display: block;
     top: 0px;
     left: 0px;
     bottom: 0;
     right: 0;
}
 .single-content ul li p {
     margin-bottom: 0;
}
 .main_wraper .coregenius:after, .main_wraper .services-inner:after {
     content: 'Core Genius';
     font-size: calc(40px + (280 - 40) * ((100vw - 320px) / (1920 - 320)));
     left: 0;
     right: 0;
     margin: auto;
}
 .main_wraper .tech-stack:after {
     content: 'Technical Stack';
     font-size: calc(36px + (200 - 36) * ((100vw - 320px) / (1920 - 320)));
     left: 0;
     right: 0;
     margin: auto;
}
 .technologySarvikaFilter a {
     padding: 3px 15px;
     background: #ffffff;
     border-radius: 20px;
     font-size: 14px;
     border: solid 2px #f0edfd;
     margin: 3px 5px;
}
 .technologySarvikaFilter a:hover {
     color: #000000;
}
 .technologySarvikaFilter a.current {
     background: #4f39e0;
     color: #ffffff;
     box-shadow: 4px 10px 33px rgba(0, 0, 0, 0.13);
     border-color: #4f39e0;
}
.applications {
  margin-bottom: 1.5rem;
}
 .technology-box {
     height: 140px;
     border-radius: 8px;
     justify-content: center;
}
 .technology-box .tech-title {
     display: none;
}
 .technology-box .tech-text {
     display: block;
     font-weight: bold;
     flex: 0 0 100%;
     max-width: 100%;
}
 .main_wraper .coregenius, .main_wraper .services-inner {
     padding: calc(10px + (100 - 10) * ((100vw - 320px) / (1920 - 320))) 0;
}
 .main_wraper .coregenius .core-genius-container, .main_wraper .services-inner .core-genius-container {
     text-align: left;
     padding: calc(20px + (100 - 20) * ((100vw - 320px) / (1920 - 320)));
     color: #000000;
     top: 0;
}
 .main_wraper .coregenius .core-genius-container h2, .main_wraper .services-inner .core-genius-container h2 {
     text-align: left;
     font-size: calc(22px + (42 - 22) * ((100vw - 320px) / (1920 - 320)));
}
 .main_wraper .coregenius .core-genius-container p, .main_wraper .services-inner .core-genius-container p {
     margin-bottom: 1rem;
     font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
     line-height: 1.6;
}
 .main_wraper .coregenius .core-genius-container ul, .main_wraper .services-inner .core-genius-container ul {
     list-style: none;
     width: 100%;
     display: block;
     padding-top: 1rem;
     margin-bottom: 1rem;
}
 .main_wraper .coregenius .core-genius-container ul li, .main_wraper .services-inner .core-genius-container ul li {
     display: block;
     position: relative;
     font-size: 1rem;
     padding-left: calc(30px + (40 - 30) * ((100vw - 320px) / (1920 - 320)));
     padding-bottom: 10px;
}
 .main_wraper .coregenius .core-genius-container ul li:before, .main_wraper .services-inner .core-genius-container ul li:before {
     content: "";
     position: absolute;
     background: url(../images/model/li-tick.svg);
     background-position: center center;
     background-size: 100%;
     height: calc(24px + (30 - 24) * ((100vw - 320px) / (1920 - 320)));
     width: calc(24px + (30 - 24) * ((100vw - 320px) / (1920 - 320)));
     display: block;
     top: 0px;
     left: 0px;
     bottom: 0;
     right: 0;
}
 .single-blog h2 {
     font-size: calc(20px + (40 - 20) * ((100vw - 320px) / (1920 - 320)));
     font-weight: bold;
     color: #4f39e0;
}
 .single-blog h3, .single-blog h4 {
     font-size: calc(18px + (24 - 18) * ((100vw - 320px) / (1920 - 320)));
     line-height: 1.2;
}
 .service-pages {
     border: none;
}
 .service-pages li {
     display: flex;
     flex-direction: column;
     align-items: center;
     flex: 1 0 0%;
     text-align: center;
     font-size: 14px;
}
 .service-pages li:hover {
     color: #000000;
}
 .service-pages li.active a img {
     color: #000000;
     box-shadow: 4px 10px 33px rgba(0, 0, 0, 0.13);
     border-color: #4f39e0;
}
.service-pages li span {
    display: block;
}
.service-pages li.active span {
    color: #4f39e0;
    font-weight: bold;
}
.service-pages li a {
    padding: 0 10px;
    font-size: calc(13px + (16 - 13) * ((100vw - 320px) / (1920 - 320)));
    margin: 3px 5px;
    color: #5c5c5c !important;
}
.service-pages li a img {
    width: 70px;
    border: solid 2px #e0dafb;
    border-radius: 8px;
    background: #FFF;
}
 .sarvika-tabs {
     border: none;
}
 .sarvika-tabs .nav-link {
     padding: 3px 15px;
     background: #ffffff;
     border-radius: 20px;
     font-size: 14px;
     border: solid 2px #f0edfd;
     margin: 3px 5px;
     color: #5c5c5c;
}
 .sarvika-tabs .nav-link:hover {
     color: #000000;
}
 .sarvika-tabs .nav-link.active {
     background: #4f39e0;
     color: #ffffff;
     box-shadow: 4px 10px 33px rgba(0, 0, 0, 0.13);
     border-color: #4f39e0;
}
 .services-inner:after {
     content: 'Services' !important;
}
 .services-inner .core-genius-container.services-tabs-inner {
     border: solid 2px #f0edfd;
     border-radius: 32px;
     margin-top: calc(20px + (32 - 20) * ((100vw - 320px) / (1920 - 320)));
}
 .newsletter:after, .sitemap:after {
     content: 'Newsletter' !important;
     font-size: calc(46px + (280 - 46) * ((100vw - 320px) / (1920 - 320))) !important;
}
 .nw-year {
     background: #4f39e0;
     text-align: center;
     font-size: calc(15px + (22 - 15) * ((100vw - 320px) / (1920 - 320)));
     font-weight: bold;
     border-radius: 32px;
     padding: calc(2px + (5 - 2) * ((100vw - 320px) / (1920 - 320))) calc(10px + (40 - 10) * ((100vw - 320px) / (1920 - 320)));
     color: #ffffff;
     flex: 0 0 calc(60px + (150 - 60) * ((100vw - 320px) / (1920 - 320)));
     max-width: 183px;
     margin-top: calc(-15px + ((-25) - (-15)) * ((100vw - 320px) / (1920 - 320)));
}
 .nwa-archive {
     max-width: 1280px;
     margin: auto;
}
 .nwa-archive > li {
     display: flex;
     flex-wrap: wrap;
     margin-top: calc(30px + (60 - 30) * ((100vw - 320px) / (1920 - 320)));
     justify-content: center;
     border-radius: 32px;
     background: #FFF;
}
 .nwa-archive ul {
     flex: 0 0 100%;
     max-width: 100%;
     padding: calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320))) calc(15px + (52 - 15) * ((100vw - 320px) / (1920 - 320)));
     position: relative;
     display: flex;
     flex-wrap: wrap;
}
.nwa-archive ul li {
    position: relative;
    line-height: 1.2;
    flex: 0 0 50%;
    padding: 0 calc(20px + (38 - 20) * ((100vw - 320px) / (1920 - 320))) 1rem calc(20px + (38 - 20) * ((100vw - 320px) / (1920 - 320)));
}
 .nwa-archive ul li:before {
     position: absolute;
     content: '';
     background: url(../images/model/li-tick.svg);
     background-position: center center;
     background-size: 100%;
     height: 20px;
     width: calc(17px + (30 - 17) * ((100vw - 320px) / (1920 - 320)));
     display: block;
     top: 0px;
     left: 0px;
     bottom: 0;
     right: 0;
}
 .nwa-archive ul li a {
     margin-right: calc(3px + (10 - 3) * ((100vw - 320px) / (1920 - 320)));
     font-size: calc(13px + (18 - 13) * ((100vw - 320px) / (1920 - 320)));
     color: #000000;
}
 .nwa-archive ul li a:hover {
     text-decoration: underline;
}
 .nwa-archive ul li span {
     font-size: calc(10px + (14 - 10) * ((100vw - 320px) / (1920 - 320)));
     margin-top: 5px;
}
.we-mean {
    padding: 0;
    position: relative;
    background: #040002;
}
.we-mean img {
    width: 100%;
}
.we-mean h2, .we-mean .h2 {
     position: absolute;
     top: calc(15px + (50 - 15) * ((100vw - 320px) / (1920 - 320)));
     left: 0;
     right: 0;
     margin: auto;
     text-align: center;
     color: #ffffff;
}
.we-mean h2 b, .we-mean .h2 b {
     position: relative;
     z-index: 1;
}
.we-mean h2 b:before, .we-mean .h2 b:before {
     content: "";
     position: absolute;
     background-image: url(../images/title-bg.svg);
     background-repeat: no-repeat;
     background-size: 100%;
     background-position: center center;
     width: 75%;
     height: 40px;
     display: block;
     left: 0;
     right: 0;
     top: auto;
     bottom: -23px;
     z-index: -1;
     margin: auto;
}
 .form-group .form-control {
     color: #5c5c5c;
     font-size: 16px;
     letter-spacing: -0.02em;
     border-radius: 0;
     border: none;
     background: transparent;
     border-bottom: 1px solid #c4c4c4;
     padding: 8px;
}
 .form-group select.form-control {
     background: url(../images/form/drop-down.svg) no-repeat 100% 50%;
}
 .form-group span:not(.btn-tertiary span) {
     width: 100%;
     display: block;
}
 .form-group span:not(.btn-tertiary span).menu-358 {
     max-width: 80px;
     margin-right: 20px;
}
 .wpcf7-not-valid-tip {
     font-size: 13px;
}
 #contactus .wpcf7-response-output {
     width: 49%;
     margin: 0 0 0 auto;
     padding: 9px 15px;
     font-size: 14px;
     background: #e90303;
     color: #FFF;
     border-radius: 32px 0 0 32px;
}
 .wpcf7-not-valid-tip {
     position: absolute;
     width: 100%;
     left: 0;
     right: 0;
}
 .form-choose .wpcf7-not-valid-tip {
     bottom: 0;
}
 .back-to-job {
     display: flex;
     align-items: center;
     background: #ffffff;
     padding: 5px 10px;
     color: #4f39e0;
     border-radius: 20px;
}
 .back-to-job img {
     transform: rotate(180deg);
     width: 32px;
     margin-right: 5px;
}
/* Juicer Feed CSS */
 .referral {
     display: none !important;
}
 .juicer-feed.slider .slick-list {
     margin: 0 0 calc(60px + (80 - 60) * ((100vw - 320px) / (1920 - 320))) !important;
}
 .juicer-feed.slider .feed-item {
     padding: 0 15px !important;
     background: transparent;
}
 .juicer-feed.slider .slick-prev, .juicer-feed.slider .slick-next {
     background: #3a3a3a !important;
     height: 60px !important;
     width: 50px !important;
     top: 30px !important;
}
 .juicer-feed.slider .slick-prev:before, .juicer-feed.slider .slick-prev:after, .juicer-feed.slider .slick-next:before, .juicer-feed.slider .slick-next:after {
     font-size: 3rem !important;
     font-family: "fontawesome-webfont", Helvetica, Arial, sans-serif !important;
     line-height: 30px !important;
}
 .juicer-feed.slider .slick-prev:hover, .juicer-feed.slider .slick-prev:focus, .juicer-feed.slider .slick-next:hover, .juicer-feed.slider .slick-next:focus {
     opacity: 0.8 !important;
}
 .juicer-feed.slider .slick-prev:hover:before, .juicer-feed.slider .slick-prev:focus:before, .juicer-feed.slider .slick-next:hover:before, .juicer-feed.slider .slick-next:focus:before {
     color: #6fb67c !important;
}
 .juicer-feed.slider .slick-next {
     background-image: url(../images/testimonial/arrow.svg) !important;
     background-repeat: no-repeat !important;
     background-color: #4f39e0 !important;
     width: calc(30px + (46 - 30) * ((100vw - 320px) / (1920 - 320))) !important;
     height: calc(30px + (46 - 30) * ((100vw - 320px) / (1920 - 320))) !important;
     background-position: center !important;
     border-radius: 100% !important;
     right: -90px !important;
     top: auto !important;
     bottom: 20px !important;
     left: 0 !important;
     margin: auto !important;
     max-width: 46px;
     max-height: 46px;
}
 .juicer-feed.slider .slick-next:before {
     content: '' !important;
}
 .juicer-feed.slider .slick-prev {
     background-image: url(../images/testimonial/arrow.svg) !important;
     background-repeat: no-repeat !important;
     background-color: #4f39e0 !important;
     transform: rotate(180deg);
     width: calc(30px + (46 - 30) * ((100vw - 320px) / (1920 - 320))) !important;
     height: calc(30px + (46 - 30) * ((100vw - 320px) / (1920 - 320))) !important;
     background-position: center !important;
     border-radius: 100% !important;
     right: 0 !important;
     top: auto !important;
     bottom: 20px !important;
     left: -90px !important;
     margin: auto !important;
     max-width: 46px;
     max-height: 46px;
}
 .juicer-feed.slider .slick-prev:before {
     content: '' !important;
}
 .juicer-feed.slider .j-text {
     left: 15px !important;
     width: auto !important;
     right: 15px !important;
}
 .feed-item.juicer.image-post.juicer-ad.slick-slide {
     display: none !important;
}
 .sitemap:after {
     content: 'Sitemap' !important;
}
 .sitemap .sitemap-box {
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
}
 .sitemap .sitemap-box label {
     margin-bottom: 0;
}
 .sitemap .sitemap-box label a {
     background: #4f39e0;
     color: #ffffff;
     font-size: calc(15px + (22 - 15) * ((100vw - 320px) / (1920 - 320)));
     font-weight: bold;
     border-radius: 32px;
     padding: calc(5px + (10 - 2) * ((100vw - 320px) / (1920 - 320))) calc(10px + (40 - 10) * ((100vw - 320px) / (1920 - 320)));
     flex: 0 0 calc(60px + (150 - 60) * ((100vw - 320px) / (1920 - 320)));
     max-width: 200px;
     position: relative;
     margin-bottom: 40px;
     display: block;
}
 .sitemap .sitemap-box label a:after {
     background: #000;
     position: absolute;
     content: '';
     height: 40px;
     width: 1px;
     bottom: -40px;
     left: 0;
     right: 0;
     margin: auto;
}
 .sitemap .sitemap-box > ul {
     flex: 0 0 100%;
     text-align: center;
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
     padding-top: 50px;
     position: relative;
     align-items: flex-start;
}
 .sitemap .sitemap-box > ul:before {
     position: absolute;
     content: '';
     background: #000;
     left: 72px;
     right: 57px;
     height: 1px;
     top: 0;
}
 .sitemap .sitemap-box > ul > li {
     margin: 0 5px;
}
 .sitemap .sitemap-box > ul > li > a {
     padding: 5px 20px;
     background: #ffffff;
     border-radius: 32px;
     box-shadow: 4px 10px 33px rgba(0, 0, 0, 0.13);
     position: relative;
     font-weight: bold;
     font-size: 18px;
}
 .sitemap .sitemap-box > ul > li > a:before {
     position: absolute;
     width: 1px;
     height: 50px;
     top: -48px;
     background: #000;
     content: '';
     left: 0;
     right: 0;
     margin: auto;
     z-index: -1;
}
 .sitemap .sitemap-box > ul ul > li {
     padding-top: 30px;
     position: relative;
}
 .sitemap .sitemap-box > ul ul > li:before {
     position: absolute;
     content: '';
     top: 0;
     width: 1px;
     background: #a8a8a8;
     bottom: 20px;
     left: 0;
     right: 0;
     margin: auto;
     z-index: -1;
}
 .sitemap .sitemap-box > ul ul > li a {
     position: relative;
     background: #f0edfd;
     padding: 5px 15px;
     border-radius: 32px;
     font-size: 14px;
     border: solid 1px #a8a8a8;
}
 .to-bottom {
     position: fixed;
     background: #4f39e0;
     inset: auto 40px 20px auto;
     z-index: 9999;
     width: 50px;
     height: 50px;
     border-radius: 100%;
     justify-content: center;
     display: flex;
     align-items: center;
     box-shadow: 4px 10px 33px rgba(0, 0, 0, 0.13);
}
 .to-bottom img {
     max-width: 24px;
}
 .custom_job_page .job-apply .form-group .input-file {
     width: 0.1px;
     height: 0.1px;
     opacity: 0;
     overflow: hidden;
     position: absolute;
     z-index: -1;
}
 .custom_job_page .job-apply .form-group textarea.form-control {
     background: transparent;
     border: none;
     border-bottom: 1px solid #c4c4c4;
     border-radius: 0px;
     resize: none;
     max-height: 41px;
}
.header .navbar ul.navbar-nav::-webkit-scrollbar {
    width: 5px;
}
  
  /* Track */
.header .navbar ul.navbar-nav::-webkit-scrollbar-track {
    background: #666;
}
  
  /* Handle */
.header .navbar ul.navbar-nav::-webkit-scrollbar-thumb {
    background: #000;
}
/*.modal .modal-dialog p, .modal .modal-dialog ul {
    text-align: justify !important;
}*/
.juicer-story-slogan {
    margin-bottom: 20px;
}

@media (min-width: 576px) {

}

 @media (min-width: 992px) {
     .main_wraper .form-login .office-details::before {
         position: absolute;
         content: '';
         background: #000;
         width: 1px;
         height: auto;
         top: 20px;
         left: 46%;
         bottom: 20px;
    }
}
@media (min-width: 1200px) {
     .page-id-7694 .header .navbar.scroll_nav ul.navbar-nav .nav-link {
         color: #000000;
    }
}
@media (min-width: 2501px) {
    body {
        font-size: 20px;
   }
    h1, .h1 {
        font-size: 86px;
   }
    h2, .h2 {
        font-size: 48px;
   }
    h3, .h3 {
        font-size: 42px;
   }
    h4, .h4 {
        font-size: 34px;
   }
    h5, .h5 {
        font-size: 24px;
   }
    h6, .h6 {
        font-size: 20px;
   }
   .header .navbar ul.navbar-nav {
        padding-left: 100px;
    }
    .header .navbar ul.navbar-nav .nav-link {
        font-size: 32px;
    }
   .main_wraper .story .story_detail .s_card .card.card_left .info_wrap .story_btn span {
        font-size: 28px;
    }
    .h2.title {
        font-size: 90px;
    }
    .main_wraper .form-login .h2 b::before {
        bottom: -7px;
    }
    .main_wraper .footer .main_footer .container .brand_carousel {
        padding: 40px;
    }
    .main_wraper .team, .main_wraper .tech-stack, .main_wraper .newsletter, .main_wraper .sitemap {
        padding: 120px 0;
    }
    .nw-year {
        font-size: 25px;
        padding: 6px 50px;
        margin-top: -29px;
    }
    .nwa-archive > li {
        margin-top: 70px;
    }
    .nwa-archive ul {
        padding: 22px 65px;
    }
    .nwa-archive ul li a {
        margin-right: 13px;
        font-size: 20px;
    }
    .main_wraper .form-login .h2 {
        padding-bottom: 25px;
    }
    .main_wraper .team .h2, .main_wraper .team h2, .main_wraper .tech-stack h2, .main_wraper .tech-stack .h2, .main_wraper .newsletter h2, .main_wraper .newsletter .h2, .main_wraper .sitemap h2, .main_wraper .sitemap .h2 {
        font-size: 42px;
    }
    .main_wraper .main_banner_cover .slide_direction {
        font-size: 18px;
    }
    .main_wraper .form-login .office-details .form-submit .btn-primary {
        padding: 20px 42px;
   }
}
 @media (max-width: 1599px) {
     .main_wraper .testimonial {
         padding-top: 1rem;
         padding-bottom: 1rem;
    }
     .main_wraper .testimonial .quoto_carousel .inner .window .window_content .client-detail p {
         line-height: 1.6;
    }
     .main_wraper .testimonial .quoto_carousel .inner .window .window_content {
         min-height: 300px;
    }
     .main_wraper .testimonial .quoto_carousel .inner .window {
         max-width: 1000px;
         margin: auto;
    }
     .main_wraper .mouse {
         bottom: 10px;
    }
     .container-fluid {
         padding-left: var(--bs-gutter-x, 4rem);
         padding-right: var(--bs-gutter-x, 4rem);
    }
     .main_wraper .form-login {
         padding: 1rem 0;
    }
     .main_wraper .testimonial {
         padding: calc(40px + (60 - 40) * ((100vw - 320px) / (1920 - 320))) 0;
    }
     #gallery .container {
         max-width: 1272px;
    }
     .gallery .horizontal {
         height: 173px !important;
    }
    .juicer-story-slogan {
        margin-bottom: 10px;
    }
    .juicer-feed.slider .slick-next {
        right: 0px !important;
        top: 50% !important;
        bottom: auto !important;
        left: auto !important;
        transform: translateY(-50%);
    }
    .juicer-feed.slider .slick-prev {
        transform: translateY(-50%) rotate(180deg);
        right: auto !important;
        top: 50% !important;
        bottom: auto !important;
        left: 0 !important;
        margin: auto !important;
    }
}
 @media (max-width: 1399px) {
     .main_wraper .footer::after {
         border-left: 200vw solid transparent;
    }
     .main_wraper .career .process ul.process-detail li.step:after, .main_wraper .coregenius .process ul.process-detail li.step:after, .main_wraper .services-inner .process ul.process-detail li.step:after {
         width: 60%;
         height: 60%;
         left: 70%;
         top: 4%;
    }
     .main_wraper .career .process ul.process-detail li.step:nth-child(even):after, .main_wraper .coregenius .process ul.process-detail li.step:nth-child(even):after, .main_wraper .services-inner .process ul.process-detail li.step:nth-child(even):after {
         content: "";
         top: -34%;
    }
     .sitemap .sitemap-box > ul > li {
         margin: 0 3px;
    }
     .sitemap .sitemap-box > ul > li > a {
         padding: 5px 15px;
         font-size: 16px;
    }
     .sitemap .sitemap-box > ul:before {
         left: 61px;
         right: 47px;
    }
     .main_wraper .window .window_content .post-info .post-detail .h5.post-title {
         font-size: calc(16px + (17 - 16) * ((100vw - 320px) / (1920 - 320)));
    }
     .main_wraper .window .window_content .post-info .post-detail span.category {
         font-size: calc(15px + (16 - 15) * ((100vw - 320px) / (1920 - 320)));
    }
     #gallery .container {
         max-width: 1072px;
    }
     .gallery .horizontal {
         height: 128px !important;
    }
    .juicer-story .container + .container{
        max-width: 1200px;
    }
}
 @media (max-width: 1199px) {
     .main_wraper .story .story_detail .s_card .card.card_left {
         padding: 3.125rem 2.125rem 1.125rem 5.5rem;
    }
     .main_wraper .story .story_detail .s_card .card.card_left.card_right {
         padding: 3.125rem 5.5rem 1.125rem 2.125rem;
    }
     .main_wraper .story .story_detail .s_card .card.card_left .s_icon .s_icon_info .icon_img {
         max-width: 70px;
    }
     .main_wraper .story .story_detail .s_card .card.card_left .s_icon .s_icon_info {
         height: 6rem;
         width: 6rem;
    }
     .main_wraper .story .story_detail .s_card .card.card_left .s_icon .s_icon_info::before {
         height: 8rem;
         width: 8rem;
    }
     .main_wraper .story .story_detail .s_card .card.card_left .s_icon .s_icon_info::after {
         height: 10rem;
         width: 10rem;
    }
     .main_wraper .story .story_detail .s_card .card.card_left:after {
         width: 19.262rem;
    }
     .main_wraper .story .story_detail .s_card .card_left:after {
         width: 19.262rem;
         height: 17.682rem;
    }
     .main_wraper .story .story_detail .s_card .card_left {
         padding: 2.125rem 2.125rem 2.125rem 6.5rem;
    }
     .main_wraper .story .story_detail .s_card .card_left.card_right {
         padding: 2.125rem 6.5rem 2.125rem 2.125rem;
    }
     .main_wraper .story .story_detail .s_card .card_left .s_icon .s_icon_info .icon_img {
         max-width: 60px;
    }
     .main_wraper .footer::after {
         border-left: 300vw solid transparent;
         top: 7.2rem;
    }
     .modal_area .modal-content .circle-ripple {
         height: auto;
         width: auto;
    }
     .modal_area .modal-content .circle-ripple img {
         top: 0;
    }
     .main_wraper .career .process ul.process-detail li.step:after, .main_wraper .coregenius .process ul.process-detail li.step:after, .main_wraper .services-inner .process ul.process-detail li.step:after {
         background-size: 100%;
    }
     .main_wraper .career .process ul.process-detail li.step:after, .main_wraper .coregenius .process ul.process-detail li.step:after, .main_wraper .services-inner .process ul.process-detail li.step:after {
         width: 40%;
         height: 80%;
         left: 85%;
         top: 4%;
    }
    .main_wraper .main_banner_cover .slide_direction, .main_wraper .mouse {
         display: none !important;
    }
     .sitemap .sitemap-box > ul > li > a {
         padding: 5px 10px;
         font-size: 14px;
    }
     .sitemap .sitemap-box > ul:before {
         left: 50px;
         right: 38px;
    }
     .sitemap .sitemap-box > ul > li {
         margin: 0 2px;
    }
     .sitemap .sitemap-box > ul ul > li a {
         font-size: 13px;
    }
     #gallery .container {
         max-width: 900px;
         padding: 0 20px;
    }
     .gallery .horizontal {
         height: 116px !important;
    }
    .service-pages li {
        width: 25%;
        margin-bottom: 20px;
        flex: 0 0 auto;
    }
}
 @media (max-width: 1024px) {
     .main_wraper .form-login .office-details {
         margin-top: 0rem;
    }
     .main_wraper .form-login::after {
         top: 20%;
    }
     .about-company img {
         width: 100%;
    }
     .main_wraper .career .process ul.process-detail li.step:nth-child(even):after, .main_wraper .coregenius .process ul.process-detail li.step:nth-child(even):after, .main_wraper .services-inner .process ul.process-detail li.step:nth-child(even):after {
         content: "";
         top: -25%;
    }
}
 @media (max-width: 991px) {
     .main_wraper .story .story_detail .s_card {
         padding-left: 2rem;
         padding-right: 0rem;
    }
     .main_wraper .story .story_detail .s_card .card.card_left.card_right, .main_wraper .story .story_detail .s_card .card.card_left {
         width: 100%;
         margin-bottom: 6rem;
    }
     .main_wraper .story .story_detail .s_card .card.card_left:after {
         left: 50%;
         top: auto;
         height: 25rem;
         border-radius: 0px;
         width: auto;
    }
     .main_wraper .story .story_detail .s_card .card.card_left.card_right::after {
         left: 50%;
         top: auto;
         height: 25rem;
         border-radius: 0px;
         width: auto;
    }
     .main_wraper .story .story_detail .s_card .card.card_left.card_right .s_icon {
         left: -5rem;
         right: auto;
    }
     .main_wraper .story .story_detail .s_card .card.card_left .s_icon .s_icon_info .icon_img {
         max-width: 60px;
    }
     .main_wraper .story .story_detail .s_card .card.card_left .s_icon .s_icon_info {
         height: 5rem;
         width: 5rem;
    }
     .main_wraper .story .story_detail .s_card .card.card_left .s_icon .s_icon_info::before {
         height: 7rem;
         width: 7rem;
    }
     .main_wraper .story .story_detail .s_card .card.card_left .s_icon .s_icon_info::after {
         height: 9rem;
         width: 9rem;
    }
     .main_wraper .story .story_detail .s_card .card.card_left {
         padding: 3.125rem 1.125rem 1.125rem 3.5rem;
    }
     .main_wraper .story .story_detail .s_card .card.card_left.card_right {
         padding: 3.125rem 3.5rem 1.125rem 2.125rem;
    }
     .main_wraper .footer .foot_copy .content_flex ul.foot_social, .main_wraper .footer .foot_copy .content_flex ul.story_social {
         justify-content: center;
         padding-top: 1rem;
    }
     .main_wraper .footer .foot_copy .content_flex p {
         text-align: center;
    }
     .main_wraper .footer .main_footer .container .foot_links ul.useful_links {
         display: block;
    }
     .main_wraper .footer .main_footer .container .foot_links ul.useful_links li {
         display: inline-block;
    }
     .main_wraper .footer::after {
         border-left: 250vw solid transparent;
         top: 12.2rem;
         display: none;
    }
     .main_wraper .form-login .office-details .form-submit {
         margin-top: 22px;
    }
     .main_wraper .story .story_detail {
         margin-top: 4rem;
    }
     .main_wraper .form-login .office-details .office-section {
         border: none;
    }
     .main_wraper .form-login .office-details .or-label {
         display: none;
    }
     .modal-dialog {
         max-width: 780px !important;
         margin: 1.75rem 3rem;
    }
     .main_wraper .career .process ul.process-detail, .main_wraper .coregenius .process ul.process-detail, .main_wraper .services-inner .process ul.process-detail {
         display: block;
    }
     .main_wraper .career .process ul.process-detail li.step, .main_wraper .coregenius .process ul.process-detail li.step, .main_wraper .services-inner .process ul.process-detail li.step {
         display: block;
         background-color: #f0edfd;
         box-shadow: 4px 13px 24px rgba(0, 0, 0, 0.05);
         padding: 30px;
         border-radius: 32px;
         -webkit-border-radius: 32px;
         -moz-border-radius: 32px;
         -ms-border-radius: 32px;
         -o-border-radius: 32px;
         flex: 0 0 100%;
         max-width: 100%;
    }
     .main_wraper .career .process ul.process-detail li.step:after, .main_wraper .coregenius .process ul.process-detail li.step:after, .main_wraper .services-inner .process ul.process-detail li.step:after {
         display: none;
    }
     .main_wraper .career .process ul.process-detail li.step, .main_wraper .coregenius .process ul.process-detail li.step, .main_wraper .services-inner .process ul.process-detail li.step, .main_wraper .career .process ul.process-detail li.step:nth-child(even), .main_wraper .coregenius .process ul.process-detail li.step:nth-child(even), .main_wraper .services-inner .process ul.process-detail li.step:nth-child(even) {
         margin-top: 4%;
    }
     .main_wraper .career .process:after, .main_wraper .coregenius .process:after, .main_wraper .services-inner .process:after {
         width: 100%;
         height: 100%;
         border-radius: 4rem;
         background-color: #ffffff;
         box-shadow: 4px 13px 24px rgba(0, 0, 0, 0.05);
         -webkit-border-radius: 4rem;
         -moz-border-radius: 4rem;
         -ms-border-radius: 4rem;
         -o-border-radius: 4rem;
    }
     .main_wraper .career .process:after, .main_wraper .coregenius .process:after, .main_wraper .services-inner .process:after {
         right: 0%;
         width: 100%;
    }
     .main_wraper .career .process p.subtitle, .main_wraper .coregenius .process p.subtitle, .main_wraper .services-inner .process p.subtitle {
         padding-bottom: 0rem;
    }
     .main_wraper .career .process:after, .main_wraper .coregenius .process:after, .main_wraper .services-inner .process:after {
         border-radius: 32px;
         -webkit-border-radius: 32px;
         -moz-border-radius: 32px;
         -ms-border-radius: 32px;
         -o-border-radius: 32px;
    }
     .main_wraper .career .process ul.process-detail li.step, .main_wraper .coregenius .process ul.process-detail li.step, .main_wraper .services-inner .process ul.process-detail li.step {
         background-color: #ffffff;
         display: flex;
         align-items: center;
         justify-content: flex-start;
         text-align: left;
         margin: 15px;
         padding: 15px;
         box-shadow: 2px 4px 24px rgba(0, 0, 0, 0.05);
    }
     .main_wraper .life-sarvika .post_carousel .inner .window .window_content {
         min-height: 180px;
    }
     .main_wraper .story .story_detail .s_card:last-child .card {
         margin-bottom: 0;
    }
     .main_wraper .main_banner_cover::after {
         display: none;
    }
     .navbar-brand {
         display: none;
    }
     .step-detail {
         padding-left: 10px;
    }
     .service .service_content figure, .technology-box .service_content figure, .technology-box .service_content figure {
         max-width: 100px;
    }
     .sitemap .sitemap-box label a:after, .sitemap .sitemap-box > ul:before, .sitemap .sitemap-box > ul > li > a:before, .sitemap .sitemap-box > ul > li > a:before, .sitemap .sitemap-box > ul ul > li:before {
         display: none;
    }
     .sitemap .sitemap-box {
         justify-content: flex-start;
    }
     .sitemap .sitemap-box > ul > li > a {
         padding: 0;
         background: transparent;
         box-shadow: none;
    }
     .sitemap .sitemap-box > ul {
         text-align: left;
         padding-top: 0;
    }
     .sitemap .sitemap-box > ul > li {
         margin: 0;
         flex: 0 0 100%;
         padding: 0 calc(20px + (28 - 20) * ((100vw - 320px) / (1920 - 320))) 1rem calc(20px + (38 - 20) * ((100vw - 320px) / (1920 - 320)));
         position: relative;
    }
     .sitemap .sitemap-box > ul > li:before {
         position: absolute;
         content: '';
         background: url(../images/model/li-tick.svg);
         background-position: center center;
         background-size: 100%;
         height: 20px;
         width: calc(17px + (22 - 17) * ((100vw - 320px) / (1920 - 320)));
         display: block;
         top: 0px;
         left: 0px;
         bottom: 0;
         right: 0;
    }
     .sitemap .sitemap-box label a {
         margin-bottom: 20px;
    }
     .sitemap .sitemap-box > ul ul > li {
         padding-top: 0;
         position: relative;
         padding-left: 15px;
         margin-top: 10px;
    }
     .sitemap .sitemap-box > ul ul > li a {
         font-size: 13px;
         background: transparent;
         border: none;
         padding: 0;
    }
     .sitemap .sitemap-box > ul ul > li::after {
         position: absolute;
         content: '';
         display: block;
         width: 5px;
         height: 5px;
         left: 0 !important;
         background: #4f39e0;
         top: 0;
         border-radius: 10px;
         bottom: 0;
         margin: auto;
    }
     .main_wraper .coregenius .core-genius-container img, .main_wraper .services-inner .core-genius-container img, .main_wraper .services-inner .core-genius-container img {
         width: 400px;
         max-width: 100%;
    }
     #gallery .container {
         max-width: 750px;
    }
     .gallery .horizontal {
         height: 144px !important;
    }
}
 @media (max-width: 767px) {
     .main_wraper .story .story_detail .s_card .card.card_left .s_icon .s_icon_info .icon_img {
         max-width: 40px;
    }
     .main_wraper .story .story_detail .s_card .card.card_left.card_right .s_icon .s_icon_info, .main_wraper .story .story_detail .s_card .card.card_left .s_icon .s_icon_info {
         height: 4rem;
         width: 4rem;
    }
     .main_wraper .story .story_detail .s_card .card.card_left.card_right .s_icon .s_icon_info::before, .main_wraper .story .story_detail .s_card .card.card_left .s_icon .s_icon_info::before {
         height: 6rem;
         width: 6rem;
    }
     .main_wraper .story .story_detail .s_card .card.card_left.card_right .s_icon .s_icon_info::after, .main_wraper .story .story_detail .s_card .card.card_left .s_icon .s_icon_info::after {
         height: 8rem;
         width: 8rem;
    }
     .main_wraper .footer .main_footer .container .brand_carousel .brand_inner {
         padding: 1rem;
         margin: 0px 10px;
    }
     .main_wraper .footer .main_footer .container .brand_carousel .brand_inner ul.brand_logo {
         display: block;
         text-align: center;
         flex-wrap: wrap;
    }
     .main_wraper .footer .main_footer .container .brand_carousel .brand_inner ul.brand_logo li {
         flex: 0 0 30%;
         max-width: 30%;
         display: inline-block;
    }
     .main_wraper .footer .main_footer .container .brand_carousel .brand_inner ul.brand_logo li figure img {
         -webkit-filter: grayscale(0%);
         filter: grayscale(0%);
         max-height: 35px;
         max-width: calc(100% + (80 - 100) * ((100vw - 320px) / (1920 - 320)));
    }
     .main_wraper .footer::after {
         border-left: 300vw solid transparent;
         top: 12.2rem;
    }
     .main_wraper .footer p {
         text-align: left;
    }
     .main_wraper .form-login::after {
         top: 14%;
    }
     .main_wraper .form-login .office-details .form-choose {
         margin-top: 16px;
         margin-bottom: 0px;
    }
     .modal_area .modal-content .modal-header h2::before {
         bottom: -28px;
    }
     .modal_area .modal-content .modal-body {
         margin-top: 10px;
    }
     .modal_area .modal-content .modal-body .modal-section .about-owner {
         padding-top: 2rem;
         text-align: left;
    }
     .modal_area .modal-content .modal-header h2 {
         text-align: center;
    }
     .modal_area .modal-content .about-company {
         margin: 25px 0px 25px 25px;
         padding: 19px;
         margin-top: 0px;
    }
     .modal-dialog {
         max-width: 780px !important;
         margin: 1.75rem 1rem;
    }
     .modal_area .services_modal.right .modal-dialog {
         padding-right: 20px;
         margin-right: 0;
    }
     .main_wraper .committee .grid figure figcaption p.description, .main_wraper .sarvika-story .grid figure figcaption p.description {
         font-size: 12px;
         font-weight: 500;
    }
     .main_wraper .committee .grid figure figcaption, .main_wraper .sarvika-story .grid figure figcaption {
         top: 5px;
    }
     .main_wraper .career .process p.subtitle, .main_wraper .coregenius .process p.subtitle, .main_wraper .services-inner .process p.subtitle {
         padding-bottom: 1rem;
    }
     .main_wraper .life-sarvika:after {
         top: 10%;
    }
     .main_wraper .committee:after, .main_wraper .sarvika-story:after {
         content: "cultur";
         top: 10%;
    }
     .modal_area .about-company img {
         order: 1;
    }
     .modal_area .about-company p {
         order: 2;
    }
     .main_wraper .form-login .office-details address br + br {
         display: none;
    }
     .main_wraper .footer .main_footer .container .brand_carousel .brand_inner .brand-flex-inner {
         flex: 0 0 100%;
         max-width: 100%;
    }
     .main_wraper .footer .main_footer .container .brand_carousel .brand_inner .brand-flex-inner + .brand-flex-inner {
         border-left: none;
         border-top: solid 1px #adadad;
         margin-top: 15px;
         padding-top: 5px;
    }
     .main_wraper .footer .main_footer .container .brand_carousel .brand_inner p {
         padding-top: 0;
    }
     .main_wraper .footer .main_footer .container .brand_carousel .brand_inner .brand-flex-inner ul.brand_logo li {
         flex: 0 0 45%;
         max-width: 45%;
    }
     .nwa-archive ul li {
         flex: 0 0 100%;
    }
     #gallery .container {
         max-width: 570px;
    }
     .gallery .horizontal {
         height: 107px !important;
    }
     #contactus .wpcf7-response-output {
         width: 90%;
    }
    .header .navbar .navbar-toggler, .header .navbar .navbar-toggler[aria-expanded=false]:focus {
        top: 10px;
        left: 10px;
    }
    .btn__burger .btn--icon {
        width: 24px;
        height: 60px;
    }
    .btn__burger {
        width: 50px;
        height: 50px;
    }
    .header .navbar .navbar-toggler .navbar-toggler-icon {
        left: 1px;
    }
    .header .navbar .navbar-toggler[aria-expanded=true] .navbar-toggler-icon {
        left: 2px;
    }
    .header .navbar ul.navbar-nav {
        background: rgba(112, 98, 167, 0.95);
    }
    .btn__burger .btn--text {
        display: none;
    }
    .service-pages li {
        margin-bottom: 5px;
        padding: 0 3px;
    }
    .service-pages li a img {
        display: none;
    }
    .service-pages li a {
        background: #FFF;
        border-radius: 8px;
        border: solid 2px #f0edfd;
        min-height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0;
        width: 100%;
    }
    .service-pages li.active a {
        background: #4f39e0;
    }
    .service-pages li.active a span {
        color: #FFF;
    }
}
 @media (max-width: 575px) {
     .main_wraper .committee .grid figure, .main_wraper .sarvika-story .grid figure {
         margin: 8px 0px;
    }
     .main_wraper .story .story_detail .s_card {
         padding-left: 0rem;
         padding-right: 0rem;
    }
     .main_wraper .story .story_detail .s_card .card.card_left {
         padding: 4rem 1.125rem 1.125rem 1.125rem;
    }
     .main_wraper .story .story_detail .s_card .card.card_left.card_right {
         padding: 4rem 1.125rem 1.125rem 1.125rem;
    }
     .main_wraper .story .story_detail .s_card .card.card_left.card_right .s_icon {
         left: -2rem;
         right: auto;
    }
     .main_wraper .story .story_detail {
         margin-top: 2rem;
    }
     .main_wraper .story .story_detail .s_card .card.card_left.card_right, .main_wraper .story .story_detail .s_card .card.card_left {
         width: 100%;
         margin-bottom: 5rem;
    }
     .main_wraper .story .story_detail .s_card:last-child .card {
         margin-bottom: 0;
    }
     .main_wraper .story .story_detail .s_card .card.card_left .s_icon {
         left: -2rem;
         right: auto;
    }
     .main_wraper .story .story_detail .s_card .card.card_left.card_right .s_icon .s_icon_info, .main_wraper .story .story_detail .s_card .card.card_left .s_icon .s_icon_info {
         height: 4rem;
         width: 4rem;
    }
     .main_wraper .story .story_detail .s_card .card.card_left.card_right .s_icon .s_icon_info::before, .main_wraper .story .story_detail .s_card .card.card_left .s_icon .s_icon_info::before {
         height: 5.5rem;
         width: 5.5rem;
    }
     .main_wraper .story .story_detail .s_card .card.card_left.card_right .s_icon .s_icon_info::after, .main_wraper .story .story_detail .s_card .card.card_left .s_icon .s_icon_info::after {
         height: 7rem;
         width: 7rem;
    }
     .main_wraper .testimonial .quoto_carousel .inner .window .window_header {
         padding: 10px 10px;
         padding: 15px;
    }
     .main_wraper .testimonial .quoto_carousel .inner .window .window_content {
         padding: 20px;
    }
     .main_wraper .testimonial .quoto_carousel .inner .window .window_content .client-info .left .avtar img {
         height: 90px;
         width: 90px;
    }
     .main_wraper .testimonial .quoto_carousel .inner .window .window_header img {
         height: 10px;
    }
     .main_wraper .footer .main_footer .container .brand_carousel .brand_inner {
         padding: 1.5rem 0rem;
         margin: 0;
    }
     .main_wraper .footer::after {
         border-left: 300vw solid transparent;
         top: 16.2rem;
    }
     .modal_area .services_modal.right .modal-dialog {
         padding: 30px;
         margin: auto;
    }
     .modal-dialog {
         max-width: 780px !important;
         margin: 1.75rem 1rem;
    }
     .modal_area .modal-content .modal-body .modal-section .job-detail {
         padding: 20px 20px;
    }
     .modal_area .modal-content .modal-body .modal-section .job-detail .job-requirement .skills .skills-requirement ul.skill-list li {
         padding-left: 2.2rem;
         padding-bottom: 0.5rem;
    }
     .modal_area .services_modal.right .modal-dialog {
         padding: 10px;
         margin: auto;
    }
     .modal_area .modal-content {
         border-radius: 16px;
    }
     .modal_area .modal-content .about-company {
         display: block;
         text-align: center;
    }
     .modal_area .modal-content .about-company img {
         width: 60%;
         padding: 0px;
         padding-left: 0px;
    }
     .modal-header {
         align-items: flex-start;
    }
     .main_wraper .life-sarvika .post_carousel .inner .window .window_content .post-info .post-detail {
         display: block;
         padding: 0px;
         padding-left: 20px;
    }
     .main_wraper .life-sarvika .post_carousel .inner .window .window_content .post-info .post-date {
         padding: 10px;
         max-width: 80px;
    }
     .main_wraper .life-sarvika .post_carousel .inner .window .window_content .bloger {
         padding-top: 5px;
    }
     .main_wraper .life-sarvika .post_carousel .inner .window .window_content .post-info {
         padding-bottom: 5px;
    }
     .main_wraper .career .process ul.process-detail li.step, .main_wraper .coregenius .process ul.process-detail li.step, .main_wraper .services-inner .process ul.process-detail li.step {
         padding: 15px;
    }
     .main_wraper .life-sarvika:after {
         top: 10%;
    }
     .main_wraper .committee:after, .main_wraper .sarvika-story:after {
         content: "cultur";
         top: 3%;
    }
     .main_wraper .career:after, .main_wraper .coregenius:after, .main_wraper .services-inner:after {
         top: 3%;
    }
     .main_wraper .career .open-jobs h2, .main_wraper .coregenius .open-jobs h2, .main_wraper .services-inner .open-jobs h2 {
         padding-bottom: 1rem;
    }
     p {
         line-height: 1.6;
    }
     .container, .container-fluid {
         padding-left: var(--bs-gutter-x, 0.75rem);
         padding-right: var(--bs-gutter-x, 0.75rem);
    }
     .main_wraper .career .process ul.process-detail li.step, .main_wraper .coregenius .process ul.process-detail li.step, .main_wraper .services-inner .process ul.process-detail li.step {
         flex-wrap: wrap;
    }
     .story_arrow {
         width: 25px;
    }
     .modal_area .services_modal.left .modal-dialog {
         padding-left: 15px;
    }
     #gallery .container {
         max-width: 340px;
         padding: 0 10px;
    }
     .gallery .horizontal {
         height: 122px !important;
    }
     #contactus .wpcf7-response-output {
         padding: 3px 15px;
         font-size: 12px;
         line-height: 1.2;
    }
    .service-pages li {
        width: 50%;
    }
}
 @media (max-width: 479px) {
     .main_wraper .footer::after {
         border-left: 400vw solid transparent;
         top: 19.2rem;
    }
     .main_wraper .footer .main_footer .container .brand_carousel .brand_inner ul.brand_logo li {
         flex: 0 0 40%;
         max-width: 40%;
    }
}
 @media (max-width: 419px) {
     .main_wraper .footer::after {
         border-left: 190vw solid transparent;
         top: 24.2rem;
    }
}
 @media (max-width: 359px) {
     .main_wraper .footer::after {
         border-left: 235vw solid transparent;
         top: 29.2rem;
    }
    .header .navbar ul.navbar-nav {
        max-width: 320px;
    }
}
/*# sourceMappingURL=style.css.map */