@import url("https://fonts.googleapis.com/css2?family=Poltawski+Nowy:ital,wght@0,400..700;1,400..700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

html,
body {
    margin: 0;
    padding: 0;
}

*::before,
*::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

:root {
    --white: #ffffff;
    --primary-black: #404040;
    --black-color: #201d1d;
    --green-color: #12926e;
    --secondary-color: #fba934;

    --btn-border-grey: #e9e9e9;

    --form-field-BG: #f8f8f8;
    --form-field-radius: 50px;
    --form-field-padding-block: 14px;
    --form-field-padding-inline: 24px;

    --poltawski-font: "Poltawski Nowy", serif;
    --poppins-font: "Poppins", sans-serif;
}

a {
    margin: 0;
    text-decoration: none;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
}

ul li {
    list-style-type: none;
}

figure {
    margin: 0;
}

img {
    margin: 0;
    vertical-align: middle;
}

a,
input,
button,
select {
    margin: 0;
    outline: none;
    box-shadow: none;
}

input:focus,
select:focus,
button:focus {
    outline: none;
    box-shadow: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

input[type="number"] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}

/* Hide the default calendar icon */
input[type="date"]::-webkit-calendar-picker-indicator {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
/* Input Date */
input[type="date"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    width: 100%;
    /* background: url("../src/image/icon/date_icon.svg") no-repeat right 10px center; */
    background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2898_29706)'%3E%3Cpath d='M13.3333 1.66602C13.4858 1.66602 13.6292 1.70768 13.7517 1.77852L13.7792 1.79518C14.0125 1.94268 14.1667 2.20352 14.1667 2.49935V3.33268H15C15.6377 3.33265 16.2513 3.57629 16.7152 4.01375C17.1792 4.45122 17.4584 5.04944 17.4958 5.68602L17.5 5.83268V15.8327C17.5 16.4704 17.2564 17.0839 16.8189 17.5479C16.3815 18.0119 15.7832 18.2911 15.1467 18.3285L15 18.3327H5C4.36232 18.3327 3.74874 18.0891 3.28478 17.6516C2.82083 17.2141 2.54158 16.6159 2.50417 15.9793L2.5 15.8327V5.83268C2.49996 5.19501 2.7436 4.58142 3.18107 4.11746C3.61854 3.65351 4.21676 3.37426 4.85333 3.33685L5 3.33268H5.83333V2.49935C5.83333 2.35079 5.87304 2.20493 5.94835 2.07687C6.02366 1.94881 6.13183 1.84322 6.26167 1.77102L6.33917 1.73268L6.39417 1.71185L6.4775 1.68768L6.56667 1.67185L6.66667 1.66602C6.71278 1.66602 6.7575 1.66963 6.80083 1.67685L6.9025 1.70102L6.93583 1.71102L6.98583 1.73018C7.25917 1.84268 7.45917 2.09685 7.49417 2.40185L7.5 2.49935V3.33268H12.5V2.49935C12.5 2.27834 12.5878 2.06637 12.7441 1.91009C12.9004 1.75381 13.1123 1.66602 13.3333 1.66602ZM15.8333 7.49935H4.16667V15.5202C4.16667 16.1077 4.48833 16.5918 4.9025 16.6585L5 16.666H15C15.4275 16.666 15.78 16.2243 15.8275 15.6535L15.8333 15.5202V7.49935Z' fill='%235E5E5E'/%3E%3Cpath d='M7.51149 10.8341C7.51149 11.0551 7.42369 11.267 7.26741 11.4233C7.11113 11.5796 6.89917 11.6674 6.67816 11.6674C6.5656 11.6727 6.45314 11.6552 6.34756 11.6158C6.24197 11.5765 6.14546 11.5161 6.06383 11.4385C5.9822 11.3608 5.91715 11.2674 5.87262 11.1639C5.82808 11.0604 5.80497 10.9489 5.80469 10.8363C5.80441 10.7236 5.82696 10.612 5.87098 10.5083C5.915 10.4046 5.97957 10.3108 6.06081 10.2327C6.14205 10.1547 6.23827 10.0939 6.34365 10.054C6.44904 10.0141 6.56141 9.99599 6.67399 10.0007C7.13816 10.0007 7.51149 10.3741 7.51149 10.8341Z' fill='%235E5E5E'/%3E%3Cpath d='M10.8474 10.8341C10.8474 11.0551 10.7596 11.267 10.6033 11.4233C10.4471 11.5796 10.2351 11.6674 10.0141 11.6674C9.90154 11.6727 9.78908 11.6552 9.68349 11.6158C9.57791 11.5765 9.48139 11.5161 9.39976 11.4385C9.31814 11.3608 9.25309 11.2674 9.20855 11.1639C9.16402 11.0604 9.14091 10.9489 9.14063 10.8363C9.14035 10.7236 9.1629 10.612 9.20692 10.5083C9.25093 10.4046 9.31551 10.3108 9.39675 10.2327C9.47799 10.1547 9.5742 10.0939 9.67959 10.054C9.78498 10.0141 9.89735 9.99599 10.0099 10.0007C10.4741 10.0007 10.8474 10.3741 10.8474 10.8341Z' fill='%235E5E5E'/%3E%3Cpath d='M14.1834 10.8341C14.1834 11.0551 14.0956 11.267 13.9393 11.4233C13.783 11.5796 13.571 11.6674 13.35 11.6674C13.2375 11.6727 13.125 11.6552 13.0194 11.6158C12.9138 11.5765 12.8173 11.5161 12.7357 11.4385C12.6541 11.3608 12.589 11.2674 12.5445 11.1639C12.5 11.0604 12.4768 10.9489 12.4766 10.8363C12.4763 10.7236 12.4988 10.612 12.5429 10.5083C12.5869 10.4046 12.6514 10.3108 12.7327 10.2327C12.8139 10.1547 12.9101 10.0939 13.0155 10.054C13.1209 10.0141 13.2333 9.99599 13.3459 10.0007C13.81 10.0007 14.1834 10.3741 14.1834 10.8341Z' fill='%235E5E5E'/%3E%3Cpath d='M10.018 12.5007C10.239 12.5007 10.451 12.5885 10.6073 12.7448C10.7635 12.9011 10.8513 13.1131 10.8513 13.3341C10.8513 13.5551 10.7635 13.767 10.6073 13.9233C10.451 14.0796 10.239 14.1674 10.018 14.1674C9.90545 14.1727 9.79299 14.1552 9.6874 14.1158C9.58182 14.0765 9.4853 14.0161 9.40367 13.9385C9.32204 13.8608 9.257 13.7674 9.21246 13.6639C9.16792 13.5604 9.14482 13.4489 9.14453 13.3363C9.14425 13.2236 9.1668 13.112 9.21082 13.0083C9.25484 12.9046 9.31942 12.8108 9.40066 12.7327C9.4819 12.6547 9.57811 12.5939 9.6835 12.554C9.78888 12.5141 9.90126 12.496 10.0138 12.5007H10.018Z' fill='%235E5E5E'/%3E%3Cpath d='M7.51149 13.3341C7.51149 13.5551 7.42369 13.767 7.26741 13.9233C7.11113 14.0796 6.89917 14.1674 6.67816 14.1674C6.5656 14.1727 6.45314 14.1552 6.34756 14.1158C6.24197 14.0765 6.14546 14.0161 6.06383 13.9385C5.9822 13.8608 5.91715 13.7674 5.87262 13.6639C5.82808 13.5604 5.80497 13.4489 5.80469 13.3363C5.80441 13.2236 5.82696 13.112 5.87098 13.0083C5.915 12.9046 5.97957 12.8108 6.06081 12.7327C6.14205 12.6547 6.23827 12.5939 6.34365 12.554C6.44904 12.5141 6.56141 12.496 6.67399 12.5007C7.13816 12.5007 7.51149 12.8741 7.51149 13.3341Z' fill='%235E5E5E'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2898_29706'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A")
        right 10px center;
    background-repeat: no-repeat;
    background-size: 18px;
    cursor: pointer;
    padding: 9.5px 35px 9.5px 10px;
}

input,
textarea,
select {
    border-radius: var(--form-field-radius);
    background: var(--form-field-BG);
    padding: var(--form-field-padding-block) var(--form-field-padding-inline);
    width: 100%;
    font-family: var(--poppins-font);
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: var(--black-color);
    border: 0;
}

textarea {
    border-radius: 22px;
}

input::placeholder,
textarea::placeholder {
    color: var(--black-color);
    opacity: 0.4;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgb3BhY2l0eT0iMC40IiBjbGlwLXBhdGg9InVybCgjY2xpcDBfMzU2MV81NjE5KSI+CjxwYXRoIGQ9Ik0xOCA5QzE4Ljg1MiA5IDE5LjI5NyA5Ljk4NiAxOC43ODMgMTAuNjIzTDE4LjcwNyAxMC43MDdMMTIuNzA3IDE2LjcwN0MxMi41MzQ4IDE2Ljg3OTIgMTIuMzA1NyAxNi45ODI2IDEyLjA2MjYgMTYuOTk3OUMxMS44MTk2IDE3LjAxMzIgMTEuNTc5NCAxNi45MzkzIDExLjM4NyAxNi43OUwxMS4yOTMgMTYuNzA3TDUuMjkyOTUgMTAuNzA3TDUuMjA5OTUgMTAuNjEzTDUuMTU1OTUgMTAuNTM2TDUuMTAxOTUgMTAuNDRMNS4wODQ5NSAxMC40MDRMNS4wNTc5NSAxMC4zMzdMNS4wMjU5NSAxMC4yMjlMNS4wMTU5NSAxMC4xNzZMNS4wMDU5NSAxMC4xMTZMNS4wMDE5NSAxMC4wNTlWOS45NDFMNS4wMDY5NSA5Ljg4M0w1LjAxNTk1IDkuODIzTDUuMDI1OTUgOS43NzFMNS4wNTc5NSA5LjY2M0w1LjA4NDk1IDkuNTk2TDUuMTU0OTUgOS40NjRMNS4yMTk5NSA5LjM3NEw1LjI5Mjk1IDkuMjkzTDUuMzg2OTUgOS4yMUw1LjQ2Mzk1IDkuMTU2TDUuNTU5OTUgOS4xMDJMNS41OTU5NSA5LjA4NUw1LjY2Mjk1IDkuMDU4TDUuNzcwOTUgOS4wMjZMNS44MjM5NSA5LjAxNkw1Ljg4Mzk1IDkuMDA2TDUuOTQwOTUgOS4wMDJMMTggOVoiIGZpbGw9IiMyMDFEMUQiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8zNTYxXzU2MTkiPgo8cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==");
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 22px;
    padding-right: 35px;
    border-color: #e5e5e5;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
}

input:focus-visible,
textarea:focus-visible,
select:focus-visible {
    outline: 1px solid var(--secondary-color);
}

/*======== Global Styles ========*/
.container {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}

.btn {
    display: inline-flex;
    align-items: center;
    gap: 16px;
    padding: 12px 30px;
    font-family: var(--poppins-font);
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    border: 1px solid transparent;
    border-radius: 10px;
    text-align: center;
    cursor: pointer;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.btn.btnPrimary {
    background: var(--green-color);
    border-color: var(--green-color);
    color: var(--white);
}

.btn.btnPrimary:hover,
.btn.btnPrimary:focus-visible {
    background: transparent;
    color: var(--green-color);
}

.btn.btnPrimaryOutline {
    background: transparent;
    border: 1px solid var(--green-color);
    color: var(--green-color);
}

.btn.btnPrimaryOutline:hover,
.btn.btnPrimaryOutline:focus-visible {
    background: var(--green-color);
    color: var(--white);
}

.btn.btnPrimaryOutline:hover .arrow,
.btn.btnPrimaryOutline:focus-visible .arrow {
    transform: translateX(5px);
}

.arrowBtn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border: 1px solid var(--btn-border-grey);
    border-radius: 10px;
    cursor: pointer;
    width: fit-content;
    height: fit-content;
    padding: 12px 25px;
    font-family: var(--poppins-font);
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    text-align: center;
    color: var(--black-color);
    background: var(--white);
}

.arrow,
.arrowBtn > * {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.arrowBtn:hover .arrow,
.arrowBtn:focus-visible .arrow,
.arrowBtn:hover svg,
.arrowBtn:focus-visible svg {
    transform: translateX(6px);
}

.arrowBtn.arrowBtnGreen {
    border: 1px solid var(--green-color);
    background: transparent;
    color: var(--green-color);
}

.globalHeading {
    font-family: var(--poltawski-font);
    font-weight: 500;
    font-size: 42px;
    line-height: 120%;
    color: var(--primary-black);
}

p {
    font-family: var(--poppins-font);
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: var(--primary-black);
    opacity: 0.5;
}

/* Modal */
.modal-content {
    border-radius: 16px;
}

.modal .modal-title.
.modal-header .modal-title {
    font-family: var(--poltawski-font);
    font-weight: 500;
    font-size: 26px;
    line-height: 100%;
    color: var(--primary-black);
}

.contactModal .modal-dialog {
    max-width: 700px;
}

.modal-header .btn-close {
    opacity: 1;
    font-size: 14px;
}

.btn-close:focus {
    box-shadow: 0 0 0 0.25rem rgba(194, 194, 194, 0.25);
}
.errorModal .iconBox,
.submitModal .iconBox {
    width: 90px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.errorModal .iconBox .borderImg,
.submitModal .iconBox .borderImg {
    position: absolute;
    inset: 0;
    margin: auto;
    height: 100%;
    width: 100%;
    -webkit-animation: animatedRoundImage both infinite linear 20s;
    -moz-animation: animatedRoundImage both infinite linear 20s;
    animation: animatedRoundImage both infinite linear 20s;
}

.submitModal .iconBox .checkMark {
    height: 50px;
}
.errorModal .iconBox .errorIcon {
    height: 40px;
}

/*======== Header Styles ========*/
header {
    padding: 10px 0;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

header.bgWithShadow {
    /* background: var(--white); */
    background: url("../image/testimonial_BG.svg");
    background-size: 100%;
    -webkit-box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.1);
}

header .headerLogo {
    height: 90px;
}

.logoBox {
    display: flex;
    align-items: center;
    gap: 20px;
}

.logoBox .logoTextBox {
    color: var(--primary-black);
}
.logoBox .logoTitle {
    font-family: var(--poppins-font);
    font-weight: 700;
    font-size: 28px;
    line-height: 100%;
}
.logoBox .logoSubtitle {
    font-family: var(--poppins-font);
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    margin-top: 5px;
    opacity: 0.5;
}

header .btnPrimary {
    padding: 16px 52px;
}

/*======= Footer style =======*/
footer {
    background: url("../image/footer-bg.svg");
    background-repeat: repeat;
    background-size: 100%;
    padding: clamp(3.125rem, 9.191vw + 0.368rem, 6.25rem) 0 clamp(1.875rem, 11.029vw - 1.434rem, 5.625rem);
}

footer .logoBox {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}
footer .ftrLogo {
    max-height: 120px;
    width: 100%;
}
footer .headingText {
    color: var(--green-color);
    font-family: var(--poppins-font);
    font-weight: 700;
    font-size: 22px;
    line-height: 22px;
}

footer .socialBox {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 26px;
}
footer .socialList {
    display: flex;
    align-items: center;
    gap: 8px;
}

footer .socialIconBox {
    max-width: 40px;
    min-width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--green-color);
}

footer .socialIconBox img {
    max-height: 24px;
}

footer .socialIconBox:hover,
footer .socialIconBox:focus-visible {
    scale: 1.05;
}

footer .bottomFtr {
    border-top: 1px solid #c7c7c7;
    margin-top: 60px;
    padding-top: 36px;
    display: flex;
    gap: 15px;
    flex-wrap: wrap-reverse;
    justify-content: space-between;
}
footer .bottomFtr p {
    font-family: var(--poppins-font);
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    color: var(--primary-black);
    opacity: 1;
}

footer .bottomFtr ul {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

footer .bottomFtr ul li a {
    color: var(--primary-black);
    font-family: var(--poppins-font);
    font-weight: 500;
    font-size: 14px;
    line-height: 34px;
    text-decoration: underline;
    margin-right: 5px;
}

footer .bottomFtr ul li a::after {
    content: "|";
    margin-left: 5px;
}

footer .bottomFtr ul li:last-child a:after {
    content: "";
    margin-left: 0;
}

/*======== Hero Section Styles ========*/
.hero_sec {
    min-height: 100vh;
    background: url("../image/hero_BG.png") no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    background-position: right 0px center;
}

.hero_sec .heroContent {
    padding-top: 250px;
    padding-bottom: 50px;
    color: var(--primary-black);
}

.hero_sec .heroContent h1 {
    font-family: var(--poltawski-font);
    font-weight: 500;
    font-size: 42px;
    line-height: 120%;
    margin-bottom: 26px;
}

.hero_sec .heroContent .appDownloadBtnBox {
    margin-top: 80px;
}

.appDownloadBtnBox {
    display: flex;
    align-items: center;
    gap: 20px;
}

.downloadStoreBtn img {
    user-select: none;
    pointer-events: none;
}

.downloadStoreBtn:hover,
.downloadStoreBtn:focus-visible {
    scale: 0.98;
}

/*=== Find truck and Goods Transport section ===*/
.findTruckGoods_sec {
    padding: 180px 0;
}

.findTruckGoods_sec .appDownloadBtnBox {
    margin-top: 80px;
}

.findTruckGoods_sec .leftSideImageBox {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.findTruckGoods_sec .leftSideImageBox .mainImage {
    max-width: 100%;
    height: auto;
    position: absolute;
    z-index: 1;
}

.findTruckGoods_sec .leftSideImageBox .animatedRoundImage {
    max-width: 100%;
    height: auto;
}

.findTruckGoods_sec .leftSideImageBox .mainImage,
.findTruckGoods_sec .leftSideImageBox .animatedRoundImage {
    user-select: none;
    pointer-events: none;
}

.animatedRoundImage {
    -webkit-animation: animatedRoundImage both infinite linear 40s;
    -moz-animation: animatedRoundImage both infinite linear 40s;
    animation: animatedRoundImage both infinite linear 40s;
}
@keyframes animatedRoundImage {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* Desh parivahan across india banner */
.deshParivahnQuotes_banner {
    max-width: 1280px;
    width: 95%;
    margin: 0 auto;
    border-radius: 30px;
    overflow: hidden;
    background: url("../image/quateLinebannerBG.png") no-repeat;
    background-size: cover;
    background-position: center;
    padding: 60px 137px 96px 66px;
    position: relative;
}

.deshParivahnQuotes_banner * {
    position: relative;
    z-index: 1;
}

.deshParivahnQuotes_banner .circleIconAnimated {
    position: absolute;
    right: -6%;
    top: -22%;
    z-index: 0;
    -webkit-animation: animatedRoundImage reverse infinite linear 40s;
    -moz-animation: animatedRoundImage reverse infinite linear 40s;
    animation: animatedRoundImage reverse infinite linear 40s;
}

/*==== features sec ====*/
.features_sec {
    padding: 180px 0 90px;
}

.featureCard_grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 42px;
    row-gap: 30px;
}

.feature_card {
    position: relative;
    background: url("../image/icon/featureCard-shape.svg") no-repeat;
    background-size: cover;
    padding: 58px 30px 30px;
    max-width: 381px;
    min-width: 381px;
    display: flex;
    flex-direction: column;
}

.feature_card .cardTop .iconBox {
    max-width: 214px;
    min-width: 214px;
    height: 214px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    position: relative;
}

.feature_card .cardTop .iconBox::after {
    content: "";
    position: absolute;
    background: url("../image/icon/findTruckGoods-bgCircleRound.svg") no-repeat;
    background-size: 100%;
    inset: 0;
    margin: auto;
    user-select: none;
    pointer-events: none;
}

.feature_card .content {
    padding-top: 40px;
    text-align: center;
    border-top: 0;
}

.feature_card .featureTitle {
    font-family: var(--poppins-font);
    font-weight: 700;
    font-size: 26px;
    line-height: 100%;
    color: var(--green-color);
    margin-bottom: 20px;
    padding-inline: 40px;
    position: relative;
}

.feature_card .ctaArrow {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.feature_card:hover .ctaArrow,
.feature_card:focus-visible .ctaArrow {
    opacity: 1;
}

.feature_card:hover .iconBox::after,
.feature_card:focus-visible .iconBox::after {
    -webkit-animation: animatedRoundImage both infinite linear 40s;
    -moz-animation: animatedRoundImage both infinite linear 40s;
    animation: animatedRoundImage both infinite linear 40s;
}

/*------ CTA Sections ------*/
.CTA_sec {
    padding: 90px 0;
}

/* Make good smarter sec */
.makeGoodSmart_sec_banner {
    max-width: 1280px;
    width: 95%;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 30px;
    background: url("../image/quateLinebannerBG.png") repeat;
    background-size: cover;
    background-position: center;
}

.makeGoodSmart_sec_banner .container {
    padding-block: clamp(3.125rem, 9.191vw + 0.368rem, 6.25rem);
}

.makeGoodSmart_sec_banner .bottomBar {
    padding: clamp(1.25rem, 3.676vw + 0.147rem, 2.5rem);
    background: url("../image/makeGoodFaster_bg.svg") repeat;
    background-size: cover;
    background-position: center;
}

/*----- Testimonial Sec -----*/
.testimonial_sec {
    padding: 120px 0;
    background: url("../image/testimonial_BG.svg");
    background-repeat: repeat;
}

.testimonial_card {
    background: var(--white);
    border: 1px solid #201d1d33;
    border-radius: 16px;
    box-shadow: 0px 0px 6px 0px #0000001a;
    padding: clamp(1.25rem, 2.5vw + 0.5rem, 2.5rem);
}

.testimonial_card .topHead {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 15px;
}

.testimonial_card .topHead .icon {
    max-width: 92px;
    min-width: 92px;
    height: 92px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url("../image/icon/testimonialIcon-circle.svg") no-repeat;
    background-size: 100%;
}

.testimonial_card:hover .icon img {
    animation: quotesAnimation 1s ease-in-out infinite alternate;
}

@keyframes quotesAnimation {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(-8deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

.testimonial_card .topHead .rating {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: nowrap;
    font-family: var(--poppins-font);
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    color: var(--secondary-color);
}
.testimonial_card .topHead .rating img {
    margin-top: -5px;
}

.testimonial_card .content {
    padding: 28px 0 30px;
}

.testimonial_card .content p {
    font-weight: 400;
}
.testimonial_card .userBlock {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: nowrap;
}
.testimonial_card .userBlock .userProfile {
    max-width: 50px;
    min-width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.testimonial_card .userBlock .userProfile img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.testimonial_card .userBlock .userName {
    font-family: var(--poppins-font);
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    color: var(--secondary-color);
}

/* Swiper Slider */
.swiper {
    width: 100%;
    height: 100%;
}

.testimonialSwiper {
    margin-top: 50px;
}

.testimonialSwiper .swiperBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
    margin-top: 40px;
}

.testimonialSwiper .swiperBtn .swiper-button-prev,
.testimonialSwiper .swiperBtn .swiper-button-next {
    position: static;
    display: flex;
    justify-content: center;
    max-width: 43px;
    min-width: 43px;
    height: 43px;
    border: 1px solid var(--green-color);
    border-radius: 50%;
    color: var(--green-color);
    background: transparent;
    margin: 0;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after,
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: "";
    display: none;
}

.testimonialSwiper .swiperBtn .swiper-button-prev {
    justify-content: end;
}
.testimonialSwiper .swiperBtn .swiper-button-next {
    justify-content: start;
}

.testimonialSwiper .swiperBtn .swiper-button-prev:hover img,
.testimonialSwiper .swiperBtn .swiper-button-prev:focus-visible img,
.testimonialSwiper .swiperBtn .swiper-button-next:hover img,
.testimonialSwiper .swiperBtn .swiper-button-next:focus-visible img {
    transform: translateX(-80%);
}

.testimonialSwiper .swiper-button-next img {
    rotate: 180deg;
}
.testimonialSwiper .swiperBtn .swiper-button-prev img,
.testimonialSwiper .swiperBtn .swiper-button-next img {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

/*=== FAQs section ===*/
.FAQs_sec {
    padding: clamp(3.125rem, 16.25vw - 1.75rem, 11.25rem) 0;
}

.faqsTabs {
    margin-top: clamp(1.875rem, 6.25vw + 0rem, 5rem);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
}

.faqsTabs .nav-link {
    padding: 13px 20px;
    font-family: var(--poppins-font);
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    color: var(--primary-black);
    opacity: 0.5;
    border-left: 3px solid transparent;
}

.faqsTabs .nav-link.active {
    color: var(--green-color);
    opacity: 1;
    border-color: var(--green-color);
}

/* FAqs */
.FAQs_sec .accordion-item {
    box-shadow: 0px 0px 6px 0px #0000001a;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    border: 0;
    margin-bottom: 18px;
}

.FAQs_sec .accordion-item:has(.accordion-button:not(.collapsed)) {
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
}

.FAQs_sec .accordion-button {
    margin: 0;
    padding: 18px 20px 18px 28px;
    font-family: var(--poppins-font);
    font-weight: 600;
    font-size: 18px;
    line-height: 110%;
    color: var(--black-color);
    box-shadow: none;
    border: none;
    border-radius: 10px;
    background: transparent;
    gap: 10px;
}

.FAQs_sec .accordion-button:not(.collapsed) {
    background: var(--White);
    border-color: transparent;
}

.FAQs_sec .accordion-button::after {
    width: 40px;
    height: 40px;
    background: url(../image/icon/faq_plus.svg) center center no-repeat;
    background-size: 100% 100% !important;
}

.FAQs_sec .accordion-button:not(.collapsed)::after {
    background: url(../image/icon/faq_minus.svg) center center no-repeat;
    transition: all ease-in-out 0.3s;
}

.FAQs_sec .accordion-body {
    padding: 0px 20px 27px 28px;
}

.FAQs_sec .accordion-body p {
    font-size: 14px;
    font-weight: 400;
}