@charset "utf-8";
@import url("animate.min.css");
@import url("menu.css");
@import url("owl.carousel.css");
@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,600,700|Open+Sans:400,700|PT+Sans:400,700|Oswald:400,700|Montserrat:400,700|Poppins:400,700');
/* CSS Document */

body { padding:0; margin:0; background:#e8e8e8;  }
h1,h2,h3,h4,h5,h6 { padding:0px; margin:0px; }
hr { margin:3px 0px 15px 0px; padding:0px; border-top:0px; border-bottom:1px solid #eee; height:0px; }
img { border:none; vertical-align:middle; }
.cl { clear:both; }
.img_left { background:#FFF; float:left; margin:5px 10px 10px 0; padding:3px; border:1px solid #CCC; -webkit-box-shadow:1px 1px 3px 1px rgba(0, 0, 0, 0.04); -moz-box-shadow:1px 1px 3px 1px rgba(0, 0, 0, 0.04); box-shadow:1px 1px 3px 1px rgba(0, 0, 0, 0.04); }

/*scroll to top start*/
.totop { position:fixed; bottom:80px; right:20px; z-index:104400; }
.totop a i { display:block; width:40px; height:40px; line-height:40px; text-align:center; font-size:25px; background:#FF0004; }
.totop a:hover i { background:rgba(60,60,60,1); }
.totop a, .totop a:visited { color:#FFF; }
.totop a:hover { color:#eee; text-decoration:none; }
/*scroll to top end*/

/*Preloader css start*/
#preloader { position:fixed; top:0; left:0; right:0; bottom:0; background-color:#FFF; z-index:99; }
#status { width:200px; height:200px; position:absolute; left:50%; top:50%; background:url(../images/preloader.gif) center center no-repeat; margin:-100px 0 0 -100px; }
/*Preloader css end*/

/*header div start*/
.header { margin-top:30px; }
.header_inner{ background:#FFF; padding:15px; border-radius:10px 10px 0px 0px; }
.logo { }
.logo img { width:100%; border:1px solid #EBE9E9; }
.c_name{ font-family: 'Roboto', sans-serif; color:#000; margin-top:0; margin-bottom:0; font-size:24px; font-weight:500;  }
.c_name a { color:#15235F; }
.c_location {font-family: 'Open Sans', sans-serif; color: #000; font-size:14px; font-weight: 400;}

.phone { float:right; background-color: #1d8480; padding:8px 8px; font-family:'Open Sans', sans-serif; color:#FFF; border-radius:4px; text-align:center; font-size:15px; margin-top:36px; }
a.phone:hover { background-color:#1d8480; color:#FFF; text-decoration:none; }
/*header div end*/

/*top phone and whatsapp icon css*/
.phone-main { margin-top:5px; float:right; }
a.phone-but { margin:0 15px; color:#E52F37; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; }
a:hover.phone-but { color:#333982; }
a.whatsapp-but  { color:#27B36A; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; }
a:hover.whatsapp-but  { color:#1AA45C; }
/*top phone and whatsapp icon css*/

/*banner css start*/
.banner{ margin-bottom:20px;}
.banner img{border-radius:0px 0px 10px 10px;  width:100%;} 
/*banner css end*/

/*welcome css start*/
.content {  margin:20px auto; padding:35px; background:#FFF;  border-radius:10px; }
.content_inner { background:#FFF; margin:0px auto; padding:50px 0;}
.content_inner h4 { font-family:'Roboto', sans-serif; font-size:20px; font-weight:500; line-height:1.2em; color:#ED1C20; margin:20px 0; }
.wel {}
.wel h1 { font-family: 'Roboto', sans-serif; font-size:28px; font-weight:600; line-height:1.2; color:#000; margin-bottom:20px;}
.wel h1 span { color:#3651c3; }
.wel .text { margin:0px auto; font-family: 'Roboto', sans-serif; font-weight:400; color:#333; font-size:16px; line-height:1.8em; text-align:justify; }
.wel i { color:#ED1C20; }

.wel table td{ padding-left:5px;}
.wel #course h2 { font-family: 'Roboto', sans-serif; font-size:16px; color:#F00; line-height:40px; font-weight:bold; }
.wel #course { color:#000;}

.wel #course { margin-bottom:10px; }
.course_name { font-size: 16px; font-weight: bold;color: #031e93; line-height:45px;}
.wel #course ol{ list-style-type:decimal; padding-left:25px;}
.wel #course li{font-family: 'Roboto', sans-serif; font-size:14px; color:#393939; line-height:1.8em; text-decoration:none;}
.wel #course li a{ line-height:2.3em; text-decoration:none; color:#FF0004; padding-left:10px;}
.wel #course li a:hover{color:#000;}
.wel #course table td, th{ padding:5px;}
/*welcome css end*/


/* ===== Featured Section ===== */

.title_h1 {
    background: linear-gradient(135deg, #1d8480, #15235F);
    border: none;
    font-size: 22px;
    color: #FFF;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 30px 20px 120px;
    border-radius: 12px;
}

.featured_box_main {
    margin-top: -90px;
    padding: 0 15px;
}

/* ===== Card Design ===== */
.featured-box {
    width: 100%;
    background: #ffffff;
    border-radius: 14px;
    padding: 12px;
    margin-bottom: 18px;
    box-shadow: 0 4px 14px rgba(0,0,0,0.08);

    display: flex;
    flex-direction: column;
    justify-content: space-between;

    transition: 0.3s;
}

.featured-box:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 18px rgba(0,0,0,0.12);
}

/* ===== Image ===== */
/* Desktop */
.featured-box figure {
    width: 100%;
    aspect-ratio: 4 / 3 !important;
    overflow: hidden;
    border-radius: 6px;
}

.featured-box figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* 📱 Mobile FIX */
@media (max-width: 576px) {
    .featured-box figure {
        aspect-ratio: 1 / 1 !important;
    }
}

/* ===== Content ===== */
.feature-content {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding-top: 10px;
}

/* Title */
.feature-content h4 {
    font-size: 15px;
    font-weight: 600;
    color: #222;
    margin: 8px 0;
    text-align: center;
    line-height: 1.4;
}

/* Company */
.feature-content .c_name {
    font-size: 13px;
    color: #666;
    text-align: center;
}

/* Price */
.feature-content .price {
    text-align: center;
    margin-top: 6px;
    font-size: 14px;
    color: #333;
}

.feature-content .price b {
    font-size: 18px;
    color: #1d8480;
}

/* ===== Buttons Section ===== */
.listing-bottom {
    margin-top: 8px;
    width: 100%;
}

/* Call Button */
.listing-bottom .phone {
    display: block;
    width: 100%;
    padding: 10px;
    margin-top: 10px;
    border-radius: 8px;
    text-align: center;
    font-size: 14px;
    color: #1d8480;
    border: 1px solid #1d8480;
    text-decoration: none;
    font-weight: 500;
}

/* Main Button */
.listing-bottom .btn-common {
    display: block;
    width: 100%;
    padding: 11px;
    margin-top: 8px;
    border-radius: 30px;
    text-align: center;
    font-size: 14px;
    background: #1d8480;
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    transition: 0.3s;
}

.listing-bottom .btn-common:hover {
    opacity: 0.9;
}
/* REMOVE CLICK / FOCUS EFFECT */
.listing-bottom .btn-common:focus,
.listing-bottom .btn-common:active,
.listing-bottom .btn-common:focus-visible {
    outline: none;
    box-shadow: none;
}

/* Remove mobile tap highlight */
.listing-bottom .btn-common {
    -webkit-tap-highlight-color: transparent;
}

/* ===== Mobile Fix ===== */
@media (max-width: 480px) {
    .title_h1 {
        font-size: 18px;
        padding: 25px 15px 100px;
    }

    .featured-box {
        width: 100%;
        padding: 20px;    /* bigger inner space */
        border-radius: 16px;
    }

    .feature-content h4 {
        font-size: 14px;
    }
    
    .featured_box_main {
        padding: 0 8px;   /* less side space → bigger box */
    }
}


/*image hover effect css start*/
.hover,.hover .overlay{width:100%;height:100%;overflow:hidden;}
.hover {text-transform:uppercase;color:#FFF;}
.hover{float:left;position:relative;cursor:default;}
.hover .overlay{position:absolute;top:0;left:0;}
.hover img{display:block;position:relative;}
.ehover1 img{-webkit-transition:all .4s linear;transition:all .4s linear;}
.ehover1 .overlay{opacity:0;background-color:rgba(0,0,0,.5);-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}
.ehover1:hover img{-webkit-transform:scale(1.2);transform:scale(1.2);}
.ehover1:hover .overlay{opacity:1;}
/*Wholesale home page product css end*/

/*callback form css start*/
.callback { font-family:'Open Sans', arial, sans-serif; border:1px solid #E7E7E7; background:#FFF; overflow:hidden; background:#FFF; padding:25px 20px; box-shadow:0px 0px 10px rgba(175, 175, 175, 0.23); margin:25px 0px 20px; border-radius:10px;  }
.callback h3 { font-family: 'Roboto', sans-serif;  font-size:24px; color:#000; font-weight:400; padding:10px 0 10px 10px; }
.callback_inner {  }
.form-group { margin:10px 0 10px 0; }
.callback_inner input.code { float:left; width:82%; border-radius:none; border:#CCCCCC 1px solid; margin-right:10px; } 
.callback_inner .captcha { padding:14px; background:#FFF; border-radius:4px; border:#CCCCCC 1px solid; margin-top:10px; }
.callback_inner .form-control { margin:10px 0px; height:45px; box-shadow:none;}
.callback_inner .form_text { font-family:'Open Sans', arial, sans-serif; color:#000; font-size:10px; line-height:1em; display:inline; clear:both;}
.submit {font-family: 'Roboto', sans-serif; font-size:16px; color:#FFF; font-weight:400; padding:10px 45px; background:#1d8480; cursor:pointer; outline:none; border-radius:none; border:none; margin-top:10px; }
.submit:hover { background:#1d8480; color:#FFF; outline:none; border-radius:none;}
/*callback form css end*/

/*review css start*/
.review { font-family:'Open Sans', sans-serif; background:#FFF; padding:25px 35px; box-shadow:0px 0px 10px rgba(175, 175, 175, 0.23); margin:40px 0px; border-radius:10px; }
.review h1 { font-family:'Roboto', serif; font-size:20px; font-weight:500; color:#000; letter-spacing:.02em; margin-bottom:15px; }
.review .text { font-size:14px; font-weight:400; color:#333; line-height:1.6em; text-align:justify; text-decoration:none; }
.review .text a { color:#333; text-decoration:none; }
.review .text a:hover { color:#333; text-decoration:none; }
.review .reviwer_name { margin-top:5px; font-size:14px; font-weight:600; color:#333; margin-bottom:18px; }
.review .review_text { font-size:14px; font-weight:400; color:#333; line-height:1.6em; text-align:justify; text-decoration:none; font-style:italic; }
.review .form-control { font-size:14px; }
.review .btn-default { padding:6px 30px; margin-top:5px; background:#1d8480; color:#FFF; border-color:#0E1842; }
.review .bot_but_r { float:right; background:linear-gradient(90deg, #2E3192, #1E4DB7); font-family:'Roboto', serif; font-size:15px; font-weight:400; color:#FFF; letter-spacing:.02em; line-height:1.6em; text-transform:uppercase; border:1px solid #0E1842; padding:4px 15px; border-radius:3px; margin-bottom:15px; }
.review .bot_but_r a {color:#FFF; text-decoration:none;}
/*review css start*/

/*video css stat*/
.youtube_main { background:#FFF; box-shadow:0px 0px 10px rgba(175, 175, 175, 0.23); padding:35px; border-radius:10px; margin-bottom:20px; }
.youtube_main h2 { background:#15235F; font-family:'Roboto', sans-serif; font-size:26px; font-weight:500; color:#FFF; padding:5px 10px; margin-bottom:20px; }
.video .gallery_box { border:1px solid #D9D9D9; padding:5px 5px 0px 5px; margin-bottom:20px; }
/*video css end*/

/*University logo div start*/
.client_logo { padding:20px 0 50px 0; }
.client_logo h2 { font-family:'Montserrat', sans-serif; font-size:45px; font-weight:400; color:#333333; margin-top:0; margin-bottom:30px; text-transform:uppercase; }
.client_logo h2 span { color:#f7913a; }
.item_img { text-align:center; }
.item_img img { height:100px; }
/*University logo div end*/

/*bottom css start*/
.bottom { margin:20px 0px;  border:1px solid #E5E5E5;  background:#FFF; padding:25px 20px; box-shadow:0px 0px 10px rgba(175, 175, 175, 0.23); overflow:hidden; border-radius:10px; }
.contact_main {}
.contact_main h3 {font-family: 'Roboto', sans-serif; background: linear-gradient(135deg, #1d8480, #15235F); line-height:40px; color:#FFF; padding:0px 10px; font-size:22px; }

.contact { padding:0px 10px; margin-top:15px;}
.contact h4{ font-family: 'Roboto', sans-serif; font-size:20px; color:#000; font-weight:500; margin-bottom:8px; }
.contact .text { font-family: 'Open Sans', sans-serif; font-size:18px;  font-size:14px; margin-left:25px;}
.contact i { font-size:20px; }

.links { background:#FFF;   border:1px solid #E5E5E5; }
.links h4 {font-family: 'Roboto', sans-serif; background:#ED1C20; line-height:40px; color:#FFF; padding:0px 10px; font-size:22px;}
.links ul { margin:0px; padding:0px; list-style-type:none;}
.links li { font-family: 'Roboto', sans-serif;  font-size:16px;  color:#666;  }
.links li a { text-decoration:none; color:#333; line-height:2.2em; padding-left:15px; }
.links li a:hover { text-decoration:none; color:#000;}
.links li i { margin-right:10px; }

.contact_main .agent-phone {font-family: 'Roboto', sans-serif;   font-size:18px; border:1px solid #FF8933; text-align:center; margin:40px 0 20px 0; padding:8px; color:#FF8933; }
.contact_main .agent-phone i{ color:#000000;}

.contact_main .agent_ph_whatsapp { font-family: 'Roboto', sans-serif; padding:5px 0; width:100%; }
.contact_main .agent_ph_whatsapp i { color:#FFF;  text-align:center; font-size:18px; margin-right:5px; }
.contact_main .agent_ph_whatsapp .btn {width:20%; font-size:15px;  text-align:center; padding:7px 0px;}
.contact_main .agent_ph_whatsapp .whatsapp{ background:#058a07; color:#FFF;}
.contact_main .agent_ph_whatsapp .btn-phone{ background:#1d8480; color:#FFF;}
/*bottom css end*/

/*footer css end*/
.footer {
    background: #f1f4f9;
    padding: 15px 0;
    border-top: 1px solid #ccc; /* 👈 Top border added */
}
.copy { font-family:"Open Sans", sans-serif; font-size:15px; color:#333; margin-top:10px;  }
.copy a { color:rgb(46, 49, 146); text-decoration:underline; padding:0 5px 0 5px; }
.copy a:hover { color:rgb(46, 49, 146); text-decoration:none;} 

.powered_by {font-family:"Open Sans", sans-serif; font-size:15px; color:#333; }
.powered_by a { text-decoration:none; color:#FFF; }
.powered_by a:hover { color:#000; text-decoration:none; }
.footer .m_top{ margin-top:5px; height:55px;}
/*footer css end*/

/*switch menu div start*/
.faq-area .list { margin :0px 0px 50px 0px; } 
.faq-area .list h2 { font-family:'Open Sans', sans-serif;  font-size:24px; color:#28166f; font-weight:400; text-align:left; margin-bottom:20px; }
.faq-area .list ul { margin:0px; padding:0px; list-style:none; }
.faq-area .list li { font-family:'Montserrat', sans-serif;  font-weight:400; font-size:14px; color:#000; line-height:2.2em; text-decoration:none; }
.faq-area .list li a { color:#000; text-decoration:none; padding-left:15px; }
.faq-area .list li a:hover { color:#28166f; text-decoration:none; }
.faq-area .list li i { margin-right:10px; }

.switch_menu { margin:0 auto; padding:0; margin:0px; }
.switch_menu div.silverheader a { font-family:'Open Sans', sans-serif; font-size:18px; color:#191919; font-weight:500; text-decoration:none; display:block; padding:10px; background:url(../images/marker.png) 97% 18px no-repeat #FFF; border:#d7d7d7 1px solid; -moz-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -o-transition:all  0.2s linear; transition:all 0.2s linear; margin:5px 0 0px 0;  font-style:italic; }
.switch_menu div.selected a, .switch_menu div.silverheader a:hover { background:url(../images/marker_down.png) 97% 20px no-repeat #FFF; border:#d7d7d7 1px solid;  font-style:italic; }
.switch_menu div.selected a, .switch_menu div.silverheader a:hover {  color:#ff3838; }
.switch_menu div.submenu { font-family:'Open Sans', sans-serif; border:#d7d7d7 1px solid; padding:10px; text-align:justify; border-top:none ;font-size:16px; line-height:1.8em; }
.faq .into-sub-title {  margin-top:0px; }
/*switch menu div end*/


/*fix phone icss css start*/
.phone_icon_main { position:fixed; width:60px; height:60px; bottom:50px; left:40px; background-color:#DE2C2C; color:#FFF; border-radius:50px;
text-align:center; font-size:30px; box-shadow:2px 2px 3px #999; z-index:100; }
.phone_icon_main:hover { color:#FFF; }
.phone_icon { margin-top:16px; }
/*fix phone icss css end*/

.submission { font-family:'Montserrat', sans-serif; color:#0F1235; font-size:15px; font-weight:600; }

/*client logo div start*/
.item_img { text-align:center; border:1px solid #D5D1D1; margin-right:8px; padding:7px 10px 10px 10px; background:#FFF;   }
.item_img img { width:100%; vertical-align:middle;}
/* clearfix */
.owl-carousel .owl-wrapper:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; }
/* display none until init */
.owl-carousel { display:none; position:relative; width:100%; -ms-touch-action:pan-y; }
.owl-carousel .owl-wrapper{ display:none; position:relative; -webkit-transform:translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{ overflow:hidden; position:relative; width:100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{ -webkit-transition:height 500ms ease-in-out; -moz-transition:height 500ms ease-in-out; -ms-transition:height 500ms ease-in-out; -o-transition:height 500ms ease-in-out; transition:height 500ms ease-in-out;}
.owl-carousel .owl-item{ float:left;}
.owl-controls .owl-page,
.owl-controls .owl-buttons div { cursor:pointer;}
.owl-controls { -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
/* fix */
.owl-carousel  .owl-wrapper, .owl-carousel  .owl-item { -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0);}
.owl-pagination{ display:none;}
/*client logo div end*/

.scroll-to-fixed-fixed { background:#FFF; -webkit-box-shadow:0px 8px 12px -10px rgba(0,0,0,0.75); -moz-box-shadow:0px 8px 12px -10px rgba(0,0,0,0.75); box-shadow:0px 8px 12px -10px rgba(0,0,0,0.75) }
.ptb { padding:5px 0px;}

/*new top bar css start */
.new-top-bar { background:#FFF; font-family:'Roboto', sans-serif;  padding:5px 0px;  }
.new-top-bar .list-inline li { display:inline-block; line-height:42px; color:#000; margin-right:15px; font-size:14px; }
.new-top-bar .list-inline li a {  margin-right:15px; color:#000; line-height:32px; }
.new-top-bar .list-inline li i { font-size:15px; color:#000; padding-right:5px; vertical-align:middle; }
.new-top-bar .btn-top { background-color:#FF8933; position:relative; color:#FFF; z-index:1; border-radius:4px; transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out; }
.new-top-bar .btn-top:hover { color:#FFF; box-shadow:0 6px 22px rgba(0, 0, 0, 0.1); }
.new-top-bar .post-btn { float:right; margin-left:10px;}

.new-header-top-right { float:right;}
.new-header-top-right .header-top-button { color:#000;  padding:5px 10px; border-radius:4px; font-size:14px; line-height:22px; margin-left:5px;letter-spacing: .15px; }
.new-header-top-right .header-top-button:hover { background:#EDEDED; padding:5px 10px; color:#FF8933; }
.new-header-top-right .header-top-button i{ font-size:14px; vertical-align:middle;}

.btn-new { font-size:14px;  cursor:pointer; font-weight:400; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear; transition:all 0.2s linear; display:inline-block; }
.btn-new:focus, .btn-new:active { box-shadow:none; outline:none; color:#FFF; }
.btn-new-common { font-family: 'Roboto', sans-serif; font-size:15px; position:relative; color:#000; z-index:1; border-radius:4px; transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out; text-align:center; }
.btn-new-common:hover { color:#FF8933;}

.btn-new-common-orange { background-color:#ff8b33; position:relative; font-family: 'Roboto', sans-serif; color:#FFF; z-index:1; border-radius:24px; transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out; padding:7px 15px; font-size:15px; }
.btn-new-common-orange:hover { color:#FFF; box-shadow:0 6px 22px rgba(0, 0, 0, 0.1); text-decoration:none; }

.btn-new-common-blue { background-color:#000F50; position:relative; font-family: 'Roboto', sans-serif; color:#FFF; z-index:1; border-radius:4px; transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out; }
.btn-new-common-blue:hover { color:#FFF; box-shadow:0 6px 22px rgba(0, 0, 0, 0.1); }

.btn-new-common-blue-view { background-color:#000F50; position:relative; font-family: 'Roboto', sans-serif; color:#FFF; z-index:1; border-radius:4px; transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out; padding:0px 15px; font-size:16px; }
.btn-new-common-blue-view:hover { color:#FFF; box-shadow:0 6px 22px rgba(0, 0, 0, 0.1); }
/*new top bar css end */

/*new search css start */
.new_search_main { box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.08); border-bottom:1px solid #eeeeee;}
.new_search {  overflow:hidden; display:block;}
.new_search .new-search-inner { border:0; width:95%; float:right; margin:0 auto; position:relative; border:2px solid #ff8b33; overflow:hidden; border-radius:40px; }

.new_search .new-search-form { width:100%; float:left; }
.new_search .search-inner {  overflow:hidden; border-radius:4px;  }
/*.search-bar .search-inner { border:0; width:80%; margin:0 auto; position:relative; }*/
.new_search .form-group:first-child { border:0; }
.new_search .form-group { margin:0px; float:left; width:100%; padding:0 0 0 10px; background:#FFF; border-radius:0px; border-left:1px solid #f1f1f1; }
.new_search .form-group .form-control { position:relative; z-index:1; border:0;border-radius:4px; font-size:15px; line-height:30px; padding:15px 0px 15px 0; font-family: 'Roboto', sans-serif;  }
.new_search .form-group .form-control, .search-bar .form-group .select select { border:0; height:30px; border-radius:0px; font-size:15px; line-height:30px; background:#FFFFFF; }
.new_search .form-group .form-control, .search-bar .form-group .select select:focus { outline:none; box-shadow:none; }
.new_search .select { color:#999; float:left; width:100%; position:relative; text-transform:uppercase; }
.new_search .select:after { top:7px; right:15px; z-index:2; color:#999; display:none; content:'\e93a'; position:absolute; text-align:center; font-size:inherit; line-height:40px; font-family:'LineIcons'; }
.new_search .select select { z-index:1; width:100%; position:relative; appearance:none; -moz-appearance:none; -webkit-appearance:none; }
.new_search .select select option { color:#999; }
.new_search .inputwithicon { position:relative; }
.new_search .inputwithicon i { top:0; right:0; z-index:2; color:#FF8933; position:absolute; right:5px; font-size:20px; line-height:50px; }
.new_search .btn-common { width:10%; background:#ff8b33;  top:0px; right:-5px; padding:0; z-index:2; padding:5px 10px;  border-radius:0px; cursor:pointer; line-height:30px; text-align:center; position:absolute; letter-spacing:0.5px; transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out;  }
.new_search .btn-common i { font-size:20px; }
.search-button { background:#000000; padding-bottom:40px; }

.new_search .voice-btn-common { background:none; top:0px; right:60px; padding:0; z-index:2; padding:0px 10px;  border-radius:0px; cursor:pointer; line-height:40px; text-align:center; position:absolute; letter-spacing:0.5px; transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out;}
.new_search .voice-btn-common i { font-size:16px; }
.new_search .voice-btn-common img { margin-top:-15px;}
/*new search css end */

/* voice search Popup overlay css start */
.popup1 {  display: none;   position: fixed;  top:0;  left:0;  width:100%;  height:100%; background: rgba(0, 0, 0, 0.7); justify-content: center;
align-items: center;  z-index: 9999;}
/* Popup content styling */
.popup-content { background: white; padding:30px 20px 60px 20px;  border-radius: 10px;  width: 80%; max-width: 500px; text-align:center;}
.popup-content  h2{ font-family:'Poppins', sans-serif;  text-align:center; font-size:22px; color:#ff8b33; font-weight:500; margin-bottom:20px;} 
.popup-content img { text-align:center; margin:0px auto;}
/* Output paragraph styling */
#voiceOutput { font-size: 20px; margin-top: 20px;}
#closePopupBtn { position: relative; top:-18px; right: 0px;}
/* voice search Popup overlay css end */

/*start popup form css start*/
#facebox { position:fixed; top:0; left:0; margin-top:70px; z-index:99999999; text-align:left; background:#FFF; border-radius:10px; }
#facebox .popup { position:relative; overflow:auto;  }
#facebox .content2 { width:500px; padding:20px; }
#facebox .close{ position:absolute; top:8px; right:5px;  }
#facebox .close img { opacity:0.8; }
#facebox .close:hover img { opacity:1.0;}
#facebox .loading { text-align:center; }
#facebox_overlay { position:fixed; top:0px; left:0px; height:100%; width:100%; }
.facebox_hide { z-index:-100; }
.facebox_overlayBG { background-color:#000; z-index:99;}

.popup_form { font-family:'Roboto', serif; }
.popup_form h3 { font-size:22px; font-weight:500; color:#FF8300; line-height:1.1em; text-align:center; margin:20px 0px; text-transform:uppercase; }
.popup_form .form-group { margin-bottom:15px; font-family:'Open Sans', sans-serif; }
.popup_form .form-group .form-control { font-size:16px; padding:0 10px; background-color:#FFF; box-shadow:none;}
.popup_form .form-group input { border:#CCCCCC 1px solid; height:45px;    } 
.popup_form .form-group textarea { border:#CCCCCC 1px solid; height:65px; line-height:45px;  }

.popup_form .form-group .form-check-inline .form-check-input{ height:20px; width:20px;}
.popup_form .form-group input.code { float:left; width:65%; border:#CCCCCC 1px solid; margin-right:15px; }
.popup_form .captcha { padding:14px 12px; background:#FFF; border-radius:5px; border:#CCCCCC 1px solid; }
.popup_form .submit { width:100%; font-size:20px; color:#FFF; padding:10px 0px; margin-top:5px; background:#1A2A6B; cursor:pointer; border:none; border-radius:4px; }
.popup_form .submit:hover { background:#15235F; color:#FFF; outline:none; border-radius:none;}
.popup_form .submit i{ -webkit-text-stroke:0.2px; font-size:15px; font-weight:lighter;}
/*popup form css end*/

/*related keywords css start*/
.related_keywords { background:#FFF; margin-bottom:50px; border-left:1px solid #F1F1F1; border-right:1px solid #F1F1F1; border-bottom:1px solid #F1F1F1; border-radius:10px; margin-top:20px; }
.related_keywords h2 { background:#ebedfd; font-family:'Roboto', serif; padding:15px 10px; font-size:20px; color:#333; font-weight:500; border-radius:10px 10px 0px 0px; border: #d3d8fd 1px solid;  }
.related_keywords i { margin-right:5px; }
.related_keywords .categories-list {padding:15px; overflow:hidden; } 
.related_keywords .categories-list ul  {  margin:0px; padding:0px; list-style-type:none; overflow:hidden; }
.related_keywords .categories-list li { float:left; font-family:'Roboto', sans-serif; font-size:14px; color:#515151; font-weight:400; position:relative; padding:0px 5px; line-height:14px; margin-top:5px; margin-bottom:5px; }
.related_keywords .categories-list li a { color:#515151; text-decoration:none; }
.related_keywords .categories-list li a:hover { text-decoration:underline; color:#333; }

.related_keywords .categories-list li:after { content:""; position:absolute; width:1px; height:100%; background:#515151; top:0; right:0; }
.related_keywords .categories-list li:last-child { padding-right:0; }
.related_keywords .categories-list li:last-child:after { display:none; }
.related_keywords .categories-list li i { display:none; }
/*related keywords css end*/

/*onload popup css start*/
#enquirypopup .modal-dialog { width:550px; padding:0px; position:relative; margin-top:120px; z-index:99999; }
#enquirypopup .modal-content { border-radius:0px; }
#enquirypopup .modal-body { padding:0px; }
#enquirypopup .modal-body h2 { background:#000F50; font-family:'Roboto', sans-serif; font-weight:400; font-size:24px; color:#FFF; margin-bottom:10px; margin-top:0px; text-align:center; padding:15px; line-height:1.8em; }
#enquirypopup .modal-body h2 span { font-size:28px; font-weight:600; color:#FFF; }
#enquirypopup .modal-body h2 span a { color:#FFF; }
#enquirypopup .modal-body h2 span a:hover { color:#FFF; }
#enquirypopup .modal-body h2 p { font-family:'Roboto', sans-serif; font-weight:400; font-size:18px; color:#FFF; }

#enquirypopup .popup_from { padding-bottom:12px; overflow:hidden; }
#enquirypopup .popup_from .popup_from_inner { padding:10px 50px; overflow:hidden; }
#enquirypopup .popup_from .popup_from_inner .form-group { margin:12px 0px; font-family:'Roboto', sans-serif; color:#000; }
#enquirypopup .popup_from .popup_from_inner .form-control { font-size:16px; border-color:#DBDBDB; padding:0 10px; height:45px; box-shadow:none; }
#enquirypopup .popup_from .popup_from_inner .form-group input { border-radius:0px; }

#enquirypopup .popup_from .popup_from_inner .form-group input.code { float:left; width:72%; border-radius:none; margin-right:15px; }
#enquirypopup .popup_from .popup_from_inner .captcha { padding:14px; background:#FAFAFA; border-radius:3px; border:#dbdbdb 1px solid; }

#enquirypopup .popup_from .popup_from_inner p { font-family:'Roboto', sans-serif; font-weight:400; font-size:14px; color:#9F9F9F; text-align:left; margin-bottom:20px; }
#enquirypopup .popup_from .popup_from_inner p i { color:#000F50; margin-right:5px; }

#enquirypopup .popup_from .popup_from_inner .submit { margin:0px auto; text-align:center; font-family:'Roboto', sans-serif; font-size:20px; color:#FFF; font-weight:600; padding:12px 100px; background:#FF8933; cursor:pointer; outline:none; border:none; box-shadow:none; display:block; margin-bottom:10px; }
#enquirypopup .popup_from .popup_from_inner .submit:hover { background:#000F50; color:#FFF; outline:none; border-radius:none; }
#enquirypopup .popup_from .popup_from_inner .submit i { margin-right:5px; }

#enquirypopup .popup_from .logo_right img { float:right; margin-right:15px; }

#enquirypopup .close { float:right; font-family:'Roboto', sans-serif; font-size:40px; font-weight:normal; color:#FFF; text-shadow:none; filter:alpha(opacity=20); opacity:1; margin-right:5px; }

#enquirypopup .skip { float:left; top:0px; right:0px; font-family:'Roboto', sans-serif; font-size:16px; font-weight:normal; color:#525252; text-shadow:none; filter:alpha(opacity=20); opacity:1; margin-left:8px; margin-top:-15px; }
/*onload popup css end*/

/*verify form css start*/
.verify_form { background:#0E33A2; border:1px dashed #90ABFD; padding:20px; overflow:hidden; position:relative; border-top:4px solid #90ABFD; -webkit-transition:350ms ease all; transition:350ms ease all;}
.verify_form h2 { font-family:'Roboto', Helvetica, Arial, sans-serif;  font-weight:600; font-size:18px; color:#FFF; text-transform:uppercase; margin-bottom:20px; text-align:center; }
.verify_form .form-group { margin:10px 0 10px 0; font-family:'Roboto', Helvetica, Arial, sans-serif;  }
.verify_form .form-control { font-family:'Roboto', Helvetica, Arial, sans-serif;  border-color:#dbdbdb; padding:10px; height:50px; background-color:#FFF; border-width:1px; box-shadow:none; position:relative; z-index:0; }
.verify_form .form-group input.code { float:left; width:62%; border-radius:none; margin-right:5px; }
.verify_form .captcha { padding:10px; background:#fafafa; border-radius:3px; border:#dbdbdb 1px solid; }
.verify_form input[type=text]:focus { box-shadow:0px 0px 5px #ff9c00 !important; border:1px solid #ff9c00 !important; outline:none; }
.verify_form textarea:focus { box-shadow:0px 0px 5px #ff9c00 !important; border:1px solid #ff9c00 !important; outline:none; }
.verify_form .submit { width:100%; background:#FF0707; position:relative; font-family:'Roboto', Helvetica, Arial, sans-serif;  color:#FFF; border-radius:2px; border:0; 
padding:12px 0; font-size:16px; font-weight:600; text-transform:uppercase; overflow:hidden; -webkit-transition:350ms ease all; transition:350ms ease all; margin-top:8px; }
.verify_form .submit a { color:#FFF; text-decoration:none; }
.verify_form .submit a:hover { color:#FFF; text-decoration:none;  }
.submit:hover { color:#FFF; text-decoration:none; }
/*verify css end*/
/* ===== POPUP OVERLAY ===== */
.popup-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.6);
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

/* ===== POPUP BOX ===== */
.popup-box {
  width: 800px;
  max-width: 95%;
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  box-shadow: 0 8px 25px rgba(0,0,0,0.3);
}

/* ===== FLEX CONTAINER ===== */
.popup-container {
  display: flex;
  background: #fff; /* important */
}

/* ===== CLOSE BUTTON ===== */
.close-btn {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 20px;
  cursor: pointer;
  color: #666;
}

/* LEFT SIDE */
.left-panel {
  width: 50%;
  background: #0f172a;
  color: #fff;
  padding: 20px;
}

/* IMAGE FIX */
.left-panel img {
  width: 100%;
  height: 200px;           /* fixed height */
  object-fit: cover;       /* crop nicely */
  border-radius: 6px;
  margin-bottom: 10px;
}

/* TEXT */
.left-panel h2 {
  font-size: 16px;
  margin-bottom: 8px;
}

.price {
  color: #ffd700;
  font-size: 18px;
  font-weight: bold;
}

.left-panel p {
  font-size: 13px;
  margin: 4px 0;
}

/* BADGES */
.badges span {
  display: inline-block;
  background: #007a6e;
  padding: 3px 7px;
  margin-top: 6px;
  margin-right: 5px;
  font-size: 11px;
  border-radius: 3px;
}

/* RIGHT SIDE (FORCED WHITE) */
.right-panel {
  width: 50%;
  padding: 25px;

  background: #ffffff !important;   /* FORCE WHITE */
  background-color: #ffffff !important;

  display: flex;
  flex-direction: column;
  justify-content: center;

  border-left: 1px solid #eee;

  /* remove any inherited styles */
  box-shadow: none !important;
  filter: none !important;
}
/* TITLE */
.right-panel h3 {
  font-size: 16px;
  margin-bottom: 5px;
}

.subtitle {
  font-size: 12px;
  color: #666;
  margin-bottom: 15px;
}

/* INPUT */
.phone-input {
  display: flex;
  border: 1px solid #ccc;
  border-radius: 4px;
  overflow: hidden;
}

.phone-input .code {
  background: #eee;
  padding: 8px 10px;
  font-size: 13px;
}

.phone-input input {
  border: none;
  padding: 8px;
  width: 100%;
  outline: none;
  font-size: 13px;
}

/* FORCE BUTTON COLOR */
.otp-btn {
  width: 100%;
  margin-top: 12px;
  padding: 9px;

  background: rgb(0, 122, 110) !important;  /* ✅ force color */
  color: #fff !important;

  border: none !important;
  border-radius: 4px;
  font-weight: 600;
  cursor: pointer;
}

/* FOOTER */
.footer-text {
  margin-top: 10px;
  font-size: 11px;
  color: #777;
  text-align: center;
}

/* ===== MOBILE ===== */
@media (max-width: 768px) {
  .popup-container {
    flex-direction: column;
  }

  .left-panel,
  .right-panel {
    width: 100%;
  }

  .right-panel {
    justify-content: flex-start;
  }
}
/* Right panel pure white */
.right-panel {
  width: 50%;
  padding: 25px;
  background: #ffffff !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-left: 1px solid #eee;
}

/* Fix only input + small elements (NOT button) */
.right-panel input,
.right-panel .phone-input,
.right-panel .subtitle,
.right-panel p {
  background: #fff !important;
}

/* Input styling */
.phone-input input {
  background: #fff !important;
}

/* Country code box */
.phone-input .code {
  background: #f1f1f1 !important;
}

/* KEEP BUTTON COLOR */
.otp-btn {
  background: #ff6600 !important;
  color: #fff !important;
}
/* FORCE LEFT PANEL DARK */
.left-panel {
  background: #0f172a !important;
  color: #fff !important;
}

/* Fix all inner elements */
.left-panel * {
  color: #fff !important;
}

/* Keep badges green */
.left-panel .badges span {
  background: #22c55e !important;
  color: #fff !important;
}