/*==================================
    BREADCRUMB
==================================*/

.ct-breadcrumb-area {
  position: relative;
  background: url("../images/Background.jpg") center center/cover no-repeat;
  min-height: 220px;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.ct-breadcrumb-area::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, .80);
}

.ct-breadcrumb-area .container {
  position: relative;
  z-index: 2;
}

.ct-breadcrumb-content {
  text-align: center;
}

.ct-breadcrumb-content h1 {
  display: inline-block;
  position: relative;
  font-size: 40px;
  font-weight: 700;
  color: #0f2e54;
  margin-bottom: 10px;
}

.ct-breadcrumb-list {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;

  list-style: none;
  margin: 0;
  padding: 0;
}

.ct-breadcrumb-list li {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 17px;
  font-weight: 600;
  color: #0f2e54;
}

.ct-breadcrumb-list li a {
  color: #0f2e54;
  text-decoration: none;
  transition: .3s;
}

.ct-breadcrumb-list li a:hover {
  color: #ff6b3d;
}

.ct-breadcrumb-list li.active {
  color: #0f2e54;
}

@media(max-width:991px) {

  .ct-breadcrumb-area {
    min-height: 220px;
  }

  .ct-breadcrumb-content h1 {
    font-size: 46px;
  }

  .ct-breadcrumb-content h1::before {
    height: 58px;
  }

  .ct-breadcrumb-list li {
    font-size: 18px;
  }

}

@media(max-width:576px) {

  .ct-breadcrumb-area {
    min-height: 180px;
  }

  .ct-breadcrumb-content h1 {
    font-size: 34px;
    padding-left: 20px;
  }

  .ct-breadcrumb-content h1::before {
    height: 42px;
    top: 3px;
  }

  .ct-breadcrumb-list {
    gap: 8px;
  }

  .ct-breadcrumb-list li {
    font-size: 16px;
  }

}

/*==========================
ABOUT SECTION
==========================*/

.ctac-about-section {

  position: relative;

  padding: 100px 0;

  background: url("../images/team-bg.png") no-repeat center;

  overflow: hidden;

}

.ctac-about-section::before {

  content: "";

  position: absolute;

  top: 80px;

  left: 35%;

  width: 700px;

  height: 300px;

  background: url("../images/team-bg.png") no-repeat center;

  background-size: contain;

  opacity: .15;

}

.ctac-about-content {

  position: relative;

  z-index: 2;

}

.ctac-subtitle {

  display: flex;

  align-items: center;

  gap: 15px;

  color: #ff6234;

  letter-spacing: 8px;

  font-size: 15px;

  margin-bottom: 18px;

}

.ctac-subtitle::after {

  content: "";

  width: 90px;

  height: 2px;

  background: #ff6234;

}

.ctac-about-content h2 {

  font-size: 40px;

  color: #0d2d56;

  margin-bottom: 30px;

  font-weight: 600;

}

.ctac-about-content p {

  color: #333;

  font-size: 17px;

  line-height: 1.9;

  margin-bottom: 18px;

}

.ctac-call-box {

  display: flex;

  align-items: center;

  margin-top: 40px;

}

.ctac-call-icon {

  width: 45px;

  height: 45px;

  background: #1f92ff;

  color: #fff;

  display: flex;

  justify-content: center;

  align-items: center;

  font-size: 26px;

  border-radius: 8px;

  margin-right: 15px;

}

.ctac-call-number a {

  text-decoration: none;

  font-size: 30px;

  font-weight: 700;

  color: #1876d1;

}

.ctac-image-box {

  overflow: hidden;
    padding: 50px;
}

.ctac-image-box img {

  width: 100%;

  display: block;

}

.ctac-image-box img:hover {

  transform: scale(1.05);

  transition: .6s;

}

/* Responsive */

@media(max-width:991px) {

  .ctac-about-section {

    padding: 70px 0;

  }

  .ctac-about-content {

    margin-bottom: 40px;

  }

  .ctac-about-content h2 {

    font-size: 42px;

  }

  .ctac-call-number a {

    font-size: 30px;

  }

}

@media(max-width:576px) {

  .ctac-about-content h2 {

    font-size: 34px;

  }

  .ctac-about-content p {

    font-size: 16px;

  }

  .ctac-call-icon {

    width: 55px;

    height: 55px;

    font-size: 20px;

  }

  .ctac-call-number a {

    font-size: 24px;

  }

  .ctac-subtitle {

    font-size: 13px;

    letter-spacing: 5px;

  }

}

/*=========================
Working Process
=========================*/

.ctwp-section {

  background: #f4f8ff;

  padding: 100px 0;

}

.ctwp-content {

  background: #fff;

  border-radius: 18px;

  padding: 60px;

  height: 100%;

  box-shadow: 0 10px 35px rgba(0, 0, 0, .06);

}

.ctwp-content h2 {

  font-size: 40px;

  color: #0d2d56;

  margin-bottom: 50px;

  font-weight: 600;

}

.ctwp-item {

  display: flex;

  align-items: flex-start;

  margin-bottom: 55px;

}

.ctwp-item:last-child {

  margin-bottom: 0;

}
.whatsapp-float{
    position:fixed;
    left:25px;
    bottom:25px;
    width:65px;
    height:65px;
    background:#25D366;
    color:#fff;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:34px;
    text-decoration:none;
    box-shadow:0 8px 25px rgba(0,0,0,.25);
    z-index:99999;
    transition:.35s;
    animation:whatsappPulse 2s infinite;
}

.whatsapp-float:hover{
    color:#fff;
    transform:scale(1.1);
    background:#1ebc59;
}

@keyframes whatsappPulse{

    0%{
        box-shadow:0 0 0 0 rgba(37,211,102,.6);
    }

    70%{
        box-shadow:0 0 0 18px rgba(37,211,102,0);
    }

    100%{
        box-shadow:0 0 0 0 rgba(37,211,102,0);
    }

}

@media(max-width:768px){

.whatsapp-float{
    width:58px;
    height:58px;
    left:15px;
    bottom:15px;
    font-size:30px;
}

}
#scrollToggleBtn{
    position:fixed;
    right:20px;
    bottom:20px;
    width:55px;
    height:55px;
    border:none;
    border-radius:50%;
    background:#3f628e;
    color:#fff;
    font-size:20px;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 8px 20px rgba(0,0,0,.2);
    transition:.3s;
    z-index:9999;
}

#scrollToggleBtn:hover{
    background:#27486f;
    transform:translateY(-5px);
}

#scrollTopBtn.show{
    opacity:1;
    visibility:visible;
}
.ctwp-icon {

  width: 44px;

  height: 44px;

  background: #3756d7;

  border-radius: 50%;

  display: flex;

  justify-content: center;

  align-items: center;

  margin-right: 30px;

  flex-shrink: 0;

}

.ctwp-icon span {

  width: 18px;

  height: 18px;

  background: #fff;

  border-radius: 50%;

}

.ctwp-text h4 {

  font-size: 25px;

  margin-bottom: 12px;

  color: #091f44;

  font-weight: 600;

}

.ctwp-text p {

  font-size: 18px;

  color: #4c5675;

  line-height: 1.8;

}

.ctwp-image {

  overflow: hidden;

  border-radius: 12px;

}

.ctwp-image img {

  width: 100%;

  display: block;

  transition: .6s;

}

.ctwp-image:hover img {

  transform: scale(1.05);

}


/*=========================
Responsive
=========================*/

@media(max-width:991px) {

  .ctwp-section {

    padding: 70px 0;

  }

  .ctwp-content {

    padding: 35px;

  }

  .ctwp-content h2 {

    font-size: 42px;

  }

  .ctwp-text h4 {

    font-size: 26px;

  }

  .ctwp-text p {

    font-size: 17px;

  }

}

@media(max-width:576px) {

  .ctwp-content {

    padding: 25px;

  }

  .ctwp-content h2 {

    font-size: 32px;

    margin-bottom: 35px;

  }

  .ctwp-item {

    margin-bottom: 35px;

  }

  .ctwp-icon {

    width: 50px;

    height: 50px;

    margin-right: 18px;

  }

  .ctwp-icon span {

    width: 14px;

    height: 14px;

  }

  .ctwp-text h4 {

    font-size: 22px;

  }

  .ctwp-text p {

    font-size: 15px;

    line-height: 1.7;

  }

}

/*============================
Schedule Section
=============================*/

.ctsch-section {

  background: #eef5ff;

  padding: 100px 0;

}

.ctsch-left {

  padding: 30px 60px 30px 20px;

}

.ctsch-subtitle {

  color: #0d2b56;

  font-size: 18px;

  letter-spacing: 8px;

  text-transform: uppercase;

  display: block;

  margin-bottom: 25px;

}

.ctsch-left h2 {

  font-size: 62px;

  color: #0d2b56;

  font-weight: 700;

  line-height: 1.2;

  margin-bottom: 30px;

}

.ctsch-left p {

  font-size: 21px;

  color: #4d6078;

  line-height: 1.9;

  margin-bottom: 50px;

}

.ctsch-features {

  display: grid;

  grid-template-columns: repeat(4, 1fr);

  gap: 30px;

  margin-bottom: 50px;

}

.ctsch-feature {

  text-align: center;

}

.ctsch-feature i {

  font-size: 65px;

  color: #ff6633;

  margin-bottom: 18px;

}

.ctsch-feature h5 {

  font-size: 22px;

  color: #0d2b56;

  font-weight: 700;

}

.ctsch-call-btn {

  display: inline-block;

  background: #ff6633;

  color: #fff;

  text-decoration: none;

  padding: 18px 45px;

  font-size: 24px;

  font-weight: 700;

}

.ctsch-call-btn:hover {

  background: #0d2b56;

  color: #fff;

}

.ctsch-form-box {

  background: #fff;

  padding: 60px;

}

.ctsch-contact {

  display: block;

  text-align: center;

  letter-spacing: 8px;

  color: #b17b39;

  margin-bottom: 15px;

  text-transform: uppercase;

}

.ctsch-form-box h2 {

  text-align: center;

  font-size: 58px;

  color: #0d2b56;

  margin-bottom: 45px;

}

.ctsch-form-box input,
.ctsch-form-box select,
.ctsch-form-box textarea {

  width: 100%;

  border: 1px solid #ddd;

  height: 65px;

  padding: 0 20px;

  font-size: 18px;

  margin-bottom: 20px;

  outline: none;

}

.ctsch-form-box textarea {

  height: 170px;

  padding-top: 18px;

  resize: none;

}

.ctsch-form-box button {

  background: #3e5b86;

  color: #fff;

  border: none;

  padding: 18px 45px;

  font-size: 22px;

  font-weight: 700;

  transition: .3s;

}

.ctsch-form-box button:hover {

  background: #ff6633;

}

@media(max-width:991px) {

  .ctsch-left {

    padding: 20px;

    margin-bottom: 50px;

  }

  .ctsch-left h2 {

    font-size: 42px;

  }

  .ctsch-features {

    grid-template-columns: repeat(2, 1fr);

  }

  .ctsch-form-box {

    padding: 35px;

  }

  .ctsch-form-box h2 {

    font-size: 40px;

  }

}

@media(max-width:576px) {

  .ctsch-left h2 {

    font-size: 34px;

  }

  .ctsch-left p {

    font-size: 16px;

  }

  .ctsch-features {

    grid-template-columns: 1fr 1fr;

    gap: 20px;

  }

  .ctsch-feature i {

    font-size: 45px;

  }

  .ctsch-feature h5 {

    font-size: 17px;

  }

  .ctsch-call-btn {

    width: 100%;

    text-align: center;

    font-size: 18px;

  }

  .ctsch-form-box {

    padding: 25px;

  }

  .ctsch-form-box h2 {

    font-size: 30px;

  }

}

/*=========================
LEFT SIDEBAR
=========================*/

.ct-service-sidebar {

  position: sticky;
  top: 120px;

}


/* Box */

.ct-sidebar-box {

  background: #fff;

  border: 1px solid #dcdcdc;

}


/* Heading */

.ct-sidebar-title {

  background: #48658f;

  color: #fff;

  font-size: 32px;

  text-transform: uppercase;

  letter-spacing: 3px;

  text-align: center;

  padding: 18px;

}


/*=========================
SERVICE MENU
=========================*/

.ct-service-menu {

  margin: 0;

  padding: 35px;

  list-style: none;

}


.ct-service-menu li {

  margin-bottom: 20px;

  border-bottom: 1px solid #ececec;

  padding-bottom: 20px;

}


.ct-service-menu li:last-child {

  border-bottom: 0;

  margin-bottom: 0;

  padding-bottom: 0;

}


.ct-service-menu li a {

  color: #0f2e54;

  font-size: 33px;

  font-weight: 500;

  text-decoration: none;

  display: block;

  padding: 18px 25px;

  transition: .4s;

}


.ct-service-menu li.active a {

  background: #48658f;

  color: #fff;

}


.ct-service-menu li a:hover {

  background: #48658f;

  color: #fff;

  padding-left: 35px;

}


/*=========================
FORM
=========================*/

.ct-appointment-form {

  padding: 25px;

}


.ct-appointment-form .form-control,
.ct-appointment-form .form-select {

  height: 60px;

  border-radius: 0;

  box-shadow: none;

  font-size: 17px;

}


.ct-appointment-form textarea {

  height: 150px !important;

  resize: none;

}


/* Button */

.ct-sidebar-btn {

  width: 100%;

  height: 65px;

  border: none;

  background: #48658f;

  color: #fff;

  font-size: 20px;

  letter-spacing: 2px;

  transition: .3s;

}


.ct-sidebar-btn:hover {

  background: #ff6a3d;

}


/*=========================
CONTACT
=========================*/

.ct-contact-item {

  display: flex;

  align-items: center;

  gap: 22px;

  padding: 28px;

  border-bottom: 1px solid #ececec;

}


.ct-contact-item i {

  width: 60px;

  height: 60px;

  background: #48658f;

  color: #fff;

  border-radius: 50%;

  display: flex;

  justify-content: center;

  align-items: center;

  font-size: 24px;

}


.ct-contact-item span {

  font-size: 20px;

  color: #0f2e54;

  line-height: 34px;

}



/*=========================
Responsive
=========================*/

@media(max-width:991px) {

  .ct-service-sidebar {

    position: static;

  }

  .ct-service-menu {

    padding: 20px;

  }

  .ct-service-menu li a {

    font-size: 20px;

  }

  .ct-sidebar-title {

    font-size: 22px;

  }

  .ct-contact-item span {

    font-size: 16px;

  }

}
.service-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.service-list li {
  border-bottom: 1px solid #e5e5e5;
}

.service-list li a {
  display: block;
  padding: 18px 20px;
  color: #132d4d;
  text-decoration: none;
  font-size: 18px;
  transition: .3s;
}

.service-list li:hover a {
  background: #3f628e;
  color: #fff;
}

.service-list li.active a {
  background: #3f628e;
  color: #fff;
}

.card,
.process-card {
  background: #fff;
  border: 1px solid #ba999957;
  border-radius: 10px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, .08);
}

.service-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.service-list li {
  border-bottom: 1px solid #eee;
  font-size: 18px;
}

.service-list li.active {
  background: #3f628e;
  color: #fff;
}

.side-title {
  background: #3f628e;
  color: #fff;
  padding: 15px;
  margin: -24px -24px 25px;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 2px;
}

.images {
  width: 100% !important;
  height: 470px;
  object-fit: cover;
}

.process-card {
  padding: 45px;
}

.step {
  display: flex;
  gap: 20px;
  margin-top: 35px;
}

.circle {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  background: #395cff;
  position: relative;
  flex-shrink: 0;
}

.circle:after {
  content: "";
  width: 15px;
  height: 15px;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  top: 20px;
  left: 20px;
}

.blue-form {
  background: #243b96;
  padding: 40px;
  border-radius: 18px;
  color: #fff;
  height: 100%;
}

.blue-form input,
.blue-form textarea,
.blue-form select {
  border-radius: 0;
}

.btn-primary {
  background: #3f628e;
  border: none;
}

@media(max-width:991px) {
  .display-3 {
    font-size: 40px;
  }

  .process-card {
    padding: 25px;
  }
}

.contact-link {
  color: #132d4d;
  text-decoration: none;
  transition: .3s;
}

.contact-link:hover {
  color: #3f628e;
}
.contact-card {
  background: #fff;
  border: 1px solid #d9d9d9;
}

.contact-title {
  background: #47658d;
  color: #fff;
  padding: 15px;
  margin: 0;
  text-align: center;
  font-size: 26px;
  letter-spacing: 3px;
  font-weight: 500;
}

.contact-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 28px 30px;
  border-bottom: 1px solid #ececec;
}

.contact-icon {
  width: 55px;
  min-width: 55px;
  text-align: center;
}

.contact-icon i {
  font-size: 22px;
  color: #47658d;
}

.contact-info {
  flex: 1;
}

.contact-info a {
  color: #0d2b4d;
  text-decoration: none;
  font-size: 18px;
  line-height: 1.6;
  font-weight: 500;
  transition: .3s;
}

.contact-info a:hover {
  color: #47658d;
}

@media(max-width:991px) {

  .contact-title {
    font-size: 24px;
  }

  .contact-item {
    padding: 20px;
  }

  .contact-icon i {
    font-size: 28px;
  }

  .contact-info a {
    font-size: 20px;
  }

}
.service-box {
  background: #fff;
  border: 1px solid #d9d9d9;
  /*padding: 38px;*/
  margin-bottom: 30px;
}

.service-menu {
  margin: 0;
  padding: 0;
  list-style: none;
}

.service-menu li {
  border-bottom: 1px solid #ececec;
}

.service-menu li:last-child {
  border-bottom: none;
}

.service-menu li a {
  display: flex;
  align-items: center;
  gap: 22px;
  padding: 22px 25px;
  color: #0f2f52;
  text-decoration: none;
  font-size: 22px;
  font-weight: 500;
  transition: .35s;
}

.service-menu li a i {
  font-size: 9px;
  color: #0f2f52;
}

.service-menu li:hover a,
.service-menu li.active a {
  background: #47658d;
  color: #fff;
}

.service-menu li:hover a i,
.service-menu li.active a i {
  color: #fff;
}

@media(max-width:991px) {

  .service-box {
    padding: 20px;
  }

  .service-menu li a {
    font-size: 18px;
    padding: 18px;
  }

}

.appointment-card {
  background: #fff;
  border: 1px solid #d9d9d9;
  margin-bottom: 30px;
}

.appointment-title {
  background: #49658b;
  color: #fff;
  text-align: center;
  padding: 18px;
  margin: 0;
  letter-spacing: 4px;
  font-size: 28px;
  font-weight: 500;
}

.appointment-card form {
  padding: 25px;
}

.custom-input {
  height: 58px;
  border: 1px solid #d9d9d9;
  border-radius: 0;
  box-shadow: none;
  font-size: 20px;
  padding: 0 20px;
}

.custom-input:focus {
  border-color: #49658b;
  box-shadow: none;
}

.custom-textarea {
  height: 140px;
  resize: none;
  border-radius: 0;
  border: 1px solid #d9d9d9;
  box-shadow: none;
  font-size: 20px;
  padding: 18px 20px;
}

.custom-textarea:focus {
  border-color: #49658b;
  box-shadow: none;
}

.appointment-btn {
  background: #49658b;
  color: #fff;
  border: none;
  padding: 18px 45px;
  font-size: 24px;
  letter-spacing: 3px;
  transition: .3s;
}

.appointment-btn:hover {
  background: #27486f;
}

input[type="date"]::-webkit-calendar-picker-indicator {
  cursor: pointer;
}

@media(max-width:991px) {

  .appointment-title {
    font-size: 22px;
  }

  .custom-input {
    height: 50px;
    font-size: 17px;
  }

  .custom-textarea {
    height: 120px;
    font-size: 17px;
  }

  .appointment-btn {
    width: 100%;
    font-size: 18px;
  }

}

/*=============================
 AC SERVICES
==============================*/

.ct-ac-types-section {

  padding: 100px 0;

  background: #fff;
}

.ct-ac-types-heading {

  text-align: center;

  margin-bottom: 70px;
}

.ct-ac-types-heading span {

  color: #ff6b3d;

  letter-spacing: 8px;

  text-transform: uppercase;

  font-size: 17px;

  position: relative;
}

.ct-ac-types-heading span:before,
.ct-ac-types-heading span:after {

  content: "";

  position: absolute;

  width: 70px;

  height: 2px;

  background: #ff6b3d;

  top: 50%;
}

.ct-ac-types-heading span:before {

  right: 115%;

}

.ct-ac-types-heading span:after {

  left: 115%;

}

.ct-ac-types-heading h2 {

  font-size: 58px;

  font-weight: 700;

  color: #0f2e54;

  margin: 25px 0;
}

.ct-ac-types-heading p {

  max-width: 700px;

  margin: auto;

  color: #666;

  font-size: 18px;

  line-height: 1.8;
}

/* Card */

.ct-ac-service-box {

  overflow: hidden;

  background: #fff;

  position: relative;

  transition: .5s;
}

/* Image */

.ct-ac-service-image {

  position: relative;

  overflow: hidden;
}

.ct-ac-service-image img {

  width: 100%;

  transition: .7s;
}

.ct-ac-image-overlay {

  position: absolute;

  inset: 0;

  background: linear-gradient(to top,
      rgba(15, 46, 84, .92),
      rgba(15, 46, 84, .15));

  opacity: 0;

  transition: .5s;
}

/* Content */

.ct-ac-service-content {

  padding: 40px;

  position: relative;

  overflow: hidden;
}

.ct-ac-service-content h3 {

  font-size: 42px;

  color: #0f2e54;

  margin-bottom: 20px;

  transition: .4s;
}

.ct-ac-service-content p {

  color: #666;

  line-height: 1.9;

  margin-bottom: 35px;
}

/* Button */

.ct-ac-learn-btn {

  display: inline-flex;

  align-items: center;

  gap: 12px;

  padding: 16px 35px;

  background: #ff6b3d;

  color: #fff;

  text-decoration: none;

  font-weight: 600;

  transition: .4s;
}

.ct-ac-learn-btn:hover {

  background: #0f2e54;

  color: #fff;
}

/* SVG */

.ct-ac-svg-icon {

  position: absolute;

  right: 30px;

  bottom: -120px;

  opacity: 0;

  transition: .5s;
}

/* Hover */

.ct-ac-service-box:hover .ct-ac-service-image img {

  transform: scale(1.1);
}

.ct-ac-service-box:hover .ct-ac-image-overlay {

  opacity: 1;
}

.ct-ac-service-box:hover .ct-ac-service-content {

  transform: translateY(-12px);
}

.ct-ac-service-box:hover .ct-ac-svg-icon {

  bottom: 25px;

  opacity: 1;
}

/* Responsive */

@media(max-width:991px) {

  .ct-ac-types-heading h2 {

    font-size: 42px;

  }

  .ct-ac-service-content h3 {

    font-size: 32px;

  }

}

@media(max-width:576px) {

  .ct-ac-types-section {

    padding: 70px 0;

  }

  .ct-ac-types-heading h2 {

    font-size: 30px;

  }

  .ct-ac-service-content {

    padding: 25px;

  }

  .ct-ac-service-content h3 {

    font-size: 26px;

  }

  .ct-ac-svg-icon {

    display: none;

  }

}