@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'Philosopher-Bold';
	src:url('../new/fonts/Philosopher-Bold.ttf')  format('truetype');	
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Philosopher-Medium';
	src:url('../new/fonts/Philosopher-Regular.ttf')  format('truetype');	
    font-weight: normal;
    font-style: normal;
}


#header-section .custom-menu .nav li:hover .my-product-mega-menu.hide-div{
	display: none !important;
	transition: 2s;
}

* {
	padding:0;
	margin:0;
}
body {
	font-weight:400;
}
a, a:hover, a:focus {
	text-decoration: none;
	color:#fff;
}
a, img {
	color: #0d6efd !important;
	border:0;
	outline:none;
}
ul, ul li {
	list-style:none;
}

/*=== Custom Css ===*/
#header-section{
	background-color: #0060db;
	/* padding: 25px 0; */
}
#header-section .logo img{
	width: 137px;
	object-fit: contain;
}
#header-section .row{
	display: flex;
	align-items: center;
}
#header-section .custom-menu{
	background: #0060db;
	border: 0;
	float: right;
	margin: 0;
}
#header-section .custom-menu .nav li a{
	font-size: 15px;
	font-family: 'Philosopher-Bold';
	color: #ffffff;
	text-transform: capitalize;
	cursor: pointer;
	padding-top: 30px;
	padding-bottom: 40px;
	border-top: 2px solid #0060db;
}
#header-section .custom-menu .nav li a:hover{
	border-top: 2px solid #80b740;
}
#header-section .custom-menu .nav li.active a{
	background-color: transparent;
}

#banner-section .slick-arrow{
	display: none !important;
}
#banner-section .slick-slide img{
	width: 100%;
}
@media(min-width:1280px){
	#banner-section .slick-slide img{
		width: 100%;
		height: 800px;
	}
}
#banner-section{
	position: relative;
}
#banner-section .slider-info{
	position: absolute;
    top: 2%;
    left: 0;
    right: 0;
}
.slider-info .banner-content{
	padding-bottom:29px;
}
.slider-info .banner-content h2{
	font-size: 25px;
	font-family: 'Philosopher-Bold';
	color: #ffffff;
	margin: 0;
	padding-bottom: 7px;
}
.slider-info .banner-content h1{
	font-size: 34px;
	font-family: 'Philosopher-Bold';
	color: #ffffff;
	margin: 0;
	padding-bottom: 22px;
}
.slider-info .banner-content p{
	font-size: 24px;
	font-family: 'Philosopher-Bold';
	color: #ffffff;
	margin: 0;
	width: 32%;
	line-height: 28px;
}
.slider-info .request-otp h3{
	font-size: 24px;
	font-family: 'Philosopher-Bold';
	color: #ffffff;
	margin: 0;
	padding-bottom: 0px;
	padding-top: 25px;
}
.slider-info .request-otp input{
	font-size: 19px;
    font-family: 'Philosopher-Medium';
    color: #303030;
    margin: 0;
    border: 0;
    padding: 5px 5px 5px 21px;
    border-radius: 6px 0 0 6px;
	height: 57px;
	width: 239px;
}

.slider-info .request-otp button{
	height: 57px;
    border-radius: 0 6px 6px 0;
    padding: 0 35px;
    background-color: #0060db;
    border: 0;
    font-size: 19px;
    font-family: 'Philosopher-Bold';
    color: #ffffff;
}

#service-box{
	background-color: #eff6ff;
	padding: 40px 0 35px 0;
}
#service-box .inside-box{
	border-top: 4px solid #0060db;
	background-color: #ffffff;
	padding: 15px;
	box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
}
.searchVideo input{
	font-size: 19px;
    font-family: 'Philosopher-Medium';
    color: #303030;
    margin: 0;
    border: 0;
    padding: 5px 5px 5px 21px;
    border-radius: 6px 0 0 6px;
	height: 57px;
	width: 100%;
	background-color: #eef2f8;
}
.sidenav{
  	height: 100%;
  	width: 160px;
  	position: fixed;
  	z-index: 1;
  	top: 0;
  	left: 0;
  	background-color: #FFFFFF;
  	overflow-x: hidden;
  	padding-top: 20px;
}

#service-box .inside-video-box{
	border-top: 4px solid #0060db;
	background-color: #ffffff;
	padding: 15px;
	height: 50%;
	box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
}


.inside-box .title-img h2{
	font-size: 21px;
	font-family: 'Philosopher-Bold';
	color: #303030;
	margin: 0;
	word-break: break-word;
	height: 50px;
}
.inside-box .discription p{
	font-size: 18px;
	font-family: 'Philosopher-Medium';
	color: #6b6b6b;
	margin: 0;
	line-height: 20px;
}
.inside-box .title-img{
	position: relative;
    padding-bottom: 63px;
    padding-right: 70px;
}
.inside-box .title-img .img{
	position: absolute;
    right: 0;
    top: 0;
}
.inside-box .discription{
	position: relative;
    padding-right: 40px;
}
.inside-box .arrow-icon{
	position: absolute;
    right: 0;
    bottom: 0;
}

#footer{
	background-color: #3b3b3b;
	padding: 4px 10px 10px 10px;
}
.information .foot-logo{
	padding-bottom: 20px;
}
.information .foot-logo img{
	width: 120px;
	object-fit: contain;
}
.information .call-us p{
	font-size: 18px;
	font-family: 'Philosopher-Medium';
	color: #ffffff;
	margin: 0;
}
.information .call-us a{
	font-size: 18px;
	font-family: 'Philosopher-Bold';
	color: #ffffff;
	margin: 0;
}
#footer .foot-menu h2{
	font-size: 18px;
	font-family: 'Philosopher-Bold';
	color: #ffffff;
	margin: 0;
	padding-bottom: 20px;
}
#footer .foot-menu ul li a{
	font-size: 16px;
	font-family: 'Philosopher-Medium';
	color: #ffffff;
	margin: 0;
}
#footer .copy-right{
	padding: 40px 0;
	font-size: 18px;
	font-family: 'Philosopher-Medium';
	color: #ffffff;
	margin: 0;
	text-align: center;
}
#footer .quick-access{
	font-size: 16px;
	font-family: 'Philosopher-Bold';
	color: #80b740;
	/* margin-bottom: 50px; */
	text-align: center;
}
#quick-show-footer{
	padding-top: 50px;
}
#footer .quick-access span{
	cursor: pointer;
}

.callBackModal .modal-header, #ServiceEscalationModal .modal-header{
	background-color: #0060db;
    border-radius: 4px 4px 0 0;
}
.callBackModal .modal-header .close, #ServiceEscalationModal .modal-header .close{
	position: absolute;
	right: 10px;
	top: 10px;
	opacity: 1;
	color: #ffffff;
}
.callBackModal .modal-title,  #ServiceEscalationModal .modal-title{
	font-size: 22px;
	font-family: 'Philosopher-Bold';
	color: #ffffff;
}
.callBackModal .modal-body input{
	font-size: 19px;
    font-family: 'Philosopher-Medium';
    border: 1px solid #000000 !important;
    color: #303030;
    margin: 0;
    padding: 5px 5px 5px 21px;
    border-radius: 12px;
    height: 57px;
    width: 100%;
}
.callBackModal .modal-body button:focus{
	outline: 0;
	box-shadow:unset;
}
.callBackModal .modal-body button{
	height: 57px;
	border-radius: 12px;
	padding: 0 35px;
	background-color: #0060db;
	border: 0;
	font-size: 19px;
	font-family: 'Philosopher-Bold';
	color: #ffffff;
	width: 50%;
	margin: 20px auto 0 auto;
	display: flex;
	justify-content: center;
}
#ServiceEscalationModal .service-number h3{
	font-size: 18px;
	font-family: 'Philosopher-Bold';
	color: #303030;
	margin: 0;
	text-align: center
}
#ServiceEscalationModal .modal-body p{
	font-size: 16px;
	font-family: 'Philosopher-Medium';
	color: #303030;
	margin: 0;
	text-align: center;
	padding-bottom: 5px;
}
#ServiceEscalationModal .number-btn{
	display: inline-block;
	width: 100%;
	text-align: center;
}
#ServiceEscalationModal .modal-body button {
	height:auto;
    border-radius: 12px;
    padding: 6px 35px;
    background-color: #0060db;
    border: 0;
    font-size: 19px;
    font-family: 'Philosopher-Bold';
    color: #ffffff;
    width: auto;
    margin: 20px auto 0 auto;
}
#ServiceEscalationModal .number-btn input{
	font-size: 19px;
    font-family: 'Philosopher-Medium';
    border: 1px solid #000000 !important;
    color: #303030;
    margin: 20px 0 0 0;
    padding: 5px 5px 5px 21px;
    border-radius: 12px;
    height: 40px;
    width: auto;
}
#ServiceEscalationModal .fatch-btn{
	text-align: center;
}
#ServiceEscalationModal .service-number a{
	font-size: 19px;
    font-family: 'Philosopher-Medium';
	color: #303030;
	width: 100%;
	text-align: center;
	display: inline-block;
}

#header-section .custom-menu .nav li a p{
	font-size: 15px;
	font-family: 'Philosopher-Bold';
	text-transform: capitalize;
	cursor: pointer;
}

/*=== Main Screen CSS ===*/
.main-screen{
	background-color: #eff6ff;
}
.custom-header .custom-menu .nav li input:focus{
	outline: 0;
}
.custom-header .custom-menu .nav li input{
	font-size: 15px;
    font-family: 'Philosopher-Bold';
    color: #ffffff;
    opacity: 0.8;
    border: 0;
    background-color: #0e5abc;
    height: 50px;
	padding: 10px 35px 10px 20px;
	border-radius: 5px;
}
.custom-header .custom-menu .nav li input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #ffffff;
}
.custom-header .custom-menu .nav li input:-moz-placeholder { /* Firefox 19+ */
	color: #ffffff;
}
.custom-header .custom-menu .nav li input:-ms-input-placeholder { /* IE 10+ */
	color: #ffffff;
}
.custom-header .custom-menu .nav li input:-moz-placeholder { /* Firefox 18- */
	color: #ffffff;
}
.custom-header .custom-menu .nav li:last-child{
	position:relative;
	padding-left: 20px;
	/* earlier below was 16px, changed because DIY buton was going wrong */
	padding-top: 16px;
}
.custom-header .custom-menu .nav li .search-icon{
	position: absolute;
	top: 29px;
	right: 8px;
	z-index: 9999;
	cursor: pointer;
}

#user-info-section .info-box{
	background-color: #ffffff;
	padding: 24px 34px 14px 34px;
	box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
}
#user-info-section .info-box .info-btns{
	text-align: left;
}
#user-info-section .info-parent{
	padding-top: 30px;
	/* padding-bottom: 30px; */
	position: relative;
}
#user-info-section .user-bg-img{
	position: absolute;
    top: -15px;
    right: 0;
}
.info-box label, .info-box a{
	font-size:15px;
	font-family: 'Philosopher-Medium';
	color:#303030;
	display: inline-block;
	width: 100%;
	padding-bottom: 4px;
	font-weight: normal;
}
.info-box .address{
	padding-bottom: 15px;
}
.info-box .address p{
	font-size:15px;
	font-family: 'Philosopher-Medium';
	color:#303030;
	display: inline-block;
	width: 100%;
	margin: 0;
	line-height: normal;
}
.info-box h2{
	margin: 0;
	font-size:15px;
	font-family: 'Philosopher-Bold';
	color:#303030;
	padding-top:12px;
	padding-bottom:7px;
}
.info-btns{
	text-align: center;
}
.info-btns button{
	font-size: 15px;
	font-family: 'Philosopher-Bold';
	color: #ffffff;
	background-color: #0060db;
	border: 0;
	border-radius: 5px;
	padding: 3px 10px;
	margin-right: 10px;
}
/* .info-btns p{
	font-size: 15px;
	font-family: 'Philosopher-Bold';
	color: #ffffff;
	background-color: #0060db;
	border: 0;
	border-radius: 5px;
	padding: 3px 10px;
	margin-right: 10px;
} */

#basic-info-section .user-basic-info h3{
	font-size: 15px;
	font-family: 'Philosopher-Bold';
	color: #303030;
	padding-bottom: 5px;
	text-align: center;
	margin: 0;
}
#basic-info-section .user-basic-info h2{
	font-size: 25px;
	font-family: 'Philosopher-Bold';
	color: #303030;
	padding-bottom: 10px;
	text-align: center;
	margin: 0;
}
#basic-info-section .user-basic-info{
	padding: 41px 0 0px 0;
}
#basic-info-section .user-basic-info p{
	font-size: 15px;
	font-family: 'Philosopher-Bold';
	color: #303030;
	text-align: center;
	margin: 0;
}

#service-box.services-tab .nav-tabs>li{
	width: 25%;
	padding-right: 15px;
    padding-left: 15px;
}
.services-tab .nav-tabs>li.active>a{
	background: transparent;
    border: 0;
    padding: 0;
}
#service-box.services-tab .nav-tabs>li.active>a .inside-box{
	background-color: #0060db;
}
#service-box.services-tab .nav-tabs>li.active>a .inside-box .title-img h2{
	color:#ffffff;
}
#service-box.services-tab .nav-tabs>li.active>a .inside-box .discription p{
	color:#ffffff;
}
.services-tab .nav-tabs>li>a{
	padding: 0;
	border: 0;
	border-color: unset;
}
.services-tab .nav-tabs{
	border: 0;
	margin-right: -15px;
    margin-left: -15px;
}
.active-img{
	display: none;
}
#service-box.services-tab .nav-tabs>li>a .inside-box .img img{
	width: 60px;
	height:auto;
	object-fit: contain;
}
#service-box.services-tab .nav-tabs>li.active>a .inside-box .active-img{
	display: block;
}
#service-box.services-tab .nav-tabs>li.active>a .inside-box .normal-img{
	display: none;
}

.tab-content{
	padding-top: 35px;
}
.tab-content .content-box{
	background-color: #ffffff;
	border-radius: 12px;
}
.content-box .title{
	font-size: 16px;
	font-family: 'Philosopher-Bold';
	color: #0060db;
	text-transform: capitalize;
	text-align: center;
	border-bottom: 1px solid #dbdbdb;
	padding-bottom: 15px;
	margin-bottom: 10px;
}
.tab-content .content-box .title, .tab-content .content-box .selection{
	padding: 15px;
}
.tab-content .content-box .product-lable{
	padding: 8px 13px 10px 13px;
	text-align: center;
}
.tab-content .content-box .product-lable span{
	font-size: 15px;
	font-family: 'Philosopher-Bold';
	color: #505050;
	text-transform: capitalize;
	text-align: center;
	/* width: 48%; */
	display: inline-block;
	cursor: pointer;
}
.product-lable .tab-content{
	padding-top: 10px;
}
.tab-content .content-box .product-lable a{
	padding: 5px;
}
.product-lable .nav>li>a:focus, .product-lable .nav>li>a:hover{
	background-color: transparent;
}
.tab-content .content-box .product-lable li.active a span{
	color: #0060db;
}
.tab-content .content-box .product-lable li.active a{
	background-color: #ffffff;
    color: #0060db;
    padding: 5px;
    box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
    border-radius: 8px;
}
.tab-content .selection .form-group select{
	box-shadow:none;
	height: 46px;
	font-size: 15px;
	font-family: 'Philosopher-Bold';
    color: #505050;
    background-color: #f4f4f4;
    border: 0;
	border-radius: 14px;
	background-image: url('../images/dropdown-arrow.png');
	background-position: center right 15px;
	background-repeat: no-repeat;
	background-size: auto;
}
.tab-content .selection .form-group input{
	box-shadow:none;
	height: 46px;
	font-size: 15px;
	font-family: 'Philosopher-Bold';
    color: #505050;
    background-color: #f4f4f4;
    border: 0;
	border-radius: 14px;
	width: 100%;
}
.tab-content .selection .form-group input::-webkit-input-placeholder,
.tab-content .selection .form-group textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #505050;
}
.tab-content .selection .form-group input::-moz-placeholder,
.tab-content .selection .form-group textarea::-moz-placeholder { /* Firefox 19+ */
	color: #505050;
}
.tab-content .selection .form-group input:-ms-input-placeholder,
.tab-content .selection .form-group textarea:-ms-input-placeholder { /* IE 10+ */
	color: #505050;
}
.tab-content .selection .form-group input:-moz-placeholder,
.tab-content .selection .form-group textarea:-ms-input-placeholder { /* Firefox 18- */
	color: #505050;
}
.form-group select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}
.tab-content .selection .form-group textarea{
	box-shadow:none;
	font-size: 15px;
	font-family: 'Philosopher-Bold';
    color: #505050;
    background-color: #f4f4f4;
    border: 0;
	border-radius: 14px;
	width: 100%;
	height: auto;
	padding-top: 10px;
}
.tab-content .product-lable.form-group{
	padding: 0;
}
.tab-content .sutable-time{
	box-shadow:none;
	height: 46px;
	font-size: 15px;
	font-family: 'Philosopher-Bold';
    color: #505050;
    background-color: #f4f4f4;
    border: 0;
	border-radius: 14px;
	width: 100%;
	height: 100%;
	padding-left: 15px;
    padding-top: 8px;
    padding-bottom: 8px;
}
.tab-content .selection .form-group .sutable-time span{
	padding-right: 7px;
	padding-left: 7px;
}
.tab-content .selection .form-group .sutable-time input:first-child{
	margin-right: 0;
}
.tab-content .selection .form-group .sutable-time input:focus{
	outline: 0;
}
.tab-content .selection .form-group .sutable-time input{
	background: #ffffff;
    width: 50px;
    text-align: center;
    height: 40px;
	border-radius: 8px;
	margin-right: 10px;
	font-family: 'Philosopher-Bold';
}
.tab-content .submit-quote button{
	background-color: #0060db;
	border:0;
	text-align: center;
	font-size: 15px;
	color: #ffffff;
	font-family: 'Philosopher-Bold';
	width: 100%;
	padding: 10px 20px;
	border-radius: 12px;
}


#products-listing{
	padding-bottom: 00px;
}
#products-listing .title{
	font-size: 18px;
	font-family: 'Philosopher-Bold';
	color: #303030;
	padding-bottom: 25px;
	text-align: center;
}
#products-listing .product-list-box{
	background-color: #ffffff;
	border-top: 4px solid #0060db;
    background-color: #ffffff;
    padding: 15px;
	box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
	margin-bottom: 20px;
}
.product-list-box .top{
	display: flex;
	flex-direction: column;
    align-items: center;
	justify-content: space-between;
	padding-bottom: 10px;
}
.product-list-box .top .title1{
	font-size: 21px;
	font-family: 'Philosopher-Bold';
	color: #303030;
}
.product-list-box .top .title2{
	font-size: 18px;
	font-family: 'Philosopher-Medium';
	color: #6b6b6b;
}
.product-list-box .product-img img{
	display: inline;
}
.product-list-box .product-img{
	text-align: center;
	padding-bottom: 20px;
}
.product-list-box .tags{
	font-size: 15px;
	color: #6b6b6b;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-bottom: 22px;
}
.product-list-box .tags .tags1 span, .product-list-box .tags .tags2 span{
	font-family: 'Philosopher-Bold';
}
.product-list-box .tags .tags1{
	margin-right: 20px;
}
.product-list-box .tags .tags1, .product-list-box .tags .tags2{
	font-family: 'Philosopher-Medium';
	border: 1px solid #929292;
	border-radius: 12px;
	text-align: center;
	width: fit-content;
	padding: 3px 15px;
}



/*=== Mega Menu ===*/
.coming-title{
	padding: 30px;
	text-align: center;
	font-family: 'Philosopher-Bold';
	color: #303030;
	font-size: 20px;
}
.coming-button{
	padding: 30px;
	text-align: center;
	font-family: 'Philosopher-Bold';
	color: #0060db;
	font-size: 20px;
}
#header-section .custom-menu .nav li:hover .my-product-mega-menu{
	display: flex !important;
}
.my-product-mega-menu{
	/* position: absolute;
    top: 50px;
    left: 75px;
    width: 90%;
    height: 70%;
	z-index: 10000; */
	z-index: 10;
	display: inline-block;
    width: 90%;
    position: absolute;
    left: 75px;
    background-color: #ffffff;
	border-radius: 12px;
	top: 90px;
}
#header-section .my-product-mega-menu .row{
	align-items: normal;
	width: 100%;
}
.my-product-mega-menu .tabcontent, .my-product-mega-menu .tabcontents, .my-product-mega-menu .tabcontent1 {
	display: none;
}
.product-list .tab button.active{
	color: #0060db;
}
.product-list .tab button{
	background: transparent;
	border:none;
	width: 100%;
	display: inline-block;
	font-size: 15px;
	color: #303030;
	font-family: 'Philosopher-Bold';
	padding-bottom: 20px;
	text-align: left;
}
.product-list .tab button:focus{
	outline: 0;
}
.my-product-mega-menu .h-3{
	height: 380px;
	border-right: 1px solid #e6e6e6;
	overflow-y: auto;
	overflow-x: hidden;
}
.my-product-mega-menu .p-15{
	padding: 15px;
}
.my-product-mega-menu .pt-15{
	padding-top: 15px;
}
.my-product-mega-menu .pb-15{
	padding-bottom: 15px;
}
.my-product-mega-menu .pr-0{
	padding-right:0;
}
.my-product-mega-menu .pl-0{
	padding-left:0;
}
.selected-product-list .product-img{
	text-align: center;
	border-bottom: 1px solid #e6e6e6;
	margin-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
}
.selected-product-list .product-img.active p{
	color: #0060db;
}
.selected-product-list .product-img img{
	width: 35%;
	height: auto;
	object-fit: contain;
	display: inline;
	padding-bottom: 5px;
}
/* .product-detail-view{
	padding: 50px 25px 50px 15px;
} */
.request-mega-menu .table .success span{
	background-color: #0060db;
	padding: 5px 10px;
	border-radius: 35px;
	color: #fff;
	font-family: 'Philosopher-Bold';
}
.my-service-mega-menu .product-list .tab button{
	text-align: left;
}
.request-mega-menu .table tr th, .request-mega-menu .table tr td{
	font-size: 15px;
	color: #505050;
	font-family: 'Philosopher-Bold';
	text-align: center;
	border: 0;
}
.request-mega-menu .table tbody tr{
	text-align: center;
}
.request-mega-menu .table>tbody>tr>td{
	border-top:0;
	padding: 12px;
}
.request-mega-menu .table>tbody>tr>td:first-child{
	border-radius: 12px 0 0 12px;
}
.request-mega-menu .table>tbody>tr>td:last-child{
	border-radius: 0px 12px 12px 0px;
}
.request-mega-menu .table>tbody>tr.spacer{
	height: 13px;
}
.request-mega-menu .table thead .head-space{
	height: 10px;
}
.request-mega-menu .table .danger span{
	background-color: #e54130;
	padding: 5px 10px;
	border-radius: 35px;
	color: #fff;
	font-family: 'Philosopher-Bold';
}
.request-mega-menu .table .success span{
	background-color: #0060db;
	padding: 5px 10px;
	border-radius: 35px;
	color: #fff;
	font-family: 'Philosopher-Bold';
}
.request-mega-menu .table .warning span{
	background-color: #e5ac31;
	padding: 5px 10px;
	border-radius: 35px;
	color: #fff;
	font-family: 'Philosopher-Bold';
}
.table>tbody>tr.danger>td, .table>tbody>tr.danger>th, .table>tbody>tr>td.danger, .table>tbody>tr>th.danger, .table>tfoot>tr.danger>td, .table>tfoot>tr.danger>th, .table>tfoot>tr>td.danger, .table>tfoot>tr>th.danger, .table>thead>tr.danger>td, .table>thead>tr.danger>th, .table>thead>tr>td.danger, .table>thead>tr>th.danger{
	background-color: #fbe4e2 !important;
}
.table>tbody>tr.success>td, .table>tbody>tr.success>th, .table>tbody>tr>td.success, .table>tbody>tr>th.success, .table>tfoot>tr.success>td, .table>tfoot>tr.success>th, .table>tfoot>tr>td.success, .table>tfoot>tr>th.success, .table>thead>tr.success>td, .table>thead>tr.success>th, .table>thead>tr>td.success, .table>thead>tr>th.success{
	background-color: #edf5e4 !important;
}
.table>tbody>tr.warning>td, .table>tbody>tr.warning>th, .table>tbody>tr>td.warning, .table>tbody>tr>th.warning, .table>tfoot>tr.warning>td, .table>tfoot>tr.warning>th, .table>tfoot>tr>td.warning, .table>tfoot>tr>th.warning, .table>thead>tr.warning>td, .table>thead>tr.warning>th, .table>thead>tr>td.warning, .table>thead>tr>th.warning{
	background-color: #fbf3e2 !important;
}
.my-service-mega-menu .h-2{
	height: 280px;
    overflow-y: auto;
	overflow-x: hidden;
	border-right: 1px solid #e6e6e6;
}
.my-service-mega-menu .tabcontent{
	height: 280px;
    overflow-y: auto;
    overflow-x: hidden;
}

.my-product-mega-menu.do-it-your-self-mega-menu{
	display: block;
    width: 50%;
    margin: 0 auto;
    left: 0;
    right: 0;
}
.do-it-your-self-mega-menu .content-area{
	padding: 40px;
}
.radio-btn .custom-radio-btn {
	display: block;
	position: relative;
	padding-left: 30px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 15px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: #505050;
	font-family: 'Philosopher-Bold';
	margin-right: 25px;
}
.radio-btn .custom-radio-btn:first-child{
	/* box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
    padding-top: 8px;
    padding-right: 8px;
    border-radius: 12px;
    padding-bottom: 8px;
    width: 38%; */
}

.radio-btn .custom-radio-btn input {
	position: absolute;
	opacity: 0 !important;
	cursor: pointer;
}

.radio-btn .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	width: 20px;
	background-color: darkgray;
	border-radius: 50%;
}

.radio-btn .custom-radio-btn:hover input ~ .checkmark {
	background-color: #ccc;
}

.radio-btn .custom-radio-btn input:checked ~ .checkmark {
	background-color: #0060db;
}

.radio-btn .checkmark:after {
	content: "";
	position: absolute;
	display: none;
}
.radio-btn .custom-radio-btn input:checked ~ .checkmark:after {
	display: block;
}
.radio-btn .custom-radio-btn .checkmark:after {
	top: 4px;
    left: 4px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #0060db;
}
.do-it-your-self-mega-menu .radio-btn{
	display: flex;
	align-items: center;
	padding-bottom: 15px;
	padding-top: 15px;
}
.do-it-your-self-mega-menu .title{
	font-size:15px;
	color: #0060db;
	border-bottom: 1px solid #e6e6e6;
	font-family: 'Philosopher-Bold';
	text-align: center;
	padding: 20px;
}
.do-it-your-self-mega-menu .content-box select{
	box-shadow:none;
	height: 46px;
	font-size: 15px;
	font-family: 'Philosopher-Bold';
    color: #505050;
    background-color: #f4f4f4;
    border: 0;
	border-radius: 14px;
	background-image: url('../images/dropdown-arrow.png');
	background-position: center right 15px;
	background-repeat: no-repeat;
	background-size: auto;
}
.do-it-your-self-mega-menu .problem-video .title{
	border: 0;
}
.problem-video .video-frame{
	text-align: center;
}
.problem-video .video-frame{
	text-align: center;
}
.problem-video .video-frame iframe{
	width: 60%;
	margin: 0 auto;
}
.do-it-your-self-mega-menu .problem-video p{
	margin: 0;
	font-size: 15px;
	font-family: 'Philosopher-Bold';
	color: #505050;
	text-align: center;
	margin-top: 10px;
	padding-bottom: 10px;
}

.landing-navbar .hide-div{
	display: none;
}
.accept-condition{
	padding: 20px 0;
}
.accept-condition .checkbox{
	font-size: 15px;
	font-family: 'Philosopher-Bold';
	color: #505050;
	text-align: center;
}
.accept-condition .place-your-request{
	text-align: center;
	margin-top: 15px;
}
.accept-condition .place-your-request button{
	background-color: #0060db;
    border: 0;
    text-align: center;
    font-size: 15px;
    color: #ffffff;
    font-family: 'Philosopher-Bold';
    width: fit-content;
    padding: 12px 25px;
    border-radius: 12px;
}

#service-box.services-tab .product-lable .nav-tabs>li{
	width: 50%;
}
.selection.pb-0, .product-lable.pb-0{
	padding-bottom:0 !important;
}
.selection.pt-0{
	padding-top:0 !important;
}
.selection.p-0{
	padding:0 !important;
}
.tab-content.pt-2{
	padding-top: 20px !important;
}

textarea {
	resize: none;
}

.custom-profile-drop-down .dropdown-toggle{
	/* position: absolute;
    top: -2px;
	left: 80px; */
	padding: 0;
}
.custom-profile-drop-down .dropdown-toggle img{
	
	width: 21px;
	height: 21px;
	object-fit: contain;
}
.custom-profile-drop-down .dropdown-toggle img:hover{
	transform:scale3d(1.2,1.2,1.2);
}
.custom-profile-drop-down{
	margin: 0;
	/* position: absolute; */
    top: -2px;
	left: 80px;
}
.custom-drop-down{
	position: relative;
}

.customScrollBarToAddress{
    overflow: auto;
    height: 60vh;
  }
.customScrollBarToAddress::-webkit-scrollbar {
width: 5px;
}
.customScrollBarToAddress::-webkit-scrollbar-track {
box-shadow: inset 0 0 2px lightgray;
border-radius: 10px;
}
.customScrollBarToAddress::-webkit-scrollbar-thumb {
background: rgb(192, 189, 189); 
border-radius: 10px;
}
.customScrollBarToAddress::-webkit-scrollbar-thumb:hover {
background: #3498db 
}


#imgForLoader{
	width: 30px;
	animation: loader 1.3s alternate infinite ease-in-out;
   }   
   @keyframes loader {
	0%{ opacity: 1; transform: perspective(400px) rotateY(0deg); }
	50%{ opacity: 1; transform: perspective(400px) rotateY(90deg); }
	 100%{ opacity: 1; transform: perspective(400px) rotateY(180deg); }
	 100%{ opacity: 1; transform: perspective(400px) rotateY(270deg); }
	 100%{ opacity: 1; transform: perspective(400px) rotateY(360deg); }
	 
   }

.custom-profile-drop-down .dropdown-menu-right{
	left: 0;
    top: 4px;
    box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
	min-width: 200px;
	padding-top:0px;
}
@media(max-width:550px){
	.custom-profile-drop-down .dropdown-menu-right{
		min-width: fit-content;
	}
}
.custom-profile-drop-down.navbar-nav .open .dropdown-menu{
	background: #fff;
	position: relative;
}
.custom-profile-drop-down.nav .open>a,
.custom-profile-drop-down.nav .open>a:focus,
.custom-profile-drop-down.nav .open>a:hover{
	background: transparent !important;
}
.custom-profile-drop-down .address{
	padding: 15px;
}
.custom-profile-drop-down .address label{
	font-weight: bold;
	color: #0060db;
}
.custom-profile-drop-down .address p{
	line-height: 21px;
}
.custom-profile-drop-down .dropdown-divider{
    border: 1px solid #eeeeee;
}
.custom-profile-drop-down .dropdown-menu-right .title{
	font-size: 15px;
    font-family: 'Philosopher-Bold';
	color: #fff;
	padding:10px;
    text-align: center;
	margin: 0;
	background-color: #0060db;
}
.hide-menus{
	position: absolute;
    right: 0;
    box-shadow: 0px 0px 4px #000000;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    top: 1px;
}

.myclass{
	box-shadow:none;
	  height: 46px;
	  font-size: 15px;
	  font-family: 'Philosopher-Bold';
	  color: #505050;
	  background-color: #f4f4f4;
	  border: 0;
	  border-radius: 14px;
	  width: 100%;
  }

  .gilroy-14{
	font-size: 15px;
	font-family: 'Philosopher-Bold';
  }

  .tab-content .selection .form-group label{
	box-shadow:none;
	height: 46px;
	font-size: 15px;
	font-family: 'Philosopher-Bold';
    color: #505050;
    background-color: #f4f4f4;
    border: 0;
	border-radius: 14px;
	width: 100%;
}
/* .tab-content .selection .form-group textarea{
	box-shadow:none;
	height: 46px;
	font-size: 15px;
	font-family: 'Philosopher-Bold';
    color: #505050;
    background-color: #f4f4f4;
    border: 0;
	border-radius: 14px;
	width: 100%;
} */

@media (max-width:412px) {
	/* .info-btns button{
		padding: 3px 5px;
	} */
	.flex-colC{
		display: flex !important;
		flex-direction: column !important;
	}
}

/* .modal-backdrop {
    display: none;
} */




.main_items_box{
	overflow-x: auto;
	border-radius: 6px;
    margin-bottom: 1.5rem;
    padding: 0.5rem 0;
    border-bottom: 1.5px solid #0064db;
}

.item_box{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

.item_frame{
	margin-bottom: 0.3rem;
    border-radius: 30px;
    padding: 0.5rem 1rem;
    margin-right: 0.5rem;
    display: grid;
    align-items: center;
    background: transparent;
    color: black;
	border: none;
    background: #fff;
    box-shadow: 0 4px 4px #00000025;
}

.item_info_name p{
  white-space: nowrap;
  margin: 0;
  padding: 0;
  font-size: 10px;
}


.item_frame_selected{
  border: none;
  box-shadow: 0 4px 4px #00000025;
  background:linear-gradient(#2373b7, #0060db);
  color: white;
}

.item_frame:hover{
 translate: 0px 1px;
}


.mega-menu--list{
    gap: 8px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    padding-left: 0;
    margin-bottom: 0;
}
.mega-menu--list li{
	width: 100%;
}

.dropdown-item--title{
	letter-spacing: 2px;
    font-weight: 600;
    font-size: 15px;
    margin: 0;
}

.dropdown-item--desc{
	text-transform: lowercase;
    color: #8b8787;
    font-size: 12px;
    margin: 0;
}

.dropdown_img_class{
	padding: 0.5rem 0.5rem 0.5rem 0;
    width: 50px;
}
.dropdown-item{
	padding: 0.25rem 0.5rem !important;
}

.dropdown-menu{
z-index: 11;
right: 4% !important;
}


.sign_out_link:hover{
	border-radius: 5px;
	background: rgb(255 238 238)
}

.sign_out_link:hover .dropdown-item-sign-out{
	color: rgb(228, 59, 59);
}


.simple_link_:hover{
	border-radius: 5px;
	background: rgb(244, 244, 244);
}

@media (max-width:600px) {
	/* .info-btns button{
		padding: 3px 5px;
	} */
	.item_info_name p{
		font-size: 8px;
	  }
	.flex-colC{
		display: flex !important;
		flex-direction: column !important;
	}
}