body{   
    padding:0;
    margin: 0;
    overflow-x: hidden;
}
p{
    display: inline-block;
    padding: 0;
    margin: 0;
}
img{
    height: 0 auto;
}
a {
    text-decoration: none !important;
}

.t-c{
    text-align: center !important;
}
.t-l{
    text-align: left !important;
}
.t-r{
    text-align: right !important;
}
html {
    scroll-behavior: smooth;
}
.no-padding{
    padding: 0;
}
.no-padding-x{
    padding: 4px;
}
.center_contanier{
    width: 1200px; margin:0 auto;
}
.smallcenter_contanier{
    width: 1000px; margin:0 auto;
}
.smallcenter_contanier_md{
    width: 1050px; margin:0 auto;
}
.small_net_center_contanier {
    width: 900px;
    margin: 0 auto;
}
.center_big_contanier{
    max-width: 1400px; margin:0 auto;
}
.center_smallbig_contanier{
    width: 400px; margin:0 auto;
}
.container-fluid {
    width: 1300px;
}
.mar_1{
    margin-top: 5px;
}
.mar_2{
    margin-top: 14px;
}
.mar_3{
    margin-top: 15px;
}
.mar_4{
    margin-top: 20px;
}
.mar_5{
    margin-top: 25px;
}
.mar_6{
    margin-top: 30px;
}
.mar_7{
    margin-top: 35px;
}
.mar_8{
    margin-top: 40px;
}
.mar_9{
    margin-top: 45px;
}
.mar_10{
    margin-top: 50px;
}
.mar_11{
    margin-top: 55px;
}
.mar_12{
    margin-top: 60px;
}
.mar_13{
    margin-top: 65px;
}
.mar_14{
    margin-top: 70px;
}
.mar_15{
    margin-top: 75px;
}
.mar_16{
    margin-top: 80px;
}
.mar_17{
    margin-top: 85px;
}
.mar_18{
    margin-top: 90px;
}
.mar_19{
    margin-top: 95px;
}
.mar_20{
    margin-top: 100px;
}
.dddddead_buttontwo {
    display:none;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #ffb900;
    display: inline-block;
}
/*----------------------------*/
.blink-soft {
  animation: blinker 1.5s linear infinite;
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}
.dddddead_buttontwo {
    display: none;
}
/*--------------------------------*/
.lil_text {
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    font-size: 26px;
    text-align: center;
    width: 100%;
    margin-top: 0px;
    font-weight: 700;
    float: left;
    margin-bottom: 0px;
    text-transform: capitalize;
    padding: 0px 20px;
    letter-spacing: 1px;
}
.modal-content {
    width: 100%;
    float: left;
    background: transparent;
}
.modal-body {
    padding: 0px;
}
.box_form_2 .close {
    margin-top: 2px;
    font-size: 22px;
    border: 2px solid #000;
    opacity: 10;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 20px;
    text-align: center;
}
.box_form_2 {
    background: #f8fafc;
    display: flex;
    padding: 23px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    border-radius: 16px;
}
.box_form_2 .label_1{
    color: #000000;
    font-family: "Inter", sans-serif;
    font-size: 15px;
    font-style: normal;
    text-align: left;
    width: 100%;
    font-weight: 500;
    text-transform: math-auto;
    margin-top: 28px;
}
.box_form_2 .clform_set{
    color: #000000;
    font-family: "Outfit", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    width: 100%;
    display: flex;
    height: 48px;
    padding: 12px 16px;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border-radius: 8px;
    border: 1px solid #CACBD5;
    outline: none;
    margin: 7px 0px;
}
.box_form_2 .loki{color: #2a2a2b;font-size: 14px;font-family: "Outfit", sans-serif;font-weight: 500;width: 100%;text-transform: capitalize;}
.box_form_2 .clform_settwo{
    color: #000000;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-style: normal;
    text-align: left;
    width: 100%;
    font-weight: 400;
    text-transform: math-auto;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #CACBD5;
    outline: none;
    display: flex;
    height: 112px;
    padding: 12px 16px;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
}
.box_form_2 .submite_button{
	background: #ea580c;
	width: 100%;
	border: none;
	padding: 14px;
	margin-top: 18px;
	font-family: "Outfit", sans-serif;
	font-weight: 600;
	color: #fff;
	font-size: 18px;
	border-radius: 56px;
}
.box_form_2 .submite_button span{
	margin-left: 10px;
	font-size: 15px;
}
/*--------------------------------*/
/*==== Back To Top Start ====*/
#return-to-top {
  position: fixed;
  bottom: 70px;
  right:20px;
  width:45px;
  height:45px;
  line-height:45px;
  text-align:
  center;
  border: 2px solid #fff;
  text-decoration: none;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  display:
  none;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 99;
  box-shadow: 4px 4px 5px 0px
  rgba(50, 50, 50, 0.2);
  background: #ea580c;
}
#return-to-top i {
  color: #fff;
  margin: 0;
  position: relative;
  font-size:19px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
        .thankyou-page {
            width: 100%;
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 40px 20px;
            position: relative;
            overflow: hidden;
            background:
                radial-gradient(circle at 10% 20%, rgba(27, 110, 243, 0.08), transparent 30%),
                radial-gradient(circle at 90% 80%, rgba(27, 110, 243, 0.08), transparent 30%),
                #f7f9fc;
        }

        /* Decorative Background */
        .thankyou-page::before,
        .thankyou-page::after {
            content: "";
            position: absolute;
            border-radius: 50%;
            border: 1px solid rgba(27, 110, 243, 0.12);
        }

        .thankyou-page::before {
            width: 450px;
            height: 450px;
            left: -220px;
            top: -220px;
        }

        .thankyou-page::after {
            width: 550px;
            height: 550px;
            right: -280px;
            bottom: -280px;
        }

        .thankyou-container {
            width: 100%;
            max-width: 780px;
            position: relative;
            z-index: 2;
        }

        .thankyou-box {
            background: #ffffff;
            border-radius: 24px;
            padding: 60px 60px 50px;
            text-align: center;
            box-shadow: 0 25px 70px rgba(0, 0, 0, 0.08);
            border: 1px solid #e9edf3;
            position: relative;
            overflow: hidden;
        }

        .thankyou-box::before {
            content: "";
            width: 100%;
            height: 5px;
            position: absolute;
            left: 0;
            top: 0;
            background: linear-gradient(90deg, #0f56c9, #2d8cff);
        }

        /* Success Icon */
        .success-icon {
            width: 100px;
            height: 100px;
            margin: 0 auto 28px;
            border-radius: 50%;
            background: #edf5ff;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
        }

        .success-icon::before {
            content: "";
            position: absolute;
            width: 120px;
            height: 120px;
            border-radius: 50%;
            border: 1px solid #d6e7ff;
            animation: pulse 2s infinite;
        }

        .success-icon svg {
            width: 48px;
            height: 48px;
            stroke: #1769e0;
            stroke-width: 2.5;
            fill: none;
            stroke-linecap: round;
            stroke-linejoin: round;
        }

        .small-title {
            display: inline-block;
            font-size: 13px;
            line-height: 1;
            font-weight: 700;
            letter-spacing: 2px;
            text-transform: uppercase;
            color: #1769e0;
            margin-bottom: 16px;
        }

        .thankyou-box h1 {
            font-size: 48px;
            line-height: 1.15;
            font-weight: 700;
            color: #111827;
            margin-bottom: 18px;
        }

        .thankyou-box .description {
            max-width: 570px;
            margin: 0 auto;
            color: #667085;
            font-size: 17px;
            line-height: 1.75;
        }

        /* Confirmation Card */
        .confirmation-box {
            display: flex;
            align-items: center;
            text-align: left;
            gap: 16px;
            padding: 20px 22px;
            margin: 35px 0;
            border-radius: 14px;
            background: #f8faff;
            border: 1px solid #e1eaff;
        }

        .confirmation-icon {
            width: 46px;
            height: 46px;
            min-width: 46px;
            border-radius: 10px;
            background: #e5efff;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .confirmation-icon svg {
            width: 22px;
            height: 22px;
            fill: none;
            stroke: #1769e0;
            stroke-width: 2;
        }

        .confirmation-text strong {
            display: block;
            font-size: 15px;
            color: #1d2939;
            margin-bottom: 5px;
        }

        .confirmation-text p {
            color: #667085;
            font-size: 14px;
            line-height: 1.5;
        }

        /* Buttons */
        .thankyou-buttons {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            gap: 12px;
        }

        .thankyou-btn {
            min-width: 170px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 9px;
            padding: 15px 24px;
            border-radius: 9px;
            font-size: 15px;
            font-weight: 600;
            text-decoration: none;
            transition: all 0.3s ease;
        }

        .thankyou-btn svg {
            width: 18px;
            height: 18px;
            fill: none;
            stroke: currentColor;
            stroke-width: 2;
        }

        .btn-primary {
            background: #1769e0;
            color: #ffffff;
            border: 1px solid #1769e0;
        }

        .btn-primary:hover {
            background: #0d57c5;
            border-color: #0d57c5;
            transform: translateY(-2px);
            box-shadow: 0 8px 20px rgba(23, 105, 224, 0.25);
        }

        .btn-secondary {
            background: #ffffff;
            color: #344054;
            border: 1px solid #d0d5dd;
        }

        .btn-secondary:hover {
            color: #1769e0;
            border-color: #1769e0;
            transform: translateY(-2px);
        }

        .bottom-text {
            margin-top: 30px;
            padding-top: 25px;
            border-top: 1px solid #eaecf0;
            color: #98a2b3;
            font-size: 13px;
        }

        @keyframes pulse {
            0% {
                transform: scale(0.9);
                opacity: 1;
            }
            70% {
                transform: scale(1.12);
                opacity: 0;
            }
            100% {
                transform: scale(1.12);
                opacity: 0;
            }
        }

        /* Responsive */
        @media (max-width: 767px) {
            .thankyou-page {
                padding: 25px 15px;
            }

            .thankyou-box {
                padding: 45px 22px 35px;
                border-radius: 18px;
            }

            .success-icon {
                width: 85px;
                height: 85px;
            }

            .success-icon::before {
                width: 103px;
                height: 103px;
            }

            .success-icon svg {
                width: 40px;
                height: 40px;
            }

            .thankyou-box h1 {
                font-size: 35px;
            }

            .thankyou-box .description {
                font-size: 15px;
            }

            .confirmation-box {
                padding: 17px;
                margin: 28px 0;
            }

            .thankyou-buttons {
                flex-direction: column;
            }

            .thankyou-btn {
                width: 100%;
            }
        }

        @media (max-width: 420px) {
            .thankyou-box h1 {
                font-size: 30px;
            }

            .confirmation-box {
                align-items: flex-start;
            }
        }
        .error-page {
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 50px 20px;
            position: relative;
            overflow: hidden;
        }

        /* Decorative background */
        .error-page::before {
            content: "";
            position: absolute;
            width: 450px;
            height: 450px;
            background: #e9eef8;
            border-radius: 50%;
            top: -220px;
            right: -150px;
        }

        .error-page::after {
            content: "";
            position: absolute;
            width: 350px;
            height: 350px;
            background: #eef2f8;
            border-radius: 50%;
            bottom: -190px;
            left: -120px;
        }

        .error-container {
            width: 100%;
            max-width: 1000px;
            position: relative;
            z-index: 2;
            text-align: center;
        }

        .error-code {
            font-size: clamp(130px, 22vw, 260px);
            line-height: 0.8;
            font-weight: 800;
            letter-spacing: -12px;
            color: #0d1b2a;
            position: relative;
            display: inline-block;
        }

        .error-code span {
            color: #2563eb;
        }

        .error-label {
            display: inline-block;
            margin-bottom: 20px;
            padding: 9px 18px;
            background: #e8efff;
            color: #2563eb;
            border-radius: 30px;
            font-size: 13px;
            font-weight: 700;
            letter-spacing: 1.5px;
            text-transform: uppercase;
        }

        .error-content {
            margin-top: 35px;
        }

        .error-content h1 {
            font-size: 42px;
            line-height: 1.2;
            font-weight: 700;
            color: #111827;
            margin-bottom: 15px;
        }

        .error-content p {
            max-width: 600px;
            margin: 0 auto 30px;
            color: #667085;
            font-size: 17px;
            line-height: 1.7;
        }

        .error-buttons {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 12px;
            flex-wrap: wrap;
        }

        .error-btn {
            min-width: 165px;
            padding: 15px 24px;
            text-decoration: none;
            border-radius: 8px;
            font-size: 15px;
            font-weight: 600;
            transition: all 0.3s ease;
        }

        .error-btn-primary {
            background: #2563eb;
            color: #fff;
            border: 2px solid #2563eb;
            box-shadow: 0 8px 20px rgba(37, 99, 235, 0.20);
        }

        .error-btn-primary:hover {
            background: #174fc4;
            border-color: #174fc4;
            transform: translateY(-2px);
        }

        .error-btn-secondary {
            background: #fff;
            color: #1f2937;
            border: 2px solid #e5e7eb;
        }

        .error-btn-secondary:hover {
            border-color: #2563eb;
            color: #2563eb;
            transform: translateY(-2px);
        }

        .error-divider {
            width: 70px;
            height: 4px;
            border-radius: 10px;
            background: #2563eb;
            margin: 25px auto 0;
        }

        /* Responsive */
        @media (max-width: 767px) {

            .error-page {
                padding: 40px 20px;
            }

            .error-code {
                font-size: 135px;
                letter-spacing: -8px;
            }

            .error-content {
                margin-top: 25px;
            }

            .error-content h1 {
                font-size: 30px;
            }

            .error-content p {
                font-size: 15px;
            }

            .error-buttons {
                flex-direction: column;
            }

            .error-btn {
                width: 100%;
                max-width: 300px;
            }
        }

        @media (max-width: 420px) {

            .error-code {
                font-size: 105px;
            }

            .error-content h1 {
                font-size: 26px;
            }
        }
/*=========================================================
  ELECTRO GADGETS - PREMIUM / CLASSY BLOG DESIGN
=========================================================*/

.electrogadgets_panel_design_26 {
    width: 100%;
    float: left;
    padding: 70px 0 50px;
    background: #f7f8fb;
}


/*=========================================================
  MAIN BLOG CARD
=========================================================*/

.electrogadgets_panel_design_26 .blog_box_design {
    width: 100%;
    float: left;
    margin-bottom: 35px;
    background: #ffffff;
    border: 1px solid #e8eaf0;
    border-radius: 18px;
    padding-bottom: 35px;
    overflow: hidden;
    box-shadow: 0 8px 35px rgba(0, 0, 0, 0.06);
    transition: all 0.35s ease;
}

.electrogadgets_panel_design_26 .blog_box_design:hover {
    transform: translateY(-4px);
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.10);
    border-color: transparent;
}


/*=========================================================
  BLOG IMAGE
=========================================================*/

.electrogadgets_panel_design_26 .blog_box_design .blog_picture {
    width: 100%;
    float: left;
    height: auto;
    overflow: hidden;
    display: block;
}
.electrogadgets_panel_design_26 .blog_box_design iframe {
    width: 100%;
    float: left;
    height: 500px;
    overflow: hidden;
    display: block;
}

.electrogadgets_panel_design_26 .blog_box_design .blog_picture img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.6s ease;
}

.electrogadgets_panel_design_26 .blog_box_design:hover .blog_picture img {
    transform: scale(1.035);
}


/*=========================================================
  BLOG META / DATE
=========================================================*/

.electrogadgets_panel_design_26 .blog_box_design h6 {
    color: #04195a;
    font-family: "Outfit", sans-serif;
    font-size: 14px;
    line-height: 22px;
    text-align: left;
    width: auto;
    margin: 26px 30px 5px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    text-transform: uppercase;
    letter-spacing: 0.8px;
}

.electrogadgets_panel_design_26 .blog_box_design h6 span {
    margin-right: 4px;
}


/*=========================================================
  WORDPRESS HEADINGS
=========================================================*/

.electrogadgets_panel_design_26 .wp-block-heading {
    color: #5e5e5e;
    font-family: "Outfit", sans-serif;
    font-size: 24px;
    line-height: 1.35;
    text-align: left;
    width: 100%;
    margin: 30px 0 14px;
    font-weight: 650;
    display: inline-block;
    letter-spacing: -0.4px;
    margin-bottom: 0;
}
.electrogadgets_panel_design_26 h3 {
    color: #f6610d !important;
}


/*=========================================================
  H5 BLOG TITLE
=========================================================*/

.electrogadgets_panel_design_26 .blog_box_design h5 {
    color: #111827;
    font-family: "Outfit", sans-serif;
    font-size: 28px;
    line-height: 1.35;
    text-align: left;
    width: 100%;
    margin: 15px 0 10px;
    font-weight: 650;
    padding: 0 30px;
    letter-spacing: -0.5px;
}

.electrogadgets_panel_design_26 .blog_box_design h5 a {
    color: #111827;
    text-decoration: none;
    transition: color 0.3s ease;
}

.electrogadgets_panel_design_26 .blog_box_design h5 a:hover {
    color: #04195a;
}


/*=========================================================
  H4
=========================================================*/

.electrogadgets_panel_design_26 .blog_box_design h4 {
    color: #111827;
    font-family: "Outfit", sans-serif;
    font-size: 23px;
    line-height: 1.4;
    text-align: left;
    width: 100%;
    margin: 28px 0 10px;
    font-weight: 600;
}


/*=========================================================
  PARAGRAPH
=========================================================*/

.electrogadgets_panel_design_26 .blog_box_design p {
    color: #525866;
    font-family: "Outfit", sans-serif;
    font-size: 17px;
    text-align: left;
    width: 100%;
    margin: 5px 0 18px;
    font-weight: 400;
    float: left;
    line-height: 27px;
}


/*=========================================================
  LIST
=========================================================*/

.electrogadgets_panel_design_26 .wp-block-list {
    color: #454b57;
    font-family: "Outfit", sans-serif;
    font-size: 17px;
    line-height: 1.7;
    text-align: left;
    width: calc(100% - 60px);
    margin: 8px 0px 20px;
    font-weight: 400;
    padding: 18px 25px 18px 45px;
    display: inline-block;
    background: #f7f8fb;
    border-radius: 12px;
    border-left: 4px solid #04195a;
}

.electrogadgets_panel_design_26 .wp-block-list li {
    width: 100%;
    padding: 5px 0;
}

.electrogadgets_panel_design_26 .wp-block-list li::marker {
    color: #04195a;
}


/*=========================================================
  READ MORE BUTTON
=========================================================*/

.electrogadgets_panel_design_26
.blog_box_design
.read_modon_iner_shadtwo {
    background: #04195a;
    color: #ffffff;
    padding: 13px 27px;
    text-align: center;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    line-height: 20px;
    cursor: pointer;
    font-family: "Outfit", sans-serif;
    margin: 12px 0 0 30px;
    border-radius: 50px;
    width: auto;
    border: 1px solid #04195a;
    font-weight: 600;
    text-transform: capitalize;
    box-shadow: 0 7px 18px rgba(4, 25, 90, 0.18);
    float: left;
    transition: all 0.3s ease;
}

.electrogadgets_panel_design_26
.blog_box_design
.read_modon_iner_shadtwo:hover {
    background: #ffffff;
    color: #04195a;
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(4, 25, 90, 0.15);
}


/*=========================================================
  SIDEBAR
=========================================================*/

.electrogadgets_panel_design_26 .left_desg {
    width: 100%;
    float: left;
    margin-bottom: 25px;
    background: #ffffff;
    border: 1px solid #e8eaf0;
    border-radius: 16px;
    padding: 0;
    overflow: hidden;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.05);
}


/*=========================================================
  SIDEBAR HEADING
=========================================================*/

.electrogadgets_panel_design_26 .left_desg h2 {
    color: #ffffff;
    font-family: "Outfit", sans-serif;
    font-size: 19px;
    line-height: 25px;
    text-align: left;
    width: 100%;
    margin: 0;
    font-weight: 600;
    padding: 20px 22px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    background: #46394a;
    position: relative;
}

.electrogadgets_panel_design_26 .left_desg h2:after {
    content: "";
    position: absolute;
    left: 22px;
    bottom: 0;
    width: 42px;
    height: 3px;
    background: #ffffff;
    border-radius: 10px;
}


/*=========================================================
  RECENT BLOG LIST
=========================================================*/

.electrogadgets_panel_design_26 .left_desg .blog_recent {
    color: #333333;
    font-family: "Outfit", sans-serif;
    font-size: 15px;
    text-align: left;
    width: 100%;
    margin: 0;
    font-weight: 500;
}

.electrogadgets_panel_design_26 .left_desg .blog_recent ul {
    padding: 10px 20px;
    margin: 0;
    list-style-type: none;
}

.electrogadgets_panel_design_26 .left_desg .blog_recent ul li {
    width: 100%;
    display: block;
}

.electrogadgets_panel_design_26 .left_desg .blog_recent ul li a {
    color: #303642;
    text-decoration: none;
    border-bottom: 1px solid #eeeeee;
    width: 100%;
    display: block;
    padding: 15px 8px 15px 20px;
    line-height: 1.5;
    position: relative;
    transition: all 0.3s ease;
}

.electrogadgets_panel_design_26
.left_desg
.blog_recent
ul li a:before {
    content: "→";
    position: absolute;
    left: 0;
    top: 15px;
    color: #04195a;
    font-size: 16px;
    transition: transform 0.3s ease;
}

.electrogadgets_panel_design_26
.left_desg
.blog_recent
ul li a:hover {
    color: #04195a;
    padding-left: 25px;
}

.electrogadgets_panel_design_26
.left_desg
.blog_recent
ul li a:hover:before {
    transform: translateX(4px);
}

.electrogadgets_panel_design_26
.left_desg
.blog_recent
ul li:last-child a {
    border-bottom: none;
}


/*=========================================================
  LINKS INSIDE BLOG CONTENT
=========================================================*/

.electrogadgets_panel_design_26 .blog_box_design p a,
.electrogadgets_panel_design_26 .blog_box_design li a {
    color: #04195a;
    font-weight: 500;
    text-decoration: none;
    border-bottom: 1px solid rgba(4, 25, 90, 0.25);
    transition: all 0.25s ease;
}

.electrogadgets_panel_design_26 .blog_box_design p a:hover,
.electrogadgets_panel_design_26 .blog_box_design li a:hover {
    border-color: #04195a;
}


/*=========================================================
  BLOCKQUOTE - OPTIONAL WORDPRESS CONTENT
=========================================================*/

.electrogadgets_panel_design_26 .blog_box_design blockquote {
    width: calc(100% - 60px);
    float: left;
    margin: 20px 30px;
    padding: 22px 25px;
    background: #f6f8ff;
    border-left: 4px solid #04195a;
    border-radius: 0 12px 12px 0;
}

.electrogadgets_panel_design_26 .blog_box_design blockquote p {
    padding: 0;
    margin: 0;
    color: #333b4d;
    font-style: italic;
}


/*=========================================================
  TABLET
=========================================================*/

@media only screen and (max-width: 991px) {

    .electrogadgets_panel_design_26 {
        padding: 50px 0 35px;
    }

    .electrogadgets_panel_design_26 .left_desg {
        margin-top: 15px;
    }

    .electrogadgets_panel_design_26 .blog_box_design h5 {
        font-size: 25px;
    }

    .electrogadgets_panel_design_26 .wp-block-heading {
        font-size: 24px;
    }
}


/*=========================================================
  MOBILE
=========================================================*/

@media only screen and (max-width: 767px) {

    .electrogadgets_panel_design_26 {
        padding: 30px 0 20px;
    }

    .electrogadgets_panel_design_26 .blog_box_design {
        border-radius: 12px;
        margin-bottom: 25px;
        padding-bottom: 25px;
    }

    .electrogadgets_panel_design_26 .blog_box_design h6 {
        margin: 20px 20px 4px;
        font-size: 12px;
    }

    .electrogadgets_panel_design_26 .blog_box_design h5 {
        padding: 0 20px;
        font-size: 23px;
        line-height: 1.4;
    }

    .electrogadgets_panel_design_26 .blog_box_design h4 {
        padding: 0 20px;
        font-size: 20px;
    }

    .electrogadgets_panel_design_26 .blog_box_design p {
        padding: 0 20px;
        font-size: 16px;
        line-height: 1.75;
    }

    .electrogadgets_panel_design_26 .wp-block-heading {
        font-size: 22px;
        line-height: 1.4;
    }

    .electrogadgets_panel_design_26 .wp-block-list {
        width: calc(100% - 40px);
        margin: 10px 20px 20px;
        padding: 15px 15px 15px 35px;
        font-size: 16px;
    }

    .electrogadgets_panel_design_26
    .blog_box_design
    .read_modon_iner_shadtwo {
        margin-left: 20px;
        padding: 12px 23px;
        font-size: 14px;
    }

    .electrogadgets_panel_design_26 .left_desg {
        border-radius: 12px;
    }

    .electrogadgets_panel_design_26 .left_desg h2 {
        font-size: 17px;
        padding: 17px 20px;
    }
}


/*=========================================================
  SMALL MOBILE
=========================================================*/

@media only screen and (max-width: 480px) {

    .electrogadgets_panel_design_26 .blog_box_design h5 {
        font-size: 21px;
    }

    .electrogadgets_panel_design_26 .blog_box_design p {
        font-size: 16px;
    }

    .electrogadgets_panel_design_26 .wp-block-heading {
        font-size: 20px;
    }
}
/*----------glass_top_panel_menu_mobile_menu-------------*/
.glass_top_panel_menu_mobile_menu {
    width: 100%;
    float: left;
    display: none;	
}
.glass_top_panel_menu_mobile_menu .social_ic_mob {
	font-family: 'Abel', sans-serif;    
	font-size: 24px;
    color: #ffffff;
    font-weight: 400;
    float: right;
    margin-top: 5px;
    margin-left: 0px;
}
.glass_top_panel_menu_mobile_menu .social_ic_mob {
	font-family: 'Abel', sans-serif;    
    font-size: 33px;
    color: #260b02;
    font-weight: 400;
    float: right;
    margin-top: 10px;
    margin-left: 0px;
    padding-right: 21px;
}
.glass_top_panel_menu_mobile_menu span {padding: 5px;}
.glass_top_panel_menu_mobile_menu .lop {
    margin-top: 8px;
    width: 72%;
    filter: grayscale(1);
}
.glass_top_panel_menu_mobile_menu .social_ic_mob ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}
.glass_top_panel_menu_mobile_menu .social_ic_mob ul li {
    float: left;
    padding: 4px 10px;
}
.glass_top_panel_menu_mobile_menu .social_ic_mob ul li a {
	text-decoration: none;
	color: #260b02;
}
.glass_top_panel_menu_mobile_menu .sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    background-color: #333;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 50px;
}
.ss_li_me {
    left: 0px;
    top: 10px;
}
.glass_top_panel_menu_mobile_menu .sidenav a {
    padding: 8px 8px 8px 19px;
    text-decoration: none;
    font-size: 15px;
    color: #ffffff;
    display: block;
    transition: 0.3s;
    font-weight: 600!important;
    font-family: "Outfit", sans-serif;
    text-transform: uppercase;
    border-bottom: 1px solid #bfbfbf;
    letter-spacing: 1px;
}

.glass_top_panel_menu_mobile_menu .sidenav a:hover {
  color: #d3191e;
}

.glass_top_panel_menu_mobile_menu .sidenav .closebtn {
    position: absolute;
    top: -57px;
    right: 0;
    font-size: 56px;
    margin-left: 26px;
    border-bottom: none;
    right: 0px;
}

.glass_top_panel_menu_mobile_menu .social_ic_mobmenu {
	font-family: 'IBM Plex Sans', sans-serif;    
    font-size: 24px;
    color: #ffffff;
    font-weight: 400;
    float: left;
    width: 100%;
    margin-top: 5px;
    margin-left: 0px;
}
.glass_top_panel_menu_mobile_menu .social_ic_mobmenu ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}
.glass_top_panel_menu_mobile_menu .social_ic_mobmenu ul li {
    float: left;
    padding: 4px 10px;
}
.glass_top_panel_menu_mobile_menu .social_ic_mobmenu ul li a {
	text-decoration: none;
	color: #ffffff;
}

/*--------------optimumautoglass_website_panel_design_1------------------*/
.optimumautoglass_website_panel_design_1 {
	width:100%;
	float: left;
	padding: 6px 0px;
	box-shadow: -5px -1px 10px 0px #29414d;
	background: #ffffff;
	position: relative;
}
.optimumautoglass_website_panel_design_1  .optimum_spe_box {
	display: flex;
	gap: 24px;
}
.optimumautoglass_website_panel_design_1 .top_panel_1 {
	display: flex;
	gap: 10px;
}
.optimumautoglass_website_panel_design_1 .top_panel_1  .logo {width: 30%;}
.optimumautoglass_website_panel_design_1 .top_panel_1 img {width: 66%;}
.optimumautoglass_website_panel_design_1 .top_panel_1 .oplo {}
.optimumautoglass_website_panel_design_1 .top_panel_1 .main_top_information_box {
    font-family: "Outfit", sans-serif;
    font-size: 27px;
    color: #292929;
    font-weight: 700;
    margin-top: 0px;
    margin-bottom: 0px;
    text-transform: math-auto;
    background: transparent;
    border: none;
    line-height: 63px;
    border-right: 1px solid #c5c5c5;
    display: flex;
    gap: 13px;
    padding-right: 20px;
}
.optimumautoglass_website_panel_design_1 .top_panel_1 .main_top_information_box a{
	text-decoration: none;
	color: #000000;
}
.optimumautoglass_website_panel_design_1 .top_panel_1 .wave_buttan {
	color: #ffffff;
	text-decoration: none;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	text-align: center;
	line-height: 38px;
	font-size: 16px;
	margin-left: 6px;
	background: #ef6b2a;
	-webkit-animation: pullse 2s infinite;
	animation: pullse 2s infinite;
	border: none;
	margin-top: 12px;
}
@keyframes pullse {
    0% {
        box-shadow: 0 0 0 0 rgba(255,221,0,.4)
    }

    40% {
        box-shadow: 0 0 0 20px transparent
    }

    100% {
        box-shadow: 0 0 0 0 transparent
    }
}
.nab_desin {
	display: flex;
	justify-content: flex-end;
	gap: 9px;
	margin-top: 0px;
	width: stretch;
}
.optimumautoglass_website_panel_design_1 .navbar-default {
    background-color: transparent !important;
    border-color: transparent !important;
}
.navbar-default .navbar-nav li a {
    font-size: 18px;
    color: #29414d;
    font-family: "Outfit", sans-serif;
    padding: 10px 7px;
    text-transform: math-auto;
    font-weight: 500;
    margin-right: 4px;
    margin-bottom: 10px;
}
.navbar-nav {
    float: right;
    margin-right: 0px;
    margin-top: 14px;
    margin-left: 0px;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: transparent;
}
.navbar-nav > li {
    float: left;
    margin-top: 0px;
    text-align: center;
}

.navbar-collapse {
   padding-right: 0px;
   padding-left: 0px; 
}
.nav > li > a {
    position: relative;
    display: block;
    padding: 0px 12px;
}
.navbar {
    margin-bottom: 0px !important;
    min-height: auto !important;
    border: none;
    border-radius: 0px;
}
.navbar-default .navbar-nav .active a, .navbar-default .navbar-nav .active a:focus, .navbar-default .navbar-nav .active a:hover {
    color: #ffffff;
    background-color: #ef6b2a;
    border-radius: 11px 10px 0px 0px;
    padding: 10px 7px;
    }
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #ffffff;
    background-color: #eb642b;
    padding: 10px 7px;
    border-radius: 11px 10px 0px 0px;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background:#d3191e;
    color: #ffffff;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #ffffff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: none;
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    box-shadow: none;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #f6610d;
    text-decoration: none;
    background-color: transparent;
}
.dropdown-menu > li > a {
  display: block;
  padding: 10px 17px !important;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #fff;
  white-space: nowrap;
  border-bottom: 1px solid #757575;
  padding-left: 20px !important;
  font-size: 14px !important;
  height: auto !important;
}
.optimumautoglass_website_panel_design_1  .serv_innter_buttan_1 {
    font-family: "Outfit", sans-serif;
    background-color: #f6610d;
    border: none;
    color: #ffffff;
    width: auto;
    font-size: 13px;
    font-weight: 600;
    padding: 10px 13px;
    cursor: pointer;
    margin-top: 13px;
    border-radius: 5px;
    text-transform: uppercase;
}
.optimumautoglass_website_panel_design_1  .serv_innter_buttan_2 {
    font-family: "Outfit", sans-serif;
    background-color: #46394a;
    border: none;
    color: #ffffff;
    width: auto;
    font-size: 13px;
    font-weight: 600;
    padding: 10px 13px;
    cursor: pointer;
    margin-top: 13px;
    border-radius: 5px;
    text-transform: uppercase;
}
/*---------------optimumautoglass_website_panel_design_2-----------------------*/
.optimumautoglass_website_panel_design_2 {
	width: 100%;
	float: left;
	padding: 9px 0px;
	display: none;
}
.optimumautoglass_website_panel_design_2  .okk_top_why {
    font-family: "Outfit", sans-serif;
    font-size: 16px;
    color: #1e1f20;
    font-weight: 500;
    text-align: center;
    margin-top: 12px;
    margin-bottom: 5px;
    text-transform: math-auto;
    display: flex;
    justify-content: space-around;
}
.optimumautoglass_website_panel_design_2  .okk_top_why ul{
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.optimumautoglass_website_panel_design_2  .okk_top_why ul li{
	display: inline-block;
	border: 1px solid #9c959f;
	border-radius: 4px;
	padding: 3px 19px;
	margin: 5px 9px;
}
.optimumautoglass_website_panel_design_2  .okk_top_why .why_pic{
	height: 29px;
	object-fit: contain;
	border-right: 1px solid #9c959f;
	padding-right: 12px;
	margin-right: 11px;
}
/*-----------------topbaner_panel_3-------------------------*/
.topbaner_panel_3 {
	width: 100%;
	float: left;
	padding: 35px 0px;
	padding-bottom: 0px;
}
.topbaner_panel_3 .midle_content_area {
	display: flex;
	align-items: flex-start;
	gap: 80px;
}
.topbaner_panel_3 .left_content_panel {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 600px;
	align-self: stretch;
}
.topbaner_panel_3 .left_content_panel .vac_text{
    background: #ffffff;
    color: #334155;
    padding: 7px 18px;
    border-radius: 999px;
    font-weight: 500;
    transition: 0.3s;
    font-size: 12px;
    font-family: "Outfit", sans-serif;
    text-transform: uppercase;
    letter-spacing: 3px;
    border: 2px solid #e1e7ef;
    display: flex;
    gap: 5px;
}
.topbaner_panel_3 .left_content_panel .vac_text span{width: 10px;height: 10px;border-radius: 50px;background: #ea580c;margin-top: 4px;}
.topbaner_panel_3 .left_content_panel h1{
	font-family: "Outfit", sans-serif;
	font-size: 53px;
	font-weight: 700;
	margin-bottom: 24px;
	letter-spacing: 0px;
}
.topbaner_panel_3 .left_content_panel h1 span{color: #ea580c;}
.topbaner_panel_3 .left_content_panel p{
	color: #475569;
	font-size: 20px;
	line-height: 32px;
	margin-bottom: 35px;
	font-family: "Outfit", sans-serif;
	font-weight: 400;
}
.topbaner_panel_3 .left_content_panel .read_button{
    background: #ea580c;
    color: #fff;
    padding: 16px 28px;
    border-radius: 999px;
    font-weight: 400;
    transition: 0.3s;
    box-shadow: 0 10px 25px rgba(234, 88, 12, 0.25);
    font-size: 21px;
    font-family: "Outfit", sans-serif;
    border: none;
    display: inline-flex;
    gap: 15px;
}

.topbaner_panel_3 .left_content_panel .read_button span{
font-size: 15px;	
margin-top: 6px;
}
.topbaner_panel_3 .left_content_panel .read_button:hover{
 background:#0f172a;
}
.topbaner_panel_3 .left_content_panel .read_buttontwo{
    background: transparent;
    color: #0f172a;
    padding: 16px 28px;
    border-radius: 999px;
    font-weight: 600;
    transition: 0.3s;
    font-size: 16px;
    display: inline-flex;
    border: 2px solid #0f172a;
    font-family: "Outfit", sans-serif;
    gap: 15px;
}
.topbaner_panel_3 .left_content_panel .read_buttontwo span{
	
}
.topbaner_panel_3 .left_content_panel .read_buttontwo:hover{
   background: #ea580c;
}
.topbaner_panel_3 .left_content_panel .star_with{
	
display: flex;
	
gap: 12px;
	
margin-top: 30px;
}
.topbaner_panel_3 .left_content_panel .star_with .rattings_pic{
	
width: 86px;
	
height: fit-content;
	
margin-top: 4px;
}
.topbaner_panel_3 .left_content_panel .star_with .ftr_rat{color: #1c1e1f;font-size: 20px;font-family: "Outfit", sans-serif;font-weight: 700;}
.topbaner_panel_3 .left_content_panel .star_with .ftr_rat span{
    width: 3px;
    height: 3px;
    border-radius: 50px;
    background: #7b7b7b;
    display: -webkit-inline-box;
    margin-left: 11px;
    top: -5px;
    position: relative;
}
.topbaner_panel_3 .left_content_panel .star_with  span{font-family: "Outfit", sans-serif;font-size: 15px;font-weight: 400;margin-top: 2px;}

.topbaner_panel_3 .left_content_panel .list_afre{
    font-family: "Outfit", sans-serif;
    font-size: 14px;
    font-weight: 500;
    margin-top: 6px;
    display: flex;
}
.topbaner_panel_3 .left_content_panel .list_afre span{color: #ea580c;margin-right: 7px;}
.topbaner_panel_3 .left_content_panel .list_afre ul{
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.topbaner_panel_3 .left_content_panel .list_afre ul li{
	
float: left;
	
margin-right: 17px;
}
.topbaner_panel_3 .left_content_panel  .buttan_areya {
    display: flex;
    gap: 15px;
}
.topbaner_panel_3 .right_content_panel {
    display: inline-block;
    align-items: flex-start;
    width: 600px;
    align-self: stretch;
}

.topbaner_panel_3 .right_content_panel .opki_images{height: auto;}
.topbaner_panel_3 .right_content_panel .opki_images .sliderr_cd {
	width: 100%;
	border-radius: 30px;
	height: 511px;
	box-shadow: 0 30px 80px -20px #0f172a59;
	margin-top: -30px;
}
.topbaner_panel_3 .right_content_panel .opki_images .sliderr_cd img{
	width: 100%;
	border-radius: 30px;
	height: 511px;
	object-fit: cover;
	object-position: center;
}
.slick-slide {
	margin: 0px 0px;
}

.slick-slider
{
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	-ms-user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
	width: 100%;
	margin-left: 0px;
}

.slick-list
{
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.slick-list:focus
{
	outline: none;
}
.slick-list.dragging
{
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	width: 100%;
}

.slick-track
{
	position: relative;
	top: 0;
	left: 0;
	display: block;
}
.slick-track:before,
.slick-track:after
{
	display: table;
	content: '';
}
.slick-track:after
{
	clear: both;
}
.slide {
	float: left;
	outline: none;
}
.slick-loading .slick-track
{
	visibility: hidden;
}

.slick-slide
{
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
	position: relative;
	outline: none;
	background-color: transparent;
}
[dir='rtl'] .slick-slide
{
	float: right;
}
.slick-slide img
{
	display: initial;
}
.slick-slide.slick-loading img
{
	display: none;
}
.slick-slide.dragging img
{
	pointer-events: none;
}
.slick-initialized .slick-slide
{
	display: block;
}
.slick-loading .slick-slide
{
	visibility: hidden;
}
.slick-vertical .slick-slide
{
	display: block;
	height: auto;
	border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
	display: none;
}

ul.slick-dots {
	display: none !important;
}

.topbaner_panel_3 .right_content_panel .opki_images .topbutton_design{
	display: flex;
	justify-content: flex-end;
	position: relative;
}
.topbaner_panel_3 .right_content_panel .opki_images .on_call {
	background: #0f172a;
	font-family: "Outfit", sans-serif;
	color: #fff;
	padding: 14px 27px;
	border-radius: 19px;
	font-weight: 600;
	float: right;
	width: fit-content;
	position: relative;
	z-index: 9;
}
.topbaner_panel_3 .right_content_panel .opki_images .on_call  .midtest {
	
display: flex;
	
gap: 8px;
}
.topbaner_panel_3 .right_content_panel .opki_images .doticon {
width: 10px;
    height: 10px;
    border-radius: 50px;
    background: #ea580c;
    margin-top: 4px;	
}
.topbaner_panel_3 .right_content_panel .opki_images .on_call .ext{display: block;font-weight: 300;color: #e1e7ef;margin-top: 3px;}

   

.topbaner_panel_3 .right_content_panel .opki_box_bottom {
	width: 100%;
	display: inline-block;
	height: auto;
}
.topbaner_panel_3 .right_content_panel .opki_box_bottom .whiter_boxx{
	display: flex;
	background: #fff;
	padding: 22px;
	flex-direction: column;
	width: fit-content;
	bottom: 120px;
	position: relative;
	border-radius: 20px;
	margin-left: -40px;
	box-shadow: 0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;
	margin-bottom: -50px;
}
.topbaner_panel_3 .right_content_panel .opki_box_bottom .whiter_boxx .tet_1{
	color: #ea580c;
	font-size: 15px;
	font-family: "Outfit", sans-serif;
	font-weight: 500;
	text-transform: uppercase;
}
.topbaner_panel_3 .right_content_panel .opki_box_bottom .whiter_boxx .tet_2{
    font-family: "Outfit", sans-serif;
    font-size: 44px;
    font-weight: 700;
    margin: 0px;
}
.topbaner_panel_3 .right_content_panel .opki_box_bottom .whiter_boxx .tet_3{
	color: #475569;
	font-size: 14px;
	font-family: "Outfit", sans-serif;
	font-weight: 400;
}
/*-----------------topbaner_panel_4-------------------------*/
.topbaner_panel_4 {
	width: 100%;
	float: left;
	padding: 35px 0px;
	background:#0f172a;
}
.topbaner_panel_4 .middle_panel {
	display: flex;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
}

.topbaner_panel_4  .gto_box_dsign {
	
display: flex;
	
flex-direction: column;
	
align-items: flex-start;
	
width: 200px;
}
.topbaner_panel_4  .gto_box_dsign .icone_fi{
	
width: 50px;
	
height: 50px;
	
background: #1b2335;
	
color: #ea580c;
	
border: 1px solid #444242;
	
border-radius: 10px;
	
text-align: center;
	
font-size: 23px;
	
line-height: 51px;
	
display: block;
	
margin: 0px auto;
}
.topbaner_panel_4  .gto_box_dsign .text_field{
	color: #ffffff;
	font-size: 15px;
	line-height: 26px;
	font-family: "Outfit", sans-serif;
	font-weight: 400;
	text-align: center;
	width: 100%;
	margin-top: 10px;
}
/*-----------------topbaner_panel_5-------------------------*/
.topbaner_panel_5 {
	width: 100%;
	float: left;
	padding: 75px 0px;
	background: #f8fafc;
}

.topbaner_panel_5 .top_panel_text{display: flex;flex-direction: column;align-items: flex-start;width: 740px;}

.topbaner_panel_5 h2{font-family: "Outfit", sans-serif;font-size: 49px;font-weight: 700;letter-spacing: 0px;margin: 0;margin-bottom: 20px;}

.topbaner_panel_5 h2 span{display: block;color: #f6610d;font-size: 12px;text-transform: uppercase;letter-spacing: 3px;margin-bottom: 12px;}
.topbaner_panel_5 .para_text{
    color: #475569;
    font-size: 18px;
    line-height: 32px;
    margin-bottom: 35px;
    font-family: "Outfit", sans-serif;
    font-weight: 400;
    width: 100%;
}
.topbaner_panel_5 .servics_boxdsign {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 38px;
}
.topbaner_panel_5 .services_details_box {
    display: flex;
    gap: 30px;
    align-items: center;
    background: #fff;
    padding: 32px;
    flex-direction: column;
    border-radius: 30px;
    border: 1px solid #e8e8e8;
}
.topbaner_panel_5 .services_details_box .co_top{
	display: flex;
	justify-content: space-between;
	gap: 20px;
	width: 100%;
	margin: 0 auto;
}
.topbaner_panel_5 .services_details_box .left_icone{
    width: 70px;
    height: 70px;
    background: #1b2335;
    color: #f6610d;
    border: 1px solid #444242;
    border-radius: 10px;
    text-align: center;
    font-size: 23px;
    line-height: 61px;
}
.topbaner_panel_5 .services_details_box .right_icone{display: block;color: #a6afbd;font-size: 14px;text-transform: uppercase;letter-spacing: 1px;margin-bottom: 12px;font-family: "Outfit", sans-serif;font-weight: 500;text-align: right;}	

.topbaner_panel_5 .services_details_box .text_reya {
	
}
.topbaner_panel_5 .services_details_box .text_reya h2{font-family: "Outfit", sans-serif;font-size: 24px;font-weight: 600;letter-spacing: 0px;margin: 0;margin-bottom: 20px;color: #f6610d;text-align: left;}
.topbaner_panel_5 .services_details_box .text_reya p{
    color: #475569;
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 22px;
    font-family: "Outfit", sans-serif;
    font-weight: 400;
}
.topbaner_panel_5 .services_details_box  .listdr {
    color: #333334;
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 35px;
    font-family: "Outfit", sans-serif;
    font-weight: 400;
}
.topbaner_panel_5 .services_details_box  .listdr ul{
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.topbaner_panel_5 .services_details_box  .listdr ul li{
	width: 100%;
	float: left;
	background: url(../images/ic.png) no-repeat left center;
	background-size: 18px;
	padding: 3px 30px;
}

.topbaner_panel_5 .services_details_box .bgt_buttan  {
    background: transparent;
    color: #000000;
    padding: 0px;
    border-radius: 999px;
    font-weight: 500;
    transition: 0.3s;
    font-size: 17px;
    font-family: "Outfit", sans-serif;
    border: none;
    display: inline-flex;
    gap: 10px;
    margin-top: 26px;
}

.topbaner_panel_5 .services_details_box .bgt_buttan  span{
	font-size: 14px;
	margin-top: 3px;
	color: #f6610d;
	transform: rotate(
332deg);
}
.topbaner_panel_5 .services_details_box .bgt_buttan:hover  span{
	    transform: translate(2px, -2px);
	    transition: 0.6s;
	    margin-top: 5px;
}
.topbaner_panel_5 .services_details_box .bgt_buttan:hover  {
    color: #ea580c;
}
/*------------------------------*/
.topbaner_panel_55{
    width:100%;
    float:left;
    padding: 85px 0;
}
.topbaner_panel_55 .main_top {
	
display: flex;
	
align-items: flex-start;
	
gap: 50px;
}
.topbaner_panel_55 .left_side_design {
	
display: flex;
	
flex-direction: column;
	
align-items: flex-start;
	
width: 600px;
	
position: sticky;
	
top: 50px;
	
align-self: flex-start;
}
.topbaner_panel_55 .left_side_design .vac_text{
    background: #ffffff;
    color: #6c727b;
    padding: 0;
    font-weight: 500;
    transition: 0.3s;
    font-size: 12px;
    font-family: "Outfit", sans-serif;
    text-transform: uppercase;
    letter-spacing: 3px;
    display: flex;
    gap: 5px;
    border: none;
    margin-top: 40px;
}
.topbaner_panel_55 .left_side_design  .vac_text span{
    color: #c99226;
}
.topbaner_panel_55 .left_side_design h2{
	font-family: "Outfit", sans-serif;
	font-size: 55px;
	font-weight: 500;
	margin-bottom: 24px;
	letter-spacing: 0px;
	line-height: 52px;
	margin-top: 25px;
}
.topbaner_panel_55 .left_side_design p{
	color: #475569;
	font-size: 17px;
	line-height: 34px;
	margin-bottom: 35px;
	font-family: "Outfit", sans-serif;
	font-weight: 400;
	margin-top: 10px;
}
.topbaner_panel_55 .left_side_design .gtr_1{
	
display: inline-block;
}
.topbaner_panel_55 .left_side_design .box_desing{
	width: 45%;
	float: left;
	border-top: 1px solid #d4d4d4;
	margin: 10px 11px;
	padding-top: 12px;
}
.topbaner_panel_55 .left_side_design h3{font-family: "Outfit", sans-serif;font-size: 20px;font-weight: 600;margin: 0;color: #000;}
.topbaner_panel_55 .left_side_design .oplo_para{
    color: #8c8d8f;
    font-size: 15px;
    line-height: 19px;
    margin-bottom: 14px;
    font-family: "Outfit", sans-serif;
    font-weight: 400;
    margin-top: 12px;
}

.topbaner_panel_55 .right_side_design {
	
display: flex;
	
flex-direction: column;
	
align-items: flex-start;
	
width: 600px;
	
align-self: stretch;
}
.topbaner_panel_55 .right_side_design .image_part{
	
position: relative;
	
background: #0b132b;
	
border-radius: 30px;
}
.topbaner_panel_55 .right_side_design .image_part img{
	width: 100%;
	border-radius: 30px;
	height: 560px;
	position: relative;
	opacity: 0.7;
	object-fit: cover;
}
.topbaner_panel_55 .right_side_design .image_part .te_1{
	color: #ffda61;
	font-size: 12px;
	line-height: 32px;
	margin-bottom: 35px;
	font-family: "Outfit", sans-serif;
	font-weight: 400;
	position: absolute;
	bottom: 0;
	left: 20px;
	text-transform: uppercase;
}
.topbaner_panel_55 .right_side_design .image_part .te_1 span{
	display: block;
	color: #fff;
	text-transform: capitalize;
	font-weight: 600;
	font-size: 20px;
}
.topbaner_panel_55 .right_side_design .whiter_panekl {display: inline-block;margin-top: 13px;}

.topbaner_panel_55 .right_side_design .greywhiter_one {
	background: #f8f9fa;
	width: 62%;
	padding: 20px;
	border-radius: 10px;
	margin: 10px;
	float: left;
	height: 140px;
	border: 1px solid #e2e4e9;
}
.topbaner_panel_55 .right_side_design .greywhiter_one:nth-child(2) {
	width: 30%;
}
.topbaner_panel_55 .right_side_design .greywhiter_one:nth-child(3) {
	width: 30%;
}
.topbaner_panel_55 .right_side_design .greywhiter_one h5 {
	
font-family: "Outfit", sans-serif;
	
font-size: 37px;
	
font-weight: 600;
	
margin: 0;
	
color: #000;
}
.topbaner_panel_55 .right_side_design .greywhiter_one h5 span{
	
font-size: 25px;
}
.topbaner_panel_55 .right_side_design .greywhiter_one .para_text {
	
color: #8c8d8f;
	
font-size: 15px;
	
line-height: 19px;
	
margin-bottom: 14px;
	
font-family: "Outfit", sans-serif;
	
font-weight: 400;
	
margin-top: 12px;
}
/*-----------------topbaner_panel_8-------------------------*/
.topbaner_panel_8 {
    width: 100%;
    float: left;
    padding: 75px 0px;
    background: #f8fafc;
}
.topbaner_panel_8 .top_panel_text{display: flex;flex-direction: column;align-items: flex-start;width: 930px;}

.topbaner_panel_8 h2{font-family: "Outfit", sans-serif;font-size: 49px;font-weight: 700;letter-spacing: 0px;margin: 0;margin-bottom: 60px;}

.topbaner_panel_8 h2 span{display: block;color: #ea580c;font-size: 12px;text-transform: uppercase;letter-spacing: 3px;margin-bottom: 12px;}
.topbaner_panel_8 .right_panel_box {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}
.topbaner_panel_8 .services_details_box {
    display: flex;
    gap: 30px;
    align-items: center;
    background: #fff;
    padding: 32px;
    flex-direction: column;
    border-radius: 30px;
    border: 1px solid #e8e8e8;
    overflow: hidden;
}
.topbaner_panel_8 .services_details_box .co_top{
	display: flex;
	justify-content: space-between;
	gap: 20px;
	width: 100%;
	position: relative;
}
.topbaner_panel_8 .services_details_box .left_icone{
    color: #fb923c;
    text-align: left;
    font-size: 12px;
    font-family: "Outfit", sans-serif;
    font-weight: 400;
    text-transform: uppercase;
}
.topbaner_panel_8 .services_details_box .right_icone{color: #f1f5f9;font-size: 124px;text-transform: uppercase;letter-spacing: 1px;font-family: "Outfit", sans-serif;font-weight: 800;text-align: left;position: absolute;right: -40px;top: -71px;}	

.topbaner_panel_8 .services_details_box .text_reya {
	
}
.topbaner_panel_8 .services_details_box .text_reya h2{font-family: "Outfit", sans-serif;font-size: 23px;font-weight: 700;letter-spacing: 0px;margin: 0;margin-bottom: 20px;position: relative;}
.topbaner_panel_8 .services_details_box .text_reya p{
    color: #475569;
    font-size: 17px;
    line-height: 24px;
    margin-bottom: 22px;
    font-family: "Outfit", sans-serif;
    font-weight: 400;
}
/*-----------------topbaner_panel_9-------------------------*/
.topbaner_panel_9 {
    width: 100%;
    float: left;
    padding: 75px 0px;
    background: #0f172a;
}
.topbaner_panel_9 .read_buttontwo{
    background: transparent;
    color: #f6610d;
    padding: 16px 28px;
    border-radius: 999px;
    font-weight: 600;
    transition: 0.3s;
    font-size: 16px;
    border: 2px solid #f6610d;
    font-family: "Outfit", sans-serif;
    display: block;
    margin: 0 auto;
    margin-top: 50px;
}
.topbaner_panel_9 .read_buttontwo:hover{
   background: #ea580c;
   color:#0f172a;
}
.topbaner_panel_9 .top_panel_text{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 78px;
    }

.topbaner_panel_9 h2{font-family: "Outfit", sans-serif;font-size: 49px;font-weight: 700;letter-spacing: 0px;margin: 0;margin-bottom: 60px;color: #fff;}

.topbaner_panel_9 h2 span{display: block;color: #ea580c;font-size: 12px;text-transform: uppercase;letter-spacing: 3px;margin-bottom: 12px;}
.topbaner_panel_9 p {
    color: #cbd5e1;
    font-size: 17px;
    line-height: 29px;
    font-family: "Outfit", sans-serif;
    font-weight: 400;
    margin-top: 6px;
}
.topbaner_panel_9 .servics_boxdsign {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 18px;
}
.topbaner_panel_9 .services_details_box {
    display: flex;
    gap: 30px;
    align-items: center;
    background: #1d2639;
    padding: 32px;
    flex-direction: column;
    border-radius: 30px;
    border: 1px solid #31394b;
}
.topbaner_panel_9 .services_details_box:hover {
	background:#ea580c;
}
.topbaner_panel_9 .services_details_box .co_top{
	display: flex;
	justify-content: space-between;
	gap: 20px;
	width: 100%;
	margin: 0 auto;
}
.topbaner_panel_9 .services_details_box .left_icone{
    color: #fb923c;
    font-size: 23px;
}
.topbaner_panel_9 .services_details_box:hover .left_icone{
    color: #ffffff;
}
.topbaner_panel_9 .services_details_box .right_icone{
	color: #a6afbd;
	font-size: 14px;
	text-transform: uppercase;
	font-family: "Outfit", sans-serif;
	font-weight: 500;
	transform: rotate(34deg);
}	
.topbaner_panel_9 .services_details_box:hover .right_icone{
	font-size: 14px;
	transform: rotate(88deg);
	color: #ffffff;
	transition: 0.6s;
}	

.topbaner_panel_9 .services_details_box .text_reya {
	width: 100%;
}


.topbaner_panel_9 .services_details_box .text_reya h2{font-family: "Outfit", sans-serif;font-size: 18px;font-weight: 700;letter-spacing: 0px;margin: 0;margin-bottom: 0px;width: 100%;text-align: left;color: #fff;}
.topbaner_panel_9 .services_details_box:hover .text_reya h2{
	color: #ffffff;	
}
.topbaner_panel_9 .services_details_box .text_reya p{
    color: #cbd5e1;
    font-size: 15px;
    line-height: 24px;
    font-family: "Outfit", sans-serif;
    font-weight: 400;
    margin: 0;
    margin-top: 11px;
}
.topbaner_panel_9 .services_details_box:hover .text_reya p{
	color: #ffffff;		
}
/*-----------------topbaner_panel_13-------------------------*/
.topbaner_panel_13 {
    width: 100%;
    float: left;
    padding: 75px 0px;
}
.topbaner_panel_13 .polok_pok {
	display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 38px;
}
.topbaner_panel_13 .left_box{display: flex;flex-direction: column;align-items: flex-start;width: 560px;}

.topbaner_panel_13 .left_box h2{font-family: "Outfit", sans-serif;font-size: 54px;font-weight: 700;letter-spacing: 0px;margin: 0;margin-bottom: 30px;}

.topbaner_panel_13 .left_box h2 span{display: block;color: #ea580c;font-size: 12px;text-transform: uppercase;letter-spacing: 3px;margin-bottom: 12px;margin-top: 60px;}
.topbaner_panel_13 .left_box .para_content {
    color: #475569;
    font-size: 16px;
    line-height: 27px;
    margin-bottom: 25px;
    font-family: "Outfit", sans-serif;
    font-weight: 400;
    width: 100%;
}

.topbaner_panel_13 .left_box  .cotct_infro {
	display: flex;
	gap: 30px;
	margin-top: 12px;
}
.topbaner_panel_13 .left_box  .dsr_icone {
	width: 50px;
	height: 50px;
	background: #0f172a;
	border-radius: 10px;
	color: #ea580c;
	text-align: center;
	font-size: 21px;
	line-height: 48px;
}
.topbaner_panel_13 .left_box  .dsr_iconeds {
	width: 50px;
	height: 50px;
	background: #f1f5f9;
	border-radius: 10px;
	color: #606060;
	text-align: center;
	font-size: 21px;
	line-height: 48px;
}
.topbaner_panel_13 .left_box  .dsr_coantc {
	
}

.topbaner_panel_13 .left_box  .dsr_coantc a{
    font-family: "Outfit", sans-serif;
    font-size: 16px;
    color: #000000;
    font-weight: 400;
    float: left;
    width: 100%;
    text-align: left;
    margin-top: 0px;
    margin-bottom: 14px;
    line-height: 22px;
    letter-spacing: 1px;
}
.topbaner_panel_13 .left_box  .dsr_coantc a span{font-family: "Outfit", sans-serif;font-size: 14px;color: #818181;font-weight: 500;float: left;width: 100%;text-align: left;margin-top: 0px;margin-bottom: 0px;text-transform: uppercase;}
.topbaner_panel_13 .left_box  .dsr_coantc2 {
	
}
.topbaner_panel_13 .left_box  .dsr_coantc2 a{
    font-family: "Outfit", sans-serif;
    font-size: 22px;
    color: #000000;
    font-weight: 500;
    float: left;
    width: 100%;
    text-align: left;
    margin-top: 0px;
    margin-bottom: 14px;
    line-height: 23px;
}
.topbaner_panel_13 .left_box  .dsr_coantc2 a span{font-family: "Outfit", sans-serif;font-size: 14px;color: #818181;font-weight: 500;float: left;width: 100%;text-align: left;margin-top: 0px;margin-bottom: 0px;text-transform: uppercase;}


.topbaner_panel_13 .left_box  .dsr_coantc22 {
	
}
.topbaner_panel_13 .left_box  .dsr_coantc22{
    font-family: "Outfit", sans-serif;
    font-size: 14px;
    color: #000000;
    font-weight: 400;
    float: left;
    width: 100%;
    text-align: left;
    margin-top: 0px;
    margin-bottom: 14px;
    line-height: 23px;
}
.topbaner_panel_13 .left_box  .dsr_coantc22 span{font-family: "Outfit", sans-serif;font-size: 14px;color: #818181;font-weight: 500;float: left;width: 100%;text-align: left;margin-top: 0px;margin-bottom: 0px;text-transform: uppercase;}
.topbaner_panel_13 .left_box  .dsr_coantc22 strong {font-weight:500;}

{box-shadow: 0 4px 30px 0 rgba(196, 136, 58, 0.10);display: flex;width: 585px;padding: 50px;flex-direction: column;align-items: flex-start;gap: 36px;align-self: stretch;border-radius: 16px;}
.topbaner_panel_13 .box_form_2 {
    background: #f8fafc;
    display: flex;
    padding: 30px;
    flex-direction: column;
    align-items: flex-start;
    gap: 36px;
    align-self: stretch;
    border-radius: 16px;
}
.topbaner_panel_13 .box_form_2 .label_1{
    color: #000000;
    font-family: "Inter", sans-serif;
    font-size: 15px;
    font-style: normal;
    text-align: left;
    width: 100%;
    font-weight: 500;
    text-transform: math-auto;
    margin-top: 28px;
}

.topbaner_panel_13 .box_form_2 .clform_set{
    color: #000000;
    font-family: "Outfit", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    width: 100%;
    display: flex;
    height: 48px;
    padding: 12px 16px;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border-radius: 8px;
    border: 1px solid #CACBD5;
    outline: none;
    margin: 7px 0px;
}
.topbaner_panel_13 .box_form_2 .loki{color: #2a2a2b;font-size: 16px;font-family: "Outfit", sans-serif;font-weight: 500;width: 100%;}
.topbaner_panel_13 .box_form_2 .clform_settwo{
    color: #000000;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-style: normal;
    text-align: left;
    width: 100%;
    font-weight: 400;
    text-transform: math-auto;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #CACBD5;
    outline: none;
    display: flex;
    height: 82px;
    padding: 12px 16px;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
}
.topbaner_panel_13 .box_form_2 .submite_button{
	background: #ea580c;
	width: 100%;
	border: none;
	padding: 16px;
	margin-top: 18px;
	font-family: "Outfit", sans-serif;
	font-weight: 600;
	color: #fff;
	font-size: 20px;
	border-radius: 56px;
}
.topbaner_panel_13 .box_form_2 .submite_button span{
	margin-left: 10px;
	font-size: 15px;
}
.topbaner_panel_13 .box_form_2 .parfa_text{
    color: #666673;
    font-family: "Outfit", sans-serif;
    font-size: 11px;
    font-style: normal;
    text-align: center;
    width: 100%;
    font-weight: 400;
    text-transform: math-auto;
    float: left;
    margin-top: -10px;
}
/*========================================================
  MELBOURNE BATHROOM MASTERS
  CONTINUOUS INFINITE IMAGE SLIDER
========================================================*/

.melbourne_bathroom_masters_4 {
    width: 100%;
    float: left;
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
    overflow: hidden;
    background: #ffffff;
    box-sizing: border-box;
}


/*----------------- Slider Wrapper -----------------*/

.melbourne_bathroom_masters_4 .marquee-slider {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: #f5f6f7;
    padding: 10px 0;
    box-sizing: border-box;
}


/*----------------- Slider Track -----------------*/

.melbourne_bathroom_masters_4 .slider-track {
    display: flex;
    align-items: center;

    /* IMPORTANT */
    gap: 0;

    width: max-content;

    /* Continuous animation */
    animation: continuousScroll 30s linear infinite;

    will-change: transform;
}


/*----------------- Individual Slides -----------------*/

.melbourne_bathroom_masters_4 .slide {
    width: 320px;
    min-width: 320px;

    flex: 0 0 320px;

    padding: 0 7px;

    box-sizing: border-box;

    position: relative;
    overflow: hidden;

    border-radius: 12px;
}


/*----------------- Images -----------------*/

.melbourne_bathroom_masters_4 .slide img {
    display: block;

    width: 100%;
    height: 300px;

    object-fit: cover;
    object-position: center;

    border-radius: 12px;

    box-shadow:
        0 4px 15px rgba(0, 0, 0, 0.10),
        0 2px 5px rgba(0, 0, 0, 0.06);

    transition:
        transform 0.5s ease,
        filter 0.4s ease,
        box-shadow 0.4s ease;
}


/*----------------- Hover Effect -----------------*/

.melbourne_bathroom_masters_4 .slide:hover img {
    transform: scale(1.035);

    filter:
        brightness(1.03)
        contrast(1.02);

    box-shadow:
        0 10px 28px rgba(0, 0, 0, 0.16),
        0 4px 10px rgba(0, 0, 0, 0.10);
}


/*========================================================
  CONTINUOUS INFINITE ANIMATION
========================================================*/

@keyframes continuousScroll {

    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }

}


/*========================================================
  PAUSE ON HOVER
========================================================*/

.melbourne_bathroom_masters_4 .marquee-slider:hover .slider-track {
    animation-play-state: paused;
}


/*========================================================
  NAVIGATION BUTTONS
========================================================*/

.melbourne_bathroom_masters_4 button {
    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    width: 46px;
    height: 46px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 0;

    background: rgba(15, 15, 15, 0.82);

    color: #ffffff;

    border: 1px solid rgba(255, 255, 255, 0.25);

    border-radius: 50%;

    font-size: 21px;

    cursor: pointer;

    z-index: 20;

    box-shadow:
        0 5px 18px rgba(0, 0, 0, 0.25);

    backdrop-filter: blur(5px);

    transition:
        background 0.3s ease,
        transform 0.3s ease,
        box-shadow 0.3s ease;
}


/*----------------- Button Hover -----------------*/

.melbourne_bathroom_masters_4 button:hover {
    background: #111111;

    transform:
        translateY(-50%)
        scale(1.08);

    box-shadow:
        0 8px 25px rgba(0, 0, 0, 0.32);
}


/*----------------- Previous Button -----------------*/

.melbourne_bathroom_masters_4 .prev-button {
    left: 18px;
}


/*----------------- Next Button -----------------*/

.melbourne_bathroom_masters_4 .next-button {
    right: 18px;
}


/*========================================================
  TABLET
========================================================*/

@media only screen and (max-width: 991px) {

    .melbourne_bathroom_masters_4 .slider-track {
        animation-duration: 26s;
    }

    .melbourne_bathroom_masters_4 .slide {
        width: 280px;
        min-width: 280px;
        flex-basis: 280px;

        padding: 0 6px;
    }

    .melbourne_bathroom_masters_4 .slide img {
        height: 260px;
        border-radius: 10px;
    }

    .melbourne_bathroom_masters_4 button {
        width: 42px;
        height: 42px;

        font-size: 19px;
    }

    .melbourne_bathroom_masters_4 .prev-button {
        left: 12px;
    }

    .melbourne_bathroom_masters_4 .next-button {
        right: 12px;
    }

}


/*========================================================
  MOBILE
========================================================*/

@media only screen and (max-width: 767px) {

    .melbourne_bathroom_masters_4 .marquee-slider {
        padding: 7px 0;
    }

    .melbourne_bathroom_masters_4 .slider-track {
        animation-duration: 23s;
    }

    .melbourne_bathroom_masters_4 .slide {
        width: 250px;
        min-width: 250px;
        flex-basis: 250px;

        padding: 0 5px;
    }

    .melbourne_bathroom_masters_4 .slide img {
        height: 230px;

        border-radius: 9px;
    }

    .melbourne_bathroom_masters_4 button {
        width: 38px;
        height: 38px;

        font-size: 17px;
    }

    .melbourne_bathroom_masters_4 .prev-button {
        left: 8px;
    }

    .melbourne_bathroom_masters_4 .next-button {
        right: 8px;
    }

}


/*========================================================
  SMALL MOBILE
========================================================*/

@media only screen and (max-width: 480px) {

    .melbourne_bathroom_masters_4 .slider-track {
        animation-duration: 20s;
    }

    .melbourne_bathroom_masters_4 .slide {
        width: 220px;
        min-width: 220px;
        flex-basis: 220px;

        padding: 0 4px;
    }

    .melbourne_bathroom_masters_4 .slide img {
        height: 205px;
    }

    .melbourne_bathroom_masters_4 button {
        width: 34px;
        height: 34px;

        font-size: 15px;
    }

    .melbourne_bathroom_masters_4 .prev-button {
        left: 6px;
    }

    .melbourne_bathroom_masters_4 .next-button {
        right: 6px;
    }

}


/*========================================================
  ACCESSIBILITY
========================================================*/

@media (prefers-reduced-motion: reduce) {

    .melbourne_bathroom_masters_4 .slider-track {
        animation: none;
    }

}
/*-----------------topbaner_panel_11-------------------------*/
.topbaner_panel_11 {
	width: 100%;
	float: left;
	padding: 75px 0px;
	background: #f8fafc;
}
.topbaner_panel_11 .midd_panel {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 38px;
}
.topbaner_panel_11 .left_box {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	align-self: stretch;
	width: 440px;
	position: sticky;
	top: 50px;
	align-self: flex-start;
	height: fit-content;
}
.topbaner_panel_11 .left_box h2{font-family: "Outfit", sans-serif;font-size: 42px;font-weight: 700;margin: 0;margin-bottom: 20px;margin-top: 100px;}

.topbaner_panel_11 .left_box h2 span{display: block;color: #ea580c;font-size: 12px;text-transform: uppercase;letter-spacing: 3px;margin-bottom: 12px;}
.topbaner_panel_11 .left_box .para_content{
    color: #475569;
    font-size: 16px;
    line-height: 27px;
    margin-bottom: 35px;
    font-family: "Outfit", sans-serif;
    font-weight: 400;
    width: 100%;
}
.topbaner_panel_11 .right_panel_box {
  
width: 100%;
  
padding: 20px;
  
border-radius: 10px;
  
width: 690px;
}

.panel-group {
    border-radius: 3px;
    margin-bottom: 0;
    padding: 0;
}
#accordion .panel {
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    margin: 0 0 15px 10px;
}
#accordion .panel-heading {
    border-radius: 30px;
    padding: 0;
    border-bottom: 1px solid #d7d4d4;
}
#accordion .panel-title a {
    background: #ffffff none repeat scroll 0 0;
    border-bottom: 1px solid #e7e7e7;
    border-radius: 0px;
    color: #373737;
    display: block;
    font-size: 18px;
    font-weight: 600;
    padding: 17px;
    position: relative;
    transition: all 0.3s ease 0s;
    text-decoration: none;
    font-family: "Outfit", sans-serif;
    outline: none;
    border-radius: 10px;
}
#accordion .panel-title a.collapsed {
    background: #0f172a none repeat scroll 0 0;
    border: none;
    color: #ffffff;
}
#accordion .panel-title a::after, #accordion .panel-title a.collapsed::after {
    background: transparent;
    border: 1px solid transparent;
    border-radius: 50%;
    box-shadow: inherit;
    color: #8d8d8d;
    content: "\f107";
    font-family: 'FontAwesome';
    font-size: 15px;
    right: 20px;
    line-height: 42px;
    position: absolute;
    text-align: center;
    top: 3px;
    transition: all 0.3s ease 0s;
    transform: rotate(178deg);
}
#accordion .panel-title a.collapsed::after {
    background: transparent;
    border: none;
    box-shadow: none;
    color: #ea580c;
    content: "\f105";
    transform: rotate(88deg);
}
#accordion .panel-body {
    background: transparent none repeat scroll 0 0;
    border-top: medium none;
    padding: 20px 25px 10px 9px;
    position: relative;
}
#accordion .panel-body p {
    font-family: "Outfit", sans-serif;
    font-size: 16px;
    line-height: 32px;
    font-weight: 400;
}
/*-----------------------------*/
.socabnnews_design_polk_dsds_drgsglast_paneldesine{
	width: 100%;
	padding: 60px 0px;
	padding-bottom: 40px;
	background: #0f172a;
	float: left;
}
.socabnnews_design_polk_dsds_drgsglast_paneldesine .kol_web_desi {
	
}
.socabnnews_design_polk_dsds_drgsglast_paneldesine .kol_web_desi p{
    font-family: "Outfit", sans-serif;
    font-size: 13px;
    font-weight: 300;
    margin-bottom: 18px;
    text-align: left;
    width: 84%;
    display: inline-block;
    color: #dcdcdcb3;
    line-height: 24px;
    margin-top: 10px;
}
.socabnnews_design_polk_dsds_drgsglast_paneldesine .kol_web_desi .footer_logo{
	
width: 100%;
	
float: left;
	
padding: 10px;
}
.socabnnews_design_polk_dsds_drgsglast_paneldesine .kol_web_desi .footer_lojh{
	
width: 30%;
}
.socabnnews_design_polk_dsds_drgsglast_paneldesine .kol_web_desi .oppki{
    padding: 12px 20px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.85);
    font-size: 15px;
    backdrop-filter: blur(8px);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 8px 20px rgba(0, 0, 0, 0.15);
    font-family: "League Spartan", sans-serif;
    font-size: 16px;
}
.socabnnews_design_polk_dsds_drgsglast_paneldesine .kol_web_desi .oppki img{
	
width: 48px;
	
position: relative;
	
top: -2px;
	
margin-right: 9px;
}

.socabnnews_design_polk_dsds_drgsglast_paneldesine h2{
    font-family: "Outfit", sans-serif;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 14px;
    text-align: left;
    width: 100%;
    display: inline-block;
    color: #ea580c;
    text-transform: uppercase;
}
.socabnnews_design_polk_dsds_drgsglast_paneldesine .lopds{
    font-family: "Outfit", sans-serif;
    font-size: 13px;
    font-weight: 300;
    margin-bottom: 24px;
    text-align: left;
    width: 100%;
    display: inline-block;
    color: #fff;
}
.socabnnews_design_polk_dsds_drgsglast_paneldesine .lopds ul{
	padding:0;
	margin: 0;
	list-style-type: none;
}
.socabnnews_design_polk_dsds_drgsglast_paneldesine .lopds ul li{
	float: left;
	padding: 5px 0px;
	width: 100%;
}
.socabnnews_design_polk_dsds_drgsglast_paneldesine .lopds ul li a{
    color: #ffffffb3;
}
.socabnnews_design_polk_dsds_drgsglast_paneldesine .lopdxsds{
    font-family: "Outfit", sans-serif;
    font-size: 13px;
    font-weight: 300;
    margin-bottom: 24px;
    text-align: left;
    width: 100%;
    display: inline-block;
    color: #fff;
}
.socabnnews_design_polk_dsds_drgsglast_paneldesine .lopdxsds ul{
	padding:0;
	margin: 0;
	list-style-type: none;
}
.socabnnews_design_polk_dsds_drgsglast_paneldesine .lopdxsds ul li{
	float: left;
	padding: 5px 0px;
	width: 44%;
}
.socabnnews_design_polk_dsds_drgsglast_paneldesine .lopdxsds ul li a{
    color: #ffffffb3;
}
.socabnnews_design_polk_dsds_drgsglast_paneldesine .lopdstwo{
    font-family: "Outfit", sans-serif;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 4px;
    text-align: left;
    width: 100%;
    display: inline-block;
    color: #fff;
}
.socabnnews_design_polk_dsds_drgsglast_paneldesine .lopdstwo strong {color:#dcdcdcb3;text-transform: uppercase;font-weight: 300;font-size: 13px;display: contents;}
.socabnnews_design_polk_dsds_drgsglast_paneldesine .lopdstwo ul{
	padding:0;
	margin: 0;
	list-style-type: none;
}
.socabnnews_design_polk_dsds_drgsglast_paneldesine .lopdstwo ul li{}
.socabnnews_design_polk_dsds_drgsglast_paneldesine .lopdstwo ul li a{
    color: #fff;
    display: flex;
    gap: 20px;
    padding: 6px 0px;
}
.socabnnews_design_polk_dsds_drgsglast_paneldesine .lopdstwo span{
    color: #ea580c;
}
.socabnnews_design_polk_dsds_drgsglast_paneldesine .lopdstworeds{
    font-family: "Outfit", sans-serif;
    font-size: 13px;
    font-weight: 300;
    margin-bottom: 14px;
    text-align: left;
    width: 100%;
    display: inline-block;
    color: #fff;
}
.socabnnews_design_polk_dsds_drgsglast_paneldesine .lopdstworeds ul{
	padding:0;
	margin: 0;
	list-style-type: none;
}
.socabnnews_design_polk_dsds_drgsglast_paneldesine .lopdstworeds ul li{
	width: 100%;
	padding: 5px 0px;
	float: left;
}
.socabnnews_design_polk_dsds_drgsglast_paneldesine .lopdstworeds ul li a{
    color: #fff;	
}

.socabnnews_design_polk_dsds_drgsglast_paneldesine .border {
	
width: 100%;
	
display: inline-block;
	
border-bottom: 1px solid #353536;
}
.socabnnews_design_polk_dsds_drgsglast_paneldesine h6{
    color: #0f172ab3;
    font-family: "Outfit", sans-serif;
    font-size: 14px;
    text-align: left;
    width: 100%;
    margin-top: 9px;
    font-weight: 400;
    text-transform: math-auto;
    float: left;
    margin-bottom: 0px;
}
.socabnnews_design_polk_dsds_drgsglast_paneldesine h6 a{
	color: #a2a2a2b3;
}
.socabnnews_design_polk_dsds_drgsglast_paneldesine .social_media{
    color: #17222a;
    font-family: "Khand", sans-serif;
    font-size: 20px;
    margin-top: 30px;
    float: left;
}
.socabnnews_design_polk_dsds_drgsglast_paneldesine .social_media ul{
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.socabnnews_design_polk_dsds_drgsglast_paneldesine .social_media ul li{
	display: inline-block;
	padding: 1px 1px;
}
.socabnnews_design_polk_dsds_drgsglast_paneldesine .social_media ul li:first-child{
	padding-left: 0px;
}
.socabnnews_design_polk_dsds_drgsglast_paneldesine  .menu_deign{
    color: #334155;
    transition: all 0.3s ease;
    text-transform: capitalize;
    outline: none;
    margin-top: 10px;
    float: right;
    width: fit-content;
}
.socabnnews_design_polk_dsds_drgsglast_paneldesine  .menu_deign ul{
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.socabnnews_design_polk_dsds_drgsglast_paneldesine  .menu_deign ul li{
	float: left;
}
.socabnnews_design_polk_dsds_drgsglast_paneldesine  .menu_deign ul li a{
	color: #dcdcdcb3;
	padding: 0px 17px;
	font-weight: 500;
	font-size: 14px;
	font-family: "Outfit", sans-serif;
}
.socabnnews_design_polk_dsds_drgsglast_paneldesine .social_media ul li a{
	color: #dcdcdcb3;
	background:rgba(255,255,255,0.06);
	border:1px solid rgba(255,255,255,0.15);
	backdrop-filter:blur(10px);
	box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.06),
        0 10px 24px rgba(0,0,0,0.16);
	width: 40px;
	height: 40px;
	border-radius: 50%;
	font-size: 15px;
	display: flow;
	text-align: center;
	line-height: 41px;
}
 

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 9999;
    box-shadow: inherit;
    background: hsl(60deg 20% 98% / 60%);
    backdrop-filter: blur(8px);
}
/*-----------------topbaner_panel_7-------------------------*/
.topbaner_panel_7 {
	width: 100%;
	float: left;
	padding: 75px 0px;
}
.topbaner_panel_7 .color_box {
	
width: 100%;
	
background: #0e182b;
	
padding: 40px 40px;
	
border-radius: 30px;
	
display: flex;
}
.topbaner_panel_7 .left_copplo {
	
display: flex;
	
align-items: flex-start;
	
gap: 24px;
	
align-self: stretch;
}
.topbaner_panel_7 .leftht {
	
display: flex;
	
flex-direction: column;
	
justify-content: center;
	
align-items: center;
	
gap: 16px;
	
flex: 1 0 0;
	
align-self: stretch;
	
padding: 40px;
}

.topbaner_panel_7 .leftht .vac_text {
    background: #ea580c;
    color: #ffffff;
    padding: 7px 18px;
    border-radius: 50px;
    font-weight: 600;
    transition: 0.3s;
    font-size: 13px;
    font-family: "Outfit", sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none;
    display: flex;
    gap: 5px;
}
.topbaner_panel_7 .leftht .vac_text span{
	
}
.topbaner_panel_7 .leftht  h2 {
    font-family: "Outfit", sans-serif;
    font-size: 39px;
    font-weight: 700;
    margin-bottom: 4px;
    letter-spacing: 0px;
    color: #fff;
    margin-top: 5px;
}
.topbaner_panel_7 .leftht  h2 span{
	color: #ea580c;
}
.topbaner_panel_7 .leftht p {
    color: #cbd5e1;
    font-size: 18px;
    line-height: 29px;
    font-family: "Outfit", sans-serif;
    font-weight: 400;
}

.topbaner_panel_7  .right_copplo {display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 16px;flex: 1 0 0;align-self: stretch;}
.topbaner_panel_7  .right_copplo .buuta_areya{
	background: #ea580c;
	border-radius: 12px;
	padding: 10px 20px;
	display: flex;
	gap: 150px;
	width: 456px;
}
.topbaner_panel_7  .right_copplo .buuta_areya:hover{
	background: #000000;
}
.topbaner_panel_7  .right_copplo .buuta_areya .fot {
	
display: flex;
	
gap: 22px;
}
.topbaner_panel_7  .right_copplo .buuta_areya span{
    color: #ffffff;
    font-size: 15px;
    font-family: "Outfit", sans-serif;
    font-weight: 500;
    display: block;
    text-transform: uppercase;
}
.topbaner_panel_7  .right_copplo .buuta_areya .lop {
	
color: #fff;
	
font-size: 33px;
	
margin-top: 10px;
}
.topbaner_panel_7  .right_copplo .buuta_areya .textfrt {
	font-family: "Outfit", sans-serif;
	font-size: 26px;
	font-weight: 700;
	color: #fff;
}
.topbaner_panel_7  .right_copplo .buuta_areya .cione {
	color: #fff;
	font-size: 24px;
	margin-top: 15px;
}

.topbaner_panel_7  .right_copplo .read_button{
    background: #ffffff0d;
    color: #fff;
    padding: 16px 48px;
    border-radius: 12px;
    font-weight: 400;
    transition: 0.3s;
    box-shadow: 0 10px 25px rgba(234, 88, 12, 0.25);
    font-size: 21px;
    font-family: "Outfit", sans-serif;
    border: 2px solid #fff3;
    display: inline-flex;
    gap: 0px;
    width: 456px;
    text-align: center;
    justify-content: space-evenly;
}
.topbaner_panel_7  .right_copplo .read_button span{
font-size: 15px;	
margin-top: 6px;
}
.topbaner_panel_7  .right_copplo .read_button:hover{
	background:#ea580c;
}
.modal {
    z-index: 99999;
}

/*---------------optimumautoglass_website_panel_design_2222-----------------------*/
.optimumautoglass_website_panel_design_2222 {
	width: 100%;
	float: left;
	padding: 50px 40px;
}
.optimumautoglass_website_panel_design_2222 h2 {
    font-family: "Outfit", sans-serif;
    font-size: 50px;
    color: #000000;
    font-weight: 700;
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 12px;
    margin-bottom: 0px;
    text-transform: math-auto;
}
.optimumautoglass_website_panel_design_2222 p {
    font-family: "Outfit", sans-serif;
    font-size: 18px;
    color: #000000;
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 12px;
    margin-bottom: 10px;
    text-transform: math-auto;
    font-weight: 400;
}
.optimumautoglass_website_panel_design_2222 .grey_box_design_1 {
	width: 100%;
	display: inline-block;
	background: #edefee;
	padding: 40px;
	border-radius: 12px;
	margin-top: 40px;
}
.optimumautoglass_website_panel_design_2222 .col-lg-6:nth-child(2) .grey_box_design_1 {
	background: #fbf2ee;
}
.optimumautoglass_website_panel_design_2222  .grey_box_design_1 h3{
	font-family: "Outfit", sans-serif;
	font-size: 22px;
	color: #000000;
	font-weight: 600;
	float: left;
	width: 100%;
	margin-top: 0px;
	margin-bottom: 20px;
}

.optimumautoglass_website_panel_design_2222 .grey_box_design_1 .lil_menu {
	font-family: "Outfit", sans-serif;
	font-size: 17px;
	color: #000000;
	font-weight: 400;
	float: left;
	width: 100%;
}
.optimumautoglass_website_panel_design_2222 .grey_box_design_1 .lil_menu ul{
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.optimumautoglass_website_panel_design_2222 .grey_box_design_1 .lil_menu ul li{
	background: url(../images/ri-1.png) no-repeat left center;
	background-size: 16px;
	float: left;
	width: 100%;
	padding: 7px 24px;
}
.optimumautoglass_website_panel_design_2222 .col-lg-6:nth-child(2) .grey_box_design_1 .lil_menu ul li{
	background: url(../images/ri-2.png) no-repeat left center;
	background-size: 16px;
	float: left;
	width: 100%;
	padding: 7px 24px;
}
/*-------------freedom_tex_panel_design_jio_18---------------*/
/*====================================================
  PREMIUM CONTACT FORM DESIGN
  freedom_tex_panel_design_jio_18
====================================================*/

.freedom_tex_panel_design_jio_18 {
    width: 100%;
    display: block;
    padding: 100px 0;
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 10% 10%, rgba(11, 19, 43, 0.05), transparent 32%),
        radial-gradient(circle at 90% 90%, rgba(196, 136, 58, 0.08), transparent 30%),
        #f7f7f5;
}

/* Decorative background */
.freedom_tex_panel_design_jio_18:before {
    content: "";
    position: absolute;
    width: 320px;
    height: 320px;
    border-radius: 50%;
    top: -150px;
    right: -100px;
    border: 1px solid rgba(11, 19, 43, 0.07);
}

.freedom_tex_panel_design_jio_18:after {
    content: "";
    position: absolute;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    left: -100px;
    bottom: -100px;
    background: rgba(196, 136, 58, 0.05);
}


/*====================================================
  MAIN WRAPPER
====================================================*/

.freedom_tex_panel_design_jio_18 .form_mjio {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    display: flex;
    align-items: stretch;
    gap: 28px;
    position: relative;
    z-index: 2;
}


/*====================================================
  LEFT CONTENT PANEL
====================================================*/

.freedom_tex_panel_design_jio_18 .box_form_1 {
    width: 48%;
    padding: 65px 60px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    position: relative;
    overflow: hidden;

    border-radius: 24px;
    border: 1px solid rgba(255, 255, 255, 0.10);

    background:
        linear-gradient(
            145deg,
            #0b132b 0%,
            #101c3b 55%,
            #16264c 100%
        );

    box-shadow:
        0 30px 70px rgba(11, 19, 43, 0.14);
}


/* Gold decoration */
.freedom_tex_panel_design_jio_18 .box_form_1:before {
    content: "";
    position: absolute;
    width: 250px;
    height: 250px;
    border-radius: 50%;
    top: -100px;
    right: -100px;

    background:
        radial-gradient(
            circle,
            rgba(196, 136, 58, 0.25),
            rgba(196, 136, 58, 0)
        );
}


/* Bottom line decoration */
.freedom_tex_panel_design_jio_18 .box_form_1:after {
    content: "";
    width: 70px;
    height: 3px;
    background: #c4883a;
    position: absolute;
    left: 60px;
    bottom: 55px;
    border-radius: 10px;
}


/*====================================================
  LOGO
====================================================*/

.freedom_tex_panel_design_jio_18 .box_form_1 img {
    width: 105px;
    height: 105px;
    object-fit: contain;

    padding: 15px;

    border-radius: 16px;

    border:
        1px solid rgba(255, 255, 255, 0.14);

    background: #ffffff;

    box-shadow:
        0 15px 35px rgba(0, 0, 0, 0.16);

    position: relative;
    z-index: 2;

    transition: all 0.35s ease;
}


.freedom_tex_panel_design_jio_18 .box_form_1 img:hover {
    transform: translateY(-4px);
}


/*====================================================
  LEFT HEADING
====================================================*/

.freedom_tex_panel_design_jio_18 .box_form_1 h3 {
    color: #ffffff;

    font-family: "Outfit", sans-serif;

    font-size: 52px;
    line-height: 1.08;

    font-weight: 600;

    letter-spacing: -1.5px;

    margin: 55px 0 24px;

    max-width: 500px;

    position: relative;
    z-index: 2;
}


/*====================================================
  LEFT DESCRIPTION
====================================================*/

.freedom_tex_panel_design_jio_18 .box_form_1 p {
    color: rgba(255, 255, 255, 0.72);

    font-family: "Outfit", sans-serif;

    font-size: 17px;
    line-height: 1.9;

    font-weight: 300;

    margin: 0;

    max-width: 520px;

    position: relative;
    z-index: 2;
}


/*====================================================
  OPTIONAL EXISTING ELEMENTS
====================================================*/

.freedom_tex_panel_design_jio_18 .box_form_1 h2 {
    color: #ffffff;
    font-family: "Outfit", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}


.freedom_tex_panel_design_jio_18 .box_form_1 .clor_km {
    width: 100%;
    background: rgba(255, 255, 255, 0.06);

    display: flex;
    padding: 28px;

    flex-direction: column;
    align-items: flex-start;

    gap: 20px;

    border-radius: 14px;

    margin-top: 35px;

    border: 1px solid rgba(255, 255, 255, 0.10);
}


.freedom_tex_panel_design_jio_18 .box_form_1 .clor_km h4 {
    color: rgba(255, 255, 255, 0.65);

    font-family: "Outfit", sans-serif;

    font-size: 14px;
    font-weight: 600;

    margin: 0;
}


.freedom_tex_panel_design_jio_18 .box_form_1 .clor_km h5 {
    color: #ffffff;

    font-family: "Outfit", sans-serif;

    font-size: 14px;
    font-weight: 400;

    line-height: 24px;

    margin: 0;
}


/*====================================================
  RIGHT FORM CARD
====================================================*/

.freedom_tex_panel_design_jio_18 .box_form_2 {
    width: 52%;

    padding: 60px;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;

    border-radius: 24px;

    background: rgba(255, 255, 255, 0.96);

    border: 1px solid rgba(11, 19, 43, 0.07);

    box-shadow:
        0 25px 70px rgba(11, 19, 43, 0.08);

    position: relative;
}


/* Gold top accent */
.freedom_tex_panel_design_jio_18 .box_form_2:before {
    content: "";

    position: absolute;

    left: 60px;
    top: 0;

    width: 70px;
    height: 4px;

    background: #c4883a;

    border-radius: 0 0 10px 10px;
}


/*====================================================
  BOOTSTRAP INNER FIX
====================================================*/

.freedom_tex_panel_design_jio_18 .box_form_2 > .col-md-12 {
    width: 100%;
}


/*====================================================
  FORM FIELDS
====================================================*/

.freedom_tex_panel_design_jio_18 .box_form_2 .clform_set {
    width: 97%;

    height: 62px;

    padding: 0 20px;

    margin: 8px 0;

    color: #111827;

    font-family: "Outfit", sans-serif;

    font-size: 15px;
    font-weight: 400;

    background: #f9fafb;

    border: 1px solid #e4e7ec;

    border-radius: 10px;

    outline: none;

    box-shadow: none;

    transition:
        border-color 0.3s ease,
        box-shadow 0.3s ease,
        background 0.3s ease;
}


/* Placeholder */
.freedom_tex_panel_design_jio_18 .box_form_2 .clform_set::placeholder,
.freedom_tex_panel_design_jio_18 .box_form_2 .clform_settwo::placeholder {
    color: #8a8f98;
    opacity: 1;
}


/* Focus effect */
.freedom_tex_panel_design_jio_18 .box_form_2 .clform_set:focus {
    background: #ffffff;

    border-color: #c4883a;

    box-shadow:
        0 0 0 4px rgba(196, 136, 58, 0.10);
}


/*====================================================
  TEXTAREA
====================================================*/

.freedom_tex_panel_design_jio_18 .box_form_2 .clform_settwo {
    width: 100%;

    height: 155px;

    padding: 18px 20px;

    margin: 8px 0;

    resize: vertical;

    color: #111827;

    font-family: "Outfit", sans-serif;

    font-size: 15px;
    line-height: 24px;

    font-weight: 400;

    background: #f9fafb;

    border: 1px solid #e4e7ec;

    border-radius: 10px;

    outline: none;

    box-shadow: none;

    transition:
        border-color 0.3s ease,
        box-shadow 0.3s ease,
        background 0.3s ease;
}


.freedom_tex_panel_design_jio_18 .box_form_2 .clform_settwo:focus {
    background: #ffffff;

    border-color: #c4883a;

    box-shadow:
        0 0 0 4px rgba(196, 136, 58, 0.10);
}


/*====================================================
  SUBMIT BUTTON
====================================================*/

.freedom_tex_panel_design_jio_18 .box_form_2 .submite_button {
    position: relative;

    width: 100%;

    min-height: 62px;

    padding: 15px 30px;

    margin-top: 16px;

    border: 0;

    border-radius: 10px;

    background: #0b132b;

    color: #ffffff;

    font-family: "Outfit", sans-serif;

    font-size: 16px;

    font-weight: 600;

    letter-spacing: 0.2px;

    cursor: pointer;

    box-shadow:
        0 12px 25px rgba(11, 19, 43, 0.18);

    transition: all 0.3s ease;
}


/* Arrow */
.freedom_tex_panel_design_jio_18 .box_form_2 .submite_button:after {
    content: "→";

    display: inline-block;

    margin-left: 10px;

    font-size: 20px;

    line-height: 1;

    transition: transform 0.3s ease;
}


.freedom_tex_panel_design_jio_18 .box_form_2 .submite_button:hover {
    background: #c4883a;

    color: #ffffff;

    transform: translateY(-2px);

    box-shadow:
        0 16px 30px rgba(196, 136, 58, 0.25);
}


.freedom_tex_panel_design_jio_18 .box_form_2 .submite_button:hover:after {
    transform: translateX(5px);
}


/*====================================================
  SMALL TEXT
====================================================*/

.freedom_tex_panel_design_jio_18 .box_form_2 .parfa_text {
    color: #777b85;

    font-family: "Outfit", sans-serif;

    font-size: 13px;

    line-height: 21px;

    text-align: center;

    width: 100%;

    font-weight: 400;

    padding: 12px 10px;

    margin: 0;
}


.freedom_tex_panel_design_jio_18 .box_form_2 .parfa_text a {
    color: #c4883a;

    text-decoration: none;

    border-bottom: 1px solid rgba(196, 136, 58, 0.40);
}


/*====================================================
  REMOVE BOOTSTRAP COLUMN PADDING INSIDE FORM
====================================================*/

.freedom_tex_panel_design_jio_18 .no-padding-lo {
    padding-left: 0;
    padding-right: 0;
}


/*====================================================
  TABLET
====================================================*/

@media (max-width: 991px) {

    .freedom_tex_panel_design_jio_18 {
        padding: 70px 15px;
    }

    .freedom_tex_panel_design_jio_18 .form_mjio {
        gap: 20px;
    }

    .freedom_tex_panel_design_jio_18 .box_form_1,
    .freedom_tex_panel_design_jio_18 .box_form_2 {
        padding: 45px 35px;
    }

    .freedom_tex_panel_design_jio_18 .box_form_1 h3 {
        font-size: 40px;
        line-height: 46px;
        margin-top: 40px;
    }

    .freedom_tex_panel_design_jio_18 .box_form_1:after {
        left: 35px;
        bottom: 35px;
    }

    .freedom_tex_panel_design_jio_18 .box_form_2:before {
        left: 35px;
    }
}


/*====================================================
  MOBILE
====================================================*/

@media (max-width: 767px) {

    .freedom_tex_panel_design_jio_18 {
        padding: 50px 15px;
    }

    .freedom_tex_panel_design_jio_18 .form_mjio {
        display: block;
    }

    .freedom_tex_panel_design_jio_18 .box_form_1,
    .freedom_tex_panel_design_jio_18 .box_form_2 {
        width: 100%;
        padding: 35px 25px;
        border-radius: 18px;
    }

    .freedom_tex_panel_design_jio_18 .box_form_1 {
        margin-bottom: 20px;
        padding-bottom: 70px;
    }

    .freedom_tex_panel_design_jio_18 .box_form_1 img {
        width: 85px;
        height: 85px;
    }

    .freedom_tex_panel_design_jio_18 .box_form_1 h3 {
        font-size: 35px;
        line-height: 40px;
        letter-spacing: -0.8px;
        margin: 35px 0 18px;
    }

    .freedom_tex_panel_design_jio_18 .box_form_1 p {
        font-size: 15px;
        line-height: 28px;
    }

    .freedom_tex_panel_design_jio_18 .box_form_1:after {
        left: 25px;
        bottom: 35px;
    }

    .freedom_tex_panel_design_jio_18 .box_form_2:before {
        left: 25px;
    }

    .freedom_tex_panel_design_jio_18 .box_form_2 .clform_set {
        height: 58px;
    }

    .freedom_tex_panel_design_jio_18 .box_form_2 .clform_settwo {
        height: 140px;
    }

    .freedom_tex_panel_design_jio_18 .box_form_2 .submite_button {
        min-height: 58px;
    }
}


/*====================================================
  SMALL MOBILE
====================================================*/

@media (max-width: 480px) {

    .freedom_tex_panel_design_jio_18 {
        padding: 35px 10px;
    }

    .freedom_tex_panel_design_jio_18 .box_form_1,
    .freedom_tex_panel_design_jio_18 .box_form_2 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .freedom_tex_panel_design_jio_18 .box_form_1 {
        padding-bottom: 65px;
    }

    .freedom_tex_panel_design_jio_18 .box_form_1 h3 {
        font-size: 31px;
        line-height: 36px;
    }

    .freedom_tex_panel_design_jio_18 .box_form_1:after {
        left: 20px;
    }

    .freedom_tex_panel_design_jio_18 .box_form_2:before {
        left: 20px;
    }
}

/*-------------freedom_tex_panel_design_jio_19---------------*/
.freedom_tex_panel_design_jio_19 {display: flex;padding: 70px 0px;}
.freedom_tex_panel_design_jio_19  .ljio {
	display: flex;
align-items: flex-start;
gap: 64px;
align-self: stretch;
}
.freedom_tex_panel_design_jio_19  h2{
    color: #0f172a;
    font-family: "Outfit", sans-serif;
    font-size: 38px;
    font-style: normal;
    text-align: center;
    width: 100%;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 18px;
    float: left;
    margin-top: 0;
}
.freedom_tex_panel_design_jio_19 p{
    color: #0f172a;
    text-align: center;
/* Text/M */
    font-family: "Outfit", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    padding: 10px 260px;
    margin-bottom: 52px;
}
.freedom_tex_panel_design_jio_19 .kio_box {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 42px;
	flex: 1 0 0;
}
.freedom_tex_panel_design_jio_19 .kio_box .photo_des{background: #0f172a;color: #ffffff;border: 1px solid #585c64;width: 50px;height: 50px;border-radius: 8px;font-size: 22px;}
.freedom_tex_panel_design_jio_19 .kio_box h2{
    color: #0f172a;
    font-family: "Outfit", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px;
    text-align:left;
}
.freedom_tex_panel_design_jio_19 .kio_box h3{
    color: #464646;
    font-family: "Outfit", ui-sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    margin: 0;
    margin-top: -35px;
}
.freedom_tex_panel_design_jio_19 .kio_box h3 a{
	color: #464646;
}
.freedom_tex_panel_design_jio_19 .kio_box h4{
    color:#FEFEFD;
    font-family: "Outfit", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    margin: 0;
    margin-top: -31px;
}
.freedom_tex_panel_design_jio_19 .kio_box h4 a{
	color: #C4883A;
}

/*-------------freedom_tex_panel_design_jio_2---------------*/
/* =========================================================
   PURPOSE / MISSION / VISION - PREMIUM CLASSY DESIGN
========================================================= */

.freedom_tex_panel_design_jio_2 {
    width: 100%;
    display: block;
    padding: 100px 0;
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 5% 10%, rgba(212,175,55,.08), transparent 28%),
        radial-gradient(circle at 95% 90%, rgba(26,26,46,.06), transparent 30%),
        #ffffff;
}

/* Cards wrapper */
.freedom_tex_panel_design_jio_2 .cds_design_1 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-top: 0;
    align-items: stretch;
}

/* Main Card */
.freedom_tex_panel_design_jio_2 .color_box_design_1 {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;

    padding: 42px 35px 38px;
    min-height: 460px;
    height: auto;

    background: rgba(255,255,255,.94);
    border: 1px solid #e8e8ed;
    border-radius: 20px;

    box-shadow:
        0 5px 15px rgba(26,26,46,.03),
        0 20px 50px rgba(26,26,46,.06);

    overflow: hidden;
    gap: 0;

    transition:
        transform .4s ease,
        box-shadow .4s ease,
        border-color .4s ease;
}

/* Gold line at top */
.freedom_tex_panel_design_jio_2 .color_box_design_1:before {
    content: "";
    position: absolute;
    left: 35px;
    top: 0;
    width: 65px;
    height: 4px;
    background: #d4af37;
    border-radius: 0 0 10px 10px;

    transition: width .4s ease;
}

/* Subtle decorative glow */
.freedom_tex_panel_design_jio_2 .color_box_design_1:after {
    content: "";
    position: absolute;
    width: 180px;
    height: 180px;
    right: -90px;
    bottom: -90px;

    border-radius: 50%;
    background: rgba(212,175,55,.06);

    transition: all .5s ease;
    pointer-events: none;
}

/* Hover */
.freedom_tex_panel_design_jio_2 .color_box_design_1:hover {
    transform: translateY(-10px);
    border-color: rgba(212,175,55,.45);

    box-shadow:
        0 15px 30px rgba(26,26,46,.07),
        0 30px 65px rgba(26,26,46,.10);
}

.freedom_tex_panel_design_jio_2 .color_box_design_1:hover:before {
    width: calc(100% - 70px);
}

.freedom_tex_panel_design_jio_2 .color_box_design_1:hover:after {
    width: 230px;
    height: 230px;
}


/* =========================================================
   DECORATIVE ICON / SHAPES
========================================================= */

.freedom_tex_panel_design_jio_2 .color_box_design_1 .col-md-12 {
    margin-bottom: 38px;
}

/* Purpose */
.freedom_tex_panel_design_jio_2 .color_box_design_1 .numbar_count {
    position: relative;
    width: 52px;
    height: 52px;
    display: block;

    background: rgba(212,175,55,.12);
    border: 1px solid rgba(212,175,55,.30);

    border-radius: 16px 4px 16px 4px;
}

.freedom_tex_panel_design_jio_2 .color_box_design_1 .numbar_count:after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    background: #d4af37;
    border-radius: 5px 1px 5px 1px;

    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}


/* Mission */
.freedom_tex_panel_design_jio_2 .color_box_design_1 .numbar_count2 {
    position: relative;
    width: 52px;
    height: 52px;
    display: block;

    background: rgba(26,26,46,.07);
    border: 1px solid rgba(26,26,46,.14);
    border-radius: 50%;
}

.freedom_tex_panel_design_jio_2 .color_box_design_1 .numbar_count2:after {
    content: "";
    position: absolute;

    width: 16px;
    height: 16px;

    background: #1A1A2E;
    border-radius: 50%;

    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}


/* Vision */
.freedom_tex_panel_design_jio_2 .color_box_design_1 .numbar_count3 {
    position: relative;
    width: 52px;
    height: 52px;
    display: block;

    background: rgba(140,143,163,.10);
    border: 1px solid rgba(140,143,163,.25);

    border-radius: 4px 16px 4px 16px;
}

.freedom_tex_panel_design_jio_2 .color_box_design_1 .numbar_count3:after {
    content: "";
    position: absolute;

    width: 16px;
    height: 16px;

    background: #8C8FA3;

    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}


/* =========================================================
   CARD HEADING
========================================================= */

.freedom_tex_panel_design_jio_2 .color_box_design_1 h2 {
    position: relative;

    font-family: "Outfit", sans-serif;
    font-size: 34px;
    font-weight: 600;
    line-height: 1.15;

    letter-spacing: -0.8px;

    color: #1A1A2E;

    margin: 0 0 25px;
    padding-bottom: 20px;

    width: 100%;
}

/* Small divider */
.freedom_tex_panel_design_jio_2 .color_box_design_1 h2:after {
    content: "";
    position: absolute;

    left: 0;
    bottom: 0;

    width: 38px;
    height: 2px;

    background: #d4af37;
}


/* =========================================================
   DESCRIPTION
========================================================= */

.freedom_tex_panel_design_jio_2 .color_box_design_1 p {
    position: relative;
    z-index: 2;

    color: #656574;

    font-family: "Outfit", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.85;

    margin: 0;
}


/* =========================================================
   OPTIONAL SECTION HEADINGS
========================================================= */

.freedom_tex_panel_design_jio_2 h4 {
    font-family: "DM Sans", sans-serif;
    font-size: 44px;
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -1px;

    text-align: left;
    width: 100%;

    color: #1A1A2E;

    margin: 8px 0 0;
}

.freedom_tex_panel_design_jio_2 h3 {
    font-family: "Inter", sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 20px;

    letter-spacing: 1.5px;
    text-transform: uppercase;

    color: #d4af37;

    margin: 0;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .freedom_tex_panel_design_jio_2 {
        padding: 70px 0;
    }

    .freedom_tex_panel_design_jio_2 .cds_design_1 {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .freedom_tex_panel_design_jio_2 .color_box_design_1 {
        min-height: auto;
        padding: 35px 30px;
    }

    .freedom_tex_panel_design_jio_2 .color_box_design_1 .col-md-12 {
        margin-bottom: 30px;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .freedom_tex_panel_design_jio_2 {
        padding: 55px 0;
    }

    .freedom_tex_panel_design_jio_2 .cds_design_1 {
        gap: 18px;
    }

    .freedom_tex_panel_design_jio_2 .color_box_design_1 {
        padding: 30px 24px;
        border-radius: 16px;
    }

    .freedom_tex_panel_design_jio_2 .color_box_design_1:before {
        left: 24px;
    }

    .freedom_tex_panel_design_jio_2 .color_box_design_1:hover:before {
        width: calc(100% - 48px);
    }

    .freedom_tex_panel_design_jio_2 .color_box_design_1 h2 {
        font-size: 29px;
        margin-bottom: 20px;
        padding-bottom: 17px;
    }

    .freedom_tex_panel_design_jio_2 .color_box_design_1 p {
        font-size: 15px;
        line-height: 1.75;
    }

    .freedom_tex_panel_design_jio_2 .color_box_design_1 .numbar_count,
    .freedom_tex_panel_design_jio_2 .color_box_design_1 .numbar_count2,
    .freedom_tex_panel_design_jio_2 .color_box_design_1 .numbar_count3 {
        width: 46px;
        height: 46px;
    }

    .freedom_tex_panel_design_jio_2 h4 {
        font-size: 34px;
        line-height: 1.2;
    }
}
/*==============================================================
    AVON DESIGN PANEL DESIGN 2
    Modern / Premium Auto Glass Service Section
==============================================================*/

.avondesign_panel_design_2 {
    width: 100%;
    float: left;
    position: relative;
    padding: 90px 0;
    background:
        radial-gradient(circle at 10% 10%, rgba(214, 178, 62, 0.08), transparent 28%),
        radial-gradient(circle at 90% 90%, rgba(11, 19, 43, 0.05), transparent 30%),
        #ffffff;
    overflow: hidden;
    box-sizing: border-box;
}

/* Subtle decorative background */
.avondesign_panel_design_2::before {
    content: "";
    position: absolute;
    width: 280px;
    height: 280px;
    border: 1px solid rgba(214, 178, 62, 0.12);
    border-radius: 50%;
    top: -140px;
    left: -100px;
    pointer-events: none;
}

.avondesign_panel_design_2::after {
    content: "";
    position: absolute;
    width: 220px;
    height: 220px;
    background: rgba(214, 178, 62, 0.04);
    border-radius: 50%;
    right: -90px;
    bottom: -100px;
    pointer-events: none;
}

.avondesign_panel_design_2 * {
    box-sizing: border-box;
}

.avondesign_panel_design_2 .container-fluid {
    position: relative;
    z-index: 2;
    max-width: 1440px;
    margin: 0 auto;
    padding-left: 50px;
    padding-right: 50px;
}

.avondesign_panel_design_2 .middl_arya_design {
    display: flex;
    align-items: stretch;
    gap: 60px;
    width: 100%;
}


/*==============================================================
    LEFT CONTENT AREA
==============================================================*/

.avondesign_panel_design_2 .left_design_1 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 0;
    align-self: stretch;
    width: 50%;
    position: relative;
    padding: 25px 0;
}

/* Small Heading */
.avondesign_panel_design_2 .left_design_1 h3 {
    font-family: "Outfit", sans-serif;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 600;
    letter-spacing: 1.8px;
    text-align: left;
    color: #b99124;
    margin: 0 0 17px;
    width: 100%;
    text-transform: uppercase;
    position: relative;
    padding-left: 45px;
}

/* Gold decorative line */
.avondesign_panel_design_2 .left_design_1 h3::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 32px;
    height: 2px;
    background: #d6b23e;
    transform: translateY(-50%);
    border-radius: 10px;
}


/* Main Heading */
.avondesign_panel_design_2 .left_design_1 h2 {
    font-family: "Outfit", sans-serif;
    font-size: clamp(38px, 3.4vw, 54px);
    font-weight: 600;
    text-align: left;
    color: #0b132b;
    margin: 0 0 24px;
    text-transform: capitalize;
    line-height: 1.12;
    letter-spacing: -1.3px;
    width: 100%;
}


/* Paragraph */
.avondesign_panel_design_2 .left_design_1 p {
    font-family: "Outfit", sans-serif;
    font-size: 17px;
    font-weight: 400;
    text-align: left;
    color: #606675;
    margin: 0;
    line-height: 1.85;
    max-width: 650px;
}


/*==============================================================
    BUTTON AREA
==============================================================*/

.avondesign_panel_design_2 .left_design_1 .anch {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
    margin-top: 34px;
}


/* Remove unwanted anchor styling */
.avondesign_panel_design_2 .left_design_1 .anch a {
    text-decoration: none;
    display: inline-block;
}


/* Phone Button */
.avondesign_panel_design_2 .left_design_1 .getquatewq {
    font-family: "Outfit", sans-serif;
    font-size: 16px;
    line-height: 1;
    font-weight: 600;
    background: #ffffff;
    border: 1px solid rgba(214, 178, 62, 0.45);
    color: #0b132b;
    padding: 15px 22px;
    min-height: 52px;
    border-radius: 8px;
    text-transform: capitalize;
    transition:
        background-color 0.3s ease,
        color 0.3s ease,
        border-color 0.3s ease,
        box-shadow 0.3s ease,
        transform 0.3s ease;
    width: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    cursor: pointer;
    box-shadow: 0 7px 22px rgba(11, 19, 43, 0.06);
}


/* Phone icon */
.avondesign_panel_design_2 .left_design_1 .getquatewq span {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(214, 178, 62, 0.14);
    color: #b99124;
    border-radius: 50%;
    transition: all 0.3s ease;
}


.avondesign_panel_design_2 .left_design_1 .getquatewq:hover {
    background: #f6610d;
    color: #ffffff;
    border-color: #d6b23e;
    transform: translateY(-3px);
    box-shadow: 0 12px 30px rgba(214, 178, 62, 0.22);
}


.avondesign_panel_design_2 .left_design_1 .getquatewq:hover span {
    background: #0b132b;
    color: #ffffff;
}


/* Contact Us Button */
.avondesign_panel_design_2 .left_design_1 .getquate {
    font-family: "Outfit", sans-serif;
    font-size: 14px;
    line-height: 1;
    font-weight: 600;
    background: #0b132b;
    border: 1px solid #0b132b;
    color: #ffffff;
    padding: 15px 23px;
    min-height: 52px;
    border-radius: 8px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition:
        background-color 0.3s ease,
        color 0.3s ease,
        border-color 0.3s ease,
        box-shadow 0.3s ease,
        transform 0.3s ease;
    width: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    cursor: pointer;
    box-shadow: 0 8px 22px rgba(11, 19, 43, 0.16);
}


.avondesign_panel_design_2 .left_design_1 .getquate span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease;
}


.avondesign_panel_design_2 .left_design_1 .getquate:hover {
    background: #f6610d;
    color: #ffffff;
    border-color: #f6610d;
    transform: translateY(-3px);
    box-shadow: 0 12px 30px rgba(214, 178, 62, 0.25);
}


.avondesign_panel_design_2 .left_design_1 .getquate:hover span {
    transform: translateX(4px);
}


/* Button focus accessibility */
.avondesign_panel_design_2 .left_design_1 button:focus-visible {
    outline: 3px solid rgba(214, 178, 62, 0.4);
    outline-offset: 3px;
}


/*==============================================================
    RIGHT IMAGE AREA
==============================================================*/

.avondesign_panel_design_2 .right_design_1 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 22px;
    align-self: stretch;
    width: 50%;
    position: relative;
}


/* Main Image */
.avondesign_panel_design_2 .right_design_1 img {
    width: 100%;
    display: block;
    border-radius: 4px 45px 4px 45px;
    height: 390px;
    object-fit: cover;
    object-position: center;
    transition:
        transform 0.45s ease,
        box-shadow 0.45s ease;
    box-shadow: 0 18px 45px rgba(11, 19, 43, 0.14);
}


/* Image wrapper */
.avondesign_panel_design_2 .right_design_1 > .col-md-12:first-child {
    position: relative;
    overflow: hidden;
    border-radius: 4px 45px 4px 45px;
}


/* Gold image accent */
.avondesign_panel_design_2 .right_design_1 > .col-md-12:first-child::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 90px;
    height: 5px;
    background: #d6b23e;
    border-radius: 10px 0 0 0;
    pointer-events: none;
}


.avondesign_panel_design_2 .right_design_1 > .col-md-12:first-child:hover img {
    transform: scale(1.035);
}


/*==============================================================
    SMALL INFORMATION CARDS
==============================================================*/

.avondesign_panel_design_2 .right_design_1 .smal_medium {
    display: flex;
    align-items: stretch;
    gap: 18px;
    width: 100%;
}


.avondesign_panel_design_2 .right_design_1 .left_sm_box {
    flex: 1;
    position: relative;
    background: #ffffff;
    border: 1px solid #ececf0;
    border-radius: 14px;
    padding: 24px 23px;
    overflow: hidden;
    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;
    box-shadow: 0 8px 26px rgba(11, 19, 43, 0.055);
}


/* Gold card accent */
.avondesign_panel_design_2 .right_design_1 .left_sm_box::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 100%;
    background: #46394a;
    transition: width 0.3s ease;
}


.avondesign_panel_design_2 .right_design_1 .left_sm_box:hover {
    transform: translateY(-5px);
    border-color: rgba(214, 178, 62, 0.38);
    box-shadow: 0 15px 38px rgba(11, 19, 43, 0.1);
}


.avondesign_panel_design_2 .right_design_1 .left_sm_box:hover::before {
    width: 6px;
}


/* Card Heading */
.avondesign_panel_design_2 .right_design_1 .left_sm_box h4 {
    font-family: "Outfit", sans-serif;
    font-size: 17px;
    line-height: 1.35;
    font-weight: 650;
    text-align: left;
    color: #0b132b;
    margin: 0 0 12px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}


/* Card Paragraph */
.avondesign_panel_design_2 .right_design_1 .left_sm_box p {
    font-family: "Outfit", sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    color: #696e7b;
    margin: 0;
    line-height: 1.7;
}


/*==============================================================
    LARGE DESKTOP
==============================================================*/

@media only screen and (min-width: 1500px) {

    .avondesign_panel_design_2 .container-fluid {
        max-width: 1500px;
        padding-left: 60px;
        padding-right: 60px;
    }

    .avondesign_panel_design_2 .middl_arya_design {
        gap: 75px;
    }

    .avondesign_panel_design_2 .right_design_1 img {
        height: 420px;
    }
}


/*==============================================================
    LAPTOP / SMALL DESKTOP
==============================================================*/

@media only screen and (max-width: 1199px) {

    .avondesign_panel_design_2 {
        padding: 75px 0;
    }

    .avondesign_panel_design_2 .container-fluid {
        padding-left: 35px;
        padding-right: 35px;
    }

    .avondesign_panel_design_2 .middl_arya_design {
        gap: 40px;
    }

    .avondesign_panel_design_2 .left_design_1 h2 {
        font-size: 40px;
        line-height: 1.15;
    }

    .avondesign_panel_design_2 .left_design_1 p {
        font-size: 16px;
        line-height: 1.75;
    }

    .avondesign_panel_design_2 .right_design_1 img {
        height: 350px;
    }

    .avondesign_panel_design_2 .right_design_1 .left_sm_box {
        padding: 21px 19px;
    }

    .avondesign_panel_design_2 .right_design_1 .left_sm_box h4 {
        font-size: 16px;
    }

    .avondesign_panel_design_2 .right_design_1 .left_sm_box p {
        font-size: 13px;
    }
}


/*==============================================================
    TABLET
==============================================================*/

@media only screen and (max-width: 991px) {

    .avondesign_panel_design_2 {
        padding: 65px 0;
    }

    .avondesign_panel_design_2 .container-fluid {
        padding-left: 28px;
        padding-right: 28px;
    }

    .avondesign_panel_design_2 .middl_arya_design {
        flex-direction: column;
        gap: 45px;
    }

    .avondesign_panel_design_2 .left_design_1,
    .avondesign_panel_design_2 .right_design_1 {
        width: 100%;
    }

    .avondesign_panel_design_2 .left_design_1 {
        padding: 0;
    }

    .avondesign_panel_design_2 .left_design_1 h2 {
        max-width: 720px;
        font-size: 43px;
    }

    .avondesign_panel_design_2 .left_design_1 p {
        max-width: 780px;
    }

    .avondesign_panel_design_2 .right_design_1 img {
        height: 420px;
    }

    .avondesign_panel_design_2 .right_design_1 .smal_medium {
        gap: 20px;
    }

    .avondesign_panel_design_2 .right_design_1 .left_sm_box {
        padding: 25px;
    }

    .avondesign_panel_design_2 .right_design_1 .left_sm_box h4 {
        font-size: 17px;
    }

    .avondesign_panel_design_2 .right_design_1 .left_sm_box p {
        font-size: 14px;
    }
}


/*==============================================================
    MOBILE LANDSCAPE / LARGE MOBILE
==============================================================*/

@media only screen and (max-width: 767px) {

    .avondesign_panel_design_2 {
        padding: 55px 0;
    }

    .avondesign_panel_design_2 .container-fluid {
        padding-left: 20px;
        padding-right: 20px;
    }

    .avondesign_panel_design_2 .middl_arya_design {
        gap: 35px;
    }

    .avondesign_panel_design_2 .left_design_1 h3 {
        font-size: 13px;
        letter-spacing: 1.2px;
        margin-bottom: 14px;
        padding-left: 38px;
    }

    .avondesign_panel_design_2 .left_design_1 h3::before {
        width: 26px;
    }

    .avondesign_panel_design_2 .left_design_1 h2 {
        font-size: 34px;
        line-height: 1.18;
        letter-spacing: -0.6px;
        margin-bottom: 18px;
    }

    .avondesign_panel_design_2 .left_design_1 p {
        font-size: 15px;
        line-height: 1.75;
    }

    .avondesign_panel_design_2 .left_design_1 .anch {
        margin-top: 27px;
        gap: 12px;
    }

    .avondesign_panel_design_2 .left_design_1 .getquate,
    .avondesign_panel_design_2 .left_design_1 .getquatewq {
        min-height: 50px;
    }

    .avondesign_panel_design_2 .right_design_1 {
        gap: 18px;
    }

    .avondesign_panel_design_2 .right_design_1 img {
        height: 330px;
        border-radius: 4px 30px 4px 30px;
    }

    .avondesign_panel_design_2 .right_design_1 > .col-md-12:first-child {
        border-radius: 4px 30px 4px 30px;
    }

    .avondesign_panel_design_2 .right_design_1 .smal_medium {
        flex-direction: column;
        gap: 14px;
    }

    .avondesign_panel_design_2 .right_design_1 .left_sm_box {
        width: 100%;
        padding: 22px 20px 22px 24px;
    }
}


/*==============================================================
    SMALL MOBILE
==============================================================*/

@media only screen and (max-width: 480px) {

    .avondesign_panel_design_2 {
        padding: 45px 0;
    }

    .avondesign_panel_design_2 .container-fluid {
        padding-left: 16px;
        padding-right: 16px;
    }

    .avondesign_panel_design_2 .middl_arya_design {
        gap: 30px;
    }

    .avondesign_panel_design_2 .left_design_1 h3 {
        font-size: 12px;
        line-height: 1.5;
        letter-spacing: 1px;
    }

    .avondesign_panel_design_2 .left_design_1 h2 {
        font-size: 30px;
        line-height: 1.2;
    }

    .avondesign_panel_design_2 .left_design_1 p {
        font-size: 15px;
        line-height: 1.7;
    }

    .avondesign_panel_design_2 .left_design_1 .anch {
        width: 100%;
        flex-direction: column;
        align-items: stretch;
    }

    .avondesign_panel_design_2 .left_design_1 .anch a {
        width: 100%;
    }

    .avondesign_panel_design_2 .left_design_1 .getquate,
    .avondesign_panel_design_2 .left_design_1 .getquatewq {
        width: 100%;
        min-height: 52px;
        justify-content: center;
    }

    .avondesign_panel_design_2 .right_design_1 img {
        height: 260px;
        border-radius: 4px 24px 4px 24px;
    }

    .avondesign_panel_design_2 .right_design_1 > .col-md-12:first-child {
        border-radius: 4px 24px 4px 24px;
    }

    .avondesign_panel_design_2 .right_design_1 .left_sm_box {
        padding: 21px 18px 21px 22px;
        border-radius: 11px;
    }

    .avondesign_panel_design_2 .right_design_1 .left_sm_box h4 {
        font-size: 16px;
        margin-bottom: 9px;
    }

    .avondesign_panel_design_2 .right_design_1 .left_sm_box p {
        font-size: 14px;
        line-height: 1.65;
    }
}


/*==============================================================
    VERY SMALL MOBILE
==============================================================*/

@media only screen and (max-width: 360px) {

    .avondesign_panel_design_2 .container-fluid {
        padding-left: 13px;
        padding-right: 13px;
    }

    .avondesign_panel_design_2 .left_design_1 h2 {
        font-size: 27px;
    }

    .avondesign_panel_design_2 .left_design_1 p {
        font-size: 14px;
    }

    .avondesign_panel_design_2 .right_design_1 img {
        height: 225px;
    }
}


/*==============================================================
    REDUCED MOTION ACCESSIBILITY
==============================================================*/

@media (prefers-reduced-motion: reduce) {

    .avondesign_panel_design_2 *,
    .avondesign_panel_design_2 *::before,
    .avondesign_panel_design_2 *::after {
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
    }
}
/* ==========================================================
   CLASSY / PREMIUM SERVICE PAGE
   Optimum Auto Glass
========================================================== */

.all_buzz_new_service_design_page2 {
    --primary: #0b132b;
    --primary-light: #172554;
    --accent: #f6610d;
    --accent-dark: #d94e00;
    --text: #202634;
    --muted: #667085;
    --border: #e7eaf0;
    --soft-bg: #f7f9fc;
    --white: #ffffff;

    width: 100%;
    display: inline-block;
    padding: 80px 0;
    background:
        radial-gradient(circle at 5% 10%, rgba(246, 97, 13, 0.05), transparent 24%),
        linear-gradient(180deg, #ffffff 0%, #fbfcfe 100%);
}


/* ==========================================================
   MAIN LAYOUT
========================================================== */

.all_buzz_new_service_design_page2 .main_middle {
    display: flex;
    align-items: flex-start;
    gap: 45px;
    max-width: 1450px;
    margin: 0 auto;
}

.all_buzz_new_service_design_page2 .left_midle {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    width: 64%;
    min-width: 0;
}

.all_buzz_new_service_design_page2 .right_midle {
    display: flex;
    width: 36%;
    padding: 0;
    flex-direction: column;
    position: sticky;
    top: 100px;
    align-self: flex-start;
    height: fit-content;
}


/* ==========================================================
   MAIN IMAGE
========================================================== */

.all_buzz_new_service_design_page2 .left_midle .opki_in {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
    border-radius: 22px;
    margin: 0 0 35px;
    box-shadow: 0 20px 50px rgba(11, 19, 43, 0.10);
}


/* ==========================================================
   TYPOGRAPHY
========================================================== */

.all_buzz_new_service_design_page2 .left_midle h1 {
    font-family: "League Spartan", sans-serif;
    font-size: 33px;
    line-height: 1.1;
    font-weight: 700;
    text-align: left;
    color: var(--primary);
    margin: 0 0 20px;
    letter-spacing: -1px;
}

.all_buzz_new_service_design_page2 .left_midle p {
    font-family: "Outfit", sans-serif;
    font-size: 17px;
    font-weight: 400;
    text-align: left;
    color: #4d5564;
    margin: 0 0 18px;
    line-height: 1.85;
    letter-spacing: 0;
}


/* ==========================================================
   SECTION HEADINGS
========================================================== */

.all_buzz_new_service_design_page2 .left_midle h3 {
    font-family: "League Spartan", sans-serif;
    font-size: 26px;
    line-height: 1.25;
    font-weight: 650;
    text-align: left;
    color: var(--primary);
    display: block;
    margin: 38px 0 20px;
    border: none;
    width: 100%;
    padding: 0 0 14px;
    position: relative;
}

.all_buzz_new_service_design_page2 .left_midle h3::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 52px;
    height: 3px;
    background: var(--accent);
    border-radius: 50px;
}


/* FAQ MAIN HEADING */

.all_buzz_new_service_design_page2 .left_midle h2 {
    font-family: "League Spartan", sans-serif;
    font-size: 31px;
    line-height: 1.3;
    font-weight: 650;
    text-align: left;
    color: #f6610d;
    display: block;
    width: 100%;
    margin: 45px 0 22px;
    padding: 0 0 15px;
    background: transparent;
    border: none;
    border-bottom: 1px solid var(--border);
    border-radius: 0;
    position: relative;
}

.all_buzz_new_service_design_page2 .left_midle h2::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 70px;
    height: 3px;
    background: var(--accent);
    border-radius: 20px;
}


/* ==========================================================
   "WHAT'S INCLUDED" BOX
========================================================== */

.all_buzz_new_service_design_page2 .left_midle .opr_box_desing_2 {
    width: 100%;
    display: block;
    padding: 38px;
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: 20px;
    box-shadow: 0 14px 40px rgba(11, 19, 43, 0.06);
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
}

.all_buzz_new_service_design_page2 .left_midle .opr_box_desing_2::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 5px;
    height: 100%;
    background: var(--accent);
}

.all_buzz_new_service_design_page2 .left_midle .opr_box_desing_2 h3 {
    margin-top: 0;
}


/* ==========================================================
   INCLUDED LIST
========================================================== */

.all_buzz_new_service_design_page2
.left_midle
.opr_box_desing_2
.info_futter2 {
    font-family: "Outfit", sans-serif;
    font-size: 16px;
    color: #3d4654;
    font-weight: 400;
    width: 100%;
    margin-top: 5px;
}

.all_buzz_new_service_design_page2
.left_midle
.opr_box_desing_2
.info_futter2 ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.all_buzz_new_service_design_page2
.left_midle
.opr_box_desing_2
.info_futter2 ul li {
    position: relative;
    width: 100%;
    padding: 13px 15px 13px 40px;
    line-height: 1.65;
    border-bottom: 1px solid #edf0f4;
}

.all_buzz_new_service_design_page2
.left_midle
.opr_box_desing_2
.info_futter2 ul li:last-child {
    border-bottom: 0;
}

.all_buzz_new_service_design_page2
.left_midle
.opr_box_desing_2
.info_futter2 ul li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 12px;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(246, 97, 13, 0.10);
    color: var(--accent);
    border-radius: 50%;
    font-size: 13px;
    font-weight: 700;
}


/* ==========================================================
   CTA BOX
========================================================== */

.all_buzz_new_service_design_page2 .left_midle .opr_box_desing_3 {
    width: 100%;
    display: block;
    padding: 42px 38px;
    margin: 35px 0 10px;
    border-radius: 22px;
    border: 1px solid rgba(255,255,255,0.08);
    background:
        radial-gradient(circle at 90% 20%, rgba(246,97,13,.25), transparent 28%),
        linear-gradient(135deg, #0b132b 0%, #172554 100%);
    box-shadow: 0 20px 45px rgba(11, 19, 43, 0.15);
    position: relative;
    overflow: hidden;
}

.all_buzz_new_service_design_page2
.left_midle
.opr_box_desing_3 .center_text {
    font-family: "League Spartan", sans-serif;
    font-size: 32px;
    line-height: 1.25;
    font-weight: 650;
    text-align: center;
    color: #ffffff;
    margin: 0;
    width: 100%;
    display: block;
}

.all_buzz_new_service_design_page2
.left_midle
.opr_box_desing_3 .middtext {
    font-family: "Outfit", sans-serif;
    font-size: 16px;
    line-height: 1.7;
    font-weight: 400;
    text-align: center;
    color: rgba(255,255,255,.78);
    margin: 14px auto 0;
    max-width: 680px;
}


/* CTA heading when h3 is inside dark box */

.all_buzz_new_service_design_page2
.left_midle
.opr_box_desing_3 h3 {
    color: #ffffff;
    text-align: center;
    margin: 0 0 15px;
}

.all_buzz_new_service_design_page2
.left_midle
.opr_box_desing_3 h3::after {
    left: 50%;
    transform: translateX(-50%);
}

.all_buzz_new_service_design_page2
.left_midle
.opr_box_desing_3 p {
    color: rgba(255,255,255,.80);
    text-align: center;
}


/* ==========================================================
   CTA BUTTONS
========================================================== */

.all_buzz_new_service_design_page2
.left_midle
.opr_box_desing_3 .dic_button {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    width: 100%;
    margin: 26px auto 0;
}

.all_buzz_new_service_design_page2
.left_midle
.opr_box_desing_3 .dic_button a {
    text-decoration: none;
}

.all_buzz_new_service_design_page2
.left_midle
.opr_box_desing_3 .vit_button,
.all_buzz_new_service_design_page2
.left_midle
.opr_box_desing_3 .vit_button2 {
    font-family: "Outfit", sans-serif;
    font-size: 15px;
    font-weight: 600;
    border: none;
    color: #ffffff;
    padding: 15px 26px;
    border-radius: 50px;
    margin: 0;
    transition: all .3s ease;
    cursor: pointer;
}

.all_buzz_new_service_design_page2
.left_midle
.opr_box_desing_3 .vit_button {
    background: #ffffff;
    color: var(--primary);
}

.all_buzz_new_service_design_page2
.left_midle
.opr_box_desing_3 .vit_button2 {
    background: var(--accent);
    color: #ffffff;
}

.all_buzz_new_service_design_page2
.left_midle
.opr_box_desing_3 .vit_button:hover {
    background: var(--accent);
    color: #ffffff;
    transform: translateY(-3px);
}

.all_buzz_new_service_design_page2
.left_midle
.opr_box_desing_3 .vit_button2:hover {
    background: #ffffff;
    color: var(--primary);
    transform: translateY(-3px);
}


/* ==========================================================
   PROCESS / CONTENT LIST
========================================================== */

.all_buzz_new_service_design_page2 .left_midle .middle_menutes {
    font-family: "Outfit", sans-serif;
    font-size: 16px;
    color: #4b5563;
    font-weight: 400;
    width: 100%;
    margin: 0 0 15px;
    letter-spacing: 0;
    line-height: 1.75;
}

.all_buzz_new_service_design_page2 .left_midle .middle_menutes ul {
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: service-counter;
}

.all_buzz_new_service_design_page2 .left_midle .middle_menutes ul li {
    counter-increment: service-counter;
    position: relative;
    width: 100%;
    padding: 22px 22px 22px 72px;
    margin-bottom: 13px;
    background: #ffffff;
    border: 1px solid var(--border);
    border-radius: 15px;
    transition: all .3s ease;
}

.all_buzz_new_service_design_page2
.left_midle
.middle_menutes ul li::before {
    content: counter(service-counter, decimal-leading-zero);
    position: absolute;
    left: 18px;
    top: 20px;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: var(--primary);
    color: #ffffff;
    font-family: "League Spartan", sans-serif;
    font-size: 15px;
    font-weight: 600;
}

.all_buzz_new_service_design_page2
.left_midle
.middle_menutes ul li:hover {
    transform: translateY(-2px);
    border-color: rgba(246,97,13,.35);
    box-shadow: 0 12px 30px rgba(11,19,43,.07);
}

.all_buzz_new_service_design_page2
.left_midle
.middle_menutes ul li strong {
    color: var(--primary);
    font-weight: 600;
}


/* ==========================================================
   SERVICES LIST
========================================================== */

.all_buzz_new_service_design_page2 .left_midle .info_futter22 {
    font-family: "Outfit", sans-serif;
    font-size: 16px;
    color: #4b5563;
    font-weight: 400;
    width: 100%;
    margin: 0 0 15px;
}

.all_buzz_new_service_design_page2 .left_midle .info_futter22 ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

.all_buzz_new_service_design_page2
.left_midle
.info_futter22 ul li {
    width: 100%;
    padding: 18px;
    background: #ffffff;
    border: 1px solid var(--border);
    border-radius: 12px;
    line-height: 1.6;
    transition: .3s ease;
}

.all_buzz_new_service_design_page2
.left_midle
.info_futter22 ul li:hover {
    border-color: rgba(246,97,13,.45);
    box-shadow: 0 8px 25px rgba(11,19,43,.06);
    transform: translateY(-2px);
}

.all_buzz_new_service_design_page2
.left_midle
.info_futter22 ul li strong {
    color: var(--primary);
}


/* ==========================================================
   FAQ DESIGN
========================================================== */

.all_buzz_new_service_design_page2 .left_midle h4 {
    font-family: "Outfit", sans-serif;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 600;
    text-align: left;
    color: var(--primary);
    display: block;
    margin: 12px 0 8px;
    width: 100%;
    padding: 18px 20px;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 5px 18px rgba(11,19,43,.035);
}


/* ==========================================================
   RIGHT SIDE QUOTE FORM
========================================================== */

.all_buzz_new_service_design_page2
.right_midle .box_form_2 {
    background: #ffffff;
    display: flex;
    padding: 19px 13px 26px;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    width: 100%;
    border-radius: 22px;
    border: 1px solid #e4e8ef;
    box-shadow:
        0 25px 60px rgba(11, 19, 43, 0.10),
        0 3px 10px rgba(11, 19, 43, 0.04);
    position: relative;
    overflow: hidden;
}

.all_buzz_new_service_design_page2
.right_midle .box_form_2::before {
    content: "Request a Free Quote";
    display: block;
    width: 100%;
    font-family: "League Spartan", sans-serif;
    font-size: 22px;
    line-height: 1.2;
    font-weight: 650;
    color: var(--primary);
    margin-bottom: 5px;
    text-align: center;
}




/* ==========================================================
   FORM LABELS
========================================================== */

.all_buzz_new_service_design_page2
.right_midle
.box_form_2 .loki {
    color: #344054;
    font-size: 13px;
    line-height: 1.4;
    font-family: "Outfit", sans-serif;
    font-weight: 500;
    width: 100%;
    text-transform: none;
    display: block;
    margin: 0 0 5px;
}


/* ==========================================================
   INPUTS
========================================================== */

.all_buzz_new_service_design_page2
.right_midle
.box_form_2 .clform_set {
    color: var(--primary);
    font-family: "Outfit", sans-serif;
    font-size: 14px;
    font-weight: 400;
    width: 100%;
    display: block;
    height: 40px;
    padding: 11px 14px;
    border-radius: 9px;
    border: 1px solid #d7dce4;
    outline: none;
    background: #ffffff;
    margin: 0 0 14px;
    transition: all .25s ease;
    box-shadow: none;
}

.all_buzz_new_service_design_page2
.right_midle
.box_form_2 .clform_set::placeholder {
    color: #98a2b3;
}

.all_buzz_new_service_design_page2
.right_midle
.box_form_2 .clform_set:hover {
    border-color: #b9c0cc;
}

.all_buzz_new_service_design_page2
.right_midle
.box_form_2 .clform_set:focus {
    border-color: var(--accent);
    box-shadow: 0 0 0 3px rgba(246,97,13,.10);
}


/* TEXTAREA */

.all_buzz_new_service_design_page2
.right_midle
.box_form_2 .clform_settwo {
    color: var(--primary);
    font-family: "Outfit", sans-serif;
    font-size: 14px;
    width: 100%;
    height: 80px;
    padding: 13px 15px;
    border-radius: 9px;
    border: 1px solid #d7dce4;
    outline: none;
    background: #ffffff;
    resize: vertical;
    transition: .25s ease;
}

.all_buzz_new_service_design_page2
.right_midle
.box_form_2 .clform_settwo:focus {
    border-color: var(--accent);
    box-shadow: 0 0 0 3px rgba(246,97,13,.10);
}


/* ==========================================================
   SUBMIT BUTTON
========================================================== */

.all_buzz_new_service_design_page2
.right_midle
.box_form_2 .submite_button {
    background: var(--accent);
    width: 100%;
    border: none;
    padding: 12px 22px;
    margin-top: 7px;
    font-family: "Outfit", sans-serif;
    font-weight: 600;
    color: #ffffff;
    font-size: 16px;
    border-radius: 50px;
    cursor: pointer;
    transition: all .3s ease;
    box-shadow: 0 9px 20px rgba(246,97,13,.20);
}

.all_buzz_new_service_design_page2
.right_midle
.box_form_2 .submite_button:hover {
    background: var(--primary);
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(11,19,43,.20);
}

.all_buzz_new_service_design_page2
.right_midle
.box_form_2 .submite_button span {
    margin-left: 8px;
    font-size: 13px;
    transition: transform .3s ease;
    display: inline-block;
}

.all_buzz_new_service_design_page2
.right_midle
.box_form_2 .submite_button:hover span {
    transform: translateX(4px);
}


/* ==========================================================
   PRIVACY TEXT
========================================================== */

.all_buzz_new_service_design_page2
.right_midle
.box_form_2 .parfa_text {
    color: #7b8494;
    font-family: "Outfit", sans-serif;
    font-size: 11px;
    line-height: 1.55;
    text-align: center;
    width: 100%;
    font-weight: 400;
    margin: 10px 0 0;
}


/* ==========================================================
   OLD STATS BOX SUPPORT
========================================================== */

.all_buzz_new_service_design_page2
.left_midle .opr_box_desing {
    width: 100%;
    display: block;
    padding: 40px;
    background: #f7f9fc;
    border: 1px solid var(--border);
    border-radius: 20px;
    margin-top: 26px;
}

.all_buzz_new_service_design_page2
.left_midle .ooo_box {
    display: flex;
    gap: 15px;
}

.all_buzz_new_service_design_page2
.left_midle .box_1 {
    display: block;
    width: 100%;
    border: 1px solid var(--border);
    background: #ffffff;
    padding: 32px 20px;
    border-radius: 15px;
    text-align: center;
    box-shadow: 0 8px 25px rgba(11,19,43,.05);
}

.all_buzz_new_service_design_page2
.left_midle .box_1 .opm {
    font-size: 60px;
    background: transparent;
    border: none;
    color: var(--accent);
    display: inline-block;
}

.all_buzz_new_service_design_page2
.left_midle .box_1 .ot_text1 {
    font-family: "League Spartan", sans-serif;
    font-size: 38px;
    font-weight: 600;
    text-align: center;
    color: var(--primary);
    margin: 8px 0 0;
    display: block;
}

.all_buzz_new_service_design_page2
.left_midle .box_1 .ot_text2 {
    font-family: "Outfit", sans-serif;
    font-size: 15px;
    font-weight: 400;
    text-align: center;
    color: var(--muted);
    margin: 4px 0 0;
}


/* ==========================================================
   LINKS
========================================================== */

.all_buzz_new_service_design_page2 .left_midle p a {
    color: var(--accent);
    font-weight: 600;
    text-decoration: none;
    transition: .2s ease;
}

.all_buzz_new_service_design_page2 .left_midle p a:hover {
    color: var(--primary);
}


/* ==========================================================
   TABLET
========================================================== */

@media (max-width: 1199px) {

    .all_buzz_new_service_design_page2 {
        padding: 60px 0;
    }

    .all_buzz_new_service_design_page2 .main_middle {
        gap: 28px;
    }

    .all_buzz_new_service_design_page2 .left_midle {
        width: 60%;
    }

    .all_buzz_new_service_design_page2 .right_midle {
        width: 40%;
    }

    .all_buzz_new_service_design_page2
    .right_midle .box_form_2 {
        padding: 25px 20px;
    }

    .all_buzz_new_service_design_page2
    .left_midle .opki_in {
        height: 400px;
    }
}


/* ==========================================================
   TABLET / MOBILE
========================================================== */

@media (max-width: 991px) {

    .all_buzz_new_service_design_page2 {
        padding: 50px 0;
    }

    .all_buzz_new_service_design_page2 .main_middle {
        flex-direction: column;
        gap: 35px;
    }

    .all_buzz_new_service_design_page2 .left_midle,
    .all_buzz_new_service_design_page2 .right_midle {
        width: 100%;
    }

    .all_buzz_new_service_design_page2 .right_midle {
        position: relative;
        top: auto;
    }

    .all_buzz_new_service_design_page2
    .left_midle .info_futter22 ul {
        grid-template-columns: 1fr;
    }

    .all_buzz_new_service_design_page2
    .left_midle .opki_in {
        height: 420px;
    }
}


/* ==========================================================
   MOBILE
========================================================== */

@media (max-width: 767px) {

    .all_buzz_new_service_design_page2 {
        padding: 35px 0;
    }

    .all_buzz_new_service_design_page2 .main_middle {
        gap: 28px;
    }

    .all_buzz_new_service_design_page2
    .left_midle .opki_in {
        height: 280px;
        border-radius: 15px;
        margin-bottom: 25px;
    }

    .all_buzz_new_service_design_page2
    .left_midle h1 {
        font-size: 34px;
    }

    .all_buzz_new_service_design_page2
    .left_midle h2 {
        font-size: 26px;
    }

    .all_buzz_new_service_design_page2
    .left_midle h3 {
        font-size: 25px;
    }

    .all_buzz_new_service_design_page2
    .left_midle p {
        font-size: 16px;
        line-height: 1.75;
    }

    .all_buzz_new_service_design_page2
    .left_midle .opr_box_desing_2 {
        padding: 27px 20px;
        border-radius: 15px;
    }

    .all_buzz_new_service_design_page2
    .left_midle .opr_box_desing_3 {
        padding: 32px 20px;
        border-radius: 16px;
    }

    .all_buzz_new_service_design_page2
    .left_midle
    .opr_box_desing_3 .center_text {
        font-size: 27px;
    }

    .all_buzz_new_service_design_page2
    .left_midle
    .opr_box_desing_3 .dic_button {
        flex-direction: column;
    }

    .all_buzz_new_service_design_page2
    .left_midle
    .opr_box_desing_3 .dic_button a,
    .all_buzz_new_service_design_page2
    .left_midle
    .opr_box_desing_3 .vit_button,
    .all_buzz_new_service_design_page2
    .left_midle
    .opr_box_desing_3 .vit_button2 {
        width: 100%;
    }

    .all_buzz_new_service_design_page2
    .left_midle
    .middle_menutes ul li {
        padding: 65px 18px 20px;
    }

    .all_buzz_new_service_design_page2
    .left_midle
    .middle_menutes ul li::before {
        left: 18px;
        top: 16px;
    }

    .all_buzz_new_service_design_page2
    .right_midle .box_form_2 {
        padding: 27px 18px 22px;
        border-radius: 16px;
    }

    .all_buzz_new_service_design_page2
    .right_midle .box_form_2::before {
        font-size: 27px;
    }

    .all_buzz_new_service_design_page2
    .left_midle .ooo_box {
        flex-direction: column;
    }
}


/* ==========================================================
   SMALL MOBILE
========================================================== */

@media (max-width: 480px) {

    .all_buzz_new_service_design_page2
    .left_midle .opki_in {
        height: 230px;
    }

    .all_buzz_new_service_design_page2
    .left_midle h1 {
        font-size: 30px;
    }

    .all_buzz_new_service_design_page2
    .left_midle h3 {
        font-size: 23px;
    }

    .all_buzz_new_service_design_page2
    .left_midle h4 {
        font-size: 16px;
        padding: 15px;
    }
}
.no-padding-lo {
    padding: 3px;
}

/*==========================================================
  OPTIMUM AUTO GLASS - BLOG / NEWS SECTION
==========================================================*/

.saatina_panel_design_7 {
    width: 100%;
    float: left;
    padding: 80px 70px;
    background:
        radial-gradient(circle at 90% 10%, rgba(244,191,0,0.08), transparent 25%),
        linear-gradient(180deg, #ffffff 0%, #f7f9fb 100%);
    position: relative;
    overflow: hidden;
}


/*---------------- Section Heading ----------------*/

.saatina_panel_design_7 .blog_section_heading {
    max-width: 760px;
    margin: 0 auto 25px;
    text-align: center;
}

.saatina_panel_design_7 .blog_section_heading > span {
    display: inline-block;
    font-family: "Outfit", sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: #3c763d;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 10px;
    position: relative;
}

.saatina_panel_design_7 .blog_section_heading > span:before,
.saatina_panel_design_7 .blog_section_heading > span:after {
    content: "";
    display: inline-block;
    width: 30px;
    height: 2px;
    background: #f4bf00;
    vertical-align: middle;
    margin: 0 10px;
}

.saatina_panel_design_7 .blog_section_heading h3 {
    font-family: 'Barlow Condensed', sans-serif;
    color: #111820;
    font-weight: 700;
    font-size: 52px;
    line-height: 1.05;
    text-align: center;
    margin: 0 0 15px;
    text-transform: capitalize;
}

.saatina_panel_design_7 .blog_section_heading p {
    font-family: "Outfit", sans-serif;
    color: #6a7179;
    font-size: 16px;
    line-height: 1.7;
    font-weight: 400;
    margin: 0;
}


/*---------------- Blog Cards ----------------*/

.saatina_panel_design_7 .no-paddings {
    padding-left: 12px;
    padding-right: 12px;
}

.saatina_panel_design_7 .blogh_dsign {
    width: 100%;
    float: left;
    background: #ffffff;
    padding: 12px 12px 25px;
    border-radius: 16px;
    margin-top: 28px;
    border: 1px solid #edf0f2;
    box-shadow: 0 10px 35px rgba(20, 32, 44, 0.08);
    transition: all 0.35s ease;
    min-height: 485px;
}

.saatina_panel_design_7 .blogh_dsign:hover {
    transform: translateY(-7px);
    box-shadow: 0 20px 45px rgba(20, 32, 44, 0.14);
    border-color: rgba(244,191,0,0.5);
}


/*---------------- Blog Image ----------------*/

.saatina_panel_design_7 .blog_image {
    width: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 12px;
}

.saatina_panel_design_7 .blogh_dsign .kol_pic {
    width: 100%;
    height: 245px;
    object-fit: cover;
    object-position: center;
    border-radius: 12px;
    transition: transform 0.5s ease;
}

.saatina_panel_design_7 .blogh_dsign:hover .kol_pic {
    transform: scale(1.06);
}

.saatina_panel_design_7 .blog_category {
    position: absolute;
    left: 15px;
    bottom: 15px;
    background: #46394a;
    color: #ffffff;
    font-family: "Outfit", sans-serif;
    font-size: 11px;
    line-height: 1;
    font-weight: 700;
    padding: 9px 14px;
    border-radius: 30px;
    text-transform: uppercase;
    letter-spacing: 0.7px;
}


/*---------------- Date / Meta ----------------*/

.saatina_panel_design_7 .blogh_dsign .date_tim {
    color: #89919a;
    font-family: "Outfit", sans-serif;
    font-size: 12px;
    font-style: normal;
    text-align: left;
    width: 100%;
    font-weight: 500;
    float: left;
    margin-top: 18px;
    padding: 0 10px;
}


/*---------------- Blog Title ----------------*/

.saatina_panel_design_7 .blogh_dsign h4 {
    font-family: "Outfit", sans-serif;
    font-size: 20px;
    line-height: 1.4;
    text-align: left;
    width: 100%;
    font-weight: 700;
    float: left;
    margin: 10px 0 9px;
    padding: 0 10px;
}

.saatina_panel_design_7 .blogh_dsign h4 a {
    color: #141b22;
    text-decoration: none;
    transition: color 0.25s ease;
}

.saatina_panel_design_7 .blogh_dsign h4 a:hover {
    color: #3c763d;
}


/*---------------- Description ----------------*/

.saatina_panel_design_7 .blog_excerpt {
    font-family: "Outfit", sans-serif;
    font-size: 14px;
    line-height: 1.65;
    color: #737b83;
    margin: 0;
    padding: 0 10px;
    float: left;
    width: 100%;
}


/*---------------- Read Article Button ----------------*/

.saatina_panel_design_7 .opppp {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    font-family: "Outfit", sans-serif;
    background: #46394a;
    border: none;
    color: #ffffff;
    font-size: 12px;
    font-weight: 700;
    padding: 11px 19px;
    cursor: pointer;
    text-transform: uppercase;
    width: max-content;
    border-radius: 7px;
    margin: 18px 10px 0;
    float: left;
    text-decoration: none;
    transition: all 0.3s ease;
}

.saatina_panel_design_7 .opppp span {
    font-size: 17px;
    line-height: 10px;
    transition: transform 0.3s ease;
}

.saatina_panel_design_7 .opppp:hover {
    background: #f6610d;
    color: #ffffff;
    text-decoration: none;
    box-shadow: 0 8px 20px rgba(244,191,0,0.25);
}

.saatina_panel_design_7 .opppp:hover span {
    transform: translateX(4px);
}


/*==========================================================
  RECENT POSTS SIDEBAR
==========================================================*/

.saatina_panel_design_7 .recent_post_wrapper {
    margin-left: 30px;
}


/*---------------- Sidebar Heading ----------------*/

.saatina_panel_design_7 .lok_title {
    font-family: 'Barlow Condensed', sans-serif;
    color: #ffffff;
    font-weight: 700;
    font-size: 28px;
    line-height: 1.15;
    text-align: left;
    margin-bottom: 5px;
    margin-top: 28px;
    text-transform: capitalize;
    background: linear-gradient(135deg, #1d2a34, #111820);
    padding: 24px 25px;
    border-radius: 12px;
    border-left: 5px solid #f4bf00;
    box-shadow: 0 10px 25px rgba(0,0,0,0.12);
}

.saatina_panel_design_7 .lok_title span {
    display: block;
    color: #f4bf00;
    font-family: "Outfit", sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin-bottom: 6px;
}


/*---------------- Recent Post Card ----------------*/

.saatina_panel_design_7 .opplk {
    width: 100%;
    padding: 12px;
    background: #ffffff;
    border-radius: 12px;
    margin-top: 16px;
    border: 1px solid #edf0f2;
    box-shadow: 0 7px 25px rgba(20, 32, 44, 0.07);
    transition: all 0.3s ease;
}

.saatina_panel_design_7 .opplk:hover {
    transform: translateX(5px);
    border-color: rgba(244,191,0,0.7);
    box-shadow: 0 10px 30px rgba(20, 32, 44, 0.11);
}

.saatina_panel_design_7 .blokblog {
    display: flex;
    align-items: center;
    gap: 15px;
}


/*---------------- Recent Post Image ----------------*/

.saatina_panel_design_7 .opplk .imgh_im {
    flex: 0 0 105px;
    overflow: hidden;
    border-radius: 9px;
}

.saatina_panel_design_7 .opplk .imgh_im img {
    width: 105px;
    height: 105px;
    object-fit: cover;
    border-radius: 9px;
    transition: transform 0.4s ease;
}

.saatina_panel_design_7 .opplk:hover .imgh_im img {
    transform: scale(1.08);
}


/*---------------- Recent Post Content ----------------*/

.saatina_panel_design_7 .opplk .contnt_box {
    flex: 1;
}

.saatina_panel_design_7 .opplk .contnt_box h3 {
    font-family: "Outfit", sans-serif;
    font-size: 15px;
    line-height: 1.4;
    text-align: left;
    width: 100%;
    margin: 0 0 8px;
    font-weight: 700;
    float: none;
}

.saatina_panel_design_7 .opplk .contnt_box h3 a {
    color: #151c22;
    text-decoration: none;
    transition: color 0.25s ease;
}

.saatina_panel_design_7 .opplk .contnt_box h3 a:hover {
    color: #3c763d;
}


/*---------------- Sidebar Read More ----------------*/

.saatina_panel_design_7 .opplk .contnt_box .frss_more {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-family: "Outfit", sans-serif;
    background: transparent;
    border: none;
    color: #3c763d;
    font-size: 12px;
    font-weight: 700;
    padding: 0;
    cursor: pointer;
    text-transform: uppercase;
    text-decoration: none;
    transition: all 0.25s ease;
}

.saatina_panel_design_7 .opplk .contnt_box .frss_more span {
    color: #f4bf00;
    font-size: 16px;
    transition: transform 0.25s ease;
}

.saatina_panel_design_7 .opplk .contnt_box .frss_more:hover {
    color: #f4bf00;
    text-decoration: none;
}

.saatina_panel_design_7 .opplk .contnt_box .frss_more:hover span {
    transform: translateX(4px);
}


/*==========================================================
  CONTACT CTA
==========================================================*/

.saatina_panel_design_7 .blog_contact_box {
    width: 100%;
    float: left;
    margin-top: 22px;
    padding: 28px;
    background: linear-gradient(135deg, rgb(206 80 9), rgb(246 97 13));
    border-radius: 14px;
    position: relative;
    overflow: hidden;
}

.saatina_panel_design_7 .blog_contact_box:after {
    content: "";
    position: absolute;
    width: 130px;
    height: 130px;
    border-radius: 50%;
    background: rgba(255,255,255,0.06);
    right: -40px;
    top: -40px;
}

.saatina_panel_design_7 .blog_contact_box > span {
    font-family: "Outfit", sans-serif;
    color: #f4bf00;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.saatina_panel_design_7 .blog_contact_box h4 {
    font-family: 'Barlow Condensed', sans-serif;
    color: #ffffff;
    font-size: 25px;
    line-height: 1.2;
    font-weight: 700;
    margin: 7px 0 10px;
}

.saatina_panel_design_7 .blog_contact_box p {
    font-family: "Outfit", sans-serif;
    color: rgba(255,255,255,0.82);
    font-size: 13px;
    line-height: 1.6;
    margin-bottom: 18px;
}

.saatina_panel_design_7 .blog_call_btn {
    display: inline-block;
    position: relative;
    z-index: 2;
    font-family: "Outfit", sans-serif;
    background: #46394a;
    color: #ffffff;
    font-size: 12px;
    font-weight: 800;
    padding: 11px 18px;
    border-radius: 7px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.saatina_panel_design_7 .blog_call_btn:hover {
    background: #ffffff;
    color: #3c763d;
    text-decoration: none;
    transform: translateY(-2px);
}


/*==========================================================
  TABLET RESPONSIVE
==========================================================*/

@media only screen and (max-width: 991px) {

    .saatina_panel_design_7 {
        padding: 60px 30px;
    }

    .saatina_panel_design_7 .blog_section_heading h3 {
        font-size: 44px;
    }

    .saatina_panel_design_7 .recent_post_wrapper {
        margin-left: 0;
        margin-top: 35px;
    }

    .saatina_panel_design_7 .blogh_dsign {
        min-height: auto;
    }

}


/*==========================================================
  MOBILE RESPONSIVE
==========================================================*/

@media only screen and (max-width: 767px) {

    .saatina_panel_design_7 {
        padding: 45px 15px;
    }

    .saatina_panel_design_7 .blog_section_heading {
        margin-bottom: 10px;
    }

    .saatina_panel_design_7 .blog_section_heading > span {
        font-size: 11px;
        letter-spacing: 1.2px;
    }

    .saatina_panel_design_7 .blog_section_heading > span:before,
    .saatina_panel_design_7 .blog_section_heading > span:after {
        width: 18px;
        margin: 0 6px;
    }

    .saatina_panel_design_7 .blog_section_heading h3 {
        font-size: 36px;
        line-height: 1.1;
    }

    .saatina_panel_design_7 .blog_section_heading p {
        font-size: 14px;
        line-height: 1.6;
    }

    .saatina_panel_design_7 .no-paddings {
        padding-left: 0;
        padding-right: 0;
    }

    .saatina_panel_design_7 .blogh_dsign {
        margin-top: 20px;
        padding: 10px 10px 22px;
        border-radius: 14px;
    }

    .saatina_panel_design_7 .blogh_dsign .kol_pic {
        height: 220px;
    }

    .saatina_panel_design_7 .blogh_dsign h4 {
        font-size: 18px;
    }

    .saatina_panel_design_7 .recent_post_wrapper {
        margin-top: 30px;
    }

    .saatina_panel_design_7 .lok_title {
        font-size: 25px;
        padding: 20px;
    }

    .saatina_panel_design_7 .blokblog {
        gap: 12px;
    }

    .saatina_panel_design_7 .opplk .imgh_im {
        flex: 0 0 90px;
    }

    .saatina_panel_design_7 .opplk .imgh_im img {
        width: 90px;
        height: 90px;
    }

    .saatina_panel_design_7 .opplk .contnt_box h3 {
        font-size: 14px;
    }

    .saatina_panel_design_7 .blog_contact_box {
        padding: 23px 20px;
    }
}


/*==========================================================
  SMALL MOBILE
==========================================================*/

@media only screen and (max-width: 480px) {

    .saatina_panel_design_7 .blog_section_heading h3 {
        font-size: 31px;
    }

    .saatina_panel_design_7 .blogh_dsign .kol_pic {
        height: 200px;
    }

    .saatina_panel_design_7 .opplk {
        padding: 10px;
    }

    .saatina_panel_design_7 .opplk .imgh_im {
        flex: 0 0 80px;
    }

    .saatina_panel_design_7 .opplk .imgh_im img {
        width: 80px;
        height: 85px;
    }

    .saatina_panel_design_7 .opplk .contnt_box h3 {
        font-size: 13px;
        line-height: 1.35;
    }
}
/*-----------sing_page_design_1--------------*/
.sing_page_design_1{
	width: 100%;
	float: left;
	padding-top: 40px;
	padding-bottom: 40px;
	background: #f6610d;
}
.sing_page_design_1 .divider_polg {
	display: flex;
	gap: 12px;
	justify-content: space-between;
	width: fit-content;
	margin: 0 auto;
}
.sing_page_design_1 .round_teo {
    color: #fffefe;
    font-family: "League Spartan", sans-serif;
    font-size: 15px;
    text-align: center;
    font-weight: 600;
    background-color: #46394a;
    border: none;
    padding: 10px 18px;
    border-radius: 50px;
    width: auto;
    text-transform: capitalize;
    float: none;
}
.sing_page_design_1 .round_teo:hover {
    background-color: #fdfaf0;
    border: none;
    color: #46394a;
}
.sing_page_design_1 .round_teo span{margin-right: 7px;}
.sing_page_design_1 .round {
    color: #ffffff;
    font-family: "League Spartan", sans-serif;
    font-size: 15px;
    text-align: center;
    font-weight: 600;
    background-color: transparent;
    border: 3px solid #ffffff;
    padding: 10px 18px;
    border-radius: 50px;
    width: auto;
    text-transform: capitalize;
    float: none;
    margin: 0px 12px;
}
.sing_page_design_1 .round span{margin-right: 7px;}
.sing_page_design_1 .round:hover {
    background: #000;
    color: #fff;
    border: 3px solid #fff;
}
.sing_page_design_1 h1 {
    color: #ffffff;
    font-family: "League Spartan", sans-serif;
    font-size: 28px;
    text-align: center;
    width: fit-content;
    font-weight: 600;
    text-transform: capitalize;
    border-right: 2px solid #fbc5cb;
    padding-right: 25px;
    margin-top: 0;
    margin-right: 13px;
}
.sing_page_design_1 h1 a {
	color: #ffffff;
}
/*========================================
    MODERN INNER BANNER / BREADCRUMB
========================================*/

.inn_bedcame {
    position: relative;
    width: 100%;
    float: left;
    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed;
    padding: 160px 40px 120px;
    overflow: hidden;
    isolation: isolate;
}


/* Premium dark overlay */
.inn_bedcame::before {
    content: "";
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(8, 13, 18, 0.88) 0%,
            rgba(8, 13, 18, 0.68) 45%,
            rgba(8, 13, 18, 0.30) 100%
        );

    z-index: -2;
}


/* Subtle bottom gradient */
.inn_bedcame::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;

    width: 100%;
    height: 120px;

    background: linear-gradient(
        to top,
        rgba(0, 0, 0, 0.35),
        transparent
    );

    z-index: -1;
    pointer-events: none;
}


/* Banner Content */
.inn_bedcame_content {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;

    display: flex;
    flex-direction: column;
    align-items: center;

    text-align: center;

    position: relative;
    z-index: 2;
}


/* Small Heading */
.banner_subtitle {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    font-family: "Outfit", sans-serif;
    font-size: 13px;
    line-height: 1;
    font-weight: 700;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 4px;
    margin-bottom: 20px;
}


/* Decorative line */
.banner_subtitle::before,
.banner_subtitle::after {
    content: "";
    width: 35px;
    height: 2px;
    background: #ffffff;
    opacity: 0.75;
}


/* Main Heading */
.inn_bedcame h1 {
    font-family: "Outfit", sans-serif;
    font-size: 52px;
    line-height: 1.05;
    color: #ffffff;
    font-weight: 500;
    float: none;
    width: auto;
    text-align: center;
    margin: 0 0 24px;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow:
        0 4px 15px rgba(0, 0, 0, 0.30),
        0 1px 2px rgba(0, 0, 0, 0.40);
}
/* Main Heading */
.inn_bedcame h2 {
    font-family: "Outfit", sans-serif;
    font-size: 52px;
    line-height: 1.05;
    color: #ffffff;
    font-weight: 500;
    float: none;
    width: auto;
    text-align: center;
    margin: 0 0 24px;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow:
        0 4px 15px rgba(0, 0, 0, 0.30),
        0 1px 2px rgba(0, 0, 0, 0.40);
}

/* Breadcrumb */
.breadcrumb_custom {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;

    gap: 12px;

    font-family: "League Spartan", sans-serif;
    font-size: 15px;
    font-weight: 500;

    color: rgba(255, 255, 255, 0.75);

    padding: 11px 22px;

    background: rgba(255, 255, 255, 0.08);

    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 50px;

    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}


/* Breadcrumb Link */
.breadcrumb_custom a {
    color: #ffffff;
    text-decoration: none;
    font-weight: 600;

    transition: all 0.3s ease;
}


.breadcrumb_custom a:hover {
    opacity: 0.7;
}


/* Breadcrumb Separator */
.breadcrumb_separator {
    color: rgba(255, 255, 255, 0.45);
}

/* ================================
   BEFORE & AFTER
================================ */

.ba-section {
    --ba-dark: #111;
    --ba-accent: #c89b5c;
    --ba-light: #f7f5f1;

    position: relative;
    padding: 110px 20px;
    background:
        radial-gradient(circle at 5% 10%, rgba(200,155,92,.12), transparent 25%),
        radial-gradient(circle at 95% 90%, rgba(200,155,92,.09), transparent 25%),
        #f8f8f8;

    overflow: hidden;
    font-family: Arial, sans-serif;
}

.ba-container {
    width: 100%;
    max-width: 1250px;
    margin: auto;
}


/* HEADING */

.ba-heading {
    margin: 0 auto 65px;
    text-align: center;
}

.ba-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: #f6610d;
    font-size: 38px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 15px;
    font-family: "Outfit", sans-serif;
}

.ba-heading h2 {
    margin: 0 0 20px;
    color: var(--ba-dark);
    line-height: 1.05;
    font-weight: 500;
    letter-spacing: 0px;
    font-family: "Outfit", sans-serif;
    font-size: 18px;
    text-transform: uppercase;
}

.ba-heading h2 span {
    color: var(--ba-accent);
}

.ba-heading p {
    margin: auto;
    max-width: 650px;
    color: #6c6c6c;
    font-size: 17px;
    line-height: 1.8;
}


/* PROJECT */

.ba-project {
    background: #fff;
    border: 1px solid rgba(0,0,0,.06);
    border-radius: 26px;

    padding: 18px;
    margin-bottom: 40px;

    box-shadow:
        0 20px 60px rgba(0,0,0,.08);

    transition:
        transform .35s ease,
        box-shadow .35s ease;
}

.ba-project:hover {
    transform: translateY(-4px);

    box-shadow:
        0 28px 80px rgba(0,0,0,.12);
}


/* PROJECT INFORMATION */

.ba-project-info {
    padding: 20px 20px 28px;
    width: 100%;
}

.ba-number {
    flex: 0 0 65px;
    width: 65px;
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--ba-dark);
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    display: none;
}

.ba-project-label {
    display: block;
    color: #f6610d;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.8px;
    text-transform: uppercase;
    margin-bottom: 7px;
    font-family: "Outfit", sans-serif;
    text-align: center;
}

.ba-project-info h3 {
    margin: 0 0 7px;
    color: #171717;
    font-size: 36px;
    font-weight: 750;
    font-family: "Outfit", sans-serif;
    text-align: center;
    text-transform: uppercase;
}

.ba-project-info p {
    margin: 0;
    color: #747474;
    font-size: 14px;
    line-height: 1.7;
    font-family: "Outfit", sans-serif;
    text-align: center;
}


/* ================================
   COMPARISON SLIDER
================================ */

.ba-comparison {
    --position: 50%;

    position: relative;
    width: 100%;
    height: 600px;

    overflow: hidden;
    border-radius: 18px;

    background: #ddd;

    isolation: isolate;
}


/* IMAGES */

.ba-after-image,
.ba-before-image {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    display: block;
    object-fit: cover;

    user-select: none;
    pointer-events: none;
}

.ba-after-image {
    z-index: 1;
}


/* BEFORE SIDE */

.ba-before-wrapper {
    position: absolute;
    inset: 0;

    width: var(--position);
    overflow: hidden;

    z-index: 2;
}

.ba-before-image {
    /*
     Keeps the image width equal to the
     full comparison container.
    */
    width: calc(100vw);
    max-width: none;
}


/*
Better image sizing using JS-updated
container width.
*/

.ba-before-wrapper .ba-before-image {
    width: var(--container-width, 1200px);
}


/* IMAGE LABELS */

.ba-image-label {
    position: absolute;
    top: 25px;

    z-index: 5;

    padding: 10px 17px;

    border-radius: 50px;

    color: #fff;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.5px;

    box-shadow: 0 6px 20px rgba(0,0,0,.15);

    pointer-events: none;
}

.ba-before-label {
    left: 25px;
    background: rgba(17,17,17,.88);
}

.ba-after-label {
    right: 25px;
    background: #61b9c2;
}


/* DIVIDER */

.ba-divider {
    position: absolute;

    top: 0;
    bottom: 0;
    left: var(--position);

    width: 3px;

    background: #fff;

    transform: translateX(-50%);

    z-index: 6;

    pointer-events: none;

    box-shadow: 0 0 15px rgba(0,0,0,.2);
}


/* HANDLE */

.ba-handle {
    position: absolute;

    top: 50%;
    left: 50%;

    width: 68px;
    height: 68px;

    transform: translate(-50%, -50%);

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    border: 4px solid #fff;
    border-radius: 50%;

    background: var(--ba-dark);

    color: #fff;
    font-size: 12px;

    box-shadow:
        0 8px 30px rgba(0,0,0,.28);

    transition:
        transform .2s ease,
        background .2s ease;
}

.ba-comparison:hover .ba-handle {
    background: #f6610d;
    transform:
        translate(-50%, -50%)
        scale(1.07);
}


/* INVISIBLE RANGE CONTROL */

.ba-range {
    position: absolute;
    inset: 0;

    z-index: 10;

    width: 100%;
    height: 100%;

    margin: 0;

    opacity: 0;

    cursor: ew-resize;

    touch-action: pan-y;
}



/*------------responsive-----------------*/

@media only screen and (min-width: 766px) {
	

}


/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 992px) {
		.container{
		width:757px;
}
.center_contanier{
	width: 100%; margin:0 auto;
}
.smallcenter_contanier{
	width: 100%; margin:0 auto;
}
.small_net_center_contanier{
	width: 100%; margin:0 auto;
}
.center_big_contanier{
	width: 100%; margin:0 auto;
}
.center_smallbig_contanier{
	width: 100%; margin:0 auto;
}
.container-fluid {
	width:100%;
}










}




@media only screen and (min-width: 992px) and (max-width: 1024px)  {
		.container{
		width:990px;
	}
.center_contanier{
	width: 100%; margin:0 auto;
}
.smallcenter_contanier{
	width: 100%; margin:0 auto;
}
.small_net_center_contanier{
	width: 100%; margin:0 auto;
}
.center_big_contanier{
	width: 100%; margin:0 auto;
}
.center_smallbig_contanier{
	width: 100%; margin:0 auto;
}
.container-fluid {
	width:100%;
}





	
	
}


@media only screen and (min-width: 1024px) and (max-width: 1200px) {
.center_contanier{
	width: 100%; margin:0 auto;
}
.smallcenter_contanier{
	width: 100%; margin:0 auto;
}
.small_net_center_contanier{
	width: 100%; margin:0 auto;
}
.center_big_contanier{
	width: 100%; margin:0 auto;
}
.center_smallbig_contanier{
	width: 100%; margin:0 auto;
}
.container-fluid {
	width:100%;
}









	
	
	
}
@media only screen and (min-width: 1200px) and (max-width: 1366px) {
.center_contanier{
	width: 100%; margin:0 auto;
}
.smallcenter_contanier{
	width: 100%; margin:0 auto;
}
.small_net_center_contanier{
	width: 100%; margin:0 auto;
}
.center_big_contanier{
	width: 100%; margin:0 auto;
}
.center_smallbig_contanier{
	width: 100%; margin:0 auto;
}
.container-fluid {
	width:100%;
}















	
	
	
}

/* Note: Design for a width of 320px */

@media only screen and (min-width: 300px) and (max-width: 767px) {
.center_contanier{
	width: 100%; margin:0 auto;
}
.smallcenter_contanier{
	width: 100%; margin:0 auto;
}
.small_net_center_contanier{
	width: 100%; margin:0 auto;
}
.center_big_contanier{
	width: 100%; margin:0 auto;
}
.center_smallbig_contanier{
	width: 100%; margin:0 auto;
}
.container-fluid {
	width:100%;
}
/*-------------mobile-menu-------------*/
.glass_top_panel_menu_mobile_menu {
    width: 100%;
    float: left;
    display: block;
    padding-top: 4px;
    padding-bottom: 5px;
    border-bottom: 1px solid #d1d1d1;
    padding-left: 5px;
}
.sidenav ul {
    width: 100%;
    float: left;
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 19px;
}
.fa.fa-caret-down.right {
    float: right;
}
.fa.right.fa-caret-up {
    float: right;
}
.glass_top_panel_menu_mobile_menu .sidenav a:hover {
    color: #d3191e;
}
.mobile_machnic_logo_panel {
    display: none;
}
.glass_top_panel_menu_mobile_menu .logo_picture {
    width: 100%;
}
.glass_top_panel_menu_mobile_menu .sidenav a:hover {
    color: #f93f40;
    font-weight: 600;
}
.glass_top_panel_menu_mobile_menu .sub-menu ul li a {
    font-size: 13px;
    font-weight: 600;
    color: #c4c4c4;
}
.glass_top_panel_menu_mobile_menu .right_side_menu_incartpa {display: flex;justify-content: space-around;width: fit-content;margin: 0 auto;margin-top: 9px;}  
.glass_top_panel_menu_mobile_menu .right_side_menu_incartpa ul{
	padding: 0;
	margin: 0;
	list-style-type: none;
}  
.glass_top_panel_menu_mobile_menu .right_side_menu_incartpa ul li{
    display: inline-block;
}    
.glass_top_panel_menu_mobile_menu .right_side_menu_incartpa ul li a{
	color: #ffffff;
	display: inline-block;
	border-radius: 4px;
	text-align: center;
	line-height: 27px;
	font-size: 17px;
	border: none;
	margin: 0px 1px;
	padding: 5px 10px;
	margin-top: 2px;
	width: 35px;
	height: 35px;
} 
.glass_top_panel_menu_mobile_menu .right_side_menu_incartpa ul li a {
	background: #ea580c;
}


.glass_top_panel_menu_mobile_menu .serchd {
    background: #49a485;
    border: none;
    color: #fff;
    padding: 5px 7px;
    font-size: 14px;
    border-radius: 4px;
    margin-left: 10px;
    margin-top: 10px;
}
.glass_top_panel_menu_mobile_menu .main_bun {
    font-family: 'Poppins', sans-serif;
    background-color: #f93f40;
    border: none;
    color: #ffffff !important;
    width: 100%;
    font-size: 16px !important;
    font-weight: 500 !important;
    padding: 15px 10px !important;
    cursor: pointer;
    margin-top: 8px;
    border-radius: 5px;
    float: left;
    text-align: center;
    margin-right: 10px;
    margin-bottom: 2px;
}





.topbaner_panel_3 .left_content_panel {
    width: 100%;
}
.topbaner_panel_3 .midle_content_area {
    flex-direction: column;
}
.topbaner_panel_3 .left_content_panel h1 {
    font-size: 29px;
}
.topbaner_panel_3 .left_content_panel .buttan_areya {
    flex-direction: column;
    width: 100%;
}

.topbaner_panel_3 .left_content_panel .read_button {
    display: inline-block;
    width: 100%;
}
.topbaner_panel_3 .left_content_panel .read_buttontwo {
    display: none;
}
.topbaner_panel_3 .right_content_panel {
    width: 100%;
}
.optimumautoglass_website_panel_design_1 {
    display: none;
}
.topbaner_panel_3 .left_content_panel .list_afre {
    font-size: 10px;
}
.topbaner_panel_3 .left_content_panel .list_afre span {
    margin-right: 4px;
}
.topbaner_panel_3 .right_content_panel .opki_images img {
    width: 100%;
    height: 381px;
}
.topbaner_panel_3 .right_content_panel .opki_box_bottom .whiter_boxx .tet_2 {
    font-size: 24px;
}
.topbaner_panel_3 .right_content_panel .opki_box_bottom .whiter_boxx {
    padding: 13px;
    width: fit-content;
    margin-top: 0px;
    margin-left: 0px;
}
.topbaner_panel_3 .right_content_panel .opki_box_bottom .whiter_boxx .tet_1 {
    font-size: 12px;
}
.topbaner_panel_4 .middle_panel {
    flex-wrap: wrap;
        gap: 16px 10px;
}
.topbaner_panel_4 .gto_box_dsign {
    width: 46%;
}
.topbaner_panel_5 .servics_boxdsign {
    grid-template-columns: repeat(1, 1fr);
}
.topbaner_panel_5 .para_text {
    width: 100%;
}
.topbaner_panel_5 h2 {
    font-size: 39px;
}
.topbaner_panel_5 .top_panel_text {
    width: 100%;
}
.topbaner_panel_55 .main_top {
    flex-direction: column;
}
.topbaner_panel_8 .top_panel_text {
    width: 100%;
}
    .topbaner_panel_8 .right_panel_box {
        grid-template-columns: repeat(1, 1fr);
    }

    .topbaner_panel_9 .servics_boxdsign {
        grid-template-columns: repeat(2, 1fr);
    }
.topbaner_panel_9 .top_panel_text {
    grid-template-columns: repeat(1, 1fr);
    gap: 8px;
}
.optimumautoglass_website_panel_design_2222 {
    padding: 50px 0px;
}
.optimumautoglass_website_panel_design_2222 h2 {
    font-size: 30px;
}

.topbaner_panel_10 h2 {
    font-size: 29px;
    margin-bottom: 40px;
}
.topbaner_panel_11 .left_box h2 {
    font-size: 24px;
    margin-bottom: 20px;
    margin-top: 0px;
}
.topbaner_panel_10 .top_panel_text {
    width: 100%;
}
.topbaner_panel_11 .midd_panel {
    grid-template-columns: repeat(1, 1fr);
}
#accordion .panel {
    margin: 0 0 9px 0px;
}
#accordion .panel-title a {
    font-size: 16px;
    padding-right: 40px;
}
.topbaner_panel_13 .left_box {
    width: 100%;
}
.topbaner_panel_13 .polok_pok {
    grid-template-columns: repeat(1, 1fr);
}
.topbaner_panel_13 .left_box h2 {
    font-size: 28px;
}
.topbaner_panel_7 .left_copplo {
    flex-direction: column;
}
.topbaner_panel_7 .right_copplo .buuta_areya {
    width: 100%;
    gap: 30px;
}
.topbaner_panel_7 .right_copplo .read_button {
    width: 100%;
    padding: 12px 16px;
    font-size: 14px;
    gap: 21px;
}
.topbaner_panel_7 .color_box {
    padding: 10px 10px;
    padding-bottom: 30px;
}
.topbaner_panel_7 .leftht {
    padding: 14px;
}
.topbaner_panel_7 .leftht h2 {
    font-size: 32px;
}
.socabnnews_design_polk_dsds_drgsglast_paneldesine .kol_web_desi p {
    width: 100%;
}
.dddddead_buttontwo{
    background: #ea580c;
    color: #ffffff;
    padding: 16px 28px;
    border-radius: 999px;
    font-weight: 600;
    transition: 0.3s;
    font-size: 19px;
    border: 2px solid #0f172a;
    font-family: "Outfit", sans-serif;
    position: fixed;
    bottom: 40px;
    letter-spacing: 0;
    right: 0;
    z-index: 9;
    left: 0;
    margin: 0 auto;
    width: fit-content;
    display:block;
}
.dddddead_buttontwo span{
	
font-size: 18px;
	
margin-right: 10px;
}
.dddddead_buttontwo:hover{
      background: #fff;
      color: #ea580c;
}
.topbaner_panel_55 .left_side_design {
    width: 100%;
        position: inherit;
}
.topbaner_panel_55 .left_side_design .box_desing {
    width: 100%;
        margin: 10px 0px;
}
.topbaner_panel_55 .right_side_design .image_part img {
    width: 100%;
    height: auto;
}
.topbaner_panel_55 .right_side_design {
    width: 100%;
}
.topbaner_panel_55 .right_side_design .greywhiter_one {
    width: 98%;
    margin: 3px 4px;
    height: auto;
    padding: 10px;
}
.topbaner_panel_55 .right_side_design .greywhiter_one:nth-child(2) {
    width: 47%;
}
.topbaner_panel_55 .right_side_design .greywhiter_one:nth-child(3) {
    width: 48%;
}
.topbaner_panel_11 .right_panel_box {
    width: 100%;
}
.topbaner_panel_11 .left_box {
    width: 100%;
    position: inherit;
        padding: 0px;
}
.topbaner_panel_11 .left_box h2 span {
    text-align: center;
}
    .topbaner_panel_11 .left_box h2 {
        text-align: center;
 }
.topbaner_panel_11 .left_box .para_content {
        text-align: center;
}
#return-to-top {
    bottom: 170px;
}
.glass_top_panel_menu_mobile_menu .getquate {
	font-family: "Outfit", sans-serif;
	font-size: 21px;
	font-weight: 500;
	background: #ea580c;
	border: none;
	color: #ffffff;
	padding: 12px 17px;
	border-radius: 7px;
	text-transform: capitalize;
	transition: 0.6s;
	width: 100%;
}
.glass_top_panel_menu_mobile_menu .getquate  span{padding-right: 7px;}
.glass_top_panel_menu_mobile_menu .getquate:hover {
	background: #1f2b5e;
	transition: 0.6s;
}
.glass_top_panel_menu_mobile_menu .getquatewq {
	font-family: "Outfit", sans-serif;
	font-size: 21px;
	font-weight: 500;
	background: transparent;
	border: 2px solid #ffffff;
	color: #ffffff;
	padding: 12px 17px;
	border-radius: 0px;
	text-transform: capitalize;
	transition: 0.6s;
	width: 100%;
	border-radius: 10px;
}
.glass_top_panel_menu_mobile_menu .getquatewq  span{padding-right: 7px;}
.glass_top_panel_menu_mobile_menu .getquatewq:hover {
	background: linear-gradient(135deg,#17c3b2,#0f8f83);
	transition: 0.6s;
	color: #fff;
}
.glass_top_panel_menu_mobile_menu .hyyy {
	
}
.glass_top_panel_menu_mobile_menu .social_media{
    color: #17222a;
    font-family: "Khand", sans-serif;
    font-size: 20px;
    display: table;
    margin: 0 auto;
}
.glass_top_panel_menu_mobile_menu .social_media ul{
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.glass_top_panel_menu_mobile_menu .social_media ul li{
	display: inline-block;
	padding: 1px 10px;
}
.glass_top_panel_menu_mobile_menu .social_media ul li:first-child{padding: 10px 0px;}
.glass_top_panel_menu_mobile_menu .social_media ul li a{
	color: #ffffff;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	font-size: 15px;
	text-align: center;
	line-height: 41px;
	background: #1455eb;
	padding: 0;
}
.glass_top_panel_menu_mobile_menu .social_media ul li:nth-child(2) a{
	background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
}
.glass_top_panel_menu_mobile_menu .social_media ul li:nth-child(3) a{
	background:#06e24f; 
}
.glass_top_panel_menu_mobile_menu .social_media ul li:nth-child(4) a{
	background:#ff0000; 
}
.topbaner_panel_3 {
    padding-top: 20px;
}
 .dddddead_buttontwo{
    background: #ea580c;
    color: #ffffff;
    padding: 16px 28px;
    border-radius: 999px;
    font-weight: 600;
    transition: 0.3s;
    font-size: 19px;
    border: 2px solid #0f172a;
    font-family: "Outfit", sans-serif;
    position: fixed;
    bottom: 40px;
    letter-spacing: 0;
    right: 0;
    z-index: 9;
    left: 0;
    margin: 0 auto;
    width: fit-content;
    display:block;
}
.dddddead_buttontwo span{
	
font-size: 18px;
	
margin-right: 10px;
}
.dddddead_buttontwo:hover{
      background: #fff;
      color: #ea580c;
}
.topbaner_panel_3 .left_content_panel .vac_text {
    padding: 7px 9px;
    width: fit-content;
    text-align: center;
    letter-spacing: 0px;
    margin: 0 auto;
}
.topbaner_panel_3 .left_content_panel h1 {
    text-align: center;
}
.topbaner_panel_3 .left_content_panel p {
    text-align: center;
}
.topbaner_panel_8 h2 {
    font-size: 25px;
}
.topbaner_panel_9 h2 {
    font-size: 32px;
}
.topbaner_panel_9 p {
    margin-bottom: 20px;
}
.topbaner_panel_9 .services_details_box {
    padding: 15px;
}
.inn_bedcame h1 {
    font-size: 29px;
}
.inn_bedcame h2 {
    font-size: 29px;
}
.inn_bedcame {
    padding: 110px 20px 60px;
}
.topbaner_panel_55 .left_side_design h2 {
    font-size: 35px;
    line-height: 37px;
}
.freedom_tex_panel_design_jio_19 p {
    padding: 10px 0px;
}
.freedom_tex_panel_design_jio_19 .ljio {
    flex-direction: column;
}
.freedom_tex_panel_design_jio_19 .kio_box {
    align-items: center;
}
.freedom_tex_panel_design_jio_19 .kio_box h2 {
    text-align: center;
}
.freedom_tex_panel_design_jio_19 .kio_box .photo_des {
    display: block;
    margin: 0 auto;
}
.freedom_tex_panel_design_jio_19 .kio_box h3 {
    font-size: 22px;
}










	
}

/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {

	.container{
		width:470px;
	}
.container-fluid {
	width:100%;
}
	
	
	
	
	
}

@media only screen and (min-width: 300px) and (max-width: 479px) {
.center_contanier{
	width: 100%; margin:0 auto;
}
.smallcenter_contanier{
	width: 100%; margin:0 auto;
}
.small_net_center_contanier{
	width: 100%; margin:0 auto;
}
.center_big_contanier{
	width: 100%; margin:0 auto;
}
.center_smallbig_contanier{
	width: 100%; margin:0 auto;
}
.container-fluid {
	width:100%;
}


}