/** banner-section **/
.banner-carousel .slide-item{ background-repeat:no-repeat; background-position:center; background-size:cover; }
.banner-carousel .slide-item:before{ position:absolute; content:''; width:100%; height:100%; background:#000; top:0px; right:0px; z-index:1; opacity:0.8; }
.banner-carousel .theme-btn.btn-two{ margin-left:10px; }
.banner-carousel .slide-item .image-layer{ left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition:all 6000ms linear; -moz-transition:all 6000ms linear; -ms-transition:all 6000ms linear; -o-transition:all 6000ms linear; transition:all 6000ms linear; }
.banner-carousel .active .slide-item .image-layer{ -webkit-transform:scale(1.15); -ms-transform:scale(1.15); transform:scale(1.15); }
.banner-carousel .slide-item .bg-layer{ left:0px; top:0px; width:100%; height:100%; background-size:cover; background-repeat:no-repeat; background-position:center; }


.banner-carousel .content-box h1 { color:white; display:block; font-size:68px; line-height:76px; margin-bottom:35px; font-weight:800; opacity:0; -webkit-transform:translateY(100px); -moz-transform:translateY(100px); -ms-transform:translateY(100px); -o-transform:translateY(100px); transform:translateY(100px); -webkit-transition:all 1000ms ease; -moz-transition:all 1000ms ease; -ms-transition:all 1000ms ease; -o-transition:all 1000ms ease; transition:all 1000ms ease; }
.banner-carousel .active .content-box h1{ opacity:1; -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0); -webkit-transition-delay:1000ms; -moz-transition-delay:1000ms; -ms-transition-delay:1000ms; -o-transition-delay:1000ms; transition-delay:1000ms; }
.banner-carousel .content-box h2 { color:white; display:block; font-size:36px; line-height:46px; margin-bottom:50px; font-weight:400; opacity:0; -webkit-transform:translateY(100px); -moz-transform:translateY(100px); -ms-transform:translateY(100px); -o-transform:translateY(100px); transform:translateY(100px); -webkit-transition:all 1000ms ease; -moz-transition:all 1000ms ease; -ms-transition:all 1000ms ease; -o-transition:all 1000ms ease; transition:all 1000ms ease; }
.banner-carousel .active .content-box h2{ opacity:1; -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0); -webkit-transition-delay:1200ms; -moz-transition-delay:1200ms; -ms-transition-delay:1200ms; -o-transition-delay:1200ms; transition-delay:1200ms; }
.banner-carousel .content-box .btn-box{ position:relative; opacity:0; -webkit-transform:translateY(100px); -moz-transform:translateY(100px); -ms-transform:translateY(100px); -o-transform:translateY(100px); transform:translateY(100px); -webkit-transition:all 1000ms ease; -moz-transition:all 1000ms ease; -ms-transition:all 1000ms ease; -o-transition:all 1000ms ease; transition:all 1000ms ease; }
.banner-carousel .active .content-box .btn-box{ opacity:1; -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0); -webkit-transition-delay:1400ms; -moz-transition-delay:1400ms; -ms-transition-delay:1400ms; -o-transition-delay:1400ms; transition-delay:1400ms; }


.sec-title { margin-bottom:35px; text-align:center; }
.sec-title h2 { position:relative; display:block; font-size:42px; line-height:50px; font-weight:800; color:#000; }


.owl-dots-none .owl-dots,
.owl-nav-none .owl-nav{ display:none !important; }

.owl-nav button{ background:transparent; }

.banner-section.style-one .banner-carousel .owl-nav{ position:absolute; right:250px; bottom:140px; }

.banner-carousel .owl-nav button{ position:absolute; display:inline-block; width:60px; height:60px; line-height:62px; border:solid; border-width:2px; border-color:#fff; text-align:center; border-radius:50%; font-size:16px; color:#fff; cursor:pointer; transition:all 500ms ease; }

.banner-carousel .owl-nav button:hover{}

.banner-carousel .owl-nav button.owl-prev{ right:10px; }

.banner-section .banner-social{ position:absolute; left:240px; bottom:90px; z-index:2; }
.banner-section .banner-social li{ position:relative; display:inline-block; }
.banner-section .banner-social li a{ position:relative; display:inline-block; width:44px; height:44px; line-height:44px; font-size:16px; color:#cccccc; text-align:center; border-radius:50%; }
.banner-section .banner-social li a:hover{ background:#32992b; color:#fff; }


/** feature-section **/

.feature-block-one .inner-box{ overflow:hidden; }

.feature-block-one .inner-box .image-box{ overflow:hidden; background:#000000; }

.feature-block-one .inner-box .image-box img{ width:100%; transition:all 500ms ease; }

.feature-block-one .inner-box:hover .image-box img{ opacity:0.5; transform:scale(1.05); }

.feature-block-one .inner-box .text{ left:20px; bottom:25px; width:calc(100% - 40px); opacity:1; }

.feature-block-one .inner-box:hover .text{ bottom:-125px; opacity:0; }

.feature-block-one .inner-box .text:before{ position:absolute; content:''; width:25px; height:25px; right:-1px; bottom:0px; clip-path:polygon(0% 100%, 100% 0%, 100% 100%, 0% 100%, 0% 0%); }

.feature-block-one .inner-box .overlay-content{ left:0px; top:0px; width:100%; opacity:0; }

.feature-block-one .inner-box:hover .overlay-content{ opacity:1; top:50%; transform:translateY(-50%); }

.feature-block-one .inner-box h3 a:hover{ text-decoration:underline; }

.feature-block-one .inner-box .overlay-content h3 a:before{ position:absolute; content:''; background:#fff; width:50px; height:1px; left:-66px; top:15px; }

.bg-color-1{ background:#f8f7f4; }





.team-style1 { position:relative; display:block; _background:#f5f5f5; padding:130px 0 70px; z-index:10; }
.team-style1__inner { position:relative; display:block; }
.team-style1__top { position:relative; display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:57px; }
.team-style1__top .sec-title { padding-bottom:0px; }
.team-style1__top .btn-box { position:relative; display:block; margin-bottom:13px; }

.single-team-style1 { position:relative; display:block; margin-bottom:60px; }
.single-team-style1 .img-holder { position:relative; display:block; overflow:hidden; }
.single-team-style1 .img-holder .inner { position:relative; display:block; overflow:hidden; }
.single-team-style1 .img-holder .inner::before { content:""; position:absolute; left:0; bottom:0; right:0; height:245px; background:linear-gradient(180deg, rgba(32, 32, 32, 0) 0%, #202020 100%); opacity:1; transform:perspective(400px) rotateX(0deg) translateY(0px); transform-origin:center; transform-style:preserve-3d; transition:background-color 0.5s ease; transition:all 0.5s ease; z-index:1; }
.single-team-style1:hover .img-holder .inner::before { opacity:0; transform:perspective(400px) rotateX(0deg) translateY(100%); transition:all 0.4s ease-in-out 0.1s; }
.single-team-style1 .img-holder .inner::after { content:""; position:absolute; left:0; bottom:0; right:0; opacity:0; height:100%; background:linear-gradient(180deg, rgba(24, 41, 120, 0) 0%, #182978 77.08%); transform:perspective(400px) rotateX(10deg) translateY(40px); transform-origin:center; transform-style:preserve-3d; transition:all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52); z-index:1; }
.single-team-style1:hover .img-holder .inner::after { opacity:1; transform:perspective(400px) rotateX(0deg) translateY(0%); transition:all 0.4s ease-in-out 0.1s; }
.single-team-style1 .img-holder .inner img { width:100%; transform:scale(1.0); -webkit-transition:all 0.4s cubic-bezier(0.3, 0.02, 0, 0.6); transition:all 0.4s cubic-bezier(0.3, 0.02, 0, 0.6); }
.single-team-style1:hover .img-holder .inner img { transform:scale(1.03); transition:all 0.5s cubic-bezier(0.62, 0.21, 0.45, 1.52); }

.single-team-style1 .img-holder .inner .overlay-box { position:absolute; left:40px; bottom:41px; transition:all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52); z-index:5; }
.single-team-style1:hover .img-holder .inner .overlay-box { padding-bottom:80px; }
.single-team-style1 .img-holder .inner .overlay-box h3 { color:#ffffff; font-size:18px; line-height:28px; font-weight:600; }
.single-team-style1 .img-holder .inner .overlay-box h3 a { color:#ffffff; }
.single-team-style1 .img-holder .inner .overlay-box span { color:#ffffff; font-size:15px; line-height:28px; font-weight:500; font-family:var(--thm-font); }

.single-team-style1 .overlay-content { position:absolute; left:40px; bottom:50px; opacity:1; transform:perspective(400px) rotateX(0deg) translateY(100px); transform-origin:center; transform-style:preserve-3d; transition:all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52); cursor:pointer; z-index:10; }
.single-team-style1:hover .overlay-content { opacity:1; transform:perspective(400px) rotateX(0deg) translateY(0%); transition:all 0.4s ease-in-out 0.1s; }
.single-team-style1 .overlay-content .share-btn { position:relative; display:flex; align-items:center; justify-content:center; width:45px; height:45px; color:#ffffff; font-size:20px; border-radius:2px; background-color:#ff7a00; cursor:pointer; }


.team-social-link { position:absolute; top:0; left:0; width:220px; padding-left:55px; opacity:0; visibility:hidden; transform:perspective(400px) rotateX(0deg) translateX(-50px); transition:all 500ms ease; }
.single-team-style1 .overlay-content:hover .team-social-link { opacity:1; visibility:visible; transform:perspective(400px) rotateX(0deg) translateY(0px); }
.team-social-link ul { position:relative; display:block; }
.team-social-link ul li { position:relative; float:left; margin-right:10px; transition:all 500ms linear; transition-delay:0.1s; }
.team-social-link ul li:last-child { margin-right:0; }
.team-social-link ul li a { position:relative; display:flex; align-items:center; justify-content:center; height:45px; width:45px; background:rgba(255, 255, 255, 0.20); border-radius:2px; color:#ffffff; font-size:20px; text-align:center; transition:all 200ms linear; transition-delay:0.1s; z-index:1; }
.team-social-link ul li:hover a { color:#ff7a00; background-color:#ffffff; }













/** project-section **/

.project-block-one .inner-box .image-box{ overflow:hidden; }

.project-block-one .inner-box .image-box img{ width:100%; }

.project-block-one .inner-box .image-box h2{ right:0px; bottom:16px; opacity:0; }

.project-block-one .inner-box:hover .image-box h2{ right:20px; opacity:1; }

.project-block-one .inner-box .image-box h2:before{ position:absolute; content:''; background:#fff; width:50px; height:1px; left:-65px; top:48px; }

.project-block-one .inner-box .image-box:before{ position:absolute; content:''; width:100%; height:100%; left:0px; top:0px; opacity:0.9; z-index:1; clip-path:polygon(0% 100%, 100% 0%, 100% 100%, 0% 100%, 0% 0%); transition:all 500ms ease; transform:scaleX(0); transform-origin:right center; }

.project-block-one .inner-box:hover .image-box:before{ transform:scaleX(1); }

.project-block-one .inner-box .text h3 a:hover{ padding-left:65px; }

.project-block-one .inner-box .text h3 a:before{ position:absolute; content:''; width:50px; height:1px; left:0px; top:15px; opacity:0; }

.project-block-one .inner-box .text h3 a:hover:before{ opacity:1; }

.project-section .owl-nav{ position:absolute; top:40%; transform:translateY(-50%); left:0px; width:100%; }

.project-section .owl-nav button{ position:absolute; display:inline-block; width:60px; height:60px; line-height:60px; font-size:16px; border-radius:50%; border:solid; border-width:2px; border-color:#dddddd; color:#dddddd; text-align:center; transition:all 500ms ease; }

.project-section .owl-nav button:hover{ color:#fff; }

.project-section .owl-nav button.owl-prev{ left:-105px; }

.project-section .owl-nav button.owl-next{ right:-105px; }


/** skills-section **/

.skills-section{ width:100%; background-size:cover; background-repeat:no-repeat; background-position:center; background-attachment:fixed; }

.skills-section:before{ position:absolute; content:''; background:#000; width:100%; height:100%; left:0px; top:0px; opacity:0.9; }

.progress-box{ position:relative; display:block; margin-bottom:22px; }

.progress-box:last-child{ margin-bottom:0px; }

.progress-box .bar{ position:relative; width:100%; height:28px; }

.progress-box .bar-inner{ position:relative; display:block; border-radius:0px; width:0px; height:28px; bottom:0px; -webkit-transition:all 1500ms ease; -ms-transition:all 1500ms ease; -o-transition:all 1500ms ease; -moz-transition:all 1500ms ease; transition:all 1500ms ease; 
}

.progress-box:nth-child(2) .bar-inner{

}

.progress-box:nth-child(2) .bar-inner:before{

}

.progress-box .bar-inner:before{ position:absolute; content:''; top:0px; right:-10px; width:10px; height:100%; clip-path:polygon(0% 0%, 100% 50%, 0% 100%, 0% 100%, 0% 0%); }

.progress-box h5{ left:0px; top:0px; }

.progress-box .count-text{ left:10px; top:0px; }

.skills-section .inner-content .single-item .icon-box{ min-height:65px; }

.skills-section .inner-content .single-item:before{ position:absolute; content:''; width:18px; height:18px; right:0px; bottom:0px; clip-path:polygon(0% 100%, 100% 0%, 100% 100%, 0% 100%, 0% 0%); transition:all 500ms ease; }

.skills-section .inner-content .single-item:hover:before{ width:100%; height:100%; background:rgba(217, 170, 47, 0.12); }

.skills-section .skills-inner{ border-bottom:1px solid #444444; }

.counter-block-one .inner-box .icon-box{ left:0px; top:10px; }

.counter-block-one .inner-box:hover .icon-box{

}

.counter-block-one .inner-box:before{ position:absolute; content:''; width:1px; height:90px; top:3px; right:15px; background:#444444; }

.counter-block:last-child .counter-block-one .inner-box:before{ display:none; }

.award-block-one .inner-box .image img{ width:100%; }

.award-block-one .inner-box .image-box .text{ left:120px; bottom:35px; width:calc(100% - 240px); }

.award-block-one .inner-box .image-box .text h3 a:hover{

}

.award-block-one .inner-box .image-box .text:before { position:absolute; content:''; width:25px; height:25px; right:-1px; bottom:0px; clip-path:polygon(0% 100%, 100% 0%, 100% 100%, 0% 100%, 0% 0%); }

.award-section .award-box{ left:50%; transform:translateX(-50%); bottom:135px; width:290px; }

.award-section .award-box .inner{

}


/** service-section **/

.service-section .inner-content{ margin-right:-230px; margin-left:10px; }

.service-section .pattern-layer{ width:1235px; height:100%; background-size:cover; background-repeat:no-repeat; background-position:center; }

.service-block-one .inner-box .image-box{ overflow:hidden; }

.service-block-one .inner-box:hover .image-box{ transform:scaleY(1.1); }

.service-block-one .inner-box .image-box:before { position:absolute; content:''; width:100%; height:100%; background:-webkit-linear-gradient(-90deg, rgba(0,0,0,0.0) 50%, rgba(0,0,0,0.9) 100%); top:0px; right:0px; z-index:1; }


.service-block-one .inner-box .image-box:after{ position:absolute; content:''; width:100%; height:100%; left:0px; top:0px; opacity:0.9; z-index:1; clip-path:polygon(0% 100%, 100% 0%, 100% 100%, 0% 100%, 0% 0%); transition:all 500ms ease; transform:scaleX(0); transform-origin:right center; }

.service-block-one .inner-box:hover .image-box:after{ transform:scaleX(1); }

.service-block-one .inner-box .image-box img{ width:100%; }

.service-section .service-block{ padding:0px 5px; }

.service-block-one .inner-box .text{ width:100%; }

.service-block-one .inner-box:hover .text{ padding-bottom:0px; }

.service-block-one .inner-box:hover .text h2 a{ padding-left:55px; }

.service-block-one .inner-box .text h2 a:before{ position:absolute; content:''; background:#fff; width:40px; height:1px; left:0px; top:22px; opacity:0; transition:all 500ms ease; }

.service-block-one .inner-box:hover .text h2 a:before{ opacity:1; }


/** team-section **/
/*
.team-block-one .inner-box:hover .lower-content{ box-shadow:0px 0px 30px 0px rgb(0 0 0 / 10%); }

.team-block-one .inner-box .image-box{ overflow:hidden; }

.team-block-one .inner-box .image-box img{ width:100%; }

.team-block-one .inner-box .image-box .social-links li a{ color:#888888; }

.team-block-one .inner-box .image-box .social-links{ right:-50px; opacity:0; }

.team-block-one .inner-box:hover .image-box .social-links{ right:0px; opacity:1; }

.team-block-one .inner-box .image-box .support-box{ bottom:-54px; opacity:0; width:calc(100% - 70px); }

.team-block-one .inner-box:hover .image-box .support-box{ bottom:0px; opacity:1; }

.team-block-one .inner-box .image-box .support-box h4 a:hover{ text-decoration:underline; }
*/

/** testimonial-section **/

.testimonial-section .sub-title{ text-transform:uppercase; }

.testimonial-section{ width:100%; background-size:cover; background-repeat:no-repeat; background-position:center; background-attachment:fixed; }

.testimonial-section:before{ position:absolute; content:''; background:#000; width:100%; height:100%; left:0px; top:0px; opacity:0.9; }

.testimonial-section .inner-content{ position:relative; max-width:1050px; margin:0 auto; }

.testimonial-section .testimonial-content .text{ border:1px solid #fff; border-bottom:none; }

.testimonial-section .testimonial-content .text:before{ position:absolute; content:''; background:#fff; width:calc(50% - 13px); height:1px; left:0px; bottom:0px; }

.testimonial-section .testimonial-content .text:after{ position:absolute; content:''; background:#fff; width:calc(50% - 13px); height:1px; right:0px; bottom:0px; }

.testimonial-section .testimonial-content .text .shape{ left:50%; transform:translateX(-50%) rotate(225deg); bottom:-9px; width:19px; height:19px; border-top:1px solid #fff; border-left:1px solid #fff; }

.testimonial-section .testimonial-content .quote{ color:transparent; background:-webkit-linear-gradient(0deg, #d2a52e, #ebe31f 50%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }

.testimonial-section .testimonial-content .author-thumb img{ width:100%; border-radius:50%; }

.testimonial-section .testimonial-content .author-box{ text-align:left; }

.testimonial-section .owl-theme .owl-dots .owl-dot span{ width:10px; height:10px; border-radius:50%; background:rgba(255, 255, 255, 0.20); }

.testimonial-section .owl-theme .owl-dots .owl-dot.active span,
.testimonial-section .owl-theme .owl-dots .owl-dot span:hover{}


/** subscribe-section **/
.subscribe-section { position:relative; padding-left:60px; padding-right:60px; }
.subscribe-section .outer-container { position:relative; background:#32992b; padding-top:60px; padding-bottom:60px; }
.subscribe-section .form-inner .form-group input[type='email']{ width:100%; height:58px; padding-left:20px; color:#555555; }
.subscribe-section .form-inner .form-group button { position:absolute; top:13px; right:13px; width:58px; height:58px; font-size:24px; background:#021f3d; color:#fff; border-radius:2px; text-align:center; cursor:pointer; transition:all 500ms ease; }
.subscribe-section .form-inner .form-group input:focus + button,
.subscribe-section .form-inner .form-group button:hover { background:#32992b !important; }
.subscribe-section .pattern-layer{ background-size:cover; background-repeat:repeat-x; width:100%; height:100%; animation:slide 60s linear infinite; -webkit-animation:slide 60s linear infinite; }

@keyframes slide{ from { background-position:0 0; }
    to { background-position:1920px 0; }
}

@-webkit-keyframes slide{ from { background-position:0 0; }
    to { background-position:1920px 0; }
}

.subscribe-section .bg-shape{ width:100%; height:50px; background:#1e1e1e; }

.bg-color-2{ background:#122243; }


/** banner-style-two **/

.banner-section.style-two .slide-item:before{ display:none; }

.banner-section .image-layer-2{ width:50%; height:100%; background-size:cover; background-repeat:no-repeat; background-position:left center; }

.banner-section.style-two .content-box{ max-width:700px; }

.banner-carousel .content-box h3{ opacity:0; -webkit-transform:translateY(-100px); -moz-transform:translateY(-100px); -ms-transform:translateY(-100px); -o-transform:translateY(-100px); transform:translateY(-100px); -webkit-transition:all 1000ms ease; -moz-transition:all 1000ms ease; -ms-transition:all 1000ms ease; -o-transition:all 1000ms ease; transition:all 1000ms ease; }

.banner-carousel .active .content-box h3{ opacity:1; -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0); -webkit-transition-delay:1000ms; -moz-transition-delay:1000ms; -ms-transition-delay:1000ms; -o-transition-delay:1000ms; transition-delay:1000ms; }

.banner-carousel .content-box h3 i{ position:absolute; left:0px; top:9px; font-size:14px; }

.banner-section.style-two .banner-carousel .owl-nav{ right:inherit; bottom:1500px; left:250px; }

.banner-section.style-two .banner-carousel .owl-nav{ position:absolute; left:317px; bottom:180px; }

.banner-section .pattern-layer{ width:100%; height:100%; background-size:cover; background-repeat:repeat-x; animation:slide 60s linear infinite; -webkit-animation:slide 60s linear infinite; }


/** funfact-style-two **/

.funfact-style-two{ background:#192e5b; }
.funfact-style-two .shape-layer{ width:calc(50% - 60px); height:140px; clip-path:polygon(0% 0%, 100% 0%, 96% 100%, 0% 100%, 0% 0%); }
.funfact-style-two .pattern-layer{ width:100%; height:100%; background-size:cover; background-repeat:no-repeat; }

.feature-style-two { position:relative; padding:100px 0px; }
.feature-block-two .inner-box { min-height:480px; _overflow:hidden; padding:40px 45px 25px 45px; position:relative; display:block; background:white; }
.feature-block-two .inner-box .shape{ width:358px; height:179px; background-repeat:no-repeat; }
.feature-block-two .inner-box h3:before{ position:absolute; content:''; background:#eeeeee; width:100%; height:1px; left:-45px; bottom:0px; }
.feature-block-two .inner-box .icon-box{ position:relative; display:block; margin-bottom:20px; transition:.5s; }
.feature-block-two .inner-box:hover .icon-box{ color:#192e5c; }
.feature-block-two .inner-box:before{ position:absolute; content:''; width:25px; height:25px; right:10px; bottom:10px; clip-path:polygon(0% 100%, 100% 0%, 100% 100%, 0% 100%, 0% 0%); transition:all 500ms ease; }
.feature-block-two .inner-box:hover:before{ background:#192e5c; }
.feature-block-two .inner-box:hover{ transform:translateY(-10px); }



/** featured-projects **/


.featured-projects .image-box img{ width:100%; }

.featured-projects .image-box:before{ position:absolute; content:''; width:15px; height:calc(100% - 80px); right:0px; top:40px; }

.featured-projects .image-box{ margin-left:-30px; }

.featured-projects .owl-nav{ position:absolute; top:40%; transform:translateY(-50%); left:0px; width:100%; }

.featured-projects .owl-nav button{ position:absolute; display:inline-block; width:60px; height:60px; line-height:60px; font-size:16px; border-radius:50%; background:#fff; color:#999999; text-align:center; transition:all 500ms ease; }

.featured-projects .owl-nav button.owl-prev{ left:0px; }

.featured-projects .owl-nav button.owl-next{ right:0px; }

.featured-projects .owl-nav button:hover{ color:#fff; }

.featured-projects .pattern-layer{ width:1065px; height:100%; background-size:cover; background-repeat:no-repeat; }


/** video-section **/

.video-section .bg-layer{ width:100%; height:calc(100% - 60px); background-size:cover; background-repeat:no-repeat; background-position:top center; background-attachment:fixed; }

.video-section .bg-layer:before{ position:absolute; content:''; background:#000; width:100%; height:100%; left:0px; top:0px; opacity:0.65; }

.video-section .content-box .text p:before{ position:absolute; content:''; background:#eeeeee; width:180px; height:1px; left:0px; bottom:0px; }

.border-animation { position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid rgba(255,255,255,.5); -webkit-border-radius:50%; -khtml-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; border-radius:50%; animation:squares 2.9s linear 0s infinite; -webkit-animation:squares 2.9s linear 0s infinite; -ms-animation:squares 2.9s linear 0s infinite; -o-animation:squares 2.9s linear 0s infinite; -webkit-animation-play-state:running; -moz-animation-play-state:running; -o-animation-play-state:running; animation-play-state:running; opacity:0; }

.border-animation.border-2 { -webkit-animation-delay:1s; -moz-animation-delay:1s; -o-animation-delay:1s; animation-delay:1s; }

.border-animation.border-3 { -webkit-animation-delay:2s; -moz-animation-delay:2s; -o-animation-delay:2s; animation-delay:2s; }

.video-section .video-inner .video-btn a{ position:relative; display:inline-block; width:100px; height:100px; line-height:100px; background:#fff; text-align:center; font-size:30px; color:#222; border-radius:50%; }


/** amenities-section **/
.amenities-section {}
.amenities-section .sec-title h3 { text-align:center; font-size:36px; line-height:48px; font-weight:800; margin-bottom:30px; }
.amenities-section .inner-box { position:relative; display:block; padding-left:40px; padding-right:40px; }
.amenities-section .cloud-type { margin-bottom:50px; }
.amenities-section .list-item li{ width:33.333%; }
.amenities-section .list-item li .single-item { position:relative; display:block; padding-top:40px; padding-bottom:45px; _border-bottom:1px solid #eeeeee; border-right:1px solid #eeeeee; transition:.5s; }
.amenities-section .list-item li .single-item .inner { position:relative; padding:20px 20px 20px 130px; margin-left:50px; }
.amenities-section .list-item li .single-item .icon-box { color:#4864a1; background:#f9f4f4; }
.amenities-section .list-item li .single-item .icon-box:before{ position:absolute; content:''; border:7px solid #f6f9ff; width:calc(100% + 14px); height:calc(100% + 14px); left:-7px; top:-7px; border-radius:50%; transition:all 500ms ease; }
.amenities-section .list-item li:nth-child(7) .single-item,
.amenities-section .list-item li:nth-child(8) .single-item,
.amenities-section .list-item li:last-child .single-item{ border-bottom:none; }
.amenities-section .list-item li:nth-child(3) .single-item,
.amenities-section .list-item li:nth-child(6) .single-item,
.amenities-section .list-item li:last-child .single-item{ border-right:none; }
.amenities-section .list-item li .single-item:hover{ background:#32992b; }
.amenities-section .list-item li .single-item:hover .icon-box{ background:#fff; }
.amenities-section .list-item li .single-item:hover .icon-box:before{ border-color:rgba(255, 255, 255, 0.22); }
.amenities-section .list-item li .single-item h4 { display:block; font-size:20px; line-height:30px; font-weight:600; transition:all 500ms ease; }
.amenities-section .list-item li .single-item p { font-size:16px; line-height:24px; transition:all 500ms ease; }
.amenities-section .list-item li .single-item:hover h4,
.amenities-section .list-item li .single-item:hover p { color:#fff; }
.amenities-section .list-item li .single-item:before{ position:absolute; content:''; background:rgba(255, 255, 255, 0.10); width:0%; height:0%; right:0px; bottom:0px; clip-path:polygon(0% 100%, 100% 0%, 100% 100%, 0% 100%, 0% 0%); transition:all 500ms ease; }
.amenities-section .list-item li .single-item:hover:before{ width:100%; height:100%; }
.amenities-section .list-item li .single-item:after{ position:absolute; content:''; background:rgba(255, 255, 255, 1); width:15px; height:15px; right:15px; bottom:15px; opacity:0; clip-path:polygon(0% 100%, 100% 0%, 100% 100%, 0% 100%, 0% 0%); transition:all 500ms ease; }
.amenities-section .list-item li .single-item:hover:after{ opacity:1; }



/** project-style-two **/

.project-style-two .bg-layer{ background:#f1f1f1; width:68%; height:100%; clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 30% 0%); }

.project-style-two .pattern-layer{ width:60%; height:100%; background-repeat:no-repeat; background-size:cover; }

.project-style-two .sec-title .theme-btn{ border:2px solid #192e5c; }

.project-style-two .sec-title .theme-btn:hover{ color:#fff; border-color:#d9aa2f; }

.project-style-two .sec-title .theme-btn i{ transition:all 500ms ease; }

.project-style-two .sec-title .theme-btn:hover i{ color:#fff; }

.project-style-two .owl-carousel .owl-stage-outer{ overflow:visible; }

.project-style-two .owl-carousel { max-width:1000px; margin:0 auto; width:100%; display:block; }

.project-block-two .inner-box .lower-content{ max-width:470px; margin:0 auto; width:100%; text-align:center; opacity:0; }

.project-style-two .owl-carousel .owl-stage-outer .owl-item.active .project-block-two .inner-box .lower-content{ opacity:1; }

.project-block-two .inner-box .lower-content .inner{ background:#192e5c; margin-top:-170px; }

.project-block-two .inner-box .image-box img{ width:100%; }

.project-block-two .inner-box .lower-content h2:before{ position:absolute; content:''; background:#fff; width:70px; height:1px; left:50%; transform:translateX(-50%); bottom:0px; }

.project-style-two .owl-theme .owl-dots{ position:relative; display:block; text-align:center; margin-top:0px; }

.project-style-two .owl-theme .owl-dots .owl-dot span{ width:10px; height:10px; border-radius:50%; background:#c6cad3; transition:all 500ms ease; }

.project-style-two .owl-theme .owl-dots .owl-dot.active span,
.project-style-two .owl-theme .owl-dots .owl-dot span:hover{ transform:scale(1.2); }



/** contact-section **/

.contact-section .content-box .sec-title .upper-text i{ position:absolute; left:0px; top:5px; font-size:14px; line-height:20px; }

.contact-section .form-inner .form-group input[type='text'],
.contact-section .form-inner .form-group input[type='email'],
.contact-section .form-inner .form-group textarea{ position:relative; width:100%; height:64px; border:solid; border-width:2px; border-color:rgba(255, 255, 255, 0.30); border-radius:3px; font-size:18px; color:#fff; padding:10px 20px; background:transparent; transition:all 500ms ease; }

.contact-section .form-inner .form-group textarea{ height:150px; resize:none; display:block; }

.contact-section .form-inner .form-group input:focus,
.contact-section .form-inner .form-group textarea:focus{}

.contact-section .image-box{ overflow:hidden; }

.contact-section .image-box img{ width:100%; }

.contact-section .image-box:before{ position:absolute; top:0; left:-75%; z-index:2; display:block; content:''; width:50%; height:100%; background:-o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3))); background:linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); -webkit-transform:skewX(-25deg); -ms-transform:skewX(-25deg); transform:skewX(-25deg); z-index:1; }

.contact-section .image-box:hover:before { -webkit-animation:shine 1s; animation:shine 1s; }

@-webkit-keyframes shine { 100% {   left:125%; }
}

@keyframes shine { 100% {   left:125%; }
}

.contact-section .pattern-layer{ width:1045px; height:100%; background-size:cover; background-repeat:no-repeat; }


/** banner-style-three **/

.banner-section.style-three .content-box .icon-box:before{ position:absolute; content:''; width:57px; height:1px; left:0px; top:9px; }

.banner-section.style-three .content-box .icon-box:after{ position:absolute; content:''; width:57px; height:1px; right:0px; top:9px; }

.banner-section.style-three .banner-carousel .slide-item:before{ opacity:0.5; }

.banner-carousel .content-box .icon-box{ opacity:0; -webkit-transform:translateY(-100px); -moz-transform:translateY(-100px); -ms-transform:translateY(-100px); -o-transform:translateY(-100px); transform:translateY(-100px); -webkit-transition:all 1000ms ease; -moz-transition:all 1000ms ease; -ms-transition:all 1000ms ease; -o-transition:all 1000ms ease; transition:all 1000ms ease; }

.banner-carousel .active .content-box .icon-box{ opacity:1; -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0); -webkit-transition-delay:1000ms; -moz-transition-delay:1000ms; -ms-transition-delay:1000ms; -o-transition-delay:1000ms; transition-delay:1000ms; }

.banner-section.style-three .owl-nav{ position:absolute; top:50%; transform:translateY(-50%); width:100%; }

.banner-section.style-three .owl-nav .owl-prev{ left:80px; }

.banner-section.style-three .owl-nav .owl-next{ right:80px; }


/** service-style-two **/
.service-style-two { position:relative; padding-top:100px; z-index:1; }
.service-style-two .pattern-layer { position:absolute; width:100%; height:calc(100% - 55px); background-size:cover; background-repeat:no-repeat; }
.service-style-two .left-panel { position:relative; display:block; margin-right:50px; background:white; box-shadow:0 0 40px rgba(0, 0, 0, 0.15); padding:10px; }
.service-style-two .left-panel .inner-box { position:relative; display:block; background:#021f3d; padding:45px 30px 40px 30px; _text-align:center; }
.service-style-two .left-panel .inner-box h2 { display:block; font-size:34px; line-height:45px; color:white; font-weight:700; margin-bottom:8px; }
.service-style-two .left-panel .inner-box h6 { display:block; font-size:16px; line-height:25px; color:white; margin-bottom:18px; }
.service-style-two .left-panel .inner-box li { color:#fff !important; margin-bottom:20px; }
.service-style-two .left-panel .inner-box:before{ position:absolute; content:''; background:rgba(255, 255, 255, 0.07); width:100%; height:calc(100% - 140px); left:0px; bottom:0px; clip-path:polygon(0% 0%, 0% 0%, 100% 100%, 0% 100%, 0% 0%); }
.service-style-two .inner-content { padding-top:30px; }

.service-block-two .inner-box { position:relative; display:block; padding-right:15px; }
.service-block-two .inner-box .icon-box { position:relative; display:inline-block; width:120px; height:120px; padding:10px; background:#021f3d; text-align:center; border-radius:50%; margin-bottom:30px; transition:.5s; }
.service-block-two .inner-box .icon-box img { width:100px; height:100px; }
.service-block-two .inner-box h3 { display:block; font-size:24px; line-height:30px; font-weight:bold; margin-bottom:15px; }
.service-block-two .inner-box p { font-size:16px; line-height:24px; margin-bottom:20px; }

.service-block-two .inner-box ul { margin-bottom:35px; }
.service-block-two .inner-box ul li:before { content:""; position:absolute; background:url("../../assets/img/ico-dot.png"); width:14px !important; height:14px !important; position:absolute; left:0; top:0; margin-top:4px !important; border-radius:0px !important; background-size:contain !important; background-repeat:no-repeat !important; }
.service-block-two .inner-box ul li { font-size:16px; line-height:24px; color:#000; margin-bottom:5px; padding-left:26px; position:relative; }

.service-block-two .inner-box .icon-box:before{ position:absolute; content:''; background:#f4efe4; width:100%; height:100%; border-radius:50%; left:10px; top:10px; z-index:-1; transition:all 500ms ease; }
.service-block-two .inner-box:hover .icon-box:before{ background:#fff; }
.service-block-two .inner-box:hover .icon-box{ color:#fff; }

.service-style-two .owl-theme .owl-dots{ position:relative; top:54px; }
.service-style-two .owl-theme .owl-dots .owl-dot{ position:relative; width:29%; margin-right:40px; }
.service-style-two .owl-theme .owl-dots .owl-dot span{ position:relative; width:100%; height:1px; background:#a8fb3C; cursor:pointer; border-radius:0px; transition:all 500ms ease; }
.service-style-two .owl-theme .owl-dots .owl-dot.active span,
.service-style-two .owl-theme .owl-dots .owl-dot span:hover{ background:#222; }


/** about-style-three **/

.content_block_5 .content-box .inner-box .single-item .icon-box{ background:#f8f7f4; }

.content_block_5 .content-box .inner-box .single-item:hover .icon-box{ }


/** project-style-three **/

.project-block-three .inner-box .image-box img{ width:100%; }

.project-block-three .inner-box .image-box h2{ right:0px; bottom:16px; opacity:0; }

.project-block-three .inner-box:hover .image-box h2{ right:20px; opacity:1; }

.project-block-three .inner-box .image-box h2:before{ position:absolute; content:''; background:#fff; width:50px; height:1px; left:-65px; top:48px; }

.project-block-three .inner-box .image-box:before{ position:absolute; content:''; width:100%; height:100%; left:0px; top:0px; opacity:0.9; z-index:1; clip-path:polygon(0% 100%, 100% 0%, 100% 100%, 0% 100%, 0% 0%); transition:all 500ms ease; transform:scaleX(0); transform-origin:right center; }

.project-block-three .inner-box:hover .image-box:before{ transform:scaleX(1); }

.project-block-three .inner-box .lower-content .text:before{ position:absolute; content:''; width:50px; height:1px; left:0px; top:20px; }


/** chooseus-section **/

.chooseus-block-one .inner-box .icon-box{

}

.chooseus-block-one .inner-box .icon-box:before{ position:absolute; content:''; background:#f8f7f4; width:100px; height:100px; left:0px; top:-12px; border-radius:50%; z-index:-1; }

.chooseus-block-one .inner-box .icon-box:after{ position:absolute; content:''; width:100px; height:100px; left:0px; top:-12px; border-radius:50%; transform:scale(0,0); z-index:-1; transition:all 500ms ease; }

.chooseus-block-one .inner-box:hover .icon-box:after{ transform:scale(1,1); }

.chooseus-block-one .inner-box h3{ border-bottom:1px solid #dddddd; }

.chooseus-block-one .inner-box:hover .icon-box{ color:#fff; }



/** apartment-section **/

.apartment-section .inner-content .single-item{ width:25%; }

.apartment-section .inner-content .single-item .image-box img{ width:100%; transition:all 500ms ease; }

.apartment-section .inner-content .single-item .image-box{ overflow:hidden; background:#000; }

.apartment-section .inner-content .single-item .inner-box{ overflow:hidden; }

.apartment-section .inner-content .single-item .image-box:before { position:absolute; content:''; width:100%; height:100%; background:-webkit-linear-gradient(-270deg, rgba(0,0,0,0.0) 50%, rgba(0,0,0,0.9) 100%); top:0px; right:0px; z-index:1; transition:all 500ms ease; }

.apartment-section .inner-content .single-item:hover .image-box img{ opacity:0.2; }

.apartment-section .inner-content .single-item:hover .image-box:before{ opacity:0; }

.apartment-section .inner-content .single-item .overlay-content h2:before{ position:absolute; content:''; width:50px; height:1px; left:0px; top:52px; }

.apartment-section .inner-content .single-item .overlay-content .link a{ border:2px solid #fff; }

.apartment-section .inner-content .single-item .overlay-content .link a:hover{ background:#fff; }

.apartment-section .inner-content .single-item:hover .text{ opacity:0; top:-100px; }

.apartment-section .inner-content .single-item .overlay-content{ bottom:-100px; opacity:0; }

.apartment-section .inner-content .single-item:hover .overlay-content{ bottom:60px; opacity:1; }


/** contact-style-two **/

.nice-select:after{ width:7px; height:7px; border-bottom:1px solid #555555; border-right:1px solid #555555; right:20px; }
.nice-select{ position:relative; display:block; width:100%; height:60px; line-height:60px; border:2px solid #eeeeee !important; border-radius:0px; padding:0px 20px; padding-right:40px; font-size:18px; font-weight:300; color:#555555; background:transparent; }

.contact-style-two { position:relative; padding-top:80px; padding-bottom:90px; }
.contact-style-two .form-group{ margin-bottom:30px; }
.contact-style-two .form-group input[type='text'],
.contact-style-two .form-group input[type='email']{ position:relative; width:100%; height:60px; border:2px solid #eeeeee; border-radius:3px; font-size:18px; color:#555555; padding:10px 20px; }
.contact-style-two .form-group input:focus { border-color:#32992b !important; }
.contact-style-two .form-group .theme-btn{ width:100%; }
.contact-style-two .pattern-layer{ width:485px; height:100%; background-size:cover; background-repeat:no-repeat; }
.contact-style-two .pattern-layer-2{ width:485px; height:100%; background-size:cover; background-repeat:no-repeat; }
.contact-style-two .sec-title { text-align:left; }

/** testimonial-style-two **/

.testimonial-block-one .inner-box .quote{ }

.testimonial-block-one .inner-box  .author-thumb img{ width:100%; border-radius:50%; }

.testimonial-block-one .inner-box{ border:1px solid #e1e1e1; }

.testimonial-block-one .inner-box:before{ position:absolute; content:''; background:#fff; width:30px; height:30px; left:50px; bottom:-15px; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; transform:rotate(45deg); }

.testimonial-style-two .owl-theme .owl-dots{ display:block; text-align:center; }

.testimonial-style-two .owl-theme .owl-dots .owl-dot span{ position:relative; display:inline-block; width:10px; height:10px; background:#dad4c7; border-radius:50%; transition:all 500ms ease; }

.testimonial-style-two .owl-theme .owl-dots .owl-dot.active span,
.testimonial-style-two .owl-theme .owl-dots .owl-dot span:hover{

}

.testimonial-style-two .pattern-layer{ left:250px; top:205px; width:326px; height:287px; background-repeat:no-repeat; }


/** page-title **/
.page-title{ position:relative; width:100%; background-size:cover; background-repeat:no-repeat; padding-top:120px; padding-bottom:40px;  text-align:center; }
.page-title:before{ position:absolute; content:''; background:#000; width:100%; height:100%; left:0px; top:0px; opacity:0.7; z-index:1; }
.page-title .bg-layer{ width:calc(100% - 420px); height:100%; background-size:cover; background-repeat:no-repeat; }

.page-title .bread-crumb li { position:relative; display:inline-block; font-size:16px; color:white; }
.page-title .bread-crumb li i{ position:absolute; display:inline-block; left:0px; top:-4px; width:36px; height:36px; line-height:36px; text-align:center; font-size:16px; background:#32992b; color:#fff; border-radius:50%; }
.page-title .bread-crumb li:before{ position:absolute; content:"\e902"; font-family:'icomoon'; font-size:7px; top:1px; right:0px; }
.page-title .bread-crumb li:last-child:before{ display:none; }
.page-title .bread-crumb li a { color:#fff; }
.page-title .bread-crumb li a:hover { color:#a8fb3C; }

/** funfact-style-three **/

.funfact-style-three{ width:100%; background-size:cover; background-repeat:no-repeat; background-position:center; background-attachment:fixed; }

.funfact-style-three:before{ position:absolute; content:''; background:#000; width:100%; height:100%; left:0px; top:0px; opacity:0.8; }

.counter-block-three .inner-box .icon-box{ background:#f6f0e0; border:10px solid #d8c79b; top:-20px; z-index:1; }

.counter-block-three .inner-box .icon-box:before{ position:absolute; content:''; width:100%; height:100%; left:0px; top:0px; transform:scale(0,0); border-radius:50%; z-index:-1; box-shadow:0px 0px 0px 1px #324ecc; transition:all 500ms ease; }

.counter-block-three .inner-box:hover .icon-box:before{ transform:scale(1,1); }

.counter-block-three .inner-box:hover .icon-box{ color:#fff; border-color:#324ecc; }


.service-page-section .image-box{ position:relative; overflow:hidden; }

.service-page-section .image-box img{ width:100%; }

.service-page-section .inner-box:first-child .image-box,
.service-page-section .inner-box:last-child .image-box{ clip-path:polygon(0% 0%, 81% 0%, 100% 100%, 0% 100%, 0% 0%); }

.service-page-section .inner-box:nth-child(2) .image-box{ clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 20% 0%); }

.service-page-section .image-box:before{ position:absolute; top:0; left:-75%; z-index:2; display:block; content:''; width:50%; height:100%; background:-o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3))); background:linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); -webkit-transform:skewX(-25deg); -ms-transform:skewX(-25deg); transform:skewX(-25deg); z-index:1; }

.service-page-section .image-box:hover:before { -webkit-animation:shine 1s; animation:shine 1s; }

/** error-page-section **/


.error-page-section .inner-box h1{ font-size:200px; line-height:200px; }


/** project-details **/

.project-details-content .image-box img{ width:100%; }

.project-details-content .content-box .project-info li h5{ position:relative; }

.project-details-content .content-box .project-info li h5:before{ position:absolute; content:''; width:50px; height:1px; left:0px; bottom:-10px; }


/** project-planning **/

.tabs-box .tab{ position:relative; display:none; transition:all 900ms ease; -moz-transition:all 900ms ease; -webkit-transition:all 900ms ease; -ms-transition:all 900ms ease; -o-transition:all 900ms ease; }

.tabs-box .tab.active-tab{ display:block;  
}

.tabs-box .tab{ transform:scale(0.9,0.9) translateY(0px); }

.tabs-box .tab.active-tab{ transform:scale(1) translateY(0px); }

.project-planning .tabs-content .content-box h2 i{ position:absolute; left:0px; top:2px; font-size:40px; }

.project-planning .tabs-content .content-box .video-btn a{ position:relative; display:inline-block; width:100px; height:100px; line-height:100px; text-align:center; font-size:30px; color:#222; background:#fff; border-radius:50%; }

.project-planning .tabs-content .content-box .video-inner{ width:100%; background-size:cover; background-repeat:no-repeat; background-position:center; }

.project-planning .tabs-content .content-box .video-inner:before{ position:absolute; content:''; background:#000; width:100%; height:100%; left:0px; top:0px; opacity:0.7; }

.project-planning .tab-btns li{ color:#444444; cursor:pointer; padding-bottom:2px; }

.project-planning .tab-btns li:hover,
.project-planning .tab-btns li.active-btn{

}

.project-planning .tab-btns li:after{ position:absolute; content:''; background:#dddddd; width:1px; height:28px; top:2px; right:-30px; }

.project-planning .tab-btns li:last-child:after{ display:none; }

.project-planning .tab-btns li:before{ position:absolute; content:''; width:100%; height:2px; left:0px; bottom:0px; transform:scaleX(0); transition:all 500ms ease; }

.project-planning .tab-btns li:hover:before,
.project-planning .tab-btns li.active-btn:before{ transform:scaleX(1); }

.project-planning .tabs-content .info-list li{ position:relative; width:100%; z-index:1; display:flex; align-items:center; }

.project-planning .tabs-content .info-list li .line { position:relative; display:block; height:1px; background:#dddddd; width:100%; flex:1; top:3px; }

.project-planning .tabs-content .info-list li span{ position:relative; float:right; margin-left:25px; font-size:16px; }

.project-planning .tabs-content .image-box{ position:relative; display:block; padding:35px; margin-left:-30px; border:1px solid #e1e1e1; }

.project-planning .tabs-content .image-box img{ width:100%; }

.project-block-four .inner-box .image-box{ overflow:hidden; }

.project-block-four .inner-box .image-box img{ width:100%; }

.project-block-four .inner-box .image-box:before{ position:absolute; content:''; width:100%; height:calc(100% + 1px); left:0px; top:0px; background:#000; opacity:0.85; z-index:1; clip-path:polygon(0% 130%, 100% -60%, 100% 100%, 0% 100%, 0% 0%); transition:all 500ms ease; transform:scaleX(0); transform-origin:right center; }

.project-block-four .inner-box:hover .image-box:before{ transform:scaleX(1); }

.project-block-four .inner-box a{ position:absolute; left:70%; top:50%; transform:translateY(-50%) scale(0,0); font-size:36px; color:#fff; z-index:2; -webkit-transition-delay:500ms; -moz-transition-delay:500ms; -ms-transition-delay:500ms; -o-transition-delay:500ms; transition-delay:500ms; }

.project-block-four .inner-box:hover a{ transform:translateY(-50%) scale(1,1); }

.default-form .form-group input[type='text'],
.default-form .form-group input[type='email'],
.default-form .form-group textarea{ position:relative; width:100%; height:64px; border:2px solid #eeeeee; border-radius:4px; font-size:18px; color:#555; padding:15px 25px; transition:all 500ms ease; }

.default-form .form-group textarea{ height:120px; resize:none; }

.default-form .form-group input:focus,
.default-form .form-group textarea:focus{

}




/** google-map **/


.google-map-section #contact-google-map{ position:relative; width:100%; height:700px; }


/** contact-style-three **/

.contact-style-three h2:before{ position:absolute; content:''; width:50px; height:1px; left:0px; bottom:0px; }

.contact-style-three .default-form .form-group textarea{ height:250px; }

.contact-style-three .info-inner .info-list li i{ position:absolute; left:0px; top:0px; font-size:60px; line-height:60px; width:60px; }

.contact-style-three .info-inner .info-list li i:after{ position:absolute; content:''; background:#eeeeee; width:1px; height:80px; top:0px; right:-30px; }

.contact-style-three .info-inner .info-list li{ border-bottom:1px solid #eeeeee; }

.overflow-visible.owl-carousel .owl-stage-outer{ overflow:visible; }

.overflow-visible.owl-carousel .owl-stage-outer .owl-item{ opacity:0; }

.overflow-visible.owl-carousel .owl-stage-outer .owl-item.active{ opacity:1; }


.cloud-intro { position:relative; background:#192e5b; padding-top:100px; padding-bottom:80px; }
.cloud-intro .shape-layer{ width:calc(50% - 60px); height:140px; clip-path:polygon(0% 0%, 100% 0%, 96% 100%, 0% 100%, 0% 0%); }
.cloud-intro .pattern-layer{ width:100%; height:100%; background-size:cover; background-repeat:no-repeat; }
.cloud-intro .text-col-left { position:relative; display:block; padding-right:20px; }
.cloud-intro .text-col-right { position:relative; display:block; padding-left:20px; }
.cloud-intro .text-col-left p, .cloud-intro .text-col-right p { color:white; line-height:30px; }
.cloud-intro .more-btn { padding-left:20px; margin-top:30px; }

/** amenities-section **/
.cloud-section { padding:50px 0px; }
.cloud-section .sec-title h3 { text-align:center; font-size:36px; line-height:48px; font-weight:800; margin-bottom:30px; }
.cloud-section .inner-box { position:relative; display:block; padding-left:40px; padding-right:40px; }
.cloud-section .cloud-type { margin-bottom:50px; }
.cloud-section .list-item li { position:relative; display:inline-block; float:left; width:33.333%; }
.cloud-section .list-item li .single-item { position:relative; display:block; padding-top:40px; padding-bottom:45px; _border-bottom:1px solid #eeeeee; border-right:1px solid #eeeeee; transition:.5s; height:200px; }
.cloud-section .list-item li .single-item .inner { position:relative; padding:20px 20px 20px 130px; margin-left:40px; }
.cloud-section .list-item li .single-item .icon-box { position:absolute; left:0; top:0; margin-top:10px; color:#4864a1; background:#f9f4f4; width:100px; height:100px; text-align:center; border-radius:50%; transition:.5s; }
.cloud-section .list-item li .single-item .icon-box:before{ position:absolute; content:''; border:7px solid #f6f9ff; width:calc(100% + 14px); height:calc(100% + 14px); left:-7px; top:-7px; border-radius:50%; transition:all 500ms ease; }
.cloud-section .list-item li:nth-child(7) .single-item,
.cloud-section .list-item li:nth-child(8) .single-item,
.cloud-section .list-item li:last-child .single-item{ border-bottom:none; }
.cloud-section .list-item li:nth-child(3) .single-item,
.cloud-section .list-item li:nth-child(6) .single-item,
.cloud-section .list-item li:last-child .single-item{ border-right:none; }
.cloud-section .list-item li .single-item:hover{ background:#32992b; }
.cloud-section .list-item li .single-item:hover .icon-box{ background:#fff; }
.cloud-section .list-item li .single-item:hover .icon-box:before{ border-color:rgba(255, 255, 255, 0.22); }
.cloud-section .list-item li .single-item h4 { display:block; font-size:20px; line-height:30px; font-weight:600; transition:all 500ms ease; }
.cloud-section .list-item li .single-item p { font-size:16px; line-height:24px; transition:all 500ms ease; }
.cloud-section .list-item li .single-item:hover h4,
.cloud-section .list-item li .single-item:hover p { color:#fff; }
.cloud-section .list-item li .single-item:before{ position:absolute; content:''; background:rgba(255, 255, 255, 0.10); width:0%; height:0%; right:0px; bottom:0px; clip-path:polygon(0% 100%, 100% 0%, 100% 100%, 0% 100%, 0% 0%); transition:all 500ms ease; }
.cloud-section .list-item li .single-item:hover:before{ width:100%; height:100%; }
.cloud-section .list-item li .single-item:after{ position:absolute; content:''; background:rgba(255, 255, 255, 1); width:15px; height:15px; right:15px; bottom:15px; opacity:0; clip-path:polygon(0% 100%, 100% 0%, 100% 100%, 0% 100%, 0% 0%); transition:all 500ms ease; }
.cloud-section .list-item li .single-item:hover:after{ opacity:1; }


.cloud-services { padding:0px 0px; }
.tbl-pricing { background:#efefef; padding:30px 30px 0px 30px; border-radius:10px; }
.cloud-services .block { display:inline-block; position:relative; width:100%; margin-bottom:20px; border-radius:6px; color:rgba(0, 0, 0, 0.87); background:#fff; box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
.cloud-services .block-caption { font-weight:700; color:#000; padding-left:30px; }
.cloud-services .block-plain { background:transparent; box-shadow:none; }
.cloud-services .block .category:not([class*="text-"]) { color:#000; }
.cloud-services .block-background { background-position:center center; background-size:cover; text-align:left; }
.cloud-services .block-raised { color:#fff !important; background:#32992B !important; box-shadow:0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); }
.cloud-services .block-background .table { position:relative; z-index:2; min-height:280px; padding-top:40px; padding-bottom:40px; max-width:440px; margin:0 auto; }
.cloud-services .block-background .block-caption { color:#000; margin-top:10px; }
.cloud-services .block-pricing.block-background:after { background-color:rgba(0, 0, 0, 0.7); }
.cloud-services .block-background:after { position:absolute; z-index:1; width:100%; height:100%; display:block; left:0; top:0; content:""; background-color:rgba(0, 0, 0, 0.56); border-radius:6px; }
.cloud-services [class*="pricing-"] { padding:90px 0 60px 0; }
.cloud-services .block-pricing { text-align:left; }
.cloud-services .block-pricing .block-caption { margin-top:30px; }
.cloud-services .block-pricing .table { padding:15px !important; margin-bottom:0px; }
.cloud-services .block-pricing .icon { padding:10px 0 0px; color:#3C4857; }
.cloud-services .block-pricing .icon i { font-size:55px; border:1px solid #ececec; border-radius:50%; width:130px; line-height:130px; height:130px; }
.cloud-services .block-pricing h1 small { font-size:18px; }
.cloud-services .block-pricing h1 small:first-child { position:relative; top:-17px; font-size:26px; }
.cloud-services .block-pricing ul { list-style:none; padding:0; max-width:240px; margin:10px auto; }
.cloud-services .block-pricing ul li { color:#000; text-align:left; padding:12px 30px; font-size:18px; line-height:24px; border-bottom:1px solid rgba(0, 0, 0, 0.3); min-height:80px; font-weight:500; }
.cloud-services .block-pricing ul li:last-child { border:0; }
.cloud-services .block-pricing ul li b { color:#000; }
.cloud-services .block-pricing ul li i { top:6px; position:relative; }
.cloud-services .block-pricing.block-background ul li, .cloud-services .block-pricing [class*="table-"] ul li { color:#000; border-color:rgba(0, 0, 0, 0.3); }
.cloud-services .block-pricing.block-background ul li b, .cloud-services .block-pricing [class*="table-"] ul li b { color:#000; }
.cloud-services .block-pricing.block-background [class*="text-"], .cloud-services .block-pricing [class*="table-"] [class*="text-"] { color:#000; }
.cloud-services .block-pricing.block-background:after { background-color:rgba(0, 0, 0, 0.7); }
.cloud-services .block-background:not(.block-pricing) .btn { margin-bottom:0; }
.cloud-services .block .table-primary { background:linear-gradient(60deg, #ab47bc, #7b1fa2); }
.cloud-services .block [class*="table-"] .block-caption a, .cloud-services .block [class*="table-"] .block-caption, .cloud-services .block [class*="table-"] .icon i { color:#000; }
.cloud-services .block-pricing .block-caption { margin-top:30px; }
.cloud-services .block [class*="table-"] h1 small, .cloud-services .block [class*="table-"] h2 small, .cloud-services .block [class*="table-"] h3 small { color:rgba(255, 255, 255, 0.8); }
.cloud-services .block-raised  ul li { color:#fff !important; border-bottom:1px solid rgba(255, 255, 255, 0.3); }
.cloud-services .block-raised .block-caption { color:#fff !important; }


.cloud-services-section { position:relative; padding:60px 0px 100px; text-align:center; }
.cloud-services-section .sec-title h3 { text-align:center; font-size:36px; line-height:48px; font-weight:800; margin-bottom:30px; }
.cloud-service-tab { position:relative; display:block; }
.cloud-service-tab__button { position:relative; display:block; margin-bottom:18px; }
.cloud-service-tab__button .tabs-button-box { position:relative; display:flex; align-items:center; justify-content:center; padding:170px 0 0px; z-index:1; }
.cloud-service-tab__button__bg { position:absolute; top:0; left:0; bottom:40px; right:0; background-position:center center; background-repeat:no-repeat; background-size:contain; background-attachment:scroll; z-index:-1; }
.cloud-service-tab__button__bg::before { content:""; position:absolute; top:0; left:0; right:0; bottom:0; _background:rgba(0, 0, 0, 0.4); }
.cloud-service-tab__button .tabs-button-box .tab-btn-item { position:relative; display:block; margin:0 10px; }
.cloud-service-tab__button .tabs-button-box .tab-btn-item .inner { position:relative; display:flex; align-items:center; justify-content:center; width:160px; height:160px; border-radius:50%; background-color:#fff; border:10px solid #ffffff; transition:background-color 0.5s ease; transition:all 0.5s ease; cursor:pointer; }
.cloud-service-tab__button .tabs-button-box .tab-btn-item.active-btn-item .inner,
.cloud-service-tab__button .tabs-button-box .tab-btn-item:hover .inner { background-color:#32992b; }
.cloud-service-tab__button .tabs-button-box .tab-btn-item .inner img { position:relative; display:inline-block; width:100px; transition:all 0.5s ease; }
.cloud-service-tab__button .tabs-button-box .tab-btn-item.active-btn-item .inner img,
.cloud-service-tab__button .tabs-button-box .tab-btn-item:hover .inner img { -webkit-filter:brightness(0) invert(1);  filter:brightness(0) invert(1); }
.cloud-service-tab .tabs-content-box { position:relative; display:block; background:#fff !important; }
.cloud-service-tab .tab-content-box-item { position:absolute; left:0px; top:0px; width:100%; height:auto; visibility:hidden; }
.cloud-service-tab .tab-content-box-item.tab-content-box-item-active { position:relative; visibility:visible; z-index:5; background:#fff !important; }
.cloud-service-tab .tab-content-box-item .emi-calculator-tab-content-box-item { transition:all 0.5s ease; opacity:0; transform:scaleY(0.9); transform-origin:top bottom; }
.cloud-service-tab .tab-content-box-item.tab-content-box-item-active .emi-calculator-tab-content-box-item { opacity:1.0; transform:scaleY(1); transform-origin:bottom top; }
.cloud-service-tab-content-box-item { position:relative; display:block; text-align:center !important; }
.cloud-service-tab-content-box-item .inner-title { position:relative; display:block; padding-bottom:15px; }
.cloud-service-tab-content-box-item .inner-title h2 { font-size:40px; line-height:50px; font-weight:800; color:#32992b !important; }
.cloud-service-tab-content-box-item .row { --bs-gutter-x:100px; }
.cloud-service-tab-content-box-item .row li { position:relative; }
.cloud-service-tab-content-box-item .row li:before { content:""; position:absolute; top:0; right:0; bottom:0; width:1px; background-color:#D9D9D9; }
.cloud-service-tab-content-box-item img { height:120px; }

/** Why Choose **/
.why-choose-section { overflow:hidden; position:relative; padding:100px 0px; background:#f8f7f4; }
.why-choose-section .sec-title { text-align:left; }
.why-choose-section .content_block_1 .content-box { position:relative; display:block; padding-left:50px; }
.why-choose-section .content_block_1 .content-box .sec-title { text-align:left !important; margin-bottom:0px !important;}
.why-choose-section .content_block_1 .content-box .sec-title h2 { margin-bottom:20px !important; }
.why-choose-section .content_block_1 .content-box .text { position:relative; display:block; margin-bottom:30px; }
.why-choose-section .content_block_1 .content-box .text p { margin-bottom:15px; }
.why-choose-section .content_block_1 .content-box .inner-box .single-item .icon-box{ width:80px; height:80px; }
.why-choose-section .content_block_1 .content-box .inner-box .single-item:hover .icon-box{ -webkit-box-shadow:0 0 40px 0 rgba(0, 0, 0, 0.15); }
.why-choose-section .content_block_1 .content-box .inner-box .single-item:before{ position:absolute; content:''; background:#dddddd; width:1px; height:115px; top:0px; right:-15px; }

.why-choose-section .market-image-one { display:inline-block; }
.why-choose-section .market-image-one img { box-shadow:0px 10px 40px rgba(0, 0, 0, 0.1); border-radius:10px; }
.why-choose-section .market-image-two { position:absolute; right:0px; top:36%; z-index:-1; }
.why-choose-section .market-image-two img { position:relative; }
.why-choose-section .market-image-three { position:absolute; bottom:-38px; left:0px; z-index:-1; -webkit-animation:zoom-fade 4s infinite linear; animation:zoom-fade 4s infinite linear; }
.why-choose-section .market-image-box { padding-left:60px; }

.single-progress-box .box .progress { position:relative; display:inline-table; text-align:center; margin-bottom:35px; background:transparent; box-shadow:none; }
.single-progress-box .box .progress .barOverflow { position:relative; overflow:hidden; width:210px; height:102px; }
.single-progress-box .box .progress .barOverflow .bar { position:absolute; top:0; left:0; width:210px; height:210px; border-radius:50%; box-sizing:border-box; border:15px solid rgba(100, 100, 100, 0.2); border-bottom-color:rgba(50, 153, 43, 1); border-right-color:rgba(50, 153, 43, 1); }
.single-progress-box .persent { color:#000; text-align:center; font-size:23.318px; font-style:normal; font-weight:500; line-height:normal; letter-spacing:-1.16px; margin-top:-20px; }

/* ------------------------ */
.single-progress-box .box .piechart span{ position:absolute; display:flex; left:0px; top:0px; width:100%; height:100%; align-items:center; justify-content:center; font-size:22px; line-height:38px; font-weight:700; font-family:'Inter', sans-serif; color:#141417; text-align:center; }
.single-progress-box .box .piechart span:after{	color:#141417; content:"%"; font-size:22px; }
.single-progress-box .box .piechart { position:relative; }
.single-progress-box { display:block; position:absolute; right:-45px; bottom:-60px; box-shadow:0px 10px 40px rgba(0, 0, 0, 0.1); border-radius:10px; background-color:#fff; padding:24px 24px; }
.single-progress-box .box h6 { font-size:20px; line-height:24px; font-weight:600; color:rgba(19, 19, 19, 1); margin-bottom:22px; text-align:center; display:block; }
.single-progress-box .box .small-title { font-size:14px; line-height:16px; font-weight:400; /* padding-top:54px; */ text-align:center; }
.single-progress-box .box .small-title a{ color:rgba(104, 47, 255, 1); }
.single-progress-box .box .small-title a i { padding-left:5px; font-size:10px; }
@-webkit-keyframes shine { 100% { left:125%; }}
@keyframes shine {100% { left:125%; }}

.float-bob-y { animation-name:float-bob-y; animation-duration:2s; animation-iteration-count:infinite; animation-timing-function:linear; -webkit-animation-name:float-bob-y; -webkit-animation-duration:2s; -webkit-animation-iteration-count:infinite; -webkit-animation-timing-function:linear; -moz-animation-name:float-bob-y; -moz-animation-duration:2s; -moz-animation-iteration-count:infinite; -moz-animation-timing-function:linear; -ms-animation-name:float-bob-y; -ms-animation-duration:2s; -ms-animation-iteration-count:infinite; -ms-animation-timing-function:linear; -o-animation-name:float-bob-y; -o-animation-duration:2s; -o-animation-iteration-count:infinite; -o-animation-timing-function:linear; }
.float-bob-x{ animation-name:float-bob-x; animation-duration:15s; animation-iteration-count:infinite; animation-timing-function:linear; -webkit-animation-name:float-bob-x; -webkit-animation-duration:15s; -webkit-animation-iteration-count:infinite; -webkit-animation-timing-function:linear; -moz-animation-name:float-bob-x; -moz-animation-duration:15s; -moz-animation-iteration-count:infinite; -moz-animation-timing-function:linear; -ms-animation-name:float-bob-x; -ms-animation-duration:15s; -ms-animation-iteration-count:infinite; -ms-animation-timing-function:linear; -o-animation-name:float-bob-x; -o-animation-duration:15s; -o-animation-iteration-count:infinite; -o-animation-timing-function:linear; }
@-webkit-keyframes ripple {
70% { -webkit-box-shadow:0 0 0 30px rgba(255, 255, 255, 0); box-shadow:0 0 0 30px rgba(255, 255, 255, 0); }
100% { -webkit-box-shadow:0 0 0 0 rgba(255, 255, 255, 0); box-shadow:0 0 0 0 rgba(255, 255, 255, 0); }
}
@keyframes ripple {
70% { -webkit-box-shadow:0 0 0 30px rgba(255, 255, 255, 0); box-shadow:0 0 0 30px rgba(255, 255, 255, 0); }
100% { -webkit-box-shadow:0 0 0 0 rgba(255, 255, 255, 0); box-shadow:0 0 0 0 rgba(255, 255, 255, 0); }
}




/** about-section **/
.about-section { overflow:hidden; position:relative; padding:100px 0px 60px; background:#f8f7f4; }
.about-section .sec-title { text-align:left; }
.about-section .content_block_1 .content-box { position:relative; display:block; padding-left:50px; margin-right:90px; }
.about-section .content_block_1 .content-box .sec-title { text-align:left !important; margin-bottom:0px !important;}
.about-section .content_block_1 .content-box .sec-title h2 { margin-bottom:20px !important; }
.about-section .content_block_1 .content-box .text { position:relative; display:block; margin-bottom:30px; }
.about-section .content_block_1 .content-box .text p { margin-bottom:15px; }
.about-section .content_block_1 .content-box .inner-box .single-item .icon-box{ width:80px; height:80px; }
.about-section .content_block_1 .content-box .inner-box .single-item:hover .icon-box{ -webkit-box-shadow:0 0 40px 0 rgba(0, 0, 0, 0.15); }
.about-section .content_block_1 .content-box .inner-box .single-item:before{ position:absolute; content:''; background:#dddddd; width:1px; height:115px; top:0px; right:-15px; }

.before-none:before, .after-none:after{ display:none !important; }

.about-section .about-section .image-box .image-2{ left:0px; top:0px; }
.about-section .about-section .bg-layer{ top:0px; right:0px; width:1268px; height:100%; background-size:cover; background-repeat:no-repeat; background-position:right center; }

.about-img-box { position:relative; display:block;  }
.about-img-box-inner { position:relative; display:block; margin-left:-12px; margin-right:-12px; }
.about-img-box-inner .single-box { position:relative; display:block; float:left; padding:0px 12px 0px; }
.about-img-box-inner .single-box .inner { position:relative; display:block; overflow:hidden; }
.about-img-box-inner .single-box .inner img { width:100%; transition:all 500ms ease; }
.about-img-box-inner .single-box:hover .inner img { transform:scale(1.02) rotate(0deg); }
.about-img-box-inner .single-box-2 { margin-top:50px; }
.about-img-box .overlay-box { position:absolute; top:230px; left:0; right:0; margin:0 auto; width:225px; height:300px; background-color:#222222; padding:28px 35px 0px; z-index:1; }
.about-img-box .overlay-box .box-one { position:absolute; top:0; left:0; width:10px; height:10px; background-color:#F42549; }
.about-img-box .overlay-box .list-overlay-box { text-align:center !important; }
.about-img-box .overlay-box .list-overlay-box li { color:#ffffff; font-size:22px; line-height:30px; font-weight:500; border-bottom:dotted 1px #fff; margin-bottom:15px; padding-bottom:15px; }
.about-img-box .overlay-box .list-overlay-box li:last-child { border-bottom:none; }


/** project-management **/
.project-management { position:relative; padding:100px 0px; }
.project-management .sec-title { text-align:left; }
.project-management .sec-title h2 { margin-bottom:10px; }
.project-management .image-box img { width:100%; }
.project-management .image-box .image-1 { clip-path:polygon(0% 0%, 81% 0%, 100% 100%, 0% 100%, 0% 0%); }
.project-management .image-box .image-2 { clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 20% 0%); }
.project-management .content_block_3 .content-box { position:relative; display:block; margin-left:50px; }
.project-management .content_block_3 .content-box .sec-title .upper-text i { position:absolute; left:0px; top:5px; font-size:14px; line-height:20px; }
.project-management .list-style-one li:before { position:absolute; content:''; width:12px; height:12px; left:0px; top:7px; clip-path:polygon(0% 100%, 100% 0%, 100% 100%, 0% 100%, 0% 0%); }
.project-management .bg-color-3 { background:#f6f9ff; }
.project-management .content_block_3 p { margin-bottom:10px; }






.project_right_img .project_shape_one { padding-left:85px; }
.project_right_img .project_shape_one:before{ content:""; position:absolute; top:0px; right:0px; background-color:#eff8ee; width:510px; height:352px; border-radius:10px; display:block; z-index:-1; }
.project_right_img { position:relative; }
.project_right_img .project_shape_two { position:absolute; top:140px; left:30px; background-color:#fff; box-shadow:0px 10px 40px rgba(0, 0, 0, 0.1); padding:40px; border-radius:10px; }




/** Process/Methodology **/
.process-one { position:relative; padding:80px 0px 100px; text-align:center; background:#f7f7f7; }
.process-one .pattern-layer .pattern-1 { width:455px; height:496px; left:-100px; background-repeat:no-repeat; }
.process-one .pattern-layer .pattern-2 { width:635px; height:462px; left:-100px; background-repeat:no-repeat; }
.process-one .pattern-layer .pattern-3 { width:257px; height:399px; background-repeat:no-repeat; }
.process-one .pattern-layer .pattern-4 { width:437px; height:633px; background-repeat:no-repeat; }
.process-one .sec-title { margin-bottom:40px !important; }
.processing-block-one .inner-box { position:relative; display:block; }
.processing-block-one .inner-box h4 { position:relative; display:block; font-size:26px; line-height:38px; font-weight:500; margin-bottom:15px; }
.processing-block-one .inner-box .icon-box .hov-icon { opacity:0; color:#fff; }
.processing-block-one .inner-box:hover .icon-box .hov-icon { opacity:1; }
.processing-block-one .inner-box:hover .icon-box .icon-img  { opacity:0; }
.processing-block-one .inner-box .icon-box { background:#fff; position:relative; display:inline-block; weight:170px; height:170px; line-height:170px; transition:.5s; border-radius:50%; margin-bottom:30px; z-index:1; }
.processing-block-one .inner-box .icon-box .icon-img { position:relative; display:inline-block; transition:.5s; }
.processing-block-one .inner-box .icon-box .icon-img img { width:100px; }
.processing-block-one .inner-box .icon-box:before { position:absolute; content:''; width:100%; height:100%; left:0px; top:0px; right:0px; transform:scale(0,0); z-index:-1; border-radius:50%; transition:all 500ms ease; }
.processing-block-one .inner-box:hover .icon-box:before { transform:scale(1,1); }
.processing-block-one .inner-box .icon-box .count-box { font-family:'Inter', sans-serif; color:#141417; right:-14px; background:#fff; }
.processing-block-one .inner-box .icon-box .count-box:before { position:absolute; content:''; width:60px; height:60px; border-radius:50%; left:-10px; top:-10px; z-index:-1; }
.processing-block-one .inner-box .icon-box .count-box:after { position:absolute; content:''; background:#fff; width:100%; height:100%; border-radius:50%; left:0px; top:0px; z-index:-1; }
.processing-block-one .inner-box .shape { position:absolute; top:50px; right:-70px; width:123px; height:66px; background-repeat:no-repeat; }

.processing-block-one .inner-box .icon-box:before{ background: -webkit-linear-gradient(45deg, #32992B, #A8FB3C 100%); }
.processing-block-one .inner-box .icon-box .count-box:before{ background: -webkit-linear-gradient(45deg, #32992B, #A8FB3C 100%); }
.processing-block-one .inner-box p { text-align:left; padding:0px 5px; }



.believe-section { position:relative; padding-top:60px; }
.believe-section .inner-content .single-item { width:25%; }
.believe-section .inner-content .single-item .image-box img { width:100%; transition:all 500ms ease;  opacity:0.6; }
.believe-section .inner-content .single-item .image-box{ position:relative; display:block; overflow:hidden; background:#000; border-radius:20px; }
.believe-section .inner-content .single-item .inner-box{ position:relative; display:block; overflow:hidden; }
.believe-section .inner-content .single-item .inner-box .text { position:absolute !important; left:0;  right:0; top:50%; transform:translateY(-50%); z-index:2; transition:.5s; text-align:center; }
.believe-section .inner-content .single-item .inner-box .text h3 { display:block; font-size:22px; line-height:28px; font-weight:500; color:#fff; margin-bottom:5px; text-transform:uppercase; letter-spacing:1px; }
.believe-section .inner-content .single-item .image-box:before { position:absolute; content:''; width:100%; height:100%; background:-webkit-linear-gradient(-270deg, rgba(0,0,0,0.0) 50%, rgba(0,0,0,0.9) 100%); top:0px; right:0px; z-index:1; transition:all 500ms ease; }
.believe-section .inner-content .single-item:hover .image-box img{ opacity:0.2; }
.believe-section .inner-content .single-item:hover .image-box:before{ opacity:0; }
.believe-section .inner-content .single-item .overlay-content h2:before{ position:absolute; content:''; width:50px; height:1px; left:0px; top:52px; }
.believe-section .inner-content .single-item:hover .text{ opacity:0; top:-100px; }
.believe-section .inner-content .single-item .overlay-content { bottom:-100px; opacity:0; }
.believe-section .inner-content .single-item .overlay-content { position:absolute; padding-left:40px; padding-right:40px; z-index:1; transition:.5s; }
.believe-section .inner-content .single-item .overlay-content h3 { display:block; font-size:20px; line-height:28px; font-weight:500; margin-bottom:10px; color:#fff; text-transform:uppercase; letter-spacing:1px; }
.believe-section .inner-content .single-item:hover .overlay-content{ bottom:60px; opacity:1; }
.believe-section .inner-content .single-item .overlay-content ul.list-dot { margin-bottom:35px; }
.believe-section .inner-content .single-item .overlay-content ul.list-dot li:before { content:""; position:absolute; background:url("../../assets/img/ico-dot.png"); width:14px !important; height:14px !important; position:absolute; left:0; top:0; margin-top:8px !important; border-radius:0px !important; background-size:contain !important; background-repeat:no-repeat !important; }
.believe-section .inner-content .single-item .overlay-content ul.list-dot li { font-size:18px; line-height:30px; color:#fff; margin-bottom:8px; padding-left:26px; position:relative; }


/** clients **/
.clients-section { position:relative; padding:80px 0px 20px; text-align:center; }
.clients-section .clients-logo { border:solid 1px #eee; border=radius:20px; }
.clients-section .clients-logo img { transition:all 500ms ease; height:140px; border=radius:20px; }
.clients-section .clients-logo:hover img{ transform:scale(0.95); }
.bg-color-4{ background:#192e5c; }
.clients-section .clients-logo img { position:relative; display:inline-block !important; width:auto !important; transition:all 0.2s ease-in-out 0.1s; filter:grayscale(0%); }
.clients-section .clients-logo:hover img { mix-blend-mode:normal; filter:grayscale(100%); transition:all 0.5s ease-in-out 0.1s; }


/** TSS section **/
.tss-section { position:relative; padding-top:120px; }
.tss-section .sec-title h2 { color:#fff !important; }
.tss-section .bg-layer  { width:100%; height:600px; background-size:cover; background-repeat:no-repeat; background-attachment:fixed; }
.tss-section .bg-layer:before { position:absolute; content:''; background:#000; width:100%; height:100%; left:0px; top:0px; opacity:0.7; }
.tss-section .content-box  { position:relative; display:block; padding:60px; background:#fff;  }
.tss-section .content-box h3 { display:block; font-size:26px; line-height:34px; font-weight:500; margin-bottom:15px; }
.tss-section .big-text { color:transparent; -webkit-text-stroke-width:1px; -webkit-text-stroke-color:rgba(255, 255, 255, 0.30); }
.tss-section .content-box:before { position:absolute; content:''; background:#fff; width:100%; height:calc(100% - 20px); left:0px; bottom:0px; opacity:0.07; clip-path:polygon(0% 0%, 0% 0%, 100% 100%, 0% 100%, 0% 0%); }

.tss-section .content-box ul.list-dot { margin-bottom:35px; }
.tss-section .content-box ul.list-dot li:before { content:""; position:absolute; background:url("../../assets/img/ico-dot.png"); width:14px !important; height:14px !important; position:absolute; left:0; top:0; margin-top:8px !important; border-radius:0px !important; background-size:contain !important; background-repeat:no-repeat !important; }
.tss-section .content-box ul.list-dot li { _font-size:20px; _line-height:30px; margin-bottom:8px; padding-left:26px; position:relative; }


/** Services Block **/
.service-block { }
.service-block .inner-box { position:relative; margin-bottom:55px; margin-left:30px; padding:50px 0px 50px 105px; box-shadow:0px 10px 21.25px 3.75px rgba(0, 0, 0, 0.06); border-bottom:solid 1px #32992b; }
.service-block .inner-box:before { position:absolute; content:''; left:0; top:1px; right:0; bottom:0; }
.service-block .icon { position:absolute; width:98px; height:100%; top:0; left:-30px; display:flex; align-items:center; justify-content:center; font-size:40px; transition:.7s; }
.service-block .icon:before { position:absolute; content:''; width:98px; height:100%; max-height:165px; top:50%; left:0; transform:translateY(-50%); transition:.7s; background-color:#f4f4f4; }
.service-block .inner-box:hover .icon:before { max-height:100%; }
.service-block .inner-box:hover .icon { color:#fff; }
.service-block .icon i { position:relative; }
.service-block .inner-box .content { padding:0px 20px; }
.service-block h3 { position:relative; font-size:26px; font-weight:500; line-height:36px; margin-bottom:12px; }
.service-block p { position:relative; }
.service-block .img-box { position:absolute; padding-left:30px;  } 

.service-block .link-btn a { position:relative; font-size:20px; color:#000; }
.service-block .link-btn a i:before { padding-right:6px; border-right:solid 1px #32992b; transition:.5s; color:#000; top:3px; position:relative; }
.service-block .link-btn a span { font-size:13px; font-weight:700; margin-left:15px; opacity:0; transition:.5s; transform:translateX(20px); display:inline-block; vertical-align:middle; }
.service-block .inner-box:hover .link-btn a span { transform:translateX(0); opacity:1; }

.service-block .inner-box ul.list-dot { margin-bottom:35px; }
.service-block .inner-box ul.list-dot li:before { content:""; position:absolute; background:url("../../assets/img/ico-dot.png"); width:14px !important; height:14px !important; position:absolute; left:0; top:0; margin-top:8px !important; border-radius:0px !important; background-size:contain !important; background-repeat:no-repeat !important; }
.service-block .inner-box ul.list-dot li { _font-size:20px; _line-height:30px; margin-bottom:8px; padding-left:26px; position:relative; }



/** Services Block **/
.service-block-right { }
.service-block-right .inner-box { position:relative; margin-bottom:55px; margin-right:30px; padding:50px 105px 50px 0px; box-shadow:0px 10px 21.25px 3.75px rgba(0, 0, 0, 0.06); border-bottom:solid 1px #32992b; }
.service-block-right .inner-box:before { position:absolute; content:''; left:0; top:1px; right:0; bottom:0; }
.service-block-right .icon { position:absolute; width:98px; height:100%; top:0; right:-30px; display:flex; align-items:center; justify-content:center; font-size:40px; transition:.7s; }
.service-block-right .icon:before { position:absolute; content:''; width:98px; height:100%; max-height:165px; top:50%; right:0; transform:translateY(-50%); transition:.7s; background-color:#f4f4f4; }
.service-block-right .inner-box:hover .icon:before { max-height:100%; }
.service-block-right .inner-box:hover .icon { color:#fff; }
.service-block-right .icon i { position:relative; }
.service-block-right .inner-box .content { padding:0px 20px; }
.service-block-right h3 { position:relative; font-size:26px; font-weight:500; line-height:36px; margin-bottom:12px; }
.service-block-right p { position:relative; }
.service-block-right .img-box { position:absolute; padding-right:30px;  } 

.service-block-right .link-btn a { position:relative; font-size:20px; color:#000; }
.service-block-right .link-btn a i:before { padding-right:6px; border-right:solid 1px #32992b; transition:.5s; color:#000; top:3px; position:relative; }
.service-block-right .link-btn a span { font-size:13px; font-weight:700; margin-left:15px; opacity:0; transition:.5s; transform:translateX(20px); display:inline-block; vertical-align:middle; }
.service-block-right .inner-box:hover .link-btn a span { transform:translateX(0); opacity:1; }

.service-block-right .inner-box ul.list-dot { margin-bottom:35px; }
.service-block-right .inner-box ul.list-dot li:before { content:""; position:absolute; background:url("../../assets/img/ico-dot.png"); width:14px !important; height:14px !important; position:absolute; left:0; top:0; margin-top:8px !important; border-radius:0px !important; background-size:contain !important; background-repeat:no-repeat !important; }
.service-block-right .inner-box ul.list-dot li { _font-size:20px; _line-height:30px; margin-bottom:8px; padding-left:26px; position:relative; }




/** Integration section **/
.integration-service { padding-top:150px; }
.integration-service .sec-title { text-align:left; }
.integration-service .integration-img img { border-radius:10px; }



/** Team **/
.team-section { position:relative; padding:60px 0px; }
.team-blcok { position:relative; display:block; margin-bottom:100px; }
.team-blcok .team-info { background:#f4f4f4; margin-top:50px; padding:50px; }
.team-blcok .team-info .team-upper { margin-bottom:20px; clear:both; }
.team-blcok .team-info .team-img { position:absolute; margin-top:-100px; }
.team-blcok .team-info .team-title { min-height:100px; padding-left:20px; _position:absolute; _bottom:0; }
.team-blcok .team-info .team-title h3 { font-size:28px; margin-bottom:10px; }
.team-blcok .team-info .team-title h5 {  font-size:16px; line-height:24px; }
.team-blcok .team-info .team-profile {  }
.team-blcok .team-info .team-profile p { margin-bottom:12px; }

/*
.team-block-one .inner-box{ position:relative; display:block; overflow:hidden; transition:all 500ms ease; }
.team-block-one .inner-box:hover{ background:#fff; box-shadow:0px 10px 30px 0px rgb(0 0 0 / 10%); }
.team-block-one .inner-box:before{ position:absolute; content:'';  width:25px;  height:25px; right:20px; bottom:20px; clip-path:polygon(0% 100%, 100% 0%, 100% 100%, 0% 100%, 0% 0%); transition:all 500ms ease; }
.team-block-one .inner-box:hover:before{ }
.team-block-one .inner-box .image-box{ position:relative; display:block; }
.team-block-one .inner-box .image-box .image{ position:relative; display:block; overflow:hidden; background-size:contain !important; }
.team-block-one .inner-box .image-box .image img { _width:100%; transition:all 500ms ease; }
.team-block-one .inner-box:hover .image-box .image img{ opacity:0.2; transform:scale(1.05); }
.team-block-one .inner-box .lower-content { position:relative; display:block; padding:25px; background:#efefef; min-height:300px; }
.team-block-one .inner-box .lower-content h3 { display:block; font-size:20px; line-height:30px; font-weight:600; margin-bottom:10px; color:#021f3d !important; }
.team-block-one .inner-box .lower-content h5 { display:block; font-size:18px; line-height:24px; font-weight:500; margin-bottom:10px; }
.team-block-one .inner-box .lower-content p{ font-size:16px; line-height:24px; margin-bottom:10px; }
*/

.thankyou { text-align:center; padding:60px 0px; }
.thankyou h3 { font-size:24px; line-height:30px; font-weight:600; margin-bottom:10px;  }
.thankyou p { line-height:26px; margin-bottom:10px; color:#555; }


.privacy { }
.privacy h3 { font-size:24px; line-height:30px; font-weight:600; margin-bottom:10px;  }
.privacy p { line-height:26px; margin-bottom:10px; }


/** contact **/
.contactinfo-add { position:relative; padding:60px; text-align:center; }
.contactinfo-add .bg-color { width:100%; height:calc(100% - 130px); }
.info-block-one { margin-bottom:30px; }
.info-block-one .inner-box p a { color:#555; }
.info-block-one .inner-box p a:hover { color:#32992B; }
.info-block-one .inner-box { background:#fff; }


.services-page { position:relative; display:block; padding:100px 0px; }

.privacy { position:relative; display:block; padding:100px 0px; }

/* Show Min More */
.show-more { margin:auto; }
.hidden { display:none; }
.showMore, .showLess { cursor:pointer; color:#32992B; white-space:nowrap; }
.showMore:hover, .showLess:hover { color:#021F3D; }

.display-xl { display:block !important; }
.display-xs { display:none !important; }

@media only screen and (max-width:500px), only screen and (max-device-width:500px) {

.display-xl { display:none !important; }
.display-xs { display:block !important; }

.banner-carousel .content-box { padding-left:20px; padding-right:20px; text-align:left !important; min-height:450px !important; }
.banner-carousel .content-box h1 { font-size:30px; line-height:36px; }
.banner-carousel .content-box h2 { font-size:24px; line-height:30px; }

.service-style-two { padding-top:60px !important; }
.service-style-two .left-panel { margin-right:0px; padding:10px; }
.service-style-two .left-panel .inner-box { text-align:left; }
.service-block-two .inner-box { padding-left:20px; padding-right:20px; }

.feature-style-two { padding:60px 20px 30px !important; }
.feature-block-two .inner-box { min-height:auto; padding:20px 45px 25px 45px; }
.feature-block-two .inner-box .icon-box img { width:100px; }

.cloud-intro { padding-top:60px; padding-bottom:60px; text-align:left !important; }
.cloud-intro .sec-title h2 { text-align:left !important; padding-left:20px; }
.cloud-intro .shape-layer{ width:100%; height:auto; clip-path:none; }
.cloud-intro .text-col-left, .cloud-intro .text-col-right  { padding-right:20px; padding-left:20px; }
.cloud-intro .text-col-left { margin-bottom:20px; }
.cloud-intro .more-btn { padding-left:20px; margin-top:30px; }


.cloud-section { padding:50px 0px 0px !important; }
.cloud-section .sec-title h3 { text-align:left; margin-bottom:30px; padding-left:20px; }
.cloud-section .inner-box { padding-left:20px; padding-right:20px; }
.cloud-section .cloud-type { margin-bottom:50px; }
.cloud-section .list-item li { float:left; width:100%; }
.cloud-section .list-item li .single-item { padding-top:20px; padding-bottom:25px;  border:1px solid #eeeeee; height:160px; margin-bottom:20px; }
.cloud-section .list-item li:last-child .single-item{ border:1px solid #eeeeee; }

.cloud-services-section { padding:0px 0px 60px !important; text-align:center; }
.cloud-services-section .sec-title h3 { text-align:left; padding-left:20px; }
.cloud-service-tab__button .tabs-button-box { padding:80px 0 0px; }
.cloud-service-tab__button .tabs-button-box .tab-btn-item .inner { width:100px; height:100px; }

.why-choose-section { padding:60px 0px 30px !important; }
.why-choose-section .sec-title { text-align:left; }
.why-choose-section .content_block_1 .content-box { padding-left:20px !important; }
.why-choose-section .content_block_1 .content-box .sec-title h2 { text-align:left !important; margin-bottom:20px !important; }

.project-management { padding:60px 0px 20px !important; }
.project-management .sec-title h2 { text-align:left; margin-bottom:10px; }
.project-management .content_block_3 .content-box { margin-left:0px; padding-left:20px; padding-right:20px; }


.process-one { padding:60px 20px 30px !important; _text-align:left;  }
.process-one .sec-title { text-align:left; margin-bottom:30px !important; }
.process-one .processing-block-one { margin-bottom:50px; }
.process-one .processing-block-one .inner-box .shape { display:none !important; }
.process-one .processing-block-one .inner-box .icon-box { float:left; margin-bottom:20px; margin-right:50px;  }
.process-one .processing-block-one .inner-box h4 { text-align:left; }

.clients-section { padding:60px 0px 20px !important; }
.contact-style-two { padding:60px 20px !important; }
.subscribe-section .outer-container { padding:60px 20px !important; }

.footer-top { padding:20px 20px 30px !important; }

.page-title h1 { text-align:left !important; padding-left:20px; }
.page-title .bread-crumb { display:none !important; }

.about-section { padding:60px 20px; }
.about-section .sec-title { text-align:left; }
.about-section .content_block_1 .content-box { padding-left:0px; margin-right:0px; }


.about-img-box { position:relative; display:block; margin-bottom:30px;  }
.about-img-box-inner .single-box .inner img { width:160px !important; transition:all 500ms ease; }
.about-img-box-inner .single-box-2 { margin-top:50px; }
.about-img-box .overlay-box { position:absolute; top:50px; left:0; right:0; margin:0 auto; width:200px; height:300px; background-color:#222222; padding:28px 30px 0px; z-index:1; }
.about-img-box .overlay-box .box-one { position:absolute; top:0; left:0; width:10px; height:10px; background-color:#F42549; }
.about-img-box .overlay-box h3 { color:#ffffff; font-size:22px; line-height:32px; }


.tss-section { position:relative; padding:60px 20px 0px; }
.tss-section .sec-title h2 { text-align:left; color:#fff !important; }
.tss-section .content-box  { padding:30px 30px 0px; }

.believe-section { padding:30px 20px 0px; }
.believe-section .inner-content .single-item { width:100%; margin-bottom:30px; }

.services-page { padding:60px 20px 30px; }
/** Services Block Left **/
.service-block .inner-box { margin-bottom:35px; margin-left:0px; padding:40px 15px;  }
.service-block .inner-box:before { position:relative; content:''; }
.service-block .icon { display:none; }
.service-block .inner-box .content { padding:0px 20px; }
.service-block .inner-box .content .service-img { margin-bottom:20px; }

/** Services Block Right **/
.service-block-right { }
.service-block-right .inner-box { margin-bottom:35px; margin-right:0px; padding:40px 15px !important;  }
.service-block-right .inner-box:before { position:relative; content:''; }
.service-block-right .icon { display:none; }
.service-block-right .inner-box .content { padding:0px 20px; }
.service-block-right .inner-box .content .service-img { margin-bottom:20px; }









.integration-service { padding:60px 20px 0px; }
.integration-service .sec-title { text-align:left; }
.integration-service .integration-img { margin-bottom:20px; }



.team-section { padding:60px 20px 0px !important; }
.team-blcok { position:relative; display:block; margin-bottom:50px; }
.team-blcok .team-info { background:#f4f4f4; margin-top:100px; padding:50px; }
.team-blcok .team-info .team-upper { margin-bottom:10px !important; clear:both; }
.team-blcok .team-info .team-img { position:relative; margin-top:-100px; margin-bottom:20px; }
.team-blcok .team-info .team-title { min-height:auto; padding-left:0px; margin-bottom:10px; }
.team-blcok .team-info .team-title h3 { margin-bottom:10px; }
.team-blcok .team-info .team-title h5 {  }
.team-blcok .team-info .team-profile {  }
.team-blcok .team-info .team-profile p { margin-bottom:12px; }


}