@font-face {
    font-family: 'Avenir';
    src: url('../fonts/Avenir-Light.eot');
    src: url('../fonts/Avenir-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Avenir-Light.woff2') format('woff2'),
        url('../fonts/Avenir-Light.woff') format('woff'),
        url('../fonts/Avenir-Light.ttf') format('truetype'),
        url('../fonts/Avenir-Light.svg#../fonts/Avenir-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir';
    src: url('../fonts/Avenir-Black.eot');
    src: url('../fonts/Avenir-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Avenir-Black.woff2') format('woff2'),
        url('../fonts/Avenir-Black.woff') format('woff'),
        url('../fonts/Avenir-Black.ttf') format('truetype'),
        url('../fonts/Avenir-Black.svg#../fonts/Avenir-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir';
    src: url('../fonts/Avenir-Medium.eot');
    src: url('../fonts/Avenir-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Avenir-Medium.woff2') format('woff2'),
        url('../fonts/Avenir-Medium.woff') format('woff'),
        url('../fonts/Avenir-Medium.ttf') format('truetype'),
        url('../fonts/Avenir-Medium.svg#../fonts/Avenir-Medium') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir';
    src: url('../fonts/Avenir-Roman.eot');
    src: url('../fonts/Avenir-Roman.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Avenir-Roman.woff2') format('woff2'),
        url('../fonts/Avenir-Roman.woff') format('woff'),
        url('../fonts/Avenir-Roman.ttf') format('truetype'),
        url('../fonts/Avenir-Roman.svg#../fonts/Avenir-Roman') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir';
    src: url('../fonts/../fonts/Avenir-MediumOblique.eot');
    src: url('../fonts/../fonts/Avenir-MediumOblique.eot?#iefix') format('embedded-opentype'),
        url('../fonts/../fonts/Avenir-MediumOblique.woff2') format('woff2'),
        url('../fonts/../fonts/Avenir-MediumOblique.woff') format('woff'),
        url('../fonts/../fonts/Avenir-MediumOblique.ttf') format('truetype'),
        url('../fonts/../fonts/Avenir-MediumOblique.svg#../fonts/../fonts/Avenir-MediumOblique') format('svg');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir';
    src: url('../fonts/Avenir-Oblique.eot');
    src: url('../fonts/Avenir-Oblique.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Avenir-Oblique.woff2') format('woff2'),
        url('../fonts/Avenir-Oblique.woff') format('woff'),
        url('../fonts/Avenir-Oblique.ttf') format('truetype'),
        url('../fonts/Avenir-Oblique.svg#../fonts/Avenir-Oblique') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@-webkit-keyframes fade_move_down {
    0% {
        -webkit-transform: translate(0, -10px) rotate(45deg);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        -webkit-transform: translate(0, 10px) rotate(45deg);
        opacity: 0;
    }
}

@-moz-keyframes fade_move_down {
    0% {
        -moz-transform: translate(0, -10px) rotate(45deg);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        -moz-transform: translate(0, 10px) rotate(45deg);
        opacity: 0;
    }
}

@keyframes fade_move_down {
    0% {
        transform: translate(0, -10px) rotate(45deg);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        transform: translate(0, 10px) rotate(45deg);
        opacity: 0;
    }
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    background-color: #1B1C1E;
}

.btn-primary {
    background-color: #F36D21;
    font-size: 16px;
    line-height: 16px;
    padding: 16px 68px;
    border-radius: 5px !important;
    box-shadow: 0px 4px 4px 0px rgb(0 0 0 / 25%);
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: #c9530f;
}

.form-control-custom {
    margin-bottom: 30px;
}

.custom-checkbox-label label {
    position: relative;
    cursor: pointer;
    color: #6B6B6B !important;
}

.custom-checkbox-label input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.custom-checkbox-label label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid #6B6B6B;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 10px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 12px;
}

.custom-checkbox-label input:checked+label:before {
    background-color: #F36D21 !important;
}

.custom-checkbox-label input:checked+label {
    color: #F36D21 !important;
}

.custom-checkbox-label input:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    top: 6px;
    left: 9px;
    width: 6px;
    height: 14px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

label {
    font-size: 17px;
    font-weight: 400;
    margin-bottom: 12px !important;
    line-height: 28px;
    color: #fff;
}

input,
textarea {
    background-color: #E0E0E0 !important;
    border: none !important;
    padding: 11px 30px !important;
    box-shadow: inset 0px 4px 4px rgb(0 0 0 / 40%);
    color: #6B6B6B !important;
    font-size: 17px !important;
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    border-radius: 5px !important;
}

input:focus,
textarea:focus {
    box-shadow: inset 0px 4px 4px rgb(0 0 0 / 40%) !important;
}

input::placeholder,
textarea::placeholder {
    color: #6B6B6B !important;
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

textarea {
    min-height: 216px;
    max-height: 216px;
    height: 216px;
    height: 216px;
}

.custom-dropdown {
    position: relative;
}

.custom-dropdown .input-box {
    background-color: #E0E0E0 !important;
    border: none !important;
    padding: 11px 18px 11px 30px !important;
    box-shadow: inset 0px 4px 4px rgb(0 0 0 / 40%);
    color: #6B6B6B !important;
    font-size: 17px !important;
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    display: flex;
    width: 100%;
    border-radius: 5px !important;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.custom-dropdown .input-box img {
    transition: all 0.3s;
}

.custom-dropdown .input-box img.roted-image {
    display: block !important;
    transform: rotate(180deg);
}

.custom-dropdown .input-box-inner-content {
    background-color: #E0E0E0 !important;
    position: absolute;
    border: 1px solid #000000;
    width: 100%;
    border-radius: 5px !important;
    box-shadow: inset 0px 4px 4px rgb(0 0 0 / 40%);
    padding: 15px 15px 15px 15px;
    z-index: 9;
}

.custom-dropdown .input-box-inner-content ul {
    padding: 0px;
    list-style: none;
    margin: 0px;
}

.custom-dropdown .input-box-inner-content ul li .custom-dropdown label {
    font-size: 17px;
    font-weight: 400;
    margin-bottom: 12px;
    line-height: 28px;
    color: #fff;
}

.section-title .title {
    font-size: 45px;
    font-weight: 400;
    margin: 0px;
    line-height: 78px;
    color: #fff;
}

.section-title .sub-title-text {
    font-size: 30px;
    font-weight: 400;
    margin: 0px;
    line-height: 47px;
    color: #fff;
}

/* Header Css Start */

.navbar {
    background-color: #1B1C1E;
    padding: 20px 84px;
}

.navbar .navbar-brand {
    padding: 0px;
}

.navbar .navbar-brand img {
    height: 40px;
}

.navbar .navbar-brand .mobile-logo {
    display: none;
}

.navbar .navbar-nav .nav-link {
    font-size: 18px;
    color: #fff;
    transition: all 0.5s;
    padding: 5px 45px;
}

.navbar .navbar-nav .nav-link.active {
    color: #F36D21;
}

.navbar .navbar-nav .nav-link:hover {
    color: #F36D21;
}

.navbar .navbar-nav .nav-link:focus {
    color: #F36D21;
}

.navbar-light .navbar-toggler {
    color: #24A8E0;
    border-color: #24A8E0;
}

.navbar-toggler:focus {
    box-shadow: none;
}

.navbar-light .navbar-toggler-icon {
    background-image: url('../img/Humburger-menu.svg');
}

/* Header Css End */

/* Hero Banner Css Sstart */
.top-border {
    width: 100%;
    position: absolute;
    top: 70px;
    z-index: 9;
    left: -10px;
}

.top-border img {
    height: 100% !important;
    width: 104% !important;
    object-position: top !important;
    min-width: 104% !important;
    object-fit: fill !important;
}

.hero-banner {
    overflow: hidden;
}

.hero-banner .vedio-section {
    height: calc(100vh - 0px);
    min-height: calc(100vh - 0px);
    position: relative;
    background-image: url('../img/PeerVsn_Website_Banner_Video.mp4');
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
}

.bg-video-wrap {
    position: relative;
    height: calc(100vh - 0px);
}

.hero-banner video {
    width: 100%;
    min-width: 100%;
    height: 100%;
    min-height: 100%;
    object-fit: cover;
}

/* .overlay {
    width: 100%;
    height: calc(100vh - 107px);
    position: absolute;
    top: 0;
    left: 0;
    background-image: linear-gradient(45deg, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .7) 50%);
    background-size: 3px 3px;
    z-index: 2;
} */

.hero-banner .vedio-overly-text {
    position: absolute;
    left: 0;
    background-color: rgb(0 0 0 / 70%);
    padding: 20px 84px;
    bottom: 93px;
    /* min-width: 530px;
    width: 530px; */
    z-index: 9;
}

.hero-banner .vedio-overly-text h2 {
    color: #fff;
    font-size: 50px;
    margin: 0px;
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

.scroll-down {
    position: absolute;
    left: 50%;
    bottom: 50px;
    display: block;
    text-align: center;
    font-size: 19px;
    z-index: 100;
    text-decoration: none;
    text-shadow: 0;
    width: 13px;
    height: 13px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: translate(-50%, 0%) rotate(45deg);
    -moz-transform: translate(-50%, 0%) rotate(45deg);
    transform: translate(-50%, 0%) rotate(45deg);
    -webkit-animation: fade_move_down 4s ease-in-out infinite;
    -moz-animation: fade_move_down 4s ease-in-out infinite;
    animation: fade_move_down 4s ease-in-out infinite;
    cursor: pointer;
}

.mobile-vedio-overly-text {
    display: none;
}

/* Hero Banner Css End */

/* Why PeerVsn Css Start */
.why-peervsn {
    position: relative;
    /* padding: 100px 0px 150px 84px; */
    padding: 150px 0px 200px 84px;
    overflow: hidden;
}

.why-peervsn .orange-left-strap {
    position: absolute;
    top: 0;
    left: -10px !important;
    width: 100%;
}

.why-peervsn .orange-left-strap img {
    height: 100% !important;
    width: 104% !important;
    object-position: top !important;
    min-width: 104% !important;
    object-fit: fill !important;
}

.why-peervsn .orange-bottom-strap {
    position: absolute;
    bottom: -1px;
    top: auto;
    left: -10px !important;
    width: 100%;
}

.why-peervsn .orange-bottom-strap img {
    height: 100% !important;
    width: 104% !important;
    object-position: top !important;
    min-width: 104% !important;
    object-fit: fill !important;
}

.why-peervsn-carousel {
    margin-top: 30px;
}
.latest-news-carousel .owl-stage-outer .owl-stage .owl-item .box-card .video-box:hover{
    cursor: pointer;
}
.why-peervsn-carousel .owl-stage-outer .owl-stage .owl-item .box-card .image-box-with-title .orange-title {
    writing-mode: tb-rl;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(180deg);
    min-width: 56px;
    width: 56px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: end;
    background-color: #F36D21;
    border: 1px solid #fff;
}

.why-peervsn-carousel .owl-stage-outer .owl-stage .owl-item .box-card .image-box-with-title {
    min-height: 530px;
    height: 530px;
    /* min-height: 470px;
    height: 470px; */
    position: relative;
}

.why-peervsn-carousel .owl-stage-outer .owl-stage .owl-item .box-card .image-box-with-title .orange-title h3 {
    font-size: 35px;
    color: #fff;
    margin-bottom: 35px;
    line-height: 35px;
    text-transform: capitalize;
}

.why-peervsn-carousel .owl-stage-outer .owl-stage .owl-item .box-card .image-box {
    padding-left: 56px;
    height: 100%;
}

.why-peervsn-carousel .owl-stage-outer .owl-stage .owl-item .box-card .image-box img {
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.why-peervsn-carousel .owl-stage-outer .owl-stage .owl-item .box-card .box-content h4 {
    color: #F36D21;
    font-size: 24px;
    line-height: 34px;
    margin-top: 30px;
    margin-bottom: 12px;
    text-align: center;
}

.why-peervsn-carousel .owl-stage-outer .owl-stage .owl-item .box-card .box-content ul {
    padding: 0px;
    padding-left: 25px !important;
    list-style: none;
    margin: 0px;
}

.why-peervsn-carousel .owl-stage-outer .owl-stage .owl-item .box-card .box-content ul li {
    color: #fff;
    font-size: 17px;
    line-height: 25px;
    position: relative;
    padding-left: 20px;
    display: flex;
    align-items: flex-start;
}

.why-peervsn-carousel .owl-stage-outer .owl-stage .owl-item .box-card .box-content ul li::before {
    content: "";
    background-color: #fff;
    min-width: 8px;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    position: absolute;
    left: 0;
    top: 8px;

}

.why-peervsn-carousel .owl-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}

.why-peervsn-carousel .owl-dots button.active {
    background-color: #fff !important;
}

.why-peervsn-carousel .owl-dots button {
    background-color: #A4A4A5 !important;
    height: 20px;
    width: 20px;
    min-width: 20px;
    margin: 0px 18px !important;
}

/* Why PeerVsn End */

/* How it Works Css Start */
.how-works {
    background-color: #24A8E0;
    padding: 100px 84px 100px;
    position: relative;
    overflow: hidden;
}

.how-works .top-left-white-line-strap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.how-works .top-left-white-line-strap img {
    height: 100% !important;
    width: 104% !important;
    object-position: top !important;
    min-width: 104% !important;
    object-fit: fill !important;
}

.how-works h5 {
    color: #fff;
    font-size: 30px;
    line-height: 47px;
    margin-bottom: 20px;
    margin-top: 0px;
}

.how-works .single-vedio-box-row .single-vedio-box:first-child .single-vedio-box-inner {
    padding-right: 50px;
}

.how-works .single-vedio-box-row .single-vedio-box:last-child .single-vedio-box-inner {
    padding-left: 50px;
}

.how-works .single-vedio-box video {
    width: 100%;
    border: 4px solid #8ECAE9;
}

.how-works .single-vedio-box .single-vedio-box-inner {
    position: relative;
}

.how-works .single-vedio-box .single-vedio-box-inner .overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.how-works .single-vedio-box .single-vedio-box-inner .overlay button {
    background-color: transparent;
    border: none;
}

/* How it Works Css End */

/* Technical Specs Css Start */
.technical-specs {
    position: relative;
    padding: 100px 84px 250px;
}


.technical-specs .bottom-blue-line-strap {
    position: absolute;
    top: -6px;
    left: 0;
    right: 0;
    width: 100%;
    border-top: 1px solid #fff;
}

.technical-specs .left-bottom-blue-line-strap {
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    width: 100%;
}

.technical-specs .number-list {
    margin-top: 80px;
}

.technical-specs .number-list .number-list-box {
    margin-bottom: 90px;
}

.technical-specs .number-list .number-list-box .number {
    background-color: #24A8E0;
    height: 86px;
    min-width: 86px;
    width: 86px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1B1C1E;
    font-size: 47px;
    font-weight: 900;
    font-style: normal;
    margin-right: 24px;
}

.technical-specs .number-list .number-list-box h3 {
    color: #fff;
    font-size: 20px;
    line-height: 25px;
    font-weight: normal;
    font-style: normal;
    margin: 0px;
}

.technical-specs .number-info {
    min-width: 1100px;
    width: 1100px;
    margin: 110px auto 80px;
}

.technical-specs .number-info .center-mian-image {
    position: relative;
    max-width: 416px;
    min-width: 416px;
    margin: 0px auto;
}

.technical-specs .ai-powered {
    position: absolute;
    top: -50px;
    left: auto;
    right: -145px;
    color: #fff;
    font-size: 20px;
    line-height: 25px;
    font-weight: 400;
    font-style: italic;
    font-display: swap;
    text-align: left;
}

.technical-specs .ai-powered::before {
    content: "";
    background-color: #C5C5C5;
    height: 100px;
    width: 1px;
    position: absolute;
    transform: rotate(45deg);
    left: -48px;
    top: 20px;

}

.technical-specs .web-camera {
    position: absolute;
    top: 40px;
    left: auto;
    right: -290px;
    color: #fff;
    font-size: 20px;
    line-height: 25px;
    font-weight: 400;
    font-style: italic;
    font-display: swap;
    text-align: left;
}

.technical-specs .web-camera::before {
    content: "";
    background-color: #C5C5C5;
    height: 290px;
    width: 1px;
    position: absolute;
    left: -168px;
    top: -130px;
    transform: rotate(90deg);

}

.technical-specs .grade-display {
    position: absolute;
    top: 240px;
    left: auto;
    right: -319px;
    color: #fff;
    font-size: 20px;
    line-height: 25px;
    font-weight: 400;
    font-style: italic;
    font-display: swap;
    text-align: left;
}

.technical-specs .grade-display::before {
    content: "";
    background-color: #C5C5C5;
    height: 178px;
    width: 1px;
    position: absolute;
    left: -112px;
    top: -70px;
    transform: rotate(90deg);
    right: 0;

}

.technical-specs .customized {
    position: absolute;
    top: 440px;
    left: auto;
    right: -338px;
    color: #fff;
    font-size: 20px;
    line-height: 25px;
    font-weight: 400;
    font-style: italic;
    font-display: swap;
    text-align: left;
}

.technical-specs .customized::before {
    content: "";
    background-color: #C5C5C5;
    height: 160px;
    width: 1px;
    position: absolute;
    left: -104px;
    top: -55px;
    transform: rotate(90deg);
}

.technical-specs .ultra-sleek {
    position: absolute;
    top: 582px;
    left: auto;
    right: -238px;
    color: #fff;
    font-size: 20px;
    line-height: 25px;
    font-weight: 400;
    font-style: italic;
    font-display: swap;
    text-align: left;
}

.technical-specs .ultra-sleek::after {
    content: "";
    background-color: #C5C5C5;
    height: 185px;
    width: 1px;
    position: absolute;
    left: -111px;
    top: -70px;
    transform: rotate(90deg);
}

.technical-specs .easy-setup {
    position: absolute;
    top: 46px;
    left: -214px;
    right: auto;
    color: #fff;
    font-size: 20px;
    line-height: 25px;
    font-weight: 400;
    font-style: italic;
    font-display: swap;
    text-align: left;
}

.technical-specs .easy-setup::after {
    content: "";
    background-color: #C5C5C5;
    height: 160px;
    width: 1px;
    position: absolute;
    right: -104px;
    top: -66px;
    transform: rotate(90deg);
}

.technical-specs .enabled {
    position: absolute;
    top: 240px;
    right: auto;
    left: -216px;
    color: #fff;
    font-size: 20px;
    line-height: 25px;
    font-weight: 400;
    font-style: italic;
    font-display: swap;
    text-align: left;
}

.technical-specs .enabled::after {
    content: "";
    background-color: #C5C5C5;
    height: 158px;
    width: 1px;
    position: absolute;
    right: -105px;
    top: -68px;
    transform: rotate(90deg);
}

.technical-specs .battery-powered {
    position: absolute;
    top: 540px;
    right: auto;
    left: -261px;
    color: #fff;
    font-size: 20px;
    line-height: 25px;
    font-weight: 400;
    font-style: italic;
    font-display: swap;
    text-align: left;
}

.technical-specs .battery-powered::after {
    content: "";
    background-color: #C5C5C5;
    height: 105px;
    width: 1px;
    position: absolute;
    right: -78px;
    top: -40px;
    transform: rotate(90deg);
}

.technical-specs .wheels-mobility {
    position: absolute;
    top: 646px;
    right: auto;
    left: -278px;
    color: #fff;
    font-size: 20px;
    line-height: 25px;
    font-weight: 400;
    font-style: italic;
    font-display: swap;
    text-align: left;
}

.technical-specs .wheels-mobility::after {
    content: "";
    background-color: #C5C5C5;
    height: 230px;
    width: 1px;
    position: absolute;
    right: -130px;
    top: -130px;
    transform: rotate(75deg);
}

.technical-specs-bottom-text {
    padding: 0px 132px;
}

.technical-specs-bottom-text .technical-specs-bottom-text-inner .content p {
    font-size: 20px;
    line-height: 25px;
    color: #fff;
    margin: 0px;
    text-align: center;
}

.technical-specs-bottom-text .technical-specs-bottom-text-inner .content:first-child p {
    padding-right: 45px;
}

.technical-specs-bottom-text .technical-specs-bottom-text-inner .content:last-child p {
    padding-left: 45px;
}

/* Technical Specs Css End */

/* Contact Us Css Start */
.contact-us {
    background-color: #24A8E0;
    padding: 100px 0px 60px;
}

.contact-us h2 {
    margin-bottom: 25px !important;
}

.contact-us-form {
    min-width: 600px;
    width: 600px;
    margin: 0px auto;
}

/* Contact Us Css End */
/* Latest News Css End */
.latest-news {
    padding: 100px 84px 50px 84px;
    /* padding: 100px 84px 200px 84px; */
    position: relative;
    overflow: hidden;
}

.latest-news .latest-news-top-strap {
    position: absolute;
    top: 0;
    left: -10px;
    width: 104%;
}

.latest-news .latest-news-top-strap img {
    height: 100% !important;
    width: 104% !important;
    object-position: top !important;
    min-width: 104% !important;
    object-fit: fill !important;
}

.latest-news .latest-news-bottom-strap {
    position: absolute;
    bottom: -1px;
    left: -10px;
    width: 104%;
}

.latest-news .latest-news-bottom-strap img {
    height: 100% !important;
    width: 104% !important;
    object-position: top !important;
    min-width: 104% !important;
    object-fit: fill !important;
}

.latest-news-carousel {
    margin-top: 30px;
}

.latest-news-carousel .owl-stage-outer .owl-stage .owl-item .box-card .video-box {
    min-height: 400px;
    height: 400px;
    /* min-height: 280px;
    height: 280px; */
    position: relative;
    overflow: hidden;
    background-color: #D9D9D9;
    padding: 0px 50px;
}

.latest-news-carousel .owl-stage-outer .owl-stage .owl-item .box-card .video-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.latest-news-carousel .owl-stage-outer .owl-stage .owl-item .box-card .video-box .video-slide-overly-div {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 50%);
    padding: 0px 50px 50px 100px;
    /* padding: 0px 0px 80px 50px; */
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.latest-news-carousel .owl-stage-outer .owl-stage .owl-item .box-card .video-box .video-slide-overly-div img {
    width: 253px !important;
    min-width: 253px !important;
    height: auto;
    position: absolute;
    top: 0;
    left: 50px;
}

.latest-news-carousel .owl-stage-outer .owl-stage .owl-item .box-card .video-box .video-slide-overly-div h6 {
    font-size: 24px;
    line-height: 40px;
    text-decoration: none;
    color: #fff;
    transition: all 0.3s;
}

.latest-news-carousel .owl-stage-outer .owl-stage .owl-item .box-card .video-box .video-slide-overly-div p {
    margin: 0px;
    color: #fff;
}

.latest-news-carousel .owl-stage-outer .owl-stage .owl-item .box-card .video-box .video-slide-overly-div a:hover,
.latest-news-carousel .owl-stage-outer .owl-stage .owl-item .box-card .video-box .video-slide-overly-div a:focus {
    color: #fff !important;
    /* color: #c9530f !important; */
}

.latest-news-carousel .owl-stage-outer .owl-stage .owl-item .box-card .video-box video {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.latest-news-carousel .owl-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
}

.latest-news-carousel .owl-dots button.active {
    background-color: #fff !important;
}

.latest-news-carousel .owl-dots button {
    background-color: #A4A4A5 !important;
    height: 20px;
    width: 20px;
    min-width: 20px;
    margin: 0px 18px !important;
}

/* Latest News Css End */
/* Footer Css Start */
.footer {
    background-color: #F36D21;
    padding: 140px 84px 50px;
}

.footer-contact-us h2 {
    font-size: 21px;
    line-height: 25px;
    margin-bottom: 15px;
    color: #fff;
    font-weight: 600;
}

.footer-contact-us ul {
    padding: 0px;
    list-style: none;
    margin: 0px;
}

.footer-contact-us ul li {
    display: flex;
    align-items: center;
}

.footer-contact-us ul li .bold-title {
    font-size: 17px;
    color: #fff;
    font-weight: 600;
}

.footer-contact-us ul li .sub-text {
    font-size: 17px;
    color: #fff;
    font-weight: 400;
    margin-left: 5px;
}

.footer-social-links ul {
    padding: 0px;
    list-style: none;
    margin: 0px;
    display: flex;
    align-items: center;
}

.footer-social-links ul li {
    padding: 0px;
    list-style: none;
    margin: 0px;
    display: flex;
    align-items: center;
    margin-right: 25px;
}

.footer-social-links ul li a {
    height: 20px;
}

.footer-social-links ul li a img {
    height: 20px;
}

.footer-social-links ul li:last-child {
    margin-right: 0px !important;
}

.footer-copyright {
    text-align: center;
    margin-bottom: 0px;
    margin-top: 60px;
    color: #fff;
    font-size: 11px;
    font-weight: 400;
    font-style: italic;
    font-display: swap
}

/* Footer Css End */
/* Scroll To Top Css Start */
#scrolltop.show {
    opacity: 1;
    visibility: visible;
}

#scrolltop img {
    transform: rotate(180deg);
    filter: brightness(0) invert(1);
}

#scrolltop {
    display: inline-block;
    background-color: #24a8e0;
    border: none !important;
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 40px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    /* Add this line to indicate that the button is clickable */
}

.unvalidated .custom-filled {
    border: 10px solid red !important;
}

/* Scroll To Top Css End */

.loader {
    border: 4px solid #f3f3f3;
    /* Light grey */
    border-top: 4px solid #3498db;
    /* Blue */
    border-radius: 50%;
    width: 20px;
    height: 20px;
    margin-left: 18px;
    margin-bottom: 2px;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.glass-media-new-popup .modal-body {
    overflow: auto;
    max-height: 700px;
}

.glass-media-new-popup .news-content h3 {
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 20px;
}

.glass-media-new-popup .news-content h4 {
    font-style: italic;
}
.glass-media-new-popup .news-content .news-popup-link{
    margin-bottom: 20px;
    display: block;
}

.about-us {
    padding: 0px 84px 200px 84px;
    /* padding: 100px 84px 200px 84px; */
    position: relative;
    overflow: hidden;
}

.about-us .about-us-bottom-strap {
    position: absolute;
    bottom: -1px;
    left: -10px;
    width: 104%;
}

.about-us-conent {
    padding: 75px 230px 0px;
}

.about-us-conent-box img {
    height: 50px;
}

.about-us-conent-box {
    text-align: center;
}

.about-us-conent-box p {
    text-align: left;
    margin-top: 100px;
    color: #FFF;
    font-family: 'Avenir';
    font-size: 21px;
    font-style: normal;
    font-weight: 800;
    line-height: 25px;
}
.about-us-conent-plus-icon h5 {
    color: #FFF;
    font-family: 'Avenir';
    font-size: 50px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
}