/*
Theme Name: Twenty Seventeen
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 3.9
Tested up to: 6.8
Requires at least: 4.7
Requires PHP: 5.2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-patterns

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');

html, body {position: relative;height: auto;overflow-x: hidden;}
body {overflow: hidden;font-size: 15px;color:#2D3161;margin: 0;padding: 0;position: relative;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    overflow-x: hidden;
}
h1, h2, h3,h4, h5, h6{font-weight: 600;}
p{
    font-size: 15px;
    font-weight: 500;
    line-height: 23px;
}
:focus{
    outline: none!important;
}
a {
    text-decoration: none;
    transition: color .5s linear;
    color:#e3286f;
}
a, button, input, textarea, select, .common-btn, .hover-item {
    transition: all 0.3s ease-in-out;
}
a:hover, a h3:hover, a h4:hover, a h2:hover, a h1:hover, a h5:hover, a i:hover, a p:hover{
    text-decoration: none;
    transition: color .5s linear;
    color:#a80041!important;
}
.sticky-header {
  position: sticky;
  top: 0;
  z-index: 9999; /* or use transparent or white depending on theme */
  transition: all 0.3s ease;
  box-shadow: 0 0 10px rgba(0,0,0,0.1); /* Optional: subtle shadow */
}
.navbar-expand-md .navbar-nav .nav-link{
    padding: 12px 30px;
    color: #fff;
}
.navbar-expand-md .navbar-nav .nav-link:hover{
    color: #e3286f!important;
}
.navbar-nav .dropdown-menu {
    position: static;
    background: #1a1c36;
}

.sticky-header.scrolled {
  position: fixed;
  background-color: #1a1c36; /* or your brand color */
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}
.carousalimg{
    width: 100%;
}
.common-btn{
    background: #E3286F;
    padding: 10px 20px;
    color: #fff;
    border-radius: 5px;
    border: 1px solid #E3286F;
}
.common-btn:hover{
    background: transparent;
    color: #E3286F!important;
    border: 1px solid #E3286F;
}
.full-width{
    width:1440px;
    max-width: 1440px;
    margin: auto;
}
.header-container {
    position: absolute;
    z-index: 9;
    width: 100%;
    top: 0px;
}
.scroll-animate {
  opacity: 0;
  transition: opacity 0.3s ease;
}

.scroll-animate.animate__animated {
  opacity: 1;
}
.card-body .d-flex .fw-medium a{
	color:#2D3161
}
/*---------------*/
/*   Home Page   */
/*---------------*/

.home-banner .carousel-control-next, .home-banner .carousel-control-prev {
    width: 60px;
    height: 60px;
    top: 48%;
    background: #333;
    border-radius: 100%;
}
.home-banner .carousel-control-next{
    right:5%
}
.home-banner .carousel-control-prev {
    left:5%
}
.carousel-caption {
    text-align: left;
    left: 14%;
    right: auto;
    bottom: 30%;
    max-width: 650px;
    position: absolute;
}

.carousel-caption h3{
    opacity: 0;
}
.carousel-caption p,
.carousel-caption a {
    opacity: 0;
    transition: all 3s ease;
}

/* When the slide is active, animate each element in sequence */
.carousel-item.active .carousel-caption h3 {
    opacity: 1;
    font-size: 50px;
    margin-bottom: 30px;
}
.carousel-item.active .carousel-caption p {
    opacity: 1;
    transition-delay: 1s;
    margin-bottom: 50px;
}
.carousel-item.active .carousel-caption a {
    opacity: 1;
    transition-delay: 2s;
}
.typewriter {
  white-space: normal;
  word-break: break-word;
  line-height: 1.5;
}

.word {
  white-space: nowrap; /* prevent word-break */
  display: inline-block;
  margin-right: 6px;
}

.letter {
  display: inline-block;
  opacity: 0;
  animation: charFade 0.5s ease-out forwards;
}

@keyframes charFade {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.animated-text, .carousel-item.active .common-btn {
  opacity: 0;
  transition: opacity 0.6s ease;
}

.visible {
  opacity: 1;
  transform: translateY(0);
}

.hm-grid-row {
    position: relative;
    top: -75px;
    padding: 20px;
    width: 90%;
    margin: auto;
}
.hm-grid-col {
    padding: 40px 25px;
    background: #fff;
    text-align: center;
    box-shadow: 0px 20px 60px 0px #00000014;
    border-radius: 5px;
    transition: box-shadow 0.3s ease, background-color 0.3s ease;
    height: 100%;
}

.hm-grid-col:hover {
    background: #1a1c36;; /* light tint or use #fff if keeping white */
    box-shadow: 0px 25px 80px 0px rgba(0, 0, 0, 0.1); /* smoother lift effect */
    color: #fff;
}

.hm-grid-col h4 {
    margin-bottom: 20px;
    font-size: 19px;
    transition: color 0.3s ease;
}
.hm-grid-col img {
    width: 115px;
    height: auto;
    padding: 20px;
    border: 1px solid #e3286f;
    border-radius: 100%;
}
.hm-grid-col:hover img{
    background:#fff;
    border-radius: 100%;
}
.sub-title{
    font-size: 18px;
    text-transform: uppercase;
    color: #e3286f;
    margin-bottom: 20px;
}
.main-title {
    font-size: 40px;
    margin-bottom: 30px;
    text-transform: capitalize;
}
.hm-about-row {
    margin: 0px;
    padding: 0px 10px;
    margin-bottom: 90px;
}
.hm-about-row h3{}
.hm-about-row h4{}
.hm-about-row p {
    margin-bottom: 40px;
}
.hm-about-row a{}
.about-side-col {
    padding: 40px 80px 40px 0px;
}
.about-right-side-col{
    background-size: cover;
    background-repeat: no-repeat;
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
}

.about-right-side-col::before {
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0, 0, 0, 0); /* no overlay initially */
  z-index: 1;
}

.about-right-side-col:hover::before {
  background: rgba(0, 0, 0, 0.4); /* dark overlay on hover */
}

.our-services .service-item {
  padding: 15px;
  position: relative;
  text-align: center;
}
.our-services .service-item img {
  width: 100%;
  height: auto;
  border-radius: 10px;
}
.text-center{
 text-align: center;
}
.services-fluid {
    padding: 60px 20px;
}
.services-fluid .services-title {
    position: absolute;
    top: 47px;
    left: 0px;
    right: 0px;
    text-align: left;
    color: #fff;
    padding: 0px 50px;
}
.services-fluid .services-title p{}
.services-fluid .services-title h3{font-size: 24px;}
.services-fluid .services-content {
    position: absolute;
    bottom: 50px;
    left: 0px;
    right: 0px;
    text-align: left;
    color: #fff;
    padding: 0px 50px;
}

.services-fluid .services-content img {
    margin-bottom: 20px;
    width: 50px;
}
.services-fluid .services-content p{}
.services-fluid .services-content a {
    color: #fff;
    padding-bottom: 5px;
    border-bottom: 1px solid #fff;
}
.services-fluid .hover-show {
    display: block;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: opacity 0.3s ease, transform 0.3s ease;
    bottom: -100px;
    position: absolute;
    left: 0px;
    right: 0px;
    padding: 0px 50px;
}
/* Show only the image initially */
.services-fluid .services-content img {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s ease;
}
.service-item:hover .hover-show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
    bottom: 0px;
    position: absolute;
}

.service-item:hover .services-content img {
  opacity: 0;
  visibility: hidden;
}

.service-item img {
    transition: transform 0.4s ease;
}

.service-item:hover > img {
  transform: scale(1.05);
  border-radius:10px
}
.slick-dots li {
    width: 10px;
    height: 10px;
    margin: 0 3px;
}
.slick-dots li button {
    width: 10px;
    height: 10px;
    padding: 5px;
}
.slick-dots li button:before {
    width: 10px;
    height: 10px;
 }
 .slick-dots li.slick-active button:before {
    opacity: .75;
    color:#e3286f;
}
.process-fluid{padding:40px 0px 90px}
.process-grid {
    background: url(assets/images/hm-process-bg.png);
    background-size: 100%;
    background-repeat: no-repeat;
    padding: 40px;
}
.margin-auto{
    margin: auto;
}
.process-col {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  padding: 20px;
  border-radius: 10px;
  background: #fff;
}
.process-col:hover {
  transform: translateY(-8px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}
.process-img {
    display: block;
    position: relative;
    width: 183px;
    margin: auto;
    margin-bottom: 20px;
}
.process-img span {
    width: 30px;
    height: 30px;
    display: block;
    line-height: 30px;
    text-align: center;
    background: #e3286f;
    color: #fff;
    font-size: 14px;
    border-radius: 100%;
    position: absolute;
    box-shadow: 0px 0px 16px 11px rgba(227, 40, 111, 0.39);
    -webkit-box-shadow: 0px 0px 16px 11px rgba(227, 40, 111, 0.39);
    -moz-box-shadow: 0px 0px 16px 11px rgba(227,40,111,0.39);
    top: 0px;
    left: 20px;
    z-index: 999;
}
.process-col:hover .process-img span {
  box-shadow: 0px 0px 20px 15px rgba(227, 40, 111, 0.5);
  background-color: #d91e63;
}
.process-img img {
    width: 100%;
    transition: transform 0.4s ease;
    border-radius: 100%;
}

.process-col:hover .process-img img {
  transform: scale(1.08);
}
.process-cnt{}
.process-cnt h5{margin-bottom: 20px;}
.process-cnt p{}
.why-fluid {
    position: relative;
    background-size: cover;
    background-position: center;
    z-index: 1;
    padding: 90px 0px;
    color: #fff;
}

.why-fluid::before {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5); /* black overlay with 50% opacity */
  z-index: 0;
}

.why-fluid > * {
  position: relative;
  z-index: 2; /* ensure content sits above overlay */
}
.why-main-wrapper{}
.why-main-wrapper h3{}
.why-main-wrapper p {
    width: 50%;
    margin-bottom: 70px;
}
.why-col{
    padding-right: 90px;
}
.why-col h4{}
.why-col p{}
.blogs-fluid {
    padding: 90px 10px;
}
.blog-row{margin-top: 20px;}
.blog-col {
    box-shadow: 0px 0px 30px 0px #00000014;
    border-radius: 5px;
    overflow: hidden;
    background: #fff;
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}
.blog-col:hover {
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
  transform: translateY(-5px);
}
.blog-img {
  overflow: hidden;
  position: relative;
}
.services-list a:hover{color: #000000!important;}
.blog-img img {
  width: 100%;
  transition: transform 0.4s ease;
	height:auto;
}

.blog-col:hover .blog-img img {
  transform: scale(1.5);
}
.blog-img .cat-blog{
    position: absolute;
    right: 15px;
    top: 15px;
    background: #f1f1f1;
    padding: 5px;
    font-size: 12px;
    text-transform: uppercase;
    border-radius: 3px;
    color: #2d3161;
}
.blog-cnt{padding:20px}
.blog-cnt a{}
.blog-cnt h4 {
    color: #2d3161;
    font-size: 20px;
    margin: 0px 0px 20px;
}
.blog-cnt p{}
.footer-fluid {
    background: #1A1C36;
    color: #fff;
    padding: 90px 10px 20px;
}


/*---------About Us -------------*/
.banner-fluid {
    color: #fff;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    height: 350px;
    position: relative;
    background-position: center !important;
}
.breadcrumb-section {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
}
.banner-fluid .full-width{}
.banner-fluid h1 {
    font-size: 50px;
    margin-bottom: 20px;
}
.banner-fluid p{}
.banner-fluid p a{
    color: #fff;
}
.banner-fluid p b {
    padding: 0px 10px;
    color: #e3286f;
}
.banner-fluid p span{}
.about-fluid{padding:80px 0px}
.about-right-side-col-abt img{
    width:100%
}
.vision-fluid {
    background: url(assets/images/vision-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
    padding: 100px 0px;
    margin-bottom: 60px;
}
.vision-col {
    padding-right: 18%;
}
.vision-col:nth-child(2) {
    padding-right: 11%;
    padding-left: 7%;
}
.vision-col h3{font-size: 30px;margin-bottom: 20px;}
.vision-col img {
    margin-bottom: 30px;
    width: 70px;
}
.vision-col p{}


/*----------Contact Us-----------*/
.contact-fluid {
    padding-top: 90px;
}
.contact-row{
    margin: 0px;
    margin-bottom: 90px;
    box-shadow: 0px 10px 60px 0px #0000000D;
    border-radius: 10px;
    overflow: hidden;
    text-align: left;
}
.contact-row .col-lg-7{
    padding:50px
}
.contact-form-row {
    padding: 20px 0px;
    font-weight: 500;
}
.contact-form-row label {
    margin-bottom: 5px;
}
.contact-form-row .col-lg-6, .contact-form-row .col-lg-12{
    margin: 8px 0px;
}
.contact-form-row label span {
    color: #e3286f;
}
.contact-form-row .form-control {
    border: 1px solid #DEE2E6;
    padding: 10px;
}
.contact-side-col {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 10px;
    color: #fff;
    padding: 50px;
}
.contact-side-col h3{}
.contact-side-col p{}
.contact-p-row {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding: 20px 0px;
}

.contact-p-row b {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 5px;
    display: block;
}
.contact-p-row i {
  font-size: 20px;
  margin-top: 4px;
  color: #e3286f; /* adjust to match theme */
}

.contact-p-row span a {
  color: #ffffff;
  text-decoration: none;
}


/*-------------Terms Condition & Privacy Polcy -----------*/
.terms-fluid{}
.terms-row{
    margin: 0px;
    margin-top: 90px;
    margin-bottom: 90px;
    box-shadow: 0px 10px 60px 0px #0000000D;
    border-radius: 10px;
    padding: 50px;
    text-align: left;
}
.terms-row ul, .each-blog-list ul {
    list-style-image: url(assets/images/list.png);
    padding-left: 32px;
}
.each-blog-list ul {padding-left: 20px};
.terms-row li{
    padding-bottom: 8px;
}
.terms-row p{margin-bottom: 15px;}
.terms-row h3 {
    margin-bottom: 20px;
    margin-top: 20px;
}


/*--------Single Services------------*/
.single-service-fluid {
    padding: 90px 0px;
}
.single-service-row{}
.col-serve-side{
    padding-right: 40px;
}
.col-side-service {
    box-shadow: 0px 0px 14px 0px #52555A1A;
    border-radius: 10px;
    overflow: hidden;
}
.col-side-service h4 {
    font-size: 20px;
    color: #fff;
    background: #1a1c36;
    font-weight: 400;
    padding: 10px 15px;
}
.services-list {
    padding: 10px 15px 20px;
}
.services-list a {
    border: 1px solid #0000001A;
    display: block;
    border-radius: 5px;
    padding: 10px 15px;
    color: #1a1c36;
    margin: 5px 0px;
}
.services-list a i{
    float: right;
    margin-top: 3px;
}
.services-list a.active {
    background: #e3286f;
    color: #fff;
}
.inner-sctn {
    box-shadow: 0px 0px 14px 0px #52555A1A;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 30px;
    padding: 30px;
}
.col-serve-right-side{}
.col-serve-right-side h3 {
    padding-bottom: 20px;
}
.accordion-body{
    text-align: left;
}
.col-serve-right-side img {
    border-radius: 15px;
    margin-bottom: 20px;
    width: 100%;
}
.col-serve-right-side p{
    margin-bottom: 15px;
}
.single-inner-section {
    padding: 20px 0px 10px;
    text-align: center;
}
.single-inner-section h2 {
    width: 80px;
    height: 80px;
    line-height: 75px;
    border: 2px solid #E4E4E4;
    font-size: 30px;
    border-radius: 100%;
    margin: 0px auto 20px;
}
.single-inner-section h5 {
    color: #e3286f;
    margin-bottom: 15px;
}
.single-inner-section p{}
.accordion-item {
    border-radius: 10px;
    border: 0px;
    box-shadow: 0px 0px 40px 5px #00000008;
    background: #fff;
    margin-bottom: 10px;
}
.accordion-button:not(.collapsed) {
    color: #e3286f;
    background: #fff;
    font-weight: 600;
}
.accordion-button {
    color: #42545E;
    font-weight: 600;
}

/*------Footer --------*/
.footer-fluid p{}
.footer-fluid h4{
    font-size: 20px;
    margin-bottom: 20px;
}
.footer-fluid a{}
.footer-fluid ul {
    padding: 0px;
    list-style: none;
}
.footer-fluid ul li{margin-bottom: 5px;}
.bottom-footer{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding-top: 10px;
    margin-top: 30px;
    border-top: 1px solid #FFFFFF26;
}
.bottom-footer .logo-col {
  display: flex;
  align-items: center;
}
.text-right{
    text-align: right;
}
.bottom-footer img{}
.bottom-footer p{}
.bottom-footer p a{padding:0px 5px;}
.footer-fluid a {
    color: #fff;
}
.foot-col {
    padding-right: 50px;
}
.social-links{}
.social-links p {
    margin: 10px 0px;
}
.social-links a{
    width: 40px;
    height: 40px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #fff;
    color: #1a1c36;
    border-radius: 100%;
    margin-right: 5px;
}
.social-links i {
    padding-top: 9px;
}
.text-danger{
    color: #e3286f!important;
}
.bg-common {
    background-color: #1A1C36;
    color: #fff !important;
    padding: 13px 15px;
    font-size: inherit;
}
.col-side-bar .shadow-sm {
    box-shadow: 0px 0px 14px 0px #52555A1A !important;
    border: 0px;
    overflow: hidden;
    border-radius: 10px;
}
.col-side-bar .card-body{
    padding: 30px!important;
}
.tags-list{
    background: transparent!important;
    padding: 10px;
    font-weight: 400;
}
.col-side-bar{
    padding-left: 50px;
}
.col-side-bar .list-group-flush>.list-group-item{
    padding-left: 0px;
    padding-right: 0px;
}
.col-side-bar .cont-side-col{}
.col-side-bar .cont-side-col i{padding-right: 10px;}
.blog-date-badge {
    position: absolute;
    bottom: -20px;
    right: 20px;
    background: #ea4c89;
    color: white;
    padding: 8px 15px;
    font-size: 14px;
    border-radius: 8px;
    text-align: center;
    font-weight: 600;
}
.blog-date-badge div {
    font-size: 26px;
}
.blog-date-badge small{}
.blog-list-inner{
    padding: 30px;
}
.wpcf7 form .wpcf7-response-output {
    margin: 10px 0px!important;
}
.each-blog-list{margin-bottom: 60px;}
.each-blog-list:nth-last-child(1){margin-bottom: 0px;}
.blog-cnt-detail{}
.blog-cnt-detail h2 {
    margin: 30px 0px 20px;
}
.custom-bg {
    background: linear-gradient(to right, #e2e8f0, #e5e7eb);
    padding: 10% 30px;
}

.blog-cnt-detail h3 {
    margin: 30px 0px 20px;
    font-size: 24px;
}
.blog-cnt-detail p{margin-bottom: 15px;}
.blog-cnt-detail ul{margin-bottom: 15px;}
.blog-cnt-detail ul li{padding-bottom: 10px;}
.blog-cnt-detail h5{margin-top: 35px;margin-bottom: 20px;}
.share-div{margin-top: 40px;margin-bottom: 40px;}
 .nav-pills .nav-link.active {
      background-color: #D6287B; /* Pink color */
      color: #fff;
    }
    .nav-pills .nav-link {
      background-color: #f1f1f1;
      color: #333;
      margin-right: 10px;
      border-radius: 5px;
    }
    .section-heading {
      font-weight: 700;
    }
    .highlight-title {
      color: #D6287B;
      font-weight: 600;
      margin-top: 1rem;
    }
/* -------------------------------
|           Responivness         |
--------------------------------*/

@media only screen and (max-width: 1600px){
    .full-width {
        width: 1300px;
        max-width: 1300px;
    }
}
@media only screen and (max-width: 1530px){
    .carousel-item.active .carousel-caption h3 {
        font-size: 45px;
        margin-bottom: 20px;
    }
    body, p{
        font-size: 14px;
        font-weight: 300;
        line-height: 20px;
    }
    .dropdown-item {
        font-size: 14px;
    }
}
@media only screen and (max-width: 1440px){
    .carousel-item.active .carousel-caption h3 {
        font-size: 40px;
    }
    .process-cnt h5 {
        margin-bottom: 10px;
    }
	
.bottom-footer p{font-size:13px}
}
@media only screen and (max-width: 1370px){
    .full-width {
        width: 1200px;
        max-width: 1200px;
    }
    .why-col h4 {
        font-size: 18px;
    }
    .blog-cnt h4 {
        font-size: 18px;
    }
    .footer-fluid h4 {
        font-size: 18px;
    }
    .banner-fluid h1 {
        font-size: 40px;
    }
    
}
@media only screen and (max-width: 1290px){
    .full-width {
        width: 100%;
        max-width: 100%;
        padding-left: 5%;
        padding-right: 5%;
    }
    
    .carousel-item.active .carousel-caption h3 {
        font-size: 30px;
    }
    
    .carousel-item.active .carousel-caption p {
        margin-bottom: 30px;
    }
    .hm-about-row {
        margin-bottom: 40px;
    }
    .process-img {
        width: 150px;
    }
    .main-title{
        font-size: 30px;
        margin-bottom: 20px;
    }
    .sub-title {
        font-size: 15px;
        margin-bottom: 15px;
    }
    .navbar-expand-md .navbar-nav .nav-link {
        padding: 12px 20px;
    }
    .process-fluid {
        padding: 40px 20px 0px;
    }
}
@media only screen and (max-width: 1100px){
    .hm-grid-row{
        position: relative;
        top: 0;
        padding: 20px 0px;
        width: 100%;
        margin: 60px auto;
    }
    .carousel-caption {
        left: 14%;
        bottom: 18%;
        max-width: initial;
        right: 14%;
    }
    .why-col {
        padding-right: 50px;
    }
}
@media only screen and (max-width: 1024px){}
@media only screen and (max-width: 992px){
    .carousel-item.active .carousel-caption h3 {
        font-size: 20px;
    }
    .hm-grid-col h4 {
        font-size: 17px;
    }
}
@media only screen and (max-width: 991px){
    .blog-col {
        margin-bottom: 30px;
    }
    .blog-list-inner {
        padding: 20px;
    }
    .foot-col {
        padding-right: 20px;
        margin-bottom: 30px;
    }
    .process-col {
        margin-bottom: 30px;
    }
    .navbar-expand-md .navbar-nav .nav-link {
        padding: 12px 10px;
    }
    .single-service-fluid {
        padding: 50px 20px;
    }
    .home-banner .carousel-control-next, .home-banner .carousel-control-prev {
        width: 40px;
        height: 40px;
        top: 48%;
        z-index: 3;
    }
    .carousel-control-next-icon, .carousel-control-prev-icon {
        width: 1rem;
        height: 1rem;
    }
    .vision-col {
        padding: 5% !important;
    }
    
    .terms-row{
        margin-top: 60px;
        margin-bottom: 60px;
        padding: 30px;
    }
    .terms-row li {
        padding-bottom: 8px;
    }
    .terms-row p{margin-bottom: 15px;}
    .terms-row h3 {
        margin-bottom: 15px;
        margin-top: 15px;
        font-size: 20px;
    }
    .col-side-bar {
        padding-left: 10px;
        margin-top: 40px;
    }
    .col-side-bar .card-body {
        text-align: left;
    }
}
@media only screen and (max-width: 800px){}
@media only screen and (max-width: 768px){
    .home-banner .carousel-caption .common-btn{display: none;}
}
@media only screen and (max-width: 767px){
    .navbar-toggler {
        background: #e3286f;
    }
	.footer-fluid a {
    display: block;
    margin: auto;
}
	.last-col{margin-top:20px}
    .navbar-collapse {
        align-items: center;
        background: #e3286f;
        display: block;
        overflow: hidden;
        height: auto;
        border-radius: 5px;
    }
    .dropdown-item.active, .dropdown-item:active {
        background-color: transparent;
    }
    nav .common-btn{
        display: block;
        padding: 2px 10px 12px;
    }
    .banner-fluid {
        height: 300px;
    }
    .navbar-expand-md .navbar-nav .nav-link:hover{
        color: #000000 !important;
    }
    .hm-about-row {
        margin: 0px;
        padding: 0px 2px;
    }
    .hm-grid-col {
        margin-bottom: 30px;
        height:auto
    }
    .hm-grid-row {
        margin: 60px auto 0px;
    }
    .why-main-wrapper p {
        width: 100%;
        margin-bottom: 50px;
    }
    .why-col {
        padding-right: 15px;
    }
    .bottom-footer p{
        text-align: left;
    }
    .carousel-item::before {
        content: "";
        position: absolute;
        top: 0; left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.4); /* Dark overlay */
        z-index: 1;
    }
    .carousel-item .carousalimg {
        position: relative;
        height: 400px;
        width: auto;
        margin: 0 auto;
        display: block;
        float: right;
    }
    .carousel-caption {
        z-index: 3;
        bottom: 16%;
    }
    .about-side-col{
        padding: 40px 0px 40px 0px;
    }
    .about-right-side-col {
        height: 300px;
    }
    .full-width {
        text-align: center;
    }
    .bottom-footer .logo-col {
        display: block;
    }
	.bottom-footer p{
		text-align:center
	}
    .bottom-footer p a {
        padding: 5px 5px;
        display: block;
        text-align: center;
    }
    .banner-fluid h1 {
        font-size: 30px;
    }
    .navbar-brand{
        width:150px!important
    }
}
@media only screen and (max-width: 600px){}
@media only screen and (max-width: 575px){}
@media only screen and (max-width: 480px){
    .carousel-caption {
        z-index: 3;
        bottom: 10%;
    }
    .navbar-brand img{width:150px}
    .banner-fluid h1 {
        font-size: 24px;
    }
}
@media only screen and (max-width: 360px){
    .carousel-caption {
        z-index: 3;
        bottom: 5%;
    }
}
@media only screen and (max-width: 320px){}