.owl-carousel {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}
::-moz-selection {
    color: #fff;
    background-color: #ed357e;
}
::selection {
    color: #fff;
    background-color: #ed357e !important;
}
html {
    overflow-x: hidden;
}
body,
html {
    font-family: Poppins, sans-serif;
    letter-spacing: normal;
}
body.modal-open .int_chat {
    z-index: 1000;
}
.pt-0 {
    padding-top: 0 !important;
}
.h-auto {
    height: auto !important;
}
a {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}
.f-g {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}
.m-t-14 {
    margin-top: 14px !important;
}
.m-t-49 {
    margin-top: 49px !important;
}
.pb-80 {
    padding-bottom: 80px;
}
.w-1176 {
    max-width: 1176px !important;
}
@media (max-width: 1200px) {
    .w-1176 {
        width: auto !important;
        padding: 0 15px !important;
    }
}
.header_container {
    width: 100%;
    height: auto;
}
header {
    width: 100%;
    height: 86px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 400;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}
@media (max-width: 767px) {
    header {
        height: 70px;
        top: 46px;
    }
}
@media (max-width: 574px) {
    header {
        height: 70px;
    }
}
header .logo {
    width: 112px;
    height: 35px;
}
header .top__buttons {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
header .top__buttons a {
    margin-right: 30px;
}
header .top__buttons a:hover {
    color: #fff;
}
header .top__buttons button {
    margin-right: 30px;
    display: block;
}
@media (max-width: 767px) {
    header .top__buttons button {
        display: none;
    }
    header .top__buttons a {
        display: none;
    }
}
#hamburger {
    width: 30px;
    height: 21px;
    position: relative;
    margin: 0;
    float: right;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    cursor: pointer;
}
#hamburger span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #000;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
}
#hamburger.open span {
    background: #000;
}
header.activBG #hamburger span,
header.alwaysActive #hamburger span {
    background: #000 !important;
}
#hamburger span:nth-child(1) {
    top: 0;
}
#hamburger span:nth-child(2),
#hamburger span:nth-child(3) {
    top: 9px;
}
#hamburger span:nth-child(4) {
    top: 18px;
}
#hamburger.open span:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%;
}
#hamburger.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
#hamburger.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#hamburger.open span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%;
}
.menu__container {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    background-color: #fef4f8;
    opacity: 0;
    display: none;
    padding-top: 120px;
    padding-bottom: 60px;
    overflow-y: auto;
}
.menu__container .main_menu ul,
.menu__container .other_menu ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.menu__container .main_menu ul li {
    font-size: 35px;
    color: #111;
    line-height: 1.1;
    font-weight: 700;
    margin-bottom: 20px;
}
#googleMap {
    height: 400px;
    width: 100%;
}
@media (max-width: 767px) {
    .f1-btn.sarvaRegistationBtn {
        display: block !important;
        margin-right: auto !important;
        font-size: 12px;
        min-width: auto;
        min-height: 36px;
        line-height: 1;
        padding: 14px 10px;
    }
    .menu__container .main_menu ul li {
        font-size: 30px;
        margin-bottom: 20px;
    }
}
@media (max-width: 574px) {
    .menu__container .main_menu ul li {
        font-size: 26px;
        margin-bottom: 15px;
    }
}
.menu__container .main_menu ul li a {
    display: block;
    color: #111;
    text-decoration: none;
    margin-left: 0;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}
.menu__container .main_menu ul li a:hover {
    color: #ed357e;
    text-decoration: none;
    margin-left: 20px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}
.menu__container .main_menu ul li a.active,
.menu__container .main_menu ul li a.active:hover {
    color: #ed357e;
    margin-left: 0;
    text-decoration: none;
}
.menu__container .other_menu {
    margin-top: 50px;
}
@media (max-width: 574px) {
    .menu__container .other_menu {
        margin-top: 0;
    }
}
.menu__container .other_menu li {
    margin-bottom: 15px;
    font-size: 18px;
    color: #ec357e;
    line-height: normal;
    font-weight: 500;
}
@media (max-width: 574px) {
    .menu__container .other_menu li {
        margin-bottom: 10px;
        font-size: 16px;
    }
}
.menu__container .other_menu li a {
    color: #ed357e;
    text-decoration: none;
    position: relative;
}
.menu__container .other_menu li a::after {
    content: "";
    width: 0%;
    height: 1px;
    background-color: #000;
    position: absolute;
    left: 0;
    bottom: 2px;
    z-index: 1;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}
.menu__container .other_menu li a.active::after,
.menu__container .other_menu li a:hover::after {
    width: 100%;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}
a.hover_line_none:hover {
    all: none;
}
.menu__container .other_menu li a.active,
.menu__container .other_menu li a:hover {
    color: #000;
    text-decoration: none;
}
.menu__container .menu__right__container {
    text-align: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
@media (max-width: 574px) {
    .menu__container .menu__right__container {
        text-align: center;
        display: block;
        margin-top: 50px;
    }
}
.menu__container .menu__right__container .menu-right-button h1 {
    font-size: 54px;
    color: #ed357e;
    line-height: 1.1;
    font-weight: 600;
    margin: 0;
}
.menu__container .menu__right__container .menu-right-button h6 {
    font-size: 18px;
    color: #000;
    line-height: normal;
    font-weight: 500;
    margin-bottom: 20px;
}
@media (max-width: 767px) {
    .menu__container .menu__right__container .menu-right-button h1 {
        font-size: 40px;
    }
    .menu__container .menu__right__container .menu-right-button h6 {
        font-size: 16px;
    }
}
@media (max-width: 574px) {
    .menu__container .menu__right__container .menu-right-button h1 {
        font-size: 30px;
        margin-bottom: 20px;
    }
    .menu__container .menu__right__container .menu-right-button h6 {
        display: none;
    }
}
.menu__container .menu__right__container .menu-social-icons {
    width: 100%;
    height: 50px;
    margin-top: 150px;
}
@media (max-width: 574px) {
    .menu__container .menu__right__container .menu-social-icons {
        margin-top: 50px;
    }
}
.menu__container .menu__right__container .menu-social-icons ul {
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: right;
}
@media (max-width: 574px) {
    .menu__container .menu__right__container .menu-social-icons ul {
        text-align: center;
    }
}
.menu__container .menu__right__container .menu-social-icons ul li {
    display: inline-block;
    margin-left: 20px;
}
@media (max-width: 767px) {
    .menu__container .menu__right__container .menu-social-icons ul li {
        margin-left: 5px;
    }
}
.menu__container .menu__right__container .menu-social-icons ul li:first-child {
    margin-left: 0;
}
@media (max-width: 574px) {
    .menu__container .menu__right__container .menu-social-icons ul li {
        margin: 0 5px;
    }
    .menu__container .menu__right__container .menu-social-icons ul li img {
        width: 30px;
        height: auto;
    }
}
.f1__center__grid {
    width: 1200px;
    height: auto;
    margin: 0 auto;
}
@media (max-width: 1230px) {
    .f1__center__grid {
        width: calc(100% - 10px);
        margin: 0 5px;
    }
}
#main__container {
    width: 100%;
    height: auto;
    padding-top: 80px;
}
@media (max-width: 574px) {
    #main__container {
        padding-top: 70px;
    }
}
.f1-btn {
    width: auto;
    min-width: 140px;
    height: auto;
    min-height: 48px;
    background-color: #fefefe;
    padding: 18px 20px 16px;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0.03em;
    color: #fff;
    outline: 0;
    border: 1px solid #fefefe;
    line-height: 1em;
    border-radius: 2px;
    white-space: nowrap;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}
.f1-btn.min-200 {
    min-width: 200px;
}
.f1-btn:active,
.f1-btn:focus {
    outline: 0;
}
.f1-btn:hover {
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}
.f1-btn.f1-primary {
    background-color: #ed357e;
    border: 1px solid #ed357e;
}
.f1-btn.f1-primary:hover {
    background-color: #cb1f63;
    border: 1px solid #cb1f63;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}
.f1-btn.f1-primary-outline {
    background-color: transparent;
    color: #ed357e;
    border: 2px solid #ed357e;
}
.f1-primary-outline-white {
    background-color: transparent !important;
    color: #fff;
    border: 2px solid #fff;
}
.f1-btn.f1-primary-outline:hover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    color: #cb1f63;
    border: 2px solid #cb1f63;
}
.f1-btn.f1-primary-outline:hover:after {
    display: none;
}
.gap-30 {
    width: 100%;
    height: 30px;
}
.gap-60 {
    width: 100%;
    height: 60px;
}
.gap-80 {
    width: 100%;
    height: 80px;
}
.gap-120 {
    width: 100%;
    height: 120px;
}
.bgs-white {
    background-color: #fff !important;
}
.bgs-pink {
    background-color: #ea2173;
}
.bgs-aqua {
    background-color: #00a9a8;
}
.bgs-black {
    background-color: #333;
}
.bgs-blue {
    background-color: #3179cc;
}
.bgs-green {
    background-color: #19caa4;
}
@media (max-width: 991px) {
    .gap-60 {
        width: 100%;
        height: 30px;
    }
    .banner-padding-none {
        padding-left: 0;
        padding-right: 0;
        margin-top: 60px;
    }
    .banner-margin-none {
        margin: 0;
        width: 100%;
        text-align: center;
    }
}
.home_container {
    width: 100%;
    height: auto;
    padding-top: 30px;
    padding-bottom: 60px;
}
@media (max-width: 767px) {
    .home_container {
        padding-bottom: 0;
    }
    .inner-main {
        padding-bottom: 30px;
    }
    .inner-main img {
        margin-top: 30px;
    }
}
.main-banners h1,
.main-banners h2 {
    font-size: 40px;
    line-height: 1.1;
    font-weight: 700;
    color: #000;
    margin-bottom: 20px;
}
@media (max-width: 1100px) {
    .main-banners h1,
    .main-banners h2 {
        font-size: 38px;
    }
}
@media (max-width: 991px) {
    .main-banners h1,
    .main-banners h2 {
        font-size: 36px;
    }
}
@media (max-width: 767px) {
    .main-banners h1,
    .main-banners h2 {
        font-size: 30px;
    }
}
@media (max-width: 460px) {
    .main-banners h1,
    .main-banners h2 {
        font-size: 24px;
    }
}
@media (max-width: 340px) {
    .main-banners h1,
    .main-banners h2 {
        font-size: 22px;
    }
}
.main-banners h5 {
    font-family: "Noto Serif", serif;
    font-size: 20px;
    font-weight: 400;
    color: #000;
    margin-bottom: 40px;
    line-height: 1.5;
}
@media (max-width: 767px) {
    .main-banners h5 {
        font-size: 18px;
        margin-bottom: 20px;
    }
}
@media (max-width: 460px) {
    .main-banners h5 {
        font-size: 16px;
        margin-bottom: 20px;
    }
}
.main-banners h6 {
    font-size: 16px;
    line-height: 1.1;
    font-weight: 700;
    color: #cb1f63;
    margin-bottom: 10px;
}
@media (max-width: 460px) {
    .main-banners h6 {
        font-size: 14px;
    }
}
.main-banners a {
    font-weight: 600;
    font-size: 14px;
    color: #ed357e;
    text-decoration: none;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    line-height: normal;
    position: relative;
}
.main-banners a::after {
    content: "";
    width: 0%;
    height: 1px;
    background-color: #000;
    position: absolute;
    left: 0;
    bottom: 2px;
    z-index: 1;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}
.main-banners a:hover::after {
    width: 100%;
}
.main-banners a.img-link::after {
    content: none;
}
.main-banners a:hover {
    color: #000;
}
.home_section2_white {
    width: 100%;
    height: auto;
    min-height: 300px;
    background-color: #fff;
    margin-top: 160px;
}
@media (max-width: 991px) {
    .home_section2_white {
        background-color: #3434ed;
        padding: 20px 0 0;
        margin-top: 0;
    }
}
.home_section2_white h2 {
    font-weight: 600;
    color: #000;
    font-size: 32px;
    line-height: 1.5;
}
@media (max-width: 991px) {
    .home_section2_white h2 {
        font-size: 22px;
        line-height: 1.5;
    }
}
.home_section2_blue {
    width: 100%;
    height: auto;
    min-height: 300px;
    font-weight: 500;
    color: #fff;
    font-size: 32px;
    background-color: #3434ed;
    padding: 160px 0 60px;
    margin-top: -100px;
}
.home_section2_card {
    width: 100%;
    height: auto;
    min-height: 312px;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.11);
    box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.11);
    padding: 20px;
    position: relative;
    z-index: 2;
}
.section2_card1:hover::before {
    content: "";
    width: 290px;
    height: 230px;
    position: absolute;
    top: -40px;
    right: -30px;
    z-index: 1;
    background-image: url("../img/card1-roll-bg.svg");
    background-repeat: no-repeat;
    background-position: center center;
}
.section2_card2:hover::before {
    content: "";
    width: 290px;
    height: 230px;
    position: absolute;
    top: -40px;
    right: -30px;
    z-index: 1;
    background-image: url("../img/card2-roll-bg.svg");
    background-repeat: no-repeat;
    background-position: center center;
}
.section2_card3:hover::before {
    content: "";
    width: 290px;
    height: 230px;
    position: absolute;
    top: -40px;
    right: -30px;
    z-index: 1;
    background-image: url("../img/card3-roll-bg.svg");
    background-repeat: no-repeat;
    background-position: center center;
}
.home_section2_card.blue-card {
    background-color: #3434ed;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-align: center;
    min-height: auto;
}
@media (max-width: 991px) {
    .home_section2_card {
        margin-bottom: 30px;
    }
}
.home_section2_card .section2_card_header {
    width: 100%;
    height: auto;
    min-height: 160px;
}
.home_section2_card h4 {
    font-weight: 600;
    margin-bottom: 15px;
    font-size: 20px;
    line-height: 1.2;
    color: #000;
}
.home_section2_card p {
    font-family: "Noto Serif", serif;
    font-size: 16px;
    line-height: 1.5;
    color: #000;
}
@media (max-width: 1024px) {
    .home_section2_card h4 {
        font-size: 18px;
    }
    .home_section2_card p {
        font-size: 14px;
    }
}
.home_section2_card .section2_card_footer {
    width: 100%;
    height: auto;
}
.home_section2_card .section2_card_footer .card-footer-logos {
    width: 100%;
    height: auto;
    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;
}
.home_section2_card .section2_card_footer .card-footer-logos .card-logo {
    width: auto;
    height: auto;
}
.home_section2_card .section2_card_footer .card-footer-link {
    width: 100%;
    height: auto;
    text-align: right;
    position: absolute;
    bottom: 18px;
    margin-left: auto;
    right: 16px;
}
.home_section2_card .section2_card_footer .card-footer-link a {
    font-weight: 600;
    font-size: 14px;
    color: #ed357e;
    text-decoration: none;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    line-height: normal;
    position: relative;
}
.home_section2_card .section2_card_footer .card-footer-link a::after {
    content: "";
    width: 0%;
    height: 1px;
    background-color: #000;
    position: absolute;
    left: 0;
    bottom: 2px;
    z-index: 1;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}
.home_section2_card .section2_card_footer .card-footer-link a:hover::after {
    width: 100%;
}
.home_section2_card .section2_card_footer .card-footer-link a:hover {
    color: #000;
}
.home_section3 {
    width: 100%;
    height: auto;
    padding: 60px 0;
    background-color: #fef4f8;
}
.home_section3_odd {
    background-color: #fff;
}
@media (max-width: 574px) {
    .home_section3 {
        padding: 40px 0 20px;
    }
    .home_section3_odd {
        background-color: #fef4f8;
    }
}
.awards {
    text-align: center;
    margin-bottom: 20px;
}
@media (max-width: 574px) {
    .awards {
        margin-bottom: 30px;
    }
}
.awards h4 {
    font-size: 20px;
    color: #392aed;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 20px;
}
.awards-title h1 {
    margin-bottom: 40px;
}
@media (max-width: 991px) {
    .awards-title h1 {
        text-align: center;
    }
}
.home_section5 {
    width: 100%;
    height: auto;
    padding: 60px 0;
    background-color: #fef4f8;
}
@media (max-width: 574px) {
    .home_section5 {
        padding: 40px 0;
    }
}
.client_container {
    width: 100%;
    height: auto;
    margin-top: 60px;
}
@media (max-width: 768px) {
    .client_container {
        margin-top: 30px;
    }
}
.client_container.client_right_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
@media (max-width: 767px) {
    .client_container.client_right_container {
        margin-top: 30px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding-bottom: 60px;
    }
}
.client_container.client_control {
    margin-top: 20px;
}
@media (max-width: 768px) {
    .client_container.client_control {
        display: none;
    }
}
.client_container .client-image {
    width: 100%;
    max-width: 540px;
    height: auto;
    padding-top: 25px;
    position: relative;
}
@media (max-width: 768px) {
    .client_container .client-image {
        padding-top: 0;
    }
}
.client_container .client-image .play-icon {
    width: 50px;
    height: 50px;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer;
}
.client_container .client-content {
    width: 100%;
    max-width: 450px;
    height: auto;
    font-family: "Noto Serif", serif;
}
@media (max-width: 768px) {
    .client_container .client-content {
        max-width: 100%;
    }
}
.client_container .client-content img {
    margin-bottom: 25px;
    display: block;
}
@media (max-width: 768px) {
    .client_container .client-content img {
        display: none;
    }
}
.client_container .client-content p {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    color: #000;
    margin-bottom: 40px;
}
.client_container .client-content h6 {
    font-weight: 600;
    color: #000;
    margin-bottom: 5px;
}
.client_container .client-content h6 span {
    font-weight: 500;
    color: #9b9799;
}
.client_container .client-progress-container {
    width: 100%;
    height: 2px;
    border-radius: 2px;
    background-color: #7e7e7e;
    position: relative;
    margin-bottom: 30px;
}
.client_container .client-progress-container .client-progress-bar {
    width: 20%;
    height: 4px;
    position: absolute;
    border-radius: 2px;
    top: -1px;
    left: 0;
    z-index: 1;
    background-color: #ed357e;
}
.client_container .client-next-arrow {
    text-align: right;
    cursor: pointer;
}
.client_container .client-next-arrow img {
    display: inline-block;
}
.client-carousel .owl-item img {
    width: auto;
}
.client-carousel .owl-dots {
    display: none;
}
.client-carousel .owl-dots .owl-dot span {
    width: 6px;
    height: 6px;
    margin: 5px;
    background: #919191;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}
.client-carousel .owl-dots .owl-dot.active span,
.client-carousel .owl-dots .owl-dot:hover span {
    width: 18px;
    background: #ed357e;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}
@media (max-width: 768px) {
    .client-carousel .owl-dots {
        display: block;
    }
}
.home_section6 {
    width: 100%;
    height: auto;
    padding: 60px 0;
    background-color: #fff;
}
@media (max-width: 574px) {
    .home_section6 {
        padding: 40px 0;
    }
}
.client_logo h6 {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.6;
    color: #000;
    font-family: "Noto Serif", serif;
}
.home_section8 {
    width: 100%;
    height: auto;
    padding: 60px 0;
    background-color: #fef4f8;
}
@media (max-width: 574px) {
    .home_section8 {
        padding: 40px 0;
    }
}
.home_section8 h1 {
    text-align: left;
}
@media (max-width: 991px) {
    .home_section8 h1 {
        text-align: center;
    }
}
.home_section9 {
    width: 100%;
    height: auto;
    padding: 60px 0;
    background-color: #fff;
}
@media (max-width: 574px) {
    .home_section9 {
        padding: 40px 0;
    }
}
.home_blog_container {
    width: 100%;
    height: auto;
}
.blog_container_wrapper {
    padding: 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (max-width: 1200px) {
    .blog_container_wrapper {
        width: auto;
        display: block;
        white-space: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}
.home_blog_container .blog_box {
    width: calc(33.33333% - 20px);
    height: auto;
    min-height: 520px;
    border: solid 1px #919191;
    background-color: #fff;
    position: relative;
    white-space: normal;
}
@media (max-width: 1200px) {
    .home_blog_container .blog_box {
        width: 370px;
        display: inline-block;
        margin-right: 20px;
    }
    .home_blog_container .blog_box:last-child {
        margin-right: 0;
    }
}
@media (max-width: 460px) {
    .home_blog_container .blog_box {
        width: 330px;
        display: inline-block;
        margin-right: 20px;
    }
    .home_blog_container .blog_box:last-child {
        margin-right: 0;
    }
}
@media (max-width: 420px) {
    .home_blog_container .blog_box {
        width: 300px;
        display: inline-block;
        margin-right: 10px;
    }
    .home_blog_container .blog_box:last-child {
        margin-right: 0;
    }
}
@media (max-width: 375px) {
    .home_blog_container .blog_box {
        width: 280px;
        display: inline-block;
        margin-right: 10px;
    }
    .home_blog_container .blog_box:last-child {
        margin-right: 0;
    }
}
.home_blog_container .blog_box .blog_box_content {
    width: 100%;
    height: auto;
    padding: 20px;
}
.home_blog_container .blog_box .blog_box_content h4 {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.1;
    color: #000;
    margin-bottom: 10px;
}
@media (max-width: 460px) {
    .home_blog_container .blog_box .blog_box_content h4 {
        font-size: 20px;
    }
}
.home_blog_container .blog_box .blog_box_content p {
    font-family: "Noto Serif", serif;
    font-size: 16px;
    min-height: 75px;
    font-weight: 400;
    line-height: 1.6;
    color: #000;
    margin-bottom: 30px;
}
@media (max-width: 575px) {
    .home_blog_container .blog_box .blog_box_content p {
        font-size: 14px;
    }
}
.home_blog_container .blog_box .blog_category {
    width: 62px;
    height: 220px;
    position: absolute;
    top: -20px;
    right: -1px;
    z-index: 1;
}
@media (max-width: 575px) {
    .home_blog_container .blog_box .blog_category {
        width: 62px;
        height: 195px;
    }
}
.footer {
    width: 100%;
    height: auto;
    padding: 60px 0 30px;
    background-color: #fff;
}
.footer h1 {
    margin-bottom: 70px;
}
@media (max-width: 574px) {
    .footer {
        padding: 40px 0 20px;
    }
}
.our_presence_container {
    width: 100%;
    height: auto;
    text-align: center;
    margin-bottom: 0;
}
@media (max-width: 991px) {
    .our_presence_container:nth-child(1),
    .our_presence_container:nth-child(2) {
        margin-bottom: 30px;
    }
}
@media (max-width: 575px) {
    .our_presence_container {
        margin-bottom: 30px;
    }
}
.our_presence_container img {
    margin-bottom: 30px;
    min-height: 120px;
}
.our_presence_container h4 {
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    color: #383033;
    margin-bottom: 10px;
}
.our_presence_container p {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.36;
    color: #9b9799;
    margin: 0;
    letter-spacing: normal;
    text-transform: lowercase;
}
.footer_call_details {
    width: 100%;
    max-width: 420px;
    min-height: 65px;
    border-radius: 42px;
    background-color: #edf5ff;
    text-align: center;
    padding: 15px;
}
.footer_call_details.footer-call-right {
    float: right;
}
@media (max-width: 991px) {
    .footer_call_details.footer-call-right {
        float: none;
    }
    .footer_call_details {
        margin: 0 auto 20px;
    }
}
.footer_call_details h6 {
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    color: #313131;
}
.footer_call_details p,
.footer_call_details p a {
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: normal;
    color: #919191;
    margin-bottom: 0;
    display: inline-block;
}
.footer_call_details p a::after {
    content: none;
}
.footer_call_details p {
    margin: 0 10px;
}
.footer_social_icons {
    margin-top: 50px;
}
.footer_social_icons ul {
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.footer_social_icons ul li {
    display: inline-block;
    margin-right: 30px;
}
.footer_social_icons ul li:last-child {
    margin-right: 0;
}
.social_icons ul li a:hover:after {
    content: none;
}
@media (max-width: 575px) {
    .footer_social_icons ul li {
        margin: 0 5px;
    }
}
.bottom-line {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.36;
    text-align: center;
    color: #cdcbcc;
    margin-top: 20px;
}
@media (max-width: 360px) {
    .bottom-line {
        font-size: 12px;
    }
}
@media (max-width: 340px) {
    .bottom-line {
        font-size: 11px;
    }
}
.form-loader,
.loader-outer,
.loader-outer-new {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    opacity: 1;
    display: block;
    background-color: #fff;
    z-index: 100000;
}
.form-loader {
    display: none;
    background-color: rgba(255, 255, 255, 0.8);
}
.loader {
    border: 4px solid #f3f3f3;
    border-top: 4px solid #ed357e;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.work_main_container {
    padding: 60px 0 30px;
}
.work_main_container a::after {
    content: none;
}
@media (max-width: 575px) {
    .work_main_container {
        padding: 40px 0 20px;
    }
}
.work_main_container button {
    margin: 40px 0;
    padding: 12px 20px 12px;
}
@media (max-width: 575px) {
    .work_main_container button {
        margin: 25px 0;
    }
}
.work_main_container p {
    font-size: 16px;
    color: #333;
    margin: 0;
}
@media (max-width: 575px) {
    .work_main_container p {
        font-size: 14px;
    }
}
.work_client_container {
    width: 100%;
    height: auto;
    padding: 60px 0 0;
}
.w-132 {
    width: 132px;
}
.work_client_container.roka {
    background-color: #212325;
}
.work_client_container.upgrad {
    background-color: #ef2c3c;
}
.work_client_container.auris {
    background-color: #19caa4;
}
.work_client_container.darwin {
    background-color: #3179cc;
}
.work_client_container.adappt {
    background-color: #333;
}
.work_client_container.westjet {
    background-color: #00a9a8;
}
.work_client_container.fyle {
    background-color: #ea2173;
}
.work_client_container .client-logo {
    margin-bottom: 40px;
}
.work_client_container h4 {
    font-size: 30px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 30px;
}
@media (max-width: 768px) {
    .work_client_container h4 {
        font-size: 26px;
        margin-bottom: 20px;
    }
}
.work_client_container h4 span {
    color: #ce3341;
}
.work_client_container h1 {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    line-height: 24px;
}
.work_client_container h1 {
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    line-height: 24px;
}
@media (max-width: 768px) {
    .work_client_container h1 {
        font-size: 16px;
    }
}
.work_client_container ul {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-bottom: 30px;
}
.work_client_container ul li {
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 3px 8px 3px 8px;
    border-radius: 3px;
    margin: 10px 10px 0 0;
    font-size: 12px;
    display: inline-block;
    color: rgba(255, 255, 255, 0.8);
}
.work_client_container a {
    background: #fff;
    padding: 10px 12px;
    border-radius: 3px;
    color: #353535;
    font-weight: 700;
    font-size: 12px;
}
.work_client_container.auris a {
    color: #19caa4;
}
.work_client_container.darwin a {
    color: #3179cc;
}
.work_client_container.adappt a {
    color: #333;
}
.work_client_container.westjet a {
    color: #00a9a8;
}
.work_client_container.fyle a {
    color: #ea2173;
}
.work_client_container a:hover {
    background: rgba(255, 255, 255, 0.85);
}
.work_casestudy_container {
    padding-bottom: 30px;
}
.work_client_container .casestudy-client {
    position: relative;
}
.work_client_container .casestudy-client .play-icon {
    position: absolute;
    width: 60px;
    height: 60px;
    top: 50%;
    left: 50%;
    z-index: 1;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer;
}
.work_client_container .casestudy-client .play-icon img {
    width: 100%;
    height: 100%;
}
.other_clients {
    width: 100%;
    height: 100%;
    position: relative;
    margin-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.other_clients > .img-fluid {
    margin: auto;
}
.other_clients .other-client-content {
    width: 100%;
    height: 100%;
    background: rgba(255, 44, 124, 0.9);
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px;
    font-family: Poppins, sans-serif;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}
.other_clients .other-client-content:hover {
    opacity: 1;
}
.other_clients .other-client-content h5 {
    color: #fff;
    font-size: 22px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 5px;
    font-family: Poppins, sans-serif;
}
@media (max-width: 991px) {
    .other_clients .other-client-content h5 {
        font-size: 20px;
        line-height: 24px;
    }
}
@media (max-width: 375px) {
    .other_clients .other-client-content h5 {
        font-size: 18px;
        line-height: 24px;
    }
}
.other_clients .other-client-content p {
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    color: #fff;
    letter-spacing: 0.4px;
    margin: 0;
}
.career_header {
    width: 100%;
    height: auto;
    min-height: 350px;
    background-image: url("../img/career-header.png");
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-position: center center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.how_we_work_header {
    width: 100%;
    height: auto;
    min-height: 420px;
    background-image: url("../img/how-we-work-banner.webp");
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-position: center center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.how_we_work_header:before {
    background: rgba(0, 0, 0, 0.6);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.about_us_header {
    width: 100%;
    height: auto;
    min-height: calc(100vh - 80px);
    background-image: url("../img/about-us/About-Us-Banner.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-position: center center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.about_us_header h2 {
    font-size: 24px;
    font-style: normal;
    color: #fff !important;
    font-weight: 300;
    text-align: center;
    margin-top: 24px;
}
@media (max-width: 991px) {
    .about_us_header .value_for_f1 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .about_us_header h2 {
        font-size: 24px;
        font-style: normal;
        color: #fff;
        font-weight: 300;
        text-align: center;
        margin-top: 44px;
    }
}
@media (max-width: 1280px) {
    .career_header {
        min-height: 300px;
    }
}
@media (max-width: 768px) {
    .career_header {
        min-height: 270px;
    }
    .who_we_are {
        text-align: center;
    }
    .value_for_f1 h1 {
        font-size: 36px;
        margin-top: 0;
    }
    .about_us_header h2 {
        font-size: 18px;
    }
    .about_us_header .value_for_f1 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}
@media (max-width: 575px) {
    .career_header {
        min-height: 250px;
    }
}
.career_header h1 {
    color: #fff;
}
.current_openings {
    padding: 60px 0;
}
.career_box,
.color-container,
.pricing_box {
    width: 100%;
    height: auto;
    min-height: 200px;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 20px 0 rgb(0 0 0 / 11%);
    box-shadow: 0 3px 20px 0 rgb(0 0 0 / 11%);
    padding: 20px;
    text-align: center;
    position: relative;
    color: #333;
    z-index: 2;
    margin-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}
.pricing_box {
    min-height: 500px;
}
.career_box:hover {
    background-color: #ff2c7e;
    color: #fff;
    cursor: pointer;
}
.career_box p {
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 10px;
}
.career_box p strong {
    font-weight: 600;
}
.career_box h4 {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: normal;
    margin-bottom: 0;
}
.job_other_detsils {
    width: 100%;
    height: auto;
    min-height: 200px;
    background-color: #ff2c7e;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}
.job_other_detsils p a {
    color: #fff;
    text-decoration: none;
}
.job_other_detsils p a:after,
.sub__header a:after {
    content: none;
}
.job_detsils {
    width: 100%;
    height: auto;
    margin-top: 30px;
}
.job_detsils h2 {
    color: #333;
    font-size: 30px;
    font-weight: 500;
    line-height: 1.1;
}
@media (max-width: 768px) {
    .job_detsils h2 {
        font-size: 24px;
    }
}
.job_detsils h3 {
    color: #ff2c7e;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.1;
}
.job_detsils p.ext_details {
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #4a4a4a;
    margin-top: 20px;
}
.job_detsils p.ext_details span {
    margin-right: 20px;
}
.job_detsils p.ext_details span strong {
    font-weight: 500;
}
@media (max-width: 768px) {
    .job_detsils h3 {
        font-size: 18px;
    }
}
.job_detsils .job_description {
    width: 100%;
    height: auto;
    background: #f6f6f6;
    padding: 30px;
    margin-top: 30px;
}
.job_detsils .job_description h4 {
    font-size: 22px;
    font-weight: 600;
    color: #333;
}
@media (max-width: 768px) {
    .job_detsils .job_description h4 {
        font-size: 18px;
    }
}
.job_detsils .job_description p {
    font-size: 14px;
    color: #9b9b9b;
    font-weight: 400;
    letter-spacing: 0.2px;
}
.job_detsils .job_description ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.job_detsils .job_description ul li {
    font-size: 16px;
    color: #9b9b9b;
    font-weight: 400;
    letter-spacing: 0.2px;
    position: relative;
    padding-left: 25px;
    margin-bottom: 15px;
}
@media (max-width: 768px) {
    .job_detsils .job_description ul li {
        font-size: 14px;
    }
}
.job_detsils .job_description ul li a {
    text-transform: lowercase;
}
.job_detsils .job_description ul li::before {
    content: "";
    position: absolute;
    top: 7px;
    left: 0;
    width: 10px;
    height: 10px;
    border-radius: 20px;
    background-color: #ff2c7e;
}
.job_detsils .job_description hr {
    margin-top: 30px;
    margin-bottom: 30px;
}
.know_more_container h6,
.pricing_box h6 {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 10px;
    line-height: 20px;
    color: #333;
}
.know_more_container p,
.pricing_box p {
    margin-bottom: 32px;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    line-height: 23px;
    color: #333;
    font-weight: 300;
}
.know_more_container ul {
    list-style-type: circle;
    margin-bottom: 32px;
}
.know_more_container ul li {
    margin-bottom: 8px;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    line-height: 23px;
    color: #333;
    font-weight: 300;
}
.know_more_container.left_default {
    width: 100%;
    height: auto;
    padding: 24px;
    background-color: #f4f4f4;
    border-radius: 5px;
}
@media (max-width: 768px) {
    .know_more_container ul {
        padding-left: 24px;
    }
}
.pricing_box img {
    max-width: 32%;
    margin: auto;
}
.pricing_box p.ex {
    margin-bottom: 4px;
    font-size: 12px;
    color: rgba(51, 51, 51, 0.5);
    line-height: 20px;
    margin-top: 24px;
}
.pricing_box .pricing_text {
    font-size: 36px;
    font-weight: 300;
    margin-top: 24px;
    margin-bottom: 24px;
}
@media (max-width: 768px) {
    h2 {
        font-size: 20px;
    }
    .pricing_box img {
        max-width: 20%;
        margin: auto;
    }
    .pricing_box p.ex {
        margin-top: 16px;
    }
    .know_more_container p,
    .pricing_box p {
        margin-bottom: 8px;
    }
    .pricing_box {
        min-height: auto;
    }
}
.highlight-pink {
    color: #ed357e !important;
}
.gallery-img img {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}
.gallery-img img:hover,
.team_member img:hover {
    -webkit-filter: none;
    filter: none;
}
.team_member {
    margin-bottom: 36px;
}
.team_member img {
    min-width: 150px;
    max-width: 150px;
    text-align: center;
    display: inline-block;
    border-radius: 100%;
}
.team_member {
    text-align: center;
}
.team_member img {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    width: 28%;
    height: auto;
    margin-bottom: 10px;
}
.social-roll {
    height: 26px;
    width: 26px;
    display: inline-block;
    margin-left: 1px;
    margin-right: 1px;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
    background-size: 100%;
}
.main-banners a.social-roll::after {
    background-color: transparent;
}
.social-ln-icon {
    background-image: url("../img/about-us/Linked-In-Gray.svg");
    background-repeat: no-repeat;
}
.social-fb-icon {
    background-image: url("../img/about-us/Fb-Gray.svg");
    background-repeat: no-repeat;
}
.social-ln-icon:hover {
    background-image: url("../img/about-us/Linked-In-Colored.svg");
    background-repeat: no-repeat;
}
.social-fb-icon:hover {
    background-image: url("../img/about-us/Fb-Gray-Colored.svg");
    background-repeat: no-repeat;
}
.main-banners h2,
.main-banners h2 a,
.service_main_container .main-banners h1 {
    font-family: Poppins, sans-serif;
    font-size: 36px;
    color: #4a4a4a;
}
.main-banners h2 a::after {
    content: none;
}
.main-banners h4 {
    font-family: Poppins, sans-serif;
    font-size: 24px;
    font-weight: 600;
    color: #4a4a4a;
}
.service_main_container .main-banners h5 {
    font-family: Poppins, sans-serif;
    font-size: 16px;
}
.services_header h1 {
    color: #ed357e !important;
    font-size: 64px !important;
    font-weight: 800;
    text-align: center;
}
.services_header {
    width: 100%;
    height: calc(100vh - 350px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.service_section_even {
    background-color: #fbfbfc;
}
@media (max-width: 991px) {
    .services_header {
        height: auto;
    }
    .services_header h1 {
        height: calc(100vh - 800px);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 54px;
    }
}
@media (max-width: 768px) {
    .services_header h1 {
        font-size: 44px !important;
        height: calc(100vh - 500px);
    }
}
.how_We_do_block h5 {
    font-family: Poppins, sans-serif;
    font-size: 24px;
    margin: 18px 0 5px 0;
    color: #333;
    font-weight: 600;
}
.how_We_do_block p {
    font-family: Poppins, sans-serif;
    font-size: 14px;
    line-height: 24px;
    color: #444;
    padding-right: 20px;
    padding-bottom: 20px;
}
.start_ux_project input,
.start_ux_project textarea {
    background: 0 0;
    padding-left: 0;
    height: 44px;
    font-family: Poppins, sans-serif;
    margin-bottom: 40px;
    border: 1px solid #ccc;
    border-radius: 3px;
    line-height: 30px;
    padding: 0 12px;
    font-weight: 400;
    font-weight: lighter;
    width: 100%;
}
.start_ux_project input::-webkit-input-placeholder,
.start_ux_project textarea::-webkit-input-placeholder {
    color: #ccc;
}
.start_ux_project input::-moz-placeholder,
.start_ux_project textarea::-moz-placeholder {
    color: #ccc;
}
.start_ux_project input:-ms-input-placeholder,
.start_ux_project textarea:-ms-input-placeholder {
    color: #ccc;
}
.start_ux_project input::-ms-input-placeholder,
.start_ux_project textarea::-ms-input-placeholder {
    color: #ccc;
}
.start_ux_project input::placeholder,
.start_ux_project textarea::placeholder {
    color: #ccc;
}
.start_ux_project input:focus,
.start_ux_project textarea:focus {
    border: 1px solid #ff2c7c;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0;
}
.calendar {
    background-image: url(../img/calender.png) !important;
    background-repeat: no-repeat !important;
    background-position: right 10px center !important;
}
.form-submit-service button.f1-btn.f1-primary-outline {
    min-width: 280px;
    margin-bottom: 18px;
    font-size: 18px;
    font-weight: 600;
}
.form-submit-service p,
.form-submit-service p a {
    width: auto;
    font-family: Poppins, sans-serif;
    font-weight: 600;
    text-align: center;
    letter-spacing: 1px;
    text-transform: lowercase;
    font-size: 18px;
}
.highlight-green {
    color: #9ddc43;
}
.heading_roka_container h4 {
    font-family: Poppins, sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 1.92;
    letter-spacing: 0.29px;
    color: #2e2e2e;
}
.heading_roka_container h5 {
    font-family: Poppins, sans-serif;
    font-weight: 600;
    font-size: 18px;
    color: #2e2e2e;
    letter-spacing: normal;
    line-height: normal;
    margin-bottom: 8px;
}
.heading_roka_container p {
    font-family: Poppins, sans-serif;
    font-size: 18px;
    color: #2e2e2e;
    letter-spacing: normal;
    line-height: normal;
    opacity: 0.8;
}
.painpoints_container h4 {
    font-family: Poppins, sans-serif;
    font-weight: 600;
    font-size: 34px;
    line-height: normal;
    color: #171717;
    margin-bottom: 16px;
}
.painpoints_container p {
    font-family: Poppins, sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.92;
    letter-spacing: 0.29px;
    color: #2e2e2e;
}
.workflow_container {
    background-color: #ebeff4;
    padding: 80px 0 80px 0;
}
.workflow_container h1 {
    margin-bottom: 80px;
}
.roka_process_header {
    width: 100%;
    height: auto;
    min-height: calc(100vh - 80px);
    background-image: url("../img/service/roka/process-bg.webp");
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-position: center center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.atomic_design_system_header h4,
.roka_process_header h4 {
    font-family: Poppins, sans-serif;
    font-weight: 600;
    font-size: 42px;
    line-height: normal;
    color: #fff;
    margin-top: 0;
    margin-bottom: 34px;
}
.atomic_design_system_header h4 {
    margin-bottom: 80px;
}
.roka_process_header p {
    font-family: Poppins, sans-serif;
    font-size: 18px;
    line-height: 1.92;
    letter-spacing: 0.29px;
    color: #fff;
}
.color_box {
    width: 100%;
    height: 100px;
    margin-bottom: 16px;
}
.buzzblack {
    background-color: #202020;
}
.tangerine {
    background-color: #e89e31;
}
.applegreen {
    background-color: #9ddc43;
}
.color-container h5 {
    font-family: Poppins, sans-serif;
    color: #202020;
    font-size: 18px;
    line-height: normal;
    letter-spacing: normal;
    margin-bottom: 8px;
}
.color-container p {
    font-family: Poppins, sans-serif;
    color: #202020;
    font-size: 14px;
    line-height: normal;
    letter-spacing: normal;
    opacity: 0.4;
    margin-bottom: 0;
}
.bold_accessible_container {
    padding: 120px 0 0 0;
}
.bold_accessible_container h1 {
    margin-bottom: 60px;
}
.montserrat_header {
    width: 100%;
    height: auto;
    min-height: calc(100vh - 80px);
    background-image: url("../img/service/roka/Montserrat-bg.webp");
    background-repeat: no-repeat;
    position: relative;
    background-position: right bottom;
    padding: 120px;
}
@media (max-width: 991px) {
    .services_header {
        height: auto;
    }
    .services_header h1 {
        height: calc(100vh - 800px);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 54px;
    }
}
@media (max-width: 768px) {
    .services_header h1 {
        font-size: 44px !important;
        height: calc(100vh - 500px);
    }
}
.how_We_do_block h5 {
    font-family: Poppins, sans-serif;
    font-size: 24px;
    margin: 18px 0 5px 0;
    color: #333;
    font-weight: 600;
}
.how_We_do_block p {
    font-family: "Noto Serif", sans-serif;
    font-size: 14px;
    line-height: 24px;
    color: #444;
    padding-right: 20px;
    padding-bottom: 20px;
}
.start_ux_project input,
.start_ux_project textarea {
    background: 0 0;
    padding-left: 0;
    height: 44px;
    font-family: Poppins, sans-serif;
    margin-bottom: 40px;
    border: 1px solid #ccc;
    border-radius: 3px;
    line-height: 30px;
    padding: 0 12px;
    font-weight: 400;
    font-weight: lighter;
    width: 100%;
}
.start_ux_project input::-webkit-input-placeholder,
.start_ux_project textarea::-webkit-input-placeholder {
    color: #ccc;
}
.start_ux_project input::-moz-placeholder,
.start_ux_project textarea::-moz-placeholder {
    color: #ccc;
}
.start_ux_project input:-ms-input-placeholder,
.start_ux_project textarea:-ms-input-placeholder {
    color: #ccc;
}
.start_ux_project input::-ms-input-placeholder,
.start_ux_project textarea::-ms-input-placeholder {
    color: #ccc;
}
.start_ux_project input::placeholder,
.start_ux_project textarea::placeholder {
    color: #ccc;
}
.start_ux_project input:focus,
.start_ux_project textarea:focus {
    border: 1px solid #ff2c7c;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0;
}
.form-submit-service button.f1-btn.f1-primary-outline {
    min-width: 280px;
    margin-bottom: 18px;
    font-size: 18px;
    font-weight: 600;
}
.form-submit-service p,
.form-submit-service p a {
    width: auto;
    font-family: Poppins, sans-serif;
    font-weight: 600;
    text-align: center;
    letter-spacing: 1px;
    text-transform: lowercase;
    font-size: 18px;
}
.highlight-green {
    color: #9ddc43;
}
.heading_roka_container h4 {
    font-family: Poppins, sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 1.92;
    letter-spacing: 0.29px;
    color: #2e2e2e;
}
.heading_roka_container h5 {
    font-family: Poppins, sans-serif;
    font-weight: 600;
    font-size: 18px;
    color: #2e2e2e;
    letter-spacing: normal;
    line-height: normal;
    margin-bottom: 8px;
}
.heading_roka_container p {
    font-family: Poppins, sans-serif;
    font-size: 18px;
    color: #2e2e2e;
    letter-spacing: normal;
    line-height: normal;
    opacity: 0.8;
}
.painpoints_container h4 {
    font-family: Poppins, sans-serif;
    font-weight: 600;
    font-size: 34px;
    line-height: normal;
    color: #171717;
    margin-bottom: 16px;
}
.painpoints_container p {
    font-family: Poppins, sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.92;
    letter-spacing: 0.29px;
    color: #2e2e2e;
}
.workflow_container {
    background-color: #ebeff4;
    padding: 80px 0 80px 0;
}
.workflow_container h1 {
    margin-bottom: 80px;
}
.roka_process_header {
    width: 100%;
    height: auto;
    min-height: calc(100vh - 80px);
    background-image: url("../img/service/roka/process-bg.webp");
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-position: center center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.atomic_design_system_header h4,
.roka_process_header h4 {
    font-family: Poppins, sans-serif;
    font-weight: 600;
    font-size: 42px;
    line-height: normal;
    color: #fff;
    margin-top: 0;
    margin-bottom: 34px;
}
.atomic_design_system_header h4 {
    margin-bottom: 80px;
}
.roka_process_header p {
    font-family: Poppins, sans-serif;
    font-size: 18px;
    line-height: 1.92;
    letter-spacing: 0.29px;
    color: #fff;
}
.color_box {
    width: 100%;
    height: 100px;
    margin-bottom: 16px;
}
.buzzblack {
    background-color: #202020;
}
.tangerine {
    background-color: #e89e31;
}
.applegreen {
    background-color: #9ddc43;
}
.color-container h5 {
    font-family: Poppins, sans-serif;
    color: #202020;
    font-size: 18px;
    line-height: normal;
    letter-spacing: normal;
    margin-bottom: 8px;
}
.color-container p {
    font-family: Poppins, sans-serif;
    color: #202020;
    font-size: 14px;
    line-height: normal;
    letter-spacing: normal;
    opacity: 0.4;
    margin-bottom: 0;
}
.bold_accessible_container {
    padding: 120px 0 0 0;
}
.bold_accessible_container h1 {
    margin-bottom: 60px;
}
.montserrat_header {
    width: 100%;
    height: auto;
    min-height: calc(100vh - 80px);
    background-image: url("../img/service/roka/Montserrat-bg.webp");
    background-repeat: no-repeat;
    position: relative;
    background-position: right bottom;
    padding: 120px;
}
.montserrat_header h2 {
    font-size: 28px;
    line-height: normal;
    color: #202020;
    letter-spacing: 5px;
    font-style: italic;
    font-weight: 400;
}
.atomic_design_system_header {
    width: 100%;
    height: auto;
    min-height: calc(100vh - 80px);
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(52, 52, 52, 0.7)), to(rgba(0, 0, 0, 0.7))), url("../img/service/roka/atomic-bg.webp");
    background-image: -o-linear-gradient(top, rgba(52, 52, 52, 0.7), rgba(0, 0, 0, 0.7)), url("../img/service/roka/atomic-bg.webp");
    background-image: linear-gradient(to bottom, rgba(52, 52, 52, 0.7), rgba(0, 0, 0, 0.7)), url("../img/service/roka/atomic-bg.webp");
    background-repeat: no-repeat;
    position: relative;
    background-position: center center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.rokaVideo {
    height: calc(100vh - 80px);
    width: auto;
    display: block;
    margin: auto;
}
.wireframe_trail {
    margin-bottom: 48px;
}
.roka_visual_design {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(60%, #fff), color-stop(60%, #fff), color-stop(60%, #000), color-stop(75%, #000), to(#3f3f3f));
    background: -o-linear-gradient(top, #fff 0, #fff 60%, #fff 60%, #000 60%, #000 75%, #3f3f3f 100%);
    background: linear-gradient(to bottom, #fff 0, #fff 60%, #fff 60%, #000 60%, #000 75%, #3f3f3f 100%);
}
.review_secion_roka h2 {
    font-family: "Noto Serif", serif;
    font-size: 98px;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
}
.review_secion_roka h5 {
    font-family: "Noto Serif", serif;
    font-weight: 600;
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 0;
}
.review_secion_roka h3 {
    font-family: "Noto Serif", serif;
    font-size: 36px;
    line-height: 1.02;
    letter-spacing: normal;
    color: #49b909;
    display: inline-block;
    margin-left: 20px;
}
.review_secion_roka p {
    font-family: "Noto Serif", serif;
    font-size: 14px;
    color: #fff;
    line-height: 2.4;
    font-style: italic;
}
.review_secion_roka p > span > img {
    margin-top: -26px;
    margin-right: 8px;
}
.roka_awards_banner h2 {
    font-family: "Noto Serif", serif;
    font-size: 36px;
    line-height: normal;
    color: #000;
    margin-bottom: 0;
    font-weight: 600;
}
.roka_awards_banner h4 {
    font-family: "Noto Serif", serif;
    opacity: 0.4;
    font-size: 36px;
    line-height: normal;
    letter-spacing: normal;
    color: #000;
    margin-bottom: 0;
}
.roka_silver_awards {
    width: 100%;
    height: auto;
    min-height: calc(100vh - 80px);
    background-image: url("../img/service/roka/roka-ux-ui-india-bg.webp");
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-position: center center;
}
.roka_silver_awards h4 {
    font-family: "Noto Serif", serif;
    font-size: 32px;
    line-height: normal;
    color: #000;
    margin-bottom: 0;
}
.roka_silver_awards h2 {
    font-family: "Noto Serif", serif;
    opacity: 0.4;
    font-size: 32px;
    line-height: normal;
    letter-spacing: normal;
    color: #000;
    margin-bottom: 0;
}
@media (max-width: 768px) {
    .montserrat_header {
        min-height: calc(100vh - 200px);
        padding: 24px;
        background-size: 100%;
        overflow-wrap: anywhere;
        overflow-wrap: anywhere;
    }
    .montserrat_header h2 {
        font-size: 18px;
    }
    .color-container {
        padding: 0 0;
        min-height: auto;
    }
    .heading_roka_container h4 {
        font-size: 14px;
    }
    .painpoints_container h4 {
        font-size: 28px;
        text-align: center;
    }
    .painpoints_container p {
        font-size: 14px;
        text-align: center;
    }
    .atomic_design_system_header h4 {
        margin-bottom: 48px;
        padding-top: 32px;
    }
    .atomic_design_system_header h4,
    .roka_process_header h4 {
        font-size: 32px;
    }
    .review_secion_roka h3 {
        font-size: 26px;
    }
    .review_secion_roka h2 {
        font-family: 52px;
    }
    .roka_silver_awards {
        background-size: 100%;
    }
    .roka_silver_awards h4 {
        font-size: 20px;
        text-align: center;
    }
}
.bg-gray {
    background-color: #dbdbdb76;
}
.salesforce_header h1 {
    width: 72%;
}
.salesforce_main_container .home_container.main-banners .bold_sales_text {
    color: #1aa0df;
    font-size: 74px;
    line-height: 70px;
    font-family: Poppins, sans-serif;
    font-weight: 700;
}
.salesforce_main_container .main-banners h1,
.salesforce_main_container .main-banners h5 {
    font-family: Poppins, sans-serif;
}
.salesforce_main_container .home_section3 h1,
.salesforce_main_container .home_section3 h4 {
    font-size: 23px;
}
.salesforce_main_container .home_container {
    padding: 80px 120px;
}
.salesforce_main_container h4,
.salesforce_main_container li {
    list-style: none;
    font-size: 23px;
    font-weight: 600;
    line-height: 1.8;
}
.salesforce_main_container .home_section3 h5 {
    font-family: Poppins, sans-serif;
    font-size: 20px;
    line-height: 32px;
    color: #000;
    font-size: 18px;
    opacity: 0.8;
}
@media (max-width: 1136px) {
    .salesforce_header {
        min-height: calc(100vh - 80px);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .salesforce_main_container .home_container {
        padding: 80px 54px;
    }
}
@media (max-width: 768px) {
    .salesforce_main_container {
        text-align: center;
    }
    .salesforce_main_container h6 {
        text-align: left;
    }
    .salesforce_header h1 {
        width: 100%;
    }
    .salesforce_main_container .home_container {
        padding: 28px 24px;
    }
    .salesforce_main_container ul {
        padding-left: 0;
    }
    .salesforce_main_container li {
        list-style: none;
        font-size: 18px;
        font-weight: 400;
        line-height: 1.8;
        opacity: 0.9;
    }
    .salesforce_main_container .home_container.main-banners .bold_sales_text {
        color: #1aa0df;
        font-size: 32px;
        line-height: 38px;
        font-family: Poppins, sans-serif;
        font-weight: 700;
    }
}
.define_content_container h1 {
    font-family: Roboto, sans-serif;
    float: left;
    font-size: 10.5rem;
    font-weight: 700;
    line-height: 0.7;
    color: #ff2c7c;
    margin-right: 8px;
}
.define_content_container h4 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
    letter-spacing: 0.2px;
}
.define_content_container p {
    font-size: 14px;
    color: #666;
    line-height: 24px;
    font-weight: 400;
}
.single-line span {
    padding-left: 25px;
    padding-right: 25px;
    border-left-width: 1px;
    font-weight: 700;
    margin-top: 0;
    color: #ffe376;
    font-size: 52px;
    display: inline-block;
    line-height: normal;
}
.single-line span.dot {
    display: inline-block;
    background: #ffffff00;
    width: 12px !important;
    height: 12px;
    border-radius: 100%;
    padding: 0;
    position: relative;
    top: -7px;
    border: 2px solid #ffe376;
}
.videoFrame {
    min-height: 420px;
}
@media (max-width: 768px) {
    .single-line span {
        color: #ffe376;
        clear: both;
        display: table-header-group;
        padding-left: 0;
        line-height: 44px;
        font-size: 36px;
        text-align: left;
    }
    .single-line span.dot {
        display: none;
    }
    .how_we_work_header {
        min-height: 360px;
    }
    .define_content_container h1 {
        font-size: 5rem;
    }
    .define_content_container h4 {
        margin-bottom: 8px;
    }
    .videoFrame {
        min-height: 280px;
    }
}
.timeline:before {
    top: 0;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 1px;
    background-color: #eee;
    left: 50%;
    margin-left: 0;
    height: 1990px;
    top: -165px;
}
.timeline {
    list-style: none;
    padding: 20px 0 20px;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 10px;
}
.timeline > li {
    margin-bottom: 65px;
    margin-top: 65px;
    position: relative;
    min-height: 180px;
    float: none;
}
.timeline > li:after,
.timeline > li:before {
    content: " ";
    display: table;
}
.timeline > li > .timeline-badge {
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 1.4em;
    text-align: center;
    position: absolute;
    top: 16px;
    left: 50%;
    margin-left: -45px;
    z-index: 98;
    background: #fff;
    width: 90px;
    height: 90px;
    border-radius: 45px;
    border: 1px solid #eee;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    rotate: 90deg;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.timeline > li.timeline-inverted > .timeline-panel {
    float: right;
    text-align: left;
    padding-left: 25px;
}
span.img-angle img {
    display: inline-block;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 36px;
    vertical-align: middle;
    margin-top: 20px;
}
.timeline h4.timeline-title {
    font-size: 24px;
    font-weight: 700;
    color: #333 !important;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 30px;
}
h3.timeline-subtitle {
    margin-top: 6px;
    color: #ff2c7e;
    font-size: 18px;
    font-weight: 400;
}
.timeline-body > p {
    font-size: 14px;
    font-weight: 400;
    color: #666 !important;
    margin-bottom: 0;
    line-height: 19px;
    font-weight: 300;
    letter-spacing: 0.2px;
}
.timeline > li.timeline-inverted > .timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto;
}
.timeline > li > .timeline-panel:after {
    position: absolute;
    top: 27px;
    right: -14px;
    display: inline-block;
    border-top: 14px solid transparent;
    border-left: 14px solid #fff;
    border-right: 0 solid #fff;
    border-bottom: 14px solid transparent;
    content: " ";
}
.timeline > li > .timeline-panel {
    background: #fff;
    width: 46%;
    float: left;
    position: relative;
    padding-right: 25px;
}
span.dot-pink {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 24px;
    height: 24px;
    border-radius: 100%;
    background: #ed357e;
    text-align: center;
}
.dot-box {
    text-align: center;
}
.how-we-desc {
    margin-top: 15px;
    font-size: 15px;
}
span.dot-gery {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: #eee;
    text-align: center;
}
.timeline > li > .timeline-badge.mint.right-sec {
    -webkit-transform: rotate(-225deg);
    -ms-transform: rotate(-225deg);
    transform: rotate(-225deg);
}
.how_we_work_container {
    width: 860px;
    margin: auto;
}
@media (max-width: 860px) {
    .how_we_work_container {
        width: 100%;
        margin: auto;
    }
}
span.img-angle img {
    -webkit-transform: rotate(45deg);
    display: inline-block;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 36px;
    vertical-align: middle;
    margin-top: 20px;
}
span.img-angle.ang-left img {
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
    width: 44px;
    margin-top: 24px;
}
@media (max-width: 820px) {
    .single-line span {
        font-size: 42px;
    }
}
@media (max-width: 768px) {
    .how_we_work_container {
        width: 100%;
        margin: auto;
    }
    .client_section {
        padding: 42px 0;
    }
    .client_section.main-banners h3 {
        padding: 42px 0 !important;
    }
    .timeline > li > .timeline-badge.mint.right-sec {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    .timeline > li > .timeline-panel {
        width: 82%;
        float: right;
        padding-left: 24px;
        padding-right: 0;
    }
    .timeline > li.timeline-inverted > .timeline-panel {
        padding-left: 24px;
    }
    .timeline:before {
        left: 34px;
        height: auto;
        top: -100px;
    }
    .timeline > li > .timeline-badge {
        left: -10px;
        margin-left: 0;
        z-index: 100;
        background: #fff;
        width: 90px;
        height: 90px;
        border-radius: 45px;
        border: 1px solid #eee;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
        rotate: 90deg;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    span.dot-gery {
        display: block;
        text-align: center;
        margin-left: 34px;
    }
    span.dot-pink {
        display: block;
        text-align: center;
        margin-left: 24px;
    }
}
.client_container h3 {
    color: #333;
    font-size: 36px;
    line-height: 60px;
    font-weight: 800;
    margin-bottom: 40px;
}
.client_box {
    width: 100%;
    height: auto;
    min-height: 120px;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 20px 0 rgb(0 0 0 / 11%);
    box-shadow: 0 3px 20px 0 rgb(0 0 0 / 11%);
    padding: 20px;
    text-align: center;
    position: relative;
    color: #333;
    z-index: 2;
    margin-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.client_box:hover {
    background-color: #f7f7f7;
    cursor: pointer;
}
.client-inner-box p {
    font-family: Poppins, sans-serif;
    color: #ff2c7e;
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 8px;
    letter-spacing: 0;
}
.client-inner-box h4 {
    font-family: Poppins, sans-serif;
    color: rgba(74, 74, 74, 0.8);
    font-weight: 400;
    font-size: 13px;
    letter-spacing: 0;
}
.pink-quote {
    position: relative;
    margin-bottom: 24px;
}
.pink-quote:before {
    position: absolute;
    content: url("../img/quotes.svg");
    font: normal normal normal 45px/1 fontAwesome;
    color: #ff2c7e;
    opacity: 0.2;
    top: -16px;
}
.client_section {
    padding: 62px 0;
}
.client_profile_container {
    width: 100%;
    padding: 20px;
    -webkit-box-shadow: 4px 1px 14px 0 rgb(0 0 0 / 10%);
    box-shadow: 4px 1px 14px 0 rgb(0 0 0 / 10%);
    background-color: #fff;
}
.client_profile_container img {
    width: 100%;
    height: auto;
}
.client_section h6 {
    color: #ff2c7e;
    font-weight: 700;
    line-height: 30px;
    font-size: 18px;
    letter-spacing: 0;
    font-family: serif;
}
.client_section p {
    font-family: Poppins, sans-serif;
    font-size: 14px;
    line-height: 25px;
    color: #333;
    font-weight: 400;
    opacity: 0.8;
}
.client_section h6 em {
    padding-left: 52px;
}
.signature_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.signature_box img {
    width: 70px;
    height: 50px;
    vertical-align: bottom;
    margin-top: 15px;
    border-right: 1px solid #eee;
    padding-right: 20px;
}
.signature_box h5 {
    font-size: 14px;
    vertical-align: -webkit-baseline-middle;
    font-family: Poppins, sans-serif;
    font-weight: 600;
    opacity: 0.9;
    margin-bottom: 8px;
}
.signature_box p {
    font-size: 12px;
    font-weight: 500;
    opacity: 0.7;
    line-height: 15px;
    margin-bottom: 0;
}
.sign_title {
    padding-left: 18px;
    padding-top: 18px;
}
.customer-images {
    display: block;
    max-width: 100%;
    height: auto;
    margin: auto;
    padding-top: 40px;
    padding-bottom: 50px;
}
.borderright {
    border-right: 1px solid rgba(222, 222, 222, 0.4);
}
.borderdown {
    border-bottom: 1px solid rgba(222, 222, 222, 0.4);
}
.client_section.main-banners h3 {
    color: #333;
    font-size: 36px;
    line-height: 60px;
    font-weight: 800;
    padding: 52px;
}
.design_talks_header {
    width: 100%;
    height: calc(100vh - 80px);
    background-color: #ed357e;
    position: relative;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(65%, #fff), color-stop(35%, #ed357e));
    background-image: -o-linear-gradient(left, #fff 65%, #ed357e 35%);
    background-image: linear-gradient(to right, #fff 65%, #ed357e 35%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.design_talks_header h1,
.design_talks_header h5 {
    font-family: Poppins, sans-serif;
    font-weight: 600;
    font-size: 60px;
    line-height: 90px;
    color: #2222d6;
}
.design_talks_header p {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #313131;
}
.drak-text {
    color: #313131;
}
.designTalkContent {
    width: 80%;
}
.banner__grid {
    position: relative;
}
.banner__grid img {
    min-width: 600px;
    height: auto;
    position: absolute;
    left: -150px;
    top: 76px;
}
.featured_session_preview {
    background-image: url("../img/featured-session-bg.webp");
}
.featured_session_preview a::after {
    content: none;
}
.design_talk h2 {
    font-weight: 700;
    font-size: 24px;
    line-height: 36px;
    color: #ed357e;
    margin-bottom: 40px;
}
.design_talk h4 {
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    color: #313131;
}
.design_talk h6 {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #313131;
}
.design_talk h5 {
    font-family: Poppins, sans-serif;
    font-weight: 400;
    font-size: 18px;
}
.design_talk p {
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    color: #888;
}
.featured_session_preview {
    background-image: url("../img/featured-session-bg.webp");
    background-size: 100%;
    min-height: 400px;
    width: 100%;
    background-repeat: no-repeat;
    padding: 0 54px 54px 0;
}
.drak-text {
    color: #313131;
}
.designTalkContent {
    width: 80%;
}
.banner__grid {
    position: relative;
}
.banner__grid img {
    min-width: 600px;
    height: auto;
    position: absolute;
    left: -150px;
    top: 76px;
}
.featured_session_preview {
    background-image: url("../img/featured-session-bg.webp");
}
.design_talk h2 {
    font-weight: 700;
    font-size: 24px;
    line-height: 36px;
    color: #ed357e;
    margin-bottom: 40px;
}
.design_talk h4 {
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    color: #313131;
}
.design_talk h6 {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #313131;
}
.design_talk h5 {
    font-family: Poppins, sans-serif;
    font-weight: 400;
    font-size: 18px;
}
.design_talk p {
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    color: #888;
}
.featured_session_preview {
    background-image: url("../img/featured-session-bg.webp");
    background-size: 100%;
    min-height: 400px;
    width: 100%;
    background-repeat: no-repeat;
    padding: 0 54px 54px 0;
}
.blue_session_btn {
    padding: 8px 32px;
    color: #4855a4;
    border-radius: 30px;
    border: 1px solid #4855a4;
    font-family: Poppins;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 141.4%;
    text-align: center;
    margin-right: 8px;
    background-color: #fff;
}
.blue_session_btn.active {
    background-color: #4855a4;
    border-radius: 30px;
    border: 1px solid #4855a4;
    color: #fff;
}
.design_talk ul li {
    list-style: none;
}
.thumbnail_container {
    position: relative;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    min-height: 190px;
    width: 100%;
    height: 190px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 28px;
    overflow: hidden;
    -webkit-box-shadow: 0 10px 16px 0 rgb(0 0 0 / 10%), 0 4px 12px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 10px 16px 0 rgb(0 0 0 / 10%), 0 4px 12px 0 rgb(0 0 0 / 10%);
}
.thumbnail_container img {
    height: auto;
    width: 100%;
}
.title_text_design {
    font-weight: 700;
    font-size: 24px;
    line-height: 36px;
    color: #ec357e;
    margin-top: 80px;
}
.filterBtnList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.gallery-img img {
    margin-bottom: 30px;
}
@media (max-width: 768px) {
    .filterBtnList {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .designTalkContent {
        width: 100%;
        text-align: left;
    }
    .design_talks_header {
        width: 100%;
        height: calc(100vh - 80px);
        background-color: #fff;
        position: relative;
        background-image: none;
        -webkit-box-pack: left;
        -ms-flex-pack: left;
        justify-content: left;
    }
    .banner__grid img {
        position: relative;
        left: 0;
        right: 0;
        min-width: 100%;
        top: 0;
    }
    .title_text_design {
        color: #ec357e;
        margin-top: 52px;
        text-align: left;
        width: 78%;
    }
    .design_talks_header h1,
    .design_talks_header h5 {
        font-size: 42px;
    }
    .featured_session_preview {
        min-height: 300px;
    }
    .blue_session_btn.active {
        margin-bottom: 12px;
    }
    .gallery-img img {
        margin-bottom: 15px;
    }
    .thumbnail_container img {
        height: auto;
        max-width: 100%;
        min-width: auto;
        -webkit-box-shadow: 0 10px 16px 0 rgb(0 0 0 / 10%), 0 4px 12px 0 rgb(0 0 0 / 10%);
        box-shadow: 0 10px 16px 0 rgb(0 0 0 / 10%), 0 4px 12px 0 rgb(0 0 0 / 10%);
    }
}
.dataVs_header {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100vh;
}
.designTalkContent {
    width: 100%;
    text-align: left;
}
.design_talks_header {
    width: 100%;
    height: calc(100vh - 80px);
    background-color: #fff;
    position: relative;
    background-image: none;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
}
.banner__grid img {
    position: relative;
    left: 0;
    right: 0;
    min-width: 100%;
    top: 0;
}
.title_text_design {
    color: #ec357e;
    margin-top: 52px;
    text-align: left;
    width: 78%;
}
.design_talks_header h5 {
    font-size: 42px;
}
.featured_session_preview {
    min-height: 300px;
}
.blue_session_btn.active {
    margin-bottom: 12px;
}
.gallery-img img {
    margin-bottom: 15px;
}
.thumbnail_container img {
    height: auto;
    max-width: 100%;
    min-width: auto;
    -webkit-box-shadow: 0 10px 16px 0 rgb(0 0 0 / 10%), 0 4px 12px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 10px 16px 0 rgb(0 0 0 / 10%), 0 4px 12px 0 rgb(0 0 0 / 10%);
}
.dataVs_header {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100vh;
}
.dataVs_header video {
    width: 100%;
    min-height: 100vh;
    z-index: 1;
}
.overlay {
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(255, 255, 255, 0.3)), color-stop(50%, rgba(255, 255, 255, 0.2)));
    background-image: -o-linear-gradient(rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.2) 50%);
    background-image: linear-gradient(rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.2) 50%);
    background-size: 3px 3px;
    z-index: 2;
    opacity: 0.3;
}
.overlay_content {
    text-align: center;
    color: #ec357e;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 3;
    width: 100%;
    height: 256px;
}
.overlay_content img {
    margin-bottom: 74px;
}
.overlay_content h4 {
    font-weight: 600;
    font-size: 36px;
    margin-bottom: 14px;
}
.pink-quote-card {
    padding: 50px;
    position: relative;
    min-height: 280px;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.pink-quote-card::before {
    position: absolute;
    content: url("../img/quotes.svg");
    font: normal normal normal 45px/1 fontAwesome;
    color: #ff2c7e;
    top: -16px;
}
.pink-quote-card h5 em {
    font-family: serif;
    text-align: left;
    font-size: 20px;
    font-weight: 400;
    font-style: italic;
    font-stretch: normal;
    line-height: 2.42;
    letter-spacing: normal;
    color: #ed357e;
}
.dataVs_designing_container {
    background-color: #414141;
    background-image: url("../img/previewbg.png");
    background-size: 100%;
    background-position-y: bottom;
    background-repeat: no-repeat;
}
.sm-lg-img {
    width: 80%;
}
@media (max-width: 768px) {
    .dataVs_header video {
        display: none;
    }
    .dataVs_header {
        background-color: #000;
    }
    .overlay {
        visibility: hidden;
    }
    .overlay_content h4 {
        margin-top: 15px;
        font-weight: 300;
        font-size: 20px;
        color: #fff !important;
    }
    .overlay_content img {
        margin-bottom: 24px;
    }
}
@media (max-width: 448px) {
    .pink-quote-card {
        padding: 24px;
        min-height: unset;
        margin-bottom: 28px;
    }
    .sm-lg-img {
        width: 100%;
    }
    .dataVs_designing_container {
        background-image: none;
    }
    .client_section {
        padding: 8px 0;
    }
    .visual-design-mobile-trail {
        width: 80%;
        margin: auto;
    }
}
.work_container {
    padding: 120px 0;
}
.westjet_section2 {
    background: #004582;
}
.fyle_section2 h4,
.westjet_section2 h4 {
    color: #fff;
    margin-bottom: 24px;
    font-weight: 800;
    font-size: 36px;
}
.westjet_section2 h5 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 300;
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 24px;
}
.westjet_section2 p {
    color: rgba(255, 255, 255, 0.4);
    font-size: 13px;
    font-weight: 300;
    letter-spacing: 0.2px;
    font-family: "Open Sans", sans-serif;
}
.westjet_section2 ul li {
    color: #fff;
    font-size: 14px;
    padding-bottom: 6px;
    list-style-type: disc;
    margin-left: 20px;
    font-family: "Open Sans", sans-serif;
}
.work_container h1,
.work_container h2 {
    margin-bottom: 42px;
    text-align: center;
    color: #333;
    font-size: 36px;
    font-weight: 800;
}
.westjet_section3 h4 {
    font-size: 18px;
    color: #ff2c7e;
    margin-bottom: 8px;
}
.westjet_section5 p {
    width: 80%;
    font-size: 14px;
    font-weight: 300;
    color: #333;
    line-height: 22px;
    letter-spacing: 0.2px;
    margin: auto auto 24px auto;
}
.westjet_section6 {
    background-color: #f9f9f9;
}
.westjet_section8 {
    background-image: url("../img/Westjet-Lounge-Portal.webp");
    background-size: 100%;
    background-repeat: no-repeat;
    height: calc(100vh - 80px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.westjet_section8 h4 {
    font-weight: 800;
    font-size: 36px;
    margin-bottom: 8px;
    font-size: 36px;
    color: #fff;
}
.westjet_section8 p {
    font-size: 14px;
    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
    letter-spacing: 0.2px;
}
.mark_svg {
    margin-bottom: 16px;
}
@media (max-width: 768px) {
    .mark_svg {
        width: 80%;
        width: 36%;
        min-height: 100px;
    }
    .westjet_section8 {
        background-size: cover;
    }
    .mask_trail {
        margin-bottom: 32px;
    }
}
@media (max-width: 448px) {
    .mark_svg {
        width: 80%;
        width: 26%;
        min-height: auto;
        margin-top: 42px;
    }
    .work_container {
        padding: 60px 0;
    }
    .westjet_section5 p {
        width: 100%;
    }
    .work_container h2 {
        font-size: 32px;
        margin-bottom: 28px;
    }
}
.fyle_section2 {
    background-color: #363c3f;
}
.fyle_section2 p {
    padding-bottom: 6px;
    list-style-type: disc;
    color: rgba(255, 255, 255, 0.4);
    font-size: 14px;
    font-weight: 300;
    font-family: "Open Sans", sans-serif;
}
.fyle_section2 ul li {
    color: rgba(255, 255, 255, 0.8);
    padding-bottom: 6px;
    list-style-type: disc;
    margin-left: 20px;
    font-size: 14px;
    font-weight: 300;
    font-family: "Open Sans", sans-serif;
}
.work-banners-container {
    width: 100%;
    height: auto;
    padding: 60px 0 30px;
}
.work_inner_card {
    width: 100%;
    max-width: 450px;
    height: 270px;
    position: relative;
    padding: 50px 30px;
    text-align: center;
}
.work_inner_card p {
    min-height: 40px;
    font-size: 15px;
    color: #fff;
    line-height: 20px;
    font-weight: 500;
    margin: 30px 0 30px;
}
.work_inner_card a {
    text-align: right;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.04em;
    background-color: transparent;
    padding: 4px 5px;
    border-radius: 3px;
}
.work_inner_card a:hover {
    background-color: #fff;
    color: #333;
}
.work-banners .owl-item img {
    display: block;
    width: auto;
    height: 40px;
}
.work-banners .owl-dots .owl-dot.active span,
.work-banners .owl-dots .owl-dot:hover span,
.work-testimonials .owl-dots .owl-dot.active span,
.work-testimonials .owl-dots .owl-dot:hover span {
    background: #adadad;
    border: 1px solid #adadad;
}
.work-banners .owl-dots .owl-dot span,
.work-testimonials .owl-dots .owl-dot span {
    background: #fff;
    border: 1px solid #adadad;
    margin: 5px;
}
.work_testimonials_card {
    width: 80%;
    height: auto;
    text-align: center;
    margin: auto;
}
.work_testimonials_card p {
    position: relative;
    color: #333;
    font-size: 14px;
    font-weight: 300;
    line-height: 22px;
    overflow: visible;
    padding: 0 60px;
}
.work_testimonials_card p::before {
    content: "";
    position: absolute;
    width: 50px;
    height: 45px;
    left: 0;
    background-image: url("../img/double-quotes.webp");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 100%;
}
@media (max-width: 575px) {
    .work_testimonials_card p {
        padding: 0 30px;
    }
    .work_testimonials_card p::before {
        width: 30px;
        height: 30px;
    }
}
.work_testimonials_card .image-container {
    width: 120px;
    height: 120px;
    border-radius: 60px;
    overflow: hidden;
    margin: 0 auto;
}
.work_testimonials_card h4 {
    font-weight: 600;
    margin-top: 15px;
    margin-bottom: 30px;
    font-size: 18px;
}
.work_testimonials_card h4 span {
    font-size: 14px;
    font-weight: 300;
    color: #333;
    margin-top: 4px;
    display: block;
}
.filter_block {
    padding: 0 10px;
}
#formMsg {
    display: none;
}
.work-banners-container {
    background-color: #f9f9f9;
}
@media (max-width: 767px) {
    .work_testimonials_card {
        width: 100%;
    }
}
.bg_adappt {
    background-color: #333;
}
.bg_adappt h2 {
    color: #e8a904;
}
.bg_adappt h4 {
    color: #fff;
}
.bg_adappt p {
    color: rgba(255, 255, 255, 0.6) !important;
}
.adappt-block-bg {
    background: #c91832;
}
.auris p {
    font-size: 14px;
    color: #333;
}
.work_client_container.auris.banner .casestudy-client img {
    position: absolute;
    left: 0;
    -webkit-transform: translate(10px, -48%);
    -ms-transform: translate(10px, -48%);
    transform: translate(10px, -48%);
}
.auris.banner h1 {
    color: #000;
}
.auris.banner p {
    color: #333;
}
.auris.banner li {
    color: #79838e;
    border: 1px solid #bbcdda;
}
.auris_section2 p,
.auris_section2 ul li {
    color: #000;
    line-height: 1.71;
    font-size: 14px;
}
.auris_section2 h5 {
    color: #1ca378;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.6;
}
.auris_section3 {
    background-color: #19caa4;
}
.auris_section3 h4 {
    font-weight: 700;
    line-height: 1.33;
    font-size: 24px;
    color: #fff;
}
.auris_section3 p {
    color: #fff;
    line-height: 1.71;
    font-size: 14px;
}
@media (max-width: 991px) {
    .auris_section2 h5 {
        margin-bottom: 48px;
    }
}
.auris_section6 {
    background-color: #f9f9f9;
}
.auris_section6 p {
    color: #313131;
    line-height: 1.71;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.2px;
}
.auris_section6 h4 {
    font-size: 24px;
    color: #1ca378;
    line-height: 1.5;
    font-weight: 700;
    margin-bottom: 24px;
}
@media (max-width: 767px) {
    .work_client_container.auris.banner .casestudy-client img {
        position: relative;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}
.testimony_brand_logo {
    width: 25%;
    max-width: 190px;
    margin: 20px auto;
    text-align: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}
.work_testimonials_card h5 {
    font-family: Poppins, sans-serif;
    color: #afafaf;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 25px;
}
.share_btn:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: ease;
    -o-transition: ease;
    transition: ease;
}
.share-dropdown-menu {
    background: #fef4f8;
    border-radius: 10px;
    min-width: 260px;
    text-align: center;
    right: inherit;
    padding: 14px 0;
}
.share-dropdown-menu img {
    margin: 0 12px;
}
.case_study_container {
    background-color: #000;
}
.case_study_container .client_container.client_right_container {
    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;
}
.case_study_container .client_container .client-progress-container {
    width: 50%;
    margin-bottom: 0;
}
.case_study_container .client_container.client_control {
    margin-top: 0;
}
.case_study_container {
    padding-bottom: 60px;
    padding-left: 60px;
}
.case_block_content {
    color: #fff;
    width: 120%;
    z-index: 100;
}
.case_block_content h2 {
    color: #4a4a4a !important;
}
.next_coming_container {
    background-color: #ed357e;
    padding: 12px 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 300px;
}
.next_coming_container p {
    font-family: Poppins, sans-serif;
    font-weight: 600;
    font-size: 12px;
    color: #000;
    text-transform: uppercase;
    margin-bottom: 0;
}
.next_coming_container h4 {
    font-family: Poppins, sans-serif;
    font-weight: 600;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 0;
}
.client-we-have-block {
    overflow: hidden;
    white-space: nowrap;
}
.verticalFlow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 200px;
    text-align: center;
    width: auto;
    margin: 0 auto;
}
.verticalFlow .imageContainer {
    width: 100%;
    height: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 24px;
}
.float_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    overflow-x: hidden;
    margin-bottom: 100px;
}
.float_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    overflow-x: hidden;
    margin-bottom: 100px;
}
.float_row img {
    margin-bottom: 50px;
}
@media (max-width: 767px) {
    .case_block_content {
        position: relative;
        width: 100%;
        left: 0;
        top: 0;
    }
    .case_study_container {
        padding-bottom: unset;
        padding-left: unset;
    }
    .next_coming_container {
        display: none;
    }
}
#myInputURL {
    height: 0;
    opacity: 0;
}
.color-black {
    color: #4a4a4a !important;
}
.faqs-container h1 {
    font-size: 36px;
    line-height: 1.1;
    font-weight: 700;
    color: #000;
    margin-bottom: 20px;
}
.faqs-container h2 {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 10px;
    color: #333;
}
.color-black {
    color: #4a4a4a !important;
}
.location_landing,
.main-banners .location_landing h5 {
    color: #000;
    font-family: Poppins;
}
.location_landing h1 {
    margin-bottom: 64px;
    max-width: 42rem;
}
.location_landing h2 {
    color: #000;
    font-weight: 700;
    font-size: 34px;
    line-height: 51px;
    margin-bottom: 32px;
}
.location_landing .md-form label {
    background-color: #fff;
}
.location_landing #contactForm .form_container {
    max-width: 540px;
}
.section-container {
    padding: 30px 0 30px 15px;
    max-width: 1760px;
    margin: auto;
}
.section-container .box-container {
    overflow: hidden;
}
.section-container .box-container .box {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 100%;
    -ms-grid-column-align: center;
    justify-self: center;
    transform: translate3d(0, 0, 0);
    -webkit-transform: -webkit-translate3d(0, 0, 0);
    animation-duration: var(--animationDuration);
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-duration: var(--animationDuration);
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
}
.section-container .box-container .box__item {
    padding: 0 10px 10px 0;
    width: calc((100% + 10px) / 2);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.section-container .box-container .animate {
    animation-name: marquee;
    -webkit-animation-name: marquee;
}
@keyframes marquee {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    100% {
        -webkit-transform: translate(-100%, 0);
        transform: translate(-100%, 0);
    }
}
@-webkit-keyframes marquee {
    0% {
        -webkit-transform: translate(0, 0);
    }
    100% {
        -webkit-transform: translate(-100%, 0);
    }
}
@media screen and (min-width: 320px) {
    .current_openings {
        padding: 20px 0;
    }
    .section-container .box-container .box {
        height: calc((((100vw - 48px - 60px) / 5) * 2.703704) + 100px);
    }
    .section-container .box-container .box__item {
        width: calc((100% + 20px) / 5);
    }
}
@media screen and (min-width: 400px) {
    .current_openings {
        padding: 20px 0;
    }
    .section-container .box-container .box {
        height: calc((((100vw - 48px - 60px) / 5) * 2.703704) + 100px);
    }
    .section-container .box-container .box__item {
        width: calc((100% + 20px) / 5);
    }
}
@media screen and (min-width: 480px) {
    .section-container .box-container .box {
        height: calc((((100vw - 48px - 60px) / 5) * 2.703704) + 100px);
    }
    .section-container .box-container .box__item {
        width: calc((100% + 10px) / 5);
    }
    .current_openings {
        padding: 30px 0;
    }
    .section-container .box-container .box__item {
        width: calc((100% + 20px) / 5);
    }
}
@media screen and (min-width: 600px) {
    .section-container .box-container .box {
        height: calc((((100vw - 48px - 60px) / 5) * 2.7037038) + 111px);
    }
    .current_openings {
        padding: 30px 0;
    }
    .section-container .box-container .box__item {
        width: calc((100% + 20px) / 5);
    }
}
@media screen and (min-width: 768px) {
    .section-container .box-container .box {
        height: calc((((100vw - 48px - 60px) / 5) * 2.7037038) + 21px);
    }
    .section-container .box-container .box__item {
        padding: 0 20px 20px 0;
        width: calc((100% + 20px) / 5);
    }
    .current_openings {
        padding: 40px 0;
    }
}
@media screen and (min-width: 1024px) {
    .section-container .box-container .box {
        height: calc((100vw / 5) * 3);
    }
    .section-container .box-container .box__item {
        padding: 0 32px 32px 0;
        width: 204px;
    }
}
@media screen and (min-width: 1300px) {
    .section-container .box-container .box {
        max-height: 620px;
    }
}
.work-bx {
    position: relative;
    overflow: hidden;
    padding: 130px 0;
    width: 100%;
    text-align: center;
}
.work-bx:before {
    content: "";
    position: absolute;
    left: 0;
    background: url(../img/work-design-left.svg);
    top: -33px;
    width: 115px;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 100%;
}
.work-bx:after {
    content: "";
    position: absolute;
    right: 0;
    background: url(../img/work-design-right.svg);
    top: -33px;
    width: 115px;
    z-index: 1;
    background-size: 100%;
    height: 100%;
    background-repeat: no-repeat;
}
.work-bx .content {
    position: relative;
}
.work-bx .content p {
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    line-height: 48px;
    text-align: center;
    color: #000;
}
.work-bx .content h3.heading {
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    line-height: 72px;
    text-align: center;
    color: #000;
}
@media (max-width: 1300px) {
    .work-bx {
        padding: 70px 0;
    }
    .work-bx .content p {
        font-size: 26px;
        line-height: 30px;
    }
    .work-bx .content h3.heading {
        font-weight: 600;
        font-size: 35px;
        line-height: 50px;
    }
    .work-bx:before {
        top: 0;
        width: 80px;
    }
    .work-bx:after {
        top: 0;
        width: 80px;
    }
}
@media (max-width: 1000px) {
    .work-bx {
        padding: 40px 0;
    }
    .work-bx .content p {
        font-size: 23px;
        margin: 5px 0;
    }
    .work-bx .content h3.heading {
        font-size: 30px;
        line-height: 40px;
    }
}
@media (max-width: 767px) {
    .work-bx {
        padding: 30px;
    }
    .work-bx .content p {
        font-size: 20px;
    }
    .work-bx .content h3.heading {
        font-size: 25px;
        line-height: 30px;
    }
    .work-bx .content h3.heading br {
        display: none;
    }
    .work-bx:before {
        width: 50px;
        background-position: center;
    }
    .work-bx:after {
        width: 50px;
        background-position: center;
    }
}
@media (max-width: 480px) {
    .work-bx {
        padding: 20px 0;
    }
    .work-bx:before {
        width: 30px;
    }
    .work-bx:after {
        width: 30px;
    }
    .work-bx .content p {
        font-size: 16px;
    }
    .work-bx .content h3.heading {
        font-size: 21px;
        line-height: 25px;
    }
}
@media (max-width: 400px) {
    .work-bx {
        padding: 0 0;
    }
    .work-bx .content p {
        font-size: 14px;
    }
    .work-bx .content h3.heading {
        font-size: 16px;
        line-height: 21px;
    }
}
.embrace-bx {
    overflow: hidden;
    padding: 120px 0;
    width: 100%;
    text-align: center;
    background: #ed377e;
}
.embrace-bx .content p {
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    color: #fff;
}
.embrace-bx .content .heading {
    font-style: normal;
    font-weight: 600;
    font-size: 48px !important;
    line-height: 72px;
    text-align: center;
    color: #fff;
}
.embrace-bx .content p small {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
}
@media (max-width: 1000px) {
    .embrace-bx {
        padding: 40px 0;
    }
    .embrace-bx .content .heading {
        font-size: 40px;
        line-height: 50px;
    }
}
@media (max-width: 600px) {
    .embrace-bx {
        padding: 30px 0;
    }
    .embrace-bx .content .heading {
        font-size: 35px;
        line-height: 45px;
    }
    .embrace-bx .content .heading br {
        display: none;
    }
    .embrace-bx .content p {
        line-height: 25px;
    }
    .embrace-bx .content p br {
        display: none;
    }
}
@media (max-width: 500px) {
    .embrace-bx .content .heading {
        font-size: 25px;
        line-height: 35px;
    }
    .embrace-bx .content p small {
        font-size: 14px;
    }
}
.w-1150 {
    width: 1150px !important;
}
@media (max-width: 400px) {
    .embrace-bx .content p {
        margin: 5px 0;
    }
}
@media (max-width: 1200px) {
    .monda-bx .w-1150 {
        width: auto !important;
    }
    .monda-bx .monda-img {
        width: 100%;
    }
}
.monda-bx {
    position: relative;
    padding: 100px 0;
}
.monda-bx .content-bx-left {
    padding-top: 70px;
}
.monda-bx .content-bx-left h3.heading {
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    line-height: 72px;
    color: #000;
}
.monda-bx .content-bx-left p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #000;
}
.monda-bx .content-bx-left p strong {
    font-weight: 900;
}
@media (max-width: 1000px) {
    .monda-bx {
        padding: 40px 0;
    }
    .monda-bx .content-bx-left {
        padding-top: 0;
    }
}
@media (max-width: 767px) {
    .monda-bx {
        padding: 30px 0;
        text-align: center;
    }
    .monda-bx .content-bx-left h3.heading {
        font-size: 40px;
        line-height: 50px;
    }
    .monda-bx .monda-img {
        width: 70%;
    }
    .monda-bx .col-sm-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}
@media (max-width: 600px) {
    .monda-bx {
        padding: 20px 0;
    }
}
@media (max-width: 480px) {
    .monda-bx .content-bx-left h3.heading {
        font-size: 30px;
        line-height: 40px;
        font-weight: 500;
    }
}
.friday-funda-bx {
    position: relative;
    padding: 60px 0;
}
.friday-funda-bx h3.heading {
    font-family: Poppins;
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    line-height: 72px;
    text-align: center;
    color: #000;
}
.friday-funda-bx p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    color: #000;
}
@media (max-width: 1000px) {
    .friday-funda-bx {
        padding: 40px 0;
    }
    .friday-freshup {
        padding: 40px 0;
    }
    .friday-funda-bx h3.heading {
        font-size: 40px;
        line-height: 60px;
    }
    .friday-freshup .content-bx-left h3.heading {
        font-size: 40px;
        line-height: 60px;
    }
    .friday-funda-bx p {
        font-size: 15px;
        line-height: 25px;
        margin: 0;
    }
    .friday-freshup .content-bx-left p {
        font-size: 15px;
        line-height: 25px;
        margin: 0;
    }
}
@media (max-width: 767px) {
    .friday-funda-bx {
        padding: 30px 0;
    }
    .friday-funda-bx h3.heading {
        font-size: 40px;
        line-height: 60px;
    }
    .friday-funda-bx h3.heading {
        line-height: 50px;
    }
    .blog-bx .caption .footer img {
        width: 30px;
    }
    .blog-bx .caption h3.title {
        font-size: 12px;
        margin: 0;
    }
    .blog-bx .caption .footer .bx_right {
        padding-left: 40px;
    }
    .blog-bx .caption .footer .bx_right p strong {
        font-size: 12px;
        line-height: 14px;
    }
    .blog-bx .caption .footer .bx_right p {
        font-size: 9px;
    }
    .blog-bx .caption .footer {
        padding: 0;
    }
    .m-50-0 {
        margin: 0 !important;
    }
}
@media (max-width: 640px) {
    .friday-funda-bx .col-sm-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}
@media (max-width: 500px) {
    .friday-funda-bx {
        padding: 20px 0;
    }
}
@media (max-width: 400px) {
    .friday-funda-bx h3.heading {
        line-height: 40px;
        font-size: 30px;
        font-weight: 500;
    }
    .friday-funda-bx p {
        font-size: 12px;
        line-height: 22px;
    }
}
.blog-bx {
    width: 100%;
    position: relative;
    padding-top: 20px;
}
.blog-bx .first_bx {
    position: relative;
}
.blog-bx .first_bx .click_bx {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 48px;
    height: 48px;
    background: #fff;
    text-align: center;
    line-height: 48px;
}
.blog-bx .first_bx .click_bx img {
    max-width: 36px;
    margin: 0 auto;
}
.blog-bx .blog_img {
    border-radius: 8px;
    width: 100%;
}
.blog-bx .caption {
    padding: 20px 0;
    width: 100%;
}
.blog-bx a {
    font-size: inherit;
    text-decoration: none;
    display: block;
    width: 100%;
}
.blog-bx a:hover:after {
    content: none;
}
.blog-bx .caption h3.title {
    font-weight: 700;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 0.04em;
    color: #303030;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.blog-bx .caption .footer {
    position: relative;
    padding: 10px 0;
}
.blog-bx .caption .footer img {
    width: 48px;
    height: auto;
    border-radius: 30px;
    position: absolute;
    left: 0;
}
.blog-bx .caption .footer .bx_right {
    padding-left: 62px;
    text-align: left;
}
.blog-bx .caption .footer .bx_right p {
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0.04em;
    color: #000;
    text-align: left;
    margin: 0;
}
.blog-bx .caption .footer .bx_right p strong {
    font-weight: 500;
    font-size: 14px;
    line-height: 30px;
    letter-spacing: 0.04em;
    color: #303030;
}
.w-1300 {
    width: 1300px !important;
}
@media (max-width: 1300px) {
    .friday-funda-bx .w-1300 {
        width: auto !important;
    }
}
.watch_btn {
    border: 1px solid #ee2c72;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 200px;
    font-style: normal;
    text-align: center;
    line-height: 64px !important;
    color: #000 !important;
}
.watch_btn:hover {
    background: #ee2c72;
    color: #fff !important;
    text-decoration: none;
}
.watch_btn:hover:after {
    content: none;
}
@media (max-width: 480px) {
    .watch_btn {
        line-height: 45px !important;
    }
}
.m-50-0 {
    margin: 50px 0;
}
.friday-freshup {
    position: relative;
    padding: 60px 0;
}
.friday-freshup .content-bx-left {
    padding-top: 70px;
}
.friday-freshup .content-bx-left h3.heading {
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    line-height: 72px;
    color: #000;
}
.friday-freshup .content-bx-left p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #000;
}
.friday-freshup .content-bx-left p strong {
    font-weight: 900;
}
.friday-freshup .friday-img {
    margin: 0 auto;
}
@media (max-width: 1200px) {
    .friday-freshup .w-1150 {
        width: auto !important;
    }
    .friday-freshup .friday-img {
        width: 100%;
    }
}
@media (max-width: 1000px) {
    .friday-freshup {
        padding: 40px 0;
    }
    .friday-freshup .content-bx-left h3.heading {
        font-size: 40px;
        line-height: 60px;
    }
    .friday-freshup .content-bx-left p {
        font-size: 15px;
        line-height: 25px;
        margin: 0;
    }
    .friday-freshup .content-bx-left {
        padding-top: 0;
    }
}
@media (max-width: 767px) {
    .friday-freshup {
        padding: 30px 0;
        text-align: center;
    }
    .friday-freshup .content-bx-left h3.heading {
        font-size: 40px;
        line-height: 60px;
    }
    .friday-freshup .content-bx-left p {
        font-size: 15px;
        line-height: 25px;
        margin: 0;
    }
    .friday-freshup .col-sm-5,
    .friday-freshup .col-sm-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .friday-freshup .friday-img {
        width: 70%;
        margin: auto;
    }
}
@media (max-width: 600px) {
    .friday-freshup {
        padding: 30px 0;
    }
}
@media (max-width: 480px) {
    .blog-bx .caption h3.title {
        font-weight: 600;
    }
    .blog-bx .caption .footer {
        padding: 0;
    }
    .friday-freshup .content-bx-left h3.heading {
        font-size: 30px;
        line-height: 40px;
        font-weight: 500;
    }
    .friday-funda-bx h3.heading {
        font-size: 30px;
        line-height: 40px;
        font-weight: 500;
    }
}
.openings_f1 {
    position: relative;
    padding: 60px 0;
}
.openings_f1 h3.heading {
    font-style: normal;
    font-weight: 600;
    font-size: 48px;
    line-height: 72px;
    color: #000;
}
.openings_f1 h3.heading span {
    font-weight: 600;
    font-size: 48px;
    line-height: 72px;
    color: #ed337f;
}
.openings_f1 .list_bx_openings {
    position: relative;
}
.openings_f1 .list_bx_openings p {
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 33px;
}
.openings_f1 .list_bx_openings p span {
    color: #ed377e;
}
.openings_f1 .list_bx_openings p strong {
    font-weight: 600;
    font-size: 20px;
    color: #ed377e;
}
.openings_f1 .list_bx_openings .openings_list {
    padding: 0;
}
.openings_f1 .list_bx_openings .openings_list li {
    border-bottom: 1px solid #c8c8c8;
    list-style-type: none;
    padding: 0 30px;
}
.openings_f1 .list_bx_openings .openings_list li:last-child {
    border-bottom: none;
}
.openings_f1 .list_bx_openings .openings_list li:hover {
    border-bottom: none;
}
.openings_f1 .list_bx_openings .openings_list li a {
    font-weight: 600;
    font-size: 21px;
    line-height: 36px;
    color: #000;
    text-decoration: none;
    line-height: 117px;
    display: block;
}
.openings_f1 .list_bx_openings .openings_list li a small {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #000;
    font-style: normal;
    text-transform: capitalize;
    padding-left: 15px;
}
.openings_f1 .list_bx_openings .openings_list li:hover {
    background: #fff;
    -webkit-box-shadow: 0 4px 12px rgba(27, 55, 88, 0.26);
    box-shadow: 0 4px 12px rgba(27, 55, 88, 0.26);
}
.openings_f1 .list_bx_openings .openings_list li:hover a {
    color: #ed337f;
}
.openings_f1 .list_bx_openings .openings_list li a:hover:after {
    content: none;
}
.openings_f1 .list_bx_openings .openings_list li:hover a img {
    fill: #da4567;
}
.openings_f1 .list_bx_openings .openings_list li a span {
    width: 22px;
    height: 20px;
    background-size: cover;
    background-repeat: no-repeat;
    margin: auto;
    position: absolute;
    right: 0;
    top: 42%;
}
.openings_f1 .list_bx_openings .openings_list li a span.icon {
    background: url(../img/arrow-black.svg);
}
.openings_f1 .list_bx_openings .openings_list li:hover a span.icon {
    background: url(../img/arrow-pink.svg);
}
@media (max-width: 1100px) {
    .openings_f1 h3.heading {
        font-size: 40px;
        line-height: 30px;
    }
    .openings_f1 .list_bx_openings .openings_list li {
        padding: 0 15px;
    }
}
@media (max-width: 1000px) {
    .openings_f1 {
        padding: 40px 0;
    }
    .openings_f1 .list_bx_openings .openings_list li a {
        font-size: 17px;
        line-height: 75px;
    }
}
@media (max-width: 800px) {
    .openings_f1 .list_bx_openings .openings_list li a {
        font-size: 14px;
        line-height: 70px;
    }
    .openings_f1 .list_bx_openings .openings_list li a span {
        top: 35%;
    }
}
@media (max-width: 767px) {
    .openings_f1 {
        padding: 30px 0;
    }
    .openings_f1 h3.heading {
        font-size: 30px;
        line-height: 20px;
    }
    .openings_f1 h3.heading span {
        font-size: 40px;
        line-height: 60px;
    }
    .openings_f1 .list_bx_openings p {
        line-height: 25px;
    }
    .openings_f1 .list_bx_openings .openings_list li {
        padding: 15px 0;
    }
    .openings_f1 .list_bx_openings .openings_list li a {
        line-height: 55px;
    }
}
@media (max-width: 500px) {
    .openings_f1 {
        padding: 20px 0;
    }
    .openings_f1 .list_bx_openings .openings_list li a {
        line-height: 23px;
    }
    .openings_f1 .list_bx_openings .openings_list li a small {
        display: block;
        padding: 0;
    }
}
@media (max-width: 480px) {
    .openings_f1 h3.heading {
        font-size: 30px;
        line-height: 20px;
        font-weight: 500;
    }
    .openings_f1 h3.heading br {
        display: none;
    }
    .openings_f1 h3.heading span {
        font-size: 30px;
        line-height: 40px;
        font-weight: 500;
    }
    .openings_f1 .list_bx_openings p {
        line-height: 25px;
        font-weight: 500;
        font-size: 13px;
    }
    .openings_f1 .list_bx_openings .openings_list li {
        padding: 10px 10px;
    }
    .openings_f1 .list_bx_openings p strong {
        font-weight: 500;
    }
    .openings_f1 .list_bx_openings .openings_list li a {
        font-size: 12px;
    }
    .openings_f1 .list_bx_openings .openings_list li a small {
        font-size: 11px;
    }
    .openings_f1 .list_bx_openings .openings_list {
        margin: 0;
    }
    .footer {
        padding: 0 0 20px;
    }
    form.apply_job input.calendar {
        margin-bottom: 35px !important;
    }
    form.apply_job input[type="date"],
    form.apply_job input[type="text"] {
        line-height: 50px;
        font-size: 15px !important;
    }
}
form.apply_job input::-webkit-input-placeholder {
    font-weight: 500;
    font-size: 22px;
    color: #949494;
}
form.apply_job input::-moz-placeholder {
    font-weight: 500;
    font-size: 22px;
    color: #949494;
}
form.apply_job input:-ms-input-placeholder {
    font-weight: 500;
    font-size: 22px;
    color: #949494;
}
form.apply_job input::-ms-input-placeholder {
    font-weight: 500;
    font-size: 22px;
    color: #949494;
}
form.apply_job input::placeholder {
    font-weight: 500;
    font-size: 22px;
    color: #949494;
}
@media (max-width: 480px) {
    form.apply_job input::-webkit-input-placeholder {
        font-weight: 500;
        font-size: 15px;
    }
    form.apply_job input::-moz-placeholder {
        font-weight: 500;
        font-size: 15px;
    }
    form.apply_job input:-ms-input-placeholder {
        font-weight: 500;
        font-size: 15px;
    }
    form.apply_job input::-ms-input-placeholder {
        font-weight: 500;
        font-size: 15px;
    }
    form.apply_job input::placeholder {
        font-weight: 500;
        font-size: 15px;
    }
}
.f1_apply_btn {
    width: 192px;
    height: 64px;
    background: #ed357e;
    font-weight: 700 !important;
    font-size: 24px !important;
    color: #fff !important;
    line-height: 40px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    float: right;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.f1_apply_btn:hover {
    background-color: #cb1f63;
    border: 1px solid #cb1f63;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}
.f1_apply_btn:hover:after {
    content: none;
}
@media (max-width: 767px) {
    .f1_apply_btn {
        width: 200px;
        float: left !important;
        height: 50px;
        font-size: 18px !important;
        margin: 10px 0;
    }
}
.application_form {
    position: relative;
}
form.apply_job {
    width: 100%;
}
form.apply_job h3.heading {
    font-weight: 500;
    font-size: 28px;
    line-height: 54px;
    color: #4a4a4a;
    margin: 20px 0;
}
form.apply_job h3.heading.text-red {
    color: #fe5656;
}
form.apply_job label.radio-label {
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    margin-right: 20px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 400;
    font-size: 20px;
    line-height: 25px;
    color: #4a4a4a;
    margin-top: 15px;
}
form.apply_job label.radio-label input[type="radio"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
form.apply_job .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #ccc;
}
form.apply_job label.radio-label input[type="radio"]:checked ~ .checkmark {
    background-color: #fff;
    border: 1px solid #ed357e;
}
form.apply_job .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
form.apply_job input[type="radio"]:checked ~ .checkmark:after {
    display: block;
}
form.apply_job input[type="radio"]:checked + label.radio-label {
    color: #ed357e;
}
form.apply_job label.radio-label .checkmark:after {
    top: 4px;
    left: 4px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #ed357e;
}
form.apply_job label.heading_label {
    font-weight: 500;
    font-size: 22px;
    line-height: 33px;
    color: #333;
}
form.apply_job label.heading_label sup {
    color: #fe5656;
}
form.apply_job input[type="date"],
form.apply_job input[type="text"] {
    line-height: 64px;
    width: 100%;
    background: #f6f6f6;
    border: none;
    outline: 0;
    border-radius: 0;
    padding: 0 20px;
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 22px;
    color: #949494;
    margin-bottom: 20px;
}
form.apply_job label.error {
    color: red;
    font-weight: 400;
    font-size: 14px;
}
form.apply_job select {
    width: 100%;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    padding: 0 20px;
    margin-bottom: 20px;
    position: relative;
    font-size: 22px;
    color: #7d7d7d;
    height: 64px;
    background: url(../img/arrow-down.svg) no-repeat right #f6f6f6;
}
form.apply_job select:before {
    content: "";
    background: url(../img/arrow-down.svg);
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: 10px;
    width: 20px;
}
form.apply_job select:focus {
    outline: 1px solid #ed357e;
}
form.apply_job select option {
    background: #f6f6f6;
}
form.apply_job .next_btn {
    float: right;
    border: 1px solid #ed337f;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 64px;
    background: #fff;
    outline: 0;
    display: block;
    width: 192px;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
    color: #ed357e;
    margin-top: 20px;
}
form.apply_job button.next_btn span {
    margin-left: 10px;
}
form.apply_job .upload-btn {
    position: relative;
    overflow: hidden;
}
form.apply_job .upload-btn .btn {
    margin: 0;
    color: #2424d7;
    background-color: #f6f6f6;
    font-size: 20px;
    line-height: 64px;
    width: 100%;
    background: #f6f6f6;
    border: none;
    text-align: left;
    outline: 0;
    border-radius: 0;
    padding: 0 20px;
    margin-bottom: 20px;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-transform: capitalize;
}
form.apply_job .upload-btn .btn span {
    margin-right: 10px;
}
form.apply_job .upload-btn input[type="file"] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}
form.apply_job .apply_part_2 {
    display: none;
}
form.apply_job .apply_part_2 span.back_form {
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    color: #ed357e;
    cursor: pointer;
}
form.apply_job .apply_part_2 span.back_form img {
    margin-right: 10px;
}
form.apply_job .submit_btn {
    background: #ed357e;
    width: 192px;
    height: 64px;
    font-weight: 700;
    font-size: 24px;
    display: block;
    color: #fff;
    border: none;
    outline: 0;
    text-align: center;
    line-height: 64px;
}
.thanku_bx {
    text-align: center;
}
.thanku_bx.show {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.thanku_bx span {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -60px;
    background: #3eb605;
    width: 112px;
    height: 112px;
    border-radius: 50%;
    text-align: center;
    line-height: 112px;
}
.thanku_bx .modal-body {
    padding: 85px 40px;
}
.thanku_bx h3.heading {
    font-weight: 500;
    font-size: 48px;
    line-height: 72px;
    text-align: center;
    color: #000;
}
.thanku_bx p {
    font-weight: 400;
    font-size: 32px;
    line-height: 48px;
    text-align: center;
    color: #000;
}
.thanku_bx .modal-dialog {
    max-width: 750px;
}
.for_intern {
    display: none;
}
.select-hidden {
    display: none;
    visibility: hidden;
    padding-right: 10px;
}
.select {
    cursor: pointer;
    display: inline-block;
    position: relative;
    font-size: 16px;
    color: #fff;
    width: 100%;
    height: 64px;
    margin-bottom: 20px;
}
.select-styled {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #f6f6f6;
    padding: 20px 15px;
    color: #333;
    margin-bottom: 20p;
    border: 1px solid #f6f6f6;
}
.select-styled:after {
    content: "";
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-color: #2d2d2d transparent transparent transparent;
    position: absolute;
    top: 28px;
    right: 20px;
}
.select-styled:hover {
    background-color: #f6f6f6;
}
.select-styled.active,
.select-styled:active {
    background-color: #f6f6f6;
    border: 1px solid #ed337f;
}
.select-styled.active:after,
.select-styled:active:after {
    top: 20px;
    border-color: transparent transparent #000 transparent;
}
.select-options {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 999;
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: #f6f6f6;
}
.select-options li {
    margin: 0;
    padding: 12px 0;
    color: #333;
    text-indent: 15px;
}
.select-options li:hover {
    color: #fff;
    background: #ed337f;
}
.select-options li[rel="hide"] {
    display: none;
}
.form_container .mail-text .blue-link {
    text-transform: none;
    letter-spacing: normal;
    color: #3394c6 !important;
}
.form_container .mail-text .blue-link::after {
    background-color: #439dd0;
}
@media (max-width: 1200px) {
    .thanku_bx .modal-body {
        padding: 50px 20px;
    }
    .thanku_bx .modal-dialog {
        max-width: 650px;
    }
    .thanku_bx span {
        top: -39px;
        width: 80px;
        height: 80px;
        line-height: 80px;
    }
    .thanku_bx span img {
        width: 50px;
    }
    .thanku_bx h3.heading {
        font-size: 35px;
        line-height: 60px;
    }
    .thanku_bx p {
        font-size: 20px;
        line-height: 36px;
    }
}
@media (max-width: 767px) {
    form.apply_job h3.heading {
        font-size: 20px;
        line-height: 30px;
    }
    form.apply_job label.heading_label {
        font-size: 16px;
        line-height: 20px;
    }
    form.apply_job input[type="date"],
    form.apply_job input[type="text"] {
        line-height: 50px;
    }
    form.apply_job select {
        height: 50px;
    }
    .select-styled {
        height: 50px;
        padding: 10px 15px;
    }
    .thanku_bx .modal-dialog {
        max-width: 85%;
    }
}
@media (max-width: 500px) {
    .thanku_bx h3.heading {
        font-size: 30px;
        line-height: 40px;
    }
    .thanku_bx p {
        font-size: 15px;
        line-height: 25px;
    }
    .select-styled:after {
        top: 20px;
        right: 15px;
    }
    .select-styled.active:after,
    .select-styled:active:after {
        top: 12px;
    }
}
@media (max-width: 480px) {
    .design_talks_header {
        height: 100vh;
    }
    .services_header h1 {
        height: calc(100vh - 400px);
    }
    form.apply_job label.radio-label {
        font-size: 16px;
    }
    form.apply_job h3.heading {
        font-size: 16px;
        line-height: 12px;
    }
    form.apply_job label.heading_label {
        font-size: 14px;
        line-height: 16px;
    }
    form.apply_job .upload-btn .btn {
        font-size: 16px;
        line-height: 50px;
    }
    form.apply_job .upload-btn .btn span img {
        width: 20px;
    }
    form.apply_job input[type="date"],
    form.apply_job input[type="text"] {
        line-height: 50px;
        font-size: 15px;
    }
    form.apply_job label.heading_label {
        font-size: 14px;
        line-height: 14px;
    }
    form.apply_job h3.heading {
        font-size: 17px;
        line-height: 25px;
        margin-bottom: 10px;
        margin-top: 10px;
    }
    form.apply_job .submit_btn {
        height: 50px;
        font-weight: 600;
        font-size: 16px;
        line-height: 50px;
    }
    form.apply_job .next_btn {
        margin: 0;
        line-height: 50px;
        font-size: 16px;
    }
    .select {
        margin-bottom: 0;
    }
    .calendar {
        margin-bottom: 25px;
    }
    .pb-80 {
        padding-bottom: 20px;
        padding-top: 20px !important;
    }
    form.apply_job input[type="date"],
    form.apply_job input[type="text"] {
        font-size: 15px;
    }
    .f1_apply_btn {
        margin: 20px 0 50px 0;
    }
}
.center-property {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.main-banners h3.caption-banner {
    font-weight: 800;
    font-size: 96px;
    line-height: 76px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0;
}
@media (max-width: 991px) {
    .next_coming_container {
        min-width: 200px;
    }
    .case_study_container {
        padding-left: 0;
    }
    .case_block_content {
        width: 100%;
    }
    .main-banners h3.caption-banner {
        font-size: 70px;
        line-height: 60px;
    }
}
@media (max-width: 767px) {
    .main-banners h3.caption-banner {
        font-size: 50px;
        line-height: 40px;
    }
}
@media (max-width: 600px) {
    .main-banners h3.caption-banner {
        font-size: 40px;
        line-height: 35px;
    }
}
@media (max-width: 480px) {
    .main-banners h3.caption-banner {
        font-size: 30px;
        line-height: 25px;
    }
    .box.animate {
        --animationDuration: 20s !important;
    }
}
@media (max-width: 400px) {
    .main-banners h3.caption-banner {
        font-size: 20px;
        line-height: 20px;
    }
    .box.animate {
        --animationDuration: 20s !important;
    }
}
audio::-webkit-media-controls-timeline,
video::-webkit-media-controls-timeline {
    display: none;
}
.pull-right {
    float: right;
}
.mw-40 {
    max-width: 40px;
}
.simply-scroll-container {
    position: relative;
}
.simply-scroll-clip {
    position: relative;
    overflow: hidden;
}
.simply-scroll-list {
    overflow: hidden;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: column;
    flex-direction: column;
}
.simply-scroll-list li {
    padding: 0;
    margin: 0;
    list-style: none;
}
.simply-scroll-list li img {
    border: none;
    display: block;
}
.simply-scroll {
    width: 100%;
    height: 500px;
}
.simply-scroll .simply-scroll-clip {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 500px;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
}
.simply-scroll .simply-scroll-list li {
    padding: 0 32px 32px 0;
    width: 204px;
}
.for_subs {
    position: relative;
    margin: 10px 0 30px 0;
}
.for_subs input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.for_subs span.content {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #404040;
    display: block;
    padding-left: 44px;
}
.for_subs span.checkmark {
    position: absolute;
    top: 6px;
    left: 0;
    height: 27px;
    width: 27px;
    background-color: transparent;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/check_empty.png);
    border-radius: 0;
    border: none;
    cursor: pointer;
}
.for_subs input:checked ~ span.checkmark {
    background-image: url(../img/checked.png);
}
@media (max-width: 480px) {
    .for_subs span.content {
        font-size: 14px;
    }
}
.newsletter {
    position: relative;
}
.newsletter .content_bx {
    text-align: center;
}
.newsletter .content_bx h3.heading {
    font-style: normal;
    font-weight: 600;
    font-size: 64px;
    line-height: 90px;
    color: #000;
    font-family: Poppins;
}
.newsletter .content_bx p.para {
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 34px;
    text-align: center;
    color: #313131;
    font-family: Poppins;
    margin: 32px 0;
}
.newsletter .content_bx form {
    max-width: 574px;
    margin: 130px auto 0;
}
.newsletter .content_bx form input[type="text"] {
    background: #fff;
    border: 1px solid #c4c4c4;
    width: 100%;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    color: #263238;
    font-family: Poppins;
    line-height: 64px;
    text-align: center;
    outline: 0;
}
.newsletter .content_bx form input::-webkit-input-placeholder {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    font-family: Poppins;
    color: #263238;
}
.newsletter .content_bx form input::-moz-placeholder {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    font-family: Poppins;
    color: #263238;
}
.newsletter .content_bx form input:-ms-input-placeholder {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    font-family: Poppins;
    color: #263238;
}
.newsletter .content_bx form input::-ms-input-placeholder {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    font-family: Poppins;
    color: #263238;
}
.newsletter .content_bx form input::placeholder {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    font-family: Poppins;
    color: #263238;
}
.newsletter .content_bx form button.subs_btn {
    background: #ed357e;
    width: 100%;
    color: #fff;
    border: none;
    outline: 0;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    margin: 32px 0;
    line-height: 64px;
    text-transform: capitalize;
    color: #fff;
    font-family: Roboto;
}
.newsletter .content_bx p.disc {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #313131;
    font-family: Poppins;
}
.mw-325 {
    max-width: 325px;
}
.home-vmiddle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 100px;
}
a.videoPopup::after {
    content: none;
}
.main-banners.mapDiv iframe {
    width: 100%;
    max-width: 100%;
}
@media (max-width: 767px) {
    .main-banners.mapDiv iframe {
        max-height: 280px;
    }
    .location_landing h1 {
        margin-bottom: 42px;
        max-width: 100%;
        font-size: 32px;
    }
    .location_landing h2 {
        color: #000;
        font-weight: 700;
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 24px;
    }
    img {
        max-width: 100%;
    }
}
.aquire_it_junkies {
    background-color: #c2f2ff;
    padding: 8px;
    border-radius: 4px;
    margin-left: 8px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.aquire_it_junkies h6 {
    font-size: 16px;
    font-weight: 500;
    color: #000;
    margin-bottom: 0;
}
.aquire_it_junkies a {
    font-size: 16px;
    font-weight: 500;
    color: #393ce9;
}
@media (max-width: 767px) {
    .aquire_it_junkies {
        margin-left: 0;
        border-radius: 0;
        padding: 12px;
    }
}