/* html {
  scroll-behavior: smooth;
} */



body {
 font-family: "Inter Tight", sans-serif;
    margin: 0px;
    padding: 0px;
    font-size: 16px;
    color: #000;
/*     overflow-x: hidden; */
    font-weight: 400;
/*     overscroll-behavior: none; */
    /* background-color: #fafaf3; */
}

::-webkit-scrollbar {
    width: 10px;
    height: 15px;
}
::-webkit-scrollbar-track-piece {
    background-color: #00008b;
}
::-webkit-scrollbar-thumb:vertical {
    height: 30px;
    background-color: #a020f0;
    border-radius: 60px;
}




@font-face {
    font-family: 'Inter Tight';
    src: url('../fonts/InterTight-Italic.woff2') format('woff2'),
        url('../fonts/InterTight-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter Tight';
    src: url('../fonts/InterTight-LightItalic.woff2') format('woff2'),
        url('../fonts/InterTight-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter Tight';
    src: url('../fonts/InterTight-Light.woff2') format('woff2'),
        url('../fonts/InterTight-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter Tight';
    src: url('../fonts/InterTight-SemiBoldItalic.woff2') format('woff2'),
        url('../fonts/InterTight-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter Tight';
    src: url('../fonts/InterTight-Regular.woff2') format('woff2'),
        url('../fonts/InterTight-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter Tight';
    src: url('../fonts/InterTight-SemiBold.woff2') format('woff2'),
        url('../fonts/InterTight-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter Tight';
    src: url('../fonts/InterTight-Medium.woff2') format('woff2'),
        url('../fonts/InterTight-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter Tight';
    src: url('../fonts/InterTight-Thin.woff2') format('woff2'),
        url('../fonts/InterTight-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter Tight';
    src: url('../fonts/InterTight-MediumItalic.woff2') format('woff2'),
        url('../fonts/InterTight-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter Tight';
    src: url('../fonts/InterTight-ExtraBold.woff2') format('woff2'),
        url('../fonts/InterTight-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter Tight';
    src: url('../fonts/InterTight-BlackItalic.woff2') format('woff2'),
        url('../fonts/InterTight-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter Tight';
    src: url('../fonts/InterTight-BoldItalic.woff2') format('woff2'),
        url('../fonts/InterTight-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter Tight';
    src: url('../fonts/InterTight-Black.woff2') format('woff2'),
        url('../fonts/InterTight-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter Tight';
    src: url('../fonts/InterTight-Bold.woff2') format('woff2'),
        url('../fonts/InterTight-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter Tight';
    src: url('../fonts/InterTight-ThinItalic.woff2') format('woff2'),
        url('../fonts/InterTight-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter Tight';
    src: url('../fonts/InterTight-ExtraBoldItalic.woff2') format('woff2'),
        url('../fonts/InterTight-ExtraBoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter Tight';
    src: url('../fonts/InterTight-ExtraLight.woff2') format('woff2'),
        url('../fonts/InterTight-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter Tight';
    src: url('../fonts/InterTight-ExtraLightItalic.woff2') format('woff2'),
        url('../fonts/InterTight-ExtraLightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}











img {
  max-width: 100%;
  border: 0;
  height: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
 font-family: 'Inter Tight';
}


textarea,
div,
span,
li,
button,
a {
  font-family: 'Inter Tight';
  font-weight: 400;
  color: #000;
  /* transition: ease-in-out 1s; */
}

input{font-family: 'Inter Tight';}

ul {
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
  
}

p {
  font-family: 'Inter Tight';
  font-size: 18px;
  line-height: 30px;
  color: #000;
  font-weight: 400;
  margin-bottom: 15px;
}
.clear {
  clear: both;
  float: none;
  width: 100%;
}
.clearfix::after {
  display: block;
  content: "";
  clear: both;
}
a {
  text-decoration: none !important;
  font-family: 'Inter Tight';
}

a:hover {
  transition: ease-in-out 1s;
}
a,
span {
  display: inline-block;
  transition: ease-in-out 1s;
}

:focus {
  box-shadow: none !important;
  outline: none !important;
}

textarea, input, div, span, li, button {  font-family: 'Inter Tight';}



/*Responsive css*/

@media (min-width: 1366px){
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1250px;
}

}

@media (min-width: 1440px){
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1350px;
}

}


@media (min-width: 1600px){
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1400px;
}

}

/*------------------common-css End-------------------*/

/*nav*/ 

    .navbar-light .navbar-nav .nav-link:hover:before, a:hover .navbar-light .navbar-nav .nav-link:before {
        transform: scaleX(1);
        transform-origin: left;
    }

    .navbar-light .navbar-nav .nav-link:before {
    background-color: currentColor;
    bottom: var(--bottom);
    content: "";
    height: .05em;
    left: 0;
    min-height: 1px;
    position: absolute;
    right: 0;
    transform: scaleX(0);
    transform-origin: right;
    transition: transform .75s cubic-bezier(.19, 1, .22, 1);
}

.navbar-light .navbar-nav .nav-link {
    font-size: 20px;
    text-transform: capitalize !important;
    color: #000 !important;
    font-weight: 500;
    margin: 0 25px 0 25px;
    transition: 0.7s ease-in-out;
    display: inline-flex;
    position: relative;
    white-space: nowrap;
    --bottom: 0;
    padding: 0;
    align-items: center;
}

.header-section {position: relative;}
.page-header {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    padding: 10px 100px;
    z-index: 5;
    margin: 40px 0 0;
}
    .navbar-expand-lg .navbar-collapse {
        flex-basis: auto;
        justify-content: right;
    }

@keyframes fade-in-move-down {
  0% {
    opacity: 1;
    transform: translateY(-9rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.navbar-light .navbar-nav .nav-link:hover {
    color: #662fcf !important;
}
.navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start;
    padding: 0;
    animation: fade-in-move-down 2s;
    backdrop-filter: blur(122px);
    background-color: rgb(255 255 255);
    border-radius: 10px;
    padding: 10px 15px 5px;
    box-shadow: 0 20px 50px rgba(0, 5, 39, 0.07);
}
.page-header.fixed-nav {
    position: fixed;
    /* box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1); */
    /* backdrop-filter: blur(10px); */
    animation: slideDown 0.35s ease-out;
    z-index: 999;
    padding-top: 0;
    padding-bottom: 0;
}


@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
.top-nav-bar {
  position: relative;
  top: 0px;
  width: 100%;
  z-index: 11;
  padding: 10px  0px;
/*   background: #fff; */
/* left: 0; */
}

/* 
header.header-section.fixed-nav {
  position: fixed;
}
.fixed-nav .navbar .nav-item:hover a{color: #3361e1;}

header {
    position: fixed;
    top: 0px;
    left: 0px;
    background-color:#136ca5 ;
    transition: ease-in-out 5s;
    width: 100%;
    z-index: 5;
} */
/* .fixed-nav .top-nav-bar {background: #3c3341;} */
.fixed-nav .top-nav-bar{
  animation: smoothScroll 4s forwards;}
header.header-section.fixed-nav .top-nav-bar .row {
  animation: smoothScroll 4s forwards;
  align-items: center !important;
  display: flex;
}
header.header-section.fixed-nav .top-nav-bar .row .d-flex{
 
  align-items: center !important;
          

}
    /* .navbar a, .navbar a:focus { text-transform: uppercase !important; padding: 0px 0px 0px 35px !important;   }s */
.navbar .dropdown ul li:hover {
    box-shadow: none;
}
.fixed-nav .logo{width: 300px;}
.select-lang {display: flex;justify-content: end;}
.fixed-nav .navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover>a {color: #000;}
/* .fixed-nav .navbar li.active a {color: #fff;} */
.fixed-nav .navbar li.active {background: url(../images/white-dot.webp);background-repeat: no-repeat;background-position: right;}

/*--------------------------------------------------------------
# Desktop Navigation
--------------------------------------------------------------*/



.logo-marquee {
  padding: 2.5rem 0;
  position: relative;
}

.logo-marquee--gradient {
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 1;
}

.logo-marquee--marquee {
    display: flex;
    overflow: hidden;
    user-select: none;
    box-shadow: -9px 5px 70px #7d18bc;
    background: #520d7c;
}   

.logo-marquee--marquee-group {
  animation: scroll-left 30s linear infinite;
  display: flex;
  flex-shrink: 0;
  width: auto;
}

@media (prefers-reduced-motion) {
  .logo-marquee--marquee-group {
    animation-play-state: paused;
  }
}







@keyframes scroll-left {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}




.inner-homebannertext {
    position: absolute;
    top: 26%;
    left: 0;
    right: 0;
    text-align: center;
   
}
.imagehomebannerflex img {
    border-radius: 20px;
    padding: 0 10px;
}
.imagehomebannerflex {
    display: flex;
    position: absolute;
    bottom: 14px;
    left: 0;
    gap: 20px;
    margin: 0 20px;
    animation: scroll 25s linear infinite;
    z-index: 9;
}
.homebannertitle {
    font-size: 72px;
    color: #fff;
    font-weight: 500;
    line-height: 85px;
    text-align: center;
    padding: 0 19%;
}
.inner-homebannertext p {
    font-size: 33px;
    color: #fff;
    line-height: 50px;
    font-weight: 100;
}
.home-banner {
    background-color: #260139;
    height: 100vh;
    /* margin: 20px; */
    border-radius: 15px;
    position: relative;
    background-image: url(/wp-content/uploads/2026/04/homebannerline-1.webp);
    background-repeat: no-repeat;
    animation: horizontalMove 2.5s infinite;
    animation-timing-function: ease-in-out;
    margin: auto;
    display: block;
    max-width: 98%;
    top: 20px;
}

@keyframes horizontalMove {
    0% {
      background-position: 0% 0%;
    }
    50% {
      background-position: 100% 20%;
    }
    100% {
      background-position: 0% 0%;
    }
  }
/* for scroll image animation   */

.container.container-inview.hide {
    display: none;
}
.container.container-scroll {
    padding: 0;
}
 .reveal {
	 visibility: hidden;
	 position: relative;
	 width: 100%;
	 height: 100%;
	 overflow: hidden;
}
.inner-banner-title {
    font-size: 72px;
    color: #fff;
    font-weight: 600;
    margin: 0;
}
.inner-banner-text {
    position: absolute;
    bottom: 120px;
    left: 0;
    right: 0;
    text-align: center;
}
.inner-homesec3box:hover {
    transform: translatey(-20px);
}
/* and here scroll */
 .inner-banner-section {
    background-image: url(../images/bannerinnerbg.webp);
    background-position: center;
    background-repeat: no-repeat;
    height: 50vh;
    background-size: 100%;
    position: relative;
    top: 20px;
    width: 98%;
    margin: auto;
}

.star li {
    font-size: 18px;
    color: #282a1f;
    font-family: 'Inter Tight';
}
.star li a {
    color: #6b13a1;
}
.breadcrumb .star {
    display: flex;
    position: relative;
    gap: 7px;
    margin: 40px 60px 0;
}
.home-banner::before {
    background-image: url(/wp-content/uploads/2026/04/navbarshadow-1.webp);
    top: 0;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    border-radius: 20px;
}


#team-slid1 .owl-prev {position: absolute;top: 50%;right: 20px;display: none;}
#team-slid1 .owl-prev span {background-color: #fff;width: 40px;height: 40px;border-radius: 50%;color: #000;font-size: 24px;text-align: center;}
#team-slid1.owl-next span {background-color: #fff;width: 40px;height: 40px; border-radius: 50%;color: #000;font-size: 24px;text-align: center;}
#team-slid1 .owl-next {position: absolute; display: none;top: 50%;left: 20px;}
#team-slid1 .owl-nav {display: none;}
#team-slid1 .owl-dot span {background-color: #fff; width: 12px;height: 12px;margin: 2px;border-radius: 50%;}
#team-slid1 .owl-dot.active span {background-color: #0f52ba;width: 12px;height: 12px;margin: 2px;border-radius: 50%;}
#team-slid1 .owl-dots {
    display: flex
;
    z-index: 20;
    position: relative;
    justify-content: center;
    margin-top: 10px;
    left: 0;
    position: absolute;
    left: 0;
    gap: 3px;
    bottom: -20px;
}
#team-slid1 .owl-next {
     display: none;
}

#team-slid1 .owl-prev {
    display: none;
}
.bg-colortesti p {
    color: #fff;
}

/* for btn  */



/* Shutter In Vertical */
.hvr-shutter-in-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #2098D1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-in-vertical:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    border-radius: 60px;
    left: 0;
    right: 0;
    background: #0f52ba;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: 
ease-out;
    transition-timing-function: 
ease-out;
}
.hvr-shutter-in-vertical:hover, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:active {
    color: white;
    border: 1px solid #fff;
}
.hvr-shutter-in-vertical:hover:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:active:before {
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}


/* end   */











/* 404 and thank you  */



.page-not-found, .thank-you {
    text-align: center;
    padding: 80px 0;
    background: #28013e;
    border-radius: 20px;
    margin: 20px;
}


.home-back {
  color: #fff;
  background-color: #02246b;
  border-radius: 5px 5px 0px 0px;
  font-size: 18px;
  font-weight: 500;
  margin: 0;
  text-align: center;
  padding: 12px 30px;
  letter-spacing: 1px;
  transition: 0.5s ease-in-out;
  border-radius: 50px;
  border: 2px solid transparent;
  transition: 0.5s ease-in-out;
}


.page-not-found h3, .thank-you h3 {
    font-size: 290px;
    line-height: 180px;
    color: #a75eff;
    -webkit-text-stroke: 2px #ffffff;
    margin: 0;
    font-weight: 600;
    font-family: 'Inter Tight';
}

.inner-bannertxt {
    color: #fff;
    margin: 0;
    font-family: 'Avenir LT Pro';
    font-size: 90px;
}
.inner-txt-banner {
    position: absolute;
    left: 60px;
    padding: 0;
    bottom: 136px;
}
.inner-banner img {
    width: 100%;
    filter: brightness(0.7);
}
.breadcrumb {
    margin: 0;
}
.breadcrumb-item.active {
    color: #0f52ba !important;
    font-weight: 500 !important;
}
.bread.bread-copy {
    position: relative;
    padding: 10px 0 0px 60px;
}
.breadcrumb-item a {
    color: #000 !important;
    font-weight: 500 !important;
}
.breadcrumb-item {
    font-size: 18px;
    color: #000 !important;
}
.inner-banner {
    position: relative;
}
.inner-banner::after {
    background-image: url(../images/homebnnerafter.webp);
    position: absolute;
    content: '';
    width: 100%;
    height: 41%;
    background-repeat: no-repeat;
    bottom: -170px;
    background-position: bottom;
    right: 0;
    background-size: cover;
}

.page-not-found {
    padding: 260px 0 100px;
    background: #29023f;
    margin: 20px;
    border-radius: 20px;
}
.page-header.is-sticky .navbar-main {
    padding: 10px 53px;
}
.thank-you {
    padding: 240px 0 80px;
}
.page-not-found h5 {
    font-size: 45px;
    font-weight: 600;
    color: #ffffff;
    margin: 40px 0 10px;
}
.page-not-found p {
    font-size: 26px;
    color: #ffffff;
    font-weight: 200;
    margin: 0;
    margin-bottom: 30px;
} 
a.home-back:hover {
  background: #fff;
  color: #000;
  border: 2px solid #02246b;
}
.btn-404 {
  margin: 20px 0 0;
}
.page-not-found .btn-bord1 {
    display: block;
    margin: 30px auto 0;
}
.card-feel-sung .contact-btn img {
    width: auto;
}

.card-feel-sung .contact-btn {
    text-align: left;
    margin: 20px 0 0;
}
.thank-you .btn-bord1 {
    display: block;
    margin: 30px auto 0;
}

.inner-banner-image.animate.fadeIn.five img {
    filter: inherit;
}


.thank-you h5 {
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 20px;
  color: #ffffff;
}

.thank-you h3 {
  font-size: 150px;
  line-height: 180px;
}



/* end here  */





/* dropdown navbar css  */


/* end here  */









/* blog page details css  */

.blog-details img {margin-bottom: 20px;}
.blog-details img {width: 100%;}
.content-blog-details .blog3 a {
    font-size: 35px;
    color: #000;
}
#respond {background-color: #f5f5f5; padding: 20px;margin-top: 30px;border-radius: 5px;}
#comment {height: 120px;}
#comments input#submit{background: #d09312;color: #fff; text-transform: uppercase;font-size: 16px;padding: 10px 40px;border-radius: 15px;  margin-top: 20px; margin-top: 15px;transition: 0.5s ease-in-out; border: 1px solid transparent !important;}
#reply-title {font-weight: 700;}
#comments input#submit:hover{background: #fff;color: #000;border: 1px solid #d09312 !important;}
.blog-page.details {
    padding: 190px 0 80px;
}
.content-blog-details .blog3 {
    margin-bottom: 15px;
    font-size: 40px;
}
.content-blog-details p {color: #ffffff;font-weight: 400;}
div#comments p {font-weight: 400; color: #000; font-size: 18px;}
div#comments label {font-size: 18px;color: #000;font-weight: 400;}
/* end here detail page  */
 /* Custom | Recent Posts Widget */
    .widget .recent-posts-widget li .thumb img { max-width:150px; width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: var(--wdtRadius_2X); -webkit-border-radius: var(--wdtRadius_2X); }
    .widget .recent-posts-widget li { display: grid; align-items: center; grid-template-columns: 150px auto; column-gap: 25px; margin:0; padding: 20px 0; border-bottom: 1px solid var(--wdtLinkHoverColor); }
    .widget .recent-posts-widget li .thumb { width: 100%; margin: 0; margin-right: 15px; height: 100%; }
    .widget .recent-posts-widget li .entry-image { grid-area: 1/1; height: 100%;}
    .widget .recent-posts-widget li .entry-title { grid-area: 2/2; }
    .widget .recent-posts-widget li .entry-meta { grid-area: 1/2; font-size: 14px; display: flex; flex-direction: row-reverse; justify-content: space-between; color: var(--wdtPrimaryColor);  }
    .widget .recent-posts-widget li .entry-meta p span::before { content: ''; font-family: "mantra-custom-icons"; line-height: 1.5; display: inline-block; width: 1em; height: 1em; }
    .widget .recent-posts-widget li .entry-meta p span.wdticon-author-icon::before { content: '\e803'; }
    .widget .recent-posts-widget li .entry-meta p span.wdticon-date-o::before { content: '\e804'; }
    .widget .recent-posts-widget li:before { display: none; }
.post-details p {
    font-size: 16px;
    color: #a45dfd;
}
.entry-title a {
    font-size: 21px;
    color: #000;
}


/* blog page  */
.entry-date {
    background: #a45efd;
    color: #fff;
    width: fit-content;
    padding: 7px 13px;
    font-size: 13px;
    border-radius: 60px;
    position: relative;
    top: -24px;
}
.postblogname i {
    color: #a45efd;
}
/* .colorbgblogcardafter {
    background-color: #be9928;
    height: 400px;
    width: 100%;
    border-radius: 10px;
    position: absolute;
} */
.content-blog-details p {
    color: #000;
}
.postblogname span {
    font-size: 15px;
    color: #000;
    font-weight: 500;
}
.blogflexcard {
    display: flex;
    justify-content: space-between;
    padding: 0 10px;
    align-items: flex-start;
}
.blog3 {
    margin-bottom: 30px;
}
a.bg-remove {
    width: 100%;
    overflow: hidden;
}
.blog-inner .btn-sameuse {
    text-align: left;
    margin-left: 30px;
    margin-top: 30px;
}
.blog-page {
    padding: 210px 0 50px;
}
.blog-inner:hover img { opacity: .6;-webkit-transform: scale(1.1);transform: scale(1.1);}
.blog-inner img {transition: 0.5s ease-in-out; width: 100%; border-radius: 10px 10px 0 0;}
.blog3 a {
    font-size: 30px;
    font-weight: 500;
    color: #31147f !important;
    font-family: 'Inter Tight';
}
.content-blog p {font-size: 18px;font-weight: 400;color: #000;}
.blog-btn { padding: 12px 45px; border-radius: 50px;}
.read-morehome1:hover {background: #fff; color: #000 !important;border: 1px solid #d09312 !important;}
.categories-sec-blog ul li a { color: #d09312 !important;font-family: 'Poppins';}
.read-morehome1 {background: #d09312;  color: #fff;  text-transform: uppercase;   font-size: 16px; padding: 10px 40px; border-radius: 15px; margin-top: 20px;    margin-top: 15px; transition: 0.5s ease-in-out;border: 1px solid transparent !important;}
.categories-sec-blog h3 { margin: 30px 0 20px;font-weight: 600;}
.wp-block-search__button {  margin-left: 10px; word-break: normal;background: #d09312; font-weight: 600; font-size: 18px; color: #fff; transition: 0.5s ease-in-out;border-radius: 5px;border: 1px solid transparent; padding: 13.3px;}
.wp-block-search__button:hover {border: 1px solid #d09312;color: #d09312;background: #fff;}
.categories-sec-blog ul li {border-top: 1px solid #d4d3d3;padding: 15px 0;}
.search-box-blog input {padding: 17px 20px;border-radius: 5px;border: 1px solid #ccc;width: 77%;}
.search-box-blog label { display: block;font-size: 22px;font-weight: 700; color: #000;}
.search-blog-main {background: #fff;margin-left: 20px;box-shadow: 0 5px 16px rgba(0, 0, 0, .1);padding: 18px 14px;}
.content-blog {
    padding: 0px 20px 40px 20px;
}
.blog-inner {
    box-shadow: 0 5px 16px rgba(0, 0, 0, .1);
    background: #fff;
    overflow: hidden;
    border-radius: 15px;
    transition: 0.5s ease-in-out;
    border: 1px solid #d2d1d1;
    height: 100%;
    position: relative;
}
.wp-block-search__inside-wrapper {display: flex;flex: auto;flex-wrap: nowrap;max-width: 100%;}



.inner-banner::before{
    content: '';
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    background-color: #0005;
}







/* Bounce To Top */
.hvr-bounce-to-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-top:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fd7620;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: 
ease-out;
    transition-timing-function: 
ease-out;
    border-radius: 10px;
}
.hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active {
  color: white;
}
.hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}


/* end here  */










/* button css  */
.inner-homebannertext .btn-commn {
    display: flex;
    gap: 30px;
    justify-content: center;
    position:relative;
}

.custom-btn {
  color: #fff;
  background: transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;
   
  outline: none;
}




/* 16 */
.btn-16 {
    border: none;
    color: #ffffff;
    background: linear-gradient(0deg, #6e0aad 0%, rgb(156 45 255) 100%);
    font-size: 18px;
    font-weight: 500;
    padding: 16px 40px;
    border-radius: 10px;
    transition: 0.6s ease-in-out;
}
.btn-16:after {
    position: absolute;
    content: "";
    width: 0;
    height: 100%;
    top: 0;
    left: 0;
    direction: rtl;
    box-shadow: -7px -7px 20px 0px #fff9, -4px -4px 5px 0px #fff9, 7px 7px 20px 0px #0002, 4px 4px 5px 0px #0001;
    transition: all 0.7s ease;
    border-radius: 10px;
}
.btn-16:hover {
    color: #ffffff;
    background: #982af8;
}
.btn-16:hover:after {
  left: auto;
  right: 0;
  width: 100%;
}
.btn-16:active {
  top: 2px;
}





.inner-homesec3box:hover p {
    color: #fff;
}
.inner-homesec3box:hover .titlehomesec3card {
    color: #fff;
}


/* Sweep To Top */
.hvr-sweep-to-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.7s;
  transition-duration: 0.7s;
}
.hvr-sweep-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  border-radius: 10px;
  bottom: 0;
  background: #00008b;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.7s;
  transition-duration: 0.7s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active {
  color: white;
}
.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}








/* end here  */
.inner-homesec3box {
    background: #f8f8fe;
    padding: 50px 20px;
    box-shadow: 0 0px 0px rgba(0, 5, 39, 0.07);
    height: 100%;
    border-radius: 10px;
    transition: 0.7s ease-in-out;
    position: relative;
}
.inner-homesec3box p {
    font-size: 20px;
    text-align: center;
    font-weight: 400;
    color: #000;
}

.titlehomesec3card {
    font-size: 28px;
    text-align: center;
    font-weight: 500;
    color: #00008b;
    margin-bottom: 10px;
}   
.inner-homesec2.right {
    margin: 95px 0 0 30px;
}   
.headhomesec2 p {
    font-size: 20px;
    color: #080808;
}
.homesec3 {
    padding: 0 0 100px;
}
.inner-homesec2.right img {
    border-radius: 10px;
}
.inner-homesec2.left img {
    margin: 106px 0 0;
    border-radius: 10px;
}
.headhomesec2 {
    margin-bottom: 40px;
    text-align: center;
}
.inner-homesec2 p {
    font-size: 20px;
    color: #080808;
    font-weight: 400;
    margin: 40px 0 30px;
}
.homesec2 {
    padding: 100px 0;
}

.titlesame {
    font-size: 60px;
    color: #00008b;
    font-weight: 500;
}
.inner-homesec3box .btn-commn {
    text-align: center;
    margin: 20px 0 0;
    position: relative;
    z-index: 99;
}
.titlesame span {
    color: #a020f0;
    display: inline;
    font-weight: 500;
}

.boxservice1::after {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    background-image: url(../images/webdesignbgimg.webp);
    background-size: 70%;
    background-position: center;
    background-repeat: no-repeat;
    height: 50%;
    top: 30%;
    z-index: -9;
}






.boxservice2::after {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
   background-image: url('../images/seobgimg.webp');
    background-size: 70%;
    background-position: center;
    background-repeat: no-repeat;
    height: 50%;
    top: 30%;
    z-index: -9;
}


.boxservice3::after {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
   background-image: url('../images/mediabgimg.webp');
    background-size: 70%;
    background-position: center;
    background-repeat: no-repeat;
    height: 50%;
    top: 30%;
    z-index: -9;
}



.boxservice4::after {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    background-image: url('../images/mediaopbgimg.webp');
    background-size: 70%;
    background-position: center;
    background-repeat: no-repeat;
    height: 50%;
    top: 30%;
    z-index: -9;
}


.boxservice5::after {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
     background-image: url('../images/restaubgimg.webp');
    background-size: 70%;
    background-position: center;
    background-repeat: no-repeat;
    height: 50%;
    top: 30%;
    z-index: -9;
}
.cardcontentser {
    position: relative;
    z-index: 99;
}

.inner-homesec3box:hover::after{
    filter: brightness(800);
    z-index: 9;
}



.inner-homesec3box img {
    margin-bottom: 90px;
}




.homesec4.first-sliderhome .btn-commn {
    text-align: center;
    margin: 20px 0 0;
}


/* home page slider  */
#team-slid2 .owl-nav, #team-slid .owl-nav {
    display: flex;
    justify-content: center;
    position: absolute;
    right: 0;
    top: -120px;
}
#team-slid2 .owl-prev span {
    width: 60px;
    height: 60px;
    font-size: 0px;
    color: #000;
    position: relative;
    left: -10px;
    text-align: center;
    margin: 2px 0px 0px 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url(../images/left-arrow.svg);
    background-repeat: no-repeat;
    background-size: 60%;
    border: 2px solid #F2EFE5;
    border-radius: 50%;
    background-position: center;
    filter: brightness(800);
    transition: 0.5s ease-in-out;
}

#team-slid2 .owl-next span {
    width: 60px;
    height: 60px;
    /* border-radius: 50%; */
    transition: 0.5s ease-in-out;
    color: #000;
    font-size: 0px;
    text-align: center;
    margin: 3px 10px 0px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url(../images/right-arrow.svg);
    background-repeat: no-repeat;
    margin-left: 15px;
    background-size: 60%;
    border: 2px solid #F2EFE5;
    border-radius: 50%;
    background-position: center;
    filter: brightness(800);
}



#team-slid3 .owl-nav, #team-slid .owl-nav {
    display: flex;
    justify-content: center;
    position: absolute;
    right: 0;
    top: -120px;
}
#team-slid3 .owl-prev span {
    width: 60px;
    height: 60px;
    font-size: 0px;
    color: #000;
    position: relative;
    left: -10px;
    text-align: center;
    margin: 2px 0px 0px 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url(../images/left-arrow.svg);
    background-repeat: no-repeat;
    background-size: 60%;
    border: 2px solid #F2EFE5;
    border-radius: 50%;
    background-position: center;
    filter: brightness(800);
    transition: 0.5s ease-in-out;
}

#team-slid3 .owl-next span {
    width: 60px;
    height: 60px;
    /* border-radius: 50%; */
    transition: 0.5s ease-in-out;
    color: #000;
    font-size: 0px;
    text-align: center;
    margin: 3px 10px 0px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url(../images/right-arrow.svg);
    background-repeat: no-repeat;
    margin-left: 15px;
    background-size: 60%;
    border: 2px solid #F2EFE5;
    border-radius: 50%;
    background-position: center;
    filter: brightness(800);
}


.product-box img {
    border-radius: 10px;
}
.homesec4.first-sliderhome {
    background: #3d075b;
    padding: 115px 80px 50px;
}
#team-slid3 .product-box p {
    font-size: 18px;
    color: #000;
    line-height: 29px;
}
.titletestireview {
    font-size: 22px;
    color: #00008b;
}
.inner-blogleft p {
    font-size: 18px;
    line-height: 29px;
    padding: 10px 0;
} 
.borderbottom {
    border-bottom: 1px solid #b19cbd;
    padding-bottom: 30px;
    padding-top: 30px;
}   
.inner-blogleft img {
    margin: 50px 0 0;
    border-radius: 10px;
}
.testimonialshome {
    padding: 80px 0;
    background-image: url(../images/testibg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.numberblog span {
    font-size: 24px;
    color: #00008b;
}
.titleflexblogright {
    font-size: 24px;
    color: #00008b;
    margin-bottom: 10px;
}
.flex-bloghomeright {
    display: flex;
    gap: 25px;
}
.Contentblogright p {
    font-size: 18px;
    color: #000;
}
.inner-blogleft {
    margin-right: 50px;
    position: sticky;
    top: 140px;
}
.inner-contactsec1 a:hover {
    color: #8119c4;
}
.bloghome {
    padding: 100px 0;
    background-image: url(../images/homeblogbg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.inner-homeblogright img {
    border-radius: 10px;
    width: 100%;
    transition: 0.7s ease-in-out;
}

.borderbottom:hover img {
    transform: scale(1.3);
}
.inner-homeblogright {
    overflow: hidden;
    border-radius: 10px;
}
#team-slid3 .product-box:hover .titletestireview {
    color: #fff;
}
#team-slid3 .product-box:hover p {
    color: #fff;
}

#team-slid3 .product-box:hover .reviewimageuser {
    color: #fff;
}

#team-slid3 .product-box:hover .quotetesti {
    filter: brightness(800);
}
.reviewimageuser {
    font-size: 18px;
    color: #000;
    margin: 30px 0 0;
    font-family: 'Inter Tight';
    font-weight: 500;
}

#team-slid3 .product-box {
    background: #fff;
    padding: 30px 20px;
    border-radius: 10px;
    min-height: 450px;
    transition: 0.7s ease-in-out;
    border: 1px solid transparent;
}

#team-slid3 .product-box:hover {
    background: #ffffff00;
    border: 1px solid #fff;
}

#team-slid3 .product-box:hover {
    background: #ffffff00;
}

#team-slid3 .product-box img {
    width: auto;
    margin-bottom: 30px;
    border-radius: 0;
}

.head-firstslide .titlesame {
    color: #fff;
}
.head-firstslide p {
    font-size: 18px;
    color: #fff;
    padding-right: 32%;
}

.head-firstslide {
    margin-bottom: 50px;
}




.howitworkhome {
    padding: 120px 0 40px;
    background-image: url(../images/scrollmapbg.webp);
    background-repeat: no-repeat;
    background-position: left;
    background-attachment: fixed;
    position: relative;
}


.flex-scrollbox {
    display: flex;
    gap: 20px;
    margin-bottom: 60px;
}

.titlescrolltext {
    font-size: 30px;
    color: #00008b;
}

.textscrollbox p {
    font-size: 18px;
    color: #000;
}

.inner-leftscrollsec p {
    padding-right: 10%;
    padding-top: 10px;
    padding-bottom: 10px;
}
.numberbox span {
    font-size: 30px;
    color: #a020f0;
    border: 2px solid #a020f0;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 57px;
    background: #fff;
}


.inner-rightscrollsec {
    position: relative;
}


.fruit {
  display: block;
  position: relative;
  width: 300px;
  margin: 0 0 100px 0;
}

.fruit:first-of-type {
  margin-top: 300px;
}

.fruit-back {
  z-index: 1;
}

.fruit-front {
  z-index: 3;
}


.page-header.fixed-nav .navbar-brand {
    width: 30% !important;
}

.page-header.fixed-nav .navbar-expand-lg {
    padding: 5px 15px 0px;
    box-shadow: 0 20px 50px rgba(0, 5, 39, 0.07);
    border-right: 2px solid #360552;
    border-left: 2px solid #360552;
}


.page-header.fixed-nav .navbar-expand-lg .navbar-collapse {
    margin-top: -6px;
}

/* / ----------------------footer-section------------------------- / */
.footer {
    position: relative;
    padding: 70px 50px 70px 50px;
    background-color: #28013d;
    border-radius: 10px;
    margin: 0 20px 20px 20px;
}


.product-box:hover:after {
    height: 100%;
    opacity: 0;
    -webkit-transition: all .4s linear;
    transition: all 0.7s linear;
}
.product-box::after {
    background: #ffffff5e;
    content: "";
    height: 0;
    left: 0;
    opacity: 1;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 999;
    right: 0;
}







.footer::after {
    position: absolute;
    top: 0;
    background-image: url(/wp-content/uploads/2026/04/navbarshadow-1.webp);
    content: '';
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    filter: brightness(0.7);
}
.footer-content {
    position: relative;
    z-index: 9;
}
.inner-testi {
  position: relative;
  z-index: 9;
}
.explore-project {
  padding: 100px 0 40px;
}
.navbar .nav-link:hover {
  color: #da770e;
}


.inner-testi .btn a.button {
  padding: 15px 90px 15px 60px;
}
.footer input[type=email] {
    width: 100%;
    box-sizing: border-box;
    border-radius: 10px;
    background: transparent;
    padding: 15px;
    color: #fff;
    border: 1px solid #fff;
}
.footer-email input::placeholder {
  color: #fff;
  font-weight: 100;
}
.send-icon {
    position: absolute;
    right: 12%;
    top: 32%;
}

.footer-content .footitl {
    font-size: 30px;
    font-weight: 300;
    color: #fff;
    margin: 0px 0px 20px 0px;
}
.footer-address {
    padding-top: 0;
}
.footer-email {
    font-size: 18px;
    color: #fff;
    font-weight: 500;
    /* / padding-top: 20px; / */
    width: 100%;
    background: transparent;   
    
}
.inner-contactform.leftform .wpcf7-response-output {
    color: #fff;
}
.footer-content li{
    font-size: 18px;
    color: #fff;
    font-weight: 500;
    padding-bottom: 10px;
}

.footer-timings li{
    padding-bottom: 5px;
}
.footer-email{
    position: relative;
}
.footer-email img {
    position: absolute;
    top: 117px;
    right: 20px;
}

.footer-email p {
    font-size: 18px;
    color: #fff;
    font-weight: 300;
}
.social-icons{
    margin-top: 20px;
}
.footer-content a {
    font-size: 18px;
    color: #fff;
    font-weight: 300;
    margin-right: 5px;
    transition: 0.7s ease-in-out;
    margin-bottom: 5px;
}
.social-title {
  font-size: 26px;
  padding-top: 10px;
  color: #fff;
  margin-bottom: 12px;
}
.social-links ul li i {
    color: #000000;
    font-size: 25px;
    width: 45px;
    height: 45px;
    line-height: 45px;
    background-color: #ffffff;
    border-radius: 50px;
    text-align: center;
    align-items: center;
    margin-right: 5px;
    transition: 0.5s ease-in-out;
}
.social-header {
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    padding-bottom: 0px;
    padding-top: 20px;
}

.copy-right {
    display: flex;
    justify-content: space-between;
    margin-top: 60px;
    padding-top: 40px;
    position: relative;
    z-index: 99;
}
.copy-right p {
    color: #fff;
    font-size: 19px;
    font-weight: 400;
    margin: 0;
}

.copy-right i {
  color: #fc0707;
}
.footer-email p {
    font-size: 18px;
    color: #fff;
}
.copy-right a {color: #fff;}

.copy-right a:hover {
    color: #a65efe;
}


.fa-brands:hover {
    background-color: #ffffff;
    color: #a35dff;
    transition: 0.5s ease-in-out;
}

.footer-content a:hover {
    color: #a65efe;
    /* padding-left: 8px; */
    transition: 0.7s ease-in-out;
}

.social-icons.social-links ul li a:hover {
    transform: translateY(-10px);
}








/* preloader  */

.loader {
  margin: 0 auto;
  width: 100px;
  height: 70px;
  text-align: center;
  font-size: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  }
  .loader div {
    height: 100%;
    width: 8px;
    display: inline-block;
    float: left;
    margin-left: 2px;
    -webkit-animation: delay 0.8s infinite ease-in-out;
    animation: delay 0.9s infinite ease-in-out;
  }
  
  .loader .bar1{
    background-color: #991de6 ;
  }
  .loader .bar2{
    background-color: #fff;
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s;
  }
  .loader .bar3{
    background-color: #a55cff;
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s;
  }
  .loader .bar4{
    background-color: #fff;
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
  }
  .bar5{
    background-color: #6836c8;
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s;
  }
  .loader .bar6{
    background-color: #a55cff;
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s;
  }



@-webkit-keyframes delay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.05) }  
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes delay {
  0%, 40%, 100% { 
    transform: scaleY(0.05);
    -webkit-transform: scaleY(0.05);
  }  20% { 
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}

#loader {
    width: 100vw;
    z-index: 999999;
    height: 100vh;
    /* background-color: #27013a !important; */
    transition: 0.7s;
    overflow: hidden;
    top: 0px;
    background-image: url('../images/preloaderbg.webp') !important;
    background-size: 100% 100%  !important;
    height: 100vh !important;
    background-repeat: no-repeat !important;
    /* background-position: top !important; */

    
}


#main-one .navbar-brand img {
    width: 50px;
}
/* end here  */















 .timeline ul {
	 padding: 0;
}
.timeline .default-line {
    content: '';
    position: absolute;
    left: 52.2%;
    width: 2px;
    background: #fff;
    height: 553px;
    top: 245px;
}
.timeline .draw-line {
    width: 2px !important;
    height: 0;
    position: absolute;
    left: 52.2%;
    background: #a020f0;
    top: 140px;
}





/* testimonials css  */

.testimonials-section .mb-5 {
    margin-bottom: 26px !important;
}

.admin-wrap .name {
    font-size: 21px;
    color: #000;
    font-family: 'Inter Tight';
    font-weight: 600;
}

.admin-wrap img{
  border-radius: 100px;
}

.review-star {
    padding: 0px 0px 20px;
}
.admin-wrap {
    display: flex;
    align-items: center;
    gap: 20px;
}
.testi-box {
    padding: 30px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
    border-radius: 10px;
    height: 100%;
    border-bottom: 5px solid transparent;
    transition: 0.7s ease-in-out;
}


.testi-box:hover {
border-bottom: 5px solid rgba(136, 165, 191, 0.48);
transition: 0.7s ease-in-out;
box-shadow: rgba(136, 165, 191, 0.48) 6px 2px 16px 0px, rgba(255, 255, 255, 0.8) -6px -2px 16px 0px;
}


.testi-box p {
    font-size: 18px;
    line-height: 32px;
}
.testimonials-section {
    padding: 70px 0;
}

/* end here  */
















/* our work css / */
.flex-box-ourstory img {
    filter: brightness(0.8);
}
.splide__list li img {
    border-radius: 20px;
}

.inner-video-inner .video__play-button-icon {
    width: 7%;
    transition: all 200ms ease-in-out;
}
.inner-video-inner .video__wrapper video {
    height: 455px;
}
.splide__slide {
    position: relative;
    margin-bottom: 20px;
}
.video__wrapper video {
    width: 100%;
    object-fit: cover;
    max-width: 100%;
    display: inline-block;
    border-radius: 20px;
    vertical-align: top;
    height: 600px;
}
.video__play-button{
  margin:0;
  padding:0;
  cursor:pointer;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  border:0;
  border-radius:0;
  background-color: rgb(0 0 0 / 0%);
  -webkit-appearance:none;
  z-index:2;
  transition: all 200ms ease-in-out;
}

.video__play-button-icon{
  width:18%;
  transition: all 200ms ease-in-out;
}

.video__play-button-icon--play polygon{
  transform-origin: 50% 50%;
  transition: all 200ms ease-in-out;
}

.video__play-button-icon--play:hover polygon{
  transform: scale(1.5);
}

.video__play-button[data-button-state="pause"] .video__play-button-icon--pause{
  display:none;
}

.video__play-button[data-button-state="play"] .video__play-button-icon--play{
  display:none;
}

.video__play-button[data-button-state="play"] .video__play-button-icon{
  opacity:0;
}

.video__play-button[data-button-state="play"]:hover .video__play-button-icon{
  opacity:1;
}

/* .video__play-button[data-button-state="play"]{
  background-color:rgba(0,0,0,0);
}

.video__play-button[data-button-state="play"]:hover{
  background-color:rgba(0,0,0,.4);
} */

.video__fullscreen-button{
  margin:0;
  padding:0;
  position:absolute;
  bottom:10px;
  right:10px;
  border:0;
  background:transparent;
  cursor:pointer;
  border-radius:0;
  -webkit-appearance:none;
  z-index:3;
  transition: all 200ms ease-in-out;
}
.section.slider__section {
    position: relative;
}
.flex-box-ourstory {
    column-count: 5;
}
.video__fullscreen-icon{
  padding:10px;
  display:block;
  vertical-align:top;
  color:#fff;
  opacity:0;
  visibility:hidden;
  transition: all 200ms ease-in-out;
}

.video__wrapper[data-state="pause"] .video__fullscreen-icon,
.video__wrapper[data-state="play"]:hover .video__fullscreen-icon{
  opacity:1;
  visibility:visible;
}

.video__fullscreen-icon polygon{
  fill:currentColor;
}
.ourwork-sec1 {
    padding: 70px 60px;
}


/* end here  */






/* about us  */
.inner-aboutsec1 {
    border-right: 2px solid #000;
    padding-right: 20px;
}

.last-abtsec1{
      border-right: 0px solid #000;
}

.numberabtsec1 {
    font-size: 72px;
    color: #282a1f;
    font-weight: 600;
    margin: 0;
}
.inner-aboutsec1 span {
    font-size: 30px;
    color: #282a1f;
    font-family: 'Inter Tight';
    font-weight: 500;
    margin: 5px 0;
}
.inner-aboutsec1 p {
    font-size: 18px;
    line-height: 29px;
}
.about-us-sec1 {
    padding: 100px 0 180px;
}
.color-title-same {
    color: #396fd4 !important;
}

.color-title-same span {
    color: #653aeb;
    font-family: 'Inter Tight';
    font-weight: 500;
}
.aboutsec3 {
    padding: 80px 0;
}
.image-aboutsec3 {
    float: left;
    margin: 0 30px 10px 0px;
}
.image-aboutsec3 img {
    border-radius: 10px;
}
.about-us-sec1 .inner-aboutsec1 {
    text-align: center;
}

.image-aboutsec2 {
    float: right;
    width: 730px;
    margin: 0 0px 10px 20px;
    margin-top: -150px;
}
.titlesame-abt {
    font-size: 60px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 12px;
}

.aboutsec2 {
    padding: 80px 0;
    background: #3d075b;
}

.content-aboutsec2 p {
    color: #fff;
}
.image-aboutsec2 .video__wrapper video {
    border-radius: 15px;
}
.image-aboutsec2 .video__play-button-icon {
    width: 9%;
    transition: all 200ms ease-in-out;
}

.inner-inputbox .wpcf7-form-control-wrap {
    width: 100%;
}
.aboutpage-ourteam {
    padding: 80px 60px;
}
.head-ourteamabt {
    text-align: center;
    margin-bottom: 30px;
}
.flex-ourteamabt ul {
    display: flex;
    gap: 20px;
}
.inner-ourteambox img {
    border-radius: 10px;
    margin-bottom: 15px;
    width: 100%;
}
.inner-ourteambox h5 {
    font-size: 22px;
    color: #000;
    font-family: 'Inter Tight';
    font-weight: 500;
    text-align: center;
    margin-bottom: 4px;
}
.inner-ourteambox p {
    text-align: center;
    color: #000;
}
/* end here  */




/* contact us  */


.inner-inputbox input::placeholder,.inner-inputbox textarea::placeholder {
    color: #fff;
        font-family: 'Inter Tight';
}
.inner-inputbox input,.inner-inputbox textarea {
    width: 100%;
    box-sizing: border-box;
    border-radius: 10px;
    background: transparent;
    padding: 18px 25px;
    color: #fff;
    border: 1px solid #fff;
    margin-bottom: 5px;
    font-family: 'Inter Tight';
}


.inner-inputbox  textarea {
 height: 200px;
 
}




.inner-inputbox select {
    width: 100%;
    box-sizing: border-box;
    border-radius: 10px;
   background: #3d075b;
    padding: 18px 20px;
    color: #fff;
    border: 1px solid #fff;
    appearance: none;
    margin-bottom: 5px;
    background-image: url(../images/arrowdown.webp);
    background-position: right;
    background-origin: content-box;
    background-repeat: no-repeat;
     font-family: 'Inter Tight';
}




.contact-ussec2 input[type="submit"] {
    background: none;
    color: #fff;
    border: none;
    font-size: 18px;
    font-family: 'Inter Tight';
}
.map-contact {
    padding-bottom: 60px;
}

.about-us-sec1 .row > div:nth-child(3) .inner-aboutsec1 {
    border-right: none;
}

.contactsec1 {
    padding: 60px 0 170px;
}
.titlecontactsec1 {
    font-size: 30px;
    color: #282a1f;
    font-weight: 500;
    margin-bottom: 10px;
}
.inner-contactform.rightimg {
    margin-top: -150px;
    margin-left: 20px;
}
.inner-contactform.rightimg img {
    border-radius: 10px;
    width: 100%;
}
.inner-contactsec1 img {
    margin-bottom: 15px;
}
.contact-ussec2 {
    background: #3d075b;
    padding: 80px 0;
}
.inner-contactsec1 {
    text-align: center;
    background: #f8f8fe;
    padding: 24px 30px;
    border-radius: 10px;
    height: 100%;
}

.inner-contactsec1 a {
    color: #000;
    font-size: 18px;
    font-weight: 400;
}

/* end here contact  */




/* website css  */

.websitedesignsec1 .inner-homesec2.left img {
    width: 100%;
}

.websitedesignsec1 .inner-homesec2 p {
    font-size: 18px;
    color: #080808;
    font-weight: 400;
    margin: 10px 0 30px;
}
.headwebsitesec2 {
    margin-bottom: 30px;
    text-align: center;
}
.websitedesignsec2 {
    padding: 20px 60px 100px;
}  
.inner-cardwebsitesec2 {
    padding: 40px 20px;
    background: #f9f8fe;
    border-radius: 10px;
    height: 100%;
}

.inner-cardwebsitesec2 p {
    margin: 0;
    font-size: 18px;
    color: #4b4b4b;
    font-weight: 400;
}
.titlecardwebsec2 {
    font-size: 30px;
    color: #000;
    font-weight: 400;
    margin-bottom: 13px;
}
.imgcolorbox {
   background: linear-gradient(0deg, #5e34e0 0%, #8059fa 100%);
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
}
.innerwebdesignwork {
    position: relative;
}
.ourworkwebdesign {
    padding: 100px 100px;
}
.ourworkwebdesign .btn-commn {
    margin: 40px 0 0;
    text-align: center;
}
.ourworkwebdesign .titlesame-abt.color-title-same {
    text-align: center;
    margin-bottom: 40px;
}
.websitedesignsec3  .numberbox span {
    font-size: 30px;
    color: #653aeb;
    border: 2px solid #653aeb;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 57px;
    background: #fff;
}
.websitedesignsec3 .timeline .draw-line {
    width: 2px !important;
    height: 0;
    position: absolute;
    left: 52.2%;
    background: #653aeb;
    top: 147px;
}
.websitedesignsec3 .timeline .default-line {
    content: '';
    position: absolute;
    left: 52.2%;
    width: 2px;
    background: #3d075b;
    height: 553px;
    top: 145px;
}
.websitedesignsec3 p {
    color: #fff;
    font-weight: 300;
}
.websitedesignsec3 .titlescrolltext {
    font-size: 30px;
    color: #fff;
}

.restaurantworksec .splide__list {
    /* display: flex; */
    gap: 20px;
    justify-content: center;
    column-count: 5;
}

.restaurantworksec .video__wrapper video {
    height: 575px;
}

.websitedesignsec3 {
    background-color: #3d075b;
    background-image: url(../images/websiteearthbg.webp);
}
.websitedesignsec3 .titlesame {
    color: #fff;
}
.websitedesignsec3 .titlesame span{
    color: #fff;
}
.inner-cardwebsitesec2:hover p {
    color: #fff;
}
.inner-cardwebsitesec2:hover .titlecardwebsec2 {
    color: #fff;
}


.restaurantpagesec1 .inner-video-inner .video__wrapper video {
    height: 696px;
    filter: brightness(0.6);
}

/* Hover par dropdown open */
/* .nav-item.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; /* gap remove */
} */
.nav-item.dropdown:hover .dropdown-toggle::after {
    transform: rotate(180deg);
}
.dropdown-toggle::after{
transition: 0.7s ease-in-out !important;
}
/* end here  */
.dropdown-item.nav-link {
    margin: 0 !important;
    padding: 5px 13px !important;
    font-size: 18px !important;
}
.dropdown-item.nav-link:hover {
    color: #ffffff !important;
    background: #ffffff;
	box-shadow:none !important;
}

/* blog details ul css  */
.blog-details ul li {
    list-style-type: disc;
    margin-bottom: 5px;
}
.blog-details ol {
    padding-left: 20px;
}
.blog-details ul {
    padding-left: 20px;
    margin: 15px 0;
}
.content-blog-details h5 {
    font-size: 24px;
}
.content-blog-details h4 {
    font-size: 26px;
}
.content-blog-details h3 {
    font-size: 28px;
}
.content-blog-details h2 {
    font-size: 30px;
}
.blog-details ol li {
    list-style: number;
    margin-bottom: 5px;
}




.blog-details  h2{
font-size: 32px;
}

.blog-details  h3 {
font-size: 28px;
}

.blog-details  h4 {
font-size: 22px;
}



.blog-details p a {
color: #DA090F;
}


/* end here  */




.footer-email .wpcf7-response-output {
    color: #fff;
    font-size: 16px;
    margin: 0px !important;
}


.mobilelogo{
	display:none;
}


@media (max-width: 1600px){
.homebannertitle {font-size: 60px;  line-height: 72px;}
.inner-homebannertext p { font-size: 30px; line-height: 40px;}
.imagehomebannerflex {bottom: 0px;}
.logo-marquee--marquee {height: 150px;}
.rr-btn {padding: 17px 30px !important;font-size: 18px !important;}
.page-header { padding: 10px 80px;}
.navbar-light .navbar-nav .nav-link { font-size: 19px;margin: 0 22px 0 22px;}
.page-header.fixed-nav .navbar-brand { width: 30% !important;}
.homesec2 {padding: 70px 0 80px;}
.titlesame { font-size: 55px;}
.inner-homesec2 p {font-size: 20px;margin: 10px 0 30px;}
.homesec3 {padding: 0 0 80px;}
.homesec4.first-sliderhome {padding: 95px 60px 50px;}
.howitworkhome {padding: 100px 0 40px;}
.bloghome {padding: 90px 0;}
.footer-email img {top: 149px;right: 20px; width: 8%;}
.copy-right {margin-top: 40px; padding-top: 30px;}
.footer { position: relative; padding: 60px 40px 60px 40px; background-color: #28013d; border-radius: 10px;margin: 0 20px 20px 20px;}
.inner-homesec2.left img { margin: 143px 0 0; border-radius: 10px;}
.timeline .draw-line { width: 2px !important;height: 0; position: absolute;left: 52.6%;top: 130px;}

.inner-homesec3box:hover {transform: translatey(-10px);}





.inner-banner-section {height: 62vh;background-size: 100% 100%;}
.breadcrumb .star {margin: 40px 50px 0;}
.inner-banner-title { font-size: 64px;}
.ourwork-sec1 {padding: 70px 50px;}
.video__wrapper video {height: 460px;}
.inner-video-inner .video__wrapper video { height: 375px;}
.websitedesignsec3 .timeline .draw-line {left: 836px;background: #653aeb; top: 130px;}
.websitedesignsec3 .timeline .default-line{left: 836px;}
.ourworkwebdesign { padding: 80px 80px;}
.titlesame-abt {font-size: 55px; margin-bottom: 10px;}
.websitedesignsec1 .inner-homesec2.left img {margin: 46px 0 0;border-radius: 10px;}


}


@media (max-width:1440px) {
.homebannertitle {font-size: 55px;line-height: 69px;}
.page-header {padding: 10px 70px 0;margin: 35px 0 0;}
.inner-homebannertext {position: absolute; top: 29%;}
.logo-marquee--marquee {height: 155px;}
.navbar-light .navbar-nav .nav-link {font-size: 18px;margin: 0 18px 0 18px;}
.home-banner { animation: horizontalMove 5s infinite;animation-timing-function: ease-in-out;}
.inner-homebannertext p {font-size: 28px;line-height: 38px;}
.homesec2 {padding: 60px 0 80px;}
.titlesame {font-size: 52px;}
.inner-homesec2 p {font-size: 18px; margin: 10px 0 30px;}
.inner-homesec2.left img { margin: 83px 0 0;}
.inner-homesec3box p {font-size: 18px;}
.homesec4.first-sliderhome { padding: 85px 50px 50px;}
.howitworkhome {padding: 80px 0 30px;}
.reviewimageuser {margin: 20px 0 0;}
#team-slid3 .product-box {min-height: 464px;}
.bloghome {padding: 60px 0 90px;}
.footer {padding: 50px 30px 40px 30px;}
.footer-email p {font-size: 17px;color: #fff;}
.page-not-found h3, .thank-you h3 {font-size: 240px;line-height: 160px;}
.page-not-found h5 {font-size: 40px;}
.thank-you h3 {font-size: 140px !important; line-height: 180px !important;}
.thank-you { padding: 190px 0 80px;}
.thank-you h5 {font-size: 35px;}
.timeline .draw-line {left: 53%;top: 110px;}



.breadcrumb .star {margin: 40px 40px 0;}
.inner-banner-title {font-size: 60px;}
.ourwork-sec1 {padding: 60px 40px;}
.video__wrapper video {height: 410px;}
 .inner-video-inner .video__wrapper video {height: 340px;}
.websitedesignsec3 .timeline .draw-line {left: 756px;background: #653aeb; top: 110px;}
.websitedesignsec2 {padding: 20px 40px 70px;}
.inner-cardwebsitesec2 p { font-size: 17px;line-height: 29px;}
.titlecardwebsec2 {font-size: 27px;margin-bottom: 10px;}
.ourworkwebdesign { padding: 70px 70px;}
.image-aboutsec3 { width: 640px;}
.head-firstslide {margin-bottom: 30px;}
#team-slid3 .owl-nav, #team-slid .owl-nav {top: -95px;}
.websitedesignsec1 .inner-homesec2.right {position: relative;top: 60px;}	
.titlesame-abt {font-size: 51px;margin-bottom: 10px;}	
.inner-contactsec1 {padding: 24px 30px;}
.inner-inputbox input, .inner-inputbox textarea { padding: 14px 20px; margin-bottom: 0px;}
.inner-inputbox select {padding: 14px 20px;margin-bottom: 0;}
.page-not-found { padding: 190px 0 70px; border-radius: 20px;}

	
	
	
}




@media (max-width:1400px) {
.inner-homesec2.left img {margin: 40px 0 0;}
.inner-banner-section {height: 55vh;}
.websitedesignsec3 .timeline .draw-line {left: 736px;background: #653aeb; top: 110px;}
 #team-slid3 .product-box {min-height: 494px;}
	
	

}

@media (max-width:1366px) {
.footer-content a { font-size: 17px;margin-bottom: 2px;}
.footer-content li { font-size: 17px;}
.copy-right {margin-top: 20px;padding-top: 20px;}
.copy-right p { font-size: 17px;}
.footer-email p {font-size: 16px;color: #fff;line-height: 29px;}
.titlesame {font-size: 44px;}
.page-not-found { padding: 220px 0 100px;}
.page-not-found h3, .thank-you h3 { font-size: 200px;line-height: 130px;}
.page-not-found h5 {font-size: 36px;}
.page-not-found p {font-size: 24px;margin-bottom: 30px;}
.thank-you h3 {font-size: 125px !important;line-height: 160px !important;}
.thank-you h5 { font-size: 32px;}
 .inner-banner-title {font-size: 54px;}
.inner-banner-section {height: 62vh;background-size: 100% 100%;}
.inner-banner-text { position: absolute; bottom: 100px;}
.websitedesignsec3 .timeline .draw-line {left: 720px;background: #653aeb;top: 110px;}
.titlesame-abt {font-size: 45px;}
.homebannertitle {font-size: 52px;line-height: 61px;}
.inner-homebannertext p {font-size: 26px;line-height: 38px;}	
.logo-marquee--marquee {height: 120px;}
.inner-homebannertext {position: absolute; top: 25%;}
.imagehomebannerflex {bottom: 0px; padding-bottom: 20px;}
.about-us-sec1 { padding: 70px 0 160px;}
.numberabtsec1 {font-size: 65px;}	
.inner-aboutsec1 p {font-size: 17px; line-height: 28px;}	
.titlesame-abt {font-size: 45px;}
.content-aboutsec2 p { color: #fff;font-size: 17px;}
.image-aboutsec3 { width: 570px;}	
.content-aboutsec3 p { font-size: 17px; line-height: 30px;}
.star li {font-size: 17px;}
.breadcrumb .star {margin: 40px 30px 0;}	
.dropdown-item.nav-link {margin: 0 !important;padding: 4px 13px !important;font-size: 17px !important;}
.blog-page {padding: 180px 0 40px;}
.blog3 a {font-size: 26px; line-height: 36px;}
.blog3 {margin: 10px 0 30px;}	
.content-blog {padding: 0px 20px 30px 20px;}	
.rr-btn {padding: 12px 27px !important;font-size: 17px !important;}
.inner-inputbox input, .inner-inputbox textarea {padding: 10px 15px;margin-bottom: 0px;font-size: 15px;}
.inner-inputbox select {padding: 10px 15px;margin-bottom: 0;font-size: 15px;}
.map-contact {padding-bottom: 70px;}
.footer input[type=email] { padding: 10px 9px;}
input.wpcf7-form-control.wpcf7-submit.has-spinner.fotter-submi {top: 10px !important;right: 10px !important; font-size: 20px !important;}
.footer { padding: 40px 20px 30px 20px;}
.contactsec1 { padding: 60px 0 150px;}
 .page-not-found { padding: 160px 0 70px;}	
 .thank-you {padding: 150px 0 60px; }	
	
	
}



@media (max-width:1280px) {
.imagehomebannerflex {bottom: 0px; padding-bottom: 30px;}
.logo-marquee--marquee {height: 150px; }	
.textscrollbox p {font-size: 17px;line-height: 29px;}
.borderbottom {padding-bottom: 20px;padding-top: 20px;}	
.testimonialshome {padding: 60px 0;}
.inner-banner-section {height: 47vh;background-size: 100% 100%;}
.numberabtsec1 {font-size: 60px;}
.inner-aboutsec1 span {font-size: 28px;margin: 4px 0;}
.image-aboutsec2 {float: right;width: 540px;margin: 0 0px 10px 20px; margin-top: -150px;}
.aboutpage-ourteam {padding: 60px 40px;}
.websitedesignsec3 .timeline .draw-line {left: 676px;background: #653aeb;top: 110px; }	
.video__wrapper video {height: 370px;}
.testimonials-section {padding: 60px 0;}
.contact-ussec2 {padding: 60px 0 50px;}
.widget .recent-posts-widget li {display: block;}
.widget .recent-posts-widget li .entry-meta {margin: 10px 0 0;}	
.entry-title a {font-size: 20px;color: #000;line-height: 28px;}	
.page-not-found h3, .thank-you h3 {font-size: 180px;line-height: 110px;}	
	
	
	
}




@media (max-width:1152px) {
.page-header {padding: 0px 30px 0;margin: 35px 0 0;}
.navbar-light .navbar-nav .nav-link {font-size: 17px;margin: 0 14px 0 14px;}
.titlesame {font-size: 40px;}
.inner-homesec2 p {font-size: 17px;margin: 5px 0 27px;line-height: 29px; }
.inner-homesec3box img { margin-bottom: 30px;}
.titlehomesec3card {font-size: 26px;}
.inner-homesec3box p {font-size: 17px;line-height: 27px;}
.howitworkhome {padding: 60px 0 20px;}
.textscrollbox p {font-size: 16px;line-height: 25px;}
.titlescrolltext { font-size: 28px;color: #00008b;}
#team-slid3 .product-box p {font-size: 16px;color: #000;line-height: 27px;}
.timeline .draw-line {left: 53.5%;top: 80px;}	
.homesec3 {padding: 0 0 60px;}
.homesec4.first-sliderhome {padding: 75px 30px 40px;}
.head-firstslide p {font-size: 17px;padding-right: 32%; line-height: 30px;}
#team-slid2 .owl-nav, #team-slid .owl-nav {top: -90px;}
.inner-leftscrollsec p { font-size: 17px; line-height: 29px;}	
.flex-scrollbox {gap: 15px;margin-bottom: 40px;}	
.testimonialshome {padding: 60px 0;   }	
.Contentblogright p {font-size: 17px; line-height: 29px;}
.flex-bloghomeright {display: flex;gap: 15px;}
.footer-content .footitl {font-size: 25px;}
.copy-right {margin-top: 10px;padding-top: 10px; }
.footer-content li { font-size: 16px;padding-bottom: 7px;}
.footer-content a {font-size: 16px;margin-bottom: 1px;}
.footer input[type=email] {padding: 7px 9px;font-size: 14px;}
.about-us-sec1 {padding: 60px 0 150px;}
.numberabtsec1 {font-size: 50px; }
.inner-aboutsec1 span {font-size: 25px;margin: 4px 0; }
.inner-aboutsec1 p {font-size: 16px;line-height: 27px;}
.aboutsec2 {padding: 60px 0;}
.image-aboutsec2 {float: right;width: 460px;}
.aboutsec3 {padding: 60px 0;}
.inner-banner-title { font-size: 50px;}
.titlesame-abt {font-size: 40px;}
.titlecardwebsec2 {font-size: 25px;margin-bottom: 10px;}
.imgcolorbox {width: 90px; height: 90px;}
.websitedesignsec1 .inner-homesec2 p {font-size: 17px;margin: 0px 0 30px;}
.ourworkwebdesign {padding: 60px 30px;}
.testi-box {padding: 30px 20px;}
.map-contact {padding-bottom: 60px;}
.titlecontactsec1 {font-size: 28px;}
.map-contact iframe {height: 370px;}
.contactsec1 {padding: 60px 0;}	
.inner-contactform.rightimg {margin-top: 0px;margin-left: 20px;}
.video__wrapper video {height: 310px;}
.inner-contactsec1 a {font-size: 17px;}
.blog-page {padding: 160px 0 30px;}
.websitedesignsec3 .timeline .draw-line {left: 612px; background: #653aeb;top: 82px;}
.websitedesignsec2 {padding: 20px 30px 60px;}
.breadcrumb .star { margin: 35px 20px 0; }
.image-aboutsec3 {width: 450px; }
.titlesame-abt { font-size: 40px;}
	
	
	
	
}




@media (max-width:1024px) {
.page-header {padding: 0px 10px 0;margin: 30px 0 0;}
.homebannertitle {font-size: 49px;line-height: 60px;}	
.navbar-light .navbar-nav .nav-link {font-size: 16px;margin: 0 10px 0 10px;}
.timeline .draw-line {left: 54.2%;top: 80px;}
.ourworkwebdesign {padding: 50px 20px;}
.inner-banner-title { font-size: 42px;}
.websitedesignsec3 .timeline .draw-line {left: 550px; background: #653aeb;top: 75px;}
 .thank-you h3 {font-size: 105px !important;line-height: 150px !important;}	
	
	
	
}


@media (max-width:991px) {
.navbar-expand-lg .navbar-collapse {display: grid-lanes;}
.container{max-width:95%;}
 .navbar-light .navbar-toggler {position: absolute;right: 10px; top: 15px;background: #47046b;border-radius: 50%; width: 50px; height: 50px;padding: 0; }
.page-header { padding: 0px 0px 0;  margin: 0px 0 0; }
.navbar-light .navbar-toggler-icon {filter: invert(800) !important;}
.navbar.navbar-expand-lg.navbar-light.wrapper-drop {display: block !important;   border-radius: 0;}
ul#menu-header-menu { text-align: left !important;margin-top:10px;}
.nav-item {padding-bottom: 7px;}
.page-header.fixed-nav .navbar-expand-lg { padding: 15px 10px;}
.page-header.fixed-nav .navbar-brand {width: 40% !important;}#team-slid3 .owl-dots {display: none;}
.bloghome {padding: 60px 0 70px;}
.websitedesignsec2 {padding: 0px 10px 50px;}
.flex-scrollbox {gap: 15px;margin-bottom: 20px; }
.map-contact {padding-bottom: 40px;}
.blog-page.details { padding: 160px 0 70px;}
.inner-inputbox textarea {height: 150px;}
.contactsec1 {padding: 50px 0;}
.video__wrapper video { height: 270px; }
.ourwork-sec1 {padding: 50px 10px; }
.titlesame-abt {font-size: 38px;}
.titlesame {font-size: 38px;}
.homesec2 {padding: 60px 0 50px;}
.ourworkwebdesign { padding: 40px 20px;}
.websitedesignsec3 .timeline .draw-line {left: 540px; background: #653aeb;top: 30px;}
.inner-banner-section {height: 40vh;background-size: 100% 100%; }
.copy-right {margin-top: 0px;padding-top: 0px; }
.footer { padding: 30px 10px 20px 10px;}
#team-slid2 .owl-dots{display: none;}
.footer-content.Quick-links {margin: 0px 0 20px;}
.footer-email .wpcf7-form-control-wrap {position: relative;width: 100% !important; }
.widget .recent-posts-widget li .entry-meta {display: block; }
.post-details p {font-size: 16px;color: #a45dfd; margin-bottom: 0;}
.widget .recent-posts-widget li .thumb img { max-width: 100%;}
	
	body, html{ overflow-x:hidden;}	
	
	
	
	
}

@media (max-width:912px) {
.inner-banner-section {height: 24vh;background-size: 100% 100%;}
.home-banner {height: 60vh;}
.inner-blogleft { margin-right: 0px;}	
.inner-homebannertext p {font-size: 24px;padding: 0 10px;}
.websitedesignsec3 .timeline .draw-line {left: 497px;background: #653aeb;top: 39px;}
.restaurantpagesec1 .inner-video-inner .video__wrapper video { height: 487px;filter: brightness(0.6);}
.restaurantworksec .video__wrapper video {
    height: 255px;
}
.ourworkwebdesign .btn-commn {
    margin: 10px 0 0;
    text-align: center;
}
.inner-homebannertext p br {
    display: none;
}	

.restaurantpagesec1 .inner-video-inner .video__wrapper video {
    height: 485px !important;
    filter: brightness(0.6);
}
	
	
}




@media (max-width:840px) {
.homebannertitle {font-size: 47px;line-height: 59px;  padding: 0 10%;}
.inner-homesec3box { background: #f8f8fe;padding: 30px 20px;}
.inner-homebannertext p {font-size: 23px;line-height: 38px;padding: 0 8%;}
.titlehomesec3card {font-size: 24px;}
.imagehomebannerflex {bottom: -30px;padding-bottom: 60px;}
.homesec3 {padding: 0 0 40px;}
.flex-scrollbox {gap: 15px;margin-bottom: 28px;}
.timeline .draw-line {left: 55.2%;top: 60px;}
.homesec4.first-sliderhome {padding: 55px 10px 40px;}
.titlesame {font-size: 35px;}
.headhomesec2 { margin-bottom: 20px;}
.page-header.fixed-nav .navbar-brand {width: 60% !important; }
.inner-homebannertext {position: absolute;top: 20%;}
.image-aboutsec3 {width: 400px;}	
.testimonials-section {padding: 40px 0;}
.content-blog {padding: 0px 10px 20px 10px;}
.ourworkwebdesign .titlesame-abt.color-title-same {text-align: center; margin-bottom: 20px;}
.video__wrapper video {height: 230px;}
.footer-content .footitl {margin: 0px 0px 12px 0px;}
.ourworkwebdesign {padding: 40px 0px; }
.aboutpage-ourteam { padding: 50px 20px; }
.websitedesignsec3 .timeline .draw-line {left: 450px;background: #653aeb;top: 40px;}	
.restaurantpagesec1 .inner-video-inner .video__wrapper video {height: 521px !important;filter: brightness(0.6);}	
.inner-contactsec1 a {
        font-size: 17px;
        word-break: break-all;
    }	
	
	
}




@media (max-width:768px) {
.inner-homebannertext p {font-size: 18px;line-height: 30px; padding: 0 8%;}
 .copy-right p { font-size: 16px;}	
.inner-banner-text { position: absolute;bottom: 61px; }
	
	
}



@media (max-width:767px) {
.home-banner {height: 100vh;}
.inner-homebannertext {position: absolute; top: 20%; padding: 0 10px;}
.inner-homebannertext .btn-commn { gap: 10px;}	
.rr-btn {padding: 13px 17px !important;font-size: 16px !important;}
 #team-slid2 .owl-nav, #team-slid .owl-nav {top: inherit;bottom: -67px;gap: 0px;}
#team-slid2 .owl-prev span {width: 50px;height: 50px;font-size: 0px;left: 0px;}
.aboutsec2 {padding: 50px 0;}
.head-firstslide { margin-bottom: 20px;}
#team-slid3 .owl-prev span {width: 50px;height: 50px;}
#team-slid3 .owl-next span {width: 50px;height: 50px;} .aboutsec3 { padding: 40px 0;}
#team-slid3 .owl-nav, #team-slid .owl-nav {top: -70px;}
.image-aboutsec3 {width: 100%;}
.titlesame-abt {font-size: 35px;}
.inner-banner-section { height: 30vh;background-size: 100% 100%;}
.about-us-sec1 {padding: 50px 0 0px; }
.image-aboutsec2 {float: right; width: 100%;margin: 0;}
.aboutpage-ourteam {padding: 30px 0px; }
.inner-aboutsec1 { border-right: none;padding-right: 0; margin-bottom: 50px;}
.inner-banner-title {font-size: 38px;}
.inner-banner-text {position: absolute;bottom: 50px;}
.flex-bloghomeright {display: block; gap: 15px;}
.borderbottom {padding-bottom: 10px;padding-top: 10px;border:none;}
input.wpcf7-form-control.wpcf7-submit.has-spinner.fotter-submi {top: 5px !important;right: 10px !important;}
.footer-address {padding-top: 0;}
.social-icons {margin: 20px 0;}
.copy-right {margin-top: 0px;padding-top: 0px;display: block;}
.footer {padding: 30px 0px 20px 0px;margin: 0 !important;}
.bloghome { padding: 40px 0 40px;}
#team-slid3 .product-box {min-height: auto;}
.testimonialshome {padding: 40px 0;}
#team-slid2 .owl-next span {width: 50px;height: 50px;}
.head-firstslide p {font-size: 17px;padding-right: 0;line-height: 30px; }
.homesec3 { padding: 0 0 20px;}
.homesec4.first-sliderhome {padding: 40px 0px 40px;}
.inner-homesec2.right { margin: 20px 0 0;}
.howitworkhome { padding: 40px 0 10px;}
.inner-leftscrollsec {margin-bottom: 40px;}
.homesec2 {padding: 30px 0 30px; }
.inner-leftscrollsec p {font-size: 17px;line-height: 29px;padding: 0;}
.websitedesignsec2 {padding: 0px 0px 30px;}
.inner-homesec2 .container.container-scroll {padding: 0;max-width: 100%;}
.websitedesignsec1 .inner-homesec2.right {position: relative; top: 0;}
.inner-homesec2 p {font-size: 17px;margin: 5px 0 20px;line-height: 29px;}
.titlesame {font-size: 30px;}
.titlesame br {display: none;}
.homebannertitle {font-size: 35px;line-height: 49px;padding: 0 0%; }
.websitedesignsec3 .timeline .draw-line {left: 53px;background: #653aeb;top: 37%;}	
.product-box img {border-radius: 10px; width: 100%;margin-bottom:20px;}
.contact-ussec2 {padding: 40px 0 40px;}
.splide__list li img { border-radius: 20px; width: 100%;}
.map-contact {padding-bottom: 10px;}
.inner-contactform.rightimg {margin-top: 10px;margin-left: 0;}
.search-blog-main {margin-left: 0;}
.contactsec1 {padding: 40px 0;}
.blog-page { padding: 120px 0 20px;}
.blog-page.details {padding: 110px 0 50px;}
.timeline .draw-line {left: 11.2%; top: 37%;}
.video__wrapper video {  height: auto;}
body, html{ overflow-x:hidden;}	
.inner-cardwebsitesec2 {padding: 30px 20px;}
.flex-box-ourstory {column-count: 1;}
.imgcolorbox { width: 90px; height: 90px; margin-bottom: 10px; }
.loader{display:none;}
#loading{display:none;}
#loader{display:none;}

.mobilelogo{display:block;}
.largelogo{display:none;}
.navbar-brand { padding: 0;}
 .page-header.fixed-nav .navbar-expand-lg {padding: 8px 10px;}
.imagehomebannerflex img {border-radius: 20px; padding: 0 10px;height: -webkit-fill-available;}
.logo-marquee--marquee-group {animation: scroll-left 20s linear infinite; display: block; flex-shrink: 0;width: auto;}	
.page-not-found p {font-size: 21px;margin-bottom: 25px;  padding: 0 10px; }
.page-not-found { padding: 120px 0 50px;}
.page-not-found h3, .thank-you h3 { font-size: 150px;line-height: 90px;}
.thank-you h3 {font-size: 85px !important;  line-height: 110px !important; }
.thank-you h5 { font-size: 25px; padding: 10px 10px 0;}
	
.restaurantworksec .splide__list {
    column-count: 1;
}	
    .restaurantworksec .video__wrapper video {
        height: auto;
    }	
	    .page-header {
        z-index: 9;
    }
	.inner-video-inner .video__play-button-icon {
    width: 18%;
    transition: all 200ms ease-in-out;
}
.homebannertitle br {
    display: none;
}
	
	
	
	
}





@media (max-width:390px) {
.homebannertitle {font-size: 34px;line-height: 47px;padding: 0 0%; }
.thank-you { padding: 90px 0 40px;}
.thank-you h3 {font-size: 64px !important;line-height: 80px !important;}
.inner-homebannertext p {font-size: 17px;line-height: 28px;padding: 0 5%; }
.rr-btn {padding: 12px 14px !important;font-size: 15px !important;}
    .homebannertitle {
        font-size: 32px;
        line-height: 45px;
        padding: 0 0%;
    }
	.titlesame-abt {
        font-size: 30px;
    }
	    .inner-banner-title {
        font-size: 22px;
    }
	    #team-slid2 .owl-nav, #team-slid .owl-nav {
        top: inherit;
        bottom: -67px;
        gap: 0px;
        right: -10PX;
    }
	    .homesec2 {
        padding: 50px 0 30px;
    }
	
}