/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* ========== Global ========== */

h1 span,
h2 span {
    font-weight: 600;
}

.elementor-icon-wrapper {
    line-height: 0;
}

/* ========== Global ========== */


/* ===== 404 Page ===== */

.oops {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 600;
    font-size: 80px;
    letter-spacing: 3px;
    color: rgba(26, 34, 89, 1) !important;
    text-transform: none !important;
}

.oops span {
    display: inline-block;
    animation: floatUpDown 1.4s ease-in-out infinite;
}

.oops span:nth-child(1) {
    animation-delay: 0s;
}

.oops span:nth-child(2) {
    animation-delay: 0.1s;
}

.oops span:nth-child(3) {
    animation-delay: 0.2s;
}

.oops span:nth-child(4) {
    animation-delay: 0.3s;
}

.oops span:nth-child(5) {
    animation-delay: 0.4s;
}

@keyframes floatUpDown {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-12px);
    }
}

.error-page-antext .elementor-headline-dynamic-wrapper {
    margin-top: 10px;
}

/* ===== 404 Page ===== */


/* ========== Header Section CSS ========== */

.header-main-menus .elementor-item {
    position: relative;
    overflow: hidden;
}

.header-main-menus .elementor-item::after {
    content: '';
    width: 100%;
    height: 1px;
    background-color: rgba(244, 186, 0, 1) !important;
    left: -100%;
    bottom: 0;
    opacity: 1 !important;
    transition: all 0.3s ease-in;
}

.header-main-menus .elementor-item-active::before {
    content: '';
    width: 100%;
    height: 1px;
    background-color: rgba(244, 186, 0, 1) !important;
    left: 0;
    bottom: 0;
    opacity: 1 !important;
}

.header-main-menus .elementor-item:hover::after {
    left: 0;
    transition: all 0.3s ease-in;
}

.all-button .elementor-button .elementor-button-icon svg {
    width: 54px;
    height: 54px;
    transition: all 0.3s ease-in-out;
}

.all-button .elementor-button .elementor-button-content-wrapper {
    align-items: center;
}

.all-button .elementor-button:hover .elementor-button-icon svg {
    transform: rotate(35deg);
    transition: all 0.3s ease-in-out;
}

.hero-form-tabs-main .e-n-tab-title {
    background-color: transparent !important;
    box-shadow: 0px 20px 50px rgba(141, 141, 141, 0.15);
    min-width: 160px;
}

.hero-form-tabs-main .e-n-tab-title:hover {
    background-color: rgba(244, 186, 0, 1) !important;
    transition: all 0.3s ease-in;
}

.hero-form-tabs-main .e-n-tab-title[aria-selected="true"] {
    background-color: rgba(244, 186, 0, 1) !important;
}

/* ----- Form ----- */

.grecaptcha-badge {
    z-index: 99;
}

.tab-forms .gform_confirmation_message {
    text-align: center;
    color: rgba(26, 34, 89, 1);
}

.tab-forms .elementor-shortcode .gform_wrapper .gform_fields input,
.tab-forms .elementor-shortcode .gform_wrapper .gform_fields select {
    height: 62px;
    border: 1px solid #9C9C9C;
    border-radius: 12px;
    box-shadow: none;
    padding: 16px 17px;
    color: rgba(26, 34, 89, 1);
    font-family: 'Manrope';
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
}

.tab-forms .elementor-shortcode .gform_wrapper .gform_fields input:focus,
.tab-forms .elementor-shortcode .gform_wrapper .gform_fields select:focus {
    outline: none;
}

.tab-forms .elementor-shortcode .gform_wrapper .gform_fields input::placeholder,
.tab-forms .elementor-shortcode .gform_wrapper .gform_fields select::placeholder{
    opacity: 0.6;
}

.tab-forms .elementor-shortcode .gform_wrapper .gfield_label {
    color: rgba(26, 34, 89, 1);
    font-family: 'Manrope';
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    text-transform: capitalize;
    margin-bottom: 9px;
}

.tab-forms .elementor-shortcode .gfield_required {
    display: none;
}

.tab-forms .elementor-shortcode .gform_wrapper .gform_fields {
    column-gap: 15px;
    row-gap: 22px;
}

.tab-forms .elementor-shortcode .gform_wrapper .gfield_radio {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px;
}

.tab-forms .elementor-shortcode .gform_wrapper .gfield_radio .gchoice {
    display: block;
}

.tab-forms .elementor-shortcode .gfield-choice-input {
    display: none;
}

.tab-forms .elementor-shortcode .gform_wrapper .gfield_radio .gchoice label {
    margin: 0;
    padding: 10px 19px;
    border: 1px solid rgba(0, 145, 255, 1);
    border-radius: 12px;
    font-family: 'Manrope';
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    color: rgba(26, 34, 89, 1);
    cursor: pointer;
}

.tab-forms .elementor-shortcode .gfield-choice-input:checked+label {
    background-color: rgba(0, 145, 255, 1);
    color: #ffffff !important;
    border-color: rgba(0, 145, 255, 1);
}

.tab-forms .elementor-shortcode .gfield_radio .gchoice label:hover {
    background-color: rgba(0, 145, 255, 1);
    color: #ffffff;
}

.tab-forms .elementor-shortcode .gform_wrapper .gfield--type-consent input {
    height: 18px;
    width: 18px;
    border: 1px solid rgba(217, 227, 236, 1);
    border-radius: 4px;
    padding: 0px;
}

.tab-forms .elementor-shortcode .gform_wrapper .gfield--type-consent .gform-field-label {
    color: rgba(109, 113, 137, 1);
    font-family: 'Manrope';
    font-weight: 500;
    font-size: 16px;
}

.tab-forms .elementor-shortcode .gform_wrapper .gfield--type-consent .gform-field-label a {
    color: rgba(26, 34, 89, 1);
    text-decoration: underline;
}

.tab-forms .elementor-shortcode .gform_wrapper .ginput_container_consent {
    align-items: center;
}

.tab-forms .elementor-shortcode .gform_wrapper .gfield--type-consent .gfield_required {
    display: none;
}

.tab-forms .elementor-shortcode .gform-footer {
    margin-top: 10px;
}

.formtwo-btn .elementor-shortcode .gform-footer {
    margin-top: 28px;
}

.tab-forms input[type="submit"] {
    background-color: rgba(140, 193, 70, 1) !important;
    font-family: 'Plus Jakarta Sans' !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    padding: 20px 65px 20px 24px !important;
    border-radius: 50px !important;
    background-image: url("images/btn-arow.svg") !important;
    background-repeat: no-repeat !important;
    background-size: 50px !important;
    background-position: center right 5px !important;
    transition: all 0.3s ease-in !important;
    width: auto !important;
    transition: all 0.2s ease-in-out !important;

    &:hover {
        background-color: rgba(244, 186, 0, 1) !important;
        transition: all 0.2s ease-in-out !important;
    }

    &:focus {
        outline: none !important;
    }

}

.tab-forms .gform_validation_errors {
    display: none !important;
}

.resposnive_wp-menu .sub-menu,
.resposnive_wp-menu .sub-arrow {
    display: none !important;
}

/* ========== Header Section CSS ========== */



/* ========== Footer Section CSS ========== */

.footer-menu-items .elementor-nav-menu .elementor-item,
.resposnive_wp-menu .elementor-nav-menu .elementor-item {
    position: relative;
    display: inline-block !important;
    overflow: hidden;
}

.footer-menu-items .elementor-nav-menu .elementor-item::after,
.resposnive_wp-menu .elementor-nav-menu .elementor-item::after {
    content: '';
    width: 100%;
    height: 1px;
    bottom: 0;
    left: -100%;
    background-color: rgba(244, 186, 0, 1) !important;
    position: absolute;
    opacity: 1 !important;
    transition: all 0.3s ease-in;
}

.footer-menu-items .elementor-nav-menu .elementor-item:hover::after,
.resposnive_wp-menu .elementor-nav-menu .elementor-item:hover::after {
    left: 0;
    transition: all 0.3s ease-in;
}

.footer-menu-items .elementor-nav-menu .elementor-item-active::before {
    content: '';
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
    background-color: rgba(244, 186, 0, 1) !important;
    position: absolute;
    opacity: 1 !important;
    transition: all 0.3s ease-in;
}

/* ========== Footer Section CSS ========== */


/* ========== Home page Hero Section CSS ========== */

.hero-scroll-btn .elementor-icon-list-item svg {
    height: 49px !important;
    margin: 0 !important;
    padding-left: 1px !important;
}

.hero-scroll-btn .elementor-icon-list-text {
    writing-mode: sideways-lr;
}

.hero-scroll-btn .elementor-icon-list-item a {
    flex-direction: column-reverse;
    gap: 20px;
}

/* ========== Home page Hero Section CSS ========== */



/* ========== Solution Loop Section CSS ========== */

.main-sol-loop {
    height: 723px !important;
    width: 339px !important;
    transition: all 0.5s ease-in-out !important;
    overflow: hidden;
}

.main-sol-loop.activebox {
    width: 796px !important;
    justify-content: space-between;
    transition: all 0.3s ease-in;
    box-shadow: 0px 20px 50px rgba(141, 141, 141, 0.15);
}

.main-sol-loop.activebox .without-hoveff {
    opacity: 0;
    overflow: hidden;
    transition: all 0.3 ease-in;
    transform: translateX(50px);
}

.main-sol-loop .with-hoveff {
    opacity: 0;
    transform: translateY(50px);
    transition: all 0.3s ease-in;
}

.main-sol-loop.activebox .with-hoveff {
    opacity: 1;
    transform: translateY(-50px);
    transition: all 0.3s ease-in;
    width: 100%;
}

.without-hoveff {
    align-self: end !important;
    position: absolute !important;
    transition: all 0.3s ease-in !important;
    transform: translateX(0px);
}

.without-hoveff h3 {
    writing-mode: sideways-lr;
    transform: translateX(0px);
}

/* ========== Solution Loop Section CSS ========== */


/* ========== How Work Section CSS ========== */

.image-box .elementor-image-box-wrapper {
    display: flex;
    flex-direction: column-reverse;
}

.image-box .elementor-image-box-content {
    display: flex;
    flex-direction: column-reverse;
}

.image-box .elementor-image-box-img {
    align-self: center;
}

/* ========== How Work Section CSS ========== */



/* ========== Testimonial Section CSS ========== */

.testimonial_main-wid .swiper {
    overflow: visible;
}

.testimonial_main-wid .swiper-slide {
    opacity: 0;
    transition: opacity 0.3s !important;
    z-index: 11;
}

.testimonial_main-wid .swiper-slide-active,
.testimonial_main-wid .swiper-slide-next,
.testimonial_main-wid .swiper-slide-next+.swiper-slide {
    opacity: 1;
}

/* ========== Testimonial Section CSS ========== */


/* ========== Logo Section CSS ========== */

.logo-image_slider-main .swiper-wrapper {
    gap: 30px !important;
}

.logo-image_slider-main .swiper-slide-image {
    max-width: 160px;
    width: 100%;
    height: 130px !important;
    object-fit: contain;
}

.logo-image_slider-main .swiper {
    overflow: visible;
}

.logo-image_slider-main .swiper-slide-inner {
    width: 280px !important;
    height: 155px;
    border: 1px solid rgba(203, 203, 203, 1);
    border-radius: 20px;
    transition: all 0.2s ease-in;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;

    &:hover {
        border: 2px solid rgba(0, 145, 255, 1);
        box-shadow: 0px 20px 50px rgba(0, 145, 255, 0.15);
        transition: all 0.2s ease-in;
    }
}

/* ========== Logo Section CSS ========== */



/* ========== About Page Accordion Section CSS ========== */

.main-accordion-wid .e-n-accordion .e-n-accordion-item[open] {
    border-radius: 20px;
    background-color: #ffffff;
    box-shadow: 0px 45px 41px rgba(6, 84, 170, 0.07);
}

.main-accordion-wid .e-n-accordion-item .e-n-accordion-item-title-icon {
    width: 37px;
    height: 37px;
    background-color: rgba(140, 193, 70, 1);
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* ========== About Page Tab Section CSS ========== */

.about-tab-wid .e-n-tabs-heading {
    overflow: visible !important;
    display: flex !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
}

.about-tab-wid .e-n-tabs-heading button {
    max-width: 280px;
}

.about-tab-wid .e-n-tabs-heading .e-n-tab-title:hover {
    background-color: #ffffff !important;
}

.about-tab-wid .e-n-tabs-heading .e-n-tab-title[aria-selected="true"] {
    background-color: #ffffff !important;
}

/* ========== About Page Tab Section CSS ========== */


.soltion-iconbox_main .elementor-icon {
    box-shadow: 0px 20px 50px rgba(141, 141, 141, 0.15);
}

/* ========== About Page Accordion Section CSS ========== */



/* ========== Contact Us Page CSS ========== */

.contact_us-form .elementor-shortcode .gform_wrapper .gform_fields input,
.contact_us-form .elementor-shortcode .gform_wrapper .gform_fields textarea {
    min-height: 64px;
    padding: 25px 25px;
    border: 1px solid rgba(203, 203, 203, 1);
    border-radius: 20px;
    box-shadow: none;
    color: rgba(26, 34, 89, 1);
    font-size: 14px;
    font-family: 'Manrope';
    line-height: 14px;
    font-weight: 300;
    resize: none;

    &:focus {
        outline: none;
    }
}

.contact_us-form .elementor-shortcode .gform_wrapper .gform_fields input::placeholder,
.contact_us-form .elementor-shortcode .gform_wrapper .gform_fields textarea::placeholder {
    color: rgba(109, 113, 137, 1) !important;
    text-transform: capitalize;
}

input[type="email"] {
    text-transform: lowercase !important;
}

.contact_us-form .elementor-shortcode .gform_wrapper .gform_fields {
    gap: 30px;
}

.contact_us-form input[type="submit"] {
    background-color: rgba(140, 193, 70, 1) !important;
    font-family: 'Plus Jakarta Sans' !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    padding: 20px 65px 20px 24px !important;
    border-radius: 50px !important;
    background-image: url("images/btn-arow.svg") !important;
    background-repeat: no-repeat !important;
    background-size: 50px !important;
    background-position: center right 5px !important;
    transition: all 0.3s ease-in !important;
    width: auto !important;
    transition: all 0.2s ease-in-out !important;
    box-shadow: 0px 20px 50px #DAEAC5 !important;

    &:hover {
        background-color: rgba(244, 186, 0, 1) !important;
        transition: all 0.2s ease-in-out !important;
    }

    &:focus {
        outline: none !important;
    }
}

.contact_us-form .gform-footer {
    margin-top: 5px !important;
}


.contact-us-icbox .elementor-icon-box-content a {
    color: rgba(109, 113, 137, 1);
    transition: all 0.2s ease-in-out;

    &:hover {
        color: rgba(244, 186, 0, 1);
        transition: all 0.2s ease-in-out;
    }
}

.main_contact-accordio .e-n-accordion-item[open] {
    background-color: #ffffff;
    box-shadow: 0px 41.6316px 45.8797px rgba(6, 84, 170, 0.07);
    border-radius: 20px;
}

.main_contact-accordio .e-n-accordion-item-title-icon {
    width: 37px !important;
    min-width: 37px !important;
    height: 37px;
    display: flex !important;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    background-color: rgba(244, 186, 0, 1);
    align-self: flex-start;
}

.main-accordion-wid .e-n-accordion-item-title {
    display: flex;
    justify-content: space-between;
    align-items: start;
}



/* ========== Contact Us Page CSS ========== */


/* ========== Gallery Page CSS ========== */


/* ========== Gallery Page CSS ========== */


/* ========== Blog Page CSS ========== */

.main_blog_items {
    position: relative;
    transition: all 0.3s ease-in;
    overflow: hidden !important;
}

.main_blog_items::after {
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg,
            rgba(1, 12, 81, 0) 34.95%,
            rgba(0, 0, 0, 0.63) 100%);
    opacity: 1;
    bottom: 0;
    left: 0;
    position: absolute;
    transition: all 0.3s ease-in;
    border-radius: 15px;
}

.main_blog_items:hover::after {
    bottom: -100%;
    transition: all 0.3s ease-in;
}

.main_blog_items::before {
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.19) 0%, rgba(0, 0, 0, 0.3) 100%);
    opacity: 0;
    position: absolute;
    left: 0;
    top: -100%;
    transition: all 0.3s ease-in;
}

.main_blog_items:hover::before {
    top: 0;
    transition: all 0.3s ease-in;
    opacity: 1;
}

.content-div {
    transform: translateY(152px);
    transition: all 0.3s ease-in;
}

.main_blog_items:hover .content-div {
    transform: translateY(0px);
    transition: all 0.3s ease-in;
}

.main_blog_items:hover .content-div-para {
    padding: 0;
}

.content-div-para {
    padding: 15px;
}

.main_blog_icon svg circle {
    transition: all 0.3s ease-in;
}

.main_blog_icon svg {
    transition: all 0.3s ease-in;
}

.main_blog_items:hover .main_blog_icon svg {
    transition: all 0.3s ease-in;
    transform: rotate(45deg);
}

.main_blog_items:hover .main_blog_icon svg circle {
    stroke: rgba(244, 186, 0, 1) !important;
    fill: rgba(244, 186, 0, 1) !important;
    transition: all 0.3s ease-in;
}

.blog_cat-list .e-filter .e-filter-item {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: flex-start;
}

.blog_cat-list .e-filter .e-filter-item::after {
    content: '';
    width: 100%;
    height: 2px;
    background-color: rgba(26, 34, 89, 0.15);
    position: absolute;
    left: 0;
    bottom: 0;
}

.blog-search_main .elementor-shortcode .search-filter-base {
    position: relative;
    background-color: rgba(241, 241, 241, 1);
    border-radius: 50px;
    min-height: 50px;
    padding: 15px 24px;
}

.blog-search_main .elementor-shortcode .search-filter-base .search-filter-input-text {
    padding: 0;
    border: 0px solid transparent !important;
    background-color: rgba(241, 241, 241, 1) !important;
    display: flex;
    flex-direction: row-reverse;
}

.blog-search_main .elementor-shortcode .search-filter-base .search-filter-input-text input {
    background-color: rgba(241, 241, 241, 1) !important;
    font-family: 'Manrope' !important;
    font-size: 18px !important;
    color: rgba(92, 92, 92, 1) !important;
    line-height: 28px !important;
    font-weight: 500 !important;
    position: relative;
    padding: 0;

    &:hover {
        padding: 0 !important;
    }

    &:focus {
        padding: 0 !important;
    }
}

.blog-search_main .elementor-shortcode .search-filter-base .search-filter-input-text input::placeholder {
    font-size: 18px !important;
    color: rgba(92, 92, 92, 1) !important;
    line-height: 28px !important;
    font-weight: 500 !important;
}

.blog-search_main .elementor-shortcode .search-filter-base .search-filter-icon--interactive {
    display: none;
}

.blog-search_main .elementor-shortcode .search-filter-base .search-filter-icon {
    padding: 0;
}

.blog-search_main .elementor-shortcode .search-filter-base .search-filter-icon .search-filter-icon__svg {
    opacity: 0;
}

.blog-search_main .elementor-shortcode .search-filter-base .search-filter-icon::after {
    content: '';
    background-image: url("images/search-arrow.svg");
    background-size: cover;
    width: 17px;
    height: 17px;
    background-repeat: no-repeat;
    position: absolute;
    opacity: 1 !important;
    top: 5px;
    right: 0;
}

.s-and-filt_main .elementor-shortcode .search-filter-base .search-filter-input-button {
    padding: 0 !important;
    background-color: transparent !important;
    border: none !important;
    font-size: 24px !important;
    font-weight: 600 !important;
    color: rgba(26, 34, 89, 1) !important;
}

.s-and-filt_main .search-filter-field--control-type-reset .search-filter-field__input {
    color: rgba(26, 34, 89, 1) !important;
    /* Blue */
}


.s-and-filt_main .search-filter-field--control-type-reset.search-filter-field--is-busy .search-filter-field__input {
    color: rgba(244, 186, 0, 1) !important;
    /* Yellow */
}

.s-and-filt_main-two .elementor-shortcode .search-filter-input-group {
    flex-direction: column-reverse;
}

.s-and-filt_main-two .elementor-shortcode .search-filter-input-group .search-filter-input-radio {
    padding: 20px 0;
}

.s-and-filt_main-two .search-filter-input-group .search-filter-input-radio .search-filter-input-radio__control {
    display: none !important;
}

.s-and-filt_main-two .search-filter-input-group .search-filter-input-radio .search-filter-input-radio__label {
    padding-left: 0 !important;
}

.s-and-filt_main-two .search-filter-input-group .search-filter-input-radio .search-filter-input-radio__label .search-filter-input-radio__count {
    display: none !important;
}

.s-and-filt_main-two .search-filter-input-group .search-filter-input-radio .search-filter-input-radio__label {
    color: rgba(26, 34, 89, 1) !important;
    font-size: 24px !important;
    font-weight: 600 !important;

    &:hover {
        color: rgba(244, 186, 0, 1) !important;
    }

    &:focus {
        color: rgba(244, 186, 0, 1) !important;
    }
}

.s-and-filt_main-two .search-filter-input-radio.search-filter-input-radio--is-active .search-filter-input-radio__label {
    color: rgba(244, 186, 0, 1) !important;
}

.s-and-filt_main-two .search-filter-input-radio {
    position: relative;
}

.s-and-filt_main-two .search-filter-input-radio::after {
    content: '';
    width: 100%;
    height: 1px;
    background-color: rgba(26, 34, 89, 0.15);
    position: absolute;
    top: 0;
    left: 0;
}

.s-and-filt_main-two .search-filter-input-radio:last-child::after {
    display: none !important;
}

/* ----- Pagination ----- */

.main_blogs-grid .elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
}

.main_blogs-grid .elementor-pagination .page-numbers {
    color: rgba(168, 168, 168, 1) !important;
    box-sizing: border-box;
}

.main_blogs-grid .elementor-pagination .page-numbers:not(.prev):not(.next) {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid rgba(168, 168, 168, 1) !important;

    &:hover {
        border: 1px solid rgba(244, 186, 0, 1) !important;
    }
}

.main_blogs-grid .elementor-pagination .page-numbers.current:not(.prev):not(.next) {
    color: rgba(30, 109, 183, 1) !important;
    border-color: rgba(244, 186, 0, 1) !important;
}

.main_blogs-grid .elementor-pagination .page-numbers.prev,
.main_blogs-grid .elementor-pagination .page-numbers.next {
    border: none !important;
    width: auto;
    height: auto;
}

.main_blogs-grid .elementor-pagination .page-numbers.prev {
    color: rgba(26, 34, 89, 1) !important;
}

.main_blogs-grid .elementor-pagination .page-numbers.prev,
.main_blogs-grid .elementor-pagination .page-numbers.next {
    position: relative;
}

.main_blogs-grid .elementor-pagination .page-numbers.prev::before {
    content: "<";
    position: absolute;
    left: -20px;
}

.main_blogs-grid .elementor-pagination .page-numbers.next::after {
    content: ">";
    position: absolute;
    right: -20px;
}

/* ----- Pagination ----- */

/* ========== Blog Page CSS ========== */


/* ========== Explore Page CSS ========== */

.project_loop_car-main .swiper {
    overflow: visible;
}

.project_loop_car-main .swiper-slide {
    opacity: 0;
    transition: opacity 0.3s !important;
    z-index: 111 !important;
}

.project_loop_car-main .swiper-slide-active,
.project_loop_car-main .swiper-slide-next {
    opacity: 1;
}

/* -------- */
/* ========== Explore Page CSS ========== */

.our-project_maingrid .elementor-loop-container {
    display: flex !important;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: start;
}



/* ========== Responsive CSS ========== */

@media(max-width: 1200px) {
    .all-button .elementor-button .elementor-button-icon svg {
        height: 45px;
        width: 45px;
    }

    .all-button .elementor-button .elementor-button-content-wrapper {
        gap: 15px !important;
    }

    .main-sol-loop {
        height: 650px !important;
        width: 260px !important;
    }

    .main-sol-loop.activebox {
        width: 570px !important;
    }

    .line-image {
        left: 70px !important;
    }

    .line-image img {
        max-width: 80% !important;
    }

    .hero-form-tabs-main .e-n-tab-title {
        min-width: auto !important;
    }

    .s-and-filt_main-two .search-filter-input-group .search-filter-input-radio .search-filter-input-radio__label,
    .s-and-filt_main .elementor-shortcode .search-filter-base .search-filter-input-button {
        font-size: 20px !important;
    }

    .content-div {
        transform: translateY(120px) !important;
        transition: all 0.3s ease-in;
    }

    .main_blog_items:hover .content-div {
        transform: translateY(0px) !important;
        transition: all 0.3s ease-in;
    }

    .our-project_maingrid .elementor-loop-container {
        justify-content: center;
    }

}

@media(max-width: 1140px) {
    .main-sol-loop {
        height: 620px !important;
        width: 280px !important;
    }

    .main-sol-loop.activebox {
        width: 480px !important;
    }
}

@media(max-width: 1024px) {
    .all-button .elementor-button .elementor-button-icon svg {
        height: 40px;
        width: 40px;
    }

    .all-button .elementor-button .elementor-button-content-wrapper {
        gap: 10px !important;
    }

    .main-sol-loop {
        height: 600px !important;
        width: 230px !important;
    }

    .main-sol-loop.activebox {
        width: 500px !important;
    }

    .line-image {
        left: 50px !important;
        bottom: 180px !important;
    }

    .line-image {
        left: 45px !important;
        bottom: 200px !important;
    }

    .s-and-filt_main-two .search-filter-input-group .search-filter-input-radio .search-filter-input-radio__label,
    .s-and-filt_main .elementor-shortcode .search-filter-base .search-filter-input-button {
        font-size: 17px !important;
    }

    .s-and-filt_main-two .elementor-shortcode .search-filter-input-group .search-filter-input-radio {
        padding: 15px 0;
    }

    .content-div {
        transform: translateY(140px) !important;
        transition: all 0.3s ease-in;
    }

    .main_blog_items:hover .content-div {
        transform: translateY(0px) !important;
        transition: all 0.3s ease-in;
    }

}

@media(max-width: 991px) {
    .main-sol-loop {
        height: 550px !important;
        width: 220px !important;
    }

    .main-sol-loop.activebox {
        width: 470px !important;
    }

    .line-image {
        display: none;
    }
}

@media(max-width: 901px) {
    .content-div {
        transform: translateY(100px) !important;
        transition: all 0.3s ease-in;
    }

    .main_blog_items:hover .content-div {
        transform: translateY(0px) !important;
        transition: all 0.3s ease-in;
    }
}

@media(max-width: 880px) {

    .elementor-loop-container {
        display: flex !important;
        flex-direction: column;
    }

    .main-sol-loop {
        height: 450px !important;
        width: 100% !important;
    }

    .main-sol-loop.activebox {
        width: 100% !important;
    }

    .without-hoveff {
        display: none;
        opacity: 0;
    }

    .main-sol-loop .with-hoveff {
        opacity: 1;
        transform: translateY(0);
        transition: all 0.3s ease-in;
        width: 100%;
    }

}

@media(max-width: 767px) {

    .tab-forms .elementor-shortcode .gform_wrapper .gform_fields input,
    .tab-forms .elementor-shortcode .gform_wrapper .gform_fields select {
        height: 50px;
        padding: 10px 15px;
        font-size: 15px;
    }

    .tab-forms .elementor-shortcode .gform_wrapper .gform_fields {
        row-gap: 16px;
    }

    .tab-forms .elementor-shortcode .gform_wrapper .gfield_label {
        font-size: 15px;
        line-height: 25px;
    }

    .tab-forms .elementor-shortcode .gform_wrapper .gfield_radio .gchoice label {
        padding: 8px 14px;
        font-size: 15px;
        line-height: 24px;
    }

    .tab-forms .elementor-shortcode .gform_wrapper .gfield--type-consent input {
        height: 18px !important;
        width: 18px !important;
        margin-top: 5px;
        padding: 0 !important;
    }

    .tab-forms .elementor-shortcode .gform_wrapper .ginput_container_consent {
        align-items: self-start;
    }

    .tab-forms .elementor-shortcode .gform_wrapper .gfield--type-consent .gform-field-label {
        font-size: 14px;
        margin-left: 5px;
    }

    .tab-forms input[type="submit"] {
        font-size: 16px !important;
        padding: 15px 50px 16px 18px !important;
        background-size: 35px !important;
        margin: auto !important;
    }

    .main-sol-loop {
        height: 380px !important;
        width: 100% !important;
    }

    .image-box .elementor-image-box-wrapper,
    .image-box .elementor-image-box-content {
        flex-direction: column;
    }

    .main-img-box {
        box-shadow: 0px 20px 50px rgba(141, 141, 141, 0.15);
        background-color: #ffffff2d;
    }

    .logo-image_slider-main .swiper-slide-inner {
        width: 200px !important;
        height: 110px !important;
    }

    .logo-image_slider-main .swiper-slide-image {
        max-width: 110px;
        height: 90px !important;
    }

    .logo-image_slider-main .swiper-wrapper {
        gap: 15px !important;
    }

    .main-accordion-wid .e-n-accordion-item .e-n-accordion-item-title-icon {
        width: 30px;
        height: 30px;
    }

    .about-tab-wid .e-n-tabs-heading button {
        max-width: 200px;
    }

    .contact_us-form .elementor-shortcode .gform_wrapper .gform_fields {
        gap: 15px;
    }

    .contact_us-form .elementor-shortcode .gform_wrapper .gform_fields input,
    .contact_us-form .elementor-shortcode .gform_wrapper .gform_fields textarea {
        min-height: 55px;
        padding: 15px;
    }

    .contact_us-form input[type="submit"] {
        font-size: 16px !important;
        padding: 15px 50px 16px 18px !important;
        background-size: 35px !important;
        margin: auto !important;
    }

    .main_blogs-grid .elementor-pagination .page-numbers:not(.prev):not(.next) {
        width: 35px;
        height: 35px;
    }

    .blog-search_main .elementor-shortcode .search-filter-base {
        padding: 10px 15px;
    }

    .blog-search_main .elementor-shortcode .search-filter-base .search-filter-input-text input::placeholder {
        font-size: 16px !important;
    }

    /* ------ */

    .content-div {
        transform: translateY(0) !important;
    }

    .main_blog_items:hover .content-div-para {
        padding: 0;
    }

    .content-div-para {
        padding: 0;
    }

}



/* ========== Zoom CSS ========== */

@media only screen and (min-width: 1536px) and (max-width: 1600px) {
    html {
        zoom: 0.80;
        zoom: 80%;
    }
}

@media only screen and (min-width: 1440px) and (max-width: 1535px) {
    html {
        zoom: 0.82;
        zoom: 82%;
    }
}

@media only screen and (min-width: 1201px) and (max-width: 1439px) {
    html {
        zoom: 0.75;
        zoom: 75%;
    }
}