@charset "utf-8";



/* CSS Document */



@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400;1,500&display=swap");

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

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

/*font-family: 'Poppins', sans-serif;*/

 



html {

  scroll-behavior: smooth;

}



body {

  background: #fff;

  -webkit-font-smoothing: antialiased;

  text-rendering: optimizeLegibility;

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

}



.container {

  max-width: 1280px;

}



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

  .container {

    width: 100% !important;

  }

}

:root {

  --primary: #00aed2;

  --sc-primary: #dd7325;

    --text-primary: #333;

     --text-heading: #333;

  /* --font-family: 'Poppins', sans-serif; */

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

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

  --gradient1:linear-gradient(90deg,rgba(255, 107, 1, 1) 0%, rgba(248, 110, 8, 1) 48%, rgba(5, 207, 253, 1) 100%);

  --gradient2:linear-gradient(90deg,rgba(221, 115, 37, 1) 0%, rgba(0, 174, 210, 1) 100%);  

 

 

}

a {

  text-decoration: none;

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -ms-transition: all 0.5s;

  -o-transition: all 0.5s;

}







    .video-container {

      width: 100%;      

     /* height: 650px;*/      /* Adjust height as needed */

      overflow: hidden;

  }

  

  .video-container video {

      width: 100%;

      height: 100%;

      object-fit: cover;

  }   



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

    .video-container {

      width: 100%;

      height: 100%;

      /*height: 550px;*/  /* Adjust height as needed */

      overflow: hidden;

  }

  }







/*===========section space=========================*/



.section-sp1 {

  padding-top: 100px;

  padding-bottom: 70px;

}



.section-sp2 {

  padding-top: 100px;

  padding-bottom: 100px;

}



.section-sp3 {

  padding-top: 100px;

  padding-bottom: 0;

}



.section-sp4 {

  padding-top: 50px;

  padding-bottom: 50px;

}



.section-sp5 {

  padding-top: 30px;

  padding-bottom: 30px;

}



.section-sp6 {

  padding-top: 0px;

  padding-bottom: 60px;

}



.section-sp7 {

  padding-top: 50px;

  padding-bottom: 0px;

}



.section-spd1 {

  padding-top: 30px;

}



.section-smr1 {

  margin-top: 0;

  margin-bottom: 120px;

}







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



.header-top {

  background: transparent;

  padding: 8px 0; margin-bottom: 4px;

  position: relative; border-bottom: 0px solid rgb(245, 245, 245);

  

}



/* .header-top:before {

  position: absolute;

  width: 50.85416666666667%;

  height: 100%;

  content: '';

  background: #fff;

  left: -22px;

  top: 0;

  transform: skew(-24deg, 0deg);

  -moz-transform: skew(-24deg, 0deg);

  -webkit-transform: skew(-24deg, 0deg);

} */



.header-top-row {

  display: flex;

  flex-direction: row;

  flex-wrap: nowrap;

  justify-content: flex-start;

  align-items: center;

  margin: 0px 0 0 0;

}



.header-top-row .top-col-1 {

  width: 100%;

}



.header-top-row .top-col-2 {

  width: 30%;

}



.top-col-1 {

  display: flex;

  flex-direction: row;

  flex-wrap: nowrap;

  justify-content:flex-end;

  align-items: center;

}



 



.top-col-1 .top-info i{ color: #fff; font-size: 13px;}

.top-col-1 .top-info a{ color: #fff; font-size: 13px; font-weight: 400 !important; }





/* .top-col-1 .social{display: none !important;} */

.top-col-1 .social a {

  display: flex; align-items: center; justify-content: center; justify-items: center;

  width: 22px; 

  height: 22px;

  line-height: 0px !important;

  text-align: center;

  text-decoration: none;

  font-size: 12px;

  font-weight: 400;

  padding: 0px;

  transition: All 0.5s ease;

  -webkit-transition: All 0.5s ease;

  -moz-transition: All 0.5s ease;

  -o-transition: All 0.5s ease;

  border-radius: 30px;

  color: #000 !important;

  background: #fff;  

}



.top-col-1 .social a:hover {

  border-radius: 30px;

  background:var(--primary);

  color: #fff !important;

  /* -webkit-transform: translateY(-6px);

  -moz-transform: translateY(-6px);

  -ms-transform: translateY(-6px);

  transform: translateY(-6px); */

}

 

 

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

  .header-top:before {

    position: absolute;

    width: 50.85416666666667%;

    height: 100%;

    content: '';

    background: transparent;

    left: -22px;

    top: 0;

    transform: skew(-24deg, 0deg);

    -moz-transform: skew(-24deg, 0deg);

    -webkit-transform: skew(-24deg, 0deg);

  }

}



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

  .none1 {

   display: none;

 } 

 

}



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

  .header-top {

   display: none;

 } 

 /* .padding-left{padding-left: var(--bs-gutter-x,0rem);}; */

 

}





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

   .top-col-1 {

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    justify-content: flex-end;

    align-items: center;

  } 

  

}







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



.header-middle-row {

  display: flex;

  flex-direction: row;

  flex-wrap: nowrap;

  justify-content: space-between;

  align-items: center;

  margin: 0px 0 0 0;

}



.header-middle-row .m-col-1 {

  width: 100%;

}



.header-middle-row .m-col-2 {

  width: auto;

}



.m-col-2 {

  display: flex;

  flex-direction: row;

  flex-wrap: nowrap;

  justify-content: flex-end;

  align-items: center;

  margin: 0px 0 0 0;

}



.m-col-2 a {

  line-height: inherit;

  font-family: var(--font-family);

  font-weight: 600;

  font-size: 10px;

  color: #000;

  text-decoration: none;

  padding: 0 0 0 15px;

  text-align: left;

}



.header-nav {

  background: transparent;

  padding: 5px 0;

}



.header-nav .border-line {

  border-top: 0px solid #dfdedb;

  border-bottom: 0px solid #dfdedb;

}



/*-------------------------------------*/

/*-------------------------------------*/



.header-bottom {

  background: var(--sc-primary);

  padding: 5px 0;

}



.header-bt-row {

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  justify-content: space-between;

  align-items: center !important;

}

.header-bt-1 {

  width: 70%;

}

.header-bt-2 {

  width: 30%;

  display: flex;

  flex-direction: row;

  flex-wrap: nowrap;

  justify-content: space-between;

  align-items: center;

}



.header-bt-1 .live-tag {

  margin: 0;

  font-family: var(--font-family);

  font-weight: 600;

  font-size: 16px;

  color: var(--text-primary);

}



.search-box {

  border: 0px solid #d6d3d3;

  border-radius: 7px;

}



.search-box .form-control {

  border: 0px;

  border-radius: 7px;

  font-family: var(--font-family);

  font-weight: 500;

  font-size: 12px;

  color: #666;

  height: 40px;

}



.search-box .btn {

  border-left: 1px solid #a6002f;

  line-height: 0px;

  background: #a6002f;

  border-radius: 7px;

  width: auto !important;

}



.search-box .btn:hover {

  background: #000;

}



.search-box .btn .icon-search {

  color: #fff;

}



.header-bt-2 .adv-ser {

  display: flex;

  justify-content: flex-end;

  font-weight: 600;

  font-size: 10px;

  color: #000;

  text-decoration: none;

  text-transform: uppercase;

  text-align: right;

}



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

  .header-bt-row {

    display: flex;

    flex-direction: column-reverse;

    flex-wrap: wrap;

    justify-content: space-between;

    align-items: center !important;

  }

  .header-bt-1 {

    width: 100%;

  }

  .header-bt-2 {

    width: 100%;

    display: flex;

    flex-direction: row;

    flex-wrap: nowrap;

    justify-content: space-between;

    align-items: center;

  }



  .header-bt-1 .live-tag {

    padding: 8px 0;

    text-align: center;

  }

}



/*----------------------------------*/



.header-center-row {

  display: flex;

  flex-direction: row;

  flex-wrap: nowrap;

  justify-content: space-between;

  align-items: flex-start;

  margin: 0px 0 0 0;

}



.header-center-row .c-col-1 {

  width: 100%;

}



.header-center-row .c-col-2 {

  width: 100%;

}



.c-col-1 {

  display: flex;

  flex-direction: column;

  flex-wrap: nowrap;

  justify-content: flex-start;

  position: relative;

  margin: 0px 0 0 0;

}



.c-col-1 h5 {

  font-family: var(--font-family);

  color: #000;

  font-size: 20px;

  font-weight: 600;

  margin: 0 0 0 20px;

  padding: 0 10px;

  border-right: 1px solid #d1cfcf;

}



.c-col-1 h5 span {

  display: block;

}



.c-col-1 h6 {

  font-family: var(--font-family);

  color: #000;

  font-size: 15px;

  font-weight: 600;

  margin: 0px;

  padding: 0 10px;

}



.top-links {

  padding: 0px;

  list-style: none;

  display: flex;

  flex-direction: row;

  flex-wrap: nowrap;

  justify-content: flex-end;

  align-items: flex-start;

  margin: 10px 0;

  position: absolute;

  bottom: -4px;

  right: 0px;

}



.top-links li {

  list-style: none;

  padding: 0px 12px;

  border-right: 0px solid #fff;

}



.top-links span {

  font-family: var(--font-family);

  font-size: 14px;

  color: #fff;

  font-weight: 500;

}



.top-links a {

  display: block;

  font-family: var(--font-family);

  font-size: 15px;

  color: #fff;

  font-weight: 500;

  text-decoration: none;

}



.top-links a:hover {

  color: var(--sc-primary);

  transition: All 0.5s ease;

  -webkit-transition: All 0.5s ease;

  -moz-transition: All 0.5s ease;

  -o-transition: All 0.5s ease;

}



.top-links li:last-child {

  border-right: 0px;

  padding-right: 0;

}



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

  .top-links {

    position: relative;

    bottom: 0px;

    right: 0px;

  }

  .top-links li:first-child {

    display: none;

  }



  .top-links a {

    font-size: 13px;

  }

}



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

  .c-col-1 h5 {

    font-family: var(--font-family);

    color: #000;

    font-size: 16px;

    font-weight: 600;

    margin: 0 0 0 20px;

    padding: 0 10px;

    border-right: 1px solid #d1cfcf;

  }

  .c-col-1 h5 span {

    display: inline-block;

  }

  .c-col-1 h6 {

    font-family: var(--font-family);

    color: #000;

    font-size: 14px;

    font-weight: 600;

    margin: 0px;

    padding: 0 10px;

  }

}



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

  .c-col-1 h5 {

    font-size: 14px;

    font-weight: 600;

    margin: 0 0 0 20px;

    padding: 0 10px;

    border-right: 1px solid #d1cfcf;

  }

  .c-col-1 h5 span {

    display: inline-block;

  }

  .c-col-1 h6 {

    font-size: 14px;

    font-weight: 600;

    margin: 0px;

    padding: 0 10px;

  }

}



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

  .header-center-row {

    display: flex;

    flex-direction: row;

    flex-wrap: nowrap;

    justify-content: space-between;

    align-items: flex-start;

    margin: 0px 0 0 0;

  }

  .header-center-row .c-col-1 {

    width: 100%;

  }

  .header-center-row .c-col-2 {

    width: 50%;

  }

  .c-col-1 h5 {

    font-size: 10px;

    font-weight: 600;

    margin: 0 0 0 20px;

    padding: 0 0px;

    border-right: 1px solid #d1cfcf;

  }

  .c-col-1 h5 span {

    display: inline-block;

  }

  .c-col-1 h6 {

    font-size: 10px;

    font-weight: 600;

    margin: 0px;

    padding: 0 5px;

  }

}



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

  .header-center-row {

    display: flex;

    flex-direction: column;

    flex-wrap: wrap;

    justify-content: space-between;

    align-items: flex-start;

    margin: 0px 0 0 0;

  }

  .header-center-row .c-col-1 {

    width: 100%;

  }

  .header-center-row .c-col-2 {

    width: 100%;

  }

  .c-col-1 h5 {

    font-size: 10px;

    font-weight: 600;

    margin: 0 0 0 20px;

    padding: 0 0px;

    border-right: 1px solid #d1cfcf;

  }

  .c-col-1 h5 span {

    display: inline-block;

  }

  .c-col-1 h6 {

    font-size: 10px;

    font-weight: 600;

    margin: 0px;

    padding: 0 5px;

  }

}





/*---------------------------------------*/



.logo {

  text-align: left;

  position: relative;

  top: 1px;

  z-index: 2;

  transition: All 0.5s ease;

  -webkit-transition: All 0.5s ease;

  -moz-transition: All 0.5s ease;

  -o-transition: All 0.5s ease;

}



.logo img {

  width: auto;

  transition: All 0.5s ease;

  -webkit-transition: All 0.5s ease;

  -moz-transition: All 0.5s ease;

  -o-transition: All 0.5s ease;

}



.home-anchor-link {

  display: flex;

  flex-direction: row;

  justify-content: flex-end;

}



.home-anchor-link a {

  padding: 0 15px;

}



.home-anchor-link a img {

  padding: 3px;

  background: transparent;

  border: 1px solid #f58232;

  border-radius: 50%;

  display: block;

  position: relative;

  transition: All 0.5s ease;

  -webkit-transition: All 0.5s ease;

  -moz-transition: All 0.5s ease;

  -o-transition: All 0.5s ease;

}



.home-anchor-link a img:hover {

  background: #e5181f;

  -webkit-transform: translateY(-6px);

  -moz-transform: translateY(-6px);

  -ms-transform: translateY(-6px);

  transform: translateY(-6px);

}



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

  /*.header-middle-row .m-col-1{ width:0%;} 

.header-middle-row .m-col-2{ width: 100%;}*/

  .logo img {

    max-width: 100% !important;

  }

}



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

  /*.header-middle-row{ display: flex; flex-direction: column; flex-wrap: nowrap; justify-content:space-between!important; align-items: center; margin: 0px 0 0 0;  }*/

  .header-middle-row .m-col-1 {

    width: auto;

  }

  .header-middle-row .m-col-2 {

    width: auto;

  }

  .logo {

    text-align: left;

    position: relative;

    top: 0px;

    z-index: 2;

    transition: All 0.5s ease;

    -webkit-transition: All 0.5s ease;

    -moz-transition: All 0.5s ease;

    -o-transition: All 0.5s ease;

  }

  .logo img {

    max-width: 100% !important;

  }

}



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

  .header-middle-row {

    display: flex;

    flex-direction: row-reverse;

    flex-wrap: nowrap;

    justify-content: space-between;

    align-items: center;

    margin: 0px 0 0 0;

  }

  .header-middle-row .m-col-1 {

    width: auto;

  }

  .header-middle-row .m-col-2 {

    width: auto;

  }

  .home-anchor-link {

    display: none;

  }

}



/*--------------------------------------------------*/



.header-bg{background:rgba(0, 0, 0, 0.3); } 



.header-fixed {

  width: 100%;

  min-height: inherit;

  z-index: 999;

  transition: top 0.25s ease-out;

  position: absolute; 

  /* background: transparent; */

}



.header-fixed.header-mini {

  position: fixed;

  /*position: relative;*/

  top: 0;

  /*background: #fff;*/

  border: 0px;

  -webkit-box-shadow: 0 4px 30px -5px rgba(0, 0, 0, 0.2);

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

  min-height: auto;

  transition: top 0.25s ease-out;

  -webkit-transition: top 0.25s ease-out;

}



.header-mini .header-top-row {

  display: none;

  justify-content: center;

  align-items: center;

}



.header-mini .top-col-1 {

  border: 0px;

  text-align: center;

}



.header-mini .top-col-2 {

  display: none;

}



.header-mini .header-top-row a {

  display: block;

}



/*.header-mini .header-nav{ background: rgba(255, 255, 255, 0.99);  padding: 0px 0;} */



.header-mini .header-nav .border-line {

  border-top: none;

  border-bottom: none;

}



.header-mini .logo {

  position: relative;

  top: 1px;

  text-align: center;

  transition: All 0.5s ease;

  -webkit-transition: All 0.5s ease;

  -moz-transition: All 0.5s ease;

  -o-transition: All 0.5s ease;

}



.header-mini .logo img {

  max-width: 60% !important;

  transition: All 0.5s ease;

  -webkit-transition: All 0.5s ease;

  -moz-transition: All 0.5s ease;

  -o-transition: All 0.5s ease;

}



.header-mini .navbar-custom {

  margin-top: 0px;

  border-top: 0px solid #ddd;

}



.header-mini .nav-link {

  font-size: 18px;

  color: #000;

}



.header-mini .nav-link span {

  font-size: 13px;

}



/*.header-mini .nav-link:hover {color: #304f9d;}*/



.header-mini .site-header {

  position: fixed;

  top: 0px;

  left: 0;

  z-index: 1002;

  width: 100%;

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

}



.header-mini .home-anchor-link {

  display: none;

}



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

  .header-fixed {

    position: relative;

    /* min-height: 100%; */

    background:#fff;

  }

  .header-mini .logo img {

    width: 60% !important;

    transition: top 0.25s ease-out;

  }

  .header-fixed.header-mini {

    position: relative;

  }

}



/*---------------------------------------------------*/



.header-divider {

  background: rgb(230, 228, 228);

  background: linear-gradient(

    140deg,

    rgba(230, 228, 228, 1) 0%,

    rgba(219, 216, 216, 1) 100%

  );

  padding: 4px 0;

}



/*-------------carousel-----------------------------------------------------*/



.slider {

  margin: 0px 0 0px 0px;

  border: 0px solid #ddd;

}



/* .carousel-overlay:after {

  content: "";

  width: 100%;

  height: 100%;

  background: rgb(0, 0, 0);

  opacity: 0.3;

  position: absolute;

  left: 0;

  top: 0;

} */



.carousel-overlay {

  position: relative;

  overflow: hidden;

  border: 0px solid rgb(0, 0, 0);

}



.carousel-indicators [data-bs-target] {

  width: 12px;

  height: 12px;

  padding: 0;

  border-radius: 50px !important;

  border: 0;

  background-color: #fff;

}



.carousel-indicators .active {

  background-color: #fff;

}



.carousel-control-prev-icon {

  background-image: url(../images/left-arrow-bk.png);

}



.carousel-control-next-icon {

  background-image: url(../images/right-arrow-bk.png);

}



.carousel-control-next-icon,

.carousel-control-prev-icon {

  display: inline-block;

  width: 23px;

  height: 42px;

}



.carousel-control-next,

.carousel-control-prev {

  position: absolute;

  top: 0;

  bottom: 0;

  z-index: 1;

  display: flex;

  align-items: center;

  justify-content: center;

  width: 8%;

}



.carousel-caption {

  /*background: #fdd215;*/

  position: absolute;

  right: 5%;

  bottom: 20%;

  left: 10%;

  z-index: 10;

  padding: 10px;

  text-align: left;

  width: 45%;

  display: none !important;

}



.carousel-caption h5 {

  margin: 0px;

  font-family: var(--font-family);

  font-weight: 700;

  font-size: 55px;

  color: #000;

}



.carousel-caption h6 {

  margin: 0px;

  font-family: var(--font-family);

  font-weight: 500;

  font-size: 28px;

  color: #000;

}



.carousel-caption h4 {

  margin: 0px;

  font-family: var(--font-family);

  font-weight: 600;

  font-size: 28px;

  color: #000;

}



.carousel-caption .know-more-btn {

  background: #000;

  padding: 10px 15px;

  font-family: var(--font-family);

  color: #fff;

  font-size: 16px;

  font-weight: 700;

  letter-spacing: 0.5px;

  text-transform: uppercase;

  border-radius: 0px;

  margin: 10px 0 0 0;

  display: inline-block;

  text-decoration: none;

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -ms-transition: all 0.5s;

  -o-transition: all 0.5s;

}



.carousel-caption .know-more-btn:hover {

  background: #e11f37;

  color: #fff;

  -webkit-transform: translateY(-6px);

  -moz-transform: translateY(-6px);

  -ms-transform: translateY(-6px);

  transform: translateY(-6px);

  box-shadow: 0 -5px 0 0 rgba(24, 24, 24, 0.15) inset,

    0 5px 10px rgba(0, 0, 0, 0.5);

}



.carousel-caption h3,

h4,

h5,

h6,

p {

  -webkit-animation-name: fadeInUp;

  animation-name: fadeInUp;

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

}



.hidden-sm {

  display: none;

}



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

  .carousel-caption {

    /*background: #fdd215;*/

    position: absolute;

    right: 5%;

    bottom: 20%;

    left: 10%;

    z-index: 10;

    padding: 10px;

    text-align: left;

    width: 45%;

  }

  .carousel-caption h5 {

    margin: 0px;

    font-family: var(--font-family);

    font-weight: 700;

    font-size: 40px;

    color: #000;

  }

  .carousel-caption h6 {

    margin: 0px;

    font-family: var(--font-family);

    font-weight: 500;

    font-size: 22px;

    color: #000;

  }

  .carousel-caption h4 {

    margin: 0px;

    font-family: var(--font-family);

    font-weight: 600;

    font-size: 22px;

    color: #000;

  }

}



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

  .carousel-caption {

    /*background: #fdd215;*/

    position: absolute;

    right: 5%;

    bottom: 10%;

    left: 7%;

    z-index: 10;

    padding: 10px;

    text-align: left;

    width: 45%;

  }

  .carousel-caption h5 {

    margin: 0px;

    font-family: var(--font-family);

    font-weight: 700;

    font-size: 36px;

    color: #000;

  }

  .carousel-caption h6 {

    margin: 0px;

    font-family: var(--font-family);

    font-weight: 500;

    font-size: 20px;

    color: #000;

  }

  .carousel-caption h4 {

    margin: 0px;

    font-family: var(--font-family);

    font-weight: 600;

    font-size: 20px;

    color: #000;

  }

}



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

  .carousel-caption {

    /*background: #fdd215;*/

    position: absolute;

    right: 5%;

    bottom: 10%;

    left: 7%;

    z-index: 10;

    padding: 10px;

    text-align: left;

    width: 45%;

  }

  .carousel-caption h5 {

    margin: 0px;

    font-family: var(--font-family);

    font-weight: 700;

    font-size: 28px;

    color: #000;

  }

  .carousel-caption h6 {

    margin: 0px;

    font-family: var(--font-family);

    font-weight: 500;

    font-size: 16px;

    color: #000;

  }

  .carousel-caption h4 {

    margin: 0px;

    font-family: var(--font-family);

    font-weight: 600;

    font-size: 16px;

    color: #000;

  }

}



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

  .carousel-control-prev-icon {

    display: none;

  }

  .carousel-control-next-icon {

    display: none;

  }

  .carousel-indicators button {

    display: none !important;

  }

  /*.carousel-caption {bottom: 0%;}	*/

}



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

  .slider {

    /*padding-top: 80px;*/

    margin: 0px 0 0px 0px;

    border: 0px solid #ddd;

  }

  /*.carousel-caption { display: none;}*/

  .hidden-lg {

    display: none;

  }

  .hidden-sm {

    display: inherit;

  }

  .carousel-caption {

    /*background: #fdd215;*/

    position: absolute;

    right: 5%;

    bottom: 10%;

    left: 5%;

    z-index: 10;

    padding: 10px;

    text-align: center;

    width: auto;

  }

  .carousel-caption h5 {

    margin: 0px;

    font-family: var(--font-family);

    font-weight: 700;

    font-size: 36px;

    color: #000;

  }

  .carousel-caption h6 {

    margin: 0px;

    font-family: var(--font-family);

    font-weight: 500;

    font-size: 22px;

    color: #000;

  }

  .carousel-caption h4 {

    margin: 0px;

    font-family: var(--font-family);

    font-weight: 600;

    font-size: 22px;

    color: #000;

  }

  .carousel-caption .know-more-btn {

    padding: 7px 10px;

    font-size: 14px;

    font-weight: 600;

    margin: 10px 0 0 0;

  }

}



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

  .carousel-caption {

    /*background: #fdd215;*/

    position: absolute;

    right: 5%;

    bottom: 10%;

    left: 5%;

    z-index: 10;

    padding: 10px;

    text-align: center;

    width: auto;

  }

  .carousel-caption h5 {

    margin: 0px;

    font-family: var(--font-family);

    font-weight: 700;

    font-size: 28px;

    color: #000;

  }

  .carousel-caption h6 {

    margin: 0px;

    font-family: var(--font-family);

    font-weight: 500;

    font-size: 18px;

    color: #000;

  }

  .carousel-caption h4 {

    margin: 0px;

    font-family: var(--font-family);

    font-weight: 600;

    font-size: 18px;

    color: #000;

  }

  .carousel-caption .know-more-btn {

    padding: 7px 10px;

    font-size: 14px;

    font-weight: 600;

    margin: 10px 0 0 0;

  }

}



/*------------inner page banner----------------*/



.carousel-inner-overlay:after {

  content: "";

  width: 100%;

  height: 100%;

  /* background: var(--gradient1); */

  opacity: 0.8;

  position: absolute;

  left: 0;

  top: 0;

}



.carousel-inner-overlay {

  position: relative;

  overflow: hidden;

  border: 0px solid rgb(0, 0, 0);

}



.carousel-caption-1 {

  /*background: #fdd215;*/

  position: absolute;

  right: 5%;

  bottom: 15%;

  left: 3%;

  z-index: 10;

  padding: 10px;

  text-align: left;

  /*width:100%;*/

}



.carousel-caption-1 h4 {

  margin: 0px;

  color: #fff;

  font-size: 28px;

  letter-spacing: 0.1px;

  font-family: var(--font-family2);

  font-weight: 600; 

  line-height: normal;

  position: relative;

  display: block;

}



.carousel-caption-1 h4 span {

  display: block; font-size: 18px; font-weight:500 !important; 

  position: relative;

}



/*.carousel-caption-1 h4 span:after{ content: "";   position: absolute;  left: 0; right: 0; margin: auto;

    bottom:-5px;   width:30%;   height: 4px;   background: #dd1f26; } */



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

}



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

}



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

  .carousel-caption-1 {

    /*background: #fdd215;*/

    position: absolute;

    right: 5%;

    bottom: 0%;

    left: 2%;

    z-index: 10;

    padding: 10px;

    text-align: left;

    /*width:100%;*/

  }

  .carousel-caption-1 h4 {

    margin: 0px;

    font-size: 24px;

  }

  .carousel-caption-1 h4 span {

    font-size: 16px; 

     

  }

}



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

  .carousel-caption-1 h4 {

    margin: 0px;

    font-size: 22px;

  }

  .carousel-caption-1 h4 span {

    font-size: 14px; 

     

  }

}



/*--================================================-*/





.heading-bx h2 {

  font-family: var(--font-family2);

  color: var(--text-heading);

  font-size: 24px;

  font-weight: 600;

  line-height: normal !important;

  margin-top: -10px; text-transform: inherit;

}





.heading-bx h2 span {

  color: var(--primary);

  font-size: 40px;

  font-weight: 700;

}







.heading-bx h4 {

  font-family: var(--font-family2);

  font-size: 14px;

  color:var(--primary);

  font-weight:400;

  text-transform: uppercase;

  text-align: left !important;

  position: relative;

}



.heading-bx h4 span {

  padding-left: 0px;

  padding-right: 70px;

  position: relative;

  display: inline-block;

}



/*.heading-bx h4 span:before {

  content: '';

  width: 25px;

  height: 16px;

  background-color: var(--primary);

  position: absolute;

  top: 50%;

  left: 0;

  -webkit-transform: translate(0, -50%);

  -khtml-transform: translate(0, -50%);

  -moz-transform: translate(0, -50%);

  -ms-transform: translate(0, -50%);

  -o-transform: translate(0, -50%);

  transform: translate(0, -50%);

} */





 .heading-bx h4 span:after {

  content: '';

  width: 60px;

  height: 2px;

  background-color: var(--primary);

  position: absolute;

  top: 50%;  

  right: 0px;

  -webkit-transform: translate(0, -50%);

  -khtml-transform: translate(0, -50%);

  -moz-transform: translate(0, -50%);

  -ms-transform: translate(0, -50%);

  -o-transform: translate(0, -50%);

  transform: translate(0, -50%);

} 









.heading-bx h5 {

  font-family: var(--font-family2);

  font-size: 14px;

  color:#fff;

  font-weight: 400;

  text-transform: uppercase;  

  position: relative;

}



.heading-bx h5 span {

  /* padding-left: 70px; */

  padding-right: 70px;

  position: relative;

  display: inline-block;

}



/* .heading-bx h5 span:before {

  content: '';

  width: 60px;

  height: 2px;

  background-color: #fff;

  position: absolute;

  top: 50%;

  left: 0;

  -webkit-transform: translate(0, -50%);

  -khtml-transform: translate(0, -50%);

  -moz-transform: translate(0, -50%);

  -ms-transform: translate(0, -50%);

  -o-transform: translate(0, -50%);

  transform: translate(0, -50%);

}  */





 .heading-bx h5 span:after {

  content: '';

  width: 60px;

  height: 2px;

  background-color: #fff ;

  position: absolute;

  top: 50%;  

  right: 0px;

  -webkit-transform: translate(0, -50%);

  -khtml-transform: translate(0, -50%);

  -moz-transform: translate(0, -50%);

  -ms-transform: translate(0, -50%);

  -o-transform: translate(0, -50%);

  transform: translate(0, -50%);

} 





.title-head{ background: url(../images/separator.png);background-repeat: no-repeat; width: 140px; height: 13px;}





.heading-bx h3 {

  font-family: var(--font-family2);

  font-size: 25px;

  color:var(--primary);

  font-weight: 600;   

  text-align: center !important;

  position: relative; margin: 0px;

} 





.heading-bx h6 {

  font-family: var(--font-family2);

  font-size: 25px;

  color:var(--primary);

  font-weight: 600;   

  text-align: left !important;

  position: relative; margin: 0px;

}



.heading-bx h1 {

  font-family: var(--font-family2);

  color:var(--sc-primary);

  font-size: 36px;

  font-weight: 700;

  text-align: left !important;

  line-height: normal !important;

}



.heading-bx .color-white {

  color: #fff;

  /*text-align: left !important;*/

}





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

  .heading-bx h2 {    

    font-size: 24px;

    

  }

}





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



/* .wel-section-area{  background-image: url(../images/about_section_top_bg.png);

  background-position: top left;

  background-repeat: no-repeat;

  background-size: 100% auto;

  padding: 100px 0px 100px 0px;

  overflow: visible;

} */



.wel-bx p {

  font-family: var(--font-family);   

  font-size: 14px;

  line-height: 24px;

  font-weight: 400;

  color:var(--text-primary);

  text-align: left !important;

}



.wel-bx h3 {

  font-family: var(--font-family);   

  font-size: 16px;

  line-height: 24px;

  font-weight: 600;

  color:var(--primary);

  text-align: left !important;

}



.wel-bx ul li {

  font-family: var(--font-family);

  padding-top: 10px;

  font-size: 13px;

  line-height: 24px;

  font-weight: 500;

  color:var(--text-primary);

  text-align: left !important;

}


 .wel-bx .readmore {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 0.50px;
  color: #fff !important;
  background: var(--primary);
  padding: 12px 15px;
  display: inline-flex;
  align-items: center; border-radius: 30px; margin-top: 20px;
}

.wel-bx .readmore span {
  padding: 0 10px 0 10px;
}

.wel-bx .readmore i {
  /* background: var(--primary); */
  color: #fff;
  padding: 1px;
}

.wel-bx .readmore:hover {
  background: var(--sc-primary);
  color: #fff;
}




/* .wel-bx .readmore:hover i {

  background: var(--sc-primary);   

} */



.row-display {

  justify-content: center;  

   align-items: center;

   background: #fff !important;

   margin-top: 10px;

   padding: 0 0px; z-index: 99; 

   position: relative;

   box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important; border-radius: 20px;

}



.row-display img{ border-radius: 20px 0 0 20px;}

.wel-img {

  position: relative;

}



.wel-img::before {

  content: "";

  position: absolute;

  left: -30px;

  bottom: -30px;

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

  width: 424px;

  height: 360px;

  background-repeat: no-repeat;

  opacity: .8; z-index: -1;

}





.exper-box{position: absolute; background: var(--primary); padding: 20px; border-radius: 100%; width: 250px; height: 250px; bottom: -50px; right: 40px; color: #fff; text-align: center;}

.exper-box h2 { font-size: 100px; font-weight: 700; margin:0;}

.exper-box h3 { font-size: 18px; margin:-15px 0 0 0;}

.exper-box h4 { font-size: 24px; font-weight:400; margin: 0;}

.exper-box h5 { font-size: 28px; font-weight:600; margin: 0;}

 



/* .wel-shadow-bg{ background: #fff; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important; padding: 20px; border-radius: 15px; 

  position: relative; left: -100px; }  





.wel-shadow-bg::after {

  position: absolute;

  content: "";

  top: 50%;

  right: -12px;

  height: calc(100% - 80px);

  width: 2%;

  background: #E0E2E8;

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

  transform: translateY(-50%);

  border-radius: inherit;

  z-index: -1;

  pointer-events: none;

} */



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

  /* .wel-shadow-bg{ background: #fff;  padding: 20px; border-radius: 15px; position: relative; left: -100px;}  */

  .row-display {margin-top: 0px;  align-items:flex-start; box-shadow: none !important;}

}



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

  .wel-shadow-bg{ background: #fff; box-shadow:none  !important;  padding: 20px; border-radius: 15px; position: relative; left: 0px;} 

  .wel-shadow-bg::after { 

    content: none;     

  }

 

} */



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

  /* .wel-shadow-bg{ background: #fff; box-shadow:none  !important;  padding: 0 0 25px 0; border-radius: 0px; position: relative; left: 0px;}  */

  .row-display {

      display: flex;

      flex-direction: column-reverse;

      padding: 0 0px;

      margin-top: 0px; 

  }



  .row-display img {

    border-radius: 20px ;

}

.row-display .p-0 {

  padding-right: calc(var(--bs-gutter-x) * .5) !important;

    padding-left: calc(var(--bs-gutter-x) * .5) !important;

}





}



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

  

.wel-img::before {

   

  width: 100%;

  height: 250px;

 

}

}

 



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



.desk-md{ background:url(../images/desk-bg.jpg);

  background-position: top left;

  background-repeat: no-repeat;

  background-size:cover; 

  padding: 80px 0px;

  background-attachment:fixed !important; 

}









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



.services-icon{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; padding-top: 30px;}

.services-icon .icon-bx{width: 18%; text-align: center; text-decoration: none;transition: All 0.5s ease;

  -webkit-transition: All 0.5s ease;

  -moz-transition: All 0.5s ease;

  -o-transition: All 0.5s ease;}

.services-icon .icon-bx img{ width: 180px;}

.services-icon .icon-bx h3{font-family: var(--font-family);  font-size:18px; font-weight: 500; color: var(--text-primary); padding: 10px;}

.services-icon .icon-bx:hover{ -webkit-transform: translateY(-6px);

  -moz-transform: translateY(-6px);

  -ms-transform: translateY(-6px);

  transform: translateY(-6px);

}



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

  .services-icon{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; padding-top: 30px;}

.services-icon .icon-bx{width: 33.33%; }

}



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

  .services-icon{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; padding-top: 30px;}

.services-icon .icon-bx{width: 48.33%; }

}



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

  .services-icon{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; padding-top: 30px;}

.services-icon .icon-bx{width: 100%; }

}





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

 .services-listing{ text-align: left; margin-bottom: 50px;}

 

 .services-listing .pd-bx{padding-left: 60px;}



 .services-listing h4 {

  font-family:var(--font-family);

  color: #222;

  font-size: 26px;

  font-weight: 700;

  line-height: normal !important;

   

}



 .services-listing ul { padding: 0 0 0 15px;

  font-family: var(--font-family);

}



.services-listing li {

  list-style: url(../images/list1.png);

  color: var(--text-primary);

  font-size: 13px;

  font-weight: 500;

  padding: 4px 2px;

}



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

  .services-listing .pd-bx{padding-left: 0px;}



  .column-reverse{display: flex; flex-direction: column-reverse;} 



}

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


 
#quick-past5 .owl-nav {
  display: flex;
  justify-content: center;
  margin-top:30px;
}

#quick-past5 .owl-prev, #quick-past5 .owl-next{ 
  display: flex; align-items: center; justify-content: center; text-align: center;
  background:var(--primary);
  padding: 0px;
  margin: 2px 5px;
  position: relative;
  border: 0px solid #ddd;
  width: 40px;
  height: 40px; color: #fff;border-radius: 100%; font-size: 15px;
  transition: All 0.5s ease;
  -webkit-transition: All 0.5s ease;
  -moz-transition: All 0.5s ease;
  -o-transition: All 0.5s ease;
}

#quick-past5 .owl-prev:hover, #quick-past5 .owl-next:hover{background:var(--sc-primary);}


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



.pro-section-bg{

  /* background: var(--gradient2);  */

  background: url(../images/slider/services.jpg);

  background-position: top left;

  background-repeat: no-repeat;

  background-size:cover;   

  background-attachment:fixed !important; 

  position: relative; 

  padding: 60px 0; margin-top: 50px;}





.pro-section{ margin:0 15px; text-align: left; display: flex;  align-items:flex-start; position: relative !important; overflow: hidden !important; border-radius:12px;} 



.pro-section:after {

  content: "";

  width: 100%;

  height: 100%;

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

  background:  linear-gradient(180deg,rgba(255, 107, 1, 0.5) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(5, 207, 253, 0.9) 100%);

  /* opacity: 0.5; */

  position: absolute;

  left: 0;

  top: 0;

}  



.pro-left{ margin-left: 0px; padding: 10px 20px; position: absolute; left: 0; bottom: 10px; z-index: 1; } 



.pro-text h3 {

  font-family: var(--font-family);

  color:var(--text-heading);

  font-size: 22px !important;

  font-weight: 600 !important;  

  line-height: normal !important;

  margin: 0 0 20px 0;

}





.pro-text p {

  font-family: var(--font-family);

  font-size: 14px !important;

  line-height: 24px;

  font-weight: 400 !important;

  color:#fff !important;

  margin-bottom: 20px !important;  

  

}





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

 .pro-section{ text-align: left; display: flex;  align-items: flex-end; }  

   

 .pro-text h3 {font-size: 24px !important;}

}



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

  .pro-section img{ height: 100% !important; max-width: 100% !important;}

}







.pro-readmore {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 0.50px;
  color: #fff !important;
  background-color:var(--sc-primary);
  padding: 4px 20px;
  display: inline-flex;
  align-items: center;
  margin-top: 20px; border-radius: 30px; 
}

.pro-readmore span {
  padding: 0 0px 0 0px;
}

.pro-readmore i {
   
  color: #fff;
  padding: 10px;
}


.pro-readmore:hover {

  background-color: var(--primary);   

}



/* .pro-readmore:hover i {

  background-color: var(--sc-primary);   

} */



.btns{

  display: table;

  margin: 30px auto;

}

.customNextBtn, .customPreviousBtn{

      float: right;

    background: #2d9070;

    color: #fff;

    padding: 10px;

    margin-left: 5px;

    cursor: pointer;

}



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



.pro-listing{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;  margin: 40px 0;}

.pro-col{ text-align: center; width: 31.33%; margin-bottom: 5px; transition: All 0.5s ease;

  -webkit-transition: All 0.5s ease;

  -moz-transition: All 0.5s ease;

  -o-transition: All 0.5s ease;}

.pro-col img{ width: 100%;}

.pro-col h5{ background: #fff; font-size: 20px; font-weight: 600; color: #222; padding: 10px; position: relative; bottom:40px; margin: 0 25px; transition: All 0.5s ease;

  -webkit-transition: All 0.5s ease;

  -moz-transition: All 0.5s ease;

  -o-transition: All 0.5s ease;}



.pro-col:hover {

  background: transparent;

  -webkit-transform: translateY(-6px);

  -moz-transform: translateY(-6px);

  -ms-transform: translateY(-6px);

  transform: translateY(-6px);

}



.pro-col:hover h5{ color:var(--primary);} 



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

  .pro-col{ text-align: center; width: 48.33%;}

  .pro-col h5{ background: #fff; font-size: 18px; font-weight: 600; color: #222; padding: 10px; position: relative; bottom:40px; margin: 0 10px;}



} 



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

  .pro-col{ text-align: center; width: 100%;}

   



} 



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





.pro-details p { font-family: var(--font-family);

  color: var(--text-primary) !important;

  font-size: 14px;

  font-weight: 400;

  margin: 0 0px 0px 0;

  line-height: 24px;}



  .pro-details h3 {

    color: var(--text-heading) !important;

    font-size: 30px;

    font-weight: 600;

    margin: 15px 0 30px 0;

    line-height: 24px;}



  .pro-details h6 {

    color: var(--primary) !important;

    font-size: 22px;

    font-weight: 600;

    margin: 15px 0;

    line-height: 24px;}



.pro-details ul { padding: 0 0 0 15px; margin-bottom: 20px;

  font-family: var(--font-family);

}



.pro-details li {

  list-style: url(../images/list1.png);

  color: var(--text-primary);

  font-size: 14px;

  font-weight:400;

  padding: 7px 2px;

}



.pro-details img{display: block; margin: 10px 0 25px 0;}



.pro-details h4 {

  color: var(--text-primary) !important;

  font-size: 22px;

  font-weight: 700;

  margin: 5px 0 15px 0;

  line-height: 24px;

}





.service-list {

  margin: 0;

  padding: 0 !important;

  list-style: none;

  border: 1px solid rgba(0, 176, 213, 0.7);

  background-color: white;

  border-radius: 4px;

}



 

.service-list li a {

  /* background: #fff; */

  display: block;

  padding: 12px 50px 12px 20px;

  text-transform: capitalize;

  font-weight: 600;

  position: relative;

  z-index: 1;

  transition: all 0.5s;

  -moz-transition: all 0.5s;

  -webkit-transition: all 0.5s;

  -ms-transition: all 0.5s;

  -o-transition: all 0.5s;

  border-bottom: 1px solid rgba(0, 176, 213, 0.10);

  color:var(--text-primary);

  font-family: var(--font-family);

  font-weight: 600;

  font-size: 14px;  

}



.service-list li:last-child a {

  border-bottom: 0;

}



.service-list li.active a {

  background-color:var(--primary);

  color: #fff;

}



.service-list li a i {

  width: 25px;

  height: 25px;

  background: #fff;

  color:var(--sc-primary);

  font-size: 14px;

  line-height: 26px;

  text-align: center;

  border-radius: 35px;

  position: absolute;

  right: 7px;

  top: 10px;

  padding-left: 2px;

}



.service-list li a:after {

  content: "";

  height: 100%;

  background-color: var(--primary);

  width: 0;

  position: absolute;

  right: 0;

  transition: all 0.5s;

  -moz-transition: all 0.5s;

  -webkit-transition: all 0.5s;

  -ms-transition: all 0.5s;

  -o-transition: all 0.5s;

  z-index: -1;

  top: 0;

  transform-origin: right;

  -moz-transform-origin: right;

  -webkit-transform-origin: right;

  -ms-transform-origin: right;

  -o-transform-origin: right;

}



.service-list li:hover a {

  color: #fff;

}



.service-list li:hover a:after {

  transform-origin: left;

  -moz-transform-origin: left;

  -webkit-transform-origin: left;

  -ms-transform-origin: left;

  -o-transform-origin: left;

  width: 100%;

  right: auto;

  left: 0;

}





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



.services-categ {

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  justify-content: space-between;

  padding-top: 10px; transition: All 0.5s ease;

  -webkit-transition: All 0.5s ease;

  -moz-transition: All 0.5s ease;

  -o-transition: All 0.5s ease;

}



.services-categ .categ-bx {

  width: 100%; border: 1px solid var(--primary); border-radius: 5px; margin-bottom: 30px; padding: 10px;

  text-align: center;

  text-decoration: none;

  transition: All 0.5s ease;

  -webkit-transition: All 0.5s ease;

  -moz-transition: All 0.5s ease;

  -o-transition: All 0.5s ease;

}



.services-categ .categ-bx img {

  width: 140px; border-radius: 100px; border: 4px solid #fff; margin-bottom: 15px;

}



.services-categ .categ-bx a{display: flex; flex-direction: column; justify-content: center; align-items: center;}



.services-categ .categ-bx h4 {

  font-family: var(--font-family);

  font-size: 18px;

  font-weight: 600;

  color:var(--text-primary);

  padding: 0px;

}

 

 



.services-categ .categ-bx:hover { background: var(--gradient2);

  -webkit-transform: translateY(-6px);

  -moz-transform: translateY(-6px);

  -ms-transform: translateY(-6px);

  transform: translateY(-6px);  border: 0;

}

.services-categ .categ-bx:hover h4{color: #fff !important;}









 

/*------------------gallery-box-1---------------------------------*/

 

.gallery-box-1 {

  background: #fff;

  margin: 0px;

  /* margin-left: -15px;

  margin-right: -15px; */

  padding: 0px;

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  justify-content: flex-start;

}



.gallery-box-1 div {

  width: 100%;

  /* min-height:380px;*/

  position: relative;

  padding-right: 10px;

  padding-left: 10px;

  vertical-align: middle;

  overflow: hidden !important;

  border: 0px solid #ddd;

  margin-bottom: 10px;

}



.gallery-box-1 div figure {

  cursor: pointer;

  display: block;

  position: relative;

  overflow: hidden;

  z-index: 0;

  background-position: 50%;

  background-size: cover;

  height:260px;

}



.gallery-box-1 div figure:before {

  background-color: transparent;

  background-image: linear-gradient(180deg, #0A043C00 50%, #000000B0 100%);

  content: "";

  display: block;

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  width: 100%;

  height: 100%;

  z-index: 1;

  background-color: transparent;

  -moz-transition: all .2s ease;

  -webkit-transition: all .2s ease;

  -o-transition: all .2s ease;

  -ms-transition: all .2s ease;

  transition: all .2s ease;

}



.gallery-box-1 div figure img {

  position: absolute;

  top: 50%;

  left: 50%;

  min-width: 100%;

  min-height: 100%;

  -moz-transform: translate(-50%, -50%);

  -webkit-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  object-fit: cover;

  z-index: -1;

  -webkit-transition: all 0.5s ease-in-out;

  -moz-transition: all 0.5s ease-in-out;

  -o-transition: all 0.5s ease-in-out;

  -ms-transition: all 0.5s ease-in-out;

  transition: all 0.5s ease-in-out;

}



 



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



  .gallery-box-1 div { 

    padding-right: 0px;

    padding-left: 0px;

 

  }



  .gallery-box-1 div figure { 

    height:360px;

  }

   

} 

 







/*---------------------------------------------------------*/

#timer {

  padding: 10px 0;

}

#timer ul {

  list-style: none;

  padding: 0;

  display: flex;

  flex-direction: row;

  flex-wrap: nowrap;

  justify-content: flex-start;

  font-family: var(--font-family);

}



#timer ul li {

  padding: 0 15px 0 0;

  text-align: center;

}

#timer ul li figure {

  background: var(--sc-primary);

  margin: 0;

  padding: 4px 12px;

  font-size: 20px;

  font-weight: 600;

  color: var(--text-primary);

  border-radius: 8px;

}



#timer ul li span {

  display: block;

  font-size: 13px;

  color: #afafaf;

  font-weight: 400;

}



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

  #timer ul {

    display: flex;

    flex-direction: row;

    flex-wrap: nowrap;

    justify-content: center;

  }

}



/*------------------------------------------------------------*/



.latest-news h3 {

  font-weight: 500 !important;

  font-size: 15px !important;

  color: var(--text-primary) !important;

}

.latest-news p {

  font-weight: 500 !important;

  font-size: 13px !important;

  color: var(--text-primary) !important;

}



.news-item {

  text-align: left;

  font-family: var(--font-family);

}



.news-item ul {

  padding: 0px;

  margin: 0px;

  list-style: none;

}



.news-item ul li {

  padding: 10px 0px;

  margin: 0 0 0px 0;

  border-bottom: 1px dashed rgb(223, 223, 223);

  width: 100%;

}



.news-item ul li a {

  display: block;

  margin: 0 0 10px 0;

  text-decoration: none;

}



.news-item ul li:hover {

  /* background: #eee; */

  -moz-transition: 0.4s ease-in-out 0s;

  -ms-transition: 0.4s ease-in-out 0s;

  -webkit-transition: 0.4s ease-in-out 0s;

  transition: 0.4s ease-in-out 0s;

}



.news-item ul li h6 {

  font-size: 14px;

  font-weight: 600;

  color:var(--text-heading);

  margin: 2px 0;

}



.news-item ul li p {

  font-size: 13px;

  color: var(--text-primary) !important;

  font-weight: 500;

  letter-spacing: 0.25px;

  line-height: 20px;

  margin: 0px !important;

}



.news-item ul li img {

  height: 90px;

  float: left;

  margin: 0 10px 10px 0;

}

.news-item ul li:hover h6{ color: var(--sc-primary);} 


/*------------------------------------------------------------------*/

 

/**-------------------------------------------------------**/



/*.owl-carousel .owl-item{min-height: 335px;}*/



.item-list {

  display: flex;

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  flex-direction: row;

  flex-wrap: wrap;

  margin: 2px 0 30px 0;

}



.item-list .item {

  margin: 8px 0px;

}



.item-list .item-box {

  border: 0px solid #9c2435 !important;

  border-radius: 0px;

  background: transparent;

  padding: 0px;

  /*min-height: 450px;*/

  transition: All 0.5s ease;

  -webkit-transition: All 0.5s ease;

  -moz-transition: All 0.5s ease;

  -o-transition: All 0.5s ease;

}



.item-list .item-box a {

  text-decoration: none;

}



.item-list .item-box p {

  color: var(--text-primary);

  font-size: 14px;

  font-weight: 500;

  text-transform: inherit;

  margin: 2px 0;

  overflow: hidden;

  /* max-height: 40px; */

}



.item-list .item-box h4 {

  color: #d2d2d2;

  font-size: 18px;

  font-weight: 500;

  letter-spacing: 0.5px;

  text-transform: inherit;

  margin: 4px 0 0 0;

}



.item-list .item-box h3 {

  color: var(--text-primary);

  font-size: 18px;

  font-weight: 600;

  text-transform: inherit;

  margin: 4px 0 0 0;

}



.item-list .item-box aside {

  padding: 10px 5px;

  text-align: center;

}



.item-list .item-box:hover {

  background: transparent;

  color: #fff;

  -webkit-transform: translateY(-6px);

  -moz-transform: translateY(-6px);

  -ms-transform: translateY(-6px);

  transform: translateY(-6px);

}



.pro-box-img {

  /*max-height:300px;*/

  color: #fff;

  position: relative;

  overflow: hidden;

  border: 0px solid #e1e1e1;

  border-radius: 6px;

}



.pro-box-img figure {

  padding: 0px;

  margin: 0px;

  text-align: center;

}



.pro-box-img figure img {

  width: 100%;

  height: 100%;

  position: relative;

  transition: all 2s ease;

  -webkit-transition: all 2s ease;

  -moz-transition: all 2s ease;

  -o-transition: all 2s ease;

}



.pro-box-img-1 {

  /*max-height:300px;*/

  color: #fff;

  position: relative;

  overflow: hidden;

  border: 0px solid #9c2435;

}



.pro-box-img-1 figure {

  padding: 10px;

  margin: 0px;

  text-align: center;

}



.pro-box-img-1 figure img {

  width: 50%;

  position: relative;

  transition: all 2s ease;

  -webkit-transition: all 2s ease;

  -moz-transition: all 2s ease;

  -o-transition: all 2s ease;

}



/* .pro-box-img:hover figure img {

    transform: scale(1.5);

    -webkit-transform: scale(1.5);

    -moz-transform: scale(1.5);

    -o-transform: scale(1.5);

    opacity: 1;

} */



.btn-pr {

  background: var(--sc-primary);

  padding: 6px 12px;

  color: var(--text-primary);

  font-weight: 600;

  font-size: 14px;

  display: inline-block;

  margin-top: 5px;

}



.btn-pr:hover {

  background: var(--primary);

  color: #fff;

}



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

  .item-list .item-box aside {

    padding: 10px 10px;

  }

}



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

  .item-list {

    margin: 0 0px;

  }

}



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

  .item-list .item-box {

    margin-top: 10px;

    min-height: auto;

  }

  .item-list .item {

    margin: 2px;

  }

}



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

  /* .item-list div {

    margin: 0 0px;

  } */

  /*.pro-box-img{ height: 400px;}*/

  .pro-box-img-1 figure img {

    width: 100%;

  }

}



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

  /*.pro-box-img{ height: 300px;}*/

}



/*------------------------------------------------------*/

     



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



.content-area {

  position: relative;

  /* background: #fff; */

  border-radius: 0px;

  padding: 0px;

  margin: 12px 0;

}



.content-text {

  font-family: var(--font-family);

  text-align: left;

}



.content-text p {

  color: var(--text-primary) !important;

  font-size: 14px;

  font-weight: 400;

  margin: 0 0px 0px 0;

  line-height: 24px;

}



.content-text p span {

  color: var(--primary) !important;

}



.content-text h3 { font-family: var(--font-family2);

  color: var(--text-primary);

  font-size: 24px;

  font-weight: 600;

  margin: 0px 0px 0px 0;

  padding: 0 0 10px 0;

}



.content-text h4 {

  color: var(--primary);

  font-size: 16px;

  font-weight: 600;

  margin: 0px 0px 5px 0;

  padding: 0;

}



.content-text h6 {

  color: var(--text-primary);

  font-size: 16px;

  font-weight: 600;

  margin: 0px 0px 0px 0;

  padding: 2px 0;

}

.content-text ul { padding: 0 0 0 15px;

  font-family: var(--font-family);

}



.content-text li {

  list-style: url(../images/list.png);

  color: var(--text-primary);

  font-size: 13px;

  font-weight: 500;

  padding: 10px 2px;

}

.read-more {

  display: inline-block;

  color: var(--primary);

  font-size: 15px;

  font-weight: 600;

  margin: 6px 0;

  padding: 0;

}



.read-more:hover {

  color: var(--sc-primary);

} 



.content-row{ display: flex; justify-content: space-between; flex-wrap: wrap;}

.content-box{ border: 1px solid #ddd; border-radius: 10px; padding: 15px; width: calc(32% - 5px); }



.content-box1{ border: 1px solid #ddd; border-radius: 10px; padding: 15px; width: calc(49% - 5px); margin-bottom: 30px; }



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

  .content-row{ display: flex; justify-content: space-between; flex-direction: column;}

  .content-box{  width: calc(100%); margin-bottom: 15px;}

  .content-box1{  width: calc(100%); margin-bottom: 15px;}

}





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

.vision-row {margin-top: 80px; background: var(--sc-primary); display:flex;}



.col-v-1{ width: 50%;}

.col-v-2{ width: 50%;}

.col-v-2 img{width: 100%;}



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



.about-row {

  display: flex;

  flex-direction: row;

  flex-wrap: nowrap;

  justify-content: space-between;

  font-family: var(--font-family);

  margin-bottom: 30px;

}



.about-col-1 {

  width: 100%;

}



.about-col-2 {

  width: 40%;

  padding-left: 30px;

}



.about-row-1 {

  display: flex;

  flex-direction: row;

  flex-wrap: nowrap;

  justify-content: space-between;

  font-family: var(--font-family);

  margin-bottom: 30px;

}



.about-col-4 {

  width: 100%;

}



.about-col-3 {

  width: 20%;

  padding-right: 30px;

}





.about-image{ width: 100%; position: relative !important; display: flex; justify-content: start; align-items: center; border: 0px solid #fff;}

/* .about-image img{ width: 300px;} */



.aboutimg1 {

  max-width: 100%;

  border-radius: 50px 0px 0px 0px;

  padding: 0px;

  position: absolute;

  box-shadow: 0px 10px 30px 0px rgb(0 0 0 / 10%);

}



.aboutimg2 {

  width:300px;   

  padding: 0px;

  position: absolute;

  left:50px; bottom:-70px; z-index: 1; border: 0px solid #fff;

}



.dotshape{

  position: absolute; max-width: 100% !important;

}







.founder-text h2 { text-align: center;

  font-size: 18px;

  font-weight: 500;

  padding: 5px 20px;

  color: var(--primary);

  line-height: 30px;

}

.founder-text h2 i {

  padding: 0 10px;

  font-size: 18px;

  

}



.founder-text p{text-align: center;  color: var(--text-primary) !important;

  font-size: 13px;

  font-weight: 500;

  margin: 0 0px 0px 0;

  line-height: 24px;}



.about-image1 h4{ margin: 10px; font-size: 17px; font-weight: 600;} 

.about-image1 h4 small{display: block; font-size: 15px;  font-weight: 500;}



.about-image1{ width: 100%; position: relative !important;  text-align: center;}

.about-image1 img{ max-width: 100%; border: 1px solid #ddd;}

 



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

  .about-row {

    display: flex;

    flex-direction: column-reverse;

    flex-wrap: nowrap;

    justify-content: space-between;

    margin-bottom: 30px;

  }

  .about-col-1 {

    width: 100%;

  }

  .about-col-2 {

    width: 100%;

    padding-left: 0px;

  }

  .about-row-1 {

    display: flex;

    flex-direction: row;

    flex-wrap: nowrap;

    justify-content: space-between;

    font-family: var(--font-family);

    margin-bottom: 30px;

  }

  .about-col-4 {

    width: 75%;

  }

  .about-col-3 {

    width: 20%;

    padding-right: 0px;

  }

  .about-img {

    width: 100%;

    padding: 0px;

    margin-bottom: 20px;

  }



  .about-image{ margin: 20px 0 0 0; border: 0;}



  .aboutimg1 {

    max-width: 100%;

    border-radius: 50px 0px 0px 0px;

    padding: 0px;

    position: relative;

    box-shadow: 0px 10px 30px 0px rgb(0 0 0 / 10%);

  }

  

  .aboutimg2 { display: none;}



  .about-image img{ width: 100%;}



  .img1{margin: 30px 0 0 0; text-align: center;}



}



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

  .about-row-1 {

    display: flex;

    flex-direction: column;

    flex-wrap: nowrap;

    justify-content: space-between;

    font-family: var(--font-family);

    margin-bottom: 30px;

  }

  .about-col-4 {

    width: 100%;

  }

  .about-col-3 {

    width: 100%;

    padding-right: 0px;

  }

 

 

}





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

.values-bg{ background:url(../images/value-bg1.jpg);

  background-position: top left;

  background-repeat: no-repeat;

  background-size:cover; 

  padding: 80px 0px;

  background-attachment:fixed !important; margin-top: 60px; position: relative; 

}

.values-bg:after {

  content: "";

  width: 100%;

  height: 100%;

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

  background: var(--gradient2);

  opacity: 0.8;

  position: absolute;

  left: 0;

  top: 0; 

}  



 



.values-listing {position: relative;

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  justify-content: space-between;

  padding-top: 30px; z-index: 1 !important;  

}



.values-listing .values-bx {

  width: 23%;

  text-align: center;

  text-decoration: none;

  transition: All 0.5s ease;

  -webkit-transition: All 0.5s ease;

  -moz-transition: All 0.5s ease;

  -o-transition: All 0.5s ease;

}



.values-listing .values-bx img {

  width: 120px; border-radius: 100px; border: 2px solid #fff; margin-bottom: 15px;

}



.values-listing .values-bx h4 {

  font-family: var(--font-family2);

  font-size: 18px;

  font-weight: 500;

  color:#fff;

  padding: 0px;

}



.values-listing .values-bx h4 span{padding-left: 15px;}



.values-listing .values-bx p {

  font-family: var(--font-family);

  font-size: 14px;

  font-weight: 400;

  color: #fff;

  padding: 0px;

}



.values-listing .values-bx:hover {

  -webkit-transform: translateY(-6px);

  -moz-transform: translateY(-6px);

  -ms-transform: translateY(-6px);

  transform: translateY(-6px);

}



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



  .values-listing {

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    justify-content: space-between;

    padding-top: 30px;

  }

  

  .values-listing .values-bx {

    width: 48.22%;

     

  }



}



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



  .values-listing {

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    justify-content: space-between;

    padding-top: 30px;

  }

  

  .values-listing .values-bx { border:2px solid #fff; border-radius: 6px; padding: 15px; margin: 15px 0;

    width: 100%;

     

  }



}



 

/*--==================================================================--*/



.contact-row {

  margin: 10px 0;

  padding: 0px;

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  justify-content: space-between; align-items: flex-start;

  font-family: var(--font-family); margin-bottom: 30px;

}



.contact-col-1 { text-align: center;

  width: 7%;

  padding: 0px;

}



.contact-col-2 {

  width: 92%;

  padding: 0px;

} 



.contact h1 {

  color: var(--text-primary);

  font-size: 20px;

  font-weight:700;

  margin: 10px 0;

  padding: 0 0 7px 0;

   

}



.contact-row i{ font-size: 20px; color: var(--sc-primary);}

 

.contact-row img{ width: 30px;}



.contact-row p {

  color: var(--text-primary);

  font-size: 15px;

  font-weight: 400;

  margin: 0 0px 10px 0; padding: 0px !important;

  padding: 6px 0;

  line-height: 24px;

   

}



.contact p strong {

  font-weight: 500;

  font-size: 20px;

}



.contact-row p a{

  color: var(--text-primary);

   

}



 





.contact .btn.btn-social {

  margin-right: 5px;

  width: 35px;

  height: 35px;

  display: flex;

  align-items: center;

  justify-content: center;

  color: #fff;

  border: 1px solid #fff;

  border-radius: 35px;

  transition: .3s;

}



.contact .btn.btn-social:hover {

  color:#fff;

}



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

  .contact-row {

    margin: 10px 0;

    padding: 0px;

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    justify-content: flex-start; align-items: flex-start;

    margin-bottom: 30px;

  }

  .contact-col-1 {

    width: 15%;

    padding: 0px;

  }

  .contact-col-2 {

    width: 85%;

    padding: 0px;

  }

}



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

  

  .contact-row img{ width:40px;}

}



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

  .contact-row {

    margin: 10px 0;

    padding: 0px;

    display: flex;

    flex-direction: column;

    flex-wrap: wrap;

    justify-content: flex-start; align-items: flex-start;

    margin-bottom: 20px;

  }

  .contact-col-1 {

    width: 100%;

    padding: 0px;

  }

  .contact-col-2 {

    width: 100%;

    padding: 0px;

  }

  

}



.location-map {

  position: relative;

  width: 100%;

  margin: 0px 0 20px 0;

}



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

  .location-map {

    position: relative;

    width: 100%;

    margin: 20px 0;

  }

}









/*** Section Title ***/

.section-title { font: var(--font-family); text-transform: uppercase;

  position: relative; color: #fff;

  display: inline-block; font-size: 18px; font-weight: 600;

}



.section-title::before {

  position: absolute;

  content: "";

  width: 45px;

  height: 2px;

  top: 50%;

  left: -55px;

  margin-top: -1px;

  background: #fff;

}



.section-title::after {

  position: absolute;

  content: "";

  width: 45px;

  height: 2px;

  top: 50%;

  right: -55px;

  margin-top: -1px;

  background: #fff;

}



.section-title.text-start::before,

.section-title.text-end::after {

  display: none;

}



.section-title1{ font: var(--font-family);

 color: #fff;

   font-size: 30px; font-weight: 700; text-transform: uppercase;

}



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

.form-floating>label {

  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  font-size: 14px; color: rgb(160, 159, 159);

  padding: 1rem 0.75rem;

  pointer-events: none;

  border: 1px solid transparent;

  transform-origin: 0 0;

  transition: opacity .1s ease-in-out,transform .1s ease-in-out;

}



.form-control {

  display: block;

  width: 100%;

  height: 40px;

  padding: 6px 12px;

  font-family: var(--font-family);

  font-size: 13px !important;

  font-weight: normal;

  letter-spacing: 0.2px;

  line-height: 1.42857143;

  color: #515151;

  border: 1px solid rgb(211, 210, 210);

  border-radius: 0px;

}



.form-control1 {

  width: 100%;

  height: 32px !important;

}



.form-group {

  margin-bottom: 10px;

}



.form-group p {

  font-family: var(--font-family);

  font-size: 14px;

  color: var(--text-primary);

  font-weight: 500;

  margin: 10px 0;

}



.form-group h6 {

  font-family: var(--font-family);

  font-size: 13px;

  color: var(--text-primary);

  font-weight: 500;

  margin: 0 0 10px 0;

}



.form-group label {

  font-family: var(--font-family);

  font-size: 16px;

  color: var(--text-primary);

  font-weight: 500;

  margin-bottom: 0px;

}



.form-group label small {

  font-size: 16px;

  color: #f01818;

}



.form-check-label {

  font-weight: 400 !important;

  font-size: 13px !important;

  color: var(--text-primary);

}



.input-group-text {

  display: flex;

  align-items: center;

  padding: 0.375rem 0.75rem;

  font-size: 1rem;

  font-weight: 400;

  line-height: 1.5;

  color: #212529;

  text-align: center;

  white-space: nowrap;

  background-color: #fff;

  border: 1px solid #ddd;

  border-radius: 8px;

  cursor: pointer;

}



.fp-link {

  font-family: var(--font-family);

  font-size: 13px;

  color: var(--text-primary);

  font-weight: 500;

  padding: 10px 0;

}


 
.submit-link {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 0.50px;
  color: #fff !important;
  background: var(--primary);
  padding: 12px 15px;
  display: inline-flex;
  align-items: center; border-radius: 30px;  
}

.submit-link span {
  padding: 0 10px 0 10px;
}

.submit-link i {
  /* background: var(--primary); */
  color: #fff;
  padding: 1px;
}

.submit-link:hover {
  background: var(--sc-primary);
  color: #fff;
}
   

/*---------------------------------------------------*/



.table {

  font-family: var(--font-family);

}



.table thead {

  background: var(--primary);

}



.table thead th {

  font-family: var(--font-family);

  font-size: 16px;

  font-weight: 600;

  color: #fff;



  text-align: center;

  vertical-align: middle;

}

.table > :not(:first-child) {

  border-top: 0px solid currentColor;

}



.table td {

  font-family: var(--font-family);

  font-size: 13px;

  color: var(--text-primary) !important;

  font-weight: 500;

   

}



.table td,

.table th {

  padding: 0.5rem;

}



.table td strong {

  font-weight: 700;

}



.anchor {

  display: block;

  height: 200px;

  margin-top: -200px;

  visibility: hidden !important;

}



.table .form-control {

  display: block;

  width: 100%;

  height: 28px;

  padding: 6px 6px;

  font-size: 14px;

  font-weight: 500;

  line-height: 1.42857143;

  color: var(--text-primary);

  border: 1px solid #bbb;

  border-radius: 0px;

}



.table .btn-bid-2 {

  margin-top: 1px;

  width: 100%;

  background: #2d2855;

  padding: 2px 5px;

  font-family: var(--font-family);

  color: #fff;

  font-size: 14px;

  font-weight: 600;

  text-transform: uppercase;

  border-radius: 0px;

  display: inline-block;

  text-decoration: none !important;

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -ms-transition: all 0.5s;

  -o-transition: all 0.5s;

}



.table .btn-bid-2:hover {

  background: #ad2330;

  color: #fff;

}



/*------------------------------------------------------------*/

.footer-logo{ margin: 20px 0;}

.footer-logo img{border: 1px solid rgb(240, 240, 240); padding: 10px; border-radius: 4px;}





.footer {

  /* background:#313b48; */

  background: var(--gradient2);

  background-position: top left;

  background-repeat: no-repeat;

  background-size: 100% auto;

  padding: 30px 0px 0px 0px;

  position: relative; 

  margin-top: 50px;

}



/* .footer-background-overlay {

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

  background-position: bottom right;

  background-repeat: no-repeat;

  background-size: 100% auto;

  opacity: 1;

  transition: background 0.3s, border-radius 0.3s, opacity 0.3s;

  height: 100%;

  width: 100%;

  top: 0;

  left: 0;

  position: absolute; z-index: -1;

} */

 





.footer-col {

  display: flex;

  flex-direction: row;

  flex-wrap: nowrap;

  justify-content: space-between;

}



.footer-col .ft-col-1 {

  width: 23%;

  padding: 0 0px 0 0;

}



.footer-col .ft-col-2 {

  width: 23%;

  padding: 0 0px 0 0;

}



.footer-col .ft-col-3 {

  width: 23%;

  padding: 0 0px 0 0;

}



.footer-col .ft-col-4 {

  width: 23%;

  padding: 0 0px 0 0;

}



/* .footer-col .ft-col-4 img {

     width: 100%;padding-right: 5px;

} */



.footer h4 {

  font-family: var(--font-family);

  font-weight: 500;

  color:#fff;

  font-size: 20px;

  margin: 20px 0;

  text-transform: inherit;

  position: relative;

}



/*.footer h4:before { content: ""; position: absolute; width:30px;  height:100%; background:#e81f27;  } 

 .footer h4 span{position: relative; padding: 5px;}*/



.footer p {

  font-family: var(--font-family);

  font-weight: 400;

  color: #fff;

  font-size: 14px !important;

  text-decoration: none;

}



.footer p a {

  color: #fff;

}



.footer p strong {

  font-size: 16px;

  font-weight: 600;

  color: #fff;

}



.footer h5 {

  font-family: var(--font-family);

  font-weight: 600;

  color: #fff;

  font-size: 18px;

  margin: 0px;

}



.footer_links {

  padding: 0px 0 0 0;

  font-family: var(--font-family);

  display: flex;

  flex-direction: row;

  flex-wrap: nowrap;

}



.footer_links .footer_links_col {

  width: 48%;

  margin-right: 10px;

}



.footer_links ul {

  list-style: none;

  padding: 0px 0 0px 3px;

  text-align: left;

}



.footer_links li {

  padding: 4px 0;

  margin: 0px;

  border-bottom: 0px dashed #1d1d1d;
  -moz-transition: 0.4s ease-in-out 0s;
  -ms-transition: 0.4s ease-in-out 0s;
  -webkit-transition: 0.4s ease-in-out 0s;
  transition: 0.4s ease-in-out 0s;

}



.footer_links li a {

  font-weight: 400;

  color: #fff;

  font-size: 14px !important;

  text-decoration: none;

}



.footer_links li:hover {

  color: var(--primary);

  -moz-transition: 0.4s ease-in-out 0s;

  -ms-transition: 0.4s ease-in-out 0s;

  -webkit-transition: 0.4s ease-in-out 0s;

  transition: 0.4s ease-in-out 0s;

  padding-left: 15px;

}

.footer_links li:hover a {
  color: var(--primary);
  -moz-transition: 0.4s ease-in-out 0s;
  -ms-transition: 0.4s ease-in-out 0s;
  -webkit-transition: 0.4s ease-in-out 0s;
  transition: 0.4s ease-in-out 0s;
   
}


.border-right {

  border-right: 1px dashed #19406f;

  min-height: 280px;

}



.footer_links .links-list li {

  float: left;

  width: 48%;

}



.footer_bottom {

  margin: 0px 0 0 0;

  padding: 20px 0px;

  /* background-color: #28313d; */

    background: var(--gradient2);

  border-top: 1px solid #6b7477;

}



.footer_bottom-in {

  display: flex;

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  flex-direction: row;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -webkit-flex-direction: row;

  -ms-flex-direction: row;

  flex-wrap: wrap;

  -webkit-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  justify-content: space-between;

  -webkit-box-align: space-between;

  -webkit-flex-align: space-between;

  -ms-flex-align: space-between;

  -webkit-align-items: space-between;

}



.footer_bottom p {

  font-family: var(--font-family);

  font-size: 13px !important;

  font-weight: 400;

  color: #fff !important;

  text-decoration: none;

  margin: 0px;

}



.footer_bottom p a {

  color: #fff !important;

}



.footer_center {

  display: flex;

  flex-direction: row;

  flex-wrap: nowrap;

  border-top: 1px solid #cda519;

  border-bottom: 1px solid #cda519;

  margin-top: 10px;

}



.footer_center .footer_center_1 {

  width: 70%;

  padding: 6px 5px;

  border-right: 1px solid #cda519;

}



.footer_center .footer_center_2 {

  width: 30%;

  padding: 15px 20px;

  text-align: center;

}



.footer_center p {

  font-family: var(--font-family);

  font-weight: 500;

  color: #e4e4e4;

  font-size: 13px !important;

  text-decoration: none;

  margin: 0px;

}



.footer_center p strong {

  font-size: 14px;

  font-weight: 600;

  color: var(--sc-primary);

}



.footer .btn.btn-social {

  margin-right: 5px;

  width: 35px;

  height: 35px;

  display: flex;

  align-items: center;

  justify-content: center;

  color: #fff;

  border: 1px solid #b8b8b8;

  border-radius: 35px;

  transition: .3s;

}



.footer .btn.btn-social:hover {

  color:#fff;

}



.btn-outline-light:hover {

  color: #000;

  background-color: var(--sc-primary);

  border-color: #F1F8FF;

}



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

  .footer-col {

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    justify-content: space-between;

  }

  .footer-col .ft-col-1 {

    width: 48%;

    padding: 0 0px 0 0;

  }

  .footer-col .ft-col-2 {

    width: 48%;

    padding: 0 0px 0 0;

  }

  .footer-col .ft-col-3 {

    width: 48%;

    padding: 0 0px 0 0;

  }

  .footer-col .ft-col-4 {

    width: 48%;

    padding: 0 0px 0 0;

  }

}



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

  .footer-col {

    display: flex;

    flex-direction: column;

    flex-wrap: wrap;

    justify-content: space-between;

  }

  .footer-col .ft-col-1 {

    width: 100%;

    padding: 0 0px 0 0;

  }

  .footer-col .ft-col-2 {

    width: 100%;

    padding: 0 0px 0 0;

  }

  .footer-col .ft-col-3 {

    width: 100%;

    padding: 0 0px 0 0;

  }

  .footer-col .ft-col-4 {

    width: 100%;

    padding: 0 0px 0 0;

  }

  .footer_center {

    display: flex;

    flex-direction: column;

    flex-wrap: nowrap;

    border-top: 1px solid var(--sc-primary);

    border-bottom: 1px solid var(--sc-primary);

  }

  .footer_center .footer_center_1 {

    width: 100%;

    padding: 10px 0px;

    border-right: 0px solid var(--sc-primary);

  }

  .footer_center .footer_center_2 {

    width: 100%;

    padding: 10px 0px;

    text-align: left;

  }

}



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

  .footer_links {

    padding: 0px 0 0 0;

    display: flex;

    flex-direction: column;

    flex-wrap: nowrap;

  }

  .footer_links .footer_links_col {

    width: 100%;

    margin-right: 0px;

  }

  .footer_links ul {

    margin: 0px;

  }

}



.footer-top {

  display: flex;

  flex-direction: row;

  flex-wrap: nowrap;

  justify-content: center;

  align-items: center;

  border-top: 0px solid #bebebe;

  border-bottom: 1px solid #bebebe;

  padding: 10px 0;

}



.footer-top-1 {

  width: 60%;

  border-right: 1px solid #bebebe;

}



.footer-top-2 {

  width: 40%;

}



.subscribe-news {

  display: flex;

  flex-direction: row;

  flex-wrap: nowrap;

  justify-content: flex-end;

  align-items: center;

  padding-right: 30px;

  padding-top: 10px;

}



.subscribe-news h5 {

  font-family: var(--font-family);

  color: #000;

  font-size: 16px;

  font-weight: 600;

  margin: 0 15px 0 0;

  position: relative;

  z-index: 1;

}



.subscribe-box {

  border: 0px solid #111111;

}



.subscribe-box .form-control {

  border: 0px;

  font-family: var(--font-family);

  font-weight: 500;

  font-size: 12px;

  color: #666;

  height: 35px;

  width: 260px;

}



.subscribe-box .btn {

  border-left: 0px solid #dfdedb;

  line-height: 0px;

  margin: 0 10px;

}



.submit-link-1 {

  background: #000;

  padding: 7px 20px;

  font-family: var(--font-family);

  color: #fff;

  font-size: 16px;

  font-weight: 600;

  text-transform: uppercase;

  border-radius: 10px;

  display: inline-block;

  text-decoration: none !important;

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -ms-transition: all 0.5s;

  -o-transition: all 0.5s;

}



.submit-link-1:hover {

  background: #bd0400;

  color: #fff;

}



.connect-us {

  display: flex;

  flex-direction: row;

  flex-wrap: nowrap;

  justify-content: flex-start;

  align-items: center;

  padding-left: 30px;

}



.connect-us h5 {

  font-family: var(--font-family);

  color: var(--sc-primary);

  font-size: 18px;

  font-weight: 600;

  margin: 0 15px 0 0;

  position: relative;

  z-index: 1;

}



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

  .subscribe-news {

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    justify-content: flex-start;

    align-items: center;

    padding-right: 20px;

    padding-top: 0px;

  }

  .subscribe-box {

    margin-top: 7px;

  }

  .connect-us {

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    justify-content: flex-start;

    align-items: center;

    padding-left: 20px;

  }

}



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

  .footer-top {

    display: flex;

    flex-direction: column;

    flex-wrap: nowrap;

    justify-content: flex-start;

    align-items: center;

    border-top: 0px solid #bebebe;

    border-bottom: 1px solid #bebebe;

    padding: 10px 0 00;

  }

  .footer-top-1 {

    width: 100%;

    border-right: 0px solid #bebebe;

  }

  .footer-top-2 {

    width: 100%;

  }

  .connect-us {

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    justify-content: flex-start;

    align-items: center;

    padding: 5px 0px;

  }

}



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

  .subscribe-box {

    border: 0px solid #111111;

  }

  .subscribe-box .form-control {

    border: 0px;

    font-family: var(--font-family);

    font-weight: 500;

    font-size: 12px;

    color: #666;

    height: 35px;

    width: 170px;

  }

  .submit-link-1 {

    padding: 7px 7px;

    font-size: 15px;

  }

}



/*-------------------------------------------*/



.social-icon {

  text-align: left;

  margin: 0px 0 0 0;

  padding: 0px 0;

  border-bottom: 0px solid #d4d1d1;

  position: relative;

  top: 1px;

  right: 0px;

  z-index: 1;

}



.social-icon:after {

  content: "";

  clear: both;

  display: block;

}



.social-icon span {

  font-family: var(--font-family);

  font-size: 14px;

  color: #fff;

  font-weight: 500;

}



.social-icon li {

  padding: 2px;

  display: inline-block;

  text-align: right;

  margin-top: 0px;

  color: #7d7d7d;

  line-height: 10px;

  border-right: 0px solid #ddd;

}



.social-icon li a {

  display: inline-block;

  width: 25px;

  height: 25px;

  line-height: 15px !important;

  text-align: center;

  text-decoration: none;

  font-size: 14px;

  font-weight: 400;

  padding: 0px;

  transition: All 0.5s ease;

  -webkit-transition: All 0.5s ease;

  -moz-transition: All 0.5s ease;

  -o-transition: All 0.5s ease;

  border-radius: 30px;

  color: #fff !important;

  /* background: #fff; */

}



.social-icon li a:hover {

  border-radius: 30px;

  background: transparent;

  color: #efc635 !important;

  -webkit-transform: translateY(-6px);

  -moz-transform: translateY(-6px);

  -ms-transform: translateY(-6px);

  transform: translateY(-6px);

}



.social-icon small {

  font-family: "Avenir-Heavy";

  font-size: 18px;

  color: #161515;

  text-transform: none;

}



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

  .social-icon {

    position: absolute;

    top: 10px;

    right: 60px;

    z-index: 1;

  }

}



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

  .social-icon {

    position: relative;

    top: 10px;

    right: 0px;

    z-index: 1;

    text-align: right;

  }

  .social-icon span {

    font-size: 12px;

  }

}



.social-icon-1 {

  font-family: var(--font-family);

  font-weight: 700;

  text-align: left;

  margin: 0px 0 0 0;

  padding: 0px;

  border-bottom: 0px solid #d4d1d1;

}



.social-icon-1:after {

  content: "";

  clear: both;

  display: block;

}



.social-icon-1 li {

  padding: 8px;

  display: inline-block;

  text-align: right;

  margin-top: 0px;

  color: #fff;

  line-height: 30px;

  border-right: 0px solid #000;

}



.social-icon-1 li a span {

  font-size: 18px;

}



.social-icon-1 li a {

  display: inline-block;

  width: auto;

  height: auto;

  line-height: 20px !important;

  text-align: center;

  text-decoration: none;

  font-size: 25px;

  margin-right: 0px !important;

  padding-top: 8px;

  transition: All 0.5s ease;

  -webkit-transition: All 0.5s ease;

  -moz-transition: All 0.5s ease;

  -o-transition: All 0.5s ease;

  border-radius: 0px;

  /*background:#fff;*/

  color: #fff;

}



.social-icon-1 li a:hover {

  border-radius: 0px;

  color: #efc635 !important;

  -webkit-transform: translateY(-6px);

  -moz-transform: translateY(-6px);

  -ms-transform: translateY(-6px);

  transform: translateY(-6px);

}



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

  .social-icon-1 li {

    padding: 0 8px;

  }

  .social-icon-1 li a {

    padding-top: 0px;

  }

}













/*----------------------------back to top ------------------------*/



.pd-30 {

  padding: 30px 0;

}



.mg-top-20 {

  margin-top: 20px;

}



.mg-top-30 {

  margin-top: 30px;

}



.mg-top-50 {

  margin-top: 50px;

}



.mg-top-80 {

  margin-top: 80px;

}



.mg-bottom-30 {

  margin-bottom: 30px;

}



.mg-bottom-20 {

  margin-bottom: 20px;

}



.success-text {

  margin: 60px 0 0 0;

  border: 0px solid #ccc;

  padding: 15px;

  text-align: center;

}



.success-text h6 {

  padding: 0px 0;

  font-family: var(--font-family);

  font-size: 32px;

  font-weight: 700;

  color: #e31a3a;

}



.success-text h5 {

  padding: 0px 0;

  font-family: var(--font-family);

  font-size: 24px;

  font-weight: 500;

  color: #333;

}



.success-text h5 small {

  padding: 0px 0;

  font-family: var(--font-family);

  font-size: 24px;

  font-weight: 500;

  color: #e31a3a;

}

 

/*--------------------------------------------------------------

# Testimonials

--------------------------------------------------------------*/



.testimonials {

  padding: 10px 0;   

  position: relative;

}



.testimonials aside{text-align: center !important;  display: flex; flex-direction: column; justify-content: center; }

 

.testimonials p {

   font-size: 14px !important;

  line-height: 24px !important;

  font-weight: 400 !important;

  color: var(--text-primary);

  padding: 0 10px;

}



.testimonials h3 {

  font-size: 16px !important;

 line-height: 24px !important;

 font-weight: 600 !important;

 color: var(--text-primary); padding: 10px 0 0 0; margin: 0;

}



.testimonials img{width: 120px !important; border-radius: 100%; margin-bottom: 15px; align-self: center;}

 

.testimonials h3 small{ display: block; font-size: 13px;}



#quick-past4 .owl-nav {
  display: flex;
  justify-content: center;
  margin-top:30px;
}

#quick-past4 .owl-prev, #quick-past4 .owl-next{ 
  display: flex; align-items: center; justify-content: center; text-align: center;
  background:var(--primary);
  padding: 0px;
  margin: 2px 5px;
  position: relative;
  border: 0px solid #ddd;
  width: 35px;
  height: 35px; color: #fff;border-radius: 100%; font-size: 15px;
  transition: All 0.5s ease;
  -webkit-transition: All 0.5s ease;
  -moz-transition: All 0.5s ease;
  -o-transition: All 0.5s ease;
}

#quick-past4 .owl-prev:hover, #quick-past4 .owl-next:hover{background:var(--sc-primary);}

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



.testimonials-list{ text-align: left; margin: 30px 0; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}

.testimonials-bx{ width: 48.33%; margin-bottom: 30px; border: 1px solid rgb(241, 241, 241); padding: 15px; border-radius: 6px; position: relative; box-shadow: 0 4px 30px -5px rgba(0, 0, 0, 0.2);}

.testimonials-bx p {

  font-family: var(--font-family);

  font-size: 13px;

  line-height: 24px;

  font-weight: 500;

  color: var(--text-primary);

  text-align: left !important;

}



.testimonials-bx .quote{position: absolute; left: 0; top: 0px; z-index: -1;}



.testimonials-bx p strong{ font-weight: 600; font-size: 15px;}

.testimonials-bx h5 {

  font-family: var(--font-family);

  font-size: 16px; 

  font-weight: 600;

  color: var(--text-primary);

  text-align: left !important;

}



.testimonials-bx h6 {

  font-family: var(--font-family);

  font-size: 13px; 

  font-weight: 500;

  color: var(--text-primary);

  text-align: left !important;

}



.testimonials-bx aside{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; margin-top: 20px;}

.testimonials-bx aside figure{ width:160px; margin: 0 0 5px 0; display: none;}

.testimonials-bx aside figcaption{ width:65%; margin: 0 0 5px 0;}

.testimonials-bx aside figure img{ width: 140px; margin: 0;}



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

  .testimonials-bx aside{ display: flex; flex-direction: column; flex-wrap: wrap; justify-content: flex-start;  }

  .testimonials-bx aside figure{ width:160px; margin: 0 0 10px 0;}

  .testimonials-bx aside figcaption{ width:100%; margin: 0 0 10px 0;}

}



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

  .testimonials-bx{ width: 100%;}

}



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



.gallery-row {

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  justify-content: flex-start;

  /*margin-right: -15px; margin-left: -15px;*/

  margin-top: 20px;

  position: relative;

}



.gallery-row .gallery-col {

  margin: 0 10px 10px 0;

  width: 23.33%;

  /*padding-left: 15px; padding-right: 15px;*/

  border: 1px solid #ddd;

  position: relative;

  cursor: pointer;

}



.gallery-row p {

  font-family: "Product Sans";

  color: #616161;

  font-size: 17px;

  font-weight: 400;

  line-height: 26px;

  letter-spacing: 0.5px;

  margin: 10px 0;

}



.gallery-row p strong {

  font-weight: 500;

}



.gallery-col-img {

  color: #fff;

  position: relative;

  overflow: hidden;

  border: 0px solid #ddd;

  width: 100%;

  height: 100%;

  display: flex;

  align-items: center;

}



.gallery-col-img figure {

  padding: 0px;

  margin: 0px;

  max-height: 170px;

  width: 100%;

}



.gallery-col-img figure img {

  width: 100%;

  height: 100%;

  position: relative;

  transition: all 2s ease;

  -webkit-transition: all 2s ease;

  -moz-transition: all 2s ease;

  -o-transition: all 2s ease;

}



.gallery-col-img:hover figure img {

  transform: scale(1.5);

  -webkit-transform: scale(1.5);

  -moz-transform: scale(1.5);

  -o-transform: scale(1.5);

  opacity: 1;

}



/*.gallery-col-img figure a:first-child { display: inherit;}

.gallery-col-img figure a { display: none;}*/



.gallery-row-wrapper {

  margin-top: 0px;

  padding: 0 0px;

  position: relative;

}



.gallery-row-content {

  background: #fff;

  padding: 10px;

}



.gallery-row-content h3 {

  font-family: "Avenir-Heavy";

  text-align: left;

  color: #2b2523;

  font-size: 20px;

  margin: 5px 0;

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -ms-transition: all 0.5s;

  -o-transition: all 0.5s;

}



.gallery-row-content p {

  font-family: "Avenir-Medium";

  color: #2b2523;

  font-size: 15px;

  margin: 5px 0;

}



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

  .gallery-row .gallery-col {

    margin: 0 10px 10px 0;

    width: 28.33%;

    /*padding-left: 15px; padding-right: 15px;*/

    border: 1px solid #ddd;

    position: relative;

    cursor: pointer;

  }

}



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

  .gallery-row .gallery-col {

    margin: 0 10px 10px 0;

    width: 45.33%;

    /*padding-left: 15px; padding-right: 15px;*/

    border: 1px solid #ddd;

    position: relative;

    cursor: pointer;

  }

}



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

  .gallery-row .gallery-col {

    margin: 0 0px 10px 0;

    width: 100%;

    /*padding-left: 15px; padding-right: 15px;*/

    border: 1px solid #ddd;

    position: relative;

    cursor: pointer;

  }

}

 







  



/* .client-logo{

} */


 #brandsSlider {
  padding-top: 40px; margin: 0px;
}

.client-logo{padding-bottom: 0px;}

.client-logo img {
  height: 80px;
  width: auto !important;
  margin: auto;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  object-fit: contain;
  border: 1px solid #e0e0e0; border-radius: 4px;
  /* opacity: 0.7; */
}

.client-logo:hover img {
  opacity: 1;
}

.client-logo.border-1 {
  box-shadow: 0px 30px 50px 0px rgba(0, 0, 0, 0.1);
}
 
@media only screen and (max-width: 380px) {
  .client-logo{ text-align: center !important;}
}






/*-----------------------*/



.client-box{ margin: 0 0 30px 0; padding:10px  15px; border: 0px solid #e0e0e0; border-radius: 4px;    box-shadow: 0 4px 30px -5px rgba(0, 0, 0, 0.2); font-family: var(--font-family);}

.client-box h5{ font-size:20px; color:var(--text-heading); font-weight: 500;  margin-bottom: 20px;}





.client-list-1 {

  list-style: none;

  margin: 0px 0;

  padding: 0px;

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  justify-content: flex-start;

}



.client-list-1 li {

  margin: 0px;

  text-align: left;

  padding: 0 30px 30px 0;

}



.client-list-1 li img {

  border: 1px solid #e0e0e0; border-radius: 4px;

  height: 80px;

}



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

  .client-list-1 {

    list-style: none;

    margin: 0px 0;

    padding: 0px;

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    justify-content: center;

  }

  

  .client-list-1 li {

    margin: 0px;

    text-align: left;

    padding: 0 10px 30px 0;

  }

}



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

  .client-list-1 {

      list-style: none;

      margin: 0px 0;

      padding: 0px;

      display: flex;

      flex-direction: row;

      flex-wrap: wrap;

      justify-content: flex-start;

  }

  .client-list-1 li img {

      height: 80px;

  }

}



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

  .client-list-1 li {

      margin: 0px;

      padding: 5px;

  }

  .client-list-1 li img {

      height: 60px;

  }

}



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

  .client-list-1 {

      list-style: none;

      margin: 0px 0;

      padding: 0px;

      display: flex;

      flex-direction: row;

      flex-wrap: wrap;

      justify-content:flex-start;

  }

  .client-list-1 li {

      margin: 0px;

      padding: 5px;

  }

  .client-list-1 li img {

      height: 55px;

  }

}



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

  .client-list-1 {

      list-style: none;

      margin: 0px 0;

      padding: 0px;

      display: flex;

      flex-direction: row;

      flex-wrap: wrap;

      justify-content: center;

  }

  .client-list-1 li {

      margin: 0px;

      padding: 5px;

  }

  .client-list-1 li img {

      height: 70px;

  }

}



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

  .client-list-1 li {

      margin: 0px;

      padding: 5px;

  }

  .client-list-1 li img {

      height: 60px;

  }

}



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

  .client-list-1 li {

      margin: 0px;

      padding: 5px;

  }

  .client-list-1 li img {

      height: 60px;

  }

}



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

  .client-list-1 {

      list-style: none;

      margin: 0px 0;

      padding: 0px;

      display: flex;

      flex-direction: row;

      flex-wrap: wrap;

      justify-content: center;

  }

  .client-list-1 li {

      width: 48%;

      padding: 5px;

  }

  .client-list-1 li img {

      height: 100%;

      width: 100%;

  }

}



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

  .client-list-1 {

      list-style: none;

      margin: 0px 0;

      padding: 0px;

      display: flex;

      flex-direction: column;

      flex-wrap: nowrap;

      justify-content: center;

  }

  .client-list-1 li {

      width: 100%;

      padding: 10px 0;

  }

  .client-list-1 li img {

      height: 100%;

      width: 100%;

  }

}







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



 



 .blogs-bx {

  text-align: left;

  display: flex;

  align-items: flex-end;

  /* margin-top: -100px; */

  margin-bottom: 30px; 

}





.blogs-text {

  background: #fff;    

  padding: 15px 0;

  margin-left: 0px;

  margin-top: 0px;

}





.blogs-text h3 {

  font-family: var(--font-family);

  color: var(--text-heading) !important;

  font-size: 19px !important;

  font-weight: 500;

  line-height: normal !important;

  margin: 0;

}



.blogs-text h6 {

  font-family: var(--font-family);

  font-size: 12px !important;

  line-height: normal;

  font-weight: 400;

  color: var(--primary) !important; margin-bottom:2px ;

}



.blogs-text p {

  font-family: var(--font-family);

  font-size: 14px !important;

  line-height: normal;

  font-weight: 500;

  color: var(--text-primary) !important; margin-bottom:2px ;

}





.blogs-readmore {

  font-family: var(--font-family);

  font-weight: 500;

  font-size: 14px;

  letter-spacing: 0.50px;

  color: var(--primary) !important;

  background-color: #fff;

  padding: 0px;

  display: inline-flex;

  align-items: center;

}



.blogs-readmore span {

  padding: 0 10px 0 0px;

}



.blogs-readmore i {

  background: #fff;

  color: var(--primary);

  padding: 12px;

}



.blogs-readmore:hover, .blogs-readmore:hover i {

  background-color:#fff;

  color: var(--sc-primary) !important;

}





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

  .blogs-text {

      background: #fff;    

      padding: 15px;

      margin-left: 0px;

      margin-top: 0px;

  }



}



.blogs-details{ text-align: left; margin-bottom: 40px;}

.blogs-details h3 {

  font-family: var(--font-family);

  color: var(--text-heading) !important;

  font-size: 26px !important;

  font-weight: 600;

  line-height: normal !important;

  margin: 0 0 5px  0;

}

.blogs-details h6 {

  font-family: var(--font-family);

  font-size: 14px !important;

  line-height: normal;

  font-weight: 400;

  color: var(--primary) !important; margin-bottom:4px ;

}



.blogs-details img{margin: 15px 0;}



.blogs-details p {

  font-family: var(--font-family);

  font-size: 14px !important;

  line-height: normal;

  font-weight: 500;

  color: var(--text-primary) !important; margin-bottom:5px ;

}



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





.recent-list { text-align: left;}



.recent-list h4 {

  font-family: var(--font-family2);

  color: var(--text-heading) !important;

  font-size: 24px !important;

  font-weight: 600;

  line-height: normal !important;

  margin: 0 0 5px 0;

}



.recent-list a{ display: flex; padding: 6px 0; border-bottom: 1px dashed #ddd; font-family:var(--font-family2);

  color: var(--text-primary);  font-size:14px;  font-weight: 500;}



  .recent-list a:hover{ color: var(--sc-primary);  }



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



.Notif-list{ display: flex; flex-direction: column; flex-wrap: nowrap; justify-content:flex-start;}

.Notif-row{ text-align: left; margin-bottom: 20px; font-family: var(--font-family); border-bottom: 1px dashed #ddd; padding-bottom: 10px; text-decoration: none; color: var(--text-heading);}



.Notif-row h4 {  

  color: var(--text-heading) !important;

  font-size: 16px !important;

  font-weight: 600;

  line-height: normal !important;

  margin: 0 0 0px  0;

}

.Notif-row h6 {  

  font-size: 13px !important; text-transform: uppercase; 

  font-weight: 500;

  color: var(--primary) !important; margin: 0px;

}



.Notif-row h5 {  

  color: #666;

  font-size: 13px !important;

  font-weight:500;

  line-height: normal !important;

  margin: 0 0 5px  0;

}



.Notif-row img{width: 25px;}



.Notif-row p {  

  font-size: 14px !important;

  line-height: normal;

  font-weight: 400;

  color: var(--text-primary) !important; margin-bottom:5px ;

}







.whatsapp-icon{position:fixed;	width:40px;height:40px;	bottom:30px;right:15px;	background-color:#25d366;

	color:#FFF;	border-radius:50px;	text-align:center;  font-size:26px;	box-shadow: 1px 1px 7px #000;

  z-index:100; text-decoration: none;transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;}



.whatsapp-icon:hover{ color:#fff; -webkit-transform: translateY(-15px);   -moz-transform: translateY(-15px); -ms-transform: translateY(-15px);   transform: translateY(-15px); }

.whatsapp-icon-float{	margin-top:7px;}

.w-mobile{display: none;} 



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

	.whatsapp-icon{position:fixed; bottom:40px;right:15px;	 }

	.w-mobile{display: inherit;}

	.w-web{display: none;}

}



.download-icon{position:fixed;	
  /* width:40px;height:40px;	 */
  bottom:90px;right:10px;	background-color:var(--primary);
	color:#FFF;	border-radius:50px;	text-align:center;  font-size:26px;	box-shadow: 1px 1px 7px #000;
  z-index:100; text-decoration: none;transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;}

.download-icon:hover{ color:#fff; background-color:var(--sc-primary); -webkit-transform: translateY(-15px);   -moz-transform: translateY(-15px); -ms-transform: translateY(-15px);   transform: translateY(-15px); }

.download-icon i{ font-size: 16px !important;}

 
.circle-section {
  /* position: relative; */
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  min-height: 50px;
  /* background: #000; */
  overflow: hidden;
}
.circle-section .text {
  position: absolute;
  color: #000;
  font-size: 8px; 
  user-select: none;
  pointer-events: none;
  animation: animate 7.5s linear infinite; margin: 0; padding: 0; line-height: normal;
}
@keyframes animate {
  0% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.circle-section .text span {
  position: absolute;
  top: -25px;
  text-transform: uppercase;
  display: inline-block;
  transform-origin: 0 25px;
}

 



 .right-side-btn{    

  position: fixed;

    display: inline-block; 

    bottom: 0;

    height: 7%;

    right: -11.5%;

    top: 45%;

    transform: rotate(90deg);

    z-index: 10;

  }





.right-side-btn a{ padding: 10px;  margin: 0 1px 0 0;  

  background-color: rgba(221, 115, 37, 0.99); color: #fff;   font-size: 14px;

  border-radius: 10px; }



  .right-side-btn a:hover{background-color: var(--primary)}


  @media only screen and (min-width: 1300px) {
   .right-side-btn{    
        right: -10.5%;
     
  }
  }

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

    .right-side-btn{    

    position: fixed;

    display: inline-block; 

    bottom: 0;

    height: 7%;

    right: -12.8%;

    top: 45%;

    transform: rotate(90deg);

    z-index: 10;

  }

  } */



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

    .right-side-btn{    

    position: fixed;

    display: inline-block; 

    bottom: 0;

    height: 7%;

    right: -11.8%;

    top: 45%;

    transform: rotate(90deg);

    z-index: 10;

  }

  }



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

    .right-side-btn{    

    position: fixed;

    display: inline-block; 

    bottom: 0px !important;

    height: 7%;

    right: 10%;

    top: 92% !important;

    transform: rotate(0deg);

    z-index: 10;

  }

  .right-side-btn a{ padding: 10px;  margin: 0 1px 0 0;  

  background-color: rgba(221, 115, 37, 0.99); color: #fff;   font-size: 13px;

  border-top-left-radius: 10px;

  border-top-right-radius: 10px;

  border-bottom-left-radius: 0px;

  border-bottom-right-radius: 0px;}





  }



    .download-btn a{ padding:6px 10px;  margin: 10px 0;  
  background-color: rgba(221, 115, 37, 0.99); color: #fff;   font-size: 15px;
  border-radius: 7px; display: inline-block; }
  .download-btn a i{padding: 5px; font-size: 18px;}

  .download-btn a:hover{background-color: var(--primary)}




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

    

  .Enquireicon{position:fixed;	bottom:200px;  right:10px;   

    /* left: 95% !important; */

  	text-align:center; 

    z-index:100; text-decoration: none; display: flex; flex-direction: column; align-items: center; justify-content: center; background:none; padding:0px; border-radius: 0px; box-shadow:none;  

   

  }

 

  .Enquireicon i {border-radius:50px;  width:40px;height:40px;background-color:var(--sc-primary);	

    /* box-shadow: 1px 1px 7px #000;   */ border: 1px solid var(--sc-primary);

    font-size:18px;	 color:#fff;display: flex;   align-items: center; justify-content: center; 

    margin-bottom: -5px;

    transition: All 0.5s ease;    -webkit-transition: All 0.5s ease;

    -moz-transition: All 0.5s ease;

    -o-transition: All 0.5s ease;}



  .Enquireicon span{display: block; font-family: var(--font-family-1); color:#fff;  font-size: 10px; font-weight: 500;    transition: All 0.5s ease;    -webkit-transition: All 0.5s ease;

    -moz-transition: All 0.5s ease;

    -o-transition: All 0.5s ease;  text-transform: uppercase; background:var(--sc-primary); padding: 3px 6px; border-radius: 10px;



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

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

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

    -o-transform: rotate(-90deg); */



    }



  .Enquireicon:hover i,.Enquireicon:hover span{  -webkit-transform: translateY(-6px);

    -moz-transform: translateY(-6px);

    -ms-transform: translateY(-6px);

    transform: translateY(-6px);}



   .Enquireicon:hover{ background: none;} 

 



.offcanvas.offcanvas-bottom{ height: 350px;}

.offcanvas-body{padding: 5px;}

.offcanvas-title {

  display: block;

    font-family: var(--font-family-1);

    font-size: 20px;

    color: var(--text-heading);

    font-weight: 600;

    text-transform: inherit;

    letter-spacing: -1px; 

}



 

 





/*=============================counter=============================================*/  

.section-border-both{border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}





.wave-line-4{background:var(--gradient2); background-image: url(../images/map-bk.png);

    /* background-position: bottom left; */

    background-repeat: no-repeat; 

  position: relative !important; 

  right: 0px !important;

  width: 100%;

  /* height:530px; */

   margin: 0px 0 0 0; z-index: -1; 

}



.counter-section{ padding:60px 0; margin :0px 0 0 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;

  position: relative; 

  overflow: hidden; 

  background:var(--gradient2);

}



.counter-row{  display: flex; flex-direction: row; flex-wrap: wrap; justify-content:space-around; 

padding:10px 0px; margin: 20px 80px;  z-index: 10;  position: relative;  

 }

.counter-card { text-align: center; width: 23.33%;  padding:20px 20px;   margin-bottom:20px; border-radius: 15px; z-index: 1; border: 1px solid #afaeae}

/* .counter-card:last-child{ border: 0px;} */

.counter-card h2 span{  text-align: center;}



/* .counter-card:nth-child(odd) {  color:var(--white-color);

 background:var(--color1);

}



.counter-card:nth-child(even) {

  background:var(--color2);

} */



.counter-card img{ width: 65px; margin-bottom: 10px;}



 

.counter-card h2{font-family: var(--font-family2);font-weight:600;font-size:40px; color:#fff; text-transform: inherit; margin: 0px; padding: 0px;  }



.counter-card h2 small{display: block; font-weight: 400;font-size:14px; color: #fff;}



.counter-card h3{ font-family: var(--font-family2); font-weight: 300;  font-size:36px; color: var(--color1); text-transform: inherit; margin: 0px;  padding: 0px; letter-spacing: -1px;  }



.counter-card h3 span{ display: block; font-weight:500;  font-size:45px;}



.counter-right{ position: relative; border-top: 1px solid var(--color2); border-bottom: 1px solid var(--color1);}



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

   

}



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

   

}



 

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

.counter-row{  display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;  padding:10px 0px; margin: 0 10px;  z-index: 10;  position: relative;

 }



  .counter-card { text-align: center; width: 100%; padding:10px 0;   margin-bottom:20px;  }

 

} 









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

 

/*==================== blog page new design===============================================*/





.blog-post-section{   

  position: relative;

  overflow: hidden;

  background:transparent;  padding: 0px 80px ; 

}



 



.blog-post-list{ margin: 10px 0 0 0; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}



.blog-post{  position: relative; /*width: calc(49.33% - 10px);*/ border-radius: 12px; text-align: left; background: #fff; margin:0 0 50px 0;   padding: 0px;

   transition: All 0.5s ease;

  -webkit-transition: All 0.5s ease;

  -moz-transition: All 0.5s ease;

  -o-transition: All 0.5s ease;

   display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: start;

  }



 /* .blog-post-width{width: calc(32.33% - 15px);} */

 



.blog-post-thumb {    min-width: 37%;

    max-width: 37%;

    /* flex: 0 1;  */

    margin-right: 5%;

  border-radius: 4px;

  overflow: hidden;

  position: relative;

}

.blog-post-thumb img{ width: 100%;}

.blog-post-animate {

  display: block;

  overflow: hidden;

  position: relative;

  z-index: 1;

}

.blog-post-animate:before {

  position: absolute;

  top: 0;

  left: -100%;

  display: block;

  content: "";

  width: 50%;

  height: 100%;

  background: linear-gradient(90deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.3));

  transform: skewX(-25deg);

}



.blog-post-content {  font-family: var(--font-family);

  padding: 0px;

  position: relative;

} 



.blog-post-content  a{text-decoration: none; color: inherit;}



  .blog-post-content h1 { color: var(--text-primary);

    font-size: 24px;

    font-weight: 400;

    margin: 0 0 10px 0;

}



.blog-post-content h1 a:hover {

  color: var(--sc-primary); border-bottom: 1px solid var(--sc-primary);

}

 

.blog-post-content h6{ color: var(--sc-primary); font-size: 14px; font-weight:400; line-height: 24px; margin: 10px 0; padding: 0; }



.blog-post-content p{ color: var(--text-primary); font-size: 14px; font-weight:400; line-height: 24px; margin: 0; padding: 0; }



.blog-post-content .know-more-btn { margin-bottom: 10px !important;}



.blog-post-content .know-more-btn {

    background:transparent;

    padding: 13px 0px;

    

    color: #666666;

    font-size: 13px;

    font-weight:700;

    border-radius: 8px;

    margin:10px 0 0 0;

    display: inline-block;

    text-transform: uppercase;

    text-decoration: none;

    transition: all 0.5s;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -o-transition: all 0.5s;

  }

  .blog-post-content .know-more-btn i{padding: 0 10px;}

  

  .blog-post-content .know-more-btn:hover {

    background: var(--sc-primary);

    padding-left:30px;

    color: #fff;     

  } 



  

 



 



.blog-post:hover {  /*background:var(--sc-primary);*/

  -webkit-transform: translateY(-10px);

  -moz-transform: translateY(-10px);

  -ms-transform: translateY(-10px);

  transform: translateY(-10px);   

}



.blog-post:hover span{color: var(--sc-primary);}



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

  .blog-post-width{width: calc(47.33% - 10px);}

}



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

  .blog-post-width{width: calc(100% - 0px);}



  .blog-post-section{ padding: 0px 0px ; }



.blog-post{ 

   display: flex; flex-direction: column; flex-wrap: nowrap; 

   justify-content: space-between; align-items: start;

  }



.blog-post-thumb { 

  min-width: 100%;

  max-width: 100%;

 margin-right: 0%;  margin-bottom: 15px;

}



}







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

 }





  /*============================ blog pagination====================================*/



.blog-post-details{ font-family: var(--font-family2);

   position: relative;

    padding: 0px 0px 0 0  ;

}





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

  .blog-post-details{

   position: relative;

    padding: 0px 0px 0 0  ;

}



 }

 

  .blog-post-details h1 { color: var(--text-primary);

    font-size: 26px;

    font-weight:600;

    margin:10px 0;

}





  .blog-post-details h2 { color: var(--text-primary);

    font-size: 22px;

    font-weight: 600;

    margin:20px 0 7px 0;

}



 .blog-post-details h4 { color: var(--text-primary);

    font-size: 17px;

    font-weight: 600;

    margin:20px 0 20px 0;

}



 

.blog-post-details h6{ color: var(--sc-primary); font-size: 14px; font-weight:400;  margin: 10px 0; padding: 0; }



.blog-post-details p{ color: var(--text-primary); font-size: 14px; font-weight:400; line-height: 24px; margin: 0; padding: 0; }



.blog-post-details ul{ list-style: none; padding: 0 0 0 20px;}

.blog-post-details ul li{color: var(--text-primary); font-size: 14px; font-weight:400; line-height: 24px; list-style:disc;}





.blog-post-details img{ width: 100%; margin: 20px 0;}



  .blog-post-faq h3 { color: var(--text-primary);

    font-size: 22px;

    font-weight: 600;

    margin:50px 0 7px 0;

}


.blog-post-details .table { width: 100%;}

.blog-post-details .table td { text-align: left;}


/*--------FAQ----------*/



.accordion-body ul li a {

  color: black;

  font-weight: 700;

}

.faq-section .accordion {

  width: 100%;

}

.accordion-button{padding: 10px 30px 10px 0;}



.accordion-button:not(.collapsed) {

  /* background-color: #c5e5d8;*/

  background-color: var(--secondary-text);

}



.accordion-button:not(.collapsed)::after {

  background-image: none;

  transform: none;

}



.accordion-button:focus {

  box-shadow: none;

}



.accordion-button:before {

  content: "";

  position: absolute;

  /*   right: 0.75rem; */

  right: 0.75rem;

  top: 1.25rem;

  height: 2px;

  width: 1rem;

  background-color: #333;

}

.accordion-button.collapsed:after {

  content: "";

  position: absolute;

  /*   right: 1.1875rem; */

  right: 1.1875rem;

  top: 0.8125rem;

  height: 1.0625rem;

  width: 0.125rem;

  border-style: none;

  background-color: #333;

}



.faq-section .accordion-button h5 { font-family: var(--font-family);

 font-size:17px !important; font-weight: 500;

  color: var(--text-primary) !important;

  margin-right: 13px; margin-bottom: 0;

}

.accordion-body {

    padding: 10px 0;  

    font-family: var(--font-family);

 color: var(--text-primary);

    font-size: 14px;

    font-weight: 400;

    line-height: 24px;

}

/* button:focus:not(:focus-visible) {

    outline: 0;

} */



/* list */

 

.accordion-body ol {

  counter-reset: step-counter;

  list-style-type: none;

  padding-left: 0;

}



.accordion-body ol > li {

  counter-increment: step-counter; /* Increment custom counter */

  margin-bottom: 10px;

}



.accordion-body ol > li::before {

  content: "Steps " counter(step-counter) ": "; /* Custom prefix */

  font-weight: bold;

}



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

  /*   .faq-section .accordion {

    width: 50%;

    margin: 0 auto;

  } */



  .accordion-button:before {

    right: 0.75rem;

  }



  .accordion-button.collapsed:after {

    right: 1.1875rem;

  }



  .faq-section .accordion-button h5 {

    margin-right: 0px;

  }

}





 





 /*============================ blog pagination====================================*/



 .pagination ul{

  width: 100%;

  display: flex; justify-content: center;

  flex-wrap: wrap;

  background: #fff;

  padding: 8px;

  border-radius: 50px; 

  border: 0px solid #ddd; margin: 30px 0 0 0;

 

}

.pagination ul li{

  color: #333;

  list-style: none;

  line-height: 45px;

  text-align: center;

  font-size: 16px;

  font-weight: 500;

  cursor: pointer;

  user-select: none;

  transition: all 0.3s ease;

}

.pagination ul li.numb{

  list-style: none;

  height: 45px;

  width: 45px;

  margin: 0 3px;

  line-height: 45px;

  border-radius: 50%;

}

.pagination ul li.numb.first{

  margin: 0px 3px 0 -5px;

}

.pagination ul li.numb.last{

  margin: 0px -5px 0 3px;

}

.pagination ul li.dots{

  font-size: 22px;

  cursor: default;

}

.pagination ul li.btn{

  padding: 0 20px;

  border-radius: 50px;

}

.pagination li.active,

.pagination ul li.numb:hover,

.pagination ul li:first-child:hover,

.pagination ul li:last-child:hover{

  color: #fff;

  background: var(--sc-primary);

}







/*==================== blog page new design===============================================*/



 

 



.related-blog-post-list{ margin: 10px 0 0 0; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}



.related-blog-post{  position: relative; width: calc(98.33% - 50px); border-radius: 12px; text-align: left; background: #fff; margin:0 0 10px 0;   padding:0 0px;

   transition: All 0.5s ease;

  -webkit-transition: All 0.5s ease;

  -moz-transition: All 0.5s ease;

  -o-transition: All 0.5s ease;

   display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: space-between; align-items: start;

  }



 /* .blog-post-width{width: calc(32.33% - 15px);} */

 



.related-blog-post-thumb {  

  border-radius: 4px;

  overflow: hidden;

  position: relative;

}

.related-blog-post-thumb img{ width: 100%;}

 



.related-blog-post-content {  font-family: var(--font-family);

  padding: 0px;

  position: relative;

} 



.related-blog-post-content  a{text-decoration: none; color: inherit;}



  .related-blog-post-content h1 { color: var(--text-primary);

    font-size: 20px;

    font-weight: 400;

    margin: 0 0 10px 0;

}



.related-blog-post-content h1 a:hover {

  color: var(--sc-primary); border-bottom: 1px solid var(--sc-primary);

}

 

.related-blog-post-content h6{ color: var(--sc-primary); font-size: 13px; font-weight:400; line-height: 24px; margin: 5px 0; padding: 0; }



.related-blog-post-content p{ color: var(--text-primary); font-size: 14px; font-weight:400; line-height: 24px; margin: 0; padding: 0; display: none; }



  



.related-blog-post:hover {  /*background:var(--sc-primary);*/

  -webkit-transform: translateY(-10px);

  -moz-transform: translateY(-10px);

  -ms-transform: translateY(-10px);

  transform: translateY(-10px);   

}



.related-blog-post:hover span{color: var(--sc-primary);}



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

  .related-blog-post-width{width: calc(47.33% - 10px);}

}



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

  .related-blog-post-width{width: calc(100% - 0px);}



  .related-blog-post-section{ padding: 0px 0px ; }



.related-blog-post{ 

   display: flex; flex-direction: column; flex-wrap: nowrap; 

   justify-content: space-between; align-items: start;

  }



.related-blog-post-thumb { 

  min-width: 100%;

  max-width: 100%;

 margin-right: 0%;  margin-bottom: 15px;

}



}







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

  .related-blog-post{  position: relative; width: calc(100% - 0px);  

  }

 }





 

#related-blog-list .owl-nav {

  display: flex;

  justify-content: center;

  margin-top:10px;

}



#related-blog-list .owl-prev, #related-blog-list .owl-next{ 

  display: flex; align-items: center; justify-content: center; text-align: center;

  background:var(--primary);

  padding: 0px;

  margin: 2px 5px;

  position: relative;

  border: 0px solid #ddd;

  width: 30px;

  height: 30px; color: #fff;border-radius: 100%; font-size: 15px;

  transition: All 0.5s ease;

  -webkit-transition: All 0.5s ease;

  -moz-transition: All 0.5s ease;

  -o-transition: All 0.5s ease;

}



#related-blog-list .owl-prev:hover, #related-blog-list .owl-next:hover{background:var(--sc-primary);}









/*==================== Recent blog page  ===============================================*/



 

 



.recent-blog-post-list{ margin: 10px 0 0 0; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}



.recent-blog-post{  position: relative; width: calc(100%); border-radius: 12px; text-align: left; background: #fff; margin:0 0 10px 0;   padding:0 0 10px 0;

   transition: All 0.5s ease;

  -webkit-transition: All 0.5s ease;

  -moz-transition: All 0.5s ease;

  -o-transition: All 0.5s ease;

   display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: start; border-bottom: 1px dashed #ddd;

  }



 /* .blog-post-width{width: calc(32.33% - 15px);} */

 

 .recent-blog-post a{border: 0px; margin: 0; padding: 0;}



.recent-blog-post-thumb {   width: 35%;

  border-radius: 4px;

  overflow: hidden;

  position: relative;

}

.recent-blog-post-thumb img{ width: 100%; border: 0px;}

 



.recent-blog-post-content {  width: 63%;

  font-family: var(--font-family);

  padding: 0px;

  position: relative;

} 



.recent-blog-post-content  a{text-decoration: none; color: inherit; font-size: 14px !important; border: 0px;}



.recent-blog-post-content h1 { color: var(--text-primary);

    

    font-weight: 400;

    margin: 0 0 10px 0;

}



.recent-blog-post-content h6 { 

  color: var(--primary);

    font-size:12px;

    font-weight: 500;

    margin: 0 0 10px 0;

}





/*==================sidebar=========================================*/



.page-wrapper {

  display: flex;

  justify-content: space-between;

}

  

.page-sidebar {

  width: 25%;

  /* height: 25vh; */  height: 100%;

  /* min-height: 300px; */

 overflow: auto;

  position: -webkit-sticky;

  position: sticky;

  top: 5%;

}



.page-main {

  width: 70%; 

  display: flex;

  flex-direction: column;

}



.page-main,

.page-sidebar {

   border: 0px solid #222; 

  padding: 1px; 

}









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



  .page-sidebar { height: auto;

  min-height: auto;

  width: 100%;

 

}



.page-wrapper {

    display: flex;

    justify-content: space-between;

    flex-direction: column;

}

  .page-main {

    width: 100%;

     

}

}





/*====================timeline=========================*/



:root {

  --tl-dot-size: 20px;

  --tl-dot-border-width: 2px;

  --tl-dot-clr-bg: #00aed2;

  --tl-dot-clr-border: #dbdbdb;

  --tl-line-width: 1px;

  --tl-line-clr: rgba(0, 0, 0, .4);

  --tl-clr-date: #dd7325;

  --tl-clr-text: #000;

  --tl-clr-bg: #01579B;

  --tl-spacing-horizontal: 12px;

  --tl-spacing-vertical: 24px;

}



.content-timeline {

  padding: 0px;

  max-width: 1100px;

  margin: 0 auto;

}

 



.timeline {

  position: relative;

  list-style: none;

  padding: 0;

  /* background-color: var(--tl-clr-bg); */

  color: var(--tl-clr-text);

  margin: 48px 0;

}

.timeline li {

  position: relative;

  padding: 0 0 var(--tl-spacing-vertical) calc(var(--tl-dot-size) + var(--tl-spacing-horizontal));

  transition: all 100ms;

  min-height: calc(var(--tl-dot-size) + var(--tl-spacing-vertical));

}

.timeline li::before, .timeline li::after {

  transition: all 100ms;

}

.timeline li::before {

  display: block;

  content: "";

  position: absolute;

  top: 0.3em;

  left: 0;

  z-index: 2;

  background-color: var(--tl-dot-clr-bg);

  width: var(--tl-dot-size);

  height: var(--tl-dot-size);

  border-radius: 50%;

  border: var(--tl-dot-border-width) solid var(--tl-dot-clr-border);

}

.timeline li::after {

  content: "";

  display: block;

  width: var(--tl-line-width);

  background-color: var(--tl-line-clr);

  position: absolute;

  top: 0;

  left: calc(var(--tl-dot-size) / 2 - var(--tl-line-width));

  height: 100%;

  z-index: 1;

}

.timeline li:first-child::after {

  top: calc(var(--tl-dot-size) / 2);

}

.timeline li:last-child::after {

  height: calc(var(--tl-dot-size) / 2);

}

.timeline__date { font-family: var(--font-family2); font-weight:600;

  font-size: 1.3em;

  margin: 0 0 0.3em;

  color: var(--tl-clr-date);

}

.timeline p {

  color: var(--text-primary) !important;

    font-size: 14px;

    font-weight: 400;

    margin: 0 0px 0px 0;

    line-height: 24px;

  margin: 0 0 0.5em;

}

@media (min-width: 800px) {

  .timeline li:nth-child(odd) {

    text-align: right;

    padding-left: 0;

    padding-right: calc(50% + var(--tl-dot-size) / 2 + var(--tl-spacing-horizontal));

  }

  .timeline li:nth-child(even) {

    padding-left: calc(50% + var(--tl-dot-size));

  }

  .timeline li::before {

    left: calc(50% - var(--tl-dot-size) / 2);

  }

  .timeline li::after {

    left: 50%;

  }





  .timeline li .img-left{position: relative;}



  .timeline li .img-left img{ width:100%; margin-top: 10px;}

}





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

 

/*==================== certifications list===============================================*/





.certi-section{   

  position: relative;

  overflow: hidden;

  background:#fff;  padding: 0px 80px ; 

}



 



.certi-list{ margin: 10px 0 0 0; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}



.certi-box{  position: relative; /*width: calc(49.33% - 10px);*/ border-radius: 12px; text-align: left; background: #fff; margin:0 0 50px 0;   padding: 15px;

   transition: All 0.5s ease;

  -webkit-transition: All 0.5s ease;

  -moz-transition: All 0.5s ease;

  -o-transition: All 0.5s ease;

   display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center;

   border: 1px solid #ddd;

  }



 /* .certi-box-width{width: calc(32.33% - 15px);} */

 



.certi-box-thumb {    min-width: 37%;

    max-width: 37%;

    /* flex: 0 1;  */

    margin-right: 5%;

  border-radius: 4px;

  overflow: hidden;

  position: relative;

}

.certi-box-thumb img{ width: 100%;}

.certi-box-animate {

  display: block;

  overflow: hidden;

  position: relative;

  z-index: 1;

}

.certi-box-animate:before {

  position: absolute;

  top: 0;

  left: -100%;

  display: block;

  content: "";

  width: 50%;

  height: 100%;

  background: linear-gradient(90deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.3));

  transform: skewX(-25deg);

}



.certi-box-content { font-family: var(--font-family);

  padding: 0px;

  position: relative;

} 



.certi-box-content  a{text-decoration: none; color: inherit;}



  .certi-box-content h1 { font-family: var(--font-family2); color: var(--text-primary);

    font-size: 22px;

    font-weight: 500;

    margin: 0 0 10px 0;

}



/* .certi-box-content h1 a:hover {

  color: var(--sc-primary); border-bottom: 1px solid var(--sc-primary);

} */

 

.certi-box-content h6{ color: var(--sc-primary); font-size: 14px; font-weight:400; line-height: 24px; margin: 10px 0; padding: 0; }



.certi-box-content p{ color: var(--text-primary); font-size: 14px; font-weight:400; line-height: 24px; margin: 0; padding: 0; }



.certi-box-content .know-more-btn { margin-bottom: 10px !important;}



.certi-box-content .know-more-btn {

    background:transparent;

    padding: 13px 0px;

    

    color: #666666;

    font-size: 13px;

    font-weight:700;

    border-radius: 8px;

    margin:10px 0 0 0;

    display: inline-block;

    text-transform: uppercase;

    text-decoration: none;

    transition: all 0.5s;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -o-transition: all 0.5s;

  }

  .certi-box-content .know-more-btn i{padding: 0 10px;}

  

  .certi-box-content .know-more-btn:hover {

    background: var(--sc-primary);

    padding-left:30px;

    color: #fff;     

  } 



  

 



 



.certi-box:hover {  /*background:var(--sc-primary);*/

  -webkit-transform: translateY(-10px);

  -moz-transform: translateY(-10px);

  -ms-transform: translateY(-10px);

  transform: translateY(-10px);   

}



.certi-box:hover span{color: var(--sc-primary);}



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

  .certi-box-width{width: calc(47.33% - 10px);}

}



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

  .certi-box-width{width: calc(100% - 0px);}



  .certi-section{ padding: 0px 0px ; }



.certi-box{ 

   display: flex; flex-direction: column; flex-wrap: nowrap; 

   justify-content: space-between; align-items: start;

  }



.certi-box-thumb { 

  min-width: 100%;

  max-width: 100%;

 margin-right: 0%;  margin-bottom: 15px;

}



}







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

 }