@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@font-face {
  font-family: "CambriaCustom";
  src: url("fonts/Cambria-Font-For-Windows.ttf") format("truetype"),
       url("fonts/Cambria-Font-For-MAC.ttf") format("truetype"),
       url("fonts/Cambria-Font-For-Linux.ttf") format("truetype"),
       url("fonts/Cambria-Font-For-Android.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

:root{
    --primary-text:#000;
    --secondery-text:#3E4095;
    --dark-text:#1C1F81;
    --primary-bg: #3E4095;
    --light-purple-bg: #EDEDFF;
     --bglight-bg:#F2F2F2;
}
html, body {
  overflow-x: hidden;
}
html{
    scroll-behavior: smooth;
}

body{
    color:var(--primary-text);
    font-size: 17px;
    font-weight: 400;
    line-height:25px;
    font-family:"Cambria", sans-serif;
}

/* ---- default ---- */
p, a, ul li{
    text-decoration: none;
    color:var(--primary-text);
    font-size: 17px;
    font-weight:400;
    font-family: "Cambria", sans-serif;
   line-height: 25px;
}
ul,ol,figure{
    margin: 0;
}

button:focus, .btn:focus, .navbar-toggler:focus, .form-control:focus{
    box-shadow: none;
}
.text-justify {text-align: justify;}
/* ---- font ---- */

.fw-light {font-weight: 300 !important;}
.fw-normal {font-weight: 400 !important;}
.fw-semibold{font-weight: 500!important;}
.fw-bold{font-weight: 600!important;}
.primary-text {color: var(--primary-text)!important;}
.secondery-text{color: var(--secondery-text)!important;}
.primary-bg{background-color: var(--primary-bg)!important;}
.light-purple-bg{background-color: var(--light-purple-bg)!important;}
.bglight-bg{background-color: var(--bglight-bg)!important;}
.dark-text {color: var(--dark-text)!important;}

/* ---- font ---- */
.theme-btn {
  width: auto;
  position: relative;
  border-radius: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding:5px 40px;
  background-color: var(--primary-bg);
  border: none;
  text-decoration: none;
  overflow: hidden;
  z-index: 1;
  transition: 0.5s;
  font-size: 17px;
}
.theme-btn a{
  color: #fff;
  font-weight:500;
  font-size: 17px;
}
.theme-btn:hover{
  background-color:#7174dd;
}

/* Heading*/

.heading-style{
    font-size:36px;
    color: var(--secondery-text);
    font-weight:600;
    margin-bottom:30px;
    font-family:"Poppins", sans-serif;
    text-transform: uppercase;
    position: relative;
}
.heading-box{
      position: relative;
      display: inline-block;
      padding:1px 18px;
      border: 1px solid #999999;
      margin-bottom:30px;
    }

    .heading-box p {
      font-size:18px;
      font-weight:500;
      position: relative;
      z-index: 2;
      margin-bottom: 0;
    }
.subheading p, .subheading h3 {font-family: "Poppins", sans-serif;}
  /* Common corner style */
    .corner {
      position: absolute;
      width: 25px;
      height: 25px;
    }

    /* horizontal line */
    .corner::before {
      content: "";
      position: absolute;
      height: 1px;
      width: 0;
      background: #999999;
      animation: lineH 2s linear infinite;
    }

    /* vertical line */
    .corner::after {
      content: "";
      position: absolute;
      width:1px;
      height: 0;
      background: #999999;
      animation: lineV 2s linear infinite;
    }

    /* --- Position each corner --- */
    .tl { top: 0; left: 0; }
    .tl::before {top:-1px; left: -17px;}
    .tl::after { top: -15px; left: -1px; }

    .tr { top: 0; right: 0; }
    .tr::before {top: -1px; ; left:17px;}
    .tr::after { top:-15px; right:-1px; }

    .bl { bottom: 0; left: 0; }
    .bl::before { bottom:-1px; left: -17px; }
    .bl::after { bottom:-15px; left: -1px; }

    .br { bottom: 0; right: 0; }
    .br::before { top:25px; ; left:17px; }
    .br::after { bottom:-15px; right: -1px; }

    /* Animations */
    @keyframes lineH {
      0% { width: 0; }
      50% { width: 25px; }
      100% { width: 0; }
    }

    @keyframes lineV {
      0% { height: 0; }
      50% { height: 25px; }
      100% { height: 0; }
    }
/* form */
.form-control:focus{
    border-color: var(--orange-dark-color);
}
.form-floating > label {
    padding: 0.8rem .75rem;
}
.form-floating .form-control[required],
.form-floating .form-control.required {
    position: relative;
}
.form-floating .form-control[required] + label::after,
.form-floating .form-control.required + label::after{
    content: "*";
    color: rgb(224, 23, 23);
    font-size: 14px;
    position: absolute;
    top: 8px;
    right: 5px;
}

/* default */
.section-space{
    padding:80px 0px;
}
.section-space2{
    padding:60px 0px;
}
.section-space-top{
    padding-top:80px
}
.section-space-bottom{
    padding-bottom:80px
}

/* ---- header ---- */

.fixed-top{
  background:#fafafa;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
.fixed-top .navbar {border-top: 0px !important;}
.menu-section .navbar {border-top: 1px solid #ddd;padding: 0;}
.navbar .dropdown-toggle::after {
  border: none;
  content: "\f107";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  vertical-align: middle;
  margin-left: 8px;
}
.navbar-light .navbar-nav .nav-item {  padding:8px 25px;}
.navbar-light .navbar-nav .nav-link {
  padding: 0;
  font-size: 17px;
  text-transform:capitalize;
  outline: none;
  font-weight: 500;
  color: #000;
}
.navbar-light .navbar-nav .nav-link:hover{
  color:#4a4ca8;
  border-bottom: 2px solid #4a4ca8;
  transition: 0.3s;
}
.navbar-light .navbar-nav .nav-link.active {
  color: #4a4ca8;;
  border-bottom: 2px solid #4a4ca8;
  font-weight:600;
}

@media (min-width:1100px) {
    .navbar-expand-md {
        flex-wrap: nowrap;
        justify-content: flex-start;
    }
        .navbar-expand-md .navbar-toggler {
        display: none;
    }
}
@media (max-width: 991.98px) {
  .navbar-light .navbar-nav .nav-link  {
      margin-right: 0;
      padding: 10px 0;
  }

.navbar-light .navbar-nav {padding:10px!important;}
}

.navbar-light .navbar-brand,
.navbar-light a.btn {
  height: 75px;
}

/* -- breadcrumb -- */
.page-banner-section{
    position: relative;
    height:160px;
    background-repeat: no-repeat;
    background-image: url(../images/page-banner.png);
    background-size: 100% 100%;
    width: 100%;
    background-position: center left;
}

.page-banner-section .breadcrumb{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #050505;
    display: inline-flex;
    width: auto;
    margin-bottom: 0;
}
.page-banner-section .breadcrumb li{
    position: relative;
    color:#3E4095;
    font-weight: 700;
}

.page-banner-section .breadcrumb li a{
    color: #000000;
}


/* ------ Banner ---- */
 .slider-section, .slider-section-res {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      overflow: hidden;
    }

    .slider-bg {
      position: absolute;
      right: 0;
      top: 0;
      width: 100%;
      height:50%;
      background:#3E4095;
      z-index:-9;
      align-self:anchor-center;
    }
 
 .slider-section-res img{padding: 0 50px;}
    .swiper {
      width: 100%;
      height:90vh;
      position: relative;
      z-index: 2;
      border-radius: 0px 0px 150px 0px;
    }
    .swiper-wrapper{align-items: center;}
    .swiper-slide {
      display: flex;
      justify-content: space-between;
      padding: 0 5px;
    }

    .slide-image {
      flex: 1;
      display: flex;
      padding-top:8%;
      justify-content: end;
     background-size: 100% 100%;
      border-radius: 0px 0px 150px 0px;
    }

    .slide-image img {
      max-height: 80vh;
      object-fit: contain;
    }

    .slide-content {
      flex: 1;
      color: #fff;
      justify-items: end;
      margin-right:36%;
      text-align: end;
    }

    .slide-content h1 {
      font-size: 50px;
      font-weight:600;
      margin-bottom:20px;
    }

    .slide-content p {
      font-size: 17px;
      color: #ffffff;
      margin-bottom: 25px;
    }
.slide-content .theme-btn:hover{background-color:#735eb7 !important;color: #ffffff !important;}

    /* Slider navigation */
    .swiper-button-next,
    .swiper-button-prev {
      background: #fff;
      color: #4224a5;
      width: 38px;
      height: 38px;
      border-radius: 50%;
      font-size: 18px;
      display: flex;
      align-items: center;
      justify-content: center;
       top:80%;
    }

    .swiper-button-next::after,
    .swiper-button-prev::after {
      font-size: 17px;
      font-weight: bold;
    }
.swiper-button-prev{ left:auto; right:23%; }
.swiper-button-next{ right:19%; }
.swiper-button-next:hover, .swiper-button-prev:hover {background-color:#735eb7;color: #ffffff;}

/* Home Features */
.features-box {background-color: #343692;padding:19px;height: 100%;}
.features-box:hover{background-color:#191c79;}
.features-box:hover img{filter: brightness(0) saturate(100%) invert(12%) sepia(42%) saturate(5000%) hue-rotate(235deg) brightness(90%) contrast(100%);}
.rounded-rb {border-radius: 0px 0px 20px 0px;}
.rounded-lb {border-radius: 0px 0px 0px 20px;}
.rounded-rlb {border-radius: 0px 0px 20px 20px;}
.rounded-rlt {border-radius:20px 20px 0px 0px ;}
.features-icon {width:55px;height:55px;padding:10px;margin: 0 auto;}
.features-content h3{color: #fff;font-size:20px;margin:20px 0px;}
.border-end, .border-top { border-right: var(--bs-border-width) var(--bs-border-style) #6d6fa9 !important; }
.border-bottom {border-bottom: var(--bs-border-width) var(--bs-border-style) #6d6fa9 !important;}
.border-start { border-left: var(--bs-border-width) var(--bs-border-style) #6d6fa9 !important;}
.notice-bell img{
    animation: subtleRotate 2s ease-in-out infinite;
}
@keyframes subtleRotate {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(2deg);
  }
  50% {
    transform: rotate(2deg);
  }
}

/****** Footer Section *****/
.footer-section {background-image: url(../images/footer2.png);background-repeat: no-repeat; background-position: right top;position: relative;}
.footer-section::before {position: absolute;content:'';background-image: url(../images/footer.png);width: 100%;height:81%; bottom:0;background-repeat: no-repeat;}
.foot-logo img{position: relative;z-index: 1;}
.foot-cont h4, .foot-list h4, .foot-social h4{font-size:21px;margin-bottom:25px;font-family: "Poppins", sans-serif;}
.foot-social ul li a, .foot-list ul li, .foot-list ul li a{color: #fff;}
.foot-social ul li:hover {margin-top: -5px; transition: 0.2s;}
.foot-social ul li a:hover {color:#acaeff; transition: 0.2s;}
.foot-list ul li:hover {color:#acaeff;}
.foot-cont ul li{color: #ffff;padding-left:52px;position: relative;}
.social-icon {background-color:#585BD8;border-radius: 40px; width: 30px;height: 30px;align-content: center;text-align: center;position: absolute;left:0%;}
.social-icon2 i{background-color:#585BD8;border-radius: 40px; width:35px;height: 35px;align-content: center;text-align: center;}
.foot-list, .foot-social {justify-items: center;}
.foot-list ul li:hover a {color:#acaeff;}
.copyright {border-top: 1px solid #dfdfdf91;}
.crafted{font-family: "Nanum Pen Script", cursive;color:var(--secondery-text);}

/****** Whatsapp Icon *****/
button.call-ap-btn {
	outline: none;
	width:42px;
	height:42px;
	border: 0;
	background-color: #00b3fb;
	padding: 0;
	border-radius: 100%;
	cursor: pointer;
  color: #ffffff;
  font-size:20px;
}

button.call-ap-btn:hover {
	opacity: 1;
	background-color:#3fb3e0;
}

/* call */
.call-api {
	position: fixed;
	bottom: 0;
	right: 0;
}

.call-fixed {
	margin-right: 15px;
	margin-bottom: 15px;
}
.call-fixed > a {
	display: block;
	text-decoration: none;
}
.call-fixed > a:hover button.call-ap-btn::before {
	opacity: 1;
	width: auto;
	padding-top: 7px;
	padding-left: 10px;
	padding-right: 10px;
	width: 100px;
}
.wh-ap-btn i{font-size:28px;color: #fff;}

.call-pulse {
	right: 10px;
	bottom:10px;
	position: fixed;
	text-align: center;
	color: #ffffff;
	cursor: pointer;
	border-radius: 50%;
	z-index: 99;
	display: inline-block;
	line-height: 65px;
}


/* Whatsapp */
button.wh-ap-btn {
	outline: none;
	width:45px;
	height:45px;
	border: 0;
	background-color: #2ecc71;
	padding: 0;
	border-radius: 100%;
	cursor: pointer;
  line-height:55px;
}

button.wh-ap-btn:hover {
	opacity: 1;
	background-color: #20bf6b;
}
.wh-api {
	position: fixed;
	bottom: 0;
	right: 0;
}

.wh-fixed {
	margin-right: 15px;
	margin-bottom: 15px;
}

.wh-fixed > a {
	display: block;
	text-decoration: none;
}

.wh-fixed > a:hover button.wh-ap-btn::before {
	opacity: 1;
	width: auto;
	padding-top: 7px;
	padding-left: 10px;
	padding-right: 10px;
	width: 100px;
}
.wh-ap-btn i{font-size:28px;color: #fff;}
.whatsapp-pulse {
	right: 10px;
	bottom: 10%;
	position: fixed;
	text-align: center;
	color: #ffffff;
	cursor: pointer;
	border-radius: 50%;
	z-index: 99;
	display: inline-block;
}

/* ---- About US PAge---- */
.highlight {border-radius: 35px 35px 0px 0px;font-family: "Poppins", sans-serif;}
.highlight span{ color: #373ADA;}
.abt-icon {
    position: absolute;
    right:40%;
    background: #ffff;
    width: 70px;
    height: 70px;
    padding:8px;
    border-radius: 100%;
    text-align: center;
    align-content: center;
    z-index: 1;
    border: 1px solid #3E4095;
    top: 50%;
    transform: translateY(-50%);
}
.abt-icon2 {
    position: absolute;
    left:26%;
    background: #ffff;
    width: 70px;
    height: 70px;
    padding:8px;
    border-radius: 100%;
    text-align: center;
    align-content: center;
    z-index: 1;
    border: 1px solid #3E4095;
    top: 50%;
    transform: translateY(-50%);
}
.abt-icon img {width:50px;}
.left-side::after{content: ''; background-image: url(../images/icon/line.svg);width: 2px;height: 100%;background-repeat: no-repeat;background-position: right;    position: absolute;
    top: 0;left: 50%;}

/* ---- Redevlopment Page ---- */
.features-icon2 {width:75px;height:75px;padding:13px;margin: 0 auto; text-align: center;  align-content: center;transition:0.3s;}
.features-box:hover .features-icon2{background-color: var(--primary-bg) !important;}
.features-box:hover .features-icon2 img{filter: brightness(100);transition:ease-out;}
.rounded-lt {border-radius:40px 0px 0px 0px;}
.rounded-rt {border-radius:0px 40px 0px 0px;}

/* ---- Notice Page ---- */
.table thead th {
  vertical-align: middle;
  font-weight: 500;
  font-size: 20px;
  color: #ffffff;
  text-align: center;
  background-color: #2d2d84;
}
.table tbody td {
  font-size: 17px;
  color: #333;
  text-align: left;
  vertical-align: middle;
  padding: .8rem .5rem;
}
.table tbody tr td:first-child,
.table tbody tr td:nth-child(2),
.table tbody tr td:last-child {
  text-align: center;
}
/* .table tbody tr td:nth-child(3){padding-left:25px;} */
.table-bordered {
  border: 1px solid #ccc;
}
.table-bordered td, .table-bordered th {
  border: 1px solid #ccc;
}
.table img {
  width: 24px;
  transition: 0.3s ease;
}
.table img:hover {
  transform: scale(1.2);
}
.notice-section table td p {
    margin-bottom: 0;
}
.event-box {border-bottom: 1px solid #ddd;position: relative;}
.event-box::after{content: '';position: absolute;width: 1px; height: 100%; left: 50%; border-right: 1px solid #ddd;}
.event-box:last-child{border-bottom: 0;}
.contact-form {background: #F9F9F9;border: 1px solid #ddd;padding:30px 60px; }


/* ---- responsive ---- */
@media only screen and (min-width:1700px) and (max-width:2029px){
  .heading-style, .heading-style2, .heading-style3{font-size:50px;line-height: 60px;}
  .highlight {font-size: 38px;}
  .would-like-section h3{font-size: 36px;}
  .hero-slider, .slide-inner, .slide-overlay, .hero-style  {height:700px;}
  .carousel-item button{bottom:15%;left:10%;}
  .carousel-item .res-btn {bottom:15% !important;left:11% !important;}
  .carousel-item{height:632px;}
  .foot-cont ul li i{left: 15%;}
  .foot-cont ul li {padding-left: 45px;}
}
@media only screen and (min-width:1520px) and (max-width:1699px){

}

@media only screen and (min-width:1200px) and (max-width:1329px){
  .foot-cont ul li i{left: 5%;}  
}

@media only screen and (min-width: 992px) and (max-width:1199px){
  .about-section p{text-align: justify;}
  .company-information ul li {padding: 10px 0px;}
  .border-bottom:nth-child(4) {border-bottom: 0px !important;}
  .border-end:nth-child(3), .border-end:nth-child(6) {border-right: 0px !important;}
    .contact-form {padding:15px;}
    .slide-content {margin-right:15%;}
    .abt-icon2 {left: 31%;}
    .abt-icon {right: 48%;}
}
@media only screen and (min-width: 768px) and (max-width:991px){ 
  .abt-icon2 {left: 38%;}
  .abt-icon { right: 61%;}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
    .navbar-toggler {margin: -10% 0 0 auto;float: right;}
  .company-information ul li {padding:20px 0px;}
   .border-end:nth-child(2), .border-end:nth-child(6) {border-right: 0px !important;}
   .border-end:nth-child(5) {border-left: 0px !important;}
    .foot-social{justify-items: start; padding-left: 30px; }
   .contact-form {padding: 10px;}
    .slide-content {margin-right:5%;}
  .foot-cont ul li {font-size: 14px;}
   .slider-section img{padding: 0 30px;}
}


@media only screen and (max-width: 767px){
  .menu-section .navbar {padding: 10px; justify-content: flex-end;}
  .menu-section .navbar{border: none;}
   .navbar-toggler {margin: -17% 0 0 auto;float: right;}
    .fixed-top .navbar-toggler { margin: 0 0 auto;}
  .theme-btn2 {padding: 2px 14px;font-size: 16px;}
 .carousel-item button {left:18%;}
 .company-information ul li {border-bottom: 1px solid #9de6ff;border-right: 0;}
 .left-side::after {display: none;}
/* .sail   {font-size: 24px;}
.slide-inner, .slide-overlay, .hero-style  {height:305px;}
.heading-style:after {display: none;}
.holiday-section  {background-position: right;} */
 .copyright { padding: 0 30px; text-align: center; }
  .event-box::after {display: none;}
     .slide-content {margin-right:5%;}
     .abt-icon {right:41%;}
      .abt-icon2 {left:27%;}

}

@media only screen and (max-width:640px){
.slide-inner, .slide-overlay, .hero-style  {height:238px;}
.foot-cont h4, .foot-list h4 {margin-bottom:15px;margin-top:30px;}
 .navbar-toggler {margin: -17% 0 0 auto;float: right;}
 .left-side::after {display: none;}
  .slider-section img{padding: 0 20px;}
}

@media only screen and (max-width: 575px){
  p, a, ul li {text-align: inherit;}
.menu-section .navbar {border-top:0px}
.navbar-toggler {margin: -20% 0 0 auto;float: right;}
.fixed-top .navbar-toggler { margin: 0 0 auto;}
.topbar .theme-btn2{float: left;}
.slide-content h1 {font-size:40px;}
.slide-content {right:2%;margin: 0 10px;}
.section-space {padding:50px 0;}
.heading-style, .heading-style2 {font-size:32px;margin-bottom: 20px;}
.copyright  {padding: 0 30px;text-align: center;}
.foot-cont h4, .foot-list h4 {margin-bottom:15px;margin-top:10px;}
.border-bottom, .border-end, .border-start, .border-top{border: 0px !important;}
 .abt-icon {right:46%;}
 .abt-icon2 {left:27%;}
}

@media only screen and (max-width:480px){
 .abt-icon {right:55%;}
 .abt-icon2 {left:37%;}
 .contact-form {padding: 10px;}
 .foot-cont ul li {padding-left: 40px;}
}

@media only screen and (max-width:400px){
  .contact-form {padding: 10px;}
   p, a, ul li {font-size: 16px;}
    .abt-icon {right: 63%;}
 .abt-icon2 {left: 40%;}
}