/* Reset & Base */
h1,h2,h3,h4,h5,h6,p,span,ul,li,a{margin:0;padding:0;font-family:'Manrope',sans-serif;}
a{text-decoration:none!important;}
body{margin:0;padding:0;font-family:'Manrope',sans-serif;}
li{list-style:none;}
img{max-width:100%;height:auto;}
.no_space{padding-right:0;padding-left:0;}

/* Buttons */
.main_btn{color:#ffffff;padding:14px 44px;display:inline-block;font-size:15px;border:none;border-radius:4px;background:#377DFF;background-size:212%;background-position:right bottom;transition:all 0.5s ease;font-weight:700;text-transform:capitalize;box-shadow:0px 10px 30px 0px #c2d4f6;}
a.main_btn:hover{color:#fff;transform:translateY(-8px);}

/* Containers */
.container{width:100%;max-width:1240px;margin:0 auto;padding:0 15px;}

/* Sections */
.sec{padding:50px 0;background:#2d2e87;color:#fff;}

/* Number input fix */
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}
input[type=number]{-moz-appearance:textfield;}

/* Global overflow fix */
html,body{overflow-x:hidden;}

/* Responsive Media Queries */

/* Medium screens */
@media screen and (max-width:980px){
    .main_btn{padding:12px 30px;font-size:14px;}
    .sec{padding:40px 20px;}
}

/* Small screens / Mobile */
@media screen and (max-width:767px){
    .main_btn{padding:10px 20px;font-size:13px;}
    .container{padding:0 10px;}
    .sec{padding:30px 15px;}
}

/* sidebar form */
.sidebar_form_bg{width:250px;position:fixed;top:20%;left:0;transform:translateX(-250px); /* hidden */border-radius:5px;transition:all .3s ease;z-index:99;box-shadow:46px 5px 10px 0 #00000029;}

/* 🔥 HOVER PAR OPEN */
.sidebar_form_bg:hover{transform:translateX(0);}

/* head */
.sidebar_head{position:absolute;transform:rotate(-90deg);right:-168px;background:#ff6b18;padding:10px;color:#fff;top:130px;width:300px;text-align:center;border-radius:0 0 5px 5px;font-weight:bold;cursor:pointer;}
.sidebar_head h3{font-size:18px;}

/* form */
.sidebar_form{background:#fff;padding:30px;height:300px;display:flex;flex-direction:column;justify-content:center;border:2px solid #04284a;}
.sidebar_form .form-control{padding:13px;height:auto;border:2px solid #04284a;}
.sidebar_form button.ban_btn{display:block;width:100%;padding:10px 0;border:none;background:#ff6b18;color:#fff;border-radius:6px;font-weight:600;}

/* sidebar form end */

/* -------- Scroll Reveal Base -------- */
.reveal,.reveal-right,.reveal-zoom{opacity:0;transition:all 0.9s ease-out;}

/* Fade Up */
.reveal{transform:translateY(40px);}
.reveal.active{opacity:1;transform:translateY(0);}

/* Fade from Left */
.reveal-right{transform:translateX(-40px);}
.reveal-right.active{opacity:1;transform:translateX(0);}

/* Zoom */
.reveal-zoom{opacity:0;transform:scale(0.8);}
.reveal-zoom.active{opacity:1;transform:scale(1);}

/************************** Popup ************************************/
.modal{top:0%;background:#000000de;}
.modal-dialog{max-width:0;margin:130px auto 0;}
.pop_heading{width:100%;padding:20px;}
.pop_heading h5{font-size:19px;font-weight:700;margin:0 0 15px;border-left:4px solid #377dff;padding:0 20px;line-height:29px;text-transform:uppercase;color:#000000;}
.pop_heading h4{font-size:15px;color:#858585;}
.field{width:100%;position:relative;margin:0 0 20px;}
span.pop_icon{position:absolute;color:#377DFF;left:13px;top:11px;}
.field .form-control{width:100%;border-radius:0;padding:3px 0 4px 37px;resize:auto;height:45px;border-radius:5px;border:1px solid #cdcdcd;color:#000;}
.modal-content{width:550px;border-radius:10px;background:#ffffff;}
#popupform p{text-align:center;font-size:14px;color:#ffffff;margin:19px 0 0;}
.modal-header{padding:0;border:none;}
button.pop_btn{font-size:16px;text-transform:uppercase;color:#fff;padding:10px 0;border:none;width:100%;background:#377DFF;border-radius:6px;}
button.close{background:url(404.html) no-repeat 0 0;width:20px;height:20px;position:absolute;top:9px;right:15px;display:block;opacity:1;}
.fade.in{overflow:hidden;}
.field textarea.form-control{height:110px;}
.modal{position:fixed;left:-28%;}

/************************** header************************************/
.header{width:100%;padding:0px;position:absolute;z-index:1;}
.head_bot{padding:3px 0;background:#3338a1;height:100px;border-radius:10px;}
.logo{width:100%;padding:6px 0;text-align:center;}
.logo img{max-width:175px;}
.head_top{text-align:right;padding:10px 0 30px;}
.head_top ul li{display:inline-block;margin:0 0 0 22px;}
.head_top ul li a{color:#fff;}
.head_mid{width:100%;padding:30px 0;}
.head_mid .navbar-nav > li{display:inline-block;float:none;}
.main_navigation{width:100%;padding:9px 0;}
.navbar-inverse{background-color:transparent;border:none;}
.navbar-collapse.collapse{float:none;padding:0;}
.navbar-inverse .navbar-nav > li > a{color:#fff;padding:0 14px;font-size:16px;text-transform:capitalize;font-weight:600;}
.dropdown-menu{padding:8px 0;margin:0;background-color:#fff;top:65px;}
ul.dropdown-menu{position:absolute;width:250px;top:45px;left:0;margin:auto;background:#ffffff;padding:5px 25px 25px 20px;text-align:left;border-radius:0 0 5px 5px;}
.dropdown-menu > li > a{color:#000000;text-align:left;font-size:15px;text-transform:capitalize;font-weight:500;padding:10px 0 5px;}
.dropdown-menu > li > a:hover,.dropdown-menu > li > a:focus{background:transparent;color:#000;border-bottom:1px solid #000;}
ul.dropdown-menu li{width:100%;border-bottom:1px solid #ffffff;}
.caret{color:#ff002f;margin-left:9px;}
.navbar-inverse .navbar-nav > li > a:hover{color:#377dff;background:transparent;}
.navbar-inverse .navbar-nav > .open > a,.navbar-inverse .navbar-nav > .open > a:hover,.navbar-inverse .navbar-nav >
.open > a:focus{color:#000;background-color:transparent;}
.nav.navbar-nav{display:block;text-align:center;}
.navbar-nav{float:none;}
.navbar.navbar-inverse{margin-bottom:0;}
.navbar{min-height:auto;}
.dropdown-submenu{position:relative;}
.dropdown-submenu > .dropdown-menu{top:0;left:100%;margin-top:-1px;}
.dropdown-submenu:hover > .dropdown-menu{display:block;}
.navbar-inverse .navbar-nav > li > a.main_btn{padding:10px 30px;top:14px;color:#000;font-weight:600;}
.navbar-inverse .navbar-nav > li > a.main_btn:hover{background:#342ead;color:#fff;}
.head_right{width:100%;text-align:center;padding:18px 0;}
.head_right ul li{display:inline-block;margin:0 0 0 20px;}
.head_right ul li a:hover{color:#ffffff;}
.head_right ul li span{margin:0 10px 0 0;}
.icon img{max-width:20px;}
.head_right a.main_btn:hover{transform:none;}
.navbar-inverse .navbar-nav > .open > a,.navbar-inverse .navbar-nav > .open > a:hover,.navbar-inverse .navbar-nav > .open > a:focus{color:#fff;background-color:transparent;}
.media{display:flex;align-items:center;color:#fff;}
.float-btn1{display:inline-block;padding:5px 30px;background:#25D366; /* WhatsApp green */color:#fff;text-decoration:none;font-size:16px;font-weight:600;border-radius:50px; /* Fully rounded */box-shadow:0 8px 15px rgba(37,211,102,0.4);position:relative;/* animation:floatMove 3s cubic-bezier(.25,.46,.45,.94) infinite,glow 2s ease-in-out infinite alternate; */transition:transform 0.3s ease,box-shadow 0.3s ease;}

/* Hover effect */
.float-btn1:hover{transform:translateY(-8px) scale(1.08);box-shadow:0 12px 25px rgba(37,211,102,0.6);}

/* Floating movement */
@keyframes floatMove{
    0%{transform:translate(0,0) scale(1);}
    25%{transform:translate(15px,-8px) scale(1.03);}
    50%{transform:translate(25px,12px) scale(1.05);}
    75%{transform:translate(15px,8px) scale(1.03);}
    100%{transform:translate(0,0) scale(1);}
}

/* Glowing effect */
@keyframes glow{
    0%{box-shadow:0 8px 15px rgba(37,211,102,0.4),0 0 20px rgba(37,211,102,0.2);}
    100%{box-shadow:0 12px 25px rgba(37,211,102,0.6),0 0 30px rgba(37,211,102,0.4);}
}

/************************** banner************************************/
.h_banner{width:100%;padding:180px 0 160px;color:#fff;background-position:top center;background:linear-gradient(rgb(43 41 62 / 50%),#3338a1),url(img/ban_img1.jpg) no-repeat center top;background-size:cover;position:relative;}
.ban_left{width:100%;margin:100px 0 0;}
.ban_left h1{font-size:70px;font-weight:700;margin:20px 0 0;padding:0 0px 0 0;line-height:1.3;}
.ban_left p{font-size:16px;margin:10px 0 10px;}
.ban_left a{margin:40px 0 0;}
.ban_right{display:flex;flex-wrap:wrap;justify-content:space-evenly;align-items:center;background:#fff;padding:10px 10px;border-radius:10px;margin:70px 0 0;}
.ban_right img{max-width:22%;}
.float-btn1{display:inline-flex;align-items:center;gap:10px;padding:3px 22px;background:#ff6b18;color:#fff;border-radius:40px;text-decoration:none;font-weight:600;}

/************************** section1************************************/
.h_sec1{width:100%;text-align:center;background:#3a43c4;padding:40px 0;color:#fff;}
span.elementor-icon{font-size:36px;color:#68dff9;}
.s1_box h5{font-size:15px;text-transform:uppercase;}

/************************* section2***********************************/
.h_sec2{width:100%;padding:50px 0;background:#2d2e87;color:#fff;}
.s2_left h4{color:#ff6b18;}
.s2_left h2{font-size:50px;line-height:60px;margin:20px 0 30px;}
.s2_left p{margin:0 0 30px;font-size:17px;}

/************************** section3***********************************/
.h_sec3{background:#2d2e87;}
.pricing-box{margin: 0 0 30px;background:#3a43c4;padding:25px;border-radius:10px;box-shadow:0 5px 20px rgba(0,0,0,0.08);transition:0.3s;color:#fff;}
.pricing-box:hover{transform:translateY(-5px);}
.pie-chart{width:132px;height:132px;border-radius:50%;margin:0 auto 15px;position:relative;    /* 75% filled example */background:conic-gradient(#68DFF9 0% 75%,#3A43C4 75% 100%);display:flex;align-items:center;justify-content:center;}

/* Inner white circle (donut effect) */
.pie-chart::before{content:"";width:120px;height:120px;background:#3a43c4;border-radius:50%;position:absolute;}
.chart-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.chart-icon i{font-size:30px;color:#68DFF9;}
.title{font-weight:600;}
.speed{color:#efdede;}
.features li{margin:10px 0;font-size:14px;text-align:left;}
.features i{color:#28a745;margin-right:5px;}
.price{margin:15px 0;}
.currency{font-size:18px;}
.amount{font-size:32px;font-weight:bold;}
.duration{color:#d9cbcb;}
.desc{font-size:14px;margin-bottom:15px;}
.call-btn{background:linear-gradient(45deg,#000,#FFD700);border:none;padding:10px 20px;color:#000;font-weight:600;}

/************************** section 4 ************************************/
.h_sec4{width:100%;background:#2d2e87;color:#fff;}
.s4_left img{width:100%;height:555px;object-fit:cover;border-radius:10px 10px 10px 10px;}
.s4_boxes{margin-top:20px;display:flex;flex-wrap:wrap;}
.s4_boxes > div{display:flex;}
.s4_boxes .box{background:#3a43c4;padding:20px;margin-bottom:20px;border-radius:6px;transition:0.3s;width:100%;display:flex;flex-direction:column;justify-content:flex-start;box-shadow:0 2px 8px rgba(0,0,0,0.05);border:1px solid #ffffff21;text-align:center;}
.s4_boxes .box:hover{background:#2D2E87;transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,0,0,0.08);}
.s4_boxes h4{font-size:18px;margin-bottom:10px;min-height:40px; /* headings align karne ke liye */}
.s4_boxes p{font-size:14px;margin:0;}
.s4_box{text-align:center;background:#3a43c4;padding:80px 10px 40px;margin:10px 0;border-radius:10px;}
.s4_box h4{color:#68dff9;}

/************************** section 5 ************************************/
.s5_right img{width:100%;height:555px;object-fit:cover;border-radius:10px 10px 10px 10px;}
.s5_left h2{font-size:45px;font-weight:700;}
.s5_left p{margin:20px 0;font-size:15px;}
.s5_box{text-align:center;background:#3a43c4;padding:80px 10px 40px;margin:10px 0;border-radius:10px;}
.s5_box h4{color:#68dff9;}

/************************** how-it-works ************************************/
.how-it-works{padding:80px 0;background:linear-gradient(135deg,#2d2e87,#3f43c6);color:#fff;position:relative;overflow:hidden;}

/* left side */
.small-title{color:#ff6a00;font-size:13px;letter-spacing:2px;text-transform:uppercase;margin-bottom:15px;}
.main-title{font-size:48px;font-weight:700;line-height:1.2;margin-bottom:20px;}
.desc{font-size:16px;color:#dcdcff;margin-bottom:30px;}
.how-it-works img{border-radius:12px;width:100%;}

/* right card */
.steps-wrapper{background:rgba(255,255,255,0.05);padding:35px;border-radius:15px;backdrop-filter:blur(10px);}

/* each step */
.step-box{padding:20px 0;border-bottom:1px solid rgba(255,255,255,0.1);}
.step-box:last-child{border-bottom:none;}

/* number circle */
.step-number{position:relative;}
.step-number h2{width:60px;height:60px;background:rgba(255,255,255,0.08);border-radius:50%;text-align:center;line-height:60px;font-size:24px;margin:5px 0 0;}
.step-number span{font-size:14px;color:#ff6a00;letter-spacing:1px;display:block;font-weight:800;}

/* content */
.step-content h4{margin-top:0;font-size:20px;font-weight:600;}
.step-content p{font-size:14px;color:#cfcfff;margin-bottom:0;}

/* spacing fix */
.step-content{padding-left:10px;}

/* responsive */
@media (max-width:991px){
    .main-title{font-size:32px;}
    .steps-wrapper{margin-top:30px;}
}

/************************** why-us-section ************************************/
.why-us-section{padding:80px 0;background:#3b3f92; /* purple background */color:#fff;}

/* Left Image */
.why-img img{border-radius:12px;width:100%;}

/* Right Content */
.why-content{padding-left:30px;}
.small-title{color:#ff7a00; /* orange */font-size:14px;text-transform:uppercase;letter-spacing:1px;margin-bottom:15px;font-weight:600;}
.main-title{font-size:42px;font-weight:800;margin-bottom:20px;line-height:1.2;color:#fff;}
.desc{color:#d6d6f0;margin-bottom:40px;line-height:1.7;}

/* Icon Box */
.icon-box{display:flex;align-items:flex-start;margin-bottom:30px;}

/* Circle Icon */
.icon-box .icon{min-width:60px;height:60px;background:#fff;border-radius:50%;text-align:center;line-height:60px;margin-right:20px;}
.icon-box .icon i{color:#ff7a00;font-size:22px;}

/* Text */
.icon-box .content h4{margin:0 0 5px;font-size:20px;font-weight:700;color:#ff7a00;}
.icon-box .content p{margin:0;color:#d6d6f0;line-height:1.6;}

/* Responsive */
@media (max-width:991px){
    .why-content{padding-left:0;margin-top:40px;}
    .main-title{font-size:32px;}
}

/************************** contact-section ************************************/
.contact-section{background:#2f2f8f;padding:100px 0;position:relative;overflow:hidden; /* IMPORTANT */}

/* FIX ROW ALIGNMENT */
.contact-row{display:flex;align-items:center;}

/* MAP COLUMN */
.map-col{position:relative;}

/* MAP BOX */
.map-box{position:relative;z-index:2;margin-right:-120px; /* MORE OVERFLOW */}
.map-box iframe{width:84%; /* FIXED (pehle 84% tha ❌) */height:520px;border-radius:10px;box-shadow:0 15px 40px rgba(0,0,0,0.25);}

/* RIGHT CONTENT */
.contact-content{background:#f4f4f4;padding:60px;border-radius:10px;position:relative;z-index:1;margin-left:-60px;}

/* TEXT */
.small-title{color:#ff6b2c;text-transform:uppercase;letter-spacing:1px;margin-bottom:15px;}
.main-title{font-size:40px;font-weight:700;color:#000;margin-bottom:20px;}
.desc{color:#000;margin-bottom:40px;}

/* ORANGE LINE */
.contact-content:after{content:"";position:absolute;bottom:0;left:0;height:5px;width:100%;background:#ff6b2c;}

/* BOTTOM BLUE */
.info-boxes{background:#3a3aa0;margin:0 -60px -60px -60px;padding:40px 60px;border-radius:0 0 10px 10px;}

/* INFO BOX */
.info-box{text-align:center;color:#fff;}

/* ICON */
.info-box .icon{width:65px;height:65px;background:#fff;color:#ff6b2c;border-radius:50%;line-height:65px;margin:0 auto 15px;font-size:22px;}

/* TEXT */
.info-box h5{font-weight:600;}
.info-box p{font-size:14px;color:#ddd;}

/* RESPONSIVE */
@media (max-width:991px){
    .contact-row{display:block;}
    .map-box{margin-right:0;}
    .map-box iframe{width:100%;height:400px;}
    .contact-content{margin-left:0;margin-top:30px;}
    .info-boxes{margin:0;padding:30px;}
}

/************************** section 6 ************************************/
.h_sec6{text-align:center;padding:100px 0 400px;background:#3b3f92bf url(img/s6_img1.jpg) no-repeat center;background-size:cover;background-blend-mode:overlay;position:relative;}
.s6_left h2{font-size:75px;margin:0 130px 0;font-weight:700;}
.s6_left p{font-size:16px;margin:30px 270px;}

/************************** section 7 ************************************/
.h_sec7{padding:320px 0;background:linear-gradient(#3a43c4cc,#2d2e87),url(img/s7_img1.jpg) no-repeat center top;background-size:cover;}
.s7_content{text-align:center;margin:0 0 50px;}
.s7_content{text-align:center;margin:0 0 50px;}
.s7_content h4{color:#ff6b18;}
.s7_content h2{font-size:45px;font-weight:700;margin:10px 0 20px;}
.s7_form{padding:60px;background:#3a43c4;height:810px;border-radius:12px;position:absolute;left:0;right:0;top:-580px;bottom:0;}
.s7_form .form-control{height:42px;background-color:#fff;border:none;border-radius:30px;}
.s7_form button{display:inline-block;width:100%;padding:10px 0;border-radius:30px;border:none;background:#e46530;}

/************************** newsletter-section ************************************/

/* MAIN SECTION */
.nt-section {
    background: #3338a1;
    padding: 60px 0;
    color: #fff;
    width: 100%;
}

/* WRAPPER - Desktop par dono sides ko alag rakhega */
.nt-wrapper {
    display: flex;
    flex-wrap: wrap; /* Takay space kam hone par automatic niche aa jaye */
    justify-content: space-between;
    align-items: center;
    gap: 30px;
}

.nt-left, .nt-right {
    flex: 1; /* Dono ko barabar space dene ke liye */
    min-width: 300px; /* Mobile par overlap se bachane ke liye */
}

/* FORM STYLES */
.nt-form {
    display: flex;
    align-items: center;
    gap: 10px;
}

.nt-input {
    padding: 15px 20px;
    border: none;
    border-radius: 30px;
    flex-grow: 1; /* Input field bachi hui jagah le legi */
    max-width: 350px;
    outline: none;
    background: #e5e5e5;
}

.nt-btn {
    background: #ff6a00;
    color: #fff;
    border: none;
    padding: 15px 30px;
    border-radius: 30px;
    cursor: pointer;
    font-weight: 600;
    white-space: nowrap; /* Button text wrap na ho */
}

/* RIGHT CARD */
.nt-card {
    display: inline-flex; /* Sirf utni hi width le jitni zaroorat hai */
    align-items: center;
    gap: 15px;
    border: 1px solid rgba(255,255,255,0.2);
    padding: 15px 25px;
    border-radius: 12px;
    float: right; /* Desktop par right side align rahega */
}

.nt-icon {
    background: #ff6a00;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.nt-icon i { color: #fff; font-size: 20px; }
.nt-text span { font-size: 12px; letter-spacing: 1px; color: #ffb37a; display: block; }
.nt-text h3 { margin: 2px 0 0; font-size: 20px; white-space: nowrap; }

/* --- RESPONSIVE SETTINGS --- */

@media (max-width: 991px) {
    .nt-wrapper {
        justify-content: center;
        text-align: center;
    }
    .nt-card {
        float: none; /* Tablet/Mobile par center rahega */
    }
}

@media (max-width: 767px) {
    .nt-section { padding: 40px 15px; }
    
    .nt-form {
        flex-direction: column; /* Mobile par input aur button ek ke niche ek */
        width: 100%;
    }
    
    .nt-input, .nt-btn {
        width: 100%; /* Mobile par full width */
        max-width: 100%;
    }
    
    .nt-card {
        width: 100%;
        justify-content: center; /* Card content center mein */
    }
}
/************************** footer ************************************/

/* MAIN FOOTER */
.footer{background:#3f43a3;color:#fff;padding:40px 0 20px;font-family:Arial,sans-serif;}

/* BRAND */
.ft-brand{font-size:18px;margin:0;}

/* LINKS */
.ft-links{list-style:none;padding:0;margin:0;display:flex;justify-content:flex-end;gap:20px;flex-wrap:wrap;}
.ft-links li a{color:#dcdcff;text-decoration:none;font-size:14px;}
.ft-links li a:hover{color:#fff;}

/* DIVIDER */
.ft-divider{height:1px;background:rgba(255,255,255,0.2);margin:20px 0;}

/* COPYRIGHT */
.ft-bottom p{font-size:13px;color:#dcdcff;margin:0;}

/* RESPONSIVE */
@media (max-width:768px){
    .ft-links{justify-content:center;text-align:center;margin-top:15px;}
    .ft-brand{text-align:center;margin-bottom:10px;}
}

/*inner section*/
.inner_page_banner{width:100%;padding:240px 0 30px;text-align:center;background:#2d2e87;color:#fff;}
.inner_page_banner h3{font-size:50px;color:#ffffff;text-transform:capitalize;font-weight:800;}
.terms_section{width:100%;padding:40px 0;}
.terms_section h5{margin:20px 0;font-size:20px;text-transform:capitalize;font-weight:700;}
.terms_section p{margin:10px 0;color:#666;font-size:16px;}
.terms_section ul li:before{content:"";position:absolute;left:-23px;background:#ff7000;width:1%;height:4px;border-radius:50px;top:10px;}
.terms_section ul li{list-style:none;font-size:16px;margin:0 0 20px;position:relative;color:#000;}
.terms_section ul li a{color:#102a45;text-transform:capitalize;}
.terms_section .form-control{resize:none;border-radius:0;height:auto;padding:13px;border-color:#ccc;}
.terms_section_form{width:100%;}
.terms_section_form h5{font-size:22px;margin:0 0 30px;}
.terms_s_left{width:100%;padding:90px 0;}
.terms_s_left h3{font-size:24px;margin:0 0 10px;}
.terms_s_left p{color:#666;}
.capbox0{width:100%;margin:10px 0;overflow:hidden;}
#CaptchaDiv0{width:20%;background:#fff;padding:9px 12px;margin:0 0 15px;border-radius:0;float:left;border:2px solid #ccc;}
.capbox-inner0{padding:3px 13px;width:76%;float:left;border-radius:0;margin:0 0 0 20px;border:2px solid #ccc;}
#CaptchaInput0{margin:1px 0px 1px 30px;width:130px;border-radius:0;padding:4px;border:2px solid #ccc;}
button.cont_but{font-size:18px;background:#000;color:#fff;border-radius:0;padding:12px 0;box-shadow:0px 5px 15px #00000087;transition:0.3s ease-in;text-transform:uppercase;display:inline-block;width:100%;border:none;}

/* =========================
   GLOBAL FIX (IMPORTANT)
========================= */
*{box-sizing:border-box;}
body{overflow-x:hidden; /* only safety net */}
img{max-width:100%;height:auto;}

/* =========================
   1366px
========================= */
@media screen and (max-width:1366px){
    .h_banner{padding:180px 0 110px;background-position:bottom;}
    .ban_left h1{font-size:34px;}

    /* FIX: overflow issue removed */
    .s2_right:before{content:"";position:absolute;right:0;   /* FIXED */top:270px;}
    .s7_text{height:150px;}
}

/* =========================
   980px (Tablet Fix)
========================= */
@media screen and (max-width:980px){
    .modal-content{width:100%;max-width:710px;}
    .head_top{padding:0;}
    .logo{padding:12px 0;}
    .navbar-inverse .navbar-nav > li > a{padding:0 8px;}
    .head_right{padding:8px 0;}
    .head_right .main_btn{padding:10px 22px;}
    .h_banner{background-position:top;}
    .ban_left h1{font-size:28px;padding:0;}
    .h_sec1{padding:40px 0;}
    .s1_box{padding:20px 0;margin:0 0 16px;}
    .h_sec2{padding:30px 0;}
    .s2_left{text-align:center;margin:0 0 50px;}
    .s2_left h2{font-size:30px;line-height:40px;}
    .s2_left h3{font-size:17px;line-height:20px;}
    .s2_left h4{font-size:16px;}
    .h_sec3{padding:40px 0;}
    .s3_left,.s3_right{padding:20px 28px;height:auto;   /* FIX overflow risk */}
    .h_sec4{padding:40px 0;}
    .s4_box{width:100%;margin:0 0 50px;}
    .s4_btext{height:auto;}
    .s5_right{padding:16px 20px;}
    .sec6{padding-bottom:20px;}
    .h_sec8{padding:50px 0 200px;}

    /* FIX: dangerous pseudo element */
    .s10_right:before{display:none;}
}

/* =========================
   767px (Mobile Fix - MAIN)
========================= */
@media screen and (max-width:767px){

    /* =========================
       HEADER FIX (IMPORTANT)
    ========================= */
    .head_top{position:relative;z-index:9999;padding: 6px 0;}

    /* LOGO FIX */
    .logo{float:left;width:auto;text-align:left;padding:10px 0;}
    .logo img{max-height:78px;}

    /* NAVBAR BUTTON POSITION FIX */
    .navbar-toggle{margin:10px 0 0;background:#000;position:relative;z-index:10000;}

    /* DROPDOWN MENU FIX (MAIN ISSUE) */
    .navbar-collapse{background:#fff;position:absolute;top:100%;left:0;width:100%;z-index:9998;box-shadow:0 10px 20px rgba(0,0,0,0.1);}

    /* MENU ITEMS */
    .navbar-inverse .navbar-nav > li > a{text-align:center;padding:12px 15px;border-bottom:1px solid #eee;}
    .navbar-inverse .navbar-nav > li{display:block;}
    
    .navbar-inverse .navbar-nav > li > a {color: #000000;}

    /* =========================
       REST OF YOUR CSS
    ========================= */
    .container{width:100%;padding-left:15px;padding-right:15px;}
    .head_right{display:none;}
    .h_banner{padding:40px 0 60px;text-align:center;}
    .ban_left {margin: 140px 0 0;}
    .ban_left h1{font-size:27px;}
    .banr_img5{display:none;}
    .pricing-box{margin-top:10px;}
    .h_sec6{padding:100px 0 50px;}
    .s6_left h2{font-size:30px;margin:0;}
    .s6_left p{font-size:14px;margin:12px 0;}
    .h_sec7{padding:50px 0;}
    .s7_form{position:relative;top:0;height:940px;padding:25px;}
    .s2_right:before{display:none;}
    .s4_right {
    text-align: center;
    margin: 20px 0 0;
}
    .s7_content h2{font-size:30px;}
}