/* 
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 */
/* General */
body{
    overflow-x:hidden;
}

/* Header */
 header .header_wrapper{
        padding-top: 10px;
    padding-bottom: 10px;
}
@media only screen and (max-width: 1024px) {
    header .hfe-nav-menu li a{
            background-color: #01263E;
    }
    header .hfe-nav-menu__toggle{
        margin: 0 !important;
        text-align: right;
    }
}

@media only screen and (min-width: 1024px) {
    ul.hfe-nav-menu>li:last-child a{
        background-color: #C97D49;
        color: #fff !important;
    }
}

@media only screen and (max-width: 767px) {
    header .header_wrapper .e-con-inner .column:last-child{
            margin-top: -53px;
    }
 header .header_wrapper .column img{
    position: absolute;
    top: 10px;
}
}



/*Home Hero*/
.hero_wrapper .e-grid ul li {
    display: flex;
    flex-direction: column;
}

.hero_wrapper .e-grid ul li span.elementor-icon-list-icon{
    background: rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(2px);
    width: 72px;
    height: 72px;
    justify-content: center;
    align-items: center;
    margin-bottom: 17px;
}
@media only screen and (max-width: 767px) {
.hero_wrapper .e-grid{
        margin-top: 0 !important;
}
.hero_wrapper  .here_title h2{
           font-size: 40px !important;
        line-height: 60px !important;
        padding: 0 30px;
}

.hero_wrapper::before{
        background-image:linear-gradient(180deg, #00182e99 -8%, #01263E 100%) !important;
}
.hero_wrapper>.e-con-inner{
              padding-top: 93px !important;
      }
      
}

/*Home Section 1*/
.home_section_1  .e-con-inner{
        background-color: #013450;
        padding:56px;
        margin-top: -126px;
}

.home_section_1  .column_right {
	    flex-direction: row;
}

.home_section_1  .column_right  .column_text {
	flex: 0 1 70%;
    max-width: 70%;
}

.home_section_1  .column_right  .column_image  {
	flex: 0 1 30%;
    max-width: 30%;
}
@media only screen and (max-width: 767px) {
    .home_section_1 .column_right {
        flex-direction: column-reverse;
        flex-wrap: nowrap;
    }
    .home_section_1 .column_right .column_text,
    .home_section_1 .column_right .column_image {
        flex: 0 1 100%;
        max-width: 100%;
    }
    
    .home_section_1 .column h2,
    .home_section_1 .column p{
	    text-align:center;
    }
}

/* Home Section 2 */
.home_section_2 .column_left li.elementor-icon-list-item a{
    background-color: #C97D49;
    padding: 8px 32px;
    min-height: 68px;
     flex-direction: row-reverse;
}
.home_section_2 .column_left li.elementor-icon-list-item a:hover{
    background-color: #013450;
}

.home_section_2 .e-con-inner{
    padding-right: 15px;
    padding-left: 15px;
}


@media only screen and (max-width: 767px) {
    .home_section_2 .e-con-inner{
            flex-direction: column-reverse !important;
    }
    
    .home_section_2 .column_right {
        padding-left:0 !important;
                padding-bottom: 21px;
    }
}

/* Home Section 3 */
.home_section_3 .grid_wrapper .grid_column{
        background-color: #013450;
            padding: 20px
}

/* Home Section 4 */
.home_section_4 .grid_wrapper{
    padding-top:0;
    padding-bottom:0;
} 
.home_section_4 .grid_wrapper .grid_column{
    position:relative;
}

.home_section_4 .grid_wrapper .grid_column .elementor-widget-text-editor{
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(196, 111, 55, 0.00) 0%, #C46F37 100%);
    z-index: 9;
    bottom: 0;
    padding: 25px 7px;
}

.home_section_4 .grid_wrapper .grid_column .elementor-widget-text-editor .elementor-widget-container{
    padding:0 30px;
    display: flex;
    justify-content: end;
    align-items: start;
    flex-wrap: wrap;
    flex-direction: column;
}
.home_section_4 .grid_wrapper .grid_column .elementor-widget-text-editor h1{
    font-size: 31px;
    font-weight: 800;
    line-height: 120%; 
    margin:0;
}

@media only screen and (max-width: 767px) {
.home_section_4 .grid_wrapper .grid_column .elementor-widget-text-editor .elementor-widget-container {
    justify-content: flex-end;
    align-items: center;
    text-align: center;
}
}

/* Home Section 5 */
.home_section_5{
    padding-top: 70px;
    padding-bottom: 100px;
}
.home_section_5 .title_desc_wrapper{
    max-width: 700px !important;
    margin: 0 auto;
}
.home_section_5 .grid_wrapper .column_right .e-child{
    border-bottom: 1px solid rgba(255, 255, 255, 0.16);
}
.home_section_5 .grid_wrapper .column_right .elementor-heading-title span{
    font-weight: 800;
    color:#fff;
}

/* Home Section 6  */
.home_section_6 .title_wrapper {
    padding-bottom:20px;
}
.home_section_6 .grid_wrapper{
    padding-top:0;
    padding-bottom:0;
        /*gap: 0;*/
} 
.home_section_6 .grid_wrapper .grid_column{
    position:relative;
    padding: 0;
}

.home_section_6 .grid_wrapper .grid_column .elementor-widget-text-editor{
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
   background: linear-gradient(180deg, rgba(1, 38, 62, 0.00) 0%, #01263E 100%);
    z-index: 9;
    bottom: 0;
    padding: 25px 7px;
}

.home_section_6 .grid_wrapper .grid_column .elementor-widget-text-editor .elementor-widget-container{
    padding:0 30px;
    display: flex;
    justify-content: end;
    align-items: start;
    flex-wrap: wrap;
    flex-direction: column;
}
.home_section_6 .grid_wrapper .grid_column .elementor-widget-text-editor h1{
    font-size: 31px;
    font-weight: 800;
    line-height: 120%; 
    margin:0;
}

@media only screen and (max-width: 767px) {
.home_section_6 .e-con-inner{
    padding-top:0;
}

.home_section_6 .grid_wrapper .grid_column .elementor-widget-text-editor .elementor-widget-container {
    justify-content: flex-end;
    align-items: center;
    text-align: center;
}
}

@media only screen and (max-width: 600px) {
    .home_section_6 .grid_wrapper .grid_column .elementor-widget-text-editor .elementor-widget-container {
    display:block;
    text-align: center;
}
.home_section_6 .grid_wrapper .grid_column img{
    height: 193px;
}
}

/* Home Section 7*/
.home_section_7 .e-con-inner{
        gap: 0;
}
.home_section_7 .e-con-inner .grid_wrapper{
    padding-top: 0;
    padding-bottom: 0;
}
.home_section_7 .e-con-inner .grid_wrapper:nth-child(2){
        border-bottom: 1px solid rgba(255, 255, 255, 0.16);
} 
.home_section_7 .grid_wrapper .grid_column{
        border-right: 1px solid rgba(255, 255, 255, 0.16);
    padding: 30px;
}

.home_section_7 .grid_wrapper .grid_column:last-child{
    border-right:none;
}

.home_section_7 .grid_wrapper .grid_column .elementor-widget-image .elementor-widget-container{
           width: 72px;
    height: 52px;
    margin: 0 auto;
    background: var(--Secondary-15, #013450);
    backdrop-filter: blur(2px);
    justify-content: center;
    align-items: center;
    display: flex;
}
@media only screen and (max-width: 767px) {
    .home_section_7 .grid_wrapper .grid_column{
        border-bottom: 1px solid rgba(255, 255, 255, 0.16);
        border-right:none;
}
.home_section_7 .e-con-inner .grid_wrapper:nth-child(2) {
    border-bottom: none;
}
}

/* Home Section 8 */
.home_section_8::before{
 backdrop-filter: blur(8px) brightness(0.9);
}

/* Home Section 9 */
.home_section_9 .grid_column{}
.home_section_9 .grid_column::before{
    background: linear-gradient(270deg, rgba(1, 38, 62, 0.56) 0%, #01263E 100%);
}

.home_section_9  li.elementor-icon-list-item a{
    background-color: #C97D49;
    padding: 8px 32px;
    min-height: 68px;
     flex-direction: row-reverse;
}
.home_section_9  li.elementor-icon-list-item a:hover{
    background-color: #013450;
}


/* Home Section 11 */
.home_section_11 ul.elementor-icon-list-items li  span.elementor-icon-list-icon{
   display: flex;
    width: 56px;
    height: 56px;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    background: #013450;
}

@media only screen and (max-width: 767px) {
    .home_section_11{
        background-image:none !important;
    }
    .home_section_11 .elementor-heading-title{
        text-align:center;
    }
    .home_section_11 .column_left,
    .home_section_11 .column_right{
            align-items: center;
    }
}
@media only screen and (min-width: 767px) {
.home_section_11 .column_left{
            padding-left: 91px;
}
}

/* Footer */

.footer_wrapper{
        padding-top: 60px;
}
.footer_logo_wrapper,
.footer_logo_wrapper .column {
        padding-bottom: 0;
}
.footer_top_wrapper{
        padding-bottom: 50px;
        padding-top: 0;
        flex-wrap: nowrap;
}
.footer_top_wrapper  .column:first-child{
    flex: 0 1 70%;
    max-width: 70%;
}
.footer_top_wrapper  .column:last-child{
    flex: 0 1 30%;
    max-width: 30%;
}
.footer_wrapper p{
    margin-bottom:0;
}

.footer_bottom_wrapper {
    border-top: 1px solid rgba(255, 255, 255, 0.16);
}
.footer_bottom_wrapper a{
    color: #3DC28F;
    font-weight:800;
}
@media only screen and (max-width: 767px) {
  .footer_top_wrapper{
      flex-wrap:wrap;
      padding-bottom:0;
  }
  .footer_top_wrapper .column:first-child,
  .footer_top_wrapper  .column:last-child{
    flex: 0 1 100%;
    max-width: 100%;
}
.footer_top_wrapper ul.elementor-icon-list-items{
        flex-direction: column;
    text-align: center;
}
.footer_top_wrapper ul.elementor-icon-list-items li a {
    display: inline-block;
    padding: 11px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.16);
}
.footer_top_wrapper .elementor-social-icons-wrapper,
.footer_bottom_wrapper .elementor-widget-container{
    text-align:center;
}
.footer_logo_wrapper .column img{
        display: block;
    margin: 0 auto;
}

.footer_bottom_wrapper .column{
    padding-top:0;
}

.footer_bottom_wrapper .column:first-child{
    display:none;
}

}

/* About Page Section 1 */
.about_section1 .grid_wrapper{
    padding-bottom: 0;
    padding-top: 0;
}
.about_section1 .grid_wrapper .column_wrapper{
    background: #013450;
        padding: 30px;
}
/* About Section 3 */
.about_section3 .title_wrapper{
        max-width: 700px;
    margin: 0 auto;
}

/* Contact Page Section 1 */
.contact_section1 .title_wrapper{
        max-width: 650px;
    margin: 0 auto;
}
.contact_section1 .form_wrapper{
          max-width: 700px;
    margin: 0 auto;
    padding: 30px 30px 13px;
}
.contact_section1 .form_wrapper .wpcf7-form-control{
      border-radius: 4px;
border: 1px solid rgba(255, 255, 255, 0.24);
height: 56px;
padding: 8px 16px;
background-color: transparent;
}
.contact_section1 .form_wrapper .wpcf7-textarea{
height: 168px;
}
.contact_section1 .form_wrapper label{
    color: #fff;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 150%; /* 30px */
    margin-bottom: 10px;
}

.contact_section1 .form_wrapper .input_wrapper{
    display: flex;
    flex-wrap: wrap;
}
.contact_section1 .form_wrapper .input_wrapper .input_box{
    flex-basis: 50%;
    max-width: 50%;
}

.contact_section1 .form_wrapper .input_wrapper .message_box,
.contact_section1 .form_wrapper .input_wrapper .submit_col{
    flex-basis: 100%;
    max-width: 100%;
}

.contact_section1 .form_wrapper p{
        margin-bottom: 1.8rem;
        padding: 0 10px;
}

.contact_section1 .form_wrapper .submit_col p{
    margin-bottom:0;
}
.contact_section1 .form_wrapper .wpcf7-submit{
  height: 72px;
    padding: 8px 32px;
    background: #C97D49;
    color: #fff;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    width: 100%;
    border: none;
}
.contact_section2 .e-con-inner .grid_wrapper:nth-child(2) {
    border-bottom: none;
}

@media only screen and (max-width: 500px) {
    .contact_section1 .form_wrapper .input_wrapper .input_box{
    flex-basis: 100%;
    max-width: 100%;
}
}