@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@700&display=swap');

@font-face {

    font-family: 'Formular';

    src: url('../fonts/Formular-Light.eot');

    src: local('../fonts/Formular Light'), local('../fonts/Formular-Light'), url('../fonts/Formular-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Formular-Light.woff2') format('woff2'), url('../fonts/Formular-Light.woff') format('woff'), url('../fonts/Formular-Light.ttf') format('truetype');

    font-weight: 300;

    font-style: normal;

}



@font-face {

    font-family: 'Formular';

    src: url('../fonts/Formular.eot');

    src: local('../fonts/Formular'), url('../fonts/Formular.eot?#iefix') format('embedded-opentype'), url('../fonts/Formular.woff2') format('woff2'), url('../fonts/Formular.woff') format('woff'), url('../fonts/Formular.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'Formular';

    src: url('../fonts/Formular-Medium.eot');

    src: local('../fonts/Formular Medium'), local('Formular-Medium'), url('../fonts/Formular-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Formular-Medium.woff2') format('woff2'), url('../fonts/Formular-Medium.woff') format('woff'), url('../fonts/Formular-Medium.ttf') format('truetype');

    font-weight: 500;

    font-style: normal;

}



@font-face {

    font-family: 'Formular';

    src: url('../fonts/Formular-Bold.eot');

    src: local('../fonts/Formular Bold'), local('Formular-Bold'), url('../fonts/Formular-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Formular-Bold.woff2') format('woff2'), url('../fonts/Formular-Bold.woff') format('woff'), url('../fonts/Formular-Bold.ttf') format('truetype');

    font-weight: bold;

    font-style: normal;

}



html, body {

    font-family: 'Space Grotesk', sans-serif;

    padding: 0;

    margin: 0;

    width: 100%;

    position: relative;

    color: #231F20;

    scroll-behavior: smooth;

    /* overflow-x: hidden !important;

    overflow-y: auto !important; */

}

.modal{

    overflow: auto !important;

}



/*---- Comman stylesheet ----*/



a {

    text-decoration: none;

}



a:hover {

    text-decoration: none;

}



ul, li, p {

    margin: 0;

    padding: 0;

    list-style-type: none;

}



button, input, a, textarea, select {

    outline: 0 !important;

}



.section-padding {

    padding: 60px 0;

}



.section-padding-btm {

    padding-bottom: 50px;

}



/*---- Comman stylesheet ----*/



.title-anim, .title-special-anim {

    opacity: 0

}



.title-anim .word-inside, .title-special-anim .word-inside {

    -webkit-transition: -webkit-transform .7s;

    transition: -webkit-transform .7s;

    transition: transform .7s;

    transition: transform .7s, -webkit-transform .7s;

    -webkit-transform: translateY(120%);

    transform: translateY(120%);

    opacity: 0;

    /* white-space: pre */

}



.text-anim {

    opacity: 0;

    -webkit-transform: translateY(20%);

    transform: translateY(20%);

    -webkit-transition: opacity .5s .2s, -webkit-transform .7s .2s;

    transition: opacity .5s .2s, -webkit-transform .7s .2s;

    transition: transform .7s .2s, opacity .5s .2s;

    transition: transform .7s .2s, opacity .5s .2s, -webkit-transform .7s .2s

}



.aos-animate.title-anim, .aos-animate.title-special-anim, .overlay.open .title-anim {

    opacity: 1

}



.aos-animate.title-anim .word-inside, .aos-animate.title-special-anim .word-inside, .overlay.open .word-inside {

    -webkit-transition: -webkit-transform .7s;

    transition: -webkit-transform .7s;

    transition: transform .7s;

    transition: transform .7s, -webkit-transform .7s;

    opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0)

}



.title-anim.aos-animate, .overlay.open .title-anim {

    opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0)

}



/* .title-anim{

    overflow: auto;

} */



.title-anim span.word {

    display: block;

    /* overflow: hidden; */

    /* overflow:auto; */

    margin-bottom: -.2em;

    padding-bottom: .2em;

}



.title-anim .word-inside {

    display: inline-block;

    /* white-space: pre; */

}



/* loader */



#preloader {

    position: fixed;

    left: 0;

    top: 0;

    z-index: 9999999;

    width: 100%;

    height: 100%;

    overflow: visible;

    background: #fff url("../images/pre_loader.svg") no-repeat center center;

    color: #000;

}



/*---- Header stylesheet ----*/



header {

    position: fixed;

    width: 100%;

    left: 0;

    top: 0;

    z-index: 9998;

    transition: transform 0.4s;

}



header.header.header-inner {

    /* background: transparent; */

}



/* header.header.header-inner.sticky {

    top: -135px;

    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);

    background: #000000;

} */



.scroll-down .header {

    transform: translate3d(0, -100%, 0);

}



.scroll-up .header {

    transform: none;

}



.scroll-up:not(.menu-open) .header {

    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);

    background: #000000;

}



header .navbar {

    padding: 21px 30px;

}



header .navbar .navbar-brand img {

    width: 170px;

}



header .navbar .navbar-nav li a {

    font-size: 20px;

    font-weight: 400 !important;

    color: #ffffff !important;

    text-transform: capitalize;

    letter-spacing: 0.3px;

    display: block;

    width: 100%;

    overflow: hidden;

    position: relative;

}



header .navbar .navbar-nav li a::before {

    content: '';

    position: absolute;

    top: calc(100% - 5px);

    left: 0%;

    transform: scaleX(0);

    width: 100%;

    height: 3px;

    background: #f7931e;

    transition: all 0.3s cubic-bezier(0.29, 0.19, 0.405, 1) 0s;

    transform-origin: 50% center;

}



header .navbar .navbar-nav li a:hover::before, .header-inner .navbar-nav li.nav-item.active a::before {

    transform: scaleX(1);

}



header .navbar .navbar-nav li {

    margin-left: 80px;

}



header .navbar .navbar-nav li.nav-item:last-child {

    display: none;

}



header .navbar .navbar-nav li:last-child a {

    border-radius: 10px;

    padding: 0.5rem 20px;

    transition: all 500ms ease-in-out;

}



header .navbar .navbar-nav li:last-child a:last-child::before {

    display: none;

}



header .navbar .navbar-nav li:last-child a:hover {

    background: #f7931e;

    color: #ffffff !important;

}



.header-inner .navbar .navbar-nav li:last-child a {

    color: #f7931e !important;

    border: 0;

    padding: .5rem 1rem;

}



.header-inner .navbar .navbar-nav li a {

    font-weight: 400;

    color: #404040;

}



body.scroll-up header .navbar {

    padding: 15px 30px;

}



.header-inner .navbar-nav li.nav-item.active a {

    color: #f7931e !important;

    font-weight: bold;

}



.header-inner .overlay {

    position: fixed;

    background: #f7931e;

    top: 0;

    left: 0;

    width: 100%;

    height: 0%;

    opacity: 0;

    visibility: hidden;

    transition: opacity 0.35s, visibility 0.35s, height 0.35s;

    overflow: hidden;

}



.header-inner .overlay.open {

    opacity: 0.9;

    visibility: visible;

    height: 100%;

}



.header-inner .overlay.open li {

    /*-webkit-animation: fadeInRight 0.5s ease forwards;

    animation: fadeInRight 0.5s ease forwards;

    -webkit-animation-delay: 0.35s;

    animation-delay: 0.35s;*/

    opacity: 1;

}



.header-inner .overlay.open li:nth-of-type(2) {

    -webkit-animation-delay: 0.4s;

    animation-delay: 0.4s;

}



.header-inner .overlay.open li:nth-of-type(3) {

    -webkit-animation-delay: 0.45s;

    animation-delay: 0.45s;

}



.header-inner .overlay.open li:nth-of-type(4) {

    -webkit-animation-delay: 0.5s;

    animation-delay: 0.5s;

}



.header-inner .overlay nav {

    position: relative;

    height: 70%;

    top: 50%;

    transform: translateY(-50%);

    font-size: 50px;

    font-weight: 400;

    text-align: center;

}



.header-inner .overlay ul {

    list-style: none;

    padding: 0;

    margin: 0 auto;

    display: inline-block;

    position: relative;

    height: 100%;

}



.header-inner .overlay ul li {

    display: block;

    height: 25%;

    min-height: 50px;

    position: relative;

    opacity: 0;

}



.header-inner .overlay ul li a {

    display: block;

    position: relative;

    color: #FFF;

    text-decoration: none;

    overflow: hidden;

}



.header-inner .overlay ul li a:hover:after, .header-inner .overlay ul li a:focus:after, .header-inner .overlay ul li a:active:after {

    width: 100%;

}



.header-inner .overlay ul li a:after {

    content: "";

    position: absolute;

    bottom: 0;

    left: 50%;

    width: 0%;

    transform: translateX(-50%);

    height: 3px;

    background: #FFF;

    transition: 0.35s;

}



@-webkit-keyframes fadeInRight {

    0% {

        opacity: 0;

        left: 20%;

    }

    100% {

        opacity: 1;

        left: 0;

    }

}



@keyframes fadeInRight {

    0% {

        opacity: 0;

        left: 20%;

    }

    100% {

        opacity: 1;

        left: 0;

    }

}



.header-inner .navbar .navbar-nav li a.open-bars-menu.active {

    z-index: 1;

    color: #ffffff !important;

}



.header-inner .navbar .navbar-nav li a.open-bars-menu.active i:before {

    content: "\f00d";

}



/*---- Header stylesheet ----*/



/*---- Main stylesheet ----*/



main {

    display: flex;

    flex-direction: column;

    background: #ffffff;

    margin-bottom: 354px;

    position: relative;

    z-index: 2;

}



.site-main-banner-section-wrap {

    height: 100vh;

    background: url('../images/Haraxy_Banner.jpg');

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    display: flex;

    align-items: center;

    justify-content: center;

}



.site-main-banner-section-wrap .site-main-banner-row {

    display: flex;

    align-items: center;

    justify-content: center;

}



.site-main-banner-section-wrap .site-main-banner-row .site-main-banner-col {

    width: 50%;

    padding: 0 15px;

}



.site-main-banner-section-wrap .site-main-banner-row .site-main-banner-col .site-main-banner-col-inner .subtag {

    margin-bottom: 20px;

    border: 2px solid #F7931E;

    color: #F7931E;

    padding: 5px 15px;

    font-family: 'Josefin Sans', sans-serif;

    display: inline-block;

    overflow: hidden;

    -ms-flex-item-align: start;

    align-self: flex-start;

    position: relative;

}



.site-main-banner-section-wrap .site-main-banner-row .site-main-banner-col .site-main-banner-col-inner .banner-title {

    font-size: 64px;

    color: #ffffff;

    line-height: normal;

    font-weight: bold;

    margin-bottom: 20px;

}



.site-main-banner-section-wrap .site-main-banner-row .site-main-banner-col .site-main-banner-col-inner .banner-text {

    font-size: 24px;

    color: #F7931E;

    margin-bottom: 30px;

    font-weight: 400;

}



.site-main-banner-section-wrap .site-main-banner-row .site-main-banner-col .site-main-banner-col-inner .banner-link {

    display: inline-block;

    padding: 15px 60px;

    background: transparent;

    color: #ffffff;

    font-size: 18px;

    border: 2px solid #FFFFFF;

    position: relative;

    overflow: hidden;

    transition: color 0.2s ease-in-out 0s, background-color 0.1s ease 0.02s;

    width: 560px;

    text-align: center;

}



.site-main-banner-section-wrap .site-main-banner-row .site-main-banner-col .site-main-banner-col-inner .banner-link:before {

    transform: translateY(-100%);

    transition: transform 15ms ease-in-out 0s;

}



.site-main-banner-section-wrap .site-main-banner-row .site-main-banner-col .site-main-banner-col-inner .banner-link:after {

    transform: translateY(100%);

    transition: transform 0.2s ease-in-out 0s;

}



.site-main-banner-section-wrap .site-main-banner-row .site-main-banner-col .site-main-banner-col-inner .banner-link:after, .site-main-banner-section-wrap .site-main-banner-row .site-main-banner-col .site-main-banner-col-inner .banner-link:before {

    content: "";

    position: absolute;

    height: 100%;

    width: 101%;

    right: 0px;

    top: 0px;

    left: 0px;

    background: #F7931E;

}



.site-main-banner-section-wrap .site-main-banner-row .site-main-banner-col .site-main-banner-col-inner .banner-link:hover:before {

    transform: translateY(0px);

    transition: transform 0.2s ease-in-out 0s;

}



.site-main-banner-section-wrap .site-main-banner-row .site-main-banner-col .site-main-banner-col-inner .banner-link:hover:after {

    transform: translateY(0px);

    transition: transform 0ms ease-in-out 0.2s;

}



.site-main-banner-section-wrap .site-main-banner-row .site-main-banner-col .site-main-banner-col-inner .banner-link span.word {

    position: relative;

    z-index: 1;

}



.site-common-title-wrap {

    margin-bottom: 30px;

}



.site-common-title-wrap .subtag {

    margin-bottom: 30px;

    font-size: 20px;

    display: inline-block;

    border-bottom: 2px solid #F7931E;

    color: #F7931E;

    font-family: 'Josefin Sans', sans-serif;

}



.site-common-title-wrap .site-common-title-row {

    display: flex;

    margin: 0 -15px;

    /* align-items: center; */

}



.site-common-title-wrap .site-common-title-row.center-title {

    justify-content: center;

    margin-bottom: 0px;

}



.site-common-title-wrap .site-common-title-row .site-common-title {

    width: 40%;

    padding: 0 15px;

    font-size: 63px;

    line-height: normal;

    font-weight: bold;

    margin-bottom: 20px;

    color: #231F20;

}



.site-common-title-wrap .site-common-title-row .site-common-txt {

    width: 60%;

    padding: 0 15px;

    font-size: 22px;

    margin-bottom: 0;

    font-weight: 400;

    line-height: 45px;

    color: #231F20;

}



.site-faqs-main-wrap {

    background: #f2f6f6;

}



.site-faqs-main-wrap .site-faqs-listing-main-wrap .card {

    border: 0;

    border-bottom: 2px solid #ffffff !important;

    background: transparent;

}



.site-faqs-main-wrap .site-faqs-listing-main-wrap .card-header {

    background: transparent;

    border: 0;

    margin: 0;

    padding: 20px 0;

}



.site-faqs-main-wrap .site-faqs-listing-main-wrap .card-header button {

    padding: 0 25px 0 0;

    font-size: 30px;

    color: #231f20;

    font-weight: 500;

    position: relative;

    text-decoration: none;

}



.site-faqs-main-wrap .site-faqs-listing-main-wrap .card-header button:after {

    content: "\f067";

    position: absolute;

    right: 0;

    top: 8px;

    font-size: 19px;

    font-family: "Font Awesome 5 Free";

    font-weight: 900;

}



.site-faqs-main-wrap .site-faqs-listing-main-wrap .card .card-body {

    padding: 0 0 65px;

    width: 60%;

    font-size: 22px;

    line-height: 35px;

}



.site-faqs-main-wrap .site-faqs-listing-main-wrap .card-header button[aria-expanded="true"]:after {

    content: "\f068";

    color: #F7931E;

}



.site-faqs-main-wrap .site-faqs-listing-main-wrap .card-header button[aria-expanded="true"], .site-faqs-main-wrap .site-faqs-listing-main-wrap .card-header:hover button {

    color: #F7931E;

}



.counters .counter {

    line-height: 1;

    position: relative;

    display: inline-flex;

    overflow: hidden;

    align-items: center;

    height: 102px;

    font-size: 120px;

    margin: 0;

    font-weight: 300;

    color: #F7931E;

}



.site-our-services-main-wrap .site-our-services-counter-main-wrap {

    display: flex;

    flex-wrap: wrap;

    margin: 0 -15px;

    align-items: flex-start;

    justify-content: space-between;

}



.site-our-services-main-wrap .site-our-services-counter-main-wrap .counters {

    width: 33.33%;

    font-family: 'Bebas Neue', cursive;

    padding: 0 15px;

    text-align: center;

}



.counter>span {

    z-index: 1;

    display: flex;

    flex-direction: column;

    height: 100%;

    transition: transform 2s ease;

    transform: translateY(0);

    line-height: 1;

}



.counter>span span {

    flex: 0 0 100%;

    height: 100%;

}



.counter:nth-child(1)>span {

    transition-delay: 0s;

}



.counter:nth-child(2)>span {

    transition-delay: 0.375s;

}



.counter:nth-child(3)>span {

    transition-delay: 0.75s;

}



.counter:nth-child(4)>span {

    transition-delay: 1.125s;

}



.counter:nth-child(5)>span {

    transition-delay: 1.5s;

}



.counter:nth-child(6)>span {

    transition-delay: 1.875s;

}



.counter:nth-child(7)>span {

    transition-delay: 2.25s;

}



.counter:nth-child(8)>span {

    transition-delay: 2.625s;

}



.counter:nth-child(9)>span {

    transition-delay: 3s;

}



.counter:nth-child(10)>span {

    transition-delay: 3.375s;

}



.counter:nth-child(11)>span {

    transition-delay: 3.75s;

}



.counter:nth-child(12)>span {

    transition-delay: 4.125s;

}



.counter:nth-child(13)>span {

    transition-delay: 4.5s;

}



.counter:nth-child(14)>span {

    transition-delay: 4.875s;

}



.counter:nth-child(15)>span {

    transition-delay: 5.25s;

}



.counter:nth-child(16)>span {

    transition-delay: 5.625s;

}



.counter:nth-child(17)>span {

    transition-delay: 6s;

}



.counter:nth-child(18)>span {

    transition-delay: 6.375s;

}



.counter:nth-child(19)>span {

    transition-delay: 6.75s;

}



.counter:nth-child(20)>span {

    transition-delay: 7.125s;

}



.site-our-services-main-wrap .site-our-services-counter-main-wrap .counters .site-our-services-col-inner p {

    font-size: 30px;

    text-transform: uppercase;

    font-weight: 500;

    /* position: absolute;

    text-align: right; */

    right: 0;

    /* line-height: 32px; */

    margin-top: 5px;

    font-family: 'Space Grotesk', sans-serif;

}



.site-our-services-main-wrap .site-our-services-counter-main-wrap .counters .site-our-services-col-inner p span {

    display: block;

}



.site-our-services-main-wrap .site-our-services-counter-main-wrap .counters .site-our-services-col-inner {

    display: inline-block;

    position: relative;

}



/* .site-our-services-main-wrap {

    padding-bottom: 215px;

} */



.site-project-details-wrap {

    padding: 150px 0;

    position: relative;

    background-size: contain;

    background-repeat: no-repeat;

    background-attachment: inherit

}



.toronto-project {

    background: url(../images/projects/TORONTOANDTALKS_COM.png);

}



.wype-project {

    background: url(../images/projects/Wype.png);

}



.milky-project {

    background: url(../images/projects/Milky_Cart.png);

}



.feign-project {

    background: url(../images/projects/Feign.png);

}



.site-project-details-wrap:after {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    transition: all 500ms ease-in-out;

    background: rgba(0, 0, 0, 0.54);

}



.site-project-details-wrap:hover:after {

    background: linear-gradient(rgba(244, 137, 30, 0.90), rgba(244, 137, 30, 0.90));

}



.site-project-details-wrap .site-project-title {

    color: #ffffff00;

    position: relative;

    display: inline-block;

    font-size: 40px;

    font-weight: bold;

    margin-bottom: 25px;

    z-index: 1;

    transition: all 500ms ease-in-out;

}



.gradient-text {

    animation: color-change 3s infinite;

}



@keyframes color-change {

    20% {

        color: rgb(255, 128, 128);

    }

    40% {

        color: #2cecc6;

    }

    100% {

        color: pink;

    }

}



/*.site-project-details-wrap .site-project-title:after {

    content: '';

    position: absolute;

    right: -50px;

    top: 41px;

    width: 24px;

    height: 24px;

    background: url(../images/footer-icon-link-white.png);

    background-position: center;

    background-repeat: no-repeat;

    background-size: contain;

    transform: rotate(45deg);

    transition: all 500ms ease-in-out;

    opacity: 0;

}

.site-project-details-wrap:hover .site-project-title:after{

    transform: rotate(0deg);

    opacity: 1;

}*/



.site-project-details-wrap:hover .site-project-title, .site-project-details-wrap:hover p {

    color: #231f20;

}



.site-project-details-wrap p {

    font-size: 18px;

    color: #ffffff;

    line-height: 39px;

    width: 65%;

    font-weight: 300;

    position: relative;

    z-index: 1;

    transition: all 500ms ease-in-out;

}



.site-what-they-say-main-wrap .site-what-they-row {

    display: flex;

    margin: 30px -15px 0;

    flex-wrap: wrap;

}



.site-what-they-say-main-wrap .site-what-they-row .site-what-they-image-col {

    width: 33.33%;

    padding: 0 15px;

}



.site-what-they-say-main-wrap .site-what-they-row .site-what-they-text-col {

    width: 66.66%;

    padding: 0 150px 0 15px;

}



.site-what-they-say-main-wrap .site-what-they-row .site-what-they-text-col .site-what-they-star-col {

    margin-bottom: 30px;

    padding-bottom: 30px;

    position: relative;

}



.site-what-they-say-main-wrap .site-what-they-row .site-what-they-text-col .site-what-they-star-col:after {

    content: '';

    position: absolute;

    left: 0;

    bottom: 0;

    width: 150px;

    height: 2px;

    background: #D1D3D4;

}



.site-what-they-say-main-wrap .site-what-they-row .site-what-they-text-col .site-what-they-star-col ul.star-list {

    display: flex;

    margin-bottom: 10px;

}



.site-what-they-say-main-wrap .site-what-they-row .site-what-they-text-col .site-what-they-star-col ul.star-list li {

    font-size: 30px;

    margin-right: 10px;

    color: #f7931e;

}



.site-what-they-say-main-wrap .site-what-they-row .site-what-they-text-col .site-what-they-text {

    position: relative;

    padding-left: 0;

}



.site-what-they-say-main-wrap .site-what-they-row .site-what-they-text-col .site-what-they-text p {

    font-size: 22px;

    line-height: 45px;

    font-weight: 400;

    color: #808285;

    position: relative;

}



.site-what-they-say-main-wrap .site-what-they-row .site-what-they-text-col .site-what-they-star-col .star-text {

    font-size: 24px;

    line-height: 39px;

    font-weight: 400;

    color: #D1D3D4;

}



.site-what-they-say-main-wrap .site-what-they-row .site-what-they-image-col .site-what-they-img {

    display: inline-block;

    text-align: center;

}



.site-what-they-say-main-wrap .site-what-they-row .site-what-they-image-col .site-what-they-img img {

    width: 250px;

    height: auto;

    margin-bottom: 15px;

}



.site-what-they-say-main-wrap .site-what-they-row .site-what-they-image-col .site-what-they-img .client-name {

    font-size: 27px;

    color: #231F20;

}



.site-what-they-say-main-wrap .site-what-they-row .site-what-they-image-col .site-what-they-img .client-position {

    font-size: 27px;

    color: #D1D3D4;

}



.site-what-they-say-main-wrap .site-what-they-row .site-what-they-text-col .site-what-they-text p:after {

    content: '';

    position: absolute;

    left: -75px;

    top: 3px;

    width: 40px;

    height: 40px;

    background: url(../images/quote.svg);

    background-position: center;

    background-size: contain;

    background-repeat: no-repeat;

}



.site-what-they-say-main-wrap .site-what-they-slider-inner .owl-dots {

    position: absolute;

    right: 0;

    top: 50%;

    transform: translateY(-50%);

    display: flex;

    flex-direction: column;

    margin: 0 !important;

}



.site-what-they-say-main-wrap .site-what-they-slider-inner .owl-dots button span {

    width: 20px;

    height: 20px;

    margin: 10px;

    background: #E3E5E5;

}



.site-what-they-say-main-wrap .site-what-they-slider-inner .owl-dots .owl-dot.active span, .site-what-they-say-main-wrap .site-what-they-slider-inner .owl-dots .owl-dot:hover span {

    background: #f7931e;

}



.site-work-form-main-wrap {

    background: #231F20;

}



.site-work-form-main-wrap .site-common-title-wrap .subtag {

    color: #ffffff;

    border-color: #ffffff;

}



.site-work-form-main-wrap .site-common-title-wrap .site-common-title-row {

    flex-direction: column;

    align-items: flex-start;

}



.site-work-form-main-wrap .site-common-title-wrap h3.site-common-title {

    width: 100%;

    color: #f7931e;

}



.site-work-form-main-wrap .site-common-title-wrap p.site-common-txt {

    color: #ffffff;

    font-size: 18px;

    width: 70%;

}



.site-work-form-main-wrap .site-work-form-row {

    display: flex;

    flex-wrap: wrap;

    margin: 0 -15px;

}



.site-work-form-main-wrap .site-work-form-row .site-work-form-col {

    width: 50%;

    padding: 0 15px;

}



.site-work-form-main-wrap .site-work-form-row .site-work-form-col .site-work-form {

    display: flex;

    align-items: center;

    justify-content: center;

}



.site-work-form-main-wrap .site-work-form-row .site-work-form-col .site-work-form form {

    width: 70%;

}



.site-work-form-main-wrap .site-work-form-row .site-work-form-col .site-work-form form .form-group-title, .site-work-form-main-wrap .site-work-form-row .site-work-form-col .site-work-form form .custom-form-group:not(:last-child) {

    margin-bottom: 30px;

}



.site-work-form-main-wrap .site-work-form-row .site-work-form-col .site-work-form form .custom-form-group input, .site-work-form-main-wrap .site-work-form-row .site-work-form-col .site-work-form form .custom-form-group textarea {

    border: 2px solid #58595B;

    background: transparent;

    color: #ffffff;

    width: 100%;

    padding: 15px 10px;

}



.site-work-form-main-wrap .site-work-form-row .site-work-form-col .site-work-form form .custom-form-group textarea {

    height: 160px;

}



.site-work-form-main-wrap .site-work-form-row .site-work-form-col .site-work-form form .custom-form-group .custom-file-wrap {

    position: relative;

    text-align: right;

}



.site-work-form-main-wrap .site-work-form-row .site-work-form-col .site-work-form form .custom-form-group .custom-file-wrap input {

    position: absolute;

    right: 0;

    width: 100px;

    opacity: 0;

    top: 0;

    padding: 0;

    border: 0;

}



.site-work-form-main-wrap .site-work-form-row .site-work-form-col .site-work-form form .custom-form-group .custom-file-wrap label {

    margin-bottom: 0;

    font-size: 20px;

    color: #58595B;

    font-weight: bold;

}



.site-work-form-main-wrap .site-work-form-row .site-work-form-col .site-work-form form .custom-form-group .custom-file-wrap label i {

    margin-right: 7px;

    font-size: 16px;

    color: #f7931e;

}



.site-work-form-main-wrap .site-work-form-row .site-work-form-col .site-work-form form .custom-form-group button {

    width: 100%;

    border: 0;

    padding: 21px 0;

    font-size: 22px;

    font-weight: 600;

    background: #f7931e;

    overflow: hidden;

    position: relative;

    transition: color 0.2s ease-in-out 0s, background-color 0.1s ease 0.02s;

}



.site-work-form-main-wrap .site-work-form-row .site-work-form-col .site-work-form form .custom-form-group button:before {

    transform: translateY(-100%);

    transition: transform 15ms ease-in-out 0s;

}



.site-work-form-main-wrap .site-work-form-row .site-work-form-col .site-work-form form .custom-form-group button:after {

    transform: translateY(100%);

    transition: transform 0.2s ease-in-out 0s;

}



.site-work-form-main-wrap .site-work-form-row .site-work-form-col .site-work-form form .custom-form-group button:after, .site-work-form-main-wrap .site-work-form-row .site-work-form-col .site-work-form form .custom-form-group button:before {

    content: "";

    position: absolute;

    height: 100%;

    width: 101%;

    right: 0px;

    top: 0px;

    left: 0px;

    background: #ffffff;

}



.site-work-form-main-wrap .site-work-form-row .site-work-form-col .site-work-form form .custom-form-group span {

    position: relative;

    z-index: 1;

}



.site-work-form-main-wrap .site-work-form-row .site-work-form-col .site-work-form form .custom-form-group button:hover:before {

    transform: translateY(0px);

    transition: transform 0.2s ease-in-out 0s;

}



.site-work-form-main-wrap .site-work-form-row .site-work-form-col .site-work-form form .custom-form-group button:hover:after {

    transform: translateY(0px);

    transition: transform 0ms ease-in-out 0.2s;

}



.site-work-form-main-wrap .site-work-form-row .site-work-form-col .site-work-form form .form-group-title p a {

    background: #58595B;

    padding: 15px 25px;

    color: #ffffff;

    font-weight: 400;

    letter-spacing: 0.5px;

    display: inline-block;

    font-size: 20px;

    cursor: default;

}



.site-work-form-main-wrap .site-work-form-row .site-work-form-col .site-work-form-col-inner {

    height: 100%;

    position: relative;

}



.site-work-form-main-wrap .site-work-form-row .site-work-form-col .site-work-form-col-inner .contact-us-bottom-text {

    position: absolute;

    left: 0;

    bottom: 0;

}



.site-work-form-main-wrap .site-work-form-row .site-work-form-col .site-work-form-col-inner .contact-us-bottom-text h4 a {

    margin: 0;

    font-size: 50px;

    font-weight: bold;

    position: relative;

    color: #58595B;

}



.site-work-form-main-wrap .site-work-form-row .site-work-form-col .site-work-form-col-inner .contact-us-bottom-text h4:after {

    content: '';

    position: absolute;

    right: -50px;

    top: 13px;

    width: 35px;

    height: 35px;

    background: url('../images/footer-icon-link.png');

    background-position: center;

    background-repeat: no-repeat;

    background-size: contain;

    transition: all 500ms ease-in-out;

    opacity: 0;

}



.site-work-form-main-wrap .site-work-form-row .site-work-form-col .site-work-form-col-inner .contact-us-bottom-text h4:hover:after {

    opacity: 1;

}



.site-our-services-main-wrap-v2 .portfolio, .site-our-services-main-wrap-v2 .portfolio-v2 {

    width: 100%;

    display: flex;

    background-color: #ffffff;

    overflow: hidden;

    height: 80vh;

    margin-top: 0 !important;

    padding-left: 500px !important;

    position: relative;

}



.site-our-services-main-wrap-v2 {

    padding-bottom: 0;

}



.site-our-services-main-wrap-v2 .panel {

    display: flex;

    flex: 0 0 50%;

    flex-wrap: wrap;

    align-items: center;

    align-content: center;

    justify-content: center;

    height: auto;

    overflow: hidden;

    text-align: center;

    padding: 0 15px;

}



.site-our-services-main-wrap-v2 .panel a {

    display: inline-block;

    width: 100%;

    color: #191919;

}



body.scroll-up .site-our-services-main-wrap-v2 .portfolio, .site-our-services-main-wrap-v2 .portfolio-v2 {

    margin-top: 50px !important;

}



.site-our-services-main-wrap-v2 .panel_item {

    width: 100%;

    margin: 0 auto;

    background-color: #f2f6f6;

    padding: 50px;

    min-height: 455px

}



.site-our-services-main-wrap-v2 .panel_img {

    width: 100%;

    height: 100%;

    margin: 0 auto;

}



.site-our-services-main-wrap-v2 .panel_item h1 {

    font-size: 48px;

    margin-bottom: 15px;

    color: #231f20;

    font-weight: bold;

    position: relative;

}



.site-our-services-main-wrap-v2 .panel_item h1 .card-arrow {

    display: inline-block;

    width: 1px;

    height: 1em;

    position: relative;

    vertical-align: bottom;

    overflow: visible;

}



.site-our-services-main-wrap-v2 .panel_item h1 svg {

    position: absolute;

    height: 100%;

    width: auto;

    bottom: 0;

    right: -1em;

    fill: #fff;

    -webkit-transform: translate(-10px, 10px);

    transform: translate(-10px, 10px);

    -webkit-transition: all .2s ease;

    transition: all 500ms ease-in-out;

    opacity: 0;

}



.site-our-services-main-wrap-v2 .panel_item:hover h1 svg {

    -webkit-transform: translate(0) rotate(45deg);

    transform: translate(0) rotate(45deg);

    opacity: 1;

}



.site-our-services-main-wrap-v2 .panel.active .panel_item:hover h1 svg {

    fill: #ffffff;

}



.site-our-services-main-wrap-v2 .panel_item p {

    font-size: 16px;

    font-weight: 400 !important;

    line-height: 29px;

    transition: all 500ms ease-in-out;

    display: none;

}



.site-our-services-main-wrap-v2 .panel_item .panel_item_circle {

    width: 70px;

    height: 70px;

    margin: 0 auto 30px;

    transition: all 500ms ease-in-out;

}



.site-our-services-main-wrap-v2 .panel.active .panel_item .panel_item_circle, .site-our-services-main-wrap-v2 .panel .panel_item:hover .panel_item_circle {

    width: 50px;

    height: 50px;

}



.site-our-services-main-wrap-v2 .panel_item .dev-icon {

    background-image: url(../images/svg_icons/Software-Development.svg);

}



.site-our-services-main-wrap-v2 .panel_item .web-icon {

    background-image: url(../images/svg_icons/Web-Development.svg);

}



.site-our-services-main-wrap-v2 .panel_item .mob-icon {

    background-image: url(../images/svg_icons/App-Development-black.svg);

}



.site-our-services-main-wrap-v2 .panel_item .qa-icon {

    background-image: url(../images/svg_icons/Quality-Assurance.svg);

}



.site-our-services-main-wrap-v2 .panel_item .art-icon {

    background-image: url(../images/svg_icons/Artificial-Intelligence.svg);

}



.site-our-services-main-wrap-v2 .panel_item .game-icon {

    background-image: url(../images/svg_icons/Game-Development.svg);

}



.site-our-services-main-wrap-v2 .panel.active .panel_item .dev-icon, .site-our-services-main-wrap-v2 .panel .panel_item:hover .dev-icon {

    background-image: url(../images/svg_icons/software_deve_white.svg);

}



.site-our-services-main-wrap-v2 .panel.active .panel_item .web-icon, .site-our-services-main-wrap-v2 .panel .panel_item:hover .web-icon {

    background-image: url(../images/svg_icons/web_deve_white.svg);

}



.site-our-services-main-wrap-v2 .panel.active .panel_item .mob-icon, .site-our-services-main-wrap-v2 .panel .panel_item:hover .mob-icon {

    background-image: url(../images/svg_icons/app_white.svg);

}



.site-our-services-main-wrap-v2 .panel.active .panel_item .qa-icon, .site-our-services-main-wrap-v2 .panel .panel_item:hover .qa-icon {

    background-image: url(../images/svg_icons/qa_white.svg);

}



.site-our-services-main-wrap-v2 .panel.active .panel_item .art-icon, .site-our-services-main-wrap-v2 .panel .panel_item:hover .art-icon {

    background-image: url(../images/svg_icons/ai_white.svg);

}



.site-our-services-main-wrap-v2 .panel.active .panel_item .game-icon, .site-our-services-main-wrap-v2 .panel .panel_item:hover .game-icon {

    background-image: url(../images/svg_icons/game_white.svg);

}



/* .site-our-services-main-wrap-v2 .panel.active .panel_item,

.site-our-services-main-wrap-v2 .panel .panel_item:hover  {

    background: #f7931e;

} */



.site-our-services-main-wrap-v2 .panel_item:after {

    content: '';

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 0;

    background: #f7931e;

    z-index: 1;

    transition: all 500ms;

}



.site-our-services-main-wrap-v2 .panel_item {

    position: relative;

}



.site-our-services-main-wrap-v2 .panel_item .panel_item_content {

    z-index: 2;

    position: relative;

}



.site-our-services-main-wrap-v2 .panel_item:hover:after {

    height: 100%;

}



.site-our-services-main-wrap-v2 .panel.active .panel_item .dev-icon, .site-our-services-main-wrap-v2 .panel .panel_item:hover .dev-icon {

    width: 50px;

    height: 50px;

    background-image: url(../images/svg_icons/software_deve_white.svg);

}



.site-our-services-main-wrap-v2 .panel.active .panel_item p, .site-our-services-main-wrap-v2 .panel .panel_item:hover p {

    color: #ffffff;

    display: block;

}



.site-our-services-main-wrap-v2 .site-common-title-wrap {

    margin-bottom: 0;

}



#language-section .owl-carousel img {

    width: auto;

}



#language-section .owl-theme .owl-dots .owl-dot span {

    display: none;

}



.site-inner-banner-wrap {

    position: relative;

    background: #191919;

    margin-top: -1px;

}



.site-inner-banner-wrap img {

    width: 100%;

    opacity: 0;

}



.site-inner-banner-wrap .site-inner-banner-title {

    position: absolute;

    top: 50%;

    width: 100%;

    left: 50%;

    transform: translate(-50%, -50%);

    text-align: center;

    padding: 0 15px;

}



.site-inner-banner-wrap .site-inner-banner-title h2 {

    margin: 0;

    font-size: 60px;

    font-weight: bold;

    color: #ffffff;

}



/* .site-banner-bottom-text-wrap {

    padding: 40px 0;

} */



.site-banner-bottom-text-wrap .site-banner-bottom-row {

    display: flex;

    align-items: flex-start;

    flex-wrap: wrap;

    margin: 0 -15px;

}



.site-banner-bottom-text-wrap .site-banner-bottom-row .site-banner-bottom-col-one {

    width: 40%;

    padding: 0 15px;

}



.site-banner-bottom-text-wrap .site-banner-bottom-row .site-banner-bottom-col-two {

    width: 60%;

    padding: 0 15px;

}



.site-banner-bottom-text-wrap .site-banner-bottom-row .site-banner-bottom-col-two p {

    font-size: 22px;

    line-height: 39px;

}



.site-banner-bottom-text-wrap .site-banner-bottom-row .site-banner-bottom-col-one h3 {

    margin: 0;

    font-size: 30px;

    line-height: 36px;

}



.positions-main-wrap {

    background: #F2F6F6;

}



.positions-main-wrap .site-avail-pos-title {

    border-radius: 0;

    text-decoration: none;

    position: relative;

}



#model-positions .modal {

    z-index: 9999;

}



/* #model-positions .modal-dialog {

    max-width: 100%;

    margin: 1.75rem;

} */



#model-positions .modal-content {

    background-color: #fff;

}



#model-positions .modal-footer {

    border-top: 1px solid #e7e7e7;

    padding: 0.5rem 1rem;

}



#model-positions .modal-header {

    border: none;

    padding: 3rem 3rem 0;

}



.modal-footer .btn-sidebar a {

    padding: 5px 20px;

}



.modal-footer {

    /* position: fixed; */

    width: 100%;

    max-width: 880px;

    left: 50%;

    /* -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    transform: translateX(-50%); */

    /* position: fixed; */

    bottom: -64px;

    opacity: 1;

    -webkit-transition: all .4s ease-in-out;

    -moz-transition: all .4s ease-in-out;

    transition: all .4s ease-in-out;

    z-index: 9999;

    /* pointer-events: none; */

    background: #f5f5f5;

    border-top: none !important;

}



/* .modal-open .modal{

    overflow-y:auto;

    display: flex !important;

    justify-content: center;

} */



#model-positions .modal-body {

    padding: 1rem 2rem;

}



.modal.show .modal-dialog {

    /* -webkit-transform: none; */

    padding-top: 5rem;

}



.positions-main-wrap .position-inner-wrap {

    padding: 15px 40px;

    display: flex;

    align-items: center;

    border: none;

    width: 100%;

    background: #F2F6F6;

}



.positions-main-wrap .site-avail-pos-title h2 {

    font-size: 30px;

    /* font-weight: bold; */

    color: #231F20;

}



.positions-main-wrap .site-avail-pos-title h3 {

    font-size: 20px;

    /* font-weight: bold; */

    color: #231F20;

    margin-right: 30px;

}



.site-avail-pos-main-wrap .site-avail-pos-title, .site-apply-form-main-wrap .site-apply-form-title {

    margin-bottom: 30px;

}



.site-avail-pos-main-wrap .site-avail-pos-title h2 {

    font-size: 75px;

    font-weight: bold;

    margin-bottom: 30px;

    padding-bottom: 30px;

    border-bottom: 2px solid #F2F6F6;

}



.site-apply-form-main-wrap .site-apply-form-title h2 {

    font-size: 75px;

    font-weight: bold;

    margin-bottom: 30px;

    padding-bottom: 30px;

}



.site-avail-pos-main-wrap .site-avail-pos-accordian-wrap .card {

    border: 0;

    border-radius: 0;

    margin-bottom: 30px;

}



.site-avail-pos-main-wrap .site-avail-pos-accordian-wrap .card .card-header {

    border: 0;

    margin: 0;

    background: transparent;

    padding: 0;

    border-radius: 0;

}



.site-avail-pos-main-wrap .site-avail-pos-accordian-wrap .card .card-header button.btn-link {

    padding: 15px 40px;

    background: #F2F6F6;

    border-radius: 0;

    font-size: 30px;

    font-weight: bold;

    color: #231F20;

    text-decoration: none;

    position: relative;

}



.site-avail-pos-main-wrap .site-avail-pos-accordian-wrap .card .card-header button.btn-link:after {

    content: "\f067";

    position: absolute;

    right: 50px;

    top: 50%;

    font-size: 17px;

    font-family: "Font Awesome 5 Free";

    font-weight: 900;

    background: transparent;

    width: 35px;

    height: 35px;

    display: flex;

    align-items: center;

    justify-content: center;

    transition: all 500ms ease-in-out;

    border-radius: 50%;

    transform: translateY(-50%);

}



.site-avail-pos-main-wrap .site-avail-pos-accordian-wrap .card .card-header button.btn-link[aria-expanded="true"] {

    background: #F7931E;

    color: rgb(255, 255, 255, 0.5);

}


.site-avail-pos-main-wrap .site-avail-pos-accordian-wrap .card .card-header button.btn-link[aria-expanded="true"]::after {

    content: '\f068';

    background: #ffffff;

    color: #f7931d;

}



.site-avail-pos-main-wrap .site-avail-pos-accordian-wrap .card .card-body {

    padding: 50px 100px;

    border: 1px solid #BCBEC0;

    border-top: 0;

}



.site-avail-pos-main-wrap .site-avail-pos-accordian-wrap .card .card-body .position-title {

    font-size: 30px;

    font-weight: bold;

    margin-bottom: 30px;

}



.site-avail-pos-main-wrap .site-avail-pos-accordian-wrap .card .card-body .position-description {

    margin-bottom: 30px;

    font-size: 18px;

    line-height: 34px;

}



.position-skills {

    padding: 13px 0px;

}



.site-avail-pos-main-wrap .site-avail-pos-accordian-wrap .card .card-body .position-skills:not(:last-child) {

    margin-bottom: 30px;

}



.site-avail-pos-main-wrap .site-avail-pos-accordian-wrap .card .card-body .position-skills-title {

    color: #6D6E71;

    font-size: 22px;

    text-transform: uppercase;

    font-weight: bold;

    margin-bottom: 15px;

}



.position-skills-list li {

    list-style-type: disc;

    padding: .2rem;

}



.site-avail-pos-main-wrap .site-avail-pos-accordian-wrap .card .card-body .position-skills .position-skills-list li {

    font-size: 18px;

    margin-bottom: 10px;

}



.site-avail-pos-main-wrap .site-avail-pos-accordian-wrap .card .card-body .position-skills .position-skills-list li:last-child {

    margin-bottom: 0;

}



.site-apply-form-main-wrap .site-apply-form {

    margin-top: 30px;

}



.site-apply-form-main-wrap .site-apply-form form label {

    font-size: 22px;

    font-weight: bold;

    color: #6D6E71;

    padding-bottom: 15px;

    min-height: 48px;

    margin-bottom: 0;

    display: block;

    width: 100%;

}



.joining-haraxy-inner-wrap {

    padding: 0 3rem 2rem 3rem;

}



.joining-haraxy-inner-col-wrap {

    padding: 4rem;

}



.site-apply-form-main-wrap .site-apply-form form .row {

    margin-bottom: 30px;

}



.site-apply-form-main-wrap .site-apply-form form .col input, .site-apply-form-main-wrap .site-apply-form form .col textarea {

    border: 2px solid #BCBEC0;

    border-radius: 0;

    padding: 23px 15px;

    font-size: 18px;

    box-shadow: unset;

    outline: unset !important;

    width: 100%;

}



.site-apply-form-main-wrap .site-apply-form form select {

    border: 2px solid #BCBEC0;

    border-radius: 0;

    padding: 10px 15px;

    font-size: 18px;

    box-shadow: unset;

    outline: unset !important;

    width: 100%;

}



.site-apply-form-main-wrap .site-apply-form form textarea {

    height: 200px;

    resize: none;

}



.site-apply-form-main-wrap .site-apply-form form small {

    color: #6D6E71;

    display: block;

}



.site-apply-form-main-wrap .site-apply-form form input[type="file"] {

    padding: 0;

    border: 0;

    color: #000000;

    font-weight: 400;

}



.site-apply-form-main-wrap .site-apply-form form button.submit-button {

    width: auto;

    border: 0;

    padding: 15px 65px;

    font-size: 22px;

    font-weight: 600;

    background: #000000;

    overflow: hidden;

    position: relative;

    transition: color 0.2s ease-in-out 0s, background-color 0.1s ease 0.02s;

    color: #ffffff;

    border: 2px solid #000000;

}



.site-apply-form-main-wrap .site-apply-form form .col button.submit-button:before {

    transform: translateY(-100%);

    transition: transform 15ms ease-in-out 0s;

}



.site-apply-form-main-wrap .site-apply-form form .col button.submit-button:after {

    transform: translateY(100%);

    transition: transform 0.2s ease-in-out 0s;

}



.site-apply-form-main-wrap .site-apply-form form .col button.submit-button:after, .site-apply-form-main-wrap .site-apply-form form .col button.submit-button:before {

    content: "";

    position: absolute;

    height: 100%;

    width: 101%;

    right: 0px;

    top: 0px;

    left: 0px;

    background: #ffffff;

}



.site-apply-form-main-wrap .site-apply-form form .col button.submit-button span {

    position: relative;

    z-index: 1;

}



.site-apply-form-main-wrap .site-apply-form form .col button.submit-button:hover:before {

    transform: translateY(0px);

    transition: transform 0.2s ease-in-out 0s;

}



.site-apply-form-main-wrap .site-apply-form form .col button.submit-button:hover:after {

    transform: translateY(0px);

    transition: transform 0ms ease-in-out 0.2s;

}



.site-apply-form-main-wrap .site-apply-form form .col button.submit-button:hover {

    color: #000000;

}



.site-apply-form-main-wrap .site-apply-form form .col label span {

    color: #ED1C24;

}



.site-inner-banner-wrap .site-inner-banner-title.left-circle-wrap {

    max-width: 1240px;

    text-align: left;

}



.site-inner-banner-wrap .site-inner-banner-title.left-circle-wrap h2.title-anim {

    padding-left: 125px;

    position: relative;

}



.site-inner-banner-wrap .site-inner-banner-title.left-circle-wrap h2.title-anim:after {

    content: '';

    position: absolute;

    background-image: url(../images/svg_icons/software_deve_white.svg);

    left: 0;

    top: 50%;

    width: 102px;

    height: 102px;

    transform: translateY(-50%);

}



.site-inner-banner-wrap .site-inner-banner-title.left-circle-wrap h2.web-icon:after {

    content: '';

    position: absolute;

    background-image: url(../images/svg_icons/web_deve_white.svg);

    left: 0;

    top: 50%;

    width: 102px;

    height: 102px;

    transform: translateY(-50%);

}



.site-inner-banner-wrap .site-inner-banner-title.left-circle-wrap h2.mobile-icon:after {

    content: '';

    position: absolute;

    background-image: url(../images/svg_icons/app_white.svg);

    left: 0;

    top: 50%;

    width: 102px;

    height: 102px;

    transform: translateY(-50%);

}



.site-inner-banner-wrap .site-inner-banner-title.left-circle-wrap h2.qa-icon:after {

    content: '';

    position: absolute;

    background-image: url(../images/svg_icons/qa_white.svg);

    left: 0;

    top: 50%;

    width: 102px;

    height: 102px;

    transform: translateY(-50%);

}



.site-inner-banner-wrap .site-inner-banner-title.left-circle-wrap h2.arti-icon:after {

    content: '';

    position: absolute;

    background-image: url(../images/svg_icons/ai_white.svg);

    left: 0;

    top: 50%;

    width: 102px;

    height: 102px;

    transform: translateY(-50%);

}



.site-inner-banner-wrap .site-inner-banner-title.left-circle-wrap h2.game-icon:after {

    content: '';

    position: absolute;

    background-image: url(../images/svg_icons/game_white.svg);

    left: 0;

    top: 50%;

    width: 102px;

    height: 102px;

    transform: translateY(-50%);

}



.full-width-title .site-common-title {

    width: 100% !important;

    margin-bottom: 25px !important;

    padding-bottom: 25px !important;

    border-bottom: 3px solid #ffffff;

}



.site-why-choose-main-wrap {

    background: #f2f6f6;

    z-index: 9;

    position: relative;

}



.site-why-choose-main-wrap .site-why-choose-us-list {

    display: flex;

    align-items: center;

    justify-content: center;

    flex-wrap: wrap;

    margin: 0 -15px;

}



.site-why-choose-main-wrap .site-why-choose-us-list .site-why-choose-item {

    width: 33.33%;

    padding: 0 15px;

    text-align: center;

}



.site-why-choose-main-wrap .site-why-choose-us-list .site-why-choose-item img {

    width: 65px;

    margin-bottom: 15px;

}



.site-why-choose-main-wrap .site-why-choose-us-list .site-why-choose-item h4 {

    font-size: 30px;

    font-weight: bold;

    line-height: 39px;

}



.site-why-choose-main-wrap .inner-why-paragraph p {

    font-size: 20px;

    line-height: 39px;

}



.site-how-do-run-main-wrap .site-how-do-list-wrap {

    padding-top: 65px;

    margin-top: 30px;

    position: relative;

}



.site-how-do-run-main-wrap .site-how-do-list-wrap:after {

    content: '';

    position: absolute;

    left: 50%;

    top: 0;

    transform: translateX(-50%);

    background: #E6E7E8;

    height: 2px;

    width: 60%;

}



.site-how-do-run-main-wrap .site-how-do-list-wrap .site-how-do-list-row {

    display: flex;

    align-items: flex-start;

    justify-content: center;

    margin: 0 -15px 50px;

    flex-wrap: wrap;

}



.site-how-do-run-main-wrap .site-how-do-list-wrap .site-how-do-list-row .site-how-do-list-img-col, .site-how-do-run-main-wrap .site-how-do-list-wrap .site-how-do-list-row .site-how-do-list-col {

    width: 50%;

    padding: 0 15px;

}



.site-how-do-run-main-wrap .site-how-do-list-wrap .site-how-do-list-row .site-how-do-list-img-col img {

    width: 80%;

}



.site-how-do-run-main-wrap .site-how-do-list-wrap .site-how-do-list-row .site-how-do-list-col .site-how-do-list-text p {

    font-size: 22px;

    margin-bottom: 0;

    font-weight: 400;

    line-height: 45px;

    color: #231F20;

}



.site-how-do-run-main-wrap .site-how-do-list-wrap .site-how-do-list-row:nth-child(even) {

    flex-direction: row-reverse;

}



.site-how-do-run-main-wrap .site-how-do-list-wrap .site-how-do-list-row:nth-child(even) .site-how-do-list-img-col {

    text-align: right;

}



.text-anim {

    opacity: 0;

    -webkit-transform: translateY(20%);

    transform: translateY(20%);

    -webkit-transition: opacity .5s .2s, -webkit-transform .7s .2s;

    transition: opacity .5s .2s, -webkit-transform .7s .2s;

    transition: transform .7s .2s, opacity .5s .2s;

    transition: transform .7s .2s, opacity .5s .2s, -webkit-transform .7s .2s;

}



.aos-animate.text-anim {

    opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0);

}



.site-project-details-wrap a.know-more-link {

    position: absolute;

    bottom: 0;

    right: 0;

    border: 2px solid #ffffff;

    color: #ffffff;

    opacity: 1;

    z-index: 1;

    padding: 15px 70px 15px 35px;

    font-size: 23px;

    font-weight: bold;

    overflow: hidden;

    transition: color 0.2s ease-in-out 0s, background-color 0.1s ease 0.02s;

}



.site-project-details-wrap a.know-more-link:before {

    transform: translateY(-100%);

    transition: transform 15ms ease-in-out 0s;

}



.site-project-details-wrap a.know-more-link:after {

    transform: translateY(100%);

    transition: transform 0.2s ease-in-out 0s;

}



.site-project-details-wrap a.know-more-link:after, .site-project-details-wrap a.know-more-link:before {

    content: "";

    position: absolute;

    height: 100%;

    width: 101%;

    right: 0px;

    top: 0px;

    left: 0px;

    background: #ffffff;

}



.site-project-details-wrap a.know-more-link:hover:before {

    transform: translateY(0px);

    transition: transform 0.2s ease-in-out 0s;

}



.site-project-details-wrap a.know-more-link:hover:after {

    transform: translateY(0px);

    transition: transform 0ms ease-in-out 0.2s;

}



.site-project-details-wrap a.know-more-link span {

    position: relative;

    z-index: 1;

}



.site-project-details-wrap a.know-more-link span:after {

    content: '';

    position: absolute;

    right: -42px;

    top: 0;

    width: 30px;

    height: 30px;

    background: url('../images/footer-icon-link.png');

    background-position: center;

    background-repeat: no-repeat;

    background-size: contain;

    transform: rotate(45deg);

    transition: all 500ms ease-in-out;

    z-index: 1;

    opacity: 0;

}



/*.site-project-details-wrap:hover a.know-more-link {

    border-color: #000000;

    color: #000000;

}*/



.site-project-details-wrap:hover a.know-more-link span:after {

    background: url('../images/footer-icon-link-black.png');

    background-position: center;

    background-repeat: no-repeat;

    transform: rotate(0deg);

    opacity: 1;

    background-size: contain;

}



.site-project-details-wrap:hover a.know-more-link:hover {

    color: #191919;

}



.site-services-what-we-do-wrap {

    background: #191919;

}



.site-services-what-we-do-wrap .site-common-title, .site-services-what-we-do-wrap .site-common-txt {

    color: #ffffff !important;

}



.site-services-what-we-do-wrap .accordion .card {

    border: 0;

    order: 0;

    border-radius: 0;

    background: transparent;

}



.site-services-what-we-do-wrap .accordion .card .container {

    border: 0;

    border-top: 2px solid #414042;

    border-radius: 0;

    background: transparent;

}



.site-services-what-we-do-wrap .accordion .card.current .container {

    border-top: 0;

}



.site-services-what-we-do-wrap .accordion .card .card-header {

    border-radius: 0;

    padding: 0;

    background: transparent;

    border: 0;

}



.site-services-what-we-do-wrap .accordion .card .card-header button {

    padding: 40px 25px 40px 140px;

    font-size: 25px;

    font-weight: 500;

    color: #ffffff;

    position: relative;

    text-decoration: none;

}



.site-services-what-we-do-wrap .accordion .card .card-header button:after {

    content: '';

    position: absolute;

    left: 55px;

    top: 30px;

    width: 50px;

    height: 50px;

    background: transparent;

    display: block;

    border: 8px solid #ffffff;

    border-radius: 50%;

}



.site-services-what-we-do-wrap .accordion .card .card-header button:before {

    content: "\f067";

    position: absolute;

    right: 50px;

    top: 50%;

    font-size: 14px;

    font-family: "Font Awesome 5 Free";

    font-weight: 900;

    background: transparent;

    width: 35px;

    height: 35px;

    display: flex;

    align-items: center;

    justify-content: center;

    transition: all 500ms ease-in-out;

    border-radius: 50%;

    transform: translateY(-50%);

}



.site-services-what-we-do-wrap .accordion .card .card-header button[aria-expanded="true"]::before {

    content: '\f068';

    background: #ffffff;

    color: #f7931d;

}



.site-services-what-we-do-wrap .accordion .card .card-body-inner {

    display: flex;

    align-items: flex-end;

    justify-content: space-between;

}



.site-services-what-we-do-wrap .accordion .card .card-body-inner p {

    width: 40%;

    font-size: 18px;

    color: #ffffff;

    line-height: 39px;

    font-weight: 400;

}



.site-services-what-we-do-wrap .accordion .card .card-body {

    padding: 15px 15px 60px 165px;

}



.site-services-what-we-do-wrap .accordion .card .card-body-inner .know-more-link {

    border: 2px solid #000000;

    color: #000000;

    opacity: 1;

    z-index: 1;

    padding: 15px 70px 15px 35px;

    font-size: 23px;

    position: relative;

    font-weight: bold;

    overflow: hidden;

    transition: color 0.2s ease-in-out 0s, background-color 0.1s ease 0.02s;

}



.site-services-what-we-do-wrap .accordion .card .card-body-inner .know-more-link:before {

    transform: translateY(-100%);

    transition: transform 15ms ease-in-out 0s;

}



.site-services-what-we-do-wrap .accordion .card .card-body-inner .know-more-link:after {

    transform: translateY(100%);

    transition: transform 0.2s ease-in-out 0s;

}



.site-services-what-we-do-wrap .accordion .card .card-body-inner .know-more-link:after, .site-services-what-we-do-wrap .accordion .card .card-body-inner .know-more-link:before {

    content: "";

    position: absolute;

    height: 100%;

    width: 101%;

    right: 0px;

    top: 0px;

    left: 0px;

    background: #ffffff;

}



.site-services-what-we-do-wrap .accordion .card .card-body-inner .know-more-link:hover:before {

    transform: translateY(0px);

    transition: transform 0.2s ease-in-out 0s;

}



.site-services-what-we-do-wrap .accordion .card .card-body-inner .know-more-link:hover:after {

    transform: translateY(0px);

    transition: transform 0ms ease-in-out 0.2s;

}



.site-services-what-we-do-wrap .accordion .card .card-body-inner .know-more-link span {

    position: relative;

    z-index: 1;

}



.site-services-what-we-do-wrap .accordion .card .card-body-inner .know-more-link span:after {

    content: '';

    position: absolute;

    right: -42px;

    top: 0;

    width: 30px;

    height: 30px;

    background: url('../images/footer-icon-link-black.png');

    background-position: center;

    background-repeat: no-repeat;

    background-size: contain;

    transform: rotate(45deg);

    transition: all 500ms ease-in-out;

    z-index: 1;

    opacity: 0;

}



.site-services-what-we-do-wrap .accordion .card .card-body-inner .know-more-link:hover span:after {

    opacity: 1;

    transform: rotate(0deg);

}



.site-services-what-we-do-wrap .accordion .card.current {

    background: #f7931d;

}



.site-services-what-we-do-wrap .accordion .card.current .card-header button, .site-services-what-we-do-wrap .accordion .card.current .card-body-inner p {

    color: #000000;

}



.site-let-work-together-wrap {

    background: #191919;

    padding: 60px 0 120px;

}



.site-let-work-together-wrap .site-let-work-together-center {

    text-align: center;

}



.site-let-work-together-wrap .site-let-work-together-center p {

    color: #6D6E71;

    font-size: 22px;

}



.site-let-work-together-wrap .site-let-work-together-center h3 {

    color: #ffffff;

    font-size: 75px;

    line-height: normal;

    font-weight: bold;

    margin-bottom: 50px;

}



.site-let-work-together-wrap .site-let-work-together-center a {

    width: 50%;

    border: 2px solid #ffffff;

    display: inline-block;

    padding: 15px 0;

    color: #ffffff;

    font-size: 25px;

    font-weight: bold;

    overflow: hidden;

    position: relative;

    transition: color 0.2s ease-in-out 0s, background-color 0.1s ease 0.02s;

}



.site-let-work-together-wrap .site-let-work-together-center a:before {

    transform: translateY(-100%);

    transition: transform 15ms ease-in-out 0s;

}



.site-let-work-together-wrap .site-let-work-together-center a:after {

    transform: translateY(100%);

    transition: transform 0.2s ease-in-out 0s;

}



.site-let-work-together-wrap .site-let-work-together-center a:after, .site-let-work-together-wrap .site-let-work-together-center a:before {

    content: "";

    position: absolute;

    height: 100%;

    width: 101%;

    right: 0px;

    top: 0px;

    left: 0px;

    background: #f7931e;

}



.site-let-work-together-wrap .site-let-work-together-center a span {

    position: relative;

    z-index: 1;

}



.site-let-work-together-wrap .site-let-work-together-center a:hover:before {

    transform: translateY(0px);

    transition: transform 0.2s ease-in-out 0s;

}



.site-let-work-together-wrap .site-let-work-together-center a:hover:after {

    transform: translateY(0px);

    transition: transform 0ms ease-in-out 0.2s;

}



.site-work-gallery-inner-wrap img {

    vertical-align: middle;

}



.site-work-gallery-inner-wrap .img-responsive {

    display: block;

    max-width: 100%;

    height: auto;

}



.site-work-gallery-inner-wrap .grid article {

    background-color: #FFFFFF;

    display: block;

    float: left;

    margin: 0;

    width: 25%;

}



.site-work-gallery-main-wrap .site-work-gallery-inner-wrap .site-work-gallery-inner-title {

    margin-bottom: 25px;

    padding-bottom: 15px;

    border-bottom: 2px solid #CACCCC;

    color: #CACCCC;

    font-size: 22px;

    text-align: center;

    font-weight: bold;

}



.site-work-gallery-main-wrap .site-work-gallery-inner-wrap .filters-button-group {

    display: flex;

    align-items: center;

    justify-content: center;

    margin: 0 -15px 50px;

    flex-wrap: wrap;

}



.site-work-gallery-main-wrap .site-work-gallery-inner-wrap .filters-button-group .filters-button-group-in {

    width: 20%;

    padding: 0 15px;

}



.site-work-gallery-main-wrap .site-work-gallery-inner-wrap .filters-button-group button {

    width: 100%;

    margin: 0;

    border: 0;

    background: #F2F6F6;

    color: #CACCCC;

    font-size: 30px;

    font-weight: 500;

    padding: 15px;

    transition: all 500ms ease-in-out;

}



.site-work-gallery-main-wrap .site-work-gallery-inner-wrap .filters-button-group button:active, .site-work-gallery-main-wrap .site-work-gallery-inner-wrap .filters-button-group button.is-checked, .site-work-gallery-main-wrap .site-work-gallery-inner-wrap .filters-button-group button:hover {

    background: #F7931E;

    color: #ffffff;

}



.site-let-work-together-wrap.site-work-let-work-together-wrap {

    background: #ffffff;

}



.site-let-work-together-wrap.site-work-let-work-together-wrap .site-let-work-together-center p, .site-let-work-together-wrap.site-work-let-work-together-wrap .site-let-work-together-center h3 {

    color: #191919;

}



.site-let-work-together-wrap.site-work-let-work-together-wrap .site-let-work-together-center a {

    border-color: #191919;

    color: #191919;

}



.site-let-work-together-wrap.site-work-let-work-together-wrap .site-let-work-together-center a:hover {

    color: #ffffff;

}



.grid-pagination {

    padding: 50px 0 100px;

}



.grid-pagination ul {

    display: flex;

    align-items: center;

    justify-content: center;

}



.grid-pagination ul li {

    margin: 0 5px;

}



.grid-pagination ul li a {

    display: inline-flex;

    width: 50px;

    height: 50px;

    text-align: center;

    align-items: center;

    justify-content: center;

    transition: all 500ms ease-in-out;

    font-size: 20px;

    color: #909295;

    font-weight: 600;

    font-family: 'Josefin Sans', sans-serif;

}



.grid-pagination ul li a:hover, .grid-pagination ul li.active a {

    background: #F7931E;

    color: #ffffff;

}



.site-address-media-wrap .site-address-media-inner .site-address-media-row {

    display: flex;

    align-items: flex-start;

    flex-wrap: wrap;

    margin: 0 -15px;

}



.site-address-media-wrap .site-address-media-inner .site-address-media-row .site-address-media-col {

    width: 33.33%;

    padding: 0 15px;

}



.site-address-media-wrap .site-address-media-inner .site-address-media-row .site-address-media-col .site-address-media-title {

    margin-bottom: 20px;

    padding-bottom: 5px;

    position: relative;

}



.site-address-media-wrap .site-address-media-inner .site-address-media-row .site-address-media-col .site-address-media-title:after {

    content: '';

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100px;

    background: #ffffff;

    height: 3px;

}



.site-address-media-wrap {

    background: #f7931e;

}



.site-address-media-wrap .site-address-media-inner .site-address-media-row .site-address-media-col p {

    font-size: 18px;

    line-height: 33px;

    color: #191919;

}



.site-address-media-wrap .site-address-media-inner .site-address-media-row .site-address-media-col .site-address-media-phone-list li a {

    color: #191919;

    font-size: 18px;

}



.site-address-media-wrap .site-address-media-inner .site-address-media-row .site-address-media-col .site-address-media-phone-list li {

    margin-bottom: 10px;

}



.site-address-media-wrap .site-address-media-inner .site-address-media-row .site-address-media-col .site-address-media-mail-list {

    margin-top: 40px;

}



.site-address-media-wrap .site-address-media-inner .site-address-media-row .site-address-media-col .site-address-media-mail-list li a {

    border: 2px solid #ffffff;

    color: #ffffff;

    padding: 10px 25px;

    display: inline-block;

    font-family: 'Josefin Sans', sans-serif;

    font-size: 22px;

    font-weight: bold;

    overflow: hidden;

    position: relative;

    transition: color 0.2s ease-in-out 0s, background-color 0.1s ease 0.02s;

}



.site-address-media-wrap .site-address-media-inner .site-address-media-row .site-address-media-col .site-address-media-mail-list li a:before {

    transform: translateY(-100%);

    transition: transform 15ms ease-in-out 0s;

}



.site-address-media-wrap .site-address-media-inner .site-address-media-row .site-address-media-col .site-address-media-mail-list li a:after {

    transform: translateY(100%);

    transition: transform 0.2s ease-in-out 0s;

}



.site-address-media-wrap .site-address-media-inner .site-address-media-row .site-address-media-col .site-address-media-mail-list li a:after, .site-address-media-wrap .site-address-media-inner .site-address-media-row .site-address-media-col .site-address-media-mail-list li a:before {

    content: "";

    position: absolute;

    height: 100%;

    width: 101%;

    right: 0px;

    top: 0px;

    left: 0px;

    background: #191919;

}



.site-address-media-wrap .site-address-media-inner .site-address-media-row .site-address-media-col .site-address-media-mail-list li a span {

    position: relative;

    z-index: 1;

}



.site-address-media-wrap .site-address-media-inner .site-address-media-row .site-address-media-col .site-address-media-mail-list li a:hover:before {

    transform: translateY(0px);

    transition: transform 0.2s ease-in-out 0s;

}



.site-address-media-wrap .site-address-media-inner .site-address-media-row .site-address-media-col .site-address-media-mail-list li a:hover:after {

    transform: translateY(0px);

    transition: transform 0ms ease-in-out 0.2s;

}



.site-address-media-wrap .site-address-media-inner .site-address-media-row .site-address-media-col .site-social-media-list li {

    margin-bottom: 15px;

}



.site-address-media-wrap .site-address-media-inner .site-address-media-row .site-address-media-col .site-social-media-list li a {

    padding: 6px 40px;

    display: inline-block;

    color: #231F20;

    font-size: 22px;

    font-weight: 400;

    transition: all 500ms ease-in-out;

    width: 230px;

}



.site-blog-details-main .site-blog-details-row .site-blog-details-text-wrap .site-blog-details-text-inner .blog-title:hover {

    color: #F7931D;

}



.site-address-media-wrap .site-address-media-inner .site-address-media-row .site-address-media-col .site-social-media-list li a:hover {

    /* background: #ffffff; */

    color: #fff;

}



.mapouter {

    position: relative;

    text-align: right;

    height: 400px;

    width: 100%;

}



.gmap_canvas {

    overflow: hidden;

    background: none !important;

    height: 400px;

    width: 100%;

}



.mapouter iframe {

    height: 100%;

    width: 100%;

    border: 0;

    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");

    /* Firefox 10+ */

    filter: rgb(190, 190, 190);

    /* IE6-9 */

    -webkit-filter: grayscale(85%);

}



/* .site-contact-banner-section-wrap .site-main-banner-row .site-main-banner-col .site-main-banner-col-inner .banner-text {

    color: #ffffff;

} */



.site-contact-us-form-main-wrap .site-common-title-wrap h3.site-common-title {

    color: #ffffff;

}



.site-contact-us-form-main-wrap .site-common-title-wrap .subtag {

    border-color: #f7931d;

}



.site-contact-us-form-main-wrap .site-work-form-row .site-work-form-col .site-work-form-col-inner .contact-us-bottom-text h4:after {

    background: url('../images/footer-icon-link.png');

    background-position: center;

    background-repeat: no-repeat;

    background-size: contain;

}



.site-blog-form .site-blog-form-row {

    display: flex;

    align-items: center;

    justify-content: flex-start;

    margin-top: 50px;

}



.site-blog-form .site-blog-form-row input[type="text"] {

    width: 70%;

    font-size: 22px;

    padding: 0 15px;

    height: 60px;

    border: 0;

}



.site-blog-form .site-blog-form-row button {

    padding: 9px 45px;

    color: #ffffff;

    border: 0;

    background: #f7931d;

    font-size: 28px;

    font-weight: bold;

}



.site-blog-details-main .site-blog-details-row {

    display: flex;

    flex-wrap: wrap;

}



.site-blog-details-main .site-blog-details-row .site-blog-details-img {

    width: 40%;

}



.site-blog-details-main .site-blog-details-row .site-blog-details-text-wrap {

    width: 60%;

}



.site-blog-details-main .site-blog-details-row .site-blog-details-text-wrap .site-blog-details-text-inner {

    padding: 50px;

    background: #f1f1f1;

    height: 100%;

}



.site-blog-details-main .site-blog-details-row .site-blog-details-text-wrap .site-blog-details-text-inner .blog-cat {

    margin-bottom: 20px;

}



.site-blog-details-main .site-blog-details-row .site-blog-details-text-wrap .site-blog-details-text-inner .blog-cat a {

    color: #000000;

    border: 2px solid #000000;

    padding: 6px 15px;

    display: inline-block;

    font-size: 14px;

    font-weight: 400;

    margin-right: 10px;

    transition: all 500ms ease-in-out;

}



.site-blog-details-main .site-blog-details-row .site-blog-details-text-wrap .site-blog-details-text-inner .blog-cat a:hover {

    border-color: #f7931e;

    background: #f7931e;

}



.site-blog-details-main .site-blog-details-row .site-blog-details-text-wrap .site-blog-details-text-inner .blog-title {

    margin-bottom: 20px;

    font-size: 30px;

    font-weight: 500;

    color: #191919;

}



.site-blog-details-main .site-blog-details-row .site-blog-details-text-wrap .site-blog-details-text-inner .author-details-wrap {

    display: flex;

    align-items: center;

    justify-content: flex-start;

    margin-bottom: 20px;

}



.site-blog-details-main .site-blog-details-row .site-blog-details-text-wrap .site-blog-details-text-inner .author-details-wrap img {

    width: 70px;

    height: 70px;

    background: #000000;

    border-radius: 50%;

    border: 0;

}



.site-blog-details-main .site-blog-details-row .site-blog-details-text-wrap .site-blog-details-text-inner .author-details-wrap .author-details {

    width: calc(100% - 70px);

    padding-left: 20px;

}



.site-blog-details-main .site-blog-details-row .site-blog-details-img img {

    width: 100%;

    height: 100%;

    /* object-fit: cover; */

}



.site-blog-details-main .site-blog-details-row .site-blog-details-text-wrap .site-blog-details-text-inner .author-details-wrap .author-details .author-name {

    font-size: 18px;

    margin-bottom: 0;

    color: #191919;

}



.site-blog-details-main .site-blog-details-row .site-blog-details-text-wrap .site-blog-details-text-inner .author-details-wrap .author-details .author-time {

    color: #CCCCCC;

}



.site-blog-details-main .site-blog-details-row .site-blog-details-text-wrap .site-blog-details-text-inner .blog-description {

    font-size: 18px;

    color: #191919;

    line-height: 34px;

}



.site-blog-listing-main {

    margin-top: 50px;

}



.site-blog-listing-main .site-blog-listing-row {

    display: flex;

    flex-wrap: wrap;

    margin: 0 -15px;

}



.site-blog-listing-main .site-blog-listing-row .site-blog-listing-col {

    width: 33.33%;

    padding: 0 15px 30px;

    position: relative;

    display: none;

}



.site-blog-listing-main .site-blog-listing-row .site-blog-listing-col img {

    width: 100%;

    height: 350px;

    transition: all 500ms ease-in-out;

    filter: grayscale(1);

}



.site-blog-listing-main .site-blog-listing-row .site-blog-listing-col .blog-tag {

    position: absolute;

    top: 15px;

    left: 35px;

    z-index: 9;

    color: #ffffff;

    border: 2px solid #ffffff;

    padding: 6px 15px;

    display: inline-block;

    font-size: 14px;

    font-weight: 400;

    margin-right: 0;

    transition: all 500ms ease-in-out;

}



.site-blog-listing-main .site-blog-listing-row .site-blog-listing-col .site-blog-listing-details {

    background: #F2F6F6;

    transition: all 500ms ease-in-out;

}



.site-blog-listing-main .site-blog-listing-row .site-blog-listing-col .site-blog-listing-details .site-blog-listing-one {

    padding: 30px 30px 40px;

}



.site-blog-listing-main .site-blog-listing-row .site-blog-listing-col .site-blog-listing-details .site-blog-listing-one .blog-title {

    margin-bottom: 20px;

    font-size: 30px;

    font-weight: 500;

    transition: all 500ms ease-in-out;

    color: #191919;

}



.site-blog-listing-main .site-blog-listing-row .site-blog-listing-col .site-blog-listing-details .site-blog-listing-one .blog-description {

    font-size: 18px;

    color: #CCCCCC;

    line-height: 30px;

}



.site-blog-listing-main .site-blog-listing-row .site-blog-listing-col .site-blog-listing-details .site-blog-listing-two {

    padding: 20px 30px;

    border-top: 3px solid #ffffff;

}



.site-blog-listing-main .site-blog-listing-row .site-blog-listing-col .site-blog-listing-details .site-blog-listing-two ul {

    display: flex;

    align-items: center;

}



.site-blog-listing-main .site-blog-listing-row .site-blog-listing-col .site-blog-listing-details .site-blog-listing-two ul li {

    margin-right: 25px;

    position: relative;

    overflow: hidden;

}



.site-blog-listing-main .site-blog-listing-row .site-blog-listing-col .site-blog-listing-details .site-blog-listing-two ul li p {

    font-size: 16px;

    padding-left: 25px;

    color: #CCCCCC;

}



.site-blog-listing-main .site-blog-listing-row .site-blog-listing-col .site-blog-listing-details .site-blog-listing-two ul li i {

    position: absolute;

    top: 3px;

    left: 0;

}



.site-blog-listing-main .site-blog-listing-row .site-blog-listing-col .site-blog-listing-details .site-blog-listing-two ul li i.fas.fa-user, .site-blog-listing-main .site-blog-listing-row .site-blog-listing-col .site-blog-listing-details .site-blog-listing-two ul li i.fas.fa-heart {

    left: -19px;

}



.site-blog-listing-main .site-blog-listing-row .site-blog-listing-col .site-blog-listing-col-inner:hover img {

    filter: grayscale(0);

}



.site-blog-listing-main .site-blog-listing-row .site-blog-listing-col .site-blog-listing-col-inner:hover a.blog-tag {

    border-color: #f7931e;

    background: #f7931e;

}



.site-blog-listing-main .site-blog-listing-row .site-blog-listing-col .site-blog-listing-col-inner:hover .site-blog-listing-details {

    background: #191919;

}



.site-blog-listing-main .site-blog-listing-row .site-blog-listing-col .site-blog-listing-col-inner:hover .blog-title {

    color: #f7931e;

}



.site-blog-listing-main .site-blog-listing-row .site-blog-listing-col .site-blog-listing-col-inner:hover .site-blog-listing-two ul li i.fas.fa-user, .site-blog-listing-main .site-blog-listing-row .site-blog-listing-col .site-blog-listing-col-inner:hover .site-blog-listing-two ul li i.fas.fa-heart {

    left: 0;

    color: #f7931e;

}



.site-our-services-about-us-main-wrap.site-our-services-main-wrap .site-our-services-counter-main-wrap .counters .counter {

    height: 160px;

    font-size: 180px;

}



/* .site-our-services-about-us-main-wrap.site-our-services-main-wrap .site-our-services-counter-main-wrap .counters .site-our-services-col-inner p {

    position: relative;

    text-align: right;

    right: -40px;

    line-height: 32px;

    margin-top: 5px;

} */



.site-our-services-about-us-main-wrap.site-our-services-main-wrap .site-our-services-counter-main-wrap .counters .site-our-services-col-inner {

    /* display: inline-flex; */

    flex-direction: column;

    align-items: flex-end;

}



.site-our-services-about-us-main-wrap.site-our-services-main-wrap .site-our-services-counter-main-wrap .counters {

    width: 33.33%;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    position: relative;

    min-height: 330px;

    overflow: hidden;

}



.site-our-services-about-us-main-wrap.site-our-services-main-wrap .site-our-services-counter-main-wrap .counters .site-our-services-captions {

    position: absolute;

    left: 0;

    bottom: -100%;

    text-align: center;

    width: 100%;

    height: 100%;

    background: #F2F6F6;

    z-index: 9;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    padding: 50px;

    display: none;

    transition: all 500ms ease-in-out;

}



.site-our-services-about-us-main-wrap.site-our-services-main-wrap .site-our-services-counter-main-wrap .counters:hover .site-our-services-captions {

    bottom: 0;

}



.site-our-services-about-us-main-wrap.site-our-services-main-wrap .site-our-services-counter-main-wrap .counters .site-our-services-captions .site-our-services-captions-title {

    font-size: 36px;

    font-weight: 400;

}



.site-our-services-about-us-main-wrap.site-our-services-main-wrap .site-our-services-counter-main-wrap .counters .site-our-services-captions .site-our-services-captions-description {

    color: #191919;

    font-size: 18px;

    line-height: 34px;

    font-family: 'Formular';

    font-weight: 500;

}



.site-our-team-main-wrap .our-team-inner-wrap .our-team-row {

    display: flex;

    flex-wrap: wrap;

    margin: 0 -60px;

}



.site-our-team-main-wrap .our-team-inner-wrap .our-team-row .our-team-col {

    width: 25%;

    padding: 0 60px 120px;

}



.site-our-team-main-wrap .our-team-inner-wrap .our-team-row .our-team-col .our-team-col-inner {

    width: 100%;

    height: 250px;

    border: 3px solid #f7931e;

}



.site-our-team-main-wrap {

    padding-bottom: 0;

}



.site-our-team-main-wrap, .site-what-we-bel-main-wrap {

    background: #F2F6F6;

}



.site-what-we-bel-main-wrap .site-what-we-bel-inner .site-what-we-bel-row {

    display: flex;

    flex-wrap: wrap;

    margin: 0 -15px;

}



.site-what-we-bel-main-wrap .site-what-we-bel-inner .site-what-we-bel-row .site-what-we-bel-col {

    width: 33.33%;

    padding: 0 15px;

}



.site-what-we-bel-main-wrap .site-what-we-bel-inner .site-what-we-bel-row .site-what-we-bel-col h4 {

    font-size: 40px;

    font-weight: bold;

    margin: 1rem 0;

}



.site-what-we-bel-main-wrap .site-what-we-bel-inner .site-what-we-bel-row .site-what-we-bel-col p {

    font-size: 18px;

    font-weight: 400;

    line-height: 37px;

}



.site-what-we-bel-main-wrap .site-common-title-wrap {

    border-bottom: 3px solid #ffffff;

    padding-bottom: 50px;

}



.site-what-we-good-main-wrap .site-what-we-good-row {

    display: flex;

    flex-wrap: wrap;

    margin: 0 -15px;

}



.site-what-we-good-main-wrap .site-what-we-good-row .site-what-we-good-col {

    width: 25%;

    padding: 0 15px 30px;

    text-align: center;

    transition: transform .2s;

}



.site-what-we-good-main-wrap .site-what-we-good-row .site-what-we-good-col:hover {

    transform: scale(1.1);

}



.site-what-we-good-main-wrap .site-what-we-good-row .site-what-we-good-col .site-what-we-good-cirlce {

    width: 125px;

    height: 125px;

    border: 2px solid #000000;

    margin: 0 auto 15px;

    display: block;

    border-radius: 50%;

}



.site-what-we-good-main-wrap .site-what-we-good-row .site-what-we-good-col h4 {

    font-size: 30px;

    font-weight: 500;

    margin-bottom: 0;

}



.site-what-we-good-main-wrap img {

    width: 20%;

}



.site-what-we-good-main-wrap .site-what-we-good-col a {

    color: #000000;

}



.rotating-slider {

    margin: 5em auto;

    height: 360px;

    position: relative;

    width: 480px;

}



.rotating-slider ul.direction-controls {

    list-style: none;

    margin: 0;

    padding: 0;

    display: none;

}



.rotating-slider ul.direction-controls li.left-arrow {

    position: absolute;

    top: 50%;

    right: 100%;

    transform: translateY(-50%);

}



.rotating-slider ul.direction-controls li.right-arrow {

    position: absolute;

    top: 50%;

    left: 100%;

    transform: translateY(-50%);

}



.rotating-slider ul.direction-controls li button {

    background: rgba(0, 0, 0, 0.2);

    border: none;

    color: white;

    cursor: pointer;

    font-size: 1.5em;

    font-weight: bold;

    height: 1.5em;

    line-height: 1.5em;

    padding: 0;

    text-align: center;

    transition: background 0.25s;

    width: 1.5em;

}



.rotating-slider ul.direction-controls li button:hover {

    background: rgba(0, 0, 0, 0.6);

}



.rotating-slider ul.slides {

    border-radius: 50%;

    height: 100%;

    margin: 0;

    overflow: hidden;

    padding: 0;

    position: relative;

    top: 0;

    left: 50%;

    transform: translateX(-50%) rotate(0);

    transform-origin: center center;

    width: 100%;

}



.rotating-slider ul.slides li {

    background: transparent;

    background-position: center;

    background-size: cover;

    display: block;

    list-style: none;

    position: absolute;

    top: 0;

    left: 50%;

    text-align: center;

    transform-origin: bottom center;

    width: 100%;

    padding: 40px 0 !important;

}



#jquery-script-menu {

    position: absolute;

    height: 90px;

    width: 100%;

    top: 0;

    left: 0;

    border-top: 5px solid #316594;

    background: #fff;

    -moz-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .16);

    -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .16);

    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .16);

    z-index: 999999;

    padding: 10px 0;

    -webkit-box-sizing: content-box;

    -moz-box-sizing: content-box;

    box-sizing: content-box

}



.jquery-script-center {

    max-width: 960px;

    margin: 0 auto

}



.jquery-script-center ul {

    width: 212px;

    float: left;

    line-height: 45px;

    margin: 0;

    padding: 0;

    list-style: none

}



.jquery-script-center a {

    text-decoration: none

}



.jquery-script-ads {

    max-width: 728px;

    height: 90px;

    float: right

}



.jquery-script-clear {

    clear: both;

    height: 0

}



#carbonads {

    display: block;

    overflow: hidden;

    max-width: 728px;

    position: relative;

    font-size: 22px;

    box-sizing: content-box

}



#carbonads>span {

    display: block

}



#carbonads a {

    color: #4078c0;

    text-decoration: none

}



#carbonads a:hover {

    color: #3664a3

}



.carbon-wrap {

    display: flex;

    align-items: center

}



.carbon-img {

    display: block;

    margin: 0;

    line-height: 1

}



.carbon-img img {

    display: block;

    height: 90px;

    width: auto

}



.carbon-text {

    display: block;

    padding: 0 1em;

    line-height: 1.35;

    text-align: left

}



.carbon-poweredby {

    display: block;

    position: absolute;

    bottom: 0;

    right: 0;

    padding: 6px 10px;

    text-align: center;

    text-transform: uppercase;

    letter-spacing: .5px;

    font-weight: 600;

    font-size: 8px;

    border-top-left-radius: 4px;

    line-height: 1;

    color: #aaa !important

}



/* blog details page */



/* blog theme */



.inner-theme-light {

    --color-primary: #0060df;

    --color-secondary: #f5f5f5;

    --color-accent: #fd6f53;

    --font-color: #000000;

}



.inner-theme-dark {

    --color-primary: #17ed90;

    --color-secondary: #231F20;

    --color-black: #000;

    --color-accent: #12cdea;

    --font-color: #ffffff;

    --main-color: #F7931E;

}



.container-theme-color-change-blog-inner {

    background-color: var(--color-black);

}



.container-theme-color-change-blog-inner .sidebar-main-text, .container-theme-color-change-blog-inner .btn-sidebar a, .container-theme-color-change-blog-inner .sidebar-main-text, .container-theme-color-change-blog-inner .blog-page-inner-subheading, .container-theme-color-change-blog-inner .single_post p, .container-theme-color-change-blog-inner .blog-page-subheading, .container-theme-color-change-blog-inner .card .header-blog ul li {

    color: var(--font-color);

    border-color: var(--font-color);

}



.container-theme-color-change-blog-inner .card {

    background-color: var(--color-secondary);

}



/* The switch - the box around the slider */



.switch {

    position: absolute;

    display: inline-block;

    width: 60px;

    height: 20px;

    top: -34px;

    right: 14px;

}



/* Hide default HTML checkbox */



.switch input {

    opacity: 0;

    width: 0;

    height: 0;

}



/* The slider */



.slider-cus {

    width: 50px;

    position: absolute;

    cursor: pointer;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: #F7931E;

    -webkit-transition: 0.4s;

    transition: 0.4s;

}



.slider-cus:before {

    position: absolute;

    content: "";

    height: 30px;

    width: 30px;

    left: 0px;

    bottom: 4px;

    top: 0;

    bottom: 0;

    margin: auto 0;

    -webkit-transition: 0.4s;

    transition: 0.4s;

    box-shadow: 0 0px 15px #2020203d;

    background: white url('../images/sunny.png');

    background-repeat: no-repeat;

    background-position: center;

}



input:checked+.slider-cus {

    background-color: #ccc;

}



input:focus+.slider-cus {

    box-shadow: 0 0 1px #2196f3;

}



input:checked+.slider-cus:before {

    -webkit-transform: translateX(24px);

    -ms-transform: translateX(24px);

    transform: translateX(24px);

    background: white url('../images/moon.png');

    background-repeat: no-repeat;

    background-position: center;

}



/* Rounded sliders */



.slider-cus.round {

    border-radius: 34px;

}



.slider-cus.round:before {

    border-radius: 50%;

}



/* body{

    background-color: #f4f7f6;

    margin-top:20px;

} */



#main-content-blog {

    /* padding: 11% 0 0 0; */

}



#main-content-blog ul li {

    /* color: #000; */

    box-shadow: none;

}



#main-content-blog ul li .inner-bold-li {

    font-size: 22px;

    padding-top: 2%;

}



#main-content-blog .card {

    /* background: #fff; */

    transition: .5s;

    border: 0;

    margin-bottom: 30px;

    border-radius: 0;

    position: relative;

    width: 100%;

    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 10%);

}



#main-content-blog .card .body {

    color: #444;

    padding: 0 20px 20px;

    font-weight: 400;

}



#main-content-blog .blog-page-heading {

    margin-bottom: 2%;

    padding: 2%;

    background-color: #fff;

    border-left: 6px solid #F7931E;

}



#main-content-blog .blog-page-text {

    padding: 1% 0;

    /* color: #000; */

}



#main-content-blog .blog-page-subheading {

    /* color: #000000; */

    padding-top: 2%;

    font-size: 30px;

}



#main-content-blog .blog-page-inner-subheading {

    font-size: 25px;

    /* color: #000; */

    padding-top: 2%;

}



#main-content-blog .blog-page-text b, strong {

    font-weight: bold;

}



#main-content-blog .card .header-blog ul li {

    margin-left: 4%;

    list-style-type: disc;

    padding: 5px;

}



#main-content-blog .inner-text {

    padding-left: 2%;

}



#main-content-blog .next-prev-btn a h5 {

    color: #F7931E;

}



#main-content-blog .next-prev-btn a {

    color: #000;

}



#main-content-blog .card .header-blog {

    padding: 2%;

}



#main-content-blog .sidebar-main-text {

    font-size: 15px;

    /* color: #333; */

    padding: 3% 0;

}



.btn-sidebar a {

    border: 2px solid #000;

    color: #000;

    width: 100%;

    padding: 2%;

    text-align: center;

    display: inline-block;

    font-family: 'Josefin Sans', sans-serif;

    font-size: 18px;

    font-weight: bold;

    overflow: hidden;

    position: relative;

    transition: color 0.2s ease-in-out 0s, background-color 0.1s ease 0.02s;

}



.btn-sidebar a:before {

    transform: translateY(-100%);

    transition: transform 15ms ease-in-out 0s;

}



.btn-sidebar a:after {

    transform: translateY(100%);

    transition: transform 0.2s ease-in-out 0s;

}



.btn-sidebar a:after, .btn-sidebar a:before {

    content: "";

    position: absolute;

    height: 100%;

    width: 101%;

    right: 0px;

    top: 0px;

    left: 0px;

    background: #f7931e;

}



.btn-sidebar a span {

    position: relative;

    z-index: 1;

}



.btn-sidebar a:hover:before {

    transform: translateY(0px);

    transition: transform 0.2s ease-in-out 0s;

}



.btn-sidebar a:hover:after {

    transform: translateY(0px);

    transition: transform 0ms ease-in-out 0.2s;

}



#main-content-blog .single_post {

    padding: 2% 0;

    -webkit-transition: all .4s ease;

    transition: all .4s ease

}



.trending-post {

    border-bottom: 1px solid #4a4a4a;

}



#main-content-blog .single_post .body {

    padding: 2%;

}



#main-content-blog .single_post .img-post:hover .social_share {

    display: block

}



#main-content-blog .single_post .footer {

    padding: 0 30px 30px 30px

}



#main-content-blog .single_post .footer .actions {

    display: inline-block

}



#main-content-blog .single_post .footer .stats {

    cursor: default;

    list-style: none;

    padding: 0;

    display: inline-block;

    float: right;

    margin: 0;

    line-height: 35px

}



#main-content-blog .single_post .footer .stats li {

    border-left: solid 1px rgba(160, 160, 160, 0.3);

    display: inline-block;

    font-weight: 400;

    letter-spacing: 0.25em;

    line-height: 1;

    margin: 0 0 0 2em;

    padding: 0 0 0 2em;

    text-transform: uppercase;

    font-size: 13px

}



#main-content-blog .single_post .footer .stats li a {

    color: #777

}



#main-content-blog .single_post .footer .stats li:first-child {

    border-left: 0;

    margin-left: 0;

    padding-left: 0

}

.clutch-widget .widgets_wrapper{

    display: flex !important;

    justify-content: center !important; 

}



#main-content-blog .single_post p {

    font-size: 16px;

    line-height: 26px;

    font-weight: 300;

    margin: 0

}



#main-content-blog .single_post .blockquote p {

    margin-top: 0 !important

}



#main-content-blog .single_post .meta {

    list-style: none;

    padding: 0;

    margin: 0

}



#main-content-blog .single_post .meta li {

    display: inline-block;

    margin-right: 15px

}



#main-content-blog .single_post .meta li a {

    font-style: italic;

    color: #959595;

    text-decoration: none;

    font-size: 12px

}



#main-content-blog .single_post .meta li a i {

    margin-right: 6px;

    font-size: 12px

}



#main-content-blog .single_post2 {

    overflow: hidden

}



#main-content-blog .single_post2 .content {

    margin-top: 15px;

    margin-bottom: 15px;

    padding-left: 80px;

    position: relative

}



#main-content-blog .single_post2 .content .actions_sidebar {

    position: absolute;

    top: 0px;

    left: 0px;

    width: 60px

}



#main-content-blog .single_post2 .content .actions_sidebar a {

    display: inline-block;

    width: 100%;

    height: 60px;

    line-height: 60px;

    margin-right: 0;

    text-align: center;

    border-right: 1px solid #e4eaec

}



#main-content-blog .single_post2 .content .title {

    font-weight: 100

}



#main-content-blog .single_post2 .content .text {

    font-size: 15px

}



#main-content-blog .right-box .categories-clouds li {

    display: inline-block;

    margin-bottom: 5px

}



#main-content-blog .comment-reply li {

    margin-bottom: 15px

}



#main-content-blog .comment-reply li:last-child {

    margin-bottom: none

}



#main-content-blog .comment-reply li h5 {

    font-size: 19px;

    color: #000000;

}



#main-content-blog .comment-reply li p {

    margin-bottom: 0px;

    font-size: 15px;

    color: #000

}



#main-content-blog .comment-reply .list-inline li {

    display: inline-block;

    margin: 0;

    padding-right: 20px

}



#main-content-blog .comment-reply .tech-rec-post {

    padding-top: 2%;

    color: rgb(136, 136, 136);

    /* font-weight: 500; */

    font-size: 19px;

}



#main-content-blog .comment-reply .list-inline li a {

    font-size: 13px

}



#video-testimonial-main-wrap .video-testimonial-block {

    position: relative;

    /* width: auto;  */

    height: 380px;

    overflow: hidden;

    margin-bottom: 30px;

}



#video-testimonial-main-wrap .video-testimonial-block .video-thumbnail {

    height: 100%;

    width: 100%;

    /* position: absolute;  */

    z-index: 1;

    /* background-size: cover;  */

}



#video-testimonial-main-wrap .video-testimonial-block .video iframe {

    position: absolute;

    /* overflow: hidden; */

    width: 99%;

    height: 100%;

}



#video-testimonial-main-wrap .video-testimonial-block .video-play {

    position: absolute;

    z-index: 1;

    top: 77%;

    left: 1%;

    /* margin-left: -30px; 

     margin-top: -30px;  */

    text-decoration: none;

}



#video-testimonial-main-wrap .video-testimonial-block .video-play::before {

    content: "\f144";

    font: normal normal normal 14px/1;

    font-family: 'Font Awesome\ 5 Free';

    font-weight: 900;

    font-size: inherit;

    /* text-rendering: auto;  */

    /* -webkit-font-smoothing: antialiased;  */

    /* -moz-osx-font-smoothing: grayscale;  */

    font-size: 50px;

    color: #F7931E;

}



#video-testimonial-main-wrap .owl-theme .owl-dots .owl-dot.active span {

    background: #F7931E;

    width: 25px;

    transform: translateX(1px);

}



#video-testimonial-main-wrap .owl-theme .owl-dots .owl-dot span {

    background: #e7e7e7;

    transition: 0.5s;

}



.item {

    text-align: center;

    align-items: center;

    display: flex;

    justify-content: center;

}



/* #video-testimonial-main-wrap .video-testimonial-content{

    position: absolute; z-index: 1; top: 22%;

    left: 74%; margin-left: -40px; margin-top: -18px; text-decoration: none;

    color: #fff;

} */



/* our team page start */



#our-team-page-main-wrap .content {

    position: relative;

    width: 90%;

    max-width: 400px;

    margin: auto;

    overflow: hidden;

}



#our-team-page-main-wrap .content .content-overlay {

    background: #5f5f5f67;

    position: absolute;

    height: 100%;

    width: 100%;

    left: 0;

    top: 0;

    bottom: 0;

    right: 0;

    opacity: 0;

    -webkit-transition: all 0.4s ease-in-out 0s;

    -moz-transition: all 0.4s ease-in-out 0s;

    transition: all 0.4s ease-in-out 0s;

}



#our-team-page-main-wrap .content:hover .content-overlay {

    opacity: 1;

}



#our-team-page-main-wrap .content-image {

    width: 100%;

}



#our-team-page-main-wrap h3, #our-team-page-main-wrap p {

    color: #fff;

}



#our-team-page-main-wrap .content-details {

    position: absolute;

    /* text-align: center; */

    padding-left: 1em;

    padding-right: 1em;

    width: 100%;

    top: 50%;

    left: 50%;

    opacity: 0;

    -webkit-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    -webkit-transition: all 0.3s ease-in-out 0s;

    -moz-transition: all 0.3s ease-in-out 0s;

    transition: all 0.3s ease-in-out 0s;

}



#our-team-page-main-wrap .content:hover .content-details {

    top: 85%;

    left: 50%;

    opacity: 1;

}



#our-team-page-main-wrap .fadeIn-bottom {

    top: 100%;

}



/* our page end */



.site-how-we-doit-main-wrap {

    overflow: hidden;

}



.site-how-we-doit-main-wrap {

    padding-top: 60px;

}



.site-how-we-doit-main-wrap .inner img {

    width: 30%;

}



.rotating-slider ul.slides li .inner {

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

    flex-direction: column;

    padding: 0 35px;

}



.rotating-slider ul.slides li .inner .circle-div {

    width: 50px;

    height: 50px;

    border: 15px solid #191919;

    border-radius: 50%;

}



.rotating-slider ul.slides li .inner p {

    font-size: 14px;

    font-weight: 500;

    line-height: 27px;

    padding: 0 15px;

    display: none;

}



.rotating-slider ul.slides li.active .inner p {

    display: block;

}



.rotating-slider ul.slides li.active .inner .circle-div {

    width: 70px;

    height: 70px;

    border: 5px solid #F7931E;

}



.rotating-slider ul.slides li.active .inner h2 {

    font-weight: bold;

    color: #F7931E;

}



.rotating-slider ul.slides li .inner h2 {

    font-size: 25px;

    margin-top: 15px;

}



.rotating-slider ul.slides li .inner h2 span {

    display: block;

}



.site-vanila-tilt-js-main-wrap .site-vanila-tilt-js-inner .site-vanila-tilt-js-row {

    display: flex;

    flex-wrap: wrap;

    margin: 0 -15px;

}



.site-vanila-tilt-js-main-wrap .site-vanila-tilt-js-inner .site-vanila-tilt-js-row .site-vanila-tilt-js-col {

    width: 50%;

    padding: 0 15px 30px;

    display: none;

}



.site-vanila-tilt-js-main-wrap .site-vanila-tilt-js-inner .site-vanila-tilt-js-row .site-vanila-tilt-js-col img {

    width: 100%;

    height: 400px;

    object-fit: cover;

}



.site-vanila-tilt-js-main-wrap .site-vanila-tilt-js-inner .site-vanila-tilt-js-row .site-vanila-tilt-js-col .site-vanila-tilt-js-col-inner:hover h4 {

    transform: translateZ(1px);

}



.site-vanila-tilt-js-main-wrap .site-vanila-tilt-js-inner .site-vanila-tilt-js-row .site-vanila-tilt-js-col .site-vanila-tilt-js-col-inner {

    position: relative;

    transition: transform 0.5s ease;

    transform-style: preserve-3d;

    -webkit-transform-style: preserve-3d;

    -webkit-backface-visibility: hidden;

    /* will-change: transform;

    transform: perspective(1000px) rotateX(

0deg

) rotateY(

0deg

) scale3d(1, 1, 1); */

}



.js-tilt-glare-inner {

    -webkit-backface-visiblility: hidden;

}



.site-vanila-tilt-js-main-wrap .site-vanila-tilt-js-inner .site-vanila-tilt-js-row .site-vanila-tilt-js-col .site-vanila-tilt-js-col-inner:hover {

    -webkit-backface-visibility: hidden;

    /* transform: perspective(1000px) rotateX( 0deg ) rotateY( 0deg ) scale3d(1, 1, 1); */

}



.site-vanila-tilt-js-main-wrap .site-vanila-tilt-js-inner .site-vanila-tilt-js-row .site-vanila-tilt-js-col .site-vanila-tilt-js-col-inner::after {

    content: '';

    top: 0;

    left: 0;

    z-index: 10;

    width: 100%;

    height: 100%;

    display: block;

    position: absolute;

    background: linear-gradient(rgb(187 187 187 / 80%), rgb(21 21 21 / 80%));

    opacity: 0.5;

}



.site-vanila-tilt-js-main-wrap .site-vanila-tilt-js-inner .site-vanila-tilt-js-row .site-vanila-tilt-js-col .site-vanila-tilt-js-col-inner h4 {

    position: absolute;

    left: 45px;

    bottom: 30px;

    color: #ffffff;

    margin: 0;

    font-size: 40px;

    transform: translateZ(40px);

    font-weight: 600;

}



.skip-link-wrap a {

    cursor: pointer;

    font-size: 31px;

    line-height: 1.25;

    background-color: transparent;

    color: #000000;

    font-weight: bold;

}



.skip-link-wrap {

    position: absolute;

    bottom: 0;

    right: 100px;

    z-index: 99;

}



.panel-left-text-main-wrap {

    position: absolute;

    left: 9%;

    bottom: 155px;

    z-index: 9;

    width: 305px;

    padding-top: 40px;

    line-height: 1.56;

    margin-top: auto;

    overflow: hidden;

    color: #f7931e;

    -webkit-transition: opacity .5s .2s, -webkit-transform .7s .2s;

    transition: opacity .5s .2s, -webkit-transform .7s .2s;

    transition: transform .7s .2s, opacity .5s .2s;

    transition: transform .7s .2s, opacity .5s .2s, -webkit-transform .7s .2s;

    opacity: 1 !important;

    -webkit-transform: translateY(0);

    transform: translateY(0);

}



.pin-spacer.active .panel-left-text-main-wrap, .panel-left-text-main-wrap.aos-animate {

    -webkit-transition: opacity .4s, -webkit-transform .4s;

    transition: opacity .4s, -webkit-transform .4s;

    transition: transform .4s, opacity .4s;

    transition: transform .4s, opacity .4s, -webkit-transform .4s;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

    opacity: 0 !important;

}



.cookies-wrap {

    width: 280px;

    background: url(../images/Cookie-bg.png) center center / 100% 100% no-repeat;

    position: fixed;

    right: 0px;

    padding: 14px 64px 20px 20px;

    z-index: 98;

    left: 16px;

    bottom: -100%;

}



.cookies-wrap.active {

    bottom: 16px;

}



.cookies-wrap .text-caption p {

    font-size: 15px;

    line-height: 20px;

    margin-bottom: 15px;

    color: rgb(61, 61, 61);

    letter-spacing: 0.1px;

}



.cookies-wrap .text-caption button.button {

    font-size: 14px;

    line-height: 15px;

    padding: 9px 22px 10px;

    border: 1px solid rgb(0, 0, 0);

    text-transform: uppercase;

    font-weight: 500;

    letter-spacing: 1.5px;

    border-radius: 4px;

    position: relative;

    overflow: hidden;

    z-index: 1;

    cursor: pointer;

    background: transparent;

    transition: color 0.15s ease-in-out 0s;

    display: inline-block;

}



.cookies-wrap .text-caption button.button:after, .cookies-wrap .text-caption button.button:before {

    content: "";

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0px;

    left: 0px;

    background: #F7931E;

    z-index: -1;

}



.cookies-wrap .text-caption button.button:after {

    transform: translateY(100%);

    transition: transform 0.2s ease-in-out 0s;

}



.cookies-wrap .text-caption button.button:before {

    transform: translateY(-100%);
    transition: transform 15ms ease-in-out 0s;

}



.cookies-wrap .text-caption button.button:hover:before {

    transform: translateY(0px);

    transition: transform 0.2s ease-in-out 0s;

}



.cookies-wrap .text-caption button.button:hover:after {

    transform: translateY(0px);

    transition: transform 0ms ease-in-out 0.2s;

}



.cookies-wrap .text-caption button.button:hover {

    color: #ffffff;

}



.load-more-main-wrap {

    text-align: center;

}



.load-more-main-wrap .load-more {

    width: auto;

    border: 2px solid #191919;

    display: inline-block;

    padding: 10px 30px;

    color: #191919;

    font-size: 25px;

    margin-top: 50px;

    font-weight: bold;

    overflow: hidden;

    position: relative;

    transition: color 0.2s ease-in-out 0s, background-color 0.1s ease 0.02s;

}



.load-more-main-wrap .load-more span {

    position: relative;

    z-index: 1;

}



.load-more-main-wrap .load-more:after, .load-more-main-wrap .load-more:before {

    content: "";

    position: absolute;

    height: 100%;

    width: 101%;

    right: 0px;

    top: 0px;

    left: 0px;

    background: #f7931e;

}



.load-more-main-wrap .load-more:before {

    transform: translateY(-100%);

    transition: transform 15ms ease-in-out 0s;

}



.load-more-main-wrap .load-more:after {

    transform: translateY(100%);

    transition: transform 0.2s ease-in-out 0s;

}



.load-more-main-wrap .load-more:hover:after {

    transform: translateY(0px);

    transition: transform 0ms ease-in-out 0.2s;

}



.load-more-main-wrap .load-more {

    border-color: #000;

}



.load-more-main-wrap .load-more:hover {

    color: #ffffff;

    border-color: #000;

}



.load-more-main-wrap .load-more:hover:before {

    transform: translateY(0px);

    transition: transform 0.2s ease-in-out 0s;

}



#records_animation {

    position: relative;

    width: 100%;

    height: 260px;

    margin: auto 0 70px;

    overflow-x: hidden;

}



.animation_item {

    position: absolute;

    display: inline-block;

    top: 20px;

    width: 194px;

    height: auto;

    z-index: 4;

}



.animation_item img {

    width: 100%;

    height: 200px;

    object-fit: cover;

    border-radius: 50%;

}



.site-community-main-wrap {

    background: linear-gradient(rgba(244, 137, 30, 0.90), rgba(244, 137, 30, 0.90)), url(../images/home-bg.jpg);

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    padding: 80px 0;

}



.site-community-main-wrap .site-community-main-row {

    display: flex;

    flex-wrap: wrap;

    margin: 0 -15px;

}



.site-community-main-wrap .site-community-main-row .site-community-main-col {

    width: 50%;

    padding: 0 15px;

}



.site-community-main-wrap .site-community-main-row .site-community-main-col .site-common-title-row {

    flex-direction: column;

}



.site-community-main-wrap .site-community-main-row .site-community-main-col .site-common-title-row .site-common-title {

    width: 100%;

}



.site-community-main-wrap .site-community-main-row .site-community-main-col .site-common-title-row .site-common-txt {

    width: 100%;

}



.site-community-main-wrap .site-community-main-row .site-community-main-col:last-child .site-community-main-col-inner {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 100%;

    height: 100%;

    text-align: center;

}



.site-community-main-wrap .site-community-main-row .site-community-main-col:last-child .site-community-main-col-inner h3.counter {

    font-size: 100px;

    font-weight: bold;

    color: #ffffff;

}



.site-community-main-wrap .site-community-main-row .site-community-main-col:last-child .site-community-main-col-inner p {

    font-family: 'Space Grotesk', sans-serif;

    font-size: 40px;

    text-align: center;

    color: #fff;

}



.site-technology-main-wrap .site-technology-main-row {

    display: flex;

    flex-wrap: wrap;

    margin: 50px -15px 0;

}



.site-technology-main-wrap .site-technology-main-row .site-technology-col {

    width: 25%;

    padding: 0 15px 30px;

}



.site-technology-main-wrap .site-technology-main-row .site-technology-col .site-technology-col-inner {

    padding: 30px;

    background: #f2f6f6;

}



.site-technology-main-wrap .site-technology-main-row .site-technology-col .site-technology-col-inner img {

    width: 80px;

    animation-duration: 1.5s;

}



.site-technology-main-wrap .site-technology-main-row .site-technology-col .site-technology-col-inner .img-game {

    width: 50%;

}



.site-technology-main-wrap .site-technology-main-row .site-technology-col .site-technology-col-inner h4 {

    margin: 24px 0 0;

    font-size: 25px;

    line-height: 52px;

    font-weight: 700;

}



/* .site-technology-main-wrap .site-technology-main-row .site-technology-col .site-technology-col-inner:hover {

    background: rgb(244 137 30);

    color: #fff;

}

.site-technology-main-wrap .site-technology-main-row .site-technology-col .site-technology-col-inner:hover img {

    content: url(../images/tech/asp.nethover.png);

}

.site-technology-main-wrap .site-technology-main-row .site-technology-col .site-technology-col-inner.vuejs:hover img {

    content: url(../images/tech/vuejshover.png);

}

.site-technology-main-wrap .site-technology-main-row .site-technology-col .site-technology-col-inner.java:hover img {

    content: url(../images/tech/javahover.png);

}

.site-technology-main-wrap .site-technology-main-row .site-technology-col .site-technology-col-inner.reactjs:hover img {

    content: url(../images/tech/reactjshover.png);

}

.site-technology-main-wrap .site-technology-main-row .site-technology-col .site-technology-col-inner.nodejs:hover img {

    content: url(../images/tech/nodejshover.png);

}

.site-technology-main-wrap .site-technology-main-row .site-technology-col .site-technology-col-inner.php:hover img {

    content: url(../images/tech/phphover.png);

}

.site-technology-main-wrap .site-technology-main-row .site-technology-col .site-technology-col-inner.angular:hover img {

    content: url(../images/tech/angularhover.png);

}

.site-technology-main-wrap .site-technology-main-row .site-technology-col .site-technology-col-inner.cross:hover img {

    content: url(../images/tech/crosshover.png);

}

.site-technology-main-wrap .site-technology-main-row .site-technology-col .site-technology-col-inner.ios:hover img {

    content: url(../images/tech/ioshover.png);

}

.site-technology-main-wrap .site-technology-main-row .site-technology-col .site-technology-col-inner.android:hover img {

    content: url(../images/tech/androidhover.png);

}

.site-technology-main-wrap .site-technology-main-row .site-technology-col .site-technology-col-inner.auto-test:hover img {

    content: url(../images/tech/automation_testing_hover.png);

}

.site-technology-main-wrap .site-technology-main-row .site-technology-col .site-technology-col-inner.mannu-test:hover img {

    content: url(../images/tech/menual_testing_hover.png);

}

.site-technology-main-wrap .site-technology-main-row .site-technology-col .site-technology-col-inner.unity-icon:hover img {

    content: url(../images/svg_icons/unity-hover.svg);

}

.site-technology-main-wrap .site-technology-main-row .site-technology-col .site-technology-col-inner.open-icon:hover img {

    content: url(../images/svg_icons/open-fl-hover.svg);

}

.site-technology-main-wrap .site-technology-main-row .site-technology-col .site-technology-col-inner.phaser-icon:hover img {

    content: url(../images/svg_icons/phaser-hover.svg);

}

.site-technology-main-wrap .site-technology-main-row .site-technology-col .site-technology-col-inner.python-icon:hover img {

    content: url(../images/svg_icons/Hover-python.svg);

}

.site-technology-main-wrap .site-technology-main-row .site-technology-col .site-technology-col-inner.machine-icon:hover img {

    content: url(../images/svg_icons/Hover-machine-learning.svg);

} */



.site-our-expertise-main-wrap .site-Our-expertise-main-row {

    display: flex;

    flex-wrap: wrap;

    margin: 0 -15px;

}



.site-our-expertise-main-wrap .site-Our-expertise-main-row .site-Our-expertise-main-col {

    width: 25%;

    padding: 0 15px;

}



.site-our-expertise-main-wrap .site-Our-expertise-main-row .site-Our-expertise-main-col .site-Our-expertise-main-col-inner {

    padding: 30px 0;

}



.site-our-expertise-main-wrap .site-Our-expertise-main-row .site-Our-expertise-main-col .site-Our-expertise-main-col-inner img {

    width: 70px;

}



.site-our-expertise-main-wrap .site-Our-expertise-main-row .site-Our-expertise-main-col .site-Our-expertise-main-col-inner h4 {

    margin: 0;

    padding-top: 1rem;

    font-size: 30px;

    line-height: 40px;

    letter-spacing: 2px;

}



.come-in {

    transform: translateY(100px);

    animation: come-in 1.5s ease forwards;

}



@keyframes come-in {

    to {

        transform: translateY(0);

    }

}



.site-technology-col-inner, .site-technology-col-inner img, .site-Our-expertise-main-col-inner, .site-Our-expertise-main-col-inner img, .site-Our-expertise-main-col-inner h4 {

    animation-duration: 1.5s;

}



.site-inner-banner-work .site-inner-banner-title h2 {

    margin: 0;

    font-size: 60px;

    font-weight: bold;

    color: #ffffff;

}



.site-inner-banner-work {

    background-color: #191919;

    height: 50vh;

    align-items: center;

    justify-content: center;

    display: flex;

}



.filter-main-wrap {

    background-color: #f7931e;

    margin-bottom: 60px;

    z-index: 1024;

}



.filter-main-wrap .filter-one-project {

    padding: 20px 0;

    text-align: center;

    vertical-align: middle;

}



.filter-main-wrap .filter-one-project a {

    color: hsla(0, 0%, 100%, .6);

}



.filter-main-wrap .filter-one-project a:hover {

    color: #fff;

}



.heading-text-work {

    font-size: 64px;

    font-weight: 700;

}



.project-info-wrap p {

    font-size: 20px;

    font-weight: 500;

    color: #7e8888;

    margin-bottom: 20px

}



.next-project-wrap p {

    font-size: 20px;

    font-weight: 500;

    color: #ffedd7cf;

    margin-bottom: 40px

}



.next-project-wrap h3 {

    color: #fff;

}



.next-project-wrap h3:hover {

    text-decoration: underline;

}



.product-description {

    font-size: 16px;

    line-height: 24.6px;

    margin-top: 60px;

}



.challenges-main-wrap .product-description {

    margin: 30px 0 0 30px;

    list-style-type: disc;

}



.challenge-technologie {

    font-size: 50px;

    font-weight: 700;

    padding-bottom: 20px;

}



.challenges-main-wrap .row img {

    width: 60%;

}



.next-project-main-wrap {

    background-color: #f7931e;

    height: 50vh;

    text-align: center;

    align-items: center;

    justify-content: center;

    display: flex;

    color: #fff;

}



.icons-our-team p {

    padding-top: 13px;

    font-size: 25px;

    line-height: 30px;

    color: #f7931e;

}



.icons-our-team .col-for-icons {

    padding: 0 5rem;

    transition: transform .2s;

}



.icons-our-team .col-for-icons:hover {

    transform: scale(1.1);

}



/* site map */



.site-map-main-wrap ul li a p {

    color: #000;

    font-size: 17px;

}



.site-map-main-wrap ul li a p:hover {

    color: #f7931e;

}



.site-map-main-wrap ul li {

    padding: 5px 0;

}



/*---- Main stylesheet ----*/



/*---- Footer stylesheet ----*/



.footer-contact-icons-wrap {

    /* padding: 0 35px; */

}



.footer-contact-section {

    /* padding: 0 2%; */

    justify-content: center;

}



.footer .section-padding {

    /* padding: 60px 0; */

    /* padding: 100px 0; */

}



.footer .footer-white-section-middle {

    /* transform: translateY(25%); */

    transform: translateY(11%);

}



/* .footer-menu-main-section{

padding-top: 90px;

} */



.footer_social_icon_wrap li a {

    color: #fff;

    margin: 0 .5rem;

    padding: .2rem .5rem;

    border: 1px solid #f7931d;

}



footer.footer {

    margin: auto 0;

    /* padding: 100px 0 0; */

    background: #ffffff;

    position: fixed;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: 1;

    /* line-height: 1.15; */

}



.footer .footer-main-row {

    width: 100%;

    display: block;

}



.footer .footer-main-row .footer-inner-top-row {

    display: flex;

    flex-wrap: wrap;

    margin: 0 -15px;

}



.footer .footer-main-row .footer-inner-top-row .footer-inner-col {

    padding: 0 15px;

}



.footer .footer-main-row .footer-inner-top-row .footer-inner-col.footer-inner-links-col {

    width: 20%;

}



.footer-inner-col.footer-inner-social-col .footer-inner-social-list {

    display: flex;

    height: 100%;

    align-items: flex-end;

}



.footer-inner-col.footer-inner-social-col .footer-inner-social-list ul {

    display: inline-flex;

    /* align-items: center; */

    justify-content: center;

    width: 100%;

}



.footer-inner-col.footer-inner-social-col .footer-inner-social-list ul li {

    margin-left: 15px;

}



.footer-inner-col.footer-inner-social-col .footer-inner-social-list ul li a {

    width: 35px;

    height: 35px;

    border: 1px solid #f7931e;

    border-radius: 5px;

    /* background: #e3e5e5; */

    padding: 10px;

    display: flex;

    align-items: center;

    font-size: 22px;

    justify-content: center;

    color: #fff;

}



.footer-inner-col.footer-inner-social-col .footer-inner-social-list ul li a:hover {

    color: #ffffff;

    background: #f7931e;

}



.footer .footer-main-row .footer-inner-top-row .footer-inner-col.footer-inner-links-col .footer-inner-title {

    font-size: 22px;

    font-weight: bold;

    margin-bottom: 10px;

}



.footer .footer-main-row .footer-inner-top-row .footer-inner-col.footer-inner-links-col ul li {

    margin-bottom: 10px;

}



.footer .footer-main-row .footer-inner-top-row .footer-inner-col.footer-inner-links-col ul li a {

    color: #414042;

    font-size: 18px;

    transition: all 500ms ease-in-out;

}



.footer .footer-main-row .footer-inner-top-row .footer-inner-col.footer-inner-links-col ul li a:hover {

    color: #f7931e;

}



.footer .footer-main-row .footer-inner-middle-row {

    padding: 35px 0 20px 0;

    /* border-bottom: 1px solid #414042; */

    /* margin: 0 0 40px; */

    padding-left: 45px;

    display: flex;

    align-items: center;

    justify-content: center;

}



.footer .footer-main-row .footer-inner-middle-row .footer-inner-middle-row-ul {

    /* padding-left: 45px; */

    /* margin-left: 35px; */

    display: flex;

    align-items: center;

    justify-content: flex-start;

}



.footer .footer-main-row .footer-inner-middle-row .footer-inner-middle-row-ul li {

    margin-right: 40px;

}



.footer .footer-main-row .footer-inner-middle-row .footer-inner-middle-row-ul li a {

    font-size: 20px;

    font-weight: bold;

    color: #414042;

    position: relative;

    display: inline-block;

    overflow: hidden;

    text-transform: uppercase;

    transition: all 500ms ease-in-out;

}



.footer .footer-main-row .footer-inner-middle-row .footer-inner-middle-row-ul li a:after {

    content: '';

    position: absolute;

    left: -42px;

    top: 4px;

    width: 20px;

    height: 20px;

    background: url('../images/footer-icon-link.png');

    background-position: center;

    background-repeat: no-repeat;

    background-size: contain;

    transform: rotate(45deg);

    transition: all 500ms ease-in-out;

}



.footer .footer-main-row .footer-inner-middle-row .footer-inner-middle-row-ul li a:hover {

    padding-left: 35px;

}



.footer .footer-main-row .footer-inner-middle-row .footer-inner-middle-row-ul li a:hover:after {

    left: 0;

    transform: rotate(0deg);

}



.footer .footer-main-row .footer-inner-bottom-row {

    /* padding: 0 0 25px; */

    display: flex;

    align-items: center;

    justify-content: center;

}



/* .footer .footer-main-row .footer-inner-bottom-row .footer-inner-bottom-logo-wrap img {

width: 170px;

}

.footer .footer-main-row .footer-inner-bottom-row .footer-inner-bottom-logo-wrap p {

font-size: 18px;

font-weight: 400;

color: #fff;

} */



.footer-inner-bottom-logo-wrap p {

    font-size: 15px;

    font-weight: 400;

    color: #fff;

}



.footer-inner-bottom-row {

    /* padding: 25px 0; */

    /* border-bottom: 1px solid #414042; */

    /* margin: 0 0 20px; */

    display: flex;

    align-items: center;

    justify-content: center;

}



.footer-inner-bottom-row .footer-inner-bottom-row-ul {

    display: flex;

    align-items: center;

    justify-content: flex-start;

}



.footer-inner-bottom-row .footer-inner-bottom-row-ul .li-first {

    margin-right: 7px;

    /* list-style-type: disc; */

}



.footer-inner-bottom-row .footer-inner-bottom-row-ul .li-second {

    margin-left: 7px;

    margin-right: 7px;

}



.footer-inner-bottom-row .footer-inner-bottom-row-ul .li-second1 {

    margin-left: 7px;

}



/* .footer-inner-bottom-row .footer-inner-bottom-row-ul .dot{

font-size: 12px;

} */



.footer-inner-bottom-row .footer-inner-bottom-row-ul li a:hover {

    color: #f7931e;

}



.footer-inner-bottom-row .footer-inner-bottom-row-ul span {

    color: #CDCDCD;

    line-height: 7px;

    font-size: 34px;

}



.footer-inner-bottom-row .footer-inner-bottom-row-ul li a {

    font-size: 14px;

    /* font-weight: bold; */

    color: #CDCDCD;

    position: relative;

    display: inline-block;

    /* overflow: hidden; */

    /* text-transform: uppercase; */

    transition: all 500ms ease-in-out;

}



.footer-contact-icons-wrap .footer-conatct-icons-inner-wrap img {

    width: 40px;

    height: 40px;

    border: 1px solid #f7931e;

    border-radius: 5px;

    margin: 0 20px;

    display: flex;

    align-items: center;

    font-size: 19px;

    justify-content: center;

}



.footer-contact-icons-wrap h4 {

    font-size: 19px;

    font-weight: bold;

    text-transform: uppercase;

}



.footer-main-row .footer-contact-icons-wrap p a {

    color: #000

}



footer .footer-logo {

    width: 60%;

}



/* gallery */



.gallery-row {

    display: flex;

    flex-wrap: wrap;

    padding: 0 4px;

}



.our-team-img-col {

    padding-top: 3rem;

}



/* Create four equal columns that sits next to each other */



.gallery-column {

    flex: 25%;

    max-width: 100%;

    padding: 0 4px;

}



.gallery-column img {

    margin-top: 8px;

    vertical-align: middle;

    width: 100%;

}



.arrow-icon-our-team {

    position: absolute;

    bottom: 0;

    left: 86%;

}



.arrow-icon-our-team-modal .fa-arrow-right {

    color: #fff;

    position: absolute;

    top: -240px;

    right: 20px;

    font-size: 25px;

    position: fixed;

    /* font-weight: 400; */

}



.birthday-batch .cake-icon {

    position: absolute;

    top: 17px;

    left: 20px;

    font-size: 25px;

    color: #F7931D;

    /* font-weight: 400; */

}



.arrow-icon-our-team-inner-section i {

    color: #000;

    font-size: 35px;

}



@media screen and (max-width:1250px) and (min-width:660px) {

    .footer-contact-icons-wrap {

        padding: 0 0px;

    }

    .footer-inner-col.footer-inner-social-col .footer-inner-social-list ul li {

        margin-left: 8px;

    }

    .footer-contact-icons-wrap .footer-conatct-icons-inner-wrap img {

        margin: 0 10px !important;

    }

    footer .footer-logo {

        width: 75%;

    }

    /* .footer-menu-main-section{

        padding-top: 1rem;

    } */

    .footer-contact-icons-wrap h4, .footer .footer-main-row .footer-inner-middle-row .footer-inner-middle-row-ul li a {

        font-size: 13px;

    }

    .footer-inner-col.footer-inner-social-col .footer-inner-social-list ul li a {

        width: 30px;

        height: 30px;

    }

    .footer .footer-main-row .footer-inner-middle-row .footer-inner-middle-row-ul li {

        margin-right: 29px;

    }

    .footer .footer-main-row .footer-inner-middle-row {

        padding-left: 29px;

    }

    .section-padding-footer {

        padding: 70px 0;

    }

}



@media screen and (max-width:768px) {

    .site-main-banner-section-wrap .site-main-banner-row .site-main-banner-col {

        padding: 0 !important;

    }

    .footer .footer-white-section-middle {

        transform: translateY(0%);

    }

    .footer .section-padding {

        padding: 30px 0;

    }

    .footer-menu-main-section {

        padding: 10px 0;

    }

    .footer .footer-main-row .footer-inner-middle-row {

        display: none;

    }

    footer .footer-logo {

        width: 40%;

    }

    .footer-contact-section {

        align-items: center;

        text-align: center;

        display: none;

        justify-content: center;

    }

    .footer-contact-icons-wrap {

        padding-top: 1rem !important;

    }

    .footer-inner-col.footer-inner-social-col .footer-inner-social-list ul li a {

        width: 30px;

        height: 30px;

    }

    .section-padding-footer {

        padding: 40px 0;

    }

    .footer-inner-bottom-row {

        padding-top: 10px;

    }

    .footer-contact-icons-wrap h4 {

        font-size: 16px;

    }

    .footer-contact-icons-wrap p {

        font-size: 0.8rem;

    }

    .footer-inner-bottom-row .footer-inner-bottom-row-ul {

        justify-content: center;

    }

}



@media screen and (max-width: 800px) {

    .gallery-column {

        flex: 50%;

        /* max-width: 50%; */

    }

}



/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */



@media screen and (max-width: 600px) {

    .footer .section-padding {

        padding: 40px 0;

    }

    .site-main-banner-section-wrap .site-main-banner-row .site-main-banner-col .site-main-banner-col-inner .banner-title {

        margin-bottom: 10px;

    }

    .site-main-banner-section-wrap .site-main-banner-row .site-main-banner-col .site-main-banner-col-inner .banner-text {

        margin-bottom: 15px;

    }

    /* .site-main-banner-section-wrap {

        padding: 87px 0 80px !important;

    } */

    .site-main-banner-section-wrap .site-main-banner-row .site-main-banner-col .site-main-banner-col-inner .subtag {

        margin-bottom: 10px;

        padding: 2px 5px;

        font-size: 13px;

    }

    .arrow-icon-our-team-modal .fa-arrow-right {

        position: absolute;

        top: -63px !important;

    }

    .arrow-icon-our-team {

        bottom: -18%;

        left: 79%;

    }

    .icons-our-team .col-for-icons {

        padding: 0 1rem !important;

    }

    .icons-our-team p {

        /* padding-top: 13px; */

        font-size: 18px !important;

        line-height: 21px !important;

    }

    .our-team-img-col {

        padding-top: 1.4rem;

    }

    #our-team-page-main-wrap .content {

        position: relative;

        width: 100%;

    }

    #our-team-page-main-wrap .content:hover .content-details {

        top: 70%;

        /* left: 44%; */

    }

    #our-team-page-main-wrap .fadeIn-bottom {

        font-size: 15px;

    }

    #our-team-page-main-wrap p {

        /* color: #fff; */

        font-size: 12px !important;

    }

    .footer-inner-col.footer-inner-social-col .footer-inner-social-list ul li {

        margin-left: 8px;

    }

    footer .footer-logo {

        width: 65%;

    }

    .gallery-column {

        flex: 100%;

        max-width: 100%;

    }

    #model-positions .modal-header {

        border: none;

        padding: 1rem 1rem 0;

    }

}



/*---- Start Media Query ----*/



@media (max-width: 640px) {

    .close-icon-for-mobile-screen {

        display: block !important;

    }

    .team-img-on-modal-section {

        display: none !important;

    }

    #video-testimonial-main-wrap .video-testimonial-block .video-play::before {

        font-size: 37px;

    }

    #video-testimonial-main-wrap .video-testimonial-block {

        height: 188px !important;

    }

    #video-testimonial-main-wrap .video-testimonial-block .video-play {

        top: 65%;

        left: 1%;

    }

    #video-testimonial-main-wrapn .video-testimonial-block .video-play {

        top: 86%;

        left: 9%;

    }

    #main-content-blog .blog-page .left-box .single-comment-box>ul>li {

        padding: 25px 0

    }

    #main-content-blog .blog-page .left-box .single-comment-box ul li .icon-box {

        display: inline-block

    }

    #main-content-blog .blog-page .left-box .single-comment-box ul li .text-box {

        display: block;

        padding-left: 0;

        margin-top: 10px

    }

    #main-content-blog .blog-page .single_post .footer .stats {

        float: none;

        margin-top: 10px

    }

    #main-content-blog .blog-page .single_post .body, #main-content-blog .blog-page .single_post .footer {

        padding: 30px

    }

}



@media screen and (max-width:320px) {

    .site-main-banner-section-wrap {

        padding: 70px 0 80px !important;

    }

    header .navbar {

        padding: 8px !important;

    }

}



@media only screen and (min-width:320px) and (max-width:759px) {

    main {

        margin-bottom: 275px !important;

    }

    .carbon-text {

        font-size: 14px

    }

}



@media only screen and (max-width:1023px) {

    .jquery-script-ads {

        display: none

    }

}



@media screen and (min-width:1820px) {

    .container {

        max-width: 1600px;

    }

}



@media screen and (max-width:1025px) {

    .site-main-banner-section-wrap .site-main-banner-row .site-main-banner-col .site-main-banner-col-inner .subtag {

        margin-bottom: 10px;

    }

    header .navbar {

        padding: 8px 20px;

    }

    #our-team-page-main-wrap h3 {

        font-size: 18px;

    }

    #our-team-page-main-wrap p {

        font-size: 13px;

    }

    .arrow-icon-our-team-modal .fa-arrow-right {

        position: absolute;

        top: -116px;

        left: -8px;

    }

    .arrow-icon-our-team .fa-linkedin {

        margin-left: -10px;

    }

    .panel-left-text-main-wrap {

        display: none !important;

    }

    .icons-our-team {

        position: absolute;

        top: 288% !important

    }

}

@media screen and (width: 600px), 

       screen and (height: 960px){

        footer .footer-logo {

            width: 44%;

        }

       }



@media screen and (max-width:1500px) and (min-width:1366px) {

    .footer .section-padding{

        padding: 100px 0;

    }

    .arrow-icon-our-team-modal .fa-arrow-right {

        position: absolute;

        top: -175px;

        left: 3px;

    }

    #our-team-page-main-wrap .content:hover .content-details {

        top: 76%;

    }

    .icons-our-team {

        top: 290% !important;

    }

    .footer .footer-white-section-middle {

        transform: translateY(42%);

    }

    .footer-inner-col.footer-inner-social-col .footer-inner-social-list ul li a {

        width: 30px;

        height: 30px;

    }

    .footer-inner-col.footer-inner-social-col .footer-inner-social-list ul li {

        margin-left: 10px;

    }

    .footer .footer-white-section-middle {

        transform: translateY(29%);

    }

    .footer .footer-main-row .footer-inner-middle-row {

        /* padding-left: 39px; */

        /* padding: 25px 45px 15px 45px; */

    }

    /* .footer .footer-main-row .footer-inner-middle-row .footer-inner-middle-row-ul {

            padding-left: 0px;} */

    .footer .footer-main-row .footer-inner-middle-row .footer-inner-middle-row-ul li {

        margin-right: 25px;

    }

    #video-testimonial-main-wrap .video-testimonial-block {

        height: 285px;

    }

    #video-testimonial-main-wrap .video-testimonial-block .video-play {

        top: 76%;

        left: 1%;

    }

    .site-main-banner-section-wrap .site-main-banner-row .site-main-banner-col .site-main-banner-col-inner .banner-title {

        font-size: 45px;

    }

    .site-main-banner-section-wrap .site-main-banner-row {

        flex-wrap: wrap;

        margin-top: 65px;

    }

    .site-main-banner-section-wrap .site-main-banner-row .site-main-banner-col .site-main-banner-col-inner .banner-link {

        padding: 13px 60px;

        width: 540px;

        text-align: center;

    }

    .site-main-banner-section-wrap .site-main-banner-row .site-main-banner-col .site-main-banner-col-inner .banner-text {

        font-size: 22px;

    }

    .site-common-title-wrap .site-common-title-row .site-common-title {

        font-size: 48px;

    }

    .site-common-title-wrap .site-common-title-row .site-common-txt {

        font-size: 22px;

        line-height: 35px;

    }

    .site-main-banner-section-wrap .site-main-banner-row .site-main-banner-col .site-main-banner-col-inner .banner-text span.d-lg-block {

        display: inline !important;

    }

    header .navbar .navbar-nav li {

        margin-left: 60px;

    }

    .site-avail-pos-main-wrap .site-avail-pos-title h2, .site-apply-form-main-wrap .site-apply-form-title h2 {

        font-size: 65px;

    }

    .site-avail-pos-main-wrap .site-avail-pos-accordian-wrap .card .card-body {

        padding: 50px 80px;

    }

    .site-work-gallery-main-wrap .site-work-gallery-inner-wrap .filters-button-group button {

        font-size: 25px;

    }

    .site-our-services-main-wrap-v2 .panel_item h1 {

        font-size: 38px;

    }

    .site-our-services-main-wrap-v2 .panel {

        flex: 0 0 75%;

    }

    .animation_item img {

        height: auto;

    }

    .animation_item {

        width: 160px;

    }

    #records_animation {

        margin: 0;

    }

    .site-our-services-main-wrap-v2 .portfolio, .site-our-services-main-wrap-v2 .portfolio-v2 {

        height: 100vh;

    }

    .skip-link-wrap a {

        font-size: 25px;

    }

    .skip-link-wrap {

        bottom: 30px;

    }

    body.scroll-up .site-our-services-main-wrap-v2 .portfolio, .site-our-services-main-wrap-v2 .portfolio-v2 {

        margin-top: 20px !important;

    }

    .site-technology-main-wrap .site-technology-main-row .site-technology-col .site-technology-col-inner h4 {

        margin: 18px 0 0;

        font-size: 26px;

        line-height: 52px;

        font-weight: 700;

    }

}



@media screen and (max-width:1365px) and (min-width:1024px) {

    /* .footer .footer-main-row .footer-inner-top-row .footer-inner-col.footer-inner-links-col {

        width: 25%;

    } */

    header .navbar .navbar-nav li a {

        font-size: 16px;

    }

    header .navbar .navbar-brand img {

        width: 167px;

    }

    .site-main-banner-section-wrap .site-main-banner-row .site-main-banner-col .site-main-banner-col-inner .banner-title {

        font-size: 45px;

        line-height: 50px;

    }

    .site-main-banner-section-wrap .site-main-banner-row {

        flex-wrap: wrap;

    }

    .site-main-banner-section-wrap .site-main-banner-row .site-main-banner-col .site-main-banner-col-inner .banner-link {

        padding: 10px 50px;

        width: auto;

        text-align: center;

    }

    .site-main-banner-section-wrap .site-main-banner-row .site-main-banner-col .site-main-banner-col-inner .banner-text {

        font-size: 24px;

        line-height: 34px;

    }

    .site-common-title-wrap .site-common-title-row .site-common-title {

        font-size: 47px;

        width: 40%;

    }

    .site-common-title-wrap .site-common-title-row .site-common-txt {

        font-size: 22px;

        line-height: 35px;

        width: 60%;

    }

    .site-main-banner-section-wrap .site-main-banner-row .site-main-banner-col .site-main-banner-col-inner .banner-text span.d-lg-block {

        display: inline !important;

    }

    header .navbar .navbar-nav li {

        margin-left: 27px;

    }

    .site-what-they-say-main-wrap .site-what-they-row .site-what-they-text-col .site-what-they-text p:after {

        left: -50px;

        width: 35px;

        height: 35px;

        top: 5px;

    }

    .site-inner-banner-wrap img {

        height: 500px;

        object-fit: cover;

    }

    .site-inner-banner-wrap .site-inner-banner-title h2 {

        font-size: 50px;

    }

    .site-inner-banner-wrap .site-inner-banner-title {

        top: 53%;

    }

}



@media screen and (max-width:1250px) and (min-width:1024px) {

    #our-team-page-main-wrap .content:hover .content-details {

        top: 76%;

        left: 50%;

    }

    .footer .footer-white-section-middle {

        transform: translateY(27%);

    }

    .footer .footer-main-row .footer-inner-bottom-row {

        padding: 0 0 0px;

    }

    .footer .footer-main-row .footer-inner-middle-row {

        padding: 18px 0 0 15px;

    }

    .footer .footer-main-row .footer-inner-middle-row .footer-inner-middle-row-ul li a:after {

        width: 15px;

        height: 15px;

    }

    /* .footer .footer-main-row .footer-inner-middle-row .footer-inner-middle-row-ul {

        padding-left: 0;

        margin-left: 30px;} */

    /* .footer .footer-white-section-middle {

        transform: translateY(30%);

    } */

    .footer .footer-black-section-middle {

        transform: translateY(8%);

    }

    .footer .section-padding {

        padding: 80px 0;

    }

    #video-testimonial-main-wrap .video-testimonial-block {

        height: 200px;

    }

    #video-testimonial-main-wrap .video-testimonial-block .video-play {

        top: 67%;

        left: 1%;

    }

    #main-content-blog {

        padding: 15% 0;

    }

    .site-our-services-main-wrap-v2 .portfolio {

        transform: unset !important;

        height: auto !important;

        flex-direction: column;

        max-height: unset !important;

        display: block;

        inset: unset !important;

        overflow: unset;

        position: relative !important;

        width: 70% !important;

        margin: 30px auto !important;

        padding-left: 0 !important;

    }

    .site-our-services-main-wrap-v2 .panel {

        flex: 0 0 100%;

        transform: unset !important;

        width: 100%;

        margin-bottom: 30px;

    }

    section.section-padding.site-our-services-main-wrap.site-our-services-main-wrap-v2 .pin-spacer {

        all: unset !important;

    }

    .site-our-services-main-wrap-v2 .panel.active .panel_item {

        background: #f2f6f6;

    }

    .site-our-services-main-wrap-v2 .panel_item p {

        display: block;

    }

    .site-our-services-main-wrap-v2 .panel.active .panel_item h1 {

        font-size: 30px;

    }

    .site-our-services-main-wrap-v2 .panel.active .panel_item .panel_item_circle, .site-our-services-main-wrap-v2 .panel_item .panel_item_circle {

        /* border: 5px solid #f7931e; */

        width: 50px;

        height: 50px;

    }

    .site-our-services-main-wrap-v2 .panel.active .panel_item p {

        color: #414042;

    }

    .site-our-services-main-wrap-v2 .panel:last-child {

        display: none;

    }

    .site-avail-pos-main-wrap .site-avail-pos-title h2, .site-apply-form-main-wrap .site-apply-form-title h2 {

        font-size: 45px;

    }

    .site-avail-pos-main-wrap .site-avail-pos-accordian-wrap .card .card-header button.btn-link {

        font-size: 20px;

        padding: 15px 40px 15px 20px;

    }

    .site-avail-pos-main-wrap .site-avail-pos-accordian-wrap .card .card-header button.btn-link:after {

        right: 20px;

        width: 30px;

        font-size: 16px;

        height: 30px;

    }

    .site-avail-pos-main-wrap .site-avail-pos-accordian-wrap .card .card-body {

        padding: 20px;

    }

    .site-avail-pos-main-wrap .site-avail-pos-accordian-wrap .card .card-body .position-title {

        font-size: 23px;

        margin-bottom: 20px;

    }

    .site-avail-pos-main-wrap .site-avail-pos-accordian-wrap .card .card-body .position-description {

        font-size: 16px;

        line-height: 28px;

    }

    .site-avail-pos-main-wrap .site-avail-pos-accordian-wrap .card .card-body .position-skills-title {

        font-size: 20px;

    }

    .site-avail-pos-main-wrap .site-avail-pos-accordian-wrap .card .card-body .position-skills .position-skills-list li {

        font-size: 16px;

        margin-bottom: 8px;

    }

    .site-avail-pos-main-wrap .site-avail-pos-accordian-wrap .card {

        margin-bottom: 15px;

    }

    .site-work-gallery-main-wrap .site-work-gallery-inner-wrap .filters-button-group button {

        font-size: 20px;

    }

    .grid-pagination {

        padding: 50px 0;

    }

    .site-work-gallery-inner-wrap .grid article {

        width: 33.33%;

    }

    .site-blog-listing-main .site-blog-listing-row .site-blog-listing-col {

        width: 50%;

    }

    .site-blog-form .site-blog-form-row button {

        width: 40%;

        font-size: 18px;

        padding: 17px 0;

    }

    .site-blog-form .site-blog-form-row input[type="text"] {

        width: 60%;

        font-size: 18px;

        height: 61px;

    }

    .site-our-services-about-us-main-wrap.site-our-services-main-wrap .site-our-services-counter-main-wrap .counters {

        width: 50%;

    }

    .site-our-services-about-us-main-wrap.site-our-services-main-wrap .site-our-services-counter-main-wrap .counters .site-our-services-col-inner p {

        right: 0;

    }

    .site-our-services-about-us-main-wrap.site-our-services-main-wrap .site-our-services-counter-main-wrap .counters .site-our-services-captions {

        padding: 30px;

    }

    .site-our-services-about-us-main-wrap.site-our-services-main-wrap .site-our-services-counter-main-wrap .counters .site-our-services-captions .site-our-services-captions-title {

        font-size: 30px;

    }

    .site-our-services-about-us-main-wrap.site-our-services-main-wrap .site-our-services-counter-main-wrap .counters .site-our-services-captions .site-our-services-captions-description {

        font-size: 16px;

    }

    .site-our-team-main-wrap .our-team-inner-wrap .our-team-row .our-team-col {

        width: 33.33%;

        padding: 0 15px 30px;

    }

    .site-our-team-main-wrap .our-team-inner-wrap .our-team-row {

        margin: 0 -15px;

    }

    .site-what-we-bel-main-wrap .site-what-we-bel-inner .site-what-we-bel-row .site-what-we-bel-col h4 {

        font-size: 25px;

    }

    .site-what-we-bel-main-wrap .site-what-we-bel-inner .site-what-we-bel-row .site-what-we-bel-col p {

        font-size: 16px;

        line-height: 30px;

    }

    .site-what-we-good-main-wrap .site-what-we-good-row .site-what-we-good-col h4 {

        font-size: 25px;

    }

    main {

        margin-bottom: 310px;

    }

    /* .footer .footer-main-row .footer-inner-middle-row {

        flex-direction: column;

        align-items: center;

        justify-content: center;

    }

    .footer .footer-main-row .footer-inner-middle-row .footer-inner-middle-row-ul {

        align-items: center;

        justify-content: center;

        margin-bottom: 25px;

    } */

    #records_animation {

        height: auto;

        margin: 0;

        display: flex;

        flex-wrap: wrap;

        align-items: center;

        justify-content: center;

    }

    .animation_item {

        position: relative;

        left: 0 !important;

        top: 0 !important;

        margin-bottom: 30px;

        transform: unset !important;

        width: 33.33%;

        padding: 0 15px;

    }

    .animation_item img {

        height: auto;

    }

    .skip-link-wrap {

        display: none;

    }

    .site-technology-main-wrap .site-technology-main-row .site-technology-col {

        width: 33.33%;

    }

    .site-technology-main-wrap .site-technology-main-row .site-technology-col .site-technology-col-inner h4 {

        font-size: 25px;

        margin-top: 0;

    }

    .site-our-expertise-main-wrap .site-Our-expertise-main-row .site-Our-expertise-main-col .site-Our-expertise-main-col-inner h4 {

        font-size: 25px;

    }

    .site-our-expertise-main-wrap .site-Our-expertise-main-row .site-Our-expertise-main-col .site-Our-expertise-main-col-inner {

        padding-bottom: 0;

    }

    .site-common-title-wrap .site-common-title-row {

        flex-direction: column;

        align-items: flex-start;

    }

    .site-common-title-wrap .site-common-title-row .site-common-title {

        width: 100%;

    }

    .site-common-title-wrap .site-common-title-row .site-common-txt {

        width: 100%;

    }

}



@media screen and (max-width:991px) {

    .arrow-icon-our-team-modal .fa-arrow-right {

        display: none;

        position: absolute;

        top: -236px;

        font-size: 19px !important;

    }

    .icons-our-team p {

        /* padding-top: 13px; */

        font-size: 23px;

        line-height: 23px;

    }

    .icons-our-team .col-for-icons {

        padding: 0 2.7rem;

    }

    /* .icons-our-team a {

        padding: 0 1rem;

    } */

    /* .icons-our-team a img{

        width: 46% !important;

    } */

    /* .icons-our-team p {

        font-size: 12px;

        line-height: 30px;} */

    /* .footer-inner-bottom-row .footer-inner-bottom-row-ul span {

        line-height: 6px;

    } */

    #video-testimonial-main-wrap .video-testimonial-block {

        height: 317px;

    }

    #main-content-blog {

        padding: 30% 0;

    }

    .site-inner-banner-work .word, .heading-text-work, .heading-text-work {

        font-size: 30px;

    }

    .challenge-technologie {

        margin-top: 25px;

        font-size: 30px;

    }

    .challenges-main-wrap .row img {

        width: 40%;

    }

    .work-image {

        width: inherit;

    }

    header .navbar .navbar-nav li {

        margin-left: 0;

    }

    header .navbar button.navbar-toggler {

        outline: 0;

        border: 0;

        display: block;

        width: 28px;

        height: 30px;

        margin: 0;

        color: transparent;

        padding: 0;

    }

    header .navbar button.navbar-toggler span {

        position: relative;

        display: block;

    }

    header .navbar button.navbar-toggler span, header .navbar button.navbar-toggler span:after, header .navbar button.navbar-toggler span:before {

        width: 100%;

        height: 4px;

        background-color: #f7931e;

        transition: all 0.3s;

        backface-visibility: hidden;

        border-radius: 2px;

    }

    header .navbar button.navbar-toggler span:after, header .navbar button.navbar-toggler span:before {

        content: "";

        position: absolute;

        left: 0;

        top: -9px;

    }

    header .navbar button.navbar-toggler span:after {

        top: 9px;

    }

    /* header .navbar button.navbar-toggler[aria-expanded="true"] span {

        background-color: transparent;

    }

    header .navbar button.navbar-toggler[aria-expanded="true"] span:before {

        transform: rotate(45deg) translate(5px, 5px);

    }

    header .navbar button.navbar-toggler[aria-expanded="true"] span:after {

        transform: rotate(-45deg) translate(7px, -8px);

    } */

    header .navbar .navbar-nav li:last-child a {

        width: auto;

        margin-top: 10px;

        display: inline-block;

    }

    header.header.header-inner {

        background: #000000;

    }

    /* New Menu Css */

    header .navbar button.navbar-toggler {

        width: auto;

        display: flex;

        align-items: center;

        justify-content: flex-end;

    }

    header .navbar button.navbar-toggler span {

        width: 28px;

    }

    header .navbar button.navbar-toggler p.title {

        display: inline-block;

        margin-left: 9px;

        color: #f7931e;

        font-size: 18px;

        line-height: 18px;

        font-weight: 500;

        letter-spacing: 0.21px;

    }

    header .navbar .navbar-collapse {

        display: none;

    }

    .mobilemenu {

        display: block !important;

        position: fixed;

        inset: 0% auto auto 0%;

        width: 200%;

        height: 100vh;

        left: 0;

        top: 0;

        z-index: 99;

        transform: translate(-100%, 0px);

    }

    .mobilemenu .mobile-menu-content {

        position: fixed;

        inset: 0% auto auto 0%;

        z-index: 1;

        width: 50%;

        height: 100vh;

        background: linear-gradient(to top, rgb(255, 255, 255), #fffcf8);

    }

    .mobilemenu .mobile-menu-background {

        position: fixed;

        inset: 0% auto auto 0%;

        z-index: 100;

        width: 50%;

        height: 100vh;

        background-color: #f7931e;

        transform: translate(100%, 0px);

    }

    .menu-open.mobilemenu {

        animation: 1.1s cubic-bezier(1, 0, 0, 1) 0s 1 normal none running jyqIKd;

        transform: translateX(0px);

    }

    @-webkit-keyframes jyqIKd {

        0% {

            -webkit-transform: translateX(-100%);

            -ms-transform: translateX(-100%);

            transform: translateX(-100%);

        }

        50% {

            -webkit-transform: translateX(-50%);

            -ms-transform: translateX(-50%);

            transform: translateX(-50%);

        }

        100% {

            -webkit-transform: translateX(0%);

            -ms-transform: translateX(0%);

            transform: translateX(0%);

            opacity: 1;

        }

    }

    @keyframes jyqIKd {

        0% {

            -webkit-transform: translateX(-100%);

            -ms-transform: translateX(-100%);

            transform: translateX(-100%);

        }

        50% {

            -webkit-transform: translateX(-50%);

            -ms-transform: translateX(-50%);

            transform: translateX(-50%);

        }

        100% {

            -webkit-transform: translateX(0%);

            -ms-transform: translateX(0%);

            transform: translateX(0%);

            opacity: 1;

        }

    }

    .menu-close.mobilemenu {

        animation: 1.1s cubic-bezier(1, 0, 0, 1) 0s 1 normal none running dhIbjn;

        transform: translateX(-100%);

    }

    @-webkit-keyframes dhIbjn {

        0% {

            -webkit-transform: translateX(0%);

            -ms-transform: translateX(0%);

            transform: translateX(0%);

        }

        50% {

            -webkit-transform: translateX(-50%);

            -ms-transform: translateX(-50%);

            transform: translateX(-50%);

        }

        100% {

            -webkit-transform: translateX(-100%);

            -ms-transform: translateX(-100%);

            transform: translateX(-100%);

            opacity: 1;

        }

    }

    @keyframes dhIbjn {

        0% {

            -webkit-transform: translateX(0%);

            -ms-transform: translateX(0%);

            transform: translateX(0%);

        }

        50% {

            -webkit-transform: translateX(-50%);

            -ms-transform: translateX(-50%);

            transform: translateX(-50%);

        }

        100% {

            -webkit-transform: translateX(-100%);

            -ms-transform: translateX(-100%);

            transform: translateX(-100%);

            opacity: 1;

        }

    }

    .mobilemenu .mobile-menu-content .menu-head {

        padding: 20px 30px;

        display: flex;

        align-items: center;

        justify-content: space-between;

    }

    .mobilemenu .mobile-menu-content .menu-head .menu-head-logo img {

        width: 160px;

    }

    .mobilemenu .mobile-menu-content .menu-head .close-btn {

        display: inline-block;

        margin-left: 9px;

        color: #0a4495;

        font-size: 18px;

        line-height: 18px;

        font-weight: 500;

        letter-spacing: 0.21px;

    }

    .mobilemenu .mobile-menu-content ul {

        padding: 30px 30px 0;

    }

    .mobilemenu .mobile-menu-content ul li a {

        font-size: 25px;

        font-weight: bold;

        color: #404040;

    }

    .mobilemenu .mobile-menu-content ul li.active a {

        color: #f7931e;

    }

    .mobilemenu .mobile-menu-content ul li {

        margin-bottom: 15px;

    }

    .header-inner-social-list ul {

        display: flex;

        align-items: center;

        justify-content: center;

        /* margin: 0px -15px !important; */

        padding: 30px 0px 0px 0px !important;

    }

    .header-inner-social-list ul li {

        padding: 0px 5px;

    }

    .header-inner-social-list ul li a {

        width: 40px;

        height: 40px;

        background: #e3e5e5;

        padding: 0px;

        display: flex;

        align-items: center;

        font-size: 20px !important;

        justify-content: center;

        color: #bcbec0 !important;

    }

    .header-inner-social-list ul li a:hover {

        color: #fff !important;

        background: #f7931e;

    }

    .header-inner-col.header-inner-social-col {

        display: flex;

        align-items: center;

        justify-content: left;

        padding-left: 20px;

    }

}



@media screen and (min-width:992px) {

    .icons-our-team img {

        height: auto;

        width: auto;

    }

    .header-inner-col.header-inner-social-col {

        display: none;

    }

    /* .site-inner-banner-work .word, .heading-text-work{

        font-size: 30px;

    } */

    .challenge-technologie {

        margin-top: 25px;

        font-size: 30px;

    }

    .filter-main-wrap ul li {

        padding: 10px;

        font-size: 10px;

    }

}



.mobilemenu {

    display: none;

}



@media screen and (max-width:1023px) and (min-width:768px) {

    .arrow-icon-our-team-modal .fa-arrow-right {

        position: absolute;

        top: -71px;

        left: -9px;

    }

    #our-team-page-main-wrap h3 {

        font-size: 18px;

    }

    #our-team-page-main-wrap p {

        font-size: 13px;

    }

    .icons-our-team img {

        height: auto !important;

        width: 73% !important;

    }

    /* .icons-our-team {

        left: 32% !important;

    } */

    header .navbar .navbar-brand img {

        width: 200px;

    }

    .header-inner .navbar .navbar-nav li:last-child {

        display: none;

    }

    /* .footer .footer-main-row .footer-inner-top-row .footer-inner-col.footer-inner-links-col .footer-inner-title {

        font-size: 19px;

    }

    .footer .footer-main-row .footer-inner-top-row .footer-inner-col.footer-inner-links-col {

        width: 100%;

        padding: 0 0 30px;

    }

    .footer .footer-main-row .footer-inner-middle-row .footer-inner-middle-row-ul li a {

        font-size: 16px;

    }

    .footer-inner-bottom-row .footer-inner-bottom-row-ul li a{

        font-size: 16px;

    } */

    main {

        margin-bottom: 321px;

    }

    /* .footer .footer-main-row .footer-inner-middle-row {

        flex-direction: column;

        align-items: center;

        justify-content: center;

    }

    .footer .footer-main-row .footer-inner-middle-row .footer-inner-middle-row-ul {

        align-items: center;

        justify-content: center;

        margin-bottom: 25px;

    } */

    header.header.header-inner .container-fluid {

        padding: 0 10px;

    }

    .site-main-banner-section-wrap .site-main-banner-row .site-main-banner-col .site-main-banner-col-inner .banner-title {

        font-size: 45px;

    }

    .site-main-banner-section-wrap .site-main-banner-row .site-main-banner-col {

        width: 100%;

        padding: 0 15px 30px;

    }

    .site-main-banner-section-wrap .site-main-banner-row .site-main-banner-col .site-main-banner-col-inner {

        width: 100%;

    }

    .site-main-banner-section-wrap .site-main-banner-row {

        flex-wrap: wrap;

    }

    .site-main-banner-section-wrap .site-main-banner-row .site-main-banner-col .site-main-banner-col-inner .banner-link {

        padding: 10px 50px;

        width: auto;

        text-align: center;

    }

    .site-main-banner-section-wrap .site-main-banner-row .site-main-banner-col .site-main-banner-col-inner .banner-text {

        font-size: 24px;

    }

    .site-common-title-wrap .site-common-title-row {

        flex-wrap: wrap;

    }

    .site-common-title-wrap .site-common-title-row .site-common-title {

        width: 100%;

        padding-bottom: 0;

        font-size: 40px;

    }

    .site-common-title-wrap .site-common-title-row .site-common-txt {

        width: 100%;

        font-size: 22px;

        line-height: 35px;

    }

    .site-common-title-wrap .subtag {

        font-size: 18px;

    }

    .site-our-services-main-wrap .site-our-services-counter-main-wrap {

        align-items: center;

        justify-content: center;

        flex-direction: column;

    }

    .site-our-services-main-wrap .site-our-services-counter-main-wrap .counters:not(:last-child) {

        padding-bottom: 30px;

    }

    .site-our-services-main-wrap .site-our-services-counter-main-wrap .counters .site-our-services-col-inner p {

        position: relative;

        text-align: center;

    }

    .site-our-services-main-wrap {

        padding-bottom: 60px;

    }

    .site-what-they-say-main-wrap .site-what-they-row .site-what-they-image-col {

        padding-bottom: 30px;

        width: 100%;

    }

    .site-what-they-say-main-wrap .site-what-they-row .site-what-they-text-col {

        width: 100%;

        padding: 0 15px;

    }

    .site-what-they-say-main-wrap .site-what-they-row .site-what-they-image-col .site-what-they-img {

        width: 100%;

    }

    .site-what-they-say-main-wrap .site-what-they-row .site-what-they-image-col .site-what-they-img img {

        display: block;

        margin: 0 auto 15px;

    }

    .site-what-they-say-main-wrap .site-what-they-slider-inner .owl-dots {

        position: relative;

        top: unset;

        transform: unset;

        flex-direction: unset;

        align-items: center;

        justify-content: center;

        margin-top: 25px !important;

    }

    .site-what-they-say-main-wrap .site-what-they-row .site-what-they-text-col .site-what-they-text p:after {

        left: 0;

    }

    .site-what-they-say-main-wrap .site-what-they-row .site-what-they-text-col .site-what-they-text p {

        font-size: 18px;

        line-height: 33px;

        padding-left: 60px;

    }

    .site-what-they-say-main-wrap .site-what-they-row .site-what-they-text-col .site-what-they-star-col .star-text {

        font-size: 20px;

        line-height: 30px;

    }

    .site-what-they-say-main-wrap .site-what-they-row .site-what-they-text-col .site-what-they-star-col ul.star-list li {

        font-size: 20px;

    }

    .site-what-they-say-main-wrap .site-what-they-row .site-what-they-image-col .site-what-they-img .client-name, .site-what-they-say-main-wrap .site-what-they-row .site-what-they-image-col .site-what-they-img .client-position {

        font-size: 20px;

    }

    .site-work-form-main-wrap .site-work-form-row .site-work-form-col {

        padding-bottom: 30px;

        width: 100%;

    }

    .site-work-form-main-wrap .site-work-form-row .site-work-form-col .site-work-form-col-inner .contact-us-bottom-text {

        display: none;

    }

    .site-work-form-main-wrap .site-work-form-row .site-work-form-col .site-work-form form {

        width: 100%;

    }

    .site-work-form-main-wrap .site-common-title-wrap p.site-common-txt {

        width: 100%;

    }

    .site-our-services-main-wrap-v2 .portfolio {

        transform: unset !important;

        height: auto !important;

        flex-direction: column;

        max-height: unset !important;

        display: block;

        inset: unset !important;

        overflow: unset;

        position: relative !important;

        width: 70% !important;

        margin: 30px auto !important;

        padding-left: 0 !important;

    }

    .site-our-services-main-wrap-v2 .panel {

        flex: 0 0 100%;

        transform: unset !important;

        width: 100%;

        margin-bottom: 30px;

    }

    section.section-padding.site-our-services-main-wrap.site-our-services-main-wrap-v2 .pin-spacer {

        all: unset !important;

    }

    .site-our-services-main-wrap-v2 .panel.active .panel_item {

        background: #f2f6f6;

    }

    .site-our-services-main-wrap-v2 .panel_item p {

        display: block;

    }

    .site-our-services-main-wrap-v2 .panel.active .panel_item h1 {

        font-size: 30px;

    }

    .site-our-services-main-wrap-v2 .panel.active .panel_item .panel_item_circle, .site-our-services-main-wrap-v2 .panel_item .panel_item_circle {

        width: 50px;

        height: 50px;

    }

    .site-our-services-main-wrap-v2 .panel.active .panel_item p {

        color: #414042;

    }

    .site-our-services-main-wrap-v2 .panel:last-child {

        display: none;

    }

    .site-inner-banner-wrap img {

        height: 500px;

        object-fit: cover;

    }

    .site-inner-banner-wrap .site-inner-banner-title h2 {

        font-size: 50px;

    }

    .site-inner-banner-wrap .site-inner-banner-title {

        top: 56%;

    }

    .site-banner-bottom-text-wrap .site-banner-bottom-row .site-banner-bottom-col-one {

        width: 100%;

        padding-bottom: 30px;

    }

    .site-banner-bottom-text-wrap .site-banner-bottom-row .site-banner-bottom-col-two {

        width: 100%;

    }

    .site-banner-bottom-text-wrap .site-banner-bottom-row .site-banner-bottom-col-two p {

        font-size: 20px;

        line-height: 30px;

    }

    .site-banner-bottom-text-wrap .site-banner-bottom-row .site-banner-bottom-col-one h3 {

        font-size: 25px;

    }

    .site-avail-pos-main-wrap .site-avail-pos-title h2, .site-apply-form-main-wrap .site-apply-form-title h2 {

        font-size: 45px;

    }

    .site-avail-pos-main-wrap .site-avail-pos-accordian-wrap .card .card-header button.btn-link {

        font-size: 20px;

        padding: 15px 40px 15px 20px;

    }

    .site-avail-pos-main-wrap .site-avail-pos-accordian-wrap .card .card-header button.btn-link:after {

        right: 20px;

        width: 30px;

        font-size: 16px;

        height: 30px;

    }

    .site-avail-pos-main-wrap .site-avail-pos-accordian-wrap .card .card-body {

        padding: 20px;

    }

    .site-avail-pos-main-wrap .site-avail-pos-accordian-wrap .card .card-body .position-title {

        font-size: 23px;

        margin-bottom: 20px;

    }

    .site-avail-pos-main-wrap .site-avail-pos-accordian-wrap .card .card-body .position-description {

        font-size: 16px;

        line-height: 28px;

    }

    .site-avail-pos-main-wrap .site-avail-pos-accordian-wrap .card .card-body .position-skills-title {

        font-size: 20px;

    }

    .site-avail-pos-main-wrap .site-avail-pos-accordian-wrap .card .card-body .position-skills .position-skills-list li {

        font-size: 16px;

        margin-bottom: 8px;

    }

    .site-avail-pos-main-wrap .site-avail-pos-accordian-wrap .card {

        margin-bottom: 15px;

    }

    .site-apply-form-main-wrap .site-apply-form form .col label {

        min-height: 37px;

        font-size: 18px;

        padding-bottom: 10px;

    }

    .site-how-do-run-main-wrap .site-how-do-list-wrap .site-how-do-list-row .site-how-do-list-img-col, .site-how-do-run-main-wrap .site-how-do-list-wrap .site-how-do-list-row .site-how-do-list-col {

        width: 100%;

        padding-bottom: 30px;

    }

    .site-how-do-run-main-wrap .site-how-do-list-wrap .site-how-do-list-row .site-how-do-list-img-col img {

        width: 100%;

    }

    .site-project-details-wrap a.know-more-link {

        position: relative;

        display: inline-block;

        margin-top: 25px;

        font-size: 20px;

    }

    .site-services-what-we-do-wrap .accordion .card .card-header button {

        padding: 30px 42px 30px 65px;

        font-size: 25px;

        /* font-weight: bold; */

    }

    .site-services-what-we-do-wrap .accordion .card .card-header button:after {

        left: 0;

        width: 50px;

        height: 50px;

        top: 27px;

    }

    .site-services-what-we-do-wrap .accordion .card .card-header button:before {

        right: 0;

    }

    .site-services-what-we-do-wrap .accordion .card .card-body {

        padding: 15px 15px 60px 65px;

    }

    .site-services-what-we-do-wrap .accordion .card .card-body-inner {

        flex-direction: column;

        align-items: flex-start;

        justify-content: flex-start;

    }

    .site-services-what-we-do-wrap .accordion .card .card-body-inner p {

        width: 100%;

        margin-bottom: 30px;

    }

    .site-services-what-we-do-wrap .accordion .card .card-body-inner .know-more-link {

        font-size: 20px;

    }

    .site-let-work-together-wrap .site-let-work-together-center p {

        font-size: 17px;

    }

    .site-let-work-together-wrap .site-let-work-together-center h3 {

        font-size: 44px;

    }

    .site-let-work-together-wrap .site-let-work-together-center h3 span.word-inside {

        white-space: unset;

    }

    .site-let-work-together-wrap .site-let-work-together-center a {

        width: 100%;

    }

    .site-work-gallery-main-wrap .site-work-gallery-inner-wrap .filters-button-group .filters-button-group-in {

        width: 33.33%;

        padding: 0 15px 30px;

    }

    .site-work-gallery-main-wrap .site-work-gallery-inner-wrap .filters-button-group button {

        font-size: 20px;

    }

    .grid-pagination {

        padding: 50px 0;

    }

    .site-work-gallery-inner-wrap .grid article {

        width: 50%;

    }

    .site-address-media-wrap .site-address-media-inner .site-address-media-row .site-address-media-col {

        width: 100%;

        padding-bottom: 30px;

    }

    .site-address-media-wrap .site-address-media-inner .site-address-media-row .site-address-media-col .site-social-media-list li a {

        width: 100%;

        text-align: center;

    }

    .site-contact-us-form-main-wrap .site-work-form-row .site-work-form-col:first-child {

        order: 2;

    }

    .site-blog-form .site-blog-form-row button {

        font-size: 24px;

        padding: 12px 45px;

    }

    .site-blog-form .site-blog-form-row input[type="text"] {

        font-size: 20px;

    }

    .site-blog-listing-main .site-blog-listing-row .site-blog-listing-col {

        width: 50%;

    }

    .site-blog-details-main .site-blog-details-row .site-blog-details-img {

        width: 100%;

    }

    .site-blog-details-main .site-blog-details-row .site-blog-details-text-wrap {

        width: 100%;

    }

    .site-our-services-about-us-main-wrap.site-our-services-main-wrap .site-our-services-counter-main-wrap {

        flex-direction: unset;

    }

    .site-our-services-about-us-main-wrap.site-our-services-main-wrap .site-our-services-counter-main-wrap .counters {

        width: 50%;

    }

    .site-our-services-about-us-main-wrap.site-our-services-main-wrap .site-our-services-counter-main-wrap .counters .site-our-services-col-inner p {

        right: 0;

    }

    .site-our-services-about-us-main-wrap.site-our-services-main-wrap .site-our-services-counter-main-wrap .counters .counter {

        font-size: 140px;

        height: 130px;

    }

    .site-our-services-about-us-main-wrap.site-our-services-main-wrap .site-our-services-counter-main-wrap .counters .site-our-services-captions {

        padding: 30px;

    }

    .site-our-services-about-us-main-wrap.site-our-services-main-wrap .site-our-services-counter-main-wrap .counters .site-our-services-captions .site-our-services-captions-title {

        font-size: 30px;

    }

    .site-our-services-about-us-main-wrap.site-our-services-main-wrap .site-our-services-counter-main-wrap .counters .site-our-services-captions .site-our-services-captions-description {

        font-size: 16px;

    }

    .site-our-team-main-wrap .our-team-inner-wrap .our-team-row .our-team-col {

        width: 50%;

        padding: 0 15px 30px;

    }

    .site-our-team-main-wrap .our-team-inner-wrap .our-team-row {

        margin: 0 -15px;

    }

    .site-what-we-bel-main-wrap .site-what-we-bel-inner .site-what-we-bel-row .site-what-we-bel-col h4 {

        font-size: 25px;

    }

    .site-what-we-bel-main-wrap .site-what-we-bel-inner .site-what-we-bel-row .site-what-we-bel-col p {

        font-size: 16px;

        line-height: 30px;

    }

    .site-what-we-good-main-wrap .site-what-we-good-row .site-what-we-good-col {

        width: 50%;

    }

    .site-what-we-good-main-wrap .site-what-we-good-row .site-what-we-good-col h4 {

        font-size: 25px;

    }

    #records_animation {

        height: auto;

        margin: 0;

        display: flex;

        flex-wrap: wrap;

        align-items: center;

        justify-content: center;

    }

    .animation_item {

        position: relative;

        left: 0 !important;

        top: 0 !important;

        margin-bottom: 30px;

        transform: unset !important;

        width: 33.33%;

        padding: 0 15px;

    }

    .animation_item img {

        height: auto;

    }

    .skip-link-wrap {

        display: none;

    }

    .site-technology-main-wrap .site-technology-main-row .site-technology-col {

        width: 50%;

    }

    .site-technology-main-wrap .site-technology-main-row .site-technology-col .site-technology-col-inner h4 {

        font-size: 25px;

        margin-top: 0;

    }

    .site-our-expertise-main-wrap .site-Our-expertise-main-row .site-Our-expertise-main-col {

        width: 50%;

    }

    .site-our-expertise-main-wrap .site-Our-expertise-main-row .site-Our-expertise-main-col .site-Our-expertise-main-col-inner h4 {

        font-size: 25px;

    }

    .site-our-expertise-main-wrap .site-Our-expertise-main-row .site-Our-expertise-main-col .site-Our-expertise-main-col-inner {

        padding-bottom: 0;

    }

}



@media screen and (max-width:767px) {

    .icons-our-team {

        position: absolute;

        top: 484% !important;

    }

    .icons-our-team img {

        /* padding-top: 1rem; */

        height: auto !important;

        width: auto !important;

    }

    .footer-main-row.footer-black-section-middle {

        transform: translateY(13%);

    }

    .positions-main-wrap .site-avail-pos-title h2, .positions-main-wrap .site-avail-pos-title h3 {

        font-size: 15px;

        font-weight: 400;

    }

    #model-positions .modal-body {

        padding: 0.5rem 0.2rem;

    }

    #model-positions .modal-title, #model-positions .position-title, #model-positions .position-skills-title {

        font-size: 20px;

    }

    .positions-main-wrap .position-inner-wrap {

        padding: 12px 0px;

    }

    /* .footer-inner-bottom-row .footer-inner-bottom-row-ul .li-first {

        margin-right: 1px; }

        .footer-inner-bottom-row .footer-inner-bottom-row-ul .li-second{

            margin-left: 1px;

            margin-right: 1px;

        }

        .footer-inner-bottom-row .footer-inner-bottom-row-ul li a{

            font-size: 16px;

        } */

    .site-project-details-wrap .site-project-title .word {

        display: none;

    }

    .font_for_service {

        padding-top: 1rem !important;

        font-size: 18px !important;

        line-height: 24px !important;

        letter-spacing: 1px !important;

    }

    .circular-slider .wrapper .descriptions__item .description {

        font-size: 10px !important;

        padding: 0 !important;

    }

    .site-vanila-tilt-js-main-wrap .site-vanila-tilt-js-inner .site-vanila-tilt-js-row .site-vanila-tilt-js-col img {

        height: 300px;

    }

    .project-info-wrap h5 {

        margin-bottom: 2rem;

    }

    header .navbar .navbar-brand img {

        width: 130px;

    }

    .header-inner .navbar .navbar-nav li:last-child {

        display: none;

    }

    /* .footer .footer-main-row .footer-inner-top-row .footer-inner-col.footer-inner-links-col {

        width: 100%;

        padding-bottom: 15px;

    }

    .footer .footer-main-row .footer-inner-middle-row .footer-inner-middle-row-ul {

        flex-direction: column;

        align-items: center;

        justify-content: center;

        margin-bottom: 30px;

    }

    .footer .footer-main-row .footer-inner-middle-row {

        flex-direction: column;

        align-items: center;

        justify-content: center;

        display:none;

    }

    .footer .footer-main-row .footer-inner-middle-row .footer-inner-middle-row-ul li {

        margin-right: 0;

    }

    .footer .footer-main-row .footer-inner-bottom-row .footer-inner-bottom-logo-wrap {

        width: 100%;

        text-align: center;

        padding-bottom: 30px;

    }

    .footer .footer-main-row .footer-inner-bottom-row {

        flex-direction: column;

        align-items: center;

        justify-content: center;

    }

    .footer .footer-main-row .footer-inner-bottom-row .footer-inner-bottom-logo-wrap p {

        font-size: 16px;

    }

    .footer .footer-main-row .footer-inner-bottom-row .footer-inner-bottom-logo-wrap:last-child {

        padding-bottom: 0;

    }

    .footer .footer-main-row .footer-inner-top-row .footer-inner-col.footer-inner-links-col .footer-inner-title {

        font-size: 20px;

    } */

    header .navbar {

        padding: 15px;

    }

    body.scroll-up header .navbar {

        padding: 15px 15px;

    }

    .site-main-banner-section-wrap .site-main-banner-row .site-main-banner-col .site-main-banner-col-inner .banner-title {

        font-size: 27px;

    }

    .site-main-banner-section-wrap .site-main-banner-row .site-main-banner-col {

        width: 100%;

        padding: 0 15px 30px;

    }

    .site-main-banner-section-wrap .site-main-banner-row .site-main-banner-col .site-main-banner-col-inner {

        width: 100%;

    }

    .site-main-banner-section-wrap .site-main-banner-row {

        flex-wrap: wrap;

    }

    .site-main-banner-section-wrap .site-main-banner-row .site-main-banner-col .site-main-banner-col-inner .banner-link {

        padding: 10px;

        width: 100%;

        text-align: center;

    }

    .site-main-banner-section-wrap .site-main-banner-row .site-main-banner-col .site-main-banner-col-inner .banner-text {

        font-size: 20px;

    }

    .site-common-title-wrap .site-common-title-row {

        flex-wrap: wrap;

    }

    .site-common-title-wrap .site-common-title-row .site-common-title {

        width: 100%;

        padding-bottom: 0;

        font-size: 30px;

    }

    .site-common-title-wrap .site-common-title-row .site-common-txt {

        width: 100%;

        font-size: 20px;

        line-height: 30px;

    }

    .site-common-title-wrap .subtag {

        font-size: 18px;

    }

    .site-faqs-main-wrap .site-faqs-listing-main-wrap .card-header button {

        font-size: 25px;

        line-height: normal;

    }

    .site-faqs-main-wrap .site-faqs-listing-main-wrap .card .card-body {

        font-size: 18px;

        width: 100%;

        line-height: 28px;

    }

    .site-our-services-main-wrap .site-our-services-counter-main-wrap {

        align-items: center;

        justify-content: center;

    }

    .site-our-services-main-wrap .site-our-services-counter-main-wrap .counters:not(:last-child) {

        padding-bottom: 30px;

    }

    .site-our-services-main-wrap .site-our-services-counter-main-wrap .counters {

        width: 100%;

        text-align: center;

    }

    .site-our-services-main-wrap .site-our-services-counter-main-wrap .counters .site-our-services-col-inner p {

        font-size: 20px;

        position: relative;

        text-align: center;

    }

    .counters .counter, .site-our-services-about-us-main-wrap.site-our-services-main-wrap .site-our-services-counter-main-wrap .counters .counter {

        font-size: 65px;

        height: 56px;

    }

    .site-our-services-main-wrap {

        padding-bottom: 60px;

    }

    .site-project-details-wrap .site-project-title {

        font-size: 25px;

    }

    .site-project-details-wrap .site-project-title:after {

        display: none;

    }

    .site-project-details-wrap p {

        width: 100%;

        line-height: 28px;

    }

    .site-project-details-wrap {

        padding: 50px 0;

        position: relative;

        background-size: cover;

        background-repeat: no-repeat;

        background-attachment: inherit

    }

    .site-what-they-say-main-wrap .site-what-they-row .site-what-they-image-col {

        padding-bottom: 30px;

        width: 100%;

    }

    .site-what-they-say-main-wrap .site-what-they-row .site-what-they-text-col {

        width: 100%;

        padding: 0 15px;

    }

    .site-what-they-say-main-wrap .site-what-they-row .site-what-they-image-col .site-what-they-img {

        width: 100%;

    }

    .site-what-they-say-main-wrap .site-what-they-row .site-what-they-image-col .site-what-they-img img {

        display: block;

        margin: 0 auto 15px;

    }

    .site-what-they-say-main-wrap .site-what-they-slider-inner .owl-dots {

        position: relative;

        top: unset;

        transform: unset;

        flex-direction: unset;

        align-items: center;

        justify-content: center;

        margin-top: 25px !important;

    }

    .site-what-they-say-main-wrap .site-what-they-row .site-what-they-text-col .site-what-they-text p:after {

        left: 0;

    }

    .site-what-they-say-main-wrap .site-what-they-row .site-what-they-text-col .site-what-they-text p {

        font-size: 18px;

        line-height: 33px;

        padding-left: 60px;

    }

    .site-what-they-say-main-wrap .site-what-they-row .site-what-they-text-col .site-what-they-star-col .star-text {

        font-size: 20px;

        line-height: 30px;

    }

    .site-what-they-say-main-wrap .site-what-they-row .site-what-they-text-col .site-what-they-star-col ul.star-list li {

        font-size: 20px;

    }

    .site-what-they-say-main-wrap .site-what-they-row .site-what-they-image-col .site-what-they-img .client-name, .site-what-they-say-main-wrap .site-what-they-row .site-what-they-image-col .site-what-they-img .client-position {

        font-size: 20px;

    }

    .site-work-form-main-wrap .site-work-form-row .site-work-form-col {

        padding-bottom: 30px;

        width: 100%;

    }

    .site-work-form-main-wrap .site-work-form-row .site-work-form-col .site-work-form-col-inner .contact-us-bottom-text {

        display: none;

    }

    .site-work-form-main-wrap .site-work-form-row .site-work-form-col .site-work-form form {

        width: 100%;

    }

    .site-work-form-main-wrap .site-common-title-wrap p.site-common-txt {

        width: 100%;

    }

    .site-our-services-main-wrap-v2 .portfolio {

        transform: unset !important;

        height: auto !important;

        flex-direction: column;

        max-height: unset !important;

        display: block;

        inset: unset !important;

        overflow: unset;

        position: relative !important;

        padding-left: 0 !important;

        margin-top: 50px !important;

    }

    .site-our-services-main-wrap-v2 .panel {

        flex: 0 0 100%;

        transform: unset !important;

        width: 100%;

        margin-bottom: 30px;

    }

    .section-padding.site-our-services-main-wrap.site-our-services-main-wrap-v2 .pin-spacer {

        all: unset !important;

    }

    .site-our-services-main-wrap-v2 .panel.active .panel_item {

        background: #f2f6f6;

    }

    .site-our-services-main-wrap-v2 .panel_item h1 {

        font-size: 30px;

    }

    .site-our-services-main-wrap-v2 .panel_item p {

        display: block;

    }

    .site-our-services-main-wrap-v2 .panel.active .panel_item h1 {

        font-size: 30px;

    }

    .site-our-services-main-wrap-v2 .panel.active .panel_item .panel_item_circle, .site-our-services-main-wrap-v2 .panel_item .panel_item_circle {

        width: 50px;

        height: 50px;

    }

    .site-our-services-main-wrap-v2 .panel.active .panel_item p {

        color: #414042;

    }

    .site-our-services-main-wrap-v2 .panel:last-child {

        display: none;

    }

    .site-client-slider-inner .site-client-slider .js-marquee-wrapper .js-marquee {

        padding: 0;

    }

    .section-padding {

        padding: 30px 0;

    }

    .section-padding-btm {

        padding-bottom: 20px;

    }

    .site-how-we-doit-main-wrap {

        padding-top: 30px;

    }

    .site-inner-banner-wrap img {

        height: 100vh;

        object-fit: cover;

    }

    .site-inner-banner-wrap .site-inner-banner-title h2 {

        font-size: 35px;

    }

    .site-banner-bottom-text-wrap .site-banner-bottom-row .site-banner-bottom-col-one {

        width: 100%;

        padding-bottom: 30px;

    }

    .site-banner-bottom-text-wrap .site-banner-bottom-row .site-banner-bottom-col-two {

        width: 100%;

    }

    .site-banner-bottom-text-wrap .site-banner-bottom-row .site-banner-bottom-col-two p {

        font-size: 20px;

        line-height: 30px;

    }

    .site-banner-bottom-text-wrap .site-banner-bottom-row .site-banner-bottom-col-one h3 {

        font-size: 25px;

    }

    .site-avail-pos-main-wrap .site-avail-pos-title h2, .site-apply-form-main-wrap .site-apply-form-title h2 {

        font-size: 30px;

    }

    .site-avail-pos-main-wrap .site-avail-pos-accordian-wrap .card .card-header button.btn-link {

        font-size: 20px;

        padding: 15px 40px 15px 20px;

    }

    .site-avail-pos-main-wrap .site-avail-pos-accordian-wrap .card .card-header button.btn-link:after {

        right: 20px;

        width: 30px;

        font-size: 16px;

        height: 30px;

    }

    .site-avail-pos-main-wrap .site-avail-pos-accordian-wrap .card .card-body {

        padding: 20px;

    }

    .site-avail-pos-main-wrap .site-avail-pos-accordian-wrap .card .card-body .position-title {

        font-size: 23px;

        margin-bottom: 20px;

    }

    .site-avail-pos-main-wrap .site-avail-pos-accordian-wrap .card .card-body .position-description {

        font-size: 16px;

        line-height: 28px;

    }

    .site-avail-pos-main-wrap .site-avail-pos-accordian-wrap .card .card-body .position-skills-title {

        font-size: 20px;

    }

    .site-avail-pos-main-wrap .site-avail-pos-accordian-wrap .card .card-body .position-skills .position-skills-list li {

        font-size: 16px;

        margin-bottom: 8px;

    }

    .site-avail-pos-main-wrap .site-avail-pos-accordian-wrap .card {

        margin-bottom: 15px;

    }

    .site-apply-form-main-wrap .site-apply-form form .row .col {

        width: 100%;

        padding-bottom: 15px;

    }

    .site-apply-form-main-wrap .site-apply-form form .row {

        flex-direction: column;

        margin-bottom: 15px;

    }

    .site-apply-form-main-wrap .site-apply-form form .col label {

        min-height: unset;

        font-size: 18px;

        padding-bottom: 5px;

    }

    .site-inner-banner-wrap .site-inner-banner-title.left-circle-wrap h2.title-anim {

        padding-left: 0;

        text-align: center;

        margin-top: 50px;

    }

    .site-inner-banner-wrap .site-inner-banner-title.left-circle-wrap h2.title-anim:after {

        top: -117px;

        left: 50%;

        transform: translateX(-50%);

    }

    .site-why-choose-main-wrap .site-why-choose-us-list .site-why-choose-item {

        width: 100%;

        padding-bottom: 30px;

    }

    .site-how-do-run-main-wrap .site-how-do-list-wrap .site-how-do-list-row .site-how-do-list-img-col, .site-how-do-run-main-wrap .site-how-do-list-wrap .site-how-do-list-row .site-how-do-list-col {

        width: 100%;

        padding-bottom: 30px;

    }

    .site-how-do-run-main-wrap .site-how-do-list-wrap .site-how-do-list-row .site-how-do-list-img-col img {

        width: 100%;

    }

    .site-project-details-wrap a.know-more-link {

        position: relative;

        display: inline-block;

        margin-top: 0px;

        font-size: 17px;

    }

    .site-services-what-we-do-wrap .accordion .card .card-header button {

        padding: 30px 42px 30px 65px;

        font-size: 25px;

        /* font-weight: bold; */

    }

    .site-services-what-we-do-wrap .accordion .card .card-header button:after {

        left: 0;

        width: 50px;

        height: 50px;

        top: 27px;

    }

    .site-services-what-we-do-wrap .accordion .card .card-header button:before {

        right: 0;

    }

    .site-services-what-we-do-wrap .accordion .card .card-body {

        padding: 15px 15px 60px 65px;

    }

    .site-services-what-we-do-wrap .accordion .card .card-body-inner {

        flex-direction: column;

        align-items: flex-start;

        justify-content: flex-start;

    }

    .site-services-what-we-do-wrap .accordion .card .card-body-inner p {

        width: 100%;

        margin-bottom: 30px;

    }
    .site-services-what-we-do-wrap .accordion .card .card-body-inner .know-more-link {

        font-size: 20px;

    }

    .site-let-work-together-wrap .site-let-work-together-center p {

        font-size: 17px;

    }

    .site-let-work-together-wrap .site-let-work-together-center h3 {

        font-size: 27px;

    }

    .site-let-work-together-wrap .site-let-work-together-center h3 span.word-inside {

        white-space: unset;

    }

    .site-let-work-together-wrap .site-let-work-together-center a {

        width: 100%;

        padding: 10px;

        width: 100%;

        text-align: center;

        font-weight: 200;

        font-size: 20px;

    }

    .site-work-gallery-main-wrap .site-work-gallery-inner-wrap .filters-button-group .filters-button-group-in {

        width: 100%;

        padding-bottom: 15px;

    }

    .site-work-gallery-main-wrap .site-work-gallery-inner-wrap .filters-button-group button {

        font-size: 22px;

    }

    .grid-pagination ul li {

        margin: 0;

    }

    .grid-pagination {

        padding: 30px 0;

    }

    .site-work-gallery-inner-wrap .grid article {

        width: 100%;

    }

    .site-address-media-wrap .site-address-media-inner .site-address-media-row .site-address-media-col {

        width: 100%;

        padding-bottom: 30px;

    }

    .site-address-media-wrap .site-address-media-inner .site-address-media-row .site-address-media-col .site-social-media-list li a {

        width: 100%;

        text-align: left;

        padding-left: 0;

    }

    .site-contact-us-form-main-wrap .site-work-form-row .site-work-form-col:first-child {

        order: 2;

    }

    .site-blog-details-main .site-blog-details-row .site-blog-details-img {

        width: 100%;

    }

    .site-blog-details-main .site-blog-details-row .site-blog-details-text-wrap {

        width: 100%;

    }

    .site-blog-details-main .site-blog-details-row .site-blog-details-text-wrap .site-blog-details-text-inner {

        padding: 30px;

    }

    .site-blog-details-main .site-blog-details-row .site-blog-details-text-wrap .site-blog-details-text-inner .blog-cat a {

        margin-bottom: 10px;

        width: auto;

        text-align: center;

        padding: 4px 4px;

    }

    .site-blog-listing-main .site-blog-listing-row .site-blog-listing-col {

        width: 100%;

        padding-bottom: 15px;

    }

    .site-blog-form .site-blog-form-row button {

        width: 40%;

        font-size: 16px;

        padding: 9px 0;

    }

    .site-blog-form .site-blog-form-row input[type="text"] {

        width: 60%;

        height: 42px;

        font-size: 16px;

    }

    .site-our-services-about-us-main-wrap.site-our-services-main-wrap .site-our-services-counter-main-wrap .counters {

        width: 100%;

        min-height: unset;

    }

    .site-our-team-main-wrap .our-team-inner-wrap .our-team-row .our-team-col {

        width: 100%;

        padding: 0 15px 15px;

    }

    .site-our-team-main-wrap .our-team-inner-wrap .our-team-row {

        margin: 0 -15px;

    }

    .site-what-we-bel-main-wrap .site-what-we-bel-inner .site-what-we-bel-row .site-what-we-bel-col {

        width: 100%;

        padding-bottom: 2rem;

    }

    .site-what-we-good-main-wrap .site-what-we-good-row .site-what-we-good-col {

        width: 100%;

    }

    .site-our-services-about-us-main-wrap.site-our-services-main-wrap .site-our-services-counter-main-wrap .counters .site-our-services-col-inner {

        align-items: center;

        justify-content: center;

        text-align: center;

    }

    .site-our-services-about-us-main-wrap.site-our-services-main-wrap .site-our-services-counter-main-wrap .counters .site-our-services-col-inner p {

        right: 0;

        text-align: center;

    }

    .site-our-services-about-us-main-wrap.site-our-services-main-wrap .site-our-services-counter-main-wrap .counters .site-our-services-captions {

        padding: 30px;

    }

    .site-what-we-good-main-wrap .site-what-we-good-row .site-what-we-good-col h4 {

        font-size: 22px;

    }

    .site-vanila-tilt-js-main-wrap .site-vanila-tilt-js-inner .site-vanila-tilt-js-row .site-vanila-tilt-js-col {

        width: 100%;

        padding-bottom: 15px;

    }

    .site-vanila-tilt-js-main-wrap .site-vanila-tilt-js-inner .site-vanila-tilt-js-row .site-vanila-tilt-js-col .site-vanila-tilt-js-col-inner h4 {

        font-size: 30px;

    }

    main {

        margin-bottom: 180px;

    }

    #records_animation {

        height: auto;

        margin: 0;

        display: flex;

        flex-wrap: wrap;

        align-items: center;

        justify-content: center;

    }

    .animation_item {

        position: relative;

        left: 0 !important;

        top: 0 !important;

        margin-bottom: 30px;

    }

    .animation_item img {

        height: auto;

    }

    .site-our-services-main-wrap .site-our-services-counter-main-wrap .counters .site-our-services-col-inner {

        text-align: center;

    }

    .site-our-services-main-wrap-v2 .panel_item {

        padding: 30px;

    }

    .skip-link-wrap {

        display: none;

    }

    .site-main-banner-section-wrap {

        padding: 115px 0 80px;

        align-items: flex-start;

    }

    .site-community-main-wrap {

        padding: 60px 0;

        ;

    }

    .site-community-main-wrap .site-community-main-row .site-community-main-col {

        width: 100%;

    }

    .site-community-main-wrap .site-community-main-row .site-community-main-col:last-child .site-community-main-col-inner h3.counter {

        font-size: 65px;

        height: 57px;

    }

    .site-community-main-wrap .site-community-main-row .site-community-main-col:last-child .site-community-main-col-inner p {

        font-size: 20px;

    }

    /* section.site-main-banner-section-wrap.site-services-inner-banner-wrap {

        height: auto;

    } */

    .site-what-we-bel-main-wrap .site-what-we-bel-inner .site-what-we-bel-row .site-what-we-bel-col h4 {

        font-size: 25px;

        margin-bottom: 10px;

        margin: 1rem 0;

    }

    .site-what-we-bel-main-wrap .site-what-we-bel-inner .site-what-we-bel-row .site-what-we-bel-col p {

        line-height: 29px;

    }

    .site-technology-main-wrap .site-technology-main-row .site-technology-col {

        width: 100%;

    }

    .site-technology-main-wrap .site-technology-main-row .site-technology-col .site-technology-col-inner h4 {

        font-size: 23px;

        margin-top: 15px;

    }

    .site-our-expertise-main-wrap .site-Our-expertise-main-row .site-Our-expertise-main-col {

        width: 100%;

    }

    .site-our-expertise-main-wrap .site-Our-expertise-main-row .site-Our-expertise-main-col .site-Our-expertise-main-col-inner h4 {

        font-size: 24px;

        padding-top: 0;

    }

    .site-our-expertise-main-wrap .site-Our-expertise-main-row .site-Our-expertise-main-col .site-Our-expertise-main-col-inner {

        padding-bottom: 0;

    }

}



/* recaptcha */



.grecaptcha-badge {

    width: 252px !important;

    height: 60px !important;

    display: block !important;

    transition: right 0.3s ease 0s !important;

    position: fixed !important;

    bottom: 14px !important;

    right: -186px !important;

    box-shadow: grey 0px 0px 5px !important;

    border-radius: 2px !important;

    overflow: hidden !important;

    visibility: visible !important;

}



.grecaptcha-badge:hover {

    bottom: 14px !important;

    right: 0px !important;

}



/* MODAL FOR CONFIRMATION MAIL */



.btn_modal_confirm a {

    border: 2px solid #000;

    color: #000;

    width: 100%;

    padding: 2%;

    text-align: center;

    display: inline-block;

    font-family: 'Josefin Sans', sans-serif;

    font-size: 13px;

    font-weight: bold;

    overflow: hidden;

    position: relative;

    transition: color 0.2s ease-in-out 0s, background-color 0.1s ease 0.02s;

}



.btn_modal_confirm a:before {

    transform: translateY(-100%);

    transition: transform 15ms ease-in-out 0s;

}



.btn_modal_confirm a:after {

    transform: translateY(100%);

    transition: transform 0.2s ease-in-out 0s;

}



.btn_modal_confirm a:after, .btn_modal_confirm a:before {

    content: "";

    position: absolute;

    height: 100%;

    width: 101%;

    right: 0px;

    top: 0px;

    left: 0px;

    background: #f7931e;

}



.btn_modal_confirm a span {

    position: relative;

    z-index: 1;

}



.btn_modal_confirm a:hover:before {

    transform: translateY(0px);

    transition: transform 0.2s ease-in-out 0s;

}



.btn_modal_confirm a:hover:after {

    transform: translateY(0px);

    transition: transform 0ms ease-in-out 0.2s;

}



#modalConfirm .modal-footer .btn_modal_confirm a {

    padding: 5px 20px;

}



#modalConfirm .modal-footer {

    border-top: solid 1px rgb(201, 201, 201) !important;

}



#modalConfirm h5, #modalConfirm .close {

    color: #fff;

    opacity: 1;

}



#modalConfirm h5, #modalConfirm .close:hover {

    color: #fff;

    opacity: 1;

}