/* 

hm colors 

Green: #38B449
Yellow: #FFF100
Blue: #0071BB

hm */

/* body General */
p, p ol li {text-align:justify; font-size:16px; line-height:normal}

.qrt-app .qrt-preloader .qrt-preloader-content .qrt-preloader-load svg path:last-child {stroke:#38B449}
.qrt-app .qrt-top-bar .qrt-logo{width:198px; margin-left:-20px}
.qrt-app .qrt-top-bar .qrt-symbol img{width:70px; height:70px;  text-align:right}
.qrt-app .qrt-top-bar .qrt-symbol{background:#ffffff; text-align:right}
.qrt-app .qrt-top-bar .qrt-menu nav ul li::after{background-color:#0071BB}
.qrt-app .qrt-top-bar .qrt-menu nav ul li a{font-size:12px}
.hprt a i{font-size:25px}
.qrt-btn-color1{background:#222222;}
.qrt-btn-color1 span{color:#555555;}
.qrt-call-to-action{color:#f5f5f5}
/*
.qrt-left-bar {background:#ffffff url(../img/art-square-pattern1.png) repeat top left}
.qrt-app .qrt-top-bar{background:#ffffff url(../img/art-square-pattern2.png) repeat top left}
*/
.hd2{font-weight:700 !important}
.qrt-map{border:2px solid #444444}
.qrt-page-cover .qrt-about-info{width:400px}
.qrt-btn.qrt-btn-color{background:#FFF100}
.qrt-change-language a i{font-size:16px; padding:5px 0px 0px 0px; color:#0071BB}
.mr-bottom-40{margin-bottom:40px !important;}
h6.sdbr-dwn{font-weight:400}
.dwln-btn2{background:#ffffff !important; height:auto !important; padding:10px 15px !important}



/*  ----  About us pages  ---------   */
.abt-pg-app .qrt-work-descr{ -webkit-transform: translateY(0); transform: translateY(0);}
ul.abt-lgfs{padding:0 0 0 25px; margin:0px}
ul.abt-lgfs li{font-size:18px; font-weight:600}
.abt-pg-qt{max-height:300px !important}
.abt-pg-qt .qrt-masonry-grid-item{width:50%}

/*  ----  home page slider  ---------   */
.qrt-main-slider .qrt-project-cover .qrt-overlay, .qrt-main-slider-onepage .qrt-project-cover .qrt-overlay{background-color: rgba(40, 41, 44, 0.3);}
.qrt-banner-title h1{font-size:40px}


/*  ----  Process page  ---------   */
.qrt-post-frame .qrt-post-descr .qrt-port-short-text{font-size:15px; line-height: 18px; line-clamp: none;-webkit-line-clamp: none;letter-spacing:normal}


/*------------- LGFS / RCC ----------- */
/*.lgfs-rcctbls{overflow-x: scroll ;}

.lgfs-rcctbls table.cmp1tbl{background:#fff; display:inline-table;width:100%;}
.lgfs-rcctbls table.cmp1tbl,
.lgfs-rcctbls table.cmp1tbl th, .lgfs-rcctbls table.cmp1tbl td{border:1px solid #000000; padding :20px; vertical-align: top; color:#000000}
.lgfs-rcctbls table.cmp1tbl th{text-transform:uppercase;}
.lgfs-rcctbls table.cmp1tbl tr.first-row th{height:50px;}*/

.table-responsive{ -webkit-transform: translateZ(0px)!important;overflow: scroll!important;touch-action: pan-x!important;}

/*  ----  foooter mobile menu  ---------   */
/* Hide by default on desktop */
.bottom-nav {display: none;}
 @media (max-width: 768px) {
    .bottom-nav {position: fixed; bottom: 0; left: 0; right: 0; background: #fff; display: flex; justify-content: space-around; padding: 2px 0; border-top: 1px solid #d5d5d5; z-index: 999; border-radius:5px;}
    .bottom-nav a { flex: 1; text-align: center; font-size: 11px; color: #0071BB; text-decoration: none; padding: 6px 1px; border-right: 1px solid #d5d5d5; border-left: 1px solid #f5f5f5; border-top: 3px solid transparent; text-transform:uppercase;  }
    .bottom-nav a:last-child {border-right: none;}
	.bottom-nav a.active { color: #38B449;border-bottom: 3px solid #38B449;}
	.bottom-nav i { display: block; font-size: 18px; margin-bottom: 2px;}
	.qrt-3-col .qrt-grid-sizer,
	.qrt-3-col .qrt-masonry-grid-item {width: 100%; } 
	.qrt-call-to-action{padding:40px 40px 120px 40px}
}
/*  ----  END foooter mobile menu  ---------   */


/*------------- accordion ----------- */

.accordion {width: 98%;margin: auto;}
.accordion-item { background: #fff; border-radius: 6px; margin-bottom: 10px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); overflow: hidden;}
.accordion-header { padding: 15px 20px; cursor: pointer; font-weight: bold; position: relative;}
.accordion-header .arrow { position: absolute; right: 20px; font-size: 18px; transition: transform 0.3s ease;}
.accordion-header.active .arrow { transform: rotate(180deg);}
.accordion-content { max-height: 0; overflow: hidden; transition: 0.4s ease;}
.accordion-content.open { padding: 15px 20px; max-height:200}
.accordion {
 --bs-accordion-color: var(--bs-body-color);
 --bs-accordion-bg: var(--bs-body-bg);
 --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
 --bs-accordion-border-color: var(--bs-border-color);
 --bs-accordion-border-width: var(--bs-border-width);
 --bs-accordion-border-radius: var(--bs-border-radius);
 --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
 --bs-accordion-btn-padding-x: 1.25rem;
 --bs-accordion-btn-padding-y: 1rem;
 --bs-accordion-btn-color: var(--bs-body-color);
 --bs-accordion-btn-bg: var(--bs-accordion-bg);
 --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
 --bs-accordion-btn-icon-width: 1.25rem;
 --bs-accordion-btn-icon-transform: rotate(-180deg);
 --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
 --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23052c65'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
 --bs-accordion-btn-focus-border-color: #86b7fe;
 --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
 --bs-accordion-body-padding-x: 1.25rem;
 --bs-accordion-body-padding-y: 1rem;
 --bs-accordion-active-color: var(--bs-primary-text-emphasis);
 --bs-accordion-active-bg: var(--bs-primary-bg-subtle)
}

.accordion-button {position: relative; display: flex; align-items: center; width: 100%; padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x); font-size: 1rem; color: var(--bs-accordion-btn-color); text-align: left; background-color: var(--bs-accordion-btn-bg); border: 0; border-radius: 0; overflow-anchor: none; transition: var(--bs-accordion-transition); font-weight:500;}
@media (prefers-reduced-motion:reduce) {
 .accordion-button {transition: none}
}

.accordion-button:not(.collapsed) { color: var(--bs-accordion-active-color); background-color: var(--bs-accordion-active-bg); box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color)}
.accordion-button:not(.collapsed)::after { background-image: var(--bs-accordion-btn-active-icon); transform: var(--bs-accordion-btn-icon-transform)}
.accordion-button::after {flex-shrink: 0; width: var(--bs-accordion-btn-icon-width); height: var(--bs-accordion-btn-icon-width); margin-left: auto; content: ""; background-image: var(--bs-accordion-btn-icon); background-repeat: no-repeat; background-size: var(--bs-accordion-btn-icon-width); transition: var(--bs-accordion-btn-icon-transition)}
@media (prefers-reduced-motion:reduce) {
 .accordion-button::after {
  transition: none
 }
}

.accordion-button:hover {z-index: 2}
.accordion-button:focus { z-index: 3; border:none;}
.accordion-header { margin-bottom: 0}
.accordion-item { color: var(--bs-accordion-color); background-color: var(--bs-accordion-bg); border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)}
.accordion-item:first-of-type { border-top-left-radius: var(--bs-accordion-border-radius); border-top-right-radius: var(--bs-accordion-border-radius)}
.accordion-item:first-of-type .accordion-button { border-top-left-radius: var(--bs-accordion-inner-border-radius); border-top-right-radius: var(--bs-accordion-inner-border-radius)}
.accordion-item:not(:first-of-type) {border-top: 0}
.accordion-item:last-of-type { border-bottom-right-radius: var(--bs-accordion-border-radius); border-bottom-left-radius: var(--bs-accordion-border-radius)}
.accordion-item:last-of-type .accordion-button.collapsed { border-bottom-right-radius: var(--bs-accordion-inner-border-radius); border-bottom-left-radius: var(--bs-accordion-inner-border-radius)}
.accordion-item:last-of-type .accordion-collapse { border-bottom-right-radius: var(--bs-accordion-border-radius); border-bottom-left-radius: var(--bs-accordion-border-radius)}
.accordion-body { padding: 10px 40px; font-size:16px; color:#666666;background:#f2f2f2;}
.accordion-flush .accordion-collapse { border-width: 0}
.accordion-flush .accordion-item { border-right: 0; border-left: 0; border-radius: 0}
.accordion-flush .accordion-item:first-child { border-top: 0}
.accordion-flush .accordion-item:last-child { border-bottom: 0}
.accordion-flush .accordion-item .accordion-button,
.accordion-flush .accordion-item .accordion-button.collapsed { border-radius: 0}

[data-bs-theme=dark] .accordion-button::after {
 --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
 --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}

.my-4 {
 margin-top: 1.5rem !important;
 margin-bottom: 1.5rem !important
}



/*------------- END accordion ----------- */

/* pagination */
ul.pagination li.page-item a{line-height:30px; font-size:12px}


/*------------- responsive project detail bg black  ----------- */
@media only screen and (max-width: 430px){
	.qrt-page-cover .qrt-about-info{width:100%}
}


/*------------- END responsive project detail bg black  ----------- */