/*!
Theme Name: Global Packaging Solutions
Theme URI: https://globalpacktechindia.com/
Author: Underscores.me
Author URI: https://globalpacktechindia.com/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: Global Packaging Solutions
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Global Packaging Solutions is based on Underscores https://globalpacktechindia.com/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://globalpacktechindia.com/
*/
@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/*
font-family: "Oswald", sans-serif;
font-family: "Poppins", sans-serif;
*/

/* comman style

----------------------*/

html,body {	height: 100%;user-select: none;-webkit-user-select: none;}

body { margin:0; padding:0; font-family:"Poppins", sans-serif; font-size:18px; line-height:24px; color:var(--black); scroll-behavior:smooth; overflow-x:hidden; font-weight:400; }

a { text-decoration:none; color: var(--lightred); transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s; -o-transition:all 0.3s ease-in-out 0s; }
a:hover { color:var(--red); text-decoration:none; }
a:focus { outline:none; text-decoration:none; }
:focus {outline: none;}
h1,h2,h3, h4, h5, h6 {margin: 0 0 15px 0;	color: var(--black);padding: 0;	line-height: 1.2;	font-family: "Oswald", sans-serif;	text-transform: none;font-weight: normal;}
h1 {font-size: 100px;}
h2 {font-size: 60px;}
h3 {font-size: 50px;}
h4 {font-size: 40px;}
h5 {font-size: 30px;}
h6 {font-size: 18px;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {	color: inherit;	text-decoration: none;font-size: inherit;}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {text-decoration: none;}
small {display: block;	margin-top: 4px;}

p { margin:0 0 10px 0; line-height:28px; }

p:last-child { margin-bottom:0px; }

ul, ol { margin:0; }

strong, b { font-weight:600; }

button { transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s; -o-transition:all 0.3s ease-in-out 0s; }

img { transition:all 0.3s ease-in-out 0s; -webkit-touch-callout: none; user-select: none;
  -webkit-user-drag: none; }

/* comman form filed style -----------------------------*/



input::-webkit-input-placeholder, .form-control::-webkit-input-placeholder {	opacity: 1;	color: inherit;}

input::-ms-input-placeholder, .form-control::-ms-input-placeholder {

	opacity: 1;

	color: inherit;

}

input::placeholder,

.form-control::placeholder {

	opacity: 1;

	color: inherit;

}



/* images alignment

--------------------------------*/

/* image alignments */

img.alignleft,.alignleft{float:left;margin-right:20px;max-width:460px;display:inline;margin-top:0;}
img.alignright,.alignright{float:right;margin-left:20px;max-width:460px;display:inline;margin-top:0;}
img.aligncenter,.aligncenter,img.alignnone,.alignnone{display:block;margin:0 auto 20px;clear:both;}
.alignleft, .aligncenter, .alignright{margin-bottom:20px;}

/* image captions */
.alignleft .wp-caption-text{text-align:left;}
.alignright .wp-caption-text{text-align:right;}
.aligncenter .wp-caption-text{text-align:center;}
hr{clear:both;margin-top:20px;margin-bottom:20px;}
ul{margin:0;padding:0;list-style-type:none;}
.content ul,.content ol{margin:0 0 20px 0;padding:0 0 0 15px;position:relative;}
.content ul{list-style-type:none;}
.content ul li,.content ol li{margin-bottom:8px;}
.content ul li ul li,.content ol li ul li,.content ul li ol li{margin-top:12px;}
.content ul li:before{content:"";position:relative;display:inline-block;left:-15px;top:-2px;width:7px;height:7px;background-color:#1a1a1a;border-radius:100%;}
.content ul li ol li:before{display:none;}
.table{border:1px solid #dee2e6;font-size:16px;}
.table th,.table thead th{background-color:#f0f0f0;border-bottom:none;font-weight:600;}
.table td,.table th{padding:10px;}
.menu-overlay{position:fixed;height:100%;width:100%;left:0;top:0;background:#000;opacity:0;visibility:hidden;overflow:hidden;transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;}
.menu-overlay.show-overlay{opacity:.9;visibility:visible;z-index:11;}
.mainwrapper{overflow:hidden;}

/*======== cssmenu-style ============*/


/*--------------*/



/* sticky header

========================*/

@keyframes fadeIn {

	from {

		opacity: 0;

	}

	to {

		opacity: 1;

	}

}

.fadeIn {animation-name: fadeIn;}

@keyframes fadeInDown {

	from {

		opacity: 0;

		transform: translate3d(0, -100%, 0);

		-moz-transform: translate3d(0, -100%, 0);

		-webkit-transform: translate3d(0, -100%, 0);

		-ms-transform: translate3d(0, -100%, 0);

	}

	to {

		opacity: 1;

		transform: none;

	}

}
.fadeInDown{animation-name:fadeInDown;}
.sticking{position:fixed;background-color:var(--white);width:100%;z-index:9999;border-bottom:none;animation:fadeInDown .5s ease-in-out;-webkit-animation:fadeInDown .5s ease-in-out;padding:0 0;}
.show-overlay{width:100%;height:100%;z-index:999;top:0;left:0;position:fixed;background:rgba(0,0,0,.8);overflow:hidden;}
.overflowhidden{overflow:hidden;position:fixed;width:100%;height:100%;min-height:100%;transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;}



/*--- header ------*/



/*--- common ------*/
.btn-check:focus+.btn-primary,.btn-primary:focus{color:var(--white);background-color:var(--blackbg);border-color:var(--blackbg);box-shadow:none;}
.btn-check:checked+.btn-primary:focus,.btn-check:active+.btn-primary:focus,.btn-primary:active:focus,.btn-primary.active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:none;}
.btn{border-radius:5px;}
.btn-primary{color:var(--blackbg);background-color:var(--primary);border-color:var(--primary);}
.btn-primary:hover{color:var(--whiteprimary);background-color:var(--primary);border-color:var(--primary);}


/*--- common ------*/



/*-----container--- */


.container { padding-right:15px; padding-left:15px; }

.row { margin-right:-15px; margin-left:-15px; }

.row > * { padding-left:15px; padding-right:15px; }

/*-----container-end-- */



:root {

	--orange: #F9963C;
	--pink : #E64F79;

	--white: #ffffff;
	--black: #000000;
	--red : #83110b;
	--lightred: #b4150a;
	--primary-gradient: linear-gradient(359deg, #83110b 0%, #b4150a 100%);
	--secondary-gradient: linear-gradient(359deg, #000000 0%, #111111 100%);
}

@font-face{font-family:"tabler-icons";font-style:normal;font-weight:400;src:url("assets/css/fonts/tabler-icons.eot?#iefix-v2.24.0") format("embedded-opentype"),url("assets/css/fonts/tabler-icons.woff2?v2.24.0") format("woff2"),url("assets/css/fonts/tabler-icons.woff?") format("woff"),url("assets/css/fonts/tabler-icons.ttf?v2.24.0") format("truetype");}
.ti{font-family:"tabler-icons"!important;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.ti-chevron-down::before {content: "\ea5f";}
.ti-star:before {content: "\eb2e";}
.ti-mail::before {content: "\eae5";}
i.ti.ti-chevron-down {vertical-align: middle;}
.ti-brand-facebook::before {content: "\f7e6";}
.ti-target-arrow::before {content: "\f51a";}

.ti-phone::before {content: "\eb09";}
.ti-brand-facebook::before{content: "\ec1a";}
.ti-brand-whatsapp::before{content: "\ec74";}
.ti-brand-instagram::before{content: "\ec20";}
.ti-user-check::before{content: "\eb49";}
.ti-settings-plus::before{content: "\f9b9";}
.ti-settings-question::before{content: "\f9ba";}
.ti-chevron-right::before{content: "\ea61";}
.ti-calendar-week::before{content: "\fd30";}
.ti-chevrons-right::before{content: "\ea65";}
.ti-checkbox::before{content: "\eba6";}
.ti-bolt::before{content: "\ea38";}
.ti-users::before{content: "\ebf2";}
.ti-player-play::before{content: "\ed46";}
.ti-vacuum-cleaner::before{content: "\f5e6";}
.ti-cube-spark::before{content: "\ffbb";}
.ti-mist::before{content: "\ec30";}
.ti-settings-dollar::before{content: "\f9b2";}
.ti-chevron-left::before{content: "\ea60";}




/*-----Banner-start-----*/
.banner-arrow {
	display: inline-block;
	animation: arrowMove 2s ease-in-out infinite alternate;
}

@keyframes arrowMove {
	0% {
		transform: translateX(0px);
	}
	100% {
		transform: translateX(30px);
	}
}
.homebannerimg { background-repeat:no-repeat; background-position:center !important; background-size:cover; position:relative; height:880px; background-color:#fff; }

.homebannerimg:before { content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.68); }

.homemanibanner { background-attachment:fixed; position:relative;margin-bottom:20px; }

.homemainslider { position:relative; }

.slider-banner-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}
.slider-banner-img video,
.slider-banner-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}


/*-----Banner-end-----*/



/*------language-end-----------*/


.languagesec { position:relative; }

.tpusrinfo { cursor:pointer; position:relative; padding-right:18px; }

.tpusrinfo::before { position:absolute; right:0; font-family:FontAwesome; content:"\f0d7"; }

.userdropdown { opacity:0; visibility:hidden; position:absolute; border:1px solid #e5e5e5; left:0; top:35px; min-width:140px; background-color:#ffffff; box-shadow:0 4px 11px rgba(0,0,0,0.15); margin-top:10px; border-radius:5px; transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s; -o-transition:all 0.3s ease-in-out 0s; z-index:9; }

.userdropdown ul { margin:0; padding:0; list-style:none; }

.userdropdown li { color:var(--primary); font-weight:500; }

.userdropdown li a { padding:7px 10px; border-bottom:1px solid #e5e5e5; display:block; letter-spacing:normal; }

.show-userdropdown { opacity:1; visibility:visible; margin-top:0px; }



/*------language-end-----------*/



/*-----------all-pages-style-----------------*/


.hedcontainer{position: relative;}
.Head-Bottom-Border {/*background-color:var(--red);*/ background: linear-gradient(38.46deg, #83110b 0%, #b4150a 100%);}
.sticking .headerdflex.pt-3 {padding-top: 10px !important;}
.sticking .headerdflex.pb-3 {padding-bottom: 10px !important;}
.sticking #cssmenu > ul > li > a {padding-top: 18px;padding-bottom: 18px;font-size: 18px;}
.social-header{background-color: var(--white);}
.hedlogo{position: fixed;top:0px;z-index: 9}
.hedlogo img{height: 130px;transition: all 0.45s ease;}
.hedright{width: 100%;text-align: right;}
.sticking .hedlogo img {height: 54px;object-fit: contain;transition: all 0.5s ease;}
.sticking .btn-cls a {padding: 10px;}
.topsocialicon ul{display: flex;align-items: center;    flex-wrap: wrap;}


/*input[type="submit"] {position: relative;display: inline-flex;  align-items: center; padding: 12px 28px;  background: var(--black);  color: var(--white);  text-decoration: none;  border-radius: 50px; overflow: hidden;    font-weight: 500; } 
input[type="submit"]:hover { color:#fff; } */
.stickybody #cssmenu > ul > li.has-sub > a::after { top:16px; }
.submitbtn{width: fit-content;}



/*top social header*/

.topcontcdtl em{font-style: normal;}
.topcontcdtl{display: flex;}
.topnavsocial li i{font-size: 22px;}
.nav.social-icons li a, .topcontcdtl li span {color:var(--red);box-shadow: none;background-color: transparent; width: 55px;height: 55px;line-height: 55px;border: none;display: inline-block; text-align: center;border-radius: 50%;padding: 0 5px;border-left: dashed 1px  var(--red);}
.nav.social-icons .ti-brand-whatsapp::before, .nav.social-icons .ti-brand-instagram::before,
.nav.social-icons .ti-brand-facebook::before, .topcontcdtl .ti-phone::before, .topcontcdtl .ti-mail::before {top: 3px;position: relative;}
.topcontcdtl li{margin-right:10px;color:var(--white);}
.topcontcdtl li a{font-size: 14px; color: var(--red); }
/*.topcontcdtl li a:hover{color: var(--white);}*/

.nav.social-icons li a:hover{opacity: 0.6}
ul.nav.social-icons li{margin-right: 7px;}


/* slider-section start */

.slider-text { width:1440px; max-width:100%; padding:0 30px; position:absolute; z-index:999; top:0; left:50%; transform:translateX(-50%); display:flex; flex-direction:column; justify-content:center; align-items:flex-start; height:100%; }
.slider-text span.bnr-txt{color:var(--white);max-width: 850px;margin-bottom: 20px;font-size: 18px;}
.slider-text h1 { color:var(--white); font-weight:700; margin-bottom:20px;left:0;   /* transition:all 0.6s linear 0.5s; transform:translateX(200px); opacity:0; visibility:hidden;*/  text-transform:uppercase; }
.homemainslider .slider-text span {font-weight: 300;   /* transition:all 0.6s linear 0.5s; opacity:0; visibility:hidden; transform:translateX(200px); */}
.homemainslider .swiper-slide-active .slider-text span, .homemainslider .swiper-slide-active .slider-text h1 {opacity: 1;transform: translateX(0px);visibility: visible;}
.slider-text li { color:#0f172a; font-size:16px; font-weight:400; padding-bottom:13px; display:flex; align-items:normal; gap:14px; }
.homebannerimg .slider-text ul li { color:#fff; }
.homemainslider .swiper-slide-active .slider-text .btn-cls { opacity:1; transform:translateX(0px); visibility:visible; }
.homemanibanner .swiper-button-next:after, .homemanibanner .swiper-button-prev:after {	font-size: 15px;}
.homemanibanner .swiper-button-next, .homemanibanner .swiper-button-prev { color:var(--white); width:40px; height:40px; bottom:60px; top:inherit;background: var(--primary-gradient); border-radius:100%; display:flex; align-items:center; justify-content:center; transition:all 0.3s linear; font-size:12px; z-index:999; }
.homemanibanner .swiper-button-next:hover, .homemanibanner .swiper-button-prev:hover { background-color:var(--red); border-color:var(--red);}
.homemanibanner .swiper-button-prev { right:17%; left:inherit; }
.homemanibanner .swiper-button-next { right:14%; }
.slider-text .btn-cls { /*left:0; transform:translateX(200px); opacity:0; visibility:hidden; transition:all 0.6s ease-in 0.5s;  */ }
.slider-text h1 img{position: relative;top:-10px;}
.homemainslider .swiper-slide-active .slider-text .btn-cls { opacity:1; transform:translateX(0px); visibility:visible; }
.btn-wrap { display:inline-block; }
.read-btn { position:relative; display:inline-flex; align-items:center; padding:12px 28px; background:var(--black); color:var(--white); text-decoration:none; border-radius:50px; overflow: hidden; font-size:18px; font-weight:500; }
.read-btn .circle { position:absolute; left:6px; width:35px; height:35px; background:var(--primary-gradient); border-radius:50%; transition:all 0.4s ease; z-index:1; top: 50%; transform: translateY(-50%) !important; }
.read-btn .text { position:relative; z-index:2; font-weight:400; font-size:20px; }

/* Hover */
.read-btn:hover .circle {width: 120%; height: 120%;border-radius: 50px; left: 0;}
a.read-btn{color:var(--white) !important;}
.banner-arrow {display: inline-block;  animation: bannerarrowMove 2s ease-in-out infinite alternate;}

@keyframes bannerarrowMove {
    0% {
        transform: translateX(0px);
    }
    100% {
        transform: translateX(30px);
    }
}

.ptb60{padding-top: 60px;padding-bottom: 60px;}
.mb60{ margin-bottom: 60px;}
.maintitle {position: relative; }
.smalltitle {color:var(--red);  font-size: 18px;font-weight: 500;text-transform: capitalize;}
.comntitle h3 { font-size: 50px;  font-weight: 500;  margin-bottom: 25px;text-transform: uppercase;}
.maintitle-center{width: fit-content;margin: auto;}
.comntitle.white h3, .comnpera.white p{color:var(--white);}

/* Line */
.titlebtmline{width: 120px;}
.title-line {position: relative;}
.title-line:before{width: 120px; height: 3px; background: var(--red);content: "";position: absolute;left: 0;}
span.arrow{position: relative;top:-12px;animation: arrowMove 2.5s ease-in-out infinite alternate;}
.maintitle-center .titlebtmline{margin: auto;}
@keyframes arrowMove {
  0% {
    left: 0;
  }
  100% {
    left: 80px; /
  }
}

.aboutusdtl, .productbox, .whatwedo, .whatwedo .container, .brands, .brands .container, .sub-header .container, .productslidersec, .productinrdtlsec, .slider-sec-new, .faqsec, .ourcorevalue {position: relative;}
.faqsec, .zoomimg { overflow: hidden; }
.productsec .maintitle, .productsec .comnpera, .productcontent, .productcontent h6, .brands  .comntitle h3{color:var(--white);}
.zoomimg img{transition: transform 0.4s ease;}
.zoomimg:hover img{transform: scale(1.2);}

/* about-section start */
.whatwedo, .productslidersec  {background-size: cover;background-repeat: no-repeat;}
.aboutimg{position: relative;left: 0;top: -70px;border-radius: 30px;overflow: hidden;height: 450px;}
/*.aboutimg::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.20);z-index: 2;	transition: 0.4s ease;}*/
.aboutimg img{width: 100%;height: 100%;object-fit: cover;	position: relative;	z-index: 1;}

.feature-section { position:relative; padding-left:80px; max-width:800px; margin:auto; }
.feature-section::before { content:""; position:absolute; left:28px; top:0; width:2px; height:90%; border-left:2px dashed var(--red); }
.feature-item { position:relative; display:flex; align-items:flex-start; margin-bottom:50px; }
.feature-icon { position:absolute; left:-80px; width:56px; height:56px; background:var(--primary-gradient); border-radius:50%; display:flex; align-items:center; justify-content:center; color:#fff; font-size:26px; z-index:1; }
.feature-content h3 { font-size:26px; font-weight:600; margin-bottom:10px; font-family:'Poppins'; }
.feature-content p {color:#797979; font-size:16px; line-height:1.6; max-width:500px; }
.stats-box {margin: auto; max-width: 680px;z-index: 3;background:#83110bc9; border-radius:40px; display:flex; align-items:center; justify-content:space-between; padding:40px 50px; color:#fff; position:relative; overflow:hidden; }
.stat-item { display:flex; align-items:center; gap:20px; }
.stat-item h2 { font-size:50px; font-weight:600; font-family:Poppins; margin:0; color:var(--white); }
.stat-item p { font-size:24px; font-weight:500; margin:0; line-height:1.3; }
.divider { width:2px; height:80px; border-right:2px dashed rgba(255,255,255,0.7); }
.aboutstepsec{padding-right:55px;}




/*product*/
/*.whatwedo:before,*/ .brands:before, .productslidersec:before {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0,0.78);content: "";}
.fillicontitle, .producttypes, .producttypes span{display: flex;justify-content: center;}

.productimg img{ width:100%;height:100%;object-fit:cover; display:block;transition: 0.5s ease;}
.whatwedo .overlay{transition: height 0.5s ease-in-out; height:28%;position:absolute;  bottom:0;left:0;  width:100%; background:var(--primary-gradient); border-radius:100px 100px 0 0;  display:flex;  align-items:center;  justify-content:center; text-align:center; padding:30px;}
.productlistingpg .productbox { height: 100%;transition: 0.5s ease;}
.productlistingpg .productimg { height: 450px; flex-shrink: 0; }

.productlistingpg .productcontent h2 { font-size: 18px; }
.productlistingpg .overlay { text-align: center;background: var(--primary-gradient); transition: background 0.4s ease, transform 0.3s ease; height: 100%; position: static; border-radius: 0 0 20px 20px !important; padding: 15px; }

/*.productlistingpg .productbox:is(:hover, :focus) .overlay { background: var(--black); transition: background 0.4s ease, transform 0.3s ease;  }*/
/*.productlistingpg .productbox:is(:hover, :focus) .productimg img { transform: scale(1.2);    transition: transform 0.5s ease;}*/


.productlistingpg .productbox:hover .productimg img{ transform: scale(1.2);transition: transform 0.5s ease;}
.productlistingpg .productbox:hover  .overlay{background: var(--secondary-gradient);}
.productlistingpg .viewbtn{text-align: center;}

.productlistingpg .viewbtn { display: block; transform: none; }
.productlistingpg .detail-btn { padding: 7px 20px; font-size: 16px; line-height: 21px; }
.productcontent h2{  font-size:30px;color: var(--white);margin-bottom: 0px;text-transform: uppercase;}
.productcontent h6{text-transform: uppercase;font-size: 18px;}
.producttypes{ gap:25px; }
.producttypes span, .fillicontitle {gap:8px;}
.whatwedo .producttypes span img { width: 24px; height: 24px; filter: brightness(0) invert(1); }
.whatwedo .comnpera {color: var(--black);}
.productbox:hover .overlay{height:100%; border-radius:20px 20px 0 0;}
.productimgsec .btn-wrap{display: flex;justify-content: center;}
.viewbtn { margin-top: 20px;  display: none;  transform: translateY(20px); transition: 0.4s ease;}
.detail-btn { display: inline-block; padding: 10px 22px; background: var(--white); color: var(--black); text-decoration: none;  font-weight: 600; border-radius: 30px; transition: 0.3s ease;}
.detail-btn:hover { background: var(--white);  color:var(--red);}
.productbox:hover .viewbtn {display: block; transform: translateY(0);}


.productimg {height: 600px; display: flex; align-items: center; justify-content: center; overflow: hidden; position:relative;border-radius:20px 20px 0 0; }
.productimg img { max-width: 100%; max-height: 100%; width: 100%; height: auto; object-fit: contain;}

/*faq*/
.faqimg, .accordion-item, .typevideo img, .readypackimg, .product-slide .img-boxes {border-radius: 20px;}
.accordion-button:not(.collapsed){background-color: var(--lightred);color:var(--white);}
.accordion-button{font-size: 24px;font-family: Poppins;background: var(--primary-gradient);color:var(--white); box-shadow: none !important; }
.accordion-button:hover{background-color: var(--lightred);}
.accordion-item{margin-bottom: 15px;border: 1px solid #CCCACA; overflow: hidden;}
.accordion-item:last-child {margin-bottom: 0;}
.accordion-item:not(:first-of-type){border: 1px solid #CCCACA;}
.accordion-item:first-of-type .accordion-button, .accordion-item:first-of-type{border-top-left-radius:20px;border-top-right-radius:20px;}
.accordion-item:last-of-type .accordion-button.collapsed, .accordion-item:last-of-type{border-bottom-right-radius:20px;border-bottom-left-radius:20px;}
.accordion-button::after{background-color: #e6dad9;width: 50px;height: 50px;border-radius: 10px;background-position: center;}
.accordion-body{font-weight: 500;}
.faqsec .row{align-items: stretch;}
.faqimg{height:100%;}

.faqsec:before{content: "";position: absolute;left: 35px;width: 270px;height: 344px;opacity: 0.1;background-image: url(assets/images/secbg.png);bottom: 0;background-repeat: no-repeat;}
.faqimg img{width:100%;	height:100%;object-fit:cover;border-radius:20px;}




/* trust-us start */
.trust-us { padding-top:40px; }
.no-clip { clip-path:none !important; }
.trust-us .common-title h2 { text-align:center; }
.common-title.text-start h2 { text-align:left; }
.trust-slide .img-boxes { display:flex; align-items:center; justify-content:center; width:100%; height:270px; padding:15px; overflow: hidden; }
.trust-slide .img-boxes img { width:100%; height:100%; object-fit:cover;border-radius:20px; filter: grayscale(0%);transition: all 0.4s ease; }
.img-boxes:hover img { transform: scale(1.05);filter: grayscale(100%);}
.brands {background-size: cover;background-repeat: no-repeat;}

/* testimonial-section */
.slider-sec-new .swiper-button-next:after, .slider-sec-new .swiper-button-prev:after {color: var(--white);font-size: 24px;content: "\ea60";font-family: "tabler-icons" !important;	font-style: normal;	font-variant: normal;text-transform: none;	line-height: 1;	-webkit-font-smoothing: antialiased;}
.slider-sec-new .swiper-button-next:after {content: "\ea61";}
.slider-sec-new .swiper-button-prev,.slider-sec-new .swiper-button-next{background: var(--primary-gradient);width: 40px;height: 40px;border-radius: 100%;top: -70px;}
.slider-sec-new .swiper-button-prev:hover, .slider-sec-new .swiper-button-next:hover{background-color: var(--lightred);}
.slider-sec-new .swiper-button-prev {left: inherit; right: 4%;}
.slider-sec-new .swiper-button-next {right: 0px;}
.testimonial {padding: 0 16px;max-width: 1270px;margin-bottom: auto;}
.testimonial-sec .img-boxs{background-color: #d9d9d9;border-radius: 20px;padding: 30px;position: relative;margin-bottom: 50px;}
.img-boxs:before{position: absolute;background-image: url(assets/images/testibottomshape.svg);width: 45px;height: 25px;content: "";bottom: -21px;left: 35px;background-repeat:no-repeat;}
.userimg{width: 70px;height: 70px;border-radius: 100%;background-color: #d9d9d9;outline: 1px dashed #000; outline-offset: 10px; margin-bottom: 20px;position: relative;left: 20px;}
.userimg img, .blogimg img, .contcimg img{width: 100%;height: 100%;object-fit: cover;}
.usrdtl{display: flex;gap: 50px;}
.usrinfo h6{margin-bottom: 0px;font-family: Poppins;font-size: 20px;font-weight: 600;}
.usrinfo p{font-size: 14px;color: #736A6A;}



/*Blog*/

.blogdtl h5{font-family: Poppins;font-size: 24px;font-weight: 600;margin-bottom: 10px;}
.blogdtl p{color: #847F7F;line-height: 26px;}
.bloginnersec:hover .blogdtl h5{color:var(--red);transition: 0.5s;}
.blogdate{background: var(--primary-gradient);border-radius: 15px 15px 0px 0px;position: absolute; bottom: 0px;color:var(--white);padding: 10px 18px;display: flex; gap: 10px;align-items: center;}
.sitecontbtn span{background: var(--primary-gradient);border-radius: 50px;padding: 15px;color: var(--white);transition: all 0.3s ease-in-out 0s;}
.blogdate i{font-size: 22px;}
.blogdate span{font-size: 16px;}
.sitecontc, .ourcorevalue {background-size: cover;background-repeat: no-repeat;}
.latestnewswrap{display: flex;justify-content: space-between;align-items: center;}
.blogimg {height: 430px; position: relative; overflow: hidden; border-radius: 20px 20px 20px 0;} 
.blogimg img{width: 100%;height: 100%;object-fit: cover; }
.bloginnersec {  display: flex;  flex-direction: column;  width: 100%; height: 100%;}
.blogdtl {  display: flex;  flex-direction: column;  flex: 1;}
.blogdtl .btn-wrap { margin-top: auto;}

.sitecontc {background-color:var(--black); position: relative; /*background-image: url("assets/images/contcimg.jpg"); background-size: cover;  background-position: center;*/  padding: 60px 0;  overflow: hidden;  z-index: 1; border-top: 3px solid var(--red); }
.sitecontc::before { content: "";  position: absolute;  inset: 0;  /*background-image: url("assets/images/contcimg.jpg");  background-size: cover;  background-position: center;  filter: blur(4px);*/  z-index: -1;  transform: scale(1.05); }
.sitecontc::after{content: "";position: absolute;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.6);left: 0;top: 0;}
.sitecntdtl { position: relative; z-index: 2; color: var(--white);max-width:804px;margin:auto; }
.sitecntdtl h4{color: var(--white);margin-bottom:32px;}
.sitecontbtn a {display: flex; gap:10px;align-items: center;justify-content: center;}
.sitecontbtn span{display: flex; flex-wrap: wrap; gap: 15px; align-items: center; justify-content: center; font-size: 16px;}
.sitecontbtn span{font-weight: 600;}
.sitecontbtn span:hover{background-color: var(--black);}
.sitecontbtn span a{font-size: 16px;font-weight: 600;color: var(--white);}
.sitecontbtn{max-width: 525px;margin: auto;}
.sitecontpera p{opacity: 0.7;}
.sitemail a { color: #fff; position: relative; display: inline-flex; gap: 10px; align-items: center; justify-content: center; text-decoration: none; word-break: break-all; }


.txtunderline a::after { content: ""; position: absolute; left: 0; bottom: -4px; width: 100%; height: 2px;  background: currentColor;  transform: scaleX(0);  transform-origin: left;  transition: transform 0.4s ease;}
.txtunderline a:hover::after {transform: scaleX(1);}
.sitemail a:hover, .footer-social a:hover i, .fillbox h4{color:var(--white);}


.site-footer{background:var(--white);padding: 35px 0 15px;font-family:inherit}
.footer-top {display: flex; align-items: center;justify-content: space-between;  gap:50px;}
.footer-logo{height:100px;margin-bottom:16px}
.footer-about p{line-height:1.6;margin-bottom:18px}
.footer-social{display:flex;align-items:center; height: fit-content;}
.footer-social a{display:inline-flex;width:40px;height:40px;border-radius:100%;align-items:center;justify-content:center;
	margin-right:15px;background-color:var(--red);}
.footer-social a i{font-size:18px;margin:0;}
.footer-social a:hover img{opacity: 0.5}

.footer-col h5{font-size:22px;font-weight:500;margin-bottom:14px}
.footer-col ul{list-style:none;padding:0;margin:0}
.footer-top .footer-col ul{display: flex;gap: 20px 50px;align-items: center;  flex-wrap: wrap;}
.footer-col ul li{margin-bottom:13px}
.footer-top .footer-col ul li { margin-bottom: 0; position: relative;padding-left: 40px; }
.footer-col ul li a{text-decoration:none;display:flex;color:var(--red);}
.footer-col ul li a:hover{color: var(--black);}
.footer-links a{margin-left:18px;font-size:14px;color:#e43036;text-decoration:none}
.footer-col i{color:var(--white);margin-right:4px;font-size:22px}
.footer-social .icon{width:20px}.ti-send::before{content:"\eb1e"}
.footer-links a:hover{color:var(--red);}
.footer-bottom p{margin-bottom:0;color:var(--white);}
.footer-bottom{background-color: var(--red);font-size: 15px;padding:18px 0px;}

.footer-col li a span, .topcontcdtl em, .txtunderline a { position: relative;}
.footer-col li a span::after, .topcontcdtl em:after {  content: "";  position: absolute;  left: 0;  bottom: -4px;  width: 100%;  height: 2px;  background: currentColor;  transform: scaleX(0);  transform-origin: left;  transition: transform 0.4s ease;}
.footer-col li a:hover span::after, .topcontcdtl em:hover:after {  transform: scaleX(1);}

/*comman page*/
/*.sub-header::before {content: ""; position: absolute;top: 0; left: 0; width: 100%; height: 100%;background-color: rgba(0, 0, 0, 0.70);}*/
.sub-header {background-color: var(--black);padding: 25px 0;background-repeat: no-repeat; background-size: 8%;background-position: right 1% center;position: relative;/* background-attachment: fixed; */}
.subcommon-title h4{color: var(--white);text-transform: uppercase;font-weight: 500;}
.subcommon-title h1{color: var(--white);text-transform: uppercase;font-weight: 500;font-size: 40px; line-height: 1.2;font-family: "Oswald", sans-serif;}
.breadcrumb { display: inline-flex;  align-items: center;}
.breadcrumb a {  color: var(--white);  text-decoration: none; }
.breadcrumb .separator {  color: var(--red);  margin: 0 5px;  font-size: 22px;}
.breadcrumb .active { color: var(--red); font-weight: 600}

/*product-detail*/
.features-grid {  display: grid;  grid-template-columns: repeat(3, 1fr);  gap: 40px; align-items: start; }
.feature-box {height: 100%; background: transparent;  border: 1px solid rgba(0,0,0,0.1);  border-radius: 20px; padding: 40px 20px;  text-align: center; transition: 0.4s ease; position: relative; display: flex;  flex-direction: column; justify-content: center;align-items: center;}
.feature-box .icon {margin-bottom: 25px;}
.feature-box .icon img { width: 40px;filter: invert(13%) sepia(93%) saturate(4000%) hue-rotate(350deg) brightness(70%) contrast(110%);}
.feature-box h3 { font-size: 20px;  font-weight: 700; text-transform: uppercase;  color: var(--black);margin-bottom: 0px;}

/* Default Load Animation */
.draw-svg path { stroke-dasharray: 100; stroke-dashoffset: 100; animation: draw 1s ease forwards;color: var(--red);}
.feature-box:nth-child(1) .draw-svg path { animation-delay: 0.1s; }
.feature-box:nth-child(2) .draw-svg path { animation-delay: 0.3s; }
.feature-box:nth-child(3) .draw-svg path { animation-delay: 0.5s; }
.feature-box:nth-child(4) .draw-svg path { animation-delay: 0.7s; }
.feature-box:nth-child(5) .draw-svg path { animation-delay: 0.9s; }
.feature-box:nth-child(6) .draw-svg path { animation-delay: 1.1s; }
@keyframes draw {
  to {
    stroke-dashoffset: 0;
  }
}


.feature-box:hover .draw-svg, .fillbox:hover .proboxicon img, .fillbox:hover .boxicon i{animation: foldAnimation linear .3s;}
@keyframes foldAnimation {
  0% {
    transform: rotateY(0);
  }

  50% {
    transform: rotateY(90deg);
  }

  100% {
    transform: rotateY(0);
  }
}


.typeof-package{background-color: var(--black);position: relative;overflow: hidden;}
.typeof-package:before{background-image: url(assets/images/packgbg.png);width: 100%;height: 100%;position: absolute;content: "";left: 0;top:0;}
.typeof-package .container{position: relative;z-index: 1;}
.boxicon{background-color: rgba(255, 255, 255, 0.47);width: 80px;height: 80px;margin:auto;border-radius: 20px;display: flex;align-items: center;justify-content: center;margin-bottom: 10px;transition: all 0.3s linear;}
.boxicon i{font-size: 35px;color:var(--white);}
.fillbox h4{margin-bottom: 0px;font-size: 18px;    font-family: Poppins;transition: all 0.3s linear;}
.fillbox{transition: all 0.3s ease-in-out 0s;border: 1px solid rgba(255, 255, 255, 0.5);border-radius: 20px;padding: 20px;text-align: center;}
.fillbox:hover .boxicon{background: var(--primary-gradient);}
.fillbox:hover h4{color: var(--red);}
.typevideo{position: absolute; right: -12px;top: 0;height: 100%;width: 50%;}
.typevideo img { width: 100%;  display: block; height: 100%;object-fit: cover;}
.play-btn { position: absolute;  top: 50%;  left: 50%;  width:103px;  height: 103px;background: var(--red);  border-radius:20px;transform: translate(-50%, -50%);  display: flex;  align-items: center;  justify-content: center;  cursor: pointer;  z-index: 2;}
.play-btn::before {content: "";  position: absolute;  width: 100%;  height: 100%;  border-radius: 20px;  background: rgb(131, 17, 11, 0.8);  animation: pulse 1.8s infinite;  z-index: -1;}

@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 0.8;
  }
  70% {
    transform: scale(1.6);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}



.video-modal {  position: fixed;  inset: 0;  background: rgba(0,0,0,0.8);  display: flex;  align-items: center;  justify-content: center;  opacity: 0;  visibility: hidden; transition: 0.3s ease;  z-index: 9999;}
.video-modal.active { opacity: 1;  visibility: visible;}
.video-modal-content { position: relative;  width: 100%; max-width:70%;height: 90%;}
.video-modal video { width: 100%;  border-radius: 12px;height: 100%;}
.close-modal { position: absolute;  top: -40px;  right: 0;  font-size: 35px;  color:var(--white);  cursor: pointer;}


.readypackimg {overflow: hidden;border-radius: 20px;height: 100%;}
.readypackimg img, .readypackimg img, .product-slide .img-boxes img{height: 100%;width: 100%;object-fit: cover;}
.proboxicon{background-color: rgb(131 17 11 / 65%);width: 75px;height: 75px;border-radius: 20px;display: flex;align-items: center;justify-content: center;margin: auto;margin-bottom: 10px;}
.proboxicon img, .boxicon img{height: 35px;}
.proboxicon img{filter: invert(1);}
.productfillbox .fillbox h4{color: var(--black);font-size:18px;text-align: center;font-family: Poppins}
/*.packtypeboxwrap{ display: grid;grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 23px; justify-content: center; margin: 0 auto;max-width:1200px;}*/

.packtypeboxwrap {display: grid;grid-template-columns: repeat(auto-fit, 160px);gap: 23px;justify-content: center;  margin: 0 auto;  max-width: 1200px;}
.productfillbox .fillbox:hover {border: 1px solid rgba(131, 17, 11, 0.8)}
.productfillbox{display: grid;grid-template-columns: repeat(6, 1fr);gap: 23px;}
.productfillbox .fillbox{margin-bottom: 0;display: block;border: 1px solid rgba(0, 0, 0, 0.1);border-radius: 20px;padding: 20px;}
.readypackagin .row {display: flex; align-items: stretch;}
.productbox {display: flex;  flex-direction: column;  justify-content: space-between;position: relative;overflow: hidden;  }
.fillbox:hover .proboxicon{background-color: var(--red);transition: all 0.4s ease;}
.fillbox:hover h4{color: var(--lightred);}


.slider-sec-new.product-new-sec .swiper-button-prev, .slider-sec-new.product-new-sec .swiper-button-next{top: -35px;}
.productslidersec {background-color: var(--black);}
.productslidersec .read-btn{background-color:var(--white);}
.productslidersec .read-btn .text{color:var(--black);}
.sliderplayicon{position: absolute;top: 0;bottom: 0;margin:auto;color: var(--white);font-size: 42px;left: 0;right: 0;display: flex;align-items: center;justify-content: center;background-color: #00000094;width: 80px;height: 80px;border-radius: 100%;}
.productinrdtlsec{background-color: #f2f2f2;overflow: hidden;}

.product-slide .img-boxes { height: 395px;background: var(--white); display: flex;align-items: center;justify-content: center;    overflow: hidden;}
.product-slide .img-boxes img { max-width: 100%;  max-height: 100%;  width: 100%; height: auto;}

.capacity-card {transition: all 0.3s linear; transition: all 0.4s ease;background-color: #F2F2F2; border-radius: 20px; overflow: hidden;border-bottom: 8px solid #444444;height: 100%;}
.capacity-header {background: #D9D9D9; padding: 20px 22px;    transition: all 0.3s linear;}
.capacity-header h2 {margin: 0; color: var(--red); font-size: 30px; font-weight: 600;}
.capacity-body {padding: 18px 18px 40px 18px;}
.capacity-row {display: flex; justify-content: space-between;  gap: 40px;  padding: 20px 0; border-bottom: 1px dotted #B7B3B3;font-weight: 500;}
.capacity-row .right {text-align: right;flex: 1;}
.capacity-card:hover{ background-color: var(--white);  transform: translateY(-12px);  box-shadow: 0 20px 40px rgba(0,0,0,0.08);  border-bottom: 8px solid var(--red);}
.capacity-card:hover .capacity-header h2{color:var(--white);}
.capacity-card:hover .capacity-header{background: var(--red);}
.img-boxes { overflow: hidden;  border-radius: 10px;}
.img-boxes img {  width: 100%;   transition: 0.4s ease;   cursor: pointer;}
.img-boxes:hover img {  transform: scale(1.08);}

button.carousel__button.fancybox__button--slideshow,
button.carousel__button.fancybox__button--fullscreen,
button.carousel__button.fancybox__button--thumbs,
.fancybox__thumbs, .fancybox__counter, button.carousel__button.fancybox__button--zoom{display: none;}
.fancybox__container{z-index: 9999;}

.address-item{box-shadow: 0 0px 8px -6px;border-top: 5px solid var(--red);border-radius: 20px;background-image: url(assets/images/line-border-sec.png);padding: 40px 40px 40px 40px;background-position: left 40px top 165px;  background-repeat: no-repeat;  background-size: 83% auto; height: 100%;}
.address-item .address-icon {border-radius:10px;background-color: var(--red);width: 92px;min-width: 92px; max-width: 92px;height: 92px; line-height: 92px !important;   text-align: center;box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.01); }
.contact-box .address-item .address-title { display: flex; align-items: center; gap: 25px; margin: 0px 0px 65px 0px; }
.contact-box .address-item span.label{display: block; font-size: 18px; line-height: 1.2; font-weight:500;padding: 0px 0px 0px 0px;color: var(--black); word-break: break-all;}
.contact-box .address-item .address-text span.label { padding: 0px 0px 15px 0px; }
.contact-box .address-item .address-text span.label a { display: block; width: fit-content; }
.contact-box .address-item .address-text span.label a:not(:last-child) { margin-bottom: 10px; }

.address-item .address-icon svg{color: var(--white); transition: 0.3s;}
.address-item:hover .address-icon{background-color: var(--black);}
.address-item:hover .address-icon svg{color: var(--white);}
span.des{color:#847F7F;}
.address-item:hover span.label{color:var(--red);}
.formdtl{border-radius: 20px;height: 100%;align-items:stretch;border-top:5px solid var(--red);padding: 40px 50px;box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.05);background-color: var(--white);}
.contcimg{height: 100%;border-radius: 10px;}

.form-control{margin: 0px 0px 20px 0px; padding: 15px;color: rgba(0, 0, 0, 0.5);background-color: #F7F8FA;}
.formgroup label{margin-bottom:5px;font-size: 16px;}	
.map, .map iframe{width: 100%;height:700px;}

input.submitbtn{border: 0; background-color: transparent; color:var(--white); position: relative; z-index: 1;}


/*About us*/
.listing ul {padding: 10px 0px;}
.listing li{position: relative;padding-left: 40px;font-size: 16px;padding-bottom: 7px;}
.footer-top .footer-col ul li::before,
.listing li:before{ content: "\ea65";  position: absolute;  left: 0;  font-size: 30px;  font-family: tabler-icons;  color: var(--red);  animation: listingarrowMove 1.2s ease-in-out infinite;}
.aboutpera strong {/*font-size: 26px;  margin-bottom: 15px;display: block;*/}
@keyframes listingarrowMove{
  0%{ transform: translateX(0); }
  50%{ transform: translateX(5px); }
  100%{ transform: translateX(0); }
}
.aboutsubwrap .row{align-items: stretch;}
.subaboutimg{ height: 100%;overflow: hidden;border-radius: 20px;}
.subaboutimg img{ width: 100%;  height: 100%;  object-fit: cover; overflow: hidden; }



.valuewrap{position: relative;  margin-top: 40px; transition: transform 0.4s ease, box-shadow 0.4s ease; transition: transform 0.4s ease;}
.valuebox{background: var(--white);border-radius: 20px;  padding:50px 25px 25px;  transition: all 0.4s ease;}
.valueboxicon{transition: all 0.4s ease;position: absolute;  top: -30px;  left: 0;  width: 60px;  height: 60px;  background: var(--red);  border-radius: 20px 20px 0; display: flex;align-items: center;  justify-content: center;  font-size: 26px;  color: var(--red); z-index: 2;}
.valueboxicon i{color: var(--white);}
.valuebox h5{font-weight: 500;}
.valuewrap:hover{ transform: translateY(-10px);}
.valuewrap:hover .valuebox{ box-shadow: 0 20px 40px rgba(0,0,0,0.08);}
.valuewrap:hover{ transform: translateY(-10px);}
.valuewrap:hover .valuebox{ box-shadow: 0 20px 40px rgba(0,0,0,0.08);  border-color: var(--red);}
.valuewrap:hover .valueboxicon{  transform: scale(1.1);}


.counter-section{ display: flex;  justify-content: center;  gap: 40px;position: relative;}
.counter-box{ border-radius: 20px;text-align: center;min-width: 250px;border: 1px dashed var(--white);padding: 30px;}
.counter-box h2{ font-size: 42px;font-weight: 700;margin: 0;color:var(--white);}
.counter-box p{ margin-top: 8px; font-size: 18px;font-weight: 500;color:var(--white);}


.road-map-main {  margin: 50px 0 51px;}
.road-map-main .road-map-wrapper {  position: relative;  display: flex;  flex-direction: column;  height: 175px;}
.road-map-main .road-map-wrapper::before, .road-map-main .road-map-wrapper::after {  content: ""; width: 100%;  clear: both;  display: block;}

.road-map-main .road-map-wrapper .road-map-circle {  width: 200px;  height: 200px;  border-radius: 50%;  border: 25px solid transparent;  border-top-color: #0c0c0c;  border-right-color: #0c0c0c;  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  margin: auto;  transform: rotate(45deg);}

/* Circle Text */
.road-map-main .road-map-wrapper .road-map-circle .road-map-circle-text {width: 110px; height: 110px; border-radius: 50%; background-color: var(--red); font-size: 20px; font-weight: 600; line-height: 26px; text-transform: capitalize;color: #fff;  box-shadow: 0px 0px 10px 5px #00000021;  position: absolute;  top: 0; left: 0; right: 0; bottom: 0;
  margin: auto;  transform: rotate(-45deg);}

.road-map-main .road-map-wrapper .road-map-card {width: 35%; background: #0c0c0c;  padding: 20px;  z-index: 1;  position: absolute; right: 0; border-radius: 5px;}
.road-map-main .road-map-wrapper .road-map-card::before { content: "";  width: 25%;  height: 20px;  background: var(--black);  position: absolute;  top: 50%;  transform: translateY(-50%);  left: -23%;  z-index: -1;}


.road-map-main .road-map-wrapper .road-map-card .card-head {  font-size: 20px; font-weight:500;  text-transform: capitalize;  margin: 0 0 15px;    font-family: 'Poppins';  color: var(--red);}
.road-map-main .road-map-wrapper .road-map-card .card-text {color: #fff; margin: 0;  display: -webkit-box; -webkit-line-clamp: 5;  -webkit-box-orient: vertical;  overflow: hidden;}
.road-map-main .road-map-wrapper:nth-of-type(even) .road-map-circle {border-bottom-color: #0c0c0c;  border-left-color: #0c0c0c; border-top-color: transparent;  border-right-color: transparent;}
.road-map-main .road-map-wrapper:nth-of-type(even) .road-map-card {left: 0; right: auto;}
.road-map-main .road-map-wrapper:nth-of-type(even) .road-map-card::before {right: -23%; left: auto;}
.roadmap-img{ position: absolute;  top: -20px;  left: 50%; transform: translateX(-50%) scale(0.8);  opacity: 0;  transition: all 0.4s ease;  z-index: 2;  pointer-events: none; background: #fff;}
.roadmap-img img{ width: 294px;  height: 196px;  object-fit: contain; box-shadow: 0 15px 30px rgba(0,0,0,0.2);}

/* Hover on circle */
.road-map-wrapper:hover .roadmap-img{ opacity: 1;  transform: translateX(-50%) scale(1);}
.mask-container{height: 600px;display: flex;align-items: center;justify-content: center;}
.mask-container img{height: 80%;width: auto;}
.mask-size-contain{background-image: url(assets/images/main-video-bg-white.png);width: 100%;height: 100%;background-repeat: no-repeat;position: relative;}
.mask-size-contain:before{left: 0px;height: 100%;position: absolute;background-image: url(assets/images/mask-shape.png);background-repeat: no-repeat;content: "";width: 100%;bottom: 0; }

.typevideo{ overflow: hidden;}
ul.pagination{justify-content: center;}
.page-link{color:var(--red);font-size: 20px; margin: 5px;padding: 10px 19px;}
.page-link:hover{color: var(--white);background-color: var(--red);}
.blog-detail-swiper .swiper-slide {overflow: hidden;text-align: center; font-size: 18px; background: #D9D9D9; display: flex; justify-content: center; align-items: center; background-size: cover; background-position: center;  border-radius: 20px;}
.blog-detail-swiper .swiper-slide > a,.blog-detail-swiper .swiper-slide img {display: block;  width: 100%;  height: 100%;  object-fit: contain;}
.blog-detail-swiper .myBlogSwiper { width: 100%; height: 100%;  margin-left: auto;  margin-right: auto;}
.blog-detail-swiper .myBlogSwiper2 { height: 500px; width: 100%;}
.blog-detail-swiper .myBlogSwiper { height: 150px; box-sizing: border-box;  padding: 10px 0;}
.blog-detail-swiper .myBlogSwiper .swiper-slide {width: 25%;height: 100%; opacity: 0.4;  cursor: pointer;}
.blog-detail-swiper .myBlogSwiper .swiper-slide-thumb-active { opacity: 1;}
.blog-detail-swiper .swiper-slide img { display: block; width: 100%;  height: 100%;  object-fit: contain;}
.blog-detail-swiper .swiper-button-next,.blog-detail-swiper .swiper-button-prev { color:var(--white);  width: 40px;  height: 40px; background: var(--primary-gradient);  border-radius: 100%;  display: flex;  align-items: center;  justify-content: center;transition: all 0.3s linear;}
.blog-detail-swiper .swiper-button-prev:hover, .blog-detail-swiper .swiper-button-next:hover {background-color: var(--red);}
.blog-detail-swiper .swiper-button-next.swiper-button-disabled, .blog-detail-swiper .swiper-button-prev.swiper-button-disabled {  display: none;}
.blog-detail-swiper .swiper-button-next:after, .blog-detail-swiper .swiper-button-prev:after {font-size: 15px;}

.submit-wrapper.read-btn { padding: 0;}
.submit-wrapper.read-btn input.submitbtn { padding: 12px 34px;}
.wpcf7-not-valid-tip {  font-size: 15px;  margin-top: -15px;  margin-bottom: 10px;}
.wpcf7-spinner { position: absolute;  top: 50%; transform: translateY(-50%);  right: -18px;}
.wpcf7-spinner { background: var(--white);}
.wpcf7-spinner::before {  background-color: var(--black);}
.comman-page-cls {  padding-bottom: 40px;}
.blogdtlwrap{position: relative;overflow: hidden;}
.comman-page-cls a:is(:hover, :focus),
.a-content a:is(:hover, :focus) { text-decoration: underline; }
.blogmainimg {height: 550px;margin: auto;text-align: center;border-radius: 20px;position: relative;}
.blogmainimg img{height: 100%; width: 100%;object-fit: cover;}
.blogdetaildate { background: var(--primary-gradient);  padding: 8px 15px;  color: var(--white);  display: flex;  align-items: center;  gap: 9px;  width: fit-content;  margin-bottom: 15px;  border-radius: 10px;}
.error-404 {display: flex;	align-items: center;	justify-content: center;	gap: 50px;	margin: 80px 0;}
.error-404 img {width: 650px;height: 520px;}





/*.home-slider-cont-pos {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9;}*/
.homeslidermainsec .slider-text { width:100%; max-width:100%; padding:0 30px; position:relative; z-index:9; top:0; left:0; transform:inherit; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; height:100%; }
.home-slider-cont-pos .container {height: 100%; padding-left: 0px; padding-left: 0px;}

.clsbloglisting .col-lg-4 {margin-bottom: 40px;}
.clsbloglisting .blogimg {border: 1px solid #ccc;}

.clsbloglisting .pagination {display: flex; justify-content: center; align-items: center; gap: 8px; padding:20px 0px 10px 0px; } 
.clsbloglisting .pagination .page-numbers {display: inline-flex; justify-content: center; align-items: center; min-width:45px; height: 45px; background-color: #000; color: #fff; border-radius: 10px; position: relative;}
.clsbloglisting .pagination .page-numbers:hover {background-color: var(--red);}
.clsbloglisting .pagination .page-numbers.current {background-color: var(--red);}

.clsbloglisting .pagination .page-numbers.next, .clsbloglisting .pagination .page-numbers.prev {text-indent: -99999px; }
.clsbloglisting .pagination .page-numbers.next::before, .clsbloglisting .pagination .page-numbers.prev::before {position: relative;  font-family: "tabler-icons" !important; text-indent: 0px;}
.clsbloglisting .pagination .page-numbers.next::before {content: "\ea61";}
.clsbloglisting .pagination .page-numbers.prev::before {content: "\ea60";}



/* 16-03-26 */
.feature-box:hover img {transform: rotate(50deg) scale(1.05);}
.mask-size-contain{display: flex;justify-content: center;align-items: center;}

.ti-brand-linkedin::before{content: "\ec8c";}
.ti-brand-youtube::before{content: "\ec90";}
.mobile-cls, .newclsmobile{display: none;}

.products-cls-wraps .productimgsec .productcontent h2{font-size: 26px;}
.products-cls-wraps .productimgsec .productcontent{ display: flex;align-items: center;gap: 10px;}
.products-cls-wraps .productimgsec .productcontent h6{margin-bottom: 0;}
.products-cls-wraps .productimgsec .fillicontitle{flex-shrink: 0;}
.products-cls-wraps .overlay{height: 13%;}
.products-cls-wraps .productbox:hover .productcontent{align-items: flex-start;}



.productitem img{height: 85px;object-fit: contain;padding: 10px;filter: invert(1);}
.productitem{overflow: hidden; transition: all 0.3s ease-in-out 0s;z-index: 1;padding-right: 20px;margin-bottom: 30px;background-color: #f2f2f2;display: flex;border-radius: 20px; position: relative; height: stretch; gap: 23px; align-items: center;}
.proitmimg{height: 100%;position: relative;top: 0;  background:linear-gradient(359deg, #83110b 0%, #b4150a 100%);border-radius: 20px 0 0 20px;  left: 0;}
.proitmcaption{color: var(--black); font-weight: 500;}

.productitem::before{content: "";position: absolute; top: 0; left: 0; width: 0%;  height: 100%;  background-color: var(--red);  transition: width 0.4s ease;  z-index: -1;}
.productitem:hover{background-color: var(--primary-gradient);}
.productitem:hover::before{ width: 100%;}
.productitem:hover .proitmcaption{color: var(--white);}
.topnavsocial h4{font-size: 30px;text-transform: uppercase;font-size: 14px;color: var(--white); margin-bottom: 0; font-family: 'Poppins';margin-right: 15px;}
.topnavsocial img{filter: invert(1);}
.worldtxt {align-items: center;justify-content: center;margin: auto;margin-bottom: 50px;gap: 20px;position: relative; display: inline-block; padding-bottom: 15px;}
.worldtxt img{height: 80px;}
.worldtxt  h4{margin-bottom: 0px;text-transform: uppercase;font-family: "Oswald", sans-serif;font-size: 30px;font-weight: 600;}
.worldtxt::after {content: "";  position: absolute;   left: 0;  bottom: -25px;  width: 100%; height: 30px; background: url(assets/images/btmline.png) no-repeat center;background-size: contain;}

#autoPopup{z-index: 9999;}
.blogpopimg{position: relative;height: 340px;}
.blogpopimg img{height: 100%;width: 100%;object-fit: contain;}
.blogpopdesc p{font-size: 16px;line-height: 20px;}
.modal-header{align-items: baseline;}
.blogpopup .read-btn{padding: 10px 24px;}
.blogpopup .read-btn .text{font-size: 16px;}
.modal-lg{max-width: 900px;}


.home-slider-cont-pos {height:500px;}
.home-slider-cont-pos .slider-text h1, .home-slider-cont-pos .slider-text span.bnr-txt{color:var(--black);}
.home-slider-cont-pos .slider-text{z-index: 999;top: inherit;left: inherit;  transform: inherit;position: relative;}
.ptb30{padding-bottom: 30px;}
.mb30{margin-bottom: 30px;}
.ourcorevalue{background-color: var(--black);}