* {
    padding: 0;
    margin: 0;
    scroll-behavior: smooth;
    font-family: Poppins;
    box-sizing: border-box;
}

:root {
    --pc-color: #E16F32;
    --white: #fff;
    scroll-behavior: smooth;
}

body a {
    text-decoration: none;
    color: #000;
    transition: all .5s ease-in;
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    line-height: 1.4 !important;
}

p {
    font-size: 16px;
    line-height: 1.7;
    /*    color: #828282;*/
}

.page-bg {
    background: #cccccc33;
    padding-block: 40px;
}

section {
    margin-top: 60px;
}

.fw-600 {
    font-weight: 600;
}

[class*="row-gap"] {
    row-gap: 20px;
}

.row-gap-3 {
    row-gap: 30px;
}

.top-bar {
    background: #2e2751;
}

.icon-bg {
    background: var(--pc-color);
}

.top-bar .top-info span {
    height: 30px;
    width: 30px;
}

.top-bar a {
    font-size: 14px;
}

header {
    z-index: 999999999;
    position: sticky;
}

header nav ul li .dropdown-toggle:before {
    content: '';
    position: absolute;
    background: url('data:image/svg+xml,<svg width="17" height="17" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="%23fff" fill-opacity=".01" d="M0 0h48v48H0z"/><path d="M37 18 25 30 13 18" stroke="%23fff" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat;
    height: 18px;
    width: 18px;
    right: -23px;
    top: 4px;
}

header nav ul li .dropdown-submenu .dropdown-item.dropdown-toggle:before {
    right: 20px;
    top: 8px;
}

.dropdown-toggle::after {
    display: none !important;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
    display: none;
}

header nav ul li.dropdown .dropdown-menu .dropdown-submenu .dropdown-toggle:before {
    filter: brightness(0.1);
}

.dropdown-submenu:hover .dropdown-menu {
    display: block;
}

@media (max-width: 992px) {
    .dropdown-submenu .dropdown-menu {
        position: relative;
        left: 0;
    }

    .dropdown-submenu .dropdown-menu.show {
        display: block;
    }
}

.dropdown-item {
    padding: .25rem 3rem .25rem 1rem !important;
}

header#mainHeader {
    background: #2e2751;
}

header#mainHeader {
    border-bottom: 1px solid transparent !important;
    top: -1px !important;
}

header .navbar-collapse.show ul li a:not(.dropdown > ul li a) {
    color: var(--white) !important;
}

header nav ul.navbar-nav {
    display: flex;
    align-items: center;
    gap: 30px;
}

header nav ul.navbar-nav li a:not(.dropdown > ul li a) {
    color: var(--white);
}

header nav ul.navbar-nav li a:hover {
    color: var(--pc-color) !important;
}

.single-bnr {
    background: url(../img/home-p-bnr.png) no-repeat center / cover;
    height: 500px;
    width: 100%;
    margin-top: -70px;
    padding-top: 100px;
    position: relative;
}

.one-page-bnr {
    height: 350px;
}

.one-page-bnr .bnr-content {
    margin-block: 10px !important;
}

.single-bnr:after {
    background: linear-gradient(129deg, #0e0b1d 0%, #231e3ad6 35%, #0e0b1d63 100%);
    content: '';
    position: absolute;
    inset: 0;
    height: 100%;
    width: 100%;
}

header .site-logo img {
    filter: brightness(0) invert(1);
}

.single-bnr .bnr-ttl {
    font-style: italic;
    font-size: 22px;
    font-weight: 600;
    color: #fff;
}

.single-bnr .bnr-content {
    margin-block: 60px;
    z-index: 99;
    position: relative;
}

.navbar-toggler-icon {
    background: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 512 512" fill="%23fff" xmlns="http://www.w3.org/2000/svg"><path d="M0 96c0-17.7 14.3-32 32-32h384c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32m64 160c0-17.7 14.3-32 32-32h384c17.7 0 32 14.3 32 32s-14.3 32-32 32H96c-17.7 0-32-14.3-32-32m384 160c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32h384c17.7 0 32 14.3 32 32"></path></svg>') no-repeat;
    margin-top: 10px;
}

.navbar-toggler:focus {
    box-shadow: unset !important;
}

.site-logo img {
    height: 45px;
}

.seprator {
    color: var(--pc-color);
    font-size: 15px;
}

[class*="-btn"] {
    border-radius: 4px;
    transition: all .4s ease-in;
    padding: 10px 15px;
    width: fit-content;
}

.pc-btn {
    background: var(--pc-color);
    color: var(--white);
    border: 1px solid transparent;
}

.pc-btn:hover:not(header .pc-btn) {
    transition: all .4s ease-in;
    color: var(--pc-color);
    border: 1px solid var(--pc-color);
    background: #f6831e2e;
}

.pc-btn svg {
    transition: all .4s ease-in;
    transform: rotate(-45deg);
}

:is(header, .single-bnr) .pc-btn:hover {
    background: var(--white) !important;
    color: var(--pc-color) !important;
}

.pc-btn:hover svg {
    transition: all .4s ease-in;
    transform: unset;
}

.pc-btn:hover svg>path {
    fill: var(--pc-color);
}

body a:hover {
    color: var(--pc-color);
}

.looking-con {
    background: url(../img/looking-con.png) no-repeat center / cover;
    height: 500px;
    width: 100%;
    border-radius: 15px;
    z-index: 0;
}

.looking-con form :is(input, select, textarea)::placeholder {
    color: white !important;
}

.looking-con form textarea {
    height: 100px;
    resize: none;
}

form .form-col span {
    top: 8px;
}

form button:hover {
    background: var(--white) !important;
    color: var(--pc-color) !important;
}

.srvc-card .img-holder img {
    height: 100%;
    width: 100%;
    transition: all .5s ease-in-out .1s;
    object-fit: cover;
}

.srvc-card:hover .img-holder img {
    transform: rotate(-5deg) scale(1.2);
    transition: all .5s ease-in-out .1s;
}

:is(.srvc-card, .srvc-card .img-holder img) {
    border-radius: 10px;
}

.i-list li:after {
    content: '';
    position: absolute;
    height: 17px;
    width: 17px;
    background: url('data:image/svg+xml,<svg width="17" height="17" viewBox="0 0 117 117" xmlns="http://www.w3.org/2000/svg"><g fill="none"><path d="M34.5 55.1c-1.6-1.6-4.2-1.6-5.8 0s-1.6 4.2 0 5.8l18.9 18.9c.8.8 1.8 1.2 2.9 1.2h.2c1.1-.1 2.2-.6 3-1.5L101 22.8c1.4-1.7 1.2-4.3-.5-5.8-1.7-1.4-4.3-1.2-5.8.5L50.2 70.8z" fill="%23000"/><path d="M89.1 9.3c-23-14.4-52.5-11-71.7 8.2-22.6 22.6-22.6 59.5 0 82.1a57.94 57.94 0 0 0 82 0c19.3-19.3 22.6-48.9 8.1-71.9-1.2-1.9-3.7-2.5-5.6-1.3s-2.5 3.7-1.3 5.6c12.5 19.8 9.6 45.2-7 61.8-19.4 19.4-51.1 19.4-70.5 0s-19.4-51.1 0-70.5C39.7 6.8 65 3.9 84.8 16.2c1.9 1.2 4.4.6 5.6-1.3s.6-4.4-1.3-5.6" fill="%23000"/></g></svg>') no-repeat;
    top: 2px;
    left: -25px;
}

.i-list li {
    position: relative;
    margin-left: 30px;
}

.cta-wrap {
    border-radius: 10px;
    background: linear-gradient(to left, #000000 0%, #561E00 50%, #561E00 100%)
}

.sec-bg-img:after {
    background: url(../img/sec-bg-img.png) no-repeat top center / cover;
    height: 600px;
    width: 100%;
    content: '';
    inset: 0;
    z-index: -1;
    position: absolute;
}

.event-card {
    border-radius: 6px;
    transition: all .3s ease-in;
}

.event-card:hover {
    transform: translateY(-10px);
    transition: all .3s ease-in;
}

.event-card .icon-bg {
    height: 60px;
    width: 60px;
}

.event-card .btn-lyt {
    background: #f6831e2e;
    padding: 10px;
}

.sec-bg-img .big-event-card {
    border-radius: 10px;
}

.bg-event-icon>span {
    background: #f6831e2e;
    height: 80px;
    width: 80px;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .2);
}

.sec-bg-img .bg-event-b-card::before {
    position: absolute;
    content: '';
    left: 16px;
    top: -10px;
    right: 0px;
    bottom: 0;
    border-radius: 46px 46px 0 0;
    background-color: #fff;
    z-index: 1;
    height: 290px;
    width: 96%;
}

.sec-bg-img .bg-event-b-card::after {
    position: absolute;
    content: '';
    left: 0;
    top: -20px;
    right: 0;
    height: 300px;
    background: url(https://themazine.com/html/Alquran-2/alquran/assets/images/background/students-one_pattern.png) no-repeat;
    background-size: cover;
    filter:
        brightness(45%) sepia(80%) hue-rotate(5deg) saturate(1000%);
}

.bg-event-b-card>.row.position-relative {
    z-index: 9999;
}

.sec-bg-img .bg-event-b-card span {
    height: 85px;
    width: 150px;
}

.sec-pi-wrap {
    background: url(../img/sec-pi-wrap.png) no-repeat center / cover;
    border-radius: 15px;
}

.event-bg-wrapper:after {
    position: absolute;
    content: '';
    right: 0;
    top: -35px;
    border-radius: 10px 0 0 10px;
    background: #EFEFEF;
    height: 400px;
    width: 70%;
    z-index: -1;
}

.evnt-vid-wrap:after {
    content: '';
    position: absolute;
    inset: 0;
    background: url(../img/bg-poper.png);
    height: 100%;
    width: 100%;
    z-index: -1;
    animation: bounceEffect 1.5s infinite ease-in-out;
}

.playBtn {
    background: #ffffff70;
    height: 80px;
    width: 80px;
    animation: pulse 1.2s infinite;
    z-index: 99;
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
        transform: scale(1);
    }

    50% {
        box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
        transform: scale(1.02);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
        transform: scale(1);
    }
}

.event-ftrs {
    border-radius: 10px;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .2);
}

.event-ftrs .bg-event-icon>span {
    height: 85px;
    width: 115px;
}

.testimonial-wrap {
    background: linear-gradient(to bottom, #FFF3EA -60%, #fff 100%);
}

.map-info-wrap {
    background: #1E183A;
    padding: 30px;
    border-radius: 0 0 15px 15px;
    top: -25px;
    max-width: 450px;
    position: absolute;
}

.map-info-wrap:before {
    border-bottom: 28px solid #c6c6d794;
    border-left: 25px solid #fff0;
    left: -24px;
    rotate: 358deg;
}

.map-info-wrap:after {
    border-bottom: 28px solid #c6c6d794;
    border-right: 25px solid #fff0;
    right: -24px;
}

.map-info-wrap:after,
.map-info-wrap:before {
    content: "";
    position: absolute;
    top: 0px;
    z-index: -1;
}

ul.social-icon li a {
    height: 32px;
    width: 32px;
}

ul.social-icon li a:hover {
    background: var(--white);
    transition: all .4s ease-in
}

ul.social-icon li a:hover svg {
    fill: #1E183A;
}

footer {
    background: url(../img/foot-bg.png) no-repeat center / cover;
    height: 100%;
    width: 100%;
    padding: 30px 0;
    position: relative;
    z-index: 0;
}

footer:after {
    position: absolute;
    inset: 0;
    content: '';
    background: #000000f2;
    height: 100%;
    width: 100%;
    opacity: 0.9;
    z-index: -1;
}

footer :is(a, p, div, span) {
    color: #d8d8d8;
}

footer .top-bar {
    background: #66626252;
    border-radius: 5px;
    padding-block: 15px;
}

.sdl-col .row .col-lg-3 {
    padding: 25px;
}

.sdl-col .row .col-lg-3:nth-child(1) {
    background: #D54F41;
}

.sdl-col .row .col-lg-3:nth-child(2) {
    background: #EEAF22;
}

.sdl-col .row .col-lg-3:nth-child(3) {
    background: #10A1C0;
}

.sdl-col .row .col-lg-3:nth-child(4) {
    background: #E16F32;
}

.sdl-col .row .col-lg-3:hover .icon-bg {
    transform: rotateY(1turn);
    transition: all .4s ease-in;
}

.sdl-col .icon-bg {
    height: 85px;
    width: 195px;
}

.bg-sep-a:after,
.bg-sep-rope:after,
.bg-sep-rope:before,
.bg-sep-b:after {
    content: '';
    position: absolute;
    z-index: -1;
}

.bg-sep-a:after {
    right: 0px;
    opacity: .4;
    background: url(https://wordpress.themeholy.com/donat/wp-content/uploads/2024/10/project-shape1-1.png) no-repeat center / cover;
    top: 150px;
    height: 300px;
    width: 500px;
}

.bg-sep-rope:after,
.bg-sep-rope:before {
    background: url(https://wp.hixstudio.net/biddut/wp-content/uploads/2024/10/shape-1-2-2.png) no-repeat center / cover;
}

.bg-sep-rope:after,
.bg-sep-rope:before,
.bg-sep-b:after {
    height: 300px;
    width: 300px;
}

.bg-sep-b:after {
    background: url(https://wp.hixstudio.net/biddut/wp-content/themes/biddut/assets/img/testimonial/shape-1-3.png) no-repeat center / cover;
    left: 0px;
    transform: rotate(-90deg) scale(-1);
    top: 10px;
    animation: blinkEffect 1s infinite alternate;
}

.bg-sep-rope:after {
    right: 0px;
    top: 0
}

.bg-sep-rope:before {
    left: 0;
    bottom: 0;
}

@keyframes blinkEffect {
    0% {
        opacity: .8;
    }

    100% {
        opacity: 0.1;
    }
}

@keyframes bounceEffect {

    0%,
    100% {
        top: 0px;
    }

    50% {
        top: -5px;
    }
}

.rev-card img {
    object-fit: cover;
    height: 50px;
    width: 50px;
    border-radius: 50%;
}

#backToTop {
    bottom: 35px;
    right: 25px;
    height: 50px;
    width: 50px;
    z-index: 999999;
    transition: transform 0.4s ease-in-out;
    transform: translateX(80px);
    background: var(--pc-color);
    cursor: pointer;
}

.whatsapp {
    background: #27B43E;
    animation: topPulse 1.5s infinite;
    --box-shadow-color: #27B43E;
    left: 25px;
    bottom: 35px;
    z-index: 9999;
}

@keyframes topPulse {
    0% {
        box-shadow: 0 0 0 0 var(--box-shadow-color);
    }

    70% {
        box-shadow: 0 0 0 10px rgba(218, 103, 68, 0);
    }

    to {
        box-shadow: 0 0 0 0 rgba(218, 103, 68, 0);
    }
}

.contact-wrap:before {
    content: '';
    position: absolute;
    inset: 0;
    background: #000000eb;
    height: 100%;
    width: 100%;
    z-index: -1;
    border-radius: 15px;
}

.contact-wrap {
    background-image: url(https://www.showtimeevent.com/images/main-slider/event-management-company.webp);
    height: unset !important;
}

.sprt-col .sprt-icn {
    background: var(--pc-color);
    height: 80px;
    width: 80px;
    border: 1px solid var(--pc-color);
}

.contact-wrap form textarea {
    height: 85px;
}

.con-place .row .col-lg-3:nth-child(even) {
    transform: translateY(20px);
}

.bg-map {
    background: url(https://themes.stackbros.in/eduport_r/assets/map-ChLHh_nh.svg) no-repeat;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: top center;
}

.modal-header .btn-close {
    z-index: 9999;
    filter: brightness(0) invert(1);
    opacity: unset;
    top: -10px;
    position: relative;
}

.img-radius .col-lg-6:first-child img {
    border-radius: 30px 0 0 0;
}

.img-radius .col-lg-6:nth-child(2) img {
    border-radius: 0 30px 0 0;
}

.img-radius .col-lg-6:nth-child(3) img {
    border-radius: 0 0 0 30px;
}

.img-radius .col-lg-6:last-child img {
    border-radius: 0 0 30px 0;
}

.img-radius img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.img-radius:after {
    content: '';
    border-radius: 50%;
    height: 150px;
    width: 150px;
    border: 4px dashed var(--pc-color);
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: gitMove 12s linear infinite;
}

.img-radius:before {
    content: '';
    border-radius: 50%;
    height: 100px;
    width: 100px;
    border: 4px dashed #2e2751;
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: gitMove 12s linear infinite;
}

@keyframes gitMove {
    0% {
        transform: rotate(0deg) translate(-50%, -50%);
    }

    100% {
        transform: rotate(360deg) translate(-50%, -50%);
    }
}

.content-box {
    border: 1px dashed var(--pc-color);
    border-radius: 10px;
}

.bnr-form {
    margin-top: -95px;
    padding: 30px;
    border-radius: 10px;
    z-index: 99;
    position: relative;
}

.events-manage-list:after {
    top: -20px !important;
    height: 350px !important;
}

.srvc-man-card .img-holder img {
    height: 230px;
    width: 100%;
    object-fit: cover;
}

.nav-pills .nav-link {
    padding: .5rem 1rem !important;
    color: var(--pc-color) !important;
}

.nav-pills .nav-link.active {
    background: var(--pc-color) !important;
    color: var(--white) !important;
}

.collection-card {
    overflow: hidden;
    border-radius: 8px;
    position: relative;
}

.collection-card .col-card {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 99;
    background: #000000d6;
    color: white;
    padding: 20px 15px;
    transform: translateY(100%);
    transition: transform 0.3s ease-in-out;
}

.collection-card:hover:after {
    transition: transform 0.3s ease-in-out;
    background: #00000082;
    height: 100%;
    width: 100%;
    inset: 0;
    content: '';
    position: absolute;
}

.collection-card img {
    height: 200px;
    width: 100%;
    object-fit: cover;
}

.nav-tabs-items {
    gap: 15px;
}

.collection-card:hover .col-card {
    transform: translateY(0%);
    transition: transform 0.3s ease-in-out;
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 10px;
}

.swiper-pagination-bullet-active {
    background: var(--pc-color);
}

.swiper {
    width: 100%;
    height: 100%;
    padding-bottom: 60px;
}

/*for-responsive--Queries--->>start*/

@media (width <=600px) {

    header .site-logo img {
        height: 37px;
    }

    .dropdown-item {
        white-space: pre-wrap;
    }

    .single-bnr {
        padding-top: 80px !important;
        margin-top: -58px !important;
        height: 400px !important;
    }

    .single-bnr .bnr-ttl {
        font-size: 16px !important;
    }

    .single-bnr h1 {
        font-size: 23px;
        margin-bottom: 0;
    }

    :is(header, .single-bnr) .pc-btn {
        font-size: 14px;
    }

    .top-bar .container {
        justify-content: center !important;
    }

    .top-bar ul:not(footer .top-bar ul),
    .img-radius:after,
    .img-radius:before {
        display: none !important;
    }

    .looking-con {
        height: 550px;
    }

    .sec-bg-img .bg-event-b-card {
        border: unset !important;
    }

    .sec-bg-img .bg-event-b-card span {
        width: 85px !important;
    }

    .sec-bg-img .bg-event-b-card .trust-result {
        flex-wrap: wrap;
        gap: 20px !important;
    }

    .playBtn {
        height: 50px;
        width: 50px;
    }

    .event-ftrs .bg-event-icon>span {
        width: 180px;
    }

    .map-info-wrap {
        position: unset !important;
    }

    .map-info-wrap:after,
    .map-info-wrap:before {
        display: none;
    }

    .single-bnr .bnr-content {
        margin-block: 0 !important;
    }

    .sdl-col .icon-bg {
        width: 190px !important;
    }

    .sdl-col p.fw-600 {
        font-weight: 700px;
        font-size: 17px;
    }

    .srvc-card .srvc-content a.fw-bold {
        font-size: 20px;
    }

    .sdl-col .row .col-lg-3 {
        padding: 10px !important;
    }
}

@media (600px <=width <=1023px) {

    .single-bnr {
        height: 450px !important;
        margin-top: -62px !important;
    }

    .single-bnr .bnr-content {
        margin-block: 30px !important;
    }

    .event-ftrs .bg-event-icon>span {
        width: 85px;
    }
}

@media (width <=1023px) {

    header {
        background: #2e2751;
        border-top: 1px solid #cccccc21;
        border-bottom: 0 !important;
    }

    header nav ul li a.nav-link {
        transition: unset !important;
    }

    header nav ul.navbar-nav {
        padding-inline: 20px;
        align-items: unset !important;
        gap: 20px !important;
        margin-block: 30px !important;
    }

    header .navbar-collapse {
        margin-block: 0px !important;
    }

    .looking-con:after {
        background: #0000007a;
        content: '';
        position: absolute;
        inset: 0;
        height: 100%;
        width: 100%;
        border-radius: 15px;
        z-index: -1;
    }

    #brandLogo img {
        height: 60px;
        width: 100%;
        object-fit: scale-down;
    }

    .event-bg-wrapper:after,
    .evnt-vid-wrap:after,
    .sec-bg-img .bg-event-b-card::after,
    .sec-bg-img .bg-event-b-card::before,
    .sec-bg-img .bg-event-b-card {
        display: none;
    }

    .con-place .row .col-lg-3:nth-child(even) {
        transform: unset;
    }

    .bnr-form {
        margin-top: 30px;
    }

    .one-page-bnr {
        height: 350px !important;
    }

    .nav-tabs-items {
        gap: 10px;
    }
}

.greater-than-arrow:before {
    transform: rotate(-90deg);
}