@import 'css-Poppins100200300400400i500500i600700700i800900_swap.css';
@import 'css-Roboto100300400400i500700900_swap.css';
@import url('css2-Livvicwght300400500600700900_swap.css');

html,
html a {
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important
}

* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

body {
    font-size: 14px;
    color: #202020;
    font-family: 'Livvic', sans-serif;
    overflow-x: hidden
}

section {
    width: 100%;
    float: left
}

.dev-h1 {
    font-size: 25px
}

.clear {
    clear: both
}

p {
    line-height: 27px;
    margin-bottom: 0;
    
    
    color: #000;
    letter-spacing: .7px
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    font-family: 'Livvic', sans-serif;
    line-height: 100%
}

h1 {
    font-size: 60px
}

h2 {
    font-size: 30px
}

h3 {
    font-size: 24px
}

h4 {
    font-size: 18px
}

h5 {
    font-size: 14px
}

h6 {
    font-size: 12px
}

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

a,
span,
i,
strong,
img {
    display: inline-block
}

a,
a:hover,
a:focus {
    outline: none;
    text-decoration: none
}

a,
a:hover,
a:focus,
a:active {
    color: #2f2f2d
}

img {
    object-fit: cover
}

.inline-list li {
    display: inline-block
}

.float-left {
    float: left
}

.float-right {
    float: right
}

.ps-rel {
    position: relative
}

.white-bg {
    background-color: #fff
}

.logo {
    position: absolute;
    top: 50px;
    z-index: 99
}

.theme-bullet {
    position: absolute;
    height: 8px;
    width: 8px;
    background-color: #00c0ff;
    border-radius: 50%
}

.theme-shape {
    position: absolute;
    height: 20px;
    width: 20px;
    background-color: #00c0ff;
    transform: skewX(-20deg);
    -ms-transform: skewX(-20deg);
    -webkit-transform: skewX(-20deg)
}

.theme-shape span {
    height: 20px;
    width: 8px;
    margin-left: -4px;
    background-color: #00c0ff;
    transform: skewX(20deg);
    -ms-transform: skewX(20deg);
    -webkit-transform: skewX(20deg)
}

.circle-icon {
    height: 70px;
    width: 70px;
    background-color: #fff;
    font-size: 28px;
    line-height: 70px;
    color: #00c0ff;
    text-align: center;
    border-radius: 50%;
    -webkit-box-shadow: 0 1px 17px -4px #cdcdcd;
    -moz-box-shadow: 0 1px 17px -4px #cdcdcd;
    box-shadow: 0 1px 17px -4px #cdcdcd;
    transition: all .3s ease-in
}

.circle-icon:hover {
    color: #fff;
    background-color: #00c0ff
}

.member-info-common h4 {
    float: left;
    font-size: 12px;
    padding: 5px;
    font-size: 12px
}

.section-title {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 30px;
    background-image: none
}

.section-title.grey-bg {
    background-image: none
}

.section-title.text-center {
    background-position: center center;
    padding-left: 0
}

.section-subheading {
    color: #333;
    font-size: 45px;
    font-weight: 700;
    letter-spacing: .5px;
    margin-bottom: 20px
}

.section-heading {
    font-weight: 700;
    line-height: 48px;
    color: #034d92;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 55px
}

.overlay-positiond {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, .5)
}

.text-right-align {
    text-align: right !important
}

.text-right-align li {
    text-align: center !important
}

.section-padding-180 {
    padding: 180px 0
}

.section-padding-140 {
    padding: 140px 0
}

.section-padding-150 {
    padding: 150px 0
}

.section-padding-130 {
    padding: 130px 0
}

.section-padding-125 {
    padding: 125px 0
}

.section-padding-100 {
    padding: 100px 0
}

.section-padding-80 {
    padding: 80px 0
}

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

.breadcrumb-padding {
    padding-top: 310px;
    padding-bottom: 200px
}

.mrg-b-140 {
    margin-bottom: 140px
}

.mrg-b-100 {
    margin-bottom: 50px
}

.mrg-b-95 {
    margin-bottom: 95px
}

.mrg-b-90 {
    margin-bottom: 90px
}

.mrg-b-80 {
    margin-bottom: 50px
}

.mrg-b-70 {
    margin-bottom: 30px
}

.mrg-b-60 {
    margin-bottom: 60px
}

.mrg-b-50 {
    margin-bottom: 50px
}

.mrg-b-45 {
    margin-bottom: 45px
}

.mrg-b-40 {
    margin-bottom: 40px
}

.mrg-b-35 {
    margin-bottom: 35px
}

.mrg-b-30 {
    margin-bottom: 30px
}

.mrg-b-25 {
    margin-bottom: 25px
}

.mrg-b-20 {
    margin-bottom: 20px
}

.mrg-b-15 {
    margin-bottom: 15px
}

.mrg-b-10 {
    margin-bottom: 10px
}

.mrg-b-5 {
    margin-bottom: 5px
}

.mrg-t-50 {
    margin-top: 50px
}

.common-btn {
    color: #034d92;
    letter-spacing: 1.4px;
    line-height: 36px;
    font-size: 14px;
    font-weight: 600;
    height: 36px;
    padding-left: 25px;
    padding-right: 25px;
    border-radius: 0;
    background-color: #fff;
    transition: all .3s ease-in;
    border: 1px solid #034d92;
    display: block;
    margin: 25px auto 0;
    transition: .3s
}

.common-btn:hover {
    background: #034d92;
    color: #fff
}

.request-quote-text-right .common-btn {
    color: #034d92;
    letter-spacing: 1px;
    line-height: 19px;
    font-weight: 500;
    font-size: 14px;
    padding-left: 25px;
    padding-right: 25px;
    border-radius: 0;
    background-color: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin-top: 10px;
    border: 1px solid #034d92 !important;
    margin: 0 auto
}

.alert-error {
    background: red;
    color: #fff
}

.tobar-left {
    position: relative;
    transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    -webkit-transform: skewX(-25deg);
    width: 42%;
    background: #fff
}

.topbar:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 30%;
    background: #fff;
    left: 0;
    top: 0;
    z-index: -1
}

.topbar-contact-info {
    transform: skewX(25deg);
    -ms-transform: skewX(25deg);
    -webkit-transform: skewX(25deg);
    margin-left: 0;
    width: 90%;
    background: #fff;
    padding-top: 20px;
    padding-bottom: 20px
}

.topbar-contact-info li {
    position: relative;
    padding-right: 35px;
    margin-right: 35px
}

.topbar-contact-info li:last-child {
    margin-right: 0;
    padding-right: 0
}

.topbar-contact-info li:after {
    position: absolute;
    content: '';
    height: 50px;
    width: 1px;
    right: 0;
    top: -18px;
    background-color: #fff
}

.topbar-contact-info li:last-child:after {
    content: none
}

.topbar-contact-info li .icon {
    font-size: 14px;
    color: #00c0ff;
    margin-right: 10px
}

.topbar-contact-info-text {
    font-size: 14px;
    color: #8a8a8a
}

.topbar-right {
    position: relative;
    transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    -webkit-transform: skewX(-25deg);
    width: 57.9%;
    color: #fff;
    background: #00c0ff
}

.topbar:after {
    content: '';
    position: absolute;
    height: 100%;
    width: 30%;
    z-index: -1;
    top: 0;
    right: 0;
    background-color: #00c0ff
}

.topbar-right-content-list {
    position: relative;
    transform: skewX(25deg);
    -ms-transform: skewX(25deg);
    -webkit-transform: skewX(25deg);
    background: #00c0ff;
    padding-top: 13px;
    width: 97%;
    text-align: right;
    margin-left: 50px;
    padding-bottom: 12px
}

.topbar-right .footer-social-list.social-solid li .fa {
    font-size: 12px !important;
    margin-right: 25px
}

.topbar-search-form {
    margin-right: 10px
}

.topbar-search-form input {
    border: none;
    box-shadow: none;
    background: 0 0;
    width: 120px
}

.topbar-search-form input:focus,
.topbar-search-form button {
    outline: none
}

.topbar-search-form input::-webkit-input-placeholder {
    color: #fff;
    font-weight: 400
}

.topbar-search-form input::-moz-placeholder {
    color: #fff;
    font-weight: 400
}

.topbar-search-form input:-ms-input-placeholder {
    color: #fff;
    font-weight: 400
}

.topbar-search-form input:-moz-placeholder {
    color: #fff;
    font-weight: 400
}

input::-webkit-input-placeholder {
    font-weight: 400 !important
}

input::-moz-placeholder {
    font-weight: 400 !important
}

input:-ms-input-placeholder {
    font-weight: 400 !important
}

input:-moz-placeholder {
    font-weight: 400 !important
}

textarea::-webkit-input-placeholder {
    font-weight: 400 !important
}

textarea::-moz-placeholder {
    font-weight: 400 !important
}

textarea:-ms-input-placeholder {
    font-weight: 400 !important
}

textarea:-moz-placeholder {
    font-weight: 400 !important
}

.topbar-search-form button {
    background: 0 0;
    border: none;
    color: #fff
}

.topbar-right .social-solid {
    margin-top: 0
}

.topbar-right-content-list .login-info {
    position: relative;
    width: 160px;
    margin-right: 15px;
    text-align: center
}

.topbar-right-content-list .login-info:before {
    position: absolute;
    content: '';
    height: 50px;
    width: 1px;
    left: 0;
    top: -18px;
    background-color: #00c0ff
}

.topbar-right-content-list .login-info:after {
    position: absolute;
    content: '';
    height: 50px;
    width: 1px;
    right: 0;
    top: -18px;
    background-color: #00c0ff
}

.login-info .or {
    color: #d7c1ff
}

.login-info span a {
    color: #fff
}

.NotGeneric-Title.slide1-title {
    font-size: 72px;
    line-height: 65px;
    letter-spacing: 7.2px;
    font-weight: 700;
    color: #fff
}

.NotGeneric-Title.slide2-title {
    font-size: 60px;
    color: #fff;
    line-height: 30px;
    letter-spacing: 6px;
    font-weight: 700
}

.NotGeneric-Title.slide2-title .collord-dot,
.NotGeneric-Title.slider2-content .collord-dot {
    color: #25cde8
}

.NotGeneric-Title.slide2-title .template-color {
    color: #fff
}

.NotGeneric-Title.rev-btn .fa-play {
    height: 60px;
    width: 60px;
    line-height: 42px !important;
    background-color: #fff;
    text-align: center;
    border-radius: 50%;
    color: #25cde8;
    border: 9px solid #00c0ff;
    transition: all .3s ease-in
}

.NotGeneric-Title.rev-btn {
    font-size: 14px;
    letter-spacing: 1.4px;
    font-weight: 700;
    color: #404040
}

.NotGeneric-Title.slider2-content {
    font-size: 50px;
    letter-spacing: 1.25px;
    color: #fff;
    text-transform: uppercase
}

.NotGeneric-Title.slider2-content .work-catagory-bullet {
    height: 44px;
    width: 44px;
    position: relative;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    font-size: 20px;
    line-height: 68px !important;
    background-color: #00c0ff;
    box-shadow: 0 0 0 9px rgba(255, 255, 255, .2)
}

.slider-personal-info h2 {
    font-size: 40px;
    font-weight: 700;
    letter-spacing: 2px;
    color: #fff;
    line-height: 40px !important
}

.slider-personal-info h4 {
    font-size: 18px !important;
    color: #efe7ff;
    line-height: 40px !important;
    letter-spacing: .9px !important;
    font-weight: 700
}

.social-solid {
    margin-top: 20px
}

.personal-work-catagory-list li {
    margin-bottom: 25px
}

.personal-work-catagory-list li:last-child {
    margin-bottom: 0
}

.personal-work-catagory-list .list-no {
    font-size: 14px !important;
    font-weight: 700;
    color: #fff;
    line-height: 100% !important;
    letter-spacing: .7px !important
}

.colord-divider {
    width: 12px;
    height: auto;
    margin-left: 2px;
    margin-right: 9px;
    border-bottom: 2px solid #25cde8
}

.personal-work-catagory-text {
    font-size: 18px !important;
    font-weight: 700;
    color: #fff;
    letter-spacing: .9px !important
}

#rev_slider_1 .tp-bullets {
    position: absolute;
    top: 50% !important;
    left: 83.5% !important
}

.slider-common .tp-bullets {
    position: absolute;
    top: 53% !important;
    left: 83.5% !important
}

#rev_slider_3 .tp-bullets {
    position: absolute;
    top: 57% !important;
    left: 83.5% !important
}

.slider-common .tp-bullets .tp-bullet {
    display: block;
    position: static;
    width: 15px;
    height: 2px;
    margin-left: 20px;
    margin-bottom: 15px;
    background-color: rgba(255, 255, 255, .4)
}

.slider-common.home3-slider .tp-bullets .tp-bullet {
    background-color: rgba(103, 58, 183, .4)
}

.slider-common .tp-bullets .tp-bullet.selected,
.slider-common.home3-slider .tp-bullets .tp-bullet.selected {
    background-color: #00c0ff;
    width: 30px
}

.NotGeneric-Title .slider-bullet-number {
    position: absolute;
    top: 97%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    line-height: 0 !important;
    margin-top: -20px !important
}

.rev_slider_two .tp-bullets {
    left: auto !important;
    right: 5% !important
}

.rev_slider_two .tp-bullets .tp-bullet {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: 0 0;
    border: 1px solid #fff;
    transition: all .3s ease-in
}

.rev_slider_two .tp-bullets .tp-bullet.selected {
    width: 15px;
    height: 15px;
    margin-top: -2px;
    border: 1px solid #00c0ff
}

.rev_slider_two .tparrows:before {
    font-family: fontawesome;
    font-size: 30px;
    color: #fff;
    line-height: 25px;
    display: block;
    text-align: center;
    opacity: .8
}

.rev_slider_two .tparrows.tp-leftarrow:before {
    content: "\f105"
}

.rev_slider_two .tparrows.tp-rightarrow:before {
    content: "\f104"
}

.rev_slider_two .tparrows {
    cursor: pointer;
    background: 0 0;
    width: 35px;
    height: 25px;
    position: absolute;
    display: block;
    z-index: 100;
    left: auto !important;
    top: auto !important;
    right: 6.5% !important;
    bottom: 22px !important
}

.breadcrumb {
    position: relative;
    padding-top: 55px;
    padding-bottom: 55px;
    margin-bottom: 0;
    background: url(/images/bg/breadcrumb.jpg) no-repeat center center;
    background-size: cover;
    float: left;
    width: 100%
}

.breadcrumb-left-content h2 {
    position: relative;
    font-size: 36px;
    font-weight: 500;
    color: #fff;
    letter-spacing: 0;
    line-height: 40px
}

.breadcrumb-left-content .theme-bullet {
    right: -10px;
    bottom: 0
}

.breadcrumb-right-content span {
    font-size: 14px;
    letter-spacing: .35px;
    line-height: 30px
}

.breadcrumb-right-content span a {
    color: #fff;
    font-weight: 500
}

.crumb-divider {
    color: #fff
}

.breadcrumb-right-content span {
    color: #a3e8ff;
    z-index: 99;
    margin-top: 6px;
    position: relative;
    font-weight: 500
}

.overlay-template-color-1 {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #000046;
    background: -webkit-linear-gradient(to left, #1CB5E0, #000046);
    background: linear-gradient(to left, #1CB5E0, #000046);
    opacity: .8
}

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

.about-left-content .about-text {
    padding-right: 22px
}

.about-thumb {
    margin-top: 25px
}

.about-thumb:before {
    content: ' ';
    position: absolute;
    width: 25px;
    height: 98%;
    bottom: -25px;
    left: -25px;
    background-color: #00c0ff
}

.about-thumb:after {
    content: ' ';
    position: absolute;
    width: 95%;
    height: 25px;
    bottom: -25px;
    left: 0;
    background-color: #00c0ff
}

.about-two-thumb {
    margin-top: 50px
}

.about-two-thumb:before {
    content: ' ';
    position: absolute;
    width: 15px;
    height: 94%;
    bottom: 0;
    right: -15px;
    background-color: #00c0ff
}

.about-two-thumb:after {
    content: ' ';
    position: absolute;
    height: 15px;
    width: 98%;
    bottom: -15px;
    right: -15px;
    background-color: #00c0ff
}

.play-button {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    transform: translateY(-50%);
    height: 51px;
    width: 51px;
    background-color: #fff;
    text-align: center;
    border-radius: 50%;
    border: 9px solid rgba(103, 58, 183, .85);
    transition: all .3s ease-in
}

.play-button:hover {
    border-color: #00c0ff
}

.play-button i.fa {
    color: #25cde8;
    line-height: 34px;
    margin-left: 4px
}

.about-three-thumb {
    margin-top: 50px
}

.about-service-faq .panel-default>.panel-heading {
    background: 0 0;
    border: none;
    padding: 0
}

.about-service-faq .panel-default>.panel-heading .collapsed:hover .circle-icon,
.about-service-faq .panel-default>.panel-heading .circle-icon {
    color: #fff;
    background-color: #00c0ff
}

.about-service-faq .panel-default>.panel-heading .collapsed .circle-icon {
    color: #00c0ff;
    background-color: #fff
}

.about-service-faq .panel {
    box-shadow: none;
    border: none;
    margin-bottom: 28px;
    position: relative
}

.about-service-faq .panel:last-of-type {
    margin-bottom: 0
}

.about-service-faq .panel:before {
    content: ' ';
    position: absolute;
    top: -25px;
    left: 34px;
    height: 30px;
    width: 5px;
    border-left: 1px dashed #e6e6e6
}

.about-service-faq .panel:first-of-type:before {
    content: none
}

.about-service-faq .panel-title a {
    font-size: 14px;
    font-weight: 700;
    line-height: 48px;
    color: #676767;
    letter-spacing: 1.4px
}

.about-service-faq .panel-title .icon {
    margin-right: 25px
}

.about-service-faq .collapsecontent {
    padding-left: 65px;
    margin-left: 35px
}

.about-service-faq .panel-collapse.in:before {
    content: ' ';
    position: absolute;
    top: 72px;
    left: 34px;
    height: 90px;
    width: 5px;
    border-left: 1px dashed #e1e1e1
}

.about-service-faq .last.panel-collapse.in:before {
    content: none
}

.about-service-faq .collapsecontent p {
    width: 83%
}

.about-service-faq .panel-title .icon .theme-bullet {
    bottom: -4px;
    left: 0;
    right: 0;
    height: 10px;
    width: 10px;
    border: 2px solid #fff;
    margin-left: auto;
    margin-right: auto
}

.about-service-faq .panel-title .icon .theme-bullet.top-bullet {
    bottom: auto;
    top: -4px
}

.about-four-slider {
    margin-top: 50px
}

.about-personal-bio li h5 {
    display: inline-block;
    font-weight: 700;
    line-height: 36px;
    color: #676767;
    letter-spacing: .7px
}

.about-personal-bio li p {
    display: inline-block;
    margin-left: 10px
}

.personal-about-title {
    font-size: 24px;
    font-weight: 400;
    color: #404040;
    line-height: 36px;
    letter-spacing: 1.2px
}

.about-four-thumb {
    overflow: hidden
}

.about-four-slider:before {
    content: ' ';
    position: absolute;
    width: 25px;
    height: 90%;
    bottom: 0;
    left: 5px;
    background-color: #00c0ff
}

.about-four-slider:after {
    content: ' ';
    position: absolute;
    width: 87%;
    height: 25px;
    left: 5px;
    bottom: -25px;
    background-color: #00c0ff
}

.about-four-slider.owl-theme .owl-controls {
    position: absolute;
    left: -7px;
    top: 130px
}

.about-four-slider.owl-theme .owl-dots .owl-dot.active span {
    width: 20px;
    background-color: #25cde8
}

.about-four-slider.owl-theme .owl-dots .owl-dot {
    display: block;
    margin-bottom: 12px
}

.about-four-slider.owl-theme .owl-dots .owl-dot span {
    height: 2px;
    width: 10px;
    margin: 0 12px;
    display: block;
    background-color: rgba(255, 255, 255, .4);
    transition: all .3s ease-in
}

.about-four-theme-shape {
    position: absolute;
    height: 100%;
    width: 68%;
    top: 0;
    left: -65px;
    background-color: #00c0ff;
    transform: skewX(-20deg);
    -ms-transform: skewX(-20deg);
    -webkit-transform: skewX(-20deg)
}

.about-four-slider-text {
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-15%)
}

.about-four-slider-text .icon {
    color: #fff;
    font-size: 36px;
    line-height: 36px
}

.about-four-slider-text h4 {
    color: #fff;
    font-weight: 400;
    letter-spacing: .9px;
    line-height: 36px
}

.service-one-section {
    padding-top: 60px;
    padding-bottom: 120px
}

.panel.service-tab {
    border: none;
    box-shadow: none;
    margin-bottom: 0
}

.service-tab .nav-tabs>li {
    padding-top: 10px;
    height: 180px;
    width: 180px;
    transition: all .3s ease-in
}

.service-tab .nav-tabs>li.active {
    -webkit-box-shadow: 0 1px 17px -4px #cdcdcd;
    -moz-box-shadow: 0 1px 17px -4px #cdcdcd;
    box-shadow: 0 1px 17px -4px #cdcdcd;
    transition: all .2s ease-in
}

.service-tab .nav-tabs,
.service-tab .nav-tabs>li>a,
.service-tab .nav-tabs>li>a:hover,
.service-tab .nav-tabs>li>a:focus {
    border: none;
    background: 0 0
}

.service-tab .nav-tabs>li.active>a,
.service-tab .nav-tabs>li.active>a:hover,
.service-tab .nav-tabs>li.active>a:focus {
    border: none;
    background: 0 0
}

.service-tab .nav-tabs>li h6 {
    font-weight: 700;
    letter-spacing: 1.8px;
    color: #676767;
    line-height: 17px
}

.service-tab .nav-tabs>li.active h6 {
    color: #00c0ff
}

.service-tab .nav-tabs>li .icon {
    height: 70px;
    width: 70px;
    font-size: 28px;
    line-height: 70px;
    border-radius: 50%;
    color: #00c0ff;
    margin-bottom: 30px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 17px -4px #cdcdcd;
    -moz-box-shadow: 0 1px 17px -4px #cdcdcd;
    box-shadow: 0 1px 17px -4px #cdcdcd;
    transition: all .2s ease-in
}

.service-tab .nav-tabs>li.active .icon {
    color: #fff;
    background-color: #00c0ff
}

.service-tab .panel-body {
    padding-top: 60px
}

.tab-orderd-text h1 {
    position: relative;
    font-size: 48px;
    font-weight: 700;
    width: 70px;
    color: #d1c4e9;
    letter-spacing: 2.4px
}

.tab-orderd-text h1>.theme-bullet {
    right: auto;
    top: 34px
}

.service-tab-element {
    padding-top: 15px;
    padding-left: 77px
}

.service-tab-element h4 {
    font-weight: 700;
    line-height: 48px;
    color: #404040;
    margin-bottom: 12px;
    letter-spacing: .9px
}

.service-tab-text p {
    width: 77%;
    float: left
}

.service-tab-text .icon {
    float: left;
    padding-top: 10px;
    padding-left: 30px;
    font-size: 72px;
    color: #00c0ff
}

.service-tab .common-btn {
    height: 40px;
    line-height: 40px
}

.service-two-section {
    padding-top: 140px;
    padding-bottom: 100px
}

.service-two-content {
    background: url(/images/bg/service-circle.png) no-repeat;
    background-position: calc(100% - 46%) 0
}

.circle-service-list li:first-child {
    padding-left: calc(100% * 1/9.5)
}

.circle-service-list li:last-child {
    padding-left: calc(100% * 1/10)
}

.circle-service-list li {
    margin-bottom: 85px
}

.service-two-item {
    display: inline-block
}

.service-two-item h4,
.service-two-item span {
    display: inline-block
}

.service-two-item.right-align {
    margin-left: 335px
}

.service-two-item.right-align.middle {
    margin-left: 430px
}

.service-two-item>h4 {
    margin-right: 30px;
    font-weight: 600;
    color: #424242;
    letter-spacing: .9px
}

.service-two-item .right-circle {
    margin-right: 30px
}

.dotted-circle {
    position: absolute;
    height: 503px;
    width: 503px;
    top: -65px;
    left: 62px;
    right: 0;
    z-index: -1;
    margin-left: auto;
    margin-right: auto;
    border-radius: 50%;
    border: 2px dashed #fff
}

.service-mockup {
    position: absolute;
    top: -95px;
    left: 155px;
    right: 95px;
    margin-left: auto;
    margin-right: auto
}

.service-two-item:hover .circle-icon {
    color: #fff;
    background-color: #673ab7
}

.service-two-item .theme-bullet {
    box-shadow: 0 0 0 3px #fff
}

.service-two-item .icon-Puzzle .theme-bullet {
    right: 4px;
    top: 7px
}

.service-two-item .icon-Tools .theme-bullet {
    left: 7px;
    top: 4px
}

.service-two-item .icon-Starship .theme-bullet {
    right: 26px;
    top: -5px
}

.service-two-item .icon-Bascketball .theme-bullet {
    left: 29px;
    top: -6px
}

.service-two-item .icon-Handicap .theme-bullet {
    left: 15px;
    top: -2px
}

.service-two-item .icon-CompassTool .theme-bullet {
    right: 24px;
    top: -5px
}

.skill-section:after {
    content: ' ';
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 50%;
    background-color: #fff;
    z-index: -2
}

.skill-section:before,
.project-counter-section:before {
    content: ' ';
    position: absolute;
    left: 0;
    height: 73.5%;
    width: 30%;
    background-color: #673ab7;
    z-index: -1;
    top: 50%;
    transform: translateY(-50%)
}

.project-counter-section:before {
    height: 73.9%
}

.skill-progress {
    float: right;
    padding-top: 65px;
    padding-bottom: 35px;
    background-color: #fff
}

.skill-progress:after {
    content: ' ';
    position: absolute;
    left: -125px;
    top: 0;
    width: 20%;
    height: 100%;
    background-color: #fff;
    z-index: -1
}

.skill-progress:before {
    content: ' ';
    position: absolute;
    left: -325px;
    top: 0;
    width: 0;
    height: 0;
    z-index: -2;
    border-style: solid;
    border-width: 0 0 273px 200px;
    border-color: transparent transparent #fff transparent
}

.skill-content {
    display: inline-block;
    width: 130px;
    margin-left: 100px;
    text-align: center
}

.skill-content:first-of-type {
    margin-left: 0
}

.skill-content .circle {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 17px -4px #cdcdcd;
    -moz-box-shadow: 0 1px 17px -4px #cdcdcd;
    box-shadow: 0 1px 17px -4px #cdcdcd
}

.skill-content .circle canvas {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 50%;
    transform: translateY(-50%)
}

.skill-content .circle h3 {
    font-weight: 700;
    color: #424242;
    letter-spacing: 1.2px;
    position: absolute;
    left: 52px;
    top: 50%;
    transform: translateY(-50%)
}

.skill-content h5 {
    font-weight: 700;
    color: #676767;
    letter-spacing: .7px;
    margin-top: 30px
}

.progress-photoshop .theme-bullet {
    top: 50px;
    right: 14px
}

.progress-illustrator .theme-bullet {
    top: 13px
}

.progress-indesign .theme-bullet {
    top: 101px;
    right: 35px
}

.progress-wordpress .theme-bullet {
    left: 30px;
    top: 24px
}

.section-title.skill-title {
    position: relative;
    z-index: 99;
    height: 200px;
    margin-top: 37px;
    padding-left: 0;
    padding-top: 50px;
    background-position: 0 28px;
    background-color: #673ab7;
    background-image: url(/images/bg/color1-section.png)
}

.section-title.skill-title h4,
.section-title.skill-title h2 {
    color: #fff
}

.section-title.skill-title:after {
    content: ' ';
    position: absolute;
    right: -106px;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 200px 106px 0 0;
    border-color: #673ab7 transparent transparent transparent
}

.portfolio-section {
    padding-top: 30px;
    background-color: #fff;
    width: 100%;
    float: left
}

.portfolio-thumb img {
    background-color: #fff;
    padding: 10px
}

.grid-item {
    width: 31.6%;
    margin-bottom: 30px
}

.portfolio-filter-button button {
    position: relative;
    border: none;
    background: 0 0;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    color: #676767;
    padding-right: 30px;
    transition: all .3s ease-in
}

.portfolio-filter-button button:focus {
    outline: 0
}

.portfolio-filter-button button:active {
    color: #25cde8
}

.portfolio-filter-button button:hover,
.portfolio-filter-button button.active {
    color: #25cde8
}

.portfolio-filter-button button:after {
    content: ' ';
    position: absolute;
    height: 13px;
    width: 20px;
    right: 0;
    background: url(/images/bg/divider.png) no-repeat center center
}

.portfolio-filter-button button:last-of-type:after {
    content: none
}

.portfolio-thumb {
    overflow: hidden;
    transition: all .3s ease-in
}

.portfolio-item {
    transition: all .3s ease-in
}

.portfolio-item:hover {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .15)
}

.portfolio-content {
    padding: 25px 15px 45px;
    background-color: #673ab7;
    transform: translateY(-20px);
    position: absolute;
    bottom: 25px;
    left: 25px;
    right: 25px;
    opacity: 0;
    transition: all .3s ease-in
}

.portfolio-content3 {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.portfolio-item:hover .portfolio-content {
    transform: translateY(0);
    opacity: 1
}

.portfolio-icon li a {
    height: 36px;
    width: 36px;
    border-radius: 50%;
    border: 1px solid #fff;
    margin: -5px;
    transition: all .3s ease-in;
    padding: 10px
}

.portfolio-icon li:hover a,
.portfolio-icon li.active a {
    background-color: #25cde8;
    border: 1px solid transparent
}

.portfolio-icon li {
    line-height: 36px;
    color: #fff
}

.portfolio-icon li a {
    color: #fff
}

.portfolio-content h5 a {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .8px;
    color: #fff;
    text-transform: uppercase
}

.portfolio-content h6 {
    font-style: italic;
    line-height: 24px;
    color: #d1c4e9
}

.portfolio-heart {
    position: absolute;
    right: 15px;
    bottom: 60px;
    font-size: 18px;
    color: #fff;
    transition: all .3s ease-in
}

.portfolio-heart:hover {
    color: #25cde8
}

.portfolio-load-more-btn .common-btn {
    line-height: 60px;
    height: 60px;
    width: 170px;
    margin-top: 30px
}

.textimonial-thumb {
    float: left;
    margin-left: 20px;
    position: relative
}

.testimonial-slider .textimonial-thumb img {
    height: 170px;
    width: 170px;
    border-radius: 50%;
    background-color: #25cde8;
    -webkit-box-shadow: 0 7px 17px -4px #382062;
    -moz-box-shadow: 0 7px 17px -4px #382062;
    box-shadow: 0 7px 17px -4px #382062
}

.testimonial-slider .owl-stage-outer {
    padding-top: 20px;
    margin-top: -100px
}

.testimonial-slider.owl-theme .owl-dots .owl-dot span {
    height: 10px;
    width: 2px;
    margin: 0 12px;
    background-color: rgba(255, 255, 255, .4);
    transition: all .3s ease-in
}

.testimonial-slider.owl-theme .owl-dots {
    height: 25px;
    margin-bottom: -5px
}

.testimonial-slider.owl-theme .owl-dots .owl-dot.active span {
    height: 20px;
    background-color: #25cde8
}

.testimonial-content .member-info-common p {
    margin-top: 15px;
    margin-bottom: 40px;
    color: #d1c4e9;
    letter-spacing: .14px
}

.textimonial-thumb .icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    color: #fff;
    background-color: #25cde8
}

.testimonial-client-section {
    background-color: #673ab7
}

.testimonial-content {
    padding-top: 120px;
    float: right;
    width: 65%
}

.client-slider {
    margin-top: 95px
}

.client-slider .item img {
    width: 80px
}

.client-slider.owl-theme .owl-nav [class*=owl-] {
    padding: 55px 10px;
    color: #d1c4e9;
    font-size: 18px;
    position: absolute;
    top: -30px;
    background-color: rgba(255, 255, 255, .1);
    transition: all .3s ease-in
}

.client-slider.owl-theme .owl-nav [class*=owl-]:hover {
    color: #25cde8
}

.client-slider.owl-theme .owl-nav .owl-prev {
    left: -35px
}

.client-slider.owl-theme .owl-nav .owl-next {
    right: -35px
}

.client-testimonial-two-section {
    padding-top: 320px;
    padding-bottom: 20px;
    background-color: #fff;
    background: rgba(0, 0, 0, 0) url("/images/bg/working-process.jpg") no-repeat scroll center center/cover;
    background-repeat: no-repeat;
    background-position: center bottom
}

.testimonial-slider-two .owl-stage-outer {
    overflow: visible
}

#quote-carousel {
    padding: 0 10px 30px;
    margin-top: 30px
}

#quote-carousel .carousel-control {
    background: 0 0;
    color: #cacaca;
    font-size: 2.3em;
    text-shadow: none;
    margin-top: 30px
}

#quote-carousel .carousel-control.left {
    left: -60px
}

#quote-carousel .carousel-control.right {
    right: -60px
}

.testimonial-slider-controlls {
    right: 50%;
    top: 55px;
    position: relative;
    margin-right: -19px
}

.testimonial-slider-controlls li img {
    width: 100%
}

.testimonial-slider-controlls-area {
    position: absolute;
    top: -250px;
    bottom: 0;
    left: 0;
    right: 0
}

.testimonial-slider-controlls-area .icon {
    position: absolute;
    height: 80px;
    width: 80px;
    color: #fff;
    right: 0;
    left: 0;
    top: -30px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 50%;
    font-size: 36px;
    line-height: 80px;
    text-align: center;
    background-color: #25cde8
}

#quote-carousel .carousel-indicators li {
    width: 123px;
    height: 123px;
    margin: -10px;
    cursor: pointer;
    border: 4px solid transparent;
    border-radius: 50%;
    opacity: .4;
    overflow: hidden;
    transition: all .4s
}

#quote-carousel .carousel-indicators li img {
    z-index: -1
}

#quote-carousel .carousel-indicators .middel-li {
    margin-bottom: -45px
}

#quote-carousel .carousel-indicators .active {
    opacity: 1
}

#quote-carousel .carousel-indicators li.active img {
    z-index: 99
}

.testimonial-slider-item h3 {
    letter-spacing: .24px;
    color: #404040;
    line-height: 30px;
    margin-bottom: 20px
}

.testimonial-author-info h4 {
    font-weight: 700;
    color: #404040;
    line-height: 30px;
    letter-spacing: .7px
}

.testimonial-author-info h5 {
    font-style: italic;
    font-size: 14px;
    color: #909090;
    line-height: 30px
}

.testimonial-slider-two .carousel-control {
    position: relative;
    width: 20px;
    opacity: 1
}

.testimonial-slidar-nav {
    bottom: 0;
    position: absolute;
    left: 0;
    right: 0;
    width: 250px;
    margin-left: auto;
    margin-right: auto
}

.testimonial-slider-two #quote-carousel .carousel-control.left {
    left: -40px;
    top: 21px
}

.testimonial-slider-two #quote-carousel .carousel-control.right {
    right: -40px;
    top: 21px
}

.client-two-slider-two .owl-controls {
    position: absolute;
    top: -90px;
    left: 0;
    right: 0
}

.bullet-list li {
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background: 0 0;
    border: 1px solid rgba(255, 0, 129, .4)
}

.bullet-list li.active {
    height: 15px;
    width: 15px;
    border: 1px solid #ff0081
}

.idi-cliend-area {
    width: 100%;
    background: #25cde8;
    padding: 20px 0 10px
}

.working-process-section {
    position: relative;
    padding-top: 60px;
    padding-bottom: 120px;
    background: url(/images/bg/working-process.jpg) no-repeat scroll center center;
    background-size: cover;
    overflow: hidden
}

.working-process {
    max-height: 500px
}

ul.working-step {
    display: inline-block;
    position: relative;
    transform: rotate(45deg) translate(133px, -342px)
}

.working-step li {
    margin-bottom: 100px;
    text-align: center;
    position: relative;
    height: 81px;
    width: 81px;
    border-radius: 50%;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 17px -4px #cdcdcd;
    -moz-box-shadow: 0 1px 17px -4px #cdcdcd;
    box-shadow: 0 1px 17px -4px #cdcdcd;
    transition: all .2s ease-in
}

.working-step li span.icon {
    font-size: 24px;
    color: #673ab7;
    line-height: 81px;
    transform: rotate(-45deg)
}

.working-step li .theme-bullet {
    top: -8px;
    left: 35px
}

.working-step li .theme-bullet.top-li {
    bottom: -8px;
    top: auto
}

.work-state-info {
    position: absolute
}

.work-state-info.text-left {
    right: -88px;
    top: 15px;
    transform: rotate(-44deg) translate(50px, -61px)
}

.work-state-info.text-right {
    left: -120px;
    top: 15px;
    transform: rotate(-45deg) translate(-50px, 65px)
}

.work-state-info h4 {
    color: #673ab7;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: .9px
}

.work-state-info h5 {
    color: #676767;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: .7px
}

.working-step li:after {
    content: '';
    position: absolute;
    width: 5px;
    height: 90px;
    left: 0;
    right: 0;
    bottom: -92px;
    margin-right: auto;
    margin-left: auto;
    border-left: 1px dotted #cec0e6
}

.working-step li:last-child .work-state-info {
    transform: rotate(-44deg) translate(35px, -56px)
}

.working-step li:last-child:after {
    content: none
}

.work-process-right-img {
    position: absolute;
    right: 0;
    bottom: -120px
}

.team-section {
    padding: 140px 0
}

.team-member-thumb {
    overflow: hidden
}

.member-info {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 25px;
    background-color: rgba(103, 58, 183, .9);
    opacity: 0;
    transform: translateY(135px);
    transition: all .3s ease-in
}

.member-info-common h5,
.member-info-common h6,
.member-info h5,
.member-info h6 {
    display: inline-block
}

.member-info h5,
.member-info-common h5 {
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .8px;
    padding-right: 12px;
    text-transform: uppercase;
    float: left
}

.member-info h6,
.member-info-common h6 {
    position: relative;
    color: #d1c4e9;
    font-style: italic;
    font-size: 12px;
    line-height: 24px;
    letter-spacing: .6px;
    padding-left: 20px
}

.member-info h6:before,
.member-info-common h6:before {
    position: absolute;
    left: 0;
    content: '//';
    color: #d1c4e9;
    font-style: italic;
    font-size: 12px;
    line-height: 24px
}

.member-info a i.fa {
    text-align: center;
    display: block;
    width: 36px;
    height: 36px;
    color: #fff;
    margin-top: 20px;
    line-height: 36px;
    background-color: #25cde8;
    border-radius: 50%
}

.team-member-thumb:hover .member-info {
    opacity: 1;
    transform: translateY(0)
}

.team-member-thumb img {
    -webkit-filter: hue-rotate(260deg);
    -moz-filter: hue-rotate(260deg);
    filter: hue-rotate(90deg);
    transition: all .5s ease-in-out
}

.team-member-thumb:hover img {
    -webkit-filter: none;
    -moz-filter: none;
    filter: none
}

.team-two {
    padding-top: 120px
}

.team-two-slider:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 30%;
    left: 0;
    top: 0;
    background-color: #fff
}

.team-two-slider-thumb {
    margin-left: 40px;
    position: absolute
}

@media(min-width:1920px) {
    .team-two-slider-thumb {
        margin-left: 50px
    }

    .team-two-slider-thumb img {
        height: 392px
    }
}

.team-two-slider-thumb img {
    background-color: #fff;
    margin-top: -3px;
    height: 430px;
    padding-top: 28px
}

.team-two-slider-content {
    padding-left: 380px;
    padding-top: 80px;
    padding-bottom: 145px
}

.team-two-slider-section {
    background-color: #673ab7
}

.team-two-slider-content h4 {
    color: #fff;
    line-height: 24px;
    font-weight: 700;
    letter-spacing: .9px
}

.team-two-slider-content h5 {
    font-style: italic;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: .336px;
    color: #d1c4e9
}

.team-two-slider-content p {
    color: #d1c4e9;
    margin-top: 25px;
    margin-bottom: 10px;
    letter-spacing: .42px
}

.team-two-slider .flex-viewport {
    margin-top: -55px
}

.team-two-slider .flex-control-nav {
    position: absolute;
    width: 400px;
    left: 380px;
    bottom: 5px;
    padding-bottom: 30px;
    background-color: #673ab7
}

.team-two-slider .flex-control-thumbs li {
    float: left
}

.team-two-slider .flex-control-thumbs li img {
    height: 75px;
    width: 75px;
    margin-right: 25px;
    border-radius: 50%;
    opacity: 1;
    transition: all .1s ease-in
}

.team-two-slider .flex-control-thumbs li img.flex-active {
    opacity: .2;
    border-radius: 50%;
    -webkit-box-shadow: 0 7px 17px -4px #382062;
    -moz-box-shadow: 0 7px 17px -4px #382062;
    box-shadow: 0 7px 17px -4px #382062
}

.team-two-slider .flex-control-thumbs li:last-child {
    margin-right: 0
}

.team-two .flex-direction-nav {
    display: none
}

.service-form-area-top {
    width: 100%;
    background: #fff;
    padding: 50px 0
}

.service-form-area-top h2 {
    text-align: center;
    padding-bottom: 30px
}

.service-form-area-top p {
    font-size: 15px;
    line-height: 26px;
    text-align: justify
}

.service-form-area {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 40px 20px
}

.contact-area {
    background: rgba(255, 255, 255, .7) none repeat scroll 0 0;
    left: 0;
    margin: 0 auto;
    right: 0;
    top: 0;
    width: 40%;
    padding: 20px 20px 15px
}

.contact-tittle {
    text-align: center
}

.contact-tittle h2 {
    padding-bottom: 30px
}

.contact-btn {
    border: 0;
    background: #25cde8;
    color: #fff;
    font-size: 15px;
    letter-spacing: .5px;
    width: 135px;
    margin: 30px auto 0;
    text-align: center;
    padding: 9px 0;
    box-shadow: none
}

.input-container {
    left: 0;
    opacity: 1;
    visibility: visible;
    -webkit-transition: .3s ease;
    transition: .3s ease
}

.input-container {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.input-container:nth-child(2) {
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.input-container:nth-child(3) {
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

.input-container {
    position: relative;
    width: 46%;
    float: left;
    margin: 0 2% 20px
}

.input-container-two {
    width: 96%;
    height: 80px
}

.input-container input {
    outline: none;
    z-index: 1;
    position: relative;
    background: 0 0;
    width: 100%;
    height: 40px;
    border: 0;
    color: #25cde8;
    font-size: 16px;
    font-weight: 400
}

.input-container input:focus~label {
    color: #25cde8;
    -webkit-transform: translate(-12%, -50%) scale(.75);
    transform: translate(-12%, -50%) scale(.75)
}

.input-container input:focus~.bar-one:before,
.input-container input:focus~.bar-one:after {
    background: #a87e00
}

.input-container input:focus~.bar-one:before,
.input-container input:focus~.bar-one:after {
    width: 50%
}

.input-container input:valid~label {
    color: #25cde8;
    -webkit-transform: translate(-12%, -50%) scale(.75);
    transform: translate(-12%, -50%) scale(.75)
}

.input-container label {
    position: absolute;
    top: 0;
    left: 0;
    color: #25cde8;
    font-size: 15px;
    font-weight: 500;
    line-height: 40px;
    -webkit-transition: .2s ease;
    transition: .2s ease
}

.input-container .bar-one {
    position: absolute;
    left: 0;
    bottom: 0;
    background: #bac3b2;
    width: 100%;
    height: 1px !important
}

.input-container .bar-one:before,
.input-container .bar-one:after {
    content: '';
    position: absolute;
    background: #000;
    width: 0;
    height: 1px;
    -webkit-transition: .2s ease;
    transition: .2s ease
}

.input-container .bar-one:before {
    left: 50%
}

.input-container .bar-one:after {
    right: 50%
}

.pricing-section {
    background-color: #fff;
    padding-top: 80px;
    padding-bottom: 140px
}

.pricing-table {
    background-color: #fff
}

.pricing-header {
    padding: 35px 0
}

.pricing-header h4 {
    line-height: 30px;
    letter-spacing: .9px;
    font-weight: 400;
    color: #404040;
    margin-bottom: 20px;
    text-transform: uppercase
}

.pricing-header h1 {
    position: relative;
    display: inline-block;
    font-size: 48px;
    font-weight: 700;
    color: #673ab7;
    letter-spacing: 1.2px
}

.pricing-header h1 .dollar-sign {
    position: absolute;
    left: -22px;
    top: -7px;
    font-size: 18px;
    font-weight: 400
}

.pricing-header h1 sub {
    top: 0;
    left: 10px;
    font-size: 18px;
    letter-spacing: .45px;
    font-weight: 400
}

.pricing-table ul {
    padding-bottom: 30px
}

.pricing-table ul li {
    line-height: 36px;
    letter-spacing: .14px;
    color: #909090
}

.pricing-footer {
    padding-top: 60px;
    padding-bottom: 30px;
    background: url(/images/bg/pricing.png) no-repeat scroll center bottom
}

.pricing-footer .common-btn {
    height: 40px;
    line-height: 43px;
    background-color: #673ab7;
    box-shadow: none;
    text-transform: uppercase
}

.price-amount,
.pricing-footer .common-btn,
.pricing-footer {
    transition: all .3s ease-in
}

.pricing-table:hover .price-amount,
.pricing-table.active .price-amount {
    color: #25cde8
}

.pricing-table:hover .pricing-footer>.common-btn,
.pricing-table.active .pricing-footer>.common-btn {
    background-color: #25cde8;
    -webkit-box-shadow: 0 7px 17px -4px #382062;
    -moz-box-shadow: 0 7px 17px -4px #382062;
    box-shadow: 0 7px 17px -4px #382062
}

.pricing-table .pricing-footer>.common-btn:hover {
    background-color: #25cde8;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.pricing-table:hover .pricing-footer,
.pricing-table.active .pricing-footer {
    background: url(/images/bg/pricing-hover.png) no-repeat scroll center bottom
}

.project-counter-section {
    background-color: #fff;
    z-index: -1
}

.skill-section.project-counter-section:after,
.skill-progress.project-counter:after {
    background-color: #fff
}

.skill-progress.project-counter:after {
    width: 25%
}

.skill-progress.project-counter:before {
    border-color: transparent transparent #fff transparent
}

.complete-project-content h4 {
    font-size: 48px;
    font-weight: 700;
    letter-spacing: 2.4px;
    color: #673ab7;
    margin-bottom: 15px
}

.skill-progress.project-counter {
    padding: 60px 0;
    background-color: #fff
}

.skill-content.complete-project-content {
    margin-left: 85px
}

.skill-content.complete-project-content:first-of-type {
    margin-left: 0
}

.skill-content.complete-project-content h5 {
    color: #404040;
    margin-top: 0;
    letter-spacing: .7px;
    font-weight: 400;
    font-style: italic
}

.skill-content.complete-project-content .icon {
    font-size: 36px;
    line-height: 48px;
    margin-bottom: 20px;
    color: rgba(255, 0, 129, .3)
}

.skill-section.project-counter-section:before {
    height: 74%
}

.section-title.skill-title.project-counter-title {
    height: 196px;
    margin-top: 34px
}

.section-title.skill-title.project-counter-title:after {
    right: -81px;
    border-width: 197px 81px 0 0
}

.themeshape-left {
    background-color: #673ab7;
    transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    -webkit-transform: skewX(-25deg);
    margin-top: 36.4px;
    z-index: 2
}

.themeshape-left.counter-left {
    margin-top: 34.9px
}

.themeshape-left-inner {
    padding-top: 58.11px;
    padding-bottom: 58px;
    background: url(/images/bg/color1-section.png) no-repeat left center
}

.counter-left-inner {
    padding-bottom: 59px
}

.themeshape-left-inner .section-subheading,
.themeshape-left-inner .section-heading {
    color: #fff
}

.themeshape-left:after {
    position: absolute;
    content: '';
    height: 100%;
    width: 30%;
    background: #673ab7;
    right: -29%;
    top: 0;
    z-index: -1
}

.themeshape-right {
    transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    -webkit-transform: skewX(-25deg);
    z-index: -1
}

.skill-right {
    background-color: #fff;
    padding-bottom: 35px;
    padding-top: 63px
}

.skill-right:before {
    position: absolute;
    content: '';
    height: 100%;
    width: 35%;
    background: #fff;
    left: -30%;
    top: 0;
    z-index: -2
}

.themeshape-right-inner,
.themeshape-left-inner {
    transform: skewX(25deg);
    -ms-transform: skewX(25deg);
    -webkit-transform: skewX(25deg)
}

.counter-right:before {
    position: absolute;
    content: '';
    height: 100%;
    width: 35%;
    background: #fff;
    left: -30%;
    top: 0;
    z-index: -2
}

.counter-right {
    background-color: #fff;
    padding-top: 65px;
    padding-bottom: 60px
}

.project-counter-section:after {
    content: ' ';
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 50%;
    background-color: #fff;
    z-index: -2
}

.themeshape-left.counter-left:after {
    content: none
}

.blog-section {
    padding-top: 80px;
    padding-bottom: 70px;
    background-color: #fff;
    width: 100%;
    float: left
}

.positiond-blog-content {
    position: absolute;
    top: 15px;
    right: 0;
    width: 54%;
    transform: skewX(-10deg);
    -ms-transform: skewX(-10deg);
    -webkit-transform: skewX(-10deg);
    background: linear-gradient(to right, #fff, #fff, #f7f7f7, #f7f7f7);
    box-shadow: 0 1px 6px rgba(0, 0, 0, .2)
}

.blog-thumb {
    overflow: hidden
}

.blog-content {
    position: relative;
    padding: 30px 30px 30px 0;
    background-color: #fff;
    margin-left: 30px;
    transform: skewX(10deg);
    -ms-transform: skewX(10deg);
    -webkit-transform: skewX(10deg)
}

.meta-post a,
.meta-post {
    line-height: 26px;
    font-size: 14px;
    font-style: italic;
    color: #673ab7
}

.blog-content p {
    font-size: 14px;
    line-height: 24px
}

.blog-content h4 a {
    line-height: 24px;
    color: #404040
}

.blog-content h6 a {
    font-size: 12px;
    color: #034d92;
    font-weight: 700;
    letter-spacing: 1.2px;
    transition: all .3s ease-in
}

.blog-content h6 a:hover {
    color: #25cde8
}

.blog-content h6 a .fa {
    opacity: 0;
    color: #25cde8;
    transform: rotateY(0deg) translateX(-5px);
    transition: all .3s ease-in
}

.blog-content h6 a:hover .fa {
    opacity: 1;
    transform: rotateY(0deg) translateX(0)
}

.meta-content {
    position: absolute;
    top: 20px;
    left: 20px
}

.blog-meta-button {
    height: 40px;
    width: 40px;
    cursor: pointer
}

.meta-info {
    position: absolute;
    top: 55px;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: all .3s ease-in
}

.meta-info ul li {
    width: 40px;
    text-align: center;
    padding: 12px 11px;
    background-color: rgba(0, 0, 0, .7);
    border-bottom: 1px solid rgba(255, 255, 255, .4)
}

.meta-info ul li:first-child {
    border-radius: 8px 8px 0 0;
    position: relative
}

.meta-info ul li:last-child {
    border-radius: 0 0 8px 8px;
    border: none
}

.meta-info ul li a .fa,
.meta-info ul li a p {
    color: #fff;
    font-size: 12px;
    line-height: 18px;
    transition: all .3s ease-in
}

.meta-info ul li:hover a>.fa,
.meta-info ul li:hover a>p {
    color: #25cde8
}

.meta-content:hover .meta-info {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

.meta-info ul li:first-child:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    left: 0;
    right: 0;
    top: -12px;
    margin-left: auto;
    margin-right: auto;
    border-style: solid;
    border-width: 0 5px 12px;
    border-color: transparent transparent rgba(0, 0, 0, .7) transparent
}

.blog-meta-button i.fa {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #25cde8;
    border-radius: 50%;
    -webkit-box-shadow: 0 7px 17px -4px #382062;
    -moz-box-shadow: 0 7px 17px -4px #382062;
    box-shadow: 0 7px 17px -4px #382062;
    transition: all .3s ease-in
}

.blog-meta-button i.fa:hover i.fa {
    box-shadow: none
}

.blog-meta-button i.fa:before {
    position: absolute;
    color: #fff;
    left: 48%;
    right: 0;
    top: 51%;
    transform: translate(-22%, -50%);
    content: "\f141";
    font-family: fontawesome
}

.meta-content:hover .blog-meta-button i.fa:before {
    content: "\f142";
    transform: translate(-5%, -50%)
}

.map {
    position: relative;
    height: 470px;
    background: #ddd
}

.contact-section {
    background-color: #fff;
    padding: 70px 0
}

.subscribe-form-area {
    background-color: #eeeeee;
    width: 100%;
    top: 0;
    position: static;
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .15);
	padding: 20px;
}

.subscribe-body h4 {
    font-weight: 700;
    line-height: 48px;
    letter-spacing: .9px;
    color: #424242;
    position: absolute;
    opacity: 0;
    transition: all .4s ease-in
}

.subscribe-body h4.active {
    opacity: 1
}

.subscribe-body .form-icon {
    line-height: 50px;
    color: #fff;
    font-size: 22px
}

.subscribe-header {
    padding: 15px 18px 55px
}

.contact-form-icons {
    position: absolute;
    top: 15px;
    right: 30px;
    height: 50px;
    width: 50px;
    cursor: pointer;
    border-radius: 50%;
    text-align: center;
    line-height: 50px;
    background-color: #32a2f7;
    transition: all .3s ease-in;
    -webkit-box-shadow: 0 8px 21px -9px #32a2f7;
    -moz-box-shadow: 0 8px 21px -9px #32a2f7;
    box-shadow: 0 8px 21px -9px #32a2f7
}

.contact-form-icons:hover {
    box-shadow: none
}

.subscribe-form {
    position: static;
    opacity: 0;
    top: 140px;
    width: 100%;
    display: none;
    height: auto;
    padding: 0 18px 40px;
    
    transition: all .4s ease-in
}

.subscribe-form.request-quote-subscribe-form {
    padding: 0 0 15px
}

.subscribe-form.active {
    opacity: 1;
    display: block;
    top: 120px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    z-index: 15
}

.request-quote-subscribe-form.active {
    top: 0;
    box-shadow: 0;
    position: static;
    -webkit-box-shadow: 0 !important;
    -moz-box-shadow: 0 !important;
    box-shadow: 0 !important
}

.request_quote-input-field {
    margin-bottom: 24px !important
}

.request-quote-text-right {
    margin: 5px 0 0 !important;
    text-align: center
}

.request_quote-input-field input {
    padding: 4px 7px !important;
    border-radius: 5px;
    height: 38px;
    color: #000
}

.contact-info {
    background-color: #fff;
    position: absolute;
    top: 120px;
    padding: 30px;
    width: 100%;
    opacity: 0;
    display: none;
    transition: all .4s ease-in
}

.contact-info.active {
    top: 110px;
    display: block;
    opacity: 1;
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .15);
    z-index: 15
}

.subscribe-form {
    margin-top: 5px
}

.subscribe-form .input-field input[type=text],
.subscribe-form .input-field input[type=email],
.subscribe-form .input-field textarea,
.news-letter-form input[type=email] {
    width: 100%;
    border: none;
    background: 0 0;
    border-bottom: 1px solid #c7d6d8;
    box-shadow: none;
    padding: 7px 8px
}

.subscribe-form .input-field input[type=text]:focus,
.subscribe-form .input-field input[type=email]:focus,
.subscribe-form .input-field textarea:focus,
.news-letter-form input[type=email]:focus {
    border-bottom: 1px solid #c7d6d8;
    box-shadow: none;
    outline: none
}

.subscribe-form .input-field textarea {
    resize: none;
    color: #000
}

.input-field {
    position: relative;
    margin-bottom: 17px
}

.input-icon {
    position: absolute;
    top: 9px;
    left: 0;
    font-size: 14px;
    color: rgba(255, 0, 129, .5);
    transition: all .3s ease-in
}

.input-icon img {
    width: 15px
}

.name-input:focus .input-icon {
    color: #ff0081
}

.alert.alert-success.successContact {
    position: relative
}

.subscribe-form button,
.news-letter-form button,
.comment-btn button {
    border: none;
    line-height: 0px
}

.successContact button.close {
    position: absolute;
    top: 0px;
    right: 0px
}

.subscribe-form button:focus,
.news-letter-form button:focus,
.comment-btn button:focus {
    outline: none
}

.contact-info li {
    margin-bottom: 20px
}

.contact-info li:last-child {
    margin-bottom: 0
}

.contact-info li h5 {
    line-height: 48px;
    font-weight: 700;
    letter-spacing: .7px;
    color: #404040;
    text-transform: uppercase
}

.contact-info li span.icon {
    font-size: 24px;
    position: absolute;
    left: 0;
    top: -10px;
    color: rgba(255, 0, 129, .3)
}

.blog-page.blog-section {
    padding-top: 30px;
    padding-bottom: 50px
}

.blog-one-column .positiond-blog-content {
    top: 30px
}

.blog-one-column .positiond-blog-content .blog-content {
    padding: 45px 30px 45px 28px
}

.blog-one-column .positiond-blog-content .blog-content p {
    line-height: 30px
}

.play-button.blog-video {
    margin: 0;
    left: 25%
}

.right-align-img {
    float: right
}

.blog-with-sidebar .blog-content {
    padding: 30px 30px 30px 28px
}

.blog-with-sidebar .blog-content p {
    line-height: 30px
}

.blog-with-sidebar .positiond-blog-content {
    top: 22px
}

.blog-one-column .play-button {
    border: none
}

.blog-one-column .play-button i.fa {
    color: #25cde8;
    line-height: 52px;
    margin-left: 4px;
    font-size: 20px
}

.blog-one-column.right-thumb img {
    float: right
}

.blog-one-column.right-thumb .meta-content {
    left: auto;
    right: 20px
}

.blog-one-column.right-thumb .positiond-blog-content {
    right: auto;
    left: 0
}

.blog-one-column.right-thumb .positiond-blog-content .blog-content {
    padding: 45px 50px 45px 80px
}

.blog-one-column.right-thumb .positiond-blog-content {
    background: #fff
}

.blog-one-column.right-thumb .blog-content {
    text-align: right;
    margin-left: -35px;
    transform: skewX(0deg);
    -ms-transform: skewX(0deg);
    -webkit-transform: skewX(0deg)
}

.blog-one-column.right-thumb .blog-content-left-align {
    transform: skewX(10deg);
    -ms-transform: skewX(10deg);
    -webkit-transform: skewX(10deg)
}

.widgets {
    padding: 30px;
    background-color: #fff
}

.widget-title {
    padding-left: 35px;
    font-size: 16px;
    font-weight: 700;
    line-height: 48px;
    color: #404040
}

.sidebar-widgets .theme-shape {
    top: 12px;
    left: 0
}

.search-box-widget .search-form input {
    background: 0 0;
    border: none;
    box-shadow: none;
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #e1e1e1;
    transition: all .3s ease-in
}

.search-box-widget .search-form input:focus,
.search-box-widget .search-form input:active {
    outline: none;
    border-bottom: 1px solid #25cde8
}

.search-box-widget .search-form button,
.search-box-widget .search-form button:focus,
.search-box-widget .search-form button:active {
    background: 0 0;
    box-shadow: none;
    border: none;
    outline: none;
    height: 50px;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 0
}

.search-box-widget .search-form button {
    color: #673ab7;
    transition: all .3s ease-in
}

.search-box-widget .search-form button:hover {
    color: #0788b3
}

.catagory-widget ul li {
    margin-bottom: 25px
}

.catagory-widget ul li:last-child {
    margin-bottom: 0
}

.catagory-widget ul li a {
    line-height: 24px;
    color: #000;
    float: left;
    transition: all .3s ease-in;
    font-weight: 300;
    letter-spacing: .7px
}

.catagory-widget ul li:hover a {
    color: #0788b3
}

.catagory-widget ul li span {
    float: right;
    width: 35px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    border-radius: 10px;
    background-color: #e4eaec;
    transition: all .3s ease-in
}

.catagory-widget ul li:hover span {
    color: #fff;
    background-color: #0788b3
}

.recent-widget ul li {
    margin-bottom: 30px
}

.recent-widget ul li:last-child {
    margin-bottom: 0
}

.post-title {
    width: 100%;
    margin-left: 15px
}

.post-title a h5 {
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    color: #222;
    transition: all .3s ease-in
}

.recent-widget ul li:hover h5 {
    color: #0788b3
}

.post-title span {
    font-style: italic;
    font-size: 14px;
    line-height: 30px;
    display: block;
    color: #32a2f7
}

.post-thumb,
.gallery-thumb {
    overflow: hidden
}

.post-overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    background-color: rgba(103, 58, 183, .6);
    transition: all .3s ease-in .1s
}

.post-thumb .fa,
.gallery-thumb .fa {
    position: absolute;
    top: 100%;
    transform: translateY(-50%);
    left: 50%;
    transform: translateX(-50%);
    color: #25cde8;
    transition: all .2s ease-in .3s
}

.post-thumb:hover .fa,
.gallery-thumb:hover .fa {
    top: 50%;
    transform: translateY(-50%);
    left: 50%;
    transform: translateX(-50%);
    z-index: 99
}

.post-thumb:hover .post-overlay,
.gallery-thumb:hover .post-overlay {
    opacity: 1
}

.gallery-widget ul {
    font-size: 0
}

.gallery-widget ul li a {
    line-height: 0
}

.gallery-widget ul li {
    margin-right: 30px;
    margin-bottom: 30px
}

.gallery-widget ul li a img {
    display: inline-block
}

.gallery-widget ul li:nth-child(3),
.gallery-widget ul li:last-child,
.tag-widget ul li:nth-child(4) {
    margin-right: 0
}

.gallery-widget ul li:nth-child(4),
.gallery-widget ul li:nth-child(5),
.gallery-widget ul li:nth-child(6) {
    margin-bottom: 0
}

.gallery-widget ul li {
    line-height: 0;
    display: inline-block
}

.tag-widget ul {
    font-size: 0
}

.tag-widget ul li {
    display: inline-block;
    margin-right: 7px;
    margin-bottom: 12px
}

.tag-widget ul li a {
    padding: 7px 17px;
    font-size: 13px;
    line-height: 24px;
    color: #000;
    border-radius: 20px;
    background-color: #e4eaec;
    transition: all .3s ease-in;
    font-weight: 300;
    letter-spacing: .5px
}

.tag-widget ul li a:hover {
    color: #fff;
    background-color: #00c0ff
}

.single-box {
    padding: 30px 0;
    margin-bottom: 30px;
    background-color: #fff
}

.single-box.last {
    margin-bottom: 0
}

.single-content blockquote {
    position: relative;
    margin-bottom: 30px;
    padding: 30px;
    background-color: #fff;
    border-left: 30px solid #673ab7
}

.single-content blockquote p {
    color: #6b6b6b;
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;
    font-style: italic
}

.quetoe-img-1,
.quetoe-img-2 {
    position: absolute;
    left: -25px
}

.quetoe-img-1 {
    top: 20px
}

.quetoe-img-2 {
    bottom: 20px
}

.post-header h3 {
    line-height: 30px;
    font-weight: 400;
    color: #404040
}

.single-tags .fa {
    height: 28px;
    width: 28px;
    border-radius: 50%;
    text-align: center;
    line-height: 28px;
    font-size: 13px;
    color: #fff;
    margin-right: 20px;
    background-color: #673ab7
}

.single-tags ul {
    display: inline
}

.author-widget .theme-shape {
    width: 125px;
    height: 207px
}

.author-widget .theme-shape {
    left: 30px;
    top: 0;
    transform: skewX(-10deg);
    -ms-transform: skewX(-10deg);
    -webkit-transform: skewX(-10deg)
}

.author-widget .author-thumb {
    transform: skewX(10deg);
    -ms-transform: skewX(10deg);
    -webkit-transform: skewX(10deg);
    background-color: #673ab7;
    margin-left: -30px;
    padding: 36px 0 20px 15px;
    width: 130px
}

.author-widget .author-thumb ul li {
    display: inline-block;
    margin-right: 15px
}

.author-widget .author-thumb ul li:last-child {
    margin-right: 0
}

.author-widget .author-thumb img {
    height: 100px;
    width: 100px;
    margin: 0 auto 37px;
    border-radius: 50%
}

.author-widget .author-thumb ul li a {
    color: #fff;
    transition: all .3s ease-in
}

.author-widget .author-thumb ul li a:hover {
    color: #25cde8
}

.author-widget {
    padding: 35px 30px 35px 190px;
    background-color: #fff
}

.author-description h5 {
    font-size: 16px;
    font-weight: 700;
    color: #404040;
    margin-bottom: 25px
}

.author-description p {
    font-size: 15px;
    line-height: 24px
}

.comment-list ul li ul {
    margin-left: 70px
}

.section-title-single {
    margin-bottom: 55px
}

.section-title-single .widget-title {
    font-weight: 700;
    line-height: 24px;
    color: #404040;
    font-size: 18px;
    text-transform: uppercase
}

.section-title-single .theme-shape {
    top: 0;
    left: 4px
}

.media-left,
.media-body {
    display: block
}

.media {
    margin-bottom: 50px
}

.media-body {
    width: auto;
    padding-bottom: 50px;
    margin-left: 170px;
    border-bottom: 1px solid #e1e1e1
}

.media-body.last {
    padding-bottom: 0;
    border: none
}

.media-left .theme-shape {
    width: 126px;
    height: 108px;
    left: 53px;
    transform: skewX(-8deg);
    -ms-transform: skewX(-8deg);
    -webkit-transform: skewX(-8deg)
}

.media-left .theme-shape.child-li {
    left: auto
}

.comment-thumb {
    width: 125px;
    height: 108px;
    padding: 15px 0;
    margin-left: -8px;
    background-color: #673ab7;
    transform: skewX(8deg);
    -ms-transform: skewX(8deg);
    -webkit-transform: skewX(8deg)
}

.comment-thumb img {
    height: 80px;
    width: 80px;
    margin: 0 auto;
    border-radius: 50%
}

.tittle-style {
    margin-bottom: 30px;
}

.comment-info h5 {
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 15px;
    margin-top: -5px
}

.comment-info h5 span {
    position: relative;
    font-style: italic;
    color: #673ab7;
    font-size: 14px;
    margin-left: 15px;
    padding-left: 25px
}

.comment-info h5 span:before {
    content: '//';
    position: absolute;
    left: 0;
    color: #909090
}

.comment-info p {
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 15px
}

.comment-info .reply {
    font-weight: 700;
    font-size: 12px;
    color: #673ab7;
    width: 75px;
    letter-spacing: 1.2px;
    overflow: hidden;
    transition: all .3s ease-in
}

.comment-info .reply .fa {
    margin-left: 6px;
    opacity: 0;
    color: #25cde8;
    transform: rotateY(180deg) translateX(-25px);
    transition: all .3s ease-in
}

.comment-info .reply:hover .fa {
    opacity: 1;
    transform: rotateY(180deg) translateX(0)
}

.comment-info .reply:hover {
    color: #25cde8
}

.comment-input {
    display: block;
    font-size: 0;
    margin-bottom: 30px
}

.comment-form input[type=text],
.comment-form input[type=email] {
    width: 46.9%;
    font-size: 14px
}

.comment-form input[type=text],
.comment-form input[type=email],
.comment-form textarea {
    padding: 15px 0 15px 0
}

.comment-form input[type=text],
.comment-form input[type=email],
.comment-form textarea {
    position: relative;
    border: none;
    box-shadow: none;
    background: 0 0;
    border-bottom: 1px solid #e1e1e1
}

.comment-form input[type=text]:focus,
.comment-form input[type=email]:focus,
.comment-form textarea:focus {
    outline: none;
    border-bottom: 1px solid #25cde8
}

.comment-form input[type=text] {
    margin-right: 30px
}

.comment-form textarea {
    display: block;
    width: 100%;
    resize: none;
    margin-bottom: 30px
}

.name-input {
    position: relative;
    display: inline
}

.name-input,
.mail-input {
    display: inline-block;
    border: 1px solid #c7cacb;
    width: 100%;
    height: 34px;
    max-width: 215px
}

.error-wrap {
    padding-top: 185px;
    padding-bottom: 165px;
    background-color: #fff
}

.error-inner h1,
.error-inner .error-ellips {
    display: inline-block;
    float: left
}

.error-inner h1 {
    font-size: 250px;
    font-weight: 700;
    letter-spacing: 25px;
    color: #fff;
    text-shadow: 1px 3px 3px #969697
}

.error-ellips {
    height: 169px;
    width: 136px;
    border-radius: 50%;
    margin-top: 47px;
    margin-right: 30px;
    background-color: #250067
}

.error-inner {
    width: 480px;
    margin: 0 auto
}

.error-ellips .theme-bullet {
    top: 50px;
    height: 16px;
    width: 16px
}

.error-ellips .theme-bullet.left {
    left: 25px
}

.error-ellips .theme-bullet.right {
    right: 25px
}

.opps-text {
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 55px;
    height: 30px;
    line-height: 30px;
    border-radius: 20px 20px 20px 20px;
    background-color: #25cde8;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 1.8px
}

.error-btn .common-btn {
    height: 40px;
    line-height: 40px;
    margin-top: 60px;
    margin-left: -20px
}

.error-inner h4 {
    font-weight: 700;
    letter-spacing: .9px;
    color: #404040
}

.navigation.pagination {
    margin: 0
}

.navigation.pagination .prev.page-numbers,
.navigation.pagination .next.page-numbers {
    font-size: 35px;
    font-weight: 700;
    color: #bcbcbc
}

.navigation.pagination .prev.page-numbers:before,
.navigation.pagination .next.page-numbers:before {
    content: none
}

.navigation.pagination .page-numbers {
    position: relative;
    padding-top: 18px;
    margin: 0 15px;
    color: #707070;
    font-size: 14px;
    font-weight: 700
}

.navigation.pagination .page-numbers:before {
    content: '';
    position: absolute;
    height: 10px;
    width: 10px;
    top: 0;
    right: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    background: #bcbcbc
}

.navigation.pagination .page-numbers.current:before {
    height: 25px;
    top: -15px;
    background: #25cde8
}

.top-header-area {
    background: #000;
    width: 100%;
    float: left;
    padding: 5px 0;
    height: 50px
}

.r-tabs {
    position: relative;
    margin-bottom: 35px;
    border-radius: 4px
}

.r-tabs .r-tabs-nav .r-tabs-tab {
    position: relative;
    background-color: #1bbdea;
    text-align: center
}

.r-tabs .r-tabs-nav .r-tabs-anchor {
    display: inline-block;
    padding: 10px 12px;
    text-decoration: none;
    text-shadow: 0 1px rgba(0, 0, 0, .4);
    font-size: 14px;
    font-weight: 700;
    color: #fff
}

.r-tabs .r-tabs-nav .r-tabs-state-disabled {
    opacity: .5
}

.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
    color: #fff;
    text-shadow: none;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px
}

.r-tabs .r-tabs-panel {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
    display: block;
    padding: 10px;
    background-color: #25cde8;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    text-shadow: 0 1px rgba(0, 0, 0, .4);
    font-size: 14px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px
}

.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
    background-color: #25cde8;
    color: #fff;
    text-shadow: none
}

.r-tabs .r-tabs-accordion-title.r-tabs-state-disabled {
    opacity: .5
}

button {
    display: inline-block;
    margin-top: 10px;
    margin-right: 10px;
    padding: 10px 20px;
    line-height: 100%;
    color: #fff;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    font-weight: 700;
    border: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #25cde8;
    cursor: pointer
}

.info {
    display: inline-block;
    margin-top: 10px;
    margin-right: 10px;
    padding: 10px 20px;
    width: 300px;
    line-height: 100%;
    font-family: Consolas, liberation mono, Menlo, Courier, monospace;
    font-size: 14px;
    color: #00c5ad;
    border: 2px solid #00ab94;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #fff;
    cursor: pointer
}

.package_bg {
    background-image: url(/images/package_bg.html);
    background-repeat: no-repeat;
    background-position: center center;
    height: 500px;
    background-size: cover
}

.package_opacity {
    background: rgba(0, 0, 0, .4);
    height: 500px
}

.package_accord_space,
.package_accord_1 {
    background-color: #25cde8 !important
}

.package_accord_space,
.package_accord_2 {
    background-color: #25cde8 !important
}

.package_accord_space,
.package_accord_3 {
    background-color: #25cde8 !important
}

.package_accord_space,
.package_accord_4 {
    background-color: #25cde8 !important
}

.package_accord_space,
.package_accord_5 {
    background-color: #25cde8 !important
}

.package_accord_space {
    margin: 0 4px !important;
    width: 100px
}

.package_accord_space,
.package_accord_1,
.package_accord_2,
.package_accord_3,
.package_accord_4 {
    border-radius: 5px;
    width: 186px
}

.package-tab-left-area ul li.active a {
    background: #32a2f7;
    color: #fff;
}

.sub_accordion {
    margin: auto;
    width: 72%
}

.web_accordion_title a:hover,
.web_accordion_title a:focus,
.web_accordion_title a:active {
    border: none;
    text-decoration: none
}

.web_accordion_title a {
    text-transform: capitalize;
    display: block;
    color: #fff !important;
    text-align: center;
    border-radius: 20px;
    padding: 8px 0
}

.web_accordion_title a.active_accord {
    background-color: #1f201f
}

.vertical_line {
    border: 1px solid #c5c5c5;
    float: left;
    height: 100px;
    margin-bottom: 0;
    margin-left: 5px;
    margin-top: -35px;
    width: 1px;
    background: #c5c5c5
}

.web_accordion_title {
    margin: auto;
    width: 116%
}

a.no_active {
    background-color: #673ab7
}

.sub_sub_accord_line {
    border: 1px solid #c5c5c5;
    float: left;
    height: 70px;
    margin-bottom: 0;
    margin-left: 91px;
    margin-top: -35px;
    width: 1px;
    background: #c5c5c5
}

.sub_sub_hor_line {
    background-color: #c5c5c5;
    margin-top: 37px;
    margin-bottom: 0;
    border: .1px solid #c5c5c5;
    width: 90%
}

.branch_line1 {
    margin-left: 39px
}

.branch_line2 {
    margin-left: 350px
}

.branch_line3 {
    margin-left: 362px
}

.branch_line1,
.branch_line2,
.branch_line3 {
    background: #c5c5c5 none repeat scroll 0 0;
    border: .1px solid #c5c5c5;
    float: left;
    height: 114px;
    margin-bottom: 0;
    width: 1px;
    margin-top: 0;
    margin-bottom: 0
}

.sub_sub_accord {
    margin-top: 115px
}

.tab1_package h3 {
    background-color: #673ab7;
    color: #fff;
    text-align: center;
    padding: 10px 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    text-transform: capitalize;
    font-weight: 700;
    margin-bottom: 15px;
    font-size: 18px
}

.main_package_detail {
    margin-top: 175px
}

.package_details {
    background: #fff;
    color: #000;
    padding: 0 7px;
    box-shadow: 0 10px 10px -6px #cdcdcd;
    text-align: center
}

.package_details h2 {
    color: #25cde8
}

.price_detail {
    padding: 10px 0
}

.price_detail h2 {
    font-size: 20px;
    font-weight: 700;
    line-height: 30px
}

.diff_line {
    background-color: #fff;
    margin: 0;
    width: 90%;
    margin: auto
}

.left_side h4 {
    float: left
}

.package_accordion {
    padding-bottom: 40px
}

.left_side h4,
.right_side h4 {
    text-transform: capitalize;
    padding: 10px 8px
}

.right_side h4 {
    float: right
}

.package_body {
    background-image: url(/images/package_bck.html);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.purchase_btn {
    background: #673ab7;
    padding: 15px 0 7px
}

.purchase_btn a:hover,
.purchase_btn a:focus,
.purchase_btn a:active {
    text-decoration: none
}

.purchase_btn a {
    background: #0f8b79 none repeat scroll 0 0;
    border-radius: 6px;
    color: #fff;
    display: block;
    margin: auto;
    padding: 10px;
    text-align: center;
    width: 120px;
    margin-top: 30px;
    margin-bottom: 20px
}

#tab_1,
#tab_2,
#tab_3,
#tab_4 {
    transition: all ease .2s
}

#click1,
#click11,
#click21,
#click31,
#click41 {
    left: 123px;
    position: absolute;
    transition: all .2s ease 0s;
    width: 160px;
    margin-top: -35px
}

#click2,
#click12,
#click22,
#click32,
#click42 {
    left: 320px;
    position: absolute;
    transition: all .2s ease 0s;
    width: 160px;
    margin-top: -35px
}

#click3,
#click13,
#click33,
#click43 {
    left: 517px;
    position: absolute;
    transition: all .2s ease 0s;
    width: 160px;
    margin-top: -35px
}

#click4 {
    left: 757px;
    position: absolute;
    transition: all .2s ease 0s;
    width: 160px;
    margin-top: -35px
}

.nw_web {
    width: 400px
}

.mn-top {
    margin-top: 30px
}

.left_side h4,
.right_side h4 {
    font-size: 16px
}

.r-tabs .r-tabs-nav {
    margin: 0;
    padding: 0;
    text-align: center
}

.r-tabs .r-tabs-tab {
    display: inline-block;
    margin: 0;
    list-style: none;
    box-shadow: 0 10px 10px -6px #cdcdcd;
    -webkit-box-shadow: 0 10px 10px -6px #cdcdcd;
    -moz-box-shadow: 0 10px 10px -6px #cdcdcd
}

.r-tabs .r-tabs-panel {
    padding: 15px;
    display: none
}

.r-tabs .r-tabs-accordion-title {
    display: none
}

.r-tabs .r-tabs-panel.r-tabs-state-active {
    display: block
}

.tab1_package a {
    width: 100% !important
}

#horizontalTab ul li a {
    height: 40px;
    line-height: 20px
}

.package-aec-area {
    width: 100%;
    padding: 50px 0;
    background: #fff
}

.portfolio-cont-area {
    padding-top: 40px
}

.vertical_line {
    margin-left: 35px
}

.diff_line {
    border-color: #e5e5e5
}

.package-aec-area-heading {
    width: 100%;
    text-align: center
}

.package-aec-area-heading h2 {
    color: #034d92;
    font-weight: 700;
    font-family: poppins, sans-serif;
    font-size: 45px;
    line-height: 55px
}

.package-aec-area-heading p {
    display: block;
    font-size: 17px;
    font-weight: 300;
    letter-spacing: 0.5px;
    line-height: 25px;
    margin: 0 auto;
    padding: 0px 0 30px;
    color: #000
}

.position_table {
    width: 100%;
    
    background: #fff
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    display: block;
    overflow: auto
}

.table>thead>tr>th,
.table>tbody>tr>th {
    background-color: #233138;
    color: #fff;
    font-weight: 500;
    text-align: center;
    padding: 16px 5px;
    font-size: 16px;
    vertical-align: middle
}

.color_nw {
    border-right: 0 solid #233138;
    text-align: center;
    color: #000;
    letter-spacing: .5px;
    font-weight: 300;
    font-size: 14px;
    font-family: Livvic, sans-serif
}

.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
    background-color: #fff;
    border: 1px solid #95b6c2;
    padding: 18px 8px
}

.color_nw p {
    color: #000;
    font-size: 16px;
    line-height: 28px
}

.color_tittle {
    color: #034d92;
    font-weight: 400;
    letter-spacing: .7px;
    font-size: 14px
}

.table-heading h2 {
    color: #404040;
    font-weight: 400;
    letter-spacing: 1.5px;
    line-height: 48px;
    text-transform: uppercase
}

.table-heading p {
    color: #1f1f1f;
    padding-bottom: 8px;
    text-align: justify;
    width: 100%;
    font-size: 15px
}

.table-heading {
    padding-bottom: 40px
}

.table-top-background {
    background: #fff;
    width: 100%;
    padding: 50px 0 3px
}

.panel-body-cont ul li span {
    background: #cfcfcf none repeat scroll 0 0;
    border-radius: 50%;
    border: 1px solid #673ab7;
    height: 12px;
    margin-right: 8px;
    width: 12px
}

.panel-body-cont ul li {
    color: #6c6c6c;
    font-size: 15px;
    line-height: 35px
}

.NotGeneric-Title.slide2-title .template-color {
    color: #25cde8
}

@media only screen and (max-width:1200px) {
    .r-tabs .r-tabs-nav {
        display: none
    }

    .r-tabs .r-tabs-accordion-title {
        display: block;
        margin: 5px 0;
        text-align: center
    }
}

@media all and (max-width:768px) {
    header.large {
        height: 95px
    }

    .dev-h1 {
        font-size: 25px
    }

    #cssmenu {
        padding-top: 0
    }
}

@media all and (max-width:580px) {
    .up-arrow {
        left: 80%;
        right: 0
    }
}

@media all and (min-width:769px) and (max-width:991px) {
    header.small {
        height: 110px
    }
}

@media all and (min-width:992px) {
    #cssmenu {
        padding-top: 49px
    }
}

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

    .block_head h4,
    .links li {
        text-align: center
    }

    .links li {
        display: inline-block
    }

    .links {
        text-align: center
    }

    .block_head h4 {
        padding-top: 30px
    }

    .loc {
        padding-top: 0
    }
}

@media all and (max-width:992px) {
    #cssmenu>ul>li>a {
        padding: 14px 11px;
        font-size: 14px;
        margin-right: 1px
    }
}

@media all and (max-width:991px) {
    .service_wrap {
        position: relative;
        margin-top: 0
    }

    .ca-menu {
        margin: 0 auto
    }

    .ca-menu li {
        margin: 46px auto auto
    }

    .web_title {
        padding-bottom: 21px
    }

    .package-aec-area-heading p {
        width: 100%
    }

    .contact-area {
        width: 60%
    }
}

@media all and (max-width:509px) {
    .ca-menu li {
        width: 100%;
        border-radius: 0
    }
}

@media all and (max-width:400px) {
    .ca-menu li {
        height: auto
    }
}

@media all and (max-width:400px) {

    .blue,
    .green,
    .sky,
    .orange {
        width: 100%
    }

    .ca-menu li:hover {
        transform: rotate(0)
    }
}

@media all and (max-width:991px) {
    .service-image {
        width: 52%
    }
}

@media all and (min-width:320px) {}

@media all and (min-width:535px) and(max-width:765px) {
    .web_develop {
        width: 20vw
    }
}

@media all and (max-width:767px) {
    .service-image {
        width: 24%
    }
}

@media all and (max-width:575px) {
    .service-image {
        width: 30%
    }

    .contact-area {
        width: 100%
    }

    .service-form-area {
        padding: 40px 0
    }

    .single_key_benifits {
        padding: 20px 0 !important;
    }
}

@media all and (max-width:450px) {
    .service-image {
        width: 43%
    }
}

@media all and (min-width:992px) {
    header.large img {
        margin-top: 10px;
        width: 194px
    }

    header.small img {
        margin-top: 7px;
        width: 180px
    }
}

@media all and (max-width:991px) {
    .view_more {
        padding-right: 10px
    }
}

@media all and (min-width:769px) and (max-width:991px) {
    header.large img {
        margin-top: 2px;
        width: 180px
    }

    header.large {
        height: 155px
    }

    header.small {
        height: 150px
    }
}

@media all and (max-width:350px) {
    .service-image {
        width: 50%
    }
}

@media all and (max-width:767px) {
    .PhotoPad {
        padding-top: 30px
    }

    .mobo-app {
        margin-top: 0
    }

    .responsivePull {
        float: none
    }
}

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

    .blog_line,
    .blog_read {
        border: none
    }

    .blogger_image {
        position: relative;
        top: 0;
        left: 0;
        margin: auto
    }

    .personal_info {
        padding: 0
    }

    .blog_title h4 {
        text-align: center
    }

    .blog_date h4 {
        text-align: center
    }

    .blog_section {
        padding: 0
    }

    .loc {
        text-align: center
    }

    .client-image {
        top: -7vh
    }

    .test_client {
        margin-top: 55px
    }

    .folio_shadow {
        height: auto;
        box-shadow: none
    }
}

@media all and (max-width:650px) {

    .bb-custom-firstpage,
    .bb-custom-side {
        width: 100%
    }
}

@media all and (max-width:991px) {
    .menu_accord a {
        margin: 10px 0
    }
}

@media all and (min-width:500px) {}

@media all and (max-width:499px) {
    .nw_size {
        width: 100%
    }
}

@media all and (max-width:1200px) {

    .vertical_line,
    .sub_sub_accord_line,
    .sub_sub_hor_line,
    .branch_line1,
    .branch_line2,
    .branch_line3 {
        display: none
    }

    #click1,
    #click2,
    #click3,
    #click4,
    #click11,
    #click12,
    #click13,
    #click21,
    #click31 {
        position: relative;
        width: 100%;
        left: 0;
        top: 0;
        margin-top: 0;
        text-align: left;
        width: 90%;
        margin-left: -15px
    }

    #click1 {
        padding-bottom: 10px
    }

    #click2 {
        padding: 6px 0
    }

    #click3 {
        padding: 6px 0
    }

    #click4 {
        padding: 6px 0
    }

    #click11 {
        padding: 6px 0
    }

    #click12 {
        padding: 6px 0
    }

    #click13 {
        padding: 6px 0
    }

    #click21 {
        padding: 6px 0
    }

    #click31,
    #click32,
    #click33 {
        padding: 6px 0
    }

    .custom_width_static_small {
        margin-bottom: 5px
    }

    .sub_accordion {
        width: 100%
    }

    .nw_web {
        width: 100%
    }

    .web_accordion_title {
        width: 100%
    }

    .web_accordion_title a {
        border-radius: 4px;
        text-align: center;
        padding: 9px 20px
    }

    .tab_cmn {}
}

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

    #sub_sub_accord_static,
    #sub_sub_accord_dynamic,
    #sub_sub_accord_responsive,
    #sub_sub_accord_ecommerce {
        padding-bottom: 0
    }
}

@media all and (max-width:991px) {
    .sub_sub_accord {
        padding-bottom: 0 !important
    }
}

@media all and (max-width:1200px) {
    .sub_sub_accord {
        margin-top: 0
    }

    #click1,
    #click2,
    #click3,
    #click4,
    #click11,
    #click12,
    #click13,
    #click21,
    #click22,
    #click31,
    #click32,
    #click33 {
        width: 90%;
        margin: auto;
        left: 0
    }

    #click33,
    #click32 {
        margin: 0 5% !important;
        position: relative;
        left: 0 !important
    }

    .sub_accordion {
        margin: 0 auto
    }

    .sub_sub_accord {
        margin: 10px 0 !important
    }

    #sub_sub_accord_static,
    #sub_sub_accord_dynamic,
    #sub_sub_accord_responsive,
    #sub_sub_accord_ecommerce {
        padding-bottom: 630px
    }

    #sub_sub_accord_android,
    #sub_sub_accord_ios,
    #sub_sub_accord_widow {
        padding-bottom: 447px
    }

    #sub_sub_accord_loc,
    #sub_sub_accord_ose {
        padding-bottom: 0
    }

    #sub_sub_accord_logo,
    #sub_sub_accord_illus,
    #sub_sub_accord_temp {
        padding-bottom: 335px
    }

    .custom_width_logo_small {
        margin: 0 -15px
    }

    .tab1_package {
        width: 85%;
        margin: -2px auto
    }

    .custom_col_logo_small,
    .custom_col_logo_large,
    .custom_col_logo_medium {
        margin: 0;
        width: 53%;
        margin-top: 8px;
        margin-left: 0;
        margin-right: 0
    }

    .custom_width_logo_middle,
    .custom_width_logo_large,
    .custom_width_logo_small {
        margin: 4px -15px -3px
    }
}

.web_accordion_title {
    margin: 24px 0;
    width: 100%
}

.package_details {
    margin-top: 6px;
    width: 100%
}

.footer-top {
    padding: 80px 0
}

.goto-btn {
    height: 50px;
    width: 50px;
    background: #25cde8;
    line-height: 50px;
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    border-radius: 50%;
    position: fixed;
    bottom: 5px;
    right: 5px;
    display: none;
    margin: 0 20px 20px;
    -webkit-box-shadow: 0 7px 10px -6px #382062;
    -moz-box-shadow: 0 7px 10px -6px #382062;
    box-shadow: 0 7px 10px -6px #382062;
    transition: all .3s ease-in
}

.goto-btn:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.goto-btn:hover,
.goto-btn:focus,
.goto-btn:active {
    color: #fff
}

.footer-logo {
    margin-bottom: 40px;
    margin-top: -20px
}

.footer-logo+p {
    padding-right: 10px
}

.footer-title {
    font-size: 16px;
    font-weight: 700;
    color: #404040;
    margin-bottom: 55px
}

.footer-tag-list {
    margin-top: -8px
}

.footer-tag-list li a {
    color: #909090;
    transition: all .3s ease-in
}

.footer-tag-list li {
    position: relative;
    font-size: 14px;
    line-height: 30px;
    padding-right: 18px;
    margin-right: 18px
}

.footer-tag-list li:after {
    content: "::";
    position: absolute;
    right: 0
}

.footer-tag-list li:nth-child(3),
.footer-tag-list li:nth-child(6),
.footer-tag-list li:nth-child(8) {
    margin: 0;
    padding: 0
}

.footer-tag-list li:hover a {
    color: #25cde8
}

.news-letter-form {
    margin-top: -20px
}

.news-letter-form input[type=email] {
    padding-left: 0;
    margin-bottom: 20px
}

.news-letter-form button {
    padding-left: 30px;
    padding-right: 30px
}

.footer-bottom {
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #673ab7
}

.copyright-info {
    color: #f9f9f9;
    line-height: 30px
}

.footer-social-list li {
    height: 30px;
    width: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 60%;
    margin-right: 10px;
    font-size: 12px;
    transition: all .3s ease-in
}

.footer-social-list li a {
    color: #f9f9f9;
    transition: all .3s ease-in
}

.footer-social-list li:hover {
    background-color: #25cde8;
    -webkit-box-shadow: 0 7px 17px -4px #382062;
    -moz-box-shadow: 0 7px 17px -4px #382062;
    box-shadow: 0 7px 17px -4px #382062
}

.footer-social-list.social-solid li {
    width: auto;
    margin: 0
}

.footer-social-list.social-solid li .fa {
    font-size: 13px !important;
    margin-right: 35px
}

.footer-social-list.social-solid li:hover {
    background: 0 0;
    box-shadow: none
}

.footer-social-list.social-solid li a {
    transition: all .3s ease-in
}

.footer-social-list.social-solid li:hover a {
    color: #25cde8
}

.copyright-info span a {
    color: #25cde8
}

.accordionHeader {
    background: #25cde8 !important;
    border: none !important;
    color: #fff !important
}

.pagination-pager li {
    display: inline;
    padding: 9px 12px;
    border: 1px solid #ddd;
    margin-right: -1px;
    font: 15px/20px Arial, Helvetica, sans-serif;
    background: #fff;
    box-shadow: none
}

.pagination-pager li a {
    text-decoration: none;
    color: #598deb
}

.pagination-pager li.first {
    border-radius: 0
}

.pagination-pager li.last {
    border-radius: 0
}

.pagination-pager li:hover {
    background: #cff
}

.pagination-pager li.active {
    background: #32a2f7;
    color: #fff
}

h1.top-heading {
    color: #404040;
    font-weight: 400;
    letter-spacing: 1.5px;
    line-height: 38px;
    text-transform: uppercase;
    font-size: 28px
}

.package-tab-left-area ul li a {
    color: #fff;
    display: block
}

.landing_banner {
    background: url(/images/slider/main/Logo_des-5.jpg) top right no-repeat;
    background-size: cover;
    width: 100%;
    overflow-x: hidden
}

.landing_ban_inner {
    width: 100%
}

.landing_ban_inner img {
    width: 100%;
    height: 100%
}

.landing_inner_left {
    position: relative
}

.landing_banner_cont {
    left: 12%;
    max-width: 620px;
    position: absolute;
    top: 200px;
    width: 100%;
    color: #fff
}

.landing_banner_cont h2 {
    font-size: 32px;
    padding-bottom: 15px;
    max-width: 550px;
    width: 100%
}

.landing_banner_cont ul li {
    font-size: 16px;
    padding-bottom: 10px
}

.landing_ban_right {
    right: 26%;
    position: absolute;
    top: 150px;
    z-index: 1
}

.landing_ban_right h2 {
    color: #fff;
    font-size: 24px;
    padding-bottom: 15px;
    text-align: center;
    position: relative
}

.landing_ban_right h2:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 2px;
    background: #63c;
    width: 135px;
    margin: 0 auto
}

.subscribe-form2 input {
    background: 0 0;
    border: none;
    border-bottom: 1px solid #999;
    color: #fff;
    width: 100%;
    margin-top: 13px
}

.subscribe-form2 input:focus {
    border: none;
    border-bottom: 1px solid #fff
}

.subscribe-form2 textarea {
    width: 100%;
    background: 0 0;
    border: none;
    border-bottom: 1px solid #999;
    color: #fff;
    margin-top: 13px
}

.ban_btn {
    box-shadow: none;
    height: 35px;
    line-height: 18px;
    margin-top: 25px
}

.landing_ban_right {
    background: rgba(0, 0, 0, .4) none repeat scroll 0 0;
    padding: 15px
}

.service_land_area h3,
.service_land_area h1 {
    position: relative;
    text-align: center;
    color: #24252a;
    padding-bottom: 15px;
    margin-bottom: 25px;
    font-size: 18px
}

.service_land_area h3:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 2px;
    background: #25cde8;
    width: 135px;
    margin: 0 auto
}

.service_land_inner img {
    float: left;
    width: 60px
}

.service_land_cont {
    padding-left: 80px
}

.service_land_cont h4 {
    font-size: 23px;
    color: #673ab7;
    padding-bottom: 5px
}

.service_land_cont p {
    color: #6f6f70;
    font-size: 15px;
    font-weight: 500;
    line-height: 25px;
    text-align: justify
}

.service_land_inner {
    padding-bottom: 25px
}

.service_land_inner2 {
    transform: skewX(25deg)
}

.service_land_inner2 img {
    width: 30px;
    position: relative
}

.service_land_inner2 h5 {
    color: #25cde8;
    font-size: 16px;
    font-weight: 600;
    left: -12px;
    letter-spacing: .5px;
    position: absolute;
    top: 30px
}

.section-heading2 {
    font-size: 16px;
    font-weight: 600;
    line-height: 26px
}

.skill-section2::before {
    height: 51%;
    top: 35%
}

.testimon_tittle h2 {
    color: #24252a;
    margin-bottom: 40px;
    padding-bottom: 7px;
    position: relative;
    text-align: center;
    top: -207px
}

.testimon_tittle h2::after {
    background: #25cde8 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 135px
}

.dev_modal_dialog {
    left: 4%;
    width: 500px !important;
    margin: 200px auto !important
}

.dev_modal_content {
    width: 80%
}

.dev_modal_body {
    padding: 25px 0
}

.dev_modal_body p {
    text-align: center;
    font-family: raleway, Open Sans, sans-serif;
    font-size: 17px;
    letter-spacing: 1px;
    color: #060;
    padding-top: 0;
    font-weight: 600
}

@media only screen and (max-width:1199px) {
    .landing_ban_right {
        top: 115px
    }
}

@media only screen and (max-width:1024px) {
    .service_land_inner2 {
        transform: skewX(0deg)
    }

    .service_land_inner2 h5 {
        left: 0
    }

    .land_inner3 {
        background: #fff
    }

    .landing_banner {
        height: 500px
    }

    .landing_ban_inner img {
        height: 500px
    }

    .landing_banner_cont h2 {
        font-size: 24px
    }

    .landing_banner_cont ul li {
        font-size: 13px
    }
}

@media only screen and (max-width:767px) {
    .landing_banner {
        background: #673ab7 none repeat scroll 0 0;
        height: 700px
    }

    .landing_banner_cont {
        left: 4%;
        top: 126px
    }

    .landing_ban_inner img {
        height: 235px
    }

    .landing_ban_right {
        left: 0;
        margin: 0 5%;
        right: 0
    }
}

.service_land_inner2 h5 {
    top: 36px
}

.top-wrapper {
    width: 100%;
    background: #1c1c1c;
    padding: 7px 0
}

.header-social-icons li {
    display: inline-block
}

.pull-right-in {
    float: right
}

.pull-right-in li {
    display: inline-block;
    margin-left: 20px
}

header {
    width: 100%;
    z-index: 99;
    float: left
}

header.affix.fadeInDown {
    animation-delay: 0s;
    animation-direction: normal;
    animation-duration: .5s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    animation-name: fadeInDown !important;
    animation-play-state: running;
    animation-timing-function: ease
}

header .fadeInDown {
    animation-name: none !important
}

header.affix .top-wrapper {
    display: none
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.affix {
    top: 0
}

.logo-wrapper {
    padding: 5px 0 12px;
    width: 100%;
    background: #fff
}

.affix .logo-wrapper {
    padding: 8px 0 9px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .118)
}

.affix .navbar-nav>li>.dropdown-menu {
    margin: 26px 0 0
}

.navbar-default {
    background-color: inherit;
    border-color: inherit
}

.navbar-default .navbar-collapse {
    float: left
}

.navbar {
    border-radius: 0;
    min-height: auto;
    margin: 18px 0 0;
    border: none
}

.navbar-collapse {
    padding: 0
}

.navbar-brand {
    padding: 11px 0 0;
    height: auto;
    display: none
}

.navbar-default .navbar-nav>li>a {
    color: #25272b;
    font-size: 14px;
    text-transform: uppercase
}

.navbar-default .navbar-nav>li>a>i {
    position: absolute;
    left: 50%;
    bottom: -14px
}

.navbar-nav>li>a {
    padding: 0 20px
}

.navbar-default .navbar-nav.nav li:hover>a,
.navbar-default .navbar-nav li.active>a:hover,
.navbar-default .navbar-nav li.active>a:focus,
.navbar-default .navbar-nav li.active>a,
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .nav .open>a,
.navbar-default .nav .open>a:focus,
.navbar-default .nav .open>a:hover,
.side-nav li>a:focus {
    background-color: inherit;
    color: #01a69d
}

.dropdown-menu>li>a {
    color: #000;
    margin: 0;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 400;
    display: block;
    text-transform: capitalize
}

.navbar-nav>li>.dropdown-menu {
    top: 100%;
    padding: 0;
    margin: 30px 0 0;
    box-shadow: none;
    font-size: 16px;
    text-transform: uppercase;
    border-radius: 0;
    border-top: none
}

.navbar-nav>li>.dropdown-menu li {
    border-bottom: solid 1px #d7d7d7
}

.navbar-nav>li>.dropdown-menu li:last-child {
    border-bottom: none
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    text-decoration: none;
    background: #eaeaea !important;
    color: #000 !important
}

.bt-homeslider {
    color: #fff;
    width: 100%;
    float: left;
    height: 580px;
    font-size: 32px;
    font-weight: 200;
    overflow: hidden;
    position: relative
}

.bt-homeslider .pogoSlider-slide {
    width: 100%;
    float: left;
    opacity: 0;
    height: 100%;
    overflow: hidden;
    position: absolute;
    text-align: center;
    background-size: cover;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.bt-homeslider .pogoSlider-slide:after {
    top: 0;
    left: 0;
    z-index: -1;
    content: "";
    width: 100%;
    height: 100%;
    opacity: 0;
    background: #000;
    position: absolute
}

.bt-slidercontent {
    padding: 30px;
    position: absolute;
    left: 0;
    text-align: left;
    width: 100%;
    top: 10%;
    z-index: 2
}

.bt-slidercontent h1 {
    color: #000;
    display: inline-block;
    font-size: 35px;
    font-style: normal;
    font-weight: 500;
    line-height: 50px;
    margin: 0;
    max-width: 375px
}

.bt-slidercontent h1>span {
    color: #673ab7
}

.bt-slidercontent h1 span span {
    font-weight: 700
}

.pogoSlider-progressBar {
    height: 3px;
    background: #e9e9ea
}

.bt-slidercontent .bt-description {
    padding: 40px 0
}

.bt-slidercontent .bt-description p {
    margin: 0
}

.pogoSlider--dirTopLeft .pogoSlider-dir-btn--next,
.pogoSlider--dirTopRight .pogoSlider-dir-btn--next,
.pogoSlider--dirBottomLeft .pogoSlider-dir-btn--next,
.pogoSlider--dirBottomRight .pogoSlider-dir-btn--next,
.pogoSlider--dirCenterHorizontal .pogoSlider-dir-btn--next,
.pogoSlider--dirTopLeft .pogoSlider-dir-btn--prev,
.pogoSlider--dirTopRight .pogoSlider-dir-btn--prev,
.pogoSlider--dirBottomLeft .pogoSlider-dir-btn--prev,
.pogoSlider--dirBottomRight .pogoSlider-dir-btn--prev,
.pogoSlider--dirCenterHorizontal .pogoSlider-dir-btn--prev {
    top: auto;
    left: auto;
    right: 70px;
    bottom: 30px;
    margin: 0;
    width: 35px;
    height: 35px;
    overflow: hidden;
    line-height: 58px;
    border-radius: 0;
    transform: rotate(0);
    border: 2px solid #fff;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-border-radius: 50%
}

.pogoSlider--dirTopLeft .pogoSlider-dir-btn--prev,
.pogoSlider--dirTopRight .pogoSlider-dir-btn--prev,
.pogoSlider--dirBottomLeft .pogoSlider-dir-btn--prev,
.pogoSlider--dirBottomRight .pogoSlider-dir-btn--prev,
.pogoSlider--dirCenterHorizontal .pogoSlider-dir-btn--prev {
    right: 125px
}

.pogoSlider--dirTopLeft .pogoSlider-dir-btn--next:before,
.pogoSlider--dirTopRight .pogoSlider-dir-btn--next:before,
.pogoSlider--dirBottomLeft .pogoSlider-dir-btn--next:before,
.pogoSlider--dirBottomRight .pogoSlider-dir-btn--next:before,
.pogoSlider--dirCenterHorizontal .pogoSlider-dir-btn--next:before,
.pogoSlider--dirTopLeft .pogoSlider-dir-btn--prev:before,
.pogoSlider--dirTopRight .pogoSlider-dir-btn--prev:before,
.pogoSlider--dirBottomLeft .pogoSlider-dir-btn--prev:before,
.pogoSlider--dirBottomRight .pogoSlider-dir-btn--prev:before,
.pogoSlider--dirCenterHorizontal .pogoSlider-dir-btn--prev:before {
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    font-size: 20px;
    line-height: 58px;
    border-radius: 50%;
    position: absolute;
    text-align: center
}

.pogoSlider--dirTopLeft .pogoSlider-dir-btn--next:before,
.pogoSlider--dirTopRight .pogoSlider-dir-btn--next:before,
.pogoSlider--dirBottomLeft .pogoSlider-dir-btn--next:before,
.pogoSlider--dirBottomRight .pogoSlider-dir-btn--next:before,
.pogoSlider--dirCenterHorizontal .pogoSlider-dir-btn--next:before {
    background: url(/images/arrow22.png) no-repeat;
    content: "";
    left: 2px;
    top: 0;
    height: 26px
}

.pogoSlider--dirTopLeft .pogoSlider-dir-btn--prev:before,
.pogoSlider--dirTopRight .pogoSlider-dir-btn--prev:before,
.pogoSlider--dirBottomLeft .pogoSlider-dir-btn--prev:before,
.pogoSlider--dirBottomRight .pogoSlider-dir-btn--prev:before,
.pogoSlider--dirCenterHorizontal .pogoSlider-dir-btn--prev:before {
    background: url(/images/arrow11.png) no-repeat;
    content: "";
    left: 0;
    top: 0
}

.pogoSlider--dirTopLeft .pogoSlider-dir-btn--next:after,
.pogoSlider--dirTopRight .pogoSlider-dir-btn--next:after,
.pogoSlider--dirBottomLeft .pogoSlider-dir-btn--next:after,
.pogoSlider--dirBottomRight .pogoSlider-dir-btn--next:after,
.pogoSlider--dirCenterHorizontal .pogoSlider-dir-btn--next:after,
.pogoSlider--dirTopLeft .pogoSlider-dir-btn--prev:after,
.pogoSlider--dirTopRight .pogoSlider-dir-btn--prev:after,
.pogoSlider--dirBottomLeft .pogoSlider-dir-btn--prev:after,
.pogoSlider--dirBottomRight .pogoSlider-dir-btn--prev:after,
.pogoSlider--dirCenterHorizontal .pogoSlider-dir-btn--prev:after {
    top: 0;
    z-index: 1;
    content: '';
    width: 0;
    height: 100%;
    background: #01a8c1;
    position: absolute
}

.pogoSlider--dirTopLeft .pogoSlider-dir-btn--next:after,
.pogoSlider--dirTopRight .pogoSlider-dir-btn--next:after,
.pogoSlider--dirBottomLeft .pogoSlider-dir-btn--next:after,
.pogoSlider--dirBottomRight .pogoSlider-dir-btn--next:after,
.pogoSlider--dirCenterHorizontal .pogoSlider-dir-btn--next:after {
    left: 0
}

.pogoSlider--dirTopLeft .pogoSlider-dir-btn--prev:after,
.pogoSlider--dirTopRight .pogoSlider-dir-btn--prev:after,
.pogoSlider--dirBottomLeft .pogoSlider-dir-btn--prev:after,
.pogoSlider--dirBottomRight .pogoSlider-dir-btn--prev:after,
.pogoSlider--dirCenterHorizontal .pogoSlider-dir-btn--prev:after {
    right: 0
}

.pogoSlider--dirTopLeft .pogoSlider-dir-btn--next:hover:after,
.pogoSlider--dirTopRight .pogoSlider-dir-btn--next:hover:after,
.pogoSlider--dirBottomLeft .pogoSlider-dir-btn--next:hover:after,
.pogoSlider--dirBottomRight .pogoSlider-dir-btn--next:hover:after,
.pogoSlider--dirCenterHorizontal .pogoSlider-dir-btn--next:hover:after,
.pogoSlider--dirTopLeft .pogoSlider-dir-btn--prev:hover:after,
.pogoSlider--dirTopRight .pogoSlider-dir-btn--prev:hover:after,
.pogoSlider--dirBottomLeft .pogoSlider-dir-btn--prev:hover:after,
.pogoSlider--dirBottomRight .pogoSlider-dir-btn--prev:hover:after,
.pogoSlider--dirCenterHorizontal .pogoSlider-dir-btn--prev:hover:after {
    width: 100%
}

.pogoSlider--dirTopLeft .pogoSlider-dir-btn--next:hover,
.pogoSlider--dirTopRight .pogoSlider-dir-btn--next:hover,
.pogoSlider--dirBottomLeft .pogoSlider-dir-btn--next:hover,
.pogoSlider--dirBottomRight .pogoSlider-dir-btn--next:hover,
.pogoSlider--dirCenterHorizontal .pogoSlider-dir-btn--next:hover,
.pogoSlider--dirTopLeft .pogoSlider-dir-btn--prev:hover,
.pogoSlider--dirTopRight .pogoSlider-dir-btn--prev:hover,
.pogoSlider--dirBottomLeft .pogoSlider-dir-btn--prev:hover,
.pogoSlider--dirBottomRight .pogoSlider-dir-btn--prev:hover,
.pogoSlider--dirCenterHorizontal .pogoSlider-dir-btn--prev:hover {
    color: #000
}

.pogoSlider--navBottom .pogoSlider-nav {
    bottom: 38%
}

.pogoSlider--navTop .pogoSlider-nav,
.pogoSlider--navBottom .pogoSlider-nav {
    z-index: 1
}

.pogoSlider--navTop .pogoSlider-nav,
.pogoSlider--navBottom .pogoSlider-nav,
.pogoSlider--navTop .pogoSlider-nav li,
.pogoSlider--navBottom .pogoSlider-nav li {
    height: 3px;
    line-height: 3px
}

.pogoSlider--navTop .pogoSlider-nav li,
.pogoSlider--navBottom .pogoSlider-nav li {
    float: left;
    display: block
}

.pogoSlider-nav-btn {
    border: none;
    width: 20px;
    height: 3px;
    box-shadow: 0;
    cursor: pointer;
    border-radius: 0;
    background: rgba(255, 255, 255, .5)
}

.pogoSlider-nav-btn--selected {
    background: #fff
}

.bt-slidescount {
    left: 30px;
    z-index: 1;
    color: #fff;
    bottom: 80px;
    position: absolute
}

.bt-slidescount>span {
    float: left
}

.bt-seprator {
    width: 50px;
    height: 1px;
    margin: 13px 15px;
    background: rgba(255, 255, 255, .5)
}

.banner-info {
    width: 100%;
    float: left
}

.bt-homeslider2 {
    position: relative
}

.bt-homeslider2:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-bottom: 180px solid rgba(103, 58, 183, .8);
    border-left: 300px solid transparent;
    z-index: 1
}

.pogoSlider-slide-element h2 {
    font-size: 37px
}

.pogoSlider-slide-element ul {
    width: 400px;
    padding-top: 18px
}

.pogoSlider-slide-element ul li {
    display: inline-flex;
    font-size: 16px;
    color: #fff;
    width: 190px;
    position: relative;
    padding-left: 20px
}

.pogoSlider-slide-element ul li:after {
    position: absolute;
    left: 0;
    top: 0;
    content: "\f192";
    font-size: 15px;
    color: #22a1c4;
    font-family: fontawesome
}

.pull-right-in a {
    color: #fff
}

.header-social-icons img {
    margin-right: 6px;
    width: 23px
}

.header-social-icons a {
    display: block;
    font-size: 12px;
    padding-right: 15px;
    color: #fff
}

.pull-right-in li a i {
    color: #00a6e5
}

.bt-slidercontent a {
    background: #22a1c4 none repeat scroll 0 0;
    border: 2px solid #22a1c4;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .5px;
    line-height: 31px;
    margin-top: 30px;
    text-align: center;
    width: 160px
}

.bt-slidercontent a:hover {
    background: #000;
    color: #fff
}

.bt-homeslider2 button {
    box-shadow: none
}

.portfolio-filter-button2 button {
    box-shadow: none
}

.port {
    padding: 20px
}

.port h3 {
    font-size: 22px;
    color: #fff
}

.port h4 {
    font-size: 15px;
    color: #fff
}

.port-foli-info {
    float: left;
    padding: 40px 0 0;
    width: 100%
}

.p-btn {
    padding-bottom: 20px
}

.team-sec {
    float: left;
    width: 100%
}

.team .photo {
    width: 185px;
    height: auto;
    display: inline-block;
    overflow: hidden;
    position: relative;
    float: left
}

.col-item {
    position: relative
}

.team {
    margin-top: 60px
}

.team .photo img {
    width: 100%;
    vertical-align: middle;
    position: relative
}

.social-connect {
    margin-top: 13px
}

.info {
    margin-top: 22px
}

.info .name {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 2px
}

.info .degination {
    font-size: 16px;
    font-weight: 300;
    font-style: italic;
    color: #8b8b8b
}

.social-connect a {
    display: inline-block;
    border: 1px solid #e3e3e3;
    font-size: 14px;
    color: #919191;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    margin-right: 4px
}

.social-connect a .fa {
    margin: 0
}

.social-connect a:hover {
    background-color: #4ebee9;
    color: #fff
}

.carousel-line {
    height: 320px;
    position: absolute;
    bottom: -50px;
    width: 110%;
    left: -5.5%
}

.carousel-line>.controls {
    position: absolute;
    bottom: -16px;
    left: 22.5%;
    margin-left: -50px;
    background: #fff;
    padding: 0 20px;
    color: #000
}

.carousel-line>.controls>a {
    color: #868686;
    font-size: 24px;
    font-weight: 300;
    border: 2px solid #673ab7;
    border-radius: 50%;
    margin-right: 10px;
    width: 50px
}

.info2 {
    padding-left: 210px
}

.info2>h2 {
    text-transform: uppercase
}

.info2>h3 {
    font-size: 15px;
    padding: 10px 0;
    text-transform: uppercase
}

.info2>h4 {
    color: #673ab7;
    font-size: 14px;
    font-weight: 300
}

.sec-pad {
    padding: 40px 0
}

.wel_area {}

.main-heading {
    color: #1c1c1c;
    font-size: 22px;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .5px;
    padding-bottom: 27px
}

.main-heading span {
    color: #673ab7
}

.single-media {
    padding: 15px 10px
}

.single-media i {
    background: none repeat scroll 0 0 none;
    border-radius: 50%;
    color: #673ab7;
    font-size: 29px;
    height: 55px;
    line-height: 55px;
    width: 55px;
    transition: .5s;
    margin-bottom: 15px;
    cursor: pointer
}

.single-media:hover i {
    background: #673ab7;
    color: #fff
}

.single-media h4 {
    font-size: 16px;
    text-transform: uppercase;
    line-height: 16px;
    padding-bottom: 15px
}

.single-media p {
    font-family: josefin sans;
    font-size: 15px;
    font-weight: 300;
    line-height: 18px
}

.bg-color {
    background: #fff;
    float: left;
    width: 100%
}

.sub-heading {
    font-size: 18px;
    line-height: 18px;
    position: relative;
    text-transform: uppercase;
    margin-bottom: 32px;
    display: inline-block;
    letter-spacing: .5px
}

.sub-heading:before {
    position: absolute;
    content: "";
    bottom: -11px;
    left: 0;
    width: 50%;
    height: 2px;
    background: #673ab7
}

.sec-sub-heading {
    font-size: 26px;
    letter-spacing: 1.5px;
    line-height: 41px;
    max-width: 400px;
    text-transform: uppercase;
    padding-bottom: 16px
}

.job-detail p {
    font-size: 15px;
    line-height: 20px
}

.special-para {
    font-style: italic;
    padding-bottom: 18px
}

.job-right {
    position: relative;
    z-index: 1
}

.job-right:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 200px 200px 0;
    border-color: transparent #673ab7 transparent transparent;
    top: 0;
    right: 0;
    z-index: -1
}

.job-img img {
    width: 100%
}

.job-img {
    padding: 15px 15px 0 0
}

.single-service {
    padding: 15px;
    background: #fff;
    margin-bottom: 0;
    transition: .5s
}

.service-border {
    padding: 35px 20px;
    background: #fff;
    border: 1px solid #673ab7;
    border-radius: 2px;
    transition: .3s
}

.single-service h3 {
    font-size: 16px;
    letter-spacing: .5px;
    line-height: 16px;
    text-transform: uppercase;
    height: 10px
}

.single-service img {
    width: 33px;
    padding: 38px 0;
    color: #663ab7
}

.single-service p {
    line-height: 25px;
    height: 135px
}

.mt-50 {
    margin-top: 50px
}

.single-service:hover .service-border {
    border: 1px solid #fff;
    background: #673ab7
}

.single-service:hover {
    background: #673ab7
}

.single-service:hover h3 {
    color: #fff
}

.single-service:hover p {
    color: #fff
}

.single-latest-area {
    transition: .5s
}

.single-latest-area img {
    width: 100%
}

.latest-cont {
    padding: 20px 10px;
    background: #fff
}

.latest-cont h5 {
    color: #673ab7;
    padding-bottom: 11px
}

.latest-cont h4 {
    font-size: 15px;
    line-height: 23px
}

.special-btn {
    background: 0 0;
    border-radius: 0;
    color: #034d92;
    display: block;
    font-size: 15px;
    letter-spacing: .5px;
    line-height: 13px;
    text-align: center;
    text-transform: uppercase;
    width: 170px;
    margin: 30px auto 0;
    border: 1px solid #034d92;
    padding: 15px 16px;
    font-weight: 500;
    transition: .3s
}

.special-btn:hover {
    color: #fff;
    background: #034d92
}

.single-latest-area:hover {
    box-shadow: 0 25px 45px rgba(0, 0, 0, .15);
    transform: translateY(-10px)
}

.left-features {
    width: 50%;
    float: left
}

.left-features img {
    width: 100%;
    object-fit: cover
}

.right-features {
    width: 50%;
    float: left;
    padding: 55px 25px;
    border-top: 5px solid #fff
}

.single-features {
    padding: 0 50px 0 20px;
    width: 100%
}

.feature-media {
    margin-left: 0;
    border-bottom: 0;
    padding: 0
}

.single-features i {
    border: 1px solid #673ab7;
    border-radius: 50%;
    font-size: 27px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    width: 60px
}

.feature-media h4 {
    font-size: 17px;
    line-height: 18px;
    padding-bottom: 12px;
    text-transform: uppercase;
    letter-spacing: .5px
}

.feature-media p {
    line-height: 23px
}

.mb-42 {
    margin-bottom: 26px
}

.partner-area {
    background: none repeat scroll 0 0 #673ab7;
    width: 100%;
    float: left;
    margin-top: 65px
}

.text-white {
    color: #fff !important;
}

.partners-name ul {
    text-align: center
}

.partners-name ul li {
    display: inline-block;
    margin-bottom: 50px;
    padding: 0 30px
}

.client_area {
    width: 100%;
    padding: 35px 0;
    float: left;
    background: #fff;
    margin-top: 35px
}

.client_area .owl-theme .owl-nav [class*=owl-] {
    background: 0 0;
    border-radius: 0;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 41px;
    margin-top: -5px;
    padding: 0
}

.clients-bg {
    width: 100%;
    background: #673ab7;
    float: left;
    padding: 30px 0
}

.clients-bg2 {
    background: #22a1c4
}

.clients-bg2 .item {
    background: rgba(255, 255, 255, .9)
}

.client {
    background: none repeat scroll 0 0 #fff;
    border-radius: 50%;
    height: 90px;
    padding: 10px;
    width: 90px;
    margin: 0 auto
}

.owl-carousel .client img {
    display: block;
    margin: 10px auto 0;
    text-align: center;
    width: 76%
}

.client img {
    width: 35px;
    height: 50px
}

.slider-active .owl-nav div {
    height: 30px;
    width: 30px;
    line-height: 30px;
    font-size: 30px;
    color: #000;
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.slider-active .owl-nav div.owl-prev {
    left: -50px
}

.slider-active .owl-nav div.owl-next {
    left: auto;
    right: -50px
}

.people-area {
    width: 100%;
    float: left
}

.single-people {
    margin-bottom: 15px;
    overflow: hidden;
    position: relative;
    transition: all .3s ease 0s;
    z-index: 1
}

.single-people img {
    width: 100%
}

.people-del {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    padding: 17px
}

.people-del h3 {
    color: #673ab7;
    font-size: 14px;
    line-height: 15px;
    padding-bottom: 13px
}

.people-del h4 {
    font-size: 13px;
    text-transform: uppercase;
    line-height: 15px
}

.people-del:before {
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    border-width: 107px 0 0 351px;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    z-index: -1
}

.people-social {
    position: absolute;
    right: 0;
    bottom: -91px;
    padding: 10px;
    z-index: 1;
    transition: .3s
}

.people-social:before {
    border-color: transparent transparent rgba(103, 58, 183, .7);
    border-style: solid;
    border-width: 0 0 91px 139px;
    bottom: 0;
    content: "";
    position: absolute;
    right: 0;
    z-index: -1
}

.people-social-link {
    position: relative
}

.people-social ul li {
    display: inline-block;
    padding: 0 4px
}

.people-social ul li a i {
    color: #fff
}

.people-social ul li a:hover i {
    color: #09e2d9
}

.single-people:hover .people-social {
    bottom: 0
}

.pad-36 {
    padding-top: 36px
}

.footer-pad {
    padding: 35px 0 0px;
}

.footer_area {
    background: none repeat scroll 0 0 #1c1c1c;
    color: #fff;
    float: left;
    width: 100%
}

.footer_grid h4 {
    border-bottom: 2px solid #fff;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-family: Livvic, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding-bottom: 5px;
    margin-bottom: 16px
}

.footer_grid h5 {
    color: #fff;
    font-size: 14px;
    line-height: 16px;
    padding-top: 5px;
    font-family: Livvic, sans-serif
}

.footer_grid p {
    color: #fff;
    font-size: 10px;
    font-weight: 300;
    line-height: 15px;
    padding: 15px 0
}

.footer_grid_logo img {
    width: 85px;
    margin-bottom: 20px
}

.footer_privacy ul {
    font-family: Livvic, sans-serif
}

.footer_privacy ul li {
    display: inline-block;
    padding: 0 5px;
    border-right: 1px solid #b4b3b3;
    color: #fff;
    font-size: 11px;
    line-height: 11px;
    letter-spacing: .5px
}

.footer_privacy ul li:first-child {
    padding-left: 0
}

.footer_privacy ul li:last-child {
    border-left: 0;
    padding-left: 0
}

.footer-gird-title {
    color: #fff;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: .5px;
    line-height: 12px;
    position: relative;
    margin-bottom: 30px;
    text-transform: uppercase
}

.footer-gird-title:before {
    background: none repeat scroll 0 0 #fff;
    bottom: -10px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 45%
}

.footer-form {
    border-radius: 0;
    width: 100%
}

.footer-form::-webkit-input-placeholder {
    color: #b8b7b7;
    font-weight: 300
}

.footer-form:-moz-placeholder {
    color: #b8b7b7;
    font-weight: 300
}

.footer-form::-moz-placeholder {
    color: #b8b7b7;
    font-weight: 300
}

.footer-form:-ms-placeholder {
    color: #b8b7b7;
    font-weight: 300
}

.footer-menu ul li {
    display: inline-block;
    font-size: 13px;
    line-height: 13px;
    padding-bottom: 15px;
    width: 40%
}

.footer-menu ul li a {
    color: #fff;
    font-family: Livvic, sans-serif;
    font-size: 14px;
    letter-spacing: .5px
}

.footer-menu ul li a:hover {
    color: #04d5f4
}

.footer_address p {
    padding: 0;
    font-size: 12px;
    line-height: 12px;
    font-weight: 400
}

.copy_right_area ul {
    padding: 0
}

.copy_right_area ul li {
    display: inline-block;
    padding: 0 7px
}

.copy_right_area ul li:first-child {
    padding-left: 0
}

.copy_right_area ul li a i {
    color: #fff;
    font-size: 14px
}

.copy_right_area ul li a:hover i {
    color: #01e3dc
}

.copy_right_area {
    background: none repeat scroll 0 0 #101214;
    float: left;
    padding: 15px 0 5px 0;
    width: 100%
}

.copy_right_area p {
    margin-bottom: 0;
    padding: 0;
    color: #d4d7d7;
    font-size: 14px;
    line-height: 12px;
    font-weight: 500;
    letter-spacing: .5px
}

.copy_right_area p span {
    color: #0267fe;
    font-weight: 400
}

.wel_area {
    float: left;
    width: 100%
}

.fot-input {
    position: relative
}

.fot-btn {
    background: transparent none repeat scroll 0 0;
    box-shadow: none;
    color: #8d8d8d;
    height: 31px;
    padding: 2px 10px 0 0;
    position: absolute;
    right: -10px;
    text-align: right;
    top: -10px
}

.album-content {
    background: #fff
}

.gallery-item {
    transition: .3s;
    position: relative;
    overflow: hidden
}

.galary-hover {
    transition: .5s;
    transform: scale(0);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    text-align: center;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    z-index: 5;
    overflow: hidden
}

.gallery-item:hover .galary-hover {
    transform: scale(1);
    cursor: pointer
}

.galary-hover i {
    font-size: 24px;
    margin-top: 30%
}

.list-inline>li {
    padding: 0
}

.img-thumbnail {
    padding: 0
}

.single-people-del p {
    font-size: 13px;
    font-weight: 500;
    line-height: 19px;
    letter-spacing: .5px;
    min-height: 40px;
    transition: .5s
}

.single-people-del {
    padding: 19px 7px;
    transition: .5s
}

.single-people-del:hover {
    background: linear-gradient(to bottom, #ffffff 0%, #9933ff 100%)
}

.single-people-del:hover p {
    color: #fff
}

.mb-0 {
    margin-bottom: 0
}

.team-members {
    margin-bottom: 25px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    transition: .5s
}

.team-members:hover {
    box-shadow: 0 25px 45px rgba(0, 0, 0, .15);
    transform: translateY(-10px)
}

.active-cont {
    font-size: 14px;
    font-weight: 500;
    line-height: 23px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
    max-width: 530px;
    letter-spacing: .5px
}

.activity-style {
    text-align: left
}

.activity_img img {
    width: 100%;
    object-fit: cover
}

.activity_img {
    margin-bottom: 25px
}

.current-para {
    margin: 0 auto;
    text-align: left
}

.idio_current-para {
    font-size: 14px;
    line-height: 24px;
    padding-bottom: 13px
}

.current-del {
    margin-bottom: 20px
}

.current-del h3 {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -.5px;
    line-height: 23px;
    padding-bottom: 18px;
    text-transform: uppercase
}

.current-del-title {
    color: #000;
    display: inline-block;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -.5px;
    line-height: 48px;
    margin-bottom: 37px;
    position: relative;
    text-transform: uppercase
}

.current-del-title:before {
    position: absolute;
    left: 0;
    content: "";
    background: cyan;
    width: 50px;
    height: 2px;
    bottom: 0
}

.current-del h4 {
    padding-bottom: 18px;
    color: #000
}

.current-del-para {
    color: #000;
    text-align: left
}

.current-del p>span {
    color: #673ab7;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .5px;
    padding-right: 10px
}

.current-del-list {
    color: #000;
    padding-bottom: 12px;
    padding-left: 23px;
    position: relative;
    text-align: left
}

.current-del-list:before {
    color: cyan;
    content: "";
    font-family: fontawesome;
    font-size: 16px;
    left: 0;
    position: absolute;
    top: 0
}

.current-del ul {
    padding-top: 20px
}

.highlight-cont p {
    background: none repeat scroll 0 0 #673ab7;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 0;
    margin-top: 18px;
    padding: 8px 10px;
    letter-spacing: .5px;
    text-align: center
}

.linker-tab {
    max-width: 800px;
    margin: 0 auto
}

.single-people-tab {
    position: relative;
    overflow: hidden;
    width: 80px
}

.single-people-tab img {
    width: 100%
}

.single-overlay-img img {
    position: absolute;
    top: 100%;
    left: 0;
    transition: .3s;
    width: 100%;
    right: 0;
    text-align: center;
    margin: 0 auto
}

.single-people-tab:hover .single-overlay-img img {
    top: 0
}

.single-tab-cont p {
    text-align: center;
    font-size: 17px;
    text-transform: uppercase;
    color: #000;
    padding: 11px 0;
    color: #673ab7
}

.people-tab {
    text-align: center
}

.people-tab ul li {
    display: inline-block;
    padding: 0 32px
}

#lightbox .modal-content {
    display: inline-block;
    text-align: center
}

#lightbox .close {
    opacity: 1;
    color: #fff;
    background-color: #191919;
    padding: 5px 8px;
    border-radius: 30px;
    border: 2px solid #fff;
    position: absolute;
    top: -15px;
    right: -55px;
    z-index: 1032
}

.thumbnail-style {
    border: 0 solid;
    border-radius: 0;
    background: 0 0;
    padding: 0
}

.activity-area .col-sm-3 {
    padding-left: 8px;
    padding-right: 8px
}

.pb-25 {
    padding-bottom: 25px
}

.text-center1 {
    font-size: 15px;
    line-height: 24px;
    text-align: center;
    text-transform: uppercase;
    color: #000
}

.current-tab-pane {
    float: left
}

.mb-15 {
    margin-bottom: 15px
}

.pb-0 {
    padding-bottom: 0
}

.pb-40 {
    padding-bottom: 40px
}

.board {
    width: 75%;
    margin: 0 auto;
    height: 370px;
    background: #fff
}

.board h4 {
    margin: 0;
    padding: 20px 0 0
}

.board .nav-tabs {
    position: relative;
    margin: 0 auto;
    margin-bottom: 0;
    box-sizing: border-box;
    border-bottom: 0 solid
}

.board>div.board-inner {
    background-size: 30%
}

p.narrow {
    width: 60%;
    margin: 10px auto;
    line-height: 25px
}

.liner {
    height: 2px;
    background: #ddd;
    position: absolute;
    width: 70%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 40%;
    z-index: 1
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    color: #555;
    cursor: default;
    border: 0;
    border-bottom-color: transparent
}

span.round-tabs {
    width: 70px;
    height: 70px;
    line-height: 70px;
    display: inline-block;
    border-radius: 100px;
    background: #fff;
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 25px
}

span.round-tabs.one {
    color: #673ab7;
    border: 1px solid #ddd
}

li.active span.round-tabs.one {
    background: #fff !important;
    border: 1px solid #ddd;
    color: #01a69d
}

span.round-tabs.two {
    color: #673ab7;
    border: 1px solid #ddd
}

li.active span.round-tabs.two {
    background: #fff !important;
    border: 1px solid #ddd;
    color: #01a69d
}

span.round-tabs.three {
    color: #673ab7;
    border: 1px solid #ddd
}

li.active span.round-tabs.three {
    background: #fff !important;
    border: 1px solid #ddd;
    color: #01a69d
}

span.round-tabs.four {
    color: #f1685e;
    border: 1px solid #f1685e
}

li.active span.round-tabs.four {
    background: #fff !important;
    border: 1px solid #ddd;
    color: #f1685e
}

span.round-tabs.five {
    color: #999;
    border: 2px solid #999
}

li.active span.round-tabs.five {
    background: #fff !important;
    border: 2px solid #ddd;
    color: #999
}

.nav-tabs>li.active>a span.round-tabs {
    background: #fafafa
}

.nav-tabs>li {
    width: 33%
}

li:after {
    content: " ";
    position: absolute;
    left: 45%;
    opacity: 0;
    margin: 0 auto;
    bottom: 0;
    border: 5px solid transparent;
    border-bottom-color: #ddd;
    transition: .1s ease-in-out
}

.board-inner li.active:after {
    content: " ";
    position: absolute;
    left: 45%;
    opacity: 1;
    margin: 0 auto;
    bottom: -11px;
    border: 10px solid transparent;
    border-bottom-color: #ddd
}

.nav-tabs>li a {
    width: 70px;
    height: 70px;
    margin: 3px auto;
    border-radius: 100%;
    padding: 0
}

.nav-tabs>li a:hover {
    background: 0 0
}

.tab-pane {
    position: relative;
    padding-top: 50px
}

.tab-content .head {
    font-size: 21px;
    text-transform: uppercase;
    padding-bottom: 10px;
    color: #000
}

.btn-outline-rounded {
    padding: 10px 23px;
    margin: 20px 0;
    border: 2px solid transparent;
    border-radius: 4px
}

.btn.green {
    background-color: #673ab7;
    color: #fff
}

.mb-20 {
    margin-bottom: 20px
}

.gallery-item {
    transition: .3s;
    position: relative;
    overflow: hidden
}

.galary-hover {
    transition: .5s;
    transform: scale(0);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    text-align: center;
    background: rgba(103, 58, 183, .7);
    color: #fff;
    z-index: 5;
    overflow: hidden
}

.gallery-item:hover .galary-hover {
    transform: scale(1);
    cursor: pointer
}

.galary-hover i {
    margin-top: 30%
}

.list-inline>li {
    padding: 0
}

.img-thumbnail {
    padding: 0;
    width: 100%
}

.gallery-item>a {
    width: 100%
}

.annual-day-title {
    position: relative;
    bottom: 0;
    left: 0
}

.galary-item-title h3 {
    border: 1px solid #ddd;
    color: #25cde8;
    display: inline-block;
    float: left;
    font-size: 16px;
    padding: 8px 15px
}

.galary-item-title h3 span {
    display: block
}

.galary-item-title {
    float: left;
    padding: 9px 0 5px;
    width: 100%;
    margin-bottom: 15px
}

.galary-para {
    padding-left: 65px
}

.galary-para h5 {
    color: #404040;
    letter-spacing: .5px
}

.galary-para p {
    color: #000
}

.img-thumbnail {
    border: 0 solid #ddd;
    border-radius: 0
}

.carousel-inner .item img {
    height: 170px;
    object-fit: cover;
    width: 100%
}

.modal-body .carousel-control {
    font-size: 50px;
    top: 45%
}

.gal-hovi {
    transition: .4s
}

.gal-hovi:hover .galary-item-title .galary-para h5 {
    color: #673ab7
}

.gal-hovi:hover .galary-item-title h3 {
    border-color: #673ab7
}

.galary-hover>p {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .5px;
    padding-top: 7px;
    text-transform: uppercase
}

.galary-item-title .galary-para p {
    background: 0 0
}

.galary-item-title .galary-para p {
    padding: 0
}

.cllg-area p {
    line-height: 24px
}

.collage-img img {
    width: 100%
}

.cllg-area p {
    line-height: 22px;
    padding-bottom: 30px
}

.collage-img a {
    position: relative;
    z-index: 11
}

.collage-img a:before {
    border-color: transparent #673ab7 transparent transparent;
    border-style: solid;
    border-width: 0 200px 200px 0;
    content: "";
    height: 0;
    position: absolute;
    right: -15px;
    top: -15px;
    width: 0;
    z-index: -1
}

.cllg-area h3 {
    color: #000;
    font-size: 15px;
    letter-spacing: .5px;
    line-height: 22px;
    max-width: 100%;
    padding-bottom: 6px;
    text-align: center
}

.service-area.our-laand {
    overflow-x: hidden !important
}

.land-service {
    box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23);
    margin-bottom: 27px
}

.land-info h3 {
    height: auto
}

.land-serv-cont {
    padding-top: 10px;
    text-align: left
}

.land-serv-cont p {
    height: auto;
    margin-bottom: 10px;
    font-size: 12px
}

.land-serv-cont p i {
    padding-right: 5px;
    color: cyan
}

.land-info img {
    padding: 4px 0
}

.land-bg {
    background: #673ab7
}

.land-bg-1 {
    border: 1px solid #fff;
    background: #673ab7
}

.land-bg-1 h3 {
    color: #fff
}

.land-bg-1 p {
    color: #fff
}

.landing .col-sm-4>a {
    width: 100%;
    display: block
}

.team-sec.sec-pad.pad-50 {
    padding-bottom: 90px
}

.my-land h2 {
    font-size: 29px
}

.landing_ban_inner.ou-land-ban .row {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.landing_ban_inner.ou-land-ban .col-md-8 {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.landing_ban_inner.ou-land-ban .col-sm-7 {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.landing_ban_inner.ou-land-ban .col-md-4 {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.landing_ban_inner.ou-land-ban .col-md-5 {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.services-container {
    font-size: 0
}

.service-item {
    position: relative;
    font-size: 14px;
    display: inline-block;
    vertical-align: top;
    float: none;
    border-right: 1px solid rgba(255, 255, 255, .25);
    border-bottom: 1px solid rgba(255, 255, 255, .25)
}

.service-item .with_padding {
    padding: 15px 10px 4px;
    text-align: left
}

.service-item.service-item-color {
    border-color: #f0f0f0
}

.media-links {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0
}

.media-links::before {
    background-color: #4fc9e0;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s linear 0s
}

.service-item .media-links::before {
    background-color: rgba(255, 255, 255, .25)
}

.service-item.service-item-color .media-links:before {
    background-color: rgba(79, 201, 224, .2)
}

.service-item .media-links:hover:before {
    opacity: 1
}

.service-item.service-item-color {
    border-color: #e1e1e1
}

.service-item p:last-of-type {
    overflow: hidden;
    font-size: 15px;
    display: -webkit-box;
    line-height: 20px;
    height: 162px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #000;
    font-size: 13px
}

.with_padding h3 {
    color: #000;
    font-size: 14px;
    font-weight: 600;
    margin: 5px 0;
    text-transform: uppercase
}

.with_padding img {
    float: left;
    width: 95px;
    margin-right: 15px
}

@media(min-width:992px) {
    .service-item:nth-child(3n) {
        border-right: none
    }

    .service-item:nth-child(n+4) {
        border-bottom: none
    }
}

@media(min-width:768px) and (max-width:991px) {
    .service-item:nth-child(2n) {
        border-right: none
    }

    .service-item:nth-child(n+7) {
        border-bottom: none
    }
}

@media(max-width:767px) {
    .service-item {
        border-right: none
    }

    .service-item:last-child {
        border-bottom: none
    }

    .with_padding img {
        width: 70px;
        margin-right: 10px
    }

    .with_padding h3 {
        font-size: 15px
    }

    .service-item p:last-of-type {
        height: auto
    }
}

.my-land-banner {
    width: 100%;
    background: url(/img/landing_banner3.jpg) no-repeat;
    background-size: 100% 100%;
    float: left;
    height: 500px
}

.land-banner-content {
    width: 100%;
    float: left
}

.land-ban-left {
    width: 72%;
    float: left;
    position: relative;
    height: 100%;
    padding: 150px 0
}

.land-ban-right {
    width: 28%;
    float: left;
    height: auto
}

.ban-left-cont {
    margin: 0 auto;
    max-width: 80%
}

.ban-left-cont h2 {
    color: #fff;
    padding-bottom: 25px;
    max-width: 400px;
    width: 100%;
    font-size: 30px;
    text-shadow: 2px 2px green
}

.ban-left-cont ul li {
    font-size: 16px;
    padding-bottom: 10px;
    color: #fff
}

.ban-left-cont .dev-li {
    font-size: 10px
}

.land-form {
    margin: 20% auto 0;
    max-width: 400px;
    padding: 20px;
    width: 100%
}

.land-form h2 {
    color: #fff;
    padding-bottom: 12px;
    text-align: center
}

.land-form #enquiry_form>input {
    background: none repeat scroll 0 0 rgba(255, 255, 255, .9);
    color: #000;
    height: 40px;
    margin-top: 5px;
    padding: 0 10px
}

.land-form #enquiry_form>textarea {
    background: none repeat scroll 0 0 rgba(255, 255, 255, .9);
    margin-top: 5px;
    color: #000;
    padding: 6px 10px
}

.land-form #enquiry_form>.common-btn.ban_btn {
    border-radius: 0;
    height: 40px;
    line-height: 22px;
    margin: 4px 0;
    width: 100%
}

.land-form {
    margin: 10% 0 0;
    float: right
}

.dev-imp-note {
    font-weight: 600
}

@media(min-width:1500px) and (max-width:1920px) {
    .bt-homeslider {
        padding-bottom: 44% !important
    }
}

@media(max-width:1199px) {
    .navbar-nav>li>a {
        padding: 0 13px
    }

    .affix .logo-wrapper {
        padding: 3px 0 8px
    }

    .bt-homeslider {
        height: auto;
        padding-bottom: 50% !important
    }

    .bt-slidercontent {
        top: 6%
    }
}

@media(min-width:992px) and (max-width:1024px) {
    .navbar-nav>li>a {
        padding: 0 12px
    }

    .navbar {
        margin: 22px 0 0
    }

    .navbar-nav>li>.dropdown-menu {
        margin-top: 34px
    }
}

@media(min-width:768px) and (max-width:991px) {
    nav.pull-right {
        float: left !important
    }

    .navbar-nav>li>a {
        padding: 0 12px
    }

    .navbar-nav>li:first-child>a {
        padding-left: 0
    }

    .affix .logo-wrapper {
        padding: 3px 0 10px
    }

    .affix .navbar-nav>li>.dropdown-menu {
        margin: 32px 0 0
    }

    .navbar {
        margin-top: 20px
    }

    .navbar-nav>li>.dropdown-menu {
        margin-top: 30px
    }
}

@media(max-width:991px) {

    .left-features,
    .right-features {
        width: 100%
    }

    .service-area .col-sm-3 {
        width: 50%
    }

    .log-new a {
        display: block;
        margin: 0 auto;
        text-align: center
    }

    .our-laand .col-sm-4 {
        width: 50%
    }

    .land-ban-left {
        padding: 75px 0
    }

    .ban-left-cont h2 {
        font-size: 26px;
        line-height: 34px;
        padding-bottom: 15px
    }
}

@media(max-width:767px) {
    .navbar-default .navbar-collapse {
        float: none;
        border: none
    }

    nav.navbar.navbar-default.pull-right {
        float: left !important;
        width: 100%
    }

    .navbar {
        margin: 0
    }

    .navbar-brand {
        display: block
    }

    .navbar-toggle {
        margin-top: 18px;
        margin-right: 0
    }

    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        border-color: inherit
    }

    .navbar-nav {
        background: #fff;
        float: left;
        margin: 10px 0 0;
        width: 100%;
        padding: 5px 0 10px
    }

    .navbar-nav>li>a {
        padding: 10px 20px
    }

    .navbar-default .navbar-nav>li>a {
        color: #000
    }

    .navbar-default .navbar-nav>li>a>i {
        position: static
    }

    .navbar-nav>li {
        border-right: none
    }

    .navbar-nav .open .dropdown-menu .dropdown-header,
    .navbar-nav .open .dropdown-menu>li>a {
        padding: 10px 15px 10px 25px
    }

    .service-area .col-sm-3 {
        width: 100%
    }

    .slider-active .owl-nav div.owl-prev {
        left: 0
    }

    .slider-active .owl-nav div.owl-next {
        right: 0
    }

    .collage-img a:before {
        right: -9px;
        top: -10px
    }

    .our-laand .col-sm-4 {
        width: 100%
    }

    .service-item .with_padding {
        padding: 15px 10px 20px
    }

    .pull-right-in {
        float: left
    }

    .pull-right-in li {
        margin-left: 0
    }
}

@media(max-width:690px) {
    .bt-slidercontent {
        padding: 21px 0
    }

    .bt-slidercontent h1 {
        font-size: 21px;
        line-height: 22px
    }

    .bt-slidercontent a {
        margin-top: 16px
    }

    .pogoSlider--dirTopLeft .pogoSlider-dir-btn--next,
    .pogoSlider--dirTopRight .pogoSlider-dir-btn--next,
    .pogoSlider--dirBottomLeft .pogoSlider-dir-btn--next,
    .pogoSlider--dirBottomRight .pogoSlider-dir-btn--next,
    .pogoSlider--dirCenterHorizontal .pogoSlider-dir-btn--next,
    .pogoSlider--dirTopLeft .pogoSlider-dir-btn--prev,
    .pogoSlider--dirTopRight .pogoSlider-dir-btn--prev,
    .pogoSlider--dirBottomLeft .pogoSlider-dir-btn--prev,
    .pogoSlider--dirBottomRight .pogoSlider-dir-btn--prev,
    .pogoSlider--dirCenterHorizontal .pogoSlider-dir-btn--prev {
        bottom: 17px;
        height: 30px;
        line-height: 28px;
        width: 31px
    }

    .bt-homeslider2::after {
        border-bottom: 55px solid rgba(103, 58, 183, .8);
        border-left: 9000px solid transparent
    }

    .team .photo {
        display: block;
        float: none;
        margin: 0 auto
    }

    .info2 {
        padding-left: 0;
        padding-top: 30px
    }

    .single-features {
        padding: 0;
        width: 100%
    }

    .pogoSlider--dirTopLeft .pogoSlider-dir-btn--next,
    .pogoSlider--dirTopRight .pogoSlider-dir-btn--next,
    .pogoSlider--dirBottomLeft .pogoSlider-dir-btn--next,
    .pogoSlider--dirBottomRight .pogoSlider-dir-btn--next,
    .pogoSlider--dirCenterHorizontal .pogoSlider-dir-btn--next,
    .pogoSlider--dirTopLeft .pogoSlider-dir-btn--prev,
    .pogoSlider--dirTopRight .pogoSlider-dir-btn--prev,
    .pogoSlider--dirBottomLeft .pogoSlider-dir-btn--prev,
    .pogoSlider--dirBottomRight .pogoSlider-dir-btn--prev,
    .pogoSlider--dirCenterHorizontal .pogoSlider-dir-btn--prev {
        height: 34px
    }

    h2 {
        font-size: 20px
    }

    .team {
        margin-top: 0
    }

    .pogoSlider-slide-element h2 {
        font-size: 22px
    }

    .pogoSlider-slide-element ul {
        padding-top: 10px
    }

    .bt-slidercontent {
        top: 2%
    }

    .pogoSlider-slide-element ul li {
        display: block;
        line-height: 22px;
        font-size: 13px
    }

    .bt-homeslider2:after {
        display: none
    }

    .pogoSlider-slide-element h2 {
        font-size: 18px
    }

    .bt-homeslider {
        height: auto;
        padding-bottom: 40% !important
    }

    .bt-slidercontent a {
        font-size: 12px;
        line-height: 24px;
        width: 118px
    }
}

@media(max-width:567px) {
    .people-area .col-xs-4 {
        width: 100%
    }

    .footer-col .col-xs-6 {
        width: 100%
    }

    .galary-para h5 {
        font-size: 11px;
        line-height: 16px
    }

    .galary-item-title .galary-para p {
        font-size: 12px;
        line-height: 20px
    }

    .collage-img a:before {
        right: -6px;
        top: -7px;
        border-width: 0 123px 74px 0
    }

    .cllg-area p {
        padding-bottom: 10px
    }
}

@media(max-width:600px) {
    .land-ban-left {
        width: 100%;
        background: #6639b6;
        padding: 35px 15px
    }

    .land-ban-right {
        width: 100%;
        background: #f2f2f2
    }

    .my-land-banner {
        background: 0 0
    }

    .land-form {
        margin: 3% auto 0
    }

    .land-form #enquiry_form>input {
        background: none repeat scroll 0 0 #fff;
        border: 1px solid #e0e0e0
    }

    .land-form #enquiry_form>textarea {
        background: none repeat scroll 0 0 #fff;
        border: 1px solid #e0e0e0
    }

    .land-form h2 {
        color: #6639b6;
        text-align: center
    }

    .ban-left-cont h2 {
        font-size: 20px;
        line-height: 28px;
        padding-bottom: 10px
    }

    .ban-left-cont ul li {
        font-size: 13px
    }
}

@media(max-width:480px) {
    .bt-homeslider {
        padding-bottom: 40% !important
    }

    .pogoSlider-slide-element ul {
        width: auto
    }

    .pogoSlider-slide-element ul {
        display: none
    }

    .pogoSlider--dirTopLeft .pogoSlider-dir-btn--next,
    .pogoSlider--dirTopRight .pogoSlider-dir-btn--next,
    .pogoSlider--dirBottomLeft .pogoSlider-dir-btn--next,
    .pogoSlider--dirBottomRight .pogoSlider-dir-btn--next,
    .pogoSlider--dirCenterHorizontal .pogoSlider-dir-btn--next,
    .pogoSlider--dirTopLeft .pogoSlider-dir-btn--prev,
    .pogoSlider--dirTopRight .pogoSlider-dir-btn--prev,
    .pogoSlider--dirBottomLeft .pogoSlider-dir-btn--prev,
    .pogoSlider--dirBottomRight .pogoSlider-dir-btn--prev,
    .pogoSlider--dirCenterHorizontal .pogoSlider-dir-btn--prev {
        border: 0
    }

    .pogoSlider--dirTopLeft .pogoSlider-dir-btn--prev,
    .pogoSlider--dirTopRight .pogoSlider-dir-btn--prev,
    .pogoSlider--dirBottomLeft .pogoSlider-dir-btn--prev,
    .pogoSlider--dirBottomRight .pogoSlider-dir-btn--prev,
    .pogoSlider--dirCenterHorizontal .pogoSlider-dir-btn--prev {
        right: 96px
    }

    .pogoSlider--dirTopLeft .pogoSlider-dir-btn--next::after,
    .pogoSlider--dirTopRight .pogoSlider-dir-btn--next::after,
    .pogoSlider--dirBottomLeft .pogoSlider-dir-btn--next::after,
    .pogoSlider--dirBottomRight .pogoSlider-dir-btn--next::after,
    .pogoSlider--dirCenterHorizontal .pogoSlider-dir-btn--next::after,
    .pogoSlider--dirTopLeft .pogoSlider-dir-btn--prev::after,
    .pogoSlider--dirTopRight .pogoSlider-dir-btn--prev::after,
    .pogoSlider--dirBottomLeft .pogoSlider-dir-btn--prev::after,
    .pogoSlider--dirBottomRight .pogoSlider-dir-btn--prev::after,
    .pogoSlider--dirCenterHorizontal .pogoSlider-dir-btn--prev::after {
        background: 0 0
    }

    .modal-dialog {
        width: 100% !important;
        padding: 0 15px
    }

    .album-content .col-sm-4 {
        width: 100%
    }
}

@media(max-width:360px) {
    .dev-h1 {
        font-size: 22px
    }
}

.modal-dialog {
    width: 450px;
    margin: 60px auto
}

@media(max-width:1024px) {
    .grid-item {
        margin-bottom: 30px;
        overflow: hidden;
        width: 30.6%
    }
}

@media(max-width:767px) {
    .grid-item {
        width: 47%
    }
}

@media(max-width:480px) {
    .grid-item {
        width: 100%
    }
}

.land-clients .slider-active .owl-nav div.owl-prev {
    left: 0
}

.land-clients .slider-active .owl-nav div.owl-next {
    right: 0
}

.deb-land-banner img {
    width: 100%
}

.land-position {
    position: relative
}

.cont-relative {
    position: relative
}

.land-ban-left-position {
    position: absolute;
    top: 15%;
    left: 0
}

.land-ban-left.land-ban-left-position {
    background: 0 0
}

.land-ban-right-position {
    position: absolute;
    top: 0;
    right: 0
}

.land-ban-left-position .ban-left-cont h2 {
    padding-bottom: 6px
}

.land-ban-left-position .ban-left-cont p {
    line-height: 24px;
    color: #fff;
    padding-bottom: 10px
}

.land-ban-left-position .ban-left-cont h3 {
    color: #fff;
    font-size: 22px;
    padding-bottom: 12px;
    line-height: 27px
}

.land-ban-left-position .ban-left-cont ul li {
    font-size: 13px
}

.land-ban-right-position .land-form {
    max-width: 335px
}

@media(max-width:567px) {
    .land-ban-left-position {
        top: 4%
    }

    .land-ban-left-position .ban-left-cont h2 {
        font-size: 15px;
        line-height: 19px;
        padding-bottom: 3px
    }

    .land-ban-left-position .ban-left-cont p {
        font-size: 12px;
        line-height: 17px;
        padding-bottom: 15px
    }

    .land-ban-left-position .ban-left-cont h3 {
        font-size: 12px;
        line-height: 17px
    }

    .ban-left-cont ul li {
        font-size: 11px;
        padding-bottom: 3px;
        display: inline-block
    }

    .deb-land-banner img {
        height: auto;
        width: 100%
    }
}

@media(max-width:900px) {
    .land-ban-right-position {
        position: static
    }

    .land-ban-right-position .land-form {
        margin: 3% auto 0;
        max-width: 100%
    }

    .land-ban-right-position .land-form h2 {
        color: #673ab7
    }
}

@media(min-width:768px) and (max-width:991px) {
    .land-ban-left-position {
        top: 4%
    }
}

@media(min-width:568px) and (max-width:767px) {
    .land-ban-left-position {
        top: 6%
    }

    .ban-left-cont ul li {
        display: inline-block
    }
}

@media(min-width:600px) and (max-width:991px) {
    .land-ban-right-position .land-form #enquiry_form>input {
        border: 1px solid #e0e0e0
    }

    .land-ban-right-position .land-form #enquiry_form>textarea {
        border: 1px solid #e0e0e0
    }
}

.career_application_form label {
    color: #000;
    font-weight: 400;
    letter-spacing: .6px
}

.career_application_form .form-control {
    display: block;
    width: 100%;
    padding: 20px 12px;
    font-size: 14px;
    border-radius: 0;
    border: 1px solid #c7d6d8
}

.career_application_form .col-sm-12 {
    margin: 8px
}

.career_application_form .errorMessage {
    color: #ff074f;
    font-size: 11px
}

.package-tab-right-area .nav-tabs {
    border: 0;
    border-bottom: 0 solid #ddd
}

.package-tab-right-area .tab-pane {
    position: relative;
    padding-top: 30px
}

.package-tab-right-area .nav-tabs>li {
    width: 25%;
    text-align: center
}

.package-tab-right-area .nav-tabs>li a {
    width: auto;
    height: auto;
    margin: 3px auto;
    border-radius: 100%;
    padding: 0;
    border: 1px solid #2d3e50 !important;
    border-radius: 0;
    padding: 11px 0;
    display: block;
    color: #2d3e50;
    font-size: 15px;
    letter-spacing: .5px
}

.package-tab-right-area .nav-tabs>li.active a {
    background: #233138;
    color: #fff
}

.package-tab-right-area .nav-tabs>li a:hover {
    border: 0
}

.package-tab-right-area .panel-default {
    background: 0 0;
    border: 0
}

.single-package-tab-content {
    box-shadow: 0 0 3px rgba(0, 0, 0, .2);
    border: 1px solid #ddd;
    text-align: center;
    border-radius: 136px 136px 0 0;
    -webkit-border-radius: 136px 136px 0 0;
    -moz-border-radius: 136px 136px 0 0;
    padding-bottom: 15px;
    background: #fff
}

.package-price {
    width: 175px;
    height: 175px;
    border: 2px solid #205a6f;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    font-size: 25px;
    color: #000;
    margin-top: 32px;
    margin-bottom: 20px;
    background: #fff
}

.package-type {
    background: #034d92;
    color: #fff;
    text-transform: uppercase;
    padding: 15px 0;
    font-size: 18px;
    font-weight: 600
}

.package-details {
    padding: 15px 5px 20px
}

.package-details p {
    color: #000;
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 12px;
    text-align: left;
    padding: 1px 3px;
    display: flex;
    font-weight: 400;
    letter-spacing: .7px
}

.package-details p i {
    color: #2179bc;
    margin-right: 5px;
    margin-top: 4px;
}

.package-details p span {
    color: #2179bc;
    margin-left: auto;
    font-weight: 400;
    text-align: right
}

.bynow-btn {
    color: #034d92;
    background: #fff;
    text-shadow: none;
    text-transform: uppercase;
    font-size: 13px;
    width: auto;
    border-radius: 0;
    margin-right: 0;
    border: 1px solid #034d92;
    font-weight: 500;
    letter-spacing: .6px;
    transition: .3s
}

.bynow-btn:hover {
    background: #034d92;
    color: #fff !important
}

.pt-0 {
    padding-top: 0 !important
}

.package-tab-left-area ul li {
    background: #6a777e;
    border-bottom: 1px solid #ddd;
    color: #fff
}

.package-tab-left-area ul li a {
    color: #ffff;
    text-transform: uppercase;
    font-size: 13px;
    padding: 15px 10px;
    font-weight: 500;
    letter-spacing: .7px
}

.package-tab-left-area ul li a:hover {
    background: #1c7fcb;
    color: #fff
}

.package-tab-left-area ul li.active a {
    background: #32a2f7;
    color: #fff
}

@media(max-width:1199px) {
    .package-price {
        width: 165px;
        height: 165px;
        margin-top: 20px
    }
}

@media(max-width:991px) {
    .package-price {
        width: 95px;
        height: 95px;
        margin-top: 20px;
        border-width: 2px;
        font-size: 14px;
        margin-bottom: 10px
    }

    .package-type {
        padding: 12px 0;
        font-size: 12px
    }

    .package-details p {
        font-size: 11px;
        line-height: 16px;
        margin-bottom: 9px
    }

    .single-package-tab-content {
        min-height: 445px
    }

    .package-tab-left-area ul li a {
        font-size: 11px
    }

    .package-tab-right-area .nav-tabs>li a {
        font-size: 12px
    }
}

@media(max-width:767px) {
    .package-tab-left-area {
        margin-bottom: 20px
    }
}

@media(max-width:640px) {
    .package-tab-right-area .col-xs-4 {
        width: 100%
    }
}

@media(max-width:480px) {
    .single-package-tab-content {
        border-radius: 0;
        margin-bottom: 15px
    }

    .package-tab-right-area .tab-pane {
        padding-top: 10px
    }

    .package-tab-right-area .nav-tabs>li {
        text-align: center
    }

    .package-tab-right-area .nav-tabs>li {
        width: 50%
    }

    .package-tab-right-area .nav-tabs>li a {
        margin: 0 0 5px
    }
}

.ps-relative {
    position: relative
}

.shop-portal-ban img {
    width: 100%
}

.comn-banner-text-area {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.comn-banner-text {
    max-width: 293px;
    margin-top: 6%
}

.comn-banner-text h2 {
    color: #8e2de2;
    font-size: 40px;
    font-weight: 600;
    line-height: 46px
}

.comn-banner-text h2 span {
    color: #3c3c3c
}

.btn-stylee {
    color: #fff;
    width: 150px;
    height: 42px;
    border-radius: 20px;
    font-size: 15px;
    font-weight: 400;
    margin-top: 30px;
    margin-right: 0;
    position: relative;
    z-index: 2;
    border: 1px solid #9e10e7;
    overflow: hidden;
    background: 0 0
}

.btn-stylee:before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    height: 42px;
    left: 0;
    z-index: -1;
    background: linear-gradient(to right, #8e2de2 0%, #4a00e0 100%);
    width: 100%;
    transition: .5s
}

.btn-stylee:hover::before {
    width: 0;
    left: auto;
    right: 0
}

.btn-stylee:hover {
    color: #9e10e7
}

.portal-desc-area p {
    color: #fff
}

.portal-commmn-heading h1 {
    font-size: 40px;
    margin-bottom: 30px;
    color: #fff;
    position: relative;
    display: inline-block
}

.portal-serv-area {
    padding: 50px 0 20px
}

.portal-second-heading {
    text-align: center;
    max-width: 600px;
    margin: 0 auto;
    margin-bottom: 30px
}

.portal-second-heading h2 {
    font-size: 35px;
    margin-bottom: 30px;
    color: #8e2de2;
    position: relative;
    display: inline-block
}

.portal-second-heading p {
    color: #3c3c3c
}

.single-posrtal-serv {
    text-align: center;
    
    transition: .3s;
    padding: 40px 10px
}

.col-md-3.col-sm-4.col-xs-6 {
    margin-bottom: 30px;
}

.single-posrtal-serv img {
    margin-bottom: 25px;
    height: 53px
}

.single-posrtal-serv h3 {
    font-size: 23px;
    color: #000;
    margin-bottom: 15px
}

.single-posrtal-serv p {
    color: #3c3c3c;
    font-size: 14px;
    line-height: 26px
}

.single-posrtal-serv:hover {
    box-shadow: 0 7px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 transparent
}

.portal-chosse-area {
    padding: 50px 0;
}

.portal-choose-cont {
    padding-left: 0
}

.single-portal-choose {
    width: 100%;
    float: left;
    margin-bottom: 20px
}

.single-portal-choose img {
    max-width: 30px;
    float: left
}

.single-portal-choose-cont {
    padding-left: 42px;
    padding-bottom: 20px;
}

.single-portal-choose-cont h5 {
    color: #000;
    font-size: 19px;
    margin-bottom: 10px;
    font-weight: 500;
    letter-spacing: .7px
}

.single-portal-choose-cont p {
    color: #3c3c3c;
    font-size: 14px;
    line-height: 26px
}

.choose-comimg-area {
    position: absolute;
    bottom: -90px;
    left: 0
}

.choose-comimg-area img {
    max-width: 300px
}

.question-area .panel-group .panel-heading+.panel-collapse>.panel-body,
.panel-group .panel-heading+.panel-collapse>.list-group {
    border-top: 1px solid transparent;
    padding-top: 0;
    padding: 15px 15px 15px 30px
}

.question-area .panel-group .panel-heading {
    border-bottom: 0;
    padding: 0;
    background: 0 0
}

.question-area .panel-group .panel-heading h4 a {
    display: block;
    padding: 15px
}

.question-area .panel-title>a.collapsed::before {
    content: "\f055";
    font-size: 19px;
    width: 25px;
    height: 27px;
    text-align: center;
    line-height: 25px;
    color: #8e2de2;
    padding: 0;
    margin-right: 10px;
    margin-top: -4px
}

.question-area .panel-title>a::before {
    font-family: FontAwesome;
    content: "\f056";
    padding-right: 5px;
    width: 25px;
    height: 27px;
    text-align: center;
    line-height: 25px;
    color: #8e2de2;
    padding: 0;
    margin-right: 10px;
    margin-top: -4px
}

@media(max-width:1199px) {
    .portal-desc-banner {
        margin-top: -135px;
        padding-top: 145px
    }

    .comn-banner-text h2 {
        font-size: 32px
    }

    .portal-chosse-area {
        background-position: left center
    }

    .portal-commmn-heading h1 {
        font-size: 30px
    }

    .portal-second-heading h2 {
        font-size: 25px
    }

    .choose-comimg-area img {
        max-width: 250px
    }
}

@media(max-width:991px) {
    .comn-banner-text h2 {
        font-size: 25px;
        line-height: 38px
    }

    .portal-desc-banner {
        margin-top: -105px;
        padding-top: 110px
    }

    .btn-stylee {
        width: 125px;
        height: 38px;
        font-size: 14px;
        margin-top: 20px
    }

    .choose-comimg-area img {
        max-width: 200px
    }

    .portal-second-heading h2 {
        font-size: 20px
    }
}

@media(max-width:768px) {
    .portal-desc-banner {
        margin-top: -52px;
        padding-top: 60px;
        padding-bottom: 110px
    }

    .comn-banner-text h2 {
        font-size: 24px;
        line-height: 32px
    }

    .portal-chosse-area {
        background-position: right center
    }

    .choose-comimg-area {
        bottom: -36px
    }

    .choose-comimg-area img {
        max-width: 130px
    }
}

@media(max-width:567px) {
    .portal-commmn-heading h1 {
        font-size: 20px
    }

    .portal-commmn-heading h1::before {
        bottom: -7px;
        width: 66px
    }

    .portal-desc-banner {
        margin-top: -66px
    }

    .comn-banner-text {
        max-width: 155px;
        margin-top: 3%
    }

    .comn-banner-text h2 {
        font-size: 16px;
        line-height: 24px
    }

    .btn-stylee {
        width: 108px;
        height: 32px;
        font-size: 12px;
        margin-top: 10px;
        line-height: 8px
    }

    .single-posrtal-serv {
        margin-bottom: 0
    }

    .portal-serv-area .col-xs-6 {
        width: 100%
    }

    .portal-choose-cont {
        padding-left: 0%
    }

    .choose-comimg-area img {
        max-width: 80px
    }

    .portal-second-heading h2 {
        font-size: 17px
    }
}

@media(max-width:480px) {
    .portal-desc-banner {
        margin-top: -46px
    }
    .portal-chosse-area {
        padding: 30px 0;
    }
    .portal-second-heading p {
        margin-bottom: 15px;
    }
    .portal-commmn-heading h1 {
        text-align: center;
    }

}

.service-banner-text {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.ban-computer {
    margin-top: 6%
}

.ban-computer img {
    max-width: 570px
}

.about-core-service-area ul {
    margin-top: 20px;
}

.about-core-service-area ul li {
    text-align: left;
    margin-bottom: 10px;
    margin-left: 10px;
}

.about-core-service-area {
    padding: 40px 0;
    text-align: center
}

.about-core-service-area .portal-second-heading {
    max-width: 100%
}

.portal-second-heading h1 {
    font-size: 35px;
    margin-bottom: 30px;
    color: #8e2de2;
    position: relative;
    display: inline-block
}

.about-core-service-area p {
    color: #3c3c3c
}

.experts-area {
    padding: 100px 0;
    background-image: url(/img/service/3.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center
}

.experts-points-area {
    background: linear-gradient(to bottom, #328cd4 0%, #823ae0 79%);
    background: -moz-linear-gradient(to bottom, #328cd4 0%, #823ae0 79%);
    background: -webkit-linear-gradient(to bottom, #328cd4 0%, #823ae0 79%);
    background: red;
    -webkit-box-shadow: 0 10px 6px -6px #777;
    box-shadow: 2px 0 16px 2px rgba(197, 195, 195, .72);
    -moz-box-shadow: 2px 0 16px 2px rgba(197, 195, 195, .72);
    -webkit-box-shadow: 2px 0 16px 2px rgba(197, 195, 195, .72);
    padding: 40px 0 0 26%
}

.single-admin-features {
    width: 100%;
    float: left;
    height: 75px;
    transition: .3s
}

.single-admin-features img {
    height: 30px;
    float: left;
    margin-right: 10px;
    transition: .3s
}

.single-admin-features h5 {
    color: #fff;
    font-size: 20px;
    line-height: 24px;
    margin-top: 0;
}

.expert-com-area {
    position: absolute;
    bottom: 0;
}

.expert-com-area img {
    max-width: 420px
}

.single-technology {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px;
    border-radius: 18px;
    
    margin-top: 17px;
    margin-bottom: 17px
}

.second-techno-area {
    display: flex;
    align-items: center;
    justify-content: center
}

.second-techno-area .single-technology {
    width: 250px;
    margin: 0 7px
}

@media(max-width:1199px) {
    .single-admin-features h5 {
        font-size: 18px
    }
}

@media(max-width:991px) {
    .ban-computer img {
        max-width: 345px
    }

    .portal-second-heading h1 {
        font-size: 22px
    }

    .expert-com-area img {
        max-width: 265px
    }
}

@media(max-width:768px) {
    .experts-points-area {
        padding: 40px 15px 0
    }

    .expert-com-area {
        bottom: -50px
    }

    .expert-com-area img {
        max-width: 200px
    }

    .ban-computer img {
        max-width: 240px
    }
}

@media(max-width:567px) {
    .ban-computer img {
        max-width: 185px
    }

    .single-admin-features h5 {
        font-size: 15px
    }

    .single-admin-features img {
        height: 18px
    }
}

@media(max-width:480px) {
    .ban-computer img {
        max-width: 155px
    }

    .comn-banner-text h2 {
        font-size: 14px
    }

    .experts-points-area .col-xs-6 {
        width: 100%
    }

    .portal-second-heading h1 {
        font-size: 16px;
        margin-bottom: 0
    }

    .our-techno-area .portal-second-heading {
        margin-bottom: 0
    }
}

.sub-dropdown-menu {
    position: absolute;
    left: 100%;
    width: 200px;
    text-align: left;
    font-size: 13px;
    background: #fff;
    border: 1px solid #ddd;
    top: 0
}

.sub-dropdown-menu li a {
    padding: 10px
}

.technology-banner .comn-banner-text h2 {
    color: #fff
}

.technology-banner .comn-banner-text h2 span {
    color: #fff
}

.bubble-animation {
    position: absolute;
    bottom: 0;
    left: 0
}

.bubble-animation img {
    max-width: 142px
}

.technology-banner .comn-banner-text {
    margin-top: 0%
}

.technology-banner .comn-banner-text .btn-stylee {
    color: #9e10e7;
    border: 1px solid #fff
}

.technology-banner .comn-banner-text .btn-stylee::before {
    background: #fff
}

.technology-banner .comn-banner-text .btn-stylee:hover {
    color: #fff
}

.best-serv-area {
    background: linear-gradient(to bottom, #358ad5 0%, #823ae0 106%);
    padding: 45px 0;
    box-shadow: 2px 0 16px 2px rgba(197, 195, 195, .72);
    -moz-box-shadow: 2px 0 16px 2px rgba(197, 195, 195, .72);
    -webkit-box-shadow: 2px 0 16px 2px rgba(197, 195, 195, .72)
}

.best-serv-area .portal-commmn-heading h2::before {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100px;
    height: 2px;
    background: #fff;
    content: ""
}

.best-serv-area .portal-commmn-heading h2 {
    font-size: 40px;
    margin-bottom: 30px;
    color: #fff;
    position: relative;
    display: inline-block
}

.best-serv-cont {
    width: 100%;
    float: left
}

.best-serv-point-img img {
    max-width: 100%
}

.single-serv-cont-point {
    margin-bottom: 10px
}

.single-serv-cont-point i {
    color: #fff;
    font-size: 21px;
    float: left;
    margin-right: 8px;
    margin-top: 8px
}

.single-serv-cont-point p {
    font-size: 17px;
    color: #fff;
    padding-left: 35px
}

.key-facts-area {
    padding: 40px 0;
    background: url(/img/technology/key.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover
}

.key-facts-cont h3 {
    color: #000;
    margin-bottom: 25px
}

.single-key-fact {
    width: 100%;
    float: left
}

.single-key-fact img {
    float: left;
    max-width: 26px
}

.single-key-fact-cont {
    padding-left: 35px;
    margin-bottom: 20px;
    min-height: 120px
}

.single-key-fact-cont h4 {
    font-size: 20px;
    margin-bottom: 10px;
    color: #454545
}

.single-key-fact-cont p {
    line-height: 24px;
    color: #454545
}

@media(max-width:1200px) {
    .best-serv-area .portal-commmn-heading h2 {
        font-size: 25px
    }

    .bubble-animation img {
        max-width: 90px
    }

    .bubble-animation {
        bottom: 16px
    }

    .portal-second-heading h1 {
        font-size: 25px
    }

    .technology-banner .ban-computer img {
        max-width: 450px
    }
}

@media(max-width:991px) {
    .technology-banner .ban-computer img {
        max-width: 380px
    }

    .key-facts-cont h3 {
        font-size: 18px
    }

    .single-key-fact-cont h4 {
        font-size: 17px
    }

    .single-key-fact-cont p {
        font-size: 13px
    }

    .single-serv-cont-point i {
        font-size: 21px;
        margin-right: 8px
    }

    .single-serv-cont-point p {
        font-size: 14px;
        padding-left: 26px
    }
}

@media(max-width:767px) {
    .portal-second-heading h1 {
        font-size: 17px
    }

    .technology-banner .ban-computer img {
        max-width: 262px
    }

    .row.container-id {
        display: flex;
        flex-direction: column
    }

    .col-sm-8.right-position {
        order: 2
    }

    .col-sm-4.right-position {
        order: 1
    }
}

.sub-dropdown-menu {
    position: absolute;
    left: 100%;
    width: 200px;
    text-align: left;
    font-size: 13px;
    background: #fff;
    border: 1px solid #ddd;
    top: 0
}

.sub-dropdown-menu li a {
    padding: 10px
}

.ps-relative {
    position: relative
}

.shop-portal-ban img {
    width: 100%;
    height: calc(100vh - 105px)
}

.comn-banner-text-area {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    bottom: 0
}

.comn-banner-text {
    max-width: 1000px;
    width: 100%
}

.comn-banner-text h2 {
    color: #fff;
    font-size: 49px;
    font-weight: 600;
    line-height: 46px;
    display: inline-block;
    line-height: 53px
}

.comn-banner-text h2 span {
    color: #fff
}

.btn-stylee {
    color: #fff;
    width: auto;
    height: 48px;
    border-radius: 0;
    font-size: 18px;
    font-weight: 500;
    margin-top: 30px;
    margin-right: 0;
    position: relative;
    z-index: 2;
    border: 1px solid #fff;
    overflow: hidden;
    background: 0 0;
    line-height: 19px;
    padding: 10px 14px;
    text-transform: uppercase;
    letter-spacing: .5px;
    transition: .3s
}

.btn-stylee:before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    height: 42px;
    left: 0;
    z-index: -1;
    background: 0 0;
    width: 100%;
    transition: .5s
}

.btn-stylee:hover::before {
    width: 0;
    left: auto;
    right: 0
}

.btn-stylee:hover {
    background: #fff;
    color: #000
}

.btn-stylee:hover {
    color: #005c97
}

.portal-desc-banner {
    padding: 50px 0 0
}

.portal-desc-area p {
    line-height: 32px;
    margin-bottom: 0;
    color: #000;
    font-size: 16px;
    text-align: left
}

.portal-desc-banner p font font {
    line-height: 32px;
    margin-bottom: 0;
    color: #000;
    font-size: 16px
}

.portal-commmn-heading h1 {
    font-size: 40px;
    margin-bottom: 30px;
    color: #034d92;
    position: relative;
    display: inline-block;
    font-weight: 700;
    line-height: 39px
}

.portal-serv-area {
    padding: 50px 0 20px
}

.portal-second-heading {
    text-align: center;
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
}

.portal-second-heading h2,
.portal-second-heading h3 {
    font-size: 32px;
    margin-bottom: 20px;
    color: #005c97;
    position: relative;
    display: inline-block;
    font-weight: 700;
    
    
    font-weight: 600;
}

.portal-second-heading p {
    color: #000;
    margin-bottom: 30px;
}

.single-posrtal-serv {
    text-align: center;
    
    height: 100%;
    transition: .3s;
    padding: 15px;
    background: #f7f7f7;
}

.single-posrtal-serv img {
    margin-bottom: 25px;
    height: 40px
}

.single-posrtal-serv h3 {
    font-size: 19px;
    color: #000;
    margin-bottom: 24px;
    font-weight: 500;
    letter-spacing: .7px
}

.single-posrtal-serv p {
    color: #000;
    font-size: 15px;
    line-height: 26px;
    letter-spacing: .5px;
    text-align: justify;
}

.single-posrtal-serv:hover {
    box-shadow: 0 7px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 transparent;
    
}
.bg-off-white{
    background: #edfbff;
}
.single-portal-choose-cont p {
    color: #000;
    font-size: 15px;
    line-height: 26px;
    text-align: justify;
}

.choose-comimg-area {
    position: absolute;
    bottom: -90px;
    left: 0
}

.choose-comimg-area img {
    display: none;
}

.question-area .panel-group .panel-heading+.panel-collapse>.panel-body,
.panel-group .panel-heading+.panel-collapse>.list-group {
    border-top: 1px solid transparent;
    padding-top: 0
}

.question-area .panel-group .panel-heading {
    border-bottom: 0;
    padding: 0;
    background: 0 0
}

.question-area .panel-group .panel-heading h4 a {
    display: block;
    padding: 15px 15px 15px 30px
}

.question-area .panel-title>a.collapsed::before {
    content: "\f055";
    font-size: 19px;
    width: 25px;
    height: 27px;
    text-align: center;
    line-height: 25px;
    color: #76e9ff;
    padding: 0;
    margin-right: 10px;
    margin-top: 2px;
    position: absolute;
    left: 4px;
    top: auto;
    bottom: auto
}

.question-area .panel-title>a::before {
    font-family: FontAwesome;
    content: "\f056";
    padding-right: 5px;
    width: 25px;
    height: 27px;
    text-align: center;
    line-height: 25px;
    color: #76e9ff;
    padding: 0;
    margin-right: 10px;
    margin-top: 3px;
    position: absolute;
    left: 4px;
    top: auto
}

.panel-title a p strong {
    font-weight: 400;
    color: #000
}

.panel-title a p b {
    font-weight: 400;
    color: #000
}

@media(max-width:1199px) {
    .portal-desc-banner {
        margin-top: 0;
        padding-top: 30px
    }

    .comn-banner-text h2 {
        font-size: 32px
    }

    .portal-chosse-area {
        background-position: left center
    }

    .portal-commmn-heading h1 {
        font-size: 30px
    }

    .portal-second-heading h2 {
        font-size: 25px
    }

    .choose-comimg-area img {
        max-width: 250px
    }
}

@media(max-width:991px) {
    .comn-banner-text h2 {
        font-size: 25px;
        line-height: 38px
    }

    .btn-stylee {
        width: 125px;
        height: 38px;
        font-size: 14px;
        margin-top: 20px
    }

    .choose-comimg-area img {
        max-width: 200px
    }

    .portal-second-heading h2 {
        font-size: 20px
    }
}

@media(max-width:768px) {
    .comn-banner-text h2 {
        font-size: 24px;
        line-height: 32px
    }

    .portal-chosse-area {
        background-position: right center
    }

    .choose-comimg-area {
        bottom: -36px
    }

    .choose-comimg-area img {
        max-width: 130px
    }
}

@media(max-width:567px) {
    .portal-commmn-heading h1 {
        font-size: 20px
    }

    .portal-commmn-heading h1::before {
        bottom: -7px;
        width: 66px
    }

    

    .comn-banner-text h2 {
        font-size: 16px;
        line-height: 24px
    }

    .btn-stylee {
        width: 108px;
        height: 32px;
        font-size: 12px;
        margin-top: 10px;
        line-height: 8px
    }

    .single-posrtal-serv {
        margin-bottom: 0
    }

    .portal-serv-area .col-xs-6 {
        width: 100%
    }

    .portal-choose-cont {
        padding-left: 0%
    }

    .choose-comimg-area img {
        max-width: 80px
    }

    .portal-second-heading h2 {
        font-size: 22px;
        font-weight: 500;
    }

    .architechVideo {
        width: 100%
    }
}

.service-banner-text {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.ban-computer {
    margin-top: 6%
}

.ban-computer img {
    max-width: 570px
}

.about-core-service-area {
    padding: 40px 0;
    text-align: center
}

.about-core-service-area .portal-second-heading {
    max-width: 100%
}

.portal-second-heading h1 {
    font-size: 39px;
    margin-bottom: 26px;
    color: #034d92;
    position: relative;
    display: inline-block;
    font-weight: 700;
    line-height: 50px;
}

.about-core-service-area p {
    color: #000;
    text-align: left;
}

.experts-area {
    padding: 10px 0 50px;
    background-image: none;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center
}

.experts-points-area {
    background: #42a5f5;
    background: -moz-linear-gradient(top, #42a5f4 0, #2196f4 100%);
    background: -webkit-linear-gradient(top, #42a5f4 0, #2196f4 100%);
    background: linear-gradient(to bottom, #42a5f4 0, #2196f4 100%);
    -webkit-box-shadow: 0 10px 6px -6px #777;
    box-shadow: 2px 0 16px 2px rgba(197, 195, 195, .72);
    -moz-box-shadow: 2px 0 16px 2px rgba(197, 195, 195, .72);
    -webkit-box-shadow: 2px 0 16px 2px rgba(197, 195, 195, .72);
    padding: 40px 0 0 26%
}

.single-admin-features {
    width: 100%;
    float: left;
    height: 75px;
    transition: .3s
}

.single-admin-features img {
    height: 30px;
    float: left;
    margin-right: 10px;
    transition: .3s
}

.single-admin-features h5 {
    color: #fff;
    font-size: 20px;
    line-height: 24px;
    margin-top: 0
}

.expert-com-area {
    position: absolute;
    bottom: 0
}

.expert-com-area img {
    max-width: 420px;
    display: none
}



.techno-content-area .owl-stage-outer {
    height: calc(100% + 30px);
    margin: -15px;
    padding: 15px;
    width: calc(100% + 30px);
}

.single-technology p {
    color: #fff;
    font-weight: 400;
    letter-spacing: .5px
}

.our-techno-area .owl-prev {
    position: absolute;
    top: 50%;
    left: -12px;
    background: 0 0 !important;
    width: 25px;
    height: 40px;
    line-height: 40px;
    padding: 0 !important;
    transform: translateY(-50%);
    text-align: center
}

.our-techno-area .owl-next {
    position: absolute;
    top: 50%;
    right: -10px;
    background: 0 0 !important;
    width: 25px;
    height: 40px;
    line-height: 40px;
    padding: 0 !important;
    transform: translateY(-50%);
    text-align: center
}

.our-techno-area .owl-prev i {
    color: #fff;
    font-size: 18px
}

.our-techno-area .owl-next i {
    color: #fff;
    font-size: 18px
}

.desktop-techno-area .owl-stage {
    margin: auto
}

@media(max-width:1199px) {
    .single-admin-features h5 {
        font-size: 18px
    }
}

@media(max-width:991px) {
    .ban-computer img {
        max-width: 345px
    }

    .portal-second-heading h1 {
        font-size: 22px
    }

    .expert-com-area img {
        max-width: 265px
    }
}

@media(max-width:768px) {
    .experts-points-area {
        padding: 40px 15px 0
    }

    .expert-com-area {
        bottom: -50px
    }

    .expert-com-area img {
        max-width: 200px
    }

    .ban-computer img {
        max-width: 240px
    }
}

@media(max-width:567px) {
    .ban-computer img {
        max-width: 185px
    }

    .single-admin-features h5 {
        font-size: 15px
    }

    .single-admin-features img {
        height: 18px
    }
}

@media(max-width:480px) {
    .ban-computer img {
        max-width: 155px;
        object-fit: contain
    }

    .comn-banner-text h2 {
        font-size: 14px
    }

    .experts-points-area .col-xs-6 {
        width: 100%
    }

    .portal-second-heading h1 {
        font-size: 16px;
        margin-bottom: 0
    }

    .our-techno-area .portal-second-heading {
        margin-bottom: 0
    }
}

.sub-dropdown-menu {
    position: absolute;
    left: 100%;
    width: 200px;
    text-align: left;
    font-size: 13px;
    background: #fff;
    border: 1px solid #ddd;
    top: 0
}

.sub-dropdown-menu li a {
    padding: 10px
}

.technology-banner .comn-banner-text h2 {
    color: #fff
}

.technology-banner .comn-banner-text h2 span {
    color: #fff
}

.bubble-animation {
    position: absolute;
    bottom: 0;
    left: 0
}

.bubble-animation img {
    max-width: 142px
}

.technology-banner .comn-banner-text {
    margin-top: 0%
}

.technology-banner .comn-banner-text .btn-stylee {
    color: #9e10e7;
    border: 1px solid #fff
}

.technology-banner .comn-banner-text .btn-stylee::before {
    background: #fff
}

.technology-banner .comn-banner-text .btn-stylee:hover {
    color: #fff
}

.best-serv-area {
    background: linear-gradient(to bottom, #358ad5 0%, #823ae0 106%);
    padding: 45px 0;
    box-shadow: 2px 0 16px 2px rgba(197, 195, 195, .72);
    -moz-box-shadow: 2px 0 16px 2px rgba(197, 195, 195, .72);
    -webkit-box-shadow: 2px 0 16px 2px rgba(197, 195, 195, .72)
}

.best-serv-area .portal-commmn-heading h2::before {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100px;
    height: 2px;
    background: 0 0;
    content: ""
}

.best-serv-area .portal-commmn-heading h2 {
    font-size: 26px;
    margin-bottom: 30px;
    color: #fff;
    position: relative;
    display: inline-block;
    font-weight: 600
}

.best-serv-cont {
    width: 100%;
    float: left
}

.best-serv-point-img img {
    max-width: 100%
}

.single-serv-cont-point {
    margin-bottom: 21px;
    color: #fff
}

.single-serv-cont-point i {
    color: #fff;
    font-size: 21px;
    float: left;
    margin-right: 8px;
    margin-top: 4px
}

.single-serv-cont-point img {
    width: 20px;
    margin-right: 8px
}

.single-serv-cont-point p {
    font-size: 17px;
    color: #fff;
    padding-left: 35px
}

.key-facts-area {
    padding: 40px 0;
    background: url(/img/technology/key.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover
}

.key-facts-cont h3 {
    color: #000;
    margin-bottom: 25px
}

.single-key-fact {
    width: 100%;
    float: left
}

.single-key-fact img {
    float: left;
    max-width: 26px
}

.single-key-fact-cont {
    padding-left: 35px;
    margin-bottom: 20px;
    min-height: 120px
}

.single-key-fact-cont h4 {
    font-size: 20px;
    margin-bottom: 10px;
    color: #000
}

.single-key-fact-cont p {
    line-height: 24px;
    color: #000
}

@media(max-width:1200px) {
    .best-serv-area .portal-commmn-heading h2 {
        font-size: 25px
    }

    .bubble-animation img {
        max-width: 90px
    }

    .bubble-animation {
        bottom: 16px
    }

    .portal-second-heading h1 {
        font-size: 25px;
        line-height: 37px
    }

    .technology-banner .ban-computer img {
        max-width: 450px
    }
}

@media(max-width:991px) {
    .technology-banner .ban-computer img {
        max-width: 380px
    }

    .key-facts-cont h3 {
        font-size: 18px
    }

    .single-key-fact-cont h4 {
        font-size: 17px
    }

    .single-key-fact-cont p {
        font-size: 13px
    }

    .single-serv-cont-point i {
        font-size: 21px;
        margin-right: 8px
    }

    .single-serv-cont-point p {
        font-size: 14px;
        padding-left: 26px
    }
}

@media(max-width:767px) {
    .portal-second-heading h1 {
        font-size: 20px;
    }

    .technology-banner .ban-computer img {
        max-width: 262px;
        object-fit: contain
    }

    .row.container-id {
        display: flex;
        flex-direction: column
    }

    .col-sm-8.right-position {
        order: 2
    }

    .col-sm-4.right-position {
        order: 1
    }
}

.single-technology img {
    height: 50px !important;
    object-fit: contain;
    
    margin-right: 8px
}

.main-view-area {
    position: relative;
    width: 100%;
    float: left
}

.banner-up-img {
    position: absolute;
    z-index: 9;
    right: 0;
    bottom: 0
}

.banner-up-img img {
    max-width: 1002px
}

.header-top-area {
    background: #1d1d1d;
    padding: 1rem 0;
    width: 100%;
    float: left;
    z-index: 99;
    position: relative;
    border-bottom: 1px solid #ffffff40;
}

.desktop-logo img {
    margin-top: 5px;
    max-width: 140px
}

.header-top-left-area {
    text-align: right;
}

.header-top-left-area li {
    color: #fff;
    display: inline-block;
    margin-right: 15px;
    font-weight: 500;
    letter-spacing: .2px;
    font-size: 1.4rem;
    position: relative;
}

.header-top-left-area li:nth-child(1) {
    padding-left: 1.5rem;
}

.header-top-left-area li:nth-child(1)::after {
    content: '';
    width: 1px;
    height: 4rem;
    display: block;
    position: absolute;
    top: -1rem;
    left: 0%;
    background-color: #ffffff40;
    display: block;
    opacity: 1;
    border: 0;
}

.header-top-left-area li img {
    width: 12px;
    margin-right: 5px
}

.header-top-left-area li a {
    color: #fff;
    display: inline-block;
    margin-right: 15px
}

.header-top-left-area li i {
    width: 15px;
    height: auto;
    margin-right: 5px;
}

.header-top-right-area {
    text-align: left;
}

.header-top-right-area li {
    color: #fff;
    display: inline-block;
    margin-right: 15px;
    position: relative;
}

.header-top-right-area li:nth-child(1) {
    padding-right: 1.5rem;
}

.header-top-right-area li:nth-child(1)::after {
    content: '';
    width: 1px;
    height: 4rem;
    display: block;
    position: absolute;
    top: -1rem;
    right: 0%;
    background-color: #ffffff40;
    display: block;
    opacity: 1;
    border: 0;
    left: auto;
}

.header-top-right-area li a {
    color: #fff;
    font-weight: 500;
    font-size: 1.4rem;
}

.header-top-right-area li img {
    width: 15px;
    margin-right: 5px
}

.form-group.select-box-area {
    margin-bottom: 0;
    width: 130px;
    float: right
}

.select-icon {
    position: relative
}

.select-icon::after {
    position: absolute;
    content: "\f0d7";
    right: 10px;
    top: 3px;
    color: #fff;
    font-size: 16px;
    font-family: fontawesome;
    pointer-events: none
}

.select-icon .form-control {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    height: 32px !important;
    font-size: 14px;
    background: #000;
    border: 1px solid #9f9f9f;
    color: #fff
}

.desktop-view-menu-area {
    position: static;
    z-index: 99;
    left: 0;
    right: 0;
    width: 100%;
    margin: 0 auto;
    height: 70px;
    transition: .5s;
    top: 33px;
    width: 100%;
    float: left;
    background: #101010
}

.logo img {
    max-width: 150px;
    margin-top: 9px
}

.main-menu {
    text-align: right
}

.main-menu ul li {
    display: inline-block;
    position: relative;
    margin-left: 30px
}

@media (max-width:1430px) {
    .main-menu ul li {
        margin-left: 20px;
    }
}

.main-menu ul li a {
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    display: block;
    letter-spacing: .5px;
    position: relative;
    line-height: 70px;
    transition: .5s;
    color: #fff;
    font-family: Livvic, sans-serif;
}

.main-menu ul>li::before {
    position: absolute;
    content: "";
    width: 0;
    height: 3px;
    background: 0 0;
    z-index: 1;
    bottom: 0;
    transition: .5s;
    right: 0
}

.main-menu ul li:hover::before {
    width: 100%;
    left: 0
}

.main-menu ul li.active::before {
    width: 100%
}

.main-menu ul li.active a {
    color: #76e9ff
}

.main-menu ul li ul.sub-menu {
    position: absolute;
    top: 96%;
    left: 0;
    background: #fff;
    width: 200px;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    text-align: left;
    z-index: 1000;
    border-top: 0;
    border-radius: 0;
    box-shadow: 0 0 5px rgba(107, 105, 105, .72);
    transform: scaleY(0);
    height: 0
}

.main-menu ul li:hover>ul.sub-menu {
    opacity: 1;
    visibility: visible;
    top: 94%;
    transform: scaleY(1);
    height: auto
}

.main-menu ul li ul.sub-menu li {
    border-bottom: 1px solid #dee6ea;
    display: block;
    margin-right: 0;
    margin-left: 0
}

.main-menu ul li ul.sub-menu li:last-child {
    border-bottom: 0
}

.main-menu ul li ul.sub-menu li::before {
    background: 0 0
}

.main-menu ul li ul.sub-menu li a {
    padding: 12px 11px;
    color: #000;
    font-size: 13px;
    line-height: 17px;
    font-weight: 400;
    letter-spacing: .8px
}

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

.main-menu ul li ul.sub-menu li:hover>a {
    color: #fff;
    background: #32a2f7
}

.header-search-area {
    position: relative;
    width: 100%;
    position: relative
}

.header-search-area .search-box {
    width: 100%;
    height: 35px;
    background: 0 0;
    border: 0;
    border-bottom: 1px solid #fff;
    padding: 0 20px 0 10px;
    font-size: 12px;
    text-align: right;
    margin-top: 18px;
    color: #fff
}

.header-search-area::before {
    position: absolute;
    bottom: 6px;
    right: 0;
    content: "\f002";
    font-size: 15px;
    color: #fff;
    font-family: fontawesome
}

.header-icon-area ul {
    text-align: right
}

.header-icon-area ul li {
    display: inline-block
}

.header-icon-area ul li a {
    line-height: 70px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .5px;
    transition: .3s
}

.fixed-header {
    top: 0;
    z-index: 999;
    left: 0;
    right: 0
}

.desktop-view-menu-area.fixed-header {
    background: #090909
}

.mobile-menu-area {
    display: none
}

.header-top-left-area ul li .for_mobile_view {
    display: none
}

.header-top-left-area ul li .for_web_view {
    display: block
}

.desktop-view-menu-area {
    display: block
}

.mean-container .mean-nav ul li a {
    font-size: 10px
}

.mean-container .mean-nav ul li a.mean-expand {
    width: 13px;
    height: 11px;
    line-height: 11px
}

.mean-container .mean-bar {
    background: #101010
}

.mean-container a.meanmenu-reveal span {
    background: #fff
}

.mobile-menu-area {
    position: relative;
    width: 100%;
    float: left;
}

.mobile-menu-area.mean-container .mean-bar {
    z-index: 999
}

.mobile-logo {
    position: absolute;
    top: 0px;
    left: 5%;
    z-index: 999;
}

.mobile-logo img {
    max-width: 100px;
    margin-top: 1px
}

@media(max-width:1920px) {
    .mobile-logo img {
        margin-top: 3px
    }
}

.mobile-menu-area.mean-container .mean-nav {
    background: #198ee7
}

.height-100 {
    height: 100%
}

.banner-area {
    width: 100%;
    position: relative
}

.slider-overlay1 {
    position: relative
}

.slider-overlay {
    width: 100%;
    height: 100%;
    background: rgba(7, 60, 141, .6);
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.banner-area img {
    width: 100%
}

.nivo-caption {
    background: 0 0;
    color: #000;
    opacity: 1;
    height: 100%;
    text-align: center
}

.slider-text {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: 47%;
    float: left;
    z-index: 6666;
    left: 0;
    text-align: left
}

.slider-text h4 {
    font-size: 22px;
    text-transform: uppercase;
    color: #fff;
    line-height: 22px;
    margin-bottom: 20px
}

.slider-text-right {
    text-align: right;
    float: right;
    left: auto;
    right: 0
}

.slider-text-right h2 {
    text-align: right !important
}

.slider-text-right p {
    text-align: right !important
}

.slider-text-right span.banner-title-border {
    display: none
}

.slider-img img {
    left: auto;
    right: 0;
    max-width: 60%;
    height: 100%;
    top: 0;
    bottom: 0;
    z-index: 39
}

.slider-text h2 {
    font-size: 40px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    text-align: left;
    line-height: 45px;
    margin-bottom: 10px
}

.slider-text p {
    font-size: 16px;
    letter-spacing: .5px;
    text-align: left;
    color: #fff;
    padding: 0;
    line-height: 28px
}

.nivo-controlNav {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    z-index: 9
}

.nivo-controlNav a {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: 0 0;
    text-indent: -9999px;
    margin: 0 2px;
    background: #fff
}

.nivo-controlNav a.active {
    border-radius: 4px;
    width: 80px;
    height: 10px
}

.nivo-directionNav a {
    position: absolute;
    top: auto;
    z-index: 200 !important;
    cursor: pointer;
    bottom: 30px;
    z-index: 99999999999;
    left: auto;
    right: 40%;
    background: #607ca4;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 13px
}

.nivo-directionNav a.nivo-prevNav {
    right: 43%
}

.nivo-directionNav a i {
    color: #fff;
    font-size: 23px;
    margin-top: 3px
}

.cmn-btn {
    background: #ee8c0e;
    color: #fff;
    font-size: 15px !important;
    width: 170px;
    height: 45px;
    border-radius: 0;
    border: 1px solid #ee8c0e;
    font-size: 17px;
    letter-spacing: .5px;
    transition: .3s;
    margin-top: 20px;
    cursor: pointer;
    padding: 0;
    text-shadow: none;
    font-weight: 400
}

.cmn-btn:hover {
    background: 0 0;
    color: #c19a82
}

.header-serv-area {
    position: absolute;
    bottom: 40px;
    z-index: 99;
    width: 100%
}

.header-serv-area-cont {
    max-width: 540px;
    border: 1px solid #fff;
    display: flex
}

.header-serv-area-cont li {
    width: 25%;
    text-align: center
}

.header-serv-area-cont li a {
    display: block;
    color: #fff;
    height: 45px;
    line-height: 45px;
    border-right: 1px solid #fff !important;
    transition: .3s
}

.header-serv-area-cont li a:hover {
    background: #ee8c0e;
    color: #fff
}

.header-serv-area-cont ul li a:last-child {
    border-right: 0
}

.new-welcome-area {
    padding: 70px 0 30px
}

.new-title {
    font-size: 25px;
    text-transform: uppercase;
    margin-bottom: 10px
}

.new-sec-title {
    position: relative;
    margin-bottom: 40px;
    text-align: center
}

.new-title {
    font-size: 40px;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-weight: 600;
    color: #034d92
}

.welcome-left-area a img {
    max-width: 100%
}

.welcome-right-area h3 {
    color: #ee8c0e;
    margin-bottom: 15px
}

.new-technologies-area {
    padding: 70px 0;
    background: #fff;
    background: -moz-linear-gradient(top, #ffffff 0%, #d2dffe 51%, #d2dffe 51%, #ffffff 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%, #d2dffe 51%, #d2dffe 51%, #ffffff 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #d2dffe 51%, #d2dffe 51%, #ffffff 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0)
}

.middle-title {
    text-align: center
}

.middle-title.new-sec-title::before {
    left: 0;
    right: 0;
    margin: 0 auto
}

.middle-title.new-sec-title::after {
    left: 0;
    right: 0;
    margin: 0 auto
}

.new-technologies-cont img {
    max-width: 100%
}

.key-people-img {
    text-align: center;
    position: relative
}

.key-people-img::before {
    position: absolute;
    top: 24%;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    border-top: 3px solid #673ab7;
    border-left: 3px solid #673ab7;
    border-right: 3px solid #673ab7;
    z-index: -1
}

.key-people-img img {
    height: 280px;
    object-fit: contain
}

.key-people-cont {
    text-align: center;
    padding: 12px 0;
    background: #673ab7
}

.key-people-cont h3 {
    color: #ee8c0e;
    font-size: 15px;
    margin-bottom: 10px
}

.key-people-cont h5 {
    color: #fff;
    margin-bottom: 10px
}

.people-share li {
    display: inline-block;
    margin: 0 5px
}

.people-share li a i {
    color: #fff;
    font-size: 12px;
    transition: .3s
}

.people-share li a i:hover {
    color: #ee8c0e
}

.new-client-says-area {
    padding: 70px 0
}

.client-say-cont {
    background-image: url(/img/home/bg-1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    padding: 46px 0
}

.single-client-says {
    position: relative
}

.single-client-says::before {
    position: absolute;
    top: 25%;
    background: #ee8c0e;
    width: 2px;
    height: 90px;
    content: "";
    right: -2px
}

.single-client-img {
    text-align: center;
    position: relative;
    z-index: 11
}

.single-client-img::before {
    position: absolute;
    top: 24%;
    left: 0;
    width: 70%;
    height: 90%;
    content: "";
    border: 7px solid #673ab7;
    opacity: .5;
    z-index: -1;
    margin: 0 auto;
    right: 0
}

.single-client-img img {
    width: 85px !important;
    height: 85px;
    object-fit: cover;
    border-radius: 50%;
    border: 3px solid #ee8c0e;
    margin: 0 auto 25px
}

.single-client-img h3 {
    font-size: 17px;
    color: #673ab7;
    margin-bottom: 10px
}

.single-client-img h5 {
    font-size: 14px;
    color: #ee8c0e
}

.client-say-para {
    margin-top: 40px;
    text-align: center
}

.new-latest-blog-area {
    padding: 40px
}

.new-single-blog {
    position: relative;
    overflow: hidden;
    padding: 20px;
    height: 100%;
    background: #fff;
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    margin-bottom: 20px;
}

.new-single-blog img {
    width: 100%
}

.blog-cont {
    background: #f0ebf8;
    padding: 20px 10px;
    height: 110px
}

.blog-cont h3 {
    font-size: 18px;
    color: #673ab7;
    margin-bottom: 10px
}

.blog-cont h3 a {
    color: #673ab7
}

.blog-cont p {
    line-height: 18px;
    margin-bottom: 10px
}

.read-more {
    background-image: url(/img/home/read-more.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    position: absolute;
    bottom: 0;
    padding: 20px 8px 3px;
    display: block;
    width: 100%;
    text-align: right;
    left: 0;
    margin-top: 5px;
    color: #fff;
    text-transform: capitalize
}

.new-expertice-area {
    padding-bottom: 30px
}

.new-expertice-cont img {
    width: 100%
}

.new-latest-blog-area {
    padding-bottom: 40px
}

.video-modal .modal-dialog {
    max-width: 700px;
    width: 100%;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%) !important
}

.video-modal .modal-header {
    padding: 15px 0;
    border-bottom: 0 solid #e5e5e5
}

.video-modal .modal-header .close {
    margin-top: -2px;
    opacity: 1;
    color: #fff
}

.video-modal .modal-body {
    padding: 5px;
    background: #a19f9d
}

@media(max-width:1200px) {
    .banner-up-img img {
        max-width: 790px
    }

    .nivo-directionNav a {
        right: 30%
    }

    .nivo-directionNav a.nivo-prevNav {
        right: 34%
    }

    .key-people-img img {
        height: 245px
    }
}

@media(max-width:991px) {
    .desktop-view-menu-area {
        display: none
    }

    .header-top-area {
        display: none
    }

    .mobile-menu-area {
        display: block
    }

    .header-top-left-area ul li .for_web_view {
        display: none
    }

    .header-top-left-area ul li .for_mobile_view {
        display: block
    }

    .banner-up-img img {
        max-width: 600px
    }

    .slider-text h2 {
        font-size: 32px;
        font-weight: 600;
        line-height: 40px;
        margin-bottom: 5px
    }

    .cmn-btn {
        background: #ee8c0e;
        width: 150px;
        height: 40px;
        border-radius: 0;
        border: 1px solid #ee8c0e;
        font-size: 14px
    }

    .header-serv-area-cont li a {
        height: 35px;
        line-height: 35px;
        font-size: 11px
    }

    .header-serv-area-cont {
        max-width: 390px
    }

    .new-title {
        font-size: 20px
    }

    .home_topcontent h1 {
        font-size: 20px
    }

    .new-sec-title::before {
        top: -28px;
        width: 40px;
        height: 20px
    }

    .new-sec-title::after {
        width: 40px
    }

    .key-people-img img {
        height: 180px
    }

    .key-people-cont h5 {
        margin-bottom: 5px;
        font-size: 12px
    }
}

@media(max-width:767px) {
    .banner-up-img img {
        max-width: 380px
    }

    .slider-text h2 {
        font-size: 23px;
        line-height: 30px;
        margin-bottom: 5px
    }

    .slider-text p {
        font-size: 14px
    }

    .cmn-btn {
        width: 135px;
        height: 36px;
        margin-top: 10px;
        font-size: 11px
    }

    .header-serv-area {
        bottom: 12px
    }

    .header-serv-area-cont li a {
        color: #000
    }

    .nivo-directionNav a.nivo-prevNav {
        right: 13%;
        bottom: 15px
    }

    .nivo-directionNav a {
        right: 7%;
        bottom: 15px
    }

    .key-people-area .col-sm-3 {
        width: 50%;
        float: left
    }

    .single-key-people {
        margin-bottom: 20px
    }

    .single-client-img::before {
        border: 4px solid #673ab7
    }

    .single-client-img h3 {
        font-size: 13px
    }

    .single-client-img h5 {
        font-size: 12px
    }

    .blog-cont h3 {
        font-size: 14px;
        margin-bottom: 5px
    }

    .blog-cont p {
        line-height: 17px;
        margin-bottom: 5px;
        font-size: 12px
    }

    .read-more {
        font-size: 12px;
        color: #000
    }

    .new-title {
        font-size: 16px
    }

    .new-title p {
        font-size: 13px
    }

    .home_topcontent p {
        font-size: 16px
    }

    .home_topcontent h1 {
        font-size: 13px
    }

    .client-say-para h5 {
        font-size: 13px
    }

    .header-top-left-area ul {
        margin-left: auto;
        max-width: 13.7rem;
    }

    .header-top-left-area li {
        font-size: 12px;
        width: 100%;
        max-width: 13.6rem;
        margin: 0;
        display: block;
        text-align: right;
    }

    .header-top-left-area li:nth-child(1)::after {
        height: 6rem;
    }

    .header-top-right-area li {
        
        font-size: 12px;
        width: 100%;
        max-width: 17.6rem;
    }

    .header-top-right-area li:nth-child(1)::after {
        content: '';
        width: 1px;
        height: 6rem;
    }
}

@media(max-width:567px) {
    .slider-text h2 {
        font-size: 18px;
        line-height: 20px;
        margin-bottom: 5px
    }

    .slider-text p {
        font-size: 14px;
        line-height: 20px
    }

    .header-serv-area-cont {
        max-width: 362px
    }

    .nivo-directionNav a {
        width: 22px;
        height: 22px
    }

    .nivo-directionNav a i {
        font-size: 16px
    }

    .new-latest-blog-area .col-xs-4 {
        width: 100%
    }

    .new-single-blog {
        margin-bottom: 20px
    }

    .read-more {
        background-size: cover;
        padding: 34px 8px 3px
    }

    .new-sec-title p {
        line-height: 18px;
        font-size: 12px
    }

    p {
        line-height: 27px;
        font-size: 13px
    }

    .special-btn {
        font-size: 13px;
        line-height: 13px;
        text-align: center;
        text-transform: uppercase;
        max-width: 116px;
        width: 100%;
        margin: 20px auto 0;
        border: 1px solid #fff;
        padding: 10px 5px
    }

    .header-top-left-area li {
        display: block
    }

    .header-top-right-area li a {
        font-size: 1.2rem;
    }

    .header-top-left-area li:nth-child(1) {
        padding-left: 0rem;
    }

    .header-top-right-area li:nth-child(1) {
        padding-right: 0;
        margin: 0;
    }

    .header-top-right-area ul {
        max-width: 15rem;
    }
}

@media(max-width:480px) {
    .header-top-right-area li img {
        width: 13px;
        margin-right: 4px
    }


    .header-top-left-area ul {
        margin-left: auto;
        max-width: 12.7rem;
    }

    .header-top-right-area li {
        margin-left: 0;
        font-size: 11px
    }

    .header-top-left-area li img {
        width: 10px;
        margin-right: 2px
    }

    .header-top-left-area li {
        margin-left: 0;
        font-size: 11px
    }

    .footer_area {
        background-position: top right
    }

    .banner-up-img img {
        max-width: 200px
    }

    .slider-text {
        width: 70%
    }

    .slider-text h2 {
        font-size: 14px;
        line-height: 14px;
        margin-bottom: 2px
    }

    .slider-text p {
        font-size: 12px;
        line-height: 15px
    }

    .cmn-btn {
        width: 119px;
        height: 30px;
        margin-top: 10px;
        font-size: 12px !important
    }

    .header-serv-area {
        bottom: -60px
    }

    .header-serv-area-cont li {
        width: 50%;
        text-align: center;
        border-bottom: 1px solid #fff
    }

    .header-serv-area-cont {
        flex-wrap: wrap;
        margin: 0 auto
    }

    .header-serv-area-cont li a {
        background: #ee8c0e
    }

    .new-welcome-area {
        padding: 100px 0 70px
    }

    .key-people-img img {
        height: 140px
    }

    .key-people-cont h5 {
        font-size: 10px
    }

    .key-people-cont h3 {
        font-size: 13px
    }
}

.home-new-section {
    overflow: hidden;
    padding: 70px 0;
    background: url(/img/home/bg.jpg) repeat;
    background: #fff;
    background: -moz-linear-gradient(top, #ffffff 0%, #d2dffe 51%, #d2dffe 51%, #ffffff 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%, #d2dffe 51%, #d2dffe 51%, #ffffff 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #d2dffe 51%, #d2dffe 51%, #ffffff 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0)
}

.pp-logo {
    margin-bottom: 0;
    display: flex;
    justify-content: start;
}

.pp-logo img {
    width: 100%;
    object-fit: contain
}

.plus-link {
    color: #01e7df !important
}

.plus-link i {
    margin-left: 5px
}

.projects-portfolio .pp-title {
    text-align: center;
    color: #000
}

@media only screen and (min-width:1154px) {
    .projects-portfolio .pp-title {
        margin-bottom: 3.6vw
    }
}

@media only screen and (min-width:767px) and (max-width:1153px) {
    .projects-portfolio .pp-title {
        padding: 0 3%;
        margin-bottom: 7.5vw
    }
}

@media only screen and (max-width:766px) {
    .projects-portfolio .pp-title {
        margin-bottom: 10vw
    }
}

.projects-portfolio .pp-title h2 {
    font-weight: 500;
}

@media only screen and (min-width:1154px) {
    .projects-portfolio .pp-title h2 {
        font-size: 50px;
        line-height: 54px;
        letter-spacing: -1.2px;
        margin-bottom: 13px
    }
}

@media only screen and (min-width:1154px) and (max-width:1419px) {
    .projects-portfolio .pp-title h2 {
        font-size: 36px;
        line-height: 40px;
        letter-spacing: -1px;
        margin-bottom: 13px
    }
}

@media only screen and (min-width:767px) and (max-width:1153px) {
    .projects-portfolio .pp-title h2 {
        font-size: 41px;
        line-height: 44px;
        letter-spacing: -1.2px;
        margin-bottom: 21px
    }
}

@media only screen and (max-width:766px) {
    .projects-portfolio .pp-title h2 {
        font-size: 26px;
        line-height: 30px;
        margin-bottom: 13px
    }
}

.projects-portfolio .pp-title .descr {
    font-family: Livvic, sans-serif;
    opacity: .5;
    font-weight: 300;
    margin-bottom: 15px
}

@media only screen and (min-width:1154px) {
    .projects-portfolio .pp-title .descr {
        font-size: 28px;
        line-height: 32px
    }
}

@media only screen and (min-width:1154px) and (max-width:1419px) {
    .projects-portfolio .pp-title .descr {
        font-size: 24px;
        line-height: 28px
    }
}

@media only screen and (min-width:767px) and (max-width:1153px) {
    .projects-portfolio .pp-title .descr {
        font-size: 24px;
        line-height: 28px;
        letter-spacing: -.4px
    }
}

@media only screen and (max-width:766px) {
    .projects-portfolio .pp-title .descr {
        font-size: 17px;
        line-height: 21px;
        padding: 0 4%
    }
}

@media only screen and (min-width:768px) {
    .projects-portfolio .pp-projects-list {
        max-width: 1545px;
        margin: 0 auto;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media only screen and (min-width:1154px) and (max-width:1419px) {
    .projects-portfolio .pp-projects-list {
        width: 90vw
    }
}

.projects-portfolio .pp-load-more {
    color: #fff;
    font-weight: 300;
    text-align: center
}

@media only screen and (min-width:1154px) {
    .projects-portfolio .pp-load-more {
        font-size: 24px;
        line-height: 28px;
        padding: 2.74vw 0 4vw
    }
}

@media only screen and (min-width:767px) and (max-width:1153px) {
    .projects-portfolio .pp-load-more {
        font-size: 20px;
        line-height: 24px;
        padding: 3.4vw 0 5.8vw
    }
}

@media only screen and (max-width:766px) {
    .projects-portfolio .pp-load-more {
        font-size: 18px;
        line-height: 22px;
        padding: 5.4vw 0 10.5vw
    }
}

.projects-portfolio .pp-load-more a {
    font-weight: 700;
    color: #018fcf
}

@media only screen and (min-width:1154px) {
    .projects-portfolio .pp-load-more a {
        margin-left: 10px
    }
}

@media only screen and (max-width:766px) {
    .projects-portfolio .pp-load-more a {
        display: block;
        margin-top: 1px
    }
}

.projects-portfolio .pp-pl-item {
    transition: z-index .5s;
    position: relative;
    color: #fff
}

.projects-portfolio .pp-pl-item:nth-child(1) {
    z-index: 4
}

.projects-portfolio .pp-pl-item:nth-child(2) {
    z-index: 3
}

.projects-portfolio .pp-pl-item:nth-child(3) {
    z-index: 2
}

.projects-portfolio .pp-pl-item:nth-child(4) {
    z-index: 1
}

@media only screen and (min-width:1154px) {
    .projects-portfolio .pp-pl-item {
        min-height: 528px;
        margin-bottom: 1.1vw
    }

    .projects-portfolio .pp-pl-item:before {
        pointer-events: none;
        transition: opacity .5s;
        opacity: 0;
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 3;
        background: rgba(0, 0, 0, .5)
    }
}

@media only screen and (min-width:1154px) and (max-width:1419px) {
    .projects-portfolio .pp-pl-item {
        min-height: 400px
    }
}

@media only screen and (min-width:767px) and (max-width:1153px) {
    .projects-portfolio .pp-pl-item {
        margin-bottom: 1.4%
    }
}

@media only screen and (min-width:768px) {
    .projects-portfolio .pp-pl-item {
        width: 33%
    }
}

@media only screen and (max-width:766px) {
    .projects-portfolio .pp-pl-item {
        margin-bottom: 2vw
    }
}

@media only screen and (min-width:768px) {
    .projects-portfolio .pp-pl-item:nth-child(2n+1) .project-expanded-section {
        margin-left: 101.5%
    }
}

@media only screen and (min-width:768px) {
    .projects-portfolio .pp-pl-item:nth-child(2n) .project-expanded-section {
        margin-left: -1.5%
    }
}

@media only screen and (min-width:1154px) {
    .projects-portfolio .pp-pl-item .project-expanded-section {
        left: -50vw
    }
}

.projects-portfolio .pp-pl-item .pp-images-container {
    pointer-events: none
}

@media only screen and (min-width:1154px) {
    .projects-portfolio .pp-pl-item .pp-images-container {
        height: 528px
    }
}

@media only screen and (min-width:1154px) and (max-width:1419px) {
    .projects-portfolio .pp-pl-item .pp-images-container {
        height: 400px
    }
}

@media only screen and (min-width:767px) and (max-width:1153px) {
    .projects-portfolio .pp-pl-item .pp-images-container {
        height: 252px
    }
}

@media only screen and (max-width:766px) {
    .projects-portfolio .pp-pl-item .pp-images-container {
        height: 52vw
    }
}

.projects-portfolio .pp-pl-item .pp-image-main,
.projects-portfolio .pp-pl-item .pp-images-container,
.projects-portfolio .pp-pl-item .pp-main-image-block,
.projects-portfolio .pp-pl-item .pp-main-image-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

.projects-portfolio .pp-pl-item .pp-main-image-block {
    transition: transform .5s ease-in-out
}

@media only screen and (min-width:1154px) {
    .projects-portfolio .pp-pl-item .pp-main-image-block {
        transform: translateZ(-1000px)
    }
}

.projects-portfolio .pp-pl-item .pp-main-image-container {
    transition: transform .5s ease-in-out;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch
}

.projects-portfolio .pp-pl-item .pp-main-perspective-image {
    position: relative;
    overflow: hidden;
    width: 12px;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    background: #000;
    transition: transform .5s ease-in-out
}

.projects-portfolio .pp-pl-item .pp-main-perspective-image .pp-image {
    width: 763px;
    right: auto
}

.projects-portfolio .pp-pl-item .pp-main-image-wrapper {
    position: relative;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: hidden
}

.projects-portfolio .pp-pl-item .pp-main-image-wrapper .pp-image-main {
    left: -10px
}

.projects-portfolio .pp-pl-item .pp-image-main {
    transition: transform .3s linear, opacity .3s
}

@media only screen and (min-width:1154px) {
    .projects-portfolio .pp-pl-item:hover {
        z-index: 5
    }

    .projects-portfolio .pp-pl-item:hover .pp-main-image-block {
        transform: translate3d(-4%, 0, 0) scale(1.02)
    }

    .projects-portfolio .pp-pl-item:hover .pp-main-image-container {
        transform: perspective(300px) rotateY(4deg)
    }

    .projects-portfolio .pp-pl-item:hover .pp-main-perspective-image {
        transform: perspective(300px) rotateY(-40deg)
    }

    .projects-portfolio .pp-pl-item:hover .pp-main-perspective-image .pp-image {
        opacity: .7
    }

    .projects-portfolio .pp-pl-item:hover .pp-image-main {
        transition: transform 5s .4s linear, opacity .5s;
        transform: translate3d(-14%, 0, 0)
    }

    .projects-portfolio .pp-pl-item:hover .pp-image-perspective {
        opacity: 1;
        transform: perspective(1000px) rotateY(0)
    }
}

.projects-portfolio .pp-pl-item.pp-active {
    z-index: 6
}

@media only screen and (min-width:1154px) {
    .projects-portfolio .pp-pl-item.pp-item-hovered:not(.pp-active):before {
        opacity: 1
    }
}

.projects-portfolio .pp-pl-item .pp-item-container {
    cursor: pointer;
    position: relative;
    overflow: hidden;
    z-index: 2;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end
}

@media only screen and (min-width:1154px) {
    .projects-portfolio .pp-pl-item .pp-item-container {
        transition: transform .4s ease-in-out;
        transform: translate3d(0, -60px, 0) !important;
        -ms-transform-origin: 0 50%;
        transform-origin: 0 50%;
        height: 528px;
        padding: 0 8%
    }

    .projects-portfolio .pp-pl-item .pp-item-container .plus-link {
        transition: color .3s .4s
    }

    .projects-portfolio .pp-pl-item .pp-item-container .plus-link:after {
        transition: color .3s .4s, border-color .3s .4s
    }

    .projects-portfolio .pp-pl-item .pp-item-container .plus-link:before {
        transition: .3s .4s, opacity .3s .4s;
        display: none
    }

    .projects-portfolio .pp-pl-item .pp-item-container:hover {
        transform: translate3d(-5%, 0, 0) !important
    }

    .projects-portfolio .pp-pl-item .pp-item-container:hover .pp-image {
        transform: translate3d(100px, 0, 0)
    }

    .projects-portfolio .pp-pl-item .pp-item-container:hover .pp-image:before {
        transform: scale(3) translate3d(10%, -15%, 0)
    }

    .projects-portfolio .pp-pl-item .pp-item-container:hover .pp-description {
        transform: perspective(300px) rotateY(3deg) translate3d(0, 0, 0) !important
    }

    .projects-portfolio .pp-pl-item .pp-item-container:hover .pp-top {
        transform: translate3d(0, 0, 0)
    }

    .projects-portfolio .pp-pl-item .pp-item-container:hover .pp-text {
        opacity: 1
    }

    .projects-portfolio .pp-pl-item .pp-item-container:hover .plus-link {
        color: #90c404
    }

    .projects-portfolio .pp-pl-item .pp-item-container:hover .plus-link:after {
        border-color: #90c404;
        color: #90c404
    }

    .projects-portfolio .pp-pl-item .pp-item-container:hover .plus-link:before {
        background: #90c404;
        opacity: 1
    }
}

@media only screen and (min-width:1154px) and (max-width:1419px) {
    .projects-portfolio .pp-pl-item .pp-item-container {
        height: 400px
    }

    .projects-portfolio .pp-pl-item .pp-item-container:hover .pp-description {
        transform: perspective(300px) rotateY(9deg) translate3d(0, 0, 0) !important
    }
}

@media only screen and (max-width:1153px) {
    .projects-portfolio .pp-pl-item .pp-item-container {
        padding: 0 5%
    }
}

@media only screen and (min-width:767px) and (max-width:1153px) {
    .projects-portfolio .pp-pl-item .pp-item-container {
        height: 252px
    }
}

@media only screen and (max-width:766px) {
    .projects-portfolio .pp-pl-item .pp-item-container {
        height: 52vw
    }
}

.projects-portfolio .pp-pl-item .pp-image-perspective {
    transition: transform .5s ease-in-out, opacity .5s;
    opacity: 0;
    position: absolute;
    top: -5.5%;
    right: -9%;
    width: auto;
    height: 107%;
    z-index: 2;
    -ms-transform-origin: 80% 50%;
    transform-origin: 80% 50%;
    transform: perspective(1000px) rotateY(-60deg)
}

.projects-portfolio .pp-pl-item .pp-image {
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    overflow: hidden
}

.projects-portfolio .pp-pl-item .pp-image:before {
    transition: transform .4s ease-in-out;
    -ms-transform: scale(2);
    transform: scale(2);
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, .9) 0, rgba(0, 0, 0, 0) 100%)
}

@media only screen and (max-width:1153px) {
    .projects-portfolio .pp-pl-item .pp-logo {
        margin-bottom: 7px
    }

    .projects-portfolio .pp-pl-item .pp-logo img {
        max-width: 100%
    }
}

@media only screen and (min-width:767px) and (max-width:1153px) {
    .projects-portfolio .pp-pl-item .pp-logo {
        width: 125px
    }
}

@media only screen and (max-width:766px) {
    .projects-portfolio .pp-pl-item .pp-logo {
        width: 105px;
        height: 81px
    }
}

.projects-portfolio .pp-pl-item .pp-item-title {
    letter-spacing: -.6px;
    margin-bottom: 18px;
    text-align: center;

}

@media only screen and (min-width:1154px) {
    .projects-portfolio .pp-pl-item .pp-item-title {
        font-size: 21px;
        line-height: 27px;
        font-family: poppins, sans-serif;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: .5px
    }
}

@media only screen and (max-width:1153px) {
    .projects-portfolio .pp-pl-item .pp-item-title {
        font-weight: 400
    }
}

@media only screen and (min-width:767px) and (max-width:1153px) {
    .projects-portfolio .pp-pl-item .pp-item-title {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (max-width:766px) {
    .projects-portfolio .pp-pl-item .pp-item-title {
        font-size: 16px;
        line-height: 20px
    }
}

.projects-portfolio .pp-pl-item .pp-description {
    position: relative;
    z-index: 2;
    line-height: 26px;
    font-size: 16px;
    padding-bottom: 7%
}

@media only screen and (min-width:1154px) {
    .projects-portfolio .pp-pl-item .pp-description {
        transition: transform .4s ease-in-out;
        transform: translate3d(0, 100%, 0);
        -ms-transform-origin: 0 50%;
        transform-origin: 0 50%
    }
}

@media only screen and (min-device-pixel-ratio:2) and (min-width:1154px) and (max-width:1419px),
only screen and (-webkit-min-device-pixel-ratio:2) and (min-width:1154px) and (max-width:1419px),
only screen and (min-resolution:192dpi) and (min-width:1154px) and (max-width:1419px),
only screen and (min-resolution:2dppx) and (min-width:1154px) and (max-width:1419px) {
    .projects-portfolio .pp-pl-item .pp-description {
        zoom: .8
    }
}

@media only screen and (min-width:1154px) {
    .projects-portfolio .pp-pl-item .pp-top {
        transition: transform .4s ease-in-out;
        transform: translate3d(0, -100%, 0)
    }
}

.projects-portfolio .pp-pl-item .pp-text p {
    transition: transform .3s .2s ease-in-out
}

.projects-portfolio .pp-pl-item .pp-text p:not(:last-child) {
    margin-bottom: 25px
}

@media only screen and (max-width: 1153px) {
    .projects-portfolio .pp-pl-item .pp-text p:not(:last-child) {
        display: none;
    }
}

@media only screen and (min-width:1154px) {
    .projects-portfolio .pp-pl-item .pp-text {
        transition: opacity .7s .1s;
        opacity: 0
    }
}

.other-page-menu {
    position: inherit;
    height: auto;
    background: #101010
}

.other-page-menu .main-menu ul>li::before {
    bottom: 0
}

.home_topcontent p {
    font-size: 25px;
    text-transform: uppercase;
    margin-bottom: 4px;
    padding: 0;
    line-height: 100%
}

.home_topcontent h1 {
    font-size: 14px;
    line-height: 30px;
    margin-bottom: 0;
    margin: 0 0 10px;
    color: #202020
}

.expertice-for-mobile {
    display: none
}

.expertice-img {
    width: 80px;
    height: 80px;
    display: inline-block;
    text-align: center;
    line-height: 80px;
    border-radius: 50%;
    border: 1px solid #ccc;
    margin-right: 0;
    float: left;
    -webkit-box-shadow: 0 10px 20px 0 rgba(50, 50, 50, .52);
    -moz-box-shadow: 0 10px 20px 0 rgba(50, 50, 50, .52);
    box-shadow: 0 10px 20px 0 rgba(50, 50, 50, .52);
    position: relative;
    z-index: 9;
    margin-bottom: 20px
}

.expertice-img img {
    height: 36px
}

.single-expertice-cont {
    width: 200px;
    height: 80px;
    display: flex;
    align-items: center;
    padding: 0 10px 0 34px;
    position: relative;
    border-radius: 0 40px 40px 0
}

.single-expertice-cont h4 {
    color: #fff;
    font-size: 19px
}

.single-expertice-cont::before {
    position: absolute;
    top: -2px;
    content: "";
    left: -28px;
    width: 48px;
    height: 83px;
    background: #fff;
    border-radius: 49%
}

.bg-light-green {
    background: #77c8a7
}

.bg-light-orange {
    background: #fbae27
}

.bg-light-red {
    background: #f15e54
}

.bg-light-blue {
    background: #1b93b0
}

@media only screen and (max-width:991px) {
    .new-expertice-cont {
        display: none
    }

    .expertice-for-mobile {
        display: block
    }

    .contact-section {
        padding: 35px 0
    }
}

@media only screen and (max-width:767px) {
    .expertice-img {
        width: 60px;
        height: 60px;
        line-height: 60px;
        margin-bottom: 20px;
        margin-right: 0
    }

    .expertice-img img {
        height: 25px
    }

    .single-expertice-cont {
        width: 180px;
        height: 60px
    }

    .single-expertice-cont h4 {
        color: #fff;
        font-size: 16px
    }

    .single-expertice-cont::before {
        height: 65px
    }
}

@media only screen and (min-width:480px) and (max-width:567px) {
    .expertice-img {
        width: 45px;
        height: 45px;
        line-height: 40px;
        margin-right: 0
    }

    .expertice-img img {
        height: 17px
    }

    .single-expertice-cont {
        width: 150px;
        height: 46px;
        padding-left: 20px
    }

    .single-expertice-cont::before {
        height: 50px;
        left: -38px
    }
}

@media only screen and (max-width:480px) {
    .expertice-for-mobile .col-xs-6 {
        width: 100%
    }
}

.pp-text .plus-link.pl-white {
    color: #fff !important;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 15px;
    font-family: poppins, sans-serif
}

.pt-60 {
    padding-top: 60px
}

.portfolio-menu-area .panel-group .panel {
    border: 1px solid transparent;
    background: 0 0
}

.portfolio-menu-area .panel-default>.panel-heading {
    padding: 0;
    position: relative
}

.portfolio-menu-area .panel-default>.panel-heading::before {
    position: absolute;
    top: 10px;
    left: -9px;
    content: "";
    width: 30px;
    height: 30px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 7px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 transparent
}

.portfolio-menu-area .panel-default>.panel-heading::after {
    position: absolute;
    top: 25px;
    left: -6px;
    content: "";
    width: 24px;
    height: 12px;
    background: #005c97;
    border-radius: 0 0 20px 20px
}

.portfolio-menu-area .panel-title a {
    text-transform: uppercase;
    font-size: 14px;
    line-height: 16px;
    border-color: transparent;
    border-radius: 25px;
    min-height: 50px;
    display: block;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #005c97;
    color: #005c97;
    background: #fff
}

.portfolio-sub-menu li a {
    background: #e4eaec;
    display: block;
    padding: 15px 10px;
    margin-bottom: 2px;
    border-radius: 4px;
    text-align: center;
    text-transform: uppercase;
    transition: .3s;
    color: #005c97
}

.portfolio-sub-menu li a:hover {
    box-shadow: 0 7px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 transparent;
    color: #fff;
    background: -webkit-linear-gradient(to left, #363795, #005C97);
    background: linear-gradient(to left, #363795, #005C97)
}

.portfolio-sub-menu {
    margin-top: 5px
}

.portfolio-sub-menu li.active a {
    box-shadow: 0 7px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 transparent;
    color: #fff;
    background: #6a3093;
    background: -webkit-linear-gradient(to right, #005c97, #363795);
    background: linear-gradient(to right, #005c97, #363795)
}

.projects-portfolio .pp-projects-list {
    width: 100% !important
}

@media only screen and (max-width:480px) {
    .portfolio-menu-area .panel-title a {
        font-size: 12px
    }

    .portfolio-sub-menu li a {
        font-size: 12px
    }
}

.port-project-area {
    max-width: 1430px;
    margin: 0 auto;
    padding: 0 30px
}

.title-max {
    max-width: 700px;
    margin: 0 auto
}

.mb-40 {
    margin-bottom: 40px
}

.not-found-page-area {
    text-align: center;
    padding: 200px 0 120px
}

.not-found-page-area img {
    max-width: 600px;
    width: 100%
}

.new_package {
    padding: 50px 0 0
}

.lightpro-packages .lightpro-item.lp-pack-feature {
    width: 46%
}

.lightpro-packages .lightpro-item {
    float: left;
    display: block
}

.lightpro-item .lp-item-content {
    position: relative;
    display: block;
    width: 100%
}

.lightpro-item.lp-pack-feature .lp-item-content .lp-item-head {
    text-align: left;
    padding: 15px 15px 20px
}

.lightpro-item .lp-item-content .lp-pack-body {
    position: relative;
    display: block;
    border-top: 1px solid #e9eceb
}

.lightpro-item .lp-item-content .lp-pack-body ul.lp-pack-points li {
    padding: 0 15px;
    line-height: 16px;
    position: relative;
    color: #4c4c4e;
    display: table;
    width: 100%;
    font-size: 14px;
    border-bottom: 1px solid #e9eceb
}

.lightpro-packages .lightpro-item.lp-pack-package {
    width: 18%;
    text-align: center
}

.lightpro-item .lp-item-content {
    position: relative;
    display: block;
    width: 100%
}

.lightpro-item .lp-item-content .lp-item-head {
    text-align: left;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    color: #673ab7;
    font-weight: 600;
    padding: 15px 15px 20px;
    display: flex;
    align-items: center;
    justify-content: center
}

.lightpro-item .lp-item-content .lp-pack-body {
    position: relative;
    display: block;
    border-top: 1px solid #e9eceb
}

.lightpro-item .lp-item-content .lp-pack-body ul.lp-pack-points li {
    padding: 0 15px;
    line-height: 16px;
    position: relative;
    color: #4c4c4e;
    width: 100%;
    font-size: 14px;
    border-bottom: 1px solid #e9eceb;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center
}

.lightpro-item.lp-pack-package a {
    display: block
}

.lightpro-item.light-prleft .lp-item-content .lp-item-head {
    justify-content: flex-start
}

.lightpro-item.light-prleft .lp-item-content .lp-pack-body ul.lp-pack-points li {
    justify-content: flex-start
}

.lightpro-item {
    border: 2px solid transparent;
    transition: .3s
}

.lightpro-item.lp-pack-package:hover {
    border: 2px solid #e9eceb
}

.pb-0 {
    padding-bottom: 0 !important
}

.cansay_area {
    margin-bottom: 20px;
    text-align: center;
    padding-bottom: 10px;
    margin-top: 18px
}

.cansay_area h3 {
    background: #32a2f7;
    color: #fff;
    padding: 10px;
    font-size: 19px
}

.cansay_area p {
    padding: 12px;
    background: #f8f8f8;
    font-size: 13px;
    line-height: 20px
}

.cansay_area ul {
    padding: 0 12px;
    background: #edf0f2;
    text-align: left
}

.cansay_area ul li {
    position: relative;
    padding-left: 22px;
    padding-bottom: 0;
    padding-top: 13px;
    font-size: 13px
}

.cansay_area ul li::before {
    content: "\f00c";
    font-size: 13px;
    text-align: center;
    line-height: 25px;
    color: #32a2f7;
    font-family: fontawesome;
    padding: 0;
    position: absolute;
    left: 0;
    top: 11px
}

.buynow_btn {
    background: #600da8;
    width: 133px;
    height: 42px;
    text-transform: uppercase;
    letter-spacing: .5px
}

.other_title h3 {
    color: #303e43;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px;
    margin-bottom: 30px;
    position: relative;
    display: inline-block;
    padding-bottom: 10px
}

.other_title h3::before {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: #303e43;
    content: "";
    width: 100px
}

.single_logo_ban {
    display: flex;
    align-items: center;
    justify-content: center
}

.single_logo_ban img {
    width: 100%;
    box-shadow: 0 0 15px 1px rgba(138, 189, 200, .5);
    margin-bottom: 25px;
    border-radius: 6px;
    transition: .3s
}

.double_logo_ban {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.logo_pack_banner {
    padding-top: 25px
}

.double_logo_ban .single_logo_ban img {
    width: 160px
}

.single_logo_ban.only-single img {
    margin: 45px 0 0
}

.pakage-nav-style .owl-nav .owl-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
    left: 0;
    padding: 10px;
    background: #32a2f7
}

.pakage-nav-style .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
    right: 0;
    padding: 10px;
    background: #32a2f7
}

.pakage-nav-style .owl-nav .owl-next i {
    font-size: 20px;
    color: #fff
}

.pakage-nav-style .owl-nav .owl-prev i {
    font-size: 20px;
    color: #fff
}

.new-portal-ban {
    margin-top: 0;
    padding: 35px 0 50px;
    text-align: center;
    background: #fff;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(237, 237, 237, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(237, 237, 237, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(237, 237, 237, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=0)
}

.new-portal-ban .portal-commmn-heading {
    text-align: center
}

.new-portal-ban .portal-commmn-heading h1 {
    color: #034d92
}

.new-portal-ban p {
    color: #424242
}

.single_logo_ban img:hover {
    box-shadow: 0 0 15px 1px rgba(38, 181, 210, .8)
}

.video-banner-area {
    position: relative;
    background: #fff;
    display: flex
}

.video_ban_overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .25)
}

.myVideo {
    width: 100%;
    object-fit: cover
}

.video_banner_text {
    position: absolute;
    top: 30%;
    max-width: 480px;
    margin: 0 auto;
    left: 0;
    right: 0;
    text-align: center
}

.video_banner_text h1 {
    font-size: 95px;
    color: #fff;
    text-shadow: 11px 6px 20px rgba(0, 0, 0, .31);
    font-family: poppins, sans-serif;
    font-weight: 800;
    letter-spacing: 1.2px;
    line-height: 85px
}

.video_banner_text h1 span {
    padding: 0 !important;
    display: block !important
}

.video_banner_text h1 span.middle-text {
    font-size: 70px;
    color: #5ae3fe;
    text-align: center;
    display: inline-block !important;
    padding: 12px 0 !important
}

.cd-headline.clip .cd-words-wrapper.middle-text::after {
    background: #fff;
    width: 10px;
    height: 80px;
    top: 18px
}

.banner_btn {
    font-size: 16px;
    border: 1px solid #fff;
    display: inline-block;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    padding: 15px 27px;
    margin-top: 35px;
    transition: .3s
}

.banner_btn:hover {
    background: #5ae3fe;
    border: 1px solid #5ae3fe;
    color: #fff
}

.service_icon_block {
    position: absolute;
    top: 25%;
    display: flex;
    flex-direction: column;
    right: 50px
}

.service_icon_block.service-icon-mobile {
    width: 95%;
    flex-direction: row;
    right: 0;
    left: 0;
    margin: 0 auto;
    justify-content: center;
    bottom: -110px;
    top: auto;
    z-index: 999;
    flex-wrap: wrap;
    display: flex !important
}

.w-100 {
    width: 100% !important
}

.single-icon-main {
    width: 50%;
    text-align: center
}

.single-icon-main .icon-main {
    width: 100%;
    border-radius: 0;
    height: 65px;
    text-align: left;
    padding: 0 15px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    color: #fff
}

.single-icon-main .icon-main img {
    max-width: 35px;
    margin-right: 10px
}

.icon-main {
    width: 55px;
    border-radius: 50%;
    transition: .3s;
    height: 55px;
    text-align: center;
    line-height: 55px;
    background: #034d92
}

.icon-main:hover {
    background: #034d92
}

.service_icon_block a {
    position: relative;
    margin-bottom: 20px
}

.icon-main img {
    max-width: 25px
}

.icon_main_hover {
    background: #0f9ffa;
    font-size: 11px;
    text-transform: capitalize;
    padding: 5px 16px;
    border-radius: 5px;
    text-align: center;
    top: 12px;
    right: 69px;
    visibility: visible;
    opacity: 1;
    transition: .3s;
    line-height: 12px;
    position: absolute;
    color: #fff;
    font-weight: 600
}

.service_icon_block a:hover .icon_main_hover {
    visibility: visible;
    opacity: 1
}

.new_about_area {
    position: relative;
    height: 100vh;
    width: 100%;
    background-repeat: no-repeat;
    z-index: 33;
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
    overflow: hidden
}

.abt-block {
    background-size: 440px auto;
    z-index: 992;
    display: flex;
    position: absolute;
    flex-direction: column;
    justify-content: center;
    padding: 50px;
    text-align: left;
    height: 100%;
    top: 0;
    bottom: 0;
    font-family: Livvic, sans-serif;
    color: #333;
    font-weight: 300;
    font-size: 16px
}

.abt-block-style {
    position: relative;
    height: 100%;
    max-width: 50%
}

.abt-block-style::before {
    content: '';
    display: block;
    background: #fff;
    width: 50%;
    height: 100vh;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99
}

.hiring_banner_text {
    margin-top: 65px
}

.hiring_banner_text {
    margin-top: 65px
}

.abt-block-sty.hiring_banner_text {
    margin-top: 65px
}

.abt-block-style::after {
    content: '';
    margin-top: 65px;
    display: block;
    background: #fff;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    top: -22px;
    transform: rotate(225deg);
    z-index: 99;
    border-radius: 80px
}

.abt-block p {
    color: #000;
    font-family: Livvic, sans-serif
}

.abt-block h2 {
    font-family: poppins, sans-serif;
    color: #333;
    font-size: 45px;
    font-weight: 700;
    letter-spacing: .5px;
    margin-bottom: 20px
}

.abt-block h2 span {
    font-family: poppins, sans-serif;
    display: block;
    text-transform: uppercase;
    font-size: 85px;
    color: #034d92;
    margin-top: 25px;
    font-weight: 800
}

.abt-block h3 {
    font-family: Livvic, sans-serif;
    font-size: 17px;
    color: #333;
    font-weight: 500;
    letter-spacing: .5px;
    margin: 25px 0 15px
}

.abt-block h3 span {
    color: #034d92
}

.find_technologies_area {
    background-size: cover;
    background-position: top center;
    padding: 65px 0 45px
}

.new_sec_title {
    position: relative;
    text-align: center;
    margin-bottom: 55px
}

.new_sec_title h2 {
    font-family: poppins, sans-serif;
    color: #fff;
    font-weight: 600;
    font-size: 42px;
    text-transform: capitalize;
    
}

.case-studies-section .new_sec_title h4 {
    font-family: poppins, sans-serif;
    color: #333 !important;
    font-weight: 600;
    font-size: 42px;
    text-transform: capitalize;
    
}

.new_sec_title span {
    font-family: poppins, sans-serif;
    font-size: 110px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: 1px;
    opacity: .12;
    position: absolute;
    top: -12px;
    line-height: 54px;
    left: 0;
    right: 0;
    margin: 0 auto
}

.new_sec_title p {
    color: #fff;
    font-size: 17px;
    max-width: 1170px;
    width: 100%;
    margin: 0 auto;
    font-weight: 400
}

.technology_carousel.owl-carousel .owl-item img {
    max-width: 50px;
    margin: 0 auto
}

.use_architecture_area {
    padding: 45px 0;
    background: #fff
}

.use_architecture_area .new_sec_title h2:not(.industry_h2) {
    color: #333 !important;
}

.industry_vertical {
    color: #fff !important;
    margin: 0 !important;
}

.new_sec_title h3 {
    color: #034d92;
    font-family: poppins, sans-serif;
    font-size: 72px;
    font-weight: 700;
    text-transform: uppercase
}

.completed_projects_area .new_sec_title h3 {
    color: #fff;
}

.architechVideo {
    width: 90%;
}

.completed_projects_area {
    background-size: cover;
    background-position: top center;
    padding: 65px 0 45px
}

.completed_projects_area .new_sec_title span {
    font-size: 100px
}

.tech-slideshow {
    height: 500px;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    transform: translate3d(0, 0, 0);
    display: block
}

.tech-slideshow>div {
    height: 200px;
    width: 6000px;
    background: url(/imgs/Collage-image.jpg);
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: translate3d(0, 0, 0);
    background-size: contain;
    background-repeat: repeat-x !important
}

.tech-slideshow-mobile {
    display: none
}

.tech-slideshow .mover-1 {
    animation: moveSlideshow 50s linear infinite
}

.tech-slideshow .mover-2 {
    opacity: 0;
    transition: opacity .5s ease-out;
    background-position: 0 -200px;
    animation: moveSlideshow 60s linear infinite
}

.tech-slideshow:hover .mover-2 {
    opacity: 1
}

.section-block {
    height: 650px
}

@keyframes moveSlideshow {
    100% {
        transform: translateX(-66.6666%);
        -webkit-transform: translateX(-66.6666%)
    }
}

.client_says_area {
    padding: 130px 0;
    background: #32a2f7;
    margin-bottom: 40px;
    background: -moz-linear-gradient(-70deg, #32a2f7 54%, rgb(26, 26, 26) 50%);
    background: -webkit-linear-gradient(-70deg, #32a2f7 54%, rgb(26, 26, 26) 50%);
    background: linear-gradient(110deg, #32a2f7 54%, rgb(26, 26, 26) 50%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#2989d8', endColorstr='#207cca', GradientType=1)
}

.about_client h3 {
    color: #fff;
    text-transform: capitalize;
    font-weight: 700;
    font-size: 55px;
    margin-bottom: 25px
}

.about_client p {
    color: #fff;
    font-weight: 400;
    line-height: 23px
}

.client_slide {
    display: flex;
    align-items: center
}

.client_profile img {
    width: 120px !important;
    height: 120px;
    border-radius: 50%;
    margin-right: 25px;
    border: 2px solid #fff
}

.client_speak h3 {
    color: #fff;
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 5px
}

.client_speak span {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 25px
}

.client_speak p {
    color: #fff;
    font-weight: 400;
    line-height: 22px;
    padding-top: 16px;
    font-size: 15px
}

.owl_doted_style .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 4px;
    background: #fff;
    border-radius: 50%
}

.owl_doted_style .owl-dots {
    text-align: left;
    padding-left: 141px;
    display: flex
}

.blog-desc {
    padding: 25px 0 0px
}

.blog-desc .blog-date {
    width: 90px;
    text-align: center;
    margin-right: 30px;
    padding: 20px 0;
    float: left;
    font-size: 2rem;
    font-weight: 800;
    color: #363636;
    font-family: poppins, sans-serif;
    text-transform: uppercase;
    line-height: 43px;
    border-right: 1px solid #c7c7c7
}

.blog-desc .blog-date span {
    font-size: 5rem;
    font-weight: 800
}

.blog-desc-text {
    display: table
}

.blog-desc-text p a {
    font-weight: 400
}

.blog-desc h4 {
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: 700;
    line-height: 22px
}

.footer-menu.hire_us li {
    width: 100%
}

.video_modal_btn {
    border: 1px solid #034d92;
    margin: 15px 0 0;
    background: 0 0;
    border-radius: 0;
    color: #034d92;
    text-shadow: none;
    width: 165px;
    padding: 7px 0;
    font-size: 15px;
    font-family: Livvic, sans-serif;
    font-weight: 400
}

.single_exparts_language img {
    max-width: 170px !important;
    margin: 0 auto
}

.exparts_language_blog {
    position: absolute;
    max-width: 233px;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 100px
}

.owl-dots_none.owl-theme .owl-dots {
    display: none !important
}

.custom_container_pading {
    padding: 0 50px
}

.mt-45 {
    margin-top: 45px
}

.hiring_banner_area {
    background-position: center center;
    background-size: cover;
    height: calc(90vh - 150px);
}

.hiring_banner_overlay_area {
    
    background: rgba(0, 0, 0, .5);
    height: 100vh;
}

.banner-home .hiring_banner_overlay_area {
    background: 0 0
}

.hiring_banner_text {
    margin-top: 55px
}

.hiring_banner_text h1 {
    color: #fff;
    font-weight: 700;
    font-size: 75px
}

.hiring_banner_text h2 {
    color: #fff;
    font-size: 45px;
    text-transform: uppercase;
    margin-top: 12px
}

.give_provides_area ul {
    display: flex;
    flex-wrap: wrap;
    margin: 25px 0 0;
    margin-bottom: 35px;
}

.give_provides_area li {
    display: inline-block;
    background: #034d92;
    color: #fff;
    font-family: Livvic, sans-serif;
    font-weight: 400;
    font-size: 15px;
    width: 45%;
    border: 1px solid #c9c7c7;
    border-radius: 4px;
    padding: 14px;
    letter-spacing: .5px;
    margin: 0 15px 15px 0;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .3), 0 0 40px rgba(0, 0, 0, .1) inset;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .3), 0 0 40px rgba(0, 0, 0, .1) inset;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .3), 0 0 40px rgba(0, 0, 0, .1) inset
}

.give_provides_area li img {
    margin-right: 10px;
    max-width: 25px
}

.hring-form-area {
    background: #fff;
    -webkit-box-shadow: 0 1px 18px #000, 0 0 40px transparent inset;
    -moz-box-shadow: 0 1px 18px #000, 0 0 40px transparent inset;
    box-shadow: 0 1px 18px #000, 0 0 40px transparent inset;
    max-width: 400px;
    float: right;
    width: 100%
}

.hring-form-area h3 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px
}

.hring-form-title {
    padding: 25px 0 9px;
    border-bottom: 1px solid #ddd
}

.hring-form-area form {
    padding: 35px 25px
}

.hiring-input-style {
    width: 100%;
    border: 0;
    border-bottom: 1px solid #c7d6d8;
    height: 40px;
    padding: 0 10px 0 35px;
    box-shadow: none;
    border-radius: 0
}

.hring-form-area .form-group {
    position: relative
}

.hring-form-area .form-group span {
    display: block
}

.hiring-ms-style {
    width: 100%;
    padding: 0 10px 0 35px;
    height: 100px;
    border: 0;
    border-bottom: 1px solid #c7d6d8
}

textarea.hiring-ms-style:-ms-input-placeholder {
    color: #333;
    opacity: 1;
    font-weight: 500
}

textarea.hiring-ms-style::-webkit-input-placeholder {
    color: #333;
    opacity: 1;
    font-weight: 500
}

textarea.hiring-ms-style:-moz-placeholder {
    color: #333;
    opacity: 1;
    font-weight: 500;
    font-size: 13px
}

textarea.hiring-ms-style::-moz-placeholder {
    color: #333;
    opacity: 1;
    font-weight: 500;
    font-size: 13px
}

textarea.hiring-ms-style:-ms-input-placeholder {
    color: #333;
    opacity: 1;
    font-weight: 500;
    font-size: 13px
}

textarea.hiring-ms-style::placeholder {
    color: #333;
    opacity: 1;
    font-weight: 500;
    font-size: 13px
}

.input_icon {
    position: absolute;
    top: 13px;
    border-right: 1px solid #ccc;
    line-height: 10px;
    width: 25px
}

.input_icon i {
    padding-right: 10px
}

.textarea-icon {
    top: 4px
}

.hiring-input-style::-webkit-input-placeholder {
    color: #333;
    opacity: 1;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 13px
}

.hiring-input-style::-moz-placeholder {
    color: #333;
    opacity: 1;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 13px
}

.hiring-input-style:-ms-input-placeholder {
    color: #333;
    opacity: 1;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 13px
}

.hiring-input-style:-moz-placeholder {
    color: #333;
    opacity: 1;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 13px
}

.submit_btn_style {
    color: #034d92;
    font-size: 14px;
    
    padding: 12px 0 9px;
    border: 1px solid #034d92;
    margin: 0;
    background: #fff;
    text-shadow: none;
    font-weight: 500;
    font-size: 14px;
    width: 135px;
    border-radius: 0;
    transition: .3s
}

.submit_btn_style:hover {
    background: #2881c2;
    color: #fff
}

.hire_about_area {
    padding: 60px 0;
    background: #fff
}

.hire_about_img img {
    max-width: 520px;
    float: left;
    margin-right: 15px
}

.hire_about_text h2 {
    font-size: 42px;
    font-weight: 700;
    color: #333;
    margin-bottom: 10px;
    letter-spacing: .5px
}

.hire_about_text h3 {
    font-weight: 400;
    color: #545252;
    font-size: 24px;
    margin-bottom: 30px
}

.hire_about_text p {
    margin-bottom: 25px
}

.price_charts_area {
    background: #edeeef;
    padding: 60px 0
}

.recomend_area .row {
    margin: 0;
    display: flex
}

.recomend_area .col-sm-6 {
    padding: 0
}

.bg_dark_gray {
    background: #333
}

.bg_dark_blue {
    background: #034d99
}

.recomend_desc {
    padding: 70px 40px
}

.recomend_desc h3 {
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 24px;
    margin-bottom: 25px
}

.recomend_desc p {
    color: #fff;
    font-size: 16px;
    max-width: 620px;
    margin: 0 auto
}

.benifite_area {
    background: #fff;
    padding: 50px 0;
    position: relative;
    z-index: 2
}

.hiring_title h2 {
    color: #333;
    font-size: 28px;
    margin-bottom: 9px;
    font-weight: 700
}

.hiring_title h3 {
    font-size: 50px;
    text-transform: none
}

.hiring_title p {
    color: inherit;
    margin-top: 10px
}

.benifit_bg_img {
    position: absolute;
    bottom: 70px;
    z-index: -1;
    text-align: center;
    width: 100%
}

.benifit_bg_img {
    position: absolute;
    bottom: 30%
}

.benifit_bg_img img {
    max-width: 300px;
    margin: 0 auto
}

.single_benifits {
    margin-bottom: 20px
}

.single_benifits_title {
    display: flex;
    align-items: center;
    margin-bottom: 10px
}

.single_benifits_title i {
    font-size: 17px;
    width: 35px;
    height: 35px;
    line-height: 31px;
    text-align: center;
    border-radius: 50%;
    border: 3px solid #034d92;
    margin-right: 10px
}

.single_benifits_title h4 {
    font-size: 18px;
    font-weight: 500
}

.choose_idiosys {
    background-position: top center;
    background-size: cover
}

.pricie_table_area {
    max-width: 930px;
    margin: 90px auto 0;
    display: flex;
    align-items: center;
    place-self: center
}

.single_price_card {
    width: 33.3333%;
    background: #fff;
    margin: 0 25px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 13px;
    box-shadow: 0 7px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 transparent;
    padding: 24px 15px;
    position: relative;
    min-height: 275px !important;
}

.pricing_tag {
    position: relative;
    background: url(/hiring/pricing_tag.png);
    width: 124%;
    background-size: cover;
    background-repeat: no-repeat;
    height: 65px;
    text-align: center;
    display: flex;
    justify-content: center;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    line-height: 77px;
    letter-spacing: .5px;
    top: 0px;
	margin-bottom: 20px;
}

@media (min-width:1800px) {
    .pricing_tag {
        background-size: contain;
    }
}

.single_price_card i {
    color: #034D99;
    font-size: 30px;
    
}

.single_price_card h6 {
    color: #333;
    font-size: 15px;
    font-weight: 400;
    font-family: Livvic;
    text-align: center;
    line-height: 20px;
    margin-bottom: 20px;
	
}

@media (max-width:575px) {
    .single_price_card h6 {
        margin-top: 0;
        font-size: 16px;
    }
	#cookie-banner p {
    flex: 100%;
}
#cookie-banner {
    flex-wrap: wrap;
    width: 100%;
}	
}

.single_price_card span {
    font-size: 30px;
    font-weight: 700;
    color: #333;
	margin-top: 0px;
}
@media (max-width: 1400px) {
.single_price_card span {
    font-size: 25px;
}
}	
@media (max-width: 1200px) {
    .single_price_card span {
        font-size: 30px;
    }
}

.single_price_card h5 {
    font-size: 22px;
    font-weight: 700;
    color: #ccc;
    text-align: center
}

.translate_up {
    transform: translateY(-70px)
}

.service_icon_block.service-icon-mobile.service-icon-show-mobile {
    visibility: hidden;
    opacity: 0
}

.video-modal iframe {
    width: 100%;
    height: 400px
}

.hring-form-area .form-group {
    margin-bottom: 20px
}

.submit_btn_area.text-center {
    margin-top: 25px
}

.hiring-ms-style {
    height: 68px
}

.job_opening_table tbody {
    border-left: 2px solid #95b6c2
}

.hiring_banner_text p {
    color: #fff;
    font-size: 19px;
    max-width: 1010px;
    width: 100%;
    font-weight: 400;
    padding-top: 20px
}

.give_provides_area ul li a {
    color: #fff
}

.comn-banner-text h2 {
    color: #fff;
    font-size: 75px;
    font-weight: 700;
    line-height: 46px;
    display: inline-block;
    line-height: 80px
}

.comn-banner-text span {
    color: #fff;
    font-weight: 400;
    font-size: 45px;
    text-transform: uppercase;
    display: block;
    padding-top: 0
}

.job_opening_table .btn-success {
    color: #034d92;
    background-color: #fff;
    border-color: #034d92;
    border-radius: 0;
    font-size: 12px;
    text-shadow: none;
    font-weight: 500;
    letter-spacing: .8px;
    transition: .3s
}

.job_opening_table .btn-success:hover {
    background-color: #2881c2;
    color: #fff
}

.video_modal_btn img {
    margin-right: 10px
}

.comn-banner-text-area .custom_container_pading {
    display: flex;
    align-items: center;
    height: 100%
}

.blog-thumb img {
    width: 100%
}

.cansay_area ul li {
    padding-left: 0
}

.cansay_area ul {
    padding: 0 0
}

.cansay_area ul li a {
    color: #333;
    padding-left: 21px;
    font-size: 14px
}

.cansay_area>ul {
    padding: 7px 15px 20px;
    min-height: 496px
}

.about-core-service-area p font {
    color: #000;
    font-family: Livvic, sans-serif;
    font-size: 16px
}

.blog-desc-text h4 a p {
    color: #000;
    font-weight: 800;
    font-size: 18px;
    letter-spacing: 1px
}

.panel-default {
    border-color: #a5c7cc
}

.applyinfo-btn img {
    border-radius: 50%
}

.mean-container .mean-nav ul li li a {
    opacity: .9
}

.case-studies-section {
    background: #fff;
    padding-top: 50px;
    padding-bottom: 50px
}

.case-studies-items-img {
    position: relative;
    max-width: 425px;
    width: 100%;
    margin: 0 auto
}

.case-studies-items-img img {
    width: 100%
}

.case-studies-items-img-multiple {
    position: absolute;
    top: 0;
    left: 0;
    padding: 12px
}

.case-studies-items {
    padding: 30px 0 0
}

.case-studies-items-content .tittle-style img {
    width: 30px
}

.case-studies-items-content>span {
    font-size: 20px;
    font-weight: 500;
    color: #000;
    padding: 0 6px
}

.case-studies-items-content a {
    font-size: 15px;
    color: #0c519c
}

.case-studies-items-content p {
    font-size: 16px;
    padding: 15px 0
}

.case-studies-items-content .case-studies-content-list {
    position: relative;
    padding-left: 39px;
    padding-bottom: 15px;
    font-size: 18px;
    color: #000;
    font-weight: 400;
    display: inline-block;
    max-width: 370px;
    width: 100%;
    vertical-align: top;
}

.case-studies-items-content .case-studies-content-list span {
    font-size: 18px;
    color: #0c519c
}

.case-studies-items-content .studies-content-list-tick {
    position: absolute;
    top: 0;
    left: 0
}

.case-studies-items-content .studies-content-list-tick img {
    width: 23px;
    vertical-align: middle
}

.case-studies-items-content {
    margin-bottom: 25px
}




.customise-seo-plan h3 {
    font-size: 25px;
    font-weight: 700;
    color: #fff
}

.customise-seo-plan a {
    border: 1px solid #fff;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: .7px;
    text-transform: uppercase;
    padding: 6px 10px;
    transition: .3s
}

.customise-seo-plan a:hover {
    background: #fff;
    color: #0c519c
}

.case-studies-section .new_sec_title h2 {
    color: #333 !important;
    margin: 0
}

.modal-header {
    padding: 8px 9px 8px 18px;
    border-bottom: 1px solid #e5e5e5;
    background: #32a2f7
}

.modal-header .close {
    margin-top: 0;
    color: #fff;
    opacity: 1;
    
    padding: 1px 7px;
    border-radius: 0;
    line-height: 20px;
    margin-right: 0
}

.modal-title {
    margin: 0;
    line-height: 1.42857143;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600
}

.request-quote-text-right .common-btn:hover {
    background: #2881c2;
    color: #fff
}

.package-tab-content .row {
    margin-left: -6px;
    margin-right: -6px
}

.package-tab-content .col-xs-4 {
    padding-left: 6px;
    padding-right: 6px
}

.error_class i {
    margin-right: 7px
}

.new_package .single-package-tab-content {
    border-radius: 200px 200px 0 0;
    -webkit-border-radius: 200px 200px 0 0;
    -moz-border-radius: 200px 200px 0 0
}

.package-tab-area .new_sec_title h2 {
    color: #333;
    margin: 0
}

.package-tab-area .new_sec_title {
    margin-bottom: 20px
}

.package-tab-area .new_sec_title+p {
    text-align: center;
    padding-bottom: 32px
}

.package-tab-area {
    padding: 50px 0;
    
    background: #fff;
    width: 100%;
    float: left
}

.package-tab-area .single-package-tab-content {
    border-radius: 185px 185px 0 0;
    -webkit-border-radius: 185px 185px 0 0;
    -moz-border-radius: 185px 185px 0 0
}

.package-aec-area-heading+.package-tab-area {
    background: #fff;
    padding: 0
}

.tittle-style span {
    font-size: 22px;
    font-weight: 500;
    letter-spacing: .5px;
    text-transform: capitalize;
    border-bottom: 1px solid #b9bfc2;
    display: block;
    padding-bottom: 5px;
}

.contact-form-icons span i {
    color: #fff;
    font-size: 24px;
    margin-top: 13px
}

.view-more-btn-area a.special-btn {
    color: #fff;
    border: 1px solid #fff
}

.subscribe-form .text-right {
    text-align: left
}

.mean-container .mean-nav ul li a.mean-expand:hover {
    background: #0d5d9b
}

.footer_grid .pad-36 {
    padding-top: 0
}

.alternative_h1_h2 h2 {
    font-size: 75px;
    font-weight: 700;
    text-transform: none
}

.alternative_h1_h2 h1 {
    font-size: 45px;
    font-weight: 400;
    text-transform: uppercase;
    padding-top: 12px
}

.footer_grid_second {
    padding: 20px 0;
}

.footer_privacy_img a {
    display: inline;
    margin-right: 10px;
}

.footer_privacy_img a:nth-child(1) img {
    width: 95px;
}

.footer_privacy_img a:nth-child(2) img {
    width: 112px;
}

.slidingDiv {
    position: fixed;
    top: 48%;
    left: 0;
    z-index: 99;
}

.slidingDiv a:nth-child(1) {
    display: inline-block;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #20d262;
    text-align: center;
    line-height: 44px;
}

.slidingDiv a:nth-child(2) {
    display: inline-block;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #20d262;
    text-align: center;
    line-height: 44px;
    display: none;
}

.slidingDiv a i {
    color: #fff;
    font-size: 24px;
    -webkit-animation: blinker 1s linear infinite;
    -moz-animation: blinker 1s linear infinite;
    animation: blinker 1s linear infinite;
}

@-moz-keyframes blinker {
    50% {
        -moz-opacity: 0;
    }
}

@-webkit-keyframes blinker {
    50% {
        -webkit-opacity: 0;
    }
}

@keyframes blinker {
    50% {
        -webkit-opacity: 0;
        opacity: 0;
    }
}

.portal-choose-cont .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 25px;
}

.portal-serv-area .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 20px;
}

.question-area .row {
    padding-top: 12px;
}

.panel {
    -webkit-box-shadow: none;
    box-shadow: none;
}

font {
    color: #000 !important;
    font-family: 'Livvic', sans-serif !important;
    font-size: 15px !important;
    letter-spacing: .7px !important;
    line-height: 20px !important
}

a,
span,
i,
strong,
img {
    display: initial
}

@media screen and (min-width:1500px) and (max-width:1920px) {
    p {
        line-height: 32px;
        margin-bottom: 0;
        
        color: #333;
        font-size: 16px
    }

    .hire_about_img img {
        max-width: 800px;
        width: 100%;
        float: left;
        margin-right: 35px;
        margin-bottom: 10px
    }

    .hire_about_area {
        padding: 50px 0 25px;
        background: #fff
    }

    .hiring_banner_text {
        margin-top: 65px
    }

    .hiring_banner_text h1 {
        font-size: 100px
    }

    .hiring_banner_text h2 {
        font-size: 60px;
        font-weight: 400
    }

    .give_provides_area ul {
        
        margin-bottom: 25px;
    }



    .give_provides_area li {
        font-size: 20px;
        border-radius: 9px;
        padding: 16px 18px
    }

    .hring-form-title {
        padding: 40px 0 9px
    }

    .hring-form-area {
        margin-top: 25px;
        max-width: 500px
    }

    .hring-form-area form {
        padding: 15px 25px 40px
    }

    .submit_btn_area.text-center {
        margin-top: 25px
    }

    .hring-form-area h3 {
        font-size: 26px
    }

    .hire_about_text h2 {
        font-size: 60px
    }

    .hire_about_text h3 {
        font-size: 36px;
        letter-spacing: 1px
    }

    .hiring_title h2 {
        font-size: 42px
    }

    .hiring_title h3 {
        font-size: 72px
    }

    .pricie_table_area {
        max-width: 1400px
    }

    .single_price_card {
        margin: 0 53px;
        min-height: 500px
    }

    .pricing_tag {
        height: 55px;
        line-height: normal;
        font-size: 20px;
        font-weight: 400;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top: 12px;
		background-size: cover;
    }

    .single_price_card i {
        margin-bottom: 0px
    }

    .recomend_desc h3 {
        font-size: 34px
    }

    .recomend_desc p {
        font-size: 24px
    }

    .single_benifits {
        margin-bottom: 45px
    }

    .single_benifits_title h4 {
        font-size: 23px;
        letter-spacing: .5px
    }

    .benifit_bg_img img {
        max-width: 500px
    }

    .benifit_bg_img {
        bottom: 60px
    }

    .benifite_area {
        padding: 50px 0;
    }

    .single-serv-cont-point {
        font-size: 18px;
        
    }

    .best-serv-area {
        padding: 50px 0;
    }

    .best-serv-area .portal-commmn-heading h2 {
        font-size: 41px;
        margin-bottom: 45px
    }

    .hring-form-area .form-group {
        margin-bottom: 35px
    }

    .single_price_card h5 {
        font-size: 24px;
        font-weight: normal;
    }

    .single_price_card span {
        font-size: 30px;
		font-weight: 600;
        line-height: normal;
        text-align: center;
    }

    .single_price_card h6 {
        font-size: 24px;
        line-height: 30px
    }

    .about_client h3 {
        font-size: 80px
    }

    .comn-banner-text h2 {
        color: #fff;
        font-size: 100px;
        font-weight: 700;
        line-height: 46px;
        display: inline-block;
        line-height: 100px
    }

    .comn-banner-text span {
        color: #fff;
        font-weight: 400;
        font-size: 60px;
        text-transform: uppercase;
        display: block;
        padding-top: 17px
    }

    .btn-stylee {
        height: 55px;
        padding: 10px 24px
    }

    .alternative_h1_h2 h2 {
        font-size: 85px;
        font-weight: 700;
        text-transform: none;
        line-height: 125px
    }

    .alternative_h1_h2 h1 {
        font-size: 60px;
        font-weight: 400;
        text-transform: uppercase;
        padding-top: 0
    }

    .portal-second-heading h2 {
        line-height: 50px;
    }

    .footer_privacy_img a:nth-child(1) img {
        width: 115px;
    }

    .footer_privacy_img a:nth-child(2) img {
        width: 135px;
    }

    .slidingDiv a i {
        font-size: 30px;
    }

    .slidingDiv a:nth-child(1) {
        display: inline-block;
        width: 45px;
        height: 45px;
        line-height: 57px;
    }

    .slidingDiv a:nth-child(2) {
        display: inline-block;
        width: 45px;
        height: 45px;
        line-height: 57px;
        display: none;
    }

    .video-modal iframe {
        height: 500px
    }
}

@media(max-width:1600px) {
    .hiring_banner_overlay_area {
        padding: 30px 0 0
    }

    .hring-form-area form {
        padding: 15px 20px
    }

    .hring-form-area h3 {
        font-size: 16px;
        margin-bottom: 5px
    }

    .hring-form-area p {
        font-size: 13px
    }

    .hring-form-title {
        padding: 15px 0
    }

    .case-studies-items-content .case-studies-content-list {
        max-width: 310px
    }

    .comn-banner-text {
        max-width: 680px
    }

    .package-tab-area .new_sec_title h3 {
        font-size: 50px
    }

    .package-tab-area .new_sec_title h2 {
        font-size: 28px
    }

    .new_sec_title h3 {
        font-size: 50px
    }
}

@media(min-width:992px) and (max-width:1060px) {
    .new_about_area {
        height: 650px
    }
}

@media(max-width:1200px) {
    .abt-block-st.hiring_banner_text h1 {
        font-size: 45px
    }

    .main-menu ul li {
        margin-left: 18px
    }

    .blog-desc h4 {
        font-size: 17px
    }

    .hiring_banner_text h1 {
        font-size: 55px
    }

    .hiring_banner_text h2 {
        font-size: 30px
    }

    .give_provides_area ul {
        margin: 30px 0 0
    }

    .give_provides_area li {
        font-size: 13px;
        padding: 14px 10px;
        letter-spacing: .5px;
        margin: 0 10px 10px 0
    }

    .hire_about_text {
        padding-left: 0
    }

    .comn-banner-text h2 {
        font-size: 55px;
        line-height: 55px
    }

    .comn-banner-text span {
        font-size: 30px
    }

    .portal-commmn-heading h1 {
        line-height: 33px
    }

    .name-input,
    .mail-input {
        max-width: 200px
    }

    .alternative_h1_h2 h2 {
        font-size: 55px
    }

    .alternative_h1_h2 h1 {
        font-size: 30px
    }
}

@media(max-width:1199px) {
    .slidingDiv a:nth-child(1) {
        display: none;
    }

    .slidingDiv a:nth-child(2) {
        display: block;
    }
}

@media(max-width:991px) {
    .exparts_language_blog {
        top: 50px
    }

    .custom_container_pading {
        padding: 0 15px
    }

    .abt-block-style {
        max-width: 100%;
        background: rgba(255, 255, 255, .8)
    }

    .news-letter-bg {
        background: rgba(0, 0, 0, .01)
    }

    .abt-block-style::before,
    .abt-block-style::after {
        display: none
    }

    .tech-slideshow {
        height: 390px
    }

    .blog-desc .blog-date {
        width: 55px;
        font-size: 17px;
        line-height: 22px;
        padding: 0;
        margin-right: 10px
    }

    .blog-desc .blog-date span {
        font-size: 30px
    }

    .abt-block {
        position: relative
    }

    .hiring_banner_overlay_area {
        padding: 40px 0
    }

    .hring-form-area {
        float: none;
        margin: 15px auto 0
    }

    .hiring_banner_text {
        margin-top: 0;
        text-align: center
    }

    .give_provides_area ul {
        justify-content: center
    }

    .hire_about_img img {
        max-width: 420px
    }

    .hire_about_text h2 {
        font-size: 30px
    }

    .hire_about_text h3 {
        font-size: 19px;
        margin-bottom: 20px
    }

    .hire_about_area {
        padding: 30px 0
    }

    .price_charts_area {
        padding: 30px 0
    }

    .hiring_title h3 {
        font-size: 35px
    }

    .hiring_title h2 {
        font-size: 20px
    }

    .pricie_table_area {
        margin: 100px auto 0
    }

    .completed_projects_area .new_sec_title span {
        font-size: 67px
    }

    .single_price_card {
        margin: 0 15px
    }

    .single_price_card h5 {
        font-size: 18px
    }

    .video_banner_text h1 {
        font-size: 70px;
        line-height: 65px
    }

    .video_banner_text h1 {
        font-size: 70px;
        line-height: 65px
    }

    .service_icon_block {
        top: 25px
    }

    .new_about_area {
        height: auto
    }

    .hiring_banner_area {
        height: auto
    }

    .hiring_banner_overlay_area {
        height: auto
    }

    .subscribe-form-area {
        margin-bottom: 27px
    }

    .widgets {
        margin-top: 30px
    }

    .btn-stylee {
        width: auto;
        height: 36px;
        font-size: 12px;
        margin-top: 15px;
        line-height: 15px
    }

    .package-tab-content .row {
        margin-left: -6px;
        margin-right: -6px
    }

    .package-tab-content .col-xs-4 {
        padding-left: 6px;
        padding-right: 6px
    }

    .mean-container .mean-nav ul li a {
        font-size: 12px;
        letter-spacing: .8px;
        font-weight: 500
    }

    .package-tab-area .col-xs-4 {
        width: 100%
    }

    .package-tab-area .single-package-tab-content {
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        margin-bottom: 20px
    }

    .package-tab-area .new_sec_title h3 {
        font-size: 35px
    }

    .package-tab-area .new_sec_title h2 {
        font-size: 20px;
        padding-bottom: 5px
    }

    .custom_container_pading.case-studies-section {
        padding-top: 40px
    }

    .case-studies-items {
        padding: 0 0 0
    }

    .customise-seo-plan {
        padding: 30px 15px
    }

    .footer-menu ul li a {
        font-size: 13px;
        line-height: 17px;
    }

    .decoration-row:nth-child(even) .row {
        display: block !important;
    }
}

@media(max-width:767px) {
    .blog-with-sidebar .positiond-blog-content {
        position: static;
        width: 100%
    }

    .positiond-blog-content {
        transform: skewX(0deg);
        -ms-transform: skewX(0deg);
        -webkit-transform: skewX(0deg)
    }

    .blog-content {
        transform: skewX(0deg);
        -ms-transform: skewX(0deg);
        -webkit-transform: skewX(0deg)
    }

    .give_provides_area li img {
        margin-right: 4px;
        max-width: 14px
    }

    .exparts_language_blog {
        top: 10px
    }

    .video_banner_text h1 {
        font-size: 60px;
        line-height: 65px
    }

    .video_banner_text h1 span.middle-text {
        font-size: 60px;
        padding: 5px 0 !important
    }

    .abt-block h2 span {
        font-size: 70px;
        margin-top: 18px
    }

    .abt-block h2 {
        font-size: 30px;
        margin-bottom: 20px
    }

    .new_sec_title h2 {
        font-size: 30px
    }

    .new_sec_title span {
        font-size: 80px
    }

    .completed_projects_area .new_sec_title span {
        font-size: 73px
    }

    .new_sec_title {
        margin-bottom: 35px
    }

    .new_sec_title h3 {
        font-size: 50px
    }

    .new_sec_title h2 {
        font-size: 25px
    }

    .about_client h3 {
        font-size: 40px
    }

    .new-latest-blog-area .col-xs-4 {
        width: 100%
    }

    .about_client {
        text-align: center
    }

    .client_say_carousel {
        margin-top: 40px
    }

    .give_provides_area li {
        width: 45%
    }

    .hiring_banner_text h1 {
        font-size: 45px
    }

    .hire_about_img img {
        max-width: 100%;
        margin: 0 auto
    }

    .recomend_area .row {
        flex-wrap: wrap
    }

    .recomend_area .row .col-md-6 {
        width: 100%
    }

    .recomend_desc {
        padding: 35px 15px
    }

    .single_price_card span {
        font-size: 18px;
		text-align: center;
    }

    .pricing_tag {
        height: 54px;
        line-height: 54px;
        background-position: bottom center
    }

    .single_price_card h5 {
        font-size: 16px;
        line-height: 20px
    }

    .single_price_card i {
        margin-bottom: 10px;
    }

    .translate_up {
        transform: translateY(0px)
    }

    .pricie_table_area {
        align-items: flex-start
    }

    .tech-slideshow-desktop {
        display: none
    }

    .tech-slideshow-mobile {
        display: block;
        height: 200px
    }

    .header-top-area .row {
        margin-left: 5px;
        margin-right: 5px
    }

    .header-top-area .col-xs-6 {
        padding-left: 5px;
        padding-right: 5px
    }

    .header-top-area .custom_container_pading {
        padding: 0 5px
    }

    .service_icon_block_desktop {
        display: none
    }

    .video-banner-area {
        min-height: 480px
    }

    .myVideo {
        height: 480px
    }

    .section-heading {
        line-height: 25px;
        font-size: 25px
    }

    .video-banner-area {
        padding-top: 0
    }

    .abt-block {
        padding-top: 125px
    }

    .service_icon_block.service-icon-mobile.service-icon-show-mobile {
        visibility: visible;
        opacity: 1
    }

    .pricie_table_area {
        margin: 40px auto 0
    }

    .table>thead>tr>th,
    .table>tbody>tr>th {
        padding: 4px 5px;
        font-size: 15px
    }

    .color_nw p {
        font-size: 13px;
        line-height: 20px
    }

    .table>tfoot>tr>th,
    .table>thead>tr>td,
    .table>tbody>tr>td,
    .table>tfoot>tr>td {
        padding: 6px
    }

    .color_tittle {
        font-size: 13px
    }

    .color_nw {
        font-size: 13px
    }

    .section-subheading {
        font-size: 19px;
        margin-bottom: 10px
    }

    .position_table {
        padding: 25px 0 30px;
        background: #fff
    }

    .position_table .mrg-b-25 {
        margin-bottom: 5px
    }

    .drop_your_cv_btn {
        font-size: 14px
    }

    .shop-portal-ban img {
        max-height: 220px
    }

    .portal-second-heading {
        margin-bottom: 15px
    }

    .portal-second-heading h2 {
        margin-bottom: 10px
    }

    .comn-banner-text-area .custom_container_pading {
        padding-bottom: 35px
    }

    .single-technology p {
        font-size: 12px
    }

    .special-btn {
        max-width: 140px;
        padding: 10px 6px;
        font-weight: 400;
        width: 100%
    }

    .portal-second-heading h1 {
        margin-bottom: 0
    }

    .portal-second-heading h1 {
        line-height: 26px;
        font-weight: 500;
        letter-spacing: .5px
    }

    .mean-container .mean-bar {
        padding: 4px 0 9px
    }

    .mean-container .mean-nav {
        margin-top: 50px
    }

    .footer-col {
        display: flex;
        flex-wrap: wrap
    }

    .footer-col .col-sm-4 {
        width: 33.3333%
    }

    .hire_about_img img {
        margin: 0 auto 25px
    }

    .comn-banner-text h2 {
        font-size: 45px;
        line-height: 45px
    }

    .package-tab-area .col-xs-4 {
        width: 50%
    }

    .customise-seo-plan {
        display: block;
        text-align: center
    }

    .case-studies-items {
        padding: 0 0 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }

    .case-studies-items .col-sm-7 {
        order: 2;
        margin-bottom: 20px
    }

    .customise-seo-plan h3 {
        font-size: 20px;
        font-weight: 600;
        padding-bottom: 20px
    }

    .alternative_h1_h2 h2 {
        font-size: 45px
    }

    .alternative_h1_h2 h1 {
        font-size: 30px
    }

    .col-sm-2.control-label.appli-style {
        padding: 0;
    }

    .career_application_form .col-sm-12 {
        padding: 0 20px;
    }

    .footer_privacy_img a:nth-child(1) img {
        width: 68px;
    }

    .footer_privacy_img a:nth-child(2) img {
        width: 82px;
    }
}

@media(max-width:640px) {
    .single-package-tab-content {
        min-height: auto;
        margin-bottom: 20px
    }

    .package-aec-area {
        padding: 20px 0 0 !important
    }

    .package-aec-area-heading h2 {
        font-weight: 500;
        font-size: 23px;
        line-height: 29px
    }

    .section-title.text-center {
        margin-bottom: 0
    }

    .package-details p {
        font-size: 12px;
        color: #000
    }

    .package-tab-area .panel-body {
        padding: 0
    }

    .single-package-tab-content {
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0
    }

    .breadcrumb {
        padding-top: 12%;
        padding-bottom: 10%
    }

    .hire_about_area+.package-tab-area {
        padding: 40px 15px
    }

    .video-modal iframe {
        height: 250px;
    }

    .projects-portfolio .pp-pl-item .pp-item-title {
        margin-bottom: 4px;
        padding-top: 10px;
    }

    .projects-portfolio .pp-pl-item .pp-description {
        padding-bottom: 3%;
    }
}

@media(max-width:575px) {
    .header-top-area {
        padding: 0 0 .35rem 0;
    }

    .header-top-left-area {
        padding-top: .5rem;
    }

    .abt-block h2 span {
        font-size: 55px;
        margin-top: 18px
    }

    .abt-block h2 {
        font-size: 25px
    }

    .abt-block {
        padding: 50px 15px
    }

    .find_technologies_area {
        padding: 50px 0 35px
    }

    .new_sec_title h3 {
        font-size: 42px
    }

    .completed_projects_area .new_sec_title span {
        font-size: 48px
    }

    .tech-slideshow {
        height: 180px
    }

    .client_says_area {
        padding: 40px 0
    }

    .client_profile img {
        width: 90px !important;
        height: 90px;
        margin-right: 15px
    }

    .about_client h3 {
        margin-bottom: 10px
    }

    .hiring_banner_text h1 {
        font-size: 30px
    }

    .hiring_banner_text h2 {
        font-size: 16px
    }

    .give_provides_area li {
        font-size: 14px;
        padding: 10px 5px;
        margin: 0 0 6px 0;
        font-size: 11px;
        max-width: 400px;
        width: 100%
    }

    .new_sec_title h2 {
        font-size: 20px
    }

    .new_sec_title h3 {
        font-size: 20px;
        font-weight: 500;
    }

    .pricie_table_area {
        margin: 30px auto 0;
        flex-wrap: wrap
    }

    .single_price_card {
        width: 100%;
        margin: 0 0 20px
    }

    .pricing_tag {
        width: 100%
    }

    .recomend_desc h3 {
        font-size: 18px;
        margin-bottom: 10px;
        line-height: 25px
    }

    .single_price_card {
        min-height: 280px
    }

    .header-top-right-area li {
        font-size: 13px
    }

    .single-icon-main .icon-main {
        height: 45px;
        font-size: 12px;
        line-height: 45px;
        padding: 0 10px
    }

    .single-icon-main .icon-main img {
        max-width: 17px;
        margin-right: 2px
    }

    .service_icon_block.service-icon-mobile {
        bottom: -25px
    }

    .name-input,
    .mail-input {
        max-width: 190px
    }

    .benifite_area {
        padding: 35px 0 0
    }

    .blog-desc {
        padding: 15px 0 0
    }

    .blog-desc h4 {
        font-size: 16px;
        font-weight: 500;
        line-height: 20px;
        letter-spacing: .5px;
        text-align: left
    }

    .blog-desc-text p {
        margin-left: 0 !important;
        text-align: left
    }

    .blog-desc .blog-date span {
        font-size: 20px;
        font-weight: 600;
        display: block
    }

    .blog-desc .blog-date {
        font-size: 13px;
        font-weight: 500
    }

    .use_architecture_area {
        padding: 30px 0 0
    }

    .copy_right_area .container {
        display: flex;
        flex-wrap: wrap
    }

    .copy_right_area .container .col-xs-6:nth-child(1) {
        order: 2;
        width: 100%;
        padding: 5px 0 0
    }

    .copy_right_area .container .col-xs-4:nth-child(2) {
        width: 100%;
        order: 1
    }

    .copy_right_area {
        padding: 15px 0 48px
    }

    .copy_right_area p {
        line-height: 20px
    }

    .footer_grid .pad-36 {
        padding-top: 16px
    }

    .footer-gird-title {
        margin-top: 20px
    }

    .comn-banner-text h2 {
        font-size: 30px;
        line-height: 34px
    }

    .comn-banner-text span {
        font-size: 16px;
        font-weight: 500;
        padding-top: 7px
    }

    .comn-banner-text .btn-stylee {
        color: #000;
        background: #fff;
        padding: 7px 10px;
        height: 33px
    }

    .portal-second-heading h1 {
        line-height: 26px;
        font-weight: 500
    }

    .hiring_banner_text {
        padding-bottom: 20px
    }

    .new_about_area {
        background-position: left center
    }

    .abt-block p {
        color: #000;
        font-size: 14px
    }

    .footer-col .col-sm-4 {
        width: 100%
    }

    .breadcrumb-right-content span {
        font-size: 12px
    }

    .copy_right_area .custom_container_pading .row {
        display: flex;
        flex-wrap: wrap
    }

    .copy_right_area .custom_container_pading .row .col-xs-6 {
        width: 100%;
        order: 2
    }

    .copy_right_area .custom_container_pading .row .col-xs-4 {
        width: 100%;
        text-align: center;
        padding-bottom: 7px
    }

    .copy-right-left.pull-right {
        float: none !important
    }

    .copy-right-left.pull-left {
        float: none !important;
        text-align: center
    }

    .footer_grid_logo img {
        margin: 0 auto 20px;
        display: block;
        width: 100%;
        max-width: 100px;
    }

    .blog-desc-tex a {
        text-align: left;
        display: inherit
    }

    .package-tab-area .new_sec_title h3 {
        font-size: 25px
    }

    .package-tab-area .new_sec_title h2 {
        font-size: 15px
    }

    .package-aec-area-heading p {
        padding: 0 0 20px
    }

    .alternative_h1_h2 h2 {
        font-size: 30px
    }

    .alternative_h1_h2 h1 {
        padding-top: 10px;
        font-size: 16px
    }

    .table-responsive {
        max-width: 500px !important;
        width: 100% !important;
    }

    .footer_privacy.footer_privacy_img {
        padding: 25px 10px;
        text-align: center;
    }

    .footer_privacy_img a {
        margin: 0px 10px;
    }

    .slidingDiv {
        top: auto;
        left: 2px;
        bottom: 5px;
    }

    .new_sec_title p {
        font-size: 15px;
    }

    .new_sec_title h2 {
        padding-bottom: 6px;
    }

    .footer-pad {
        padding: 10px 0 0px;
    }
}

@media(max-width:480px) {
    .package-tab-area .col-xs-4 {
        width: 100%
    }

    .short-by-area {
        flex-direction: column;
    }

    .number-of-items {
        font-size: 16px;
        margin-bottom: 10px;
    }
}

@media(max-width:380px) {
    .header-top-right-area li {
        font-size: 11px
    }
}

.mean-container a.meanmenu-reveal {
    color: #fff
}

.slideshow {
    position: relative;
    overflow: hidden;
    height: 300px
}

.slideimages {
    background: url(/imgs/01.png);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 300%;
    animation: slideshow 40s linear infinite;
    -webkit-animation: slideshow 40s linear infinite;
    background-size: contain
}

@keyframes slideshow {
    0% {
        left: 0
    }

    100% {
        left: -200%
    }
}

@-webkit-keyframes slideshow {
    0% {
        left: 0
    }

    100% {
        left: -200%
    }
}

.error_class {
    color: red;
    font-size: 12px;
    position: absolute;
    left: 0;
    bottom: -20px;
    font-weight: 400;
    letter-spacing: .6px
}

.single_price_card .back-to-top-area {
    width: 100%;
    text-align: right;
    padding: 5px 0 0;
    position: absolute;
    bottom: 15px;
    right: 20px
}

.single_price_card .back-to-top-area i {
    margin: 0;
    font-size: 18px;
    color: gray;
    transform: rotate(-90deg)
}

.mean-container a.meanmenu-reveal {
    top: 2px
}

.input-field input.name-input {
    width: 100%;
    max-width: 100%
}

.comn-banner-text h2 span {
    color: #fff;
    font-weight: 400;
    text-transform: uppercase
}

.comn-banner-text h2 span {
    color: #fff;
    font-weight: 400;
    text-transform: uppercase
}

.btn-success:hover {
    background: #2881c2;
    color: #fff
}

.idiosys_award span img {
    width: 120px;
}

.footer_privacy.footer_privacy_img a img {
    width: 100px;
    margin-bottom: 10px
}

.idiosys_award {
    padding: 30px 0 20px;
}

.idiosys_award span.idiosys_badge_award img {
    width: 90px;
}




.listMainContent {
    width: 100%;
    border: 1px solid #c5c5c5;
    border-bottom: none;
    border-right: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.listMainContent .listContainer {
    width: 25%;
    float: left;
    background: #fff;
    border: 2px solid transparent;
    border-right: 1px solid #c5c5c5;
    border-bottom: 1px solid #c5c5c5;
    padding: 2%;
    padding-bottom: 20px;
    overflow: hidden;
    transition: all .5s ease-in-out;
    position: relative;
    display: block;
}

.listContainer a {
    margin-top: 30px;
}

.listMainContent .listContainer:hover {
    transform: scale(1.1);
    box-shadow: 0 0 6px #ccc;
    z-index: 99;
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border: 1px solid #32a2f7;
}

.listContainer p {
    max-height: 300px;
    line-height: 28px;
}

.listContainer img {
    width: auto;
    height: 100px;
    margin: 0 auto 20px;
    display: block;
}

.listing-box {
    padding-top: 50px;
    padding-bottom: 50px;
}

.listContainer h3 {
    font-size: 17px;
    padding-bottom: 10px;
    text-transform: uppercase;
    line-height: 24px;
    font-family: Livvic, sans-serif;
}

.decoration-workshop {
    padding-top: 60px;
}

.decoration-row:nth-child(even) .row {
    display: flex;
    flex-direction: row-reverse;
    
}

.decoration-row {
    padding-bottom: 50px;
}

.decoration-row:last-child {
    padding-bottom: 0px;
}

.success_story_new_sec_title {
    margin-bottom: 10px;
}

@media(max-width:1199px) {
    .listMainContent .listContainer {
        width: 50%;
    }
}

@media(max-width:640px) {
    .listMainContent .listContainer {
        width: 100%;
    }
}

.success_story_form {
    padding: 60px 0;
}

.success_story_banner {
    background-position: center center;
    background-size: cover;
    height: calc(60vh - 104px)
}

.success_story_banner_overlay_area {
    padding: 50px 0;
    background: rgba(0, 0, 0, .5);
    height: 100vh
}

.success_story_breadcrumb {
    position: relative;
    padding-top: 50px;
    padding-bottom: 35px;
    margin-bottom: 0;
    background-size: cover;
    float: left;
    width: 100%
}

.short-by-area {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 15px 15px;
    background: #fff;
    align-items: center;
    margin-bottom: 5px;
}

.number-of-items {
    font-size: 18px;
}

.short-by-input {
    display: flex;
    align-items: center;
}

.short-by-input label {
    font-size: 16px;
    margin-right: 15px;
    margin-bottom: 0;
}

.form-group.select-iconnn {
    position: relative;
    margin-bottom: 0;
}

.form-group.select-iconnn .select2 {
    width: 150px;
    height: 36px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    cursor: pointer;
    border: 0px;
    border: 1px solid #cad1d4;
    border-radius: 0px;
    padding: 0 27px 0 11px;
    font-size: 13px;
}

.form-group.select-iconnn::after {
    color: #000;
    content: "\f107";
    font-family: "fontAwesome";
    font-size: 16px;
    pointer-events: none;
    position: absolute;
    right: 11px !important;
    top: 7px;
    padding-left: 6px;
}

.custom_container_pading.listing-box .new_sec_title h2 {
    color: #000;
    margin: 0;
}

.display_none {
    display: none;
}

.no-result-img {
    margin-top: 20px;
    max-width: 350px !important;
}

@media(min-width:992px) and (max-width:1620px) {
    .abt-block h2 span {
        font-size: 60px;
        margin-top: 10px;
    }

    p {
        line-height: 24px;
        font-size: 16px;
    }

    .abt-block h2 {
        font-size: 35px;
        margin-bottom: 20px;
        margin-top: 18px;
    }

    .idiosys_award span.idiosys_badge_award img {
        width: 70px;
    }

    .idiosys_award span img {
        width: 100px;
    }

    .abt-block {
        padding: 60px;
    }

    .main-menu ul li a {
        font-size: 14px;
    }

    .hiring_banner_text {
        margin-top: 5px;
    }
}




.career_banner-cont {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
    z-index: 99;
}

.banner_cont-text h1 {
    color: #fff;
    font-weight: 600;
    font-size: 75px;
    margin-bottom: 20px;
}

.banner_cont-text h1 span {
    width: 60px;
    height: 60px;
    background: #FFF;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    line-height: 40px;
    vertical-align: middle;
    border: 4px solid #034B8F;
}

.career_banner-area.breadcrumb {
    padding-top: 180px;
    padding-bottom: 0;
    background: url(/img/career-new/banner.jpg) no-repeat center center;
    background-size: cover;
}

.banner_cont-text h3 {
    font-size: 45px;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 66px;
}

.technology_style .single_technology-img {
    width: 100px;
    height: 100px;
    background: #fff;
    border-radius: 50%;
    top: -4px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.25);
    border: 4px solid #5BC6CC;
    transition: .5s;
}

.technology_style .single_technology-img img {
    height: 42px;
}

.technology_style .single_technology {
    width: 100px;
    height: 200px;
    text-align: center;
    background: #5BC6CC;
    border-radius: 45px 45px 0 0;
    position: relative;
    margin-right: 10px;
}

.technology_style {
    position: relative;
    display: flex;
    z-index: 99;
}

.single_technology p {
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 20px;
    margin-top: 15px;
    line-height: 1.2;
}

.single_technology span {
    color: #fff;
    font-size: 13px;
    font-weight: 500;
}

.technology_style .single_technology:hover .single_technology-img {
    transform: rotate(180deg);
}

.news_portal-area {
    padding: 30px 0;
    background: #fff;
}

.new_portal_content iframe {
    width: 630px;
    height: 330px;
    float: right;
    border-top: 20px solid #034B8F;
    border-left: 20px solid #034B8F;
}

.news_portal-area .new_sec_title h2 {
    margin: 0;
    color: #333;
}

.key_benifits-area {
    background: #fff;
    padding-top: 0px;
}

.key_benifits-area h2 {
    font-size: 42px;
    text-align: center;
    font-weight: 600;
    margin-bottom: 20px;
    
    margin-top: 0px;
    color: #333;
}

.key_benifits_cont h3 {
    font-size: 20px;
    margin-bottom: 45px;
}

.key_benifits_cont h3 small a {
    margin-left: 20px;
    color: #034B8F;
    font-size: 15px;
}

.key_benifits_cont ul {
    margin-top: 28px;
}

.key_benifits_cont ul li p {
    color: #333;
    font-size: 18px;
    font-weight: 400;
}

.key_benifits_cont ul li p span {
    color: #034B8F;
}

.key_benifits_img img {
    max-width: 100%;
    width: 430px;
}

.key_benifits_cont ul li {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.key_benifits_cont ul li img {
    width: 32px;
    margin-right: 15px;
}

.single_key_benifits {
    padding: 50px 0 !important;
}




.single_key_benifits:nth-child(odd) {
    background: #E8FEFF;
}

@media (max-width: 1600px) {
    .banner_cont-text h1 {
        font-size: 60px;
    }

    .banner_cont-text h3 {
        font-size: 35px;
    }

    .banner_cont-text h1 span {
        width: 50px;
        height: 50px;
        line-height: 35px;
    }

    .banner_cont-text h1 span img {
        width: 23px;
    }
}

@media (max-width: 1200px) {
    .new_portal_content iframe {
        width: 430px;
    }

    .key_benifits_cont ul li img {
        width: 25px;
        margin-right: 10px;
    }

    .key_benifits-area h2 {
        font-size: 30px;
    }
}

@media (max-width: 991px) {
    .banner_cont-text h1 {
        font-size: 45px;
    }

    .banner_cont-text h3 {
        font-size: 26px;
    }

    .new_portal_content iframe {
        width: 430px;
        float: none;
        text-align: center;
        margin: 0 auto 30px auto;
        display: block;
        max-width: 100%;
    }

    .career_banner-area.breadcrumb {
        padding-top: 50px;
    }
}

@media (max-width: 767px) {
    .career_banner-cont {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: column;
    }

    .career_banner-cont .banner_cont-text {
        order: 2;
    }

    .career_banner-cont .breadcrumb-right-content {
        order: 1;
    }

    .key_benifits-area .col-md-8.col-sm-8 {
        order: 2;
    }

    .key_benifits-area .row {
        display: flex;
        flex-wrap: wrap;
    }

    .key_benifits-area .col-md-4.col-sm-4 {
        order: 1;
        width: 100%;
    }

    .key_benifits_img,
    .key_benifits_img.text-right {
        text-align: center;
    }

    .tittle-style span {
        font-size: 16px;
    }

    .case-studies-items-content .case-studies-content-list {
        font-size: 15px;
    }
}

@media (max-width: 480px) {
    .technology_style .single_technology-img {
        width: 65px;
        height: 65px;
        top: 0;
    }

    .single_technology-img img {
        height: 31px;
    }

    
    .technology_style .single_technology {
        border-radius: 45px;
        margin-right: 0px;
        display: flex;
        margin-bottom: 10px;
        height: auto;
        width: 100%;
        align-items: center;
    }

    .banner_cont-text h1 {
        font-size: 25px;
    }

    .banner_cont-text h1 span {
        width: 35px;
        height: 35px;
        line-height: 28px;
        border: 2px solid #034B8F;
    }

    .technology_style {
        flex-direction: column;
    }

    .banner_cont-text h3 {
        margin-bottom: 35px;
    }

    .single_technology p {
        margin: 0 5px 0 5px;
    }

    .key_benifits-area h2 {
        font-size: 19px;
    }

    .single_key_benifits {
        padding: 10px 0;
    }

    .key_benifits_cont h3 {
        font-size: 16px;
        margin-bottom: 25px;
    }

    .key_benifits_cont ul li {
        align-items: flex-start;
    }

    .key_benifits_cont ul li p {
        font-size: 14px;
    }

    .key_benifits_cont ul li img {
        width: 18px;
        margin-right: 10px;
        margin-top: 5px;
    }

    .key_benifits_cont h3 small a {
        margin-left: 0;
        display: block;
        margin-top: 10px;
    }
}







.details-list-option p {
    position: relative;
    padding-left: 30px;
}

.details-list-option p:after {
    content: "\f111";
    font-family: 'FontAwesome';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    color: #EA4335;
}

.details-list-option:first-child p:after {
    display: none;
}

.details-list-option:first-child p {
    padding-left: 0px;
}

.details-list-heading-right .details-list-option p:after {
    content: "\f111";
    font-family: 'FontAwesome';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    color: green;
}

.details-list-heading-right .details-list-option:first-child p:after {
    display: none;
}

.details-list-outer {
    padding: 0px;
}

.dhakatrubune-video video {
    width: 100%;
}

.details-list-option {
    display: flex;
    padding-bottom: 20px;
    flex-wrap: wrap;
}




.details-list-heading {
    padding-bottom: 0px;
    flex-wrap: inherit;
    min-height: 80px;
}




.details-list-heading-right {
    padding-bottom: 0px;
    flex-wrap: inherit;
    min-height: 80px;
}

.details-list-option span {
    color: #EA4335;
}

.details-list-option img {
    margin-right: 10px;
    width: 20px;
    height: 20px;
}

.details-list-option i {
    margin-right: 16px;
    font-size: 23px;
    color: #EA4335;
    border-radius: 100%;
}

.details-list-option p {
    line-height: 24px;
    color: #034B8F;
    font-size: 18px;
    font-weight: 400;
    width: 100%;
    padding-bottom: 20px;
}

.details-list-heading p,
.details-list-heading-right p {
    font-size: 20px;
    color: #000;
    font-weight: 600;
}

.details-list-heading img,
.details-list-heading-right img {
    width: auto;
    height: 30px;
}

.details-list-heading-right img {
    height: 40px;
}

.details-list-heading-right span {
    color: #32BA7C;
}

.details-list-heading-right img.light {
    margin-top: -10px;
}

.newsportal h5 {
    text-align: center;
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    color: #333;
    padding-bottom: 0px;
    padding-top: 25px;
    min-height: 62px;
}

.newsportal h5 a {
    color: #034d92;
    transition: 0.5s;
    display: inline-block;
}

.newsportal h5:hover a {
    font-size: 26px;
}

.details-list-outer .col-sm-6:first-child {
    margin-bottom: 30px;
}

.newsportal-contact {
    background: #000;
    
}

.newsportal-contact-row {
    display: flex;
    justify-content: space-between;
}

.newsportal-contact-row h3 {
    color: #fff;
    font-weight: 600;
}

.newsportal-contact-row a {
    border: 2px solid #fff;
    display: inline-block;
    padding: 10px 15px;
    font-size: 20px;
    text-align: center;
    color: #fff;
}




.sticky {
    position: fixed;
    top: 70px;
    width: 100%;
    z-index: 2;
    
    animation: mymove 1s 1;
}

@keyframes mymove {
    from {
        top: -60px;
    }

    to {
        top: 0px;
    }
}




.customise-seo-plan {
    
    padding: 30px 50px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    
    background: -moz-linear-gradient(-70deg, #000 59.3%, #32a2f7 50%);
    background: -webkit-linear-gradient(-70deg, #000 59.3%, #32a2f7 50%);
    background: linear-gradient(110deg, #000 59.3%, #32a2f7 50%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#2989d8', endColorstr='#207cca', GradientType=1)
}

.customise-seo-plan h3 {
    font-size: 25px;
    font-weight: 600;
    color: #fff;
}

.customise-seo-plan a {
    border: 1px solid #fff;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: .7px;
    text-transform: uppercase;
    padding: 6px 10px;
    transition: .3s;
}

.solution_class .details-list-option p::after {
    color: #32BA7C;
}

@media(max-width:1500px) {
    .customise-seo-plan {
        background: -moz-linear-gradient(-70deg, #000 61.5%, #32a2f7 50%);
        background: -webkit-linear-gradient(-70deg, #000 61.5%, #32a2f7 50%);
        background: linear-gradient(110deg, #000 61.5%, #32a2f7 50%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#2989d8', endColorstr='#207cca', GradientType=1)
    }
}

@media(max-width:991px) {
    .sticky {
        top: 0px;
    }
}

@media(max-width:767px) {
    .customise-seo-plan {
        background: -moz-linear-gradient(0deg, #000 0%, #32a2f7 100%);
        background: -webkit-linear-gradient(0deg, #000 0%, #32a2f7 100%);
        background: linear-gradient(0deg, #000 0%, #32a2f7 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#2989d8', endColorstr='#207cca', GradientType=1)
    }
}

@media(max-width:720px) {
    .customise-seo-plan a {
        margin: 0 auto;
    }

    .customise-seo-plan h3 {
        font-size: 18px;
    }

    .customise-seo-plan {
        padding: 15px 18px 20px;
        display: block;
    }

    .customise-seo-plan a {
        font-size: 12px;
    }

    .listing-box {
        padding-top: 5px;
        padding-bottom: 0px;
    }

    .details-list-heading {
        padding-bottom: 5px;
    }

    .details-list-heading-right {
        padding-bottom: 10px;
    }

    .details-list-outer {
        padding: 35px 0 0px;
    }

    .newsportal h5 {
        font-size: 19px;
        line-height: 24px;
        padding-bottom: 19px;
    }

    .details-list-option {
        padding-bottom: 0px;
    }
}

@media(max-width:576px) {
    .details-list-option p {
        font-size: 15px;
    }

    .details-list-heading {
        padding-bottom: 20px;
    }

    .details-list-option i {
        margin-right: 10px;
        font-size: 15px;
        color: #EA4335;
        border-radius: 100%;
        margin-top: 5px;
    }
}




.seo-banner-area {
    height: 270px;
}

.seo-banner-area .hiring_banner_overlay_area {
    height: 270px;
}

.seo-banner-text {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.seo-banner-text h1 {
    color: #fff;
    font-size: 45px;
    font-weight: 700;
    margin-top: 50px;
}

.seo_search_area {
    display: flex;
    align-items: center;
    margin-bottom: 35px;
}

.seo_search_area .form-group.select-option.select-icon {
    width: 295px;
    margin-bottom: 0px;
}

.seo_search_area .select-icon .form-control {
    height: 42px !important;
    background: transparent;
    color: #333;
}

.seacrh_btn {
    margin: 0 0 0 15px;
    width: 105px;
    height: 42px;
    text-shadow: none;
    font-weight: 500;
    font-size: 15px;
    letter-spacing: .5px;
    text-transform: capitalize;
    background: #630abb;
}

.seo_results_area {
    padding: 50px 0;
}

.seo_table tbody,
.seo_table tr {
    width: 100%;
    display: block;
    transition: .3s;
    border: 1px solid transparent;
}

.seo_table tr:hover {
    
    box-shadow: 0px 3px 7px #0000001A;
}

.seo_table tr th,
.seo_table tr td {
    width: 18%;
    display: inline-block;
}

.seo_table tr {
    display: flex;
}

.seo_table tr:first-child {
    background: rgb(71, 72, 81) !important;
}

.seo_table tr th {
    padding: 15px 10px;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
}

.seo_table tr td {
    font-weight: 400;
    font-size: 15px;
    line-height: 1.2;
    padding: 10px 10px;
    text-align: center;
}

.seo_table tr:nth-child(2n+1) {
    background: #f9f6f6;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
}

.result_country {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    background: #eee;
    border-radius: 5px 5px 0 0;
    justify-content: space-between;
}

.result_country span a {
    color: rgb(63, 89, 251);
    border-bottom: 1px solid transparent;
}

.result_country span a:hover {
    border-bottom: 1px solid rgb(63, 89, 251);
}

.result_country img {
    width: 40px;
    margin: 0 10px 0 0;
}

.result_country span {
    font-size: 17px;
}

.seo_search_area .select-icon::after {
    top: 10px;
    color: #333;
    font-size: 16px;
}

.seo_contact_left h3 {
    font-size: 41px;
    line-height: 1.6;
    letter-spacing: .5px;
    margin-bottom: 20px;
}

.seo_contact_left span {
    font-size: 25px;
    font-weight: 300;
    color: #555454;
}

.seo_contact_area {
    padding: 50px 0 100px 0;
}

.seo_contact_right {
    background: rgb(71, 72, 81);
    padding: 40px 30px;
    box-shadow: 0px 8px 16px #bfb9b9;
}




.seo_contact_right .form-group {
    margin-bottom: 25px;
}

.sub_btn_area .seacrh_btn {
    margin: 0;
    background: #000;
    width: 150px;
}

.seo_table {
    margin-bottom: 50px;
    box-shadow: -12px -11px 15px 0px white, 2px 12px 19px 0 rgba(0, 0, 0, 0.09);
}

.seo_table:last-child {
    margin-bottom: 0px;
}

.seo_contact_form_custom_bg {
    background-color: rgb(71, 72, 81);
}




.fileImage {
    color: red;
    clear: both;
    display: flex;
    float: right;
    height: 45px;
    width: auto;
}

.offer-box img {
    background-color: orange;
    padding: 20px;
    border-radius: 100%;
    margin-bottom: 20px;
}

.offer-box h4 {
    font-size: 16px;
    
    margin-bottom: 10px;
}

.offer-box {
    text-align: center;
    margin-top: 40px;
}

.industry_section_p {
    text-align: center;
    font-size: 18px;
}




section.use_architecture_area.industry_vertical_area {
    position: relative;
    background: url(/images/option3.jpg);
}



.showcase-menu-social img:hover {
    background-color: darkorange;
    
    
    box-shadow: 0 0 0px #000000 !important;
}

.textColor {
    color: #fff !important;
}

.showcase-menu-social {
    transition: transform .2s;
}

.showcase-menu-social img:hover {
    
    opacity: 0.7 !important;
    filter: alpha(opacity=70) !important;
    box-shadow: 0 0 0px #000000 !important;
    -ms-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}

.fontWeight {
    font-size: 11px !important;
}

.activeProfile {
    background-color: #0a0a13 !important;
    color: #FFF !important;
}






@media (min-width: 1400px) {
    .container {
        width: 1300px;
    }
}

.home__page .ptb-5 {
    padding-top: 8.4rem;
    padding-bottom: 8.4rem;
}

.home__page .top_heading {
    display: inline-block;
    color: #1273EB;
    font-size: 1.7rem;
    font-weight: 500;
    background: #EAF2FD;
    border-radius: 3rem;
    padding: 1rem 4.8rem;
    font-family: 'Livvic', sans-serif;
    margin-bottom: 1rem;
    text-transform: uppercase;
}

.home__page .heading {
    font-size: 26px;
    color: #0A0A0A;
    font-weight: 600;
    line-height: 4.5rem;
    margin-top: 0;
    margin-bottom: .7rem;
    font-family: 'Livvic', sans-serif;
}

.home__page .row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.home__page .align-items-center {
    align-items: center;
}

.home__page .mx-auto {
    margin-left: auto;
    margin-right: auto;
    float: none;
}

.home__page .text-white {
    color: #fff;
}

.home__page .tt-uppercase {
    text-transform: uppercase;
}

.home__page .justify-content-between {
    justify-content: space-between;
}

.home__page a:hover {
    text-decoration: none;
}

.home__page .desktop-view-menu-area {
    background-color: transparent;
}

.home__page .desktop-view-menu-area .row>div {
    padding: 0;
}

.home__page .header-top-area {
    background: transparent;
    padding: 0;
}

@media (max-width: 1400px) {
    .main-menu ul li {
        margin-left: 17px;
        line-height: 2;
    }
}

.home__page p {
    font-family: Livvic, sans-serif;
    font-size: 1.7rem;
    color: #333;
    line-height: 2.6rem;
    font-weight: normal;
}

.home__page ul {
    margin-bottom: 0;
}

.home__page .mb-0 {
    margin-bottom: 0 !important;
}

.home__page .d-flex {
    display: flex;
}

.home__page .row>div {
    padding-bottom: .85rem;
    padding-top: .85rem;
}

.home__page .img-fluid {
    max-width: 100%;
    height: auto;
}

.home__page .position-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.home__page .header__wrapper {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 100vh;
    margin-top: -11.5rem;
    display: flex;
    align-items: center;
    padding-top: 13rem;
    padding-bottom: 5rem;
}

@media (max-width:1200px) {
    .home__page .header__wrapper {
        padding-top: 15rem;
    }
}

@media (max-width:767px) {
    .home__page .header__wrapper {
        margin-top: -12.5rem;
    }
}

@media (max-width:575px) {
    .home__page .header__wrapper {
        padding-top: 14rem;
        padding-bottom: 2rem;
    }
}

.home__page .header__wrapper .content .btn-outline-white {
    font-size: 1.7rem;
    font-weight: 600;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 3rem;
    padding: .875rem 2rem;
    margin-top: 2rem;
    font-family: 'Livvic', sans-serif;
}

.home__page .header__wrapper .content .btn-outline-white:hover {
    background-color: #fff;
    color: #333;
}

@media (max-width:576px) {
    .home__page .header__wrapper .content .btn-outline-white {
        font-size: 1.25rem;
    }
}

.home__page .header__wrapper .content p,
.home__page .header__wrapper .content h1 {
    color: #fff;
}

.home__page .header__wrapper .content .lead {
    margin-bottom: 0;
    font-weight: 600;
    font-size: 2rem;
    text-transform: uppercase;
    font-family: 'Livvic', sans-serif;
}

.home__page .header__wrapper .content h1 {
    font-size: 4.8rem;
    text-transform: uppercase;
    letter-spacing: 2%;
    font-weight: 700;
    margin-top: 1.9rem;
    font-family: 'Livvic', sans-serif;
}

.home__page .header__wrapper .content h1 span {
    font-size: 3.2rem;
    display: block;
}

.home__page .header__wrapper .content .text {
    font-size: 1.7rem;
    margin-top: 1.8rem;
    font-family: 'Livvic', sans-serif;
    font-weight: 500;
}

.home__page .header__wrapper .content .row {
    margin-top: 3.2rem;
    max-width: 48.625rem;
    width: 100%;
}


.home__page .header__wrapper .content .service__box img {
    width: 4.6rem;
    height: 4.6rem;
}

.home__page .header__wrapper .content .service__box p {
    font-size: 1.7rem;
    
	font-weight: normal;
    width: calc(100% - 4.6rem);
    padding-left: 1.6rem;
    color: #B9DCFF;
}

.home__page .header__wrapper .content .service__box p span {
    font-weight: 500;
    display: block;
}

.home__page .header__wrapper .video__box {
    background-color: #fff;
    padding: 1rem;
    border-radius: 1rem;
    max-width: 67rem;
    margin: 0 auto;
}

.home__page .header__wrapper .video__box img {
    box-shadow: 0px 0px 20px rgba(18, 115, 235, 0.25);
    border-radius: .5rem;
}

.home__page .header__wrapper .video__box::after {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 0%;
    left: 0%;
}

.home__page .client__wrapper .heading {
    margin-bottom: 4.1rem;
}

.home__page .client__wrapper .row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.home__page .client__wrapper .custom-col {
    width: 20%;
    flex: 0 0 20%;
    padding: 1rem 1rem;
}

.home__page .client__wrapper .custom-col .content {
    background: #FFFFFF;
    
    border-radius: 10px;
    padding: 2.5rem;
    text-align: center;
    position: relative;
    min-height: 12rem;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .3s ease-in-out;
}

.home__page .client__wrapper .custom-col .content .flag {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
}

.home__page .client__wrapper .custom-col .content:hover {
    box-shadow: 0px 10px 26px 5px rgba(18, 115, 235, 0.25);
}

.home__page .about__wrapper {
    position: relative;
}

.home__page .about__wrapper .lead {
    font-size: 1.7rem;
    color: #333333;
    font-weight: 400;
    margin-top: 1rem;
}

.home__page .about__wrapper .top_heading {
    background-color: #fff;
}

.home__page .about__wrapper .heading {
    margin: 1rem 0 2.7rem 0;
    max-width: 35.2rem;
}

.home__page .about__wrapper .btn-primary {
    background-color: transparent;
    border-color: transparent;
    position: relative;
    border-radius: 3rem;
    padding: 1.12rem 4rem 1.12rem 2rem;
    margin-top: 3.3rem;
    font-family: 'Livvic', sans-serif;
    font-size: 1.7rem;
    font-weight: 500;
}

.home__page .about__wrapper .btn-primary::after,
.home__page .about__wrapper .btn-primary::before {
    content: '';
    width: 3.5rem;
    height: 100%;
    background-color: #141765;
    position: absolute;
    top: 0;
    right: 0%;
    border-top-right-radius: 3rem;
    border-bottom-right-radius: 3rem;
    clip-path: polygon(25% 0%, 100% 0, 100% 92%, 100% 100%, 30% 100%, 0 0);
    transition: all .3s ease-in-out;
}

.home__page .about__wrapper .btn-primary::before {
    background-color: #1067DB;
    left: 0%;
    width: 100%;
    clip-path: none;
    z-index: 0;
    color: #fff;
    border-top-left-radius: 3rem;
    border-bottom-left-radius: 3rem;
}

.home__page .about__wrapper .btn-primary span {
    position: relative;
    z-index: 11;
}

.home__page .about__wrapper .btn-primary span .fa {
    margin-right: .5rem;
}

.home__page .about__wrapper .btn-primary:hover::after {
    width: 100%;
    border-radius: 3rem;
    clip-path: none;
}

.home__page .about__wrapper .banner_box {
    position: relative;
    text-align: center;
    max-width: 736px;
    margin-left: auto;
    margin-right: auto;
}

.home__page .about__wrapper .banner_box .img__box {
    max-width: 580px;
    max-height: 580px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: .875rem;
    width: 100%;
    height: 100%;
    background: #fff;
}

.home__page .about__wrapper .banner_box .img__box img {
    border-radius: 50%;
}

.home__page .about__wrapper .bootom__dots {
    position: absolute;
    bottom: 10%;
    right: -5%;
}

.home__page .about__wrapper .container {
    position: relative;
    z-index: 11;
}

.home__page .about__wrapper::after {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    clip-path: polygon(25% 0%, 100% 6%, 100% 92%, 76% 100%, 0 93%, 0 7%);
    background: #EDFBFF;
    z-index: 0;
}

.home__page .works__wrapper .row {
    margin-top: 6rem;
}

.home__page .works__wrapper a.linked:hover {
    text-decoration: none;
}

.home__page .works__wrapper .row>div {
    padding: 1rem;
}


.home__page .works__wrapper .content {
    background: #FFFFFF;
    border: 1px solid #E7E7E7;
    box-sizing: border-box;
    box-shadow: 0px 4px 20px rgba(18, 115, 235, 0.15);
    border-radius: 1rem;
    padding: 1.75rem 2.8rem;
    transition: all .3s ease-in-out;
    flex-direction: column;
    margin-bottom: 35px;
}

.home__page .works__wrapper .content .lead {
    font-weight: 400;
    font-size: 2rem;
    line-height: 2.4rem;
    letter-spacing: 0.02em;
    color: #101010;
    margin-bottom: 0;
    width: calc(100% - 4rem);
    padding-left: 1rem;
    text-transform: capitalize;
}

.home__page .works__wrapper .content:hover {
    transform: translateY(-1rem);
    box-shadow: 4px 7px 30px rgba(18, 115, 235, 0.25);
}


.home__page .process__wrapper.ptb-5 {
    padding-top: 4.8rem;
}


.home__page .process__wrapper .top_heading {
    background: #475099;
    color: #fff;
}

.home__page .process__wrapper .row {
    
    margin-top: 4.1rem;
}

.home__page .process__wrapper .custom_col {
    width: 20%;
    flex: 0 0 20%;
    padding: 0;
    border-bottom: 1px solid #E7E7E7;
    border-right: 1px solid #E7E7E7;
    transition: all .3s ease-in-out;
}

.home__page .process__wrapper .custom_col:hover {
    background-color: #0072FF6E;
}

.home__page .process__wrapper .custom_col:nth-child(1) {
    border-left: 1px solid #E7E7E7;
}

.home__page .process__wrapper .custom_col:nth-child(1),
.home__page .process__wrapper .custom_col:nth-child(2),
.home__page .process__wrapper .custom_col:nth-child(3),
.home__page .process__wrapper .custom_col:nth-child(4),
.home__page .process__wrapper .custom_col:nth-child(5) {
    border-top: 1px solid #E7E7E7;
}

.home__page .process__wrapper .custom_col:nth-child(6) {
    border-left: 1px solid #E7E7E7;
}

.home__page .process__wrapper .custom_col.custom_col_2 {
    width: 40%;
    flex: 0 0 40%;
    background: #27AE61;
}

.home__page .process__wrapper .custom_col.custom_col_2:hover {
    background: #15753F;
}

.home__page .process__wrapper .custom_col.bg {
    background-color: #1273EB;
}

.home__page .process__wrapper .custom_col.bg:hover {
    background-color: #1861BB;
}

.home__page .process__wrapper .custom_col.bg.white {
    background-color: #fff;
}

.home__page .process__wrapper .custom_col.bg.white .title {
    font-size: 2rem;
    color: #011EA1;
}

.home__page .process__wrapper .custom_col.bg.white .text {
    color: #101010;
    font-size: 1.7rem;
}



.home__page .process__wrapper .custom_col .content {
    padding: 3rem 2rem;
}

.home__page .process__wrapper .custom_col .content .title {
    font-size: 3.2rem;
    line-height: 3.9rem;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    margin-bottom: 0.7rem;
    margin-top: 1.3rem;
}

.home__page .process__wrapper .custom_col .content .text {
    font-size: 2rem;
    color: #fff;
    font-weight: 400;
    margin-bottom: 0;
}

.home__page .process__wrapper .custom_col .content .lead {
    font-size: 2rem;
    font-weight: 600;
    color: #fff;
    text-align: left;
    margin-bottom: .5rem;
}

.home__page .process__wrapper .custom_col .content ul li {
    color: #fff;
    list-style-type: none;
    text-align: left;
    font-size: 1.7rem;
}

.home__page .process__wrapper.technology.ptb-5 {
    padding-top: 8.4rem;
}

.home__page .process__wrapper.technology .top_heading {
    background: #EAF2FD;
    color: #1273EB;
}

.home__page .process__wrapper.technology .row {
    border: none;
    box-shadow: 0px 2px 20px rgba(18, 115, 235, 0.15);
    padding: 2.2rem;
    margin-top: 4.4rem;
}

.home__page .process__wrapper.technology .row>div {
    border: 0;
    padding: 3.2rem 1rem;
}

.home__page .process__wrapper.technology .row>div:hover {
    background-color: #fff;
}

.home__page .process__wrapper.technology .row>div img {
    transition: all .3s ease-in-out;
}

.home__page .process__wrapper.technology .row>div:hover img {
    transform: scale(1.2);
}

.home__page .portfolio__wrapper {
    background: #EDFBFF;
    position: relative;
    padding-top: 5rem;
}

.home__page .portfolio__wrapper .top_heading {
    background: #fff;
}

.home__page .portfolio__wrapper .heading {
    max-width: 85.4rem;
    margin-left: auto;
    margin-right: auto;
}

.home__page .portfolio__wrapper .row {
    margin-top: 4rem;
}

.home__page .portfolio__wrapper .row>div {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem;
}

.home__page .portfolio__wrapper .item__box {
    position: relative;
    overflow: hidden;
}

.home__page .portfolio__wrapper .item__box .caption {
    position: absolute;
    bottom: 0%;
    left: 0%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    z-index: 11;
    align-items: center;
    transform: translateY(100%);
    transition: all .3s ease-in-out;
}

.home__page .portfolio__wrapper .item__box .caption .details {
    width: calc(100% - 7rem);
    padding-left: 1rem;
}

.home__page .portfolio__wrapper .item__box .caption .details .lead {
    font-size: 2.4rem;
    color: #fff;
    font-weight: 600;
}

.home__page .gallery__wrapper.ptb-5 {
    padding-top: 6rem;
}

.home__page .portfolio__wrapper .item__box .caption .details span {
    color: #fff;
    display: block;
    font-size: 1.7rem;
    font-weight: 400;
}

.home__page .portfolio__wrapper .item__box .caption .link {
    background-color: #1273EB;
    color: #fff;
    width: 7rem;
    height: 7rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.home__page .portfolio__wrapper .item__box .caption .link:hover {
    text-decoration: none;
    background-color: #27AE61;
}

.home__page .portfolio__wrapper .item__box::after {
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(179.97deg, rgba(255, 255, 255, 0) 0.03%, #141765 99.97%);
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    transition: all .2s ease-in-out;
    transform: scaleY(0);
}

.home__page .portfolio__wrapper .item__box:hover .caption {
    transform: translateY(0);
}

.home__page .portfolio__wrapper .item__box:hover::after {
    transform: scaleY(1);
}

.home__page .portfolio__wrapper .dot_1 {
    opacity: .4;
    margin-top: 1rem;
    left: -11%;
    position: relative;
    filter: grayscale(100%) brightness(115%) hue-rotate(323deg) saturate(126%) opacity(43%) contrast(79%);
    -webkit-filter: grayscale(100%) brightness(115%) hue-rotate(323deg) saturate(126%) opacity(43%) contrast(79%);
    -moz-filter: grayscale(100%) brightness(115%) hue-rotate(323deg) saturate(126%) opacity(43%) contrast(79%);
}

.home__page .portfolio__wrapper .row {
    position: relative;
}

.home__page .portfolio__wrapper .dot__banner2 {
    position: absolute;
    top: -8%;
    left: -2%;
    opacity: .4;
    filter: grayscale(100%) brightness(115%) hue-rotate(323deg) saturate(126%) opacity(43%) contrast(79%);
    -webkit-filter: grayscale(100%) brightness(115%) hue-rotate(323deg) saturate(126%) opacity(43%) contrast(79%);
    -moz-filter: grayscale(100%) brightness(115%) hue-rotate(323deg) saturate(126%) opacity(43%) contrast(79%);
}

.home__page .portfolio__wrapper .dot__banner {
    position: absolute;
    bottom: 15%;
    right: 2%;
    opacity: .4;
    filter: grayscale(100%) brightness(115%) hue-rotate(323deg) saturate(126%) opacity(43%) contrast(79%);
    -webkit-filter: grayscale(100%) brightness(115%) hue-rotate(323deg) saturate(126%) opacity(43%) contrast(79%);
    -moz-filter: grayscale(100%) brightness(115%) hue-rotate(323deg) saturate(126%) opacity(43%) contrast(79%);
}

.home__page .testi__wrapper .owl-carousel {
    margin-top: 4.5rem;
}

.home__page .testi__wrapper .owl-item {
    padding: 5rem 2rem 2rem 2rem;
}

.home__page .testi__wrapper .items {
    background: #FFFFFF;
    box-shadow: 0px 2px 20px rgba(18, 115, 235, 0.15);
    padding: 6rem 3rem 3rem 3rem;
    position: relative;
    
}

.home__page .testi__wrapper .items .client__img {
    width: 10rem !important;
    height: 10rem;
    border-radius: 50%;
    position: absolute;
    top: -5rem;
}

.home__page .testi__wrapper .items .quote {
    width: 2rem !important;
    height: 2rem;
}

.home__page .testi__wrapper .items .testi {
    width: calc(100% - 2rem);
    padding-left: 1rem;
    min-height: 12rem;
    max-height: 12rem;
    overflow-y: auto;
    margin-bottom: 1rem;
}

.home__page .testi__wrapper .items .client__details {
    background: #F7F7F7;
    padding: 1rem 1.5rem;
}

.home__page .testi__wrapper .items .client__details .name {
    font-size: 2rem;
    font-weight: 600;
    color: #101010;
}

.home__page .testi__wrapper .items .client__details span {
    color: #141765;
    font-size: 1.7rem;
    font-weight: 400;
}

.home__page .testi__wrapper .items .client__details .ratings li {
    list-style-type: none;
    width: 2.5rem;
    height: 2.5rem;
    font-size: 1.75rem;
    background: #DCDCE6;
    color: #fff;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin: 0 .1rem;
}

.home__page .testi__wrapper .items .client__details .ratings li.active {
    background: #27AE61;
}

.home__page .testi__wrapper .owl-dots {
    display: flex;
    justify-content: center;
}

.home__page .testi__wrapper .owl-dots .owl-dot {
    margin: 0 .2rem;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #FFFFFF;
    border: 2px solid #E7E7E7;
    box-sizing: border-box;
    display: block;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0%;
}

.home__page .testi__wrapper .owl-dots .owl-dot.active span {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #1273EB;
    display: block;
}

.home__page .gallery__wrapper .top_heading {
    background-color: #475099;
    color: #fff;
}

.home__page .gallery__wrapper .heading {
    margin-bottom: 3rem;
}



.home__page .stories__wrapper .row {
    margin-top: 4.1rem;
}

.home__page .stories__wrapper .item__box {
    background: #FFFFFF;
    border: 1px solid #E7E7E7;
    box-sizing: border-box;
    box-shadow: 0px 2px 20px rgba(18, 115, 235, 0.15);
    padding: 3rem;
    position: relative;
}

.home__page .stories__wrapper .item__box img {
    max-height: 8rem;
}

.home__page .stories__wrapper .item__box .flag__banner {
    position: absolute;
    bottom: 1.5rem;
    right: 1.5rem;
    width: 30px;
    height: 20px;
}

.home__page .stories__wrapper .item__box .title {
    font-size: 2rem;
    font-weight: 600;
    color: #101010;
    display: block;
    margin: 2rem 0 1rem 0;
    font-family: 'Livvic', sans-serif;
}

.home__page .stories__wrapper .item__box .title:hover {
    color: #1067DB;
}

.home__page .stories__wrapper .item__box .link {
    font-style: italic;
    color: #1273EB;
    letter-spacing: 0.02em;
    margin-top: 1rem;
    display: inline-block;
    font-size: 1.7rem;
    font-family: 'Livvic', sans-serif;
}

.home__page .stories__wrapper .item__box .link img {
    width: 1.8rem;
    height: auto;
}

.home__page .stories__wrapper .item__box .link:hover {
    color: #27AE61;
    text-decoration: underline;
}

.home__page .stories__wrapper.blogs {
    background: #EDFBFF;
    padding-top: 6rem;
}

.home__page .stories__wrapper.blogs .top_heading {
    background-color: #fff;
}

.home__page .stories__wrapper.blogs .item__box {
    padding: 1rem;
}

.home__page .stories__wrapper.blogs .item__box .banner {
    border-radius: .25rem;
    max-height: 100% !important;
}

.home__page .stories__wrapper.blogs .item__box .details {
    padding: 1rem;
}

.home__page .stories__wrapper.blogs .item__box .date {
    align-items: center;
    font-size: 1.6rem;
}

.home__page .stories__wrapper.blogs .item__box .date img {
    margin-right: .875rem;
}

.home__page .stories__wrapper.blogs .item__box .details .title {
    margin: 0.75rem 0 1rem 0;
}

.d-flex {
    display: flex;
}

.align-items-center {
    align-items: center;
}

footer {
    
    background: none repeat scroll 0 0 #1c1c1c;
    padding: 3rem 0 0 0;
    float: left;
    width: 100%;
}

footer .row .col-lg-4 {
    margin-top: 2rem;
}
footer .row .col-lg-2 {
    margin-top: 2rem;
}


footer .lead {
    font-weight: bold;
    font-size: 2.4rem;
    color: #fff;
    margin-bottom: 3rem;
}

footer .logo__wrapp {
    display: inline-block;
    margin-bottom: 4rem;
}

footer .badge__wrapp {
    display: flex;
    justify-content: space-between;
    max-width: 369px;
}

footer ul li {
    list-style-type: none;
    margin-bottom: 1.2rem;
}

footer ul li a {
    color: #fff;
    transition: all .3s ease-in-out;
    font-size: 1.7rem;
}

footer ul li a:hover {
    text-decoration: underline;
    color: #fff;
    opacity: .7;
}

footer ul li img {
    width: 2rem !important;
    height: 2rem !important;
    margin-top: .5rem;
}

footer ul li .caption {
    width: calc(100% - 2rem);
    padding-left: .5rem;
    color: #fff;
    font-size: 1.7rem;
}

footer ul li .caption strong {
    color: #B9DCFF;
    display: block;
}

footer .bottom__area {
    
    background: none repeat scroll 0 0 #101214;
    padding: 1rem 0;
    margin-top: 4rem;
}

footer .bottom__area .row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

footer .bottom__area .row .col-md-6 {
    flex: 0 0 50%;
    width: 50%;
    float: none;
}

footer .bottom__area p {
    color: #fff;
}

footer .bottom__area ul {
    justify-content: center;
    display: flex;
}

footer .bottom__area ul li {
    margin: 0 .5rem;
}

footer .bottom__area ul a {
    color: #fff;
    font-size: 1.7rem;
    padding: 0 .5rem;
}

@media (min-width: 768px) {
    .home__page .order-md-1 {
        order: 1;
    }

    .home__page .order-md-2 {
        order: 2;
    }

    .order-md-2 {
        order: 2;
    }

    .order-md-1 {
        order: 1;
    }
}

@media (max-width:1400px) {
    footer .lead {
        font-size: 2rem;
    }

    footer ul li a {
        font-size: 1.6rem;
    }

    footer ul li .caption {
        font-size: 1.6rem;
    }

}

@media (max-width:1200px) {
    footer .main__logo__wrapp {
        text-align: center;
        width: 100%;
    }

    footer .logo__wrapp {
        margin-bottom: 2rem;
    }

    footer .badge__wrapp {
        margin: 0 auto 2rem auto;
    }

    footer .lead {
        margin-bottom: 2rem;
    }

}










@media (max-width: 768px) {
    footer .bottom__area .row .col-md-6 {
        flex: 0 0 100%;
        width: 100%;
    }
}

@media (max-width:1400px) {
    .home__page .header__wrapper .content h1 {
        font-size: 4.3rem;
    }

    .home__page .header__wrapper .content h1 span {
        font-size: 3rem;
    }

    .home__page .header__wrapper .content .text {
        font-size: 1.6rem;
    }

    .home__page .top_heading {
        font-size: 1.6rem;
    }

    .home__page .heading {
        font-size: 26px;
    }

    .home__page .process__wrapper .custom_col .content .text {
        font-size: 1.7rem;
    }

    .home__page .process__wrapper .custom_col .content .title {
        font-size: 3rem;
        line-height: 3.5rem;
        font-weight: 500;
        margin-bottom: 0rem;
    }

    .home__page p {
        font-size: 1.6rem;
    }
}

@media (max-width: 1199px) {
    .home__page .client__wrapper .custom-col {
        width: 25%;
        flex: 0 0 25%;
    }
}

@media (max-width: 992px) {


    .home__page .header__wrapper .content h1 {
        font-size: 3.8rem;
    }

    .home__page .heading {
        font-size: 26px;
    }

    .home__page .top_heading {
        font-size: 1.5rem;
    }

    .home__page .client__wrapper .custom-col {
        width: 33.33%;
        flex: 0 0 33.33%;
    }

    .home__page .works__wrapper .content .lead {
        font-size: 1.7rem;
    }

    .home__page .process__wrapper .custom_col:nth-child(3),
    .home__page .process__wrapper .custom_col:nth-child(4),
    .home__page .process__wrapper .custom_col:nth-child(5) {
        border-top: 0;
    }

    .home__page .process__wrapper .custom_col:nth-child(3),
    .home__page .process__wrapper .custom_col:nth-child(5),
    .home__page .process__wrapper .custom_col:nth-child(9) {
        border-left: 1px solid #E7E7E7;
    }

    .home__page .process__wrapper .custom_col:nth-child(7),
    .home__page .process__wrapper .custom_col:nth-child(8) {
        border-bottom: 0;
    }

    .home__page .process__wrapper .custom_col:nth-child(6) {
        border-left: 0;
    }

    .home__page .process__wrapper .custom_col .content .title {
        font-size: 2.6rem;
    }

    .home__page .process__wrapper .custom_col .content .text {
        font-size: 1.8rem;
    }

    .home__page .process__wrapper .custom_col.res_br.top {
        border-top: 1px solid #E7E7E7;
    }

    .home__page .process__wrapper .custom_col.res_had {
        border-right: 1px solid #E7E7E7;
    }

    .home__page .process__wrapper .custom_col {
        width: 50%;
        flex: 0 0 50%;
    }

    .home__page .process__wrapper .custom_col.custom_col_2 {
        width: 100%;
        flex: 0 0 100%;
    }

    .home__page .portfolio__wrapper .item__box .caption {
        transform: translateY(0%);
    }

    .home__page .portfolio__wrapper .item__box::after {
        transform: scaleY(1);
    }
}

@media (max-width: 767px) {
    .home__page .client__wrapper .custom-col {
        padding: .65rem .875rem;
    }

    .home__page .process__wrapper .custom_col .content {
        padding: 2rem 1rem;
    }

    .home__page .process__wrapper .custom_col .content .title {
        font-size: 2.2rem;
    }

    .home__page .process__wrapper .custom_col .content .text {
        font-size: 1.4rem;
        line-height: 1.3;
    }

    .home__page .process__wrapper .custom_col .content ul li {
        font-size: 1.4rem;
    }

    .home__page .process__wrapper .custom_col .content .lead {
        font-size: 1.5rem;
    }

    .home__page .top_heading {
        font-size: 17px;
        width: 200px;
        height: 50px;
    }

    .home__page .heading {
        font-size: 2.6rem;
        line-height: 1.3;
    }

    footer .row .col-md-5 {
        width: 40%;
        float: left;
    }

    footer .row .col-md-7 {
        width: 60%;
        float: left;
    }

    .home__page .portfolio__wrapper .dot__banner2 {
        display: none;
    }


}

@media (max-width: 575px) {

    .home__page .col-12 {
        width: 100%;
    }

    .home__page .client__wrapper .custom-col {
        width: 50%;
        flex: 0 0 50%;
    }

    .home__page p {
        font-size: 1.5rem;
        line-height: 2rem;
    }

    .home__page .testi__wrapper .owl-item {
        padding: 4rem 1rem 1rem 1rem;
    }

    .home__page .ptb-5 {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    .home__page .header__wrapper {
        margin-top: -12.4rem;
    }

    .home__page .header__wrapper .content .lead {
        font-weight: 500;
        font-size: 1.6rem;
    }

    .home__page .header__wrapper .content h1 {
        font-size: 2.7rem;
        font-weight: 600;
        margin-top: 1rem;
        line-height: 1.3;
    }

    .home__page .header__wrapper .content h1 span {
        font-size: 1.9rem;
        font-weight: 500;
    }

    .home__page .header__wrapper .content .text {
        font-size: 1.4rem;
        margin-top: 1rem;
    }

    .home__page .client__wrapper .heading {
        margin-bottom: 2.1rem;
    }

    .home__page .header__wrapper .content .col-md-6.col-sm-6.col-xs-6.col-12 {
        width: 50% !important;
    }

    .home__page .header__wrapper .content .service__box {
        align-items: center;
    }

    .home__page .header__wrapper .video__box .btn img {
        width: 4.5rem;
    }

    .home__page .client__wrapper .custom-col .content {
        min-height: 11rem;
    }

    .home__page .header__wrapper .content .service__box img {
        width: 2.6rem;
        height: 2.6rem;
    }

    .home__page .header__wrapper .content .service__box p {
        font-size: 1.3rem;
        width: calc(100% - 2.6rem);
        line-height: 1.2;
        padding-left: 1rem;
    }

    .home__page .client__wrapper .row {
        max-height: 37.5rem;
        overflow-y: auto;
        padding-bottom: 1rem;
    }

    .home__page .works__wrapper .row {
       
		margin-top: 60px;
    }

    .home__page .about__wrapper .bootom__dots,
    .home__page .portfolio__wrapper .dot__banner {
        display: none;
    }

    .home__page .testi__wrapper .owl-item {
        padding: 6rem 1rem 1rem 1rem;
    }

    .home__page .testi__wrapper .owl-carousel {
        margin-top: 0;
    }

    .home__page .stories__wrapper .row {
        margin-top: 2.1rem;
    }

    .home__page .portfolio__wrapper .item__box .caption .details .lead {
        font-size: 1.8rem;
    }

    .home__page .portfolio__wrapper .item__box .caption .details span {
        font-size: 1.4rem;
    }

    .home__page .portfolio__wrapper .item__box .caption .link {
        width: 5rem;
        height: 5rem;
    }

    .home__page .portfolio__wrapper .item__box .caption .link img {
        width: 2rem;
        height: 2rem;
    }

    .home__page .portfolio__wrapper .item__box .caption .details {
        width: calc(100% - 5rem);
    }

    .home__page .testi__wrapper .items .client__img {
        width: 7rem !important;
        height: 7rem;
        top: -3rem;
    }

    .home__page .testi__wrapper .items {
        padding: 5rem 1rem 1rem 1rem;
    }

    .home__page .testi__wrapper .items .quote {
        display: none;
    }

    .home__page .testi__wrapper .items .testi {
        width: 100%;
        padding-left: 0;
    }

    .home__page .about__wrapper .lead {
        font-size: 1.4rem;
        margin-top: 0rem;
    }

    .home__page .testi__wrapper .items .client__details .name {
        font-size: 1.6rem;
    }

    .home__page .testi__wrapper .items .client__details span {
        font-size: 1.4rem;
    }

    .home__page .gallery__wrapper .heading {
        margin-bottom: 1.5rem;
    }

    .home__page .about__wrapper .heading {
        margin: 0rem 0 .7rem 0;
    }

    .home__page .heading {
        font-size: 2.5rem;
    }

    .home__page .about__wrapper .btn-primary {
        padding: 1rem 3rem 1rem 2rem;
        margin-top: 15px;
        font-size: 1.3rem;
    }
    .badge__wrapp img.img-fluid {
		height: 54px;
	}
    .home__page .top_heading {
        
		padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 auto 20px;
    
    }

    .home__page .works__wrapper .content {
        padding: 1rem 1.8rem;
    }

    .home__page .works__wrapper .content .lead {
        font-size: 1.45rem;
    }

    .home__page .process__wrapper .custom_col .content .title {
        font-size: 2rem;
    }

    .home__page .process__wrapper .custom_col .content .text {
        font-size: 1.3rem;
    }

    .home__page .process__wrapper .custom_col.bg.white .title {
        font-size: 1.8rem;
    }

    .home__page .process__wrapper .custom_col.bg.white .text {
        font-size: 1.4rem;
    }

    .home__page .process__wrapper .custom_col .content ul li {
        font-size: 1.34rem;
    }

    .home__page .process__wrapper.technology.ptb-5 {
        padding-top: 4.4rem;
    }

    .home__page .process__wrapper.technology .row {
        padding: 0;
        margin-top: 1rem;
        box-shadow: none;
        margin-left: -.5rem;
        margin-right: -.5rem;
    }

    .home__page .process__wrapper.technology .row>div {
        padding: .5rem;
    }

    .home__page .process__wrapper.technology .row>div .img__box {
        padding: 1rem;
        box-shadow: 0px 4px 20px rgba(18, 115, 235, 0.15);
        min-height: 6.5rem;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .home__page .process__wrapper.technology .row>div img {
        max-height: 4.5rem;
    }

    .home__page .stories__wrapper .row>div {
        padding-top: 0;
        padding-bottom: 0;
    }

    .home__page .stories__wrapper .row>div:not(:last-child) .item__box {
        border-bottom: 0;
    }

    .home__page .stories__wrapper .item__box {
        box-shadow: none;
    }

    .home__page .stories__wrapper .item__box .title {
        font-size: 1.6rem;
    }

    .home__page .stories__wrapper .item__box .link {
        font-size: 1.4rem;
    }

    .home__page .portfolio__wrapper .row {
        margin-top: 1.5rem;
    }

    .home__page .portfolio__wrapper .row>div {
        padding-bottom: 1rem;
        padding-top: 0;
    }

    .home__page .process__wrapper .row {
        margin-top: 2rem;
    }

    .home__page .testi__wrapper .items .client__details .ratings li {
        width: 2rem;
        height: 2rem;
        font-size: 1.25rem;
    }


    footer .lead {
        margin-bottom: 1rem;
        font-size: 1.6rem;
        font-weight: 500;
    }

    footer ul li a {
        font-size: 1.4rem;
    }

    footer ul li {
        margin-bottom: .6rem;
    }

    footer ul li .caption {
        font-size: 1.4rem;
    }

    footer ul li .caption strong {
        display: inline-block;
    }

    footer .bottom__area {
        margin-top: 2rem;
    }

    footer .bottom__area p {
        text-align: center;
        line-height: 1.2;
        padding-bottom: 4rem;
        margin-top: 1rem;
    }
}




.breadcrumb-left-content h1 {
    text-transform: uppercase;
    position: relative;
    font-size: 36px;
    font-weight: 500;
    color: #fff;
    letter-spacing: 0px;
    line-height: 40px;
}




.job_opening_table {
    width: 100%;
}

.drop_your_cv_row {
    text-align: center;
}

.drop_your_cv_btn {
    text-align: center;
    background: #42a5f5;
    background: -moz-linear-gradient(top, #42a5f4 0, #2196f4 100%);
    background: -webkit-linear-gradient(top, #42a5f4 0, #2196f4 100%);
    background: linear-gradient(to bottom, #42a5f4 0, #2196f4 100%);
    max-width: 370px;
    padding: 10px 50px;
    color: white;
    font-size: 16px;
    width: 100%;
    display: block;
    margin: 0 auto;
    margin-bottom: 20px;
}

.padding_left {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.package_countact_us_btn {
    color: #034d92 !important;
}

.land-form #request-quote_form>input {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
    color: #000000;
    height: 40px;
    margin-top: 5px;
    padding: 0 10px;
}

.land-form #request-quote_form>textarea {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
    margin-top: 5px;
    color: #000000;
    padding: 6px 10px;
}

.land-form #request-quote_form>.common-btn.ban_btn {
    border-radius: 0;
    height: 40px;
    line-height: 22px;
    margin: 4px 0;
    width: 100%;
}

.application-area .main-heading {
    text-transform: none !important;
}

.single-technology a:hover {
    text-decoration: underline;
}

.disabled_btn:hover {
    cursor: not-allowed !important;
}

.technology_carousel .owl-stage {
    margin: auto;
}

.new_sec_title a {
    color: #12bdf6;
}



.btn-solid-primary {
    font-size: 1.5rem;
    padding: 1rem;
    line-height: 1rem;
    background: linear-gradient(to bottom, #42a5f4 0, #2196f4 100%);
    border: 1px solid #42a5f4;
    color: #fff;
    border-radius: 0;
    position: relative;
    transition: all 0.3s ease-in-out;
}

.link-hover {
    color: #2196f4;
}

.link-hover:hover {
    color: #034d92;
    text-decoration: underline;

}

.btn-solid-primary:hover {
    background: linear-gradient(to bottom, #034d92 0, #034d92 100%);
    color: #fff;
    border-color: #034d92;
}

.career--details-box {
    background: #f9f9f9;
    padding: 20px;
    margin: 30px;
}

.career--details-box .content-box {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    margin-bottom: 1.7rem;
    padding: 1.5rem;
}

.career--details-box .content-box .title {
    font-weight: 500;
    color: #363636;
    font-size: 1.8rem;
    min-height: 6rem;
    line-height: 2.8rem;
}

.career--details-box .content-box .table td:nth-child(1) {
    font-weight: 500;
    color: #333;
    font-size: 16px;
}

.career--details-box .content-box .table td {
    border-bottom: none;
    
    font-size: 16px;
    color: #4e4e4e;
    border: none;
    background: none;
    padding: 8px;
}

.career--details-box .content-box .btn-box .btn {
    margin-top: 1rem;
}

.career--details-box .content-box .btn-box .details-btn {
    padding: 1rem;
    background: transparent;
    color: #034d92;
    border-color: #034d92;
}

.career--details-box .content-box .btn-box .details-btn:hover {
    background: linear-gradient(to bottom, #42a5f4 0, #2196f4 100%);
    border: 1px solid #42a5f4;
    color: #fff;
}

.career--details-box .content-box:hover {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
}

.job--details .row>div {
    margin-top: 1.5rem;
}

.job--details .row>.items {
    padding: 20px;
}

.job--details .details-box .heading {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    color: #363636;
    font-size: 2rem;
    line-height: 3rem;
    margin-bottom: 1.5rem;
}


.job--details .lead {
    font-weight: 500;
    color: #234e72;
    font-size: 1.5rem;
}

.job--details p {
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 0.5px;
    line-height: 25px;
}

.description__box {
    font-size: 1.6rem;
    font-weight: 300;
}

.description__box ul li {
    display: flex;
    align-items: flex-start;
    margin-bottom: .5rem;
}

.description__box ul li::before {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #000000;
    display: block;
    margin-top: 7px;
    margin-right: 5px;
}

.job--details .details-box .data-table .table p {
    border: none !important;
    font-size: 15px !important;
    font-weight: 300 !important;
    letter-spacing: 0.5px !important;
    line-height: 25px !important;
}

.job--details .details-box .title {
    font-size: 1.5rem;
    font-weight: 500;
}

.job--details .content-box .btn-solid-primary {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    font-size: 1.125rem;
    padding: 0.9rem 1.2rem 0.9rem 1rem;
}

.job--details .content-box .apply-btn {
    font-size: 1.5rem !important;
    background: transparent;
    background-color: #0e90d0 !important;
    padding: 2rem;
    border: 0;
    border-radius: .5rem;
}

.job--details .content-box .apply-btn:hover {
    background-color: #0d7bb3 !important;
}

.job--details .content-box .btn-solid-primary i {
    margin-right: 1rem;
}

.job--details .content-box .title {
    font-size: 16px;
    
    text-align: center;
    
    font-weight: 700;
    color: #3a3a3a;
    padding: 2rem 0 0.3rem 0;
    margin: 15px;
}

.job--details .content-box .job-box .job-item {
    padding: 1.3rem;
}

.job--details .content-box .job-box .job-item .job-title {
    
    font-size: 1.7rem;
    font-weight: 500;
    text-decoration: none;
    color: #2196f4;
    display: block;
    margin-bottom: 0.1rem;
}

.job--details .content-box .job-box .job-item .job-title:hover {
    color: #034d92;
    text-decoration: underline;
}

.job--details .content-box .job-box .job-item .text {

    font-size: 1.5rem;
    margin-bottom: 0.2rem;
}

.job--details .content-box .job-box .job-item .categories {

    font-size: 1.4rem;
    
    color: #585858;
    margin-bottom: 0;
}

.job--details .content-box .job-box .job-item .categories .divider {
    font-size: 1.3rem;
    margin: 0 0.3rem;
}

.job--details .content-box .job-box {
    border: 1px solid #d2d2d2;
}

.job--details .content-box .job-box .job-item:not(:last-child) {
    border-bottom: 1px solid #d2d2d2;
}

.pl-3.d-inline-block {
    padding-left: 1rem;
    display: inline-block;
}

.job--details {
    padding-bottom: 10vh;
}


@media (max-width:767px) {
    .breadcrumb-left-content h1 {
        font-size: 18px;
        font-weight: 600;
        line-height: 27px;
    }

    .breadcrumb-left-content h2 {
        font-size: 18px;
        font-weight: 600;
        line-height: 27px;
    }

    .fixed_height {
        height: 730px;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .career--details-box .content-box .btn-box .details-btn.ml-2 {
        margin-left: 0 !important;
    }
}

@media (max-width: 576px) {
    .job--details .details-box .heading {
        font-size: 1.8rem;
        line-height: 2.4rem;
    }

    .job--details .details-box .data-table .table td:nth-child(1) {
        width: 123px;
    }
}

.include_hiring_row {
    width: 100%;
}

.float-right {
    float: right;
}



@media (min-width: 1400px) {
    .rev_slider_two .tparrows {
        right: 6.1% !important;
    }
}

@media (max-width: 1366px) {
    .rev_slider_two .tparrows {
        right: 6.5% !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {

    .project-counter-section,
    .skill-section {
        overflow-x: hidden;
    }
}

@media (max-width: 1024px) {

    .skill-section:before,
    .project-counter-section:before,
    .themeshape-left:after,
    .themeshape-right:before,
    .skill-section:after,
    .project-counter-section:after {
        content: none;
    }

    .themeshape-left,
    .themeshape-left-inner,
    .themeshape-right,
    .themeshape-right-inner {
        transform: skewX(0deg);
        -ms-transform: skewX(0eg);
        -webkit-transform: skewX(0deg);
    }

    .themeshape-left,
    .themeshape-left.counter-left {
        margin-top: 0;
        text-align: center;
    }

    .themeshape-left-inner {
        background: url(/images/bg/color1-section.png) no-repeat center center;
    }

    .blue .themeshape-left-inner {
        background: url(/images/bg/color3-section.png) no-repeat center center;
    }

    .skill-content:first-of-type {
        margin-left: 55px;
    }

    .service-tab .nav-tabs>li {
        width: 165px;
    }

    .service-one-section .nav>li>a {
        padding: 10px 0;
    }

    .service-tab .panel-body {
        padding-top: 30px;
    }

    .grid-item {
        width: 30.60%;
        margin-bottom: 30px;
        overflow: hidden;
    }

    .client-slider .item img {
        width: 100px;
    }

    ul.working-step {
        transform: rotate(45deg) translate(107px, -315px);
    }

    .subscribe-form-area {
        width: 35%;
    }

    .blog-content {
        padding: 30px 15px 28px 0;
        margin-left: 20px;
    }

    .service-two-content {
        background: none;
    }

    .service-two-content .theme-bullet {
        display: none;
    }

    .circle-service-list li:first-child {
        padding-left: 70px;
    }

    .service-two-item.right-align {
        margin-left: 295px;
    }

    .service-two-item .right-circle {
        margin-right: 8px;
    }

    .service-two-item>h4 {
        margin-right: 8px;
    }

    .service-two-item.right-align.middle {
        margin-left: 306px;
    }

    .circle-service-list li:last-child {
        padding-left: 50px;
    }

    .service-two-item.right-align.last {
        margin-left: 310px;
    }

    .team-two-slider-thumb {
        margin-left: 12px;
        position: absolute;
    }

    .team-two-slider-thumb img {
        margin-top: 15px;
        height: 440px;
    }

    .gallery-widget ul li:nth-child(3) {
        margin-right: 30px;
    }

    .tag-widget ul li:nth-child(4) {
        margin-right: 7px;
    }
}

@media (max-width: 1024px) and (min-width: 992px) {
    .service-two-section .section-title {
        margin-bottom: 180px;
    }

    .dotted-circle {
        display: none;
    }

    .blog-list-area .blog-with-sidebar .blog-content p {
        font-size: 13px;
    }

    .blog-column-two-area .blog-content p {
        font-size: 13px;
        line-height: 24px;
        margin-bottom: 15px;
    }

    .blog-column-two-area .blog-content {
        padding: 30px 20px 30px 0;
    }

    .post-title {
        width: 60%;
        margin-left: 15px;
    }

    .post-title a h5 {
        font-size: 12px;
    }

    .navbar-two #threesteps-navbar-collapse .navbar-nav li a {
        padding: 0 12px;
    }

    .has-sub-menu.mobile .sub-trigger {
        display: none;
    }

    .topbar-contact-info li {
        padding-right: 0;
    }

    .navbar-two {
        width: 61.7%;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .skill-content:first-of-type {
        margin-left: 27px;
    }

    .skill-content {
        margin-left: 45px;
    }

    .service-thumb {
        display: none;
    }

    ul.working-step {
        transform: rotate(45deg) translate(156px, -251px);
    }

    .skill-content.complete-project-content {
        margin-left: 35px;
    }

    .blog-section .blog-thumb {
        margin-bottom: 30px;
    }

    .subscribe-form-area {
        width: 45%;
    }

    .service-mockup {
        display: none;
    }

    .circle-service-list li:first-child {
        padding-left: calc(100% * 1.9/9.5);
    }

    .service-two-item.right-align {
        margin-left: 40px;
    }

    .circle-service-list li.middle {
        padding-left: 73px;
    }

    .service-two-item.right-align.middle {
        margin-left: 52px;
    }

    .circle-service-list li:last-child {
        padding-left: 121px;
    }

    .service-two-item.right-align.last {
        margin-left: 55px;
    }

    .dotted-circle {
        position: absolute;
        height: 458px;
        width: 2px;
        top: -35px;
        left: 12px;
        right: 0;
        z-index: -1;
        margin-left: auto;
        margin-right: auto;
        border-radius: 0;
        border-left: 1px dotted #ff0081;
    }

    .team-two-slider-content {
        padding-left: 260px;
        padding-top: 112px;
        padding-bottom: 145px;
    }

    .team-two-slider .flex-control-nav {
        left: 260px;
        bottom: 0;
    }

    .team-two-slider-thumb {
        margin-left: -1px;
        position: absolute;
    }

    .team-two-slider-thumb img {
        margin-top: 104px;
        height: 385px;
    }

    .blog-list-area .blog-with-sidebar .blog-content {
        transform: skewX(10deg);
        -ms-transform: skewX(10deg);
        -webkit-transform: skewX(10deg);
    }

    .author-description p {
        font-size: 14px;
    }
}

@media (max-width: 991px) {

    
    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-collapse.collapse.in {
        display: block !important;
    }

    .navbar-header .collapse,
    .navbar-toggle {
        display: block !important;
    }

    .navbar-header {
        float: none;
        border-bottom: none;
    }

    .navbar-toggle .icon-bar {
        background: #fff;
    }

    .navbar-two {
        transform: skew(0);
        -webkit-transform: skew(0);
        width: 100%;
    }

    .navbar-brand {
        display: inline-block;
    }

    .navbar-two .navbar-nav {
        padding-top: 25px;
        text-align: left !important;
    }

    .navbar-two-inner {
        transform: skew(0);
        -webkit-transform: skew(0);
        z-index: 999;
    }

    .navbar-nav>li {
        float: none !important;
        display: block;
    }

    .navbar-two .navbar-right {
        float: left !important;
    }

    .navbar-two-left {
        display: none;
    }

    .navbar-two #threesteps-navbar-collapse .navbar-nav li a {
        height: auto;
        line-height: 20px;
        padding: 10px 15px;
    }

    #header2 .container {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .topbar {
        display: none;
    }

    .navbar-home-two {
        padding: 12px 0;
        background-color: #673ab7;
    }

    .navbar-brand {
        height: auto;
        padding: 8px 15px;
    }

    .navbar-toggle {
        padding: 12px 15px;
    }

    .team-member-thumb,
    .pricing-table {
        margin-bottom: 30px;
    }

    .team-member-thumb.last-item,
    .pricing-table.last-item,
    .blog-section .blog-thumb.last-item {
        margin-bottom: 0;
    }
}

@media (min-width: 736px) and (max-width: 768px) {
    .blog-page.blog-column-two-area .blog-content {
        transform: skewX(10deg);
        -ms-transform: skewX(10deg);
        -webkit-transform: skewX(10deg);
    }
}

@media (max-width: 767px) {
    .footer-widgets {
        margin-bottom: 50px;
    }

    .section-title {
        padding-bottom: 20px;
    }

    .skill-content:first-of-type {
        margin-left: 35px;
    }

    .skill-content {
        margin-left: 35px;
    }

    .grid-item {
        width: 47%;
    }

    .client-slider.owl-theme .owl-nav .owl-prev {
        left: -20px;
    }

    .client-slider.owl-theme .owl-nav .owl-next {
        right: -20px;
    }

    ul.working-step {
        transform: rotate(45deg) translate(135px, -245px);
    }

    .footer-widgets.last-item {
        margin-bottom: 0;
    }

    .section-title {
        text-align: center;
        padding-left: 0;
        background-position: center center;
    }

    .team-two-slider-thumb {
        position: relative;
        display: block;
    }

    .team-two-slider-thumb img {
        height: auto;
        background: none;
        height: auto;
        padding-top: 28px;
        margin: 0 auto;
    }

    .team-two-slider-content {
        padding-left: 25px;
        padding-top: 42px;
        padding-bottom: 145px;
        text-align: center;
    }

    .team-two-slider .flex-control-nav {
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        bottom: 0;
    }

    .team-two-slider:before {
        content: none;
    }

    .menu-trigger {
        top: 5px;
    }

    .blog-list-area .blog-thumb {
        display: block;
    }

    .blog-with-sidebar.blog-thumb img {
        background-color: rgba(103, 58, 183, 1);
        width: 100%;
    }

    .blog-list-area .positiond-blog-content,
    .blog-list-area .blog-content {
        transform: skewX(0deg);
        -ms-transform: skewX(0deg);
        -webkit-transform: skewX(0deg);
        margin-left: 0;
    }

    .blog-list-area .positiond-blog-content {
        position: relative;
        top: 0;
        width: 100%;
    }

    .blog-list-area .blog-thumb.blog-with-sidebar {
        margin-bottom: 80px;
        width: 100%;
    }

    .blog-page.blog-section {
        padding-bottom: 80px;
    }

    .play-button.blog-video {
        left: 0;
        margin-left: auto;
        margin-right: auto;
    }

    .NotGeneric-Title.slide2-title .template-color {
        color: #fff;
    }
}

@media (max-width: 768px) {
    .blog-one-column .blog-thumb {
        display: block;
    }

    .blog-one-column.blog-thumb img {
        background-color: rgba(103, 58, 183, 1);
        width: 100%;
    }

    .blog-one-column .positiond-blog-content,
    .blog-page .blog-content {
        transform: skewX(0deg);
        -ms-transform: skewX(0deg);
        -webkit-transform: skewX(0deg);
    }

    .blog-one-column .positiond-blog-content {
        position: relative;
        top: 0;
        width: 100%;
    }

    .blog-section .blog-thumb.blog-one-column {
        margin-bottom: 80px;
    }

    .blog-single-content .blog-thumb.blog-one-column {
        margin-bottom: 0;
    }

    .blog-list-area {
        margin-bottom: 80px;
    }

    .navbar-three.navbar-default {
        padding: 0;
    }

    .navbar-three .navbar-brand {
        padding: 10px 15px 15px 15px;
        margin-left: 20px !important;
        margin-top: 10px;
    }

    .navbar-three .menu-open.menu-slide {
        width: 100%;
        bottom: 0;
    }

    .navbar-three .menu-open .main-mav {
        background-color: rgba(103, 58, 183, 1);
    }

    .blue .navbar-three .menu-open .main-mav {
        background-color: rgba(72, 79, 240, 1);
    }

    .navbar-three.navbar-fixed-top .container {
        padding: 0;
    }

    .navbar-three .main-mav {
        overflow-y: scroll;
        overflow-x: hidden;
        height: 300px;
    }

    .menu-hack {
        display: none;
    }

    .navbar-three .main-mav>li,
    .navbar-three .main-mav>li>a,
    .navbar-three .has-sub-menu>.sub-menu {
        width: 100%;
    }

    .navbar-three .main-mav>li>a {
        height: 60px;
        line-height: 60px;
        text-align: left;
        color: #fff;
        text-align: center;
    }

    .navbar-three .has-sub-menu>.sub-menu {
        display: block;
        position: inherit;
        left: inherit;
        top: inherit;
        background: none;
        border: none;
    }

    .navbar-three .has-sub-menu>.sub-menu>li>a {
        text-align: center;
        color: #fff;
    }

    .navbar-three .has-sub-menu>.sub-menu>li {
        border-bottom: 1px solid #ff0081;
    }

    .navbar-three .sub-menu>.has-sub-menu>.sub-menu>li>a {
        padding-left: 60px;
    }

    .has-sub-menu.mobile .sub-trigger {
        right: 20px;
        top: 15px;
    }

    .menu-open .main-mav.from-right,
    .menu-open .main-mav.from-left {
        left: 0;
        right: 0;
    }

    .menu-trigger {
        top: 20px;
    }

    .blog-one-column.right-thumb img {
        float: none;
    }

    .blog-one-column.right-thumb .blog-content-left-align {
        transform: skewX(0deg);
        -ms-transform: skewX(0deg);
        -webkit-transform: skewX(0deg);
    }

    .blog-one-column.right-thumb .meta-content {
        left: 20px;
        right: auto;
    }

    .blog-one-column.right-thumb .blog-content {
        text-align: left;
    }

    .blog-one-column.right-thumb .blog-content,
    .blog-one-column .blog-content {
        margin-left: 0;
    }

    .blog-one-column.right-thumb .positiond-blog-content .blog-content {
        padding: 45px 30px 45px 28px;
    }

    .breadcrumb-left-content,
    .breadcrumb-right-content {
        float: none;
    }
}

@media (min-width: 700px) and (max-width: 767px) {

    .team-member-thumb,
    .pricing-table {
        width: 50%;
        margin: 0 auto 30px;
    }

    .skill-content.complete-project-content:first-of-type {
        margin-left: 20px;
    }

    .skill-content.complete-project-content {
        margin-left: 33px;
    }

    .subscribe-form-area {
        width: 40%;
    }

    .blog-section .blog-thumb {
        width: 82%;
        margin: 0 auto 30px;
    }

    .blog-section .blog-thumb.last-item {
        margin-bottom: 0;
    }
}

@media (max-width: 575px) {
    .new_package .single-package-tab-content {
        margin-bottom: 25px;
    }

    .cansay_area {
        margin-top: 0;
    }

    .new_package .col-xs-4 {
        width: 100%;
    }

    .new_package .portal-second-heading {
        margin-bottom: 5px;
    }
}

@media (min-width: 481px) and (max-width: 680px) {
    .skill-content:first-of-type {
        margin-left: 23px;
    }

    .skill-content {
        margin-left: 18px;
    }

    .service-tab .nav-tabs>li {
        width: 150px;
    }

    .team-member-thumb,
    .pricing-table {
        width: 50%;
        margin: 0 auto 30px;
    }

    .skill-content.complete-project-content:first-of-type {
        margin-left: 20px;
    }

    .skill-content.complete-project-content {
        margin-left: 25px;
    }

    .blog-section .blog-thumb {
        width: 90%;
        margin: 0 auto 30px;
    }

    .blog-section .blog-thumb.last-item {
        margin-bottom: 0;
    }

    .subscribe-form-area {
        width: 45%;
    }

    .right-full-menu .right-menu-item .right-menu-item-content .right-menu-logo {
        display: none;
    }

    .right-full-menu .right-menu-item .right-menu-item-content .right-menu-list {
        padding-top: 25px;
        padding-bottom: 20px;
    }

    
    .right-menu-item .footer-social-list li {
        margin-right: 5px;
    }

    .right-full-menu .footer-social-list {
        margin-bottom: 10px;
    }
}

@media (max-width: 480px) {
    .skill-content {
        margin: 0 0 50px 40px;
    }

    .service-tab .nav-tabs>li {
        margin-left: 10px;
    }

    .service-tab-element {
        padding-left: 0;
        text-align: center;
    }

    .service-tab-text .icon {
        display: block;
        text-align: center;
        width: 100%;
        float: left;
        padding-top: 30px;
        padding-left: 0;
        font-size: 72px;
        color: rgba(255, 0, 129, 0.15);
    }

    .grid-item {
        width: 100%;
        margin-bottom: 30px;
        overflow: hidden;
    }

    .portfolio-filter-button button {
        padding-right: 20px;
    }

    .testimonial-content {
        padding-top: 50px;
        width: auto;
    }

    .client-slider .item img {
        width: 82px;
    }

    .client-slider.owl-theme .owl-nav .owl-next {
        right: -20px;
    }

    .client-slider.owl-theme .owl-nav .owl-prev {
        left: -20px;
    }

    ul.working-step {
        transform: rotate(0) translate(100px, 40px);
    }

    .working-process {
        max-height: 650px;
    }

    .work-state-info.text-right {
        left: auto;
        right: -130px;
        top: 18px;
        text-align: left;
        transform: rotate(0) translate(0);
    }

    .work-state-info.text-left,
    .working-step li:last-child .work-state-info {
        right: -110px;
        top: 15px;
        transform: rotate(0) translate(0);
    }

    .skill-content.complete-project-content {
        margin-left: 45px;
    }

    .skill-content.complete-project-content:first-of-type,
    .skill-content.complete-project-content {
        margin-left: 40px;
    }

    .subscribe-form-area {
        position: relative;
        width: 100%;
        min-height: 450px;
    }

    .skill-content:first-of-type {
        margin-left: 40px;
    }

    .footer-social-list li {
        margin-right: 5px;
    }

    .skill-content:first-of-type {
        margin-left: 25px;
    }

    .skill-content {
        margin: 0 0 50px 25px;
    }

    .service-one-section .nav-tabs li a h6 {
        font-size: 11px;
    }

    .service-tab .nav-tabs>li {
        width: 145px;
    }

    .service-tab-text p {
        width: 100%;
    }

    .about-service-faq .collapsecontent {
        padding-left: 40px;
    }

    .about-service-faq .collapsecontent p {
        width: 100%;
    }

    .about-service-faq .panel-collapse.in:before,
    .about-service-faq .panel:before {
        content: none;
    }

    .subscribe-form .text-right,
    .footer-widgets {
        text-align: center;
    }

    .author-widget {
        padding: 35px 0px 0px 0px;
    }

    .author-widget .theme-shape,
    .media .theme-shape {
        position: relative;
        width: 100%;
        left: 0;
        transform: skewX(0deg);
        -ms-transform: skewX(0deg);
        -webkit-transform: skewX(0deg);
    }

    .author-widget .author-thumb {
        transform: skewX(0eg);
        -ms-transform: skewX(0deg);
        -webkit-transform: skewX(0deg);
        background-color: #673ab7;
        margin-left: 0;
        padding: 36px 0 20px 15px;
        width: 100%;
    }

    .comment-thumb {
        transform: skewX(0eg);
        -ms-transform: skewX(0deg);
        -webkit-transform: skewX(0deg);
        margin-left: 0;
        width: 100%;
    }

    .media-left {
        padding-right: 0;
    }

    .media-body {



        width: auto;
        margin-left: 0;
        padding-bottom: 50px;
        margin-top: 50px;
    }

    .comment-list ul li ul {
        margin-left: 0;
    }

    .author-description {
        padding: 30px;
    }

    .comment-form input[type='text'],
    .comment-form input[type='email'] {
        width: 100%;
    }

    .comment-form-area .text-right {
        text-align: center;
    }

    .error-ellips {
        height: 118px;
        width: 96px;
        margin-right: 15px;
        margin-top: 0;
    }

    .error-inner h1 {
        font-size: 100px;
        letter-spacing: 15px
    }

    .error-inner {
        width: 87%;
        margin: 0 auto;
    }

    .error-ellips .theme-bullet {
        top: 30px;
    }

    .opps-text {
        bottom: 20px;
    }

    .error-inner h4 {
        margin-top: 20px;
    }

    .error-btn .common-btn {
        margin-left: 0;
    }

    .contact-info {
        padding: 38px;
    }

    .footer-top {
        padding: 150px 0;
    }

    .breadcrumb-right-content,
    .breadcrumb-left-content {
        float: none;
    }

    .breadcrumb-right-content {
        margin-top: 20px;
    }

    .top-nav-collapse .menu-trigger {
        top: 12px;
    }

    .logo_pack_banner {
        padding-top: 0;
    }

    .single_logo_ban img {
        margin-bottom: 0;
        margin-top: 25px;
    }

    .double_logo_ban .single_logo_ban img {
        width: 188px;
    }

    .new-portal-ban {
        padding: 20px 0 50px 0;
    }

    .single_logo_ban.only-single img {
        margin: 25px 0 0px;
    }
}

@media (min-width: 481px) and (max-width: 568px) {
    .skill-content {
        margin-bottom: 30px;
    }

    .service-tab-text p {
        width: 76%;
        float: left;
    }

    .testimonial-content {
        padding-top: 58px;
        width: 90%;
    }

    ul.working-step {
        transform: rotate(45deg) translate(80px, -201px);
    }

    .comment-form input[type='text'],
    .comment-form input[type='email'] {
        width: 100%;
    }
}

@media (max-width: 375px) {
    #quote-carousel .carousel-indicators li {
        height: 80px;
        width: 80px;
    }

    .testimonial-slider-controlls {
        top: 100px;
    }

    .testimonial-slider-controlls-area .icon {
        top: 10px;
    }

    .client-testimonial-two-section {
        padding-top: 250px;
    }

    #quote-carousel {
        padding: 0;
    }

    #quote-carousel .bullet-list {
        margin-top: 20px;
    }

    .testimonial-slidar-nav {
        bottom: -35px;
    }

    .testimonial-slider-two #quote-carousel .carousel-control.right,
    .testimonial-slider-two #quote-carousel .carousel-control.left {
        top: 40px;
    }

    .about-service-faq .panel-title a {
        font-size: 13px;
    }

    .personal-about-title {
        font-size: 20px;
        margin-bottom: 30px;
    }

    .about-four-slider {
        margin-top: 0;
    }

    .about-four-slider.about-slider-v1 {
        margin-top: 50px;
    }

    .meta-info ul li {
        padding: 3px 11px;
    }

    .double_logo_ban .single_logo_ban img {
        width: 146px;
    }
}

@media (max-width: 320px) {
    .about-four-slider.owl-theme .owl-controls {
        top: 50px;
    }

    .skill-content {
        margin: 0 auto 30px;
    }

    .skill-content:first-of-type {
        margin-left: 8px;
    }

    .skill-content {
        margin: 0 0 50px 8px;
    }

    .section-title h2 {
        font-size: 23px;
    }

    .service-tab .nav-tabs>li {
        width: 118px;
    }

    .service-tab-text .icon {
        padding-top: 25px;
    }

    .portfolio-filter-button button {
        margin-bottom: 15px;
    }

    .footer-bottom .footer-social {
        float: none;
    }

    ul.working-step {
        transform: rotate(0) translate(60px, 40px);
    }

    .skill-content.complete-project-content:first-of-type,
    .skill-content.complete-project-content {
        margin-left: 0;
    }

    .team-two-slider .flex-control-thumbs li img {
        height: 60px;
        width: 60px;
        margin-right: 18px;
    }

    #quote-carousel .carousel-indicators li {
        height: 70px;
        width: 70px;
    }

    .circle-service-list {
        margin-left: 4% !important;
    }

    .post-title {
        width: 100%;
        margin-top: 6px;
        margin-left: 0;
    }
}

@media (min-width: 320px) and (max-width: 680px) {

    .service-mockup,
    .dotted-circle {
        display: none;
    }

    .circle-service-list li:first-child,
    .circle-service-list li:last-child {
        padding: 0;
    }

    .service-two-item.right-align,
    .service-two-item.right-align.middle,
    .service-two-item.right-align.last {
        margin-left: 0;
        display: block;
    }

    .service-two-item .circle-icon {
        float: left;
    }

    .service-two-item>h4 {
        margin: 30px 0 0 20px;
    }

    .service-two-item .right-circle {
        margin-right: 0;
    }

    .circle-service-list li {
        margin-bottom: auto;
        clear: both;
    }

    .service-two-item {
        display: block;
        margin-bottom: 60px;
        margin-bottom: 60px;
    }

    .circle-service-list {
        width: 85%;
        margin-left: 15%;
    }

    .service-two-section .section-title {
        margin-bottom: 60px;
    }

    .blog-section .blog-thumb {
        display: block;
        margin-bottom: 50px;
    }

    .blog-section .positiond-blog-content {
        display: block;
        position: relative;
        top: 0;
        width: 100%;
        transform: skewX(0deg);
        -ms-transform: skewX(0deg);
        -webkit-transform: skewX(0deg);
    }

    .blog-content {
        transform: skewX(0deg);
        -ms-transform: skewX(0deg);
        -webkit-transform: skewX(0deg);
    }
}




@media (max-width: 991px) {
    .seo_table tbody {
        width: 800px
    }
}

@media (max-width: 767px) {
    .seo_contact_area {
        padding: 0px 0 30px 0;
    }

    .seo_contact_left h3 {
        font-size: 25px;
        line-height: 1.4;
        margin-bottom: 10px;
    }

    .seo_contact_left span {
        font-size: 18px;
        margin-bottom: 25px;
    }
}

@media (max-width: 575px) {
    .seacrh_btn {
        width: 85px;
        font-size: 14px;
        padding: 0 13px;
    }

    .result_country span {
        font-size: 14px;
    }

    .result_country img {
        width: 34px;
        margin: 0 5px 0 0;
    }

    .seo_contact_right {
        padding: 20px 20px;
    }
}

.mobile-menu-area.mean-container .mean-nav {
    position: absolute;
}




.career--details-box.tables {
    margin: 0%;
    padding: 50px 0;
}

.career--details-box.tables .content-box {
    background-color: #fff;
    border: 1px solid #e8e8e8;
}

.career--details-box.tables .content-box .table td {
    padding: 2px 8px;
}

.career--details-box.tables .content-box .table td:nth-child(1) {
    font-size: 1.4rem;
    padding-left: 0;
}

.career_application_form .form-group {
    margin-bottom: 0% !important;
}

.career_application_form.res_upStyle .col-sm-12 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.no_retaled_jobs {
    float: none !important;
    margin-right: auto;
    margin-left: auto;
}

.blog-desc-text .link img {
    width: 1.8rem;
    height: auto;
}

.blog-desc-text .link {
    font-style: italic;
    color: #1273EB;
    letter-spacing: 0.02em;
    margin-top: 1rem;
    display: inline-block;
    font-size: 1.7rem;
    font-family: 'Livvic', sans-serif;
}

.blog-desc-text .link:hover,
.blog-desc h4 a:hover {
    color: #27AE61;
    text-decoration: underline;
}

.blog-desc h4 a:hover {
    text-decoration: none;
}

a.linked:hover {
    color: #27AE61;
    text-decoration: underline;
}

.trans_inClient .trans_logo {
    transition: all .3s ease-in-out;
}

.trans_inClient:hover .trans_logo {
    transform: scale(1.2);
}



.layer-image {
    -webkit-animation: spin 15s linear infinite;
    -moz-animation: spin 15s linear infinite;
    animation: spin 15s linear infinite;
}

@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


.blog-image {
    border-radius: 6px;
    overflow: hidden;
    margin: 0 -10px;
    margin-top: -10px;
    display: block;
    position: relative;
    transition: all ease 0.35s;
    box-sizing: border-box;
    height: 210px;
    margin-bottom: 20px;
}

.blog-image .img-fluid {
    width: 100%;
    height: 210px;
    object-fit: cover;
    margin-bottom: 25px;
    transition: all ease 0.35s;
    box-sizing: border-box;
}

.new-single-blog:hover .img-fluid {
    opacity: .8;
    transform: scale(1.14);
}

.new-single-blog:before {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    content: "";
    position: absolute;
    top: -110%;
    left: -210%;
    width: 200%;
    height: 200%;
    z-index: 1;
    opacity: 0;
    background: rgba(255, 255, 255, .13);
    background: linear-gradient(to right, rgba(255, 255, 255, .13) 0%, rgba(255, 255, 255, .13) 77%, rgba(255, 255, 255, .5) 92%, rgba(255, 255, 255, 0) 100%);
}

.new-single-blog:hover .blog-image:before {
    opacity: 0.3;
    top: -20%;
    left: -30%;
    transition-property: left, top, opacity;
    transition-duration: 0.7s, 0.7s, 0.15s;
    transition-timing-function: linear;
}

.image-incircle {
    height: 50px;
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;

}

.image-incircle {
    height: 70px;
    width: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: #101010;
    margin-top: -50px;
    padding: 5px;
    margin-bottom: 15px;
}

.home__page .header__wrapper .video__box img {
    -webkit-animation: tilt-in-top-1 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: tilt-in-top-1 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes tilt-in-top-1 {
    0% {
        -webkit-transform: rotateY(30deg) translateY(-300px) skewY(-30deg);
        transform: rotateY(30deg) translateY(-300px) skewY(-30deg);
        opacity: 0;
    }

    100% {
        -webkit-transform: rotateY(0deg) translateY(0) skewY(0deg);
        transform: rotateY(0deg) translateY(0) skewY(0deg);
        opacity: 1;
    }
}

@keyframes tilt-in-top-1 {
    0% {
        -webkit-transform: rotateY(30deg) translateY(-300px) skewY(-30deg);
        transform: rotateY(30deg) translateY(-300px) skewY(-30deg);
        opacity: 0;
    }

    100% {
        -webkit-transform: rotateY(0deg) translateY(0) skewY(0deg);
        transform: rotateY(0deg) translateY(0) skewY(0deg);
        opacity: 1;
    }
}

.home__page .header__wrapper .content h1 {
    -webkit-animation: tracking-in-expand 1.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
    animation: tracking-in-expand 1.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
}

@-webkit-keyframes tracking-in-expand {
    0% {
        letter-spacing: -0.5em;
        opacity: 0;
    }

    40% {
        opacity: 0.6;
    }

    100% {
        opacity: 1;
    }
}

@keyframes tracking-in-expand {
    0% {
        letter-spacing: -0.5em;
        opacity: 0;
    }

    40% {
        opacity: 0.6;
    }

    100% {
        opacity: 1;
    }
}



.client__wrapper .col.custom-col:nth-child(odd) {
    margin-top: 30px;
}

.client__wrapper .col.custom-col:nth-child(odd) .content {
    box-shadow: 0px 10px 26px 5px rgba(18, 115, 235, 0.25);
}

.hiring_title h4 {
    font-size: 25px;
    margin-bottom: 10px;
}

.custom_container_pading.listing-box .new_sec_title h2 {
    font-size: 55px;
    color: #034d92;
}

.custom_container_pading.listing-box .new_sec_title h3 {
    font-size: 45px;
    color: #000;
}

.key_benifits-area h3 {
    font-size: 42px;
    text-align: center;
    font-weight: 600;
    margin-bottom: 20px;
    
    margin-top: 0px;
    color: #333;
}

.package-aec-area-heading h2 {
    color: #333;
    font-size: 35px;
}

.service-text li {
    font-size: 16px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}

.service-text li strong {
    margin-right: 5px;
}

.about__wrapper {
    overflow: hidden;
}

.home__page .works__wrapper a.linked:hover .lead {
    color: #27ae61;
}



@media (max-width: 440px) {
    .about_client h3 {
        font-size: 26px;
    }

    .portal-second-heading h3 {
        font-size: 20px;
    }

    .custom_container_pading.listing-box .new_sec_title h3 {
        font-size: 18px;
    }

    .custom_container_pading.listing-box .new_sec_title h2 {
        font-size: 22px;
    }

    .key_benifits-area h3 {
        font-size: 18px;
    }

    .package-aec-area-heading h2 {
        font-size: 18px;
    }
}

.about-carousel {
    
    background-position: center;
    height: 600px;
    display: flex;
    float: left;
    width: 100%
}

.about-carousel .row {
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    height: 100%;
}

.about-carousel .carousel-inner .item img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}


.about-carousel .badge__wrapp {
    width: 230px;
    height: 40px;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Livvic;
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 1.7px;
    margin-bottom: 20px;
    background: #fff;
}

.about-carousel .carousel-inner h2 {
    color: #000;
    font-family: Livvic;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.56px;
    text-transform: uppercase;
    margin-bottom: 14px;
    line-height: 40px;
}

.about-carousel .carousel-inner p {
    color: #212121;
    font-family: Livvic;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.48px;
    line-height: 36px;
}

.about-carousel .carousel-indicators li {
    width: 20px;
    height: 20px;
    position: relative;
    margin-right: 10px;

}

.about-carousel .carousel-indicators li.active {
    width: 20px;
    height: 20px;
    background: #fff;
}

.about-carousel .carousel-indicators li.active::before {
    width: 8px;
    height: 8px;
    background: #1273EB;
    position: absolute;
    top: 5px;
    left: 5px;
    opacity: 1;
    content: "";
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}

.ptb-80 {
    padding: 80px 0;
}

.ptb-50 {
    padding: 50px 0;
}

.purpose_section {
    position: relative;

}

.purpose-bg {
    width: 320px;
    height: 220px;
    background: #3E7695;
    position: absolute;
    z-index: -1;
    top: -50px;
    left: -50px;

}

.purpose .row {
    margin-top: 60px;
}

.purpose_section img {
    background: #000;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10);
}

.section_babge {
    width: 200px;
    height: 50px;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #1273EB;
    font-family: Livvic;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.34px;
    text-transform: uppercase;
    border-radius: 30px;
    background: #EAF2FD
}

.purpose_section_content h1 {
    color: #0A0A0A;
    font-family: Livvic;
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.72px;
    text-transform: capitalize;
    margin: 10px 0 20px;
}

.purpose_section_content p {
    color: #333;
    font-family: Livvic;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0.4px;
}

.journey {
    padding: 40px 0 40px;
    text-align: center;
    background: #EAF2FD;
    margin-bottom: 50px;
}

.journey .section_babge {
    background: #FFF;
    margin: 10px auto;
}

.journey h3,
.technology-tab h3,
.leaders-tab h3,
.industry h3,
.global_position h3 {
    color: #0A0A0A;
    font-family: Livvic;
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.72px;
    text-transform: capitalize;
}

.achievement {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-bottom: 50px;
}

.logo_circle {
    width: 150px;
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    border: 6px solid #EAF2FD;
    border-radius: 100%;
}

.m-auto {
    margin: 10px auto;
}

.achievement_des .year {
    color: #101010;
    font-family: Livvic;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.48px;
    margin-bottom: 10px;
}

.achievement_des p {
    color: #333;
    font-family: Livvic;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0.34px;
    margin-bottom: 20px;
}

.achievement_list {
    list-style-type: none;
    list-style-position: inside;
}

.achievement_list li {
    color: #333;
    font-family: Livvic;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0.34px;
    margin-bottom: 20px;
    display: flex;
    align-items: baseline;
}

.achievement_list li i {
    color: #27AE61;
    margin-right: 10px;
}

.achievement_des {
    flex: 0 0 80%;
    margin-left: 50px;
}

.journey_timeline .container {
    position: relative;
}

.journey_timeline .container::after {
    content: "";
    position: absolute;
    left: 70px;
    top: 0;
    height: 100%;
    width: 6px;
    background: #EAF2FD;
    z-index: -1;
}

.technology-tab {
    background: #F7F7F7;
    padding: 50px 0;
}

.tab_outer {
    border-radius: 10px;
    background: #FFF;
    padding: 20px;
    float: left;
    width: 100%;
    margin-top: 50px;
}

.technology-tab .nav.nav-tabs {
    border-radius: 10px;
    border: 1px solid #C4C4C4;
    background: #FFF;
    box-shadow: 0px 4px 10px 0px rgba(18, 115, 235, 0.15);
    padding: 20px;
    position: relative;
    float: left;
}

.technology-tab .nav.nav-tabs::after {
    content: "";
    position: absolute;
    width: 4px;
    height: 100%;
    background: #27AE61;
    left: 30px;
    top: 0;
    z-index: 1;
}

.technology-tab .tab-pane {
    position: relative;
    padding-top: 0px;
}

.technology-tab .nav.nav-tabs li {
    width: 100%;
    display: block;
    z-index: 2;

}

.technology-tab .nav.nav-tabs li a {
    padding: 20px;
    width: 100%;
    color: #747474;
    font-family: Livvic;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.34px;
    text-transform: capitalize;
    margin-bottom: 10px;
    text-align: left;
    float: left;
    height: 100%;
    transition: all 0.7s ease;
    border-radius: 10px;
}

.technology-tab .nav.nav-tabs li a:hover {
    color: #333;
    box-shadow: 0px 4px 15px 0px rgba(18, 115, 235, 0.15);
    background: #FFF;
}

.technology-tab .nav.nav-tabs li.active a {
    color: #333;
    font-weight: 600;
    box-shadow: 0px 4px 15px 0px rgba(18, 115, 235, 0.15);
    border-radius: 10px;
    background: #FFF;
}

.tech-logo {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.tech-logo li {
    border-radius: 6px;
    border: 1px solid #C4C4C4;
    background: #FFF;
    padding: 10px 15px;
    margin-right: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    
}

.tech-logo li img {
    height: 50px;
    object-fit: contain;
    width: 100px;
}

.video_test {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 30px;
}

.video_test_box {
    position: relative;
    height: 100%;
    margin-right: 30px;
    margin-bottom: 20px;
}

.video_test_box:last-child {
    margin-right: 0px;
    margin-bottom: 0px;
}

.video_test_box img {
    border-radius: 10px;
    height: 480px;
    width: 100%;
}

.video_test_box .play_button {
    position: absolute;
    top: 45%;
    left: 44%;

}

.play_button img {
    width: 40px;
    height: 40px;
    object-fit: contain;
}

.leader-box {
    display: flex;
    border: 1px solid #C4C4C4;
    background: #FFF;
    position: relative;
    margin-bottom: 30px;
}

.leader-image {
    margin-right: 20px;

}

.leader-des {
    padding: 10px 30px 0px 0px;
    width: 58%;
}

.leader-des .name,
.leader-des .designation {
    color: #000;
    font-family: Livvic;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.4px;
    text-transform: capitalize;
    margin-bottom: 12px;
}

.leader-des .designation {
    color: #333;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
}

.mt-50 {
    margin-top: 50px;
}

.mb-50 {
    margin-bottom: 50px;
}

.leader-image .img-responsive {
    height: 158px;
    object-fit: cover;
    width: 158px;
}

.overlay {
    background: rgba(18, 115, 235, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    flex-direction: column;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    transition: all 0.6s ease;
    color: rgb(54 188 233);
    font-size: 30px;
    cursor: pointer;
    text-align: center;

}

.leader-box:hover .overlay {
    opacity: 1;
}

.bio {
    margin-bottom: 5px;
    color: #FFF;
    font-family: Livvic;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.4px;
    text-transform: uppercase;
}

.overlay i {
    color: #FFF;
}

.view_button {
    color: #747474;
    font-family: Livvic;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.34px;
    text-transform: uppercase;
    text-align: center;
    padding: 15px 20px;
    border: 1px solid #C4C4C4;
    display: inline-block;
    margin: 0 auto;
    margin-top: 50px;
}

.button_contact {
    padding: 15px 20px;
    color: #FFF;
    font-family: Livvic;
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.34px;
    text-transform: uppercase;
    border: 1px solid #FFF;
}

.button_contact:hover {
    background: #3E7695;
    border-color: #3E7695;
    color: #fff;
}

.call-to-us h4 {
    color: #FFF;
    font-family: Livvic;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.48px;
}

.call-to-us-outer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 90px;
    height: 100px;
}

.call-to-us {
    height: 100px;
    background: linear-gradient(110deg, #3E7695 54%, rgb(163, 174, 183) 50%);
    position: relative;
}

.home__page.about_process {
    background: #F7F7F7;
    float: left;
    width: 100%;
}

.home__page.about_process .process__wrapper .custom_col.bg {
    background: #6DB0F4;
}

.home__page.about_process .process__wrapper .custom_col .content .title {
    color: #000;
    text-align: center;
    font-family: Montserrat;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.64px;
    text-transform: uppercase;
}

.home__page.about_process .process__wrapper .custom_col .content .text {
    color: #212129;
    text-align: center;
    font-family: Livvic;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.4px;
}

.home__page.about_process .process__wrapper .custom_col.bg_blue .content .text {
    color: #fff;

}

.home__page.about_process .process__wrapper .custom_col.bg_blue .content .title {
    color: #fff;
}

.home__page.about_process .process__wrapper .custom_col.bg.white {
    background-color: #fff;
}

.home__page.about_process .process__wrapper .custom_col .content .title.blue_text {
    color: #011EA1;
    font-size: 20px;
}

.home__page.about_process .process__wrapper .top_heading {
    background: #FFF;
    color: #1273EB;
}

.home__page.about_client {
    float: left;
    width: 100%;
}

.home__page.about_client .client__wrapper .col.custom-col:nth-child(odd) {
    margin-top: 0px;
}

.home__page.about_client .client__wrapper .custom-col .content {
    background: #FFFFFF;
    box-shadow: 0px 4px 20px rgba(18, 115, 235, 0.15);
    min-height: 11rem;
}

.home__page.about_client .client__wrapper .row {
    justify-content: center;
}

.home__page.about_client .client__wrapper .custom-col {
    width: 16%;
    flex: 0 0 16%;
}

.box {
    background: rgba(0, 0, 0, 0.2);
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
    border-radius: 0px;
    padding: 20px;
    display: flex;
    margin-bottom: 30px;
    position: relative;
    min-height: 200px;
    border-radius: 10px;
    transition: all 0.6s ease;
}

.box:hover {
    background: #fff;
}

.box:hover .industry-des h3 {
    color: #000;
}

.box:hover .industry-des p {
    color: #333;

}

.box:hover .icon-image {
    filter: invert(28%) sepia(71%) saturate(3875%) hue-rotate(204deg) brightness(102%) contrast(86%);
}

.icon-image {
    flex: 0 0 40px;
    margin-right: 20px;
}

.icon-image .img-responsive {
    height: 40px;
    width: 40px;
    object-fit: contain;
}

.industry-des h3 {
    color: #FFF;
    font-family: Livvic;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.24px;
    text-transform: capitalize;
    margin-bottom: 15px;
}

.industry-des p {
    color: #FFF;
    font-family: Livvic;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0.2px;
}

.industry.inside-page {
    float: left;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.industry.inside-page .section_babge {
    background: #FFF;
    color: #475099;
}

.address-box {
    border-radius: 10px;
    border: 1px solid #C4C4C4;
    background: #FFF;
    margin-bottom: 15px;
    padding: 30px 20px;
    min-height: 440px;
}

.address-box .img-responsive {
    margin: 0 auto;
}

.place-name {
    color: #212129;
    font-family: Livvic;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.48px;
    margin-bottom: 20px;
    margin-top: 15px;
    text-align: center;
}

.address-box ul li {
    color: #333;
    font-family: Livvic;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    
    letter-spacing: 0.34px;
    margin-bottom: 18px;
    display: flex;
    align-items: baseline;
}

.address-box ul li:last-child {
    margin-bottom: 0px;
}

.address-box ul li a {
    color: #333;
}

.address-box ul li i {
    margin-right: 10px;
    color: #27AE61;
}

.global_position {
    float: left;
    width: 100%;
}




.sucess-stories {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;


}

.sucess-stories .row {
    height: 320px;
    display: flex;
    align-items: center;
}

.sucess-stories h1 {
    color: #FFF;
    font-family: Livvic;
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px;
    letter-spacing: 0.72px;
}

.sucess-stories h1 span {
    display: block;
    font-size: 24px;
}

.sucess-stories_filter {
    float: left;
    width: 100%;
    background: #EAF2FD;
    padding: 15px 0;
}

.sucess-stories_filter .row {
    display: flex;
    justify-content: flex-end;
}

.dropdown_filter,
.dropdown_filter .form-control {
    border-radius: 4px;
    background: #FFF;
    margin-left: 20px;
    display: flex;
    align-items: center;
    color: #333;
    font-family: Livvic;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.34px;
    padding: 0 10px;
    border: none;
    box-shadow: none;
}

.dropdown_filter .form-control {
    margin-left: 0px;
    padding: 0;
    width: 250px;
    height: 40px;
}

.dropdown_filter .caret {
    float: right;
    margin-top: 8px;
}

.dropdown_filter .dropdown-toggle {
    width: 100%;
}

.dropdown_filter i {
    margin-right: 10px;
    color: #1273EB;
}

.sucess-stories_card {
    float: left;
    width: 100%;
    padding: 30px 0 50px;
}

.success_card {
    background: #FFF;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10);
    margin-bottom: 20px;
    padding: 40px 0px 20px;
}

.success_card .img-responsive {
    margin: 0 auto;
}

.success_card .success_card_body a {
    color: #333;
    font-family: Livvic;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    
    letter-spacing: 0.34px;
    text-transform: capitalize;
    min-height: 50px;
    margin: 20px 0px 10px;
    display: block;
    transform: all 0.7s ease;
}

.success_card .success_card_body a:hover {
    color: #1067DB;
}

.success_card h3 {
    color: #333;
    font-family: Livvic;
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    
    letter-spacing: 0.34px;
    text-transform: capitalize;
    margin: 30px 0 10px;
}

.success_card_body {
    padding: 0 20px;
}

.gray_babge {
    display: inline-flex;
    padding: 2px 6px;
    align-items: center;
    justify-content: center;
    color: #575757;
    font-family: Livvic;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    
    letter-spacing: 0.28px;
    margin-bottom: 20px;
    background: #eeeeee;
}

.breadcrumb-right-content.float-right {
    width: 230px;
}

.dropdown_filter img {
    margin-right: 10px;
}

.success_card_body p {
    color: #747474;
    font-family: Livvic;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.28px;
    margin-bottom: 20px;
}

.success_card_body .img-responsive {
    margin: 0 auto;
    height: 65px;
    object-fit: contain;
    width: 100%;
}

.language_image {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 25px;
}

.sucess-stories_card .listMainContent {
    border: none;
}

.language_image li {
    margin-right: 10px;
}

.language_image li:last-child {
    margin-right: 0px;
}

.language_image li .img-responsive {
    width: 30px;
    height: 30px;
    object-fit: contain;
    opacity: 0.7;

}

.card_footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px 0;
}

.card_footer .card_country {
    display: flex;
    align-items: center;
}

.card_footer .card_country .img-responsive {
    height: 20px;
    width: 20px;
    object-fit: contain;
    margin-right: 8px;
    border-radius: 4px;
}

.card_footer .card_country span {
    color: #333;
    font-family: Livvic;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.28px;
}

.card_footer {
    position: relative;
    padding-top: 15px;
}

.card_footer::before {
    position: absolute;
    content: "";
    width: 100%;
    top: 0;
    left: 0;
    background: #D4D4D4;
    height: 1px;
}

.sucess-stories_card .pagenation {
    display: flex;
    align-items: center;

}

.sucess-stories_card .pagenation li {
    color: #777;
    font-family: Lato;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 4px;
    border: 1px solid #D3D3D3;
    background: #FFF;
    margin-right: 15px;
}

.sucess-stories_card .pagenation li a {
    color: #777;
    display: block;
    height: 36px;
    width: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sucess-stories_card .pagenation li:last-child {
    margin-right: 0px;
    border: none;
    background: none;
}

.sucess-stories_card .pagenation li.active,
.sucess-stories_card .pagenation li:hover {
    border: 1px solid #086AD9;
}

.sucess-stories_card .pagenation li.active a,
.sucess-stories_card .pagenation li a:hover,
.sucess-stories_card .pagenation li:hover a {
    color: #086AD9;
}

.dropdown_filter:last-child {
    margin-right: 30px;
}







.sucess-stories-banner {
    background-size: cover;
    background-position: center;

}

.sucess-stories-banner .row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    height: 600px;
}

.sucess-stories-banner .site_logo {
    margin-bottom: 40px;
    
    height: 70px;
    object-fit: contain;
}

.sucess-stories-banner h1 {
    color: #FFF;
    font-family: Livvic;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.64px;
    text-transform: uppercase;
}

.sucess-stories-banner h3 {
    color: #B9DCFF;
    font-family: Livvic;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.48px;
    text-transform: uppercase;
}

.industry_list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 60px;
}

.industry_item {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    margin-bottom: 40px;
    margin-right: 40px;
}

.industry_icon {
    margin-right: 10px;
}

.industry_icon img {
    height: 50px;
    width: 50px;
    object-fit: cover;

}

.industry_des .industry_title {
    color: #79C887;
    font-family: Livvic;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
}

.industry_des .industry_name {
    color: #FFF;
    font-family: Livvic;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
}

.laptop_banner_image {
    height: 450px;
    object-fit: contain;
    width: 100%;
}




.overview {
    float: left;
    width: 100%;
    background: #fff;
    padding: 50px 0;
}

.overview h2,
.hire-team-tab h3,
.key-features h3,
.clients_feedback h3,
.application_features h3,
.light-green-bg .col-lg-12 h3 {
    color: #0A0A0A;
    text-align: center;
    font-family: Livvic;
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.72px;
    text-transform: capitalize;
}

.overview h2 span,
.hire-team-tab h3 span,
.application_features h3 span,
.light-green-bg .col-lg-12 h3 span {
    color: #27AE61;
}

.overview p {
    text-align: center;
    margin: 20px 0 25px;
}

.links {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #747474;
    font-family: Livvic;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.34px;
}

.links img,
.visit-text {
    margin-right: 10px;
}

.pipe-line {
    margin: 0 10px;
}

.website,
.apps {
    color: #1273EB;
}

.laptop_overview {
    margin: 30px auto;
}




.technology-stack {
    padding: 50px 0;
    background: #3E7695;
    float: left;
    width: 100%;
}

.technology-stack h3 {
    color: #FFF;
    text-align: center;
    font-family: Livvic;
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.72px;
    text-transform: capitalize;
}

.technology-stack-list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 50px;
}

.technology-stack-list li {
    width: 100px;
    height: 100px;
    background: #fff;
    border: 1px solid #ECF6EC;
    border-radius: 50%;
    margin-right: 30px;
    margin-bottom: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.technology-stack-list li img {
    padding: 10px;
}

.technology-stack-list li:last-child {
    margin-right: 0px;
    margin-bottom: 0px;
}





.hire-team-tab {
    padding: 50px 0;
    float: left;
    width: 100%;
}

.hire-team-tab .row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.white-box-shadow {
    background: #FFF;
    box-shadow: 0px 4px 20px 0px rgba(39, 174, 97, 0.35);
    border-radius: 0px;
    padding: 50px 0;
}

.hire-team-tab .nav-pills {
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
}

.hire-team-tab .nav-pills .nav-item a {
    width: 185px;
    height: 46px;
    border: 1px solid #ABABAB;
    border-radius: 4px;
    color: #747474;
    text-align: center;
    font-family: Livvic;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.17px;
    display: flex;
    justify-content: center;
    align-items: center;

}

.hire-team-tab .white-box-shadow li.nav-item {
    margin: 0 8px;
}

.hire-team-tab .nav-pills {
    margin-top: 40px;
}

.hire-team-tab .nav-pills .nav-item.active a,
.hire-team-tab .nav-pills .nav-item a:hover {
    background: #27AE61;
    border: 1px solid #27AE61;
    color: #FFF;
}

.hire-team-tab .tab-content {
    padding-top: 50px;
}

.hire-team-tab .tab-content h6 {
    color: #0A0A0A;
    font-family: Livvic;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;
    
    letter-spacing: 0.2px;
    margin-bottom: 20px;
}

.hire-team-tab .tab-content p {
    color: #747474;
    font-family: Livvic;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    
    letter-spacing: 0.17px;
}

.tab-image {
    display: flex;
    justify-content: center;
    margin: 0 auto;
    height: 370px;
    object-fit: contain;
    float: left;
    width: 100%;
}

.tab-list {
    margin-top: 20px;
}

.tab-list li {
    color: #333;
    font-family: Livvic;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    
    letter-spacing: 0.17px;
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}

.tab-list li img {
    margin-right: 10px;
}

.hire-team-tab .tab-pane {
    padding-top: 0px;
}




.key-features {
    background: #27AE61;
    float: left;
    width: 100%;
    padding: 50px 0;
    position: relative;
    z-index: 1;
}

.key-features .mob-image {
    height: 600px;


}

.key-features .mob-image img {
    height: 600px;
    object-fit: contain;
    position: relative;
    z-index: 1;
    margin-top: 30px;
}

.key-features .mob-image::after {
    content: "";
    width: 335px;
    height: 600px;
    position: absolute;
    border-radius: 50px;
    border: 2px dashed #C4C4C4;
    right: 18%;
    top: 2%;
    z-index: 0;
}

.key-features h3 {
    color: #fff;
    margin-bottom: 40px;
    text-align: left;
}

.features-list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 35px;
}

.features-list:last-child {
    margin-bottom: 0px;
}

.features-list-icon {
    width: 90px;
    height: 90px;
    background: #fff;
    margin-right: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: relative;
}

.features-list-icon::after {
    content: "";
    width: 90px;
    height: 90px;
    position: absolute;
    border-radius: 50px;
    border: 2px dashed #C4C4C4;
    right: -5%;
    top: 3%;
}

.features-list-description {
    width: 80%;
}

.features-list-icon img {
    height: 50px;
    width: 50px;
    object-fit: contain;
}

.features-list-description .features-title {
    color: #0A0A0A;
    font-family: Livvic;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.4px;
    text-transform: capitalize;
    margin-bottom: 10px;
}

.features-list-description .features-des {
    color: #FFF;
    font-family: Livvic;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    
    letter-spacing: 0.34px;
}




.clients_feedback {
    background: #3E7695;
    padding: 50px 0;
    float: left;
    width: 100%;
}

.clients_feedback h3 {
    color: #fff;
    margin-bottom: 40px;
}

.client_pro_pic {
    width: 80px;
    height: 80px;
    object-fit: contain;
    border: 2px solid #fff;
    background: #003a54;
    margin: 0 auto 34px;
    border-radius: 50%;
}

.clients_feedback p,
.client-name {
    color: #FFF;
    text-align: center;
    font-family: Livvic;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    
    letter-spacing: 0.34px;
    margin-bottom: 20px;
}

.under-line {
    width: 100px;
    height: 4px;
    background: #F7F7F7;
    margin: 0 auto 15px;
}

.client-name {
    font-weight: 700;
}

.clients_feedback sup {
    margin-right: 20px;
    top: -0.9em;

}

.clients_feedback sub {
    margin-left: 20px;
    bottom: -0.4em;
}

sup .img-responsive,
sub .img-responsive {
    display: inline;
    height: 30px;
}

.clients_feedback .container {
    position: relative;
}

.big_quote_left {
    position: absolute;
    top: -26%;
    left: 0;
}

.big_quote_right {
    position: absolute;
    bottom: -27%;
    right: 0;
}




.application_features {
    background: #fff;
    float: left;
    width: 100%;
    padding: 50px 0;
    position: relative;
    z-index: 1;
}

.application_features .row {
    display: flex;
    flex-wrap: wrap;
}

.website-feature-box {
    background: #FFF;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
    margin-bottom: 40px;
    padding: 45px;
}

.application_features h3 {
    margin-bottom: 50px;
}

.website-feature-box:last-child {
    margin-bottom: 0px;
}

.website-feature-box:nth-child(odd) .col-lg-4 {
    order: 2;
}

.website-feature-box:nth-child(odd) .col-lg-8 {
    order: 1;
}

.display-image-box {
    display: flex;
    justify-content: center;

}

.display-image-box img {
    padding: 10px;
}

.key-feature h6 {
    color: #0A0A0A;
    font-family: Livvic;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    
    letter-spacing: 0.2px;
    position: relative;
}

.key-feature h6::after {
    position: absolute;
    content: "";
    background: #27AE61;
    width: 100px;
    height: 4px;
    left: 2px;
    bottom: -15px;
}

.key-feature .key-feature-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 40px;
}

.key-feature .key-feature-list li {
    color: #333;
    font-family: Livvic;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    
    letter-spacing: 0.17px;
    margin-bottom: 12px;
    flex: 0 0 50%;
    display: flex;
    align-items: baseline;
}

.key-feature .key-feature-list li i {
    margin-right: 10px;
    color: #27AE61;
    margin-bottom: 10px;
}




.light-green-bg {
    background: #ECF6EC;
    float: left;
    width: 100%;
}

.light-green-bg .col-lg-12 h3 {
    margin-bottom: 50px;
}

.sucess-stories_card.light-green-bg {
    padding: 50px 0;
}

.btn-primary-double-color {
    background-color: #13AA52;
    ;
    border-color: transparent;
    margin: 0 auto;
    border-radius: 25px;
    width: 168px;
    height: 50px;
    font-family: Livvic;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn-primary-double-color span {
    position: relative;
    z-index: 11;
    color: #fff;
}

.btn-primary-double-color::after {
    content: '';
    width: 3.5rem;
    height: 100%;
    background-color: #028137;
    position: absolute;
    top: 0;
    right: 0%;
    border-top-right-radius: 3rem;
    border-bottom-right-radius: 3rem;
    clip-path: polygon(25% 0%, 100% 0, 100% 92%, 100% 100%, 30% 100%, 0 0);
    transition: all .3s ease-in-out;
}

.btn-primary-double-color:hover::after {
    width: 100%;
    border-radius: 3rem;
    clip-path: none;
}




span#IdioCareersApplication_gender {
    display: flex;
    align-items: center;
}

span#IdioCareersApplication_gender input[type="radio"] {
    margin-top: 0;
    margin-right: 5px;
    width: 15px;
    height: 15px;
}

span#IdioCareersApplication_gender label {
    margin-bottom: 0px;
    margin-right: 10px;
}


.inside-banner-section {
    background: #0e7db5;
    padding: 60px 0;
    position: relative;
}

.inside-banner-section.banner-full {
    padding: 100px 0;
    float: left;
    width: 100%;
}

.inside-banner-section h1 {
    font-family: 'Lato', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 40px;
    letter-spacing: 0.01em;
    color: #fff;
    margin-bottom: 20px;
}

.brand-banner-image {
    display: flex;
    align-items: center;
}

.brand-banner-image li {
    height: 60px;
    object-fit: contain;
    margin-right: 20px;
}

.full-image-right {
    position: absolute;
    top: 0;
    right: 0;
    width: 57%;
    height: 100%;
}

.full-image-right img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.full-image-cover::after {
    position: absolute;
    content: "";
    width: 57%;
    height: 100%;
    opacity: 0.5;
    background: #F4EFE9;
    top: 0;
    right: 0;
    z-index: 1;
}

.brand-banner-image li .img-fluid {
    height: 60px;
    object-fit: contain;
}

.inside-banner-section p {
    color: #fff;
    margin-bottom: 30px;
}


.mobile-logo .header-btn {
    color: #fff;
    background-color: #0ca1a1;
    background-size: 15px;
    margin-top: 9px;
    margin-left: 45px;
}


@media (min-width: 1370px) {
    .overview p {
        margin: 20px auto 25px;
        width: 80%;
    }
}

@media (max-width: 1370px) {
    .address-box {
        min-height: 450px;
    }

    .sucess-stories_filter .container {
        width: 100%;
    }

}

@media (max-width: 1030px) {
    .logo_circle {
        margin-bottom: 20px;
    }

    .about-carousel {
        height: 100%;
        padding: 50px 0;
    }

    .address-box {
        min-height: 420px;
    }

    .sucess-stories-banner .row {
        height: 500px;
    }

    .key-features .mob-image::after {
        width: 300px;
        right: 0%;
        top: 4%;
    }
}

@media (max-width: 830px) {
    .technology-tab .tab-content {
        float: left;
        width: 100%;
        margin-top: 20px;
    }

    .about-carousel .carousel-inner .item img {
        height: 200px;
        object-fit: contain;
        margin: 20px 0;
    }

    .purpose_section img {
        margin-bottom: 30px;
    }

    .tech-logo li {
        flex: 0 0 31%;
        margin: 10px auto;
        
    }

    .home__page.about_client .client__wrapper .custom-col {
        width: 33%;
        flex: 0 0 33%;
    }

    .home__page.about_client .client__wrapper .custom-col .content {
        padding: 10px;
    }

    .call-to-us-outer {
        padding: 0 0px;
    }

    .dropdown_filter:last-child {
        margin-right: 0px;
    }

    .display-image-box {
        margin-bottom: 20px;
    }

    .website-feature-box:nth-child(odd) .col-lg-4 {
        order: 1;
    }

    .sucess-stories-banner .site_logo {
        margin-bottom: 20px;
        height: 25px;
    }

    .sucess-stories-banner .row {
        height: 300px;
    }

    .sucess-stories-banner h1 {
        font-size: 25px;
    }

    .sucess-stories-banner h3 {
        font-size: 20px;
    }

    .industry_list {
        margin-top: 20px;
    }

    .industry_item {
        margin-bottom: 20px;
        margin-right: 30px;
    }

    .industry_des .industry_title {
        font-size: 16px;
    }

    .industry_des .industry_name {
        font-size: 15px;
    }

    .industry_icon img {
        height: 30px;
        width: 30px;
    }

    .industry_icon {
        margin-right: 4px;
    }

    .laptop_banner_image {
        height: 200px;
    }

    .overview h2,
    .hire-team-tab h3,
    .key-features h3,
    .clients_feedback h3,
    .application_features h3,
    .light-green-bg .col-lg-12 h3,
    .technology-stack h3 {
        font-size: 28px;
    }

    .key-features .mob-image,
    .key-features .mob-image img,
    .key-features .mob-image::after {
        height: 300px;
    }

    .key-features .mob-image {
        margin-top: 0px;
        margin-bottom: 30px;
    }

    .key-features .mob-image::after {
        width: 148px;
        top: -2%;
        left: 42%;
        border-radius: 30px;
    }

    .key-features .mob-image img {
        margin: 0 auto;
    }

    .banner-full .col-lg-5 {
        position: relative;
        z-index: 2;
    }

    .full-image-right {
        width: 100%;
        height: 100%;
        z-index: 1;
    }

    .full-image-cover::after {
        width: 100%;
        background: #232323;
    }

    .mobile-logo .header-btn {
        margin-left: 235px;
    }
}

@media (max-width: 430px) {
    .purpose_section_content h1 {
        font-size: 24px;
    }

    .about-carousel {
        padding: 20px 0;
    }

    .journey h3,
    .technology-tab h3,
    .leaders-tab h3,
    .industry h3,
    .global_position h3 {
        font-size: 24px;
    }

    .tech-logo li {
        flex: 0 0 48%;
    }

    .video_test_box {
        margin-right: 10px;
        flex: 0 0 48%;
    }

    .video_test_box img {
        height: 100%;
    }

    .view_button {
        margin-top: 10px;
    }

    .call-to-us {
        height: 100%;
    }

    .call-to-us-outer {
        height: 100%;
        flex-wrap: wrap;
        justify-content: center;
        padding: 15px 0 !important;
    }

    .call-to-us h4 {
        margin-bottom: 10px;
    }

    .ptb-50 {
        padding: 30px 0;
    }

    .journey {
        margin-bottom: 30px;
    }

    .achievement {
        margin-bottom: 30px;
        justify-content: center;
    }

    .achievement_des {
        margin-left: 0;
    }

    .achievement_des .year {
        text-align: center;
    }

    .journey_timeline .container::after {
        left: 50%;
        background: rgba(234, 242, 253, 0.4);
    }

    .achievement:last-child .achievement_list li:last-child {
        margin-bottom: 0px;
    }

    .technology-tab {
        padding: 30px 0;
    }

    .home__page.about_process .process__wrapper .custom_col .content .title.blue_text {
        font-size: 18px;
    }

    .home__page.about_client .client__wrapper .custom-col {
        width: 40%;
        flex: 0 0 48%;
    }

    .about-carousel .carousel-inner h2 {
        font-size: 20px;
        line-height: 32px;
    }

    .about-carousel .carousel-inner p {
        font-size: 18px;
        line-height: 30px;
    }

    .sucess-stories .row {
        height: 100%;
        padding: 20px 0px;
        flex-wrap: wrap;
    }

    .sucess-stories_filter .row {
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .dropdown_filter {
        margin-bottom: 15px;
        width: 90%;
    }

    .dropdown_filter:last-child {
        margin-bottom: 0px;
        margin-right: 0px;
    }

    .sucess-stories h1 {
        font-size: 24px;
        line-height: normal;
    }

    .sucess-stories h1 span {
        font-size: 18px;
    }

    .success_card {
        margin-bottom: 30px;
        padding: 30px 0px 20px;
    }

    .industry-des p {
        font-size: 18px;
    }

    .breadcrumb-right-content {
        margin-top: 10px;
        padding: 0 15px;
    }

    .breadcrumb-right-content.float-right {
        width: 100%;
        float: left;
    }

    .industry_item:last-child {
        margin-right: 0;
        margin-bottom: 0;
    }

    .laptop_banner_image {
        display: none;
    }

    .overview,
    .technology-stack,
    .hire-team-tab,
    .key-features,
    .clients_feedback,
    .application_features,
    .sucess-stories_card.light-green-bg {
        padding: 30px 0;
    }

    .overview h2,
    .hire-team-tab h3,
    .key-features h3,
    .clients_feedback h3,
    .application_features h3,
    .light-green-bg .col-lg-12 h3,
    .technology-stack h3 {
        font-size: 24px;
    }

    .hire-team-tab .nav-pills .nav-item {
        margin-bottom: 10px !important;
    }

    .hire-team-tab .nav-pills .nav-item:last-child {
        margin-bottom: 0px !important;
    }

    .hire-team-tab .nav-pills .nav-item a {
        width: 160px;
        font-size: 15px;
        padding: 10px 0;
    }

    .hire-team-tab .nav-pills {
        margin-top: 20px;
    }

    .white-box-shadow {
        padding: 30px 0;
    }

    .features-list-icon {
        margin: 0px auto 15px;
    }

    .key-features h3 {
        text-align: center;
    }

    .features-list-description {
        width: 100%;
        text-align: center;
    }

    .key-features .mob-image::after {
        left: 35%;
    }

    sup .img-responsive,
    sub .img-responsive {
        height: 20px;
    }

    .key-feature .key-feature-list li {
        flex: 0 0 100%;
        font-size: 16px;
        margin-bottom: 10px;
    }

    .key-feature .key-feature-list li:last-child {
        margin-bottom: 0px;

    }

    .key-feature h6 {
        font-size: 18px;
    }

    .key-feature h6::after {
        width: 80px;
        bottom: -12px;
    }

    .key-feature .key-feature-list {
        margin-top: 30px;
    }

    .sucess-stories-banner .row {
        height: 100%;
        padding: 30px 0;
    }

    .technology-stack-list {
        margin-top: 30px;
    }

    .technology-stack-list li {
        width: 80px;
        height: 80px;
        margin-right: 20px;
    }

    .tab-image {
        margin: 0 auto 20px;
        height: 100%;

    }

    .hire-team-tab .tab-content {
        padding-top: 20px;
    }

    .key-features h3 {
        margin-bottom: 20px;
    }

    .sucess-stories-banner h1 {
        font-size: 24px;
    }

    .technology-stack-list {
        justify-content: space-around;
    }

    .technology-stack-list li {
        margin-right: 0px;
    }

    .inside-banner-section h1 {
        font-size: 25px;
    }

    .inside-banner-section.banner-full {
        height: 100%;
        padding: 20px 0;
    }

    .full-image-cover::after {
        width: 100%;
        background: #232323;

    }

    .dropdown_filter img {
        margin-right: 0;
    }

    .dropdown_filter {
        margin-bottom: 0;
        width: 42%;
    }

    .dropdown_filter .form-control {
        width: 100%;

    }

    .dropdown_filter .form-control {
        font-size: 13px;
    }

    .inside-banner-section h1 {
        font-size: 22px;
        margin-top: 30px;
    }

    .inside-banner-section p {
        display: none;
    }

    .brand-banner-image li .img-fluid {
        height: 40px;
    }

    .brand-banner-image li {
        margin-right: 10px;
    }

    .mobile-logo .header-btn {
        margin-left: 45px;
    }
}

@media (max-width: 380px) {
    .hire-team-tab .nav-pills .nav-item a {
        width: 145px;
    }

    .key-features .mob-image::after {
        left: 34%;
    }

    .website-feature-box {
        padding: 20px;
        margin-bottom: 20px;
    }
}

@media (max-width: 330px) {
    .technology-tab .nav.nav-tabs li a {
        font-size: 14px;
        padding: 10px;
    }

    .technology-tab .nav.nav-tabs::after {
        left: 18px;
    }

    .tech-logo li {
        min-height: 80px;
    }

    .leader-des {
        padding: 10px 0 0px 0px;
        width: 65%;
    }

    .leader-des .name,
    .leader-des .designation {
        font-size: 16px;
    }

    .leader-des .designation {
        font-size: 15px;

    }

    .leader-image {
        margin-right: 6px;
    }

    .call-to-us h4 {
        font-size: 20px;
    }

    .home__page.about_process .process__wrapper .custom_col .content .title.blue_text {
        font-size: 16px;
    }

    .hire-team-tab .nav-pills .nav-item a {
        width: 125px;
        font-size: 13px;
    }

    .key-features .mob-image::after {
        left: 32%;
    }

    .industry_icon {
        margin-right: 10px;
    }
}




.rainbow-btn {
    border: 0;
    text-align: center;
    position: relative;
    color: #ffffff;
    text-decoration: none;
    border-radius: 6px;
    box-sizing: border-box;
    display: inline-flex;
    z-index: 2;
    overflow: hidden;
    padding: 3px;
    top: 2px;
}

.rainbow-btn:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
    height: 100%;
    background: linear-gradient(115deg, #4fcf70, #fad648, #a767e5, #12bcfe, #44ce7b);
    background-size: 50% 100%;
    animation: rainbow-btn 0.75s linear infinite;
}

.rainbow-btn span {
    position: relative;
    z-index: 2;
    padding: 15px 20px;
    font-size: 1.1rem;
    text-decoration: none;
    align-items: center;
    background: #a3aeb7;
    border-radius: 3px;
    display: block;
    justify-content: center;
    box-sizing: border-box;
    height: 100%;
    font-size: 18px;
}

@keyframes rainbow-btn {
    to {
        transform: translateX(-50%);
    }
}

.port-project-area.updated {
    padding-top: 80px;
}

.our-techno-area.updated {
    padding-bottom: 35px;
}

.question-area.updated {
    padding-bottom: 35px;
}

.faq-wrapper {
    padding: 50px 0;
}

#go-to-top-button {
    

    display: none;
    position: fixed;
    bottom: 15%;
    right: 5%;
    width: 50px;
    height: 50px;
    background-color: #00a6e5;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    color: #fff;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    z-index: 6000;
    transition: background-color 0.3s, transform 0.3s;
}

#go-to-top-button.show {
    opacity: 1;
    visibility: visible;
	display: flex !important;
    justify-content: center;
    align-items: center;
}

#go-to-top-button:hover {
    background-color: #008bb3;
    transform: scale(1.1);
}
.portal-choose-cont .row .col-md-6{
    border-bottom: 1px solid #80e3ff;
    border-right: 1px solid #80e3ff;
    padding-top:30px ;
    
}
.portal-choose-cont .row .col-md-6:nth-child(even){
    border-right: none;
}
.portal-choose-cont .row .col-md-6:nth-child(1),.portal-choose-cont .row .col-md-6:nth-child(2){
    padding-top:0px ;
}







.award-sec {
    display: flex;
    flex-wrap: wrap;
	gap: 10px;
}
.award-info{
	background: rgb(209 235 242);
    padding: 12px 20px;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
}
.award-image .img-fluid {
    height: 40px;
	margin-right: 10px;
}
.blockk {
    font-weight: 500;
}


@media(max-width:480px) {
    .portal-choose-cont .row .col-md-6:nth-child(2) {
        padding-top: 30px;
    }
	.award-sec {
    	padding: 0 10px;
	}
	
}
@media(max-width:370px) {
.talktoexpart .btn {
    padding: 10px 36px !important;
}
}
@media(max-width:330px) {
.talktoexpart .btn {
    padding: 10px 24px !important;
}
#myCarousel .item .content {
      top: 12% !important;
}	
}

.about-carousel {
    height: 100%;
}



#myCarousel .item .content {
    position: absolute;
    top: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 55555;
    left: 5%;
    width: 50%;
}

#myCarousel .item .content h2 {
    color: #fff;
    font-family: "Jost", serif;
    line-height: 80px;
    font-size: 60px;
}

#myCarousel p {
    color: #d9d9d9;
    font-family: "Jost", serif !important;
    font-weight: normal;
    margin-top: 30px;
    font-size: 18px;
    line-height: 30px;
    width: 70%;
}

.pos-abb,
#myCarousel {
    height: 100vh !important;
}

#myCarousel .item::after {
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background: linear-gradient(1turn, transparent 100.16%, rgba(0, 0, 0, .6) 95.17%, rgba(0, 0, 0, .8)), linear-gradient(90deg, rgba(0, 0, 0, .9) 10.49%, #000 32.94%, transparent 83.8%);
    z-index: 2;
}

.carousel-indicators {
    position: absolute;
    bottom: 18%;
    left: 6%;
    margin-left: 0px;
    width: 100%;
    text-align: left;
}

.carousel-indicators li {
    width: 26px;
    height: 3px;
    border-radius: 0;
    cursor: pointer;
    background-color: #a29e9e;
    border: none;
    margin: 0px;
    margin-right: 2px !important;
}

.carousel-indicators li.active {
    width: 26px;
    height: 3px;
    background-color: #fff;
}

.talktoexpart {
    position: absolute;
    bottom: 0px;
    text-align: center;
    display: flex;
    justify-content: center;
    width: 100%;
}

.talktoexpart .btn {
    font-size: 18px;
    padding: 10px 50px;
    font-family: "Jost", serif !important;
    border-radius: 6px;
    border: none;
    display: flex;
    align-items: center;
}

.talktoexpart .btn-primary {
    border-bottom-right-radius: 0px !important;
    border-top-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    background-color: #0e7db7;
}

.talktoexpart .btn.btn-success {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    background-color: #272827;
    letter-spacing: 0.3px;

}

.talktoexpart .btn img {
    height: 25px;
    margin-left: 4px;

}

.mean-container .mean-bar {
}

.mean-container.fixed-header .mean-bar {
    background: #0c1923;
}

.mob {
    display: none !important;
}

@media (min-width:1800px) {
    .carousel-indicators {
        bottom: 32%;
    }
}

@media (max-width:900px) {
    .mob {
        display: block !important;
    }

    .desktop {
        display: none !important;
    }

}

@media (max-width:490px) {
    #myCarousel .item .content h2 {
        line-height: 32px;
        font-size: 25px;
    }

    #myCarousel .item .content {
        left: 0;
        width: 100%;
        top: 18%;

    }

    #myCarousel p {
        width: 100%;
        font-size: 15px;
        line-height: 22px;
        margin-top: 15px;
    }

    .carousel-inner .item img {
        height: 100vh !important;

    }

    .carousel-indicators {
        bottom: 14%;
        left: 15px;
        margin-left: 0px;
        width: 80%;
    }

    .item {
        height: 100vh;
    }

    .talktoexpart {
        overflow: hidden;
    }

    .talktoexpart .btn {
        font-size: 16px;
        width : 100%;
    }

    .pos-abb {
        height: 100% !important;
    }

    #myCarousel .item::after {
        background: linear-gradient(1turn, transparent 77.16%, rgba(0, 0, 0, .6) 95.17%, rgba(0, 0, 0, .8)), linear-gradient(0deg, rgba(0, 0, 0, .9) 10.49%, #000 29.94%, transparent 86.8%);
    }
}

@media (max-width:370px) {
    .carousel-indicators {
        bottom: 9%;
    }
}

@media (max-width:575px) {
   
	#cookie-banner p {
    flex: 100% !important;
}
#cookie-banner {
    flex-wrap: wrap !important;
    width: 100% !important;
}	
}


.single_price_card h6:empty{
	display: none;
}