/*
Theme Name: Arcatec Child
Theme URI: https://www.designheed.com/
Description: Child Theme for Arcatec
Author: Designheed
Template: arcatec
Version: 1.0.0
*/

/* Your custom CSS goes below this line */


input:-webkit-autofill {
    appearance: none;
    background-image: none !important;
    background-color: red;
    color: #000 !important;
    transition: background-color 5000s ease-in-out 0s;
}
.main-navigation ul.navbar-nav .menu-item-has-children .sub-menu .sub-menu {
    width: 400px;
}
.tow_bnt button {
    border-radius: 0px !important;
}
.social_media.second_social ul li:first-child {
    padding: 5px 10px;
}
.social_media.second_social ul li:nth-child(2) i {
    color: #3b5998;
}
.social_media.second_social ul li:nth-child(2) {
    padding: 6px 9px;
}

#toast-interior {
      position: fixed;
      top: 20px;
      left: 50%;

      transform: translateX(-50%);
      background-color: #0D4D93;
      color: white;
      padding: 10px 20px;
      border-radius: 8px;
      font-size: 16px;
      display: none;
      z-index: 1000;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
			    z-index: 9999;
    }


.copy-trigger {
display: inline-flex;
    align-items: center;
    padding: 9px 11px;
    background-color: transparent;
    color: #0d4d93;
    border: none;
    border-radius: 106px;
    cursor: pointer;
    font-size: 16px;
    width: 40px;
    height: 40px;
    margin-left: -9px;
    position: relative;
    top: -6px;
    }

    /* Top-center notification */
    #notify-toast {
      position: fixed;
      top: 20px;
      left: 50%;
      transform: translateX(-50%);
      background-color: #0D4D93;
      color: white;
      padding: 10px 20px;
      border-radius: 8px;
      font-size: 16px;
      display: none;
      z-index: 1000;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
			    z-index: 9999;
    }


.btn-copy-link {
display: inline-flex;
    align-items: center;
    padding: 9px 11px;
    background-color: transparent;
    color: #0d4d93;
    border: none;
    border-radius: 106px;
    cursor: pointer;
    font-size: 16px;
    width: 40px;
    height: 40px;
    margin-left: -9px;
    position: relative;
    top: -6px;
    }
    /* Top-center notification */
    #toast-message {
      position: fixed;
      top: 20px;
      left: 50%;
      transform: translateX(-50%);
      background-color: #0D4D93;
      color: white;
      padding: 10px 20px;
      border-radius: 8px;
      font-size: 16px;
      display: none;
      z-index: 1000;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
			    z-index: 9999;
    }
.copy-button {
    display: inline-flex;
    align-items: center;
    padding: 9px 11px;
    background-color: transparent;
    color: #0d4d93;
    border: none;
    border-radius: 106px;
    cursor: pointer;
    font-size: 16px;
    width: 40px;
    height: 40px;
    margin-left: -9px;
    position: relative;
    top: -6px;
}

    /* Top-center notification */
    #copy-message {
      position: fixed;
      top: 20px;
      left: 50%;
      transform: translateX(-50%);
      background-color: #0D4D93;
      color: white;
      padding: 10px 20px;
      border-radius: 8px;
      font-size: 16px;
      display: none;
      z-index: 1000;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
			    z-index: 9999;
    }



/* oppening css */
.country-select {
    margin-bottom: 16px;
}
.social_media.second_social ul li:nth-child(4) i {
    color: #0077B5;
}
.job-card {
      border-radius: 20px;
      padding: 24px;
      color: white;
      position: relative;
      overflow: hidden;
      box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
      animation: fadeInUp 0.8s ease;
      background-image: url('https://images.unsplash.com/photo-1504384308090-c894fdcc538d');
      background-size: cover;
      background-position: center;
    }

    .job-card::after {
      content: '';
      position: absolute;
      inset: 0;
      background: rgba(0, 0, 0, 0.45); /* semi-transparent dark overlay */
      z-index: 0;
    }

    .job-card > * {
      position: relative;
       z-index: 1;
    }

    .job-card .bg-color {
      background-color: rgba(255, 255, 255, 0.85); /* White with slight opacity */
      padding: 20px;
      border-radius: 10px;
    }

    @keyframes fadeInUp {
      0% {
        opacity: 0;
        transform: translateY(20px);
      }
      100% {
        opacity: 1;
        transform: translateY(0);
      }
    }

.job-title {
    font-size: 15px;
    font-weight: bold;
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    color: #000;
    line-height: 23px;
    justify-content: space-between;
}

.online-dot {
    width: 10px;
    height: 10px;
    background-color: #22c55e;
    border-radius: 50%;
    margin-left: 8px;
    box-shadow: 0 0 6px #22c55e;
    animation: pulstop 1.2s infinite;
}

@keyframes pulstop {
      0%, 100% {
        transform: scale(1);
        opacity: 1;
      }
      50% {
        transform: scale(1.5);
        opacity: 0.6;
      }
    }

.job-info h4, .job-info h5 {
    margin: 6px 0;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
	text-transform: math-auto !important;
}

    .apply-btn {
      display: inline-block;
      background-color: #0D4D93;
      color: white;
      padding: 5px 20px;
      border: none;
      border-radius: 12px;
      font-weight: 600;
      cursor: pointer;
      font-size: 15px;
      transition: background-color 0.3s ease;
      margin-top: 20px;
    }

    .apply-btn:hover {
      background-color: #2563eb;
    }

/* oppening css end */

.side_links {
    border: 2px solid #0d4d93;
    border-radius: 10px;
    overflow: hidden;
}
.top_btm_we_work .ekit-wid-con .elementskit-infobox {
    width: 200px;
}
.top_mnu_nav {
    height: 100px;
}
.top_menu_sect {
    height: 100px;
}
.swiper-slide {
    text-align: center;
}
ul.servicesside h4 {
    letter-spacing: 0px;
    font-family: Lato, sans-serif;
    font-size: 23px;
    font-weight: 900;
    line-height: 40px;
    margin: 0px 0px 15px;
    text-transform: uppercase;
    text-align: center;
    background: rgb(13, 77, 147);
    color: #fff;
    border-radius: 4px;
    padding: 6px;
}
.side_links ul {
    padding: 0px;
    margin: 0px;
}
.side_links h4 {
    font-size: 23px;
    text-align: center;
    background: #0d4d93;
    color: #fff;
	  margin-bottom: 0px;
}
.side_links ul li a {
    padding: 8px 43px;
    display: block;
}
.side_links ul li:hover {
    background: #0d4d93;
    transition: 0.6s;
}
.side_links ul li:hover a{
	color: #fff;
} 
.main_deliverdsect{
	text-align: center;
}
ul.sub-menu li:last-child {
    display: block !important;
}

.menu-style-flyout .navbar-inner {
    background-color: #0D4D93 !Important;
}
.main-navigation ul.navbar-nav .menu-item-has-children .sub-menu .sub-menu {
    left: 100%!important;
    right: auto;
    top: 0;
}
.menu-style-flyout .navbar-inner .navbar-toggler {
    background-color: #fff !important;
}
.menu-style-flyout.arcatec-main-menu-wrap .navbar-inner .navbar-toggler-icon {
    background-color: #000 !important;
    -webkit-transform: scale(0.85) rotate(-270deg);
    -ms-transform: scale(0.85) rotate(-270deg);
    transform: scale(0.85) rotate(-270deg);
    width: 30px !important;
    padding: 10px 3px 10px 0px ;
    border-radius: 6px;
}


.news-logo img {
    width: 100px; /* adjust as needed */
    height: auto;
    margin-bottom: 10px;
}



ul.servicesside li {
    background: #7118a3;
    padding: 10px 20px;
    margin-bottom: 10px;
    color: #fff;
}
div#footerbottom ul {
    margin: 0px;
    padding: 0px;
}
ul.servicesside li:hover {
    background: #0D4D93;
    color: #fff;
}
ul.servicesside {
    padding: 0px;
}
#footerbottom ul li {
    color: #fff;
    font-size: 15px;
}

#footerbottom h2 {
    font-size: 18px;
    color: #fff;
}

section#accordiantb .elementor-widget-wrap.elementor-element-populated {
    padding: 0px;
}
ul.servicesside li {
    background: #fff;
    padding: 10px 20px;
    margin-bottom: 10px;
    color: #000;
    border-radius: 4px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
section.elementor-section.elementor-top-section.elementor-element.elementor-element-273a9cc.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default.mas-addons-sticky-no{background-color:#fff!important;}



.contact_form textarea {
    width: 100%;
    height: 100px !important;
    margin-bottom: 10px;
}
div#contactformsk input[type] {
    padding: 10px;
	box-shadow: 2px 7px 4px #ccc;
    margin-bottom: 15px;
}
div#services {
    margin-bottom: 15px;
}

div#contactformsk {
    background: #e7e7e7;
    border-radius: 10px 0px 30px 0px;
}

#contactformsk button {
    width: 100%;
    background: #cc31ef;
    color: #fff;
    border-radius: 0;
    text-transform: uppercase;
    font-size: 21px;
}

div#contactformsk input#Submit {
    background: #0D4D93;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 23px;
}
.sumitbtnsk p {
    margin: 0px;
    padding: 0px;
    line-height: 23px;
}

#querysk {
    font-size: 18px;
    font-weight: 800;
    color: #fff;
    background: #0D4D93;
    padding: 10px 15px;
    border-radius: 10px 10px 0px 0px;
    line-height: 23px;
    margin-bottom: 20px;
}

#querysk p{margin:0px; padding:0px; line-height:23px;}

.newpopup button {
    background: #fff !important;
    color: #0D4D93 !important;
    border-radius: 2px !important;
}

.team-single-area .content h2 {
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 24px;
    line-height: 30px !important;
    padding-top: 30px;
}
.social_second ul {
    padding: 0px;
    margin: 0px;
    margin-top: 20px;
}
.image_teams {
    padding-bottom: 55px;
}
.container.top_pds {
    padding-top: 40px;
    padding-bottom: 50px;
}
ul.basic-info li strong {
    color: #fff;
}
.popup_form button {
    height: 38px;
}

        .team-single-area .content p {
            margin: 0 0 15px;
            text-transform: none;
            font-weight: 400;
            line-height: 26px;
        }

        .team-single-area .social_second ul li a {
            display: inline-block !important;
            height: 50px;
            width: 50px;
            line-height: 50px;
            background: #e9e9e9;
            text-align: center;
            border-radius: 50%;
            color: #232323;
        }

        .team-single-area .basic-info::after {
            position: absolute;
            right: 0;
            top: 0;
            content: "";
            height: 100%;
            width: 110%;
            background: linear-gradient(90deg, rgba(9, 70, 139, 1) 0%, rgba(30, 132, 246, 1) 100%);
            z-index: -1;
        }

        .team-single-area .basic-info {
            clear: both;
            margin: 0 -15px;
            position: relative;
            z-index: 1;
            display: block;
            float: left;
            width: 100%;
            padding: 30px 0;
            padding-top: 15px;
            margin-top: 30px;
        }

        .team-single-area .thumb {
            padding-right: 35px;
        }

        .team-single-area .content>span {
            text-transform: capitalize;
            margin-bottom: 15px;
            display: block;
            color: #086ad8;
        }

        .team-single-area .basic-info li {
            float: left;
            width: 50%;
            padding: 0 15px;
            color: #ffffff;
            margin-top: 15px;
        }

        .team-single-area .basic-info {
            clear: both;
            margin: 0 -15px;
            position: relative;
            z-index: 1;
            display: block;
            float: left;
            width: 100%;
            padding: 30px 0;
            padding-top: 15px;
            margin-top: 30px;
        }
.team-single-area .social_second ul li {
    display: inline-block;
    margin-right: 7px;
}
.popup_form button {
    border-radius: 40px !important;
}
@media only screen and (max-width:780px){
	ul#navbar-nav a {
    color: #fff;
}
	ul.servicesside{padding:0px;}
	ul.servicesside li{margin:5px 0px 0px 0px}
.premium-modal-box-modal .premium-modal-box-modal-dialog {
    max-height: calc(100vh - 0px) !important;
}
}














.card_main_top {
  position: relative;
}

.card_main_top .card-media {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: -1;
}

.card_main_top .card-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s;
}

.card_main_top:hover .card-media img {
  transform: scale(1.05);
}

.card_main_top .card-media::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(22, 22, 22, 0.3);
  transition: all 0.3s;
  z-index: 1;
}

.card_main_top:hover .card-media::before {
  background-color: #161616a1;
}

.card_main_top .card-content {
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 40px;
  opacity: 0;
  transition: all 0.3s;
	align-items: flex-start;
}

.card_main_top:hover .card-content {
  opacity: 1;
}
.card_main_top .card-content .card-header {
    margin-bottom: -119px;
    padding-top: 100px;
}

.card_main_top .card-content .card-header .card-date {
  display: block;
  color: rgba(255, 255, 255, 0.6);
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 8px;
}

.card_main_top .card-content .card-header h3 {
  font-size: 19px;
  font-weight: 600;
  line-height: 22px;
}

.card_main_top .card-content .card-header h3 a {
  display: block;
  color: #ffffff;
  text-decoration: none;
  transition: all 0.3s;
}

.card_main_top .card-content .card-header h3 a:hover {
  color: #fff;
}

.card_main_top .card-content .card-desc {
  color: rgba(255, 255, 255, 0.6);
  font-size: 15px;
  line-height: 27px;
}

.card_main_top .card-content .card-footer {
  margin-top: 100px;
}

.card_main_top .card-content .card-footer .read-more-link {
  display: inline-flex;
  align-items: center;
  color: #ffffff;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s;
	
}

.card_main_top .card-content .card-footer .read-more-link:hover {
  color: #fff;
}

.card_main_top .read-more-link svg {
  height: 16px;
  margin-left: 10px;
  transition: transform 0.3s;
}

.card_main_top .read-more-link:hover svg {
  transform: translateX(5px);
}

.card_main_top .card-border span {
  display: inline-block;
  position: absolute;
  background-color: #0D4D93;
  transition: all 0.3s linear;
  z-index: 2;
}

.card_main_top .card-border span.top {
  width: 100%;
  height: 2px;
  top: 0;
  left: 0;
  transform: scaleX(0);
  transform-origin: left;
}

.card_main_top .card-border span.right {
  width: 2px;
  height: 100%;
  top: 0;
  right: 0;
  transform: scaleY(0);
  transform-origin: top;
}

.card_main_top .card-border span.bottom {
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  transform: scaleX(0);
  transform-origin: right;
}

.card_main_top .card-border span.left {
  width: 2px;
  height: 100%;
  top: 0;
  left: 0;
  transform: scaleY(0);
  transform-origin: bottom;
}

.card_main_top:hover .card-border span.top {
  transform: scaleX(1);
}

.card_main_top:hover .card-border span.right {
  transform: scaleY(1);
  transition-delay: 0.3s;
}

.card_main_top:hover .card-border span.bottom {
  transform: scaleX(1);
  transition-delay: 0.6s;
}

.card_main_top:hover .card-border span.left {
  transform: scaleY(1);
  transition-delay: 0.9s;
}

/* Let's write the media query */
@media (max-width: 1024px) {
  .container {
    grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
  }

  .card_main_top {
    grid-column: span 2;
    grid-row: span 2;
  }
}

.wpcp-single-item {
    border: 0px solid #dddddd !important;
}

figure.swiper-slide-inner img {
    text-align: center;
    margin: 0 auto;
}
@media only screen and (max-width: 600px) {
	.premium-modal-box-modal .premium-modal-box-modal-dialog {
    max-height: calc(100vh - 0px) !important;
}
.elementor-11327 .elementor-element.elementor-element-1426f23 .premium-modal-box-modal-dialog {
    width: 80%;
    overflow: auto;
    border-radius: 20px;
}
	.top_sect_get_button .animated-fast {
    width: 90% !important;
}
	.top_abt_hm p{
			text-align: left;
    padding: 10px;
	}
	.rael-close-custom-top-right {
    top: 0px;
    right: 0px;
}
	input.wpcf7-form-control.wpcf7-file {
    height: 63px;
    margin: 0 auto;
    padding-top: 14px;
		width: 100%;
}
	.raelmodal-a178ac5 .rael-modal-close {
    font-size: 20px;
    line-height: 20px;
    height: 45px;
    width: 45px;
    background: #000;
    padding: 10px;
}
	.arcatec-popup-form h4 {
    line-height: 34px ! IMPORTANT;
}
	.top_btm_we_work .elementskit-infobox{
    width: 270px !important;
}
	.top_abt_hm h2{
		text-align: center;
		font-size: 25px !important;
	}
	.srvc_sect_hm h2{
		font-size: 25px !important;
	}
	.our_clients h3{
		font-size: 25px !important;
	}
	    .site-branding, .site-logo {
        max-width: 140px !important;
    }
	.has-site-logo{
    top: 24px !important;
		left: 28px !important;
	}
	.menu-style-flyout .navbar-inner .navbar-toggler {
    position: relative !important;
}
	.menu-style-flyout .navbar-inner {
    background-image: url(https://www.designheed.com/wp-content/uploads/2025/04/bg_image_header_mobile_mnu.png) !important;
    background-size: cover;
}
	.menu-style-flyout .navbar-inner .navbar-toggler {
    background-color: #ffffff03 !important;
}
	ul#navbar-nav a {
        color: #000 !important;
				font-size: 17px !important;
				font-family: "Lato", Sans-serif !important;
		font-weight: 700;
    }
	#site-navigation li.menu-item a i {
        font-size: 22px;
        color: #000 !important;
    }
	.main-navigation {
    padding-top: 20px !important;
}
	.navbar-inner .navbar-toggler{
    padding-bottom: 54px !important;
    border-bottom: 2px solid #0d4d93 !important;
}
	
	.menu-style-flyout.arcatec-main-menu-wrap .navbar-inner .navbar-toggler-icon {
    background-color: #0d4d93 !important;
}
.top_headeing_tittle h1 {
        font-size: 19px !important;
        line-height: 28px !important;
        padding-top: 19px;
    }
.section_class_pding {
    padding: 90px 0px 0px 0px !important;
}
.top_section_srvc .e-con-inner {
    padding: 0px !important;
}
.top_abt_hm .elementor-widget-container {
    margin: 0px ! IMPORTANT;
}
.nxt_to_heading_sse i {
    color: #0d4d93;
}
	.single-post .blog-breadcrumb h1.post__title {
    font-size: 18px !important;
    line-height: 27px !important;
    margin: 31px 60px 10px 60px !important;
}
}
@media only screen and (max-width: 1400px) {
  .top_sect_space ul li a {
    padding-left: 13px !important;
		font-size: 14px !important;
}
}


/** Start Block Kit CSS: 141-3-1d55f1e76be9fb1a8d9de88accbe962f **/

.envato-kit-138-bracket .elementor-widget-container > *:before{
	content:"[";
	color:#ffab00;
	display:inline-block;
	margin-right:4px;
	line-height:1em;
	position:relative;
	top:-1px;
}

.envato-kit-138-bracket .elementor-widget-container > *:after{
	content:"]";
	color:#ffab00;
	display:inline-block;
	margin-left:4px;
	line-height:1em;
	position:relative;
	top:-1px;
}
/* WhatsApp button style */
.whatsapp-float-btn {
  position: fixed !important;
  bottom: 70px !important;
  right: 20px !important;
  z-index: 9999999 !important;
  display: block !important;
}

/* Email button style */
.email-float-btn {
  position: fixed !important;
  bottom: 20px !important;
  right: 20px !important;
  z-index: 9999999 !important;
  display: block !important;
}

/* Responsive icon sizes on mobile */
@media (max-width: 480px) {
  .whatsapp-float-btn img,
  .email-float-btn img {
    width: 36px !important;
    height: auto !important;
  }
}

/** End Block Kit CSS: 141-3-1d55f1e76be9fb1a8d9de88accbe962f **/



/** Start Block Kit CSS: 144-3-3a7d335f39a8579c20cdf02f8d462582 **/

.envato-block__preview{overflow: visible;}

/* Envato Kit 141 Custom Styles - Applied to the element under Advanced */

.elementor-headline-animation-type-drop-in .elementor-headline-dynamic-wrapper{
	text-align: center;
}
.envato-kit-141-top-0 h1,
.envato-kit-141-top-0 h2,
.envato-kit-141-top-0 h3,
.envato-kit-141-top-0 h4,
.envato-kit-141-top-0 h5,
.envato-kit-141-top-0 h6,
.envato-kit-141-top-0 p {
	margin-top: 0;
}

.envato-kit-141-newsletter-inline .elementor-field-textual.elementor-size-md {
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}

.envato-kit-141-bottom-0 p {
	margin-bottom: 0;
}

.envato-kit-141-bottom-8 .elementor-price-list .elementor-price-list-item .elementor-price-list-header {
	margin-bottom: .5rem;
}

.envato-kit-141.elementor-widget-testimonial-carousel.elementor-pagination-type-bullets .swiper-container {
	padding-bottom: 52px;
}

.envato-kit-141-display-inline {
	display: inline-block;
}

.envato-kit-141 .elementor-slick-slider ul.slick-dots {
	bottom: -40px;
}

/** End Block Kit CSS: 144-3-3a7d335f39a8579c20cdf02f8d462582 **/



/** Start Block Kit CSS: 143-3-7969bb877702491bc5ca272e536ada9d **/

.envato-block__preview{overflow: visible;}
/* Material Button Click Effect */
.envato-kit-140-material-hit .menu-item a,
.envato-kit-140-material-button .elementor-button{
  background-position: center;
  transition: background 0.8s;
}
.envato-kit-140-material-hit .menu-item a:hover,
.envato-kit-140-material-button .elementor-button:hover{
  background: radial-gradient(circle, transparent 1%, #fff 1%) center/15000%;
}
.envato-kit-140-material-hit .menu-item a:active,
.envato-kit-140-material-button .elementor-button:active{
  background-color: #FFF;
  background-size: 100%;
  transition: background 0s;
}

/* Field Shadow */
.envato-kit-140-big-shadow-form .elementor-field-textual{
	box-shadow: 0 20px 30px rgba(0,0,0, .05);
}

/* FAQ */
.envato-kit-140-faq .elementor-accordion .elementor-accordion-item{
	border-width: 0 0 1px !important;
}

/* Scrollable Columns */
.envato-kit-140-scrollable{
	 height: 100%;
   overflow: auto;
   overflow-x: hidden;
}

/* ImageBox: No Space */
.envato-kit-140-imagebox-nospace:hover{
	transform: scale(1.1);
	transition: all 0.3s;
}
.envato-kit-140-imagebox-nospace figure{
	line-height: 0;
}

.envato-kit-140-slide .elementor-slide-content{
	background: #FFF;
	margin-left: -60px;
	padding: 1em;
}
.envato-kit-140-carousel .slick-active:not(.slick-current)  img{
	padding: 20px !important;
	transition: all .9s;
}

/** End Block Kit CSS: 143-3-7969bb877702491bc5ca272e536ada9d **/

.top-section {
  background-color: black; /* Blue background */
  padding: 100px 20px;
  position: relative;
  z-index: 1;
}


.elementor-7253 .elementor-element.elementor-element-6d387f8 .wpr-grid-item-time .inner-block span[class*="wpr-grid-extra-text"] {
    color: #9C9C9C;
    display: none;
}


.elementor-7253 .elementor-element.elementor-element-6d387f8 .wpr-grid-filters {
    display: block;
    text-align: center;
    margin-bottom: 61px;
    padding: 0px 0px 0px 0px;
}

.scroll-class {
  max-height: 500px;
  overflow-y: auto;
  overflow-x: hidden;
}

/* WebKit Browsers (Chrome, Edge, Safari) */
.scroll-class::-webkit-scrollbar {
  width: 6px; /* You can adjust this size */
}

.scroll-class::-webkit-scrollbar-track {
  background: transparent; /* No background for track */
}

.scroll-class::-webkit-scrollbar-thumb {
  background-color: #265f9d; /* Blue scroll line */
  border-radius: 4px;
}

/* Firefox */
.scroll-class {
  scrollbar-width: thin;
  scrollbar-color: #265f9d transparent; /* Blue thumb, transparent track */
}

@media (max-width: 300px) {
  .scroll-class {
    max-height: 200px;
  }
}

.contact_form input[type="text"],
.contact_form input[type="email"],
.contact_form input[type="tel"],
.contact_form select,
.contact_form textarea {
  width: 100%;
  padding: 12px 15px;
  margin-bottom: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 16px;
}

.contact_form textarea {
  min-height: 30px;
	margin-top:10px;
  resize: vertical;
}

.sumitbtnsk input[type="submit"] {
  background-color: #007bff;
  color: #fff;
  border: none;
  padding: 12px 20px;
  font-size: 16px;
  border-radius: 4px;
  cursor: pointer;
}

.sumitbtnsk input[type="submit"]:hover {
  background-color: #0056b3;
}

.news-media-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 3 columns */
    gap: 20px;
    margin-top: 20px;
}

.news-item {
    border: 1px solid #ddd;
    padding: 15px;
    border-radius: 8px;
    background-color: #f9f9f9;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.news-item h5 {
    font-size: 16px;
    margin: 10px 0;
		font-family:"Open Sans", sans-serif;
}

.news-item p {
    font-size: 14px;
    line-height: 1.5;
	font-family:"Open Sans", sans-serif;

}

.news-item .read-more {
    display: inline-block;
    margin-top: 10px;
    padding: 6px 12px;
    background-color: #255e9d;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
    font-size: 14px;
		font-family:"Open Sans", sans-serif;
}

.news-item .read-more:hover {
    background-color: #255e9d;
}

.news-image img {
    width: 100%;
    height: auto;
    border-radius: 6px;
}

/* Responsive */
@media screen and (max-width: 992px) {
    .news-media-wrapper {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media screen and (max-width: 600px) {
    .news-media-wrapper {
        grid-template-columns: 1fr;
    }
}

.newsletter-form {
  display: flex;
  align-items: center;  /* vertically center input + button */
  gap: 10px;            /* space between input and button */
  flex-wrap: nowrap;     /* prevent wrapping */
}

/* Target email input inside CF7 wrapper */
.newsletter-form span.wpcf7-form-control-wrap {
  display: inline-block;
}

.newsletter-form input.wpcf7-form-control.wpcf7-email {
  width: 650px;
  padding: 10px;
  display: inline-block;
}

/* Target submit button inside CF7 wrapper */
.newsletter-form input.wpcf7-form-control.wpcf7-submit {
  width: 150px;
  padding: 10px 0; 
  background-color: #0073aa;
  color: #fff;
  border: none;
  cursor: pointer;
  display: inline-block;
	border-radius:8px;
}

.newsletter-form input.wpcf7-form-control.wpcf7-submit:hover {
  background-color: #005f8d;
}

/* ------------------------------
   Category Filter Tabs
------------------------------ */
.post-filter-tabs {
  text-align: center;
  margin-bottom: 30px;
}

.filter-btn {
  background: #f4f4f4;
  border: none;
  padding: 10px 20px;
  margin: 5px;
  border-radius: 4px;
  cursor: pointer;
  font-weight: 500;
  transition: all 0.3s ease;
}

.filter-btn:hover,
.filter-btn.active {
  background: #0073e6;
  color: #fff;
}

/* ------------------------------
   Latest Posts Grid Layout
------------------------------ */
.latest-posts-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr); 
  gap: 25px;
}

/* Responsive Adjustments */
@media (max-width: 992px) {
  .latest-posts-grid {
    grid-template-columns: repeat(2, 1fr); 
  }
}

@media (max-width: 600px) {
  .latest-posts-grid {
    grid-template-columns: 1fr; 
  }
}

/* ------------------------------
   Individual Post Items
------------------------------ */
.latest-post-item {
	font-size: 13px!important;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 8px;
  padding: 20px;
  text-align: left;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.latest-post-item:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  transform: translateY(-3px);
}

/* ------------------------------
   Post Thumbnail
------------------------------ */
.latest-post-thumb img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  border-radius: 6px;
  margin-bottom: 15px;
}

/* ------------------------------
   Post Content
------------------------------ */
.latest-post-date {
  font-size: 13px;
  color: #888;
  margin-bottom: 8px;
}

.latest-post-title a {
	 font-size: 15px!important;
  color: #222;
  text-decoration: none;
  font-weight: bold;
  font-size: 16px;
  line-height: 25px;
  transition: color 0.3s ease;
}

.latest-post-title a:hover {
  color: #0073e6;
}

.latest-post-excerpt {
  color: #555;
  margin-top: 10px;
  flex-grow: 1;
	 font-size: 15px;
}

/* ------------------------------
   Read More Button
------------------------------ */
.read-more-btn {
  display: inline-block;
  margin-top: 10px;
  color: #0073e6;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.3s ease;
}

.read-more-btn:hover {
  color: #005bb5;
}


/* Read More Button */
.read-more-button {
    display: inline-block;
    padding: 10px 20px;          /* button size */
    background-color: #0073aa;   /* button color */
    color: #fff;                 /* text color */
    font-weight: 600;
    text-decoration: none;       /* remove underline */
    border-radius: 5px;          /* rounded corners */
    transition: all 0.3s ease;  /* smooth hover effect */
    margin-top: 10px;            /* space above button */
}

/* Hover Effect */
.read-more-button:hover {
    background-color: #005177;   /* darker on hover */
    color: #ffffff;              /* text color remains white */
    transform: translateY(-2px); /* subtle lift effect */
    box-shadow: 0 4px 10px rgba(0,0,0,0.15); /* shadow on hover */
}

/* Optional: Add focus effect for accessibility */
.read-more-button:focus {
    outline: 2px solid #005177;
    outline-offset: 2px;
}