@charset "UTF-8";

/*
Theme Name: hiddenhimalayas

*/

/**
 * SETTINGS
 * File-header..........The file header for the themes style.css file.
 * Fonts................Any font files, if the project needs specific fonts.
 * Global...............Project-specific, globally available variables.
 *
 * TOOLS
 * Functions............Global functions.
 * Mixins...............Global mixins.
 *
 * GENERIC
 * Normalize.css........Normalise browser defaults.
 * Breakpoints..........Mixins and variables for responsive styles
 * Vertical-margins.....Vertical spacing for the main components.
 * Reset................Reset specific elements to make them easier to style in other contexts.
 * Clearings............Clearings for the main components.
 *
 * ELEMENTS
 * Blockquote...........Default blockquote.
 * Forms................Element-level form styling.
 * Headings.............H1–H6
 * Links................Default links.
 * Lists................Default lists.
 * Media................Images, Figure, Figcaption, Embed, iFrame, Objects, Video.
 *
 * BLOCKS
 * Audio................Specific styles for the audio block.
 * Button...............Specific styles for the button block.
 * Code.................Specific styles for the code block.
 * Columns..............Specific styles for the columns block.
 * Cover................Specific styles for the cover block.
 * File.................Specific styles for the file block.
 * Gallery..............Specific styles for the gallery block.
 * Group................Specific styles for the group block.
 * Heading..............Specific styles for the heading block.
 * Image................Specific styles for the image block.
 * Latest comments......Specific styles for the latest comments block.
 * Latest posts.........Specific styles for the latest posts block.
 * Legacy...............Specific styles for the legacy gallery.
 * List.................Specific styles for the list block.
 * Media text...........Specific styles for the media and text block.
 * Navigation...........Specific styles for the navigation block.
 * Paragraph............Specific styles for the paragraph block.
 * Pullquote............Specific styles for the pullquote block.
 * Quote................Specific styles for the quote block.
 * Search...............Specific styles for the search block.
 * Separator............Specific styles for the separator block.
 * Table................Specific styles for the table block.
 * Verse................Specific styles for the verse block.
 * Video................Specific styles for the video block.
 * Utilities............Block alignments.
 *
 * COMPONENTS
 * Header...............Header styles.
 * Footer...............Footer styles.
 * Comments.............Comment styles.
 * Archives.............Archive styles.
 * 404..................404 styles.
 * Search...............Search styles.
 * Navigation...........Navigation styles.
 * Footer Navigation....Footer Navigation styles.
 * Pagination...........Pagination styles.
 * Single...............Single page and post styles.
 * Posts and pages......Misc, sticky post styles.
 * Entry................Entry, author biography.
 * Widget...............Widget styles.
 * Editor...............Editor styles.
 *
 * UTILITIES
 * A11y.................Screen reader text, prefers reduced motion etc.
 * Color Palette........Classes for the color palette colors.
 * Editor Font Sizes....Editor Font Sizes.
 * Measure..............The width of a line of text, in characters.
 */

/* Categories 01 to 03 are the basics. */

/* Variables */


header.entry-header.alignwide {
    display: none;
}

.blogggginfokk-detailll p {
    text-align: justify;
}


.spitiiiii img {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border: 6px solid white;
    margin-bottom: 24px;
}


.spitiiiii h4 {
    font-size: 25px;
    color: #ffffff;
    background-color: #f05c28;
    padding: 18px 16px;
    border-radius: 6px;
}


.spiti-fixed h1 {
    color:#f05c28;
    font-size: 28px;
    font-weight: 700;
}

.spiti-fixed h2 {
    color:#f05c28;
    font-size: 28px;
    font-weight: 700;
}



.spiti-fixed h3 {
    color:#f05c28;
    font-size: 28px;
    font-weight: 700;
}

.spiti-fixed h4 {
    color:#f05c28;
    font-size: 28px;
    font-weight: 700;
}

.spiti-fixed h5 {
    color:#f05c28;
    font-size: 28px;
    font-weight: 700;
}

.spiti-fixed h6 {
    color:#f05c28;
    font-size: 28px;
    font-weight: 700;
}

.inner-banner-content h1 {
    font-size: 42px;
    font-weight: 700;
}
.spiti-fixed h1 {
    color: #f05c28;
    font-size: 20px;
    font-weight: 700;
}
.spiti-fixed h2 {
    color: #f05c28;
    font-size: 44px;
    font-weight: 700;
}

.spiti-fixed h3 {
    color: #f05c28;
    font-size: 38px;
    font-weight: 700;
}



.spiti-fixed h4 {
    color: #f15b28;
    font-size: 20px;
    font-weight: 700;
}

.tour-name.borderrrrrr.lefttt-borderrr {
    border-left: 8px solid orange;
}


.spiti-fixed h5 {
    color: #000000;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px !important;
}

.spiti-fixed h6 {
    color: #f05c28;
    font-size: 20px;
    font-weight: 700;
}

 .package-content.jkl {
    padding: 0 20px 0;
}
.swaff {
    display: inline;
    text-align: justify;
    padding: 0px 2px;
}
.footer-visaaa-fh {
    background: #fff;
    padding: 20px 0px;
    /* border-radius: 66px; */
}


.accept h3 {
    font-size: 14px;
    margin-left: 6px;
    padding: 1px;
    color: #000;
    margin-bottom: 13px;
    font-weight: 500;
    text-align: justify;
}

.accept {
    text-align: center;
}

.swaff img {
    margin: 2px;
}

.borderr {
    border-left: 1px solid #4c4949;
    height: 53px;
    margin-left: 90px;
    margin-top:17px;
}

ul.listt li {
    list-style: disc;
    font-size: 14px;
    padding: 2px;
    text-align: justify;

}



ul.listt  {
margin-bottom: 10px;
}


.site-footer .top-footer {
    padding-bottom: 0px !important;
}

.borderrrrrr {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: 10px;
    padding: 10px 14px;
    margin-bottom: 18px;
}

.textwidget.widget-text {
    text-align: justify;
}



.tour-name p {
    text-align: justify;
}




.cp-widget-button {display:inline-block;position:fixed;bottom:23%;right:1%;z-index:999999}

.cp-widget-button__inner {animation:bounce 1s infinite alternate;-webkit-animation:bounce 1s infinite alternate}

.cp-widget-button__inner {height:64px;width:64px;line-height:64px;border-radius:50%;text-align:center;cursor:pointer}

.cp-widget-button__inner img {margin:0 auto}@keyframes bounce {from {transform:translateY(0)}to {transform:translateY(-15px);}}@-webkit-keyframes bounce {from {transform:translateY(0)}to {transform:translateY(-15px)}}





.cp-widget-button1 {display:inline-block;position:fixed;bottom:12%;right:1%;z-index:999999}

.cp-widget-button__inner1 {animation:bounce 1s infinite alternate;-webkit-animation:bounce 1s infinite alternate}

.cp-widget-button__inner1 {height:64px;width:64px;line-height:64px;border-radius:50%;text-align:center;cursor:pointer}

.cp-widget-button__inner1 img {margin:0 auto}@keyframes bounce {from {transform:translateY(0)}to {transform:translateY(-15px);}}@-webkit-keyframes bounce {from {transform:translateY(0)}to {transform:translateY(-15px)}}
ul.listt {
    margin-left: 35px;
}

.tour-nameimagess.borderrrrrr.lefttt-borderrr img {
    width: 100%;
}





.form-group p {
    padding: 0px!important;
    margin: 0px !important;
}



.two-column-form {
    display: grid
;
    grid-template-columns: repeat(5, 1fr);
    gap: 15px;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    margin: auto;
}


.submit-button {
    display: flex;
    justify-content: center;
    align-items: center;
}
/* Styling for inputs */
.zt-control {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 16px;
    background: #fff;
    text-align: left;
}


/* Responsive Fixes */
@media (max-width: 768px) {
     .two-column-form {
        grid-template-columns: 1fr;
        width: 100%;
    }
    .submit-button {
        grid-column: span 1; /* Keeps button centered */
    }
}

.two-column-form .form-group {
    margin-bottom: 0 !important;  /* Removes bottom margin */
    padding-bottom: 0 !important; /* Removes bottom padding */
}
span.wpcf7-spinner {
    display: none !important;
}
.lefttt h4 {
    font-size: 24px;
    margin-bottom: 4px;
    padding-bottom: 1px;
}

.lefttt p {
    margin-bottom: 0px;
    padding-bottom: 8px;
}



.paddingggggggg {
    padding: 0px 20px 12px 12px;
}


.special_book {
    background-color: #29421b !important;
    color: #fff !important;
}


.mtn-12 {
    margin-top: -198px !important;
}




.box-contact {
    padding: 50px;
    background-color: #f5f5f5;
}.box-contact h3 {
    /* font-family: "Alegreya", serif !important; */
    /* font-style: italic; */
    position: relative;
    font-size: 23px;
    margin-top: 0;
}

.mtn-10 {
    margin-top: -100px !important;
}



.calls.text-center h2 {
    font-size: 29px;
    color: white;
    font-weight: 400;
}.romss h1 {
    font-size: 34px;
    font-weight: 700;
}.romss p {
    text-align: justify;
}


section.section.sectionpadding {
    padding: 50px 0px;
}



.text-diveddddd {
    position: relative;
    text-align: center;
    margin-bottom: 20px; /* Optional for spacing */
}

.text-diveddddd::after {
    content: "";
    display: block;
    background-color: #d7d7d7;
    width: 100px;
    height: 1px;
    margin: 10px auto;
}


.btn.btn-classic {
    /* font-family: "Alegreya", serif !important; */
    /* color: #7b63ae; */
    text-transform: none;
    font-weight: 600;
    /* font-style: italic; */
    font-size: 15px;
    position: relative;
    border-top: 1px solid;
    border-bottom: 1px solid;
    /* border-color: #7b63ae; */
    padding: 10px 25px;
}

span.icon-btn-arrow {
    position: relative;
    margin-left: 15px;
    width: 25px;
    height: 10px;
    display: inline-block;
}

span.icon-btn-arrow .inner {
    width: 25px;
    height: 1px;
    background-color: #7b63ae;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transition: all 0.4sease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4sease;
}


span.icon-btn-arrow .inner:after {
    content: '';
    display: block;
    position: absolute;
    width: 4px;
    height: 4px;
    border-right: 1px solid;
    border-top: 1px solid;
    border-color: #7b63ae #7b63ae transparent transparent;
    top: 0;
    right: 0;
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    -o-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}


.btn:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.4sease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4sease;
}   



span.icon-btn-arrow {
    position: relative;
    margin-left: 15px;
    width: 25px;
    height: 10px;
    display: inline-block;
}



.Roomsss.text-center h2 {
    
    font-size: 34px;
    font-weight: 700;
}

h2.section-title.text-center {
     font-size: 34px;
    font-weight: 700;
}

h3.section-desc.text-center.fsi {
  font-size: 34px;
    font-weight: 700;
}




.pt-5 {
    padding-top: 48px; /* Bootstrap 5 spacing scale for 5 */
}

.pb-5 {
    padding-bottom: 48px; /* Bootstrap 5 spacing scale for 5 */
}


.tableeee.text-center h3 {
     font-size: 34px;
    font-weight: 700;
}
 



 @media (max-width: 767px) {
    .slider-item {
        flex-direction: column; 
        text-align: center;
    }
.row.jkk {
    text-align: center;
}
    .slider-image, 
    .slider-content {
        width: 100%;
        padding: 0; 
    }

    .slider-image img {
        width: 100%;
        height: auto; 
    }

    .slider-content {
        padding: 15px; 
    }
}





.smlimgggg {
  width: 424px;
  height: 304px;
  object-fit: cover;
}



.lrgimgggg {
  width: 605px;
  height: 403px;
  object-fit: cover;
}



.slider-image.jkllllll img {
    width: 620px;
    height: 420px;
    object-fit: cover;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 8px;
}

.paddingggggggg p {
    text-align: justify;
}

ul.lissstttt {
    display: flex
;
    align-items: center;
    justify-content: center;
}ul.lissstttt {
    margin-top: 30px;
}


ul.lissstttt li {
    padding: 0px 26px;
    font-size: 15px;
}



.box-contact h6 {
    font-size: 17px;
    font-weight: 700;
}


/* Wrapper for the whole form */
.contboxx {
    width: 100%;
    margin: 0 auto;
}


.contboxx .custom-input {
    height: 50px !important;
    width: 100%;
}

/* Specific height for the message field */
.contboxx .custom-input[name="message"] {
    height: 120px !important;
    resize: none;
}

/* Force message field to span both columns */
.contboxx .custom-form-group:nth-child(4) {
    grid-column: span 2;
}

/* Submit button - spans full width */
.contboxx .custom-submit-group {
    grid-column: span 2;

    margin-top: 10px;
}

/* Submit button style */
.contboxx .custom-btn {

    border-radius: 4px;

}

.contboxx .custom-btn:hover {
    background-color: #0056b3;
}














.packgeee .custom-input {
    height: 30px !important;
    width: 100%;
    padding: 2px 5px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

.packgeee .custom-input[name="message"] {
    height: 90px !important;
    resize: none;
    padding: 5px;
}

.packgeee .custom-form-group:nth-child(4) {
    grid-column: span 2;
}




.packgeee .custom-btn {

    border-radius: 4px;
 
}

figure.feature-image.jkllll img {
    min-height: 290px;
}

.blogggginfokk-detailll p {
    text-align: justify;
}

.header-social.social-links {
    float: inline-end;
}


ul.listtttttt li {
    list-style-type: unset;
    text-align: justify;
}

ul.listtttttt  {
   margin-bottom: 10px;
}
ul.listtttttt {
    margin-left: 36px;
}

.blogggginfokk-detailll ul li {
    text-align: justify;
}
.blogggg.jkkk img {
    width: 100%;
    height: 70px;
    margin-bottom: 5px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 4px;
    object-fit: cover;
}.row.blgg.recnt {
    display: flex
;
    align-items: center;
    object-fit: contain;
}.bloggggh.jjkkk a {
    font-weight: 500;
    font-size: 14px;
}
.bloggggh.jjkkk a:hover {
    color: #d16c00;
}