/* Contact Us page (moved from inline <style> in page/contact.blade.php) */
.contact_from{padding:20px 0px !important}
.contact_from .rec_hed_title{position:relative;padding-bottom:15px;margin-bottom:15px}
.contact_from .rec_hed_title h1{font-size:26px;color:#000;line-height:25px;font-weight:500;text-align:center;font-family:'Roboto', sans-serif}
.contact_from .rec_hed_title h1 span{color:#b12c2c}
.contact_from .rec_hed_title:after{content:"";position:absolute;left:50%;bottom:0;height:3px;width:55px;background:#93c6ff;margin-left:-26px}
.contact_from .google_map{background:#fff;padding:4px;border:solid 1px #ddd;box-shadow:0 0 5px #ddd}
.contact_info{margin:25px -10px 0;display:flex;flex-wrap:wrap;justify-content:center;list-style:none;padding:0px}
.contact_info li{width:50%}
.contact_info li p{padding:0px;margin:0px}
.contact_info li ._inner{border:solid 1px #ddd;padding:20px 50px;border-radius:10px;text-align:center;background:#fff;font-size:15px;color:#666;box-sizing:border-box;margin:10px;line-height:22px;box-shadow:0 0 5px #ddd;min-height:250px}
.contact_info li ._inner:hover{box-shadow:0 0 10px #ccc}
.contact_info li ._inner a{color:#03c}
.contact_info li ._inner a:hover{text-decoration:underline}
.contact_info li ._inner .icon b{font-size:65px;color:#999}
.contact_info li ._inner h2{font-size:22px;color:#000;font-weight:500;margin:20px 0 25px}
.contact_info li ._inner h2 span{display:block;font-size:14px;margin-top:4px}
.contact_info li ._inner .call_ass{margin-top:10px}

/* Sitemap page (moved from inline <style> in page/sitemap.blade.php) */
.sitemap ._title_sec{background:#f7f7f7;padding:7px 15px;border-radius:5px;margin:20px 0 10px}
.sitemap_list{display:flex;flex-wrap:wrap;margin:0px 20px}
.sitemap_list li{position:relative;padding:4px 0px 4px 15px;box-sizing:border-box;transition:all 0.3s ease}
/* Desktop-only column width - same cascade issue as .slider above. */
@media (min-width: 992px) {
    .sitemap_list li{width:20%;}
}
.sitemap_list li:hover{padding-left:20px}
.sitemap_list li a{color:#666;transition:all 0.3s ease;word-break:break-word}
.sitemap_list li:hover a{color:#ff5a60}
.sitemap_list li:before{content:'\f105';font-family:'FontAwesome';color:#ff5a60;position:absolute;left:0px;top:4px}

/* Home Page Slider */
/* Desktop-only height, same reasoning as .tc-list/.categ_list above:
   unscoped it silently beat common.css's 991px/575px .slider height
   overrides just by loading later in <head>, leaving ~640px of empty
   space below the actual (correctly-shrunk) carousel on mobile. */
@media (min-width: 992px) {
    .slider{height:800px;}
}
.home-slider{position:relative}
.home-slider figure{width:100%;max-width:100%;line-height:0;overflow:hidden}
.home-slider figure img{max-width:100%;height:auto}
/* top:150px only centered the nav arrows against the old fixed 800px
   desktop slider height. Once the slider shrinks at tablet/mobile
   breakpoints (500px/300px), a fixed 150px offset sits well below
   center - or below the image entirely. 50%+translateY centers at
   any height. */
.home-slider .owl-nav button{position:absolute;top:50%;transform:translateY(-50%);font-size:20px!important}
.home-slider .owl-nav button:hover{background:none!important;color:#000!important}
.home-slider .owl-prev{left:0;border-radius:0 7px 7px 0!important}
.home-slider .owl-next{right:0;border-radius:7px 0 0 7px!important}
.home-slider figure{position:relative;top:-2px;width:102%}
.home-slider figure:after{position:absolute;content:'';bottom:0;left:0;width:100%;height:100%;background:#000;height:150px;background:linear-gradient(0deg,#efefef 50%,rgba(0,0,0,0) 100%)}
.home-slider.owl-theme .owl-nav button{padding:30px 10px!important}
.home-slider.owl-theme .owl-nav [class*=owl-]{color:#333!important;background:rgba(255,255,255,0.7)!important}
.owl-theme .owl-nav [class*=owl-]{color:#a3a5a5!important;margin:0!important}
.owl-theme .owl-nav [class*=owl-]:hover{background:none!important}
.home-slider.owl-theme .owl-nav [class*=owl-]:hover{background:rgba(255,255,255,0.9)!important;color:#333!important}

.page_title{position:relative;text-align:center;padding-bottom:10px;margin-bottom:25px;}
.page_title h1,.page_title h2{color:#333;line-height:22px;font-weight:400;margin:0 0 5px;}
.page_title h1 span,.page_title h2 span{font-weight:500;color:#000;}
/* Desktop-only heading size - same cascade issue as .slider above. */
@media (min-width: 992px) {
    .page_title h1,.page_title h2{font-size:26px;}
}
.page_title:after{content:'';position:absolute;left:50%;bottom:0;height:4px;width:50px;background:#e64545;transform:translate(-50%);}

._view_more{text-align:center}
._view_more a{background:#fff;font-size:14px;display:inline-block;color:#457EFF;border:solid 1px #88ADFF;padding:10px 25px;border-radius:20px;font-weight:500;}
._view_more a:hover{text-decoration:underline;}

._view_more_cat{text-align:center;margin-top:5px;}
._view_more_cat a{background:#fff;font-size:14px;display:inline-block;color:#457EFF;border:solid 1px #88ADFF;padding:7px 25px;border-radius:20px;font-weight:500;}
._view_more_cat a:hover{text-decoration:underline;}

.trending_categories{position:relative;z-index: 2}
/* Desktop-only pull-up. Unscoped, it beat common.css's 991px/575px
   (-220px/-110px) overrides just by loading later in <head>, so on a
   mobile-height (300px) banner the -400px pull covered almost the
   entire slider instead of just its bottom edge. */
@media (min-width: 992px) {
    .trending_categories{margin:-400px 0 0px;}
}
.trending_categories .inner_box{background:#fff;padding:30px 0px;border-radius:10px;box-shadow: 0px 0px 6px #ddd;}
.tc-list{display:flex;flex-wrap:wrap;}
.tc-list .tcl-iteam{margin-bottom:20px}
.tc-list .tcl-iteam a{display:flex;align-items:center;justify-content:flex-start;flex-direction:column;text-align:center;margin:10px;}
.tc-list .tcl-iteam .tc-img{overflow:hidden;border:1px solid #eee;display:flex;align-items:center;justify-content:center;background:#f9f9f9;transition:all .3s ease;border-radius:10px;}
.tc-list .tcl-iteam .tc-img img{height:auto;width:auto;transition:all .3s ease;border-radius:10px;}
.tc-list .tcl-iteam .tc-title{font-size:14px;line-height:20px;color:#222;margin-top:10px}
/* Desktop sizing lives here (not in a media query) only above the tablet/
   mobile breakpoints defined in common.css, so it can't win the cascade
   against those overrides just by loading later in <head>. */
@media (min-width: 992px) {
    .tc-list .tcl-iteam{width:14.28%;}
    .tc-list .tcl-iteam .tc-img{width:140px;height:140px;}
    .tc-list .tcl-iteam .tc-img img{max-width:140px;max-height:140px;}
}
.tc-list .tcl-iteam a:hover .tc-img{box-shadow:0 0 10px rgba(0,0,0,0.12)}
.tc-list .tcl-iteam a:hover .tc-img img{transform:scale(1.1)}
.tc-list .tcl-iteam a:hover .tc-title{color:#03c}

.body_section{padding:40px 0px}
.body_section:nth-child(2n){background:linear-gradient(180deg, #f7f7f7, #fff, #f7f7f7);border-top:solid 1px #eee;border-bottom:solid 1px #eee}
.body_section:nth-child(2n+1){background:#fff;}

.add_banner .owl-dots{display:none;}

.opc{display:flex;margin-bottom:20px}
.cat_men_image{width:318px;height:315px;margin:7px 15px 7px 7px;position:relative;overflow:hidden;border-radius:5px;box-shadow:3px 3px 3px #ddd}
.cat_men_image .cat_men_image-overlay{position:absolute;height:100%;width:100%;top:0;left:0;background:rgba(0,0,0,0.3);color:#fff;padding:20px;display:flex;align-items:flex-end}
.opcb-link{margin:0;padding:0;list-style:none}
.opcb-link li{margin-bottom:15px}
.opcb-link li a{font-size:16px;color:#fff;display:inline-block}
.opc-view-all{display:inline-block;background:#e64545;color:#fff;border:1px solid #fff;border-radius:3px;font-size:15px;font-weight:500;padding:7px 20px;letter-spacing:1px;line-height:20px;margin-top:10px}
.home_cat{margin:0 -7px;padding:0;list-style:none;display:flex;flex-wrap:wrap}
.home_cat > li{padding:7px;}
/* Desktop-only width/columns - same unscoped-vs-media-query cascade
   issue as .slider/.trending_categories above. */
@media (min-width: 992px) {
    .home_cat{width:calc(100% - 333px);}
    .home_cat > li{width:33%;}
}
.home_cat .home_cat-iteam{border:1px solid #eee;padding:15px 7px 15px 15px;position:relative;height:148px;overflow:hidden;transition:all .3s ease;background:#fff;border-radius:15px;box-shadow:3px 3px 3px #ddd}
.home_cat .home_cat-iteam:hover{box-shadow:0 0 10px rgba(0,0,0,0.12);border-color:#92beff}
.cat_arrow_link{height:25px;width:25px;background:#e9f8ff;border-radius:50%;overflow:hidden;border:1px solid #eee;display:flex;align-items:center;justify-content:center;position:absolute;top:5px;right:5px}
.opci-img{position:absolute;bottom:0;right:0;max-height:100px;max-width:100px;height:auto;width:auto;transition:all .3s ease}
.home_cat .home_cat-iteam:hover .opci-img{transform:scale(1.1)}
.home_cat_title{margin:0;max-width:calc(100% - 40px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;font-weight:500;color:#000}
.home_cat_title a{font-size:14px;font-weight:500;color:#000}
.cat_link_a{margin:5px 0 0;padding:0;list-style:none;max-width:calc(100% - 100px)}
.cat_link_a li{margin-bottom:4px}
.cat_link_a li a{font-size:13px;line-height:13px;color:#2864be}
.cat_link_a li a:hover{text-decoration:underline}
 .his-title .more{font-size:14px;font-weight:400;color:#041cd1}

.clind_logo_list{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap}
.clind_logo_list li{padding:7px}
.clind_logo_list li a{border:1px solid #ddd;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;line-height:0;transition:all .3s ease;background:#fff;box-shadow:0 0px 6px #ddd}
.clind_logo_list li a:hover{box-shadow:0 0 10px #999}
.clind_logo_list li a img{width:auto;height:auto;transition:all .3s ease}
.clind_logo_list li a:hover img{transform:scale(1.1)}
/* clind_logo_list li a had a fixed height:171px with no mobile override
   anywhere, so at 16.66% (6-per-row) width on a narrow screen the box
   went tall-and-skinny (~57x171px) - the logo image, sized to fit that
   171px height, ended up far wider than the 57px box and got clipped
   to a sliver by overflow:hidden. */
.clind_logo_list li{width:33.33%}
.clind_logo_list li a{height:120px}
.clind_logo_list li a img{max-width:120px;max-height:120px}
@media (max-width: 575px) {
    .clind_logo_list li{width:50%}
    .clind_logo_list li a{height:100px}
    .clind_logo_list li a img{max-width:100px;max-height:100px}
}
@media (min-width: 992px) {
    .clind_logo_list li{width:16.66%}
    .clind_logo_list li a{height:171px}
    .clind_logo_list li a img{max-width:171px;max-height:171px}
}


.find_cunt_list{margin:0;padding:0;list-style:none;display:flex;align-items:center}
.find_cunt_list li{display:inline-block;padding:0px 5px}
.find_cunt_list li a{background:#fff;display:flex;flex-direction:column;width:135px;height:135px;align-items:center;justify-content:center;color:#333;border:1px solid #ddd;border-radius:40px;transition:all .3s ease}
.find_cunt_list li a:hover{background:#f5f5f5;color:#041cd1;border-color:#041cd1}
.find_cunt_list li a img{height:53px;width:53px;background:#fff}
.find_cunt_list li a span{display:block;margin-top:17px;font-size:14px}

.find_cunt_list2{margin:0;padding:0;list-style:none;display:flex;align-items:center}
.find_cunt_list2 li{display:inline-block;padding:0px 5px}
/* Desktop-only centering/columns. Unscoped, justify-content:center beat
   common.css's flex-start mobile override just by loading later, and
   with an overflowing centered flex row the initial scroll position
   (0) shows content already bled off the left edge - i.e. the first
   chip renders cut off. width:12% similarly beat the auto/scroll
   sizing common.css sets for mobile. */
@media (min-width: 992px) {
    .find_cunt_list,
    .find_cunt_list2 {
        justify-content: center;
    }
    .find_cunt_list li,
    .find_cunt_list2 li {
        width: 12%;
    }
}
.find_cunt_list2 li a{background:#fff;display:flex;flex-direction:column;width:155px;height:135px;align-items:center;justify-content:center;color:#333;border:1px solid #ddd;border-radius:20px;transition:all .3s ease}
.find_cunt_list2 li a:hover{background:#f5f5f5;color:#041cd1;border-color:#041cd1}
.find_cunt_list2 li a img{height:45px;width:70px;background:#fff}
.find_cunt_list2 li a span{display:block;margin-top:17px;font-size:14px}

._testi_box{margin:10px;background:#fff;padding:35px 20px;box-shadow:0 0 10px #ddd;position:relative}
._testi_box:before{content:'\f10d';position:absolute;left:10px;top:-10px;line-height:80px;font-weight:700;color:#327ed2;z-index:9;font:34px FontAwesome}
._testi_box .fa-quote-left{display:block;font-size:20px;color:#ef6117;margin-bottom:20px}
._testi_box .ct-msg{
    font-weight: normal;
    font-size:13px;line-height:20px;color:#444;margin-bottom:20px}
._testi_box .ct-name{margin-top:0;font-weight:600;color:#000;margin-bottom:7px;font-size:14px}
._testi_box .ct-cname{color:#666;font-size:14px;font-weight:400;margin:0}
.ct-list .owl-dots{display:none;}
/* Equal-height testimonial cards regardless of quote length: Owl Carousel
   gives each slide its own .owl-item wrapper, so the stretch has to be
   applied to Owl's own generated elements, not just ._testi_box. This
   file loads after style.css and wins the cascade, so it needs the same
   rules repeated here rather than relying on style.css alone. */
.ct-list.owl-carousel .owl-stage{display:flex}
.ct-list.owl-carousel .owl-item{height:auto;display:flex}
.ct-list.owl-carousel .owl-item .ct-iteam{display:flex;width:100%}
.ct-list ._testi_box{display:flex;flex-direction:column;width:100%}
.ct-list ._testi_box .ct-msg{flex:1 0 auto}

.body_section_02{padding:20px 0px 30px}

.home-cms-content{border-top:solid 1px #eee;font-size:13px;color:#666;line-height:22px;margin-top:30px;padding-top:20px}

.page_text{font-size:14px;color:#666;line-height:22px;}
.all_cata_in{margin:20px -7px 0;padding:0;list-style:none;display:flex;flex-wrap:wrap}
.all_cata_in > li{width:33%;padding:7px;}

.all_cata_in .home_cat-iteam{border:1px solid #eee;padding:15px 7px 15px 15px;position:relative;height:148px;overflow:hidden;transition:all .3s ease;background:#fff;border-radius:15px;box-shadow:3px 3px 3px #ddd}
.all_cata_in .home_cat-iteam:hover{box-shadow:0 0 10px rgba(0,0,0,0.12);border-color:#92beff}
.all_cata_in .home_cat-iteam:hover .opci-img{transform:scale(1.1)}

.categ_list{display:flex;flex-wrap:wrap;margin:0px -12px 25px -12px;}
.categ_list .cat_box{box-sizing:border-box;padding-left:12px;padding-right:12px;}
/* Desktop-only width, same reasoning as .tc-list above: keeps this from
   winning the cascade against common.css's tablet/mobile overrides just
   by loading later in <head>. */
@media (min-width: 992px) {
    .categ_list .cat_box{width:33.33%;}
}
.cat_box .cate_list_inb{background:#fff;border:1px solid #eee; padding:15px; border-radius:5px; display:flex; flex-wrap:wrap;align-items:flex-start; margin-bottom:20px;box-shadow:0 0 10px #eee;}
.cat_box .cate_list_inb:hover{border:solid 1px #ddd;box-shadow:0 0 10px rgba(0,0,0,0.20);}
.cate_list_inb ._name{width:100%; flex-grow:1; margin:0 0 15px 0; font-size:17px; color:#000; font-weight:500;}
.cate_list_inb ._name a{color:#000; text-decoration:none;}
.cate_list_inb:hover ._name a{color:#03c;}
.cate_list_inb .ci-img{width:125px;height:125px;border:1px solid #eee; box-sizing:border-box; overflow:hidden;display:flex; align-items:center;justify-content:center;}
.cate_list_inb .ci-img img{width:100%; height:125px;object-fit:cover;}
.cate_list_inb:hover .ci-img img{transform:scale(1.1);}
.cate_list_inb .ci_link{margin:0; padding:0; list-style:none; width:calc(100% - 125px); box-sizing:border-box; padding-left:20px;}
.cate_list_inb .ci_link li{position:relative; padding-left:10px;  font-size:13px;font-weight:400;}
.cate_list_inb .ci_link li:before{content:''; position:absolute; height:3px; width:3px;border-radius:50%;background:#0033cc; left:0;top:calc(50% - 1px);}
.cate_list_inb .ci_link li:last-child{margin-bottom:0;}
.cate_list_inb .ci_link li a{display:inline-block; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#0033cc;}
.cate_list_inb .ci_link li a:hover{text-decoration:underline}


.page_hed_sec{margin-bottom:20px;}
.page_hed_sec .page_title_in h1{font-size:22px;line-height:22px;font-weight:500;border-bottom:1px solid #ddd;padding-bottom:7px;margin:0px;}
.page_hed_sec .page_title_in h1 span{font-size:14px;color:#666;}
.page_hed_sec .breadcrumb{text-align:left !important;
    margin-left: -10px;
    white-space:nowrap;overflow:auto;width:100%;font-size:12px;color:#000;margin-top:7px}
.page_hed_sec .breadcrumb::-webkit-scrollbar{display:none}
.page_hed_sec .breadcrumb li{display:inline-block;position:relative;padding:0 5px 0 15px}
.page_hed_sec .breadcrumb li:after{position:absolute;content:"/";left:0;display:inline-block}
.page_hed_sec .breadcrumb li:first-child:after{content:''}
.page_hed_sec .breadcrumb li:last-child{padding-right:0}
.page_hed_sec .breadcrumb li a{color:#03c}


/* Page-title banner, reused across several pages (careers, membership, register)
   which each redeclared it inline - kept here as the one shared definition. */
.main_cat_bg{background:#111 url(../images/categories_bg.jpg);background-attachment:fixed;padding:35px 0 30px}
.main_cat_bg h1{text-align:center;font-size:30px;line-height:34px;color:#fff}
.main_cat_bg h1 span{display:block;font-size:14px;}

/* Category level-2 page grid (moved from inline <style> in categories/category-level-2.blade.php) */
.feature_prod{margin-top:25px}
.feature_prod h2{font-size:18px;border-bottom:1px solid #eee;margin-bottom:10px;font-weight:500;padding-bottom:5px;color:#333}
.category_02{display:flex;flex-wrap:wrap;margin-bottom:20px}
.category_02>*{padding:6px}
/* Desktop-only column width - same cascade issue as .slider above. */
@media (min-width: 992px) {
    .category_02>*{width:16.6666667%;}
}
.l2_box{background:#fff;border:1px solid #ddd;border-radius:3px;width:100%;overflow:hidden;padding:10px 5px 10px 10px;height:100%;display:flex;align-items:center}
.l2_box:hover{box-shadow:0 1px 8px rgba(0,0,0,0.2)}
.l2_box:hover img{transform:scale(1.2) translateY(-40%)}
.l2_box a{line-height:1px}
.l2_box a:hover,.l2_box-wrap a:hover{color:#ff6a00}
.l2_box figure{width:70px;height:70px;margin:0;line-height:1px;overflow:hidden;background:#f5f5f5;position:relative}
.l2_box figure img{width:100%;transition:all .5s;position:absolute;top:50%;transform:translateY(-50%)}
.l2_heading{flex:1;font-size:15px;line-height:19px;padding-left:7px;word-break:break-word;color:#03c}

/*Top Navigation*/
.top-nav{display:none;left:0;right:auto;position:absolute;min-width:320px; height: 532px; top:46px; left: 0px; z-index:999999;background:#fff;box-shadow:0 0 12px rgba(0,0,0,0.15); padding:10px 0 10px 10px;}.top-nav:before {position: absolute; content: ''; top: -35px; right:0; width: 100%; height: 50px; background:transparent;}.top-nav:after {position: absolute; content: ''; top: -25px; left:5px; border:15px solid; border-color:transparent transparent #fff transparent}.top-nav ::selection{background:none;color:none}.top-nav-links > li > a{padding:8px 10px;display:block;line-height:normal; position: relative; color: #333}.top-nav-links > li:hover > a{color:#006699;box-shadow: 0 0 5px rgba(0,0,0,0.2)}.top-nav-links > li:hover > a:after {content: ''; position: absolute; width: 20px; height: 100%; background:#fff; top: 0; right:-7px; z-index: 5}.top-nav-links > li:hover .hover-links{display:block!important}.top-nav-links > li > a i{padding-right:5px;}.top-nav-links > li > a:hover i{padding-right:0px; color:#006699}.top-nav-links > li:last-child a{padding:15px 10px 17px;color:#006699;text-align:center}.top-nav-links > li:last-child:hover a{transform:translateX(0px)}
.top-nav-links > li > a .si{width:24px;vertical-align:middle;transition:all .5s;vertical-align:middle;margin-right:4px; opacity: 0.6}.top-nav-links > li > a h4{display:inline-block;margin:0;vertical-align:middle; font-weight: normal;}.top-nav-links > li > a i{display:inline-block;float:right;font-size:14px;vertical-align:middle;margin-top:4px;color:#ccc;transition:all .5s;margin-right:10px}.hover-links {display:none;left:320px;position:absolute;min-width:1050px;height:532px;top:0px;z-index:1;background:#fff;box-shadow:0 0 12px rgba(0,0,0,0.15);line-height:20px;padding:25px}.hover-links .view-all{color:#006699}.hover-links .view-all i{color:#999}.hover-links .view-all:hover{text-decoration:underline}.hover-links.active{display:block}.hover-links ul{margin-bottom:30px}.hover-links ul li:first-child{font-weight:600;color:#006699;margin-bottom:7px;line-height:16px}.hover-links ul li:last-child{margin-bottom:0}.hover-links ul li{margin-bottom:4px}.hover-links ul li a{display:inline-block; color: #333}.hover-links ul li a:hover{color:#006699; text-decoration: underline;}.top-nav-links .all-catg {padding:7px 0 !important}.top-nav-links .all-catg i {margin-left: 5px; vertical-align: middle;}.top-nav-links .all-catg:hover {padding:7px 0 !important;box-shadow: none;}.top-nav-links .all-catg:hover:after {display: none;}
