@font-face {
  font-family: "Poppins-Black";
  src: url("../fonts/Poppins-Black.ttf");
}

@font-face {
  font-family: "Poppins-Bold";
  src: url("../fonts/Poppins-Bold.ttf");
}

@font-face {
  font-family: "Poppins-ExtraBold";
  src: url("../fonts/Poppins-ExtraBold.ttf");
}

@font-face {
  font-family: "BurpPoppins-ExtraLight";
  src: url("../fonts/Poppins-ExtraLight.ttf");
}

@font-face {
  font-family: "Poppins-Light";
  src: url("../fonts/Poppins-Light.ttf");
}
@font-face {
  font-family: "Poppins-Medium";
  src: url("../fonts/Poppins-Medium.ttf");
}
@font-face {
  font-family: "Poppins-Regular";
  src: url("../fonts/Poppins-Regular.ttf");
}
@font-face {
  font-family: "Poppins-SemiBold";
  src: url("../fonts/Poppins-SemiBold.ttf");
}
@font-face {
  font-family: "Poppins-Thin";
  src: url("../fonts/Poppins-Thin.ttf");
}
@font-face {
  font-family: "Burpee-Medium";
  src: url("../fonts/Burpee-Medium.otf");
}

@font-face {
  font-family: "Burpee-Black";
  src: url("../fonts/Burpee-Black.otf");
}

@font-face {
  font-family: "Burpee-Light";
  src: url("../fonts/Burpee-Light.otf");
}

@font-face {
  font-family: "Burpee-Regular";
  src: url("../fonts/Burpee-Regular.otf");
}

@font-face {
  font-family: "Burpee-Thin";
  src: url("../fonts/Burpee-Thin.otf");
}

/* global css start */
:root {
  --peb: "Poppins-ExtraBold";
  --psb: "Poppins-SemiBold";
  --pm: "Poppins-Medium";
  --pb: "Poppins-Black";
  --pel: "Poppins-ExtraLight";
  --pl: "Poppins-Light";
  --pr: "Poppins-Regular";
  --pt: "Poppins-Thin";
  --bm: "Burpee-Medium";
  --bb: "Burpee-Black";
  --bl: "Burpee-Light";
  --br: "Burpee-Regular";
  --bt: "Burpee-Thin";
  --white: #ffffff;
  --black: #000000;
  --black-65: #00000050;
  --primary: #28666e;
  --secondary: #033f63;
  --primary-30: rgba(3, 62, 99, 0.30);
  --secondary-80: rgba(3, 62, 99, 0.80);
  --warning-light: #fedc97;
  --success: #b5b682;
  --grey: #333333;


  --global-palette1: #ffd863;
  --global-palette2: #222222;
  --global-palette3: #222222;
  --global-palette4: #666666;
  --global-palette5: #757575;
  --global-palette6: #848484;
  --global-palette7: #f7f7f7;
  --global-palette8: #faf8f2;
  --global-palette9: #ffffff;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  color: var(--black);
  font-family: var(--pr);
  background-color: var(--white);
}


ul li {
  list-style-type: none;
}

a {
  text-decoration: none;
}


/* global css end */
.collapse{visibility: visible !important;}
/* font media query start */
@media only screen and (max-width: 1370px) {
  html {
    font-size: 15px;
  }
}

@media only screen and (max-width: 992px) {
  html {
    font-size: 14px;
  }
}

@media only screen and (max-width: 768px) {
  html {
    font-size: 13px;
  }
}

.max-width {
  max-width: 1400px;
}

/* font media query start end */


/* CSS Start Here */
.loader{position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); background: var(--global-palette5); width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; z-index: 9999;}
.loader .lottie-animation {width: 200px; height: 200px; color: var(--secondary);}
.btn-floating{ position: fixed; border-radius: 100px; z-index: 10; width: 50px; height: 50px;  overflow: hidden; transition: all .5s ease-in-out;}
.btn-floating a{display: flex; align-items: center; justify-content: center; width: 100%;}
.btn-floating:hover a{justify-content: space-between;}
.btn-floating.to-top{ bottom: 20px; right: 20px;  background: var(--secondary); display: none;}
.btn-floating.to-top:hover{display: block;}
.btn-floating.to-top i{ color: var(--white);}
.btn-floating span { font-size: 16px; margin-left: 5px; transition: .2s; line-height: 0px; display: none; color: var(--white); font-family: var(--psb); }
.btn-floating i { color: var(--white);}
.btn-floating:hover i { width: 25px;}
.btn-floating:hover span {display: inline-block; }
.btn-floating.phone,
.btn-floating.whatsapp{top: 200px; right: 0; transform: translate(0%, 50%); border-top-right-radius: 0; border-bottom-right-radius: 0;}
.btn-floating.phone { background-color: #760f10;  }
.btn-floating.whatsapp {top: 260px; background-color: #34af23; }
.btn-floating.phone i{font-size: 1.3rem;}
.btn-floating.whatsapp i{font-size: 2rem;}
.btn-floating.phone:hover,
.btn-floating.whatsapp:hover { width: 225px; padding: 0 20px; cursor: pointer; display: flex; align-items: center; flex-direction: row-reverse; gap: 10px; }
.btn-floating.phone:hover { background-color: #c03421; }
.btn-floating.whatsapp:hover { background-color: #1f7a12 }
/* ============ desktop view ============ */
.header{
  background: url('/images/banner2.jpg') no-repeat center center/cover;
  height: 600px;
  position: relative;
  background-attachment: fixed;
  overflow: hidden;
}
.header .slider-bg::before{
  content: '';
  width: 100%;
  height: 100%;
  background-color: var(--primary-30);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.header .carousel-control-prev,
.header .carousel-control-next{height: fit-content; top: 50%;}
.header .carousel .slider-bg img{height: 600px; object-fit: cover;}
/* .no-home{height: auto;} */
.header .slider-banner{ position: absolute; z-index: 3; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; display: flex; justify-content: space-between; flex-direction: column; height: 450px; }
.banner-content{ width: calc(max(60%, 100% - 80px)); margin: auto;}
.banner-content .main-banner-heading{font-size: 1.5rem; color: var(--warning-light); text-align: center;  font-family: var(--psb);}
.banner-content .main-para-desc{font-size: 3.5rem;  color: var(--warning-light); text-align: center;  font-family: var(--bb);}

/* .banner-service{ position: absolute; bottom: 5%; left: 50%; transform: translate(-50%,0%); width: calc(max(60%, 100% - 80px)); z-index: 2; margin: auto;} */
.banner-service .service-icon{ background-color: var(--white); padding: 1rem; border-radius: 50%; transition: filter 0.5s ease-in-out;}
.banner-service .service-icon img{width: 2rem; height: 2rem; transition: filter 0.5s ease-in-out;}
.banner-service .service-link{color: var(--warning-light); font-family: var(--pm);}
.banner-service .service-heading{ font-size: 1rem; text-align: center; }
.banner-service .service-link:hover .service-icon{background: var(--secondary);}
.banner-service .service-link:hover .service-icon img{ filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(1%) hue-rotate(98deg) brightness(105%) contrast(101%);}

/* .explore-service .main-slider{width: 84%;} */
/* .explore-service .text__content{ display: flex; justify-content: center; flex-direction: column; padding: 1rem 2rem ; width: 250px; min-width: 250px; background-color: #f5f5f5; } */
.explore-service .title{ line-height: 50px; color: var(--secondary); font-family: var(--bm), sans-serif; font-size: 35px; font-weight: 700; margin: 0;}
.explore-service .explore-service-wrapper .swiper-slide{width: 400px !important; height: 140px;}
.explore-service .explore-service-wrapper .slider-content{ height: 100%;}
.explore-service .explore-service-wrapper .slider-content .slider-img{ height: 100%;}
.explore-service .explore-service-wrapper .slider-content .slider-img img{ height: 100%; border-radius: 8px;}
/* .explore-service .explore-service-wrapper .swiper-wrapper{gap: 60px;} */
/* .explore-service .explore-service-wrapper .swiper-slide:last-child{margin-right: 4rem;} */

.slider-wrapper .swiper { width: 100%; height: 100%; min-height: 322px; padding-right: 20px; }
.slider-wrapper .swiper-slide { border-radius: 8px; min-height: auto !important; text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center; height: auto; }
.slider-wrapper .slider-heading{font-size: 2rem; text-align: left; font-family: var(--psb); line-height: 2rem; color: var(--secondary);}
.slider-wrapper .slider-para{font-size: 1rem; text-align: left; font-family: var(--pm); line-height: 2rem; margin-bottom: 2.5rem;}
.slider-wrapper .main-slider{position: relative;}
.slider-wrapper .main-slider .slider-content{width: 100%; height: 100%; border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px; }
.slider-wrapper .main-slider .slider-img{overflow: hidden; text-align: center;}
.slider-wrapper .main-slider .slider-img img{width: 100%; height: 200px; border-radius: 8px 8px 0 0; transition: transform 0.5s ease-in-out;}
.slider-wrapper .main-slider .slider-content a{ height: 100%; display: flex; flex-direction: column; justify-content: space-between;}
.slider-wrapper .main-slider .slider-content a:hover .slider-img img{transform: scale(1.5) rotate(15deg);}
.slider-wrapper .main-slider .slider-content a:hover{color: var(--secondary);}
.slider-wrapper .main-slider .slider-content a:hover .slider-content-head{ font-family: var(--psb);}
.slider-wrapper .main-slider .slider-content-head{padding: 1.4rem 3rem; font-size: 0.9rem; font-family: var(--pm);}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{content: '\21A3';}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{content: '\21A2'}
/* .slider-wrapper .swiper-pagination{ display: flex; align-items: center; justify-content: center; gap: 7px; position: absolute; bottom: auto; right: 10px; left: auto; top: -20px; background: #fff; width: fit-content;} */
.slider-wrapper .swiper-pagination .swiper-pagination-bullet{ width: 10px; height: 10px; }
.slider-wrapper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: var(--secondary); }
.slider-wrapper .swiper-button-next{top: 0; left: auto; right: 0px; transform: translate(-50%, -50%); background: var(--secondary); width: 30px; height: 30px; border-radius: 50%; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.slider-wrapper .swiper-button-prev{top: 0; right: auto; left: 20px; transform: translate(-50%, -50%); background: var(--secondary); width: 30px; height: 30px; border-radius: 50%; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; }
.slider-wrapper .swiper-button-prev:after,
.slider-wrapper .swiper-button-next:after{font-size: 0.9rem !important; font-weight: 900; color: var(--white);}
/* ************team********** */
.team {overflow: hidden;}
.team.section-padding { padding: 0 0 3.5rem 0; }
.team .flex-center { display: flex; flex-direction: row; justify-content: center; align-items: center; }
.team .section-title { text-align: start; margin-bottom: 1rem;  }
.team .section-title h2 { font-family: var(--psb); font-size: 38px; line-height: 1.3rem;color: var(--secondary); letter-spacing: 0.3px; display: inline; position: relative; }
.team .section-title h5 { max-width: 600px; color: var(--black); font-size: 1.5rem; font-family: var(--pm); margin-bottom: 0.8rem; text-transform: uppercase; letter-spacing: 0.7px; margin: 0;}
.team .team-members { transform: rotate(-45deg); }
.team .team-members li > div { float: left; width: 20%; }
.team .member-details *,
.team .member-details > div:after { cursor: pointer; transition: all .4s ease; }
.team .member-details > div { background-color: #ddd; margin: 0.4rem; }
.team .member-details > div { position: relative; overflow: hidden; }
.team .member-details img { transform: rotate(45deg) translate(0, 15px) scale(1.7); display: block; width: 100%; height: 100%; }
.team .member-info { position: absolute; top: 19%; transform: rotate(45deg) translate(10px, 15px); left: 0; right: 0; z-index: 2; text-align: center; }
.team .member-info h3, 
.team .member-info p { margin: 0; color: var(--white); position: relative; opacity: 0; visibility: hidden; }
.team .member-info h3 { text-transform: uppercase; font-size: 0.9rem; font-weight: 400; top: -100px; }
.team .member-info p { font-weight: 300; font-size: 0.8rem; bottom: -150px; }
.team .member-details > div:after { content: ''; background: var(--black-65); position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; opacity: 0; visibility: hidden; }
.team .team-members li:nth-child(2) > div:first-child { margin-left: 20%; }
.team .team-members li:last-child > div:first-child {margin-left: 40%; }
.team .member-details:hover *, 
.team .member-details:hover > div:after { opacity: 1; visibility: visible;}
.team .member-details:hover .member-info h3 { top: 0; }
.team .member-details:hover .member-info p { bottom: 0; }
/* ************team end********** */



/**************************************
 * Blog Section Style
 *************************************/

.blog-area.section-padding { padding: 0 0 3.5rem 0; }
.section-title { text-align: center; margin-bottom: 1rem; margin-top: 3.5rem; }
.section-title h2 { font-family: var(--psb); font-size: 38px; line-height: 1.8rem; color: var(--secondary); letter-spacing: 0.3px; display: inline; position: relative; }
.section-title h5 { max-width: 600px; color: var(--black); font-size: 1.5rem; font-family: var(--pm); margin-bottom: 0.8rem; text-transform: uppercase; letter-spacing: 0.7px; margin: 1rem auto;}
.blog-area .blog-link{display: inline-block; height: 100%;}
.blog-area .blog-link .card{height: 100%;}
.blog-area .blog-img { position: relative; overflow: hidden; }
.blog-area .card .card-img { transition: transform 0.5s ease-in-out; width: 416px; height: 265px; object-fit: cover;}
.blog-area .card {overflow: hidden;  background: var(--white); border-radius: 3px; margin-top: 30px; -webkit-box-shadow: 0px 5px 30px 0px rgb(148 146 245 / 15%); box-shadow: 0px 5px 30px 0px rgb(148 146 245 / 15%); border: unset; transition: all .5s ease-in-out; }
.blog-area .card:hover { background: var(--secondary); transition: transform 3s; transform-style: preserve-3d; transition: all .3s ease-in-out; }
.blog-area .card:hover .card-title { color: var(--warning-light); text-decoration: underline; margin-bottom: 0.3rem; font-size: 1.3rem; font-weight: 800; line-height: 27px; }
.blog-area .card .card-body,
.blog-area .card .card-title,
.blog-area .card .blog-text p,
.blog-area .card .blog-bottom-text-link span{transition: all 0.5s ease-in-out;}
.blog-area .card:hover .blog-text p,
.blog-area .card:hover .blog-bottom-text-link span{color: var(--white);}
.blog-area .card img:hover { transform: scale(1.1); }
.blog-area .card p{ padding: 0; margin: 0; font-size: 0.9rem; color: var(--grey);  line-height: 1.5rem; letter-spacing: 0.2px; font-family: var(--pr) }
.blog-area .blog-bottom-text-link { display: flex; justify-content: space-between; margin-top: 15px; }
.blog-area .blog-bottom-text-link .date { position: absolute; top: 0px; background: var(--secondary); padding: 10px; color: var(--white); }
.blog-area .blog-bottom-text-link span { font-size: 1rem; color: var(--grey); font-family: var(--pm); }
.blog-area .single-blog { position: relative; background: var(--white); border-radius: 3px; margin-top: 30px; -webkit-box-shadow: 0px 5px 30px 0px rgba(148, 146, 245, 0.15); box-shadow: 0px 5px 30px 0px rgba(148, 146, 245, 0.15); overflow: hidden; }
.blog-area .single-blog img { -webkit-transition: all .5s; transition: all .5s ease-in-out; width: 100%; }
.blog-area .single-blog:hover img { -webkit-filter: none; filter: none; -webkit-transform: rotate(3deg) scale(1.1, 1.1); -ms-transform: rotate(3deg) scale(1.1, 1.1); transform: rotate(3deg) scale(1.1, 1.1); }
.blog-area .single-blog .blog-content { padding: 2rem 1.5rem; }
.blog-area .single-blog .blog-content h3 a { font-size: 1.3rem; font-family: var(--pm); color: var(--black); margin-bottom: 10px; display: block; }
.blog-area .single-blog .blog-content h3 a:hover { color: var(--secondary); text-decoration: underline !important; }
.blog-area .single-blog .blog-content .blog-text p { color: var(--black); }
.blog-area .single-blog .blog-content .blog-bottom-text-link a { font-size: 1rem; font-family: var(--pm); color: var(--white); background: var(--secondary); display: block; padding: 0px 10px; }
.blog-area .single-blog .blog-content .blog-bottom-text-link a:hover { color: var(--secondary); text-decoration: underline !important; }
.blog-area .blog-more-btn { margin-top: 2rem; }
.blog-area .card-img { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }
.blog-area .card-title {margin-bottom: 0.3rem;font-size: 1.3rem; font-family: var(--psb); line-height: 1.5rem; }
.blog-area .cat { display: inline-block; margin-bottom: 1rem; }
.blog-area .fa-users { margin-left: 1rem; }
.blog-area .card-footer { font-size: 0.8rem; }
.button { position: relative; z-index: 2; display: inline-block; padding: 9px 35px; text-align: center; font-size: 15px; text-transform: capitalize; letter-spacing: 0px; font-weight: 400; border: 1px solid var(--white); border-radius: 30px; color: var(--white); background: none; cursor: pointer; margin-top: 25px; overflow: hidden; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; }
.button { border-color: var(--secondary); color: var(--secondary); }
.button:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; opacity: .5; background-color: var(--secondary); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; }
.button:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background-color: var(--secondary); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; }
.button:hover { color: var(--white); }
.button:hover:before { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); }
.button:hover:after {-webkit-transition-delay: 0.2s;-o-transition-delay: 0.2s;transition-delay: 0.2s;-webkit-transform: scaleY(1);-ms-transform: scaleY(1);transform: scaleY(1); }
.home-blog { padding-top: 80px; padding-bottom: 80px; }
.home-blog .section-title { padding-bottom: 15px; }
.home-blog .media { margin-top: 50px; }
.bg-sand { background-color: var(--global-palette7); }
.media.blog-media { margin-top: 30px; position: relative; display: block; }
.media.blog-media .circle { width: 70px; height: 70px; border-radius: 50%; background-color: rgba(0, 0, 0, 0.5); white-space: nowrap; position: absolute; padding: 0; top: 30px; left: 30px; text-align: center; box-shadow: none; transform: translateX(0); color: #fff; transition: background-color 0.3s ease; }
.media.blog-media .circle .day { color: var(--white);transition: color 0.25s ease;font-weight: 500;font-size: 28px;line-height: 1;margin-top: 12px; }
.media.blog-media .circle .month { text-transform: uppercase; font-size: 14px; }
.media.blog-media > a { position: relative; display: block;  }
.media.blog-media .media-body a h5::after,
.media.blog-media .media-body li a::after,
.media.blog-media .media-body a.post-link::after { content: '\2192'; border: 0; margin-left: 0; vertical-align: middle; transition: transform 0.5s ease-in-out; font-size: 1.5rem; font-family: monospace; margin-left: 4px; }
.media.blog-media > a:before { position: absolute; content: ""; top: 15px; left: 15px; right: 15px; bottom: 15px; opacity: 0; transform: scale(0); transition: transform 0.3s ease, opacity 0.3s; background: var(--secondary-80); }
.media.blog-media > a.img-blog {height: 220px;}
.media.blog-media > a img { width: 100%; height: 100%; object-fit: cover;}
.media.blog-media > a img.blog-thumbnail { width: 100%;}
.media.blog-media:hover > a:before { opacity: 1; transform: scale(1.05); }
.media.blog-media:hover .circle { background-color: var(--global-palette7); }
.media.blog-media:hover .circle .day,
.media.blog-media:hover .circle .month { color: var(--global-palette2); }
.media.blog-media:hover .media-body h5 { color: var(--secondary-80); }
.media.blog-media:hover .media-body a.post-link { color: var(--secondary-80); text-decoration: underline; font-family: var(--pr); }
.media.blog-media .media-body { border: 1px solid var(--primary-30); padding: 30px 30px 10px; font-size: 14px; background: var(--white); max-width: 250px; width: 100%;}
.media.blog-media .media-body.home_blog_body{max-width: 100%;}
.media.blog-media .media-body h5 { transition: color 0.3s ease; margin-bottom: 15px; word-wrap: break-word;}
.media.blog-media .media-body a.post-link { display: block; color: var(--global-palette2); font-size: 11px; padding: 23px 0; text-transform: uppercase; font-weight: 400; }
.media.blog-media .media-body ul { position: relative; padding: 10px 0 0; font-size: 0.8rem; display: flex; flex-wrap:wrap;}
.media.blog-media .media-body ul li { display: inline-block; width: 100%; position: relative; flex: 1 1 0; }
.media.blog-media .media-body ul li:first-child:before { visibility: hidden;  }
.media.blog-media .media-body ul:before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 1px; background: #eeeef2; }
.media.blog-media .media-body h5 { margin-bottom: 15px; font-size: 1.1rem; font-family: var(--psb); color: var(--secondary); }
.media.blog-media .media-body p { font-size: 0.8rem; font-family: var(--pm); color: var(--global-palette3); }
/**************************************
 * Blog Section Style end
 *************************************/

 /**************************************
 * Banner Section Style Start
 *************************************/
.entry-hero { position: relative; height: 300px; }
.entry-hero .entry-hero-container-inner { background: var(--secondary-80); height: 100%; }
/* .entry-hero .hero-section-overlay {content: ''; position: absolute; top: 0; left: 0; background-color: var(--black-65);} */
.entry-hero img{ position: absolute; width: 100%; height: 100%; object-fit: cover; z-index: -1; padding: 0;}
.entry-hero .hero-container { position: relative; display: flex; align-items: center; justify-content: center}
.entry-hero .entry-header { min-height: 200px; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 0;}
.entry-hero .base-breadcrumbs{ font-size: 1.1rem; color: var(--warning-light); font-family: var(--pm);}
.entry-hero .base-breadcrumb-container a{ color: var(--warning-light);}
.entry-hero .base-breadcrumb-container a:hover{ color: var(--white);}
.entry-hero h1 { font-family: var(--psb); font-size: 2.5rem; color: var(--white); line-height: 1.5;}
 /**************************************
 * Banner Section Style end
 *************************************/

  /**************************************
 * 404 Style start
 *************************************/
.not-found.error-container { display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 100vh; background-color: var(--primary-30); }
.not-found .error-content { text-align: center; }
.not-found .error-content h1 { font-size: 6rem; font-weight: bold; margin-bottom: 1rem; }
.not-found .error-content p { font-size: 1.5rem; margin-bottom: 2rem; }
.not-found .lottie-animation { max-width: 400px; margin-bottom: 2rem; }
/**************************************
* 404 Style end
*************************************/

/**************************************
* Single Blog Style Start
*************************************/
.single-blog.content-area {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.single-blog .content-container {
  grid-gap:2rem;
}
.single-blog  .content-container {
  grid-template-columns: 1fr 22%;
}
.single-blog main {
  display: block;
  min-width: 0;
}
.single-blog .primary-sidebar {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  margin-left: auto;
  margin-right: auto;
}
.single-blog .content-wrap {
  position: relative;
}
.single-blog .post-thumbnail {
  display: block;
  height: 0;
  padding-bottom: 66.67%;
  overflow: hidden;
  position: relative;
}
.single-blog .content-style-unboxed .base-thumbnail-position-above {
  margin-bottom: 2rem;
}
.single-blog .post-thumbnail.base-thumbnail-ratio-inherit {
  padding-bottom: 0;
  height: auto;
}
.single-blog .post-thumbnail .post-thumbnail-inner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.single-blog .post-thumbnail.base-thumbnail-ratio-inherit .post-thumbnail-inner {
  position: static;
}
.single-blog .post-thumbnail img {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
  height: auto;
  max-width: 100%;
}
.single-blog .post-thumbnail.base-thumbnail-ratio-inherit img {
  margin-left: auto;
  margin-right: auto;
}
.single-blog .content-bg {
  background: #fff;
}
.single-blog .entry {
  -webkit-box-shadow: 0 15px 25px -10px rgba(0, 0, 0, .05);
  box-shadow: 0 15px 25px -10px rgba(0, 0, 0, .05);
  border-radius: .25rem;
}
.single-blog .entry.single-entry {
  box-shadow: 0px 15px 15px -10px rgba(0, 0, 0, 0.05);
}
.single-blog .content-style-unboxed .content-bg:not(.loop-entry) {
  background: transparent;
}
.single-blog .content-style-unboxed .entry:not(.loop-entry) {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
}
.single-blog .single-entry.post.entry.post-footer-area-boxed {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.single-blog .entry-content-wrap {
  padding: 2rem;
}
.single-blog .content-style-unboxed .entry:not(.loop-entry)>.entry-content-wrap {
  padding: 0;
}
.single-blog  .entry-content {
  counter-reset: footnotes;
}
.single-blog .entry-content {
  word-break: break-word;
}
.single-blog .single-content {
  margin: 2rem 0 0;
}
.single-blog .content-title-style-above .entry-content{
  margin: 0;
}

.single-blog .single-content h5{
  margin: 1.5em 0 .5em;
}
.single-blog .single-content h5:first-child{
  margin-top: 0;
}

.single-blog .single-content .wp-block-separator {
  border: none;
  border-top: 2px solid;
}
.single-blog .single-content .wp-block-separator {
  border: none;
  border-bottom: 3px solid;
  margin-left: auto;
  margin-right: auto;
}
.single-blog .single-content .wp-block-separator {
  margin-left: auto;
  margin-right: auto;
}
.single-blog .single-content hr{
  margin-top: 0;
  margin-bottom: 2rem;
}
.single-blog .single-content .wp-block-separator.has-alpha-channel-opacity {
  opacity: 1;
}
.single-blog .single-content .wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
  width: 100px;
}
.single-blog .single-content .wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
  max-width: 160px;
}
.single-blog .single-content p{
  margin-top: 0;
  margin-bottom: 2rem;
}
.single-blog .single-content *{
  color: var(--global-palette4);
  font-size: 1.1rem;
  font-family: var(--pm);
}
.single-blog .single-content h5{
  font-family: var(--psb);
  font-size: 1.5rem;
  line-height: 1.5;
}
.single-blog .single-content h4 {
  font-weight: 600;
  font-size: 22px;
  line-height: 1.5;
}
.single-blog .single-content h3 {
  font-weight: 600;
  font-size: 24px;
  line-height: 1.5;
}
.single-blog .single-content h1, 
.single-blog .single-content h2, 
.single-blog .single-content h3, 
.single-blog .single-content h4, 
.single-blog .single-content h5, 
.single-blog .single-content h6 {
  margin: 1.5em 0 .5em;
  color: var(--secondary);
}
.single-blog .single-content ol, 
.single-blog .single-content ul {
  margin: 0 0 2rem;
  padding-left: 2em;
}
.single-blog .single-content ol li, 
.single-blog .single-content ul li{
  list-style: auto;
}
.single-blog .single-content blockquote {
  padding-left: 1em;
  border-left: 4px solid var(--global-palette4);
  box-sizing: border-box;
  border-left: .25em solid;
  margin: 0 0 1.75em;
  padding-left: 1em;
  margin: 0 0 2rem;
  margin: 0 0 2rem;
  overflow-wrap: break-word;
}
.single-blog .single-content blockquote p {
  margin-bottom: 2rem;
}
.single-blog .single-content cite,
.single-blog .single-content footer {
  color: currentColor;
  font-size: .8125em;
  font-style: normal;
  position: relative;
  color: var(--global-palette5);
  font-size: 13px;
  margin-top: 1em;
  position: relative;
  font-style: normal;
  display: block;
}
.single-blog .entry-footer {
  clear: both;
}
.single-blog .entry-tags {
  margin-top: 1em;
}
.single-blog .entry-tags .tags-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.single-blog .entry-tags .screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  word-wrap: normal !important;
}
.single-blog .entry-tags .screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  word-wrap: normal !important;
  border: 0;
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  overflow-wrap: normal !important;
  padding: 0;
  position: absolute !important;
  width: 1px;
}
.single-blog .entry-tags a {
  color: var(--global-palette7);
  -webkit-transition: all .1s linear;
  transition: all .3s linear;
}
.single-blog .entry-tags a.tag-link {
  margin-right: .5em;
  padding: .4em .6em;
  margin-top: .5em;
  font-size: 80%;
  border: 1px solid var(--global-palette6);
  border-radius: .25rem;
  color: var(--global-palette5);
  text-decoration: none;
}
.single-blog .entry-tags a.tag-link:hover{
  background-color: var(--secondary);
  color: var(--white);
}
.single-blog .content-style-unboxed .comments-area {
  padding-left: 0;
  padding-right: 0;
}
.single-blog .comments-area.entry-content-wrap {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.single-blog .comments-area {
  margin-top: 3.5em;
  margin-left: auto;
  margin-right: auto;
}
.single-blog .comment-reply-title, 
.single-blog .comments-title {
  margin-bottom: 1em;
}
.single-blog .comments-area h2 {
  font-family: var(--psb);
  font-size: 28px;
  line-height: 1.5;
  letter-spacing: 0.5px;
  color: var(--global-palette3);
}
.single-blog .comment-body {
  position: relative;
  border-bottom: 1px solid var(--global-palette6);
  margin-bottom: 3em;
}
.single-blog .comment-meta {
  position: relative;
  margin-left: 70px;
  font-size: 80%;
}
.single-blog .comment-author {
  font-size: 1.4em;
  line-height: 1.3;
}
.single-blog .comments-area .comment .avatar {
  display: block;
  height: auto;
  max-width: 100%;
  position: absolute;
  left: -70px;
  width: 50px;
  height: 50px;
  border-radius: 50px;
}
.single-blog .comments-area .comment b, 
.single-blog .comments-area .comment strong {
  font-family: var(--psb);
  color: var(--global-palette3);
  font-size: 1.4rem;
}
.single-blog .comments-area .comment .says {
  font-size: 80%;
}
.single-blog .comment-metadata {
  padding-bottom: .5em;
}
.single-blog .comment-form a, 
.single-blog .comment-meta a {
  text-decoration: none;
  border: none;
  color: inherit;
  font-size: 0.9rem;
}
.single-blog .comment-content {
  margin-bottom: 2rem;
  padding-top: 1em;
  font-size: 1rem;
}
.single-blog .comment-reply-link {
  display: inline-block;
  padding: .5em 1em;
  font-size: 85%;
  color: var(--global-palette5);
  line-height: 1;
  text-decoration: none;
  background: transparent;
  border: 1px solid var(--global-palette7);
  border-radius: 0;
}
.single-blog .children {
  margin-left: 2em;
}
.single-blog .bypostauthor {
  display: block;
}
.single-blog small {
  font-size: 80%;
}
.single-blog #cancel-comment-reply-link {
  margin-left: .8em;
}
.single-blog .comment-form {
  line-height: 1.3;
  background-color: var(--global-palette8);
  padding: 30px;
  border-radius: 4px;
}
.single-blog .comment-form .comment-notes {
  margin-top: -.5em;
  font-size: 80%;
  font-style: italic;
}
.single-blog .comment-form p {
  margin: 1.5em 0;
}
.comment-form .required {
  color: var(--warning-light);
}
.single-blog .comment-form p {
  margin: 1.5em 0;
}
.single-blog .comment-form .comment-input-wrap p, 
.single-blog .comment-form p.comment-form-float-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.single-blog .comment-form p.comment-form-float-label {
  margin-top: -1em;
}
/* textarea {
  font-family: var(--pm);
  font-size: 16px;
  line-height: 1.65;
  letter-spacing: 0.4px;
  font-family:var(--pm);
  color: var(--global-palette4);
} */
input[type=color], 
input[type=date], 
input[type=datetime-local], 
input[type=datetime], 
input[type=email], 
input[type=month], 
input[type=number], 
input[type=password], 
input[type=range], 
input[type=search], 
input[type=tel], 
input[type=text], 
input[type=time], 
input[type=url], 
input[type=week], 
textarea {
  -webkit-appearance: none;
  color: var(--global-palette5);
  border: 1px solid #cbd5e0;
  border: 1px solid var(--global-palette6);
  border-radius: 3px;
  padding: .4rem .5rem !important;
  max-width: 100%;
  background: var(--global-palette9);
  -webkit-box-shadow: 0 0 0 -7px transparent;
  box-shadow: 0 0 0 -7px transparent;
}

textarea {
  width: 100%;
}
.single-blog .comment-input-wrap input {
  width: 100%;
}
.single-blog .comment-form label {
  display: block;
  padding-bottom: .4em;
}
.single-blog .comment-form input, 
.single-blog .comment-form label {
  -webkit-transition: all .2s;
  transition: all .2s;
}
.single-blog .comment-form .comment-input-wrap p label,
.single-blog .comment-form p.comment-form-float-label label {
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
  color: var(--global-palette6);
}

input[type=color]:focus, 
input[type=date]:focus, 
input[type=datetime-local]:focus, 
input[type=datetime]:focus, 
input[type=email]:focus, 
input[type=month]:focus, 
input[type=number]:focus, 
input[type=password]:focus, 
input[type=range]:focus, 
input[type=search]:focus, 
input[type=tel]:focus, 
input[type=text]:focus, 
input[type=time]:focus, 
input[type=url]:focus, 
input[type=week]:focus, 
textarea:focus {
  color: var(--global-palette3);
  border-color: var(--global-palette6);
  outline: 0;
  -webkit-box-shadow: 0 5px 15px -7px rgba(0, 0, 0, .1);
  box-shadow: 0 5px 15px -7px rgba(0, 0, 0, .1);
}

.comment-form input:placeholder-shown+label, 
.comment-form textarea:placeholder-shown+label {
  white-space: nowrap;
  overflow: hidden;
  max-width: 90%;
  text-overflow: ellipsis;
  cursor: text;
  -webkit-transform: translate(.5em, 2.35em) scale(1);
  transform: translate(.5em, 2.35em) scale(1);
}
.comment-form input::placeholder,
.comment-form textarea::placeholder{
  opacity: 0;
}
.comment-form input:focus+label, 
.comment-form textarea:focus+label  {
  -webkit-transform: translate(0) scale(.75);
  transform: translate(0) scale(.75);
  cursor: pointer;
  opacity: 1;
}

.comment-form input:focus::placeholder,
.comment-form textarea:focus::placeholder{
  opacity: 1;
}
.comment-form-cookies-consent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 1.5em 0;
}
.comment-form .comment-form-cookies-consent input {
  font-size: 90%;
  vertical-align: -2px;
  padding: 0;
}
.comment-form .comment-form-cookies-consent label:not(:placeholder-shown) {
  padding-left: .6em;
  font-size: 90%;
  padding-bottom: 0;
}
.single-blog .widget {
  margin-top: 0;
  margin-bottom: 1.5em;
}
.single-blog .widget-area .widget {
  margin-left: 0;
  margin-right: 0;
}
.single-blog .primary-sidebar.widget-area .widget {
  margin-bottom: 1.8em;
  font-size: 16px;
  color: var(--global-palette4);
}
.single-blog .primary-sidebar.widget-area .widget {
  border-bottom: 1px solid var(--global-palette6);
  padding-bottom: 20px;
}
.single-blog .primary-sidebar.widget-area .widget-title {
  display: block;
  position: relative;
  margin-bottom: 0;
}
.single-blog .widget-area .widget-title {
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: .5em;
}
.single-blog .primary-sidebar.widget-area .widget-title {
  font-weight: 600;
  font-size: 20px;
  line-height: 1.5;
  text-transform: capitalize;
  color: var(--global-palette3);
}
.single-blog .primary-sidebar.widget-area .widget-title,
.single-blog .widget_block h2, .widget_block .widgettitle, 
.single-blog .widget_block .widgettitle, .primary-sidebar h2 {
  font-weight: 600;
  font-size: 20px;
  line-height: 1.5;
  text-transform: capitalize;
  color: var(--global-palette3);
}
.single-blog .primary-sidebar.widget-area .widget-content, 
.single-blog .primary-sidebar.widget-area .wp-widget-group__inner-blocks {
  margin-top: 1.2em;
}
.single-blog .widget-area .widget ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.single-blog .wp-block-latest-posts__list li {
  margin-top: 1rem;
}
.single-blog .wp-block-latest-posts.wp-block-latest-posts__list li {
  clear: both;
  overflow-wrap: break-word;
}
.single-blog .primary-sidebar .widget .wp-block-latest-posts__list li {
  line-height: 1.5;
}
.single-blog .wp-block-latest-posts__featured-image.alignleft {
  float: left;
  margin-right: 1em;
}
.single-blog .wp-block-latest-posts__featured-image img {
  height: auto;
  max-width: 100%;
  width: auto;
}
.single-blog .primary-sidebar.widget-area .sidebar-inner-wrap a:where(:not(.button):not(.wp-block-button__link):not(.wp-element-button)) {
  color: var(--global-palette4);
}
.single-blog .primary-sidebar.widget-area .widget {
  border-bottom: 1px solid var(--global-palette6);
  padding-bottom: 20px;
}
.single-blog .widget li {
  line-height: 1.8;
}
.single-blog .primary-sidebar.widget-area .widget {
  margin-bottom: 1.8em;
  font-size: 16px;
  color: var(--global-palette4);
}
.single-blog .wp-block-tag-cloud a {
  display: inline-block;
  margin-right: 5px;
}
.single-blog .wp-block-tag-cloud span {
  display: inline-block;
  margin-left: 5px;
}
/**************************************
* Single Blog Style end
*************************************/

/**************************************
* Faqs Style start
*************************************/
.faq-wrapper{padding: 2rem 0;}
.faq-wrapper .accordion-item { border: none; margin-bottom: 16px; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 6px var(--black-65); transition: all 0.3s ease;}
.faq-wrapper .accordion-item:hover { transform: translateY(-2px); box-shadow: 0 6px 12px var(--black-65); }
.faq-wrapper .accordion-button { padding: 20px 25px; font-weight: 600; color: var(--grey); background-color: var(--white); transition: all 0.3s ease; }
.faq-wrapper .accordion-button:not(.collapsed) { color: var(--white); background-color: var(--secondary); font-size: 1.3rem; font-family: var(--psb);}
.faq-wrapper .accordion-button:focus { box-shadow: none; border-color: var(--black-65); }
.faq-wrapper .accordion-button::after { background-size: 20px; transition: all 0.3s ease; }
.faq-wrapper .accordion-button:not(.collapsed)::after {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); }
.faq-wrapper .accordion-body { padding: 25px; background-color: var(--white); }
.faq-wrapper .accordion-body .faq-inner-question{ color: var(--secondary); line-height: 2; font-family: var(--psb); font-size: 1.2rem; }
.faq-wrapper .accordion-body .faq-inner-answer{ color: var(--global-palette5); line-height: 2; font-family: var(--pm); font-size: 1rem; }
.all-faqs .accordion-button:not(.collapsed){ color: var(--primary); }
.all-faqs .support-button{ visibility: visible; animation-delay: 0.5s; animation-name: fadeInUp; }
.all-faqs .support-button p{ font-family: var(--psb); font-size: 1.2rem; }
.all-faqs .support-button a{ text-transform: uppercase; color: var(--primary); font-family: var(--psb); font-size: 1rem; text-decoration: underline; text-decoration-thickness: 3px;}
/**************************************
* Faqs Style end
*************************************/
/**************************************
* Service Location Style start
*************************************/
.services-section .bsb-service{position: relative; padding: 0 1rem;}
/* .services-section .bsb-service:nth-of-type(4n+1){background-image: url('../images/banner.webp');}
.services-section .bsb-service:nth-of-type(4n+2){background-image: url('../images/banner2.webp'); }
.services-section .bsb-service:nth-of-type(4n+3){background-image: url('../images/footer-bg.jpg');}
.services-section .bsb-service:nth-of-type(4n+4){background-image: url('../images/blog-3.jpg'); } */
.services-section .bsb-service>div>div{padding: 1rem;}
.services-section .bsb-service:first-child{padding-top: 1rem;}
.services-section .bsb-service:last-child{padding-bottom: 1rem;}
/* .services-section .bsb-service::before{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: var(--primary-30);} */
.services-section .bsb-service .text-shadow-head{ color: var(--secondary); font-size: 1.4rem; font-family: var(--psb);}
.services-section .bsb-service .text-shadow-body{ color: var(--black); font-size: 1.1rem; font-family: var(--pm);}
.services-section .bsb-service .card{overflow: hidden; height: 100%; border: 1px solid var(--global-palette7); border-radius: 0.5rem;  transition: all 0.3s ease-out; box-shadow: rgba(59, 39, 125, 0.672) 0px 3px 6px, rgba(0, 0, 0, 0.393) 0px 3px 6px;}
.services-section .bsb-service .card-body svg{margin: auto; fill: var(--secondary);}
.services-section .bsb-service .card-body i{ font-size: 2rem; color: var(--secondary);}
.services-section .bsb-service .card-body .link-primary{color: var(--secondary); display: flex; align-items: center; justify-content: center; transition: all 0.5s ease-in-out;}
.services-section .bsb-service .card-body .link-primary svg{margin: unset; font-size: 3rem; width: 2.5rem; height: 2.5rem;}
.services-section .bsb-service .card-body .link-primary:hover{color: var(--global-palette1);}
.services-section .card:hover { transform: translateY(-5px) scale(1.005) translateZ(0); }
.services-section .card:hover .card-body .link-primary{ color: var(--white); }
.services-section .card:hover .card-body .link-primary svg{ fill: var(--white); }
.services-section .card:hover .overlay { transform: scale(4) translateZ(0); }
.services-section .card:hover .overlay { border-color: transparent; background: var(--secondary);transition: transform 0.5s ease-in-out;}
.services-section .card:hover .overlay:after { background: var(--warning-light); }
.services-section .overlay {width: 118px;position: absolute; height: 118px;border-radius: 50%;background: var(--bg-color);top: 70px;left: 50px;z-index: 0;transition: transform 0.3s ease-out;width: 100%;height: 100%;opacity: 1;z-index: -1; }
.services-section .bsb-service .card:hover .card-body i{color: var(--white);}
.services-section .bsb-service .card:hover .text-shadow-head{ color: var(--white);}
.services-section .bsb-service .card:hover .text-shadow-body{ color: var(--warning-light);}
.services-section .bsb-service .card:hover .card-body .link-primary:hover{color: var(--warning-light);}
.location-list li{list-style-type: disc;}
.location-list li a{color: var(--primary);}
/**************************************
* Service Location Style end
*************************************/
/**************************************
* Service Style start
*************************************/
.main-service-col{padding: 1rem;}
.sub-service-row{ background: var(--white); margin: 1rem 0.5rem; width: -webkit-fill-available; border-radius: 0.5rem; height: 0; overflow: hidden; transition: all 1s ease-in-out;}
.service-wrapper .mt-60{ margin-top:3rem; margin-bottom:3rem; }
.service-wrapper.section-block-grey { padding: 90px 0px 90px 0px; background-color: var(--global-palette8); }
.service-wrapper .section-heading h3{font-size: 2rem; font-family: var(--psb); line-height: 2; color: var(--secondary);}
.service-wrapper .section-heading p{font-size: 1.5rem; font-family: var(--pm); line-height: 2; color: var(--global-palette5);}
.service-wrapper .serv-section-2 { position: relative; border: 1px solid var(--secondary); background: var(--white); box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16); border-radius: 5px; overflow: hidden; padding: 30px; margin: 0.5rem; height: 100%;}
.service-wrapper .serv-section-2:before { position: absolute; top: 0; right: 0px; z-index: 0; content: " "; width: 120px; height: 120px; background: var(--global-palette7); border-bottom-left-radius: 136px; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; }
.service-wrapper .serv-section-2-icon { position: absolute; top: 18px; right: 22px; max-width: 100px; z-index: 1; text-align: center; }
.service-wrapper .serv-section-2-icon i { color: var(--secondary); font-size: 48px; line-height: 65px; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; }
.service-wrapper .serv-section-desc { position: relative; }
.service-wrapper .serv-section-desc a:hover { color: var(--primary); }
.service-wrapper .serv-section-2 h4.main-service { color: var(--secondary); font-size: 1.5rem; font-family: var(--psb); line-height: 1.5; max-width: 264px;}
.service-wrapper .serv-section-2 h4.sub-service { color: var(--secondary); font-size: 1.2rem; font-family: var(--pm); line-height: 1.5; max-width: 264px;}
.service-wrapper .serv-section-2 h4 { color: var(--grey); font-size: 20px; font-weight: 500; line-height: 1.5; }
.service-wrapper .serv-section-2 h5 { color: var(--grey); font-size: 17px; font-weight: 400; line-height: 1; margin-top: 5px; }
.service-wrapper .section-heading-line-left { content: ''; display: block; width: 100px; height: 3px; background: var(--secondary); border-radius: 25%; margin-top: 15px; margin-bottom: 5px; }
.service-wrapper .serv-section-2 p { margin-top: 25px; padding-right: 50px; }
.service-wrapper .serv-section-2:hover .serv-section-2-icon i { color: var(--white); transition: transform 0.5s ease-in-out;}
.service-wrapper .serv-section-2:hover:before { background: var(--secondary); }
.service-wrapper .service-link{ display: block; height: 100%; padding: 0.5rem 0rem; }
.service-wrapper .service-link:hover .serv-section-2-icon i{ transform: rotate(360deg); }
.service-wrapper .sub-service-link{ padding: 0.5rem 0.5rem; height: 100%; display: block; }
.service-wrapper .service-link .serv-section-2{ height: 100%; }

/**************************************
* Service Style end
*************************************/
/**************************************
* Clients Style start
*************************************/
.clients{ background: linear-gradient(112deg, var(--white) 50%, var(--primary-30) 50%); max-width: 900px; margin: auto;
}
.clients.carousel{ box-shadow: rgba(6, 24, 44, 0.4) 0px 0px 0px 2px, rgba(6, 24, 44, 0.65) 0px 4px 6px -1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset; }
.clients .carousel-caption { position: initial; z-index: 10; padding: 5rem 8rem; color: var(--global-palette3); text-align: center; font-size: 1.2rem; font-style: italic; font-weight: bold; line-height: 2rem; }
.clients .carousel-caption img{ width: 6rem; border-radius: 5rem; margin: 2rem auto; }
.clients #image-caption{ font-style: normal; font-size: 1rem; margin-top: 0.5rem; }
.clients i{ background-color: var(--secondary); padding: 1.4rem; }
.clients .carousel-control-prev{ justify-content: flex-start; }
.clients .carousel-control-next { justify-content: flex-end; }
.clients .carousel-control-prev,.carousel-control-next{ transition: none; opacity: unset; }
/**************************************
* Clients Style end
*************************************/
/**************************************
* Social Buttons Style Start
*************************************/
.social-buttons .btn { transition: all 0.3s ease; border-radius: 30px; padding: 10px 20px; }
.social-buttons .btn:hover { transform: translateY(-3px); box-shadow: 0 4px 8px rgba(0,0,0,0.2); }
.social-buttons .btn i { font-size: 1.2em; }
.social-buttons .heading{ font-size: 3rem; font-family: var(--pm); color: var(--secondary);}
/**************************************
* Social Buttons Style end
*************************************/

/**************************************
* Choose US Style start
*************************************/
.choose-us h1{font-size: 3.2rem !important; font-family: var(--psb); line-height: 1; color: var(--secondary);}
.choose-us h5{font-size: 1.2rem !important; font-family: var(--psb); line-height: 1; color: var(--global-palette3);}
.choose-us p,
.choose-us h5 ~ span{font-size: 1rem !important; font-family: var(--pm); line-height: 1.5; color: var(--global-palette4);}
.choose-us .rounded-circle{background: var(--secondary); width: 90px; height: 90px;}
.choose-us .wow>div img{object-fit: cover;}
/**************************************
* Choose US Style end
*************************************/
/**************************************
* About US Style start
*************************************/
.section-wrap { padding: 0px 0; position: relative; background-size: cover; background-position: center;  }
.about-us .box-shadow-large { box-shadow: 0 25px 28px var(--primary-30); }
.about-us .benefits { padding: 70px 48px; background-color: var(--white); border-radius: 5px; }
.about-us .benefits__title { text-align: center; font-size: 1.5rem; margin-bottom: 20px; font-family: var(--psb);     color: var(--secondary); }
.about-us .benefits__item { display: flex; margin-bottom: 4px; }
.about-us .benefits__item-icon { color: var(--secondary); font-size: 20px; margin-right: 8px; margin-top: 4px; }
.about-us .benefits__item-title { font-size: 1.1rem; color: var(--global-palette4); font-family: var(--pm); font-family: var(--pm); }
.about-us .who-we-are h2{font-size: 3.2rem; font-family: var(--psb); color: var(--global-palette2); line-height: 2;}
.about-us .who-we-are p{font-size: 1rem; font-family: var(--pm); color: var(--global-palette4); line-height: 1.5;}
.about-us .card { border: none; border-radius: 12px; transition: transform 0.3s ease-in-out, box-shadow 0.3s; }
.about-us .card:hover { transform: translateY(-5px); box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1); }
.about-us img { border-radius: 12px; transition: transform 0.3s; }
.about-us img:hover {transform: scale(1.03); }
.about-us .timeline { position: relative; padding: 2rem 0; list-style: none; }
.about-us .timeline:before { content: ''; position: absolute; top: 0; bottom: 0; width: 4px; background: var(--secondary); left: 50%; margin-left: -2px; }
.about-us .timeline-item { position: relative; margin-bottom: 2rem; clear: both; }
.about-us .timeline-item:nth-child(odd) .timeline-content { float: left; text-align: right; padding-right: 30px; }
.about-us .timeline-item:nth-child(even) .timeline-content { float: right; text-align: left; padding-left: 30px; }
.about-us .timeline-item .timeline-icon { position: absolute; left: 50%; width: 40px; height: 40px; margin-left: -20px; background: var(--white); border: 2px solid var(--secondary); background: var(--secondary); border-radius: 50%; z-index: 100; display: flex; align-items: center; justify-content: center;}
.about-us .timeline-item .timeline-icon img { width: 30px; height: 30px; }
.about-us .timeline-item .timeline-content { position: relative; width: 45%; padding: 1rem; background: var(--secondary-80); border-radius: 5px; }
.about-us .timeline-item .timeline-content h3{font-size: 1.4rem; font-family: var(--psb); color: var(--global-palette7); line-height: 2;}
.about-us .timeline-item .timeline-content p{font-size: 0.9rem; font-family: var(--pr); color: var(--global-palette7); line-height: 1.5;}
.about-us .timeline-item:nth-child(odd) .timeline-content:before { content: ''; position: absolute; top: 15px; right: -15px; border-width: 10px 0 10px 10px; border-style: solid; border-color: transparent transparent transparent var(--secondary-80); }
.about-us .timeline-item:nth-child(even) .timeline-content:before { content: ''; position: absolute; top: 15px; left: -15px; border-width: 10px 10px 10px 0; border-style: solid; border-color: transparent var(--secondary-80) transparent transparent; }

/**************************************
* About US Style end
*************************************/
/**************************************
* Privacy Style start
*************************************/
.privacy .entry__article > p,
.privacy .entry__article > ul,
.privacy .entry__article > ol { margin-bottom: 34px; font-size: 18px; line-height: 30px;  font-family: var(--pr);}
.privacy .entry__article > h1,
.privacy .entry__article > h2,
.privacy .entry__article > h3,
.privacy .entry__article > h4,
.privacy .entry__article > h5,
.privacy .entry__article > h6 {margin-top: 36px; }
.privacy h1,
.privacy h2, 
.privacy h3, 
.privacy h4, 
.privacy h5, 
.privacy h6 { font-family: var(--psb); margin-top: 0; margin-bottom: 10px; color: var(--secondary); font-weight: 700; line-height: 1.3; letter-spacing: -0.01em; }
.privacy h1 { font-size: 2.3rem; }
.privacy h2 { font-size: 2.1rem; }
.privacy h3 { font-size: 1.9rem; }
.privacy h4 { font-size: 1.7rem; }
.privacy h5 { font-size: 1.5rem; }
.privacy h6 { font-size: 1.3rem; }
.privacy p { font-size: 1rem; color: var(--global-palette4); font-weight: 400; line-height: 24px; margin: 0 0 10px;  font-family: var(--pm);}
.privacy .entry__article p > a, 
.privacy .entry__article ul:not(.entry__meta) a { color: var(--secondary); font-family: var(--pm); }
.privacy .entry__article ul li{ list-style: disc; color: var(--global-palette4); font-family: var(--pr);}
.privacy .entry__article ol, 
.privacy .entry__article ul { padding-left: 16px; line-height: 30px; }
/**************************************
* Privacy Style end
*************************************/
/**************************************
* Contact Style end
*************************************/
.contact h4{font-size: 1.2rem; font-family: var(--psb); color: var(--global-palette3); }
.contact svg{fill: var(--secondary); width: 2rem;}
.contact  form{ padding: 30px 0 0 0; }
.contact form .form-row{ display: flex; margin: 32px 0; }
.contact form .form-row .input-data{ width: 100%; height: 40px; margin: 0 20px; position: relative; }
.contact form .form-row .textarea{ height: 150px; }
.contact .input-data input,
.contact .textarea textarea{ display: block; width: 100%; height: 100%; border: none; font-size: 17px; border-bottom: 2px solid var(--primary-30); }
.contact .input-data input:focus ~ label, 
.contact .textarea textarea:focus ~ label,
.contact .input-data input:valid ~ label, 
.contact .textarea textarea:valid ~ label{ transform: translateY(-20px); font-size: 14px; color: var(--secondary); height: fit-content; }
.contact .textarea textarea{ resize: none; padding-top: 10px; }
.contact .input-data label{ position: absolute; pointer-events: none; top: 0px; font-size: 1rem; transition: all 0.3s ease; font-family: var(--pm); }
.contact .textarea label{ width: 100%; top: 0px; background: var(--white); }
.contact .input-data .underline{position: absolute;bottom: 0;height: 2px;width: 100%; }
.contact .input-data .underline:before{ position: absolute; content: ""; height: 2px; width: 100%; background: var(--secondary); transform: scaleX(0); transform-origin: center; transition: transform 0.3s ease; }
.contact .input-data input:focus ~ .underline:before,
.contact .input-data input:valid ~ .underline:before,
.contact .textarea textarea:focus ~ .underline:before,
.contact .textarea textarea:valid ~ .underline:before{ transform: scale(1); }
.contact .submit-btn .input-data{ height: 45px!important; width: 25%!important; }
.contact .submit-btn .input-data .inner{height: 100%;width: 300%;position: absolute;left: -100%;background:-webkit-linear-gradient(right, var(--secondary), var(--secondary-80));transition: all 0.4s; }
.contact .submit-btn .input-data:hover .inner{ left: 0; }
.contact .submit-btn .input-data input{ background: none; border: none; color: var(--white); font-size: 17px; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; cursor: pointer; position: relative; z-index: 2; }

/**************************************
* Contact Style end
*************************************/

/*********footer*******************/
.footer_area { margin-top: 0rem; position: relative; z-index: 1; position: relative; background: url('/images/footer-bg.jpg') center center; background-size: cover; border-radius: 0px; overflow: hidden; background-repeat: no-repeat; background-attachment: fixed; background-position: center;}
.footer_area .foo_top_header_one { background-color: var(--secondary-80); color: var(--white); }
.section_padding_100_70 { padding-top: 100px; padding-bottom: 70px; }
.footer_area .foo_top_header_one { color: var(--white); }
.footer_area .footer_part { margin-bottom: 30px; }
.footer_area .foo_top_header_one .footer_part > h5 { color: var(--white); font-family: var(--psb); font-size: 1.3rem;}
.footer_area .footer_part h4, 
.footer_area .footer_part h5 { margin-bottom: 30px; }
.footer_area .footer_single_contact_info > p, 
.footer_area .footer_single_contact_info > h5, 
.footer_area .footer_blog_area > a, 
.footer_area .foo_top_header_one .footer_part > p { color: var(--white); }
.footer_area .footer_single_contact_info a i{font-size: 0.9rem; color: var(--warning-light); margin-right: 0.5rem; }
.footer_area .footer_single_contact_info h6{font-family: var(--psb); }
.footer_area p, 
.footer_area .footer_area ul 
.footer_area .footer_areal i, 
.footer_area .footer_area ol li { font-weight: 300; }
.footer_area ul { margin: 0; padding: 0; }
.footer_area .footer_bottom_header_one { background-color: var(--secondary); }
.footer_area .section_padding_50 { padding: 20px 0; }
.footer_area .footer_bottom_header_one p { color: var(--white); margin: 0; }
.footer_area .footer_bottom_header_one a { color: inherit; font-size: 14px;
}
.footer_area a, 
.footer_area h1, 
.footer_area h2, 
.footer_area h3, 
.footer_area h4, 
.footer_area h5, 
.footer_area h6 { font-weight: 400; }
.footer_area .m-top-15 { margin-top: 15px; }
.footer_area .footer_widget > li { display: inline-block; margin: 4px 3px;}
.footer_area ol li, 
.footer_area ul li { list-style: outside none none; }
.footer_area .footer_widget a { border: 1px solid var(--white); border-radius: 50px; color: var(--white); display: inline-block; font-size: 0.9rem; margin-bottom: 4px; padding: 7px 12px; transition: all 0.5s ease-in-out;}
.footer_area .footer_widget a:hover{background-color: var(--global-palette6);}
.footer_area .footer_links a { border-bottom: 1px solid var(--black-65); color: var(--warning-light); display: block; font-size: 0.9rem; margin-bottom: 5px; padding-bottom: 10px; }
.footer_area .top-15 { margin-top: 15px; }
.footer_area .footer_social_links > li { display: inline-block; }
.footer_area .footer_social_links a { border: 1px solid var(--white); border-radius: 6px; color: var(--warning-light); display: inline-block; font-size: 13px; margin-bottom: 3px; padding: 7px 12px; }
.footer_area .footer_blog_area .footer_date { color: var(--success); font-size: 13px; margin-bottom: 5px;  }
.footer_area .footer_blog_area > p { color: var(--warning-light); line-height: 1.3; margin-bottom: 0; }
.footer_area .footer_works > a { display: inline-block; float: left; position: relative; width: 33.33333333%; z-index: 1; }
.footer_area .footer_thumb { left: 0; position: absolute; top: 0; width: 75px; }
.footer_area .footer_links a i { padding-right: 10px; }
.footer_area .footer_single_contact_info a:hover{color: var(--warning-light);}
/* :: 18.0 Footer Area CSS */
.footer_area .footer_bottom p > i,
.footer_area .footer_bottom p > a:hover { color: var(--success); }	
.footer_area .social_links_area { border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding: 50px 0 30px 0; text-align: center; position: relative; z-index: 1; }
.footer_area .social_links_area > a:hover { color: var(--success); }
.footer_area .inline-style .social_links_area > a:hover { background-color: transparent; color: var(--success); border: 0px solid transparent; }
.footer_area .single_feature:hover .feature_text h4 { color: var(--success); }
.footer_area .footer_blog_area { border-bottom: 1px solid var(--white); margin-bottom: 15px; padding: 0 0 15px 90px; position: relative; z-index: 1; }
.footer_area .footer_links a { border-bottom: 1px solid var(--white); color: var(--warning-light); display: block; font-size: 1rem;  transition: all 0.5s ease-in-out;}
.footer_area .footer_links li{margin-bottom: 5px; padding-bottom: 10px;}
.footer_area .footer_links a:hover{font-size: 1.05rem; color: var(--white);}
.pattern{height: 250px;}
.pattern .static-img { display: block; }
.pattern iframe { max-width: 100%; }
.pattern .map-container { width: 100%; height: 150px; margin: auto; padding-top: 38%; position: relative; }
.pattern .map-container iframe { width: 100%; height: 250px;  position: absolute; top: 0;  right: 0; left: 0;  bottom: 0;    }

.partners img,
.partners picture {
  max-width: 100%;
  display: block;
}
.partners .u-wrapper {
  max-width: 1440px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  width: 100%;
}
.partners .c-carousel {
  overflow-x: hidden;
  position: relative;
  width: 100%;
}
.partners .c-carousel__wrapper.swiper {
  margin: 0 48px;
  position: static;
}
.partners .c-carousel__inner-wrapper.swiper-wrapper {
  display: flex;
  align-items: center;
}
.partners .c-carousel img {
  margin: 0 auto;
}
.partners .c-carousel__controls {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.partners .c-carousel__button--next,
.partners .c-carousel__button--prev {
  cursor: pointer;
}
.partners .c-carousel__button--prev.swiper-button-disabled,
.partners .c-carousel__button--next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.partners .c-carousel__item.swiper-slide {
  max-width: 300px;
  width: auto;
  flex-shrink: 0;
}

/* @media all and (min-height: 200px) {
  .banner-content{ top: 30%; left: 50%; transform: translate(-50%,-20%); }

} */
@media (min-width: 1200px) {
  .media.blog-media > a {  min-width: 200px; height: 210px; }
  .media.blog-media .media-body { padding: 30px 20px 10px; }
  .media.blog-media .media-body h5 { margin-bottom: 15px; font-size: 1.1rem; font-family: var(--psb); color: var(--secondary); }
  .media.blog-media .media-body p { font-size: 0.8rem; font-family: var(--pm); color: var(--global-palette3); }
  .media.blog-media .media-body a.post-link { padding: 23px 0; }
}
@media all and (min-width: 992px) {
  .navbar.navbar-reduce {
    position: fixed;
    top: 50px;
    right: 0;
    left: 0;
    z-index: 1030;
  }
  .navbar.navbar-reduces {
    top: 0;
    transition: all .5s ease-in-out;
    background-color: var(--secondary) !important;
    padding-top: 15px;
    padding-bottom: 15px;
    -webkit-animation: 500ms ease-in-out 0s normal fadeInDown;
    animation: 500ms ease-in-out 0s normal fadeInDown;
    -webkit-transition: 0.6s;
    width: 100%;
}
@keyframes fadeInDown {
  from {
      opacity: 0;
      transform: translateY(-20px);
  }
  to {
      opacity: 1;
      transform: translateY(0);
  }
}
  .navbar .navbar-brand{ color: var(--white); font-size: 1.4rem; font-family: var(--psb); }
  .navbar{ position: absolute; /*width: calc(100% - 160px);*/ z-index: 6; }
  .dropdown-item{ font-size: 0.92rem; font-weight: 600; white-space: normal !important; }
  .navbar-light .navbar-nav .nav-link{ color: var(--white); font-size: 1rem; text-transform: capitalize; }
  .navbar-light .navbar-nav .nav-link:hover{ color: var(--warning-light); }
  .dropdown-toggle::after{ content: '\00BB'; border: 0; margin-left: 0; vertical-align: middle; transition: transform 0.5s ease-in-out; font-size: 1rem; }
  .dropdown-menu{ background: var(--secondary); }
  .dropdown-menu .dropdown-item{color: var(--white); font-weight: 500; border-bottom: 1px solid var(--black-65);}
  .dropdown-menu li:hover{background-color: var(--black);}
  .dropdown-menu .dropdown-item:hover{ background: transparent;}
	.dropdown-menu li{ position: relative; 	}
	.nav-item .submenu{  display: none; position: absolute; left:100%; top:-7px; width: 240px;
	}
	.nav-item .submenu-left{ right:100%; left:auto; }
  .nav-item:hover .dropdown-menu-top{ display: block;}
  .nav-item:hover  .dropdown-toggle::after{ transform: rotate(90deg);}
	.dropdown-menu > li:hover > .submenu{ display: block; }
  .offcanvas{display: none;}
  button[data-bs-toggle="offcanvas"]{display: none;}
  .single-blog .content-container {
    display: grid;
    grid-template-columns: 5fr 2fr;
    grid-gap: 3.5em !important;
    grid-gap: var(--global-xl-spacing);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .single-blog .primary-sidebar {
    padding: 0;
    margin: 0;
  }
  .single-blog #secondary {
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
  }
  .home-blog { padding-top: 100px; padding-bottom: 100px; }
  .media.blog-media { display: flex; flex-direction: row !important;}
  .media.blog-media > a { vertical-align: top; min-width: 270px; }
  .media.blog-media .media-body { padding: 15px 20px 10px; border-left: none; vertical-align: top; }
  .media.blog-media .media-body a.post-link { padding: 7px 0; }
  .media.blog-media .media-body h5 { line-height: 1.2; }
  .media.blog-media .media-body p { margin-top: 8px; }
}	
@media screen and (min-width: 768px) {
  .single-blog .primary-sidebar {
      padding-left: 0;
      padding-right: 0;
  }
  .single-blog .comment-content ol, 
  .single-blog .comment-content ul {
    padding-right: 1.5em;
    padding-left: 1.5em;
  }
  .single-blog .comment-content ul li {
    list-style: disc;
  }
  .single-blog .comment-content ol li {
    list-style: decimal;
  }
  .single-blog .comment-body .reply {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
  }
  .single-blog .comment-form .comment-input-wrap {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 1.5em;
    margin-top: -1em;
  }
  .media.blog-media { display: flex; flex-direction: column; margin-top: 30px; padding: 0.8rem;  }
  .media.blog-media .media-body h5 { line-height: 1.5; margin-bottom: 0; font-size: 1rem; font-family: var(--psb); color: var(--secondary); }
  .media.blog-media .media-body p { line-height: 1.5; font-size: 0.9rem; font-family: var(--pm); color: var(--global-palette3); }
  .media.blog-media .media-body a.post-link{padding: 0.5rem 0;}
  .media.blog-media .media-body a h5::after, .media.blog-media .media-body li a::after, .media.blog-media .media-body a.post-link::after{font-size: 1rem;}
  .media.blog-media > a.img-blog{height: 185px; max-width: 210px;}
  .media.blog-media > a.img-blog.home_blog_img{max-width: 100%;}
  /* .media.blog-media .media-body ul li{width: 100%;} */
}
/* ============ desktop view .end// ============ */

/* ============ small devices ============ */
@media (max-width: 1025px) {
  .navbar{ position: absolute; width: calc(100% - 50px); z-index: 6;}
  .navbar .navbar-toggler{background: var(--white);}
  .offcanvas-body .navbar-nav .nav-item .nav-link{text-align: start; font-family: var(--psb);}
  .offcanvas-body .navbar-nav .nav-item.dropdown{width: 100%;}
  .dropdown-toggle::after{ content: '\00BB'; border: 0; margin-left: 0; vertical-align: middle; transition: transform 0.5s ease-in-out; font-size: 1rem;}
  .offcanvas-body .dropdown-menu{ background: var(--secondary); }
  .offcanvas-body .dropdown-menu .dropdown-item{color: var(--white); font-weight: 500; border-bottom: 1px solid var(--black-65);}
  .offcanvas-body .dropdown-menu li:hover{background-color: var(--black);}
  .offcanvas-body .dropdown-menu-top li:hover{padding-bottom: 10px;}
  .offcanvas-body .dropdown-menu .dropdown-item:hover{ background: transparent;}
	.offcanvas-body .dropdown-menu li{ position: relative; 	}
  .offcanvas-body .nav-item .submenu{  display: none; position: static; margin: 12px 6px; background: var(--warning-light);}
  .offcanvas-body .nav-item .submenu .dropdown-item{color: var(--black);}
  .offcanvas-body .nav-item .submenu li:hover{background-color: var(--white);}
	.nav-item .submenu-left{  right:100%; left:auto;}
  .nav-item:hover .dropdown-menu-top{ display: block;}
  .nav-item:hover  .dropdown-toggle::after{ transform: rotate(90deg);}
	.dropdown-menu > li:hover > .submenu{ display: block; }

  .offcanvas-body .navbar-nav{align-items: flex-start;}
  .offcanvas-body .nav-link.dropdown-toggle.show{text-align: start;}
  .dropdown-menu .dropdown-menu{ margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem; }
  /* .banner-content .main-banner-heading{font-size: 1rem;}
  .banner-content .main-para-desc{ font-size: 2rem; }
  .banner-service .service-icon{ padding: 0.5rem; }
  .banner-service .service-icon img{ width: 1.5rem; height: 1.5rem; }
  .banner-service .service-heading{font-size: 0.7rem;} */
  .banner-service .service-col{ flex: 0 0 15%;}
  .team .team-members{transform: scale(0.8);}
  .team .member-details img{transform: rotate(-45deg) translate(0, 15px) scale(1.3);}
  .team .member-info{ transform: rotate(0deg) translate(0px, 15px);}
  .team .member-details:hover img{transform: rotate(0deg)}
}	
@media (max-width:991px){
  .media.blog-media{ height: -webkit-fill-available;}
  .media.blog-media .media-body{height: 100%; max-width: 100%;}
  .media.blog-media > a.img-blog{height: 185px; max-width: 100%;}
}
@media (max-width:769px){
  .explore-service .text__content{margin-bottom: 1rem;}
  .slider-wrapper .swiper{min-height: 250px;}
  .clients .carousel-caption { position: initial; z-index: 10; padding: 3rem 2rem; color: var(--global-palette3); text-align: center; font-size: 0.7rem; font-style: italic; font-weight: bold; line-height: 1.5rem; }
  .clients .carousel-caption img{ width: 4rem; border-radius: 4rem; margin-top: 1rem;}
  .clients #image-caption{ font-style: normal; font-size: 0.6rem; margin-top: 0.5rem; } 
  .clients i{
    padding: 0.8rem;
  }
  .media.blog-media{display: flex; flex-direction: column; height: -webkit-fill-available;}
  .media.blog-media .media-body { padding: 0.8rem; height: 100% }
  .social-buttons .btn {margin-bottom: 10px;}
  .media.blog-media .media-body h5{margin-bottom: 4px;}
  .media.blog-media .media-body a.post-link{padding: 0.8rem 0;}
  .contact .head-wrap{display: flex; align-items: center; gap: 0.5rem;}
  .contact .head-wrap svg{width: 1.5rem;}
  .contact .container{padding: 0;}
  .contact .container form{ padding: 10px 0 0 0; }
  .contact .container form .form-row{ display: block; }
  .contact form .form-row .input-data{ margin: 35px 0!important; }
  .contact .submit-btn .input-data{ width: 40%!important; }
}
@media (max-width: 576px) {
  .btn-floating.whatsapp{bottom: 33%;}
  .banner-content .main-banner-heading{font-size: 1.2rem;}
  .banner-content .main-para-desc{font-size: 2rem;}
  .banner-service{padding: 0 1rem;}
    .media.blog-media{aspect-ratio: auto; height: -webkit-fill-available;}
    .slider-wrapper .main-slider .slider-content-head{padding: 1rem;}
  }
@media (max-width:350px){
  .team .team-members{transform: rotate(0);}
  .team .team-members li > div{width: 30%;}
}
/* ============ small devices .end// ============ */