:root {
  /* ===== Brand palette ===== */
  --primary-color: #0b73a2;         /* blue — buttons, links, accents */
  --primary-color-light: #4fa3cc;   /* lighter blue — hovers, badges, soft fills */
  --primary-color-dark: #075277;    /* darker blue — pressed states, deep accents */

  --accent-color: #d2205e;          /* magenta — highlights, emergency/CTA emphasis */
  --accent-color-light: #e85f8f;    /* lighter magenta — tags, hover glows */
  --accent-color-dark: #9c1747;     /* darker magenta — pressed/active accent */

  --dark: #6b7175;                  /* neutral grey — secondary text, borders */
  --secondary-color: #4a4e51;       /* darker grey — body copy */
  --heading-color: #1c2528;         /* near-black navy-grey — headings */
  --light-color: #f4f6f7;           /* off-white — light backgrounds */

  --green-color: #0abd3f;           /* kept for "success/online" status */

  --radius-8: 8px;
  --radius-10: 10px;
  --radius-12: 12px;
  --radius-16: 16px;
  --radius-20: 20px;

  --font-size-h1: 2.5rem;
  --font-size-h2: 2rem;
  --font-size-h3: 1.75rem;
  --font-size-h4: 1.5rem;
  --font-size-h5: 1.25rem;
  --font-size-p: 1rem;

  --font-weight-h1: 700;
  --font-weight-h2: 600;
  --font-weight-h3: 600;
  --font-weight-h4: 500;
  --font-weight-h5: 500;
  --font-weight-p: 400;

  /* Dark "terminal / hero" surface */
  --ink: #0B1220;
  --ink-text: #E8EAF0;
  --ink-2: #121B2E;
  --ink-3: #1B2740;
  --line-dark: rgba(255, 255, 255, 0.10);

  /* ===== Legacy aliases — map old var names → new palette ===== */
  --blue-600: var(--primary-color);
  --violet-500: var(--accent-color);
  --violet-400: var(--accent-color-light);

  --navy-950: var(--heading-color);
  --white: var(--light-color);

  --slate-900: var(--secondary-color);
  --slate-600: var(--secondary-color);
  --slate-500: var(--dark);
  --slate-400: var(--dark);
  --slate-200: #d7dadc;
  --slate-100: var(--light-color);

  --green-500: var(--green-color);
  --green: var(--green-color);

  --red-500: var(--accent-color);
  --red: var(--accent-color);
  --amber-500: #c98a1f;
  --amber: #d1205e;

  --ink-faint: var(--dark);
  --ink-soft: #b9c2c6;

  /* Gradients rebuilt from the new tokens — blue → magenta reads as your brand gradient */
  --grad-accent: linear-gradient(135deg, var(--primary-color), var(--accent-color));
  --grad-dark: linear-gradient(135deg, var(--ink), var(--ink-2));

  --radius-sm: var(--radius-8);
  --radius-md: var(--radius-12);
  --radius-lg: var(--radius-20);

  --container: 1200px;
  --shadow-md: 0 20px 45px -15px rgba(28, 37, 40, 0.25);
  
   /* ===== Additional aliases needed by the Pricing section ===== */
  --paper-soft: var(--dark);              /* muted grey text — price-desc, price-amount span */
  --paper-text: var(--secondary-color);   /* body text inside the feature list */
  --line-light: rgba(28, 37, 40, 0.12);   /* card border, based on your heading-color tone */

  
}
.wrap {
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 28px;
}


.alight {
  color: var(--light-color);
}

.fw7 {
  font-weight: var(--font-weight-h1);
}
.fw6 {
  font-weight: var(--font-weight-h2) !important;
}
.fw5 {
  font-weight: var(--font-weight-h3) !important;
}
.fw4 {
  font-weight: var(--font-weight-h4) !important;
}
h5 {
  font-weight: var(--font-weight-h5);
}
p {
  font-size: var(--font-size-p);
  font-weight: var(--font-weight-p);
}
.rad-8 {
  border-radius: var(--radius-8);
}
.rad-10 {
  border-radius: var(--radius-10);
}
.rad-12 {
  border-radius: var(--radius-12);
}
.rad-16 {
  border-radius: var(--radius-12);
}
.rad-20 {
  border-radius: var(--radius-20);
}
.text-pc {
  color: var(--primary-color) !important;
}
.text-sc{
    color: var(--secondary-color) !important;
}
.head-pc {
  color: var(--heading-color);
}
.bg-pclg {
  background-color: var(--primary-color-light);
}
.text-pclg {
  color: var(--primary-color-light);
}
.bg-pc {
  background-color: var(--primary-color) !important;
}
/*.bg-sc{
    background-color: var(--secondary-color) !important;
}*/
.bg-green{
    background-color: var(--green-color) !important;
}
.btn-pc {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
  color: #fff;
}
.btn-pc:hover {
  background-color: var(--primary-color-dark);
  border-color: var(--primary-color-dark);
}
body {
  overflow-x: hidden;

}
#main {
  margin-top: 0 !important;
}
.btn-rnd {
     display: inline-block;
    border-radius: 7px;
    padding: 10px 15px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    transition: all 0.4s;
    border: none;
    font-size: 14px;
}
@media screen and (max-width: 768px) {
  .slide-content {
    margin-top: 100px;
  }
  .slide-content a {
    border: 1px solid #2d3951;
    padding: 6px 10px;
    border-radius: 50px;
    color: #2d3951;
    font-size: 14px;
  }
  li.menu-item-has-children.has-dropdown:hover ul.dropdown-menu {
    width: 100% !important;}
 
  li.menu-item-has-children.has-dropdown > a:before {
    top: 18px !important;
  }
  .slide.slick-slide {
    height: 300px !important;
  }
  ul#menu-primary-menu > li > .nav-link{
   
    padding: 8px !important;
}
   ul#menu-primary-menu > li {
          border-bottom: 1px solid #dadbdc;
    }
      ul#menu-primary-menu > li:last-child {
        border-bottom: 0;
    }
}

/* media end*/
p, ul {
  color: #747474;
}
.navbar-toggler:focus {
  box-shadow: none !important;
}

.slide.slick-slide {
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}
ul#menu-primary-menu > li > .nav-link {
    font-size: 18px;
    color: #0a74a1;
    padding: 34px 12px;
}
ul#menu-primary-menu > li > .nav-link:hover {
    color: #ce265e;
}
li.menu-item-has-children.has-dropdown:hover ul.dropdown-menu {
    display: block;
    background: #4b433d;
    width: 20%;
    border-radius: 10px;
}
ul.dropdown-menu li:hover a {
  color: #bdac95;

}
.navbar-nav .dropdown-menu li:first-child:hover a {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.navbar-nav .dropdown-menu li:last-child:hover a {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
li.menu-item-has-children.has-dropdown a {
  position: relative;
}
li.menu-item-has-children.has-dropdown > a:before {
    content: "\f078" !important;
    font: normal normal normal 14px / 1 FontAwesome;
    font-size: 8px;
    top: 46px;
    position: absolute;
    width: 20px;
    height: 10px;
    text-align: right;
    right: 0px;
}
ul#menu-main-nav > li > a {
  font-size: 14px;
  color: #322c46;
  font-weight: 600;
  padding-left: 0 !important;
  margin-right: 5px;
}
nav#header {
  background: #fff;
  z-index: 99;
  padding: 0;
}
.top-header {
  background: #d74646;
}
button.navbar-toggler i {
  color: #2d3951;
}
.fixed-top {
  background: #fff;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, .15);
}
header.main-header.fixed-top .phone {
  border: 1px solid #2d3951;
}
header.main-header{
       transition: .25s ease-in;
}
header.main-header.fixed-top {
    transition: .5s;
   border-bottom: 4px solid #0b73a2 !important;
 
}
/*
.home ul#menu-primary-menu > li > .nav-link {
  color: #fff;
}*/
/* top hdr css*/
ul.top-right a {
  font-size: 20px;
}
.home header .phone {
  border: 1px solid #fff;
}
header .phone {
  min-width: 174px;
  display: flex;
  border: 1px solid #2d3951;
  padding: 10px;
  text-align: center;
  justify-content: center;
  border-radius: 50px;
}
.home .fixed-top ul#menu-primary-menu > li > .nav-link {
  color: #333;
}
.phone {
  float: right;
  margin: 0;
}
.mbl-icn i {
  width: 40px;
  height: 40px;
  background: #2d3951;
  border-radius: 50px;
  margin-right: 14px;
  font-size: 30px;
  color: #fff;
  padding: 5px 14px;
}
.phone small {
  margin-top: 3px;
  font-size: 14px;
  line-height: 1;
}
.phone small, .phone a {
  display: block;
  color: #2d3951;
}
.phone a {
  font-size: 14px;
  letter-spacing: 0.05em;
  font-weight: 500;
  text-transform: uppercase;
}
.dropdown-item.active, .dropdown-item:active {
  background: #fff !important;
  color: #091636 !important;
  border: 0 !important;
}
ul.dropdown-menu {
  border: 0;
  top: 76px;
  border-radius: 0;
  padding: 0;
}
ul.dropdown-menu li {
  border-bottom: 1px solid #f5f0e9;
  padding: 2px;
  font-size: 14px;
}
ul.dropdown-menu li:last-child {
  border-bottom: 0px
}
ul.dropdown-menu li a {
  color: #f5f0e9;
  padding: 5px;
}
div#navbar ul#menu-main-nav > li {
  padding: 20px 8px;
}
.grid-row.cntpgfrm .col-lg-12.col-tb-12:last-child p {
  margin-bottom: 0;
}
.banner-slider ul.slick-dots {
  bottom: 15px !important;
}
.banner-slider .slick-dots li{
    width: 10px;
    heigh: 10px;
}

.banner-slider .slick-dots li button, .banner-slider-mob .slick-dots li button {
  width: 10px;
  height: 10px;
  background: #d2d1d1;
  border-radius: 20px;
}
.banner-slider li.slick-active button, .banner-slider-mob li.slick-active button {
  background: #2d3951;
}
.banner-slider .slick-dots li.slick-active button:before, .banner-slider-mob .slick-dots li.slick-active button:before {
  opacity: 0;
}
.banner-slider .slick-dots li button:before {
  opacity: 0;
}
.banner-slider .slick-dots li button:before {
  color: transparent;
}
.slide-content h1 span {
  color: #fff;
}
.teg-btn a {
  border: 1px solid #2d3951;
  padding: 10px 20px;
  border-radius: 50px;
  color: #2d3951;
  text-transform: uppercase;
  text-align: center;
}
.bstsrv .accordion-button:after {
  filter: brightness(50);
}
.header1-buttons .contact-btn {
  display: flex;
  align-items: center;
  margin-right: 24px;
}
.header1-buttons .contact-btn .icon {
  height: 38px;
  width: 38px;
  text-align: center;
  line-height: 38px;
  border-radius: 50%;
  background-color: #E7EBF7;
  margin-right: 10px;
}
.header1-buttons .contact-btn .headding p {
  font-size: 12px;
  line-height: 12px;
  margin-bottom: 0px;
  color: #676879;
}
.header1-buttons .contact-btn .headding a {
  font-size: 16px;
  line-height: 16px;
  font-weight: 700;
  color: #0D0E10;
  display: inline-block;
  margin-top: 10px;
}


/* country */
.lnguag li.nav-item.dropdown > a {
    padding: 26px 16px !important;
}
.lnguag li.nav-item.dropdown > a:before {
    content: "\f078" !important;
    font: normal normal normal 14px / 1 FontAwesome;
    font-size: 10px;
    top: 36px;
    position: absolute;
    width: 20px;
    height: 10px;
    text-align: right;
    right: 0;
}

/* Hide Google Translate top bar */
iframe#\:2\.container {
    display: none !important;
} 
body{
     top: 0px !important;
}
 span.text {
    color: #2d3951;
}
img.goog-te-gadget-icon {
    display: none !important;
}
.bg-sc {
    background-color: var(--secondary-color);
}