@import url(https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css);

.Benefits_an h2,
.exchange h2 {
    padding-bottom: 10px;
    text-align: center
}

nav a img {
    width: 200px
}

.dropdown-menu .show li {
    margin: auto;
    text-align: center;
    justify-content: center
}

.container {
    max-width: 1170px;
    margin: auto;
    width: auto;
    padding: 0 15px
}

#navbarSupportedContent ul li {
    margin-right: 10px;
    font-weight: 600
}
.headrLogoosDv{ width: 140px; display: flex; gap: 30px;}
.headrLogoosDv .Exchange_Logo{ display: none;}
#navbarSupportedContent ul li a {
    color: #019fcb
}

#navbarSupportedContent ul li a.active {
    color: #000
} 

.owl-carousel .owl-theme .item img {
    height: 400px
}

#exchangeBnr,
#exchangeFormSec .form-floating,
.districtLogoDvdtl .districtlogoLeft,
.district_details .details_contact .districtLogoDv .districtlogoLeft,
.headingview,
.owl-carousel,
.slid,
.slid .item {
    position: relative
}

.owl-carousel .item h1 {
    position: absolute;
    right: 23%;
    bottom: 14%;
    color: #fff;
    font-size: 56px
}

.exchange {
    padding: 30px 0
}

.exchange h2 {
    font-size: 40px;
    color: #019fcb
}
.exchange .hello {
    text-align: justify;
    font-size: 20px;
    text-align-last: center;
}

.friendship {
    padding: 20px 0;
    background: #019fcb
}

.Benefits {
    list-style-type: none;
    padding: 0;
    display: inline-block;
    margin-bottom: 0
}

.Benefits .Benefits-item {
    width: 49%;
    float: left;
    color: #fff;
    padding: 7px 0 7px 21px;
    font-size: 18px;
    position: relative
}

.Benefits .Benefits-item i {
    position: absolute;
    left: 0;
    top: 13px;
    z-index: 9
}

.Benefits_an h2 {
    color: #019fcb;
    font-size: 35px;
    padding-top: 20px
}

.friendship .Benefits p {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 0;
    padding: 10px 0
}

.past_exchange h3,
.siteHeading,
.upcoming_exchange h3 {
    text-align: center;
    padding-top: 50px;
    padding-bottom: 20px;
    font-size: 40px
}



#itinerarySec hr,
#testimonials .review_info ul li::before,
.past_exchange hr,
.upcoming_exchange hr,
header .slideClose {
    display: none
}

.noContentAvailable {
    display: block;
    padding: 22px 0
}

.banner .inner-banner img {
    width: 100%;
    height: auto !important
}

.past_exchange {
    padding-bottom: 50px;
    background-color: #f0f8ff
}

.past_inner,
.upcoming_inner {
    background-color: #fff;
    height: 100%
}

#districDtlChairSec ul li,
.past_inner h4 {
    margin-bottom: 8px
}

.past_exchange .pastExchngCnt,
.upcoming_exchange .upcomingInrCnt {
    padding: 18px
}

.past_inner p {
    margin-bottom: 0
}

.past_exchange button {
    margin: 20px auto auto;
    display: flex;
    background-color: #019fcb;
    border: none;
    padding: 10px 40px;
    color: #fff;
    border-radius: 25px;
    font-weight: 700;
    font-size: 20px
}

.upcoming_exchange {
    background-image: url(../image/background-image.jpg);
    padding-bottom: 30px
}

.upcoming_inner h4 {
    margin-bottom: 8px;
    padding: 18px 18px 0
}

.upcoming_inner p {
    margin-bottom: 0;
    padding: 0 18px
}

.upcoming_exchange .upcomingInrCnt h4,
.upcoming_exchange .upcomingInrCnt p {
    padding: 0
}

footer p {
    background-color: #000;
    color: #fff;
    margin-bottom: 0
}

#districDtlSec .districDtlMnFlex,
footer nav {
    gap: 30px
}

header .navbar-brand {
    margin-right: 0
}


header .navbar-collapse {
  
    flex-grow: 0;
 
}

header .nav-item a {
    color: #019fcb;
    font-weight: 500;
}

.district_details {
    padding-top: 50px;
    background-color: #fdf6ee;
    padding-bottom: 20px
}

.btn:hover,
.district_details .btn:hover {
    color: #fff;
    background-color: #019fcb
}

.district_details .details_bg {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 3px 5px 0 rgb(0 0 0 / 10%);
    transition: .3s;
    position: relative;
    height: 100%
}

.district_details .details_bg .bg-date {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    overflow: hidden; margin: auto;
}

.district_details .details_bg .bg-date img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.district_details .details_bg:hover {
    box-shadow: 0 .4rem 1rem rgb(0 0 0 / 10%)
}

.district_details .dist-2981 {
    align-items: center;
    padding: 50px 30px 22px;
    margin-bottom: 0
}

.district_details .row {
    row-gap: 30px
}

.district_details .details_contact h1 {
    font-size: 28px
}

.district_details .details_contact h4 {
    font-size: 19px
}

.district_details .details_contact p {
    font-size: 14px
}

.district_details .details_contact ul li a {
    color: #0060aa;
    font-weight: 700
}

.district_details .dist-2981 h5 {
    text-align: center;
    text-transform: capitalize;
    margin-top: 12px; font-size: 18px;
}

.DDDD {
    justify-content: end;
    margin-right: auto
}

ul .DDDD a {
    justify-content: end;
    margin: auto;
    color: #19468e !important
}

.district_details .details_contact ul {
    display: flex;
    padding-left: 0;
    position: relative;
    z-index: 99
}

.district_details .details_contact .districtLogoDv {
    margin-left: 0;
    width: 35%;
    margin-bottom: 10px;
    position: absolute;
    top: 9px;
    right: 0
}

.districtLogoDvdtl {
    transform: scale(1.2) translate(-16px, 0)
}

.districtLogoDvdtl .districtlogoLeft h6 {
    position: absolute;
    right: 7px;
    bottom: 3px;
    z-index: 9;
    font-size: 12px;
    color: #234e95;
    margin-bottom: 0
}

.district_details .details_contact .districtLogoDv .districtlogoLeft h6 {
    position: absolute;
    right: 3px;
    bottom: 4px;
    z-index: 9;
    color: #234e95;
    font-weight: 400;
    margin-bottom: 0
}

.district_details .contact {
    padding: 10px 0
}

.details_button button {
    justify-content: center;
    display: flex;
    margin: 20px auto auto;
    background-color: #019fcb;
    color: #fff;
    padding: 10px 20px;
    font-size: 23px
}

.gallery_button,
.main {
    justify-content: center
}

*,
::after,
::before {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    list-style: none;
    text-decoration: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility
}

.main .container {
    max-width: 80rem;
    width: 100%;
    padding: 2rem;
    margin: 0 auto
}

#exchangeFormSec,
#faqPG,
#gallerySec,
#gallerySecNw,
.map_sec {
    padding: 50px 0
}

#itinerarySec,
.main {
    padding-bottom: 30px
}

.t_size.d-flex {
    flex-wrap: wrap;
}

.slid .item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .65);
}

.slid .item img {
    display: block;
    width: 100%;
    height: auto
}

.text {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50%;
    text-align: center;
    color: #fff;
    font-size: 60px;
    transform: translate(-50%, -50%)
}

.main {
    background-color: azure;
    background-image: url(../image/watermark\ background.jpg);
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 1rem;
    align-items: center
}

.gallery_button {
    display: flex
}

.gallery_button button {
    background-color: #019fcb;
    color: #fff;
    font-weight: 400;
    font-size: 18px;
    padding: 15px 20px;
    border-radius: 40px
}

.about .heading p,
.about p {
    line-height: 1.7;
    /* color: #999 */
}
.about .heading p{ text-align: justify; text-align-last: center;} 

.about .heading h2,
.about h3,
.exchange_form label,
.heading_view {
    font-weight: 700
}

.exchange_form,
.review {
    padding: 50px 0;
    background-color: #f0f8ff
}

.exchange_form .register_form {
    background-color: #fff;
    padding: 50px 20px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1)
}

.exchange_form .register_form h2 {
    margin-bottom: 20px;
    text-align: center
}

.exchange_form .form-group {
    margin-bottom: 40px
}

.form-check-inline .form-check-label {
    font-weight: 500
}

.exchange_form input[type=email],
.exchange_form input[type=text],
.exchange_form select {
    width: 100%;
    padding: 10px 5px;
    border: 1px solid #ccc;
    border-radius: 4px
}

.exchange_form input[type=file] {
    width: 100%;
    padding: 10px
}

.exchange_form .register_form #photo {
    width: 100%;
    padding: 0;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-sizing: border-box
}

.exchange_form .btn-primary {
    display: block;
    width: 100%;
    padding: 10px;
    border: none;
    border-radius: 4px;
    background-color: #007bff;
    color: #fff;
    cursor: pointer
}

.exchange_form .image {
    display: flex;
    justify-content: center;
    align-items: center
}

.exchange_form .new {
    margin-bottom: 5px !important
}

.exchange_form .new_1 {
    margin: auto;
    align-items: center
}

.exchange_form .form-check-input {
    border: solid #c1c1c1
}

.about {
    padding: 50px 0;
    background-color: #f6fdff
}

.right_conatct_social_icon,
button.contact_form_submit {
    background: linear-gradient(to top right, #1325e8 -5%, #8f10b7 100%)
}

.about .heading h2 {
    font-size: 40px;
    margin: 0;
    padding: 0
}

.about .heading p {
    font-size: 20px;
    font-weight: 400;
    margin: 20px 0 60px;
    padding: 0;
    text-align: justify; text-align-last: center;
} 

.about h3 {
    font-size: 30px;
    margin: 0;
    padding: 0
}

.about p {
    font-size: 15px;
    font-weight: 400;
    margin: 20px 0 15px;
    padding: 0;
    text-align: justify
}

.about h4 {
    font-size: 15px;
    font-weight: 500;
    margin: 8px 0
}

.contact_field h2,
.contact_field h3 {
    color: #000;
    font-weight: 600;
    margin-bottom: 10px;
    letter-spacing: 1px
}

.about h4 i {
    color: #f24259;
    margin-right: 10px
}

.about .img-fluid {
    max-width: 60%;
    height: auto;
    margin: auto
}

.right_conatct_social_icon {
    height: 100%
}

.contact_us {
    background-color: #f1f1f1;
    padding: 50px 0
}

.contact_inner {
    background-color: #fff;
    position: relative;
    box-shadow: 20px 22px 44px #cccc;
    border-radius: 25px
}

.contact_field {
    padding: 60px 270px 60px 70px
}

.contact_field h3 {
    font-size: 25px
}

.contact_field h2 {
    font-size: 30px
}

.contact_field .form-control {
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #ccc
}

.contact_field .form-control:focus {
    box-shadow: none;
    outline: 0;
    border-bottom: 2px solid #1325e8
}

.contact_field .form-control::placeholder {
    font-size: 13px;
    letter-spacing: 1px
}

.contact_info_sec {
    position: absolute;
    background-color: #2d2d2d;
    right: 1px;
    top: 18%;
    height: 340px;
    width: 340px;
    padding: 40px;
    border-radius: 25px 0 0 25px
}

.contact_info_sec h4 {
    letter-spacing: 1px;
    padding-bottom: 15px;
    color: #fff
}

.contactiInfoMnDv {
    display: flex;
    flex-direction: column;
    gap: 30px
}

.info_single i {
    margin-right: 15px;
    color: #fff
}

.info_single span, .info_single a {
    font-size: 14px;
    letter-spacing: 1px;
    color: #fff !important; text-decoration: none;
}
.info_single a, .info_single a:visited, .info_single a:active, .info_single a:hover, .info_single a:focus{ color: #fff !important; text-decoration: none !important;}
.info_single a{ color: #fff !important; text-decoration: none !important;}

button.contact_form_submit {
    border: none;
    color: #fff;
    padding: 10px 15px;
    width: 100%;
    margin-top: 25px;
    border-radius: 35px;
    cursor: pointer;
    font-size: 14px;
    letter-spacing: 2px
}


.modal.note-modal .modal-header button.btn-close:focus{outline: none; box-shadow: none;}
.modal.note-modal .modal-header button.btn-close {
    background-image: none;
    padding: 1px 8px;
    font-size: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.socil_item_inner li {
    list-style: none
}

.socil_item_inner li a {
    color: #fff;
    margin: 0 15px;
    font-size: 14px
}

.socil_item_inner {
    padding-bottom: 10px
}

.map_inner h4,
.map_inner p {
    color: #000;
    text-align: center
}

h5.manager_hed,
h5.manager_hed span,
h5.manager_hed span span {
    color: #fff !important
}

.map_bind {
    margin-top: 50px;
    border-radius: 30px;
    overflow: hidden
}

.information_form {
    padding: 50px 0;
    background-color: #f3f3f3
}

.information_form .form {
    max-width: 500px;
    margin: 0 auto;
    padding: 20px
}

.information_form ul {
    display: flex;
    gap: 0;
    padding-left: 0;
    align-items: start; flex-direction: column; margin: 0;
}
.information_form ul li{ display: flex;}

.information_form .form-group {
    margin-bottom: 20px
}

.information_form label {
    display: inline-block;
    margin-bottom: 5px; font-size: .8rem;
    font-weight: 600;
}

.information_form input[type=email],
.information_form input[type=text],
.information_form textarea {
    width: 100%;
    padding: .375rem .75rem;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    margin-bottom: 20px; font-size:  0.875rem;
}

.information_form input[type=checkbox],
.information_form input[type=radio] {
    margin-right: 5px
}

.information_form button[type=submit] {
    background-color: #007bff;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    padding: 8px 15px !important;
    font-size: 12px !important;
    height: auto;
    margin-top: 0px;
}

.information_form button[type=submit]:hover {
    background-color: #0056b3
}

.information_form .member {
    background: #fff;
    padding: 20px;
    border-radius: 10px
}

#districDtlSec {
    padding: 92px 0 0;
    height: 200px;
    background: url(../image/jaipur_gettyimages.jpg) center center/cover no-repeat;
    position: relative
}

#districDtlSec .districDtBg {
    background-color: rgba(1, 159, 203, .8);
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0
}

#districDtlSec h4 {
    font-size: 26px;
    color: #fff
}

#districDtlSec .districDtlImg {
    height: 85px;
    width: 180px; transform: scale(.8);
    overflow: hidden;
    border: 5px solid #dfdfe1;
    align-content: center;
    background-color: #fff;
    margin-bottom: 0px
}

#districDtlSec .districDtlImg img {
    max-height: 100%;
    display: block;
    margin: auto
}

#districDtlSec .districtCnt ul li a {
    height: 25px;
    width: 25px;
    color: #019fcb;
    font-size: 14px;
    display: inline-block;
    text-align: center;
    line-height: 25px;
    background-color: #fff; display: flex; align-items: center; justify-content: center; text-decoration: none;
}

#districDtlSec .districtCnt ul {
    padding-left: 0;
    margin-left: 0;
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 99
}

#districDtlSec .districtCnt h4 span {
    display: inline-block;
    font-size: 18px;
    color: #eee
}

#districDtlSec .districtCnt {
    width: calc(100% - 180px)
}

#districDtlSec .districDtlMn {
    margin: auto;
    height: 80%;
    display: flex;
    align-items: end; width: 100% !important; 
}
#districDtlSec .districDtlMn>div.d-flex{ width: 100% !important; gap: 0;}

#districDtlSec .districtCnt h6 {
    color: #fff;
    font-size: 18px; width: 90%; word-break: break-all;
}

#districDtlChairSec .chairmanImg {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: -60px;
    z-index: 99;
    transform: translate(0, -50%)
}

/* #districDtlChairSec .chairmanImg img,
#itinerarySec .itineraryBx .itinerImg img {
    object-fit: cover;
    height: 100%;
    width: 100%
} */
#districDtlChairSec .chairmanImg img, #gallerySecNw .galleryBx .group .stack img, #itinerarySec .itineraryBx .itinerImg img {
    object-fit: cover;
    height: 100%;
    width: 100%;}

#gallerySecNw .galleryBx .group .stack img{    height: 100%;
    width: 100%}

#districDtlChairSec .chairBx {
    position: relative;
    padding: 50px 30px 0 70px
}

#districDtlChairSec .chairBx.chairBxpl0 {
    padding: 50px 30px 0 70px;
    width: 100%
}

#exchangeBnr .exchangeBnrBtn .contactNwBtn, 
.headingview .contactNwBtn {
    padding: 12px 28px;
    font-size: 16px;
    display: inline-block;
    text-decoration: none;
    font-weight: 500
}

#districDtlChairSec h4 {
    font-size: 22px;
    color: #fff
}

#districDtlChairSec h5 {
    font-size: 18px;
    margin-bottom: 12px;
    color: #eee
}

#districDtlChairSec i {
    color: #fff;
    vertical-align: -2px
}

#districDtlChairSec ul li a {
    color: #fff
}

#districDtlChairSec p {
    text-align: justify;
    line-height: 26px;
    margin-top: 12px;
    margin-bottom: 0
}

#exchangeBnr .exchangeBnrInr {
    background-color: rgba(0, 123, 255, .9);
    padding: 20px 0
}

#exchangeBnr h2 {
    font-size: 45px;
    margin: 0;
    width: 90%;
    color: #fff
}

#exchangeBnr .exchangeBnrBtn .contactNwBtn {
    background-color: #fff;
    color: #019fcb;
    position: absolute;
    bottom: 15px;
    right: 15%;
    border-radius: 100px
}

#exchangeBnr .exchangeBnrBtn .contactNwBtn.contactNwBtn2 {
    position: static;
    background-color: #019fcb;
    color: #fff
}

#exchangeBnr .exchangeBnrBtn {
    position: absolute;
    bottom: 20px;
    left: calc(100% - 60%);
    right: 0;
    text-align: center
}

#itinerarySec .itineraryBx {
    background-color: #ebf5ff;
    border-radius: 10px;
    overflow: hidden;
    -webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, .19);
    -moz-box-shadow: 0 0 7px 0 rgba(0, 0, 0, .19);
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, .19);
    height: 100%
}

#itinerarySec .itineraryBx .itineryCnt {
    padding: 12px 22px;
    min-height: 64px
}

#itinerarySec .itineraryBx .itineryCnt h4 {
    font-size: 18px;
    margin-bottom: 6px;
    margin-top: 0
}

#itinerarySec .itineraryBx .itineryCnt h6 {
    margin: 0;
    font-size: 14px;
    color: #6e6e6e
}

#itinerarySec .itineraryBx .itinerImg {
    height: 290px;
    position: relative;
    overflow: hidden
}

#itinerarySec .itineraryBx .itinerImg .itineryImgCnt {
    position: absolute;
    top: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .7);
    z-index: 99;
    display: flex;
    padding: 22px;
    align-items: end;
    transition: .5s
}

#itinerarySec .itineraryBx .itinerImg .itineryImgCnt p {
    margin-bottom: 0;
    color: #fff;
    text-align: justify;
    line-height: 26px;
    opacity: 0;
    transition: .5s
}

#itinerarySec .itineraryBx:hover .itinerImg .itineryImgCnt {
    top: 0
}

#itinerarySec .itineraryBx:hover .itinerImg .itineryImgCnt p {
    opacity: 1
}

#itinerarySec .itineraryBx a {
    padding: 8px 15px;
    border-radius: 100px;
    min-width: 120px;
    background-color: #019fcb;
    font-size: 16px;
    color: #fff;
    display: inline-block;
    text-decoration: none;
    font-weight: 500;
    text-align: center
}

#gallerySecNw .galleryBx h5 {
    background-color: #eee;
    display: block;
    margin: 0;
    padding: 8px 15px;
    font-size: 18px;
    text-align: left; min-height: 60px;
}

#gallerySecNw .galleryBx h6{   background-color: #eee;
    display: block;
    margin: 0;
    padding: 8px 15px;
    font-size: 16px;
    text-align: left; color: #666666;}

.pbCaptionText {
    color: #fff;
    text-shadow: none
}

/* #gallerySecNw .galleryBx .group .stack {
    height: 170px
} */

#pbOverlay img,
#pbThumbsToggler:checked~.pbWrapper img.zoomable {
    display: block;
    margin: auto 
}

#gallerySecNw .galleryBx {
    box-shadow: 0 3px 5px 0 rgb(0 0 0 / 10%);  height: 100%; background-color: #eeeeee;
}

#exchangeManager .manager_info img,
.manager_info {
    text-align: center;
    -webkit-box-shadow: 0 0 8px 3px rgba(0, 0, 0, .05);
    -moz-box-shadow: 0 0 8px 3px rgba(0, 0, 0, .05)
}

@font-face {
    font-family: flaticon_mycollection;
    src: url("../font/flaticon_mycollection.woff2?44ce39544a52a47d106057d71ec0e3df") format("woff2"), url("../font/flaticon_mycollection.woff?44ce39544a52a47d106057d71ec0e3df") format("woff"), url("../font/flaticon_mycollection.eot?44ce39544a52a47d106057d71ec0e3df#iefix") format("embedded-opentype"), url("../font/flaticon_mycollection.ttf?44ce39544a52a47d106057d71ec0e3df") format("truetype"), url("../font/flaticon_mycollection.svg?44ce39544a52a47d106057d71ec0e3df#flaticon_mycollection") format("svg")
}

i[class*=" flaticon-"]:before,
i[class^=flaticon-]:before {
    font-family: flaticon_mycollection !important;
    font-style: normal;
    font-weight: 400 !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.flaticon-dashboard:before {
    content: "\f101"
}

.flaticon-apartment:before {
    content: "\f102"
}

.flaticon-group:before {
    content: "\f103"
}

.flaticon-repair-tool:before {
    content: "\f104"
}

.flaticon-report:before {
    content: "\f105"
}

.flaticon-rent:before {
    content: "\f106"
}

.flaticon-key:before {
    content: "\f107"
}

.flaticon-clipboard:before {
    content: "\f108"
}

.flaticon-contract:before {
    content: "\f109"
}

.flaticon-payment:before {
    content: "\f10a"
}

.flaticon-settings:before {
    content: "\f10b"
}

.flaticon-user:before {
    content: "\f10c"
}

.flaticon-page:before {
    content: "\f10d"
}

.flaticon-mail:before {
    content: "\f10e"
}

.flaticon-text:before {
    content: "\f10f"
}

.flaticon-location:before {
    content: "\f110"
}

.flaticon-calendar:before {
    content: "\f111"
}

.flaticon-calendar-1:before {
    content: "\f112"
}

#exchangeFormSec .exchangeFormMn {
    background-color: #eeeeee30;
    border-radius: 20px;
    overflow: hidden
}

#exchangeFormSec .exchangeFormMn .exchangeFrmLeft {
    background-color: #019fcb10;
    padding: 20px 50px;
    height: 100%; display: flex; flex-direction: column; justify-content: space-between;
}

#exchangeFormSec .exchangeFormMn .exchangeFrmLeft h2 {
    margin-bottom: 110px;
    color: #019fcb;
    font-size: 32px;
    line-height: 52px;
}

#exchangeFormSec .exchangeFormMn .exchangeFrmRight {
    padding: 0px 50px;
}

#exchangeFormSec .form-floating i:before {
    font-size: 28px;
    position: absolute;
    left: 10px;
    top: 15px;
    z-index: 99;
    color: #00000095
}

#exchangeFormSec .form-floating>label {
    left: 37px
}

#exchangeFormSec .form-floating>.form-control,
#exchangeFormSec .form-floating>.form-control-plaintext {
    padding-left: 49px
}

#exchangeFormSec textarea {
    resize: none;
    height: 150px
}

/* 25-11-24 */
.district_details h2{ font-size: 28px;}

/* 26-11-24 */
#details .descrip h4{ font-size: 30px;}
#details .contant h2{ font-size: 28px;}





 
@media (min-width:780px) {
    .wrapper {
        width: 600px;
        display: grid;
        grid-template-columns: repeat(2, [col] calc(100%/2));
        grid-auto-rows: 120px;
        margin: 30px auto 40px
    }
}

#exchangeFormSec .exchangeFrmBtn {
    min-width: 150px;
    margin: 20px auto;
    background: #019fcb;
    color: #fefefe;
    border-radius: 4px;
    text-align: center;
    position: relative;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    border: 0;
    width: 100%;
    display: block;
    padding: 12px 16px;
    font-size: 16px;
    height: 50px;
    transition: .5s
}

#exchangeFormSec .exchangeFrmBtn:focus {
    outline: 0
}

#exchangeFormSec .exchangeFrmBtn.animate {
    width: 68.1818181818px;
    height: 68.1818181818px;
    min-width: 0;
    border-radius: 50%;
    color: transparent
}

#exchangeFormSec .exchangeFrmBtn.animate:after {
    position: absolute;
    content: "";
    width: 25px;
    height: 25px;
    border: 4px solid #fefefe;
    border-radius: 50%;
    border-left-color: transparent;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    animation: 2.5s ease-in forwards spin;
    -webkit-animation-name: spin;
    transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    -webkit-animation-duration: 2.5s;
    -webkit-animation-fill-mode: forwards
}

#exchangeFormSec .exchangeFrmBtn.animate.success:before {
    position: absolute;
    content: "";
    width: 25px;
    height: 12.5px;
    border: 4px solid #fefefe;
    border-right: 0;
    border-top: 0;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(0) scale(0);
    transform: translate(-50%, -50%) rotate(0) scale(0);
    -webkit-animation: .15s ease-in forwards success;
    animation: .15s ease-in 2.5s forwards success
}

#exchangeFormSec .exchangeFrmBtn.animate.error {
    position: relative;
    -webkit-animation: .5s ease-in 2.5s forwards vibrate;
    animation: .5s ease-in 2.5s forwards vibrate
}

#exchangeFormSec .exchangeFrmBtn.animate.error:before {
    color: #fff;
    position: absolute;
    content: "!";
    font-size: 1.8rem;
    font-weight: 700;
    text-align: center;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    -webkit-animation: .5s ease-in forwards error;
    animation: .5s ease-in 2.5s forwards error
}

@keyframes spin {
    0% {
        transform: translate(-50%, -50%) rotate(0) scale(1)
    }

    90% {
        transform: translate(-50%, -50%) rotate(1080deg) scale(1)
    }

    100% {
        transform: scale(0)
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0) scale(1)
    }

    98% {
        -webkit-transform: translate(-50%, -50%) rotate(1080deg) scale(1)
    }

    100% {
        -webkit-transform: translate(-50%, -50%) rotate(1080deg) scale(0)
    }
}

@keyframes success {
    from {
        transform: translate(-50%, -50%) rotate(0) scale(0)
    }

    to {
        transform: translate(-50%, -50%) rotate(-45deg) scale(1)
    }
}

@-webkit-keyframes success {
    from {
        -webkit-transform: translate(-50%, -50%) rotate(0) scale(0)
    }

    to {
        -webkit-transform: translate(-50%, -50%) rotate(-45deg) scale(1)
    }
}

@keyframes error {
    from {
        transform: translate(-50%, -50%) scale(0)
    }

    to {
        transform: translate(-50%, -50%) scale(1);
        background-color: #f44336
    }
}

@-webkit-keyframes error {
    from {
        -webkit-transform: translate(-50%, -50%) scale(0)
    }

    to {
        -webkit-transform: translate(-50%, -50%) scale(1);
        background-color: #f44336
    }
}

@keyframes vibrate {

    0%,
    100%,
    30%,
    60%,
    85% {
        left: 0;
        background-color: #f44336
    }

    10%,
    40%,
    70%,
    90% {
        left: -2px;
        background-color: #f44336
    }

    20%,
    50%,
    80%,
    95% {
        left: 2px;
        background-color: #f44336
    }
}

.slider {
    overflow: hidden
}

.slider img {
    height: auto !important
}

@media screen and (max-width:1400px) {
    .district_details .details_bg .bg-date {
        width: 140px;
        height: 140px
    }
}

#exchangeManager {
    padding-top: 50px;
    background-color: #f0f8ff;
    padding-bottom: 60px
}

/* #exchangeManager .manager_info img {
    border-radius: 50%;
    width: 71%;
    margin: auto;
    border: 8px solid #fff;
    box-shadow: 0 0 8px 3px rgba(0, 0, 0, .05)
} */

.manager_info .manager-view{height: 170px;
    overflow: hidden;
    width: 170px;
    border: 8px solid #fff;
    box-shadow: 0 0 8px 3px rgba(0, 0, 0, .05);
    border-radius: 50%;
    margin: auto;
    }

    #exchangeManager .manager_info img{border-radius: 50%;
        /* width: 71%; */
        margin: auto;
        /* border: 8px solid #fff; */
        box-shadow: 0 0 8px 3px rgba(0, 0, 0, .05);
        width: 100%;
        height: 100%;
        object-fit: cover;}

.manager_info {
    background-color: #fff;
    padding: 10px;
    border-radius: 10px;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    box-shadow: 0 0 8px 3px rgba(0, 0, 0, .05);  height: 100%;
}

.col-sm-6:has(.manager_info){ margin-bottom: 20px;}

.manager_info:hover {
    background-color: #fff;
    /* transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05) */
}

.manager_info h5.card-title {
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 3px
}

.manager_info .card-text.e-mail {
    font-size: 16px;
    color: #0076f5;
    margin-bottom: 5px; word-break: break-all;
}

.manager_info .card-text.call {
    font-size: 17px;
    color: #2c2c2c;
    margin-bottom: 5px
}

.heading_view {
    margin-bottom: 30px;
    font-size: 26px;
    border-left: 5px solid #19468e;
    padding: 6px 10px;
    background: #cee8ff;
    border-radius: 4px
}

h5.manager_hed {
    background: #19468e;
    padding: 10px 15px;
    border-radius: 4px;
    margin-bottom: 19px
}

.exchangeInfo {
    padding-bottom: 60px;
    border-bottom: 2px solid #aad7ff;
    margin-bottom: 60px
}

#exchangeManager .container .exchangeInfo:last-child {
    padding-bottom: 0;
    border-bottom: none !important;
    margin-bottom: 0 !important
}

#exchangeManager ul li {
    position: relative;
    margin-bottom: 7px
}

#exchangeManager ul li::before {
    content: '';
    position: absolute;
    background: #19468e;
    height: 10px;
    border: 2px solid #fff;
    align-items: center;
    border-radius: 10px;
    top: 8px;
    left: -16px;
    -webkit-box-shadow: 0 0 8px 3px rgba(0, 0, 0, .05);
    -moz-box-shadow: 0 0 8px 3px rgba(0, 0, 0, .05);
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, .3);
    line-height: 70px;
    width: 10px
}

#exchangeManager ul {
    padding-left: 1rem !important;
    list-style: none !important
}

.headingview .exchangeBnrBtn {
    position: absolute;
    right: 20px;
    top: 50px;
    bottom: 0;  
}

.headingview .contactNwBtn {
    position: static; 
    background-color: #0097fe;
    color: #fff;
    border-radius: 100px
}

.review .register_form {
    background-color: #fff;
    padding: 30px 20px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1)
}

.form_heading {
    margin: auto auto 24px;
    max-width: max-content
}

#testimonials {
    margin-top: 25px;
    margin-bottom: 30px;
    background: #fff;
    padding: 50px 30px
}

#testimonials .review_img {
    width: 80px;
    border-radius: 50%;
    border: 4px solid #fff
}

#testimonials .review_info ul li {
    padding-right: 5px;
    color: #ff9700
}

#testimonials .review_info ul {
    padding-left: 0 !important;
    margin-bottom: 0
}

#testimonials .review_info {
    background: #cee8ff;
    padding: 23px 40px;
    position: relative;
    border-radius: 49px 0;
    -webkit-border-radius: 49px 0px 49px 0px;
    -moz-border-radius: 49px 0
}

#testimonials .review_fro {
    margin-left: 15px
}

#testimonials .review_fro p {
    margin-bottom: 0;
    font-size: 15px
}

#testimonials img.review_logo {
    width: 130px;
    margin-bottom: 20px
}

#testimonials .review_info i.quote_icon {
    font-size: 90px;
    position: absolute;
    top: -64px;
    transform: rotateY(180deg);
    right: 14px;
    color: #b1daff
}

#testimonials h1 span {
    font-size: 34px;
    font-weight: 100
}

/* 20-11-24 */

.form-select.translateDropD:focus{ outline: none !important; box-shadow: none !important;}
#google_translate_flags button{ width: 35px; height: 35px; font-size: 0px; padding: 6px; background-color: #019fcb; border: none;}

 #google_translate_flags .dropdown-menu{ right: 0px !important; left: inherit !important; width: 230px;}
 #google_translate_flags .dropdown-menu .dropdown-item{ display: flex; align-items: baseline;}
   .toggleFlagUl{ padding-left: 0px; margin-bottom: 0px;} 
   .navbar-toggler{ margin-left: 10px;}
   #google_translate_flags .dropdown-menu .dropdown-item:active,   #google_translate_flags  .dropdown-item:hover{ background-color: #fff; color: #212529;}

   /* 22-11-24 */
   #goog-gt-tt{ display: none !important;}
   /* .past_exchange .pastExchngImgBx{ display: block; overflow: hidden; width: 100%;     aspect-ratio: 16 / 10;} */
   /* .past_exchange .pastExchngImgBx */
   /* .past_exchange .pastExchngImgBx img{ object-fit: cover;
    height: 100%;
    width: 100%;
    object-position: top;}  */

    /* .accordion-button{} */

    
    #google_translate_flags .dropdown-menu {border-color: #f3f3f3;
        box-shadow: 0 1rem 1.125rem #a9a9a926;
        font-size: 0.875rem;
        color: #333335;
        background-color: #FFF;
        padding: 0;
        z-index: 999;}

        #google_translate_flags .dropdown-menu  li{ margin-right: 0px;}

        #gallerySecNw .galleryBx .group .stack, #gallerySecNw .galleryBx .lightGallery {
            height: 230px;
        }
        #gallerySecNw .galleryBx .lightGallery{
            transform: translateZ(0);
    overflow: hidden;
    background: #000;
    display: flex;
    justify-content: center;
    align-items: center;
        }
        
        #gallerySecNw .galleryBx .lightGallery img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
            display: block;
            transform: none;
            backface-visibility: visible;
            image-rendering: auto;
            -webkit-transform: translate3d(0, 0, 0);
        }
        .frontGalPg .lg-outer{ width: 100%; left: 0;}

        .VIpgJd-ZVi9od-aZ2wEe-wOHMyf-ti6hGc{ display: none !important;}


        /* 17-1-25 */
        #applicantProfileSec .applicantProfileSecCover{  background: url(https://staging.rferotary.org/frontend/image/jaipur_gettyimages.jpg) no-repeat center center ; background-size: cover;}
#applicantProfileSec .applicantProfileSecCover .applicantProfileSecCoverInr{ background-color: rgba(0, 151, 254,.9); height: 180px; padding-top: 30px;}
#applicantProfileSec .LeftBx, #applicantProfileSec .rightBx{ background-color: #fff; padding: 30px 20px; box-shadow: 0px 0px 3px #00000030;} 

#applicantProfileSec .LeftBx .LeftBxImg{ background-color: #ddd; height: 100px; width: 100px; border-radius: 50%; overflow: hidden; display: flex; margin: auto;}
#applicantProfileSec .LeftBx .LeftBxImg img{ object-fit: cover; height: 100% !important;  width: 100% !important;}
#applicantProfileSec .LeftBx h3{ margin-top: 8px; margin-bottom: 2px; font-size: 18px; text-align: center; }
#applicantProfileSec .LeftBx  h6{ margin: 0px; font-family: 17px; text-align: center; color: #525252;}
#applicantProfileSec .LeftBx p{ text-align: center; margin-top: 20px;}

#applicantProfileSec .applicantProfileSecCnt{ margin-top: -70PX; position: static; z-index: 99;}

#applicantProfileSec .rightBx ul{ padding-left: 0px; display: flex; flex-wrap: wrap; row-gap: 20px; margin: 0px -15px;}
#applicantProfileSec .rightBx ul li{ width: 50%; padding: 0px 15px;}
#applicantProfileSec .rightBx ul li strong{ display: block;}

#applicantProfileSec{ padding-bottom: 35px;}
#applicantProfileSec .applicantProfileSecCoverInr h2{ text-align: center; color: #fff; font-size: 32px; margin: 0px;}
#applicantProfileSec .rightBx.rightBx1 ul li{ width: 100%; text-align: justify;}
#applicantProfileSec .rightBx.rightBx1{ margin-bottom: 20px; }
.dAlertMod .alert i{ font-size: 77px !important;}
.dAlertMod .alert{ width: auto !important; max-width: 380px;}
body:has(img.zoomable){ overflow: hidden;}


.gustHostPDFBtn{ position: relative;}
.gustHostPDFBtn a.btn.btn-primary{ position: absolute; right: 12px; top: 12px; background-color: #c90303; border-color: #c90303;}
.tourDtlEditorTxt table{ width: 100%;}
.tourDtlEditorTxt table td{ text-align: left;}
.tourDtlEditorTxt table td p{ margin: 0px !important;}
.tourDtlEditorTxt br{ display: none !important;}
.tourDtlEditorTxt table>tbody>tr:first-child>td, .tourDtlEditorTxt table>thead>tr:first-child>th{ background-color: #212529; color: #fff !important; }
.tourDtlEditorTxt table:not(.table-bordered)>tbody>tr:first-child>td, .tourDtlEditorTxt table:not(.table-bordered)>thead>tr:first-child>th{ border: 1px solid #4d515450 !important;}
.tourDtlEditorTxt table:not(.table-bordered) td{border: 1px solid  #4d515450 !important; border-width: 0 1px;}
/* .tourDtlEditorTxt table.table td{border: inherit !important;} */
.tourDtlEditorTxt table:has(thead)>tbody>tr:first-child>td{ background-color: #fff;  color: inherit !important;}
.tourDtlEditorTxt table td{    padding: .5rem .5rem !important;}
.tourDtlEditorTxt table>tbody>tr:first-child>td span{ color: #fff !important;}
.tourDtlEditorTxt table:has(thead)>tbody>tr:first-child>td span{ color: inherit !important; } 
.tourDtlEditorTxt table td span{ color: inherit !important; text-decoration: none !important;}
.tourDtlEditorTxt table{ background-color: #fff;}

.tourDtlEditorTxt ul li:before{ display: none;}
.tourDtlEditorTxt table td ul li:before{content: '';
    position: absolute;
    background: #19468e;
    height: 10px;
    border: 2px solid #fff;
    align-items: center;
    border-radius: 10px;
    top: 8px;
    left: -16px;
    -webkit-box-shadow: 0 0 8px 3px rgba(0, 0, 0, .05);
    -moz-box-shadow: 0 0 8px 3px rgba(0, 0, 0, .05);
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, .3);
    line-height: 70px;
    width: 10px;
}


#exchangeManager{ min-height: 100vh;} 


@keyframes blink {
  0%, 100% {color:#019fcb ;}
  50% {color: red ;}
}


#navbarSupportedContent ul li a.blinkingBtn{  
    animation: blink 1s linear infinite;    }
 

    /* 6-3-25 */
    .past_exchange .past_inner p, .upcoming_exchange .upcomingInrCnt p{ text-align: justify; max-height: 200px; 
       
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 4; /* Number of lines to show */
        line-clamp: 4;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        box-orient: vertical;
        text-overflow: ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis;
        word-break: break-word; -ms-word-break: break-word;} 
        .copyrightPara a{ color: rgba(156,163,175,var(--tw-text-opacity));}
        .copyrightDv{ background-color: #000; padding: 6px 0px; margin-top: 22px;}
        #thankyouPg{ padding: 40px 0px;}
        #thankyouPg .thankyouImgDv{ max-width: 510px; margin: auto;}
        .backHomeBtn{border: none;
            color: #fff;
            padding: 10px 15px;
            width: 220px; margin: auto; background-color: #019fcb;
            margin-top: 25px;
            border-radius: 35px; 
            cursor: pointer;
            font-size: 14px;
             text-decoration: none;}

/* 7-3-25 */
#thankyouPg p {
    width: 77%;
    margin: auto;
    margin-bottom: 8px;
    text-align: justify !important;
    text-align-last: center;
}
#thankyouPg div:has(.backHomeBtn){ margin-top: 20px;}
#thankyouPg div.container:has(.backHomeBtn){ margin-top: 0px;}
#thankyouPg h6{ margin-bottom: 20px;}
 
#cropModal{ zoom: .8;}
.freindShipHand{ position: relative; background-color: #019fcb40; height: 243px;}
.freindShipHand .freindShipFlag{ width: 100%; height: 100%; object-fit: cover;}
/* .freindShipHand .freindShipFlagLeft{ position: absolute; left: 0px; top: 0px; z-index: 9;}
.freindShipHand .freindShipFlagRight{ position: absolute; right: 0px; top: 0px; z-index: 9;} */
.freindShipHand .freindShipMnImg{ position: relative; bottom: 0; z-index: 99; opacity: .7;}

.flagDv{ position: absolute; z-index: 9; width: 50%; height: 100%;}
.descParagraph{ text-align: justify;
    margin-top: -20px;
    margin-bottom: 22px;
    padding: 0px 15px;}
.flagLeftDv{ left: 0px; top: 0px; }
.flagRightDv{ right: 0px; top: 0px;}
/* #cropModal>div{    height: 90% !important;
    width: 710px !important;}
 #cropModal .cropper-canvas{ width: 100% !important; height: 100% !important; transform: translateY(-0.0971px) !important;}
 #cropModal .cropper-container.cropper-bg{ width: 100% !important; height: 93% !important;}
    #cropModal .cropper-canvas>img{    width: 100% !important;
        height: 100% !important;}
        #cropModal .cropper-crop-box{ width: 50%; height: 50%;} */ 
  

        /* privacyPolPg */
        #privacyPolPg{ padding: 50px 0px;}
        #privacyPolPg .privacyPolPgDv{ margin-bottom: 22px;}
        #privacyPolPg .privacyPolPgDv ul{ margin: 0px; padding: 0px;}
        #privacyPolPg .privacyPolPgDv ul li::before{ content: ''; display: inline-block; height: 7px; width: 7px; margin-right: 7px;  background-color: #019fcb; vertical-align: 2px;} 
        #privacyPolPg .privacyPolPgDv  p{ margin-bottom: 8px;}

        .grecaptcha-badge{
            display: none;
        }


/*  */

.information_form.aplict-frm-sec label{ margin-top: 0 !important;}
.information_form.aplict-frm-sec input[type=email], .information_form.aplict-frm-sec input[type=text], .information_form.aplict-frm-sec    textarea{ margin-bottom: 0;}
.information_form.aplict-frm-sec form>.row{ row-gap: 20px;}
.information_form.aplict-frm-sec .mb-3{ margin-bottom: 0 !important;}


/*  */
.information_form ul li label{ margin: 0; }
.information_form{ overflow: hidden;}