/*
Template Name: Venus Power Electronics
File: Layout CSS
Author: Alpesh Panchal
Author URI: https://alpesh88ww.wixsite.com/akdesigns
*/
:root { --base-color: #3c79bc; }

img { -webkit-user-drag: none; }
html, body { scroll-behavior: smooth; }
body { font-family: 'Poppins', sans-serif; overflow-x: hidden; font-size: var(--bs-body-font-size); }
header, a, button, input, p, h1, h2, h3, h4, h5, h6, label, img, svg, .container, .shadowHover, .shadowHoverLight { -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }

/*ul { list-style: none; padding: 0; }*/
a { color: var(--bs-body-color); /*text-decoration: none;*/ }
a:hover { text-decoration: none; color: var(--base-color); }
a:focus { text-decoration: none; /*color: var(--base-color);*/ }

.active { text-decoration: none; color: var(--base-color) !important; pointer-events: none; }
.button { background: var(--base-color); color: #fff !important; display: inline-block; transition: 0.3s; padding: 18px 35px 18px 35px; font-weight: bold; }
.button:hover { background: #fff !important; color: #333 !important; }
.button_1 { background: var(--base-color); color: #fff !important; display: inline-block; transition: 0.3s; padding: 18px 35px 18px 35px; font-weight: bold; text-decoration: none; }
.button_1:hover { background: #111 !important; color: #fff !important; }

.table-first-col-bold td:first-child { font-weight: 600; }
.pro-table td:first-child { width: 300px; }

.grid figure { position: relative; float: left; overflow: hidden; width: 100%; text-align: center; }
figure.effect-jazz figcaption::after, figure.effect-jazz img { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; }
figure.effect-jazz:hover img { -webkit-transform: scale3d(1.05, 1.05, 1); transform: scale3d(1.05, 1.05, 1); }

.col_oran { color: var(--base-color) !important; }
.bg_oran { background: var(--base-color) !important; }
.bg_back { background: #000000c4; }
.bg_backo { background: #000000f5; }

h1, h2, h3, h4, h5 { font-weight: 600; }
h6 { font-weight: 400; }
hr { opacity: 1; background-color: #f9e6d9; }

.font_14 { font-size: 14px; }
.font_8 { font-size: 8px; }
.font_10 { font-size: 10px; }
.font_12 { font-size: 12px; }
.font_13 { font-size: 13px; }
.font_60 { font-size: 60px !important; }
.font_50 { font-size: 50px !important; }

.line { height: 4px !important; width: 80px; background-color: var(--base-color); }
.p_3 { padding-top: 30px; padding-bottom: 30px; }
.border_1 { border: 1px solid #f9e6d9; }
.carousel_p .carousel-indicators { bottom: -60px !important; }
.carousel_p { padding-bottom: 70px !important; }

.bg-light { background: rgba(var(--bs-tertiary-bg-rgb),var(--bs-bg-opacity))!important; }

html[data-bs-theme="dark"] .dark-frame iframe { filter: invert(90%) hue-rotate(180deg); }

/*********************top****************/
.main { background-image: url(../images/base.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; }
#top { background: #333333; }
.top_1r ul li a { width: 25px; height: 25px; line-height: 25px; transition: 0.3s; }
.top_1r ul li a:hover { background: var(--base-color) !important; color: #fff; }

/*********************header****************/
.nav_hide:after { display: none; }
.navbar { background: #101010d4; user-select: none; }
#header { border-bottom: 1px solid color-mix(in srgb, var(--base-color), black 50%); border-top: 1px solid #505050; }
#header .navbar-brand { font-size: 36px; }
.navbar-collapse { align-items: start; flex-basis: auto; flex-grow: unset; }
#header .nav-link { padding: 28px 24px; color: #fff; }
#header .nav-item:last-child .nav-link { padding-right: 0; }
#header .nav-link:hover { background: none; color: var(--base-color); }
#header .nav-link:focus { background: none; color: var(--base-color); }
#header .active { background: none; color: var(--base-color); pointer-events: none; user-select: none; }
.drop_1 { min-width: 220px; padding: 0; border-radius: 0; margin-top: 0 !important; border: none; box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px; background: var(--bs-body-bg); }
.drop_1 a { font-size: .9rem; padding-top: 8px; padding-bottom: 8px; border-bottom: 1px solid color-mix(in srgb, var(--base-color), white 80%); color: #333; }
.drop_1 a:hover { background: var(--base-color); color: #fff; }
.drop_2 { min-width: 280px; }
.sticky { position: fixed; top: 0; width: 100% !important; z-index: 3; background-color: #101010; }
.sticky { top: -40px; transform: translateY(40px); transition: transform .3s; border-bottom: 1px solid color-mix(in srgb, var(--base-color), black 20%); border-top: 1px solid #505050; box-shadow: rgba(0, 0, 0, 0.4) 0px 5px 20px 0px; }
.dropdown:hover .dropdown-menu { display: block; max-height: 60vh; overflow-x: hidden; overflow-y: auto; }
.dropdown>.dropdown-toggle:active { /*Without this, clicking will make it sticky*/ pointer-events: none; }

/*********************common****************/
.pages ul li { display: inline-block; }
.pages ul li a { display: block; color: #0c121d; margin: 0 2px; width: 40px; height: 40px; line-height: 38px; text-align: center; border: 1px solid #f9e6d9; background: #fff; }
.pages ul li a:hover { background: var(--base-color); border: 1px solid var(--base-color); }
.pages ul li a:hover { color: #fff !important; }
.act { background: var(--base-color) !important; border: 1px solid var(--base-color) !important; color: #fff !important; }

/* footer social icons */
ul.social-network { list-style: none; display: block; margin-left: 0 !important; padding: 0; }
ul.social-network li { display: inline-block; }
.social-network a.icoRss:hover { background-color: #F56505; }
.social-network a.icoFacebook:hover { background-color: #3B5998; }
.social-network a.icoTwitter:hover { background-color: #33ccff; }
.social-network a.icoGoogle:hover { background-color: #BD3518; }
.social-network a.icoVimeo:hover { background-color: #0590B8; }
.social-network a.icoLinkedin:hover { background-color: #007bb7; }
.social-network a.icoRss:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i, .social-network a.icoGoogle:hover i, .social-network a.icoVimeo:hover i, .social-network a.icoLinkedin:hover i { color: #fff; }
a.socialIcon:hover, .socialHoverClass { color: #44BCDD; }
.social-circle li a { display: inline-block; position: relative; margin: 0 2px 0 2px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; width: 40px; height: 40px; }
.social-circle li i { margin: 0; line-height: 40px; text-align: center; }
.social-circle li a:hover i, .triggeredHover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -ms--transform: rotate(360deg); transform: rotate(360deg); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; }
.social-circle i { color: #fff; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s; -ms-transition: all 0.8s; transition: all 0.8s; }

.form-control:focus { box-shadow: none; border-color: color-mix(in srgb, var(--base-color), white 10%); }
.form-select:focus { box-shadow: none; border-color: color-mix(in srgb, var(--base-color), white 10%); }
.form-control { border-color: color-mix(in srgb, var(--base-color), white 70%); box-shadow: none; border-radius: 0; height: 55px; }
.form-select { border-color: color-mix(in srgb, var(--base-color), white 70%); box-shadow: none; border-radius: 0; height: 55px; color: #777; }
.shadow_box { box-shadow: 0px 4px 20px -3px rgb(22 36 62 / 15%); }
.carousel-indicators [data-bs-target] { background-color: var(--base-color); }
.input-group .form-control { height: auto; }
.input-group .form-control:focus { box-shadow: none; }
.form-check .form-check-input:checked { background-color: var(--base-color); border-color: var(--base-color); }
.form_text { height: 120px !important; resize: none; }

.center_o { padding-top: 80px; padding-bottom: 80px; }
.center_o1 h6 { background: #21252999; }
.line_1 { background: #373d44; }

.accordion-button { background: color-mix(in srgb, var(--base-color), black 20%); color: #fff; padding: 0 15px; /*font-weight: bold; border: 0; font-size: 20px; text-align: left;*/ }
.accordion-button:focus { box-shadow: none; border: none; }
.accordion-button:not(.collapsed) { background: var(--base-color); color: #fff; padding: 0 15px; }
.accordion-body { padding: 20px; background: #fff; }
.accordion-button::after { width: auto; height: auto; content: "+"; font-size: 40px; background-image: none; font-weight: 100; }
.accordion-button:not(.collapsed)::after { width: auto; height: auto; background-image: none; content: "-"; font-size: 40px; transform: translate(-5px, -4px); transform: rotate(0deg); }
.accordion-item { border: none; border-radius: 0; background: none; border-bottom: 1px solid color-mix(in srgb, var(--base-color), white 80%); margin-bottom: 10px; }

.bg_backn { background: #00000073 !important; }

/*********************footer****************/
.footer_2i ul li a { width: 45px; height: 45px; line-height: 45px; transition: 0.3s; background: #32383e; color: #fff; }
.footer_2i ul li a:hover { background: var(--base-color) !important; color: #fff; }
.footer_2i .form-control { background: #32383e; }
/*.cat-menu { max-height: 450px; overflow-x: hidden; overflow-y: auto; }*/

.no-focus:focus { outline: none; box-shadow: none; }

@media screen and (max-width : 1930px) {
	body { font-size: .94rem; }
}
@media screen and (max-width : 1620px) {
	#header .nav-link { padding: 28px 12px; }
}
@media screen and (max-width : 1400px) {
	#header .nav-link { padding: 12px; }
	.pro-table td:first-child { width: 50%; }
}
@media screen and (max-width : 991px) {
	.navbar-collapse { max-height: 350px; overflow-y: auto; border-top: 1px solid #3a3939; margin-top: 15px; flex-basis: 100%; flex-grow: 1; }
	#header .nav-link { font-size: 15px !important; border-bottom: 1px solid #3a3939; padding-top: 10px; padding-bottom: 10px; border-radius: 0 !important; }
	.navbar .navbar-toggler { box-shadow: none !important; background: #3a3939; border: none; border-radius: 0; margin-top: 0; font-size: 16px; }
	.navbar .navbar-toggler .navbar-toggler-icon { filter: invert(100%); }
	.dropdown:hover .dropdown-menu { max-height: none; overflow-x: visible; overflow-y: visible; }
	.drop_1 { margin-top: 0 !important; min-width: 100%; }
	.drop_1 a { color: #fff; padding-left: 16px; background-color: #333; border-bottom: 1px solid color-mix(in srgb, var(--base-color), black 40%); }
	.navbar { /*padding-top: 10px !important; padding-bottom: 10px !important;*/ background-color: #101010; }
	.sticky .drop_1 { margin-top: 0 !important; }
	.line { margin-left: auto; margin-right: auto; }

	.pages ul li { margin-top: 5px; margin-bottom: 5px; }
	.center_sm { text-align: center !important; }
	.center_left { text-align: left !important; }

	#top { display: none; }
	.container-fluid { padding-left: 0.75rem !important; padding-right: 0.75rem !important; }
	#header .navbar-brand { font-size: 24px; padding: 10px 15px 10px 0 !important; }
	#header .navbar-brand img { width: 250px !important; }

	.serv_h1 br { display: none; }
	.serv_h2i { margin-top: 8px; margin-bottom: 8px; text-align: center; }
	.serv_h2i p { text-align: left; }
	.team_h1i { margin-top: 8px; margin-bottom: 8px; }
	.testim_1i1 { margin-top: 8px; margin-bottom: 8px; }
	.blog_h1i { margin-top: 8px; margin-bottom: 8px; }
	.pro-table td:first-child { width: 50%; }
	.footer_1r { margin-top: 15px; }
	.footer_2i { margin-top: 8px; margin-bottom: 8px; }
	.footer_2i img { max-width: 180px !important; }
	.footer_2i h3 { text-align: center; }
	.footer_2i h4 { text-align: center; }
	.footer_2i ul { text-align: center; }
	.footer_2ism h6 { margin-top: 10px !important; }

	.center_o1 { text-align: center; }
	.center_o1 .font_50 { font-size: 40px !important; }
}
@media screen and (max-width:767px) {
	.cat-menu { max-height: none; overflow: visible; }
}
@media (min-width:576px) and (max-width:767px) {
	.serv_h2i1r { margin-top: 15px; }
}
@media (min-width:768px) and (max-width:991px) {
	.navbar-expand-md { flex-wrap: wrap !important; }
	.drop_2 { left: auto !important; right: 0 !important; }
	.container-fluid { padding-left: 1.75rem !important; padding-right: 1.75rem !important; }
	.top_1l ul li { font-size: 12px; }
	#header .navbar-brand { font-size: 24px; padding: 10px 15px 10px 0 !important; }
	#header .navbar-brand img { width: 250px !important; }
	#header .nav-link { padding: 18px 4px; font-size: 13px; }
	.drop_1 { margin-top: 8px !important; }
	
	.serv_h2i1l .font_60 { font-size: 34px !important; }
	.footer_1l { padding-top: 0 !important; }
	.footer_2i h3 { font-size: 22px; }
	.footer_2i h4 { font-size: 16px; margin-top: 15px !important; }
	.footer_2i p { font-size: 13px; }
	.footer_2i h6 { font-size: 13px; }
	.footer_2i ul li a { width: 35px; height: 35px; line-height: 35px; }
	.serv_h2i1r h3 { font-size: 18px; }
}
@media (min-width:871px) and (max-width:991px) {
	#header .nav-link { padding: 12px 10px; }
}
@media (min-width:992px) and (max-width:1200px) {
	.navbar-expand-md { flex-wrap: wrap !important; }
	.drop_2 { left: auto !important; right: 0 !important; }
	.container-fluid { padding-left: 0.75rem !important; padding-right: 0.75rem !important; }
	#header .nav-link { padding: 18px 9px; }
	#header .navbar-brand { padding-left: 0 !important; padding-right: 15px !important; }
	.serv_h2i1l .font_60 { font-size: 45px !important; }
	.footer_2i h3 { font-size: 22px; }
	.footer_2i h4 { font-size: 16px; margin-top: 15px !important; }
	.footer_2i p { font-size: 13px; }
	.footer_2i h6 { font-size: 13px; }
}
.back-to-top { position: fixed; background: color-mix(in srgb, var(--base-color), black 20%); color: #fff; width: 38px; height: 36px; text-align: center; line-height: 36px; font-size: 16px; border-radius: 50%; right: 15px; bottom: 15px; z-index: 11; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.3s ease-in-out, visibility 0.3s; box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px; }
.back-to-top.show { opacity: 1; visibility: visible; pointer-events: auto; }
.back-to-top i { color: #fff; }

[data-bs-theme="dark"] { --base-color: #4087d4; }
[data-bs-theme="dark"] .bg-white { background-color: var(--bs-light-bg-subtle) !important; }
[data-bs-theme="dark"] .bg-dark { background: var(--bs-dark-bg-subtle) !important; }
[data-bs-theme="dark"] .navbar .navbar-toggler { background: #807f7f !important; }
[data-bs-theme="dark"] .drop_1 a { color: var(--bs-heading-color) !important; border-bottom: 1px solid color-mix(in srgb, var(--base-color), black 90%) !important; }
[data-bs-theme="dark"] .dropdown-item.active { color: var(--base-color) !important; }
[data-bs-theme="dark"] .form-control { border: var(--bs-border-width) solid color-mix(in srgb, var(--base-color), black 40%) !important; }
[data-bs-theme="dark"] .form-control.is-invalid { border: var(--bs-border-width) solid color-mix(in srgb, var(--bs-form-invalid-border-color), black 20%) !important; }
[data-bs-theme="dark"] .form-control:focus { border-color: color-mix(in srgb, var(--base-color), black 5%) !important; }
[data-bs-theme="dark"] .accordion-item { border-bottom: 1px solid color-mix(in srgb, var(--base-color), black 60%) !important; }
[data-bs-theme="dark"] .footer_2i img.qc { filter: invert(100%); }