/*
 Theme Name:   India Travel Group
 Theme URI:    
 Description:  A Custom Theme Created for North India Private Tour
 Author:       Sikander 
 Author URI:    
 Version:      1.0.0
 Tags:         light, dark, two-columns, right-sidebar, widgets,options,
*/

/* Main Menu CSS Style Sheet */
/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
        white-space: nowrap;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}
.show_duration {
    position: absolute;
    right: 0px;
    padding: 2px 10px;
    font-weight: 600;
    font-size: 100%;
    color: #555;
    background: rgba(255, 255, 255, 0.74);
    border: 1px solid #fff;
    border-top: none;
}
.page-title .description p {
    font-size: 20px;
    color: #fff;
    line-height: 1.6;
    margin-bottom: 0;
}
.page-title .description p {
    font-size: 17px;
    color: #fff;
    padding-right: 80px;
    padding-left: 80px;
}

#list { padding-left:0px!important; margin-top:0px!important; margin-bottom:0px!important;}
#list p {padding-top:0px!important; padding-bottom:0px !important;}
.spt { padding-top:5px;}
.ptul {padding-left:20px; list-style-type:disc;}
#accordion-collapse-body-2 {}
#accordion-collapse-body-2 ul {padding-left:20px; list-style-type:disc; padding-bottom:8px;}
#accordion-collapse-body-2 ul li { padding-bottom;5px;}
/* Pagination container */
.pagination {
    display: inline-flex;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.items-center {
    align-items: center;
}

.-space-x-px > :not(:first-child) {
    margin-left: -1px;
}

/* Pagination item */
.page-item {
    display: inline-block;
}

.page-item a, .page-item .page-numbers {
    padding: 0.5rem 1rem; /* Padding similar to px-4 py-2 */
    border: 1px solid #D1D5DB; /* Border color similar to border-gray-300 */
    color: #000; /* Default text color is white */
    background-color: #F8F9FA; /* Background color similar to bg-gray-700 */
    text-decoration: none; /* Remove underline from links */
    display: block; /* Ensure full width clickable area */
    transition: background-color 0.3s ease, color 0.3s ease; /* Smooth transition for hover and focus effects */
}

/* Hover effect */
.page-item a:hover, .page-item .page-numbers:hover {
    background-color: #F7F7F7; /* Background color similar to hover:bg-red-500 */
    color: #EF4444; /* Text color stays white on hover */
}

/* Focused page item */
.page-item a:focus, .page-item .page-numbers:focus {
    background-color: #F7F7F7; /* Background color similar to focus:bg-red-500 */
    color: #EF4444; /* Text color stays white on focus */
  
}

/* Active page item */
.page-item .page-numbers.current {
    background-color: #fff; /* Background color similar to bg-red-500 */
    color: #EF4444; /* Text color stays white for active state */
	font-weight:700;
  
}
/* Form container */
#contact-form {
	background-color: #f9f9f9;
   
}

/* Form group */
#contact-form .form-group {
    margin-bottom: 1rem;
	
}

/* Form label */
#contact-form label {
    display: block;
    font-weight: bold;
    margin-bottom: 0.5rem;
    color: #333;
}

/* Form inputs and textarea */
#contact-form .form-control {
    width: 100% !important; /* Ensures full width */
    padding: 0.5rem !important; /* Padding */
    border: 1px solid #ccc !important; /* Border color */
    border-radius: 4px !important; /* Rounded corners */
    box-sizing: border-box;
    font-size: 0.75rem !important; /* Font size */
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important; /* Transition effects */
}

/* Specific styling for textarea */
#contact-form textarea.form-control {
    height: 80px !important; /* Fixed height for textarea */
    resize: vertical !important; /* Allow vertical resize only */
}

/* Form inputs focus */
#contact-form .form-control:focus {
    border-color: #dc3515 !important; /* Blue border on focus */
   
}

/* Submit button */
#contact-form .submit-button {
    display: inline-block;
    padding: 0.75rem 1.5rem !important;
    background-color: #ff4723 !important; /* Green background */
    color: #fff !important;
    font-size: 1rem !important;
    font-weight: bold !important;
    border: none !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    transition: background-color 0.3s ease, box-shadow 0.3s ease !important;
}

#contact-form .submit-button:hover {
    background-color: #050505 !important; /* Darker green on hover */
}

#contact-form .submit-button:focus {
    outline: none !important;
    
}
.whatsapp-button {
    display: inline-block;
    padding: 10px 20px;
    text-align: center;
    background-color: #25D366; /* WhatsApp green */
    color: white;
    border-radius: 8px;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    width: 100%; /* Full width */
}

.whatsapp-button:hover {
    background-color: #1ebe54; /* Slightly darker green on hover */
}

.whatsapp-button i {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    fill: white; /* Icon color */
}
.smicon {width:14px;}

/* Swiper Pagination Bullets */
.mySwiper .swiper-pagination-bullet {
    background-color: white !important; /* White bullets */
    opacity: 1 !important; /* Ensure bullets are fully visible */
}

/* Active Pagination Bullet */
.mySwiper .swiper-pagination-bullet-active {
    background-color: red !important; /* Red color for the active bullet */
}

/* Swiper Pagination Bullets */
.mySwiper .swiper-pagination-bullet {
    background-color: white !important; /* White bullets */
    opacity: 1 !important; /* Ensure bullets are fully visible */
}

/* Active Pagination Bullet */
.mySwiper .swiper-pagination-bullet-active {
    background-color: red !important; /* Red color for the active bullet */
}

/* Hide Swiper Navigation Buttons */
.mySwiper .swiper-button-next,
.mySwiper .swiper-button-prev {

    display: none !important; /* Remove navigation arrows */
}
#contentsection {color:#000000;}
#contentsection h1 {font-size: 29px; line-height: 42px; font-weight: 600; padding-bottom:10px;color:#000;}
#contentsection h2 { font-size:25px; line-height:32px; font-weight: 600; padding-bottom:10px;padding-top:10px; color:#000;}
#contentsection p { padding-bottom:10px;}
#contentsection h3 { font-size:18px; line-height:28px; padding-top:10px; padding-bottom:10px; font-weight: 600; color:#000;}
#contentsection h4 { font-size:15px; line-height:26px; padding-top:10px; padding-bottom:10px; font-weight: 600; color:#000;}
#contentsection ul {padding-left:20px; list-style-type:disc; margin-top:10px; margin-bottom:10px;}
#accordion-collapseone h2 {padding-bottom:0px!important; padding-top:0px!important;}
/* Custom CSS */