@font-face {
  font-family: 'vladimir_scriptregular';
  src: url("../fonts/vladimir-webfont.woff2") format("woff2"), url("../fonts/vladimir-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

body,
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
  /*font-family: Roboto;*/
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 18px;
  font-weight: 400;
  transition: all 0.35s ease 0s;
  color: #1f2937; }
  @media (min-width: 768px) and (max-width: 991px) {
    body {
      font-size: 17px; } }
  @media (max-width: 767px) {
    body {
      font-size: 16px; }
    header {
	/* background-color: rgba(255,0,0, 1); */
	/* position: fixed; */
	/* z-index: 10; */
	width: 100%;
	/* opacity: 0.1; */
	/* height: 100px; */
}
	  }

/* Global typography scale for content sections */
section.about .about-left > h1,
section.contact .contact-pan > h1 {
    font-size: 44px;
    line-height: 1.2;
    font-weight: 600;
}
section.about .about-left > h2,
section.about .service > h2,
section.contact .contactAddress > h2 {
    font-size: 32px;
    line-height: 1.25;
    font-weight: 600;
}
section.about .about-left > h3,
section.contact .contact-pan > h3 {
    font-size: 24px;
    line-height: 1.3;
    font-weight: 600;
}
@media (max-width: 767px) {
    section.about .about-left > h1,
    section.contact .contact-pan > h1 {
        font-size: 36px;
    }
    section.about .about-left > h2,
    section.about .service > h2,
    section.contact .contactAddress > h2 {
        font-size: 28px;
    }
    section.about .about-left > h3,
    section.contact .contact-pan > h3 {
        font-size: 22px;
    }
}

a:hover {
  text-decoration: none; }

/*Header Top Black Bar CSS goes bellow*/
section.header_top_bar {
  background-color: #000000;
  /*this veriable declared in partial _color.scss file*/ }
  section.header_top_bar a {
    color: #555555;
    /*This veriable declared in this file above*/
    font-size: 12px; }
    @media (max-width: 767px) {
      section.header_top_bar a {
        display: block; } }
  section.header_top_bar .fa {
    font-size: 1.6em; }
  section.header_top_bar i.fa-envelope,
  section.header_top_bar i.fa-mobile {
    color: #0f7dc2;
    /*this veriable declared in partial _color.scss file*/ }
  section.header_top_bar a.address-link,
  section.header_top_bar a.phone-link {
    margin-right: 20px;
    line-height: 30px;
    color: #C6C6C6; }
  section.header_top_bar div.social-icons ul {
    margin-bottom: 0px; }
    section.header_top_bar div.social-icons ul li {
      margin-right: 1px;
      background: #000000;
      /*this veriable declared in partial _color.scss file*/
      padding-left: 0px;
      padding-right: 0px; }
      section.header_top_bar div.social-icons ul li a i {
        color: #C6C6C6;
        background: #1E1E1E;
        /*this veriable declared in partial _color.scss file*/
        padding: 7px; }
      section.header_top_bar div.social-icons ul li a i:hover {
        color: #0f7dc2;
        /*this veriable declared in partial _color.scss file*/ }

/*CSS for Header section goes bellow*/
header {
	/* background-color: rgba(255,0,0, 1); */
	position: fixed;
	z-index: 10;
	width: 100%;
	/* opacity: 0.1; */
}
  @media (max-width: 767px) {
    header {
	width: 100%;
    position: initial;	
}
    #collapsable-menu {
        background: #17192c;
    }
  }
section.pageTitle {
	min-height: clamp(280px, 38vw, 420px);
	background-color: #000000;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
    padding-left: 0px !important;
    padding-right: 0px !important;
    display: flex;
    align-items: center;
}

.service-boxs {
	/* display: inline-block; */
	padding-top: 25px;
}

.grow {
    -webkit-transition: all .6s ease 0s;
    -moz-transition: all .6s ease 0s;
    -ms-transition: all .6s ease 0s;
    -o-transition: all .6s ease 0s;
    transition: all .6s ease 0s;
	padding: 15px;
}

.post, .post-left, .post-right {
    -ms-opacity: 0;
    opacity: 0;
    -webkit-transition: all 1.5s ease 0s;
    -moz-transition: all 1.5s ease 0s;
    -ms-transition: all 1.5s ease 0s;
    -o-transition: all 1.5s ease 0s;
    transition: all 1.5s ease 0s;
}

.visible {
    -ms-opacity: 1;
    opacity: 1;
}

.service-boxs > ul > li {
	/*border-right: 1px solid #26B864;
	border-bottom: 1px solid #26B864;
    border: 1px solid #0f7dc2;*/
}
.service-boxs > ul > li {
	padding-bottom: 15px;
	padding-top: 15px;
	/* height: 310px; */
	/*background: snow;*/
}
.service-boxs > ul > li .grow {
    background: snow;
    -webkit-box-shadow: 0px 0px 5px #efefef;
    -ms-box-shadow: 0px 0px 5px #efefef;
    box-shadow: 0px 0px 5px #efefef;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.service-boxs > ul > li:hover .grow {
    background: #ffffff;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
}

.service-boxs > ul > li:hover {
    -webkit-box-shadow: 0px 0px 6px #18a1f7;
    -ms-box-shadow: 0px 0px 6px #18a1f7;
    box-shadow: 0px 0px 6px #18a1f7;
}

.service-boxs > ul > li h4 {
	color: #0f7dc2;
	font-size: 28px;
}
.service-boxs > ul > li h3 {
	margin-top: 9px;
	margin-bottom: 9px;
	text-align: left;
	padding-left: 6%'
}
.service-list-item {
	font-size: 17px;
	 /*font-family: Roboto;*/
	 font-weight: 400;
}
.service-list-item span {
	color: #0f7dc2;
	font-size: 12px;
}

.service-item {
	font-size: 20px;
	/*font-family: Roboto;*/
	font-weight: 400;
	margin: 11px;
}
.service-item span,
.service-item i {
	color: #0f7dc2;
	font-size: 14px;
}
.grow:hover {
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -o-transform: scale(1.08);
    transform: scale(1.08);
}

.service-section {
	margin-bottom: 20px;
}

.tc-support {
    margin:5px;
}

section .banner-bottom-bar {

    /*background: #0f7dc2;*/
    color: #fff;
    text-align: center;
    -ms-text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}

section .banner-bottom-bar h3, section .banner-bottom-bar .banner-info h1, section .banner-info .banner-bottom-bar h1, section .banner-bottom-bar .banner-info p, section .banner-info .banner-bottom-bar p {
	/*line-height: 45px;*/
	/* margin: 5px auto; */
	/*font-family: Roboto;*/
	/* color: #ffffff; */
	font-size: 50px;
}
   section .banner-bottom-bar p {
      font-size: 30px;
      line-height: 1.4;
      /*font-family: Roboto;*/
   }

.partner img {
	border: 1px solid #f2ebf2;
}
/*.service-boxs ul li:nth-child(3), .service-boxs ul li:nth-child(6) {
	border-right: 0px solid;
}

.service-boxs ul li:nth-child(4), .service-boxs ul li:nth-child(5), .service-boxs ul li:nth-child(6) {
	border-bottom: 0px solid;
}*/

.contactAddress img {
	width: 100%;
	margin-top: 40px;
}

.contactAddress {
    background: transparent;
    margin-top: 0;
    min-height: 0;
    text-align: left;
    padding: 16px 20px;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
}

.contact-pan h1 {
    color: #0f7dc2 !important;
    background: transparent !important;
    height: auto;
    padding-top: 0;
    font-weight: 600;
    border-bottom: 2px solid #0f7dc2;
    padding-bottom: 10px;
    margin-bottom: 16px;
}

.contactAddress h2 {
    color: #0f7dc2 !important;
    background: transparent !important;
    height: auto;
    padding-top: 0;
    font-weight: 600;
    border-bottom: 2px solid #e2e8f0;
    padding-bottom: 8px;
    margin-bottom: 14px;
    margin-top: 0;
}

.contactForm h2 {
    margin-bottom: 15px !important;
}

/* Desktop: align contact columns to top, prevent dead space under short left column */
@media (min-width: 768px) {
    .contact-pan .row {
        display: flex;
        align-items: flex-start;
    }
    .contactAddress.col-sm-5 {
        padding-top: 6px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    section.pageTitle {
      background-attachment: initial;
      background-size: cover; 
      padding-right: 0px !important;
      padding-left: 0px !important;
    }
    section .banner-bottom-bar h3, section .banner-bottom-bar .banner-info h1, section .banner-info .banner-bottom-bar h1, section .banner-bottom-bar .banner-info p, section .banner-info .banner-bottom-bar p {
	line-height: 45px;
	/*font-family: Roboto;*/
	font-weight: 600;
	font-size: 46px;

}
    section .banner-bottom-bar p {
	font-size: 22px;
	line-height: 1.4;
	/*font-family: Roboto;*/
	font-weight: 400;
}
}

  @media (max-width: 767px) {
   section.pageTitle {
	height: auto;
	background-size: cover;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

    section .banner-bottom-bar h3, section .banner-bottom-bar .banner-info h1, section .banner-info .banner-bottom-bar h1, section .banner-bottom-bar .banner-info p, section .banner-info .banner-bottom-bar p {
	line-height: 30px;
	/*font-family: Roboto;*/
	font-weight: 600;
	color: #ffffff;
	font-size: 18px;
    }
    section .banner-bottom-bar p {
	font-size: 14px;
	line-height: 1.4;
	/*font-family: Roboto;*/
	font-weight: 400;
    }

    .service-list-item {
	font-size: 14px;
	/*font-family: Roboto;*/
	font-weight: 400;
}

  }
 section.pageTitle::after {
	content: "";
	background: linear-gradient(180deg, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.35) 60%, rgba(0,0,0,0.6) 100%);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
 section.pageTitle div.pageTitleBlock {
	position: relative;
	left: 0;
	width: 100%;
	height: auto;
	z-index: 2;
	top: auto;
}
    @media (max-width: 767px) {
   section.pageTitle div.pageTitleBlock {
	position: relative;
	height: auto;
	z-index: 2;
	top: auto;
}
    }
    section.pageTitle div.pageTitleBlock .container {
      z-index: 5; }
      section.pageTitle div.pageTitleBlock .container h2 {
        color: #ffffff; }
      section.pageTitle div.pageTitleBlock .container .breadcrumb {
        padding: 0px 15px 0px 0px;
        margin-bottom: 20px;
        list-style: none;
        background-color: transparent;
        border-radius: 4px; }
      section.pageTitle div.pageTitleBlock .container .breadcrumb > li + li::before,
      section.pageTitle div.pageTitleBlock .container .breadcrumb > li {
        color: #0f7dc2; }
  section.pageTitle.indexPage {
    background-image: url(../img/index-banner.jpg);
  }
   section.pageTitle.contactPage {
    background-image: url(../img/contact/contact-bg.jpeg); 

   }

   section.pageTitle.servicePage {
    background-image: url(../img/service/service-bg.jpg); }
  section.pageTitle.aboutUs {
    background-image: url(../img/about/about-title.jpg); }
  section.pageTitle.blogPage {
    background-image: url(../img/blog/Blog.jpg); }
  section.pageTitle.gallery {
    background-image: url(../img/gallery/gallery.jpg); }
  section.pageTitle.menuPage {
    background-image: url(../img/menu/Menu.png); }

button.btn {
  position: relative;
  z-index: 2;
  font-size: 18px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  border: 1px solid rgba(236, 73, 94, 0.2);
  background: #ffffff; }

.reademoreButton {
	font-size: 15px !important;
}
  button.btn:hover {
    color: #ffffff; }
  button.btn:after {
    content: "";
    width: 0%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background: #3c9bd7;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    display: inline-block;
    border-radius: 3px; }
  button.btn:hover:after {
    width: 100%;
    z-index: -2; }

/*This CSS code is to stylize MENU BAR*/
.affix-top {
	background: rgba(9, 44, 96, 0.01);
	transition: all 0.7s ease 0s;
	/* opacity: .1; */
	/* color: #ffffff; */
}
 .affix-top .logo img {
	max-width: 100%;
	margin: 23px;
	transition: all 0.7s ease 0s;
	/*height: 64px;*/
}

.affix {
	width: 100%;
	z-index: 110;
	background: #17192C;
	top: 0;
	transition: all 0.7s ease 0s;
}
 .affix .logo img {
	max-width: 95%;
	margin: 10px 5px 2px 5px;
	transition: all 0.7s ease 0s;
}
  .affix nav {
    margin-top: 15px; }

@media (max-width: 767px) {
  .logo {
    margin-top: 10px; }
  .affix-top {
	background: #17192C;
	transition: all 0.7s ease 0s;	 
}
  .affix-top .logo img {
	max-width: 100%;
	margin: 7px;
	transition: all 0.7s ease 0s;
	/*height: 64px;*/
}

  /*.affix {
	width: 94%;	
}*/
}

@media (min-width: 1200px) {
  nav {
    margin-top: 30px; } }
@media (min-width: 768px) and (max-width: 991px) {
  nav {
    margin-top: 25px; } }
@media (max-width: 767px) {
  nav {
    background: #135460;
    min-height: 0px !important; } }
nav > div.row {
  float: right; }
  @media (max-width: 767px) {
    nav > div.row {
      float: initial; } }
nav button.navbar-toggle {
  background: #0f7dc2; }
  nav button.navbar-toggle .icon-bar {
    background: #000000; }
@media (max-width: 767px) {
  nav .navbar-header {
    position: absolute;
    right: 0;
    top: -62px; }
.navbar-toggle {
    margin-top: 17px;
}
}
/*nav li.active > a {
	
}*/
@media (max-width: 767px) {
  nav li {
    border-bottom: 1px solid #aeaeae; }
    nav li:last-child {
      border-bottom: 0px; } }
nav li a {
	color: #fff;
	font-size: 15px;
	transition: all 1s;
	/* font-weight: bold; */
	/* padding-bottom: 5px !important; */
}
  /*@media (min-width: 768px) and (max-width: 991px) {
    nav li a {
      font-size: 13px;
      padding: 10px 9px !important; } }
  @media (max-width: 767px) {
    nav li a {
      color: #F0F0F0; } }*/
nav li a:hover, nav li a:focus {
	color: #fff !important;
	background: none !important;
}

nav .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
	color:#fff !important; 
	text-decoration: none;
	background-color: #17192C!important;
}
  /*@media (max-width: 767px) {
    nav li a:hover,
    nav li a:focus {
      color: #000000;
      background: #0f7dc2 !important; } }*/
nav li.dropdown i.fa-angle-down {
  /* Rotate div */
  -ms-transform: rotate(-90deg);
  /* IE 9 */
  -webkit-transform: rotate(-90deg);
  /* Chrome, Safari, Opera */
  transform: rotate(-90deg);
  margin-left: 10px; }
  @media (max-width: 767px) {
    nav li.dropdown i.fa-angle-down {
      margin-left: 2px; } }
nav li.dropdown.open i.fa-angle-down {
  /* Rotate div */
  -ms-transform: rotate(-180deg);
  /* IE 9 */
  -webkit-transform: rotate(-180deg);
  /* Chrome, Safari, Opera */
  transform: rotate(-180deg);
  transition: all 0.5s; }
nav li.dropdown ul.dropdown-menu {
  background: #fff; }
  nav li.dropdown ul.dropdown-menu li {
    border-bottom: 1px solid #aeaeae; }
    nav li.dropdown ul.dropdown-menu li:last-child {
      border-bottom: 0px; }
    @media (max-width: 767px) {
      nav li.dropdown ul.dropdown-menu li {
        margin-left: 20px; } 
    }
nav li.dropdown ul.dropdown-menu li a {
	color: #17192C;
	padding: 5px !important;
}
    nav li.dropdown ul.dropdown-menu li:hover {
      background: #0f7dc2; }
      @media (max-width: 767px) {
	      nav li.dropdown ul.dropdown-menu li a {
	color: #fff;
	padding: 5px !important;
}
    }
nav li.dropdown a i.fa-angle-down {
  font-weight: bold;
  transition: all 0.5s; }
nav li.open:focus,
nav li.open:hover {
  background: transparent !important; }

/*This CSS code is to stylize the BANNER section*/
section.banner {
  position: relative;
  background-image: url(../img/contact/Contact-us.jpg); 
}
  @media (max-width: 767px) {
    section.banner img {
      min-height: 300px; } }
  section.banner .banner-holder {
    position: relative; }
  section.banner #wowslider-container1 {
    margin: 0px; }
  section.banner .banner-info {
    position: absolute;
    left: 0;
    top: 25%;
    z-index: 100; }
    section.banner .banner-info h3, section.banner .banner-info h1, section.banner .banner-info p {
      font-family: "vladimir_scriptregular";
      font-size: 60px;
      color: #ffffff;
      margin-top: 10%;
      text-shadow: 0 7px 4px #000000; }
      @media (min-width: 992px) and (max-width: 1199px) {
        section.banner .banner-info h3, section.banner .banner-info h1, section.banner .banner-info p {
          font-size: 44px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        section.banner .banner-info h3, section.banner .banner-info h1, section.banner .banner-info p {
          font-size: 39px; } }
      @media (max-width: 767px) {
        section.banner .banner-info h3, section.banner .banner-info h1, section.banner .banner-info p {
          font-size: 29px; } }
    section.banner .banner-info h1, section.banner .banner-info p {
      /*font-family: Roboto;*/
      margin-top: 20px;
      font-weight: bold; }
      @media (min-width: 992px) and (max-width: 1199px) {
        section.banner .banner-info h1, section.banner .banner-info p {
          font-size: 44px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        section.banner .banner-info h1, section.banner .banner-info p {
          font-size: 39px; } }
      @media (max-width: 767px) {
        section.banner .banner-info h1, section.banner .banner-info p {
          font-size: 24px; } }
    section.banner .banner-info p {
      font-size: 24px;
      margin-top: 0px;
      font-weight: normal; }
      @media (min-width: 992px) and (max-width: 1199px) {
        section.banner .banner-info p {
          font-size: 19px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        section.banner .banner-info p {
          font-size: 14px; } }
      @media (max-width: 767px) {
        section.banner .banner-info p {
          font-size: 15px; } }
    section.banner .banner-info .btn-book {
      background: #f89922;
      color: #ffffff;
      margin-top: 2%;
      padding: 10px 30px;
      font-size: 18px; }
      @media (min-width: 992px) and (max-width: 1199px) {
        section.banner .banner-info .btn-book {
          padding: 7px 20px;
          font-size: 16px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        section.banner .banner-info .btn-book {
          padding: 7px 20px;
          font-size: 16px; } }
  
/*This CSS code is to stylize the ABOUT section*/
/*This code is todesign ABOUT section*/
section.about {
	padding-top: 60px;
	padding-bottom: 20px;
}
.about-page img {
	width: 100%;
	height: 500px;
	margin-top: 12px;
}

.about-page h2 {
    color:#0f7dc2;
}
  section.about .about-left {
    font-weight: 400; }
    section.about .about-left h2,
    section.about .about-left h1,
    section.about .about-left section.banner .banner-info p,
    section.banner .banner-info section.about .about-left p {
      font-weight: 600;
      margin: 7.5px 0px; }
   section.about .about-left h1, section.about .about-left section.banner .banner-info p, section.banner .banner-info section.about .about-left p {
	color: #0f7dc2;
	margin-bottom: 17px;
}
  section.about .about-left > p {
	line-height: 1.7;
	margin-bottom: 18px;
}
  section.about .panel-primary > .panel-heading {
    color: #fff;
    background-color: #0F7DC2;
    border-color: #0F7DC2; }
    section.about .panel-primary > .panel-heading a {
      font-weight: 400; }
    section.about .panel-primary > .panel-heading .panel-body {
      padding: 10px 10px 0px 10px; }
      section.about .panel-primary > .panel-heading .panel-body p {
        font-weight: 400;
        font-size: 14px;
        line-height: 20px; }

section.aboutUs-slide {
  margin-top: 80px; }
  section.aboutUs-slide .slide-left {
    padding-bottom: 20px; }
  section.aboutUs-slide .container .row {
    display: flex; }
    @media (max-width: 767px) {
      section.aboutUs-slide .container .row {
        display: block; } }
    section.aboutUs-slide .container .row .carousel {
      height: 100% !important; }
      section.aboutUs-slide .container .row .carousel .carousel-inner {
        height: 100% !important; }
        section.aboutUs-slide .container .row .carousel .carousel-inner .item {
          height: 100% !important; }
          section.aboutUs-slide .container .row .carousel .carousel-inner .item img {
            height: 100% !important; }
  section.aboutUs-slide .slide-left {
    background-color: #3c9bd7; }
    section.aboutUs-slide .slide-left h2,
    section.aboutUs-slide .slide-left p {
      color: #ffffff; }

/*This code is to design TESTIMONIALS section*/
/*This code is to design ITEMS section*/
/*This code is to design FOOTER section*/
.footer_bg {
	background-color: #0E1A28;
}

.copywright_bg {
	background-color: #0A1119;
}

footer div.footer_bg {
  color: #d0d0d0;
  margin-top: 5px;
  padding-top: 28px;
  padding-bottom: 15px; }
 footer div.footer_bg p {
	color: #fff;
}
 footer div.footer_bg a {
	color: #fff;
}
    @media (min-width: 768px) and (max-width: 991px) {
      footer div.footer_bg p {
        font-size: 12px; } }
  footer div.footer_bg .footer-product-image {
    padding-left: 5px;
    padding-right: 5px; }
    footer div.footer_bg .footer-product-image li {
      width: 50%;
      float: left;
      list-style: none;
      padding: 2px; }
  footer div.footer_bg .social-links {
    margin-top: 20px; }
    footer div.footer_bg .social-links i.fa {
      background: #0f7dc2;
      color: #ffffff;
      font-size: 25px;
      width: 40px;
      height: 40px;
      text-align: center;
      vertical-align: middle;
      display: table-cell;
      transition: background 0.4s, color 0.4s; }
      @media (min-width: 768px) and (max-width: 991px) {
        footer div.footer_bg .social-links i.fa {
          font-size: 21px;
          width: 35px;
          height: 35px; } }
      footer div.footer_bg .social-links i.fa:hover {
        background: #ffffff;
        color: #0f7dc2;
        transition: background 0.4s, color 0.4s; }
footer h2 {
  color: #fefefe;
  font-size: 24px;
  font-weight: 500;
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 15px; }

.footer_bg img {
	width: 70%;
	margin-left: 15px;
	margin-bottom: 10px;
}

  @media (min-width: 768px) and (max-width: 991px) {
    footer h2 {
      font-size: 16px; } }
  footer h2:after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 30%;
    left: 0;
    height: 4px;
    background-color: #0f7dc2; }
    @media (max-width: 767px) {
      footer h2:after {
        width: 100%;
        text-align: center; } }
footer address span.glyphicon {
	color: #0f7dc2 !important;
	margin-right: 5px;
	margin-left: 15px;
}
footer address p a {
	color: #fff;
}
@media (min-width: 768px) and (max-width: 991px) {
  footer address p {
    font-size: 14px; } }
footer .subs-div {
  position: relative; }
 footer .subs-div input {
	display: block;
	width: 100%;
	height: 40px;
	border: 0px !important;
	background: #0F7DC2;
	border-radius: 3px;
	font-size: 13px;
	padding-left: 10px;
	color: #fff;
	padding-right: 90px;
}
    footer .subs-div input ::placeholder {
      color: #f89922;
      text-shadow: 0px 1px 2px #ffffff; }
 footer .subs-div .btn.btn-footer-sub {
	font-size: 13px;
	color: #fff;
	background: #0E1A28;
	position: absolute;
	top: 4px;
	right: 5px;
	padding: 6px 5px;
}

.copywright_bg p {
  margin-bottom: 0px;
  padding: 20px;
  color: #ffffff; }
.copywright_bg #returnToTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: #7bc2ef;
  width: 50px;
  height: 50px;
  display: block;
  text-decoration: none;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  display: none;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: 0px;
  z-index: 5; }
  .copywright_bg #returnToTop:hover {
    background: #ffffff;
    border: 1px solid #7bc2ef; }
    .copywright_bg #returnToTop:hover i {
      color: #7bc2ef; }
.copywright_bg #returnToTop i {
  color: #fff;
  margin: 0;
  position: relative;
  left: 0;
  top: 0;
  font-size: 19px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
.copywright_bg .footer-menu {
  padding: 15px 0px; }
  .copywright_bg .footer-menu li {
    float: left;
    padding: 0px 15px;
    margin: 0px 0px;
    list-style: none;
    border-right: 1px solid #0f70ad;
    font-size: 13px;
    border-left: 1px solid #50b3f2;
    margin-top: 5px;
    margin-bottom: 5px; }
    .copywright_bg .footer-menu li a {
      color: #ffffff; }
    .copywright_bg .footer-menu li:first-child {
      border-left: 0px; }
    .copywright_bg .footer-menu li:last-child {
      border-right: 0px; }

/*This code is to design CONTACT PAGE section*/
section.contact {
  /*margin-top: 30px;
  margin-bottom: 30px;*/ }
  section.contact address {
    margin-top: 12px; }
    section.contact address .fa {
      color: #1f2937;
      margin-right: 5px; }
    section.contact address p a {
      color: #1f2937; }
  section.contact .contactAddress .contact-info-row {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 0 0 12px;
    font-size: 17px;
    line-height: 1.55;
    color: #1f2937;
    text-align: left;
  }
  section.contact .contactAddress .contact-info-row i.fa {
    flex: 0 0 18px;
    margin-top: 4px;
    margin-right: 0;
    text-align: center;
  }
  section.contact .contactAddress .contact-info-row span,
  section.contact .contactAddress .contact-info-row a {
    color: #1f2937;
  }
  section.contact .contactAddress .contact-info-row a {
    overflow-wrap: anywhere;
  }
  @media (max-width: 767px) {
    section.contact .contactAddress .contact-info-row {
      font-size: 16px;
      margin-bottom: 10px;
    }
  }
  section.contact .contactForm {
    margin-top: 35px; }
    /* Legacy form border rule - overridden by Step 4 rules below */

/* Legacy hover/focus rule - overridden by Step 4 rules below */

/* THis Code is to Design GALLERY PAGE */
section.gallery-body {
	/* background: #eaeaea; */
	padding-top: 10px;
	padding-bottom: 50px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-bottom: 30px;
	margin-bottom: 30px;
}
  section.gallery-body h1, section.gallery-body section.banner .banner-info p, section.banner .banner-info section.gallery-body p {
    font-size: 38px;
    font-weight: 400; }
  section.gallery-body .ga-info {
    position: absolute;
    top: 49%;
    text-align: center;
    width: 100%;
    font-size: 30px;
    font-weight: 400;
    color: #fff;
    text-shadow: 0px 0px 15px #111; }
    section.gallery-body .grid-item img {
        margin-top:3px;
        margin-bottom:3px;
    }
  section.gallery-body ul.sorting li a {
    color: #000000; }
  section.gallery-body ul.sorting li.active a {
    color: #0f7dc2; }
  section.gallery-body ul.sorting li:hover a {
    color: #0f7dc2; }
  section.gallery-body ul.sorting li:after {
    content: "/";
    width: 5px;
    height: 100%;
    margin-left: 12px; }
  section.gallery-body ul.sorting li:last-child:after {
    display: none; }
  @media (min-width: 768px) and (max-width: 991px) {
    section.gallery-body {
      margin-bottom: 20px; } }
  @media (max-width: 767px) {
    section.gallery-body {
      margin-bottom: 15px; } }
  section.gallery-body .grid-item {
    float: left;
    width: 33.3333%;
    position: relative;
    padding: 5px; }
    @media (min-width: 768px) and (max-width: 991px) {
      section.gallery-body .grid-item {
        width: 33.3333%; } }
    @media (max-width: 767px) {
      section.gallery-body .grid-item {
        width: 100%; } }
    section.gallery-body .grid-item .info {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background: rgba(60, 155, 215, 0.6);
      transition: opacity 0.5s;
      opacity: 0;
      z-index: 1; }
      section.gallery-body .grid-item .info i {
        color: #ffffff;
        text-align: center;
        position: relative;
        top: 49%;
        left: 49%; }
    section.gallery-body .grid-item:hover .info {
        opacity: 1;
        -webkit-transition: opacity 0.5s;
        -moz-transition: opacity 0.5s;
        -ms-transition: opacity 0.5s;
        -o-transition: opacity 0.5s;
        transition: opacity 0.5s;
    }

section.gallery-body .grid-item:hover .info i {
        transform: rotate(360deg);
        transition: rotate 0.3s; }
  @media (max-width: 767px) {
    section.gallery-body .grid-item.grid-item--width2 {
      width: 100%; } }

/* THis Code is to Design GALLERY PAGE */
section.blog-content {
  margin-top: 20px;
  /*-------------------------------------*/ }
  @media (max-width: 767px) {
    section.blog-content {
      margin-left: -10px !important;
      margin-right: -10px !important; } }
  section.blog-content .post {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 1px solid #ededed;
    padding: 10px; }
    section.blog-content .post .post-info {
      display: block;
      clear: both;
      overflow: hidden; }
      section.blog-content .post .post-info .post-date b {
        display: block;
        font-size: 50px;
        color: #ced0d6;
        font-weight: bold; }
      section.blog-content .post .post-info .post-date span {
        color: #000000;
        display: block;
        font-size: 18px; }
      section.blog-content .post .post-info .post-detail h2.post-title {
        font-size: 40px;
        color: #000000;
        font-weight: bold; }
      section.blog-content .post .post-info .post-detail button.readmore.btn {
        font-size: 14px !important; }
  section.blog-content aside .form-wrapper {
    margin-top: 20px;
    width: 100%;
    clear: both;
    overflow: hidden; }
  section.blog-content aside .form-wrapper input {
    width: 80%;
    padding: 10px 5px;
    float: left;
    font: bold 15px 'lucida sans', 'trebuchet MS', 'Tahoma';
    border: 0;
    background: #eee;
    -moz-border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px; }
    @media (min-width: 768px) and (max-width: 991px) {
      section.blog-content aside .form-wrapper input {
        width: 70%; } }
    @media (max-width: 767px) {
      section.blog-content aside .form-wrapper input {
        width: 75%; } }
  section.blog-content aside .form-wrapper input:focus {
    outline: 0;
    background: #fff;
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.8) inset;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.8) inset;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.8) inset; }
  section.blog-content aside .form-wrapper input::-webkit-input-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic; }
  section.blog-content aside .form-wrapper input:-moz-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic; }
  section.blog-content aside .form-wrapper input:-ms-input-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic; }
  section.blog-content aside .form-wrapper button {
    overflow: visible;
    position: relative;
    float: right;
    border: 0;
    padding: 0;
    cursor: pointer;
    font: bold 15px/39px 'lucida sans', 'trebuchet MS', 'Tahoma';
    color: #fff;
    background: #d83c3c;
    -moz-border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
    width: 20%; }
    @media (min-width: 768px) and (max-width: 991px) {
      section.blog-content aside .form-wrapper button {
        width: 30%; } }
    @media (max-width: 767px) {
      section.blog-content aside .form-wrapper button {
        width: 25%; } }
  section.blog-content aside .form-wrapper button:hover {
    background: #e54040; }
  section.blog-content aside .form-wrapper button:active,
  section.blog-content aside .form-wrapper button:focus {
    background: #c42f2f; }
  section.blog-content aside .form-wrapper button:before {
    content: '';
    position: absolute;
    border-width: 8px 8px 8px 0;
    border-style: solid solid solid none;
    border-color: transparent #d83c3c transparent;
    top: 12px;
    left: -6px; }
  section.blog-content aside .form-wrapper button:hover:before {
    border-right-color: #e54040; }
  section.blog-content aside .recent-post {
    width: 100%;
    display: block;
    clear: both;
    overflow: hidden;
    margin-top: 70px; }
    section.blog-content aside .recent-post .single-recent-post {
      padding-bottom: 10px;
      border-bottom: 1px solid #ddd;
      margin-bottom: 10px;
      clear: both;
      display: block;
      overflow: hidden; }
      section.blog-content aside .recent-post .single-recent-post .featured-image {
        width: 25%;
        float: left;
        margin-right: 3%; }
      section.blog-content aside .recent-post .single-recent-post .recent-post-content {
        width: 72%;
        float: left;
        display: block; }
        section.blog-content aside .recent-post .single-recent-post .recent-post-content span {
          color: rgba(250, 77, 99, 0.7);
          transition: color 0.4s, font-weight 0.4s; }
        section.blog-content aside .recent-post .single-recent-post .recent-post-content p {
          font-size: 13px;
          margin-bottom: 0px;
          color: #555555; }
        section.blog-content aside .recent-post .single-recent-post .recent-post-content:hover span {
          color: #fa4d63;
          font-weight: bold; }

/* THis Code is to Design MENU PAGE */
section.menu-content .menu-list-table tr {
  border-bottom: 1px solid #eeeeee; }
  section.menu-content .menu-list-table tr td:first-child h3, section.menu-content .menu-list-table tr td:first-child section.banner .banner-info h1, section.banner .banner-info section.menu-content .menu-list-table tr td:first-child h1, section.menu-content .menu-list-table tr td:first-child section.banner .banner-info p, section.banner .banner-info section.menu-content .menu-list-table tr td:first-child p {
    font-weight: normal;
    line-height: 1em;
    margin-bottom: 5px; }
  section.menu-content .menu-list-table tr td:nth-child(2) {
    vertical-align: middle !important;
    text-align: right; }
section.menu-content aside {
  margin-top: 25px; }
  section.menu-content aside p.feature-item {
    margin-bottom: 25px; }

section.service {
  font-weight: 400; }
  section.service .progress {
    height: 20px;
    margin-bottom: 25px;
    border-radius: 0px;
    position: relative;
    overflow: inherit; }
    section.service .progress .progress-percent {
      position: absolute;
      top: -19px;
      right: 0px; }
    section.service .progress .lebel {
      position: absolute;
      top: -20px;
      left: 0px; }
  section.service h3, section.service section.banner .banner-info h1, section.banner .banner-info section.service h1, section.service section.banner .banner-info p, section.banner .banner-info section.service p {
    position: relative;
    margin-bottom: 30px; }
    section.service h3::after, section.service section.banner .banner-info h1::after, section.banner .banner-info section.service h1::after, section.service section.banner .banner-info p::after, section.banner .banner-info section.service p::after {
      content: "";
      position: absolute;
      bottom: -10px;
      height: 3px;
      background: #0f7dc2;
      width: 50px;
      left: 0; }
  section.service p {
    margin-bottom: 22px; }
  section.service .ordered-global-service {
    padding-left: 15px; }
    section.service .ordered-global-service li {
      margin-top: 7px;
      margin-bottom: 7px;
      counter-increment: step-counter;
      margin-bottom: 10px;
      list-style-type: none; }
      section.service .ordered-global-service li::before {
        content: counter(step-counter);
        margin-right: 10px;
        font-size: 80%;
        background-color: #C6C6C6;
        color: white;
        font-weight: bold;
        padding: 3px 8px;
        border-radius: 50%; }
  section.service .unordered-global-service {
    padding-left: 15px;
    list-style: none; }
    section.service .unordered-global-service li {
      margin-top: 6px;
      margin-bottom: 5px; }
      section.service .unordered-global-service li:before {
        content: "\2713";
        width: 40px;
        height: 40px;
        color: #0f7dc2;
        font-weight: bold;
        margin-right: 10px; }

/*404 Error Page*/
.error-details {color: #ffffff}
.error-template {padding: 40px 15px;text-align: center;}
.error-template h1{color: #ffffff}
.error-actions {margin-top:15px;margin-bottom:15px;}
.error-actions .btn { margin-right:10px; }
@media(max-width: 767px){
  .error-template {padding: 0; text-align: center;}
  .error-actions .btn{
    width: 90%;
    margin: 0 auto;
    margin-bottom: 5px;
  }
}

/* =====================================================
   FIXES: button visibility, image sizing, mobile UI
   ===================================================== */

/* Fix: Submit/Send button - was nearly invisible (white on white) */
input.btn-submit,
button.btn-submit {
    background-color: #0f7dc2 !important;
    color: #ffffff !important;
    border: 2px solid #0f7dc2 !important;
    padding: 10px 28px;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.04em;
    border-radius: 3px;
    transition: background-color 0.3s, border-color 0.3s;
}
input.btn-submit:hover,
button.btn-submit:hover {
    background-color: #0a5e96 !important;
    border-color: #0a5e96 !important;
    color: #ffffff !important;
}

/* Fix: About page image - was fixed 500px height causing distortion */
.about-page img {
    width: 100%;
    height: auto;
    max-height: 400px;
    object-fit: cover;
    object-position: center top;
    margin-top: 12px;
}

/* Fix: About body text contrast and readability */
section.about .about-left > p,
.about-page p {
    color: #1f2937;
    font-size: 18px;
    line-height: 1.75;
}
@media (max-width: 991px) {
    section.about .about-left > p,
    .about-page p {
        font-size: 17px;
    }
}
@media (max-width: 767px) {
    section.about .about-left > p,
    .about-page p {
        font-size: 16px;
    }
}

/* Fix: Return-to-top button mobile - was overlapping footer links */
@media (max-width: 767px) {
    .copywright_bg #returnToTop {
        width: 44px;
        height: 44px;
        right: 12px;
        bottom: 80px;
    }
    .copywright_bg #returnToTop i {
        font-size: 16px;
    }
}

/* Fix: Status pages (error/success/verferr) - oversized text on mobile */
@media (max-width: 767px) {
    .error-template h1 {
        font-size: 26px;
        line-height: 1.2;
        margin-bottom: 8px;
    }
    .error-template h2 {
        font-size: 15px;
        line-height: 1.5;
        max-width: 300px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 10px;
    }
    .error-details {
        font-size: 13px;
        margin-bottom: 8px;
    }
    .error-actions {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 8px;
        margin-top: 14px;
    }
    .error-actions .btn {
        width: 88%;
        margin: 0;
        font-size: 15px;
        padding: 10px;
    }
}

/* =====================================================
   CTA Strip - replaces duplicate contact forms
   ===================================================== */
.cta-strip {
    background: #f4f7fb;
    border-top: 1px solid #dce4ef;
    padding: 24px 0;
    text-align: center;
}
.cta-strip p {
    font-size: 17px;
    color: #444444;
    line-height: 1.7;
    margin-bottom: 12px;
    margin-top: 0;
}
.cta-strip .btn-submit {
    display: inline-block;
    margin-bottom: 12px;
    padding: 12px 36px;
    font-size: 17px;
    font-weight: 600;
}
.cta-email {
    font-size: 16px;
    line-height: 1.6;
    color: #666666 !important;
    margin-top: 4px;
    margin-bottom: 0;
}
.cta-email a {
    color: #0f7dc2 !important;
}
.cta-email i {
    color: #0f7dc2;
    margin-right: 5px;
}

/* Fix: returnToTop - mobile clearance so Privacy Policy link stays tappable */
@media (max-width: 767px) {
    .copywright_bg #returnToTop {
        bottom: 90px !important;
    }
    .copywright_bg .container {
        padding-right: 64px;
    }
}

/* Consistent section vertical rhythm - desktop 48px, tablet 36px, mobile 28px */
section.about,
section.about.contact {
    padding-top: 40px;
    padding-bottom: 40px;
}

@media (max-width: 991px) {
    section.about,
    section.about.contact {
        padding-top: 28px;
        padding-bottom: 28px;
    }
}

@media (max-width: 767px) {
    section.about,
    section.about.contact {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

/* Tighten heading margins inside content sections - stop Bootstrap default stacking */
section.about h1 {
    margin-top: 0;
    margin-bottom: 14px;
}
section.about h2 {
    margin-top: 10px;
    margin-bottom: 10px;
}
section.about h3 {
    margin-top: 8px;
    margin-bottom: 8px;
}

/* Constrain paragraph width so content fills space on wide screens */
section.about .about-left > p {
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
}

/* Service card grid - reduce top gap inside already-padded section */
.service-boxs {
    padding-top: 8px;
}

/* =====================================================
   Service cards - professional 4-column grid
   ===================================================== */
.svc-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 32px 22px 26px;
    text-align: center;
    margin-bottom: 24px;
    -webkit-transition: box-shadow 0.25s, -webkit-transform 0.25s;
    transition: box-shadow 0.25s, transform 0.25s;
}
.svc-card:hover {
    box-shadow: 0 6px 24px rgba(15, 125, 194, 0.13);
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
}
.svc-card-icon {
    font-size: 40px;
    color: #0f7dc2;
    margin-bottom: 16px;
}
.service-boxs .svc-card h4 {
    font-size: 20px;
    font-weight: 700;
    color: #1f2937;
    margin-top: 0;
    margin-bottom: 10px;
}
.svc-card p {
    font-size: 17px;
    color: #4b5563;
    line-height: 1.7;
    margin-bottom: 18px;
    max-width: none;
}
.svc-card-link {
    font-size: 16px;
    color: #0f7dc2;
    font-weight: 600;
    text-decoration: none;
}
.svc-card-link:hover,
.svc-card-link:focus {
    color: #0a5e96;
    text-decoration: underline;
}
@media (max-width: 767px) {
    .svc-card {
        padding: 24px 18px 20px;
        margin-bottom: 16px;
    }
    .svc-card-icon {
        font-size: 34px;
        margin-bottom: 12px;
    }
    .service-boxs .svc-card h4 {
        font-size: 18px;
    }
    .svc-card p {
        font-size: 16px;
    }
    .svc-card-link {
        font-size: 15px;
    }
}

/* =====================================================
   Step 2: Hero title - stronger hierarchy + blue accent
   ===================================================== */
section .banner-bottom-bar h3 {
    font-weight: 600;
    letter-spacing: -0.5px;
    position: relative;
    display: inline-block;
    padding-bottom: 16px;
}
section .banner-bottom-bar h3::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 3px;
    background: #0f7dc2;
    border-radius: 2px;
}
section .banner-bottom-bar p {
    font-weight: 400;
}

/* =====================================================
   Step 3: Desktop navbar - readability + active/hover
   ===================================================== */
nav li a {
    font-weight: 600;
    letter-spacing: 0.5px;
}
nav li.active > a {
    color: #0f7dc2 !important;
    border-bottom: 2px solid #0f7dc2;
    padding-bottom: 12px;
}
nav li > a:hover {
    color: #0f7dc2 !important;
}
nav li.dropdown.active > a {
    color: #0f7dc2 !important;
    border-bottom: 2px solid #0f7dc2;
    padding-bottom: 12px;
}
nav .dropdown-menu > li.active > a,
nav .dropdown-menu > li.active > a:hover,
nav .dropdown-menu > li.active > a:focus {
    color: #fff !important;
    border-bottom: 0;
    padding-bottom: 5px;
}
@media (max-width: 767px) {
    nav li.active > a,
    nav li.dropdown.active > a {
        border-bottom: none;
        background: rgba(15, 125, 194, 0.15) !important;
        padding-bottom: 5px;
    }
    nav li {
        padding: 4px 0;
    }
    nav li a {
        font-size: 16px;
        padding: 10px 15px !important;
    }
}

/* =====================================================
   Step 4: Form UI - field borders, placeholder, button
   ===================================================== */
section.contact .contactForm input,
section.contact .contactForm textarea,
section.contact .contactForm select {
    border: 1px solid #9aacbf !important;
    background: #f8fafc;
    color: #1f2937;
    font-size: 15px;
    padding: 10px 14px;
    height: auto;
    min-height: 44px;
    border-radius: 4px;
    box-shadow: none !important;
    -webkit-transition: border-color 0.2s, background 0.2s;
    transition: border-color 0.2s, background 0.2s;
}
section.contact .contactForm input:hover,
section.contact .contactForm textarea:hover,
section.contact .contactForm select:hover {
    border-color: #6b8caa !important;
    background: #ffffff;
}
section.contact .contactForm input:focus,
section.contact .contactForm textarea:focus,
section.contact .contactForm select:focus {
    border-color: #0f7dc2 !important;
    background: #ffffff;
    box-shadow: 0 0 0 3px rgba(15, 125, 194, 0.12) !important;
    outline: none;
}
section.contact .contactForm input::placeholder,
section.contact .contactForm textarea::placeholder {
    color: #6b7c93;
    font-weight: 400;
}
section.contact .contactForm input::-webkit-input-placeholder,
section.contact .contactForm textarea::-webkit-input-placeholder {
    color: #6b7c93;
}
/* contact address card border-radius handled in base .contactAddress rule above */

/* =====================================================
   Step 6: Status pages - fill viewport, no blank tail
   ===================================================== */
body.status-page {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
body.status-page > * {
    width: 100%;
}
body.status-page section.pageTitle {
    flex: 1;
}
body.status-page footer.container-fluid {
    margin-top: auto;
}
.error-template {
    padding: 60px 15px;
}
.error-template h2 {
    color: #b0bec5;
    font-weight: 400;
    margin-bottom: 20px;
}

/* =====================================================
   Privacy page polish
   ===================================================== */
section.privacy-policy .privacy-content-row {
    margin-top: 20px;
}
section.privacy-policy .privacy-wrap {
    background: #ffffff;
    border: 1px solid #dbe6f2;
    border-radius: 8px;
    padding: 28px 26px;
    box-shadow: 0 4px 18px rgba(16, 50, 86, 0.06);
}
section.privacy-policy .privacy-meta {
    margin-bottom: 14px;
}
section.privacy-policy .privacy-updated {
    display: inline-block;
    background: #eef5fc;
    color: #0a5e96;
    border: 1px solid #cfe2f5;
    border-radius: 999px;
    padding: 7px 14px;
    font-size: 15px;
    font-weight: 600;
}
section.privacy-policy .privacy-updated i {
    margin-right: 6px;
}
section.privacy-policy .privacy-lead {
    font-size: 18px;
    line-height: 1.75;
    color: #1f2937;
    margin-bottom: 18px;
}
section.privacy-policy .privacy-highlights {
    background: #f8fbff;
    border: 1px solid #dbe6f2;
    border-radius: 6px;
    padding: 16px 18px;
    margin-bottom: 18px;
}
section.privacy-policy .privacy-highlights h3 {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 22px;
}
section.privacy-policy .privacy-highlights ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
section.privacy-policy .privacy-highlights li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 8px;
    font-size: 17px;
    line-height: 1.7;
    color: #334155;
}
section.privacy-policy .privacy-highlights li:last-child {
    margin-bottom: 0;
}
section.privacy-policy .privacy-highlights li::before {
    content: "\f00c";
    font-family: FontAwesome;
    color: #0f7dc2;
    position: absolute;
    left: 0;
    top: 1px;
    font-size: 12px;
}
section.privacy-policy .privacy-card {
    border-top: 1px solid #e5edf6;
    padding-top: 16px;
    margin-top: 16px;
}
section.privacy-policy .privacy-card h3 {
    color: #1f2937;
    font-size: 24px;
    margin-top: 0;
    margin-bottom: 8px;
}
section.privacy-policy .privacy-card p {
    margin-bottom: 0;
    color: #334155;
}
section.privacy-policy .privacy-contact-card a {
    color: #0f7dc2;
    font-weight: 600;
}
section.privacy-policy .privacy-contact-card a:hover,
section.privacy-policy .privacy-contact-card a:focus {
    color: #0a5e96;
}
@media (max-width: 767px) {
    section.privacy-policy .privacy-wrap {
        padding: 20px 16px;
    }
    section.privacy-policy .privacy-updated {
        font-size: 14px;
    }
    section.privacy-policy .privacy-lead {
        font-size: 16px;
    }
    section.privacy-policy .privacy-highlights h3,
    section.privacy-policy .privacy-card h3 {
        font-size: 22px;
    }
    section.privacy-policy .privacy-highlights li {
        font-size: 16px;
    }
}