@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=Syne:wght@400..800&display=swap');
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

/* ============common heading class start===== */

li {
    font-family: "Syne", sans-serif;
}

h1 {
    font-size: 52px;
    font-weight: 700;
    line-height: 62px;
    letter-spacing: -2px;
    font-family: "Syne", sans-serif;
}

h2 {
    font-size: 48px;
    font-weight: 700;
    line-height: 66px;
    font-family: "Syne", sans-serif;
}

h3 {
    font-family: "Syne", sans-serif;
    font-size: 21px;
    font-weight: 700;
    line-height: 28px;
}

h5 {
    color: var(--gray-900, #18181B);
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    font-family: "Syne", sans-serif;
}

h4 {
    font-family: "Syne", sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 62px;
    letter-spacing: -2px;
    text-transform: capitalize;
}

h6 {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: -0.2px;
    font-family: "Syne", sans-serif;
    color: var(--primary);
}

p {
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    font-family: "Plus Jakarta Sans", sans-serif;
}

a {
    font-family: "Plus Jakarta Sans", sans-serif;
}

.btn {
    font-family: "Plus Jakarta Sans";
}

/* =======common class end======== */

:root {
    --primary: #0096D5;
    --secondary: #161718;
    --whiteColor: #FFFFFF;
    --fadeprimary: #006691;
    --fadewhite: #efefef;
    --fadesecondary: #2d2e2f;
}

.margin_padding {
    padding: 100px 0;
}

.sign_in_btn .sign_in {
    background-color: var(--primary);
    border-radius: 5px;
    border: 1px solid var(--primary);
    padding: 9px 35px;
    color: var(--whiteColor);
    font-size: 16px;
    font-weight: 600;
    font-family: "Plus Jakarta Sans", sans-serif;
}

.sign_in_btn .sign_in:hover {
    background-color: var(--fadeprimary);
    border: 1px solid var(--primary);
    padding: 9px 35px;
    color: var(--whiteColor);
}

.sign_in_btn .sign_up {
    border-radius: 5px;
    padding: 9px 30px;
    font-size: 16px;
    font-weight: 600;
    font-family: "Plus Jakarta Sans", sans-serif;
}

.sign_in_btn .sign_up:hover {
    background-color: var(--fadewhite);
    padding: 9px 30px;
}

header .navbar .nav-item .nav-link {
    font-size: 15px;
    font-weight: 600;
    color: var(--secondary);
}

header .navbar ul li {
    position: relative;
}

header .navbar ul li::after {
    position: absolute;
    content: "";
    bottom: 4px;
    left: 5px;
    width: 0%;
    max-width: 85%;
    height: 2px;
    background-color: var(--primary);
    transition: 0.6s;
}

header .navbar ul li:hover:after {
    position: absolute;
    content: "";
    bottom: 4px;
    left: 5px;
    width: 100%;
    max-width: 85%;
    height: 2px;
    background-color: var(--primary);
}

header .dropdown {
    position: relative;
    display: inline-block;
}

header .dropdown-content {
    display: none;
    position: absolute;
    top: 40px;
    left: -85%;
    width: 200px;
    height: 180px;
    padding: 25px 35px;
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    border: 1px #bababa;
    z-index: 1;
}

header .dropdown-content a {
    color: var(--secondary);
    padding: 9px 5px;
    text-decoration: none;
    display: block;
    font-size: 15px;
    font-weight: 600;
}

header .dropdown:hover .dropdown-content {
    display: block;
}

/* ==========home section css===== */

.home_section .home_banner_1 {
    width: 100%;
    height: auto;
}

.home_section .home_banner_1 {
    width: 100%;
    max-width: 90%;
    object-fit: cover;
    height: auto;
    position: relative;
}
.home_section .home_banner_1{
    animation-name: movment;
  animation-duration: 8s;
  animation-iteration-count: infinite;
}
@keyframes movment {
    0%   { left:0px; top:0px;}
    25%  { left:0px; top:10px;}
    50%  { left:0px; top:0px;}
    75%  { left:0px; top:10px;}
    100% { left:0px; top:0px;}
  }
.home_section .home_section_content h2 {
    color: var(--gray-900, #18181B);
    font-size: 48px;
    font-weight: 700;
    line-height: 66px;
}

.home_section .home_section_content span {
    color: var(--primary);
    font-size: 80px;
    font-weight: 700;
    line-height: 88px;
}

.home_section .home_section_content p {
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    width: 65%;
}

.home_section_banner .view_products_btn .btn {
    background-color: var(--primary);
    border-radius: 5px;
    border: 1px solid var(--primary);
    padding: 9px 25px;
    color: var(--whiteColor);
    font-size: 17px;
    font-weight: 600;
    transition: 0.7s;
}

.home_section_banner .view_products_btn .btn:hover {
    background-color: var(--fadeprimary);
    border: 1px solid var(--primary);
    padding: 9px 25px;
    color: var(--whiteColor);
}

.home_section_banner .see_plans .btn {
    border-radius: 5px;
    padding: 9px 25px;
    color: var(--secondary);
    font-size: 17px;
    font-weight: 600;
    transition: 0.7s;
}

.home_section_banner .see_plans .btn:hover {
    padding: 9px 25px;
    color: var(--secondary);
    background-color: var(--fadewhite);
}

.home_section_banner .iconify {
    font-size: 22px;
    font-weight: 700;
    color: var(--whiteColor);
}

.home_section_images .home_banner_2 {
    position: absolute;
    top: -18%;
    right: 3%;
    width: 100%;
    max-width: 32%;
}

.home_section_images .home_banner_3 {
    position: absolute;
    bottom: -16%;
    left: -13%;
    max-width: 85%;
}
.home_section_images .home_banner_4 {
    position: absolute;
    top: 45%;
    left: -5%;
    max-width: 100%;
}
.home_section_images .home_banner_5 {
    position: absolute;
    bottom: -8%;
    left: 28%;
    max-width: 100%;
}
.home_section_images .home_banner_6 {
    position: absolute;
    top: -7%;
    left: 45%;
}
.home_section_images .home_banner_7 {
    position: absolute;
    top: 0%;
    right: 5%;
}
.home_section_images .home_banner_2 img {
    width: 100%;
    object-fit: cover;
}

.home_section_images .home_banner_3 img {
    width: 100%;
    object-fit: cover;
}

.home_section .container {
    margin-top: 7%;
    margin-bottom: 3%;
}

.why_choose_details h6 {
    color: var(--Blue, #0096D5);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: -0.2px;
}

.why_choose_details h1 {
    color: var(--Base-02, #090914);
    text-align: center;
    font-size: 52px;
    font-weight: 700;
    line-height: 62px;
    letter-spacing: -2px;
}

/* ==============end common class==== */

.why_choose_details p {
    color: var(--gray-900, #18181B);
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    padding: 25px 80px;
}

.home_bellow_section .card_details h5 {
    color: var(--gray-900, #18181B);
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    padding: 10px 30px;
}

.home_bellow_section .card_details p {
    color: var(--gray-900, #18181B);
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
}

.home_bellow_section .why_choose_card {
    border-radius: 20px;
    border: 1px solid #E9E9E9;
    background: #FAFAFA;
    margin: 0px 20px;
    padding: 30px 30px;
}

.home_bellow_section .why_choose_card.big_card {
    border-radius: 20px;
    border: 1px solid #E9E9E9;
    background: #FAFAFA;
    margin: 0px 20px;
    padding: 70px 30px;
}

.know_more_btn a {
    background-color: transparent;
    border: 2px solid var(--secondary);
    border-radius: 8px;
    font-size: 18px;
    font-weight: 700;
    width: 100%;
    max-width: 25%;
    margin-top: 10px;
}

.know_more_btn a:hover {
    background-color: var(--fadewhite);
    border: 2px solid var(--secondary);
}

.driver_tool {
    background-color: var(--secondary);
}

.driver_tool .driver_image_card {
    border-radius: 100px 100px 0px 0px;
    background-color: var(--fadesecondary);
    padding: 90px 0px 20% 0px;
}

.driver_tool .driver_tool_content span {
    background-color: var(--fadesecondary);
    color: var(--whiteColor);
    padding: 10px 25px;
    border-radius: 25px;
    font-size: 16px;
    font-weight: 500;
}

.driver_tool .driver_tool_content h1 {
    color: var(--whiteColor);
    padding: 25px 0;
}

.driver_tool .driver_tool_content p {
    color: #D9D9D9;
    font-weight: 400;
    line-height: 26px;
}

.driver_tool .list_compatibilty ul li {
    color: var(--whiteColor);
    font-family: "Plus Jakarta Sans";
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: -0.2px;
}

.driver_tool .common_btn .btn {
    color: #161719;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    border-radius: 8px;
    background: #FFF;
    padding: 8px 25px;
    transition: 0.5s;
}

.driver_tool .common_btn .btn:hover {
    color: #161719;
    background: var(--fadewhite);
    padding: 8px 25px;
}

.driver_tool .see_plans .btn {
    color: var(--whiteColor);
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    border-radius: 8px;
    padding: 8px 25px;
    background-color: var(--secondary);
    transition: 0.5s;
}

.driver_tool .see_plans .btn:hover {
    color: var(--whiteColor);
    background-color: var(--fadesecondary);
}

.padding_top {
    padding-top: 90px;
}

/* ========================== */

/* .winspeed_pro{
    background-color: var(--secondary);
} */

.winspeed_pro .driver_image_card {
    border-radius: 100px 100px 0px 0px;
    background-color: rgba(0, 150, 213, 0.10);
    padding: 90px 0px 20% 0px;
}

.winspeed_pro .driver_tool_content span {
    background-color: var(--fadesecondary);
    color: var(--whiteColor);
    padding: 10px 25px;
    border-radius: 25px;
    font-size: 16px;
    font-weight: 500;
}

.winspeed_pro .driver_tool_content h1 {
    color: var(--secondary);
    padding: 25px 0;
}

.winspeed_pro .driver_tool_content p {
    color: var(--secondary);
    font-weight: 400;
    line-height: 26px;
}

.winspeed_pro .list_compatibilty ul li {
    color: var(--secondary);
    font-family: "Plus Jakarta Sans";
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: -0.2px;
}

.winspeed_pro .common_btn .btn {
    color: var(--whiteColor);
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    border-radius: 8px;
    background: var(--primary);
    padding: 8px 25px;
    transition: 0.5s;
}

.winspeed_pro .common_btn .btn:hover {
    color: var(--whiteColor);
    background: var(--fadeprimary);
    padding: 8px 25px;
}

.winspeed_pro .see_plans .btn {
    color: var(--secondary);
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    border-radius: 8px;
    padding: 8px 25px;
    background-color: var(--whiteColor);
    transition: 0.5s;
}

.winspeed_pro .see_plans .btn:hover {
    color: var(--secondary);
    background-color: var(--fadewhite);
}

/* ============================== */

.zone-firewall {
    background-color: #44546B;
}

.zone-firewall .driver_image_card {
    border-radius: 100px 100px 0px 0px;
    background-color: #57657a;
    padding: 90px 0px 20% 0px;
}

.zone-firewall .driver_tool_content span {
    background-color: var(--fadesecondary);
    color: var(--whiteColor);
    padding: 10px 25px;
    border-radius: 25px;
    font-size: 16px;
    font-weight: 500;
}

.zone-firewall .driver_tool_content h1 {
    color: var(--whiteColor);
    padding: 25px 0;
}

.zone-firewall .driver_tool_content p {
    color: var(--fadewhite);
    font-weight: 400;
    line-height: 26px;
}

.zone-firewall .list_compatibilty ul li {
    color: var(--whiteColor);
    font-family: "Plus Jakarta Sans";
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: -0.2px;
}

.zone-firewall .common_btn .btn {
    color: var(--secondary);
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    border-radius: 8px;
    background: var(--whiteColor);
    padding: 8px 25px;
    transition: 0.5s;
}

.zone-firewall .common_btn .btn:hover {
    color: var(--secondary);
    background: var(--fadewhite);
    padding: 8px 25px;
}

.zone-firewall .see_plans .btn {
    color: var(--whiteColor);
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    border-radius: 8px;
    padding: 8px 25px;
    background-color: transparent;
    transition: 0.5s;
}

.zone-firewall .see_plans .btn:hover {
    color: var(--whiteColor);
    background-color: #57657a;
}

.common_image_width {
    width: 100%;
    height: auto;
}

.common_image_width img {
    width: 100%;
    max-width: 88%;
    object-fit: cover;
    height: auto;
}

.unlock_the_benefits .unlock_details h6 {
    color: var(--primary);
}

.unlock_the_benefits .card_inner_details h3 {
    color: var(--gray-900, #18181B);
    padding: 15px 0;
}

.unlock_the_benefits .card_inner_details p {
    color: var(--gray-600, #52525B);
    font-weight: 400;
    padding-top: 18px;
}

.unlock_card.card-1 {
    padding: 45px 60px 35px 60px;
    border-right: 2px solid #f1f1f2;
    border-bottom: 2px solid #f1f1f2;
}

.unlock_card.card-2 {
    padding: 45px 60px 35px 60px;
    border-right: 2px solid #f1f1f2;
    border-bottom: 2px solid #f1f1f2;
}

.unlock_card.card-3 {
    padding: 45px 60px 35px 60px;
    border-bottom: 2px solid #f1f1f2;
}

.unlock_card.card-4 {
    padding: 45px 60px 35px 60px;
    border-right: 2px solid #f1f1f2;
}

.unlock_card.card-5 {
    padding: 45px 60px 35px 60px;
    border-right: 2px solid #f1f1f2;
}

.unlock_card.card-6 {
    padding: 45px 60px 35px 60px;
}

.unlock_the_benefits {
    border-bottom: 1px solid #E9E9E9;
    background: #FAFAFA;
}

/* ==================== */

.choose_card {
    border-radius: 20px;
    background: var(--secondary);
    padding: 5px 0;
}

.pricing_card {
    background-color: var(--fadesecondary);
    border-radius: 16px;
    margin: 0px 35px;
    padding: 0px 0;
}

.pricing_card h2 {
    color: var(--whiteColor);
    font-size: 30px;
    margin: 0;
}

.pricing_card h6 {
    color: var(--whiteColor);
    font-size: 40px;
}

.pricing_card h6 span {
    color: var(--whiteColor);
    font-family: Syne;
    font-size: 80px;
    font-style: normal;
    font-weight: 700;
    line-height: 46px;
    letter-spacing: -2px;
    padding-bottom: 20px;
}

.choose_card p {
    color: var(--fadewhite);
    text-align: center;
    padding: 15px 0;
    font-weight: 400;
}

.choose_card .view_products_btn .btn {
    border-radius: 8px;
    background: #FFF;
    padding: 12px 120px;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
}

.choose_card .view_products_btn .btn:hover {
    background: var(--fadewhite);
    padding: 12px 120px;
}

.list_item ul li {
    color: var(--whiteColor);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    /* 162.5% */
    padding: 5px 0;
}

/* =========== */

.choose_card.choose_card-2 {
    background: #F3F5F9;
}

.choose_card-2 .pricing_card {
    border-radius: 16px;
    background: rgba(0, 150, 213, 0.08);
}

.choose_card-2 .pricing_card h2 {
    color: var(--secondary);
    font-size: 30px;
    margin: 0;
}

.choose_card-2 .pricing_card h6 {
    color: var(--secondary);
    font-size: 40px;
}

.choose_card-2 .pricing_card h6 span {
    color: var(--secondary);
    font-family: Syne;
    font-size: 80px;
    font-style: normal;
    font-weight: 700;
    line-height: 46px;
    letter-spacing: -2px;
    padding-bottom: 20px;
}

.choose_card-2 .choose_card p {
    color: var(--fadewhite);
    text-align: center;
    padding: 15px 0;
    font-weight: 400;
}

.choose_card-2 .view_products_btn .btn {
    border-radius: 8px;
    background: var(--primary);
    padding: 12px 120px;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    color: var(--whiteColor);
    transition: 0.7s;
}

.choose_card-2 .view_products_btn .btn:hover {
    background: var(--fadeprimary);
    padding: 12px 120px;
}

.choose_card-2 .list_item ul li {
    color: var(--secondary);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    /* 162.5% */
    padding: 5px 0;
}

/* ======================= */

.choose_card.choose_card-3 {
    border-radius: 20px;
    background: #44546B;
}

.choose_card-3 .pricing_card {
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.10);
}

.testimonials_section {
    background-color: var(--secondary);
}

.testimonials_section .testimonials_content h6 {
    color: var(--primary);
}

.testimonials_section .testimonials_content h1 {
    color: var(--whiteColor);
}

.testimonials_section .testimonials_content p {
    color: var(--whiteColor);
    padding: 25px 80px;
    font-size: 16px;
    font-weight: 400;
}

.slide_card_details .star_icon .iconify {
    color: var(--primary);
    font-size: 25px;
}

.slide_card_details p {
    color: var(--White, #FFF);
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
}

.card_image {
    width: 100%;
    height: 100%;
}

.card_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.testimonials_name {
    color: var(--whiteColor);
    font-family: Syne;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    /* 175% */
    letter-spacing: -0.2px;
}

.testimonials_name span {
    color: var(--blue-gray-500, #64748B);
    font-family: Syne;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    /* 150% */
}

.slide_card_details {
    padding: 10px 10px 10px 10px;
}

.slide_card_details p {
    width: 80%;
}

/* =============== */

.faqs .frequently_question h6 {
    color: var(--primary);
}

.faqs .frequently_question p {
    padding: 20px 80px;
}

.faqs_main .accordion-button:not(.collapsed)::after {
    background-image: url("../images/teenyicons_right-solid.svg");
    transform: rotate(90deg);
}

.faqs_main .accordion-button::after {
    background-image: url("../images/teenyicons_right-solid.svg");
    transform: rotate(00deg);
}

.faqs_main .accordion-item .accordion-button {
    color: var(--Gray-900, #101828);
    font-family: "Plus Jakarta Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    padding: 40px 0px;
}

.faqs_main .accordion-item .accordion-body {
    padding: 10px 0px;
}

.faqs_main .accordion-button:not(.collapsed) {
    color: black;
    background-color: transparent;
    box-shadow: none;
}

.view_more_btn .btn {
    padding: 9px 0;
    font-weight: 600;
    color: var(--whiteColor);
    transition: 0.7s;
    background-color: var(--primary);
}

.view_more_btn .btn:hover {
    padding: 9px 0;
    font-weight: 600;
    color: var(--whiteColor);
    background-color: var(--fadeprimary);
}

.faqs_main {
    height: 650px;
}

.footer_section {
    background-color: var(--secondary);
}

.footer_section .container-fluid {
    padding: 0 100px;
}

.about_footer p {
    color: var(--whiteColor);
    font-weight: 400;
    line-height: 30px;
    width: 65%;
}

.footer_section .footer_links p {
    color: var(--blue-gray-400, #94A3B8);
    font-size: 15px;
    font-weight: 500;
    line-height: 15px;
    letter-spacing: 1px;
    text-transform: uppercase
}

.footer_section .footer_links ul li a {
    color: var(--whiteColor);
    font-family: "Plus Jakarta Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
}

.footer_section .footer_links ul li {
    padding: 12px 0;
}

.newsletter .btn {
    background-color: var(--fadeprimary);
    width: 100%;
    color: var(--whiteColor);
    font-weight: 600;
    font-size: 18px;
    padding: 13px 0px;
    letter-spacing: 0.2px;
}

.newsletter .form-control {
    padding: 13px 10px;
    color: var(--gray-400, #A1A1AA);
    font-family: "Plus Jakarta Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    /* 162.5% */
}

.footer_section .newsletter p {
    color: var(--blue-gray-400, #94A3B8);
    font-size: 15px;
    font-weight: 500;
    line-height: 15px;
    letter-spacing: 1px;
    text-transform: uppercase
}

.footer_section .breakline {
    border-top: 1px solid #ffffff;
}

.footer_section .breakline p {
    color: var(--whiteColor);
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    /* 157.143% */
    padding-top: 60px;
}

/* ========================== */

.top_bottom {
    display: flex;
    justify-content: end;
    gap: 20px;
    position: fixed;
    top: 90%;
    right: 1%;
}

.top_bottom .btn {
    box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 4px;
    background-color: var(--primary);
    padding: 8px 12px;
}

.top_bottom .btn:hover {
    box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 4px;
    background-color: var(--primary);
    padding: 8px 12px;
}

.top_bottom .btn .iconify {
    color: var(--whiteColor);
    font-size: 25px;
}

/* ========about page========== */

.about_section .about_content p {
    padding: 20px 40px;
}

.about_section .about-card {
    border-radius: 20px;
    border: 1px solid #E9E9E9;
    background: #FAFAFA;
    margin: 0px 20px;
    padding: 30px 30px;
}

.about_section .about-card.big_card {
    border-radius: 20px;
    border: 1px solid #E9E9E9;
    background: #FAFAFA;
    margin: 0px 20px;
    padding: 70px 30px;
}

.about_section .about-card.big_card .card_details h5 {
    color: var(--gray-900, #18181B);
    font-size: 24px;
    font-weight: 600;
    line-height: 26px;
}

.about_section .card_details h5 {
    color: var(--gray-900, #18181B);
    padding: 15px 30px;
    font-family: Syne;
}

.about_section .card_details p {
    color: var(--gray-900, #18181B);
}

.about_bellow {
    background-color: var(--secondary);
}

.about_bellow .our_mission span {
    border-radius: 68px;
    background: #2D2E2F;
    color: var(--whiteColor);
    padding: 8px 20px;
    font-family: "Plus Jakarta Sans";
    font-size: 16px;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: -0.2px;
}

.about_bellow .our_mission h1 {
    color: var(--whiteColor);
    padding: 15px 0;
}

.about_bellow .our_mission p {
    color: var(--fadewhite);
    font-weight: 400;
    width: 70%;
    line-height: 26px;
}

/* ====================about testimonials slider============== */

.testimonials_section-about {
    background-color: var(--whiteColor);
}

.testimonials_section-about .testimonials_content h1 {
    color: var(--secondary);
}

.testimonials_section-about .testimonials_content p {
    color: #000000;
    padding: 25px 80px;
    font-size: 16px;
    font-weight: 400;
}

.slide_card_details .star_icon .iconify {
    color: var(--primary);
    font-size: 25px;
}

.slide_card_details p {
    color: var(--whiteColor);
    font-family: "Plus Jakarta Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    /* 155.556% */
}
.testimonials_section-about .slide_card_details p {
    color: var(--secondary);
    font-family: "Plus Jakarta Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
}

.card_image {
    width: 100%;
    height: 100%;
}

.card_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.testimonials_name {
    color: #000000;
    font-family: Syne;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: -0.2px;
}

.testimonials_name span {
    color: var(--blue-gray-500, #64748B);
    font-family: Syne;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

.slide_card_details {
    padding: 10px 10px 10px 10px;
}

.slide_card_details p {
    width: 80%;
}

.main_advance_card {
    background-image: url(../images/about_banner.png);
    width: 100%;
    height: 500px;
    display: flex;
    border-radius: 32px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

.about_drive_content h4 {
    color: var(--White, #FFF);
    font-size: 32px;
    font-weight: 700;
    line-height: 15px;
    letter-spacing: -2px;
}

.about_drive_content h2 {
    color: var(--whiteColor);
}

.about_drive_content {
    padding: 0 95px;
}

.about_drive_content p {
    color: #D9D9D9;
}

.drive_logo-1 {
    border-radius: 100px;
    background: var(--Black, #161718);
    padding: 7px 20px;
}

.drive_logo-1 img {
    width: 132.979px;
    height: 37.234px;
}

.drive_logo-2 {
    border-radius: 100px;
    background: var(--primary);
    padding: 7px 20px;
}

.drive_logo-3 {
    border-radius: 100px;
    background: #44546B;
    padding: 7px 20px;
}

/* ==========windertool page css========= */

.winder_tool_bg {
    background: linear-gradient(357deg, rgb(22 23 24), rgb(22 23 24 / 8%)), url(../images/objects.png) repeat;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.winder_tool {
    background-color: var(--secondary);
}

.maxmize_section {
    background-color: var(--secondary);
}

.driver_card {
    margin: 10px;
    border-radius: 20px;
    border: 1px solid rgba(233, 233, 233, 0.05);
    background: rgba(250, 250, 250, 0.05);
}

.driver_card h5 {
    color: var(--whiteColor);
}

.Revitalize_section_details p {
    color: var(--secondary);
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    padding: 20px 60px;
}

.update_card {
    padding: 112px 0px;
    border-radius: 100px;
    background: rgba(22, 23, 24, 0.05);
}

.ensure_peak span {
    padding: 12px 20px;
    border-radius: 68px;
    background: #2D2E2F;
    color: var(--White, #FFF);
    font-family: "Plus Jakarta Sans";
    font-size: 16px;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: -0.2px;
}

.ensure_peak h1 {
    padding: 20px 0;
}

.ensure_peak p {
    font-weight: 500;
    padding-top: 15px;
}

.padding_px {
    padding: 0 70px;
}

.ensure_peak.padding_px {
    padding: 0 70px;
}

.unlock_body .main_body_card {
    border-radius: 32px;
    background: var(--Black, #161718);
    /* width: 1200px; */
    padding: 80px 40px;
}

.unlock_content h1 {
    color: var(--White, #FFF);
    font-weight: 700;
    padding: 15px 0;
}

.unlock_content p {
    color: #D9D9D9;
    text-align: center;
    font-family: "Plus Jakarta Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    /* 166.667% */
}

.unlock_content .buy_now .btn {
    padding: 12px 16px;
    border-radius: 8px;
    background: #FFF;
    color: #161719;
    width: 270px;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    transition: 0.5s;
}

.unlock_content .buy_now .btn:hover {
    padding: 12px 16px;
    border-radius: 8px;
    background: var(--fadewhite);
}

.checkout_section .checkout_box {
    padding: 10px 32px;
    border-radius: 12px;
    background: #DDD;
    /* margin: 0 20px; */
}

.checkout_box-1 {
    border-radius: 12px;
    background: #44546B;
    padding: 10px 32px;
}

/* ======================== */

.wind_pro {
    border: 1px solid #E9E9E9;
    background: #f3f5f9cf;
}

.Revitalize_section .driver_card {
    margin: 10px;
    border-radius: 20px;
    border: 1px solid rgba(233, 233, 233, 0.05);
    background: rgba(250, 250, 250, 0.05);
}

.Revitalize_section .driver_card h5 {
    color: var(--whiteColor);
}

.maxmize_section .winder_tool_details p {
    color: var(--whiteColor);
    text-align: center;
    font-family: "Plus Jakarta Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    /* 162.5% */
    padding: 20px 60px;
}

.Revitalize_section .driver_card {
    border-radius: 20px;
    border: 1px solid rgba(233, 233, 233, 0.05);
    background: rgba(22, 23, 24, 0.05);
    padding: 32px;
}

.Revitalize_section .driver_card h5 {
    color: var(--Black, #161718);
    text-align: center;
    font-family: Syne;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;
    /* 130% */
    text-transform: capitalize;
}

/* ============== */

.grid_section .grid_box {
    margin: 0 15px;
    padding: 40px;
    border-radius: 32px;
    background: #f3f3f3;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
}

.grid_box h5 {
    color: var(--Black, #161718);
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -2px;
    padding: 8px 0;
}

.grid_box p {
    color: var(--Black, #161718);
    font-weight: 500;
    line-height: 26px;
}

/* ===================== */

.transform_section .main_body_card {
    border-radius: 32px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), url('../images/windpro_speed/bg-2.jpg') lightgray 50% / cover no-repeat;
}

.transform_section .unlock_content h1 {
    color: var(--White, #FFF);
    font-weight: 700;
    padding: 15px 0;
}

.transform_section .unlock_content p {
    color: #D9D9D9;
    text-align: center;
    font-family: "Plus Jakarta Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    /* 166.667% */
}

.transform_section .unlock_content .buy_now .btn {
    padding: 12px 16px;
    border-radius: 8px;
    background: #FFF;
    color: #161719;
    width: 270px;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    transition: 0.5s;
}

.transform_section .unlock_content .buy_now .btn:hover {
    padding: 12px 16px;
    border-radius: 8px;
    background: var(--fadewhite);
}

.checkout_section.other_section .checkout_box {
    padding: 10px 32px;
    border-radius: 12px;
    background: var(--Black, #161718);
}

.other_section .checkout_box-1 {
    border-radius: 12px;
    border-radius: 12px;
    background: #44546B;
}

/* ============================ */

.zone_firewall {
    background: #44546b;
}

.zone_firewall .layers {
    filter: invert(1) brightness(88);
}

.zone_firewall .driver_card {
    margin: 10px;
    border-radius: 20px;
    border: 1px solid rgba(233, 233, 233, 0.05);
    background: rgba(250, 250, 250, 0.05);
}

.zone_firewall_section_details h1 {
    color: var(--whiteColor);
}

.zone_firewall_section_details h6 {
    color: var(--White, #FFF);
    opacity: 0.6;
}

.zone_firewall_section_details p {
    color: var(--whiteColor);
    font-weight: 400;
    padding: 15px 60px;
}

.zone_firewall .driver_card h5 {
    color: var(--whiteColor);
}

.zone_firewall .driver_card h1 {
    color: var(--whiteColor);
}

.zone_firewall .maxmize_section .winder_tool_details p {
    color: var(--whiteColor);
    padding: 20px 60px;
}

.zone_firewall .driver_card {
    border-radius: 20px;
    border: 1px solid rgba(233, 233, 233, 0.05);
    background: rgba(250, 250, 250, 0.05);
}

.zone_firewall .driver_card h5 {
    color: var(--whiteColor);
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
}

/* ==================== */

.defend_details.padding_px {
    padding: 0 100px;
}

.defend_details h6 {
    color: var(--Blue, #0096D5);
    text-align: center;
    font-family: "Plus Jakarta Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    /* 175% */
    letter-spacing: -0.2px;
    text-transform: capitalize;
}

.wifi_protection h5 {
    color: var(--Black, #161718);
    font-family: Syne;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    /* 108.333% */
}

.secure_img {
    width: 100%;
}

.secure_img img {
    width: 100%;
    max-width: 90%;
    height: 100%;
    object-fit: cover;
}

.main_body_card.background {
    border-radius: 32px;
    background: #44546B;
}

.checkout_section .checkout-box_another {
    border-radius: 12px;
    background: #DDD;
    padding: 10px 32px;
}

.pricing_section .pricing_details h1 {
    color: var(--Base-02, #090914);
    text-align: center;
    font-family: Syne;
    font-size: 52px;
    font-style: normal;
    font-weight: 700;
    line-height: 62px;
    /* 119.231% */
    letter-spacing: -2px;
    text-transform: capitalize;
}

.pricing_section .pricing_details h6 {
    color: var(--Blue, #0096D5);
    font-family: "Plus Jakarta Sans";
    font-size: 16px;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: -0.2px;
}

.pricing_section .pricing_details p {
    color: var(--gray-900, #18181B);
    text-align: center;
    font-family: "Plus Jakarta Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}

.pricing_section .nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #a3a3a3;
    border-radius: 6.061px;
    background: #F3F5F9;
    padding: 12px 17px;
}

.pricing_section .nav-pills .nav-pills .show>.nav-link {
    color: #a3a3a3;
    border-radius: 6.061px;
    background: #F3F5F9;
    padding: 12px 17px;
}

.pricing_section button {
    background-color: var(--fadewhite);
    padding: 17px 17px;
}

.pricing_section button .iconify {
    font-size: 20px;
}

.pricing_section .nav-link {
    display: block;
    padding: 12px 17px;
    font-size: var(--bs-nav-link-font-size);
    font-weight: var(--bs-nav-link-font-weight);
    color: #0096d5;
    text-decoration: none;
    background-color: #f3f5f9;
    border: 0;
}

.pricing_box {
    border-radius: 20px;
    background: #161718;
    display: flex;
    padding: 32px;
}

/* ========pricing card-1========= */

.pricing_tabs .choose_card {
    border-radius: 20px;
    background: var(--secondary);
    padding: 5px 0;
}

.pricing_tabs .pricing_card {
    background-color: var(--fadesecondary);
    border-radius: 16px;
    margin: 0px 35px;
    padding: 0px 0;
}

.pricing_tabs .pricing_card h2 {
    color: var(--whiteColor);
    font-size: 30px;
    margin: 0;
}

.pricing_tabs .pricing_card h6 {
    color: var(--whiteColor);
    font-size: 40px;
}

.pricing_tabs .pricing_card h6 span {
    color: var(--whiteColor);
    font-family: Syne;
    font-size: 80px;
    font-style: normal;
    font-weight: 700;
    line-height: 46px;
    letter-spacing: -2px;
    padding-bottom: 20px;
}

.pricing_tabs .choose_card p {
    color: var(--fadewhite);
    text-align: center;
    padding: 15px 0;
    font-weight: 400;
}

.choose_card.choose_card-2 p {
    color: var(--secondary);
    text-align: center;
    padding: 15px 0;
    font-weight: 400;
}

.pricing_tabs .choose_card.choose_card-2 p {
    color: var(--secondary);
    text-align: center;
    padding: 15px 0;
    font-weight: 400;
}

.pricing_tabs .choose_card .view_products_btn .btn {
    border-radius: 8px;
    background: #FFF;
    padding: 12px 130px;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
}

.pricing_tabs .choose_card .view_products_btn .btn:hover {
    background: var(--fadewhite);
    padding: 12px 130px;
}

.pricing_tabs .list_item ul li {
    color: var(--White, #FFF);
    font-family: "Plus Jakarta Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    /* 162.5% */
}

/* =========== */

.pricing_tabs .choose_card.choose_card-2 {
    background: #F3F5F9;
}

.pricing_tabs .choose_card-2 .pricing_card {
    border-radius: 16px;
    background: rgba(0, 150, 213, 0.08);
}

.pricing_tabs .choose_card-2 .pricing_card h2 {
    color: var(--secondary);
    font-size: 30px;
    margin: 0;
}

.pricing_tabs .choose_card-2 .pricing_card h6 {
    color: var(--secondary);
    font-size: 40px;
}

.pricing_tabs .choose_card-2 .pricing_card h6 span {
    color: var(--secondary);
    font-family: Syne;
    font-size: 80px;
    font-style: normal;
    font-weight: 700;
    line-height: 46px;
    letter-spacing: -2px;
    padding-bottom: 20px;
}

.pricing_tabs .choose_card-2 .choose_card p {
    color: var(--fadewhite);
    text-align: center;
    padding: 15px 0;
    font-weight: 400;
}

.pricing_tabs .choose_card-2 .view_products_btn .btn {
    border-radius: 8px;
    background: var(--primary);
    padding: 12px 130px;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    color: var(--whiteColor);
    transition: 0.7s;
}

.pricing_tabs .choose_card-2 .view_products_btn .btn:hover {
    background: var(--fadeprimary);
    padding: 12px 130px;
}

.pricing_tabs .choose_card-2 .list_item ul li {
    color: var(--Blue-900, #0F172A);
    font-family: "Plus Jakarta Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    /* 162.5% */
}

/* ======================= */

.pricing_tabs .choose_card.choose_card-3 {
    border-radius: 20px;
    background: #44546B;
}

.pricing_tabs .choose_card-3 .pricing_card {
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.10);
}

.pricing_section .acc button {
    background-color: var(--fadewhite);
    /* border-radius: 20px !important; */
    padding: 0px 13px;
}

.acc .accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0px 13px;
    font-size: 25px;
    font-weight: 500;
    color: #ffffff;
    text-align: left;
    background-color: var(--secondary) !important;
    border: 2px solid #ffffff;
    border-radius: 0 !important;
    overflow-anchor: none;
    height: 50px;
    border-radius: 8px !important;
    box-shadow: none;
}

.acc .accordion-button::after {
    flex-shrink: 0;
    width: var(--bs-accordion-btn-icon-width);
    height: var(--bs-accordion-btn-icon-width);
    margin-left: auto;
    content: "";
    background-image: var(--bs-accordion-btn-icon);
    background-repeat: no-repeat;
    background-size: var(--bs-accordion-btn-icon-width);
    transition: var(--bs-accordion-btn-icon-transition);
    filter: invert(1);
}

.acc .accordion-flush>.accordion-item:last-child {
    border-bottom: 0;
    border-radius: 20px !important;
    border-start-end-radius: 10px;
}

.acc .accordion-item p {
    color: var(--White, #FFF);
    font-family: "Plus Jakarta Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 700 !important;
    line-height: 24px;
}

.acc .accordion-item .accordion-body ul li {
    text-align: start;
    color: var(--secondary);
    font-family: "Plus Jakarta Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    padding: 7px 0;
    border-bottom: 1px solid #7c7c7c;
}

.acc .accordion-item {
    color: var(--bs-accordion-color);
    background-color: var(--secondary);
    border: 0;
}

.acc.margin {
    padding: 0 30px;
}

.pricing_window p {
    color: var(--White, #FFF);
    text-align: center;
    font-family: "Plus Jakarta Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    /* 185.714% */
    opacity: 0.6;
}

.pricing_window {
    border-top: 1px solid #ffffff;
    padding: 0 20px;
    width: 85%;
}

.tab-content .choose_card-2 .accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0px 13px;
    font-size: 25px;
    font-weight: 500;
    color: #ffffff;
    text-align: left;
    background-color: #f3f5f9 !important;
    border: 2px solid #000000;
    border-radius: 0 !important;
    overflow-anchor: none;
    height: 50px;
    border-radius: 8px !important;
    box-shadow: none;
}

.choose_card-2 .acc .accordion-item {
    background-color: #f3f5f9;
}

.choose_card-3 .acc .accordion-item {
    background-color: #44546b;
}

.choose_card.choose_card-2 .pricing_window {
    border-top: 1px solid #000000;
}

.choose_card.choose_card-2 .acc .accordion-button::after {
    filter: brightness(0.5);
}

.horizenatol_pricing_card {
    border-radius: 20px;
    background: #161718;
    padding: 32px;
}

.horizenatol_pricing_card .pricing_rupees span {
    color: var(--whiteColor);
    text-align: center;
    font-family: Syne;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 37%;
    /* 17.76px */
    letter-spacing: -2px;
}

.horizenatol_pricing_card .pricing_rupees {
    border-radius: 16px;
    padding: 45px 16px;
    background: rgba(255, 255, 255, 0.10);
}

.horizenatol_pricing_card .pricing_rupees span h1 {
    color: var(--White, #FFF);
    font-family: Syne;
    font-size: 80px;
    font-style: normal;
    font-weight: 700;
    line-height: 37%;
    letter-spacing: -2px;
}

.horizenatol_pricing_card p {
    color: var(--White, #FFF);
    text-align: center;
    font-family: "Plus Jakarta Sans";
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    padding-top: 20px;
}

.hori_pricing_list ul li {
    padding: 8px 0;
    color: var(--White, #FFF);
    font-family: "Plus Jakarta Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    /* 162.5% */
}

.dropdwon_list .main_device {
    color: var(--White, #FFF);
    text-align: right;
    font-family: "Plus Jakarta Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 20px;
    /* 133.333% */
}

.dropdwon_list .accordion-button {
    height: 48px;
    border-radius: 10px !important;
    border: 2px solid #ffffff;
}

.dropdwon_list .accordion-button::after {
    filter: brightness(28.5);
}

.dropdwon_list ul li p {
    font-size: 16px;
    font-weight: 500;
    text-align: start;
    color: var(--secondary);
    padding: 8px 0;
    margin: 0;
    border-bottom: 1px solid #8f8f8f;
}

.buynow_btn .btn {
    color: #161719;
    text-align: center;
    padding: 12px 16px;
    /* PJ/Bold/18px */
    font-family: "Plus Jakarta Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    /* 133.333% */
    border-radius: 8px;
    background: #FFF;
    width: 100%;
}

.dropdwon_list .windows_para {
    color: var(--White, #FFF);
    text-align: center;
    font-family: "Plus Jakarta Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 200;
    line-height: 26px;
    opacity: 0.6;
}

.horizenatol_pricing_card.second_card {
    border-radius: 20px;
    background: #F3F5F9;
}

.horizenatol_pricing_card.second_card .pricing_rupees {
    border-radius: 16px;
    background: #E0EDF6;
}

.buynow_btn.btn-2 .btn {
    border-radius: 8px;
    background: #0096D5;
    color: var(--White, #FFF);
    font-family: "Plus Jakarta Sans";
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
}

.horizenatol_pricing_card.second_card .dropdwon_list .accordion-button {
    height: 48px;
    border-radius: 10px !important;
    border: 2px solid #000000;
    background: #f3f5f9;
}

.windows_para.para-2 {
    color: var(--Black, #161718);
    text-align: center;
    font-family: "Plus Jakarta Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    /* 185.714% */
    opacity: 0.6;
}

.horizenatol_pricing_card.card-3 {
    border-radius: 20px;
    background: #44546B;
}

.contact_section .contact_details h6 {
    color: var(--Blue, #0096D5);
    text-align: center;
    font-family: "Plus Jakarta Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    /* 175% */
    letter-spacing: -0.2px;
    text-transform: capitalize;
}

.contact_section .contact_details h1 {
    color: var(--Base-02, #090914);
    text-align: center;
    font-family: Syne;
    font-size: 52px;
    font-style: normal;
    font-weight: 700;
    line-height: 62px;
    letter-spacing: -2px;
    text-transform: capitalize;
}

.contact_section .contact_details p {
    color: var(--gray-900, #18181B);
    text-align: center;
    font-family: "Plus Jakarta Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    /* 162.5% */
}

.contact_section .get_in_touch {
    width: 100%;
    height: auto;
}

.contact_section .get_in_touch img {
    width: 100%;
    max-width: 95%;
    object-fit: cover;
    height: auto;
}

.main-contact .contact_card-1 {
    padding: 32px;
    border-radius: 12px;
    border: 1px solid #E9E9E9;
    background: #FAFAFA;
}

.contact_card-1 h5 {
    color: var(--gray-900, #18181B);
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    /* 108.333% */
    text-transform: capitalize;
}

.contact_card-1 p {
    color: var(--gray-900, #18181B);
    font-family: "Plus Jakarta Sans";
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    margin: 0;
}

.faqs_sectoin .faqs_details h6 {
    color: var(--Blue, #0096D5);
    text-align: center;
    font-family: "Plus Jakarta Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    /* 175% */
    letter-spacing: -0.2px;
    text-transform: capitalize;
}

.faqs_sectoin .faqs_details p {
    padding: 15px 8%;
}

.faqs_sectoin .accordion-button::after {
    flex-shrink: 0;
    width: var(--bs-accordion-btn-icon-width);
    height: var(--bs-accordion-btn-icon-width);
    margin-left: auto;
    content: "";
    background-image: url('../images/contact/teenyicons_right-solid.svg');
    background-repeat: no-repeat;
    background-size: var(--bs-accordion-btn-icon-width);
    transition: var(--bs-accordion-btn-icon-transition);
}

.faqs_sectoin .accordion-button:not(.collapsed)::after {
    background-image: url(../images/contact/teenyicons_right-solid.svg);
    transform: rotate(90deg);
}

.faqs_sectoin .accordion-header p {
    margin: 0;
}

.faqs_sectoin .accordion-body p {
    margin: 0;
    opacity: 0.8;
}

.faqs_sectoin .accordion-item {
    padding: 15px 0;
}

.faqs_sectoin .accordion-button {
    padding: 15px 0px;
}

.faqs_sectoin .question_imag {
    width: 100%;
    height: auto;
}

.faqs_sectoin .question_imag img {
    width: 100%;
    max-width: 85%;
    height: auto;
    object-fit: cover;
}

.form_section label {
    color: var(--text-icons-primary, #30313D);
    font-family: Syne;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

.form_section {
    width: 100%;
    max-width: 50%;
    margin: 0 auto;
}

.form_section .form-control {
    display: flex;
    padding: 12px 16px;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 8px;
    border: 1px solid #aeaeae;
    color: #191919;
    font-family: "Plus Jakarta Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    opacity: 0.8;
    box-shadow: none;
}

.login_section .positioning .iconify {
    position: absolute;
    top: 59%;
    right: 4%;
}

.login_section .forget_password {
    text-decoration: none;
    margin-bottom: 0;
    color: var(--Blue, #0096D5);
    font-family: "Plus Jakarta Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
}

.login_section .submit_btn button {
    padding: 14px 16px;
    width: 100%;
    color: var(--White, #FFF);
    font-family: "Plus Jakarta Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    border-radius: 8px;
    background: #0096D5;
    border: 0px;
}

.align-left_right {
    position: relative;
}

.left_right p::after {
    position: absolute;
    content: "";
    top: 12px;
    left: 0;
    width: 200px;
    height: 2px;
    background: rgba(28, 52, 84, 0.26);
    color: #ffffff;
    z-index: -11111;
}

.left_right p::before {
    position: absolute;
    content: "";
    top: 12px;
    right: 0;
    width: 200px;
    height: 2px;
    background: rgba(28, 52, 84, 0.26);
    color: #ffffff;
    z-index: -11111;
}

.create_account .new_account {
    color: var(--Blue, #0096D5);
    font-family: "Plus Jakarta Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
}

.logout_container .logout_form {
    width: 100%;
    max-width: 50%;
    margin: 0 auto;
}

.logout_container .logout_form .form-control {
    display: flex;
    padding: 12px 16px;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 8px;
    border: 1px solid #aeaeae;
    color: #191919;
    font-family: "Plus Jakarta Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    opacity: 0.8;
    box-shadow: none;
}

.logout_container .logout_form label {
    color: var(--text-icons-primary, #30313D);
    font-family: Syne;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}
.logout_position .iconify{
    position: absolute;
    top: 60%;
    right: 4%;

}
.form-group .btn{
width: 100%;
padding: 12px 16px;
align-items: center;
border-radius: 8px;
background: #0096D5;
color: var(--White, #FFF);
font-family: "Plus Jakarta Sans";
font-size: 18px;
font-weight: 700;
line-height: 24px; 
transition: 0.7s;
}
.form-group .btn:hover{
    background-color: var(--fadeprimary);
}
.left_right p {
    color: var(--contrast-30-light, rgb(0 0 0 / 58%));
    text-align: center;
    font-family: "Plus Jakarta Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 134%;
}
.home_section{
    background-image: url(../images/pattern.png), linear-gradient(#FAFAFA, #FAFAFA); ;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    max-height: 100%;
    background-position: right;
    border-bottom: 1px solid #E9E9E9;
}
/* ===============new css====================== */
.update_card{
    width: 100%;
    height: auto;
}
.update_card img{
    width: 100%;
    max-width: 90%;
}
.winder_tool .winder_tool_img{
    width: 100%;
    height: auto;
}
.winder_tool .winder_tool_img img {
    width: 100%;
    max-width: 100%;
    height: auto;
    padding-left: 100px;
    object-fit: cover;
}
.wind_pro .winder_tool_img{
    width: 100%;
    height: auto;
}
.wind_pro .winder_tool_img img{
    width: 100%;
    max-width: 55%;
    height: auto;
    object-fit: cover;
}
.zone_firewall .zone_firewall_img{
    width: 100%;
    height: auto;
}
.zone_firewall .zone_firewall_img img{
    width: 100%;
    height: auto;
    max-width: 42%;
    object-fit: cover;
}
.choose_card_logo img{
width: 200px;
}
.Pricing_img img{
    width: 250px;
}
/* .drop-icon{
    height: 21px;
    width: 70px;
    display: none;
    justify-content: center;
    align-items: center;
    font-size: 28px;
    position: relative;
    z-index: 99;
    
} */