body, html { overflow-x: hidden; margin: 0; padding: 0; font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto; scroll-behavior: smooth; scroll-padding-top: 80px;}
body, input, textarea { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; }
body, h1, h2, h3, h4, h5, h6, input, textarea { text-rendering: optimizeLegibility; }
article, aside, details, figcaption, figure, footer, header, hgroup, img, main, menu, nav, section, summary { display: block; }
figure, sub, sup { position: relative; }
button, figure { overflow: visible; }
body, fieldset, figure, html, legend, ol, td, th, ul { padding: 0; }
body { line-height: 1.5; font-weight: 400; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: top; }
:after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
::selection { background-color:black; color: var(--white); text-shadow: none; }
::-moz-selection { background-color:black; color: var(--white); text-shadow: none; }
::-webkit-selection { background-color:black; color: var(--white); text-shadow: none; }
*, :active, :focus, a:hover, a:link, a:visited { text-decoration: none; outline: 0; outline-offset: 0; }
*, a, button, input, select, textarea { -webkit-tap-highlight-color: transparent; }
.btn, [role="button"], a, button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; }
.btn, .form-control, button { text-decoration: none; -webkit-transition: 0.4s linear; -ms-transition: 0.4s linear; -o-transition: 0.4s linear; transition: 0.4s linear; border: 0; }
h1, h2, h3, h4, h5, h6 { display: block; line-height: 1.6; font-weight: 700; margin: 0; }
b, optgroup, strong { font-weight: 700; }
ol, ul { margin: 0; list-style: none; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio, video { width: 100%; height: auto; }
audio:not([controls]) { display: none; height: 0; }
[hidden], template { display: none; }
img { height: auto; max-width: 100%; user-drag: none; user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; }
img::-moz-selection, img::-webkit-selection, img::selection { background: 0 0; }
figure { margin: 0; }
iframe { border: none; }
sub, sup { font-size: 75%; line-height: 0; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
svg:not(:root) { overflow: hidden; }
hr { height: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
pre, textarea { overflow: auto; }
code, kbd, pre, samp { font-family: inherit; font-size: 1em; }
button, input, optgroup, select, textarea { margin: 0; font: inherit; color: inherit; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; }
input { line-height: normal; }
input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
fieldset, legend { border: 0; }
table { border-spacing: 0; border-collapse: collapse; }
.text-center { text-align: center; }
p {font-size: 1.1rem;line-height: 1.6;padding-top: 0;margin-top: 0;margin-bottom: 20px;color: var(--black);} 
/*common css ends */
:root { --white: #ffffff; --dark-blue: #0c3052; --yl-color: #FAD200; --radial-grdt: linear-gradient(90deg, rgba(12, 29, 46, 1) 0%, rgba(16, 70, 119, 1) 50%, rgba(12, 29, 46, 1) 100%); --green: #0C943F; --black: #2a2a2a; --header-height: 3rem; --first-color-light: #c4c7f5; --first-color: orange; --dark-color: #0e1026; --white-color: #fbfbfb; --org-txt: #ee9b0a; --body-font: font-family: "Open Sans", sans-serif; --nav-name-font-size: 1.5rem; --normal-font-size: 0.938rem; --z-fixed: 100; --yellow-grdt: linear-gradient(90deg, rgba(242, 193, 44, 1) 0%, rgba(251, 237, 169, 1) 50%, rgba(245, 211, 42, 1) 100%); }
.evaluation h3 { font-size: 22px; margin: 15px 0; }
.brdOrg-rd { border-radius: 30px; border: 1px solid #ee9b0a; padding: 10px 20px; }
.nav-link:hover { color: #2b48c8; }
.green {background: var(--green);} 

/*  */
@media (min-width: 1536px) {
  .container { max-width: 1280px; }
}
@media screen and (min-width:768px) {
  :root { --nav-name-font-size: 1rem; --normal-font-size: 1rem; }
}
.header { position: fixed; top: 0; left: 0; width: 100%; height: var(--header-height); padding: 0 1rem; background: var(--dark-blue); z-index: var(--z-fixed); display: flex; justify-content: space-between; align-items: center; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);z-index: 9999; }
.header__logo { color: var(--dark-color); }
.header__toggle { font-size: 1.7rem; cursor: pointer; }

/*===== NAV =====*/

.nav__content { display: flex; flex-direction: column; }
.nav__perfil { display: flex; flex-direction: column; align-items: center; text-align: center; margin-bottom: 3rem; }
.nav__img img { width: 70px; }
.nav__name { display: block; font-size: var(--nav-name-font-size); color: var(--white-color); }
.nav__item { margin-bottom: 2rem; }
.nav__link { color: var(--white); }
.nav__link:hover { color: var(--yl-color); }
.show { left: 0; }
.active { color: var(--yl-color); }
.nav__menu .right-social {display: none;}
/*=== Dropdown ===*/
.dropdown__link { display: flex; align-items: center; justify-content: space-between; }
.dropdown__icon { font-size: 1.3rem; transition: 0.5s; }
.dropdown__menu { margin: 1rem 0 0 1rem; display: none; }
.dropdown__item { margin: 1rem 0; }
.dropdown:hover > .dropdown__menu { display: block; }
.down-arrow { position: relative; top: -2px; content: ""; display: inline-block; width: 8px; height: 8px; border-right: 0.1em solid white; border-top: 0.1em solid white; transform: rotate(135deg); margin-right: 0.5em; margin-left: 0.5em; }
.dropdown:hover .down-arrow { transform: rotate(-45deg); top: 4px; transition: 0.2s; }
.dropdown__item .nav__link { color: black; }
@media screen and (min-width:576px) {
  .nav { width: 288px; }
}
@media screen and (max-width:766px) {
  .nav { position: fixed; top: 55px; left: -100%; background-color: var(--dark-blue); width: 100%; height: 100vh; padding: 2rem 1rem; z-index: var(--z-fixed); transition: 0.5s; overflow-y: auto; }
  .awardsGallery { margin-bottom: 0; }
  .nav__item { margin-bottom: 1rem; color: white; }
  .show .nav__link { color: white; }
  .show .down-arrow { border-right: 0.1em solid black; border-top: 0.1em solid black; top: 0px; }
  .show .nav__link:hover { color: #ccc; }
  :root { --header-height: 3.5rem; }
  .right-social {display: none !important;}
  .nav__menu .right-social {width: 100%;padding-top: 20px;padding-left: 10px;display: flex !important;}
  /* .show .dropdown__link {align-items: flex-start; justify-content: flex-start;} */
  .show .nav__item { border-bottom: 1px solid #626a8c; display: block; padding-bottom: 1rem; }
  .show .dropdown:hover .down-arrow { top: 6px; }
  .header__toggle { position: absolute; top: -15px;left: 0; }
  .bar1, .bar2, .bar3 { width: 30px; height: 3px; background-color: #fff; margin: 6px 0; transition: 0.4s; }
  .change .bar1 { transform: translate(0, 7px) rotate(-45deg); }
  .change .bar2 { opacity: 0; }
  .change .bar3 { transform: translate(0, -11px) rotate(45deg); }
  
}

@media screen and (min-width:766px) {
  body { margin: 0; }
  .header { height: calc(var(--header-height) + 1rem); }
  .header__logo, .header__toggle { display: none; }
  .nav { width: 100%; }
  .nav__content { flex-direction: row; justify-content: space-between; align-items: center; }
  .nav__perfil { flex-direction: row; text-align: initial; margin-bottom: 0; }
  .nav__name { color: var(--white); }
  .nav__list { display: flex; align-items: center; }
  .nav__item { margin: 0 1rem; padding: 1.4rem 0; }
  .nav__link { color: var(--white); }
  .nav__link:hover { color: var(--yl-color); }
  .nav__list li.active a { color: var(--yl-color); }
  .dropdown { position: relative; }
  .dropdown__menu { position: fixed; margin: 0; top: calc(var(--header-height) + 1rem); box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2); border-radius: 0 0 0.5rem; background: #fff; }
  .dropdown__item { margin: 0; padding: 0.7rem 1.5rem; border-bottom: 1px solid #ccc; }
  .dropdown__item a:hover {color: #0a9193;}
  .dropdown__item:hover { background: #eee; }
  .dropdown__item:last-child { border-bottom: none; }
}
.container { position: relative; }
.rightBtn { position: absolute; right: 0; top: 4px; color: white; display: flex; align-items: center; }
.rightBtn .btn-ica { background: var(--ca-past); color: black; padding: 8px 15px; border-radius: 6px; display: inline-block; margin: 10px; font-weight: 500; }
.btn-sign { border: 1px solid #fff; padding: 7px 10px; margin: 10px 2px; display: inline-block; border-radius: 5px; text-transform: uppercase; display: inline-flex; gap: 5px; }
@media screen and (max-width:1024px) {
  .nav__item { margin: 0 0.7rem; padding: 1.4rem 0; }
}
.left-logo {width: 20%;}
.middle-nav {width: 60%;}
.right-social {width: 20%;display: flex; align-items: center; justify-content: flex-start; gap: 15px;
  a {width: 28px; height: 28px;background: #576B9E;color: white; border-radius: 100px;
        display: flex;align-items: center; justify-content: center; padding: 5px;}
  a:hover {background: #000;}
}
/* header end */
/* common */

/********article repeat box starts*********/
article.repeat-box{display:flex;justify-content:flex-start;flex-wrap:wrap;align-items:center;padding:0;position:relative;z-index:5;border-radius:5px;}
article.repeat-box + article.repeat-box{margin-top:30px}
article.repeat-box figure{display:flex;justify-content:flex-start;flex-wrap:wrap;align-items:stretch;overflow:visible; gap:10px;}
article.repeat-box .text{flex:1;}
article.repeat-box .photo{flex:0 0 35%;}
article.repeat-box .text h2,
article.repeat-box .text h3{color:var(--black);white-space:normal;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;padding:0;}
article.repeat-box .text h2{-webkit-line-clamp:3;font-size:28px}
article.repeat-box .text h3{-webkit-line-clamp:3;font-size:16px;}
article.repeat-box .text p{font-size:16px;line-height:1.5;padding:0;color:var(--black);white-space:normal;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical;}
article.repeat-box .text h2 + p,
article.repeat-box .text h3 + p{font-size:15px;}
article.repeat-box a{color:var(--black);text-decoration:none}
article.repeat-box a:hover,
article.repeat-box a:hover h2,
article.repeat-box a:hover h3,
article.repeat-box a:hover p{color:var(--red);}
/********article repeat box ends*********/

/********lazy-image*********/
.lazy-image{position:relative;width:100%;padding-top:67.667%;overflow:hidden;z-index:2;background:rgba(255,255,255,0.3);line-height:1.3;font-size:11px;color:var(--black);box-shadow:0 0 1px var(--color-3);}
.lazy-image img,
.lazy-image iframe,
.lazy-image .lazyload{position:absolute;left:0;top:0;right:0;bottom:0;object-position:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;width:100%;height:100%;object-fit:fill;border:0;transition:opacity 1s ease-in, -webkit-transform 1s ease-in;transition:opacity 1s ease-in, transform 1s ease-in;transition:opacity 1s ease-in, transform 1s ease-in, -webkit-transform .6s ease-in;}
img.lazyFade{opacity:1;}
.lazy-image{background-image:url("../images/default-lazy.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover}
.lazy-image img.lazy{opacity:0;}
.lazy-image img:not(.initial){transition:opacity .5s ease-in, -webkit-transform .5s ease-in;transition:opacity .5s ease-in, transform .5s ease-in;transition:opacity .5s ease-in, transform .5s ease-in, -webkit-transform .5s ease-in;}
.lazy-image img.initial,
.lazy-image img.loaded,
.lazy-image img.error{opacity:1; }
.lazy-image img:not([src]){visibility:hidden;} 
/**********lazy-image ends********/
/******photo shine ******/
.shine:after{position:absolute;top:0;left:-100%;z-index:15;display:block;content:'';width:50%;height:100%;opacity:.1;-webkit-transform:skewX(-25deg);transform:skewX(-25deg);background:-moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);background:-webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);background:linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );}
.shine:hover:after{-webkit-animation:shine .9s;animation:shine .9s;}
@-webkit-keyframes shine{100%{left:125%;}}
@keyframes shine{100%{left:125%;}}
@-webkit-keyframes pulse{
0%, to{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}
10%, 30%, 50%, 70%, 90%{-webkit-transform:translate3d(-5px, 0, 0) scale(1.05);transform:translate3d(-5px, 0, 0) scale(1.05);}
20%, 40%, 60%, 80%{-webkit-transform:translate3d(5px, 0, 0) scale(1.05);transform:translate3d(5px, 0, 0) scale(1.05);}}
@keyframes pulse{
0%, to{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}
10%, 30%, 50%, 70%, 90%{-webkit-transform:translate3d(-5px, 0, 0) scale(1.05);transform:translate3d(-5px, 0, 0) scale(1.05);}
20%, 40%, 60%, 80%{-webkit-transform:translate3d(5px, 0, 0) scale(1.05);transform:translate3d(5px, 0, 0) scale(1.05);}}
/******photo shine ends******/
  /**********splide starts********/
.splide__container{box-sizing:border-box;position:relative}
.splide__list{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}
.splide.is-initialized:not(.is-active) .splide__list{display:block}
.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}
.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto;padding:0!important;height:15px;}
.splide__pagination li:before{display:none;}
.splide__progress__bar{width:0}
.splide{position:relative;visibility:hidden}
.splide.is-initialized,.splide.is-rendered{visibility:visible}
.splide__slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;padding:0!important;position:relative}
.splide__slide:before{display:none}
.splide__slide img{vertical-align:bottom}
.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}
.splide__toggle.is-active .splide__toggle__pause{display:inline}
.splide__track{overflow:hidden;position:relative;z-index:0}
@keyframes splide-loading{0%{transform:rotate(0)}
to{transform:rotate(1turn)}
}
.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}
.splide__track--fade>.splide__list{display:block}
.splide__track--fade>.splide__list>.splide__slide{left:0;opacity:0;position:absolute;top:0;z-index:0}
.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;position:relative;z-index:1}
.splide--rtl{direction:rtl}
.splide__track--ttb>.splide__list{display:block}
.splide__arrow{-ms-flex-align:center;align-items:center;border:0;cursor:pointer!important;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;opacity:1;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;z-index:1;cursor:pointer;
  background: #fff; padding: 10px;
/* svg   {display:none;} */
}
.splide__arrow:hover {background: #ccc;}
.splide__arrow:hover:not(:disabled){opacity:.9}
.splide__arrow:disabled{opacity:0}
.splide__arrow--prev{left:0;transform: rotate(-180deg);}
.splide__arrow--next{right:0;}
 
/* .splide__arrow:hover{background:var(--black);} */
  
@media only screen and (max-width:479px){
.splide__arrow{width:2em;height:2em;}
}
.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}
.splide__pagination{bottom:10px;left:0;padding:0;position:absolute;right:0;z-index:1;padding:0!important}
.splide__pagination__page{background:#999;border:0;border-radius:50%;display:inline-block;height:10px;margin:3px;opacity:.7;padding:0;position:relative;width:10px}
.splide__pagination__page.is-active{background:#444;z-index:1}
.splide__pagination__page:hover{cursor:pointer;opacity:.9}
.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}
.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}
.splide__progress__bar{background:#ccc;height:3px}
.splide__slide{-webkit-tap-highlight-color:transparent}
.splide__slide:focus{outline:0}
@supports(outline-offset:-3px){.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}
@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #0bf}}
@supports(outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}
@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}
.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}
.splide__toggle{cursor:pointer}
.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}
.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}
.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}
.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}
.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}
.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}
.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}
.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}
.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}
.splide__arrows--ttb .splide__arrow--prev{top:1em}
.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}
.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}
.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}
.splide__pagination--ttb{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0}
.splide__slide--has-video{cursor:pointer}.splide__slide--has-video:hover .splide__video__play{opacity:1}.splide__slide__container--has-video{cursor:pointer;position:relative}.splide__slide__container--has-video:hover .splide__video__play{opacity:1}.splide__video{height:100%;left:0;position:absolute;top:0;width:100%}.splide__video__wrapper{background:#000;height:inherit;width:inherit}.splide__video__wrapper div,.splide__video__wrapper iframe,.splide__video__wrapper video{height:100%;width:100%}.splide__video__play{align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;left:50%;opacity:.7;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .1s linear;width:40px}.splide__video__play:after{border-color:transparent transparent transparent #000;border-style:solid;border-width:9px 0 9px 17px;content:"";display:inline-block;margin-left:4px}
/**********splide ends********/
.hide {display: none;}
.dskNone {display: none;}
.mblNone {display: block;}
.container { padding-right: 15px;padding-left: 15px; margin-right: auto; margin-left: auto;
    max-width: 1280px; width: 100%;
}
.row {display: flex;flex-wrap: wrap;justify-content: space-between;}
.dflex {display: flex;flex-wrap: wrap;}  
.align-center {align-items: center;}
.justify-center {justify-content:center;}
.justify-around {justify-content:space-around;}
.justify-start {justify-content:flex-start;}
.justify-end {justify-content:flex-end;}
.justify-between {justify-content:space-between;}
.flex-col {flex-direction: column;}
.gap-1 {gap: 10px;}
.gap-2 {gap: 15px;}
.gap-3 {gap: 20px;}
.gap-4 {gap: 30px;}
.col-6 {width:48.5%}
.resp-img {width: 100%;object-fit: fill;background-size: cover;}
.logoImg {width: 150px;display: inline-block;margin-top: 5px;}
h2 {font-size: 34px;text-transform: uppercase;text-align: center;color: #0c3052;margin-bottom:1.5rem;}
.btn-more {border-radius: 50px;padding: 10px;max-width: 170px;background: #4b4545;display: block;margin: 20px 0;text-align: center;color: var(--yl-color);}
.btn-more:hover {background: #0c3052;transition: 0.2s;}
/* banner */
.banner {margin-top: 55px;position: relative;clear: both; background: #33516d;min-height: 500px;
    .left-text {padding: 40px 0;z-index: 2;}
    .banner-img {display: block;width: 100%;margin-top: 60px;}
    .splide__slide {height: 90vh;}
}
.who-we-are {margin: 30px auto;clear: both;position: relative;
    .container {width: 85%;}
    .lazy-image {padding-top: 56.25%;}

}
.services-offer {margin: 30px auto;clear: both;position: relative;background:#FCF9E8; padding: 30px 0;
    .accordion {  color: #111; cursor: pointer; padding: 10px 0; width: 100%; border: none; text-align: left; outline: none;transition: 0.4s; background: transparent;font-weight: bold;font-size: 1.2rem;}
     .accordion:hover { color: #2b48c8; }
    .lazy-image {background: transparent;}
    .accordion:after { content: url('../images/angle-right.svg'); color: #777; font-weight: bold; float: left; margin-right: 10px;  width: 16px;height: 20px;transition: 0.2s ease-out;margin-top: 2px; }
    .accordion.active:after { content: url('../images/angle-right.svg');transform: rotate(90deg);transition: 0.2s ease-out;width: 28px; margin-right: 0;  margin-top: 4px; }
    .panel { padding: 0 0px 0 25px; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; }
    .container {width: 85%;}
    .read-more {background: var(--yl-color); padding: 8px 16px 9px 4px;font-size: .9rem;color:var(--black);vertical-align: middle;font-weight: 600;margin-top: 15px;}
    .green {transform: rotate(180deg);display: inline-block;margin-right: 7px;}
    .read-more:hover {background: #0c3052;transition: 0.2s;color: white;}
    .more {margin-top: 20px;} .panel p {margin-bottom: 10px;}
}
.team { background: #013b8d; margin: 30px 0;position: relative;clear: both; color: white;text-align: center; padding:30px 0;
    p {color: #ccc;}
    .container {width: 85%;}
    p, article.repeat-box .text p  {color: #c8c8fe;}
     article.repeat-box .text h3,  article.repeat-box .text h2, h2 {color: white;}
    article.repeat-box .text p {color: #c2cef2;font-size: .8rem;margin-top: 5px;}
    .lazy-image {padding-top: 100%;border-radius: 10px;}
    ul li{width: 22%;text-align: center;text-align: center;}
    article.repeat-box .photo, article.repeat-box .text{flex: inherit;width: 100%;}
    article.repeat-box {display:block;}
    article.repeat-box a:hover {opacity: 0.9;}
}
/* chat gpt css latest news */
/* News Section */
.news-section { text-align: center; padding: 40px 20px; }
.news-section h2 { font-size: 34px; margin-bottom: 30px; font-weight: bold; }
.news-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; margin: 0 auto; }
.card { background: #fff; text-align: left; 
  .lazy-image {padding-top: 56.25%;border-radius: 0;}
}
.card img { width: 100%; height: auto; }
.card-content { padding: 10px 0; }
.card h3 { font-size: 16px; font-weight: bold; margin-bottom: 10px; white-space: normal;
    overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; display: -webkit-box;
    -webkit-box-orient: vertical;}
.card p { font-size: 14px; margin-bottom: 10px; color: #555;white-space: normal;
    overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; display: -webkit-box;
    -webkit-box-orient: vertical; }
.card a { text-decoration: none; color: green; font-weight: 600; font-size: 14px; }
.card a:hover { text-decoration: underline; }
/* contact and twitter */
/* Left Side - Contact Section */
.contactTwitter {background: #f2f2f2;position: relative;clear: both;padding: 30px 0;
  .icon {width: 80px;margin: 10px auto;}
}
.contact-box { flex: 1 1 40%; padding: 40px; text-align: center; }
.contact-box img { width: 80px; margin-bottom: 20px; }
.contact-box h2 { font-size: 24px; margin-bottom: 15px; }
.contact-box p { font-size: 16px; margin-bottom: 20px; color: #555; }
.input-wrapper { position: relative; max-width: 350px; margin: 0 auto; }
.input-wrapper input { width: 100%; padding: 14px 50px 14px 14px; border: 1px solid #ccc; border-radius: 8px; font-size: 16px; outline: none; }
.input-wrapper button { position: absolute; right: 5px; top: 5px; bottom: 5px; background: #ffc107; border: none; padding: 0 15px; border-radius: 6px; cursor: pointer; font-size: 18px; color: #fff; }
.input-wrapper button:hover {background: var(--dark-blue);}

/* Right Side - Twitter Section */
.twitter-box { flex: 1 1 500px; min-height: 450px; }
.twitter-box iframe { border: none; width: 100%; height: 100%; border-radius: 12px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); }
/* clients section */
/* .clients-section { text-align: center; padding: 40px 20px; }
 
.clients-logos { display: grid; grid-template-columns: repeat(auto-fit, minmax(115px, 1fr)); gap:15px; align-items: center; justify-items: center; margin: 0 auto; }
.clients-logos img { max-width: 125px; height: auto; border: 1px solid #eee; padding: 10px; background: #fff; border-radius: 6px; transition: transform 0.3s ease; }
.clients-logos img:hover { transform: scale(1.05); box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); } */

.clients-section { text-align: center; padding: 40px 20px; overflow: hidden; }
.clients-section h2 { font-size: 34px; color: #1a1a40; margin-bottom: 20px; }
.clients-slider { display: flex; gap: 15px; animation: scroll 25s linear infinite; width: max-content; }
.client-logo { flex: 0 0 auto; width: 150px; height: 100px; display: flex; justify-content: center; align-items: center; background: #fff; transition: transform 0.3s ease; }
.client-logo:hover { transform: scale(1.05); }
.client-logo img { max-width: 100%; max-height: 80px; object-fit: contain; }

/* Keyframes for continuous scrolling */
@keyframes scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* Wrapper to duplicate content for seamless loop */
.slider-wrapper { display: flex; width: max-content; }
/* Footer */
footer { background-color: #16163f; color: #fff; text-align: center; padding: 30px 0px 0; }
.footer-top { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; gap: 30px; margin-bottom: 20px; }
.footer-logo img { max-height: 60px; }
.footer-links h3 { margin-bottom: 10px; font-size: 20px; font-weight: bold; text-align: left;}
.footer-links ul { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 25px; justify-content: center; }
.footer-links ul li { display: inline-block; }
.footer-links ul li a { text-decoration: none; color: #fff; font-size: 15px; transition: color 0.3s ease; }
.footer-links ul li a:hover { color: #f4c542; }
.footer-bottom { background-color: #0e0e2a; padding: 15px; font-size: 14px; color: #ccc; }
.footer-bottom p {color: #ccc;font-size: 14px;margin-bottom: 0;}

/* our brand */
.brand-banner { position: relative; background: url('../images/stadium.jpg') no-repeat center center/cover; height: 230px; display: flex; /*justify-content: center; align-items: center;*/ flex-direction: column; color: #fff; text-align: left; margin-top: 50px; padding-left: 30px; padding-top: 30px;
  h1 {font-size: 34px;z-index: 999;position: relative;}
}
.brand-banner h2 { font-size: 28px; font-weight: bold; margin: 0 0 10px; text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.7); color: #fff;text-transform: capitalize;z-index: 999;position: relative;}
.brand-banner p { font-size: 16px; margin: 0; color: white;position: relative;z-index: 999;}
.brand-banner p a { color: #fff; text-decoration: none; transition: color 0.3s;font-size: 13px; cursor: pointer;z-index: 999;}
.brand-banner p a:hover { color: #ffd700; }
.brand-banner p span { color: #fff;font-size: 13px;font-weight: 700;}
.brand-banner::after {content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;background:rgba(0, 0, 0, 0.4);}
.tag-cat {background: #0C943F;color: #fff;padding:5px 12px;display: inline-block;font-size: 13px;}

.about-section { display: flex; align-items: flex-start; justify-content: space-between; padding: 30px 8%; gap: 30px; flex-wrap: wrap; }
.about-text { flex: 1 1 50%; }
.about-text h2 { font-size: 34px; font-weight: bold; margin-bottom: 15px;text-align: left; }
.about-text p { font-size: 16px; margin-bottom: 20px; }
.about-text .btn { display: inline-block; background: #FFD700; color: #000; padding: 12px 25px; text-decoration: none; font-weight: bold; border-radius: 4px; transition: background 0.3s; }
.about-text .btn:hover { background: #e6c200; }
.about-image { flex: 1 1 400px; }
.about-image img { width: 100%; border-radius: 4px; }
.expertise-section { display: flex; flex-wrap: wrap; width: 100%; min-height: 100vh; }
.expertise-image { flex: 1 1 50%; }
.expertise-image img { width: 100%; height: 100%; object-fit: cover; display: block; }
.expertise-text { flex: 1 1 50%; background: #046A38; /* Green background */ color: #fff; padding:20px 30px; display: flex; flex-direction: column; justify-content: center; }
.expertise-text h2 { font-size: 28px; margin-bottom: 20px;text-align: left;color: white; }
.expertise-text ul { list-style: none; padding: 0; }
.expertise-text ul li { position: relative; padding-left: 25px; margin-bottom: 12px; font-size: 16px; line-height: 1.5; }
.expertise-text ul li::before { content: "✔"; position: absolute; left: 0; color: #FFD700; /* Yellow check */ font-weight: bold; }
 .wdth {width: 56%;margin: 0 auto; margin-bottom: 20px;}
.training-section { text-align: center; padding: 50px 20px;}
.training-section h2 { font-size: 34px; font-weight: bold; color: #1a2a57; margin-bottom: 10px; }
.training-section p, .training-section p a { font-size: 15px; color: #555; margin-bottom: 40px; }
.training-section p a:hover{color:orange;}
.training-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px;   margin: 0 auto; }
.training-card { background: #fff; overflow: hidden; text-align: left; transition: transform 0.3s ease;
  .lazy-image {border-radius: 0;padding-top: 56.25%;}
}
.training-card:hover { transform: translateY(-5px); }
.training-card img { width: 100%; height: 180px; object-fit: cover; display: block;border-radius: 0; }
.training-card p { padding: 10px 0; font-size: 15px; color: #333; }

.reach-section { text-align: center; padding: 0px 20px; margin: 0 auto; }
.reach-section h2 { font-size: 34px; font-weight: bold; color: #1a2a57; margin-bottom: 10px; }
.reach-section p { font-size: 16px; color: #555; margin-bottom: 40px; }

.reach-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(165px, 1fr)); gap: 15px; }
.reach-card { text-align: left; transition: transform 0.3s ease, box-shadow 0.3s ease; 
  .lazy-image {padding-top: 75%;border-radius: 0;}
}
 
.reach-card img { width: 100%; height: 142px; object-fit: cover; border-radius: 6px; }
.reach-card p { margin-top: 10px; font-size: 14px; font-weight: bold; color: #222;line-height: 1.45; }
.footerBg {background: url(../images/footer-img.png) no-repeat; height: 100px;width: 100%;background-size: cover;} 
/* article details */
 
.authorImg {width: 50px;height: 50px;border-radius: 100px;overflow: hidden;border: 1px solid #ccc;display: inline-block;
  img {width: 100%;height: 100%;object-fit: fill; margin: 0 !important;}
}
/* MAIN CONTENT */
.p-1 {padding: 15px;}
.main-content { flex: 2.5; 
  .lazy-image{padding-top: 56.25%;border-radius: 0;}
  ul {list-style-type: none;}
  ul li {list-style: none;margin-left: 15px;position: relative; padding-left: 30px;}
  ul li:before {content: '';width: 10px;height: 10px;background: #0C943F;border-radius: 50px;position: absolute;left: 0;top: 6px;}
   
    .splide__slide {display: block;height: auto;}
    .splide { margin-bottom: 10px; 
      ul li {margin-left: 0;}
    } 
    .splide__arrows {position: absolute;top: 10px;right: 10px;width: 90px;height: 50px;}
    .splide__arrow--prev {transform: rotate(180deg); top: 6px;}
}
.main-content h1 { font-size: 28px; color: #222; margin-bottom: 10px; }
.meta { font-size: 14px; color: #777; margin-bottom: 20px;display: flex;gap: 10px;align-items: center; }
.main-content img { width: 100%; border-radius: 0px; }
.highlight-box { background: #f7f7f7; border-left: 4px solid #28a745; padding: 15px; margin: 20px 7%; font-style: italic; }
.main-content ul { margin: 20px 0; padding-left: 20px; }
.main-content ul li { margin-bottom: 10px; }
 
.caption {text-align: right;margin: 5px 0 10px;font-size: 12px;color: #666;display: block;}
.articleList {border:1px solid #ccc; position: relative;margin: 0px 0 25px;text-align: left;
  h2 {text-align: left;font-size: 26px;line-height: 1.4;color: #222;margin-top: 15px;text-transform: inherit;}
  a {color: #222;}
  .caption {padding-right: 10px;}
  .lazy-image {padding-top: 47%;}
}
.p-1 .meta {padding-top: 10px;margin-bottom: 0;}
.comment-txt {font-size: 14px; color: #888;float: right;margin-top: -35px;}
.meta-date {display: inline-block;font-size: 14px;color: #888;margin: 3px 0 0 5px;}
/* SIDEBAR */
.sidebar { flex: 1; }
.sidebar .widget { background: #fafafa; padding: 15px; margin-bottom: 20px; border: 1px solid #eee; border-radius: 6px; }
.widget h3 { font-size: 18px; font-weight: bold; color: #1e2a57; margin-bottom: 12px;text-align: left;border-bottom: 1px solid #ccc;  }
.widget input[type="text"], .widget input[type="email"] { width: 100%; padding: 10px; border: 1px solid #ddd; border-radius: 4px; margin-bottom: 10px; }
.widget button { width: 100%; padding: 10px; background: #28a745; color: white; border: none; border-radius: 4px; cursor: pointer; }
 

/* pre next */
hr {border: 1px solid #ccc;border-top: none;}
.post-navigation { display: flex; justify-content: space-between; gap: 20px; flex-wrap: wrap;margin-top: 20px; }
.post-card { flex: 1 1 45%; border: 1px solid #e0e0e0; border-radius: 6px; padding: 16px; transition: box-shadow 0.3s ease; }
.post-card:hover { box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);color: orange; }
.post-header { font-weight: bold; color: #1e2a57; margin-bottom: 12px; display: flex; align-items: center; font-size: 14px; }
.post-header span { margin: 0 5px; }
.post-content { display: flex; align-items: flex-start; gap: 12px; }
.post-content .photo { width: 80px; height: 80px; object-fit: cover; border-radius: 4px; 
  .lazy-image {padding-top: 75%;}
}
.post-text { font-size: 14px; line-height: 1.4; color: #333;width: calc(100% - 95px); }
.post-text .date { display: block; font-size: 13px; color: #888; margin-bottom: 4px; }
.post-text strong { color: #222; white-space: normal;
    overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; padding: 0;}
/* COMMENTS */
.comments { margin-top: 40px; }
.comments h3 { margin-bottom: 20px; }
.comment { display: flex; margin-bottom: 20px; gap: 15px;}
.comment span
.comment img { width: 50px; height: 50px; border-radius: 50%; margin-right: 15px; }
.comment-body { background: #f7f7f7; padding: 10px; border-radius: 6px; flex: 1; 
  span {font-size: 13px;color: #666;}
  p {font-size: 15px;}
}
.comment-body strong { display: block; margin-bottom: 5px; }

/* FORM */
.reply-form { margin-top: 40px; }
.reply-form input, .reply-form textarea { width: 100%; padding: 10px; margin-bottom: 15px; border: 1px solid #ddd; border-radius: 4px; }
.reply-form button { background: #1e90ff; color: white; padding: 10px 20px; border: none; border-radius: 4px; cursor: pointer; }
.reply-form button:hover {background: #0c3052;}
 /*search  */
.search-card { border: 1px solid #e0e0e0; border-radius: 6px; padding: 20px; max-width: 400px; margin: auto; margin-bottom: 15px;}
.search-card h2 { font-size: 18px; font-weight: bold; color: #1e2a57; margin-bottom: 12px; text-align: left;border-bottom: 1px solid #ccc;}
.search-box { position: relative; width: 100%; }
.search-box input { width: 100%; padding: 12px 40px 12px 12px; font-size: 14px; border: 1px solid #ddd; border-radius: 4px; outline: none; transition: border-color 0.3s ease; }
.search-box input:focus { border-color: #1e90ff; }
.search-box button { position: absolute; right: 10px; top: 57%; transform: translateY(-50%); background: none; border: none; cursor: pointer; }
.search-box button svg { width: 18px; height: 18px; }

/* rhs category */
.news-card { border: 1px solid #e0e0e0; border-radius: 6px; padding: 16px; max-width: 500px; margin: auto;padding-bottom: 5px;margin-bottom: 15px; }
.news-card h2 { font-size: 18px; font-weight: bold; color: #1e2a57; margin-bottom: 16px;text-align:left; }
.news-item { display: flex; align-items: flex-start; gap: 12px; padding: 12px 0; border-bottom: 1px solid #f0f0f0; }
.news-item:last-child { border-bottom: none; }
.news-item .photo { width: 80px; height: 80px; object-fit: cover;  
  .lazy-image {padding-top: 100%;border-radius: 0;}
}
.news-text { flex: 1; }
.news-text p { font-size: 14px; line-height: 1.4; color: #333; margin-bottom: 6px;white-space: normal;
    overflow: hidden; text-overflow: ellipsis;-webkit-line-clamp: 3; display: -webkit-box;
    -webkit-box-orient: vertical; padding: 0; }
.news-text p a:hover strong{color: orange;}
.news-text p strong { color: #222; }
.news-text .date { font-size: 13px; color: #888; }

.card-rhs { border: 1px solid #e0e0e0; border-radius: 6px; padding: 16px; margin-bottom: 20px; max-width: 400px; }
.card-rhs h2 { font-size: 18px; font-weight: bold; color: #1e2a57; margin-bottom: 16px;text-align: left;border-bottom: 1px solid #ccc; }

/* Categories */
.categories ul { list-style: none; }
.categories li { display: flex; justify-content: space-between; padding: 8px 0; border-bottom: 1px solid #f0f0f0; font-size: 14px; color: #333; }
.categories li:last-child { border-bottom: none; }

/* Tags */
.tags { display: flex; flex-wrap: wrap; gap: 8px; }
 
.tags a { display: inline-block;background: #eee; padding: 6px 12px; font-size: 13px; border: 1px solid #ddd; border-radius: 4px;   cursor: pointer; transition: all 0.3s ease;color: #333; }
.tags a:hover { background: #1e2a57; color: #fff; border-color: #1e2a57; }
.tags .active { background: #fdd835; color: #000; font-weight: bold; border-color: #fdd835; } 
/* insta feed */
.insta-card { border: 1px solid #e0e0e0; border-radius: 6px; padding: 16px; max-width: 500px; margin: auto;margin-bottom: 15px; }
.insta-card h2 { font-size: 18px; font-weight: bold; color: #1e2a57; margin-bottom: 16px;text-align: left;border-bottom: 1px solid #ccc;  }
.insta-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(95px, 1fr)); gap: 10px; }
.insta-grid .photo { width: 100%; height: 100%; aspect-ratio: 1/1; object-fit: cover;  cursor: pointer; transition: transform 0.3s ease, box-shadow 0.3s ease; 
  .lazy-image {padding-top: 96%;border-radius: 0;}
}
.insta-grid .photo:hover { transform: scale(1.05); box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15); }
/* subscribe */
.subscribe-card { border: 1px solid #e0e0e0; border-radius: 6px; padding: 20px; max-width: 400px; margin: auto; }
.subscribe-card h2 { font-size: 18px; font-weight: bold; color: #1e2a57; margin-bottom: 12px;text-align: left;border-bottom: 1px solid #ccc;  }
.subscribe-card p { font-size: 14px; color: #555; margin-bottom: 16px; line-height: 1.4; }
.subscribe-form { display: flex; gap: 8px; flex-wrap: wrap;flex-direction: column; }
.subscribe-form input[type="email"] { flex: 1; padding: 10px; font-size: 14px; border: 1px solid #ddd; border-radius: 4px; outline: none; transition: border-color 0.3s ease; }
.subscribe-form input[type="email"]:focus { border-color: #1e90ff; }
.subscribe-form button { padding: 10px 16px; font-size: 14px; font-weight: bold; color: #fff; background: #1e90ff; border: none; border-radius: 4px; cursor: pointer; transition: background 0.3s ease; width: 102px;}
.subscribe-form button:hover { background: #0d6efd; }
/* Slider container */
.splide__slide { position: relative; height: 70vh; display: flex; align-items: center; justify-content: flex-start; background-size: cover; background-position: center; padding: 20px; color: #fff; }

/* Overlay text block */
.slide-content { max-width: 500px; z-index: 2; }
.slide-content h1 { font-size: 40px; font-weight: bold; margin: 0 0 10px 0; line-height: 1.2; }
.red { color: red; }
.orange-box { display: inline-block; background: #ff6600; color: #fff; font-weight: bold; padding: 6px 12px; margin: 5px 0; }
.teal-box { display: inline-block; background: #21c2b8; color: #fff; font-weight: bold; padding: 6px 12px; margin: 5px 0; }
.slide-content .btn { display: inline-block; margin-top: 20px; padding: 10px 20px; background: #fff; color: #333; border-radius: 20px; text-decoration: none; font-weight: bold; transition: all 0.3s ease; }
.slide-content .btn:hover { background: #1e90ff; color: #fff; }
/* pagination */
.pagination { display: flex; gap: 6px; flex-wrap: wrap;align-items: center; justify-content: center;
    margin-top: 30px; }
.pagination a { display: flex; justify-content: center; align-items: center; width: 36px; height: 36px; font-size: 14px; color: #333; text-decoration: none; border: 1px solid #ddd; border-radius: 6px; transition: all 0.3s ease; background: #fff; }
.pagination a:hover { background: #f0f0f0; }
.pagination a.active { background: #ffd700; color: #000; font-weight: bold; border-color: #ffd700; }
/* our partners */
.partners-section { text-align: center; padding: 40px 20px; }
.partners-section h2 { font-size: 34px; font-weight: bold; margin-bottom: 10px; color: #1a1a1a; }
.partners-section p { font-size: 16px; color: #555; margin-bottom: 30px; }
.partners-logos { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 40px; }
.partners-logos img { max-width: 180px; height: auto; transition: transform 0.3s ease; }
.partners-logos img:hover { transform: scale(1.05); }
/* partner details */
.profile-section { display: flex; align-items: flex-start; justify-content: center; gap: 30px; padding: 40px 20px;  margin: auto; flex-wrap: wrap; }
.profile-section img { max-width: 300px; width: 100%; height: auto; border-radius: 10px; object-fit: cover; flex-shrink: 0; }
.profile-details { max-width: 700px; text-align: left; }
.profile-details h2 { font-size: 22px; font-weight: bold; margin: 0 0 5px; color: #1a1a1a;text-align: left; }
.profile-details h4 { font-size: 16px; font-weight: normal; margin: 0 0 15px; color: #333; }
.profile-details p { font-size: 1.1rem; line-height: 1.6; color: #444; margin-bottom: 15px; font-weight: 500;}
.profile-details strong { font-weight: bold; color: #000; }
/* more team members */
.team-section { text-align: center; padding:20px;  margin: auto; }
.team-section h2 { font-size: 28px; font-weight: bold; margin-bottom: 10px; color: #384076; }
.team-section p { font-size: 16px; color: #555; margin-bottom: 40px; max-width: 700px; margin-left: auto; margin-right: auto; line-height: 1.6; }
.team-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 30px; }
.team-card { background: #fff; border-radius: 10px; overflow: hidden; text-align: center; transition: transform 0.3s ease, box-shadow 0.3s ease; 
  .lazy-image { padding-top: 100%; border-radius: 10px; }
}
.team-card:hover { transform: translateY(-5px);}
.team-card img { width: 100%;   object-fit: cover; }
.team-info { padding: 0px 0;text-align: left; }
.team-info h3 { font-size: 16px; font-weight: bold; margin: 10px 0 5px; color: #000; text-align: left;}
.team-info p { font-size: 14px; color: #666; margin: 0; }
/* our services */
.our-services { text-align: center; padding:20px;  margin: auto; }
.our-services h2 { font-size: 34px; font-weight: bold; color: #1a1a40; margin-bottom: 10px; }
.our-services p {  margin: 0 auto; color: #666; }
.our-service-item { display: flex; align-items: flex-start; gap: 30px; margin-bottom: 40px; flex-wrap: wrap;margin-top: 36px;
  p {margin-left: 0;}
  .lazy-image {padding-top: 56.25%;border-radius: 5px;border:1px solid #eee}
  p a {color: #444;}
  p a:hover {color: #000;}
}
.our-service-item .photo { flex: 1 1 300px; max-width: 400px; border-radius: 12px; width: 100%; height: auto; }
.our-service-content { flex: 2 1 400px; text-align: left; }
.our-service-content h3 { font-size: 22px; margin-bottom: 10px; color: #222;}
.our-service-content p { color: #333; }
/* contact us */

.contact-section { width: 80%; margin: auto; padding:15px;background: #fff;border-radius: 5px;}
.contact-section h2 { text-align: center; font-size: 32px; font-weight: bold; color: #1a1a40; }
.contact-section p { text-align: center; color: #444; margin-bottom: 40px;text-align: left; }
.contact-container { display: flex; flex-wrap: wrap; gap: 30px; }

/* Left side contact info */
.contact-info { flex: 1 1 325px; background: #05652b; color: #fff; padding:30px 30px 90px; border-radius: 12px; 
  .ico {width: 30px;margin-right: 15px;}
}
.contact-info h3 { margin-bottom: 5px; }
.contact-info p { margin-bottom: 60px; font-size: 14px; color: #abd6b4;}
.contact-info .info-item { margin-bottom: 20px; display: flex; align-items: flex-start; gap: 10px; font-size: 14px; color: #c7eccf;
    
  }
.pl {margin-right: 25px !important;width: 40px !important;}
.mapBg {width: 100%;background: url(../images/map-bg.png) no-repeat center/cover;height: 600px;margin-top: -140px;}
/* Right side form */
.contact-form { flex: 2 1 550px; background: #fff;padding-bottom: 45px; }
.form-group { display: flex; gap: 20px; margin-bottom: 20px; flex-wrap: wrap; }
.form-group input, .form-group textarea { flex: 1; padding: 10px; border: none; border-bottom: 1px solid #b3b3b3; outline: none; font-size: 14px; }
.form-group textarea { min-height: 80px; resize: vertical; }
.form-group label { font-size: 14px; margin-bottom: 5px; display: block; color: #333; }
.checkbox-group { margin-bottom: 20px; 
  p {margin-bottom: 10px;margin-top: 30px;font-size: 15px;font-weight: 500;}
}
.checkbox-group label { margin-right: 15px; font-size: 14px; color: #444;display: inline-flex;gap: 10px; }
.contact-form button { background: #05652b; color: #fff; padding: 12px 25px; border: none; border-radius: 6px; cursor: pointer; font-size: 14px; }
.contact-form button:hover { background: #034d21; }


@media only screen and (max-width:1164px) and (min-width:1024px) {
  .nav__link {font-size: 13px;}
      .header { height: calc(var(--header-height) + .3rem); }
}
@media (max-width: 767px) {
  .wdth {width: 100%;}
  .dskNone {display: block;}
.mblNone {display: none !important;}
  .header .row {flex-direction: row-reverse;}
  .left-logo {width: 130px;position: absolute;left: 50%;top: 0; transform: translate(-40%, -61%);}
  .container {width: 100% !important;}
  .col-6 {width: 100%;}
  h2 {font-size: 1.7rem !important;}
  .logoImg {width: 125px;margin-top: 10px;}
  .banner {height: auto;min-height: auto;background: transparent;margin-top: 5px;}
  .clients-section h2 {font-size: 20px; padding: 4px 14px; }
  .footer-links h3 {text-align: center;}
  .footer-top {flex-direction: column; gap: 20px; }
  .footer-links ul {flex-direction: row; gap: 10px;  }
  .brand-banner { height: 220px; padding: 0 15px; margin-bottom: 10px;margin-top: 55px;}
  .footer-links ul li {text-align: center;margin: 3px 10px;}
  .brand-banner h1 { font-size: 20px; }
  .brand-banner p { font-size: 14px; padding-top: 10px; }
  .about-section { flex-direction: column; padding: 30px 20px; }
  .about-text h2 { font-size: 22px; }
  .about-text p { font-size: 15px; }
  .expertise-section { flex-direction: column; }
  .expertise-image, .expertise-text { flex: 1 1 100%; }
  .expertise-text { padding: 30px 20px; }
  .expertise-text h2 { font-size: 22px; }
  .expertise-text ul li { font-size: 15px; }
  .training-section h2 { font-size: 24px; }
  .training-section p { font-size: 14px; }
  .training-card img { height: 160px; }
  .reach-section h2 { font-size: 24px; }
  .reach-section p { font-size: 14px; }
  .reach-card img { height: 150px; }
  .post-navigation { flex-direction: column; }
  .news-item {align-items: flex-start; }
  .news-section {padding: 0;}
  .news-item img { width: 100%; height: auto;  }
  .contact-box {padding: 40px 10px;}
  .clients-section {padding: 15px 0;
    .clients-logos {display: block;white-space: nowrap;overflow-x: scroll;
      img {display: inline-block;margin-right: 15px;}
    }
  }
  .card-rhs, .insta-card { max-width: 100%; }
  .subscribe-card { max-width: 100%; }
  .subscribe-form { flex-direction: column; }
  .subscribe-form button { width: 100%; }
  .search-card { max-width: 100%; }
   .slide-content h1 { font-size: 26px; }
   .pagination { gap: 4px; }
  .pagination a { width: 32px; height: 32px; font-size: 13px; }
  .show {left:0;}
  .news-cards {display: block;white-space: nowrap;overflow-x: scroll;
    .card {display: inline-block;width: 80%; margin-right: 15px;}
  }
  .main-content {
    .splide__arrows {width: 72px;height: 45px;}
    .splide__slide {height: auto;}
  }
  .teamBox ul{white-space: nowrap;overflow-x: scroll;display: block;}
  .teamBox ul li {display: inline-block;margin-right: 15px;width: 65%;
    .lazy-image {border-radius: 8px;}
    article.repeat-box .text h3 {color: white;}
  }
  .partners-logos { gap: 20px; }
  .partners-logos img { max-width: 140px; }
  .profile-section { flex-direction: column; align-items: center; text-align: center; padding: 10px;gap: 15px;}
  .profile-details { text-align: center; }
  .profile-section .profile-details {text-align: left;}
  .team-section h2 { font-size: 20px !important; }
  .team-section p {font-size: 14px; }
  .team-section {padding: 10px;}
  .team-card {display: inline-block; margin-right: 15px; width: 65%;padding-bottom: 10px;}
  .team-grid {white-space: nowrap; overflow-x: scroll; display: block;}
  .our-service-item { flex-direction: column; text-align: center;gap: 10px; }
 .our-service-content { text-align:left; }
 .our-services {padding: 5px;}
 .our-service-item .photo, .our-service-content {flex: 1;}
 .right-social {
    a {width: 32px;height: 32px;}
  }
  .contact-container { flex-direction: column-reverse; }
  .contact-section {width: 100%; padding: 5px;}
  .contact-form {padding-bottom: 10px;flex: 1;}
  .contact-info {padding: 20px 20px 60px;flex: 1;}
  .mapBg {height: 370px;}
}