/* FONT LINK */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.cdnfonts.com/css/satoshi?styles=135009,135004,135005,135006,135007,135008,135002,135003,135000,135001');

@font-face {
  font-family: 'my-font1';
  src        : url(../fonts/adelia.ttf);
}


:root {
  --theme-color       : #000;
  --theme-color-second: #000;
}

html {
  scroll-behavior: smooth;
  overflow-x        : hidden !important;
}

body {
  margin            : 0;
  padding           : 0;
  box-sizing        : border-box;
  -moz-box-sizing   : border-box;
  -webkit-box-sizing: border-box;
  outline           : none;
  font-size         : 16px;
  color             : #1e1e1e;
  background-color  : #fff;
  scroll-behavior   : smooth;
  overflow-x        : hidden !important;
  font-family       : 'Inter', sans-serif;
  /* color          : var(--theme-color) !important; */
}

a {
  color          : #0055f1;
  text-decoration: none;
  transition     : all 0.5s;
}

a:hover {
  text-decoration: none;
  transition     : all .6s;
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin       : 0;
  margin-bottom: 12px;
  font-family  : 'Satoshi', sans-serif;
  color        : inherit;
}

h1,
h2,
h3,
h4,
h5,
h6 {}

p {
  margin       : 0;
  line-height  : 26px;
  margin-bottom: 21px;
  font-size    : 16px;
}

ul li {
  margin-bottom: 0px;
}

.img-fluid {
  display  : block;
  width    : 100%;
  max-width: 100%;
}

.li {
  display: inline-block;
  padding: 0px 5px;
}

ul {
  list-style: none;
  padding   : 0;
}

h1 {
  font-size  : 95px;
  font-weight: 600;
  line-height: 75px;
}

h2 {
  font-size  : 58px;
  font-weight: 500;
}

h3 {
  font-size  : 33px;
  font-weight: 400;
  line-height: 44px;
}

h4 {
  font-size: 26px;
}

h5 {}

h6 {
  font-size  : 18px;
  font-weight: 400;
}

.bg-cover {
  background-position: center !important;
  background-repeat  : no-repeat !important;
  background-size    : cover !important;
}

.gap {
  margin-bottom: 30px;
}

section {
  padding: 80px 0px;
}

.form-control:focus {
  border-color: #ced4da;
  outline     : 0;
  box-shadow  : none;
}

/* navbar*/

@-webkit-keyframes AnimationName {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

@-moz-keyframes AnimationName {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

@keyframes AnimationName {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

* {
  box-sizing: border-box;
}

.m-backtotop {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition   : all 0.3s ease-in-out;
  -ms-transition    : all 0.3s ease-in-out;
  -o-transition     : all 0.3s ease-in-out;
  transition        : all 0.3s ease-in-out;
  position          : fixed;
  bottom            : -50px;
  right             : 20px;
  width             : 50px;
  height            : 50px;
  background        : #0071ab;
  border-radius     : 25px;
  text-align        : center;
  border            : 2px solid #0071ab;
  box-shadow        : 0 2px 3px rgba(0, 0, 0, 0.1);
  opacity           : 0;
  overflow          : hidden;
  color             : #fff;
  z-index           : 1111;
}

.m-backtotop.active {
  bottom : 15px;
  opacity: 1;
}

.m-backtotop>div {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition   : all 0.3s ease-in-out;
  -ms-transition    : all 0.3s ease-in-out;
  -o-transition     : all 0.3s ease-in-out;
  transition        : all 0.3s ease-in-out;
}

.m-backtotop>div.arrow {
  position : absolute;
  top      : 50%;
  left     : 50%;
  transform: translateY(-50%) translateX(-50%);
  opacity  : 1;
}

.m-backtotop>div.text {
  font-size     : 5px;
  font-size     : 0.5rem;
  line-height   : 10px;
  text-transform: uppercase;
  font-weight   : 900;
  font-family   : "Open Sans", sans-serif;
  position      : absolute;
  left          : 50%;
  top           : 50%;
  transform     : translateY(50%) translateX(-50%);
  opacity       : 0;
  margin-top    : 1px;
}

.m-backtotop:hover {
  transform : scale(1.1);
  bottom    : 20px;
  cursor    : pointer;
  background: black;
  box-shadow: 0 10px 5px rgba(0, 0, 0, 0.1);
}

.m-backtotop:hover>div.arrow {
  transform: translateY(-150%) translateX(-50%);
  opacity  : 0;
}

.m-backtotop:hover>div.text {
  transform: translateY(-50%) translateX(-50%);
  opacity  : 1;
}

/* SMALL NAV */
.small {
  display: none;
}

.header_menu li a {
  color         : #fff;
  font-size     : 16px;
  text-transform: uppercase;
  padding       : 29px 19px;
  display       : inline-block;
}

.header_menu li a:hover {
  color: var(--theme-color-second);
}

.header_menu li a {
  color         : #fff;
  font-size     : 14px;
  text-transform: uppercase;
  padding       : 28px 18px;
  display       : inline-block;
}

.navbar li:hover a {
  color: var(--theme-color-second);
}

.navbar li:hover .dropdown-menu {
  transition: .3s;
  opacity   : 1;
  visibility: visible;
  top       : 100%;
  transform : rotateX(0deg);
}

@media all and (min-width: 992px) {
  .navbar .dropdown-menu-end {
    right: 0;
    left : auto;
  }

  .navbar li .dropdown-menu {
    display   : block;
    opacity   : 0;
    visibility: hidden;
    transition: .3s;
    margin-top: 0;
  }

  .navbar li:hover a {
    color: #cacaca;
  }

  .navbar .dropdown-menu.fade-down {
    top             : 80%;
    transform       : rotateX(-75deg);
    transform-origin: 0% 0%;
  }

  .navbar .dropdown-menu.fade-up {
    top: 180%;
  }

  .navbar li:hover .dropdown-menu {
    transition: .3s;
    opacity   : 1;
    visibility: visible;
    top       : 100%;
    transform : rotateX(0deg);
  }
}

ul.dropdown-menu.fade-up li a:hover {
  color     : #fff !important;
  background: var(--theme-color-second);
}

#main_header ul.dropdown-menu.fade-up li:last-child {
  border-bottom: 0px;
}

#main_header ul.dropdown-menu.fade-up li {
  border-bottom: 1px solid #c1c0bd;
  margin       : 0 0 0 0;
}

ul.dropdown-menu.fade-up li a {
  color    : #000 !important;
  font-size: 14px;
  display  : block;
  width    : 100%;
  padding  : 11px 12px;
}

ul.dropdown-menu.fade-up {
  border       : none;
  background   : #fff;
  padding      : 0 0;
  min-width    : inherit;
  width        : 280px;
  border-radius: 0px;
}

.link-sm-2 i {
  top: -9px !important;
}

.link-sm-2 {
  position: relative;
}

/* MAIN HEADER */
.hd_info {
  display    : flex;
  align-items: center;
  color      : #fff;
  gap        : 10px;
}

a.comon-btn {
  background   : #fff;
  color        : #000;
  display      : inline-block;
  font-size    : 15px;
  padding      : 11px 0px;
  border-radius: 5px;
  width        : 12rem;
  text-align   : center;
}

a.comon-btn:hover {
  background: #121212;
  color     : #fff;
}

.comon-btn img {
  width       : 18px;
  margin-right: 5px;
}

a.navbar-brand img {
  width: 220px;
}

.header_menu {
  background: transparent;
  position  : absolute;
  left      : 0;
  right     : 0;
  z-index   : 1111;
}

/* BANNER SEC */
.banner_sec {
  background     : url(../image/banner-bg.png) no-repeat bottom;
  background-size: cover;
  padding        : 160px 0 345px;
  color          : #fff;
  position       : relative;
  z-index        : 111;
}

.banner_sec .banner_heading span {
  font-family : 'my-font1';
  color       : #54c5ff;
  font-size   : 32px;
  display     : inline-block;
  padding-left: 33px;
  position    : relative;
  z-index     : 11;
}

.banner_sec .banner_heading h4 {
  text-transform: uppercase;
  font-weight   : 600;
  letter-spacing: 12px;
  margin-left   : 73px;
}

.banner_sec .banner_heading h1 {
  margin-bottom: 22px;
}

a.comon-btn2 {
  background    : #0071ab;
  color         : #fff;
  display       : inline-block;
  font-size     : 14px;
  padding       : 13px 0px;
  border-radius : 5px;
  width         : 16rem;
  text-align    : center;
/*   text-transform: uppercase; */
}

a.comon-btn2:hover {
  background: #121212;
  color     : #fff;
}
.blue_btn {
  width         : 13rem !important;
}
.white_btn {
  background: #fff !important;
  color     : #0071ab !important;
	 width         : 13rem !important;
  text-align    : center;
/*   text-transform: uppercase; */
}

.white_btn:hover {
  background: #121212 !important;
  color     : #ffffff !important;
}

/* HOME SEC 1 */
.home_sec1 .heading {
  position: relative;
  z-index : 11111;
}

.home_sec1 h6 {
  color        : #0071ab;
  margin-bottom: 5px;
  font-weight  : 600;
}

.home_sec1 .content img {
  width        : 80px;
  margin-bottom: 15px;
}

.home_sec1 .content_1 {
  border-right: 1px solid #a7a7a7;
}

.home_sec1 .content {
  padding-right: 15px;
}

.home_sec1 .content p {
  margin-bottom: 0;
}

.home_sec1 {
  background     : url(../image/home_sec1_bg.jpg) bottom no-repeat;
  background-size: cover;
  padding-top    : 395px;
  padding-bottom : 190px;
  margin-top     : -470px;
}

/* HOME SEC 2 */
.home_sec2 .btom_content {
  display    : flex;
  align-items: start;
}

.home_sec2 {
  background     : url(../image/home_sec2_bg.jpg) no-repeat center;
  background-size: cover;
  padding-bottom : 520px;
  color          : #fff;
}

/* HOME SEC 3 */
.home_sec3 .heading h3 {
  padding-right: 130px;
}

.home_sec3 h6 {
  color        : #0071ab;
  margin-bottom: 5px;
  font-weight  : 600;
}

.home_sec3 .content {
  background   : #f2f8fb;
  padding      : 22px;
  border-radius: 5px;
}

.home_sec3 .content img {
  width        : 95px;
  margin-bottom: 18px;
}

.home_sec3 .content p {
  margin-bottom: 6px;
}

.link-btn {
  text-transform: uppercase;
  font-size     : 14px;
  color         : #00acee;
}

.home_sec3 .content h6 {
  color        : #1d1c1c !important;
  margin-bottom: 5px;
}

.home_sec3 {
  background     : url(../image/home_sec3_bg.png) no-repeat bottom;
  background-size: cover;
  padding-bottom : 475px;
}

/* SEARCH SEC */
.search_sec {
  border-radius: 20px;
}

.search_sec .search_bar h3 {
  color      : #fff;
  font-weight: 500;
}

.search_sec .search_bar input {
  outline      : none;
  border       : none;
  padding      : 11px;
  width        : 100%;
  border-radius: 5px;
  background   : #ffffffba;
}

.search_sec .search_bar button {
  outline      : none;
  border       : none;
  padding      : 11px;
  width        : 50%;
  border-radius: 5px;
  background   : #ffffff;
  font-size    : 15px;
}

.search_sec .search_bar form {
  display: flex;
  gap    : 7px;
}

/* HOME SEC 4 */
.home_sec4 .white_btn {
  color: #000 !important;
}

.home_sec4 .white_btn:hover {
  color: #fff !important;
}

.home_sec4 {
  background     : url(../image/home_sec4.jpg) no-repeat bottom;
  background-size: cover;
  padding-top    : 440px;
  color          : #fff;
}

.home_sec4 .heading {
  display        : flex;
  align-items    : center;
  justify-content: space-between;
}

.home_sec4 .heading p {
  margin-bottom: 0;
}

/* TESTIMONIAl SEC */
.testimonial .test-mat img {
  width        : 35px !important;
  text-align   : end;
  margin-left  : auto !important;
  margin-bottom: 30px;
  display      : block;
}

.testimonial .test-mat ul {
  gap          : 6px;
  color        : #fe8a02;
  margin-bottom: 0;
}

.testimonial .test-mat {
  background   : #f7f7f9;
  padding      : 39px 20px;
  border-radius: 20px;
  height       : 100%;
  border       : 1px solid #5a6190;
}

.testimonial .owl-dots {
  display: none;
}

.testimonial .owl-nav img {
  width: 25px;
}

.testimonial .owl-nav {
  position: relative;
}

.testimonial .owl-prev {
  position: absolute;
  left    : -60px;
  top     : -220px;
}

.testimonial .owl-next {
  position: absolute;
  right   : -60px;
  top     : -220px;
}

.testimonial .test-mat p span {
  font-size    : 20px;
  font-style   : italic;
  line-height  : 34px;
  font-weight  : 400;
  margin-bottom: 7px;
  display      : inline-block;
}

/* CONTACT SEC */
.contact_us .contact_form {
  background   : #fff;
  border-radius: 10px;
  padding      : 39px 25px;
  box-shadow   : rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.contact_us .contact_form input {
  width        : 100%;
  padding      : 11px;
  outline      : none;
  border-radius: 4px;
  border       : 1px solid #919191;
}

.contact_us .contact_form input::placeholder {
  font-size: 16px;
  opacity  : 1;
}

.contact_us .contact_form textarea {
  width        : 100%;
  padding      : 11px;
  outline      : none;
  border-radius: 4px;
  border       : 1px solid #919191;
}

.contact_us .contact_form textarea::placeholder {
  font-size: 16px;
  opacity  : 1;
}

.contact_us .contact_form button {
  width        : 100%;
  padding      : 11px;
  border-radius: 4px;
  border       : 1px solid #0071ab;
  background   : #0071ab;
  color        : #fff;
  transition   : 0.8s;
}

.contact_us .contact_form button:hover {
  border    : 1px solid #000000;
  background: #000000;
  color     : #fff;
  transition: 0.8s;
}

.contact_us .heading h3 {
  margin-bottom: 18px;
}

.contact_us .heading p {
  margin-bottom: 10px;
}

.contact_us .heading ul li {
  font-size    : 17px;
  margin-bottom: 10px;
}

.contact_us .heading ul li a {
  color: #fff;
}

.contact_us .heading {
  padding-top: 36px;
}

.contact_us {
  background-position: bottom !important;
  margin-bottom      : 50px;
}

.contact_us .contact_form h3 {
  font-size: 42px;
}

.contact_us .heading h4 {
  text-transform: uppercase;
  font-weight   : 600;
  letter-spacing: 7px;
  margin-top    : 22px;
  font-size     : 20px;
}

.contact_us .heading h2 {
  font-size  : 60px;
  font-weight: 600;
  line-height: 48px;
}

/* FOOTER SEC */
footer .footer_content ul {
  display        : flex;
  justify-content: space-around;
  gap            : 42px;
  margin-bottom  : 30px;
}

footer .footer_content ul li a {
  color         : #000;
  font-size     : 15px;
  text-transform: uppercase;
  font-weight   : 400;
}

footer .footer_content img {
  width: 105px;

  margin-bottom: 24px;
}

.map {
  line-height: 0;
}

.map iframe {
  border-radius: 10px;
}

footer .ft_content {
  text-align   : start !important;
  margin-bottom: 20px;
}

footer .ft_content .location_cont {
  display      : flex;
  align-items  : center;
  gap          : 12px;
  font-size    : 16px;
  margin-bottom: 17px;
}

footer .ft_content .location_cont a {
  color      : #000;
  font-size  : 19px;
  font-family: 'my_font';
}

footer .ft_content .location_cont i {
  color    : #0071ab;
  font-size: 22px !important;
}

footer .ft_content .fa.fa-map-marker {
  font-size: 24px !important;
}

footer .social_icon {
  justify-content: start !important;
  font-size      : 17px;
  gap            : 8px !important;
  margin-bottom  : 20px !important;
}

footer .fa.fa-facebook {
  background     : #0079ed;
  width          : 39px;
  height         : 39px;
  display        : flex;
  justify-content: center;
  align-items    : center;
  border-radius  : 50%;
  color          : #fff;
}

footer .fa.fa-youtube-play {
  background     : #ff0014;
  width          : 39px;
  height         : 39px;
  display        : flex;
  justify-content: center;
  align-items    : center;
  border-radius  : 50%;
  color          : #fff;
}

.privacy_content {
  text-align: start;
  display   : flex;
  font-size : 15px;
  gap       : 20px;
}

.privacy_content a {
  color: #000;
}

.copy_right {
  display    : flex;
  align-items: center;
  gap        : 65px;
}

footer {
  padding: 80px 0 60px;
}

.footer_logo a img {
  width        : 255px;
  margin-bottom: 25px;
}

.footer_logo p {
  padding-right: 46px;
}

.copy_right p {
  font-size: 15px;
}

/* CONTACT PAGE */
#inner-banner {
  padding   : 210px 0 200px;
  text-align: center;
}

#inner-banner .breadcrumb a {
  color: #fff;
}

#inner-banner .breadcrumb-item.active {
  color: #fff;
}

#inner-banner .breadcrumb-item+.breadcrumb-item::before {
  float        : left;
  padding-right: .5rem;
  color        : #fff;
  content      : var(--bs-breadcrumb-divider, "/");
}

#inner-banner .breadcrumb {
  justify-content: center;
}

.contact_banner {
  background-size    : cover !important;
  background-repeat  : no-repeat !important;
  background-position: bottom !important;
}

.inner_heading h1 {
  color        : #fff;
  font-size    : 80px;
  margin-bottom: 10px;
}

.contact_us_sec .contact-form {
  background   : #e5e5e500;
  padding      : 53px 28px;
  border-radius: 10px;
  border       : 1px solid #0071ab;
}

.contact_us_sec .contact-form input {
  height       : 55px;
  border-radius: 9px;
  color        : #666666;
  border       : 1px solid #c1c1c1;
  box-shadow   : rgba(174, 174, 174, 0.21) 0px 0 15px 0px;
}

.contact_us_sec .contact-form textarea {
  border-radius: 9px;
  color        : #666666;
  border       : 1px solid #e2e2e2;
  box-shadow   : rgba(174, 174, 174, 0.21) 0px 0 15px 0px;
}

.contact_us_sec .contact-info-top h4 {
  color        : #171717;
  font-size    : 22px;
  margin-bottom: 12px;
}

.contact_us_sec .contact-form button {
  background: #0071ab;
  border    : 1px solid #0071ab;
  padding   : 14px 0px;
  outline   : none;
  cursor    : pointer;
  display   : inline-block;
  color     : #fff;

  text-transform: uppercase;
  border-radius : 5px;
  width         : 280px;
  transition    : all 0.5s ease-in-out;
}

.contact_us_sec .contact-form button:hover {
  background: initial;
  border    : 1px solid #0071ab;
  color     : #0071ab;
}

.contact_us_sec .contact-top {
  background: #fff;
  padding   : 33px 20px;
  width     : 100%;
  height    : 100%;
  border    : 1px solid #838383;
}

.contact_us_sec .contact-icon {
  position: relative;

}

.contact_us_sec .contact-info-top a {
  color    : #2f2f2f;
  font-size: 16px;

}

.contact_us_sec .contact-info-top p {
  color        : #2f2f2f;
  font-size    : 16px;
  line-height  : 27px;
  margin-bottom: 0;
}

.contact_us_sec .contact-icon i {
  width          : 70px;
  height         : 70px;
  margin         : 0 auto;
  border-radius  : 50%;
  display        : flex;
  align-items    : center;
  justify-content: center;
  font-size      : 35px;

}

.contact_us_sec .contact-left-el {
  margin-bottom: 23px;
  display      : flex;
  align-items  : center;
  background   : #f7f7f7;
}

.contact_us_sec .contact-left-el1 {
  margin-bottom: 26px;
  margin-top   : 30px;
  display      : flex;
  align-items  : flex-start;
}

.contact_us_sec .contact-left-el,
.contact-left-el1 a {

  color     : #777777;
  transition: all .3s ease-in-out;
}

.contact_us_sec .contact-icon {
  margin-bottom: 15px;
}

.contact_us_sec .contact-left {
  background: #fff;
  padding   : 35px 25px;
  width     : 100%;
  height    : 100%;
}

.contact_us_sec .contact-left-el,
.contact-left-el1 a:hover {
  color: #5ad2d2;
}

.map {
  line-height: 0;
}

.contact_sec1 .contact-top {
  background   : #fff0;
  padding      : 35px 15px;
  width        : 100%;
  height       : 100%;
  border       : 1px solid #0071ab;
  box-shadow   : 0 4px 16px #dedede;
  border-radius: 10px;
}

.contact_sec1 .contact-icon {
  position: relative;

}

.contact_sec1 .contact-info-top a {
  color    : #2f2f2f;
  font-size: 16px;

}

.contact_sec1 .contact-info-top p {
  color        : #2f2f2f;
  font-size    : 16px;
  line-height  : 27px;
  margin-bottom: 0;
}

.contact_sec1 .contact-icon i {
  width          : 60px;
  height         : 60px;
  margin         : 0 auto;
  border-radius  : 50%;
  display        : flex;
  align-items    : center;
  justify-content: center;
  color          : #fff;
  font-size      : 24px;
  background     : #0071ab;
  margin-bottom  : 15px;
}

.contact_sec1 .contact-top .contact-info-top h4 {
  margin-bottom : 12px;
  font-weight   : 500;
  font-size     : 23px;
  text-transform: capitalize;
}

.contact_sec1 .fa.fa-clock-o {
  font-size: 28px !important;
}

/* AREA SEC */
.area_banner {
  background-size    : cover !important;
  background-repeat  : no-repeat !important;
  background-position: bottom !important;
}

.area_sce1 .area-location {
  display: flex;
  gap    : 15px;
}

.area_sce1 .right_content ul li a i {
  font-size: 21px;
  color    : #3f9eef;
}

.area_sce1 .right_content ul li {
  margin-bottom: 24px;
  display      : inline-block;
  width        : 100%;
  padding      : 13px 0;
  border-radius: 5px;
  box-shadow   : rgba(151, 151, 151, 0.2) 0px 0px 13px 0px;
  transition   : all 0.6s;
}

.area_sce1 .right_content ul li:hover {
  background: #000;
  transition: all 0.6s;
}

.area_sce1 .right_content ul li:hover a {
  color     : #fff;
  transition: all 0.6s;
}

.area_sce1 {
  background: #ffffff;
}

.area_sce1 .right_content ul li a {
  display        : flex;
  align-items    : center;
  gap            : 8px;
  color          : #000000;
  justify-content: center;
  font-size      : 17px;
  font-weight    : 400;
}

.area_sce1 .area-location ul {
  margin-bottom: 0;
}

/* SERVICES PAGE */
.service_banner {
  background-size    : cover !important;
  background-repeat  : no-repeat !important;
  background-position: bottom !important;
}

.our_services .heading p span {
  font-size  : 20px;
  color      : #000;
  font-weight: 500;
}

.our_services .service-box {
  position  : relative;
  transition: 0.8s;
}

.our_services .service-box .content-box {
  position     : relative;
  width        : 90%;
  margin       : 0 auto;
  box-shadow   : 10px 7px 20px 0 rgb(167 165 165 / 29%);
  background   : #fff;
  border-radius: 10px;
  transform    : translate(0, 0);
  padding      : 20px 27px;
  transition   : 0.8s;
  margin-top   : -90px;
  height       : 100%;
  border       : 1px solid #0071ab;
}

.our_services .service-box .content-box a {
  color      : #0071ab;
  font-weight: 500;
  transition : 0.8s;
}

.our_services .service-box:hover a {
  transition: 0.8s;
  color     : #fff;
}

.our_services .service-box:hover p {
  transition: 1s;
  color     : #fff;
}

.our_services .service-box:hover .content-box {
  transition      : 0.8s;
  background-color: #0071ab;
  color           : #fff;
  border          : 1px solid #0071ab;
}

.our_services .service-box .img-box {
  transition   : 0.8s;
  box-shadow   : none;
  overflow     : hidden;
  border-radius: 10px;
}

.our_services .service-box .img-box img {
  transition: 0.8s;
  transform : scale(1);
}

.our_services .service-box:hover img {
  transform : scale(1.1);
  transition: 0.8s;
}

.our_services .service-box:hover .img-box {
  transition: 0.8s;
  box-shadow: 1px 5px 15px 5px rgba(0, 0, 0, 0.06);
}

/* INNER SERVICES SEC*/
.inner_service_sec2 {
  background: #efefef;
}

.inner_service_sec2 img,
.inner_service_sec3 img {
  border-radius: 10px;
}

.inner_service_sec4 {
  background     : url('../image/inner-service-bg.jpg') no-repeat center;
  background-size: cover;
}

.inner_service_sec4 .heading {
  padding         : 85px 20px;
  text-align      : center;
  background-color: #1c1c1c;
  color           : #fff;
}

.inner_service_sec4 {
  background     : url('../image/inner-service-bg.jpg') no-repeat center;
  background-size: cover;
}

.inner_service_sec4 .heading {
  padding         : 85px 20px;
  text-align      : center;
  background-color: #1c1c1c;
  color           : #fff;
}

/* ABOUT SEC */
.about_banner {
  background-size    : cover !important;
  background-repeat  : no-repeat !important;
  background-position: bottom !important;
}

.about_sec1 img {
  border-radius: 10px;
}

/* about_sec2 */
.about_sec2 .heading h2 {
  color: #000;
}

.about_sec2 img {
  border-radius: 8px;
}

.about_sec2 .quality-list {
  display       : flex;
  gap           : 70px;
  padding-bottom: 11px;
}

.about_sec2 .quality-list ul {
  margin: 0;
}

.about_sec2 .quality-list li {
  display      : flex;
  align-items  : center;
  margin-bottom: 20px;
  gap          : 8px;
}

.about_sec2 .quality-list ul li img {
  width: 24px;
}

.about_sec2 .quality-list ul li {
  font-size: 16px;
}

.about_sec2 {
  background: #f1f1f1;
}

/* ABOUT SEC 3 */
.about_sec3 {
  background: url(../image/about-bg2.png);
  color     : #ffffff;
  padding   : 105px 0;
}

.about_sec3 a.comon-btn:hover {
  background: #787878;
  color     : #fff;
}

/* INNER AREA PAGE */
.inner-area_banner {
  background-size    : cover !important;
  background-repeat  : no-repeat !important;
  background-position: bottom !important;
}

.inner-area-sec1 .heading {
  text-align: center;
}

.inner-area-sec1 .hd_info {
  justify-content: center;
}

.inner-area-contact {
  background: #0071ab;
  color     : #fff;
}

.inner-area-contact .contact-form {
  padding      : 40px 25px;
  border-radius: 8px;
  background   : #fff;
}

.inner-area-contact .contact-form .heading {
  text-align: center;
  color     : #000;
}

.inner-area-contact .contact-form form input {
  width        : 100%;
  padding      : 11px;
  outline      : none;
  border-radius: 4px;
  border       : 1px solid #919191;
}

.inner-area-contact .contact-form form input::placeholder {
  opacity  : 1;
  font-size: 16px;
}

.inner-area-contact .contact-form form textarea {
  width        : 100%;
  padding      : 11px;
  outline      : none;
  border-radius: 4px;
  border       : 1px solid #919191;
}

.inner-area-contact .contact-form form textarea::placeholder {
  opacity  : 1;
  font-size: 16px;
}

.inner-area-contact .contact-form form button {

  background    : #0071ab;
  color         : #fff;
  display       : inline-block;
  font-size     : 14px;
  padding       : 13px 0px;
  border-radius : 5px;
  width         : 100%;
  text-align    : center;
  text-transform: uppercase;
  border        : none;
  transition    : 0.5s;
}

.inner-area-contact .contact-form form button:hover {
  background: #121212;
  color     : #fff;
  transition: 0.5s;
}

.inner-area-service .heading {
  text-align: center;
}

.inner-area-service .heading p span {
  font-size  : 20px;
  color      : #000;
  font-weight: 500;
}

.inner-area-service .service-box {
  position  : relative;
  transition: 0.8s;
}

.inner-area-service .service-box .content-box {
  position     : relative;
  width        : 90%;
  margin       : 0 auto;
  box-shadow   : 10px 7px 20px 0 rgb(167 165 165 / 29%);
  background   : #fff;
  border-radius: 10px;
  transform    : translate(0, 0);
  padding      : 20px 27px;
  transition   : 0.8s;
  margin-top   : -90px;
  height       : 100%;
  border       : 1px solid #0071ab;
}

.inner-area-service .service-box .content-box a {
  color      : #0071ab;
  font-weight: 500;
  transition : 0.8s;
}

.inner-area-service .service-box:hover a {
  transition: 0.8s;
  color     : #fff;
}

.inner-area-service .service-box:hover p {
  transition: 1s;
  color     : #fff;
}

.inner-area-service .service-box:hover .content-box {
  transition      : 0.8s;
  background-color: #0071ab;
  color           : #fff;
  border          : 1px solid #0071ab;
}

.inner-area-service .service-box .img-box {
  transition   : 0.8s;
  box-shadow   : none;
  overflow     : hidden;
  border-radius: 10px;
}

.inner-area-service .service-box .img-box img {
  transition: 0.8s;
  transform : scale(1);
}

.inner-area-service .service-box:hover img {
  transform : scale(1.1);
  transition: 0.8s;
}

.inner-area-service .service-box:hover .img-box {
  transition: 0.8s;
  box-shadow: 1px 5px 15px 5px rgba(0, 0, 0, 0.06);
}

.inner-area-sec2 img {
  border-radius: 8px;
}

.inner-area-sec3 .blue-bg {
  background   : #0071ab;
  color        : #fff;
  padding      : 40px 25px;
  border-radius: 8px;
}

.inner-area-sec3 .contact-info {
  display       : flex;
  flex-direction: column;
  gap           : 15px;
}

.inner-area-sec3 .contact-info span a {
  color: #fff;
}

/* FAQ PAGE */
.faqs .accordion-button:not(.collapsed)::after {
  background-image: url('../image/minus.png');
}

.faqs .accordion-button::after {
  flex-shrink      : 0;
  margin-left      : auto;
  content          : "";
  background-image : url('../image/plus.png');
  background-repeat: no-repeat;
}

.faqs .accordion-button {
  position       : relative;
  display        : flex;
  align-items    : center;
  width          : 100%;
  font-size      : 1rem;
  color          : #000 !important;
  text-align     : left;
  border         : 0;
  border-radius  : 0;
  overflow-anchor: none;
}

.faqs button:focus:not(:focus-visible) {
  outline   : none;
  box-shadow: none;
}

.faqs .accordion-item {
  background-color: #fff;
  border          : 1px solid rgba(0, 0, 0, 0.125);
  margin-bottom   : 9px;
}

.faqs .accordion-button:not(.collapsed) {
  color           : #000000 !important;
  background-color: #c7e0eb;
  box-shadow      : inset 0 -1px 0 rgba(0, 0, 0, 0.125);
}
/* BLOG SEC */
.blog {
  overflow: hidden;
}

.blog .sidebar {
  padding: 30px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}

.meta-top ul {
  display: flex;
  align-items: center;
  gap: 25px;
}

.meta-top {
  border-bottom: 1px solid #c9c9c96e;
}

.meta-top ul li a {
  color: #000;
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 10px;
  color: #5f656f;
  font-size: 15px;
  border-right: 1px solid #c9c9c96e;
  padding-right: 14px;
}

.meta-top ul li a i {
  color: #0071ab;
}

.blog .sidebar .sidebar-title {
  font-size: 20px;
  font-weight: 700;
  padding: 0;
  margin: 0;
  color: var(--color-default);
}

.blog .sidebar .sidebar-item+.sidebar-item {
  margin-top: 20px;
}

.blog .sidebar .search-form form {
  background: #fff;
  border: 1px solid rgba(34, 34, 34, 0.3);
  padding: 5px 10px;
  position: relative;
  border-radius: 50px;
}

.blog .sidebar .search-form form input[type="text"] {
  border: 0;
  padding: 4px;
  border-radius: 50px;
  width: calc(100% - 60px);
}

.blog .sidebar .search-form form input[type="text"]:focus {
  outline: none;
}

.blog .sidebar .search-form form button {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border: 0;
  background: none;
  font-size: 16px;
  padding: 0 15px;
  margin: -1px;
  background: #1e1e1e;
  color: #fff;
  transition: 0.3s;
  border-radius: 0px 50px 50px 0px;
  line-height: 0;
}

.blog .sidebar .search-form form button i {
  line-height: 0;
}

.blog .sidebar .search-form form button:hover {
  background: #ffb500;
  color: #000;
}

.blog .sidebar .categories ul {
  list-style: none;
  padding: 0;
}

.blog .sidebar .categories ul li+li {
  padding-top: 10px;
}

.blog .sidebar .categories ul a {
  color: var(--color-default);
  transition: 0.3s;
}

.blog .sidebar .categories ul a:hover {
  color: var(--color-primary);
}

.blog .sidebar .categories ul a span {
  padding-left: 5px;
  color: rgba(34, 34, 34, 0.4);
  font-size: 14px;
}

.blog .sidebar .recent-posts .post-item+.post-item {
  margin-top: 15px;
}

.blog .sidebar .recent-posts h4 {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 6px;
  line-height: 23px;
}

.blog .sidebar .recent-posts h4 a {
  color: var(--color-default);
  transition: 0.3s;
}

.blog .sidebar .recent-posts h4 a:hover {
  color: var(--color-primary);
}

.blog .sidebar .recent-posts time {
  display: block;
  font-style: italic;
  font-size: 14px;
  color: rgba(34, 34, 34, 0.4);
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.blog .sidebar .tags {
  margin-bottom: -10px;
}

.blog .sidebar .tags ul {
  list-style: none;
  padding: 0;
}

.blog .sidebar .tags ul li {
  display: inline-block;
}

.blog .sidebar .tags ul a {
  color: #555555;
  font-size: 14px;
  padding: 6px 20px;
  margin: 0 6px 8px 0;
  border: 1px solid #d5d5d5;
  display: inline-block;
  transition: 0.3s;
  border-radius: 50px;
}

.blog .sidebar .tags ul a:hover {
  color: #fff;
  border: 1px solid var(--color-primary);
  background: var(--color-primary);
}

.blog .sidebar .tags ul a span {
  padding-left: 5px;
  color: rgba(85, 85, 85, 0.8);
  font-size: 14px;
}

.follow_icons ul li a {
  color: #fff !important;
  background-color: #3bc1c7;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  padding: 19px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 5px;
}

.follow_icons ul {
  list-style: none;
}

#blog .content a {
  color: #000;
}

.blog-details h3 {
  margin-top: 20px;
}

.content a.read_more {
  color: #0071ab !important;
  text-transform: uppercase;
  font-weight: 500;
  transition: all 0.8s;
}

.content a.read_more:hover {
  letter-spacing: 3px;
}

.content a.read_more i {
  font-size: 20px;
}

.post-img {
  position: relative;
}

.time_year {
  position: absolute;
  top: 25px;
  left: 25px;
}

.time_year span {
  background-color: #0071ab;
  color: #fff;
  text-transform: uppercase;
  font-size: 24px;
  padding: 10px 20px;
  display: inline-block;
  text-align: center;
  line-height: 25px;
}

.contact_form label {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 18px;
  margin-bottom: 10px;
  color: #575757;
}

.list_item.text-center img {
  margin-bottom: 20px;
  border-radius: 38px;
}

.blog_sec .button1:hover {
  background-color: #0071ab !important;
  color: #fff !important;
}

.recipes_sec .button1:hover {
  background-color: #fff !important;
  color: #000;
}
/* BLOG SEC */
.blog {
  overflow: hidden;
}

.blog .sidebar {
  padding: 30px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}

.meta-top ul {
  display: flex;
  align-items: center;
  gap: 25px;
}

.meta-top {
  border-bottom: 1px solid #c9c9c96e;
}

.meta-top ul li a {
  color: #000;
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 10px;
  color: #5f656f;
  font-size: 15px;
  border-right: 1px solid #c9c9c96e;
  padding-right: 14px;
}

.meta-top ul li a i {
  color: #0071ab;
}

.blog .sidebar .sidebar-title {
  font-size: 20px;
  font-weight: 700;
  padding: 0;
  margin: 0;
  color: var(--color-default);
}

.blog .sidebar .sidebar-item+.sidebar-item {
  margin-top: 20px;
}

.blog .sidebar .search-form form {
  background: #fff;
  border: 1px solid rgba(34, 34, 34, 0.3);
  padding: 5px 10px;
  position: relative;
  border-radius: 50px;
}

.blog .sidebar .search-form form input[type="text"] {
  border: 0;
  padding: 4px;
  border-radius: 50px;
  width: calc(100% - 60px);
}

.blog .sidebar .search-form form input[type="text"]:focus {
  outline: none;
}

.blog .sidebar .search-form form button {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border: 0;
  background: none;
  font-size: 16px;
  padding: 0 15px;
  margin: -1px;
  background: #1e1e1e;
  color: #fff;
  transition: 0.3s;
  border-radius: 0px 50px 50px 0px;
  line-height: 0;
}

.blog .sidebar .search-form form button i {
  line-height: 0;
}

.blog .sidebar .search-form form button:hover {
  background: #ffb500;
  color: #000;
}

.blog .sidebar .categories ul {
  list-style: none;
  padding: 0;
}

.blog .sidebar .categories ul li+li {
  padding-top: 10px;
}

.blog .sidebar .categories ul a {
  color: var(--color-default);
  transition: 0.3s;
}

.blog .sidebar .categories ul a:hover {
  color: var(--color-primary);
}

.blog .sidebar .categories ul a span {
  padding-left: 5px;
  color: rgba(34, 34, 34, 0.4);
  font-size: 14px;
}

.blog .sidebar .recent-posts .post-item+.post-item {
  margin-top: 15px;
}

.blog .sidebar .recent-posts h4 {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 6px;
  line-height: 23px;
}

.blog .sidebar .recent-posts h4 a {
  color: var(--color-default);
  transition: 0.3s;
}

.blog .sidebar .recent-posts h4 a:hover {
  color: var(--color-primary);
}

.blog .sidebar .recent-posts time {
  display: block;
  font-style: italic;
  font-size: 14px;
  color: rgba(34, 34, 34, 0.4);
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.blog .sidebar .tags {
  margin-bottom: -10px;
}

.blog .sidebar .tags ul {
  list-style: none;
  padding: 0;
}

.blog .sidebar .tags ul li {
  display: inline-block;
}

.blog .sidebar .tags ul a {
  color: #555555;
  font-size: 14px;
  padding: 6px 20px;
  margin: 0 6px 8px 0;
  border: 1px solid #d5d5d5;
  display: inline-block;
  transition: 0.3s;
  border-radius: 50px;
}

.blog .sidebar .tags ul a:hover {
  color: #fff;
  border: 1px solid var(--color-primary);
  background: var(--color-primary);
}

.blog .sidebar .tags ul a span {
  padding-left: 5px;
  color: rgba(85, 85, 85, 0.8);
  font-size: 14px;
}

.follow_icons ul li a {
  color: #fff !important;
  background-color: #3bc1c7;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  padding: 19px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 5px;
}

.follow_icons ul {
  list-style: none;
}

#blog .content a {
  color: #000;
}

.blog-details h3 {
  margin-top: 20px;
}

.content a.read_more {
  color: #0071ab !important;
  text-transform: uppercase;
  font-weight: 500;
  transition: all 0.8s;
}

.content a.read_more:hover {
  letter-spacing: 3px;
}

.content a.read_more i {
  font-size: 20px;
}

.post-img {
  position: relative;
}

.time_year {
  position: absolute;
  top: 25px;
  left: 25px;
}

.time_year span {
  background-color: #0071ab;
  color: #fff;
  text-transform: uppercase;
  font-size: 24px;
  padding: 10px 20px;
  display: inline-block;
  text-align: center;
  line-height: 25px;
}

.contact_form label {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 18px;
  margin-bottom: 10px;
  color: #575757;
}

.list_item.text-center img {
  margin-bottom: 20px;
  border-radius: 38px;
}

.blog_sec .button1:hover {
  background-color: #0071ab !important;
  color: #fff !important;
}

.recipes_sec .button1:hover {
  background-color: #fff !important;
  color: #000;
}

/* BLOG */
.blog-details {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.meta-top {
  padding: 0px 20px;
  padding-bottom: 10px;
}

#blog .content {
  padding: 0px 20px;
}

.sidebar-item.search-form {
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 30px;
}

.content .button1 {
  color: #fff !important;
  width: 150px;
}

.inner_from textarea {
  width: 100%;
  padding: 20px;
  outline: none;
  border: 1px solid #d1d1d1;
}

.inner_from input {
  width: 100%;
  padding: 14px 20px;
  outline: none;
  border: 1px solid #d1d1d1;
}

.comment-form-cookies-consent input {
  width: 18px;
  height: 20px;
}

.comment-form-cookies-consent label {
  margin-left: 10px;
}

.inner_from {
  margin-top: 30px;
  border-top: 1px solid #d3d3d3;
  padding-top: 30px;
}

.post_btn {
  background: #0071ab;
  color: #fff;
  display: inline-block;
  font-size: 16px;
  padding: 11px 0px;
  margin: 0;
  border-radius: 50px;
  width: 14rem;
  text-align: center;
  border: none;
  transition: all 0.7s;
}

.post_btn:hover {
  background-color: #000;
}

.blog-details {
  margin-bottom: 50px;
}

.shop_item p span {
  text-decoration: line-through;
  color: #555555;
  font-size: 17px;
}

.shop_item p {
  margin-bottom: 0px;
}

#our_shop_sec .shop_item h6 a {
  text-align: center;
  font-size: 20px;
  line-height: 28px;
  font-weight: 400;
  margin-bottom: 10px;
  margin-top: 20px;
  color: #000;
  display: block;
  min-height: 75px;
}


.time_year p {
  margin-bottom: 0;
}



/* new css */


.services_sec h6 {
    font-weight: 400;
    font-size: 17px;
}

.services_sec .content {
    position: relative;
    transition: 0.8s;
    overflow: hidden;
    border-radius: 10px;
}

.services_sec .content .btom_content {
    text-align: center;
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    padding: 0 22px;
}

.services_sec .content img {
    transform: scale(1);
    transition: 0.8s;
}

.services_sec .content:hover img {
    transform: scale(1.1);
    transition: 0.8s;
}

.banner_sec img {
    width: 466px;
    margin-bottom: 15px;
}
.banner_sec .banner_heading span {
    font-family: 'my-font1';
    color: #54c5ff;
    font-size: 32px;
    display: block;
    padding-left: 33px;
    position: relative;
    z-index: 11;
    bottom: -50px;
}
@media screen and (max-width: 992px) {
.banner_sec img {
    width: 100%;
    margin-bottom: 15px;
}
}
/* new css */


.services_sec h6 {
    font-weight: 400;
    font-size: 17px;
}

.services_sec .content {
    position: relative;
    transition: 0.8s;
    overflow: hidden;
    border-radius: 10px;
}

.services_sec .content .btom_content {
    text-align: center;
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    padding: 0 22px;
}

.services_sec .content img {
    transform: scale(1);
    transition: 0.8s;
}

.services_sec .content:hover img {
    transform: scale(1.1);
    transition: 0.8s;
}




.home-sec2 .product-box .img-box{
    position: relative;
    border: 1px solid #ced4da;
    border-radius: 15px;
    overflow: hidden;
    transition: 1s;
    margin-bottom: 15px;
  }
  .home-sec2 .product-box .img-box img{  
    transition: 0.4s;
  }
  .home-sec2 .product-box .img-box .hide {
	opacity: 1;
	transition: 0.4s;
	position: absolute;
	top: 0px;
	visibility: hidden;
	filter: grayscale(1);
}
  .home-sec2 .product-box .img-box .show{
   opacity: 1;
   transition: 0.4s;
   visibility: visible;
  }
  .home-sec2 .product-box:hover .show{
  opacity: 0;
    transition: 0.4s;
    visibility: hidden;
  }
  .home-sec2 .product-box:hover .hide{
   opacity: 1;
   transition: 0.4s;
   visibility: visible;
  }
  .home-sec2 .product-box .img-box p {
      color: #fff;
      background-color: #ff3155;
      width: 90px;
      text-align: center;
      border-radius: 5px;
      padding: 4px 0px;
      font-size: 14px;
      position: absolute;
      top: 0;
  }
  .home-sec2 h4 {
      font-size: 26px;
  }
  .home-sec2 h4 span{
    font-size: 18px;
    color: #c1c0bd;
  }
  .home-sec2 h5 {
      margin-bottom: 15px;
      font-weight: 400;
      font-size: 19px;
  }
  .home-sec2 .product-box .comon-btn{
    width: 100%;
  }
  .home-sec2 a.comon-btn:hover{
    background-color: #121212;
  }
  .home-sec2 .buynow {
      position: absolute;
      top: 0;
      right: -66px;
      padding: 14px 23px;
      /* border: 1px solid #f1f1f1; */
      width: 66px;
      height: 66px;
      font-size: 20px;
      transition: 0.3s;
      opacity: 0;
      background-color: #4a753a;
  }
  .home-sec2 a .buynow i{
    color: #ffffff;
  }
  .home-sec2 .product-box:hover .buynow {
    opacity: 1;
    right: 0;
    transition: 0.6s;
  }






  /* 09-01-2024 */

  #myModal .close-btn {
    position: absolute;
    top: 0;
    right: 0;
    background-color: transparent;
    border: none;
    font-size: 25px;
    
}

#myModal{
    z-index: 999999999999999999999999999999999;
}
.modal-open {
	padding: 0px !important;
	overflow-x: hidden !important;
}
#myModal .modal-body {
	position: relative;
	flex: 1 1 auto;
	padding: 0;
}

#myModal .content {
	background: #000;
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 25px;
	color: #fff;
	font-weight: 600;
}

#myModal .content h4{
    font-weight: 600;
    text-transform: uppercase;
}




.banner_sec img {
	width: 466px;
	margin-bottom: 15px;
}
.banner_sec .banner_heading span {
	font-family: 'my-font1';
	color: #54c5ff;
	font-size: 32px;
	display: block;
	padding-left: 33px;
	position: relative;
	z-index: 11;
	bottom: -50px;
}
@media screen and (max-width: 992px) {
.banner_sec img {
	width: 100%;
	margin-bottom: 15px;
}
}


/* ***** */

.contact_us .heading .top_img img {
    width: 415px;
    margin: 0 auto;
    margin-bottom: 15px;
}

.contact_us .heading {
    padding-top: 0;
}

.contact_us {
    background-position: bottom !important;
    margin-bottom: 50px;
    padding-top: 0;
}

@media screen and (max-width: 767px) {
    .contact_us .heading .top_img img {
        width: 203px;
        margin: 0 auto;
        margin-bottom: 15px;
    }
}