html {scroll-behavior: smooth !important;}
body {font-family: 'Fira Sans', sans-serif;font-size: 14px;color: #777777;line-height: 1.7em;font-weight: 400;background: #ffffff;-webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased;}
.headerContent{width: 100%;float: left;position: relative;/* display: flex; */align-items: center;background: url(../images/pattern-1.png) no-repeat left bottom;}
.headerContent .biosContianer{width: 700px;float: right;position: relative;overflow: hidden;}
.headerContent .biosContianer:before{content:'';/* background: #00000099; */position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;}
.headerContent .biosContianer video{width: 1046px;float: right;position: relative;right: -316px;}
.headerContent .biosContianer img{width: auto;height: 588px;float: right;right: 0;z-index: 2;}
.headerContent .biosContianer a{position: absolute;width: 40px;height: 60px;background: url('../images/mouse_icon.png');bottom: 30px;z-index: 99;right: 274px;}
.headerContent .biosText{width: 750px;float: left;padding: 0 44px;color: #000;font: 700 56px/70px "Quicksand";position: absolute;bottom: 100px;z-index: 9;}
.headerContent .biosText strong{color: #ffcc00;}
.headerContent .biosText a{ font-size: 16px; padding: 17px 40px; border-radius: 50px; color: #000000; background-image: -ms-linear-gradient(right, #FF9802 0%, #FFEA3B 100%); background-image: -moz-linear-gradient(right, #FF9802 0%, #FFEA3B 100%); background-image: -o-linear-gradient(right, #FF9802 0%, #FFEA3B 100%); background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #FF9802), color-stop(100, #FFEA3B)); background-image: -webkit-linear-gradient(right, #FF9802 0%, #FFEA3B 100%); background-image: linear-gradient(to left, #FF9802 0%, #FFEA3B 100%); }
.headerContent .biosText a:hover{background-image: -ms-linear-gradient(right, #FFEA3B 0%, #FF9802 100%); background-image: -moz-linear-gradient(right, #FFEA3B 0%, #FF9802 100%); background-image: -o-linear-gradient(right, #FFEA3B 0%, #FF9802 100%); background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #FFEA3B), color-stop(100, #FF9802)); background-image: -webkit-linear-gradient(right, #FFEA3B 0%, #FF9802 100%); background-imFF9802age: linear-gradient(to left, #FFEA3B 0%, #FF9802 100%); }
.headerContent .biosText a:hover{text-decoration: none;}


.topContent{width: 100%;float: left;position: absolute;z-index: 9;top: 20px;}
.animated { visibility: visible !important; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; }
.floating { animation-name: floating; -webkit-animation-name: floating; animation-duration: 1s; -webkit-animation-duration: 1s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; }
@keyframes floating { 0% { transform:translateY(0%); } 50% { transform:translateY(8%); } 100% { transform:translateY(0%); } }
@-webkit-keyframes floating { 0% { -webkit-transform:translateY(0%); } 50% { -webkit-transform:translateY(8%); } 100% { -webkit-transform:translateY(0%); } }


/* for top menu */
.toggleMenu{float: right;width: 50px;font-size: 25px;color: #ffff;margin: 3px 0 0 0px;text-align: right;cursor: pointer;}
.topMenuWrap {margin-top: 45px;position: relative;display: flex;float: right;}
.topMenu{width: 100%;float: left;font: 400 16px 'Fira Sans', sans-serif;text-align: center;display: contents;}
.topMenu ul{margin: 0; padding: 0;}
.topMenu ul li{list-style-type: none;display: inline-block; position: relative;}
.topMenu ul li a{color: rgb(255 255 255);padding: 8px 17px;display: block;transition: all ease-in-out 0.3s;}
.topMenu ul li a:hover{text-decoration: none;background: #ffcc00;color: #000;border-radius: 3px;}
.topMenu ul li a:focus, .topMenu ul li a:visited, .topMenu ul li a:active{text-decoration: none;}
.topMenu ul li ul{position: absolute;right: 0;width: 200px;text-align: left;top:100px;visibility: hidden;opacity: 0;transition: all ease-in-out 0.3s;z-index: 9;}
.topMenu ul li ul li{display: block;text-transform: capitalize;font-size: 14px;}
.topMenu ul li ul li a {color: #000;padding: 10px 10px;}
.topMenu ul li:hover a{text-decoration: none;background: #ffcc00;color: #000;}
.topMenu ul li:hover ul{visibility: visible;top: 35px;opacity: 1;background: #fff;box-shadow: 0 10px 11px #0000004a;z-index: 999;}
.topMenu ul li:hover ul li{}
.topMenu ul li:hover ul li a{background: transparent;color: #000;transition: all ease-in-out 0.3s;}
.topMenu ul li:hover ul li a:hover{background: #fecc00;color: #000;/* border-radius: 0; */}
/* /for top menu */
.topBarFxd{position: fixed;background: #fff;z-index: 10;top: 0;box-shadow: 0px 0px 20px #0000009e;}
.topBarFxd .siteTitle{display: inline-block;margin: 9px 0 0 0;}
.topBarFxd .siteTitle img{height: 60px;}
.topBarFxd .topMenuWrap{margin: 23px 0;}
.topBarFxd .topMenuWrap .topMenu ul li a {color: #000;}

.facilities{width: 100%;float: left;padding: 60px 15px 30px;/* background: url('../images/pattern-1.png') no-repeat left center; */}
.facilities h1{font: 700 36px 'Quicksand', sans-serif;color: #000;margin: 0;padding: 0 0px 20px 0;}
.facilities h1 strong{color: #ffcc00;}
.facilities p{line-height: 30px;margin: 0;padding: 0 0 10px 0;}
.facilities ul{margin: 0;padding: 0;}
.facilities ul li{list-style-type: none;position: relative;line-height: 35px;padding: 0 0 0 25px;}
.facilities ul li:before{content: '\f00c';font: 400 15px 'FontAwesome';color:#ffcc00;position: absolute;top: 9px;left: 0;}
.facilities a.start{font-size: 16px;padding: 17px 40px;border-radius: 50px;color: #ffffff;display: inline-block;background: #000;margin: 30px 0 0 0;position: relative;overflow: hidden;}
.facilities a.start:before{content: '';background: #ffcc00;position: absolute;top: 0;right: 50%;bottom: 0;left: 50%; transition: all ease-in-out 0.3s;}
.facilities a.start:hover{text-decoration: none;z-index: 1;position: relative;color: #000;}
.facilities a.start:hover:before{right: 0;left: 0;color: #000;z-index: -1;}
.facilities ol{margin: 20px 0 0 0;padding: 0;}
.facilities ol li{list-style-type: none;display: table;margin: 0 0 20px 0;width: 300px;border-radius: 50px;font-size: 24px;color: #777;padding: 16px 20px;box-shadow: inset 0 0 10px rgb(0 0 0 / 20%);transition:  all ease-in-out 0.3s;}
.facilities ol li:hover{box-shadow: 0 0 15px rgb(0 0 0 / 20%);cursor: pointer;color: #000;}
.facilities ol li img{width: 50px;margin: 0 10px 0 0;}
.facilities ol li:nth-child(even){float: right;}

.services{width: 100%;float: left;padding: 50px 15px 20px;position: relative;background: url('../images/pattern-2.png') no-repeat right top;}
.services:before{content: '';}
.services span{color: #000;}
.services h2, .services h1{font: 700 36px 'Quicksand', sans-serif;color: #000;margin: 0;padding: 0 0px 50px 0;}
.services h2 strong, .services h1 strong{color: #ffcc00;}
.services .eachServices{width: 100%;float: left;margin: 0 0 30px 0;padding: 20px 20px;background-color: #ffffff;box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 10%);}
.services .eachServices:hover a{background: #fc0; color: black;}
.services .eachServices:hover a:after{background: #000;}
.services .eachServices:hover a:before{color: #fc0;}
.services .eachServices img{margin: 0 auto 10px;}
.services .eachServices .heading{font-size: 20px;font-weight: 700;color: #000;margin: 0 0 10px 0;display: flex;align-items: center;}
.services .eachServices p{color: #676767;}
.services .eachServices a{background: #f2f2f2;display: block;color: #000;padding: 10px 11px;position: relative;overflow: hidden;transition:all ease-in-out 0.3s;}
.services .eachServices a:after{content: '';position: absolute;top: 0px;right: -30px;bottom: 0;background: #862020;width: 79px;height: 67px;color: #fff;display: flex;align-items: center;transform: rotateZ(-55deg); transition: all ease-in-out 0.3s;}
.services .eachServices a:before{content: '\f178';font: 400 24px 'FontAwesome';position: absolute;top: 0;right: 0;bottom: 0;width: 45px;color: #f2f2f2;display: flex;align-items: center;z-index: 1;}
.services .eachServices a:hover{text-decoration: none;background: #fc0; color: black;}
.services .eachServices a:hover:after{background: #000;}

.products{width: 100%;float: left;padding: 50px 15px 20px;position: relative;background: url('../images/pattern-2.png') no-repeat right top;}
.products:before{content: '';}
.products span{color: #000;}
.products h2{font: 700 36px 'Quicksand', sans-serif;color: #000;margin: 0;padding: 0 0px 50px 0;}
.products h2 strong{color: #ffcc00;}
.products .eachServices{width: 100%;float: left;margin: 0 0 30px 0;padding: 20px 20px;background-color: #ffffff;box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 10%);}
.products .eachServices:hover a{background: #fc0; color: black;}
.products .eachServices:hover a:after{background: #000;}
.products .eachServices:hover a:before{color: #fc0;}
.products .eachServices img{margin: 0 auto 10px;}
.products .eachServices .heading{font-size: 20px;font-weight: 700;color: #000;margin: 0 0 10px 0;display: flex;align-items: center;}
.products .eachServices p{color: #676767;}
.products .eachServices a{background: #f2f2f2;display: block;color: #000;padding: 10px 11px;position: relative;overflow: hidden;transition:all ease-in-out 0.3s;}
.products .eachServices a:after{content: '';position: absolute;top: 0px;right: -30px;bottom: 0;background: #862020;width: 79px;height: 67px;color: #fff;display: flex;align-items: center;transform: rotateZ(-55deg); transition: all ease-in-out 0.3s;}
.products .eachServices a:before{content: '\f178';font: 400 24px 'FontAwesome';position: absolute;top: 0;right: 0;bottom: 0;width: 45px;color: #f2f2f2;display: flex;align-items: center;z-index: 1;}
.products .eachServices a:hover{text-decoration: none;background: #fc0; color: black;}
.products .eachServices a:hover:after{background: #000;}

.digitaAgency{width: 100%;float: left;padding: 167px 30px;text-align: right;background: url('../images/pattern-3.webp') no-repeat center center;background-size: cover;position: relative;overflow: hidden;}
.digitaAgency:before{content: '';position: absolute;top: -1px;left: 0;height: 48px;right: -100px;background: #ffffff;clip-path: polygon(100% 0, 0 0, 0 100%);}
.digitaAgency:after{content: '';position: absolute;bottom: 0px;left: -110px;height: 48px;right: 0;background: #ffffff;clip-path: polygon(100% 0, 100% 100%, 0 100%);}
.digitaAgency h3{font: 700 36px 'Quicksand', sans-serif;color: #000;margin: 0;padding: 0 0px 0 0;color: #fff;}
.digitaAgency p{color: #fff;width: 90%;float: right;margin: 20px 0 30px;}
.digitaAgency a{float: right;background: #fff;display: block;clear: both;font-weight: 700;font-size: 16px;padding: 17px 40px;border-radius: 50px;color: #000000;background-image: -ms-linear-gradient(right, #FF9802 0%, #FFEA3B 100%);background-image: -moz-linear-gradient(right, #FF9802 0%, #FFEA3B 100%);background-image: -o-linear-gradient(right, #FF9802 0%, #FFEA3B 100%);background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #FF9802), color-stop(100, #FFEA3B));background-image: -webkit-linear-gradient(right, #FF9802 0%, #FFEA3B 100%);background-image: linear-gradient(to left, #FF9802 0%, #FFEA3B 100%);}
.digitaAgency a:hover{text-decoration: none; background-image: -ms-linear-gradient(right, #FFEA3B 0%, #FF9802 100%); background-image: -moz-linear-gradient(right, #FFEA3B 0%, #FF9802 100%); background-image: -o-linear-gradient(right, #FFEA3B 0%, #FF9802 100%); background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #FFEA3B), color-stop(100, #FF9802)); background-image: -webkit-linear-gradient(right, #FFEA3B 0%, #FF9802 100%); background-imFF9802age: linear-gradient(to left, #FFEA3B 0%, #FF9802 100%); }

.weServe{width: 100%;float: left;padding: 70px 15px 50px;position: relative;background: #f2f2f2 url(../images/pattern-2.png) no-repeat right center;}
.weServe:before{content: '';position: absolute;top: -1px;left: 0;height: 48px;right: 0;background: #ffffff;clip-path: polygon(100% 0, 0 0, 0 100%);}
.weServe:after{content: '';position: absolute;bottom: -47px;left: 0;height: 48px;right: 0;background: #f2f2f2;clip-path: polygon(100% 0, 0 0, 0 100%);z-index: 1;}
.weServe h4{font: 700 36px 'Quicksand', sans-serif;color: #000;margin: 0;padding: 0 0px 10px 0;}
.weServe h4 strong{color: #862020;}
.weServe .eachServ{width: 100%;float: left;text-align: center; margin: 30px 0 0 0;padding: 10px 0;background: #fff;color: #000;position: relative;z-index: 1;box-shadow: 2px 2px 0 #ffa50000, 11px 7px 12px #ccbaba;border-radius: 4px;background-image: linear-gradient(68deg,#d2c8be 17%,#00000000 90%);}
.weServe .eachServ img{display: block;margin: 0 auto 10px;}

.workProcess{width: 100%;float: left;padding: 80px 0 30px;position: relative;background: url('../html/tecno/images/background/pattern-16.png') no-repeat top center;}
.workProcess:before{content: '';background: #ffffffc9;position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
.workProcess h5{font: 700 45px 'Quicksand', sans-serif;color: #000;margin: 0;padding: 0 0px 50px 0;}
.workProcess h5 strong{color: #ffcc00;}
.wpContainer{position: relative;width: 100%;float: left;}
.wpContainer:before,.wpContainer:after {content: '';position: absolute;background: #862020;left: 50%;}
.wpContainer:before {width: 2px;height: 100%;margin-left: -1px;top: 0;}
.wpContainer:after {width: 20px;height: 20px;margin-left: -10px;bottom: 0;}
.workProcess .item {clear: both;display: inline-block;padding-bottom: 40px;width: 100%;}
.workProcess .item .box {/* background: #862020; */color: #000000;float: right;padding: 0 10px 0 10px;position: relative;text-align: right;font: 700 35px/34px 'Quicksand';text-transform: uppercase;}
.workProcess .item .box span {font-size: 50px;line-height: 14px;color: #862020;}
.workProcess .item p {color: #000;}
.wpContainer .item:nth-child(even) .box {float: left;text-align: left;}
.wpContainer .item:nth-child(odd) .box:before, .wpContainer .item:nth-child(odd) .box:after, .wpContainer .item:nth-child(even) .box:before, .wpContainer .item:nth-child(even) .box:after {content: '';position: absolute;background: #862020;top: 50%;}
.wpContainer .item:nth-child(odd) .box:before {width: 95px;height: 2px;margin-top: -1px;right: -30px;}
.wpContainer .item:nth-child(even) .box:before {width: 95px;height: 2px;margin-top: -1px;left: -30px;}
.wpContainer .item:nth-child(odd) .box:after { width: 10px; height: 10px; right: -35px; margin-top: -5px; }
.wpContainer .item:nth-child(even) .box:after { width: 10px; height: 10px; left: -35px; margin-top: -5px; }
.workProcess .item .box time { font-size: 14px; font-weight: 300; text-transform: uppercase; }
.workProcess .name, .workProcess .title {color: #000000;font-size: 17px;font-weight: 400;padding-bottom: 0px;text-transform: capitalize;}
.wpContainer .item .col-sm-6:nth-child(odd) {padding-right: 30px;}
.wpContainer .item .col-sm-6:nth-child(even){padding-left: 30px;}
.wpContainer .item:nth-child(even) .col-sm-6:first-child { padding-left: 30px; text-align: left; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); }
.wpContainer .item:nth-child(even) .col-sm-6:nth-child(2){ padding-right: 30px; text-align: right; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); }

.contactForm{width: 100%;float: left;position: relative;padding: 60px 0 32px;background: #e2f6ff url(../images/bottom_cloud.webp) no-repeat bottom left;background-size: contain;}
.contactForm:before{content: '';content: '';position: absolute;top: -1px;left: 0;height: 48px;right: 0;background: #ffffff;clip-path: polygon(100% 0, 0 0, 0 100%);}
.contactForm h6{text-align: center;font: 700 36px 'Quicksand', sans-serif;color: #000;margin: 0 0 0px 0;padding: 0 0px 10px 0;display: inline-table;}
.contactForm h6 strong{color: #ffcc00;}
.contactForm ul{margin: 40px 0 0 68px;padding: 0;font-size: 30px;color: black;}
.contactForm ul li{list-style-type: none;position: relative;margin: 0 0 40px 0;}
.contactForm ul li:before{content: '\f003';font: 400 38px 'FontAwesome';color: #deb201;float: left;top: -8px;position: relative;margin: 0 10px 0 0;}

.bottom{width: 100%; float: left; padding: 0 30px;}
.bottom ul{margin: 0; padding: 0;}
.bottom ul li{list-style-type:  none;font-weight: 400;font-size: 16px;line-height: 29px;}
.bottom ul li a{color: #9c2e4f;display: block;color: #20267f; transition: all ease-in-out 0.3s;}
.bottom ul li a:hover{text-decoration: none; padding-left: 5px;}
.bottom ul li ul{margin: 0 0 0 5px;}
.bottom ul li ul li{font-weight: 400;font-size: 14px;}
.bottom ul li ul li a{color: #862020;}

.copyrite{width: 100%;float: left;padding: 6px 30px;margin: 20px 0 0 0;text-align: center;color: #000;}

.otherHeader{width: 100%;float: left;height: 130px;margin: 81px 0 0 0;position: relative; background: url(../images/other_page_bg_desktop.webp) no-repeat top left;}
.otherHeader:before{content: '';position: absolute;top: 0;left: 0;height: 100%;width: 100%;background-image: linear-gradient(267deg, rgba(26, 44, 121, 0.88) 10%, rgba(232, 5, 102, 0.88)) !important;}
.otherHeaderTitle{position: absolute;top: 0;right:0;bottom: 0;left: 0;color: #fff;display: flex;align-items: center;justify-content: space-around;font: 500 31px 'Quicksand', sans-serif;text-align: center;}
.otherHeaderTitle span{width: 100%;float: left;font-size: 18px;font-weight: 400;margin: 6px 0 0 0;}





.otherContainer{width: 100%; float: left; color: #000;}
.otherContainer h1{font: 700 26px 'Quicksand', sans-serif;color: #000;margin: 0;padding: 0 0px 10px 0;}
.otherContainer h2{font: 700 26px 'Quicksand', sans-serif;color: #000;margin: 0;padding: 20px 0px 10px 0;}
.otherContainer h3{font: 400 28px 'Fira Sans', sans-serif;color: #000;margin: 0;padding: 20px 0px 10px 0;}
.otherContainer p{color:#000;line-height: 28px;}
.otherContainer .heading{font: 700 20px 'Quicksand', sans-serif;margin: 20px 0 10px 0;}
.otherContainer ul{margin: 0 0 10px 0;padding: 0 0 0 30px;line-height: 28px;}
.otherContainer ol{margin: 0 0 30px 0;padding: 0 0 0 0;line-height: 36px;column-count: 2;font-size: 16px;}
.otherContainer ol li{list-style-type: none;position: relative;padding: 0 0 0 25px;}
.otherContainer ol li:before{content: '';position: absolute;top: 7px;left: 0;background: url(../images/checked.png) no-repeat center center;width: 20px;height: 20px;}




#uc{width: 100%;float: left;margin: 0 0 80px 0;text-align: center;}
#uc img{margin: 0 auto !important;}

.otherContents{width: 100%;float: left;padding: 50px 0 0 0;}

.minContainer p{font-size: 16px;line-height: 34px;margin: 20px 0;}
.minContainer a{background-image: linear-gradient(to left, #FF9802 0%, #FFEA3B 100%);display: inline-block;padding: 10px 20px;color: #000;border-radius: 5px;font-size: 16px;}
.minContainer a:hover{text-decoration: none;background-image: linear-gradient(to left, #FFEA3B 0%, #FF9802 100%);}
.webTech{width: 100%;float: left;position: relative;padding: 37px 0; background: url(../images/pattern-4.webp) no-repeat top left;}
.webTech:before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: linear-gradient(267deg, rgba(26, 44, 121, 0.88) 10%, rgba(232, 5, 102, 0.88)) !important;}
.webTech h2{color: #fff;position: relative;font-size: 24px; margin: 0; padding: 0;}
.webTech span{width:100%;display: flex;position: relative;margin: 30px 0 0 0;}
.webTech span img{margin: 0 3px 0 0;}

.priceContainer{width: 100%; float: left;padding: 50px 0;background: url(../images/pattern-2.png) no-repeat right top;}
.priceContainer ol{margin: 15px 0 0 0; padding: 0;}
.priceContainer ol li{list-style-type: none;line-height: 26px;}
.priceContainer h3{margin: 0 0 0 0;padding: 0;font: 400 28px Fira Sans;color: #000;}
.priceContainer p{color:#000;font-size: 16px;line-height: 27px;margin: 8px 0 50px;font-weight: 300;}
.priceContainer .eachPro{width: 100%;float: left;background-color: #ffffff;box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 10%);padding: 0px 15px;border-radius: 10px 10px 5px 5px;overflow: hidden;font-size: 15px;}
.priceContainer .eachPro .heading{margin-left: -15px;margin-right: -15px;padding: 15px 15px;color: #fff;text-align: center;font: 400 22px Fira Sans;text-transform: uppercase;letter-spacing: 1px;position: relative;z-index: 0;background: url(../images/pattern-4.webp) no-repeat top left;background-size: cover;text-shadow: 2px 2px 7px #1a055d;}
.priceContainer .eachPro .heading:before{content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-image: linear-gradient(267deg, rgba(26, 44, 121, 0.88) 10%, rgba(232, 5, 102, 0.88)) !important;z-index: -1;}
.priceContainer .eachPro ul{margin: 6px 0 11px 0;padding: 0;color: #000;}
.priceContainer .eachPro ul li{list-style-type: none;position: relative;line-height: 30px;overflow: hidden;}
.priceContainer .eachPro ul li sub{margin: 15px 0 11px 0;/* display: -webkit-inline-box; */color: #9e9e9e;position: relative;background: #fff;z-index: 1;padding: 0 10px 0 0;font-size: 85%;}
.priceContainer .eachPro ul li sub:before{content: '';position: absolute;width: 260%;left: 0;height: 1px;background: #9e9e9e;top: 7px;z-index: -1;}
.priceContainer .eachPro ul li i{float: right;top: 7px;position: relative;color: green;}
.priceContainer .eachPro ul li i.fa-times{color: red;}
.priceContainer .prieceContainer{position: relative;margin-left: -15px;margin-right: -15px;padding: 5px 15px;color: #ffffff;font: 400 33px Fira Sans;background: url(../images/pattern-4.webp) no-repeat bottom center;background-size: cover;z-index: 0;text-align: center;display: inline-block;}
.priceContainer .prieceContainer:before{content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-image: linear-gradient(267deg, rgba(26, 44, 121, 0.88) 10%, rgba(232, 5, 102, 0.88)) !important;z-index: -1;}
.priceContainer .prieceContainer > div{font-size: 14px;}
.priceContainer .prieceContainer > div a{text-decoration: none;color: #fff;display: block;padding: 0 0 7px 0;}
.priceContainer .prieceContainer > span{width: 100%; float: left; height: 10px;}

.similarLinks{width: 100%;float: left;position: relative;border: 1px solid #ccc;border-radius: 5px;padding: 10px;background: #f7f7f7;box-shadow: inset 0px 0px 10px 5px #fff;margin: 30px 0 0 0;}
.similarLinks .heading{font-size: 18px;color: #000;position: absolute;transform: rotate(270deg);bottom: 0;left: 0;margin: 0 0 69px -45px;}
.similarLinks ul{margin: 0 0 0 14px;padding: 0;font-size: 14px;}
.similarLinks ul li{list-style-type: none;position: relative;padding: 0 0 0 15px;}
.similarLinks ul li a{color: maroon;transition: all ease 0.3s;padding: 6px 0 6px 0;display: block;}
.similarLinks ul li a:before{content: '';position: absolute;top: 16px;left: 10px;height: 2px;width: 0px;transition: all ease 0.3s;opacity: 0;}
.similarLinks ul li a:hover{text-decoration: none;padding-left: 10px;}
.similarLinks ul li a:hover:before{opacity: 1;width: 10px;background: maroon;}
.similarLinks ul li a.active{padding-left:10px; }
.similarLinks ul li a.active:before{content: '';position: absolute;top: 16px;left: 10px;height: 2px;width: 10px;padding-left: 10px;background: maroon;opacity: 1;}

.interLinking{background-image: none !important;display: initial !important;padding: 0  !important;color: #f81f01 !important;background: transparent !important;float: initial !important;}
 
/* for Talk to Us */ 
.formContainer{position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 10;background: #0000009e;display: flex;align-items: center;}
.formContainer .formContent{width: 800px;margin: 0 auto;background: #fff;padding: 0;border-radius: 10px;overflow: hidden;}
.formContainer .heding{margin: 0;padding: 20px 20px;color: white;background: url(../images/pattern-4.webp) no-repeat top left;position: relative;z-index: 0;border-radius: 0;overflow: hidden;font-size: 30px;text-shadow: -5px -4px 7px #0000004d;margin: 0 0 20px 0;box-shadow: inset 0px -9px 25px #000;}
.formContainer .heding:before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient( 267deg, rgba(26, 44, 121, 0.88) 10%, rgba(232, 5, 102, 0.88)) !important; z-index: -1; }
.formContainer .heding span{font-size: 16px;float: right;color: yellow;font-family: cursive;cursor: pointer;position: absolute;top: 0;right: 0;bottom: 0;padding: 16px 20px;}
.formContainer .dzForm{margin: 0 20px 20px 20px;}
.formContainer .form-control{border: 1px solid #ddd;padding: 8px 12px;box-sizing: border-box;border-radius: 2px!important;font-size: 14px;color: #333;border-radius: 3px !important;background: #fcfcfc;box-shadow: 0px 4px 3px rgb(0 0 0 / 5%); height: 38px;}

.qryProduct{width: 100%;float: left;background: url('../images/query_bg.webp') no-repeat center center;height: 200px;background-size: contain;text-align: center;display: flex;align-items: center;justify-content: center;font-size: 27px;text-transform: uppercase;color: #000;}
.qryProduct > div{width: 100%; float: left;}
.qryProduct > div small{font-size: 15px;width: 100%;float: left;}
.qryProduct > div span{width: 100%;float: left;margin: 10px 0 0 0;font-size: 34px;color: #b10000;}

.successMsg{padding: 0 20px 20px 20px;font-size: 16px;color: #000;line-height: 30px; position: relative;}
/* end of Talk to Us*/


.productContainer{width: 100%; float: left; margin: 50px 0; color: #000;}
.productContainer .eachProduct{padding:15px 15px; width: 100%; float: left; margin-bottom: 30px;background-color: #ffffff; box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 10%);}
.productContainer .eachProduct p{color: #000;font-size: 16px;line-height: 25px;font-weight: 300;margin: 0 0 5px 0;}
.productContainer .eachProduct p strong{font: 400 22px Fira Sans;color: #000;}
.productContainer .eachProduct p em{font-style: normal;font-weight: 400;}
.productContainer .eachProduct p a{font-style: normal;font-weight: 400;}
.productContainer .eachProduct ul{margin: 0;padding: 0;font-size: 14px;column-count: 3;line-height: 28px;}
.productContainer .eachProduct ul li{list-style-type: none;position: relative;padding: 0 0 0 20px;}
.productContainer .eachProduct ul li:before{content: '\f2da';font: 400 13px 'FontAwesome';position: absolute;top: 6px;left: 0;}
.productContainer .eachProduct small{color: #333;/* display: block; */}
.productContainer .eachProduct a{background: #f94930;float: right;padding: 4px 20px;border-radius: 5px;color: #fff;position: relative;overflow: hidden;}
.productContainer .eachProduct a:before{content:'';position: absolute;background: rgba(255,255,255,0.2);display: block;top: -10%;right: -130px;width: 200px;height: 200px;border-radius: 50%;transition: all 0.4s;}
.productContainer .eachProduct a:hover{text-decoration: none;}
.productContainer .eachProduct a:hover:before{right: -100px;}

@media(max-width:768px){
.topMenuWrap{margin-top: -100px}

.headerContent { width: 100%; float: left; position: relative; align-items: center; background: url("../images/pattern-1.png") left bottom no-repeat; }

.headerContent .biosContianer {width: 100%;float: right;position: relative;overflow: hidden;}

.headerContent .biosContianer::before { content: ""; position: absolute; inset: 0px; z-index: 1; }

.headerContent .biosContianer video { width: 1046px; float: right; position: relative; right: -316px; }

.headerContent .biosContianer img { width: auto; height: 340px; float: right; right: 0px; z-index: 2; }

.headerContent .biosContianer a { position: absolute; width: 30px; height: 44px; background: url("../../images/mouse_icon.png") center center / contain no-repeat; bottom: 25px; z-index: 99; right: 154px; }

.headerContent .biosText { width: 100%; float: left; padding: 0px 20px 0px 70px; color: rgb(255, 255, 255); font: 700 22px / 29px Quicksand; position: absolute; bottom: 110px; z-index: 9; text-align: right; }

.headerContent .biosText strong { color: rgb(255, 204, 0); }

.headerContent .biosText a {font-size: 14px;padding: 2px 13px;border-radius: 50px;color: rgb(0, 0, 1);background-image: linear-gradient(to left, rgb(255, 152, 2) 0%, rgb(255, 234, 59) 100%);margin: 0px;display: inline-flex;}

.headerContent .biosText a:hover { background-image: -webkit-linear-gradient(right, rgb(255, 234, 59) 0%, rgb(255, 152, 2) 100%); }

.headerContent .biosText a:hover { text-decoration: none; }




}