*{
    font-family: 'Poppins', sans-serif !important;
}

h2{
    text-decoration: underline;
    text-underline-offset: 15px;
    font-weight: 600 !important;
}

.navbar .nav-item:hover .dropdown-menu{ 
    display: block;
}

.gallery__content i{
    border: 1px solid white;
    border-radius: 50%;
    padding: 10px;
}

.gallery__content i:hover{
    background-color: #fd7e14;
    border: 1px solid #fd7e14;
}

.gallery__content p{
    font-weight: bold;
    font-size: 25px;
    color: white;
}

.gallery__content p:hover{
    color: #fd7e14 !important;
}

.fa-brands, .fab {
    font-family: "Font Awesome 6 Brands" !important;
}

.fa-solid, .far, .fas {
    font-family: "Font Awesome 6 Free" !important;
}

#navbar img{
    width: 120px !important;
}

#navbar #pandit-registration{
    background-color: transparent !important;
    border: none !important;
    color: #a92e0c !important;
    font-weight: bolder;
    font-size: 19px;
}

nav{
    /*background: linear-gradient(90deg, rgba(255,111,0,1) 0%, rgba(125,9,0,1) 100%);*/
    background-color: white;
}

form{
    background-color: white;
    border-radius: 10px !important;
}

form select{
    font-size: 16px !important;
    width: 300px !important;
    border-top-left-radius: 30px !important;
    border-bottom-left-radius: 30px !important;
    border: none !important;
}

#banner form input{
    width: 400px !important;
    border-right: none !important;
    border-radius: 0px !important;
    /* border-left: 1px solid black !important; */
}

form input{
    margin: 0 !important;
}

#banner form button{
    background-color: #fdd869 !important;
    border-radius: 30px !important;
    color: black !important;
    font-weight: bold !important;
}

form button:hover{
    background-color: #ffc721 !important;
}

nav .navbar-nav li a{
    color: #a92e0c !important;
    font-weight: bolder;
    font-size: 18px;
}

nav .nav-link{
    padding: 8px 16px !important;
}

#banner-section{
    height: 80vh;
}

#banner{
    height: 80vh;
    content: "";
    position: absolute;
    background: url(images/banner.jpg)no-repeat center center/cover;
    width: 100%;
}

#banner-section .carousel-caption{
    top: 350px !important;
}

#banner-section .search{
    display: flex;
    width: 100%;
}

#banner-section .card{
    width: 250px;
}

#banner-section .search .left-search select{
    padding: 10px 20px 10px 5px;
    border: none;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

#banner-section .search .center-input{
    background-color: white;
    padding-right: 5px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

#banner-section .search .center-input button{
    color: white;
    border: none;
    padding: 9px 20px;
    background: #b53500;
    border-radius: 20px;
}

#banner-section .search .center-input input{
    padding: 13px;
    border: none;
    width: 290px;
}

#cards{
    padding: 30px 0px;
}

/* div#cards {
    position: absolute;
    top: 440px;
    width: 1200px;
    margin: auto;
    left: 280px;
} */

#cards img{
    margin: 20px auto;
}

#cards .card{
    border-radius: 25px;
    width: 250px;
}

#cards .card:hover{
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px; 
}

#about-section{
    height: 100%;
    padding: 50px 70px;
}

#about h2{
    margin-bottom: 40px;
}

#about p{
    font-size: 16px;
    text-align: justify;
}

#service{
        padding: 40px 70px;
}

@media screen and (max-width: 1000px){

    #service{
        padding: 50px 30px !important;
    }

    #headerimage h3{
        font-size: 45px !important;
    }

}

@media screen and (max-width: 500px){

    #headerimage h3{
        font-size: 30px !important;
    }

}

@media screen and (max-width: 400px){

    #footer{
        padding: 45px 20px !important;
    }

}

#service h2{
    margin-bottom: 40px;
}

#service .card{
    width: 290px;
    border-radius: 15px;
}

#service .card img{
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    width: 100%;
}

#service .card a{
    background-color: #a92e0c;
    color: white;
    /* font-weight: bold; */
    text-decoration: none;
    font-size: 18px;
    padding: 4px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
}

#service .card:hover{
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

#service .card p{
    /* line-height: 98px; */
    padding: 70px 0px;
    margin-bottom: 0px;
    color: white;
    font-size: 25px;
    border-radius: 15px;
}

#service .card p a{
    color: white;
    padding: 70px 0px;
    visibility: hidden;
    font-size: 20px;
    font-weight: bold;
}

#service .card p:hover{
    background-color: #51515185;
    transition: 0.5s ease-in-out;
}

#service .card p:hover a{
    visibility: visible !important;
    transition: 0.5s ease-in-out;
}

#service .col-xl-3.col-lg-4.col-md-6{
    margin-bottom: 25px;
}

#gallery{
        padding: 40px 70px;
}

#gallery h2{
    margin-bottom: 40px;
}

/* @media screen and (max-width: 560px){

    #gallery{
        padding: 50px 70px !important;
    }

} */

@media screen and (max-width: 480px){

    #gallery{
        padding: 50px 40px !important;
    }

}

.qoute .qoute__thumb h4{
    font-size: 25px;
}

#footer{
    padding: 45px 65px;
    /* background-color: #515151; */
    background: linear-gradient(90deg, rgba(255,111,0,1) 0%, rgba(125,9,0,1) 100%);
}

#footer h4{
    color: white;
}

#footer ul{
    margin-top: 10px;
}

#footer ul li{
    margin-bottom: 15px;
    color: white;
}

#footer ul li{
    margin: 0 15px;
}

#footer ul li a{
    color: white;
    font-size: 15px;
}

#social-links li a{
    font-size: 25px;
}

#footer .li li{
    margin: 0px 0px 5px 0px !important;
}

#footer .li li i{
    margin-right: 3px;
}

#copyright{
    height: 100%;
    border-top: 1px solid rgb(207, 207, 207);
}

#copyright-section{
    /* background-color: #515151; */
    background: linear-gradient(90deg, rgba(255,111,0,1) 0%, rgba(125,9,0,1) 100%);
}

#copyright p{
    margin-bottom: 0px;
    color: white;
}

@media screen and (max-width: 992px){

    #banner form{
        display: block !important;
        background-color: transparent !important;
    }

    #banner form select{
        margin-bottom: 10px;
        padding: 13px 36px 13px 16px !important;
        border-radius: 30px !important;
        width: 400px !important;
    }

    #banner form input{
        /*margin-bottom: 10px !important;*/
        border-radius: 30px !important;
        width: 400px !important;
    }

    #banner form button{
        padding: 10px 16px !important;
    }

    #about-section{
        padding: 50px 20px;
    }

    #gallery{
        padding: 50px 70px;
    }

    #service-inner .col-lg-5{
        margin-bottom: 25px !important;
    }

    #service-inner .col-lg-7{
        text-align: center !important;
    }

}

@media screen and (max-width: 500px){

    #banner form select{
        width: 250px !important;
    }

    #banner form input{
        width: 250px !important;
    }

    #about h2{
        font-size: 20px !important;
    }

}

@media screen and (max-width: 1200px){

    #footer .col-xl-2.col-md-4.col-sm-6{
        margin-bottom: 25px;
    }

    #desktop-image{
        display: none;
    }

    #about h2{
        text-align: center;
    }

    #mobile-about-image{
        display: block !important;
        width: 270px !important;
        margin: 0 auto 25px !important;

    }
    
    #contact .col-xl-6{
        margin-bottom: 15px;
    }

} 


#bannerheader{
    background: url(images/bannerinner.jpg)no-repeat center center/cover;
    height: 100%;
    width: 100%;
    /* z-index: -1; */
}

#headerimage{
    padding: 70px 0px;
}

#headerimage h3{
    font-size: 65px;
    font-weight: bold;
    color: white;
}

#contact{
    height: 100%;
    padding: 60px 0px;
}

#contact .card{
    width: 270px;
    border-radius: 25px;
}

#contact .card img{
    width: 115px;
    margin: 0 auto;
    padding: 25px 0px;
}

#contact .card a{
    padding-bottom: 25px;
    font-size: 16px;
}

#contact .card:hover{
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; 
}   

#map iframe{
    width: 100%;
}


@media screen and (max-width: 992px){

    ul.navbar-nav.ms-auto.mb-2.mb-lg-0{
        margin-top: 40px !important;
    }
    
    

}

@media screen and (max-width: 880px){

    #cards .para2{
        display: none !important;
    }

    #cards .card {
        width: 200px;
    }

}

@media screen and (max-width: 680px){

    #cards img {
        width: 45px !important;
        margin: 7px auto;
    }

    #cards p{
        font-size: 18px !important;
    }
    #cards .card {
        width: 130px;
    }

}

@media screen and (max-width: 480px){
    #cards .card {
        width: 100px;
    }

    #banner{
        height: 80vh !important;
    }

    #banner-section{
        height: 80vh !important;
    }
}

div#cards .card {
        background: #4f03036e;
}

div#cards .card p{
    color: white !important;
}

.qoute__thumb img{
    border-radius: 50%;
}

#gallery .carousel-control-prev-icon {
    background-image: url(images/left.png);
    height: 55px;
}

#gallery .carousel-control-next-icon {
    background-image: url(images/rightarrow.png);
    height: 55px;
}

#gallery .carousel-control-prev {
    width: 25px;
}

#gallery .carousel-control-next {
    width: 25px;
}

#gallery .carousel-inner {
    width: 90%;
    margin: 0 auto;
}

@media screen and (max-width: 750px){
    
    #gallery {
        padding: 50px 20px !important;
    }

    #gallery .carousel-inner {
        width: 80% !important;
    }

}

/* #service-inner{
    padding: 25px 75px !important;
} */

#service-inner img{
    border-radius: 10px;
}

#service-inner h1{
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 15px;
}

#service-inner p{
    font-size: 16px;
    text-align: justify;
    color: rgb(57, 57, 57);
}

#service-inner button{
    border: 0;
    padding: 8px 10px;
    background-color: #a92e0c;
    border-radius: 8px;
    color: white;
}

#service-inner .card{
    background-color: rgb(231, 230, 230);
}

#service-inner .card p{
    margin-bottom: 6px !important;
}

#headerimage{
    padding: 10px 0px !important;
}

#headerimage p{
    color: #fff;
    font-size: 35px;
    font-family: 'Roboto Slab', serif !important;
    margin-bottom: 0px;
}

#headerimage ul li{
    color: white;
}

#headerimage ul li a{
    color: white;
}

@media screen and (max-width: 1050px){
    #headerimage p {
        font-size: 45px !important;
    }
}

@media screen and (max-width: 665px){
    #headerimage p {
        font-size: 40px !important;
    }

    #service-inner{
        padding:  48px 20px !important;
    }
}

@media screen and (max-width: 442px){
    #headerimage p {
        font-size: 28px !important;
    }
}



#pandit h2{
    margin-bottom: 40px;
}

#pandit #privacy-list{
    text-align: justify !important;
}

#pandit-cards .card{
    width: 200px;
    border-radius: 25px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

#pandit-cards .card:hover{
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    /* transition: 0.3s ease-in-out; */
}

#pandit-cards .card img{
    margin: 0 auto;
    padding: 15px 0px;
}

@media screen and (max-width: 825px){

    #pandit-cards .card{
        width: 120px;
    }

    #pandit-cards .card img{
        width: 50px !important;
    }

}

@media screen and (max-width: 600px){

    #pandit{
        padding: 50px 20px !important;
    }

}

@media screen and (max-width: 470px){

    #pandit-cards .card p{
        font-size: 16px !important;
    }

    #pandit-cards .card{
        width: 90px !important;
    }

}

#pandit h1{
    text-decoration: underline;
    text-underline-offset: 15px;
    font-weight: 600 !important;
    font-size: 25px;
    margin-bottom: 25px;
}

#pandit p{
    font-size: 16px !important;
    text-align: justify;
}

#pandit-cards form label{
    width: 100%;
    font-size: 14px;
}

#pandit-cards form input{
    width: 100%;
    height: 30px;
    border-bottom: 1px solid black;
    border-top: none;
    border-left: none;
    border-right: none;
    padding: 0;
    background-color: #f7f7f7;
}

#pandit-cards form select{
    width: 100% !important;
    border-bottom: 1px solid black !important;
    border-bottom-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
    background-color: #f7f7f7;
}

#right-col h5{
    font-size: 22px;
    text-decoration: underline;
    text-underline-offset: 15px;
    font-weight: 600 !important;
}

#pandit-cards form{
    border: 1px solid grey;
    padding: 15px;
    background-color: #f7f7f7;
}

#navbar a img{
    width: 150px;
}

#submit{
    background-color: #fdd869 !important;
    border-radius: 30px !important;
    color: black !important;
    font-weight: bold !important;
        width: 100px !important;
}

#exampleModal form label{
    width:100%;
}

#exampleModal form input{
    width:100%;
}

#exampleModal form select{
    width:100% !important;
}

#footer h4{
    font-size: 26px;
}

#whatapp-icon-section{
       position: fixed;
    top: 88%;
    right: -11px;
    width: 73px;
}

#contact-icon-section{
       position: fixed;
    top: 79%;
    right: -11px;
    width: 73px;
}

#form-icon-section a{
   background: linear-gradient(90deg, rgba(255,111,0,1) 0%, rgba(125,9,0,1) 100%);
    color: #fff;
    border-radius: 4px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 20px;
    position: fixed;
    right: 0;
    bottom: 210px;
    writing-mode: vertical-rl;
    min-height: 80px;
    padding: 4px;
    width: 46px;
    cursor: pointer;
    padding: 10px 4px;
    z-index: 999;
}

#testimonials h2{
    color: white;
}

.content-area .page-title{
    text-align: center;
}

.content-area{
    padding: 50px 0px !important;
}

.content-area p{
    text-align:center;
}

.page-content form{
    width: 20%;
    margin: 0 auto;
}

#primary .archive-title{
    text-align:center;
    font-size: 45px;
}

.container .entry-header img{
    width: 100%;
}

.container .entry-header h1{
        text-align: center;
    font-size: 40px !important;
}

.entry-meta span{
    margin-right: 8px;
}

.edit-link{
    float:right;
}

/*#contact-card{*/
/*    width: 300px;*/
/*    background-color: white;*/
/*}*/

#contact-card{
    width: 100% !important;
    padding: 18px;
}

#contact-card h4{
    text-align: center;
    border-bottom: 1px solid #d2d2d2;
    margin-bottom: 30px;
}

#contact-card form input{
    width: 100%;
}

@media screen and (max-width: 768px){
    
    #contact-form{
        margin-top: 18px;
    }
    
}

@media screen and (max-width: 600px){
    
    #contact h1{
        font-size: 45px !important;
    }
    
    #contact p{
        font-size: 16px !important;
    }
    
}

.directorist-form-pricing-field{
    display :none !important;
}

.directorist-form-tag-field{
    display:none !important;
}

.directorist-form-fax-field{
    display:none !important;
}

.directorist-form-website-field{
     display:none !important;
}

.directorist-form-tagline-field{
     display:none !important;
}

.directorist-rating-meta{
    display:none !important;
}

.directorist-pricing-meta{
    display:none !important;
}

.directorist-form-group.directorist-icon-left{
    display:none !important;
}

.directorist-search-contents{
    margin: 0 auto;
}

.directorist-listing-single__meta--right{
    display:none !important;
}

.directorist-thumb-top-right{
    display:none !important;
}

.directorist-thumb-listing-author{
    display:none !important;
}

.directorist-form-social-info-field{
    display:none !important;
}

.directorist-listing-card-posted-on{
     display:none !important;
}

.directorist-listing-card-phone{
    display:none !important;
}

.directory_regi_btn{
     display:none !important;
}

#banner .directorist-search-field{
    width: 300px !important;
}

#banner .directorist-form-element{
    width: 300px !important;
}

.directorist-search-form-action{
    margin: 0 auto;
}

.directorist-search-contents .directorist-search-form-top{
    padding: 10px 20px 10px 20px !important;
    background-color: transparent !important;
}

.directorist-search-query{
    background-color: white !important;
    border-radius: 30px !important;
}

.select2-selection--single{
     border-radius: 30px !important;
}

#map {
    width: 100% !important;
    height: 100% !important;
    /*border: 1px solid #ccc;*/
}

.directorist-search-field{
    border-right: none !important;
}

.select2-container--default{
    width: 100% !important;
}

.modal-content form textarea{
    margin-bottom: 0px;
}
@media screen and (max-width:500px){
    #pandit h1{
        font-size:20px !important;
    }
    #about h2 {
    font-size: 16px !important;
    text-decoration: underline !important;
    }
}