html,body {
	margin: 0;
	padding: 0;
	font-family: sans-serif;
	font-size: 15px;
    overflow-x: auto;
    scroll-behavior: smooth
}

/*@font-face {
  font-family: myFirstFont;
  src: url(sansation_light.woff);
}*/



/*----------------------------------------------------------------------------------------------------------------
	Global
----------------------------------------------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
	color: #000000;
}
p {
	color: #676767;
}
a:hover{
	text-decoration: none;
}

li{
	list-style-type: none;
}
.c-btn {
	background-color: #071e70;
	color: #fff;
	padding: 0.5rem 2rem;
	border-radius: 10px;
}
.c-btn:hover {
	color: #fff;
	background-color: #04113e;
}
.mr0 {
	margin: 0;
}
.pd0 {
	padding: 0;
}
.mrt10 {
	margin-top: 10px;
}
.mrt20 {
	margin-top: 20px;
}
.mrt30 {
	margin-top: 30px;
}
.mrt40 {
	margin-top: 40px;
}
.mrb10 {
	margin-bottom: 10px;
}
.mrb20 {
	margin-bottom: 20px;
}
.mrb30 {
	margin-bottom: 30px;
}
.mrb40 {
	margin-bottom: 40px;
}
.pdt10 {
	padding-top: 10px;
}
.pdt20 {
	padding-top: 20px;
}
.pdb10 {
	padding-bottom: 10px;
}
.pdb20 {
	padding-bottom: 20px;
}
.section-entry {
	padding: 5rem 0;
}
.page-section {
	padding: 2rem 0;
}

.relative {
	position: relative;
}
.width100 {
	width: 100%;
}
.txtct {
	text-align: center;
}
.txtrt {
	text-align: right;
}
.txtupr {
	text-transform: uppercase;
}
.dflex {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}


/*---------------------------------------------------------------------------------------------------------------------
	Navbar
---------------------------------------------------------------------------------------------------------------------*/

.navbar {
    background-color: #fff!important;
    -webkit-box-shadow: 0 2px 6px -1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 6px -1px rgba(0, 0, 0, 0.2);
    padding: 10px 1rem;
}

.logo-img {
    width: 223px;
    position: absolute;
    z-index: 999999;
    /* background-color: #fff; */
    /* padding: 10px; */
}
.nav-item {
    padding-left: 2rem;
    padding: 0px 14px;
}
.nav-link {
    color: #000000 !important;
    line-height: 50px;
    font-weight: 700;
    font-size: 15px;
}
.nav-link:hover{
    background-color: #1e72b8;
    color: #ffffff !important;
    border-radius: 7px;
}

.navbar-brand{
    margin-top: -77px;
}

.navbar-dark .navbar-toggler {
	border:2px solid #fff;
}

/* add your custome hamburger icon */
.navbar-dark .navbar-toggler-icon {
    background-image: url(../img/toggler.png);
}

.navbar-dark .navbar-toggler:focus {
	outline: none;
} 

.customNav  {
	background-color: #ee3739!important;
	-webkit-box-shadow: 0 2px 6px -1px rgba(0, 0, 0, 0.2);
	box-shadow: 0 2px 6px -1px rgba(0, 0, 0, 0.2);
	animation: navSlide 1s ease forwards;
}

@keyframes navSlide {
	0% {
		transform: translateY(-100%);
	}
	100% {
		transform: translateY(0%);
	}
}

/*---------------------------------------------------------------------------------------------------------------------
	Carousel
---------------------------------------------------------------------------------------------------------------------*/

.myCarouselCaption {
    right: 50%;
    bottom: 50%;
    transform: translateY(50%);
    left: 10%;
    color: #000;
    text-align: left;
}
.myCarouselCaption h5 {
	font-size: 40px;
	text-transform: uppercase;
	font-weight: 600;
}
.myCarouselCaption p {
	padding-right: 100px;
}



/* ...........................................................................
 Owl Carousel
..................................................................................... */

.owl-prev span, .owl-next span {
	color: red;
	font-size: 20px;
    display: none;

}

.owl-prev span:hover, 
.owl-next span:hover {
	color: #8199A3;
}

.owl-prev, .owl-next {
	position: absolute;
	top: 0;
	height: 100%;
}

.owl-prev {
	left: -20px;
}

.owl-next {
	right: -20px;
}

/* removing blue outline from buttons */
button:focus, button:active {
   outline: none;
}

/*.owl-carousel .owl-item img {
	
}*/

.owl-carousel .icon-box img {
    display: block;
    width: 82px;

}


/*---------------------------------------------------------------------------------------------------------------------
	Home
---------------------------------------------------------------------------------------------------------------------*/


.dropdown-item:hover {
    color: #fff;
    text-decoration: none;
    background-color: #1e72b8;
}

.navbar-light .navbar-toggler-icon {
    background-image: url(../img/toggler.png);
}

.navbar-light .navbar-toggler {
    color: rgba(0,0,0,.5);
    border-color: rgba(0,0,0,.1);
    border: none;
}



.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #fff;
    text-align: left;
    list-style: none;
    /*background-color: #1e72b8;*/
    background-clip: padding-box;
    border: none;
    border-radius: 0.25rem;
    line-height: 40px;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 0px 20px 0px;
    clear: both;
    font-weight: 500;
    color: #000000;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    border-bottom: solid 1px #1c76b7;
    text-transform: capitalize;
    font-size: 15px;
    font-weight: 600;
}

.dropdown-item.active, .dropdown-item:active {
    color: #000000;
    text-decoration: none;
    background-color: transparent;
}

/*.sub-sub-menu {
    background-color: #1e72b8;
    /* padding: 0px; */
  /*  margin: 10px;
    color: #ffffff;*/
}*/

.qr-code {
    justify-content: flex-end;
    display: flex;
}

.qr-code img{
    width: 230px;
}

.main-wrapper {
	    margin-top: 42px;
}

.card-layout1 {
	
}

.hm-b-about-box h1{
  text-transform: uppercase;
}

.hm-b-about-box h1 span{
	color: #1e72b8;
    font-weight: 600;
}

.hm-b-about-box p {
    font-size: 17px;
    text-align: justify;
}

.hm-b-about-box h4 span{
	color: #1e72b8;
    text-transform: uppercase;
    font-weight: 600;
}

.hm-btn{
	margin-top: 2rem;
}

.hm-btn a{
	background-color: #1e72b8;
    padding: 9px 26px;
    border-radius: 20px;
    text-transform: uppercase;
    color: #fff;
}

.hm-btn a:hover{
    background-color: #000000;
    padding: 9px 26px;
    border-radius: 20px;
    text-transform: uppercase;
    color: #fff;
}

.hm-pro-box h2{
	text-align: center;
    text-transform: uppercase;
    font-weight: 600;
}

.hm-pro-box span{
	color: #1e72b8;
}

.hm-pro-box p{
	text-align: center;
    font-size: 17px;
}

.test-box h2{
	text-align: center;
    color: #1e72b8;
}

.test-header-box p{
	text-align: center;
    margin-bottom: 2rem;
    font-size: 17px;
}

.test-header-box h2{
	text-align: center;
    color: #1e72b8;
    text-transform: uppercase;
    font-weight: 600;
}

.about-img {
    width: 100%;
    margin: 0px auto;
    position: relative;
    top: -60px;
}

.testi-box {
    background-color: #fff;
    padding: 31px 43px;
    border-radius: 60px 60px 0 0;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.img-avatar {
    display: flex;
    justify-content: space-between;
    padding-left: 0;
}

.img-avatar img {
    width: 40%!important;
    padding-right: 20px;
    margin-top: 2rem;
}


.icon-box{
	display: flex;
    justify-content: center;
    align-items: center;
}

.icon-size{
	width: 82px;
    position: absolute;
}

.query-wrapper{
     background-image: url(../img/back-image-contact.jpg);
     background-repeat: no-repeat;
     background-position: center;
}

.black-box{
	background-color: #000;
    padding: 15px;
    margin-top: 55px;
}

.black-box h4{
	color: #fff;
    font-size: 30px;
    text-align: end;
}

.black-box span{
	font-size: 50px;
    font-weight: 600;
}

.white-box{
    display: flex;
    flex-direction: column;
    align-items: end;
    margin-right: -16px;
    margin-top: 25px;

}


.white-box p {
    background-color: #fff;
    width: 100px;
    text-align: center;
    padding: 7px;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
    color: #000;
}


.big-black-box{
	background-color: #000;
    text-align: center;
    padding: 60px;
}

.big-black-box p{
	font-size: 17px;
    color: #fff;
}

.big-black-box span{
	font-size: 50px;
    font-weight: 500;
    color: #fff;
}

.logo-box {
    background-color: #ffffff;
    padding: 10px;
    width: 50%;
    display: block;
    border-radius: 9px;
}


.usp-img-wrap {
	position: relative;
	overflow: hidden;
}

.usp-content-wrap {
    position: absolute;
    top: calc(100% - 116px);
    left: 10px;
    right: 10px;
    bottom: 0;
    text-align: center;
    z-index: 1;
    transition: all 0.4s;
}

.usp-heading-wrap {
	margin: 16px 0 10px 0;
}
.usp-icon-wrap img {
    height: 69px;
}

.usp-heading-wrap h5 {
	color: #fff;
    text-transform: uppercase;
    font-size: 20px;
}

.usp-text-wrap p {
	color: #fff;
}

.usp-content-overlay {
	background-color: #50b848;
	position: absolute;
    top: calc(100% - 37px);
    bottom: 0;
    left: 0;
    right: 0;
	z-index: 0;
	opacity: 0.7;
	transition: all 0.4s;
}

.usp-img-wrap:hover .usp-content-wrap {
	top: 10px;
}

.usp-img-wrap:hover div.usp-content-overlay {
	top: 0;
}

.usp-cover-link-wrap {
	margin-top: 25px;
    text-align: center;
    background: #fff;
	padding: 10px 0;
	display: flex;
    justify-content: center;
    align-items: center;
}

.usp-cover-link-wrap h5 {
	text-transform: uppercase;
    color: #444;
    font-weight: 600;
	display: inline-block;
    margin-right: 50px;
	margin-bottom: 0;
}


.hm-query-btn a {
    background-color: #e31e25;
    color: #fff;
    padding: 6px 21px;
    border-radius: 24px;
    position: relative;
    top: -23px;
    left: 35px;
}
.hm-query-btn i {
    background-color: #fff;
    color: #e31e25;
    border-radius: 50%;
    line-height: 29px;
    height: 29px;
    width: 29px;
    margin-right: -21px;
}
.fa-greater-than:before {
    content: "\f531";
    position: relative;
    right: -9px;
}
.ver-line {
    border-right: solid 1px #fff;
    border-bottom: solid 1px #fff;

}
.ver-line1 {
    border-right: solid 1px #fff;
}
.ver-line3 {
    border-bottom: solid 1px #fff;
}

.test-box {
    font-size: 1.4em;
    width:60%;
    margin:50px auto;
    font-family:Open Sans;
    font-style:italic;
    color: #555555;
    padding:1.2em 30px 1.2em 75px;
    border-left:8px solid #78C0A8 ;
    line-height:1.6;
    position: relative;
    background:#EDEDED;
}
.testi-box::before {
    font-family: Arial;
    content: "\201C";
    color: #1e72b8;
    font-size: 91px;
    position: absolute;
    left: 10px;
    top: -10px;
}

.company_about {
    float: left;
    width: 100%;
    background: url(../images/about_banner.jpg);
    background-size: 100%;
    padding: 33px 0 25px;
    margin: 0px 0px 70px;
}

.company_about h3 {
    color: #fff;
    float: left;
    width: 100%;
    margin: 0 0 25px;
    letter-spacing: .8px;
}

.why_us {
    float: left;
    width: 100%;
    padding-left: 0px;
    margin-bottom: 18px;
}

.why_us ul {
    padding: 0px;
}

.why_us ul li {
    width: 100%;
    color: #ffffff;
    font-size: 15px;
    border-bottom: 1px solid #ffffff;
    position: relative;
    padding: 3px 0 0 27px;
    font-weight: 400;
    line-height: 24px;
}

.why_us ul li:before {
    content: "\f046";
    position: absolute;
    left: 0;
    top: 3px;
    font-family: FontAwesome;
    color: #ffffff;
}

.comman_style {
    color: #ffffff;
    float: left;
    font-weight: 600;
    margin-top: 15px;
    letter-spacing: 3.8px;
    text-transform: uppercase;
    display: inline-block;
}

.comman_style:hover {
    color: #ffffff;
   text-decoration: underline;
}

.logo-wrapper{
	background-color: #fafafa;
}

.test-name span{
	color: #1e72b8;
    font-weight: 600;
}

.owl-carousel .owl-stage{display: flex;}
.article-items {
    display: flex;
    flex: 1 0 auto;
    height: 100%;
}
.aticle-box {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    margin: 6px;
}

/*---------------------------------------------------------------------------------------------------------------------
	About
---------------------------------------------------------------------------------------------------------------------*/

.why-choose-img{
    margin-top: 70px;
}

.ab-para-box h2{
	color: #1e72b8;
    text-transform: uppercase;
}

.why-wrapper{
   background-color: #80808017;
}

.header-box {
    text-align: center;
    margin-bottom: 20px;
}

.header-box h2 {
    text-align: center;
    text-transform: capitalize;
    font-weight: 600;
}
.header-box hr {
    background-color: #2a72b8;
    border: 1px solid #2475ba;
    width: 300px;
    margin: 15px 0px;
}
.header-box span{
	color: #1e72b8;
    text-transform: capitalize;
}

.header-box p{
    font-size: 17px;
}

.why-box{
	display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px;
    transition: 0.5s;
}

.enq-form {
    background-color: #ffffff;
    padding: 30px;
    text-align: left;
}
.why-box-2 {
    border-radius: 10px;
    padding: 15px;
    background-color: #ffffff;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.icon-wrapper i {
    background-color: #1e72b8;
    height: 60px;
    width: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 30px;
    color: #fff;
}

    .feedback-container {
        width: 100%;
      margin: auto;
    }

    form input, form textarea:focus, {
    border: 0 solid #bebebe;
    border-left: 2px solid #51899b;
}
.feedback-container h2 {
    font-size: 26px;
    font-weight: bold;
    display: inline-block;
    border-left: 3px solid #000000;
    padding-left: 15px;
    margin-bottom: 10px;
    color: #000000;
}
.feedback-container p {
    margin-bottom: 30px;
    font-size: 20px;
    color: #000000;
}
    form {
      grid-template-columns: 1fr 1fr;
      gap: 15px;
    }
form input, form textarea {
    width: 100%;
    padding: 15px;
    border: none;
    background: #e9e9e97d;
    font-size: 14px;
    outline: none;
    border: 1px solid #2475ba63;
    margin: 10px;
    color: #000000;
}
    form textarea {
      min-height: 150px;
      resize: none;
    }
    .full-width {
      grid-column: span 2;
    }
    .captcha {
      grid-column: span 1;
      align-self: center;
    }

.customer-form {
    background-color: #ffffff;
    padding: 30px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.submit-btn {
    grid-column: span 1;
    background: #1e72b8;
    border: none;
    color: #fff;
    font-size: 15px;
    padding: 18px;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: bold;
}
    .submit-btn:hover {
      background: #000000;
    }

.para-box h4{
    margin-left: 25px;
    text-transform: uppercase;
}

.para-box p{
   font-size: 18px;
}

.value-wrapper{
	background-color: #80808017;
}

.value-box {
    background-color: #fff;
    padding: 30px 10px 10px 10px;
    text-align: center;
    height: 100%;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.value-box:hover {
    background-color: #1e72b8;
    transition: all 0.8s ease-in-out;
}

.value-box:hover h3 {
   color: #fff;
}

.value-box:hover p {
   color: #fff;
}

.txt-box{
	margin-top: 14rem
}

.txt-box p{
	font-size: 25px;
    color: #1e72b8;
    font-weight: 600;
}

.inner-pro-box{
	background-color: #f4f4f4;
    padding: 15px 15px 0 15px;
    height: 100%;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
}

.inner-pro-box:hover{
	background-color: #b9b9b9c7;
	transition: 1s;
}

.inner-pro-box-1{
	background-color: #f4f4f4;
    padding: 15px 15px 0 15px;
    height: 100%;
    border-radius: 10px;
}

.inner-pro-box-1:hover{
	background-color:#f38084;
	transition: 1s;
}

.inner-pro-box-2{
	background-color: #f4f4f4;
    padding: 15px 15px 0 15px;
    height: 100%;
    border-radius: 10px;
}

.inner-pro-box-2:hover{
	background-color: #f38084;
	transition: 1s;
}

.hm-text-para-box {
    background-color: #fff;
    padding: 45px 30px 25px 30px;
    text-align: center;
    border-radius: 15px 15px 0 0;
    height: 100%;
    margin-bottom: 30px;
}

.hm-text-para-box h5{
	text-align: center;
    text-transform: uppercase;
    font-weight: 500;
}

.hm-text-para-box span{
	color: #1e72b8;
    font-weight: 600;
}

.hm-text-para-box-1{
	background-color: #fff;
    padding: 45px 30px 25px 30px;
    text-align: center;
    border-radius: 15px 15px 0 0;
}


.hm-text-para-box-1 h5{
	text-align: center;
    text-transform: uppercase;
    font-weight: 500;
}

.hm-text-para-box-1 span{
	color: #1e72b8;
    font-weight: 800;
}

.hm-text-para-box-2{
	background-color: #fff;
    padding: 45px 30px 1px 30px;
    text-align: center;
    border-radius: 15px 15px 0 0;
    height: 100%;
}

.hm-text-para-box-2 h5{
	text-align: center;
    text-transform: uppercase;
    font-weight: 500;
}

.hm-text-para-box-2 span{
	color:#1e72b8;
    font-weight: 600;
}


/*---------------------------------------------------------------------------------------------------------------------
	Products
---------------------------------------------------------------------------------------------------------------------*/
.products-batteries-wrapper {
    background-color: #80808017;
}

.pro-info-box p {
    font-size: 17px;
    text-align: center;
}

.why-page ul {
    padding: 0px 0px 0px 20px;
}
.why-page p {
    font-size: 20px;
}

.why-page ul li {
    padding: 10px 0px 0px 0px;
    font-size: 16px;
    font-weight: 500;
    list-style: disc;
}

.pail-page-img {
    background: #ffffff;
    padding: 10px;
    box-shadow: rgb(0 0 0 / 28%) 0px 3px 8px;
    border: 1px solid #558dc699;
}

.pro-info-box h2{
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
}

.pro-info-box span{
    color: #1e72b8;
}

.product-card-wrap {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    background-color: #fff;
    padding: 25px;
    height: 100%;
}

.product-details h4 {
    font-weight: 600;
    text-align: center;
}

.product-detail-btn {
    display: flex;
    justify-content: center;
}

.product-detail-btn a{
     background-color: #1e72b8;
    padding: 9px 26px;
    border-radius: 20px;
letter-spacing: 1px;    color: #fff;
}

.auto-img {
    display: flex;
    justify-content: center;
    box-shadow: rgb(149 157 165 / 68%) 0px 8px 24px;
    background-color: #fff;
    padding: 15px;
}

.la-banner-wrap {
    position: relative;
}

.la-caption-inner h2 {
    text-transform: capitalize;
    font-weight: 700;
    color: #000000;
    font-size: 45px;
}

.inner h2{
    color: #ffffff!important;
}

.custom-social-bar {
  position: fixed;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  z-index: 9999;
}

.facebook-view-button, .instagram-view-button, .youtube-view-button, .linkedin-view-button {
    display: block;
    width: 45px;
    height: 45px;
    background-size: 30px 30px;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 0 12px 12px 0;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    margin-bottom: 5px;
    transition: background-color 0.3s ease;
}

/* Facebook Button */
.facebook-view-button {
  background-image: url('https://upload.wikimedia.org/wikipedia/commons/5/51/Facebook_f_logo_%282019%29.svg');
  background-color: #1877F2;
}

/* Instagram Button */
.instagram-view-button {
  background-image: url('http://www.walltowallcarpetinterior.com/wp-content/uploads/2024/09/INSTAGRAM-ICON.png');
  background-color: #E1306C;
}

/* YouTube Button */
.youtube-view-button {
  background-image: url('http://www.walltowallcarpetinterior.com/wp-content/uploads/2024/09/YOUTUBE.png');
  background-color: #FF0000;
}

/* LinkedIn Button */
.linkedin-view-button {
  background-image: url('https://upload.wikimedia.org/wikipedia/commons/c/ca/LinkedIn_logo_initials.png');
  background-color: #0077B5;
}


section.social-media-inter {
    background-color: #f5f5f5;
    padding: 40px;
}

/*interigate*/
 .social-section {display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; padding: 20px;}
    .social-box {background:#fff; border-radius:10px; box-shadow:0 4px 10px rgba(0,0,0,0.1); padding:10px;}

.banner-product-details h4{
    color: #fff;
}

.la-caption-inner {
    position: absolute;
    bottom: 50%;
    left: 10%;
    right: 10%;
    transform: translateY(50%);
    text-align: left;
}

.table .thead-dark th {
    color: #fff;
    background-color: #1e72b8;
    border-color: #1e72b8;
}

.test-wrapper {
    background-image: url(../img/impex-back-image-1.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.hm-wrapper {
    background-image: url(../img/impex-back-image-2.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}



/*//////////////////////////// Manufacturing ///////////////////////////*/

.menu-head{
    text-align: center;
    color: #1e72b8;
    text-transform: uppercase;
    font-weight: 600;
}

/*---------------------------------------------------------------------------------------------------------------------
	Contact
---------------------------------------------------------------------------------------------------------------------*/

#mail-msg-alert {
	margin-bottom: 3rem;
}
#mail-msg-alert button.btn {
	display: table;
	margin: 0 auto;
}
#mail-msg {
	color: #fff;
}
#mail-msg:hover {
	text-decoration: none;
}

.map-wrapper {
        line-height:0;

}

.contact-wrapper{
	background-color: #ffffff;
}

.contact-form-wrap {
    background-color: #fff;
    padding: 50px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    position: relative;
    margin-top: -15rem;
}

.form-control {
    margin-left: 0px;
    display: block;
    width: 100%;
    height: calc(2.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #f7f7f7;
    background-clip: padding-box;
    border: 1px solid #a2a2a2;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.contact-title{
	color: #1e72b8;
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
    font-size: 35px;
}

.cont-para{
	text-align: center;
    font-size: 18px;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 2rem;
}

.btn-cont a {
    background-color: #1e72b8;
    padding: 15px 45px;
    border-radius: 24px;
    text-transform: uppercase;
    color: #fff;
}

.btn-cont{
	text-align: center;
    margin-top: 3rem;
}

.info-box{
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    padding: 30px;
}

.info-box {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    padding: 30px;
    border: 2px solid #efefef;
    height: 100%;
}

.foot-info-box {
    display: flex;
    align-items: center;
    margin-top: 10px;
}

.foot-icon-box i {
    text-align: center;
    font-size: 25px;
    color: #1e72b8;
    margin-bottom: 18px;
}

.foot-info-box p {
    margin-left: 12px;
    font-size: 16px;
    font-weight: 500;
    color: #686868;
}

.foot-info-box p a {
    color: #686868;
}

.info-box h4{
	text-align: center;
	color: #000;
}

.footer-social-list-1 {
    padding: 0;
    margin-bottom: 0;
    display: flex;
    justify-content: center;
    margin-top: 2rem;
}

.footer-social-list-1 li i {
    color: #1e72b8;
    width: 35px;
    height: 35px;
    font-size: 23px;
    border: 1px solid #1e72b8;
    text-align: center;
    border-radius: 50%;
    line-height: 35px;
    transition: all 0.3s;
    background: #fff;
}

.info-adress-box h4{
	text-align: center;
	color: #000;
}

.info-adress-box {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    padding: 30px;
    border: 2px solid #efefef;
    height: 100%;
}

.info-adress-box p{
	text-align: center;
    font-size: 17px;
}

/*---------------------------------------------------------------------------------------------------------------------
	404 page not found
---------------------------------------------------------------------------------------------------------------------*/
/*.page-not-found-wrap {
	margin-top: 7rem;
}*/
.page-not-found {
	display: table;
	margin: 0 auto;
	padding: 5rem 0;
	width: 50%;
	filter: drop-shadow(2px 4px 6px black);
	display: none;
}
.page-not-found-text {
	text-align: center;
	margin: 8rem 0 5rem;
}

/* oops text with fill background image */
.page-not-found-text h1 {
	font-family: 'Rubik Mono One', sans-serif;
	font-size: 20vw;
	color: #000;  
  background: url("../img/banner1.jpg") no-repeat;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-position: center;
		text-transform: capitalize;
	/*display: none; currently not visible*/
}

.page-not-found-text h6 {
	font-size: 25px;
	font-weight: bold;
}
.page-not-found-text a {
	font-weight: bold;
}

.list-text li a i{
    font-weight: 900;
    padding: 0px 10px 0px 0px;
}
/*---------------------------------------------------------------------------------------------------------------------
	Footer
---------------------------------------------------------------------------------------------------------------------*/

.top-footer-wrapper {
    background-color: #1e72b8;
    padding: 50px 0;
}
.bottom-footer-wrapper {
	background-color: #fff;
	padding: 1rem 0;
}
.bottom-footer-wrapper .container{
    padding: 0px;
}
.footer-copyright-text {
    margin-bottom: 0;
    text-align: center;
    color: #000;
    font-size: 16px;
}
.logo-box img{
    width: 180px;
}

        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {}
        a,
        a:hover,
        a:focus,
        a:active {
            text-decoration: none;
            outline: none;
        }
        
        a,
        a:active,
        a:focus {
            color: #333;
            text-decoration: none;
            transition-timing-function: ease-in-out;
            -ms-transition-timing-function: ease-in-out;
            -moz-transition-timing-function: ease-in-out;
            -webkit-transition-timing-function: ease-in-out;
            -o-transition-timing-function: ease-in-out;
            transition-duration: .2s;
            -ms-transition-duration: .2s;
            -moz-transition-duration: .2s;
            -webkit-transition-duration: .2s;
            -o-transition-duration: .2s;
        }
        
        ul {
            margin: 0;
            padding: 0;
            list-style: none;
        }
        img {
    max-width: 100%;
    height: auto;
}
span, a, a:hover {
    display: inline-block;
    text-decoration: none;
    color: inherit;
}


.feat.bg-gray.pt-5.pb-5 {
    background-color: #f5f5f5;
}

.section-head h4 {
    position: relative;
    padding: 0;
    color: #2a72b8;
    line-height: 1;
    letter-spacing: 0.3px;
    font-size: 34px;
    font-weight: 700;
    text-align: center;
    text-transform: none;
    margin-bottom: 30px;
}
.section-head h4:before {
  content: '';
  width: 60px;
  height: 3px;
  background: #2a72b8;
  position: absolute;
  left: 0px;
  bottom: -10px;
  right:0;  
  margin:0 auto;
}
.section-head h4 span {
  font-weight: 700;
  padding-bottom: 5px;
  color:#2f2f2f
}
p.service_text{
  color:#cccccc !important;
  font-size:16px;
  line-height:28px;
  text-align:center;    
}
.section-head p, p.awesome_line{
  color:#818181;
  font-size:16px;
  line-height:28px;
  text-align:center;  
}

.extra-text {
    font-size:34px;
    font-weight: 700;
    color:#2f2f2f;
    margin-bottom: 25px;
    position:relative;
    text-transform: none;
}
.extra-text::before {
    content: '';
    width: 60px;
    height: 3px;
    background: #f91942;
    position: absolute;
    left: 0px;
    bottom: -10px;
    right: 0;
    margin: 0 auto;
}
.extra-text span {
    font-weight: 700;
    color:#f91942;
}
.item .icon {
    font-size: 40px;
    margin-bottom:25px;
    color: #f91942;   
    width: 90px;
    height: 90px;
    line-height: 96px;
    border-radius: 50px;
}
.item .feature_box_col_one{
    background:rgba(247, 198, 5, 0.20);
    color:#f91942
}
.item .feature_box_col_two{
    background:rgba(255, 77, 28, 0.15);
    color:#f91942
}
.item .feature_box_col_three{
    background:rgba(0, 147, 38, 0.15);
    color:#f91942
}
.item .feature_box_col_four{
    background:rgba(0, 108, 255, 0.15);
    color:#f91942
}
.item .feature_box_col_five{
    background:rgba(146, 39, 255, 0.15);
    color:#f91942
}
.item .feature_box_col_six{
    background:rgba(23, 39, 246, 0.15);
    color:#f91942
}
.item p{
    font-size:15px;
    line-height:26px;
}
.item h6 {
    margin-bottom: 20px;
    color: #2f2f2f;
    font-size: 20px;
    font-weight: 600;
}
.mission p {
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 28px;
    font-weight: 500;
}


/*why-choose*/


.mission i {
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #f91942;
    border-radius: 50%;
    color: #fff;
    font-size: 25px;
}
.mission .small-text {
    margin-left: 10px;
    font-size: 13px;
    color: #666;
}
.skills {
    padding-top:0px;
}
.skills .prog-item {
    margin-bottom: 25px;
}
.skills .prog-item:last-child {
    margin-bottom: 0;
}
.skills .prog-item p {
    font-weight: 500;
    font-size: 15px;
    margin-bottom: 10px;
}
.skills .prog-item .skills-progress {
    width: 100%;
    height: 10px;
    background: #e0e0e0;
    border-radius:20px;
    position: relative;
}
.skills .prog-item .skills-progress span {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: #f91942;
    width: 10%;
    border-radius: 10px;
    -webkit-transition: all 1s;
    transition: all 1s;
}
.skills .prog-item .skills-progress span:after {
    content: attr(data-value);
    position: absolute;
    top: -5px;
    right: 0;
    font-size: 10px;
    font-weight:600;    
    color: #fff;
    background:rgba(0, 0, 0, 0.9);
    padding: 3px 7px;
    border-radius: 30px;
}

.difference-section {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 50px 80px;
    gap: 40px;
    background-color: #f5f5f5;
}

    .difference-text {
      max-width: 300px;
    }
    .difference-text h2 {
      font-size: 28px;
      font-weight: 400;
      line-height: 1.4;
    }
    .difference-text h2 strong {
      font-weight: 700;
    }
    .process-flow {
      display: flex;
      align-items: center;
      gap: 25px;
    }
    .circle {
      width: 150px;
      height: 150px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      font-size: 14px;
      line-height: 1.3;
      padding: 15px;
    }
.circle.light {
    border: 5px solid #2475ba;
    color: #333;
    font-weight: 600;
}
.circle.dark {
    border: 5px solid #000;
    color: #333;
    font-weight: 600;
}
    .circle.filled-dark {
      background: #000000;
      color: #fff;
      font-weight: 600;
    }
.small-text {
    font-size: 18px;
    color: #444;
    margin: 0 10px;
    white-space: nowrap;
    font-weight: 600;
}

.creator-link {
    color: #1e72b8;
    font-weight: 600;
}

.creator-link:hover {
    color: #4688d4;
}

.list-text li {
    color: #000000;
    font-weight: 700;
    line-height: 27px;
}

.list-text li a {
    color: #fff;
    font-weight: 300;
}

.list-text li a:hover {
    color: #000000;
    font-weight: 300;
}

.sub_title h2 {
    color: #000;
    margin: 0 0 19px;
    /* letter-spacing: .5px; */
    font-size: 23px;
    font-weight: 600;
}

.sub_title p {
    color: #000;

}

.list-text {
    line-height: 33px;
    padding-left: 0;
}

.products_details {
    background: #E4F2FA;
    padding: 40px 0;
}}
    .products_details h2 {
      font-weight: bold;
      margin-bottom: 15px;
    }
    .products_details ul {
      list-style: none;
      padding: 0;
    }
    .products_details ul li {
      margin-bottom: 10px;
    }
.index-class {
    position: relative;
    text-align: center;
    padding: 20px;
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    margin: 20px 06px;
    min-height: 455px;
}
    .products_item img {
      max-width: 100%;
      height: auto;
    }
    .products_title h4 {
      margin: 15px 0 5px;
      font-size: 14px;
      color: #666;
    }
    .products_title h3 {
      font-size: 18px;
      font-weight: bold;
    }


/* Common transition for all circles */
.circle {
    transition: all 0.35s ease-in-out;
    cursor: pointer;
}

/* Light circles hover */
.circle.light:hover {
    transform: translateY(-10px) scale(1.05);
    border-color: #1e72b8;
    box-shadow: 0 15px 30px rgba(36, 117, 186, 0.35);
    background: rgba(36, 117, 186, 0.05);
}

/* Dark border circles hover */
.circle.dark:hover {
    transform: translateY(-10px) scale(1.05);
    border-color: #333;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);
    background: rgba(0, 0, 0, 0.05);
}

/* Filled dark circle hover */
.circle.filled-dark {
    transition: all 0.4s ease;
}

.circle.filled-dark:hover {
    transform: translateY(-12px) scale(1.06);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.6);
    background: linear-gradient(135deg, #000000, #2b2b2b);
}

/* Text smoothness */
.circle:hover {
    color: #000;
}

/* Small text subtle animation */
.small-text {
    transition: color 0.3s ease, transform 0.3s ease;
}

.process-flow:hover .small-text {
    color: #1e72b8;
}


.circle::after {
    content: "";
    position: absolute;
    inset: -6px;
    border-radius: 50%;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.circle.light::after {
    border: 2px dashed #2475ba;
}

.circle.dark::after {
    border: 2px dashed #000;
}

.circle:hover::after {
    opacity: 1;
    animation: rotateBorder 6s linear infinite;
}

@keyframes rotateBorder {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}


/* Initially hidden */
.animate-on-scroll .difference-text,
.animate-on-scroll .circle,
.animate-on-scroll .small-text {
    opacity: 0;
    transform: translateY(40px) scale(0.95);
}
.circle {
    font-size: 16px;
}

/* When active */
.animate-on-scroll.active .difference-text {
    opacity: 1;
    transform: translateY(0);
    transition: all 0.8s ease;
}

/* Circles animation */
.animate-on-scroll.active .circle {
    opacity: 1;
    transform: translateY(0) scale(1);
    transition: all 0.7s ease;
}

/* Stagger effect */
.animate-on-scroll.active .circle:nth-child(1) { transition-delay: 0.2s; }
.animate-on-scroll.active .circle:nth-child(2) { transition-delay: 0.4s; }
.animate-on-scroll.active .circle:nth-child(4) { transition-delay: 0.6s; }
.animate-on-scroll.active .circle:nth-child(5) { transition-delay: 0.8s; }
.animate-on-scroll.active .circle:nth-child(7) { transition-delay: 1s; }

/* Small text */
.animate-on-scroll.active .small-text {
    opacity: 1;
    transform: translateY(0);
    transition: all 0.6s ease 0.5s;
}


.footer-info h5, .footer-info h6 {
    text-align: end;
    color: #fff;
    text-transform: capitalize;
    font-size: 16px;
    margin-bottom: 1rem;
    line-height: 27px;
}

.list-text h6{
	text-transform: capitalize;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
}

.cont-info p{
	text-align: end;
    color: #fff;
    font-size: 17px;
}

.footer-social-list {
    padding: 0;
    margin-bottom: 0;
    display: flex;
}

.footer-social-list li i {
    color: #1e72b8;
    width: 35px;
    height: 35px;
    font-size: 23px;
    border: 1px solid #fff;
    text-align: center;
    border-radius: 50%;
    line-height: 35px;
    transition: all 0.3s;
    background: #fff;
}


.cont-info a{
    color: #fff;
}

.dummy {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
}
.dummy li img {
    background-color: #000000;
    width: 90px;
    border-radius: 60px;
    border: 3px solid #2475ba;
    margin: 0px 14px 0px 0px;
}

.dummy li {
    color: #000000;
    font-size: 22px;
    font-weight: 600;
    padding: 0px 20px 0px 0px;
}


.whatsapp i {
    position: fixed;
    right: 30px;
    bottom: 30px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    line-height: 50px;
    background-color: #25d366;
    /* box-shadow: 2px 2px 3px #999; */
    font-size: 30px;
    text-align: center;
    color: #fff;
    z-index: 1;
}

.main-live-heading h2{
    text-align: center;
    margin-bottom: 2rem;
}
.news-wrap {
    background-color: #80808017;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    height: 100%;

}
.news-title {
    padding: 12px 18px;
}
.news-title h3 {
    font-size: 24px;
}
.description-wrap {
    padding: 12px 18px;
}
#more {display: none;}


@media (max-width: 992px) {
  .difference-section {
    flex-direction: column;
    text-align: center;
  }

  .difference-text h2 {
    font-size: 1.8rem;
  }

  .process-flow {
    gap: 15px;
  }
}

/* Mobile view */
@media (max-width: 600px) {



    .header-box {
    text-align: center;
    margin-bottom: 20px;
    margin: 50px 0px 0px;
}


.hm-btn {
    margin-top: 2rem;
    margin-bottom: 40px;
}

.header-box h2 {
    font-size: 22px;
    margin: 30px 0px;
}

.value-wrapper  img {
   display: none;
}
    .about-img {
    width: 100%;
    margin: 80px auto 0px;
    position: relative;
    top: -60px;
}

.qr-code img {
    width: 230px;
    margin: 0px auto;
}
  .circle {
    width: 140px;
    height: 140px;
    font-size: 14px;
    padding: 10px;
  }

  .difference-text h2 {
    font-size: 1.5rem;
  }

  .small-text {
    font-size: 12px;
  }

  .process-flow {
     display: block; 
    align-items: center;
    gap: 25px;
}

/*.about-img {
    background-color: #ffffff;
    padding: 10px;
    border-radius: 10px;
    box-shadow: rgb(0 0 0 / 32%) 0px 3px 8px;
    margin: 60px 0px;
}*/

.section-entry {
    padding: 2rem 18px 25px;
}

.txt-box {
    margin-top: 0px;
}

.contact-form-wrap {
    background-color: #fff;
    padding: 10px 10px 30px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    position: relative;
    margin-top: -15rem;
}
}

/*inner-page*/

    .gallery-container {
      display: flex;
      max-width: 1000px;
      margin: 50px auto;
      gap: 20px;
    }
    .thumbnails {
      display: flex;
      flex-direction: column;
      gap: 10px;
    }
    .thumbnails img {
      width: 70px;
      height: 70px;
      object-fit: cover;
      cursor: pointer;
      border: 2px solid transparent;
      border-radius: 5px;
      transition: 0.3s;
    }
    .thumbnails img.active {
      border-color: #02a598;
    }
    .main-image {
      flex: 1;
      position: relative;
      overflow: hidden;
    }
    .main-image img {
      width: 100%;
      height: auto;
      border-radius: 10px;
      cursor: zoom-in;
      transition: transform 0.3s ease;
    }
    .main-image img.zoomed {
      transform: scale(2);
      cursor: zoom-out;
    }


/* Multi-level dropdown */
.dropdown-submenu {
  position: relative;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -1px;
  display: none;
}

.dropdown-submenu:hover .dropdown-menu {
    display: block;
    margin: 0px 0px 0px 3px;
    background-color: #1e72b8;

}

.dropdown-submenu .dropdown-menu .dropdown-item:hover {
    background-color: #000000;
}


.dropdown-submenu:hover .dropdown-menu .dropdown-item {
    color: #ffffff;
    border: 0;
    border-bottom: solid 1px #ffffff;
    text-transform: capitalize;
    font-size: 15px;
    font-weight: 600;
}


.product-card-wrap {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.product-detail-btn a:hover {
  background: #1e72b8d9;
  color: #ffffff;
}



@import 'https://fonts.googleapis.com/css?family=Open+Sans:600,700';

* {font-family: 'Open Sans', sans-serif;}


/* THE END OF THE IMPORTANT STUFF */

@-webkit-keyframes leftRight {
  0%    { -webkit-transform: translateX(0)}
  25%   { -webkit-transform: translateX(-10px)}
  75%   { -webkit-transform: translateX(10px)}
  100%  { -webkit-transform: translateX(0)}
}
@keyframes leftRight {
  0%    { transform: translateX(0)}
  25%   { transform: translateX(-10px)}
  75%   { transform: translateX(10px)}
  100%  { transform: translateX(0)}
}


.pro-info-box ul li {
    font-size: 16px;
    list-style: disc;
    margin: 14px;
    font-weight: 600;
}





.index-class {
    position: relative;
    overflow: hidden;
}

/* Overlay */
.enquiry-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.65);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: all 0.35s ease;
}

/* Show on hover */
.index-class:hover .enquiry-overlay {
    opacity: 1;
}

/* Button */
.enquiry-open {
    background: #2475ba;
    color: #fff;
    border: none;
    padding: 12px 26px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 25px;
    cursor: pointer;
    transform: translateY(20px);
    transition: all 0.35s ease;
}

.index-class:hover .enquiry-open {
    transform: translateY(0);
}

.enquiry-open:hover {
    background: #1e72b8;
    transform: scale(1.05);
}



.enquiry-modal {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.7);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.enquiry-box {
    background: #fff;
    padding: 25px;
    width: 350px;
    border-radius: 6px;
    position: relative;
    animation: popup 0.4s ease;
}

@keyframes popup {
    from { transform: scale(0.7); opacity: 0; }
    to { transform: scale(1); opacity: 1; }
}

.enquiry-box h3 {
    margin-bottom: 15px;
}

.enquiry-box input,
.enquiry-box textarea {
    width: 100%;
    margin-bottom: 10px;
    padding: 8px;
    border: 1px solid #ccc;
}

.enquiry-box button {
    background: #2475ba;
    color: #fff;
    border: none;
    padding: 10px;
    width: 100%;
    cursor: pointer;
}

.close-modal {
    position: absolute;
    top: 8px;
    right: 12px;
    font-size: 22px;
    cursor: pointer;
}


.second-table {
    background-color: #2a72b8;
    color: #ffffff;
    padding: 10px 18px;
    font-size: 18px;
    margin: 0px 10px 0px 0px;
}

.second-1 {
    font-size: 18px;
    color: #000000;
}

@media (max-width: 600px) {
    .second-1 {
    font-size: 14px;
    color: #000000;
}
}

img#mainImg2 {
    max-width: 70%;
    justify-content: center;
    text-align: center;
    margin: 0px auto;
    display: flex;
}


/*table*/

/* Scroll wrapper */
.table-scroll {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;      /* SCROLL YAHI AAYEGA */
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

/* TABLE SCROLLBAR ONLY */
.table-scroll::-webkit-scrollbar {
    height: 14px;   /* MOTA */
}

.table-scroll::-webkit-scrollbar-track {
    background: #dbe9f6;
}

.table-scroll::-webkit-scrollbar-thumb {
    background: #2a72b8;  /* BLUE */
    border-radius: 10px;
}

/* Firefox */
.table-scroll {
    scrollbar-width: auto;
    scrollbar-color: #2a72b8 #dbe9f6;
}
.second-row {
    border-top: 2px solid #2a72b8;
    /* background-color: #f4f4f4; */
}

/* Table */
.rwd-table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
}

/* Cells */
.rwd-table th,
.rwd-table td {
    padding: 8px 15px;
    border: 1px solid #dbe3ec;
    text-align: center;
    font-size: 14px;
    white-space: nowrap;
}

/* Header */
.rwd-table thead th {
    background: #2a72b8;
    color: #fff;
    font-weight: 600;
}

/* Row colors */
.rwd-table tbody tr:nth-child(even) {
    background: #eef5fb;
}


.inner-black h4{
    color: #000000!important;
}

.inner-black h4 spam i {
    font-size: 18px;
    padding: 0px 5px 0px 0px;
}
.inner-black h4 a {
    color: #2a72b8;
}

#thank-you {
    background-color: #ffffff;
    text-align: center;
    padding-top: 14%;
    padding-bottom: 2%;
}

.thank h1 {
    color: #1e72b8;
    font-size: 43px;
    font-weight: 700;
     border-bottom: 2px solid; 
     width: 23%; 
    margin: 0px auto 2%;
}

.thank h2 {
    color: #646464;
    font-size: 28px;
    font-weight: 500;
}