@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400..900;1,6..96,400..900&family=Raleway:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Saira:ital,wght@0,100..900;1,100..900&display=swap');
*{font-family: "Roboto", serif;}


.bg-blue{background-color:#1767B3;padding: 3% 0px !important;}
.step-card {text-align: center;background: #fff;padding: 20px;border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); position: relative;margin-top: 30px;height: 250px;}
.step-number {width: 40px;height: 40px; background: #0d47a1;color: #fff;font-weight: bold; border-radius: 50%; display: flex;justify-content: center;align-items: center;position: absolute; top: -20px;left: 50%;transform: translateX(-50%);}
.step-icon {color: #0d47a1;font-size: 24px;margin-bottom: 10px;}
.h-250{height: 250px!important;}

h2{font-size:36px!important;line-height:48px !important;font-weight:700!important;}
h3{font-size:26px!important;font-weight:700!important;}
h4{font-size:20px!important;font-weight:700!important;}
h5{font-size:18px!important;font-weight:700!important;}
p{font-size:18px;}
.fs-12{font-size:12px;}
.fs-16{font-size:16px;}
.fs-14{font-size:14px;}
.text-bold{font-weight:bold;}
.text-primary{color:#1764FF;}
.breadcrumbs {font-size: 16px;margin:10px 0;}
.breadcrumbs a {text-decoration: none;color: #1764FF;}
.breadcrumbs a:hover {text-decoration: none;}
.breadcrumbs span {color: #fff;}
.my-8{margin-top: .8rem !important;margin-bottom: 0.8rem !important;}
.btn-primary{background-color:rgba(23, 103, 179, 1)!important;color:#fff!important;border-radius:2px!important;border:none!important;padding: 7px 30px!important;}
.navbar-expand-lg .navbar-nav .nav-link {margin: 0 8px;}
.footer {background-color: #636567;color: white;padding: 30px 15px;}
.footer p{font-size:16px;line-height:32px;}
.footer ul{line-height: 37px;}
.footer a {color: white;text-decoration: none;}
.footer a:hover {text-decoration: none;color:#fff;}
.footer .divider { border-top: 1px solid rgba(255, 255, 255, 0.2);margin: 15px 0;}
.footer .mr-0{margin-right: 0px !important;}
.home-header{background: url('../images/home-header.png') no-repeat;background-size:100%; color: white;}
.whychoose-header{background: url('../images/whychoose-header.png') no-repeat;background-size:100%; color: white;}
.hsrp-header{background: url('../images/hsrp-header.png') no-repeat;background-size:100%; color: white;}
.resources-header{background: url('../images/resources-header.png') no-repeat;background-size:100%; color: white;}
.difference-page-header{background: url('../images/difference-page-header.png') no-repeat;background-size:100%; color: white;}
.contact-header{background: url('../images/contact-header.png') no-repeat;background-size:100%; color: white;}
.partners-page-header{background: url('../images/partners-page-header.png') no-repeat;background-size:100%; color: white;}
.abou-us-header{background: url('../images/about-us-header.png') no-repeat;background-size:100%; color: white;}
.blog-header {background: url(../images/blog-header.png) no-repeat;background-size: 100%;color: white;}
.btn-white{background-color: #fff!important;color:#1767B3!important;border-radius:2px!important;border:none!important;padding: 7px 30px!important;}
.bg-blue{background-color:#1767B3!important;color:#fff!important;}
.bg-grey{background-color:#FAFAFA!important;border:none!important;}
.text-blue{color:#1767B3;}
.border-radius-0{border-radius:0!important;}
.achievements-sec .card{box-shadow: 0px 6px 31px 0px rgba(0, 0, 0, 0.15);}
.achievements-sec .card-body{padding: 41px 0;}
.contact-us .accordion{border:none;--bs-accordion-border-width: 0px;}
.email-class{text-decoration:none; color:black;}
.contact-us .accordion-item {border:1px solid #dee2e6;margin-bottom:20px;}
.contact-us .accordion-button {border: none !important;}
.contact-us .accordion-item:not(:first-of-type) {border-top: 1px solid #dee2e6 !important;}

.btn-blue-outline{border:1px solid #1767B3;padding: 7px 30px!important;color:#1767B3;text-decoration:none;border-radius:2px!important;}
.btn-blue-outline:hover{background:#1767B3;padding: 7px 30px!important;color:#fff;text-decoration:none;}
.bg-slider{background-color:#F0F0F0;}
.table-head-blue{background: linear-gradient(90deg, #1250CD 0%, #072B73 100%);color: #fff;}
.table-head-blue tr th{font-weight:600;text-wrap-mode: nowrap;}
.carousel-control-next, .carousel-control-prev {align-self: center;position: absolute;top:auto!important; bottom:auto!important; z-index: 1;width: 95%!important;color: #1764FF!important;float: center;text-align: center;background: 0 0;border: 0;opacity: .5;transition: opacity .15s ease;}
.table>:not(caption)>*>* {padding: .5rem 1rem!important;border-bottom-width: 0px!important;text-wrap-mode: nowrap;}
.hsrp-card{box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.08);border:none!important;}
.real-HSRP-card{background-color:#D6FFEB!important;border:none!important;}
.fake-HSRP-card{background-color:#FFF5F5!important;border:none!important;}
.partners-tabs .nav-tabs {border-top: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);border-bottom:none;}
.partners-tabs .nav-link{color:black!important;}
.partners-tabs .nav-link:hover {border-top: 2px solid #0d6efd!important;border-radius: 0px;border-left:none;border-right:none;border-bottom:none;}
.partners-tabs .nav-link.active {border-top: 2px solid #0d6efd!important;border-radius: 0px;border-left:none;border-right:none;border-bottom:none;color: #0d6efd !important;font-weight:700;}
.partners-tabs .nav-tabs .nav-link{border:none;font-size: 22px;}
.accordion-button::after {background-image: url('../images/plus.svg')!important;}
.accordion-button:not(.collapsed)::after {transform:rotate(45deg)!important;}
.accordion-button:not(.collapsed) {background:transparent!important;}
.accordion-header{margin-bottom: 10px!important;}
.accordion-button:focus {box-shadow: none !important;}
.accordion-button {padding: 0px 15px!important;border: 1px solid rgba(170, 170, 170, 1)!important;border-radius: 4px !important;}
.wpcf7 input,
.wpcf7 textarea {width: 100%;box-sizing: border-box;font-size: 14px;padding: 4px 10px;}
.wpcf7 p{margin-bottom:0px;}
.wpcf7-submit{background: rgba(23, 103, 179, 1);color:#fff;padding: 7px 0 !important;border:none;}
.bg-frame{background-image:url('../images/bg-frame.png');background-size: 100% 100%;background-repeat: no-repeat;color:#fff;}
.bdr-1{border:1px solid black;}
.custom-gap{gap: 85px;}
.vehicle-manufacturers-img{background: #fff;border: 1px solid black;}
.pins_animation.ihotspot_pulse {-moz-animation: Anim 2s infinite;-webkit-animation: Anim 2s infinite;animation: Anim 2.5s ease-out infinite!important;background:#1250CD;opacity:0.2;}
.text-wrap-auto{text-wrap: auto;}
.text-wrap-mode-nowrap{text-wrap-mode: nowrap;}

@keyframes Anim {
    0% {
        box-shadow: 0 0 0 rgba(255,255,255,0);
        border: 1px solid rgba(255,255,255,0);
        -webkit-transform: scale(0);
      transform: scale(1);
    }

    50% {
        box-shadow: 0 0 50px #fff;
        border: 1px solid #fff;
        -webkit-transform: scale(1);
        transform: scale(1.5);
    }
    

    100% {
        box-shadow: 0 0 60px rgba(255,255,255,0);
        border: 0 solid rgba(255,255,255,0);
        -webkit-transform: scale(1.5);
        transform: scale(1);}
}

.box_view_html {color: black!important;}
#powerTip {background-color: #fff!important;border:2px solid #1250CD!important;padding:15px;}
#powerTip.n:before {border-top: 10px solid #1250CD!important;}
#powerTip.ne:before, #powerTip.nw:before {border-top: 10px solid #1250CD!important;border-top: 10px solid #1250CD!important;}
.owl-dots{display:none;}
.partners-tabs .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.08);border: none !important;font-size: 22px !important;width: 30px;}
.item {padding: 15px;background: #f9f9f9;border: 1px solid #ddd;border-radius: 5px;}
.item img {max-width: 100%;height: 50%;border-radius: 5px;}
.owl-nav{text-align: end!important;}
.showcase .overlay{    margin-top: -130px;color: #fff;padding: 20px;}

.sticky-button {position: fixed;top: 50%;    rotate: -90deg;right: -55px;background-color:#0056b3; color: white;border: none;padding: 10px 10px;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);cursor: pointer;font-size: 16px;z-index: 1000;transition: background-color 0.3s ease;    border-top-left-radius: 2px;border-bottom-left-radius: 2px;text-decoration:none;}
.sticky-button:hover {background-color: #007bff;color:#fff;}




/*=============Mobile View============*/
@media only screen and (max-width: 600px) {
h1{font-size:28px!important;line-height:38px !important;}
h2{font-size:26px!important;line-height:30px !important;}
h3{font-size:24px!important;}
h4{font-size:20px!important;}
h5{font-size:18px!important;}
.home-header{background: url('../images/home-header.png') no-repeat;background-size:cover; color: white;padding:10% 0px!important;}
.hsrp-header{background: url('../images/hsrp-header.png') no-repeat;background-size:cover; color: white;padding:10% 0px!important;}
.difference-page-header{background: url('../images/difference-page-header.png') no-repeat;background-size:cover; color: white;padding:10% 0px;}
.whychoose-header{background: url('../images/whychoose-header.png') no-repeat;background-size:cover; color: white;padding:10% 0px!important;}
.partners-page-header{background: url('../images/partners-page-header.png') no-repeat;background-size:cover; color: white;padding:10% 0px;}
.abou-us-header{background: url('../images/about-us-header.png') no-repeat;background-size:cover; color: white;padding:10% 0px;}
.resources-header{background: url('../images/resources-header.png') no-repeat;background-size:cover; color: white;padding:10% 0px;}
.contact-header{background: url('../images/contact-header.png') no-repeat;background-size:cover; color: white;padding:10% 0px;}
.blog-header {background: url(../images/blog-header.png) no-repeat;background-size:cover; color: white;padding:10% 0px;}
.single-blog-header{background-size:cover; color: white;padding:10% 0px;}
.achievements-sec{padding-bottom:3rem;margin-bottom:0px;}
.achievements-sec{height:100%;}
.hsrp-table{overflow: scroll;}
.w-md-100{width:25%;}
.partners-tabs .nav{flex-wrap: nowrap;width:100%;}
.bg-frame{background-image:url('../images/bg-frame.png');background-size:cover;background-repeat: no-repeat;color:#fff;}
.bdr-md-rt-sm-bt{border-bottom:1px solid black;}
.overflow-x-scroll{overflow-x: scroll;}
.showcase .overlay {margin-top: -141px;color: #fff;padding: 10px;}
.custom-gap {gap: 0px;}
.partners-tabs .nav-tabs .nav-link {border: none;font-size: 20px;}
}
/*===================================*/
/*=============Tab View============*/
@media only screen and (min-width: 768px){
    h1{font-size: 42px !important;line-height: 54px !important;font-weight: 700 !important;}
    .achievements-sec {margin-bottom: 7rem;height:400px;}
    .whychoose-header, .home-header,.hsrp-header, .resources-header, .difference-page-header, .abou-us-header, .contact-header, .partners-page-header {padding:5% 0px !important;}
    .blog-header, .single-blog-header{padding:5% 0px !important;}
    .bdr-md-rt-sm-bt{border:none;}
}
/*===================================*/
/*=============Desktop View============*/
@media only screen and (min-width:900px) {
    .whychoose-header, .hsrp-header, .home-header, .resources-header, .difference-page-header, .abou-us-header, .contact-header, .partners-page-header {padding:3% 0px !important;}
    .blog-header{padding:5% 0px !important;}
    .single-blog-header{padding:5% 0px !important;background-size:100%;}
    h1{font-size:52px!important;line-height:72px !important;font-weight:700!important;}
    .bdr-md-rt-sm-bt{border-right:1px solid black;}
    .achievements-sec{height:230px;margin-bottom:7rem;}
}
/*===================================*/