:root{
  --primary-color:#ff6519;
  --light-color:#f2f2e9;
  --white:#fff;
  --black:#000529;
  --primary-font:"Mulish",sans-serif;
  --secondary-font:"DM Serif Display",serif;
  --custom-ease:all 0.4s cubic-bezier(0.215,0.61,0.355,1);
  --shadow:0 0 16px rgba(0,0,0,0.16);
  --gradient-color:linear-gradient(90deg,rgb(5 17 124) 0%,rgb(17 84 180) 100%);
}

/* =================animate css starts here================= */
.animate-child>*{-webkit-transition:opacity 0.9s cubic-bezier(0.215,0.61,0.355,1),-webkit-transform 0.9s cubic-bezier(0.215,0.61,0.355,1);transition:opacity 0.9s cubic-bezier(0.215,0.61,0.355,1),-webkit-transform 0.9s cubic-bezier(0.215,0.61,0.355,1);transition:opacity 0.9s cubic-bezier(0.215,0.61,0.355,1),transform 0.9s cubic-bezier(0.215,0.61,0.355,1);transition:opacity 0.9s cubic-bezier(0.215,0.61,0.355,1),transform 0.9s cubic-bezier(0.215,0.61,0.355,1),-webkit-transform 0.9s cubic-bezier(0.215,0.61,0.355,1);-webkit-transform:translateY(150px);transform:translateY(150px);-webkit-transition-delay:0.1s;transition-delay:0.1s;opacity:0;will-change:transform,opacity;}
.animate-child.trigger>*{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}
.animate-child.trigger>:nth-child(2), .animate-child.trigger> .delay2{-webkit-transition-delay:0.2s;transition-delay:0.2s;}
.animate-child.trigger>:nth-child(3), .animate-child.trigger> .delay3{-webkit-transition-delay:0.3s;transition-delay:0.3s;}
.animate-child.trigger>:nth-child(4), .animate-child.trigger> .delay4{-webkit-transition-delay:0.4s;transition-delay:0.4s;}
.animate-child.trigger>:nth-child(5), .animate-child.trigger> .delay5{-webkit-transition-delay:0.5s;transition-delay:0.5s;}
.animate-child.trigger>:nth-child(6), .animate-child.trigger> .delay6{-webkit-transition-delay:0.6s;transition-delay:0.6s;}
.animate-child.trigger>:nth-child(7), .animate-child.trigger> .delay7{-webkit-transition-delay:0.7s;transition-delay:0.7s;}
.animate-child.trigger>:nth-child(8), .animate-child.trigger> .delay8{-webkit-transition-delay:0.8s;transition-delay:0.8s;}
.animate-child.trigger>:nth-child(9), .animate-child.trigger> .delay9{-webkit-transition-delay:0.9s;transition-delay:0.9s;}
.animate-child.trigger>:nth-child(10), .animate-child.trigger> .delay10{-webkit-transition-delay:1s;transition-delay:1s;}
.animate-child.trigger>:nth-child(11), .animate-child.trigger> .delay11{-webkit-transition-delay:1.1s;transition-delay:1.1s;}
.animate-child.trigger>:nth-child(12), .animate-child.trigger> .delay12{-webkit-transition-delay:1.2s;transition-delay:1.2s;}
.animate-child.trigger>:nth-child(13), .animate-child.trigger> .delay13{-webkit-transition-delay:1.3s;transition-delay:1.3s;}
.animate-child.trigger>:nth-child(14), .animate-child.trigger> .delay14{-webkit-transition-delay:1.4s;transition-delay:1.4s;}
.animate-child.trigger>:nth-child(15), .animate-child.trigger> .delay15{-webkit-transition-delay:1.5s;transition-delay:1.5s;}
.animate-child.trigger>:nth-child(16), .animate-child.trigger> .delay16{-webkit-transition-delay:1.6s;transition-delay:1.6s;}
.animate-child.trigger>:nth-child(17), .animate-child.trigger> .delay17{-webkit-transition-delay:1.7s;transition-delay:1.7s;}
.animate-child.trigger>:nth-child(18), .animate-child.trigger> .delay18{-webkit-transition-delay:1.8s;transition-delay:1.8s;}
.animate-child.trigger>:nth-child(19), .animate-child.trigger> .delay19{-webkit-transition-delay:1.9s;transition-delay:1.9s;}
.animate-child.trigger>:nth-child(20), .animate-child.trigger> .delay20{-webkit-transition-delay:2s;transition-delay:2s;}
/* =================animate css ends here================= */
/* =================reset css starts here=================  */
*{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,p,ul,li,body,html,form,fieldset{margin:0;padding:0;outline:none;border:0;}
a{text-decoration:none;border:0;outline:0;}
ul{list-style:none;}
a:focus,input:focus,textarea:focus,*:focus{outline:0!important;}
/* =================reset css ends here================= */
/* =================core css starts here================= */
html{font-size:16px;line-height:1.5;}
body{font-size:1rem;line-height:1.5;font-weight:400;font-family:var(--primary-font);color:var(--black);background:var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
body.nav-open{overflow: hidden;}
.container{width:calc(100% - 36px);max-width:1224px;}
a,input,button{display:inline-block;text-decoration:none;color:inherit;outline:none;transition:all 0.2s ease-in;-webkit-transition:all 0.5s cubic-bezier(0.215,0.61,0.355,1);}
a img{border:0px none;}
a:hover{outline:none;color:var(--primary-color);text-decoration:none;}
a:active{outline:none;text-decoration:none;}
a:focus{outline:none;outline-offset:0px;text-decoration:none;color:inherit;}
img{max-width:100%;border:0;height:auto;}
.parallax-img img{width:100%;height:120%!important;object-fit:cover;}
h1,h2,h3,h4,h5,h6{margin:0px;padding:0px;margin-bottom:1rem;line-height:1.2;font-weight:900;font-weight:1000;color:inherit;}
h1{font-size:4rem;}
h2{font-size:3.25rem;}
h3{font-size:2.5rem;}
h4{font-size:2rem;}
h5{font-size:1.5rem;}
h6{font-size:1.375rem;}
p{margin:0px;padding:0px;margin-bottom:1.5rem;}
strong{font-weight:900;}
b{font-weight:400;}
p:last-child{margin-bottom:0;}
.btn{border-radius:30px;font-weight:1000;padding:15px 50px;min-width:140px;font-size:1.125rem;line-height:20px;z-index:1;border:0;box-shadow:none;transition:all 0.5s cubic-bezier(0.215,0.61,0.355,1);background:transparent!important;position:relative;flex-shrink:0;}
.btn:before{content:"";width:100%;height:100%;transition:var(--custom-ease);position:absolute;left:0;top:0;z-index:-1;background:var(--primary-color);border-radius:50px;}
.btn:after{content:"";width:100%;height:80%;transition:var(--custom-ease);position:absolute;left:0;top:30%;z-index:-2;background:var(--primary-color);border-radius:50px;filter:blur(10px);opacity:0.7;}
.btn:hover{padding-left:25px;padding-right:75px;}
.btn:hover:after{filter:blur(0px);top:0;height:100%;}
.btn-primary:hover,.btn-primary:focus{color:var(--white);}
.btn.btn-primary:before,.btn.btn-primary:after{background:var(--primary-color);}
.btn.btn-secondary:before,.btn.btn-secondary:after{background:var(--gradient-color);}
.btn-secondary:hover,.btn-secondary:focus{color:var(--white);}
.btn.btn-light:before{background:var(--light-color);}
.btn.btn-light:after{background:var(--black);opacity:0.2;}
.btn.btn-light .btn-arrow{filter:brightness(0);}
.btn-light:hover,.btn-light:focus{color:var(--black);}
.btn.btn-dark:before,.btn.btn-dark:after{background:var(--black);}
.btn-dark:hover,.btn-dark:focus{color:var(--white);}
.btn-arrow{display:inline-block;transition:var(--custom-ease);width:40px;height:40px;background:url(../images/white-arrow.svg) no-repeat center/50% auto;border-radius:50%;position:absolute;right:5px;top:5px;transform:rotate(0) scale(0);}
.btn:hover .btn-arrow{transform:rotate(0) scale(1);}
.btn.down-arrow .btn-arrow{transform:rotate(90deg) scale(0);}
.btn.up-arrow .btn-arrow{transform:rotate(-90deg) scale(0);}
.btn.left-arrow .btn-arrow{transform:rotate(-180deg) scale(0);right:auto;left:5px;}
.btn.right-arrow .btn-arrow{transform:rotate(0deg) scale(0);}
.btn.down-arrow:hover .btn-arrow{transform:rotate(90deg) scale(1);}
.btn.up-arrow:hover .btn-arrow{transform:rotate(-90deg) scale(1);}
.btn.left-arrow:hover .btn-arrow{transform:rotate(-180deg) scale(1);}
.btn.right-arrow:hover .btn-arrow{transform:rotate(0deg) scale(1);}
.btn.left-arrow:hover{padding-right:25px;padding-left:75px;}
.btn.btn-block{min-width:100%;}
.link{font-weight:1000;color:var(--primary-color);font-size:16px;line-height:25px;padding:0;border:none;text-decoration:none;text-transform:uppercase;display:flex;align-items:center;}
.link:hover{color:var(--primary-color);text-decoration:none!important;}
.link .link-arrow{display:inline-block;transition:all 0.5s cubic-bezier(0.215,0.61,0.355,1);width:20px;height:20px;background:url(../images/color-arrow.svg) no-repeat center right/100% auto;vertical-align:middle;margin-left:15px;flex-shrink:0;position:relative;}
.link:hover .link-arrow,.link-inside:hover .link-arrow{margin-left:10px;}
.btn+.btn,.btn+.link,.link+.btn{margin-left:25px;}
.primary-bg{background:var(--primary-color);color:var(--white);}
.light-bg{background:var(--light-color);color:var(--black);}
.gradient-bg{background:var(--gradient-color);color:var(--white);}
.gradient-text{background:var(--gradient-color);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.outline{-webkit-text-stroke:1px var(--primary-color);color:transparent;}
.outline-shadow{-webkit-text-stroke:1px var(--primary-color);color:transparent;text-shadow:4px 4px 0 rgba(255,101,25,0.08);}
hr{border-top-color:var(--black);margin:80px 0;opacity:0.15;}
.text-white{color:var(--white);}
.text-black{color:var(--black);}
ul:not([class]){list-style:none;margin-bottom:24px;text-align:left;}
ul:not([class])>li{padding-left:22px;position:relative;margin-bottom:18px;}
ul:not([class])>li:last-child{margin-bottom:0;}
ul:not([class])>li:before{content:"";position:absolute;left:0px;top:9px;background:var(--black);height:8px;width:8px;border-radius:50%;}
ol:not([class]){margin-bottom:24px;text-align:left;list-style-position:outside;margin-left:18px;padding:0;}
ol:not([class])>li{position:relative;margin-bottom:18px;}
ol:not([class])>li:last-child{margin-bottom:0;}
#smooth-wrapper{overflow-x:hidden!important;}
.view-all-cta{margin-top:100px;position:relative;z-index:9;}
/* =================core css ends here================= */
/* ================= Theme Switcher Start ================= */
.theme-switcher{margin-right: 20px;}
.theme-toggler{ width: 40px;height: 40px; border: 0; background: transparent; border-radius: 50px;position: relative;padding: 0;cursor: pointer;display: flex;justify-content: space-between;align-items: center; }
.dark-icon, .light-icon{width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; position: absolute; left: 0; top:0; border-radius: 50px; transition: var(--custom-ease);}
.light-icon, body.dark-theme .dark-icon{display: none;}
body.dark-theme .light-icon{display: flex;}
.dark-icon:hover, .light-icon:hover{transform: scale(1.05);}
.light-icon{background: rgba(255,255,255,0.1);}
.dark-icon{background: rgba(0,0,0,0.05);}
/* ================= Theme Switcher End ================= */

.swiper-pagination-bullet {width: 12px; height: 12px;}
.swiper-pagination-bullet-active{background: var(--primary-color);}
/* ================= Text Animation Start ================= */
@keyframes textScroll {
  0%   {transform: translateX(0);} 
  100% {transform: translateX(-100%);}
}
.textScroll{animation-name: textScroll; animation-duration: 35s; animation-iteration-count: infinite; animation-timing-function: linear;}
/* ================= Text Animation End ================= */
/* ================= Version Preview Start ================= */
.version-preview-box + .version-preview-box{margin-top: 100px;}
.version-preview-img-box{position: relative; }
.version-preview-img-box-inner{border-radius: 10px;overflow: hidden;box-shadow: 0 0 35px #0000001a;border: solid 3px #fff;}
.version-type{position: absolute;top: -40px;right: 0;z-index: -1;opacity: 0.2;}
/* ================= Version Preview End ================= */
/* ================= Avatar Start ================= */
.avatar{position: relative; display: inline-block; width: 3rem; height: 3rem}
.avatar-xs{width: 1.5rem; height: 1.5rem}
.avatar-sm{width: 2rem; height: 2rem}
.avatar-md{width: 2.5rem; height: 2.5rem}
.avatar-lg{width: 3.5rem; height: 3.5rem}
.avatar-xl{width: 5rem; height: 5rem}
.avatar-xxl{width: 7.5rem; height: 7.5rem}
.avatar img{width: 100%; height: 100%; object-fit: cover}
/* ================= Avatar End ================= */

/* ================= Gradient Overlay Start ================= */
.bg-black-gradient-top{background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);}
.bg-black-gradient-right{background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);}
.bg-black-gradient-bottom{background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);}
.bg-black-gradient-left{background: linear-gradient(270deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);}

.bg-white-gradient-top{background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);}
.bg-white-gradient-right{background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);}
.bg-white-gradient-bottom{background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);}
.bg-white-gradient-left{background: linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);}
/* ================= Gradient Overlay End ================= */

/* ================= Header Start ================= */
#header{color:var(--black);background:transparent;position:fixed;left:0;top:0;right:0;padding:0;z-index:9999;transition:all 0.5s cubic-bezier(0.215,0.61,0.355,1);-webkit-transition:all 0.5s cubic-bezier(0.215,0.61,0.355,1);display:flex;align-items:center;}
.fixed #header{background:var(--white);box-shadow:0 5px 8px rgba(0,0,0,0.1);}
.navbar{padding:0;width:100%;height:80px;}
.navbar-brand{width:100px;padding:0;margin:0;position:relative;z-index:999;}
.navbar-brand img{width:100%;}
.navbar-expand-xl .navbar-nav .nav-item{margin:0 30px;}
.navbar-expand-xl .navbar-nav .nav-link{font-size:0.875rem;line-height:80px;font-weight:1000;color:inherit;padding:0;margin:0;position:relative;text-transform:uppercase;}
.navbar-expand-xl .navbar-nav .nav-item:hover .nav-link,.navbar-expand-xl .navbar-nav .nav-item.active .nav-link{color:var(--primary-color);}
.dropdown-toggle::after{display:none;}
.navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow{display:none;}
.nav-inside{width:100%;padding:0;}
.nav-inside-content{padding:30px 0;}
@media only screen and (min-width:1200px){
  .navbar-nav>li>.dropdown-menu{display:block!important;top:100%!important;left:-15px;margin-top:10px!important;opacity:0;visibility:hidden;background:var(--white);color:var(--black);min-width:200px;box-shadow:0 10px 10px rgba(0,0,0,0.16);border:0;border-radius:5px;transition:all 0.1s ease-in;-moz-transition:all 0.1s ease-in;-webkit-transition:all 0.1s ease-in;}
  .fixed .navbar-nav>li>.dropdown-menu{border-radius:0 0 5px 5px;}
  .dropdown:hover .dropdown-menu{opacity:1;visibility:visible;margin-top:0px!important;transition:all 0.5s cubic-bezier(0.215,0.61,0.355,1);-moz-transition:all 0.5s cubic-bezier(0.215,0.61,0.355,1);-webkit-transition:all 0.5s cubic-bezier(0.215,0.61,0.355,1);}
  .dropdown-item{color:var(--black);padding:10px 15px;font-weight:800;font-size:0.875rem;}
  .dropdown-item:focus,.dropdown-item:hover{color:var(--primary-color);background:transparent;}
  .navbar-expand-xl .navbar-nav .nav-link:after{content:"";position:absolute;left:50%;right:0;top:50%;margin-top:15px;width:0;height:2px;background:var(--primary-color);border-radius:30px;transform:translateX(-50%);transition:0.3s;}
  .navbar-expand-xl .navbar-nav .nav-item:hover .nav-link:after,.navbar-expand-xl .navbar-nav .nav-item.active .nav-link:after{width:100%;}
  .dropdown-toggle{display:none;}
  .dropdown-item:focus,.dropdown-item:hover,.dropdown-item.active{color:var(--primary-color);background:transparent;}
}
.nav-item .dropdown-toggle{width:40px;height:40px;position:absolute;top:0;right:26px;font-style:normal;font-size:2rem;line-height:1.3;text-align:center;}
.nav-item .dropdown-toggle:before{content:"\2b";font-family:"Font Awesome 6 Free";font-weight:900;}
.nav-item .dropdown-toggle.show:before{content:"\f068";}
/* ================= Header End ================= */
/* ================= Footer Start ================= */
#footer{position:relative;background:var(--gradient-color);color:#fff;}
.footer-upper{padding:100px 0;}
.footer-content h4{font-size:1.25rem;font-weight:400;text-transform:uppercase;margin-bottom:10px;}
.quick-contact+.quick-contact{margin-top:50px;}
.quick-contact-box{font-size:2rem;line-height:1.2;font-weight:1000;}
.quick-contact-box+.quick-contact-box{margin-top:10px;}
.social-links{font-size:1.5rem;line-height:1;}
.social-links li{margin-right:20px;}
.social-links li a:hover{transform:scale(1.1);}
.footer-bottom{font-size:0.875rem;line-height:1.2;}
.footer-bottom-upper{padding:20px 0;}
.footer-bottom-lower{padding:20px 0;border-top:solid 1px rgba(255,255,255,0.2);}
.footer-logo{width:80px;}
.footer-logo img{width:100%;}
/* ============================= Home Page Start ============================ */
/* ============================= Common Sections Start ============================ */
.content-container{padding:100px 0;}
.diagonal{clip-path:polygon(0 0,100% 40px,100% 100%,0 calc(100% - 40px));-webkit-clip-path:polygon(0 0,100% 40px,100% 100%,0 calc(100% - 40px));}
/* Marquee Text start */
.text-marquee{width: 100vw; position:absolute;left:0;display:flex;align-items:center;overflow-x:hidden;transform:rotate(-3deg);opacity:0.2;}
.text-marquee-wrapper{position:relative;white-space:nowrap;padding:0;margin:0;will-change:transform;}
.text{padding:0;font-size:3rem;display:inline-block;margin-right:5vw;font-weight:1000;-webkit-text-stroke:1px var(--black);}
.text-marquee.top{top:-30px;}
.text-marquee.bottom{bottom:40px;}
/* Marquee Text end */
/* Heading start */
.heading{margin-bottom:120px;position:relative;z-index:1;}
.heading-large{position:absolute;left:0;top:-20%;width:100%;}
.heading h2{font-size:8rem;line-height:0.9;margin:0;text-align:center;text-transform:uppercase;white-space:nowrap;z-index:-1;opacity:0.05;position:absolute;left:50%;transform:translateX(-50%);top:0;}
.heading h3{font-size:4rem;line-height:1;position:relative;padding-bottom:30px;margin-bottom:30px;}
.heading h3:before{content:"";width:80px;height:6px;background:var(--gradient-color);position:absolute;left:50%;bottom:0;transform:translateX(-50%);}
.sub-heading{font-size:0.75rem;text-transform:uppercase;font-weight:700;color:var(--primary-color);line-height:1.2;letter-spacing:1px;margin-bottom:10px;}
/* Heading start */
/* Heading 2 start */
.heading2{margin-bottom:60px;position:relative;z-index:1;} 
.heading2 h3{font-size:4rem;line-height:1;position:relative; margin-bottom:0;} 
/* Heading 2 start */
/* Inner Hero start */
.inner-hero-container{padding:150px 0 0;position:relative;}
.inner-hero-container .container{position:relative;z-index:9;}
.inner-hero-bg{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;opacity:0.1;transform:rotate(180deg);clip-path:polygon(0 100px,100% 0,100% 100%,0% 100%);-webkit-clip-path:polygon(0 100px,100% 0,100% 100%,0% 100%);}
.inner-hero-text{position:relative;z-index:9;width:100%;padding-bottom:100px;}
.inner-hero-text h1{font-size:4.5rem;color:var(--primary-color);}
.inner-hero-text h6{font-size:1.25rem;}
.inner-hero-box{width:100%;position:relative;}
.inner-hero-image{width:100%;}
.inner-hero-image img{width:100%;}
.inner-hero-container .text-marquee{ z-index:2;}
.default-hero .inner-hero-text{padding:50px 0 180px;}
/* Inner Hero end */
/* pagination start */
.pagination-container{position:relative;margin-top:100px;}
.pagination{margin:0px auto;width:fit-content;position:relative;z-index:2;}
.pagination .page-item{padding:0 10px;position:relative;}
.pagination .page-link{display:inline-block;vertical-align:middle;width:auto;background:transparent;font-size:1.25rem;line-height:1;font-weight:800;color:var(--black);text-decoration:none!important;border:0;padding:0 10px;opacity:0.7;}
.pagination .disabled .page-link{opacity:0.1;}
.pagination .page-link.current,.pagination .page-link:hover{color:var(--black);font-weight:1000;opacity:1;background:var(--gradient-color);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
/* pagination end */
/* ============================= Common Sections End ============================ */
/* ============================= Home Page End ============================ */

/* ******** Hero 1 Section Start ******** */
.hero-container{padding:120px 0 100px;position:relative; min-height: 96vh}
.hero-container .container{position:relative;z-index:9;}
.hero-bg{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;opacity:0.1;transform:rotate(180deg);clip-path:polygon(0 100px,100% 0,100% 100%,0% 100%);-webkit-clip-path:polygon(0 100px,100% 0,100% 100%,0% 100%);}
.hero-text{position:relative;z-index:9;padding-bottom:20px;width:100%;}
.hero-text h1{font-size:4.5rem;color:var(--primary-color);}
.hero-text h2{font-size:1.5rem;}
.hero-text h6{font-size:1.25rem;}
.hero-availability{width:34%;position:absolute;top:0;right:-9%;z-index:-1;animation-duration:40s!important;}
.hero-box{width:100%;position:relative;}
.hero-image{width:100%;}
.hero-image img{width:100%;}
.hero-info-list{margin-top:50px;}
.hero-info-item:not(:last-child){padding-right:40px;}
.hero-info-box h3{font-size:2.5rem;line-height:1;margin-bottom:0;}
.hero-info-box h6{margin-left:15px;padding-left:15px;margin-bottom:0;border-left:solid 1px var(--primary-color);font-weight:400;font-size:1rem;opacity:0.7;}
.bg-shape{position:absolute;width:110%;left:10%;top:-8%;z-index:-1;overflow:hidden;}
.bg-shape svg{width:100%;fill:#c5c4d7;}
.bg-shape.fa-spin{animation-duration:50s!important;}
.hero-container .text-marquee{z-index:2;}
/* ******** Hero 1 Section Start ******** */

/* ******** Hero 2 Section Start ******** */
.hero2-container{padding:120px 0 100px;position:relative; min-height: 100vh; background: linear-gradient(220.55deg, #FFF6EB 0%, #DFD1C5 100%); }
body.dark-theme .hero2-container{background:linear-gradient(220.55deg, rgb(255 246 235 / 5%) 0%, rgb(223 209 197 / 2%) 100%)}
.hero2-container .container{position:relative;z-index:9;}
.hero2-bg{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;opacity:0.1;transform:rotate(180deg);clip-path:polygon(0 100px,100% 0,100% 100%,0% 100%);-webkit-clip-path:polygon(0 100px,100% 0,100% 100%,0% 100%);}
.hero2-text{position:relative;z-index:9;padding-bottom:20px;width:100%;}
.hero2-text h1{font-size:7rem; line-height: 1; }
.hero2-text h2{font-size:2.35rem;}
.hero2-text h6{font-size:1.25rem;}
.hero2-intro-heading{position: absolute;left: 10%;top: -30px;white-space: nowrap;opacity: 0.5;}
.hero2-intro-heading .hero2-arrow{width: 50px;position: absolute;right: -50px;top: 100%;transform:rotate(45deg);}
.hero2-availability{width:24%;position:absolute;top:-20%;right:-9%;z-index:-1;animation-duration:40s!important;}
.hero2-testimonial blockquote{font-size: 1.25rem;}
.hero2-container .hero-availability{width: 200px; top: -100px; right: -100px;} 
.hero2-testimonial-heading{position: absolute;right: -170px;top: -30px;white-space: nowrap;opacity: 0.5;}
.hero2-testimonial-heading .hero2-arrow{width: 50px;position: absolute;left: -50px;bottom: 0;margin-bottom: 10px;transform: rotateZ(145deg) rotateX(180deg);}
.hero2-lang-outer{ position: absolute; left: 0; bottom: -30px;}
.hero2-lang{display: flex; font-size: 160px; line-height: 1; font-weight: 900; text-transform: uppercase; opacity: 0.05; white-space: nowrap; }
.hero2-lang > div{margin-right: 200px; position: relative;}
.hero2-lang > div:after{content:''; width: 20px; height: 20px; background: #000; position: absolute; top: 50%; right: -100px;}
body.dark-theme .hero2-lang > div:after{background: #fff;}
.hero2-service-heading{position: absolute; left: 120px; bottom: 50px;white-space: nowrap;opacity: 0.5  }
.hero2-service-heading .hero2-arrow{width: 50px;position: absolute; left: 100%; top: 100%; margin-bottom: 10px; transform: rotate(45deg); opacity: 0.5;}
body.dark-theme .hero2-arrow{filter: brightness(0) invert(1);}
/* ******** Hero 2 Section Start ******** */

 

.project-list-item{width:100%;margin-bottom:50px;}
.project-list-item+.project-list-item{margin-top:200px;}
.project-box{position:relative;width:100%;}
.project-box-left{width:50%;position:relative;}
.project-img{width:100%;height:0;padding-bottom:110%;overflow:hidden;position:relative;border-radius:20px;margin-left:0;}
.project-img img{width:100%;height:100%;object-fit:cover;position:absolute;left:0;top:0;}
.project-title{width:100%;position:absolute;top:-35px;left:100%;margin-left:-80px;z-index:-1;padding-right:20%;}
.project-title h4{font-size:3rem; }
.project-img .project-title{z-index:9;}
.project-img .project-title h4{color:#fff; margin-top: -4px;}
.project-details{position:absolute;bottom:-40px;width:400px;left:-40px;background:var(--white);padding:40px;border-radius:10px;box-shadow:0 0 30px rgba(0,0,0,0.1);overflow:hidden;max-width:100%;}
.project-details-list{font-size:0.8rem;font-weight:700;}
.project-details-item+.project-details-item{margin-top:15px;}
.project-details-left{width:117px;text-transform:uppercase;font-weight:800;}
.project-details-right{width:calc(100% - 117px);padding-left:10px;opacity:0.5;}
.project-box-right{width:50%;position:relative;padding-left:15%;}
.project-list-item:nth-child(even) .project-box{flex-direction:row-reverse;}
.project-list-item:nth-child(even) .project-box-right{padding-left:0;padding-right:15%;}
.project-list-item:nth-child(even) .project-details{right:-40px;left:auto;}
.project-list-item:nth-child(even) .project-title{right:100%;left:auto;margin-left:0;margin-right:-80px;padding-left:20%;padding-right:0;}
.project-list-item:nth-child(even) .project-title h4{text-align:right;}



 
.project2-box{position:relative;width:100%;}
.project2-box-inner{width:100%;position:relative;}
.project2-img{width:100%;overflow:hidden;position:relative;border-radius:20px;margin-left:0;}
.project2-title-large{  position: absolute; top: 0; right: -7%;  height: 100%;z-index: 9;}
.project2-title-large h2{ -webkit-writing-mode: vertical-lr; -ms-writing-mode: vertical-lr; writing-mode: vertical-lr; -webkit-transform: rotate(180deg);  transform: rotate(180deg); font-size: 8rem; margin: 0; white-space: nowrap; color:var(--white); height: 100%; text-align: center;}
.portfolio2-text-outer{position: absolute; left: 0; top: 0;}
body.dark-theme .project2-title-large h2{color: var(--black);}


.service-list-outer{margin-left:-20px;width:calc(100% + 20px);}
.service-list-wrapper{width:33.333%;padding:0 0 0 20px;}
.service-item{width:100%;}
.service-item+.service-item{margin-top:20px;}
.service-box{width:100%;height:100%;padding:30px;border-radius:10px; background:var(--white);box-shadow:0 0 40px rgba(0,0,0,0.1);position:relative;}
.service-box h4{margin:0;font-size:1.25rem;line-height:1.4;}
.service-icon{font-size:4rem;line-height:1;margin-bottom:20px;}
.service-box-content{font-size:0.75rem;min-height:56px;display:flex;align-items:flex-end;}

.service2-list-outer{margin-left:-20px;width:calc(100% + 40px);}
.service2-item.swiper-slide{width:33.333%;padding:0 20px 0 20px;}
.service2-box{width:100%;height:100%; min-height: 380px; padding:40px;border-radius:10px;position:relative;background: #fff;box-shadow:0 0 40px rgba(0,0,0,0.1);overflow: hidden;}
body.dark-theme .service2-box{background:var(--black-alt);}
.service2-box h4{margin:0;font-size:1.25rem;line-height:1.4;}
.service2-icon{font-size:4rem;line-height:1;margin-bottom:20px; }
.service2-box-content{font-size:0.75rem;min-height:56px;display:flex;align-items:flex-end;}
.service2-icon-large{font-size:20rem;line-height:1; opacity: 0.2; position: absolute; top:30%; right: -30%;}

.cta-content{padding:80px;border-radius:20px;}
.stats-list{margin-left:-12px;width:calc(100% + 24px);}
.stats-list-item{padding:0 12px;width:20%;}
.stat-box{width:100%;height:100%;min-height:280px;padding:30px;border-radius:10px; background:var(--white);box-shadow:0 0 40px rgba(0,0,0,0.1);position:relative;}
.stat-box h3{font-size:2.5rem;line-height:1.2;margin-bottom:5px;}
.stat-box h6{margin:0;font-size:0.75rem;line-height:1.4;font-weight:600;}
.stat-box-icon{font-size:4rem;line-height:1;margin-bottom:20px;}

.stat2-list-outer{margin-left:-20px;width:calc(100% + 40px); margin-bottom: -40px;}
.stat2-item.swiper-slide{width:50%;padding:0 20px 0 20px; margin-bottom: 40px;}
.stat2-box{width:100%;height:100%;min-height:280px;padding:30px;border-radius:10px; background:var(--white);box-shadow:0 0 40px rgba(0,0,0,0.1);position:relative;}
body.dark-theme .stat2-box{background:var(--black-alt);}
.stat2-number{font-size:15rem;line-height:1; font-weight: 900;}
.stat2-text{font-size:5rem;line-height:1; font-weight: 900;}


.testimonial-item{width:calc(100vw - 70px);max-width:720px;cursor:pointer;}
.testimonial-box{border-radius:20px; height:100%;padding:60px;position:relative;transform:scale(0.85);transition:var(--custom-ease);}
.testimonial-box:before{content:"";width:100%;height:100%;position:absolute;left:0;top:0;border-radius:20px;background:var(--white);z-index:-1;box-shadow:var(--shadow);}
.testimonial-box:after{content:"";width:94%;height:100%;position:absolute;left:3%;top:0;border-radius:20px;background:var(--gradient-color);transform:rotate(0deg);z-index:-2;opacity:0;transition:var(--custom-ease);}
.testimonial-list::-webkit-scrollbar{display:none;}
.testimonial-box blockquote{margin:0;font-size:2rem;line-height:1.4;font-weight:400;font-style:italic;font-family:var(--secondary-font);}
.quote-by{font-size:1rem;line-height:1.2;padding-top:60px;}
.quote-by a{color:var(--primary-color);}
.quote-by a:hover{text-decoration:underline;color:var(--primary-color);}
.single-testimonial .testimonial-box{padding:0;width:100%;background:transparent;}

.testimonial2-avatar img{box-shadow:0 0 40px rgba(0,0,0,0.1);}
.testimonial2-avatar1{left: -49%;top: 6%;}
.testimonial2-avatar2{left: -13%;top: -10%;}
.testimonial2-avatar3{left: -57%;top: 65%;}
.testimonial2-avatar4{left: -26%;top: 50%;}
.testimonial2-avatar5{left: 0%;top: 112%;}
.testimonial2-avatar6{right: -16%;top: -20%;}
.testimonial2-avatar7{right: -60%;top: 8%;}
.testimonial2-avatar8{right: -25%;top: 52%;}
.testimonial2-avatar9{right: -76%;bottom: 0%;}
.testimonial2-avatar10{right: -10%;bottom: -10%;}


.blog-list{margin-bottom:-100px;}
.blog-item{width:40%;margin-bottom:100px;}
.blog-box{height: 100%;}
.blog-img{width:100%;padding-bottom:100%;position:relative;overflow:hidden;}
.blog-img img{width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover;}
.blog-content{padding:40px 0 0 20px;}
.blog-cta{padding: 30px 0 0 20px;}
.blog-cat{font-size:0.75rem;line-height:1.2;font-weight:700;margin-bottom:20px;opacity:0.3;text-transform:uppercase;}
.testimonial-box *{opacity:0.3;}
.swiper-slide-active .testimonial-box{transform:scale(1);}
.swiper-slide-active .testimonial-box *{opacity:1;transition:var(--custom-ease);}
.swiper-slide-active .testimonial-box:after{transform:rotate(-5deg);opacity:1;transition-delay:0.5s;}
.visible-slider.swiper{overflow:visible;}
.full-height-slider.swiper .swiper-slide{height:auto;}

.blog2-list{margin-left: -20px; width: calc(100% + 40px);}
.blog2-item{width:33.333%; padding: 0 20px;}
.blog2-card{padding-bottom: 120%;border-radius:10px;  box-shadow:0 0 40px rgba(0,0,0,0.1);}
/* ================================================================ */
/* *********************** HOME PAGE START ************************ */
/* ================================================================ */
/* ================================================================ */
/* ********************* PORTFOLIO PAGE START ********************* */
/* ================================================================ */
.portfolio-hero-container{padding:150px 0 100px;position:relative;}
.portfolio-hero-container .container{position:relative;z-index:9;}
.portfolio-hero-bg{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;opacity:0.1;transform:rotate(180deg);clip-path:polygon(0 100px,100% 0,100% 100%,0% 100%);-webkit-clip-path:polygon(0 100px,100% 0,100% 100%,0% 100%);}
.portfolio-hero-text{position:relative;z-index:9;padding:0 80px 20px 0;}
.portfolio-hero-text h1{font-size:4rem;color:var(--primary-color);}
.portfolio-hero-text h2{font-size:1.25rem;font-weight:700;}
.portfolio-hero-image-outer{margin-bottom:-80px;padding-right:20%;}
.portfolio-hero-box{width:100%;}
.portfolio-hero-box.porfolio-hero-medium{width:40%;position:absolute;top:60%;right:0;}
.portfolio-hero-box.porfolio-hero-small{width:25%;position:absolute;top:10%;left:-10%;}
.portfolio-hero-image{width:100%;padding-bottom:100%;position:relative;overflow:hidden;border-radius:20px;box-shadow:var(--shadow);}
.portfolio-hero-image-hold{width:100%;height:100%;position:absolute;left:0;top:0;background:var(--white);}
.portfolio-hero-image img{width:100%;height:100%;object-fit:cover;}
.portfolio-hero-box.porfolio-hero-large .portfolio-hero-image{padding-bottom:120%;}
.portfolio-hero-box.porfolio-hero-small .portfolio-hero-image-hold{padding:20px;}
.portfolio-hero-box.porfolio-hero-small .portfolio-hero-image img{object-fit:contain;}
.portfolio-hero-container .text-marquee{z-index:2;}
.preview-box{width:100%;position:relative;}
.desktop-device{width:100%;}
.desktop-preview{position:absolute;left:1.6%;top:2%;right:1.6%;bottom:24.9%;background:#333;z-index:1;overflow:hidden;}
.desktop-preview img{width:100%;height:100%;object-fit:cover;}
.tablet-device{width:100%;}
.tablet-preview{position:absolute;left:8.65%;top:4.6%;right:8.35%;bottom:3.9%;background:#333;z-index:1;overflow:hidden;border-radius:10px;}
.tablet-preview img{width:100%;height:100%;object-fit:cover;}
.mobile-preview-box{max-width:300px;margin:0 auto;}
.mobile-device{width:100%;}
.mobile-preview{position:absolute;left:3%;top:1%;right:3%;bottom:1.5%;background:#ff6a6a;z-index:1;overflow:hidden;border-radius:28px;}
.mobile-preview img{width:100%;height:100%;object-fit:cover;}
.project-image-wrapper+.project-image-wrapper{margin-top:80px;}
.project-image-container{width:100%;padding-bottom:60%; position:relative;border-radius:20px;overflow:hidden; border: solid 4px var(--white);}
.project-image-hold{width:100%;height:100%;position:absolute;left:0;top:0;overflow:hidden; background: #d1d1d1;}
.project-image-hold img{width: 100%; height: 100%; object-fit: cover;}
.project-image-container.half{width:47%;}
.portfolio-stats-list{margin-left:-12px;width:calc(100% + 24px);margin-bottom:-60px;}
.portfolio-stats-list-item{padding:0 12px;width:25%;margin-bottom:60px;}
.portfolio-stat-box{width:100%;height:100%;padding:50px 30px;border-radius:10px;background:var(--white);box-shadow:0 0 40px rgba(0,0,0,0.1);position:relative;}
.portfolio-stat-box h3{font-size:4rem;margin-bottom:5px;}
.portfolio-stat-box h6{margin:0;font-size:1rem;line-height:1.4;font-weight:600;}
.portfolio-stat-box-icon{font-size:4rem;line-height:1;margin-bottom:20px;}
/* ================================================================ */
/* ******************* PORTFOLIO PAGE END ************************* */
/* ================================================================ */
/* ================================================================ */
/* ******************** SERVICE PAGE START ************************ */
/* ================================================================ */
.service-details-container{height: calc(100vh - 99px); background:var(--light-color); overflow: hidden; }
.service-detail-image-hold{background: var(--black); width: 50%; height: 100%; position: absolute; top: 0; overflow: hidden; z-index: 2;}
.image-left .service-detail-image-hold{left: 0;}
.image-right .service-detail-image-hold{left: 50%;}
.image-left .service-details-box{padding-left: 80px;}
.image-right .service-details-box{padding-right: 80px;}
.services-list{margin-bottom: -20px;}
.services-list li{font-weight: 800;padding-right: 10px;margin-bottom:15px;width: 50%;padding-left: 25px; position: relative; font-size: 1rem; line-height: 1.1;}
.services-list li:before{content:'\f560';font-family:"Font Awesome 6 Free";font-weight:900; color: var(--primary-color); position: absolute; left: 0; top: 2px;}
/* ================================================================ */
/* ********************* SERVICE PAGE END ************************* */
/* ================================================================ */
/* ================================================================ */
/* ********************* BLOG PAGE START ************************** */
/* ================================================================ */
.blog-hero-container{padding:150px 0 0;position:relative;}
.blog-hero-container .container{position:relative;z-index:9;}
.blog-hero-bg{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;opacity:0.1;transform:rotate(180deg);clip-path:polygon(0 100px,100% 0,100% 100%,0% 100%);-webkit-clip-path:polygon(0 100px,100% 0,100% 100%,0% 100%);}
.post-tag{padding:0 12px;font-size:inherit;font-weight:400;position:relative;display:inline-block;vertical-align:top;font-size:0.8rem;line-height:2rem;z-index:2;background:transparent;border-radius:5px;box-shadow:0 2px 30px rgba(0,0,0,0.1);}
.post-title{font-size:4.5rem;}
.post-date{font-size:1rem;font-weight:800;}
.post-date span{opacity:0.5;}
.post-feature-img-container{width:100%;border-radius:20px;background:var(--yellow);overflow:hidden;padding-bottom:60%;position:relative;margin-bottom:-60px;}
.post-feature-img{width:100%;height:100%;position:absolute;left:0;top:0;}
.post-feature-img img{width:100%;}
.post-share-container,.post-nav-container{margin-top:80px;}
.post-nav .all-link{font-weight:800;text-decoration:none;}
.post-nav .all-link:hover{text-decoration:underline;}
.single-post-content:is(h1,h2,h3,h4,h5,h6){padding-top:10px;}
.single-post-content img{width:100%;margin:2rem 0 3.5rem;}
.single-post-content iframe{width:100%;margin:2rem 0 3.5rem;border:0;height:auto;aspect-ratio:16/9;}
blockquote{margin:0 0 1.5rem;font-size:2rem;line-height:1.4;font-weight:400;font-style:italic;font-family:var(--secondary-font);}
/* ================================================================ */
/* ********************** BLOG PAGE END *************************** */
/* ================================================================ */
/* ================================================================ */
/* ********************** CONTACT PAGE START ********************** */
/* ================================================================ */
.form-control,.form-select{color:var(--black);border:solid 1px rgb(0 5 41 / 20%); background-color: var(--white);}
textarea.form-control,.form-floating textarea.form-control{height:180px;resize:none;}
.form-control:focus,.form-select:focus{color:var(--black);border-color:var(--primary-color);box-shadow:0 0 0 0.25rem rgb(255 101 25 / 25%);}
.form-floating > label:after{display: none!important;}
/* ================================================================ */
/* ********************** CONTACT PAGE END ************************ */
/* ================================================================ */



/* ==========================================
! Large devices (desktops, less than 1400px)
=========================================== */
@media (max-width:1399.98px){
}

/* ==========================================
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width:1199.98px){
  h1{font-size:3.5rem;}
  h2{font-size:2.75rem;}
  h3{font-size:2.25rem;}
  h4{font-size:1.75rem;}
  h5{font-size:1.5rem;}
  h6{font-size:1.25rem;}
  .navbar{height:80px;}
  .navbar-toggler{width:94px;height:40px;height:60px;border-radius:0;cursor:pointer;text-decoration:none;padding:0;border:0;background:transparent;margin:0;position:absolute;right:0;top:50%;z-index:999;transform:translateY(-50%);}
  .navbar-default .navbar-toggler:hover,.navbar-default .navbar-toggler:focus{background:transparent;}
  .navbar-toggler:not([class="collapsed"]),.navbar-toggler:not([class="collapsed"]):focus,.navbar-toggler:not([class="collapsed"]):hover{background:transparent;box-shadow:none;}
  .navbar-toggler.collapsed,.navbar-toggler.collapsed:focus,.navbar-toggler.collapsed:hover{background:transparent;}
  .home .navbar-toggler.collapsed,.home .navbar-toggler.collapsed:focus,.home .navbar-toggler.collapsed:hover{background:transparent;}
  .navbar-toggler .navbar-toggler-icon{position:relative;display:inline-block;width:30px;height:3px;color:var(--black);text-indent:-55px;margin-top:0;background:transparent!important;transition:var(--custom-ease);-webkit-transition:var(--custom-ease);vertical-align:middle;}
  .navbar-toggler .navbar-toggler-icon:before,.navbar-toggler .navbar-toggler-icon:after{content:"";width:30px;height:3px;background:var(--black);position:absolute;left:0;transition:var(--custom-ease);}
  .navbar-toggler.collapsed .navbar-toggler-icon{background:var(--black)!important;}
  .navbar-toggler.collapsed .navbar-toggler-icon:before,.navbar-toggler.collapsed .navbar-toggler-icon:after{background:var(--black);}
  .navbar-toggler.collapsed .navbar-toggler-icon:before{top:-10px;-webkit-transform:rotateZ(0deg);-moz-transform:rotateZ(0deg);-ms-transform:rotateZ(0deg);-o-transform:rotateZ(0deg);transform:rotateZ(0deg);}
  .navbar-toggler .navbar-toggler-icon:before{top:0;-webkit-transform:rotateZ(45deg);-moz-transform:rotateZ(45deg);-ms-transform:rotateZ(45deg);-o-transform:rotateZ(45deg);transform:rotateZ(45deg);}
  .navbar-toggler.collapsed .navbar-toggler-icon:after{bottom:-10px;-webkit-transform:rotateZ(0deg);-moz-transform:rotateZ(0deg);-ms-transform:rotateZ(0deg);-o-transform:rotateZ(0deg);transform:rotateZ(0deg);}
  .navbar-toggler .navbar-toggler-icon:after{bottom:0;-webkit-transform:rotateZ(-45deg);-moz-transform:rotateZ(-45deg);-ms-transform:rotateZ(-45deg);-o-transform:rotateZ(-45deg);transform:rotateZ(-45deg);}
  .navbar-collapse,.navbar-collapse.collapsing{width:100%;height:100%;position:fixed;top:0;left:100%;background:var(--white);padding:0;z-index:99;margin:0;border:0;overflow-y:auto;display:block!important;transition:var(--custom-ease);padding-top:80px;}
  .navbar .collapse.show{left:0;}
  .navbar-inside{height:100%;padding:0;overflow:hidden;overflow-y:auto;display:flex;flex-flow:column;}
  .navbar-expand-xl .navbar-nav .nav-item{padding:0 30px;margin:0;margin-top:30px;transform:translateX(10px);opacity:0;transition:var(--custom-ease);}
  .navbar-expand-xl .navbar-nav .nav-link{font-size:28px;line-height:1.3;padding:0;position:relative;color:var(--black);font-weight:1000;}
  .navbar-expand-xl .show .navbar-nav .nav-item{transform:translateX(0px);opacity:1;}
  .navbar-expand-xl .show .navbar-nav .nav-item:nth-child(1){transition-delay:0.3s;}
  .navbar-expand-xl .show .navbar-nav .nav-item:nth-child(2){transition-delay:0.4s;}
  .navbar-expand-xl .show .navbar-nav .nav-item:nth-child(3){transition-delay:0.5s;}
  .navbar-expand-xl .show .navbar-nav .nav-item:nth-child(4){transition-delay:0.6s;}
  .navbar-expand-xl .show .navbar-nav .nav-item:nth-child(5){transition-delay:0.7s;}
  .navbar-expand-xl .show .navbar-nav .nav-item:nth-child(6){transition-delay:0.8s;}
  .navbar-expand-xl .show .navbar-nav .nav-item:nth-child(7){transition-delay:0.9s;}
  .navbar-expand-xl .show .navbar-nav .nav-item:nth-child(8){transition-delay:1s;}
  .dropdown-menu{background:transparent;border:0;padding:20px 0;margin:0!important;}
  .dropdown-item{padding:12px 20px 12px 40px;font-size:20px;line-height:1.4;font-weight:1000; color: var(--black);}
  .dropdown-item:focus,.dropdown-item:hover,.dropdown-item.active{color:var(--primary-color);background:transparent;}
  .navbar-bottom{padding:40px 30px;}
  .navbar-bottom{opacity:0;visibility:hidden;position:relative;top:-5px;}
  .navbar-expand-xl .show .navbar-bottom{opacity:1;visibility:visible;top:0;transition:var(--custom-ease);transition-delay:1s;}
  .header-right{position:relative;z-index:999;margin-right:50px;}
  .project-details{left:-20px;padding:30px;}
  .project-list-item:nth-child(even) .project-details{right:-20px;}
  .cta-content{padding:80px 40px;}
  .content-container{padding:160px 0;}
  .service-details-container{height: calc(100vh - 79px);}
  .image-left .service-details-box{padding-left: 40px;}
  .image-right .service-details-box{padding-right: 40px;}
}

/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width:991.98px){
  .content-container{padding:120px 0;}
  .hero-text{text-align:center;max-width:600px;margin:0 auto;padding-bottom:50px;}
  .hero-availability{right:auto;left:18%;}
  .hero-info-list{justify-content:center;}
  .text-marquee.top{top:-12px;}
  .text-marquee.bottom{bottom:-12px;}
  .heading{margin-bottom:100px;}
  .heading h2{font-size:90px;white-space:normal;}
  .heading h3{font-size:50px;}
  .project-box-right{padding-left:40px;}
  .project-list-item:nth-child(even) .project-box-right{padding-right:40px;}
  .project-title h4{font-size:40px;}
  .stat-box{padding: 20px; min-height: 240px;}
  .stat-box-icon{font-size: 2.5rem;}
  .cta-content{flex-flow:column;text-align:center;padding:60px 30px;}
  .cta-content .cta-box{padding-top:30px;}
  .quick-contact-box{font-size:1.5rem;}
  .inner-hero-image{width:70%;max-width:384px;margin:0 auto;}
  .inner-hero-text{text-align:center;max-width:600px;margin:0 auto;padding-bottom:50px;}
  .portfolio-hero-text{width:100%;max-width:600px;margin:0 auto;padding:0;padding-bottom:50px;}
  .portfolio-stat-box h3{font-size:2.5rem;}
  .portfolio-hero-image-outer{width:70%;max-width:600px;margin:0 auto;padding:0;}
  .portfolio-hero-box.porfolio-hero-medium{right:-20%;}
  .blog-hero-container{padding:130px 0 0;}
  .post-title{font-size:3rem;}
  .services-list li{width: 100%;}

  .service2-item.swiper-slide{width: 50%;}
}

/* =================================================
! Small devices (landscape phones, less than 768px)
================================================= */
@media (max-width:767.98px){
  .container{width:calc(100% - 16px);}
  h1{font-size:3rem;}
  h2{font-size:2.5rem;}
  h3{font-size:2rem;}
  h4{font-size:1.75rem;}
  h5{font-size:1.5rem;}
  h6{font-size:1.25rem;}
  .mob-pt-0{padding-top:0!important;}
  .mob-pb-0{padding-bottom:0!important;}
  .mob-mt-0{margin-top:0!important;}
  .mob-mb-0{margin-bottom:0!important;}
  .navbar-toggler{width:74px;}
  .navbar-expand-xl .navbar-nav .nav-item{padding:0 20px;}
  .nav-item .dropdown-toggle{right:18px;}
  .theme-switcher{margin: 5px 0 0 0;}
  .parallax-img img{height:100%!important;}
  .content-container{padding:80px 0;}
  .diagonal{clip-path:polygon(0 0,100% 10px,100% 100%,0 calc(100% - 10px));-webkit-clip-path:polygon(0 0,100% 10px,100% 100%,0 calc(100% - 10px));}
  .heading{margin-bottom:80px;}
  .heading h2{font-size:4rem;}
  .heading h3{font-size:2.5rem;}
  .heading-large{top: 0;}
  .hero-container{padding:120px 0 60px;}
  .hero-bg{clip-path:polygon(0 20px,100% 0,100% 100%,0% 100%);-webkit-clip-path:polygon(0 20px,100% 0,100% 100%,0% 100%);}
  .hero-text h1{font-size:3rem;}
  .hero-text h2{font-size:1.25rem;}
  .hero-info-list{margin-top:30px;}
  .hero-info-box h6{text-align:left;margin-left:10px;padding-left:10px;font-size:0.75rem;}
  .hero-info-box h3{font-size:2rem;}
  .hero-info-item:not(:last-child){padding-right:20px;}
  .text{margin-right:40px; font-size: 2rem;}
  .testimonial-box{padding:40px;}
  .testimonial-box blockquote{font-size:1.5rem;}
  .quote-by{padding-top:40px;}
  .view-all-cta{margin-top:60px;}
  .project-list-item+.project-list-item{margin-top:50px;}
  .project-box-left{width:100% !important;}
  .project-box-right{padding:30px 0 0 0!important;width:100% !important;}
  .project-img .project-title{display:none;}
  .project-title{position:relative;inset:auto!important;padding:0!important;margin:0!important;}
  .project-title h4{text-align:left!important;font-size:30px;}
  .project-img{width:calc(100% + 40px);margin-left:-20px;height:0;padding-bottom:110%;overflow:hidden;position:relative;border-radius:0;margin-bottom:50px;}
  .project-details{position:relative;inset:auto!important;padding:0;background:transparent !important;box-shadow:none;}
  .stats-list{width:100%;margin:0;}
  .stat-box{min-height:240px; padding: 30px;}
  .stat-box-icon{font-size: 4rem;}
  .stat-box h3{font-size: 3rem;}
  .stat-box h6 br{display:none;}
  .blog-item{width:100%;}
  .blog-content, .blog-cta{padding-left:0;}
  .mobile-slider .swiper-slide{width:calc(100vw - 100px);max-width:400px;padding:0;}
  .footer-upper{padding:80px 0 50px;}
  .footer-content{margin-bottom:50px;max-width:600px;}
  .footer-bottom-upper{padding:0 0 40px 0;}
  .footer-bottom-lower{padding: 40px 0;}
  .footer-nav+.footer-nav{margin-top:20px;}
  .footer-logo{margin-bottom:20px;}
  .footer-nav{margin-bottom:-20px;}
  .footer-nav li{margin-bottom:20px;}
  .service-list-outer{overflow-x:auto;margin-left:-20px;margin-bottom:-40px;width:calc(100% + 40px);-ms-overflow-style:none;scrollbar-width:none;}
  .service-list-outer::-webkit-scrollbar{display:none;}
  .service-list-wrapper{width:auto;padding:0;}
  .service-item{width:200px;margin-right:20px;padding:40px 0;}
  .service-item+.service-item{margin-top:0;}
  .service-list-wrapper:first-child{margin-left:20px;}
  .service-list-wrapper:last-child{margin-right:0;}
  .cta-content{margin-left:-20px;margin-bottom:-20px;width:calc(100% + 40px);border-radius:0;padding:60px 30px 80px;}
  .inner-hero-container{padding:120px 0 60px;}
  .inner-hero-bg{clip-path:polygon(0 20px,100% 0,100% 100%,0% 100%);-webkit-clip-path:polygon(0 20px,100% 0,100% 100%,0% 100%);}
  .inner-hero-text h1{font-size:3rem;}
  .default-hero .inner-hero-text{padding: 50px 0;}
  .pagination-container{margin-top:60px;}
  .pagination .page-link{font-size:1rem;padding:0 5px;}
  .portfolio-hero-container{padding:120px 0 60px;}
  .portfolio-hero-bg{clip-path:polygon(0 20px,100% 0,100% 100%,0% 100%);-webkit-clip-path:polygon(0 20px,100% 0,100% 100%,0% 100%);}
  .portfolio-hero-text h1{font-size:3rem;}
  .portfolio-hero-text h2{font-size:1.25rem;}
  .portfolio-stats-list{width:100%;margin-left:0;}
  .portfolio-hero-box.porfolio-hero-small .portfolio-hero-image-hold{padding:10px;}
  .mobile-slider .swiper-slide.portfolio-stats-list-item{max-width:270px;}
  .portfolio-hero-box.porfolio-hero-small{width:30%;left:-15%;}
  .portfolio-hero-image{border-radius:10px;}
  .project-image-container{border-radius:10px;}
  .project-image-wrapper+.project-image-wrapper{margin-top:20px;}
  .mobile-preview{border-radius:10px;}
  .blog-hero-container{padding:110px 0 0;}
  .post-title{font-size:2rem;}
  .post-feature-img-container{border-radius:10px;}
  .blog-hero-bg{clip-path:polygon(0 20px,100% 0,100% 100%,0% 100%);-webkit-clip-path:polygon(0 20px,100% 0,100% 100%,0% 100%);}
  .post-nav .btn{width:100%;margin:10px 0!important;}
  .service-details-container{height: auto;}
  .service-detail-image-hold{width: 100%; position: relative; inset: auto !important;}
  .service-details-box{padding: 20px 0 60px 0 !important;}
  .service-details-box:before{content:'';width: 50vw;position: absolute;right: calc(100% - 20px);bottom: 100%;margin-bottom: -1px;background: var(--light-color);height: 20px;z-index: 3;clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 100%, 0% 100%);}
  .service-details-box:after{content:'';width: 100vw;position: absolute;left: 18px;bottom: 100%;margin-bottom: -1px;background: var(--light-color);height: 20px;z-index: 3;clip-path: polygon(20px 0, 100% 0, 100% 100%, 0% 100%);}


/*version 2 css start*/
.hero2-availability{width: 200px; top: -30%;right: -30%;}
.hero2-text h1{font-size: 3rem;}
.hero2-text h2{font-size: 1.5rem;}
.hero2-intro-heading{left: 0; top: -70px;}
.hero2-testimonial-box{padding-top: 40px;}
.hero2-testimonial-heading{top: 0; right: 0;}
.hero2-service-heading{left: 20px; bottom: 15px;}
.hero2-lang-outer{bottom: -10px;}
.hero2-lang{font-size: 80px;}
.heading2{flex-flow: column;}
.heading2 h3{font-size: 2.5rem; margin-bottom: 15px;}
.portfolio2-text-outer{top: -10px;}
.service2-list-outer{margin-left:0px;width:100%;}
.stat2-box-large{margin-bottom: 50px;}
.stat2-number{font-size: 8rem;}
.stat2-text{font-size: 3rem; margin-bottom: 0px;}
.blog2-list{margin-left:0px; width:100%;}
.stat2-list-outer{margin-left:0px;width:100%;}
/*version 2 css end*/



}

/* ======================================================
! Extra small devices (portrait phones, less than 576px)
====================================================== */
@media (max-width:575.98px){
  .testimonial-box{padding:30px;}
  .testimonial-box blockquote{font-size:1.25rem;}
}





/* ======================================================
-----------------Dark Theme Css Start--------------------
====================================================== */
body.dark-theme{
  /* --white:#f2f2e9; */
  --black:#1c1d25; 
  --black-alt:#2b303b; 
  --shadow:0 0 16px rgba(0,0,0,0.25);
  --gradient-color: linear-gradient(90deg,#fd7702 0%,#ff0066 100%); 
}
body.dark-theme .btn.btn-dark:before, 
body.dark-theme .btn.btn-dark:after{background: var(--black-alt);}
body.dark-theme ul:not([class])>li:before{background: var(--white);}
body.dark-theme {background: var(--black); color: var(--white);} 
body.dark-theme #header, 
body.dark-theme #footer .sub-heading, 
body.dark-theme .pagination .page-link{color: var(--white);}
body.dark-theme.fixed #header{background: var(--black); color: var(--white); box-shadow: 0 5px 8px rgb(0 0 0 / 25%);}
body.dark-theme .hero-bg, 
body.dark-theme .inner-hero-bg, 
body.dark-theme .portfolio-hero-bg, 
body.dark-theme .blog-hero-bg{background: var(--black-alt); opacity: 0.3;}
body.dark-theme .project-details,
body.dark-theme .service-details-container{background: var(--black-alt);}
body.dark-theme .hero-bg *, 
body.dark-theme .inner-hero-bg *,
body.dark-theme .portfolio-hero-bg *,
body.dark-theme .blog-hero-bg *{display: none;}
body.dark-theme .navbar-brand img, 
body.dark-theme .hero-availability{filter: brightness(0) invert(1);} 
body.dark-theme .bg-shape svg{fill:var(--black-alt);}
body.dark-theme .light-bg{background: rgb(255 255 255 / 5%); color: var(--white);}
body.dark-theme .service-box, 
body.dark-theme .testimonial-box:before, 
body.dark-theme .stat-box,
body.dark-theme .service-details-container,
body.dark-theme .portfolio-stat-box{background:var(--black-alt);}
body.dark-theme .text{ -webkit-text-stroke: 1px var(--white);}
body.dark-theme .project-box-left > .project-title h4{background:var(--gradient-color);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
body.dark-theme footer a:hover{color: var(--black-alt);}
body.dark-theme .project-image-container, 
body.dark-theme .mobile-preview{box-shadow: 0 0 20px rgb(0 0 0 / 75%);}
body.dark-theme .preview-box.desktop-preview-box{filter: drop-shadow(0 0 12px rgba(255,255,255,0.05));}
body.dark-theme .post-tag{box-shadow: var(--shadow);}
body.dark-theme .form-control,
body.dark-theme .form-select{background-color: var(--black-alt); color: var(--white);}
body.dark-theme .form-floating>.form-control-plaintext~label, 
body.dark-theme .form-floating>.form-control:focus~label, 
body.dark-theme .form-floating>.form-control:not(:placeholder-shown)~label, 
body.dark-theme .form-floating>.form-select~label{color: var(--white); opacity: 0.5;}
body.dark-theme .service-details-box:before, 
body.dark-theme .service-details-box:after{background: var(--black-alt);}
@media only screen and (min-width:1200px){
body.dark-theme .navbar-nav>li>.dropdown-menu{background: var(--black-alt); color: var(--white);}
body.dark-theme .dropdown-item{color: var(--white);}
body.dark-theme .dropdown-item:focus,
body.dark-theme .dropdown-item:hover,
body.dark-theme .dropdown-item.active{color:var(--primary-color);background:transparent;}

}
/* ====================================================
! Dark Mode Large devices (desktops, less than 1200px)
====================================================== */
@media (max-width:1199.98px){
body.dark-theme .navbar-toggler .navbar-toggler-icon:before,
body.dark-theme .navbar-toggler .navbar-toggler-icon:after{ background:var(--white);}
body.dark-theme .navbar-toggler.collapsed .navbar-toggler-icon{background:var(--white)!important;}
body.dark-theme .navbar-toggler.collapsed .navbar-toggler-icon:before,
body.dark-theme .navbar-toggler.collapsed .navbar-toggler-icon:after{background:var(--white);}
body.dark-theme .navbar-collapse, 
body.dark-theme .navbar-collapse.collapsing{background: var(--black);}
body.dark-theme .navbar-expand-xl .navbar-nav .nav-link{color: var(--white);}
body.dark-theme .dropdown-item{color: var(--white);}
body.dark-theme .dropdown-item:focus,
body.dark-theme .dropdown-item:hover,
body.dark-theme .dropdown-item.active{color:var(--primary-color);background:transparent;}
}
/* ======================================================
------------------Dark Theme Css End---------------------
====================================================== */