/*
Theme Name: OceanWP Child Theme
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme. Sample child theme.
Author: OceanWP
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */
.main-banner .e-grid .e-con-inner {
    display: flex !important;
    gap: 12px !important
}

.sidr .sidr-inner .sidr-class-toggle-sidr-close {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse
}

#site-navigation-wrap .dropdown-menu>li>a {
    outline: 0 !important
}

.our_team .oew-member-wrap .oew-member-icons {
    display: none
}

.our_values .e-con-inner>.e-child {
    border-radius: 10px;
    padding: 26px;
    transition: .3s ease-in-out
}

.our_values .e-con-inner>.e-child:hover {
    box-shadow: 0 0 24px 0 #00000024
}

.get-in-touch {
    background-color: #f3f3f3
}

.get-in-touch>.elementor-container {
    justify-content: space-between
}

.get-in-touch>.elementor-container>.elementor-element {
    width: calc(50% - 16px);
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 0 18px 0 #0000000f
}

.get-in-touch>.elementor-container>.elementor-element:first-child {
    padding-inline: 35px
}

.get-in-touch>.elementor-container>.elementor-element .elementor-widget-wrap {
    background-color: #fff !important;
    border-radius: 12px
}

.get-in-touch form .form-group {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 14px
}

.get-in-touch form .form-group .company-field,
.get-in-touch form .form-group .email-field,
.get-in-touch form .form-group .name-field,
.get-in-touch form .form-group .phone-field {
    width: calc(50% - 10px)
}

.page-header .page-header-title {
    font-weight: 700;
    margin-bottom: 8px
}

body a:focus {
    outline-width: 0 !important
}

.get-in-touch form .message-field textarea {
    max-height: 100px;
    min-height: 100px;
}

.main-banner .elementor-button {
    font-size: 16px !important;
    padding: 13px 26px !important;
    white-space: nowrap;
}

.learn_more_popup .oew-modal-button .button {
    font-size: 16px !important;
    padding: 12px 26px !important;
    letter-spacing: 0;
    white-space: nowrap;
}

.oew-modal-wrap .oew-modal-container .oew-modal-inner {
    width: fit-content;
    padding: 20px 20px 14px;
    border-radius: 10px
}

.oew-modal-wrap .oew-modal-container .oew-modal-inner .oew-modal-close {
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #ddd;
    box-shadow: 0 0 18px 3px #00000059;
    top: -11px;
    right: -11px;
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center
}

.oew-modal-wrap .oew-modal-container .oew-modal-inner .oew-modal-close svg {
    width: 10px;
    height: 10px
}

.page-header .page-subheading {
    padding-bottom: 15px
}
.our_team .oew-member-wrap .oew-member-role {
    margin-bottom: 0;
}
.our_team .oew-member-wrap .oew-member-description {
    margin-top: 12px;
}
@media screen and (min-width:768px) {
  .our_team .e-con-inner > .e-child:nth-child(4) .oew-member-description {
    margin-top: 37px;
    }  
}

@media screen and (min-width:1200px) {
    .number-counters .elementor-widget-wrap .elementor-widget-counter {
        margin-bottom: 0 !important
    }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .main-banner h1.elementor-heading-title {
        font-size: 32px !important;
        line-height: 42px !important;
    }
}
@media screen and (max-width:767px) {

    .get-in-touch,
    .number-counters {
        padding-inline: 20px !important
    }

    footer .elementor-widget__width-auto {
        margin-bottom: 0 !important
    }

    .oew-modal-wrap .oew-modal-container {
        display: flex;
        align-items: center
    }

    .oew-modal-wrap .oew-modal-container .oew-modal-inner video {
        width: 100%;
        height: auto
    }

    .get-in-touch form .form-group .company-field,
    .get-in-touch form .form-group .email-field,
    .get-in-touch form .form-group .name-field,
    .get-in-touch form .form-group .phone-field,
    .get-in-touch>.elementor-container>.elementor-element,
    .main-banner .elementor-widget__width-initial {
        width: 100% !important
    }

    .elementor-button {
        font-size: 16px !important;
        padding: 13px 26px !important
    }

    .number-counters .elementor-widget-wrap {
        justify-content: space-between !important;
        gap: 20px !important
    }

    .number-counters .elementor-widget-wrap .elementor-widget-counter {
        margin: 0 !important
    }

    .our-services1 .elementor-heading-title,
    .our-services1 .elementor-position-inline-start .elementor-icon-box-wrapper h3.elementor-icon-box-title,
    .our-services1 .elementor-widget-text-editor p,
    .our-services2 .elementor-heading-title,
    .our-services2 .elementor-position-inline-start .elementor-icon-box-wrapper h3.elementor-icon-box-title {
        text-align: left
    }

    .our-services1 .elementor-widget-heading {
        margin-bottom: 10px !important
    }

    .our-services1 .elementor-position-inline-start,
    .our-services2 .elementor-position-inline-start {
        display: flex
    }

    .our-services1 .elementor-position-inline-start .elementor-icon-box-wrapper,
    .our-services2 .elementor-position-inline-start .elementor-icon-box-wrapper {
        flex-direction: row !important
    }

    .our-services2 .elementor-position-inline-start .elementor-icon-box-wrapper .elementor-icon-box-icon {
        position: relative;
        top: 6px
    }
    .our-services1 .elementor-position-inline-start .elementor-icon-box-wrapper .elementor-icon-box-icon {
        position: relative;
        top: 4px
    }

    .our-services2 .services .container {
        max-width: 100%;
        text-align: left
    }

    .our-services1 .elementor-widget-heading .elementor-heading-title {
        padding-left: 20px
    }

    .our-services1 .elementor-widget-heading p.elementor-heading-title {
        padding-left: 9px
    }

    .our-services1 .elementor-section-boxed .elementor-widget-heading h2.elementor-heading-title {
        padding-left: 0
    }

    .get-in-touch form .form-group,
    .our-services1 .elementor-section-boxed .elementor-widget-heading h2.elementor-heading-title footer .elementor-widget__width-auto {
        margin-bottom: 0 !important
    }

    footer .elementor-shape-circle {
        width: 100% !important;
        --grid-column-gap: 16px !important
    }

    .our_team .oew-member-wrap .oew-member-image img {
        height: 350px;
        object-fit: cover
    }

    .get-in-touch>.elementor-container>.elementor-element:first-child {
        padding-inline: 0 !important;
        margin-bottom: 30px
    }

    .get-in-touch form {
        padding: 20px !important
    }

    .get-in-touch form .form-group input {
        margin-bottom: 8px
    }

    .get-in-touch form .form-group .submit-field {
        margin-top: 16px;
        width: 100%
    }

    .get-in-touch form .form-group .submit-field input {
        width: 100%;
        max-width: 100%;
        margin-bottom: 0
    }
    .our-services2 > .elementor-container {
        flex-direction:column-reverse;
    }
}

.page-header .container {
    text-align: left !important;
}