.contact-hero-section {
       margin-top: 160px;
       padding-bottom: 40px;
   }

   .breadcrumb-section {
       padding-bottom: 20px;

   }

   .breadcrumb a {
       text-decoration: none;
       color: #000;
       font-size: 16px;
       font-weight: 500;
   }

   .breadcrumb-item+.breadcrumb-item::before {
       color: #000;
       font-size: 16px;
       content: ">" !important;
       padding-right: 12px !important;
   }

   .breadcrumb-item.active {
       color: #000 !important;
       font-size: 16px;
       font-weight: 500;
   }

   .breadcrumb-item+.breadcrumb-item {
       padding-left: 12px !important;
   }

   .contact-section {

       display: flex;
       align-items: center;
       justify-content: space-between;
   }

   .contact-content {
       max-width: 65%;
   }

   .contact-content h2 {
       font-size: 28px;
       font-weight: 700;
       margin-bottom: 15px;
   }

   .contact-content p {
       font-size: 16px;
       /* line-height: 1.4; */
       font-weight: 400;
   }

   .contact-image img {
       width: 500px;
       max-width: 100%;
       height: 220px;
       object-fit: cover;
   }



   /* reach out section css start  */

   .reachout-section {
       padding-top: 60px;
       padding-bottom: 60px;
       background-color: #edf3fd;
       /* margin-bottom: 40px; */
   }

   .section-title {
       font-size: 42px;
       font-weight: 600;
       color: #000;
   }

   .section-title span {
       color: #2C55A8;
   }

   .contact-card {
       background-color: #ffffff;
       border-radius: 12px;
       box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
       transition: transform 0.3s ease;
       height: 100%;
       word-wrap: break-word;
   }

   .contact-card h5 {
       font-size: 24px;
   }

   .contact-card p {
       font-size: 16px;
       color: #2b4643;
   }

   .contact-card p a {
       font-size: 16px;
       color: #2b4643;
       text-decoration: none;
   }

   .contact-card:hover {
       transform: translateY(-5px);
   }

   .icon-circle {
       width: 90px;
       height: 90px;
       background-color: #2C55A8;
       border-radius: 50%;
       display: flex;
       align-items: center;
       justify-content: center;
       margin: 0 auto 20px auto;
   }

   .phone-number-p {
       font-weight: 500;
   }

   .timings {
       font-size: 15px;
       color: #6b7280;
   }

   .contact-card i {
       font-size: 36px;
   }

   .email-p {
       font-size: 15px;
       color: #6b7280;
   }


   /* reach out section css end  */


   /* get in touch section css start  */
   .get-in-touch-section {
       padding: 80px 0;
   }

   .get-in-touch-box {
       border-radius: 8px !important;
       box-shadow: 0 0 10px rgba(0, 0, 0, 0.08) !important;
   }

   .get-in-touch-box h2 {
       font-size: 28px;
       font-weight: 600 !important;
   }

   .contact-us-form .form-control:focus,
   .contact-us-form .form-select:focus {
       box-shadow: none;
       border-color: #2C55A8;
   }

   .contact-us-form .form-group {
       position: relative;
   }

   .contact-us-form .form-group label {
       position: absolute;
       top: 35%;
       left: 0px;
       color: #00000096;
       pointer-events: none;
       transform: translateY(-50%);
       transition: all .3s ease;

   }

   .contact-us-form .form-label,
   .contact-us-form .form-select {
       color: #00000096;
       font-size: 14px;
   }

   .contact-us-form .form-select {
       padding-left: 0px;
       height: 40px;
   }

   .contact-us-form .form-control {
       padding-top: 15px;
       padding-bottom: 10px;
       height: 41px;
       border-color: #dee5ec;
   }

   .contact-us-form .form-control:focus+label,
   .contact-us-form .form-control:not(:placeholder-shown)+label {
       top: 0;
       left: 0px;
       background: #fff;
       padding: 0 5px;
   }

   .contact-us-form input,
   .contact-us-form select,
   .contact-us-form textarea {
       border-bottom: 2px dotted #80808059 !important;
       border-top: 0 !important;
       border-right: 0 !important;

       border-left: 0 !important;
   }

   .map-container {
       padding-left: 22px !important;
   }

   .form-conatiner {
       padding-right: 22px !important;
   }

   .contact-us-form {
       margin-top: 30px;
   }

   .contact-us-form button {
       background-color: #2C55A8;
       font-size: 14px;
       height: 40px;
       border-radius: 4px;
   }

   .contact-us-form button:hover {
       background-color: #fff;
       color: #2C55A8 !important;
       border: 1px solid #2C55A8;
   }

   /* get in touch section css end  */



   .contact-hero-section .container-fluid {
       max-width: 1600px;
       width: 100%;
       margin: 0 auto;
   }

   .reachout-section .container-fluid {
       max-width: 1600px;
       width: 100%;
       margin: 0 auto;
   }

   .get-in-touch-section .container-fluid {
       max-width: 1600px;
       width: 100%;
       margin: 0 auto;
   }

   @media (max-width:768px) {
       .contact-hero-section {

           margin-top: 95px;



       }

       .contact-section {

           padding: 40px 0px 0px 0px;

           flex-direction: column;

           align-items: flex-start;

       }       .breadcrumb-section{            padding-bottom: 8px;        }

       .contact-content {

           max-width: 100%;

       }

       .contact-image img {

           width: 100%;

       }

       .reachout-section {

           padding: 40px 0;

       }

       .section-title {

           font-size: 28px;

           text-align: left;

           margin-bottom: 20px !important;

       }

       .reachout-section .row {

           margin: 0;

           padding: 0px !important;

       }

       .reachout-section-card-1,
       .reachout-section-card-2,
       .reachout-section-card-3 {

           padding: 0px;

       }

       .contact-card h5 {

           font-size: 18px;

       }

       .contact-card i {

           font-size: 20px;

       }

       .icon-circle {

           width: 50px;

           height: 50px;

       }

       .get-in-touch-section {

           padding: 40px 0;

       }

       .get-in-touch-box {

           padding: 20px !important;

       }

       .get-in-touch-box h2 {

           font-size: 22px;

           font-weight: 600 !important;

       }

       .map-container {

           padding: 0px !important;

       }

       .get-in-touch-section .row {

           margin: 0;

       }

       .form-conatiner {

           padding: 0px;

           padding-right: 0px !important;

       }

       iframe {

           width: 100%;

           height: 320px;

       }

       .contact-content h2 {

           font-size: 22px;           margin-bottom: 8px;

       }

       .section-title {

           font-size: 22px;

       }

       .contact-us-form .row>* {

           padding: 0px;

       }
   }

   @media (min-width:768px) and (max-width:992px) {
       .contact-hero-section {
           margin-top: 100px;

       }

       .icon-circle {
           width: 60px;
           height: 60px;
       }

       .contact-card i {
           font-size: 24px;
       }

       .get-in-touch-box {
           padding: 25px !important;
       }

       .section-title {
           font-size: 28px;
           margin-bottom: 30px !important;
       }

       .reachout-section {
           padding: 35px 0;

       }

       .contact-card h5 {
           font-size: 20px;
       }

       .get-in-touch-box h2 {
           font-size: 24px;
       }

       iframe {
           /* height: 400px !important; */
       }

       .get-in-touch-section {
           padding: 40px 0;
       }

       .form-conatiner {
           padding-right: 10px !important;
       }

       .map-container {
           padding-left: 10px !important;
       }
   }


   @media (min-width:1700px) {
    .contact-hero-section .container-fluid{
        padding: 0 40px !important;
    }
    .get-in-touch-section .container-fluid{
        padding: 0 40px !important;
    }
    .reachout-section .container-fluid{
        padding: 0 40px !important;
    }
    
}


.contact-hero-section .container-fluid{
        padding: 0 40px !important;
    }
    .get-in-touch-section .container-fluid{
        padding: 0 40px !important;
    }
    .reachout-section .container-fluid{
        padding: 0 40px !important;
    }