/* INDEX
----------------------------------------------------------------------------------------
01. Global Variables
02. General css
03. Header css
04. Hero css
05. About us css
06. Services css
07. Portfolio css
08. why choose us css
09. Our Clients css
10. Testimonials css
11. Latest Post css
12. Footer css
13. About us page css
14. Services Page css
15. Portfolio Page css
16. Blog Archive css
17. Contact Us Page css
18. Blog Single css
19. Services Single css
20. Portfolio Singe css
21. Faqs Page css
22. 404 Page css
23. Responsive css
--------------------------------------------------------------------------------------- */

/************************************/
/*** 	 01. Global Variables	  ***/
/************************************/

html{scroll-behavior: smooth;font-size: 62.5%;}

:root{
	--primary-color		       : #15161B;
	--secondary-color	       : #F7F8FD;
	--text-color		       : #15161B;
	--accent-color		       : #FF5538;
	--white-color		       : #FFFFFF;
    --black-color              : #000000;
	--divider-color		       : #E1E4EB;
    --border-color             : #e0e0e0;
    --img-hover-effect         : rgba(255,255,255,.3);
    --work-img-box-shadow      : 2rem 0 5rem rgba(0, 0, 0, 0.5), 2rem .8rem 3.5rem rgba(0, 0, 0, 0.5);
    --partner-box-shadow       : 0 .4rem 1.2rem rgba(0, 0, 0, 0.1);
    --partner-box-hover-shadow : 0 .8rem 2rem rgba(0, 0, 0, 0.2);
    --page--banner-box-shadow  : rgba(0, 0, 0, 0.5);
	--error-color		       : rgb(230, 87, 87);
	--default-font		       : "Manrope", sans-serif;
}

/************************************/
/*** 	   02. General css		  ***/
/************************************/
body{font-family: var(--default-font);font-size: 1.6rem;font-weight: 500;line-height: 1.5em;color: var(--text-color);background: var(--white-color);}
p{line-height: 1.6em;margin-bottom: 1.5em;}
h1,h2,h3,h4,h5,h6{margin :0;font-weight: 700;color: var(--primary-color);line-height: 1.1em;}
figure{margin: 0;}
img{max-width: 100%;}
a{text-decoration: none;}
a:hover{text-decoration: none;outline: 0;}
a:focus{text-decoration: none;outline: 0;}
html,body{width: 100%;overflow-x: clip;}
.container{max-width: 130rem;}
.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{padding-right: 1.5rem;padding-left: 1.5rem;}
.image-anime{position: relative;overflow: hidden;}
.image-anime:after{content: "";position: absolute;width: 200%;height: 0%;left: 50%;top: 50%;background-color: var(--img-hover-effect);transform: translate(-50%,-50%) rotate(-45deg);z-index: 1;}
.image-anime:hover:after{height: 250%;transition: all 600ms linear;background-color: transparent;}
.reveal{position: relative;display: inline-flex;visibility: hidden;overflow: hidden;}
.reveal img{height: 100%;width: 100%;-o-object-fit: cover;object-fit: cover;-webkit-transform-origin: left;transform-origin: left;}
.row{margin-right: -1.5rem;margin-left: -1.5rem;}
.row > *{padding-right: 1.5rem;padding-left: 1.5rem;}
.row.no-gutters{margin-right: 0;margin-left: 0;padding-left: 0;padding-right: 0;}
.btn-default{display: inline-block;font-size: 1.6rem;font-weight: 700;line-height: 1.1em;color: var(--white-color);background: var(--accent-color);text-transform: capitalize;padding: 1.5rem 4.5rem 1.5rem 2rem;
border: .2rem solid var(--accent-color);border-radius: 10rem;transition: 0.3s ease-in-out;position: relative;overflow: hidden;z-index: 1;}
.btn-default::before{content: '\f062';position: absolute;top: 50%;right: 0;bottom: 0;font-family: 'FontAwesome';font-size: 1.8rem;font-weight: 900;background: transparent;color: var(--white-color);
transform: translate(-2rem, -50%) rotate(45deg);display: flex;align-items: center;justify-content: center;transition: 0.3s ease-in-out;}
.btn-default:hover:before{color: var(--accent-color);transform: translate(-2rem, -50%) rotate(90deg);}
.btn-default::after{ content: '';display: block;width: 0;position: absolute;top: 0;left: 0;bottom: 0;z-index: -1;background: var(--white-color);border-radius: 3rem;transition: 0.3s ease-in-out;}
.btn-default:hover::after{width: 100%;}
.btn-default:hover{color: var(--accent-color);}
#magic-cursor{position: absolute;width: 1rem !important;height: 1rem !important;pointer-events: none;z-index: 1000000;}
#ball{position: fixed;display: block;left: 0;top: 0;transform: translate(-50%, -50%);width: 1rem !important;height: 1rem !important;background: var(--accent-color);border-radius: 50%;pointer-events: none;
opacity:1 !important;}
.preloader{position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 1000;background-color: var(--accent-color);display: flex;align-items: center;justify-content: center;}
.loading-container,
.loading{height: 20rem;position: relative;width: 20rem;border-radius: 100%;}
.loading-container{margin: 4rem auto}
.loading{border: .1rem solid transparent;border-color: transparent var(--primary-color) transparent var(--primary-color);animation: rotate-loading 1.5s linear 0s infinite normal;transform-origin: 50% 50%;}
.loading-container:hover .loading,.loading-container .loading{transition: all 0.5s ease-in-out;}
#loading-icon{position: absolute;top: 50%;left: 50%;width: 100%;text-align: center;transform: translate(-50%, -50%);}
#loading-icon img{filter: brightness(0);width: 15rem;}

@keyframes rotate-loading{
	0%{transform: rotate(0deg);}
	100%{transform: rotate(360deg);}
}

.section-row{margin-bottom: 6rem;}
.section-btn{text-align: end;}
.section-title{text-align: left;}
.section-title h3{font-size: 2rem;font-weight: 700;text-transform: capitalize;color: var(--accent-color);margin-bottom: 1rem;}
.section-title h1,.section-title h2{font-size: 5.5rem;letter-spacing: -0.05em;font-weight: 700;margin-bottom: 0;}
.section-title h1 span,
.section-title h2 span{color: var(--accent-color);}
.divider-bg{background-color: var(--divider-color);}

/************************************/
/**** 	   03. Header css		 ****/
/************************************/
header.main-header{background-color: var(--secondary-color);position: relative;z-index: 100;}
header.main-header .header-sticky{padding: 2.5rem 0;position: relative;top: 0; z-index: 100;}
header.main-header .header-sticky.hide{transform: translateY(-100%);transition: transform 0.3s ease-in-out;padding: 2rem 0;border-radius: 0;border-bottom: .1rem solid var(--divider-color);}
header.main-header .header-sticky.active{position: fixed;top: 0;left: 0;right: 0;border-radius: 0;border-bottom: .1rem solid var(--divider-color);transform: translateY(0);background: var(--white-color);
backdrop-filter: blur(3rem);}
.navbar{padding:0;align-items:center;}
.navbar-brand{padding:0;margin:0;}
.navbar-brand img{width:25rem;min-width:20.5rem;filter:brightness(0);}
.main-menu .nav-menu-wrapper{flex:1;text-align:center;}
.main-menu .nav-menu-wrapper > ul{align-items:center;display:inline-flex;}
.main-menu ul li{margin:0 1rem;position:relative;}
.main-menu ul li a{font-size:1.6rem;font-weight:700;padding:1.5rem 1rem !important;color:var(--primary-color);text-transform:capitalize;transition:all 0.3s ease-in-out;}
.main-menu ul li.submenu > a:after{content:'\f107';font-family:'FontAwesome';font-weight:900;font-size:1.4rem;margin-left:.8rem;}
.main-menu ul li a:hover,.main-menu ul li a:focus{color: var(--accent-color);}
.main-menu ul ul{visibility:hidden;opacity:0;transform:scaleY(0.8);transform-origin:top;padding:0;margin:0;list-style:none;width:21rem;border-radius:1.5rem;position:absolute;left:0;top:100%;overflow:hidden;
background-color:var(--accent-color);transition:all .3s ease-in-out;text-align:left;}
.main-menu ul ul ul{left:100%;top:0;text-align:left;}
.main-menu ul ul li{margin:0;padding:0;}
.main-menu ul ul li a{color:var(--white-color);padding:.8rem 2rem !important;}
.main-menu ul li:hover > ul{visibility:visible;opacity:1;transform:scaleY(1);padding:.5rem 0;}
.main-menu ul ul li a:hover{color:var(--primary-color);background-color:transparent;}
.main-menu ul li.highlighted-menu{display:none;}
.responsive-menu,.navbar-toggle{display: none;}
.responsive-menu{top:2rem;position:relative;}
.slicknav_btn{background:var(--accent-color);padding:.6rem 0 0;width:3.8rem;height:3.8rem;margin:0;border-radius:1rem;}
.slicknav_icon .slicknav_icon-bar{display:block;width:2.2rem;height:.3rem;background-color:var(--white-color);border-radius:.6rem;margin:.4rem auto !important;transition:all 0.1s ease-in-out;}
.navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(1){transform: rotate(-45deg) translate(-.5rem, .5rem);}
.navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(2){opacity: 0;}
.navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(3){transform: rotate(45deg) translate(-.5rem, -.5rem);}
.slicknav_menu{padding: 0;background: var(--accent-color);}
.slicknav_menu ul{margin: .5rem 0;}
.slicknav_menu ul ul{margin: 0;}
.slicknav_nav .slicknav_row,.slicknav_nav li a{position: relative;font-size: 1.6rem;font-weight: 700;text-transform: capitalize;padding: 1rem 2rem;color: var(--white-color);line-height: normal;margin: 0;
border-radius: 0 !important;}
.slicknav_nav a:hover,.slicknav_nav .slicknav_row:hover{background-color: transparent;color: var(--primary-color);}
.slicknav_menu ul ul li a{padding:1rem 2rem 1rem 3rem;}
.slicknav_arrow{font-size:0 !important;}
.slicknav_arrow:after{content:'\f107';font-family:'FontAwesome';font-weight:900;font-size:1.2rem;margin-left:.8rem;color:var(--white-color);position:absolute;right:1.5rem;top:1.5rem;transition:all 0.3s ease-out;}
.slicknav_open > a .slicknav_arrow:after{transform: rotate(-180deg);}

/************************************/
/***        04. Hero css	      ***/
/************************************/
.hero{position:relative;background-image:url(../images/background-hero.webp);background-repeat:no-repeat;background-position:bottom center;background-size:cover;padding:18rem 0;z-index:1;}
.hero .shape{position:absolute;right:0;bottom:0;width:100%;}
.hero h1{color:var(--white-color);}
.hero::after{content:"";background:var(--black-color);height:100%;left:0;opacity:0.7;position:absolute;top:0;width:100%;z-index:-1;transition:all 0.35s ease-in-out;}
.hero-content{margin-right:9.5rem;}
.hero-content .section-title{margin-bottom:3rem;}
.hero-body{width:100%;max-width:56.8rem;margin-bottom:4rem;}
.hero-body p{color:var(--white-color);}
.hero-image img{border-radius:4rem;}
.hero-video-image{position:relative;}
.hero-play-button{position:absolute;top:50%;left:0;transform:translate(-50%,-50%);z-index:1;}
.hero-play-button i{font-size:2.6rem;background-color:var(--accent-color);color:var(--white-color);width:9rem;height:9rem;border:.7rem solid var(--secondary-color);display:flex;justify-content:center;
align-items:center;border-radius:50%;}

/************************************/
/***       05. About us css	      ***/
/************************************/
.about-us{padding:10rem 0;}
.about-image{position:relative;padding-right:7rem;}
.about-img img{border-radius:4rem;}
.about-consultation{position:absolute;top:50%;right:-1%;transform:translateY(-50%);z-index:1;}
.about-consultation img{animation:rotate 30s infinite linear;border:.7rem solid var(--white-color);border-radius:100%;}
.about-us p a,.page-about p a{color:var(--text-color);text-decoration:underline;transition:all 0.3s ease-in-out;}
.about-us p a:hover,.page-about p a:hover{color:var(--accent-color);}

@keyframes rotate{
	from{transform: rotate(0deg);}
	to{transform: rotate(360deg);}
}

.about-content ul{padding:0;margin:0 0 2rem;display:flex;flex-wrap:wrap;list-style:none;}
.about-content ul li{width:48%;margin-right:2%;position:relative;padding-left:3rem;margin-bottom:2rem;font-size:1.8rem;font-weight:700;color:var(--primary-color);}
.about-content ul li:before{content:'\f138';font-family:"Font Awesome 6 Free";color:var(--accent-color);font-size:2rem;font-weight:900;position:absolute;top:.1rem;left:0;}

/************************************/
/***        06. Services css	  ***/
/************************************/
.our-services{padding:10rem 0 7rem;}
.service-item{padding:2rem 0;height:calc(100% - 3rem);margin-bottom:3rem;}
.service-content{padding:2rem 0;}
.service-content-title{display:flex;align-items:center;justify-content:space-between;border-bottom:.1rem solid var(--divider-color);padding-bottom:2.5rem;margin-bottom:2.5rem;}
.service-content-title h2{font-size:2.4rem;width:100%;max-width:26rem;text-transform:capitalize;}
.service-content-title a{background-color:var(--accent-color);color:var(--white-color);border-radius:50%;display:flex;align-items:center;justify-content:center;width:6rem;height:6rem;}
.service-content-title a img{transition:all 0.3s ease-in-out;}
.service-item:hover .service-content-title img{transform:rotate(45deg);}
.service-content p{margin:0;}.service-image{border-radius:3rem;overflow:hidden;}
.service-image img{border-radius:3rem;transition:all 0.5s ease-out;}
.service-item:hover .service-image img{transform:scale(1.1);}


/************************************/
/***      07. Portfolio css	      ***/
/************************************/
.our-work{padding:10rem 0 7rem;}
.works-item{border-radius:4rem;padding:2rem 2rem 4rem 2rem;height:calc(100% - 3rem);margin-bottom:3rem;}
.works-image{margin-bottom:3rem;border-radius:3rem;overflow:hidden;box-shadow:var(--work-img-box-shadow);}
.works-image img{border-radius:3rem;transition:all 0.5s ease-out;}
.works-item:hover .works-image img{transform:scale(1.1);}
.works-content{padding:0 2rem;}
.works-content h2{font-size:2.6rem;text-transform:capitalize;margin-bottom:2rem;}
.works-content h2 a{color:var(--primary-color);transition:all 0.3s ease-in-out;}
.works-item:hover .works-content h2 a{color:var(--accent-color);}
.works-content p{margin:0;}

/************************************/
/***    08. Why Choose us css	  ***/
/************************************/
.why-choose-us{padding:10rem 0;}
.why-choose-us-item{background-color:var(--white-color);border-radius:4rem;padding:4rem;height:calc(100% - 3rem);margin-bottom:3rem;}
.why-choose-us-item .icon-box{margin-bottom:3rem;}
.why-choose-us-item h3{font-size:2.6rem;text-transform:capitalize;margin-bottom:2rem;}
.why-choose-us-item p{margin:0;}
.why-us-explore-item{position:relative;background-color:var(--white-color);border-radius:4rem;padding:7rem;}
.why-us-explore-item .section-title{width:100%;max-width:80rem;margin-bottom:6rem;}
.explore-item-icon{position:absolute;top:7rem;right:7rem;}
.explore-item-content p{margin:0;}
.explore-item-tags{text-align:end;}
.explore-item-tags ul{list-style:none;padding:0;margin:0;}
.explore-item-tags ul li{display:inline-block;margin-right:2rem;}
.explore-item-tags ul li:last-child{margin-right: 0;}
.explore-item-tags ul li .btn-default{background-color: var(--secondary-color);color: var(--primary-color);border: none;}
.explore-item-tags ul li .btn-default:hover{color: var(--white-color);}
.explore-item-tags ul li .btn-default::before{color: var(--primary-color);}
.explore-item-tags ul li .btn-default:hover:before{color: var(--white-color);}
.explore-item-tags ul li .btn-default::after{background: var(--accent-color);}

/************************************/
/***    09. Our Clients css       ***/
/************************************/
.exclusive-partners{padding:10rem 0;}
.partners-logo{background-color:var(--secondary-color);margin-bottom:3rem;font-size:1.8rem;width:100%;text-transform:capitalize;font-weight:900;color:var(--primary-color);line-height:1.1em;display:flex;
align-items:center;gap:1rem;border:.1rem solid var(--border-color);padding:1.2rem 2rem;border-radius:1.2rem;box-shadow:var(--partner-box-shadow);cursor:pointer;transition:all .3s ease-in-out;}
.partners-logo:hover{transform:translateY(-.4rem);box-shadow:var(--partner-box-hover-shadow);}
.partners-logo i{color:var(--accent-color);font-size:4rem;}

/************************************/
/***    10. Testimonials css      ***/
/************************************/
.clients-testimonials{padding:10rem 0;}
.testimonial-item{background-color:var(--white-color);border-radius:4rem;padding:5rem;height:100%;}
.testimonial-rating{margin-bottom:2rem;}
.testimonial-content{margin-bottom:2rem;}
.testimonial-body{display:flex;align-items:center;}
.testimonial-body img{width:6rem;height:6rem;border-radius:50%;margin-right:2rem;}
.testimonial-author-title h2{font-size:2.2rem;text-transform:capitalize;margin-bottom:1rem;}
.testimonial-author-title p{margin:0;}
.testimonial-slider .swiper-pagination{position:relative;bottom:0;margin-top:3rem;}
.testimonial-slider .swiper-pagination .swiper-pagination-bullet{width: 1.6rem;height: 1.6rem;background: var(--white-color);opacity: 1;transition: all 0.3s ease-in-out;margin: 0 .5rem;}
.testimonial-slider .swiper-pagination .swiper-pagination-bullet-active{background-color: var(--accent-color);}

/************************************/
/***    11. Latest Post css       ***/
/************************************/
.latest-news{padding:10rem 0 7rem;}
.blog-item{position:relative;overflow:hidden;background-color:var(--secondary-color);border-radius:4rem;padding:1rem;height:calc(100% - 3rem);margin-bottom:3rem;}
.post-featured-image{border-radius:4rem;overflow:hidden;}
.post-featured-image img{border-radius:4rem;transition:all 0.5s ease-out;}
.blog-item:hover .post-featured-image img{transform:scale(1.1);}
.post-item-body{margin:2rem;}.post-item-body h2{display:block;line-height:1.4em;font-size:2.2rem;padding-bottom:1rem;}
.post-item-body p{margin-bottom:1.5rem;}
.post-item-body p a,.post-item-body h2 a{color: inherit;}

/************************************/
/***        12. Footer css        ***/
/************************************/
.main-footer{background-color:var(--primary-color);padding:8rem 0 0;color:var(--white-color);}
.mega-footer{margin-bottom:4rem;}
.footer-about img{margin-bottom:3rem;width:25rem;}
.footer-about ul{list-style:none;padding:0;margin:0;}
.footer-about ul li{margin-bottom:1.5rem;}
.footer-about ul li:last-child{margin-bottom:0;}
.footer-about ul li a{font-size:2.2rem;font-weight:700;color:var(--white-color);text-transform:capitalize;margin-bottom:2rem;transition:all .3s ease-in-out;}
.footer-about ul li a:hover{color:var(--accent-color);}
.footer-links h2{font-size:2.2rem;color:var(--accent-color);text-transform:capitalize;margin-bottom:2rem;}
.footer-links ul{list-style:none;padding:0;margin:0;}
.footer-links ul li{margin-bottom:1.5rem;color:var(--text-color);text-transform:capitalize;transition:all 0.3s ease-in-out;}
.footer-links ul li:hover{color:var(--accent-color);}
.footer-links ul li:last-child{margin-bottom:0;}
.footer-links ul li a{color:var(--white-color);transition:all .3s ease-in-out;}
.footer-links ul li a:hover{color:var(--accent-color);}
.footer-copyright{padding:2rem 0;border-top:.1rem solid var(--divider-color);color:var(--white-color);}
.footer-copyright-text p{margin:0;}
.footer-policy-links ul{list-style:none;margin:0;padding:0;text-align:end;}
.footer-policy-links ul li{display:inline-block;text-transform:capitalize;margin-right:3rem;}
.footer-policy-links ul li:last-child{margin-right:0;}
.footer-policy-links ul li a{color:var(--white-color);transition:all .3s ease-in-out;}
.footer-policy-links ul li a:hover{color:var(--accent-color);}
.main-footer .back-to-top-scroll{position:fixed;display:none;right:2rem;bottom:2rem;width:6rem;height:6rem;cursor:pointer;text-align:center;background:var(--accent-color);border-radius:50%;display:flex;
justify-content:center;align-items:center;z-index:998;opacity:0;transform:scale(0.9);visibility:hidden;pointer-events:none;transition:all .5s;}
.main-footer .back-to-top-scroll i{color:var(--white-color);font-size:2rem;}
.main-footer .back-to-top-scroll.active{opacity:1;transform:scale(1);visibility:visible;pointer-events:auto;}

/************************************/
/***    13. About us page css     ***/
/************************************/
.page-header{position:relative;background:var(--secondary-color);padding:18rem 0;background-repeat:no-repeat;background-position:center center;}
.page-header::before{content:'';position:absolute;background:var(--page--banner-box-shadow);right:0;top:0;width:100%;height:100%;}
.page-header-box{position:relative;z-index:1;text-align:center;}
.page-header-box h1{font-size:7rem;letter-spacing:-0.05em;margin-bottom:2rem;color:var(--white-color);}
.page-header-box ol{display:inline-flex;margin-bottom:0;justify-content:center;border:.2rem solid var(--accent-color);border-radius:10rem;padding:.6rem 2rem;}
.page-header-box ol li.breadcrumb-item{color:var(--accent-color);text-transform:capitalize;}
.page-header-box ol li.breadcrumb-item a{color:inherit;}
.page-header-box ol .breadcrumb-item+.breadcrumb-item::before{color: var(--accent-color);}
.page-about{padding:10rem 0;}
.page-about-image{position:relative;margin-right:2rem;padding-bottom:7.5rem;}
.about-img-2{position:absolute;bottom:0;right:0;}
.about-img-1 img{border-radius:4rem;}
.about-img-2 img{border-radius:4rem;border:.5rem solid var(--white-color);width:35rem;}
.work-experience{position:absolute;top:3rem;left:-5rem;background-color:var(--accent-color);border-radius:2rem;display:inline-flex;align-items:center;padding:2rem;}
.work-experience-icon{margin-right:1.5rem;}
.work-experience-content h3{font-size:4rem;color:var(--white-color);text-align:left;margin-bottom:.5rem;}
.work-experience-content p{font-size:1.8rem;color:var(--white-color);margin:0;}
.page-about .about-content .section-title{margin-bottom:3rem;}
.overview-company{background-color:var(--secondary-color);padding:10rem 0 7rem;}
.counter-box{background-color:var(--white-color);border-radius:4rem;text-align:center;padding:3rem;margin-bottom:3rem;}
.counter-box h3{font-size:2.8rem;margin-bottom:1rem;line-height:1.7em;}
.counter-box h3 em,.counter-box h3 span{font-size: 5.6rem;font-style: normal;padding: 0;margin: 0;}
.counter-box p{margin:0;}
.our-team{padding:10rem 0 7rem;}
.team-member-item{margin-bottom:3rem;}
.team-member-item .team-image{position:relative;overflow:hidden;border-radius:4rem;margin-bottom:2rem;}
.team-member-item .team-image img{width:100%;border-radius:4rem;transition:all 0.5s ease-in-out;}
.team-member-item:hover .team-image img{transform:scale(1.1);}
.team-image .our-team-social-icon{position:absolute;left:0;right:0;bottom:-3rem;opacity:0;transition:all 0.3s ease-out;z-index:2;}
.team-member-item:hover .team-image .our-team-social-icon{bottom:0;opacity:1;}
.our-team-social-icon ul{list-style-type:none;padding:0 2rem 3rem;margin:0;text-align:center;}
.our-team-social-icon ul li{display:inline-block;text-align:center;margin-right:1rem;}
.our-team-social-icon ul li:last-child{margin-right:0;}
.our-team-social-icon ul li a{display:block;}
.our-team-social-icon ul li a i{background:var(--accent-color);border-radius:.8rem;color:var(--white-color);font-size:2.2rem;width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;
transition:all 0.3s ease-out;}
.our-team-social-icon ul li a i:hover{background:var(--white-color);color:var(--accent-color);}
.team-body{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;}
.team-content{width:calc(100% - 6rem);}
.team-content h3{font-size:2.4rem;margin-bottom:.5rem;}
.team-content p{margin:0;}
.team-icon a{background:var(--accent-color);border-radius:50%;width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease-out;}
.scrolling-ticker{padding:1.5rem 0;color:var(--white-color);background-color:var(--accent-color);}
.scrolling-ticker-box{--gap:2rem;position:relative;display:flex;overflow:hidden;user-select:none;gap:var(--gap);}
.scrolling-content{flex-shrink:0;display:flex;gap:var(--gap);min-width:100%;animation:scroll 24s linear infinite;}
.scrolling-content span{display:inline-flex;align-items:center;font-family:var(--accent-font);font-size:4rem;line-height:1.4em;font-weight:700;}

@keyframes scroll{
	from{transform: translateX(0);}
	to{transform: translateX(calc(-100% - var(--gap)));}
}

.scrolling-content span i{font-size: .8rem;color: var(--white-color);margin-right: 2rem;}
.clients-testimonials.about-testimonials{background-color: var(--white-color);}
.clients-testimonials.about-testimonials .testimonial-item{background-color: var(--secondary-color);}
.clients-testimonials.about-testimonials .testimonial-slider .swiper-pagination .swiper-pagination-bullet{background: var(--secondary-color);}
.clients-testimonials.about-testimonials .testimonial-slider .swiper-pagination .swiper-pagination-bullet-active{background-color: var(--accent-color);}

/************************************/
/***    15. Portfolio Page css    ***/
/************************************/
.our-projects{padding:10rem 0 7rem;}
.our-projects-nav{margin-bottom:5rem;}
.our-projects-nav ul{list-style:none;text-align:center;padding:0;margin:0;}
.our-projects-nav ul li{display:inline-block;background:var(--secondary-color);color:var(--primary-color);text-transform:capitalize;margin-right:2rem;transition:0.4s ease-in-out;}
.our-projects-nav ul li a{padding:1.5rem 2rem 1.5rem 2rem;border-radius:10rem;}
.our-projects-nav ul li:last-child{margin-right:0;}
.our-projects-nav ul li:hover a{background-color:var(--accent-color);color:var(--white-color);}
.our-projects-nav ul li a{font-size:1.6rem;font-weight:700;line-height:1.1em;color:inherit;}

/************************************/
/***     16. Blog Archive css     ***/
/************************************/
.latest-news.our-blog{padding: 10rem 0;}
.post-pagination {margin-top: 3rem;text-align: center;}
.post-pagination ul {justify-content: center;padding: 0;margin: 0;}
.post-pagination ul li a, .post-pagination ul li span {display: flex;text-decoration: none;justify-content: center;align-items: center;background: var(--accent-color);color: var(--white-color);width: 4rem;
height: 4rem;margin: 0 .4rem;border-radius: 1rem;font-weight: 700;transition: all 0.3s ease-out;}
.post-pagination ul li.active a, .post-pagination ul li a:hover {background: var(--secondary-color);color: var(--accent-color);}

/************************************/
/***   17. Contact Us Page css    ***/
/************************************/
.contact-information{padding:10rem 0 5rem;}
.contact-item{border-radius:4rem;padding:2rem;height:100%;}
.contact-content{padding:2rem;}
.contact-content-title{display:flex;align-items:center;justify-content:space-between;border-bottom:.1rem solid var(--divider-color);padding-bottom:2.5rem;margin-bottom:2.5rem;}
.contact-content-title h2{font-size:2.6rem;text-transform:capitalize;}
.contact-content-title a{background-color:var(--accent-color);color:var(--white-color);border-radius:50%;display:flex;align-items:center;justify-content:center;width:6rem;height:6rem;}
.contact-item p{width:100%;max-width:28rem;margin:0;}
.contact-image{border-radius:3rem;overflow:hidden;}
.contact-image img{border-radius:3rem;transition:all 0.5s ease-out;}
.contact-item:hover .contact-image img{transform:scale(1.1);}
.contact-us{padding:5rem 0;}
.contact-details .section-title{margin-bottom:3rem;width:100%;max-width:52.5rem;}
.contact-detail-body p{margin-bottom:3.5rem;}
.contact-detail-body h3{font-size:4rem;text-transform:capitalize;letter-spacing:-0.05em;margin-bottom:2.5rem;}
.contact-detail-body ul{list-style:none;padding:0;margin:0;}
.contact-detail-body ul li{display:inline-block;margin-right:1.2rem;}
.contact-detail-body ul li:last-child{margin-right:0;}
.contact-detail-body ul li a{background-color:var(--accent-color);border:.2rem solid var(--accent-color);width:5rem;height:5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;
transition:all 0.3s ease-in-out;}
.contact-detail-body ul li a:hover{background-color:var(--white-color);}
.contact-detail-body ul li a i{font-size:2.2rem;color:var(--white-color);transition:all 0.3s ease-in-out;}
.contact-detail-body ul li a:hover i{color:var(--accent-color);}
.contact-form-box{border-radius:4rem;padding:4rem;}
.contact-form .form-control{background-color:var(--white-color);border-radius:1rem;border:.1rem solid var(--border-color);box-shadow:none;padding:1.2rem 2rem;font-size:1.6rem;line-height:2.4rem;resize:none;
transition:all 500ms ease;}
.contact-form .form-control:focus{border:.1rem solid var(--accent-color);}
.contact-form .form-control::placeholder{font-size:1.6rem;font-weight:500;text-transform:capitalize;}
.contact-form .help-block.with-errors{margin-top:.5rem;}
.contact-form .form-group{margin-bottom:2.4rem!important;}
.help-block.with-errors ul{margin-bottom:0;}
.help-block.with-errors ul li{color:var(--error-color);font-weight:500;font-size:1.4rem;}
.google-map{padding:5rem 0 10rem;}
.google-map iframe{width:100%;height:40rem;border-radius:4rem;filter:grayscale(100%);transition:all 0.3s ease-out;}
.google-map iframe:hover{filter:grayscale(0%);}

/************************************/
/***     18. Blog Single css      ***/
/************************************/
.post-single-meta ul{padding:0;margin:0;list-style:none;}
.post-single-meta ul li{display:inline-block;margin-right:3rem;color:var(--white-color);}
.post-single-meta ul li:last-child{margin-right:0;}
.post-single-meta ul li i{font-size:1.6rem;color:var(--accent-color);margin-right:1rem;}
.page-single-post{padding:2rem 0 5rem;}
.post-single-image{max-width:120rem;margin:0 auto 4rem;overflow:hidden;}
.post-single-image img{border-radius:4rem;}
.post-content{max-width:110rem;margin:0 auto;}
.post-entry{border-bottom:.1rem solid var(--divider-color);margin-bottom:3rem;}
.post-entry h2{font-size:4rem;margin-bottom:3rem;}
.post-entry ul{padding:0;margin:0 0 3rem;list-style:none;}
.post-entry ul li{position:relative;padding-left:3rem;margin-bottom:2rem;font-size:1.8rem;color:var(--primary-color);}
.post-entry ul li:before{content:'\f138';font-family:"Font Awesome 6 Free";color:var(--accent-color);font-size:2rem;font-weight:700;position:absolute;top:0;left:0;}
.post-entry blockquote{background:var(--secondary-color);border-radius:3rem;padding:4rem;margin-bottom:3rem;}
.post-entry blockquote p{background:url(../images/icon-blockquote.svg) no-repeat 0 .6rem;font-size:2.6rem;color:var(--primary-color);font-weight:700;line-height:1.3em;padding-left:7rem;}
.post-entry blockquote p:last-child{margin-bottom:0;}
.post-tags .btn-default{padding:1.2rem 2rem;font-weight:500;margin-right:1.5rem;border:none;background-color:var(--secondary-color);color:var(--primary-color);}
.post-tags .btn-default:hover{color:var(--white-color);}
.post-tags .btn-default:last-child{margin-right:0;}
.post-tags .btn-default::before{display:none;}
.post-tags .btn-default::after{background-color:var(--accent-color);}
.post-social-links{text-align:right;}
.post-social-links ul{list-style:none;padding:0;margin:0;}
.post-social-links ul li{display:inline-block;margin-right:1.2rem;}
.post-social-links ul li:last-child{margin-right:0;}
.post-social-links ul li a{background-color:var(--accent-color);border:.2rem solid var(--accent-color);width:5rem;height:5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;
transition:all .3s ease-in-out;}
.post-social-links ul li a:hover{background-color:var(--white-color);}
.post-social-links ul li a i{font-size:2.2rem;color:var(--white-color);transition:all .3s ease-in-out;}
.post-social-links ul li a:hover i{color:var(--accent-color);}
.latest-news.related-articles{padding:5rem 0 7rem;}

/************************************/
/***   19. Services Single css    ***/
/************************************/
.page-service-single{padding:10rem 0;}
.service-featured-image{margin-bottom:3rem;}
.service-featured-image img{border-radius:4rem;}
.services-list-box{border-radius:4rem;padding:0rem;}
.services-list-box .icon-box{margin-bottom:2rem;}
.services-list-box h3{font-size:2.6rem;margin-bottom:3rem;text-transform:capitalize;}
.services-list-box ul{padding:0;margin:0 0 3rem;list-style:none;}
.services-list-box ul li{position:relative;padding-left:2.5rem;margin-bottom:2rem;}
.services-list-box ul li:before{content:'\f138';font-family:"Font Awesome 6 Free";color:var(--accent-color);font-size:1.4rem;font-weight:900;position:absolute;top:.1rem;left:0;}
.services-list-box ul li:last-child{margin-bottom:0;}
.services-list-box ul li a{color:var(--text-color);transition:all .3s ease-in-out;}
.services-list-box ul li:hover a{color:var(--accent-color);}
.services-list-box .btn-default{width:100%;}
.why-choose-us.why-services{background-color:var(--secondary-color);padding:10rem 0 7rem;}
.why-choose-us.why-services .section-title p{margin-bottom:0;margin-top:3rem;}
.your-choice{padding:10rem 0 7rem;}
.your-choice-item{background-color:var(--secondary-color);border-radius:4rem;padding:4rem;height:calc(100% - 3rem);margin-bottom:3rem;}
.your-choice-title{display:flex;align-items:center;justify-content:space-between;border-bottom:.1rem solid var(--divider-color);padding-bottom:2.5rem;margin-bottom:2.5rem;}
.your-choice-title h2{font-size:2.2rem;width:100%;max-width:20rem;}
.your-choice-item ul{list-style:none;padding:0;margin:0;}
.your-choice-item ul li{position:relative;padding-left:2.5rem;margin-bottom:1.5rem;}
.your-choice-item ul li:before{content:'\f138';font-family:"Font Awesome 6 Free";color:var(--accent-color);font-size:1.4rem;font-weight:900;position:absolute;top:.1rem;left:0;}
.your-choice-item ul li:last-child{margin-bottom:0;}
.your-choice-item ul li a{color:inherit;}
.service-faqs{padding:10rem 0;}
.ask-question{background-color:var(--secondary-color);border-radius:4rem;padding:4rem 3rem;position:sticky;top:11rem;}
.ask-question-content{margin-bottom:3rem;}
.ask-question-content h3{font-size:2.8rem;margin-bottom:2rem;}
.ask-question-content p{margin:0;}
.ask-contact-list{display:flex;align-items:center;background-color:var(--white-color);border-radius:10rem;padding:1rem;margin-bottom:2rem;}
.ask-contact-list:last-child{margin-bottom:0;}
.ask-contact-list .icon-box a{background-color:var(--accent-color);border-radius:50%;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;margin:0;}
.ask-contact-list .icon-box a img{width:1.4rem;}
.ask-contact-list a{margin:0;font-weight:700;color:var(--text-color);width:calc(100% - 4rem);margin-left:1rem;}
.ask-contact-list a span{color:var(--primary-color);}

/******************************************/
/****     20. Portfolio Singe css      ****/
/******************************************/
.page-project-single{padding:10rem 0 5rem;}
.project-feature-image{margin-bottom:5rem;text-align:center;}
.project-feature-image img{border-radius:4rem;}
.project-sidebar{padding-right:5rem;position:sticky;top:12rem;}
.about-project-box{background:var(--secondary-color);text-align:center;padding:4rem;border-radius:3rem;}
.about-project-box h2{font-size:2.4rem;margin-bottom:3rem;}
.project-info-box{border-bottom:.1rem solid var(--divider-color);padding-bottom:3rem;margin-bottom:3rem;}
.project-info-box:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0;}
.project-info-box .project-icon{margin-bottom:1.5rem;}
.project-info-box p{margin-bottom:1rem;}
.project-info-box h3{font-size:2rem;}
.project-info-box h3 a{color:var(--primary-color);transition:all .3s ease-in-out;}
.project-info-box h3 a:hover{color:var(--accent-color);}
.project-entry h2{font-size:4rem;text-transform:capitalize;margin-bottom:4rem;}
.project-entry ul{padding:0;margin:0;list-style:none;}
.project-entry ul li{position:relative;padding-left:3rem;margin-bottom:2rem;font-size:1.8rem;font-weight:700;color:var(--primary-color);}
.project-entry ul li:before{content:'\f138';font-family:"Font Awesome 6 Free";color:var(--accent-color);font-size:2rem;font-weight:700;position:absolute;top:0;left:0;}
.project-entry ul li:last-child{margin-bottom:0;}
.project-details-gallery{padding:5rem 0 10rem;}
.project-gallery-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(35rem,1fr));grid-auto-rows:1rem;gap:1.5rem;}
.project-gallery-items .project-gallery-item{display:block;grid-row-end:span var(--span,1);}
.project-gallery-items .project-gallery-item:nth-of-type(3n + 3){margin-right: 0;}
.project-gallery-items .project-gallery-item img{width: 100%;border-radius: 4rem;height: auto;display: block;}

/************************************/
/***      21. Faqs Page css       ***/
/************************************/
.faq-section{padding:10rem 0;}
.faq-accordion .accordion-item{margin-bottom:3rem;}
.faq-accordion .accordion-item:last-child{margin-bottom:0;}
.accordion-header .accordion-button{font-size:2.2rem;font-weight:700;background-color:var(--secondary-color);color:var(--primary-color);padding:1.2rem 6rem 1.2rem 2rem;border-radius:1.5rem !important;
transition:all .3s ease-in-out;}
.faq-accordion .accordion-button:not(.collapsed){background-color:var(--accent-color);color:var(--white-color);}
.accordion-header .accordion-button.collapsed{background-color:var(--secondary-color);transition:all .3s ease-in-out;}
.accordion-header .accordion-button::after{content:'\f106';position:absolute;top:50%;right:0;font-family:'Font Awesome 6 Free';font-size:1.6rem;font-weight:900;margin-left:.5rem;color:var(--white-color);
transform:translate(-3rem,-50%);transition:all .3s ease-in-out;}
.accordion-header .accordion-button.collapsed::after{transform:rotate(-180deg) translate(3rem,50%);color:var(--accent-color);}
.accordion-body{padding:1rem 6rem 2rem 2rem;}
.accordion-body p{margin:0;}

/************************************/
/***        22. 404 Page css      ***/
/************************************/
.error-page{text-align: center;padding: 10rem 0;}
.error-page-image{margin-bottom: 4rem;position: relative;}
.error-page-image .error-bg{position: absolute;left: 40%;top: 66%;transform: translate(-50%, -50%);z-index: -1;width: 75%;}
.error-page-content-heading{margin-bottom: 4rem;}
.error-page-content-heading h2{font-size: 7rem;margin-bottom: 3rem;}

/************************************/
/***        22. 404 Privacy Page css      ***/
/************************************/
.page-privacy{padding: 10rem 0;}
.page-privacy h2{font-size: 2.6rem;text-transform: capitalize;margin-bottom: 2rem;}
.page-privacy h3{font-size: 2rem;text-transform: capitalize;margin-bottom: 1rem;}

/************************************/
/***      23. Responsive css      ***/
/************************************/
@media only screen and (max-width: 1024px){
	.main-menu ul li{margin-left: 0;}
    .service-content-title a{width: 6rem;height: 5rem;}
}

@media only screen and (max-width: 500px){
    .partners-logo{flex-direction: column;}
}

@media only screen and (max-width: 991px){
    .section-row{margin-bottom: 4rem;}
    .section-title h3{font-size: 1.8rem;}
    .section-title h1,.section-title h2{font-size: 4.6rem;}
    .btn-default::before{font-size:1.6rem;}
    #magic-cursor{display:none !important;}
    .slicknav_nav li,.slicknav_nav ul{display:block;}
    .responsive-menu,.navbar-toggle{display:block;}
    header.main-header .header-sticky{padding:2rem 0;}
    .header-btn .btn-default{display:none;}
    .hero-video-image{text-align:center;margin-top:4rem;}
    .hero-play-button{left:50%;transform:translate(-50%,-50%);top:0;}
    .hero-content .section-title{margin-bottom:2rem;}
    .hero-body{margin-bottom:2rem;max-width:100%;}
    .about-us{padding:5rem 0;}
    .about-image{text-align:center;margin-bottom:9rem;padding-right:0;}
    .about-consultation{right:50%;top:auto;transform:translate(50%,-50%);}
    .about-content ul{margin:0 0 1rem;}
    .about-content ul li{font-size:1.6rem;}
    .about-content ul li:before{font-size:1.8rem;}
    .our-services{padding:5rem 0 2rem;}
    .service-content{padding:1rem 1rem 2rem;}
    .service-content-title h2{font-size:2.4rem;max-width:18rem;}
    .service-content-title a{width:5rem;height:5rem;}
    .service-content-title a img{width:1.8rem;}
    .service-content-title{padding-bottom:2rem;margin-bottom:2rem;}
    .our-work{padding:5rem 0 2rem;}
    .works-item{padding:2rem 2rem 3rem 2rem;}
    .works-image{margin-bottom:2rem;}
    .works-content h2{font-size:2.4rem;margin-bottom:1rem;}
    .works-content{padding:0 0 0 1rem;}
    .why-choose-us{padding:5rem 0;}
    .why-choose-us-item{padding:3rem;}
    .why-choose-us-item .icon-box{margin-bottom:2rem;}
    .why-choose-us-item h3{font-size:2.4rem;margin-bottom:1rem;}
    .why-us-explore-item{padding:4rem 3rem;}
    .why-us-section-title{padding-right:2rem;}
    .why-us-explore-item .section-title{margin-bottom:2rem;max-width:100%;}
    .explore-item-icon{top:7rem;right:1rem;}
    .explore-item-icon img{width:5rem;}
    .explore-item-content p{margin-bottom:2rem;}
    .explore-item-tags{text-align:start;}
    .exclusive-partners{padding:5rem 0 2rem;}
    .partners-logo{padding: 2rem 3rem;}
    .clients-testimonials{padding: 5rem 0;}
    .testimonial-item{padding: 3rem;}
    .testimonial-author-title h2{font-size: 2rem;margin-bottom: .5rem;}
    .latest-news{padding: 5rem 0 2rem;}
    .post-item-body h2{font-size: 2rem;}
    .main-footer{padding: 4rem 0 0;}
    .footer-about{margin-bottom: 3rem;}
    .footer-about p,.footer-about img{margin-bottom: 1.5rem;}
    .footer-about ul li a{font-size:2rem;}
    .footer-links h2{font-size:2rem;}
    .footer-links ul li{margin-bottom:1rem;}
    .footer-copyright-text{text-align:center;margin-bottom:1rem;}
    .footer-policy-links ul{text-align:center;}
    .page-header{padding:10rem 0;}
    .page-header::before{background-size:cover;}
    .page-header-box h1{font-size:5.6rem;margin-bottom:1rem;}
    .page-about{padding:5rem 0 2rem;}
    .page-about-image{margin-right:0;padding-bottom:6rem;margin-bottom:2rem;text-align:center;}
    .about-img-2 img{width:30rem;}
    .work-experience{left:0;padding:1.5rem;}
    .work-experience-content h3{font-size:3.4rem;}
    .work-experience-content p{font-size:1.6rem;}
    .overview-company{padding:5rem 0 2rem;}
    .counter-box h3{font-size:2.4rem;}
    .counter-box h3 em, .counter-box h3 span{font-size: 4rem;}
    .our-team{padding:5rem 0 2rem;}
    .team-content h3{font-size:2.2rem;}
    .scrolling-content span{font-size:3.4rem;}
    .our-projects{padding:5rem 0 2rem;}
    .our-projects-nav{margin-bottom:2rem;}
    .our-projects-nav ul li{margin-bottom:2rem;}
    .latest-news.our-blog{padding:5rem 0;}
    .our-projects-nav ul li:nth-child(3n + 3){margin-right:0;}
    .post-pagination{margin-top:1rem;}
    .contact-information{padding:5rem 0 2.5rem;}
    .contact-item{padding:1rem;}
    .contact-content{padding:1rem 1rem 2rem;}
    .contact-content-title{padding-bottom:2rem;margin-bottom:2rem;}
    .contact-content-title h2{font-size:2.4rem;}
    .contact-content-title a{width:5rem;height:5rem;}
    .contact-content-title a img{width:1.8rem;}
    .contact-item p{max-width:100%;}
    .contact-us{padding:2.5rem 0;}
    .contact-details{max-width:100%;margin-bottom:3rem;}
    .contact-details .section-title{margin-bottom:2rem;max-width:100%;}
    .contact-detail-body p{margin-bottom:2rem;}
    .contact-detail-body h3{font-size:3.4rem;margin-bottom:2rem;}
    .contact-detail-body ul li a{width:4rem;height:4rem;}
    .contact-detail-body ul li a i{font-size:2rem;}
    .contact-form-box{padding:3rem 0;}
    .google-map{padding:2.5rem 0 5rem;}
    .google-map iframe{height:30rem;}
    .page-single-post{padding:5rem 0 2.5rem;}
    .post-featured-image{max-width:100%;margin-bottom:2rem;}
    .post-content{max-width:100%;}
    .post-entry h2{font-size:3.4rem;margin-bottom:2rem;}
    .post-entry blockquote p{font-size:2.2rem;}
    .post-entry blockquote{padding:3rem;}
    .post-entry ul li:before{font-size:1.8rem;}
    .post-entry ul li{margin-bottom:1.5rem;font-size:1.6rem;}
    .post-tags{margin-bottom:2rem;}
    .post-social-links{text-align:left;}
    .post-social-links ul li a{width:4rem;height:4rem;}
    .post-social-links ul li a i{font-size:2rem;}
    .latest-news.related-articles{padding:2.5rem 0 2rem;}
    .page-service-single{padding:5rem 0;}
    .services-list-box{padding:3rem;}
    .services-list-box h3{font-size:2.4rem;margin-bottom:2rem;}
    .services-list-box ul{margin:0 0 2rem;}
    .services-list-box ul li{margin-bottom:1.5rem;}
    .why-choose-us.why-services{padding:5rem 0 2rem;}
    .your-choice{padding:5rem 0 2rem;}
    .your-choice-item{padding:3rem;}
    .your-choice-title{padding-bottom:2rem;margin-bottom:2rem;}
    .your-choice-title h2{font-size:2.4rem;}
    .service-faqs{padding:5rem 0;}
    .service-faqs .faq-accordion{margin-bottom:3rem;}
    .ask-question{padding:3rem;}
    .ask-question-content h3{font-size:2.4rem;margin-bottom:1.5rem;}
    .ask-question-content{margin-bottom:2rem;}
    .page-project-single{padding:5rem 0 2.5rem;}
    .project-feature-image{margin-bottom:3rem;}
    .project-sidebar{padding-right:0;margin-bottom:2rem;}
    .about-project-box{padding:3rem;}
    .project-info-box{padding-bottom:1.5rem;margin-bottom:1.5rem;}
    .project-info-box h3{font-size:1.8rem;}
    .project-info-box p{margin-bottom:.5rem;}
    .project-icon img{width:4rem;}
    .project-entry h2{font-size:3.4rem;margin-bottom:2rem;}
    .project-entry ul li{font-size:1.6rem;}
    .project-entry ul li:before{font-size:1.8rem;}
    .project-details-gallery{padding:2.5rem 0 5rem;}
    .faq-section{padding:5rem 0;}
    .accordion-header .accordion-button{font-size:2rem;padding:1.2rem 4rem 1.2rem 2rem;}
    .accordion-header .accordion-button::after{transform:translate(-2rem,-50%);}
    .accordion-body{padding:1rem 4rem 2rem 2rem;}
    .error-page{padding:5rem 0;}
    .error-page-content-heading h2{font-size:5.6rem;margin-bottom:2rem;}
    .error-page-content-heading{margin-bottom:3rem;}
    .page-privacy{padding:5rem 0;}
    .error-order1{order:1;}
    .error-order2{order:2;}
    .error-page-image .error-bg{width:50%;}
}

@media only screen and (max-width: 767px){
    .btn-default{font-size: 1.4rem;}
    .section-row{margin-bottom: 3rem;}
    .section-btn{text-align: center;margin-top: 2rem;}
    .section-row .section-title{text-align: center;}
    .section-title h3{font-size: 1.6rem;}
    .section-title h1,.section-title h2{font-size: 3rem;}
    .hero{padding:10rem 0;}
    .hero-content{margin-right:0;}
    .hero-play-button{left:50%;transform:translate(-50%,-50%);}
    .hero-play-button i{font-size:2.2rem;background-color:var(--accent-color);color:var(--white-color);width:8rem;height:8rem;}
    .about-image{margin-bottom:7rem;}
    .about-consultation img{width:12rem;height:12rem;}
    .about-content ul{display:block;margin:0 0 2.5rem;}
    .about-content ul li{width:100%;margin-right:0;margin-bottom:1.5rem;}
    .service-content-title h2{font-size:2.2rem;max-width:17rem;}
    .service-content-title a img{width:1.6rem;}
    .works-content h2{font-size:2.2rem;}
    .why-choose-us-item h3{font-size:2.2rem;}
    .why-us-explore-item{padding:3rem;}
    .why-us-section-title{padding-right:4rem;}
    .explore-item-icon{top:3rem;right:3rem;}
    .explore-item-icon img{width:4rem;}
    .explore-item-tags ul li{margin-right:1rem;margin-bottom:.5rem;}
    .partners-logo{padding:1.5rem 2rem;}
    .testimonial-author-title h2{font-size:1.8rem;}
    .post-item-body h2{font-size:1.8rem;}
    .mega-footer{margin-bottom:1rem;}
    .footer-about ul li a{font-size:1.8rem;margin-bottom:1rem;}
    .footer-links{margin-bottom:3rem;}
    .footer-policy-links ul li{margin-right:1rem;}
    .page-header{padding:10rem 0;}
    .page-header-box ol{padding:.4rem 1.5rem;font-size:1.4rem;}
    .page-header-box h1{font-size:3rem;}
    .page-about-image{padding-bottom:11rem;padding-top:5rem;}
    .about-img-2{position:absolute;bottom:0;right:0;left:0;}
    .work-experience{top:0;left:6rem;padding:1rem;}
    .work-experience-content h3{font-size:3rem;}
    .page-about .about-content .section-title{margin-bottom:2rem;}
    .counter-box{padding:2rem;}
    .counter-box h3{font-size:2rem;}
    .counter-box h3 em, .counter-box h3 span{font-size: 3rem;}
    .team-content h3{font-size:2rem;}
    .scrolling-content span{font-size:2.8rem;}
    .our-projects-nav ul li{padding:1rem 1.5rem;margin-right:.6rem;margin-bottom:2rem;}
    .our-projects-nav ul li:nth-child(3n + 3){margin-right:.6rem;}
    .our-projects-nav ul li a{font-size:1.4rem;}
    .contact-information{padding:5rem 0 .5rem;}
    .contact-item{height:calc(100% - 2rem);margin-bottom:2rem;}
    .contact-content-title h2{font-size:2.2rem;}
    .contact-detail-body h3{font-size:2.8rem;}
    .contact-form-box{padding:2rem 0;}
    .google-map iframe{height:25rem;}
    .post-single-meta ul li{margin-right:1.5rem;}
    .post-entry blockquote{padding:2rem;}
    .post-entry blockquote p{background:url(../images/icon-blockquote.svg) no-repeat 0 0;font-size:2rem;padding-left:0;padding-top:5rem;}
    .post-tags .btn-default{margin-right:1rem;margin-bottom:1rem;}
    .service-featured-image{margin-bottom:2rem;}
    .services-list-box{padding:2rem;}
    .services-list-box h3{font-size:2.2rem;}
    .why-choose-us.why-services .section-title p{margin-bottom:0;margin-top:2rem;}
    .your-choice-title h2{font-size:2.2rem;max-width:18rem;}
    .ask-question-content h3{font-size:2rem;margin-bottom:1rem;}
    .ask-contact-list a{display: inline-grid;}
    .project-info-box h3{font-size: 1.6rem;}
    .project-entry h2{font-size: 2.8rem;}
    .project-gallery-items{display: block;}
    .project-gallery-items .project-gallery-item{width: 100%;margin-right: 0;margin-bottom: 2rem;}
    .project-gallery-items .project-gallery-item:nth-child(3n + 3){margin-bottom: 0;}
	.accordion-header .accordion-button{font-size: 1.8rem;}
    .error-page-content-heading h2{font-size: 3rem;margin-bottom: 2rem;}
    .error-page-content-heading{margin-bottom: 3rem;}
    .service-item{margin-bottom: 1rem;}
    .our-services .col-lg-4:last-child .service-item{margin-bottom: 0 !important;}
    .works-item{margin-bottom: 1rem;}
    .our-work .col-md-6:last-child .works-item{margin-bottom: 0 !important;}
    .main-footer .back-to-top-scroll{width: 5rem;height: 5rem;bottom: 15rem;}
}

@media only screen and (min-width:768px) and (max-width:1024px){
    .hero{padding: 15rem 0;}
}