html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

ol, ul {
	list-style-type: none;
	margin: 0px;
}
li { margin:0px;}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
strong {
    font-weight: 500;
}
a img {
	border: 0;
}
img {
	max-width: 100%;
	border: 0 none;
	height: auto;
	vertical-align: middle;
}
iframe {
	max-width: 100%;
}

:focus {
	outline: 0;
}




body {
	padding: 0;
	margin: 0px;
	color: var(--text-color);
	background:var(--white-color);
	font-family:var(--font-family-Helvetica);
	font-size: 18px;
	font-weight: 300;
	
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	padding: 0;
	margin: 0;
	font-family:var(--font-family-Helvetica);
	color: var(--dark-gray);
	font-weight: 400;
	
}

p {
	clear: both;
	padding: 0 0 15px 0;
	margin: 0;
	color:var(--text-color);
	font-weight: 300;
	line-height:28px;
}
a {
	color: var(--secondary);
	text-decoration: underline;
}
p a:hover, a:hover {
	text-decoration: none;
}


h1 {
	font-size:68px;
	
}
h2 {

	font-size: 28px;
	
}
h3 {

	font-size: 22px;
	
}
h4 {

	font-size:18px;
}

h5 {

	font-size:16px;
}

::-webkit-input-placeholder {
color: #424242;

}

::-moz-placeholder {
color: #424242;
opacity: 1;
}

:-ms-input-placeholder {
color: #424242;

opacity: 1;
}

:-moz-placeholder {
color: #424242;

opacity: 1;
}

.btn-primary {
	font-size:23px;
	font-weight:600;
	line-height:1;
	padding:20px 35px;
	background:var(--primary);
	display: inline-block;
	color:var(--white-color);
	transition: var(--transition);
	outline: none; 
	border: none;
	text-decoration: none;
	border-radius: 50px;
	transition: var(--transition);
	font-family:var(--font-family-barlow);
}

.btn-primary:hover { 
  background: var(--btn-hover);
  color:var(--white-color); 
}
.btn-secondary {
  font-size:23px;
	font-weight:600;
	line-height:1;
	padding:15px 35px;
	background:var(--white-color);
	display: inline-block;
	color:var(--black-color);
	transition: var(--transition);
	outline: none; 
	border: none;
	text-decoration: none;
	border-radius: 50px;
	transition: var(--transition);
    border: #000000 solid 1px;
    font-family:var(--font-family-barlow);
}
.btn-secondary:hover { 
  background: var(--btn-secondary-hover); 
  color:var(--primary); 
}




:root {
	--primary:#818181;
	  
	--white-color:#fff;

	--black-color:#000;

	--pink-color:#d40d8c;

	--orange-color:#e55516;

	--blue-color:#1093af;

	--green-color:#87af10;

	--purpal-color:#603093;

    --text-color:#818181;

	--gray-color:#eeeeee;

	--gray-text:#666666;

	
	--font-family-Helvetica: 'Helvetica Neue LT Pro';

	--font-family-rabiohead: 'rabioheadregular';

  
	--transition: all 0.5s;	
}



/*------------------------------------*\

         Custom Css Start

\*------------------------------------*/

.wapper { padding:75px 0 0 0;  }

.container { max-width:1200px; padding:0px 100px; margin:0 auto; }



/*Header css start*/

header {  background: #eeeeee; height: auto;  position: fixed; width: 100%; z-index: 999;  }

.header-left { height: 40px;}

header .container { padding:0px 15px; }

.header-inner { display:flex;  justify-content:space-between; }

.search-block  {  margin: 0 30px 0 0; position: relative;  }
.search-block input[type="text"] { background: var(--white-color); border-radius: 30px; padding: 10px 60px 10px 30px; align-items: center; border: none; height: 60px; width: 710px; max-width: 100%; font-family:var(--font-family-barlow); font-size: 18px; font-weight:500; }
.search-block button[type="submit"] { background: var(--blue-color); border: none; border-radius: 100%; width: 53px; height: 53px; position: absolute; right: 6px; padding: 10px; top:4px; line-height: 20px;    }
.search-bar.search-open { display: block; }


.logo-sec { position: relative;  padding: 20px 0 0 0;}
.logo-sec img { transform:none; position:absolute; left: 50%; top:10px; transform: translate(-50%, 0%) scale(1); transition: all 0.5s; }
.scrolled .logo-sec img { position: absolute; top:160px; z-index: 9999; left: 50%; transform: translate(-50%, 0%) scale(1.8); max-width: 200px; display: block; margin: 0 auto; transition: all 0.5s;   }



/* homepage css 1 */

.scrolled .technology-menu { position: absolute; top: 320px; left: 0px; width: 100%; height: 125px; display: flex; justify-content: center; align-items: center; transition: all 0.5s;  }
.scrolled .technology-menu ul { transform: translate(0%, 0%) scale(1.8); transition: all 1s;  }

.scrolled .technology-menu ul li a { width:50px; height:50px; display: block; background-size:cover!important;   }

.scrolled .technology-menu ul li.menu-design > a { background:url(../images/menu-icons/gray-design-icon.svg) 0 0 no-repeat; background-size: 60px 46px !important; width:65px; height:71px; margin-top:25px; }
.scrolled .technology-menu ul li.menu-design > a:hover { background:url(../images/menu-icons/text-design-icon.svg) 0 0 no-repeat;  background-size: 66.5px auto !important; }

.scrolled .technology-menu ul li.menu-ecomerce > a { background:url(../images/menu-icons/gray-ecomerce-icon.svg) 0 0 no-repeat; width: 70px; background-size: 34.5px auto !important;  height: 60px; margin-top: 12px;}
.scrolled .technology-menu ul li.menu-ecomerce > a:hover { background:url(../images/menu-icons/text-ecomerce-icon.svg) 0 0 no-repeat;  background-size: 71px auto !important;  }

.scrolled .technology-menu ul li.menu-co > a { background:url(../images/menu-icons/gray-co-icon.svg) 0 0 no-repeat; background-size: 60px auto !important; width:90px; height:50px;  margin-top: 24px; margin-left: -32px;  }
.scrolled .technology-menu ul li.menu-co > a:hover { background:url(../images/menu-icons/text-co-icon.svg) 0px 0 no-repeat; background-size: 92px auto !important; }

.scrolled .technology-menu ul li.menu-brand > a { background:url(../images/menu-icons/gray-brand-icon.svg) 0 0 no-repeat;  background-size: 49px 31px !important; width:65px; height:57px; margin-top: 25px; margin-left: -25px; }
.scrolled .technology-menu ul li.menu-brand > a:hover { background:url(../images/menu-icons/text-brand-icon.svg) 0 0 no-repeat;  background-size: 66px auto !important; }

.scrolled .technology-menu ul li.menu-ee > a { background:url(../images/menu-icons/gray-ee-icon.svg) 18px 0 no-repeat; background-size: 45px auto !important; width:98px; height:57px; margin-top: 25px; margin-left: -30px; }
.scrolled .technology-menu ul li.menu-ee > a:hover { background:url(../images/menu-icons/text-ee-icon.svg) -0.5px 0 no-repeat; background-size: 102px auto !important;  }


.scrolled .technology-menu .nav-menu { display: none !important;}


.gray-strip {  position: absolute; top: 320px; left: 0px; background: #eeeeee; width: 100%; height: 125px; display: flex; justify-content: center;
 align-items: center; }


.home-enter { height: 0px; overflow: hidden;  transition: height 2s ease; }

.home-enter-text { padding: 485px 0 0 0; text-align: center; font-size: 48px; font-family: 'rabioheadregular'; }
.home-enter-text span { color: var(--pink-color);}
.home-enter-arrow { padding: 50px 0 0 0; }
.home-enter-arrow a { width: 100px;  height: 100px; display: block; margin: 0 auto; border-radius: 100%; background: #ededed url(../images/down-arrow.svg) 50% 50% no-repeat; background-size: 47px auto;}

.scrolled .home-enter {  top: 0px; width: 100%; height: 100vh; background: #fff;  transition: height 2s ease; }



.scrolled .fade-in {
	animation: fadeIn 1.2s ease-in forwards;
  }
  
  @keyframes fadeIn {
	from {
	  opacity: 0;
	}
	to {
	  opacity: 1;
	}
  }

.fade-in {
	animation: fadeOut 0.5s ease-out forwards;
  }
  
  @keyframes fadeOut {
	from {
	  opacity: 1;
	}
	to {
	  opacity: 0;
	}
  }


  .scrolled .fade-in2 {
	animation: fadeIn2 1.2s ease-in forwards;
  }
  
  @keyframes fadeIn2 {
	from {
	  opacity: 0;
	}
	to {
	  opacity: 1;
	}
  }


  




  



.header-left { flex:0 0 auto; width:33.3333%; display:flex; }

.hamburger-menu { padding:0 32px 0 0; z-index: 999999;  }
.hamburger-icon { height:40px; display:flex; align-items:center; }
.hamburger-icon svg { display:block; width: 20px; }
.hamburger-menu:hover .hamburger-icon svg path { fill:#d40c8c; }
.hamburger-menu:hover .nav-menu { display:block; }


/* main menu top */

.technology-menu { width:auto; height: auto; background: none;  position: relative; top: 12px; left:0px; transition: all 0.8s; }

.technology-menu ul { list-style: none; margin: 0px; padding: 0px; display: flex; align-items: center; gap: 20px;   transform: translate(0%, 0%) scale(1); transition: all 1s; }

.technology-menu ul li a { width:50px; height:50px; display: block; background-size: cover !important;   }

.technology-menu ul li.menu-design > a { background:url(../images/menu-icons/gray-design-icon.svg) 0 0 no-repeat; width:60px; height:46px; }
.technology-menu ul li.menu-design > a:hover, .technology-menu ul li.menu-design.menu-select > a { background:url(../images/menu-icons/color-design-icon.svg) 0 0 no-repeat; }

.technology-menu ul li.menu-ecomerce > a { background:url(../images/menu-icons/gray-ecomerce-icon.svg) 0 0 no-repeat; width:34px; height:48px; }
.technology-menu ul li.menu-ecomerce > a:hover, .technology-menu ul li.menu-ecomerce.menu-select > a { background:url(../images/menu-icons/color-ecomerce-icon.svg) 0 0 no-repeat;   }

.technology-menu ul li.menu-co > a { background:url(../images/menu-icons/gray-co-icon.svg) 0 0 no-repeat; width:60px; height:30px;    }
.technology-menu ul li.menu-co > a:hover, .technology-menu ul li.menu-co.menu-select > a { background:url(../images/menu-icons/color-co-icon.svg) 0 0 no-repeat;     }

.technology-menu ul li.menu-brand > a { background:url(../images/menu-icons/gray-brand-icon.svg) 0 0 no-repeat; width:53px; height:34px; }
.technology-menu ul li.menu-brand > a:hover, .technology-menu ul li.menu-brand.menu-select > a { background:url(../images/menu-icons/color-brand-icon.svg) 0 0 no-repeat;    }

.technology-menu ul li.menu-ee > a { background:url(../images/menu-icons/gray-ee-icon.svg) 0 0 no-repeat; width:55px; height:38px; }
.technology-menu ul li.menu-ee > a:hover, .technology-menu ul li.menu-ee.menu-select > a { background:url(../images/menu-icons/color-ee-icon.svg) 0 0 no-repeat; }

 

/* main menu dropdown top */

.nav-menu { position: absolute; border-left: #58595b solid 5px; width: 500px; display: none; }
.nav-menu h3 { background: #ededed; padding: 10px 20px; font-size: 24px; display: inline-block; border-radius: 0px 20px 0 0; color: #58595b;  }
.nav-menu ul { display: block; background: #fff;  }
.nav-menu ul li { background: #ededed;  }
.nav-menu ul li a { display: block; font-size: 32px; padding: 0px; text-decoration: none; padding:0px 20px; display: block; width:100%; height: auto; color: #4b4b4b;  font-family:'rabioheadregular'; line-height: 40px;    }
.nav-menu ul li a:hover { background: #58595b; color: #fff; }
.nav-menu ul li ul li a { font-size: 28px;  padding:4px 20px 4px 40px;  line-height: 34px;}

.technology-menu ul li:hover .nav-menu { display: block;}

.technology-menu ul li.menu-design .nav-menu { border-left: var(--pink-color) solid 5px; }
.technology-menu ul li.menu-design .nav-menu h3 { color: var(--pink-color);  }
.technology-menu ul li.menu-design .nav-menu ul li a:hover { background: var(--pink-color); color: #fff; }

.technology-menu ul li.menu-ecomerce .nav-menu { border-left: var(--orange-color) solid 5px; }
.technology-menu ul li.menu-ecomerce .nav-menu h3 { color: var(--orange-color);  }
.technology-menu ul li.menu-ecomerce .nav-menu ul li a:hover { background: var(--orange-color); color: #fff; }

.technology-menu ul li.menu-co .nav-menu { border-left: var(--blue-color) solid 5px; }
.technology-menu ul li.menu-co .nav-menu h3 { color: var(--blue-color);  }
.technology-menu ul li.menu-co .nav-menu ul li a:hover { background: var(--blue-color); color: #fff; }

.technology-menu ul li.menu-brand .nav-menu { border-left: var(--green-color) solid 5px; }
.technology-menu ul li.menu-brand .nav-menu h3 { color: var(--green-color);  }
.technology-menu ul li.menu-brand .nav-menu ul li a:hover { background: var(--green-color); color: #fff; }

.technology-menu ul li.menu-ee .nav-menu { border-left: var(--purpal-color) solid 5px; }
.technology-menu ul li.menu-ee .nav-menu h3 { color: var(--purpal-color);  }
.technology-menu ul li.menu-ee .nav-menu ul li a:hover { background: var(--purpal-color); color: #fff; }


/* transform: scale(1.5); */

.header-midd { flex: 0 0 auto; width: 33.3333%; }

.header-right { flex: 0 0 auto; width: 33.3333%;  display:flex; gap:30px; justify-content: flex-end; align-items: center; height: 40px;}
.header-right i {font-size: 22px;}
.header-right img { display: block;}

.search-toggle { position: relative;}
.search-toggle.search-open-icon i { color: #d40d8c; } 

.call a { text-decoration: none; font-family: 'rabioheadregular'; font-size:32px; }

.social ul { display: flex; gap: 15px; align-items: center;}



.midd { padding:130px 0 0 0; }

.banner { padding: 20px 0 0 0; }
.banner h1 {  font-family: 'rabioheadregular'; font-size: 52px; padding:30px 0px 50px 0px; text-align: center; font-size: 52px; line-height: 46px; text-transform: none;  }
.banner h1 span { display: block; font-size: 68px; color: var(--pink-color); }

.service-post-block .col-md-6 { margin-bottom:60px;}
.service-post { text-align: center; padding: 0 80px;  }
.service-post h3 {  font-family:'rabioheadregular'; font-size:40px; line-height: 34px; padding:30px 0 16px 0; }
.service-post p { font-size: 18px; line-height:28px; }
.service-post.arrow-down a { width: 50px; height: 50px; display: block; margin: 0 auto; border-radius: 100%;; background:#ededed url(../images/down-arrow.svg) 50% 50% no-repeat; }


.service-post.design-post h3 { color: var(--pink-color);}
.service-post.ecommerce-post h3 { color: var(--orange-color);}
.service-post.brand-post h3 { color: var(--green-color);}
.service-post.exprince-post h3 { color: var(--purpal-color);}

.provide-block { text-align: center; max-width: 900px; margin: 0 auto; }

.provide-block h2 { font-size: 32px; padding: 0 0 30px 0;}


.provide-block p { font-size: 18px; line-height: normal; color: #666666; line-height: 28px;}
.provide-block p strong { font-weight: 500;}

.text-orange { color: var(--orange-color);}
.text-pink { color: var(--pink-color); }
.text-green { color: var(--green-color);}
.text-parpul { color: var(--purpal-color);}


.latest-projects-block  { padding: 10px 0px 200px 0px; }
.latest-projects-block h2 { font-size: 68px; font-family:'rabioheadregular'; line-height:36px; text-align: center; padding: 0 0 25px 0; color: #666666;  }
.latest-projects-block h2 span { font-size: 52px; display: block;  }
.latest-projects-block .row { border-bottom: #efefef solid 5px; padding: 20px 0 30px 0; margin-bottom: 30px; }
.latest-projects-block .row:nth-last-child(2) { border: none;}
.latest-projects-block h3 { font-size: 40px; line-height: 34px; font-family:'rabioheadregular'; padding:0 0 20px 0;  }
.latest-projects-block p {  line-height: 28px;  }


.down-button a {  width: 70px; height: 70px; display: flex; margin: 0 auto; border-radius: 100%;; background:#ededed; align-items: center; justify-content: center;  }
.down-button a svg { width: 33px;}
.down-button a:hover { }



.worth-block { background: #d40c8c; overflow-y: visible;  overflow-x: clip;  }
.worth-block h2 { font-size: 72px;  font-family:'rabioheadregular'; color:#fff; line-height:40px; padding: 16px 0 34px 0; }
.worth-block h2 span {display: block;}
.worth-block h2 span strong { font-weight: normal; font-size: 48px;}
.worth-block p { color: #fff; font-size: 28px; font-weight: 100; padding: 0px 0 25px 0;}
.worth-block h2 span { font-size: 72px;  }
.worth-block h2 span:last-child { padding: 0 0 0 55px;}

.worth-block img { margin: -186px 0 -1px 0; }

footer { padding: 10px 0 10px 0; background: #ededed;}
footer .container { padding: 0 20px;}
.footer-link-toggle { display: none;}
.footer-link ul { display: flex; gap: 20px;}
.footer-link ul li a { font-family:'rabioheadregular'; text-decoration: none; font-size: 22px; color: var(--gray-text);}
.footer-right { display: flex; justify-content: flex-end; align-items: center;}

.copyright {  font-family:'rabioheadregular'; font-size: 22px;  }

.footer-social { padding: 0 0 0 20px; }
.footer-social ul { display: flex; gap: 10px; }
.footer-social ul li a i { font-size: 25px; color: #9d9d9d; }
.footer-mobile-menu { display: none;}

.top-search { background: #58595b; padding: 0px 0px; height: 0px; overflow: hidden; transition: height 0.5s ease; }
.search-frm { max-width: 464px; margin: 0 auto; display: flex; padding: 10px 0px; }
.search-frm input[type="text"] { background: #cdcdcd; width: 100%; font-weight: 300; font-size: 22px; color: #424242; padding: 10px; height: 40px; border: none; border-radius: 5px }
.search-frm input[type="submit"] { background: url(../images/search.png) 50% 50% no-repeat; width: 40px; height: 40px; border: none; filter: brightness(3); background-size: 32px auto;  margin-left: 15px;  }

.top-search.search-open { height: 60px; }




/* service page css */


.service-post-area { background: url(../images/service-quata-img.svg) 0 100% no-repeat; max-width: 598px; margin: 0 auto; padding:40px 30px 110px 30px; background-size: contain;   }

.service-post h2 {  font-family: 'rabioheadregular'; padding: 0px 0px 20px 0px; font-size: 52px; text-align: center;  line-height: 48px; text-transform: uppercase;  }
.service-post span { display: block;  font-size: 68px; text-transform: uppercase; color: var(--pink-color);  text-transform: none;     }


.service-post.service-website h2 {  font-size: 68px; text-align: center;  line-height: 34px; text-transform: none;  color: var(--pink-color);   }
.service-post.service-website span { font-size: 52px; }

.promote-bg-icon { width: 108px; height: 108px; background:#f0f0f0; display: flex; justify-content: center; align-items: center; margin: 0 auto; border-radius: 100%; }

.service-post-area .col-4 span, .service-post-area .col-6 span { font-size: 32px; display: block; margin: -15px 0 0 0; text-align: center; font-weight: 200; line-height: 26px; padding: 0 5px;}
.service-post-area a { text-decoration: none;}

.option-block .container { max-width: 980px; margin: 0 auto;}
.option-block h2 {font-family: 'rabioheadregular'; padding: 0px 0px 50px 0px; font-size: 52px; text-align: center; line-height: 48px; text-transform: uppercase;}
.option-block h2 span {display: block; font-size: 68px; color: var(--pink-color); text-transform: none;  }
.option-block .col-md-6 { margin: 0 0 20px 0;}


.option-service a{ display: flex; justify-content: center; align-items: center; text-decoration: none; }
.option-service-icon { width:80px; height:80px; background:#f0f0f0; display:flex; justify-content:center; align-items:center; margin:0 auto; border-radius:100%; padding:12px; }
.option-service-text { flex:1; font-size: 28px; font-weight: 200; padding: 0 0 0 20px; color: var(--pink-color);  }

.hosting-service .option-service-text { color: var(--green-color) !important;  }


.take-first { padding: 60px 0px 240px 0;}
.take-first h2 {font-family: 'rabioheadregular'; padding: 0px 0px 15px 0px; font-size: 52px; text-align: center; line-height: 48px; }
.take-first h2 span { font-size: 68px; color: var(--pink-color); text-transform: none;  }
.take-first-img { text-align: center; margin: 0 0 0 320px;}


.sticky-buttom { position: fixed; right: 0px; z-index: 99; top: 50%; transform: translate(0%, -50%);  }
.sticky-buttom a { background: url(../images/sticky-label-bg.svg) 0 0 no-repeat; display: block; padding: 10px 0px 10px 34px; font-size: 48px; width: 166px; text-align: center; font-family: 'rabioheadregular'; text-decoration: none; margin: 0 0 6px 0; color: #656565;  }
.sticky-buttom a span { color: var(--pink-color); }



.promote-icon img { max-height: 110px;}
.promote-bg-icon img { max-height: 50px;}


.services-ecommerce-page .service-post.service-website h2 , .services-ecommerce-page .service-post span, .services-ecommerce-page .option-block h2 span, 
.services-ecommerce-page .option-service-text, .services-ecommerce-page .take-first h2 span, .services-ecommerce-page .sticky-buttom a span { color: var(--orange-color); }
.services-ecommerce-page .worth-block { background: var(--orange-color); }

.services-ee-page .service-post.service-website h2 , .services-ee-page .service-post span, .services-ee-page .option-block h2 span, 
.services-ee-page .option-service-text, .services-ee-page .take-first h2 span { color: var(--purpal-color); }
.services-ee-page .worth-block { background: var(--purpal-color); }
.services-ee-page .sticky-buttom a span { color: var(--purpal-color); }
.services-ee-page .service-website .promote-icon img { height:80px; }

.services-domains-page .service-post.service-website h2 , .services-domains-page .service-post span, .services-domains-page .option-block h2 span, 
.services-domains-page .option-service-text, .services-domains-page .take-first h2 span { color: var(--blue-color); }
.services-domains-page .worth-block { background: var(--blue-color); }
.services-domains-page .sticky-buttom a span { color: var(--blue-color); }


.services-branding-page .service-post.service-website h2 , .services-branding-page .service-post span, .services-branding-page .option-block h2 span, 
.services-branding-page .option-service-text, .services-branding-page .take-first h2 span { color: var(--green-color); }
.services-branding-page .worth-block { background: var(--green-color); }
.services-branding-page .sticky-buttom a span { color: var(--green-color); }




/* portfolio page css start here */


.breadcrumb .container {  padding:0px 20px; } 
.breadcrumb { padding: 0px 0 0 0;}
.breadcrumb ul { list-style: none; margin: 0px; padding: 0px;  display: flex;  }
.breadcrumb ul li { background: url(../images/breadcrumb-arrow.svg) 100% 50% no-repeat; padding: 0 30px 0 0; margin: 0 10px 0 0; font-size: 20px; }
.breadcrumb ul li a { text-decoration: none; }
.breadcrumb ul li a:hover { color: var(--pink-color); }
.breadcrumb ul li:last-child { background: none;}


.latest-Website { padding:10px 0 0px 0;}
.latest-Website h1 { font-family: 'rabioheadregular';  text-align:center; line-height:34px; color:var(--pink-color); padding:0 0 40px 0; }
.latest-Website h1 span { font-size: 52px; display: block;}
.latest-Website-top h2 { text-align: center; max-width: 800px; margin: 0 auto; padding: 0 0 30px 0; }
.latest-Website-top p { line-height: 30px;  max-width: 800px; text-align: center; margin: 0 auto; }
.latest-Website .latest-projects-block .row:nth-last-child(2) {  border: none; border-bottom: #efefef solid 5px; }

.latest-Website .latest-projects-block { padding: 10px 0 50px 0; }


.pagination { display: flex; justify-content: center; border-bottom: #efefef solid 5px; padding: 0 0 30px 0; font-family: 'rabioheadregular'; font-size: 28px; gap: 25px; }
.midd-paging { display: flex;}
.pagination ul { display: flex; gap: 5px; padding: 0 10px;}
.pagination ul li a { text-decoration: none;  padding: 3px 5px; font-family: var(--font-family-Helvetica); font-size: 18px;}
.pagination ul li.active a { background: var(--pink-color); border-radius: 5px;  color: #fff;}

.total-page {  color: #a6a6a6;}


.brand-testimonial { max-width:410px; padding: 0px 70px; position: relative; margin:20px auto 50px auto;  }
.brand-testimonial:after { background: url(../images/testimonial-icon.svg) 0 0 no-repeat; background-size:cover!important; content:""; display:block; width:60px; height:50px; position: absolute;  top: -30px; right: 0px; transform: rotate(180deg);  }
.brand-testimonial:before { background: url(../images/testimonial-icon.svg) 0 0 no-repeat; background-size:cover!important;  content:""; display:block; width:60px; height:50px; position: absolute; left: 0px;  }







.web-project-block h1 {  font-family: 'rabioheadregular'; line-height:50px; padding: 0 0 30px 0; color: var(--pink-color); }

.project-detail h2 { padding: 0 0 25px 0; font-weight: 300;}

.visit-web { font-size: 28px;  line-height: normal; }
.visit-web a { text-decoration: none;}
.visit-web a:hover { text-decoration: underline;}
.visit-web  label { display: block;  font-family: 'rabioheadregular'; color: var(--pink-color); font-size: 30px;}

.web-project-block .container { padding: 0px 20px; }

.orchard-text { font-size: 28px; padding: 0 0 20px 0; }
.orchard-text span {  background: url(../images/breadcrumb-arrow.svg) 100% 50% no-repeat; color: var(--pink-color); display: inline-block; padding: 12px 30px 12px 0;  font-weight: 400; }

.project-detail p { line-height: 30px; }
.project-detail p a { font-weight: 400;}


.project-service { padding:50px 0px;}
.project-service ul { gap: 50px;}
.project-service-icon { width: 108px; height: 108px; background: #f0f0f0; display: flex; justify-content: center; align-items: center; margin: 0 auto; border-radius: 100%; padding: 12px;}
.project-service-icon img {max-height: 58px;}
.project-service ul li a { text-decoration: none; }
.project-service ul li span {font-size: 32px;  display: block;  margin: -15px 0 0 0; text-align: center;  font-weight: 200; line-height: 26px; padding: 0 5px; color: var(--pink-color); }


.project-Portfolio  { padding: 0 0 0px 0;  margin-bottom: 60px; }
.project-Portfolio .container { padding: 0 20px;}
.project-Portfolio h2 { padding: 0 0 20px 0;}
.project-Portfolio h3 { color: var(--pink-color); }
.project-img img { border: #e6e6e6 solid 2px; width: 100%; }
.caption { font-weight: 400;}
.project-Portfolio .row { padding: 0 0 40px 0; }
.project-Portfolio .row:last-child {  border-bottom: #efefef solid 5px;}



.cheap-block .container { padding: 0 20px;}
.cheap-block .cheap-logo { text-align: center; padding: 0 0 35px 0;}
.cheap-block .breadcrumb { text-align: center ;}
.cheap-block .breadcrumb ul {justify-content: center; }
.cheap-block .breadcrumb ul li {font-size: 28px; font-weight: 200;     background: url(../images/breadcrumb-arrow.svg) 100% 10px no-repeat;}
.cheap-block .breadcrumb ul li:first-child { color: var(--green-color); font-weight: 400}
.cheap-block .breadcrumb ul li a:hover {color: var(--green-color);}

.cheap-block .breadcrumb ul li:last-child { background: none;}

.branding-page h1{ font-family: 'rabioheadregular'; line-height:50px; padding: 0 0 20px 0; text-align: center; color: var(--green-color);}
.branding-page .cheap-block h2 { padding: 0 0 40px 0; font-weight: 300; text-align: center; max-width: 750px; margin: 0 auto; }

.branding-page .cheap-block .row h2 { text-align: left; padding: 0 0 10px 0;} 

.cheap-block.row { padding: 0 0 20px 0;}
.cheap-block h3 { color: var(--green-color);}
.cheap-block .project-Portfolio { padding:30px 0px 130px 0px;  background: url(../images/service-quata-img.svg) 50% 100% no-repeat; border-bottom: none; margin-bottom: 20px; }
.cheap-block .project-Portfolio .row:last-child {  border-bottom: none;}

.branding-page .breadcrumb ul li a:hover {color: var(--green-color);}
.branding-page .take-first { padding: 60px 0px 100px 0;}
.branding-page .option-block h2 span, .branding-page .take-first h2 span {color: var(--green-color);}
.branding-page footer {  border-top: var(--green-color) solid 10px; }

.branding-page .worth-block { background: var(--green-color); }
.branding-page .latest-Website {  padding: 10px 0 200px 0; }
.branding-page .pagination ul li.active a {  background: var(--green-color); }
.branding-page .pagination ul li a:hover { color: var(--green-color);}
.branding-page .sticky-buttom a span { color: var(--green-color); }


.branding-page .footer-brd-none { border: none;}



/* generic-page-css */
.web-project-block h3 { color: var(--pink-color);}
.web-project-block ul li { margin-bottom: 5px;}
.web-project-block ul { padding-left: 30px;}
.web-project-block ul li img {  margin-right: 8px;}

.front-custom-dashboard {}

/* .generic-project-detail-box,
.portfolio-web-page .case-study-second { padding: 50px 0 15px; border-bottom: 5px solid #efefef; border-top: 5px solid #efefef; margin-top: 25px;  margin-bottom: 40px;} */

.front-custom-dashboard .container { padding: 0 20px;}

.portfolio-web-page  footer { border-top: var(--pink-color) solid 10px;}
.portfolio-web-page .take-first { padding: 60px 0px 100px 0; }


.generic-project-detail { padding: 50px 0 15px; border-bottom: 5px solid #efefef;  border-top: 5px solid #efefef; margin-top: 25px;  margin-bottom: 40px;}

.web-project-block h3 { color: var(--pink-color);}

.project-col .generic-project-detail { border-top: none; margin-top: 0px; padding-top: 10px; }



.lb-nav a.lb-prev, .lb-nav a.lb-next {
    opacity: 1 !important;
    display: block !important;
    background-size: 22px !important;
}
.lb-nav a.lb-prev {
    left: -50px !important;
    position: relative !important;
}
.lb-nav a.lb-next {
    right: -50px !important;
    position: relative !important;
}

.lb-data .lb-close {
    background-size: 20px !important;
    margin-right: -30px;
}

.lightbox {
    display: flex;
    flex-direction: column;
}
.lb-outerContainer {
    order: 2 !important;
}

.lb-dataContainer {
    display: block !important;
    max-width: 80% !important;
}



@media (max-width:991px){

	body { font-size: 16px;} 

	h1 { font-size: 54px; }

	h2 { font-size: 24px;}

	.container { padding:0px 70px;}

	.service-post { padding:0 0px; }
	.service-post-icon img { height:60px;}
	.service-post h3 { font-size:36px;	}

	.banner {  padding:100px 0 0 0;} 
	.banner h1 { font-size:36px; }
	.banner h1 span { font-size:50px; }

	.header-right { gap: 20px; }

	.scrolled .call { display: block; }
	.call { display: none; }
	.call a { white-space:nowrap; }

	.scrolled .logo-sec img { top:130px; }
    .logo-sec img { transform: translate(-50%, 32%) scale(1.6);  }

	.scrolled .technology-menu { top:230px; }
	.scrolled .technology-menu ul {  transform: translate(0%, 0%) scale(1.4);  gap:15px;  display: flex; flex-direction:row; }	

	.technology-menu { top: 20px; left: 5px; position: absolute;}
	.technology-menu > ul { display: flex; flex-direction: column; gap: 25px;transform: translate(0%, 0%) scale(0.7);}
	.technology-menu > ul li { position: relative;}

	.technology-menu ul li:hover .nav-menu { display: none; }
	.technology-menu ul li.active .nav-menu { display: block; left: 70px; top: 0px;}


	.scrolled .technology-menu ul li.menu-ecomerce > a {width: 36px;}
	.scrolled .technology-menu ul li.menu-co > a { width: 62px; margin-left: 0px; }

	.scrolled .technology-menu ul li.menu-brand > a { margin-left: 0px; }

	.scrolled .technology-menu ul li.menu-ee > a { margin-left: 0px;}

	.home-enter-text { padding: 370px 0 0 0; font-size: 36px; }
	.home-enter-arrow { padding: 30px 0 0 0; }
    .home-enter-arrow a { width: 80px; height: 80px; }  


	.gray-strip { top: 236px; }



	.worth-block h2 {line-height: 32px; padding: 16px 0 20px 0; }
	.worth-block h2 span {font-size: 62px;}
	.worth-block h2 span strong { font-size: 38px; }
	.worth-block p { font-size: 24px; }
	.worth-block img {margin:-26px 0 -1px 50px;}


	.sticky-buttom { position: relative; display: flex; justify-content: center; padding: 0 0 50px 0;}
	.sticky-buttom a { background: url(../images/sticky-label-bg-mobile.svg) 0 0 no-repeat; width: 198px; padding:3px 0px 10px 10px; font-size:38px; background-size: contain; }

	.take-first {	padding: 60px 0px 100px 0; }

	.service-post-area .col-md-4 span { font-size: 56px;}

	.banner h1 { padding: 30px 0px 50px 0px;}

	.service-post.service-website h2 { font-size: 60px;}
	.service-post.service-website h2 span { font-size: 44px; }

	.service-post h2 {  font-size: 44px; }
	.service-post span {  font-size: 60px; } 

	.option-block h2 { font-size: 44px; }
	.option-block h2 span { font-size: 60px;}

	.take-first h2 { font-size: 44px; }
	.take-first h2 span { font-size: 60px;}


	.pagination { flex-wrap: wrap; gap: 0px;  }
	.pre-pages { order: 2; padding: 0 12px;}
	.next-pages { order: 3; padding: 0 10px;}
	.midd-paging { order: 1;}
	.total-page { order: 4;}



	.latest-Website h1 { text-align: left; padding: 0 0 20px 0;}
	.latest-Website h1 span { font-size: 44px; }
	.latest-Website-top h2 { text-align: left;}
	.latest-Website-top p { text-align: left;}

	.breadcrumb ul li { font-size: 18px;}

	.web-project-block .container { padding: 0px 70px; }

	.breadcrumb .container { padding: 0 70px;}

	.service-post-area .col-4 span, .service-post-area .col-6 span { font-size: 28px;}

	.option-service-text { font-size: 24px;}

	.footer-link ul li a { font-size: 18px;}

	.copyright { font-size: 18px;}

	.visit-web a {font-size: 20px;}

	.orchard-text {font-size: 20px;}
	.orchard-text span {font-size: 20px;}

	.project-Portfolio .container {	padding: 0 20px 0 70px; } 

	.project-service-icon { width: 80px; height: 80px;}
	.project-service-icon img { max-height: 40px; }

	.project-service ul li span { font-size: 24px; }

	.project-service ul { gap: 20px; }

	.web-project-block h1 { line-height: 40px; }

	.cheap-logo img { max-width: 220px;}

	.cheap-block .breadcrumb ul li { font-size: 22px;}

	.cheap-block .container { padding: 0 70px; } 

	.cheap-block .project-Portfolio { padding: 30px 0px 110px 0px; }

	.branding-page .latest-Website { padding: 10px 0 60px 0; }

	.generic-project-detail ul { padding-left: 15px;}
	

}

@media (max-width:767px){

	.latest-Website .col-md-4 img  { width: 100%; }




 }


@media (max-width:639px){

	h1 { font-size: 48px; }

	h2 { font-size: 22px;}

	.container { padding: 0px 20px; }

	.provide-block .container { padding:0px; }

	.scrolled .call { display: none;}

	.social ul li:last-child { display: none;}
	.scrolled .social ul li:last-child { display: block;}


	.footer-link ul { display: block; }

	.logo-sec img {transform: translate(-50%, 32%) scale(1.3); top: 4px; max-width: 100px;  }
	.scrolled .logo-sec img {  transform: translate(-50%, 0%) scale(2.2); top: 110px; max-width: 100px; }
	

	.header-left {	width:20%; }
	.header-midd {	width:60%; }
	.header-right {	width:20%; }


	.technology-menu { width: 100%; left: 0px; top: 40px; top: 38px; padding: 20px 0px; }
	.technology-menu > ul { flex-direction: row; transform: translate(0%, 0%) scale(0.9); justify-content: center;}
	.technology-menu > ul li { position: static }
	.technology-menu ul li .nav-menu { left:0px!important; width:100%;  right:0px; max-width:100%;  top:50px!important; }

	.scrolled .technology-menu ul li a { margin-top: 0px !important;}


	.scrolled .technology-menu  { padding:70px 80px 20px 80px; height: auto; }
	.scrolled .technology-menu ul { flex-direction: row; flex-wrap: wrap; gap: 0px;}
	.scrolled .technology-menu ul li { width: 50%; display:flex;	justify-content:center; }


	.home-enter-text { padding: 500px 0 0 0; font-size:30px; line-height: 30px;}
	.home-enter-arrow { padding: 30px 0 0 0; }
	.home-enter-arrow a { width: 60px; height: 60px; background-size: 36px auto; }

	.scrolled .technology-menu {   top: 200px; }

	.gray-strip { top: 208px; height: 270px; }

	.technology-menu ul {transition: none !important;}


	.latest-projects-block .col-md-2, .latest-projects-block .col-md-4, .latest-projects-block .col-md-6 { margin-bottom: 15px;}
	.latest-projects-block .col-md-2 img { width: 100%;}
	.latest-projects-block h3 { text-align: center;}
	.latest-projects-block .row { padding: 20px 0 0px 0; margin-bottom: 20px; }

	.worth-block img {	margin: 15px 0 0px -14px; width: 118px; max-width: none; } 
	.worth-block h2 { line-height: 18px; }
	.worth-block h2 span {	font-size: 42px; display: inline; padding: 0px; }
	.worth-block h2 span strong { font-size: 32px; }
	.worth-block h2 span:last-child { padding: 0px;}
	.worth-block h2 span strong.doing {font-size: 32px; }

	.worth-block p { font-size: 18px; }


	footer { padding: 10px 0 10px 0; }
	.footer-right { justify-content: space-between; }
	.copyright { font-size: 18px; }

	.footer-link-toggle { display: flex; justify-content: space-between; }
	.footer-link-toggle span {font-size: 22px; font-family:'rabioheadregular';}
	.footer-link { display: none;}

	.footer-mobile-menu { padding: 0 0 10px 0; display: block; }

	.footer-mobile-menu .footer-link { margin: 0 -20px;}
	.footer-mobile-menu .footer-link ul li ul li a { padding:5px 40px; display: block; }
	.footer-mobile-menu .footer-link ul li a { display: block; padding: 5px 20px; }
	.footer-mobile-menu .footer-link ul li a:hover, .footer-mobile-menu .footer-link ul li a.active {  background: #58595b; color: var(--white-color); }


	.menu-open a svg path { fill: #d40c8c !important;}

	.search-frm {padding: 5px 0px; }
	.top-search.search-open { height: 50px;}
	
	.search-frm input[type="submit"] {background-size: 26px auto; }

	.latest-projects-block  { padding: 70px 0px 100px 0px; }

	.hamburger-menu:hover .nav-menu { display: none;}


	.option-service { max-width: 360px; margin: 0 auto;}

	.promote-bg-icon {     width:80px; height:80px; padding: 15px;}

	.service-post-area { padding: 40px 30px 80px 30px; }
	.service-post-area .col-4 span { font-size: 20px; margin: -10px 0 0 0; line-height: 20px;}

	.promote-icon img { height: 80px;  }

	.take-first-img { margin: 0 0 0 0%; }

	.option-block h2 { font-size: 36px;}
	.option-service-icon { width: 60px; height: 60px; padding: 16px;}
	.option-service-text { font-size: 20px;  padding: 0 0 0 15px;}


	.service-post-area .col-4 span, .service-post-area .col-6 span { font-size: 18px;}

	.scrolled .technology-menu ul li.menu-ecomerce > a { margin-top: -20px !important;}

	.breadcrumb ul li { font-size: 16px; padding: 0 25px 0 0;}

	.web-project-block .container { padding: 0px 20px; }
	.breadcrumb .container { padding: 0 20px;}


	.breadcrumb ul li:first-child { display: none;}
	.breadcrumb ul {flex-wrap: wrap; }
	
	.service-post span { font-size: 54px;}

	.option-block h2 span { font-size: 54px}

	.service-post.service-website h2 { font-size: 54px}
	.service-post.service-website h2 span {font-size: 36px; }

	.latest-Website h1 span {font-size: 36px; }
	
	.custom-order-1 { order: 1;}
	.custom-order-2 { order: 2;}


	.project-detail { padding: 20px 0 0 0;}

	.visit-web {font-size: 28px;line-height: 24px;}
	.visit-web a { font-size: 20px;}

	.orchard-text { font-size: 20px; line-height: 24px;}

	.orchard-text span {padding: 12px 30px 5px 0;}

	.project-service ul {flex-wrap: wrap;}


	.project-service-icon { width: 80px; height: 80px;}
	.project-service-icon img { max-height: 40px; }

	.project-service ul { padding: 0 40px; gap: 0px; }
	.project-service ul li { width: 50%; padding: 0 0 30px 0; }
	.project-service ul li span { font-size: 24px; }

	.project-service { padding: 20px 0px; }

	
	.cheap-block .project-Portfolio { padding: 30px 0px 80px 0px; background-size: contain; }


	.project-Portfolio .row { padding: 0 0 10px 0; }
	.project-Portfolio .col-md-4 { padding-bottom: 20px;}

	.project-Portfolio .container {	padding: 0 20px 0 20px; }

	.cheap-block .container { padding: 0 20px; }

	.breadcrumb ul li:first-child { display: block;}

	.branding-page h1 {line-height: 44px;}


	.generic-project-detail {     padding: 20px 0 15px; }


	.generic-project-detail .col-md-5 { padding-bottom: 20px;}
	


}