:root{
    --font-family: 'Clash Display';
    --mono-fontfamily: "Roboto Mono";
    --font-weight-normal: 400;
    --color-limeGreen: #3AC17E;
    --dark-textColor:#101010;
    --site-darkGreen: #242A26;
    --font-22: 22px;
    --font-18: 18px;
    --font-50: 50px;
    --font-40: 40px;
    --font-35: 35px;
    --font-32: 32px;
    --font-30: 30px;
    --font-28: 28px;
    --font-26: 26px;
    --font-24: 24px;
    --font-20: 20px;
    --font-16: 16px;
    --font-14: 14px;
}
*{font-family: var(--font-family); font-weight: var(--font-weight-normal);}
body{margin:0 !important; padding: 0; box-sizing: border-box;}

@media(max-width:1400px){
    .model-matrix-table tbody tr:last-child .feature-value-cell{font-size: var(--font-18);}
}
@media(max-width:1200px){
    .home_banner .wp-block-video video{height:100%}
}
@media(max-width:1024px){
    h1{font-size: var(--font-40);font-weight: 600;line-height: normal;letter-spacing: 2.5px}
    h2{font-size: var(--font-32);font-weight: 600;line-height: normal;letter-spacing: 2px;}
    h3{font-size: var(--font-26);font-weight: 600;line-height: normal;letter-spacing: 1.6px}
    h4{font-size: var(--font-22);font-weight: 500;line-height: normal;letter-spacing: 1.3px}
    h5{font-size: var(--font-18);font-weight: 500;line-height: normal;letter-spacing: 1.1px}
    .text_container, .blocks_wrap, .studio_section {
        padding: 50px 50px;
    } 
    .block_section {padding: 50px 30px;}
    .blocks_wrap p.wp-block-paragraph{
        font-size: var(--font-16);
    }
    .contact_container {
    padding: 8px 0px;
    }
    .transparent_btn{font-size: var(--font-16);}
    .btn.transparent_btn.email::after{top: 9px;}
    .btn.transparent_btn.phone::after{top: 8px;}
    .global_btn{font-size: var(--font-18);}
    .logo_slideSec {padding: 35px 30px;}
    .hoverCard_blocks, .icon_box_section, .slider_section, .testimonial_section {padding: 60px 30px;}
    .header_btn{font-size: 15px;}
    .site-footer{padding: 80px 30px;}
    .top-footer-section{padding: 50px 30px;}
    .top-footer-form-wrapper .form_wrap, .top-footer-contact-info{padding-top:40px}

    .studio-wrapper{grid-template-columns: repeat(2, 1fr);}
    .inner_pageSection{padding: 60px 30px;}
    .light_btn{font-size: var(--font-18);}

    .imgBlock_item{padding: 15px}
    .preise_banner .container, .price_tableSec, .three_blocksSec{padding: 60px 20px;}

    .faq_section,.team_pageSection,.content_basedSection,.contact_Section,.service_section,.service_CtaSection{padding: 60px 20px;}
    .faq_acc{padding-top: 50px;}
    .faq_acc .wp-block-accordion-item{margin-bottom: 25px;}
    .faq_acc .wp-block-accordion-panel p{font-size: var(--font-16);}

    .team_topContent{padding-bottom: 60px;}

    .content_basedSection .container{padding-bottom: 25px;margin-bottom: 0 !important;}
    .content_basedSection .container p.wp-block-paragraph{font-size: var(--font-16);}
}
@media(max-width:991px){
    h1{font-size: var(--font-35);font-weight: 600;line-height: normal;letter-spacing: 2.5px}
    h2{font-size: var(--font-30);font-weight: 600;line-height: normal;letter-spacing: 2px;}
    h3{font-size: var(--font-24);font-weight: 600;line-height: normal;letter-spacing: 1.6px}
    h4{font-size: var(--font-20);font-weight: 500;line-height: normal;letter-spacing: 1.3px}
    .site-header{padding: 20px;}
    .site-header .row{align-items: center;}
    .wp-block-group.home_banner{min-height: 500px;padding: 80px 0;}
    .text_container, .blocks_wrap, .studio_section { padding: 30px 20px;}
    .video_section {padding: 40px 0;}
    .contact_container .col-12{flex-direction: column;}
    .hover-box-grid{grid-template-columns: repeat(2, minmax(280px, 1fr));}
    .form_left, .form_right{padding: 0;}
    .footer-navigation ul{gap:10px}
    .footer-navigation ul li .sub-menu{gap: 6px;}
    .footer-navigation a{font-size: 18px;padding: 8px 12px;}
    .footer-navigation ul li .sub-menu li a{font-size: 16px;padding: 8px 16px;}
    .top-footer-form-wrapper input[type="submit"]{font-size: 18px;}
    .footer-text{margin-bottom: 20px;}
    .contact-buttons{margin-bottom: 20px;}
    .bottom-igp-logo{margin-top:15px}
    
    .model-matrix-table tbody tr:last-child .feature-row-name h5{font-size: var(--font-30);}
    .preise_banner{min-height:480px}
    .model-matrix-table tbody td{padding: 25px 20px;}
    .custom-model-matrix-wrapper{margin: 32px 0;}
    .imgBlock_item p.wp-block-paragraph{font-size: var(--font-14);}
    .imgBlock_item{padding: 0;}
    .three_blocksGroup .col-md-4{padding-right: 24px;}
    .cta_Sec{text-align:center}
    .cta_Sec p{text-align: center;}

    .text_Con{font-size: var(--font-18);}
    .team-members-grid{gap: 60px 40px;}
    
}
@media(max-width:767px){
    h2{font-size: var(--font-28);font-weight: 600;line-height: normal;letter-spacing: 2px;}
    h3{font-size: var(--font-22);font-weight: 600;line-height: normal;letter-spacing: 1.6px}
    h4{font-size: var(--font-18);font-weight: 500;line-height: normal;letter-spacing: 1.3px}
    h5{font-size: var(--font-16);font-weight: 500;line-height: normal;letter-spacing: 1.1px}
    .site-header{padding: 15px 10px;}
    .site-branding {text-align: center;}
    .header-right{padding-top:20px;justify-content: center;}
    .toggle_nav{font-size: var(--font-16);}
    .toggle_nav::before{top:0px}
    .header_btn{padding: 8px 14px; font-size: 13px;}
    .banner_cont,.banner_cont h1{width: 100%;}
    .wp-block-group.home_banner {min-height: 400px; padding: 60px 20px;}
    .block_section {padding: 30px 20px;}
    .blocks_wrap .blocks_item{padding: 0;text-align: center;}
    .text_container, .blocks_wrap, .studio_section{padding: 20px 0px;}
    .blocks_wrap .wp-block-image{padding-bottom: 20px;}
    .blocks_item .right_col{order:1;}
    .blocks_item .right_col .wp-block-image{display: flex; justify-content: center;}
    .blocks_item .left_col{order:2}
    .global_btn{font-size: 15px;padding: 12px 20px;}
    .studio_section h5,.video_section h2{margin-bottom: 40px;}
    .video_section {padding: 20px 0;}
    .contact_container .col-12{gap: 20px;}
    .hoverCard_blocks, .icon_box_section, .slider_section, .testimonial_section{padding: 40px 20px;}
    .hover-box-grid{grid-template-columns: repeat(1, minmax(280px, 1fr));}
    .small_txt_underImg{padding: 40px 20px;}
    .icon_box_section h2{padding-bottom: 30px;}
    .icon_box {padding: 15px 10px;}
    .studio-nav-prev, .studio-nav-next, .testinav-prev, .testinav-next{width: 40px; height: 36px;}
    .studio-nav-prev, .testinav-prev {left: -25px;}
    .studio-nav-next, .testinav-next{right: -25px;}
    .studio-description-inner p{font-size: 14px;}
    .testimonial-slider-container{padding: 40px 20px;}
    .avatar-img, .avatar-placeholder{width: 50px;height: 50px;border-radius: 15px;}
    .client-name{font-size: 16px;}
    .client-position{font-size: 14px;}
    .top-footer-section,.site-footer{padding: 40px 10px;}
    .contact-item .item-title, .form-title-text,.top-footer-form-wrapper label{font-size: 16px;}
    .form_right .wpcf7-list-item{margin: 0;}
    .contact-address p{font-size: var(--font-16);}
    .footer-navigation ul{flex-direction: column;text-align: center;}
    .footer-navigation ul li .sub-menu{text-align: center;}
    .footer-second-navigation ul{padding: 15px 0;flex-direction: column;gap: 12px;}
    .footer-second-navigation li::after{display:none;}
    .menu-toggle{display:none;}
    .main-navigation ul{display:flex;}
    .top-footer-form-wrapper input[type="submit"]{float: none;}
    .studio-slider-wrapper{padding: 30px 0px 0;}

    .studio-wrapper{grid-template-columns: repeat(1, 1fr);}
    .studio-subtitle{font-size: var(--font-18);}
    .inner_pageSection{padding: 40px 10px;}
    .btm_ctaSection{padding-top: 30px;}
    .light_btn{font-size: var(--font-16);margin-bottom: 30px;}

    .model-matrix-table tbody tr:last-child .feature-row-name h5{font-size: var(--font-28);}
    .preise_banner .container, .price_tableSec, .three_blocksSec{padding: 40px 10px;}
    .preise_banner{min-height: 390px;}
    .preise_banner .container{padding: 40px 20px;}
    .three_blocksSec h2{word-wrap: anywhere;}
    .model-matrix-table tbody td{padding: 20px; vertical-align: center;}
    .imgBlock_item{padding-bottom: 32px;text-align: center;}
    .imgBlock_item .wp-block-image img{max-width: 50px;}
    .cta_Sec{padding-top:0}
    .small_txt{text-align: center !important;}

    .faq_section,.team_pageSection,.content_basedSection,.contact_Section,.service_section,.service_CtaSection{padding: 40px 10px;}
    .faq_acc{padding-top: 30px;}
    .faq_acc .wp-block-accordion-panel p{font-size: var(--font-14);}

    .text_Con{font-size: var(--font-16);text-align: center;}
    .team_topContent{padding-bottom: 40px;}
    .team-members-grid{gap: 40px 20px;}

    .content_basedSection .container{padding-bottom: 15px;margin-bottom: 0 !important;}
    .content_basedSection .container p.wp-block-paragraph{font-size: var(--font-14);}
}