/*!
Theme Name: Profen 
 
Theme URI:Coderbeans
Author: Sudipa Naiya
Author URI: https://coderbeans.com/
Description: Description
Version: 1.0.0


*/

@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');

/* font-family: "Raleway", sans-serif; */

@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');

/* font-family: "Nunito", sans-serif; */



html {

	width: 100%;

	overflow-x: hidden;

	font-size: 16px;

}



:root {

	--scroll-behavior: smooth;

	--default-body-font: "Nunito", sans-serif;

	--default-heading-font: "Raleway", sans-serif;

	--bg-white: #ffffff;

	--bg-text-color: #373131;

	--bg-light-sky: #00A1D5;

	--bg-sky: #017EC0;

	--bg-dark-red: #9D191E;

	--bg-light-red: #E41D24;

}



body {

	margin: 0;

	padding: 0;

	font-family: var(--default-body-font);

	height: auto;

	width: 100%;

	font-style: normal;

	font-weight: 400;

	font-size: 18px;

	line-height: 1.38;

	color: var(--bg-text-color);

	background: var(--bg-white);

}



img {

	max-width: 100%;

}



b,

strong {

	font-weight: 600;

}



p {

	margin: 0 0 25px 0;

}



p:last-child {

	margin-bottom: 0;

}



h1,

.h1-heading,

h2,

h3,

h4,

h5,

h6 {

	font-family: var(--default-heading-font);

	margin: 0 0 20px 0;

	font-weight: 600;

	color: var(--bg-text-color);

	padding: 0;

}



h1:last-child,

h2:last-child,

h3:last-child,

h4:last-child,

h5:last-child,

h6:last-child {

	margin-bottom: 0;

}



.h1-heading,

h1 {

	/*font-size: 60px;*/

	font-weight: 700;

	color: var(--bg-white);

	margin-bottom: 55px;

	line-height: 1.18;

}



h2 {

	/*font-size: 40px;*/

	line-height: 1.18;

	margin: 0 0 25px 0;

}



h3 {

	font-size: 24px;

}



h4 {

	font-size: 22px;

}



h5 {

	font-size: 20px;

}

 @media only screen and (min-width: 960px) {
       h1 {

    	font-size: 60px;
       }
       h2 {

    	font-size: 40px;
       }
    }

ul,

ul li {

	margin: 0;

	padding: 0;

	list-style: none;

}



a {

	margin: 0;

	padding: 0;

	font-family: var(--default-body-font);

	color: var(--bg-text-color);

	font-weight: 500;

	font-size: 18px;

	text-decoration: none;

	outline: none;

	-webkit-transition: all 0.4s ease;

	-o-transition: all 0.4s ease;

	transition: all 0.4s ease;

}



a:hover {

	color: var(--bg-orange);

}





input[type="text"],

input[type="tel"],

input[type="password"],

input[type="email"],

select {

	background-color: transparent;

	width: 100%;

	-webkit-appearance: none;

	-moz-appearance: none;

	appearance: none;

	border-radius: 6px;

	color: var(--bg-text-color);

	border: 1px solid var(--bg-text-color);

	height: 50px;

	padding: 0 16px;

	outline: none !important;

}



textarea {

	background-color: transparent;

	-webkit-appearance: none;

	-moz-appearance: none;

	appearance: none;

	border-radius: 6px;

	border: 1px solid #FFE5B8;

	padding: 12px 16px;

	width: 100%;

	color: #000;

	height: 100px;

	resize: none !important;

	outline: none !important;

}



select {

	border: 1px solid #FFE5B8;

	width: 100%;

	padding: 0 11px;

	background-color: var(--bg-white);

	background-image: url(images/sort-down.svg);

	background-repeat: no-repeat;

	background-position: center right 16px;

	background-size: 16px;

	border-radius: 6px;

	padding-right: 40px;

	outline: none;

	-webkit-appearance: none;

	-moz-appearance: none;

	-ms-appearance: none;

	-o-appearance: none;

	appearance: none;

}



select::-ms-expand {

	display: none;

}





textarea {

	resize: none;

}



input::placeholder,

textarea::placeholder {

	opacity: 1;

	color: var(--bg-text-color);

}



.contact-page-form input::placeholder,

.contact-page-form textarea::placeholder {

	opacity: 1;

	color: #fff !important;

}

.cmn-btn {

	display: inline-flex;

  padding: 17px 28px;

  border: none;

  color: var(--bg-white);

  font-size: 16px;

  font-weight: 600;

  cursor: pointer;

  outline: none;

  background-image: linear-gradient(135deg, #00A1D5, #017EC0);

  background-size: 300% 300%;   /* more room for animation */

  background-position: left center;

  transition: background-position 0.6s ease, transform 0.3s ease;

}



.cmn-btn-border {

		display: inline-flex;

  padding: 17px 28px;

  border: none;

  outline: none;

  color: var(--bg-white);

  font-size: 16px;

  font-weight: 600;

  cursor: pointer;

  background-image: linear-gradient(135deg, #9D191E, #E41D24);

  background-size: 300% 300%;   /* more room for animation */

  background-position: left center;

  transition: background-position 0.6s ease, transform 0.3s ease;

}



.cmn-btn:hover,

.cmn-btn-border:hover {

  color: var(--bg-white);

  background-position: right center;

  transform: translateY(-2px);

}



/* navbar*/



.main-head {

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	padding: 0px;

	background-color: var(--bg-white);

	width: 100%;

	z-index: 999;

}



.header-top {

	background-color: var(--bg-text-color);

}



.main-head .container-fluid {

	padding: 0 30px;

}



.navbar-expand-lg {

	padding: 0;

	justify-content: space-between;

}



.navbar-brand {

	padding: 0;

	margin: 0 80px 0 0;

	width: 160px;

	display: inline-block;

}



.navbar-nav li {

	position: relative;

	list-style: none;

}



.navbar-nav>li {

	margin: 0 18px;

	padding: 0 0;

	position: relative;

}



.navbar-nav>li:last-child {

	margin-right: 0;

}



.navbar-nav>li:first-child {

	margin-left: 0;

}



.navbar-nav>li>a {

	color: var(--bg-text-color);

	font-weight: 500;

	font-size: 16px;

	position: relative;

	text-transform: capitalize;

	padding: 34px 0;

}



.navbar-nav li.menu-item-has-children>a {

	padding-right: 16px;

}



.navbar-nav>li>a:hover,

.navbar-nav>li.menu-item-has-children:hover>a {

	color: var(--bg-sky);

}





/* navbar submenu*/



.sub-menu {

	background: var(--bg-white);

	position: absolute;

	top: 100px;

	left: 0;

	z-index: 1000;

	visibility: hidden;

	opacity: 0;

	border-radius: 0;

	width: 245px;

	overflow: hidden;

	box-shadow: 0 0 10px #33333337;

	-webkit-transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;

	transition: all 0.3s ease-in-out;

	padding: 0;

}



.navbar-nav li.menu-item-has-children:hover>.sub-menu {

	visibility: visible;

	top: 58px;

	opacity: 1;

}



.sub-menu>li>a {

	color: var(--bg-black);

	display: block;

	width: 100%;

	padding: 9px 10px;

	font-weight: 500;

	font-size: 16px;

	line-height: 1.2;

}



.navbar-nav>li>a::before {

	content: '';

	display: block;

	width: 0;

	height: 2px;

	background: var(--bg-orange);

	/* opacity: 0; */

	position: absolute;

	top: 2px;

	left: 50%;

	-webkit-transform: translateX(-50%);

	-ms-transform: translateX(-50%);

	transform: translateX(-50%);

	-webkit-transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;

	transition: all 0.3s ease-in-out;

}



.navbar-nav>li>a:after {

	content: '';

	display: block;

	width: 0;

	height: 2px;

	background: var(--bg-sky);

	/* opacity: 0; */

	position: absolute;

	bottom: 0px;

	left: 50%;

	-webkit-transform: translateX(-50%);

	-ms-transform: translateX(-50%);

	transform: translateX(-50%);

	-webkit-transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;

	transition: all 0.3s ease-in-out;

}



.sub-menu>li {

	width: 100%;

	display: block;

}



.navbar-nav>li.current-menu-item>a {

	color: var(--bg-sky);

}



.sub-menu>li>a:hover,

.sub-menu>li.menu-item-has-children:hover>a,

.sub-menu>li.current-menu-item>a {

	background: var(--bg-sky);

	color: var(--bg-white);

}



.navbar-nav>li.current-menu-item>a:before,

.navbar-nav>li.current-menu-item>a:after,

.navbar-nav>li>a:hover::before,

.navbar-nav>li>a:hover:after,

.navbar-nav>li.menu-item-has-children:hover>a:after {

	width: 100%;

}



.navbar-nav>li:last-child>.sub-menu {

	right: 0;

	left: inherit;

	padding: 0;

}



/* 2nd level submenu */

.navbar-nav>li>.sub-menu .sub-menu {

	position: absolute;

	left: 100%;

	top: 0;

}





/* for push-menu */

.navbar-collapse .navbar-toggler {

	display: none;

}



#navoverlay {

	display: block;

	pointer-events: none;

	position: fixed;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	background: transparent;

	margin: 0;

	padding: 0;

	z-index: 99;

	-webkit-transition: background-color 0.5s linear;

	-o-transition: background-color 0.5s linear;

	transition: background-color 0.5s linear;

}



.navbar-nav .clickD {

	position: absolute;

	right: 0;

	top: 4px;

	width: 10px;

	height: 20px;

	background: url(images/sort-down.svg) center center no-repeat;

	display: block;

	background-size: 10px;

	cursor: pointer;

}



.hdr-rgt-icons ul {

	display: flex;

	gap: 13px;

}



.hdr-rgt-icons ul li a {

display: flex;

    align-items: center;

    justify-content: center;

    align-items: center;

    

    color: var(--bg-text-color);

    transition: all 0.3s ease-in-out;

    font-size: 18px;

}

 @media only screen and (min-width: 960px) {
       .hdr-rgt-icons ul li a {
           padding: 40px 16px;
       }
    }

.hdr-rgt-icons ul li a:hover {

	color: var(--bg-light-red);

}



.hdr-rgt {

	display: flex;

	align-items: center;

	gap: 20px;

}



.header-col-flex {

	display: flex;

	justify-content: space-between;

	gap: 20px;

}



.header-col-flex ul {

	display: flex;

	align-items: center;

	gap: 25px;

}



.header-col-flex ul li a {

	font-size: 14px;

	padding: 10px 0;

	display: inline-block;

	color: var(--bg-white);

}



.header-col-lft ul li {

	position: relative;

}



.header-col-lft ul li::after {

	content: '';

	position: absolute;

	right: -14px;

	top: 50%;

	transform: translateY(-50%);

	width: 2px;

	height: 15px;

	border-radius: 20px;

	background-color: var(--bg-white);

	opacity: 0.5;

}



.header-col-lft ul li:last-child:after {

	display: none;

}



.header-col-lft ul li a i {

	font-size: 10px;

	margin-right: 2px;

}



.header-col-lft ul li a:hover {

	color: var(--bg-light-red);

}



.header-col-rgt ul {

	gap: 0px !important;

}



.header-col-rgt ul li a {

    padding: 10px 9px;

    border-left: 1px solid #9b9b9b78;

}

.header-col-rgt ul li:last-child a {

	border-right: 1px solid #9b9b9b78;

}	



.header-col-rgt ul li a:hover {

	background-color: var(--bg-sky);

	border-color: var(--bg-sky);

	color: var(--bg-white);

}



.hdr-rgt-button {

	margin-right: -30px;

	text-transform: uppercase;

}



.hdr-rgt-button a {

    padding: 37px 40px;

    padding-right: 60px;

    display: inline-block;

    border: none;

    outline: none;

    color: var(--bg-white);

    font-size: 18px;

    font-weight: 600;

    cursor: pointer;

    background-image: linear-gradient(135deg, #9D191E, #E41D24);

    background-size: 300% 300%;

    background-position: left center;

    transition: background-position 0.6s ease, transform 0.3s ease;

}



.hdr-rgt-button a:hover {

  color: var(--bg-white);

  background-position: right center;

}



.navbar-collapse {

    flex-grow: unset;

}



/* banner */



.banner {

	margin-top: 80px;

	background-color: #181D4E;

}
 @media only screen and (min-width: 960px) {
        .banner {

	    margin-top: 100px;
        }
    }


.banner-content-wrap {

	position: relative;

	z-index: 1;

}



.lft-img-banner {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	object-fit: cover;

	pointer-events: none;

	user-select: none;

	opacity: 0.6;

	z-index: -2;

}

 @media only screen and (min-width: 960px) {
      .lft-img-banner {
          width: 62%;
      }  
    }

.banner-col-left-wrap .cmn-btn-border {

	font-size: 20px;

}



.cmn-btn-border {

    padding: 17px 42px;

}



.banner-col-left-wrap {

	min-height: calc(100vh - 138px);

	display: flex;

	align-items: center;

	max-width: 700px;

	margin-left: auto;

}



.banner-col-right-wrap {

	max-width: 400px;

		padding: 60px 10px;

		min-height: calc(100vh - 138px);

}



.banner-col-right-wrap p {

	color: var(--bg-white);

	opacity: 0.7;

	font-size: 18px;

	line-height: 1.5;

}



.banner-col-left {

	width:100%;



}

 @media only screen and (min-width: 960px) {
        .banner-col-left {

	width: 63%;

	padding-right: 60px;

}
.banner-col-right {

	width: 37%;

	padding-left: 30px;

}
    }






.banner-sm-images {

	width: 37%;

	position: absolute;

	right: 0;

	bottom: 20px;

}



.banner-sm-img-col {

	padding: 0 4px;

}



.banner-sm-img-col-box {

	position: relative;

	padding-top: 110%;

	cursor: pointer;

}



.banner-sm-img-col-box img {

	position: absolute;

	top: 0;

	left: 0;

	top: 0;

	right: 0;

	width: 100%;

	height: 100%;

	object-fit: cover;

}



.js-banner-sm-img {

	max-width: 562px;

	margin-left: -90px;

}





/* banner end */



/* abuot */

.cmn-gap {

	padding: 30px 0;

}



.abt-img-one {

	max-width: 300px;
	height: auto;

}



.abt-img-one img {

	width: 100%;
	height: 100%;
	object-fit:cover;
	object-position: left;

}



.abt-img-wrap {

	position: relative;

	padding-bottom: 60px;

}



.abt-img-two {

	max-width: 230px;

	position: absolute;

	right: 0;

	bottom: 0;

}



.abt-img-two img {

	width: 100%;

}

 @media only screen and (min-width: 960px) {
       .cmn-gap {

	padding: 90px 0;

}

.abt-img-one {

	max-width: 500px;
	height: 500px;

}
.abt-img-two {

	max-width: 340px;
}
    }

.sub-hd {

	font-size: 14px;

    line-height: 18px;

    font-weight: 700;

    font-style: normal;

    text-transform: uppercase;

	display: block;

	font-family: var(--default-heading-font);

	color: var(--bg-dark-red);

	margin-bottom: 25px;

	padding-left: 60px;

	position: relative;

    letter-spacing: 0.8px;

}



.sub-hd::before {

	content: '';

	position: absolute;

	left: 0;

    top: 7px;

	width: 40px;

	height: 2px;

	background-color: var(--bg-dark-red);

}





.abt-cont p{
    font-size:16px;
    line-height:25px;
}

.abt-row {

	align-items: center;

}



.cmn-hd {

	margin-bottom: 45px;

}



.cmn-hd:last-child {

	margin-bottom: 0px;

}

/* abuot end */



/* partners */



.partner-slider .slick-list {

	margin: 0 -30px;

}



.partner-slider-col {

	padding: 0 30px;

	height: 80px;

}



.partner-slider-col img {

	width: 100%;

	height: 100%;

	object-fit: contain;

	opacity: 1;

	transition: all 0.3s;

}



.partner-slider-col img:hover {

	opacity: 1;

}

/* partners end */



/* choose-us */



.choose-us {

	background-color: #000;

	color: var(--bg-white);

	position: relative;

	z-index: 1;

}


.choose-us .image-overlay {
    position: absolute; 
}
.image-overlay {

	/*position: relative;*/

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	object-fit: cover;

	pointer-events: none;

	user-select: none;

	z-index: -1;

}

 @media only screen and (min-width: 960px) {
       .image-overlay {
          position: absolute; 
       }
    }

.choose-us .cmn-hd h2 {

	color: var(--bg-white);

}



.tab-cont-wrap h3 {

	color: var(--bg-white);

}



.choose-us .nav-link {

	background-color: var(--bg-white);

	color: var(--bg-text-color);

	font-size: 20px;

	font-size: 18px;

	font-weight: 600;

	border-radius: 0px;

	transition: all 0.3s ease-in-out;

	padding: 25px 15px;

}



.choose-us .nav.nav-pills li {

	margin-bottom: 15px;

}



.choose-us .nav-link:hover,

.choose-us .nav-link.active {

	background-color: var(--bg-dark-red);

	color: var(--bg-white);

}



.tab-cont-img-wrap {

	position: relative;

	/*padding: 110px 0 0;*/

	z-index: 1;

}


.tab-img-wrap {

	/*position: absolute;*/

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	z-index: -1;

}




.tab-img-wrap img {

	width: 100%;

	height: 350px;

	object-fit: cover;

}

 @media only screen and (min-width: 960px) {
       .tab-cont-img-wrap {
           	padding: 110px 0 0;
       }
       .tab-img-wrap {
           position: absolute;
           	width: 65%;
       }
       .tab-img-wrap img {



	height: 100%;



}
    }

.tab-cont-wrap {

	width: 100%;

	background-color: #1260ab;

	    padding: 25px 25px;

	margin-left: auto;
	   

}
 @media only screen and (min-width: 960px) {
       .tab-cont-wrap {
        padding: 60px 40px;
    	width: 65%;
    	 margin-right: -9%;
       }
    }


/* choose-us end */



/* sevr-sec */



.sevr-sec {

	background-color: #e1e6e9;

}



.top-sevr {

	margin-bottom: 80px;

}



.top-sevr .row {

	align-items: center;

}



.sevr-container {

	/*margin-left: calc((100% - 1194px) / 2);*/

	padding: 0 12px;

}



.js-sevr .slick-list {

	margin: 0 -12px;

	padding-right: 100px;

}



.sevr-slid {

	padding: 0 12px;

}

 @media only screen and (min-width: 960px) {
        .sevr-container {
        	margin-left: calc((100% - 1194px) / 2);
        }
    }

.sevr-col-slid {

	display: flex;

	flex-direction: column;

	position: relative;

}



.sevr-col-slid-img {

	position: relative;

	padding-top: 120%;

}



.sevr-col-slid-img img {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	object-fit: cover;

}



.sevr-col-slid-cont {

	width: 100%;

	height: 100px;

	background-color: var(--bg-dark-red);

	padding: 17px;

	overflow: hidden;

	transition: all 0.3s ease-in-out;

	position: absolute;

	bottom: 0;

	left: 0;

}

 @media only screen and (min-width: 960px) {
       .sevr-col-slid-cont {
           	padding: 20px;
       }
    }

.sevr-col-list {

	display: none;

	transition: all 0.3s ease-in-out;

}



.sevr-col-slid:hover .sevr-col-slid-cont {

	height: 100%;

}
 @media only screen and (min-width: 960px) {
      .sevr-col-slid:hover .sevr-col-slid-cont {
           height: 260px;
       }
    }


.sevr-col-slid:hover .sevr-col-list {

	display: block;

	opacity: 1;

}



.sevr-col-slid-cont h3 {

	color: var(--bg-white);

	margin-bottom: 13px;

	font-size: 20px;

}



.sevr-col-list ul li {

	font-size: 14px;

	margin-bottom: 6px;

	color: var(--bg-white);

	position: relative;

	padding-left: 10px;

}



.sevr-col-list ul li::before {

	content: '';

	position: absolute;

	left: 0;

    top: 8px;

	width: 3px;

	height: 3px;

	background-color: var(--bg-white);

	transform: rotate(45deg);

}



.svr-number {

	position: absolute;

	top: 10px;

	left: 20px;

	font-size: 45px;

	font-weight: 700;

	color: transparent;          

  -webkit-text-stroke: 1px rgb(255, 255, 255);

  text-stroke: 1px rgb(255, 255, 255); 

}

 @media only screen and (min-width: 960px) {
       .svr-number {
          font-size: 100px; 
          -webkit-text-stroke: 2px rgb(255, 255, 255);
          text-stroke: 2px rgb(255, 255, 255); 
       }
    }

.slick-dots {

	position: absolute;

	left: 50%;

	bottom: -45px;

	transform: translateX(-50%);

	display: flex;

	justify-content: center;

}



.slick-dots li {

	margin: 0 5px;

}



.slick-dots li button {

	font-size: 0;

	width: 7px;

	height: 7px;

	padding: 0;

	border-radius: 50%;

	opacity: 0.5;

	border: none;

	outline: none;

	transition: all 0.3s ease-in-out;

	background-color: var(--bg-text-color);

}



.slick-dots li.slick-active button {

	opacity: 1;

	background-color: var(--bg-dark-red);

}



/* sevr-sec end */



/* video section */



.video-container {

      position: relative;

      border-radius: 25px;

	  padding-top: 50%;

      overflow: hidden;

      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);

    }



    .play-btn {

      position: absolute;

      top: 50%;

      left: 50%;

      transform: translate(-50%, -50%);

      width: 80px;

      height: 80px;

      background: white;

      border-radius: 50%;

      display: flex;

      justify-content: center;

      align-items: center;

      cursor: pointer;

      transition: 0.3s ease;

    }



    .play-btn:hover {

      transform: translate(-50%, -50%) scale(1.1);

      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);

    }



    .play-btn:before {

      content: "";

      display: block;

      width: 0;

      height: 0;

      border-left: 20px solid #ff5722;

      border-top: 12px solid transparent;

      border-bottom: 12px solid transparent;

    }



	.video-container img {

      width: 100%;

	  position: absolute;

	  top: 0;

	  left: 0;

	  height: 100%;

      display: block;

    }



    .video-container video {

      width: 100%;

	  position: absolute;

	  top: 0;

	  left: 0;

	  height: 100%;

	  object-fit: cover;

      display: none;

    }



/* video section end */



.our-unique-col-top {

	display: flex;

	align-items: center;

	padding-bottom: 20px;

	transition: all 0.3s ease-in-out;

	border-bottom: 2px solid #8080806c;

}



.our-unique-col:hover .our-unique-col-top {

	border-bottom: 2px solid var(--bg-light-red);

}



.our-unique-col-icon {

	max-width: 45px;

	flex-shrink: 0;

	margin-right: 15px;

}



.our-unique-col-icon img {

	width: 100%;

	filter: brightness(0) saturate(100%) invert(100%) sepia(96%) saturate(0%) hue-rotate(48deg) brightness(104%) contrast(104%);

}



.our-unique-col-top h3 {

	color: var(--bg-white);

	font-size: 18px;

}



.our-unique-col-cont {

	padding-top: 25px;

}



.our-unique-col-cont p {

	font-size: 16px;

	opacity: 0.7;

}



.our-unique-row {

    --bs-gutter-y: 45px;

}



.btn-link {

	color: var(--bg-white);

	text-transform: uppercase;

	letter-spacing: 1px;

	text-decoration: none;

	font-size: 13px;

}



.btn-link:hover {

	color: var(--bg-light-red);

}



.all-sec-btn {

	margin-top: 50px;

}



.features-list {

	display: flex;

	flex-wrap: wrap;

	gap: 25px;

}



.features-list-item button {

	display: flex;

	align-items: center;

	gap: 10px;

	font-size: 16px;

	line-height: 1;

	text-transform: uppercase;

	padding: 0 10px 10px 0;

	color: var(--bg-text-color);

	transition: all 0.3s ease-in-out;

	border-bottom: 2px solid var(--bg-text-color);

	font-weight: 600;

}



.features-list-item button span {

	width: 20px;

	display: inline-block;

	flex-shrink: 0;

}



.features-list-item button span img {

	width: 100%;

}



.features-list-item .nav-link.active {

	border-color: var(--bg-dark-red);

}



.features-list-item .nav-link.active {

	color: var(--bg-dark-red);

}



.features-list-item .nav-link.active span img {

	filter: brightness(0) saturate(100%) invert(17%) sepia(38%) saturate(6858%) hue-rotate(346deg) brightness(75%) contrast(95%);

}



.tab-pane-cont {

	padding: 25px 0 0;

}



.features-list-img {

	height: 100%;

	position: relative;

}



.features-list-img-wrap {

	height: 100%;

}



.features-list-img-wrap {

	position: relative;

}



.features-list-img-cont {

	position: absolute;

    bottom: 0;

    left: 0;

    background-color: var(--bg-dark-red);

    max-width: 200px;

    padding: 35px;

}



.features-list-img-cont p {

	color: var(--bg-white);

}



.why-choose-container {

	padding: 0 12px;

}



.why-choose {

	background-color: var(--bg-text-color);

}



.why-choose-lft {

	background-color: var(--bg-text-color);

	position: relative;

	padding: 80px 20px;

	z-index: 1;

}



.why-choose-lft .image-overlay {

	opacity: 0.09;

	left: -12px;

}


.why-choose-overlay {
    position: absolute;
}
.why-choose-lft h2 {

	color: var(--bg-white);

	font-size: 30px;

}

 @media only screen and (min-width: 960px) {
        .why-choose-lft h2 {
            	font-size: 40px;
        }
    }

.why-choose-lft-cont p {

	color: var(--bg-white);

	font-size: 16px;

}



.why-choose-lft-cont ul li {

	color: var(--bg-white);

	font-size: 16px;

	margin-bottom: 6px;

	padding-left: 15px;

	position: relative;

}



.why-choose-lft-cont ul li::before {

	content: '';

	position: absolute;

	left: 0;

	top: 8px;

	width: 5px;

	height: 5px;

	background-color: var(--bg-light-red);

	transform: rotate(45deg);

}



.why-choose-rgt-col,

.why-choose-rgt-col-row {

	height: auto;

}



.why-choose-rgt-cont {

	background-color: var(--bg-white);

		height: auto;

		display: flex;

		justify-content: center;

		flex-direction: column;

		gap: 30px;

		padding: 20px;

}
 @media only screen and (min-width: 960px) {
        .why-choose-rgt-cont {
            	height: 100%;
        }
        .why-choose-rgt-col,

.why-choose-rgt-col-row {

	height: 100%;

}
    }


.why-choose-rgt-cont h3 {

	font-weight: 700;

	margin-bottom: 10px;

	color: var(--bg-light-red);

}



.why-choose-rgt-cont h4 {

	color: var(--bg-text-color);

	margin-bottom: 5px;

	font-weight: 700;

	font-size: 18px;

	text-transform: uppercase;

}



.why-choose-rgt-cont p {

	font-size: 14px

}



.why-choose-rgt-col-img {

	position: relative;

	margin: 0 -24px;

	z-index: 1;

	height: 100%;

}

@media only screen and (max-width: 960px) {
	.why-choose-rgt-col-img {
		margin: 0 0;
	}
}

.why-choose-lft .row {

	align-items: center;

}



/* acco */

.what-we-do .accordion-button {
	background: transparent;
	padding: 20px 0;

	font-weight: 700;

	font-family: var(--default-heading-font);

	outline: none;

	border: none;

	font-size: 20px;

}



.what-we-do .accordion-body {

	padding: 10px 0 20px;
	

}

/*.accordion-body ul{*/
      
/*}*/
.accordion-body ul li{
    margin-bottom:10px;
     list-style: disc !important;
}

.what-we-do .accordion-item {
	background: transparent;

	border: none;

	border-top: 2px solid var(--bg-text-color);

	border-radius: 0;

}



.what-we-do .accordion-item:last-child {

	border-bottom: 2px solid var(--bg-text-color);

}



.accordion-item:first-of-type>.accordion-header .accordion-button {

	box-shadow: none;

	border-radius: 0;

}



button:focus:not(:focus-visible) {

	box-shadow: none;

}



.accordion-button:not(.collapsed) {

	background-color: transparent;

	color: var(--bg-dark-red);

}



.accordion-button::after {

	content: '\f063';

	font-family: 'fontawesome';

	background-image: none;

	transform: rotate(45deg);

}



.accordion-button:not(.collapsed)::after {

	background-image: none;

	transform: rotate(0deg);

}



.what-we-do-rgt-img img {

	width: 100%;

}



.what-we-do-rgt {

	position: relative;

}



.video-btn {

	position: absolute;

	bottom: 3px;

	left: 3px;

	display: flex;

	align-items: center;

	justify-content: center;

	font-size: 30px;

	width: 100px;

	color: var(--bg-white);

	height: 100px;

	background-color: var(--bg-dark-red);

}



.video-btn:hover {

	color: var(--bg-white);

	background-color: var(--bg-light-sky);

}



.our-work-col {

	max-width: 300px;

	margin-left: auto;

	padding-bottom: 10px;

}



.our-work-col h3 {

font-size: 60px;

    font-family: var(--default-body-font);

    text-transform: uppercase;

    font-weight: 900;

    color: var(--bg-dark-red);

	line-height: 1;

}



.our-work-col h3 sup {

    right: 10px;

    top: -19px;

}



.our-work-col {

	text-transform: uppercase;

	letter-spacing: 1px;

}



.our-work-tb .nav-tabs {

	border-bottom: 1px solid #999999;

	gap: 25px;

	position: relative;

}



.our-work-tb .nav-tabs::before {

	content: '';

	position: absolute;

	right: 0;

	bottom: -1px;

	width: 7px;

	height: 7px;

	background-color: var(--bg-light-red);

	z-index: 1;

}



.choose-us .our-work-tb .nav-link{

	border: none;

	padding-left: 5px;

	padding-right: 5px;

	background-color: transparent;

	border-bottom: 3px solid transparent;

	color: #999999;

}



.choose-us .nav-link.active {

	color: var(--bg-white);

	border-color: var(--bg-light-red);

}



.choose-us .our-work-tb .nav-link:hover {

	color: var(--bg-white);

}



.work-col-img {

	position: relative;

	padding-top: 120%;

	display: flex;

	z-index: 1;

}



.work-col {

	position: relative;

}



.work-col-img-cont {

	width: 100%;

	position: absolute;

	opacity: 0;

	transform: scaleX(0);

	transition: all 0.3s ease-in-out;

	bottom: 0;

	left: 0;

	padding: 20px;

	z-index: 1;

}



.work-col:hover .work-col-img-cont {

	opacity: 1;

		transform: scaleX(1);

}



.work-col-img-lis {

	width: 100%;

	background-color: var(--bg-light-sky);

	padding: 20px;

}



.work-col-img-lis ul {

	display: inline-flex;

	flex-wrap: wrap;

	gap: 10px;

}



.work-col-img-lis-txt {

	background-color: var(--bg-dark-red);

		padding: 20px;

}



.work-col-img-lis-txt a {

    font-size: 25px;

    text-transform: capitalize;

    font-family: var(--default-heading-font);

	font-weight: 600;

	color: var(--bg-white);

}



.work-col-img-lis ul li a {

	color: var(--bg-white);

}



.work-col-img-lis-txt a:hover,

.work-col-img-lis ul li a:hover {

	opacity: 0.8;

}



.js-work-slider {

	margin-top: 60px;

}



.project-sec .all-sec-btn {

	margin-top: 100px;

}



.cont-col-soc h3,

.cont-col h3 {

	color: var(--bg-white);

	font-size: 20px;

	margin-bottom: 12px;

	font-weight: 700;

}

.cont-col a {

	display: inline-block;

	color: #23bcff;

	font-weight: 600;

	margin-bottom: 10px;

}

.contact-page .cont-col a {
	color: var(--bg-dark-red);
}

.cont-col a:hover {

	color: var(--bg-sky);

}



.cont-col p {

	margin-bottom: 10px;

}



.cont-col p:last-child {

	margin-bottom: 0px;

}

.cont-col-soc ul {

	display: flex;

	gap: 10px;

	flex-wrap: wrap;

}

.cont-col-soc ul li a {

	width: 35px;

	height: 35px;

	display: flex;

	align-items: center;

	justify-content: center;

	font-size: 18px;

	color: var(--bg-white);

	border: 1px solid var(--bg-white);

}

.underline{
	text-decoration: underline;
}

.cont-col-soc ul li a:hover {

	background-color: var(--bg-dark-red);

	border-color: var(--bg-light-red);

	color: var(--bg-white);

}



.contact-form-home {

	padding: 40px;

	max-width: 500px;

	margin-left: auto;

	background-color: var(--bg-white);

	box-shadow: 0 0 10px #33333322;

}



.contact-form-home h3 {

	font-weight: 700;

	font-size: 30px;

}



.contact-form-home p {

	color: var(--bg-text-color);

}



/* form */

.form-group {

  position: relative;

  margin-bottom: 20px;

}



.form-group input,

.form-group textarea {

  width: 100%;

  padding: 10px;

  border: 1px solid #ccc;

  border-radius: 4px;

  font-size: 16px;

  transition: border-color 0.3s ease;

  resize: vertical; /* allow resizing for textarea */

}



.form-group label {

  position: absolute;

  left: 12px;

  top: 14px;

  font-size: 16px;

  color: var(--bg-text-color, #555);

  transition: top 0.3s ease, font-size 0.3s ease, color 0.3s ease;

  background-color: transparent;

  pointer-events: none; /* label won’t block textarea click */

}



.form-group input:focus,

.form-group textarea:focus {

  border-color: var(--bg-sky);

  outline: none;

}



/* Float label when input OR textarea is focused or not empty */

.form-group input:focus + label,

.form-group input:not(:placeholder-shown) + label,

.form-group textarea:focus + label,

.form-group textarea:not(:placeholder-shown) + label {

  top: -6px;

  font-size: 12px;

  color: var(--bg-sky);

  background-color: #ffffff;

  padding: 0 4px;

  border-radius: 4px;

  left: 8px;

}



.blog-left-col-img {

	margin-bottom: 20px;

}



.blog-left-col-img img {

	width: 100%;

}



.blog-info {

	display: flex;

	flex-wrap: wrap;

	margin-bottom: 15px;

	gap: 10px;

}



.blog-info li,

.blog-info li a {

	text-transform: capitalize;

	font-weight: 500;

	color: var(--bg-text-color);

}



.blog-info li a:hover {

	color: var(--bg-dark-red);

}



.blog-name-lg {

	font-size: 30px;

	font-weight: 600;

	color: var(--bg-text-color);

	font-family: var(--default-heading-font);

	margin-bottom: 20px;

	display: inline-block;

}



.blog-name-lg:hover {

	color: var(--bg-dark-red);

}



.blog-row {

	    --bs-gutter-x: 30px;

}



.blog-rgt-col {

	background-color: #c6cbd027;

	padding: 30px 20px;

}



.sidebar-item {

	display: flex;

	align-items: center;

	margin-bottom: 25px;

}



.sidebar-item:last-child {

	margin-bottom: 0;

}



.sidebar-item img {

	width: 80px;

	flex-shrink: 0;

	margin-right: 10px;

}



.sidebar-item-cont h6 {

	font-size: 14px;

	font-weight: 700;

	transition: all 0.3s ease-in-out;

	color: var(--bg-text-color);

	text-decoration: underline !important;

	margin-bottom: 5px;

}



.sidebar-item:hover h6 {

	color: var(--bg-light-red);

}



.sidebar-item-cont span {

	font-size: 12px;

}



.cta {

	position: relative;

	padding: 100px 0;

	z-index: 1;

	background-color: var(--bg-text-color);

}



.cta .image-overlay {
    position:absolute;
	opacity: 0.3;

} 



.cta-wrap .sub-hd {

	color: var(--bg-white);

	display: inline-block;

}



.cta-wrap .sub-hd::before {

	background-color: var(--bg-white);

}



.cta-wrap h2 {

	color: var(--bg-white);

	font-size: 30px;

	margin-bottom: 50px;

}

 @media only screen and (min-width: 960px) {
        .cta-wrap h2 {
            	font-size: 70px;
        }
    }

/* form end */



/* footer */

.map-sec {

	position: relative;

	z-index: 1;

}



.map-sec iframe {

	width: 100%;

	height: 100%;

	/*position: absolute;*/

	top: 0;

	left: 0;

	border: none;

	z-index: -1;

	object-fit: cover;

}

.map-sec .image-overlay {
    position: absolute;
}
 @media only screen and (min-width: 960px) {
      .map-sec iframe {
          	position: absolute;
      }
    }

.map-address {

	background-color: var(--bg-light-red);

	max-width: 420px;

	padding: 60px 40px 100px;

}



.map-address {

	text-align: center;

	color: var(--bg-white);

	position: relative;

	z-index: 1;

}



.map-sub-hd {

	text-transform: uppercase;

	font-size: 18px;

	color: var(--bg-white);

	display: inline-block;

	margin-bottom: 10px;

}



.map-address h2 {

	color: var(--bg-white);

	font-size: 30px;

}
 @media only screen and (min-width: 960px) {
        .map-address h2 {
            font-size: 40px;
        }
    }


.map-address-col {

	display: flex;

	flex-direction: column;

	justify-content: center;

	gap: 10px;

}



.map-address-col a {

	text-decoration: underline !important;

	color: var(--bg-white);

	font-weight: 600;

}





.add-slick-prev, 

.add-slick-next {

  width: 50px;

  height: 50px;

  border: none;

  outline: none;

  display: flex !important;

  align-items: center;

  justify-content: center;

  cursor: pointer;

  z-index: 10;

}



/* Left arrow */

.add-slick-prev {

  background: #fff;

  color: #000;

  left: 32%;

  bottom: -70px;

  position: absolute;

}



/* Right arrow */

.add-slick-next {

  background: #111;

  color: #fff;

  right: 32%;

  bottom: -70px;

  position: absolute;

}



/* Hover effect */

.add-slick-prev:hover {

  background: #ddd;

}

.add-slick-next:hover {

  background: #333;

}



.page-footer-in-bottom {

	background-color: #111013;

	padding: 20px 0;

}



.page-footer-in-bottom-cont p {

	font-size: 14px;

	color: var(--bg-white);

}



.ftr-form p a,

.page-footer-in-bottom-cont p a {

	text-decoration: underline !important;

	color: var(--bg-white);

		font-size: 14px;

}



.ftr-form p a:hover,

.page-footer-in-bottom-cont p a:hover {

	color: var(--bg-light-red);

}



.page-footer-in-bottom-cont ul {

	display: flex;

	justify-content: center;

	gap: 10px;

}

 @media only screen and (min-width: 960px) {
      .page-footer-in-bottom-cont ul {
          justify-content: flex-end;
      }
    }

.page-footer-in-bottom-cont ul li a {

	color: var(--bg-white);

	font-size: 14px;

	text-transform: capitalize;

}



.page-footer-in-bottom-cont ul li a:hover {

	color: var(--bg-dark-red);

}



.page-footer {

	    background-color: #1A191D;

}



.page-footer-in-top {

	padding: 55px 0 40px;

}





.ftr-logo-link {

	display: inline-block;

	max-width: 160px;

	margin-bottom: 20px;

}



.ftr-logo-wrap p {

	color: var(--bg-white);

	font-size: 14px;

}



.ftr-logo-wrap .cont-col-soc h3 {

	color: var(--bg-white);

}



.ftr-logo-wrap .cont-col-soc ul li a {

	color: var(--bg-white);

    border: 1px solid var(--bg-white);

}



.ftr-logo-wrap .cont-col-soc ul li a:hover {

	border-color: var(--bg-dark-red);

}



.ftr-hd {

    font-family: var(--default-heading-font);

    color: var(--bg-white);

    font-size: 22px;

    font-weight: 600;

    margin-bottom: 20px;

}



.footer-add-col ul li {

	display: flex;

	gap: 6px;

	margin-bottom: 20px;

}



.footer-add-col ul li,

.footer-add-col ul li a {

	color: var(--bg-white);

	font-size: 14px;

}



/*.footer-add-col ul li a {

	text-decoration: underline;

}*/



.footer-add-col ul li a:hover {

	color: var(--bg-light-red);

}



.quick-lnk-col ul li {

	padding-left: 15px;

	position: relative;

}



.quick-lnk-col ul li::before {

	content: '';

	position: absolute;

	left: 0;

	top: 8px;

	width: 4px;

	height: 4px;

	background-color: var(--bg-light-red);

	transform: rotate(45deg);

}



.ftr-form p {

	color: var(--bg-white);

	font-size: 14px;

}



.ftr-form-col {

	background-color: var(--bg-white);

	position: relative;

	margin-bottom: 23px;

}



.ftr-form-col input {

	border: none;

	outline: none;

	padding-right: 54px;

}



.ftr-form-col button {

    position: absolute;

    top: 3px;

    right: 3px;

    bottom: 3px;

    outline: none;

    padding: 0 16px;

    font-size: 12px;

	transition: all 0.3s ease-in-out;

    border: none;

    background-color: var(--bg-light-red);

    color: var(--bg-white);

}



.ftr-form-col button:hover {

	background-color: var(--bg-sky);

}



/* footer end */



/* ========== responsive css =========== */



@media(min-width: 1170px) {

	.container {

		max-width: 1194px;

	}

}



@media (max-width: 1440px) {



}



@media (max-width: 1199px) {

	body {

		font-size: 16px;

		line-height: 1.2;

	}



	.main-head {

		padding: 15px 0;

	}



	.navbar-nav>li>a {

		font-size: 16px;

		padding: 14px 0;

	}



	.navbar-nav>li {

		margin: 0 10px;

	}



	.navbar-expand-lg .navbar-collapse {

		padding-right: 30px;

	}



	.hdr-rgt {

		gap: 30px;

	}



	.cmn-btn-border,

	.cmn-btn {

		padding: 16px 22px;

		font-size: 16px;

	}



	.navbar-brand {

		width: 100px;

	}



	.h1-heading,

	h1 {

		font-size: 36px;
		line-height: 1.28;

	}



}



@media (max-width: 1024px) {



	/* navbar*/



	.navbar-nav .clickD {

		top: 40px;

	}



	.navbar-nav .clickD.toggled {

		-webkit-transform: rotate(180deg);

		-ms-transform: rotate(180deg);

		transform: rotate(180deg);

	}



	.sub-menu>li.menu-item-has-children .clickD {

		top: 8px;

		right: 5px;

		-webkit-transform: rotate(-90deg);

		-ms-transform: rotate(-90deg);

		transform: rotate(-90deg);

	}



	.sub-menu>li.menu-item-has-children .clickD.toggled {

		-webkit-transform: rotate(180deg);

		-ms-transform: rotate(180deg);

		transform: rotate(180deg);

	}



	.navbar-nav>li.menu-item-has-children {

		padding-right: 10px;

	}



	.sub-menu>li.menu-item-has-children>a {

		padding-right: 10px;

	}



	.sub-menu.show {

		display: block;

	}



	.navbar-nav>li.current-menu-item>a:after,

	.navbar-nav>li>a:after,

	.navbar-nav>li.menu-item-has-children>a:after {

		width: 100%;

		opacity: 0;

	}



	.navbar-nav>li.current-menu-item>a:after,

	.navbar-nav>li>a:hover:after,

	.navbar-nav>li.menu-item-has-children:hover>a:after {

		width: 100%;

		opacity: 1;

	}



	/* navbar end*/

}



@media (max-width: 991px) {





	.navbar-nav .clickD {

		top: 0px;

		right: 0;

		width: 25px;

		height: 37px;

		background: url(images/sort-down-hover.svg) center center no-repeat;

		-webkit-transform: rotate(0);

		-ms-transform: rotate(0);

		transform: rotate(0);

	}



	.navbar-nav .clickD.toggled {

		-webkit-transform: rotate(180deg);

		-ms-transform: rotate(180deg);

		transform: rotate(180deg);

	}



	.sub-menu>li.menu-item-has-children .clickD {

		top: 8px;

		right: 10px;

		-webkit-transform: rotate(0);

		-ms-transform: rotate(0);

		transform: rotate(0)

	}





/* 	.sub-menu,

	.navbar-nav>li>.sub-menu .sub-menu {

		position: relative;

		width: 100%;

		left: inherit;

		top: inherit;

		border: none;

		right: inherit;

		padding: 0 0;

		opacity: 1;

		border-radius: 0;



		visibility: visible;

		border: 1px solid #0000003d;

		border-bottom: none;

		background-color: #0000000a;

	} */



	.navbar-nav>li.menu-item-has-children {

		padding-right: 0;

	}



	.navbar-nav>li {

		margin: 0 0;

		padding: 0;

	}



	.navbar-nav li.menu-item-has-children:hover>.sub-menu {

		top: 0;

	}



	.navbar-nav>li>a {

		padding: 8px 0 8px 0px;

		display: inline-block;

		width: 100%;

		color: var(--bg-black);

		font-size: 14px;

		border-top: 1px solid #0000003d;

	}



	.navbar-nav>li:first-child a {

		border: none;

	}



	.navbar-nav li.menu-item-has-children>a {

		padding-right: 50px;

	}



	.sub-menu .sub-menu>li>a {

		padding-left: 60px;

	}



	.sub-menu .sub-menu .sub-menu>li>a {

		padding-left: 80px;

	}



	.navbar-nav>li>a:after {

		bottom: 0;

	}



	/* navbar end*/



	/* push nav */



	.navbar-collapse {

		background: #fff;

		position: fixed;

		top: 0;

		height: 100% !important;

		width: 290px;

		overflow-y: auto;

		-webkit-transition: inherit !important;

		-o-transition: inherit !important;

		transition: inherit !important;

		right: 0;

		margin: 0;

		display: block !important;

		-webkit-transform: translateX(100%);

		-ms-transform: translateX(100%);

		transform: translateX(100%);

		-webkit-transition: transform 0.2s ease-in-out !important;

		-webkit-transition: -webkit-transform 0.2s ease-in-out !important;

		transition: -webkit-transform 0.2s ease-in-out !important;

		-o-transition: transform 0.2s ease-in-out !important;

		transition: transform 0.2s ease-in-out !important;

		transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out !important;

		z-index: 100;

	}



	.navbar-collapse.show,

	.navbar-collapse.collapsing {

		display: block !important;

		-webkit-transform: translateX(0);

		-ms-transform: translateX(0);

		transform: translateX(0);

		-webkit-transition: transform 0.2s ease-in-out !important;

		-webkit-transition: -webkit-transform 0.2s ease-in-out !important;

		transition: -webkit-transform 0.2s ease-in-out !important;

		-o-transition: transform 0.2s ease-in-out !important;

		transition: transform 0.2s ease-in-out !important;

		transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out !important;

	}



	.navbar-collapse .navbar-nav {

		margin: 80px 0 0;

		padding: 0 10px 40px;

	}



	.navbar-collapse .navbar-toggler {

		display: block;

		right: 20px;

		top: 20px;

		position: absolute;

	}



	#navoverlay.open {



		background-color: rgba(0, 0, 0, 0.546);

		pointer-events: all;

		-webkit-transition: background-color 0.5s linear;

		-o-transition: background-color 0.5s linear;

		transition: background-color 0.5s linear;

	}



	body.open-nav,

	html.open-nav {

		height: 100%;

		overflow: hidden;

	}



	.main-head .container {

		max-width: 720px;

	}



	.navbar {

		padding: 0;

	}



	.sub-menu>li>a {

		border: none;

		padding: 8px 8px;

		border-bottom: none;

		border-top: 1px solid #0000003d;

	}



	.sub-menu>li:first-child a {

		border-top: none;

	}



	.navbar-toggler {

		position: relative;

		width: 40px;

		order: 2;

		height: 40px;

		background-color: var(--bg-orange);

		padding: 0;

		border-radius: 2px;

		outline: none !important;

		border: none !important;

		-webkit-box-shadow: none !important;

		box-shadow: none !important;

		margin-top: -4px;

	}



	.stick,

	.stick:after,

	.stick:before {

		width: 24px;

		height: 2px;

		background: #000000;

		position: absolute;

		left: 8px;

		top: 19px;

		-webkit-transition: all 0.6s;

		-o-transition: all 0.6s;

		transition: all 0.6s;

		border-radius: 5px;

	}



	.stick:before {

		content: '';

		top: -9px;

		left: 0;

	}



	.stick:after {

		content: '';

		top: 9px;

		left: 0;

	}



	.stick.open {

		-webkit-transform: translateX(-50px);

		-ms-transform: translateX(-50px);

		transform: translateX(-50px);

		background: transparent;

	}



	.stick.open:before {

		-webkit-transform: rotate(45deg) translate(38px, -32px);

		-ms-transform: rotate(45deg) translate(38px, -32px);

		transform: rotate(45deg) translate(38px, -32px);

		left: 2px;

	}



	.stick.open:after {

		-webkit-transform: rotate(-45deg) translate(42px, 28px);

		-ms-transform: rotate(-45deg) translate(42px, 28px);

		transform: rotate(-45deg) translate(42px, 28px);

		left: 2px;

	}



	/* push nav end */



	.navbar-nav>li>a:after,

	.navbar-nav>li>a::before {

		display: none;

	}



	.cmn-btn-border,

	.cmn-btn {

		font-weight: 400;

		padding: 13px 16px;

	}



	.hdr-rgt {

		gap: 20px;

		margin-left: auto;

		padding-right: 20px;

	}



	.navbar-toggler.navbar-toggler-main.open .stick:before {

		top: -4px;

		left: 1px;

	}



	.navbar-toggler.navbar-toggler-main.open .stick:after {

		top: 10px;

		left: 1px;

	}



}



@media (max-width: 767px) {



}



@media (max-width: 575px) {



}



@media (max-width: 479px) {



}



@media(max-width: 375px) {}


/*added by sudipa*/
.img-div {
/*  position: relative;
  display: inline-block;*/ /* or block depending on your layout */
}

.img-div img {
/*  display: block;
  width: 100%;  
  height: auto;*/
  object-fit: cover;
}

.img-div:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5); /* black overlay with 50% opacity */
  z-index: -1;
}

.accordion-col{
	background: aliceblue;
}


/*innerpages*/
.inner-banner{
	padding-top: 19%;
	padding-bottom: 5%;
}
.current-item{
	 color: #ffffff;
    background: #ad1a20;
    padding: 3px 10px;
	font-size:14px;
}
.testimonial-section{
	background: url('images/Forklifts-Equipment.webp');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.about-video{
	    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 35%, rgba(15, 15, 15, 1) 35%);
}
.testimonial-content{
	max-width: 100%;
}
.bg-blue{
	background: #125291;
}
.testimonial-section .add-slick-prev {
	    left: 64%;
}
.testimonial-section .add-slick-next {
	right: 0;
}
 @media only screen and (min-width: 960px) {
        .testimonial-section .add-slick-prev {
             left: 80%;
        }
    }
.contact-page .socials li a{
color: #000;
border:1px solid #000;
}
.contact-form-page{
	background: #042b42;
} 
.contact-form-page input,.contact-form-page textarea{
color: #fff;
}
.contact-form-page label,.contact-form-page label{
	color: #fff;
}
.contact-map iframe{
	    filter: brightness(100%) contrast(100%) saturate(0%) blur(0px) hue-rotate(0deg);
}
.contact-overlay{
    opacity: 0.3;
}

.ufg-parent-filters{
	text-align:center;
}

.gallery-section img{
	object-fit: cover;
}



.service-quick ul{
    padding-left: 0;
}
.service-quick ul li{
    margin-bottom: 7px;
}
.service-quick ul li a{
    display: block;
    padding: 14px 30px 14px 24px;
    position: relative;
    background-color:#970f14;
    color: #fff !important;
    z-index: 1;
    font-weight: 500;
    font-size: 15px;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

.service-quick ul li a:before{
    content: "";
    width: 4px;
    top: 0;
    left: 0;
    background: #eaeaea;
    height: 100%;
    position: absolute;
    -webkit-transition: background .2s linear;
    transition: background .2s linear;
    z-index: 1;
}
.service-quick ul li a:after{
    content: "";
    width: 0;
    height: 100%;
    background: #41c0b9;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: width .3s linear;
    transition: width .3s linear;
    z-index: -2;
}
.service-quick ul li a:hover{
    color: #fff !important;
    border-color: transparent;
    z-index: 9;
}
.service-quick ul li a:hover:before{
    color: #fff !important;
    border-color: transparent;
    z-index: 9;
    background: #0094cc;
}
.service-quick ul li a:hover:after{
    width: 100%;
    background-color:#0094cc;
}

.tp-services-details-contact-bg {
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1;
}
.tp-services-details-contact {
    padding: 40px 25px;
}
.tp-services-details-contact-bg::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(8, 32, 96, 0.92);

    z-index: -1;
}
.tp-services-details-contact-icon {
    margin-bottom: 20px;
}
.tp-services-details-contact-icon span {
    display: inline-block;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.09);
    width: 80px;
    height: 76px;
    text-align: center;
    line-height: 88px;
    color: #ffffff;
    font-size: 35px;
}

.tp-services-details-contact-title {
    color: #fff;
    text-align: center;
    font-size: 26px;
    font-weight: 500;
    line-height: 36px;
    margin-bottom: 40px;
}

.tp-services-details-contact-phone span {
    color: #fff;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 1.95px;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 7px;
}
.tp-services-details-contact-phone a {
    display: block;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    background-color: #ff5421;
    border-radius: 50px;
    padding: 10px 10px;
    border: 1px solid #ff5421;
}


.product-name{
	    text-align: center;
    padding: 14px 0;
    background: #cbe6ff;
    border: 2px solid #779bbd;
    border-top: 0;
}

.service-content ul li{
	list-style:disc;
	margin-bottom:7px;
}
.product-img-div{
	height:250px;
}

@media (min-width: 991px) {
	.product-img-div{
	height:400px;
}
}
/*innerpages*/


/* --- MOBILE MENU FIXES (Max-width 1024px to match your jQuery) --- */
@media (max-width: 1024px) {

    /* 1. RESET THE SUB-MENU LAYOUT */
    /* We override the desktop 'absolute' positioning so it pushes content down */
    .navbar-nav .sub-menu {
        position: static !important;    /* allows menu to take up space */
        opacity: 1 !important;          /* force visible for logic */
        visibility: visible !important; /* force visible for logic */
        display: none;                  /* hide initially using display instead */
        width: 100% !important;         /* full width */
        box-shadow: none !important;    /* remove shadow */
        top: auto !important;           /* reset top spacing */
        padding-left: 20px;             /* indent sub-items */
        background-color: #ffffff;      /* optional: slightly different bg for contrast */
        transition: none !important;    /* remove hover transition */
    }
	.sub-menu>li>a {
		    font-size: 14px !important;    
	}

    /* 2. THE SHOW STATE */
    /* This class is added by your jQuery. We tell it to display block. */
    .navbar-nav .sub-menu.show {
        display: block !important;
    }

    /* 3. STYLE THE TOGGLE BUTTON (.clickD) */
    /* Your jQuery inserts this span, but it needs size and an icon to be clickable */
    .navbar-nav li {
        position: relative !important; /* Anchor for the absolute button below */
    }

    .clickD {
        position: absolute !important;
        top: 0 !important;
        right: 0 !important;
        width: 45px !important;      /* Large touch target */
        height: 33px !important;      /* Match your menu item height */
        cursor: pointer !important;
        z-index: 100 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-left: 1px solid rgba(0,0,0,0.05) !important; /* Optional separator */
    }

    /* 4. THE ARROW ICON */
    /* simple CSS down-arrow */
    .clickD::before {
        content: '';
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #333; /* Color of the arrow */
        transition: transform 0.3s ease;
    }

    /* 5. ROTATE ARROW WHEN OPEN */
    .clickD.toggled::before {
        transform: rotate(180deg) !important;
    }
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450;
    color: #46b450;
}