section.breadcrumb-outer2 { background: url(../images/bg/packages-bg.jpg) no-repeat; background-attachment: fixed; position: relative; padding: 100px 0 0px; } #in_th_030 > .carousel-inner > .item > img { width: 100%; opacity: 0.9; margin: auto; height: 400px; } .destination-content { padding: 15px 0; text-align: center; min-height: 118px; } .customList{text-align: left;padding-left:20px; list-style: disc;} .customList li{ text-align: left; font-size:16px;line-height:20px;color:black; } .customList2{text-align: left;padding-left:20px; list-style: auto;} .customList2 li{ text-align: left; font-size:16px;line-height:20px;color:black; } .csa{padding:12px;margin-bottom:0px;} .au p{font-size:16px;color:black;line-height:20px;text-align:left;} /**form element container style**/ /* Modal Styles */ .modal-header { /* background: linear-gradient(135deg, #1d8cf8, #3358f4); */ background: linear-gradient(135deg, #FF9800, #872305); color: #fff; text-align: center; font-size: 24px; font-weight: 100; padding: 7px; border-bottom: none; } .modal-title{ font-size: 28px; font-family: inherit; font-weight: 100; color:white; } .modal-title b{color: #FFC107; font-weight: bold;} .modal-content { border-radius: 10px; overflow: hidden; } .modal-body { padding: 30px; background-color: #f8f9fa; } .form-control { border: 1px solid #d1d1d1; border-radius: 30px; padding: 10px 20px; font-size: 16px; } .form-control:focus { border-color: #3358f4; box-shadow: 0 0 5px rgba(51, 88, 244, 0.5); } .btn-submit { /* background: linear-gradient(135deg, #1d8cf8, #3358f4); */ background: linear-gradient(135deg, #FF9800, #872305); color: #fff; font-size: 18px; padding: 12px 30px; border: none; border-radius: 30px; width: 100%; margin-top: 10px; transition: all 0.3s ease; } .btn-submit:hover { background: linear-gradient(135deg, #FF5722, #872305); box-shadow: 0 4px 10px rgba(51, 88, 244, 0.5); color:white!important; } .modal-footer { text-align: center; padding: 15px; background-color: #f1f1f1; } .modal-footer a { color: #3358f4; font-weight: bold; text-decoration: none; } .btn-launch { background-color: #1d8cf8; color: #fff; border-radius: 30px; padding: 10px 20px; font-size: 18px; transition: all 0.3s ease; } .btn-launch:hover { background-color: #3358f4; color: #fff; box-shadow: 0 4px 10px rgba(51, 88, 244, 0.5); } .modal-header .close { margin-top: -4px; margin-right: 5px; } .close { font-size: 24px; /* Larger size for better visibility */ color: #fff; /* White color to contrast with header background */ opacity: 0.8; /* Slightly transparent for a modern look */ } .close:hover, .close:focus { color: #f8f9fa; /* Brighter color on hover */ opacity: 1; /* Fully opaque on hover */ text-decoration: none; /* No underline or text styles */ } .destSpitiIMg{max-height:567px!important;min-height:567px!important;height:567px!important;} .section-title p { margin-bottom: 0; line-height: 20px; font-size:17px; } .top-destination-item img { display: block; position: relative; max-width: none; width: calc(100% + 20px); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; max-height: 280px; min-height:280px; } .borderArea{border:1px solid gray;padding:2px;margin:3px;min-height: 32px;height: 32px;} .customContainer{padding:7px;} .elementP{font-size:18px;color:black;margin-bottom:0px;font-weight: 700;margin-bottom: 9px;} .inputContainer>input{padding:8px;height:26px;} .m0{margin:0px;} .no-gutter { margin-right: 0; margin-left: 0; } .no-gutter > [class*="col-"] { padding-right: 0; padding-left: 0; } .queryForm{background-color:white;padding:12px;min-height:450px;width:350px;position:absolute;top:40px;right:70px;z-index: 999;border-radius: 12px;} .queryForm>.freeQuotsHeading{text-align: center; padding: 20px 0; font-size: 30px; text-transform: uppercase; color: #022c63;} .btn-enq { background: #052145; border-radius: 50px; font-size: 18px; padding: 10px 25px; color: #fff; text-transform: uppercase; } .btn-enq:hover { background: #ff6500; border-radius: 50px; font-size: 18px; padding: 10px 25px; color: white; text-transform: uppercase; } /**custom css goes here...**/ .jimLogo{position:relative!important;} .custLogo>.jimLogo>.kesari{color: #ff6500;font-family: 'proxima_nova_rgbold';} .custLogo>.jimLogo>.green{color: green;font-family: 'proxima_nova_rgbold';} .custLogo>.jimLogo>.black{color: black;font-family: 'proxima_novaregular';} .custLogo>.jimLogo>.tagline{ font-size: 12px!important; position: absolute!important; bottom: -15px!important; right: 0!important;; color: black!important;} .slider .swiper-button-prev,.slider .swiper-button-next { background: transparent; padding: 23px; border-radius: 10px 0px 0px 10px; border-radius: 24px!important; border: 1px solid white; } .slider .swiper-button-prev:hover,.slider .swiper-button-next:hover { background: #ff6500; padding: 23px; border-radius: 10px 0px 0px 10px; border-radius: 24px!important; border: 1px solid white; } .search-ad { background: #005294; position: relative; padding: 12px; } .search-ad i { position: absolute; top: 10px; left: 30px; } /**navbar style**/ /* Custom Modal Styles */ .custom-modal-size { width: 100%; /* Default full width */ max-width: 355px; /* Limit max width on larger screens */ margin: 30px auto; /* Center the modal */ } @media (max-width: 768px) { /* Adjust modal size on tablets and smaller screens */ .custom-modal-size { max-width: 90%; /* 90% of screen width for smaller devices */ } } @media (max-width: 480px) { /* Further adjust for very small screens */ .custom-modal-size { max-width: 95%; /* Reduce padding for small devices */ } }