@media screen and (min-width:676px) {
   .popup .popup-content {
     width: 500px !important;
     height: 640px !important;
     border-radius: 10px;
   }

   .send-form {
     margin-top: 30px;
   }

   #send .main-btn-rect {
     margin-top: 35px;
   }
 }

 .main-btn-rect,
 .main-btn-circle {
   position: relative;
   margin: 0;
   border: 0;
   font-family: 'Roboto', sans-serif;
   color: #FFFFF0;
   background-color: #dfb625;
   text-transform: uppercase;
   font-size: 25px;
   letter-spacing: 1px;
   outline: none;
   cursor: pointer;
   z-index: 100;
   border-radius: 20px;
 }

 .main-btn-rect {
   padding: 10px 25px;
   line-height: 30px;
 }

 .main-btn-rect:before,
 .main-btn-rect:after {
   position: absolute;
   content: '';
   top: 0;
   width: 0%;
   height: 100%;
   background-color: rgba(255, 255, 240, 0.2);
   -webkit-transition: width 0.3s;
   -o-transition: width 0.3s;
   transition: width 0.3s;
 }

 .main-btn-rect:before {
   left: 0;
 }

 .main-btn-rect:after {
   right: 0;
 }

 .main-btn-rect:hover:before,
 .main-btn-rect:hover:after {
   width: 50%;
 }

 .main-btn-circle {
   height: 40px;
   width: 40px;
   -webkit-border-radius: 50%;
   border-radius: 100%;
   line-height: 40px;
   -webkit-transition: box-shadow 0.3s;
   -o-transition: box-shadow 0.3s;
   transition: box-shadow 0.3s;
 }

 .main-btn-circle:hover {
   -webkit-box-shadow: inset 2px 1px 0px 20px rgba(255, 255, 240, 0.2);
   -moz-box-shadow: inset 2px 1px 0px 20px rgba(255, 255, 240, 0.2);
   box-shadow: inset 2px 1px 0px 20px rgba(255, 255, 240, 0.2);
 }

 .popup {
   position: fixed;
   top: 100%;
   width: 100%;
   height: 100%;
   z-index: 10001;
 }

 .popup.active {
   top: 0;
   background-color: rgba(3, 3, 3, 0.2);
   transition: background-color .6s, opacity .6s;
 }

 .popup .main-btn-rect {
   padding: 10px 100px;
 }

 .popup .popup-content {
   position: absolute;
   top: 45%;
   left: 50%;
   max-height: 490px;
   max-width: 550px;
   margin-top: 150px;
   padding: 25px;
   background-color: #FFFFF0;
   color: #070000;
   -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
   -ms-transform: translateX(-50%) translateY(-50%);
   transform: translateX(-50%) translateY(-50%);
   -webkit-transform: translateX(-50%) translateY(-50%);
   -moz-transform: translateX(-50%) translateY(-50%);
   -o-transform: translateX(-50%) translateY(-50%);
   transition: margin .6s;
   -webkit-transition: margin .6s;
   -moz-transition: margin .6s;
   -o-transition: margin .6s;
 }

 .popup.active .popup-content {
   margin-top: 4rem;
 }

 .popup-content h6 {
   display: table;
   font-size: 16px;
   text-align: center;
   margin-bottom: 20px !important;
   margin: 10px auto;
   font-family: 'Roboto', sans-serif;
   text-transform: uppercase;
   font-weight: 100;
 }

 .form-group1 {
   position: relative;
   width: 90%;
   margin: -10px auto !important;
   border-bottom: 1px solid black !important;
 }

 #send input,
 #send textarea {

   margin: 30px 0px 0px 0px;
   width: 100%;
   height: 42px;
   font-family: 'RobotoLight', sans-serif;
   text-indent: 0px;
   background-color: transparent;
   outline: 0;
   border: none;
   border-bottom: 1px solid #070000;
   -webkit-transition: border 0.6s;
   -o-transition: border 0.6s;
   transition: border 0.6s;
 }

 #send input:focus,
 #send textarea:focus {
   border-bottom: 1px solid rgb(63, 173, 168);
   border: none !important;
   box-shadow: none !important;
 }

 #send label {
   position: absolute;
   top: 0;
   line-height: 28px;
   -webkit-transition: color .5s;
   -o-transition: color .5s;
   transition: color .5s;
 }

 #send input:focus+label,
 #send textarea:focus+label {
   color: rgb(63, 173, 168);
 }

 #send .txt {
   line-height: 22px;
   left: 2px;
 }

 #send .main-btn-rect {
   position: relative;
   display: block;
   padding: 10px 10px;
   margin: 0px auto;
   margin-top: 40px;
   font-size: 14px;
   width: 43%;
 }

 #send .main-btn-rect i {
   margin-right: 5px;
 }

 .popup .fade-out {
   position: absolute;
   top: -20px;
   right: -20px;
   text-align: center;
   font-size: 15px;
 }


 @media only screen and (max-width: 768px) {
   h1 {
     font-size: 25px;
   }

   h2 {
     font-size: 14px;
   }

   #send .main-btn-rect {
     padding: 10px 10px;
     font-size: 14px;
     width: 173px;
   }



   .popup .popup-content {
     position: absolute;
     top: 50%;
     left: 48%;
     max-height: 568px;
     min-width: 320px !important;

   }
 }

 .#send input placeholder {
   color: #000;
 }

 .gradient-border {
   --borderWidth: 3px;
   background: #fff;
   position: relative;
   border-radius: var(--borderWidth);
 }

 .gradient-border:after {
   content: '';
   position: absolute;
   top: calc(-2 * var(--borderWidth));
   left: calc(-2 * var(--borderWidth));
   height: calc(102% + var(--borderWidth) * 2);
   width: calc(101% + var(--borderWidth) * 2);
   background: linear-gradient(40deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82);
   border-radius: calc(2 * var(--borderWidth));
   z-index: -1;
   animation: animatedgradient 2s ease alternate infinite;
   background-size: 300% 300%;
 }


 @keyframes animatedgradient {
   0% {
     background-position: 0% 50%;
   }

   50% {
     background-position: 100% 50%;
   }

   100% {
     background-position: 0% 50%;
   }
 }

 .data {
   color: #FFFFF0;
   background-color: #a72c32;
 }

 .new {
   display: flex;
   justify-content: center;
   align-items: center;
 }

 .iframediv iframe {
   max-width: 410px;
   width: 405px;
   height: 280px;
   border-radius: 20px;
 }

 @media screen and (max-width:410px) {
   .iframediv iframe {
     max-width: 350px;
     width: 305px;
     height: 250px;
     border-radius: 20px;
   }
 }

 .enq1 {
   color: #dfb625;
 }



 .ceo-photo {
   width: 100%;
   max-height: 650px;
   /* Decreased height */
   border-radius: 15px;
   object-fit: cover;
 }

 .ceo-section {
   padding: 60px 0;
 }

 .ceo-name {
   font-size: 1.8rem;
   font-weight: bold;
   margin-top: 15px;
 }

 .ceo-title {
   color: #6c757d;
   font-size: 1rem;
   margin-bottom: 20px;
 }

 @media (max-width: 768px) {
   .ceo-text {
     text-align: center;
     margin-top: 30px;
   }
 }




 /* Common Button Style */
 .floating-buttons {
   position: fixed;
   z-index: 9999;
 }

 /* Individual Button */
 .float-btn {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 8px;
   padding: 12px 18px;
   border-radius: 50px;
   color: #fff;
   font-size: 16px;
   text-decoration: none;
   box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
   transition: all 0.3s ease;
 }

 /* Icons */
 .float-btn i {
   font-size: 18px;
 }

 /* WhatsApp */
 .whatsapp {
   background: #25D366;
 }

 /* Call */
 .call {
   background: #007bff;
 }

 /* Hover Effect (Desktop) */
 .float-btn:hover {
   transform: translateY(-3px);
   box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
 }

 /* ============ DESKTOP VIEW ============ */
 @media (min-width: 768px) {

   .floating-buttons {
     right: 20px;
     bottom: 50%;
     transform: translateY(50%);
     display: flex;
     flex-direction: column;
     gap: 15px;
   }

   .btn-text {
     display: none;
     /* Hide text on desktop */
   }

   .float-btn {
     width: 55px;
     height: 55px;
     border-radius: 50%;
     padding: 0;
   }

   .float-btn i {
     font-size: 22px;
   }
 }

 /* ============ MOBILE VIEW ============ */
 @media (max-width: 767px) {

   .floating-buttons {
     left: 0;
     right: 0;
     bottom: 0;
     display: flex;
   }

   .float-btn {
     flex: 1;
     border-radius: 0;
     justify-content: center;
     padding: 15px 10px;
     font-size: 14px;
   }

   .btn-text {
     display: inline;
   }
 }