*:focus {outline: none !important;}

body {

    font-family: "Open Sans", serif !important;

    /* background: url(../images/2024/shapes-bg.png);

    background-position: 100% 900px;

    background-repeat: repeat-y;

    background-size: 100% auto; */

    overflow-x: hidden;

    /* background-color: #000 !important; */

}

html {scroll-behavior: smooth;overflow-x: hidden;}

ul,ol {list-style: none;padding: 0;}



@font-face {

    font-family: 'Flaticon';

    src: url('../fonts/flaticon.woff2') format('woff2');

    font-weight: normal;

    font-style: normal;

}



h1, h2, h3, h4, h5, h6 {font-family: 'Lexend Deca', sans-serif;}

a, button {

  color: inherit;

  display: inline-block;

  line-height: inherit;

  text-decoration: none;

  cursor: pointer;

}

a, button, img, input, span {

  transition: all 0.3s ease 0s;

}

a:hover {

  text-decoration: none !important;

  color: #FF5C00 !important;

}

p {font-size: 17px;}



.container-fluid {padding-left: 30px !important;padding-right: 30px !important;}



@media (max-width: 767px) {

    .container-fluid {padding-left: 15px !important;padding-right: 15px !important;}

	p {font-size: 16px;}

}



/* =========== Button Style =========== */

.button-style {color: #fff;background-color: #FF5C00;padding: 8px 25px;position: relative;transition: all .6s;}

.button-style:hover {color: #fff;box-shadow: inset 0 0 0 2em #000;}





/*=========== Navbar Section ==========*/

.header {z-index: 100;width: 100%;position: fixed;transition: all 0.3s ease 0s;padding: 20px 0;background-color: #0A92CD;}

.desktop-menu .col-md-2 {display: flex;justify-content: center;align-items: center;}

.logo {max-width: 100%;vertical-align: baseline;}

.navbar-toggler div {

	width: 25px;

    height: 4px;

    background-color: #fff;

    display: block;

    margin: 5px 0px;

    transition: all .6s ease-in-out;

}

/*.navbar-toggler #one {background-color: #FF9933;}*/

/*.navbar-toggler #three {background-color: #138808;}*/

.navbar-toggler[aria-expanded='true'] #one {

	transform: translateY(9px) rotate(-135deg);

	transition: all .6s ease-in-out;

	background-color: #FF5C00;

}

.navbar-toggler[aria-expanded='true'] #two {

	opacity: 0;

	transition: .4s ease;

}

.navbar-toggler[aria-expanded='true'] #three {

	transform: translateY(-9px) rotate(-45deg);

	transition: all .6s ease-in-out;

	background-color: #FF5C00;

}



.navbar-toggler:focus {outline: none;}

.navbar {padding: 5px 0px !important;transition: 0.4s;}

.navbar-nav .nav-item {padding-left: 16px;padding-right: 16px;}

.navbar-nav .nav-item .nav-link {color: #fff;letter-spacing: 0.5px;font-size: 15px;padding-right: 0 !important;padding-left: 0 !important;}

/* .navbar-nav .nav-item .nav-link:hover, .navbar-nav .nav-item .nav-link.active {color: #FF5C00 !important;} */

.desktop-menu .nav-item {

    display:flex;

    justify-content:center;

    align-items:center;

}

.header-whatsapp li a {

    font-size: 15px;

    color: #ffffff !important;

	border: 1px solid #044663;

	border-radius: 30px;

	background-color: #044663;

	padding: 8px 25px;

    animation: horizontal-shaking 5s ease infinite;

}

.header-whatsapp li i {color: #ffffff;font-size: 16px;padding-left: 4px;}



@keyframes horizontal-shaking {

    0%, 18%, 100% {

       transform: translate3d(0, 0, 0)

   }

   2%, 6%, 10%, 14% {

       transform: translate3d(-5px, 0, 0)

   }

   4%, 8%, 12%, 16% {

       transform: translate3d(5px, 0, 0)

   }

}

.navbar-brand {position: relative;margin-right: 0 !important;padding: 0 !important;margin-top: -10px;display: flex !important;}

.navbar-brand .gif {

    position: absolute;

    top: -5px;

    left: 13px;

    display:none;

}



/* Dropdown Css*/

.navbar-nav span .hovericon {

    font-size: 20px; 

    display: block !important;

    position: absolute; 

    z-index: 99; 

    right: 12px; 

    top: 0;   

    height: 37px; 

    width: 37px; 

    cursor: pointer; 

    text-align: center; 

    line-height: 37px;

    color: #000;

}

.navbar-nav span .downicon {font-size: 12px;color: #fff;margin: 5px 0 0 6px;}

.navbar-nav span .hovericon {font-size: 12px;}

.desktop-menu .nav-item:hover span .downicon {color:#FF5C00;}

.mobile-menu {display: none;position: inherit;}



@media (min-width: 992px) {

    .header .container {padding-left: 0 !important;padding-right: 0 !important;}

    .main-menu .navigation li ul li {display: flex;}

    .navbar-nav span .hovericon {position: inherit;}

}



@media (max-width: 991px) {

    .navbar-nav span .downicon {

      font-size: 13px; 

      display: block !important;

      position: absolute; 

      z-index: 99; 

      right: 12px; 

      top: 0;   

      height: 37px; 

      width: 37px; 

      cursor: pointer; 

      text-align: center; 

      line-height: 37px;

      color: #fff;

      margin: 0;

    }

}



.main-menu .navigation > li > ul, 

.main-menu .navigation > li > ul > li > ul,

.main-menu .navigation > li > ul > li > ul > li > ul {

    box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.20);

    position: absolute;

    top: 100%;

    left: 0;

    z-index: 100;

    visibility: hidden;

    background-color: #fff;

    opacity: 0;

    -webkit-transform: translateY(15px);

    -moz-transform: translateY(15px);

    -ms-transform: translateY(15px);

    -o-transform: translateY(15px);

    transform: translateY(15px);

    -webkit-box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.05);

    -moz-box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.05);

    box-shadow: 0 3px 20px rgba(0, 0, 0, 0.05);

    -webkit-transition: all 0.3s ease-out;

    -moz-transition: all 0.3s ease-out;

    -ms-transition: all 0.3s ease-out;

    -o-transition: all 0.3s ease-out;

    transition: all 0.3s ease-out;

}



.main-menu .navigation > li > ul > li > ul,

.main-menu .navigation > li > ul > li > ul > li > ul {

    left: 100%;

    top: 0;

}

.main-menu .navigation > li.dropdown:hover > ul,

.main-menu .navigation > li > ul > li.dropdown:hover > ul,

.main-menu .navigation > li > ul > li > ul > li.dropdown:hover > ul  {

    visibility: visible;

    opacity: 1; 

    -webkit-transform: translateY(0px);

    -ms-transform: translateY(0px);

    transform: translateY(0px);

    z-index: 999;

}

.main-menu .navigation > li > ul li a {font-size: 15px;color: #000;padding: 5px 20px;}

.main-menu .navigation > li > ul > li a:hover,

.main-menu .navigation > li > ul > li > ul > li a:hover,

.main-menu .navigation > li > ul > li > ul > li > ul > li a:hover {background-color: #ffffff0f;}

.main-menu .navigation > li > ul > li a:focus,

.main-menu .navigation > li > ul > li > ul > li a:focus,

.main-menu .navigation > li > ul > li > ul > li > ul > li a:focus {background-color: transparent;}

.main-menu .navigation > li > ul > li:first-child > a,

.main-menu .navigation > li > ul > li > ul > li:first-child > a,

.main-menu .navigation > li > ul > li > ul > li > ul > li:first-child > a {padding-top: 12px;}

.main-menu .navigation > li > ul > li:last-child > a,

.main-menu .navigation > li > ul > li > ul > li:last-child > a,

.main-menu .navigation > li > ul > li > ul > li > ul > li:last-child > a {padding-bottom: 12px;}

/*.main-menu .navigation > li > ul > li a:hover {background-color: #fff;}*/

@media (max-width: 991px) {

    .navigation li.nav-item {padding-left: 0 !important;padding-right: 0 !important;}

    .main-menu .navigation > li > ul li a {color: #000;padding: 5px 15px;}

    .main-menu .navigation > li > ul,

    .main-menu .navigation > li > ul > li > ul,

    .main-menu .navigation > li > ul > li > ul > li > ul {/*border: 1px solid #d6d6d6;*/ box-shadow: inherit; width: 100%; display: none; position: inherit; -moz-transform: translateY(0); transform: translateY(0); }

    .main-menu .navigation > li > ul > li > ul,

    .main-menu .navigation > li > ul > li > ul > li > ul {left: 0;top: 100%;}

    .main-menu .navigation > li > ul > li,

    .main-menu .navigation > li > ul > li > ul > li,

    .main-menu .navigation > li > ul > li > ul > li > ul > li {background: #fff;}

    .main-menu .navigation > li > ul > li > ul > li a {padding-left: 25px;}

    .main-menu .navigation > li > ul > li > ul > li > ul > li a {padding-left: 40px;}

    .main-menu .navigation > li.dropdown > ul.open,

    .main-menu .navigation > li.dropdown > ul.open li.dropdown > ul.open,

    .main-menu .navigation > li.dropdown > ul.open li.dropdown > ul.open li.dropdown > ul.open { display: block; opacity: 1; visibility: visible; }



    /* mobile menu css */

    .header {padding: 15px 0 !important;background-color: #000;}

	.header-whatsapp li a {margin-top: 10px;}

	.mobile-menu {display: block;}

	.desktop-menu {display: none;}

}

@media (min-width: 992px) and (max-width: 1199px)  {

	.nav-item {padding-left: 5px;padding-right: 5px;}

	.nav-item a {font-size:14px;}

}







.stretagy-section{

    padding:30px 0;

}

.stretagy-section .col-md-6{

    margin:auto;

}

.casestudy-content table{

    width:100%;

    margin:20px 0;

}

.casestudy-content table tr td, .casestudy-content table tr th{ 

    padding:20px 10px ;

    text-align:center;

}

.casestudy-content table .heading-table{

    background-color: #FF5C00 !important;

  color: #fff;

}

.casestudy-content table tr:nth-child(odd) {

  background-color: #ff5c004d;

}

.casestudy-content table tr:nth-child(even) {

  background-color: #afafaf4d;

}

.casestudy-content .chart-image{

    padding:20px 0 40px;

}

.casestudy-content .casestudy-img img{

    border-radius:15px;

}

  

.casestudy-content table .keywrd-text{

    text-align:left !important;

}





/*===============================================

				New Homepage Css

/*=============================================== */

/* Go To Top Button Css */

button.scroll-top:focus{

    outline: none;

}

.scroll-top.open {

    bottom: 30px;

}

.scroll-top {

    width: 50px;

    height: 50px;

    line-height: 50px;

    position: fixed;

    bottom: 105%;

    right: 50px;

    font-size: 16px;

    border-radius: 50%;

    z-index: 99;

    color: #ffffff;

    text-align: center;

    cursor: pointer;

    background: #FF5C00;

    transition: 1s ease;

    border: none;

}

.scroll-top span {

    color: #fff;

}

.scroll-top:after {

    position: absolute;

    z-index: -1;

    content: '';

    top: 100%;

    left: 5%;

    height: 10px;

    width: 90%;

    opacity: 1;

    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);

}



/* Header Css */

.topbar {border-bottom: 1px solid #f5f5f51a;}

.topbar-left ul {margin-bottom: 10px;}

.topbar-left ul li {display: inline-block;}

.topbar-left ul li:first-child {margin-right: 10px;}

.topbar-left ul li a {color: #fff;font-size: 15px;}

.topbar-right {text-align: right;}

.topbar-right a {margin: 0 8px;color: #fff;}

.navigation li.nav-item {padding-left: 12px;padding-right: 12px;}



@media (min-width: 992px) and (max-width: 1199px) {

    .navigation li.nav-item {

        padding-left: 7px;

        padding-right: 7px;

    }

}





/***************************** Home Banner Section Css ********************************/

.home-banner {

    background-image: url(../images/2025/banner-bg.webp);

    background-repeat: no-repeat;

    background-size: 100% 100%;

    background-position: center center;

    padding: 210px 0 100px;

    position: relative;

    z-index: 1;

}

.home-banner::after {

    /* content: ""; */

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-image: linear-gradient(180deg, #fe620b54, transparent);

    opacity: .5;

    z-index: -1;

}

.home-banner-c1 {text-align: center;}

.home-banner-c1 h1 {

	font-size: 37px;

	font-weight: 700;

	color: #000;

	margin-bottom: 20px;

}

.home-banner-c1 p {color: #000;max-width: 800px;margin: auto;}

.inner-headings {

	font-family: 'Lexend Deca', sans-serif;

    height: 50px;

    line-height: 50px;

    font-size: 40px;

    font-weight: 700;

	margin-bottom: 30px;

    overflow: hidden;

}

.inner-headings span {

    position: relative;

    color: #FF5C00;

    animation: animation 10s ease infinite;

}



@keyframes animation {

	0%, 100% {

		top: 0;

	}

	13% {

		top: 0;

	}

	17% {

		top: -50px;

	}

	30% {

		top: -50px;

	}

	34% {

		top: -100px;

	}

	47% {

		top: -100px;

	}

	51% {

		top: -150px;

	}

	64% {

		top: -150px;

	}

    68% {

		top: -200px;

	}

    81% {

		top: -200px;

	}

    85% {

		top: -250px;

	}

    98% {

		top: -250px;

	}

}

  

/* @keyframes animation {

	0%, 100% {

		top: 0;

	}

	20% {

		top: 0;

	}

	25% {

		top: -50px;

	}

	45% {

		top: -50px;

	}

	50% {

		top: -100px;

	}

	70% {

		top: -100px;

	}

	75% {

		top: -150px;

	}

	95% {

		top: -150px;

	}

} */



@media (max-width: 991px) {

    .home-banner {padding: 50px 0;}

    .home-banner-c1 h1 br {display: none;}

    .inner-headings {font-size: 28px;}

}

@media (max-width: 575px) {

    .home-banner {padding: 50px 0;}

    .home-banner-c1 h1 {font-size: 24px;}

    .inner-headings {font-size: 18px;}

}

@media (max-width: 375px) {.inner-headings {font-size: 14px;}}







/***************************** About Section Css ********************************/

.about-one-new {padding: 80px 0;}

.about-one-img {position: relative;overflow: hidden;}

.about-circle-shape {

	position: absolute;

    left: -40px;

    z-index: -1;

    bottom: 90px;

	background: linear-gradient(135deg, #FF5C00 0, #FF5C00 45.72%, #000000 100%);

    width: 220px;

    height: 220px;

    border-radius: 50%;

}

.about-one-img .img2 {

	position: absolute;

    right: 0;

    bottom: 0;

}

.about-one-text {position: relative;}

.section-heading h1 {

    font-size: 42px !important;

    color: #000;

	font-weight: 700;

	margin-bottom: 20px;

}

.section-heading h2, .section-heading h3 {

	font-size: 36px !important;

	color: #000;

	font-weight: 600;

	margin-bottom: 20px;

	line-height: 1.4;

}

.section-heading.text-white h1, .section-heading.text-white h2, .section-heading.text-white h3 {color: #fff;}

.section-heading h4 {

	font-size: 18px;

	font-weight: 700;

	text-transform: uppercase;

	color: #FF5C00;

	margin-bottom: 12px;

}

.section-heading h5 {

	font-size: 20px !important;

	color: #000;

	font-weight: 500;

	margin-bottom: 20px;

}

.animate-border {

    position: relative;

    display: block;

    width: 115px;

    height: 3px;

    background: #FF5C00;

    overflow: hidden;

}

.animate-border:after {

    position: absolute;

    content: "";

    width: 35px;

    height: 3px;

    left: 15px;

    bottom: 0;

    border-left: 10px solid #fff;

    border-right: 10px solid #fff;

    -webkit-animation: animborder 2s linear infinite;

    animation: animborder 2s linear infinite;

}

.animate-border.border-white:after {

	border-left: 10px solid #1B1B1B;

    border-right: 10px solid #1B1B1B;

}

@keyframes animborder {

    0% {

        -webkit-transform: translateX(0);

        transform: translateX(0);

    }



    100% {

        -webkit-transform: translateX(113px);

        transform: translateX(113px);

    }

}



.about-one-content {text-align: center;margin-bottom: 15px;}

.about-one-content p {line-height: 26px;max-width: 850px;margin: 0 auto 30px;}

.partner-images {

    height: 100px;

    width: 100%;

    vertical-align: middle;

    display: inline-table;

    margin-top: 20px;

}

.partner-images p {

    height: 100px;

    display: table-cell;

    vertical-align: middle;

    text-align: center;

}



@media (max-width: 991px) {

    .about-one-content p {max-width: 100%;}

}

@media (max-width: 575px) {

    .about-one-new {padding: 40px 0;}

    .section-heading h1 {font-size: 24px !important;}

    .section-heading h2, .section-heading h3 {font-size: 22px !important;margin-bottom: 15px;}

	.section-heading h5 {font-size: 18px;}

    .about-one-content {margin-bottom: 10px;}

    .partner-images, .partner-images p {height: 48px;}

}







/************************ Contact Service Section Css ************************/

.contact-service-section .contact-service {margin-top: 0;}







/***************************** Services Section Css ********************************/

.extra-sec {padding: 80px 0 60px;z-index: 1;}

.service-desc p {margin-bottom: 30px;}

.services-single {

	position: relative;

	margin: 15px 0;

	padding: 40px;

    /* border: 1px solid #0000001a; */

	border-radius: 30px;

    /* background-image: url(../images/2025/service-bg.svg);

    background-position: top left;

    background-repeat: no-repeat;

    background-size: auto; */

	transition: 0.5s;

    overflow: hidden;

	box-shadow: 0px 0px 36px 0px rgba(0, 0, 0, 0.08);

}

.services-single:hover {background: linear-gradient(357deg,#0048a9 7.47%,#2279ef 95.56%);}

/* .services-single:hover {background-color: #000;transform: translateY(-5px);}

.services-single::before {

    position: absolute;

    content: "";

    right: 0;

    left: 80px;

    margin: auto;

    bottom: -50px;

    width: 250px;

    z-index: -1;

    height: 500px;

    background: linear-gradient(196.95deg, rgba(255, 72, 0, 0.1) 6.45%, rgba(255, 72, 0, 0) 93.04%);

    transform: rotate(12deg);

    transition: 0.5s;

    opacity: 0;

    visibility: hidden

}

.services-single::after {

    position: absolute;

    content: "";

    right: 0;

    left: 80px;

    margin: auto;

    bottom: -50px;

    width: 250px;

    z-index: -1;

    height: 500px;

    background: linear-gradient(196.95deg, rgba(255, 72, 0, 0.5) 6.45%, rgba(0, 0, 0, 0.5) 93.04%);

    transform: rotate(12deg);

    transition: 0.5s;

    opacity: 0;

    visibility: hidden;

}

.services-single:hover::before, .services-single:hover::after {

    visibility: visible;

    opacity: 1;

} */

.services-single svg {margin-bottom: 22px;}

.services-single:hover svg path {fill: #fff;}

.google-seo-service:hover svg path {fill: transparent;stroke: #fff;}

.services-single h5 {font-size: 22px;margin-bottom: 16px;color: #000;}

.services-single:hover h5 {color: #fff;}

.icon-lg {font-size: 50px;line-height: 50px;}

.services-single span.icon-lg {color: #FF5C00;}

.services-single p {color: #000;}

.services-single:hover p, .services-single:hover a, .services-single:hover a span {color: #fff;}

.services-single a:hover {color: #fff !important;}

.services-single a {color: #000;margin-top: 5px;}

.services-single a span{

	font-size: 12px;

    vertical-align: middle;

    transition-duration: .3s;

    color: #FF5C00;

	margin-left: 3px;

}



@media (max-width: 575px) {

    .extra-sec {padding: 20px 0 40px;}

    .services-single h5 {font-size: 20px;}

    .service-desc p {margin-bottom: 20px;}

}







/***************************** Hire Developers Section Css ********************************/

.hire-developers-section {padding: 50px 0 80px;}

.hire-developer-widget {

    height: 100%;

    padding: 50px;

	margin-top: 30px;

    text-align: center;

	box-shadow: 0px 0px 36px 0px rgba(0, 0, 0, 0.08);

}

.hire-developer-widget svg {margin-bottom: 16px;}

.hire-developer-widget h4 {font-size: 22px;font-weight: 400;margin-bottom: 16px;line-height: 32px;}

.hire-developer-widget ul {display: grid;grid-template-columns: auto auto;}

.hire-developer-widget ul li {

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 2px 5px;

    border-radius: 4px;

    font-size: 15px;

    color: #fff;

    margin: 0 4px 8px;

}

.hire-developer-widget ul li:first-child {background-color: #FF5C00;}

.hire-developer-widget ul li:nth-child(2) {background-color: #0A92CD;}

.hire-developer-widget ul li:nth-child(3) {background-color: #007C00;}

.hire-developer-widget ul li:last-child {background-color: #69016C;}

.hire-developer-widget a {color: #fff;background-color: #FF5C00;padding: 8px 12px;margin-bottom: 10px;}



@media (max-width: 991px) {

	.hire-developer-widget {margin-top: 20px;height: auto;}

}

@media (max-width: 575px) {

	.hire-developers-section {padding: 40px 0 40px;}

	.hire-developer-widget {padding: 22px;}

	.hire-developer-widget ul {display: block;}

	.hire-developer-widget ul li {margin: 0 0 8px;}

}







/********************* Benefits Of Web Development Company Section Css ********************/

.benefits-web-development-company {background-color: #E8ECFF;}

.benefits-content-area {padding-top: 200px;padding-bottom: 60px;position: relative;}

.benefits-content-area .section-heading .animate-border:after {border-left: 10px solid #E8ECFF;border-right: 10px solid #E8ECFF;}

.benefits-content-area .shape-bg {

	transform: rotate(180deg);

    overflow: hidden;

    position: absolute;

	top: -1px;

    left: 0;

    width: 100%;

    line-height: 0;

    direction: ltr;

}

.benefits-content-area .shape-bg svg {

	display: block;

    width: calc(100% + 1.3px);

    position: relative;

    left: 50%;

    transform: translateX(-50%);

    z-index: -1;

}

.benefits-content-area .shape-bg svg path {fill: #fff;transform-origin: center;transform: rotateY(0deg);}

.benefits-content-area .row .col-lg-4 {margin-top: 30px;}

.benefits-widget {text-align: center;padding: 30px 20px;background-color: #fff;height: 100%;}

.benefits-widget h4 {font-size: 22px;font-weight: 400;margin-bottom: 16px;line-height: 32px;}

.benefits-widget p {margin-bottom: 0;}



@media (max-width: 575px) {

	.benefits-content-area {padding-top: 65px;padding-bottom: 40px;}

	.benefits-content-area .row .col-lg-4 {margin-top: 20px;}

	.benefits-widget {height: auto;}

}







/***************************** Portfolio Section Css ********************************/

.portfolio-home-section {padding: 50px 0 70px;}

.portfolio-home-section .animate-border {margin-bottom: 24px;}

.portfolio-home-section .portfolio-wrap {margin-top: 25px;}

.portfolio-home-section .portfolio-image {position: relative;}

.portfolio-home-section .portfolio-image:after {

    content: "";

    position: absolute;

    top: -28px;

    right: -28px;

    width: 80px;

    height: 80px;

    background-color: #ffffffd1;

    border-radius: 50%;

    box-shadow: 

    0px 0px 36px 0px rgba(0, 0, 0, 0.08);

}



@media (max-width: 575px) {

    .portfolio-home-section {padding: 25px 0 50px;}

}







/***************************** Discuss Project Section Css ********************************/

.discuss-project {padding: 80px 0 60px;}

.soc-box a {color: #000;font-size: 15px;margin-right: 15px;}

.soc-box a i {margin-right: 4px;color: #FF5C00;}

.soc-box a span {border-bottom: 1px dashed #000;}

.experience-content .single-experience-box {overflow: hidden;margin-top: 30px;}

.experience-content .single-experience-box:first-child {margin-top: 40px;}

.experience-content .single-experience-box .icon {

    float: left;

    width: 75px;

    background-color: #f9f9f9;

    color: #FF5C00;

    height: 75px;

    border-radius: 50%;

    transition: 0.5s;

    text-align: center;

    line-height: 63px;

    margin-right: 20px;

    border: 2px solid#FF5C00;

}

.experience-content .single-experience-box .icon i::before {font-size: 40px;}

.experience-content .single-experience-box .content {float: left;width: 80%;}

.discuss-project-form {background-color: #fff;padding: 30px;box-shadow: 0 6px 30px 0 rgba(11, 32, 64, .06);}

.discuss-project-form form .form-group {margin-bottom: 35px;}

.discuss-project-form form .form-group label {font-size: 15px;color: #666;font-weight: 500;padding-left: 12px;margin-bottom: 0;}

.discuss-project-form form .form-group label sup {top: -5px;font-size: 85%;}

.discuss-project-form form .form-group input, .discuss-project-form form .form-group textarea {

    color: #000;

    min-height: 48px;

    border: 0;

    border-bottom: 1px solid #b7a6a6;

    border-radius: 0;

}

.discuss-project-form form .form-group input::placeholder, .discuss-project-form form .form-group textarea::placeholder {font-size: 15px;color: #000;}

.discuss-project-form form .form-group input:focus, .discuss-project-form form .form-group textarea:focus {box-shadow: none;}

.discuss-project-form form .form-group select {

    font-size: 15px;

    color: #000 !important;

    background-color: transparent !important;

    border: 0 !important;

    border-bottom: 1px solid #b7a6a6 !important;

    padding: 6px 12px !important;

    margin-top: 0;

    min-height: 48px;

    width: 100%;

    border-radius: 0 !important;

    height: auto !important;

}

.discuss-project-form form .g-recaptcha {margin-bottom: 35px;}

.discuss-project-form form .project-inquiry-btn {

    font-size: 17px;

    color: #fff;

    padding: 10px 50px;

    background-color: #FF5C00;

    border: 0;

}



@media (max-width: 575px) {

    .discuss-project {padding: 0 0 30px;}

    .experience-content .single-experience-box .icon {width: 55px;height: 55px;line-height: 52px;margin-right: 12px;}

    .experience-content .single-experience-box .icon i::before {font-size: 24px;}

    .experience-content .single-experience-box .content {width: 76%;}

    .discuss-project-form {padding: 15px;}

}





/***************************** Say About Section Css ******************************/

.say-about-section {

	background-image: url(../images/testimonialbg.jpg); 

	background-repeat: no-repeat;

	background-size: cover;

	padding: 50px 0;

}

.comment-carousel .owl-stage {display: flex;}

.say-about-box {

	position: relative;

	height: 100% !important;

	padding: 30px 25px;

	text-align: center;

	color: #000;

	background-color: #fff; 

	border-radius: 10px;

}

.say-about-logo {min-height: 80px;margin-bottom: 20px;}

.say-about-logo img {margin: auto;max-height: 80px;}

.say-about-box p {font-size: 15px;line-height: 24px;}

.say-about-box hr {border: 1px solid #FF640D;width: 35px;margin: 15px auto !important;}

.say-about-box h3 {font-size: 18px;}

.comment-carousel .owl-prev, .comment-carousel .owl-next {

	position: absolute;

    border: 1px solid #494a4c !important;

    border-radius: 50%;

    height: 40px;

    width: 40px;

    line-height: 35px !important;

    background-color: #494a4c !important;

}

.comment-carousel .owl-prev {top: -18% !important;left: 86% !important;}

.comment-carousel .owl-next {top: -18% !important;left: 91% !important;}

.owl-prev:hover, .owl-next:hover {

	border-color: #FF640D !important;

	background-color: #FF640D !important;  

}

.owl-prev img, .owl-next img {width: 25px;}





@media (max-width: 991px) {

	.comment-carousel .owl-prev {top: -15% !important;left: 80% !important;}

	.comment-carousel .owl-next {top: -15% !important;left: 87% !important;}

}

@media (max-width: 767px) {

	.comment-carousel .owl-prev {left: 73% !important;}

	.comment-carousel .owl-next {left: 82% !important;}

}



@media (max-width: 405px) {

    .packages-factor-points .factor-point{

                display: flex;

        flex-wrap: nowrap;

    }

    .packages-factor-points .factor-point .count-no p{

        font-size:35px;

    }

}





/***************************** Home Faqs Section Css ******************************/

@media (max-width: 575px) {

	.home-faqs-section {padding-bottom: 20px !important;}

}





/***************************** Blog Section Css ********************************/

.blog-one {padding: 50px 0 70px;}

.blog-one-wrap {

	border-radius: 30px;

	margin-top: 20px;

	overflow: hidden;

	box-shadow: 0 1rem 3rem rgba(31,45,61,.125);

}

.blog-one-image {border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;overflow: hidden;}

.blog-one-content {padding: 30px;position: relative;}

.blog-one-content h4 {font-size: 20px;margin-bottom: 22px;}

.blog-one-content .button-style1 {padding: 6px 18px;}



@media (max-width: 575px) {

    .blog-one {padding: 30px 0 40px;}

}







/***************************** Footer Css ********************************/

.footer-one-new {

	position: relative;

	overflow: hidden;

	background-color: #0A92CD;

	z-index: 1;

	padding: 70px 0 30px;

}

/* .footer-one-new:after {

    content: "Topaz";

    position: absolute;

    bottom: -290px;

    left: 0;

    font-size: 420px;

    font-weight: bold;

    color: #1D1D1D;

    font-family: "Lexend Deca", sans-serif;

    transform: rotate(-10deg);

    text-transform: uppercase;

    z-index: -1;

	opacity: 0.5;

} */

.footer-one-column h3 {

	color: #fff;

	font-size: 25px;

	margin-bottom: 30px;

}

.footer-one-column h4 {

    color: #fff;

    font-size: 20px;

    font-weight: 400;

	margin-top: 25px;

	margin-bottom: 12px;

}

.footer-one-column p {

	color: #ffffff;

	margin-bottom: 20px;

}

.footer-one-column a {

	color: #ffffff;

	display: block;

    margin-bottom: 20px;

}

.footer-one-column a.call-topaz {font-size: 20px;color: #ffffff;border-bottom: none;display: flex;align-items: center;}

.footer-one-column a:hover {color: #ffffff !important;}

.footer-one-column-3 a {display: inline-block;margin-right: 30px;border-bottom: 1px solid #ffffff;}

.footer-one-column-3 a:last-child {margin-right: 0;}

.footer-one-column-3 a:hover {border-bottom-color: #ffffff;}

.footer-one-column-3 a svg {

	width: 28px;

    height: 28px;

	margin-left: 7px;

    transition: all .5s cubic-bezier(.71,.005,.51,1);

}

.footer-one-column-3 a svg circle {fill: #044A68;}

.footer-one-column-3 a svg path {

	stroke: #fff;

    stroke-width: 3;

    stroke-linecap: round;

    stroke-linejoin: round;

}

.footer-one-column-3 a:hover svg {

	transform: rotate(45deg);

    transition: all .8s cubic-bezier(0,.1,.125,1.005);

}

.footer-one-menu {text-align: center;margin-top: 50px;}

.footer-one-menu a {

	position: relative;

	color: #ffffff;

	padding: 0 20px;

    margin-bottom: 10px;

}

.footer-one-menu a:hover {color: #ffffff !important;}

.footer-one-menu a:after {

	content: "";

    position: absolute;

    top: 10px;

    right: -4px;

    width: 5px;

    height: 5px;

    background-color: #ffffff;

    transform: rotate(45deg);

}

.footer-one-menu a:last-child::after {content: none;}

.copyright-one {margin-top: 50px;border-top: 1px solid #ffffff24;}

.copyright-one-content {padding: 20px 0;}

.copyright-one-content p {margin-bottom: 0;color: #ffffff;}

.copyright-one-content p .company-name {color: #ffffff;}

.copyright-one-content a {color: #ffffff;}

.copyright-one-socialbar {text-align: right;}

.copyright-one-socialbar a {margin: 0 15px;}

.copyright-one-socialbar a:last-child {margin-right: 0;}

.copyright-one-socialbar a:hover {color: #ffffff;}



@media (max-width: 991px) {.footer-one-column {margin-bottom: 20px;}}

@media (max-width: 767px) {.copyright-one-content {text-align: center;padding-bottom: 0;}}

@media (max-width: 575px) {

    .footer-one-new {padding: 40px 0 25px;}

    .footer-one-column h3 {font-size: 18px;margin-bottom: 16px;}

    .footer-one-menu {margin-top: 25px;}

    .footer-one-menu a {padding: 0 15px;}

    .copyright-one {margin-top: 25px;}

}









/* =====================================================================

                        ABOUT US PAGE CSS 

========================================================================*/

.breadcrumb-banner {

    background-color: #f9f9f9;

    padding-top: 160px;

    padding-bottom: 60px;

    position: relative;

}

.about-page-section {padding-top: 60px;}

.about-one .custom-p, .about-one .custom-p1 {text-align: justify;} 

.about-img2 {border-radius: 30px;}

.about-img {border-radius: 30px;}

.milestones-section {padding: 60px 0;}

.milestones-one {text-align: center;overflow: hidden;}

.milestones-one .icon {

	width: 85px;

    height: 85px;

    transition: 0.5s;

    text-align: center;

    line-height: 80px;

    margin: 0 auto 20px;

    background: linear-gradient(45deg, #FF5C00, #ff9f69);

    border-radius: 50%;

}

.milestones-one .content h5 {margin-bottom: 12px;}

.milestones-contact {text-align: center;margin-top: 30px;}

.milestones-contact a {

	padding: 12px 25px;

    color: #fff !important;

    background: linear-gradient(45deg, #FF5C00, #f7894a);

    border-radius: 5px;

}

.milestones-contact a:hover {background: linear-gradient(45deg, #f7894a, #FF5C00);}



@media (max-width: 1199px) {

	.custom-p {margin-top: 30px;}

}



@media (min-width: 1200px) {

    .about-img { width: 650px; float: right; margin-left: 40px;}

    .custom-p1 { margin-bottom: 20px;}

}

@media (max-width: 991px) {

	.milestones-one {margin-bottom: 20px;}

}

@media (max-width: 575px) {

	.about-page-section {padding-bottom: 30px;}

	.about-img2 {border-radius: 8px;}

	.about-img {border-radius: 10px;}

	.milestones-one .icon {width: 75px;height: 75px;line-height: 70px;}

}

/*.about-title img { margin: 30px 0px 30px 0px; }*/



/* Mission Section */

.bg-yellow { background-color: #FF640D; }

.section-title1 h3 {

    font-size: 35px;

    font-weight: 600;

    color: #ffffff;

    position: relative;

}

.section-title1 h3:after {

    position: absolute;

    left: -36px;

    bottom: -20px;

    height: 1px;

    width: 155px;

    background: #ffffff;

    content: "";

}

.section-title2 h3 {

    font-size: 35px;

    font-weight: 600;

    color: #ffffff;

    position: relative;

}

.section-title2 h3:after {

    position: absolute;

    left: -36px;

    bottom: -20px;

    height: 1px;

    width: 155px;

    background: #ffffff;

    content: "";

}

.space-padding { padding: 36px!important; }

.our-mission p {color: #fff;}

.about-p { margin-top: 47px; }

.bg-black { background-color: #1c1c17; }

.missions { position: relative; padding: 60px 0;}



/* Values Section */

.values-section {padding: 60px 0;}

.values-bg-image {

	background-image: url(../images/aboutus/dashed.png);

	background-repeat: no-repeat;

	background-position: center 25px;

	margin-top: 30px;

}

.values-content {min-height: 300px;}

.inner-box {

	position: relative;

	height: auto; 

	margin-top: 10px;

	text-align: center;

	transition: all 0.3s ease 0s;

}

.value-img {

	height: 120px;

	width: 120px;

    vertical-align: middle;

    display: inline-table;

    border-radius: 50%;

    background-color: #fff;

    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);

}

.value-img p {

	height: 120px;

    display: table-cell;

    vertical-align: middle;

    text-align: center;

}

.values-content img {/*width: 120px;*/max-width: 100%;max-height: 100%;}

.values-content .img-top {

    display: none;

    position: absolute;

   	top: 50%;

   	left: 50%;

   	transform: translate(-50%, -70%);

}

.values-bg-image .second-child {margin-top: 50px;}

.inner-box:hover .img-top {display: block;transition: all 0.3s ease 0s;}

.inner-box:hover .value-img {background-color: #FF640D;transition: all 0.3s ease 0s;}

.values-tagline { color: #7e7e7e; font-size: 18px; text-align: center;}

.value-img a { border: 1px solid transparent; border-radius: 50%; padding: 30px 30px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1); }

.values-content h5 { font-size: 18px; font-weight: 600;}

@media (max-width: 991px) {

	.values-bg-image {background-image: none;}

	.second-child {margin-top: 0px !important;}

}

@media (min-width: 768px) {

    .empty-div { padding: 50px 0px; background-color: white; }

    .mission-col { padding: 0!important; }

}

@media (max-width: 575px) {

    .breadcrumb-banner {padding-top: 50px;padding-bottom: 35px;}

	.values-section {padding: 0;}

    .space-padding { padding: 25px 0 !important; }

}

@media (max-width: 767px) {.space-up { margin-top: 30px;}}









/* =====================================================================

                        WEBSITE DEVELOPMENT PAGE CSS 

========================================================================*/

.webdesign-development-section {padding-top: 60px;padding-bottom: 70px;}

.other-service-hover:hover svg g, .other-service-hover:hover svg path:last-child {fill: #ff5c00;}

.other-service-hover:hover svg g circle {fill: #fff;}

.owl-carousel .owl-item img {display: inline-block !important;width: auto !important;}

.service-carousel .owl-prev {top: 50% !important;left: -3% !important;transform: translate(-50%, -50%);}

.service-carousel .owl-next {top: 50% !important;left: 103% !important;transform: translate(-50%, -50%);}

.webdesign-service-wrap {

	border: 1px solid #fff;

	border-radius: 10px;

	background-color: #fff;

	padding: 35px 15px;

	margin-bottom: 30px;

	text-align: center;

	max-height: 365px;

	padding-bottom: 0;

	box-shadow: 0px 0px 36px 0px rgba(0, 0, 0, 0.08);

}

.webdesign-service-wrap:hover {border-color: #de8c14;}

.webdesign-service-wrap:hover a {background-color: #de8c14;color: #fff !important;border-color: #de8c14;}

.webdesign-service-wrap a {

	width: 50px;

    height: 50px;

    border: 1px solid #eaeaea;

    background-color: #fff;

    border-radius: 50%;

    line-height: 50px;

    text-align: center;

    font-size: 26px;

    color: #C4C4C4 !important;

}

.webdesign-service-wrap h3 {font-size: 22px;margin-top: 20px;margin-bottom: 15px;min-height: 55px;}

.webdesign-service-image {min-height: 100px;}

/* Contact Service Content */

.contact-service {

	margin-top: 50px;

	padding: 35px 30px;

    background-color: #FF640D;

    display: flex;

    align-items: center;

    justify-content: space-between;

    border-radius: 6px;

	gap: 10px;

}

.contact-service h4 {color: #fff;margin-bottom: 0;font-size: 22px;font-weight: 400;line-height: 28px;}

.contact-service a {

	color: #fff !important;

    border-radius: 4px;

    background-color: #000000;

    width: 170px;

    height: 45px;

    display: flex;

    align-items: center;

    justify-content: center;

}

.contact-service a i {padding-right: 8px;}

/* Webdesign Development Content */

.webdesign-development-content {padding: 80px 0 50px;text-align: center;}

.webdesign-development-content .tagline {

    color: #939393;

    text-align: center;

    margin-bottom: 25px;

}

.webdesign-development-content img {margin-top: 20px;}

/* Schedule Call Option */

.schedule-call-option {padding: 35px 30px;display: flex;align-items: center;justify-content: space-between;border-radius: 6px;background: linear-gradient(357deg,#0048a9 7.47%,#2279ef 95.56%);overflow: hidden;}

.schedule-call-option h4 {color: #fff;margin-bottom: 0;font-size: 22px;font-weight: 400;line-height: 1.5;float: left;width: 76%;}

.schedule-call-option h4 span {background-color: #000;color: #fff;padding: 5px 8px;white-space: nowrap;}

.schedule-call-option a {background-color: #FF5C00;border-radius: 30px;padding: 3px 20px 3px 3px;color: #fff !important;float: left;}

.schedule-call-option a i {

	width: 40px;

    height: 40px;

    line-height: 37px;

    text-align: center;

    border: 2px solid #FF5C00;

    border-radius: 50%;

    font-size: 14px;

    color: #FF5C00;

    background-color: #fff;

    margin-right: 5px;

}

/* Website Development Work Flow */

.webdesign-development-work-flow {padding-top: 60px;}

.webdesign-development-work-flow .why-topazinfotech-content-area {margin-top: 90px;}

.webdesign-development-work-flow .why-topazinfotech-icon svg path {stroke: #fff;}

.webdesign-development-work-flow .why-topazinfotech-content p {text-align: center;}

/* Webdesign Professional Content */

.webdesign-professional-wrap {

	display: flex;

	border-radius: 10px;

	padding: 20px;

	margin-top: 25px;

	min-height: 210px;

	box-shadow: 0px 0px 36px 0px rgba(0, 0, 0, 0.08);

}

.webdesign-professional-content .col-lg-12 .webdesign-professional-wrap {min-height: auto;}

.webdesign-professional-wrap p {

	width: 50px;

	height: 50px;

    color: #fff;

    background-color: #FF5C00;

    margin-bottom: 0;

    text-align: center;

    line-height: 50px;

    border-radius: 50%;

}

.webdesign-professional-wrap span {width: 90%;padding-left: 15px;text-align: justify;}

.webdesign-professional-wrap span strong {font-size: 17px;font-weight: 600;}

/* Webdesign Hire Content */

.webdesign-hire-content {padding-top: 80px;}

.webdesign-hire-image {

	background-image: url(../images/services/web-design/2.png);

	background-repeat: no-repeat;

	background-size: cover;

}

/*.webdesign-hire-image img {position: relative;}*/

.webdesign-hire-text {padding: 50px 15px;color: #fff;text-align: justify;}

.webdesign-hire-text .section-title h3 {font-size: 25px;}

.webdesign-hire-text .section-title h3:after {background-color: #fff;}

.why-hire-content {width: 100%;float: left;border: 1px solid #EBEBEB;}

.webdesign-hire-image {height: 827px;}

.why-hire-point {height: 275px; width: 50%;float: left;border: 1px solid #EBEBEB;padding: 30px;}

.why-hire-point img {margin-bottom: 15px;}

.why-hire-point strong {font-size: 17px;font-weight: 600;display: block;margin-bottom: 8px;}

.why-hire-point p {text-align: justify;}



.social-media-booking {padding: 60px 0;}

.social-media-booking-content {

	padding: 30px 0;

    box-shadow: 0px 0px 36px 0px rgba(0, 0, 0, 0.08);

}

.social-media-booking-content p {text-align: center;color: #6d6d6d;margin-bottom: 25px;}

.social-media-booking-content h4 {font-weight: bold;color: #FF640D;text-align: center;margin-bottom: 10px;}

.social-media-booking-content h4 i {color: #FF640D;padding-right: 5px;}

.social-media-content a, .social-media-booking-content .request-call-btn {

    font-weight: 500;

    border: 1px solid #efefef;

    border-radius: 30px;

    color: #000;

    background-color: #efefef;

    padding: 8px 25px;

    margin: 10px 5px 0 5px;

}

.social-media-booking-content .request-call-btn i {padding-left: 4px;}

.social-media-content a:hover, .social-media-booking-content .request-call-btn:hover {color: #FF640D;background-color: #000;}



.view-portfolio-section {

	background-image: url(../images/services/portfolio-bg.jpg);

	background-repeat: no-repeat;

	background-size: cover;

	padding: 60px 0;

}

.view-portfolio {text-align: center;}

.view-portfolio-btn {

	padding: 10px 20px;

	background-color: #fff;

	border: 1px solid #fff;

	border-radius: 30px;

}

.view-portfolio-btn:hover {background-color: #FF640D;border-color: #FF640D;}

.view-portfolio-btn:hover a {color: #fff !important;}

.view-portfolio-btn a {color: #000000;font-size: 18px;font-weight: 500;}

.view-portfolio-btn a i {padding-left: 5px;}



@media (max-width: 1199px) {

	.webdesign-service-wrap {max-height: 438px;}

    .webdesign-service-wrap p {height: 170px;}

    .schedule-call-option h4 {width: 76%;}

    .webdesign-professional-wrap {min-height: 235px;}

	.webdesign-hire-image {height: 902px;}

	.why-hire-point {height: 300px;}

}

@media (min-width: 992px) {

	.webdesign-banner-section {height: 430px;}

	.webdesign-hire-content .col-lg-3 {padding-right: 0 !important;}

	.webdesign-hire-content .col-lg-9 {padding-left: 0 !important;}

}

@media (max-width: 991px) {

    .service-carousel .owl-prev {left: -4% !important;}

	.service-carousel .owl-next {left: 104% !important;}

	.contact-service a {width: 260px;}

	.schedule-call-option {display: block;text-align: center;}

	.schedule-call-option h4 {margin-bottom: 18px;line-height: 1.8;float: none;width: auto;}

	.schedule-call-option a {margin: auto;float: none;}

	.webdesign-development-section {margin-top: 0;}

	.webdesign-development-section .col-lg-3.col-md-6.col-sm-6 {margin-top: 50px;}

	.webdesign-service-wrap {max-height: 368px;}

    .webdesign-service-wrap p {height: 100px;}

	.webdesign-professional-wrap {min-height: 355px;}

	.webdesign-hire-image {height: auto;}

}

@media (max-width: 767px) {

    .service-carousel .owl-prev {left: -5% !important;}

	.service-carousel .owl-next {left: 105% !important;}

	/*.webdesign-service-wrap h3 {min-height: auto;}*/

	.webdesign-service-wrap {max-height: 388px;}

    .webdesign-service-wrap p {height: 120px;} 

	.contact-service {display: block;text-align: center;}

	.contact-service h4 {margin-bottom: 18px;}

	.contact-service a {margin: auto;}

	.webdesign-professional-wrap {min-height: auto;}

	.webdesign-hire-content {padding-top: 60px;}

	.why-hire-point {width: auto;height: auto;float: none;}

}

@media (max-width: 575px) {

    .webdesign-development-section {padding-top: 30px;padding-bottom: 40px;}

	.webdesign-development-content {padding: 40px 0 30px;}

    .webdesign-service-wrap {max-height: 100%;} 

    .webdesign-service-wrap p {height: auto;}

    .webdesign-service-wrap h3 {min-height: auto;}

	.contact-service, .schedule-call-option {padding: 30px 20px;}

	.webdesign-development-work-flow {padding-top: 40px;}

}

@media (max-width: 480px) {.view-portfolio-btn a {font-size: 16px;}}









/* =====================================================================

                        UI & UX DESIGN PAGE CSS 

========================================================================*/

.ux-design-section {

	background-image: url(../images/services/ux-design/ux-designbg-left.png), url(../images/services/ux-design/ux-designbg-right.png);

	background-repeat: no-repeat;

	background-position: top left,bottom right;

	padding: 60px 0;

}

.ux-design-content {text-align: center;}

.ux-designbg-image {

	background-image: url(../images/services/ux-design/ux-designbg.png);

	background-repeat: no-repeat;

	background-size: cover;

	padding: 40px;

	margin-top: 40px;

}

.ux-point {display: flex;margin-top: 20px;}

.point-image {

	display: block;

	position: relative;

    border: 1px solid #393939;

    border-radius: 50%;

    width: 80px;

    height: 80px;

}

.point-image img {

	width: 50px;

    height: 50px;

	position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

}

.ux-point p {

	color: #fff;

	padding: 26px 0 26px 10px;

	margin-bottom: 0;

}

.ux-design-image {max-height: 500px;}

.ux-design-image img {max-height: 500px;}

/* UI/UX Design Company Section */

.ux-design-company-section {

	background-color: #F9F9F9;

	padding-top: 40px;

	padding-bottom: 60px;

}

.ux-design-company-box {

	background-color: #fff;

	border-top-right-radius: 30px;

	border-bottom-left-radius: 30px;

	box-shadow: 0px 0px 36px 0px rgba(0, 0, 0, 0.08);

	padding: 30px;

	margin-top: 30px;

	min-height: 215px;

	transition: all 0.3s ease 0s;

}

.ux-design-company-box:hover {background-color: #FF640D;color: #fff;}

.ux-design-company-box h5 {font-size: 20px;font-weight: 600;}

.ux-design-company-box p {margin-bottom: 10px;}

.ux-design-company-box span {color: #000;text-decoration: underline;}

.ux-design-company-box:hover span {color: #fff;}

/* Key Element Of UI/UX Section */

.key-element-section {padding-top: 60px;padding-bottom: 30px;}

.key-element-content {display: table;}

.ux-design-service {

	padding: 15px;

	margin-top: 20px;

	margin-left: 10px;

	margin-right: 10px;

	width: 18%;

	min-height: 275px;

	float: left;

	/*min-height: 400px;*/

	background-color: #fff;

	border: 1px solid #EAEAEA;

	text-align: center;

}

.ux-design-service-box {

	position: relative;

	height: auto; 

	margin-top: 10px;

	text-align: center;

	transition: all 0.3s ease 0s;

}

.ux-design-service-img {

	height: 120px;

    vertical-align: middle;

    display: inline-table;

}

.ux-design-service-img p {

	height: 120px;

    display: table-cell;

    vertical-align: middle;

    text-align: center;

}

.ux-design-service-img img {/*width: 120px;*/max-width: 100%;max-height: 100%;}

.ux-design-service-img .img-top {

    display: none;

    position: absolute;

   	top: 42%;

   	left: 50%;

   	transform: translate(-50%, -50%);

}

.ux-design-service:hover .img-top {display: block;transition: all 0.3s ease 0s;}

.ux-design-service:hover {

	border-color: #FF640D; 

	background-color: #FF640D;

	color: #fff;

	border-top-right-radius: 30px;

	border-bottom-left-radius: 30px;

	transition: all 0.3s ease 0s;

}

.ux-design-service .title {font-weight: 500;}



@media (max-width: 1199px) {.ux-design-service {width: 22%;}.ux-design-company-box {min-height: 240px;}}	

@media (max-width: 991px) {.ux-design-image {margin-top: 30px;}.ux-design-service {width: 30%;}}

@media (max-width: 767px) {.ux-design-service {width: 46%;}.ux-design-company-box {min-height: auto;}}

@media (max-width: 575px) {

    .ux-design-service {width: 100%;margin-left: 0;margin-right: 0;}

    .key-element-section {padding-bottom: 0;}

}

@media (max-width: 480px) {

	.ux-point {display: inherit;}

	.point-image {margin: auto;}

	.ux-point p {padding-left: 0;}

}









/* =====================================================================

                        GRAPHICS DESIGN PAGE CSS 

========================================================================*/

.graphic-banner-section {

	background-image: url(../images/services/graphic-design/graphicbanner.jpg);

	background-repeat: no-repeat;

	background-size: cover;

	background-position: center;

	height: 300px;

	position: relative;

	/*z-index: -1;*/

}

.graphic-banner-section .section-title {transform: translateY(160px);}

.graphic-design-section {padding-top: 60px;padding-bottom: 100px;}

.graphic-design-content {display: table;}

.graphic-design-content p {text-align: justify;margin-bottom: 25px;}

.graphic-design-content p span {font-size: 18px;font-weight: 600;font-style: italic;color: #FF640D;}

.graphic-design-image {float: right;padding-left: 25px;max-width: 730px;}	



.graphic-design-service {padding-top: 50px;} 

.graphic-design-service-image {

	background-image: url(../images/services/graphic-design/servicebg-left.png), url(../images/services/graphic-design/servicebg-right.png);

	background-position: top left, bottom right;

	background-repeat: no-repeat;

	text-align: center;

	padding: 40px 0;

	margin-top: 50px;

}

.graphic-design-service .col-lg-6:nth-child(4) .graphic-design-service-image,

.graphic-design-service .col-lg-6:nth-child(8) .graphic-design-service-image,

.graphic-design-service .col-lg-6:nth-child(12) .graphic-design-service-image {background-position: top right, bottom left;}



.graphic-design-service-image img {width: 450px;}

.graphic-design-service-text {padding-top: 150px;}

.graphic-design-service-text p {text-align: justify;}



.hire-content {background-color: #060606b5;text-align: center;padding: 25px;}

.hire-content .section-title h3 {color: #fff;}

.hire-content .tagline {color: #b7b7b7;text-align: center;display: inherit;}

.hire-content p {color: #fff;display: flex;text-align: left;}

.hire-content p i {

    display: block;

    padding-top: 7px;

    transform: rotate(45deg);

    max-height: 30px;

    font-size: 12px;

    color: #FF640D;

}

.hire-content p span {padding-left: 18px;}

.hirebg-image {

	background-image: url(../images/services/graphic-design/hirebg.png);

	background-repeat: no-repeat;

	background-size: cover;

    padding-top: 60px;

    padding-bottom: 60px;

}



@media (max-width: 1199px) {

	.graphic-design-image {float: none;max-width: 100%;padding-left: 0;text-align: center;margin-bottom: 20px;}

}

@media (max-width: 991px) {

	.graphic-banner-section {height: 220px;}

	.graphic-banner-section .section-title {transform: translateY(60px);}

	.graphic-design-service {padding-top: 0;}

	.graphic-design-service-text {padding-top: 50px;}

}

@media (max-width: 575px) {

	.graphic-design-section {padding-bottom: 50px;}

	.graphic-design-service-image {margin-top: 20px;}

	.graphic-design-service .col-lg-6:first-child .graphic-design-service-text {padding-top: 10px;}

	.hirebg-image {padding: 50px 0;}

}









/* =====================================================================

                            FAQ'S SECTION CSS 

========================================================================*/

.seo-faqs-section {padding: 50px 0;}

.accordion-wrap .card {border: 0;border-radius: 0 !important;margin-bottom: 8px;}

.accordion-wrap .card-header {

	padding: 0;

    background-color: #f9f9f9;

    border: none;

}

.accordion-wrap .card-header a {

	font-size: 17px;

	width: 100%;

	padding: 15px 20px;

	color: #212529 !important;

	font-weight: 500;

}

.card-header a[aria-expanded='true'] {background-color: #FF640D;color: #fff !important;}

.card-header a:after {

	content: "";

    float: right;

    color: #ddd;

    border-left: 2px solid #D5D5D5;

    border-bottom: 2px solid #D5D5D5;

    width: 10px;

    height: 10px;

    margin-top: 4px;

    margin-right: 5px;

    transform: rotate(-45deg);

}

.card-header a[aria-expanded='true']:after {

	content: "";

	border-color: #fff;

	margin-top: 9px;

	transform: rotate(135deg);

}

.accordion-wrap .card .card-body {background-color: #FF640D;color: #fff;}

.accordion-wrap .card .card-body ul {margin-bottom: 0;padding-left: 40px;}

.accordion-wrap .card .card-body ul li {list-style: disc;}



@media (max-width: 991px) {.seo-image {margin-top: 10px;}}

@media (max-width: 575px) {

	.media-seo-service-section {padding-top: 30px;}

	.seo-faqs-section {padding-top: 30px;}

	.accordion-wrap .card-header a {font-size: 16px;}

}









/* =====================================================================

                        DIGITAL MARKETING PAGE CSS 

========================================================================*/

.digitalservice-section {padding: 60px 0;}

.digitalservice-content .attach-link {width: 100%;}

.digital-service-box {margin-top: 80px;}

.digital-service-innerbox {

	text-align: center;

	min-height: 228px;

	border-top-left-radius: 80px;

	padding: 15px 20px 20px;

	background-color: #fff;

	box-shadow: 0px 0px 36px 0px rgba(0, 0, 0, 0.08);	

	transition: all 0.3s ease 0s;

}

.digital-service-image {

	position: relative;

	width: 100px;

    height: 100px;

    text-align: center;

    margin: auto;

    margin-top: -62px;

    background-color: #f3f3f3;

    border: 2px solid #f3f3f3;

    border-top-left-radius: 50%;

    border-bottom-left-radius: 50%;

    border-bottom-right-radius: 50%;

}

.digital-service-image img {

	width: 60px;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

}

.digital-service-innerbox h5 {margin-top: 20px;margin-bottom: 15px;font-weight: 600;color: #212529;}

.digital-service-innerbox p {margin-bottom: 0;color: #212529;}

.digital-service-innerbox:hover {background-color: #FF640D;}

.digital-service-innerbox:hover h5, .digital-service-innerbox:hover p {color: #fff;}

.digital-service-innerbox:hover .digital-service-image {border-color: #FF640D;background-color: #fff;box-shadow: 0px 0px 36px 0px rgba(0, 0, 0, 0.08);}



@media (max-width: 1199px) {.digital-service-innerbox {min-height: 253px;}}

@media (max-width: 991px) {.digital-service-innerbox {min-height: 228px;}}

@media (max-width: 767px) {.digital-service-innerbox {min-height: auto;}}

@media (max-width: 575px) {.digitalservice-section {padding: 40px 0;}}









/* =====================================================================

                        ALIBABA SEO PAGE CSS 

========================================================================*/

.alibabaseo-banner-section {

	background-image: url(../images/services/seo/seobanner.jpg);

	background-repeat: no-repeat;

	background-size: cover;

	background-position: center;

	height: 300px;

	position: relative;

	/*z-index: -1;*/

}

.alibabaseo-banner-section .section-title {transform: translateY(160px);}

.alibabaseo-section {padding: 50px 0;}

.alibabaseo-content {text-align: center;}

.alibabaseo-content .tagline {color: #939393;text-align: center;margin-bottom: 25px;}

.alibabaseo-shortcontent {padding-top: 60px;}

.alibabaseo-shortcontent h5 {margin-bottom: 8px;}

.alibabaseo-service-wrap {

	position: relative; 

	margin-top: 30px;

	text-align: center;

}

.alibabaseo-service-image {

	position: relative;

	height: 130px;

	width: 130px;

    vertical-align: middle;

    display: inline-table;

    border-radius: 30px;

    background: linear-gradient(to top left, rgba(255,0,0,0), rgb(255 248 237));

    transition: all 0.3s ease 0s;

}

.alibabaseo-service-image p {

	height: 130px;

    display: table-cell;

    vertical-align: middle;

    text-align: center;

}

.alibabaseo-service-image .img-top {

    display: none;

    position: absolute;

   	top: 50%;

   	left: 50%;

   	transform: translate(-50%, -50%);

}

.alibabaseo-service-wrap:hover .alibabaseo-service-image {background: #FF640D;}

.alibabaseo-service-wrap:hover .title {color: #FF640D;}

.alibabaseo-service-wrap:hover .img-top {

    display: block;

}

.alibabaseo-service-wrap .title {font-weight: 600;font-size: 16px;color: #000;margin-top: 10px;}

/* Alibaba Listing Packages Section */

.alibaba-listing-packages-area {padding: 20px 0 40px;}

.alibaba-listing-packages-area .section-heading .tagline {margin-bottom: 30px;}

.alibaba-listing-packages-area .section-heading p a {color: #FF640D;}

.alibaba-listing-packages-area .section-heading p span {padding: 2px 8px;border-radius: 4px;color: #fff;background-color: #FF640D;}

.alibaba-listing-packages-area .section-heading p span:last-child {background-color: #0753B8;}

.alibaba-listing-packages-area p {text-align: center;}

.alibaba-listing-packages-area .content {margin-bottom: 70px;}

.alibaba-listing-packages {

	background-color: #FF5C00;

    border-radius: 22px;

    overflow: hidden;

    padding: 30px;

	color: #fff;

    margin-bottom: 30px;

    height: 100%;

}

.alibaba-listing-packages.bg-color {background-color: #0753B8;}

.alibaba-listing-packages .price-area {text-align: center;position: relative;margin-bottom: 35px;border-bottom: 1px dashed #fff;padding-bottom: 22px;}

.alibaba-listing-packages .price-area span {

	position: absolute;

    top: -18px;

    left: -76px;

    background-color: #0753B8;

    color: #fff;

    transform: rotate(-45deg);

    width: 160px;

    height: 44px;

    line-height: 44px;

}

.alibaba-listing-packages.bg-color .price-area span {background-color: #FF5C00;}

.alibaba-listing-packages .price-area h5 {font-size: 22px;}

.alibaba-listing-packages .price-area h5 del {display: block;}

.alibaba-listing-packages .price-area h6 {font-size: 18px;}

.alibaba-listing-packages ul {margin-bottom: 30px;}

.alibaba-listing-packages ul li {margin-bottom: 20px;display: flex;}

.alibaba-listing-packages ul li i {

	display: block;

    color: #fff;

    padding-top: 7px;

    transform: rotate(45deg);

    max-height: 30px;

    font-size: 10px;

    margin-right: 12px;

}

.alibaba-listing-packages .order-now-btn {text-align: center;}

.alibaba-listing-packages .order-now-btn a {color: #fff;background-color: #000;padding: 8px 25px;border-radius: 4px;}

.alibaba-listing-packages-area .schedule-call-option h4 {line-height: 1.5;}

.important-disclaimer .section-heading h3 {display: flex;background: #FF5C00;color: #fff;padding: 20px;border-radius: 22px;font-size: 24px !important;}

.important-disclaimer .section-heading h3 i {animation: slide 1s ease-in-out infinite;margin-top: 7px;margin-right: 17px;font-size: 24px;}

.important-disclaimer p {text-align: left;}

@keyframes slide {

    0%, 100% {

        transform: translate(0, 0);

    }

    50% {

        transform: translate(5px, 0);

    }

}

.marquee-strip {background-color: #0753B8;display: flex;margin: 30px 0;}

.marquee-strip marquee {color: #fff;padding: 16px 0;font-size: 18px;}

/* Optimization Section */

.optimization-section {padding: 50px 0 60px;background-color: #F9F9F9;}

.optimization-content .ux-design-company-box {min-height: 152px;}

.optimization-pic {margin-top: -160px;}

.optimization-pic img {border-radius: 10px; box-shadow: 0px 0px 36px 0px rgba(0, 0, 0, 0.08);}

/* Topaz Infotech Help Section */

.topaz-help-section {padding-top: 50px;padding-bottom: 50px;}

.topaz-help-content {text-align: center;}

.topaz-help-content .ux-design-company-box {min-height: 152px;text-align: left;}

.topaz-help-content .tagline {color: #939393;text-align: center;margin-bottom: 25px;}



@media (max-width: 1199px) {.optimization-content .ux-design-company-box, .topaz-help-content .ux-design-company-box {min-height: 178px;}}

@media (max-width: 991px) {

	.alibabaseo-banner-section {height: 220px;}

	.alibabaseo-banner-section .section-title {transform: translateY(60px);}

	.optimization-content .ux-design-company-box {min-height: 228px;}

}

@media (max-width: 767px) {

    .optimization-content .ux-design-company-box {min-height: auto;}

    .alibaba-listing-packages {height: auto;}

}

@media (max-width: 575px) {

    .alibaba-listing-packages-area {padding: 0 0 20px;}

    .alibaba-listing-packages-area .content {margin-bottom: 20px;}

.marquee-strip {margin: 20px 0;}

    .marquee-strip marquee {padding: 10px 0;}

    .alibabaseo-content .row .col-sm-4 {width: 50%;}

}

@media (max-width: 480px) {

	.alibabaseo-section {padding: 30px 0;}

	.optimization-section {padding: 40px 0 40px;}

	.topaz-help-section {padding: 40px 0 20px;}

}







/* =====================================================================

                    ALIBABA MINISITE DESIGN SERVICE PAGE CSS 

========================================================================*/

.minisite-banner-section {

	background-image: url(../images/services/minisite-design/minisitebanner.jpg);

	background-repeat: no-repeat;

	background-size: cover;

	background-position: center;

	height: 420px;

	position: relative;

	/*z-index: -1;*/

}

.minisite-banner-section .section-title {transform: translateY(190px);}

.minisite-design-content {padding-top: 60px;}

.minisite-design-tagline {color: #939393;text-align: center;}

.minisite-design-text {text-align: center;}

.minisite-design-text p {margin-top: 20px;}

.minisite-design-image-content {margin-bottom: 60px;}

.minisite-design-image {box-shadow: 0px 0px 36px 0px rgba(0, 0, 0, 0.08)}



/* Tab Container */

.minisite-tab-container {padding-top: 60px;}

.minisite-tab-container .section-heading {margin-bottom: 50px;}

.minisite-tab-container ul {display: grid;grid-template-columns: repeat(5, 1fr);gap: 20px;}

.minisite-tab-container ul li {text-align: center;}

.minisite-tab-container ul li .icon {

	width: 100px;

    height: 100px;

    line-height: 100px;

    margin: 0 auto 20px;

    background-color: #FFFFFF;

    border-radius: 50%;

    box-shadow: 0 6px 30px 0 rgba(11, 32, 64, .06);

}

.minisite-tab-container ul li h6 {font-size: 16px;font-weight: 400;color: #212529;}

.minisite-tab-container ul li:hover h6 {color: #FF640D;}

.minisite-tab-container ul li:hover .icon {background: linear-gradient(90deg, #FF640D, #ffc09d);}

.minisite-tab-container ul li:hover .icon svg path {fill: #fff;}



/* Why Minisite */

.why-minisite-section {

	background-image: url(../images/services/minisite-design/bg.jpg);

	background-repeat: no-repeat;

	background-size: cover;

	padding: 60px 0;

	margin-top: 60px;

}

.why-minisite-tagline {text-align: center;color: #fff;}

.why-minisite-content {text-align: center;color: #fff;}

.why-minisite-content p {margin-top: 30px;}

.why-minisite-section .ux-design-company-box {min-height: 178px;} 

.career-box {

	padding: 15px 10px;

	margin-top: 20px;

	background-color: #fff;

	box-shadow: 0 2.1px 1.3px rgba(0, 0, 0, 0.044),

    0 5.9px 4.2px rgba(0, 0, 0, 0.054), 0 12.6px 9.5px rgba(0, 0, 0, 0.061),

    0 25px 20px rgba(0, 0, 0, 0.1);

}

.career-inner-box {

	position: relative;

	height: auto; 

	margin-top: 10px;

	text-align: center;

	transition: all 0.3s ease 0s;

}

.career-img {

	height: 120px;

    vertical-align: middle;

    display: inline-table;

}

.career-img p {

	height: 120px;

    display: table-cell;

    vertical-align: middle;

    text-align: center;

}

.career-img img {/*width: 120px;*/max-width: 100%;max-height: 100%;}

.career-img .img-top {

    display: none;

    position: absolute;

   	top: 42%;

   	left: 50%;

   	transform: translate(-50%, -50%);

}

.career-box h5 {font-size: 20px; font-weight: 600;margin-bottom: 20px;}

.career-box p {margin-bottom: 5px;}

.career-box p strong {font-weight: 600;}

.career-box:hover .img-top {display: block;transition: all 0.3s ease 0s;}

.career-box:hover {background-color: #FF640D;transition: all 0.3s ease 0s;color: #fff;}



/* Why Topaz Infotech */

.why-topazinfotech-section {padding-top: 60px;}

.why-topazinfotech-img-col {

	background-image: url(../images/services/minisite-design/why-topaz-dots.png);

	background-repeat: no-repeat;

	background-position: center;

}

.why-topazinfotech-tagline {color: #939393;text-align: center;margin-bottom: 70px;}

.why-topazinfotech-inner-box {

	background-color: #fff;

    box-shadow: 0 6px 30px 0 rgba(11, 32, 64, .06);

    border-radius: 12px;

	margin-bottom: 80px;

    padding: 30px;

    text-align: center;

    transition: all 0.3s ease 0s;

}

.why-topazinfotech-icon {

	width: 80px;

    height: 80px;

    line-height: 80px;

    background-color: #FF640D;

    border-radius: 50%;

    margin: -65px auto 16px auto;

}

.why-topazinfotech-icon svg path {fill: #fff;}

.why-topazinfotech-content .row .col-md-6:nth-last-child(-n + 2) .why-topazinfotech-inner-box {margin-bottom: 0;}

.why-topazinfotech-content p {text-align: justify;}



@media (max-width: 991px) {

	.why-minisite-section .ux-design-company-box {min-height: 226px;}

	.minisite-tab-container ul {grid-template-columns: repeat(3, 1fr);gap: 10px 5px;}

}

@media (max-width: 767px) {

	.why-minisite-section .ux-design-company-box {min-height: auto;}

	.minisite-tab-container ul li a .icon {width: 60px;height: 60px;line-height: 60px;}

	.minisite-tab-container ul li a .icon svg {width: 35px;height: 35px;}

	.minisite-tab-container ul li a h6 {font-size: 14px;}

	.minisite-tab-content .tab-pane h5 {font-size: 18px;}

}

@media (max-width: 575px) {

	.minisite-design-content {padding-top: 30px;}

	.minisite-design-image-content {margin-bottom: 40px;}

	.minisite-tab-container .section-heading {margin-bottom: 25px;}

	.why-minisite-section {margin-top: 40px;padding: 40px 0;}

	.minisite-tab-container {padding-top: 40px;}

	.minisite-tab-container ul {grid-template-columns: repeat(2, 1fr);}

	.why-topazinfotech-section {padding-top: 40px;}

	.why-topazinfotech-inner-box {margin-bottom: 60px;}

}









/* =====================================================================

                ALIBABA ACCOUNT MANAGEMENT SERVICE PAGE CSS 

========================================================================*/

.alibaba-account-management-service .ux-design-company-box h5, .alibaba-account-management-service .ux-design-company-box p {color: #000;}

.alibaba-account-management-service .ux-design-company-box:hover h5, .alibaba-account-management-service .ux-design-company-box:hover p {color: #fff !important;}









/* =====================================================================

                    PRODUCT PACKAGING SERVICE PAGE CSS 

========================================================================*/

.product-packaging-section {padding-top: 60px;padding-bottom: 50px;}

.product-packaging-content {text-align: center;}

.product-packaging-services {margin-top: 50px;}

.product-packaging-services .col-lg-3:nth-child(5) {margin-left: 130px;}

.product-packaging-services h5 {font-size: 25px;margin-bottom: 15px;position: relative;}

.product-packaging-services h5:after {

    content: "";

    position: absolute;

    top: 18px;

    left: 0;

    width: 120px;

    height: 10px;

    background-color: #ff640db0;

    z-index: -1;

}

.product-packaging-services .ux-design-service {

	width: auto;

	float: none;

	min-height: auto;

	border-top-left-radius: 30px;

	border-bottom-right-radius: 30px;

}

.product-packaging-services .ux-design-service:hover {

	border-top-left-radius: 0;

	border-bottom-right-radius: 0;

}

.product-packaging-services .ux-design-service-img,

.product-packaging-services .ux-design-service-img p {height: 100px;}

.product-packaging-services .ux-design-service-img .img-top {max-height: 100px;top: 40%;}



@media (max-width: 1199px) {.product-packaging-services .col-lg-3:nth-child(5) {margin-left: 110px;}}

@media (max-width: 991px) {

    .product-packaging-services .col-lg-3:nth-child(5) {margin-left: 0px;}

    .product-packaging-services .col-lg-3:last-child {margin: auto;}

}

@media (max-width: 575px) {.product-packaging-section {padding-bottom: 30px;}}









/* =====================================================================

                    PRODUCT PACKAGING SERVICE PAGE CSS 

========================================================================*/

.web-domain-section {padding-top: 50px;padding-bottom: 60px;}

.web-domain-section .tagline {color: #939393;}

.section1 {padding-bottom: 60px;}

.web-domain-image {

    box-shadow: 0 2.1px 1.3px rgb(0 0 0 / 4%), 0 5.9px 4.2px rgb(0 0 0 / 5%), 0 12.6px 9.5px rgb(0 0 0 / 6%), 0 25px 20px rgb(0 0 0 / 0%);

}

.section2 {

	background-image: url(../images/services/web-domain/line.png);

	background-repeat: no-repeat;

	background-position: center 110px;

	padding-top: 40px;

}

.section2-text {

	background-color: #FF640D;

	color: #fff;

	padding: 30px 30px 30px 320px;

	border-bottom-right-radius: 50px;

	margin-left: auto;

	width: 75%;

	margin-top: -320px;

}

.section3 {padding-top: 80px;}

.section3-points .col-lg-3:nth-child(5) {margin-left: 145px;}

.webdomain-solution-wrap {

    text-align: center;

    border-top: 3px solid #FF640D;

    border-bottom: 3px solid #FF640D;

    border-radius: 50px;

    padding: 25px 10px;

    height: 215px;

    margin-top: 30px;

}

.webdomain-solution-wrap img {height: 65px;}

.webdomain-solution-wrap p {margin-top: 20px;margin-bottom: 0;}



@media (max-width: 1199px) {

	.section1 {background-image: none;}

	.section2 {background-position: center 90px;padding-top: 0px;}

	.section2-image {width: 420px;}

	.section2-text {padding: 30px 30px 30px 225px;margin-top: -260px;}

    .section3-points .col-lg-3:nth-child(5) {margin-left: 120px;}

    .webdomain-solution-wrap {height: 240px;}

}

@media (max-width: 991px) {

	.web-domain-section {padding-bottom: 20px;}

	.web-domain-image {text-align: center;}

	.section2 {background-image: none;}

	.section3 {padding-top: 50px;}

	.section2-image {width: auto;text-align: center;}

	.section2-text {margin-top: 25px;width: auto;padding: 30px;}

    .section3-points .col-lg-3:nth-child(5) {margin-left: 0;}

    .section3-points .col-lg-3:last-child {margin: auto;}

}

@media (max-width: 575px) {

	.web-domain-section {padding-bottom: 30px;}

	.section1 {padding-bottom: 0;}

    .webdomain-solution-wrap {height: auto;}

}











/* =====================================================================

                            SEO PAGE CSS 

========================================================================*/

.seo-section {padding: 50px 0;}

.seo-services-text {text-align: justify;}

.seo-image {text-align: center;margin-top: 70px;}

.seo-service-wrap {background-color: #f9f9f9a6; border: 1px solid #DE8C14;margin-top: 50px;padding: 30px;}

.seo-service-wrap1 {border-top-right-radius: 50px;border-bottom-left-radius: 50px;}

.seo-service-wrap2 {border-top-left-radius: 50px;border-bottom-right-radius: 50px;}

.seo-service-wrap .section-title h3 {color: #212529;font-size: 25px;}

.seo-service-wrap .section-title h3:after {background-color: #DE8C14;}

.seo-service-wrap p {color: #212529;text-align: justify;}

/* SEO Agency Section */

.seo-agency-section {padding-top: 20px;}

/* Media SEO Services Section */

.media-seo-service-section {background-color: #F9F9F9;padding-top: 60px;padding-bottom: 60px;}

.media-seo-service-section .tagline {color: #939393;text-align: center;}

.media-seo-service-wrap {margin-top: 40px;}

.media-seo-service-title {

    border: 1px solid #d48718;

	background-color: #F1F1F1;

	width: 240px;

    padding-left: 13px;

    padding-right: 13px;

    padding-bottom: 40px;

    padding-top: 8px;

}

.media-seo-service-title p {font-size: 17px;font-weight: 600;margin-bottom: 0;}

.media-seo-service-text {

	background-color: #fff;

    box-shadow: 0 2.1px 1.3px rgb(0 0 0 / 4%), 0 5.9px 4.2px rgb(0 0 0 / 5%), 0 12.6px 9.5px rgb(0 0 0 / 6%), 0 25px 20px rgb(0 0 0 / 0%);

    padding: 20px;

    margin-top: -30px;

    margin-left: 13px;

    text-align: justify;

}

.media-seo-service-text p:nth-child(2) {margin-bottom: 0;}



@media (max-width: 991px) {.seo-image {margin-top: 10px;}}

@media (max-width: 575px) {

	.media-seo-service-section {padding-top: 30px;}

}









/* =====================================================================

                        CONTENT MARKETING PAGE CSS 

========================================================================*/

.content-marketing-section {padding: 60px 0;}

.content-marketing-text p {text-align: justify;}

.content-service-section {padding-bottom: 20px;}

.content-service-wrap {margin-top: 50px;}

.content-service-title {position: relative;}

.content-service-title:after {

    content: "";

    position: absolute;

    top: -3px;

    left: -10px;

    width: 50px;

    height: 40px;

    background-color: #de8c148c;

    z-index: -1;

}

.content-service-title p {font-size: 22px;font-weight: 600;}

.content-service-text p {text-align: justify;}

.content-service-image {margin-top: 50px;}

.content-different-section {padding: 50px 0;}

.content-different-wrap {

	box-shadow: 0 5px 50px rgb(0 0 0 / 15%);

    border-radius: 10px;

    min-height: 250px;

    text-align: center;

    padding: 20px;

    margin-top: 20px;

    transition: all 0.3s ease 0s;

}

.content-different-wrap:hover {transform: scale(1.1);}

.content-different-wrap img {

	width: 100px;

    height: 100px;

}

.content-different-wrap p {font-size: 20px;margin-bottom: 0;margin-top: 15px;}



@media (max-width: 991px) {

	.content-service-section .col-lg-6:first-child .content-service-wrap {margin-top: 20px;}

	.content-service-image {margin-top: 10px;}

}

@media (max-width: 575px) {

	.content-service-section {padding-bottom: 0;}

	.content-different-wrap:hover {transform: none;}

}

.accordion-wrap .number-list li {list-style: decimal !important;}









/* =====================================================================

                        EMAIL MARKETING PAGE CSS 

========================================================================*/

.email-marketing-section {padding: 60px 0;}

.email-marketing-content .text {text-align: center;}

.email-marketing-text {text-align: justify;}

.email-reason-point {

	border-top: 5px solid #FF640D;

	border-radius: 50%;

	text-align: center;

	margin-top: 20px;

	padding: 50px;

}

.email-reason-point img {height: 80px;}

.email-reason-point p {margin-top: 20px;margin-bottom: 0;}

.why-choose-email-marketing .text {text-align: center;}

@media (max-width: 1199px) {.email-reason-point {padding: 28px;}}

@media (max-width: 991px) {.email-marketing-image {margin-top: 20px;}}

@media (max-width: 767px) {.email-reason-point {padding: 40px;}}

@media (max-width: 575px) {

	.email-reason-point {padding: 50px;max-width: 255px;margin: auto;margin-top: 20px;}

}









/* =====================================================================

                        SOCIAL MEDIA MARKETING PAGE CSS 

========================================================================*/

.social-media-section {padding: 60px 0;}

.social-media-image {

	max-width: 550px;

    float: right;

    margin-left: 40px;

    margin-bottom: 20px;

    margin-top: 25px;

	background-color: #FF640D;

}

.social-media-image img {transform: translate(-10px, -10px);}

.social-media-content p {text-align: justify;}

.social-media-content a, .social-media-booking-content .request-call-btn {

    font-weight: 500;

    border: 1px solid #efefef;

    border-radius: 30px;

    color: #000;

    background-color: #efefef;

    padding: 8px 25px;

    margin-top: 10px;

}

.social-media-content a:hover, .social-media-booking-content .request-call-btn:hover {color: #FF640D;background-color: #000;}

.socialmedia-service-box {margin-top: 80px;}

.socialmedia-service-innerbox {

	border: 1px solid #fff;

    text-align: center;

    min-height: 335px;

    border-top-left-radius: 80px;

    border-bottom-right-radius: 80px;

    padding: 15px;

    background-color: #fff;

    box-shadow: 0px 0px 36px 0px rgba(0, 0, 0, 0.08);

    transition: all 0.3s ease 0s;

}

.socialmedia-service-innerbox h5 a {color: #212529;}

.socialmedia-service-image {

    width: 150px;

    height: 150px;

    text-align: center;

    margin: auto;

    margin-top: -62px;

}

.socialmedia-service-innerbox:hover {transform: scale(1.1);}

.social-media-booking {padding: 60px 0;}

.social-media-booking-content {

	padding: 30px 0;

    box-shadow: 0px 0px 36px 0px rgba(0, 0, 0, 0.08);

}

.social-media-booking-content p {text-align: center;color: #6d6d6d;margin-bottom: 25px;}

.social-media-booking-content h4 {font-weight: bold;color: #FF640D;text-align: center;margin-bottom: 10px;}

.social-media-booking-content h4 i {color: #FF640D;padding-right: 5px;}



@media (max-width: 1199px) {.socialmedia-service-innerbox {min-height: 385px;}}

@media (max-width: 991px) {

	.social-media-image {

		max-width: 100%;

		float: none;

		margin-left: 0;

		margin-top: 0;

		margin-bottom: 40px;

	}

}

@media (max-width: 767px) {

    .socialmedia-service-section .col-lg-4:first-child .socialmedia-service-box {margin-top: 50px;}

    .socialmedia-service-innerbox {min-height: auto;}

}

@media (max-width: 575px) {

	.social-media-section {padding-top: 50px;}

	.social-media-booking {padding-top: 40px;}

	.socialmedia-service-innerbox:hover {transform: none;}

}









/* =====================================================================

                        AMAZON PAGE CSS 

========================================================================*/

.amazon-services-section {padding: 50px 0;}

.amazon-services-section .ux-design-company-box {min-height: 180px;}

.amazon-services-section .ux-design-company-box h5, .amazon-services-section .ux-design-company-box p {color: #212529;}

.amazon-services-section .ux-design-company-box:hover h5, .amazon-services-section .ux-design-company-box:hover p {color: #fff !important;}



@media (max-width: 1199px) {

	.amazon-services-section .ux-design-company-box {min-height: 205px;}

}

@media (max-width: 991px) {

	.amazon-services-section .ux-design-company-box {min-height: 280px;}

}

@media (max-width: 767px) {

	.amazon-services-section .ux-design-company-box {min-height: auto;}

}









/* =====================================================================

                        PSD TO HTML SERVICE PAGE CSS 

========================================================================*/

.psdtohtml-section {padding: 60px 0;}

.psdtohtml-design-tagline {color: #939393;text-align: center;}

.psdtohtml-design-text {text-align: center;}

.psdtohtml-design-text p {margin-top: 20px;}



.psdtohtml-box {

	padding: 15px;

	margin-top: 20px;

	min-height: 400px;

	background-color: #fff;

	border: 1px solid #ebebeb;

	text-align: center;

}

.psdtohtml-inner-box {

	position: relative;

	height: auto; 

	margin-top: 10px;

	text-align: center;

	transition: all 0.3s ease 0s;

}

.psdtohtml-img {

	height: 120px;

    vertical-align: middle;

    display: inline-table;

}

.psdtohtml-img p {

	height: 120px;

    display: table-cell;

    vertical-align: middle;

    text-align: center;

}

.psdtohtml-img img {/*width: 120px;*/max-width: 100%;max-height: 100%;}

.psdtohtml-img .img-top {

    display: none;

    position: absolute;

   	top: 42%;

   	left: 50%;

   	transform: translate(-50%, -50%);

}

.psdtohtml-box h5 { font-size: 20px; font-weight: 600;}

.psdtohtml-box:hover .img-top {display: block;transition: all 0.3s ease 0s;}

.psdtohtml-box:hover {border-color: #FF640D;transition: all 0.3s ease 0s;}

.psdtohtml-box:hover h5 {transition: all 0.3s ease 0s;color: #FF640D;}



.psdtohtml-portfolio {padding: 50px 0;}

.psdtohtml-portfolio .portfolio-wrap {margin-top: 0;}

.psdtohtml-portfolio .portfolio-image {position: relative;}

.psdtohtml-portfolio .portfolio-image:after {

    content: "";

    position: absolute;

    top: -28px;

    right: -28px;

    width: 80px;

    height: 80px;

    background-color: #ffffffd1;

    border-radius: 50%;

    box-shadow: 0px 0px 36px 0px rgba(0, 0, 0, 0.08);

}



.psdtohtml-service-section {

	background-image: url(../images/services/psd-to-html/left-line.png), url(../images/services/psd-to-html/right-line.png);

	background-repeat: no-repeat;

	background-position: top left,right bottom;

	background-color: #FF640D;

	padding: 60px 0;

}

.psdtohtml-service-section .section-title h3 {color: #fff;font-size: 28px;}

.psdtohtml-service-section .section-title h3:after {background: #fff;}

.psdtohtml-service-text {text-align: center;color: #fff;}

.psdtohtml-service-text p {margin-top: 25px;}

.html-service-content {padding-top: 60px;}

.html-service-content .section-title h3 {color: #fff;font-size: 28px;}

.html-service-content .section-title h3:after {content: none;}

.html-service-content .col-lg-4 {padding-left: 0 !important;padding-right: 0 !important;}

.htmlservice-box {

	padding: 15px;

	background-color: #fff;

	text-align: center;

}

.htmlservice-box1 {background-color: #f9f9f9 !important;}

.htmlservice-inner-box {

	position: relative;

	height: auto; 

	margin-top: 10px;

	text-align: center;

	transition: all 0.3s ease 0s;

}

.htmlservice-img {

	height: 120px;

    vertical-align: middle;

    display: inline-table;

}

.htmlservice-img p {

	height: 120px;

    display: table-cell;

    vertical-align: middle;

    text-align: center;

}

.htmlservice-img img {/*width: 120px;*/max-width: 100%;max-height: 100%;}



.why-us-section {padding: 60px 0;}

.why-us-image {max-height: 535px;margin-top: 10px;}

.why-us-image img {min-height: 535px;}

.whyus-point {position: relative;margin-top: 10px;padding-left: 25px;}

.whyus-point p {

	border: 5px solid #fff;

	color: #fff;

	background-color: #FF640D;

	height: 50px;

	width: 50px;

	margin-bottom: 0;

	text-align: center;

	line-height: 42px; 

	border-radius: 50%;

	position: absolute;

	top: 50%;

	transform: translate(-50%, -50%);

}

.whyus-point .point {

	background-color: #f9f9f9;

    padding: 20px 15px 20px 40px;

    border-radius: 10px;

}



@media (max-width: 991px) {

	.psdtohtml-banner-section {height: 220px;}

	.psdtohtml-banner-section .section-title {transform: translateY(60px);}

	.why-us-section {padding: 30px 0 0;}

	.why-us-image {max-height: initial;}

	.why-us-image img {min-height: auto;}

}

@media (max-width: 575px) {

	.psdtohtml-section {padding: 40px 0;}

	.psdtohtml-portfolio {padding: 40px 0;}

	.psdtohtml-portfolio .portfolio-wrap {margin-top: 20px;}

}

@media (max-width: 480px) {.html-service-content {padding-top: 30px;}}









/* =====================================================================

                    WORDPRESS DEVELOPMENTSERVICE PAGE CSS 

========================================================================*/

.wordpress-development-section {padding: 60px 0;}

.wordpress-development-row {

	background-image: url(../images/services/wordpress-development/square-pattern.png);

	background-repeat: no-repeat;

	background-position: center 470px;

	padding-bottom: 60px;

}

.wordpress-development-tagline {color: #939393;}

.wordpress-development-text {

	text-align: justify;

    background-color: #fff;

    padding: 30px 30px 30px 30px;

    min-width: 750px;

    box-shadow: 0px 0px 36px 0px rgba(0, 0, 0, 0.08);

    z-index: 1;

}

.wordpress-development-text p:last-child {margin-bottom: 0;}

.wordpress-development-image-col {z-index: -1;}



.wordpress-service-content {background-color: #FF640D;padding: 60px 0;min-height: 500px;}

.wordpress-service-content .section-title h3 {color: #fff;font-size: 28px;}

.wordpress-service-content .section-title h3:after {background: #fff;}

.wordpress-service-text {text-align: center;color: #fff;}

.wordpress-service-image {

	background-image: url(../images/services/wordpress-development/bg-pattern.png);

	background-repeat: no-repeat;

	background-position: center 120px;

	text-align: center;

	margin-top: -170px;

	padding-bottom: 60px;

}

.wordpress-service-image img {box-shadow: 0px 0px 36px 0px rgba(0, 0, 0, 0.08);}

.wordpress-service-offer {padding: 50px 0;}

.left-col {border-right: 1px solid #e7e7e7;padding-right: 0;}

.right-col {padding-left: 0;}

.service-offer {

	position: relative;

    padding: 20px 30px;

    border-radius: 50px;

    background-color: #f9f9f9;

    max-width: 320px;

    margin-left: 162px;

    text-align: right;

}

.service-offer p {margin-bottom: 0;}

.service-offer:before {

	content: '';

    position: absolute;

    border-bottom: 1px solid #e7e7e7; 

    width: 25%;

    top: 50%;

    left: 100%;

    text-align: center;

    right: 0;

    transform: translate(-15%, -50%);

    z-index: -1;

}

.service-offer:after {

	content: '';

	position: absolute;

	width: 18px;

	height: 18px;

	border-radius: 50%;

	background-color: #FF640D;

	top: 50%;

	left: 117%;

	transform: translate(50%, -50%);

}

.service-offer1 {text-align: left;margin-left: 59px !important;}

.service-offer1:before {left: -17%;}

.service-offer1:after {left: -29%;}



.our-wordpress-service {padding-top: 60px;padding-bottom: 40px;}

.service-point-content {background-color: #F9F9F9;padding: 30px 30px 0 30px;}

.service-point {background-color: #FF640D;color: #fff;padding: 30px;margin-left: -200px;margin-top: 60px;}

.service-point p {display: flex;}

.service-point p i {display: block;padding-top: 8px;transform: rotate(45deg);max-height: 30px;font-size: 12px;}

.service-point p span {padding-left: 25px;}



@media (max-width: 1199px) {

	.wordpress-development-image {text-align: center;margin-top: 20px;}

	.service-offer {margin-left: 72px;}

}

@media (max-width: 991px) {

	.wordpress-development-row {background-image: none;padding-bottom: 0;}

	.wordpress-development-text {min-width: auto;}

	.wordpress-service-content {padding: 40px 0;min-height: auto;}

	.wordpress-service-image {background-image: none;padding-bottom: 0;margin: 30px 0;}

	.service-offer {margin-left: 0;max-width: 279px;}

	.service-offer1 {margin-left: 47px !important;}

	.our-wordpress-image {max-width: 400px;margin: auto;}

	.service-point {margin-left: 0;margin-top: 0;}

}

@media (min-width: 992px) {

	.our-service-left-col {padding-right: 0 !important;}

	.our-service-right-col {padding-left: 0 !important;}

}

@media (max-width: 767px) {

	.left-col, .right-col {border-right: none;}

	.service-offer {

		text-align: center;

		margin-left: auto !important;

		margin-right: auto !important;

		margin-top: 10px;

		max-width: 350px;

	}

}

@media (max-width: 575px) {

	.wordpress-development-section {padding: 40px 0 30px;}

	.service-offer:before, .service-offer:after {content: none;}

	.service-point {padding: 15px;}

	.our-wordpress-service {padding-top: 0;padding-bottom: 0;}

	.service-point-content {padding: 30px 10px 0 10px;}

}









/* =====================================================================

                    SHOPIFY DEVELOPMENT SERVICE PAGE CSS 

========================================================================*/

.spoifyimg{

	background-image: none !important;

	padding-bottom: 0 !important;

}

.spoify-text{

	min-width: auto !important;

}

.sopify-content{

	background-color: #E9EBF0 !important;

	min-height: auto !important;

}

.sopify-content .section-title h3{

	color: #000 !important;

}

.sopify-content .section-title h3:after{

	background-color: #FF640D !important;

}

.sopify-content  p{

	color: #000 !important;

}

.whychoosesection{

    padding-top: 60px;

	padding-bottom: 60px;

	text-align: center;



}

.whychmain{

	border:1px solid #95BE46;

	padding-top: 40px;

	border-top-left-radius: 30px;

	border-bottom-right-radius: 30px;

}

.whychoose-content{

	padding-top:40px;

	padding-bottom:30px;

}

.whychoose-content h5{

	padding-top: 15px;

}

.whychoose-title h3{

    text-align: center !important;

	font-size:28px !important;		

}

.whychoose-title h3:after{

    background-color:#0073AA !important;

}

.whychoose-title h3:after, .benefits-title h3:after{

	text-align: center !important;

	left: 50% !important;

	margin-left: -50px !important;

}



/* shopify portfolio */

.shopify-portfolio {padding-top: 50px;padding-bottom: 0;}



/*benifits section css start*/

.benefits-title h3{

	text-align: center !important;

	font-size:28px !important;

}

.benefits-title {

	padding-bottom: 30px;

}

.benefits-icon i {

	font-size: 112px;

	color: #0073AA;

}

.benefits-icon{

/*	background-color:#CECECE;*/

	padding: 18px;

}

.benefits-content {

    height: 426px;

	border-radius: 10px;

	border: 1px solid #0073AA;

	border-bottom: 5px solid #0073AA;

	overflow: hidden;

	text-align: center;

}

.benefits-details {

	padding: 40px 15px;

	position: relative;

}

.benefits-details:before{

	content: '';

	position: absolute;

	width: 80%;

	height: 1px;

	top: 0%;

	left: 50%;

	transform: translate(-50%);

	background-color: #95BE46;

}

.benefits-details h5{

	margin-bottom: 20px;

	font-size: 22px;

	font-weight: 600;

}

.benefits-details p {margin-bottom: 0;}

.benefits-section-main{

	padding-bottom: 50px;

}

/*benifits section css and*/

/*form section start*/

.shopify-formtitle h3{

	font-size: 28px !important;

	text-align: center !important;

}

.shopify-formtitle h3:after{

	background-color: #FF640D !important;

    text-align: center !important;

    left: 50% !important;

    margin-left: -50px !important;

    font-weight: 600;

}

.shpify-form-section{

	padding-top: 50px;

	padding-bottom: 50px;

}

.callcontact{

	color: #000;

	text-align: center;

	font-size: 18px;

	font-weight: 600;

}

.callcontact a{

	color: #000;

}

.shopify-contact .form-control{

    height: 46px;

    font-size: 14px;

}

.shopify-contact textarea {

    height: auto !important;

    padding-top: 14px;

}

.shopify-contact .form-control:focus{

	border-color: #95BE46;

	box-shadow:none;

}

.shopify-contact{

	padding-top: 30PX;

}

.submit-btn-s{

	width: 160px;

	height: 35px;

	background-color: #ffff;

	color: #000;

	font-weight: 600;	

	border-color: #95BE46;

}

.submit-btn-s:hover{

background-color: #0073AA;	

color: #ffff;

border-color: #0073AA;

}

/*form section and*/

/*responsive start*/

@media (max-width: 1199px){

	.spoifyimg-decor{

		margin-top: 98px !important;

	}

	.destopview{

		left: 30%;

	}

	.tablateview{

		top: 32%;

		left: 59%;

	}

	.mobileview{

		top: 47%;

		left: 30%;

	}

	.benefits-content{

		height: 450px;

	}

}

@media(max-width: 1099px){



}

@media (max-width: 999px){

	.spoifyimg-decor{

		margin-top: 20px !important;

	}

	.destopview{

		top: 4%;

		left: 25%;

	}

	.tablateview{

	top: 30%;

	left: 63%;

	}

	.mobileview{

		top: 45%;

		left: 25%;

	}

	.carousel-control-prev i{

			top: 40%;

	}

	.carousel-control-next i{

		top: 40%;

	}

	.benefits-content{

		margin-bottom: 20px;

		height: auto;

	}

}

@media (max-width: 767px){

	.destopview{

		width: 340px !important;

		left: 19%;

		top: 11%;

	}

	.tablateview{

		max-width: 125px !important;

		left: 65%;

		top: 43%;

	}

	.mobileview{

		width: 57px !important;

		top: 52%;

		left: 20%;

	}

	.shopify-carousel {

		height: 350px;

	}

	.benefits-content{

		height: 426px;

	}

}

@media (max-width: 575px){

	.shopify-carousel {

		height: 300px;

	}

	.carousel-control-next i{

		width: 27px;

		height: 27px;

		padding-top: 5px;

	}

	.fa-angle-right:before{

		font-size: 14px;

	}

	.carousel-control-prev i{

		width: 27px;

		height: 27px;

		padding-top: 5px;

		left: 49%;

	}

	.fa-angle-left:before{

		font-size: 14px;

	}

	.tablateview{

		top: 49%;

	}

	.mobileview{

		top: 59%;

	}

	.benefits-content{

		height: auto;

	}

	.project-title h3{

		font-size: 25px !important;

	}

	.whychoose-title h3{

		font-size: 25px !important;

	}

	.benefits-title h3{

		font-size: 25px !important;

	}

	.shopify-formtitle h3{

		font-size: 25px !important;

	}

	.shopify-formtitle h3{

		font-size: 25px !important;

	}

	.benefits-content{

		height: auto;

	}

	.shopify-portfolio {padding-top: 20px;}

	.whychoosesection {padding: 40px 0;}



}

@media (max-width: 530px){

	.destopview{

		max-width: 291px !important;

	}

	.tablateview{

		max-width: 99px !important;

		left: 63%;

		top: 46%;

	}

	.mobileview{

		width: 45px !important;

		top: 54%;

	}

}

@media(max-width: 470px){

	.shopify-carousel {

		height: 246px;

	}

	.destopview{

		max-width: 273px !important;

		left: 19%;

		top: 7%;

	}

	.tablateview{

		max-width: 90px !important;

	}

	.mobileview{

		max-width: 50px !important;

		top: 54%;

		left: 20%;

	}

}

@media(max-width: 440px){

		.destopview{

			max-width: 250px !important;

		}

		.tablateview{

			max-width: 80px !important;	

			left: 67%;

			top: 46%;

		}

		.mobileview{

			max-width: 40px !important;

			top: 51%;

		}

}

@media(max-width: 391px){

		.destopview{

			max-width: 235px !important;

			left: 17%;

		}

		.tablateview{

			max-width: 70px !important;	

			left: 68%;

			top: 46%;

		}

		.mobileview{

			max-width: 35px !important;

			top: 51%;

			left: 18%;

		}

}

@media(max-width: 366px){

		.destopview{

			max-width: 220px !important;

			left: 15%;

			top: 16%;

		}

		.tablateview{

			max-width: 70px !important;	

			left: 68%;

			top: 50%;

		}

		.mobileview{

			max-width: 35px !important;

			top: 55%;

			left: 18%;

		}

}

/*responsive and*/









/* =====================================================================

                        ANGULARJS SERVICE PAGE CSS 

========================================================================*/

.angularjs-section .psdtohtml-box {

	box-shadow: 2px 2px 8px 4px rgb(0 0 0 / 5%);

    border: 1px solid #fff;

}

.angularjs-section .free-quotebtn {

	font-weight: 500;

    border: 1px solid #efefef;

    border-radius: 30px;

    color: #000;

    background-color: #efefef;

    padding: 8px 25px;

    margin-top: 50px;

}

.angularjs-section .free-quotebtn:hover {color: #FF640D;background-color: #000;}

.angular-image {margin-top: 30px;text-align: center;}

.whychoose-angular-section .whyus-point:first-child {margin-top: 30px;}

.whychoose-angular-section .whyus-point {margin-top: 10px;}

.whychoose-angular-section .whyus-point p {margin-bottom: 0;}

.whychoose-angular-section .whyus-point .point {border: 1px solid #FF640D;}

.angularjs-section .col-lg-4:nth-child(4) {margin-left: 17%;}



@media (max-width: 1199px) {

	.angularjs-section .psdtohtml-box {min-height: 435px;}

}

@media (max-width: 991px) {

	.angularjs-section .col-lg-4:nth-child(4) {margin-left: 0;}

	.angularjs-section .col-lg-4:nth-child(5) {margin-left: 25%;}

	.angularjs-section .psdtohtml-box {min-height: 410px;}

	.angular-image {margin-top: 10px;}

}

@media (max-width: 767px) {

	.angularjs-section .col-lg-4:nth-child(5) {margin-left: 0;}

	.angularjs-section .psdtohtml-box {min-height: auto;}

}

@media (max-width: 575px) {

	.angularjs-section {padding-bottom: 40px;}

	.angularjs-social-media-booking {padding-bottom: 30px !important;}

}









/* =====================================================================

                    LARAVEL WEB DEVELOPMENT SERVICE PAGE CSS 

========================================================================*/

.laravel-development-section {padding: 60px 0;}

.laravel-development-image {background-color: #FF2D20;padding: 15px;}

.laravel-development-content {padding-top: 30px;}

.laravel-development-tagline {color: #939393;}

.laravel-development-text {text-align: justify;}



.laravel-development-section1 {

	background-image: url(../images/services/laravel-development/2.jpg);

	background-repeat: no-repeat;

	background-size: cover;

	padding: 50px 0;

}

.laravel-section1-text .section-title h3 {color: #fff;font-size: 28px;}

.laravel-section1-text .section-title h3:after {background: #fff;}

.laravel-section1-text p {color: #fff;margin-bottom: 25px;text-align: justify;}

.laravel-section1-point p {display: flex;}

.laravel-section1-point p i {display: block;padding-top: 5px;}

.laravel-section1-point p span {padding-left: 15px;}



.laravel-development-section2 {background-color: #F9F9F9;padding: 50px 0;}

.laravel-section2-tagline {text-align: center;}

.laravel-section2-point {padding-bottom: 50px;}

.laravel-section2-box {

	border-left: 3px solid #FF2D20;

	border-top: 1px solid #E8E8E8;

	border-right: 1px solid #E8E8E8;

	border-bottom: 1px solid #E8E8E8; 

	background-color: #fff;

	min-height: 160px;

	padding: 15px;

	margin-top: 20px;

	transition: all 0.3s ease 0s;

}

.laravel-section2-box p {margin-bottom: 0;}

.laravel-section2-box:hover {border-color: #FF2D20;background-color: #FF2D20;color: #fff;}



.laravel-service-section {background-color: #FF2D20;padding: 20px;}

.laravel-service-content {padding: 30px;}

.laravel-service-content .section-title h3 {color: #fff;font-size: 28px;}

.laravel-service-content .section-title h3:after {background: #fff;}

.laravel-service-point p {display: flex;color: #fff;}

.laravel-service-point p i {display: block;padding-top: 5px;font-size: 15px;}

.laravel-service-point p span {padding-left: 15px;}



@media (min-width: 992px) and (max-width: 1199px) {

	.laravel-development-section1 {background-position: center;}

}

@media (max-width: 575px) {.laravel-development-section {padding-top: 40px;}}

@media (max-width: 480px) {.laravel-service-content {padding: 0;}}









/* =====================================================================

                    OPENCART WEB DEVELOPMENT SERVICE PAGE CSS 

========================================================================*/

.opencart-development-section {

	background-image: url(../images/services/opencart-development/1.png);

	background-repeat: no-repeat;

	background-size: cover;

	padding: 60px 0;

}

.opencart-development-content {text-align: center;}

.opencart-development-image {max-width: 600px;margin: auto;}



.opencart-customization-section {padding: 60px 0;}

.opencart-customization-tagline {text-align: center;}

.opencart-customization-box {

	position: relative;

	min-height: 130px;

	border-radius: 10px;

	padding: 5px 23px;

	margin-top: 25px;

	overflow: hidden;

	box-shadow: 0px 0px 36px 0px rgba(0, 0, 0, 0.08);

}

.opencart-customization-box p {

    font-size: 25px;

    color: #fff;

    font-weight: lighter;

}

.opencart-customization-box p:after {

	content: "";

    position: absolute;

    top: -65px;

    left: -15px;

    width: 100px;

    height: 100px;

    background: #FF640D;

    border-radius: 20px;

    transform: rotate(45deg);

    text-align: center;

    z-index: -1;

}



.opencart-service-section {padding: 60px 0;background-color: #F6F5FA;}

.opencart-service-point {margin-top: 30px;}

.opencart-service-point p {display: flex;background-color: #fff;border-radius: 5px;padding: 10px;}

.opencart-service-point p i {display: block;padding-top: 4px;color: #FF640D;}

.opencart-service-point p span {padding-left: 10px;}

.opencart-service-point p:hover {color: #fff;background-color: #FF640D;}

.opencart-service-point p:hover i {color: #fff;}



@media (max-width: 575px) {

	.opencart-development-section {padding-top: 40px;}

	.opencart-customization-section {padding-top: 0;}

}









/* =====================================================================

                        PORTFOLIO PAGE CSS 

========================================================================*/

.portfolio-banner-section {

	background-image: url(../images/portfolio/portfoliobanner.jpg);

	background-repeat: no-repeat;

	background-size: cover;

	height: 380px;

	position: relative;

	/*z-index: -1;*/

}

.portfolio-banner-section .section-title {transform: translateY(180px);}

.portfolio-section {padding-bottom: 60px;}

.filter {transform: translateY(-22px); justify-content: center;}

.filter li {background-color: #fff;margin: 2px;text-align: center;border-radius: 30px;box-shadow: 0 2.1px 1.3px rgba(0, 0, 0, 0.044),

    0 5.9px 4.2px rgba(0, 0, 0, 0.054), 0 12.6px 9.5px rgba(0, 0, 0, 0.061),

    0 25px 20px rgba(0, 0, 0, 0.1);}

.filter li a {

	display: block; 

	padding: 10px 11px;

	font-size: 15px;

	font-weight: 500;

	letter-spacing: 1px;

	color: #000;

	text-decoration: none;

}

.filter li .active {background-color: #F65807;color: #fff !important;border-radius: 30px;}

.portfolio-content {margin-top: 30px;}

.portfolio-wrap {position: relative;margin-top: 50px;border: 1px solid #cfd9e0;}

.portfolio-image {position: relative;text-align: center;overflow: hidden;}

.portfolio-image1 {position: relative;}

.portfolio-image1 .image-rounded {

    width: 40px;

    height: 40px;

    line-height: 38px;

    position: absolute;

    bottom: -8px;

    left: -21px;

    background-color: #fff;

    border-radius: 50%;

    z-index: 1;

    box-shadow: 7px 11px 20.16px 0.84px rgb(0 0 0 / 12%);

}

.portfolio-image .image-rounded img {

    position: absolute;

    top: 6px;

    right: 6px;

    z-index: 1;

}

#menu6 .portfolio-image:after {

    content: "";

    position: absolute;

    top: -28px;

    right: -28px;

    width: 70px;

    height: 70px;

    background-color: #ffffffd1;

    border-radius: 50%;

    box-shadow: 

    0px 0px 36px 0px rgba(0, 0, 0, 0.08);

}

.portfolio-image:hover .image-rounded img {

    transform: none;

}

#menu1 .portfolio-image:after {

    content: "";

    position: absolute;

    top: -28px;

    right: -28px;

    width: 80px;

    height: 80px;

    background-color: #ffffffd1;

    border-radius: 50%;

    box-shadow: 

    0px 0px 36px 0px rgba(0, 0, 0, 0.08);

}

.portfolio-image:hover img {transform: scale(1.1);transition: all 0.5s ease 0s;}

.portfolio-image:hover .lang-img {transform: none;}

.portfolio-image .lang-img {

    position: absolute;

    top: 6px;

    right: 6px;

    z-index: 1;

}

.portfolio-wrap h3 {border-top: 1px solid #dcdcdc; font-size: 16px;color: #212529;text-align: center;padding: 12px 0;margin-bottom: 0;}

.portfolio-wrap .flagimg {position: absolute;bottom: 10px;right: 5px;}

.portfolio-wrap:hover {border-color: #91a8b8;}



@media (max-width: 991px) {

	.portfolio-banner-section {height: 220px;}

	.portfolio-banner-section .section-title {transform: translateY(60px);}

}

@media (max-width: 575px) {

	.portfolio-section {padding-top: 40px;} .filter {transform: translateY(0);}

	.portfolio-wrap {margin-top: 20px;}

}









/* =====================================================================

                        CLIENTS PAGE CSS 

========================================================================*/

.client-banner-section {

	background-image: url(../images/services/client/clientbanner.jpg);

	background-repeat: no-repeat;

	background-size: cover;

	background-position: center;

	height: 300px;

	position: relative;

	/*z-index: -1;*/

}

.casestudy-banner-section {

	background-image: url(../images/casestudy/case-study-banner.jpg);

	background-repeat: no-repeat;

	background-size: cover;

	background-position: center;

	height: 300px;

	position: relative;

	/*z-index: -1;*/

}

.client-banner-section .section-title, .casestudy-banner-section .section-title{transform: translateY(160px);}

.client-page-section {

	background-image: url(../images/services/client/clientbg1.png), url(../images/services/client/clientbg2.png), url(../images/services/client/clientbgdots.png), url(../images/services/client/clientbgdots1.png);

	background-repeat: no-repeat;

	background-position: center top, 800px -325px, 30px 50px, right center;

	padding: 50px 0;

}

.client-page-content {padding-top: 50px;}

.client-page-content .col-lg-3 {padding: 0;}

.client-page-content .client {height: 200px;}

.client-page-content .client-logo {

	height: 200px;

	width: 100%;

    float: left;

    vertical-align: middle;

    display: inline-table;

}

.client-page-content .client-logo p {

    height: 200px;

    display: table-cell;

    vertical-align: middle;

    text-align: center;

}

.client-page-content .client1 {background-color: #fcfcfc;}

.client-page-content .client2 {background-color: #f6f6f6;}

.client-page-content .client.force-client img, .client-page-content .client.sulfo-client img{width: auto!important;}

.client-page-content .client img {filter: grayscale(1);transform: scale(.9);opacity: .66;width: 170px !important;}

.client-page-content .client:hover img {filter: grayscale(0);transform: scale(1);opacity: 1;}

/*.clientpic {width: 100%;min-height: 400px;}

.clientpic img {width: 100%;max-height: 400px;}*/





@media (max-width: 991px) {

	.client-banner-section {height: 220px;}

	.client-banner-section .section-title {transform: translateY(60px);}

	.client-page-section {background-image: none;}

	.client-page-content {padding-top: 0;}

	/*.clientpic {display: none;}*/

}

@media (max-width: 575px) {.client-page-content .col-lg-3 {width: 50%;}}









/* =====================================================================

                            BLOG PAGE CSS 

========================================================================*/

.blog-page-section {padding: 60px 0;}

.blog-image {overflow: hidden;}

.blog-text-bg {

    background-image: url(../images/dot1.png);

    background-position: 200px -40px;

    background-repeat: no-repeat;

    background-size: contain;

}

.blog-box .blog-text {

    width: 300px;

    min-height: 175px;

    background-color: #ffffff;

    padding: 15px;

    margin-left: 20px;

    transform: translateY(-60px);

    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, -0.8), 0 6px 20px 0 rgba(0, 0, 0, 0.10);

    transition: all 0.3s ease 0s;

}

.blog-text p {font-size: 15px;font-weight: 600;line-height: 24px;}

.blog-text p a {font-size: 14px;color: #212529;margin-top: 0;}

.blog-text span {font-size: 14px;color: #b7b7b7;margin-right: 20px;margin-bottom: 10px;}

.blog-text a {font-size: 14px;color: #212529;margin-top: 10px;}

.blog-text a i {font-size: 16px;vertical-align: middle;padding-left: 5px;}



@media (min-width: 768px) and (max-width: 991px) {.blog-page-section .blog-box .blog-text {margin-left: 0;}}

@media (min-width: 575px) {

	.blog-box .blog-text:hover {background-color: #FF640D;}

	.blog-box .blog-text:hover p, 

	.blog-box .blog-text:hover span,

	.blog-box .blog-text:hover a {color: #fff !important;}

}

@media (max-width: 575px) {

    .blog-page-section {padding: 40px 0;}

	.blog-text-bg {background-image: none !important;}

	.blog-box .blog-text {min-height: auto;}

	.blog-text {width: auto !important; margin-left: 0 !important;}

	.blog-text span {margin-bottom: 5px;}

}









/* =====================================================================

                            BLOG DETAIL PAGE CSS 

========================================================================*/

.blog-detail-section {padding: 60px 0;}

.blog-detail-image img {width: 100%;}

.blog-date {

	max-width: 250px;

    padding: 12px;

    background-color: #FF640D;

    text-align: center;

    color: #fff;

    font-size: 14px;

    transform: translateY(-23px);

    margin-left: 25px;

}

.blog-date span:nth-child(2) {margin-left: 15px;}

.blog-detail-text {margin-top: 10px;}

.blog-detail-text h3 {font-size: 25px;font-weight: 600;}

.blog-detail-text h4 {margin-top: 30px;}

.blog-detail-text h5 {position: relative;}

.blog-detail-text h5:after {

    content: "";

    position: absolute;

    top: 14px;

    left: 0;

    width: 120px;

    height: 10px;

    background-color: #de8c1470;

    z-index: -1;

}

.blog-detail-text h6 {margin-top: 12px;}

.blog-detail-text h6 i {color: #FF5C00;margin-right: 5px;}

.blog-detail-text h6 span:first-child {margin-right: 5px;}

.blog-detail-text h6 span:last-child {margin-left: 5px;}

.blog-detail-text h6 a {color: #FF5C00;}

.blog-detail-text p {margin-top: 20px;text-align: justify;}

.blog-detail-text p strong a, .blog-detail-text p a {color: #FF640D;}

.blog-detail-text ul li {

    display: flex;

    margin-bottom: 16px;

}

.blog-detail-text ul li i {display: block;color: #FF640D;margin-top: 4px;}

.blog-detail-text ul li p {padding-left: 10px;margin-top: 0;margin-bottom: 0;}

.blog-detail-text ul li p strong {font-weight: 600;}

.blog-detail-text table {margin-top: 16px;}

.blog-detail-text table thead {background-color: #FF5C00;color: #fff;}

.blog-detail-text table tr th, .blog-detail-text table tr td {border-color: #3c3c3c;padding: 6px 12px;}

.onpage-point {padding-left: 20px;margin-top: 20px;}

.tentips-point {

    padding-left: 20px;

    overflow: hidden;

    padding-left: 20px;

    margin-bottom: 0;

}

.tentips-point li {

    float: left;

    width: 100%;

}

.tentips-point li span {

    float: left;

    width: 28px;

    height: 28px;

    line-height: 28px;

    text-align: center;

    border: 1px solid #FF640D;

    background-color: #FF640D;

    color: #fff;

    border-radius: 10px;

}

.tentips-point li p {

    float: left;

    width: 95%;

}

.blog-comment-carousel .say-about-box {padding: 0 5px;}

.blog-comment-carousel .say-about-box p {font-size: 17px;}

/* Latest Post */

.latest-post {border: 2px solid #EAEBEB;padding: 16px;}

.latest-post hr {border: 1px solid #EAEBEB;margin: 20px 0;}

.latest-post h5 {position: relative;font-size: 19px;}

.latest-post h5:after {

    position: absolute;

    left: 0;

    bottom: -10px;

    height: 1px;

    width: 60px;

    background: #FF640D;

    content: "";

}

.latest-post-wrap {display: table;}

.latest-post-wrap:nth-of-type(1) {margin-top: 40px;}

.latest-post-image {width: 30%;border: 2px solid #fff;border-radius: 10px;overflow: hidden;float: left;text-align: center;box-shadow: 0px 0px 36px 0px rgba(0, 0, 0, 0.08);}

.latest-post-title {width: 69%;float: left;padding-left: 12px;}

.latest-post-title p {font-size: 14px; font-weight: 600;margin-bottom: 0;}

.latest-post-title p a {color: #212529;}

@media (max-width: 480px) {

	.blog-detail-section {padding-top: 40px;}

	.blog-date {max-width: 100%;margin-left: 0;padding: 12px 8px;}

}









/* =====================================================================

                            CONTACT PAGE CSS 

========================================================================*/

.contact-section {padding: 60px 0;}

.contact-content .section-title {margin-bottom: 30px;}

.contact-content .row .col-lg-8 {padding-left: 40px;border-left: 2px dashed #474747;}

.corporate-office-content p {padding-bottom: 5px;display: flex;}

.corporate-office-content p i {

    color: #FF640D;

    display: block;

    font-size: 18px;

    padding-top: 4px;

}

.corporate-office-content p span {font-size: 15px;padding-left: 10px;color: #000;}

.corporate-office-content p span a {color: #000;}

.corporate-office-content p span a:hover {color: #FF640D;}

.corporate-office-title h3 {font-size: 27px;color: #000;font-weight: 400;}

.drop-message-content h3 {font-size: 27px;color: #000;font-weight: 400;margin-bottom: 30px;}

.contact-form .form-group {margin-bottom: 30px;}

.contact-form .form-group label {margin-bottom: 5px;color: #000;}

.contact-form .form-input {

    border: 0;

	border-bottom: 1px solid #000 !important;

    border-radius: 0;

    height: 35px;

    padding: 0;

    color: #000 !important;

    background-color: transparent !important;

}

.contact-form .form-input:focus {box-shadow: none;}

.contact-form ::placeholder {color: #000 !important;}

.country-select {

	width: 100%;

    border: 1px solid #000 !important;

    border-radius: 0;

    height: 45px;

    padding: 0 12px !important;

    margin-top: 15px;

    color: #000 !important;

    background-color: transparent !important;

    appearance: none;

	background-image: url(../images/career/down-arrow.png);

	background-repeat: no-repeat;

    background-position: 95% center;

}

.country-select option {color: #000;}

.contact-form .form-message {height: 130px; padding: 0;}

.contact-form .contact-btn {

	padding: 8px 45px;

	border: none;

	border-radius: 30px;

    color: #fff;

	background-color: #0753B8;

}

.contact-form .contact-btn a {color: #000;}

.contact-form .contact-btn:hover {background-color: #000;color: #FF640D;}

.contact-map-section .contact-map {height: 500px;}	

@media (max-width: 991px) {

	.contact-section {padding: 40px 0;}

    .contact-content .row .col-lg-8 {padding-left: 15px;border-left: 0;}

    .corporate-office-content {margin-bottom: 30px;}

	.contact-map-section .contact-map {margin-top: 0;}

}









/* =====================================================================

                        PACKAGING MOCKUP DESIGN PAGE CSS 

========================================================================*/

.mockup-banner {padding: 50px 0;}

.mockup-banner .mockup-design {height: 600px;}

.mockup-banner iframe {width: 100%;height: 600px;border-left: 1px solid #ddd !important;border-right: 1px solid #ddd !important;}

.mockup-banner .label-img1, .mockup-banner .label-img2 {border: 1px solid #ddd;}

.mockup-design model-viewer {

    width: 100%;

    height: 100vh;

    max-height: 100%;

    display: block;

}



@media (max-width: 991px) {.mockup-banner iframe {height: 400px;}}

@media (max-width: 575px) {

    .mockup-banner {padding: 30px 0;}

    .mockup-banner .mockup-design, .mockup-banner iframe {height: 300px;}

}







/* =====================================================================

                    	GOOGLE SEO PACKAGE PAGE CSS 

========================================================================*/

.google-seo-package-service .ux-design-company-box h5, .google-seo-package-service .ux-design-company-box p {color: #000;}

.google-seo-package-service .ux-design-company-box:hover h5, .google-seo-package-service .ux-design-company-box:hover p {color: #fff !important;}







/* =====================================================================

                    	SEO PACKAGES INDIA PAGE CSS 

========================================================================*/

.seo-packages-content{padding:60px 0;}

.seo-packages-content h2 span{font-size:25px;color:#FF640D;font-weight:500;}

.seo-packages-content .packages-related-content{margin-top:30px;}

.seo-packages-content .packages-factors li{line-height:27px;margin-bottom:10px;}

.title-description-content p{color:#212529;line-height:27px;}

.plan-section .plan-content{

    box-shadow:-7px 7px lightgray;

    text-align:center;

    border-radius:20px;

    margin-bottom:40px;

    padding-bottom:20px;

    background-color:#de8c1424;

}

.plan-content-section{margin-top:40px;}

.plan-content-section .plan-section .title-price{

    position:relative;

    background-color:#FF640D;

    padding:35px 0 25px 0;

    text-align:center;

    border-radius:20px 20px 0 0;

}

.plan-content-section .first-plan .title-price{background-color:#FF9700;}

.plan-content-section .fourth-plan .title-price{background-color:#cc3737;}

.plan-content-section .second-plan .title-price{background-color:#0095FF;}

.plan-content-section .third-plan .title-price{background-color:#008D6E;}

.plan-content-section .title-price h4{font-size:22px;color:#fff;} 

.international-seo-point ul{margin:20px 0;}

.international-seo-point ul li{line-height:27px;margin-top:10px;}

.plan-content-section .first-plan .title-price span{background: #ffcb7f;}

.plan-content-section .second-plan .title-price span{background: #b0deff;}

.plan-content-section .third-plan .title-price span{background: #d8e671;}

.plan-content-section .fourth-plan .title-price span{background: #ffa9a9}

.plan-content-section .plan-section button{

    padding:6px 14px;

    border:none;

    border-radius:40px;

    color:#fff;

}

.plan-content-section button a{color:#fff;}

.plan-content-section button:hover a {color:#000 !important;}

.plan-content-section button:hover{background-color:#CBF83E !important;}

.plan-content-section .fourth-plan button{background-color:#CC3737;}

.plan-content-section .second-plan button{background-color:#0095FF;}

.plan-content-section .third-plan button{background-color:#008D6E;}

.plan-content-section .first-plan button{background-color:#FF9700;}

.first-section li.title1{

    color: #FF9700;

    font-size: 17px;

    line-height:28px;

    font-weight:500;

    margin-top:15px;

}

.second-section li.title1{

    color: #0095FF;

    font-size: 17px;

    line-height:27px;

    font-weight:500;

    margin-top:15px;

}

.third-section li.title1{

    color: #008D6E;

    font-size: 17px;

    line-height:27px;

    font-weight:500;

    margin-top:15px;

}

.fourth-section li.title1{

    color: #CC3737;

    font-size: 17px;

    line-height:27px;

    font-weight:500;

    margin-top:15px;

}

.contract-details li i{padding-right:10px;}

.contract-details li{color:#212529;font-size: 16px;line-height:27px;}

.contract-details li .fa-check{color:green;font-size:14px;}

.contract-details li .fa-times{color:red;font-size:14px;}

.plan-content-section .price-package-details{margin-top:25px;font-size:25px;}

.plan-content-section .price-package-details span{font-size:15px;}

.fa-rupee-sign:before, .fa-dollar-sign:before{font-size:20px;color:#252525;}

.faq-section{margin-top:40px;}

.packages-factor-points{margin:30px 0 50px 0;}

.packages-factor-points .factor-point{

    width:80%;

    border:1px solid;

    border-radius:65px;

    margin-bottom:20px;

    padding:15px;

    display:flex;

    justify-content:center;

    align-items:center;

}

.packages-factor-points .factor-point .title-description{text-align:center;}

.packages-factor-points .factor-point .title-description p{margin-bottom:0;font-size:15px;}

.packages-factor-points .factor-point .count-no p{

    display: flex;

    justify-content: center;

    align-items: center;

    margin-bottom:0;

    font-size:55px;

    color: transparent !important;

}

.packages-factor-points .factor-point h5{font-size:20px;}

.packages-factor-points .factor-1, .packages-factor-points .factor-3{display:flex;justify-content:start;}

.packages-factor-points .factor-2, .packages-factor-points .factor-4{display:flex;justify-content:end;}

.packages-factor-points .factor-point1{border-color:#FF640D;}

.packages-factor-points .factor-point1 h5{color:#FF640D;}

.packages-factor-points .factor-point1 .count-no p{-webkit-text-stroke: 1px #FF640D;}

.packages-factor-points .factor-point2{border-color:#6B9BBD;}

.packages-factor-points .factor-point2 h5{color:#6B9BBD;}

.packages-factor-points .factor-point2 .count-no p{-webkit-text-stroke: 1px #6B9BBD;}

.packages-factor-points .factor-point3{border-color:#A4B816;}

.packages-factor-points .factor-point3 h5{color:#A4B816;}

.packages-factor-points .factor-point3 .count-no p{-webkit-text-stroke: 1px #A4B816;}

.packages-factor-points .factor-point4{border-color:#E14646;}

.packages-factor-points .factor-point4 h5{color:#E14646;}

.packages-factor-points .factor-point4 .count-no p{-webkit-text-stroke: 1px #E14646;}

.plan-content-section .price-original-details{text-decoration: line-through;margin-top:25px;color:gray;}

.plan-content-section .price-original-details .fa-rupee-sign:before{font-size:15px;color:gray;}

.factor-images img{border-radius:50%;padding:20px;}

.factor-images .col-md-6{padding: 10px;}

.factor-images{

    border-radius: 50%;

    padding: 40px 50px !important;

    border: 24px solid;

    border-color:#FF9700 #0095FF #008D6E #CC3737;

    margin:30px 0;

}

.factor-images .budget-img img{background-color:#FF9700;}

.factor-images .goal-img img{background-color:#0095FF;}

.factor-images .customize-img img{background-color:#008D6E;}

.factor-images .competition-img img{background-color:#CC3737;}.factor-section .budget h5{color:#FF9700;}

.factor-section .Goal h5{color:#0095FF;}

.factor-section .Customization h5{color:#008D6E;}

.factor-section .Competition h5{color:#CC3737;}

.factor-section h5{font-size:30px;}

.fector-sec-1 h5{text-align:right;}

.factor-section p{text-align:justify !important;}

.factor-section {display: flex;flex-wrap: wrap;align-items: center;}

/*ribbon css*/

.ribbon-2 {

  	position: absolute;

  	inset: 15px calc(-1*10px) auto auto;

  	padding: 3px 20px 13px calc(10px + 15px);

  	clip-path: 

    polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,

      calc(100% - 10px) calc(100% - 10px),0 calc(100% - 10px),

      15px calc(50% - 10px/2));

  	background: #CBF83E;

  	color:#5b5b5b;

  	box-shadow: 0 calc(-1*10px) 0 inset #745b0b55;

  	font-size:20px;

  	font-family: "Merriweather", serif;

  	text-decoration-color: #fc0202ad; 

}

.ribbon-2 .fa-rupee-sign:before{color:#5b5b5b !important;}









/* =====================================================================

                        GOOGLE SEO PAGE CSS 

========================================================================*/

.google-seo-page-section {padding: 60px 0;}

.google-seo-content h3 {font-size: 22px;color: #000;margin-top: 35px;}

.google-seo-content ul {padding-left: 30px;}

.google-seo-content ul li {display: flex;margin-bottom: 16px;}

.google-seo-content ul li strong {font-weight: 600;}

.google-seo-content ul li span {padding-left: 20px;}

.google-seo-content ul li i {

    display: block;

    color: #FF640D;

    padding-top: 7px;

    transform: rotate(45deg);

    max-height: 30px;

    font-size: 12px;

}



@media (max-width: 575px) {

	.google-seo-page-section {padding: 30px 0;}

	.google-seo-content h3 {font-size: 18px;}

	.google-seo-content ul {padding-left: 0;}

}







/* =====================================================================

                        GOOGLE GMB SEO PAGE CSS 

========================================================================*/

/* gmb profile section css */

.gmb-profile-section {padding: 60px 0;}

.gmb-profile-content h2 {font-size: 28px;color: #000000;line-height: 1.35;}

.gmb-profile-content h2 span {font-weight: 600;background: linear-gradient(357deg, #0048a9 7.47%, #2279ef 95.56%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

.gmb-profile-form {text-align: center;}

.gmb-profile-form h3 {color: #000000;font-size: 30px !important;line-height: 1.2;margin-bottom: 10px;text-align: center;}

.gmb-profile-form p {color: #000000;text-align: center;margin-bottom: 30px;}

.gmb-inquiry-btn {font-size: 15px;color: #fff;background-color: #0048a9 !important;border-radius: 4px;padding: 10px 20px;}

.gmb-inquiry-btn:hover {color: #fff !important;}



/* gmb listing service section css */

.gmb-listing-services {padding: 80px 0 60px;background-color: #f2f2f2;}

.gmb-listing-services-content {padding-left: 20px;}

.gmb-listing-services-content a {padding: 10px 20px;color: #ffffff !important;background-color: #FF640D;border-radius: 4px;}

.google-map-listing {margin-top: 70px;}

.google-map-listing p a {font-family: 'Lexend Deca', sans-serif;font-size: 25px;font-weight: bold;color: #F4B400;}



/* google map account process section css */

.process-section {padding-bottom: 80px;background-color: #f2f2f2;}

.process-steps {display: flex;justify-content: space-between;position: relative;z-index: 2;}

.process-steps .step {text-align: center;width: 14%;}

.process-steps .step:first-child .step-circle {background: linear-gradient(11deg, #FF5C00 0.01%, #ff9c64 100%);}

.process-steps .step:nth-child(2) .step-circle {background: linear-gradient(11deg, #0A92CD 0.01%, #11d888 100%);}

.process-steps .step:nth-child(3) .step-circle {background: linear-gradient(11deg, #005100 0.01%, #00c600 100%);}

.process-steps .step:nth-child(4) .step-circle {background: linear-gradient(11deg, #7436bb 0.01%, #b520a3 100%);}

.process-steps .step:nth-child(5) .step-circle {background: linear-gradient(11deg, #014AAC 0.01%, #357bda 100%);}

.process-steps .step:nth-child(6) .step-circle {background: linear-gradient(11deg, #F4B400 0.01%, #a7b607 100%);}

.process-steps .step:last-child .step-circle {background: linear-gradient(11deg, #af0454 0.01%, #ff53b9 100%);}



.process-steps .step:nth-child(even) {margin-top: 90px;}

.step-circle {

    width: 130px;

    height: 130px;

    margin: auto;

    border-radius: 50%;

    display: flex;

    flex-direction: column;

    justify-content: center;

    box-shadow: 0 12px 35px rgba(0,0,0,0.5);

}

.step-circle span {font-size: 25px;font-weight: 600;color: #fff;}

.step-circle p {font-size: 13px;margin: 5px 10px 0;line-height: 1.3;color: #fff;}



/* google local map results css */

.local-map-results {padding: 80px 0;}

.local-map-results-points {text-align: center;margin-top: 40px; }

.local-map-results-points .icon {width: 80px;height: 80px;border-radius: 50%;display: flex;justify-content: center;align-items: center;margin: 0 auto 20px;}

.local-map-results-points .icon svg {width: 50px;height: 50px;}

.local-map-results-points .content h5 {font-size: 18px;}

.local-map-results .row .col-md-4:first-child .local-map-results-points .icon {background-color: #FF5C00;}

.local-map-results .row .col-md-4:nth-child(2) .local-map-results-points .icon {background-color: #0A92CD;}

.local-map-results .row .col-md-4:nth-child(3) .local-map-results-points .icon {background-color: #007C00;}

.local-map-results .row .col-md-4:nth-child(4) .local-map-results-points .icon {background-color: #69016C;}

.local-map-results .row .col-md-4:nth-child(5) .local-map-results-points .icon {background-color: #014AAC;}

.local-map-results .row .col-md-4:last-child .local-map-results-points .icon {background-color: #F4B400;}



/* industries we server points css */

.industries-we-serve {padding: 40px 0 60px;}

.industries-we-serve-points {margin-top: 50px;}

.industries-we-serve-points ul {display: grid;grid-template-columns: repeat(5, 1fr);gap: 20px;}

.industries-we-serve-points ul li {display: block;border-radius: 10px;padding: 20px 10px;text-align: center;box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 8px;}

.industries-we-serve-points ul li .icon {margin-bottom: 35px;display: flex;justify-content: center;}

.industries-we-serve-points ul li .icon {position: relative;}

.industries-we-serve-points ul li .icon:after {

    content: '';

    position: absolute;

    left: 60%;  

    transform: translateX(-60%);

    bottom: -20px;

    height: 60px;

    width: 60px;

    border-radius: 50%;

    z-index: -1;

    background-color: #1299d120;

    background: linear-gradient(#ffffff, #8712d130);

    transition: 0.5s;

}

.industries-we-serve-points ul li:hover .icon:after {left: 50%;transform: translateX(-50%);bottom: 0px;}

.industries-we-serve-points ul li .content p {font-size: 14px;font-weight: 500;margin-bottom: 0;}



/* talk to seo expert css */

.talktoexpert-section {

    position: relative;

    padding: 60px 0 90px;

    text-align: center;

    background: linear-gradient(357deg, #0048a9 7.47%, #2279ef 95.56%);

    clip-path: polygon(0 0, 100% 0%, 100% 80%, 50% 100%, 0% 80%);

    margin-bottom: 90px;

    z-index: 1;

}

/*.talktoexpert-section:after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #000;opacity: .5;z-index: -1;}*/

.talktoexpert-section h3 {color: #fff;margin-bottom: 25px;}

.talktoexpert-section p {color: #fff;}

.talktoexpert-section a {font-size: 15px;font-weight: 500;color: #fff !important;padding: 10px 25px;border: 2px dashed #ffffff99;border-radius: 4px;margin-top: 15px;}



/* gmb seo packages css */

.gmb-seo-packages-section {padding-bottom: 80px;}

.one-time-service {margin-bottom: 80px;}

.one-time-service-widget {border-radius: 10px;padding: 20px;box-shadow: 0px 0px 36px 0px rgba(0, 0, 0, 0.08);text-align: center;}

.one-time-service-widget img {margin-bottom: 30px;}

.one-time-service-widget h6 {font-size: 18px;}

.one-time-service-widget p {font-size: 18px;font-weight: bold;color: #FF5C00;}

.gmb-seo-packages .row .col-xl-4 {margin-bottom: 20px;}

.gmb-seo-packages .alibaba-listing-packages {margin-bottom: 0;}

.gmb-seo-packages .alibaba-listing-packages .price-area h5 {font-size: 25px;}

.gmb-seo-packages .alibaba-listing-packages .price-area h5 strong {font-size: 18px;font-weight: 500;}





@media (max-width: 991px) {

    .gmb-profile-content, .gmb-listing-services-img {margin-bottom: 30px;}

    .gmb-listing-services-content {padding-left: 0;}

    .process-steps {gap: 30px;display: grid;grid-template-columns: repeat(4, 1fr);}

    .process-steps .step {width: 100%;margin-top: 0 !important;}

    .gmb-seo-image {margin-bottom: 30px;}

    .industries-we-serve-points ul {grid-template-columns: repeat(4, 1fr);}

}

@media (max-width: 767px) {

    .google-map-listing {margin-top: 50px;}

    .process-section {padding-bottom: 40px;}

    .process-steps {grid-template-columns: repeat(3, 1fr);}

    .local-map-results .row .col-sm-6 {flex: 0 0 50%;max-width: 50%;}

    .industries-we-serve-points ul {grid-template-columns: repeat(3, 1fr);padding: 7px 4px;gap: 10px;}

    .industries-we-serve-points ul li .icon {margin-bottom: 20px;}

    .industries-we-serve-points ul li .icon svg {max-width: 45px;}

    .industries-we-serve-points ul li .icon:after {bottom: -5px;height: 50px;width: 50px;}

}

@media (max-width: 575px) {

	.gmb-profile-section, .gmb-listing-services, .local-map-results {padding: 30px 0;}

	.google-map-listing p a {font-size: 18px;}

    .gmb-profile-content h2 {font-size: 22px;}

    .gmb-profile-form h3 {font-size: 22px !important;}

    .process-steps {gap: 15px 0;grid-template-columns: repeat(2, 1fr);}

    .local-map-results-points {margin-top: 20px;}

    .local-map-results-points .icon {width: 70px;height: 70px;}

    .local-map-results-points .icon svg {width: 40px;height: 40px;}

    .local-map-results-points .content h5 {font-size: 16px;}

    .industries-we-serve {padding: 20px 0 30px;}

    .industries-we-serve-points {margin-top: 20px;}

    .industries-we-serve-points ul {grid-template-columns: repeat(2, 1fr);}

    .talktoexpert-section {padding: 40px 0 50px;clip-path: none;margin-bottom: 50px;}

    .talktoexpert-section h3 {font-size: 22px;}

    .talktoexpert-section a {font-size: 14px;}

    .gmb-seo-packages-section {padding-bottom: 20px;}

    .one-time-service {margin-bottom: 50px;}

}









/* =====================================================================

                    	ECOMMERCE SEO PAGE CSS 

========================================================================*/

.ecommerce-seo-section {padding: 50px 0;}

.ecommerce-seo-service-wrap {

	padding: 15px;

    border-top: 10px solid #FF640D;

    border-bottom: 5px solid #FF640D;

    border-radius: 10px;

    box-shadow: 0 0 13px -8px #999;

}

.ecommerce-seo-service-wrap,

.ecommerce-seo-service-image {margin-top: 50px;}

.ecommerce-seo-service-image.mt-100 {margin-top: 100px;}

.ecommerce-seo-service-title p {font-size: 22px;font-weight: 600;}

.ecommerce-seo-service-text p {text-align: justify;}



.ecommerce-seo-service-section {padding-bottom: 50px;}

.ecommerce-seo-service-section .col-lg-3:nth-child(5) {margin-left: 145px;}

.ecommerce-seo-service-section p {text-align: center;}

.our-ecommerce-service {

	text-align: center;

	transform-style: preserve-3d;

    perspective: 600px;

    transition: .5s;

    margin-top: 20px;

    box-shadow: 0 5px 50px rgb(0 0 0 / 15%);

}

.card-front {

	width: 100%;

	position: absolute;

    top: 15%;

    left: 0;

	backface-visibility: hidden;

    transform: rotateX(0deg);

    transition: .5s;

}

.card-front img {width: 100px;height: 100px;}

.card-front p {font-size: 18px;margin-top: 15px;}

.card-back {

    height: 250px;

    padding: 20px;

    text-align: center;

    color: #212529;

	backface-visibility: hidden;

    transform: rotateX(180deg);

    transition: .5s;

}

.card-back p {color: #212529;}



.our-ecommerce-service:hover .card-front {transform: rotateX(-180deg);}

.our-ecommerce-service:hover .card-back {transform: rotateX(0deg);}



@media (max-width: 1199px) {

    .ecommerce-seo-service-section .col-lg-3:nth-child(5) {margin-left: 120px;}

    .card-back {height: 275px}

}

@media (max-width: 991px) {

    .ecommerce-seo-service-image {margin-top: 20px;}

    .ecommerce-seo-service-image.mt-100 {margin-top: 20px;}

    .ecommerce-seo-service-section .col-lg-3:nth-child(5) {margin-left: 0;}

    .ecommerce-seo-service-section .col-lg-3:last-child {margin: auto;}

}

@media (max-width: 767px) {.card-back {height: 250px;}}

@media  (max-width: 575px) {

	.ecommerce-seo-section {padding: 40px 0;}

	.card-front {

		position: inherit;

		top: 0;

		left: 0;

		padding-top: 20px;

		padding-bottom: 20px;

	}

	.card-back {

		position: absolute;

    	top: 0;

    	left: 0;

        height: auto;

	}

}









/* =====================================================================

                    ALIBABA SEO PACKAGE PAGE CSS 

========================================================================*/

.alibaba-package-section {padding: 50px 0;}

.alibaba-package-content {padding-bottom: 10px;}

.alibaba-package-content .table-bordered thead th {border-bottom-width: 0;color: #fff;}

.alibaba-package-content table thead tr {background-color: #FF5C00;}

.alibaba-package-content table tr th, .alibaba-package-content table tr td {padding: 15px 10px;}

.alibaba-package-content table {text-align: center;}

.alibaba-package-content table tbody tr:nth-of-type(even) {background-color: #F0F1F4;}

.alibaba-package-content table tr th:first-child, .alibaba-package-content table tr td:first-child {text-align: left;}

.alibaba-package-content table tr th {font-weight: 600;}

.alibaba-package-content table tr td {border-top: 0;border-bottom: 0;}

.alibaba-package-content table tr td:first-child {width: 35%;}

.alibaba-package-content table tr td {width: 15%;}

.alibaba-package-content table tr td i {color: #FF5C00;}

.alibaba-package-content table tr td div {

    font-size: 15px;

	background-color: #FF5C00;

    padding: 7px 12px;

    color: #ffff;

    border-radius: 30px;

}

.alibaba-package-content::-webkit-scrollbar {height: 7px;transform: translateY(10px);}

.alibaba-package-content::-webkit-scrollbar-track {border-radius: 10px;box-shadow: inset 0 0 6px rgba(0,0,0,0.3);}

.alibaba-package-content::-webkit-scrollbar-thumb {background-color: #FF5C00;border-radius: 10px;}



@media (max-width: 991px) {

	.alibaba-package-content {max-width: 100%;overflow-x: scroll;}

	.alibaba-package-content table {width: 900px;}

	.alibaba-package-content table tr td:first-child {width: 26%;}

	.alibaba-package-content table tr td {width: 150px;}

}

@media (max-width: 575px) {.alibaba-package-section {padding: 30px 0;}}









/* =====================================================================

                    ECOMMERCE WEBSITE SEO PACKAGE PAGE CSS 

========================================================================*/

.ecommerce-seo-services {padding-bottom: 60px;}

.ecommerce-seo-services .ux-design-company-box {min-height: 276px;}

.ecommerce-seo-services .ux-design-company-box ul {padding-left: 15px;margin-bottom: 0;}

.ecommerce-seo-services .ux-design-company-box ul li {display: flex;margin-bottom: 16px;}

.ecommerce-seo-services .ux-design-company-box ul li:last-child {margin-bottom: 0;}

.ecommerce-seo-services .ux-design-company-box ul li i {

    display: block;

    color: #FF640D;

    padding-top: 8px;

    transform: rotate(45deg);

    max-height: 30px;

    font-size: 12px;

}

.ecommerce-seo-services .ux-design-company-box:hover ul li i {color: #fff;}

.ecommerce-seo-services .ux-design-company-box ul li span {padding-left: 15px;}



@media (max-width: 991px) {.ecommerce-seo-services .ux-design-company-box {min-height: 348px;}}

@media (max-width: 767px) {.ecommerce-seo-services .ux-design-company-box {min-height: auto;}}

@media (max-width: 575px) {

	.ecommerce-seo-services {padding-bottom: 40px;}

	.ecommerce-seo-services ul {padding-left: 0;}

}









/* =====================================================================

                            CAREER PAGE CSS 

========================================================================*/

.career-banner-section {

	background-image: url(../images/career/careerbanner.jpg);

	background-repeat: no-repeat;

	background-size: cover;

	background-position: center;

	height: 320px;

	position: relative;

}

.career-banner-section .section-title {transform: translateY(150px);}

.career-section {padding: 60px 0;}

.current-opening-tagline {color: #939393;text-align: center;}

.career-box {

	padding: 15px 20px;

	margin-top: 20px;

	min-height: 380px;

	background-color: #fff;

	box-shadow: 0 2.1px 1.3px rgba(0, 0, 0, 0.044),

    0 5.9px 4.2px rgba(0, 0, 0, 0.054), 0 12.6px 9.5px rgba(0, 0, 0, 0.061),

    0 25px 20px rgba(0, 0, 0, 0.1);

}

.career-inner-box {

	position: relative;

	height: auto; 

	margin-top: 10px;

	text-align: center;

	transition: all 0.3s ease 0s;

}

.career-img {

	height: 120px;

    vertical-align: middle;

    display: inline-table;

}

.career-img p {

	height: 120px;

    display: table-cell;

    vertical-align: middle;

    text-align: center;

}

.career-img img {/*width: 120px;*/max-width: 100%;max-height: 100%;}

.career-img .img-top {

    display: none;

    position: absolute;

   	top: 42%;

   	left: 50%;

   	transform: translate(-50%, -50%);

}

.career-box h5 {font-size: 20px; font-weight: 600;margin-bottom: 20px;}

.career-box p {margin-bottom: 5px;}

.career-box p strong {font-weight: 600;}

.career-box:hover .img-top {display: block;transition: all 0.3s ease 0s;}

.career-box:hover {background-color: #FF5C00;transition: all 0.3s ease 0s;color: #fff;}



@media (max-width: 575px) {.career-section {padding-top: 40px;}}



/* Apply Job Form */

.apply-job-section {padding: 50px 0;}

.apply-form p {font-size: 18px;margin-top: 15px;}

.apply-form p a {color: #FF5C00;display: block;}

.apply-form p a i {animation: slide 1s ease-in-out infinite;margin-right: 10px;font-size: 18px;}

@keyframes slide {

    0%, 100% {

        transform: translate(0, 0);

    }

    50% {

        transform: translate(5px, 0);

    }

}

@media (max-width: 991px) {

	.career-banner-section {height: 250px;}

	.career-banner-section .section-title {transform: translateY(90px);}

	.apply-job-section {padding-top: 0 !important;}

}









/* =====================================================================

                        PRIVACY POLICY PAGE CSS 

========================================================================*/

.privacy-policy-section {padding: 60px 0;}

.privacy-policy-content h4 {margin-top: 30px;}

.privacy-policy-content h5 {margin-top: 22px;}

.privacy-policy-content ul {padding-left: 30px;}

.privacy-policy-content ul li {display: flex;margin-bottom: 16px;}

.privacy-policy-content ul li strong {color: #FF640D;font-weight: 600;}

.privacy-policy-content ul li span {padding-left: 20px;}

.privacy-policy-content a {color: #FF640D;}

.privacy-policy-content ul li i {

    display: block;

    color: #FF640D;

    padding-top: 7px;

    transform: rotate(45deg);

    max-height: 30px;

    font-size: 12px;

}







/* =====================================================================

                        THANK YOU PAGE CSS 

========================================================================*/

.thankyou-page {margin-top: 200px;text-align: center;background-color: #F6F6F6;}

.thankyou-page h3 {font-size: 60px;font-weight: 600;font-family: 'Kaushan Script', cursive;letter-spacing: 3px;margin-bottom: 20px;}

.thankyou-page p {margin-bottom: 20px;}

.thankyou-page a i {margin-right: 2px;}

.thankyou-page a {color: #DE8C14;text-decoration: underline !important;}







/* =====================================================================

                            404 PAGE CSS 

========================================================================*/

.error-page {position: relative;text-align: center;}

.error-page h1 {font-size: 100px;font-weight: 600;font-family: 'Kaushan Script', cursive;margin-bottom: 30px;color: #DE8C14;}

.error-page p {font-weight: 500;}

.error-page a {

    position: absolute;

    bottom: -10px;

    left: 48%;

    transform: translate(-50%, -50%);

    background-color: #292929;

    color: #fff !important;

    text-transform: uppercase;

    font-size: 14px;

    font-weight: 300;

    padding: 12px 45px;

    border: none;

}



/* =====================================================================
                    LEAD GENERATION SEO SERVICES PAGE CSS 
========================================================================*/
.lead-generation-section01 {background-color: #1e3a8a;overflow: hidden;padding-top: 160px;}
.border-effect {position: absolute;opacity: 0.1;inset: 0px;}
.border-effect .border-white {position: absolute;border-radius: 50%;}
.border-effect .border-8 {border: 8px solid #ffffff;width: 384px;height: 384px;top: -96px;right: -96px;}
.border-effect .border-4 {border: 4px solid #ffffff;width: 256px;height: 256px;top: 50%;left: 40px;}
.lead-generation-content {padding: 60px 0;}
.lead-generation-sec01-content {padding-bottom: 40px;border-bottom: 1px solid #dddddd2e;}
.lead-generation-sec01-content h4 {text-align: center;}
.cta-buttons {display: flex;justify-content: center;align-items: baseline;gap: 20px;}
.cta-buttons a.btn-1 {color: #fff;padding: 16px 30px;border: 2px solid #f59e0b;border-radius: 30px;background-color: #f59e0b;box-shadow: 0 10px 15px -3px #f59e0b4d, 0 4px 6px -4px #f59e0b4d;}
.cta-buttons a.btn-2 {color: #fff;border: 2px solid #fff;padding: 16px 30px;border-radius: 30px;}