/* 
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-theme-child-sgvp-main
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 */

.hidden {
  display: none;
}
.CTA_btn { position: fixed; right: 0; top: 350px; z-index: 1000;}

#cookie-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10px;
  background-color: #fff;
  border-top: solid 1px #cfd1d2;
  text-align: center;
  z-index: 1020;
}

button.btn-close {
  opacity: 1 !important;
  background: none !important;
}

button.btn-close {
  background: #ed402e !important;
  border: none !important;
  width: 20px !important; height: 20px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  align-items: center;

}

.themBtn, a.btn-theme { background: #0f3566; color: #fff !important  ; cursor: pointer; border-radius: 20px; padding: 7px 30px; text-decoration: none !important; display: inline-block; }
.grid-3 { display: grid; grid-template-columns: 1fr 1fr 1fr ; gap: 30px;}

.blog-date{ color: #ed402e; padding-top: 15px;}
.thumb img { border-radius: 7px;}
.copyright a { color: #fff !important}
.copyright p { margin: 0 !important; padding: 0 !important;}
.breadcrumbs, .breadcrumbs a { color: #fff !important;}
.breadcrumbs li{ padding-right: 15px;}
.breadcrumbs a { background: url(../hello-elementor-child/assets/images/arrowright.png;) no-repeat right center; text-decoration: none; padding: 0 20px 0 0px ; }

.breadcrumbs a:hover { opacity: 0.6;}


.elementor-editor-active .hidden {
  display: block;
}

#readmoreContentArea  { background: #0f3566 url(../hello-elementor-child/assets/images/areabg.png) no-repeat ; background-size: cover;background-attachment:fixed; color: #fff; padding: 80px 0;}
#readmoreContentArea ul { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px;}
#readmoreContentArea ul li { list-style: none;}
#readmoreContentArea ul li a { color: #fff; text-decoration: none; border: dashed 1px rgba(255, 255, 255, 0.3); width: 100%; padding: 7px 15px; display: block; text-align: center; border-radius: 10px; background: #274a76;}
#readmoreContentArea ul li a:hover { background: #0f3566;}
.subservices h2.body-title { border-left: solid 5px #409fb4; padding-left: 10px; border-radius: 3px;} 
.bookservicesForm textarea { height: 120px !important;}
.bookservicesForm .metform-submit-btn { width: 100% !important;}

.b-item { position: relative;}


body { overflow-x: hidden !important;}

.elementskit-menu-overlay { background: none !important;}

/* BLog css  */

.container1 {width: 1250px; margin: auto;}
.innerHeader {  background: url(../hello-elementor-child/assets/images/innerbanner_bg.jpg) no-repeat center center; background-size: cover; padding: 70px 0 ; color: #fff;}
.innerHeader .entry-title { color: #fff;}
#breadcrumbs a {color: #fff;}
.post_single { display: grid; grid-template-columns: 1fr 300px; gap: 40px; padding-bottom: 80px; padding-top: 70px; }
.post_left .blog-date { font-size: 13px; padding: 10px 20px 0px 20px;}
.post_left .pdate { font-size: 25px;}
.post_right { background-color: #FEFBF8;  padding: 15px; margin-bottom: 30px;
    
  -webkit-box-shadow: 0 0 20px 20px #F0F0F0;
  box-shadow: 0 0 20px 20px #F0F0F0;
  border-radius: 10px;
}
.single-post .post_left img{ margin: 0 0 30px 0 ;}
.sliderContent { padding: 0 0 15px 0 ;}

.widget_block ul { padding: 0; margin: 0;}
.widget_block li { border-bottom: solid 1px #0F356642; padding: 10px 0; list-style: none;}
.widget_block li a{ color: #08416b; display: block; line-height: 20px; font-size: 14px !important; text-decoration: none !important;}
.widget_block li a:hover { color: #08416b !important;}
h2.wp-block-heading { font-size: 20px; font-weight: bold; margin: 15px 0 0 0 ; padding: 0;}
.wp-block-tag-cloud a, .post-tags a { border: solid 1px #E4A4A1; padding: 5px 7px; font-size: 12px !important; border-radius: 50px; line-height: 17px; text-decoration: none;}
.post-tags a { margin-right: 7px;}
.wp-block-tag-cloud a:hover, .post-tags a:hover { background: #9f0308 !important; color: #fff !important;}
.post_right_inner {
  position: sticky;
  top: 60px;
}
.sliderImg {
  overflow: hidden;
}
.post_left .blog-date {
  font-size: 13px;
  padding: 10px 20px 0px 20px;
}
.blog-date {
  position: absolute;
  background: #08416b ;
  top: 0;
  right: 0;
  color: #fff;
  font-size: 16px;
  padding: 15px 20px;
  z-index: 10;
  text-align: center;
}
.post_left .pdate {
  font-size: 25px;
}
.pmonth {
  text-transform: uppercase;
}

.post-cate a { color: #409fb4; font-size: 14px; padding-bottom: 5px;}
.newsTitle a { color: #08416b}

  
.newsListOuter { display: grid; grid-template-columns: 1fr 1fr 1fr ;  gap: 20px;}
.newsListOuter .newsBox { position: relative;}
.blog-date-inner { font-size: 13px; opacity: 0.7;}
.newsListOuter .newsTitle { font-size: 16px; line-height: 22px !important;}

.wp-pagenavi { padding: 30px 0 30px 0 ; display: flex;}

        .wp-pagenavi .pages,   .wp-pagenavi  a.last  { display: none;}
        .wp-pagenavi a, .wp-pagenavi span {
            font-size: 16px !important;
            color: #000;
            padding: 0px;
            width: 40px;
            height: 40px;
            display: flex;
            justify-content: center;
            align-items: center;
            border: none !important;
            background-color: #F6F6F6 !important;
            border-radius: 10px !important ;
            -webkit-border-radius: 10px !important ;
            -moz-border-radius: 10px !important ;
            -ms-border-radius: 10px !important ;
            -o-border-radius: 10px !important ;
            text-decoration: none !important;
}

.wp-pagenavi span.current { background: #B5090E !important; color: #fff !important;}
.post_right select { border: solid 1px #E4A4A1; font-size: 14px; color: #9f0308;}
.widget_block { padding: 25px 0 0 0;}
.post_right section:first-child { padding-top: 0px !important;}
.post_right_inner { position: sticky; top: 60px;}



.post_single-header p { margin-bottom: 0;}
.page-content h2.elementor-size-default { color:#B5090E ; font-size: 22px !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding-left: 15px !important;
}

  .page-content h2.elementor-size-default::before {
    display: block;
    position: absolute;
    left: 0;
    width: 4px;
    content: "";
    height: 100%;
    top: 0px;
    background-color: transparent;
    background-image: linear-gradient(180deg, var(--e-global-color-primary ) 0%, var(--e-global-color-primary ) 100%);
}
.bigImgSingle { padding-bottom: 30px;}
.post .wp-post-image { max-height: inherit !important;}

.hfe-sticky { position: fixed; top: 0; left: 0; right: 0; z-index: 50;}
.hfe-sticky img { width: 100px !important; height: auto !important;}



@media (min-width: 100px) and (max-width: 767px) {
  #readmoreContentArea { padding: 30px;}
  #readmoreContentArea ul { grid-template-columns: 1fr; margin: 0; padding: 0;}
  .grid-3 { grid-template-columns: 1fr}
  .container1 { width: 100%; padding: 30px 20px;}
  .hfe-sticky { position: relative !important ;}
  .servicesList .box-body, .servicesList .e-con-inner{ text-align: center !important;}
  .blog-info  h4{ font-size: 18px !important; text-align: center;}
}



.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { width: 100% !important;}
.elementor-10 .elementor-element.elementor-element-1a32ac4 .elementskit-testimonial-slider .swiper-pagination span.swiper-pagination-bullet-active, .ekit-wid-con .swiper-pagination span.swiper-pagination-bullet-active { background-color: #409FB4 !important;}|