:root {
--active-color: #2c64a6;
}

body { font-size:14px;     font-family: 'Lato', Helvetica, Arial, Lucida, sans-serif; }

.main_articles.homelist {
    max-width: 1600px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 48px;
    padding-top: 40px;
    padding-bottom: 60px;
padding-left:20px; padding-right:20px;
}

.main_articles.homelist > article {
    border-top: none;
    padding-top: 0;
    padding-bottom: 0;
    border-radius: 10px;
    over-flow: hidden;
    border: solid 1px #ddd;
}

.main_articles.homelist > article .articlecnt {
    padding-bottom: 16px;
}

.main_articles article .stylefullgallery .thumbnail {
    margin-bottom: 0px;
}

.main_articles article .stylefullgallery .thumbnail img {
    height: 240px;
    object-fit: cover;
}

.main_articles article .stylefullgallery .articlecnt h2 {
    margin-top: 24px;
font-weight: bold;
    font-family: "Roboto", sans-serif;
}

.main_articles.homelist > article .articlecnt > *:not(.thumbnail) {
    padding-left: 16px;
    padding-right: 16px;
}

.main_articles.homelist > article .namedatetime {
    display: none;
}



.main_content > .inner { padding-top:0; padding-bottom:0; padding-left:0; padding-right:0; }

.main_content > .inner .article-title, .main_content > .inner .authordatetime, .main_content > .inner .backtohome.backtohometop, .main_content > .inner .backtohome.backtohomebottom, .main_content > .inner .detailTags.detailSiteTags, .main_content > .inner .pagetopgadget { display:none; }

.app-banner-container { min-height:800px; background-size:cover; background-position:center center; display:flex; align-items:center; padding:60px;  }

.article-content img { border-radius:14px; }


.banner-text-container { background:rgba(255,255,255,0.8); width:40%; max-width:600px; border-radius:16px; padding:30px 30px; color:#333; font-size:28px;    font-family: "Roboto", sans-serif;}

.banner-text-container  * { line-height:1.6; font-weight:600;  }

.banner-text-container  .banner-title  { font-size:38px; padding-bottom:30px;  font-weight:600;   }

.app-text-gradiant {  background: linear-gradient(to bottom, #0a71c3, #29bbb0);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;}

.app-text-container { max-width:1440px; width:100%; padding:50px 10px; margin:0 auto; display:flex; flex-direction:column; gap:50px; }

.app-text-section-flex { display:flex; gap:60px; }
.app-text-section { font-size:18px; line-height:1.8; color:#333;  }
.app-text-section-flex.reversed { flex-direction: row-reverse; }

.app-text-section .app-flex-half { flex: 1; }
.app-text-section .app-text-heading1 { font-size:34px; font-weight:600; padding-bottom:26px; }

.app-text-section .app-text-heading2 { font-size:24px; font-weight:600; padding-bottom:26px;  line-height:1.6; }

.app-text-section p, .app-text-section div, .app-text-section ul li, .app-text-section ol li {font-size:18px; line-height:1.8; color:#333; }

.app-text-section p { margin-bottom:30px; }

.app-items-center { align-items:center; }

.app-contact-box { background-color:var(--active-color); border-radius:16px; padding:26px; display:flex; flex-wrap:nowrap; gap:50px; color:#fff !important; font-size:20px !important;max-width:1100px; margin:0 auto; width:90%; align-items:center;  }
.app-contact-box * { color:#fff !important; font-size:20px !important;   }
.app-contact-box .link { flex-grow:1; text-align:center;  }
.app-contact-box img { border-radius:30px;}

@media(max-width:1100px) {
.main_articles.homelist {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 36x;
}
}

@media(max-width:991px) {
.app-banner-container { min-height:600px;padding:50px; width:100%; max-width:100%; }
.banner-text-container {width:60%;} 
.app-text-section { display:flex; gap:50px; }


.banner-text-container { font-size:24px; }
.banner-text-container  .banner-title  { font-size:32px;  }

.app-text-section .app-text-heading1 { font-size:30px;  }
.app-text-section .app-text-heading2 { font-size:22px;  }

.app-text-section p, .app-text-section div, .app-text-section ul li, .app-text-section ol li {font-size:16px; }

.app-text-section p { margin-bottom:26px; }
.banner-text-container  * { line-height:1.7; }


.main_articles.homelist {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

}

@media(max-width:767px) {
.app-banner-container { min-height:400px; padding:20px;  width:100%; max-width:100%; border-radius:0px; padding:200px 20px 60px; }

.banner-text-container {width:90%; max-width:600px;padding:20px 20px;  } 
.app-text-section { flex-direction:column !important;  gap:30px; }

.app-items-center { align-items:flex-start; }

.banner-text-container { font-size:18px; }
.banner-text-container  .banner-title  { font-size:22px;  }

.app-text-section .app-text-heading1 { font-size:26px; }
.app-text-section .app-text-heading2 { font-size:18px; }

.app-text-section p, .app-text-section div, .app-text-section ul li, .app-text-section ol li {font-size:14px; }

.app-text-section p { margin-bottom:20px; }

.app-text-container {  padding:30px 10px; gap:30px }

.banner-text-container  * { line-height:1.5; }


.app-contact-box { border-radius:12px; padding:20px; flex-direction:column; gap:26px; font-size:18px !important; width:90%;  max-width:400px; align-items:center;  }
.app-contact-box * {  font-size:18px !important;   }

.main_articles.homelist {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 24x;
}

}



 

.tw-list-disc, .tw-list-decimal {
    margin-left: 30px;
    padding-bottom: 26px;
}

.tw-list-space li { margin-bottom:24px; }

.article_topic span.article-content { padding-top: 0px; }

.tw-rounded-xs { border-radius:3px; }
.app-grid-4 { display:grid; grid-template-columns: repeat(4,minmax(0, 1fr)); }

.top-toolbar a { color:#333; }
.main_header > .inner {
  max-width: 100%;
  padding: 0;
overflow:visible !important; 
}
.main_banner > .inner {
  max-width: 1660px;
  padding: 0;
}
.main_content {
  padding-top: 0;
}

.main_content > .inner {
  max-width: 1660px;
display:flex; gap:50px;
}

.main_header > .inner .logoslogan {
    width: 100%;
overflow:visible !important; 
}
.main_header > .inner .rightlink {
  display: none !important;
}

.main_header {
  overflow: visible;
  border-bottom: none !important;
  background: none !important;
}
.main_header > .inner .rightlink {
  display: none !important;
}

.bootstraprwardz .navbar { margin-bottom:0; }
.bootstraprwardz .navbar-default { background:none; border:none; }
.bootstraprwardz .nav.navbar-nav { text-transform:uppercase; }

.navbar-brand img { height:46px; }

.dropdown-submenu {
    position: relative;
}
.bootstraprwardz .navbar-nav .dropdown-menu li { padding-left:20px; padding-right:20px; }
.bootstraprwardz .navbar-nav .dropdown-menu li a {     padding: 10px 0px;  border-bottom:solid 1px rgba(0,0,0,0.1); }
.bootstraprwardz .navbar-nav .dropdown-menu li:last-of-type a { border-bottom:none; }

.bootstraprwardz .navbar-nav .dropdown-menu .dropdown-menu li a { border-bottom:solid 1px rgba(0,0,0,0.1) !important; }
.bootstraprwardz .navbar-nav .dropdown-menu .dropdown-menu li:last-of-type a { border-bottom:none !important; }

.bootstraprwardz .navbar-nav > li > .dropdown-menu {width:240px; }

.bootstraprwardz .navbar-nav a { color:#333; font-size:14px; font-weight:500;  }
.bootstraprwardz .navbar-default .navbar-nav > li  a { color:#333; line-height:1.3 !important; }
.bootstraprwardz .navbar-default .navbar-nav > li  a span { line-height:1.3 !important; }
.bootstraprwardz .navbar-default .navbar-nav > li  a:hover {color: rgba(3,82,144,1)!important} 
/* Position the nested dropdown menu to appear to the right */
.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 240px !important;
    margin-top: -1px;
    width:240px; 
}

.bootstraprwardz .dropdown-menu > li > a { white-space:normal; }

.bootstraprwardz .navbar-default .navbar-nav > .open > a, .bootstraprwardz .navbar-default .navbar-nav > .active > a { background-image:none; }

.bootstraprwardz .navbar-default .navbar-nav > .open > a, .bootstraprwardz .navbar-default .navbar-nav > .open > a:hover, .bootstraprwardz .navbar-default .navbar-nav > .open > a:focus {     background-color: #fff; box-shadow: none; background-image:none;}

.bootstraprwardz .nav .open > a, .bootstraprwardz .nav .open > a:hover, .bootstraprwardz .nav .open > a:focus { background-color: #fff;  box-shadow: none;background-image:none; }

.bootstraprwardz .dropdown-menu > li > a:hover, .bootstraprwardz .dropdown-menu > li > a:focus {     background-color: #fff; box-shadow: none;background-image:none; }


.navbar-flex { display:flex !important; justify-content:space-between; align-items:center; gap:10px; }

.bootstraprwardz .nav .open > a, .bootstraprwardz .nav .open > a:hover, .bootstraprwardz .nav .open > a:focus { border-color:rgba(0,0,0,0.1) !important; } 

.bootstraprwardz .container-fluid { height:80px; }

.bootstraprwardz .navbar-right { position:relative; top:16px; }

.app-footer-container { max-width:1660px; width:100%; border-radius:16px; background-color:#035290; padding:50px 16px; margin:10px auto;  }
.app-footer-container > div > div { max-width:300px; color:#fff; }
.app-footer-container .footer-title  { font-size:22px; font-weight:600; padding-bottom:16px;   text-transform:uppercase; }
.app-footer-container > div > div * { line-height:2; }
.app-footer-container > div > div a { color:#fff; }
.app-footer-container > div > div a:hover, .app-footer-container > div > div a:focus {color:#fff;} 

.main_footer > .inner { border-top:none; max-width:100%;padding:10px !important; float:none;  width:100%; max-width:100%;  }

.main_footer > .inner .copyright { border-top:none; max-width:100%; padding:20px 0 0 0 !important; float:none; }



.main_footer  .powered { display:none; }

@media (max-width: 991px) {
.navbar-flex { justify-content:flex-start;  }
  .bootstraprwardz .navbar-header {
    float: none !important;
height:80px; 
  }
  .bootstraprwardz .navbar-left,
  .bootstraprwardz .navbar-right {
    float: none !important;
  }
  .bootstraprwardz .navbar-toggle {
    display: block; /* Shows the hamburger toggle button */
  }
  .bootstraprwardz .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  }
  .bootstraprwardz .navbar-collapse.collapse {
    display: none !important; /* Ensures the menu is hidden when collapsed */
  }
  .bootstraprwardz .navbar-nav {
    float: none !important;
    margin: 0px -15px;
top:0; 

  }
  .bootstraprwardz .navbar-nav > li {
    float: none;
  }
  .bootstraprwardz .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .bootstraprwardz .collapse.in {
    display: block !important; /* Shows the menu when 'in' class is present */
  }
  .bootstraprwardz .dropdown-menu { float:none; position:relative; padding-left:20px; box-shadow:none !important; border:none !important;  }
  .bootstraprwardz .dropdown-menu .dropdown-menu { padding-left:20px;  }
.bootstraprwardz .navbar-nav > li .dropdown-menu { width:100%; }
.dropdown-submenu .dropdown-menu { left:0 !important;}
.dropdown-submenu .fa-angle-right {  rotate: 90deg; }
.bootstraprwardz .navbar-nav .dropdown-menu li a,.bootstraprwardz .navbar-nav .dropdown-menu .dropdown-menu li a { border-bottom:none !important; }

.bootstraprwardz .navbar-default .navbar-toggle { top:10px; border:none; }
.bootstraprwardz .navbar-default .navbar-nav .open .dropdown-menu > li > a { color:#333 !important; }
    .bootstraprwardz .navbar-nav .open .dropdown-menu > li > a, .bootstraprwardz .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 10px 15px 10px 25px;
    }
.bootstraprwardz .container-fluid { height:auto; }
.bootstraprwardz .navbar-collapse {  box-shadow:none; }

.app-grid-4 {  grid-template-columns: repeat(2,minmax(0, 1fr)); }
} 

@media (max-width:767px) {

.app-grid-4 {  grid-template-columns: repeat(1,minmax(0, 1fr)); }

.main_articles.homelist {
padding-left:10px; padding-right:10px;
}

}

@media (min-width: 992px) {
    /* Styles for screens 992px and wider (desktop view) */
   .bootstraprwardz  .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        overflow: visible !important;
    }
    /* Add other necessary desktop styles here (e.g. for dropdowns) */
}

.app-active-color { color:var(--active-color); }