/*
Theme Name: Hello Elementor Child
Description: Child theme for Hello Elementor
Template: hello-elementor
Version: 1.0.0
*/

/* Header menu css */

.header-menu nav ul li.menu-item-has-children a{
    line-height:1.4em;
}

.foot-contact-form form input[type="text"],
.foot-contact-form form input[type="email"],
.foot-contact-form form input[type="tel"],
.foot-contact-form form textarea{
    padding: 15px !important;
}
.foot-contact-form .e-form__buttons{
    margin-top:19px !important;
}
.has-a-link a{
    color: #0F2748 !important;
    text-decoration: underline !important;
}
.has-a-link-2d2d2d a{
    color: #2d2d2d !important;
    text-decoration: underline !important;
}
.link-blue a{
    color:#2C7A9B !important;
    text-decoration: underline !important;
    font-weight: 700 !important;
    transition: all 0.3s ease;
}
.link-blue a:hover{
    color: #0F2748 !important;
    transition: all 0.3s ease;
}
.li-mb ul li{
    margin-bottom: 5px;
}
.bold-blue-txt strong{
    font-weight: 700 !important;
    color: #B9DDE7;
}
.header-menu nav ul li.menu-item-has-children > ul.sub-menu{
    margin-left: -20px !important;
    margin-top: -42px !important;
    padding-top: 50px !important;
    z-index: -1 !important;
}
.main-header.scrolled .header-menu nav ul li > a:hover{
    color:#2C7A9B !important;
}
.main-header.scrolled .header-menu nav ul li.current-menu-item > a{
    color:#2C7A9B !important;
}
.main-header .header-menu nav ul li.menu-item-has-children a:hover{
    color:#B9DDE7 !important;
}
.main-header .header-menu nav ul li.menu-item-has-children ul li.current-menu-item a.elementor-item-active:hover{
    color:#B9DDE7 !important;
}
.main-header .header-menu nav ul li.menu-item-has-children ul.sub-menu li.current-menu-item a{
    color:#B9DDE7 !important;
}
.main-header .header-menu nav ul li.menu-item-has-children a:hover {
    color: #B9DDE7 !important;
}

/* .header-menu nav ul li.current_page_item a{
    font-weight:800 !important;
} */
/* .header-menu nav ul li > a:hover{
    font-weight:800 !important;
} */
/* Header menu css */
.aop-home-tile figure img{
    margin:auto;
}

/* scrolled header css */

header .main-header.scrolled {
    background-color:#ffffff !important;
}
header .main-header.scrolled .header-menu .elementor-nav-menu--main .elementor-item{
    color:#0F2748;
}
header .main-header .scroll-logo{
    display:none !important;
}
header .main-header.scrolled .scroll-logo{
    display:block !important;
}
header .main-header.scrolled .white-logo{
    display:none;
}
header .main-header.scrolled .head-info span,
header .main-header.scrolled .head-info p,
header .main-header.scrolled .head-info a{
    color:#0F2748 !important;
}
header .main-header.scrolled > div{
    padding-bottom:25px !important;
}
/* scrolled header css */

/*BREADCRUMB CSS*/

.finch-b-crumb #breadcrumbs > span{
    color:#0F2748 !important;
}
.finch-b-crumb #breadcrumbs span.breadcrumb_last{
    color:#2C7A9B !important;
}
.finch-b-crumb #breadcrumbs span.breadcrumb_last a{
    transition: all 0.3s ease !important;
}
/*BREADCRUMB CSS*/

.pi-accord .e-n-accordion-item .e-n-accordion-item-title{
    justify-content:space-between;
}
.pi-accord .e-n-accordion-item:last-child{
    border-bottom:2px solid #C4B397;
}

/* Elementor carousel Pagination Diamond Style */
.review-carousel .swiper-pagination{
    display: flex;
    align-items: center;
    gap: 18px;
}
.review-carousel .swiper-pagination .swiper-pagination-bullet{
    width: 16px !important;
    height: 16px !important;
    margin: 0 !important;
    border-radius: 0 !important;
    background: #EAEAEA !important;
    opacity: 1 !important;
    transform: rotate(45deg);
    transition: all 0.3s ease;
}
.review-carousel .swiper-pagination .swiper-pagination-bullet:hover{
    background: #66A9CF !important;
}

.review-carousel .swiper-pagination .swiper-pagination-bullet-active{
    background: #66A9CF !important;
}
.review-carousel .swiper-pagination-bullet:nth-child(n+5) {
    display: none !important;
}
/* Elementor carousel Pagination Diamond Style */


/*OUR TEAM PAGE CSS*/

.team-img img{
    filter: grayscale(100%);
    transition: filter 0.3s ease;
}

.team-card:hover .team-img img{
    filter: grayscale(0%);
}

/*OUR TEAM PAGE CSS*/

/*PERSONAL INJURY PAGE CSS*/

.stage-box-left{
    clip-path: polygon(
        0% 0,
        100% 0,
        78% 100%,
        0 100%
    );
    min-width:463px !important;
}
.stage-box-right{
    clip-path: polygon(
        22% 0,
        100% 0,
        100% 100%,
        0 100%
    );
    min-width:463px !important;
    margin-left: -80px !important;
}
.stage-box-1{
    clip-path: polygon(
        22% 0,
        100% 0,
        78% 100%,
        0 100%
    );
    min-width:482px !important;
    margin-left: -80px !important;
}
.stage-box-2{
    clip-path: polygon(
        22% 0,
        100% 0,
        78% 100%,
        0 100%
    );
    min-width:482px !important;
    margin-left: -80px !important;
}
.stage-box-3{
    clip-path: polygon(
        22% 0,
        100% 0,
        78% 100%,
        0 100%
    );
    min-width:482px !important;
    margin-left: -80px !important;
}
.pi-poly-sec {
    margin-left:-75px !important;
}

/*PERSONAL INJURY PAGE CSS*/

/*BLOG SEARCH FORM*/
.blog-search-form form{
    flex-direction:column;
}
.e-search-submit{
    margin-top:14px;
    min-height:48px;
}
.e-search-submit span{
    margin:auto;
}
.e-search-input{
    min-height:50px !important;
} 
/*BLOG SEARCH FORM*/

/*BLOG LISTING PAGE CSS*/

.blog-excerpt h2{
    font-family: Raleway !important;
    font-weight: 500 !important;
    font-size: 24px !important;
    line-height: 1.2em !important;
    color:#0F2748 !important;
}
.blog-excerpt h3{
    font-family: Raleway !important;
    font-weight: 500 !important;
    font-size: 22px !important;
    line-height: 1.2em !important;
    color:#0F2748 !important;
}
.blog-excerpt h4{
    font-family: Raleway !important;
    font-weight: 500 !important;
    font-size: 20px !important;
    line-height: 1.2em !important;
    color:#0F2748 !important;
}
.blog-excerpt ul, 
.blog-excerpt ol{
    margin-bottom: 20px !important;
}
.blog-excerpt h2 span, 
.blog-excerpt h3 span, 
.blog-excerpt h4 span {
    font-family: Raleway !important;
    font-weight: 500 !important;
    font-size: 24px !important;
    line-height: 1.2em !important;
    color:#0F2748 !important;
}
.exerpt-img figure{
    display: none !important;
}
.blog-listing-grid nav.elementor-pagination {
    display:flex !important;
    justify-content:space-between !important;
}
.blog-listing-grid nav.elementor-pagination a{
    transition: 0.3s ease;
}
/*BLOG LISTING PAGE CSS*/

/*BLOG CATEFORY LISTING*/
.custom-category-list{
    margin: 0;
    padding-left: 30px;
}

.custom-category-list li{
    margin-bottom: 8px;
    color: #2D7AA3;
}

.custom-category-list li a:hover{
    color: #0F2748;
    transition: all 0.3s ease;
}
.custom-category-list li:hover::marker {
    color: #0F2748;
    transition: all 0.3s ease;
}
.custom-category-list li::marker{
    color: #2D7AA3;
}

.custom-category-list a{
    color: #2D7AA3;
    text-decoration: none;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
    transition: all 0.3s ease;
}

.custom-category-list li::marker{
    color: #2D7AA3;
    font-size: 20px;
}
.blog-excerpt a.more-link {
    display:none !important;
}
/*BLOG CATEFORY LISTING*/


.sidelist-menu .elementor-nav-menu {
    display: block !important;
    list-style: none !important;
    padding-left: 10px !important;
}

.sidelist-menu .elementor-nav-menu > li {
    display: block !important;
    position: relative;
    padding-left: 20px;
    margin-bottom: 6px;
}

.sidelist-menu .elementor-nav-menu > li::before {
    content: "";
    width: 8px;
    height: 8px;
    background: #2C7A9B;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0.8em;
    transform: translateY(-50%);
}

.sidelist-menu .elementor-item {
    display: inline !important;
    padding: 0 !important;
}
.site-list ul li a:hover{
    color: #0F2748 !important;
    transition: 0.3s ease-in-out;
}
/* Submenu */
.sidelist-menu .sub-menu {
  	width:100% !important;
    position: static !important;
    display: block !important;
    margin: 12px 0 0 0 !important;
    padding: 0 0 0 0 !important;
}

.sidelist-menu .sub-menu > li {
    position: relative;
    display: block !important;
    list-style: none !important;
    padding-left: 20px;
    margin-bottom: 12px;
}

.sidelist-menu .sub-menu > li::before {
    content: "";
    width: 8px;
    height: 8px;
    background: #2C7A9B;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 1em;
    transform: translateY(-50%);
}

.sidelist-menu .sub-menu > li > a {
    width: auto !important;
    padding: 0 !important;
    line-height: 1.4em !important;
}

.sidelist-menu .sub-arrow {
    display: none;
}

/*==================================== MEDIA QUERY STARTS =================================*/


@media only screen and (min-width:768px){
    /*CONTACT PAGE CSS*/

    .foot-contact-form input#form-field-field_672cbfa{
        height:50px;
    }
    .foot-contact-form .elementor-field-group-field_369dd90 {
        height:50px;
    }
    .foot-contact-form .elementor-field-group-field_b752dff {
        top:-80px !important;
    }
    .foot-contact-form .elementor-field-group-field_672cbfa {
        top:-80px !important;
        padding: 0px 10px 0px 4px !important;
    }
    .foot-contact-form.contact-page-form .elementor-field-type-submit.e-form__buttons{
        margin-top:-30px !important;
        /*margin-right:200px !important;*/
    }
    /*CONTACT PAGE CSS*/
}

@media only screen and (max-width:1728px){
   .mission-box-1{
      left:49% !important;
   }
   .mission-box-2{
      left:68% !important;
   }
   .mission-box-3{
      left:46% !important;
      top:57% !important;
   }
   .mission-box-4{
      left:64% !important;
      top:57% !important;
   }
}
@media only screen and (max-width:1680px){
   .mission-box-1{
      left:48% !important;
   }
   .mission-box-2{
      left:69% !important;
   }
   .mission-box-3{
      left:46% !important;
      top:57% !important;
   }
   .mission-box-4{
      left:65% !important;
      top:57% !important;
   }
}
@media only screen and (max-width:1600px){
   .mission-full-block{
      background-position:30% 100% !important;
   }
   .mission-box-1{
      left:53% !important;
   }
   .mission-box-2{
      left:75% !important;
   }
   .mission-box-3{
      left:50% !important;
      top:57% !important;
   }
   .mission-box-4{
      left:70% !important;
      top:57% !important;
   }
}
@media only screen and (max-width:1536px){
   .mission-box-1{
      left:54% !important;
   }
   .mission-box-2{
      left:76% !important;
   }
   .mission-box-3{
      left:51% !important;
      top:57% !important;
   }
   .mission-box-4{
      left:71% !important;
      top:57% !important;
   }
}
@media only screen and (max-width:1440px){
   .mission-full-block{
      background-position:50% 100% !important;
   }
   .mission-box-1{
      left: 48% !important;
   }
   .mission-box-2{
      left: 73% !important;
   }
   .mission-box-3{
      left: 45% !important;
      top:57% !important;
   }
   .mission-box-4{
      left: 67% !important;
      top:57% !important;
   }
}
@media only screen and (max-width:1366px){
   .mission-full-block{
      background-position:60% 100% !important;
   }
   .mission-box-1{
      left:44% !important;
   }
   .mission-box-2{
      left: 70% !important;
   }
   .mission-box-3{
      left: 42% !important;
      top:57% !important;
   }
   .mission-box-4{
      left: 64% !important;
      top:57% !important;
   }
}
@media only screen and (max-width:1280px){
   .mission-full-block{
      background-position:60% 100% !important;
   }
   .mission-box-1{
      left: 44% !important;
   }
   .mission-box-2{
      left: 70% !important;
   }
   .mission-box-3{
      left: 40% !important;
      top:57% !important;
   }
   .mission-box-4{
      left: 64% !important;
      top:57% !important;
   }
}
@media only screen and (min-width:1025px) and (max-width:1919px){
    .home-offset-sec{
      width:calc(100% - 20px) !important;
    }
}
@media only screen and (min-width:1025px) and (max-width:1280px){
    .hero-banner .hero-txt-wrap{
      right: 15px !important;
      }
      .hero-banner{
        background-position: 60% center !important;
      }
      .pi-hero-txt-wrap{
        right: -15px !important;
        bottom: 150px !important;
      }
      .header-menu nav ul li > a{
        margin-inline-start: 19px !important;
        margin-inline-end: 19px !important;
      }
      .pa-hero-txt-wrap{
        right: 25px !important;
      }
      .pi-poly-sec {
        margin-left: -390px !important;
      }
      .main-header .sec-col-left{
        padding-right:30px !important;
      }
      .main-header .sec-col-right{
        padding-left:30px !important;
      }
}
@media only screen and (min-width:1281px) and (max-width:1440px){
    .hero-banner .hero-txt-wrap{
      right: 10px !important;
    }
    .pi-hero-txt-wrap{
        right: 0px !important;
    }
    .pa-hero-txt-wrap{
        right: 25px !important;
    }
    .pi-poly-sec {
        margin-left: -345px !important;
    }
}
}
@media only screen and (min-width:1441px) and (max-width:1728px){
    .hero-banner .hero-txt-wrap{
      right: 100px !important;
    }
    .pi-hero-txt-wrap{
        right: 100px !important;
    }
    .pa-hero-txt-wrap{
        right: 60px !important;
    }
    .pi-poly-sec {
        margin-left: -245px !important;
    }
}
@media only screen and (min-width:1921px) and (max-width:3440px){
    .hero-banner .hero-txt-wrap{
      right: 500px !important;
      bottom:120px !important;
    }
    .pi-hero-txt-wrap{
        right: 400px !important;
        bottom:110px !important;
    }
    .pa-hero-txt-wrap{
        right: 414px !important;
        bottom:150px !important;
    }
    .pi-poly-sec {
        margin-left: 0px !important;
    }
    .stage-box-1{
        clip-path: polygon(
            16% 0,
            100% 0,
            84% 100%,
            0 100%
        );
        min-width:482px !important;
        margin-left: -80px !important;
    }
    .stage-box-2{
        clip-path: polygon(
            16% 0,
            100% 0,
            84% 100%,
            0 100%
        );
        min-width:482px !important;
        margin-left: -80px !important;
    }
    .stage-box-3{
        clip-path: polygon(
            16% 0,
            100% 0,
            84% 100%,
            0 100%
        );
        min-width:482px !important;
        margin-left: -80px !important;
    }
    .mission-full-block{
        min-height: 500px !important;
    }
    .mission-box-1{
       left:50% !important;
       top:7% !important;
    }
    .mission-box-2{
       left:68% !important;
       top:7% !important;
    }
    .mission-box-3{
       left:48% !important;
       top:61% !important;
    }
    .mission-box-4{
       left:64.5% !important;
       top:61% !important;
    }
}
@media only screen and (min-width:1921px) and (max-width:2304px){
    .hero-banner .hero-txt-wrap{
      right: 250px !important;
      bottom:200px !important;
    }
}
@media only screen and (max-width:1024px){
    header .main-header.scrolled > div{
        padding-bottom:20px !important;
    }
    .aop-home-tile .elementor-icon-box-wrapper .elementor-icon-box-content .elementor-icon-box-description br{
        display:none;
    }
    .pi-poly-sec,
    .stage-box-1,
    .stage-box-2,
    .stage-box-3 {
        margin-left: 0px !important;
    }
    .head-mob-menu nav ul li a br{
        display:none;
    }
}
@media only screen and (max-width:768px){
    .aop-home-tile .elementor-icon-box-wrapper .elementor-icon-box-content .elementor-icon-box-title span br{
        display:none !important;
    }
}
@media only screen and (max-width:767px){
    .stage-box-1,
    .stage-box-2,
    .stage-box-3{
        min-width:100% !important;
    }
    .stage-box-1 br,
    .stage-box-2 br,
    .stage-box-3 br{
        min-width:100% !important;
    }
}
@media only screen and (min-width:481px) and (max-width:767px){
    .hero-banner::before{
      background-position: 0px 0px !important;
    }
}