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;}

.siteTitle{display: block; margin-top: 20px;}

.topContent{width: 100%;float: left;position: absolute;z-index: 9;height: 81px;}
.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 18px 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;}
.topBarFxd i {color: #000;}
#autoHide{transition: top 0.3s;}

.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: 40%;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('https://expert-themes.com/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: #a50909;}
.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: -2px;position: relative;margin: 0 7px 0 0;}

.bottom{width: 100%; float: left; padding: 0 30px;}
.bottom ul{margin: 0;padding: 0;column-count: 2;}
.bottom ul li{list-style-type:  none;font-weight: 400;font-size: 16px;line-height: 29px;/* float: left; */}
.bottom ul li a{color: #9c2e4f;display: block;color: #4d2300;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;padding: 0 0 40px 0;}
.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: 32px;font-size: 16px;}
.otherContainer p a{font: 400 20px 'Kalam';color: #f81f01;}
.otherContainer p a:hover{text-decoration: none; color: #4d2300; transition: all ease-in-out 0.3s;}
.otherContainer .heading{font: 700 20px 'Quicksand', sans-serif;margin: 20px 0 10px 0;width: 100%;float: left;}
.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 p span {font-size: 24px;}
.minContainer p a{border-radius: 0;padding: 0;font-size: 24px;background-image: inherit;color: #f81f01;}
.minContainer p a:hover{background-image: inherit;text-decoration: none;}
.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 5px;margin-top: 0;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 span{font-size: 12px; color: #999;}
.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 .widgetFeatures li{/* color: #000; */}
.priceContainer .widgetFeatures li:before{content: '\f046';text-shadow: initial;/* color: #000; */}


.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;}
.similarLinks .heading{font-size: 18px;color: #000;height: auto;left: 0;margin: 0;top: 0px;}
.similarLinks ul{margin: 0;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, .similarLinks .selected-menu a{padding-left:10px; }
.similarLinks ul li a.active:before, .similarLinks .selected-menu a:before{content: '';position: absolute;top: 16px;left: 10px;height: 2px;width: 10px;padding-left: 10px;background: maroon;opacity: 1;}

.widgetFeatures ol {text-align: left;font-size: 16px; margin: 0 !important}
.widgetFeatures ol li{position: relative;padding: 0 0 0 23px;line-height: 32px;}
.widgetFeatures ol li:before{content: '\f064';font: 400 16px 'FontAwesome';position: absolute;left: 0;top: 8px;text-shadow: 1px 2px 2px #0000008c;}
.widgetFeatures small{text-align: left;font-size: 14px;margin: 12px 0;display: block;}
.priceContainer .widgetFeatures > div a {font-size: 26px;position: relative;text-align: left;padding-left: 39px;color: #fff;text-shadow: 2px 2px 4px #080808c2;}
.priceContainer .widgetFeatures > div a:before{content: '\f0e6';font: 400 32px 'FontAwesome';position: absolute;top: 0;left: 0;}
.priceContainer .widgetFeatures > div a:hover{text-shadow: 2px 2px 27px #080808;}



.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: 400;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;}

.contactFormOthr{padding: 35px 0 60px;margin-top: 0;}
.contactFormOthr:before {height: 0;}
.contactFormOthr h6 {font: 500 36px 'Fira Sans', sans-serif;display: block;}
.contactFormOthr ul {margin: 25px 30px 25px;font-size: 25px;line-height: 43px;/* display: flex; *//* justify-content: space-between; */column-count: 2;}
.contactFormOthr ul li {margin: 0px 0;display: flow-root;}
.contactFormOthr ul li:before {font: 400 32px 'FontAwesome';top: 5px;}
.contactFormOthr ul li:last-child:before {content: '\f232';font: 400 38px 'FontAwesome';top: 4px;}
.contactFormOthr ul li:nth-last-child(2):before {content: '\f095';font: 400 38px 'FontAwesome';top: 4px;}


.priceTable1 {width: 100%;margin-top: 0;margin-right: 0px;margin-bottom: 20px;margin-left: 0px;padding: 0px;float: left;border: 1px solid #e4e3e3;background: #efefef;border-collapse: unset;border-spacing: 3px;}
.priceTable1 th {text-align: center;}
.priceTable1 div {text-align: center;}
.priceTable1 tr{}
.priceTable1 tr:nth-child(odd) {background-image: linear-gradient(45deg, #0168d1 0%, #62b0ff 100%);}
.priceTable1 tr:nth-child(even) {background: #F1F1F1;border-bottom: 1px solid #EAEAEA;}
.priceTable1 tr:last-child td{font-size: 16px;font-weight: 600;color: #1275d9;}
.priceTable1 tr:hover {background-image: linear-gradient(45deg, #0168d1 0%, #62b0ff 100%);}
.priceTable1 th {cursor: pointer;background-repeat: repeat-x;background-position: left top;margin: 0px;color: #fff;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 16px;font-weight: normal;padding: 8px 8px 9px 8px;text-shadow: 1px 1px 0px #000;white-space: nowrap;}
.priceTable1 th a {padding: 9px 2px;color: #fff;text-decoration: none;}
.priceTable1 td {padding: 8px 8px 9px 8px;position: relative;vertical-align: middle;/* font: 400 12px Verdana; */background: #fff;}

.breadcrumb{padding: 0;background: transparent !important;border-radius: 0;width: 100%;float: left;font-size: 18px;font-weight: 400;margin: 6px 0 0 0;}
.breadcrumb li.active{color: #ffff;}
.breadcrumb li a{color: #fff;}
.breadcrumb li a:hover{text-decoration: none;}

.includeSBK{position: relative;color: #fff;text-align: right;}
.includeSBK a{color: #fff;font-size: 60px;margin: 0 14px;}
.includeSBK a:hover, .includeSBK a:active, .includeSBK a:focus{color: #fff; text-decoration: none;}

/* start whatsApp chat */
.whatsAppMsg{position: fixed;font-size: 43px; bottom: -70px; z-index: 9999 !important; box-shadow: rgb(0 0 0 / 15%) 0px 4px 12px 0px; right: 105px; border-radius: 50%;width: 58px;height: 58px;text-align: center;transition: all ease-in-out 0.3s;}
.slideInUp {animation-name: slideInUp;bottom: 10px;}
@keyframes slideInUp {
    from {transform: translate3d(0, 100%, 0);visibility: visible}
    to {transform: translate3d(0, 0, 0)}
}
/* end whatsApp chat */

.sbk{font-size: 26px;height: 25px;margin: 4px 0 0 0;float: right;}
.sbk a{padding: 0px 13px 0 5px;color: #fff;float: left;}

/* custom scroll bar */
/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #ccc; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #cf1900; 
}

.byPkgContainer{position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; background: #0000009e; display: flex; align-items: center;}
.byPkgContainer .formContent{background: url('../images/billing.webp') no-repeat right top;width: 800px;margin: 0 auto;padding: 0;border-radius: 10px;overflow: hidden;background-size: cover;position: relative;}
.byPkgContainer .formContent .frmBg{float: left;margin: 20px 40px 20px 20px;background: #0000009e;padding: 15px 20px;border-radius: 5px;border: 1px solid #c5c5c5;box-shadow: 8px 8px 0px #ffffff57;color: #fff;font: 300 26px Fira Sans;}
.byPkgContainer .formContent .frmBg .heading{color: #fff;font-size: 16px;color: #fbff09;}
.byPkgContainer .formContent .frmBg #pkgNamebuy{}
.byPkgContainer .formContent .frmBg #pkgPricebuy{display: initial;}
.byPkgContainer .formContent .frmBg .form-control{float: left;}
.byPkgContainer .formContent .frmBg .btn-danger{display: initial;}
.byPkgContainer .formContent .frmBg .btn-danger{padding: 6px 16px;border-radius: 5px;color: #fff700;position: relative;overflow: hidden;margin: 10px auto 0 auto;display: revert;background-color: #ffffff3b;border-color: #fff;font-size: 23px;border: 0;border-bottom: 3px solid #ffeb00;}
.byPkgContainer .formContent .frmBg .btn-danger: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;}
.byPkgContainer .formContent .frmBg .btn-danger:hover{text-decoration: none;}
.byPkgContainer .formContent .frmBg .btn-danger:hover:before{right: -100px;}
.byPkgContainer .formContent .close {position: absolute;top: 7px;right: 10px;color: #fff;z-index: 9;opacity: 1;font-weight: normal;}

/* start product page */
#isotope, #isotope-masonry {width:100%;margin-top:0;}
.isotope-item {z-index:2;}
.isotope-hidden.isotope-item {pointer-events:none;z-index:1;}
.isotope,.isotope .isotope-item {-webkit-transition-duration:1s;-moz-transition-duration:1s;-ms-transition-duration:1s;-o-transition-duration:1s;transition-duration:1s;}
.isotope {-webkit-transition-property:height, width;-moz-transition-property:height, width;-ms-transition-property:height, width;-o-transition-property:height, width;transition-property:height, width;}
.isotope .isotope-item {-webkit-transition-property:0 opacity;-moz-transition-property:0 opacity;-ms-transition-property:0 opacity;-o-transition-property:0 opacity;transition-property:transform, opacity;}

#isotope-filter {margin-bottom: 10px;text-align: left;}
#isotope-filter a{width: 100%;float: left;height: 56px;border-radius: 5px;padding: 8px 9px 5px 15px;margin: 0 0 5px 0;font: 400 17px Fira Sans;color: #ffffff;text-align: right;background: #fff;background-position: left bottom;text-transform: uppercase;text-shadow: 1px 5px 6px #000, 4px 4px 5px #666;transition: all ease-in-out 0.3s;background-image: linear-gradient(267deg, rgba(26, 44, 121, 0.88) 10%, rgba(232, 5, 102, 0.88)) !important;box-shadow: -5px 11px 14px #e9e9e9, 1px -1px 0px #ffffff7d, 5px -2px 10px #00000036;border-left: 1px solid  #e3e9ee;border-bottom: 1px solid #ffffff75;transition:  all ease-in-out 0.3s;display: flex;justify-content: flex-end;align-items: flex-end;}
#isotope-filter a:hover{background-position: right bottom;text-decoration: none;letter-spacing: 1px;box-shadow: -5px 9px 16px #5c5252ab, 1px -1px 0px #ffffff, 2px 2px 15px #ffffff;}
#isotope-filter a:active, #isotope-filter a:focus, #isotope-filter a:visited{text-decoration: none;}
#isotope-filter a.active{text-decoration: none;}
#isotope{width: 100%; float: left;}
#isotope .isoCont{width: 47%;float: left;margin: 0 15px 30px 15px;/* border-radius: 8px; */position: relative;}
#isotope .isoCont:nth-child(even){
    margin: 0 0 30px 15px;
}
#isotope .isoCont .eachContainer{background-image: linear-gradient(90deg, rgba(26, 44, 121, 0.88) 10%, rgb(248 31 1)) !important;padding: 2px;overflow: hidden;border-radius: 8px;width: 100%;float: left;margin: 0 0 0 0;}
#isotope .isoCont .eachContainer > div{width: 99.99%;float: left;background: #fff;margin: 0;border-radius: 6px 6px 6px 6px;padding: 0;box-shadow: 47px 0px 0px #c91902;border: 1px solid #fff;overflow: hidden;display: flex;align-items: center;}
#isotope .isoCont img{height: 270px;border-radius: 7px 0px 0px 7px;object-fit: cover;}
#isotope .isoCont .details{width: 100%;padding: 0 7px;}
#isotope .isoCont .heading{width: 100%;FONT-VARIANT: JIS04;font: 500 16px 'Quicksand', sans-serif;color: #323131;text-align: center;margin-top: 10px;}
#isotope .isoCont .heading strong{font-weight: 600;font-size: 34px;text-transform: uppercase;filter: drop-shadow(2px 2px 2px white) drop-shadow(5px 7px 4px #ccc);text-align: center;line-height: 30px;display: block;margin-bottom: 5px;}
#isotope .isoCont .heading u{font-size: 16px;text-decoration: none;}
#isotope .isoCont .subH{width: 100%;float: left;margin: 10px 0 0 0;font-size: 16px;color: #000000;text-align: center;border-bottom: 1px solid #fd7878;line-height: normal;font-style: italic;padding-bottom: 24px;line-height: 26px;}
#isotope .isoCont .subH s{text-decoration: none;font-size: 20px;font-style: italic;color: #f81f01;}
#isotope .isoCont .subH em{text-decoration: none;font-size: 20px;font-style: italic;color: #36468a;}
#isotope .isoCont .subH u{text-decoration: none;font-size: 20px;color: #7f8f01;}
#isotope .isoCont a{color: #fff;float: left;transition: all ease 0.3s;font-family: Verdana;background: #fb0202;padding: 0 10px;font-size: 12px;border-radius: 50px;margin: -12px 0 00 0;}
#isotope .isoCont a:hover{text-decoration: none;background: #ccc;}
#isotope .isoCont a:last-child{font: 400 30px 'Kalam';text-align: right;text-shadow: 1px 1px 1px #fff, 3px 3px 2px #00000033;margin-top: 8px;float: right;background: transparent;color: #000d30;padding: 0;}
#isotope .isoCont a:last-child:hover{text-shadow: none;}

.moreBtn{cursor: pointer;font-size: 13px;color: red;}
.splOffer{float: left;margin: 0 0 10px 0;width: 100%;background: url(../images/products/domain_hosting.webp) no-repeat left center;padding: 12px 87px 12px 215px;font-size: 27px;position: relative;z-index: 1;color: #fff;border-radius: 7px;overflow: hidden;background-size: contain;font-family: 'Kalam';line-height: 33px;text-shadow: 2px 2px 3px #0000009e;}
.splOffer:before{content:'';background-image: linear-gradient(90deg, #f81f014f 0%, #318ece 20%) !important;position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: -1;opacity: 0.9;}
/* end product page */

.eComPrice{width: 100%; float: left;}
.eComPrice .eachPro{width: 100%;float: left;background: url(../images/pattern-4.webp) no-repeat bottom center;background-size: cover;position: relative;padding: 5px;border-radius: 7px;overflow: hidden;}
.eComPrice .eachPro:before{content:'';background-image: linear-gradient(
267deg, rgba(26, 44, 121, 0.88) 10%, rgba(232, 5, 102, 0.88)) !important;position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
.eComPrice .eachPro .heading{width: 100%;float: left;position: relative;color: #fff;font: 400 22px Fira Sans;text-transform: uppercase;margin: 5px 0px 9px 0;text-align: center;}
.eComPrice .eachPro ul{width: 100%;float: left;background: #fff;position: relative;border-radius: 3px;margin: 0;padding: 5px;}
.eComPrice .eachPro ul li{width: 100%; float: left; position: relative;}
.eComPrice .eachPro ul li.check:before{content: '\f00c';font: normal normal normal 14px/1 FontAwesome;right: 0;position: absolute;color: green;}
.eComPrice .eachPro ul li.times:before{content: '\f00d';font: normal normal normal 14px/1 FontAwesome;right: 0;position: absolute;color: red;top: 7px;}
.eComPrice .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%;}
.eComPrice .eachPro ul li sub:before{content: '';position: absolute;width: 260%;left: 0;height: 1px;background: #9e9e9e;top: 7px;z-index: -1;}
.eComPrice .eachPro ul li i{float: right;}
.eComPrice .eachPro ul li span{font-size: 12px;color: #999;float: right;}
.eComPrice .eachPro ul li .fa-check{color: green;}
.eComPrice .eachPro ul li .fa-times{color: red;}
.eComPrice .eachPro .prieceContainer{width: 100%;float: left;color: #fff;position: relative;font-size: 30px;margin: 6px 0 0 0;}
.eComPrice .eachPro .prieceContainer span{width: 100%;float: left;color: #fff;position: relative;font-size: 30px;margin-top: 7px;}
.eComPrice .eachPro .prieceContainer a{padding: 6px 7px;background: transparent;color: yellow;text-align: right;}
.eComPrice ol{margin: 15px 0 0 0; padding: 0;}
.eComPrice ol li{list-style-type: none;line-height: 26px;}

ul.addlFeatures {margin: 5px 0 0 0;padding: 0;font-size: 14px;column-count: 4;line-height: 28px;display: inline-block;}
ul.addlFeatures li{list-style-type: none;position: relative;padding: 0 0 0 20px;}
ul.addlFeatures li:before{content: '\f2da';font: 400 13px 'FontAwesome';position: absolute;top: 6px;left: 0;}

ol.impNote{
column-count: inherit;margin: 30px 0 0 0;border: 1px dashed #f00;padding: 7px 12px;font-size: 15px;line-height: inherit;border-left: 5px solid red;color: #780000;}
ol.impNote li{padding: 0;}
ol.impNote li:before{background: transparent;}