/*******************************************************************************************************************************************************************/
.workingInnerStatic .breadcrumbswrap ul li{ max-width:100%;}



/* Urmrah Guide Page Start */

.static_full{ margin-bottom:25px}
.static_full .banner-inner{ margin-bottom:20px;}
.static_full .banner-inner img{ object-fit:cover; max-width:100%; height:auto; min-height:200px; border-radius: 10px;}
.tabbingBox .heaingaside h2{ font-size:20px; font-weight: 600; margin:0;}
.tabbingBox .breadcrumb{ margin-bottom:15px;}
.tabbingBox .breadcrumb .breadcrumb-row{ padding-bottom:10px; color:#78006E;}
.tabbingBox .breadcrumb .breadcrumb-row a:last-child{color:#707070; pointer-events:none;}
.tabbingBox .tabbing_content .tabSection {display: none;}
.tabbingBox .tabbing_content .tabSection.active-section {display: block; padding:20px 0 0 0;}
.tabbingBox .tabbing_content .headingTab {margin-bottom:20px;} 
.tabbingBox .tabbing_content .headingTab h6{ font-size:14px; font-weight:500; color:#1E8B41; margin-bottom:10px;} 
.tabbingBox .tabbing_content .headingTab h2{ font-size:clamp(20px, 4vw, 26px); font-weight:500; color:#000;} 
.tabbingBox .tabbing_content .contentTab h3{ font-size:clamp(19px, 4vw, 24px); font-weight:600; color:#222;} 
.tabbingBox .tabbing_content .contentTab h4{ font-size:clamp(18px, 4vw, 22px); font-weight:600; color:#111;} 
.tabbingBox .tabbing_content .contentTab h5{ font-size:clamp(17px, 4vw, 20px); font-weight:600; color:#111;} 
.tabbingBox .tabbing_content .contentTab h6{ font-size:clamp(16px, 4vw, 19px); font-weight:600; color:#444;} 
.tabbingBox .tabbing_content .contentTab p{ font-size:14px; line-height:30px; font-weight:400; color:#474747; padding-bottom:10px;} 
.tabbingBox .tabbing_content .contentTab p em{color:#601159;}
.tabbingBox .tabbing_content .contentTab ul{ list-style:disc; padding-bottom:10px;} 
.tabbingBox .tabbing_content .contentTab ul li{list-style:disc; font-size:14px; line-height:30px; font-weight:400; color:#474747; margin-left: 25px;} 
.tabbingBox .tabbing_content .contentTab ul.numberlist li{list-style:decimal; margin-left: 20px;} 
.tabbingBox .tabbing_content .contentTab .imagewrp{ display:flex; gap:20px; justify-content:space-between; margin:20px 0;}
.tabbingBox .tabbing_content .contentTab .imagewrp .imgbox{ border-radius:20px; flex:1; overflow:hidden; min-height:105px;}
.tabbingBox .tabbing_content .contentTab .imagewrp .imgbox img{ width:100%; object-fit:cover; height:100%;}
.tabbingBox .tabbing_content .contentTab .moreText{ display:none;}
.tabbingBox .tabbing_content .contentTab .moretextbtn{ display:inline-block; cursor:pointer; padding-right:20px; position:relative; font-weight: 500; color: #0d6efd;}
.tabbingBox .tabbing_content .contentTab .moretextbtn:after{position:absolute; content:'\f107'; font-weight: 900; font-family: "Font Awesome 6 Free"; right: 0; top: 50%; transform: translateY(-50%); font-size: 14px;}
.tabbingBox .tabbing_content .contentTab .moretextbtn.arr-rotate:after{content:'\f106';}
.reddark{color:#601159 !important;}

.vertiHoriz{ position:relative;}
.vertiHoriz .tabbingBox {display: flex;  gap:30px;}
.vertiHoriz .tabbingBox .leftAside{min-width:265px;}
.vertiHoriz .tabbingBox .rightAside{width:calc(100% - 295px);}
.vertiHoriz .tabbingBox .rightAside .headingTab {margin-bottom:20px;} 
.vertiHoriz .tabbingBox .rightAside .headingTab h6{ font-size:14px; font-weight:500; color:#1E8B41; margin-bottom:10px;} 
.vertiHoriz .tabbingBox .rightAside .headingTab h2{ font-size:clamp(20px, 4vw, 24px); font-weight:600; color:#000;} 
.vertiHoriz .tabbingBox .rightAside .maintopContent{width:100%; display:flex; gap:15px; position:relative;}
.vertiHoriz .tabbingBox .rightAside .maintopContent .middleContent{width:100%; }
.vertiHoriz .tabbingBox .rightAside .maintopContent .imageWrapRight .imagewrp{width:100%; min-width:265px; display:flex; gap:20px; flex-direction:column;position:sticky; top:100px;}
.vertiHoriz .tabbingBox .rightAside .maintopContent .imageWrapRight .imagewrp img{border-radius:10px;}
.vertiHoriz .navScrollfix{ position:relative;}
.vertiHoriz .navBarMenu ul{display: flex; flex-direction:column; background: none; position: relative; z-index: 2; gap:2px; padding-bottom:20px;}
.vertiHoriz .navBarMenu ul li a{font-size: 14px; display: flex; color: #939393; padding:10px 15px; white-space: nowrap; box-sizing:border-box; border-radius: 4px; /*box-shadow: inset 11px 0px 17px -15px rgba(0, 0, 0, 0.10);*/ background: #fff;}
.vertiHoriz .navBarMenu ul li a:hover{background-color:#fff; color:#111;}
.vertiHoriz .navBarMenu ul li.active a{background-color:#f1e3e3; color: #b61b65; position: relative; font-weight: 600; border:0px;}
.vertiHoriz .navBarMenu ul li.active a:after{position: absolute; top: 50%; transform:translateY(-50%); left: 0px; width:4px; background: #b61b65; height: 60%; content: ""; border-radius:0 4px 4px 0;}
@media (max-width:600px) {
    .vertiHoriz .sticke{top: 68px;}
}
@media (width <= 1160px) {
    .vertiHoriz .tabbingBox .rightAside .maintopContent{ flex-wrap:wrap;}
    .vertiHoriz .tabbingBox .rightAside .maintopContent .imageWrapRight .imagewrp{ flex-direction:unset;}
}
@media (width <= 767px) {
    .planTripWrap, .forBreadcrumb .leftAside{ display:none;}
    .breadcrumb .breadcrumb-row{ border:0px;}
    .vertiHoriz .tabbingBox .rightAside{ width:100%;}
    .vertiHoriz .navBarMenu {background: none; border-bottom: 1px solid #b61b65; overflow-x: auto; scroll-behavior: smooth;}
    .vertiHoriz .navScrollfix.sticke{ position: fixed; top: 74px; left: 0; width: 100%; overflow: hidden; background: #fff; z-index: 2; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.16);}
    .vertiHoriz .navBarMenu ul{display: flex; background: none; position: relative; z-index: 2; padding-bottom:3px; flex-direction: unset;}
    .vertiHoriz .navBarMenu ul li a{font-size: 14px; display: flex; color: #626262; padding: 18px 25px 14px; white-space: nowrap;}
    .vertiHoriz .navBarMenu ul li.active a{color: #b61b65; position: relative; font-weight: 600;}
    .vertiHoriz .navBarMenu ul li.active a:after{position: absolute; bottom: -3px; left: 0px; top:auto; transform:unset; width: 100%; background: #b61b65; height: 3px; content: "";}
    .vertiHoriz .navBarMenu::-webkit-scrollbar {height: 3px; border-radius: 6px; width: 100%;}
    .vertiHoriz .navBarMenu::-webkit-scrollbar-track {background: #FFFFFF; border-radius: 6px;}   
    .vertiHoriz .navBarMenu::-webkit-scrollbar-thumb {background-color: #C9C9C9; border-radius: 6px; height: 3px;}
    .vertiHoriz .tabbingBox{ flex-wrap:wrap;}
    .vertiHoriz .tabbingBox .navScrollfix .navBarMenu {border-bottom: 1px solid #b61b65; overflow-x: auto; scroll-behavior: smooth; scrollbar-width: none;}
    .vertiHoriz .tabbingBox .navScrollfix .navBarMenu::-webkit-scrollbar {display: none;}
    .tabbingBox .tabbing_content .contentTab .imagewrp{ gap:10px;}
    .navScrollfix.sticke + .navScrollfix-spacer,
    .navScrollfix.is-bottom + .navScrollfix-spacer {display: block;}
    .navScrollfix.is-bottom {position: absolute; bottom: 0; top: auto;}
    .vertiHoriz .tabbingBox .rightAside .maintopContent .imageWrapRight{ display:none;}
    .vertiHoriz .tabbingBox .rightAside .maintopContent .imageWrapRight .imagewrp{ gap:10px;}
}
@media (width <= 640px) {
    .vertiHoriz .navScrollfix.sticke{ position: fixed; top: 64px;}
    .workingInner {margin-top: 90px;}
}
@media (width <= 489px) {
    .vertiHoriz .tabbingBox .rightAside .maintopContent .imageWrapRight .imagewrp{ flex-wrap:wrap;}
}
/*New Start 01*/
.topicsWrap{margin-bottom:0px; max-width:852px;}
.topicsWrap .topicContainer { padding-top:40px; border-top:1px solid #D8D8D8; margin-top:30px;}
.topicsWrap .topicContainer .sectionTitle{ padding-bottom:20px;}
.topicsWrap .topicContainer .sectionTitle .mainTitle{ font-weight:600; font-size:20px;}
.topicsWrap .topicContainer .topicSlider .slick-list{margin:0 -12px; }
.topicsWrap .topicContainer .topicSlider .slick-slide {padding: 0 12px;}
.topicsWrap .topicContainer .topicImg{ border-radius:20px; overflow:hidden;}
.topicsWrap .topicContainer .topicImg img{ width:100%; height:auto; max-height:200px; object-fit:cover;}
.topicsWrap .topicContainer .topicLink{ padding:15px 0 0 0;}
.topicsWrap .topicContainer .topicLink a{ font-size:14px; font-weight:400; color:#B61B65;}
.topicsWrap .topicContainer .topicLink a:hover{color:#78006E;}
.topicsWrap .slick-arrow {position: absolute; top: 0px; margin: -35px 0px 0px 0px; z-index: 1; font-size: 0; width: 38px;height: 38px; border-radius: 50%; box-sizing: border-box; background: #fff; box-shadow: 0 0 6px rgba(0,0,0,0.08); border: 0px;}
.topicsWrap .slick-prev:before, .topicsWrap .slick-next:before {display: none;}
.topicsWrap .slick-arrow.slick-prev {left: auto; right: 45px; background: #fff url("../images/arrow-prev.svg") 50% 50% no-repeat;}
.topicsWrap .slick-arrow.slick-next {right: 0px; background: #fff url("../images/arrow-next.svg") 50% 50% no-repeat;}
.topicsWrap .slick-arrow {opacity: 1;}
.topicsWrap .slick-arrow:hover {opacity: 1; box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);}
.topicsWrap .slick-arrow.slick-disabled {opacity: 0.5; cursor: not-allowed; box-shadow: none;}
/*New Start 02*/
.planTripWrap{margin-bottom:0px; position:sticky; top:100px; z-index:1;}
.planTripWrap .planContainer{ border-radius:10px; display:flex; background: #78006E; background: linear-gradient(107deg,rgba(120, 0, 110, 1) 0%, rgba(96, 17, 89, 1) 100%); }
.planTripWrap .planContainer .rightImg{ border-radius:0 20px 20px 0; order:2; overflow:hidden; flex:1; display:none;}
.planTripWrap .planContainer .rightImg img{width:100%; height:100%; object-fit:cover;}
.planTripWrap .planContainer .queryForm{ flex:1; padding:20px 12px; max-width:100%;}
.planTripWrap .planContainer .queryForm h2{ font-size:20px; font-weight:600; color:#E7B963; margin-bottom:30px;}
.planTripWrap .planContainer .queryForm .label {display: block; font-size: 13px; margin: 15px 0 6px; color: #fff; font-weight: 300;}
.planTripWrap .planContainer .queryForm .input, .planTripWrap .planContainer .queryForm select.input {width: 100%; padding: 10px 12px; border: 1px solid #fff; border-radius: 10px; font-size: 16px; outline: none; height: 46px;}
.planTripWrap .planContainer .queryForm .input:focus {border-color: #fff;}
.planTripWrap .planContainer .queryForm .phone-row {display: flex; gap: 0px; position:relative;}
.planTripWrap .planContainer .queryForm .phone-row .telephon .iti--container{ left:0 !important; top:100% !important;}
.planTripWrap .planContainer .queryForm .phone-row .iti--separate-dial-code .iti__selected-flag{ background:none !important;}
.planTripWrap .planContainer .queryForm .phone-row .iti__country{ font-size:14px;}
.planTripWrap .planContainer .queryForm .phone-code {width: 90px; padding: 10px 12px; border-radius: 10px 0 0 10px; border: 1px solid #fff;}
.planTripWrap .planContainer .queryForm .textarea {width: 100%; font-size: 16px; height: 90px; border: 1px solid #fff; border-radius: 8px; padding: 12px; resize: none;}
.planTripWrap .planContainer .queryForm .submit-btn {background: #E7B963; color: #4d3311; border: none; padding: 12px 25px; font-size: 16px; font-weight: 400;  border-radius: 8px; margin-top: 10px; cursor: pointer; color: #B61B65;}
.planTripWrap .planContainer .queryForm .submit-btn:hover {background: #d9b05c;}
@media (width <= 767px) {
    .planTripWrap .planContainer{flex-wrap:wrap;}
    .planTripWrap .planContainer .rightImg{order:0; flex:unset; width:100%; max-height:400px; border-radius:20px 20px 0 0;}
    .planTripWrap .planContainer .queryForm{flex:unset; width:100%;padding:30px 15px 20px 15px; max-width:100%;}
}
@media (width <= 600px) {
    .planTripWrap .planContainer .rightImg{max-height:200px;}
}

/* Recommended Slider  */
.static_full + .packages-section{ padding-top:35px;}
.static_full + .packages-section h2{ padding-top:35px; border-top:1px solid #D8D8D8;}
.umrah_package .package-card {background: #fff; border-radius: 20px; overflow: hidden; box-shadow: 0 1px 3px rgba(0,0,0,0.08); margin: 0; height: 100%;}
.umrah_package .package-card .package-img {width: 100%; height: 200px; background: #ddd; position: relative; overflow: hidden;}
.umrah_package .package-card .package-img img {width: 100%; height: 100%; object-fit: cover;}
.umrah_package .package-card .package-content {display: flex; flex-wrap: wrap; height: calc(100% - 200px); width: 100%; align-content: space-between;}
.umrah_package .umrah_content{padding:20px 15px 0 15px; width: 100%;}
.umrah_package .nights{color: #78006E; font-weight: 500;  display: flex; gap: 7px; align-items: center; font-size: 12px;}
.umrah_package .title{font-size: 18px; margin-bottom: 20px; color: #000000; margin-top: 6px; font-weight: 500; font-family: 'Be Vietnam Pro', sans-serif; line-height: 28px;}
.umrah_package .hotels{display:flex;justify-content:space-between;padding: 0;}
.umrah_package .hotel{width:45%; display: flex; gap: 7px; position: relative;}
.umrah_package .hotel:nth-child(2):before{width: 1px; position: absolute; height: 100%; left: -21px; background-color: #DDDDDD; content: '';}
.umrah_package .hotel:nth-child(2):after{width: 21px; position: absolute; text-align: center; font-size: 21px; font-weight: 300; line-height: 18px; color: #9E9E9E; height: 21px; left: -31px; border-radius: 30px; top: 50%; transform: translateY(-50%); background-color: #fff; border:1px solid #DDDDDD; content: '+';}
.umrah_package .hotel .icon{width:35px;}
.umrah_package .hotel .icon img{width:100%; height: auto;}
.umrah_package .hotel .hotel-info{ text-align: left;}
.umrah_package .hotel .hotel-info .label{font-weight:400; color: #717171; font-size:12px; margin:0 0 3px 0;}
.umrah_package .hotel .hotel-info .name{font-weight: 500; color: #78006E; font-size: 12px; line-height: 18px; margin-bottom: 3px;}
.umrah_package .stars{color:#ffc300;font-size:9px}
.umrah_package .stars .fas.fa-star{margin:0 1px}
.umrah_package .services{ border-top:1px solid #E3E3E3; display:flex;padding:15px 0;font-size:12px; gap: 15px;}
.umrah_package .services span{ display:flex; align-items: center; gap: 5px; color: #717171; font-weight: 500;}
.umrah_package .umrah_footer{padding:20px 15px; width: 100%;}
.umrah_package .umrah_footer .umrah_footer_content{border-top:1px solid #E3E3E3; padding: 20px 0 0 0;}
.umrah_package .umrah_footer .umrah_footer_content .price{font-size:28px; font-weight:700; margin:0}
.umrah_package .umrah_footer .umrah_footer_content .price span{font-size:12px; font-weight:300; margin:0; color: #929292;}
.umrah_package .btns_group{display:inline-flex; gap:10px; width: 100%; margin-top: 10px; justify-content:space-between;}
.umrah_package .bttn{padding:10px 14px; text-align:center; border-radius:10px; font-size:13px; cursor:pointer; border:1px solid #B61B65; font-weight:500;}
.umrah_package .bttn.outline{background:transparent; color:#B61B65}
.umrah_package .bttn.filled{background:#E7B963; color:#B61B65; border-color: #E7B963;}
@media (max-width: 479px) {
    .itimaar .packages-section .umrah_package .btns_group{ flex-wrap: wrap;}
    .itimaar .packages-section .umrah_package .bttn{ width: 100%;}
    .umrah_package .btns_group{ flex-wrap: wrap;}
    .umrah_package .bttn{ width: 100%;}
}
/* Urmrah Guide Page End */



/*******************************************************************************************************************************************************************/
/** About US Page Start **/
.about-main .about-header {margin-bottom: 15px;}
.about-title {font-size: clamp(20px, 4vw, 26px); font-weight: 600; font-family: "Be Vietnam Pro", sans-serif; color: #000; margin-bottom: 3px;}
.about-subtitle {font-size: 14px; color: #78006E; font-weight: 500;}
.about-main .about-content {margin-bottom: 0px;}
.about-main .about-content h3{ font-size:clamp(18px, 4vw, 22px); font-weight:600; color:#111;} 
.about-main .about-content h6{ font-size:16px; font-weight:600; color:#111;} 
.about-main .about-content p{ font-size:14px; line-height:30px; font-weight:400; color:#474747; padding-bottom:10px;} 
.about-main .about-content p em{color:#601159;}
.about-main .about-content ul{ list-style:disc; padding-bottom:10px;} 
.about-main .about-content ul li{list-style:disc; font-size:14px; line-height:30px; font-weight:400; color:#474747; margin-left: 25px;} 
.about-main .about-content ul.numberlist li{list-style:decimal; margin-left: 20px;} 
/* Values Section */
.about-values {}
.about-values .about-section-title{font-size: clamp(17px, 4vw, 20px); font-weight: 600; font-family: "Be Vietnam Pro", sans-serif; color: #000; margin-bottom: 12px;}
.about-values .about-values-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 21px;}
.about-values .about-value-item {text-align: left; background:#fff; border-radius:20px; padding:30px 20px; box-shadow:0 0 15px rgba(0,0,0,0.04);}
.about-values .about-value-icon {width: auto; height: 52px; margin-bottom: 20px;}
.about-values .about-value-icon img {width: auto; height: 100%;}
.about-values .about-value-title {margin-bottom: 15px;}
.about-values .about-value-title h4{font-size: 16px; font-weight: 600; font-family: "Be Vietnam Pro", sans-serif; color: #78006E; margin:0px;}
.about-values .about-value-description p{ font-size:14px; line-height:30px; font-weight:400; color:#474747; padding-bottom:10px;}
.about-values .about-value-description ul{ list-style:disc; padding-bottom:10px;} 
.about-values .about-value-description ul li{list-style:disc; font-size:14px; line-height:30px; font-weight:400; color:#474747; margin-left: 25px;} 
/* Quote Section */
.about-quote {background:url(../images/other/about-testimonial.webp) top center no-repeat; padding: 60px 40px; border-radius: 20px; text-align: center; margin:0; position: relative; background-size:100% 100%;}
.about-quote .about-quote-icon {margin-bottom: 20px;}
.about-quote .about-quote-text {font-size: 16px; color: #FFFFFF; margin-bottom: 20px; font-family: 'Marcellus', serif;}
.about-quote .about-quote-author {font-size: 16px; color: #E7B963; font-weight: 600;}
/* Newsletter Section */
.newsletterWrap{ padding-bottom:0px;}
.about-newsletter {background: #E7B963 url(../images/other/subscribe_img.webp) right top no-repeat; background-size:auto 100%; padding: 40px 30px; border-radius: 20px; margin: 0px 0; position:relative;}
.about-newsletter::before {content:''; position:absolute; width:100%; height:100%; top:0; left:0; border-radius:20px; background: #E7B963; background: linear-gradient(90deg,rgba(231, 185, 99, 1) 0%, rgba(231, 185, 99, 1) 55%, rgba(231, 185, 99, 0) 75%);}
.about-newsletter .about-newsletter-title {font-size: clamp(22px, 4vw, 22px); font-weight: 500; color: #45133B; margin-bottom: 20px; position: relative;}
.about-newsletter .about-newsletter-form {display: flex; gap: 10px; max-width: 500px; margin-bottom: 20px; position: relative;}
.about-newsletter .about-newsletter-form .about-newsletter-input {flex: 1; padding: 12px 15px; border: none; border-radius: 10px; font-size: 14px; font-weight:500; outline: none;}
.about-newsletter .about-newsletter-form .about-newsletter-button {padding: 12px 30px; background: #B61B65; color: #fff; border: none; border-radius: 10px; font-size: 16px; font-weight: 500; cursor: pointer; transition: background 0.3s;}
.about-newsletter .about-newsletter-form .about-newsletter-button:hover {background: #ad145d;}
.about-newsletter .about-newsletter-checkbox {display: flex; align-items: flex-start; gap: 10px; max-width:500px;}
.about-newsletter .about-newsletter-checkbox input {border:1px solid #45133B;}
.about-newsletter .about-newsletter-checkbox label{font-size: 12px; color: #45133B;font-weight: 500;  padding:0px;}
.about-newsletter .about-newsletter-checkbox.custom-checkbox input:checked[type="checkbox"] + label{color: #45133B;}
/* Responsive Design */
@media (max-width: 767px) {
    .about-values .about-values-grid {grid-template-columns: 1fr;}
}
@media (max-width: 640px) {
    .about-newsletter {background: #E7B963 url(../images/other/subscribe_img.webp) center bottom no-repeat; background-size: 100% auto; padding: 40px 30px 230px 30px;    }
    .about-newsletter::before {background: linear-gradient(180deg,rgba(231, 185, 99, 1) 0%, rgba(231, 185, 99, 1) 55%, rgba(231, 185, 99, 0) 70%);}
}
@media (max-width: 480px) {
   .about-quote, .about-values .about-value-item{ padding:20px 15px;}
   .about-newsletter{padding: 30px 15px 180px 15px;}
   .about-newsletter::before {background: linear-gradient(180deg, rgba(231, 185, 99, 1) 0%, rgba(231, 185, 99, 1) 65%, rgba(231, 185, 99, 0) 75%);}
   .about-newsletter .about-newsletter-form .about-newsletter-button{padding:12px 15px;}
}
@media (max-width: 413px) {
    .about-newsletter{padding: 30px 15px 150px 15px;}
}
/** About US Page End **/


/*******************************************************************************************************************************************************************/

/** Contact US Page Start **/

.contactMain .contact-header {margin-bottom: 20px;}
.contactMain .contact-header .contact-title {font-size: clamp(20px, 4vw, 26px); font-weight: 600; font-family: "Be Vietnam Pro", sans-serif; color: #000; margin-bottom: 3px;}
.contactMain .contact-header .contact-subtitle {font-size: 14px; color: #78006E; font-weight: 500;}
.contactMain .contact-content {display: flex; align-items: flex-start; gap: 30px; width: 100%;}
.contact-form-wrapper { width:100%;}
.contact-form-wrapper .contact-form-row {display: grid; grid-template-columns: repeat(2, 1fr); gap: 21px; margin-bottom: 10px;}
.contact-form-wrapper .contact-form-group {margin-bottom: 10px;position: relative;}
.contact-form-wrapper .contact-form-group .iti{width:100%; font-size: 14px;}
.contact-form-wrapper .contact-form-group .contact-form-label {display: block; font-size: 13px; color: #434343; margin-bottom: 8px; font-weight: 500;}
.contact-form-wrapper .contact-form-row .contact-form-group .contact-form-input,
.contact-form-wrapper .contact-form-group .contact-form-textarea,
.contact-form-wrapper .contact-form-row .contact-form-group .contact-form-select {width: 100%; padding:15px; border: 1px solid #DDDDDD; border-radius: 10px; font-size: 14px; font-family: "Be Vietnam Pro", sans-serif; outline: none;}
.contact-form-wrapper .contact-form-button {background: #E7B963; color: #78006E; font-size:16px; padding: 10px 40px; border-radius: 10px; font-weight: 500; height: 48px; text-decoration: none; transition: background 0.3s; border:0px;}
.contact-info {display: flex; flex-direction: column; gap: 30px; max-width:335px; width:100%;}
.contact-info .contact-info-box {background: #fff; padding: 30px 20px; border-radius: 20px; box-shadow: 0 0px 15px rgba(0, 0, 0, 0.04);}
.contact-info .contact-info-box .contact-info-title {font-size: 20px; font-weight: 600; font-family: "Be Vietnam Pro", sans-serif; color: #000; margin-bottom: 20px;}
.contact-info-item {display: flex; align-items: flex-start; gap: 15px; margin-bottom: 25px;}
.contact-info-item .contact-info-icon {width: 33px; height: auto;}
.contact-info-item .contact-info-text {flex: 1;}
.contact-info-item .contact-info-text .contact-info-label {font-size: 12px; color: #78006E; margin-bottom: 4px;font-weight: 500;}
.contact-info-item .contact-info-text .contact-info-value {font-size: 13px; color: #434343; font-weight: 500;}
.contact-info-item .contact-info-text .contact-number-link {color: #B61B65; text-decoration: none; font-size:16px; font-weight:600;}
.contact-info-item .contact-info-text .contact-info-link {color: #B61B65; text-decoration: none;}
.contact-info-item .contact-info-text .contact-info-link:hover {text-decoration: underline;}
.contact-info-box .contact-whatsapp-button {display: flex; justify-content: center; align-items: center;  gap: 10px; padding: 12px 30px; background: #fff; color: #1E8B41; border-radius: 10px; font-size: 14px; font-weight: 500; cursor: pointer;  text-decoration: none; border: 1px solid #1E8B41; transition: background 0.3s;}
.contact-info-box .contact-whatsapp-button:hover {background: #1E8B41; color: #fff;}
/* Map Section */
.contact-map {border-radius: 20px; overflow: hidden; height: 400px; position:relative; transition:all 0.5s ease-in-out;}
.contact-map .hoverbtn{ width:100%; height:100%; background:rgba(0,0,0,0.43); display:flex; align-items:center; justify-content:center; position:absolute; top:0; left:0; }
.contact-map .hoverbtn .btnDesign{display:flex; align-items:center; justify-content:center;background:rgba(0,0,0,0.43); padding:4px 12px; border-radius:10px; gap:6px; font-size:12px; font-weight:400; color:#fff;}
.contact-map:hover .hoverbtn{ opacity:0; z-index:-2; transition:all 0.5s ease-in-out;}
.contact-map iframe {width: 100%; height: 100%; border: none;}
/* Footer CTA */
.feelWrap{ padding-bottom:0px;}
.feelFree { display:flex; align-items:center; justify-content:center; background: #fff; border-radius: 20px; overflow:hidden;}
.feelFree .feelFreeImg{ min-width:300px;}
.feelFree .contact-footer-cta {padding: 20px 30px;}
.feelFree .contact-footer-cta .contact-footer-title {font-size: 22px; font-weight: 500; color: #45133B; margin-bottom: 15px;}
.feelFree .contact-footer-cta .contact-footer-text p{font-size: 12px; color: #45133B; line-height: 1.8; font-weight: 500; margin-bottom: 10px;}
.contact-footer-buttons {display: flex; gap: 14px; flex-wrap: wrap;}
.contact-footer-button {display: inline-flex; align-items: center; gap: 10px; padding: 12px 30px; background: #78006E; color: #fff; border: 1px solid #78006E; border-radius: 10px; font-size: 14px; font-weight: 500; cursor: pointer; text-decoration: none;  transition: background 0.3s;}
.contact-footer-button:hover {background: #fff; color: #78006E;}
.contact-footer-button:hover svg path{fill: #78006E;}
@media (max-width: 991px) {
    .feelFree .contact-footer-cta{ padding:20px 15px;}
    .contact-footer-button{padding:8px 15px;}
}
@media (max-width: 870px) {
    .contact-form-wrapper .contact-form-row{ grid-template-columns:1fr; gap: 0;}
}
@media (max-width: 767px) {
    .feelFree .feelFreeImg{ display:none;}
    .feelFree .contact-footer-cta{ padding:30px 20px;}
    .contactMain .contact-content{ flex-wrap:wrap;}
    .contact-info{ max-width:100%;}
}
@media (max-width: 480px) {
    .contact-footer-button{ width:100%; justify-content: center;}
    .feelFree .contact-footer-cta{ padding:30px 15px;}
}


/** Contact US Page End **/

/*******************************************************************************************************************************************************************/