.btn-color-move,
.customer-logos,
.industrial-realm .item-img,
.service-media,
.slider-img,
.why-centraltyres {
    position: relative
}

.btn,
.btn-outline,
.btn-outline span {
    text-align: center
}

.btn,
.btn-link {
    display: inline-flex
}

.btn-link:hover,
.btn-outline,
a:focus,
a:hover {
    text-decoration: none
}

footer ul,
ul li {
    list-style: none
}

.btn-default,
footer a:hover {
    font-weight: 600
}

:root {
    --primary: #13589d
}

* {
    scroll-behavior: smooth
}

body {
    font-family: Imprima, sans-serif
}

p,
ul li {
    color: #000;
    font-size: 1.1rem
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    border-radius: 10px;
    background-color: #f5f5f5
}

::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: #f5f5f5
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #d1d1d1
}

::placeholder {
    font-size: .9rem
}

::selection {
    background: #2b80d9;
    color: #fff
}

@keyframes fadeInAnimation {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }
}

img {
    max-width: 100% !important
}

.text-light {
    color: #5a5a58 !important
}

a {
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out
}

a:focus,
a:hover {
    outline: 0;
    color: #2b80d9
}

.slick-slide {
    outline: 0;
    margin: 0
}

.slick-slider {
    margin-bottom: 0 !important
}

.slick-next:before,
.slick-prev:before {
    display: none
}

.slick-slide>img {
    margin: 0 auto
}

.slick-dots li {
    width: 20px;
    height: 12px
}

.slick-dots li button,
.slick-dots li button:before {
    width: 20px;
    height: 4px;
    border-radius: 10px
}

.slick-dots li button:before {
    font-family: slick;
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    content: '?';
    text-align: center;
    opacity: .25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    opacity: 1;
    color: transparent;
    width: 10px;
    height: 10px;
    border-radius: 50px;
    border: 6px solid #4c4c4a;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out
}

.services .btn-arrow img,
.slick-dots li.slick-active,
.slick-dots li.slick-active button,
.slick-dots li.slick-active button:before {
    width: 30px
}

.slick-dots li.slick-active button:before {
    opacity: 1;
    border-color: #4c4c4a;
    color: transparent
}

.slick-prev {
    left: 0
}

.slick-next {
    right: 0
}

.slick-arrow {
    color: #fff;
    background: #13589d;
    width: 4rem;
    height: 4rem;
    z-index: 1
}

.slick-arrow span {
    font-size: 3rem
}

.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
    color: #fff;
    outline: 0;
    background: #13589d
}

.slick-arrow.slick-disabled {
    display: none !important
}

[data-animate-in] {
    opacity: 0;
    transition: transform .8s, opacity .8s
}

[data-animate-in=up] {
    transform: translate3d(0, 24px, 0)
}

[data-animate-in=left] {
    transform: translate3d(-25%, 0, 0)
}

[data-animate-in=right] {
    transform: translate3d(25%, 0, 0)
}

[data-animate-in=down] {
    transform: translate3d(0, -24px, 0)
}

[data-animate-in=fadeIn],
[data-animate-in].in-view {
    transform: translate3d(0, 0, 0)
}

[data-animate-in].in-view {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transition: transform .6s, opacity .6s
}

.fade-in {
    opacity: 0;
    transition: opacity 1s
}

.grid-item:hover .caption p,
.page-loaded .fade-in,
.page-loaded.fade-in {
    opacity: 1
}

.isSafari.isTouch [data-animate-in=up],
.isSafari.isTouch [data-animate-in] {
    opacity: 1;
    transition: none;
    transform: none
}

.block {
    padding: 5rem 0
}

.inner-block {
    padding: 4rem 0
}

.btn {
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 1.5;
    color: #fff;
    padding: .7rem 2.2rem;
    border-radius: 0
}

.btn-default {
    color: #2f2f2f;
    background: 0 0;
    border: 2px solid #2f2f2f;
    border-radius: 10px;
    transition: .35s;
    letter-spacing: .4px
}

.btn-default:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgb(243 101 51 / 29%)
}

.btn-color-move:after,
.btn-color-move:before {
    content: '';
    width: 0%;
    display: block;
    position: absolute;
    left: -10%;
    top: 0;
    box-shadow: 2px 0 14px rgba(0, 0, 0, .6);
    height: 100%
}

.btn-color-move {
    background-color: transparent;
    transition: .3s;
    cursor: pointer;
    overflow: hidden !important
}

.btn-color-move span {
    position: relative;
    z-index: 1
}

.btn-color-move:hover {
    color: #fff;
    border: 2px solid #fff
}

.btn-color-move:hover:before {
    opacity: 1;
    width: 116%
}

.btn-color-move:hover:after {
    opacity: 1;
    width: 120%
}

.btn-color-move:before {
    background: #f36533;
    -ms-transform: skewX(-20deg);
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    opacity: 1;
    z-index: -12;
    -moz-transition: .7s cubic-bezier(.77, 0, .175, 1);
    -o-transition: .7s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition: .7s cubic-bezier(.77, 0, .175, 1);
    transition: .7s cubic-bezier(.77, 0, .175, 1)
}

.btn-color-move:after {
    background: #ef951d;
    -ms-transform: skewX(-20deg);
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    opacity: 0;
    z-index: -15;
    -webkit-transition: .94s cubic-bezier(.2, .95, .57, .99);
    -moz-transition: .4s cubic-bezier(.2, .95, .57, .99);
    -o-transition: .4s cubic-bezier(.2, .95, .57, .99);
    transition: .4s cubic-bezier(.2, .95, .57, .99)
}

.btn-style1 {
    border-color: #716eef;
    color: #343a40 !important
}

.btn-style1:hover {
    color: #fff !important;
    transition-delay: 0.2s;
    animation: .6s forwards ani500;
    background: radial-gradient(circle, #f36533 .2em, transparent .3em) 8em 6em/1em 1em, radial-gradient(circle, #f36533 .2em, transparent .3em) 0 0/1em 1em;
    border: 1px solid #e55f30
}

.verticalButton,
.verticalButton1 {
    z-index: 9;
    height: 60px;
    border-radius: 5px;
    font-weight: 500;
    position: absolute;
    color: #fff;
    right: 0
}

@keyframes ani500 {
    100% {
        background-size: 2.375em 2.375em, .1em .1em
    }
}

.verticalButton {
    top: 25%;
    background: #13589d;
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform-origin: bottom right
}

.verticalButton1 {
    top: calc(25% - 5px);
    width: 60px;
    padding: 0;
    background: green
}

.btn-link,
.btn-outline,
.menu-icon {
    position: relative
}

.verticalButton1 img {
    transform: none
}

.verticalButton img {
    transform: rotate(90deg);
    margin-right: 1rem;
    width: 2rem
}

.btn-outline {
    color: #fff;
    overflow: hidden;
    background: 0 0;
    border: 1px solid #ffffff85;
    border-radius: 50px;
    z-index: 0;
    text-transform: uppercase;
    letter-spacing: .2px;
    transition: .3s linear
}

.btn-outline span {
    background: #fff;
    color: #000;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50px;
    margin-left: 30px;
    transition: .3s linear
}

.btn-link {
    color: #13589d;
    font-size: 1.4rem;
    align-items: center
}

.btn-link span.material-symbols-outlined {
    margin-left: 10px
}

.btn-link1 span {
    overflow: visible;
    display: flex;
    align-items: center;
    transition: .3s linear;
    font-weight: 700
}

#backtoTop,
.top-banner h2 {
    display: inline-block;
    text-align: center
}

.btn-link1 span:after,
.btn-link1 span:before {
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    background: rgb(243 101 51);
    content: "";
    position: absolute
}

.btn-link1 span:before {
    top: -webkit-calc(110% - .25em);
    top: calc(110% - .25em);
    left: -webkit-calc(50% - .3em);
    left: calc(50% - .3em);
    width: .6em;
    height: .6em;
    border-radius: 1.2em;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.btn-link1 span:after {
    top: 110%;
    left: 0;
    width: 100%;
    height: 2px;
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}

.btn-link1 span:hover:before {
    webkit-transform: scale(1);
    transform: scale(1)
}

.btn-link1 span:hover {
    transition: .3s linear;
    font-weight: 700
}

.btn-link1 span:hover:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.homemenu.homemenutop .logo img {
    width: 440px;
    transition: .3s linear
}

.homemenu.homemenubottom .logo img,
.homemenu.in .logo img {
    width: 400px;
    transition: .3s linear
}

#header.fix {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    background: #fff;
    box-shadow: 0 1px 10px 0 rgb(0 0 0 / 20%);
    -webkit-box-shadow: 0 1px 10px 0 rgb(0 0 0 / 20%) !important
}

.header-wrap {
    padding: 1rem 0
}

.menu-icon {
    width: 32px;
    height: 22px;
    cursor: pointer
}

#banner .caption,
#banner::before,
.dropdown-menu,
.menu-icon span {
    position: absolute;
    width: 100%;
    left: 0
}

.menu-icon span {
    background-color: #2f2f2f;
    height: 4px;
    transition: .3s;
    border-radius: 10px
}

.menu-icon span:first-child {
    top: 0
}

.menu-icon span:nth-child(2) {
    top: 9px
}

.menu-icon span:last-child {
    top: 18px
}

.dropdown-menu {
    float: left;
    opacity: 0;
    top: 35px;
    visibility: hidden;
    z-index: 1;
    padding: 1rem !important;
    -webkit-transition: .25s;
    -moz-transition: .25s;
    -ms-transition: .25s;
    -o-transition: .25s;
    transition: .25s;
    border-bottom: 1px solid #ddd
}

.dropdown-menu li {
    margin-left: 0 !important
}

.dropdown:hover .dropdown-menu {
    opacity: 1;
    top: 50px;
    visibility: visible
}

#banner,
#banner .slick-slide>img {
    position: relative;
    overflow: hidden;
    height: calc(100vh - 98.7969px)
}

#banner .slick-current>img {
    object-fit: cover;
    width: 100%;
    filter: brightness(.6)
}

#banner .slick-dots {
    bottom: 5%
}

#banner .slick-dots li button:before {
    border: 7px solid #fff
}

#banner .slick-dots li.slick-active button:before {
    border-color: #fff
}

#banner::before {
    content: '';
    top: 0;
    height: 100%;
    background-color: #26272773;
    z-index: -11
}

#banner video {
    object-fit: cover;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100vh - 98.7969px);
    z-index: -10;
    transition: .5s ease-out;
    filter: brightness(.9)
}

#banner .caption {
    transform: translateY(-50%);
    top: 50%;
    color: #fff;
    z-index: 1
}

#banner .caption .h1 {
    font-weight: 600;
    text-transform: uppercase;
    line-height: 4rem
}

#banner .caption h1 span {
    color: #ef951d
}

#banner p {
    color: #e8e8e8;
    margin: 0 0 30px
}

.btn-video {
    padding: 5px 30px 5px 5px
}

.btn-video:hover {
    color: #ef951d;
    background: #fff
}

.btn-video i {
    font-size: 40px;
    margin-right: 10px
}

.section-heading {
    margin-bottom: 3rem;
    position: relative;
    z-index: 1
}

.h3,
.h4 {
    color: #000
}

.applications ul.li-list li span,
.ul-list li a,
.ul-list li h4,
.ul-list li h4 a,
.ul-list li h5,
p {
    color: #5a5a58
}

.bg-gray {
    background: #f8f8f8
}

.footer-links li:hover:before,
.img-logo {
    background: #fff
}

.services .card {
    margin: 0 20px;
    border: none
}

.service-media>img,
.services .card img,
.slider-1 img,
.slider-2 img {
    width: 100%
}

.services .card-media {
    transition: .3s linear;
    position: relative;
    overflow: hidden
}

.services .card-body {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: #fff;
    padding: 20px 0;
    transition: .3s linear
}

.services .card-body h4 {
    border-bottom: 1px solid #0000006e;
    padding-bottom: 10px
}

.services .card:hover .card-media {
    background-size: cover
}

.services .card:hover .card-media img {
    transform: scale(1.1);
    transition: .3s linear
}

.services .card:hover .card-body {
    padding: 30px;
    background: #000;
    background: linear-gradient(0deg, #000 0, rgba(0, 0, 0, .6979166666666667) 50%, rgba(0, 0, 0, 0) 100%);
    transition: .3s linear
}

.services .card:hover .card-body h4 {
    border-bottom: 1px solid #ffffff6e
}

.services .card:hover .h4,
.services .card:hover p,
footer .section-heading,
footer .section-heading h2 {
    color: #fff
}

.footer-links li a:hover,
footer a:hover {
    color: #ef951d;
    transition: .3s linear
}

.services .btn-arrow {
    position: absolute;
    right: 0;
    bottom: 0;
    background: #13589d;
    padding: 15px;
    text-align: center;
    color: #fff;
    display: none;
    justify-content: center;
    align-items: center;
    opacity: 0
}

.services .btn-arrow:hover,
.social-icons li:hover {
    background: #f36533
}

.services .card:hover .btn-arrow {
    display: flex;
    opacity: 1
}

.services .card p {
    font-size: 1.2rem;
    width: 88%;
    line-height: 1.6rem;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.why-us .item span {
    background: #848484;
    color: #fff;
    padding: 15px;
    margin-right: 15px;
    border-radius: 10px;
    font-size: 3rem;
    transition: .3s linear
}

.why-centraltyres:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    background-image: url(../images/why.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
    height: 100%;
    width: 59%;
    z-index: 0
}

.why-centraltyres:hover .why-us .item span {
    background: #ddd;
    color: #f36533;
    transition: .3s linear
}

.why-centraltyres .left-wrapper {
    position: relative;
    background: #f8f8f8;
    width: 40%;
    z-index: 1
}

.why-centraltyres .left-wrapper img {
    height: 100%;
    object-fit: cover
}

.why-centraltyres .left-wrapper:after {
    content: '';
    position: absolute;
    left: 100%;
    bottom: 0;
    background-image: url(../images/why-us-ele.webp);
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    width: 100%;
    z-index: -1
}

.img-logo {
    border: 1px solid #ddd;
    box-shadow: 10px 10px 8px rgb(0 0 0 / 7%);
    margin: .9rem;
    padding: .9rem 2rem;
    border-radius: .8rem;
    text-align: center;
    display: flex;
    align-items: center
}

.img-logo img {
    width: 8rem;
    margin: 0 auto
}

.img-logo span {
    font-size: 1.5rem
}

.customer-logos .slick-list {
    padding-bottom: .5rem
}

.customer-logos::after,
.customer-logos::before {
    content: '';
    position: absolute;
    width: 20%;
    height: 100%;
    z-index: 1;
    top: 0
}

.customer-logos::before {
    left: 0;
    background-image: linear-gradient(to right, #fff 0, transparent 50%)
}

.customer-logos::after {
    right: 0;
    background-image: linear-gradient(to left, #fff 0, transparent 50%)
}

.text-primary {
    color: #13589d !important
}

.industrial-realm .slick-list {
    padding-right: 200px
}

.industrial-realm .card {
    background: 0 0;
    margin: 0 20px;
    border: none;
    transition: .3s linear
}

.industrial-realm .card:hover .item-img .icon {
    transition: .3s linear
}

.breadcrumb li:last-child,
.industrial-realm .card:hover .h3 {
    color: #f36533
}

.industrial-realm .item-img>img {
    border-radius: 20px;
    margin-bottom: 20px;
    width: 100%;
    filter: brightness(.4)
}

.industrial-realm .item-img .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transition: .3s linear;
    transform: translate(-50%, -50%)
}

.footer-links li,
.top-banner,
footer {
    position: relative
}

.industrial-realm .item-img .icon span {
    font-size: 12rem;
    color: #fff;
    margin: 0 auto
}

.industrial-realm .section-heading .border-l {
    padding-left: 1.8rem;
    position: relative
}

.industrial-realm .section-heading .border-l:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 8px;
    height: 94%;
    background: #3f3f3f
}

.industrial-realm .slick-prev {
    left: 5%
}

.industrial-realm .slick-next {
    right: 5%
}

footer {
    background: #13589d;
    padding-top: 60px;
    padding-bottom: 20px
}

footer ul {
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

footer,
footer a,
footer li {
    color: #e2ebefde;
    font-size: 1.2rem
}

.footer-links {
    justify-content: start
}

.footer-links li {
    margin-right: 30px
}

.footer-links li:before {
    content: '';
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    left: 0;
    width: 2px;
    height: 52%;
    background: #ffffff61;
    transition: .3s linear
}

.footer-links li a {
    padding-left: 15px;
    transition: .3s linear
}

.social-icons li {
    width: 38px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    cursor: pointer;
    border-radius: 50%;
    transition: .3s linear;
    margin: 0 8px
}

.social-icons li a {
    font-size: 2.3rem
}

#backtoTop {
    background-color: #f05e4e;
    border-radius: 4px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    cursor: pointer;
    padding: .3rem
}

#backtoTop.show {
    opacity: 1;
    visibility: visible
}

#backtoTop span {
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%
}

.top-banner {
    height: 600px;
    background-size: cover
}

.top-banner:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    background: linear-gradient(0deg, rgb(0 0 0 / 77%) 0, rgb(0 0 0 / 47%) 50%, rgba(0, 0, 0, 0) 100%)
}

.top-banner h2 {
    font-weight: 900;
    color: #fff;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding: 1% 0
}

.top-banner .caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    text-align: center
}

.breadcrumb {
    justify-content: center;
    background: 0 0;
    padding-top: 12px;
    padding-bottom: 0;
    margin-bottom: 0
}

.breadcrumb ul {
    display: flex;
    padding: 0;
    margin: 0
}

.breadcrumb li {
    display: inline-block
}

.breadcrumb li i {
    margin: 0 10px;
    font-size: 1rem
}

.breadcrumb li,
.breadcrumb li a {
    display: flex;
    align-items: center;
    font-size: 1.2rem;
    color: #fff;
    transition: .7s
}

.bg-tyre1>div>a.btn1 {
    position: absolute;
    top: 50%;
    left: 20%;
    transform: translateY(-50%);
    color: #fff
}

.bg-tyre1>div>a.btn2 {
    position: absolute;
    top: 50%;
    left: 70%;
    transform: translateY(-50%);
    color: #fff
}

.testimonialSlider .item {
    border: 2px solid #f09b32;
    padding: 3rem;
    border-radius: 2rem;
    position: relative;
    height: 100%
}

.testimonialSlider .slick-list {
    height: 100%
}

.testimonialSlider .slick-track {
    display: flex
}

.testimonialSlider .slick-slide {
    padding: 2rem;
    height: auto
}

.applications:before,
.getintouch:before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    content: ''
}

.testimonialSlider .item small {
    color: #f4752e
}

.quote {
    position: absolute;
    background: #fff;
    width: 6rem;
    padding: 1rem
}

.applications,
.getintouch {
    background-image: url('../images/banner/about.webp');
    background-position: center;
    position: relative
}

.quote1 {
    top: -2rem;
    left: -2rem
}

.quote2 {
    bottom: -2rem;
    right: -2rem
}

.getintouch:before {
    background: #000;
    background: #000000cf
}

.applications {
    background-size: cover
}

.applications:before {
    background: #000;
    background: linear-gradient(0deg, rgb(207 207 207 / 91%) 0, rgb(221 221 221 / 93%) 50%, rgb(235 235 235) 100%)
}

.bg-industrial {
    background-image: url(../images/shape1.webp);
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain
}

.applications ul.li-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0
}

ul.li-list li {
    position: relative;
    width: 18%;
    margin: 12px 10px;
    display: flex;
    align-items: baseline;
    font-weight: 500;
    background: #ffffff47;
    padding: 12px 12px 12px 2.6rem;
    border-radius: 6px;
    border: 1px solid #ddd
}

.applications ul.li-list li:before {
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
    content: '';
    width: 8px;
    height: 8px;
    background: #f36533;
    z-index: 0;
    text-align: center;
    margin: 0
}

.applications ul.li-list li:after,
.list-style {
    height: 16px;
    background: #f4981d54;
    text-align: center;
    z-index: 0
}

.applications ul.li-list li:after {
    position: absolute;
    top: 50%;
    left: 16px;
    transform: translateY(-50%);
    content: '';
    width: 16px
}

.list-style {
    position: relative;
    min-width: 16px;
    margin-right: .6rem
}

.list-style .square {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 8px;
    height: 8px;
    background: #f36533;
    z-index: 0;
    text-align: center;
    margin: 0
}

ul.li-list1 {
    display: block;
    padding: 0
}

ul.li-list1 li {
    width: 100% !important;
    border: none;
    margin: 0 !important
}

.benefits {
    padding: 0;
    display: flex;
    flex-wrap: wrap
}

.benefits li {
    background: #fff;
    box-shadow: 0 0 10px rgb(0 0 0 / 25%);
    border-radius: 50px;
    padding: 10px
}
.benefits li h4 {
    margin: 0;
}

.benefits .icon-circle {
    background: #e7e7e7;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%)
}

.slider-item .slick-slide {
    margin: 5px
}

.slider-item .slick-next,
.slider-item .slick-prev,
.testimonialSlider .slick-next,
.testimonialSlider .slick-prev {
    top: calc(100% + 1.8rem);
    transform: translateY(-50%)
}

.slider-item .slick-prev {
    left: auto;
    right: calc(0% + 3.6rem)
}

.slider-item .slick-next {
    right: calc(0% + 5px)
}

.slider-item .slick-arrow,
.testimonialSlider .slick-arrow {
    width: 2.4rem;
    height: 2.4rem
}

.slider-item .slick-arrow span,
.testimonialSlider .slick-arrow span {
    font-size: 2rem
}

.slider-item .slick-arrow:hover {
    background: #ef951d
}

.testimonialSlider .slick-prev {
    left: calc(50% - 42px)
}

.testimonialSlider .slick-next {
    right: calc(50% - 42px)
}

.form {
    box-shadow: 0 0 12px rgb(0 0 0 / 13%);
    padding: 3rem;
    border-radius: 1rem
}

.form-control {
    height: calc(3rem + 2px);
    border-radius: 10px;
    border-left: none
}

.input-group>.form-control:not(:last-child) {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px
}

.input-group>.input-group-prepend>.input-group-text {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-right: none
}

.form .input-group {
    margin-bottom: 2rem
}

.input-group-text {
    background: 0 0
}

.form .btn {
    background: #13589d;
    color: #fff !important
}

.parsley-errors-list {
    position: absolute;
    left: 15px;
    bottom: -38px;
    padding: 0
}

.parsley-errors-list li {
    color: #db0000;
    font-size: 14px
}

.ul-list {
    padding: 0
}

.ul-list li {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    color: #5a5a58
}

.icon-circle {
    min-width: 4.6rem;
    height: 4.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #f5f5f5;
    border-radius: 50%;
    text-align: center;
    box-shadow: 0 0 10px rgb(0 0 0 / 11%);
    margin-right: 1rem
}

.icon-circle img {
    width: 38px
}

.grid-container {
    display: grid;
    gap: 15px;
    grid-template-columns: auto auto auto
}

.grid-item {
    position: relative;
    transition: .3s linear
}

.grid-item .caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: end;
    transition: .3s linear;
    padding: 1rem 1rem 0;
    text-align: center
}

.grid-item:hover .caption {
    transition: .3s linear;
    background: #fff
}

.grid-item .caption p {
    opacity: 0;
    color: #000
}

.service-item {
    width: 32%;
    box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    margin-bottom: 1.6rem
}

.service-item span {
    position: absolute;
    bottom: 0;
    right: 8%;
    background: #fff;
    padding: 1rem;
    box-shadow: 0 0 10px rgb(0 0 0 / 15%);
    z-index: 1;
    width: 5.5rem;
    height: 5.5rem;
    display: flex;
    align-items: center
}

.service-item span img {
    width: 50px;
    margin: 0 auto
}

.service-caption {
    padding: 2rem;
    z-index: 0;
    position: relative
}

.service-caption::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background: #fff;
    z-index: -1;
    transform: skewY(-6deg);
    top: 0;
    left: 0;
    transform-origin: left
}