/* home page style */
.about_title01{
    display: none;
    margin-bottom: 20px;
}
.service_list_wrap {
    border: 1px solid #1E4573;
    display: inline-block;
    width: 100%;
    padding: 12px;
    text-decoration: none;
    transition: all .5s linear;
    margin-bottom: 20px;
    transition: all .5s linear;
    background: #02244C;
    height: 330px;
	overflow: hidden;
}
.service_list_wrap:hover {
    box-shadow: 2px 2px 10px 6px #DD272080;
    border-color: #DD2720;
    transition: all .5s linear;
}
.service_list_img {
/*     background: #001228; */
    height: 230px;
    position: relative;
    overflow: hidden;
}
.cars_img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
    transition: all .5s linear;
	will-change: transform;
}
.service_list_wrap:hover .cars_img {
    transform: scale(1.02);
    transition: all .5s linear;
    opacity: .5;
}
.service_title h5 {
    font-size: 18px;
    text-transform: capitalize;
    color: #FFFFFF;
    margin: 0;
    font-family: "helvetica-neue-light";
}
.service_title {
    padding: 15px 0px 0px;
}
.service_title span {
    color: #DD2720;
    font-size: 14px;
    margin-bottom: 5px;
    display: block;
}
.hm_brands_wrap {
    height: 200px;
    border: 1px solid #1E4573;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background: #011E41;
}
.brand_bg {
    position: absolute;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all .5s linear;
}
.hm_brands_wrap:hover .brand_bg{
    opacity: 1;
    transition: all .5s linear;
}
.hm_brands_wrap:hover{
    border-color: #DD2720;
    transition: all .5s linear;
}
.brand_logo {
    width: 90px !important;
    height: 90px;
    object-fit: contain;
    position: relative;
    z-index: 9;
}
.btn_centre {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 80px;
}
.car_image {
    text-align: center;
}
.why_choose {
    position: relative;
}
.why_choose ul{
    padding: 0;
    margin: 0;
    list-style: none;
}
.why_choose ul li h5{
    color: #FFFFFF;
    font-size: 20px;
    display: flex;
    gap: 10px;
    border-bottom: 1px solid #2B4E7A;
    padding-bottom: 15px;
    margin-bottom: 15px;
    align-items: center;
}
.why_choose ul li {
    width: 360px;
    position: absolute;
}
.why_choose ul li:nth-child(1){
    top: 50px;
    left: 0;
}
.why_choose ul li:nth-child(2){
    right: 0;
    top: 50px;
}
.why_choose ul li:nth-child(3){
    bottom: 50px;
    left: 0;
}
.why_choose ul li:nth-child(4){
    bottom: 50px;
    right: 0;
}
.why_choose_mob{
    display: none;
}
.why_choose_mob_wrap h5 {
    color: #FFFFFF;
    font-size: 16px;
    display: flex;
    gap: 10px;
    text-transform: uppercase;
    border-bottom: 1px solid #2B4E7A;
    padding-bottom: 15px;
    align-items: center;
    margin-bottom: 15px;
}
.why_choose_mob_wrap {
    background: #011E41;
    padding: 20px;
    border: 1px solid #ffffff12;
    border-radius: 10px;
    margin: 10px 0px;
}
.why_choose_mob_wrap h5 img {
    width: 30px;
}
.width_88 {
    width: 88%;
    margin: auto;
}
.car_image img {
    width: 27%;
}
.faq_left {
    height: 400px;
    overflow: hidden;
}
.faq_left img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.faq_right .accordion-item {
    background: transparent;
    border-color: #BBBBBB;
}
.faq_right .accordion-button {
    background: transparent;
    padding: 25px 0px;
    color: #131212;
    font-size: 16px;
    font-weight: 500;
}
.faq_right .accordion-button::after {
    background-image: url(../images/accordian-btn.svg);
    width: 35px;
    height: 35px;
    background-size: 35px;
}
.faq_right .accordion-button:focus {
    border-bottom: 0;
    outline: 0;
    box-shadow: none;
}
.faq_right .accordion-body {
    padding: 20px 0px;
}
.faq_right {
    margin-left: 40px;
}
/* cta */
#cta {
    position: relative;
    padding: 200px 0px;
    overflow: hidden;
}
.car_cta {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.cta h5 {
    color: #FFFFFF;
    margin: 0;
    font-size: 56px;
    text-transform: uppercase;
}
.cta_img {
    width: 230px;
    height: 280px;
    object-fit: cover;
}
.cta_centre {
    position: relative;
    z-index: 9;
    transition: all .5s linear;
}
.cta_img1{
    position: relative;
    z-index: 9;
}
.cta_img2 {
    position: absolute;
    left: 24px;
    top: -10px;
    transform: rotate(10deg);
    transition: all .5s linear;
}
.cta_centre:hover .cta_img2 {
    transform: rotate(0deg);
    transition: all .5s linear;
}
.car_cta {
  transition: transform 0.2s ease;
  will-change: transform;
  pointer-events: none; /* ensures it doesn't block mouse movement */
}
.cta_centre a {
    width: 50px;
    height: 48px;
    background: #DD2720;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    position: absolute;
    bottom: -25px;
    z-index: 999;
    left: 50%;
    transform: translate(-50%, -0%);
}
.cta_centre a img{
    animation-name: bounceAlpha2;
    animation-duration: 1.4s;
    animation-delay: 0.2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@keyframes bounceAlpha2{
    0% {
    opacity: 1;
    transform: translateX(0px) scale(1);
}
25% {
    opacity: 0;
    transform: translate(20px, -20px) scale(0.9);
}
26% {
    opacity: 0;
    transform: translate(-20px, 20px) scale(0.9);
}
55% {
    opacity: 1;
    transform: translateX(0px) scale(1);
}
}
.cta_vector {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* footer */
.footer {
    background: #001836;
}
.ftr_top {
    height: 190px;
    border-bottom: 1px solid #ffffff12;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.ftr_top::after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 180px;
    height: 100%;
    background-image: url(../images/ftr-shape1.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left;
    text-decoration: blink;
	-webkit-animation-name: blinker1;
	-webkit-animation-duration: 0.6s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
}
.ftr_top::before{
    position: absolute;
    content: '';
    right: 0;
    top: 0;
    width: 180px;
    height: 100%;
    background-image: url(../images/ftr-shape2.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
    text-decoration: blink;
	-webkit-animation-name: blinker2;
	-webkit-animation-duration: 0.9s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
}
@-webkit-keyframes blinker1 {
  from {opacity: 1.0;}
  to {opacity: 0.6;}
}
@-webkit-keyframes blinker2 {
  from {opacity: 1.0;}
  to {opacity: 0.6;}
}
.ftr_bottom {
    padding: 50px 100px 30px;
}
.ftr_title {
    color: #ffffff6b;
    font-size: 11px;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.quick_links a {
    color: #FFFFFF!important;
    font-size: 15px;
    text-decoration: none;
    display: flex;
    margin-bottom: 15px;
    font-family: "helvetica-neue-light";
    transition: all .5s linear;
}
.timing span {
    color: #FFFFFF !important;
    font-size: 15px;
    display: flex;
    margin-bottom: 15px;
    font-family: "helvetica-neue-light";
    transition: all .5s linear;
}
.quick_links a:hover{
    color: #DD2720!important;
    transition: all .5s linear;
}
.ftr_address a {
    width: 225px;
}
.ftr_mail {
    margin-top: 30px;
}
.timing {
    margin-top: 55px;
}
footer {
    padding-bottom: 45px;
    padding-top: 45px;
}
.copy_right {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 100px;
    border-top: 1px solid #ffffff12;
}
.copy_right p {
    margin: 0;
    font-size: 13px;
    color: #ffffff73;
    font-family: "helvetica-neue-light";
}
.copy_right p a {
    color: #ffffff73;
    text-decoration: none;
}
.ftr_social_media a {
    width: 38px;
    height: 38px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #022247;
    color: #dd2720;
    font-size: 18px;
    transition: all .5s linear;
}
.ftr_social_media a:hover {
    background: #dd2720;
    color: #ffffff;
    transition: all .5s linear;
}
.ftr_social_media {
    display: flex;
    gap: 10px;
}
.car_image img {
    will-change: transform;
    transition: transform 0.3s ease-out;
    position: relative;
}
.hm_about_left h5 {
    color: #131212;
    font-size: 24px;
    margin: 15px 0px;
    width: 420px;
}
.hm_about_left {
    height: 100%;
    display: grid;
    align-content: space-between;
    width: 465px;
}
.hm_about_right {
    height: 540px;
    overflow: hidden;
    background: #001F45;
    position: relative;
    margin-top: -120px;
}
.hm_about_right img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
    opacity: .7;
}
.about_bg {
    position: absolute!important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 250px!important;
    height: 250px!important;
    object-fit: contain!important;
    opacity: 1!important;
}
#hm_services {
    padding-bottom: 100px;
    position: relative;
    overflow: hidden;
}
#hm_services .container{
    position: relative;
    z-index: 9;
}
.service_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#hm_about {
    background: #CBD1D8;
}
#hm_about .common_title{
    font-family: "helvetica-neue-roman";
}
.bg_light .common_title{
    font-family: "helvetica-neue-roman";
}
.why_choose {
  position: relative;
  /* overflow: hidden; */
}

.car_image img {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 0.5s ease, transform 0.5s ease;
}

.why_choose ul li {
  opacity: 0;
  transform: translateY(30px);
}
.cta_centre {
  transition: transform .5s ease-out;
  will-change: transform;
}
:root{
  --color-text:#000;
  --colog-bg:#000;
  --color-bg-accent:#FFE018;
  --size:clamp(10rem, 1rem + 36vmin, 35rem);
  --gap:calc(var(--size) / 14);
  --duration:60s;
  --scroll-start:0;
  --scroll-end:calc(-100% - var(--gap));
}

.marquee{
  display: flex;
  overflow: hidden;
  user-select: none;
}
.marquee_group{
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
  min-width: 100%;
  animation: scroll-x var(--duration) linear infinite;
}
.marquee-reverse .marquee_group{
  animation-direction: reverse;
  animation-delay: -3s;
}
@keyframes scroll-x{
  from{transform: translateX(var(--scroll-start));}
  to{transform: translateX(var(--scroll-end));}
}
.marquee .fa {
    display: grid;
    width: var(--size);
}
.wrapper{
  flex-direction: column;
}
.mob_car_img {
    display: flex;
    align-items: center;
    justify-content: center;
}
.mob_car_img img {
    width: 50%;
    height: 70%;
    object-fit: contain;
}
.mob_car_img img {
    transform: translateY(-100px);
    opacity: 0;
  }

  .why_choose_mob_wrap {
    opacity: 0;
    transform: translateY(30px);
  }

  /* contact page */
    .contact_input_wrap{
        margin-bottom: 20px;
    }
  .contact_input_wrap label{
    color: #FFFFFF;
    font-size: 12px;
    text-transform: capitalize;
    margin-bottom: 10px;
    font-family: "helvetica-neue-light";
  }
  .contact_input{
    border: 0;
    background: #183252;
    border-radius: 8px;
    padding: 10px 20px;
    outline: none;
    box-shadow: none;
    width: 100%;
    color: #fff;
  }
  .contact_input::placeholder{
    color: #ffffff4d;
    font-size: 12px;
    text-transform: capitalize;
  }
  .contact {
    width: 83%;
    margin: auto;
}
.contact_input_wrap textarea {
    height: 220px;
    resize: none;
}
.input_btn {
    background: transparent;
    border: 0;
    color: #fff;
    padding: 12px 15px;
}
.contact_right ul {
    padding: 0;
    margin: 32px 0px 0px 0px;
    list-style: none;
}
.contact_right ul li {
    display: flex;
    align-items: center;
    background: #183252;
    border-radius: 8px;
    padding: 25px 30px;
    margin-top: 20px;
    border: 1px solid #dd262000;
    transition: all .5s linear;
}
.contact_right ul li:hover {
    border: 1px solid #dd2720;
    transition: all .5s linear;
}
.contact_right ul li span{
    width: 60px;
    height: 60px;
    background: #DD2720;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
}
.contact_right ul li:hover span img{
    animation: bounce2 3s ease infinite alternate;
} 
@keyframes bounce2{
    0%, 100%, 20%, 53%, 80% {
    transform: translate3d(0, 0, 0);
}
40%, 43% {
    transform: translate3d(0, -5px, 0);
}
70% {
    transform: translate3d(0, -5px, 0);
}
90% {
    transform: translate3d(0, -1px, 0);
}
}
.contact_right ul li h6 {
    color: #ffffff80;
    font-size: 12px;
    text-transform: uppercase;
}
.contact_right ul li a {
    font-size: 16px;
    font-weight: 500;
    color: #FFFFFF !important;
    text-decoration: none;
    width: 230px;
    display: block;
}
#contact {
    position: relative;
    overflow: hidden;
}
#contact .container{
    position: relative;
    z-index: 9;
}
#contact::after {
    position: absolute;
    content: '';
    right: 0;
    top: -29px;
    width: 100%;
    height: 370px;
    background-image: url(../images/contact-bg.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
}
#contact .common_banner_title {
    width: 350px;
    margin: auto;
}
.our_location h4 {
    color: #131212;
    text-transform: capitalize;
    font-size: 28px;
    font-family: "helvetica-neue-medium";
}
.bg_gray p{
    color: #3B3B3B;
}
.location_img {
    height: 375px;
    overflow: hidden;
    position: relative;
}
.location_img::after {
    position: absolute;
    content: '';
    left: -80px;
    top: -20px;
    background: #2121218F;
    width: 400px;
    height: 300px;
    filter: blur(40px);
    border-radius: 50%;
}
.location_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}
.location_map {
    background: #EEF7FF;
    border-radius: 0 0 8px 8px;
    overflow: hidden;
}
.location_wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 26px 36px;
}
.check_map {
    color: #131212;
    text-decoration: none;
    font-size: 20px;
    font-family: "helvetica-neue-medium";
    gap: 15px;
    display: flex;
    align-items: center;
}
.check_map:hover{
    color: #131212;
}
.check_map img {
    animation: updown 2s ease 0.6s infinite;
}
@keyframes updown {
    0%   {
      transform: translateY(0px);
    }

    50% {
      transform: translateY(5px);
    }
  
    100% {
      transform: translateY(0px);
    }
}
.social_links a {
    width: 38px;
    height: 38px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #DD2720;
    color: #fff;
    font-size: 18px;
    transition: all .5s linear;
}
.social_links a:hover {
    background: #052146;
    color: #ffffff;
    transition: all .5s linear;
}
.social_links {
    display: flex;
    gap: 10px;
}
.location_address {
    position: absolute;
    top: 0;
    left: 0;
    padding: 42px;
    width: 300px;
    z-index: 9;
}
.location_address h6 {
    color: #ffffffa8;
    font-size: 12px;
    text-transform: uppercase;
}
.location_address a {
    text-decoration: none;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 22px;
    display: flex;
}
.our_location {
    width: 88%;
    margin: auto;
}
/* blog list page */
.latest_blog {
    height: 500px;
    overflow: hidden;
    display: inline-block;
    position: relative;
    margin-right: 52px;
    transition: all .5s linear;
}
.recent_blogs {
    margin-left: 30px;
}
.latest_blog_image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .5s linear;
}
.latest_blog_top {
    position: absolute;
    top: 0;
    left: 0;
    padding: 36px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    z-index: 9;
    transition: all .5s linear;
}
.date {
    background: #DD2720;
    color: #ffff;
    font-size: 14px;
    padding: 10px 20px;
    border-radius: 8px;
}
.latest_blog_top button {
    color: #DD2720;
    font-size: 15px;
    border: 0;
    background: transparent;
    display: flex;
    align-items: center;
    gap: 10px;
}
.latest_blog_bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, #00000094, transparent);
    display: flex;
    align-items: end;
    padding: 36px;
    transition: all .5s linear;
}
.latest_blog:hover .latest_blog_image {
    transform: scale(1.04);
    transition: all .5s linear;
}
.latest_blog_bottom h6 {
    color: #fff;
    font-size: 28px;
    margin: 0;
    width: 530px;
}
.latest_blogs {
    margin-top: 75px;
}
.recent_blogs h5 {
    color: #FFFEFE;
    font-size: 28px;
    margin-bottom: 30px;
}
.recent_blogs ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.recent_blogs ul li a {
    text-decoration: none;
    padding: 40px 0px;
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #1E4573;
    position: relative;
    transition: all .5s linear;
}
.recent_blogs ul li:last-child a::after{
    display: none;
}
.recent_blogs ul li a::after{
    position: absolute;
    content: '';
    left: 0;
    bottom: -1px;
    width: 0;
    height: 1px;
    background: #DD2720;
    transition: all .5s linear;
}
.recent_blogs ul li a:hover::after{
    width: 100%;
    transition: all .5s linear;
}
.recent_blogs ul li a span{
    color: #DD2720;
    font-size: 12px;
    font-weight: 500;
    text-transform: capitalize;
    margin-bottom: 10px;
    display: flex;
}
.recent_blogs ul li a h6{
    color: #E8E8E8;
    font-size: 18px;
    font-weight: 500;
    margin: 0;
}
.recent_blogs ul li:first-child a{
    padding-top: 0;
}
.recent_blogs ul li:last-child a{
    padding-bottom: 0;
    border-bottom: 0;
}
.blog_list_image {
    height: 190px;
    overflow: hidden;
    position: relative;
}
.blog_image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .5s linear;
}
.blog_list_detail span{
    color: #DD2720;
    font-size: 12px;
    font-weight: 500;
    text-transform: capitalize;
    margin-bottom: 10px;
    display: flex;
}
.blog_list_detail h6{
    color: #141212;
    font-size: 18px;
    font-weight: 500;
    margin: 0;
}
.blog_list_wrap {
    text-decoration: none;
    display: inline-block;
    width: 100%;
    transition: all .5s linear;
    margin-bottom: 30px;
    transition: all .5s linear;
}
.blog_list_wrap:hover .blog_image {
    transform: scale(1.05);
    transition: all .5s linear;
}
.blog_list_wrap:hover {
    background: #EEF7FFBD;
    transition: all .5s linear;
}
.blog_list_detail {
    padding: 30px 20px;
}
.blog_list_image button {
    background: #DD2720;
    color: #ffff;
    font-size: 14px;
    padding: 8px 10px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 10px;
    position: absolute;
    left: 20px;
    top: 20px;
    border: 0;
    opacity: 0;
    transition: all .5s linear;
}
.blog_list_wrap:hover button{
    opacity: 1;
    transition: all .5s linear;
}
.blog_list_image button img{
    filter: brightness(0) invert(1);
}
.other_blogs {
    margin-top: 80px;
}
.load_more {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 50px;
}
.load_more button {
    border: 0;
    background: transparent;
    display: grid;
    color: #131212;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    justify-items: center;
    gap: 10px;
}
.load_more button img{
        animation: spin 9s linear infinite;
}
@keyframes spin{
    0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
#blog_details {
    position: relative;
}
#blog_details .container{
    position: relative;
    z-index: 9;
}
#blog_details::after{
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 50%;
    background-image: url(../images/background.jpg);
    background-position: top;
    background-size: cover;
}
.blog_detils {
    text-align: center;
    width: 88%;
    margin: auto;
	overflow: hidden;
}
.blog_main_img {
    height: 420px;
    overflow: hidden;
}
.blog_main_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.date_category {
    margin: 30px 0px 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
.date_category span {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #e8e8e8;
    font-size: 15px;
    text-transform: capitalize;
    font-family: "helvetica-neue-light";
}
#blog_content ul {
    margin: 25px 0px 0px 0px;
    list-style: none;
}
#blog_content ul li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 20px;
    font-family: "helvetica-neue-light";
    color: #3B3B3B;
}
#blog_content ul li strong{
    margin-bottom: 10px;
}
#blog_content ul li::after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 15px;
    height: 15px;
    background-image: url(../images/bullet-point.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
#blog_content ul li strong {
    margin-bottom: 15px;
    display: block;
    font-family: "helvetica-neue-roman" !important;
    font-weight: 500 !important;
}
#blog_content h6 {
    font-size: 18px;
    color: #131212;
    font-family: "helvetica-neue-medium";
    margin: 20px 0px;
}
.recent_blog_list {
    border-top: 1px solid #cdcdcd;
    padding-top: 80px;
}
.brand_detail_wrap {
    width: 88%;
    margin: 60px auto 0;
}
.brand_detail_wrap h5 {
    font-size: 26px;
    color: #ffffff;
    margin-bottom: 30px;
}
.brand_detail_left h5 {
    color: #131212;
    font-size: 26px;
    margin: 30px 0px;
}
.brand_detail_left h5:first-child{
    margin-top: 0;
}
.brand_detail_left ul {
    padding-left: 10px;
    list-style: none;
}
.brand_detail_left ul li{
    position: relative;
    font-size: 16px;
    margin-bottom: 3px;
    font-family: "helvetica-neue-light";
    color: #3B3B3B;
    padding-left: 20px;

}
.brand_detail_left ul li::after {
    position: absolute;
    content: '';
    left: 0;
    top: 7px;
    width: 9px;
    height: 11px;
    background: #dd2720;
    border-radius: 0px 0px 0px 5px;
}
.appointment_form {
    background: #011e40;
    border-radius: 8px;
    padding: 50px 30px;
}
.appointment_form h5 {
    color: #ffffff;
    font-size: 26px;
    text-align: center;
    margin-bottom: 30px;
    font-family: "helvetica-neue-medium";
}
.appointment_input {
    width: 100%;
    border-radius: 8px;
    background: #ffffff21;
    border: 0;
    box-shadow: none;
    outline: none;
    padding: 12px 20px;
    color: #fff;
    font-size: 14px;
    border: 1px solid #ffffff1f;
}
/* .book_appointment_right .common_btn {
    background: #011E41;
} */
.appointment_input::placeholder{
  color: #ffffff91;
    font-size: 12px;
    text-transform: capitalize;  
}
  .appointment_input_wrap label{
    color: #FFFFFF;
    font-size: 12px;
    text-transform: capitalize;
    margin-bottom: 10px;
    font-family: "helvetica-neue-light";
  }
  .appointment_input_wrap {
    margin-bottom: 20px;
}
 .appointment_input_wrap textarea{
    height: 130px;
    resize: none;
 }
 .faq_bg{
    background: #e6eaed;
 }
 .brand_logo_wrap {
    background: #011f41;
    width: 100%;
    border-radius: 8px;
    height: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    position: relative;
}
.brand_logo_img {
    max-width: 90px;
    max-height: 70px;
    position: relative;
    z-index: 9;
}
.brand_logo_wrap button {
    width: 22px;
    height: 22px;
    background: #dd2720;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    position: absolute;
    top: 10px;
    right: 10px;
    opacity: 0;
    transform: scale(-1);
    transition: all .5s linear;
}
.brand_logo_wrap button img{
    width: 15px;
}
.brand_logo_wrap:hover .brand_bg{
    opacity: 1;
}
.brand_logo_wrap:hover button{
    opacity: 1;
    transform: scale(1);
    transition: all .5s linear;
}
/* about page */
.mission_vision_wrap {
    height: 400px;
    border-radius: 8px;
    background: #183252;
    position: relative;
    padding: 35px;
    display: grid;
    align-content: space-between;
    overflow: hidden;
    transition: all .5s linear;
}
.pattern {
    position: absolute;
    top: 0;
    right: 0;
}
.mission_vision_wrap span {
    color: #dd2720;
    font-size: 18px;
}
.mission_vision_description ul {
    padding-left: 0;
    margin: 0;
    list-style: none;
	opacity: 0;
    transition: all .5s linear;
	height: 0px;
    overflow-y: auto;
	padding-right: 10px;
}
.mission_vision_description ul li{
	color: #cfcfcf;
    font-size: 16px;
    line-height: 24px;
	position: relative;
	padding-left: 28px;
    font-family: "helvetica-neue-light";
}
.mission_vision_description ul li::after {
    position: absolute;
    content: '';
    left: 0;
    top: 3px;
    width: 15px;
    height: 15px;
    background-image: url(../images/bullet-point.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.mission_vision_wrap h6 {
    color: #ffffff;
    font-size: 20px;
    margin-bottom: 20px;
    font-family: "helvetica-neue-light";
}
.mission_vision_wrap p {
    margin: 0;
    opacity: 0;
    transition: all .5s linear;
    height: 0px;
    overflow-y: auto;
	padding-right: 10px;
}
.mission_vision_description {
    position: relative;
    bottom: 0px;
    z-index: 9;
    transition: all .5s linear;
}
.mission_vision_wrap:hover .mission_vision_description {
    bottom: 0;
    transition: all .5s linear;
}
.mission_vision_wrap:hover .mission_vision_description p{
    opacity: 1;
	height: 145px;
}
.mission_vision_wrap:hover .mission_vision_description ul{
    opacity: 1;
	height: 145px;
}
.mission_vision_description ul::-webkit-scrollbar{
	width: 2px;
}
.mission_vision_description p::-webkit-scrollbar{
	width: 2px;
}
.mv_icon {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9;
    opacity: 0;
    transition: all .5s linear;
}
.mission_vision_wrap:hover .mv_icon{
    opacity: 1;
    transition: all .5s linear;
}
.about_left h5 {
    color: #ffffff;
    font-size: 18px;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: "helvetica-neue-light";
}
.about_right h4 {
    color: #e8e8e8;
    font-size: 25px;
    line-height: 36px;
    font-family: "helvetica-neue-light";
}
.about_para {
    display: flex;
    gap: 80px;
    margin-top: 50px;
}
.about_details {
    margin-top: 70px;
}
.mission_vision {
    margin-top: 70px;
}
#prompt_solution .common_title {
    width: 840px;
    margin-bottom: 50px;
    font-size: 40px;
}
.prompt_solution .row{
    width: 100%;
}
.ps_conetnt {
    display: flex;
    align-items: center;
}
.ps_image {
    min-width: 260px;
    height: 160px;
    overflow: hidden;
}
.ps_image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.prompt_solution .accordion-button::after {
    background-image: url(../images/accordian-btn.svg);
    width: 35px;
    height: 35px;
    background-size: 35px;
}
.prompt_solution .accordion-item {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #bbbbbb;
}
.prompt_solution .accordion-button {
    background: transparent;
    padding: 35px 0px;
}
.prompt_solution .accordion-button span{
    color: #DD2720;
    font-size: 20px;
}
.prompt_solution .accordion-button h6{
    font-size: 20px;
    color: #131212;
    margin: 0;
}
.ps_description {
    margin-left: 80px;
}
.ps_description p{
    margin: 0;
}
.prompt_solution .accordion-button:not(.collapsed) {
    box-shadow: none;
}
.prompt_solution .accordion-body {
    padding: 0 0 30px 0px;
}
.prompt_solution_wrap {
    width: 83%;
    margin: auto;
}
.accordion-button:focus{
    box-shadow: none;
}
.about_us h1 {
    width: 900px;
    margin: 0 auto 70px;
}
.about_left h5 span {
    width: 14px;
    height: 18px;
    background: #dd2720;
    border-radius: 0px 7px 0px 0px;
}
.about_para p {
    margin: 0;
}

/* brand listing page */
#brand_list .brand_logo_wrap {
    height: 190px;
    border: 1px solid #1e4573;
    transition: all .5s linear;
}
.brand_logo_wrap:hover {
    background: #001937;
    transition: all .5s linear;
}
#brand_list .brand_logo_img {
    max-width: 120px;
    max-height: 160px;
    position: relative;
    z-index: 9;
}
#brand_list h1 {
    text-align: center;
}
#brand_list p {
    width: 540px;
    margin: 30px auto 40px;
    text-align: center;
}

/* service style */
.service_s_image {
    height: 260px;
    overflow: hidden;
}
.service_s_image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.service_s_content {
    margin-left: 50px;
}
.service_detail_bottom {
    margin-top: 130px;
}
#service_details {
    position: relative;
    overflow: hidden;
}
#service_details .container{
    position: relative;
    z-index: 9;
}
#service_details::after {
    position: absolute;
    content: '';
    left: 0;
    top: -29px;
    width: 470px;
    height: 370px;
    background-image: url(../images/service-bg.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top;
}
.service_main_img {
    position: absolute;
    top: 80px;
    right: 0;
    width: 33%;
    overflow: hidden;
    height: 600px;
}
.service_main_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.service_details {
    margin-top: 200px;
}
.service_details_left h5 {
    color: #ffffff;
    font-size: 28px;
    margin: 0;
}
.service_details_right {
    margin-left: 50px;
}
#package_section {
    background: #e6eaed;
}
.s_package_wrap {
    height: 500px;
    overflow: hidden;
	position: relative;
}
.s_package_wrap::after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 220px;
    background: linear-gradient(180deg,rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, 0) 79%, rgba(255, 255, 255, 0) 100%);
}
.s_package_wrap img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.s_package_left h4 {
    margin: 20px 0px 30px;
}
.s_package_left {
    margin-right: 50px;
}
.s_package_list {
    background: #dd2720;
    width: 230px;
    position: absolute;
    bottom: 30px;
    right: 30px;
    padding: 25px;
    height: 180px;
    display: grid;
    align-content: space-between;
}
.s_package_list a {
    background: #DD2720;
    color: #ffff;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 10px;
   text-decoration: none;
   position: relative;
   z-index: 9;
   font-family: "helvetica-neue-light";
}
.s_package_list a img {
    width: 17px !important;
    object-fit: contain;
}
.s_package_list h6 {
    color: #ffffff;
    font-size: 20px;
    margin: 0;
    position: relative;
    z-index: 9;
}
.package_bg {
    position: absolute;
    bottom: 0;
    right: 0;
}

/* package page */
.package_title h5 {
    color: #ffffff;
    font-size: 28px;
    margin: 0;
    width: 440px;
}
.package_title {
    display: flex;
    align-items: baseline;
    gap: 18px;
}
.package_content ul li::after {
    background: url(../images/bulletpoint3.svg);
    background-size: contain;
    background-position: center;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    top: 2px;
}
.package_content ul li {
    position: relative;
    font-size: 16px;
    margin-bottom: 6px;
    font-family: "helvetica-neue-medium";
    color: rgba(19, 18, 18, 1);
    padding-left: 32px;
}
.highlights {
    border-top: 1px solid #bbb;
    padding-top: 80px;
    margin-top: 80px;
}
.highlights h5 {
    color: #131212;
    font-size: 28px;
    width: 578px;
    text-align: center;
    margin: 0 auto 70px;
}
.highlight_wrap span {
    width: 75px;
    height: 75px;
    background: #dd2720;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.highlight_wrap h6 {
    color: #131212;
    font-size: 15px;
    font-family: "helvetica-neue-medium";
    margin: 20px 0px;
}
.highlight_wrap p {
    margin: 0;
}
.other_packages .service_list_wrap {
    display: grid;
    align-content: space-between;
}
.service_content ul li::after {
    background: url(../images/bullet-point2.svg);
    background-size: contain;
    background-position: center;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    top: 2px;
}
.service_content ul li {
    margin-bottom: 6px;
    padding-left: 32px;
}
.service_content ul li strong {
    font-family: "helvetica-neue-medium";
    color: #131212;
    font-weight: 400;
}
.package_counter {
    position: absolute;
    top: 40px;
    left: 40px;
    color: #adabaa;
    font-weight: bold;
    font-size: 18px;
    z-index: 10;
    font-family: "helvetica-neue-light";
}
#currentSlide {
    color: #fff;
}
.s_package_right {
    position: relative;
}
@keyframes zoomIn {
  from {
    transform: scale(0.8);
    opacity: 1;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}

.s_package_list {
  animation: none; /* default, remove any prior animation */
  transform: scale(1);
  opacity: 1;
  transition: all 0.3s ease;
}

.owl-item.active .s_package_list {
  animation: zoomIn 0.6s ease forwards;
}

.fade-text {
  display: block;
  text-align: center;
}

.fade-text span {
  opacity: 0;
  display: inline-block;
  animation: fadeInWord 0.6s ease forwards;
}

@keyframes fadeInWord {
  from {
    opacity: 0;
    transform: translateY(15px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.blog_main_img img {
  width: 100%;
  transition: transform 0.9s ease;
}
#recent_blog_list .blog_list_wrap {
    margin-bottom: 0;
}
.moving_line svg {
    position: absolute;
    bottom: 0px;
    right: -90px;
    width: 45%;
    height: 100%;
    transform: rotate(151deg);
}
.cls-1 {
  /* fill: #ff493a; */
  filter: blur(4px);
  /* opacity: 1;
  transition: fill 0.5s ease; */
}
.book_an_appointment .modal-body {
    padding: 0;
}
.book_an_appointment .modal-dialog {
    max-width: 750px;
}
    .book_appointment_left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.book_an_appointment_form{
    background: #011e41;
	position: relative;
}
.book_appointment_right {
    padding: 30px 30px 30px 30px;
}
.book_appointment_right h5 {
    color: #fff;
    font-size: 30px;
     margin-bottom: 30px;
    font-weight: 400;
}
.contact_bg {
    position: absolute !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 250px !important;
    height: 250px !important;
    object-fit: contain !important;
    opacity: .10 !important;
}
.book_an_appointment .btn-close {
    position: absolute;
    top: 10px;
    right: 10px;
    background: transparent;
    opacity: 1;
    font-size: 20px;
    border: 1px solid #db2720;
    padding: 0;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #da261f;
}
.book_an_appointment .btn-close:focus {
    box-shadow: none;
}
.book_appointment_left {
    height: 100%;
}
.book_an_appointment .modal-content {
    border: 0;
    border-radius: 8px;
    overflow: hidden;
    background: transparent;
}
#hm_services .row {
    --bs-gutter-x: 20px;
}
.contact_right {
    margin-left: 10px;
}
#latest_blogs::after {
    position: absolute;
    content: '';
    right: 230px;
    top: 25px;
    width: 410px;
    height: 340px;
    background-image: url(../images/blog-bg.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top;
}
#latest_blogs .container{
    position: relative;
    z-index: 9;
}
#latest_blogs{
    overflow: hidden;
    position: relative;
}
#package_section .common_title {
    font-family: "helvetica-neue-roman";
    line-height: 46px;
    font-size: 40px;
}
#faq .common_title {
    font-family: "helvetica-neue-roman";
    font-size: 40px;
}
.contact_left .common_btn{
	position: relative;
}
.contact_left .wpcf7-spinner {
    position: absolute;
    right: -80px;
    top: 12px;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: transparent !important;
    background: #dc2720;
    color: #fff;
    font-size: 14px;
    padding: 0;
    margin-top: 20px;
}
.wpcf7 form.sent .wpcf7-response-output {
    border-color: transparent !important;
    background: #08af17;
    color: #fff;
    font-size: 14px;
}
.wpcf7-not-valid-tip {
    font-size: 14px!important;
    margin-top: 5px!important;
}
.appointment_form .wpcf7-spinner {
    position: absolute;
    right: -80px;
    top: 12px;
}
.brand_detail_right{
	position: relative;
}
.book_appointment_right .wpcf7-spinner {
    position: absolute;
    right: -80px;
    top: 12px;
}
/* .book_appointment_right .wpcf7-not-valid-tip {
    color: #ffbc41;
} */
.s_package_list.animate {
  animation: zoomIn 0.6s ease forwards;
}

.svg2 {
    bottom: -320px;
    left: -350px;
    transform: rotate(120deg);
}
/* #hm_services svg {
    position: absolute;
    width: 840px;
}
.svg1 {
    right: -280px;
    top: -100px;
    transform: rotate(289deg);
} */
#hm_services svg {
    position: absolute;
    width: 622px;
}
.svg1 {
    right: -180px;
    bottom: 170px;
    transform: rotate(170deg);
}
#hm_services::after {
    position: absolute;
    content: '';
    right: 0;
    bottom: 0;
    width: 200px;
    height: 350px;
    background: #aa2630;
    filter: blur(230px);
}

/* image reveal */
.reveal img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  transform-origin: top;
}
.reveal {
  visibility: hidden;
  position: relative;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
	height: 100%;
}
.image_reveal_wrap {
    overflow: hidden;
    height: 100%;
}