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

@import url('../fonts/stylesheet.css');

:root {
    --33-black: #333;
    --66-black: #666;
    --11-black: #111;
    --2B-black: #2B2A29;
    --ff-white: #FFFFFF;
    --E3-red: #E32329;
    --E4-red: #E41E29;
    --66-grey: #666666;
    --ee-grey: #EEE;
    --dd-grey: #DDD;
}

html,
body {
    overflow-x: hidden;
}

body {
    color: var(--66-grey);
    font-family: "Familjen Grotesk", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}

/* common class */
/*.container {*/
/*    max-width: 1600px;*/
/*}*/

a {
    color: unset;
    text-decoration: none;
    transition: all ease 0.3s;
}

.mb-50 {
    margin-bottom: 50px;
}

.mt-100 {
    margin-top: 100px;
}

.pt-70 {
    padding-top: 70px;
}

.head_1 {
    font-size: 80px;
    line-height: 80px;
    color: var(--ff-white);
}

.head_2 {
    color: var(--33-black);
    font-size: 64px;
    line-height: 64px;
    margin-bottom: 40px;
}

.head_3 {
    color: var(--33-black);
    font-size: 36px;
    line-height: 48px;
    margin-bottom: 40px;
}

.head_4 {
    color: var(--dd-grey);
    font-size: 24px;
    line-height: 30px;
}

.margin_btm {
    margin-bottom: 40px;
}


/* common class */

/* header */
.top_nav {
    display: flex;
    justify-content: center;
    padding: 12px 0;
}



.top_menu {
    display: flex;
    gap: 34px;
    align-items: center;
}

.head_logo {
    width: 170px;
    height: 123px;
}

/* header */

/* section-1 */
.section_1 {
    background-color: var(--11-black);
    text-align: center;
    padding-top: 50px;
    position: relative;
    background: linear-gradient(to bottom, #111 0%, #111 70%, #fff 70%, #fff 100%);
}

.form_wrapper {
    border-radius: 10px;
    border: 1px solid #BBB;
    background: var(--ff-white);
    padding: 20px 50px 50px 50px;
    margin: 0 auto;
    margin-top: 50px;
    max-width: 1200px;
}

.form_wrapper .head_3 {
    color: var(--E3-red);
    margin-top: 0px;
}

input,
textarea {
    color: var(--33-black);
    width: 100%;
    border: none;
    border-bottom: 1px solid var(--dd-grey);
    border-radius: 0px;
    padding-bottom: 10px;
}

input:focus,
textarea:focus {
    outline: none;
    border-color: #ccc;
    box-shadow: none;
}

button {
    border-radius: 5px;
    background: var(--E4-red);
    padding: 10px 20px;
    border: none;
    color: var(--ff-white);
}

/* section-1 */
/* section-2 */
.section_2 {
    padding-top: 80px;
}

.img_wrapper {
    margin-top: 40px
}

/* section-2 */
/* section-3 */
.sec_3 {
    margin-top: 100px;
}

.sec_3.head_2 {
    margin-bottom: 40px;
}

.arm_li li:not(:last-child) {
    margin-bottom: 20px;
}

.specs-table-container {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

table {
    width: 100%;
    border-collapse: separate;
    border: 1px solid #bbb;
    border-radius: 10px;
    border-collapse: separate;
    overflow: hidden;
}

thead {
    background-color: #333;
    color: #fff;
}

thead th:first-child {
    border-top-left-radius: 10px;
}

thead th:last-child {
    border-top-right-radius: 10px;
}

th {
    text-align: left;
    padding: 16px;
    font-size: 16px;
}

td {
    padding: 14px 16px;
    font-size: 15px;
    color: #333;
}

table tr th,
table tr td:not(:last-child) {
    border-right: 1px solid #DDDDDD;
}

tbody tr:nth-child(even) {
    background-color: #f2f2f2;
}

tbody tr:nth-child(odd) {
    background-color: #fff;
}

/* section-3 */
/* section-4 */
.sec_4 {
    background-image: url('../landing_page/images/sec4_bg.png');
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: 300px;
    padding-bottom: 70px;
    background-attachment: fixed;
}

.video_wrapper {
    border-radius: 20px;
    border: 2px solid #FFF;
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.25);
    width: fit-content;
    margin: 0 auto;
    display: flex;
    transform: translateY(-220px);
    margin-bottom: -160px;
}

.video_wrapper iframe {
    border-radius: 20px;
    width: 1300px;
    height: 727px;
}

/* section-5 */
.inds_slider .slick-slide {
    margin-right: 40px;
}

.inds_slide .head_4 {
    color: var(--11-black);
}

/* section-5 */
/* section-6 */

.accordion-button:not(.collapsed)::after {
    background-image: url('data:image/svg+xml;utf8,<svg width="11" height="3" viewBox="0 0 11 3" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.416 0.319999H10.112V2.336H0.416V0.319999Z" fill="%23111111"/></svg>');
    transform: rotate(0deg);
}

.accordion-button::after {
    background-image: url('data:image/svg+xml;utf8,<svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.64 0.48V12.72H5.432V0.48H7.64ZM0.416 5.592H12.656V7.608H0.416V5.592Z" fill="%23111111"/></svg>');
}

.accordion-button:focus {
    z-index: 3;
    outline: 0;
    box-shadow: none;
}

/* .accordion-item:first-of-type>.accordion-header .accordion-button*/
/* {*/
/*    border-top-left-radius: 10px;*/
/*    border-top-right-radius: 10px;*/
/*    border-radius: 10px;*/
/*} */

.accordion-item {
    border: none !important;
}

/* .accordion-button{
   border-bottom-left-radius: 10px; 
   border-bottom-right-radius: 10px;; 
} */
.accordion-button {
    font-size: 24px;
}

.accordion-body {
    font-size: 16px;
    border-radius: 0px 0px 5px 5px;
}

.accordion-item .accordion-header .accordion-button {
    border-radius: 5px;
    padding-right: 10px;
    color:var(--11-black);
    font-weight
}

.accordion-item .accordion-header .accordion-button:not(.collapsed) {
    border-radius: 5px 5px 0px 0px;
}

.accordion-button,
.accordion-body {
    background-color: var(--ee-grey);
    color: var(--11-black);
}

.accordion-button:not(.collapsed) {
    color: var(--11-black);
    border: none;
    background-color: var(--ee-grey);
    box-shadow: 0 0 0;
}

.accordion-button.collapsed {
    border-raduis: 5px;
    background-color: var(--ee-grey);
}

/* section-6 */
/* footer */
footer {
    background-color: var(--11-black);
    padding-top: 75px;
    color: var(--dd-grey);
}

.ft_left svg {
    min-width: 144px !important;
}

.ft_left {
    /*display: flex;*/
    /*align-items: flex-end;*/
    /*gap: 30px;*/
}

.ft_head {
    color: var(--E4-red);
    font-size: 20px;
    line-height: 30px;
}

.txt_red {
    color: var(--E4-red);
}

.ctnt_links {
    display: flex;
    gap: 20px;
}

a:hover {
    color: red;
    text-shadow:
        0px 4px 3px rgba(0, 0, 0, 0.4),
        0px 8px 13px rgba(0, 0, 0, 0.1),
        0px 18px 23px rgba(0, 0, 0, 0.1);
}

.social_links {
    display: flex;
    gap: 15px;
}

.ft_btm {
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
}

.ym_cpy {
    padding: 30px 0;
    text-align: center;
    border-top: 1px solid var(--33-black);
    margin-top: 70px;
}

.autoRotate {
    position: absolute;
    bottom: 40%;
    right: 5%;
    transform: rotate(10deg);
    transition: transform 0.1s linear;
}


        .head_3.gsap_text {
            font-size: 30px;
            line-height: 1.5;
        }
        
    .gsap_text span {
        display: inline-block;
        opacity: 0.1; /* Initial state for animation */
        white-space: pre; /* Preserve spaces */
     }
     
     #custom_captcha
     {
         padding:10px;
          width: 150px;
     }





/*--------------------------------*/