.banners{overflow:hidden;position:relative;background-position:50% 0;height:100%;}
.banners::before{position:absolute;z-index:1;left:0;bottom:0;right:0;top:0;content:'';background-color:rgba(2,9,56, 0.24);background:linear-gradient(180deg,rgba(2,9,56,0) 0%,rgba(2,9,56,.7) 80%,#1d2244 100%)}
.banners::after{position:absolute;z-index:0;top:0;left:0;bottom:0;right:0;content:'';background:url(images/logo-outline-banner.png) no-repeat right 20% center;opacity:.3;z-index:0;}
.banners.banner-slider{background-position:0 0;min-height:1px}
.banners .banner-video{position:absolute;left:-1px;top:0;bottom:0;right:0;z-index:0;background:url(images/video-cover.jpg) no-repeat;background-size:cover;background-position:50% 50%}
/* .banners .banner-video.has-overlay::before{position:absolute;z-index:-4;top:0;left:0;bottom:0;right:0;content:'';background-color:rgba(85, 76, 40, 0.24);} */
.banners .banner-video video{object-fit: cover;width: 100vw;height: 100%;position: absolute;top: 0;left: 0;z-index:-100}
.banner-caption-s1 .center-text,.banner-home .banner-caption-s1 .center-text{max-width:560px;}
.banner-caption-s1 .center-text h1,.banner-home .banner-caption-s1 .center-text h1{color:#fff;}
.font60{font-size:60px!important;}
.banner-caption-s1 .center-text h1 span{font-size:50%;}
.banner-caption-s1 .center-text h1 span,.banner-home .banner-caption-s1 .center-text h1 span{color:#fff;font-weight:400;}
@media only screen and (min-width:240px) {
.banners {min-height:70vh;}
.banners::after{background-size:150px;}
}
@media only screen and (max-width:575px) {
.banners {min-height:55vh!important;}
.center-text p{display:none;}
.font60{font-size:40px!important;}
.btn-banner-holder .btn{padding:5px 10px 7px;font-size:13px;}
}
@media only screen and (min-width: 768px) {
.banners {min-height: 100vh;}
.banners::after{background-size:170px;}
}
@media only screen and (max-width: 991px) {
.banner-caption-s1 .center-text,.banner-home .banner-caption-s1 .center-text{max-width:600px;}
.banners{min-height:80vh;}
.font60{font-size:40px!important;}
}
@media only screen and (min-width: 1200px) {
.banners {min-height: 100vh;}
.banners::after{background-size:200px;}
}
@media only screen and (min-width: 1365px) {
.banners h1.font50{font-size:50px!important;}
}
@media only screen and (min-width: 1441px) {
.banners h1.font50{font-size:56px!important;}
}
.homeintro{background:url(images/x-p1.png) no-repeat right bottom #fff;}
.homeservebox::before{content:'';position:absolute;left:4%;top:4%;width:92%;height:92%;border:2px solid #fcf7e9;z-index:1;opacity:.05}
.uparchanda{position:relative;overflow: hidden;}
.uparchanda::before{content:'';position:absolute;width:70%;height:500px;border-radius:50%;background:#fcf7e9;left:50%;top:-50%;transform:translateX(-50%);z-index:0}

.linemen{position:fixed;bottom:0;z-index:3;}
.linemen.bottomleft{bottom:0;left:0;}
@keyframes moveDown {
from{animation-timing-function:linear;opacity:1;transform:translateX(-500px) translateY(-500px) rotate(45deg)}
to{animation-timing-function:linear;opacity:1;transform:translateX(500px) translateY(500px) rotate(45deg);background-color:var(--mainColor);}
}
@keyframes moveUp {
from{animation-timing-function:linear;opacity:1;transform:translateX(500px) translateY(500px) rotate(45deg)}
to{animation-timing-function:linear;opacity:1;transform:translateX(-500px) translateY(-500px) rotate(45deg);background-color:var(--mainColor);}
}
.line1{height:4px;background:#C8E6C9;width:400px;position:absolute;left:10px;bottom:60px;opacity:0;animation-name:moveDown;animation-duration:2s;animation-delay:0;animation-iteration-count:1}
.line2{height:4px;background:#ffffff;width:400px;position:absolute;left:0;bottom:0;opacity:0;animation-name:moveUp;animation-duration:3s;animation-delay:0;animation-iteration-count:1}
.line3{height:4px;background:#4CAF50;width:400px;position:absolute;left:-10px;bottom:-60px;opacity:0;animation-name:moveDown;animation-duration:4s;animation-delay:0s;animation-iteration-count:1}
.expimage{position:absolute;right:4%;bottom:120px;z-index:1;transform: scale(1);animation: pulse 2s infinite;}
@keyframes pulse {
0% {transform: scale(0.95);}
70% {transform: scale(1);}
100% {transform: scale(0.95);}
}
#rotates{margin:0;position:absolute;z-index:1;right:0;bottom:80px;width:300px;height:300px;}
#circle{position:relative;width:100%;padding-bottom:100%;overflow:hidden;}
#circle text{font-size:16px;color:var(--whiteColor);font-weight:400;letter-spacing:1px;text-transform: uppercase;}
#circle svg{position:absolute;left:0;top:0;width:100%;height:250px;-webkit-animation-name:rotate;-moz-animation-name:rotate;-ms-animation-name:rotate;-o-animation-name:rotate;animation-name:rotate;-webkit-animation-duration:2s;-moz-animation-duration:2s;-ms-animation-duration:2s;-o-animation-duration:2s;animation-duration:28s;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-moz-animation-timing-function:linear;-ms-animation-timing-function:linear;-o-animation-timing-function:linear;animation-timing-function:linear}
@-webkit-keyframes rotate {
from{-webkit-transform:rotate(360deg)}
to{-webkit-transform:rotate(0)}
}
@-moz-keyframes rotate {
from{-moz-transform:rotate(360deg)}
to{-moz-transform:rotate(20deg)}
}
@-ms-keyframes rotate {
from{-ms-transform:rotate(360deg)}
to{-ms-transform:rotate(0)}
}
@-o-keyframes rotate {
from{-o-transform:rotate(360deg)}
to{-o-transform:rotate(0)}
}
@keyframes rotate {
from{transform:rotate(360deg)}
to{transform:rotate(0)}
}
@media(max-width:991px){
#rotates{bottom:auto;top:0;}
}
@media(max-width:575px){
#rotates{height:200px;width:200px;}
#circle svg{height:200px;}
}
@media(max-width:575px){
#rotates{display:none;}
}

@media(min-width:1441px){
.servicehome{position: relative;margin-top:-200px;}
}
@media(max-width:1400px){
.servicehome{position: relative;margin-top:-170px;}
}
@media(max-width:1199px){
.servicehome{position: relative;margin-top:-140px;}
}
@media(max-width:991px){
.servicehome{position: relative;margin-top:15px;}
}
.service-block{border-radius: 5px 5px 0 0;overflow:hidden}
.service-block::after{content: "";position: absolute;bottom:0;left:0;width:100%;height:80%;background:linear-gradient(180deg,rgba(2,9,56,0) 0%,rgba(2,9,56,.7) 80%,#1d2244 100%);pointer-events: none;}
.service-block::before{content: "";position: absolute;bottom:0;left:0;width:100%;height:80%;background:url(images/logo-outline-banner.png) no-repeat bottom -20% center;background-size:60%;opacity:0;pointer-events: none;transition:var(--transition);}
.service-block:hover::before{opacity:.6;}

.service-block .service-intro{position: absolute;bottom:0;left:0;width:100%;z-index:1;padding:25px;transition: var(--transition);}
.service-block:hover .service-intro{padding-bottom:30px;}
.service-block .service-intro h3{font-size:24px;}
@media(max-width:575px){
.service-block .service-intro{position: absolute;bottom:0;left:0;width:100%;z-index:1;padding:10px;transition: var(--transition);}
.service-block:hover .service-intro{padding-bottom:20px;}
.service-block .service-intro h3{font-size:17px!important;}
.service-block .service-intro p{font-size:13px;line-height:1.4}
}

/* .technologystack li{padding:5px;}
.technologystack li img{border-radius:2px;} */

.portfolio-block::after{content: "";position: absolute;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(2,9,56,.2) 0%,rgba(2,9,56,.2) 100%);pointer-events: none;z-index:0;}
.portfolio-block .portfolio-intro{position: absolute;bottom:0;left:0;width:60%;height:100%;z-index:1;transition: var(--transition);}

@media(max-width:1199px){
.portfolio-block .portfolio-intro .h1{font-size:30px!important;}
.portfolio-block .portfolio-intro p{font-size:15px;}
}
@media(max-width:1199px){
.portfolio-block .portfolio-intro .h1{font-size:26px!important;}
}
@media(max-width:767px){
.portfolio-block .portfolio-intro{width: 80%;}
.portfolio-block .portfolio-intro .h1{font-size:22px!important;}
}
@media(max-width:575px){
.portfolio-block{height:400px;}
.portfolio-block .portfolio-intro .h1{font-size:20px!important;}
.portfolio-block .portfolio-intro p{font-size:13px;}
}

.application-block::after{content: "";position: absolute;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(2,9,56,0) 0%,rgba(2,9,56,.4) 100%);pointer-events: none;z-index:0;}
.application-block .application-intro{position: absolute;bottom:0;left:0;width:60%;height:100%;z-index:1;transition: var(--transition);}

@media(min-width:768px){
.application-block{height:65vh;}
}
@media(max-width:1199px){
.application-block .application-intro .h1{font-size:30px!important;}
.application-block .application-intro p{font-size:15px;}
}
@media(max-width:992px){
.application-block .application-intro .h1{font-size:26px!important;}
}
@media(max-width:767px){
.application-block .application-intro .h1{font-size:22px!important;}
.application-block .application-intro{width:85%;}
.application-block .application-intro .port-logo{max-width:200px;}
}
@media(max-width:575px){
.application-block{height:400px;}
.application-block .application-intro .h1{font-size:18px!important;}
.application-block .application-intro p{font-size:13px;}
}

.homebox{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.homebox.box1{background:#ffe6ec;}
.homebox.box2{background:#d9f0f8;}
.whatweblock{border:1px solid #fb90a2;border-bottom-width:2px;cursor:pointer;position:relative;top:0;transition:all ease-in-out .3s;}
.whatweblock:hover{top:-4px;}

.cover-wrapper .cover-block:before{content:'';position:absolute;height:100%;width:100%;background:rgba(1,7,44);opacity:.2;top:0;left:0;right:0;bottom:0;z-index:0;transition:var(--transition);}
.cover-wrapper .cover-block:hover:before{opacity:.3}
.cover-block{min-height:75vh}
.cover-wrapper .cover-block{position:relative;z-index:2;padding:0 50px 57px;display:flex;height:100%;flex-direction:column;justify-content:flex-end;color:var(--whiteColor);transition:var(--transition);}
.cover-wrapper .cover-block .featured-content{transition:transform .9s ease;-moz-transform:translateY(70px);-ms-transform:translateY(70px);-webkit-transform:translateY(70px);transform:translateY(70px)}
.cover-wrapper .cover-block:hover .featured-content{-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}

.cover-wrapper .featured-content .featured-title h3{position:relative;font-size:26px;color:var(--whiteColor);font-weight:600;}
.cover-wrapper .featured-content .featured-desc p{margin-bottom:30px}
.cover-wrapper .featured-content .btn{opacity:0;}
.cover-wrapper .cover-block:hover .featured-content .btn{opacity:1;}
@media (max-width:1024px) {
.cover-wrapper{display:block;background-color:transparent}
.cover-wrapper .cover-block{padding:15px;border-right:none;height:auto;min-height:50vh;}
.cover-wrapper .cover-block .coverbox-img-reposive{display:inline-flex;position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}
.cover-wrapper .cover-block .coverbox-img-reposive img{width:100%;height:100%;object-fit: cover;}
.cover-wrapper .tm_coverbox_img{display:none}
}

.main-banner-area-wrap{overflow:hidden;position:relative;z-index:1;min-height:700px}
.whitepsudo::before,.whitepsudo::after{content:'';position:absolute;left:0;width: 100%;height:20%;background:var(--main-color3);pointer-events: none;z-index:-1;}
.whitepsudo::before{top:0;}
.whitepsudo::after{opacity:0;}

@media(max-width:1440px){
.main-banner-area-wrap{min-height:500px}
}
@media(max-width:1366px){
.main-banner-area-wrap{min-height:480px}
}
@media(max-width:1199px){
.main-banner-area-wrap{min-height:400px}
}
@media(max-width:991px){
.main-banner-area-wrap{min-height:300px}
}
@media(max-width:767px){
.main-banner-area-wrap{min-height:200px}
}
@media(max-width:575px){
.main-banner-area-wrap{min-height:100px}
}

.bandefacto .item{position:relative;display:flex;align-items:center;}
/* .bandefacto .item::before{position:absolute;width:90%;height:100%;content:'';background: linear-gradient(-90deg,rgba(0,0,0,.0) 0%,rgba(0,0,0,1) 100%);pointer-events:none;z-index:0;} */
.sthtr{text-decoration: line-through;opacity: .5;}
.bulleya li{position:relative;padding-left:20px;list-style:none}
.bulleya li::before{content:'';position:absolute;left:0;top:10px;width:8px;height:8px;background:var(--main-color);}

.blogposts .parr:nth-child(1) .row .col-12.col-md-12.col-lg-5,.blogposts .parr:nth-child(1) .row .col-12.col-md-12.col-lg-7,.blogposts .parr:nth-child(2) .row .col-12.col-md-12.col-lg-5,.blogposts .parr:nth-child(2) .row .col-12.col-md-12.col-lg-7{width:100%;}
.blogposts .parr:nth-child(3) .ada,.blogposts .parr:nth-child(4) .ada{background:#f9fbff;}
.object-start{object-position: left;}
.pichold{height:180px;overflow:hidden;}

.zoomer-video{height:300px;overflow: hidden;}
.zoomer-video img{width:100%;height:100%;object-fit: cover;object-position:center;}
.mess{height:110px;overflow:hidden;margin-bottom:30px;}

/* .add-to {background: #fff;width:100%;height:60px;position: fixed;z-index:1010;bottom:0;font-size: 24px;padding:15px 5px;box-shadow: 5px 20px 50px 5px rgba(0, 0, 0, 0.4);}
.add-to-btn {color: white;border: none;outline:none;font-weight:500;width: 100%;font-size:14px;display:flex;justify-content: center;padding-right: 30px;align-items: center;position:relative;}
.add-to-btn a{display:block;color:#333;text-transform:uppercase;}
.closeer{position:absolute;right:0;top:0;z-index:4;width:26px;height:26px;color:#fff;top:50%;transform: translateY(-50%);}
.closeer:hover{opacity:1}
.closeer:before,.closeer:after{position:absolute;top: 3px;left:15px;content:' ';height:20px;width:2px;background-color:#555}
.closeer:before{transform:rotate(45deg)}
.closeer:after{transform:rotate(-45deg)} */

.homelink .svji{width:30px;height:30px;}

.vblock{position:relative;margin-bottom:30px;}
.vinner{border-radius:12px;position:relative;width:100%;height:100%;height:322px;overflow:hidden;}
.vposter{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;overflow:hidden;}
.vposter img{width:100%;height: 100%;object-fit: cover;}

.videoloading{position:absolute;top:0;left:0;background:var(--main-color3);color:#fff;padding:6px 12px;border-radius:4px;font-size:14px;z-index:20;pointer-events:none;width:100%;  height:100%;display:flex;align-items:center;justify-content:center;opacity:.9;}

.vmum{position:absolute;right:10px;top:5px;cursor:pointer;z-index:1;}
.mute,.unmute{display:none;}
.mute img,.unmute img{width:30px;height:30px;}
.vblock video{height:100%;-o-object-fit:cover;object-fit:cover;border-radius:12px;transition:transform 1s ease}
.playbtn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.vblock:nth-child(even){margin-top:55px}
.vcaption{text-align:center;padding-top:20px;width:100%;}
.vcaption span{display:block;color:#fff;}
@media (max-width:1399px) {
.vblock video,.vinner{width:180px;height:277px}
}
@media (max-width:1199px) {
.vblock video,.vinner{width:100%;height:231px}
}
@media (max-width:991px) {
.vinner,.vposter,.vblock video{width:100%;height:348px;}
}
@media (max-width:991px) {
.vinner,.vposter,.vblock video{width:100%;height:391px;}
}
@media (max-width:575px) {
.vinner,.vposter,.vblock video{width:100%;height:280px;}
}
.bgef{background:#efefef;}
#actechstack .accordion{min-height:300px;}
#actechstack .nav .nav-link{text-align: left;color:#fff;font-size:18px;font-weight:500;transition:var(--transition);padding:10px;position:relative;}
#actechstack .nav .nav-link::before{content:'\f134';font-family:'bootstrap-icons';position:absolute;right:-10px;top:50%;transition:var(--transition);transform:translateY(-50%);color:#fff;font-size:22px;opacity:0;}
#actechstack .nav .nav-link.active::before{right:10px;opacity:1;}
#actechstack .nav .nav-link + .nav-link {margin-top:10px;}
#actechstack .nav .nav-link:not(.active):hover{background:rgba(0,0,0,.1);}
#actechstack .nav-link.active{background:rgba(0,0,0,.2);}
@media(min-width:992px){
#actechstack .collapse{display:block}
}
#v-pills-tabContenttech .accordion-button, #v-pills-tabContenttech .accordion-button:not(.collapsed){background-color:#0d6efd;padding:5px 10px;border-radius:3px;color:#fff;font-size: 17px;font-weight:500;}
@media(max-width:991px){
.tab-pane{display:block;}
#v-pills-tabContenttech .tab-pane + .tab-pane{margin-top:10px;}
#v-pills-tabContenttech .accordion-body{padding:0;}
}
@media(max-width:767px){
#v-pills-tabContenttech .accordion-button, #v-pills-tabContenttech .accordion-button:not(.collapsed){font-size:15px;}
}