@import url(https://fonts.googleapis.com/css?family=Work+Sans:100,200,300,400,500,600,700,800,900&display=swap);
@import url(https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.5.9/slick.min.css);
@import url(https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.5.9/slick-theme.min.css);
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    overflow-x: hidden
}
p {
    font-size: 16px;
    line-height: 26px;
    font-family: 'Work Sans', sans-serif;
}
a {
    text-decoration: none !important;
    font-family: 'Work Sans', sans-serif !important;
    font-size: 15px;
    -mos-transition: .3s linear;
    -moz-transition: .3s linear;
    -webkit-transition: .3s linear;
    transition: .3s linear
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Work Sans', sans-serif !important
}
ul {
    padding: 0
}
li {
    font-family: 'Work Sans', sans-serif;
    color: #626161
}
.text-box ul li {
    position: relative;
    list-style: none;
    margin-bottom: 5px
}
.text-box ul li:before {
    position: absolute;
    top: 0;
    left: -24px;
    content: "\f101";
    color: #0067d3;
    font-family: FontAwesome;
    font-size: 15px
}
.heading-part ul li:before {
    position: absolute;
    top: 0;
    left: -24px;
    content: "\f101";
    color: #0067d3;
    font-family: FontAwesome;
    font-size: 15px
}
.loader-container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #214ae4
}
.gallery_sec.portfolio_sec .col-lg-4 {
    padding-left: 15px;
    padding-right: 15px;
}
.btn.portfolio_read_more {
    border-radius: 30px;
    border: 1px solid #ffe409;
    color: #0a1d73;
    background: #ffe409;
    text-transform: uppercase;
    color: #333;
    font-size: 18px;
    font-weight: 700;
    border-radius: 30px;
    /*-ms-box-shadow: 0 0 10px -5px #3359e8;
    -moz-box-shadow: 0 0 10px -5px #3359e8;
    -webkit-box-shadow: 0 0 10px -5px #3359e8;
    box-shadow: 0 0 10px -5px #3359e8;*/
    padding: 10px 40px;
    margin-top: 15px;
    margin: 0 auto;
    margin-top: 0px;
    display: table;
    margin-top: 30px;
}
.gallery_sec.portfolio_sec img {
    min-height: 160px;
}
table#myDashboardTable thead th {
    font-size: 14px;
}
table.dataTable tbody td {
    font-size: 14px;
}
.top_header button#dropdownMenu2 {
    background-color: transparent;
    border: 0;
    color: #ccc;
}
button#dropdownMenu2.btn-secondary:focus {
    box-shadow: none;
}
.save_btn {
    margin-left: 90px;
}
.loader1 {
    display: inline-block;
    font-size: 0;
    padding: 0
}
.video_inner i {
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    font-size: 60px;
    color: red;
    display: block;
    width: 60px;
    margin: 0 auto;
}
.loader1 span {
    vertical-align: middle;
    border-radius: 100%;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 3px 2px;
    -webkit-animation: loader1 .8s linear infinite alternate;
    animation: loader1 .8s linear infinite alternate
}
.loader1 span:nth-child(1) {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
    background: rgba(253, 219, 39, .6)
}
.loader1 span:nth-child(2) {
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s;
    background: rgba(253, 219, 39, .8)
}
.loader1 span:nth-child(3) {
    -webkit-animation-delay: -.26666s;
    animation-delay: -.26666s;
    background: #fddb27
}
.loader1 span:nth-child(4) {
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s;
    background: rgba(253, 219, 39, .8)
}
.loader1 span:nth-child(5) {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
    background: rgba(253, 219, 39, .4)
}
@keyframes loader1 {
    from {
        transform: scale(0, 0)
    }
    to {
        transform: scale(1, 1)
    }
}
@-webkit-keyframes loader1 {
    from {
        -webkit-transform: scale(0, 0)
    }
    to {
        -webkit-transform: scale(1, 1)
    }
}
.bottom-button {
    position: fixed;
    bottom: 0;
    z-index: 100;
    float: right;
    right: 0
}
.bottom-button a {
    float: right;
    padding: 6px 28px 6px 16px;
    color: #fddb27 !important;
    font-size: 20px;
    display: none;
    border-radius: 4px
}
.top_header {
    width: 100%;
    background: #141414;
    padding: 10px 0
}
.top_header p {
    font-size: 14px;
    color: #c8c9ca;
    margin-bottom: 0
}
.top_header p i {
    color: #fddb27
}
.top_header p a {
    color: #c8c9ca
}
.top_header ul {
    margin-bottom: 0
}
.top_header ul li {
    display: inline-block;
    color: #fff;
    padding-right: 10px
}
.top_header ul li a {
    color: #c5c5c5;
    display: inline-block;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    text-align: center;
    line-height: 30px
}
.top_header ul li a:hover {
    background: #fff;
    color: #3359e8
}
.top_header ul li:last-child{
	padding-right:0;
	}
.top_header ul li:last-child a{
  width: auto;
  height: auto;
  padding-right:0;
  background: #fddb27;
  color: #000;
  border-radius: 30px;
  padding: 2px 15px;
  font-size: 14px;
}
.top_header ul li a:last-child:hover {
	background-color:#086ad8;
    color: #fff;
}
.top_header ul li a:last-child:focus {
  outline: 0;
  box-shadow:none;
}
.top_header ul li.email_list a {
    width: auto;
    height: auto;
    border-radius: 0
}
.top_header ul li.email_list a:hover {
    background: 0 0
}
.top_header ul li.email_list i {
    color: #fddb27;
    padding-right: 8px
}
.header_inner {
    padding: 0 0;
    -moz-transition: .4s ease-in-out;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    border-bottom: 1px solid #5474ee;
    background: #086ad8;
    position: relative;
    width: 100%;
    z-index: 1
}
.header_inner::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    background: #fff;
    width: 31%;
    height: 100%;
    right: 0
}
.header_inner .navbar-nav {
    display: block;
    text-align: right;
    width: 100%
}
.header_inner.sticky {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1000;
    width: 100%;
    padding: 0 0;
    -ms-box-shadow: 0 3px 10px #dbdbdb;
    -moz-box-shadow: 0 3px 10px #dbdbdb;
    -webkit-box-shadow: 0 3px 10px #dbdbdb;
    box-shadow: 0 3px 10px #dbdbdb;
    background: #fff
}
.header_inner.sticky .navbar-expand-md .navbar-nav .nav-link {
    color: #000
}
.header_inner.sticky ul.navbar-nav li a::before {
    background: #086ad8
}
.header_inner .navbar-expand-md .navbar-nav .nav-item {
    display: inline-block;
    position: relative
}
.header_inner .navbar-expand-md .navbar-nav .nav-link {
    display: inline-block;
    color: #fff;
    text-transform: capitalize;
    font-size: 16px;
    padding: 8px 15px;
    position: relative;
    font-weight: 400;
    -ms-transition: .3s linear all;
    -moz-transition: .3s linear all;
    -webkit-transition: .3s linear all;
    transition: .3s linear all;
    position: relative;
    text-transform: capitalize
}
.header_inner .navbar-nav .dropdown-menu {
    top: 98%;
    min-width: 12rem;
    opacity: 0;
    visibility: hidden;
    -ms-transition: .3s linear all;
    -moz-transition: .3s linear all;
    -webkit-transition: .3s linear all;
    transition: .3s linear all;
    display: block !important;
    border-radius: 0;
    padding: 0
}
.header_inner .navbar-expand-md .navbar-nav .nav-item:hover ul.dropdown-menu {
    opacity: 1 !important;
    visibility: visible;
    -ms-transition: .3s linear all;
    -moz-transition: .3s linear all;
    -webkit-transition: .3s linear all;
    transition: .3s linear all
}
.header_inner .navbar-nav .dropdown-menu a {
    color: #000 !important;
    padding: 8px 10px;
    font-size: 14px;
    text-transform: capitalize;
    vertical-align: middle;
    font-weight: 500;
    -ms-transition: .3s linear all;
    -moz-transition: .3s linear all;
    -webkit-transition: .3s linear all;
    transition: .3s linear all
}
.header_inner .navbar-nav .dropdown-menu a:hover {
    -ms-transition: .3s linear all;
    -moz-transition: .3s linear all;
    -webkit-transition: .3s linear all;
    transition: .3s linear all;
    color: #086ad8 !important
}
.header_inner .navbar-nav .dropdown-menu a:before {
    display: none
}
.header_inner .navbar-nav .dropdown-menu a:active,
.header_inner .navbar-nav .dropdown-menu a:focus,
.header_inner .navbar-nav .dropdown-menu a:hover {
    color: #fff
}
.header_inner .navbar-nav .dropdown-menu a:active:before,
.header_inner .navbar-nav .dropdown-menu a:focus:before,
.header_inner .navbar-nav .dropdown-menu a:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);
    transition-timing-function: cubic-bezier(.52, 1.64, .37, .66)
}
.header_inner .navbar {
    padding: 0
}
.header_inner ul.navbar-nav li a:before {
    position: absolute;
    top: 58px;
    left: 0;
    right: 0;
    content: "";
    width: 0;
    background: #fff;
    height: 2px;
    margin: 0 auto;
    -ms-transition: .3s linear all;
    -moz-transition: .3s linear all;
    -webkit-transition: .3s linear all;
    transition: .3s linear all
}
.header_inner ul.navbar-nav li a:hover:before {
    width: 45px;
    -ms-transition: .3s linear all;
    -moz-transition: .3s linear all;
    -webkit-transition: .3s linear all;
    transition: .3s linear all
}
.header_inner ul.navbar-nav li.active a:before {
    width: 45px
}
.dropdown-submenu {
    position: relative
}
.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: -10rem;
    margin-top: -6px
}
.dropdown-menu>li>a:hover:after {
    text-decoration: underline;
    transform: rotate(-90deg)
}
.for_desktop {
    display: block
}
.for_mobile {
    display: none
}
#nav-icon1 {
    width: 30px;
    height: 30px;
    position: relative;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    float: none;
    margin-right: 22px
}
#nav-icon1 span {
    display: block;
    position: absolute;
    height: 7px;
    width: 100%;
    background: #ddd;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}
#nav-icon1 span:nth-child(1) {
    top: 10px
}
#nav-icon1 span:nth-child(2) {
    top: 25px
}
#nav-icon1 span:nth-child(3) {
    top: 40px
}
#nav-icon1.clicked span:nth-child(1) {
    top: 18px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg)
}
#nav-icon1.clicked span:nth-child(2) {
    opacity: 0;
    left: -60px
}
#nav-icon1.clicked span:nth-child(3) {
    top: 18px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg)
}
.phone_menu {
    background-color: #333;
    width: 100%;
    position: absolute;
    -ms-transform: translateY(-200%);
    -moz-transform: translateY(-200%);
    -webkit-transform: translateY(-200%);
    transform: translateY(-200%);
    z-index: 111;
    transition: transform .55s cubic-bezier(.785, .135, .15, .86);
    opacity: .4;
    padding: 16px 36px
}
.phone_menu.show_nav {
    -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}
.phone_menu ul li {
    display: block
}
.phone_menu ul li a {
    display: block;
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 2px
}
.dropdown-menu {
    background: #fddb27 !important
}
.dropdown-item {
    color: #4f4d4d !important;
    font-size: 14px !important
}
#particles-js {
    position: absolute;
    top: 14%;
    left: 0;
    width: 50%
}
#particles-js2 {
    top: 0 !important;
    position: absolute;
    left: 0;
    width: 100%;
    opacity: .4
}
#particles-js3 {
    top: 0 !important;
    position: absolute;
    left: 0;
    width: 100%;
    opacity: .4
}
.banner .carousel-caption {
    bottom:30%;
    text-align: left;
    right: 0;
    left: 0
}
.banner .carousel-indicators {
    /* bottom: -8%*/
}
.electronic_item {
    text-align: right
}
.banner {
    /*height: 942px;*/
    overflow: hidden;
    position: relative
}
.banner h2 {
    font-size: 60px;
    text-transform: capitalize;
    font-weight: 700;
    color: #000;
}
.banner h1 {
    font-size: 60px;
    text-transform: capitalize;
    font-weight: 700;
    color: #fff
}
.banner h5 {
    font-size: 18px;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 15px 0
}
.banner .btn {
    border: 1px solid #fff;
    border-radius: 30px;
    color: #fff;
    font-size: 18px;
    padding: 10px 30px;
    text-transform: capitalize
}
.banner .contact-us {
    background: #fddb27;
    color: #000;
   border: 5px solid #ccb606;
   margin-right: 0;
  font-size: 16px;
  padding: 12px 30px;
}

.mobile_btn-banner{
	}
a.navbar-brand {
    margin-left: -120px;
    padding: 0
}
.banner .carousel {
    /* margin-top: 8%;*/
}
.banner .carousel-indicators li {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-right: 5px;
    margin-left: 5px
}
.banner .carousel-indicators .active:before {
    position: absolute;
    top: -4px;
    left: -4px;
    content: "";
    width: 20px;
    height: 20px;
    border: 1px solid #fff;
    border-radius: 50%;
    right: 0
}

.banner .carousel-indicators li {
	background-color: #93c7ff;
}

.banner .carousel-indicators .active {
  background-color: #0075f2;
}

.banner .carousel-indicators .active::before {
	border: 1px solid #007bff;
	}

.electronic_item {
    position: relative;
    bottom: 0;
    background: url(../images/net.png) no-repeat center;
    background-size: cover
}
.featured_list {
    margin: 15px 0
}
.featured_list h4 {
    font-size: 24px;
    line-height: 66px;
    margin-bottom: 0;
    font-weight: 700
}
.featured_list p {
    color: #555454;
	font-size: 16px;
    line-height: 24px;
}
.icon_round {
    display: block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    width: 135px;
    height: 135px;
    border-radius: 50%;
    text-align: center;
    margin: 0 auto;
    box-shadow: 0 6px 10px #d5d2fb;
    overflow: hidden;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center
}
.icon_round:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fddb27;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}
.icon_round:active,
.icon_round:focus,
.icon_round:hover {
    color: #fff
}
.icon_round:active:before,
.icon_round:focus:before,
.icon_round:hover:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);
    transition-timing-function: cubic-bezier(.52, 1.64, .37, .66)
}
.offset-top-inner {
    padding: 40px
}
.offset_top {
    position: relative;
    /*margin-top: -260px;*/
    margin-top: 80px;
    background: #fff;
    border-radius: 20px;
    -ms-box-shadow: 0 0 10px #e8e5e5;
    -moz-box-shadow: 0 0 10px #e8e5e5;
    -webkit-box-shadow: 0 0 10px #e8e5e5;
    box-shadow: 0 0 10px #e8e5e5
}
.slider_sec {
    background: #f5f5f5;
    padding: 40px 80px
}
.carousel-item::before {
    /*content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    height: 100%;*/
}

.banner .carousel-item:nth-child(2) h2, 
.banner .carousel-item:nth-child(4) h2 {
	color:#000;
	}

.banner .carousel-item:nth-child(4) h5 p{
	color:#242323;
}

.slider_sec img {
    margin: 0 auto;
    background: #eea845;
    padding: 10px;
    height: 76px
}
.slider_sec .slick-slider {
  margin-bottom: 0;
}

.slider_sec .slick-next-icon,
.slider_sec .slick-prev-icon {
  position: absolute;
  top:20%;
  right:0;
  width:42px;
  height:42px;
  border-radius: 50%;
  text-align: center;
  color: #fff;
  padding: 14px 0;
  color: #fff;
  font-size: 16px;
  z-index: 9;
}
.slider_sec .slick-prev-icon{
	left:0;
	}

.introduction {
    position: relative;
    padding:50px 0 200px
}
.introduction h1 {
    /*font-size: 36px;*/
    color: #131313;
    padding-bottom: 40px;
	font-size: 40px;
   font-weight: 700;
}
.introduction p {
    color: #565555
}
.introduction a.start-project {
    margin: 36px 0
}

.mobile_btn-banner{
    display:none;
}
a.start-project {
    font-size: 18px;
    text-transform: uppercase;
    color: #0a1d73;
    background: #fddb27;
    border-radius: 30px;
    font-weight: 700;
    padding: 14px 30px;
    margin: 36px auto;
    display: block;
    width: 260px
}
.website_deliver h3 {
    font-size: 40px;
    color: #fff;
    font-weight: 700
}
.website_deliver h6 {
    font-size: 16px;
    color: #fff;
    padding: 18px 0;
    margin-bottom: 0
}
.website_deliver a.btn {
    font-size: 18px;
    text-transform: capitalize;
    color: #0a1d73;
    background: #fddb27;
    border-radius: 30px;
    font-weight: 700;
    padding: 12px 30px;
    margin-top: 40px
}
.bg_img {
    width: 40%;
    position: absolute;
    left: 0;
    top: 15%;
    height: 412px
}
.website_deliver {
    /*padding: 40px 0 180px;*/
	padding:70px 0;
    position: relative
}
.icon_list {
    margin: 26px 0
}
.icon_list h4 {
    font-size: 24px;
    font-weight: 600;
    color: #fff
}
.icon_list p {
    font-size: 14px;
    color: #cad5ff
}
.customer_icon {
    width: 95px;
    height: 95px;
    border-radius: 50%;
    background: #1370e7;
    display: block;
    text-align: center;
    padding: 15px;
    padding: 24px 0;
    -ms-box-shadow: 1px 12px 10px -8px #313131;
    -moz-box-shadow: 1px 12px 10px -8px #313131;
    -webkit-box-shadow: 1px 12px 10px -8px #313131;
    box-shadow: 1px 12px 10px -8px #313131;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center
}
.customer_points {
    position: relative
}
.customer_points::before {
    position: absolute;
    top: 0;
    left: 47px;
    content: "";
    width: 1px;
    height: 90%;
    background: #3a57c6
}
.video_absolute {
    position: relative;
    padding-bottom: 245px
}
.video_section {
    width: 700px;
    margin: 0 auto;
    overflow: hidden;
    position: absolute;
    top: -214px;
    left: 0;
    right: 0;
    border-radius: 20px;
    padding: 30px
}
.video_inner figure img {
    object-fit: cover;
    height: 100%;
    border-radius: 20px
}
.video_section:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 700px;
   /* height: 248px;*/
    height:100%;
    content: "";
    /*background: linear-gradient(to right, #2b67e8 0, #1d8beb 137%);*/
	background: linear-gradient(to right, #a9bde6 0, #a9bde6 137%);
    opacity: .3;
    border-radius: 0 0 20px 20px
}
.video_inner {
    position: relative;
    z-index: 1;
    text-align: center;
}
.video_inner i {
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    margin: 0 auto;
    font-size: 60px;
}
.video_section figure {
    position: relative
}
.video_section figcaption {
    position: absolute;
    top: 260px;
    right: 32px
}
.border-circle {
    width: 86px;
    height: 86px;
    border-radius: 50%;
    border-top: 2px dashed #fc0;
    border-right: 2px dashed #fc0;
    border-left: 2px dashed #fc0;
    border-bottom: 2px dashed #fc0;
    padding: 7px;
    animation: spin 10s infinite linear;
    position: relative
}
.yellow_circle {
    width: 68px;
    height: 68px;
    border-radius: 50%;
    background: #fddb27;
    text-align: center;
    position: absolute;
    top: 9px;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center
}
.yellow_circle img {
    height: auto !important
}
@keyframes spin {
    100% {
        transform: rotate(1turn)
    }
}
.heading_delivery h3 {
    font-size: 40px;
    font-weight: 700
}
.heading_delivery h4 {
    font-size: 20px;
    color: #086ad8;
    text-transform: uppercase
}
.heading-border {
    width: 204px;
    border-bottom: 2px dotted #ddd;
    margin: 30px auto
}
.heading-border img {
    position: relative;
    top: 9px
}
.delivery_project {
    padding: 76px 0 0
}
.gallery_list {
    position: relative;
    overflow: hidden;
	box-shadow: 1px 1px 11px 0px #999292;
    margin-bottom: 15px;
    border: 1px solid #d2d2d2;
}
.portfolio_slick .gallery_list {
    margin: 0 10px
}
.gallery_list figcaption {
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, rgba(72, 108, 233, .9) 0, rgba(29, 139, 235, .9) 137%);
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    position: absolute;
    top: 100%;
    left: 0;
    -ms-transition: .5s ease-out all;
    -moz-transition: .5s ease-out all;
    -webkit-transition: .5s ease-out all;
    transition: .5 ease-out all
}
.gallery_list figcaption a.btn {
    border: 1px solid #fff;
    border-radius: 30px;
    padding: 10px 40px;
    font-size: 22px;
	color: #fff;
}
.gallery_list:hover figcaption {
    top: 0
}
.gallery_sec .col-lg-4 {
    padding-left: 0;
    padding-right: 0
}
.start-your-project {
    padding:200px 0 40px;
    position: relative;
    margin-top: -107px
}
.start-your-project:before {
    background: url(../images/grayscale-bg.png) repeat 0 0;
    position: absolute;
    top: 45%;
    left: 0;
    content: "";
    height: 325px;
    background-size: cover;
    width: 100%;
    filter: grayscale(100%);
    -webkit-animation: slide 30s linear infinite
}

.review-text { font-size: 14px;}

@-webkit-keyframes slide {
    from {
        background-position: 0 0
    }
    to {
        background-position: -400px 0
    }
}
.start-your-project .heading_delivery {
    position: relative;
    z-index: 1
}
.gallery_sec {
    position: relative;
    z-index: 1
}
.heading_delivery h5 {
    font-size: 18px;
    color: #181818
}
.testimonial_sec {
    padding: 60px 0 94px;
    position: relative;
    overflow: hidden
}
.testimonial_sec .heading_delivery h3 {
    color: #fff
}
.client_feedback {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    position: relative;
    -ms-box-shadow: 0 0 25px 4px #03369b;
    -moz-box-shadow: 0 0 25px 4px #03369b;
    -webkit-box-shadow: 0 0 25px 4px #03369b;
    box-shadow: 0 0 25px 4px #03369b
}
.client_feedback:after {
    position: absolute;
    bottom: -38px;
    left: 8%;
    content: "";
    background: url(../images/after_white.png) no-repeat;
    width: 41px;
    height: 39px
}
.client_feedback p {
    color: #000
}
.customer_photo {
    width: 145px;
    height: 145px;
    border-radius: 50%;
    overflow: hidden;
    border: 7px solid #fff;
    margin-top: 50px
}
.customer_photo img {
    width: 100%;
    height: 100%;
    object-fit: cover
}
.client_list h3 {
    font-size: 30px;
    color: #fff
}
.client_list h5 {
    color: #fddb27;
    text-transform: uppercase
}
.client_list {
    margin: 34px 20px 54px
}
.testimonial_sec .slick-active.slick-center {
    opacity: 1
}
.testimonial_sec .slick-slide {
    opacity: .6
}
.testimonial_sec .slick-prev {
    top: 104%;
    left: 38%;
    width: 110px;
    height: 42px;
    background: #055ab9;
    border-radius: 30px
}
.testimonial_sec .slick-next {
    right: 45%;
    top: 104%;
    width: 110px;
    height: 42px;
    background: #fff;
    border-radius: 30px
}
.testimonial_sec .slick-next::before {
    color: #055ab9
}
.testimonial_sec .slick-prev::before {
    color: #fddb27
}
.testimonial_sec .slick-prev:hover {
    background: #055ab9
}
.testimonial_sec .slick-prev:focus {
    background: #055ab9
}
.testimonial_sec .slick-next:hover {
    background: #fff
}
.testimonial_sec .slick-next:focus {
    background: #fff
}
.latest_blog {
    padding: 94px 0
}
span.date-time {
    background: #353637;
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    position: absolute;
    bottom: 0;
    right: 0;
    display: inline-block;
    padding: 10px 20px
}
.blog_list {
    margin-top: 20px
}
.blog_list figure {
    position: relative
}
.blog_list h4 {
    font-size: 23px;
    font-weight: 600;
    padding: 15px 0
}
.blog_list p {
    color: #363636
}
a.read_more {
    background: #fff;
    text-transform: uppercase;
    color: #3359e8;
    font-size: 18px;
    font-weight: 600;
    border-radius: 30px;
    -ms-box-shadow: 0 0 10px -5px #3359e8;
    -moz-box-shadow: 0 0 10px -5px #3359e8;
    -webkit-box-shadow: 0 0 10px -5px #3359e8;
    box-shadow: 0 0 10px -5px #3359e8;
    padding: 10px 24px;
    margin-top: 15px
}
.latest_blog .heading_delivery {
    padding-bottom: 50px
}
.what_we_do p {
    color: #fff;
    font-size: 16px
}
.what_we_do {
    padding: 44px 0 16px;
    position: relative
}
.we_do_img {
    width: 32%;
    position: absolute;
    top: auto;
    left: 0;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    z-index:1;
}
.what_we_do .heading_delivery h3 {
    color: #fff;
    text-transform: capitalize
}
.form-section {
    position: relative;
    border-bottom: 1px solid #f0f0f0
}
.form-section:before {
    position: absolute;
    top: 0;
    right: 0;
    content: "";
    background: linear-gradient(to bottom, #f3f6f9 0, #fff 137%);
    width: 60%;
    height: 100%
}
.form_text {
    padding: 116px 0 0;
    background: #fff
}
.form_text h4 {
    font-size: 30px;
    color: #000;
    font-weight: 700
}
.form_text p {
    color: #565656;
    padding: 30px 0
}
a.visit_support_page {
    background: #3359e8;
    border-radius: 30px;
    display: block;
    width: 220px;
    color: #fff;
    padding: 12px 18px;
    margin-top: 58px
}
.form_text img {
    margin-left: -130px
}
.form_inner {
    padding:50px 46px
}
.form_inner .form-control {
    border-radius: 30px;
    background: #fff;
    border: 0;
    -ms-box-shadow: 0 0 10px -4px #98abe6;
    -moz-box-shadow: 0 0 10px -4px #98abe6;
    -webkit-box-shadow: 0 0 10px -4px #98abe6;
    box-shadow: 0 0 10px -4px #98abe6;
    height: 48px;
    padding: 0 12px
}
.form_inner .custom-select {
    border-radius: 30px;
    border: 0;
    -ms-box-shadow: 0 0 10px -4px #98abe6;
    -moz-box-shadow: 0 0 10px -4px #98abe6;
    -webkit-box-shadow: 0 0 10px -4px #98abe6;
    box-shadow: 0 0 10px -4px #98abe6;
    height: 48px;
    font-family: 'Work Sans', sans-serif !important;
    color: #7f7f7f
}
.form_inner textarea {
    height: 160px !important;
    border-radius: 30px;
    padding: 15px !important
}
.form_inner .form-control::placeholder {
    color: #7f7f7f;
    font-family: 'Work Sans', sans-serif
}
button.read_more {
    background: #fff;
    text-transform: uppercase;
    color: #3359e8;
    font-size: 22px;
    font-weight: 600;
    border-radius: 40px;
    -ms-box-shadow: 0 0 10px -5px #3359e8;
    -moz-box-shadow: 0 0 10px -5px #3359e8;
    -webkit-box-shadow: 0 0 10px -5px #3359e8;
    box-shadow: 0 0 10px -5px #3359e8;
    padding: 13px 40px;
    margin-top: 15px
}
.join_today h3 {
    font-size: 40px;
    font-weight: 600;
    color: #000
}
.join_today p {
    color: #676767;
    font-size: 18px
}
.input_div {
    box-shadow: 0 0 10px 0 #ddd;
    border-radius: 50px;
    padding: 9px
}
.input_div form {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.input_div .form-control {
    border: 0;
    height: 46px;
    width: 450px;
    display: inline-block
}
.input_div .form-control:focus {
    box-shadow: none
}
.input_div .btn {
    background: #086ad8;
    border-radius: 30px;
    padding: 10px 40px;
    color: #fff;
    font-size: 22px;
    font-family: 'Work Sans', sans-serif;
    font-weight: 600
}
.input_div .form-control::placeholder {
    color: #7f7f7f;
    font-family: 'Work Sans', sans-serif
}
.join_today {
    padding: 80px 0 100px
}
.get_in_touch {
    background: #086ad8;
    padding: 90px 0;
    text-align: center;
    position: relative;
    z-index: 999;
}
.get_in_touch h3 {
    font-size: 40px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700
}
.get_in_touch p {
    color: #d6dfff
}
.get_in_touch:before {
    position: absolute;
    top: -69px;
    left: 0;
    content: "";
    background-image: url(../images/wave.png);
    background-repeat: repeat-x;
    background-size: cover;
    width: 100%;
    height: 83px;
    z-index: 1
}
.get_in_touch:after {
    position: absolute;
    top: -81px;
    left: 0;
    content: "";
    background-image: url(../images/wave_2.png);
    background-repeat: repeat-x;
    background-size: cover;
    width: 100%;
    height: 83px
}
.parallax_div {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
    height: 390px;
    width: 1107px !important;
    margin: 0 auto;
    -webkit-animation: slide 30s linear infinite
}
@-webkit-keyframes slide {
    from {
        background-position: 0 0
    }
    to {
        background-position: -400px 0
    }
}
.parallax_text {
    position: relative;
    z-index: 1
}
.footer_inner {
    background: #1a1b20;
    padding: 100px 0
}
.footer_list h5 {
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    text-transform: capitalize
}
.blue_stick {
    width: 60px;
    height: 3px;
    background: #3359e8;
    position: relative;
    margin-bottom: 20px
}
.blue_stick:after {
    background: #fddb27;
    width: 14px;
    height: 3px;
    position: absolute;
    right: -20px;
    top: 0;
    content: ""
}
.footer_list p {
    color: #5facc9;
    margin: 15px 0
}
.footer_list h6 {
    margin-top: 42px
}
.footer_list ul li {
    display: inline-block;
    text-transform: capitalize;
    color: #fff;
    padding-right: 10px
}
.footer_list ul li a {
    color: #c5c5c5;
    display: inline-block;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    text-align: center;
    line-height: 30px
}
.footer_list ul li a:hover {
    background: #3359e8;
    color: #fff
}
.footer_list h6 {
    color: #fff;
    font-size: 17px;
    font-family: 'Work Sans', sans-serif
}
.footer_list ul.quick_link li {
    display: block
}
.footer_list ul.quick_link li a {
    display: block;
    color: #5facc9;
    width: inherit;
    height: inherit;
    border-radius: 0;
    text-align: left;
    line-height: 40px;
    border-bottom: 1px solid #3c3e46
}
.footer_list ul.quick_link li a:hover {
    width: inherit;
    height: inherit;
    border-radius: 0;
    background: 0 0;
    color: #fff
}
.footer_contact i {
    font-size: 16px;
    color: #fff
}
.footer_contact p {
    color: #5fadca;
    font-size: 15px;
    word-break: break-all
}
.footer_contact {
    position: relative;
    z-index: 1;
    padding-left: 20px
}
.footer_contact:after {
    position: absolute;
    top: -100px;
    left: 0;
    content: "";
    background: #172b34;
    width: 270px;
    height: 129%;
    z-index: -1
}
.footer_logo {
    position: absolute;
    top: -76px;
    left: auto;
    right: 0;
    text-align: center
}
.copyright {
    background: #000;
    padding: 38px 0 70px;
    position: relative;
}
.copyright p {
    color: #fff
}
.yellow_text {
    color: #fddb27
}
.cork_member {
    position: relative
}
/*.cork_member {
        position: absolute;
        left: 11px;
        right: 0;
        margin: 0 auto
    }*/
.cork_member span {
    width: 18%;
    display: inline-block;
}
.cork_member {
    text-align: right;
}
.copyright:before {
    position: absolute;
    top: -86px;
    left: 0;
    content: "";
    background: url(../images/black_wave.png) no-repeat;
    background-size: auto;
    background-size: cover;
    width: 100%;
    height: 100px
}
.cork_member img {
    max-width: 100%
}
.footer_logo img {
    max-width: 100%
}
.quote_sec p {
    font-size: 16px;
    color: #202e39;
    font-style: italic
}
.breadcrump_section {
    padding: 130px 0 50px;
    position: relative
}
/* .breadcrump_section:before {
    background: linear-gradient(to left, #58a6f9 0, #58a6f9 137%);
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    opacity: .7
} */
.page_title h2 {
    font-size: 50px;
    color: #fff;
    margin-bottom: 0;
    letter-spacing: 2px;
    position: relative
}
.page_title h1 {
    font-size: 50px;
    color: #fff;
    margin-bottom: 0;
    letter-spacing: 2px;
    position: relative
}
.breadcrump_section .breadcrumb {
    background: 0 0;
    position: relative
}
.breadcrump_section .breadcrumb li {
    font-size: 18px;
    color: #000
}
.breadcrump_section .breadcrumb li a {
    font-size: 18px;
    color: #086ad8
}
.quote_sec {
    border: 1px solid #e2edea;
    padding: 50px;
    height: 100%
}
.inner_section {
    padding: 100px 0
}
.contact_info {
    padding: 50px 20px;
    border: 1px solid #e2edea;
    background: #f9fdfc;
    height: 740px;
}
.contact_info i {
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 46px;
    background: #086ad8;
    color: #fddb27;
    border-radius: 6px;
    font-size: 20px
}
.contact_info .row {
    margin: 20px 0
}
.contact_info a {
    color: #212529
}
.contact_info p {
    color: #212529
}
.form_sec .form-control {
    height: 50px;
    border-radius: 0;
    border: 1px solid #e2edea;
    font-size: 15px
}
.form_sec .form-control::placeholder {
    font-size: 14px;
    letter-spacing: 1px
}
.form_sec textarea {
    height: 190px !important
}
.inner_section .btn {
    background: #086ad8;
    padding: 5px 15px;
    color: #fff;
    border-radius: 0;
    font-family: 'Work Sans', sans-serif;
    font-size: 18px
}

.inner_section.new-portfolio-sec a.btn.portfolio_read_more {
    border-radius: 30px;
    border: 1px solid #ffe409;
    color: #0a1d73;
    background: #ffe409;
    text-transform: uppercase;
    color: #333;
    font-size: 18px;
    font-weight: 700;
    border-radius: 30px;
    /*-ms-box-shadow: 0 0 10px -5px #3359e8;
    -moz-box-shadow: 0 0 10px -5px #3359e8;
    -webkit-box-shadow: 0 0 10px -5px #3359e8;
    box-shadow: 0 0 10px -5px #3359e8;*/
    padding: 10px 40px;
    margin-top: 15px;
    margin: 0;
    margin-top: 0px;
    display: table;
    margin-top: 30px;
}

.inner_section.new-portfolio-sec .call_now a.btn.portfolio_read_more{
	float:right;
	}

 
.form_sec .btn {
    background: #fddb27;
    padding: 10px 30px;
    color: #fff;
    border-radius: 0;
    font-family: 'Work Sans', sans-serif;
    font-size: 18px
}
.form_sec {
    padding: 80px 0 0
}
.form_sec h4 {
    font-size: 32px;
    padding-bottom: 20px
}
.contact_info h4 {
    font-size: 30px
}
.contact_info h1 {
    font-size: 30px;
    color: solid #000
}
.blog_part {
    border-bottom: 1px solid #eeeded;
    padding: 0 0 10px 0;
    margin-bottom: 30px
}
.blog_part ul li {
    display: inline-block;
    padding: 14px 10px 10px 0;
    font-weight: 600;
    font-size: 15px
}
.blog_part ul li i {
    color: #086ad8;
    padding-right: 5px
}
.blog_part a.more {
    margin: inherit;
    background: #fddb27;
    color: #fff;
    padding: 10px 20px;
    border-radius: 0;
    font-size: 15px;
    font-weight: 600
}
.blog_part figure {
    height: 250px;
    overflow: hidden;
    position: relative
}
.blog_part figure img {
    height: 100%;
    object-fit: cover
}
.recent_post a p {
    font-size: 14px;
    color: #1c2b3c;
    font-weight: 500
}
p.date_recent {
    color: #086ad8;
    font-size: 13px
}
.recent_post .row {
    border-bottom: 1px solid #ddd;
    margin-top: 13px;
    background: #fbfbfb;
    padding-top: 13px
}
.recent_post h4 {
    margin-bottom: 30px
}
.social-media {
    border: 1px solid #e8e4e4;
    padding: 50px 0;
    text-align: center;
    margin-top: 20px
}
.social-media ul li {
    display: inline-block
}
.social-media ul li a {
    display: inline-block;
    color: #ffc414;
    padding: 0 10px;
    font-size: 18px;
    border: 1px solid #ffc414;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 46px;
    margin: 0 4px
}
.social-media ul li a:hover {
    background: #ffc414;
    color: #fff
}
.has-search .form-control {
    padding-left: 2.375rem
}
.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
    font-family: Montserrat, sans-serif !important
}
.search_section {
    margin-bottom: 20px
}
.search_section .form-control {
    height: 46px
}
.search_section input::placeholder {
    font-size: 14px;
    font-style: italic
}
.team_section {
    padding: 100px 0
}
.team_section h3 {
    font-size: 34px;
    font-weight: 600;
    margin-bottom: 45px
}
.team_section h4 {
    color: #086ad8;
    font-weight: 400
}
.about_inner h3 {
    font-size: 46px;
    font-weight: 700;
    margin-bottom: 30px
}
.about_inner h1 {
    font-size: 46px;
    font-weight: 700;
    margin-bottom: 30px
}
.about_list {
    margin: 15px 0
}
.about_list h4 {
    padding: 20px 0;
    margin-bottom: 0;
    font-weight: 700;
    font-size: 20px
}
.about_content {
    padding: 100px 0;
    position: relative
}
.about_content:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    background: rgba(8, 106, 216, .6);
    width: 100%;
    height: 100%
}
.about_content h3 {
    color: #fddb27;
    font-size: 40px;
    font-weight: 700;
    line-height: 74px
}
.about_content p {
    color: #fff
}
.about_con_text {
    position: relative;
    background-color: rgba(255, 255, 255, .2);
    padding: 30px
}
.our_professional_team {
    padding: 50px 0 0
}
.our_professional_team h3 {
    font-size: 40px;
    padding-bottom: 14px;
    font-weight: 700
}
.our_professional_team h4 {
    font-size: 25px;
    color: #086ad8;
    font-weight: 700
}
.our_professional_team h6 {
    font-size: 17px;
    padding-top: 20px
}
.blue-width {
    width: 100px;
    margin: 0 auto 20px;
    background: #086ad8;
    height: 1px
}
.team_section figcaption {
    width: 300px;
    margin: -30px auto;
    background: #fff;
    padding: 30px 10px;
    text-align: center;
    position: relative;
    -ms-box-shadow: 0 0 10px -4px #606060;
    -moz-box-shadow: 0 0 10px -4px #606060;
    -webkit-box-shadow: 0 0 10px -4px #606060;
    box-shadow: 0 0 10px -4px #606060
}
.team_section figcaption h4 {
    font-weight: 700
}
.team_section figure {
    margin-bottom: 0
}
.service_sec h4 {
    font-size: 18px;
    font-weight: 700
}
.service_sec img {
    height: 50px
}
.service_sec .col-lg-3 {
    border: 1px solid #eee;
    padding: 20px
}
.our_service {
    padding: 80px 0 0
}
.our_service h3 {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 70px
}
.our_service h4 {
    font-weight: 700;
    font-size: 22px;
    color: #464646
}
a.read_more {
    border-radius: 30px;
    border: 1px solid #ddd;
    color: #086ad8
}
.portfolioFilter {
    padding: 15px 0;
    margin-bottom: 36px;
    text-align: center
}
.portfolioFilter a {
    margin-right: 6px;
    color: #666;
    text-decoration: none;
    border: 1px solid #ccc;
    padding: 8px 20px;
    border-radius: 50px;
    display: inline-block;
    color: #000;
    margin-bottom: 15px;
}
.portfolioFilter a.current {
    background: #fddb27;
    color: #000
}
.portfolioContainer {
    text-align: center
}
.isotope-item {
    z-index: 2
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1
}
.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: .8s;
    -moz-transition-duration: .8s;
    transition-duration: .8s
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    transition-property: transform, opacity
}
.portfolioContainer ul li img {
    width: 100%
}
.portfolioContainer .isotope-item {
    width: 32%;
    display: inline-block;
    margin: 5px 5px
}
.portfolioContainer .isotope-item img {
    height: 100%;
    object-fit: cover;
    width: 100%
}
ul.sub_menu {
    position: absolute;
    right: 0;
    top: 0;
    width: 240px;
    background: #fff;
    left: 190px;
    background: #fff;
    border-radius: 0;
    opacity: 0;
    visibility: hidden;
    -ms-transition: .3s linear all;
    -moz-transition: .3s linear all;
    -webkit-transition: .3s linear all;
    transition: .3s linear all;
    -ms-box-shadow: 0 0 7px -2px #444;
    -moz-box-shadow: 0 0 7px -2px #444;
    -webkit-box-shadow: 0 0 7px -2px #444;
    box-shadow: 0 0 7px -2px #444
}
ul.sub_menu li {
    display: block
}
ul.sub_menu li a {
    font-size: 13px !important;
    font-family: 'Work Sans', sans-serif;
    font-weight: 500;
    border-bottom: 1px solid#eaeaea;
    font-weight: 500 !important;
    display: block !important
}
.header_inner .navbar-expand-md .navbar-nav .nav-item ul.dropdown-menu li.nav-item {
    display: block
}
.header_inner .navbar-expand-md .navbar-nav .nav-item ul.dropdown-menu li.nav-item a i {
    padding-left: 0;
    font-size: 10px;
    color: #333;
    float: right;
    line-height: 24px
}
.header_inner .navbar-expand-md .navbar-nav .nav-item ul.dropdown-menu li:hover ul.sub_menu {
    opacity: 1;
    visibility: visible;
    -ms-transition: .3s linear all;
    -moz-transition: .3s linear all;
    -webkit-transition: .3s linear all;
    transition: .3s linear all
}
.sidebar-toggle {
    margin-left: -240px
}
.navbar-nav .dropdown-submenu>.dropdown-menu {
    background: #d5bc3e !important;
    border-radius: 0 !important;
    border: 0 !important
}
.navbar-nav .dropdown-submenu>.dropdown-menu li a {
    color: #fff !important
}
.navbar-nav .dropdown-submenu>.dropdown-menu li a:hover {
    color: #1370e7 !important
}
.navbar-nav .dropdown-menu {
    left: 0 !important;
    right: 0 !important;
    padding: 0 !important
}
.navbar-nav .dropdown-item {
    white-space: inherit !important
}
.listing-block .list-inline {
    padding-left: 0;
    margin-left: -5px;
    list-style: none
}
.listing-block .list-inline>li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
    margin-bottom: 10px;
}
.listing-block .list-inline>li a {
    display: inline-block;
    position: relative;
    margin: 0 auto 0 auto;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    width: 40px;
    height: 40px;
    font-size: 20px
}
.listing-block .list-inline a.icoFacebook:hover {
    background-color: #3b5998
}
.listing-block .list-inline a.icotwitter:hover {
    background-color: #0084b4
}
.listing-block .list-inline a.icogoogle-plus:hover {
    background-color: #dd4b39
}
.listing-block .list-inline a.icolinkedin:hover {
    background-color: #0077b5
}
.listing-block .list-inline>li a:hover i,
.triggeredHover {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -ms--transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    -ms-transition: all .2s;
    transition: all .2s
}
.listing-block .list-inline li i {
    margin: 0;
    line-height: 40px;
    text-align: center;
    width: inherit;
    height: inherit
}
.listing-block .list-inline .social-circle i {
    color: #fff;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
    -ms-transition: all .8s;
    transition: all .8s
}
.listing-block .list-inline a {
    color: #fff;
    background-color: #818182
}
.business-info-and-history {
    background-repeat: no-repeat;
    background-position: top 127px center;
    padding: 50px 0;
    margin-bottom: 50px
}
.single-info-block {
    -webkit-box-shadow: 0 0 50px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, .1);
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding: 75px 40px
}
.single-info-block {
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    padding: 70px 30px;
    min-height: 366px;
    background-color: #fff
}
.inner-title h2 {
    font-size: 30px;
    color: #0067d3;
    font-weight: 700;
    text-align: center;
    margin-bottom: 50px
}
.inner-title h1 {
    font-size: 30px;
    color: #0067d3;
    font-weight: 700;
    text-align: center;
    margin-bottom: 50px
}
.text-box h2 {
    font-size: 22px;
    font-weight: 600;
    color: #0067d3
}
.text-box ul li {
    list-style: none;
    margin-bottom: 5px;
    margin-left: 23px
}
.text-box ul li i {
    color: #0067d3;
    margin-right: 10px;
    font-size: 13px
}
.calltoaction-area-2 {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}
.calltoaction-area-2 .xs-overlay {
    background: #3154fb;
    background: -webkit-gradient(linear, left top, right top, color-stop(18%, #3154fb), to(#8de4e8));
    background: -webkit-linear-gradient(left, #3154fb 18%, #8de4e8 100%);
    background: -o-linear-gradient(left, #3154fb 18%, #8de4e8 100%);
    background: linear-gradient(90deg, #3154fb 18%, #8de4e8 100%)
}
.calltoaction-area-2 .xs-overlay {
    background-color: #4243e7;
    opacity: .9
}
.xs-overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: .5;
    z-index: 0
}
.content-over-img-wraper .content-over-img {
    position: absolute;
    bottom: -50px;
    z-index: 99
}
.call-to-action-wraper {
    position: relative;
    padding: 100px 0
}
.call-to-action-wraper {
    color: #fff;
    position: relative;
    z-index: 2
}
.call-to-action-wraper p {
    text-align: center;
    padding: 20px 0
}
.image-l {
    float: right;
    margin-left: 30px
}
.for_sec_banner .carousel-caption {
    text-align: left;
    top: auto;
    bottom: 38%;
    left: 8%
}
.for_sec_banner .carousel-caption h2 {
    font-size: 52px;
    color: #fff;
    font-weight: 700
}
.for_sec_banner .carousel-caption p {
    color: #9d9d9d;
    font-size: 17px;
    text-transform: inherit;
    font-weight: 400;
    padding: 20px 0;
    line-height: 28px
}
.welcome_part {
    padding: 50px 0
}
section.welcome_part h1 {
    color: #0067d3;
    margin-bottom: 20px;
    font-size: 31px
}
.understanding_sec {
    padding: 100px 0
}
.understanding_sec h4 {
    color: #fff;
    font-size: 36px;
    line-height: 34px;
    margin-bottom: 54px;
    font-weight: 700;
    position: relative
}
.understanding_sec h4:after {
    position: absolute;
    left: 0;
    content: "";
    background: #fff;
    width: 70px;
    height: 4px;
    top: 54px;
    border-radius: 20px
}
.understanding_sec h3 {
    color: #fff;
    font-size: 20px;
    line-height: 34px;
    margin-bottom: 54px;
    position: relative
}
.seo-block {
    padding: 50px 0
}
.seo-text_2 {
    border-left: 3px solid #0067d3;
    background: linear-gradient(to left, transparent 0, #e8e7e7 60%);
    padding: 30px 0 30px 30px
}
.organic_seo_head h4 {
    color: #0067d3;
    font-size: 35px;
    margin-bottom: 30px
}
.organic_listing {
    margin-top: 30px;
    margin-bottom: 30px
}
.organic_listing ul {
    text-align: center
}
.organic_listing ul li {
    display: inline-block;
    background: #0067d3;
    padding: 20px;
    text-align: center;
    margin: 10px;
    width: 26%
}
.organic_listing ul li h5 {
    color: #fff;
    font-size: 18px;
    margin: 10px 0
}
.getting_website {
    padding: 50px 0
}
.getting_website h4 {
    color: #0067d3;
    font-size: 35px;
    margin-bottom: 30px
}
.getting_website ul {
    -ms-column-count: 2;
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    margin: 30px 0 0 0
}
.getting_website ul {
    position: relative;
    padding-left: 25px
}
.getting_website ul li {
    display: block;
    line-height: 40px;
    color: #000;
    font-weight: 600;
    position: relative;
    font-size: 16px
}
.getting_website ul li:before {
    position: absolute;
    top: 0;
    left: -24px;
    content: "\f00c";
    color: #0067d3;
    font-family: 'Font Awesome 5 Free';
    font-size: 15px
}
.getting_website ul:after {
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    margin: 0 auto;
    background: #ddd;
    left: 0;
    right: 20%;
    top: 0
}
.service_sec_block h4 {
    color: #000;
    font-size: 20px;
    margin: 15px 0;
    line-height: 28px
}
.service_sec_block figure img {
    height: 217px
}
.service_sec_block {
    padding: 0 0 50px 0
}
.service_text_line {
    position: relative;
    background: linear-gradient(to left, transparent 0, #e8e7e7 230%);
    padding: 50px 0;
    border-left: 14px solid #0067d3
}
.service_text_line p {
    margin-bottom: 25px;
    color: #5b5b5b
}
.service_text_line .row {
    margin-top: 40px
}
.numbering_circle {
    background: #0067d3;
    width: 54px;
    height: 54px;
    display: block;
    margin: 0 auto;
    color: #fff;
    font-weight: 700;
    font-size: 26px;
    text-align: center;
    border-radius: 50%;
    line-height: 54px;
    position: relative
}
.service_text_line:after {
    position: absolute;
    top: 18%;
    left: 0;
    right: 57%;
    width: 1px;
    height: 86%;
    margin: 0 auto;
    content: "";
    background: #0067d3;
    z-index: -1
}
.banner30 .carousel-caption {
    bottom: 190px;
    left: 0;
    text-align: left;
    right: 0;
    padding: 38px 0
}
.banner-content h3 {
    color: #fff;
    text-transform: capitalize;
    font-size: 50px;
    font-weight: 400;
    text-transform: uppercase
}
.banner-content h1 {
    color: #fff;
    text-transform: capitalize;
    font-size: 41px;
    font-weight: 400;
    text-transform: uppercase
}
.banner-content span {
    color: #0067d3;
    font-weight: 600
}
.about-sec30 {
    position: relative
}
.quote_sec-1 {
    background: #0067d3;
    margin-top: -130px;
    border-radius: 4px;
    overflow: hidden
}
#myModal .quote_sec-1 {
    margin-top: 0;
}
.quote_form {
    background: #364046;
    border-radius: 4px;
    padding: 15px 25px
}
.quote_sec-1 h2 {
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    padding: 15px;
    margin: 0;
    font-size: 16px
}
.quote_form h5 {
    color: #fff;
    font: 300 12px/18px Ubuntu, sans-serif;
    text-transform: uppercase;
    text-align: center
}
.quote_form .form-control {
    background: rgba(39, 48, 53, .8);
    border-color: #273035;
    color: #767676;
    font: 300 14px/24px Ubuntu, sans-serif
}
.quote_form .btn-dark {
    background: #324956;
    border: 1px solid #0067d3;
    text-transform: uppercase;
    color: #fff !important;
    font: 300 14px/24px Ubuntu, sans-serif;
    padding: 6px 25px
}
.about-sec30 .about-text {
    padding: 60px 0
}
.about-sec30 img {
    margin-top: 46px
}
.about-sec30 .about-text h3 {
    font-size: 32px;
    color: #0067d3;
    text-transform: uppercase;
    font-weight: 600
}
.about-sec30 .about-text a {
    color: #0067d3;
    text-transform: uppercase
}
.our-services30 {
    background: #f0f0f0;
    padding: 60px 0
}
.our-services30 .service-inner {
    border: 1px solid #0067d3;
    position: relative;
    padding: 56px 0 46px 0
}
.our-services30 .service-inner h4 {
    font-size: 24px;
    color: #434242;
    text-transform: uppercase;
    text-align: center;
    background-color: #f0f0f0;
    padding: 10px 10px;
    position: absolute;
    top: -26px;
    left: 0;
    right: 0;
    margin: auto;
    width: 20%
}
.our-services30 .service-inner h4:before {
    position: absolute;
    content: "";
    top: 50px;
    left: 0;
    right: 0;
    width: 58px;
    height: 2px;
    margin: auto;
    background: #0067d3
}
.text-center {
    text-align: center
}
.our-services30 .service-list figure {
    background: #fff;
    width: 70px;
    height: 66px;
    padding: 8px 0;
    margin: 0 auto;
    -o-transform: rotate(50deg);
    -webkit-transform: rotate(50deg);
    -moz-transform: rotate(50deg);
    transform: rotate(50deg);
    -o-box-shadow: 0 6px 4px -1px #d8d9d9;
    -webkit-box-shadow: 0 6px 4px -1px #d8d9d9;
    -moz-box-shadow: 0 6px 4px -1px #d8d9d9;
    box-shadow: 0 6px 4px -1px #d8d9d9;
    transition: .7s;
    -webkit-transition: .7s;
    -moz-transition: .7s;
    -ms-transition: .7s;
    -o-transition: .7s;
    margin-right: auto;
    margin-left: auto
}
.our-services30 .service-list h5 {
    font-size: 15px;
    text-transform: uppercase;
    color: #0067d3;
    margin-bottom: 0;
    padding: 24px 0
}
.our-services30 .service-list figure img {
    -o-transform: rotate(-50deg);
    -webkit-transform: rotate(-50deg);
    -moz-transform: rotate(-50deg);
    transform: rotate(-50deg)
}
.our-services30 .service-inner:hover figure {
    transition: .7s;
    -webkit-transition: .7s;
    -moz-transition: .7s;
    -ms-transition: .7s;
    -o-transition: .7s;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}
.ppc-management {
    padding: 50px 0
}
.ppc-inner .heading-part h4 {
    font-size: 24px;
    color: #fff;
    font-weight: 600;
    position: relative;
    margin-bottom: 25px;
    text-transform: uppercase
}
.ppc-inner .heading-part p {
    color: #fff;
    font-size: 12px
}
.ppc-inner ul {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    margin: 20px 0
}
.ppc-inner ul li {
    display: block;
    padding: 8px 0;
    color: #fff;
    text-transform: capitalize
}
.ppc-inner ul li span {
    background: #fff;
    width: 55px;
    height: 55px;
    -webkit-box-shadow: 0 6px 11px -1px #b94a4b;
    -moz-box-shadow: 0 6px 11px -1px #b94a4b;
    box-shadow: 0 6px 11px -1px #b94a4b;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    padding: 14px 0;
    margin-right: 10px;
    transition: all .3s ease-in-out 0s
}
.ppc-management:hover span {
    transform: rotate(360deg);
    transition: all .5s ease-in-out 0s
}
.ppc-management .btn-part a:hover {
    background: #0067d3;
    color: #fff
}
.ppc-management .btn-part a {
    background: #fff;
    color: #0067d3
}
.seo30 {
    padding: 50px 0
}
.seo30 .seo-text {
    border-left: 3px solid #0067d3;
    background: linear-gradient(to left, transparent 0, #e8e7e7 100%);
    padding: 30px 0 30px 30px
}
.seo30 .seo-text h3 {
    font-size: 32px;
    color: #0067d3;
    text-transform: uppercase
}
.seo30 .btn-part a {
    background: #324956;
    color: #fff;
    text-transform: uppercase;
    padding: 14px 15px;
    -webkit-transition: .3s ease-in;
    -moz-transition: .3s ease-in;
    transition: .3s ease-in
}
.smo-services30 {
    background: #f0f0f0;
    padding: 62px 0;
    position: relative;
    margin-bottom: 60px
}
.smo-services30 .heading-part h4 {
    color: #434242
}
.smo-services30 .heading-part h4:after {
    background: #bebebe
}
.smo-services30 .heading-part h4:after {
    position: absolute;
    top: 44px;
    left: 0;
    content: "";
    width: 538px;
    height: 1px;
    background: #fff
}
.smo-services30 .heading-part p {
    color: #737373
}
.smo-services30 ul {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2
}
.smo-services30 ul li {
    display: block;
    padding: 8px 0 8px 24px;
    position: relative;
    color: #484848;
    font-size: 13px
}
.smo-services30 ul li:before {
    position: absolute;
    top: 0;
    left: -24px;
    content: "\f00c";
    color: #0067d3;
    font-family: FontAwesome;
    font-size: 15px
}
.smo-services30 .heading-part h4 {
    font-size: 24px;
    font-weight: 600;
    position: relative;
    margin-bottom: 25px;
    text-transform: uppercase
}
.smo-services30 .btn-part a {
    background: #324956;
    color: #fff;
    text-transform: uppercase;
    padding: 14px 15px;
    -webkit-transition: .3s ease-in;
    -moz-transition: .3s ease-in;
    transition: .3s ease-in
}
.smo-services30 figure {
    position: absolute;
    top: 18px;
    left: 0
}
.smo-services30 figure img {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite
}
.smo-services .heading-part h4 {
    color: #434242
}
.email-marketing {
    padding: 62px 0;
    position: relative;
    margin-bottom: 60px
}
.email-marketing h4 {
    font-size: 24px;
    color: #434242;
    font-weight: 600;
    position: relative;
    margin-bottom: 25px;
    text-transform: uppercase
}
.email-marketing h4:after {
    position: absolute;
    top: 44px;
    left: 0;
    content: "";
    width: 538px;
    height: 1px;
    background: #434242
}
.marketing-list h5 {
    font-size: 16px;
    color: #364046;
    text-transform: capitalize
}
.marketing-list p {
    font-size: 14px;
    line-height: 20px
}
.marketing-list a {
    color: #364046
}
.marketing-list:hover {
    background: #fff
}
.marketing-list {
    margin: 10px 0;
    padding: 18px 10px;
    -moz-transition: .4s ease-out;
    -webkit-transition: .4s ease-out;
    transition: .4s ease-out
}
.promotional-video .heading-part {
    margin-bottom: 30px
}
.promotional-video h4 {
    font-size: 24px;
    color: #434242
}
.video-part {
    width: 923px;
    margin: 0 auto;
    height: 550px;
    position: relative
}
.video-sec {
    background: #f0f0f0;
    padding-bottom: 30px
}
.request-callback {
    background: #293035;
    padding: 30px 0
}
.request-callback h5 {
    font-size: 18px;
    color: #fff;
    margin: 0;
    padding: 0;
    text-transform: capitalize;
    line-height: 60px
}
.red-text {
    color: #0067d3
}
.request-callback .btn-part a {
    background: #f96566
}
.request-callback .btn-part a {
    background: #0067d3;
    color: #fff;
    text-transform: uppercase;
    padding: 14px 15px;
    -webkit-transition: .3s ease-in;
    -moz-transition: .3s ease-in;
    transition: .3s ease-in
}
.host_banner {
    background-attachment: scroll;
    background-repeat: repeat;
    background-size: cover;
    padding-top: 150px;
    position: relative
}
.host_banner::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    display: block;
    background: rgba(0, 0, 0, .7)
}
.host_banner .banner_caption {
    background: 0 0
}
.banner_caption50 {
    padding-bottom: 150px;
    position: relative
}
.banner_caption50 .caption {
    width: 45%
}
.banner_caption50 h4 {
    color: #fff;
    font-family: ProximaNovaA-Regular;
    font-size: 20px;
    line-height: 24px;
    text-transform: uppercase;
    display: inline-block;
    background: rgba(0, 0, 0, .7);
    padding: 2px 10px;
    margin: 0
}
.banner_caption50 h2 {
    color: #fff;
    font-size: 54px;
    text-transform: uppercase
}
.banner_caption50 h1 {
    color: #fff;
    font-size: 54px;
    text-transform: uppercase
}
.host_banner::after {
    position: absolute;
    bottom: -5px;
    right: 180px;
    content: url(../images/host_cpu.png);
    display: block
}
.welcome_caption {
    padding-top: 40px
}
.welcome_caption h4 {
    color: #000;
    font: 700 16px/24px Ubuntu, sans-serif;
    text-transform: uppercase
}
.welcome_caption h2 {
    color: #0067d3;
    font: 700 32px/37px Ubuntu, sans-serif;
    text-transform: uppercase;
    margin-top: 0;
    padding-bottom: 15px
}
.welcome_caption p {
    color: #475152;
    font: 300 14px/24px Ubuntu, sans-serif
}
.hosting_pack {
    border: 1px solid #f96566;
    margin-top: 45px;
    padding: 15px;
    width: 80%
}
.hosting_pack .card_icon {
    background: #fff;
    width: 40px;
    height: 35px;
    margin: -30px auto 0;
    display: block
}
.hosting_pack h4 {
    color: #364046;
    font: 700 16px/20px Ubuntu, sans-serif
}
.welcome_sec {
    padding-bottom: 130px
}
.package_detail {
    background: #f0f0f0;
    padding-top: 60px;
    position: relative
}
.pack_head {
    text-align: center;
    padding-bottom: 60px
}
.pack_head h2 {
    color: #434242;
    font: 700 24px/34px Ubuntu, sans-serif;
    text-transform: uppercase;
    margin-top: 0
}
.pack_head p {
    color: #475152;
    font: 300 14px/24px Ubuntu, sans-serif
}
.pack_list {
    position: relative;
    z-index: 1
}
.pack_list .card {
    background: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    padding-bottom: 35px;
    margin-bottom: 45px;
    position: relative
}
.card_head {
    text-align: center;
    padding: 12px;
    position: relative
}
.card_head h3 {
    background-image: url(../images/plan_icon.png);
    background-position: 15px center;
    background-repeat: no-repeat;
    color: #364046;
    font: 500 20px/38px Ubuntu, sans-serif;
    text-transform: uppercase;
    margin: 0
}
.sold_meta {
    position: absolute;
    top: -30px;
    right: -15px;
    width: 50px;
    height: 50px;
    background: #33b7c6;
    border-radius: 50%;
    display: -webkit-flex;
    display: none
}
.card_rate {
    background: #364046;
    text-align: center;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 70%, 50% 100%, 0 70%);
    clip-path: polygon(0 0, 100% 0, 100% 70%, 50% 100%, 0 70%)
}
.card_rate h2 {
    color: #fff;
    font: 700 30px/38px Ubuntu, sans-serif;
    margin: 0;
    padding: 20px 15px 25px
}
.card_rate i {
    font-size: 24px;
    padding-right: 5px
}
.card_rate h2 span {
    font-size: 16px;
    font-weight: 300
}
.card_body li h5 {
    color: #515050;
    font: 300 14px/18px Ubuntu, sans-serif;
    margin: 0
}
.card_body li h5 span {
    font-weight: 700;
    padding-right: 5px
}
.card_body {
    padding: 0 10px
}
.card_body li {
    padding: 10px 0;
    border-radius: 0
}
.card_body li+li {
    border-top: 1px dotted #e3e3e3
}
.card_foot {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -35px;
    text-align: center
}
.card_foot .btn {
    background: #0067d3;
    border-color: #0067d3;
    border-radius: 22px;
    font: 400 14px/18px Ubuntu, sans-serif;
    text-transform: uppercase;
    padding: 10px 30px
}
.best_active .sold_meta {
    display: flex
}
.sold_meta h6 {
    color: #fff;
    font: 300 10px/14px Ubuntu, sans-serif;
    margin: auto
}
.card.best_active .card_rate {
    background: #0067d3
}
.bestSrv_sec {
    padding-top: 65px;
    padding-bottom: 25px
}
.bestSrv_sec h2 {
    color: #434242;
    font: 700 16px/24px Ubuntu, sans-serif;
    text-transform: uppercase;
    text-align: center;
    border-bottom: 1px solid grey;
    margin: 0
}
.bestSrv_sec h2 span {
    background: #fff;
    padding: 5px 15px
}
.bestSrv_list {
    padding-top: 55px
}
.bestSrv_list .media-left {
    padding-right: 20px
}
.media_icon {
    background: #fff;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    display: -webkit-flex;
    display: flex;
    -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 5px rgba(0, 0, 0, .2);
    margin: 0 auto 10px
}
.media_icon .fa {
    color: #364046;
    font-size: 20px;
    margin: auto
}
.bestSrv_list h4 {
    color: #364046;
    font: 400 16px/30px Ubuntu, sans-serif;
    margin: 0
}
.bestSrv_list p {
    color: #777;
    font: 300 14px/18px Ubuntu, sans-serif
}
.webHost_sec {
    background-attachment: scroll;
    background-repeat: repeat;
    padding: 40px 0;
    position: relative
}
.webhost_wrap {
    position: relative
}
.web_cont {
    background: #fff;
    padding: 45px 35px 45px 120px;
    width: 100%
}
.web_cont h4 {
    color: #000;
    font: 700 16px/24px Ubuntu, sans-serif;
    text-transform: uppercase
}
.web_cont h2 {
    color: #0067d3;
    font: 700 32px/24px Ubuntu, sans-serif;
    text-transform: uppercase;
    margin-top: 0;
    padding-bottom: 15px
}
.web_cont p {
    color: #475152;
    font: 300 14px/24px Ubuntu, sans-serif;
    text-align: justify
}
.web_cont a {
    color: #0067d3 !important;
    font: 400 16px/24px Ubuntu, sans-serif;
    text-transform: uppercase
}
.webhost_wrap::before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    display: block;
    background: #fff;
    height: 100%;
    width: 50%
}
.webhost_wrap .container::before {
    position: absolute;
    top: 30px;
    left: -90px;
    content: url(../images/web_bg.png);
    display: block
}
.webhost_wrap .container {
    position: relative
}
.webHost_sec::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    display: block;
    background: rgba(0, 0, 0, .85)
}
.hosting_sec {
    background-image: url(../images/host_bg.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    padding-top: 45px
}
.host_head h4 {
    color: #484848;
    font: 300 14px/24px Ubuntu, sans-serif;
    text-transform: uppercase
}
.host_head h4 span {
    font-size: 34px;
    font-weight: 700;
    padding-left: 5px
}
.host_head h2 {
    color: #0067d3;
    font: 700 44px/44px Ubuntu, sans-serif;
    text-transform: uppercase;
    margin-top: 0;
    padding-bottom: 15px
}
.host_plan_list h6 {
    color: #484848;
    font: 300 14px/24px Ubuntu, sans-serif
}
.host_plan_list h6 .fa {
    color: #0067d3;
    padding-right: 10px
}
.start_rate {
    position: absolute;
    top: 0;
    left: -50px;
    width: 86px;
    height: 86px;
    border-radius: 50%;
    background: #33b7c6;
    text-align: center;
    padding: 15px 0
}
.start_rate p {
    color: #fff;
    font: 300 12px/14px Ubuntu, sans-serif;
    margin: 0
}
.start_rate h4 {
    color: #fff;
    font: 700 20px/24px Ubuntu, sans-serif;
    margin: 0
}
.start_rate p {
    color: #fff;
    font: 300 12px/14px Ubuntu, sans-serif;
    margin: 0
}
.host_plan_list .btn {
    background: #0067d3;
    border-color: #0067d3;
    color: #fff !important;
    font: 400 14px/24px Ubuntu, sans-serif;
    text-transform: uppercase;
    padding: 10px 25px;
    margin-top: 25px
}
.fact_about {
    padding-top: 45px
}
.fact_head {
    width: 80%;
    margin: 0 auto 45px;
    text-align: center
}
.fact_head h2 {
    color: #0067d3;
    font: 500 22px/24px Ubuntu, sans-serif;
    text-transform: uppercase;
    margin: 0;
    padding-bottom: 35px;
    position: relative
}
.fact_head h2::after {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    content: "";
    display: block;
    margin: 0 auto;
    width: 30px;
    height: 1px;
    background: #000
}
.fact_head p {
    color: #747474;
    font: 300 14px/22px Ubuntu, sans-serif
}
.fact_list h5 {
    color: #0067d3;
    font: 500 16px/24px Ubuntu, sans-serif
}
.fact_list li {
    text-align: center
}
.fact_list li+li {
    padding-top: 30px
}
.banner_sec50 {
    background-attachment: scroll;
    background-repeat: repeat;
    background-size: cover;
    padding-top: 150px;
    position: relative
}
.banner_sec50 .banner_caption {
    background-image: url(../images/flat_bg.png);
    background-position: right 45px;
    background-repeat: no-repeat;
    padding-bottom: 150px;
    position: relative
}
.banner_sec50 .banner_caption .caption {
    width: 45%
}
.banner_sec50 .banner_caption h4 {
    color: #fff;
    font-family: ProximaNovaA-Regular;
    font-size: 20px;
    line-height: 24px;
    text-transform: uppercase;
    display: inline-block;
    background: rgba(0, 0, 0, .7);
    padding: 2px 10px;
    margin: 0
}
.banner_sec50 .banner_caption h2 {
    color: #fff;
    font-family: ProximaNovaA-Bold;
    font-size: 54px;
    text-transform: uppercase
}
.banner_sec50 .banner_caption h1 {
    color: #fff;
    font-family: ProximaNovaA-Bold;
    font-size: 54px;
    text-transform: uppercase
}
.banner_sec50 .banner_sec::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    display: block;
    background: rgba(0, 0, 0, .3)
}
.banner_sec50::after {
    position: absolute;
    bottom: -40px;
    right: 225px;
    content: url(../images/car.png);
    display: block
}
.welcome_caption ul li {
    list-style: none
}
.visual_sec {
    background-attachment: fixed;
    background-repeat: repeat;
    padding: 40px 0;
    position: relative
}
.visual_sec::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    display: block;
    background: -moz-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .5) 1%, #000 60%, #000 100%);
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .5) 1%, #000 60%, #000 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .5) 1%, #000 60%, #000 100%)
}
.visual_sec h2 {
    color: #0067d3;
    font: 700 28px/24px Ubuntu, sans-serif;
    padding-bottom: 10px
}
.visual_sec p {
    color: #fff;
    font: 300 14px/28px Ubuntu, sans-serif
}
.visual_sec .card_img {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 300px
}
.walkthrow_sec {
    padding-top: 65px;
    position: relative;
    z-index: 1
}
.walk_head {
    text-align: center;
    padding-bottom: 50px
}
.walk_head h5 {
    color: #000;
    font: 700 18px/24px Ubuntu, sans-serif;
    text-transform: uppercase
}
.walk_head h2 {
    color: #0067d3;
    font: 700 38px/34px Ubuntu, sans-serif;
    text-transform: uppercase;
    margin: 0;
    position: relative;
    display: inline-block
}
.walk_head h2::before {
    position: absolute;
    top: -5px;
    left: -75%;
    content: url(../images/l_line.png);
    display: block
}
.walk_head h2::after {
    position: absolute;
    top: -5px;
    right: -75%;
    content: url(../images/r_line.png);
    display: block
}
.video_part::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    content: "";
    background: rgba(0, 0, 0, .2)
}
.video_part {
    background-repeat: repeat-y;
    background-size: cover;
    height: 550px;
    display: -webkit-flex;
    display: flex;
    position: relative
}
.interior_design {
    background-attachment: scroll;
    background-repeat: repeat;
    position: relative;
    margin-top: -110px;
    padding-top: 160px;
    padding-bottom: 25px
}
.interior_design::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    display: block;
    background: -moz-linear-gradient(45deg, rgba(0, 0, 0, .94) 0, rgba(0, 0, 0, .75) 99%, rgba(0, 0, 0, .75) 100%);
    background: -webkit-linear-gradient(45deg, rgba(0, 0, 0, .94) 0, rgba(0, 0, 0, .75) 99%, rgba(0, 0, 0, .75) 100%);
    background: linear-gradient(45deg, rgba(0, 0, 0, .94) 0, rgba(0, 0, 0, .75) 99%, rgba(0, 0, 0, .75) 100%)
}
.interior_cont {
    width: 45%;
    text-align: center;
    margin: 55px auto;
    position: relative
}
.interior_cont h2 {
    color: #fff;
    font: 300 38px/34px Ubuntu, sans-serif;
    text-transform: uppercase;
    padding-bottom: 25px;
    position: relative
}
.interior_cont h2 span {
    font-weight: 700;
    color: #0067d3
}
.interior_cont h2::before {
    position: absolute;
    top: -45px;
    left: 0;
    right: 0;
    content: "///////////////////////////////////////////////////////////////////////////////////////////////////////";
    font-size: 10px;
    color: #69696a;
    line-height: 20px;
    font-style: italic;
    overflow: hidden
}
.interior_cont .card_img {
    background-image: url(../images/card_img.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: -webkit-flex;
    display: flex;
    height: 400px
}
.logo_tag {
    width: 210px;
    height: 210px;
    border-radius: 50%;
    background: #364046;
    border: 5px solid #fff;
    display: -webkit-flex;
    display: flex;
    margin: auto
}
.logo_tag span {
    margin: auto
}
.request_call {
    background: #364046;
    padding: 20px 0
}
.request_call ul>li:first-child {
    position: relative;
    padding-right: 35px
}
.request_call li:first-child p {
    color: #0067d3;
    font-weight: 500
}
.request_call p {
    color: #fff;
    font: 300 18px/24px Ubuntu, sans-serif;
    margin: 0;
    padding: 10px 0
}
.request_call .btn {
    background: #0067d3;
    border-color: #0067d3;
    font: 500 14px/34px Ubuntu, sans-serif;
    text-transform: uppercase
}
.request_call .list-inline>li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px
}
.request_call li:first-child::after {
    position: absolute;
    top: 5px;
    right: 12px;
    content: "";
    display: block;
    width: 1px;
    height: 35px;
    background: #fff;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}
form#frm_contact_us {
    padding:30px 20px;
    border: 1px solid #e2edea;
    background: #f9fdfc;
    margin: 30px 0
}
.review-item {
    color: #fff
}
.text-box ul li i {
    display: none
}
section .section-title {
    text-align: center;
    color: #007b5e;
    margin-bottom: 50px;
    text-transform: uppercase
}
#team .card {
    border: none;
    background: #fff
}
.image-flip.hover .backside,
.image-flip:hover .backside {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -o-transform: rotateY(0);
    -ms-transform: rotateY(0);
    transform: rotateY(0);
    border-radius: .25rem
}
.image-flip.hover .frontside,
.image-flip:hover .frontside {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg)
}
.mainflip {
    -webkit-transition: 1s;
    -webkit-transform-style: preserve-3d;
    -ms-transition: 1s;
    -moz-transition: 1s;
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transition: 1s;
    transform-style: preserve-3d;
    position: relative
}
.frontside {
    position: relative;
    -webkit-transform: rotateY(0);
    -ms-transform: rotateY(0);
    z-index: 2;
    margin-bottom: 30px
}
.backside {
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-box-shadow: 5px 7px 9px -4px #9e9e9e;
    -moz-box-shadow: 5px 7px 9px -4px #9e9e9e;
    box-shadow: 5px 7px 9px -4px #9e9e9e;
    width:100%;
}
.backside,
.frontside {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s;
    -webkit-transform-style: preserve-3d;
    -moz-transition: 1s;
    -moz-transform-style: preserve-3d;
    -o-transition: 1s;
    -o-transform-style: preserve-3d;
    -ms-transition: 1s;
    -ms-transform-style: preserve-3d;
    transition: 1s;
    transform-style: preserve-3d
}
.backside .card,
.frontside .card {
    min-height: 312px
}
.backside .card a {
    font-size: 18px;
    color: #007b5e !important
}
.frontside .card .card-body img {
    width: 150px;
    height: 150px;
    border-radius: 50%
}
.box-text h3 {
    font-size: 16px;
    color: #0067d3;
    font-weight: 700
}
.box-text h3 i {
    font-size: 13px;
    margin-right: 10px;
    color: #fddb27
}
.box-text {
    padding-left: 20px
}
.text-box ul {
    margin-top: 20px
}
.text-box ul li {
    list-style: none;
    margin-bottom: 10px !important;
    margin-left: 23px
}
.about-text .col-lg-3.col-md-3.col-sm-3 {
    margin: auto
}
.seo30 .col-lg-4.col-md-4.col-sm-4 {
    margin: auto
}
.ppc-inner .text-box h2 {
    font-size: 22px;
    font-weight: 600;
    color: #fff
}
.ppc-inner .text-box p {
    color: #fff;
    font-size: 16px
}
.ppc-inner .text-box ul li::before {
    position: absolute;
    top: 9px;
    left: -24px;
    content: "\f101";
    color: #fff;
    font-family: FontAwesome;
    font-size: 15px
}
.questonnaire_form h1,
.questonnaire_form h2 {
    font-size: 30px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
    padding-top: 15px;
}
.inner_section.questonnaire_form {
    padding: 50px 0;
}
.video-part-link {
    background-color: #333;
    padding: 50px 0;
}
.heading-text {
    text-align: center;
    color: #333;
    font: 700 30px/40px Ubuntu, sans-serif;
    padding: 30px 0;
}
.container-thank {
    text-align: center;
    padding: 50px 0;
}
.container-thank h2 {
    color: #0056b3;
    text-transform: uppercase;
    padding-bottom: 15px;
    font-size: 36px;
    font-weight: 600;
}
.container-thank h3 {
    color: #999999;
    font-size: 16px;
    padding-bottom: 5px;
}
.container-thank h4 {
    color: #333;
    font-size: 24px;
}
/*//career pages css */
.each_jobs {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
}
.each_jobs+.each_jobs {
    margin-top: 30px;
}
.each_jobs h2 {
    font-size: 40px;
    font-weight: 700;
}
.each_jobs h6 {
    color: #9e9e9e;
    margin-bottom: 30px;
}
.each_jobs h2 a {
    font-size: inherit;
    color: inherit;
}
.each_jobs_img {
    -webkit-flex: 0 0 450px;
    flex: 0 0 450px;
    max-width: 450px;
}
.each_jobs_img>img {
    width: 100%;
}
.each_jobs_text {
    padding: 30px;
    -ms-flex: 1 0 0;
    flex: 1 0 0;
}
.viewDetailsBtn {
    background: #fff;
    text-transform: uppercase;
    color: #3359e8;
    font-size: 16px;
    font-weight: 600;
    border-radius: 30px;
    -ms-box-shadow: 0 0 10px -5px #3359e8;
    -moz-box-shadow: 0 0 10px -5px #3359e8;
    -webkit-box-shadow: 0 0 10px -5px #3359e8;
    box-shadow: 0 0 10px -5px #3359e8;
    padding: 10px 24px;
    margin-top: 15px;
    display: inline-block;
}
.applyNowBtn {
    background: #3359e8;
    text-transform: uppercase;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    border-radius: 30px;
    -ms-box-shadow: 0 0 10px -5px #3359e8;
    -moz-box-shadow: 0 0 10px -5px #3359e8;
    -webkit-box-shadow: 0 0 10px -5px #3359e8;
    box-shadow: 0 0 10px -5px #3359e8;
    padding: 10px 24px;
    margin-top: 15px;
    display: inline-block;
}
.applyNowBtn:hover {
    background: #3359e8;
    color: #fff;
}
.viewDetailsBtn:hover {
    background: #fff;
    color: #3359e8;
}
.jobBtnGroup {
    list-style: none;
}
.jobBtnGroup li+li {
    margin-left: 20px;
}
.careerListingWrp {
    padding: 80px 0;
}
.arCareerPagination .page-item.active .page-link {
    background-color: #3359e8;
    border-color: #3359e8;
}
.arCareerPagination {
    margin-top: 30px;
    text-align: center;
}
.arCareerPagination .pagination {
    -webkit-justify-content: center;
    justify-content: center;
}
.arCareerPagination .page-link {
    color: #000000;
}
.each_jobsdtls_img img {
    width: 100%;
    display: block;
}
.each_jobsdtls_txt>h2 {
    font-size: 40px;
    font-weight: 700;
}
.each_jobsdtls_txt>h2 a {
    color: #3359e8;
    font-size: inherit;
}
.each_jobsdtls_txt h6 {
    color: #9e9e9e;
    margin-bottom: 30px;
}
.detailsGroup h4 {
    font-size: 24px;
    font-weight: 700;
}
.detailsGroup :is(ul, ol) {
    padding-left: 20px;
}
.detailsGroup {
    margin-top: 30px;
}
.arDetailsTag {
    -ms-display: flex;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding-left: 0 !important;
    margin: 0 -5px;
}
.arDetailsTag>li {
    padding: 5px;
}
.arDetailsTag>li>span {
    display: inline-block;
    padding: 8px 12px;
    background: #f2f2f2;
    border-radius: 50px;
}
.arDetailsTag>li>span:hover {
    background: #ddd;
}
.not_available_job {
    text-align: center;
}
/*//career pages end */
/*==================video production page style=====================*/
header {
    box-shadow: 0px 5px 10px rgb(0 0 0 / 16%);
}
.btn.custom_btn {
    background: #fedb27;
    padding: 18px 80px;
    line-height: 1;
    border-radius: 50px;
    color: #000;
    display: inline-flex;
    align-items: center;
    height: 54px;
}
.banner_section {
    padding: 96px 0px;
}
.banner_buttons {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.btn.custom_btn.white_bg {
    padding: 18px 50px;
    background: #fff;
    box-shadow: 0px 3px 10px rgb(0 0 0 / 12%);
}
.btn.custom_btn.white_bg i.fas {
    margin-right: 8px;
    font-size: 20px;
}
.banner_img {
    padding-left: 40px;
}
.banner_info h1 {
    font-size: 64px;
    font-weight: 700;
    margin-bottom: 50px;
}
.banner_info span {
    color: #01b4ee;
}
.banner_info p {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 70px;
}
.banner_video {
    width: 100%;
    height: 100%;
}
.banner_video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.banner_video_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.banner_video_overlay img {
    width: 100%;
}
.discover_section {
    background: url(https://pluspromotions.ie//assets/images/discover-bg.jpg) no-repeat center;
    background-size: cover;
}
.discover_section .row {
    align-items: flex-end;
}
.discover_info {
    padding: 62px 0px 62px 0px;
    max-width: 526px;
}
.discover_info h2 {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 30px;
}
.discover_info p {
    color: #000;
    margin-bottom: 40px;
}
.discover_info a {
    line-height: 1;
    color: #000;
    font-weight: 600;
    display: flex;
    align-items: center;
}
.discover_info a img {
    margin-left: 15px;
}
.service_section {
    padding: 82px 0px 130px;
}
.service_icon {
    width: 134px;
    height: 134px;
    box-shadow: 0px 2px 15px rgb(4 60 218 / 15%);
    border-radius: 50%;
    margin: 0px auto 34px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.service_info {
    text-align: center;
}
.service_info h3 {
    font-weight: 600;
    margin-bottom: 34px;
    min-height: 58px;
    font-size: 24px;
}
.service_info p {
    color: #000;
}
.service_txt h2 {
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 40px;
}
.service_txt p {
    color: #757575;
    margin-bottom: 70px;
}
.video_work_section {
    background: url(https://pluspromotions.ie//assets/images/video-bg.png) no-repeat center;
    background-size: cover;
    padding: 130px 0px 100px;
    position: relative;
    z-index: 9;
}
.video_work_section .row {
    justify-content: space-between;
}
.video_cnt {
    position: relative;
}
.video_cnt video {
    overflow: hidden;
    width: 100%;
    border-radius: 20px;
}
.play_btn_cnt {
    position: absolute;
    top: 24px;
    left: 24px;
}
.play_button {
    width: 62px;
    height: 62px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 25px;
    color: #fff;
    transition: .5s;
}
.play_button:hover {
    background: #fedb27;
}
.play_button.pause .fa.fa-play::before {
    content: '\f04c';
}
.play_btn_cnt p {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    left: 50px;
    display: flex;
    width: 105px;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
}
.play_btn_cnt:hover p {
    opacity: 1;
    left: 80px;
    visibility: visible;
}
.video_title {
    color: #fff;
    margin: 32px 0px;
    font-weight: 500;
    min-height: 67px;
}
.video_cat {
    display: flex;
    margin-bottom: 120px;
}
.video_cat li {
    list-style: none;
    font-size: 16px;
    color: #757575;
    font-weight: 600;
    padding-right: 10px;
    border-right: #757575 2px solid;
    line-height: 1;
    margin-right: 10px;
}
.video_cat li:last-child {
    border-right: none;
    margin-right: 0px;
    padding-right: 0px;
}
.nav_content {
    position: relative;
    margin-right: -15px;
}
.tab_section {
    padding: 83px 0px 110px;
    background: url(https://pluspromotions.ie//assets/images/tab-bg.jpg) no-repeat center;
    background-size: cover;
}
.navigation_tab {
    box-shadow: 0px 5px 20px rgb(0 0 0 / 22%);
}
.tab_static_img_bottom {
    position: absolute;
    bottom: -78px;
    left: -98px;
    border-radius: 20px;
    box-shadow: 0px 5px 20px rgb(0 0 0 / 22%);
}
.tab_static_img_top {
    position: absolute;
    left: -167px;
    top: -41px;
}
.tab_section #nav-tab li a {
    font-size: 30px;
    font-weight: 600;
    color: #bbbbbb;
    margin-bottom: 45px;
    display: block;
    line-height: 1;
    position: relative;
}
.tab_section #nav-tab li.active_tab a {
    color: #fedb27;
    margin-left: 33px;
    position: relative;
    display: inline-block;
}
.tab_section #nav-tab li.active_tab a:after {
    position: absolute;
    content: '';
    width: 150px;
    height: 2px;
    background: #000;
    top: 50%;
    transform: translateY(-50%);
    left: calc(100% + 30px);
}
.tab_navigation_list {
    max-width: 662px;
    margin-left: auto;
}
.tab_navigation_list li {
    list-style: none;
}
.video_work_section .custom_btn {
    font-weight: 600;
}
.video_process {
    padding-top: 112px;
    padding-bottom: 100px;
    background: #ebebeb;
    margin-top: -42px;
}
.video_process_txt h2 {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 30px;
    line-height: 1;
}
.video_process_txt p {
    color: #757575;
    margin-bottom: 70px;
    max-width: 836px;
}
.video_production_cnt {
    background: #fff;
    padding: 84px 68px;
    border-radius: 10px;
    box-shadow: 0px 3px 15px rgb(0 0 1 / 18%);
    position: relative;
    z-index: 99;
}
.video_production_cnt::after {
    content: '';
    position: absolute;
    width: 2px;
    top: 0;
    z-index: 0;
    height: 100%;
    background: url(https://pluspromotions.ie//assets/images/video-border-right.png) no-repeat;
    right: 62px;
    background-position-y: 157px;
}
.video_production_cnt .row {
    justify-content: flex-end;
}
.video_production_item {
    text-align: center;
    margin-bottom: 96px;
    position: relative;
}
.video_production_item::after {
    content: '';
    position: absolute;
    width: 100%;
    top: 73px;
    left: 50%;
    z-index: 0;
    height: 2px;
    background: url(https://pluspromotions.ie//assets/images/video-border.png) no-repeat center;
}
.video_production_cnt .row .col-sm-3:nth-child(5) .video_production_item,
.video_production_cnt .row .col-sm-3:nth-child(6) .video_production_item,
.video_production_cnt .row .col-sm-3:nth-child(7) .video_production_item {
    margin-bottom: 0px;
}
.video_production_cnt .row .col-sm-3:nth-child(4) .video_production_item:after,
.video_production_cnt .row .col-sm-3:nth-child(7) .video_production_item:after {
    width: 50%;
}
.video_production_item p {
    color: #000;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 15px;
}
.video_production_icon {
    width: 86px;
    height: 86px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0px 2px 20px rgb(4 60 218 / 20%);
    margin: 0px auto 20px;
    z-index: 999;
    position: relative;
}
.video_production_item p.video_production_para {
    line-height: 26px;
    font-weight: 600;
}
.keep_in_touch {
    padding-top: 320px;
    margin-top: -335px;
    position: relative;
    z-index: 9;
    background: #fff;
    padding-bottom: 75px;
}
.keep_in_touch_title {
    font-size: 36px;
    font-weight: 700;
    color: #086ad8;
    text-align: center;
    margin-bottom: 58px;
}
.keep_in_touch_form {
    max-width: 615px;
    margin: 0px auto;
}
.keep_in_touch_form .form-group {
    margin-bottom: 25px;
}
.keep_in_touch_form .form-control {
    height: 60px;
    border-color: #adcdf2;
    border-radius: 50px;
    padding: 20px 25px;
}
.keep_in_touch_form textarea.form-control {
    height: 150px;
    border-radius: 25px;
}
.keep_in_touch_form .btn.custom_btn {
    margin: 10px auto 0px;
    font-weight: 500;
    padding: 26px 104px;
    color: #000;
    height: auto;
}
.photography_service {
    background: url(https://pluspromotions.ie//assets/images/photography-service-bg.jpg) no-repeat center;
    padding: 144px 0px 250px;
    background-size: cover;
    position: relative;
}
.photography_service:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(rgb(255 0 0 / 0%), rgb(0 0 0 / 35%), rgb(0 0 0 / 42%));
    z-index: 9;
    top: 0px;
    left: 0px;
}
.photography_content {
    max-width: 875px;
    position: relative;
    z-index: 99;
}
.photography_content h2 {
    font-size: 60px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 40px;
}
.photography_content h2 span {
    color: #fedb27;
}
.photography_content p {
    color: #fff;
    margin-bottom: 65px;
}
.photography_content .btn.custom_btn {
    background: #fff;
    padding: 24px 68px;
    height: auto;
}
.footer_inner .input_div {
    box-shadow: none;
    border-radius: 0;
    padding: 0;
}
.footer_inner .input_div .form-control {
    border: 0;
    height: 37px;
    width: 150px;
    display: inline-block;
    border-radius: 4px 0 0 4px;
    font-size: 12px;
}
.footer_inner .input_div .btn {
    background: #fddb27;
    border-radius: 0 4px 4px 0;
    padding: 7px 10px;
    color: #0a1d73;
    font-size: 14px;
    font-family: 'Work Sans', sans-serif;
    font-weight: 500;
}
.footer_inner .input_div h4 {
    color: #fff;
    font-size: 18px;
    margin-top: 15px;
    margin-bottom: 0;
}
.footer_inner .input_div p {
    margin: 0;
    color: #fff;
    font-size: 14px;
    margin-bottom: 15px;
}
.newsletter-offer .input_div .form-control {
    width: 280px;
}
.newsletter-offer a.offer-img {
    display: block;
    text-align: center;
    margin-top: 30px;
}
.newsletter-offer {
    text-align: center;
}
#popupModal.modal.subscribe-newsletter {
    top: 15%;
}
/*Partner with US Page CSS Added by Riddhi Chauhan*/
.black_text {
    color: #000;
}
.partner_with_us_section .banner .contact-us {
    font-size: 16px;
    min-width: 245px;
    margin-right: 10px;
}
.partner_with_us_section .calling-btn {
    background-color: transparent;
    color: #fff;
    border: 1px solid #fff;
    text-transform: none;
    margin-right: 0 !important;
}
.partner_with_us_section .calling-btn i {
    padding-right: 5px;
}
.partner_with_us_section .banner h1 {
    margin-bottom: 70px;
}
.partner_with_us_section {
    padding: 120px 0 0px;
}
.partner_with_us_section .banner {
    height: auto;
}
.partner_about_content h4 {
    font-size: 30px;
    color: #6b6b6b;
    font-weight: 700;
    margin-bottom: 50px;
}
.partner_about_content p {
    font-size: 16px;
    color: #616161;
}
.partner_about_content {
    width: 50%;
    float: right;
    padding: 85px 20% 85px 0;
}
.partner_about_content.about_us_info {
    padding: 75px 42% 90px 0;
    width: 100%;
}
.partner_about_content.specialist_content {
    padding: 0;
    width: 100%;
}
.blue_text {
    display: block;
    font-size: 16px;
    color: #0969d8;
    padding-bottom: 33px;
}
.about_us_section .left_img {
    width: 38%;
    background-color: #fff;
    float: left;
}
.about_us_section .right_img img {
    height: 100%;
    object-fit: cover;
}
.who_we_are_section h4 {
    font-size: 60px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 30px;
}
.who_we_are_section span {
    font-size: 24px;
    display: block;
    margin-bottom: 25px;
    color: #fff;
}
.dark_yellow_text {
    color: #fcff00;
}
.common-btn {
    border: 1px solid #000;
    border-radius: 30px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    padding: 10px 30px;
    text-transform: capitalize;
    min-width: 220px;
    background: #000;
    text-align: center;
    transition: 0.4s ease;
    display: inline-block;
}
.common-btn:hover {
    color: #0056b3;
}
.who_we_are_section span:last-child {
    margin-bottom: 0;
}
.who_we_are_section .common-btn.view-services {
    margin-top: 65px;
}
.portfolio_section {
    padding: 80px;
}
.portfolio_section .work_text h2,
.portfolio_section .work_text span {
    color: #086ad8;
    font-size: 249px;
    font-weight: 700;
    text-transform: uppercase;
}
.portfolio_section .work_text span {
    display: block;
    letter-spacing: 4.8rem;
}
.portfolio_section .partner_about_content h4,
.portfolio_section .partner_about_content p {
    color: #c4c4c4;
}
.portfolio_section .partner_about_content {
    width: 100%;
    padding: 40px 0 100px 0;
}
.portfolio_section .partner_about_content p {
    margin-bottom: 0;
}
.portfolio_section figure {
    padding-bottom: 160px;
    margin: 0;
}
.portfolio_section figcaption h3 {
    padding-top: 60px;
    font-size: 24px;
    margin-bottom: 20px;
    color: #fff;
}
.portfolio_section figcaption span {
    display: block;
    font-size: 16px;
    color: #757575;
}
.common-btn.view_services {
    display: inline-block;
    position: relative;
    background: #fddb27;
    color: #000;
    border: 1px solid #fddb27;
    font-weight: 600;
    min-width: auto;
    padding: 10px 63px;
}
.common-btn.view_services:hover {
    color: #0056b3;
}
.contact_form_section {
    padding: 90px 0 160px 0;
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
}
.get_in_touch_form {
    max-width: 620px;
    margin: 0 auto;
    text-align: center;
}
.get_in_touch_form h2 {
    color: #086ad8;
    font-weight: 600;
    margin-bottom: 60px;
    font-size: 36px;
}
.get_in_touch_form .form_box {
    margin-bottom: 20px;
    width: 100%;
}
.get_in_touch_form .form_box input,
.get_in_touch_form .form_box textarea,
.select_style.select_style_box {
    transition: 0.4s ease;
    width: 100%;
    background-color: #fff;
    border: 0.3px solid #086ad8;
    border-radius: 50px;
    font-size: 16px;
    color: #000;
    padding: 11px 20px 13px 20px;
}
.get_in_touch_form .form_box textarea {
    border-radius: 15px !important;
    resize: none;
}
.get_in_touch_form .form_box input:focus,
.get_in_touch_form .form_box input:focus-within,
.get_in_touch_form .form_box input:focus-visible,
.select_style_box .form-control:focus-visible,
.select_style_box .form-control:focus,
.select_style_box .form-control:focus-within,
.get_in_touch_form .form_box textarea:focus,
.get_in_touch_form .form_box textarea:focus-within,
.get_in_touch_form .form_box textarea:focus-visible {
    outline: none;
    box-shadow: none;
}
.get_in_touch_form .form_box input::placeholder,
.get_in_touch_form .form_box textarea::placeholder,
.select_style_box .form-control {
    color: #bbbbbb;
}
.combine_box {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}
.combine_box .form_box {
    width: 48.8%;
}
.select_style_box .form-control {
    border: none;
    padding: 0;
    height: auto;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.select_style_box:after {
    display: none;
}
.get_in_touch_form .common-btn {
    font-weight: 500;
    min-width: 260px;
}
.btn_section {
    padding-left: 0;
}
.business_section .left_img img,
.about_us_section .right_img {
    position: absolute;
    bottom: 0;
    height: 100%;
}
.right_img {
    right: 0;
    top: 0;
}
.about_us_section {
    position: relative;
    padding: 88px 0;
}
/*Added by Riddhi Chauhan*/
/*   @media screen and (min-width: 1400px) {
        .who_we_are_section {
            padding: 20% 0px 20% 115px;
        }
        .who_we_are_section h4 {
            font-size: 50px;
        }
        .who_we_are_section h4 {
            margin-bottom: 35px;
        }
        .who_we_are_section span {
            margin-bottom: 18px;
            font-size: 22px;
        }
        .portfolio_section .work_text h2,
        .portfolio_section .work_text span {
            font-size: 200px;
        }
    } */
/* App Development Page CSS Added By Riddhi Chauhan */
.app_development_page {
    background-color: #000c1e;
    position: relative;
    padding: 100px 0 85px 0;
}
.app_development_page .banner_text h1 {
    font-size: 60px !important;
    color: #fff;
    font-weight: 300;
}
.app_development_page .banner_text b {
    font-weight: 700;
}
.blue_text {
    font-weight: 600;
    font-size: inherit;
    padding-bottom: 25px;
}
.banner_text p {
    font-size: 16px;
    color: #fff;
    line-height: 1.875;
    margin-bottom: 0;
}
.app_development_page .banner_btns {
    width: 100%;
    justify-content: space-between;
    margin-top: 75px;
}
.app_development_page .banner_btns .btn {
    color: #000;
    min-width: 250px;
    min-height: 56px;
    line-height: 56px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    border-radius: 30px;
    padding: 15px 30px;
    text-transform: capitalize;
}
.app_development_page .banner_btns .btn.get_started_btn {
    background-color: #fedb27;
    border: 1px solid #fedb27;
}
.app_development_page .banner_btns .btn.get_started_btn:hover {
    background-color: #fff;
    border: 1px solid #fff;
}
.app_development_page .banner_btns .btn.calling_btn {
    background-color: #fff;
    border: 1px solid #fff;
}
.app_development_page .banner_btns .btn.calling_btn:hover {
    background-color: #fedb27;
    border: 1px solid #fedb27;
}
.app_development_page .banner_img_sec {
    padding-left: 22%;
    text-align: right;
    display: block;
    position: relative;
}
.app_dev_who_we_are_section {
    padding: 100px 0 85px 0;
    position: relative;
}
.counter_txt .js_counter_count {
    margin-bottom: 35px;
}
.counter_txt span {
    padding-left: 25px;
}
.counter_txt .js_counter_count,
.counter_txt span {
    font-size: 30px;
    font-weight: 700;
    line-height: 1.2;
    color: #13212c;
    text-align: center;
    display: inline-block;
    -moz-transform: matrix(3.30844874554703, 0, 0, 3.31331790466477, 0, 0);
    -webkit-transform: matrix(3.30844874554703, 0, 0, 3.31331790466477, 0, 0);
    -ms-transform: matrix(3.30844874554703, 0, 0, 3.31331790466477, 0, 0);
}
.experience_counter_section .common_box {
    border: 0.5px solid rgba(149, 149, 149, 0.5);
    width: 270px;
    height: 272px;
    line-height: 272px;
    text-align: center;
    position: relative;
    display: block;
    padding: 50px 40px;
    line-height: 60px;
}
.experience_counter_section .common_box:nth-child(2) {
    margin-left: 30px;
}
.experience_counter_section .common_box i {
    display: inline-block;
    width: 100%;
    margin-bottom: 0;
    line-height: normal;
    position: relative;
    top: 20px;
    font-size: 30px;
    color: #13212c;
    font-style: normal;
    font-weight: 400;
}
.app_dev_who_we_are_section .who_we_are_sec {
    padding-right: 14%;
}
.app_dev_who_we_are_section .who_we_are_sec p {
    font-size: 16px;
    font-weight: 500;
    color: #13212c;
    line-height: 1.5;
    margin-bottom: 0;
}
.app_dev_who_we_are_section .who_we_are_sec h4,
.app_dev_service_sec h4 {
    font-size: 30px;
    color: #13212c;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 35px;
}
.app_dev_who_we_are_section .who_we_are_sec span {
    font-size: 18px;
    text-transform: uppercase;
    line-height: 1.2;
    margin-bottom: 0;
}
.app_dev_service_sec .all_service_sec {
    border-top: 1px solid;
    border-color: rgba(137, 137, 137, 0.8);
}
.app_dev_service_sec .blue_text {
    font-size: 18px;
    text-transform: uppercase;
    line-height: 1.2;
    margin-bottom: 0;
}
.app_dev_service_sec .service_box {
    position: relative;
    background-color: rgb(224, 228, 237);
    max-width: 970px;
    margin: 0 auto;
    top: -1px;
    height: 500px;
    padding: 65px 0 85px 0;
}
.itemSlider .slick-prev:before,
.itemSlider .slick-next:before {
    font-size: 30px;
    color: #000;
}
.itemSlider .slick-slide img {
    margin: 0 auto;
}
.app_dev_service_sec h4 {
    max-width: 80%;
    margin: 0 auto;
    padding-bottom: 85px;
}
.itemSlider .slick-prev {
    left: -75px;
}
.itemSlider .slick-next {
    right: -50px;
}
.itemSlider .slick-prev:before {
    content: '' !important;
    background-image: url(https://pluspromotions.ie//assets/images/arrow_left.png);
}
.itemSlider .slick-next:before {
    background-image: url(https://pluspromotions.ie//assets/images/arrow_right.png);
}
.itemSlider .slick-next:before,
.itemSlider .slick-prev:before {
    content: '' !important;
    background-repeat: no-repeat;
    width: 45px;
    height: 45px;
    display: block;
    border-radius: 50%;
    border: 1px solid #959595;
    background-position: center;
}
.lets_talk_section_img {
    position: absolute;
    top: 0;
    bottom: auto;
    right: 0;
    background: url(https://pluspromotions.ie//assets/images/lets_talk_bg_img.png);
    background-repeat: no-repeat;
    object-fit: cover;
    background-size: 100% 100%;
    background-position: right;
    width: 48%;
    display: block;
    height: 100%;
}
.lets_talk_section {
    position: relative;
    padding: 100px 0 80px 0;
    margin-top: -1px;
}
.develop_bespoke_app_sec {
    padding-right: 180px;
}
.develop_bespoke_app_sec h4 {
    font-size: 60px;
    padding-bottom: 50px;
    color: rgb(32, 33, 38);
    font-weight: bold;
    margin-bottom: 0;
}
.develop_bespoke_app_sec p {
    font-size: 16px;
    font-weight: 500;
    color: rgb(19, 33, 44);
    line-height: 1.5;
    margin-bottom: 0;
    padding-bottom: 60px;
}
.develop_bespoke_app_sec .common-btn {
    background-color: #fedb27;
    border: 1px solid #fedb27;
    font-size: 16px;
    min-width: 210px;
    color: rgb(0, 0, 0);
    padding: 10px 25px 11px 25px;
}
.portfolio_section.app_dev_our_work_section {
    background-color: rgb(32, 33, 38);
    position: relative;
    padding: 115px 0;
}
.portfolio_section.app_dev_our_work_section .blue_text {
    text-transform: uppercase;
    padding-bottom: 15px;
    line-height: 1.2;
    margin-bottom: 0;
}
.portfolio_section.app_dev_our_work_section .small_title {
    font-size: 30px;
    color: #fefefe;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 45px;
}
.portfolio_section.app_dev_our_work_section figcaption h3 {
    padding-top: 85px;
    margin-bottom: 20px;
}
.portfolio_section.app_dev_our_work_section figure {
    padding-bottom: 115px;
}
.lets_talk_section.reliable_app_development_team {
    background-color: #e8ebf6;
    padding: 120px 0 70px 0;
}
.lets_talk_section.reliable_app_development_team .common-btn {
    background-color: #000;
    color: #fff;
    border: 1px solid #000;
    min-width: 290px;
    padding: 17px 25px 17px 25px;
}
.development_team_section_img {
    position: absolute;
    top: auto;
    bottom: 0;
    right: 0;
    background: url(https://pluspromotions.ie//assets/images/reliable_app_development_team.png);
    background-repeat: no-repeat;
    object-fit: cover;
    background-size: 100% 100%;
    background-position: right;
    display: block;
    height: 100%;
    max-width: 100%;
    width: 50%;
}
.lets_talk_section.reliable_app_development_team .develop_bespoke_app_sec {
    padding-right: 0;
}
.lets_talk_section.reliable_app_development_team .develop_bespoke_app_sec h4 {
    padding-bottom: 30px;
    margin-bottom: 0;
}
.lets_talk_section.reliable_app_development_team .develop_bespoke_app_sec p {
    padding: 0 22% 0 0;
    margin-bottom: 95px;
}
/*-============================================
		    My Stylesheet (02 May 22)
    ==============================================*/
.product_banner {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    -moz-box-align: center;
    align-items: center;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    height: 370px;
    position: relative;
    padding: 20px 0;
}
.product_banner h1 {
    font-size: 60px;
    font-weight: 700;
    text-align: center;
}
.search_sec {
    padding: 65px 0;
}
.search_sec .form-control {
    box-shadow: 3px 3px 10px #00000033;
    border-radius: 50px;
    height: 80px;
    padding: 0.375rem 1.5rem;
}
.plugins_sec {}
.plugins_head {
    padding-bottom: 45px;
}
.plugins_head h4 {
    color: #000000;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 1rem;
}
.plugins_head li:not(:last-child) {
    margin-right: 20px;
}
.plugins_head .nav-pills .nav-link {
    color: #000000;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    border: 1px solid #707070;
    border-radius: 50px;
    width: 131px;
}
.plugins_head .nav-pills .nav-link.active,
.plugins_head .nav-pills .show>.nav-link {
    color: #ffffff;
    background: #086AD8;
    border-color: #086AD8;
}
.plugins_head p {
    color: #000000;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
}
/* ======= */
.plugins_cont {
    padding-bottom: 65px;
}
.plugins_list {}
.plugins_list .card {
    border-radius: 0px;
    margin-bottom: 2.5rem;
}
.plugins_list .card img {
    width: auto !important;
    margin: 0 auto;
}
.plugins_list .card-img {
    padding: 2rem 1rem;
}
.plugins_list .card h6 {
    min-height: 50px;
}
.plugins_list .card h6 a {
    color: #000000;
    font-size: 16px;
    font-weight: 600;
}
.plugins_list .card p {
    color: #000000;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    min-height: 50px;
}
.plugins_list .card .rating_meta {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    -moz-box-align: center;
    align-items: center;
    gap: 3px;
    padding-bottom: 2rem;
}
.plugins_list .card .btn {
    color: #000000;
    font-size: 16px;
    line-height: 1.8;
    background-color: #FEDB27;
    border-color: #FEDB27;
    border-radius: 50px;
    padding-left: 35px;
    padding-right: 35px;
    margin-bottom: 1rem;
}
.plugins_list .owl-nav button {
    background: none !important;
    border: none !important;
    line-height: 1 !important;
    border-radius: 0px !important;
    box-shadow: none !important;
    outline: none !important;
    width: 5px;
    position: relative;
}
.plugins_list .owl-nav .owl-prev::after {
    display: inline-block;
    vertical-align: 0.255em;
    content: "";
    border-top: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 0;
    border-left: 20px solid #000000;
    transform: rotate(45deg);
}
.plugins_list .owl-nav .owl-next::after {
    display: inline-block;
    vertical-align: 0.255em;
    content: "";
    border-top: 20px solid transparent;
    border-right: 20px solid #000000;
    border-bottom: 0;
    border-left: 20px solid transparent;
    transform: rotate(-45deg);
}
/* ====== PAGE:: End List ======= */
.plugins_search {
    padding-bottom: 65px;
}
/* ====== PAGE:: End Search List ======= */
.productDetail_sec {
    background: #E8EBF5;
    padding: 75px 0 130px;
}
.productDetail_sec h2 {
    color: #000000;
    font-size: 48px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 2rem;
}
.productDetail_sec p {
    color: #000000;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    margin-bottom: 1.5rem;
}
.productDetail_sec .btn {
    color: #000000;
    font-size: 16px;
    line-height: 1.8;
    background-color: #FEDB27;
    border-color: #FEDB27;
    border-radius: 50px;
    padding-left: 35px;
    padding-right: 35px;
    margin-top: 1rem;
}
/* ======= */
.order_sec {
    background: #202126;
    padding: 35px 0;
}
.testimonial_part {
    background: #353743;
    padding: 55px 0;
    margin-top: -100px;
    margin-bottom: 35px;
    position: relative;
}
.testimonial_part::before {
    position: absolute;
    top: 0;
    left: calc((100% - 45%) / 4);
    content: "";
    width: 45px;
    height: 45px;
    background: url(../images/bcode_icon.svg) no-repeat center top;
    background-size: 100%;
}
.testimonial_part .align-self-center {
    margin-right: 3rem;
}
.testimonial_part .card-img {
    width: 98px;
    height: 98px;
    border: 1px solid #086AD8;
    border-radius: 50%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    -moz-box-align: center;
    align-items: center;
    margin: 0 auto .5rem;
}
.testimonial_part .card-img img {
    width: 82px !important;
    height: 82px;
    object-fit: cover;
    justify-content: center;
}
.testimonial_part h6 {
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
}
.testimonial_part h3 {
    color: #7F8188;
    font-size: 30px;
    font-weight: 600;
}
.testimonial_part p {
    color: #C4C5C8;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 400;
    margin-bottom: 1.5rem;
}
.testimonial_part .owl-nav [class*="owl-"] {
    background: none !important;
    border: none !important;
    line-height: 1 !important;
    border-radius: 0px !important;
    box-shadow: none !important;
    outline: none !important;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.testimonial_part .owl-nav .owl-prev {
    left: -30%;
}
.testimonial_part .owl-nav .owl-next {
    right: -30%;
}
.testimonial_part .owl-nav .owl-prev::after {
    display: inline-block;
    vertical-align: 0.255em;
    content: url(../images/arrow_l.svg);
}
.testimonial_part .owl-nav .owl-next::after {
    display: inline-block;
    vertical-align: 0.255em;
    content: url(../images/arrow_r.svg);
}
/* ====== */
.wooCommerce_sec {
    padding: 45px 0;
}
.wooCommerce_part {}
.wooCommerce_part .media {
    padding-bottom: 65px;
}
.wooCommerce_part .media h2 {
    color: #fff;
    font-size: 48px;
    font-weight: 600;
    line-height: 1;
}
.wooCommerce_part .reting_meta li {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
}
.wooCommerce_part .media_part {
    height: 500px;
    margin-bottom: 1rem;
}
.wooCommerce_part .media_part .videoWrapSect {
    height: 100%;
    position: relative;
}
.wooCommerce_part .media_part .media_part {
    background-repeat: no-repeat;
    background-size: cover;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    -moz-box-align: center;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    z-index: 1;
}
.wooCommerce_part .media_part .media_part::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    /*background: rgba(0,0,0,0.3);*/
}
.wooCommerce_part .media_part .media_part a {
    position: relative;
}
.wooCommerce_part .embed-responsive {
    height: 100%;
}
/* ===== */
.wooCommerce_part .content_part {
    margin-bottom: 1rem;
}
.content_part .box+.box {
    margin-top: 2.5rem;
}
.content_part .box h3 {
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 1.5rem;
}
.content_part .box p {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
}
.content_part .box ul {
    padding-left: 35px;
}
.content_part .box li+li {
    margin-top: 1rem;
}
.content_part .box li {
    color: #CECACA;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    position: relative;
}
.content_part .box li::before {
    content: url(../images/polygon_icon.svg);
    position: absolute;
    top: 0;
    left: -30px;
}
.content_part .box a {
    color: #086AD8;
    font-size: 16px;
    font-weight: 400;
}
/* ===== */
.sideBar {}
.sideBar .card {
    background: #3D3E42;
    border: none;
    border-radius: 10px;
}
.sideBar .card+.card {
    margin-top: 35px;
}
.sideBar .card-body {
    padding: 45px 35px;
}
.sideBar .card h4 {
    color: #CECACA;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 1rem;
}
.sideBar .card h4 span {
    font-size: 24px;
}
.sideBar .card p {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
}
.sideBar .card .btn {
    color: #000000;
    font-size: 16px;
    line-height: 1.8;
    background-color: #FEDB27;
    border-color: #FEDB27;
    border-radius: 50px;
    padding-left: 35px;
    padding-right: 35px;
    margin: 1.5rem 0;
    display: block;
}
.sideBar .card h5 {
    color: #00FFB1;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    margin: 1.5rem 0;
}
.sideBar .card h6 {
    color: #C5C5C7;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    text-align: left;
}
.sideBar .card h6 a {
    color: #086AD8;
}
.sideBar .card li {
    color: #E9E9E9;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    text-align: left;
}
.sideBar .card li+li {
    margin-top: 1rem;
}
.sideBar .card li span {
    color: #FEDB27;
}
/* ===== */
.overview_sec {}
.overview_list {
    background: #FEDB27;
    height: 100%;
    padding: 65px 35px;
}
.overview_list .card {
    background: none;
    border: none;
    border-radius: 0px;
    margin-bottom: 2rem;
}
.overview_list h2 {
    color: #000000;
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 1rem;
}
.overview_list p {
    color: #000000;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
}
.overview_sidebar {
    background: #ffffff;
    padding: 35px 0;
}
.overview_sidebar h2 {
    color: #000000;
    font-size: 48px;
    font-weight: 600;
    margin-bottom: 2rem;
}
.overview_sidebar p {
    color: #A2A2A2;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
}
/* ===== */
.feature_sec {
    background: #086AD8;
    padding: 65px 0;
}
.feature_sec .card {
    background: none;
    border: none;
    border-radius: 0px;
    margin-bottom: 2rem;
}
.feature_head {
    padding-right: 30%;
    position: relative;
}
.feature_head::before {
    position: absolute;
    top: 50%;
    right: 10px;
    content: url(../images/featers_arrow.svg);
}
.feature_head h2 {
    color: #ffffff;
    font-size: 48px;
    font-weight: 600;
    margin-bottom: 2rem;
}
.feature_list h2 {
    color: #ffffff;
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 1rem;
}
.feature_sec p {
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
}
/* ===== */
.screenshots_sec {
    background: #E8E8E8;
    padding: 65px 0;
}
.screenshots_sec h2 {
    color: #000000;
    font-size: 48px;
    font-weight: 600;
    text-align: center;
}
.screen_list {
    padding: 45px 0;
}
.screen_list>.row {
    margin-right: -6px;
    margin-left: -6px;
}
.screen_list>.row [class*="col-"] {
    padding-left: 6px;
    padding-right: 6px;
}
.screenshots_sec .box {
    margin-bottom: 1rem;
}
.screenshots_sec .btn {
    color: #000000;
    font-size: 16px;
    line-height: 1.8;
    background-color: #FEDB27;
    border-color: #FEDB27;
    border-radius: 50px;
    padding-left: 35px;
    padding-right: 35px;
    width: 236px;
    margin: 0 auto;
}
.hover-on {
    display: none;
}
.top_header ul li a:hover.hover-on {
    display: block;
}
.add_fot p {
    max-width: 80%;
}

.blogList-box-item .blog_part{height:100%;}

/* ====== PAGE:: End List Details ======= */

.pakage_sec{}
.pakage_sec h2{
    color: #3D3D3D;
    font-size: 48px;
    font-weight: 300;
    text-align: center;
}
.pakage_list{
    padding-top: 95px;
}
.pakage_list .row{
    margin-left: -11px;
    margin-right: -11px;
}
.pakage_list .row [class*="col-"]{
    padding-left: 11px;
    padding-right: 11px;
}
.pakage_list .card{
    background: var(--white);
    border: 1px solid #E2E2E2;
    box-shadow: 0px 3px 20px #9F9F9F29;
    border-radius: 0px;
    /* height: 100%; */
    margin-bottom: 1.5rem;
}
.pakage_list .card-body{
    padding: 50px 25px;
}
.pakage_list .basic_part,
.pakage_list .form-group {
    margin-bottom: 3rem;
}
.pakage_list .basic_part h6{
    color: #404040;
    font-size: 20px;
    font-weight: 700;
}
.pakage_list .basic_part h3{
    color: #086AD8;
    font-size: 30px;
    font-weight: 700;
}
.pakage_list .basic_part p{
    color: rgba(64, 64, 64, 1);
    font-size: 18px;
    list-style: none;
}
.pakage_list .form-group .btn{
    color: #086AD8;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--white);
    border: 1px solid #086AD8;
    border-radius: 2px;
    height: 50px;
}
.pakage_list .card ul li{
    color: rgba(64, 64, 64, 1);
    font-size: 18px;
    line-height: 1.5;
    list-style: none;
    padding-left: 26px;
    position: relative;
}
.pakage_list .card ul li::before {
    content: "";
    color: #086AD8;
    font-family: 'FontAwesome';
    font-size: 16px;
    line-height: 1;
    background-image: url('../images/tick_icon.png');
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    width: 14px;
    height: 14px;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 8px;
}
.pakage_list .card ul li + li{margin-top: 1rem;}
.pakage_list .card.active{
    background: #F6FAFF;
    border: 1px solid #C9E0F9;
}
.pakage_list .card.active .card-body{
    border-top: 4px solid #086AD8;
}
.pakage_list .card.active .form-group .btn{
    color: var(--white);
    background: #086AD8;
}

.inner_section.new-portfolio-sec h2 {
  border-bottom: 1px dashed #807d7d;
  padding-bottom: 15px;
}


/* ====== PAGE:: End Pakages ======= */




/* css start 26-05-26 */

.banner .carousel-inner .carousel-caption {
    bottom: inherit;
    top: 50%;
    transform: translate(0, -51%);
}

.banner .carousel-caption h2 {
    font-family: 'Work Sans', sans-serif !important;
    font-weight: bold;
    color: #ffc800 !important;
    font-size: 105px;
    max-width: 636px;
    line-height: 0.8;
}

.banner .carousel-caption h5, .banner .carousel-caption p {
    font-family: 'Work Sans', sans-serif !important;
    font-weight: normal;
    color: #fff;
    font-size: 52px;
    max-width: 645px;
    line-height: 1.2;
    text-transform: capitalize;
}

/* css end 26-05-26 */




/*-==============================
		    @media Stylesheet
================================*/


@media screen and (max-width:1860px){

    .introduction .container .row .offset-1{padding-left:11%;}

}

@media screen and (max-width:1599px){

    .introduction .container .row .offset-1{padding-left:24%;}

}

@media screen and (min-width: 1400px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1320px !important;
    }
   

  

    



}

@media screen and (min-width: 1024px) {
    .overview_list h2 {
        height: 55px;
    }
    .banner .carousel-item picture img{
	    width:100%;
	}	
	
}

@media screen and (min-width:768px) {

    .for_desktop .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute;
        right:4px !important;
        left: inherit !important;
    }

    .header_inner .for_desktop .navbar-nav{padding:0 11px 0 0;}

}






@media screen and (max-width: 1400px) {
    .partner_with_us_section {
        padding: 0;
    }
    .partner_with_us_section .banner h1 {
        padding-top: 125px;
    }
    .who_we_are_section {
        padding: 0;
    }
    .who_we_are_section h4 {
        font-size: 45px;
    }
    .who_we_are_section span {
        font-size: 22px;
    }
    .partner_about_content.about_us_info {
        padding: 75px 20% 90px 0;
    }
    .partner_with_us_section .banner .contact-us {
        min-width: auto;
        margin-left: 0px;
    }
    .portfolio_section figure img {
        max-width: 90%;
    }
    .portfolio_section figure {
        text-align: center;
        padding-bottom: 120px;
    }
    .btn_section {
        padding: 0 20px;
    }
    .portfolio_section .work_text h2,
    .portfolio_section .work_text span {
        font-size: 210px;
    }
    .partner_with_us_section .banner h1 {
        font-size: 50px;
    }
    .partner_with_us_section.app_development_page {
        padding: 70px 0;
    }
    /*App development Page Responsive CSS added by Riddhi Chauhan*/
    .app_development_page .banner_text h1 {
        font-size: 45px !important;
    }
    .app_development_page .banner_btns {
        margin-top: 60px;
    }
    .app_development_page .banner_btns .btn {
        min-width: 220px;
        min-height: auto;
        padding: 12px 20px;
    }
    .app_development_page .banner_btns {
        justify-content: flex-start;
    }
    .app_development_page .banner_btns .btn.calling_btn {
        margin-left: 20px;
    }
    .app_dev_who_we_are_section,
    .lets_talk_section,
    .portfolio_section.app_dev_our_work_section,
    .lets_talk_section.reliable_app_development_team {
        padding: 70px 0 50px 0;
    }
    .develop_bespoke_app_sec h4 {
        font-size: 45px;
        padding-bottom: 30px;
    }
    .develop_bespoke_app_sec p {
        padding-bottom: 45px;
    }
    .lets_talk_section.reliable_app_development_team .common-btn {
        min-width: 290px;
        padding: 12px 20px 12px 20px;
    }
    .app_development_page .banner_img_sec img {
        width: 80%;
    }
    .app_development_page .banner_img_sec {
        padding-left: 15%;
    }
    .counter_txt .js_counter_count,
    .counter_txt span {
        font-size: 22px;
    }
    .counter_txt span {
        padding-left: 20px;
    }
    .experience_counter_section .common_box {
        height: 240px;
        width: 240px;
        padding: 30px 28px;
        line-height: 70px;
    }
    .experience_counter_section .common_box i {
        font-size: 25px;
    }
    .lets_talk_section_img {
        width: 670px;
    }
    .develop_bespoke_app_sec {
        padding-right: 35%;
    }
    .portfolio_section.app_dev_our_work_section figure img {
        max-width: 100%;
    }
    .portfolio_section.app_dev_our_work_section figcaption h3 {
        padding-top: 50px;
        margin-bottom: 15px;
    }
    .portfolio_section.app_dev_our_work_section figcaption h3,
    .portfolio_section.app_dev_our_work_section figcaption span {
        text-align: left;
    }
    .portfolio_section.app_dev_our_work_section .btn_section {
        padding: 0 0px;
    }
    .portfolio_section.app_dev_our_work_section figure {
        padding-bottom: 80px;
    }
    .lets_talk_section.reliable_app_development_team .develop_bespoke_app_sec p {
        margin-bottom: 70px;
    }
    .app_dev_service_sec .service_box {
        padding: 65px 0 100px 0;
    }
    .contact_form_section {
        padding: 65px 0 140px 0;
    }


    .our_professional_team .image-flip .backside .card{min-height:400px; max-height:400px; overflow-y:auto;}

    
}

@media screen and (max-width: 1299px) {

    .banner .carousel-caption h2{
        font-size:92px;
    }

    .banner .carousel-caption h5, .banner .carousel-caption p{
        font-size:50px;
        line-height: 1.1;
        padding-top:5px;
    }


}








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

    .introduction .container .row .offset-1{padding-left:19%;}
    /* ======= */

    .pakage_list .basic_part h3{font-size: 26px;}
    .pakage_list .card-body{padding: 2rem 1.25rem;}
    .pakage_list .form-group .btn,
    .pakage_list .card ul li{font-size: 16px;}

}

@media screen and (max-width: 1200px) {
    .about_us_section .right_img {
        width: 50%;
    }
    .develop_bespoke_app_sec {
        padding-right: 200px;
    }
    .lets_talk_section_img {
        width: 45%;
    }
    .app_dev_service_sec .service_box {
        max-width: 70%;
        height: auto;
    }
    .app_development_page .banner_img_sec {
        padding-left: 10%;
    }
}

@media screen and (min-width:768px) and (max-width:991.98px) {
    .app_development_page .banner_text h1 {
        font-size: 40px !important;
    }
    .app_development_page .banner_img_sec {
        padding-left: 0;
    }
    .app_development_page .banner_btns .btn {
        min-width: 60%;
        min-height: auto;
        padding: 10px 15px;
    }
    .partner_with_us_section img {
        height: 100%;
        width: auto;
        object-fit: cover;
    }
    .portfolio_section.app_dev_our_work_section .small_title {
        margin-bottom: 20px;
    }
    .app_dev_who_we_are_section .who_we_are_sec h4,
    .app_dev_service_sec h4 {
        font-size: 22px;
        margin-bottom: 25px;
    }
    .app_dev_who_we_are_section .who_we_are_sec {
        padding-right: 0;
    }
    .develop_bespoke_app_sec {
        padding-right: 25%;
    }
    .counter_txt .js_counter_count,
    .counter_txt span {
        font-size: 18px;
        margin-bottom: 20px;
        -webkit-transform: matrix(2.30844874554703, 0, 0, 2.31331790466477, 0, 0);
    }
    .develop_bespoke_app_sec h4 {
        font-size: 35px;
    }
    .app_dev_who_we_are_section,
    .lets_talk_section,
    .portfolio_section.app_dev_our_work_section,
    .lets_talk_section.reliable_app_development_team {
        padding: 50px 0 50px 0;
    }
    .experience_counter_section .common_box {
        height: 100%;
        min-height: 180px;
        width: 100%;
        padding: 30px 12px;
        line-height: normal;
    }
    .lets_talk_section_img {
        background-size: 100% 100%;
    }
    .development_team_section_img {
        background-size: 100% 100%;
        background-position: right;
        width: 60%;
    }
    .lets_talk_section.reliable_app_development_team .develop_bespoke_app_sec p {
        padding: 0 25% 0 0;
    }
    .lets_talk_section.reliable_app_development_team .develop_bespoke_app_sec h4 {
        padding-bottom: 20px;
    }
    .portfolio_section.app_dev_our_work_section .blue_text {
        padding-bottom: 8px;
    }
    .experience_counter_section .common_box i {
        font-size: 20px;
    }
    .counter_txt span {
        padding-left: 16px;
    }
    .who_we_are_section h4 {
        font-size: 35px !important;
    }
    .who_we_are_section span {
        font-size: 20px;
        margin-bottom: 20px;
    }
    .contact_form_section {
        padding: 50px 0 120px 0;
    }
    .partner_with_us_section {
        padding: 70px 0 70px;
    }
    .partner_about_content.about_us_info {
        padding: 50px 7% 50px 0;
    }
    .partner_with_us_section .banner h1 {
        font-size: 40px;
        padding-top: 0;
    }
    .who_we_are_section .common-btn.view-services {
        margin-top: 45px;
    }
    .partner_with_us_section .banner h1 {
        margin-bottom: 40px;
    }
    .portfolio_section {
        padding: 60px 30px 60px 30px;
    }
    .btn_section {
        text-align: center;
    }
    .portfolio_section figure {
        padding-bottom: 80px;
    }
    .portfolio_section .work_text h2,
    .portfolio_section .work_text span {
        font-size: 140px;
    }
    .partner_about_content h4 {
        font-size: 22px;
        margin-bottom: 25px;
    }
    .portfolio_section .partner_about_content {
        width: 100%;
        padding: 0 0px 40px;
    }
    .blue_text {
        padding-bottom: 20px;
    }
    .portfolio_section figcaption h3 {
        padding-top: 30px;
        font-size: 22px;
        margin-bottom: 10px;
    }
    .get_in_touch_form h2 {
        margin-bottom: 35px;
        font-size: 35px;
    }
    .header_inner .navbar-expand-md .navbar-nav .nav-link {
        font-size: 13px;
        padding: 8px 8px
    }
    .header_inner {
        position: static
    }
    a.navbar-brand img {
        width: 260px
    }
    .top_header {
        text-align: center
    }
    .top_header ul li {
        padding-right: 0
    }
    .top_header ul li a {
        font-size: 13px
    }
    .top_header p {
        font-size: 13px
    }
    .top_header .text-right {
        text-align: center !important
    }
    .banner h2 {
        font-size: 45px
    }
    .banner h2 br {
        display: none
    }
    .banner .btn {
        padding: 10px 20px
    }
    .electronic_item img {
        max-width: 100%
    }
  /*  .banner {
        height: 684px
    }*/
    .what_we_do .offset-3 {
        margin-left: 0 !important
    }
    .introduction .offset-3 {
        margin-left: 0 !important
    }
    .bg_img {
        position: static;
        width: 100%;
        text-align: center
    }
    .bg_img {
        background-position: center !important
    }
    .introduction {
        padding: 100px 0 200px;
    }
    .website_deliver {
        background-image: none !important;
        background-color: #1370e7 !important;
        padding: 40px 0 40px
    }
    .customer_icon {
        width: 80px;
        height: 80px
    }
    .customer_points::before {
        height: 88%
    }
    .gallery_sec ul li {
        width: 226px
    }
    .we_do_img {
        width: 100%;
        position: static
    }
    .join_today h3 {
        font-size: 32px
    }
    .join_today h5 {
        font-size: 17px
    }
    .input_div .form-control {
        width: 276px
    }
    .input_div .btn {
        font-size: 15px;
        padding: 10px 18px
    }
    .parallax_div {
        width: 100% !important
    }
    .footer_contact::after {
        display: none
    }
    .footer_logo {
        position: static;
        text-align: left;
        margin-bottom: 20px
    }
    a.navbar-brand {
        margin-left: -92px
    }
    .contact_info i {
        width: 36px;
        height: 36px;
        line-height: 38px;
        font-size: 16px
    }
    .quote_sec {
        padding: 24px
    }
    .header_inner::before {
        display: none
    }
    .about_text {
        padding: 24px 0
    }
    .team_section figcaption {
        width: 170px
    }
    .team_section figcaption h4 {
        font-size: 16px
    }
    .team_section h5 {
        font-size: 14px
    }
    .header_inner ul.navbar-nav li a::before {
        top: 38px
    }
    .for_sec_banner .carousel-caption h2 {
        font-size: 22px
    }
    .for_sec_banner .carousel-caption p {
        font-size: 14px
    }
    section.welcome_part h1 {
        font-size: 17px
    }
    .welcome_part p {
        font-size: 14px;
        line-height: 23px
    }
    .understanding_sec h4 {
        font-size: 24px
    }
    .understanding_sec h3 {
        font-size: 15px;
        line-height: 20px;
        margin-bottom: 0;
        position: relative
    }
    .understanding_sec {
        padding: 30px 0
    }
    .service_sec_block figure img {
        height: 154px
    }
    .service_sec_block h4 {
        font-size: 14px;
        line-height: 17px
    }
    .service_text_line::after {
        right: 63%
    }
    .each_jobs_img {
        -webkit-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .each_jobsdtls_txt {
        margin-top: 40px;
    }
    /*================= Product Page =================*/
    .productDetail_sec h2,
    .wooCommerce_part .media h2,
    .overview_sidebar h2,
    .feature_head h2,
    .screenshots_sec h2 {
        font-size: 32px;
    }
    .testimonial_part .media {
        flex-direction: column;
    }
    .testimonial_part .align-self-center {
        margin: 0 auto 1rem;
    }
    .testimonial_part .owl-nav [class*="owl-"] {
        position: static;
        margin: 15px !important;
        transform: none;
    }
    /*================= End Product Page ==============*/


    .footer_contact{padding:30px 0 0;}


}

@media screen and (min-width:992px) and (max-width:1199.98px) {
    .lets_talk_section_img {
        width: 50%;
    }
    .experience_counter_section .common_box i {
        font-size: 22px;
    }
    .app_dev_who_we_are_section .who_we_are_sec {
        padding-right: 40px;
    }
    .develop_bespoke_app_sec h4 {
        font-size: 30px;
    }
    .lets_talk_section.reliable_app_development_team .develop_bespoke_app_sec p {
        padding: 0 35% 0 0;
    }
    .development_team_section_img {
        width: 60%;
    }
    .experience_counter_section .common_box {
        height: 210px;
        width: 190px;
        padding: 20px 20px;
        line-height: 65px;
    }
    .app_development_page .banner_text h1 {
        font-size: 40px !important;
    }
    .counter_txt .js_counter_count,
    .counter_txt span {
        font-size: 18px;
        line-height: normal;
    }
    .partner_with_us_section .banner h1 {
        padding-top: 0;
    }
    .partner_with_us_section {
        padding: 120px 0 0;
    }
    .footer_contact::after {
        height: 135%
    }
    .customer_photo {
        width: 100px;
        height: 100px
    }
    .client_list h3 {
        font-size: 22px
    }
    .client_list h5 {
        font-size: 15px
    }
    .testimonial_sec .slick-next {
        right: 36%
    }
    .header_inner .navbar-expand-md .navbar-nav .nav-link {
        font-size: 15px;
        padding: 8px 8px
    }
    .header_inner {
        position: static
    }
    .top_header ul li {
        padding-right: 0
    }
    .introduction {
        padding: 100px 0 50px
    }
    .bg_img {
        width: 26%
    }
    .input_div .form-control {
        width: 346px
    }
    .introduction {
        padding: 100px 0 160px
    }
    .parallax_div {
        width: 100% !important
    }
    .footer_contact::after {
        width: 100%
    }
    .header_inner::before {
        display: none
    }
    .partner_with_us_section .banner h1 {
        font-size: 50px;
    }
    .blue_text {
        padding-bottom: 20px;
    }
    .partner_about_content h4 {
        margin-bottom: 30px;
        font-size: 25px;
    }
    .partner_about_content.about_us_info {
        padding: 55px 18% 60px 0;
    }
    .who_we_are_section h4 {
        font-size: 40px;
    }
    .who_we_are_section span {
        margin-bottom: 20px;
    }
    .portfolio_section {
        padding: 45px 40px 80px;
    }
    .portfolio_section .work_text h2,
    .portfolio_section .work_text span {
        font-size: 170px;
    }
    .portfolio_section figcaption h3 {
        padding-top: 45px;
        font-size: 22px;
        margin-bottom: 10px;
    }
    .portfolio_section figure {
        padding-bottom: 80px;
    }
    .contact_form_section {
        padding: 60px 0 140px 0;
    }
    .get_in_touch_form h2 {
        margin-bottom: 45px;
        font-size: 33px;
    }
    .footer_contact p {
        font-size: 12px;
    }
}



@media screen and (max-width: 1099px) {

    /* css start 26-05-26 */

       .banner .carousel-caption .container {
            padding-right: 8%;
            padding-left: 8%;
        }

        .banner .carousel-caption h2 {
         font-size: 75px;
        }

        .banner .carousel-caption h5, .banner .carousel-caption p {
            font-size: 45px;
            line-height: 1.1;
            padding-top: 5px;
            max-width:500px;
        }

    /* css end 26-05-26 */

}




@media screen and (max-width:1024px) {
/* css start 26-06-24 */
    .banner .carousel-inner .carousel-item img{width:100%; min-height:420px; max-height:420px; object-fit:cover;}

    .introduction .container .offset-1{
        /*margin-left:0px;*/ margin:0 auto;
    }

    header .header_inner .container{max-width:100%; padding:0;}
    header .header_inner .container .for_desktop .navbar-brand{margin-left:0px;}
    header .header_inner .container .for_desktop nav.navbar .navbar-collapse{flex-basis:100%;}
/* css end 26-06-24 */


     .introduction .container .row .offset-1{padding-left:25%;}
    /* ======= */

}

@media screen and (max-width:991px) {

    .introduction .container .row .offset-1 {padding-left:15px; padding-right:15px;}
    .pakage_list .card{height: auto;}
    .pakage_sec h2{font-size: 36px;}
    .pakage_list {padding-top: 40px;}

}

@media screen and (max-width:991px){

    .cork_member {
        text-align:left;
        padding:15px 0;
    }


    /* css start 26-05-26 */

    .banner .carousel-caption h2 {
        font-size: 68px;
    }

    .banner .carousel-caption h5, .banner .carousel-caption p {
        font-size: 36px;
        line-height: 1.1;
        padding-top:6px;
        max-width: 370px;
    }

    /* css end 26-05-26 */

}

@media screen and (max-width:767px) {
    .app_development_page .banner_btns {
        flex-wrap: wrap;
    }
    .app_development_page .banner_btns .btn.calling_btn {
        margin: 15px 0 0;
    }
    .experience_counter_section .common_box:nth-child(2) {
        margin: 15px 0 0;
    }
    .experience_counter_section {
        flex-direction: column !important;
    }
    .app_development_page .banner_text h1 {
        font-size: 22px !important;
    }
    .app_development_page .banner_text p {
        font-size: 14px;
    }
    .lets_talk_section.reliable_app_development_team {
        padding-bottom: 0 !important;
    }
    .experience_counter_section .common_box i {
        font-size: 20px;
    }
    .portfolio_section.app_dev_our_work_section figcaption span {
        font-size: 14px;
    }
    .app_development_page .banner_btns {
        margin-top: 40px;
    }
    .portfolio_section.app_dev_our_work_section .common-btn.view_services {
        min-width: 40%;
        padding: 10px 20px;
        font-size: 15px;
    }
    .app_development_page .banner_btns .btn {
        min-width: 55%;
        min-height: auto;
        padding: 12px 20px;
        font-size: 15px;
    }
    .app_development_page .banner_btns .btn.calling_btn {
        margin: 15px 0 0;
    }
    .portfolio_section.app_dev_our_work_section figcaption h3 {
        margin-bottom: 5px;
    }
    .portfolio_section.app_dev_our_work_section figcaption h3 {
        font-size: 16px;
    }
    .experience_counter_section .common_box {
        height: 100%;
        width: 100%;
        min-height: 120px;
        line-height: normal;
        padding: 22px 10px;
    }
    .counter_txt .js_counter_count,
    .counter_txt span {
        margin-bottom: 15px;
        line-height: 0;
        font-size: 12px;
    }
    .counter_txt span {
        padding-left: 12px;
    }
    .partner_with_us_section.app_development_page {
        padding: 50px 0 !important;
    }
    .app_development_page .banner_img_sec {
        padding-left: 0;
        margin-top: 30px;
        text-align: center;
    }
    .app_development_page .banner_img_sec img {
        width: 60%;
    }
    .lets_talk_section.reliable_app_development_team {
        padding: 40px 0 0px 0;
    }
    .development_team_section_img {
        position: relative;
        background-size: 100% 100%;
        background-position: center;
        height: 400px;
        width: 100%;
    }
    .lets_talk_section.reliable_app_development_team .develop_bespoke_app_sec p {
        margin-bottom: 40px;
        padding-right: 0;
    }
    .app_dev_who_we_are_section .who_we_are_sec {
        padding-right: 0;
        margin-bottom: 30px;
    }
    .itemSlider .slick-next:before,
    .itemSlider .slick-prev:before {
        height: 30px;
        width: 30px;
    }
    .itemSlider .slick-prev {
        left: -50px;
    }
    .itemSlider .slick-next {
        right: -40px;
    }
    .app_dev_service_sec .service_box {
        padding: 35px 0 50px 0;
    }
    .app_dev_service_sec h4 {
        max-width: 90%;
        padding-bottom: 40px;
    }
    .app_dev_who_we_are_section .who_we_are_sec h4,
    .app_dev_service_sec h4 {
        font-size: 22px;
    }
    .itemSlider .slick-slide img {
        max-width: 30%;
    }
    .itemSlider .slick-prev:before,
    .itemSlider .slick-next:before {
        background-size: 50%;
    }
    .develop_bespoke_app_sec {
        padding-right: 0;
        margin-bottom: 20px;
    }
    .develop_bespoke_app_sec h4 {
        font-size: 24px;
        padding-bottom: 20px !important;
    }
    .lets_talk_section.reliable_app_development_team .common-btn {
        min-width: 60%;
        padding: 8px 10px 10px 10px;
        font-size: 15px;
    }
    .app_dev_who_we_are_section,
    .lets_talk_section,
    .portfolio_section.app_dev_our_work_section,
    .lets_talk_section.reliable_app_development_team {
        padding: 40px 0 30px 0;
    }
    .lets_talk_section_img {
        position: relative;
        width: 95% !important;
        height: auto;
        min-height: 100vh;
        padding-top: 50px;
        margin: 0 auto;
        object-fit: cover;
    }
    .partner_with_us_section img {
        height: 100%;
    }
    .get_in_touch_form {
        max-width: 80%;
    }
    .get_in_touch_form h2 {
        margin-bottom: 30px;
        font-size: 23px;
    }
    .get_in_touch_form .form_box input,
    .get_in_touch_form .form_box textarea,
    .select_style.select_style_box {
        padding: 7px 20px 9px 20px;
        font-size: 15px;
    }
    .get_in_touch_form .common-btn {
        min-width: 80%;
        font-size: 15px;
    }
    .common-btn.view_services {
        min-width: 40%;
        padding: 10px 30px;
    }
    .partner_about_content h4 {
        font-size: 20px;
    }
    .who_we_are_section h4 {
        font-size: 32px;
        margin-bottom: 30px !important;
    }
    .who_we_are_section span {
        font-size: 18px;
        margin-bottom: 15px;
    }
    .portfolio_section .work_text h2,
    .portfolio_section .work_text span {
        font-size: 70px;
    }
    .business_section .left_img img,
    .about_us_section .right_img img {
        display: none;
    }
    .partner_with_us_section {
        padding: 70px 0 0px !important;
    }
    .partner_with_us_section .banner h1 {
        font-size: 35px;
        margin-bottom: 40px;
        padding-top: 0;
    }
    .partner_with_us_section .banner {
        text-align: center;
    }
    .partner_about_content.about_us_info {
        padding: 50px 15px 50px 15px;
    }
    .partner_about_content.about_us_info p {
        margin-bottom: 0;
    }
    .contact_form_section {
        padding: 50px 0 120px 0;
    }
    .partner_with_us_section .banner .contact-us {
        padding: 10px 12px;
        margin-bottom: 5px;
    }
    form#frm_contact_us {
        padding: 16px 10px
    }
    .about_inner h3 {
        font-size: 23px;
        margin-bottom: 10px
    }
    .inner_section {
        padding: 30px 0
    }
    .who_we_are_section {
        padding: 0;
        text-align: center;
    }
    .about_us_section {
        padding: 50px 0;
    }
    .about_content {
        padding: 50px 0
    }
    .blue_text {
        padding-bottom: 15px;
    }
    .partner_about_content h4 {
        margin-bottom: 20px;
    }
    .portfolio_section figcaption h3 {
        padding-top: 30px;
        font-size: 20px;
        margin-bottom: 8px;
    }
    .about_content h3 {
        font-size: 27px;
        line-height: 39px
    }
    .portfolio_section .work_text h2,
    .portfolio_section .work_text span {
        font-size: 60px;
    }
    .portfolio_section .partner_about_content {
        padding: 15px 30px 40px 30px;
    }
    .portfolio_section figure {
        padding-bottom: 50px;
    }
    .btn_section {
        text-align: center;
    }
    .portfolio_section {
        padding: 50px 0;
    }
    .portfolio_section .work_text span {
        display: inline-block;
        letter-spacing: 0;
    }
    .content-over-img-wraper .content-over-img {
        position: relative;
        bottom: 0
    }
    .our_professional_team h3 {
        font-size: 24px
    }
    .call-to-action-wraper {
        padding: 22px 0
    }
    button.read_more {
        padding: 9px 28px;
        margin-top: 15px
    }
    .top_header {
        text-align: center
    }
    .top_header ul li {
        padding-right: 0
    }
    .top_header ul li a {
        font-size: 11px
    }
    .top_header p {
        font-size: 10px
    }
    a.navbar-brand {
        margin-left: -40px
    }
    a.navbar-brand img {
        width: 260px
    }
    .banner h2 {
        font-size: 24px;
        margin: 0;
    }
    .banner h5,
    .banner h5 p {
        font-size: 14px;
        line-height: 14px;
        margin: 0;
    }
    .banner .carousel-caption {
	   /* bottom: auto;
       top: 15%;
	   text-align: center; */
    }

    .banner .carousel-caption {
        bottom: 10% !important;
        bottom: auto;
        top: auto;
        text-align: center;
        z-index: 999;
    }

    .carousel-indicators {
        display: none !important;
    }
    .banner h2 br {
        display: none
    }
    .banner .btn {
        font-size: 16px;
        padding:12px 30px
    }
    .electronic_item img {
        max-width: 100%;
        width: 52%
    }
    .header_inner {
        position: static
    }
    .banner {
        /*height: 594px*/
        margin-bottom: 30px;
    }
    .offset_top {
        margin-top: 0
    }
    .featured_list h4 {
        font-size: 22px
    }
    .slider_sec img {
        background: #fff;
        max-width: 100%
    }
    .bg_img {
        width: 100%;
        position: static
    }
    .introduction .offset-4 {
        margin-left: 0 !important
    }
    .video_section {
        width: 100%;
        top: -132px
    }
    .video_section figcaption {
        top: 48px;
        right: 10px
    }
    .introduction {
        padding: 100px 0 100px
    }
    .video_absolute {
        padding-bottom: 140px
    }
    .customer_icon {
        margin: 0 auto
    }
    .icon_list {
        text-align: center
    }
    .heading-border {
        width: 100%
    }
    .gallery_sec ul li {
        width: 100%;
        margin: 10px 0
    }
    .we_do_img {
        position: relative;
        width: 100%
    }
    .we_do_img img {
        max-width: 100%
    }
    .what_we_do .offset-3 {
        margin-left: 0 !important
    }
    .form_text img {
        margin-left: 0;
        max-width: 100%
    }
    .column_two .row {
        margin-left: 0;
        margin-right: 0
    }
    .form_inner {
        padding: 20px
    }
    .input_div .form-control {
        width: 212px
    }
    .input_div .btn {
        padding: 10px 22px;
        font-size: 14px
    }
    .input_div {
        margin-top: 14px
    }
    .parallax_div {
        width: 100% !important
    }
    .footer_contact::after {
        width: 100%
    }
    .copyright {
        text-align: center
    }
    .header_inner .navbar-nav {
        text-align: left
    }
    .website_deliver h3 {
        font-size: 30px
    }
    .website_deliver h3 br {
        display: none
    }
    .for_desktop {
        display: none
    }
    .for_mobile {
        display: block;
        position: relative;
        padding: 10px 0
    }
    .introduction h3 {
        font-size: 26px
    }
    .introduction h3 span {
        font-size: 26px
    }
    .form-section:before {
        width: 100%
    }
    .top_header .text-right {
        text-align: center !important
    }
    .customer_points::before {
        display: none
    }
    .video_section::before {
        width: 100%
    }
    .delivery_project {
        background-image: none !important
    }
    .gallery_list {
        margin: 10px
    }
    .start-your-project img {
        max-width: 100%
    }
    #particles-js {
        width: 100% !important
    }
    .footer_contact::after {
        width: 100%
    }
    .contact_info i {
        width: 36px;
        height: 36px;
        line-height: 38px;
        font-size: 16px
    }
    .contact_info p {
        font-size: 14px
    }
    .form_sec h4 {
        margin-top: 20px
    }
    .our_service h3 {
        font-size: 30px
    }
    .team_section figcaption {
        margin: -30px auto 20px
    }
    .about_text {
        margin-top: 10px
    }
    .about_text .nav-tabs .nav-link {
        font-size: 14px;
        font-weight: 600;
        padding: 6px
    }
    .header_inner::before {
        display: none
    }
    .header_inner .navbar-toggler {
        background: #000;
        padding: 0 7px;
        border-radius: 0
    }
    .header_inner .navbar-expand-md .navbar-nav .nav-item {
        display: block;
        line-height: 30px
    }
    .header_inner .navbar-expand-md .navbar-nav .nav-link {
        display: block;
        color: #fff;
        font-size: 14px
    }
    .header_inner .navbar-expand-md .navbar-nav .nav-item .nav-link:hover {
        color: #f6e849
    }
    .header_inner .navbar-expand-md .navbar-nav .nav-link::before {
        display: none
    }
    .header_inner .navbar-expand-md .navbar-nav .nav-item.active .nav-link {
        background: 0 0;
        color: #c1002c;
        font-weight: 600
    }
    .header_inner .navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
    }
    button:focus {
        outline: 0 !important
    }
    .electronic_item {
        text-align: center
    }
    .page_title h2 {
        font-size: 28px
    }
    .breadcrump_section {
        padding: 52px 0 17px;
        position: relative
    }
    .inner-title h2 {
        font-size: 19px;
        text-align: center;
        margin-bottom: 27px
    }
    .inner-title h1 {
        font-size: 19px;
        text-align: center;
        margin-bottom: 27px
    }
    .single-info-block {
        padding: 20px 20px
    }
    .text-box h2 {
        font-size: 15px
    }
    .text-box p {
        font-size: 14px;
        line-height: 22px
    }
    .for_sec_banner .carousel-caption p {
        font-size: 10px;
        padding: 10px 0;
        line-height: 12px
    }
    .for_sec_banner .carousel-caption {
        text-align: left;
        top: auto;
        bottom: 0;
        left: 15%
    }
    .for_sec_banner .carousel-caption h2 {
        font-size: 17px;
        font-weight: 700
    }
    .for_sec_banner .carousel-caption h1 {
        font-size: 17px;
        font-weight: 700
    }
    section.welcome_part h1 {
        margin-bottom: 20px;
        font-size: 15px
    }
    section.welcome_part p {
        font-size: 14px;
        line-height: 24px
    }
    .understanding_sec {
        padding: 30px 0
    }
    .understanding_sec h4 {
        font-size: 25px
    }
    .understanding_sec h3 {
        font-size: 16px;
        line-height: 26px
    }
    .organic_seo_head h4 {
        font-size: 25px
    }
    .organic_listing ul li {
        padding: 20px;
        text-align: center;
        margin: 12px 0;
        width: 100%
    }
    .getting_website h4 {
        font-size: 22px;
        margin-bottom: 10px
    }
    .getting_website p {
        font-size: 14px
    }
    .getting_website ul {
        -ms-column-count: 1;
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1
    }
    .getting_website ul::after {
        display: none
    }
    .service_text_line::after {
        display: none
    }
    .introduction h1 {
        font-size: 20px;
        padding-bottom: 0
    }
    .slider_sec {
        background: #f5f5f5;
        padding: 20px 10px
    }
    .icon_list h4 {
        font-size: 20px;
        margin-top: 12px
    }
    .heading_delivery h3 {
        font-size: 20px;
        font-weight: 700
    }
    .delivery_project {
        padding: 20px 0 0
    }
    .latest_blog {
        padding: 30px 0
    }
    .blog_list h4 {
        font-size: 15px
    }
    span.date-time {
        font-size: 13px;
        padding: 7px 11px
    }
    .form_text {
        padding: 50px 0 0;
        background: #fff
    }
    .join_today {
        padding: 50px 0 100px
    }
    .join_today h3 {
        font-size: 25px
    }
    .get_in_touch h3 {
        font-size: 22px
    }
    .get_in_touch {
        padding: 47px 0
    }
    .footer_inner {
        padding: 43px 0
    }
    .cork_member {
        margin: 6px auto;
        text-align: center;
    }
    .footer_contact::after {
        display: none
    }
    .copyright {
        padding:0 0 100px;
        position: relative
    }
    .footer_logo {
        top: 0;
        position:inherit;
        margin:0 0 30px;
        text-align:left;
    }
    .quote_sec {
        padding: 20px
    }
    .jobBtnGroup {
        -webkit-flex-direction: column;
        flex-direction: column;
    }
    .jobBtnGroup li+li {
        margin-left: 0px;
        margin-top: 20px;
    }
    .applyNowBtn {
        margin-top: 0;
    }
    .each_jobs h2 {
        font-size: 26px;
    }
    .each_jobsdtls_txt {
        margin-top: 40px;
    }
    .each_jobs_img {
        -webkit-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    /*=================video production==============*/
    .btn.custom_btn {
        padding: 15px 30px;
        height: auto;
    }
    .banner_section {
        padding: 50px 0px;
    }
    .banner_section .row {
        flex-direction: column-reverse;
    }
    .banner_img {
        padding-left: 0;
        margin-bottom: 40px;
    }
    .banner_info h1 {
        font-size: 30px;
        margin-bottom: 15px;
    }
    .banner_info p {
        font-size: 14px;
        margin-bottom: 25px;
    }
    .banner_info .btn.custom_btn {
        padding: 15px 30px;
        height: 45px;
        font-size: 14px;
    }
    .btn.custom_btn.white_bg i.fas {
        font-size: 16px;
    }
    .discover_section {
        padding: 50px 0px;
    }
    .discover_info {
        padding: 62px 0px 0px 0px;
        max-width: 526px;
    }
    .discover_info h2 {
        font-size: 28px;
    }
    .service_section {
        padding: 50px 0px 50px;
    }
    .service_txt h2 {
        font-size: 30px;
        margin-bottom: 30px;
    }
    .service_info {
        margin-bottom: 40px;
    }
    .service_info h3 {
        margin-bottom: 20px;
        min-height: auto;
    }
    .tab_navigation_list {
        padding: 0px 15px 100px;
    }
    .tab_section #nav-tab li a {
        font-size: 20px;
        margin-bottom: 30px;
    }
    .tab_static_img_top {
        position: absolute;
        left: -27px;
        top: -76px;
    }
    .tab_static_img_bottom {
        bottom: -61px;
        left: 15px;
        width: 200px;
    }
    .video_work_section {
        padding: 60px 0px 90px;
    }
    .video_title {
        margin: 32px 0px 20px;
        min-height: auto;
    }
    .video_cat {
        margin-bottom: 50px;
    }
    .video_work_section .btn.custom_btn {
        margin: 0px 15px;
    }
    .tab_section #nav-tab li.active_tab a:after {
        display: none;
    }
    .video_process {
        padding-top: 50px;
        padding-bottom: 50px;
        margin-top: -55px;
    }
    .video_process_txt h2 {
        font-size: 30px;
        margin-bottom: 20px;
    }
    .video_process_txt p {
        margin-bottom: 40px;
    }
    .video_production_item {
        margin-bottom: 65px;
    }
    .video_production_item::after {
        transform: rotate(90deg);
        left: 0;
        top: 92%;
    }
    .video_production_cnt .row .col-sm-3:nth-child(4) .video_production_item:after,
    .video_production_cnt .row .col-sm-3:nth-child(7) .video_production_item:after {
        width: 100%;
    }
    .keep_in_touch_title {
        font-size: 30px;
        margin-bottom: 40px;
    }
    .video_production_cnt::after {
        display: none;
    }
    .keep_in_touch_form .btn.custom_btn {
        margin: 10px auto 0px;
        padding: 20px 80px;
    }
    .photography_service {
        padding: 70px 0px 150px;
    }
    .photography_content h2 {
        font-size: 35px;
        margin-bottom: 40px;
    }
    .photography_content p {
        margin-bottom: 30px;
    }
    .photography_content .btn.custom_btn {
        padding: 16px 60px;
    }
    .banner_video {
        width: 100%;
        height: 370px;
        overflow: hidden;
    }
    .banner_video_overlay {
        position: absolute;
        top: -1px;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .nav_content {
        position: relative;
        margin-right: 0px;
    }
    /*=================video production==============*/
    /*================= Product Page =================*/
    .productDetail_sec h2,
    .wooCommerce_part .media h2,
    .overview_sidebar h2,
    .feature_head h2,
    .screenshots_sec h2 {
        font-size: 32px;
    }
    .testimonial_part .media {
        flex-direction: column;
    }
    .testimonial_part .align-self-center {
        margin: 0 auto 1rem;
    }
    .testimonial_part .owl-nav [class*="owl-"] {
        position: static;
        margin: 15px !important;
        transform: none;
    }
    /*================= End Product Page ==============*/

    .Destop_btn-banner{ display: none;}


    /* css start 26-05-26 */

        .banner .carousel-caption .Destop_btn-banner{
            display:block;
        }

        .banner .carousel-caption .Destop_btn-banner .btn:first-child{
            display:none;
        }

        .banner .carousel-caption .Destop_btn-banner .btn{
            margin:110px 0 0;
            padding: 6px 22px;
        }

    /* css end 26-05-26 */



    .mobile_btn-banner{
        display: block;
    }


    .footer_inner .footer_list .quick_link{margin:11px 0 0;}
    .footer_inner .footer_list h5{margin:35px 0 0;}
    .footer_inner .footer_list .blue_stick{margin-bottom:0px;}

    .copyright p{text-align:left;}


    .package_detail .list-unstyled{margin:0 0 55px;}
	
    .inner_section.new-portfolio-sec h2 {
      font-size: 20px;
    }

    /* css start 26-05-26 */

        .banner .carousel-caption .container {
            padding-right: 10%;
            padding-left: 10%;
            max-width: 100%;
        }

        .banner .carousel-caption h2{
            text-align:left;
        }

        .banner .carousel-caption h5, .banner .carousel-caption p {           
            text-align: left;
        }

        .banner .carousel-caption h2 {
            font-size: 62px;
        }

        .banner .carousel-caption h5, .banner .carousel-caption p{
            font-size:32px;
        }

    /* css end 26-05-26 */


}

@media screen and (min-width:576px) and (max-width:767.98px) {
    .partner_with_us_section .banner .contact-us {
        padding: 10px 18px !important;
    }
    .portfolio_section figure img {
        max-width: 70%;
    }
    .get_in_touch_form {
        max-width: 80%;
    }
    .get_in_touch_form h2 {
        margin-bottom: 30px;
        font-size: 25px;
    }
    .electronic_item img {
        max-width: 60%
    }
    .bg_img {
        background-position: center !important
    }
    .introduction h3 {
        font-size: 24px
    }
    .video_section::before {
        top: 20%
    }
    .video_section figcaption {
        top: 56%
    }
    .video_absolute {
        padding-bottom: 242px
    }
    .customer_points::before {
        display: none
    }
    .input_div .form-control {
        width: 390px
    }
    .quote_sec {
        margin-top: 20px
    }
    .form_sec {
        padding: 50px 0 0
    }
    .about_text .nav-tabs .nav-link {
        font-size: 15px;
        font-weight: 600;
        padding: 6px 10px
    }
    .counter_txt .js_counter_count,
    .counter_txt span {
        margin-bottom: 0px;
        line-height: 3;
        font-size: 12px;
    }
    .experience_counter_section .common_box {
        padding: 20px 10px;
        min-height: 140px;
    }
    .experience_counter_section .common_box i {
        font-size: 18px;
    }
}


@media screen and (max-width:580px) {


    /* css start 26-05-26 */

        .banner .carousel-caption h2 {
            font-size: 50px;
            text-align: center;
        }

        .banner .carousel-inner .carousel-caption {
            bottom: inherit;
            top: 4%;
             transform: translate(0, 0%); 
        }

      /*  .banner .carousel-caption h5, .banner .carousel-caption p {
            font-size: 29px;
            text-align: center;
            max-width: 100%;
        }*/

        .banner .carousel-caption h5, .banner .carousel-caption p {
                font-size: 29px;
                text-align: center;
                max-width: 100%;
                font-weight: 500;
                line-height: 1;
            }

    /* css end 26-05-26 */


}


@media screen and (max-width:575px) {
    .partner_with_us_section .banner h1 {
        font-size: 30px !important;
    }
    .portfolio_section.app_dev_our_work_section .blue_text,
    .portfolio_section.app_dev_our_work_section .small_title,
    .portfolio_section.app_dev_our_work_section figcaption h3,
    .portfolio_section.app_dev_our_work_section figcaption span {
        text-align: center;
    }
    .portfolio_section.app_dev_our_work_section figure img {
        max-width: 70%;
    }
    .portfolio_section.app_dev_our_work_section figcaption h3 {
        padding-top: 30px;
    }
    .portfolio_section.app_dev_our_work_section figure {
        padding-bottom: 50px;
    }
    .partner_with_us_section.app_development_page {
        text-align: center;
    }
    .app_development_page .banner_btns {
        justify-content: center;
    }
    .lets_talk_section_img {
        height: 300px;
        min-height: auto;
    }
	
    .banner .carousel-item picture img{
	    width:100%;
	}
    .pakage_sec h2 {
        font-size: 30px;
    }
}

@media screen and (max-width:320px) {
    .join_today h3 {
        font-size: 36px
    }
    .input_div .form-control {
        width: 172px
    }
    .banner .btn {
        font-size: 12px
    }
    .video_section:before {
        top: 45%
    }
    .top_header ul li a {
        width: 18px;
        height: 18px;
        line-height: 22px
    }
    .header_inner::before {
        display: none
    }
}
/************************/



@media screen and (max-width:359px) {     
    form#frm_contact_us .form-group .g-recaptcha > div {
        max-width: 100%;
        width: 226px !important;
    }
    form#frm_contact_us .form-group .g-recaptcha > div > div > iframe {
        transform: scale(0.75);
        position: relative;
        left: -38px;
    }
}

.trustpilot-widget {
    position: fixed!important;
    left: -38px;
    bottom: 7px;
    z-index: 999;
}
.trustpilot1 {
    display: inline-block;
    float: left;
    margin-left: -58px;
}
.trustpilot1 .trustpilot-widget {
    position: relative!important;
    left: unset;
    bottom: unset;
    z-index: unset;
}
@media screen and (max-width:479px) {
    .trustpilot1 {
        float: unset;
    }
    .trustpilot-widget {
        left: unset;
        right: -33px;
        bottom: 60px;
    }
}
/*---- 08-12-2023 - CSS - START ----*/
.top_header ul li.newtwitter a,
.footer_list ul li.newtwitter a {
    line-height: 28px;
} 
.top_header ul li.newtwitter a svg, 
.footer_list ul li.newtwitter a svg {
    fill: #c5c5c5;
	height: 15px;
    width: 15px;
}
.top_header ul li.newtwitter a:hover svg,
.footer_list ul li.newtwitter a:hover svg {
    fill: #fff;
}
section.slider_sec .client-sec-title {
    font-size: 40px;
    font-weight: 700;
    margin: 0 0 30px 0;
}
@media screen and (max-width: 767px) {
    section.slider_sec .client-sec-title {
      font-size: 20px;
    }	
}
/*---- 08-12-2023 - CSS - END ----*/
/*---- 19-02-2024 - CSS - START ----*/
.new-portfolio-sec {}
/* .new-portfolio-sec .gallery_sec {}
.new-portfolio-sec .portfolioFilter {
    background-color: #f1f1f1;
    padding: 15px;
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    align-items: center;
    gap: 10px 20px;
}
.new-portfolio-sec .portfolioFilter a {
    background-color: transparent;
    border: none;
    padding: 0;
    margin: 0;
    color: #939597;
}
.new-portfolio-sec .portfolioFilter a:hover, 
.new-portfolio-sec .portfolioFilter a.current {
    color: #086ad8;
}
.new-portfolio-sec .portfolioContainer.isotope {}
.new-portfolio-sec .portfolioContainer.isotope .isotope-item {}
.new-portfolio-sec .portfolioContainer.isotope .isotope-item .gallery_list {}
.new-portfolio-sec .portfolioContainer.isotope .isotope-item .gallery_list > figcaption {
    top: 0;
    background: rgba(255, 255, 255, 0.9);
    transform: scale(0);
}
.new-portfolio-sec .portfolioContainer.isotope .isotope-item .gallery_list:hover > figcaption {
    transform: scale(1);
}
.new-portfolio-sec .portfolioContainer.isotope .isotope-item .gallery_list > figcaption .btn {
    background-color: transparent;
    color: #086ad8;
    border: 2px solid #086ad8;
    padding: 15px 20px;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    display: inline-block;
}
.new-portfolio-sec .portfolioContainer.isotope .isotope-item .gallery_list > img {} */
.new-portfolio-sec .portfolio-nav-tabs {
    margin-bottom: 30px;
    background-color: #f1f1f1;
    padding: 15px;
    border: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    gap: 20px;
	display: none;
}
.new-portfolio-sec .portfolio-nav-tabs .nav-item {
    margin: 0;
    width: auto;
}
.new-portfolio-sec .portfolio-nav-tabs .nav-item .nav-link {
    background-color: transparent;
    border: none;
    padding: 0;
    border-radius: 0;
    color: #939597;
}
.new-portfolio-sec .portfolio-nav-tabs .nav-item .nav-link:hover,
.new-portfolio-sec .portfolio-nav-tabs .nav-item .nav-link.active {
    color: #086ad8;
}
.new-portfolio-sec .portfolio-cont {}
.new-portfolio-sec .portfolio-cont .portfolio-tab-pane {}
.new-portfolio-sec .portfolio-cont .portfolio-tab-pane .portfoliopane-row {}
.new-portfolio-sec .portfolio-cont .portfolio-tab-pane .portfolio-box-col {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 30px;
}
.new-portfolio-sec .portfolio-cont .portfolio-tab-pane .portfolio-box {
    position: relative;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f1f1f1;
    padding: 5px;
}
.new-portfolio-sec .portfolio-cont .portfolio-tab-pane .portfolio-box .hover-cont {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(255,255,255,0.9);
    display: flex;
    justify-content: center;
    align-items: center;
    transform: scale(0);
    -ms-transition: .5s ease-out all;
    -moz-transition: .5s ease-out all;
    -webkit-transition: .5s ease-out all;
    transition: .5 ease-out all;
}
.new-portfolio-sec .portfolio-cont .portfolio-tab-pane .portfolio-box:hover .hover-cont {
    transform: scale(1);
}
.new-portfolio-sec .portfolio-cont .portfolio-tab-pane .portfolio-box .hover-cont .btn {
    background-color: transparent;
    color: #086ad8;
    border: 2px solid #086ad8;
    padding: 15px 20px;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    display: inline-block;
}
.new-portfolio-sec .portfolio-cont .portfolio-tab-pane .portfolio-box .hover-cont .btn:hover {
    background-color: #086ad8;
    color: #fff;
}
.new-portfolio-sec .portfolio-cont .portfolio-tab-pane .portfolio-box .portfolio-img {
    max-height: 100%;
    object-fit: contain;
    width: 100%;
    aspect-ratio: 1.9/1;
}
@media screen and (max-width:767px) {
    .new-portfolio-sec .portfolio-cont .portfolio-tab-pane .portfolio-box .hover-cont .btn {
        padding: 10px 15px;
        font-size: 13px;
    }
	
.new-portfolio-sec .portfolio-nav-tabs {
	display:none;
	}	
	
}
@media (min-width:768px) and (max-width:991px) {
    .new-portfolio-sec .portfolio-cont .portfolio-tab-pane .portfolio-box .hover-cont .btn {
        padding: 8px 15px;
        font-size: 14px;
    }
}
/*---- 19-02-2024 - CSS - END ----*/
/*---- 29-02-2024 - CSS - START ----*/
/* Header Cart - CSS - Common - START */
.cart-nav .nav-link {
    position: relative;
}
/* Header Cart - CSS - Common - END */
/* Header Cart - CSS - For Desktop - START */
.cart-nav.cart-desktop {}
.cart-nav.cart-desktop .nav-link {}
.cart-nav.cart-desktop .nav-link i {}
.cart-nav.cart-desktop .nav-link .cart-count {
    position: absolute;
    min-width: 1rem;
    height: 1rem;
    line-height: 1.5em;
    top: 3px;
    border-radius: 50%;
    color: #fff;
    background-color: #d9534f;
    text-align: center;
    font-size: 10px;
    right: 5px;
}
/* Header Cart - CSS - For Desktop - END */
/* Header Cart - CSS - For Mobile - START */
.menu-icon-cart-cont {
    display: flex;
    justify-content: end;
    align-items: center;
    gap: 5px;
}
.cart-nav.cart-mobile {
    display: inline-block;
    margin-top: 8px;
}
.cart-nav.cart-mobile .nav-link {
    padding: 0 10px 0 0;
}
.cart-nav.cart-mobile .nav-link i {
    font-size: 20px;
    color: #fddb27;
}
.cart-nav.cart-mobile .nav-link .cart-count {
    position: absolute;
    min-width: 1rem;
    height: 1rem;
    line-height: 1.5em;
    top: -3px;
    border-radius: 50%;
    color: #fff;
    background-color: #d9534f;
    text-align: center;
    font-size: 10px;
    right: 5px;
}
/* Header Cart - CSS - For Mobile - END */
/* -------- Cart, Checkout Page CSS - START -------- */
.cart-page-cont {
    background: url(../images/cart-page-bg.png) no-repeat right bottom;
    padding: 60px 0;
}
.cart-top-msg-cont {
    background-color: #f7f6f7;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    padding: 10px 15px;
    border-top: 3px solid #8fae1b;
    -webkit-box-shadow: 0px 3px 10px rgba(0,0,0,0.1);
    box-shadow: 0px 3px 10px rgba(0,0,0,0.1);
    margin-bottom: 30px;
}
.cart-top-msg-cont .msg-cont {
    font-size: 16px;
    line-height: 1.7em;
}
.cart-top-msg-cont .msg-cont i {
    color: #8fae1b;
    margin-right: 10px;
}
.cart-top-msg-cont .btn-continue-shopping {
    background-color: #8fae1b;
    border: none;
    font-size: 15px;
    padding: 10px 20px;
}
.cart-page-cont .cart-body {}
.cart-page-cont .cart-body .cart-body-row {}
.cart-page-cont .cart-body .cart-body-left-col {}
.cart-page-cont .cart-body .cart-body-left-col .pro-details-box.card {
    border-radius: 0;
}
.cart-page-cont .cart-body .cart-body-left-col .pro-details-box.card .card-body {}
.prodetails-table-cont {}
.prodetails-table-cont .table {}
.prodetails-table-cont .table tr {}
.prodetails-table-cont .table tr th {
    font-size: 15px;
    line-height: 1.5em;
    text-align: center;
}
.prodetails-table-cont .table tr td {
    font-size: 15px;
    line-height: 1.5em;
}
.prodetails-table-cont .table tr td.no-wrap {
    white-space: nowrap;
}
.prodetails-table-cont .table .product-img {
    /* min-width: 90px; */
    border: 1px solid #f1f1f1;
    display: block;
}
.prodetails-table-cont .table .product-title,
.prodetails-table-cont .table .product-title a {
    color: #000;
    font-size: 18px;
    line-height: 1.2em;
    font-weight: 600;
    display: inline-block;
    margin: 0;
}
.prodetails-table-cont .table .pro-info {
    font-size: 15px;
    line-height: 1.5em;
    margin: 10px 0 0 0;
}
.prodetails-table-cont .table .pro-info strong {
    font-weight: 600;
}
.prodetails-table-cont .table .btn-update-product {
    /* background-color: #8fae1b;
    border: none;*/
}
.prodetails-table-cont .table .remove-cart {
    display: inline-block;
    margin: 6px 0;
    opacity: 0.5;
}
.prodetails-table-cont .table .remove-cart:hover {
    opacity: 1;
}
.prodetails-table-cont .table .remove-cart i {
    color: #f00;
    font-size: 26px;
}

.cart-page-cont .cart-body .cart-body-left-col .pro-details-box.card .card-footer {}
.coupon {
    display: flex;
    gap: 10px;
    width: 380px;
    max-width: 100%;
    justify-content: space-between;
    align-items: center;
}
.coupon.fullwidth {
    width: 100%;
}
.coupon .form-control {
    height: 38.5px;
    padding: 5px 15px;
}
.coupon .btn-apply-coupon {
    background-color: #8fae1b;
    border: none;
    font-size: 15px;
    padding: 8px 15px;
    font-weight: 600;
    line-height: 1.5em;
}
.cart-page-cont .cart-body .cart-body-right-col {}
.cart-page-cont .cart-body .cart-total-box.card {
    border-radius: 0;
}
.cart-page-cont .cart-body .cart-total-box.card .title-cart-total {
    font-size: 26px;
    font-weight: 600;
    line-height: 1.2em;
    margin: 0;
}
.cart-page-cont .cart-body .cart-total-box.card .cart-total-row {
    font-size: 16px;
    line-height: 1.5em;
    display: flex;
    justify-content: space-between;
    gap: 20px;
    border-top: 1px solid #dbdbdb;
    padding-top: 5px;
    margin-top: 5px;
}
.cart-page-cont .cart-body .cart-total-box.card .cart-total-row.row-vat {
    border-top: 1px solid #f1f1f1;
}
.cart-page-cont .cart-body .cart-total-box.card .cart-total-row.row-total {
    font-size: 18px;
    font-weight: 600;
}
.cart-page-cont .cart-body .cart-total-box.card .cart-total-row .row-left {}
.cart-page-cont .cart-body .cart-total-box.card .cart-total-row .row-right {
    text-align: right;
}
.cart-page-cont .cart-body .cart-total-box.card .btn-proceed-to-checkout {
    background-color: #8fae1b;
    border: none;
    font-size: 20px;
    padding: 15px;
}
.checkout-page-cont abbr.required {
    color: #f00;
    font-weight: bold;
    text-decoration: none;
}
.billdetails-box.card {
    border-radius: 0;
    margin-bottom: 30px;
}
.title-billing-details,
.title-additional-information {
    border-bottom: 1px solid rgba(0,0,0,.125);
    font-size: 26px;
    font-weight: 600;
    line-height: 1.2em;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
}
.checkout-page-cont .form-group label {
    font-size: 15px;
    font-weight: 600;
}
.checkout-page-cont .form-group textarea.form-control {
    resize: none;
    height: 90px;
}
.additional-information-box.card {
    border-radius: 0;
}
.title-your-order {
    font-size: 26px;
    font-weight: 600;
    line-height: 1.2em;
    margin: 0 0 10px 0;
}
.card-details-cont {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125);
    padding: 11px;
    margin: 20px 0 0 0;
}
.card-details-cont .card-info-title {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2em;
    margin: 0 0 10px 0;
    color: #8fae1b;
}
.checlout-login-cont.card {
    border-radius: 0;
}
@media screen and (max-width:767px) {
    .cart-top-msg-cont {
        flex-direction: column;
    }
    .cart-top-msg-cont .msg-cont {
        font-size: 15px;
        text-align: center;
    }
}
/* -------- Cart, Checkout Page CSS - END -------- */
/*---- 29-02-2024 - CSS - END ----*/


/* -------- mini cart css start 15-03-24 -------- */

    .miniCart-overlay-bg{opacity:0; position:fixed; z-index:9999; top:0; left:0; width:100vw; height:100vh; background:rgba(0, 0, 0, 0.6); cursor:pointer;}
    .miniCart-overlay-bg.show{opacity:.5; transition:opacity .95s linear;}
    .miniCart-sec-slide {position:fixed; top:0; z-index:99999;  right:0; width:400px; bottom:0; background:#fff; transition:all 0.6s ease; transform: translate(100%, 0%);}
    .miniCart-sec-slide.show{transform: translate(0%, 0%);}


   .miniCart-inner-header{border-bottom:1px solid #434343; padding:1.5rem 1rem; position:relative;}
   .miniCart-inner-header .close-miniCart-slide {position:absolute; top:24px; right:15px; font-size:1.4rem; color:#747474;}
   .miniCart-inner-header h3{font-size:21px; font-weight:600; letter-spacing:0.2px; margin:0;}

   .miniCart-inner-body {max-height:calc(100% - 150px);  flex-grow:1;  padding:1rem 1rem;  overflow-y:auto;}

   .miniCart-shopping-items{list-style-type:none;}
   .miniCart-shopping-items li{border-bottom:1px solid #ebe9eb; padding-bottom:15px; margin-bottom:20px;}
   .miniCart-item-inner{position:relative; display:flex; flex-wrap:wrap;}
   .miniCart-item{position:relative;}
   .miniCart-item .close-item{position:absolute; top:0; right:0; color:#fb4545; font-size:19px; z-index:1; cursor:pointer;}
   .miniCart-item-img{width:24%;}
   .miniCart-item-img img{max-width:100%; height:auto;}
   .miniCart-item-content{width:76%; padding:0 5% 0 6%;}

   .miniCart-item-tittle{line-height:24px; margin:0 0 9px;}
   .miniCart-item-tittle a{font-weight:600; font-size:17px; color:#09344B;}

   .miniCart-item-description p, .business-nm-tittle, .business-nm-url{font-size:16px; line-height:23px; color:#000; margin:0px 0 3px;}
   .miniCart-item-description span{display:block; color:#686868;}
   .miniCart-item-description span.value-nm{display:inline-block;}

   .miniCart-item-description .itemPrice{margin:15px 0 0;}

   .miniCart-item-description .update-btn {
        display: inline-block;
        background: #1975A6;
        padding: 0.375rem 1rem;
        border-radius: 5px;
        color: #fff;
        font-size: 13px;
        margin: 12px 0 0;
  }

  .miniCart-shopping-total p{font-size:20px; color:#09344B;}
  .miniCart-shopping-total p span{font-weight:600;}

.miniCart-shopping-footer {
    display: flex;
    column-gap: 12px;
    justify-content: space-between;
    position: absolute;
    bottom: 0;
    left: 0;
    box-shadow: 2px 0px 10px rgba(0,0,0,0.1);
    padding: 1.5rem 1rem;
    width: 100%;
    background: #fff;
    z-index: 2;
}
  .miniCart-shopping-footer a {
    color: #fff;
    width: 49%;
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 0.5px;
    font-size: 15px;
    padding: .475rem .75rem;
}
  .miniCart-shopping-footer .view-btn{background:#ff921f;}
  .miniCart-shopping-footer .checkout-btn{background:#8fae1b; }


 @media (max-width:399px){

    .miniCart-sec-slide{width:100%;}
	
	.inner_section.new-portfolio-sec a.btn.portfolio_read_more,
	.inner_section.new-portfolio-sec .call_now a.btn.portfolio_read_more{
		margin:15px auto;
		float: none;
		}

  }
  
  
  /* -------- mini cart css end 15-03-24 -------- */