@font-face {
    font-family: 'Gordita';
    src: url('../font/Gordita-Light.woff2') format('woff2'),
        url('../font/Gordita-Light.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Gordita';
    src: url('../font/Gordita-thin.woff2') format('woff2'),
        url('../font/Gordita-thin.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gordita';
    src: url('../font/Gordita-Regular.woff2') format('woff2'),
        url('../font/Gordita-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Gordita';
    src: url('../font/Gordita-Medium.woff2') format('woff2'),
        url('../font/Gordita-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
/** Generated by FG **/
@font-face {
    font-family: 'Conv_FontsFree-Net-fragile-script';
    src: url('../font/FontsFree-Net-fragile-script.eot');
    src: local('☺'), url('../font/FontsFree-Net-fragile-script.woff') format('woff'), url('../font/FontsFree-Net-fragile-script.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

input,
a:focus,
button:focus {
    outline: none!important;
    text-decoration: none;
}

body {font-family: 'Gordita', sans-serif;margin: 0px;padding: 0px;font-size: 1rem;font-weight: normal;}

ul {margin: 0;padding: 0;}
li {list-style: none;font-family: 'Gordita', sans-serif;}


h1,h2,h3,h4,h5,h6{font-family: 'Gordita', sans-serif;}

p {
    line-height: 30px;
    font-size: 18px;
    font-weight: 300;
    color: #414141;
    margin-bottom: 15px;
    font-family: 'Gordita', sans-serif;
}

.commun-bnt {
    border: 0;
    color: #fff;
    text-align: center;
    background: #0a2b77;
    padding: 12px 30px;
    border-radius: 0;
    font-size: 18px;
    font-weight: 600;
    font-family: 'Gordita';
}
header {
    background: transparent;
    position: absolute;
    z-index: 10;
  width: 100%;

}
.logo {
    margin: 60px 0;
}
#header.fixed-nav {
    position: fixed;
}

#BannerSlider .owl-dots {
    display: none;
}
#BannerSlider .owl-dots {
    display: none;
}
#header.fixed-nav #sidebarCollapse .fa{ color: #000;}

#header.fixed-nav .roght-ment {

    top: 24px;
}
a.commun-bnt:hover {
    background: #36b4ff;
    color: #fff;
}
#header.fixed-nav .navbar{padding: 0 1rem;}

/**************************banner-css************************/

.home-banner-wrapper .banner-inner-area {
    z-index: 9;
    margin: 4em 0;
    max-width: 565px;
    background-color: rgba(0, 0, 0, 0.6);
    text-align: left;
    padding: 24px 34px 50px;
}
.home-banner-slider .banner-items {
    background-repeat: no-repeat!important;
    background-position: center;
    background-size: cover!important;
    height: 100vh;
    position: relative;
}
.home-banner-slider .banner-rotate-text {
    position: absolute;
    left: 0;
    top: 36%;
    text-transform: uppercase;
    transform: rotate(-90deg);
}
#BannerSlider .book-now img {
    width: auto;
}
#BannerSlider .owl-nav {
    display: flex;
    justify-content: space-between;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -25%);
    width: 94%;
    z-index: 1;
}
#BannerSlider .owl-nav .owl-prev span{
    content: "";
   width: 60px;
    height: 80px;
    background: url(../images/left-arrow.svg) no-repeat;
    top: 50%;
    left: -24px;
    position: absolute;
    transform: translate(0, -45%);
    z-index: 9;
}
#BannerSlider .owl-nav .owl-next span {
    content: "";
    width: 60px;
    height: 80px;
    background: url(../images/right-arrow.svg) no-repeat;
    top: 50%;
    right: -24px;
    position: absolute;
    transform: translate(0, -45%);
    z-index: 9;
}
.book-now {
    position: absolute;
    bottom: 75px;
    right: 0;
}
.banner-rotate-text h3 {
    color: #faa21b;
    font-weight: 100;
}
.banner-rotate-text h4 {
    color: #7a7a7a;
    font-weight: 100;
}
.home-banner-slider {
    position: relative;
}
.top-section {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
}
.content-section {
    position: relative;
    top: 624px;
    background: #fff;
    width: 100%;
}
.banner-top {
    position: absolute;
    top: 0;
    z-index: 9;
    width: 100%;
}
.banner-bottom {
    position: absolute;
    top: -75px;
    z-index: 9;
    width: 100%;
}
.banner-top img,.banner-bottom img {
    width: 100%;
}

/*---------------------------  right menu  -----------------------------*/

.roght-ment button:focus {
    outline: 1px dotted;
    outline: none;
}
.roght-ment {
    position: absolute;
    right: 43px;
    top: 20px;
}
#sidebar {
    width: 330px;
    position: fixed;
    top: 0;
    right: -335px;
    height: 130vh;
    z-index: 999;
    background-color: #fefbf6;
    color: #fff;
    transition: all 0.3s;
    overflow-y: scroll;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}
#sidebar .social-media ul li {
    display: inline-block;
}

#sidebar .social-media ul li a {
    padding: 0 8px;
    color: #464646;
}
#sidebar .social-media ul li a::after {
    display: none;
}
#sidebar .social-media {
    text-align: center;
}
#sidebar.active {
    right: 0;
}

#dismiss {
    width: 40px;
    height: 40px;
    line-height: 44px;
    text-align: center;
    background: #faa21b;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
#dismiss .fa {
    font-size: 20px;
}
#dismiss:hover {
    background: #5c5c5c;
    color: #fff;
}
#sidebar .sidebar-header {
    padding: 20px;
    background: #fff;
}

#sidebar ul.components {
    padding: 20px 0;
    text-align: center;
}

#sidebar ul p {
    color: #fff;
    padding: 10px;
}
#sidebar ul li a {
    padding: 22px 20px;
    font-size: 20px;
    display: block;
    color: #faa21b;
    font-weight: 500;
    text-transform: uppercase;
    position: relative;
    text-decoration: none;
}
#sidebar ul li a::after {
    background: #5c5c5c;
    height: 2px;
    width: 42px;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
#sidebar ul li:last-child a::after {
    display: none;
}
#sidebarCollapse .fa {
    color: #000;
    font-size: 30px;
}
#sidebar ul li a:hover {
    color: #000;
}
#sidebarCollapse {
    border: 0; background: none;margin:0;
}
/*---------------------------about-section-css-----------------------------*/

.pic-radius {
    border-radius: 0 90px 0 90px;
}
.space {
    padding: 60px 0;
}
.heading {
    font-family: 'Conv_FontsFree-Net-fragile-script';
    font-size: 80px;
    color: #FAA21B;
    margin: 0 0 17px;
}
.abt-info .heading {
    padding: 0 0 0 24px;
}
.about-wrapper {
    background-image: url(../images/about-bg.png);
    background-repeat: no-repeat;
    background-position: top left;
    padding: 50px 0 110px;
    background-size: 100%;
}
.abt-pic figure {
    position: absolute;
    transition: all 1s;
}
.abt-pic figure img {
    display: block;
}
.abt-pic{
    position: relative;
}
.abt-img1 {
    top: 57px;
    right: 38px;
    z-index: 1;
    width: 226px;
}
.abt-img2 {
    right: 83px;
    top: 0;
    z-index: 3;
    width: 226px;
}
.abt-img1:hover,.abt-img2:hover,.abt-img3:hover {
    z-index: 9;
}
.abt-img3 {
    z-index: 1;
    width: 230px;
    right: 59px;
    top: 26px;
}
.abt-info p {
    font: normal normal 300 20px/40px Gordita;
}
.abt-info {
    padding: 0 0 0 80px;
}
.readmore {
    display: block;
    font-weight: 600;
    color: #000;
}
.readmore:hover {
    color: #FAA21B;
    text-decoration: none;
}
.offer-wrapper {
    background-image: url(../images/offer-bg.png);
    background-repeat: no-repeat;
    background-position: center top;
    padding: 80px 0 100px;
    background-size: 100%;
}
.offer-box-heading {
    display: flex;
    align-items: center;
}
.text30 {
    color: #414141;
    margin-left: 20px;
    font: normal normal 600 30px/45px Gordita;
}
.bride-box .table tr:nth-child(odd) {background-color: #f6f6f6;}
.bride-box .table tr:nth-child(even) {background-color: #e4e6ec;}
.offer-box-heading img {
    width: 80px;
}
.bride-box .table .thead-dark th {
    background-color: #a4b1c3;
    border-color: #a4b1c3;
    text-align: center;
    font-weight: 500;
}
.bride-box table {
    overflow: hidden;
}
.bride-box .table-bordered td {
    font-size: 15px;
}
.combo-box img {
    width: 110px;
    margin-bottom: 20px;
}

.gallery-wrapper {
    background-image: url(../images/gallery-bg.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    padding: 80px 0 156px;
    background-size: cover;
    position: relative;
}
#serviceSlider .gallery-pic img {
    max-width: 230px;
}
#serviceSlider .gallery-pic {
    padding: 0 20px 0 0;
}
#serviceSlider .owl-nav,#awardSlider .owl-nav {
    display: block;
    margin: 7rem auto;
    position: absolute;
    left: 0;
    right: 0;
    width: 170px;
    text-align: center;
    margin-bottom: 0;
}
#serviceSlider .owl-nav .owl-next,#awardSlider .owl-nav .owl-next {
    margin: 0;
    width: 50px;
    height: 50px;
    border: 1px solid #FAA21B;
    border-radius: 40px;
    background: #FAA21B;
}
#serviceSlider .owl-nav .fa,#awardSlider .owl-nav .fa {
    color: #fff;
    font-size: 20px;
}
#serviceSlider .owl-nav .owl-prev,#awardSlider .owl-nav .owl-prev {
    margin-right: 20px;
    width: 50px;
    height: 50px;
    border: 1px solid #FAA21B;
    border-radius: 40px;
    background: #FAA21B;
}
.drag-txt {
    text-transform: uppercase;
    font-size: 29px;
    font-weight: 200;
    color: #939393;
}
#vendorsSlider .vendor-pic img {
    max-width: 230px;
    object-fit: contain;
    margin: auto;
    height: 100px;
}
.vendors-wrapper {
    background-image: url(../images/vender-bg.png);
    background-repeat: no-repeat;
    background-position: center top;
    padding: 80px 0 100px;
    background-size: cover;
    position: relative;
}
.client-info {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 19px #00000029;
    padding: 30px;
    margin-top: 2rem;
}
.client-name h5 {
    font-size: 26px;
    font-weight: 600;
}
.client-info em {
    line-height: 30px;
}
.client-name h6 span {
    color: #FAA21B;
}
.client-name h6 {
    letter-spacing: 4px;
    text-transform: uppercase;
    font-size: 13px;
}
.reviews-info {
    margin: 20px 0 0 -64px;
}
#clientSlider .owl-dots {
    display: none;
}
#clientSlider .owl-nav {
    display: block;
}
#clientSlider .owl-nav i {
    font-size: 4rem;
    color: #afafaf;
    line-height: 48px;
}
#clientSlider .owl-nav .owl-prev {
    position: absolute;
    top: 50%;
    left: -3%;
    transform: translateY(-50%);
    width: 58px;
    height: 58px;
    text-align: center;
    border-radius: 50%;
}
#clientSlider .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    right: -5%;
    transform: translateY(-50%);
    width: 58px;
    height: 58px;
    text-align: center;
    border-radius: 50%;
}
.reviews-wrapper {
    background-image: url(../images/reviews-bg.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    padding: 80px 0 100px;
    background-size: cover;
    position: relative;
    margin-top: 4rem;
}
.reviews-wrapper::before {
    height: 90px;
    width: 100%;
    content: "";
    position: absolute;
    bottom: 0;
    background: url(../images/mask.png) no-repeat;
    background-size: auto;
    z-index: 9;
    top: -89px;
}

/*==========================footer-css ===========================*/

.footer {
    background: #f2f2f2;
    margin: 0;
    padding: 55px 0 0;
    position: relative;
}

.footer .footer-contact-info ul li {
    display: flex;
    margin-bottom: 24px;
    align-items: self-start;
}
.footer-link li a i {
    font-size: 21px;
    margin-right: 12px;
}
.footer-link li {
    margin: 0 0 11px;
}
.footer-link h5 {
    color: #000;
    font: normal normal 500 19px/25px Gordita;
    margin-bottom: 30px;
    position: relative;
}
.count2 {
    column-count: 2;
}
.footer .footer-contact-info ul li b {
    font: normal normal bold 16px/18px Gordita;
    letter-spacing: 0.75px;
    text-transform: uppercase;
    color: #000;
    vertical-align: top;
}
.footer-contact-info p, .footer-contact-info a {
    color: #000;
    font-weight: 500;
    font-size: 15px;
    display: block;
}
.footer-contact-info a:hover {
    color: #FAA21B;
    text-decoration: none;
}
.footer-link li a {
    color: #000;
    text-transform: capitalize;
    position: relative;
    font: normal normal 300 15px/18px Gordita;
}
.footer-link li a:hover {
    color: #FAA21B;
    text-decoration: none;
}
a.viewall {
    font-weight: 500;
    color: #000;
}
a.viewall:hover {
    color: #FAA21B;
    text-decoration: none;
}

.footer-bottom {
    background: #FAA21B;
    padding: 7px 0;
    margin-top: 40px;
}
.footer-contact-info ul li img {
    filter: brightness(0.1);
    width: 19px;
    margin-right: 9px;
}
.footer-contact-info > span {
    margin: 0 0 16px;
    display: block;
}
.footer-contact-info > span img {
    width: 160px;
}
.footer-bottom a {
    color: #000;
    font-size: 13px;
}
.footer::before {
    height: 90px;
    width: 100%;
    content: "";
    position: absolute;
    bottom: 0;
    background: url(../images/mask.png) no-repeat;
    background-size: auto;
    z-index: 9;
    top: -86px;
}
.footer-contact-info h4 {
    font-family: 'Gordita';
    letter-spacing: 1px;
    font-size: 28px;
    font-weight: 500;
}
.footer-link li a img {
    width: 26px;
    margin-right: 14px;
}
.footer .footer-recent-List ul .footer-recent-list-item {
    display: flex;
    align-items: center;
}
.footer .footer-recent-List ul .footer-recent-list-item img {
    width: 80px;
}
.footer .footer-recent-List ul .footer-recent-list-item .footer-recent-list-item-info .title {
    font-size: 13px;
    line-height: 20px;
    font-weight: 300;
}
.footer .footer-recent-List ul .footer-recent-list-item .footer-recent-list-item-info .date {
    font-size: 13px;
    font-weight: 500;
}
.font-sm {
    font-size: 13px;
    color: #fff;
}
.footer .footer-recent-List ul .footer-recent-list-item .footer-recent-list-item-info {
    margin-left: 15px;
}
.footer .footer-recent-List ul li {
    margin-bottom: 20px;
}

/*********************about-us-css******************/

.inner-banner-slider .book-now {
    bottom: 50px;
    z-index: 9;
}
.inner-banner-slider {
    position: relative;
}
.inner-banner-slider  .banner-items::after {
    content: "";
    background: rgb(0 0 0 / 70%);
    position: absolute;
    display: inline-block;
    width: 100%;
    margin: auto;
    left: 0;
    right: 0;
    height: 100%;
    z-index: 0;
    top: 0;
}
.inner-banner-slider .banner-items {
    background-repeat: no-repeat!important;
    background-position: center;
    background-size: cover!important;
    height: 80vh;
    position: relative;
}
.inner-banner-wrapper {
    position: relative;
}
.inner-banner-bottom {
    position: absolute;
    bottom: -5px;
    z-index: 1;
    width: 100%;
}
.inner-banner-bottom img {
    width: 100%;
}
.inner-banner-text p {
    color: #fff;
    font: normal normal 500 30px/50px Gordita;
    z-index: 999;
}

.inner-banner-text p span{position: relative;}

.inner-banner-text p span::after {
    background-image: url(../images/comma02.svg);
    content: "";
    background-repeat: no-repeat;
    width: 100px;
    height: 100px;
    position: absolute;
    bottom: -50px;
    right: -107px;
    background-size: 100%;
}
.inner-banner-text p span::before {
    background-image: url(../images/comma01.svg);
    content: "";
    background-repeat: no-repeat;
    width: 100px;
    height: 100px;
    position: absolute;
    top: -18px;
    left: -107px;
    background-size: 100%;
}

.inner-banner-text h4 {
    color: #fff;
    font-size: 20px;
    z-index: 999;
}
.inner-banner-text {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    max-width: 915px;
    width: 100%;
    z-index: 11;
    right: 0;
    margin: auto;
    text-align: center;
}
#innerSlider .owl-dots{
    display: none;
}
#innerSlider .owl-nav {
    display: flex;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -25%);
    width: 90%;
    z-index: 1;
}
#innerSlider .owl-nav .owl-prev span{
    content: "";
   width: 60px;
    height: 80px;
    background: url(../images/left-arrow.svg) no-repeat;
    top: 50%;
    left: -24px;
    position: absolute;
    transform: translate(0, -45%);
    z-index: 9;
}
#innerSlider .owl-nav .owl-next span {
    content: "";
    width: 60px;
    height: 80px;
    background: url(../images/right-arrow.svg) no-repeat;
    top: 50%;
    right: -24px;
    position: absolute;
    transform: translate(0, -45%);
    z-index: 9;
}
#innerSlider .comma-left img,#innerSlider .comma-right img {
    width: 83px;
}
.comma-left {
    width: 120px;
    height: 120px;
    position: absolute;
    top: -47px;
    left: 0;
}
.comma-right {
    width: 120px;
    height: 120px;
    position: absolute;
    bottom: -30px;
    right: -55px;
}
.testimonial-pic .rating img {
    border-radius: 0;
}
.abt-pic2.inner-abt {
    float: right;
}
.abt-pic.inner-abt {
    float: right;
    margin: 0 0 0 40px;
}
.abt-pic.inner-abt img {
    width: 320px;
}
.kris-info-box img {
    float: left;
    margin: 0 30px 0 0;
}
.kris-info-box p {
    font: normal normal 300 20px/40px Gordita;
    margin-top: 24px;
}
.kris-info-arrow {
    position: absolute;
    right: 0;
}
.kris-info-arrow img {
    margin: 0;
    width: 130px;
}
.heading-small {
    font-family: 'Conv_FontsFree-Net-fragile-script';
    font-size: 50px;
    color: #FAA21B;
    margin: 0 0 17px;
}
.award-wrapper {
    background-image: url(../images/award-bg.png);
    background-repeat: no-repeat;
    background-position: center top;
    padding: 80px 0 156px;
    background-size: cover;
    position: relative;
}
.award {
    text-align: center;
    margin-bottom: 30px;
    padding: 10px;
}
.award a {
    display: block;
}
.award .pro-pic {
    position: relative;
    z-index: 0;
}
.award img {
    width: 100%;
}
.award .overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    transition: background 0.5s ease;
}
.award:hover .overlay {
  display: block;
  background: rgba(0, 0, 0, .3);
}
.award .button img {
    width: auto;
}
.award .button {
  position: absolute;
  left:0;
  right: 0;
  top: 45px;
  text-align: center;
  opacity: 0;
  transition: opacity .35s ease;
}
.award .button {
    padding: 14px 95px;
    text-align: center;
    z-index: 1;
    display: inline-block;
    margin: auto;
}
.award:hover .button {
    opacity: 6;
    z-index: 999;
}

/*********************gallery-css******************/

.gallery a.nav-link {
    color: #414141;
    margin-left: 20px;
    font: normal normal 600 20px/45px Gordita;
}
.gallery .nav-link.active {
    color: #FAA21B;
    background-color: transparent;
    border-color: transparent;
}
.gallery .nav-tabs {
    border-bottom: transparent;
}
.gallery .nav-link:hover {
    border-color: transparent;
}
.gallery-section ul {
    display: flex;
    justify-content: flex-start;
    flex-flow: wrap;
}
.gallery-section ul li {
    padding: 0;
    display: block;
    text-align: center;
    width: 18%;
    margin: 0 10px 10px 0;
}
.gallery-section .award .button {
    padding: 20px 75px;
}
.award.gallery-pic {
    padding: 0;
}
.award.gallery-pic img {
    min-height: 210px;
    object-fit: cover;
}
.gallery-section .award.gallery-pic .button img {
    width: 70px;
    min-height: inherit;
}
.sl-wrapper .sl-counter {
    display: none!important;
}

/*********************rate-css******************/

.rate-wrapper .offer-box-heading {
    display: block;
    text-align: center;
}
.rate-time {
    text-align: center;
    margin: 24px auto;
    border-bottom: 3px solid #FAA21B;
    padding-bottom: 14px;
}
.rate-time ul li {
    color: #414141;
    font: normal normal 600 22px/25px Gordita;
    margin-bottom: 20px;
}
.fee-txt {
    text-align: center;
    background: #fef4e3;
    padding: 29px 0;
}
.fee-txt p {
    margin: 0 0 10px;
    color: #FAA21B;
    font: normal normal 500 20px/25px Gordita;
}
.product-txt small {
    font-size: 20px;
    font-weight: 500;
    display: block;
    margin: 0 0 20px;
}
.product-txt {
    padding-left: 6rem;
}
.product-txt p {
    padding-right: 12rem;
    font-size: 20px;
}
.product-second .product-txt {
    padding-right: 6rem;
    padding-left: 0;
}
.product-second .product-txt p {
    padding-right: 0;
    padding-left: 12rem;
}
.product-second .product-txt .kris-fee-txt p {
    padding: 0;
    margin: 0 0 10px;
    font: normal normal 500 19px/25px Gordita;
    color: #414141;
}
.product-second .product-txt .kris-fee-txt {
    text-align: center;
    margin: 4rem 0 0;
}
.product-wrapper {
    padding: 0 0 100px;
}


/*********************contact-us-css******************/

.contact-wrapper {
    padding: 0;
}
.comment-form .form-control {
    background: #fbfbfb 0% 0% no-repeat padding-box;
    border-radius: 5px;
    opacity: 1;
    height: 50px;
    border: 1px solid #e7e7e7;
}
.comment-form textarea.form-control {
    height: auto !important;
}
.yellow-btn {
    background: #FAA21B;
    border: none;
    color: #fff;
    padding: 10px 20px;
    border-radius: 6px;
    font-weight: 500;
}
.contact-txt img {
    filter: brightness(0.1);
    width: 30px;
}
.contact-txt {
    display: flex;
    margin-bottom: 24px;
    align-items: self-start;
}
.contact-txt span b {
    font-size: 20px;
    color: #414141;
}
.contact-txt span {
    margin-left: 12px;
}
.contact-txt span p, .contact-txt span p a {
    font-size: 18px;
    color: #d1ae7a;
    text-decoration: none;
    font-weight: 400;
}
.location-map {
    margin: 0 0 20px;
}
.vendors-bx img {
    max-width: 230px;
    object-fit: contain;
    margin: auto;
    height: 100px;
    position: relative;
    z-index: 9;
}
.vendors-bx {
    position: relative;
    text-align: center;
    min-height: 200px;
    display: flex;
    align-items: center;
    background: #FF8800;
    z-index: 0;
        justify-content: center;
}
.vendors-bx::before {
    background: #fff;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 7px;
    right: 8px;
    z-index: 0;
}

/*********************booking-page-css******************/

.booking-wrapper .logo {
    margin-top: 0;
}
.booking-box label {
    font: normal normal 500 19px/25px Gordita;
    color: #000;
    margin: 0;
}
.booking-box .form-control {
    border-bottom: 1px solid #707070 !important;
    font-size: 15px;
    padding: 0;
    background: transparent;
    border-radius: 0px;
    box-shadow: none;
    margin-bottom: 0;
    height: 45px;
    font-weight: 400;
    border: 0;
}
.booking-box .form-group {
    margin-bottom: 2rem;
}
.booking-box .form-check-inline label {
    text-transform: capitalize;
    font: normal normal 400 17px/25px Gordita;
    margin: 16px 0 0;
}
.combo-box .text30 a {
    color: #FAA21B;
    text-decoration: none;
}
.newsdetails .text30 {
    margin: 30px 0 30px 0;
}
.text-danger {
    font-size: 11px!important;
}
/********************Responsive-css********************/

@media (max-width:1199px){
#dismiss{top: 5px; right: 5px;}
.home-banner-slider .banner-items { height: 80vh;}
.heading {font-size: 70px;}
.text30 {font-size: 26px;}
.top-section { position: relative;}
.content-section{top: 0;}
.roght-ment {top: 6px; position: fixed; right: 10px;}
.inner-banner-slider .banner-items{ height: 55vh;}
.inner-banner-text{max-width: 808px;}
.inner-banner-text p {font: normal normal 500 24px/38px Gordita;}
.inner-banner-text p span::before {width: 60px; height: 60px; top: -18px; left: -66px;}
.inner-banner-text p span::after {width: 60px; height: 60px; bottom: -34px; right: -76px;}
.kris-info-box img { width: 300px;}
.gallery-section ul li{ width: 23%;}
.award { margin-bottom: 0;}
.product-img img { width: 100%;}
.fee-txt p {font-size: 17px;}
.product-txt { padding-left: 14px;}
.product-second .product-txt { padding-right: 14px;}
.product-second .product-txt .kris-fee-txt p {font-size: 16px;}
.vendors-bx img{max-width: 200px;}
.combo-box h3 {
    font-size: 20px;
    line-height: 30px;
}
}

@media (max-width:823px){
.vendors-bx img{max-width: 175px;}
.home-banner-slider .banner-items { height: 53vh;}
.home-banner-slider .banner-rotate-text{top: 43%;}
.book-now {bottom: 20px;}
.logo {margin: 35px 0;}
.banner-bottom {top: -50px;}
.abt-info,.footer { padding: 0;}
.heading {font-size: 50px;}
.bride-box.mt-4 {margin-top: 0!important;}
.combo-box .text30 {font-size: 20px; margin: 0; line-height: 30px;}
.combo-box .text30 br {display: none;}
.offer-box-heading img { width: 60px; background: #fff;}
.offer-wrapper{padding: 80px 0 0;}
#serviceSlider .gallery-pic img {max-width: inherit;}
.vendors-wrapper,.reviews-wrapper{padding: 40px 0 80px;}
.client-info { padding: 16px; margin-top: 1rem;}
.client-info em {line-height: 27px; font-size: 14px;}
.client-name h5 {font-size: 22px;}
#clientSlider .owl-nav i {font-size: 42px;}
.footer-link {margin: 0 0 3rem;}
#BannerSlider .owl-nav {width: 90%;}
.abt-pic.inner-abt img { width: 240px;}
.inner-banner-slider .banner-items { height: 26vh;}
.inner-banner-text{max-width: 624px;}
.inner-banner-text p {font: normal normal 500 20px/30px Gordita;}
.inner-banner-text p span::before {width: 45px; top: -8px; left: -46px;}
.inner-banner-text p span::after {width: 45px; bottom: -34px; right: -50px;}
#innerSlider .owl-nav .owl-next span {width: 50px; height: 50px; background-size: 65%;}
#innerSlider .owl-nav .owl-prev span {width: 50px; height: 50px; background-size: 65%;}
.inner-banner-slider .book-now img { width: 200px;}
.inner-banner-slider .book-now { bottom: 24px;}
#sidebar ul li a{ padding: 18px 20px;}
#sidebarCollapse .fa {font-size: 24px;}
.abt-info p { font: normal normal 300 17px/30px Gordita;}
.kris-info-box p { font: normal normal 300 17px/30px Gordita;}
.about-wrapper{ padding: 50px 0;}
#awardSlider .owl-nav {  margin: 0rem auto;}
.award.gallery-pic img { min-height: 160px;}
.gallery a.nav-link { margin-left: 0; padding: 0.5rem 10px; font: normal normal 600 18px/45px Gordita;}
.gallery.mt-5 { margin-top: 0rem!important; margin-bottom: 3rem!important;}
.gallery .row.mt-5 { margin-top: 1rem!important;}
.gallery-section .award .button {padding: 14px 45px;}
.gallery-section .award.gallery-pic .button img{width: 48px;}

.product-txt p { padding-right: 0;}
.product-second .product-txt p { padding-left: 0;}
.booking-box .form-group { margin-bottom: 1rem;}
 .bride-box .table .thead-dark th {font-size: 12px;padding: 0.25rem;}
.bride-box .table-bordered td {font-size: 12px; padding: 0.25rem;}
.combo-box h3 {font-size: 18px; line-height: 26px;}
.logo img {max-width: 160px;}
.contact-txt {margin-bottom: 50px;}
.comment-form .form-control{font-size: 12px;}
}

@media (max-width:767px){
.logo {margin: 20px 0;} 
.contact-txt img {width: 20px; margin: 5px 0 0;}
.contact-txt {margin-bottom: 20px;}
#sidebar ul li a::after{bottom: 8px;}    
.booking-wrapper { margin-bottom: 6rem;} 
.booking-form .col-md-12 { padding: 0;}
.wedding-planner .mt-5 {margin-top: 1rem!important;}    
.booking-box .form-check-inline label {font-size: 14px;}  
.booking-box label {font: normal normal 500 16px/20px Gordita;}
.rate-chart .offer-box-heading .text30 { font-size: 20px;}
.vendors-section {margin-bottom: 4rem;}
.gallery-section ul li{ width: 31%;}
.gallery a.nav-link { margin-left: 0; padding: 0.5rem 4px; font: normal normal 600 14px/31px Gordita;}
.gallery-section {margin-bottom: 5rem;}

#BannerSlider .owl-nav {width: 97%;}
.home-banner-slider .banner-items { height: 100vh;}
.banner-bottom { top: -45px;}
#BannerSlider .owl-nav .owl-prev span{left: 0; background-size: 70%;}
#BannerSlider .owl-nav .owl-next span{right: 0; background-size: 70%;}
.logo img { width: 125px;}
.banner-rotate-text h4,.banner-rotate-text h3 {font-size: 22px;}
.home-banner-slider .banner-rotate-text {top: 38%;}
#BannerSlider .book-now img { width: 200px;}
.roght-ment { top: 6px; right: 6px;}
.abt-pic figure { position: relative; top: 0; right: 0; margin: 0 6px;}
.abt-pic {display: flex; margin: 28px 0;}
.abt-info p,.kris-info-box p {font: normal normal 300 16px/34px Gordita;text-align: justify;}
.about-wrapper { padding: 50px 0 0;}
.combo-box img { display: none;}
.combo-box {text-align: center;}
.gallery-wrapper .col-lg-12.mb-4 {margin-bottom: 0!important;}
#serviceSlider.mt-5 { margin-top: 2rem!important;}
#vendorsSlider .vendor-pic img{height: 80px;}
.reviews-info {margin: 20px 15px;}
.footer-link h5 { margin-bottom: 18px;}
.footer-contact-info > span { margin: 0 0 36px;}
.footer-contact-info { margin: 0 0 40px;}
#sidebar{height: 150vh; width: 280px;}
#sidebar ul li a {padding: 14px 0; font-size: 16px;}
#sidebar ul.components{ padding: 0;}
#dismiss {width: 30px; height: 30px; line-height: 31px; top: 3px; right: 3px;}
#sidebarCollapse .fa{font-size: 22px;}
#vendorsSlider.mt-5 { margin-top: 0!important;}
.vendors-wrapper{text-align: center; padding: 40px 0;}
#vendorsSlider .owl-nav, #vendorsSlider .owl-dots { display: none;}
#clientSlider .mt-5.item { margin-top: 0!important;}
#clientSlider .owl-nav .owl-prev{ left: 0;}
#clientSlider .owl-nav .owl-next{right: 0;}
.about-wrapper .about.mt-5 { margin-top: 0rem!important;}
.inner-banner-slider .banner-items { height: 72vh;}
.inner-banner-text p {font: normal normal 500 18px/30px Gordita;}
.inner-banner-text { max-width: 530px;}
.abt-pic.inner-abt { float: inherit; margin: 0 0 2rem;}
.abt-pic.inner-abt img {width: 100%;}
.kris-info-box h4.text30 {margin: 22px 0 0 0; font: normal normal 600 20px/38px Gordita;}
.kris-info-box h4.text30 br { display: none;}
.kris-info-box img { width: 100%; float: inherit; margin: 0;}
.award-wrapper .heading-small { font-size: 40px;}
.sl-wrapper .sl-close{ font-size: 3rem!important;}

.bride-box .table-bordered td{font-size: 12px; padding: 0.65rem;}
.bride-box .table .thead-dark th{font-size: 12px; padding: 0.65rem;}
.product-wrapper { padding: 44px 0 100px;}
.product-second .product-txt { text-align: left;}
.product-txt p {font-size: 16px;}
.row.align-items-center.product-second { flex-direction: column-reverse;}
.heading-small {font-size: 40px;}
.rate-time ul li {font: normal normal 600 18px/30px Gordita;}
.fee-txt p { font-size: 14px;}
.rate-chart.mb-5 { margin-bottom: 1rem!important;}
.contact-info-bx .mt-5 {margin-top: 0rem!important;}
.contact-info-bx,.newsdetails { margin-bottom: 5rem;}
.location-map {margin: 0 0 3rem;}
.contact-info-bx { margin-top: 2rem;}
.yellow-btn{ width: 100%;}
.newsdetails p {text-align: justify; font-size: 16px;}
.newsdetails .text30 { font-size: 20px;  line-height: 30px;}
#awardSlider.my-5 { margin-top: 0!important;}
.booking-wrapper .row.my-5 {margin-top: 0!important;}
.booking-wrapper .col-lg-12 h2 {
    font-size: 20px;
}
.booking-wrapper .col-lg-12 p {
   text-align:justify;
}
.combo-box h3 {
    font-size: 18px;
}
 .bride-box .table .thead-dark th {
    font-size: 11px;
    padding: 0.25rem;
}
.bride-box .table-bordered td {
    font-size: 11px;
    padding: 0.25rem;
}
.text30 {
    font-size: 20px;
}
.heading {
    font-size: 34px;
}
.reviews-wrapper::before,.footer::before{display:none;}
#clientSlider .reviews-info {
    margin: 0;
}
footer.footer.footer-01 {
    padding: 30px 0 0;
}
}

@media (max-width:575px){
.vendors-wrapper {padding: 40px 0 0;}    
#BannerSlider .book-now img {width: 160px;}
.heading-small {font-size: 36px;}    
.rate-time ul li {font: normal normal 600 15px/24px Gordita;}
.gallery-section ul li{ width: 100%;}
.award.gallery-pic img { min-height: 180px;}
.gallery a.nav-link { margin-left: 0; padding: 0.5rem 4px; font: normal normal 600 14px/31px Gordita;}
.gallery-section {margin-bottom: 5rem;}
body,html{overflow-x: hidden;}
#innerSlider .owl-nav .owl-next span { width: 40px; height: 40px;}
#innerSlider .owl-nav .owl-prev span { width: 40px; height: 40px; left: -10px;}
.banner-top img {height: 56px;}
.inner-banner-slider .banner-items { height: 34vh;}
.inner-banner-text p {font: normal normal 500 14px/20px Gordita;}
.inner-banner-text { max-width: 334px;} 

.inner-banner-text p span::before {display: none;}
.inner-banner-text p span::after { display: none;}
.inner-banner-text h4{font-size: 16px;}
.inner-banner-slider .book-now { bottom: 14px;}
.inner-banner-slider .book-now img { width: 150px;}

#BannerSlider .owl-nav {width: 95%;}
.home-banner-slider .banner-items { height: 50vh;}
.banner-bottom { top: -24px;}
.home-banner-slider .banner-rotate-text{ display: none;}
.roght-ment { top: 10px; right: 10px;}
.banner-top { top: -2px;}
.logo img { width: 120px;}
#BannerSlider .owl-nav {top: 57%; transform: translate(-48%, 0);}
.book-now { bottom: 10px; right: 0;}
.book-now a img {text-align: right;}
.heading {font-size: 34px;}
.abt-pic { display: block;}
.abt-img1, .abt-img3 {display: none;}
.abt-img2{ max-width: 100%; width: 100%;}
.abt-pic figure{margin: 0;}
.offer-wrapper { padding: 20px 0 0;}

.text30 {font-size: 20px;}
.combo-box .text30{font-size: 17px;line-height: 26px;}
.gallery-wrapper { padding: 50px 0 78px;}
#serviceSlider .gallery-pic { padding: 0 14px;}
.drag-txt{font-size: 24px;}
#serviceSlider .owl-nav{margin: 5rem auto;}
.reviews-wrapper {padding: 40px 0;}
.vendors-bx img { max-width: 295px;}
#clientSlider .reviews-info {
    margin: 24px 0 0;
}
.combo-box h3 {
    font-size: 16px;
    margin: 16px 0 0;
    line-height: 24px;
}
.abt-info p, .kris-info-box p {font: normal normal 300 14px/27px Gordita;}
}

@media (max-width:320px){

.gallery-section ul li{ width: 100%;}

}