/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/


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

.pompiere-regular {
    font-family: "Pompiere", sans-serif;
    font-weight: 400;
    font-style: normal;
  }

/*--------------------Header-Css---------------------*/
.mega_menu_box {
    position: relative;
    left: -65px;
    top: 40px;
}
.mega_menu_box:before {
    position: absolute;
    content: '';
    width: 90px;
    height: 50px;
    background-color: #000;
    top: -26px;
    left: 80px;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}
#menu-primary-menu a.active.menu-link {
    color: #41BCE3 !important;
    background: transparent;
    border: 0 !important;
}
.header_sec {
    position: fixed;
    width: 100%;
}
.page-id-38 .header_sec_2,.page-id-38 .header-color {
    background-color: #000 !important;
}

.header-color {
    background-color: #fff !important;
    padding: 15px 30px !important;
}
.header-color img{
    width: 100px !important;
}
.three_line a.elementor-button{
    position: relative;
}
.three_line a.elementor-button:before,.three_line a.elementor-button:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
}
.three_line a.elementor-button::before {
    left: -50px;
    bottom: -23px;
    background-image: url('/mobify/wp-content/uploads/2024/02/buttons-lines-2.svg');
}
.three_line a.elementor-button:after {
    left: auto;
    right: -50px;
    top: -26px;
    background-image: url('/mobify/wp-content/uploads/2024/02/buttons-lines-1.svg');
    background-position: right;
}
/*--------------------Footer-Css---------------------*/

.footer_btn .elementor-button-icon svg {
    width: 86px !important;
    height: 13px !important;
}
.footer_btn .elementor-button-text {
    flex-grow: 0;
}
.footer_btn .elementor-button-content-wrapper {
    justify-content: space-between;
}
.gallery_img_col:hover .elementor-image-box-wrapper {
    visibility: hidden;
}
.explore-btn {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    visibility: hidden;
}

.gallery_img_col:hover .explore-btn{
    visibility: visible;
}
.client_testimoniol_sec .elementor-container.elementor-column-gap-default {
    max-width: 1650px;
    width: 100%;
    margin-right: 0;
    padding-left: 52px;
}
.client_testimoniol .slick-list.draggable .slick-slide {
    /* width: 420px !important; */
    border-top: 1px solid #574F4F;
    margin-right: 30px;
    padding: 50px 50px 40px 50px !important;
}

.client_testimoniol .testimonal-image {
    position: absolute;
    bottom: -13px;
}
.client_testimoniol ul.htmega-testimonial-rating {
    position: absolute;
    top: -40px;
    left: -20px;
}
.client_testimoniol ul.htmega-testimonial-rating .fa{
    font-size: 24px !important;
}
.client_testimoniol button {
    position: absolute !important;
    top: 310px !important;
    transform: translateY(-50%) !important;
}
.client_testimoniol button.slick-prev.slick-arrow {
    margin-left: -170px;
}
.client_testimoniol button.slick-next.slick-arrow {
    /* position: absolute; */
    left: -143px;
}
.client_testimoniol .slick-slide {
    width: 100%;
    height: 100%;
    background-image: url('/mobify/wp-content/uploads/2024/03/Sample-Accent-for-Card-1.png');
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: bottom;
}
.talk_now input,.talk_now .wpcf7-textarea {
    box-shadow: none;
}
.talk_now label {
    display: -webkit-inline-box;
    column-gap: 20px;
}
.talk_now {
    overflow: hidden;
}
.area_border {
    border-bottom: 1px solid;
    margin-bottom: 40px;
}
.talk_now input.wpcf7-file {
    background: transparent !important;
    border: 2px dashed #BFBFBF !important;
    width: 172px !important;
    border-radius: 30px !important;
    font-size: 13px !important;
    height: 44px !important;
    position: relative;
    padding: 3px 15px 0px 15px !important;
    
}
.our_work_testimoniol ul.htmega-testimonial-rating {
    position: absolute;
    top: 0;
    left: 50%;
    right: 50%;
}
.our_work_testimoniol ul.htmega-testimonial-rating i.fa.fa-star {
    font-size: 24px !important;
}
/*-----------------------About-Page-Css---------------------*/
.gradiant_color {
    background: linear-gradient(270deg, #000000 0%, #41BCE3 97.69%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#team_slider img.team-img {
    max-width: 300px;
    width: 100%;
    height: 369px;
    border-radius: 10px;
    margin: 0 auto;
}
#team_slider .team-body {
    text-align: center;
}
#team_slider .team-body h4 {
    font-family: Poppins;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: center;
    color: #41BCE3;
    margin-top: 30px;
    margin-bottom: 5px;
}
#team_slider .team-body h4,#team_slider .team-body p{
    visibility: hidden;
}
#team_slider .owl-item.active.center h4,#team_slider .owl-item.active.center p{
    visibility: visible;
}
#team_slider .owl-item.active.center img{
    box-shadow: 0px 64px 64px 0px #00000017;
}
#team_slider .owl-item.active.center .team-body{
    padding-bottom: 20px;
}
#team_slider .team-body p {
    font-family: "Pompiere", Sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0em;
    color: #000;
}

#team_slider .owl-nav {
    position: absolute;
    display: flex;
    top: 38%;
    left: 0;
    right: 0;
    width: 75%;
    margin: auto;
    justify-content: space-between;
    transform: translateY(-50%);
}
#team_slider .owl-nav .owl-prev,#team_slider .owl-nav .owl-next  {
    font-size: 0;
    height: 54px;
    width: 54px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    background-color: #F0F0F0;
}
#team_slider .owl-nav .owl-prev  {
    background-image: url('/mobify/wp-content/uploads/2024/03/left-arrow.svg');
}
#team_slider .owl-nav .owl-next {
    background-image: url('/mobify/wp-content/uploads/2024/03/right-arrow.svg');
}
#team_slider .owl-nav .owl-prev:hover,#team_slider .owl-nav .owl-next:hover{
    background-color: #41BCE3;
}
.our_service_img .elementor-image-gallery .gallery-item {
    vertical-align: middle;
  }
  .tech_image_box figure.swiper-slide-inner {
    background-color: #fff;
    padding: 40px 23px;
    border-radius: 10px;
    width: 130px;
    height: 130px;
    margin: 0 auto !important;
}

/*-----------------------Our-Work-Css----------------------*/
.client_arrow_col .elementor-image-box-content {
    display: flex;
    column-gap: 50px;
}
.client_arrow_box:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background-image: url('/mobify/wp-content/uploads/2024/03/clients-needs-icon.svg');
    left: -154px;
    top: -22px;
    background-repeat: no-repeat;
    background-position: left;
}

.client_arrow_box {
    position: relative;
}
.client_arrow_col h3.elementor-image-box-title {
    background-color: #fff;
    height: 50px;
    display: flex;
    align-items: center;
}
.mobile_gallery .htb-row .custom-col-5 {
    padding-left: 20px !important;
    padding-right: 20px !important;
    margin-bottom: 10px;
}
.mobile_gallery img {
    border-radius: 10px;
    box-shadow: 0px 4px 25px 0px #00000026;
}
.mobile_gallery img:hover {
   transform: scale(1.05);
   transition: .5s ease-in;
}
.our_service_img .elementor-image-gallery .gallery {
    margin: 0 !important;
}

/*-----------------------Career Page-------------------------*/
#open_position .item {
    margin-right:30px;
}
#open_position .open_img_wrapper {
    display: flex;
    align-items: center;
    column-gap: 20px;
    margin-bottom: 30px;
}
#open_position .open_positio_body {
    border: 1px solid #F0F3FF;
    padding: 30px;
    border-radius: 10px;
}
#open_position .open_img_wrapper img.open-img {
    width: 72px !important;
    height: 72px;
}
#open_position .open_img_wrapper h4{
    margin: 0 !important;
}
#open_position .open_positio_body p {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 300;
    line-height: 28px;
}
#open_position .level_box {
    display: flex;
    column-gap: 8px;
    margin-top: 20px;
    margin-bottom: 30px;
}
#open_position .level_box p {
    font-family: Poppins;
    font-size: 10px;
    font-weight: 500;
    line-height: 10px;
    color: #363F1E;
    padding: 6px 15px;
    background: #F0F3E7BF;
}

#open_position a.option_btn {
    background-color: #41BCE3;
    padding: 18px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 52px;
    width: 100%;
    color: #fff;
    text-decoration: none;
    font-family: Poppins;
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
}
#open_position a.option_btn:hover{
    background-color: #000;
}
#open_position .owl-nav {
    position: absolute;
    display: flex;
    top: -100px;
    left: 0;
    right: 20px;
    width: 120px;
    margin-left: auto;
    justify-content: space-between;
    transform: translateY(-50%);
}
#open_position .owl-nav .owl-prev,#open_position .owl-nav .owl-next  {
    font-size: 0;
    height: 54px;
    width: 54px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    border: 1px solid #000;
    border-radius: 100px;
}
#open_position .owl-nav .owl-prev  {
    background-image: url('/mobify/wp-content/uploads/2024/03/left-arrow.svg');
}
#open_position .owl-nav .owl-next {
    background-image: url('/mobify/wp-content/uploads/2024/03/right-arrow.svg');
}
#open_position .owl-nav .owl-prev:hover,#open_position .owl-nav .owl-next:hover{
    background-color: #41BCE3;
    border: transparent;
}
.recruitment_box .elementor-container {
    flex-wrap: wrap;
    justify-content: ;
    row-gap: 30px;
}
.recruitment_box .recruitment_col{
    width: 33% !important;
}
/*-----------------------@medea-Query------------------------*/

@media(max-width: 1440px){
    .client_testimoniol_sec .elementor-container.elementor-column-gap-default {
       padding-left: 0px;
    }
}
@media(max-width: 1340px){
    .client_testimoniol button {
        top: 370px !important;
    }
    #team_slider .owl-nav{
        width: 80.5%;
    }
    .client_arrow_col .elementor-image-box-content {
        column-gap: 30px;
    }
    .client_arrow_box:before{
        background-size: 92%;   
    }
    #open_position .level_box p {
        padding: 6px 10px;
    }
    #open_position .open_positio_body {
        padding: 30px 16px;
    }
}
@media(max-width: 1285px){
    .client_testimoniol button {
        top: 400px !important;
    }
    .client_testimoniol button.slick-next.slick-arrow {
        left: -103px;
    }
    .client_testimoniol button.slick-prev.slick-arrow {
        margin-left: -130px;
    }
    .client_testimoniol .slick-list.draggable .slick-slide {
        padding: 30px 30px 20px 30px !important;
    }
}
@media(max-width: 1200px){
    .header-color {
        padding: 15px 15px !important;
    }
    .client_testimoniol button {
        top: 310px !important;
    }
    #team_slider .owl-nav {
        width: 79.5%;
    }
    #team_slider img.team-img {
        max-width: max-content;
        height: 100%;
    }
    #team_slider .owl-nav{
        top: 33%;
    }
    /* .tech_image_box .elementor-image-gallery .gallery-icon{
        width: 100px;
        height: 100px;
    } */
}
@media(max-width: 1100px){
    #team_slider .owl-nav {
        width: 75.5%;
    }
   .client_arrow_box .elementor-widget-wrap {
        background-position: -150px -46px !important;
        background-size: 100% auto !important;
    }
}
@media(max-width: 1065px){
    .client_testimoniol button {
        top: 370px !important;
    }
    .client_testimoniol .slick-list.draggable .slick-slide {
        padding: 20px 15px 20px 15px !important;
    }
}
@media(max-width: 1024px){
    .recruitment_box .recruitment_col {
        width: 50% !important;
        height: 280px;
    }
    .client_testimoniol button {
        top: -64px !important;
        bottom: auto;
        right: auto;
        left: 280px;
    }
    #team_slider .owl-nav {
        width: 12%;
        top: auto;
        bottom: -60px;
    }
    .client_testimoniol button.slick-next.slick-arrow {
        left: 332px;
    }
    .client_testimoniol button.slick-prev.slick-arrow {
        margin-left: 0;
    }
}
@media(max-width: 913px){
    .client_testimoniol button {
        top: -90px !important;
    }
    #team_slider .owl-nav {
        width: 125px;
    }
}
@media(max-width: 880px){
   
    .client_testimoniol .slick-list.draggable {
        padding: 0 !important;
    }
    .client_testimoniol .slick-list.draggable .slick-slide{
        margin-left: 5px;
        margin-right: 5px;
    }
    .client_testimoniol .testimonal-image img {
        width: 75px;
        height: auto;
    }
}
@media(max-width: 767px){
    .recruitment_box .recruitment_col {
        width: 100% !important;
    }
    .client_testimoniol button {
        top: -60px !important;
    }
    #open_position .owl-nav {
        top: auto;
        bottom: -80px;
        margin: auto;
    }
    #open_position .item {
        margin-right: 0px;
    }
    .client_testimoniol button {
        top: -50px !important;
    }
    .client_testimoniol button.slick-next.slick-arrow {
        left: 55px;
    }
    .client_testimoniol button.slick-prev.slick-arrow {
        margin-left: -277px;
    }
}
@media(max-width: 575px){
    .career_counter_box .career_counter_col {
        width: 50% !important;
    }
    .career_counter_box .career_counter_col .elementor-widget-wrap{
        justify-content: center !important;
    }
    .career_counter_box .elementor-container {
        flex-wrap: wrap;
        justify-content: center;
    }
  
}
@media(max-width: 399px){
    #open_position .level_box {
        flex-direction: column;
        gap: 10px;
    }
    .career_counter_box .career_counter_col {
        width: 100% !important;
    }
}