/******
Project: Arham World
Created by Huner Digital Solutions 
******/

@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Rajdhani');
@import url('https://fonts.googleapis.com/css?family=Nunito');

:root {
--theme-primary: #fd533a;
--theme-secondary: #294d94;
--theme-dark: #333333;
--theme-light: #f9f9f9;
--theme-grey: #d2d4d9; 
}

html {scroll-behavior: smooth; /*cursor: url('../image/cursor.png'), auto;*/ }
body {font-family:"Roboto" !important; line-height:1.5; color: var(--theme-dark); }
body::-webkit-scrollbar {
  width: 8px;
  height:100%;
}
body::-webkit-scrollbar-track {
  background:var(--theme-primary);
  border:3px solid #fff; 
}
body::-webkit-scrollbar-thumb {
  background: var(--theme-grey);
  border:none;
  border-radius:5px; 
}
body::-webkit-scrollbar-thumb:hover {
  background: var(--theme-dark);
}

.container {width:92%; max-width:92% !important;}
h1, h2, h3, h4, h5, h6 {font-family:"Nunito"; font-weight:600; color:var(--theme-dark);margin-bottom:5px;}
h1, h2, h3 { color:#000;}
form {margin:0;padding:0;}
input[type=text]:focus, textarea:focus {outline:none;}
img {max-width:100%;}
.gap {height:30px; line-height:30px;}

.btn-prime {background-color:var(--theme-primary);color:#fff;border:0;}
.btn-prime:hover {background-color:var(--theme-primary);color:#fff;text-decoration: none !important;box-shadow:2px 3px 3px var(--theme-grey);}
.btn-second {background-color:var(--theme-secondary);color:#fff;border:0;} 
.btn-second:hover {background-color:var(--theme-secondary);color:#fff;text-decoration: none !important;box-shadow:2px 3px 3px var(--theme-grey);}


/* Header */


#header {
	display:block; 
	width:100%; 
	background-color: #fff;
	border-bottom:3px solid var(--theme-primary);
}

.head-top a {color:var(--theme-primary); text-decoration:none;}
.head-main a i {font-size:120%; color: var(--theme-dark);}
.head-main a:hover,  .head-top a:hover {color:var(--theme-secondary);} 

.logo {
	display:inline-block;
	width:28%; 
	height:auto;
	padding:5px;
	text-align:left;
}
.logo img {max-width:80%;}

.menubar {
	display:inline-block;
	width:70%; 
	height:auto;
	margin-top:15px;
	padding:10px;
	text-align:right;
}
.menubar a, .menubar div{
	display:inline-block; 
	margin: auto 8px;
	padding:2px;
	color: var(--theme-dark);
	text-decoration:none;
	border-bottom:2px solid rgba(250,250,250,0);
}
.menubar a:hover{ 
	color: var(--theme-secondary);
	border-bottom:2px solid var(--theme-secondary);
}
.menubar div:hover{ 
	color:var(--theme-secondary); 
}
.menubar a i, .menubar div i{
	font-size:140%;
}

.menubar .dropdown {margin:0; padding:0;}
.menubar .dropdown a{margin-right:5px;}
.menubar .dropdown i {display:inline-block; font-size:110%; color:var(--theme-dark);}

.menubar .dropdown .dropdown-content {
  display: none;
  position: absolute;
  top:35px; 
  background-color: var(--theme-light);
  min-width: 275px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}
.menubar .dropdown .dropdown-content a {
  float: none;
  color: black;
  padding: 5px;
  text-decoration: none;
  display: block;
  text-align: left;
  border-bottom:2px solid rgba(0,0,0,0);
}
.menubar .dropdown .dropdown-content a:hover { 
  border-bottom:2px solid var(--theme-secondary);
}
.menubar .dropdown:hover .dropdown-content {
  display: block;
}
.menubar .btn-prime {color:var(--theme-grey);}
.menu-icon {
	display:none;
}

.stickyH {
	position:fixed; 
	top:0; 
	z-index:999; 
	-webkit-transition: all .3s ease-in 2s;
    -moz-transition: all .3s ease-in 2s;
    -ms-transition: all .3s ease-in 2s;
    -o-transition: all .3s ease-in 2s;
    transition: all .3s ease-in 2s;
} 
.stickyH .head-top {display:none;}


.search-box {
	display:block;
	width:100%;
	padding:15px 30px;
	text-align:center; 
}
.search-box .input_area {
	position:relative;
	width:76%;
	left:12%;
	padding:5px; 
	border:2px solid var(--theme-grey); border-radius:5px;
}
.search-box .input_area .srchSel {
	position:relative;
	display:inline-block;
	width:22%; 
	min-width:120px;
	margin-right:8px;
	line-height:35px;
	padding:5px; 
	border:none;
	border-left:1px solid var(--theme-grey);
}
.search-box .input_area .srchbx {width:67%; line-height:35px; padding-left:30px; margin-right:5px; border:none;}
.search-box .input_area .labels {position:relative; left:10px;}
.search-box .input_area input:focus {outline:none;}
.search-box .input_area .btn {min-height:38px; }

/* */


/* Footer */

#main-footer {position:relative; background:linear-gradient(to bottom right, #fff 45%, #ddd 75%);}  
#main-footer:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0; 
    width: 100%;
    height: 100%;  
    background: url(../images/footer-bg.png) no-repeat right bottom;
	background-size:80%;
	opacity:0.3;
}
#main-footer .container {position:relative; z-index:1;}
#main-footer li a{color:var(--theme-dark); text-decoration:none;}
#main-footer li a:hover{color:var(--theme-secondary); text-decoration:underline;}
#main-footer, #main-footer h5 {color:#000;}

#sub-footer { color:var(--theme-dark); min-height:60px; margin-bottom:5px;}
#sub-footer .copyright {font-size:80%;line-height:1.9;font-weight:300 !important;margin:0;padding:0;}
#sub-footer .copyright a{color:var(--theme-dark);text-decoration:none;}
#sub-footer .copyright a:hover{color:var(--theme-secondary);}

.iconbox {padding:5px; margin:8px 0; color:var(--theme-dark); }
.iconbox .fa, .iconbox .fa-regular, .iconbox .fa-solid {position:relative; width:30px; height:30px; display:inline-block;margin:0 10px 10px 0; text-align:center; font-size:140%; -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;}
.iconbox p {display:inline-block; width:73%;}

.footer-social { margin-top:10px; }
.footer-social a {display:inline-block; margin:0 7px; padding:5px 9px; width:36px; height:36px; border:2px solid var(--theme-dark); border-radius:100%; color:var(--theme-dark); text-decoration:none;} 
.footer-social a:hover {color:var(--theme-primary); text-decoration:none; border:2px solid var(--theme-primary);}

.scrollup {position:fixed;bottom:22px;right:10px;width:40px;height:40px;line-height:42px;text-align:center;z-index:998;background-color:#000;color:#fff; border-radius:100%;}
.scrollup:hover { background-color:var(--theme-primary); color:#fff;font-weight:600;}
.scrollup .fa {font-size:130%;}

.WhatsApp-Layer {position: fixed; 
		left:15px;
        bottom: 15px;
        z-index: 99;
	}

.WA-badge {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 80px;
    height: 80px;
}
 .WA-badge:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        animation: spinner 6s infinite;
        background: url(../images/text-badge2.png) no-repeat;
 }

 @keyframes spinner {
  0% { transform: rotate(360deg); }
  100% { transform: rotate(0deg); }
}
 .WA-badge .WA-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 60px;
        height: 60px;
        border-radius: 50%;
        color: #fff;
        background-color: #299c37;
 }


.stkQuote {display:none; position:fixed; top:110px; right:50px; width:350px; z-index:1; }

.stkQuote .closeBtn{
    color:#fff;
	display:flex;
	align-items: center;
    justify-content: center;
    position: absolute; 
	width:30px;
	height:30px;
    top: 8px;
    right: 8px;
    font-size: 14px; 
	border-radius:100%;
	background:var(--theme-dark);
	z-index:1;
}

.stkQuote .closeBtn:hover, .stkQuote .closeBtn:focus { 
	background:var(--theme-primary);
    text-decoration: none;
    cursor: pointer;
}


/* The Modal (background) */
.modal {
  display: none;
  position: fixed;
  z-index: 996;
  padding-top: 30px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; 
  overflow-y: auto;
  background-color: rgba(0, 0, 0, 0.85); 
}

.modal-content {
    position: absolute;
    left: 32%;
    top: 7%;
    background-color: #fff;
    margin: auto;
    padding: 20px 30px;
    width: 36%;
    color: var(--theme-dark);
    border-radius: 10px; 
    text-align: center;
    display: inline-block;
}
 
.modal .close {
    color: #fff;
    position: absolute;
    top: 5px;
    right: 20px;
    font-size: 30px;
    font-weight: bold;
	opacity: 1;
}

.modal .close:hover, .modal .close:focus {
        color: var(--theme-primary);
        text-decoration: none;
        cursor: pointer;
}

.modal .input_area, .mainLoc .input_area { 
	margin-bottom:12px;
}

.modal .input_area label, .mainLoc .input_area label{ 
	position:absolute;
	display: inline-block; 
    margin: 2px 2px 0px 9px;
    line-height: 32px;
    width: 15px;
    text-align: center;
}

.modal .input_area input, .modal .input_area textarea, .mainLoc .input_area input {
	width: 100%;
    padding: 0 5px 0 30px;
    margin: 0;
    border: 2px solid var(--theme-dark);
	border-radius:4px;
    line-height: 34px;
	-webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
    color: -internal-light-dark(black, white);
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    appearance: textfield;
    background-color: -internal-light-dark(rgb(255, 255, 255), rgb(59, 59, 59));
    -webkit-rtl-ordering: logical;
    cursor: text;   
    border-color: -internal-light-dark(rgb(118, 118, 118), rgb(195, 195, 195));
    border-image: initial;
} 

/* */




/* Main Page */
.banner .slide {display:inline-block; float:none; width:100%; margin:0; padding: 0; vertical-align:middle;}

.scroll-x { 
	max-width:100%;
	max-height:260px;
	padding:5px; 
	overflow-x: auto; 
	overflow-y: hidden; 
}
.scroll-x::-webkit-scrollbar {
  height: 6px; 
}
.scroll-x::-webkit-scrollbar-track {
  background: var(--theme-primary);
  border:2px solid #fff; 
}
.scroll-x::-webkit-scrollbar-thumb { 
  background: var(--theme-grey);
  border:none;
  border-radius:5px; 
}
.scroll-x::-webkit-scrollbar-thumb:hover {
  background: #000;
}

.brandFrt {display:inline-block; width:30%; padding:0; margin:5px; text-align:center;}
.brandFrt img {width:auto;max-height:80px;}

.brand-banners { 
	width:200%;
	max-height:240px;
	padding:10px;  
}
.tbanner{
	display:inline-block;
	width:220px;
	height:auto; 
	margin:5px 20px;
	border-radius:8px; 
	transition:all 0.3s;
}
.tbanner:hover{ transform: scale(1.04); }
.tbanner img{ width:100%; height:auto; border-radius:8px; }

.bg1 {background: var(--theme-light);}
.bg2 {background: var(--theme-primary); color:#fff;}
.white {color:#fff;}

.product-item .slide {border-radius:12px; margin-bottom:15px; padding:10px; border:1px solid var(--theme-grey);background:#fff;}
.product-item .slide .prod_box { text-decoration:none; line-height:1.3;}
.product-item .slide .prod_box:hover {color:var(--theme-secondary);}
.product-item .slide .prod_box img {padding: 5px;}
.product-item .slide .protitle { color: var(--theme-dark); font-weight:600; padding:0; min-height:32px;}
.product-item .slide p {margin:5px; display:inline-block; width:65%; }
.product-item .slide p span {margin-left:5px; text-decoration: line-through; color:#999;font-size:94%;}
.product-item .cart-btn {display:inline-block; width:65px; padding:3px 8px; border-radius:14px; background:var(--theme-primary); color:#fff; text-decoration:none; font-weight:600;}
.product-item .cart-btn:hover {background:var(--theme-secondary); color:#fff;}


.box-tab {padding:20px; border-radius:12px; border:1px solid var(--theme-grey); min-height:130px; }
.box-tab:hover {background:var(--theme-grey);}
.box-tab i {display:inline-block; width:72px; float:left; background-color:var(--theme-grey); color:var(--theme-primary); text-align:center; padding:15px 5px; border-radius:10px;}
.box-tab:hover i {background-color:#fff; }
.box-tab i.fa {font-size:230%;}
.box-tab span {display:inline-block; width:72%; margin:0; padding:0; margin-left:15px; }
.box-tab h4 {color:var(--theme-primary);}
.box-tab p {margin-bottom:0;}
.box-tab:hover h4, .box-tab:hover p {color:#000;} 


.testimo-item .slide { display: flex; border-radius:15px; margin: 5px 15px; padding:15px; min-height:190px; background:#fff; box-shadow: 3px 3px 8px rgba(120,120,120,0.4);}
.testimo-item .slide .testi-head {width:25%; padding:5px; color:var(--theme-primary); font-weight:600; text-align:center !important;}
.testimo-item .slide .testi-head img { width:86%; margin:auto; padding:10px 5px;}
.testimo-item .slide .testi-txt {width:72.5%; margin:0px; margin-left:5px; padding:0; }



.loginForm:before {content:''; position:absolute; top:-16px; right:-16px; width:100%; height:100%; border:6px solid var(--theme-secondary); border-radius:30px; z-index:-1;}
.loginForm {background-color:var(--theme-grey); position:relative; padding:25px 40px; border-radius:26px; }
.loginForm input, .loginForm textarea { display:block; width:99%; border:1px solid var(--theme-grey); line-height:1.5; padding:4px 10px; margin:15px 0; border-radius:4px;}


#newsletter .btn {border-radius:24px;}


/* Cart Page */


.value-button {
  display: inline-block;
  border: 1px solid var(--theme-grey);
  margin: 0px;
  width: 25px;
  height: 30px;
  text-align: center;
  vertical-align: middle;
  padding: 2px 0;
  background: var(--theme-grey);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.value-button:hover {
  cursor: pointer;
}

form #decrease {
  margin-right: -4px;
  border-radius: 5px 0 0 5px;
}

form #increase {
  margin-left: -4px;
  border-radius: 0 5px 5px 0;
}

input.item-qty {
  border: none;
  border-top: 1px solid var(--theme-grey);
  border-bottom: 1px solid var(--theme-grey);
  margin: 0px;
  width: 30px;
  height: 30px;
  vertical-align: middle;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.cart-list {display:block; margin:5px; margin-top:12px; padding:10px; display:block; width:98%; border-bottom:1px solid var(--theme-grey); }
.cart-list img {width:38px; margin-right:4px;}
.item-name {display:inline-block; width:50%; padding: 0 5px; font-size:100%; }
.item-qty {display:inline-block; width:10%; padding: 0 5px; text-align:center;}
.item-price {display:inline-block; width:20%; padding: 0 5px; font-weight:600; font-size:110%; text-align:right; color:#2d084a;}
.cart-list .blkbox {display:block; min-height:20px; margin-bottom:3px;}
.item-btn {display:block; float:right; width:40%; padding: 5px 15px; font-size:85%; color:var(--theme-dark); text-align:right; }
.item-btn a{color:var(--theme-dark);}
.item-btn:hover, .item-btn a:hover{color:#var(--theme-primary); text-decoration:none; cursor:pointer;}
.empty-cart {width:100%; height:260px; background:url(../images/empty-cart.png) no-repeat center center;}


.biller {margin:5px; margin-top:15px; padding:10px; display:block; width:98%; }
.biller .item-desc, .biller .sub-total, .biller .payable {display:block; width:auto; padding: 0px 0px 5px 5px; margin:0px;}
.biller .item-amt  {display:inline-block; position:absolute; right:8%; text-align:right; padding-right:5px;}
.biller .sub-total {border-top:1px solid #ddd; padding-top:7px; margin:5px 0px;} 
.biller .payable {border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding-top:7px; margin:5px 0px; font-size:110%; font-weight:600; color:#000;}
.biller .condition {display:block; width:auto; padding:5px; margin:15px 0;}

.coupon-tab {margin:5px; margin-top:15px;  padding:20px; display:block; width:98%; border:1px solid #ddd; border-radius:10px; background-color:#eee;}
.coupon-tab .txt {display:inline-block;font-size:90%; color: var(--theme-dark);}
.coupon-tab .coupon-code {border:2px dotted #000;display:inline-block;width:60%; padding:4px 8px; border-radius:5px;}

.rgtb-text {display:inline; float:right; margin-right:5px; text-align:right; padding-right:5px; font-size:85%; color: var(--theme-dark); }
.rgtb-text:hover, .rgtb-text a:hover {color: var(--theme-secondary); text-decoration:none; cursor:pointer;}

.address-tab {margin:15px; padding:20px;} 
.address-tab .heading {display:inline-block;font-size:125%; color:#000;}
.address-tab p {color: var(--theme-dark);}


/* Product Pages */



#filterMenu {display:none;}

.ftr-section {margin:0 0 25px 0; padding:0 0 24px 0; background:url("../images/line1.png") no-repeat bottom left;}
.ftr-form-check {margin:0 0 0 10px; padding:2px;} 
.ftr-form-check label {font-size:84%; margin:0;}
.ftr-form-check .chkbtn { padding:0; width:15px; height:15px; border-radius:4px !important; background-color:#fff; vertical-align:middle; margin-right:8px;}
.ftr-form-check .txt-muted {display:inline-block;min-width:35px; max-width:80px; text-align:center; font-size:76%; color:#999; }
.ftr-form-check .ftr-range {-webkit-appearance: none;width:45%;margin:2px 5px;background: #d3d3d3;outline:none;}

.ftr-form-check .ftr-range::-webkit-slider-runnable-track {
    width: 100%;
    height: 4px;
    cursor: pointer;
    animate: 0.2s;
    background: #03a9f4;
    border-radius: 25px;
}
.ftr-form-check .ftr-range::-webkit-slider-thumb {
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 4px 0 rgba(0,0,0,1);
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -6px;
}
.ftr-form-check .ftr-range:focus::-webkit-slider-runnable-track {
    background: #03a9f4;
}

.fltOn {position:fixed; left:0; top:0; width:280px; height:99%; padding:8px 8px 25px 12px; overflow-y:scroll; overflow-x:hidden; background-color:#fff; z-index:2; transition: all 1s;}
.fltOn::-webkit-scrollbar { width:0px; }
.fltOff {position:relative; left:0; top:0; width:280px; height:99%; padding:8px 8px 25px 12px; transition: all 1s;}
.ftr-section {max-height:160px; overflow-y:scroll; overflow-x:hidden; padding:7px; color:#666;}
.fltOff::-webkit-scrollbar, .ftr-section::-webkit-scrollbar { width: 0px; }
.ftr-section .bold {color:#000;}
.fltOff .close {display:none;}


.brdLine {border-bottom:2px solid var(--theme-primary); margin-bottom:20px;  }
.brdLine h1{ margin:0; padding:10px 0; font-size:150%; position:relative; }
.brdLine h1:before{width:120px;  content: ""; bottom:-4px; left:-2px; height:7px; background:var(--theme-primary);position:absolute; }

.prod-list {background:#fff; border-radius:15px; border:1px solid var(--theme-grey); margin-bottom:15px; padding:15px; font-size:93%;}
.prod-list:hover {background:var(--theme-light); border:1px solid var(--theme-grey); }

.prod-list .prod_box { text-decoration:none; line-height:1.3;}
.prod-list .prod_box:hover {color:var(--theme-secondary);}
.prod-list .prod_box img {padding: 5px;}
.prod-list .protitle { color: var(--theme-dark); font-weight:600; padding:0; min-height:32px;}
.prod-list p {margin:5px; display:inline-block; width:65%; }
.prod-list p span {margin-left:5px; text-decoration: line-through; color:#999;font-size:94%;}
.prod-list .cart-btn {display:inline-block; width:65px; padding:3px 8px; border-radius:14px; background:var(--theme-primary); color:#fff; text-decoration:none; font-weight:600;}
.prod-list .cart-btn:hover {background:var(--theme-secondary); color:#fff;}

.orderby {padding:5px 10px; border-radius:5px; border:1px solid var(--theme-light);}


.prod-detail h1 {padding-top:25px;}
.prod-detail .pro-desc {display:block; width:70%; margin:12px 0px; line-height:1.3;}
.prod-detail .brdName, .prod-detail .stkNo, .prod-detail .dlyTime {display:block; width:70%; margin:8px 0px; line-height:1.3;}
.prod-detail .brdName div, .prod-detail .stkNo div, .prod-detail .dlyTime div {display:inline-block; width:70%; float:right; line-height:1.3;}
.prod-detail .price {display:block; margin:12px 0px; font-size:170%; font-weight:bold; }
.prod-detail .price span{text-decoration:line-through; font-size:65%; font-weight:normal; }
.prod-detail .savePrice {display:block; width:68%; margin:5px 0px; padding:6px 10px;  font-weight:bold;  color: var(--theme-secondary); background: var(--theme-light); border-radius:8px;}
.prod-detail .qty {margin:8px 0px;}
.prod-detail .qtyBox {width:40px; margin:5px; padding:3px 5px;}
.prod-detail button {margin:10px 0px;}

.desc-bx-left {width:95%; display:inline-block; text-align:center;}
.desc-bx-left img {width:auto;max-height:460px;} 
.thumb-box{
  display:block;
  width:100%;
  margin:15px 0px;
} 
.thumb, .thumb-box .thumb{
  display:inline-block; 
  opacity: 0.9; 
  margin:2px 3px;
  width:18%;
  max-width:90px;
  padding:3px;
  border:1px solid rgba(150,150,150,0.4);
  border-radius:5px;
}
.thumb:hover, .thumb-active:hover, .thumb-box.thumb:hover{
  opacity: 1;
  border:1px solid #999;
  border-radius:5px;
  background-color:#fff;
  cursor: pointer;
}
.thumb-active, .thumb-box.thumb-active{ 
  opacity: 1;
  border:1px solid #411629; 
}


.star-rating {
      unicode-bidi: bidi-override;
      color: #f8ce0b; /* Change to desired star color */
      font-size: 20px; /* Change to desired font size */
      margin-bottom: 10px;
    }
    .star-rating span {
      padding: 0 1px;
    }



.tile
{
  width:99%;
  margin:1px auto;
}
.tile .tab-pane
{ 
  width:100%;
  padding-bottom: 15px;
}
.tile .tab-pane::-webkit-scrollbar {
  width: 0px;
}
.tile .nav-tabs
{
  position:relative;
  border:none!important;
  background-color:#fff; 
  border-radius:6px;
  list-style-type: none;
	margin-bottom:25px;
}
.tile .nav-tabs li
{
  margin:0px!important;
}
.tile .nav-tabs li a
{
  position:relative;
  margin-right:0px!important;
  padding: 10px 10px 6px 10px !important;
  font-size:14px;
	font-weight:bold;
  border:none!important;
  color:var(--theme-dark);;
}
.tile .nav-tabs a:hover
{
  background-color:#fff !important;
  border:none;
}
.tile .slider
{
  display:inline-block;
  width:30px;
  height:4px;
  border-radius:3px;
  background-color:var(--theme-primary);
  position:absolute;
  z-index:2;
  bottom:0;
  transition:all .4s linear;
  
}
.tile .nav-tabs .active
{
  background-color:transparent!important;
  border:none!important;
  font-weight:bold;
  color:var(--theme-primary) !important;
}

.entry-content ul {padding: 0 0 10px 0px; line-height:20px;}

.tile .tab-content {width:100%; margin-top:10px;}


.tab-content .accordion { 
	--bs-accordion-bg: none;
	--bs-accordion-border-width:0px !important;
	--bs-accordion-border-color:none;
}
.tab-content .accordion-header { background: rgba(0,0,0,0.3); }

.tab-content .accordion-button {padding:8px 10px 5px 10px; color:#fff; }

.tab-content .accordion-button:focus, .tab-content .accordion-button:active {outline:none !important; box-shadow:none !important; }

.tab-content .accordion-button:not(.collapsed) {color:var(--theme-secondary); box-shadow:none; background:var(--theme-light);}

.tab-content .accordion-button::after {background-image:url(../images/down-arrow1.png);}

.tab-content .accordion-button:not(.collapsed)::after {background-image:url(../images/up-arrow1.png);}

.tab-content .accordion-body {padding:0 !important; margin:0 !important;}

.tab-content .accordion-collapse {background:var(--theme-dark) !important;}

.tab-content .accordion-collapse td {color:#fff !important;}

/*---*/



/** Contact Page **/

.contact-section{
    padding: 100px 0 50px ;
}
.contact-section-bottom-inner-left{
    padding: 50px 40px 40px 50px;
}
.contact-section-bottom-inner-left .pbmit-heading-subheading{
    margin-bottom: 30px;
}
.contact-section-bottom-inner-left .pbmit-heading-subheading .pbmit-title{
    font-size: 44px;
}
.contact-section-bottom-bg {
    padding-bottom: 60px;
}
.contact-section-bottom-inner{
    box-shadow: 0 9px 35px 0 rgb(26 47 106 / 9%);
    margin: 0px 15px 0px 0px;
}

.contact-section-bg{
    background-image: url(../images/bg/bg03.png);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: auto;
}
.contact-section-bottom-inner .contact-form{
    padding: 50px 50px 30px 15px;
}
.contact-section-bottom-inner .contact-form input[type=number]::-webkit-inner-spin-button{
    -webkit-appearance: none;
    margin: 0;
}
.contact-section-bottom-inner input[type="text"], 
.contact-section-bottom-inner input[type="number"], 
.contact-section-bottom-inner input[type="tel"],
.contact-section-bottom-inner input[type="email"], 
.contact-section-bottom-inner textarea, .contact-section-bottom-inner select {
    border: 1px solid #dce5e7;
    font-size: 100%;
    background: #fff;
    color: #888;
    height: 42px;
    border-radius: 5px;
    box-shadow: 0 9px 24px 0 rgb(26 47 106 / 5%);
    padding: 0 15px;
	margin-bottom:10px;
}
.contact-section-bottom-inner .contact-form textarea{
    height: 100px;
    padding: 15px;
    resize: none;
}
.contact-section-bottom-inner .contact-form .pbmit-btn{
    padding: 8px 16px;
	border-radius:5px;
	background-color:#eb540f;
	color:#fff;
	border:none;
}
.contact-section-bottom-inner .contact-form .pbmit-btn:hover{ 
	background-color:#cf4404;
	color:#fff; 
}
.contact-section-bottom-inner-left .pbmit-social-links li {
    margin-right: 8px;
    margin-bottom: 8px;
    display: inline-block;
}
.contact-section-bottom-inner-left .pbmit-social-links li a {
    position: relative;
    display: inline-block;
    text-align: center;
    color: #fff;
    background-color: var(--pbmit-global-color);
    font-size: 22px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border: none;
    border-radius: 5px;
}
.contact-section-bottom-inner-left .pbmit-social-links li a:hover{   
    background-color: var(--pbmit-blackish-color);
    color: #fff;
}
.contact-section-iframe{
    height: 450px;
}
.contact-section-iframe iframe{
    height: 100%;
    max-width: 100%;
    width: 100%;
    margin: 0;
    line-height: 1;
    border: none;
}

.side-section-inner{
    box-shadow: 0 6px 28px 0 rgb(26 47 106 / 7%);
    margin: 40px 0 0 15px;
}
.side-section-inner .contact-form{ 
    padding: 30px 20px 20px 20px;
}
.side-section-inner input[type="text"], 
.side-section-inner input[type="number"], 
.side-section-inner input[type="tel"], 
.side-section-inner input[type="email"], 
.side-section-inner textarea, .side-section-inner select {
    border: 1px solid #dce5e7;
    font-size: 100%;
    background: #fff;
    color: #888;
    height: 34px;
    border-radius: 5px;
    box-shadow: 0 3px 15px 0 rgb(26 47 106 / 5%);
    padding: 0 15px;
	margin-bottom:10px;
}
.side-section-inner .contact-form textarea{
    height: 100px;
    padding: 8px 15px;
    resize: none;
}


.comment-form .comment-notes{
    margin-bottom: 25px;
}
.form-control{
    border: 1px solid #dce5e7;
    font-size: 100%;
    background: #fff;
    color: #888;
    height: 55px;
    border-radius: 5px;
    box-shadow: 0 9px 24px 0 rgb(26 47 106 / 5%);
    padding: 0 15px;
}
.input-group .form-control{
    border: none;
}
.input-group-text{
    background-color: #fff;
}
input:focus, .form-control:focus {
    outline: none!important;
    border-color:#eee;
    box-shadow: none !important;
}
.form-select {
    padding: 12px 15px;
    font-size: 100%;
    color: #848484;
    border: 1px solid #eeeeee;
    border-radius: 5px;
    font-family: var(--pbmit-heading-typography-font-family);
    font-weight: 500;
}
.form-select:focus {
    border-color: #eee;
    outline: 0;
    box-shadow: none;
}
.form-check {
    margin-right: 20px;
}



.form-section-inner {
	display:inline-block; 
	width:94%;
	margin:10px auto;
	Padding: 50px 40px;
	border-radius:8px;
    box-shadow: 0 9px 35px 0 rgb(26 47 106 / 7%);
}

.form-section-inner form label { 
	margin:10px 0;
}

.form-section-inner form label i {
	width:26px;
	margin:5px;
}

.form-section-inner form input {
	width:81%; 
}
.form-section-inner form input[type="submit"] {
	width:50%; 
	margin:auto;
	text-align:center;
}
.form-section-inner form .login_btn, .form-section-inner form .signup_btn {margin-top:10px; text-align:center;}


.pbmit-box {
	display:block;
	padding:15px 0;
	margin-bottom:5px;
	border-bottom:1px solid #eee;
}
.pbmit-iconbox {
	display:inline-block;
	width:19%; 
	margin-right:5px;
	vertical-align:top; 
}
.pbmit-icon {width:60px; height:60px; margin:auto; padding:3px 15px; text-align:center; vertical-align:middle;}
.pbmit-icon .fa {color:#000; font-size:175%;}
.pbmit-contentbox {
	display:inline-block;
	width:78%;
	padding-left:4px;
	vertical-align:top;
}



/* ----*/

@media (min-width: 1500px) /* Extra Large View */
{ 
body {font-size:18px;}
.menubar .dropdown .dropdown-content { min-width: 310px; }
}


@media (max-width: 1290px) 
{ 
body {font-size:14px;}
.logo { width:22%; }
.logo img {width:85%;}
.menubar { width:77%;}
}

@media (max-width: 1025px) and (min-width: 770px)/* Tablet View */
{ 

body {font-size:12px;}
.container {width:98%; max-width:98% !important;}
.logo { width:18%; }
.logo img {width:99%;}
.menubar { width:81%; font-size:92%;}
.menubar a, .menubar div{ margin: auto 5px; }
.box-tab {padding:17px; min-height:210px;}
.box-tab i {display:block; float:none; width:65px; padding:15px 0px; margin-bottom:8px; }
.box-tab i.fa {font-size:200%;}
.box-tab span {width:99%; margin-left:auto; margin:auto;}
.iconbox .fa {width:25px; }

}

@media (max-width: 769px) /* Mobile View */
{
body {font-size:16px;}
.container {width:94%; max-width:94% !important;}
#header {height:auto;}
.head-top {display:none;}
.stickyH {height:auto;}
.logo { width:65%; padding:5px; }
.logo img {width:80%;}
.menu-icon {
	display:inline-block;
	width:34%;
	text-align:right;
	margin-top:18px;
}
.menubar {
	display:none;
	position:absolute;
	top:70px;
	right:15px;
	width:240px;
	background-color:rgba(255, 255, 255, 0.8); 
	margin: 0;
	text-align: left;
	padding: 12px; 
	border-radius:5px;
	z-index:99;
}
.menubar a{
	width:95%; 
	text-align: left; 
}
.menubar .dropdown i {position:absolute; width:10px; top:8px; right:-10px;}
.menubar .dropdown .dropdown-content {right:0px;}


#main-footer .col-sm-12 {padding:25px 50px;}
#main-footer:after { 
    background: url(../images/footer-bg.png) no-repeat center bottom;
	background-size:250%; 
}


.brand-banners {  width:185%; max-height:120px; padding:10px;   }
.tbanner{  width:85px; height:auto;  margin:5px 10px; }

.box-tab {margin:10px 0; padding:18px; min-height:105px;}
.box-tab i {width:80px; float:left; padding:16px 5px; }
.box-tab i.fa {font-size:230%;}
.box-tab span {width:74%; margin-left:20px; }
 


}

@media (max-width: 500px) /* Small Mobile Screen */
{

.order-sm-1 {order: 1;}
.order-sm-12 {order: 12;}
.search-box {  padding:10px 5px; }
.search-box .input_area { 	width:98%;	left:1%; 	padding:5px 0;  } 
.search-box .input_area .srchbx {width:38%; padding-left:20px; margin-right:2px; }
.brandFrt {margin:2px;}
.brand-banners { width:320%; }

#main-footer:after { 
    background: url(../images/footer-bg.png) no-repeat center bottom;
	background-size:550%; 
}
.box-tab {min-height:140px;}
.box-tab i, .box-tab2 i {padding:18px 2px; width:70px; } 
.box-tab span, .box-tab2 span {width:69%; margin-left:12px; } 
 
.btn-large {top:5%;}

.testimo-item .slide { display: block; border-radius:15px; margin: 5px; padding:15px; min-height:210px; background:#fff; box-shadow: 3px 3px 8px rgba(120,120,120,0.4);}
.testimo-item .slide .testi-head {display:block;width:96%; margin:auto;padding:5px; color:var(--theme-primary); font-weight:600; text-align:center !important;}
.testimo-item .slide .testi-head img { width:85px; margin:auto; padding:8px;}
.testimo-item .slide .testi-txt {display:block;width:96%; margin:auto; padding:0; }

 
}

@media (max-width: 380px) /* Very Small Mobile Screen */
{
 
	 
}

/* */

/*Added by Parth */
.headProf {
    /*Added by parth */
    /*left: 2% !important;*/
    width: 192px !important;
    position: absolute !important;
    top: 90% !important;
    right: 0 !important;
}

[data-letters]:before {
    content: attr(data-letters);
    display: inline-block;
    font-size: 1em;
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5em;
    text-align: center;
    border-radius: 50%;
    background: linear-gradient(to bottom right, #e69406 0%, #eb540f 80%);
    vertical-align: middle;
    margin-right: 1em;
    color: white;
}

.install-guide-title {
    font-size: 22px;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    color: black;
}

    .install-guide-title a {
        color: black;
        text-decoration: none;
    }

        .install-guide-title a:hover {
            color: #fd533a;
        }

    .install-guide-title img {
        max-width: 200px;
        height: auto;
    }

@media (max-width: 768px) {
    .wp-block-separator.has-alpha-channel-opacity {
        margin-bottom: 50px;
    }
}