* {
    box-sizing: border-box;
}
@import url('https://fonts.googleapis.com/css2?family=Quattrocento:wght@400;700&display=swap');


/*@font-face {*/
/*    font-family: 'Quattrocento';*/
/*    src: url('fonts/font-2.woff2') format('woff2');*/
/*    font-weight: normal;*/
/*    font-style: normal;*/
/*}*/


ul {
    padding: 0;
}

:root {
    --white-color: #fff !important;
    --primary-color: #b01f2f !important;
    --secondary-color: #346cb0 !important;
    --light-background: rgba(237, 249, 255, 1);
    --dark-overlay-bg: rgba(0, 0, 0, 0.57);
    --footer-bg: #192b4d;
}

h1, h2, h3, h4, h5, h6 {
     font-family: "Quattrocento", serif;
  font-weight: 400;
  font-style: normal;
    
}

body{
    font-family: "Quattrocento", serif;
  font-weight: 400;
  font-style: normal;
}

a{
    font-family: "Inder", sans-serif;
  font-weight: 400;
  font-style: normal;
}

@media(min-width:768px){
    body{
        font-size:18px;
    }
    h2{
        font-size:45px;
    }
}

header {
    position: relative;
}

header .header-wrapper {
    padding: 20px 0;
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    transform: translateX(-50%);
    z-index: 2323;
}

header .desktop-nav .navbar-nav {
    display: flex;
    flex-direction: row !important;
    align-items: center;
    justify-content: space-around;
    padding: 5px 0;
    margin-top: 20px;
    border-top: 1px solid var(--white-color);
    border-bottom: 1px solid var(--white-color);
}


header .desktop-nav .navbar-nav a {
    color: #fff;
    text-transform: uppercase;
}


.banner-slider .swiper-slide {
    position: relative;
}

.banner-slider .swiper-slide img {
    width: 100%;
    height: 100vh;
    object-fit: cover;
}


.banner-slider .swiper-slide::before {
    position: absolute;
    content: '';
    background-color: var(--dark-overlay-bg);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#banner-section .custom-pagination {
    max-width: 1320px;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.banner-slider .swiper-slide .content {
    position: absolute;
    content: '';
    top: 55%;
    width: 100%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.banner-slider .swiper-slide .content .banner-title {
    font-size: 55px;
    color: var(--white-color);
    text-align: center;
    line-height: 80px;
}

.banner-slider.swiper-pagination-progressbar {
    position: absolute;
    bottom: 20px;
    left: 50%;
    width: 80%;
    max-width: 600px;
    height: 14px;
    background: rgba(209, 68, 68, 0.2);
    transform: translateX(-50%);
    border-radius: 2px;
    overflow: hidden;
}

.banner-slider.swiper-pagination-progressbar-fill {
    background: #9a0202;
    height: 100%;
    transition: width 0.3s ease;
}

.banner-slider .custom-pagination {
    display: flex;
    justify-content: center;
    gap: 80px;
    margin-top: 20px;
    position: absolute;
    left: 50%;
    top: 80%;
    transform: translateY(-80%);
    transform: translateX(-50%);
    z-index: 232;
}

.banner-slider .dot {
    text-align: center;
    cursor: pointer;
    position: relative;
    color: white;
}

.banner-slider .label {
    display: block;
    margin-bottom: 15px;
    font-size: 15px;
    font-weight: 600;
}

.banner-slider .loader-bar {
    height: 4px;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.3);
    position: relative;
    overflow: hidden;
}

.banner-slider .loader-bar::before {
    content: "";
    position: absolute;
    height: 100%;
    left: 0;
    width: 0%;
    background-color: white;
    transition: width 0.3s;
}

.popup-modal{
    z-index:232322!important;
    
    background-color:#000000ab;
}

input{
    border-radius:0!important;
}

input:focus{
    box-shadow:none!important;
    border-color:var( --primary-color)!important;
    border-width:2px;
    border-radius:0!important;
}

.popup-modal .modal-header{
    background-color:var( --primary-color)!important;
    color:var(--white-color);
    border-radius:0!important;
}
.popup-modal .modal-header
.custom-close{
        padding
: calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);
    margin-top: calc(-.5 * var(--bs-modal-header-padding-y));
    margin-right: calc(-.5 * var(--bs-modal-header-padding-x));
    margin-bottom: calc(-.5 * var(--bs-modal-header-padding-y));
    margin-left: auto;
    
        display: flex
;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.popup-modal .modal-body{
    padding:35px!important;
}

.popup-modal .modal-body .main-btn{
    max-width:100%;
    text-align:center;
    margin-top:30px;
    border-radius: inherit;
}

.popup-modal form label{
    position:relative;
}

.popup-modal form label::after{
    position:absolute;
    content:'*';
    color:var( --primary-color)!important;
    margin-left:3px;
}

.cancle-button {
  display: inline-block;
  width: 30px;
  height: 30px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m8.4 17l3.6-3.6l3.6 3.6l1.4-1.4l-3.6-3.6L17 8.4L15.6 7L12 10.6L8.4 7L7 8.4l3.6 3.6L7 15.6zm3.6 5q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22m0-2q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4T6.325 6.325T4 12t2.325 5.675T12 20m0-8'/%3E%3C/svg%3E");
  background-color: #fff;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.popup-modal .modal-header h5{
     color:var(--white-color);
}

.popup-modal .modal-content{
     z-index:23234322!important;
     border-radius:0!important;
}


.twitter-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23000'%3E%3Cpath d='M1 2h2.5L3.5 2h-2.5zM5.5 2h2.5L7.2 2h-2.5z'%3E%3Canimate fill='freeze' attributeName='d' dur='0.4s' values='M1 2h2.5L3.5 2h-2.5zM5.5 2h2.5L7.2 2h-2.5z;M1 2h2.5L18.5 22h-2.5zM5.5 2h2.5L23 22h-2.5z'/%3E%3C/path%3E%3Cpath d='M3 2h5v0h-5zM16 22h5v0h-5z'%3E%3Canimate fill='freeze' attributeName='d' begin='0.4s' dur='0.4s' values='M3 2h5v0h-5zM16 22h5v0h-5z;M3 2h5v2h-5zM16 22h5v-2h-5z'/%3E%3C/path%3E%3Cpath d='M18.5 2h3.5L22 2h-3.5z'%3E%3Canimate fill='freeze' attributeName='d' begin='0.5s' dur='0.4s' values='M18.5 2h3.5L22 2h-3.5z;M18.5 2h3.5L5 22h-3.5z'/%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.facebook-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'%3E%3Cpath stroke-dasharray='24' stroke-dashoffset='24' d='M17 4l-2 0c-2.5 0 -4 1.5 -4 4v12'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' dur='0.4s' values='24;0'/%3E%3C/path%3E%3Cpath stroke-dasharray='8' stroke-dashoffset='8' d='M8 12h7'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' begin='0.5s' dur='0.2s' values='8;0'/%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.instagram-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='17' cy='7' r='1.5' fill='%23000' fill-opacity='0'%3E%3Canimate fill='freeze' attributeName='fill-opacity' begin='1.3s' dur='0.15s' values='0;1'/%3E%3C/circle%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath stroke-dasharray='72' stroke-dashoffset='72' d='M16 3c2.76 0 5 2.24 5 5v8c0 2.76 -2.24 5 -5 5h-8c-2.76 0 -5 -2.24 -5 -5v-8c0 -2.76 2.24 -5 5 -5h4Z'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' dur='0.6s' values='72;0'/%3E%3C/path%3E%3Cpath stroke-dasharray='28' stroke-dashoffset='28' d='M12 8c2.21 0 4 1.79 4 4c0 2.21 -1.79 4 -4 4c-2.21 0 -4 -1.79 -4 -4c0 -2.21 1.79 -4 4 -4'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' begin='0.7s' dur='0.6s' values='28;0'/%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.banner-slider .dot.active .loader-bar::before {
    animation: fillBar 3.5s linear forwards;
    animation-delay: 4.5s;
}

header .header-sidebar-wrapper {
    z-index: 23232;
}

header .header-sidebar-wrapper .close-btn {
    float: end;
}

header .offcanvas-header img {
    width: 120px;
}

header .mobile-nav-menu {
    margin-top: 40px;
}

header .mobile-nav-menu .nav-item a {
    color: inherit;
    font-size: 22px;
    text-transform: uppercase;
    transition: 0.4s all ease-in-out;
}

header .mobile-nav-menu .nav-item a:hover {
    color: var(--primary-color)
}

header .mobile-nav-menu ul {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-left: 20px;
}

.nav-close {
    display: inline-block;
    width: 50px;
    height: 50px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath stroke-dasharray='64' stroke-dashoffset='64' d='M12 3c4.97 0 9 4.03 9 9c0 4.97 -4.03 9 -9 9c-4.97 0 -9 -4.03 -9 -9c0 -4.97 4.03 -9 9 -9Z'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' dur='0.6s' values='64;0'/%3E%3C/path%3E%3Cpath stroke-dasharray='8' stroke-dashoffset='8' d='M12 12l4 4M12 12l-4 -4M12 12l-4 4M12 12l4 -4'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' begin='0.6s' dur='0.2s' values='8;0'/%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    background-color: var(--primary-color);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.nav-open {
    display: inline-block;
    width: 40px;
    height: 40px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M5 5L19 19M5 19L19 5'%3E%3Canimate fill='freeze' attributeName='d' dur='0.4s' values='M5 5L19 19M5 19L19 5;M5 5L19 5M5 19L19 19'/%3E%3C/path%3E%3Cpath d='M12 12H12' opacity='0'%3E%3Canimate fill='freeze' attributeName='d' begin='0.2s' dur='0.4s' values='M12 12H12;M5 12H19'/%3E%3Cset fill='freeze' attributeName='opacity' begin='0.2s' to='1'/%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    background-color: #fff;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

@keyframes fillBar {
    0% {
        width: 0%;
    }

    100% {
        width: 100%;
    }
}

.main-btn {
    max-width: fit-content;
    width: 100%;
    background-color: var(--primary-color);
    color: #fff;
    padding: 10px 20px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.5s ease;
    text-decoration: none;
}

.main-btn:hover {
    background-color: var(--secondary-color);
    color: var(--white-color);
}

.banner-section .btn-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 30px;
}

.section-padding {
    padding-top: 120px;
    padding-bottom: 120px
}

.section-title {
    font-size: 45px;
    font-weight: 700;
    line-height: 60px;
}

.creative-heading {
    position: relative;
    width: 100%;
    text-align: center;
}

.creative-heading::before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    content: url('../images/heading-left-icon.png');
    left: 0;
    /* width: 100%; */
}

.creative-heading::after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    content: url('../images/heading-right-icon.png');
    /* width: 100%; */
}

.cta-section {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 400px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
}

.cta-section::before {
    content: '';
    position: absolute;
    background-color: var(--dark-overlay-bg);
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 0;
}

.cta-section .container {
    position: relative;
    z-index: 23;
}

.bg-light {
    background-color: var(--light-background) !important;
}

.container-small {
    margin: 0 auto;
    max-width: 800px;
}

.masonry-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    grid-auto-rows: 10px;
    gap: 20px;
}

.star-fill-icon {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath fill='%23ffac33' d='M27.287 34.627c-.404 0-.806-.124-1.152-.371L18 28.422l-8.135 5.834a1.97 1.97 0 0 1-2.312-.008a1.97 1.97 0 0 1-.721-2.194l3.034-9.792l-8.062-5.681a1.98 1.98 0 0 1-.708-2.203a1.98 1.98 0 0 1 1.866-1.363L12.947 13l3.179-9.549a1.976 1.976 0 0 1 3.749 0L23 13l10.036.015a1.975 1.975 0 0 1 1.159 3.566l-8.062 5.681l3.034 9.792a1.97 1.97 0 0 1-.72 2.194a1.96 1.96 0 0 1-1.16.379'/%3E%3C/svg%3E");
}

.testimonial  p {
    line-height: normal;
}

.testimonial  .wrapper {
    border: 1px solid var(--secondary-color);
    padding: 40px;
}

.testimonial  .wrapper .user {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 25px;
}

.testimonial  .wrapper .user p {
    margin: 0
}

.testimonial  .wrapper .user h4 {
    margin: 0;
}

.testimonial  .wrapper .user img {
    width: 65px;
    max-width: 100%;
    border-radius: 2324px;
    height: 65px;
    object-fit: cover;
}

.testimonial .imgal-container {
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    row-gap: 20px;
    line-height: 0;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}

.testimonial .imgal-container>* {
    margin-bottom: 20px;
}

.cta-footer {
    background-image: url('https://www.manahotels.in/public/landing/assets/images/Villa-Exterior.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

.cta-footer::before {
    content: '';
    position: absolute;
    background-color: var(--dark-overlay-bg);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.cta-footer .container {
    position: relative;
    z-index: 23;
}

footer {
    background-color: var(--footer-bg);
}


footer {
    color: var(--white-color);
}

footer a {
    color: var(--white-color);
    text-decoration: none;
}

footer ul li {
    list-style: none;
} 
footer ul  {
   display:flex;
   flex-direction:column;
   gap:20px
} 

footer .quick-links {
    font-size: 16px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 25px;
}

footer table {
    background-color: transparent !important;
    color: var(--white-color) !important;
}

.whatsapp-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12.04 2c-5.46 0-9.91 4.45-9.91 9.91c0 1.75.46 3.45 1.32 4.95L2.05 22l5.25-1.38c1.45.79 3.08 1.21 4.74 1.21c5.46 0 9.91-4.45 9.91-9.91c0-2.65-1.03-5.14-2.9-7.01A9.82 9.82 0 0 0 12.04 2m.01 1.67c2.2 0 4.26.86 5.82 2.42a8.23 8.23 0 0 1 2.41 5.83c0 4.54-3.7 8.23-8.24 8.23c-1.48 0-2.93-.39-4.19-1.15l-.3-.17l-3.12.82l.83-3.04l-.2-.32a8.2 8.2 0 0 1-1.26-4.38c.01-4.54 3.7-8.24 8.25-8.24M8.53 7.33c-.16 0-.43.06-.66.31c-.22.25-.87.86-.87 2.07c0 1.22.89 2.39 1 2.56c.14.17 1.76 2.67 4.25 3.73c.59.27 1.05.42 1.41.53c.59.19 1.13.16 1.56.1c.48-.07 1.46-.6 1.67-1.18s.21-1.07.15-1.18c-.07-.1-.23-.16-.48-.27c-.25-.14-1.47-.74-1.69-.82c-.23-.08-.37-.12-.56.12c-.16.25-.64.81-.78.97c-.15.17-.29.19-.53.07c-.26-.13-1.06-.39-2-1.23c-.74-.66-1.23-1.47-1.38-1.72c-.12-.24-.01-.39.11-.5c.11-.11.27-.29.37-.44c.13-.14.17-.25.25-.41c.08-.17.04-.31-.02-.43c-.06-.11-.56-1.35-.77-1.84c-.2-.48-.4-.42-.56-.43c-.14 0-.3-.01-.47-.01'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

footer .table>:not(caption)>*>* {
    background-color: transparent !important;
    color: var(--white-color) !important;
}

footer .footer-social {
    display: flex;
    justify-content:  center;
    padding: 0;
    flex-direction:row;
    gap: 25px;
    margin-top: 40px;
}

footer .footer-about-content {
    font-size: 20px;
}

footer .custom-table {
    margin-top: 40px;
    padding-top: 40px;
    border-top: 1px dashed #97818121;
}

footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6 {
    color: var(--white-color);
}

footer .column-title {
    font-size: 24px;
}

.imgal-container {
    line-height: 0;
    -webkit-column-count: 1;
    -webkit-column-gap: 0;
    -moz-column-count: 1;
    -moz-column-gap: 0;
    column-count: 1;
    column-gap: 0
}

.imgal-img {
    width: 100%;
    height: auto;
    transition: filter .2s
}

.imgal-img:hover {
    -webkit-filter: opacity(80%);
    filter: opacity(80%);
    cursor: pointer
}

.imgal-modal {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #000;
    color: #fff;
    vertical-align: middle;
    height: 100vh;
    width: 100vw
}

#imgal-modal-close {
    display: inline;
    font-size: 2rem;
    position: absolute;
    top: 1rem;
    right: 1.5rem;
    cursor: pointer
}

.imgal-modal-img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

@media only screen and (max-width:768px) {
    .imgal-container {
        line-height: 0;
        -webkit-column-count: 1;
        -webkit-column-gap: 0;
        -moz-column-count: 1;
        -moz-column-gap: 0;
        column-count: 1;
        column-gap: 0
    }
    
  .footer-social{
        justify-content:start!important;
    }
}

@media only screen and (min-width:768px) {
    .imgal-container {
        line-height: 0;
        -webkit-column-count: 2;
        -webkit-column-gap: 0;
        -moz-column-count: 2;
        -moz-column-gap: 0;
        column-count: 2;
        column-gap: 0
    }
}

@media only screen and (min-width:1036px) {
    .imgal-container {
        line-height: 0;
        -webkit-column-count: 2;
        -webkit-column-gap: 0;
        -moz-column-count: 2;
        -moz-column-gap: 0;
        column-count: 2;
        column-gap: 0
    }
}

@media only screen and (min-width:1200px) {
    .imgal-container {
        line-height: 0;
        -webkit-column-count: 2;
        -webkit-column-gap: 0;
        -moz-column-count: 2;
        -moz-column-gap: 0;
        column-count: 2;
        column-gap: 0
    }
}

/* tablet */
@media (min-width: 768px) and (max-width: 1036px) {
    .section-padding {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .creative-heading::before,
    .creative-heading::after {
        display: none;
    }

}

/* mobile */
@media(max-width:768px) {
    .banner-section .content {
        padding: 0 20px
    }

    .banner-section .content .banner-title {
        font-size: 40px !important;
        line-height: 55px !important;
    }

    .banner-section .custom-pagination {
        grid-template-columns: 33% 30% 36% !important;
        padding: 0 20px;
        row-gap: 20px;
        column-gap: 10px;
    }

    .section-padding {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .creative-heading::before,
    .creative-heading::after {
        display: none;
    }



    .testimonial .imgal-container {
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px;
        row-gap: 20px;
        line-height: 0;
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }


    footer .quick-links {
        padding: 0;
        font-size: 16px;
    }
}