@import url("https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&display=swap");

/*

   Template Name:  Logicraft | The Multi-Purpose HTML5 Template

   Author: tripples

   Author URI: https://themehunt.com/profile/Tripples

   Description:  Logicraft | The Multi-Purpose HTML5 Template

   Version: 1.0

   

*/



/* Table of Content

==================================================

1.    Typography

2.    Global Styles

3.    Top Bar

4.    Header area

5.    Slider

6.    Features

7.    Service

8.    Projects

9.    Intro Area

10.   Call To Action

11.   Content Area

12.   Client

13.   Latest News

14.   Footer

15.   Sub Pages

16.   Pricing Table

17.   Quote Area

18.   Contact Us

19.   News Single

20.   Sidebar

21.   Error Page

*/



@import url("https://fonts.googleapis.com/css?family=Roboto:400,400i,500,500i,700,700i,900");



@font-face {

  font-family: "Fira Sans", sans-serif;

  font-weight: 400;

  font-style: normal;

}



@font-face {

  font-family: "Fira Sans", sans-serif;

  font-weight: 700;

  font-style: normal;

}



/* Typography

================================================== */

body {

  background: #fff;

  color: #626c84;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  font-family: "Roboto", sans-serif;

  font-size: 16px;

  line-height: 30px;

}



p {

  font-family: "Fira Sans", sans-serif;

  font-size: 16px;

  line-height: 24px;

}



h1,

h2,

h3,

h4,

h5,

h6 {

  color: #252a37;

  font-family: "Roboto", sans-serif;

  font-weight: 700;

}



h1 {

  font-size: 48px;

  line-height: 48px;

}



h2 {

  font-size: 36px;

  line-height: 36px;

  color: #1c75bb;

}



h3 {

  font-size: 22px;

  margin-bottom: 20px;

}



h4 {

  font-size: 18px;

  line-height: 28px;

}



h5 {

  font-size: 14px;

  line-height: 24px;

}



/* Global styles

================================================== */

html {

  overflow-x: hidden !important;

  width: 100%;

  height: 100%;

  position: relative;

  text-rendering: optimizeLegibility;

}



body {

  border: 0;

  margin: 0;

  padding: 0;

}



.body-inner {

  position: relative;

  overflow: hidden;

}



.preload {

  position: fixed;

  /* background: #fff url(../images/preload.html) center center no-repeat; */

  left: 0px;

  top: 0px;

  width: 100%;

  height: 100%;

  z-index: 99999;

}



a {

  color: #1c75bb;

}



a:link,

a:visited {

  text-decoration: none;

}



/* a:hover {

  text-decoration: none;

  color: #ff0000;

} */



.link-more {

  font-weight: 700;

}



.link-more i {

  font-weight: 700;

  top: 2px;

  margin-left: 5px;

  position: relative;

  font-size: 16px;

}



.link-more.color {

  color: #fc6a2a;

}



section,

.section-padding {

  padding: 50px 0;

  position: relative;

  z-index: 3;

}



.no-padding {

  padding: 0 !important;

}



.no-border {

  border: none !important;

}



.ts-padding {

  padding: 70px 50px;

}



.media>.pull-left {

  margin-right: 20px;

}



.gap-100 {

  clear: both;

  height: 100px;

}



.gap-80 {

  clear: both;

  height: 80px;

}



.gap-60 {

  clear: both;

  height: 60px;

}



.gap-40 {

  clear: both;

  height: 40px;

}



.gap-30 {

  clear: both;

  height: 30px;

}



.gap-20 {

  clear: both;

  height: 20px;

}



.gap-15 {

  clear: both;

  height: 15px;

}



.mrtb-40 {

  margin-top: 40px;

  margin-bottom: 40px;

}



@media screen and (min-width: 992px) {

  .mrt-225 {

    margin-top: 225px;

  }

}



@media screen and (min-width: 992px) {

  .mrt-190 {

    margin-top: 190px;

  }

}



@media screen and (min-width: 992px) {

  .mrt-140 {

    margin-top: 140px;

  }

}



@media screen and (min-width: 992px) {

  .mrt-110 {

    margin-top: 110px;

  }

}



.mrt-60 {

  margin-top: 60px;

}



.mrt-80 {

  margin-top: 80px !important;

}



.mrt-40 {

  margin-top: 40px;

}



.mrt-85 {

  margin-top: 85px;

}



.mrt-20 {

  margin-top: 20px;

}



.mrt-10 {

  margin-top: 10px;

}



.mrb-20 {

  margin-bottom: 20px;

}



.mrb-40 {

  margin-bottom: 40px;

}



.m-top-20 {

  margin-top: 25px;

}



.mrb-60 {

  margin-bottom: 60px;

}



.mr-0 {

  margin: 0 !important;

}



.mrt-0 {

  margin-top: 0 !important;

  margin-bottom: 20px !important;

}



.mrt-30 {

  margin-top: 30px;

}



.pd-15 {

  padding: 15px;

}



.patb-100 {

  padding: 100px 0 !important;

}



.pab-120 {

  padding-bottom: 120px !important;

}



.pab {

  padding-bottom: 0;

}



.pab-left-60 {

  padding-left: 60px;

}



.z-idx {

  z-index: 9 !important;

}



a:focus {

  outline: 0;

}



.txt-black-p {

  color: #1c75bb;

  font-weight: 600;

}



img.pull-left {

  margin-right: 20px;

  margin-bottom: 20px;

}



img.pull-right {

  margin-left: 20px;

  margin-bottom: 20px;

}



.unstyled,

ul,

ol,

li {

  list-style: none;

  margin: 0;

  padding: 0;

}



.solid-bg {

  background: #f5f5f5;

  -webkit-box-shadow: none;

  box-shadow: none;

}



.dark-bg {

  background: #252525;

  color: #fff;

}



.dark-bg h2,

.dark-bg h3 {

  color: #fff;

}



.solid-row {

  background: #f0f0f0;

}



.media-left,

.media>.pull-left {

  padding-right: 20px;

}



/* nav new width */

.nav-container {

  max-width: 1300px;

}



/* Background overlay */

.bg-overlay {

  position: relative;

}



.bg-overlay .container {

  position: relative;

  z-index: 1;

}



.bg-overlay:after {

  /* background-color: rgba(0, 0, 0, 0.75); */

  z-index: 0;

  position: absolute;

  content: "";

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

}



.bg-overlay.overlay-color:after {

  background-color: rgba(15, 39, 101, 0.85);

}



/* Pattern */

.bg-pattern-1 {

  position: relative;

  z-index: 2;

}



.bg-pattern-1:before {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  content: "";



  z-index: -1;

}



@media screen and (max-width: 991px) {

  .bg-pattern-1:after {

    display: none;

  }

}



.bg-pattern-2 {

  position: relative;

  z-index: 2;

}



.bg-pattern-2:before {

  position: absolute;

  top: 0;

  left: 0;

  content: "";

  width: 100%;

  height: 100%;



}



.bg-pattern-2:after {



  content: "";

  width: 100%;

  height: 100%;

  right: 0;

  bottom: 0;

  position: absolute;

  z-index: -1;

}



@media screen and (max-width: 767px) {



  .bg-pattern-2:before,

  .bg-pattern-2:after {

    display: none;

  }

}



.bg-pattern-3 {

  position: relative;

  z-index: 2;

}



.bg-pattern-3:after {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  content: "";



  background-size: 100%;

  background-position: center;

  z-index: -1;

}



@media screen and (max-width: 991px) {

  .bg-pattern-3:after {

    display: none;

  }

}



/* Dropcap */

.dropcap {

  font-size: 48px;

  line-height: 60px;

  padding: 0 7px;

  float: left;

  font-weight: 700;

  margin: 5px 15px 5px 0;

  position: relative;

  text-transform: uppercase;

}



.dropcap.primary {

  background: #1c75bb;

  color: #fff;

}



.dropcap.secondary {

  background: #3a5371;

  color: #fff;

}



/* Primary Box */

.ts-intro .border-left {

  border-left: 2px solid #dee2e6 !important;

}



.box-primary {

  background-color: #1c75bb;

}



.box-dark {

  background-color: #222222;

}



.box-secondary {

  background-color: #0f2765;

}



.intro-details {

  padding-left: 20px;

}



.intro-title {

  font-size: 24px;

  line-height: 34px;

  margin: 0;

}



.intro-sub-title {

  font-weight: 900;

  font-size: 36px;

  line-height: 46px;

  margin: 15px 0 25px;

  color: #1c1c24;

}



section .title-white {

  color: #fff !important;

}



/* Section verticle title */

.section-title-vertical {

  position: relative;

  height: 0;

}



.section-title-vertical .section-title {

  position: absolute;

  left: -190px;

  -webkit-transform: rotate(-90deg);

  transform: rotate(-90deg);

  top: 203px;

  font-size: 40px;

  display: inline-block;

  margin-bottom: 70px;

  color: #c7d4f3;

  margin-top: 0;

}



.section-title-vertical .section-title:after {

  top: 15px;

  left: -95px;

  z-index: 0;

  width: 155px;

  border-bottom: 2px solid #c7d4f3;

}



@media screen and (max-width: 1024px) {

  .section-title-vertical .section-title {

    display: none;

  }

}



/* gallery effect starts */



/* gallery effect end */



/* Column title */

.column-title {

  font-size: 30px;

  line-height: 30px;

  /* margin: 0 0 40px; */

  margin-top: 15px;

}



.column-title span {

  font-size: 18px;

  line-height: 20px;

  margin: 0 0 10px 0;

  display: block;

  font-weight: 400;

}



.column-title.title-small {

  font-size: 30px;

}



/* Column title small */

/* Video responsive */

.embed-responsive {

  padding-bottom: 56.25%;

  position: relative;

  display: block;

  height: 0;

  overflow: hidden;

}



.embed-responsive iframe {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  border: 0;

}



/* Input form */

.form-control {

  -webkit-box-shadow: none;

  box-shadow: none;

  border: 1px solid #eaeaea;

  padding: 5px 20px;

  height: 50px;

  background: none;

  color: #626c84;

  font-size: 14px;

  border-radius: 0;

  font-weight: normal;

}



.form-control:focus {

  -webkit-box-shadow: none;

  box-shadow: none;

  border-color: #f1f1f1;

}



input:focus,

textarea:focus {

  -webkit-box-shadow: none;

  box-shadow: none;

  border-color: #f1f1f1;

}



.form-message {

  height: auto;

}



@media screen and (min-width: 992px) {

  .qutoe-form-inner-left {

    padding-right: 40px;

  }

}



@media screen and (min-width: 992px) {

  .qutoe-form-inner-right {

    padding-left: 40px;

  }

}



.quote_form .form-control:focus {

  -webkit-box-shadow: none;

  box-shadow: none;

  border: 1px solid #1c75bb;

}



.widget .form-control {

  z-index: 0;

  position: relative;

}



hr {

  background-color: #e7e7e7;

  border: 0;

  height: 1px;

  margin: 7px 0;

}



blockquote {

  position: relative;

  color: #fff;

  background: #1e2227;

  padding: 40px;

  border: 0;

  margin: 30px 0 40px;

}



blockquote:before {

  padding: 28px 0 22px;

  content: "\e937";

  font-family: "iconfont";

  color: #fff;

  font-size: 44px;

}



blockquote p {

  font-size: 18px;

  line-height: 28px;

  position: relative;

  z-index: 1;

  font-style: italic;

  font-weight: 600;

}



cite {

  display: block;

  font-size: 14px;

  margin-top: 10px;

  text-align: right;

}



/* Button */

.btn.focus,

.btn:focus,

.btn-primary:not(:disabled):not(.disabled).active:focus,

.btn-primary:not(:disabled):not(.disabled):active:focus,

.show>.btn-primary.dropdown-toggle:focus {

  outline: 0;

  -webkit-box-shadow: none;

  box-shadow: none;

}



.btn-primary.focus,

.btn-primary:focus {

  -webkit-box-shadow: none;

  box-shadow: none;

}



button:focus {

  outline: 0 solid;

}



.btn.btn-primary,

.btn-dark,

.btn-border,

.btn-white {

  font-size: 13px;

  font-weight: 500;

  padding: 10px 25px;

  line-height: 1.33;

  border-radius: 3px;

  border: 0;

  -webkit-transition: color 400ms, background-color 400ms, border-color 400ms;

  transition: color 400ms, background-color 400ms, border-color 400ms;

  transition: color 400ms, background-color 400ms, border-color 400ms;

}



.btn-white.btn-primary {

  background: #fff;

  color: #1c75bb;

}



.btn.btn-primary {

  background: #1c75bb;

  border: 2px solid transparent;

}



.btn.btn-dark {

  background: #242427;

  border: 2px solid transparent;

}



.btn.btn-white {

  background: #fff;

  border: 2px solid transparent;

}



.btn.btn-white:hover {

  background-color: #242427;

  color: #fff;

}



.btn-border {

  border: 2px solid #fff;

  background: none;

  color: #fff;

}



.btn-primary:hover,

.btn-dark:hover,

.btn-white.btn-primary:hover {

  background: #16619a;

  color: #fff;

}



.full-contact h3 {

  color: white;

  margin-bottom: 20px;

}



.btn-new a {

  font-size: 15px !important;

}



.btn-border:hover {

  background: #1c75bb;

  border: 2px solid transparent;

  color: #fff;

}



.general-btn {

  clear: both;

  margin-top: 60px;

}



.intro-content .btn-border {

  margin-right: 15px;

}



/* box button */



.btn-box {

  background: #1e2227;

  color: #fff;

  padding: 15px;

}



.btn-box:hover {

  background: #000;

  color: #fff;

}



/* Ul, Ol */

.list-round,

.list-arrow,

.list-dash {

  list-style: none;

  margin: 0;

  padding: 0;

}



.list-round li {

  line-height: 34px;

}



.list-round li:before {

  font-family: FontAwesome;

  content: "\f111";

  margin-right: 10px;

  color: #252a37;

  font-size: 8px;

  position: relative;

  top: -3px;

}



.list-arrow {

  padding: 0;

}



ul.list-dash li:before {

  font-family: FontAwesome;

  content: "\f068";

  margin-right: 10px;

  color: #1c75bb;

  font-size: 10px;

}



/* Bootstrap */

.nav-tabs>li.active>a {

  border: 0;

}



.nav-tabs>li>a {

  border: 0;

}



.nav-tabs>li>a:hover {

  border: 0;

}



.nav>li>a:focus,

.nav>li>a:hover {

  background: none;

}







a[href^="tel"] {

  color: inherit;

  text-decoration: none;

}



/*-- Owl slide common --*/

.owl-carousel.page-slider .owl-nav {

  margin: 0;

}



.owl-carousel .owl-nav {

  text-align: center;

}



.owl-carousel.owl-theme .owl-nav [class*="owl-"] {

  background: #1c75bb;

  color: #fff;

  position: absolute;

  bottom: 0;

  right: 0;

  width: 40px;

  height: 40px;

  line-height: 42px;

  font-size: 20px;

  text-align: center;

  margin: 0;

  border-radius: 0;

  -webkit-transition: 400ms;

  transition: 400ms;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

}



.owl-carousel.owl-theme .owl-nav [class*="owl-prev"] {

  right: 40px;

}



.owl-carousel.owl-theme .owl-nav>div:hover {

  background: #272d33;

}



.owl-theme .owl-dots {

  text-align: center;

  margin-top: 40px;

  position: relative;

  z-index: 1;

}



.owl-theme .owl-dots .owl-dot {

  display: inline-block;

}



.owl-theme .owl-dots .owl-dot span {

  width: 30px;

  height: 4px;

  margin: 5px 4px;

  background: #000;

  opacity: 0.2;

  display: inline-block;

}



.owl-theme .owl-dots .owl-dot.active span {

  background: #1c75bb;

  opacity: 1;

}



/*-- Section title --*/

.section-title {

  font-size: 30px;

  margin-top: 0;

  display: inline-block;

  margin-bottom: 60px;

  position: relative;

}



.section-title span {

  font-size: 18px;

  margin-bottom: 15px;

  color: #333;

  text-align: center;

  display: block;

  font-weight: 500 !important;

  line-height: normal;

}



.section-title:after {

  content: "";

  position: absolute;

  bottom: -15px;

  height: 1px;

  width: 50px;

  left: 50%;

  -webkit-transform: translateX(-50%);

  transform: translateX(-50%);

  transform: translateX(-50%);

  z-index: 0;

  border-bottom: 2px solid #1c75bb;

}



/* Content title */

.content-title {

  font-size: 44px;

  margin-top: 0;

  border-left: 5px solid #1c75bb;

  padding-left: 15px;

  margin-bottom: 40px;

  line-height: 32px;

}



.content-title span {

  display: block;

  font-size: 24px;

  line-height: 34px;

  margin: 0 0 10px 0;

  display: block;

  font-weight: 400 !important;

}



.content-title-medium {

  font-size: 36px;

  line-height: 44px;

}



.list-column-title {

  font-size: 24px;

  color: #252a37;

}



/* Border left */

.section-title.border-title-left {

  padding-left: 140px;

}



.section-title.border-title-left:before {

  content: "";

  position: absolute;

  top: 50%;

  margin-top: -22px;

  height: 1px;

  width: 115px;

  left: 0;

  z-index: 0;

  border-bottom: 2px solid #1c75bb;

}



.section-title.border-title-left:after {

  border: 0;

}



.section-title.border-title-left span {

  text-align: right;

  margin: 10px 0 0;

}



/* Top Bar

================================================== */

.site-top {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  z-index: 999;

}



@media screen and (min-width: 992px) {

  .site-top-2.header-transparent {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 999;

  }

}



.top-bar {

  padding: 12px 0 15px;

  position: relative;

  background: #2d3559;

  color: #fff;

  line-height: normal;

}



.top-bar.solid-bg {

  color: #626c84;

  background: #fafafa;

}



.top-bar.solid-bg ul.top-menu li {

  border-right: 1px solid rgba(0, 0, 0, 0.2);

}



.top-bar.solid-bg ul.top-menu li:last-child {

  border-right: 0;

}



.top-bar.solid-bg ul.top-menu li a {

  color: #626c84;

}



.top-bar.solid-bg .top-social a {

  color: #626c84;

}



.top-bar.solid-bg ul.top-menu li a:hover,

.top-bar.solid-bg .top-social a:hover {

  color: #1c75bb;

}



/* Top menu */

ul.top-menu li {

  display: inline-block;

  font-size: 14px;

  border-right: 1px solid #4c5372;

  margin-right: 10px;

  padding-right: 10px;

  line-height: 10px;

}



ul.top-menu li:last-child {

  border-right: 0;

}



ul.top-menu li a {

  color: #999999;

}



ul.top-menu li a:hover {

  color: #1c75bb;

}



/* Top social */

.top-social {

  list-style: none;

  margin: 0;

  padding: 0;

}



.top-social a {

  font-size: 14px;

  margin-left: 20px;

  color: #fff;

}



.top-social a:hover {

  color: #fff;

}



/* Top bar transparent */

.topbar-transparent {

  color: #fff;

  background: none;

  -webkit-box-shadow: none;

  box-shadow: none;

  padding: 12px 0;

  line-height: normal;

  -webkit-transition: 350ms;

  transition: 350ms;

}



.topbar-transparent ul li a {

  color: #fff;

  font-weight: 600;

}



.topbar-transparent.border-down {

  border-bottom: 1px solid rgba(255, 255, 255, 0.2);

  line-height: normal;

}



/* Topbar Taransparent with border */

/* Topbar highlight */

.top-bar.highlight {

  background: #0f2765;

  color: #fff;

}



.top-bar.highlight ul.top-menu li {

  border-right: 1px solid rgba(0, 0, 0, 0.2);

}



.top-bar.highlight ul.top-menu li a {

  color: #fff;

  font-weight: 600;

}



.top-bar.highlight ul.top-menu li:last-child {

  border-right: 0;

}



/* Topbar info */

#top-bar .top-info {

  margin: 0;

  float: left;

}



#top-bar .top-info p {

  color: #fff;

  font-weight: 400;

  font-size: 15px;

}



#top-bar .top-info i {

  color: #fff;

  font-weight: 400;

  font-size: 15px;

  font-size: 16px;

}



#top-bar .top-info .info-icon {

  top: 0;

  margin-right: 5px;

}



#top-bar .top-info .info-wrapper:after {

  height: 15px;

  top: 2px;

  background: rgba(255, 255, 255, 0.2);

}



#top-bar .top-info li.last .info-wrapper:after {

  background: none;

}



/* Header area

================================================== */

/* Sticky Menu  */

#header.fixed,

.site-nav-inner.fixed,

#header.header-standard.fixed,

#header.header-standard.fixed.highlight,

.site-nav-inner.site-navigation.fixed,

.site-nav-inner.site-navigation.fixed.nav-transparent {

  position: fixed;

  /* width: 100%; */

  top: 0;

  left: 0;

  z-index: 999;

  -webkit-box-shadow: 0px 13px 35px -12px rgba(35, 35, 35, 0.15);

  box-shadow: 0px 13px 35px -12px rgba(35, 35, 35, 0.15);

  -webkit-animation: menusticky 0.7s ease-in-out;

  animation: menusticky 0.7s ease-in-out;

}



.header-trans-leftbox.fixed {

  background: rgba(31, 31, 34, 0.9);

}



#header.fixed.header-trans-leftbox .header-wrapper:before {

  background: none;

}



.header-trans-leftbox.fixed .header-wrapper {

  background: none;

}



#header.header-standard.header-transparent.fixed {

  background: rgba(31, 31, 34, 0.9);

}



#header.header-standard.fixed {

  background: #fff;

}



#header.header-standard.fixed.highlight {

  background: #0f2765;

}



.site-nav-inner.site-navigation.fixed {

  background: #0f2765;

}



.site-nav-inner.site-navigation.nav-transparent.fixed {

  background: rgba(31, 31, 34, 0.9);

}



.header.nav-down.nav-box .site-nav-inner.fixed {

  background: #0f2765;

}



.header.nav-down.nav-boxed-transparent .site-nav-inner.fixed {

  background: #0f2765;

}



/* Sticky Menu Animation*/

@-webkit-keyframes menusticky {

  0% {

    margin-top: -120px;

    opacity: 0;

  }



  50% {

    margin-top: -64px;

    opacity: 0;

  }



  100% {

    margin-top: 0;

    opacity: 1;

  }

}



@keyframes menusticky {

  0% {

    margin-top: -120px;

    opacity: 0;

  }



  50% {

    margin-top: -64px;

    opacity: 0;

  }



  100% {

    margin-top: 0;

    opacity: 1;

  }

}



/* Header default */

.header-trans-leftbox.navbar-fixed {

  background: black;

}



.header-trans-leftbox.navbar-fixed .header-wrapper {

  bottom: 0;

  background: rgba(0, 0, 0, 0);

}



.header-trans-leftbox.navbar-fixed .header-trans-leftbox .header-wrapper:before {

  display: none;

}



.header-trans-leftbox .header-wrapper {

  background: rgba(0, 0, 0, 0.35);

  color: #fff;

  position: relative;

}



.header-trans-leftbox .header-wrapper:before {

  content: "";

  position: absolute;

  background: rgba(0, 0, 0, 0.35);

  display: block;

  width: 300%;

  height: 100%;

  right: -300%;

  top: 0;

}



.header.header-box-left {

  height: 60px;

  -webkit-box-shadow: none;

  box-shadow: none;

  position: absolute;

  width: 100%;

}



.header-box-left .header-wrapper {

  bottom: -15px;

}



.header-wrapper {

  background: #0f2765;

  color: #fff;

  position: relative;

}



.header-wrapper:before {

  content: "";

  position: absolute;

  background: #0f2765;

  display: block;

  width: 300%;

  height: 100%;

  right: -300%;

  top: 0;

}



/* Header 2 */

.header-standard {

  background: #fff;

  -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.1);

  box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.1);

  z-index: 2;

}



.header-standard.header-transparent {

  border-bottom: 1px solid rgba(255, 255, 255, 0.3);

  top: 50px;

}



.header-standard.header-transparent ul.navbar-nav>li>a {

  color: #fff;

}



@media screen and (min-width: 767px) {

  .header-standard.header-transparent .logo {

    padding-left: 0;

  }

}



.header-standard.header-transparent .navbar-nav .active>.nav-link {

  color: #fff;

}



.header-standard.header-transparent.navbar-fixed {

  background: #000;

  top: 0;

}



.header-standard .navbar-nav .active>.nav-link {

  color: #252a37;

}



.header-standard ul.navbar-nav>li>a {

  color: #fff;

  line-height: 80px;

}



@media screen and (min-width: 992px) {

  .header-standard ul.navbar-nav>li>a {

    color: #252a37;

  }

}



.header-standard ul.navbar-nav>li:hover>a {

  color: #fc6a2a;

}



.header-standard .container {

  position: relative;

}



@media screen and (min-width: 992px) {

  .header-standard .site-nav-inner {

    padding-right: 50px;

  }

}



@media screen and (max-width: 767px) {

  .header-standard .container {

    max-width: 100%;

    padding: 0;

  }



  .header-standard .site-nav-inner {

    padding-right: 0;

  }

}



.header-standard .nav-search {

  top: 22px;

  right: 15px;

  width: 45px;

  height: 45px;

  line-height: 45px;

  background: #1c75bb;

  border-radius: 100%;

}



.header-standard .nav-search span {

  top: 3px;

  position: relative;

}



.header-standard .search-block .search-close {

  color: #fff;

  top: -68px;

  right: 0;

  background: #1c75bb;

  opacity: 1;

  width: 45px;

  height: 45px;

  line-height: 30px;

  border-radius: 100%;

}



.header-standard.header-boxed {

  background: none;

  position: absolute;

  -webkit-box-shadow: none;

  box-shadow: none;

  top: 50px;

  left: 0;

  right: 0;

}



.header-standard.header-boxed .site-nav-inner {

  background: #fff;

  z-index: 1;

  margin: 0;

  padding: 0 20px;

}



.header-standard.header-boxed .nav-search {

  right: 40px;

  background: #0f2765;

}



.header-standard.header-boxed .search-block .search-close {

  right: 25px;

  background: #0f2765;

  top: -68px;

}



.header-standard.header-boxed.highlight .row {

  background: #0f2765;

}



.header-standard.header-boxed.highlight ul.navbar-nav>li>a {

  color: #fff;

}



.site-navigation.navdown {

  background: #0f2765;

  position: relative;

}



.site-navigation.navdown .navbar-collapse {

  padding-left: 0;

}



.site-navigation.navdown ul.navbar-nav>li>a {

  /* line-height: 0px; */

  position: relative;

}



.site-navigation.navdown ul.navbar-nav>li>a::after {

  content: "";

  position: absolute;

  height: 1.5px;

  width: 100%;

  background-color: #1c75bb;

  bottom: -5px;

  left: 0;

  transform: scaleX(0%);

  transition: 0.2s ease-in;

}



.site-navigation.navdown ul.navbar-nav>li>a:hover::after {

  transform: scaleX(100%);

}



.site-navigation.navigation.navdown {

  background: white;

  /* margin-left: 9%; */

  /* margin-right: 9%; */

  /* border-radius: 10px; */

  height: 80px;

  width: 100%;

}



.site-navigation .nav-search {

  top: 0;

  z-index: 2;

  width: 70px;

  height: 70px;

  line-height: 70px;

  right: 15px;

  background: rgba(0, 0, 0, 0.2);

}



.site-navigation .search-block .search-close {

  top: -70px;

  z-index: 2;

  width: 70px;

  height: 70px;

  line-height: 50px;

  right: 0;

  background: #00000033;

}



/* Header 2 */



.header.nav-down.nav-box {

  height: 145px;

}



.header.nav-down.nav-box .site-nav-inner .container {

  position: relative;

}



.header.nav-down.nav-box .site-nav-inner .search-block .search-close {

  top: -60px;

  right: 20px;

  line-height: 30px;

}



.header.nav-down.nav-box .site-navigation {

  background: none;

}



.header.nav-down.nav-box .site-navigation.navdown.navbar {

  position: relative;

  background: #1e2227;

  bottom: 0;

  z-index: 9;

  margin: 0;

  padding: 0 15px;

}



.header.nav-down.nav-box .nav-search {

  right: 15px;

  top: 0;

  z-index: 9;

  width: 70px;

  height: 70px;

  line-height: 70px;

  background: rgba(0, 0, 0, 0.2);

}



.header.nav-down.nav-boxed-transparent {

  color: #fff;

  background: none;

  -webkit-box-shadow: none;

  box-shadow: none;

  position: absolute;

  width: 100%;

  left: 0;

  top: 40px;

  z-index: 2;

  height: auto;

  -webkit-transition: 350ms;

  transition: 350ms;

  transition: 350ms;

}



.header.nav-down.nav-boxed-transparent .site-navigation.navdown {

  background: none;

}



.header.nav-down.nav-boxed-transparent .site-navigation.navdown .row {

  position: relative;

  background: #0f2765;

  bottom: 0;

  z-index: 1;

  margin: 0;

}



.header.nav-down.nav-boxed-transparent p,

.header.nav-down.nav-boxed-transparent i {

  color: #fff !important;

}



.header.header-solid {

  background: #0f2765;

  color: #fff;

}



.header.header-solid .top-info li .info-wrapper p,

.header.header-solid .top-info .info-icon {

  color: #fff;

}



.header.header-solid .top-info li .info-wrapper:after {

  background: rgba(255, 255, 255, 0.1);

}



.header.header-solid .top-info li.last .info-wrapper:after {

  background: none;

}



/*-- Header common --*/

.header-trans-leftbox,

.header-transparent {

  background: none;

  -webkit-box-shadow: none;

  box-shadow: none;

  -webkit-transition: 350ms;

  transition: 350ms;

}



.header {

  background: black;

  z-index: 2;

}



.navbar-fixed {

  z-index: 99999;

  position: fixed;

  opacity: 0.98;

  width: 100%;

  top: 0;

  -webkit-animation: fadeInDown 800ms;

  animation: fadeInDown 800ms;

  animation: fadeInDown 800ms;

}



/*-- Logo --*/

.header-trans-leftbox .logo {

  padding-left: 30px;

}



.logo {

  height: 90px;

  display: table;

}



.logo a {

  display: table-cell;

  vertical-align: middle;

}



.logo-area {

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-flex: 0;

  -webkit-flex: 0 0 100%;

  -moz-box-flex: 0;

  -ms-flex: 0 0 100%;

  flex: 0 0 100%;

  -webkit-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  height: 70px;

}



.header.nav-down .logo {

  height: 80px;

}



/* header right */

.header-right {

  float: right;

}



.top-info {

  list-style: none;

  /* margin: 35px -50px 0; */

  padding: 0;

  float: right;

  margin-top: 12px;

}



.top-info li {

  display: inline-block;

}



.top-info li:last-child {

  margin-right: 0;

  padding-right: 0;

  border-right: 0;

}



.top-info .info-icon {

  font-size: 15px;

  color: #fff;

  display: inline-block;

  top: -15px;

  position: relative;

  margin-right: 15px;

  background: #1c75bb;

  padding: 3px 10px 3px 10px;

  border-radius: 3px;

}



.top-info .info-wrapper {

  display: inline-block;

  margin-right: 30px;

  position: relative;

  padding-right: 10px;

}



.top-info li .info-wrapper p {

  line-height: normal;

  font-size: 14px;

  font-weight: 400;

  color: #7a7a7a;

  margin-top: 5px;

  margin-bottom: 0;

}



.top-info li.last .info-wrapper:after {

  background: none;

}



.top-info li .info-wrapper p.info-subtitle {

  font-size: 14px;

  margin-bottom: 0;

  line-height: normal;

  font-weight: 700;

  color: #252a37;

}



.info-subtitle a {

  color: #000;

}



/* Main navigation */

.navbar-expand-lg .navbar-nav .dropdown-submenu .nav-link {

  padding-left: 0;

  color: #000;

}



.navbar {

  border-radius: 0;

  border: 0;

  margin-bottom: 0;

  padding: 0;

}



.navbar-brand {

  padding: 0;

}



.navbar-toggle {

  float: right;

  margin-top: 20px;

  padding: 10px;

  border-radius: 3px;

  margin-right: 15px;

  background: #1c75bb;

}



.nav-item:hover>.dropdown-menu,

.dropdown-submenu:hover .dropdown-menu {

  opacity: 1;

  visibility: visible;

}



.nav-item.dropdown-submenu:hover>a {

  color: #fc6a2a;

}



.navbar-nav>.nav-item:hover>.nav-link {

  color: #1c75bb;

}



/* dropdown starts */

/* Base styles */

.dropdown-menu {

  position: absolute;

  display: none;

  opacity: 0;

  visibility: hidden;

  background-color: white;

  transition: all 0.3s ease;

  z-index: 1000;

}



.nav-item:hover>.dropdown-menu,

.dropdown-submenu:hover>.dropdown-menu {

  display: block;

  opacity: 1;

  visibility: visible;

}



/* Submenu positioning */

.dropdown-submenu {

  position: relative;

}



.dropdown-submenu>.dropdown-menu {

  top: 0;

  left: 100%;

  margin-top: -1px;

}



/* Optional: improve visual spacing */

.dropdown-item {

  padding: 8px 16px;

  white-space: nowrap;

}



.navbar-nav>.nav-item:hover>.nav-link {

  color: #1c75bb;

}



.dropdown-submenu>a::after {

  content: "▶";

  float: right;

  margin-left: 5px;

  font-size: 12px;

}



/* dropdown ends*/



.navbar-toggle .icon-bar {

  background: #fff;

  width: 20px;

}



.navbar-toggle .i-bar {

  background: #fff;

}



ul.navbar-nav {

  float: left;

}



ul.navbar-nav>li {

  float: none;

  display: inline-block;

  position: relative;

  padding-right: 30px;

}



ul.navbar-nav>li:last-child {

  padding-right: 0;

  /* bottom: 10px; */

}



ul.navbar-nav>li:last-child:after {

  background: none;

}



/* ul.navbar-nav > li > a {

  color: blue;

  text-rendering: optimizeLegibility;

  display: inline-block;

  padding: 5px 15px;

  line-height: 80px;

  font-size: 14px;

  margin: 0;

  text-transform: uppercase;

  position: relative;

  font-weight: 700;

  -webkit-transition: 350ms;

  transition: 350ms;

  transition: 350ms;

} */



/* ul.navbar-nav > li > a.active

{

  color: red !important;

} */



/* .nav-link{

  position: relative;

}



.nav-link:after{

  content: "";

  height: 2px;

  width: 50%;

  background-color: darkcyan;

  left: 0;

  bottom: 0;

  position: absolute;

} */



/* ul.navbar-nav > li:hover > a:before, ul.navbar-nav > li.active > a:before {

  border-color: #1C75BB;

  opacity: 1;

  -webkit-transform: scale(1) translateZ(0);

  transform: scale(1) translateZ(0);

}

ul.navbar-nav > li > a:before {

  content: "";

  position: absolute;

  left: 0;

  right: 0;

  bottom: 0;

  opacity: 0;

  border-bottom: 3px solid transparent;

  -webkit-transform: scale(0) translateZ(0);

  transform: scale(0) translateZ(0);

  -webkit-transition: opacity 0.55s ease, -webkit-transform 0.45s ease;

  transition: opacity 0.55s ease, -webkit-transform 0.45s ease;

  transition: transform 0.45s ease, opacity 0.55s ease;

  transition: transform 0.45s ease, opacity 0.55s ease, -webkit-transform 0.45s ease;

  transition: transform 0.45s ease, opacity 0.55s ease;

} */

ul.navbar-nav>li>a:hover,

ul.navbar-nav>li>a:focus {

  background: none;

}



ul.navbar-nav>li>a i {

  font-weight: 700;

}



@media screen and (min-width: 992px) {

  ul.navbar-nav>li>a i {

    padding-left: 5px;

  }

}



@media screen and (min-width: 992px) {

  ul.navbar-nav {

    padding-right: 40px;

  }

}



.nav .open>a {

  background: transparent;

  border-color: transparent;

}



.nav .open>a:hover,

.nav .open>a:focus {

  background: transparent;

  border-color: transparent;

}



/* Dropdown */

.dropdown-submenu {

  position: relative;

}



.dropdown-submenu>.dropdown-menu {

  top: 0;

  left: 101%;

  margin-top: -2px;

  border-radius: 0;

}



.dropdown-submenu>a:after {

  display: block;

  content: "\f105";

  font-family: FontAwesome;

  float: right;

  margin-top: 0;

  margin-right: -5px;

}



.dropdown-submenu:hover>a:after {

  border-left-color: #fff;

}



.dropdown-submenu.pull-left {

  float: none;

}



.dropdown-submenu.pull-left>.dropdown-menu {

  left: -100%;

  margin-left: 10px;

  border-radius: 6px 0 6px 6px;

  border-radius: 6px 0 6px 6px;

}



.info-title a {

  color: white !important;

}



.top-info a i {

  color: white !important;

  font-weight: 700;

  padding: 5px;

  font-size: 21px;

}



.dropdown-menu {

  text-align: left;

  z-index: 100;

  min-width: 220px;

  border-radius: 0;

  padding: 0;

  border: 1px solid black;

  background-color: transparent;

}



@media (min-width: 992px) {

  .dropdown-menu {

    background: #fff;

  }

}



.dropdown-menu.menu-center {

  left: -65px;

}



@media screen and (min-width: 992px) {

  .dropdown-menu {

    padding: 3px 15px;

  }

}



@media screen and (min-width: 991px) {

  .dropdown-menu {

    display: block;

    opacity: 0;

    visibility: hidden;

    margin-top: 0px;

  }

}



.dropdown-menu-large {

  min-width: 400px;

}



.dropdown-menu-large>li>ul {

  padding: 0;

  margin: 0;

  list-style: none;

}



.dropdown-menu-large>li>ul>li>a {

  padding-left: 0;

}



.navbar-nav>li>.dropdown-menu a {

  background: none;

}



.dropdown-menu li a {

  display: block;

  font-size: 15px;

  font-weight: 500;

  line-height: normal;

  text-decoration: none;

  padding: 13px 0;

  border-bottom: 1px solid rgba(0, 0, 0, 0.07);

  color: #000;

}



.dropdown-menu li:last-child>a {

  border-bottom: 0 !important;

}



.dropdown-menu li.active a {

  color: #000000;

}



.navbar-nav .active>.nav-link {

  color: #1c75bb;

}



.navbar-nav .nav-link.active,

.navbar-nav .nav-link.show {

  color: #1c75bb;

}



.navbar-nav .show>.nav-link {

  color: #1c75bb;

}



.navbar-nav .nav-link {

  color: #1c75bb;

  font-size: 15px;

  font-weight: 500;

}



.navbar-nav .nav-link:focus,

.navbar-nav .nav-link:hover {

  color: #1c75bb;

}



.navbar-toggler-icon {

  background-image: none;

  color: #fff;

  width: 39px;

  height: 35px;

  border: 1px solid #1c75bb;

  padding-top: 1px;

  background-color: #1c75bb;

  font-size: 20px;

  line-height: 35px;

  margin: 12px 0;

}



.navbar-toggler-icon:focus {

  outline: 0 solid;

}



.dropdown-menu li a {

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

}



.dropdown-menu li>a:hover,

.dropdown-menu li>a:focus {

  color: #1c75bb;

}



@media (min-width: 768px) {

  ul.nav li.dropdown:hover ul.dropdown-menu {

    display: block;

  }

}



@media (min-width: 767px) {

  ul.nav li.dropdown ul.dropdown-menu li.dropdown-submenu .dropdown-menu {

    left: 100%;

    top: 0;

    display: none;

  }



  ul.nav li.dropdown ul.dropdown-menu li.dropdown-submenu:hover .dropdown-menu {

    display: block;

  }

}



/*-- Top header btn --*/

a.top-right-btn.btn.btn-primary {

  padding: 30px 73px;

  border-radius: 3px;

  font-size: 13px;

  font-weight: 700;

  margin-right: -15px;

}



/* Button */



.btn-secondary {

  padding: 10px 25px;

  border-radius: 3px;

  font-size: 13px;

  font-weight: 700;

  background-color: #163347 !important;

}



/* Get a quote */

.header-get-a-quote .btn-primary {

  padding: 13px 25px;

  border-radius: 3px;

  line-height: normal;

  color: black;

  position: relative;

  top: -12px;

}



.header-get-a-quote .btn-primary:hover {

  background: #272d33;

}



@media (min-width: 992px) and (max-width: 1199px) {

  .top-info li.header-get-a-quote {

    display: none;

  }

}



.fa-calendar-days:before {

  content: "\f073";

  background: black;

  padding: 14px;

  color: white;

  border-radius: 50%;

  font-size: 30px;

  /* margin-right: -2px; */

}



ul.navbar-nav>li.header-get-a-quote:hover>a:after {

  position: relative;

  content: no-close-quote;

}



/* Slider

================================================== */

/*-- Main slide --*/

#main-slide .carousel-item {

  color: #fff;

  background-position: center;

  background-size: cover;

  background-size: cover;

  height: 715px;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  position: relative;

}



.carousel-item::after {

  height: 100%;

  width: 100%;

  content: "";

  position: absolute;

  background-color: #0000006c;

  top: 0;

  left: 0;

}



.z-indx {

  z-index: 1;

  margin-top: 100px;

}



#main-slide .carousel-item img {

  width: 100%;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

}



#main-slide .carousel-item .slider-content {

  z-index: 1;

  opacity: 0;

  -webkit-transition: opacity 500ms;

  transition: opacity 500ms;

}



#main-slide .carousel-item.active .slider-content {

  opacity: 1;

  -webkit-transition: opacity 100ms;

  transition: opacity 100ms;

}



#main-slide .slider-content {

  width: 100%;

  color: #fff;

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -webkit-flex-direction: column;

  -moz-box-orient: vertical;

  -moz-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -moz-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -moz-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-align-content: center;

  -ms-flex-line-pack: center;

  align-content: center;

  min-height: 800px;

}



.slide-title {

  font-size: 24px;

  font-weight: 100;

  line-height: 20px;

  color: #fff;

  margin: 0;

  margin-top: -300px;

}



.slide-sub-title {

  font-style: normal;

  font-size: 30px;

  line-height: 40px;

  margin: -266px 0 20px;

  color: #fff;

}



.slider-text {

  display: table;

  vertical-align: bottom;

  color: #fff;

  padding-left: 40%;

  width: 100%;

  padding-bottom: 0;

  padding-top: 20px;

}



.slider-text .slide-head {

  font-size: 36px;

  color: #0052a5;

  position: relative;

}



.slider-img {

  display: block;

  position: absolute;

  top: -80px;

  left: 20%;

  width: 314px;

  max-height: 100%;

}



.slider-img img {

  display: block;

  position: relative;

  max-height: 100%;

  width: auto;

}



.slider.btn {

  margin: 15px 5px 0;

  border: 2px solid transparent;

}



.slider.btn.btn-border {

  border: 2px solid #fff;

  color: #fff;

}



.slider.btn.btn-border:hover {

  border: 2px solid transparent;

  color: #fff;

}



.slider-description {

  color: #fff;

  font-size: 22px;

  line-height: 34px;

  margin: 0px;

  margin-bottom: 20px;

}



/* Carousel control */

.carousel-indicators li {

  width: 10px !important;

  height: 10px !important;

  margin: 1px !important;

  border-radius: 100% !important;

  border: 0 !important;

  background: rgba(255, 255, 255, 0.5);

}



#main-slide .carousel-indicators li.active,

#main-slide .carousel-indicators li:hover {

  background: #1c75bb;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

  transition: all 300ms ease;

}



#main-slide .carousel-control.left,

#main-slide .carousel-control.right {

  opacity: 0;

  width: 0;

  filter: alpha(opacity=0);

  background-image: none;

  background-repeat: no-repeat;

  text-shadow: none;

  -webkit-transition: all 0.25s ease;

  transition: all 0.25s ease;

  transition: all 0.25s ease;

}



#main-slide .carousel-indicators {

  opacity: 0;

  filter: alpha(opacity=0);

  background-image: none;

  background-repeat: no-repeat;

  text-shadow: none;

  -webkit-transition: all 0.25s ease;

  transition: all 0.25s ease;

  transition: all 0.25s ease;

}



#main-slide:hover .carousel-control.left,

#main-slide:hover .carousel-control.right {

  opacity: 1;

  filter: alpha(opacity=100);

}



#main-slide:hover .carousel-indicators {

  opacity: 1;

  filter: alpha(opacity=100);

}



#main-slide .carousel-control .fa-angle-left,

#main-slide .carousel-control .fa-angle-right {

  position: absolute;

  top: 50%;

  z-index: 5;

  display: inline-block;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  transform: translateY(-50%);

}



#main-slide .carousel-control .fa-angle-left {

  left: 20px;

}



#main-slide .carousel-control .fa-angle-right {

  right: 20px;

}



#main-slide .carousel-control i {

  /* background: rgba(0, 0, 0, 0.3); */

  color: #fff;

  line-height: 58px;

  /* width: 60px;

  height: 60px; */

  font-size: 20px;

  border-radius: 0;

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

  transition: all 500ms ease;

}



/* #main-slide .carousel-control i:hover {

  background: #1C75BB;

  color: #fff;

} */

#main-slide .carousel-indicators {

  display: none !important;

}



/*-- Animation */

.carousel-inner .carousel-item.active h2,

.carousel-inner .carousel-item.active h3,

.carousel-inner .carousel-item.active p {

  -webkit-animation: fadeInLeft 1.5s ease-in-out 300ms both;

  animation: fadeInLeft 1.5s ease-in-out 300ms both;

}



/*-- Owl slide common --*/

.owl-carousel.page-slider .owl-nav {

  margin: 0;

}



.owl-carousel .owl-nav {

  text-align: center;

}



.owl-carousel.owl-theme .owl-nav [class*="owl-"] {

  background: #1c75bb;

  position: absolute;

  bottom: 0;

  right: -25px;

  width: 40px;

  height: 40px;

  line-height: 34px;

  font-size: 20px;

  text-align: center;

  margin: 0;

  border-radius: 0;

  -webkit-transition: 400ms;

  transition: 400ms;

  transition: 400ms;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  transform: translateY(-50%);

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

}



.owl-carousel.owl-theme .owl-nav [class*="owl-prev"] {

  right: 40px;

}



.owl-carousel.owl-theme.owl-dark .owl-nav .disabled {

  background: #90a9e7;

  color: #fff;

  opacity: 1;

}



/* Dark bg */

.owl-theme .owl-dots {

  text-align: center;

  margin-top: 40px;

  position: relative;

  z-index: 1;

}



.owl-theme .owl-dots .owl-dot {

  display: inline-block;

}



.owl-theme .owl-dots .owl-dot span {

  width: 30px;

  height: 4px;

  margin: 5px 4px;

  background: #000;

  opacity: 0.2;

  display: inline-block;

}



.owl-theme .owl-dots .owl-dot.active span {

  background: #1c75bb;

  opacity: 1;

}



/* Owl Page slider */

.page-slider.owl-carousel.owl-theme .owl-nav [class*="owl-"] {

  background: rgba(0, 0, 0, 0.3);

  color: #fff;

  height: 100px;

  line-height: 100px;

  border-radius: 0;

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

  margin-top: -25px;

}



.page-slider.owl-carousel.owl-theme .owl-nav [class*="owl-"]:hover {

  background: #1c75bb;

}



.page-slider.owl-theme .owl-nav div {

  background: rgba(0, 0, 0, 0.5);

  position: absolute;

  top: 50%;

  width: 36px;

  height: 72px;

  line-height: 72px;

  font-size: 26px;

  text-align: center;

  margin: 0;

  border-radius: 0;

  -webkit-transition: 400ms;

  transition: 400ms;

  transition: 400ms;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  transform: translateY(-50%);

}



.page-slider.owl-theme .owl-nav div:hover {

  background: #1c75bb;

  color: #fff;

}



.page-slider.owl-theme .owl-nav [class*="owl-prev"] {

  right: auto;

  left: 0;

}



.page-slider .item {

  position: relative;

  z-index: 2;

  min-height: 700px;

  background-position: 50% 50%;

  background-size: cover;

}



.page-slider.page-slider-small .item {

  max-height: 500px;

  min-height: auto;

}



.page-slider .owl-item .box-slider-content {

  opacity: 0;

  -webkit-transition: opacity 1.5s;

  transition: opacity 1.5s;

}



.page-slider .owl-item.active .box-slider-content {

  opacity: 1;

  -webkit-transition: opacity 0.8s;

  transition: opacity 0.8s;

}



.page-slider .owl-item.active .box-slider-text {

  -webkit-animation: slideInRight 0.8s ease-out 1s both;

  animation: slideInRight 0.8s ease-out 1s both;

}



.page-slider-caption {

  position: absolute;

  bottom: 0;

  width: 100%;

  padding: 5px 20px;

  background: rgba(255, 255, 255, 0.9);

}



.page-slider-caption h3 {

  font-size: 20px;

}



.page-slider-caption span {

  font-weight: 400;

}



/* Owl Box slider */

.box-slider-content {

  top: 50%;

  padding: 0;

  position: absolute;

  width: 600px;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  transform: translateY(-50%);

}



.box-slider-text {

  background: #fff;

  display: inline-block;

  padding: 20px 30px;

  max-width: 650px;

}



.box-slider-text .slider.btn {

  padding: 12px 40px;

}



.box-slider-text .slider.btn.btn-border {

  border: 2px solid #1c75bb;

  color: #252a37;

}



.box-slider-text .slider.btn.btn-border:hover {

  color: #fff;

  border-color: transparent;

}



.box-slide-title {

  font-size: 24px;

  font-weight: 400;

  margin: 0;

  color: #666;

}



.box-slide-sub-title {

  font-size: 36px;

  margin: 8px 0 10px;

}



.box-slide.owl-theme .owl-controls {

  margin: -20px;

}



/*-- Slider pages --*/

#main-slide.slider-pages .item {

  min-height: 340px;

  color: #fff;

  background-position: 50% 50%;

  background-size: cover;

  background-size: cover;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

}



/* Features

================================================== */

.ts-features [class*="col"] {

  height: 360px;

  padding: 0;

}



.feature-box1,

.feature-box2,

.feature-box3 {

  position: relative;

  background-size: cover;

  background-position: center;

}



.ts-features-col {

  padding-top: 0;

}



.ts-features-col .feature-box1,

.ts-features-col .feature-box2,

.ts-features-col .feature-box3 {

  overflow: hidden;

}



.ts-features-col .feature-box1:after,

.ts-features-col .feature-box2:after,

.ts-features-col .feature-box3:after {

  background: #222222;

}



.ts-features-col .feature-box1:after {

  background: #1c75bb;

}



.ts-features-col .feature-box2:after {

  background: #0f2765;

}



.feature-box1:after,

.feature-box2:after,

.feature-box3:after {

  position: absolute;

  content: "";

  background: rgba(34, 34, 34, 0.85);

  width: 100%;

  height: 100%;

  top: 0;

}



.ts-feature-info {

  color: #fff;

  z-index: 1;

  position: relative;

  padding: 50px;

}



.ts-feature-title {

  font-size: 28px;

  margin: 30px 0 20px;

  color: #fff;

}



.ts-feature-info i {

  font-size: 40px;

}



.feature-box1:after {

  background: rgba(33, 84, 207, 0.85);

}



.feature-box2:after {

  background: rgba(15, 39, 101, 0.85);

}



/* Feature Icon Left */

.ts-feature-info.icon-left .feature-icon {

  float: left;

  color: #3261d3;

}



.ts-feature-info.icon-left .feature-icon i {

  font-size: 50px;

}



.ts-feature-info.icon-left .feature-content {

  margin-left: 80px;

}



.ts-feature-info.icon-left .feature-content h3 {

  color: #252a37;

}



.ts-feature-info.icon-left .feature-content p {

  color: #626c84;

}



.ts-feature-info.icon-left .ts-feature-title {

  font-size: 22px;

  margin: 0 0 5px 0;

}



/*-- ts-features-row --*/



.feature-light-row {

  margin-top: -15%;

  background: #fff;

  box-shadow: 0px 2px 20px 0 rgba(0, 0, 0, 0.05);

}



.feature-light-row .text-center {

  padding: 30px;

}



/* Ts-Service-Area

===================================================*/



/* ts-service-box */

.ts-service-image-wrapper img {

  width: 100%;

  height: 220px;

}



.ts-service-box-img {

  float: left;

}



.ts-service-area h2 {

  margin-bottom: 50px;

}



.ts-service-box-info h3 {

  margin-bottom: 5px;

  font-size: 18px;

}



.ts-service-area .text-center {

  margin-bottom: 40px;

}



.ts-service-box-info p {

  line-height: 25px;

  font-size: 15px;

  line-height: 24px;

}



.ts-service-box-info {

  margin-left: 100px;

}



.ts-service-box {

  margin-bottom: 0px;

}



/* .ts-service-box:after {

    content:  "";

    clear:  both;

    display:  block;

} */



.modal-target {

  width: 100%;

  cursor: pointer;

  border-radius: 5px;

  transition: 0.3s;

}



.modal-target:hover {

  /* opacity: 0.7; */

  transform: scale(106%);

}



.w3-modal {

  display: none;

  position: absolute;

  z-index: 1;

  padding-top: 100px;

  left: 0;

  top: 0;

  width: 100%;

  overflow: auto;

  /* background-color: rgb(0, 0, 0); */

  background-color: rgba(0, 0, 0, 0.8);

}



.w3-modal-content {

  margin: auto;

  display: block;

  width: 40%;

  opacity: 1 !important;

  margin-top: -100px;

  max-width: 1200px;

}



.w3-modal-caption {

  margin: auto;

  display: block;

  width: 80%;

  max-width: 1200px;

  text-align: center;

  color: white;

  font-weight: 700;

  font-size: 1em;

  margin-top: 32px;

}



.w3-modal-content,

.w3-modal-caption {

  -webkit-animation-name: zoom;

  -webkit-animation-duration: 0.6s;

  animation-name: zoom;

  animation-duration: 0.6s;

}



@-webkit-keyframes zoom {

  from {

    -webkit-atransform: scale(0);

  }



  to {

    -webkit-transform: scale(1);

  }

}



@keyframes zoom {

  from {

    transform: scale(0);

  }



  to {

    transform: scale(1);

  }

}



.modal-close {

  position: absolute;

  top: 70px;

  right: 322px;

  color: #f1f1f1;

  font-size: 40px;

  font-weight: bold;

  transition: 0.3s;

  cursor: pointer;

}



.modal-close:hover,

.modal-close:focus {

  color: #bbb;

  text-decoration: none;

  cursor: pointer;

}



/*Project

===========================================*/



/* Project All */



.projects .latest-post .post-cat {

  font-size: 20px;

  font-weight: 700;

  font-style: normal;

}



/* Single project */



.single-project #main-slide .carousel-item {

  min-height: 500px;

}



.complete-project-bg .ts-progress-bar {

  width: 100%;

  margin-left: 20px;

}



h5.mb-0 .project-btn:before {

  content: "\f107";

}



h5.mb-0 .project-btn.collapsed:before {

  content: "\f106";

}



h5.mb-0 .project-btn:before,

h5.mb-0 .project-btn.collapsed:before {

  font-family: "FontAwesome";

  position: absolute;

  z-index: 0;

  font-size: 16px;

  right: 0px;

  padding: 0 5px;

  text-align: center;

  top: 50%;

  background: none;

  color: #000;

}



h5.mb-0 .project-btn {

  display: block;

  width: 100%;

  text-align: left;

}



.project-accordion .card-header {

  border: 1px solid rgba(0, 0, 0, 0.125);

}



.project-accordion .card {

  margin-bottom: 10px;

}



.btn-block {

  margin-top: 30px;

}



.tag {

  margin-top: 30px;

}



.project-accordion .card-header {

  padding: 5px 0 10px;

}



.project-accordion .card-body {

  padding: 10px 60px 0px;

}



.project-right-side {

  margin-top: 65px;

}



/* Project All */



.projects .latest-post.post-large .post-body {

  position: absolute;

  bottom: 25px;

  color: #fff;

  padding: 80px 30px 30px 30px;

  background: rgba(0, 0, 0, 0.5);

  display: inline-block;

  width: 80%;

  left: 30px;

}



.projects .latest-post .post-cat {

  font-size: 20px;

  font-weight: 700;

  font-style: normal;

}



.projects .latest-post {

  min-height: auto;

}



/* Single project */



.single-project #main-slide .carousel-item {

  min-height: 500px;

}



.complete-project-bg .ts-progress-bar {

  width: 100%;

  margin-left: 20px;

}



h5.mb-0 .project-btn:before {

  content: "\f107";

}



h5.mb-0 .project-btn.collapsed:before {

  content: "\f106";

}



h5.mb-0 .project-btn:before,

h5.mb-0 .project-btn.collapsed:before {

  font-family: "FontAwesome";

  position: absolute;

  z-index: 0;

  font-size: 16px;

  right: 0px;

  padding: 5px 15px;

  text-align: center;

  top: 0;

  background: none;

  color: #000;

}



h5.mb-0 .project-btn {

  display: block;

  width: 100%;

  text-align: left;

}



h5.mb-0 .project-btn span {

  padding-left: 10px;

}



.project-accordion .card-header {

  border: 1px solid rgba(0, 0, 0, 0.125);

}



.project-accordion .card {

  margin-bottom: 10px;

}



.btn-block {

  margin-top: 30px;

}



.tag {

  margin-top: 30px;

}



.project-accordion .card-header {

  padding: 5px 0 10px;

}



.project-accordion .card-body {

  padding: 10px 12px 0px;

}



.project-right-side {

  margin-top: 65px;

}



/* Services

======================================*/



/* Service All */



.ts-services {

  padding: 80px 0;

}



.ts-service-content .service-title {

  margin-bottom: 10px;

}



/* Single Service */



.single-service-img img {

  width: 100%;

  height: auto;

  margin-bottom: 30px;

}



.service-blocknumber .block-number {

  width: 40px;

  height: 40px;

  line-height: 40px;

  background-color: #1c75bb;

  color: #ffffff;

  border-radius: 100px;

  margin-right: 10px;

  display: inline-block;

  text-align: center;

}



.service-content-area .service-text {

  margin-left: 50px;

}



.service-content-area h3 {

  margin-bottom: 5px;

}



.news-post .post-body {

  background: none;

}



/* ts-service-box */



.ts-service-row-box .ts-service-box {

  background: #fff;

  border: 1px solid grey;

  border-radius: 5px;

}



.ts-service-row-box .ts-service-content {

  padding: 20px;

  text-align: center;

}



.ts-service-row-box h4 {

  font-weight: 500;

}



.no-padding .ts-service-pattern {

  padding: 100px 0;

}



.ts-service-pattern {

  position: relative;

  z-index: 2;

}



.ts-service-pattern:before {

  position: absolute;

  top: 0;

  left: 0;

  content: "";

  width: 100%;

  height: 100%;

  /* background: url("../images/pattern/pattern_arrow.html") no-repeat top left; */

}



.ts-service-pattern:after {

  /* background: url("../images/pattern/pattern_box.html") no-repeat bottom right; */

  content: "";

  width: 100%;

  height: 100%;

  right: 0;

  bottom: 0;

  position: absolute;

  z-index: -1;

}



@media screen and (max-width: 991px) {



  .ts-service-pattern:before,

  .ts-service-pattern:after {

    display: none;

  }

}



.ts-service-content {

  position: relative;

}



.ts-service-content p {

  margin-bottom: 0;

}



.ts-service-content p .link-more {

  margin-top: 10px;

  display: block;

}



.ts-service-icon i {

  font-size: 70px;

  position: absolute;

  right: 0;

  color: #f2f2f2;

  z-index: -1;

}



/* .service-title {

  margin-top: 25px;

} */



/* Service Single */

.sidebar .download-btn {

  border: 1px solid #eaeaea;

  padding: 20px 30px;

  font-size: 22px;

  margin: 0;

}



.how-to-apply h3 {

  font-size: 24px;

  color: #fff;

}



.how-to-apply p {

  color: #fff;

}



.widget.box-primary {

  padding: 30px;

}



.box-primary .btn {

  font-size: 16px;

  font-weight: 600;

}



.service-menu {

  margin: 0;

  padding: 0;

  list-style: none;

}



.service-menu li a {

  display: block;

  background: #f7f9fd;

  padding: 15px 20px;

  margin-bottom: 8px;

  color: #626c84;

  position: relative;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

}



.service-menu li a:hover {

  background: #1c75bb;

  color: #fff !important;

}



.service-menu li a:before {

  content: "\f105";

  font-family: FontAwesome;

  padding-right: 10px;

  font-weight: normal;

}



.service-menu li:last-child a {

  margin-bottom: 0;

}



/*Service area */



.ts-service-wrapper {

  max-width: 350px;

  display: flex;

  flex-wrap: wrap;

}



.justify-content-self-center {

  padding-right: 100px;

}



.ts-service-area {

  position: relative;

}



/* testimonial */

.testimonial-static .quote-item {

  padding: 0;

}



.testimonial-static .quote-item .quote-text:after {

  display: none;

}



.testimonial-static .quote-item .quote-text:before {

  left: 50%;

  margin-left: -30px;

}



.testimonial-static .quote-item .quote-subtext {

  color: #626c84;

}



.testimonial-static .quote-item-footer {

  margin-top: 0;

  padding-bottom: 40px;

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -moz-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -moz-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

}



.testimonial-static .quote-classic .quote-text {

  text-align: center;

}



.ts-list {

  list-style: none;

  margin: 0;

  padding: 0;

}



.ts-list li {

  display: block;

  margin-bottom: 20px;

  position: relative;

  padding-left: 25px;

}



.ts-list li a {

  display: block;

}



.ts-list li:last-child {

  margin-bottom: 0;

}



.ts-list li:before {

  font-family: fontAwesome;

  content: "\f0c8";

  font-size: 8px;

  color: #252a37;

  position: absolute;

  top: 0;

  left: 0;

}



.text-block blockquote.light {

  background: #f7f9fd;

  border-left: 5px solid #1c75bb;

  color: #626c84;

  padding: 35px;

}



.text-block blockquote.light p {

  font-size: 16px;

  font-style: normal;

  font-weight: normal;

}



.text-block blockquote:before {

  display: none;

}



/* Testimonial Area

==================================================*/



.testimonial-area .testimonial-slide {

  padding: 0px;

}



.testimonial-area .column-title span {

  font-size: 18px;

  line-height: 18px;

}



.testimonial-area .quote-item .quote-text {

  margin: 40px 0 10px;

  display: inline-block;

  padding: 50px 40px 30px 45px;

  background-color: #fff;

  background: #1e2227;

  color: #fff;

  position: relative;

  font-size: 16px;

  font-style: italic;

}



.testimonial-area .quote-item .quote-text:after {

  content: "";

  position: absolute;

  bottom: -20px;

  left: 55px;

  border-width: 0 0 20px 20px;

  border-style: solid;

  border-color: transparent #1e2227;

  display: block;

  width: 0;

}



/* Facts

================================================== */

/* Skills image*/

.skills-image {

  height: 565px;

  position: relative;

  overflow: hidden;

}



.skills-image img {

  height: 100%;

  width: 100%;

}



/* Intro video */

.intro-video {

  height: 585px;

  position: relative;

  overflow: hidden;

}



.intro-video:after {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  opacity: 0;

  background: rgba(0, 0, 0, 0.35);

}



.intro-video:hover:after {

  opacity: 1;

  -webkit-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

}



.intro-video img {

  height: 100%;

}



.ts-facts-area [class*="col"] {

  padding: 0;

}



.ts-facts-area .ts-padding {

  padding: 70px 140px 40px 50px;

}



.ts-facts-area .column-title {

  font-size: 36px;

  line-height: 40px;

  margin-bottom: 10px;

}



.ts-facts i {

  font-size: 48px;

  color: #a4a7af;

}



.ts-facts-num {

  font-size: 30px;

  font-weight: 700;

  color: #252a37;

  margin-top: 15px;

  margin-bottom: 0;

  display: inline-block;

}



.facts h4 {

  font-size: 18px;

  margin-top: 8px;

  text-transform: uppercase;

}



/* Facts bg area */

.ts-facts-area-bg {

  /* background-image: url("../images/parallax/parallax1.jpg"); */

  padding: 60px 0;

  color: #ffffff;

  background-color: #ffc000;

  background-repeat: no-repeat;

  background-size: cover;

  background-attachment: fixed;

  background-position: 50% 50%;

}



.ts-facts-bg i {

  font-size: 48px;

  color: #fff;

}



.ts-facts-bg .ts-facts-num {

  color: #fff;

}



.column-left-title .column-title {

  color: #fff;

  font-size: 30px;

  line-height: 42px;

  padding-top: 30px;

  font-weight: 700;

}



/* Intro Area 

================================================== */

.ts-intro {

  padding-bottom: 80px;

}



.ts-intro .btn-primary {

  margin-top: 15px;

}



.ts-intro .column-title {

  font-size: 36px;

  line-height: 44px;

}



.ts-intro .pull-right.btn-primary {

  margin-right: 20px;

}



/* Intro Image Box */

.intro-image-box {

  position: relative;

  margin: 20px;

}



.intro-image-content {

  position: absolute;

  top: 20px;

  right: 20px;

  bottom: 20px;

  left: 20px;

  padding: 30px;

  z-index: 1;

  width: 345px;

  height: 460px;

  text-align: center;

  background: rgba(255, 255, 255, 0.9);

  -webkit-box-shadow: 0 20px 25px 15px rgba(0, 0, 0, 0.35);

  box-shadow: 0 20px 25px 15px rgba(0, 0, 0, 0.35);

  -webkit-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

}



.intro-image-content h3 {

  font-size: 180px;

  line-height: 100%;

  margin: 50px 0 0;

}



.intro-image-content p {

  font-size: 24px;

  line-height: 30px;

  font-weight: 700;

}



.intro-shape:after {

  content: "";

  position: absolute;

  right: 0;

  z-index: -1;

  border-left: 400px solid transparent;

  border-right: 0 solid transparent;

  border-bottom: 400px solid #1c75bb;

  bottom: -40px;

}



/* Call to action

================================================== */

.call-to-action-title {

  font-size: 30px;

  color: #252a37;

  line-height: 48px;

}



.call-to-action {

  padding: 70px 0;

}



.call-to-action p {

  font-size: 18px;

  font-weight: 500;

  color: #252a37;

  line-height: 28px;

}



.call-to-action .btn {

  font-weight: 800;

  margin-top: 10px;

}



/* Call To Action Solid bg */

.call-to-action h3 {

  margin-bottom: 10px;

}



.call-to-action-bg {

  padding: 20px;

  background: #1c75bb;

}



.call-to-action-bg h3 {

  margin-bottom: 10px;

}



.call-to-action-bg h3,

.call-to-action-bg p {

  color: #fff;

}



.call-to-action-bg p {

  margin-bottom: 0;

}



.service-call-to-action {

  font-size: 24px;

  line-height: 26px;

}



/* Services

================================================== */



/*-- Featured Tab --*/

.featured-tab {

  margin: 0;

  padding: 0;

  list-style: none;

}



.featured-tab .nav-tabs {

  border-bottom: 0;

}



.featured-tab .nav-tabs>li>a {

  font-size: 14px;

  font-weight: bolder;

  line-height: 1.42857143;

  padding: 12px 15px;

  background: #f5f5f5;

  color: inherit;

  border: 1px solid #e5e5e5;

  border-right-width: 0;

}



.featured-tab .nav-tabs>li:last-child>a {

  border-right-width: 1px;

}



.featured-tab .nav-tabs>li>a.active {

  color: inherit;

  background-color: #fff;

  border-bottom-color: transparent;

  cursor: default;

}



.tab-text-title {

  display: block;

  margin-top: 20px;

}



.featured-tab .tab-content {

  margin-top: 5px;

  border: 1px solid #e5e5e5;

  background: #fff;

  padding: 15px;

}



@media screen and (min-width: 992px) {

  .featured-tab .bg-contain-verticle {

    min-height: 290px;

  }

}



.bg-contain-verticle {

  background-size: cover;

  background-repeat: no-repeat;

  vertical-align: middle !important;

  padding: 30px 25px;

  margin: -10px;

}



.img-center {

  display: block;

  margin-right: auto;

  margin-left: auto;

}



.tab-content-info {

  padding-left: 30px;

}



.tab-content-info .btn-light {

  font-weight: 800;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

  background-color: transparent;

  border-color: transparent;

}



.tab-content-info .btn-light i {

  padding-left: 5px;

}



.tab-content-info .btn-light:hover {

  color: #1c75bb;

  background-color: transparent;

}



.tab-content-title {

  font-size: 30px;

  line-height: 22px;

  margin-top: 40px;

  margin-bottom: 30px;

  display: inline-block;

}



@media screen and (max-width: 479px) {

  .tab-content-title {

    line-height: 36px;

  }



  .bg-new h2 {

    font-size: 30px !important;

    margin-bottom: 20px;

    color: #1c75bb;

  }

}



.featured-tab .tab-pane img.pull-left {

  margin: 0 40px 10px 0;

}



.featured-tab .tab-pane img.pull-right {

  margin: 0 0 0 40px;

}



.featured-tab .nav-link {

  position: relative;

  z-index: 2;

}



.featured-tab .nav-link.active:after {

  position: absolute;

  left: 50%;

  bottom: 0;

  content: "";

  width: 100px;

  height: 3px;

  background: #2154ce;

  margin-left: -50px;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

}



.featured-tab .nav-link.active .tab-head span {

  color: #2154ce;

}



.tab-head span {

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

  color: #222222;

}



.tab-head span i {

  font-size: 45px;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

  color: #2154ce;

}



/* Featured Project Slider

================================================== */

.ts-featured-projects {

  padding-top: 70px;

}



#featured-cases-slide {

  position: relative;

}



#featured-cases-slide .owl-stage-outer {

  padding-top: 75px;

}



#featured-cases-slide .item {

  min-height: 470px;

}



.featured-projects-content {

  min-height: 470px;

  padding: 0 45px;

  margin: 0 30px 20px;

  background: #f7f9fd;

  border-radius: 3px;

  position: relative;

  /*box-shadow: 0 1px 30px 0 rgba(0,0,0,.05);*/

  -webkit-box-shadow: none;

  box-shadow: none;

}



.featured-projects-text {

  max-width: 510px;

  padding: 50px 30px 0 0;

}



.featured-projects-text.pull-right {

  padding: 50px 0 0 30px;

}



.features-slider-img {

  margin-top: -75px;

}



.featured-projects-content .btn-primary {

  margin-top: 15px;

}



.content-title.border-none {

  border-left: 0;

  padding-left: 0;

  line-height: 44px;

  margin-bottom: 0;

  font-size: 36px;

}



.box-solid {

  background: #f7f9fd;

}



.list-style-classic {

  padding: 30px;

}



.list-style-classic ul {

  list-style: none;

  margin: 0;

  padding: 0;

}



.list-style-classic li {

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  margin-bottom: 15px;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -moz-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.list-style-classic li div {

  width: 100%;

}



.list-style-classic li:last-child {

  margin-bottom: 0;

}



.list-style-classic .classic-title {

  font-size: 24px;

  font-weight: 600;

  line-height: 32px;

  margin-bottom: 45px;

}



.case-info-content {

  color: #626c84;

}



.case-info-label {

  font-weight: 900;

  color: #252a37;

}



.case-counter {

  margin: 25px 0;

}



.case-counter p {

  color: #1c75bb;

  font-size: 30px;

}



.case-counter h3 {

  font-size: 24px;

  color: #252a37;

}



/* Owl Page slider */

.owl-carousel.featured-cases-slide.owl-theme .owl-nav>div {

  bottom: -40px;

  right: 78px;

  width: 60px;

  height: 60px;

  line-height: 56px;

  font-size: 26px;

}



.owl-carousel.featured-cases-slide.owl-theme .owl-nav>.owl-prev {

  right: 138px;

}



.owl-carousel.featured-cases-slide.owl-theme .owl-nav>.disabled {

  background: #90a9e7;

}



/* Team

================================================== */

.ts-team-wrapper {

  position: relative;

  overflow: hidden;

  -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.03);

  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.03);

  text-align: center;

  min-height: 380px;

}



.team-img-wrapper img {

  width: auto;

}



.ts-team-content {

  position: relative;

  left: 0;

  width: 100%;

  height: 100%;

  height: 95px;

  padding: 22px 25px;

  margin-top: 0;

  -webkit-transition: 350ms;

  transition: 350ms;

  transition: 350ms;

}



.team-img-wrapper {

  position: relative;

  -webkit-transition: 400ms;

  transition: 400ms;

  transition: 400ms;

}



.team-img-wrapper:after {

  position: absolute;

  content: "";

  background: rgba(31, 31, 31, 0.8);

  width: 100%;

  height: 100%;

  top: 0;

  bottom: 0;

  left: 0;

  opacity: 0;

  -webkit-transition: 400ms;

  transition: 400ms;

  transition: 400ms;

}



.ts-team-content .team-name {

  font-size: 20px;

  margin: 0;

  line-height: normal;

}



.ts-team-content .team-designation {

  font-size: 14px;

  font-style: italic;

}



.team-social-icons {

  display: none;

  -webkit-transition: 400ms;

  transition: 400ms;

  transition: 400ms;

}



.ts-team-info.team-list-border {

  border: 1px solid #f0f0f0;

  border-top: 0;

  padding: 20px 30px;

}



.ts-team-info.team-list-border .team-social-classic {

  border-top: 1px solid #f0f0f0;

  padding-top: 20px;

  margin-top: 20px;

}



/* Hover */

.ts-team-wrapper:hover .ts-team-content {

  position: absolute;

  top: 50%;

  margin-top: -95px;

  -webkit-transition: 400ms;

  transition: 400ms;

  transition: 400ms;

}



.ts-team-wrapper:hover .ts-team-content h3,

.ts-team-wrapper:hover .ts-team-content p {

  color: #fff;

}



.ts-team-wrapper:hover .team-img-wrapper:after {

  opacity: 1;

  right: 0;

}



.ts-team-wrapper:hover .team-social-icons {

  display: block;

  height: 95px;

  padding: 30px 0;

}



.team-social-icons a {

  color: #252a37;

  margin-right: 12px;

  text-align: center;

}



.team-social-classic a {

  display: inline-block;

  color: #000;

  padding-right: 20px;

}



.team-social-classic a:hover {

  color: #0f2765;

}



.ts-team-info {

  position: relative;

  left: 0;

  padding: 20px 0 0;

  margin-top: 0;

}



.ts-team-info h3 {

  font-size: 20px;

  margin-bottom: 0;

}



.ts-team-info p {

  margin-top: 0;

}



.ts-team-info .team-designation {

  font-size: 14px;

  font-style: italic;

}



/* Ts-Team */

.ts-team-bg {

  background-color: #f8f9fd;

}



/* Quote area

================================================== */



.quote_form {

  padding: 80px 0px 80px;

  margin-top: -80px;

  margin-bottom: -80px;

}



.quote_form .form-group {

  margin-bottom: 30px;

}



.quote-form-text {

  text-align: center;

  font-weight: 600;

  margin-bottom: 30px;

}



.quote_form input::input-placeholder,

.quote_form textarea::input-placeholder {

  color: #fff;

  color: rgba(255, 255, 255, 0.3);

}



.newsletter-form input::input-placeholder,

.newsletter-form input:-moz-placeholder,

.newsletter-form input::-moz-placeholder {

  color: #252a37;

}



.quote_form input:-moz-placeholder,

.quote_form textarea:-moz-placeholder,

.quote_form input::-moz-placeholder,

.quote_form textarea::-moz-placeholder {

  color: #fff;

}



.newsletter-form input::-moz-placeholder {

  color: #fff;

}



.quote_form input:-ms-input-placeholder,

.quote_form textarea:-ms-input-placeholder {

  color: #fff;

}



.newsletter-form input:-ms-input-placeholder {

  color: #fff;

}



.quote_form .form-control {

  border: 0;

  border-bottom: 1px solid #6d6d6d;

  padding-left: 0;

  color: #fff;

}



.quote_form .form-control:focus {

  border: 0;

  border-bottom: 1px solid #1c75bb;

  background: none;

}



.quote_form .tag-line {

  text-align: center;

  color: #fff;

  clear: both;

  margin-top: 20px;

  margin-bottom: 0;

}



.quote_form .tag-line p {

  color: #fff;

  margin: 0;

  font-size: 14px;

}



/*-- Testimonial --*/

.testimonial-slide .owl-nav {

  position: absolute;

  right: 40px;

  bottom: 95px;

}



.testimonial-slide {

  padding: 50px 0;

}



@media screen and (min-width: 992px) {

  .quote-item.quote-left {

    padding-right: 50px;

  }

}



@media screen and (min-width: 992px) {

  .quote-item.quote-right {

    padding-left: 50px;

  }

}



.quote-item .quote-text {

  margin: 40px 0 10px;

  display: inline-block;

  padding: 50px 40px 30px 45px;

  background-color: #fff;

  background: #1e2227;

  color: #fff;

  position: relative;

  font-size: 16px;

  font-style: italic;

}



.quote-item .quote-text:before {

  content: "\f10d";

  font-family: FontAwesome;

  position: absolute;

  font-size: 20px;

  left: 45px;

  top: -20px;

  color: #fff;

  background: #1c75bb;

  width: 50px;

  height: 50px;

  line-height: 50px;

  text-align: center;

  border-radius: 3px;

  font-style: normal;

}



.quote-item .quote-text:after {

  content: "";

  position: absolute;

  bottom: -20px;

  left: 55px;

  border-width: 0 0 20px 20px;

  border-style: solid;

  border-color: transparent #1e2227;

  display: block;

  width: 0;

}



.quote-item.quote-square .quote-text:before {

  content: "\e937";

  font-family: "iconfont";

  font-size: 20px;

  width: 50px;

  height: 50px;

  border: 1px solid #1c75bb;

  line-height: 50px;

  color: #fff;

  background: #1c75bb;

  border-radius: 3px;

  left: 45px;

}



.ts-testimonial-static {

  padding: 100px 0;

}



.ts-testimonial-static .quote-classic {

  -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.04);

  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.04);

  border: none;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

}



.ts-testimonial-static .quote-classic .quote-text {

  text-align: center;

}



.ts-testimonial-static .quote-classic:hover {

  -webkit-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.06);

  box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.06);

}



/* Testimonial Slide classic */

.quote-item-area {

  max-width: 600px;

  margin: 0 auto;

}



.quote-item-area .quote-thumb {

  background: #1c75bb;

  text-align: center;

  width: 190px;

  height: 190px;

  border-radius: 100%;

}



.quote-item-area .quote-thumb img {

  display: block;

  width: 180px;

  height: 180px;

  border-radius: 100%;

}



.quote-item-content .quote-name {

  margin: 0;

}



.quote-item-content .quote-name-desg {

  margin-bottom: 10px;

  display: block;

}



.quote-message {

  font-style: italic;

}



.testimonial-slide.owl-carousel.owl-theme .owl-nav [class*="owl-"] {

  left: 0;

  top: 50%;

}



.testimonial-slide.owl-carousel.owl-theme .owl-nav [class*="owl-next"] {

  left: 0;

  right: 0;

}



.testimonial-slide.owl-carousel.owl-theme .owl-nav [class*="owl-prev"] {

  right: auto;

  left: -40px;

}



.ts-testimonial-slide.solid-bg .owl-nav {

  width: 100%;

  left: 0;

  bottom: 50%;

}



.ts-testimonial-slide.solid-bg .owl-nav .owl-next {

  left: auto;

  right: 0;

}



.ts-testimonial-slide.solid-bg .testimonial-slide.owl-carousel .owl-nav .owl-next {

  left: auto;

  right: 0;

}



.ts-testimonial-slide.solid-bg .testimonial-slide.owl-carousel .owl-nav .owl-prev {

  left: 0;

}



img.testimonial-thumb {

  max-width: 80px;

  float: left;

  margin-right: 20px;

  border-radius: 100%;

}



.quote-item-info {

  display: inline-block;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

}



.quote-author {

  font-size: 20px;

  line-height: 20px;

  margin: 0 0 2px;

  font-weight: 600;

  display: block;

  color: #000;

}



.quote-subtext {

  color: #9e9e9e;

  font-size: 14px;

}



.quote-item-footer {

  margin-top: 40px;

  margin-left: 0;

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -moz-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.ts-testimonial-slide {

  padding: 100px 0;

  margin-bottom: -40px;

}



.testimonial-slide.owl-carousel.owl-theme .owl-nav [class*="owl-"] {

  bottom: 90px;

}



.testimonial-slide.owl-theme .owl-dots {

  text-align: center;

  margin-top: 60px;

  position: relative;

  z-index: 1;

}



.testimonial-slide.owl-theme .owl-dots .owl-dot {

  display: inline-block;

}



.testimonial-slide.owl-theme .owl-dots .owl-dot span {

  width: 10px;

  height: 10px;

  margin: 5px 4px;

  background: #fff;

  opacity: 0.45;

  display: inline-block;

}



.testimonial-slide.owl-theme .owl-dots .owl-dot.active span {

  background: #e50404;

  opacity: 1;

}



/* Clients

================================================== */

/*-- Partners carousel --*/

.owl-carousel.owl-theme.partners .owl-nav {

  margin: 0px;

}



.partners-carousel .owl-theme .owl-nav {

  margin-top: 0;

}



.clients-area {

  background: #f7f9fd;

  padding: 70px 0;

}



.partner-logo {

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -webkit-flex-direction: column;

  -moz-box-orient: vertical;

  -moz-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -moz-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -moz-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-align-content: center;

  -ms-flex-line-pack: center;

  align-content: center;

  min-height: 32px;

  margin-bottom: 0;

}



.partner-logo img {

  -webkit-transition: 350ms;

  transition: 350ms;

  transition: 350ms;

  width: auto !important;

}



.partner-logo:hover img {

  opacity: 1;

  -webkit-filter: grayscale(0%);

  filter: grayscale(0%);

  -moz-filter: grayscale(0%);

  -ms-filter: grayscale(0%);

  -o-filter: grayscale(0%);

  filter: grayscale(0%);

}



.owl-carousel.owl-theme.partners .owl-nav .owl-prev {

  left: -25px;

  right: auto;

  background: #1c75bb;

  color: #fff;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

}



.owl-carousel.owl-theme.partners .owl-nav .owl-prev:hover {

  background: #272d33;

}



.owl-carousel.owl-theme.partners .owl-nav [class*="owl-"] {

  bottom: 0px;

  margin-bottom: -12px;

}



.owl-carousel .owl-item img {

  height: auto;

}



.owl-carousel.partners .owl-item img {

  height: 70px;

}



/* Content area

================================================== */

/* Accordion */

.accordion-title span {

  color: #333;

  font-weight: 400;

  font-size: 16px;

}



.panel-default>.panel-heading {

  background: none;

  border-radius: 0;

  position: relative;

  padding: 6px 20px;

}



.panel-group .panel {

  margin-bottom: 10px;

  border: none;

  border-bottom: 1px solid #000;

}



.panel-body {

  padding: 20px 20px 10px 20px;

  border: 1px solid #dddddd;

  border-radius: 0 11px 0 0;

  margin-left: 15px;

}



.panel-body>img {

  max-width: 100px;

  margin-bottom: 10px;

}



p.panel-title {

  font-size: 16px;

  background: none;

  border: 0;

  padding: 8px 0 8px 0;

  line-height: normal;

  border-radius: 0;

}



p.panel-title a {

  color: #1c75bb;

}



p.panel-title span {

  float: right;

}



p.panel-title a.collapsed {

  color: #626c84;

}



/* Accordion classic */

.panel-classic .panel-heading {

  padding-left: 15px;

}



.panel-classic h4.panel-title a:before,

.panel-classic h4.panel-title a.collapsed:before {

  position: relative;

  content: "";

  font-size: 0;

}



.accordion-area .card-header .btn {

  white-space: normal;

  text-align: left;

}



.accordion-area .card-header .btn-primary {

  background: none;

}



/* Clients */

.clients-logo {

  margin: 0 0 30px;

  border: 1px solid #dadada;

  min-height: 105px;

  padding: 0 30px;

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -webkit-flex-direction: column;

  -moz-box-orient: vertical;

  -moz-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -moz-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -moz-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-align-content: center;

  -ms-flex-line-pack: center;

  align-content: center;

}



.clients-logo img {

  -webkit-filter: grayscale(1);

  filter: grayscale(1);

  -webkit-filter: grayscale(100%);

  filter: grayscale(100%);

  filter: grayscale(100%);

  -webkit-filter: gray;

  filter: gray;

}



/* Latest News section

================================================== */

.latest-post {

  position: relative;

  padding: 30px 20px 30px 30px;

  border: 1px solid #eaeaea;

  min-height: 345px;

}



.latest-post .image-angle:before {

  border-bottom: 20px solid #f9f9f9;

}



.latest-post .post-title {

  font-size: 22px;

  line-height: 28px;

  margin: 10px 0 5px;

}



.latest-post.post-large .post-body {

  position: absolute;

  bottom: 50px;

  color: #fff;

  padding: 30px;

  background: rgba(0, 0, 0, 0.5);

  display: inline-block;

  width: 80%;

  left: 30px;

}



.latest-post .post-title a {

  color: #252a37;

}



.latest-post .post-title a:hover {

  color: #1c75bb;

}



.latest-post-meta {

  font-size: 13px;

  text-transform: uppercase;

}



.latest-post .post-cat,

.latest-post .post-item-date {

  font-style: italic;

  font-size: 14px;

  display: block;

}



.latest-post .post-text {

  margin-top: 10px;

}



.latest-post .post-body {

  padding: 0;

  background: none;

  border: 0;

}



.latest-post.post-large {

  position: relative;

  padding: 0;

  border: 0;

  overflow: hidden;

}



.latest-post.post-large .post-cat {

  position: absolute;

  top: 15px;

  left: 30px;

  color: #fff;

  font-style: italic;

}



.latest-post.post-large .post-title {

  font-size: 20px;

  line-height: 26px;

  padding-top: 15px;

}



.latest-post.post-large .post-title a {

  color: #fff;

}



.latest-post.post-large .btn.btn-primary {

  padding: 12px 30px;

  margin-top: 15px;

}



/* Footer

================================================== */

.footer {

  position: relative;

  z-index: 4;

}



/*-- Footer top --*/

.footer-top {

  position: absolute;

  top: -60px;

  z-index: 1;

  margin: 0 auto;

  width: 100%;

}



.footer-top-bg {

  background: #0f2765;

  margin: 0;

  color: #fff;

}



.footer-top .footer-box {

  padding: 30px 45px 20px;

  min-height: 120px;

}



.footer-top .footer-box i {

  float: left;

  font-size: 28px;

  margin-top: 0px;

  background: rgba(0, 0, 0, 0.3);

  text-align: center;

  width: 65px;

  height: 65px;

  line-height: 65px;

  border-radius: 100%;

}



.footer-top .footer-box .footer-box-content {

  margin-left: 90px;

}



.footer-top .footer-box .footer-box-content h3 {

  margin-top: 6px;

  margin-bottom: 2px;

  font-size: 20px;

  color: #fff;

}



.footer-top .footer-box .footer-box-content p {

  margin: 0;

  font-size: 14px;

}



/*-- Footer main --*/

.footer-main {

  /* background: url(../images/footer-bg.png); */

  background-size: cover;

  background-position: 100%;

  color: black;

  position: relative;

  padding-top: 50px;

  padding-bottom: 25px;

}



.footer-main.bg-overlay:after {

  background-color: #e3eef7;

  /* background-color: #1C75BB; */

}



/* .footer-widget {

  padding-bottom: 40px;

} */



.footer .widget-title {

  color: black;

  font-size: 20px;

  margin-top: 0;

  margin-bottom: 30px;

  font-weight: 700;

}



/* Footer about */

.footer-about {

  padding-right: 40px;

}



.footer-logo {

  width: 300px;

  margin-bottom: 10px;

}



.footer-logo img {

  width: 35%;

  /* margin-left: 50px; */

}



.footer-about h3.widget-title {

  font-size: 18px;

}



.footer-about p {

  width: 100%;

}



/* Footer social */

.footer-social {

  margin-top: 0px;

}



.footer-social ul {

  list-style: none;

  margin: 0;

  padding: 0;

}



.footer-social ul li {

  margin: 0 10px 0 0;

  display: inline-block;

}



.footer-social ul li a {

  -webkit-transition: 400ms;

  transition: 400ms;

  transition: 400ms;

  color: black;

}



.footer-social ul li a:hover {

  color: #1c75bb;

}



.footer-social ul li a i {

  width: 35px;

  height: 35px;

  line-height: 36px;

  /* background: rgba(255, 255, 255, 0.1); */

  background-color: #2e8dd8;

  color: #fff;

  border-radius: 100%;

  text-align: center;

  -webkit-transition: 400ms;

  transition: 400ms;

  transition: 400ms;

}



.footer-social ul li a i:hover {

  color: #1c75bb;

  background-color: white;

  border-radius: 50%;

}



/* Links */

.footer-widget ul.list-dash li {

  width: 100%;

  float: left;

  line-height: normal;

  padding-bottom: 14px;

  font-size: 14px;

}



.footer-widget ul.list-dash li a {

  color: black;

  font-size: 16px;

}



.footer-widget ul.list-dash li a:hover {

  color: #ff0000;

}



/* Newsletter */

.newsletter-widget {

  border: 0;

  padding-top: 0;

}



.newsletter-widget .widget-title {

  margin-top: 0;

  line-height: 40px;

  margin-bottom: 25px;

}



.newsletter-widget .widget-title span {

  font-size: 36px;

  display: block;

  text-transform: uppercase;

}



.newsletter-form {

  position: relative;

}



.newsletter-form input {

  width: 100%;

  margin: 15px 0;

  background: #fff;

  color: #333;

  font-size: 14px;

  height: 50px;

  font-style: italic;

  border: 0;

  border-radius: 5px 0 0 5px;

}



.newsletter-form .btn.btn-primary {

  position: absolute;

  right: -5px;

  top: 0;

  border-radius: 0 5px 5px 0;

  padding: 13px 20px;

  height: 51px;

}



/* Copyright */

.copyright {

  background: #2178bd;

  padding: 10px 0px;

  font-size: 14px;

}



.footer-menu {

  float: right;

}



.footer-menu ul li {

  display: inline-block;

  padding-left: 8px;

}



.footer-menu ul li a {

  color: #8c93a5;

  padding: 0;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

  display: inline-block;

  border-right: 1px solid rgba(255, 255, 255, 0.5);

  line-height: 10px;

  padding-right: 10px;

  margin-right: 5px;

}



.footer-menu ul li a:hover {

  color: #fc6a2a;

}



.footer-menu ul li:last-child a {

  border-right: 0;

}



#back-to-top {

  position: fixed;

  right: 40px;

  top: auto;

  z-index: 10;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  display: none;

}



#back-to-top.affix {

  bottom: 25px;

}



#back-to-top .btn.btn-primary {

  font-size: 18px;

  padding: 6px 15px;

  width: 44px;

  height: 44px;

  line-height: 30px;

  border-radius: 100%;

}



/* Sub Pages

================================================== */

/*-- Title border --*/

.main-container .border-left {

  margin-bottom: 30px;

}



/*-- Banner --*/

.banner-area {

  position: relative;

  height: 280px;

  color: #fff;

  background-position: top;

  background-size: cover;

  /* background-color: black; */

  background-image: url(../gallery/about-banner.webp);

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

}



.banner-area::after {

  content: "";

  height: 100%;

  width: 100%;

  background-color: #000000ad;

  top: 0;

  left: 0;

  position: absolute;

  z-index: 0;

}



.banner-area .container {

  position: relative;

}



.banner-title {

  color: #fff;

  margin: 0;

  margin-top: -40px;

  padding: 0;

  font-size: 40px;

}



.home-img img {

  width: 100%;

  margin-top: 70px !important;

}



.banner-heading {

  width: 100%;

  color: #fff;

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -webkit-flex-direction: column;

  -moz-box-orient: vertical;

  -moz-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -moz-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -moz-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-align-content: center;

  -ms-flex-line-pack: center;

  align-content: center;

  min-height: 300px;

}



.breadcrumb {

  position: absolute;

  left: 44%;

  top: 72%;

  padding: 0;

  background: none;

  font-size: 16px;

  font-weight: 300;

  margin-top: -60px;

}



.breadcrumb li:not(:last-child):after {

  content: "/";

  margin: 0 5px;

}



.breadcrumb a {

  color: #fff;

}



/*-- About us page --*/

.certificate .container {

  padding: 0 0;

}



.certificate .row {

  display: flex;

  flex-wrap: wrap;

}



.certificate-img {

  width: 100%;

  height: fit-content;

}



.certificate-logo {

  width: 100%;

  padding-top: 90px;

  /* height: 75vh; */

}



.about-pattern {

  position: relative;

  z-index: 2;

  padding: 70px 0 70px 0;

  margin: 0 0 0;

  /* background-image: url("../images/pattern/bg_pattern1.png"); */

  background-repeat: no-repeat;

  background-size: inherit;

  background-attachment: inherit;

  background-position: 50% 50%;

}



.about-pattern .bold-text {

  font-size: 16px;

  font-weight: 500;

  width: 100%;

}



.about-pattern .bold-text a {

  color: #1c75bb;

}



.about-desc {

  margin-top: 60px;

}



.about-desc span {

  color: #195e92;

  font-weight: 700;

}



.about-desc img {

  width: 80%;

  margin-bottom: 20px;

}



#about-desc-title {

  font-size: 36px;

  line-height: 1;

  /* margin: 0 0 40px; */

  margin-bottom: 12px;

  color: #1c75bb;

}



.about-desc p {

  font-weight: 500;

}



.ceo-designation {

  display: inline-block;

}



.ceo-designation p {

  margin: 0;

  font-size: 20px;

  font-weight: 700;

  margin-bottom: -10px;

}



.ceo-designation small {

  font-size: 14px;

}



.ceo-desc {

  display: inline-block;

}



.ceo-signature {

  margin-top: 35px;

}



.ceo-signature>img {

  float: right;

}



.ceo-signature:after {

  display: block;

  content: "";

  clear: both;

}



.ceo-desc img {

  width: 95px;

  height: 95px;

  border-radius: 50%;

}



/* ts progress */

.ts-skills-area .ts-padding {

  padding-bottom: 50px;

  padding-right: 80px;

}



.ts-progress-bar {

  margin-bottom: 30px;

}



.progress {

  height: 3px;

  position: relative;

  overflow: visible;

}



.progress .progress-value {

  display: block;

  font-size: 16px;

  color: #000;

  position: absolute;

  top: -25px;

  right: 0;

}



.ts-progress-bar h3 {

  font-size: 18px;

  text-align: left;

  margin: 0 0 10px 0;

}



/* Company Progress */



.percent-area {

  position: relative;

  margin-top: 30px;

}



.percent-area .chart p {

  position: absolute;

  top: 60px;

  left: 42%;

  font-size: 24px;

}



.percent-area .column-title {

  margin-top: 15px;

  color: #000;

}



.tw-service-value {

  padding: 60px 0 40px 0;

  margin: 0 0 0 0;

  /* background-image: url(../images/crossword.png); */

  background-repeat: repeat;

  background-size: contain;

  background-attachment: inherit;

  background-position: 0 0;

}



/* ts feature box */

.ts-features-light .ts-feature-info i {

  color: #1c75bb;

}



.ts-features-light .ts-feature-info h3 {

  font-size: 24px;

}



.ts-features-light .ts-feature-box .ts-feature-info {

  padding: 0 20px;

}



.ts-features-light .ts-feature-box .ts-feature-info p {

  margin-bottom: 0;

}



.ts-feature-box .ts-feature-title {

  font-size: 20px;

  margin: 20px 0 10px;

  color: #000;

}



.ts-feature-box .ts-feature-info {

  color: #000;

  z-index: 1;

  position: relative;

  padding: 15px;

}



.feature-text-box .column-title {

  font-size: 36px;

  line-height: normal;

  margin-bottom: 10px;

}



.feature-text-box .column-title span {

  font-size: 20px;

}



.feature-text-box .btn {

  padding: 15px 60px;

  margin-top: 10px;

}



/* FAQ page */

.panel-heading i {

  background: #1c75bb;

  color: #fff;

  border-radius: 5px;

  font-size: 20px;

  height: 40px;

  width: 40px;

  text-align: center;

  line-height: 40px;

  margin-right: 15px;

}



.help-box,

.ts-testimonial-static {

  background-color: #ffffff;

  /* background-image: url(../images/services/service1.jpg); */

}



.help-box .help,

.ts-testimonial-static .help {

  background-color: rgba(12, 12, 12, 0.75);

  padding: 70px;

  color: #fff;

  margin-top: 35%;

}



.help-box .quote-item,

.ts-testimonial-static .quote-item {

  padding-left: 0;

}



.help-box .quote-item .quote-text:before,

.ts-testimonial-static .quote-item .quote-text:before {

  left: 50%;

  margin-left: -35px;

}



.help-box .quote-item .quote-text:after,

.ts-testimonial-static .quote-item .quote-text:after {

  display: none;

}



.help-box .quote-item .quote-item-footer,

.ts-testimonial-static .quote-item .quote-item-footer {

  margin-top: 0;

  margin-left: 75px;

}



.help-box .quote-item .quote-item-info,

.ts-testimonial-static .quote-item .quote-item-info {

  padding-top: 20px;

}



.help-box .quote-item .quote-item-info .quote-author,

.ts-testimonial-static .quote-item .quote-item-info .quote-author {

  color: #252a37;

  font-size: 20px;

  font-weight: 700;

}



.help-box .quote-item .quote-item-info .quote-subtext,

.ts-testimonial-static .quote-item .quote-item-info .quote-subtext {

  color: #626c84;

  font-size: 14px;

}



.help-box .quote-classic,

.ts-testimonial-static .quote-classic {

  border: 1px solid #eaeaea;

  padding-bottom: 25px;

}



.help h2 {

  color: #fff;

  font-size: 24px;

}



.brochure {

  border: 2px solid #eaeaea;

  font-size: 24px;

  text-align: center;

  padding: 25px;

}



.brochure i {

  padding-left: 20px;

}



.quote-classic .quote-text {

  margin: 40px 0 10px;

  display: inline-block;

  padding: 50px 40px 30px 45px;

  color: #626c84;

  background: none;

  position: relative;

  font-size: 16px;

}



.quote-footer-classic .quote-author {

  font-size: 20px;

  line-height: 20px;

  margin: 0 0 2px;

  font-weight: 600;

  display: block;

  color: #1f1c1c;

}



/* Gallery */



.gallery-icon i {

  background: #0052a5;

  color: #fff;

  opacity: 0;

  position: absolute;

  text-align: center;

  top: 0;

  left: 50%;

  font-size: 16px;

  width: 36px;

  height: 36px;

  line-height: 36px;

  z-index: 1;

  -webkit-transition: all 0.3s;

  -moz-transition: all 0.3s;

  -o-transition: all 0.3s;

  transition: all 0.3s;

  margin-left: -18px;

  margin-top: -18px;

}



.gallery-img:hover .gallery-icon i {

  opacity: 1;

  top: 50%;

}



.gall h3 {

  text-align: center;

  margin: 10px 0 15px 0;

}



/* Pricing table

================================================== */



.pricing {

  padding-bottom: 80px;

}



.price-icon-wrapper {

  height: 40px;

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-flex: 0;

  -webkit-flex: 0 0 100%;

  -moz-box-flex: 0;

  -ms-flex: 0 0 100%;

  flex: 0 0 100%;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -moz-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -moz-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  font-size: 30px;

}



.plan {

  border: 1px solid #eaeaea;

}



.plan ul {

  background: #fff;

  padding: 0;

  margin-bottom: 0;

}



.plan li {

  list-style: none;

}



.plan .btn {

  margin: 25px 0 40px;

}



.plan.featured {

  background: #1c75bb;

  color: #fff;

  padding: 40px 0;

  margin: -40px 0;

}



.plan.featured ul {

  background: none;

}



.plan.featured .plan-name {

  color: #fff;

}



.plan.featured .plan-price {

  color: #fff;

}



.plan.featured .btn {

  background: #fff;

  color: #1c75bb;

  -webkit-transition: all 0.5s;

  transition: all 0.5s;

}



.plan.featured .btn:hover {

  background: #ff0000;

  color: #fff;

}



.plan.plan-last {

  margin-bottom: 0;

}



.plan-name {

  display: block;

  font-size: 24px;

  line-height: 30px;

  font-weight: 700;

  padding: 20px 0;

  color: #252a37;

  margin-bottom: 0;

}



.plan-name small {

  display: block;

  font-size: 12px;

  font-weight: 700;

  line-height: normal;

}



.plan-price {

  font-size: 48px;

  padding: 0 0;

  position: relative;

  color: #252a37;

  margin: 0 0 25px;

}



.plan-price .currency {

  top: -0.9em;

  font-size: 50%;

  left: -0.01em;

  font-weight: 700;

}



.plan-price sub {

  font-size: 20px;

  left: -0.6em;

  position: relative;

}



.ts-price-box {

  margin-top: 100px;

  padding-top: 100px;

  padding-bottom: 100px;

  margin-bottom: -80px;

}



.pricing-boxed {

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-flex: 0;

  -webkit-flex: 0 0 100%;

  -moz-box-flex: 0;

  -ms-flex: 0 0 100%;

  flex: 0 0 100%;

  -webkit-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

}



.pricing-boxed:after {

  content: "";

  clear: both;

  display: block;

}



.single-price-box {

  width: 33.3333%;

  text-align: center;

}



.single-price-box .pricing-header {

  min-height: 145px;

  padding: 10px 0;

  margin-bottom: 70px;

  background: #000;

  position: relative;

  z-index: 3;

}



.single-price-box .pricing-header h3,

.single-price-box .pricing-header h2 {

  color: #fff;

}



@media screen and (min-width: 992px) {

  .single-price-box .pricing-header.border-left {

    border-top-left-radius: 5px;

  }



  .single-price-box .pricing-header.border-right {

    border-top-right-radius: 5px;

  }

}



.single-price-box.featured {

  position: relative;

  z-index: 2;

  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);

  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);

  padding-bottom: 30px;

  background: #fff;

  margin-top: -30px;

}



.single-price-box.featured .pricing-header {

  margin-bottom: 100px;

  border-top-left-radius: 5px;

  border-top-right-radius: 5px;

  background: #fc6b2a;

}



.single-price-box.featured .btn-primary {

  background: #fc6b2a;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

}



.single-price-box.featured .btn-primary:hover {

  background: #000;

}



.single-price-box .pricing-plan .list-unstyled li {

  padding-bottom: 12px;

}



.single-price-box .pricing-plan .list-unstyled li:last-child {

  padding-bottom: 35px;

}



.single-price-box .pricing-plan {

  padding-bottom: 40px;

  background: #fff;

}



.shad img {

  width: 60%;

  border: 1px solid grey;

  /* margin-left: 50px; */

  margin-top: 30px;

}



.mb-30 {

  margin-bottom: 30px !important;

}



/* FAQ Page*/

/* Collapse */

.card {

  border: none;

}



.compact-table td>img {

  margin: 0px;

}



.vision img {

  width: 75%;

}



.pull-right {

  float: right !important;

}



.border-table td {

  border: 1px solid #d2d2d2;

}



.grid-table td {

  padding: 25px;

}



.card-header {

  background: none !important;

  color: #626c84;

  padding: 20px 0 21px;

}



.card-header i {

  background: #1c75bb;

  color: #fff;

  border-radius: 5px;

  font-size: 20px;

  height: 40px;

  width: 40px;

  text-align: center;

  line-height: 40px;

  margin-right: 15px;

}



.card-body {

  border: 1px solid rgba(0, 0, 0, 0.125);

  border-top: none;

}



.btn-link {

  color: #626c84;

  padding: 0;

}



.btn-link:hover {

  text-decoration: none;

  color: #ff0000;

}



.btn:focus {

  text-decoration: none !important;

}



h5.mb-0 {

  margin-left: 0px;

}



h5.mb-0 a {

  position: relative;

  padding-left: 55px;

}



h5.mb-0 a.collapsed {

  color: #333;

}



h5.mb-0 a:before {

  color: #fff;

  width: 40px;

  height: 40px;

  line-height: 40px;

  border-radius: 3px;

}



h5.mb-0 a:before,

h5.mb-0 a .collapsed:before {

  font-family: "FontAwesome";

  position: absolute;

  z-index: 0;

  font-size: 16px;

  left: 0px;

  padding: 0 5px;

  text-align: center;

  top: 50%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  background: #1c75bb;

}



h5.mb-0 button p:hover {

  color: #2155cf;

}



h5.mb-0 a:before {

  content: "\f068";

}



h5.mb-0 a.collapsed:before {

  content: "\f067";

}



.card-header .collapsed .show {

  border-bottom: none;

}



/* Quote area */

.quote-item .quote-text:before {

  content: "\e937";

  font-family: "iconfont";

  position: absolute;

  font-size: 35px;

  left: 105px;

  color: #1c75bb;

  background: none;

  -webkit-transform: rotate(180deg);

  transform: rotate(180deg);

}



/* Slider pages */

.page-slider.small-bg .item {

  min-height: 330px;

}



.page-slider.small-bg .box-slider-content {

  left: 20%;

}



.page-slider.small-bg .box-slider-text {

  background: #fff;

  padding: 5px 20px;

}



.page-slider.small-bg .box-slide-title {

  font-size: 28px;

  color: #fff;

  font-weight: 900;

}



/*-- Get a quote page --*/

.page-quote-form {

  background: #f2f2f2;

  padding: 30px 50px 50px;

}



.get-a-quote-img {

  margin-bottom: -190px;

}



/*-- Pricing table  --*/

.ts-pricing-box {

  margin: 20px 0;

  padding: 0;

  text-align: center;

  background: #f9f9f9;

}



.ts-pricing-header {

  background: #252525;

  color: #fff;

  position: relative;

  padding: 30px 20px;

}



.ts-pricing-name {

  font-size: 18px;

  line-height: normal;

  margin: 0 0 5px 0;

  color: #fff;

}



.ts-pricing-price {

  font-size: 44px;

  color: #fff;

  margin: 15px 0 0;

  display: inline-block;

}



.ts-pricing-price>small {

  font-size: 16px;

  line-height: 16px;

  display: block;

  margin-top: 15px;

  color: #fff;

}



.ts-pricing-features {

  padding: 15px 0;

}



.ts-pricing-features>ul {

  padding: 0 20px;

}



.ts-pricing-features>ul>li {

  padding: 20px 0;

  border-top: 1px dotted #e5e5e5;

}



.ts-pricing-features>ul>li:first-child {

  border-top: 0;

}



.plan-action {

  padding-bottom: 40px;

}



.pricing-column {

  padding: 0;

}



/* Pricing featured */

.ts-pricing-box.ts-pricing-featured .ts-pricing-header {

  background: #ff9700;

}



/* Contact Us

================================================== */



.map {

  height: 405px;

  z-index: 1;

}



.contact-info-box {

  margin-top: 20px;

}



.contact-info-box i {

  float: left;

  font-size: 30px;

  color: #1c75bb;

  margin-right: 15px;

}



.contact-info-box-content {

  padding-left: 40px;

}



.contact-info-box-content h4 {

  font-size: 16px;

  margin-top: 0;

  line-height: normal;

  font-weight: 700;

}



.contact-info-box-content p {

  margin-bottom: 0;

}



label {

  font-weight: 400;

}



.box-border {

  border: 1px solid #eaeaea;

  padding: 20px 30px;

}



.ts-contact-info .ts-contact-icon {

  float: left;

  font-size: 20px;

  color: #1c75bb;

}



.ts-contact-info .ts-contact-content {

  margin-left: 30px;

  margin-bottom: 15px;

}



.d-flex {

  display: flex;

}



.ts-contact-info .ts-contact-content p {

  margin: 0;

}



.ts-contact-content p a {

  color: black !important;

  font-size: 15px;

}



.footer .ts-contact-content p a {

  color: black !important;

}



.circle-img img {

  width: 100%;

  margin-bottom: 15px;

}



.circle-img h3 {

  text-align: center;

  margin-bottom: 10px;

}



.circle-img p {

  text-align: center;

}



.circle-img h2 {

  margin-bottom: 14px;

}



.mt-15 {

  margin-top: 15px;

  margin-left: 6px;

}



.ts-contact-info .ts-contact-title {

  font-size: 20px;

  margin: 0;

  color: black;

}



/* Contact page 2 */

.contact-box.info-box {

  position: relative;

  z-index: 2;

}



.ul-class p {

  margin-left: 40px;

}



.contact-wrapper {

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-flex: 0;

  -webkit-flex: 0 0 100%;

  -moz-box-flex: 0;

  -ms-flex: 0 0 100%;

  flex: 0 0 100%;

  -webkit-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  background: #fff;

  -webkit-box-shadow: 0px 8px 15px 0px rgba(0, 0, 0, 0.1);

  box-shadow: 0px 8px 15px 0px rgba(0, 0, 0, 0.1);

}



.contact-box {

  min-height: auto;

}



.contact-box.form-box {

  width: 100%;

}



.contact-box.info-box {

  padding-top: 25px;

  width: 100%;

}



.contact-box.info-box:after {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  content: "";

  background: rgba(15, 39, 101, 0.9);

  z-index: -1;

}



.contact-box.info-box.form-box {

  padding: 40px;

}



.contact-box.info-box .ts-contact-content h3,

.contact-box.info-box .ts-contact-content p {

  color: #fff;

}



.contact-box.info-box .ts-contact-content .ts-contact-info i {

  color: #fff;

  font-size: 40px;

}



.contact-info-right h3 {

  color: #fff;

  margin-bottom: 40px;

  font-size: 30px;

}



.contact-info-right .ts-contact-content {

  padding-bottom: 30px;

}



.contact-info-right .ts-contact-content h3 {

  font-size: 20px;

}



.contact-info-right .ts-contact-content p {

  font-size: 14px;

}



.contact-info-right .ts-contact-info.last .ts-contact-content {

  padding-bottom: 15px;

}



.contact-info-right .ts-contact-info i {

  color: #fff;

  font-size: 40px;

}



.contact-info-social-links {

  list-style: none;

  margin: 0;

  padding: 0;

  text-align: center;

  margin-left: -40px;

}



.contact-info-social-links li {

  display: inline-block;

}



.contact-info-social-links li a {

  display: block;

  color: #fff;

  padding: 10px;

}



.contact-map {

  padding: 0px 80px;

}



.contact-info-box .ts-contact-content h3,

.contact-box.info-box .ts-contact-content p {

  color: #000 !important;

}



.contact-info-box:after {

  display: none;

}



.full-contact {

  background: none;

  box-shadow: none;

  background-color: black;

  padding: 20px;

}



/* News Listing

================================================== */



.post {

  margin: 0 0 50px;

}



.post.last {

  padding-bottom: 0;

  margin-bottom: 0;

  border-bottom: 0;

}



.post-body {

  padding: 25px 40px 40px 25px;

  border: 0;

  border-top: 0;

}



/* Post Meta Left */

.post-meta-left {

  width: 15%;

  margin-top: -20px;

}



.post-meta-left span {

  display: inline-block;

  font-weight: 600;

  font-size: 14px;

}



/* Post content right */

.post-content-right {

  width: 80%;

  float: right;

}



.entry-header .entry-title {

  font-size: 30px;

  line-height: 40px;

  margin: 0 0 15px;

}



.entry-header .entry-title a {

  color: #252a37;

}



.entry-header .entry-title a:hover {

  color: #1c75bb;

}



/* Post media */

.post-media.post-video {

  max-width: 100%;

  position: relative;

  overflow: hidden;

}



.post-media.post-video:before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0.5);

}



.video-icon {

  text-align: center;

  color: #fff;

  display: block;

  top: 50%;

  margin-top: -50px;

  font-size: 78px;

  z-index: 1;

  position: absolute;

  left: 50%;

  margin-left: -40px;

  width: 80px;

  height: 80px;

  line-height: 65px;

  display: inline-block;

  border-radius: 100%;

}



.video-icon i {

  -webkit-transition: 400ms;

  transition: 400ms;

  transition: 400ms;

}



.video-icon i:hover {

  color: #1c75bb;

}



/* Meta date */

.post-meta-date {

  background: #1c75bb;

  color: #fff;

  width: 65px;

  height: 65px;

  line-height: 26px;

  padding: 10px 0;

  position: relative;

  top: -40px;

}



.post-meta-date span {

  font-size: 30px;

  font-weight: 600;

  display: block;

}



/* Post Quote */

.post-quote-wrapper {

  position: relative;

  color: #fff;

  background: #252a37;

  padding: 50px;

}



.post-quote-content:before {

  padding: 28px 0 22px;

  content: "\e937";

  font-family: "iconfont";

  color: #fff;

  font-size: 44px;

}



.post-quote-content .entry-title {

  margin-top: 20px;

}



.post-quote-content .entry-title a {

  color: #fff;

}



.post-quote-content .meta-author {

  color: #ccc;

  font-weight: 700;

  font-size: 16px;

  position: relative;

  margin-bottom: 15px;

}



.post-quote-content .meta-author:before {

  content: "";

  position: absolute;

  top: 14px;

  height: 2px;

  width: 20px;

  background-color: #1c75bb;

  margin-left: -30px;

}



.post-quote-content .post-meta {

  color: #fff;

}



.post-quote-content .post-meta a {

  color: #fff;

}



/* Author */

.post-author {

  position: relative;

}



.post-author:after {

  content: "";

  position: absolute;

  border-bottom: 1px solid #dedede;

  top: 0;

  left: 50%;

  right: 0;

  bottom: 0;

  width: 75px;

  -webkit-transform: translateX(-50%);

  transform: translateX(-50%);

  transform: translateX(-50%);

}



.post-author .avatar {

  width: 55px;

  height: 55px;

  line-height: 55px;

  border-radius: 100%;

  margin-bottom: 5px;

}



.post-meta-left span.post-author {

  display: block;

  padding-bottom: 5px;

  margin-bottom: 5px;

}



.post-author a {

  display: block;

}



.post-comment i {

  position: relative;

  bottom: -3px;

  margin-right: 5px;

}



/* Common post meta */

.post-meta {

  padding-bottom: 15px;

  color: #626c84;

  font-size: 14px;

}



.post-meta a {

  color: #626c84;

  position: relative;

  z-index: 1;

}



.post-meta-left a {

  color: #626c84;

  position: relative;

  z-index: 1;

}



.post-meta a:hover,

.post-meta-left a:hover {

  color: #1c75bb;

}



.post-meta span {

  margin-right: 10px;

  padding-right: 10px;

  line-height: 12px;

  display: inline-block;

}



.post-meta i {

  padding-right: 0;

  margin-right: 6px;

  font-weight: 500;

}



.post-footer .btn.btn-primary {

  margin-top: 10px;

  padding: 10px 30px;

}



/* Pagination */

.paging {

  margin-bottom: -5px;

}



.pagination {

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -moz-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  margin: 0;

}



.pagination>li>a,

.pagination>li>span {

  border-radius: 100% !important;

  margin-right: 8px;

  width: 40px;

  height: 40px;

  line-height: 28px;

  color: #7c7c7c;

  border: 1px solid #f1f1f1;

  text-align: center;

  display: inline-block;

  line-height: 40px;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

}



.pagination>.active>a {

  color: #fff;

  background: #1c75bb;

  border: 1px solid transparent;

}



.pagination>.active>a:hover {

  color: #fff;

  background: #1c75bb;

  border: 1px solid transparent;

}



.pagination>li>a:hover {

  color: #fff;

  background: #1c75bb;

  border: 1px solid transparent;

}



/* News Single

================================================== */

.post-single {

  position: relative;

}



.post-single .post-body {

  border: 1px solid #f1f1f1;

  background: none;

  padding: 40px;

}



.post-single .post-meta-date {

  position: absolute;

  top: 30px;

  left: 35px;

  display: block;

  text-align: center;

}



.post-single .post-author .avatar {

  width: 30px;

  height: 30px;

}



.post-single .post-author a {

  display: inline-block;

  margin-left: 6px;

}



.post-single .post-author:after {

  border: 0;

}



.post-single .entry-header .entry-title {

  font-size: 36px;

}



.post-single .entry-content p {

  margin-bottom: 30px;

}



.post-single .entry-content h3 {

  margin: 30px 0;

}



.post-single .post-footer {

  border-top: 1px solid #f1f1f1;

  margin: 40px 0 0;

  padding-top: 40px;

}



.tags-area {

  margin: 20px 0;

}



.post-tags strong {

  margin-right: 5px;

}



.post-tags a {

  border: 1px solid #f1f1f1;

  color: #626c84;

  display: inline-block;

  font-size: 14px;

  padding: 3px 15px;

  margin-left: 3px;

  border-radius: 25px;

}



.post-tags a:hover {

  background: #1c75bb;

  color: #fff;

  border: 1px solid transparent;

}



/* Post social */

.post-social-icons>li {

  display: inline-block;

}



.post-social-icons a {

  margin-left: 10px;

  font-size: 16px;

  color: #252a37;

  text-align: center;

}



.post-social-icons a:hover {

  color: #1c75bb;

}



/* Post navigation */

.post-navigation span:hover,

.post-navigation h3:hover {

  color: #1c75bb;

}



.post-navigation .post-previous,

.post-navigation .post-next {

  padding: 0 40px;

  width: 50%;

  border-left: 1px solid #f1f1f1;

  border-right: 1px solid #f1f1f1;

  display: table-cell;

  position: relative;

  vertical-align: middle;

}



.post-navigation i {

  margin: 0 5px;

  color: #1c75bb;

}



.post-navigation span {

  font-size: 14px;

  color: #626c84;

  margin-bottom: 10px;

}



.post-navigation .post-previous {

  text-align: left;

  float: left;

  border-left: 0 none;

  border-right: 0 none;

  padding: 0 40px 0 0;

}



.post-navigation .post-next {

  text-align: right;

  float: left;

  border-right: 0 none;

  padding: 0 0 0 40px;

}



.post-navigation h3 {

  font-size: 20px;

  line-height: 26px;

  margin: 8px 0 0;

}



/* Author box */

.author-box {

  padding: 40px;

  margin: 40px 0;

}



.author-img img {

  width: 100px;

  height: 100px;

  margin-right: 30px;

  border-radius: 100%;

}



.author-info h3 {

  margin-top: 0;

  margin-bottom: 5px;

  font-size: 20px;

  font-weight: 600;

}



.author-info h3 span {

  font-size: 12px;

  color: #999;

  border-left: 1px solid #afafaf;

  padding-left: 10px;

  margin-left: 10px;

  font-weight: 500;

}



.author-info p {

  padding-left: 130px;

}



.author-url a {

  font-size: 14px;

  color: #626c84;

}



/* Comments area */

.comments-area {

  margin: 40px 0;

}



.comments-list .comment-content {

  margin: 15px 0;

}



.comments-list .comment-reply {

  color: #252a37;

  font-weight: 400;

  font-size: 14px;

}



.comments-list .comment-reply i {

  margin-right: 5px;

}



.comments-list .comment-reply:hover {

  color: #1c75bb;

}



.comments-counter {

  font-size: 18px;

}



.comments-counter a {

  color: #323232;

}



.comments-list {

  list-style: none;

  margin: 0;

  padding: 20px 0;

}



.comments-list .comment {

  border-bottom: 1px solid #f1f1f1;

  padding-bottom: 20px;

  margin-bottom: 30px;

}



.comments-list .comment.last {

  border-bottom: 0;

  padding-bottom: 0;

  margin-bottom: 0;

}



.comments-list img.comment-avatar {

  width: 80px;

  height: 80px;

  border-radius: 100%;

  margin-right: 30px;

}



.comments-list .comment-body {

  margin-left: 110px;

}



.comments-list .comment-author {

  margin-bottom: 0;

  margin-top: 0;

  font-weight: 700;

  font-size: 18px;

  color: #252a37;

}



.comments-list .comment-date {

  color: #252a37;

  font-size: 14px;

  display: block;

  margin-top: -5px;

}



.comments-reply {

  list-style: none;

  margin: 0 0 0 70px;

}



.comments-form {

  margin-bottom: 0;

}



.comments-form .title-normal {

  margin-bottom: 20px;

}



.comments-form .btn.btn-primary {

  margin-top: 20px;

}



/* Sidebar

================================================== */

.sidebar .widget-title {

  font-size: 24px;

  position: relative;

  margin: 0 0 30px;

  padding-left: 15px;

  border-left: 3px solid #1c75bb;

}



.sidebar .widget {

  margin-bottom: 40px;

  border: 1px solid #f1f1f1;

  padding: 40px;

}



.sidebar .widget.widget-ad {

  padding: 0;

  border: none;

}



/* Widget common */

.sidebar-left .widget {

  margin-right: 20px;

}



.sidebar-right .widget {

  margin-left: 20px;

}



.sidebar .widget.box {

  padding: 25px;

}



.widget.box.solid {

  background: #f2f2f2;

}



.widget.box.red {

  background: #ec483b;

  color: #fff;

}



.widget.box.red .widget-title {

  color: #fff;

}



.widget ul li {

  line-height: 30px;

}



.sidebar .widget ul li a:hover {

  color: #1c75bb;

}



.sidebar .widget ul li i {

  margin-right: 5px;

  font-weight: 500;

}



.sidebar .btn {

  font-weight: 800;

  margin-top: 15px;

}



/* Widget search */

.widget.widget-search {

  background: none;

  position: relative;

  padding: 0;

}



.input-group-btn {

  background: #1c75bb;

  color: #fff;

}



.widget-search .form-control {

  border: 0 !important;

  font-style: italic;

  background-color: none;

}



.widget-search .form-control:focus {

  border: 0 !important;

  font-style: italic;

  background-color: none;

}



.widget-search i {

  color: #fff;

  background: #1c75bb;

  font-size: 18px;

  position: relative;

  top: 0;

  padding: 15px;

}



/* Sidebar nav */

.widget-nav-tabs {

  margin: 0;

  padding: 0;

  list-style: none;

}



.widget-nav-tabs li {

  display: block;

  padding-bottom: 20px;

  border-bottom: 1px dashed #eaeaea;

  margin-bottom: 20px;

}



.widget-nav-tabs li a {

  font-size: 16px;

  color: #626c84;

  font-family: "Fira Sans", sans-serif;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

}



.widget-nav-tabs li span {

  float: right;

}



.widget-nav-tabs li:after {

  display: block;

  content: "";

  clear: both;

}



.widget-nav-tabs li:last-child {

  border: none;

  padding: 0;

  margin: 0;

}



/* Instagram Photos */

.instagram-photo li img {

  padding-right: 10px;

  padding-bottom: 10px;

  border-radius: 3px;

}



/* Recent News */

.widget.recent-posts .widget-title {

  margin-bottom: 35px;

}



.widget.recent-posts ul li {

  border-bottom: 1px dashed #f1f1f1;

  padding-bottom: 20px;

  margin-bottom: 20px;

  line-height: normal;

}



.widget.recent-posts ul li:last-child {

  border: 0;

  padding-bottom: 0;

  margin-bottom: 0;

}



.widget.recent-posts .media-left img {

  width: 93px;

  height: 65px;

}



.widget.recent-posts .entry-title {

  font-size: 16px;

  line-height: 20px;

  margin: 6px 0 0;

}



.widget.recent-posts .entry-title a {

  color: #303030;

  display: inline-block;

  padding: 5px 0;

}



.widget.recent-posts .entry-title a:hover {

  color: #1c75bb;

}



.widget.recent-posts .entry-title small {

  color: #626c84;

  display: block;

  font-weight: 400;

  font-size: 14px;

  font-family: "Fira Sans", sans-serif;

}



.widget.recent-posts .post-date {

  font-weight: 500;

  color: #626c84;

  font-size: 14px;

}



.widget.recent-posts .post-date a {

  color: #626c84;

}



/* Widget Ad */

.widget-ad p {

  color: #fff;

  font-weight: 800;

  font-size: 30px;

  line-height: 40px;

}



.widget-ad .btn {

  padding: 18px 60px;

  font-size: 16px;

  font-weight: 800;

  background: #fff;

  color: #1c75bb;

}



.widget-ad .btn:hover {

  background: #0f2765;

  color: #fff;

}



.widget-ad-bg {

  position: relative;

  z-index: 2;

  /* background-image: url("../images/services/service5.jpg"); */

  background-size: cover;

  background-position: right;

  padding: 145px 0;

  text-align: center;

}



.widget-ad-bg.bg-overlay:after {

  z-index: -1;

}



.widget-ad-bg.overlay-color:after {

  background: rgba(43, 84, 182, 0.85);

  background: -webkit-gradient(linear,

      left top,

      left bottom,

      from(rgba(43, 84, 182, 0.85)),

      to(rgba(43, 84, 182, 0.85)));

  background: linear-gradient(to bottom,

      rgba(43, 84, 182, 0.85) 0%,

      rgba(43, 84, 182, 0.85) 100%);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(#2b54b6,.85)', endColorstr='rgba(#2b54b6,.85)', GradientType=0);

  z-index: -1;

}



/* Widget tags */

.widget-tags ul>li {

  float: left;

  margin: 3px;

}



.sidebar .widget-tags ul>li a {

  border: 1px solid #f1f1f1;

  color: #626c84;

  display: inline-block;

  font-size: 14px;

  padding: 5px 20px;

  margin: 0 3px 3px 0;

  border-radius: 25px;

  -webkit-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

}



.sidebar .widget-tags ul>li a:hover {

  background: #1c75bb;

  color: #fff;

  border: 1px solid transparent;

}



/* Error page

================================================== */

.not-found {

  padding-top: 0;

}



.error-page .error-code {

  display: block;

  font-size: 150px;

  line-height: 150px;

  color: #333;

  margin-bottom: 20px;

  text-shadow: 5px 5px 1px rgba(0, 0, 0, 0.1);

}



.error-page .error-body .btn {

  margin-top: 30px;

  font-weight: 700;

}



.carousel-inner {

  height: 550px !important;

}



.copyright-info {

  color: white;

}



.copyright-info a {

  color: white;

  text-decoration: underline;

}



.copyright-info a:hover {

  text-decoration: none;

}



textarea.form-control {

  height: auto;

}



.form-control {

  box-shadow: none;

  border: 1px solid #dadada;

  padding: 5px 20px;

  height: 44px;

  background: none;

  color: #959595;

  font-size: 14px;

  border-radius: 0;

}



.form-control {

  display: block;

  width: 100%;

  height: calc(1.5em + 0.75rem + 2px);

  padding: 0.375rem 0.75rem;

  font-size: 1rem;

  font-weight: 400;

  line-height: 1.5;

  color: #495057;

  background-color: #fff;

  background-clip: padding-box;

  border: 1px solid #ced4da;

  border-radius: 0.25rem;

  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

}



.black-text {

  color: black;

}



.address-text b {

  margin-right: 7px;

  font-size: 15px;

}



.mt-10 {

  margin-top: 10px !important;

}



.logo img {

  width: 29%;

  /* margin-bottom: 10px; */

}



.address-text a {

  color: white !important;

}



.dhide {

  display: none !important;

}



.mhide {

  display: block !important;

}



.company-mission h4 {

  font-size: 32px;

  margin-bottom: 20px;

}



.company-mission h6 {

  font-size: 22px;

  margin-bottom: 10px;

}



.white-text {

  color: white;

  font-size: 14px;

  font-weight: 700;

  margin-top: 17px;

}



.white {

  color: #fff;

}



.miss {

  width: 100%;

  height: 87%;

}



.back {

  background-color: black;

  padding: 50px;

}



/* @media only screen and (max-width: 1118px) {

  .dhide{

    display: none;

  }

} */



@media only screen and (max-width: 768px) {

  .testi img {

    width: 80%;

  }



  .testi {

    margin-left: 0;

  }



  .slide-title {

    margin-top: 0px;

  }



  .mobile-dn {

    display: none;

  }



  .goodby img {

    width: 100% !important;

    position: relative !important;

    left: -20px !important;

  }



  .div-under {

    background-color: white;

    height: 250px;

    border: 1px solid #1c75bb;

    box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;

    padding: 20px;

    margin-bottom: 20px;

  }



  .under-about {

    background-color: white;

    height: 440px !important;

    margin-bottom: 10px;

    padding: 20px;

  }



  .bg_black {

    background-color: black;

    height: 900px !important;

  }



  .navbar-toggler img {

    width: 18%;

    margin-left: 239px;

    margin-top: 6px;

  }



  .breadcrumb {

    top: 73% !important;

  }



  .miss {

    width: 100%;

    height: auto !important;

  }



  .navbar-nav .nav-link {

    color: #f9f9ff !important;

    font-size: 16px;

    font-weight: 800;

  }



  .slide-sub-title {

    font-style: normal;

    font-size: 64px;

    line-height: 80px;

    margin: -50 px 0 20px !important;

    color: #fff;

  }



  .bg-color {

    background-color: #f3f6ff;

    padding: 20px !important;

  }



  .img-why img {

    display: none;

  }



  .card-1 img {

    height: auto !important;

  }



  .keyword-thumbnail img {

    height: auto !important;

  }



  .keyword-thumbnail p {

    display: none;

  }



  .keyword-thumbnail .btn {

    display: none !important;

  }



  .keyword-thumbnail h5 a {

    font-size: 14px !important;

    text-align: center !important;

  }



  .keyword-thumbnail h5 {

    margin-bottom: 0px;

  }



  .founder-section img {

    /* margin-top: 60px; */

    width: 64% !important;

    text-align: center;

    margin-left: 17%;

  }



  .footer p {

    display: none;

  }



  .footer .widget-title {

    display: none;

  }



  .list-dash {

    display: none;

  }



  .ts-contact-info .ts-contact-icon {

    display: none;

  }



  /* .banner-area {

    height: 329px;

} */



  .footer-logo img {

    display: none;

  }



  .box-card {

    height: auto !important;

    margin-bottom: 30px;

  }



  .back {

    background-color: black;

    padding: 30px !important;

  }



  .site-navigation.navigation.navdown {

    background: white;

    margin-left: 0% !important;

    margin-right: 0% !important;

    border-radius: 0px;

    position: fixed !important;

    z-index: 999;

    height: 80px !important;

    margin-top: -5px;

    box-shadow: 0px 0px 2px rgba(0, 0, 0.3);

  }



  .btn-new {

    display: none !important;

  }



  .dhide {

    display: block !important;

  }



  .mhide {

    display: none !important;

  }



  .logo-area {

    display: none !important;

  }



  .carousel-inner {

    height: 369px !important;

  }



  .para-text p {

    height: 185px !important;

  }



  .product-details-4 img {

    width: 100%;

    height: auto !important;

    margin-top: 15px !important;

    margin-bottom: 20px;

  }



  .product-details img {

    width: 100%;

    height: 230px !important;

    margin-top: 15px !important;

    margin-bottom: 20px;

  }



  .sidebar-ruler-right {

    display: none !important;

  }



  .about-cards .card-title {

    height: 47px !important;

    text-align: center;

    font-size: 16px;

  }



  .border-line {

    border-right: none !important;

  }



  .img-3 {

    margin-top: 40px;

  }



  .btn-1 {

    margin-right: -92px !important;

  }



  .img-2 {

    margin-left: 0px !important;

    margin-top: 40px;

  }



  .img-1 {

    margin-right: 0px !important;

  }



  .banner-area {

    height: 240px !important;

  }



  .choose-img img {

    width: 100%;

    margin-bottom: 28px;

  }



  .text-font {

    font-size: 17px !important;

  }



  .home-ul {

    margin-left: -34px !important;

  }



  .welcome-text {

    margin-top: 50px !important;

  }



  .banner-title {

    color: #fff;

    margin: 0;

    padding: 0;

    margin-bottom: 10px;

    font-size: 14px;

  }



  .breadcrumb1 {

    left: 27% !important;

  }



  .product-details-2 img {

    width: 100%;

    height: 200px;

    margin-top: 10px !important;

    margin-bottom: 30px;

  }



  .product-details-1 img {

    width: 100%;

    height: auto !important;

    margin-top: 10px;

    margin-bottom: 28px;

  }



  ul.navbar-nav li a,

  ul.navbar-nav li a {

    line-height: normal !important;

    border-bottom: 1px solid #38393d;

    padding: 15px 16px !important;

    display: block;

  }



  .photo-img img {

    width: 50%;

    margin-bottom: 10px;

  }



  .product-details-3 img {

    width: 100%;

    height: auto !important;

    margin-top: 10px !important;

    margin-bottom: 25px;

  }



  .products-img-2 img {

    width: 100%;

    height: 170px;

    margin-top: 24px;

    margin-bottom: 20px;

  }



  .breadcrumb {

    margin-left: -151px;

  }



  .about-desc img {

    width: 80%;

    margin-bottom: 30px;

    margin-top: 44px;

  }



  .home-img img {

    width: 100%;

    margin-top: 40px !important;

    height: auto;

  }



  .ts-service-image-wrapper img {

    width: 100%;

    height: auto;

  }



  .kelvin-img img {

    width: 100%;

    margin-top: 0px !important;

    height: auto;

  }



  #about-desc-title {

    margin-top: 12px;

  }



  .logo img {

    display: none;

  }



  /* .pull-right{

  display: none;

} */

  .mhide {

    display: none;

  }



  .box-card h3 {

    margin-top: 15px;

  }



  .box-card {

    padding: 28px;

  }



  .box-card {

    padding: 30px;

    /* height: 260px!important; */

  }

}



.text-font {

  font-size: 23px;

  color: #1c75bb;

  /* text-align: left; */

}



.agent-box {

  margin: 0px 0px 30px 0px;

  border: 2px solid #efefef;

  padding: 20px 15px !important;

  border-radius: 4px;

}



button:not(:disabled) {

  cursor: pointer;

}



.keyword-thumbnail h2 {

  margin-bottom: 20px;

}



.btn-11 {

  border: none;



  background-color: #1c75bb !important;

  color: white;

  overflow: hidden;

}



.custom-btn {

  margin-bottom: 18px;

  width: 113px;

  height: 48px;

  left: 15px;

  background-color: #d20f31;

  color: white;

  border-radius: 5px;

  padding: 6px 7px;

  font-family: "Lato", sans-serif;

  font-weight: 700;

  background: transparent;

  cursor: pointer;

  transition: all 0.3s ease;

  position: relative;

  display: inline-block;

  box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, 0.5),

    7px 7px 20px 0px rgba(0, 0, 0, 0.1), 4px 4px 5px 0px rgba(0, 0, 0, 0.1);

  outline: none;

}



.text-li i {

  margin-right: 10px;

  color: #1c75bb;

}



.sites ul {

  padding-top: 10px;

  padding-left: 0rem;

  margin-bottom: 30px;

  list-style-type: none;

  text-decoration: none !important;

}



.sites ul li.active {

  background-color: #1c75bb82;

}



.sites ul li a {

  color: white !important;

}



.sites ul li {

  background-color: #1c75bb;

}



.sites ul li {

  text-decoration: none;

  padding: 8px 10px;

}



.sites ul li:hover,

.sites ul li.active {

  background-color: #1c75bb82;

}



/* .home-img{

  text-align: center;

} */

/* .about-img img {

  width: 60%;

  margin-left: 40px;

} */

.about-img img {

  width: 110%;

  margin-top: 65px;

}



.box-card {

  background-color: white;

  padding: 20px;

  padding-top: 25px;

  box-shadow: 1px 1px 4px #00000059;

  height: 260px;

  width: 100%;

  border-radius: 10px;

}



.box-card button {

  background: #1c75bb;

  border: none;

  color: white;

  border-radius: 5px;

  padding: 5px 10px;

  transition: 0.2s ease;

}



.box-card button a {

  color: white;

}



.box-card button:hover {

  background-color: #1463a1;

}



.img-contact button {

  background: black;

  color: white;

  border: none;

  border-radius: 15px;

  /* padding: 5px; */

  width: 50%;

}



.img-contact button:hover {

  background-color: #e50404;

}



.img-contact button a {

  color: white;

}



.box-card h3 {

  color: #1c75bb;

  font-size: 20px;

  font-weight: 600;

  margin-bottom: 5px;

}



.box-card p {

  color: #4f4f4f;

  font-size: 16px;

}



.box-card .d-flex {

  border: 1px solid black;

  padding: 3px;

}



.img-contact img {

  width: 100%;

}



.mt-30 {

  margin-top: 30px;

}



.mt-70 {

  margin-top: 70px;

}



.img-contact h2 {

  color: #1c75bb;

}



.ml-29 {

  margin-left: 29px;

  font-size: 15px !important;

}



.box-card img {

  margin-bottom: 10px;

}



.m-top-50 {

  margin-top: 50px;

}



.why-choose {

  background-color: #fff;

  padding-bottom: 115px;

  margin-top: 0px;

  position: relative;

}



/* .align-left{

  text-align: left;

} */



/* .block-title{

  width: 80%;

} */



.sec-3-img {

  width: 70%;

  margin-left: 8rem;

}



.why-img img {

  width: 100% !important;

}



.ts-services h3 {

  font-size: 18px;

  font-weight: 500;

}



.choose-img {

  text-align: center;

}



.choose-img img {

  width: 75%;

  margin-top: 39px;

}



.photo-img {

  text-align: center;

}



.photo-img img {

  width: 25%;

  margin-bottom: 10px;

}



.shad {

  padding: 40px;

  border: 1px solid #f1f1f1;

  box-shadow: 5px 5px 5px #f1f1f1;

  background-color: white;

}



.text-head {

  margin-bottom: 20px;

}



.table td,

.table th {

  padding: 0.75rem;

  vertical-align: top;

  border-top: 1px solid #dee2e6;

  font-size: 15px;

  color: black;

}



/* .table-striped tbody tr:nth-of-type(odd) {

  background-color: #f9383840;

} */



.box-feature {

  background: #fff;

  border-radius: 4px;

  padding: 30px 22px;

  margin-bottom: 30px;

}



.bg-new {

  background-color: rgba(0, 32, 74, 0.05);

}



.bg-new h2 {

  font-size: 36px;

  margin-bottom: 30px;

  color: #1c75bb;

}



.head-2 {

  font-size: 30px;

  margin-bottom: 20px;

}



.kelvin-img {

  text-align: center;

}



.kelvin-img img {

  width: 100%;

  /* margin-top: 19px; */

  height: 265px;

}



.founder-text {

  font-size: 30px;

}



.ml-12 {

  margin-left: 12px !important;

}



.btn-1 {

  margin-right: 15px;

}



.certificate-img {

  text-align: center;

}



.certificate-img img {

  width: 100%;

  height: auto;

}



.certificate-img-1 {

  text-align: center;

}



.certificate-img-1 img {

  width: 100%;

  height: auto;

}



.border-line {

  border-right: 1px solid red;

}



.img-2 {

  margin-left: 30px;

}



.img-1 {

  margin-right: 30px;

}



.sidebar-ruler-right {

  position: fixed;

  width: 30px;

  /* background-image: url(../images/ruler-w30r.png); */

  height: 100%;

  top: 0;

  right: 0;

  margin: 0;

  padding: 0;

  z-index: 999;

  background-position: center top;

}



.service {

  position: relative;

  width: 100%;

  padding: 45px 0 15px 0;

}



.service .service-item {

  position: relative;

  width: 100%;

  text-align: center;

  margin-bottom: 30px;

  padding: 30px;

  border: 1px solid rgba(0, 0, 0, 0.07);

  transition: 0.3s;

}



.service .service-item h3 {

  margin-bottom: 15px;

  font-size: 20px;

  font-weight: 600;

  transition: 0.3s;

}



.service .service-item.active {

  background: #343148;

  color: #ffffff;

}



.service .service-item:hover,

.service .service-item.active {

  background: #343148;

  color: #ffffff;

}



.service .service-item p {

  margin: 0;

  font-size: 16px;

}



.para-text p {

  height: 150px;

}



.service .service-icon:after {

  content: "";

  position: absolute;

  z-index: 1;

  left: 50%;

  top: 50%;

  transform: translateX(-50%) translateY(-50%);

  display: block;

  width: 80px;

  height: 80px;

  background: #1c75bb;

  border-radius: 50%;

  transition: all 200ms;

}



.service .service-icon i {

  position: relative;

  font-size: 35px;

  color: white;

  z-index: 3;

}



.service .service-icon {

  position: relative;

  margin: 0 auto 25px auto;

  width: 80px;

  height: 80px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 50%;

}



.service .service-item.active h3 {

  color: white;

}



.service .service-item:hover h3 {

  color: white;

}



.mt-40 {

  margin-top: 40px;

}



.about-cards .card-text {

  height: 40px !important;

  text-align: center !important;

}



.about-cards .card-title {

  height: 19px;

  text-align: center;

  font-size: 16px;

}



.about-cards i {

  text-align: center !important;

  font-size: 28px;

  color: #1c75bb;

}



.about-cards .card {

  margin-bottom: 20px;

}



.about-cards h2 {

  margin-bottom: 30px;

}



.mt-20 {

  margin-top: 20px;

}



.product-details button {

  border: 2px solid red;

  border-radius: 6px;

  margin-left: 10px;

  background-color: white;

}



.product-details img {

  width: 100%;

  height: 301px;

  margin-top: 50px;

}



.mt-10 {

  margin-top: 10px;

}



.product-details-1 button {

  border: 2px solid red;

  border-radius: 6px;

  margin-left: 10px;

  background-color: white;

}



.product-details-1 img {

  width: 100%;

  height: 383px;

  margin-top: 50px;

}



.products-img-2 button {

  border: 2px solid red;

  border-radius: 6px;

  margin-left: 10px;

  background-color: white;

}



.products-img-2 img {

  width: 100%;

  height: 170px;

  margin-top: 24px;

}



.product-details-2 button {

  border: 2px solid red;

  border-radius: 6px;

  margin-left: 10px;

  background-color: white;

}



.product-details-2 img {

  width: 100%;

  height: 200px;

  margin-top: 50px;

}



.product-details-3 button {

  border: 2px solid red;

  border-radius: 6px;

  margin-left: 10px;

  background-color: white;

}



.product-details-3 img {

  width: 100%;

  height: 377px;

  margin-top: 50px;

}



.product-details-4 button {

  border: 2px solid red;

  border-radius: 6px;

  margin-left: 10px;

  background-color: white;

}



.product-details-4 img {

  width: 100%;

  height: 227px;

  margin-top: 50px;

}



.ul-text-1 i {

  margin-right: 8px;

  font-size: 14px;

  color: #1c75bb;

}



.logo-sec {

  background-color: #80808033;

  padding: 40px;

}



/* body {

  background-color: #333;

} */



.logo-sec img {

  /* width: 100%; */

  /* height: 100px; */

  animation: scroll 60s linear infinite;

}



.slide-track {

  width: 100%;

  display: flex;

  gap: 3em;

  overflow: hidden;

}



/* .slider {

  margin-top: 70px;

  background-color: whitesmoke;

  padding: 8em 2em;

} */



@keyframes scroll {

  0% {

    transform: translateX(0);

  }



  100% {

    transform: translatex(-1000%);

  }

}



.mb-50 {

  margin-bottom: 50px;

}



.logo-sec h2 {

  font-size: 30px;

}



.btn-sec-1 {

  margin-top: -569px !important;

}



.btn-new {

  border-radius: 6px;

  display: flex;

  background: #1c75bb;

  /* padding: 20px;

    margin-right: -20px;

    border-radius: 10px; */

}



.btn-new1 {

  background: white;

  border-radius: 50%;

  margin-left: -50px;

  margin-right: 57px;

  margin-top: 6px;

}



.ul-class li {

  margin-bottom: 14px;

  color: black;

  font-size: 16px;

}



.ul-class img {

  margin-right: 15px;

}



.border-table tr td:first-child {

  border-left: none;

}



.border-table tr td:last-child {

  border-right: none;

}



.border-table tr:last-child td {

  border-bottom: none;

}



.border-table tr:first-child td {

  border-top: none;

}



.blog-sec .card-body {

  margin-bottom: 30px;

  background-color: red;

  color: white;

}



.blog-sec img {

  width: 100%;

  height: 200px;

}



.blog-sec .card h5 {

  color: white;

  font-size: 18px;

}



/* Dropdown Button */

.dropbtn {

  background-color: #f9f9ff;

  color: #1c75bb;

  margin-top: 17px;

  margin-left: 14px;

  font-size: 18px;

  border: none;

  font-weight: bolder;

}



/* The container <div> - needed to position the dropdown content */

.dropdown {

  position: relative;

  display: inline-block;

}



/* Dropdown Content (Hidden by Default) */

.dropdown-content {

  display: none;

  position: absolute;

  background-color: #f1f1f1;

  min-width: 390px;

  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);

  z-index: 999;

  left: -86px;

  top: 33px;

}



/* Links inside the dropdown */

.dropdown-content a {

  color: black;

  padding: 4px 14px;

  text-decoration: none;

  display: block;

}



/* Change color of dropdown links on hover */

.dropdown-content a:hover {

  background-color: #1c75bb;

  color: white;

}



/* Show the dropdown menu on hover */

.dropdown:hover .dropdown-content {

  display: block;

}



/* Change the background color of the dropdown button when the dropdown content is shown */



.breadcrumb1 {

  left: 38%;

}



.bg-color {

  background-color: #f3f6ff;

  padding: 40px;

}



.bg-1 .container {

  background-color: white;

  padding: 30px;

  box-shadow: 5px 10px 15px;

}



.why li {

  margin-bottom: 10px;

}



.why ul {

  margin-top: 20px;

}



.img-why {

  text-align: center;

}



.img-why img {

  width: 60%;

}



.first-img img {

  width: 100%;



  margin-bottom: 20px;

}



.card-1 .card {

  margin-bottom: 20px;

}



.card-1 .card-title {

  margin-bottom: 0px;

  font-size: 15px;

  font-weight: 600;

  color: #1c75bb;

}



.card-1 .card-body {

  text-align: center;

}



.card-1 img {

  width: 100%;

  height: 205px;

}



.foun {

  /* border-left: 3px solid red; */

  box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.15);

  border-radius: 0.3rem;

  padding: 13px 25px;

  background-color: white;

}



.founder-section p {

  font-size: 16px !important;

  line-height: 28px;

}



.founder-section h5 {

  font-size: 17px;

  line-height: 0.4rem;

  padding-top: 15px;

  padding-bottom: 20px;

}



.founder-section img {

  margin-top: 60px;

  width: 100%;

}



.founder-section {

  background-color: #1c75bb17;



  padding: 50px 0px;

}



.keyword-thumbnail img {

  width: 100%;

  height: 230px;

}



.keyword-thumbnail h5 a {

  font-size: 18px;

  text-align: center !important;

}



.keyword-thumbnail p {

  line-height: 22px;

  margin-bottom: 20px;

  height: 100px;

}



.keyword-thumbnail .btn {

  display: inline-block;

  position: relative;

  background: #1c75bb;

  border-color: transparent;

  color: #ffffff;

  border-radius: 0px;

  font-size: 14px;

  font-weight: 400;

  font-family: "Ubuntu", sans-serif;

  font-weight: 700;

  height: 50px;

  line-height: 48px;

  padding: 0px 30px;

  box-shadow: none;

  transition: all 0.3s ease 0s;

  cursor: pointer;

  text-transform: capitalize;

}



.keyword-thumbnail .card {

  margin-bottom: 35px;

}



.keyword-thumbnail .card-body {

  text-align: center;

}



.top-location {

  margin-right: 11px;

}



.div-under {

  background-color: white;

  height: 250px;

  border: 1px solid #1c75bb;

  box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;

  padding: 20px;

}



.dot-circel {

  margin-right: 12px;

}



.bg_black {

  background-color: black;

  height: 495px;

}



.white-head {

  color: white;

}



.under-about {

  background-color: white;

  height: 320px;

  margin-bottom: 10px;

  padding: 20px;

}



.under-side li {

  color: white;

}



.under-side i {

  margin-right: 10px;

  margin-bottom: 14px;

}



.mi-vi-ig img {

  width: 25%;

}



.back-index {

  background-color: #1c75bb1f;

}



.com {

  width: 45%;

}



.sets img {

  width: 100%;

}



.box-card i {

  color: #1c75bb;

  font-size: 20px;

}



.goodbye img {

  width: 100%;

}



table {

  width: 100%;

  border-collapse: collapse;

  font-family: Arial, sans-serif;

  margin: 20px 0;

}



th,

td {

  border: 1px solid #ddd;

  text-align: left;

  padding: 12px;

}



th {

  background-color: #f4f4f4;

  font-weight: bold;

}



tr:nth-child(even) {

  background-color: #f9f9f9;

}



tr:hover {

  background-color: #f1f1f1;

}



td {

  color: #333;

}



caption {

  font-size: 1.5em;

  margin-bottom: 10px;

  font-weight: bold;

}



.goodby img {

  width: 129%;

  position: relative;

  left: 205px;

}



.dr-piles img {

  width: 100%;

}



.benefits-fis {

  width: 100%;

}



.trin-trin {

  animation-name: trin;

  animation-duration: 1.8s;

  animation-iteration-count: infinite;

  animation-timing-function: linear;

}



@keyframes trin {

  from {

    transform: rotate3d(0, 0, 1, 0deg);

  }



  20%,

  32%,

  44%,

  56%,

  68% {

    transform: rotate3d(0, 0, 1, 0deg);

  }



  23%,

  35%,

  47%,

  59%,

  71% {

    transform: rotate3d(0, 0, 1, 12deg);

  }



  26%,

  38%,

  50%,

  62%,

  74% {

    transform: rotate3d(0, 0, 1, 0deg);

  }



  29%,

  41%,

  53%,

  65%,

  77% {

    transform: rotate3d(0, 0, 1, -12deg);

  }



  80% {

    transform: rotate3d(0, 0, 1, 0deg);

  }

}



.ptb-20 {

  padding-top: 10px;

  padding-bottom: 30px;

}



.brochures-prgs {

  cursor: pointer;

  border-top: 4px solid #1c75bb;

  border-left: 3px solid #1c75bb;

  padding: 11px;

  color: white;

  border-radius: 9px;

  background: black;

  font-size: 16px;

  margin-bottom: 15px;

}



.disp {

  display: none;

  padding: 20px;

}



.rotate {

  transform: rotate(180deg);

}



.brochures-prgs .fa {

  font-size: 18px;

  right: 0;

  position: absolute;

  padding: 17px;

  border-radius: 6px;

  margin-top: -11px;

  margin-right: 15px;

  background: #1c75bb;

  color: white;

}



.main-head {

  text-align: center;

  margin-bottom: 30px;

}



@media only screen and (max-width: 400px) {

  .navbar-toggler img {

    width: 22%;

    margin-left: 180px !important;

    /* height: 80px; */

  }



  .site-navigation.navigation.navdown {

    height: 80px !important;

  }

}



@media only screen and (max-width: 300px) {

  .navbar-toggler img {

    width: 40%;

    margin-left: 70px !important;

  }

}



/* kk */

.sec-3-small-heading h3 {

  font-weight: 500;

  color: #1c75bb;

}



.sec-3-ul li i {

  margin: 13px 7px;

}



.sec-4-bg {

  /* background-color: #1C75BB; */

  height: 390px;

  /* background: linear-gradient(#5193c7,#1C75BB );; */

  background-image: url(../img/middle-bg1-min.png);

  /* background: #99d2ff; */

  position: relative;

}



.sec-4-bg::after {

  content: "";

  height: 100%;

  width: 100%;

  background-color: #00000091;

  position: absolute;

  top: 0;

  left: 0;

  z-index: -1;

}



.sec-4-bg h5 {

  font-weight: 500;

  font-size: 32px;

  margin-bottom: 15px;

  color: #fff;

}



.sec-4-bg p {

  font-family: "Dancing Script", cursive;

  margin-top: 10px;

  color: white;

  letter-spacing: 1px;

  text-align: center;

  font-size: 28px;

  line-height: 1.1;

  /* color: #000; */

  color: #fff;

}



/* .txt-size-h4{

  font-size: 28px;

} */



.row-email input {

  padding: 0px 18px;

  height: 50px;

  width: 100%;

}



.row-email input::placeholder {

  font-size: 15px;

  color: grey;

}



.comm-p p {

  font-size: 18px;

  line-height: 1.5;

  padding-right: 2px;

  letter-spacing: 1px;

}



.com-heading {

  font-size: 30px;

  color: #1c75bb;

}



/* .footer-main img{

  width: 50%;

} */



.row-a-hov li a {

  color: #000 !important;

}



.row-a-hov li a:hover {

  color: #115f9b !important;

}



.ts-contact-info span i {

  font-weight: 700 !important;

}



.footer-social ul {

  margin-top: 20px;

}



.gallery-head h2 {

  color: #1c75bb;

}



/* about */

.about-sec-2 img {

  width: 100%;

}



/* about end*/



/* contact start  */



/* .contact-bg{

  background-image: url('../img/contact-1.jpg');

  height: 400px;

  width: 100%;

  background-size: cover;

  background-position: center;

} */



.contact-img img {

  width: 100%;

}



.article-img img {

  width: 90%;

}



/* contact end */



.testi {

  padding: 15px;

  border: 1px solid #f1f1f1;

  box-shadow: 5px 5px 5px #f1f1f1;

  background-color: white;

  width: 100%;

  border-radius: 15px;

}



.testi img {

  width: 100%;

}



.testi i {

  font-size: 25px;

}



.testi p {

  text-align: left;

}



.testi h4 {

  text-align: left;

  color: #1c75bb;

}



.testi .ico {

  text-align: left;

}



.ico i {

  font-size: 18px;

  color: #ffd43b;

}



.btn-color a {

  color: #fff;

}



/* kk */

/* 

@media (max-width: 1119px) {

  .btn-new {

    display: none;

  }

} */



@media (max-width: 900px) {

  .com {

    width: 100%;

    margin-bottom: 40px;

  }



  .about-sec-4 li {

    font-size: 22px;

    line-height: 1.4;

    word-spacing: 4px;

    margin: 10px 0px;

  }

}



@media (max-width: 500px) {

  .navbar-toggler img {

    width: 18%;

    margin-left: 240px;

  }



  .site-navigation.navigation.navdown {

    height: 110px;

  }

}



@media (max-width: 435px) {

  .order-row .about-desc {

    order: 2;

    margin-top: 0px;

  }



  .about-img img {

    width: 100%;

    margin-top: 65px;

  }



  .about-sec-2 img {

    width: 100%;

    margin-bottom: 40px;

  }



  .shad {

    padding: 0px;

  }



  .about-sec-4 li {

    font-size: 16px;

  }



  .testi {

    margin: 0;

    margin-bottom: 20px;

  }



  .testi img {

    width: 50%;

  }



  .home-img img {

    margin-top: 40px !important;

  }



  #about-desc-title {

    font-size: 30px;

  }

}



.txt-width p {

  width: 95% !important;

}



.head-injury-img img {

  width: 95%;

  margin-top: 40px;

}



/* home service-cards starts */



.services-container {

  max-width: 1200px;

  margin: 0 auto;

  /* padding: 40px 20px; */

}



.services-header {

  text-align: center;

  margin-bottom: 50px;

}



.services-header h1 {

  font-size: 2.5rem;

  color: #2c3e50;

  margin-bottom: 15px;

}



.services-header p {

  color: #7f8c8d;

  font-size: 1.1rem;

  max-width: 700px;

  margin: 0 auto;

}



.services-grid {

  display: grid;

  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));

  gap: 30px;

}



.service-card {

  background: white;

  border-radius: 10px;

  overflow: hidden;

  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);

  transition: transform 0.3s ease, box-shadow 0.3s ease;

}



.service-card:hover {

  transform: translateY(-10px);

  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);

}



.card-image {

  height: 200px;

  overflow: hidden;

}



.card-image img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  transition: transform 0.5s ease;

}



.service-card:hover .card-image img {

  transform: scale(1.1);

}



.card-content {

  padding: 25px;

}



.card-content h3 {

  font-size: 1.5rem;

  color: #2c3e50;

  margin-bottom: 15px;

}



.card-content p {

  color: #7f8c8d;

  line-height: 1.6;

  margin-bottom: 20px;

}



.learn-more {

  display: inline-block;

  padding: 10px 20px;

  background-color: #1c75bb;

  color: white;

  text-decoration: none;

  border-radius: 5px;

  transition: background-color 0.3s ease;

}



.learn-more:hover {

  background-color: #2980b9;

}



/* Responsive adjustments */

@media (max-width: 768px) {

  .services-grid {

    grid-template-columns: 1fr;

  }



  .services-header h1 {

    font-size: 2rem;

  }

}



/* home service-cards ends */



.contact-section .dr-btn-new {

  padding: 5px 10px;

  background-color: #1c75bb;

  color: #ffff;

  border: none;

  border-radius: 5px;

}





.right-aro i {

  font-size: 15px;

  padding-right: 5px;

  color: #1c75bb;

}





.site-navigation.navdown ul.navbar-nav>li>a.active {

  color: #8c7474 !important;

}



.key-baner {

  width: 100%;

  height: 380px;

  margin-bottom: 25px;

}



.key-baner img {

  width: 100%;

  height: 100%;

}





.key-about {

  width: 100%;

  height: 380px;

  border: solid #1c75bb 2px;

  padding: 17px;

  text-align: center;

  margin-bottom: 20px;

}



.key-service {

  width: 100%;

  height: 445px;

  border: solid #1c75bb 2px;

  padding: 8px;

  /* text-align: center; */

  margin-bottom: 20px;

}



.key-service ul li a {

  color: black;



}





.key-contact {

  width: 100%;

  height: 166px;

  border: solid #1c75bb 2px;

  padding: 8px;

  /* text-align: center; */

  margin-bottom: 20px;

}





.key-contact ul li a {

  color: black;



}



.key-contact ul li a i {

  color: #1c75bb;

  font-size: 10px;

  padding-right: 6px;



}





.diagnostic-hero {

  background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);

  color: white;

  padding: 4rem 0;

  border-radius: 0 0 20px 20px;

  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);

}



.service-card {

  border: none;

  border-radius: 15px;

  transition: all 0.3s ease;

  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);

  height: 100%;

}



.service-card:hover {

  transform: translateY(-10px);

  box-shadow: 0 15px 30px rgba(41, 117, 252, 0.2);

}



.service-icon {

  font-size: 2.5rem;

  color: #1c75bb;

  margin-bottom: 1rem;

}



.importance-section {

  background-color: #f8f9fa;

  padding: 3rem 0;

  border-radius: 20px;

}



.importance-item {

  padding: 1.5rem;

  background: white;

  border-radius: 12px;

  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.03);

  margin-bottom: 1.5rem;

  transition: all 0.3s ease;

}



.importance-item:hover {

  transform: translateY(-5px);

  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);

}



.importance-number {

  width: 40px;

  height: 40px;

  background: #2575fc;

  color: white;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  font-weight: bold;

  margin-right: 1rem;

}











.highlight-badge {

  background: #ff6b6b;

  color: white;

  padding: 0.3rem 1rem;

  border-radius: 50px;

  font-size: 0.8rem;

  font-weight: bold;

  display: inline-block;

  margin-bottom: 1rem;

}



.bg-sec {

  background-color: whitesmoke;

}







.symptoms-hero {

  background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);

  color: white;

  padding: 4rem 0;

  border-radius: 0 0 20px 20px;

  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);

}



.condition-card {

  border: none;

  border-radius: 15px;

  transition: all 0.3s ease;

  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);

  overflow: hidden;

  height: 100%;

}



.condition-card:hover {

  transform: translateY(-5px);

  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);

}



.bp-card {

  border-top: 4px solid #e63946;

}



.diabetes-card {

  border-top: 4px solid #457b9d;

}



.thyroid-card {

  border-top: 4px solid #1d3557;

}



.symptom-item {

  padding: 0.75rem 1rem;

  margin-bottom: 0.5rem;

  border-radius: 8px;

  background-color: #f8f9fa;

  display: flex;

  align-items: center;

}



.symptom-item i {

  margin-right: 0.75rem;

  color: #2a9d8f;

}



.awareness-section {

  background-color: #f1faee;

  padding: 3rem 0;

  border-radius: 20px;

}



.importance-badge {

  background: #e63946;

  color: white;

  padding: 0.3rem 1rem;

  border-radius: 50px;

  font-size: 0.8rem;

  font-weight: bold;

  display: inline-block;

  margin-bottom: 1rem;

}



.section-heading {

  position: relative;

  display: inline-block;

  margin-bottom: 1.5rem;

}



.section-heading:after {

  content: '';

  position: absolute;

  width: 50%;

  height: 4px;

  background: #2a9d8f;

  bottom: -10px;

  left: 0;

  border-radius: 2px;

}



.consultation-cta {

  background: linear-gradient(135deg, #1d3557 0%, #457b9d 100%);

  border-radius: 15px;

  padding: 2rem;

  color: white;

}





.treatment-card {

  background: white;

  border-radius: 10px;

  padding: 2rem;

  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);

  height: 100%;

  transition: transform 0.3s ease;

  border-top: 4px solid transparent;

}



.treatment-card:hover {

  transform: translateY(-5px);

}



.bp-card {

  border-top-color: #e74c3c;

}



.diabetes-card {

  border-top-color: #3498db;

}



.thyroid-card {

  border-top-color: #2ecc71;

}



.treatment-name {

  font-size: 1.5rem;

  font-weight: 600;

  color: #2c3e50;

  margin-bottom: 1.5rem;

  text-align: center;

}



.treatment-desc {

  color: #7f8c8d;

  line-height: 1.6;

}



.treatment-item {

  margin-bottom: 0.8rem;

  padding-left: 1.5rem;

  position: relative;

}



.treatment-item:before {

  content: "•";

  color: #3498db;

  font-weight: bold;

  position: absolute;

  left: 0;

}



.conclusion {

  text-align: center;

  margin-top: 3rem;

  font-style: italic;

  color: #7f8c8d;

}





.bgfull {

  background-color: #777d83;

}





.reason-card {

  background: white;

  border-radius: 10px;

  padding: 2rem;

  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);

  height: 350px;

  transition: all 0.3s ease;

  border-left: 4px solid #3498db;

  margin-bottom: 20px;

}



.reason-card:hover {

  transform: translateY(-5px);

  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);

}



.reason-number {

  display: inline-block;

  width: 40px;

  height: 40px;

  background: #3498db;

  color: white;

  border-radius: 50%;

  text-align: center;

  line-height: 40px;

  font-weight: bold;

  margin-bottom: 1rem;

}



.reason-title {

  font-size: 1.3rem;

  font-weight: 600;

  color: #2c3e50;

  margin-bottom: 1rem;

}



.reason-desc {

  color: #7f8c8d;

  line-height: 1.6;

  /* text-align: justify; */

}



.icon-wrapper {

  width: 60px;

  height: 60px;

  background: rgba(52, 152, 219, 0.1);

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-bottom: 1.5rem;

}



.reason-icon {

  font-size: 1.5rem;

  color: #3498db;

}





.neuro-intro {

  font-size: 1.1rem;

  color: #7f8c8d;

  max-width: 800px;

  margin: 0 auto 2rem;

  line-height: 1.6;

}



.condition-card {

  background: white;

  border-radius: 8px;

  padding: 1.5rem;

  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);

  height: 514px;

  border-left: 4px solid #3498db;

  transition: transform 0.3s ease;

  margin-bottom: 20px;

}



.condition-card:hover {

  transform: translateY(-3px);

}



.condition-name {

  font-size: 1rem;

  font-weight: 600;

  color: #2c3e50;

  margin-bottom: 0.5rem;

  display: flex;

}



.neuro-conclusion {

  text-align: center;

  margin-top: 3rem;

  padding: 1.5rem;

  background-color: white;

  border-radius: 8px;

  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);

  max-width: 800px;

  margin-left: auto;

  margin-right: auto;

}



.conclusion-text {

  font-size: 1.1rem;

  color: #2c3e50;

  margin-bottom: 0;

  font-style: italic;

}



.neuro-reason-card {

  background: white;

  border-radius: 10px;

  padding: 2rem;

  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);

  height: 385px;

  transition: all 0.3s ease;

  border-left: 4px solid #3498db;

  margin-bottom: 20px;

}



.neuro-reason-card:hover {

  transform: translateY(-5px);

  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);

}



.neuro-reason-number {

  display: inline-block;

  width: 40px;

  height: 40px;

  background: #3498db;

  color: white;

  border-radius: 50%;

  text-align: center;

  line-height: 40px;

  font-weight: bold;

  margin-bottom: 1rem;

}



.neuro-reason-title {

  font-size: 1.3rem;

  font-weight: 600;

  color: #2c3e50;

  margin-bottom: 1rem;

}



.neuro-reason-desc {

  color: #7f8c8d;

  line-height: 1.6;

}



.neuro-icon-wrapper {

  width: 60px;

  height: 60px;

  background: rgba(52, 152, 219, 0.1);

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-bottom: 1.5rem;

}



.neuro-reason-icon {

  font-size: 1.5rem;

  color: #3498db;

}



.migraine-section {

  padding: 4rem 0;

  background-color: #f8f9fa;

}



.migraine-header {

  text-align: center;

  margin-bottom: 2rem;

}



.migraine-content {

  background: white;

  padding: 2rem;

  border-radius: 8px;

  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);

}



.trigger-list {

  list-style-type: none;

  padding-left: 0;

}



.trigger-item {

  padding: 0.5rem 0;

  border-bottom: 1px solid #eee;

}



.conclusion-box {

  background-color: #f0f7ff;

  padding: 1rem;

  border-left: 4px solid #3498db;

  margin-top: 1.5rem;

}



.symptom-card {

  background: white;

  border-radius: 10px;

  padding: 20px;

  margin-bottom: 15px;

  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);

  transition: transform 0.3s ease;

  border-left: 4px solid #4b6cb7;

}



.symptom-card:hover {

  transform: translateY(-5px);

}



.symptom-icon {

  font-size: 24px;

  color: #4b6cb7;

  margin-right: 10px;

}



.doctor-card {

  background: white;

  border-radius: 10px;

  padding: 25px;

  text-align: center;

  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);

  border-top: 5px solid #182848;

}



.doctor-name {

  color: #182848;

  font-weight: 700;

  margin: 15px 0 5px;

}



.consult-btn {

  background: linear-gradient(to right, #4b6cb7, #182848);

  border: none;

  padding: 10px 25px;

  font-weight: 600;

  margin-top: 15px;

  transition: all 0.3s ease;

}



.consult-btn:hover {

  transform: translateY(-3px);

  box-shadow: 0 5px 15px rgba(75, 108, 183, 0.4);

}



.migraine-reason-card {

  background: white;

  border-radius: 10px;

  padding: 30px;

  height: 300px;

  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);

  transition: all 0.3s ease;

  border-top: 3px solid #3498db;

  position: relative;

  overflow: hidden;

  margin-bottom: 25px;

}



.migraine-reason-card:hover {

  transform: translateY(-10px);

  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);

}



.migraine-icon-wrapper {

  width: 60px;

  height: 60px;

  background: linear-gradient(135deg, #3498db, #2c3e50);

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-bottom: 20px;

  color: white;

  font-size: 24px;

}



.migraine-reason-number {

  position: absolute;

  top: 15px;

  right: 20px;

  font-size: 40px;

  font-weight: 700;

  color: rgb(52 152 219 / 86%);

}



.migraine-reason-title {

  color: #2c3e50;

  font-weight: 600;

  margin-bottom: 15px;

  font-size: 1.3rem;

}



.migraine-reason-desc {

  color: #7f8c8d;

  margin-bottom: 0;

}



.doctor-quote {

  background: linear-gradient(135deg, #3498db, #2c3e50);

  color: white;

  padding: 40px;

  border-radius: 10px;

  margin-top: 50px;

  position: relative;

}



.doctor-quote:before {

  content: '"';

  position: absolute;

  top: 20px;

  left: 30px;

  font-size: 80px;

  font-family: Georgia, serif;

  color: rgba(255, 255, 255, 0.2);

}



.quote-text {

  font-size: 1.2rem;

  font-style: italic;

  position: relative;

  z-index: 1;

}



.quote-author {

  font-weight: 600;

  margin-top: 20px;

  font-size: 1.1rem;

}





.pain-reason-card {

  background: white;

  border-radius: 10px;

  padding: 30px;

  height: 300px;

  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);

  transition: all 0.3s ease;

  border-top: 3px solid #3498db;

  position: relative;

  overflow: hidden;

  margin-bottom: 25px;

}



.pain-reason-card:hover {

  transform: translateY(-10px);

  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);

}



.pain-icon-wrapper {

  width: 60px;

  height: 60px;

  background: linear-gradient(135deg, #3498db, #2c3e50);

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-bottom: 20px;

  color: white;

  font-size: 24px;

}



.pain-reason-number {

  position: absolute;

  top: 15px;

  right: 20px;

  font-size: 40px;

  font-weight: 700;

  color: rgb(52 152 219 / 69%);

}



.pain-reason-title {

  color: #2c3e50;

  font-weight: 600;

  margin-bottom: 15px;

  font-size: 1.3rem;

}



.pain-reason-desc {

  color: #7f8c8d;

  margin-bottom: 0;

}



.doctor-quote {

  background: linear-gradient(135deg, #3498db, #2c3e50);

  color: white;

  padding: 40px;

  border-radius: 10px;

  position: relative;

}



.doctor-quote:before {

  content: '"';

  position: absolute;

  top: 20px;

  left: 30px;

  font-size: 80px;

  font-family: Georgia, serif;

  color: rgba(255, 255, 255, 0.2);

}



.quote-text {

  font-size: 1.2rem;

  font-style: italic;

  position: relative;

  z-index: 1;

}



.quote-author {

  font-weight: 600;

  margin-top: 20px;

  font-size: 1.1rem;

}





.stroke-reason-card {

  background: white;

  border-radius: 10px;

  padding: 30px;

  height: 300px;

  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);

  transition: all 0.3s ease;

  border-top: 3px solid #3498db;

  position: relative;

  overflow: hidden;

  margin-bottom: 25px;

}



.stroke-reason-card:hover {

  transform: translateY(-10px);

  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);

}



.stroke-icon-wrapper {

  width: 60px;

  height: 60px;

  background: linear-gradient(135deg, #3498db, #2c3e50);

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-bottom: 20px;

  color: white;

  font-size: 24px;

}



.stroke-reason-number {

  position: absolute;

  top: 15px;

  right: 20px;

  font-size: 40px;

  font-weight: 700;

  color: rgb(52 152 219 / 64%);

}



.stroke-reason-title {

  color: #2c3e50;

  font-weight: 600;

  margin-bottom: 15px;

  font-size: 1.3rem;

}



.stroke-reason-desc {

  color: #7f8c8d;

  margin-bottom: 0;

}



.doctor-quote {

  background: linear-gradient(135deg, #3498db, #2c3e50);

  color: white;

  padding: 40px;

  border-radius: 10px;

  position: relative;

}



.doctor-quote:before {

  content: '"';

  position: absolute;

  top: 20px;

  left: 30px;

  font-size: 80px;

  font-family: Georgia, serif;

  color: rgba(255, 255, 255, 0.2);

}



.quote-text {

  font-size: 1.2rem;

  font-style: italic;

  position: relative;

  z-index: 1;

}



.quote-author {

  font-weight: 600;

  margin-top: 20px;

  font-size: 1.1rem;

}





.contact-item {

  margin-bottom: 12px;

  display: flex;

  align-items: center;

}



.contact-item i {

  width: 30px;

  color: #26d0ce;

  font-size: 1.2rem;

  margin-right: 10px;

}



.timing-box {

  background-color: #f8f9fa;

  border-radius: 10px;

  padding: 15px;

  margin-top: 15px;

}



.action-btn {

  background: linear-gradient(90deg, #1a2980 0%, #26d0ce 100%);

  color: white;

  border: none;

  padding: 12px 25px;

  border-radius: 50px;

  font-weight: 600;

  text-transform: uppercase;

  letter-spacing: 1px;

  transition: all 0.3s;

  display: inline-block;

  text-align: center;

  margin-top: 10px;

}



.action-btn:hover {

  transform: translateY(-3px);

  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);

  color: white;

}



.stroke-symptoms {

  margin-top: 25px;

}



.symptom-item {

  display: flex;

  align-items: flex-start;

  margin-bottom: 10px;

}



.symptom-item i {

  color: #dc3545;

  margin-right: 10px;

  margin-top: 3px;

}







/* new key page */

.key-baner {

  width: 100%;

  height: 380px;

  margin-bottom: 25px;

}



.key-baner img {

  width: 100%;

  height: 100%;

}





.key-about {

  width: 100%;

  height: 380px;

  border: solid #1c75bb 2px;

  padding: 17px;

  text-align: center;

  margin-bottom: 20px;

}



.key-service {

  width: 100%;

  height: 445px;

  border: solid #1c75bb 2px;

  padding: 8px;

  /* text-align: center; */

  margin-bottom: 20px;

}



.key-service ul li a {

  color: black;



}





.key-contact {

  width: 100%;

  height: auto;

  border: solid #1c75bb 2px;

  padding: 8px;

  /* text-align: center; */

  margin-bottom: 20px;

}





.key-contact ul li a {

  color: black;



}



.key-contact ul li a i {

  color: #1c75bb;

  font-size: 10px;

  padding-right: 6px;



}





@media (max-width: 768px) {

  .key-hading {

    font-size: 27px !important;

    line-height: 36px;

    color: #1c75bb;

  }



  .key-about {

    width: 100%;

    height: 274px !important;

    border: solid #1c75bb 2px;

    padding: 9px !important;

    text-align: center;

    margin-bottom: 20px;

  }



  .key-service {

    width: 100%;

    height: 369px !important;

    border: solid #1c75bb 2px;

    padding: 8px;

    /* text-align: center; */

    margin-bottom: 20px;

  }



  .service-icon {

    font-size: 24px !important;

    color: #1c75bb;

    margin-bottom: 1rem;

  }



  .service-card h4 {

    font-size: 15px !important;

  }



  .service-card {

    border: none;

    border-radius: 15px;

    transition: all 0.3s ease;

    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);

    height: 259px !important;

    margin-bottom: 20px !important;

  }



  .service-card p {

    font-size: 13px !important;

  }



  .condition-card {

    background: white;

    border-radius: 8px;

    padding: 1.5rem;

    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);

    height: 494px !important;

    border-left: 4px solid #3498db;

    transition: transform 0.3s ease;

    margin-bottom: 27px !important;

  }



  .icon-wrapper {

    width: 35px !important;

    height: 35px !important;

    background: rgba(52, 152, 219, 0.1);

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 10px !important;

  }



  .reason-card {

    background: white;

    border-radius: 10px;

    padding: 10px;

    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);

    height: 260px;

    transition: all 0.3s ease;

    border-left: 4px solid #3498db;

    margin-bottom: 20px;

  }



  .reason-title {

    font-size: 14px !important;

    font-weight: 600;

    color: #2c3e50;

    margin-bottom: 1rem;

  }



  .reason-desc {

    color: #7f8c8d;

    line-height: 1.6;

    font-size: 12px !important;

  }



  .reason-number {

    display: inline-block;

    width: 30px !important;

    height: 30px !important;

    background: #3498db;

    color: white;

    border-radius: 50%;

    text-align: center;

    line-height: 40px;

    font-weight: bold;

    margin-bottom: 1rem;

    display: flex;

    flex-direction: column;

    text-align: center;

    align-items: center;

    justify-content: center;

  }



  .key-baner {

    width: 100%;

    height: 250px !important;

    margin-bottom: 25px;

  }



  .ml-clr {

    background-color: black;

  }



  .breadcrumb {

    position: absolute;

    left: 44%;

    top: 72%;

    padding: 0;

    background: none;

    font-size: 12px !important;

    font-weight: 300;

    margin-top: -60px;

  }



  .condition-card2 {

    background: white;

    border-radius: 8px;

    padding: 10px;

    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);

    height: 157px !important;

    border-left: 4px solid #3498db;

    transition: transform 0.3s ease;

    margin-bottom: 27px !important;

  }



  .condition-name {

    font-size: 12px;

    font-weight: 600;

    color: #2c3e50;

    margin-bottom: 0.5rem;

  }



  .neuro-icon-wrapper {

    width: 40px !important;

    height: 40px !important;

    background: rgba(52, 152, 219, 0.1);

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 10px;

  }



  .neuro-reason-card {

    background: white;

    border-radius: 10px;

    padding: 10px !important;

    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);

    height: 291px;

    transition: all 0.3s ease;

    border-left: 4px solid #3498db;

    margin-bottom: 20px;

  }



  .neuro-reason-number {

    display: inline-block;

    width: 30px !important;

    height: 30px !important;

    background: #3498db;

    color: white;

    border-radius: 50%;

    text-align: center;

    line-height: 40px;

    font-weight: bold;

    margin-bottom: 1rem;

    display: flex;

    flex-direction: column;

    text-align: center;

    align-items: center;

    justify-content: center;

  }



  .neuro-reason-title {

    font-size: 13px !important;

    font-weight: 600;

    color: #2c3e50;

    margin-bottom: 1rem;

  }



  .neuro-reason-desc {

    color: #7f8c8d;

    line-height: 1.6;

    font-size: 12px !important;

  }



  .migraine-icon-wrapper {

    width: 30px !important;

    height: 30px !important;

    background: linear-gradient(135deg, #3498db, #2c3e50);

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 20px;

    color: white;

    font-size: 16px !important;

  }



  .migraine-reason-card {

    background: white;

    border-radius: 10px;

    padding: 9px !important;

    height: 272px !important;

    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);

    transition: all 0.3s ease;

    border-top: 3px solid #3498db;

    position: relative;

    overflow: hidden;

    margin-bottom: 25px;

  }



  .migraine-reason-number {

    position: absolute;

    top: 15px;

    right: 20px;

    font-size: 27px !important;

    font-weight: 700;

    color: rgb(52 152 219 / 86%);

  }



  .migraine-reason-title {

    color: #2c3e50;

    font-weight: 600;

    margin-bottom: 15px;

    font-size: 14px !important;

  }



  .migraine-reason-desc {

    color: #7f8c8d;

    margin-bottom: 0;

    font-size: 11px !important;

  }



  .pain-reason-card {

    background: white;

    border-radius: 10px;

    padding: 14px !important;

    height: 300px;

    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);

    transition: all 0.3s ease;

    border-top: 3px solid #3498db;

    position: relative;

    overflow: hidden;

    margin-bottom: 25px;

  }



  .pain-icon-wrapper {

    width: 30px !important;

    height: 30px !important;

    background: linear-gradient(135deg, #3498db, #2c3e50);

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 20px;

    color: white;

    font-size: 13px !important;

  }



  .pain-reason-number {

    position: absolute;

    top: 15px;

    right: 20px;

    font-size: 25px !important;

    font-weight: 700;

    color: rgb(52 152 219 / 69%);

  }





  .pain-reason-title {

    color: #2c3e50;

    font-weight: 600;

    margin-bottom: 15px;

    font-size: 15px !important;

  }



  .pain-reason-desc {

    color: #7f8c8d;

    margin-bottom: 0;

    font-size: 13px !important;

  }



  .stroke-icon-wrapper {

    width: 30px !important;

    height: 30px !important;

    background: linear-gradient(135deg, #3498db, #2c3e50);

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 20px;

    color: white;

    font-size: 14px !important;

  }



  .stroke-reason-number {

    position: absolute;

    top: 15px;

    right: 20px;

    font-size: 24px !important;

    font-weight: 700;

    color: rgb(52 152 219 / 64%);

  }



  .stroke-reason-card {

    background: white;

    border-radius: 10px;

    padding: 13px !important;

    height: 262px !important;

    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);

    transition: all 0.3s ease;

    border-top: 3px solid #3498db;

    position: relative;

    overflow: hidden;

    margin-bottom: 25px;

  }



  .stroke-reason-title {

    color: #2c3e50;

    font-weight: 600;

    margin-bottom: 15px;

    font-size: 14px !important;

  }



  .stroke-reason-desc {

    color: #7f8c8d;

    margin-bottom: 0;

    font-size: 12px !important;

  }





}







.dropdown-content {

  display: none;

  position: absolute;

  background-color: #fff;

  /* or your desired color */

  z-index: 1000;

  width: 250px;

  /* adjust as needed */

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

}



.dropdown-content.show {

  display: block;

}



/* onnn */

.ptb-20 {

  padding-top: 10px;

  padding-bottom: 30px;

}





.brochures-prgs {

  cursor: pointer;

  border-top: 4px solid #2178b9;

  ;

  border-left: 3px solid #2178b9;

  ;

  padding: 11px;

  color: #373333;

  border-radius: 9px;

  background: #d3d3d336;

  font-size: 16px;

  margin-bottom: 15px;

  position: relative;

}



.disp {

  display: none;

  padding: 20px;

}





.rotate {

  transform: rotate(180deg);

}



.brochures-prgs .fa {

  font-size: 18px;

  right: 0;

  position: absolute;

  padding: 10px;

  border-radius: 6px;

  margin-top: -7px;

  margin-right: 6px;

  background: #2178b9;

  color: #fff;

}



.trin-trin {

  animation-name: trin;

  animation-duration: 1.8s;

  animation-iteration-count: infinite;

  animation-timing-function: linear;

}



.condition-card2 {

  background: white;

  border-radius: 8px;

  padding: 0.9rem;

  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);

  height: 100px;

  border-left: 4px solid #3498db;

  transition: transform 0.3s ease;

  margin-bottom: 20px;

}



.condition-card2 img{

  width: 45px;

}



@keyframes trin {

  from {

    transform: rotate3d(0, 0, 1, 0deg);

  }



  20%,

  32%,

  44%,

  56%,

  68% {

    transform: rotate3d(0, 0, 1, 0deg);

  }



  23%,

  35%,

  47%,

  59%,

  71% {

    transform: rotate3d(0, 0, 1, 12deg);

  }



  26%,

  38%,

  50%,

  62%,

  74% {

    transform: rotate3d(0, 0, 1, 0deg);

  }



  29%,

  41%,

  53%,

  65%,

  77% {

    transform: rotate3d(0, 0, 1, -12deg);

  }



  80% {

    transform: rotate3d(0, 0, 1, 0deg);

  }

}







/* -funnels-Css--- */

/*mobile footer css starts*/



.navbar-footer a {

  float: left;

  display: none;

  width: 25%;

  color: #fff;

  text-align: center;

  padding: 25px 22px 38px 20px;

  text-decoration: none;

  font-size: 21px;

  /* margin-right: 22px;

    margin-left: 21px; */

}



.navbar-footer a:hover {

  background: #F1F1F1;

  color: black;

}



.w_app>i {

  color: #fff;

}



.w_app {

  background-color: #28A745;

}



.e_mail>i {

  color: #fff;

}



.e_mail {

  background-color: #DC3545;

}



.ems_call>i {

  color: #fff;

}



.ems_call {

  background-color: #007BFF;

}



.ems_enquiry>i {

  color: #fff;

}



.ems_enquiry {

  background-color: #FFC107;

}



.upside {

  display: none;

}



.mobile-hidden i {

  color: white;

}



@media screen and (min-width :315px) and (max-width :768px) {

  .upside {

    display: block;

  }



  .funnal-mobile {

    display: none !important;

  }



  .mobile-footer {

    display: block !important;

  }



  .social-mobile li a .fa {

    display: none;

  }



  .navbar-footer {

    overflow: scroll;

    z-index: 9999999 !important;

    background-color: #ccc;

    position: fixed;

    bottom: -16px;

    width: 100%;

  }



  .navbar-footer a:hover {

    background: #f1f1f1;

    color: black;

  }



  .main {

    padding: 0px;

    margin-bottom: 54px;

  }



  .navbar-footer {

    display: block !important;

  }



}



.mobile-hidden a {

  font-size: 16px;

}



/* mobile footer css end*/

@media only screen and (max-width:768px) {





  .mobile-hidden {

    display: none !important;

  }



  .tab {

    margin: 4px 4px !important;

  }



  .brochures-prgs .fa-plus {

    margin-right: 30px !important;

  }

}







/* Funnel css start */

.btn-success {

  color: #fff !important;

  background-color: #5cb85c;

  border-color: #4cae4c;

  padding: 15px 30px;

}



.btn-success:hover {

  color: #fff;

  background-color: #449d44;

  border-color: #398439

}



.btn-danger {

  color: #fff !important;

  background-color: #d9534f;

  border-color: #d43f3a;

  padding: 15px 30px;

}



.btn-danger:hover {

  color: #fff;

  background-color: #c9302c;

  border-color: #ac2925

}



.btn-warning {

  color: #fff !important;

  background-color: #f0ad4e;

  border-color: #eea236;

  padding: 15px 30px;

}



.btn-warning:hover {

  color: #fff;

  background-color: #ec971f;

  border-color: #d58512

}



/* .btn-primary {

      color: #fff!important;

      background-color: #0084bd;

      border-color: #0d668d;

      padding: 15px 30px;

    }

    .btn-primary:hover {

      color: #fff;

      background-color: #0d668d;

      border-color: #204d74

    } */

.pb-20 {

  padding-top: 10px;

  padding-bottom: 30px;

}





/* -funnels-Css-Ends--- */

/* new key page */





.test-sec {

  background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);

  min-height: 100vh;

  display: flex;

  justify-content: center;

  align-items: center;

  padding: 20px;

}



.testimonial-section {

  width: 100%;

  max-width: 779px;

  padding: 40px 20px;

}



.testimonial-section__title {

  text-align: center;

  margin-bottom: 30px;

  color: #2c3e50;

  font-size: 2.3rem;

  font-weight: 500;

}



.testimonial-slider {

  position: relative;

  overflow: hidden;

  border-radius: 20px;

  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);

  background-color: white;

  padding: 40px 0;

}



.testimonial-cards {

  display: flex;

  transition: transform 0.5s ease-in-out;

}



.testimonial-card {

  flex: 0 0 100%;

  padding: 0px;

  display: flex;

  flex-direction: column;

  align-items: center;

  text-align: center;

}



.testimonial-card__avatar {

  width: 120px;

  height: 120px;

  border-radius: 50%;

  object-fit: cover;

  border: 5px solid #e0e6ed;

  margin-bottom: 0px;

  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);

}



.testimonial-card__quote {

  font-size: 1.2rem;

  line-height: 1.6;

  color: #555;

  margin-bottom: 15px;

  font-style: italic;

  position: relative;

  max-width: 550px;

}



.testimonial-card__quote::before,

.testimonial-card__quote::after {

  content: '"';

  font-size: 3rem;

  color: #3498db;

  opacity: 0.3;

  position: absolute;

}



.testimonial-card__quote::before {

  top: -20px;

  left: -10px;

}



.testimonial-card__quote::after {

  bottom: -40px;

  right: -10px;

}



.testimonial-card__author {

  font-size: 1.3rem;

  font-weight: 600;

  color: #2c3e50;

  margin-bottom: 5px;

}



.testimonial-card__position {

  font-size: 1rem;

  color: #7f8c8d;

  margin-bottom: 0px;

}



.testimonial-card__rating {

  color: #f1c40f;

  font-size: 1.2rem;

  margin-bottom: 0px;

}



.testimonial-nav {

  display: flex;

  justify-content: center;

  margin-top: 30px;

}



.testimonial-nav__btn {

  background: #3498db;

  color: white;

  border: none;

  width: 50px;

  height: 50px;

  border-radius: 50%;

  font-size: 1.2rem;

  cursor: pointer;

  margin: 0 10px;

  transition: all 0.3s ease;

  display: flex;

  justify-content: center;

  align-items: center;

  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);

}



.testimonial-nav__btn:hover {

  background: #2980b9;

  transform: translateY(-3px);

}



.testimonial-dots {

  display: flex;

  justify-content: center;

  margin-top: 20px;

}



.testimonial-dot {

  width: 12px;

  height: 12px;

  border-radius: 50%;

  background: #bdc3c7;

  margin: 0 5px;

  cursor: pointer;

  transition: all 0.3s ease;

}



.testimonial-dot--active {

  background: #3498db;

  transform: scale(1.2);

}



@media (max-width: 768px) {

  .testimonial-card {

    padding: 30px 20px;

  }



  .testimonial-card__avatar {

    width: 100px;

    height: 100px;

  }



  .testimonial-card__quote {

    font-size: 1.1rem;

  }



  .testimonial-section__title {

    font-size: 2rem;

  }

}



@media (max-width: 480px) {

  .testimonial-card {

    padding: 20px 15px;

  }



  .testimonial-card__avatar {

    width: 80px;

    height: 80px;

  }



  .testimonial-card__quote {

    font-size: 1rem;

  }



  .testimonial-section__title {

    font-size: 1.7rem;

  }



  .testimonial-nav__btn {

    width: 45px;

    height: 45px;

  }

}



.treat-opt{

  width: 30px;

}



.ext-links p{

  background-color: #0052a5;

  text-align: center;

  border-radius: 5px;

}



.ext-linl-pt{

  padding-top: 25px;

}



.ext-links p a{

  font-size: 13px;

  color: #fff;

}



.filter-btn {
    background: #007bff;
    color: white;
    border: none;
    padding: 10px 20px;
    margin: 0 5px;
    cursor: pointer;
    border-radius: 5px;
}

.filter-btn.active {
    background: #0056b3;
}

.gall {
    display: block; /* default visible */
}