*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Outfit",sans-serif;font-size:16px;font-weight:400;line-height:26px;overflow-x:hidden}img{max-width:100%}.w-100{width:100%}button{border:none}input,textarea,select,option{max-width:100%}h1,h2,h3,h4,h5,h6{padding:0;margin:0}ul{padding:0;margin:0}li{list-style:none}p{padding:0;margin:0}img{max-width:100%;max-height:100%}a,a:hover,a:focus{outline:none;text-decoration:none}.fix{overflow:hidden}.br-4{border-radius:4px}.br-5{border-radius:5px}.br-7{border-radius:7px}.br-30{border-radius:30px}.br-50{border-radius:50px}.b-bottom{border-bottom:1px solid #E8D8D0}.ca-text-cap{text-transform:capitalize}.p-relative{position:relative}.p-absolute{position:absolute}.z-index-1{z-index:1}.w-bg{background:#fff;transition:.3s}.bg-wh-op{background:#fff;opacity:.1}.cream-bg{background:#FFEFE7}.cream-bg-2{background:#F9F5F3}.cream-bg-3{background:#F8F9FA}.off-wh{background: #F8F9FA;}.subtitle-bg-1{background:#FFF2EC}.subtitle-bg-2{background:#FAE9E1}.subtitle-bg-3{background:#32221A}.subtitle-bg-4{}.subtitle-bg-5{background:#241E1D}.subtitle-bg-6{background: #dbdbdb;}.subtitle-bg-7{background:#191F27}.subtitle-bg-8{background:#EDF8FA}.subtitle-bg-9{background:#1B282B}.subtitle-bg-10{background:#fff2ec2e}.text-white{color:#fff}.theme-black-1{color:#1B0901}.theme-black-bg-1{background:#1B0901}.theme-black-2{color: #ffffff;}.theme-black-3{color:#00060F}.theme-black-4{color:#021013}.theme-black-bg-4{background:#021013}.theme-black-bg-3{background:#d01b24}.theme-black-bg-2{background:#0C0504}.theme-color-1{color:#d01b24}.theme-bg-1{background:#d01b24}.theme-color-2{}.theme-bg-2{background:#d01b24}.theme-color-3{color: #d01b24;}.theme-bg-3{background: #d01b24}.theme-bg-4{background:#4AB9CF}.theme-color-4{color:#4AB9CF}.theme-three-p{color:#5A5D63}.fnw-600{font-weight:600}.fnw-700{font-weight:700}.p-32{padding:32px}.pt-8{padding-top:8px}.pt-10{padding-top:10px}.pt-12{padding-top:12px}.pt-16{padding-top:16px}.pt-20{padding-top:20px}.pt-22{padding-top:22px}.pt-24{padding-top:24px}.pt-30{padding-top:30px}.pt-32{padding-top:32px}.pt-40{padding-top:40px}.pt-48{padding-top:48px}.pt-60{padding-top:60px}.pt-70{padding-top:70px}.pt-80{padding-top:80px}.pt-100{padding-top:100px}.pt-130{padding-top:130px}.pt-160{padding-top:160px}.pt-198{padding-top:198px}.pt-208{padding-top:214px}.pt-258{padding-top:258px}.pt-390{padding-top:390px}.pb-8{padding-bottom:8px}.pb-12{padding-bottom:12px}.pb-14{padding-bottom:14px}.pb-16{padding-bottom:16px}.pb-18{padding-bottom:18px}.pb-20{padding-bottom:20px}.pb-24{padding-bottom:24px}.pb-28{padding-bottom:28px}.pb-30{padding-bottom:30px}.pb-32{padding-bottom:32px}.pb-40{padding-bottom:40px}.pb-50{padding-bottom:50px}.pb-70{padding-bottom:70px}.pb-80{padding-bottom:80px}.pb-100{padding-bottom:100px}.pb-150{padding-bottom:150px}.pb-114{padding-bottom:114px}.pb-124{padding-bottom:124px}.pb-160{padding-bottom:160px}.pl-0{padding-left:0}.pl-48{padding-left:48px}.pl-70{padding-left:70px}.pl-85{padding-left:85px}.pr-48{padding-right:48px}.pr-80{padding-right:80px}.-mt-110{margin-top:-110px}.mt-0{margin-top:0}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-20{margin-top:20px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mt-28{margin-top:28px}.mt-32{margin-top:32px}.mb-16{margin-bottom:16px}.mb-20{margin-bottom:20px}.mb-24{margin-bottom:24px}.mb-25{margin-bottom:25px}.mb-30{margin-bottom:30px}.mb-32{margin-bottom:32px}.mb-40{margin-bottom:40px}.mb-48{margin-bottom:48px}.mb-60{margin-bottom:60px}.mb-70{margin-bottom:70px}.mb-90{margin-bottom:90px}.mb-m-70{margin-bottom:-70px}.ml-4{margin-left:4px}.ml-8{margin-left:8px}.ml-15{margin-left:15px}.ml-20{margin-left:20px}.ml-24{margin-left:24px}.ml-30{margin-left:30px}.ml-32{margin-left:32px}.ml-45{margin-left:45px}.ml-50{margin-left:50px}.ml-70{margin-left:70px}.ml-80{margin-left:80px}.ml-52{margin-left:52px}.ml-100{margin-left:100px}.ml-110{margin-left:110px}.ml-m-70{margin-left:-70px}.mr-4{margin-right:4px}.mr-8{margin-right:8px}.mr-16{margin-right:16px}.mr-20{margin-right:20px}.mr-24{margin-right:24px}.mr-30{margin-right:30px}.mr-34{margin-right:34px}.mr-46{margin-right:46px}.mr-50{margin-right:50px}.mr-60{margin-right:60px}.mr-65{margin-right:65px}.mr-70{margin-right:70px}.mr-90{margin-right:90px}

@font-face {
    font-family: 'Outfit';
    src: url('./font/Outfit-Black.woff2') format('woff2'),
        url('./font/Outfit-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Outfit';
    src: url('./font/Outfit-Regular.woff2') format('woff2'),
        url('./font/Outfit-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Outfit';
    src: url('./font/Outfit-Thin.woff2') format('woff2'),
        url('./font/Outfit-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Outfit';
    src: url('./font/Outfit-ExtraBold.woff2') format('woff2'),
        url('./font/Outfit-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Outfit';
    src: url('./font/Outfit-Medium.woff2') format('woff2'),
        url('./font/Outfit-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Outfit';
    src: url('./font/Outfit-Bold.woff2') format('woff2'),
        url('./font/Outfit-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Outfit';
    src: url('./font/Outfit-SemiBold.woff2') format('woff2'),
        url('./font/Outfit-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Outfit';
    src: url('./font/Outfit-ExtraLight.woff2') format('woff2'),
        url('./font/Outfit-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Outfit';
    src: url('./font/Outfit-Light.woff2') format('woff2'),
        url('./font/Outfit-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    font-family: 'Outfit'
}

.header-area-3 {
    position: absolute;
    width: 100%;
}

header.header-area-3.stiky .header-3 {
    background: #fff;
    padding: 10px 24px;
    border-radius: 87px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    z-index: 9;
    position: relative;
    left: 0;
    right: 0;
    top: 24px;
}

.slider-items img {
    height: 750px;
    object-fit: cover;
}

header.header-area-3.stiky.scroll-header .header-3 {
    box-shadow: none;
    top: 0;
    border-radius: 0;
    padding: 15px;
}

.header-area-3.stiky.scroll-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    opacity: 1;
    width: 100%;
    z-index: 999;
    visibility: visible;
    background-color: #fff;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    -webkit-animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;
    -khtml-animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;
    -moz-animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;
    -ms-animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;
    -o-animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;
    animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;
}

nav ul li {
    padding: 0 14px;
    color: #eee;
}

nav ul li a {
    text-decoration: none;
    color: #000;
}

nav ul li a:hover {
    color: #d01b24;
}

nav ul li.active a {
    color: #d01b24;
}

.ca-btn-header a {
    background: #d01b24;
    text-decoration: none;
    padding: 8px 18px;
    font-size: 15px;
    border-radius: 25px;
}

.owl-nav div {
    /*border: 2px solid #ffffff00;
    */
    color: #fff;
    height: 50px;
    width: 50px;
    padding: 6px 5px;
    position: absolute;
    z-index: 9;
    background: #d01b24;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 28px;
    left: 2%;
    line-height: 40px;
    text-align: center;
    -webkit-transition: linear .3s;
    -o-transition: linear .3s;
    transition: linear .3s;
    font-size: 28px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.owl-nav div.owl-next {
    left: auto;
    right: 2%;
}

.owl-nav div img {
    width: 19px;
}

/* ============================================
                   Off canvas Header 1
============================================ */
.ca-offcanvas {
    position: fixed;
    width: 100%;
    max-width: 500px;
    z-index: 99;
    right: 0;
    top: 0;
    padding: 20px 20px;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transform: translateX(100%);
    transition: .3s;
    overflow-y: scroll;
    overscroll-behavior-y: contain;
    scrollbar-width: none;
    z-index: 999;
}

.ca-offcanvas-open {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}

.ca-offcanvas-close-toggle {
    font-size: 30px;
    color: #02000E;
}

.ca-offcanvas-title {
    font-size: 35px;
}

.ca-offcanvas-sm-title {
    font-size: 30px;
    color: #02000E;
    margin-bottom: 10px;
}



.ca-offcanvas-overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 50;
    width: 100%;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    transition: 0.45 easc-in-out;
    background: rgba(24, 24, 24, 0.4);
}

.ca-offcanvas-overlay-open {
    opacity: 1;
    visibility: visible;
}

.ca-sm-conatct-location a {
    color: #5A5D63;
    font-size: 16px;
    line-height: 30px;
    transition: .3s;
}

.ca-sm-conatct-location a:hover {
    color: #d01b24;
    transition: .3s;
}

.ca-sm-conatct-location-3 a:hover {
    color: #d01b24;
    transition: .3s;
}


.ca-menu-close {
    position: absolute;
    right: 0;
    top: 4px;
    height: 30px;
    width: 30px;
    text-align: center;
    border: 1px solid rgba(1, 15, 28, 0.12);
    background: none;
    font-size: 15px;
    line-height: 30px;
}

.ca-btn-primary-3 span {
    background: #d01b24;
    height: 32px;
    width: 32px;
    display: inline-block;
    line-height: 32px;
    border-radius: 50%;
    text-align: center;
    margin-left: 6px;
    transition: .3s;
    border: none;
    outline: none;
}

.ca-menu-close svg {
    transition: .3s;
}

.ca-offcanvas-close-toggle {
    background: none;
    border: none;
}

.ca-offcanvas-toogle {
    background: none;
    border: none;
    color: #02000E;
}

.ca-offcanvas-menu-1 ul li a {
    color: #02000E;
    transition: .3s;
}

.ca-offcanvas-menu-1 ul li a span {
    display: none;
}

.ca-offcanvas-social a {
    margin-right: 8px;
}

.ca-sm-single-item-4-content a {
    color: #0C0504;
}

.ca-sm-single-item-4-content a:hover {
    color: #d01b24;
}

.ca-logo img {
    height: 60px;
    max-height: unset;
    width: auto;
}


/* ============================================
                   Header Style 2
============================================ */

.ca-ab-content3 {
    margin-left: 30px;
}

.ca-about-item3 {
    margin-top: 16px;
    margin-bottom: 2px;
    padding: 20px;
}

.ca-about-item3 p {
    color: #5A5D63;
}

.ca-about-item3:after {
    position: absolute;
    content: "";
    background: #d01b24;
    border-radius: 5px;
    height: 100%;
    width: 6px;
    left: 0;
    top: 0;
}

.ca-section-subtitle {
    display: inline-block;
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
    padding: 8px 12px;
    padding-left: 22px;
}

.subtitle-bg-6:after {
    position: absolute;
    content: "";
    height: 14px;
    width: 2px;
    background: #d01b24;
    top: 9px;
    left: 12px;
}

.ca-btn-primary-3 {
    display: inline-block;
    font-weight: 700;
    padding: 10px 16px;
    font-size: 16px;
    line-height: 16px;
    transition: .3s;
    position: relative;
    z-index: 1;
    border-radius: 50px;
}


.ca-btn-primary-3:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #000000;
    z-index: -1;
    transition: .3s;
    transform: scaleX(0);
}

.ca-btn-primary-3:hover:after {
    transform: scaleX(1);
    border-radius: 50px;
}

.ca-btn-primary-3:hover {
    color: #fff;
    transition: .3s;
}

a.ca-btn-primary-3:hover {
    color: #fff;
    transition: .3s;
}


.ca-main-menu {
    text-align: center;
}

.ca-main-menu ul>li {
    display: inline-block;
    position: relative;
}

.ca-main-menu ul li>a {
    color: #1B0901;
    padding: 0px 15px;
    font-size: 16px;
    line-height: 16px;
    display: inline-block;
    transition: .3s;
}

.ca-main-menu ul li:hover>a {
    color: #d01b24;
    transition: .3s;
}

.ca-main-menu ul li .sub-menu {
    position: absolute;
    top: 105%;
    width: 180px;
    left: 0;
    background: #fff;
    text-align: left;
    padding: 16px 0;
    border-radius: 5px;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    z-index: 11;
    box-shadow: 0px 20px 30px rgba(1, 15, 28, 0.1);
}

.ca-main-menu ul li .sub-menu li {
    display: block;
}

.ca-main-menu ul li .sub-menu li a {
    color: #333;
    display: block;
    padding: 10px 18px;
    transition: .3s;
}

.ca-main-menu ul li .sub-menu li:hover>a {
    color: #333;
    transition: .3s;
}

.ca-main-menu ul li .sub-menu li a:hover {
    color: #d01b24;
    transition: .3s;
    padding-left: 26px;
}

.ca-main-menu ul li:hover .sub-menu {
    opacity: 1;
    visibility: visible;
    top: 150%;
}

.ca-main-menu ul li .sub-menu li .sub-menu {
    left: 100%;
    top: 0;
    opacity: 0;
    visibility: hidden;
}

.ca-main-menu ul li .sub-menu li:hover .sub-menu {
    opacity: 1;
    visibility: visible;
}

.ca-main-menu ul li a span {
    font-size: 14px;
    display: inline-block;
}

.ca-about-content-3 .ca-section-title {
    line-height: 52px;
}

.ca-item-ch-title {
    font-size: 16px;
    line-height: 16px;
    color: #00060F;
    font-weight: 600;
}

.ca-ab-sngle-item-ic span {
    height: 20px;
    width: 20px;
    background: #E7EDF6;
    border-radius: 50px;
    display: block;
    line-height: 20px;
    font-size: 10px;
    text-align: center;
    color: #d01b24;
    margin-right: 8px;
}

.ca-ab-sngle-item {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}

.ca-ab-item-check {
    display: grid;
    grid-template-columns: 1fr 1fr;
    display: none;
}

.mobile-box {
    display: none;
}

.ca-abo-single-item {
    position: relative;
    overflow: hidden;
    border-radius: 7px;
}

.ca-abo-hover-item {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-70%);
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    display: none;
}

.ca-abo-hover-title {
    font-size: 32px;
    line-height: 32px;
    font-weight: 600;
    padding-top: 16px;
    color: #fff;
}

.ca-abo-icon span {
    background: #fff;
    height: 60px;
    width: 60px;
    display: inline-block;
    line-height: 60px;
    text-align: center;
    border-radius: 50px;
}

.ca-abo-content p {
    font-size: 18px;
    line-height: 18px;
    padding-top: 12px;
    color: #fff;
    opacity: .8;
}

.ca-abo-single-item:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #d01b24;
    transform: translateX(-100%);
    transition: .3s;
    display: none;
}

.ca-abo-single-item:hover::after {
    transform: translateX(0px);
    transition: .3s;
    right: 0;
}

.ca-abo-single-item:hover .ca-abo-hover-item {
    transition: .3s;
    transform: translateY(-50%);
    opacity: 1;
    visibility: visible;
}

.ca-abo-single-item:hover .sm-img-1,
.ca-abo-single-item:hover .sm-img-2,
.ca-abo-single-item:hover .lar-img-1,
.ca-abo-single-item:hover .lar-img-2 {
    transform: scale(1.2);
}

.lar-img-1 {
    height: 330px;
    object-fit: cover;
    transition: all 0.5s ease;
}

.sm-img-1 {
    height: 220px;
    object-fit: cover;
    transition: all 0.5s ease;
}

.sm-img-2 {
    height: 186px;
    object-fit: cover;
    transition: all 0.5s ease;
}

.lar-img-2 {
    height: 364px;
    object-fit: cover;
    transition: all 0.5s ease;
}

.mb-30 {
    margin-bottom: 30px;
}

.expand-container {
    width: 1320px;
    display: flex;
    padding: 0 20px;
    margin: 0 auto;
    margin-bottom: 30px;
}

.slider-items {
    position: relative;
}

.layer {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.3);
    width: 100%;
    content: "";
    height: 100%;
}

a.ca-sec-primary-3.theme-color-3.br-50 {
    background: #ffffff;
}

a.ca-sec-primary-3.theme-color-3.br-50:hover {
    background: #000;
}

.ca-expand-ic span {
    height: 70px;
    width: 70px;
    background: #ffffff61;
    display: block;
    line-height: 65px;
    text-align: center;
    border-radius: 50px;
}

.ca-expand-title a {
    font-size: 20px;
    line-height: 20px;
    font-weight: 600;
    color: #fff;
    margin-top: 32px;
    margin-bottom: 16px;
    display: block;
}

.expand-slide-ic-box {
    position: absolute;
    background: #d01b24;
    height: 100%;
    width: 100%;
    padding: 48px 32px;
    transition: .3s;
}

.expand-slide-ic-box p {
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    opacity: .8;
}

.slide {
    height: 370px;
    border-radius: 7px;
    margin: 10px;
    cursor: pointer;
    color: #fff;
    flex: 1;
    background-size: cover !important;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    background: #d01b24;
    overflow: hidden;
    transition: .5s;

}

.slide .expand-slide-img {
    height: 370px;
    object-fit: cover;
    width: 100%;
}

.slide h3 {
    position: absolute;
    font-size: 24px;
    bottom: 20px;
    left: 20px;
    margin: 0;
    opacity: 0;
}

.expand-slide-ic-box {
    opacity: 0;
    visibility: hidden;
    left: -100%;
    top: 0;
}

.slide.active .expand-slide-ic-box {
    opacity: 1;
    visibility: visible;
    left: 0;
}

.slide.active {
    flex: 2;
}


.subtitle-bg-7:after {
    position: absolute;
    content: "";
    height: 14px;
    width: 2px;
    background: #fff;
    top: 9px;
    left: 12px;
}

.ca-working-section-3 p {
    color: #eee;
}

.ca-work-ic-box {
    padding: 24px 20px;
    border: 1px solid #000000;
    transition: .3s !important;
    height: 100%;
}

.ca-work-ic-box-img span {
    height: 75px;
    width: 75px;
    background: #ffffff;
    display: block;
    line-height: 50px;
    text-align: center;
    border-radius: 50px;
}

.ca-work-ic-box-content p {
    color: #eee;
}

.ca-work-ic-box:hover {
    background: #191F27;
    transition: .3s;
}

.ca-title a {
    font-size: 20px;
    line-height: 20px;
    transition: .3s;
    font-weight: 600;
    color: #fff;
}

.ca-testimonials {
    padding: 0 70px;
}

.ca-testimonials .owl-nav div.owl-prev {
    right: unset;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.ca-testimonials .owl-nav div.owl-next {
    right: 0;
    left: unset;
    top: 50%;
    transform: translateY(-50%);
}

.ca-testimonials .item {
    background: #ffffff;
    padding: 24px;
    margin: 18px 18px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: 10px;
    min-height: 300px;
}

.ca-test-title-3 {
    color: #00060F;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
}

.ca-test-3-user {
    display: flex;
    align-items: center;
}

.test-3-title {
    font-size: 20px;
    line-height: 20px;
}

.test-3-title a {
    color: #00060F;
    font-weight: 600;
    display: block;
    padding-bottom: 7px;
}

.ca-test-3-user-img {
    margin-right: 16px;
}

.ca-test-3-user-img span {
    height: 60px;
    width: 60px;
    border-radius: 50px;
}

.ca-test-3-user-img span img {
    height: 60px;
    width: 60px;
    border-radius: 50px;
}

.ca-test-3-content p {
    padding-top: 16px;
    padding-bottom: 24px;
    color: #5A5D63;
}

.ca-test-3-rating {
    background: #fff;
    display: flex;
    align-items: center;
    padding: 8px;
    border-radius: 4px;
    margin-bottom: 16px;
}

.ca-ratings-3 {
    color: #d01b24;
    margin-right: 2px;
}

.ca-rating-num-3 {
    color: #00060F;
}

.ca-rating-title-3 {
    font-size: 14px;
    line-height: 14px;
    margin-left: 4px;
}

.ca-testimonial-3 .slick-dots li {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    line-height: 10px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
    background: #CFDAEC;
    border-radius: 50px;
}

.ca-testimonial-3 .slick-dots li.slick-active {
    height: 24px;
    width: 24px;
    background: #CFDAEC;
    line-height: 24px;
}

/* ttest */
.ca-testimonial-3 .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 10px;
    height: 10px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
    background: #CFDAEC;
    border-radius: 50px;
    display: inline-block;
    line-height: 12px;
}

.ca-testimonial-3 li.slick-active {
    background: #CFDAEC;
    height: 28px;
    width: 28px;
    line-height: 28px;
    text-align: center;
    border-radius: 50px;
    color: #d01b24;
}

.ca-testimonial .slick-dots .slick-active button {
    background: #d01b24;
}

.ca-contact-from {
    padding: 32px;
}

.ca-contact-from input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="password"],
input[type="url"],
select,
textarea {
    background: none;
    border: 1px solid #E5E6E7;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="password"],
input[type="url"],
select,
textarea {
    outline: none;
    height: 52px;
    width: 100%;
    line-height: 52px;
    font-size: 16px;
    color: #4A4A49;
    border: 0;
    border-bottom: 2px solid #cfcfcf;
    background: #fff;
    border-radius: 12px;
    font-weight: 400;
    font-family: "Outfit", sans-serif;
    padding-left: 20px;
}

.ca-contact-from.ca-contact-from input {
    border: 1px solid #000000;
    border-radius: 7px;
}

.ca-contact-from.ca-contact-from input[type="submit"] {
    border: none;
}

.ca-contact-from.ca-contact-from-3 textarea {
    border: 1px solid #000000;
    border-radius: 7px;
}

.ca-contact-from-3 .nice-select {
    background: none;
    border: 1px solid #E5E6E7;
}

.ca-location-icbox-img span {
    background: #d01b24;
    height: 60px;
    width: 60px;
    display: block;
    line-height: 60px;
    text-align: center;
    border-radius: 50px;
}

.ca-location-icbox {
    display: flex;
    align-items: center;
    background: #fff;
    padding: 24px;
    border-radius: 7px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    transition: .3s;
}

.ca-location-icbox-text {
    transition: .3s;
}

.ca-location-icbox-img {
    margin-right: 30px;
    color: #ffffff;
    font-size: 28px;
}

.ca-location-icbox-text p {
    color: #5A5D63;
    font-size: 16px;
    line-height: 26px;
    transition: .3s;
}

.ca-location-icbox-text a {
    font-size: 16px;
    line-height: 30px;
    transition: .3s;
    color: #5A5D63;
}

.ca-location-icbox:hover {
    background: #d01b24;
    transition: .3s;
}

.ca-location-icbox:hover .ca-location-icbox-img span {
    background: #d01b24;
    transition: .3s;
}

.ca-location-icbox-img span img {
    transition: .3s;
    filter: brightness(0.5);
}

.ca-location-icbox:hover .ca-location-icbox-img span img {
    filter: brightness(0) invert(1);
    transition: .3s;
}

.ca-location-icbox:hover .ca-location-icbox-text .ca-title {
    color: #fff;
    transition: .3s;
}

.ca-location-icbox:hover .ca-location-icbox-text p {
    transition: .3s;
    color: #fff;
    opacity: .8;
}

.ca-location-icbox:hover .ca-location-icbox-text a {
    transition: .3s;
    color: #fff;
    opacity: .8;
}

.ca-sec-primary-3 span {
    background: #DCE6F7;
}

.ca-sec-primary-3 {
    border: 1px solid #d01b24;
    margin-left: 16px;
    transition: .3s;
    padding: 10px 16px;
    display: inline-block;
    font-weight: 700;
    position: relative;
}

a.ca-sec-primary-3 span {
    height: 32px;
    width: 32px;
    display: inline-block;
    font-size: 18px;
    line-height: 32px;
    text-align: center;
    border-radius: 50px;
    margin-left: 6px;
}

.ca-sec-primary-3:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #d01b24;
    z-index: -1;
    border-radius: 50px;
    transform: scaleX(0);
    transition: .3s;
}

.ca-sec-primary-3:hover {
    color: #fff;
    transition: .3s;
}

.ca-sec-primary-3 span {
    transition: .3s;
}

.ca-sec-primary-3:hover span {
    background: #d01b24;
    transition: .3s;
}

.ca-sec-primary-3:hover:after {
    transform: scale(1.1);
    transition: .3s;
}

.ca-btn-primary-3 span {
    background: #d01b24;
    height: 32px;
    width: 32px;
    display: inline-block;
    line-height: 32px;
    border-radius: 50%;
    text-align: center;
    margin-left: 6px;
    transition: .3s;
}

.ca-btn-primary-3 span svg {
    font-size: 20px;
    line-height: 20px;
    transform: translateY(2px);
}

.ca-btn-cta-3 .cta-btn:hover {
    color: #fff;
}

.ca-btn-cta-3 .cta-btn:hover span {
    color: #d01b24;
    transition: .3s;
}

.ca-work-ic-box:hover .ca-work-ic-box-img span {
    background: #d01b24;
}

.ca-work-ic-box:hover .ca-work-ic-box-img span img {
    filter: invert(1);
    -webkit-filter: invert(1);
}

.ca-accordion-body {
    background: #000000;
    color: #fff;
    padding: 20px 20px 20px 20px;
    border-radius: 10px;
    margin-top: 4px;
}

.ca-accordion-item .accordion-button {
    background: #d01b24;
    font-size: 20px;
    line-height: 32px;
    color: #ffffff;
    font-weight: 600;
    padding: 16px 20px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: 10px;
}

.ca-accordion-item .accordion-button:focus {
    box-shadow: none;
}

.ca-accordion-item .accordion-button:not(.collapsed) {
    background: #d01b24;
    color: #fff;
    padding-bottom: 8px;
}

.ca-accordion-item .accordion-button:not(.collapsed) {
    box-shadow: none;
}

.ca-accordion-item .accordion-button:not(.collapsed)::after {
    filter: brightness(0) invert(1);
}





.ca-footer-email-sub button {
    border: none;
    width: 100%;
    margin-top: 20px;
}

.copry-right-text {
    color: #ffffff;
    text-align: center;
    border-top: 1px solid #ffffff;
}

.copy-right-menu ul li {
    display: inline-block;
    padding-left: 16px;
    margin-left: 16px;
    position: relative;
}

.copy-right-menu ul li:before {
    content: "";
    position: absolute;
    height: 16px;
    width: 2px;
    background: #4A4A49;
    opacity: .2;
    left: 0;
    top: 6px;
}

.copy-right-menu ul li:first-child:before {
    display: none;
}

.copy-right-menu ul li a {
    color: #4A4A49;
}

.copy-right-menu ul {
    margin-right: 14px;
}


.ca-footer-social ul li {
    display: inline-block;
}

.ca-footer-social ul li a {
    display: block;
}

.ca-footer-social ul li a {
    display: block;
    height: 40px;
    width: 40px;
    background: #d01b24;
    line-height: 40px;
    text-align: center;
    color: #E5F9FF;
    font-size: 20px;
    border-radius: 50px;
    margin-right: 16px;
    transition: .3s;
}

.ca-footer-social ul li a:hover {
    background: #000;
    color: #fff;
    transition: .3s;
}

/* scroll top 1 */
#topBtn {
    position: fixed;
    width: 40px;
    height: 40px;
    background: #d01b24;
    bottom: 40px;
    right: 50px;
    border-radius: 50px;
    text-decoration: none;
    text-align: center;
    line-height: 40px;
    color: #fff;
    border: none;
    cursor: pointer;
    display: none;
    outline: none;
    z-index: 9;
}

.ca-footer-menu a {
    color: #ffffff;
    margin: 0 0 10px 0;
    display: inline-block;
}

.ca-footer-menu a:hover {
    color: #d01b24;
}

.ca-footer-menu li:last-child a {
    margin: 0;
}

.ca-expand-ic span img {
    filter: invert(1);
    width: 64%;
}

.ca-work-ic-box-img span img {
    width: 60px;
    margin-top: 8px;
    padding: 8px;
}

.ca-abo-icon span img {
    filter: brightness(0);
}

.ca-offcanvas-logo {
    width: 250px;
}

.ca-offcanvas-menu-3 ul {
    flex-direction: column;
}

.ca-offcanvas-menu-3 ul li {
    padding: 15px 0px 0px 0px;
    font-size: 19px;
}

.ca-offcanvas-contact-info .ca-sm-single-item-4 {
    display: flex;
    align-items: anchor-center;
}

.ca-offcanvas-contact-info .ca-sm-single-item-4 .icon svg {
    padding: 7px;
    color: #e3fbff;
    background: #d01b24;
    margin-right: 15px;
    border-radius: 30px;
    width: 21px;
    height: 21px;
}

h3.ca-offcanvas-sm-title {
    margin-bottom: 24px;
}

section.page-header {
    width: 100%;
    position: relative;
}

.page-header__content {
    position: absolute;
    top: 44%;
    position-area: center;
    color: #fff;
    justify-items: center;
    padding: 15px;
    text-align: center;
}

ul.cityride-breadcrumb.list-unstyled {
    display: flex;
    justify-content: center;
    align-items: center;
}

ul.cityride-breadcrumb li {
    font-size: 18px;
    padding: 0 10px 0 0;
}

ul.cityride-breadcrumb li:last-child {
    padding: 0;
}

ul.cityride-breadcrumb a {
    color: #d01b24;
    position: relative;
    padding-right: 10px;
}

h2.page-header__title {
    font-size: 49px;
    text-transform: capitalize;
    color: #ffffff;
    margin-bottom: 12px;
}

ul.cityride-breadcrumb a:after {
    clip-path: polygon(0 0, 100% 50%, 0 100%, 50% 50%);
    position: absolute;
    right: -5px;
    width: 10px;
    height: 10px;
    background: #fff;
    content: "";
    top: 8px;
}

.page-header__bg:after {
    position: absolute;
    width: 100%;
    height: -webkit-fill-available;
    background: #00000080;
    top: 0;
    left: 0;
    content: "";
}

.ca-iner-ch-box-content {
    background: #fff;
    padding: 16px 16px;
    border-radius: 7px;
    border-left: 6px solid #d01b24;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    height: 100%;
}

.page-header__bg {
    position: relative;
}

.ca-choose-img img {
    border-radius: 10px;
}

.booking-area {
    /* position: relative;
  margin-top: -70px;
  z-index: 2; */
    width: 100%;
}

.booking-form {
    padding: 30px 30px;
    background: #d01b24;
    /* box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; */
    border-radius: 16px;
    /*   margin: 70px 0px; */
}

.booking-title {
    font-size: 32px;
    margin-bottom: 0px;
    color: white;
    text-align: center;
    font-weight: 700;
    margin-bottom: 20px;
}

.booking-form .form-group {
    position: relative;
    margin: 0 0 20px 0;
}

.booking-form .form-group br {
    display: none;
}

.booking-form .form-group svg {
    position: absolute;
    right: 20px;
    top: 20px;
    color: #858585;
}

.booking-form .form-group label {
    margin-bottom: 2px;
    color: #000;
}

.booking-form .form-select,
.booking-form .form-control {
    padding: 13px 13px;
    border-radius: 12px;
    font-size: 16px;
    box-shadow: none;
}

.booking-form .form-select:focus,
.booking-form .form-control:focus {
    border-color: var(--theme-color);
}

.booking-form .theme-btn {
    width: 100%;
    padding: 11px 8px 12px 18px;
    background: #000000;
    border-radius: 10px;
    border: 0px;
    color: white;
}

.booking-form .theme-btn::before {
    width: 360px;
    height: 360px;
}

.form-radio-box {
    padding: 13px 13px;
    border-radius: 12px;
    font-size: 16px;
    box-shadow: none;
    background: #fff;
}

/* ===================
21. Date picker css 
====================== */

.ui-datepicker .ui-datepicker-header .ui-corner-all>span,
.ui-datepicker .ui-datepicker-header .ui-state-hover>span {
    display: none;
}

.ui-datepicker.ui-widget-content {
    border: none;
    padding: 8px;
    border-radius: 8px;
    box-shadow: 0 3px 24px rgb(0 0 0 / 10%);
}

.ui-datepicker .ui-datepicker-header .ui-corner-all,
.ui-datepicker .ui-datepicker-header .ui-state-hover {
    cursor: pointer;
    border: 0;
    background: none;
    font-weight: 500;
    top: 3px;
}

.ui-datepicker .ui-datepicker-prev:after {
    content: "\f100";
    left: 5px;
    top: 0px;
    position: absolute;
    color: var(--color-white);
    font-family: "Font Awesome 6 Pro";
}

.ui-datepicker .ui-datepicker-next:after {
    content: "\f101";
    right: 5px;
    top: 0px;
    position: absolute;
    color: var(--color-white);
    font-family: "Font Awesome 6 Pro";
}

.ui-datepicker .ui-widget-header {
    background: var(--theme-color);
    color: var(--color-white);
    border: none;
    border-radius: 8px;
}

.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: 0.2em;
    text-align: center;
    text-decoration: none;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: none;
    border-radius: 8px;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: none;
    background: rgba(255, 179, 0, .6);
    color: var(--color-white);
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    background: var(--theme-color);
    color: var(--color-white);
}


/* ===================
22. Time picker css 
====================== */

.ui-timepicker-standard {
    border: none !important;
    background: var(--color-white);
    border-radius: 10px;
    box-shadow: 0 3px 24px rgb(0 0 0 / 10%);
    z-index: 2 !important;
}

.ui-timepicker-standard a {
    border: none !important;
    transition: none !important;
    border-radius: 8px;
}

.ui-timepicker-standard a:hover {
    background: var(--theme-color);
    color: var(--color-white);
}

button.theme-btn {
    background: #d01b24;
    border-radius: 67px;
    color: #fff;
    font-size: 19px;
    FONT-WEIGHT: 600;
    padding: 7px;
}

button.theme-btn svg {
    background: #d01b24;
    height: 18px;
    width: 19px;
    display: inline-block;
    line-height: 32px;
    border-radius: 50%;
    text-align: center;
    margin-left: 9px;
    transition: .3s;
    padding: 6px;
    margin-bottom: -5px;
}

.ca-value-cbox {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    height: 126px;
    padding: 25px;
}

.ca-value-cbox:hover {
    background: #d01b24;
    transition: .3s;
    color: #fff;
}

.ca-value-img img {
    height: 615px;
    width: 100%;
    object-fit: cover;
}

.ca-ft-area-2 {
    position: relative;
}

.ca-ft-area-2 .NDIS-logo img {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 118px;
    z-index: 9;
}

.services-item {
    position: relative;
    padding: 12px 12px 20px;
    border-radius: 21px;
    background: #fff;
    box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);
    margin-bottom: 20px;
    box-shadow: rgba(50, 50, 93, 0.10) 0px 13px 27px -5px, rgba(0, 0, 0, 0.2) 0px 8px 16px -8px;
}

.services-item .service-img img {
    border-radius: 21px;
    aspect-ratio: 3 / 2;
    object-fit: cover;
}

.services-item .service-icon {
    position: absolute;
    padding: 14px;
    background: #d01b24;
    width: 75px;
    border-radius: 69px;
    right: 42px;
    margin-top: -50px;
}

.ca-contact-from {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.services-item .service-content {
    padding-top: 35px;
}

h3.service-title a {
    color: #d01b24;
    font-size: 22px;
}

.services-item .service-icon img {
    filter: invert(1);
}

.services-item .service-content h3,
.services-item .service-content p {
    margin-bottom: 2px;
}

.services-item .service-content h3 {
    display: -webkit-box;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}

.services-item .service-content p {
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}

.service-arrow {
    margin: 10px 0 0 0;
}

.ca-servic-list {
    padding: 20px;
    border-radius: 10px;
    background: #dbf8ff;
}

.ca-servic-list h3.ca-ser-list-title {
    font-size: 16px;
    padding: 8px 12px 8px 17px;
    background: #fff;
    margin-bottom: 7px;
    border-radius: 26px;
}

.ca-servic-list h3.ca-ser-list-title a svg {
    padding: 7px;
    background: #d01b24;
    color: #ffff;
    border-radius: 20px;
}

.ca-about-3 .ca-choose-img img {
    height: 480px;
    object-fit: cover;
}

.ca-servic-list h3.ca-ser-list-title a {
    color: #000;
}

.service-form {
    background: #eee;
    padding: 21px;
    border-radius: 20px;
    width: fit-content;
}

input.wpcf7-form-control.wpcf7-submit.has-spinner.ca-btn-primary-22 {
    background: #d01b24;
    border: 0px;
    padding: 10px 20px;
    border-radius: 30px;
    color: white;
    width: 100%;
}

input.wpcf7-form-control.wpcf7-submit.has-spinner.ca-btn-primary-22:hover {
    background: #3e3e3e;
}

/* input.wpcf7-form-control.wpcf7-email.wpcf7-validates-as-required.wpcf7-text.wpcf7-validates-as-email {
    margin-bottom: 14px;
    border: 1px solid black;
} */
.form-group label {
    display: none;
}

.form-group span label {
    display: block;
}

section.ca-about-3.pt-100.pb-70 {
    background: #f3f3f3;
}

section.contact-3-area.cream-bg-3.pt-100.pb-70 {
    background: #f3f3f3;
}

footer.ca-ft-area-2.off-wh.p-relative.z-index-1.pt-100 {
    background: #000000;
}

/* popup css starts */


.home-popup .modal-header {
    display: flex;
    justify-content: space-between;
}

.popup-form {
    width: 100%;
    cursor: pointer;
}

.popup-form br {
    display: none;
}

.popup-form .wpcf7-not-valid-tip {
    margin: 0 0 10px 0;
}

.popup-close {
    width: 30px;
    height: 30px;
    font-size: 15px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: #d01b24;
    color: #fff;
    outline: none;
    border: none;
}

.popup-close:hover {
    background: #000;
}

.popup-input[type="text"],
.popup-input[type="tel"],
.popup-input[type="email"] {
    width: 100%;
    margin: 0 0 15px 0;
    border: 1px solid rgba(7, 17, 6, 0.1);
    background: #fff;
    border-radius: 4px;
    padding: 10px;
    outline: none;
    transition: all 0.3s ease;
}

.popup-input:focus {
    border-color: #d01b24;
}

.popup-form select {
    width: 100%;
    margin: 0 0 15px 0;
    border: 1px solid rgba(7, 17, 6, 0.1);
    background: #fff;
    border-radius: 4px;
    padding: 10px;
    outline: none;
    transition: all 0.3s ease;
}

.popup-form .select2-container--default .select2-selection--single .select2-selection__arrow {
    position: absolute;
    top: 50% !important;
    right: 1px;
    width: 20px;
    transform: translateY(-50%) !important;
    height: auto !important;
}

.popup-form .select2-container .select2-selection--single .select2-selection__rendered {
    padding: 10px !important;
    height: auto !important;
    line-height: normal !important;
}

.popup-form .select2-container .select2-selection--single {
    height: auto !important;
}

.popup-form .select2-container {
    width: 100% !important;
    margin: 0 0 15px 0;
}

.popup-form .select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}

.popup-form .select2-container--default .select2-selection--single {
    border-radius: 4px !important;
    background-color: #fff !important;
    border: 1px solid rgba(7, 17, 6, 0.1) !important;
    transition: all 0.3s ease;
}

.popup-form .select2-container--default .select2-selection--single:focus {
    border-color: #d01b24 !important;
}

.popup-form .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 15px;
    color: #6a6969;
    font-size: 400;
}

.select2-results__option--selectable {
    font-size: 13px !important;
}

.select2-results__options::-webkit-scrollbar {
    width: 4px;
}

.popup-area {
    width: 100%;
    height: 100px;
    border: 1px solid rgba(7, 17, 6, 0.1);
    background: #fff;
    border-radius: 4px;
    color: #45464b;
    padding: 10px;
    outline: none;
    transition: all 0.3s ease;
}

.popup-area:focus {
    border-color: #d01b24;
}

.popup-submit {
    width: 100%;
    border-radius: 5px;
    padding: 10px 0;
    border: none;
    outline: none;
    margin: 15px 0 0 0;
    background: #d01b24;
    color: #fff;
}

.popup-submit:hover {
    background: #000;
}

.home-popup .modal-body {
    padding: 10px 15px 15px 15px;
}

/* popup css ends */

.ca-btn-primary-3[type="submit"] {
    border: none;
}

.ca-btn-primary-3[type="submit"]:hover {
    background: #000;
}

.service-detail-text-box {
    width: 95%;
}

.service-detail-img {
    margin: 10px 0 0 0;
}

.service-detail-img img {
    width: 100%;
    aspect-ratio: 3 / 2;
    max-height: unset;
}

.service-detail-text h3,
.service-detail-text h4 {
    margin: 20px 0 0 0;
    color: #d01b24;
}

.service-detail-text p {
    margin: 20px 0 0 0;
}

.service-detail-text p b,
.service-detail-text strong {
    color: #a3a3a3;
}

.service-detail-text ul li,
.service-detail-text ol li {
    margin: 20px 0 0 0;
    list-style-position: inside;
}

.service-detail-text ul li {
    list-style-type: square;
}

.service-detail-text ol li {
    list-style-type: decimal;
}

.service-detail-text ul li b,
.service-detail-text ol li b,
.service-detail-text ul li strong,
.service-detail-text ol li strong {
    color: #d01b24;
}

.service-sidebar {
    position: sticky;
    top: 130px;
}

#wpadminbar {
    display: none;
}

/* pagination css starts */

.pagination {
    margin: 20px 0 0 0;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
}

.pagination .page-numbers {
    display: grid;
    place-items: center;
    padding: 5px 15px;
    background: #000;
    color: #fff;
}

.pagination .page-numbers:hover {
    background: #d01b24;
}

.pagination .page-numbers.current {
    background: #d01b24;
}

.contact-map {
    width: 100%;
    height: 450px;
}

.contact-map iframe {
    width: 100%;
    height: 100%;
}

/* main css ends */

/* Responsive css starts */

@media screen and (max-width:1399.2px) {
    .container {
        max-width: 90%;
        margin: 0 auto;
    }

    .slider-items img {
        height: 700px;
    }

    h2.page-header__title {
        font-size: 48px;
    }

}

@media only screen and (max-width:1351px) {
    h2.page-header__title {
        font-size: 45px;
    }
}

@media only screen and (max-width:1301px) {
    h2.page-header__title {
        font-size: 42px;
    }
}

@media only screen and (max-width:1281px) {
    h2.page-header__title {
        font-size: 40px;
    }
}

@media screen and (max-width:1255.2px) {
    .owl-nav div {
        width: 40px;
        height: 40px;
        line-height: normal;
        padding: 0;
        display: grid;
        place-items: center;
        font-size: 20px;
    }

    .ca-testimonials .owl-nav div.owl-next,
    .ca-testimonials .owl-nav div.owl-prev {
        width: 40px;
        height: 40px;
        font-size: 20px;
    }

    .pt-100 {
        padding-top: 40px;
    }

    .pb-70 {
        padding-bottom: 40px;
    }

    .booking-area {
        margin: 40px 0;
    }


  

    h2.page-header__title {
        font-size: 38px;
    }

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

    .contact-map {
        height: 400px;
    }

    .ca-about-3 .mb-70 {
        margin-bottom: 40px;
    }
}

@media only screen and (max-width:1201px) {

    .ca-test-3-rating,
    .ca-test-3-user {
        flex-wrap: wrap;
        gap: 5px;
    }

    .ca-working-section .row {
        justify-content: center;
    }

    .ca-testimonials {
        padding: 0 60px;
    }

    .ca-testimonials .item {
        padding: 15px;
        margin: 10px;
/*         min-height: 620px; */
    }

    .slider-items img {
        height: 650px;
    }

    h2.page-header__title {
        font-size: 35px;
    }
}

@media only screen and (max-width:1051px) {
    .ca-btn-primary-3 span {
        width: 24px;
        height: 24px;
        line-height: 24px;
    }

   
}

@media only screen and (max-width:991.2px) {
    .slider-items img {
        height: 600px;
    }

    .carousel-caption {
        padding: 100px 0 50px 0 !important;
    }

    .desktop-box {
        display: none;
    }

    .mobile-box {
        display: block;
        margin: 20px 0 0 0;
    }

   

    .ca-about-content-3 p {
        padding: 0 !important;
        margin: 0 0 15px 0;
    }

    .owl-nav div {
        width: 30px;
        height: 30px;
        font-size: 15px;
    }

    .ca-testimonials .owl-nav div.owl-next,
    .ca-testimonials .owl-nav div.owl-prev {
        width: 30px;
        height: 30px;
        font-size: 15px;
    }

    .ca-testimonials {
        padding: 0 50px;
    }

    .contact-3-area .contact-home-row {
        flex-direction: column-reverse;
    }

    .ca-form-loca-3.ml-50 {
        margin-left: 0;
    }

    .ca-faq-img-2 {
        display: none;
    }

    .ca-acordion-area.ml-50 {
        margin-left: 0;
    }

    .ca-footer-social ul li a {
        width: 30px;
        height: 30px;
        font-size: 15px;
        line-height: 30px;
        margin-right: 10px;
    }

    .ca-footer-social ul li:last-child a {
        margin-right: 0;
    }

    .ca-about-content-3 .ca-section-title {
        line-height: normal;
    }

    .ca-faq-content p {
        padding: 15px 0 0 0 !important;
    }

    .booking-form {
        padding: 25px;
    }

    .ca-ft-area-2 .NDIS-logo img {
        width: 90px;
    }

    .ca-offcanvas-sm-title {
        font-size: 24px;
    }

    .ca-ab-content3 {
        margin-left: 0;
    }

    .ca-offcanvas-logo img {
        height: auto;
        max-width: 150px;
        max-height: unset;
    }

    .ca-offcanvas-menu-3 ul li {
        font-size: 16px;
    }

    h2.page-header__title {
        font-size: 32px;
        margin-bottom: 5px;
    }

    .page-header__bg {
        height: 300px !important;
    }

    .page-header__content {
        top: 55%;
    }

    .services-item .service-icon {
        width: 60px;
        margin-top: -35px;
    }

    ul.cityride-breadcrumb li {
        font-size: 16px;
    }

    .service-detail-img {
        margin: 0;
    }

    .service-detail-text-box {
        width: 100%;
    }

    .service-detail-text p,
    .service-detail-text h3,
    .service-detail-text h4,
    .service-detail-text ul li {
        margin: 15px 0 0 0;
    }

    .service-sidebar {
        position: static;
        margin: 30px 0 0 0;
        display: flex;
        flex-direction: column-reverse;
        gap: 30px;
    }

    .ca-servic-list.mb-30 {
        margin-bottom: 0;
    }

    .service-form {
        width: 100%;
        padding: 20px;
    }

    .service-form .col-md-6.mb-20,
    .service-form .col-md-12.mb-20 {
        margin-bottom: 15px;
    }

    .contact-map {
        height: 380px;
    }

    .ca-about-item3 {
        margin-bottom: 15px;
    }

    .about-text-box.mb-30 {
        margin-bottom: 0;
    }

    .ca-choose-img {
        margin-bottom: 20px;
    }

    .ca-about-3 .ca-choose-img img {
        height: auto;
        aspect-ratio: 3 / 2;
    }

    .ca-about-3 .mb-70 {
        margin-bottom: 20px;
    }

    .ca-value-img.mr-50 {
        margin-right: 0;
    }

    .ca-value-img img {
        height: auto;
        aspect-ratio: 3 / 2;
    }

    .mission-row {
        gap: 30px;
    }

    .ca-iner-ch-box-content {
        height: auto;
    }

    .ca-iner-ch-box-content.mb-20 {
        margin-bottom: 0;
    }

    .about-inner-box.pb-70 {
        padding-bottom: 30px;
    }

    .value-text {
        padding-bottom: 0 !important;
    }

    .value-text p {
        margin-bottom: 10px;
    }

    .popup-input[type="text"],
    .popup-input[type="tel"],
    .popup-input[type="email"],
    .popup-form select {
        margin: 0 0 10px 0;
    }

}

@media only screen and (max-width:767.2px) {
    .footer-row {
        gap: 40px;
    }

    .ca-footer .ca-title.pb-24 {
        padding-bottom: 15px;
    }


    .footer-row .col-md-6.mb-30 {
        margin: 0;
    }

    .copry-right-text {
        padding: 10px 0 !important;
    }

    .ca-location-icbox {
        padding: 20px;
    }

    h2.page-header__title {
        font-size: 30px;
    }

    .contact-map {
        height: 360px;
    }

    .ca-ft-area-2 .NDIS-logo img {
        width: 80px;
    }
}

@media only screen and (max-width: 744px) {
    .ca-testimonials .item {
        min-height: 360px;
    }
}

@media only screen and (max-width: 701px) {
    .ca-testimonials .item {
/*         min-height: 400px; */
    }
}

@media only screen and (max-width:651px) {
    .carousel-caption.col-7 {
        width: 80%;
        left: 10%;
        right: 10%;
    }
	
	.carousel-caption.col-7 {
        width: 96%;
        left: 2%;
        right: 2%;
		bottom: 24%;
    }
	
	.owl-nav div {
        width: 40px;
        height: 40px;
        line-height: normal;
        padding: 0;
        display: grid
;
        place-items: center;
        font-size: 20px;
    }

    .contact-map {
        height: 350px;
    }
}

@media only screen and (max-width: 631px) {
    .ca-testimonials .item {
        min-height: 420px;
    }
		
	
}

@media only screen and (max-width: 601px) {
    .ca-testimonials .item {
        min-height: unset;
    }
}

@media only screen and (max-width:575.2px) {
    .carousel-caption p {
        display: none;
    }

    .slider-items img {
        height: 500px;
    }

    .carousel-caption {
        padding: 0 0 100px 0 !important;
    }

    .sm-img-one,
    .sm-img-two,
    .lar-img-two {
        display: none;
    }

    .ca-offcanvas {
        max-width: 90%;
    }

    .ca-offcanvas-sm-title {
        font-size: 22px;
    }

    .lar-img-1 {
        height: 300px;
    }

    .hero3-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        gap: 10px;
    }

    a.ca-sec-primary-3 span {
        height: 24px;
        width: 24px;
        font-size: 12px;
        line-height: 24px;
    }

    .ca-sec-primary-3 {
        margin-left: 0;
    }

    .ca-location-icbox {
        flex-direction: column;
        justify-content: center;
        text-align: center;
        gap: 10px;
    }

    .ca-location-icbox-img {
        margin-right: 0;
    }

    h2.page-header__title {
        font-size: 28px;
    }

    ul.cityride-breadcrumb li {
        font-size: 14px;
    }

    ul.cityride-breadcrumb a:after {
/*         width: 56px;
        height: 8px; */
        top: 5px;
    }

    .contact-map {
        height: 300px;
    }

    .ca-ft-area-2 .NDIS-logo img {
        width: 11420px;
    }

}

@media only screen and (max-width: 501px) {
    .carousel-caption {
        padding: 0 0 0px 0 !important;
		
    }
	    .container {
        max-width: 99%;
        margin: 0 auto;
    }

    .lar-img-1 {
        height: 250px;
    }

    h2.page-header__title {
        font-size: 25px;
    }

    .contact-map {
        height: 250px;
    }

    .ca-ft-area-2 .NDIS-logo img {
        width: 65px;
    }

}

@media only screen and (max-width: 451px) {

    .ca-location-icbox-text p,
    .ca-location-icbox-text a {
        font-size: 10px;
    }
}

@media only screen and (max-width: 411px) {
    .carousel-caption {
        padding: 0 0 0px 0 !important;
    }
}

@media only screen and (max-width: 401px) {
    .carousel-caption {
        padding: 0 0 30px 0 !important;
    }
}

@media only screen and (max-width:376px) {

    .booking-form .form-select,
    .booking-form .form-control {
        font-size: 13px;
    }

    .form-group span label {
        display: flex;
        align-items: center;
        gap: 5px;
        font-size: 13px;
    }

    .form-radio-box .wpcf7-list-item.first {
        margin: 0;
    }

    .page-header__bg {
        height: 280px !important;
    }
}
.ca-ft-content-2.mb-24 p {
    color: white;
}
.ca-ft-content p {
    color: white;
}
h2.ca-about-title.theme-black-2.fnw-600.pt-16.ca-text-cap {
    color: #d01b24;
}
.wpcf7-not-valid-tip {
    color: #ffffff !important;
    font-size: 1em;
    font-weight: normal;
    display: block;
}
/* Responsive css ends */

/* 05/09/2025 */
.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450;
    color: #46b450;
}

section.ca-about-3.cream-bg-3.pt-100.wow.animate__.animate__fadeInUp.animated h4 {
    color: black;
}

span.wpcf7-not-valid-tip {
    color: black !important;
}

section.booking-area.wow.animate__.animate__fadeInUp.animated {
    padding: 70px 0;
}

section.ca-working-section.theme-black-bg-3.pt-100.pb-70 h4 {
    font-size: 20px;
}