/*!
Theme Name: proclivitydigitech
Theme URI: 
Author: Pijus
Author URI: 
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: proclivitydigitech
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/


@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Lora:ital,wght@0,400..700;1,400..700&family=Outfit:wght@100..900&family=Rajdhani:wght@300;400;500;600;700&family=Raleway:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Lora:ital,wght@0,400..700;1,400..700&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Outfit:wght@100..900&family=Rajdhani:wght@300;400;500;600;700&family=Raleway:ital,wght@0,100..900;1,100..900&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
* {
    scroll-behavior: inherit !important
}

html,
body {
    height: auto;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    box-sizing: border-box
}

body {
    font-family: "Inter", sans-serif;
/* 	font-family: "EB Garamond", serif; */
    font-style: normal;
    font-size: 16px;
    font-weight: 400;
    color: #757f95;
    line-height: 1.8
}
@font-face {
    font-family: myFirstFont;
    src: url(assets/front/Gilroy-Light.otf);
}
  
ul {
    margin: 0;
    padding: 0
}

li {
    list-style: none
}

@keyframes loader-bounce {

    0%,
    100% {
        transform: scale(0)
    }

    50% {
        transform: scale(1)
    }
}

.ovrflow-hidden {
    overflow: hidden
}

.space-between {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.c-pd {
    padding: 0 7rem
}

.s-pd {
    padding: 0 12rem
}

.h-100 {
    height: 100%
}

.h-100vh {
    height: 100vh
}

.bg {
    background-color: #f5f5f5
}

.site-heading {
    margin-bottom: 50px
}

.site-title-tagline {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 18px;
    color: #517D40;
    position: relative
}

.site-title {
    font-weight: 700;
    text-transform: capitalize;
    font-size: 48px;
    color: #1D3C19;
    margin-top: 5px;
    margin-bottom: 0
}

.site-title span {
    color: #517D40
}

.site-heading p {
    font-size: 16px
}

@media all and (max-width:767px) {
    .site-title {
        font-size: 35px
    }
    .play-store{display: none;}
}

.pos-rel {
    position: relative;
    z-index: 1
}

.theme-btn {
    font-size: 16px;
    color: #fff;
    padding: 14px 23px;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    text-transform: uppercase;
    position: relative;
    cursor: pointer;
    border-radius: 6px;
    text-decoration: none;
    /* font-weight: 500; */
    text-align: center;
    overflow: hidden;
    z-index: 1;
    border: none;
    background: #FFCB08;
    box-shadow: 0 3px 24px rgb(0 0 0/10%);
    position: relative;
}
.theme-btn i::after {
    content: "";
    width: 1px;
    height: 52%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 49px;
    background-color: #ffffff82;
    transition: all 400ms ease;
}
.theme-btn:hover {
    color: #fff;
    background: #68D456;
}

.theme-btn2 {
    color: #fff;
    background: #02245b
}

.theme-btn2:hover {
    background: #039ff7
}

.theme-btn i {
    margin-left: 15px
}

@media(min-width:1200px) {

    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl {
        max-width: 1185px
    }
}

.grid-2 {
    display: grid;
    grid-gap: 3rem;
    grid-template-columns: repeat(2, 1fr)
}

.grid-3 {
    display: grid;
    grid-gap: 3rem;
    grid-template-columns: repeat(3, 1fr)
}

.grid-4 {
    display: grid;
    grid-gap: 3rem;
    grid-template-columns: repeat(4, 1fr)
}

.grid-5 {
    display: grid;
    grid-gap: 3rem;
    grid-template-columns: repeat(5, 1fr)
}

.grid-6 {
    display: grid;
    grid-gap: 3rem;
    grid-template-columns: repeat(6, 1fr)
}

.grid-px-2 {
    display: grid;
    grid-gap: 3rem;
    grid-template-columns: repeat(auto-fit, minmax(500px, 1fr))
}

.gap-0 {
    grid-gap: 0
}

.cs-gap-1 {
    grid-gap: 1rem
}

.cs-gap-2 {
    grid-gap: 2rem
}

#scroll-top {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    font-size: 22px;
    border: none;
    outline: none;
    background: #039ff7;
    border-radius: 50px;
    color: #fff;
    cursor: pointer;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    box-shadow: 0 3px 24px rgb(0 0 0/10%);
    transition: all .5s ease-in-out
}

.header-top {
    padding: 10px 0;
    position: relative;
    background: #0AA7BA;
    z-index: 1;
	
	display: none;
}

.header-top-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between
}
.header-top-social ul li h6 {
    color: #fff;
    line-height: 17px;
    font-size: 13px;
    margin-bottom: 0;
}
.header-top-contact ul {
    display: flex;
    align-items: center;
    gap: 25px
}

.header-top-contact ul li a {
    color: #fff;
    font-weight: 400;
    text-decoration: none;
}

.header-top-contact ul li a i {
    margin-right: 10px;
    color: #DA0926;
}

.header-top-right {
    display: flex;
    align-items: center;
    gap: 15px
}

.header-top-social a {
    /* width: 30px;
    height: 30px;
    line-height: 30px; */
    color: #463293 !important;
    margin-left: 10px;
    /* font-size: 18px;
    background: #fff;
    text-align: center;
    border-radius: 50px;
    transition: all .5s ease-in-out */
}

/* .header-top-social a:hover {
    background: #02245b;
    color: #fff
} */

.header-top-account a {
    color: #fff;
    margin-right: 20px
}

.header-top-account a i {
    margin-right: 8px
}

@media all and (max-width:1199px) {
    .header-top-account {
        display: none
    }

    .header-top::before {
        width: 270px
    }

    .header-top::after {
        width: 260px
    }
}

@media all and (max-width:992px) {
    .header-top {
        display: none
    }
}

.main {
    margin-top: 0
}

@media all and (min-width:992px) {
 .navbar .navbar-nav li a {
    margin-right: 15px;
    padding: 30px 0;
    font-size: 15px;
    font-weight: 600;
    color: #000;
    text-transform: capitalize;
}

    .navbar .navbar-nav li:last-child a {
        margin-right: 0
    }

    .navbar .nav-item .dropdown-menu {
        display: block;
        opacity: 0;
        visibility: hidden;
        transition: .3s;
        margin-top: 0;
        padding: 0;
        border: none;
        border-top: 4px solid #039ff7;
        border-radius: 0;
        width: 220px;
        box-shadow: 0 3px 24px rgb(0 0 0/10%)
    }

    .navbar .nav-item .dropdown-menu li {
        border-bottom: 1px solid #eee
    }

    .navbar .nav-item .dropdown-menu li:last-child {
        margin-bottom: 0;
        border-bottom: none
    }

    .navbar .nav-item .dropdown-menu .dropdown-item {
        font-size: 16px;
        font-weight: 500;
        padding: 8px 15px;
        color: #02245b;
        position: relative;
        text-transform: capitalize;
        transition: all .5s ease-in-out
    }

    .navbar .nav-item .dropdown-menu .dropdown-item::before {
        content: "";
        position: absolute;
        left: 0;
        top: 22px;
        width: 0;
        height: 2px;
        opacity: 0;
        background: #fff;
        transition: all .7s ease-in-out
    }

    .navbar .nav-item .dropdown-menu .dropdown-item:hover::before {
        width: 28px;
        opacity: 1
    }

    .navbar .nav-item .dropdown-menu .dropdown-item:hover {
        background: #68D456;
        color: #fff;
        padding-left: 33px
    }

    .navbar .navbar-nav li a{
        position: relative;
        z-index: 1;
		text-decoration: none;
    }
	.home .navbar .navbar-nav li a{
		color: #fff;
    }

    .navbar .navbar-nav li,
    .navbar .navbar-nav li:hover a {
        color: #68D456;
    }
	.navbar-nav li.current_page_item a {color: #68D456 !important; font-weight: 600 !important;}
    .navbar .nav-item:hover .dropdown-menu {
        transition: .3s;
        opacity: 1;
        visibility: visible;
        top: 100%;
        transform: rotateX(0deg)
    }

    .navbar .dropdown-menu-end {
        right: 0;
        left: auto
    }

    .navbar .dropdown-menu.fade-down {
        top: 80%;
        transform: rotateX(-75deg);
        transform-origin: 0% 0%
    }

    .navbar .dropdown-menu.fade-up {
        top: 140%
    }

    .header-nav-right {
        display: flex;
        align-items: center;
        gap: 20px;
        margin-left: 30px
    }

    .header-nav-search a {
        color: #02245b;
        font-size: 18px;
        padding: 5px
    }

    .header-nav-search a:hover {
        color: #039ff7
    }

    .navbar .header-btn {
        padding-top: 8px
    }

    .header-phone {
        display: flex;
        align-items: center;
        gap: 10px
    }

    .header-phone-icon {
        width: 45px;
        height: 45px;
        background: #039ff7;
        color: #fff;
        border-radius: 50px;
        text-align: center;
        font-size: 25px
    }

    .header-phone-number a {
        color: #039ff7
    }
}

.navbar {
    padding-top: 0;
    padding-bottom: 0;
    z-index: 999
}

.navbar.fixed-top {
    background-color: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, .17);
    animation: slide-down .7s
}

@keyframes slide-down {
    0% {
        transform: translateY(-100%)
    }

    100% {
        transform: translateY(0)
    }
}

.navbar.fixed-top .nav-item .nav-link::before {
    color: #02245b
}

.navbar .navbar-brand .logo-display {
    display: block
}

.navbar .navbar-brand .logo-scrolled {
    display: none
}

.navbar.fixed-top .navbar-brand .logo-display {
    display: none
}

.navbar.fixed-top .navbar-brand .logo-scrolled {
    display: block
}

button.navbar-toggler {
    font-size: 3.5rem;
    padding: 0;
    margin: 0
}

button.navbar-toggler:focus {
    outline: none;
    box-shadow: none
}

.navbar-toggler-icon {
    display: inline-block;
    width: inherit;
    height: inherit
}

.navbar-brand img {
    width: 165px;
	object-fit: contain !important;
}

/* .dropdown-toggle::after {
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle;
    font-family: 'font awesome 6 pro';
    content: "\f107";
    font-weight: 700;
    border: none;
    font-size: 15px
} */
.play-store{width: 15%;}
.qoute-btn a {
    background: #FFCB08;
    padding: 15px 25px;
    text-transform: uppercase;
    transition: all .5s ease-in-out
}
.qoute-btn a:hover{
    background: #68D456;
    transition: all .5s ease-in-out
}
.mobile-menu-right {
    display: flex;
    align-items: center
}

@media all and (max-width:1199px) {
    .navbar .header-btn {
        display: none
    }

    .header-phone {
        display: none
    }
}

@media all and (max-width:991px) {
    .navbar {
        top: 0;
        right: 0;
        left: 0;
        background-color: #fff;
        position: fixed;
		z-index: 999999999999999;
    }

    .navbar-brand {
        padding-left: 10px
    }

    .navbar-brand img {
        width: 170px;
		object-fit:content;
    }

    .navbar-collapse {
        max-height: 290px;
        overflow: hidden;
        overflow-y: auto;
        padding: 0 20px;
        background-color: #fff
    }

    .dropdown-toggle::after {
        float: right
    }

    .navbar .navbar-nav li a {
        color: #02245b;
        font-weight: 700;
        transition: all .5s ease-in-out;
		text-decoration: none;
    }

    .navbar .navbar-nav li a:hover {
        color: #039ff7 !important
    }

    .navbar-toggler {
        border: none
    }

    .navbar-toggler-icon {
        font-size: 32px;
        color: #02245b;
        font-weight: 500;
        padding-right: 10px;
        margin-bottom: 10px;
        background: 0 0
    }

    .navbar .dropdown-menu {
        border-radius: 0
    }

    .navbar.fixed-top .navbar-toggler-icon {
        color: #02245b
    }

    .header-nav-right {
        display: none
    }
}

/* .header-top-contact ul li:first-child {
    background-color: yellow;
  } */


/*=================================== banner ==========================================*/
.inner-banner{
	display: flex;
	justify-content: center;
	align-items: center;
}
.inner-banner h1{
	color: #fff;
	font-weight: 600;
	font-size: 40px;
}
.page-template-career .inner-banner h1{
	font-size: 62px;
}

.loader-line {
            width: 200px;
            height: 3px;
            position: relative;
            overflow: hidden;
            background-color: #ddd;
            margin: 0 auto;
            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            border-radius: 20px;
        }

        .loader-line:before {
            content: "";
            position: absolute;
            left: -50%;
            height: 3px;
            width: 40%;
            background-color: #FFCB08;
            -webkit-animation: lineAnim 1s linear infinite;
            -moz-animation: lineAnim 1s linear infinite;
            animation: lineAnim 1s linear infinite;
            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            border-radius: 20px;
        }

        @keyframes lineAnim {
            0% {
                left: -40%;
            }
            50% {
                left: 20%;
                width: 80%;
            }
            100% {
                left: 100%;
                width: 100%;
            }
        }


.pagination {
    position: absolute !important;
    width: 100%;
    text-align: center;
    right: 0;
    padding: 0 !important;
    bottom: 30px;
    z-index: 999;
}
.pagination__item {
    cursor: pointer;
    display: inline-block;
    white-space: nowrap;
    font-size: 0;
    width: 10px;
    height: 10px;
    border: 1px solid #fff;
    margin: 0 5px;
    transition: 0.2s ease-in-out;
}
.pagination__item.is-current, .pagination__item:hover {
    background-color: #fff;
}
.container {
    position: relative;
    margin: 0 auto;
}
/* @media (max-width: 699px) {
    .container {
        padding-right: 40px;
        padding-left: 40px;
   }
} */
@media (min-width: 700px) and (max-width: 1599px) {
    .container {
        padding-right: 7.5rem;
        padding-left: 7.5rem;
        max-width: 140rem;
   }
}
@media (min-width: 1600px) {
    .container {
        padding-right: 9.5625rem;
        padding-left: 9.5625rem;
        max-width: 144.125rem;
   }
}
.background-absolute {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-position: center;
    background-size: cover;
}
.slideshow {
    position: relative;
    color: #fff;
    background-color: #1e1e22;
    overflow: hidden;
    height: 100vh;
    min-height: 400px;
}
.slideshow__slide {
    visibility: hidden;
    transition: visibility 0s 1.7s;
}
.slideshow__slide.is-current {
    visibility: visible;
    transition-delay: 0s;
}
@media (max-width: 699px) {
    .slideshow .slideshow__slide {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
   }
}
@media (min-width: 700px) {
    .slideshow .slideshow__slide {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
   }
}
.slideshow__slide-background-load-wrap {
    transition: transform 0.9s cubic-bezier(0.4, 0, 0.2, 1);
    transform: translate3d(0, 100%, 0);
    overflow: hidden;
}
.is-loaded .slideshow__slide-background-load-wrap {
    transform: translate3d(0, 0, 0);
    transition-delay: 0s;
}
.slideshow__slide.is-prev .slideshow__slide-background-parallax, .slideshow__slide.is-next .slideshow__slide-background-parallax {
    transform: none !important;
}
.slideshow__slide.is-prev-section .slideshow__slide-background-parallax, .slideshow__slide.is-next-section .slideshow__slide-background-parallax {
    transform: none !important;
}
.slideshow__slide-background-load {
    transition: transform 0.9s cubic-bezier(0.4, 0, 0.2, 1);
    transform: translate3d(0, -50%, 0);
}
.is-loaded .slideshow__slide-background-load {
    transform: translate3d(0, 0, 0);
}
.slideshow__slide-background-wrap {
    transition: -webkit-transform 1.2s cubic-bezier(0.4, 0, 0.2, 1) 0.5s;
    transition: transform 1.2s cubic-bezier(0.4, 0, 0.2, 1) 0.5s;
    transition: transform 1.2s cubic-bezier(0.4, 0, 0.2, 1) 0.5s, -webkit-transform 1.2s cubic-bezier(0.4, 0, 0.2, 1) 0.5s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.slideshow__slide.is-prev .slideshow__slide-background-wrap {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
}
.slideshow__slide.is-next .slideshow__slide-background-wrap {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}
.slideshow__slide.is-prev-section .slideshow__slide-background-wrap {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    transition: none;
}
.slideshow__slide.is-next-section .slideshow__slide-background-wrap {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    transition: none;
}
.slideshow__slide-background {
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1) 1.5s;
    transform: scale(1);
    overflow: hidden;
}
.slideshow__slide.is-prev .slideshow__slide-background, .slideshow__slide.is-next .slideshow__slide-background {
    transform: scale(0.5);
    transition-delay: 0s;
}
.slideshow__slide.is-prev-section .slideshow__slide-background, .slideshow__slide.is-next-section .slideshow__slide-background {
    transform: scale(0.5);
    transition-delay: 0s;
    transition: none;
}
.slideshow__slide-image-wrap {
    transition: transform 1.2s cubic-bezier(0.4, 0, 0.2, 1) 0.6s;
    transform: translate3d(0, 0, 0);
}
.slideshow__slide.is-prev .slideshow__slide-image-wrap {
    transform: translate3d(0, 50%, 0);
}
.slideshow__slide-image {
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1) 1.5s;
    transform: scale(1);
}
.slideshow__slide.is-prev .slideshow__slide-image, .slideshow__slide.is-next .slideshow__slide-image {
    transform: scale(1.25);
    transition-delay: 0s;
}
.slideshow__slide.is-prev-section .slideshow__slide-image, .slideshow__slide.is-next-section .slideshow__slide-image {
    transform: scale(1.25);
    transition-delay: 0s;
    transition: none;
}
.slideshow__slide-image::before, .slideshow__slide-image::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.35;
}
.slideshow__slide-image::before {
    background-color: #1e1e22;
}
.slideshow__slide-image::after {
    background: linear-gradient(to bottom, transparent 0%, #1e1e22 100%);
}
.slideshow__slide.is-prev .slideshow_container, .slideshow__slide.is-next .slideshow_container {
    transform: none !important;
}
.slideshow__slide.is-prev-section .slideshow_container, .slideshow__slide.is-next-section .slideshow_container {
    transform: none !important;
}
.slideshow__slide-caption-text {
    position: relative;
    height: 100%;
    padding-top: 33vh;
    transition: transform 1.2s cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
    transform: translate3d(0, 0, 0);
}
.slideshow__slide.is-prev .slideshow__slide-caption-text {
    transform: translate3d(0, -100%, 0);
}
.slideshow__slide.is-next .slideshow__slide-caption-text {
    transform: translate3d(0, 100%, 0);
}
.slideshow__slide.is-prev-section .slideshow__slide-caption-text {
    transform: translate3d(0, -100%, 0);
    transition: none;
}
.slideshow__slide.is-next-section .slideshow__slide-caption-text {
    transform: translate3d(0, 100%, 0);
    transition: none;
}
.slideshow__slide-caption {
    position: relative;
    height: 100%;
    transform: translate3d(0, 100%, 0);
    transition: transform 1s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;
}
.is-loaded .slideshow__slide-caption {
    transform: translate3d(0, 0, 0);
}
.slideshow__slide-caption-title {
    line-height: 1;
}
@media (max-height: 500px) {
    /* .slideshow__slide-caption-title {
        margin-bottom: 0 !important;
   } */
}
@media (max-width: 699px) {
    .slideshow__slide-caption-title {
        font-size: 40px;
        margin-bottom: 150px;
   }
    .slideshow.-full .slideshow__slide-caption-title {
        margin-bottom: 30px;
   }
}
@media (min-width: 700px) {
    .slideshow__slide-caption-title {
        font-size: 4.325rem;
        margin-bottom: 20px;
        padding-bottom: 20px;
        width: 80%;
        margin: 0 auto;
   }
   .slideshow__slide-caption-text p {
    width: 69%;
    margin: 0 auto;
    padding-bottom: 15px;
}
}
@media (min-width: 700px) and (max-width: 749px) {
    .slideshow__slide-caption-title {
        font-size: 4.375rem;
   }
}
@media (min-width: 1600px) {
    .slideshow__slide-caption-title {
        font-size: 6.25rem;
   }
}
.slideshow__slide-caption-title.-full {
    width: 100%;
}
.slideshow__slide-caption-subtitle {
    display: inline-block;
    padding: 1.875rem 0;
}
.slideshow__slide-caption-subtitle.-load {
    transition: -webkit-transform 0.9s cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
    transition: transform 0.9s cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
    transition: transform 0.9s cubic-bezier(0.4, 0, 0.2, 1) 0.4s, -webkit-transform 0.9s cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
    -webkit-transform: translate3d(0, 3.75rem, 0);
    transform: translate3d(0, 3.75rem, 0);
}
.is-loaded .slideshow__slide-caption-subtitle.-load {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
body[data-route-option="prev-section"] .slideshow__slide-caption-subtitle.-load, body[data-route-option="next-section"] .slideshow__slide-caption-subtitle.-load {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
/* .slideshow__slide-caption-subtitle-label {
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transform: translateZ(0);
    display: inline-block;
} 
.o-hsub.-link:hover .slideshow__slide-caption-subtitle-label, .o-hsub-wrap:hover .slideshow__slide-caption-subtitle-label {
    transform: translateX(20px);
} */
.more-btn span {
    background: #FFCD29;
    color: #000;
    font-weight: 600;
    padding: 15px 25px;
	border-radius: 6px;
}
/* OLD */
.c-header-home_heading {
    line-height: 1;
}
@media (max-height: 500px) {
    .c-header-home_heading {
        margin-bottom: 0 !important;
   }
}
@media (max-width: 699px) {
    .c-header-home_heading {
        font-size: 40px;
        margin-bottom: 150px;
   }
    .c-header-home.-full .c-header-home_heading {
        margin-bottom: 30px;
   }
}
@media (min-width: 700px) {
    .c-header-home_heading {
        font-size: 5.625rem;
        margin-bottom: 1.25rem;
   }
}
@media (min-width: 700px) and (max-width: 749px) {
    .c-header-home_heading {
        font-size: 4.375rem;
   }
}
@media (min-width: 1600px) {
    .c-header-home_heading {
        font-size: 6.25rem;
   }
}
.c-header-home_heading.-full {
    width: 100%;
}
.c-header-home_subheading {
    display: inline-block;
    padding: 1.875rem 0;
}
.c-header-home_subheading.-load {
    transition: transform 0.9s cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
    transform: translate3d(0, 3.75rem, 0);
}
.is-loaded .c-header-home_subheading.-load {
    transform: translate3d(0, 0, 0);
}
body[data-route-option="prev-section"] .c-header-home_subheading.-load, body[data-route-option="next-section"] .c-header-home_subheading.-load {
    transform: translate3d(0, 0, 0);
}
.c-header-home_footer {
    z-index: 3;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
}
.c-header-home_controls, .c-header-home_buttons {
    margin-left: 0;
    letter-spacing: normal;
    font-size: 0;
    transition: -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}
@media (max-width: 699px) {
    .c-header-home_controls, .c-header-home_buttons {
        padding-bottom: 40px;
   }
}
@media (min-width: 700px) {
    .c-header-home_controls, .c-header-home_buttons {
        padding-bottom: 5.625rem;
   }
}
@media (min-width: 700px) and (max-width: 749px) {
    .c-header-home_controls, .c-header-home_buttons {
        padding-bottom: 3.75rem;
   }
}
.is-loaded .c-header-home_controls, .is-loaded .c-header-home_buttons {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
body[data-route-option="prev-section"] .c-header-home_controls, body[data-route-option="prev-section"] .c-header-home_buttons, body[data-route-option="next-section"] .c-header-home_controls, body[data-route-option="next-section"] .c-header-home_buttons {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.c-header-home_controls {
    transition-delay: 0.65s;
}
@media (min-width: 700px) {
    .c-header-home_controls {
        float: left;
   }
}
.c-header-home_buttons {
    transition-delay: 0.75s;
}
@media (max-width: 699px) {
    .c-header-home_buttons {
        margin-left: -20px;
        margin-right: -20px;
   }
}
@media (min-width: 1000px) {
    .c-header-home_buttons {
        float: right;
   }
}
@media (max-width: 699px) {
    .c-header-home_button {
        width: 50% !important;
   }
}
@media (min-width: 700px) {
    .c-header-home_button {
        width: 15.625rem;
   }
}
button, .c-header-filters_button, .o-button {
    display: inline-block;
    overflow: visible;
    margin: 0;
    padding: 0;
    outline: 0;
    border: 0;
    background: none;
    color: inherit;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    font: inherit;
    line-height: normal;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
button:hover, .c-header-filters_button:hover, .o-button:hover {
    text-decoration: none;
}
@media (min-width: 1200px) {
    body {
        overflow: hidden;
        height: 100%;
   }
}
@media (min-width: 1200px) {
    .o-scroll {
        height: 100%;
   }
}
::-moz-selection {
    background: #0084c0;
    color: #fff;
}
::selection {
    background: #0084c0;
    color: #fff;
}
img, svg {
    max-width: 100%;
}
a, .o-link {
    color: #1a0dab;
    transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
a:hover, .o-link:hover {
    color: #13097c;
}
a.-normal, .o-link.-normal {
    color: currentColor;
    text-decoration: none;
}
a.-normal:hover, .o-link.-normal:hover {
    text-decoration: underline;
}
a.-blue:hover, .o-link.-blue:hover {
    text-decoration: none;
    color: #0084c0;
}
a.-hover, .o-link.-hover {
    position: relative;
    text-decoration: none;
    color: #fff;
}
a.-hover::after, .o-link.-hover::after {
    content: "";
    position: absolute;
    bottom: -1px;
    right: 0;
    left: 0;
    border-bottom: 1px solid;
    transform: scaleX(0);
    transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);
    transform-origin: center left;
}
a.-hover:hover::after, .o-link.-hover:hover::after {
    transform: scaleX(1);
}
/* p {
    margin: 0;
} */
.o-wrap {
    overflow: hidden;
}
.o-page.-anim {
    transform: translate3d(0, 9.375rem, 0);
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.is-loaded .o-page.-anim {
    transform: translate3d(0, 0, 0);
}
.o-barba, .o-barba_container {
    height: 100%;
}
strong {
    font-weight: 700;
}
.js-parallax {
    transform: translateZ(0);
    will-change: transform;
}
.scroll-content {
    overflow: hidden;
}
.o-blockquote.-nomargin {
    margin: 0;
}
.o-action-link {
    display: block;
    padding-top: 12.8125rem;
    padding-bottom: 7.5rem;
    text-align: center;
    text-decoration: none;
    font-weight: 700;
}
@media (max-width: 699px) {
    .o-action-link {
        font-size: 40px;
        padding-top: 120px;
   }
}
@media (max-width: 1199px) {
    .o-action-link {
        color: #1e1e22;
   }
}
@media (min-width: 700px) {
    .o-action-link {
        font-size: 5.625rem;
   }
}
@media (min-width: 1200px) {
    .o-action-link {
        color: #fff;
   }
}
.o-action-link:hover {
    color: #fff;
}
.o-action-link_label {
    display: inline-block;
    position: relative;
}
.o-action-link_label::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    border-bottom: 0.1875rem solid;
    transform: scaleX(0);
    transform-origin: center left;
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.o-action-link:hover .o-action-link_label::after {
    transform: scaleX(1);
}
.o-h, h1, .o-h1, h2, .o-h2, h3, .o-h3, h4, .o-h4, h5, .o-h5, h6, .o-h6 {
    font-weight: 700;
    margin-top: 0;
    line-height: 1.1;
}
@media (max-width: 699px) {
    h1, .o-h1 {
        font-size: 26px;
   }
}
@media (min-width: 700px) {
    h1, .o-h1 {
        font-size: 60px;
   }
}
@media (min-width: 1600px) {
    h1, .o-h1 {
        font-size: 4.375rem;
   }
}
@media (max-width: 1599px) {
    h2, .o-h2 {
        font-size: 1.5625rem;
   }
}
@media (min-width: 1600px) {
    h2, .o-h2 {
        font-size: 2.25rem;
   }
}
h3, .o-h3 {
    font-size: 1.5625rem;
}
h4, .o-h4 {
    font-size: 1rem;
}
h5, .o-h5 {
    font-size: 0.8125rem;
}
h6, .o-h6 {
    font-size: 0.6875rem;
}
.o-hsub {
    font-size: 0.75rem;
    padding: 1.25rem 0;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-weight: 500;
}
/* .o-hsub::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    border-bottom: 1px solid;
    width: 1.5rem;
    background-color: #1e1e22;
    margin-right: 1.125rem;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transform-origin: center left;
}*/
.o-hsub.-link {
    color: #fff;
    text-decoration: none;
} 
/* .o-hsub.-link:hover::before, .o-hsub-wrap:hover .o-hsub.-link::before {
    transform: scaleX(1.5);
} */
.o-hsub.-link.-dark {
    color: #1e1e22;
}
.o-hsub.-link.-dark:hover {
    color: #1e1e22;
}
.o-hsub.-h {
    vertical-align: middle;
}
@media (max-width: 699px) {
    .o-hsub.-h {
        display: block;
        margin-top: 20px;
   }
}
@media (min-width: 700px) {
    .o-hsub.-h {
        margin-left: 2.5rem;
   }
}
.o-hsub_label {
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transform: translateZ(0);
    display: inline-block;
}
.o-hsub.-link:hover .o-hsub_label, .o-hsub-wrap:hover .o-hsub_label {
    transform: translateX(20px);
}
.is-loaded .o-loader {
    visibility: hidden;
    transition-delay: 0.6s;
}
.o-container {
    position: relative;
    margin: 0 auto;
}
@media (max-width: 699px) {
    .o-container {
        padding-right: 40px;
        padding-left: 40px;
   }
    .o-container.-small {
        padding-right: 20px;
        padding-left: 20px;
   }
}
@media (min-width: 700px) and (max-width: 1599px) {
    .o-container {
        padding-right: 7.5rem;
        padding-left: 7.5rem;
        max-width: 140rem;
   }
}
@media (min-width: 1600px) {
    .o-container {
        padding-right: 9.5625rem;
        padding-left: 9.5625rem;
        max-width: 144.125rem;
   }
}
.o-section {
    position: relative;
}
.o-section.-offset {
    margin-top: -9.375rem;
    background-color: #f6f6f6;
}
.o-section.-padding {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem;
}
.o-section.-padding-top {
    padding-top: 7.5rem;
}
@media (max-width: 699px) {
    .o-section.-bottom {
        padding-bottom: 60px;
   }
}
@media (min-width: 700px) {
    .o-section.-bottom {
        padding-bottom: 7.5rem;
   }
}
.o-section.-left {
    margin-right: 15rem;
}
.o-section.-right {
    margin-left: 15rem;
}
.o-section.-left-large {
    margin-right: 22.5rem;
}
.o-section.-right.-padding {
    padding-left: 9.5625rem;
}
.o-section_image {
    position: relative;
    overflow: hidden;
}
.o-section_image.-small {
    padding-bottom: 57.144%;
}
.o-section_image.-large {
    padding-bottom: 55%;
}
.o-section_image.-padding-left {
    margin-left: 7.5rem;
}
.o-section_image.-left {
    margin-right: 15rem;
}
@media (max-width: 1599px) {
    .o-section_image.-left {
        margin-left: -7.5rem;
   }
}
@media (min-width: 1600px) {
    .o-section_image.-left {
        margin-left: -9.5625rem;
   }
}
.o-section_image.-right {
    margin-left: 15rem;
}
@media (max-width: 1599px) {
    .o-section_image.-right {
        margin-right: -7.5rem;
   }
}
@media (min-width: 1600px) {
    .o-section_image.-right {
        margin-right: -9.5625rem;
   }
}
.o-section_image img {
    width: 100%;
}
.o-grid {
    margin-left: 0;
    letter-spacing: normal;
    font-size: 0;
}
.o-grid.-margin {
    margin-left: -3.75rem;
}
.o-grid_item {
    display: inline-block;
    padding-left: 0;
    width: 100%;
    vertical-align: top;
    font-size: 1rem;
}
@media (max-width: 699px) {
    .o-grid_item.-button {
        width: 100%;
   }
}
@media (min-width: 700px) and (max-width: 999px) {
    .o-grid_item.-button {
        margin-bottom: 60px;
   }
}
@media (min-width: 1000px) {
    .o-grid_item.-button {
        width: 18.75rem;
   }
}
@media (max-width: 699px) {
    .o-grid_item.-button-content {
        margin-bottom: 30px;
   }
}
@media (min-width: 700px) and (max-width: 999px) {
    .o-grid_item.-button-content {
        margin-bottom: 60px;
   }
}
@media (min-width: 1000px) {
    .o-grid_item.-button-content {
        width: calc(100% - 18.75rem);
   }
}
.o-grid.-margin .o-grid_item {
    padding-left: 3.75rem;
}
@media (min-width: 700px) {
    .o-grid_item.-half {
        width: 50%;
   }
}
@media (min-width: 700px) and (max-width: 1199px) {
    .o-grid_item.-half.-large {
        width: 100%;
   }
}
@media (min-width: 700px) and (max-width: 999px) {
    .o-grid_item.-half.-medium {
        width: 100%;
   }
}
@media (min-width: 700px) and (max-width: 1199px) {
    .o-grid_item.-third {
        width: 50%;
   }
}
@media (min-width: 1200px) {
    .o-grid_item.-third {
        width: 33.3333333333%;
   }
}
.o-form {
    padding-bottom: 11.25rem;
}
@media (max-width: 699px) {
    .o-form_item {
        margin-bottom: 35px;
   }
}
@media (min-width: 700px) {
    .o-form_item {
        margin-bottom: 2.9375rem;
   }
}
.o-form_fieldset {
    padding: 0;
    margin: 0;
    border: 0;
}
@media (max-width: 699px) {
    .o-form_fieldset {
        margin-bottom: 20px;
   }
}
@media (min-width: 700px) {
    .o-form_fieldset {
        margin-bottom: 3.75rem;
   }
}
.o-form_button {
    text-align: right;
}
.o-label {
    display: block;
    height: 100%;
    color: #b3b3b3;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    padding: 0.875rem;
    transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (max-width: 699px) {
    .o-label {
        font-size: 9px;
   }
}
@media (min-width: 700px) {
    .o-label {
        font-size: 0.5625rem;
   }
}
.o-input-wrap .o-label {
    position: absolute;
    bottom: 0;
    left: 0;
    transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.o-input:focus ~ .o-label, .o-select:focus ~ .o-label, .o-textarea:focus ~ .o-label, .o-label.is-active {
    -webkit-transform: translateY(-1.875rem);
    -ms-transform: translateY(-1.875rem);
    transform: translateY(-1.875rem);
}
.o-input.has-error ~ .o-label, .has-error.o-select ~ .o-label, .has-error.o-textarea ~ .o-label {
    color: #cc3d3d;
}
.o-input-wrap {
    position: relative;
}
.o-input, .o-select, .o-textarea {
    padding: 0.875rem;
    background-color: transparent;
    border-bottom: 1px solid #b3b3b3;
    transition: border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (max-width: 699px) {
    .o-input, .o-select, .o-textarea {
        font-size: 14px;
   }
}
@media (min-width: 700px) {
    .o-input, .o-select, .o-textarea {
        font-size: 0.875rem;
   }
}
.o-input::-webkit-input-placeholder, .o-select::-webkit-input-placeholder, .o-textarea::-webkit-input-placeholder {
    color: #b3b3b3;
}
.o-input:-ms-input-placeholder, .o-select:-ms-input-placeholder, .o-textarea:-ms-input-placeholder {
    color: #b3b3b3;
}
.o-input::placeholder, .o-select::placeholder, .o-textarea::placeholder {
    color: #b3b3b3;
}
.o-input.-search, .-search.o-select, .-search.o-textarea {
    background-color: transparent;
    color: #fff;
    font-weight: 700;
    border-bottom: none;
}
@media (max-width: 699px) {
    .o-input.-search, .-search.o-select, .-search.o-textarea {
        font-size: 26px;
   }
}
@media (min-width: 700px) {
    .o-input.-search, .-search.o-select, .-search.o-textarea {
        font-size: 3.75rem;
   }
}
.o-input.-search::-webkit-input-placeholder, .-search.o-select::-webkit-input-placeholder, .-search.o-textarea::-webkit-input-placeholder {
    color: #000;
}
.o-input.-search:-ms-input-placeholder, .-search.o-select:-ms-input-placeholder, .-search.o-textarea:-ms-input-placeholder {
    color: #000;
}
.o-input.-search::placeholder, .-search.o-select::placeholder, .-search.o-textarea::placeholder {
    color: #000;
}
.-mobile .o-input.-search, .-mobile .-search.o-select, .-mobile .-search.o-textarea {
    font-size: 26px;
    padding: 0;
}
.o-input.-search.-light, .-search.-light.o-select, .-search.-light.o-textarea {
    color: #1e1e22;
}
.o-input.-search.-light::-webkit-input-placeholder, .-search.-light.o-select::-webkit-input-placeholder, .-search.-light.o-textarea::-webkit-input-placeholder {
    color: #b3b3b3;
}
.o-input.-search.-light:-ms-input-placeholder, .-search.-light.o-select:-ms-input-placeholder, .-search.-light.o-textarea:-ms-input-placeholder {
    color: #b3b3b3;
}
.o-input.-search.-light::placeholder, .-search.-light.o-select::placeholder, .-search.-light.o-textarea::placeholder {
    color: #b3b3b3;
}
.o-input.has-error, .has-error.o-select, .has-error.o-textarea {
    border-color: #cc3d3d;
}
.o-input:focus, .o-select:focus, .o-textarea:focus {
    outline: none;
}
.o-input-line {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    border-bottom: 1px solid #1e1e22;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    transition: -webkit-transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transform-origin: center left;
    -ms-transform-origin: center left;
    transform-origin: center left;
}
.o-input:focus ~ .o-input-line, .o-select:focus ~ .o-input-line, .o-textarea:focus ~ .o-input-line {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
}
.o-input-lines::before, .o-input-lines::after {
    content: "";
    position: absolute;
    bottom: 0;
    border-right: 1px solid #b3b3b3;
    height: 0.375rem;
    transition: border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.o-input.has-error ~ .o-input-lines::before, .has-error.o-select ~ .o-input-lines::before, .has-error.o-textarea ~ .o-input-lines::before, .o-input.has-error ~ .o-input-lines::after, .has-error.o-select ~ .o-input-lines::after, .has-error.o-textarea ~ .o-input-lines::after {
    border-color: #cc3d3d;
}
.o-input-lines::before {
    left: 0;
    transition-delay: 0.3s;
}
.o-input-lines::after {
    right: 0;
}
.o-input:focus ~ .o-input-lines::before, .o-select:focus ~ .o-input-lines::before, .o-textarea:focus ~ .o-input-lines::before, .o-input:focus ~ .o-input-lines::after, .o-select:focus ~ .o-input-lines::after, .o-textarea:focus ~ .o-input-lines::after {
    border-color: #1e1e22;
}
.o-input:focus ~ .o-input-lines::before, .o-select:focus ~ .o-input-lines::before, .o-textarea:focus ~ .o-input-lines::before {
    transition-delay: 0s;
}
.o-input:focus ~ .o-input-lines::after, .o-select:focus ~ .o-input-lines::after, .o-textarea:focus ~ .o-input-lines::after {
    transition-delay: 0.3s;
}
.o-checkbox, .o-radio {
    position: absolute;
    width: 0;
    opacity: 0;
}
.o-checkbox:checked + .o-checkbox-label::after, .o-radio:checked + .o-checkbox-label::after, .o-checkbox:checked + .o-radio-label::after, .o-radio:checked + .o-radio-label::after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.o-checkbox-label, .o-radio-label {
    position: relative;
    display: inline-block;
    margin-right: 0.5em;
    line-height: 1.4;
    margin-right: 4.0625rem;
    cursor: pointer;
    padding-top: 0.125rem;
}
@media (max-width: 699px) {
    .o-checkbox-label, .o-radio-label {
        font-size: 12px;
        padding-left: 27px;
   }
}
@media (min-width: 700px) {
    .o-checkbox-label, .o-radio-label {
        font-size: 0.875rem;
        padding-left: 1.1875rem;
   }
}
.o-checkbox-label.-uppsercase, .-uppsercase.o-radio-label {
    text-transform: uppercase;
}
.o-checkbox-label::before, .o-radio-label::before, .o-checkbox-label::after, .o-radio-label::after {
    position: absolute;
    top: 50%;
    left: 0;
    display: inline-block;
    padding: 0;
    content: "";
    border: 1px solid;
    transition: border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (max-width: 699px) {
    .o-checkbox-label::before, .o-radio-label::before, .o-checkbox-label::after, .o-radio-label::after {
        width: 12px;
        height: 12px;
        margin-top: -6px;
   }
}
@media (min-width: 700px) {
    .o-checkbox-label::before, .o-radio-label::before, .o-checkbox-label::after, .o-radio-label::after {
        margin-top: -0.28125rem;
        width: 0.5625rem;
        height: 0.5625rem;
   }
}
.o-checkbox-label::after, .o-radio-label::after {
    width: 0;
    height: 0;
    border-style: solid;
    border-color: #1e1e22 transparent transparent transparent;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    transition: -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (max-width: 699px) {
    .o-checkbox-label::after, .o-radio-label::after {
        border-width: 12px 12px 0 0;
   }
}
@media (min-width: 700px) {
    .o-checkbox-label::after, .o-radio-label::after {
        border-width: 0.5625rem 0.5625rem 0 0;
   }
}
.o-checkbox-label.has-error::before, .has-error.o-radio-label::before {
    border-color: #cc3d3d;
}
.o-checkbox-label_text {
    display: inline-block;
    transition: -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.o-checkbox-label:hover .o-checkbox-label_text, .o-radio-label:hover .o-checkbox-label_text {
    -webkit-transform: translateX(0.3125rem);
    -ms-transform: translateX(0.3125rem);
    transform: translateX(0.3125rem);
}
.o-radio-label::before, .o-radio-label::after {
    border-radius: 50%;
    width: 12px;
    height: 12px;
}
.o-radio-label::after {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20enable-background%3D%22new%200%200%2013%2013%22%20xml%3Aspace%3D%22preserve%22%3E%3Ccircle%20fill%3D%22%23424242%22%20cx%3D%226.5%22%20cy%3D%226.5%22%20r%3D%226.5%22%2F%3E%3C%2Fsvg%3E");
    background-size: 6px;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    transition: -webkit-transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);
    border: none;
}
.o-radio:checked + .o-radio-label::after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.o-select {
    position: relative;
    z-index: 1;
    padding-right: 2.5rem;
}
.o-select:focus {
    border-bottom-color: #1e1e22;
}
.o-select-wrap {
    position: relative;
}
.o-select-wrap::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    width: 2.5rem;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2213%22%20height%3D%2211.3%22%20viewBox%3D%220%200%2013%2011.3%22%20enable-background%3D%22new%200%200%2013%2011.3%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%23b3b3b3%22%20points%3D%226.5%2011.3%203.3%205.6%200%200%206.5%200%2013%200%209.8%205.6%20%22%2F%3E%3C%2Fsvg%3E");
    background-position: center;
    background-size: 10px;
    background-repeat: no-repeat;
    content: "";
    pointer-events: none;
}
.o-textarea-wrap {
    position: relative;
}
.o-textarea {
    min-height: 9.375rem;
}
.o-button {
    position: relative;
    display: inline-block;
    text-align: center;
    border: 1px solid #1e1e22;
    white-space: nowrap;
    font-size: 0;
    transition: background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), color 0.45s cubic-bezier(0.4, 0, 0.2, 1) 0.075s;
}
.o-button:before {
    display: inline-block;
    height: 100%;
    content: "";
    vertical-align: middle;
}
.o-button > * {
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    font-size: 1rem;
}
@media (max-width: 699px) {
    .o-button {
        height: 60px;
        padding: 0 20px;
   }
}
@media (min-width: 700px) {
    .o-button {
        height: 3.75rem;
        padding: 0 1.875rem;
   }
}
.o-button::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #1e1e22;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: center left;
    -ms-transform-origin: center left;
    transform-origin: center left;
    transition: -webkit-transform 0.45s cubic-bezier(0.4, 0, 0.2, 1) 0.075s;
    transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1) 0.075s;
    transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1) 0.075s, -webkit-transform 0.45s cubic-bezier(0.4, 0, 0.2, 1) 0.075s;
}
.o-button:hover {
    color: #fff;
    transition-delay: 0s;
}
.o-button:hover::after {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    transition-delay: 0s;
}
@media (min-width: 1200px) {
    .o-button.-anim {
        border-color: transparent;
   }
}
.o-button.-left::after {
    -webkit-transform-origin: center right;
    -ms-transform-origin: center right;
    transform-origin: center right;
}
.o-button.-white {
    border-color: #fff;
}
.o-button.-white::after {
    background-color: #fff;
}
.o-button.-white:hover {
    color: #000;
}
@media (max-width: 699px) {
    .o-button.-width {
        width: 100%;
   }
}
@media (min-width: 700px) {
    .o-button.-width {
        width: 15rem;
   }
}
.o-button.-form {
    width: 11.25rem;
}
.o-button.-form:focus {
    color: #fff;
    transition-delay: 0s;
}
.o-button.-form:focus::after {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    transition-delay: 0s;
}
.o-button.-square {
    padding: 0;
}
@media (max-width: 699px) {
    .o-button.-square {
        width: 60px;
   }
}
@media (min-width: 700px) {
    .o-button.-square {
        width: 3.75rem;
   }
}
.o-button-group .o-button + .o-button {
    border-left: none;
}
@media (max-width: 699px) {
    .o-button.-padding {
        padding: 1.25rem;
   }
}
@media (min-width: 700px) {
    .o-button.-padding {
        padding: 1.25rem 2.5rem;
   }
}
.o-button_label {
    display: inline-block;
    position: relative;
    transition: -webkit-transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    line-height: 1.4;
    z-index: 2;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-weight: 500;
    font-size: 0.75rem;
}
.o-button:hover .o-button_label {
    -webkit-transform: translateX(0.5rem);
    -ms-transform: translateX(0.5rem);
    transform: translateX(0.5rem);
    transition-delay: 0.075s;
}
.o-button.-left:hover .o-button_label {
    -webkit-transform: translateX(-0.5rem);
    -ms-transform: translateX(-0.5rem);
    transform: translateX(-0.5rem);
}
.o-button.-square:hover .o-button_label {
    -webkit-transform: translateX(0.375rem);
    -ms-transform: translateX(0.375rem);
    transform: translateX(0.375rem);
}
.o-button.-left.-square:hover .o-button_label {
    -webkit-transform: translateX(-0.375rem);
    -ms-transform: translateX(-0.375rem);
    transform: translateX(-0.375rem);
}
.o-button-group {
    margin-left: 0;
    letter-spacing: normal;
    font-size: 0;
}
.o-button_icon {
    position: relative;
    width: 1.1875rem;
    height: 1.1875rem;
    fill: #1e1e22;
    transition: fill 0.45s cubic-bezier(0.4, 0, 0.2, 1) 0.075s;
}
.o-button.-white .o-button_icon {
    fill: #fff;
}
.o-button:hover .o-button_icon {
    fill: #f6f6f6;
    transition-delay: 0s;
}
.o-button.-white:hover .o-button_icon {
    fill: #1e1e22;
}
.o-button_line::before, .o-button_line::after {
    content: "";
    position: absolute;
    background-color: #1e1e22;
}
.is-mobile .o-button_line::before, .is-mobile .o-button_line::after {
    display: none;
}
.o-button_line::before {
    width: 1px;
    top: 0;
    bottom: 0;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    transition: -webkit-transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
.o-button_line::after {
    height: 1px;
    right: 0;
    left: 0;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    transition: -webkit-transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}
.o-button_line:first-of-type::before {
    left: 0;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
}
.o-button_line:first-of-type::after {
    top: 0;
    -webkit-transform-origin: center left;
    -ms-transform-origin: center left;
    transform-origin: center left;
}
.o-button_line:last-of-type::before {
    right: 0;
    -webkit-transform-origin: center top;
    -ms-transform-origin: center top;
    transform-origin: center top;
}
.o-button_line:last-of-type::after {
    bottom: 0;
    -webkit-transform-origin: center right;
    -ms-transform-origin: center right;
    transform-origin: center right;
}
.o-button.is-inview .o-button_line::before {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
}
.o-button.is-inview .o-button_line::after {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
}
.o-button.is-inview .o-button_line:first-of-type::before {
    transition-delay: 1.15s;
}
.o-button.is-inview .o-button_line:first-of-type::after {
    transition-delay: 0.1s;
}
.o-button.is-inview .o-button_line:last-of-type::before {
    transition-delay: 0.55s;
}
.o-button.is-inview .o-button_line:last-of-type::after {
    transition-delay: 0.7s;
}
.c-header-home_footer {
    z-index: 3;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
}
.c-header-home_controls, .c-header-home_buttons {
    margin-left: 0;
    letter-spacing: normal;
    font-size: 0;
    transition: -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}
@media (max-width: 699px) {
    .c-header-home_controls, .c-header-home_buttons {
        padding-bottom: 40px;
   }
}
@media (min-width: 700px) {
    .c-header-home_controls, .c-header-home_buttons {
        padding-bottom: 5.625rem;
   }
}
@media (min-width: 700px) and (max-width: 749px) {
    .c-header-home_controls, .c-header-home_buttons {
        padding-bottom: 3.75rem;
   }
}
.is-loaded .c-header-home_controls, .is-loaded .c-header-home_buttons {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
body[data-route-option="prev-section"] .c-header-home_controls, body[data-route-option="prev-section"] .c-header-home_buttons, body[data-route-option="next-section"] .c-header-home_controls, body[data-route-option="next-section"] .c-header-home_buttons {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.c-header-home_controls {
    transition-delay: 0.65s;
}
@media (min-width: 700px) {
    .c-header-home_controls {
        float: left;
   }
}
.c-header-home_buttons {
    transition-delay: 0.75s;
}
@media (max-width: 699px) {
    .c-header-home_buttons {
        margin-left: -20px;
        margin-right: -20px;
   }
}
@media (min-width: 1000px) {
    .c-header-home_buttons {
        float: right;
   }
}
@media (max-width: 699px) {
    .c-header-home_button {
        width: 50% !important;
   }
}
@media (min-width: 700px) {
    .c-header-home_button {
        width: 15.625rem;
   }
}


.banner-section{
    height: 100vh;
    position: relative;
}
.banner-section video {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
 }
/* .home .header .main-navigation{position: relative; z-index: 999999999;} */
.home .header {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
} 
/* #full-video:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    background: linear-gradient(to right, rgb(2 0 8 / 51%), rgb(0 0 0 / 66%));
} */

#full-video:after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    background: #151515;
    z-index: 1;
    opacity: 0.5;
}
.banner-content {
    position: absolute;
    top: 42%;
    /* left: 38%; abbc3b*/
/*     transform: translateY(-48%); */
    width: 100%;
    z-index: 9999;
}
.banner-content h1 {font-size: 46px;color:#fff;margin-bottom: 15px;}
.banner-content h4 {font-size: 38px;color:#FFCB08;font-family: "EB Garamond", serif;font-style: italic;}


.home .sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999;
    background: #00000078;
    backdrop-filter: blur(5px);
    border-bottom: 1px solid;
}

/*======================== footer =================================*/
.footer-bg{/*background: #281775;*/ padding: 100px 0 0 0;position: relative;} 
.copyright{padding: 13px;background: #000;}
.footer-info{padding: 40px 0 25px 0;}
.footerinfo{padding: 50px 0 7px 0;}
.fodec {color: #fff;font-size: 15px;}
.footer-info h5{
    font-size: 21px;
    font-weight: 600;
    color: #0aa7ba;
    padding-bottom: 20px;
    position: relative;
    font-family: "Inter", sans-serif;
}
.footer-info ul li a{
    font-size: 16px;
    color: #fff;
    text-decoration: none;
}
.footer-info ul li{padding-bottom: 5px;}
.footer-info ul li a:hover{color: #68D456;transition: all 0.4s ease 0s;}
.information a {color: #fff;font-size: 16px;text-decoration: none;}
.information p {color: #fff;font-size: 17px;}
.copyright p a{color: #fff;text-decoration: none;}
.copyright p{color: #fff;font-size: 15px;}
.social-media a svg {font-size: 28px;color: #fff;}
.social-media a {padding: 5px;margin-right: 10px;}
.footer-info .inp {
    font-size: 18px;
    color: #fff;
    margin-bottom: 22px;
    font-family: myFirstFont;
}
.pamnt-icon {display: flex;justify-content: end;}
.rigsec {transform: translateX(45px);}
.bottomfo{display: flex;justify-content: end;}
.information{margin-bottom: 10px;}
.information .ftr-con h6{color: #ef8640;font-size: 18px;}
.information .ftr-con p{font-size: 15px;color: #fff;}
.footer-info .soclial-link {padding: 5px;}
.other-lonk ul li a{color: #fff;transition: all 0.4s ease 0s;}
.other-lonk ul li a:hover{color: #68D456;transition: all 0.4s ease 0s;}
.footer-info .menuitem li::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1.2em' height='1.2em' viewBox='0 0 24 24'%3E%3Cpath fill='%23dfa4f8' d='m16 12l-6 6V6z'/%3E%3C/svg%3E");
    position: relative;
    top: 4px;
}
.partner-nam .text1 span {color: #FFCB08;}
.text1 {
    font-size: 35px;
    color: #0aa7ba;
    font-weight: 700;
    /* letter-spacing: 8px; */
    margin-bottom: 20px;
    position: relative;
    animation-name: text;
    animation-duration: 4s;
    animation-iteration-count: infinite;
}
  @keyframes text {
    0% {letter-spacing: 2px;}
    30% {letter-spacing: 4px;}
    85% {letter-spacing: 7px;}
    100% {letter-spacing: 2px;}
}
.footer-info h5::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 3px;
    background-color: #ffcb08c2;
    width: 80px;
    height: 2px;
    box-sizing: border-box;
}
.footer-info h5::after {
    content: '';
    position: absolute;
    left: 23px;
    bottom: 3px;
    width: 35px;
    height: 2px;
    box-sizing: border-box;
    border: 1px solid #f58345;
}
.soclial-link{padding-right: 10px;}
.footerinfo h6,h5 {
    font-size: 18px;
    color: #0aa7ba;
    margin-bottom: 12px;
    font-family: myFirstFont;
}
.footerinfo h5 {color: #FFCB08;}
.hours{color: #fff;font-size: 17px;padding-top: 18px;}
.plicy-menu ul{display: flex;}
.plicy-menu ul li a{color: #fff;padding-right: 15px;text-decoration: none;transition: all 0.4s ease 0s;font-size: 14px;}
.plicy-menu ul li a:hover{color: #68D456;transition: all 0.4s ease 0s;}
.msg-iconfb {
    position: absolute;
    top: 0;
}

/*======================== Technology We Use ======================================*/
.techlogly {
    border: 1px solid;
    border-radius: 50px 50px 50px 50px;
    padding: 30px;
    margin-bottom: 23px;
}
.techlogly h5 {
    color: #000;
    font-weight: 900;
    padding-top: 15px;
    margin-bottom: 0;
}
.usehed p{width: 65%;margin: 0 auto;}
.usehed h2{color: #FFCB08;font-size: 40px;}
.usehed h2 span{color: #0AA7BA;}
.tech-btn a {
    background: #FFCB08;
    padding: 15px 20px;
    text-decoration: none;
    color: #000;
    font-weight: 500;
    border-radius: 5px;
    transition: all .5s ease-in-out;
}
.tech-btn a:hover {
    background: #68D456;
    transition: all .5s ease-in-out;
}
.page-template-technologies .concept-box {height: 230px;}
.page-template-technologies .techd{width:60%;margin:0 auto;}

/*=============================== service =============================*/
.concept-section{position: relative;}
.concept-box{
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    padding: 25px;
/* 	height: 305px; */
	height: 100%;
}
.hedcon h2{color: #000;font-size: 36px;}
.hedcon h6 {font-size: 19px;color: #0AA7BA;}
.concept-box h3{
    color: #000;
    font-size: 20px;
    padding-top: 20px;
    font-family: myFirstFont;
}
.shave-icon{
    position: absolute;
    top: -160px;
    right: 0;
}

/*================================= markiting =================================*/
.markiting-section{padding: 30px 0 70px 0;}
.markitingimg-wrp{position: relative;}
.markitingimg-wrp .marfirtd {
    position: absolute;
    right: -123px;
    width: 100%;
    height: 500px;
    object-fit: cover;
}
.mar-sec-img img {
    position: absolute;
    top: 85px;
    width: 100%;
    height: 525px;
    object-fit: cover;
}
.markitingimg-wrp .light-bulb {
    position: absolute;
    top: -45px;
	left: -12px;
}
.markiring-point{margin-bottom: 20px;}
.markiting-con-wrp h6 {font-size: 19px;color: #0AA7BA;}
.markiting-con-wrp h2 {color: #000;font-size: 36px;}
.makti-con{padding-left: 15px;}
.makti-con h4 {font-size: 22px;color: #000;font-family: myFirstFont;}

.market-content{text-align: right;margin-bottom: 30px;}
.rtex{text-align: left !important;}
.market-content h4 {
    font-size: 23px;
    color: #0AA7BA;
    font-family: myFirstFont;
}
.markiting-long-con{position: relative;}
.markiting-long-con .center-shav {
    position: absolute;
    top: -50px;
    width: 60%;
    left: 21%;
}

/*====================== Our Companies Hierarchy ============================*/
.hierarchy-box{box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.hierarchy-content {padding: 20px;}
.hierarchy-content h3 a{
    color: #0AA7BA;
    text-decoration: none;
    font-size: 23px;
}
.hierarchy-img a img {
    width: 100%;
    height: 240px;
    object-fit: cover;
	transition: all .5s ease-in-out;
}
.page-template-service .hierarchy-box {margin-bottom: 25px;}

.hierarchy-img {
    overflow: hidden !important;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.hierarchy-img a img:hover{transform: scale(1.2);}

/*======================= single service ===================*/
.other-service{
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
	padding: 32px;
}
.serv-list li a {
    font-size: 18px;
    padding: 10px 25px;
    display: block;
    background: #0aa7ba;
	color: #fff;
    margin-bottom: 10px;
    font-weight: 600;
	border-radius: 5px;
	text-decoration: none;
    transition: all 0.6s ease-in-out;
}
.serv-list li a:hover {background: #68D456;color:#fff;transition: all 0.3s ease-in;}
.other-service h4 {
    color: #000;
    font-size: 22px;
    font-weight: 600;
    line-height: 27px;
}
.single-service-img img {
    width: 100%;
    height: 418px;
    object-fit: cover;
}
/* .singelcpm p{color: #7A736A;} */
.singelcpm h4 {
    color: #0AA7BA;
    font-weight: 600;
	font-size: 22px;
}
.singelcpm ul{column-count: 0 !important;}
.singelcpm ul li::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2em' height='2em' viewBox='0 0 24 24'%3E%3Cpath fill='%230AA7BA' d='M10.5 15.808V8.192L14.308 12z'/%3E%3C/svg%3E");
    position: relative;
    top: 11px;
}



/*================================== portfolio ============================================*/
.portfolio{position: relative;overflow: hidden;height: 330px;}
.portfolio .Portfolio-img {
    position: absolute;
    right: 0;
    top: 0;
}
.portfolio-content h3 {color: #0AA7BA;font-family: myFirstFont;font-size: 27px;margin-bottom: 15px;}
.portfolio-content p{width: 55%;margin-bottom: 15px;}
.portfolio-content .tech-btn a{background: #FFCB08;color: #fff;}
.portfolio-content .tech-btn a:hover{background: #0AA7BA;}

#counter,
#counter1,
#counter2,
#counter3{
    position: absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 9;
}
#circle1{
    height: 165px;
    width: 165px;
/*     background-color:white; */
    border-radius: 50%;
    /* position: absolute; */
    top:50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 1;
}
#shadowring{
    height: 165px;
    width: 165px;
    border-radius: 50%;
    box-shadow: 0 0 3px rgba(0,0,0,.5);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 99;
}
#circle2{
    height: 196px;
    width: 196px;
    background-color:#EEEEEE;
    border-radius: 50%;
    position: absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: -1;
}
.progress-bar-wrapper{position: relative;}
.company-portfolio .bar-hed{color: #000;text-align: center;font-size: 20px;font-family: myFirstFont;}


/*================================= brands =================================*/
.brand-img-wrp ul{display: flex;}
.brand-img-wrp ul li .brand-img{margin-right: 10px;}

/* .query-img img {
    width: 100%;
    height: 553px;
    object-fit: cover;
} */

.query-img {
    background-image: url(https://proclivitydigitech.com/wp-content/uploads/2024/11/telecaller.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-position-x: 18%;
    background-size: cover;
    position: absolute;
    /* left: 0; */
    top: 56px;
    height: 91%;
    width: 41%;
    /* bottom: -15px; */
}


.projectImg {
    background: #80808014;
    padding: 25px;
    border-radius: 15px;
	margin-bottom: 20px;
}



/*============================= markiting Action  =====================================*/
.anylish-content h6 {font-size: 19px;color: #0AA7BA;}
.anylish-content h2 {color: #000;font-size: 34px;padding-bottom: 10px;}
.anylish-content h4{color: #FFCD29;font-size: 20px;padding-top: 30px;font-family: myFirstFont;}
.incontebnt {padding-left: 10px;padding-top: 4px;}
.incontebnt h6{font-family: myFirstFont;color: #000;}
.incontebnt span{color: #000;}
.score-bord{margin-right: 25px;}

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

/*============================== request a query ==============================*/
/* .query-section {background: #F5F5F5;} */
.query-form h4{color: #0AA7BA;font-size: 35px;}
.query-form h4 span{color: #FFCD29;}
.query-form {background: #dddddd;padding: 30px;}
.query-form input[type="text"]::placeholder{color: #0AA7BA;}
.query-form input[type="email"]::placeholder{color: #0AA7BA;}
.query-form input[type="tel"]::placeholder{color: #0AA7BA;}
.query-form input[type="text"],input[type="tel"],input[type="email"] {
    width: 100%;
    padding: 8px;
    border: none;
    outline: none;
    border-bottom: 1px solid #fff;
	background: transparent;
}
.query-form textarea {
    width: 100%;
	height: 120px;
    padding: 8px;
    border: none;
    outline: none;
    border-bottom: 1px solid #fff;
	background: transparent;
}
.query-form textarea::placeholder{color: #0AA7BA;}
.query-form input[type="submit"] {
    background: #0AA7BA;
    border: none;
    outline: none;
    padding: 10px 30px;
    border-radius: 5px;
    color: #fff;
	transition: all .5s ease-in-out;
}
.query-form input[type="submit"]:hover {
    background: #68D456;
    transition: all .5s ease-in-out;
}

/*=========================== about us =======================================*/
.about-content h6 {font-size: 19px;color: #0AA7BA;}
.about-content h2 {color: #000;font-size: 32px;}
.about-image img {
    width: 100%;
    height: 575px;
    object-fit: cover;
}

.why-box{
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
	padding: 20px;
	margin-bottom: 20px;
	height: 190px;
}

/*============================= industries =======================================*/
.industrie-content h2 {color: #FFCB08;font-size: 40px;}
.industrie-content h2 span {color: #0AA7BA;}
.industrie-point ul li::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1.2em' height='1.2em' viewBox='0 0 24 24'%3E%3Cpath fill='%23dfa4f8' d='m16 12l-6 6V6z'/%3E%3C/svg%3E");
    position: relative;
    top: 4px;
}
.industrie-point ul{column-count: 2;}
.industrie-point ul li{color: #000;font-weight: 500;}

.industrie-img img{animation: imgslide 1.8s linear infinite alternate;}
@keyframes imgslide {
    0% {transform: translateX(10px);}
    50% {transform: translateX(50px);}
    100% {transform: translateX(100px);}
}

/*================================= blog =====================================*/
.blog-card{
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	border-radius: 0 0 6px 6px;
	position: relative;
	height: 525px;
	margin-bottom: 20px;
}
.blog-con {padding: 20px 20px 30px 20px;}
.blog-con a{text-decoration: none;}
.blog-con a h3 {
    font-size: 21px;
    font-weight: 600;
    color: #0AA7BA;
	margin-top: 19px;
}
.blog-con .more-btn a {
    background: #FFCB08;
    padding: 7px 13px;
    color: #fff;
    border-radius: 6px;
/* 	border: 1px solid #9747FF; */
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.blog-con .more-btn a:hover {
/*    color: #DFA4F8; */
    background: #0AA7BA;
/* 	border: 1px solid #DFA4F8; */
}
.blog-img a img {
    width: 100%;
    height: 250px;
    object-fit: cover;
	 -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.blog-img {
    overflow: hidden !important;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.blog-img a img:hover{transform: scale(1.2);}
.publish-dat {
    position: absolute;
    top: 230px;
    left: 22px;
    background: #9747ff96;
    color: #fff;
    padding: 5px 18px;
    border-radius: 5px;
    z-index: 9999;
}


/*================== blog comment form =================*/
.comment-form-comment {display: grid;}
.comment-form-author{display: grid;}
.comment-form-email{display: grid;}
.comment-form-url{display: grid;}
.blog-comment-form {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    padding: 35px;
}
.blog-comment-form .comment-form input[type="text"], input[type="url"], input[type="email"] {
    width: 100%;
    padding: 8px;
    border: none;
    outline: none;
    border-bottom: 1px solid #000;
    background: transparent;
}
.blog-comment-form .comment-form input[type="email"]{border-bottom: 1px solid #000 !important;}
.blog-comment-form .comment-form textarea {
    width: 100%;
	height: 95px;
    padding: 8px;
    border: none;
    outline: none;
    border-bottom: 1px solid #000;
    background: transparent;
}
.blog-comment-form .comment-form input[type="submit"] {
    background: #68D456;
    border: none;
    outline: none;
    padding: 10px 30px;
    border-radius: 5px;
    color: #fff;
    transition: all .5s ease-in-out;
}
.blog-comment-form .comment-respond .comment-form .required{color: red;}

/*=========================== single blog ================================*/
.single-contebt h4 {
    color: #0AA7BA;
    font-weight: 600;
	font-size: 22px;
}
.single-post-img img {
    width: 100%;
    height: 450px;
    object-fit: cover;
}
.single-post-img{position: relative;}
.pudlish-date {
    position: absolute;
    bottom: -24px;
    left: 25px;
    background: #0AA7BA;
	color: #000;
    padding: 10px 26px;
    border-radius: 5px;
}
.single-contebt ul{margin-bottom: 20px;}
.single-contebt ul li::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1.2em' height='1.2em' viewBox='0 0 24 24'%3E%3Cpath fill='%23dfa4f8' d='m16 12l-6 6V6z'/%3E%3C/svg%3E");
    position: relative;
    top: 4px;
}

/*================================== Portfolio =======================================*/
.gallery .filter-button-group{
	list-style: none;
}
@media screen and (max-width:768px){
	.gallery .filter-button-group{
		width: unset;
	}
}
 .gallery .filter-button-group li {
position: relative;
	  border: 2px solid #FFCB08;
     color: #222;
     padding: 8px 15px;
	 margin-right: 10px;
     cursor: pointer;
     font-weight: 700;
     font-size: 16px;
     text-transform: capitalize;
     transition: all .5s ease-in-out;
     -webkit-transition: all .5s ease-in-out;
     -moz-transition: all .5s ease-in-out;
     -ms-transition: all .5s ease-in-out;
     -o-transition: all .5s ease-in-out;
}
@media screen and (max-width:768px){
	.gallery .filter-button-group li {
		padding: 8px 5px;
		display: inline-block;
		position: relative;
		margin-right: 5px;
		margin-bottom: 5px;
	}
}

.gallery .filter-button-group li.active, .gallery .filter-button-group li:hover {
    background: #FFCB08;
    color: #000;
	border: 2px solid #FFCB08;
}

 .gallery .gallery-img-wrapper {
     position: relative;
     overflow: hidden;
     transition: all .5s ease-in-out;
     -webkit-transition: all .5s ease-in-out;
     -moz-transition: all .5s ease-in-out;
     -ms-transition: all .5s ease-in-out;
     -o-transition: all .5s ease-in-out;
 }
.gallery .gallery-img-wrapper img{
	width: 100%;
	height: 370px;
	object-fit: cover;
}
.gallery .overlay-box{
    position: absolute;
    left: 18px;
    top: 18px;
    right: 18px;
    bottom: 18px;
    opacity: 0;
    color: #ffffff;
    text-align: center;
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    -moz-transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
 }
 .gallery .overlay-box:before{
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    opacity: 0.90;
    outline: 2px solid #ffffff;
    outline-offset: -20px;
    background-image: -ms-linear-gradient(bottom, #FFCB08 0%, #febe09 100%);
    background-image: -moz-linear-gradient(bottom, #FFCB08 0%, #febe09 100%);
    background-image: -o-linear-gradient(bottom, #FFCB08 0%, #febe09 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FFCB08), color-stop(100, #febe09));
    background-image: -webkit-linear-gradient(bottom, #FFCB08 0%, #febe09 100%);
    background-image: linear-gradient(to top, #FFCB08 0%, #febe09 100%);
}
 .gallery .overlay-box .overlay-inner{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: table;
    vertical-align: middle;
    padding: 10px 0px;
 }
 .gallery .gallery-img-wrapper:hover .overlay-box{
    opacity: 1;
    -moz-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
    visibility: visible;
 }
 .gallery .overlay-box .content{
    position: relative;
    display: table-cell;
    vertical-align: middle;
 }
 .gallery .overlay-box .content h6{
    color: #222;
    font-size: 18px;
    font-weight: 600;
 }
 .gallery .overlay-box .gallery-category{
    text-transform: capitalize;
 }


/*================================== career ======================================*/
.web-digital h2 {
/*     text-align: center; */
    text-transform: uppercase;
	padding-bottom: 10px;
	color: #FFCB08;
	line-height: 32px;
}
.web-digital h2 span{color: #0AA7BA;}
.shft-eam h2 span{color: #FFCB08;}
.web-digital p {
    color: #6bb942;
    font-weight: 600;
    font-size: 19px;
}
.corporatewrp h2{color:#000;padding-bottom: 20px;}
.shift-wrp h2{color:#000;padding-bottom: 20px;font-size: 25px;}
.overview-details h2{color:#000;padding-bottom: 20px;font-size: 25px;}
.corporatewrp h4 {color: #f58345;line-height: 31px;padding-bottom: 15px;}
.shift-wrp h4 {color: #f58345;line-height: 27px;padding-bottom: 15px;font-size: 17px;}
.corporatewrp h4 span{color: #f58345;font-weight: 600;}
.corporatewrp, .overview-details, .tell-call-sec p {color: #4a4a4a;}
.corporatewrp p span {color: #4a4a4a;font-weight: 600;}
.corporatewrp .apply-btn {display: inline-block;}
.shift-wrp .apply-btn {display: inline-block;}
.overview-details .apply-btn {display: inline-block;}
.shft-eam .apply-btn {display: inline-block;}
/* .countdown-wrp .apply-btn {display: inline-block;transform:translate(155%,30%);} */
/* .btn-wrapper .apply-btn {display: inline-block;transform: translateX(72%);} */
.corporatewrp .apply-btn a{color: #fff;}
.shift-wrp .apply-btn a{color: #fff;}
.shft-eam .apply-btn a{color: #fff;}
.countdown-wrp .apply-btn a{color: #fff;}
.btn-wrapper .apply-btn a{color: #fff;font-size:18px;}
.overview-details .apply-btn a{color: #fff;}
.page-template-career .google-map iframe{width: 100%;height: 280px;}
.shift-wrp p span {
    color: #000;
    font-weight: 600;
}
.shft-eam-img img {
    width: 100%;
    height: 485px;
    object-fit: cover;
}
.longhed  h2{width: 75%;margin: 0 auto;}
.shft-eam ul{list-style: none;}
.shft-eam h2 {text-transform: uppercase;padding-bottom: 10px;color: #0AA7BA;}
.countdowns ul li {
    padding-right: 30px;
    list-style: none;
    display: grid;
    text-align: center;
}
.countdowns ul li {
    background: #ddd;
    font-size: 45px;
    padding: 25px 50px;
    font-weight: 500;
}
.countdowns ul li .dhms {
    font-size: 18px;
    padding-top: 10px;
	color: #f58345;
}
.apply-btn a {
    background: #FFCB08;
    padding: 15px 20px;
    text-decoration: none;
    color: #000;
    font-weight: 500;
    border-radius: 5px;
    transition: all .5s ease-in-out;
}
.apply-btn a:hover {
    background: #68D456;
    transition: all .5s ease-in-out;
}


/*============================= contact us =======================================*/
.contact-wrp{box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;padding: 20px;}
.contact-form {background: #0AA7BA;padding: 35px;}
.contact-info {background: #68D456;padding: 25px 20px;}
.page-template-contact .contact-info .footer-info {padding: 18px 0 25px 0;}
.page-template-contact .bordd{border-bottom: 1px solid #fff;}
.contact-form h3 {
    color: #fff;
    font-size: 30px;
    text-transform: capitalize;
}
.cebnter-hed h4{font-size: 18px;}
.contact-info h3 {color: #fff;font-size: 26px;text-transform: capitalize;}
.google-map iframe{width: 100%;height: 450px;}
.contact-form input[type="text"],input[type="tel"],input[type="email"] {
    width: 100%;
    padding: 8px;
    border: none;
    outline: none;
    border-bottom: 1px solid #fff;
	background: transparent;
}
.contact-form textarea {
    width: 100%;
	height: 120px;
    padding: 8px;
    border: none;
    outline: none;
    border-bottom: 1px solid #fff;
	background: transparent;
}
.contact-form input[type="text"]::placeholder{color: #fff;}
.contact-form input[type="email"]::placeholder{color: #fff;}
.contact-form input[type="tel"]::placeholder{color: #fff;}
.contact-form textarea::placeholder{color: #fff;}
.contact-form input[type="submit"] {
    background: #68D456;
    border: none;
    outline: none;
    padding: 10px 30px;
    border-radius: 5px;
    color: #fff;
	transition: all .5s ease-in-out;
}
/* .contact-form input[type="submit"]:hover {
    background: #0AA7BA;
    transition: all .5s ease-in-out;
} */

/* .fancybox-inner .requset-form input[type="text"],input[type="tel"],input[type="email"] {
    width: 100%;
    padding: 8px;
    border: none;
    outline: none;
	border: 1px solid #68D456;
}
.fancybox-inner .requset-form textarea {
    width: 100%;
	height: 120px;
    padding: 8px;
    border: none;
    outline: none;
	border: 1px solid #68D456;
}
.fancybox-inner .requset-form input[type="submit"] {
    background: #68D456;
    border: none;
    outline: none;
    padding: 10px 30px;
    border-radius: 5px;
    color: #fff;
	transition: all .5s ease-in-out;
} */



.page-template-paypal .contact_form input[type="text"],input[type="email"],input[type="tel"],input[type="number"]{width: 100%;margin-bottom: 24px;padding:  10px; height: 50px;outline: none;border: 1px solid #dbdbdb;border-radius: 3px;font-size: 16px;font-weight: 400; background-color: #e9e9e9;}
.page-template-paypal .contact_form select{width: 100%;margin-bottom: 24px;padding:  10px; height: 50px;outline: none;border: 1px solid #dbdbdb;border-radius: 3px;font-size: 16px;font-weight: 400; background-color: #e9e9e9;}
.page-template-paypal .contact_form textarea{width: 100%;border: 1px solid #dbdbdb;border-radius: 3px;padding: 10px;height: 125px;margin-bottom: 20px;font-weight: 400; font-size: 16px;color: #7f7f7f;background-color: #e9e9e9;}
.page-template-paypal .contact_form label{font-size: 16px;font-weight: 500;color: rgb(31, 39, 50);padding: 15px 10px 12px;}
.page-template-paypal .contact_form label span{color:red;}
.contact_form input[type="submit"]{padding: 15px 60px;margin-left: 15px;background-color: #FFCB08;border-radius: 5px;margin-top: 45px;font-weight: 600;font-size: 15px;color: #000;text-transform: uppercase;transition: 0.5s;outline: none;border: none;}
.page-template-paypal .contact_form input[type="submit"]:hover{color: #fff;transition: 0.5s}
.page-template-paypal .contact_form input[type="text"]::placeholder{font-weight: 400; font-size: 16px;color: #7f7f7f;}


.page-template-stripe .contact_form input[type="text"],input[type="email"],input[type="tel"],input[type="number"]{width: 100%;margin-bottom: 24px;padding:  10px; height: 50px;outline: none;border: 1px solid #dbdbdb;border-radius: 3px;font-size: 16px;font-weight: 400; background-color: #e9e9e9;}
.page-template-stripe .contact_form select{width: 100%;margin-bottom: 24px;padding:  10px; height: 50px;outline: none;border: 1px solid #dbdbdb;border-radius: 3px;font-size: 16px;font-weight: 400; background-color: #e9e9e9;}
.page-template-stripe .contact_form textarea{width: 100%;border: 1px solid #dbdbdb;border-radius: 3px;padding: 10px;height: 125px;margin-bottom: 20px;font-weight: 400; font-size: 16px;color: #7f7f7f;background-color: #e9e9e9;}
.page-template-stripe .contact_form label{font-size: 16px;font-weight: 500;color: rgb(31, 39, 50);padding: 15px 10px 12px;}
.page-template-stripe .contact_form label span{color:red;}
.page-template-stripe .contact_form input[type="submit"]{padding: 15px 60px;margin-left: 15px;background-color: #FFCB08;border-radius: 5px;margin-top: 45px;font-weight: 600;font-size: 15px;color: #000;text-transform: uppercase;transition: 0.5s;outline: none;border: none;}
.page-template-stripe .contact_form input[type="submit"]:hover{color: #fff;transition: 0.5s}
.page-template-stripe .contact_form input[type="text"]::placeholder{font-weight: 400; font-size: 16px;color: #7f7f7f;}
 
.payment h3 {
    color: #000;
    font-size: 35px;
    text-align: center;
    padding-bottom: 20px;
}
.innerpage h2 {
    color: #000;
    font-size: 35px;
    text-align: center;
    padding-bottom: 20px;
}

.page-template-default .header{border-bottom: 2px solid;}
.page-template-contact .contact-form .wpcf7-email {
    width: 100%;
    padding: 8px;
    border: none;
    outline: none;
    border-bottom: 1px solid #fff !important;
    background: transparent !important;
}
.page-template-contact .contact-form .wpcf7-tel {
    width: 100%;
    padding: 8px;
    border: none;
    outline: none;
    border-bottom: 1px solid #fff !important;
    background: transparent !important;
}
.fancybox-inner .query-form .wpcf7-email {
    width: 100%;
    padding: 8px;
    border: none;
    outline: none;
    border-bottom: 1px solid #fff !important;
    background: transparent !important;
}
.fancybox-inner .query-form .wpcf7-tel {
    width: 100%;
    padding: 8px;
    border: none;
    outline: none;
    border-bottom: 1px solid #fff !important;
    background: transparent !important;
}

.makti-icon{width: 17%;}
.makti-icon img{
	width: 70px;
	height: 70px;
	object-fit: contain;
}
.countdowns ul{display: flex;justify-content:center;}
.anylish-iamge{padding-right: 20px;}

.theme-btns {
    position: relative;
    overflow: hidden;
    vertical-align: middle;
    font-size: 16px;
    line-height: 28px;
    font-weight: 600;
    text-align: center;
    padding: 12.5px 19px;
    text-transform: capitalize;
    color: #000 !important;
    background: #FFCB08;
    border-radius: 6px;
    z-index: 1;
    text-decoration: none;
    transition: all .5s ease;
}
.theme-btns:hover {
    box-shadow: inset 0 0 0 2em #68D456;
}
.page-template-blog .more-btna .theme-btns {font-size: 13px;padding: 11.5px 30px;}

.header-btn{display: flex;justify-content: end;}
.plicy-menu{display: flex;justify-content: start;}

/* Humburger */

.nav-icon {
    width: 25px;
    height: 25px;
    position: relative;
    /* margin: 50px auto; */
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

.nav-icon span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #FFCB08 !important;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.nav-icon span:nth-child(1) {
    top: 0px;
}

.nav-icon span:nth-child(2),
.nav-icon span:nth-child(3) {
    top: 8px;
}

.nav-icon span:nth-child(4) {
    top: 16px;
}

.nav-icon.open span:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%;
}

.nav-icon.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.nav-icon.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.nav-icon.open span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%;
}

header .navbar button {
    outline: none;
    box-shadow: none !important;
}

header .navbar .navbar-toggler {
    border: none !important;
}
/* end of Humburger */

.home .query-form .wpcf7-email {
    width: 100%;
    padding: 8px;
    border: none;
    outline: none;
    border-bottom: 1px solid #fff !important;
    background: transparent !important;
}
.home .query-form .wpcf7-tel {
    width: 100%;
    padding: 8px;
    border: none;
    outline: none;
    border-bottom: 1px solid #fff !important;
    background: transparent !important;
}

.paginationa .page-numbers {
    text-decoration: none;
    margin: 5px;
    color: #000;
    font-size: 18px;
    font-weight: 600;
}
.paginationa .current {
    color: #fff;
    background: #0AA7BA;
    padding: 5px;
    border-radius: 5px;
}
#open {
    /* Custom styling */
	max-width: 550px;
	padding: 10px 30px 30px 30px;
	border-radius: 4px;
    /* Custom transition - fade from top*/
	opacity: 0;
	transform: translateY(-50px);
	transition: all .3s;
}
.fancybox-slide--complete #open{
	opacity: 1;
	transform: translateY(0);
}
.page-id-173 .defult-page p{text-align:center;}
.defult-page h4 {
    color: #0AA7BA;
    font-weight: 600;
	font-size: 22px;
}
.defult-page h4 strong {
    color: #0AA7BA;
    font-weight: 600;
	font-size: 22px;
}
.defult-page ul{margin-bottom: 25px;}
.defult-page ul li::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2em' height='2em' viewBox='0 0 24 24'%3E%3Cpath fill='%230AA7BA' d='M10.5 15.808V8.192L14.308 12z'/%3E%3C/svg%3E");
    position: relative;
    top: 11px;
}
.not-found h3{margin-bottom: 25px;}
.error404  .header {border-bottom: 1px solid #0AA7BA;}
.query-form select {
    width: 100%;
    padding: 8px;
    border: none;
    outline: none;
    border-bottom: 1px solid #fff;
    background: transparent;
}
/* .cp h5{display: none;} */
.play-store .scaleAnimation{transition: all .5s;}
.play-store .scaleAnimation:hover {transform: scale(1.1);transition: all .5s;}
.award-img img {
    width: 100%;
    height: 85px;
    object-fit: contain;
}
.why-box img{width: 35%;}
.concept-box img{animation: about-icon-up-down 1.5s infinite alternate;}
.concept-box svg{animation: about-icon-up-down 1.5s infinite alternate;}
@keyframes about-icon-up-down {
	0% {transform: translateX(0px);}
	100% {transform: translateX(15px);}
}
.seebtn2{display: none;}
.seebtn1{display: block;}

#headers{display: none;}
.mobile-btn{display: none;}
.tellycall-img{display: none;}
.tellycall-img{margin-bottom: 20px;}
.tellycall-img img {
    width: 100%;
    height: 280px;
    object-fit: cover;
}
.cp{display: none;}
.footer-pay{display: none;}
.mbVideo{display: none;}

.degination h3 {color: #000;margin-bottom: 0;font-family: "Barlow Condensed", serif;font-size: 32px;}
.socialLink a {
    display: inline-block;
    width: 55px;
    height: 55px;
    line-height: 55px;
    background: #0aa7ba47;
    border-radius: 50px;
    text-align: center;
}
.deginationCon p{text-align: justify;}


/*================================ responsive ==========================================*/
@media only screen and (max-width: 768px) {
	.pcVideo{display: none;}
	.mbVideo{display: block;}
	.seebtn1{display: none;}
	.seebtn2{display: block;}
	.company-portfolio{display: none;}
	.slideshow__slide-caption-title {margin-bottom: 0;}
	.slideshow__slide-caption-text {padding-top: 24vh;}
/* 	.techlogly{width: 140px;} */
	.tech-btn a {font-size: 11px;}
	.hedcon h6 {font-size: 17px;}
	.hedcon h2 {font-size: 27px;}
	.concept-box {margin-bottom: 15px;}
	.markiting-con-wrp h6 {font-size: 17px;}
	.markiting-con-wrp h2 {font-size: 30px;}
	.makti-icon{width: 50%;}
	.markitingimg-wrp{display: none;}
	.markiting-con-wrp .tech-btn{text-align: center;}
	.market-content {text-align: left;}
	.marimage-img{margin-bottom: 30px;}
	.usehed h2 {font-size: 29px;}
	.usehed p {width: 100%;}
	.hierarchy-content {margin-bottom: 20px;}
	.hierarchy-section .tech-btn a {font-size: 16px;}
	.portfolio .Portfolio-img{display:none;}
	.portfolio-content p {width: 100%;}
	.portfolio {height: 100%;}
	.portfolio .tech-btn a {font-size: 16px;}
	.brand-img-wrp ul {display: block;}
	.brand-img-wrp ul li {display: flex;justify-content: center;align-items: center;}
	.anylish-content h2 {font-size: 30px;}
	.incontebnt h6 {font-size: 13px;}
	.query-form h4 {font-size: 25px;}
	.text1 {font-size: 30px;}
	.rigsec {transform: translateX(0);display: none;}
	.pamnt-icon{display: none;}
	.copyright p {font-size: 8px;display: flex;justify-content: center;}
	.plicy-menu ul {display: block;}
	.header-btn{padding-top: 25px;}
	.plicy-menu ul li::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1.2em' height='1.2em' viewBox='0 0 24 24'%3E%3Cpath fill='%23dfa4f8' d='m16 12l-6 6V6z'/%3E%3C/svg%3E");
    position: relative;
    top: 4px;
}
	.inner-banner h1 {font-size: 30px;}
	.footer-info {padding: 9px 0 12px 0;}
	.soclial-link-wrp{margin-bottom: 20px;}
	.msg-iconfb {top: 25px;}
	.brand-img-wrp ul li .brand-img {margin-bottom: 10px;}
	.about-content h2 {font-size: 26px;}
	.page-template-technologies .techd {width: 100%;}
	.page-template-technologies .concept-section .tech-btn a {font-size: 14px;}
	.page-template-technologies .industrie-content h2 {font-size: 33px;}
	.industrie-point ul {column-count: 1;}
	.industrie-img{margin-top: 10px;}
	.web-digital h2 {font-size: 20px;}
	.web-digital p {line-height: 26px;}
	.corporate-slidewrp{padding-top: 16px;}
	.shift-wrp h2 {font-size: 23px;}
	.call-user{padding-top: 16px;}
	.shft-eam{padding-top: 16px;}
	.shft-eam-img{padding-top: 16px;}
	.btn-wrapper{display: none;}
	.longhed  h2 {width: 100%;}
	.countdowns ul{display: block;justify-content:center;}
	.shft-eam h2 {font-size: 21px;}
	.countdowns ul li {padding: 10px 50px;}
	.contact-form h3 {font-size: 19px;}
	.contact-info {transform: translate(0px, 0px);}
	.contact-info h3 {font-size: 19px;}
	.contact-wrp {padding: 10px;}
	.theme-btns {font-size: 12px;}
	.slideshow__slide-caption-title {width: 100%;}
	.industrie-content h2 {font-size: 30px;}
	.industrie-point ul li {font-size: 17px;}
	@keyframes imgslide {
		0% {transform: translateX(5px);}
		50% {transform: translateX(20px);}
		100% {transform: translateX(0px);}
	}
	.not-found h3 {font-size: 17px;}
	.error404 .not-found {transform: translateY(50px);}
	.header-btn {display: flex;justify-content: center;}
	.center-shav{display:none;}
	.shave-icon {display:none;}
/* 	.cp h5{display: block;} */
	.singelcpm ul {column-count: 1;}
	.other-service {transform: translateY(40px);}
	.navbar-collapse {padding: 30px 20px;max-height: 330px;}
	.navbar-collapse #menu-header-menu li{margin-bottom: 5px;font-size: 17px;}
	.serv-list li a {font-size: 15px;}
	#menu-policy-menu li a{font-size: 18px;}
	
	/*=================== - =================*/
	.footer-pay{display:block;}
	.footer-pay{width: 50%;margin-top: 10px;}
	.mobno{display: none;}
	.cp{display: block;}
/* 	.mobile-menu-right{display: none;} */
	.tellycall-img{display: block;}
	.nav-icon span {left: -8px;}
/* 	.policy-wrp{display:none;} */
	.bottom-gap{margin-bottom: 50px;}
	#headers{display: block;}
	#headers .bottom-nav {
		 display: flex;
		 position: fixed;
		 bottom: 0;
		 left: 0;
		 right: 0;
		 padding: 0.8rem 0;
		 background-color: #556ee6;
		 z-index: 999999999999999999999999999;
		 will-change: transform;
		 transform: translateZ(0);
		 box-shadow: 0 -2px 3px -2px #556ee6;
	}
	 #headers .bottom-nav-item {
		 display: flex;
		 flex-direction: column;
		 flex-grow: 1;
		 justify-content: center;
		 text-align: center;
		 font-size: 0.8rem;
		 color: #ccc;
	}
	 #headers .bottom-nav-link {
		 display: flex;
		 flex-direction: column;
	}
	 #headers .bottom-nav .active a {color: #000 !important;}
	.offcanvas-header{margin-top: 100px;}
	.mobile-btn{display: block;}
	.mobile-btn .theme-btnes {
		background: #FFCD29;
		color: #000;
		font-weight: 600;
		padding: 10px 15px;
		text-decoration: none;
		border-radius: 6px;
		font-size: 8px;
	}
	.navbar-brand img {width: 145px;object-fit: contain !important;}
	.bottom-nav-item a{text-decoration: none;color: #fff;}
	.offcanvas-body #menu-mobile-menu li a {
		color: #000;
		font-size: 20px;
		font-weight: 600;
		text-decoration: none;
	}
	.offcanvas-body #menu-mobile-menu li.current_page_item a{color:#68D456;}
	.home .navbar {background-color: #000;}
	.banner-content {top: 35%;}
	.banner-content h4 {font-size: 32px;}
	.banner-content h1 {font-size: 37px;}
	.query-img{display: none;}
	.cebnter-hed h4 {font-size: 16px;}
	.offcanvas {z-index: 99999 !important;}
}



@media only screen and (min-width:768px) and (max-width:991px){
	footer .policy-wrp .theme-btns {font-size: 8px;}
	.technology .theme-btns {font-size: 13px;}
	.markiting-long-con{display: none;}
	.company-portfolio{display: none;}
	.Portfolio-img{display: none;}
	.rigsec {transform: translateX(0);}
	.plicy-menu ul li a {font-size: 8px;}
	.slideshow__slide-caption-title {width: 100%;}
	.slideshow__slide-caption-text p {width: 100%;}
	.portfolio-content p {width: 100%;}
	.anylish-content h2 {font-size: 30px;}
	.incontebnt h6 {font-size: 16px;}
	.query-form h4 {font-size: 26px;}
	.markiting-section .theme-btns {font-size: 14px;}
	.center-shav{display:none;}
	.shave-icon {display:none;}
/* 	.cp h5{display: block;} */
	.singelcpm ul {column-count: 1;}
	.other-service {transform: translateY(40px);}
	
	/*================== - =================*/
	#headers{display: none;}
	.mobile-menu-right{display: block;}
	.policy-wrp{display:block;}
	.rigsec {display: block;}
	.home .navbar {background-color: #000;}
/* 	.banner-content {top: 35%;}
	.banner-content h4 {font-size: 32px;}
	.banner-content h1 {font-size: 37px;} */
}
