@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');
 h1 {
  font-size: 28px;   /* custom set */
  line-height: 1.3;
  margin: 20px 0;
}
h2 { font-size: 24px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }

h1, h2, h3, h4, h5, h6, p, a, div{font-family: 'Roboto', sans-serif;}
  my-email::after {
    content: attr(data-domain);
  }
  my-email::before {
    content: attr(data-user);
  }
.menu-area{background: #4b1f50;}
.mob-social a{color:#4b1f50!important;}
.dropdown-menu{padding:0;margin:0;border:0 solid transition!important;border:0 solid rgba(0,0,0,.15);border-radius:0;-webkit-box-shadow:none!important;box-shadow:none!important}
.mainmenu a, .navbar-default .navbar-nav > li > a, .mainmenu ul li a , .navbar-expand-lg .navbar-nav .nav-link{color:#fff;font-size:16px;text-transform:capitalize;padding:16px 15px;font-family:'Roboto',sans-serif;display: block !important;}
.mainmenu .active a,.mainmenu .active a:focus,.mainmenu .active a:hover,.mainmenu li a:hover,.mainmenu li a:focus ,.navbar-default .navbar-nav>.show>a, .navbar-default .navbar-nav>.show>a:focus, .navbar-default .navbar-nav>.show>a:hover{color: #fff;background: #e0006c;outline: 0;}
/*==========Sub Menu=v==========*/
.mainmenu .collapse ul > li:hover > a{background: #e0006c;}
.mainmenu .collapse ul ul > li:hover > a, .navbar-default .navbar-nav .show .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .show .dropdown-menu > li > a:hover{background: #e0006c;}
.mainmenu .collapse ul ul ul > li:hover > a{background: #e0006c;}

.mainmenu .collapse ul ul, .mainmenu .collapse ul ul.dropdown-menu{background:#000000;}
.mainmenu .collapse ul ul ul, .mainmenu .collapse ul ul ul.dropdown-menu{background:#000000}
.mainmenu .collapse ul ul ul ul, .mainmenu .collapse ul ul ul ul.dropdown-menu{background:#000000}
.dropdown-menu li{border-bottom:1px solid #dedede!important;}
/******************************Drop-down menu work on hover**********************************/
.show-mob{display:none!important;}
html { 
  -webkit-touch-callout: none; /* iOS Safari */ 
    -webkit-user-select: none; /* Safari */ 
     -khtml-user-select: none; /* Konqueror HTML */ 
       -moz-user-select: none; /* Firefox */ 
        -ms-user-select: none; /* Internet Explorer/Edge */ 
            user-select: none; /* Non-prefixed version, currently 
                                  supported by Chrome and Opera */ 
} 


.container .gallery a img {
            float: left;
            width: 23%;
            margin:10px;
            height: auto;
            border: 5px ridge #4b1f50;
            -webkit-transition: -webkit-transform .15s ease;
            -moz-transition: -moz-transform .15s ease;
            -o-transition: -o-transform .15s ease;
            -ms-transition: -ms-transform .15s ease;
            transition: transform .15s ease;
            position: relative;
            border-top-left-radius:30px; border-bottom-right-radius:30px;
        }

        .clear {
            clear: both;
        }
 /*------------------------Icon Side Bar--------------------------*/
 .sticky.is-sticky {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1000;
    width: 100%;
}

 .icon-bar {
  position: fixed;
  z-index: 1;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.icon-bar a {
  display: block;
  text-align: center;
  padding: 16px;
  transition: all 0.3s ease;
  color: white;
  font-size: 20px;
}

.icon-bar a:hover {
  background-color: #000;
}

.facebook {
  background: #3B5998;
  color: white;
}

.twitter {
  background: #55ACEE;
  color: white;
}

.google {
  background: #dd4b39;
  color: white;
}

.linkedin {
  background: #007bb5;
  color: white;
}
.carousel-item img{width:100%!important;}
.youtube {
  background: #bb0000;
  color: white;
}
 
 /*----------------------Icon Sidebar End----------------------*/
.color-yellow{position: absolute;
    top: 26px;
    left: 57px;
    font-size: 20px;
    color: #e0006c;}
.mainmenu{background: none;border: 0 solid;margin: 0;padding: 0;min-height:20px;width: 100%;}
.banner{width: 100%;}
.img-box{width:250px; padding:10px 10px; border:1px solid #000000; margin-right: 15px; margin-bottom:15px; float:left;}
.img-box img{width:100%;}
.clear{clear:both;}
 
 .f-12{font-size: 12px;}
 .black{color:#000000;}
 .link-sides{display: block; width: 100%; color: #000000; font-size: 16px; padding:5px 15px; border-bottom: 1px solid #ffffff;}
.bg-main{background-color: #ffffff;}
.bg-main-yellow{background-color: #e0006c;}
.bg-main-yellow{color:#ffffff!important;}
.bg-main-yellow h4{color:#ffffff!important;}
.bg-main-yellow a{color:#ffffff!important;}
.bg-main-yellow h5{color:#ffffff!important;}
.bg-main-yellow h2{color:#ffffff!important;}
.bg-main-yellow h3{color:#ffffff!important;}
.bg-main-yellow h6{color:#ffffff!important;}
.f-28{font-size: 28px;}
.bg-footer {
    background-color: #77053c;
    padding: 15px 25px;
    border-radius: 20px;
    margin-top: 25px;
}
.bg-foot-img{background-image: url('../images/foot-img.jpg'); color:#ffffff;}
.cat-bg{background-image: url('../images/bg-cat.jpg'); padding:50px 0px!important;}
.bg-foot-img a{color:#ffffff!important;}
.color-main{color:#4b1f50;}
.link-side{width: 100%;
    margin-top:15px;
        padding: 6px 15px 6px 45px;
    display: block;
        border-bottom-right-radius: 20px;
    background-color: #4b1f50;
    margin-bottom: 24px;
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none!important;
    transition: 2s all; }
    .link-side i{
       background-color: #e0006c;
    width: 55px;
    height: 55px;
    font-size: 20px;
    position: absolute;
    line-height: 47px;
    text-align: center;
    border-radius: 100%;
    border: 3px solid #e0006ca1;
    padding: 1px;
    background-clip: content-box;
    left: 2px;
    margin-top: -15px;}
    .bg-img{margin-top: -140px; background-image: url('../images/bg-call.jpg'); padding:150px 0px; color:#ffffff;}
    .bg-img a{color:#ffffff!important;}
    .mr-120{margin-top: -120px;}
    a{text-decoration: none!important;}
    .box-img{border:1px solid #e0006c; margin-bottom: 25px; width: 100%; text-align: center;}
    .box-img img{width: 100%; transition: all 2s;}
    .box-img img:hover{transform: rotateY(360deg);} 
    .box-img h5{background: #e0006cb3;
    padding: 10px 15px;
    color: #ffffff;
    position: absolute;
    width: 89%;
    bottom: 18px;}
	.f-30{font-size: 30px;}
	.f-50{font-size:50px;}
	.foot-call {
    display: none;
}
@media only screen and (min-width: 767px) {
    .show-mob{display:block;}
.mainmenu .collapse ul li:hover> ul{display:block}
.mainmenu .collapse ul ul{position:absolute;top:100%;left:0;min-width:250px;display:none}
/*******/
.mainmenu .collapse ul ul li{position:relative}
.mainmenu .collapse ul ul li:hover> ul{display:block}
.mainmenu .collapse ul ul ul{position:absolute;top:0;left:100%;min-width:250px;display:none}
/*******/
.mainmenu .collapse ul ul ul li{position:relative}
.mainmenu .collapse ul ul ul li:hover ul{display:block}
.mainmenu .collapse ul ul ul ul{position:absolute;top:0;left:-100%;min-width:250px;display:none;z-index:1}

}
@media only screen and (max-width: 767px) {
.navbar-nav .show .dropdown-menu .dropdown-menu > li > a{padding:16px 15px 16px 35px}
.navbar-nav .show .dropdown-menu .dropdown-menu .dropdown-menu > li > a{padding:16px 15px 16px 45px}

}
@media only screen and (min-width:320px) and (max-width: 480px){
    .container .gallery a img{margin:8px; width:45%; border-top-left-radius:30px; border-bottom-right-radius:30px;}
    .foot-call {
    display: block;
    padding: 2px 15px;
    font-size: 28px;
    text-align: center;
    position: fixed;
    bottom: 0;
    left:0;
    width: 100%;
    background-color: #4b1f50;
}
.foot-call .col-md-2 {
    width: 15%!important;
    float: left;
}
.foot-call .col-md-8 {
    width: 70%!important;
    float: left;
}
.carousel-item img{width:100%!important;}
.icon-bar{display:none!important;}
.menu-area {
    background: #e0006c;
}
.mainmenu  a{border-bottom:1px solid #000000;}
 .thumb{max-width: 45%!important;}
 .col-xs-6{width:50%;}
.f-50{font-size:32px;}
.img-box{width:100%;}
.navbar-toggler{margin-left: 80%!important;}
.show-mob{display:block !important;}
.hide-mob{display:none;}
.calls-foot{width: 100%;
    padding: 10px 0px;
    font-size: 22px;
    background-color: #000000;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;}
    .calls-foot a{
    padding: 10px 15px;
    color: #e0006c;
    font-weight: 700;}
    .copy{position: relative;
    bottom: 40px;
    background: #ffffff;
    padding: 18px 0;}
    .mob-social{margin-top: 30px !important;
    text-align: right;}
    .mob-social a{color:#000000!important;}
    .box-img h5{width: 83%;}
}
/* Navbar Fix */
.menu-area {
    background: #4b1f50 !important;
    padding: 5px 15px !important;
}

.navbar-brand h4 {
    margin: 0;
    font-size: 22px;
}

.navbar-brand img {
    max-height: 50px;
}

.navbar-nav .nav-link {
    color: #fff !important;
    font-size: 16px;
    padding: 10px 15px;
}

.navbar-nav .nav-link:hover,
.navbar-nav .active .nav-link {
    background-color: #e0006c !important;
    color: #fff !important;
}

.dropdown-menu {
    background: #000 !important;
}

.dropdown-item {
    color: #fff !important;
}

.dropdown-item:hover {
    background-color: #e0006c !important;
    color: #fff !important;
}

/* Mobile adjustments */
@media (max-width: 768px) {
    .navbar-nav {
        margin-top: 10px;
    }

    .navbar-collapse {
        background: #4b1f50;
    }

    .nav-item {
        width: 100%;
    }

    .nav-link {
        padding: 12px 20px;
    }
}
/* ✅ Navbar Fix for Mobile */

/* Global links */
a {
  color: #4b1f50;             /* Accessible purple */
  font-weight: 600;           /* Bolder than text */
  text-decoration: underline; /* Always underline for clarity */
}

a:hover {
  color: #000000;             /* Darker on hover */
  text-decoration: underline; /* Keep underline */
}

/* Pink section links */
.section-pink a {
  color: #e6c200;            /* Yellow type (contrast safe) */
  font-weight: 600;
  text-decoration: underline;
}

.section-pink a:hover {
  color: #ffea00;            /* Bright yellow on hover */
  text-decoration: underline;
}

/* FAQ Links */
.card-header .btn-link {
  color: #004085 !important;   /* Darker blue, looks almost same */
  font-weight: 500;
  text-decoration: none;
}

.card-header .btn-link:hover,
.card-header .btn-link:focus {
  color: #002752 !important;   /* Even darker on hover/focus */
  text-decoration: underline;
}
/* Area List */
.area-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;   /* center align */
  gap: 12px;                 /* spacing between items */
  margin: 30px 0;
  padding: 0;
  list-style: none;
}

.area-list li {
  flex: 0 0 calc(25% - 12px);  /* desktop → 4 column */
  text-align: center;
}

.area-list li a {
  display: block;
  background: #f2f7f4;
  padding: 10px 15px;
  border-radius: 25px;
  color: #444;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
}

.area-list li a:hover {
  background: #00a859;
  color: #fff;
}

/* Tablet (3 column) */
@media (max-width: 992px) {
  .area-list li {
    flex: 0 0 calc(33.33% - 12px);
  }
}

/* Mobile (2 column) */
@media (max-width: 576px) {
  .area-list li {
    flex: 0 0 calc(50% - 12px);
  }
  .area-list li a {
    font-size: 14px;
    padding: 8px 10px;
  }
}