body
{
   background-color: #FFFFFF;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 16px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
#wb_LayoutGrid1
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #DEE2E6;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid1
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 0;
   margin-right: auto;
   margin-left: auto;
}
#LayoutGrid1 > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid1 > .col-1
{
   flex: 0 0 auto;
}
#LayoutGrid1 > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 100%;
   max-width: 100%;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   justify-content: center;
   text-align: center;
}
@media (max-width: 768px)
{
#LayoutGrid1 > .col-1
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_LayoutGrid2
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #DEE2E6;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid2
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 0;
   margin-right: auto;
   margin-left: auto;
   max-width: 1140px;
}
#LayoutGrid2 > .col-1, #LayoutGrid2 > .col-2
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid2 > .col-1, #LayoutGrid2 > .col-2
{
   flex: 0 0 auto;
}
#LayoutGrid2 > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 25%;
   max-width: 25%;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   justify-content: center;
   text-align: center;
}
#LayoutGrid2 > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 75%;
   max-width: 75%;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   justify-content: center;
   text-align: center;
}
@media (max-width: 768px)
{
#LayoutGrid2 > .col-1, #LayoutGrid2 > .col-2
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_MegaMenu1
{
   z-index: 1111 !important;
}
#MegaMenu1
{
   font-size: 0;
   list-style: none;
   margin: 0;
   padding: 0;
   margin: 0;
   text-align: center;
   font-family: "Montserrat";
   font-weight: 900;
}
#MegaMenu1 li
{
   display: inline-block;
   font-size: 17px;
   margin: 0;
   padding: 0;
   position: relative;
}
#MegaMenu1 li a
{
   float: left;
}
#MegaMenu1 li .submenu
{
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
   display: none;
   padding: 15px 15px 15px 15px;
   text-align: left;
   top: 0;
   z-index: 9999;
}
#MegaMenu1 li .submenu.show
{
   display: grid;
}
#MegaMenu1 li .submenu ul
{
   list-style: none;
   margin: 0;
   padding: 0;
}
#MegaMenu1 .submenu ul li
{
   width: 100%;
}
#MegaMenu1 .submenu ul li .heading
{
   display: block;
   color: #000000;
   font-weight: bold;
   font-size: 20px;
   font-style: normal;
   margin: 0;
   padding: 6px 0;
   text-decoration: none;
   text-transform: none;
   white-space: nowrap;
}
#MegaMenu1 .submenu ul li a
{
   display: block;
   float: none;
   height: auto;
   border: 1px solid transparent;
   border-radius: 0px;
   color: inherit;
   font-weight: normal;
   font-style: normal;
   padding: 6px 4px 6px 14px;
   text-decoration: none;
   text-transform: none;
   text-indent: 0;
   white-space: nowrap;
}
#MegaMenu1 .button
{
   cursor: pointer;
   position: relative;
   text-align: center;
   margin: 0 1px 0 0;
   outline: 0;
   padding: 4px 20px 4px 8px;
   color: #212529;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #DEE2E6;
   border-radius: 0px;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   text-transform: none;
}
#MegaMenu1 .button:hover, #MegaMenu1 .button.active
{
   background-color: #F8F8F8;
   background-image: none;
   border-color: #D2D2D2;
   color: #212529;
}
#MegaMenu1 .submenu
{
   background-color: #FFFFFF;
   background-image: none;
   border: 3px solid #4169E1;
   border-radius: 10px;
   color: #191970;
}
#MegaMenu1 .submenu a:hover, #MegaMenu1 .submenu a.active
{
   background-color: rgba(0,255,127,0.13);
   background-image: none;
   border: 1px solid #00FF7F;
   color: #6495ED;
}
#MegaMenu1 li:nth-child(1) .submenu ul li a
{
   padding: 6px 4px 6px 4px;
}
#MegaMenu1 li:nth-child(2) .submenu
{
   grid-template-columns: repeat(3, 1fr);
   grid-gap: 15px;
}
#MegaMenu1 li:nth-child(3) .submenu
{
   grid-template-columns: repeat(3, 1fr);
   grid-gap: 15px;
}
#MegaMenu1 li:nth-child(4) .submenu
{
   grid-template-columns: repeat(3, 1fr);
   grid-gap: 15px;
}
#MegaMenu1 li:nth-child(7) .submenu
{
   grid-template-columns: repeat(3, 1fr);
   grid-gap: 15px;
}
#MegaMenu1 li i
{
   font-size: 16px;
   width: 18px;
}
#MegaMenu1 .arrow
{
   margin-top: -8px;
   margin-left: 0;
   position: absolute;
   right: 4px;
   top: 50%;
   display: block;
   overflow: hidden;
   width: 16px;
   height: 16px;
}
#MegaMenu1 .bullet, #MegaMenu1 .icon
{
   left: 0px;
   margin-top: -8px;
   position: absolute;
   top: 50%;
   display: block;
   overflow: hidden;
   width: 16px;
   height: 16px;
}
#wb_Image1
{
   margin: 0;
   vertical-align: top;
}
#Image1
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   display: block;
   width: 100%;
   height: auto;
   max-width: 100px;
   margin-left: auto;
   margin-right: auto;
   vertical-align: top;
}
#wb_CssMenu1
{
   border: 0px solid #C0C0C0;
   border-radius: 0px;
   background-color: transparent;
   margin: 0;
   text-align: left;
   position: relative;
   z-index: 1111 !important;
}
#wb_CssMenu1 ul
{
   list-style-type: none;
   margin: 0;
   padding: 0;
    font-size: 0;
}
#wb_CssMenu1 li
{
   display: inline-block;
   margin: 0;
   padding: 0px 0px 0px 0px;
   width: 19.99%;
}
#wb_CssMenu1 a
{
   display: block;
   color: #FFFFFF;
   border: 1px solid #8A2BE2;
   border-radius: 0px;
   background-color: #8A2BE2;
   background-image: none;
   font-family: Montserrat;
   font-weight: normal;
   font-size: 16px;
   font-style: normal;
   text-decoration: none;
   text-transform: none;
   text-align: center;
   vertical-align: middle;
}
#wb_CssMenu1 > ul > li > a
{
   width: calc(100% - 4px);
   box-sizing: border-box;
   height: 28px;
   padding: 0 5px 0px 5px;
   line-height: 26px;
}
#wb_CssMenu1 li:hover a, #wb_CssMenu1 a:hover
{
   color: #FFFFFF;
   border: 1px solid #7B68EE;
   background-color: #7B68EE;
   background-image: none;
}
#wb_CssMenu1 li.firstmain
{
   padding-left: 0px;
}
#wb_CssMenu1 li.lastmain
{
   padding-right: 0px;
}
#wb_CssMenu1 br
{
   clear: both;
   font-size: 1px;
   height: 0;
   line-height: 0;
}
#wb_LayoutGrid3
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #DEE2E6;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid3
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 0;
   margin-right: auto;
   margin-left: auto;
}
#LayoutGrid3 > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid3 > .col-1
{
   flex: 0 0 auto;
}
#LayoutGrid3 > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 100%;
   max-width: 100%;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   justify-content: center;
   text-align: center;
}
@media (max-width: 768px)
{
#LayoutGrid3 > .col-1
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_LayoutGrid4
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #DEE2E6;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 580px 0 0 0 ;
}
#LayoutGrid4
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 0;
   margin-right: auto;
   margin-left: auto;
}
#LayoutGrid4 > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid4 > .col-1
{
   flex: 0 0 auto;
}
#LayoutGrid4 > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 100%;
   max-width: 100%;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   justify-content: center;
   text-align: center;
}
@media (max-width: 768px)
{
#LayoutGrid4 > .col-1
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_LayoutGrid5
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #DEE2E6;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 100px 0 0 0 ;
}
#LayoutGrid5
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 0;
   margin-right: auto;
   margin-left: auto;
}
#LayoutGrid5 > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid5 > .col-1
{
   flex: 0 0 auto;
}
#LayoutGrid5 > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 100%;
   max-width: 100%;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   justify-content: center;
   text-align: center;
}
@media (max-width: 768px)
{
#LayoutGrid5 > .col-1
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_LayoutGrid6
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #DEE2E6;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 400px 0 0 0 ;
}
#LayoutGrid6
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 0;
   margin-right: auto;
   margin-left: auto;
}
#LayoutGrid6 > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid6 > .col-1
{
   flex: 0 0 auto;
}
#LayoutGrid6 > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 100%;
   max-width: 100%;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   justify-content: center;
   text-align: center;
}
@media (max-width: 768px)
{
#LayoutGrid6 > .col-1
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_LayoutGrid8
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #DEE2E6;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 300px 0 0 0 ;
}
#LayoutGrid8
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 0;
   margin-right: auto;
   margin-left: auto;
}
#LayoutGrid8 > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid8 > .col-1
{
   flex: 0 0 auto;
}
#LayoutGrid8 > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 100%;
   max-width: 100%;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   justify-content: center;
   text-align: center;
}
@media (max-width: 768px)
{
#LayoutGrid8 > .col-1
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
    /* পিসি এবং বড় স্ক্রিনের জন্য ডিফল্ট স্টাইল */
    .wb-custom-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: #ffffff;
        padding: 12px 25px;
        border-radius: 50px;
        box-shadow: 0 5px 15px rgba(0,0,0,0.08);
        width: 100%;
        box-sizing: border-box;
        flex-wrap: wrap; /* জায়গা না থাকলে উপাদান নিচে নামার অনুমতি দেবে */
        gap: 15px;
    }
    
    .wb-item { 
        display: flex; 
        align-items: center; 
        gap: 12px; 
        font-family: Arial, sans-serif; 
    }
    
    /* ইমেল লিঙ্কের আন্ডারলাইন সরানোর জন্য */
    .wb-item a {
        text-decoration: none;
        color: inherit;
    }
    
    .wb-icon { 
        width: 40px; 
        height: 40px; 
        display: flex; 
        align-items: center; 
        justify-content: center; 
        border-radius: 50%; 
        background: #f0f0f0; 
        color: #2575fc; /* আইকনে একটু ব্র্যান্ড কালার দেওয়া হলো */
    }
    
    .wb-btn { 
        padding: 10px 20px; 
        border: 1px solid #ddd; 
        border-radius: 25px; 
        text-decoration: none; 
        color: #333; 
        font-size: 14px; 
        font-family: Arial, sans-serif;
        font-weight: 500;
        transition: all 0.3s ease;
    }
    .wb-btn:hover {
        background: #f9f9f9;
        border-color: #bbb;
    }
    
    .wb-social { 
        display: flex; 
        gap: 15px; 
        font-size: 18px; 
        color: #555;
    }
    
    .wb-quote { 
        background: linear-gradient(90deg, #6a11cb, #2575fc); 
        color: #fff; 
        padding: 12px 25px; 
        border-radius: 25px; 
        text-decoration: none; 
        font-weight: bold; 
        font-family: Arial, sans-serif;
        font-size: 14px;
        letter-spacing: 0.5px;
        transition: transform 0.2s ease;
    }
    .wb-quote:hover {
        transform: scale(1.03);
    }

    /* ==========================================================
       ১. ট্যাবলেট ডিভাইসের জন্য রেসপন্সিভ কোড (max-width: 992px)
       ========================================================== */
    @media (max-width: 992px) {
        .wb-custom-header {
            border-radius: 25px; /* মাঝারি স্ক্রিনে বর্ডার রেডিয়াস একটু কমানো হলো */
            justify-content: space-around;
            padding: 20px;
        }
    }

    /* ==========================================================
       ২. মোবাইল ডিভাইসের জন্য রেসপন্সিভ কোড (max-width: 768px)
       ========================================================== */
    @media (max-width: 768px) {
        .wb-custom-header {
            flex-direction: column; /* মোবাইলে সবকিছু একটার নিচে আরেকটা আসবে */
            align-items: center;
            text-align: center;
            border-radius: 15px; /* মোবাইলে চারকোনা শেপ সুন্দর লাগে */
            padding: 20px 15px;
            gap: 20px; /* আইটেমগুলোর মাঝখানের দূরত্ব */
        }

        .wb-item {
            flex-direction: column; /* আইকন ও লেখা একটার নিচে আরেকটা আসবে */
            gap: 8px;
        }

        .wb-btn, .wb-quote {
            width: 100%; /* বাটনগুলো মোবাইলে পুরো চওড়া হয়ে যাবে, চাপতে সুবিধা হবে */
            text-align: center;
            box-sizing: border-box;
        }

        .wb-social {
            margin: 5px 0; /* সোশ্যাল আইকনের উপরে নিচে সামান্য স্পেস */
        }
    }
    /* মোবাইলের স্ক্রিন যখন ৭৬৮ পিক্সেল বা তার ছোট হবে */
    @media (max-width: 768px) {
        
        /* ১. আপনার নেওয়া সমস্ত Layout Grid-কে মোবাইলে রেসপন্সিভ করতে বাধ্য করা হচ্ছে */
        .LayoutGrid, div[id^="wb_LayoutGrid"], div[id^="wb_Header"], div[id^="wb_Section"] {
            display: flex !important;
            flex-direction: column !important;
            height: auto !important;
            min-height: max-content !important;
            position: relative !important;
            top: auto !important;
            left: auto !important;
            width: 100% !important;
            clear: both !important;
            
            /* প্রতিটা আলাদা সেকশনের মাঝখানে ২০ পিক্সেল করে অটোমেটিক মার্জিন স্পেস */
            margin-top: 0px !important;
            margin-bottom: 20px !important;
            padding: 15px 10px !important;
            box-sizing: border-box !important;
        }

        /* ২. প্রতিটা গ্রিডের ভেতরে থাকা আলাদা আলাদা HTML Object এর ফিক্সড সাইজ ভেঙে ফ্লেক্সিবল করা */
        div[id^="Html"], .HtmlObject {
            height: auto !important;
            min-height: max-content !important;
            width: 100% !important;
            position: relative !important;
            top: auto !important;
            left: auto !important;
            display: block !important;
            margin-bottom: 10px !important;
            box-sizing: border-box !important;
        }

        /* ৩. টেক্সট বা ভেতরের উপাদানের জন্য ফিক্সড পজিশন ক্লিয়ার করা */
        .wb-custom-header, .gt-fluid-layout, div[style*="position:absolute"] {
            position: relative !important;
            height: auto !important;
            width: 100% !important;
            top: auto !important;
            left: auto !important;
        }
    }
        .gt-hero-complete-section {
            width: 100%;
            background: radial-gradient(circle at 80% 20%, #f4f7ff 0%, #fafafa 100%);
            padding: 90px 0;
            font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
            box-sizing: border-box;
            overflow: hidden;
        }

        .gt-hero-complete-section * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }

        .gt-hero-main-layout {
            width: 100%;
            max-width: 1240px;
            margin: 0 auto;
            padding: 0 20px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 50px;
        }

        /* Content Left Column */
        .gt-hero-left-content {
            flex: 1.1;
            min-width: 320px;
        }

        .gt-badge-wrapper {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            background-color: #ffffff;
            padding: 8px 16px;
            border-radius: 50px;
            font-size: 13.5px;
            font-weight: 600;
            color: #334155;
            box-shadow: 0 4px 12px rgba(0,0,0,0.03);
            border: 1px solid #e2e8f0;
            margin-bottom: 24px;
        }

        .gt-badge-icon {
            color: #6366f1;
        }

        .gt-main-heading {
            font-size: 46px;
            font-weight: 800;
            line-height: 1.2;
            color: #0f172a;
            margin-bottom: 20px;
            letter-spacing: -0.5px;
        }

        .gt-text-gradient {
            background: linear-gradient(135deg, #4f46e5 0%, #ec4899 50%, #f97316 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .gt-section-description {
            font-size: 16.5px;
            line-height: 1.6;
            color: #475569;
            margin-bottom: 32px;
        }

        .gt-features-grid-row {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 16px;
            margin-bottom: 36px;
        }

        .gt-feature-tag {
            display: flex;
            align-items: center;
            gap: 10px;
            font-size: 14.5px;
            font-weight: 600;
            color: #1e293b;
        }

        .gt-tag-bullet {
            font-size: 16px;
        }

        /* Action Buttons */
        .gt-cta-actions {
            display: flex;
            align-items: center;
            gap: 16px;
            flex-wrap: wrap;
        }

        .gt-primary-cta-btn {
            background: linear-gradient(135deg, #f97316 0%, #ea580c 100%);
            color: #ffffff !important;
            text-decoration: none;
            padding: 14px 30px;
            border-radius: 8px;
            font-size: 14px;
            font-weight: 700;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            box-shadow: 0 4px 14px rgba(249, 115, 22, 0.35);
            transition: all 0.2s ease;
        }

        .gt-secondary-cta-btn {
            background-color: transparent;
            color: #0f172a !important;
            border: 1.5px solid #cbd5e1;
            text-decoration: none;
            padding: 13px 28px;
            border-radius: 8px;
            font-size: 14px;
            font-weight: 700;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            transition: all 0.2s ease;
        }

        .gt-primary-cta-btn:hover {
            transform: translateY(-1px);
            box-shadow: 0 6px 20px rgba(249, 115, 22, 0.45);
        }

        .gt-secondary-cta-btn:hover {
            background-color: #f1f5f9;
            border-color: #94a3b8;
        }

        /* Right Mockup Scene Composition Engine */
        .gt-hero-right-mockup-area {
            flex: 1.2;
            display: flex;
            justify-content: center;
            align-items: center;
            position: relative;
            min-width: 450px;
            height: 480px;
        }

        .gt-mockup-scene-container {
            position: relative;
            width: 100%;
            height: 100%;
        }

        /* CSS Isometric Laptop Hardware Engine */
        .gt-laptop-hardware {
            position: absolute;
            left: 50%;
            top: 55%;
            transform: translate(-50%, -50%);
            width: 360px;
            z-index: 10;
        }

        .gt-laptop-screen-frame {
            background-color: #000000;
            border-radius: 12px 12px 0 0;
            padding: 10px;
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
        }

        .gt-laptop-display-content {
            background-color: #ffffff;
            aspect-ratio: 16 / 10;
            border-radius: 4px;
            overflow: hidden;
            position: relative;
        }

        .gt-laptop-base-keyboard {
            background: linear-gradient(to bottom, #e2e8f0 0%, #cbd5e1 100%);
            height: 12px;
            border-radius: 0 0 16px 16px;
            position: relative;
            box-shadow: 0 8px 20px rgba(0,0,0,0.15);
        }

        .gt-laptop-base-keyboard::after {
            content: '';
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 60px;
            height: 4px;
            background-color: #94a3b8;
            border-radius: 0 0 4px 4px;
        }

        /* Internal Website Simulation preview inside Laptop Screen */
        .gt-internal-web-view {
            width: 100%;
            height: 100%;
            font-family: sans-serif;
            display: flex;
            flex-direction: column;
            background-color: #ffffff;
        }

        .gt-internal-navbar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 6px 10px;
            background-color: #f8fafc;
            border-bottom: 1px solid #edf2f7;
        }

        .gt-internal-logo {
            font-size: 8px;
            font-weight: bold;
            color: #4f46e5;
        }

        .gt-internal-links {
            display: flex;
            gap: 6px;
            font-size: 6px;
            color: #64748b;
        }

        .gt-internal-hero {
            padding: 15px 12px;
            flex: 1;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: flex-start;
            background: radial-gradient(circle at right, #f5f3ff 0%, #ffffff 70%);
        }

        .gt-internal-hero h2 {
            font-size: 14px;
            line-height: 1.2;
            color: #0f172a;
            margin-bottom: 4px;
        }

        .gt-internal-hero p {
            font-size: 7px;
            color: #475569;
            max-width: 110px;
            margin-bottom: 6px;
            line-height: 1.3;
        }

        .gt-internal-hero button {
            background-color: #4f46e5;
            color: white;
            border: none;
            padding: 3px 8px;
            font-size: 6px;
            border-radius: 3px;
            cursor: pointer;
        }

        /* Branded Coffee Mug Object */
        .gt-branded-mug {
            position: absolute;
            right: 15%;
            bottom: 22%;
            width: 48px;
            height: 52px;
            background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
            border-radius: 4px 4px 12px 12px;
            z-index: 12;
            box-shadow: 4px 10px 20px rgba(0,0,0,0.15);
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .gt-mug-handle {
            position: absolute;
            right: -10px;
            top: 12px;
            width: 14px;
            height: 26px;
            border: 4px solid #1e293b;
            border-left: none;
            border-radius: 0 8px 8px 0;
        }

        .gt-mug-logo {
            font-size: 11px;
            font-weight: 900;
            background: linear-gradient(135deg, #ff7b00, #ff007b);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        /* Floating Tool Spheres Layout Engine */
        .gt-floating-tool-node {
            position: absolute;
            display: flex;
            flex-direction: column;
            align-items: center;
            z-index: 15;
            text-align: center;
        }

        .gt-node-icon-sphere {
            width: 46px;
            height: 46px;
            border-radius: 50%;
            background-color: white;
            box-shadow: 0 10px 25px rgba(0,0,0,0.08);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 18px;
            border: 1px solid #f1f5f9;
            font-weight: bold;
        }

        .gt-node-caption {
            font-size: 11px;
            font-weight: 700;
            color: #334155;
            margin-top: 6px;
            background-color: rgba(255,255,255,0.85);
            padding: 2px 8px;
            border-radius: 20px;
            white-space: nowrap;
            box-shadow: 0 2px 5px rgba(0,0,0,0.02);
        }

        /* Spherical Color Customizations */
        .icon-blue { color: #2563eb; background-color: #eff6ff; }
        .icon-navy { color: #1d4ed8; background-color: #f0fdf4; font-size: 15px;}
        .icon-orange { color: #ea580c; background-color: #fff7ed; }
        .icon-green { color: #16a34a; background-color: #f0fdf4; }
        .icon-pink { color: #db2777; background-color: #fdf2f8; }
        .icon-purple { color: #7c3aed; background-color: #f5f3ff; }

        /* Absolute Blueprint Position Coordinates Matching the Layout Image */
        .tool-web-design { top: 2%; left: 45%; }
        .tool-wordpress { top: 12%; left: 18%; }
        .tool-seo { top: 10%; right: 10%; }
        .tool-ecommerce { top: 40%; left: 5%; }
        .tool-uiux { top: 38%; right: 2%; }
        .tool-marketing { bottom: 14%; right: -2%; }

        .gt-desk-plant {
            position: absolute;
            left: 20%;
            bottom: 22%;
            font-size: 28px;
            z-index: 9;
            opacity: 0.85;
        }

        /* Responsive Layout Grid Adapter */
        @media (max-width: 992px) {
            .gt-hero-main-layout {
                flex-direction: column;
                align-items: center;
                text-align: center;
            }
            .gt-hero-left-content {
                max-width: 100%;
                display: flex;
                flex-direction: column;
                align-items: center;
            }
            .gt-features-grid-row {
                justify-content: center;
                width: 100%;
            }
            .gt-cta-actions {
                justify-content: center;
            }
            .gt-hero-right-mockup-area {
                width: 100%;
                min-width: 100%;
                height: 420px;
                transform: scale(0.9);
            }
        }

        @media (max-width: 480px) {
            .gt-main-heading { font-size: 32px; }
            .gt-features-grid-row { grid-template-columns: 1fr; }
            .gt-hero-right-mockup-area { transform: scale(0.75); height: 350px;}
        }
            .gt-stats-block {
            width: 100%;
            background-color: #ffffff;
            padding: 24px 0;
            font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
            box-sizing: border-box;
        }

        .gt-stats-block * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }

        .gt-stats-container {
            width: 100%;
            max-width: 1240px;
            margin: 0 auto;
            padding: 20px;
            background-color: #ffffff;
            border-radius: 16px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
            border: 1px solid #f1f5f9;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .gt-stat-item {
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 16px;
            padding: 0 10px;
        }

        /* Icon Spheres & Background Color Palette */
        .gt-stat-icon-wrapper {
            width: 52px;
            height: 52px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
        }

        .gt-stat-icon-wrapper svg {
            width: 24px;
            height: 24px;
            color: #ffffff;
        }

        .icon-purple-bg { background-color: #6366f1; }
        .icon-green-bg  { background-color: #16a34a; }
        .icon-orange-bg { background-color: #ea580c; }
        .icon-pink-bg   { background-color: #db2777; }

        /* Typography */
        .gt-stat-info {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
        }

        .gt-stat-number {
            font-size: 24px;
            font-weight: 800;
            color: #0f172a;
            line-height: 1.1;
            margin-bottom: 2px;
        }

        .gt-stat-label {
            font-size: 13.5px;
            font-weight: 600;
            color: #475569;
            white-space: nowrap;
        }

        /* Vertical Dividers */
        .gt-stat-divider {
            width: 1px;
            height: 40px;
            background-color: #e2e8f0;
            border-style: dashed;
            border-width: 0 1px 0 0;
            opacity: 0.7;
        }

        /* Responsive Layout Engine */
        @media (max-width: 992px) {
            .gt-stats-container {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 30px;
                padding: 30px;
            }
            .gt-stat-divider {
                display: none;
            }
            .gt-stat-item {
                justify-content: flex-start;
                padding-left: 15%;
            }
        }

        @media (max-width: 576px) {
            .gt-stats-container {
                grid-template-columns: 1fr;
                gap: 24px;
            }
            .gt-stat-item {
                padding-left: 10%;
            }
        }
            .gt-features-three-column-block {
            width: 100%;
            background-color: #fafbfe;
            padding: 60px 0;
            font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
            box-sizing: border-box;
        }

        .gt-features-three-column-block * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }

        .gt-features-grid-container {
            width: 100%;
            max-width: 1240px;
            margin: 0 auto;
            padding: 0 20px;
            display: grid;
            grid-template-columns: 1fr 1.3fr 1.3fr; /* Middle & right columns have symmetric sizing for side-by-side lists */
            gap: 24px;
        }

        /* Base Card Styling with Soft Colors */
        .gt-feature-card {
            background-color: #ffffff;
            border-radius: 16px;
            padding: 30px 24px 45px 24px;
            position: relative;
            overflow: hidden;
            border: 1px solid #f1f5f9;
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.02);
            display: flex;
            flex-direction: column;
        }

        /* Card Themes Based on Screenshot Spec Sheet */
        .card-purple-theme { background: linear-gradient(180deg, #fbfaff 0%, #ffffff 100%); }
        .card-blue-theme   { background: linear-gradient(180deg, #f8faff 0%, #ffffff 100%); }
        .card-green-theme  { background: linear-gradient(180deg, #f7fdf9 0%, #ffffff 100%); }

        /* Titles and Horizontal Underlines */
        .gt-card-main-title {
            font-size: 21px;
            font-weight: 700;
            color: #0f172a;
            margin-bottom: 12px;
            letter-spacing: -0.3px;
        }

        .gt-title-underline {
            width: 40px;
            height: 3px;
            border-radius: 2px;
            margin-bottom: 24px;
        }

        .underline-purple { background-color: #7c3aed; }
        .underline-blue   { background-color: #2563eb; }
        .underline-green  { background-color: #16a34a; }

        /* Layout Inside Cards (Single Column vs Two Columns) */
        .gt-two-column-sub-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 16px;
        }

        .gt-features-list {
            list-style: none;
            display: flex;
            flex-direction: column;
            gap: 14px;
            z-index: 2; /* Content sits above watermark graphics */
        }

        .gt-features-list li {
            font-size: 14.5px;
            font-weight: 600;
            color: #334155;
            display: flex;
            align-items: center;
            gap: 10px;
            line-height: 1.4;
        }

        /* Icon Core Designs */
        .gt-list-check-icon {
            color: #ffffff;
            background-color: #7c3aed;
            width: 18px;
            height: 18px;
            border-radius: 50%;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 10px;
            font-weight: bold;
            flex-shrink: 0;
        }

        .gt-list-custom-icon {
            font-size: 16px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 20px;
            flex-shrink: 0;
        }

        .text-blue   { color: #2563eb; }
        .text-green  { color: #16a34a; }

        /* Floating Vector Watermarks Engine */
        .gt-card-bg-watermark {
            position: absolute;
            font-size: 72px;
            opacity: 0.06;
            pointer-events: none;
            line-height: 1;
            z-index: 1;
        }

        .watermark-trophy { right: 15px; bottom: 15px; transform: rotate(-10deg); }
        .watermark-code   { left: 50%; bottom: -5px; transform: translateX(-50%) scale(1.1); }
        .watermark-city   { left: 50%; bottom: -5px; transform: translateX(-50%); }

        /* Responsive Breakpoints Adaptability Engine */
        @media (max-width: 1100px) {
            .gt-features-grid-container {
                grid-template-columns: 1fr;
                gap: 30px;
            }
            .gt-card-bg-watermark {
                font-size: 90px;
            }
            .watermark-code, .watermark-city {
                left: auto;
                right: 25px;
                bottom: 15px;
                transform: none;
            }
        }

        @media (max-width: 576px) {
            .gt-two-column-sub-grid {
                grid-template-columns: 1fr;
                gap: 14px;
            }
            .gt-card-bg-watermark {
                display: none; /* Hide vectors on small screens for visual clarity */
            }
        }
            .gt-process-timeline-section {
            width: 100%;
            background-color: #ffffff;
            padding: 80px 0;
            font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
            box-sizing: border-box;
            text-align: center;
        }

        .gt-process-timeline-section * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }

        /* Top Heading Style rules */
        .gt-process-main-heading {
            font-size: 28px;
            font-weight: 700;
            color: #0f172a;
            margin-bottom: 12px;
        }

        .gt-process-heading-underline {
            width: 50px;
            height: 3px;
            background-color: #4f46e5;
            border-radius: 2px;
            margin: 0 auto 55px auto;
        }

        /* Horizontal Flex Layout Adapter Engine */
        .gt-process-timeline-container {
            width: 100%;
            max-width: 1280px;
            margin: 0 auto;
            padding: 0 15px;
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            position: relative;
        }

        /* Step Node Element Layout */
        .gt-process-node-step {
            flex: 1;
            display: flex;
            flex-direction: column;
            align-items: center;
            position: relative;
            padding: 0 8px;
        }

        /* Connecting Dash Arrows Generator Rule */
        .gt-process-node-step:not(:last-child)::after {
            content: '➔';
            position: absolute;
            top: 22px;
            right: -14%;
            width: 28%;
            font-size: 13px;
            color: #cbd5e1;
            letter-spacing: -1px;
            overflow: hidden;
            white-space: nowrap;
            opacity: 0.8;
        }

        /* Icon Spheres Styling Rules */
        .gt-process-icon-sphere {
            width: 48px;
            height: 48px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 20px;
            box-shadow: 0 8px 20px rgba(0,0,0,0.06);
            flex-shrink: 0;
            z-index: 5;
        }

        .gt-process-icon-sphere svg {
            width: 22px;
            height: 22px;
            color: #ffffff;
        }

        /* Dynamic Color Swatches mapping the UI mockups */
        .bg-purple-node   { background-color: #6366f1; }
        .bg-pink-node     { background-color: #db2777; }
        .bg-orange-node   { background-color: #ea580c; }
        .bg-green-node    { background-color: #16a34a; }
        .bg-blue-node     { background-color: #2563eb; }
        .bg-indigo-node   { background-color: #4f46e5; }
        .bg-darkpink-node { background-color: #e11d48; }

        /* Meta Typography Structure rules */
        .gt-process-meta {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .gt-step-index-label {
            font-size: 11.5px;
            font-weight: 700;
            color: #64748b;
            text-transform: uppercase;
            margin-bottom: 4px;
            letter-spacing: 0.3px;
        }

        .gt-step-core-title {
            font-size: 14px;
            font-weight: 700;
            color: #0f172a;
            margin-bottom: 8px;
            line-height: 1.3;
        }

        .gt-step-brief-desc {
            font-size: 12px;
            font-weight: 500;
            color: #64748b;
            line-height: 1.4;
            max-width: 140px;
        }

        /* Responsive Adaptive Grid System for Medium and Small Screen Devices */
        @media (max-width: 1024px) {
            .gt-process-timeline-container {
                display: grid;
                grid-template-columns: repeat(4, 1fr);
                gap: 30px 15px;
            }
            .gt-process-node-step:not(:last-child)::after {
                display: none; /* Deactivate connector lines on grid layout wrap */
            }
            .gt-step-brief-desc {
                max-width: 100%;
            }
        }

        @media (max-width: 768px) {
            .gt-process-timeline-container {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        @media (max-width: 480px) {
            .gt-process-timeline-container {
                grid-template-columns: 1fr;
                gap: 24px 0;
            }
            .gt-process-node-step {
                flex-direction: row;
                text-align: left;
                align-items: flex-start;
                padding: 0 10px;
            }
            .gt-process-icon-sphere {
                margin-bottom: 0;
                margin-right: 16px;
                width: 42px;
                height: 42px;
            }
            .gt-process-meta {
                align-items: flex-start;
            }
        }
            .gt-unified-footer-section {
            width: 100% !important;
            background: #fdf6fb !important;
            background: linear-gradient(180deg, #fcf4fa 0%, #f5ebf8 100%) !important;
            font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
            box-sizing: border-box !important;
            padding-top: 40px !important;
        }

        .gt-unified-footer-section * {
            box-sizing: border-box !important;
            margin: 0;
            padding: 0;
        }

        /* Top Banner Box Layout */
        .gt-footer-top-cta-panel {
            max-width: 1240px !important;
            margin: 0 auto 35px auto !important;
            padding: 0 20px !important;
        }

        .gt-cta-card-wrapper {
            background: #ffffff !important;
            border: 1px solid rgba(0, 0, 0, 0.05) !important;
            border-radius: 20px !important;
            padding: 30px 40px !important;
            display: flex !important;
            align-items: center !important;
            gap: 25px !important;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02) !important;
        }

        .gt-cta-rocket-icon {
            font-size: 42px !important;
            line-height: 1 !important;
        }

        .gt-cta-main-content {
            flex-grow: 1 !important;
        }

        .gt-cta-heading {
            font-size: 26px !important;
            font-weight: 800 !important;
            color: #0b132a !important;
            margin-bottom: 6px !important;
        }

        .gt-cta-subtext {
            font-size: 14px !important;
            color: #4a5568 !important;
            line-height: 1.5 !important;
        }

        .gt-cta-action-area {
            flex-shrink: 0 !important;
        }

        .gt-cta-orange-btn {
            display: inline-block !important;
            background: #e65c00 !important;
            background: linear-gradient(135deg, #ff6a00 0%, #ee5100 100%) !important;
            color: #ffffff !important;
            text-decoration: none !important;
            font-size: 14px !important;
            font-weight: 700 !important;
            padding: 12px 36px !important;
            border-radius: 25px !important;
            box-shadow: 0 4px 15px rgba(238, 81, 0, 0.3) !important;
            transition: all 0.2s ease !important;
        }

        .gt-cta-orange-btn:hover {
            transform: translateY(-2px) !important;
            box-shadow: 0 6px 20px rgba(238, 81, 0, 0.4) !important;
        }

        /* Inline Mini Features Row */
        .gt-cta-features-inline {
            display: flex !important;
            justify-content: flex-start !important;
            gap: 24px !important;
            margin-top: 18px !important;
            padding-left: 10px !important;
        }

        .gt-feat-badge {
            font-size: 13px !important;
            font-weight: 600 !important;
            color: #0b132a !important;
            display: flex !important;
            align-items: center !important;
            gap: 6px !important;
        }

        .gt-feat-bolt {
            color: #ff6a00 !important;
        }

        /* Main Core Footer Layout */
        .gt-footer-main-panel {
            width: 100% !important;
            padding: 40px 0 30px 0 !important;
        }

        .gt-panel-container {
            display: table !important;
            width: 100% !important;
            max-width: 1240px !important;
            margin: 0 auto !important;
            padding: 0 20px !important;
            table-layout: fixed !important;
        }

        .gt-panel-column {
            display: table-cell !important;
            vertical-align: top !important;
            width: 20% !important;
            padding-right: 30px !important;
        }

        .gt-panel-column.brand-column-wrapper {
            width: 32% !important;
            padding-right: 40px !important;
        }

        .gt-panel-column.location-column-wrapper {
            width: 28% !important;
            padding-right: 0 !important;
        }

        /* Logo Area Style */
        .gt-footer-logo-area {
            margin-bottom: 20px !important;
            display: block !important;
        }

        .gt-footer-custom-logo {
            max-width: 100% !important;
            height: auto !important;
            max-height: 48px !important;
            object-fit: contain !important;
        }

        .gt-brand-brief-desc {
            font-size: 13.5px !important;
            color: #334155 !important;
            line-height: 1.65 !important;
            margin-bottom: 22px !important;
        }

        /* Social Circles */
        .gt-footer-social-links {
            display: flex !important;
            gap: 10px !important;
        }

        .gt-social-icon {
            width: 32px !important;
            height: 32px !important;
            background-color: rgba(0, 0, 0, 0.04) !important;
            border-radius: 50% !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            color: #334155 !important;
            font-size: 13px !important;
            text-decoration: none !important;
            transition: all 0.2s ease !important;
        }

        .gt-social-icon:hover {
            background-color: #0b132a !important;
            color: #ffffff !important;
        }

        /* Column Heading Titles */
        .gt-column-title {
            font-size: 15px !important;
            font-weight: 700 !important;
            color: #0b132a !important;
            margin-bottom: 22px !important;
            text-transform: capitalize !important;
        }

        /* Navigation List Links */
        .gt-panel-links {
            list-style: none !important;
        }

        .gt-panel-links li {
            margin-bottom: 12px !important;
        }

        .gt-panel-links li a {
            font-size: 13.5px !important;
            color: #334155 !important;
            text-decoration: none !important;
            transition: color 0.2s ease !important;
            display: inline-block !important;
        }

        .gt-panel-links li a:hover {
            color: #0b132a !important;
            font-weight: 600 !important;
        }

        .gt-panel-links li a::before {
            content: '› ' !important;
            font-weight: bold !important;
            margin-right: 5px !important;
            color: #64748b !important;
        }

        /* Map Location Widget Box Layout */
        .gt-location-card-widget {
            background-color: #ffffff !important;
            border: 1px solid rgba(0, 0, 0, 0.05) !important;
            border-radius: 14px !important;
            padding: 16px !important;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.01) !important;
        }

        .gt-map-vector-canvas {
            width: 100% !important;
            height: 110px !important;
            background-color: #141b2d !important;
            border-radius: 8px !important;
            margin-bottom: 14px !important;
            position: relative !important;
            overflow: hidden !important;
        }

        .gt-map-grid-mesh {
            width: 100% !important;
            height: 100% !important;
            background-size: 16px 16px !important;
            background-image: linear-gradient(to right, rgba(255, 255, 255, 0.04) 1px, transparent 1px),
                              linear-gradient(to bottom, rgba(255, 255, 255, 0.04) 1px, transparent 1px) !important;
        }

        .gt-map-pulse-pin {
            position: absolute !important;
            top: 45% !important;
            left: 55% !important;
            width: 10px !important;
            height: 10px !important;
            background-color: #ff3b30 !important;
            border-radius: 50% !important;
            transform: translate(-50%, -50%) !important;
            box-shadow: 0 0 0 6px rgba(255, 59, 48, 0.2) !important;
        }

        /* Geolocation Address Descriptions */
        .gt-location-address-meta {
            font-size: 12.5px !important;
            color: #1e293b !important;
            line-height: 1.6 !important;
            text-align: center !important;
        }

        .gt-location-address-meta p {
            margin-bottom: 4px !important;
        }

        .gt-location-phone-trigger {
            display: inline-block !important;
            margin-top: 6px !important;
            font-size: 13px !important;
            font-weight: 700 !important;
            color: #1e3a8a !important;
            text-decoration: none !important;
        }

        /* Middle Trust Badges Ribbon Panel */
        .gt-footer-trust-badges {
            width: 100% !important;
            border-top: 1px solid rgba(0, 0, 0, 0.05) !important;
            padding: 20px 0 10px 0 !important;
        }

        .gt-trust-container {
            max-width: 1240px !important;
            margin: 0 auto !important;
            padding: 0 20px !important;
            display: flex !important;
            justify-content: space-between;
            align-items: center;
            gap: 15px !important;
        }

        .gt-trust-container.gt-center-badge {
            justify-content: center !important;
            margin-top: 10px !important;
        }

        .gt-badge-item {
            font-size: 13px !important;
            color: #0b132a !important;
            font-weight: 600 !important;
            display: flex !important;
            align-items: center !important;
            gap: 8px !important;
        }

        .gt-badge-icon-svg {
            font-size: 14px !important;
            color: #1e3a8a !important;
        }

        /* Bottom Most Copyright Ribbon bar */
        .gt-footer-copyright-ribbon {
            width: 100% !important;
            border-top: 1px solid rgba(0, 0, 0, 0.04) !important;
            padding: 22px 0 !important;
            margin-top: 15px !important;
        }

        .gt-copyright-container {
            max-width: 1240px !important;
            margin: 0 auto !important;
            padding: 0 20px !important;
            display: flex !important;
            justify-content: space-between;
            align-items: center;
        }

        .gt-copy-text {
            font-size: 12.5px !important;
            color: #64748b !important;
        }

        .gt-dev-text {
            font-size: 12.5px !important;
            color: #64748b !important;
        }

        .gt-dev-highlight {
            color: #0b132a !important;
            font-weight: 700 !important;
        }

        /* Responsiveness Control Matrix */
        @media (max-width: 991px) {
            .gt-cta-card-wrapper {
                flex-direction: column !important;
                text-align: center !important;
                padding: 30px 20px !important;
            }
            .gt-cta-features-inline {
                flex-wrap: wrap !important;
                justify-content: center !important;
                gap: 14px !important;
            }
            .gt-panel-container, .gt-trust-container, .gt-copyright-container {
                display: block !important;
                text-align: center !important;
            }
            .gt-panel-column, .gt-badge-item {
                display: block !important;
                width: 100% !important;
                padding-right: 0 !important;
                margin-bottom: 25px !important;
            }
            .gt-badge-item {
                justify-content: center !important;
                margin-bottom: 12px !important;
            }
            .gt-footer-social-links {
                justify-content: center !important;
            }
            .gt-copyright-container p {
                margin-bottom: 8px !important;
            }
        }