/* 
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  2555*/
/* Step 01 */
@media only screen and (min-width:768px){
    .blog_bk{
        background:#005880 !important
    }
    
.blog_bk .heading h2,  
.blog_bk .content{color:#fff !important;}
   
}

/* step 02 */
@media only screen and (max-width: 600px) {
  

}
  .page-id-247 .e-filter {
        overflow-x: auto !important;
        white-space: nowrap;
        gap: 10px !important;
        padding-bottom: 5px;
        scrollbar-width: auto !important;
        justify-content: left !important;
        flex-wrap: nowrap !important;
        width:100%;
    }
.page-id-247 .e-filter::-webkit-scrollbar {
    height: 5px;
    display: block !important;
}
.page-id-247 .e-filter::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 5px;
}

.page-id-247 .e-filter::-webkit-scrollbar-track {
    background: #f1f1f1;
}


/* Step 03 */

.page-id-247 .prev, .page-id-247  .next{
    background-color: #E1E1E1;
    border-radius: 50px;
    border: none;
    color: #000000cc;
    min-width: 100px;
    padding: .5rem 1rem;
}
@media only screen and (max-width:767px){
.page-id-247.loop_grid_mobile{
    width: 100%;
    margin: 0px 10px;
}  
}

/* Step 04 */
.page-id-247 .swiper-wrapper{
  -webkit-transition-timing-function: linear !important;
  transition-timing-function: linear !important; 
}

/* Blog DE Page Css */

@media only screen and (min-width:768px){
    .blog_bk{
        background:#005880 !important
    }
    
.blog_bk .heading h2,  
.blog_bk .content{color:#fff !important;}
   
}

@media only screen and (max-width: 600px) {
  

}
  .page-id-1617 .e-filter {
        overflow-x: auto !important;
        white-space: nowrap;
        gap: 10px !important;
        padding-bottom: 5px;
        scrollbar-width: auto !important;
        justify-content: left !important;
        flex-wrap: nowrap !important;
        width:100%;
    }
.page-id-1617 .e-filter::-webkit-scrollbar {
    height: 5px;
    display: block !important;
}
.page-id-1617 .e-filter::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 5px;
}

.page-id-1617 .e-filter::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Step 02 */

.page-id-1617 .prev, .page-id-1617  .next{
    background-color: #E1E1E1;
    border-radius: 50px;
    border: none;
    color: #000000cc;
    min-width: 100px;
    padding: .5rem 1rem;
}
@media only screen and (max-width:767px){
  .page-id-1617.loop_grid_mobile{
    width: 100%;
    margin: 0px 10px;
}  
}

/* Step 03 */

.page-id-1617 .swiper-wrapper{
  -webkit-transition-timing-function: linear !important;
  transition-timing-function: linear !important; 
}


/* DE FAQ Page CSS*/


.arrow-faqs {font-size: 13px; margin-right: 10px; }
#faq-search {border-radius: 50px; border: 1px solid #d8d8d8; padding: 12px 29px; }
input#faq-search::placeholder {color: #000000; font-family: "Roboto", Sans-serif; }
.faq-cat-heading {text-align: center; margin-top: 20px; margin-bottom: 20px; font-family: "Roboto", Sans-serif; }
#faq-tag-buttons button{font-family: "Roboto", Sans-serif;}

.faq-content p, .faq-content ul li{font-family: "Roboto", Sans-serif;}
div#faq-tag-buttons {display: flex; flex-basis: initial; flex-direction: row; flex-shrink: 0; flex-wrap: wrap; gap: 10px; justify-content: center; overflow-x: initial; scrollbar-width: none; font-family: "Roboto", Sans-serif; }
div#faq-container {margin-top: 50px; }
button.faq-filter{background-color: #E1E1E1; border-radius: 50px; border: none; color: #000000cc;padding: 10px 40px; }
button.faq-filter.active{background-color: #0B4E74 !important; color: #fff; }
button.faq-filter:hover{background-color: #B1E4FB }
.faq-item {border-bottom: 1px solid #d7d7d7; }

.accordion-item-title {/*border: 1px solid #7e7e7e;*/ display: flex; justify-content: space-between; align-items: center; cursor: pointer; padding: 20px 0px; background: #fff; margin: 0; transition: background 0.3s; border-radius: 5px;font-family: "Roboto", Sans-serif; }
.faq-title{font-size: 18px; font-weight: 400; margin: 0;font-family: "Roboto", Sans-serif; color: #000000; }
.faq-content ul{padding: 0px 16px;}
.faq-content {/*border: 1px solid #d5d8dc;*/ padding: 0px 20px 20px 20px; display: none; background: #fff;font-family: "Roboto", Sans-serif; }
#faq-pagination{text-align: center; margin-top: 20px; bottom: 20px;font-family: 'Roboto'; }
#prev-page, #next-page{background-color: #E1E1E1; border-radius: 50px; border: none; color: #000000cc; min-width: 100px;font-family: "Roboto", Sans-serif; }
#current-page{margin-right: 20px; margin-left: 20px;font-family: "Roboto", Sans-serif; }

@media only screen and (max-width: 600px) {

div#faq-container {padding: 0px 20px;}
.faq-content {padding: 0px 20px 20px 5px;}
.arrow-faqs {display:none;}
#faq-tag-buttons {overflow-x: auto !important; white-space: nowrap; gap: 10px !important; padding-bottom: 5px; scrollbar-width: auto !important; justify-content: left !important; flex-wrap: nowrap !important; }
.faq-filter {flex-shrink: 0; /* Prevents buttons from shrinking */ padding: 8px 12px; font-size: 14px; border: 1px solid #ccc; background: #f8f8f8; cursor: pointer; white-space: nowrap;font-family: "Roboto", Sans-serif; }
#faq-tag-buttons::-webkit-scrollbar {height: 5px; /* Adjust scrollbar thickness */ }
#faq-tag-buttons::-webkit-scrollbar-thumb {background: #888; border-radius: 5px; }
#faq-tag-buttons::-webkit-scrollbar-track {background: #f1f1f1; }

}

span.accordion-icon img {max-width: 11px;transition: transform 0.3s ease-in-out; }
span.accordion-icon .rotate{transform: rotate(180deg);transition: transform 0.3s ease-in-out; }
#faq-search-container {position: relative;width: 100%; margin: 0 auto; }
#faq-search-container .faq-search-icon {position: absolute; right: 20px; top: 55%; transform: translateY(-50%); opacity: 0.3; margin: 0px; padding: 0px; }

#faq-search-container .faq-search-icon img{max-width: 19px;}

.page-id-1637 .swiper-wrapper{
  -webkit-transition-timing-function: linear !important;
  transition-timing-function: linear !important; 
}

/* Page FAQ EN */

.page-id-764 .swiper-wrapper{
  -webkit-transition-timing-function: linear !important;
  transition-timing-function: linear !important; 
}


.arrow-faqs {font-size: 13px; margin-right: 10px; }
#faq-search {border-radius: 50px; border: 1px solid #d8d8d8; padding: 12px 29px; }
input#faq-search::placeholder {color: #000000; font-family: "Roboto", Sans-serif; }
.faq-cat-heading {text-align: center; margin-top: 20px; margin-bottom: 20px; font-family: "Roboto", Sans-serif; }
#faq-tag-buttons button{font-family: "Roboto", Sans-serif;}

.faq-content p, .faq-content ul li{font-family: "Roboto", Sans-serif;}
div#faq-tag-buttons {display: flex; flex-basis: initial; flex-direction: row; flex-shrink: 0; flex-wrap: wrap; gap: 10px; justify-content: center; overflow-x: initial; scrollbar-width: none; font-family: "Roboto", Sans-serif; }
div#faq-container {margin-top: 50px; }
button.faq-filter{background-color: #E1E1E1; border-radius: 50px; border: none; color: #000000cc;padding: 10px 40px; }
button.faq-filter.active{background-color: #0B4E74 !important; color: #fff; }
button.faq-filter:hover{background-color: #B1E4FB }
.faq-item {border-bottom: 1px solid #d7d7d7; }

.accordion-item-title {/*border: 1px solid #7e7e7e;*/ display: flex; justify-content: space-between; align-items: center; cursor: pointer; padding: 20px 0px; background: #fff; margin: 0; transition: background 0.3s; border-radius: 5px;font-family: "Roboto", Sans-serif; }
.faq-title{font-size: 18px; font-weight: 400; margin: 0;font-family: "Roboto", Sans-serif; color: #000000; }
.faq-content ul{padding: 0px 16px;}
.faq-content {/*border: 1px solid #d5d8dc;*/ padding: 0px 20px 20px 20px; display: none; background: #fff;font-family: "Roboto", Sans-serif; }
#faq-pagination{text-align: center; margin-top: 20px; bottom: 20px;font-family: 'Roboto'; }
#prev-page, #next-page{background-color: #E1E1E1; border-radius: 50px; border: none; color: #000000cc; min-width: 100px;font-family: "Roboto", Sans-serif; }
#current-page{margin-right: 20px; margin-left: 20px;font-family: "Roboto", Sans-serif; }

@media only screen and (max-width: 600px) {

div#faq-container {padding: 0px 20px;}
.faq-content {padding: 0px 20px 20px 5px;}
.arrow-faqs {display:none;}
#faq-tag-buttons {overflow-x: auto !important; white-space: nowrap; gap: 10px !important; padding-bottom: 5px; scrollbar-width: auto !important; justify-content: left !important; flex-wrap: nowrap !important; }
.faq-filter {flex-shrink: 0; /* Prevents buttons from shrinking */ padding: 8px 12px; font-size: 14px; border: 1px solid #ccc; background: #f8f8f8; cursor: pointer; white-space: nowrap;font-family: "Roboto", Sans-serif; }
#faq-tag-buttons::-webkit-scrollbar {height: 5px; /* Adjust scrollbar thickness */ }
#faq-tag-buttons::-webkit-scrollbar-thumb {background: #888; border-radius: 5px; }
#faq-tag-buttons::-webkit-scrollbar-track {background: #f1f1f1; }

}

span.accordion-icon img {max-width: 11px;transition: transform 0.3s ease-in-out; }
span.accordion-icon .rotate{transform: rotate(180deg);transition: transform 0.3s ease-in-out; }
#faq-search-container {position: relative;width: 100%; margin: 0 auto; }
#faq-search-container .faq-search-icon {position: absolute; right: 20px; top: 55%; transform: translateY(-50%); opacity: 0.3; margin: 0px; padding: 0px; }

#faq-search-container .faq-search-icon img{max-width: 19px;}



/* Blog Single Page EN Css Code */


.relevant_news .description{display: none;}
.relevant_news:hover .description{display: block;}
.relevant_news:hover h5{color:#fff !important;}

@media (min-width:768px){
    .sticky-section-wapper .elementor-widget-wrap{
	display:block !important;
}
.sticky-section-wapper .sticky-section{
	position:sticky;
	top:10px;
}
}

    /* Search input styling */
    #faq-search {border-radius: 50px; border: 1px solid #d8d8d8; padding: 12px 29px; }

    /* Placeholder text style inside search */
    input#faq-search::placeholder {color: #000000; font-family: "Roboto", Sans-serif; }

    /* FAQ heading text styling */
    .cat-heading {text-align: center; margin: 20px 0; font-family: "Roboto", Sans-serif; }

    /* General font styling for buttons and content */
    #faq-tag-buttons button, .faq-content p, .faq-content ul li,` .accordion-item-title, .faq-title, .faq-content, #prev-page, #next-page, #current-page {font-family: "Roboto", Sans-serif; }

    /* Tag buttons container style */
    div#faq-tag-buttons {display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; overflow-x: initial; scrollbar-width: none; }

    /* FAQ section container */
    div#faq-container {margin-top: 50px; }

    /* Tag filter button styling */
    button.faq-filter {background-color: #E1E1E1; border-radius: 50px; border: none; color: #000000cc; padding: 10px 40px; }

    /* Active filter button */
    button.faq-filter.active {background-color: #0B4E74 !important; color: #fff; }

    /* Filter button hover effect */
    button.faq-filter:hover {background-color: #B1E4FB; }

    /* Individual FAQ item layout */
    .faq-item {border-bottom: 1px solid #d7d7d7; }

    /* FAQ question title layout */
    .accordion-item-title {display: flex; justify-content: space-between; align-items: center; cursor: pointer; padding: 20px 0; background: #fff; border-radius: 5px; }

    /* FAQ title text */
    .faq-title {font-size: 18px; font-weight: 400; color: #000000; }

    /* FAQ answer section (hidden by default) */
    .faq-content {padding: 0px 20px 20px 20px; display: none; background: #fff; }

    /* Pagination styling */
    #faq-pagination {text-align: center; margin-top: 20px; }

    /* Prev/Next button styling */
    #prev-page, #next-page {background-color: #E1E1E1; border-radius: 50px; border: none; color: #000000cc; min-width: 100px; }

    /* Current page text spacing */
    #current-page {margin: 0 20px; }

    /* Responsive styles for mobile screens */
    @media only screen and (max-width: 600px) {
        .faq-content { padding: 0px 20px 20px 5px; }

        /* Hide arrow icon */
        .arrow-faqs { display: none; }

        /* Scrollable tag buttons on mobile */
        #faq-tag-buttons {overflow-x: auto !important; white-space: nowrap; gap: 10px !important; padding-bottom: 5px; scrollbar-width: auto !important; justify-content: left !important; flex-wrap: nowrap !important; }

        /* Adjust button size on mobile */
        .faq-filter {flex-shrink: 0; padding: 8px 12px; font-size: 14px; border: 1px solid #ccc; background: #f8f8f8; cursor: pointer; white-space: nowrap; }

        /* Custom scrollbar for horizontal scroll */
        #faq-tag-buttons::-webkit-scrollbar {height: 5px; }
        #faq-tag-buttons::-webkit-scrollbar-thumb {background: #888; border-radius: 5px; }
        #faq-tag-buttons::-webkit-scrollbar-track {background: #f1f1f1; }
    }

    /* Icon rotation animation */
    span.accordion-icon img {max-width: 11px; transition: transform 0.3s ease-in-out; }
    span.accordion-icon .rotate {transform: rotate(180deg); }

    /* Search input container and icon */
    #faq-search-container {position: relative; width: 100%; margin: 0 auto; }
    #faq-search-container .search-icon {position: absolute; right: 20px; top: 55%; transform: translateY(-50%); opacity: 0.3; }
    #faq-search-container .search-icon img {max-width: 19px; }

    /* Main FAQ section heading */
    h2.faq-main-heading {color: black; font-family: 'Roboto'; font-weight: 900; }