@import url('https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

body {font-size: 16px; font-family: "Lato", sans-serif; line-height: 1.5; color: #000; margin: 0; padding: 0; }
html {scroll-behavior: smooth; }
h1,h2,h3,h4,h5,h6 {font-family: "Exo 2", sans-serif; margin: 0; padding: 0; }
p {margin: 0; padding: 0;}
img {max-width: 100%; }
a {text-decoration: none!important; color: white !important;}
ul {list-style: none;padding: 0;margin: 0;}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none; margin: 0; }
span.line {position: relative; z-index: 999; }
span.line::before {content: ""; position: absolute; background: url(img/line1.png) no-repeat center bottom; top: 0; bottom: -4px; left: 0; right: 0; z-index: -1; background-size: contain; }
.no_space {padding-right: 0px; padding-left: 0px; }
.sec {width: 100%; padding: 60px 0; }
.yellow {color: #ebd000;}
.main_btn1 {background: #ebd000; padding: 15px 40px; display: inline-block; border-radius: 50px; color: #000 !important; transition: linear 0.3s; }
.main_btn1:hover {color: #ebd000 !important; background: #2F48EB; background: linear-gradient(90deg, rgba(47, 72, 235, 1) 0%, rgba(16, 34, 162, 1) 50%); }
.boxes {height: 90px; width: 90px; background-color: #f0f0f0; border-radius: 7px; -webkit-transform: rotate(35deg); transform: rotate(35deg); }
.bg-blue { background: #2F48EB; background: linear-gradient(90deg, rgba(47, 72, 235, 1) 0%, rgba(16, 34, 162, 1) 50%); }
.bg-yellow {background: #ebd000;}
.bg-grey {background: #f6f6f6;}
.clr-white {color: #fff !important;}
.clr-black {color: #000 !important;}
.clr-yellow {color: #ebd000 !important;}

/****************************************************************/
.header {width: 100%; position: absolute; }
.navbar-expand-lg .navbar-collapse {display: flex !important; flex-basis: auto; }
.navbar-expand-lg .navbar-nav .dropdown-menu {
    background: #ebd000;
    transition: linear 0.3s;
}

a.dropdown-item {
    color: #000 !important;
}
.head_num ul li a {
    font-size: 14px;
    transition: linear 0.3s;
    font-weight: 600;
}

.head_num ul li a span {
    font-size: 16px;
}

.head_num ul li a:hover {
    color: #ebd000 !important;
}

.head_right .link-review {
    padding: 5px 10px;
    margin-right: 20px;
}

.head_right .link-review span {
    display: inline-block
}

.head_right .link-review .review-rating {
    padding: 5px 5px;
    vertical-align: bottom;
    background: #ebd000;
    border-radius: 4px;
    margin-right: 4px;
    color: #000000;
}

.head_right .link-review .review-stars {
    line-height: normal;
    vertical-align: sub;
    font-size: 16px;
    color: #ffffff;
    text-align: center
}

.head_right .link-review .review-stars span {
    display: block
}

.head_right .link-review .review-stars span i {
    font-size: 10px;
    color: #ebd000;
}

.head_right ul li a.main_btn1 { padding:10px 30px; }

/****************************************************************/
.h_banner {width: 100%; background: url(img/main_banner.jpg) no-repeat center; background-size: cover; padding: 120px 0 100px; }
.ban_left {color: #fff; }
.ban_right img {filter: drop-shadow(25px 5px 10px #000);}
.h_banner.ser {padding: 50px 0 150px; background: url(../assets/img/main_banner.jpg) no-repeat center bottom; background-size: cover;
}
/****************************************************************/
.s1_box p {font-size: 18px;color: #000;padding: 10px;}
.s1_icon {width: 100%;position: relative;z-index: 999;}
.s1_icon::before {content: "";position: absolute;width: 90px;height: 91px;z-index: -1;border-radius: 50%;background: #2F48EB;/* background: linear-gradient(90deg, rgba(47, 72, 235, 1) 0%, rgba(16, 34, 162, 1) 50%); */border: 2px solid #ebd000;}

/****************************************************************/
.s2_bot {width: 100%; background: #fff; padding: 40px; animation-duration: 2s; border-radius: 10px; box-shadow: 0px 0px 126px 9px rgba(19.99999999999993, 0, 255, 0.06); } 
.s2_bleft {width: 90%; position: relative; } 
.s2_bleft::before {content: ""; position: absolute; background: url(img/s2_quotes.png) no-repeat right; top: 60%; bottom: 0; left: 0; right: 0; background-size: 25%; } 
.s2_bleft ul li {display: inline-block; } 
.s2_bleft ul li span {color: #ffc107; } 
.s2_bleft p {font-size: 20px; margin: 20px 0 40px; } 
.s2_box {width: 100%; display: flex; justify-content: flex-start; align-items: center; position:relative; z-index:999; } 
.s2_text {width: auto; padding: 0 0 0 20px; } 
.s2_text h3 {font-weight: 700; color: #04091E; } 
.s2_text p {margin: 0; font-size: 18px; } 
.s2_btn {margin: 0 0 0 50px; }
.s2_bright {width: 100%; text-align: center; } 
.s2_bright img {border-radius: 10px; }
.s2_bot .owl-prev{font-size: 15px;color: #000000;background: #fff;border-radius: 50%;padding: 15px 15px;width: 50px;height: 50px;top: 40%;left: 101%;transition: linear 0.3s;}
.s2_bot .owl-prev:hover {background: #000000;color: #ffffff;}
.s2_bot .owl-next{font-size: 15px;color: #000000;background: #ffffff;border-radius: 50%;padding: 15px 15px;width: 50px;height: 50px;left: -7%;right: 0;top: 40%;transition: linear 0.3s;transform: rotate(180deg);}
.s2_bot .owl-next:hover {background: #000000;color: #ffffff;}

/****************************************************************/
.s3_box {width: 100%; } 
.s3_box a {padding: 20px;display: block;font-size: 18px;color: #000000 !important;box-shadow: 0 1px 5px .2px #00000085;border-radius: 5px;background: #ebebeb;/* background: linear-gradient(90deg, rgba(47, 72, 235, 1) 0%, rgba(16, 34, 162, 1) 50%); */transition: linear 0.3s;}
.s3_box a:hover {background: #2F48EB;color: #ffffff !important;/* background: linear-gradient(90deg, rgba(47, 72, 235, 1) 0%, rgba(16, 34, 162, 1) 50%); */}

/****************************************************************/
.s4_box {width: 100%; box-shadow: 0 0 4px 1px rgba(0, 0, 0, .1); background: #fff; border-radius: 5px; } 
.s4_btop {border-radius: 5px 5px 0px 0px; } 
.s4_bbot ul li a {opacity: 0; border-radius: 50px;} 
.s4_bbot ul li:hover a {opacity: 1;}

/****************************************************************/
#accordionExample .panel {border: 1px solid #0000001f; border-radius: 5px; margin: 0 0 26px; }
#accordionExample .panel-title {font-weight: 600; padding: 30px 35px; color: #000; font-size: 18px; }
.accordion-button::after {font-family: "FontAwesome"; content: "\f067"; font-weight: 400; font-size: 18px; background-image: none; }
.accordion-button:not(.collapsed)::after {content: "\f00d"; transform: rotate(0deg); background-image: none; }
.accordion-button {background: transparent !important; box-shadow: none !important; }
.accordion-button.collapsed {background: transparent; }
.accordion-body {padding: 0 35px 30px; }

/****************************************************************/
.s6_box .s6_count {margin: 0 55px; padding: 45px 20px; border-radius: 50%; background: #ebebeb; box-shadow: 0px 8px 5px 4px #00000040; }
.s6_box .s6_count h4 {font-size: 40px; color: #000000; }
.s6_box p {font-weight: 600; }

/****************************************************************/
.s7_bot {width: 100%;background: #f6f6f68a url(img/s7_img1.png) no-repeat center;background-size: contain;display: inline-block;background-blend-mode: overlay;overflow: hidden;}
.s7_bot ul {position: absolute;} 
.s7_bot ul li img {width: 30%; } 
.s7_bot ul li {display: inline-block;} 
.s7_bot ul li:nth-child(1) img {top: 50px;position: relative;left: -50px;width: 9%;} 
.s7_bot ul li:nth-child(2) img {top: 270px;position: relative;left: -86%;width: 10%;} 
.s7_bot ul li:nth-child(3) img {top: 200px;position: relative;left: 90%;width: 6%;} 
.s7_bot ul li:nth-child(4) img {top: 40px;position: relative;left: -21%;width: 7%;} 
.s7_bot ul li:nth-child(5) img {top: -70px;position: relative;left: 90%;width: 9%;} 
.s7_bot ul li:nth-child(6) img {top: -70px;position: relative;left: -80%;width: 8%;} 
.s7_bot ul li:nth-child(7) img {top: -101px;position: relative;left: 30px;width: 8%;}
.s7_box {width: 100%; padding: 60px 150px 100px 150px; } 
.s7_box_img img {width: 10%; }
.s7_box p {margin: 10px 0 5px; }
.s7_box h3 {font-size: 20px;font-weight: 800;}
.s7_bot .owl-prev{font-size: 15px;color: #000000;background: #fff;border-radius: 50%;padding: 15px 15px;width: 50px;height: 50px;top: 40%;left: 96%;transition: linear 0.3s;}
.s7_bot .owl-prev:hover {background: #000000;color: #ffffff;}
.s7_bot .owl-next{font-size: 15px;color: #000000;background: #ffffff;border-radius: 50%;padding: 15px 15px;width: 50px;height: 50px;left: 0;right: 0;top: 40%;transition: linear 0.3s;transform: rotate(180deg);}
.s7_bot .owl-next:hover {background: #000000;color: #ffffff;}

/****************************************************************/
.h_sec8 {background: #3a435d; background-image: url(img/s8_banner.png); background-repeat: no-repeat; background-position: left; } 
.s8_box ul li {background: #ccc; margin: 0 10px; padding: 10px 10px; border-radius: 50px; transition: linear 0.3s; } 
.s8_box ul li:hover {background: #ebd000; } 
.s8_box ul li a {font-size: 18px; color: #000 !important; } 
.s8_box ul li a span {background: #000; padding: 5px 10px; border-radius: 50px; color: #fff; margin: 0 10px 0 0; } 
.s8_box>a {font-size: 30px; color: #ffffff !important; margin: 20px 0 0; display: inline-block; } 
.s8_box>a:hover {color: #ebd000 !important; }

/****************************************************************/
.s9_box h3,.s9_box p {margin: 0 0 10px; } 
.s9_box ul li {list-style: inside; }

/****************************************************************/
.footer {width: 100%; background: #3a435d; } 
.foot_top h4 {color: #ebd000; margin: 0 0 15px; } 
.foot_tleft p {font-size: 14px; padding: 0 40px 0 0; } 
.foot_tleft ul.social_media li a {font-size: 22px; color: #ebd000 !important; margin: 0 10px 0 0; } 
.foot_tleft ul.social_media li a:hover {color: #ffffff !important; } 
.foot_tleft ul.contact_details li a,
.foot_tright ul li a {font-size: 14px; transition: linear 0.3s; } 
.foot_tleft ul.contact_details li a:hover, 
.foot_tright ul li a:hover {color: #ebd000 !important; } 
.foot_tleft ul.contact_details li a span {margin: 0 10px 0 0; color: #ebd000; font-size: 20px; }



/****************************************************************/
/****************************************************************/
/****************************************************************/
/****************************************************************/
/****************************************************************/

.in_header {
    background: #344CF4;
    background: linear-gradient(90deg, rgba(52, 76, 244, 1) 0%, rgba(38, 59, 212, 1) 50%, rgba(20, 37, 167, 1) 100%);
}
/****************************************************************/
.gtee_s1_icon { width:23%;  }

/****************************************************************/
.contact_s1_right input.form-control {
    background: #fff !important;
    border: 1px solid #d1d1d1 !important;
    margin: 0 0 15px;
    height: 50px;
    color: #000 !important;
}
.contact_s1_right textarea.form-control {
    background: #fff !important;
    border: 1px solid #d1d1d1 !important;
    margin: 0 0 15px;
    height: 150px;
    resize: none;
    color: #000 !important;
}
.contact_s1_right button {
    border: none;
}
/****************************************************************/
/****************************************************************/
/****************************************************************/
/****************************************************************/

/****************************************************************/
/* Custom Styles to match the image colors and layout */
        :root {
            --bs-main-bg: #333947;
            --bs-form-bg: #2b303a;
            --bs-primary-color: #6cf08a; /* Bright Green */
            --bs-input-bg: #3d434f;
            --bs-text-color: #ffffff;
            --bs-yellow-btn: #f7b32c;
        }

        .form-container {
            background-color: var(--bs-form-bg);
            padding: 30px;
            border-radius: 10px;
            border: 5px solid var(--bs-primary-color);
            max-width: 900px;
            margin: auto;
        }

        /* Input fields ki styling */
        .form-control, .form-select {
            background-color: var(--bs-input-bg) !important;
            color: var(--bs-text-color) !important;
            border: 1px solid var(--bs-primary-color) !important;
        }

        .form-control::placeholder {
            color: #a0a0a0;
        }
        
        /* Labels ki styling - image jaisa */
        .form-label, .words-label {
            color: #a0a0a0;
            font-size: 0.9rem;
            margin-bottom: 5px;
        }
        
        /* Custom Stepper Buttons (Yellow) */
        .input-group-stepper button {
            background-color: var(--bs-yellow-btn) !important;
            color: #000 !important;
            border: none;
            font-weight: bold;
            padding: 0.5rem 1rem; /* Image jaisa padding */
        }
        .input-group-stepper .form-control {
             padding: 0.5rem 0.75rem; /* Input height adjust kiya */
             text-align: center;
        }
        
        /* Calculator Display Styling */
        .calculator-area {
            display: flex;
            align-items: center;
            gap: 15px;
            border-left: 2px solid var(--bs-input-bg); /* Divider line */
            padding-left: 20px;
            flex-grow: 1;
        }

        .calc-item {
            flex-grow: 1;
            text-align: center;
        }
        
        .calc-label {
            display: block;
            color: var(--bs-primary-color);
            font-size: 0.7rem; /* Thoda chota font */
            font-weight: bold;
            text-transform: uppercase;
        }
        
        .calc-amount {
            display: block;
            color: var(--bs-primary-color);
            font-size: 1.5rem;
            font-weight: bold;
            line-height: 1.2;
        }
        
        .total-cost {
            background-color: var(--bs-input-bg);
            border-radius: 5px;
            padding: 5px 0;
        }

        /* Upload Buttons */
        .upload-btn {
            background-color: var(--bs-yellow-btn);
            color: #000;
            font-weight: bold;
            padding: 10px 15px;
            border-radius: 5px;
            cursor: pointer;
        }
        
        /* Details Heading */
        h5 {
            color: var(--bs-text-color);
            margin-top: 20px;
        }
/****************************************************************/
/****************************************************************/
/****************************************************************/
/****************************************************************/
/****************************************************************/
/****************************************************************/