@import url(https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap);
body {
    font-family: Lato, sans-serif;
    font-size: 15px
}

a {
    text-decoration: none;
    text-transform: initial;
    font-weight: 700
}

.mt_3 {
    margin-top: 30px
}

.ss_header {
    -webkit-box-shadow: 0 3px 15px -1px rgba(0, 0, 0, .05);
    box-shadow: 0 3px 15px -1px rgba(0, 0, 0, .05);
    background: #fff;
    position: fixed;
    z-index: 9999;
    top: 0
}

.ss_header .navbar-light .navbar-nav .nav-link {
    color: #353535
}

.ss_header a.nav-link {
    padding-left: 15px !important;
    padding-right: 15px !important
}

.ss_header a.nav-link.active {
    color: #e2694b !important
}

.ss_header a.nav-link:hover {
    color: #e2694b !important
}

.btn_arrow {
    width: 50px;
    height: 100%;
    background-image: url(../images/btn_arrow.svg);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: -16px;
    transform: scale(1.2)
}

.carousel_text h4 {
    color: #e2694b;
    font-size: 18px;
    font-weight: 900;
    margin-bottom: 5px
}

.carousel_text h1 {
    color: #353535;
    font-size: 40px;
    font-weight: 900;
    line-height: 48px;
    margin-bottom: 0;
}

.carousel_text h1 span {
    color: #353535
}

.carousel_text {
    position: relative;
    z-index: 1000;
    padding: 0 0;
    height: 550px;
    vertical-align: middle;
    display: table-cell
}

.carousel_border {
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px;
    display: inline-block
}

.carousel_border::after {
    content: "";
    height: 5px;
    width: 55px;
    background-color: #e2694b;
    border-radius: 50px;
    position: absolute;
    left: 25px
}

.carousel_border::before {
    content: "";
    height: 5px;
    width: 15px;
    background-color: #e2694b;
    border-radius: 50px;
    position: absolute
}

.carousel_text p {
    color: #717171;
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    margin: 6px 0 20px 0
}

.get_in_touch .common_btn a:hover {
    background: #003996
}

.common_btn a .btn_arrow {
    transition: 1s all
}

.common_btn a:hover .btn_arrow {
    left: 79%
}

.common_btn .btn_arrow {
    width: 50px;
    height: 100%;
    background-image: url(../images/btn_arrow.svg);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: -16px;
    transform: scale(1.2)
}

.common_btn .btn_arrow::after {
    content: "";
    height: 12px;
    width: 12px;
    background-image: url(../images/right-icon.svg);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 4px;
    right: 0;
    margin: 0 auto;
    top: 12px;
    bottom: 0
}

.main_carousel {
    position: relative;
    padding-bottom: 0;
    min-height: 550px
}

.main_carousel::before {
    content: "";
    background-image: url(../images/slider_logo.gif);
    background-repeat: no-repeat;
    width: 20%;
    width: 20%;
    height: 250px;
    position: absolute;
    left: 0;
    top: 25%;
    z-index: 1;
    background-size: contain;
    opacity: .1
}

.main_carousel::after {
    content: "";
    background-image: url(../images/carousel_bg1.webp);
    background-repeat: no-repeat;
    background-size: cover;
    width: 52%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0
}

.it_support_carousel::before {
    background-image: url(../images/it_support_services_page1.gif)
}

.contact_carousel::before {
    background-image: url(../images/contact_top.gif)
}

.project_concept_carousel::before {
    background-image: url(../images/project_concept.gif)
}

.ui_ux_carousel::before {
    background-image: url(../images/UI_UX_Mas.gif)
}

.blog_carousel::before {
    background-image: url(../images/blog_mas.gif)
}

.web_carousel::before {
    background-image: url(../images/web_development.gif);
    height: 300px
}

.what_we_carousel::before {
    background-image: url(../images/what_we_do.gif)
}

.ss_sottware_box {
    z-index: 1000;
    position: relative
}

section {
    padding: 50px 0
}

.top_title {
    padding-top: 50px !important
}

.title_box h2 {
    font-size: 35px;
    color: #353535;
    font-weight: 900;
    text-align: center;
    margin-bottom: 5px;
    line-height: 1;
    text-transform: capitalize
}

.main-slider {
    width: 100%;
    overflow: hidden;
}

.main-slider article {
    display: flex;
    width: 200%;
    animation: bannermove 20s linear infinite;
    margin: 10px 0;
}

.main-slider ul {
    display: flex;
    list-style-type: none;
    padding-left: 0;
    margin: 0;
}

.slide-col-img {
    width: 100%;
}

.main-slider img {
    width: auto;
    height: 200px;
    object-fit: cover;
    max-width: 600px;
}

.main-slider li {
    width: auto;
    margin: 0 5px;
}

@keyframes bannermove {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

.title_box h2 span {
    color: #012052
}

.title_border_box {
    text-align: center
}

.title_box p {
    color: #717171;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    margin-bottom: 0;
    padding-top: 5px;
    letter-spacing: .3px
}

.title_border_box .carousel_border {
    left: -32px
}

.devlopment_box_con h3 {
    text-align: center;
    color: #353535;
    font-size: 17px;
    font-weight: 800
}

.devlopment_box_con p {
    color: #717171;
    font-size: 13px;
    line-height: 20px;
    font-weight: 700;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 0;
    max-height: 75px;
    overflow: hidden;
    text-transform: initial
}

.what_about_con {
    height: 100%
}

.main_partner {
    padding: 50px 50px 40px 50px;
    height: 100%
}

.bottom_devlopment .devlopment_icon {
    margin-top: 0;
    margin-bottom: tr
}

.devlopment_icon {
    background-image: url(../images/location_icon.svg);
    background-repeat: no-repeat;
    width: 100%;
    height: 120px;
    position: relative;
    background-position: top;
    text-align: center;
    line-height: 90px;
    margin-top: -60px
}

.devlopment_box_arrow {
    height: 26px;
    width: 26px;
    background-color: #e2694b;
    border-radius: 50px;
    text-align: center;
    position: relative;
    z-index: 99;
    margin: 10px auto 0;
    line-height: 22px;
    animation: mover 1s infinite alternate
}

.devlopment_box_arrow img {
    width: 12px
}

.devlopment_box_arrow i {
    color: #fff;
    font-size: 9px
}

.bottom_devlopment .devlopment_icon {
    transform: rotate(180deg)
}

.bottom_devlopment .devlopment_icon img {
    transform: rotate(180deg)
}

.bottom_devlopment .devlopment_box_arrow {
    margin: -27px auto 8px
}

.bottom_devlopment .devlopment_box_con {
    margin-top: 15px
}

.devlopment_border {
    border-bottom: 3px dotted rgba(0, 0, 0, .1);
    width: 100%;
    margin-top: -11px;
    position: relative
}

.why_vitec {
    background-color: #ffe68c
}

.why_img_con {
    height: 100%;
    width: 100%;
    border-radius: 100%;
    background-color: transparent;
    text-align: center;
    display: table
}

.why_img {
    display: table-cell;
    vertical-align: middle;
    text-align: left
}

.why_img img {
    margin-top: 30px
}

.why_img h3 {
    color: #012052;
    font-weight: 900;
    font-size: 35px;
    margin-top: 20px;
    margin-bottom: 0
}

.why_box {
    background-color: #fff;
    box-shadow: 0 4px 4px rgb(0 0 0 / 5%);
    border-radius: 100px;
    padding: 20px;
    margin-left: 40px;
    margin-bottom: 20px;
    transition: all ease 0.5s 0s
}

.desktop_view .why_box {
    padding: 10px
}

.desktop_view .why_icon {
    height: 80px;
    width: 80px;
    line-height: 80px
}

.why_icon {
    background-color: #fff;
    height: 70px;
    width: 70px;
    text-align: center;
    border-radius: 100px;
    line-height: 70px;
    box-shadow: 0 0 4px rgb(0 0 0 / 10%)
}

.why_con_text h3 {
    color: #353535;
    font-weight: 800;
    font-size: 20px;
    margin-bottom: 0
}

.why_con_text p {
    font-weight: 700;
    font-size: 15px;
    line-height: 22px;
    color: #717171;
    margin-bottom: 0;
    letter-spacing: .3px
}

.why_con_text {
    padding-top: 10px
}

.desktop_view .why_con_text {
    padding-top: 0
}

.why_box:hover {
    background-color: #e2694b;
    transition: all ease 0.5s 0s
}

.why_box:hover .why_con_text h3,
.why_box:hover .why_con_text p {
    color: #fff;
    transition: all ease 0.5s 0s
}

.slider_icon {
    height: 85px;
    width: 85px;
    border-radius: 100px;
    background-color: #E2694B;
    box-shadow: 0 2px 8px rgb(0 0 0 / 10%);
    margin-right: 15px;
    display: table;
    text-align: center;
    border: 5px solid #F6FBFF;
}

.slider_icon:last-child {
    margin: 0;
}

.slider_icon_img {
    display: table-cell;
    vertical-align: middle
}

.slider_icon img {
    width: 50% !important;
    margin: auto
}

#slider .owl-stage {
    padding-top: 150px;
    padding-bottom: 40px
}

.slider_con {
    background-image: none;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    border-radius: 10px;
    padding: 40px 10px 20px;
    background-position: center;
    background: #FFE68C;
    box-shadow: 0px 4px 4px rgb(0 0 0 / 10%);
    position: relative;
}

.slider_con .d-flex.align-items-center.justify-content-center {
    position: absolute;
    bottom: 40px;
    left: 0;
    right: 0;
}

header.fixed {
    position: fixed;
    background-color: #fff;
    transition: height 0.5s ease-in;
    z-index: 99999
}

header {
    transition: height 0.5s ease-in
}

.address_icon-images {
    height: 35px;
    width: 35px;
    border-radius: 35px;
    position: relative;
    overflow: hidden;
    display: inline-block
}

.ss_main_logo_des {
    padding-left: 0;
    transition: 1s all
}

.fixed .ss_main_logo_des {
    -webkit-transform: translateX(-50px) scale(.5);
    -ms-transform: translateX(-50px) scale(.5);
    transform: translateX(-50px) scale(.5);
    opacity: 0
}

.ss_main_logo {
    position: relative
}

.fixed .ss_mobiles_logo img {
    opacity: 1;
    left: 79px;
    top: 4px;
    height: 90px;
    z-index: 13
}

.ss_main_logo .logoiconA>img {
    height: 62px;
    position: relative;
    z-index: 15;
    top: 3px
}

.logoiconA {
    position: relative;
    padding: 10px;
    z-index: 10
}

.ss_main_logo_des>img {
    height: 40px
}

.ss_hand_logo {
    position: absolute;
    bottom: -14px;
    left: 7px;
    height: 70px
}

.ss_aye_logo {
    position: absolute;
    right: 20px;
    top: -14px;
    z-index: 15
}

.ss_aye_logo>img {
    height: 23px !important
}

.ss_hand_logo img {
    height: 51px !important
}

.ss_mobiles_logo img {
    position: absolute;
    height: 42px;
    opacity: 0;
    transition: 0.5s all;
    left: 49px;
    top: 15px;
    -webkit-transform: translateX(-26px) scale(.5);
    -ms-transform: translateX(-26px) scale(.5);
    transform: translateX(-26px) scale(.5)
}

.desktop_con {
    display: block
}

.phone_con {
    display: none
}

.devlopment_box_con {
    margin-bottom: 15px;
    box-shadow: 1px 1px 10px rgb(64 67 150 / 10%);
    padding: 40px 15px 60px
}

.video_img video {
    background-color: #fff;
    width: 100%
}

.video_con {
    margin-top: -50px;
    z-index: 999;
    position: relative
}

.desktop_video {
    display: block
}

.phone_video {
    display: none
}

button.why_four,
button.why_one,
button.why_three,
button.why_two {
    border: none;
    background-color: transparent;
    text-align: left
}

.why_box_open i {
    height: 26px;
    width: 26px;
    background-color: #e2694b !important;
    border-radius: 50px;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    text-align: center
}

.why_box_open {
    display: none
}

#button {
    display: inline-block;
    background-image: url(../images/back_to_top.svg);
    background-repeat: no-repeat;
    width: 60px;
    height: 60px;
    text-align: center;
    border-radius: 4px;
    position: fixed;
    bottom: 15px;
    right: 15px;
    transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
    opacity: 0;
    visibility: hidden;
    z-index: 99999999
}

#button.show {
    opacity: 1;
    visibility: visible
}

.desktop_view {
    display: block
}

.phone_view {
    display: none
}

.flip-card {
    background-color: transparent;
    width: 100%;
    height: 100px;
    margin-bottom: 20px;
    perspective: 1000px
}

.why_vitec .flip-card:nth-child(4) {
    margin-bottom: 0
}

.flip-card .inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.8s;
    transform-style: preserve-3d
}

.flip-card .inner .back,
.flip-card .inner .front {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: flex;
    flex-direction: column
}

.flip-card .inner .back {
    background-color: #fff;
    box-shadow: 0 4px 4px rgb(0 0 0 / 5%);
    border-radius: 100px;
    transform: rotateX(180deg);
    padding: 26px;
    text-align: left;
    display: table;
    min-height: 109px
}

.flip-card:hover .inner {
    transform: rotateX(180deg)
}

.front_box {
    background-color: #fff;
    box-shadow: 0 4px 4px rgb(0 0 0 / 5%);
    border-radius: 100px;
    padding: 10px;
    display: flex
}

.why_vitec_title h2 {
    font-size: 35px;
    color: #353535;
    font-weight: 900;
    margin-bottom: 0
}

.why_vitec_title .ss_line_svg {
    margin-bottom: 15px
}

.front_img {
    margin-right: 15px
}

.back {
    text-align: center
}

.back_con p {
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    color: #717171;
    margin-bottom: 0;
    letter-spacing: .3px;
    margin-bottom: 0
}

.inner:hover .back {
    color: #fff;
    background-color: #e2694b;
    transition: all ease 0.5s 0s
}

.inner:hover .back .back_con p {
    color: #fff;
    transition: all ease 0.5s 0s
}

.why_vitec_btn {
    text-align: center
}

.why_vitec_btn1 {
    text-align: right
}

.portfolio_hover_con .slider_arrow {
    display: none
}

.portfolio_btn {
    width: 60px;
    height: 50px;
    background-image: url(../images/btn_arrow.svg);
    background-repeat: no-repeat;
    background-size: cover;
    position: unset;
    left: auto;
    transform: scale(1.2);
    text-align: center
}

.portfolio_btn::after {
    content: "";
    height: 12px;
    width: 12px;
    background-image: url(../images/right-icon.svg);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 2px;
    right: 0;
    margin: 0 auto;
    top: 15px;
    bottom: 0
}

.why_vitec_btn .common_btn a {
    min-width: 272px;
    clip-path: polygon(0 0, 100% 0, 91% 100%, 9% 100%)
}

.why_vitec_btn .common_btn a:hover .btn_arrow {
    left: 85%
}

.ss_latest_blog_box .images {
    height: auto;
    width: 100%;
    position: relative
}

.ss_latest_blog_box .images>img {
    object-fit: cover
}

.ss_hover_arrow {
    display: inline-block
}

.more_btn a img,
.ss_hover_arrow a img {
    height: 60px
}

.ss_line_images img {
    height: 5px
}

.ss_line_images {
    padding: 12px 0 6px 0
}

.portfolio_hover_con_middle h3 {
    text-transform: capitalize
}

.ss_price_calculator_model {
    text-align: center;
    padding: 10% 5%;
    position: relative
}

.model_calculator_img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    line-height: 150px;
    text-align: center
}

.s-text {
    margin-top: 0
}

.side_mas {
    height: 150px;
    width: 150px;
    border-radius: 100%;
    margin-top: -75px
}

.ss_price_calculator_model .ss_index_up {
    z-index: 1010;
    position: relative
}

.modal-header {
    border-bottom: transparent
}

.ss_price_calculator_model p {
    text-transform: capitalize;
    color: #717171;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px
}

.ss_price_calculator_model .ss_index_up .ss_price_calculator {
    padding-top: 20px
}

.ss_price_calculator_model .ss_index_up h2 {
    padding: 0
}

.ss_close_model {
    position: absolute;
    right: 0;
    z-index: 1022
}

.ss_carousel_border_model_lines {
    padding-bottom: 10px;
    margin-top: -6px
}

.slider_icon_img img {
    margin: auto
}

.desktop_services_360 .slider_con h3 {
    line-height: 20px;
    min-height: 40px !important
}

.desktop_services_360 .slider_item {
    margin-top: 100px
}

.desktop_services_360 {
    display: block
}

.phone_services_360 {
    display: none
}

.top_video {
    position: relative;
    z-index: 9;
    overflow: hidden
}

.get_in_touch_box::before {
    content: "";
    background: rgba(19, 189, 252, .9);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}

.phone_view .why_con_text h3 {
    margin-bottom: 10px
}

.slider_item:hover .slider_con::after {
    content: "";
    background-image: url(../images/v_video.mp4);
    border-radius: 10px;
    padding: 90px 10px 40px;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    z-index: 0
}

.right_side {
    text-align: right
}

.ss_price_calculator {
    height: 45px;
    min-width: 200px;
    background: #003996;
    display: inline-block;
    color: #fff;
    border-radius: 0 0 0 0;
    line-height: 45px;
    text-align: center;
    position: relative;
    transition: 0.2s all;
    border: 0;
    font-weight: 700;
    font-size: 13px;
    clip-path: polygon(0 0, 88% 0, 100% 100%, 12% 100%)
}

.ss_price_calculator:before {
    content: "";
    top: 0;
    left: -.2px;
    background-image: url(../images/logo_white_icon.svg);
    height: 45px;
    width: 50px;
    position: absolute;
    background-size: cover;
    transition: 0.8s all
}

.ss_price_calculator:after {
    content: "";
    top: 0;
    left: 73%;
    height: 49px;
    width: 53px;
    position: absolute;
    background-size: contain;
    transition: 0.8s all;
    background-image: url(../images/right_hover.svg);
    opacity: 0;
    font-size: 14px;
    color: #003996;
    line-height: 35px;
    background-repeat: no-repeat
}

*,
::after,
::before {
    box-sizing: border-box
}

.why_vitec_btn .common_btn a:after {
    content: "";
    top: -1px;
    left: 82%
}

.ss_price_calculator:hover:before {
    content: "";
    top: -1px;
    left: 100%;
    opacity: 0
}

.why_vitec_btn .common_btn a:hover:before {
    left: 86%
}

.ss_price_calculator:hover:after {
    opacity: 1
}

.ss_price_calculator:hover {
    background: #e2694b;
    color: #fff;
    clip-path: polygon(12% 0, 100% 0, 88% 100%, 0 99%)
}

.ss_price_calculator .ss_button_images_logo img {
    height: 100%
}

.ss_left20 {
    padding-left: 20px
}

.desktop_services .row {
    width: 100%
}

.concept_start {
    position: absolute;
    top: -80px;
    left: -40px
}

.concept_end {
    position: absolute;
    top: -80px;
    right: -40px
}

.desktop_services {
    position: relative
}

.devlopment_partner {
    position: relative;
    overflow: hidden
}

.ss_line_svg {
    display: inline-block;
    position: relative;
    top: -5px
}

.ss_line_svg svg rect {
    fill: #64aaff
}

.why_vitec_btn .common_btn a:hover .ss_button_images_logo {
    position: absolute;
    left: 86%
}

.why_vitec_btn {
    padding-top: 40px
}

.ss_bottom_arrow {
    position: absolute;
    bottom: -30px;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 1100
}

.ss_bottom_arrow img {
    height: 55px !important;
    display: inline-block !important;
    width: auto !important
}

#portfolio .owl-stage-outer {
    padding-bottom: 30px
}

.concept_end>img,
.concept_start>img {
    max-height: 130px
}

.ss_sub_who_we {
    position: relative;
    z-index: 1010;
    text-align: right
}

.ss_our_value_box {
    position: relative
}

.ss_our_value_main {
    height: 300px;
    background: #003996;
    border-radius: 15px;
    display: table;
    width: 100%;
    padding: 20px;
    position: relative
}

.ss_our_value_box .ss_icon {
    height: 120px;
    width: 120px;
    border-radius: 120px;
    background: #fff;
    display: inline-block;
    margin-bottom: -40px;
    line-height: 120px;
    position: relative;
    z-index: 10
}

.ss_our_value_box .ss_icon img {
    height: 80px
}

.ss_our_value_box {
    text-align: center
}

.ss_our_value_box .ss_des {
    display: table-cell;
    vertical-align: middle;
    transition: 0.5s all
}

.ss_our_value_box .ss_des h2 {
    color: #fff
}

.ss_our_value_main .ss_des2 {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    display: table;
    opacity: 0;
    transition: 0.5s all;
    padding: 20px
}

.ss_verticle_middle {
    vertical-align: middle;
    display: table-cell;
    position: relative;
    z-index: 999
}

.ss_our_value_box:hover .ss_des {
    opacity: 0
}

.ss_our_value_box:hover .ss_des2 {
    opacity: 1
}

.ss_des2 h2,
.ss_des2 p {
    color: #fff
}

.ss_sub_who_we p {
    font-size: 25px;
    line-height: 35px;
    text-align: right;
    color: #fff;
    font-weight: 700
}

.philosophy_box {
    background: #fff;
    border-radius: 100px;
    padding: 8px 12px 8px 12px;
    transition: all ease 0.5s 0s;
    box-shadow: 1px 1px 10px rgb(64 67 150 / 10%)
}

.philosophy_box:hover {
    background: #e2694b;
    transition: all ease 0.5s 0s
}

.philosophy_icon {
    height: 70px;
    width: 70px;
    border-radius: 100px;
    background-color: #fff;
    text-align: center;
    line-height: 60px;
    margin-right: 20px
}

.philosophy_text h2 {
    font-size: 20px;
    color: #353535;
    font-weight: 900;
    margin-bottom: 0
}

.philosophy_box {
    display: flex;
    margin-bottom: 15px
}

.philosophy_box:hover .philosophy_text h2 {
    color: #fff;
    transition: all ease 0.5s 0s
}

.philosophy_center img {
    width: 100%
}

.philosophy_banner {
    border: 3px solid #003996;
    border-radius: 10px;
    padding: 27px 15px;
    width: 79%;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: -15px;
    bottom: 12%;
    background-color: #fff
}

.left_bar .philosophy_icon {
    margin-left: 20px;
    margin-right: 0
}

.philosophy_banner h4 {
    color: #e2694b;
    font-size: 20px;
    text-align: center;
    font-weight: 900;
    margin-bottom: 0
}

.philosophy_banner p {
    color: #012052;
    font-size: 17px;
    text-align: center;
    font-weight: 900;
    margin-top: 5px;
    line-height: 28px;
    margin-bottom: 0
}

.philosophy_center {
    position: relative
}

.background_sec {
    background-color: #f6fbff
}

.what_about_text {
    box-shadow: 2px 2px 15px rgba(64, 67, 150, .15);
    border-radius: 20px 20px 20px 20px;
    background-color: #fff
}

.what_about_con {
    background-color: transparent;
    border: 5px solid #e2694b;
    border-radius: 20px 0 0 20px;
    border-right: 0
}

.our_story .what_about_con_1 .what_about_con {
    border: 5px solid #e2694b;
    border-radius: 0 20px 20px 0;
    border-left: 0
}

.what_about_con h3 {
    font-size: 28px;
    color: #353535;
    font-weight: 900;
    line-height: 38px;
    letter-spacing: .5px;
    margin-bottom: 5px
}

.what_about_con p {
    font-size: 14px;
    color: #717171;
    font-weight: 700;
    margin-bottom: 0;
    letter-spacing: .3px
}

.main_partner h3 {
    font-size: 28px;
    color: #353535;
    font-weight: 900;
    line-height: 38px;
    letter-spacing: .5px;
    margin-bottom: 5px
}

.consulting_services_con h2 {
    font-size: 35px;
    color: #353535;
    font-weight: 900;
    letter-spacing: .5px;
    margin-bottom: 5px
}

.consulting_services_img {
    text-align: center
}

.story_logo {
    text-align: center
}

.our_founders {
    background-color: #f6fbff
}

.our_clients .portfolio_hover_con p {
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    color: rgba(255, 255, 255, .8);
    letter-spacing: .5px
}

.our_clients .portfolio_hover_con h3 {
    font-size: 24px
}

.our_clients .portfolio_hover_con_middle h4 {
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    margin-top: 15px;
    margin-bottom: 30px
}

.our_clients .portfolio_hover_con_middle h4 img {
    margin-right: 5px;
    margin-top: -7px
}

.founder_box {
    box-shadow: 0 4px 10px rgb(0 0 0 / 10%);
    background-color: #fff;
    border-radius: 100%;
    height: 243px;
    width: 100%
}

.founder_img {
    border: 5px solid transparent
}

.founder_box:hover .founder_img {
    border: 5px solid #e2694b;
    transition: all ease 0.5s 0s
}

#founder_sec .owl-item img {
    display: block;
    width: 100%;
    height: 100%
}

.slide__tooltip {
    position: absolute;
    width: auto;
    top: calc(100% + 35px);
    left: 0;
    padding: 15px 8px;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0;
    visibility: hidden;
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
    white-space: nowrap;
    background: #e2694b;
    border-radius: 10px;
    width: 100%;
    z-index: 3;
    -webkit-transition: opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;
    -o-transition: transform 0.3s, opacity 0.3s, visibility 0.3s;
    transition: transform 0.3s, opacity 0.3s, visibility 0.3s;
    transition: transform 0.3s, opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s
}

.slide__tooltip:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    bottom: 100%;
    left: 45%;
    border-width: 0 17px 17px;
    border-style: solid;
    border-color: transparent transparent #e2694b
}

.founder_box:hover .slide__tooltip {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    visibility: visible
}

c #founder_sec .owl-stage-outer {
    height: 400px
}

.slide__tooltip h4 {
    font-size: 16px;
    color: #fff;
    text-transform: capitalize;
    text-align: center;
    font-weight: 600;
    letter-spacing: .5px
}

.slide__tooltip p {
    font-size: 15px;
    color: #fff;
    text-transform: capitalize;
    text-align: center;
    margin-bottom: 0;
    letter-spacing: .5px
}

.our_founders {
    padding-bottom: 280px
}

.founder_main {
    margin-top: -200px
}

#founder_sec.owl-carousel .owl-nav.disabled {
    display: block;
}

#founder_sec .owl-stage-outer {
    padding-bottom: 130px
}

.founder_img img {
    width: 100%
}

.founder_con {
    padding: 30px
}

.founder_con h3 {
    font-size: 24px;
    color: #000;
    font-weight: 900;
    text-align: center
}

.founder_con h5 {
    font-size: 14px;
    color: #e2694b;
    font-weight: 700;
    text-align: center;
    margin-bottom: 0
}

.founder_hover p {
    font-size: 13px;
    color: #fff;
    line-height: 28px;
    text-align: center
}

.founder_img {
    position: relative;
    border-radius: 5px 5px 0 0;
    overflow: hidden
}

.founder_hover {
    position: absolute;
    top: 0;
    padding: 30px;
    height: 100%;
    opacity: 0;
    transition: all ease 0.5s 0s;
    background-color: rgba(0, 57, 150, .8)
}

.founder_con_box {
    display: table;
    height: 100%
}

.founder_img {
    border-radius: 100%;
    height: 100%
}

.founder_box:hover .founder_hover {
    opacity: 1;
    transition: all ease 0.5s 0s
}

.founder_social a img {
    width: auto
}

.founder_social {
    text-align: center
}

.founder_box_con {
    display: table-cell;
    vertical-align: middle
}

.extra_page {
    margin-bottom: 60px
}

.support_con ul {
    padding: 0;
    margin-top: 20px
}

.support_icon {
    width: 190px;
    height: 190px;
    border-radius: 100%;
    box-shadow: 0 1px 10px rgba(64, 67, 150, .15);
    text-align: center;
    line-height: 180px;
    margin: 0 auto
}

.support_icon_icon {
    position: relative
}

.support_con ul li img {
    margin-right: 10px;
    margin-top: 0
}

.support_con ul li {
    list-style: none;
    color: #717171;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 15px;
    display: flex
}

#founder_sec2 .down_arrow {
    line-height: 27px
}

.down_arrow {
    height: 30px;
    width: 30px;
    background-color: #e2694b;
    border-radius: 100%;
    text-align: center;
    line-height: 30px;
    margin: -10px auto 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1224;
    border: 1px solid #fff
}

.support_services_box h4 {
    font-size: 20px;
    color: #353535;
    font-weight: 800;
    text-align: center;
    margin-top: 20px;
    line-height: 32px;
    padding: 0 15px;
    margin-bottom: 5px
}

.extra_down::before {
    content: none
}

.pl0 {
    padding-left: 0;
    padding-right: 0
}

.it_support_services.top_title {
    padding-bottom: 50px
}

.support_services_box {
    position: relative;
    text-align: center
}

.left_side_con_box {
    padding: 50px 50px 40px 50px;
    display: inline-block;
    width: 100%
}

.maintenance_sec .what_about_con {
    height: 100%
}

.what_about .common_btn {
    position: relative;
    width: 100%
}

.our_story .common_btn {
    position: relative;
    width: 100%;
    bottom: -40px
}

.what_about_con_1 {
    display: table
}

.border_img {
    margin-bottom: 10px
}

.what_about .main_partner .common_btn {
    text-align: right;
    display: block
}

.our_story .common_btn {
    text-align: right;
    display: block
}

.white_con ul li {
    list-style: none;
    color: #717171;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 15px;
    display: flex
}

.our_story .ss_price_calculator {
    background: #e2694b
}

.what_about .ss_price_calculator:before {
    top: 0
}

.what_about .ss_price_calculator:after {
    width: 53px;
    left: 74.1%
}

.what_about_con_1 {
    height: 100%;
    width: 100%
}

.main_parthner_1 {
    width: 100%;
    height: 100%
}

.consulting_services_con p {
    font-size: 14px;
    color: #717171;
    letter-spacing: .3px;
    font-weight: 700;
    margin-bottom: 15px
}

.accordion-item {
    border: none
}

button.accordion-button.collapsed {
    color: #353535;
    font-size: 16px;
    font-weight: 600
}

.accordion-button:not(.collapsed) {
    color: #fff;
    background-color: transparent;
    box-shadow: none;
    font-weight: 600;
    font-size: 16px;
    border-radius: 5px;
    position: relative;
    z-index: 125
}

.faq .accordion-button:before {
    content: "";
    position: absolute;
    top: 3px;
    left: 0;
    background: #64aaff;
    width: 99%;
    height: 99%;
    z-index: 12;
    border-radius: 5px
}

.collapsed:before {
    display: none
}

.ss_bg_shap_index {
    position: relative;
    z-index: 1024;
    width: 100%;
    display: inline-block;
    padding: 1rem 1.25rem
}

.accordion-header {
    margin-bottom: 15px;
    border: none;
    border-radius: 5px 5px 0 0;
    clip-path: polygon(0 0, 100% 0%, 97.4% 100%, 0% 100%);
    border-bottom: 2px solid rgba(0, 0, 0, .1)
}

.accordion-body {
    font-size: 14px;
    color: #717171;
    padding: 30px;
    margin-bottom: 20px;
    position: relative;
    min-height: 160px;
    overflow: hidden;
    line-height: 28px;
    letter-spacing: 0
}

.accordion .accordion-item:last-child .accordion-header {
    margin-bottom: 0
}

.accordion-button i {
    font-size: 32px;
    float: right;
    position: absolute;
    right: 18px
}

button.accordion-button.collapsed i {
    transform: rotate(0);
    transition: all ease 0.5s 0s;
    clip-path: polygon(0 0, 100% 0%, 98% 100%, 0% 99%)
}

.accordion-button::after {
    content: none
}

.back_img_faq {
    position: absolute;
    right: -15px;
    top: 15%;
    opacity: 10%
}

button.accordion-button.collapsed i {
    color: #042458
}

button.accordion-button i {
    transform: rotate(180deg);
    transition: all ease 0.5s 0s
}

.devlopment_box_con {
    margin-bottom: 0;
    box-shadow: 1px 1px 10px rgb(64 67 150 / 10%);
    padding: 20px 15px 70px;
    border-radius: 15px;
    background-color: #fff
}

.bottom_devlopment .devlopment_box_con {
    padding: 60px 10px 20px
}

.bottom_devlopment .devlopment_icon {
    margin-bottom: -60px
}

.devlopment_box.active .devlopment_box_con {
    background-color: #e2694b
}

.devlopment_box.active .devlopment_box_con h3,
.devlopment_box.active .devlopment_box_con p {
    color: #fff
}

.sidebar_box {
    position: relative
}

.color-switcher {
    position: fixed;
    top: 300px;
    right: -420px;
    width: 420px;
    text-align: center;
    transition: all 0.5s ease 0s;
    z-index: 999;
    z-index: 1043;
    border-radius: 0 0 0 0;
    transition: 0.8s all;
    -webkit-transition: 0.8s all;
    -moz-transition: 0.8s all;
    -ms-transition: 0.8s all;
    -o-transition: 0.8s all
}

.theme-color {
    display: block;
    float: left;
    height: 45px;
    margin: 0 2.5% 10px;
    cursor: pointer;
    position: relative
}

.various-color {
    overflow: hidden;
    background-color: transparent;
    position: relative;
    left: 400px;
    transition: 0.8s all;
    -webkit-transition: 0.8s all;
    -moz-transition: 0.8s all;
    -ms-transition: 0.8s all;
    -o-transition: 0.8s all
}

.colors-list {
    margin: 0 auto;
    position: absolute;
    top: 25%;
    left: 0;
    width: 100%;
    padding: 16%
}

.colors-list p {
    margin-bottom: 0;
    font-size: 14px
}

.color-trigger {
    position: absolute;
    top: -30px;
    height: 40px;
    left: 0;
    width: 40px;
    line-height: 40px;
    cursor: pointer
}

.color-switcher.switcher-palate {
    right: 0;
    min-width: 400px;
    transition: 0.8s all;
    -webkit-transition: 0.8s all;
    -moz-transition: 0.8s all;
    -ms-transition: 0.8s all;
    -o-transition: 0.8s all
}

.ss_price_calculator1 {
    right: 0;
    text-decoration: none;
    text-transform: uppercase;
    transform-origin: bottom right;
    position: absolute;
    top: 120px;
    min-width: 80px;
    display: inline-block;
    color: #fff;
    border-radius: 50px;
    line-height: 45px;
    text-align: center;
    left: -20px;
    cursor: pointer;
    transform: rotate(0)
}

.ss_price_calculator1>.mascort_right_images {
    height: 160px;
    min-width: 119px;
    display: inline-block;
    color: #fff;
    border-radius: 10px 10px 0 0;
    line-height: 45px;
    text-align: center;
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .3px
}

.ss_price_calculator1 .btn_arrow {
    width: 50px;
    height: 100%;
    background-image: url(../images/btn_arrow.svg);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: -16px;
    transform: scale(1.2)
}

.ss_price_calculator1 .btn_arrow::after {
    content: "";
    height: 12px;
    width: 12px;
    background-image: url(../images/right-icon.svg);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 4px;
    right: 0;
    margin: 0 auto;
    top: 12px;
    bottom: 0
}

.ss_price_calculator1 a .btn_arrow {
    transition: 1s all
}

.ss_price_calculator1 a:hover .btn_arrow {
    left: 90%
}

.s-text h3 {
    line-height: 25px;
    font-size: 16px;
    color: #042458;
    font-weight: 800
}

.ss_price_calculator a {
    color: #fff
}

.main_client_box {
    border-radius: 20px;
    text-align: center;
    padding: 30px 30px 30px 30px;
    box-shadow: 1px 1px 10px rgb(64 67 150 / 10%);
    position: relative;
    margin-bottom: 30px
}

#portfolio_partner .owl-item img {
    display: block;
    width: 80px !important;
    margin: auto
}

#portfolio_partner .owl-stage {
    padding-top: 50px
}

.main_client_box h5 {
    font-size: 20px;
    color: #000;
    font-weight: 900;
    margin-top: 20px
}

.main_client_box p {
    font-size: 14px;
    color: #000;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 10px
}

.client_border {
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.client_btn .btn_arrow {
    width: 60px;
    height: 50px;
    background-image: url(../images/arrow_right.svg);
    background-repeat: no-repeat;
    background-size: cover;
    position: unset;
    left: auto;
    transform: scale(1.2);
    text-align: center;
    margin: 0 auto
}

.partners_projects_img {
    margin-top: -70px
}

.partners_projects_img img {
    width: 80px
}

.client_btn {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -35px
}

.phone_sec {
    display: none
}

.desktop_sec {
    display: block
}

.top_img {
    height: auto
}

.top_img img {
    width: auto;
    height: 100%;
    object-fit: cover
}

.ss_aye_logo,
.ss_hand_logo {
    opacity: 0;
    transition: 0.5s all
}

.fixed .ss_aye_logo,
.fixed .ss_hand_logo {
    opacity: 1
}

.extra_text {
    background-color: #f6fbff;
    padding: 80px 0
}

.design_main_box {
    background-color: #fff;
    border-radius: 20px;
    padding: 25px;
    box-shadow: 1px 1px 10px rgba(64, 67, 150, .1)
}

.design_icon {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    box-shadow: 0 0 4px rgba(0, 0, 0, .1)
}

.design_icon {
    text-align: center;
    line-height: 100px
}

.design_con h4 {
    font-size: 24px;
    color: #012052;
    font-weight: 900;
    margin-bottom: 0
}

.design_con p {
    font-size: 14px;
    font-weight: 800;
    color: #717171
}

.ss_main_services_box {
    position: relative;
    padding: 39px 0
}

.ss_round_img_top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.ss_round_img_bottom img,
.ss_round_img_top img {
    width: 100%
}

.ss_round_img_bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

.extra_text {
    background-color: #f6fbff;
    padding: 60px 0
}

.design_main_box {
    background-color: #fff;
    border-radius: 20px;
    padding: 25px;
    box-shadow: 1px 1px 10px rgba(64, 67, 150, .1)
}

.design_icon {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    box-shadow: 0 0 4px rgba(0, 0, 0, .1)
}

.design_icon {
    text-align: center;
    line-height: 100px
}

.design_con h4 {
    font-size: 24px;
    color: #012052;
    font-weight: 900;
    margin-bottom: 0
}

.design_con p {
    font-size: 14px;
    font-weight: 700;
    color: #717171;
    letter-spacing: .3px;
    margin-bottom: 0
}

.design_main_box {
    margin-bottom: 15px;
    margin-top: 15px
}

.main_partner p {
    font-size: 14px;
    color: #717171;
    font-weight: 700;
    letter-spacing: .3px;
    margin-bottom: 13px
}

.maintenance_sec1 .what_about_con {
    background-color: #003996;
    padding: 60px;
    border-radius: 0 20px 20px 0
}

.maintenance_1 .what_about_con {
    border-radius: 20px 0 0 20px
}

.maintenance_sec1 .main_partner {
    padding: 80px 30px
}

.left_white .main_partner {
    padding: 80px 60px
}

.ss_white_svg {
    margin-bottom: 15px
}

.mt-6 {
    margin-top: 60px
}

.ui_services_in_figures {
    background-color: #f6fbff
}

.ui_services_in_figures_icon {
    height: 100px;
    width: 100px;
    border-radius: 100%;
    background-color: #fff;
    border: 5px solid #f6fbff;
    margin: 0 auto;
    margin-top: -95px
}

.ui_services_in_figures_con {
    text-align: center;
    background: #fff;
    border-radius: 5px;
    padding: 40px 20px;
    box-shadow: 0 4px 10px rgb(0 0 0 / 5%)
}

.ui_services_in_figures_con h5 {
    color: #e2694b;
    font-size: 20px;
    font-weight: 900;
    text-align: center;
    margin-top: 25px
}

.ui_services_in_figures_con svg rect {
    fill: #e2694b
}

.sub_title {
    color: #000 !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    text-align: center;
    margin-top: 25px;
    line-height: 30px;
    min-height: 60px
}

.ui_services_in_figures_icon p {
    color: #000;
    font-size: 30px;
    font-weight: 900;
    text-align: center;
    line-height: 89px;
    margin-bottom: 0
}

.ui_services_in_figures_box:hover .ui_services_in_figures_con {
    background-color: #e2694b;
    transition: all ease 0.5s 0s
}

.ui_services_in_figures_box:hover .ui_services_in_figures_con h5 {
    color: #fff;
    transition: all ease 0.5s 0s
}

.ui_services_in_figures_box:hover .ui_services_in_figures_con .sub_title {
    color: #fff !important;
    transition: all ease 0.5s 0s
}

.ui_services_in_figures_box:hover .ui_services_in_figures_con svg rect {
    fill: #fff
}

.faq_point_box p {
    font-size: 14px;
    color: #717171;
    font-weight: 700;
    letter-spacing: .3px;
    margin-bottom: 0;
    margin-left: 10px;
    margin-top: 3px
}

.faq_point {
    margin-top: 20px
}

.faq_point_box .bd-highlight {
    margin-bottom: 5px
}

.contact_point {
    background-color: #ffe68c;
    border-radius: 20px;
    padding: 50px;
    height: 100%;
    display: table
}

.contact_point .what_about_con {
    padding: 0
}

.contact_point h3 {
    font-size: 28px;
    color: #353535;
    font-weight: 900;
    letter-spacing: .5px;
    margin-bottom: 5px
}

.contact_point_con p {
    font-size: 14px;
    color: #717171;
    font-weight: 600;
    margin-bottom: 5px
}

.contact_point_con p a {
    color: #e2694b
}

.contact_point_icon {
    width: 25px;
    margin-right: 10px;
    margin-top: -1px
}

.contact_form {
    box-shadow: 1px 1px 10px rgba(64, 67, 150, .1);
    background-color: #fff;
    border-radius: 20px;
    padding: 50px;
    height: 100%;
    pointer-events: none;
}

.contact_input input::placeholder {
    font-size: 14px;
    color: #042458;
    font-weight: 700;
    width: 100%;
    margin-bottom: 10px
}

.contact_input textarea::placeholder {
    font-size: 14px;
    color: #042458;
    font-weight: 700;
    width: 100%;
    margin-bottom: 10px
}

.contact_input input {
    background-color: #f6fbff;
    border-radius: 5px;
    height: 44px;
    width: 100%;
    border: none;
    padding-left: 15px;
    color: #717171;
    border-bottom: 4px solid rgba(226, 105, 75, .1)
}

.contact_input input:focus {
    outline: 0;
    transition: all ease 0.5s 0s;
    border-bottom: 4px solid #e2694b !important
}

.contact_input input {
    background-color: #f6fbff;
    border-radius: 5px;
    width: 100%;
    border: none;
    padding-left: 15px;
    color: #717171;
    border-bottom: 3px solid rgba(226, 105, 75, .1);
    font-weight: 600
}

.contact_input textarea:focus {
    outline: 0;
    transition: all ease 0.5s 0s;
    border-bottom: 3px solid #e2694b !important
}

.contact_input textarea {
    background-color: #f6fbff;
    border-radius: 5px;
    height: 100px;
    width: 100%;
    border: none;
    padding-left: 15px;
    color: #717171;
    border-bottom: 3px solid rgba(226, 105, 75, .1);
    padding-top: 10px
}

span.current {
    font-size: 14px;
    color: #042458;
    font-weight: 700;
    width: 100%;
    margin-bottom: 10px
}

.contact_input {
    margin-bottom: 20px
}

:focus {
    outline: 0
}

.custom-file-input {
    color: transparent
}

.custom-file-input::-webkit-file-upload-button {
    visibility: hidden
}

.custom-file-input::before {
    content: "Attach files (Word, Excel, PowerPoint, PDF and Text files only)";
    color: #fff;
    display: inline-block;
    background: #e2694b;
    padding: 10px 22px;
    outline: 0;
    white-space: nowrap;
    cursor: pointer;
    font-weight: 400;
    border-radius: 2px;
    outline: 0;
    width: 100%;
    text-align: center;
    height: 55px;
    line-height: 34px
}

.custom-file-input:focus {
    outline: 0 !important
}

input.custom-file-input {
    color: transparent;
    background-color: transparent;
    border: none;
    padding: 0;
    height: 55px
}

.form-group input[type="checkbox"] {
    display: none;
    cursor: pointer
}

.contact_input .terms {
    position: relative;
    font-size: 13px;
    color: #717171
}

.submit_button {
    float: right;
    margin-top: 20px
}

.contact_left_col {
    display: table;
    height: 100%
}

.contact_map {
    background-color: #fff;
    border-radius: 10px
}

i.fa.fa-long-arrow-left,
i.fa.fa-long-arrow-right {
    color: #e2694b;
    font-size: 22px
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
    height: 72px !important;
    width: 65px !important;
    margin: 0 10px 0 0;
    border-radius: 5px !important;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit
}

.owl-carousel .owl-nav button.owl-prev {
    background-image: url(../images/left-sliderss.svg) !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important
}

.owl-carousel .owl-nav button.owl-next {
    background-image: url(../images/right-sliderss.svg) !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important
}

.owl-carousel .owl-nav button.owl-prev {
    top: 45% !important;
    position: absolute !important;
    left: -6.5% !important
}

.owl-carousel .owl-nav button.owl-next {
    top: 45% !important;
    position: absolute !important;
    right: -8% !important
}

#portfolio_partner .owl-carousel .owl-nav button.owl-prev {
    top: 35% !important;
    position: absolute !important;
    left: -6% !important
}

#portfolio_partner .owl-carousel .owl-nav button.owl-next {
    top: 35% !important
}

.common_btn.text-right.mt_4 {
    margin-top: 40px
}

.it_carousel::before {
    background-image: url(../images/it_support_mas.svg);
    opacity: 1
}

.who_we_are_page::before {
    background-image: none;
    background-repeat: no-repeat;
    width: 20%;
    height: 250px;
    position: absolute;
    left: 0;
    top: 50px;
    z-index: 1;
    background-size: contain;
    opacity: .1
}

.it_support_services .ss_line_svg {
    width: 100%
}

select {
    display: none
}

.contact_input .dropdown {
    color: #717171;
    border-radius: 6px;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 16px;
    font-weight: 400;
    outline: 0;
    position: relative;
    text-align: left !important;
    transition: all 0.2s ease-in-out;
    user-select: none;
    white-space: nowrap;
    width: 100%;
    height: 44px;
    line-height: 44px;
    background-color: #f6fbff;
    border-radius: 5px;
    padding-left: 15px;
    border-bottom: 3px solid rgba(226, 105, 75, .1)
}

.dropdown:focus {
    background-color: #f6fbff
}

.dropdown.open,
.dropdown:active {
    background-color: #fff !important;
    box-shadow: 0 1px 4px rgba(212, 113, 113, .05) inset
}

.dropdown:after {
    height: 0;
    width: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #777;
    transform: origin(50% 20%);
    transition: all 125ms ease-in-out;
    content: "";
    display: block;
    margin-top: -2px;
    pointer-events: none;
    position: absolute;
    right: 10px;
    top: 50%
}

.dropdown.open:after {
    transform: rotate(-180deg)
}

.dropdown.open .list {
    transform: scale(1);
    opacity: 1;
    pointer-events: auto;
    width: 100%
}

.list ul {
    padding: 0;
    margin-bottom: 0
}

.list ul li {
    list-style: none
}

.dropdown.open .option {
    cursor: pointer
}

.dropdown.wide {
    width: 100%
}

.dropdown.wide .list {
    left: 0 !important;
    right: 0 !important
}

.dropdown .list {
    box-sizing: border-box;
    transition: all 0.15s cubic-bezier(.25, 0, .25, 1.75), opacity 0.1s linear;
    transform: scale(.75);
    transform-origin: 50% 0;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .09);
    background-color: #fff;
    border-radius: 6px;
    margin-top: 4px;
    padding: 3px 0;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 999;
    max-height: 250px;
    overflow-y: scroll
}

.dropdown .list:hover .option:not(:hover) {
    background-color: transparent !important
}

.dropdown .option {
    cursor: default;
    font-weight: 400;
    line-height: 40px;
    outline: 0;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    transition: all 0.2s;
    font-size: 14px
}

.dropdown .option:focus,
.dropdown .option:hover {
    background-color: #f6f6f6 !important
}

.dropdown .option.selected {
    font-weight: 600
}

.dropdown .option.selected:focus {
    background: #f6f6f6
}

.build_accordion .accordion-button.collapsed {
    padding-top: 26px;
    padding-bottom: 26px;
    padding-right: 0;
    padding-left: 0;
    font-size: 22px !important;
    color: #353535 !important;
    font-weight: 900 !important;
    background-color: transparent !important
}

.build_accordion .accordion-button.collapsed .build_down {
    transform: rotate(180deg);
    transition: all ease 0.5s 0s
}

.accordion-button .build_down img {
    transform: rotate(180deg);
    transition: all ease 0.5s 0s
}

.accordion-button.collapsed .build_down img {
    transform: rotate(180deg);
    transition: all ease 0.5s 0s
}

.mas_down .active_img {
    display: inline-block !important;
    text-align: right
}

button.accordion-button.collapsed .active_img {
    display: none
}

.accordion-collapse.collapse {
    box-shadow: 1px 1px 10px rgb(64 67 150 / 10%)
}

button:focus:not(:focus-visible) {
    outline: 0
}

.accordion-button:focus {
    border: none;
    box-shadow: none
}

span.percent:after {
    content: "%";
    display: inline-block
}

.first_count:after {
    content: "X" !important;
    display: inline-block
}

.planning_main_con {
    position: relative
}

.planning_box {
    position: absolute;
    top: 5%;
    margin: auto;
    right: 5%
}

.planning_box_text {
    width: 368px;
    height: 368px;
    background-color: #fff;
    border-radius: 100%;
    padding: 20px;
    display: table-cell;
    vertical-align: middle
}

.planning_box_text h3 {
    font-size: 25px;
    color: #042458;
    font-weight: 900;
    text-align: center;
    margin-bottom: 0
}

.planning_box_text .ss_line_svg {
    width: 100%;
    text-align: center
}

.planning_box_text h5 {
    color: #e2694b;
    font-weight: 900;
    font-size: 18px;
    text-align: center
}

.planning_box_text p {
    font-size: 14px;
    line-height: 20px;
    color: #717171;
    font-weight: 700;
    text-align: center;
    margin-bottom: 0
}

.main_planning_bg {
    background-image: url(../images/planning_bg.svg);
    background-repeat: no-repeat;
    margin: auto;
    background-position: top right;
    height: 550px;
    position: relative
}

.main_planning_bg.second_box {
    margin-top: -80px
}

.second_box_1 {
    background-image: url(../images/planning_bg1.svg);
    margin-top: -80px
}

.three_box {
    margin-top: -80px
}

.four_box {
    background-image: url(../images/planning_bg2.svg);
    background-position: top left
}

.five_box {
    background-image: url(../images/planning_bg3.svg);
    margin-top: -80px;
    background-position: top left
}

.ridebar_top .planning_box {
    position: absolute;
    top: 5%;
    margin: auto;
    left: 5%
}

.ridebar_top {
    margin-top: 18%
}

.border_box {
    border-left: 3px dotted #e5e5e5;
    height: 100%;
    width: 4px;
    margin: auto
}

.main_border_box {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    text-align: center;
    position: relative
}

.planning_check {
    position: absolute;
    top: 20%;
    left: 0;
    right: 0
}

.check_1 {
    top: 53%
}

.check_2 {
    top: 83%
}

::-webkit-scrollbar {
    width: 5px
}

::-webkit-scrollbar-track {
    background-color: #ebebeb;
    -webkit-border-radius: 10px;
    border-radius: 10px
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #e2694b
}

.down_arrow {
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate
}

.down_arrow {
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate
}

@-webkit-keyframes mover {
    0% {
        transform: translateY(0);
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center;
        transition: 0.5s all;
        border-radius: 10px
    }
}

.slider_con h3 {
    font-size: 14px;
    color: #353535;
    text-align: center;
    font-weight: 900;
    margin-bottom: 0;
    margin-top: 10px;
    line-height: 20px;
    min-height: 20px
}

#slider .owl-stage {
    padding-top: 150px;
    padding-bottom: 40px
}

.slider_con p {
    font-size: 13px;
    color: rgba(255, 255, 255, .8);
    text-align: center;
    margin-top: 5px;
    line-height: 20px
}

.slider_con p {
    display: none
}

.slider_con .btn_arrow {
    width: 50px;
    height: 40px;
    background-image: url(../images/arrow_right.svg);
    background-repeat: no-repeat;
    background-size: cover;
    position: unset;
    left: auto;
    transform: scale(1.2);
    text-align: center;
    margin: 0 auto
}

.slider_con .btn_arrow::after {
    left: 2px
}

.slider_arrow {
    margin-bottom: -70px
}

.slider_arrow {
    display: none
}

.slider_arrow,
.slider_con p {
    display: block;
    transition: all ease 0.5s 0s
}

.slider_bg_color {
    z-index: 1000;
    position: relative
}

.get_in_touch_box {
    position: relative;
    overflow: hidden
}

.get_in_touch_box {
    background-image: url(../images/modern.jpg);
    height: 100%;
    width: 100%;
    border-radius: 30px;
    background-size: cover
}

.get_in_touch_con h2 {
    font-weight: 900;
    font-size: 35px;
    color: #fff;
    margin-bottom: 0;
    text-transform: capitalize
}

.get_in_touch_con {
    z-index: 999;
    position: relative
}

.get_in_touch_con .carousel_border::after,
.get_in_touch_con .carousel_border::before {
    background-color: #fff
}

.get_in_touch_con p {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    letter-spacing: .5px;
    margin-bottom: 25px;
    padding-top: 5px
}

.get_in_touch_box .common_btn {
    margin-top: 0;
    padding: 50px;
    position: relative;
    z-index: 10
}

.portfolio_con {
    box-shadow: 0 4px 4px rgba(0, 0, 0, .05);
    border-radius: 0 0 5px 5px;
    padding: 15px 10px
}

.fac_icon {
    height: 30px;
    width: 30px;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 5px;
    margin-left: 10px
}

.portfolio_con {
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
    z-index: 999;
    position: relative;
    display: flex
}

.portfolio_con h3 {
    color: #353535;
    font-weight: 900;
    font-size: 16px;
    margin-bottom: 0;
    display: table-cell;
    vertical-align: middle
}

.portfolio_text {
    display: table
}

.porfolio_fac {
    display: flex;
    margin-top: 0
}

.portfolio_tabel .fac_icon {
    background-color: #fff
}

.portfolio_tabel .porfolio_fac {
    display: inline-flex
}

.portfolio_img {
    box-shadow: 0 4px 10px rgb(0 0 0 / 10%);
    border-radius: 5px;
    position: relative;
    height: auto;
    overflow: hidden
}

.portfolio_img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.portfolio_con p {
    color: #929292;
    font-weight: 700;
    font-size: 10px;
    margin-bottom: 0
}

.portfolio_hover_con h3 {
    font-weight: 900;
    font-size: 18px;
    color: #fff;
    margin-bottom: 0;
    text-transform: capitalize
}

.portfolio_hover_con {
    text-align: center
}

.portfolio_hover_con .carousel_border::before {
    width: 20px;
    background-color: rgba(255, 255, 255, .5)
}

.portfolio_hover_con .carousel_border::after {
    width: 4px;
    background-color: rgba(255, 255, 255, .5)
}

.portfolio_hover_con {
    position: absolute;
    top: 0;
    width: 100%;
    padding: 25px 25px 25px 25px;
    height: 100%;
    border-radius: 5px;
    background-color: #e2694b;
    display: inline-block
}

.portfolio_hover_con_middle {
    display: table;
    height: 100%;
    width: 100%
}

.portfolio_tabel {
    display: table-cell;
    vertical-align: middle
}

.portfolio_hover_con p {
    font-size: 12px;
    font-weight: 700;
    line-height: 22px;
    color: #fff;
    letter-spacing: .5px;
    white-space: normal
}

.portfolio_box {
    position: relative;
    display: inline-block;
    width: 100%
}

.portfolio_box .portfolio_hover_con {
    opacity: 0;
    transition: all ease 0.5s 0s;
    z-index: 9999;
}

.portfolio_box:hover .portfolio_hover_con {
    opacity: 1;
    transition: all ease 0.5s 0s
}

.portfolio_box {
    margin-top: 15px;
    transition: all ease 0.5s 0s
}

.portfolio_box:hover .portfolio_con {
    opacity: 0;
    transition: all ease 0.5s 0s
}

.ss_latest_blog {
    padding: 60px 0
}

.ss_latest_blog_box {
    background-color: #fff;
    box-shadow: 0 4px 4px rgb(0 0 0 / 5%);
    width: 100%;
    display: inline-block;
    transition: 0.5s all;
    position: relative;
    top: 0;
    border-radius: 10px;
    margin-bottom: 30px
}

.ss_latest_blog_box .ss_blogs_des {
    width: 100%;
    padding: 25px 25px 30px 25px
}

.ss_latest_blog_box .ss_blogs_des h2 {
    line-height: 19px;
    height: 53px;
    overflow: hidden
}

.ss_latest_blog_box .ss_blogs_des h2 a {
    font-size: 16px;
    color: #353535;
    font-weight: 900;
    line-height: 19px;
    margin-bottom: 5px
}

.ss_blogs_date {
    padding: 0;
    margin-bottom: 10px
}

.ss_blogs_date li {
    list-style: none;
    display: inline-block;
    padding-right: 3px;
    color: #717171;
    font-size: 12px;
    font-weight: 600
}

.ss_blogs_date li img {
    margin-top: -1px
}

.ss_blogs_des p {
    color: #717171;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.ss_blogs_date li img {
    padding-right: 4px;
    height: 14px
}

.bar1,
.bar2,
.bar3 {
    width: 30px;
    height: 3px;
    border-radius: 5px;
    background-color: #333;
    margin: 6px 0;
    transition: 0.4s
}

.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-5px, 6px);
    transform: rotate(-45deg) translate(-5px, 6px);
    background: #fd003a
}

.change .bar2 {
    opacity: 0
}

.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-7px, -8px);
    transform: rotate(45deg) translate(-7px, -8px);
    background: #fd003a
}

.navbar-light .navbar-toggler {
    color: transparent;
    border-color: transparent;
    padding: 0
}

.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: 0 0
}

footer {
    padding-top: 50px;
    background-image: url(../images/footer_bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    border-top: 2px solid rgba(219, 219, 219, .3);
    background-position: revert;
    background-color: #fff;
    position: relative
}

.three_icons a img{
    border-radius: 10px;
    width: 100%;
}
.three_icons a {
    display: flex;
    height: 80px;
    width: 100%;
    align-items: center;
    justify-content: start;
}
.three_icons{
    margin-top: 50px;
    gap: 5px;
}

/* .premium_logo {
    background-color: #717171;
} */

.footer_logo {
    margin-bottom: 10px
}

.footer_about p {
    color: #717171;
    font-size: 14px;
    line-height: 20px;
    margin-top: 10px;
    font-weight: 600
}

.footer_social ul {
    padding: 0;
    display: flex;
    align-items: center;
}

.footer_social ul li {
    list-style: none;
    display: inline-block;
    margin-right: 10px !important
}

.footer_social ul li a:hover {
    padding-left: 0 !important;
}

.footer_social ul li a {
    text-align: center;
    margin-left: 0 !important;
}

.footer_social ul li a  {
    height: 38px;
    width: 38px;
    border-radius: 50px;
    line-height: 40px;
    font-size: 15px !important;
    transition: all ease 0.5s 0s;
    background: #e2694b;
    color: #fff;
    position: relative !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer_social ul li a img {
    width: 12px;
}

.footer_social ul li a:hover {
    background: #64aaff;
    color: #fff
}

.footer_link h3 {
    color: #353535;
    font-weight: 800;
    font-size: 20px;
    margin-bottom: 0
}

.footer_link .carousel_border::before {
    width: 20px;
    background-color: #64aaff
}

.footer_link .carousel_border::after {
    width: 4px;
    background-color: #64aaff
}

.footer_link .carousel_border {
    margin-top: 5px;
    margin-bottom: 20px
}

.footer_link ul {
    padding: 0;
    margin-top: 20px;
    margin-bottom: 0;
}

.footer_link ul li {
    list-style: none;
    line-height: 34px;
    position: relative
}

.footer_link ul li a {
    color: #717171;
    font-size: 14px;
    font-weight: 600;
    margin-left: 20px;
    left: 0;
    transition: all ease 0.5s 0s
}

.footer_link ul li a:hover {
    padding-left: 5px;
    color: #e2694b;
    transition: all ease 0.5s 0s;
    font-weight: 600;
}

.footer_link ul li a i {
    font-size: 20px;
    margin-top: 9px;
    position: absolute;
    left: -5px;
}

.address_con p {
    font-size: 14px;
    color: #717171;
    font-weight: 600;
    letter-spacing: .3px;
    margin-bottom: 0;
    position: relative
}

.address_con p a {
    color: #717171
}

.in-call-box p a {
    color: #717171
}

.in-call-box p {
    margin: 0
}

.address_icon {
    margin-top: -4px
}

.address_box {
    display: -webkit-box;
    margin: 20px 0
}

.footer_bottom {
    margin-top: 20px;
    border-top: 1px solid rgba(119, 119, 119, .2)
}

.footer_bottom p {
    font-size: 14px;
    color: #717171;
    text-align: center;
    padding-top: 18px;
    padding-bottom: 18px;
    margin-bottom: 0;
    font-weight: 600
}

.footer_bottom p a {
    color: #e2694b
}

.address_icon {
    height: 35px;
    width: 35px;
    border-radius: 35px;
    position: relative;
    display: inline-block;
    display: flex;
    align-items: center;
    justify-content: center
}

.address_icon img {
    object-fit: cover
}

.ss_sottware_box .ss_products_box {
    position: absolute;
    bottom: 16%;
    left: 28%
}

.ss_sottware_box .ss_products_box img {
    height: 130px
}

.ss_sottware_box .ss_products_box img {
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate
}

@-webkit-keyframes mover {
    0% {
        transform: translateY(0)
    }
    100% {
        transform: translateY(-12px)
    }
}

@keyframes mover {
    0% {
        transform: translateY(0)
    }
    100% {
        transform: translateY(-12px)
    }
}

header {
    transition: height 0.5s ease-in
}

.address_icon-images {
    height: 35px;
    width: 35px;
    border-radius: 35px;
    position: relative;
    overflow: hidden;
    display: inline-block
}

.ss_main_logo_des {
    padding-left: 0;
    transition: 1s all
}

.fixed .ss_main_logo_des {
    -webkit-transform: translateX(-50px) scale(.5);
    -ms-transform: translateX(-50px) scale(.5);
    transform: translateX(-50px) scale(.5);
    opacity: 0
}

.ss_main_logo {
    position: relative
}

.fixed .ss_mobiles_logo img {
    opacity: 1;
    left: 79px;
    top: 4px;
    height: 90px;
    z-index: 13
}

.ss_main_logo .logoiconA>img {
    height: 62px;
    position: relative;
    z-index: 15;
    top: 3px
}

.logoiconA {
    position: relative;
    padding: 10px;
    z-index: 10
}

.ss_hand_logo {
    position: absolute;
    bottom: -14px;
    left: 7px;
    height: 70px
}

.ss_aye_logo {
    position: absolute;
    right: 20px;
    top: -14px;
    z-index: 15
}

.ss_aye_logo>img {
    height: 23px !important
}

.ss_hand_logo img {
    height: 51px !important
}

.ss_mobiles_logo img {
    position: absolute;
    height: 42px;
    opacity: 0;
    transition: 0.5s all;
    left: 49px;
    top: 15px;
    -webkit-transform: translateX(-26px) scale(.5);
    -ms-transform: translateX(-26px) scale(.5);
    transform: translateX(-26px) scale(.5)
}

.desktop_con {
    display: block
}

.phone_con {
    display: none
}

.devlopment_box_con {
    margin-bottom: 15px;
    box-shadow: 1px 1px 10px rgb(64 67 150 / 10%);
    padding: 40px 15px 60px
}

.video_img video {
    background-color: #fff;
    width: 100%
}

.video_con {
    margin-top: -50px;
    z-index: 999;
    position: relative
}

.desktop_video {
    display: block
}

.phone_video {
    display: none
}

button.why_four,
button.why_one,
button.why_three,
button.why_two {
    border: none;
    background-color: transparent;
    text-align: left
}

.why_box_open i {
    height: 26px;
    width: 26px;
    background-color: #e2694b !important;
    border-radius: 50px;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    text-align: center
}

.why_box_open {
    display: none
}

#button {
    display: inline-block;
    background-image: url(../images/back_to_top.svg);
    background-repeat: no-repeat;
    width: 60px;
    height: 60px;
    text-align: center;
    border-radius: 4px;
    position: fixed;
    bottom: 15px;
    right: 15px;
    transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
    opacity: 0;
    visibility: hidden;
    z-index: 99999999
}

#button.show {
    opacity: 1;
    visibility: visible;
    z-index: 9999
}

.desktop_view {
    display: block
}

.phone_view {
    display: none
}

.flip-card {
    background-color: transparent;
    width: 100%;
    height: 100px;
    margin-bottom: 20px;
    perspective: 1000px
}

.why_vitec .flip-card:nth-child(4) {
    margin-bottom: 0
}

.flip-card .inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.8s;
    transform-style: preserve-3d
}

.flip-card .inner .back,
.flip-card .inner .front {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: flex;
    flex-direction: column
}

.flip-card .inner .back {
    background-color: #fff;
    box-shadow: 0 4px 4px rgb(0 0 0 / 5%);
    border-radius: 100px;
    transform: rotateX(180deg);
    padding: 26px;
    text-align: left;
    display: table;
    min-height: 109px
}

.flip-card:hover .inner {
    transform: rotateX(180deg)
}

.front_box {
    background-color: #fff;
    box-shadow: 0 4px 4px rgb(0 0 0 / 5%);
    border-radius: 100px;
    padding: 10px;
    display: flex
}

.why_vitec_title h2 {
    font-size: 35px;
    color: #353535;
    font-weight: 900;
    margin-bottom: 0
}

.why_vitec_title .ss_line_svg {
    margin-bottom: 15px
}

.front_img {
    margin-right: 15px
}

.back {
    text-align: center
}

.back_con p {
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    color: #717171;
    margin-bottom: 0;
    letter-spacing: .3px;
    margin-bottom: 0
}

.inner:hover .back {
    color: #fff;
    background-color: #e2694b;
    transition: all ease 0.5s 0s
}

.inner:hover .back .back_con p {
    color: #fff;
    transition: all ease 0.5s 0s
}

.why_vitec_btn {
    text-align: center
}

.why_vitec_btn1 {
    text-align: right
}

.portfolio_hover_con .slider_arrow {
    display: none
}

.portfolio_btn {
    width: 60px;
    height: 50px;
    background-image: url(../images/btn_arrow.svg);
    background-repeat: no-repeat;
    background-size: cover;
    position: unset;
    left: auto;
    transform: scale(1.2);
    text-align: center
}

.portfolio_btn::after {
    content: "";
    height: 12px;
    width: 12px;
    background-image: url(../images/right-icon.svg);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 2px;
    right: 0;
    margin: 0 auto;
    top: 15px;
    bottom: 0
}

.why_vitec_btn .common_btn a {
    min-width: 272px;
    clip-path: polygon(0 0, 100% 0, 91% 100%, 9% 100%)
}

.why_vitec_btn .common_btn a:hover .btn_arrow {
    left: 85%
}

.ss_latest_blog_box .images {
    height: auto;
    width: 100%;
    position: relative
}

.ss_latest_blog_box .images>img {
    object-fit: cover
}

.ss_hover_arrow {
    display: inline-block
}

.more_btn a img,
.ss_hover_arrow a img {
    height: 60px
}

.ss_line_images img {
    height: 5px
}

.ss_line_images {
    padding: 12px 0 6px 0
}

.portfolio_hover_con_middle h3 {
    text-transform: none
}

.ss_price_calculator_model {
    text-align: center;
    padding: 10% 5%;
    position: relative
}

.model_calculator_img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    line-height: 150px;
    text-align: center
}

.s-text {
    margin-top: 0
}

.side_mas {
    height: 150px;
    width: 150px;
    border-radius: 100%;
    margin-top: -75px
}

.ss_price_calculator_model .ss_index_up {
    z-index: 1010;
    position: relative
}

.modal-header {
    border-bottom: transparent
}

.ss_price_calculator_model p {
    text-transform: capitalize;
    color: #717171;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px
}

.ss_price_calculator_model .ss_index_up .ss_price_calculator {
    padding-top: 20px
}

.ss_price_calculator_model .ss_index_up h2 {
    padding: 0
}

.ss_close_model {
    position: absolute;
    right: 0;
    z-index: 1022
}

.ss_carousel_border_model_lines {
    padding-bottom: 10px;
    margin-top: -6px
}

.slider_icon_img img {
    margin: auto
}

.desktop_services_360 .slider_con h3 {
    line-height: 20px;
    min-height: 30px !important
}

.desktop_services_360 .slider_item {
    margin-top: 60px;
    display: block
}

.desktop_services_360 {
    display: block
}

.phone_services_360 {
    display: none
}

.top_video {
    position: relative;
    z-index: 9;
    overflow: hidden
}

.get_in_touch_box::before {
    content: "";
    background: rgba(19, 189, 252, .9);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}

.phone_view .why_con_text h3 {
    margin-bottom: 10px
}

.slider_item:hover .slider_con::after {
    content: "";
    background-image: url(../images/v_video.mp4);
    border-radius: 10px;
    padding: 90px 10px 40px;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    z-index: 0
}

.right_side {
    text-align: right
}

.ss_price_calculator {
    height: 45px;
    min-width: 200px;
    background: #003996;
    display: inline-block;
    color: #fff;
    border-radius: 0 0 0 0;
    line-height: 45px;
    text-align: center;
    position: relative;
    transition: 0.2s all;
    border: 0;
    font-weight: 700;
    font-size: 13px;
    clip-path: polygon(0 0, 88% 0, 100% 100%, 12% 100%)
}

.ss_price_calculator:before {
    content: "";
    top: 0;
    left: -.2px;
    background-image: url(../images/logo_white_icon.svg);
    height: 45px;
    width: 50px;
    position: absolute;
    background-size: cover;
    transition: 0.8s all
}

.ss_price_calculator:after {
    content: "";
    top: 0;
    left: 73%;
    height: 49px;
    width: 53px;
    position: absolute;
    background-size: contain;
    transition: 0.8s all;
    background-image: url(../images/right_hover.svg);
    opacity: 0;
    font-size: 14px;
    color: #003996;
    line-height: 35px;
    background-repeat: no-repeat
}

*,
::after,
::before {
    box-sizing: border-box
}

.why_vitec_btn .common_btn a:after {
    content: "";
    top: -1px;
    left: 82%
}

.ss_price_calculator:hover:before {
    content: "";
    top: -1px;
    left: 100%;
    opacity: 0
}

.why_vitec_btn .common_btn a:hover:before {
    left: 86%
}

.ss_price_calculator:hover:after {
    opacity: 1
}

.ss_price_calculator:hover {
    background: #e2694b;
    color: #fff;
    clip-path: polygon(12% 0, 100% 0, 88% 100%, 0 99%)
}

.ss_price_calculator .ss_button_images_logo img {
    height: 100%
}

.ss_left20 {
    padding-left: 20px
}

.desktop_services .row {
    width: 100%
}

.concept_start {
    position: absolute;
    top: -80px;
    left: -40px
}

.desktop_services {
    position: relative
}

.devlopment_partner {
    position: relative;
    overflow: hidden
}

.ss_line_svg {
    display: inline-block;
    position: relative;
    top: -5px
}

.ss_line_svg svg rect {
    fill: #64aaff
}

.why_vitec_btn .common_btn a:hover .ss_button_images_logo {
    position: absolute;
    left: 86%
}

.why_vitec_btn {
    padding-top: 40px
}

.ss_bottom_arrow {
    position: absolute;
    bottom: -30px;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 1100
}

.ss_bottom_arrow img {
    height: 55px !important;
    display: inline-block !important;
    width: auto !important
}

#portfolio .owl-stage-outer {
    padding-bottom: 30px
}

.concept_end>img,
.concept_start>img {
    max-height: 130px
}

.ss_sub_who_we {
    position: relative;
    z-index: 1010;
    text-align: right
}

.ss_our_value_box {
    position: relative
}

.ss_our_value_main {
    height: 300px;
    background: #003996;
    border-radius: 15px;
    display: table;
    width: 100%;
    padding: 20px;
    position: relative
}

.ss_our_value_box .ss_icon {
    height: 120px;
    width: 120px;
    border-radius: 120px;
    background: #fff;
    display: inline-block;
    margin-bottom: -40px;
    line-height: 120px;
    position: relative;
    z-index: 10
}

.ss_our_value_box .ss_icon img {
    height: 80px
}

.ss_our_value_box {
    text-align: center
}

.ss_our_value_box .ss_des {
    display: table-cell;
    vertical-align: middle;
    transition: 0.5s all
}

.ss_our_value_box .ss_des h2 {
    color: #fff
}

.ss_our_value_main .ss_des2 {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    display: table;
    opacity: 0;
    transition: 0.5s all;
    padding: 20px
}

.ss_verticle_middle {
    vertical-align: middle;
    display: table-cell;
    position: relative;
    z-index: 999
}

.ss_our_value_box:hover .ss_des {
    opacity: 0
}

.ss_our_value_box:hover .ss_des2 {
    opacity: 1
}

.ss_des2 h2,
.ss_des2 p {
    color: #fff
}

.ss_sub_who_we p {
    font-size: 25px;
    line-height: 35px;
    text-align: right;
    color: #fff;
    font-weight: 700
}

.philosophy_box {
    background: #fff;
    border-radius: 100px;
    padding: 8px 12px 8px 12px;
    transition: all ease 0.5s 0s;
    box-shadow: 1px 1px 10px rgb(64 67 150 / 10%)
}

.philosophy_box:hover {
    background: #e2694b;
    transition: all ease 0.5s 0s
}

.philosophy_icon {
    height: 70px;
    width: 70px;
    border-radius: 100px;
    background-color: #fff;
    text-align: center;
    line-height: 60px;
    margin-right: 20px
}

.philosophy_text h2 {
    font-size: 20px;
    color: #353535;
    font-weight: 900;
    margin-bottom: 0
}

.philosophy_box {
    display: flex;
    margin-bottom: 15px
}

.philosophy_box:hover .philosophy_text h2 {
    color: #fff;
    transition: all ease 0.5s 0s
}

.philosophy_center img {
    width: 100%
}

.philosophy_banner {
    border: 3px solid #003996;
    border-radius: 10px;
    padding: 27px 15px;
    width: 79%;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: -15px;
    bottom: 12%;
    background-color: #fff
}

.left_bar .philosophy_icon {
    margin-left: 20px;
    margin-right: 0
}

.philosophy_banner h4 {
    color: #e2694b;
    font-size: 20px;
    text-align: center;
    font-weight: 900;
    margin-bottom: 0
}

.philosophy_banner p {
    color: #012052;
    font-size: 17px;
    text-align: center;
    font-weight: 900;
    margin-top: 5px;
    line-height: 28px;
    margin-bottom: 0
}

.philosophy_center {
    position: relative
}

.background_sec {
    background-color: #f6fbff
}

.what_about_text {
    box-shadow: 2px 2px 15px rgba(64, 67, 150, .15);
    border-radius: 20px 20px 20px 20px;
    background-color: #fff
}

.what_about_con {
    background-color: transparent;
    border: 5px solid #e2694b;
    border-radius: 20px 0 0 20px;
    border-right: 0
}

.our_story .what_about_con_1 .what_about_con {
    border: 5px solid #e2694b;
    border-radius: 0 20px 20px 0;
    border-left: 0
}

.what_about_con h3 {
    font-size: 28px;
    color: #353535;
    font-weight: 900;
    line-height: 38px;
    letter-spacing: .5px;
    margin-bottom: 5px
}

.what_about_con p {
    font-size: 14px;
    color: #717171;
    font-weight: 700;
    margin-bottom: 0;
    letter-spacing: .3px
}

.main_partner h3 {
    font-size: 28px;
    color: #353535;
    font-weight: 900;
    line-height: 38px;
    letter-spacing: .5px;
    text-transform: capitalize;
    margin-bottom: 5px
}

.consulting_services_con h2 {
    font-size: 35px;
    color: #353535;
    font-weight: 900;
    letter-spacing: .5px;
    margin-bottom: 5px
}

.consulting_services_img img {
    margin: auto;
    max-height: 400px;
    border-radius: 10px
}

.consulting_services_img {
    text-align: center
}

.story_logo {
    text-align: center
}

.our_founders {
    background-color: #f6fbff
}

.our_clients .portfolio_hover_con p {
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    color: rgba(255, 255, 255, .8);
    letter-spacing: .5px
}

.our_clients .portfolio_hover_con h3 {
    font-size: 24px
}

.our_clients .portfolio_hover_con_middle h4 {
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    margin-top: 15px;
    margin-bottom: 30px
}

.our_clients .portfolio_hover_con_middle h4 img {
    margin-right: 5px;
    margin-top: -7px
}

.founder_box {
    box-shadow: 0 4px 10px rgb(0 0 0 / 10%);
    background-color: #fff;
    border-radius: 100%;
    height: 243px;
    width: 100%
}

.founder_img {
    border: 5px solid transparent
}

.founder_box:hover .founder_img {
    border: 5px solid #e2694b;
    transition: all ease 0.5s 0s
}

#founder_sec .owl-item img {
    display: block;
    width: 100%;
    height: 100%
}

.slide__tooltip {
    position: absolute;
    width: auto;
    top: calc(100% + 35px);
    left: 0;
    padding: 15px 8px;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0;
    visibility: hidden;
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
    white-space: nowrap;
    background: #e2694b;
    border-radius: 10px;
    width: 100%;
    z-index: 3;
    -webkit-transition: opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;
    -o-transition: transform 0.3s, opacity 0.3s, visibility 0.3s;
    transition: transform 0.3s, opacity 0.3s, visibility 0.3s;
    transition: transform 0.3s, opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s
}

.slide__tooltip:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    bottom: 100%;
    left: 45%;
    border-width: 0 17px 17px;
    border-style: solid;
    border-color: transparent transparent #e2694b
}

.founder_box:hover .slide__tooltip {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    visibility: visible
}

#founder_sec .owl-stage-outer {
    height: 500px
}

.slide__tooltip h4 {
    font-size: 16px;
    color: #fff;
    text-transform: capitalize;
    text-align: center;
    font-weight: 600;
    letter-spacing: .5px
}

.slide__tooltip p {
    font-size: 15px;
    color: #fff;
    text-transform: none;
    text-align: center;
    margin-bottom: 0;
    letter-spacing: .5px
}

.our_founders {
    padding-bottom: 230px
}

.founder_main {
    margin-top: -200px
}

#founder_sec .owl-stage-outer {
    padding-bottom: 170px;
    padding-top: 90px;
}

.founder_img img {
    width: 100%
}

.founder_con {
    padding: 30px
}

.founder_con h3 {
    font-size: 24px;
    color: #000;
    font-weight: 900;
    text-align: center
}

.founder_con h5 {
    font-size: 14px;
    color: #e2694b;
    font-weight: 700;
    text-align: center;
    margin-bottom: 0
}

.founder_hover p {
    font-size: 13px;
    color: #fff;
    line-height: 28px;
    text-align: center
}

.founder_img {
    position: relative;
    border-radius: 5px 5px 0 0;
    overflow: hidden
}

.founder_hover {
    position: absolute;
    top: 0;
    padding: 30px;
    height: 100%;
    opacity: 0;
    transition: all ease 0.5s 0s;
    background-color: rgba(0, 57, 150, .8)
}

.founder_con_box {
    display: table;
    height: 100%
}

.founder_img {
    border-radius: 100%;
    height: 100%
}

.founder_box:hover .founder_hover {
    opacity: 1;
    transition: all ease 0.5s 0s
}

.founder_social a img {
    width: auto
}

.founder_social {
    text-align: center
}

.founder_box_con {
    display: table-cell;
    vertical-align: middle
}

.extra_page {
    margin-bottom: 60px
}

.support_con ul {
    padding: 0;
    margin-top: 20px
}

.support_icon {
    width: 190px;
    height: 190px;
    border-radius: 100%;
    box-shadow: 0 1px 10px rgba(64, 67, 150, .15);
    text-align: center;
    line-height: 180px;
    margin: 0 auto
}

.support_icon_icon {
    position: relative
}

.support_con ul li img {
    margin-right: 10px;
    margin-top: 0
}

.support_con ul li {
    list-style: none;
    color: #717171;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 15px;
    display: flex
}

#founder_sec2 .down_arrow {
    line-height: 27px
}

.down_arrow {
    height: 30px;
    width: 30px;
    background-color: #e2694b;
    border-radius: 100%;
    text-align: center;
    line-height: 30px;
    margin: -10px auto 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1224;
    border: 1px solid #fff
}

.support_services_box h4 {
    font-size: 20px;
    color: #353535;
    font-weight: 800;
    text-align: center;
    margin-top: 20px;
    line-height: 32px;
    padding: 0 15px;
    margin-bottom: 5px
}

.extra_down::before {
    content: none
}

.pl0 {
    padding-left: 0;
    padding-right: 0
}

.it_support_services.top_title {
    padding-bottom: 50px
}

.support_services_box {
    position: relative;
    text-align: center
}

.left_side_con_box {
    padding: 50px 50px 40px 50px;
    display: inline-block;
    width: 100%
}

.maintenance_sec .what_about_con {
    height: 100%
}

.what_about .common_btn {
    position: relative;
    width: 100%
}

.our_story .common_btn {
    position: relative;
    width: 100%;
    bottom: -40px
}

.what_about_con_1 {
    display: table
}

.border_img {
    margin-bottom: 10px
}

.what_about .main_partner .common_btn {
    text-align: right;
    display: block
}

.our_story .common_btn {
    text-align: right;
    display: block
}

.white_con ul li {
    list-style: none;
    color: #717171;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 15px;
    display: flex
}

.our_story .ss_price_calculator {
    background: #e2694b
}

.what_about .ss_price_calculator:before {
    top: 0
}

.what_about .ss_price_calculator:after {
    width: 53px;
    left: 74.1%
}

.what_about_con_1 {
    height: 100%;
    width: 100%
}

.main_parthner_1 {
    width: 100%;
    height: 100%
}

.consulting_services_con p {
    font-size: 14px;
    color: #717171;
    letter-spacing: .3px;
    font-weight: 700;
    margin-bottom: 15px
}

.accordion-item {
    border: none
}

button.accordion-button.collapsed {
    color: #353535;
    font-size: 16px;
    font-weight: 600
}

.accordion-button:not(.collapsed) {
    color: #fff;
    background-color: transparent;
    box-shadow: none;
    font-weight: 600;
    font-size: 16px;
    border-radius: 5px;
    position: relative;
    z-index: 125
}

.faq .accordion-button:before {
    content: "";
    position: absolute;
    top: 1px;
    left: 0;
    background: #64aaff;
    width: 99%;
    height: 99%;
    z-index: 12;
    border-radius: 5px
}

.collapsed:before {
    display: none
}

.ss_bg_shap_index {
    position: relative;
    z-index: 1024;
    width: 100%;
    display: inline-block;
    padding: 1rem 1.25rem
}

.accordion-header {
    margin-bottom: 15px;
    border: none;
    border-radius: 5px 5px 0 0;
    clip-path: polygon(0 0, 100% 0%, 97.4% 100%, 0% 100%);
    border-bottom: 2px solid rgba(0, 0, 0, .1)
}

.accordion-body {
    font-size: 14px;
    color: #717171;
    padding: 10px 20px;
    margin-bottom: 15px;
    position: relative;
    min-height: 160px;
    overflow: hidden;
    line-height: 28px;
    letter-spacing: 0
}

.accordion-body p {
    margin: 0
}

.accordion .accordion-item:last-child .accordion-header {
    margin-bottom: 0
}

.accordion-button i {
    font-size: 32px;
    float: right;
    position: absolute;
    right: 18px
}

button.accordion-button.collapsed i {
    transform: rotate(0);
    transition: all ease 0.5s 0s;
    clip-path: polygon(0 0, 100% 0%, 98% 100%, 0% 99%)
}

.accordion-button::after {
    content: none
}

.back_img_faq {
    position: absolute;
    right: -15px;
    top: 15%;
    opacity: 10%
}

button.accordion-button.collapsed i {
    color: #042458
}

button.accordion-button i {
    transform: rotate(180deg);
    transition: all ease 0.5s 0s
}

.devlopment_box_con {
    margin-bottom: 0;
    box-shadow: 1px 1px 10px rgb(64 67 150 / 10%);
    padding: 20px 15px 70px;
    border-radius: 15px;
    background-color: #fff
}

.bottom_devlopment .devlopment_box_con {
    padding: 60px 10px 20px
}

.bottom_devlopment .devlopment_icon {
    margin-bottom: -60px
}

.devlopment_box.active .devlopment_box_con {
    background-color: #e2694b
}

.devlopment_box.active .devlopment_box_con h3,
.devlopment_box.active .devlopment_box_con p {
    color: #fff
}

.sidebar_box {
    position: relative
}

.color-switcher {
    position: fixed;
    top: 300px;
    right: -420px;
    width: 420px;
    text-align: center;
    transition: all 0.5s ease 0s;
    z-index: 999;
    z-index: 1043;
    border-radius: 0 0 0 0;
    transition: 0.8s all;
    -webkit-transition: 0.8s all;
    -moz-transition: 0.8s all;
    -ms-transition: 0.8s all;
    -o-transition: 0.8s all
}

.theme-color {
    display: block;
    float: left;
    height: 45px;
    margin: 0 2.5% 10px;
    cursor: pointer;
    position: relative
}

.various-color {
    overflow: hidden;
    background-color: transparent;
    position: relative;
    left: 400px;
    transition: 0.8s all;
    -webkit-transition: 0.8s all;
    -moz-transition: 0.8s all;
    -ms-transition: 0.8s all;
    -o-transition: 0.8s all
}

.colors-list {
    margin: 0 auto;
    position: absolute;
    top: 25%;
    left: 0;
    width: 100%;
    padding: 16%
}

.colors-list p {
    margin-bottom: 0;
    font-size: 14px
}

.color-trigger {
    position: absolute;
    top: -30px;
    height: 40px;
    left: 0;
    width: 40px;
    line-height: 40px;
    cursor: pointer
}

.color-switcher.switcher-palate {
    right: 0;
    min-width: 400px;
    transition: 0.8s all;
    -webkit-transition: 0.8s all;
    -moz-transition: 0.8s all;
    -ms-transition: 0.8s all;
    -o-transition: 0.8s all
}

.ss_price_calculator1 {
    right: 0;
    text-decoration: none;
    text-transform: uppercase;
    transform-origin: bottom right;
    position: absolute;
    top: 120px;
    min-width: 80px;
    display: inline-block;
    color: #fff;
    border-radius: 50px;
    line-height: 45px;
    text-align: center;
    left: -20px;
    cursor: pointer;
    transform: rotate(0)
}

.ss_price_calculator1>.mascort_right_images {
    height: 160px;
    min-width: 119px;
    display: inline-block;
    color: #fff;
    border-radius: 10px 10px 0 0;
    line-height: 45px;
    text-align: center;
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .3px
}

.ss_price_calculator1 .btn_arrow {
    width: 50px;
    height: 100%;
    background-image: url(../images/btn_arrow.svg);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: -16px;
    transform: scale(1.2)
}

.ss_price_calculator1 .btn_arrow::after {
    content: "";
    height: 12px;
    width: 12px;
    background-image: url(../images/right-icon.svg);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 4px;
    right: 0;
    margin: 0 auto;
    top: 12px;
    bottom: 0
}

.ss_price_calculator1 a .btn_arrow {
    transition: 1s all
}

.ss_price_calculator1 a:hover .btn_arrow {
    left: 90%
}

.s-text h3 {
    line-height: 25px;
    font-size: 16px;
    color: #042458;
    font-weight: 800
}

.ss_price_calculator a {
    color: #fff
}

.main_client_box {
    border-radius: 20px;
    text-align: center;
    padding: 30px 30px 30px 30px;
    box-shadow: 1px 1px 10px rgb(64 67 150 / 10%);
    position: relative;
    margin-bottom: 30px
}

#portfolio_partner .owl-item img {
    display: block;
    width: 80px !important;
    margin: auto
}

#portfolio_partner .owl-stage {
    padding-top: 50px
}

.main_client_box h5 {
    font-size: 20px;
    color: #000;
    font-weight: 900;
    margin-top: 20px
}

.main_client_box p {
    font-size: 14px;
    color: #000;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 10px
}

.client_border {
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.client_btn .btn_arrow {
    width: 60px;
    height: 50px;
    background-image: url(../images/arrow_right.svg);
    background-repeat: no-repeat;
    background-size: cover;
    position: unset;
    left: auto;
    transform: scale(1.2);
    text-align: center;
    margin: 0 auto
}

.partners_projects_img {
    margin-top: -70px
}

.partners_projects_img img {
    width: 80px
}

.client_btn {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -35px
}

.phone_sec {
    display: none
}

.desktop_sec {
    display: block
}

.top_img img {
    width: auto;
    height: 100%
}

.ss_aye_logo,
.ss_hand_logo {
    opacity: 0;
    transition: 0.5s all
}

.fixed .ss_aye_logo,
.fixed .ss_hand_logo {
    opacity: 1
}

.extra_text {
    background-color: #f6fbff;
    padding: 80px 0
}

.design_main_box {
    background-color: #fff;
    border-radius: 20px;
    padding: 25px;
    box-shadow: 1px 1px 10px rgba(64, 67, 150, .1)
}

.design_icon {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    box-shadow: 0 0 4px rgba(0, 0, 0, .1)
}

.design_icon {
    text-align: center;
    line-height: 100px
}

.design_con h4 {
    font-size: 24px;
    color: #012052;
    font-weight: 900;
    margin-bottom: 0
}

.design_con p {
    font-size: 14px;
    font-weight: 800;
    color: #717171
}

.ss_main_services_box {
    position: relative;
    padding: 39px 0
}

.ss_round_img_top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.ss_round_img_bottom img,
.ss_round_img_top img {
    width: 100%
}

.ss_round_img_bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

.extra_text {
    background-color: #f6fbff;
    padding: 50px 0
}

.design_main_box {
    background-color: #fff;
    border-radius: 20px;
    padding: 25px;
    box-shadow: 1px 1px 10px rgba(64, 67, 150, .1)
}

.design_icon {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    box-shadow: 0 0 4px rgba(0, 0, 0, .1)
}

.design_icon {
    text-align: center;
    line-height: 100px
}

.design_con h4 {
    font-size: 24px;
    color: #012052;
    font-weight: 900;
    margin-bottom: 0
}

.design_con p {
    font-size: 14px;
    font-weight: 700;
    color: #717171;
    letter-spacing: .3px;
    margin-bottom: 0
}

.design_main_box {
    margin-bottom: 15px;
    margin-top: 15px
}

.main_partner p {
    font-size: 14px;
    color: #717171;
    font-weight: 700;
    letter-spacing: .3px;
    margin-bottom: 13px
}

.maintenance_sec1 .what_about_con {
    background-color: #003996;
    padding: 60px;
    border-radius: 0 20px 20px 0
}

.maintenance_1 .what_about_con {
    border-radius: 20px 0 0 20px
}

.maintenance_sec1 .main_partner {
    padding: 80px 30px
}

.left_white .main_partner {
    padding: 80px 60px
}

.ss_white_svg {
    margin-bottom: 15px
}

.mt-6 {
    margin-top: 60px
}

.ui_services_in_figures {
    background-color: #f6fbff
}

.ui_services_in_figures_icon {
    width: 107px;
    height: 112px;
    border-radius: 100%;
    background-color: #fff;
    border: 5px solid #f6fbff;
    margin: 0 auto;
    margin-top: -95px;
    position: relative;
    box-shadow: 0px -2px 8px rgb(0 0 0 / 10%);
}

.ui_services_in_figures_icon:before {
    width: 110px;
    height: 114px;
    border-radius: 100%;
    content: '';
    border: 5px solid #e2694b;
    left: -5px;
    top: -5px;
    position: absolute;
}

.ui_services_in_figures_con {
    text-align: center;
    background: #fff;
    border-radius: 5px;
    padding: 40px 20px;
    box-shadow: 0 4px 10px rgb(0 0 0 / 5%)
}

.ui_services_in_figures_con h5 {
    color: #e2694b;
    font-size: 20px;
    font-weight: 900;
    text-align: center;
    margin-top: 25px
}

.ui_services_in_figures_con svg rect {
    fill: #e2694b
}

.sub_title {
    color: #000 !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    text-align: center;
    margin-top: 25px;
    line-height: 30px;
    min-height: 60px
}

.ui_services_in_figures_icon p {
    color: #000;
    font-size: 30px;
    font-weight: 900;
    text-align: center;
    line-height: 100px;
    margin-bottom: 0
}

.ui_services_in_figures_box:hover .ui_services_in_figures_con {
    background-color: #e2694b;
    transition: all ease 0.5s 0s
}

.ui_services_in_figures_box:hover .ui_services_in_figures_con h5 {
    color: #fff;
    transition: all ease 0.5s 0s
}

.ui_services_in_figures_box:hover .ui_services_in_figures_con .sub_title {
    color: #fff !important;
    transition: all ease 0.5s 0s
}

.ui_services_in_figures_box:hover .ui_services_in_figures_con svg rect {
    fill: #fff
}

.faq_point_box p {
    font-size: 14px;
    color: #717171;
    font-weight: 700;
    letter-spacing: .3px;
    margin-bottom: 0;
    margin-left: 10px;
    margin-top: 3px
}

.faq_point {
    margin-top: 20px
}

.faq_point_box .bd-highlight {
    margin-bottom: 5px
}

.contact_point {
    background-color: #ffe68c;
    border-radius: 20px;
    padding: 50px;
    height: 100%;
    display: table
}

.contact_point .what_about_con {
    padding: 0
}

.contact_point h3 {
    font-size: 28px;
    color: #353535;
    font-weight: 900;
    letter-spacing: .5px;
    text-transform: capitalize;
    margin-bottom: 5px
}

.contact_point_con p {
    font-size: 14px;
    color: #717171;
    font-weight: 600;
    margin-bottom: 5px
}

.contact_point_con p a {
    color: #e2694b
}

.contact_point_icon {
    width: 25px;
    margin-right: 10px;
    margin-top: -1px
}

.contact_form {
    box-shadow: 1px 1px 10px rgba(64, 67, 150, .1);
    background-color: #fff;
    border-radius: 20px;
    padding: 50px
}

.contact_input input::placeholder {
    font-size: 14px;
    color: #042458;
    font-weight: 700;
    width: 100%;
    margin-bottom: 10px
}

.contact_input textarea::placeholder {
    font-size: 14px;
    color: #042458;
    font-weight: 700;
    width: 100%;
    margin-bottom: 10px
}

.contact_input input {
    background-color: #f6fbff;
    border-radius: 5px;
    height: 44px;
    width: 100%;
    border: none;
    padding-left: 15px;
    color: #717171;
    border-bottom: 4px solid rgba(226, 105, 75, .1)
}

.contact_input input:focus {
    outline: 0;
    transition: all ease 0.5s 0s;
    border-bottom: 4px solid #e2694b !important
}

.contact_input input {
    background-color: #f6fbff;
    border-radius: 5px;
    width: 100%;
    border: none;
    padding-left: 15px;
    color: #717171;
    border-bottom: 3px solid rgba(226, 105, 75, .1);
    font-weight: 600
}

.contact_input textarea:focus {
    outline: 0;
    transition: all ease 0.5s 0s;
    border-bottom: 3px solid #e2694b !important
}

.contact_input textarea {
    background-color: #f6fbff;
    border-radius: 5px;
    height: 100px;
    width: 100%;
    border: none;
    padding-left: 15px;
    color: #717171;
    border-bottom: 3px solid rgba(226, 105, 75, .1);
    padding-top: 10px
}

span.current {
    font-size: 14px;
    color: #042458;
    font-weight: 700;
    width: 100%;
    margin-bottom: 10px
}

:focus {
    outline: 0
}

.custom-file-input {
    color: transparent
}

.custom-file-input::-webkit-file-upload-button {
    visibility: hidden
}

.custom-file-input::before {
    content: "Attach files (Word, Excel, PowerPoint, PDF and Text files only)";
    color: #fff;
    display: inline-block;
    background: #e2694b;
    padding: 10px 22px;
    outline: 0;
    white-space: nowrap;
    cursor: pointer;
    font-weight: 400;
    border-radius: 2px;
    outline: 0;
    width: 100%;
    text-align: center;
    height: 55px;
    line-height: 34px
}

.custom-file-input:focus {
    outline: 0 !important
}

input.custom-file-input {
    color: transparent;
    background-color: transparent;
    border: none;
    padding: 0;
    height: 55px
}

.form-group input[type="checkbox"] {
    display: none;
    cursor: pointer
}

.contact_input .terms {
    position: relative;
    font-size: 13px;
    color: #717171
}

.submit_button {
    float: right;
    margin-top: 20px
}

.contact_left_col {
    display: table;
    height: 100%
}

.contact_map {
    background-color: #fff;
    border-radius: 10px
}

i.fa.fa-long-arrow-left,
i.fa.fa-long-arrow-right {
    color: #e2694b;
    font-size: 22px
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
    height: 72px !important;
    width: 65px !important;
    margin: 0 10px 0 0;
    border-radius: 5px !important;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit
}

.owl-carousel .owl-nav button.owl-prev {
    background-image: url(../images/left-sliderss.svg) !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important
}

.owl-carousel .owl-nav button.owl-next {
    background-image: url(../images/right-sliderss.svg) !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important
}

.owl-carousel .owl-nav button.owl-prev {
    top: 45% !important;
    position: absolute !important;
    left: -6.5% !important
}

.owl-carousel .owl-nav button.owl-next {
    top: 45% !important;
    position: absolute !important;
    right: -8% !important
}

#portfolio_partner .owl-carousel .owl-nav button.owl-prev {
    top: 35% !important;
    position: absolute !important;
    left: -6% !important
}

#portfolio_partner .owl-carousel .owl-nav button.owl-next {
    top: 35% !important
}

.common_btn.text-right.mt_4 {
    margin-top: 40px
}

.it_carousel::before {
    background-image: url(../images/it_support_mas.svg);
    opacity: 1
}

.who_we_are_page::before {
    background-image: none;
    background-repeat: no-repeat;
    width: 20%;
    height: 250px;
    position: absolute;
    left: 0;
    top: 50px;
    z-index: 1;
    background-size: contain;
    opacity: .1
}

.it_support_services .ss_line_svg {
    width: 100%
}

select {
    display: none
}

.contact_input .dropdown {
    color: #717171;
    border-radius: 6px;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 16px;
    font-weight: 400;
    outline: 0;
    position: relative;
    text-align: left !important;
    transition: all 0.2s ease-in-out;
    user-select: none;
    white-space: nowrap;
    width: 100%;
    height: 44px;
    line-height: 44px;
    background-color: #f6fbff;
    border-radius: 5px;
    padding-left: 15px;
    border-bottom: 3px solid rgba(226, 105, 75, .1)
}

.dropdown:focus {
    background-color: #f6fbff
}

.dropdown.open,
.dropdown:active {
    background-color: #fff !important;
    box-shadow: 0 1px 4px rgba(212, 113, 113, .05) inset
}

.dropdown:after {
    height: 0;
    width: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #777;
    transform: origin(50% 20%);
    transition: all 125ms ease-in-out;
    content: "";
    display: block;
    margin-top: -2px;
    pointer-events: none;
    position: absolute;
    right: 10px;
    top: 50%
}

.dropdown.open:after {
    transform: rotate(-180deg)
}

.dropdown.open .list {
    transform: scale(1);
    opacity: 1;
    pointer-events: auto;
    width: 100%
}

.list ul {
    padding: 0;
    margin-bottom: 0
}

.list ul li {
    list-style: none
}

.dropdown.open .option {
    cursor: pointer
}

.dropdown.wide {
    width: 100%
}

.dropdown.wide .list {
    left: 0 !important;
    right: 0 !important
}

.dropdown .list {
    box-sizing: border-box;
    transition: all 0.15s cubic-bezier(.25, 0, .25, 1.75), opacity 0.1s linear;
    transform: scale(.75);
    transform-origin: 50% 0;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .09);
    background-color: #fff;
    border-radius: 6px;
    margin-top: 4px;
    padding: 3px 0;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 999;
    max-height: 250px;
    overflow-y: scroll
}

.dropdown .list:hover .option:not(:hover) {
    background-color: transparent !important
}

.dropdown .option {
    cursor: default;
    font-weight: 400;
    line-height: 40px;
    outline: 0;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    transition: all 0.2s;
    font-size: 14px
}

.dropdown .option:focus,
.dropdown .option:hover {
    background-color: #f6f6f6 !important
}

.dropdown .option.selected {
    font-weight: 600
}

.dropdown .option.selected:focus {
    background: #f6f6f6
}

.build_accordion .accordion-button.collapsed {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 0;
    padding-left: 0;
    font-size: 22px !important;
    color: #353535 !important;
    font-weight: 900 !important;
    background-color: transparent !important
}

.build_accordion .accordion-button.collapsed .build_down {
    transform: rotate(180deg);
    transition: all ease 0.5s 0s
}

.accordion-button .build_down img {
    transform: rotate(180deg);
    transition: all ease 0.5s 0s
}

.accordion-button.collapsed .build_down img {
    transform: rotate(180deg);
    transition: all ease 0.5s 0s
}

.mas_down .active_img {
    display: inline-block !important;
    text-align: right
}

.accordion-button .def_img {
    display: none
}

button.accordion-button.collapsed .def_img {
    display: block
}

button.accordion-button.collapsed .active_img {
    display: none
}

.accordion-collapse.collapse {
    box-shadow: 1px 1px 10px rgb(64 67 150 / 10%)
}

button:focus:not(:focus-visible) {
    outline: 0
}

.accordion-button:focus {
    border: none;
    box-shadow: none
}

span.percent:after {
    content: "%";
    display: inline-block
}

.first_count:after {
    content: "X" !important;
    display: inline-block
}

.planning_main_con {
    position: relative
}

.planning_box {
    position: absolute;
    top: 5%;
    margin: auto;
    right: 5%
}

.planning_box_text {
    width: 368px;
    height: 368px;
    background-color: #fff;
    border-radius: 100%;
    padding: 20px;
    display: table-cell;
    vertical-align: middle
}

.planning_box_text h3 {
    font-size: 25px;
    color: #042458;
    font-weight: 900;
    text-align: center;
    margin-bottom: 0
}

.planning_box_text .ss_line_svg {
    width: 100%;
    text-align: center
}

.planning_box_text h5 {
    color: #e2694b;
    font-weight: 900;
    font-size: 18px;
    text-align: center
}

.planning_box_text p {
    font-size: 14px;
    line-height: 20px;
    color: #717171;
    font-weight: 700;
    text-align: center;
    margin-bottom: 0
}

.main_planning_bg {
    background-image: url(../images/planning_bg.svg);
    background-repeat: no-repeat;
    margin: auto;
    background-position: top right;
    height: 550px;
    position: relative
}

.main_planning_bg.second_box {
    margin-top: -80px
}

.second_box_1 {
    background-image: url(../images/planning_bg1.svg);
    margin-top: -80px
}

.three_box {
    margin-top: -80px
}

.four_box {
    background-image: url(../images/planning_bg2.svg);
    background-position: top left
}

.five_box {
    background-image: url(../images/planning_bg3.svg);
    margin-top: -80px;
    background-position: top left
}

.ridebar_top .planning_box {
    position: absolute;
    top: 5%;
    margin: auto;
    left: 5%
}

.ridebar_top {
    margin-top: 18%
}

.border_box {
    border-left: 3px dotted #e5e5e5;
    height: 100%;
    width: 4px;
    margin: auto
}

.main_border_box {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    text-align: center;
    position: relative
}

.planning_check {
    position: absolute;
    top: 20%;
    left: 0;
    right: 0
}

.check_1 {
    top: 53%
}

.check_2 {
    top: 83%
}

::-webkit-scrollbar {
    width: 5px
}

::-webkit-scrollbar-track {
    background-color: #ebebeb;
    -webkit-border-radius: 10px;
    border-radius: 10px
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #e2694b
}

.down_arrow {
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate
}

.down_arrow {
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate
}

@-webkit-keyframes mover {
    0% {
        transform: translateY(0);
        top: 0
    }
    100% {
        transform: translateY(5px);
        top: 2px
    }
}

@keyframes mover {
    0% {
        transform: translateY(0);
        top: 0
    }
    100% {
        transform: translateY(5px);
        top: 3px
    }
}

.native_app_development {
    background-color: #ffe68c
}

.main_phone {
    text-align: center
}

.android_box,
.ios_box {
    text-align: center;
    margin-bottom: 20px
}

.android_box h6 {
    font-size: 16px;
    color: #fff;
    font-weight: 800;
    margin-top: 10px
}

.main_build_box {
    position: relative;
    margin-bottom: 18px
}

.main_phone_box {
    position: absolute;
    top: 13px;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.phone_con_box {
    display: table-cell;
    vertical-align: middle
}

.phone_box_1 {
    display: table;
    width: 100%;
    height: 100%
}

.ios_box h6 {
    font-size: 16px;
    color: #fff;
    font-weight: 800;
    margin-top: 10px
}

.android_box img,
.ios_box img {
    width: 12%
}

.sec_title {
    left: 0;
    right: 0;
    bottom: 35px;
    text-align: center
}

.sec_title h5 {
    font-size: 20px;
    color: #353535;
    font-weight: 800;
    margin-top: 0;
    margin-bottom: 5px
}

.main_build_white .android_box h5,
.main_build_white .ios_box h5 {
    color: #012052
}

.main_build_white .sec_title h5 {
    color: #012052
}

.down_arrow_btn {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -12px;
    text-align: center
}

.why_vitec_btn1 .common_btn a {
    min-width: 330px;
    clip-path: polygon(0 0, 100% 0, 93% 100%, 7% 100%)
}

.why_vitec_btn1 .common_btn a:after {
    content: "";
    top: 0;
    left: 85.5%
}

.contact_map {
    position: relative
}

.map_box img {
    width: 100%
}

.germany_location {
    position: absolute;
    top: 8%;
    left: 37%
}

.germany_location img {
    height: 110px
}

.india_location {
    position: absolute;
    top: 37%;
    left: 66%
}

.india_location img {
    height: 110px
}

.blog_title_page h3 {
    font-size: 35px;
    color: #012052;
    font-weight: 900;
    margin-bottom: 5px
}

.blog_title_page p {
    color: #717171;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px
}

.blog_title_page {
    margin-right: 50px
}

#blog_slider_1 .owl-item .ss_blogs_date img {
    display: inline-block;
    width: auto
}

.owl-carousel .owl-nav button.owl-prev {
    background-image: url(../images/left-sliderss.svg) !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important
}

#blog_slider_1 .owl-dots.disabled,
#blog_slider_1 .owl-nav.disabled {
    display: block !important
}

#blog_slider_1 .owl-nav button.owl-next {
    top: 40% !important;
    position: absolute !important;
    right: -6% !important
}

#blog_slider_1 .owl-nav button.owl-prev {
    top: 42% !important;
    position: absolute !important;
    left: -52% !important
}

#blog_slider_1 .owl-nav button.owl-next {
    top: 42% !important;
    position: absolute !important;
    left: -43% !important
}

#blog_slider_2 .owl-nav button.owl-next {
    top: 40% !important;
    position: absolute !important;
    right: -6% !important
}

#blog_slider_2 .owl-nav button.owl-prev {
    top: 35% !important;
    position: absolute !important;
    right: -44% !important;
    left: auto !important
}

#blog_slider_2 .owl-nav button.owl-next {
    top: 35% !important;
    position: absolute !important;
    right: -52% !important;
    margin-right: 0;
    margin-left: 10px
}

#blog_slider_2 .owl-item .ss_blogs_date img {
    display: inline-block;
    width: auto
}

.blog_slider_2 {
    background-color: #f6fbff
}

.blog_slider_2 .blog_title_page h3,
.blog_slider_2 .blog_title_page p {
    text-align: right
}

.blog_slider_2 .ss_line_svg {
    float: right;
    width: 100%;
    text-align: right
}

.blog_slider_2 .blog_title_page {
    margin-right: 0;
    margin-left: 50px
}

#blog_slider_3 .owl-dots.disabled,
#blog_slider_3 .owl-nav.disabled {
    display: block !important
}

#blog_slider_3 .owl-nav button.owl-next {
    top: 40% !important;
    position: absolute !important;
    right: -6% !important
}

#blog_slider_3 .owl-nav button.owl-prev {
    top: 42% !important;
    position: absolute !important;
    left: -52% !important
}

#blog_slider_3 .owl-nav button.owl-next {
    top: 42% !important;
    position: absolute !important;
    left: -43% !important
}

#blog_slider_3 .owl-item .ss_blogs_date img {
    display: inline-block;
    width: auto
}

#blog_slider_4 .owl-nav button.owl-next {
    top: 40% !important;
    position: absolute !important;
    right: -6% !important
}

#blog_slider_4 .owl-nav button.owl-prev {
    top: 43% !important;
    position: absolute !important;
    right: -44% !important;
    left: auto !important
}

#blog_slider_4 .owl-nav button.owl-next {
    top: 43% !important;
    position: absolute !important;
    right: -52% !important;
    margin-right: 0;
    margin-left: 10px
}

#blog_slider_4 .owl-item .ss_blogs_date img {
    display: inline-block;
    width: auto
}

#blog_slider_5 .owl-dots.disabled,
#blog_slider_5 .owl-nav.disabled {
    display: block !important
}

#blog_slider_5 .owl-nav button.owl-next {
    top: 40% !important;
    position: absolute !important;
    right: -6% !important
}

#blog_slider_5 .owl-nav button.owl-prev {
    top: 42% !important;
    position: absolute !important;
    left: -52% !important
}

#blog_slider_5 .owl-nav button.owl-next {
    top: 42% !important;
    position: absolute !important;
    left: -43% !important
}

#blog_slider_5 .owl-item .ss_blogs_date img {
    display: inline-block;
    width: auto
}

#blog_slider_6 .owl-nav button.owl-next {
    top: 40% !important;
    position: absolute !important;
    right: -6% !important
}

#blog_slider_6 .owl-nav button.owl-prev {
    top: 43% !important;
    position: absolute !important;
    right: -44% !important;
    left: auto !important
}

#blog_slider_6 .owl-nav button.owl-next {
    top: 43% !important;
    position: absolute !important;
    right: -52% !important;
    margin-right: 0;
    margin-left: 10px
}

#blog_slider_6 .owl-item .ss_blogs_date img {
    display: inline-block;
    width: auto
}

.ui_video video {
    width: 100%;
    border-radius: 20px
}

.ui_video {
    filter: drop-shadow(1px 1px 10px rgba(64, 67, 150, .1))
}

.app_phone_con h4 {
    font-size: 24px;
    color: #012052;
    font-weight: 900;
    line-height: 29px;
    letter-spacing: .5px;
    margin-bottom: 0
}

.app_phone_con p {
    font-size: 14px;
    color: #717171;
    font-weight: 700;
    letter-spacing: .3px
}

.app_phone_con .ss_white_svg {
    margin-bottom: 0
}

.app_phone {
    position: relative
}

.app_phone_con {
    position: absolute;
    top: 0;
    left: 9%;
    right: 25px;
    text-align: left;
    height: 100%
}

.app_text_phone {
    height: 100%;
    display: table
}

.app_phone_con_box {
    display: table-cell;
    vertical-align: middle
}

.ui_mas_img {
    text-align: center
}

.phone_btn_box .ss_price_calculator {
    min-width: 179px;
    clip-path: polygon(0 0, 100% 0, 86% 100%, 12% 100%)
}

.ss_price_calculator:after {
    left: 74%
}

.desktop_view_con h4 {
    font-size: 24px;
    color: #fff;
    font-weight: 900;
    line-height: 29px;
    letter-spacing: .5px;
    margin-bottom: 0
}

.desktop_view_con p {
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    letter-spacing: .3px
}

.desktop_view_box {
    position: relative
}

.desktop_view_con {
    background-color: #003996;
    border-radius: 15px;
    padding: 20px;
    display: table;
    width: 100%;
    min-height: 370px
}

.desktop_view_con .ss_white_svg {
    margin-bottom: 0
}

.mobile_app {
    text-align: center
}

.app_phone .phone_img {
    width: 100%
}

.phone_btn_box {
    margin-top: 20px
}

.desktop_stand {
    text-align: center
}

.desktop_btn_box .ss_price_calculator {
    background: #e2694b;
    clip-path: polygon(0 0, 100% 0, 87% 100%, 13% 100%)
}

.desktop_btn_box .ss_price_calculator:after {
    left: 73%
}

.desktop_btn_box {
    float: right;
    width: 100%;
    display: block;
    text-align: right;
    margin-top: 20px
}

.phone_btn_box .ss_price_calculator:after {
    width: 52px;
    left: 68.5%
}

.desktop_btn_box .ss_price_calculator {
    min-width: 179px
}

.desktop_bg_set {
    display: table-cell;
    vertical-align: middle
}

.not_found {
    background-color: #f7f7f7
}

.not_found_con h1 {
    color: #353535;
    font-size: 40px;
    font-weight: 900;
    line-height: 45px;
    margin-bottom: 0
}

.not_found_con p {
    color: #717171;
    font-size: 14px;
    font-weight: 700;
    line-height: 25px
}

.not_found_con .why_vitec_btn1 {
    padding-top: 10px
}

.not_found {
    padding: 150px 0 80px 0
}

.ss_btn_dark {
    background: #fff !important;
    color: #003996
}

.ss_btn_dark:before {
    background-image: url(../images/logo_dark_icon.svg)
}

.ss_btn_dark:hover {
    background: #e2694b !important;
    color: #fff
}

.phone_btn_box {
    float: none;
    text-align: right
}

#portfolio .owl-dots {
    display: none
}

.web_build_desktop {
    background-color: #003996;
    border-radius: 10px;
    display: inline-block;
    width: 80%;
    min-height: 255px
}

.web_build_desktop h4 {
    font-size: 24px;
    color: #fff;
    font-weight: 700;
    text-align: center
}

.web_build_desktop p {
    color: #fff;
    font-size: 13px;
    padding: 0 30px;
    letter-spacing: .3px
}

.web_build_desktop .desktop_btn_box {
    float: none;
    text-align: center
}

.web_build_desktop {
    display: table-cell;
    vertical-align: middle
}

.web_build_text {
    display: table;
    height: 300px;
    width: 100%
}

.web_build_sec {
    width: 100%
}

.web_build_phone {
    position: absolute;
    top: 60px;
    right: 30px
}

.web_build_desktop_phone {
    position: relative
}

.web_build_phone img {
    max-width: 180%;
    width: 120%
}

.right_col .what_about_con {
    border-radius: 0 20px 20px 0
}

.btn_long_dark .ss_price_calculator {
    min-width: 350px;
    clip-path: polygon(0 0, 100% 0, 93% 100%, 7% 100%)
}

.light_mt_6 .ss_price_calculator {
    min-width: 370px;
    clip-path: polygon(0 0, 100% 0, 93% 100%, 6.4% 100%)
}

.light_mt_6 .ss_price_calculator:after {
    left: 85.9%
}

.light_mt_5 .ss_price_calculator {
    min-width: 330px;
    clip-path: polygon(0 0, 100% 0, 93% 100%, 7% 100%)
}

.light_mt_5 .ss_price_calculator:after {
    left: 85.5%
}

.light_mt_4 .ss_price_calculator {
    min-width: 300px;
    clip-path: polygon(0 0, 100% 0, 91% 100%, 8% 100%)
}

.light_mt_4 .ss_price_calculator:after {
    left: 82.5%
}

.light_mt_3 .ss_price_calculator {
    min-width: 210px;
    clip-path: polygon(0 0, 99% 0, 86.8% 100%, 12% 100%)
}

.light_mt_3 .ss_price_calculator:after {
    left: 74%
}

.light_mt_2 .ss_price_calculator {
    min-width: 260px;
    clip-path: polygon(0 0, 98% 0, 88% 100%, 10% 100%);
    font-size: 13px
}

.light_mt_2 .ss_price_calculator:after {
    left: 78.5%
}

.dark_mt_5 .ss_price_calculator {
    min-width: 330px;
    clip-path: polygon(0 0, 100% 0, 93% 100%, 7% 100%);
    background: #fff;
    color: #003996
}

.dark_mt_5 .ss_price_calculator::before {
    background-image: url(../images/logo_dark_icon.svg)
}

.dark_mt_5 .ss_price_calculator:after {
    left: 85.5%
}

.dark_mt_5 .ss_price_calculator:hover {
    background: #e2694b;
    color: #fff
}

.dark_mt_4 .ss_price_calculator {
    min-width: 300px;
    clip-path: polygon(0 0, 100% 0, 91.5% 100%, 7.9% 100%);
    background: #fff;
    color: #003996
}

.dark_mt_4 .ss_price_calculator::before {
    background-image: url(../images/logo_dark_icon.svg)
}

.dark_mt_4 .ss_price_calculator:after {
    left: 82.5%
}

.dark_mt_4 .ss_price_calculator:hover {
    background: #e2694b;
    color: #fff
}

.dark_mt_3 .ss_price_calculator {
    min-width: 210px;
    clip-path: polygon(0 0, 99% 0, 89% 100%, 11% 100%);
    background: #fff;
    color: #003996
}

.dark_mt_3 .ss_price_calculator::before {
    background-image: url(../images/logo_dark_icon.svg)
}

.dark_mt_3 .ss_price_calculator:after {
    left: 76.5%
}

.dark_mt_3 .ss_price_calculator:hover {
    background: #e2694b;
    color: #fff
}

.con_right_btn {
    text-align: right
}

.mb_3 {
    margin-bottom: 30px
}

.mr_6 {
    margin-right: 60px
}

.r_c_b .what_about_con {
    border-radius: 0 20px 20px 0;
    border-left: 0;
    border-right: 5px solid #e2694b !important
}

.r_c_b .main_partner {
    padding: 50px 50px 40px 50px
}

.light_top {
    margin-top: 110px
}

.philosophy_con .philosophy_box:last-child {
    margin-bottom: 0
}

.our_client_slider .owl-item img {
    width: auto !important
}

.our_client_slider .owl-item .btn_arrow_box img {
    margin: 0 auto
}

#portfolio_partner .owl-dots {
    display: none
}

.contact_point_box_text {
    margin-bottom: 10px
}

.main_build_box img {
    width: auto !important;
    margin: auto
}

#mobile_development .owl-nav {
    display: none
}

#mobile_development .owl-dots {
    display: none
}

.story_logo img {
    width: 70%
}

.build_accordion button.accordion-button.collapsed {
    font-size: 24px;
    color: #012052;
    font-weight: 700
}

.build_accordion .accordion-button:not(.collapsed) {
    font-size: 22px;
    color: #012052;
    font-weight: 900;
    background-color: transparent;
    padding-left: 0;
    padding-right: 0;
    padding-top: 26px;
    padding-bottom: 26px
}

.build_accordion .accordion-header {
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%)
}

.mas_down {
    position: relative;
    margin-right: 20px;
    text-align: right
}

.build_down {
    position: absolute;
    top: 23px;
    right: -17px;
    transition: all ease 0.5s 0s
}

.build_accordion .accordion-button.collapsed .mas_down .active_img {
    opacity: 0;
    transition: all ease 0.5s 0s
}

.build_accordion .accordion-button .mas_down .active_img {
    opacity: 1;
    transition: all ease 0.5s 0s
}

.website_build {
    background-color: #f6fbff
}

.build_accordion .accordion-item {
    background-color: transparent
}

.build_accordion .accordion-collapse.collapse {
    box-shadow: none
}

.build_accordion .accordion-body {
    padding: 0
}

.build_logo {
    box-shadow: 1px 1px 5px rgb(64 67 150 / 10%);
    border-radius: 5px;
    padding: 20px;
    background-color: #fff;
    text-align: center;
    height: 150px;
    display: table;
    width: 100%
}

.build_accordion .owl-item {
    padding-top: 15px;
    padding-bottom: 15px
}

.build_logo img {
    width: 150px !important;
    display: inline-block !important
}

.build_logo_center {
    display: table-cell;
    vertical-align: middle
}

.index_blog .owl-nav {
    display: none
}

.index_blog .ss_blogs_date img {
    display: inline-block !important;
    width: auto !important
}

.blog_cag_icon {
    width: 80px;
    height: 80px;
    border-radius: 100%;
    background-color: #fff;
    box-shadow: 1px 1px 10px rgba(64, 67, 150, .1)
}

.blog_cag_icon img {
    width: 39%
}

.blog_cag_icon {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 100px;
    margin: auto;
    position: relative;
    z-index: 1024
}

.blog_cag_log {
    position: relative
}

.blog_cag_con h6 {
    color: #353535;
    font-weight: 900;
    font-size: 14px;
    text-align: center;
    min-height: 19px;
    line-height: 24px;
    margin-bottom: 0
}

.blog_cag_con {
    text-align: center;
    margin-top: 40px
}

.blog_page {
    position: relative
}

.side_img {
    position: absolute
}

.side_img img {
    width: 50%;
    opacity: .1
}

.flip_mas .side_img img {
    transform: rotateY(180deg)
}

.blog_slider_2 .side_img {
    right: 0;
    text-align: right
}

.blog_cag_border {
    border-bottom: 2px dotted #d7dadd;
    width: 90%;
    margin: auto;
    margin-top: 80px;
    position: absolute;
    z-index: 0
}

.blog_cag {
    position: relative
}

.blog_cag_box {
    position: relative;
    width: 100%
}

.new_switcher .ss_price_calculator1 a {
    height: 45px;
    min-width: 50px;
    background: #003996;
    display: inline-block;
    color: #fff;
    border-radius: 5px 5px 0 0;
    line-height: 45px;
    text-align: center;
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .3px
}

.color-switcher.new_switcher .color-trigger .ss_price_calculator1 a img {
    transform: rotate(-90deg);
    transition: all ease 0.5s 0s
}

.color-switcher.new_switcher.switcher-palate .color-trigger .ss_price_calculator1 a img {
    transform: rotate(90deg);
    transition: all ease 0.5s 0s
}

.blog_inner_img {
    box-shadow: 0 4px 4px rgb(0 0 0 / 5%);
    border-radius: 10px;
    overflow: hidden
}

.blog_detail_title h3 {
    font-size: 20px;
    color: #353535;
    font-weight: 900;
    margin-bottom: 0;
    line-height: 24px
}

.blog_detail_title h4 {
    font-size: 20px;
    color: #353535;
    font-weight: 900;
    margin-bottom: 0;
    line-height: 37px
}

.blog_detail_title p {
    color: #717171;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 0
}

.ss_details_pass {
    padding: 20px 20px;
    border-left: 6px solid #e2694b;
    background-color: #fff;
    box-shadow: 1px 1px 10px rgb(64 67 150 / 10%)
}

.text-extra-dark-gray {
    color: #353535;
    font-weight: 900;
    font-size: 18px
}

.text-medium-gray {
    color: #717171;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px
}

.ss_sharing_option {
    padding: 0;
    margin: 0;
    text-align: right
}

.ss_sharing_option li {
    list-style: none;
    display: inline-block
}

.ss_sharing_option li a {
    height: 35px;
    width: 35px;
    border-radius: 35px;
    display: inline-block;
    text-align: center;
    line-height: 33px;
    font-size: 16px;
    margin-right: 5px;
    background: #e2694b;
    color: #fff
}

.blog_detail_con p {
    color: #717171;
    font-size: 14px;
    font-weight: 600;
    line-height: 23px;
    letter-spacing: .3px
}

.blog_detail_con h5 {
    font-size: 18px;
    color: #353535;
    font-weight: 900;
    line-height: 30px;
    margin-bottom: 10px
}

.blog_video {
    box-shadow: 0 4px 4px rgb(0 0 0 / 5%);
    border-radius: 10px;
    overflow: hidden
}

.thank_sec_con {
    display: flex
}

.thank_you_con h3 {
    font-size: 20px;
    color: #fff;
    line-height: 28px;
    font-weight: 700;
    margin-bottom: 0
}

.thank_you_con {
    background-color: #e2694b;
    padding: 10px;
    width: 100%;
    text-align: center;
    border-radius: 10px;
    text-align: center;
    display: table;
    position: relative;
    margin-left: -10px
}

.thank_img {
    z-index: 9999
}

.con_thank {
    display: table-cell;
    vertical-align: middle
}

.thank_img img {
    width: 250px
}

.price_cal .philosophy_banner {
    padding: 30px 15px;
    bottom: 21%
}

.comment-list .comment-content {
    position: relative;
    overflow: hidden;
    margin-left: 100px
}

.comment-list .meta {
    margin-bottom: 12px
}

.comment-list .meta .fn {
    font-size: 15px;
    text-transform: uppercase;
    color: #333;
    display: inline-block;
    margin-bottom: 0
}

.comment-list .comment-actions .comment-datetime {
    display: inline-block;
    margin-right: 10px
}

.comment-list .comment-actions .comment-reply-link {
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
    font-weight: 700
}

.comment-list .comment-actions a {
    margin-right: 20px;
    font-weight: 500;
    color: #333
}

.comments_blog_con h5 {
    font-size: 20px;
    color: #000;
    font-weight: 900
}

.comments_blog_con p {
    color: #717171;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 0;
    padding-top: 0;
    letter-spacing: .2px
}

.comments_box_blog {
    background-color: #fff;
    box-shadow: 1px 1px 15px rgba(64, 67, 150, .15);
    border-radius: 10px;
    padding: 20px;
    display: flex;
    margin-top: 10px
}

.comments_img img {
    border-radius: 5px;
    height: 100%;
    object-fit: cover
}

.comments_blog_con {
    margin-left: 20px
}

.author-thumb img {
    border-radius: 50px
}

.comments-area {
    position: relative;
    margin-bottom: 70px
}

.comments-title {
    position: relative;
    margin-bottom: 40px
}

.comments-title h2 {
    font-size: 30px;
    font-weight: 700;
    text-transform: capitalize;
    color: #222;
    margin: 0
}

.comments-area .comment-box {
    position: relative;
    margin-bottom: 30px;
    padding-bottom: 0;
    padding: 30px;
    box-shadow: 1px 1px 15px rgba(64, 67, 150, .15)
}

.comments-area .comment {
    position: relative;
    min-height: 50px;
    padding-left: 70px
}

.comments-area .comment-box .author-thumb {
    position: absolute;
    left: 0;
    top: 0;
    width: 80px;
    border-radius: 10px;
    overflow: hidden
}

.comments-area .comment-box .author-thumb img {
    width: 100%;
    display: block;
    border-radius: 10px
}

.comments-area .comment-box .info {
    position: relative;
    margin-bottom: 0;
    line-height: 24px
}

.comments-area .comment-box .info .name {
    position: relative;
    display: inline-block;
    margin-right: 25px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 800;
    color: #222;
    text-transform: uppercase
}

.comments-area .comment-box .info .date {
    position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    color: #717171
}

.comments-area .comment-box .reply-btn {
    position: relative;
    display: inline-block;
    margin-left: 31px
}

.comments-area .comment-box .reply-btn:before {
    content: "|";
    position: absolute;
    left: -18px;
    top: -1px;
    line-height: 24px;
    font-size: 12px
}

.comments-area .comment-box .reply-btn a {
    font-size: 15px;
    line-height: 1.5em;
    color: #717171;
    font-weight: 700
}

.comments-area .comment-box .reply-btn a .fa {
    padding-right: 5px
}

.comments-area .comment-box .text {
    font-size: 13px;
    line-height: 1.7em;
    font-weight: 600;
    color: #717171
}

.sidebar .sidebar-widget {
    position: relative;
    display: block;
    margin-bottom: 50px
}

.sidebar .search-box .form-group {
    position: relative;
    margin: 0
}

.sidebar .search-box .form-group input[type="search"] {
    position: relative;
    line-height: 0;
    padding: 12px 50px 14px 20px;
    border: 1px solid #f0f0f0;
    background: #fff;
    color: #222;
    display: block;
    font-size: 16px;
    width: 100%;
    height: 50px;
    border-radius: 3px;
    transition: all 0.5s ease;
    border-radius: 5px
}

.sidebar .search-box .form-group button {
    position: absolute;
    right: 0;
    top: 0;
    height: 50px;
    width: 50px;
    line-height: 50px;
    display: block;
    font-size: 16px;
    color: #222;
    background: 0 0;
    font-weight: 400;
    border: none
}

.sidebar .recent-posts .post {
    position: relative;
    font-size: 14px;
    color: #777;
    padding: 0 0 25px 95px;
    min-height: 105px;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 25px
}

.sidebar .recent-posts .post-thumb {
    position: absolute;
    left: 0;
    top: 0;
    width: 80px;
    height: 80px;
    border-radius: 0
}

.sidebar .recent-posts .post-thumb img {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.sidebar .recent-posts .text {
    font-size: 16px;
    line-height: 1.5em;
    color: #222;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 7px
}

.sidebar .recent-posts .text a {
    color: #333
}

.sidebar .recent-posts .meta-info {
    position: relative;
    color: #999
}

.sidebar .recent-posts .meta-info li {
    position: relative;
    float: left;
    margin-right: 31px;
    line-height: 24px
}

.meta-info ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.post-thumb img {
    border-radius: 5px
}

.sidebar .recent-posts .meta-info li a {
    color: #a1a1a1
}

.sidebar .archives ul {
    position: relative
}

.sidebar .archives ul li {
    position: relative;
    line-height: 24px;
    font-size: 15px;
    margin-bottom: 10px
}

.sidebar .archives ul li::after {
    content: "";
    width: 100%;
    border-bottom: 2px solid rgba(0, 57, 150, .1);
    position: absolute;
    width: 93%
}

.sidebar .archives ul li a {
    position: relative;
    color: #717171;
    display: block;
    padding-left: 0;
    line-height: 24px;
    font-weight: 600;
    transition: all 0.3s ease
}

.sidebar .archives ul li a:hover {
    color: #0bb6f8;
    padding-left: 5px
}

.sidebar .archives ul li a:hover i {
    color: #0bb6f8
}

.sidebar .archives ul li a i {
    margin-right: 10px;
    font-size: 13px;
    color: #9c9c9c
}

.archives ul,
li {
    list-style: none;
    padding: 0;
    margin: 0
}

.sidebar .popular-tags .tags-list li {
    position: relative;
    display: inline-block;
    margin: 0 6px 10px 0
}

.sidebar .popular-tags .tags-list {
    padding: 0
}

.sidebar .popular-tags .tags-list li a {
    position: relative;
    display: block;
    line-height: 24px;
    padding: 6px 20px;
    background: #edf5f8;
    text-align: center;
    font-size: 13px;
    font-weight: 700;
    color: #222;
    text-transform: capitalize;
    border-radius: 5px;
    transition: all 0.3s ease
}

.sidebar .popular-tags .tags-list li a:hover {
    background-color: #e2694b;
    color: #fff;
    transition: all ease 0.5s 0s
}

#blog_slider_1 .owl-dots,
#blog_slider_2 .owl-dots,
#blog_slider_3 .owl-dots,
#blog_slider_4 .owl-dots,
#blog_slider_5 .owl-dots,
#blog_slider_6 .owl-dots {
    display: none
}

figure.effect-oscar {
    background: -webkit-linear-gradient(45deg, #22682a 0, #9b4a1b 40%, #3a342a 100%);
    background: linear-gradient(45deg, #22682a 0, #9b4a1b 40%, #3a342a 100%)
}

.grid figure {
    position: relative;
    float: left;
    overflow: hidden;
    margin: 10px 1%;
    max-height: 360px;
    width: 100%;
    background: #353535;
    text-align: center;
    cursor: pointer;
    height: 360px;
    box-shadow: 0 4px 4px rgb(0 0 0 / 5%);
    border-radius: 10px
}

figure.effect-oscar img {
    opacity: .9;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s
}

.grid figure img {
    position: relative;
    display: block;
    min-height: 100%;
    max-width: 100%;
    opacity: .8;
    width: 100%;
    object-fit: cover
}

figure.effect-oscar figcaption {
    padding: 30px 30px;
    background-color: rgba(0, 13, 33, .4);
    -webkit-transition: background-color 0.35s;
    transition: background-color 0.35s
}

.grid figure figcaption,
.grid figure figcaption>a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.grid figure figcaption {
    padding: 2em;
    color: #fff;
    text-transform: capitalize;
    font-size: 1.25em
}

figure.effect-oscar figcaption::before {
    position: absolute;
    top: 20px;
    right: 20px;
    bottom: 20px;
    left: 20px;
    border: 1px solid #fff;
    content: "";
    border-radius: 5px
}

figure.effect-oscar figcaption::before,
figure.effect-oscar p {
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(0);
    transform: scale(0)
}

figure.effect-oscar h2 {
    margin: 90px 0 10px 0;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    color: #fff;
    font-size: 26px;
    font-weight: 600;
    text-align: center;
    line-height: normal
}

figure.effect-oscar:hover img {
    opacity: .4
}

figure.effect-oscar:hover figcaption {
    background-color: rgba(226, 105, 75, .9)
}

figure.effect-oscar:hover figcaption::before,
figure.effect-oscar:hover p {
    -webkit-transform: scale(1);
    transform: scale(1);
    font-weight: 600;
    opacity: .7
}

figure.effect-oscar:hover h2 {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.grid figure p {
    font-size: 14px
}

.what_looking {
    padding-bottom: 50px
}

.portfolio_number span.percent:after {
    content: "+";
    display: inline-block
}

.technologies_box {
    position: relative;
    margin-top: 15px;
    margin-bottom: 15px;
    display: inherit;
    height: 100%
}

.technologies_box::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(255, 255, 255, .9)
}

.technologies_text {
    position: absolute;
    top: 29%;
    left: 0;
    right: 0;
    text-align: center
}

.technologies_text>img {
    height: 90px
}

.technologies_box h3 {
    color: #08b9fa;
    font-size: 27px;
    font-weight: 600;
    text-align: center;
    margin-top: 20px
}

.technologies_prefer {
    box-shadow: 0 4px 4px rgb(0 0 0 / 5%);
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    margin-bottom: 15px;
    margin-top: 15px
}

.technologies_prefer::before {
    content: "";
    height: 100%;
    width: 100%;
    background-color: rgba(255, 255, 255, .9);
    position: absolute
}

.technologies_prefer_con {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    text-align: center;
    display: table;
    width: 100%
}

.technologies_prefer_img_con {
    display: table-cell;
    vertical-align: middle
}

.technologies_prefer_img img {
    width: 100%
}

.technologies_prefer_img_con h4 {
    font-size: 20px;
    color: #353535;
    font-weight: 900;
    margin-bottom: 0;
    margin-top: 25px;
    text-align: center
}

.technologies_prefer_img_con img {
    height: 60px;
    width: auto
}

.item_type p {
    font-size: 11px;
    color: #fff;
    background-color: #e2694b;
    padding: 7px 20px;
    border-radius: 5px;
    font-weight: 600
}

.portfolio_tabel .item_type p {
    font-size: 11px;
    color: #e2694b;
    background-color: #fff;
    padding: 4px 17px;
    border-radius: 5px;
    font-weight: 600
}

.web p {
    background-color: #64aaff
}

.item_type {
    position: absolute;
    top: 15px;
    right: 15px;
    text-transform: capitalize
}

.portfolio-filter {
    position: unset;
    box-shadow: 0 4px 15px rgb(0 0 0 / 10%);
    border-radius: 10px;
    padding: 30px;
    margin-top: 0;
    background-color: #fff
}

.filter-box {
    margin-bottom: 30px
}

.filter-title h4 {
    font-size: 18px;
    color: #353535;
    font-weight: 600;
    margin-bottom: 0
}

.filter-op {
    margin-top: 20px
}

.cutsom-checkbox-row {
    position: relative;
    margin-bottom: 5px
}

.cutsom-checkbox-row input[type="checkbox"] {
    margin: 0;
    opacity: 0;
    width: auto
}

.cutsom-checkbox-row input[type="checkbox"]+label {
    padding-left: 20px;
    display: inline-block;
    margin-bottom: .5rem;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0
}

.cutsom-checkbox-row input[type="checkbox"]+label::before {
    border-color: rgba(112, 112, 112, .3);
    background-color: transparent;
    border-radius: 0;
    transform: scale(1);
    border-width: 2px;
    border-radius: 4px
}

.cutsom-checkbox-row input[type="checkbox"]+label::before {
    border-color: #ddd;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    content: "";
    cursor: pointer;
    display: inline-block;
    height: 25px;
    left: 0;
    position: absolute;
    transition: 0.3s linear all;
    width: 25px
}

.cutsom-checkbox-row input[type="checkbox"]+label::after {
    content: "";
    transform: scale(0);
    transition: 0.3s linear all
}

.cutsom-checkbox-row input[type="checkbox"]+label::after {
    transform: scale(2);
    opacity: 0
}

.cutsom-checkbox-row input[type="checkbox"]+label {
    padding-left: 20px;
    display: inline-block;
    margin-bottom: .5rem;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .3px;
    color: #717171
}

.cutsom-checkbox-row input[type="checkbox"]:checked+label::before {
    background-color: #e2694b;
    border-style: solid;
    border-color: #fff
}

.cutsom-checkbox-row input[type="checkbox"]:checked+label::before {
    border-color: #e2694b;
    border-style: dotted;
    transition: 0.3s linear all
}

.cutsom-checkbox-row input[type="checkbox"]:checked+label::after {
    color: #fff;
    content: "\f00c";
    cursor: pointer;
    font-family: FontAwesome;
    left: 6px;
    position: absolute;
    top: 1px;
    transform: scale(1);
    transition: 0.3s linear all;
    height: 0;
    width: 0;
    border: none
}

.cutsom-checkbox-row input[type="checkbox"]:checked+label::after {
    transform: scale(1);
    opacity: 1
}

.working_box {
    padding: 0 0 0 30px
}

.portfolio-box {
    box-shadow: 0 5px 30px rgb(0 0 0 / 5%);
    border-radius: 5px;
    border-bottom: 4px solid #3ab3e7;
    margin-bottom: 30px;
    display: inline-block;
    width: 100%
}

.portfolio-box .ss_work_images {
    position: relative;
    overflow: hidden;
    transition: 0.5s all
}

.portfolio-box .ss_work_images img {
    transition: 0.5s all
}

.portfolio-con {
    padding: 20px;
    padding: 20px
}

.portfolio-con h3 {
    font-size: 20px;
    color: #322d49;
    font-weight: 600;
    margin-bottom: 3px;
    line-height: initial
}

.portfolio-con p {
    color: rgba(50, 45, 73, .5);
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0
}

.portfolio-page .portfolio_box {
    margin-top: 0;
    margin-bottom: 40px
}

.calculator_sec_title {
    background-color: #f6fbff;
    padding-bottom: 100px
}

.calculator_sec {
    margin-top: -60px;
    margin-bottom: 50px
}

.calculator_sec .slider_con::after {
    background-color: #003996;
    content: none
}

.calculator_sec .slider_con h3 {
    margin-bottom: 15px;
    margin-top: 15px
}

.calculator_sec .sercices_images1:before {
    content: none
}

.calculator_sec .slider_con {
    background-color: #003996;
    padding: 90px 10px 1px
}

.calculator_sec .slider_item:hover .slider_con::after {
    padding: 90px 10px 1px
}

.blog_img_box {
    box-shadow: 0 4px 4px rgb(0 0 0 / 5%);
    border-radius: 5px;
    overflow: hidden
}

.main_title_blog {
    font-size: 20px;
    color: #353535;
    font-weight: 900;
    line-height: 30px;
    margin-bottom: 5px;
    display: inline-block;
    width: 100%;
    transition: all ease 0.5s 0s
}

.main_title_blog:hover {
    color: #e2694b;
    transition: all ease 0.5s 0s
}

.blog_con_box .ss_blog {
    margin-top: 5px
}

.blog_con_box p {
    color: #8f8f8f;
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 0;
    padding-top: 5px;
    letter-spacing: .3px
}

.blog_con_box .ss_blogs_date li {
    font-size: 14px;
    font-weight: 700
}

.blog_con_box .ss_blogs_date li img {
    margin-top: -4px
}

.blog_main {
    padding-bottom: 50px;
    margin-bottom: 50px;
    border-bottom: 2px dotted #d6d6d6
}

.imprint_title h4 {
    font-size: 28px;
    color: #353535;
    font-weight: 900;
    margin-bottom: 1px
}

.imprint_title h5 {
    font-size: 23px;
    color: #353535;
    font-weight: 900;
    margin-bottom: 1px
}

.imprint_title ul {
    padding: 0;
    padding-left: 10px
}

.imprint_title ul li {
    color: #717171;
    font-size: 13px;
    word-break: break-word;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: .1px
}

.imprint_title p {
    color: #717171;
    font-size: 13px;
    font-weight: 600;
    line-height: 26px;
    word-break: break-word;
    letter-spacing: .1px
}

.imprint_box {
    background-color: #fff;
    box-shadow: 1px 1px 10px rgb(64 67 150 / 10%);
    border-radius: 5px;
    padding: 25px;
    min-height: 182px;
    text-align: center;
    display: table;
    width: 100%
}

.imprint_box h4 {
    font-size: 19px;
    color: #353535;
    font-weight: 900;
    margin-bottom: 0
}

.imprint_box p {
    color: #717171;
    font-size: 15px;
    font-weight: 600;
    line-height: 23px;
    letter-spacing: .1px;
    margin-bottom: 0;
    margin-top: 5px
}

.imprint_box p a {
    color: #717171
}

.imprint_box .ss_line_svg {
    display: inline-block;
    position: relative;
    top: 1px
}

.text_imprint {
    min-height: 100%
}

.sidebar_col ul {
    padding: 0
}

.sidebar_col ul li {
    list-style: none;
    box-shadow: 1px 1px 10px rgb(64 67 150 / 10%);
    background-color: #fff;
    transition: all ease 0.5s 0s;
    margin-bottom: 2px
}

.sidebar_col ul li a {
    border-radius: 5px;
    width: 100%;
    display: inline-block;
    padding: 5px 20px;
    font-size: 16px;
    color: #353535;
    font-weight: 700;
    transition: all ease 0.5s 0s
}

.sidebar_col ul li a i {
    color: #353535;
    margin-right: 10px;
    font-weight: 700
}

.sidebar_col ul li a.active,
.sidebar_col ul li a:hover {
    background-color: #e2694b;
    transition: all ease 0.5s 0s
}

.sidebar_col ul li a.active,
.sidebar_col ul li a.active i,
.sidebar_col ul li a:hover,
.sidebar_col ul li a:hover i {
    color: #fff;
    transition: all ease 0.5s 0s
}

.sidebar_col ul li a.active,
.sidebar_col ul li a:hover {
    transition: all ease 0.5s 0s
}

.imprint_title h6 {
    font-size: 19px;
    color: #353535;
    font-weight: 900;
    text-align: left;
    margin-bottom: 1px
}

.imprint_title .support_con ul li a {
    color: #e2694b;
    transition: all ease 0.5s 0s
}

.imprint_title p a {
    color: #e2694b;
    transition: all ease 0.5s 0s;
    word-break: break-word
}

.file-drop-area {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 100%;
    padding: 15px;
    border-radius: 5px;
    transition: 0.2s;
    background-color: #e2694b;
    color: #fff
}

.file-drop-area.is-active {
    background-color: #e2694b
}

.fake-btn {
    flex-shrink: 0;
    border-radius: 3px;
    padding: 8px 15px;
    margin-right: 10px;
    font-size: 12px;
    text-transform: uppercase
}

.file-msg {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    width: 100%
}

.file-input {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
    opacity: 0
}

.file-input:focus {
    outline: 0
}

#sidebar_col.fixed {
    position: fixed;
    top: 0
}

#sidebarWrap {
    height: 400px;
    width: 210px;
    float: right;
    position: relative;
    box-shadow: none;
    border: none;
    margin: 0;
    padding: 0
}

#main {
    width: 670px;
    height: 4000px;
    background: #333
}

#sidebar {
    width: 200px;
    height: 300px;
    position: absolute;
    background: #333
}

.imprint {
    position: relative
}

li.nav-item.active .nav-link {
    color: #e2694b !important
}

.price_cal_header h3 {
    font-size: 28px !important;
    line-height: 37px;
    font-weight: 800
}

.ss_footer_bg {
    padding-top: 80px;
    background-image: url(../images/ss_footer_bg.svg) !important
}

.ss_mobiles_size_fix {
    width: 50%;
    margin: 0 auto 0 auto
}

.contact_formm {
    padding: 15px 20px;
    font-size: 14px;
    border-radius: 5px
}

.contact_main_title {
    font-size: 23px;
    margin-bottom: 10px;
    font-weight: 600
}

.about_gmbh {
    font-size: 35px;
    font-weight: 700
}

.manage_smart {
    padding-top: 20px;
    font-size: 17px;
    line-height: 27px;
    font-weight: 600;
    color: #08b9fa !important
}

.js .input-file-container {
    position: relative;
    text-align: center
}

.js .input-file-trigger {
    display: block;
    padding: 14px 45px;
    background: #fff;
    border: 1px solid #1ac2ff;
    color: #1ac2ff;
    font-size: 12px;
    transition: all 0.4s;
    cursor: pointer;
    border-radius: 5px
}

.js .input-file {
    position: absolute;
    top: 0;
    left: 0;
    padding: 14px 0;
    opacity: 0;
    cursor: pointer
}

.js .input-file-trigger:focus,
.js .input-file-trigger:hover,
.js .input-file:focus+.input-file-trigger,
.js .input-file:hover+.input-file-trigger {
    background: #1ac2ff;
    text-decoration: none !important;
    color: #fff
}

.file-return {
    margin: 0
}

.file-return:not(:empty) {
    margin: 1em 0
}

.js .file-return {
    font-style: italic;
    font-size: .9em;
    font-weight: 700
}

.credit {
    border: 1px solid #ddd;
    padding: 2px;
    width: 410px;
    background: #eee;
    border-radius: 5px;
    position: absolute;
    bottom: 0
}

.ss_attach_documents {
    text-align: left;
    width: 100%;
    color: #000
}

.custom-control-label::after,
.custom-control-label::before {
    height: 25px;
    width: 25px
}

.custom-control-input:checked~.custom-control-label::before {
    color: #000;
    border-color: #e2694b;
    background-color: #e2694b
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: url(../images/download.svg)
}

.ss_next_preview_buttonjmasn button {
    background: #1ac2ff;
    display: inline-block;
    line-height: 50px;
    height: 50px;
    text-align: center;
    border-radius: 5px;
    color: #fff;
    font-weight: 700;
    margin-left: 15px;
    padding: 0 40px;
    font-size: 14px;
    -webkit-box-shadow: 0 -2px 33px 0 rgba(10, 25, 32, .05);
    -moz-box-shadow: 0 -2px 33px 0 rgba(10, 25, 32, .05);
    box-shadow: 0 -2px 33px 0 rgba(10, 25, 32, .05);
    border: transparent
}

.ss_main_form_control {
    background-color: #f6fbff;
    border-radius: 5px;
    width: 100%;
    height: 45px;
    border: none;
    padding-left: 15px;
    color: #717171;
    border-bottom: 4px solid rgba(19, 189, 252, .1)
}

.ss_main_form_control:focus {
    outline: 0;
    transition: all ease 0.5s 0s;
    border-bottom: 4px solid #13bdfc !important
}

.ss_main_form_controlB {
    background-color: #f6fbff;
    border-radius: 5px;
    width: 100%;
    height: 150px;
    border: none;
    padding-left: 15px;
    color: #717171;
    border-bottom: 4px solid rgba(19, 189, 252, .1);
    margin-bottom: 0
}

.ss_main_form_controlB:focus {
    outline: 0;
    transition: all ease 0.5s 0s;
    border-bottom: 4px solid #13bdfc !important
}

.character_count {
    text-align: right;
    font-size: 12px;
    font-weight: 600
}

.container-checkbox {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 5px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.container-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer
}

.container-checkbox .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
    border-radius: 3px
}

.container-checkbox:hover input~.checkmark {
    background-color: #ccc
}

.container-checkbox input:checked~.checkmark {
    background-color: #2196f3
}

.container-checkbox .checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.container-checkbox input:checked~.checkmark:after {
    display: block
}

.container-checkbox .checkmark:after {
    left: 7px;
    top: 4px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.ss_btn_s_w .btn::before {
    content: "";
    --scale: 1;
    --skew: -16;
    padding: .5rem 1rem;
    border-radius: 0;
    outline: 0;
    background-color: #fff;
    transition: transform 0.1s ease-out;
    transform: skewX(calc(var(--skew) * -1.8deg)) scale(var(--scale)) translate3d(0, 0, 0);
    color: #fff;
    font-size: 13px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    cursor: pointer;
    user-select: none;
    height: 44px;
    width: 180px
}

.ss_btn_s_w .btn {
    padding: 0;
    position: relative
}

.ss_btn_s_w .btn:active {
    --scale: .95
}

.ss_btn_s_w .btn>* {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    line-height: 44px;
    color: #003996;
    letter-spacing: .5px;
    font-size: 13px;
    font-weight: 600;
    transform: skewX(calc(var(--skew) * -1deg))
}

.ss_btn_s_w .shape_text::before {
    content: "";
    top: 0;
    left: -13px;
    background-image: url(../images/logo_dark_icon.svg);
    height: 45px;
    width: 50px;
    position: absolute;
    background-size: cover;
    transition: 0.8s all
}

.ss_btn_s_w .btn:hover .shape_text::before {
    content: "";
    top: -1px;
    left: 100%;
    opacity: 0
}

.ss_btn_s_w .shape_text:after {
    content: "";
    top: 0;
    left: 79%;
    height: 46px;
    width: 51px;
    position: absolute;
    background-size: contain;
    transition: 0.8s all;
    background-image: url(../images/right_hover.svg);
    opacity: 0;
    font-size: 14px;
    color: #003996;
    line-height: 35px;
    background-repeat: no-repeat
}

.ss_btn_s_w .btn:hover::before {
    transition: all ease 0.5s 0s;
    transform: skewX(calc(var(--skew) * 1.8deg)) scale(var(--scale)) translate3d(0, 0, 0)
}

.ss_btn_s_w .btn:hover .shape_text:after {
    opacity: 1
}

.ss_btn_s .btn::before {
    content: "";
    --scale: 1;
    --skew: -16;
    padding: .5rem 1rem;
    border-radius: 0;
    outline: 0;
    background-color: #003996;
    transition: transform 0.1s ease-out;
    transform: skewX(calc(var(--skew) * -1.8deg)) scale(var(--scale)) translate3d(0, 0, 0);
    color: #fff;
    font-size: 13px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    cursor: pointer;
    user-select: none;
    height: 44px;
    width: 180px
}

.ss_btn_s .btn {
    padding: 0;
    position: relative;
    font-weight: 600
}

.ss_btn_s .btn:active {
    --scale: .95
}

.ss_btn_s .btn>* {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    line-height: 44px;
    color: #fff;
    letter-spacing: .5px;
    font-size: 13px;
    transform: skewX(calc(var(--skew) * -1deg))
}

.ss_btn_s .shape_text::before {
    content: "";
    top: 0;
    left: -13px;
    background-image: url(../images/logo_white_icon.svg);
    height: 45px;
    width: 50px;
    position: absolute;
    background-size: cover;
    transition: 0.8s all
}

.ss_btn_s .btn:hover .shape_text::before {
    content: "";
    top: -1px;
    left: 100%;
    opacity: 0
}

.ss_btn_s .shape_text:after {
    content: "";
    top: -1px;
    left: 79.5%;
    height: 50px;
    width: 53px;
    position: absolute;
    background-size: contain;
    transition: 0.8s all;
    background-image: url(../images/right_hover.svg);
    opacity: 0;
    font-size: 14px;
    color: #003996;
    line-height: 35px;
    background-repeat: no-repeat
}

.ss_btn_s .btn:hover::before {
    transition: all ease 0.5s 0s;
    transform: skewX(calc(var(--skew) * 1.8deg)) scale(var(--scale)) translate3d(0, 0, 0)
}

.ss_btn_s .btn:hover .shape_text:after {
    opacity: 1
}

.ss_btn .btn::before {
    content: "";
    --scale: 1;
    --skew: -16;
    padding: .5rem 1rem;
    border-radius: 0;
    outline: 0;
    background-color: #003996;
    transition: transform 0.1s ease-out;
    transform: skewX(calc(var(--skew) * -1.8deg)) scale(var(--scale)) translate3d(0, 0, 0);
    color: #fff;
    font-size: 13px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    cursor: pointer;
    user-select: none;
    height: 44px;
    width: 200px
}

.ss_btn .btn {
    padding: 0;
    position: relative
}

.ss_btn .btn:active {
    --scale: .95
}

.ss_btn .btn>* {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    line-height: 44px;
    color: #fff;
    letter-spacing: 0;
    font-size: 13px;
    transform: skewX(calc(var(--skew) * -1deg));
    font-weight: 600
}

.shape_text::before {
    content: "";
    top: 0;
    left: -13px;
    background-image: url(../images/logo_white_icon.svg);
    height: 45px;
    width: 50px;
    position: absolute;
    background-size: cover;
    transition: 0.8s all
}

.ss_btn .btn:hover .shape_text::before {
    content: "";
    top: -1px;
    left: 100%;
    opacity: 0
}

.ss_btn .shape_text:after {
    content: "";
    top: -1px;
    left: 81.5%;
    height: 50px;
    width: 53px;
    position: absolute;
    background-size: contain;
    transition: 0.8s all;
    background-image: url(../images/right_hover.svg);
    opacity: 0;
    font-size: 14px;
    color: #003996;
    line-height: 35px;
    background-repeat: no-repeat
}

.ss_btn .btn:hover::before {
    transition: all ease 0.5s 0s;
    transform: skewX(calc(var(--skew) * 1.8deg)) scale(var(--scale)) translate3d(0, 0, 0)
}

.ss_btn .btn:hover .shape_text:after {
    opacity: 1
}

.ss_btn_1 .btn::before {
    content: "";
    --scale: 1;
    --skew: -16;
    padding: .5rem 1rem;
    border-radius: 0;
    outline: 0;
    background-color: #003996;
    transition: transform 0.1s ease-out;
    transform: skewX(calc(var(--skew) * -1.8deg)) scale(var(--scale)) translate3d(0, 0, 0);
    color: #fff;
    font-size: 13px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    cursor: pointer;
    user-select: none;
    height: 44px;
    width: 280px
}

.ss_btn_1 .btn {
    padding: 0;
    position: relative;
    font-weight: 600
}

.ss_btn_1 .btn:active {
    --scale: .95
}

.ss_btn_1 .btn>* {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    line-height: 44px;
    color: #fff;
    letter-spacing: 0;
    font-size: 13px;
    transform: skewX(calc(var(--skew) * -1deg))
}

.ss_btn_1 .shape_text::before {
    content: "";
    top: 0;
    left: -13px;
    background-image: url(../images/logo_white_icon.svg);
    height: 45px;
    width: 50px;
    position: absolute;
    background-size: cover;
    transition: 0.8s all
}

.ss_btn_1 .btn:hover .shape_text::before {
    content: "";
    top: -1px;
    left: 100%;
    opacity: 0
}

.ss_btn_1 .shape_text:after {
    content: "";
    top: -1px;
    left: 87%;
    height: 50px;
    width: 53px;
    position: absolute;
    background-size: contain;
    transition: 0.8s all;
    background-image: url(../images/right_hover.svg);
    opacity: 0;
    font-size: 14px;
    color: #003996;
    line-height: 35px;
    background-repeat: no-repeat
}

.ss_btn_1 .btn:hover::before {
    transition: all ease 0.5s 0s;
    transform: skewX(calc(var(--skew) * 1.8deg)) scale(var(--scale)) translate3d(0, 0, 0)
}

.ss_btn_1 .btn:hover .shape_text:after {
    opacity: 1
}

.ss_btn_2 .btn::before {
    content: "";
    --scale: 1;
    --skew: -16;
    padding: .5rem 1rem;
    border-radius: 0;
    outline: 0;
    background-color: #003996;
    transition: transform 0.1s ease-out;
    transform: skewX(calc(var(--skew) * -1.8deg)) scale(var(--scale)) translate3d(0, 0, 0);
    color: #fff;
    font-size: 13px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    cursor: pointer;
    user-select: none;
    height: 44px;
    width: 320px
}

.ss_btn_2 .btn {
    padding: 0;
    position: relative
}

.ss_btn_2 .btn:active {
    --scale: .95
}

.ss_btn_2 .btn>* {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    line-height: 44px;
    color: #fff;
    letter-spacing: 0;
    font-size: 13px;
    font-weight: 600;
    transform: skewX(calc(var(--skew) * -1deg))
}

.ss_btn_2 .shape_text::before {
    content: "";
    top: 0;
    left: -13px;
    background-image: url(../images/logo_white_icon.svg);
    height: 45px;
    width: 50px;
    position: absolute;
    background-size: cover;
    transition: 0.8s all
}

.ss_btn_2 .btn:hover .shape_text::before {
    content: "";
    top: -1px;
    left: 100%;
    opacity: 0
}

.ss_btn_2 .shape_text:after {
    content: "";
    top: -1px;
    left: 88.5%;
    height: 50px;
    width: 53px;
    position: absolute;
    background-size: contain;
    transition: 0.8s all;
    background-image: url(../images/right_hover.svg);
    opacity: 0;
    font-size: 14px;
    color: #003996;
    line-height: 35px;
    background-repeat: no-repeat
}

.ss_btn_2 .btn:hover::before {
    transition: all ease 0.5s 0s;
    transform: skewX(calc(var(--skew) * 1.8deg)) scale(var(--scale)) translate3d(0, 0, 0)
}

.ss_btn_2 .btn:hover .shape_text:after {
    opacity: 1
}

.ss_btn_2_w .btn::before {
    content: "";
    --scale: 1;
    --skew: -16;
    padding: .5rem 1rem;
    border-radius: 0;
    outline: 0;
    background-color: #fff;
    transition: transform 0.1s ease-out;
    transform: skewX(calc(var(--skew) * -1.8deg)) scale(var(--scale)) translate3d(0, 0, 0);
    color: #fff;
    font-size: 13px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    cursor: pointer;
    user-select: none;
    height: 44px;
    width: 320px
}

.ss_btn_2_w .btn {
    padding: 0;
    position: relative
}

.ss_btn_2_w .btn:active {
    --scale: .95
}

.ss_btn_2_w .btn>* {
    display: block;
    position: absolute;
    top: 1px;
    right: 0;
    left: 0;
    bottom: 0;
    line-height: 44px;
    color: #003996;
    letter-spacing: 0;
    font-weight: 600;
    font-size: 13px;
    transform: skewX(calc(var(--skew) * -1deg))
}

.ss_btn_2_w .shape_text::before {
    content: "";
    top: -1px;
    left: -13px;
    background-image: url(../images/logo_dark_icon.svg);
    height: 45px;
    width: 50px;
    position: absolute;
    background-size: cover;
    transition: 0.8s all
}

.ss_btn_2_w .btn:hover .shape_text::before {
    content: "";
    top: -1px;
    left: 100%;
    opacity: 0
}

.ss_btn_2_w .shape_text:after {
    content: "";
    top: -1px;
    left: 88.2%;
    height: 50px;
    width: 53px;
    position: absolute;
    background-size: contain;
    transition: 0.8s all;
    background-image: url(../images/right_hover.svg);
    opacity: 0;
    font-size: 14px;
    color: #003996;
    line-height: 35px;
    background-repeat: no-repeat
}

.ss_btn_2_w .btn:hover::before {
    transition: all ease 0.5s 0s;
    transform: skewX(calc(var(--skew) * 1.8deg)) scale(var(--scale)) translate3d(0, 0, 0)
}

.ss_btn_2_w .btn:hover .shape_text:after {
    opacity: 1
}

.contact_form_btn {
    text-align: right;
    margin-top: 20px
}

.bg_color {
    background-color: #f6fbff
}

.ml_2 {
    margin-left: 10px
}

.mr_2 {
    margin-right: 20px
}

.navbar-classic.navbar-light .navbar-nav .nav-link {
    color: #181825;
    padding: 12px 16px
}

.navbar-classic .navbar-nav .nav-item .nav-link {
    font-size: 15px;
    color: #181825;
    padding: 12px 10px;
    line-height: 20px;
    border-bottom: 1px solid #fff
}

.navbar-classic .navbar-nav .nav-item .nav-link:hover {
    color: #3544ee
}

.navbar-classic .navbar-nav .nav-item .nav-link:hover.dropdown-toggle::after {
    color: #3544ee
}

.navbar-classic.navbar {
    padding: 18px 0
}

.navbar-classic .dropdown-toggle::after {
    margin-top: 1px;
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 6px;
    vertical-align: -2px;
    content: "\f107";
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
    color: #bdbebf;
    font-family: "Font Awesome\ 5 Free";
    font-weight: 900;
    margin-right: 15px;
    font-size: 13px;
    float: right
}

.navbar-classic .navbar-collapse.show .dropdown .dropdown-menu .dropdown-item {
    border-bottom: 1px solid #f1f1f6;
    border-radius: 0
}

.navbar-brand {
    display: inline-block;
    padding-top: 0;
    padding-bottom: 2px;
    margin-right: initial;
    line-height: inherit;
    white-space: nowrap;
    color: #181825;
    font-size: 24px
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 16rem;
    padding: 12px;
    margin: 18px 0;
    font-size: 1rem;
    color: #808294;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgb(255, 255, 255, 0);
    border-radius: 2px;
    -webkit-box-shadow: 0 3px 11px 0 rgba(0, 0, 0, .09);
    -moz-box-shadow: 0 3px 11px 0 rgba(0, 0, 0, .09);
    box-shadow: 0 3px 11px 0 rgba(0, 0, 0, .09);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 14px 0;
    clear: both;
    font-weight: 400;
    color: #181825;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    font-size: 15px;
    line-height: 15px;
    transition: all ease 0.5s 0s !important;
    -webkit-transition: all ease 0.5s 0s !important;
    -moz-transition: all ease 0.5s 0s !important;
    -ms-transition: all ease 0.5s 0s !important;
    -o-transition: all ease 0.5s 0s !important
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #4955ef;
    text-decoration: none;
    background-color: #eeeffd;
    border-radius: 4px
}

.dropdown-item:focus .dropdown-toggle::after,
.dropdown-item:hover.dropdown-toggle::after {
    color: #4955ef
}

@media (min-width:992px) {
    .dropdown .dropdown-menu {
        display: block;
        visibility: hidden;
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
        -webkit-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in
    }
    .dropdown:hover>.dropdown-menu {
        visibility: visible;
        opacity: 1;
        -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
        transform: scaleY(1);
        opacity: 1;
        visibility: visible
    }
    .dropdown-submenu:hover .dropdown-menu {
        visibility: visible;
        opacity: 1;
        -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
        transform: scaleY(1);
        opacity: 1;
        visibility: visible
    }
}

.dropdown-submenu {
    position: relative
}

.dropdown-submenu a::after {
    transform: rotate(-90deg);
    position: absolute;
    right: 17px;
    top: 25px
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-left: 13px;
    margin-right: .1rem
}

.caret-up {
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid;
    display: inline-block;
    margin-left: 2px;
    vertical-align: middle
}

.mega-dropdown {
    position: unset
}

.mega-dropdown-menu {
    width: 100%;
    position: absolute;
    top: 100px;
    margin: 0 0
}

.mega-dropdown-menu ul {
    list-style: none
}

.nav-dropitem-arrow {
    position: relative;
    font-size: 12px;
    opacity: 0;
    padding-right: 10px
}

.nav-dropitem-arrow i {
    position: absolute
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #3ab3e7;
    text-decoration: none;
    border-radius: 4px;
    padding-left: 5px;
    background-color: transparent;
    transition: all ease 0.5s 0s !important
}

.dropdown-item {
    transition: all ease 0.5s 0s !important;
    -webkit-transition: all ease 0.5s 0s !important;
    -moz-transition: all ease 0.5s 0s !important;
    -ms-transition: all ease 0.5s 0s !important;
    -o-transition: all ease 0.5s 0s !important
}

.dropdown-item:hover .nav-dropitem-arrow {
    color: #3ab3e7;
    opacity: 1;
    margin-right: 5px
}

.navbar-boxed .navbar-toggler,
.navbar-classic .navbar-toggler {
    padding: 17px 15px;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid #eaeaf0;
    border-radius: .25rem;
    position: relative
}

.navbar-classic .navbar-collapse.show .dropdown .dropdown-menu {
    background: #fff;
    box-shadow: none;
    margin: 7px 0
}

.navbar-classic .navbar-collapse.show .navbar-nav .nav-item .nav-link {
    border-bottom: 1px solid #f1f1f6
}

.navbar-classic .navbar-collapse.show .dropdown .dropdown-menu .dropdown-submenu.dropdown-item {
    border-bottom: 1px solid #f1f1f6
}

.navbar-boxed .navbar-collapse.show .dropdown .dropdown-menu {
    background: #fff;
    box-shadow: none;
    margin: 7px 0
}

.navbar-boxed .navbar-collapse.show .navbar-nav .nav-item .nav-link {
    border-bottom: 1px solid #f1f1f6
}

.navbar-boxed .navbar-collapse.show .dropdown .dropdown-menu .dropdown-submenu.dropdown-item {
    border-bottom: 1px solid #f1f1f6
}

.navbar-transparent .navbar-collapse.show .dropdown .dropdown-menu {
    background: #fff;
    box-shadow: none;
    margin: 7px 0
}

.navbar-transparent .navbar-collapse.show .navbar-nav .nav-item .nav-link {
    border-bottom: 1px solid #495bfb
}

.navbar-transparent .navbar-collapse.show .dropdown .dropdown-menu .dropdown-submenu.dropdown-item {
    border-bottom: 1px solid #f1f1f6
}

.icon-bar {
    width: 21px;
    height: 3px;
    background-color: #3544ee;
    display: block;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    margin-top: 4px
}

.navbar-toggler:focus {
    outline: 0
}

.navbar-toggler .top-bar {
    transform: rotate(45deg);
    transform-origin: 10% 190%;
    background-color: #3544ee
}

.navbar-toggler .middle-bar {
    opacity: 0
}

.navbar-toggler .bottom-bar {
    transform: rotate(-45deg);
    transform-origin: 10% -80%;
    background-color: #3544ee
}

.navbar-toggler.collapsed .top-bar {
    transform: rotate(0);
    background-color: #3544ee
}

.navbar-toggler.collapsed .middle-bar {
    opacity: 1
}

.navbar-toggler.collapsed .bottom-bar {
    transform: rotate(0);
    background-color: #3544ee
}

.nav-title {
    font-size: 18px;
    color: #3ab3e7;
    font-weight: 500;
    letter-spacing: 0;
    margin-bottom: 15px;
    padding-left: 0 !important
}

.dropdown-menu ul li {
    position: relative;
    list-style: none;
    padding-left: 20px
}

.services_type::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(255, 230, 140, .9)
}

.type_portfolio::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(255, 230, 140, .9)
}

.blog_type::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(255, 230, 140, .9)
}

.mega-dropdown-menu .slider_con::after {
    background-color: rgba(100, 170, 255, .9)
}

.menu-title {
    font-size: 15px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 15px;
    width: 100%;
    padding: 11px 10px;
    background-color: #3ab3e7;
    border-radius: 5px;
    position: relative
}

.web-menu ul li {
    width: 24%;
    display: inline-block
}

.menu-title::after {
    content: "";
    display: block;
    border-width: 15px 15px 0;
    border-style: solid;
    border-color: #3ab3e7 transparent transparent;
    margin-left: -20px;
    position: absolute;
    bottom: -10px;
    left: 50%;
    transition: all ease 0.5s 0s;
    -webkit-transition: all ease 0.5s 0s;
    -moz-transition: all ease 0.5s 0s;
    -ms-transition: all ease 0.5s 0s;
    -o-transition: all ease 0.5s 0s
}

.menu-border:after,
.menu-border:before {
    content: "";
    position: absolute;
    height: 1px;
    border-bottom: 2px solid #3ab3e7;
    border-top: 2px solid #3ab3e7
}

.menu-border:before {
    width: 33px;
    right: auto;
    left: 0;
    margin: auto
}

.menu-border:after {
    width: 5px;
    right: auto;
    left: 40px;
    margin: auto
}

.menu-border {
    display: inline-block;
    opacity: .5;
    margin-bottom: 30px
}

.drop-menu ul {
    padding: 0
}

.drop-menu ul li a {
    font-size: 14px;
    line-height: 32px;
    letter-spacing: 0
}

.mega-col ul li {
    width: 50%;
    float: left
}

.drop-menu ul li ::before {
    content: "\f105";
    position: absolute;
    left: 0;
    top: 0;
    color: #4a4a4a;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    font-family: FontAwesome;
    font-size: 20px
}

.drop-menu ul li {
    position: relative;
    list-style: none;
    padding-left: 20px
}

.drop-menu ul li a {
    transition: all ease 0.5s 0s;
    -webkit-transition: all ease 0.5s 0s;
    -moz-transition: all ease 0.5s 0s;
    -ms-transition: all ease 0.5s 0s;
    -o-transition: all ease 0.5s 0s
}

.drop-menu ul li a:hover {
    padding-left: 5px;
    color: #3ab3e7;
    transition: all ease 0.5s 0s;
    -webkit-transition: all ease 0.5s 0s;
    -moz-transition: all ease 0.5s 0s;
    -ms-transition: all ease 0.5s 0s;
    -o-transition: all ease 0.5s 0s
}

.dropdown-toggle::after {
    display: inline-block;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
    top: 3px;
    position: relative
}

.mega-dropdown-menu .slider_con p {
    margin-top: 0
}

.mega-dropdown-menu .slider_icon {
    height: 80px;
    width: 80px
}

.slider_item {
    margin-top: 90px
}

.mega-dropdown-menu .portfolio_img {
    height: 240px
}

.mega-dropdown-menu .portfolio_box {
    margin-top: 40px
}

.mega-dropdown-menu .blog_cag_log {
    position: relative;
    margin-bottom: 20px
}

.blog_cag_log {
    display: inline-block;
    width: 100%
}

.mega-dropdown-menu .portfolio_main {
    padding: 10px 0 10px 0
}

.portfolio_type {
    padding: 15px 25px 20px 50px !important
}

.portfolio_main {
    background: #fff;
    border-radius: 10px;
    border: 2px solid #ffe68c;
    box-shadow: 1px 1px 12px rgba(64, 67, 150, .12);
    padding: 10px 0 10px 0
}

.portfolio_main_icon {
    height: 66px;
    width: 66px;
    border-radius: 100%;
    background-color: #fff;
    margin: 0 auto;
    border: 2px solid #ffe68c;
    line-height: 58px;
    text-align: center;
    margin-left: -37px
}

.portfolio_main h3 {
    color: #353535 !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    margin-top: 0;
    line-height: 24px;
    margin-bottom: 0
}

.p_sub_menu {
    display: table
}

.portfolio_main_con {
    padding-left: 15px;
    margin-top: 8px;
    margin-right: 10px;
    display: table-cell;
    vertical-align: middle
}

.portfolio_main p {
    color: #717171;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    margin-bottom: 0;
    text-transform: capitalize;
    padding-right: 10px
}

.various_mascoat {
    position: absolute;
    top: -68px;
    left: 0;
    right: 0;
    z-index: -1
}

.portfolio_main_icon img {
    width: 55%
}

.img_close {
    position: absolute;
    bottom: 70px;
    left: 38%;
    right: 0
}

.trigger_2 {
    position: unset
}

.switcher-palate .trigger_1 {
    display: none
}

.square {
    width: 20%;
    position: relative;
    float: left;
    height: 268px
}

.square:nth-child(2n) {
    background-color: #e2694b;
    box-shadow: 5px 0 5px rgba(0, 0, 0, .2) inset
}

.square:nth-child(2n+1) {
    background-color: #003996;
    box-shadow: 5px 0 5px rgba(0, 0, 0, .1) inset
}

.square:first-child {
    box-shadow: none
}

.square p.text {
    font: 400 14px/18px Verdana;
    padding: 0 20px;
    color: #fff;
    text-align: center
}

.square:nth-child(2n+1) p.text {
    color: #f2f2f2;
    bottom: 0
}

.triagle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 0 20px 20px;
    position: absolute;
    top: 42%;
    line-height: 0;
    border-color: transparent transparent transparent #e2694b;
    z-index: 999;
    right: -20px
}

.square:nth-child(2n+1) .triagle {
    border-color: transparent transparent transparent #003996
}

.circle {
    background-color: #fff;
    border: 5px solid #003996;
    border-radius: 100px;
    height: 100px;
    width: 100px;
    position: absolute;
    top: -50px;
    left: 32%;
    right: 0;
    text-align: center;
    line-height: 85px
}

.square:nth-child(2n) .circle {
    border: 5px solid #e2694b;
    top: auto;
    bottom: -50px
}

.circle p {
    bottom: -50px;
    font-size: 50px;
    position: absolute;
    display: block;
    border-radius: 50px;
    height: 50px;
    width: 50px;
    padding: 20px
}

.circle p span {
    font: 700 35px/50px Verdana;
    color: #a6a6a6
}

.mt-9 {
    margin-top: 90px
}

.square h4 {
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    text-align: center;
    margin-bottom: 0
}

.plan_text {
    margin-top: 60px;
    padding: 0 20px 25px 20px
}

.plan_text h6 {
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    text-align: center;
    margin-bottom: 0;
    margin-top: 10px
}

.plan_text p {
    font-size: 14px;
    text-align: center;
    margin-top: 15px;
    min-height: 105px;
    color: rgba(255, 255, 255, .8)
}

.plan_border {
    text-align: center
}

.plan_text_1 {
    margin-top: 20px
}

.plan_text_1 p {
    margin-top: 15px
}

.circle img {
    width: 50%
}

.new_portfolio {
    padding: 15px 15px 15px 25px;
    display: inline-block;
    width: 100%
}

.index_portfolio .new_portfolio {
    padding: 0 5px 0 15px
}

.p_t_4 {
    margin-top: 40px
}

.portfolio_type .portfolio_main h3 {
    font-size: 15px !important
}

.call_action {
    background-color: #64AAFF
}

.call_action .ss_line_svg {
    top: 1px
}

.call_images {
    text-align: right
}

.portfolio_sec .portfolio_main_icon img {
    width: 54% !important;
    margin: auto
}

.index_portfolio .item {
    margin: 20px 0 5px 35px
}

.index_portfolio .owl-nav button.owl-prev {
    top: -15% !important;
    right: 9% !important;
    left: auto !important
}

.index_portfolio .owl-nav button.owl-next {
    top: -15% !important;
    right: 0 !important;
    margin-left: 6px !important
}

.ps-timeline-sec {
    position: relative;
    background: #fff
}

.ps-timeline-sec .container {
    position: relative;
    font-family: Lato, sans-serif
}




@media screen and (max-width:767px) {
    .ps-timeline-sec .container ol:before {
        background: #348e80;
        content: "";
        width: 10px;
        height: 10px;
        border-radius: 100%;
        position: absolute;
        top: 130px !important
    }
    .ps-timeline-sec .container ol:after {
        background: #348e80;
        content: "";
        width: 10px;
        height: 10px;
        border-radius: 100%;
        position: absolute;
        top: inherit !important;
        left: 36px
    }
    .ps-timeline-sec .container ol.ps-timeline {
        margin: 0 0 !important;
        border-left: 2px solid #348e80;
        padding-left: 0 !important;
        padding-top: 0 !important;
        border-top: 0 !important
    }
    .ps-timeline-sec .container ol.ps-timeline li {
        min-height: 310px;
        float: none !important;
        width: inherit !important
    }
    .ps-timeline-sec .container ol.ps-timeline li:last-child {
        margin: 0;
        bottom: 0 !important;
        height: 120px
    }
    .ps-timeline-sec .container ol.ps-timeline li:last-child .ps-top {
        margin-bottom: 0 !important;
        top: 20px;
        width: 50% !important
    }
    .ps-timeline-sec .container ol.ps-timeline li span {
        left: 0 !important
    }
    .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top:before {
        content: none !important
    }
    .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top:after {
        content: none !important
    }
    .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot:before {
        content: none !important
    }
    .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot:after {
        content: none !important
    }
    .ps-timeline-sec .container ol.ps-timeline li p {
        text-align: center !important;
        width: 100% !important;
        margin: 0 auto !important;
        margin-top: 0 !important
    }
    .ps-timeline-sec .container ol.ps-timeline li .ps-top {
        width: 90% !important;
        float: right !important;
        right: 0;
        top: -10px
    }
    .ps-timeline-sec .container ol.ps-timeline li .ps-bot {
        width: 90% !important;
        float: right !important;
        right: 0;
        top: -60px
    }
    _::-webkit-full-page-media,
    _:future,
    :root .top_img {
        text-align: center;
    }
    .mob_cal {
        margin-top: 0 !important;
        padding-bottom: 66px;
    }
    .mob_cal .question_app h4{
        margin-bottom: 20px;
    }
    .menu_box .title {
        padding-bottom: 5px !important;
        padding-top: 40px !important;
        border: 1px solid #eee !important;
    }
    .main_titless{
        margin: 0 !important;
    }
    .question_app h4{
        margin-bottom: 20px !important;
        font-size: 14px !important;
    }
    .c_box p, .c_box span{
        font-size: 14px !important;
    }
    .footer_link ul{
        margin-top: 0;
    }
    .f_addr {
        margin-top: 0 !important;
    }
    .three_icons {
        margin-top: 20px;
    }
}

_::-webkit-full-page-media,
_:future,
:root .top_img .img-fluid {
    width: 70%;
    margin: auto;
}

.ps-timeline-sec .container ol:before {
    background: #e2694b;
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 100%;
    position: absolute;
    left: 8px;
    top: 0;
    margin-top: -4px
}

.ps-timeline-sec .container ol:after {
    background: #e2694b;
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 100%;
    position: absolute;
    right: 8px;
    margin-top: -7px
}

.ps-timeline-sec .container ol.ps-timeline {
    margin: 300px 0;
    padding: 0;
    border-top: 2px solid #e2694b;
    list-style: none
}

.ps-timeline-sec .container ol.ps-timeline li {
    float: left;
    width: 20%;
    padding-top: 30px;
    position: relative
}

.ps-timeline-sec .container ol.ps-timeline li h5 {
    font-size: 16px;
    text-align: center;
    color: #717171;
    font-weight: 600
}

.ps-timeline-sec .container ol.ps-timeline li span {
    width: 40px;
    height: 40px;
    margin-left: -25px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 0 #fff;
    text-align: center;
    color: #353535;
    font-size: 16px;
    position: absolute;
    top: -26px;
    left: 50%;
    font-weight: 600;
    line-height: 35px
}

.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top {
    border-top: 4px solid #e2694b
}

.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top:before {
    content: "";
    color: #e2694b;
    width: 2px;
    height: 50px;
    background: #e2694b;
    position: absolute;
    top: -50px;
    left: 50%
}

.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top:after {
    content: "";
    color: #e2694b;
    width: 8px;
    height: 8px;
    background: #e2694b;
    position: absolute;
    bottom: 90px;
    left: 44%;
    border-radius: 100%
}

.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot {
    border-bottom: 4px solid #e2694b
}

.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot:before {
    content: "";
    color: #e2694b;
    width: 2px;
    height: 50px;
    background: #e2694b;
    position: absolute;
    bottom: -50px;
    left: 50%
}

.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot:after {
    content: "";
    color: #e2694b;
    width: 8px;
    height: 8px;
    background: #e2694b;
    position: absolute;
    top: 90px;
    left: 44%;
    border-radius: 100%
}

.ps-timeline-sec .container ol.ps-timeline li p {
    color: #717171;
    text-align: center;
    width: 100%;
    margin: 5px auto;
    font-size: 13px;
    font-weight: 600
}

.ps-timeline-sec .container ol.ps-timeline li h4 {
    font-size: 20px;
    color: #353535;
    font-weight: 800
}

.ps-timeline-sec .container ol.ps-timeline li .ps-top {
    position: absolute;
    bottom: 0;
    text-align: center;
    margin-bottom: 115px;
    padding: 15px;
    border-radius: 10px;
    background-color: #fff;
    transition: all ease 0.5s 0s;
    box-shadow: 1px 1px 10px rgb(64 67 150 / 10%)
}

.ps-timeline-sec .container ol.ps-timeline li .ps-top:hover {
    background-color: #ffe68c;
    transition: all ease 0.5s 0s
}

.ps-timeline-sec .container ol.ps-timeline li .ps-top:hover h5 {
    color: #e2694b;
    transition: all ease 0.5s 0s
}

.ps-timeline-sec .container ol.ps-timeline li .ps-bot {
    position: absolute;
    text-align: center;
    margin-top: 50px;
    padding: 15px;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 1px 1px 10px rgb(64 67 150 / 10%)
}

.ps-timeline-sec .container ol.ps-timeline li .ps-bottom {
    position: absolute;
    margin: 5px;
    text-align: center
}

.ps-timeline-sec .container ol.ps-timeline li .ps-bot:hover {
    background-color: #ffe68c;
    transition: all ease 0.5s 0s
}

.ps-timeline-sec .container ol.ps-timeline li .ps-bot:hover h5 {
    color: #e2694b;
    transition: all ease 0.5s 0s
}

.call_action .ss_btn_s {
    margin-left: 12px
}

.text_images {
    background-image: url(../images/modal_text.svg);
    background-repeat: no-repeat;
    width: 240px;
    height: 100px;
    background-size: contain;
    position: relative;
    text-align: center;
    z-index: 99999;
    display: table
}

.text_images h2 {
    display: table-cell;
    vertical-align: middle
}

.text_modal {
    position: absolute;
    right: -11px;
    bottom: -34px;
    z-index: -1
}

.text_images h2 {
    font-size: 15px;
    color: #353535;
    font-weight: 800;
    text-align: center;
    text-transform: capitalize;
    padding: 8% 9% 0 6%;
    line-height: 22px;
    position: relative;
    width: 100%
}

.text_images a {
    height: auto;
    width: auto;
    min-width: auto;
    right: -7px;
    position: absolute;
    top: 6px
}

.yellow_bg {
    background-color: #ffe68c
}

.blue_bg {
    background-color: #64aaff
}

.off_white {
    background-color: rgba(250, 250, 250)
}

.orrange_bg {
    background-color: #e2694b
}

.title_white h2,
.title_white p {
    color: #fff
}

.clients_main {
    box-shadow: 1px 1px 10px rgb(64 67 150 / 10%);
    border: 1px solid #ffe68c;
    border-radius: 20px;
    padding: 25px 25px 45px 25px;
    height: 270px;
    position: relative
}

.clients_main .client_btn {
    text-align: center;
    bottom: -30px
}

.partners_con h5 {
    font-size: 20px;
    color: #000;
    font-weight: 800;
    letter-spacing: 0;
    margin-bottom: 5px
}

.partners_con p {
    font-size: 12px;
    color: #717171;
    font-weight: 600;
    margin-bottom: 10px;
    letter-spacing: 0
}

.client_logo_img {
    width: 80px;
    margin-right: 20px;
    border-radius: 10px;
    box-shadow: 2px 2px 15px rgb(64 67 150 / 8%)
}

.partners_con h6 {
    font-size: 14px;
    margin-bottom: 0;
    color: #717171;
    font-weight: 600;
    letter-spacing: 0;
    display: flex
}

.our_client_slider .owl-stage-outer {
    padding-bottom: 40px
}

.partners_con h6 img {
    margin-top: -5px;
    margin-right: 5px
}

.client_border_1 {
    margin-top: 15px;
    margin-bottom: 15px;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.client_des {
    font-size: 15px;
    color: #717171;
    font-weight: 600;
    letter-spacing: .3px;
    margin-bottom: 0
}

.app_con h3,
.app_con p {
    color: #fff
}

.app_con .ss_line_svg svg rect {
    fill: #ffe68c
}

.ml_2 {
    margin-left: 15px
}

.mobile_services {
    text-align: center
}

.web_services_con h3 {
    font-size: 28px;
    color: #353535;
    font-weight: 900;
    line-height: 38px;
    letter-spacing: 0;
    margin-bottom: 5px
}

.web_services_con p {
    font-size: 14px;
    color: #717171;
    font-weight: 700;
    margin-bottom: 0;
    letter-spacing: 0
}

.white_con ul li {
    list-style: none;
    color: #717171;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 15px;
    display: flex
}

.custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.custom-control label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
    position: relative;
    font-size: 14px;
    font-weight: 600
}

.ss_privancy label {
    display: inline-block !important
}

.custom-control label a {
    color: #e2694b;
    text-decoration: none;
    margin: 0 2px
}

.custom-control-label::before {
    position: absolute;
    top: 6px;
    left: 0;
    display: block;
    width: 20px;
    height: 20px;
    pointer-events: none;
    content: "";
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #dee2e6;
    border-radius: 3px
}

.custom-control-label::after {
    position: absolute;
    top: 6px;
    left: 0;
    display: block;
    width: 20px;
    height: 20px;
    content: "";
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%
}

.decide_next {
    background-color: rgba(255, 230, 140, .9)
}

.decide_next_title {
    z-index: 999;
    position: relative
}

.mt-8 {
    margin-top: 90px
}

.web_dev {
    background-color: rgba(247, 247, 247, .9)
}

.hybrid_app_development .title_box h2 {
    color: #fff
}

.who_carousel .carousel_img_video {
    padding-bottom: 0;
    padding-top: 50px
}

.custom_cms {
    text-align: center
}

.custom_services_title {
    margin-top: 35px
}

.custom_services_title h3 {
    color: #353535;
    font-size: 28px;
    font-weight: 800
}

.back_bg {
    position: relative;
    background-size: cover
}

.back_bg::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    background-color: rgba(255, 230, 140, .9)
}

.first_con h2 {
    font-size: 35px;
    color: #353535;
    font-weight: 900;
    margin-bottom: 5px;
    line-height: 1
}

.first_con p {
    color: #717171;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;
    padding-top: 5px;
    letter-spacing: .3px;
    font-weight: 600
}

.sep_border {
    margin-top: 70px;
    margin-bottom: 70px;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.second_con {
    text-align: right
}

.esimation_btn {
    text-align: center
}

.estimation_con h3 {
    font-size: 22px;
    color: #353535;
    font-weight: 900;
    text-align: center;
    margin-bottom: 5px
}

.contact_input label {
    font-size: 12px;
    color: #353535;
    font-weight: 800;
    text-align: left;
    width: 100%
}

.contact_input .form-check-input[type="radio"] {
    border-radius: 50%;
    height: 20px;
    width: 20px;
    border: 2px solid #e2694b;
    margin-top: 1px;
    margin-right: 10px
}

.form-check .form-check-label {
    font-size: 14px;
    color: #353535;
    font-weight: 600
}

.form-check-input:checked {
    background-color: #e2694b;
    border-color: #e2694b
}

.attach_radio {
    display: flex;
    margin-top: 10px;
    margin-bottom: 10px;
}

.attach_radio .form-check {
    margin-right: 40px;
    display: flex;
    align-items: center;
}

.new_file_attach .input-file {
    position: absolute;
    top: 0;
    left: 0;
    padding: 14px 0;
    opacity: 0;
    cursor: pointer
}

.new_file_attach .input-file-trigger {
    display: block;
    background: #e2694b;
    border: 1px solid #e2694b;
    color: #fff;
    font-size: 14px;
    transition: all 0.4s;
    cursor: pointer;
    text-align: center;
    font-weight: 800;
    border-radius: 5px;
    line-height: 45px;
    height: 45px
}

.preview-box {
    width: 120px;
    height: 120px;
    box-shadow: 1px 1px 10px rgb(64 67 150 / 15%);
    border-radius: 5px;
    text-align: center;
    display: table
}

.preview-box .preview-middles {
    vertical-align: middle;
    display: table-cell
}

.preview-box button.btn.btn-danger.btn-remove {
    background-color: #e2694b;
    border: #e2694b;
    height: 26px;
    width: 26px;
    border-radius: 100%;
    line-height: 0;
    text-align: center;
    padding: 0;
    position: absolute;
    right: -12px;
    top: -12px
}

.text-small {
    padding: 10px 0
}

.preview-box {
    position: relative
}

.concept-container p,
.design-container p,
.general-container p {
    font-size: 16px;
    color: #353535;
    font-weight: 800;
    margin-bottom: 0;
    text-align: center
}

.concept_plan .input-file-trigger {
    margin-top: 15px;
    display: block;
    background: #e2694b;
    border: 1px solid #e2694b;
    color: #fff;
    font-size: 14px;
    transition: all 0.4s;
    cursor: pointer;
    border-radius: 5px;
    font-weight: 600;
    text-align: center;
    height: 45px;
    line-height: 45px
}

.concept_plan .input-file {
    position: absolute;
    top: 0;
    left: 0;
    padding: 14px 0;
    opacity: 0;
    cursor: pointer
}

.ss_attach_documents {
    font-size: 14px;
    color: #353535;
    font-weight: 800
}

.categories_sec {
    font-size: 14px;
    color: #717171;
    font-weight: 600;
    line-height: 25px
}

.categories_counter {
    width: 50px;
    height: 40px;
    background-repeat: no-repeat;
    background-image: url(../images/categories_counter.svg);
    text-align: center;
    color: #fff;
    font-weight: 600;
    line-height: 35px;
    padding-left: 5px
}

.ss_images_mascort_cal img {
    width: 80%
}

.ss_blogs_cat,
.ss_blogs_cat:hover {
    padding: 10px 10px;
    border-radius: 10px;
    display: inline-block;
    width: 100%;
    color: #353535
}

.ss_blogs_cat .images_ss {
    height: 70px;
    width: 70px;
    line-height: 70px;
    border-radius: 70px;
    border: 1px solid #e2694b;
    text-align: center;
    background: #fff
}

.ss_blogs_cat .images_ss img {
    height: 35px;
    display: inline-block;
    text-align: center;
    width: auto
}

.ss_blogs_cat h3 {
    font-size: 16px;
    font-weight: 800;
    margin-bottom: 0;
    line-height: 24px
}

.ss_blogs_cat.active {
    background: #e2694b
}

.ss_blogs_cat.active h3 {
    color: #fff
}

.ss_blogs_cat {
    margin-bottom: 10px
}

.ss_mobiles_dev_mas::before {
    background-image: url(../images/Mobile_App_Development_Page.gif) !important;
    height: 300px
}

.services360_dropwontop {
    position: relative;
    top: -50px
}

.down_arrow a img {
    height: 12px
}

.main_partner .philosophy_con h3 {
    font-size: 20px;
    color: #353535;
    font-weight: 900;
    line-height: 38px;
    letter-spacing: .5px;
    margin-bottom: 5px
}

.philosophy_con .why_icon {
    background-color: #fff;
    height: 70px;
    width: 70px;
    text-align: center;
    border-radius: 100px;
    line-height: 70px;
    box-shadow: 0 0 4px rgb(0 0 0 / 10%)
}

.back_con {
    vertical-align: middle;
    display: table-cell
}

.ss_thanks_mascot_images {
    display: inline-block
}

.ss_thanks_mascot {
    text-align: center;
    display: inline-block;
    width: 100%;
    padding-top: 50px
}

.ss_lega_dis {
    font-size: 30px !important
}

.ss_business_box {
    padding: 30px 0
}

.ss_business_box_UI {
    background: #333;
    padding: 30px;
    text-align: center;
    margin-bottom: 20px;
    border-radius: 5px
}

.ss_business_box_UI h3 {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 40px
}

.ss_business_box_UI a {
    height: 45px;
    padding: 0 30px;
    color: #fff;
    background: #64aaff;
    display: inline-block;
    line-height: 45px;
    border-radius: 5px
}

.ss_business_box_add {
    height: 200px;
    text-align: center;
    display: table;
    width: 100%;
    background: #64aaff
}

.ss_business_box_2 {
    padding: 40px;
    font-weight: 600;
    background: #f1f1f1;
    color: #333
}

.ss_business_box_UI2 {
    background: #fff;
    padding: 30px;
    text-align: center;
    margin-bottom: 20px;
    border: 1px solid rgba(119, 119, 119, .2);
    border-radius: 5px
}

.ss_business_box_UI2 h3 {
    color: #333;
    font-weight: 800
}

.ss_business_box_UI2 p {
    font-size: 14px;
    font-weight: 600;
    color: #777
}

.ui_ux_bad_button,
.ui_ux_bad_button:hover {
    height: 45px;
    padding: 0 30px;
    color: #fff;
    background: #003996;
    display: inline-block;
    line-height: 45px;
    border-radius: 5px
}

.ss_blog_cat_list {
    list-style: none;
    margin: 0;
    text-align: left;
    display: inline-block;
    width: 100%;
    clear: both
}

.ss_blog_cat_list li {
    width: 20%;
    float: left;
    margin: 15px
}

.ss_blog_cat_list .blog_cag_con {
    background: #fff;
    padding: 65px 0 15px 0;
    margin-top: -40px;
    border-radius: 10px;
    position: relative;
    box-shadow: 1px 1px 10px rgb(64 67 150 / 10%);
    transition: all ease 0.5s 0s
}

.down_arrow a {
    color: #fff !important;
    font-size: 14px
}

.ralated_blogs_slider {
    padding-top: 60px
}

.ralated_blogs_slider .owl-item img {
    width: 39% !important;
    height: auto !important;
    object-fit: cover;
    display: inline-block !important
}

.ralated_blogs_slider .owl-stage-outer {
    height: auto !important
}

.ralated_blogs_slider .owl-stage {
    padding-top: 30px
}

.ss_top_subheader ul {
    padding: 0;
    display: flex;
    margin-bottom: 0;
    position: relative
}

.ss_top_subheader ul li {
    padding: 0;
    width: 100%;
    text-align: center
}

.ss_top_subheader ul:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, .5)
}

.ss_top_subheader ul li a {
    display: inline-block;
    color: rgba(255, 255, 255, .5);
    padding: 5px 0;
    position: relative
}

.ss_top_subheader ul li a.active {
    display: inline-block;
    color: #fff;
    width: 100%
}

.ss_top_subheader ul li a.active:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #fff;
    border-radius: 50px
}

.ss_duration_collaboration p {
    display: inline-block;
    padding-right: 10px;
    text-transform: capitalize
}

.ss_duration_collaboration>span {
    padding-right: 10px
}

.ss_likes_views a {
    height: 50px;
    width: 50px;
    border-radius: 5px;
    background: #fff;
    border: 1px solid #e2694b;
    display: inline-block;
    text-align: center;
    line-height: 44px;
    padding: 0
}

.ss_likes_views p {
    margin: 0;
    padding: 10px;
    position: relative;
    top: 0;
    font-weight: 800;
    color: #353535
}

.ss_likes_seprater {
    position: relative;
    top: 0;
    left: 0;
    height: 50px;
    width: 1px;
    background: rgba(119, 119, 119, .2);
    margin-right: 15px
}

.our_solution_header_des h4 {
    color: #e2694b;
    font-size: 18px;
    font-weight: 900;
    margin-bottom: 15px
}

.our_solution_header_des h2 {
    font-size: 28px;
    color: #353535;
    font-weight: 900;
    line-height: 38px;
    letter-spacing: .5px;
    margin-bottom: 5px;
    text-transform: capitalize
}

.our_solution_header_des p {
    color: #717171;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px
}

.ss_mobiles_Visitenkarte {
    position: relative;
    margin: 0 0
}

.ss_mobiles_Visitenkarte:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: #ffe68c;
    width: 35%;
    height: 100%;
    border-radius: 0 50px 50px 0
}

.our_solution_header_des {
    padding-left: 5%
}

.ss_folio_work {
    box-shadow: rgb(64 67 150 / 10%) 1px 1px 10px;
    border-radius: 20px;
    position: relative;
    overflow: hidden
}

.owl-stage-outer {
    padding: 0 20px 0 0
}

.key_components_box {
    background: #fff;
    position: relative;
    padding: 20px 15px 20px 0;
    overflow: hidden;
    margin-bottom: 20px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    box-shadow: rgb(64 67 150 / 10%) 1px 1px 10px
}

.key_components_box p {
    font-size: 17px;
    color: #353535;
    font-weight: 800;
    margin-bottom: 0;
    text-transform: capitalize;
    padding-left: 10px
}

.key_components_box .images {
    border: 1px solid #e2694b;
    position: relative;
    left: -2px;
    height: 60px;
    width: 60px;
    border-radius: 0 50px 50px 0;
    text-align: center;
    line-height: 55px
}

.ss_navbar_tabs li button {
    color: #353535;
    background: 0 0;
    font-size: 16px;
    font-weight: 800;
    position: relative;
    min-width: 220px;
    height: 55px
}

.ss_technologies_navbars .ss_navbar_tabs li button:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #ecf2f7;
    border-radius: 50px
}

.ss_technologies_navbars .ss_navbar_tabs li button.active,
.ss_technologies_navbars .ss_navbar_tabs li button:hover {
    color: #e2694b;
    background: 0 0;
    font-size: 16px;
    font-weight: 800;
    position: relative
}

.ss_technologies_navbars .ss_navbar_tabs li button.active:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #e2694b;
    border-radius: 50px
}

.ss_likes_views {
    padding-top: 10px
}

.ss_portfilio_se_images {
    position: relative;
    z-index: 1024;
    text-align: center
}

.ss_portfilio_se_images img {
    width: 77%
}

.mobile-height .ss_portfilio_se_images img {
    width: 60%
}

.mobile-height .ss_mobiles_Visitenkarte .ss_portfilio_se_images {
    padding-bottom: 0
}

.ss_icons {
    height: 25px;
    width: 25px;
    background: #e2694b;
    border-radius: 25px;
    line-height: 25px;
    text-align: center
}

.ss_icons {
    font-weight: 600;
    color: #fff
}

.ss_sub_fast_Des {
    color: #353535;
    font-weight: 600
}

.ss_technologies_boxes h2 {
    font-size: 20px;
    margin-bottom: 0;
    font-weight: 800
}

.ss_technologies_boxes p {
    margin-bottom: 5px
}

.ss_technologies_boxes .our_solution_header_des {
    box-shadow: 1px 1px 10px rgb(64 67 150 / 10%);
    border-radius: 10px;
    padding: 20px 20px;
    min-height: 245px
}

.ss_technologies_boxes {
    margin-top: 20px
}

.ss_technologies_boxes {
    background-repeat: no-repeat;
    background-position: bottom right
}

.achieving_client_section {
    padding: 50px 0;
    background: #f7f7f7
}

.ss_navbar_goal_menu li {
    width: 100%
}

.ss_navbar_goal_menu {
    display: inline-flex;
    flex-wrap: inherit;
    width: 100%;
    padding: 10px 0 20px 0;
    text-align: left;
    margin-top: 20px
}

.ss_icons_req {
    height: 50px;
    width: 50px;
    background: #fff;
    line-height: 48px;
    text-align: center;
    border-radius: 5px;
    margin: auto;
    border: 1px solid #c8e5fd
}

.ss_navbar_goal_menu li {
    margin: 15px
}

.ss_navbar_goal_menu li button {
    width: 100%;
    background: #fff !important;
    color: #333;
    text-align: left;
    padding: 15px;
    min-height: 130px;
    position: relative
}

.ss_navbar_goal_menu li button h6 {
    font-weight: 800;
    font-size: 14px;
    padding-top: 10px;
    margin-bottom: 0;
    text-align: center;
    text-transform: capitalize
}

.ss_navbar_goal_menu li button.active,
.ss_navbar_goal_menu li button:hover {
    width: 100%;
    color: #fff;
    background: #e2694b !important
}

.ss_navbar_goal_menu {
    position: relative
}

.ss_navbar_goal_menu:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #e2694b;
    transition: 0.5s all
}

.ss_navbar_goal_menu li button:before {
    content: "";
    position: absolute;
    top: -55px;
    border-radius: 30px;
    left: 42%;
    width: 40px;
    height: 40px;
    background: #fff;
    transition: 0.5s all;
    line-height: 40px;
    font-weight: 600;
    text-align: center;
    font-size: 16px;
    border-bottom: 4px solid #e2694b
}

.ss_navbar_goal_menu li button.ss_process1:before {
    content: "1";
    color: #353535
}

.ss_navbar_goal_menu li button.ss_process2:before {
    content: "2";
    color: #353535
}

.ss_navbar_goal_menu li button.ss_process3:before {
    content: "3";
    color: #353535
}

.ss_navbar_goal_menu li button.ss_process4:before {
    content: "4";
    color: #353535
}

.ss_navbar_goal_menu li button.ss_process5:before {
    content: "5";
    color: #353535
}

.ss_navbar_goal_menu li button.active:before {
    position: absolute;
    top: -55px;
    border-radius: 30px;
    left: 42%;
    width: 40px;
    height: 40px;
    background: #e2694b;
    transition: 0.5s all;
    line-height: 40px;
    font-weight: 600;
    color: #fff;
    font-size: 16px
}

.ss_tabs_active_navbars p {
    color: #717171;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px
}

.ss_tabs_active_navbars .images img {
    width: 100%;
    height: auto
}

.ss_tabs_active_navbars .col-lg-7 h2 {
    font-size: 28px;
    margin-bottom: 0;
    font-weight: 800;
    color: #353535;
    text-transform: capitalize
}

.ss_main_functionalities,
.ss_main_functionalities_navbars {
    z-index: 1024;
    position: relative
}

.ss_main_functionalities_navbars .our_solution_header_des {
    padding-left: 0
}

.ss_main_functionalities_navbars .nav button {
    background: #fff;
    margin-bottom: 10px;
    font-weight: 900;
    color: #353535;
    font-size: 14px;
    border-radius: 5px;
    line-height: 49px;
    height: 49px;
    padding: 0;
    position: relative;
    text-transform: capitalize
}

.ss_main_functionalities_navbars .nav button:last-child {
    margin: 0
}

.ss_main_functionalities_navbars .nav button.active {
    color: #e2694b;
    background: #fff
}

.ss_main_functionalities_navbars .nav button.active:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: #e2694b;
    transition: 0.5s all;
    border-radius: 0 0 100px 100px
}

.ss_main_functionalities_navbars .nav button.active:after {
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    left: 100%;
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    border-width: 14px
}

.ss_main_functionalities_images {
    position: relative;
    overflow: hidden;
    margin: 0 15%
}

.ss_main_functionalities_section_m {
    padding: 0
}

.ss_main_functionalities_section_m:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: #ffe68c;
    width: 42%;
    height: 100%;
    border-radius: 0 50px 50px 0
}

.ss_mobiles_Visitenkarte {
    padding: 0;
    position: relative
}

.ss_app_store {
    background: #ffe68c
}

.ss_app_liks a img {
    height: 70px
}

.ss_app_liks {
    display: inline-block
}

.ss_portfilio_owner_box {
    margin-top: 30px
}

#ss_related_portfolio .owl-nav button.owl-prev {
    background-image: url(../images/side_left_slider.svg) !important;
    top: -15% !important;
    position: absolute !important;
    left: 45% !important;
    background-size: 80%
}

#ss_related_portfolio .owl-nav button.owl-next {
    background-image: url(../images/side_right_slider.svg) !important;
    top: -15% !important;
    position: absolute !important;
    right: 45% !important;
    background-size: 80%
}

.ss_portfilio_slider_top {
    list-style: none;
    padding: 60px 0 0 0;
    margin: 0;
    text-align: left;
    display: inline-block;
    width: 100%;
    clear: both
}

.ss_portfilio_slider_top .owl-stage-outer {
    padding: 30px 0 30px 0
}

.top_fix_sub_header {
    position: fixed;
    top: 100px;
    width: 100%;
    z-index: 102402
}

.ss_top_subheader_section {
    padding: 10px 0;
    background: #e2694b;
    position: fixed;
    top: 100px;
    width: 100%;
    z-index: 1100
}

.ss_top_scoll_pass {
    padding-top: 180px
}

.ss_top_subheader_all {
    margin-top: 100px
}

.devlopment_icon img {
    height: 45px
}

#founder_sec .owl-nav button.owl-prev {
    background-image: url(../images/side_left_slider.svg) !important;
    top: -8% !important;
    position: absolute !important;
    left: 45% !important;
    background-size: 80%
}

#founder_sec .owl-nav button.owl-next {
    background-image: url(../images/side_right_slider.svg) !important;
    top: -8% !important;
    position: absolute !important;
    right: 45% !important;
    background-size: 80%
}

.ss_main_functionalities_section_m {
    padding: 50px 0
}

.ss_technologies_boxes .ss_native_heights {
    min-height: 245px;
    border-radius: 10px
}

.Like_section_ss .ss_thumb_icons a {
    height: 50px;
    width: 50px;
    border-radius: 5px;
    background: #fff;
    border: 1px solid #e2694b;
    display: inline-block;
    text-align: center;
    line-height: 44px;
    padding: 0
}

.Like_section_ss .ss_thumb_icons a:hover {
    height: 50px;
    width: 50px;
    border-radius: 5px;
    background: #e2694b;
    border: 1px solid #e2694b;
    display: inline-block;
    text-align: center;
    line-height: 44px;
    padding: 0
}

.Like_section_ss .ss_thumb_icons a.active {
    height: 50px;
    width: 50px;
    border-radius: 5px;
    background: #e2694b;
    border: 1px solid #e2694b;
    display: inline-block;
    text-align: center;
    line-height: 44px;
    padding: 0;
    cursor: default
}

.Like_section_ss .ss_thumb_icons a.active path {
    fill: #fff
}

.Like_section_ss .ss_thumb_icons a:hover path {
    fill: #fff
}

.Like_section_ss p {
    font-weight: 800;
    margin-bottom: 0
}

.ss_telecome_mas {
    position: absolute;
    right: 5%;
    bottom: 0
}

.ss_position_relative {
    position: relative;
    padding: 50px 0 120px
}

.mobile-height {
    padding-bottom: 80px
}

.ss_bussiness_mas {
    position: absolute;
    left: 5%;
    bottom: 0
}

.before_mas_none:before {
    display: none
}

.ss_video_shadow {
    box-shadow: 1px 1px 10px rgb(64 67 150 / 10%)
}

.accordion-button {
    padding: 0
}

.ss_paddong0 {
    padding: 0
}

#founder_sec2 .owl-nav button.owl-prev {
    background-image: url(../images/side_left_slider.svg) !important;
    top: -30% !important;
    position: absolute !important;
    left: 45% !important;
    background-size: 80%
}

#founder_sec2 .owl-nav button.owl-next {
    background-image: url(../images/side_right_slider.svg) !important;
    top: -30% !important;
    position: absolute !important;
    right: 45% !important;
    background-size: 80%
}

.ss_sensussoft_link,
.ss_sensussoft_link:hover {
    color: #e2694b !important
}

.web_360::before {
    background-image: url(../images/360.gif);
    height: 300px
}

.ss_combines_sec .flip-card {
    background-color: transparent;
    width: 100%;
    height: 100px;
    margin-bottom: 5px;
    perspective: 1000px
}

.ss_combines_sec .why_icon img {
    height: 35px
}

.ss_combines_sec .why_con_text {
    padding-top: 0
}

.ss_text_align_left_lines {
    text-align: left;
    font-family: Lato, sans-serif
}

.ss_text_align_left_lines h3 {
    padding-left: 50px
}

.ss_text_align_left_lines a {
    padding-left: 50px !important
}

.ss_text_align_right_lines {
    text-align: right;
    font-family: Lato, sans-serif;
    padding: 40px 100px
}

.ss_thanks_pages h3 {
    font-size: 18px;
    font-weight: 700;
    color: #353535
}

.ss_navbar_goal_menu li button {
    margin-top: 10px
}

.consulting_services_con h3 {
    font-size: 28px;
    color: #353535;
    font-weight: 900;
    line-height: 38px;
    letter-spacing: .5px;
    margin-bottom: 5px;
    text-transform: capitalize
}

.app_con h3 {
    color: #fff
}

.ss_dark_color {
    color: #353535 !important
}

.ss_main_functionalities_images img {
    width: 100% !important;
    height: auto !important
}

.ceo_con h5 {
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 5px
}

.top_img {
    position: relative;
    text-align: right
}

.ss_it_support_chat_message {
    position: absolute;
    top: 20px;
    left: 0
}

.ss_it_support_chat_message img {
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate
}

.ss_it_support_chat_message img {
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate
}

@-webkit-keyframes mover {
    0% {
        transform: translateY(0)
    }
    100% {
        transform: translateY(-5px)
    }
}

@keyframes mover {
    0% {
        transform: translateY(0)
    }
    100% {
        transform: translateY(-5px)
    }
}

.ss_position_relativessa {
    position: absolute;
    bottom: 23px;
    right: -23px
}

.close_side {
    background: 0 0;
    border: 0
}

.mobile-menu {
    display: none
}

.mobile-menu .brand {
    font-family: inherit;
    font-size: 1.75rem;
    font-weight: 700;
    line-height: inherit;
    color: #148cb8;
    text-transform: uppercase
}

.menu-col {
    margin-bottom: 15px
}

.mobile-menu .header {
    position: fixed;
    overflow: hidden;
    width: 100%;
    height: auto;
    z-index: 99999;
    color: #252a32;
    background: #fff;
    right: 0;
    top: 0;
    min-height: auto;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 3px rgba(0, 0, 0, .24)
}

.navbar h1 {
    line-height: unset;
    margin-bottom: 0
}

.mobile-menu .header .navbar {
    display: flex;
    padding: 1rem 0
}

.mobile-menu .header .navbar .burger {
    position: fixed;
    right: 1rem;
    z-index: 9;
    cursor: pointer;
    border: none;
    outline: 0;
    background: 0 0;
    transition: left 0.5s cubic-bezier(.6, .05, .28, .91)
}

.mobile-menu .header .navbar .burger-close {
    display: none
}

.mobile-menu .header .navbar .burger.active {
    left: auto;
    width: auto
}

.mobile-menu .header .navbar .burger.active .burger-open {
    display: none
}

.mobile-menu .header .navbar .burger.active .burger-close {
    display: block;
    float: right
}

.mobile-menu .header .navbar .accordion {
    position: fixed;
    overflow: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    z-index: 8;
    opacity: 0;
    top: 0;
    left: -19rem;
    width: 19rem;
    height: 100%;
    color: #252a32;
    background: #fff;
    padding: 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 3px rgba(0, 0, 0, .24);
    transition: all 0.5s cubic-bezier(.6, .05, .28, .91)
}

.mobile-menu .header .navbar .menu-item {
    width: 100%;
    padding: 1rem 2rem;
    border: none;
    outline: 0;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease
}

.mobile-menu .header .navbar .menu-item a {
    font-family: inherit;
    font-size: 1rem;
    font-weight: 600;
    line-height: inherit;
    color: #252a32;
    text-transform: uppercase
}

.mobile-menu .header .navbar .menu-item:hover {
    padding: 1rem 3rem;
    background: #148cb8
}

.mobile-menu .header .navbar .menu-item:hover a {
    color: #fff
}

.mobile-menu .header .navbar .accordion.active {
    left: 0;
    opacity: 1;
    z-index: 101010
}

.mobile-menu .main .wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh
}

.mobile-menu {
    display: none
}

.desktop-header {
    display: block
}

.build_accordion {
    background-color: transparent !important
}

.accordion {
    width: 100%;
    margin: 0 auto 0;
    background: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.accordion .link {
    cursor: pointer;
    display: block;
    padding: 0 15px 0 15px;
    color: #717171;
    font-size: 14px;
    font-weight: 600;
    border-bottom: 1px solid #f6f6f6;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    line-height: 45px
}

.accordion .link a {
    cursor: pointer;
    color: #717171;
    font-size: 14px;
    font-weight: 600;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    display: inline-block
}

.accordion li:last-child .link {
    border-bottom: 0
}

.accordion li i {
    position: absolute;
    top: 18px;
    left: 12px;
    font-size: 18px;
    color: #595959;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease
}

.accordion li i.fa-chevron-down {
    right: 12px;
    left: auto;
    font-size: 16px
}

.accordion li.open .link {
    color: #e2694b
}

.accordion li.open i {
    color: #e2694b
}

.accordion li.open i.fa-chevron-down {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.desktop_menu {
    display: block
}

.submenu {
    font-size: 14px;
    padding: 0;
    display: none
}

.submenu li {
    border-bottom: 1px solid #f6f6f6
}

.submenu a {
    display: block;
    text-decoration: none;
    color: #fff;
    padding: 10px 12px;
    padding-left: 15px;
    letter-spacing: .5px;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    font-size: 14px;
    font-weight: 400;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    background-color: #e2694b
}

.submenu a:hover {
    background: #64aaff;
    color: #fff
}

.accordion li {
    width: 100%
}

.inner-submenu {
    padding: 0
}

ul.inner-submenu li a {
    font-size: 14px;
    font-weight: 400;
    color: #969696;
    letter-spacing: .5px
}

.main-menu a {
    font-size: 15px;
    color: #2b2350;
    font-weight: 600;
    letter-spacing: .5px
}

a.brand img {
    width: 53%
}

.ss_video_shadow_home {
    box-shadow: 1px 1px 10px rgb(64 67 150 / 10%)
}

.ss_video_padd {
    padding: 10px
}

.btn-check:focus+.btn,
.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0 rgb(13 110 253 / 0%) !important
}

.ss_blog_categories_slider .owl-nav button.owl-next {
    top: 15% !important;
    position: absolute !important;
    right: -5% !important;
    background-size: cover !important
}

.ss_blog_categories_slider .owl-nav button.owl-prev {
    top: 15% !important;
    position: absolute !important;
    left: -5% !important;
    background-size: cover !important
}

.ss_blog_categories_slider .owl-nav button.owl-next span,
.ss_blog_categories_slider .owl-nav button.owl-prev span {
    display: none
}

.ss_blog_categories_slider .owl-nav button.owl-next,
.ss_blog_categories_slider .owl-nav button.owl-prev {
    height: 60px !important;
    width: 52px !important;
    margin: 0
}

.down_arrow div {
    color: #fff;
    font-weight: 600;
    font-size: 12px;
    line-height: 30px
}

.ss_blog_categories_slider .nav-link {
    padding: 0;
    margin: 0;
    border: 0;
    background: #fff;
    border-radius: 10px !important;
    width: 100%
}

.ss_blog_categories_slider .nav-link.active {
    background: #e2694b;
    color: #fff !important
}

.ss_blog_categories_slider .nav-link .ss_blogs_cat h3 {
    color: #495057 !important;
    text-align: left
}

.ss_blog_categories_slider .nav-link.active .ss_blogs_cat h3 {
    color: #fff !important;
    text-align: left
}

.ss_blog_categories_slider .nav-link .ss_blogs_cat {
    margin-bottom: 0
}

.nav-tabs {
    border-bottom: 1px solid transparent
}

.ss_position_close_big_box {
    position: absolute;
    right: 70px;
    top: 19px
}

.ss_images_mas_right_big {
    position: absolute;
    right: 0;
    top: 0
}

.ss_marcort_plateA {
    position: absolute;
    top: -30px;
    height: 40px;
    left: -99px;
    width: 40px;
    line-height: 40px;
    cursor: pointer;
    transition: 0.8s all;
    -webkit-transition: 0.8s all;
    -moz-transition: 0.8s all;
    -ms-transition: 0.8s all;
    -o-transition: 0.8s all
}

.ss_come_mascort {
    left: 0;
    transition: 0.8s all;
    -webkit-transition: 0.8s all;
    -moz-transition: 0.8s all;
    -ms-transition: 0.8s all;
    -o-transition: 0.8s all
}

.blog_detail_con a {
    color: #e2694b
}

.blog_des li {
    list-style-type: disc;
    color: #717171;
    font-size: 14px;
    font-weight: 600;
    line-height: 23px;
    letter-spacing: .3px
}

.blog_number_change li {
    list-style-type: auto;
    color: #717171;
    font-size: 14px;
    font-weight: 600;
    line-height: 23px;
    letter-spacing: .3px
}

.ss_blog_active {
    background: #e2694b;
    color: #fff
}

.ss_blog_active h5 {
    color: #fff !important
}

.ss_blog_active p {
    color: #fff
}

.blog_active .blog_cag_con {
    background: #e2694b;
    color: #fff
}

.blog_active .blog_cag_con h6 {
    color: #fff
}

#est-steps .ss_progress_bar a {
    transition-timing-function: ease-in-out;
    -ms-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-duration: 0.2s;
    -ms-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s
}

#est-steps .ss_progress_bar .current {
    transform: scale(1.4)
}

#est-steps .ss_progress_bar .disabled:hover {
    cursor: no-drop
}

.ss_services_360_arrow {
    height: 45px;
    width: 45px;
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    line-height: 45px;
    z-index: 10101010
}

.ss_services_360 {
    line-height: 45px;
    padding: 0 40px 0 0;
    width: 90%
}

.pr-3 {
    padding-right: 1.25rem
}

.accordion-body strong {
    margin-bottom: 20px
}

.doc_text {
    font-size: 14px;
    color: #717171;
    font-weight: 600;
    margin-bottom: 5px;
    margin-top: 5px
}

.about_title {
    color: #000;
    line-height: 40px;
    padding-top: 30px
}

.line {
    height: 3px;
    width: 100px;
    display: inline-block;
    border-radius: 20px
}

.ss_about_padding {
    padding-bottom: 50px
}

.ss_slide_phone>img {
    width: 100%
}

.ss_padding_slider_all {
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 50px
}

.black_bg_shap {
    position: absolute;
    bottom: 0
}

.values-slider .value {
    box-sizing: border-box;
    background: #fff;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
    padding: 45px;
    color: #666;
    max-width: 350px;
    min-height: 230px
}

.values-slider .value .head h3 {
    display: inline-block;
    font: 700 30px dancing script;
    position: relative;
    top: -20px
}

.values-slider .value .head .line {
    display: inline-block;
    width: 40px;
    height: 1px;
    background: #eacfb1;
    margin: 0 15px;
    position: relative;
    top: -25px
}

.values-slider .value .value-text {
    font: 12px quicksand;
    line-height: 20px;
    margin-top: 10px
}

.values-slider .owl-item .item {
    transform: scale(.85);
    transition: all 0.5s
}

.values-slider .owl-item.active.center .item {
    filter: blur(0);
    transform: scale(1);
    transition: all 0.5s
}

.values-slider .owl-nav {
    position: absolute;
    bottom: -1%;
    width: 100%
}

.values-slider .owl-nav .owl-prev {
    float: left
}

.values-slider .owl-nav .owl-next span,
.values-slider .owl-nav .owl-prev span {
    color: #fff;
    font-size: 30px;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #ff3f40
}

.values-slider .owl-nav .owl-next {
    float: right
}

.ss_bg_black_and {
    background: #000
}

.cake_padding_left {
    padding-top: 25px;
    padding-bottom: 20px
}

.slider_btn_font {
    font-size: 30px;
    font-weight: 800;
    padding: 20px 0;
    color: #000
}

.consectetuer_s {
    font-size: 20px;
    color: rgba(44, 44, 44, .45);
    font-weight: 600
}

.s_consectetuer {
    background: #ff3f40;
    padding-top: 200px;
    padding-bottom: 300px;
    position: relative;
    z-index: -1
}

.s_commodo_round {
    position: absolute;
    top: 0;
    right: 5%
}

.ipsum_ss {
    position: relative;
    z-index: 30
}

.drak_bg_amet {
    position: absolute;
    top: 34%;
    left: 0;
    width: 100%
}

.adipiscing_apk,
.magnis_position_relative,
.s_sit_dolor {
    position: relative;
    z-index: 155
}

.drak_bg_amet>img {
    width: 100%
}

.services_title {
    font-size: 25px;
    color: #181818;
    font-weight: 800;
    text-transform: uppercase
}

.get_app,
.services_sub_contain {
    font-weight: 500
}

.services_sub_contain {
    font-size: 18px;
    color: rgba(44, 44, 44, .35);
    min-height: 60px
}

.container_s {
    padding-left: 15% !important;
    padding-right: 15% !important
}

.update_right_Center {
    margin-top: -180px;
    text-align: right;
    float: right
}

.get_app {
    color: #181818;
    font-size: 18px;
    width: 82%;
    display: inline-block;
    line-height: 40px
}

.application_get_app>img,
.magnis_position_absolute>img {
    width: 100%
}

.artist_S {
    font-size: 20px;
    font-weight: 800;
    color: #ff3f40
}

.services_sub_contain_121 {
    font-size: 20px;
    font-weight: 600;
    color: rgba(44, 44, 44, .35);
    min-height: 60px;
    line-height: 40px
}

.ubeaut_text_box_btn,
.ubeaut_text_box_btn:focus,
.ubeaut_text_box_btn:hover {
    font-weight: 600 !important;
    font-size: 18px !important
}

.adipiscing_apk {
    bottom: 140px;
    right: 5%
}

.adipiscing_apk_right {
    position: relative;
    bottom: 140px;
    left: 5%
}

.magnis_position_absolute {
    position: absolute;
    top: -80px;
    z-index: -1;
    overflow: hidden
}

.services_icon>img {
    width: 50px
}

.ubeaut_text_box {
    height: 55px;
    border-radius: 0 !important
}

.ubeaut_text_box_area_text {
    height: 150px;
    resize: none;
    border-radius: 0 !important;
    padding-top: 20px !important
}

#map,
.map_to_map {
    width: 100%;
    height: 500px
}

.ubeaut_text_box_btn {
    color: #fff !important;
    background: #ff3f40 !important;
    cursor: pointer
}

.ubeaut_text_box_btn:focus,
.ubeaut_text_box_btn:hover {
    color: #ff3f40 !important;
    background: #fff !important
}

.ubeaut_text_box::-webkit-input-placeholder,
.ubeaut_text_box_area_text::-webkit-input-placeholder {
    color: rgba(0, 0, 0, .4) !important;
    font-size: 18px !important;
    font-weight: 500 !important
}

.ubeaut_text_box::-moz-placeholder {
    color: rgba(0, 0, 0, .4) !important;
    font-size: 18px !important;
    font-weight: 600 !important
}

.ubeaut_text_box:-ms-input-placeholder {
    color: rgba(0, 0, 0, .4) !important;
    font-size: 18px !important;
    font-weight: 600 !important
}

.ubeaut_text_box:-moz-placeholder {
    color: rgba(0, 0, 0, .4) !important;
    font-size: 18px !important;
    font-weight: 600 !important
}

.Copyright,
.footer_menu li>a {
    font-size: 18px;
    font-weight: 600
}

.ss_footer {
    background: #ff3f40;
    color: #fff;
    padding-top: 0;
    margin-top: 180px;
    position: relative;
    z-index: 5
}

.footer_menu {
    padding: 0;
    margin: 0;
    text-align: center
}

.footer_menu>li {
    list-style: none !important;
    display: inline-block
}

.footer_menu li>a {
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    padding: 0 20px
}

.ss_padd,
.ss_padd_bottom {
    padding-bottom: 60px !important
}

.Copyright {
    color: rgba(255, 255, 255, .6)
}

.ubeaut_re_bg>img {
    width: 100%
}

.ubeaut_re_bg {
    position: absolute;
    bottom: 0;
    z-index: 2
}

.ss_padd {
    padding-top: 90px !important
}

.mobile_display_lap_not {
    display: none
}

.ss_contacts>img {
    width: 100%
}

.ss_contacts {
    position: absolute;
    top: -2px
}

.contacts_padding {
    padding-top: 300px;
    padding-bottom: 100px
}

.position_contacts_to_left {
    position: relative;
    left: -10px
}

.button_submit {
    background: linear-gradient(45deg, #ff403f 0, #ff403f 100%);
    text-transform: uppercase;
    color: #fff;
    font-size: 16px;
    border-radius: 28px;
    line-height: 50px;
    display: inline-block;
    padding: 0 30px !important;
    font-weight: bolder;
    transition: all 1s;
    position: relative;
    top: 0
}

.button_submit:focus,
.button_submit:hover {
    box-shadow: 0 0 24px 5px rgba(255, 255, 255, .1);
    color: #fff;
    top: -5px
}

.services_sub_contain_contact {
    font-size: 18px;
    font-weight: 500;
    color: rgba(44, 44, 44, .35)
}

.services_sub_contain_contact_123 {
    font-size: 18px;
    font-weight: 500;
    color: rgba(44, 44, 44, .8)
}

.elit_commdo {
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(44, 44, 44, .1)
}

.elit_s>img {
    width: 30px
}

.PrivacyPolicy {
    color: #fff;
    font-size: 40px
}

.Policy_ss {
    font-weight: 600
}

.ss_Privacy {
    font-weight: 300
}

.ss_Introduction {
    font-size: 30px;
    color: #333;
    font-weight: 400
}

.Under {
    font-size: 17px
}

.PrivacyPolicy_title {
    font-size: 22px;
    color: #333
}

.border_bottom_po {
    border-bottom: 1px solid rgba(215, 215, 215, .5)
}

.SUMMARY_s {
    font-size: 15px;
    color: #777
}

.anywhere_S {
    color: #333;
    font-size: 22px
}

.includes {
    color: #4d419a;
    font-weight: 500
}

.color_777 {
    color: #777
}

.transportation_ss {
    padding: 0;
    margin: 0
}

.transportation_ss>li {
    list-style: none;
    font-size: 17px;
    padding: 8px 0
}

.icon_req {
    font-size: 20px !important;
    padding-right: 5px;
    color: #ff403f
}

.accordion-section-title.active,
.accordion-section-title:hover {
    color: #fff !important;
    background: #4d419a !important
}

.s_Asked {
    font-size: 30px;
    color: #333;
    padding: 20px 0
}

.eiusmod_heigh {
    display: block !important;
    color: #333 !important;
    font-size: 20px !important
}

.new_card {
    border-radius: 0 !important;
    padding: 20px 30px !important;
    color: #333 !important
}

.experience_not {
    color: #333;
    font-size: 17px !important;
    padding-left: 5%;
    padding-right: 5%
}

.Help_form {
    background: url(../images_web/aca.png);
    background-size: cover;
    height: 600px;
    position: relative
}

.Help_form_bg {
    background: rgba(255, 255, 255, .2);
    height: 650px;
    left: 0;
    padding: 30px
}

.further_help {
    color: #fff;
    font-size: 24px;
    font-weight: 500
}

.ss_Privacy_padd {
    padding-top: 350px;
    padding-bottom: 100px
}

#backtop {
    position: fixed;
    left: auto;
    right: 20px;
    top: auto;
    bottom: 20px;
    outline: 0;
    color: #fff;
    text-align: center;
    background-color: rgba(51, 51, 51, .84);
    height: 40px;
    width: 40px;
    line-height: 40px;
    font-size: 14px;
    border-radius: 2px;
    cursor: pointer;
    transition: all 0.3s linear;
    z-index: 999999;
    opacity: 1;
    display: none
}

#backtop:hover {
    background-color: #ff3f40;
    border: 1px solid #fff
}

#backtop.mcOut {
    opacity: 0
}

.ss_help_support {
    padding-top: 330px;
    padding-bottom: 80px
}

.ss_footer_123 {
    background: 0;
    color: #fff;
    padding-top: 0;
    margin-top: 180px
}

.ss_career_padding {
    padding-top: 350px;
    padding-bottom: 150px
}

.black_bg_shap>img {
    width: 100%
}

.profile_lets_try {
    background: #fff
}

.consectetuer_s_123 {
    font-size: 18px;
    color: rgba(44, 44, 44, .45);
    font-weight: 600
}

.title_tab_1549 {
    color: #333;
    font-size: 17px !important
}

.some_text {
    font-size: 30px;
    color: #000
}

.ss_bg_form_career {
    background: #e5ebf1;
    position: relative;
    z-index: 1
}

.s_bg_form_to {
    background: #e5ebf1
}

.minict_wrapper {
    height: 55px !important;
    border-radius: 0 !important;
    padding: 9px !important
}

select.form-control:not([size]):not([multiple]) {
    height: calc(3.1rem + 4px) !important
}

.ubeaut_text_box_select {
    height: 55px !important;
    border-radius: 0 !important;
    font-size: 18px !important;
    color: rgba(119, 119, 119, .8) !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    font-weight: 500 !important
}

.ubeaut_ss_position_box {
    position: relative
}

.position_absolute_text_box_select {
    position: absolute;
    right: 5%;
    top: 13px
}

.down_to_right {
    font-size: 25px !important;
    color: rgba(119, 119, 119, .8) !important
}

.upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block
}

.upload-btn-wrapper input[type="file"] {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0
}

.services_mobile_images {
    position: relative;
    z-index: 5456
}

.ss_playstore_btn>img {
    width: 192px
}

.ss_container {
    padding-left: 8%;
    padding-right: 8%
}

.ss_Requirements {
    font-size: 24px;
    font-weight: 700;
    color: #00b0f0;
    padding-top: 20px
}

.Designed_SS>li {
    width: 30%;
    float: left;
    font-size: 17px;
    line-height: 30px
}

.delivering_ss {
    color: #fff !important
}

.ss_portfolio_images {
    width: 70% !important;
    padding: 50px 0;
    display: inline-block
}

.vitec_devlopmentsjk {
    color: #fff
}

.createtive_class {
    color: #fff !important;
    font-size: 22px
}

.hreftag_hover a {
    text-align: center
}

.mobile_ss_radiuns {
    height: 250px
}

.mobile_ss_radiuns img {
    min-height: 100% !important
}

.ss_contacts_us_button {
    background: #00b0f0 !important;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    padding: 12px 40px !important;
    margin-top: 30px !important
}

.ss_contacts_us_button i {
    transition: 0.8s all
}

.ss_container_fluid_bussiness {
    padding-left: 15%;
    padding-right: 12%
}

.ss_contacts_us_button:hover i {
    color: #fff !important;
    position: relative;
    left: 10px;
    transition: 0.5s all
}

.check_box_pass {
    padding-top: 20px;
    padding-left: 20px
}

.ss_check_box {
    width: auto !important
}

.data_policy_cookie {
    color: #28c3fb !important
}

.pro_images>img {
    width: 100%
}

.padding_top_12 {
    padding: 20px;
    border-radius: 20px
}

.padding_100 {
    padding: 100px 0
}

.pro_images {
    border-radius: 20px;
    overflow: hidden
}

.mobile_devlopmentstitle_oops {
    font-size: 24px;
    font-weight: 700;
    color: #00b0f0;
    margin-bottom: 0 !important
}

.gmbh_idealk_parter_oojk {
    font-size: 16px;
    line-height: 27px;
    font-weight: 400;
    margin-top: 10px !important
}

.ss_Requirements_huj {
    font-size: 24px;
    font-weight: 700;
    color: #00b0f0;
    padding-top: 0
}

.mobile_devlopmentstitle_new_page {
    font-size: 25px;
    font-weight: 700;
    color: #00b0f0
}

.ss_slide_phone {
    padding: 0 20px
}

.padding_left_0 {
    padding-left: 0 !important
}

.panel-heading {
    border: 2px solid rgba(119, 119, 119, .2) !important;
    margin-top: 20px;
    border-radius: 20px
}

.active-accordion {
    border: 2px solid #00b0f0 !important
}

.Requirements_padding {
    padding: 30px 0
}

.mobile_slider_quality_left {
    padding-bottom: 20px !important;
    padding-top: 0 !important;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.icon_wow_oops {
    line-height: 40px !important;
    font-size: 24px !important
}

/* start price calculator style */

.lbl-cal{
    color: #717171;
}
.none-shp::before{
    display: none;
}
#top-mascot .ss_next_preview_button .prev-step{
    position: relative;
    transform: none;
}
#top-mascot .prev-step img {
    width: 40px;
}
.start_text_block p {
    font-size: 12px;
    color: #717171;
    font-weight: 700;
    line-height: 19px;
    text-align: left;
}
.start_text_block {
    max-width: 434px;
    width: 100%;
    text-align: center;
}
.price_start_page .cal_mas{
    margin-top: 0;
    margin-right: 10px;
}
.start_text_block .ss_btn_s {
    margin-bottom: 12px;
}
.start_text_block p {
    margin-bottom: 0;
}
.c_box p,
.c_box span {
    font-size: 16px;
    line-height: 19px;
    font-weight: 700;
    margin: 0;
}
.c_box p {
    padding-right: 5px;
    color: #353535;
}
.c_box span {
    color: #717171;
}
.c_box {
    background: #fff;
    border-radius: 5px;
    padding: 5px 10px;
    position: absolute;
    top: 50%;
    border: 1px solid #E2694B;
}
.time_concept {
    right: 20px;
}
.cost_price {
    left: 20px;
}
.ss_next_preview_button .prev-step {
    position: absolute;
    right: auto;
    left: 18px;
    top: 60%;
    bottom: auto;
    transform: translate(-50%, -50%);
}
.ss_next_preview_button .next-step {
    position: absolute;
    right: -36px;
    left: auto;
    top: 60%;
    bottom: auto;
    transform: translate(-50%, -50%);
}
.pr_estimate .img-fluid {
    width: 95px;
}
.est_line {
    box-shadow: 1px 1px 10px rgb(64 67 150 / 15%);
    border-radius: 10px;
    padding: 8px 13px 8px 30px;
    margin-left: -24px;
}
.est_line  h3,
.est_line  span,
.est_line  h4 {
    font-size: 16px;
    line-height: 19px;
    margin: 0;
}

.est_line  h3{
     color: #353535;
     font-weight: 900;
     padding-right: 20px;
}
.est_line  span{
    color: #717171;
    font-weight: 700;
    padding-right: 20px;
}
.est_line  h4{
    color: #E2694B !important;
    font-weight: 700 !important;
    margin: 0 !important;
}
.tb_est_block{
    border-bottom: 1px solid #c2c2c2;
    margin-bottom: 40px;
}
.tb_est_block .img-fluid
{
    width: 162px;
}
.tab-content>.active{
    position: relative;
}

@media (min-width:768px) and (max-width:1024px) {
    .padding_optimally {
        padding-left: 5%;
        padding-top: 12%;
        padding-bottom: 3%;
        padding-right: 5%
    }
    .service_1>h2 {
        color: #fff;
        font-size: 18px
    }
    .ss_container {
        padding-left: 5%;
        padding-right: 5%
    }
}

@media (min-width:320px) and (max-width:480px) {
    .Designed_SS>li {
        width: 100%;
        float: left;
        font-size: 17px;
        line-height: 30px;
        text-align: left
    }
    .footer_bg {
        padding-left: 20px !important;
        padding-right: 20px !important
    }
    .circle {
        display: none
    }
    .grid-item.feature-box-4 figure figcaption {
        top: 3% !important
    }
}

@media (min-width:480px) and (max-width:767px) {
    .Designed_SS>li {
        width: 100%;
        float: left;
        font-size: 17px;
        line-height: 30px;
        text-align: left
    }
    .footer_bg {
        padding-left: 20px !important;
        padding-right: 20px !important
    }
    .circle {
        display: none
    }
}

.social_icon a {
    height: 40px;
    width: 40px;
    border-radius: 40px;
    background: #08b9fa;
    display: inline-block;
    line-height: 40px;
    text-align: center;
    color: #fff;
    padding: 0
}

.social_icon a:nth-child(1) {
    margin-right: 8px
}

.ss_website_link ul li a {
    background: 0;
    font-weight: 800 !important;
    padding: 10px 25px !important;
    font-size: 15px !important;
    display: inline-block;
    border-radius: 500px !important;
    color: #6f6f6f;
    margin-right: 15px;
    border: 1px solid rgba(0, 0, 0, .1) !important
}

.ss_website_link ul {
    display: inline-flex
}

.nav-tabs {
    border-bottom: 0 solid #dee2e6 !important
}

.ss_portfilio_work {
    padding: 50px 0
}

.ss_portfilio_box {
    -webkit-box-shadow: 1px -1px 14px 0 rgba(0, 0, 0, .09);
    -moz-box-shadow: 1px -1px 14px 0 rgba(0, 0, 0, .09);
    box-shadow: 1px -1px 14px 0 rgba(0, 0, 0, .09);
    text-align: center;
    margin: 15px 15px;
    display: inline-block
}

.ss_portfilio_box .imagess>img {
    width: 100%;
    transition: 0.5s all
}

.ss_portfilio_box .imagess {
    height: auto;
    position: relative;
    overflow: hidden
}

.ss_portfilio_box:hover .imagess>img {
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.ss_portfilio_box .portfolio_contain {
    padding: 20px 0
}

.ss_portfilio_box .portfolio_contain h6 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px;
    color: #08b9fa;
    line-height: 15px
}

.ss_portfilio_box .portfolio_contain p {
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 0;
    color: #939393
}

.ss_portfilio_box:hover .portfolio_contain {
    background-image: linear-gradient(to right top, #08b9fa, #12bcfa, #1abefb, #22c1fb, #28c3fb)
}

.ss_portfilio_box:hover .portfolio_contain h6 {
    color: #fff
}

.ss_portfilio_box:hover .portfolio_contain p {
    color: #fff
}

.ss_home_section {
    background: #f6f5fb;
    padding: 100px 0
}

.cost_ss h2 {
    color: #0a1920;
    font-size: 35px;
    font-weight: 700
}

.cost_ss h2 span {
    color: #08b9fa
}

.cost_ss p {
    font-weight: 600
}

.cost_ss .ss_button_New a {
    background: #08b9fa;
    color: #fff;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    padding: 0 40px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 700
}

.slider_images>img {
    width: 100%
}

.ss_application_step {
    background: #0a1920;
    padding-top: 90px;
    padding-bottom: 100px
}

.ss_application_step_jsdakcm {
    padding-top: 20px;
    padding-bottom: 20px;
    background: #0a1920
}

.ss_application_step_jsdakcm .ss_make_app h2 {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    padding-bottom: 0;
    margin-bottom: 0 !important
}

.ss_application_step .ss_make_app h2 {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    padding-bottom: 0
}

.ss_step_menu {
    padding: 0;
    margin-top: -120px
}

.menu_box .title {
    background-color: #fff;
    box-shadow: 1px 1px 10px rgb(64 67 150 / 10%);
    border-radius: 10px;
    padding-top: 45px;
    padding-bottom: 15px;
    text-align: center;
    font-size: 14px;
    color: #353535;
    text-align: center;
    font-weight: 800;
    margin-bottom: 0;
    margin-top: -5px;
    line-height: 28px;
    min-height: 30px
}

.menu_box .icon {
    height: 70px;
    width: 70px;
    border-radius: 100px;
    position: relative;
    margin-bottom: -60px;
    background: #fff;
    text-align: center;
    display: inline-block;
    box-shadow: 0 0 4px rgb(0 0 0 / 10%);
    line-height: 53px;
    border: 2px solid #e2694b
}

.menu_box .icon>img {
    height: 30px;
    position: relative;
    top: 5px;
    display: inline-block;
    text-align: center
}

.estimation_bg {
    background: #f6f5fb
}

.menu_box {
    width: 96%;
    display: inline-block;
    margin-bottom: 20px;
    position: relative;
}

.question_app {
    position: relative;
    padding-top: 0
}

.preview-box .preview-middles p {
    color: #747474;
    font-weight: 600;
    line-height: 20px;
    font-size: 14px;
    letter-spacing: .3px;
    word-break: break-word;
    margin-bottom: 0
}

.preview-box .preview-middles p {
    overflow: hidden;
    max-width: 15ch;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 3px 9px
}

.question_app h4 {
    font-size: 16px;
    color: #353535;
    font-weight: 800;
    text-align: center;
    margin-bottom: 30px
}

.price_estimation_title h2 {
    text-align: left
}

#frm-estimate {
    position: relative
}

.main_titless>p {
    width: 80%;
    display: none;
    text-align: center;
    font-size: 14px;
    margin-bottom: 0
}

.option_question {
    text-align: center;
    padding-left: 0;
    position: relative;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.price_slider {
    width: 80%;
    margin: 0 auto;
    margin-bottom: 50px
}

.option_question li {
    /* width: 24%; */
    /* width: 13%; */
    width: 120px;
    display: inline-block;
    text-align: center;
    position: relative;
    margin-bottom: 20px !important;
    margin-right: 20px;
}
.option_question li:last-child{
    margin-right: 0;
}

.option_question li>.posi_ab_contain {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 95%;
    font-size: 10px;
    background: #e2694b;
    padding: 10px 10px;
    color: #fff;
    height: auto;
    font-weight: 600;
    border-radius: 5px;
    line-height: 18px;
    opacity: 0;
    transition: 0.5s all;
    z-index: 23114151421
}

.my_option .ss_images_contents h6 {
    overflow: hidden;
    line-height: 18px;
    line-height: 14px;
    padding: 8px 10px 0 10px;
}

.icon img {
    width: auto
}

.option_question li>.posi_ab_contain:before {
    content: "";
    position: absolute;
    bottom: -16px;
    left: 42%;
    background: #e2694b;
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    height: 30px;
    width: 40px;
    z-index: 121
}

.option_question li:hover>.posi_ab_contain {
    display: block;
    opacity: 1
}

.option_question li .my_option {
    /* height: 140px;
    width: 140px; */
    height: 120px;
    width: 120px;
    border-radius: 10px;
    display: inline-block;
    border: 2px solid transparent;
    background: #fff;
    box-shadow: 1px 1px 10px rgb(64 67 150 / 15%);
    display: table
}

.ss_landing_top_section {
    padding: 80px 0
}

.ss_landing_last_section {
    padding: 100px 0
}

.ss_landing_last_section h2 {
    font-size: 35px;
    font-weight: 700;
    color: #00b0f0
}

.ss_sub_traform {
    font-size: 16px;
    padding: 20px 0 0 0;
    line-height: 28px;
    overflow: hidden;
    font-weight: 600;
    text-align: left;
    color: #fff;
    margin-bottom: 0
}

.expensive_box {
    background: #00b0f0;
    height: 150px;
    font-size: 20px;
    line-height: 150px;
    text-align: left;
    color: #fff;
    font-weight: 700
}

.expensive_box a {
    color: #fff
}

.comments_cost {
    background-image: url(../images/programmer-working-in-a-software-developing-compan-Q4G5SUS.png);
    background-size: cover;
    background-attachment: fixed
}

.social_media {
    position: relative
}

.social_media:before {
    content: "";
    position: absolute;
    bottom: -15px;
    left: 0;
    height: 3px;
    width: 30px;
    background: #08b9fa;
    border-radius: 3px
}

.my_option .icon img {
    /* height: 50px; */
    height: 45px;
    display: inline-block;
    text-align: center;
    clear: both;
    cursor: pointer
}

.my_option h6 {
    font-weight: 800;
    font-size: 18px;
    padding: 20px 0;
    margin-bottom: 0;
    cursor: pointer;
    color: #003996
}

.my_option {
    position: relative
}

.my_option .ss_images_contents {
    position: relative;
    top: 0;
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle
}

.option_question li input:checked+.my_option {
    border: 2px solid #e2694b;
    transition: all ease 0.5s 0s
}

.option_question li input:checked+.my_option .check_mark {
    opacity: 1;
    transition: all ease 0.5s 0s
}

.my_option .check_mark {
    height: 26px;
    width: 26px;
    background: #e2694b;
    border-radius: 30px;
    line-height: 30px;
    color: #fff;
    position: absolute;
    top: -14px;
    right: -11px;
    z-index: 1256;
    opacity: 0
}

.option_question li input {
    opacity: 0;
    cursor: pointer;
    display: none
}

.ss_question_height {
    height: auto;
    padding: 0 0 50px 0
}

.ss_next_preview_button a:nth-child(2) {
    background: #1ac2ff;
    display: inline-block;
    line-height: 50px;
    height: 50px;
    text-align: center;
    border-radius: 5px;
    color: #fff;
    font-weight: 700;
    margin-left: 15px;
    padding: 0 20px;
    font-size: 14px;
    -webkit-box-shadow: 0 -2px 33px 0 rgba(10, 25, 32, .05);
    -moz-box-shadow: 0 -2px 33px 0 rgba(10, 25, 32, .05);
    box-shadow: 0 -2px 33px 0 rgba(10, 25, 32, .05)
}

.ss_next_preview_button a:nth-child(1) {
    background: #fff;
    display: inline-block;
    border: 1px solid #1ac2ff;
    line-height: 50px;
    padding: 0 20px;
    height: 50px;
    font-size: 14px;
    text-align: center;
    border-radius: 5px;
    color: #1ac2ff;
    font-weight: 700;
    -webkit-box-shadow: 0 -2px 33px 0 rgba(10, 25, 32, .05);
    -moz-box-shadow: 0 -2px 33px 0 rgba(10, 25, 32, .05);
    box-shadow: 0 -2px 33px 0 rgba(10, 25, 32, .05)
}

.ss_align_center {
    text-align: right
}

.ss_button_section_padd {
    padding-bottom: 80px
}

.option_question>li {
    cursor: pointer
}

.menu_box.active .title {
    background: #e2694b;
    color: #fff
}

.menu_box.active .icon {
    background: #fff
}

.price-estimation_cal {
    position: absolute;
    right: -10px;
    top: 10%
}

.price-estimation_cal .title {
    background: #1ac2ff;
    display: inline-block;
    padding: 10px 40px;
    border-radius: 0;
    color: #fff;
    font-weight: 700;
    text-align: center;
    margin-left: -30px
}

.price-estimation_cal .icon {
    background: #1ac2ff;
    height: 90px;
    width: 90px;
    display: inline-block;
    line-height: 90px;
    border-radius: 90px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    position: relative;
    z-index: 152;
    border: 2px solid #fff
}

.zoom {
    animation: scale 3s linear infinite
}

@keyframes scale {
    50% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.thank_you_page .images img {
    width: 50%;
    display: inline-block
}

.thank_you_page {
    background: #fff;
    text-align: center;
    -webkit-box-shadow: 3px 6px 27px -2px rgba(10, 25, 32, .06);
    -moz-box-shadow: 3px 6px 27px -2px rgba(10, 25, 32, .06);
    box-shadow: 3px 6px 27px -2px rgba(10, 25, 32, .06);
    border-radius: 20px;
    margin-bottom: 50px;
    padding: 50px 50px;
    position: relative;
    bottom: 100px
}

.thank_you_page h3 {
    color: #0a1920;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 40px
}

.thank_you_page p {
    color: #747474;
    font-size: 16px;
    width: 70%;
    display: inline-block
}

.thank_you_page {
    text-align: center
}

.mobile_mockup {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: inline-block;
    z-index: 1025
}

.mobile_develop_divice {
    position: relative;
    display: inline-block;
    text-align: center
}

.mobile_develop_divice>img {
    width: 100%
}

.ss_padding_top_fair_prices {
    margin-top: 80px
}

.main_slider_mockup {
    position: relative;
    overflow: hidden;
    margin: 30px 30px
}

.mobile_develop_divice>img {
    display: block;
    width: 100%;
    padding: 20px;
    margin-top: -8px
}

.bliser_images {
    width: 100%;
    text-align: center
}

.bliser_images {
    width: 80%;
    display: inline-block
}

html {
    scroll-behavior: smooth
}

.mian_box_white {
    -webkit-box-shadow: 0 -2px 33px 0 rgb(10 25 32 / 5%);
    -moz-box-shadow: 0 -2px 33px 0 rgba(10, 25, 32, .05);
    box-shadow: 0 -2px 33px 0 rgb(10 25 32 / 5%);
    background: #fff;
    padding: 20px 25px 10px 25px;
    border-radius: 10px
}

.mian_box_white ul {
    padding: 0;
    margin: 0
}

.mian_box_white h2 {
    margin-bottom: 8px
}

.mian_box_white ul li {
    list-style: none
}

.mian_box_white ul li .title {
    font-size: 18px;
    font-weight: 700;
    color: #1ac2ff;
    padding: 6px 0
}

.mian_box_white ul li .ss_flex_setting {
    display: flex;
    clear: both;
    padding-top: 0
}

.mian_box_white ul li .ss_flex_setting .ss_title_workingday {
    font-weight: 700;
    color: #000;
    width: 100%
}

.mian_box_white ul li .ss_flex_setting .ss_prices {
    font-size: 18px;
    font-weight: 700
}

.Final_prices {
    background: #1ac2ff
}

.Final_prices .ss_title_workingday {
    color: #fff
}

.Final_prices .ss_title_workingday {
    color: #fff !important
}

.Final_prices .ss_prices {
    color: #fff !important
}

.Final_prices .ss_flex_setting {
    padding-top: 0 !important
}

.Final_prices .ss_prices_old {
    text-decoration: line-through;
    padding: 0 20px;
    color: #fff;
    font-weight: 800
}

.policy_check {
    padding-top: 15px
}

.ss_contacts_10 {
    font-size: 16px !important
}

.percentage_10>img {
    width: 100px
}

.percentage_10 {
    position: absolute;
    top: -30px;
    right: -30px
}

.ss_prices_padd_section {
    padding: 50px 0
}

.text_box_class input {
    color: #747474;
    height: 48px;
    font-size: 13px;
    font-weight: 600
}

.text_box_class input::-webkit-input-placeholder {
    color: #747474;
    font-size: 13px;
    font-weight: 600
}

.text_box_class input:-ms-input-placeholder {
    color: #747474;
    font-size: 13px;
    font-weight: 600
}

.text_box_class input::placeholder {
    color: #747474;
    font-size: 13px;
    font-weight: 600
}

.customer_Details_info {
    padding: 40px 15px 15px 15px
}

.text_box_class label {
    color: #000
}

.js .input-file-container {
    position: relative;
    text-align: center
}

.js .input-file-trigger {
    display: block;
    padding: 14px 45px;
    background: #fff;
    border: 1px solid #1ac2ff;
    color: #1ac2ff;
    font-size: 12px;
    transition: all 0.4s;
    cursor: pointer;
    border-radius: 5px
}

.js .input-file {
    position: absolute;
    top: 0;
    left: 0;
    padding: 14px 0;
    opacity: 0;
    cursor: pointer
}

.js .input-file-trigger:focus,
.js .input-file-trigger:hover,
.js .input-file:focus+.input-file-trigger,
.js .input-file:hover+.input-file-trigger {
    background: #1ac2ff;
    text-decoration: none !important;
    color: #fff
}

.file-return {
    margin: 0
}

.file-return:not(:empty) {
    margin: 1em 0
}

.js .file-return {
    font-style: italic;
    font-size: .9em;
    font-weight: 700
}

.credit {
    border: 1px solid #ddd;
    padding: 2px;
    width: 410px;
    background: #eee;
    border-radius: 5px;
    position: absolute;
    bottom: 0
}

.ss_attach_documents {
    text-align: center;
    width: 100%;
    color: #000;
    font-size: 16px;
    font-weight: 800
}

.custom-control-label {
    padding-left: 30px;
    padding-top: 6px
}

.ss_next_preview_buttonjmasn button {
    background: #1ac2ff;
    display: inline-block;
    line-height: 50px;
    height: 50px;
    text-align: center;
    border-radius: 5px;
    color: #fff;
    font-weight: 700;
    margin-left: 15px;
    padding: 0 40px;
    font-size: 14px;
    -webkit-box-shadow: 0 -2px 33px 0 rgba(10, 25, 32, .05);
    -moz-box-shadow: 0 -2px 33px 0 rgba(10, 25, 32, .05);
    box-shadow: 0 -2px 33px 0 rgba(10, 25, 32, .05);
    border: transparent
}

.mian_box_white ul li {
    padding: 5px 0;
    margin-bottom: 10px
}

.mian_box_white ul .border-ss {
    border-bottom: 1px solid rgba(119, 119, 119, .2)
}

.ss_padding_setting ul li {
    margin: 0 !important
}

.Final_prices .ss_prices {
    font-size: 18px !important;
    font-weight: 900 !important
}

.next__button>.ss_next_preview_button a {
    background: #fff;
    display: inline-block;
    border: 1px solid #1ac2ff;
    line-height: 40px;
    padding: 0 20px;
    height: 40px;
    min-width: 150px;
    font-size: 14px;
    text-align: center;
    border-radius: 5px;
    color: #1ac2ff;
    font-weight: 700;
    -webkit-box-shadow: 0 -2px 33px 0 rgba(10, 25, 32, .05);
    -moz-box-shadow: 0 -2px 33px 0 rgba(10, 25, 32, .05);
    box-shadow: 0 -2px 33px 0 rgba(10, 25, 32, .05)
}

.ss_progress_bar {
    display: flex;
    padding: 0 0;
    position: relative;
    margin-top: 0
}

.ss_progress_bar li {
    list-style: none;
    width: 100%
}

.ss_progress_bar a {
    /* height: 22px; */
    height: 26px;
    border-radius: 25px;
    margin: 10px 0;
    /* width: 22px; */
    width: 26px;
    background: #fff;
    display: inline-block;
    color: #e2694b;
    /* line-height: 21px; */
    line-height: 25px;
    font-weight: 800;
    font-size: 10px;
    margin-right: 7px;
    position: relative;
    z-index: 125;
    box-shadow: 0 0 4px rgb(0 0 0 / 10%);
    border: 1px solid #e2694b
}

.ss_progress_bar a.active {
    background: #e2694b;
    color: #fff
}

.ss__bar__before:before {
    content: "";
    position: absolute;
    top: 22px;
    left: 22%;
    background: #c2c2c2;
    height: 1px;
    border-radius: 2px;
    width: 100%;
    opacity: .5
}

.ss__bar2__before:before {
    content: "";
    position: absolute;
    top: 22px;
    /* left: 15%; */
    left: 9%;
    background: #c2c2c2;
    height: 1px;
    border-radius: 2px;
    width: 100%;
    opacity: .5;
    display: inline-block
}

.ss__bar3__before:before {
    content: "";
    position: absolute;
    top: 22px;
    /* left: 10%; */
    left: 8%;
    background: #c2c2c2;
    height: 1px;
    border-radius: 2px;
    /* width: 80%; */
    width: 85%;
    opacity: .5;
    display: inline-block
}

.prices_ss_timeline {
    margin: 2px 20px 0 20px;
    display: block;
    z-index: 99999;
    position: relative
}

.prices_ss_timeline a {
    color: #fff;
    background: #1ac2ff;
    font-weight: 700;
    border-radius: 5px;
    padding: 10px 10px;
    display: block;
    font-size: 18px;
    line-height: 25px
}

.prices_ss_timeline a span {
    padding: 0 5px
}

.ss_next_preview_button {
    display: flex
}

button.prev-step.ss_price_calculator {
    margin-right: 30px
}

.ss_title_workingday {
    font-size: 14px
}

.main_titless {
    margin-bottom: 20px;
    margin-top: 20px
}

.option_question h6 {
    font-weight: 800;
    /* font-size: 14px; */
    font-size: 12px;
    padding: 12px 0 0;
    margin-bottom: 0;
    cursor: pointer;
    color: #353535
}

.mian_box_white ul {
    padding: 0;
    margin: 0
}

.mian_box_white ul .border-ss {
    border-bottom: 1px solid rgba(119, 119, 119, .2)
}

.mian_box_white ul li .title {
    font-size: 18px;
    font-weight: 900;
    color: #1ac2ff;
    padding: 6px 0;
    margin-bottom: 10px
}

.mian_box_white ul li .ss_flex_setting {
    display: flex;
    clear: both;
    padding-top: 0
}

.mian_box_white ul li .ss_flex_setting .ss_title_workingday {
    font-weight: 700;
    color: #000;
    width: 100%
}

.ss_title_workingday {
    font-size: 15px;
    font-weight: 900 !important
}

.mian_box_white ul li .ss_flex_setting .ss_prices {
    font-size: 16px;
    font-weight: 900;
    color: #747474
}

.calculator_new {
    margin-top: 60px;
    margin-bottom: 50px
}

.check_mark i {
    font-size: 13px;
    top: -4px;
    position: relative
}

.button_flex {
    display: flex
}

.ceo_detail {
    background-color: #ffe68c;
    border-radius: 10px;
    padding: 15px
}

.ceo_con h6 {
    font-size: 14px;
    color: #353535;
    font-weight: 800;
    margin-bottom: 0
}

.ceo_con label {
    font-size: 14px;
    color: #717171;
    line-height: 21px;
    font-weight: 600
}

.ceo_con p {
    font-size: 14px;
    color: #717171;
    line-height: 21px;
    font-weight: 600
}

.ceo_img {
    height: 94px;
    width: 94px;
    border-radius: 100%;
    border: 3px solid #e2694b;
    margin: 0 auto;
    margin-top: -63px;
    margin-bottom: 20px
}

.ceo_img img {
    border-radius: 100%
}

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

.ceo_main_box {
    margin-top: -120px
}

.price_estimation {
    box-shadow: 1px 1px 15px rgb(64 67 150 / 15%);
    background-color: #fff;
    border-radius: 10px;
    margin-top: -120px
}

.price_estimation_title {
    background-color: #ffe68c;
    padding: 20px;
    border-radius: 10px 10px 0 0
}

.price_estimation_title h6 {
    font-size: 14px;
    color: #353535;
    font-weight: 800;
    margin-bottom: 0
}

.price_con {
    padding: 15px 20px;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.con_price_box h6 {
    font-size: 14px;
    color: #353535;
    font-weight: 800
}

.con_price_box p {
    color: #717171;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0
}

.price_box p {
    color: #717171;
    font-size: 14px;
    font-weight: 600;
    line-height: 40px;
    margin-bottom: 0
}

.price_slider li {
    width: auto
}

.price_slider .owl-nav button.owl-prev {
    background-image: url(../images/cal_img/cal_arrow_1.svg) !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important;
    height: 50px !important;
    width: 45px !important;
    top: 40% !important;
    left: -9% !important;
    margin: 0
}

.price_slider .owl-nav button.owl-next {
    background-image: url(../images/cal_img/cal_arrow_2.svg) !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important;
    height: 50px !important;
    width: 45px !important;
    top: 40% !important;
    right: -9% !important;
    margin: 0
}

.price_slider .owl-stage-outer {
    padding-top: 20px
}

.esimation_con {
    padding: 20px
}

.esimation_con p {
    color: #717171;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0
}

.next-step,
.prev-step {
    border: none;
    background: no-repeat
}

.country_code {
    width: 60%;
    margin-right: 20px
}

.country_code_box {
    display: flex
}

#the-count {
    float: right;
    padding: .1rem 0 0 0;
    font-size: .875rem;
    position: absolute;
    right: 13px;
    bottom: 13px
}

.the_count {
    position: relative
}

#the-count span {
    font-size: 13px;
    font-weight: 600;
    color: #272727;
    letter-spacing: .5px
}

.support_con>ul>li>img {
    height: 20px;
    width: 20px;
    object-fit: cover
}

.philosophy_con {
    margin-top: 50px
}

.ss_vicon {
    margin-left: 20px
}

.ss_modal_main .progress-form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.ss_modal_main .progress-header {
    display: flex;
    flex-direction: row;
    padding: 50px 0
}

.ss_modal_main .header_title {
    margin-top: -12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.ss_modal_main .title {
    color: #717171;
    font-weight: 900;
    font-size: 14px;
    position: relative;
    top: 75px
}

.ss_modal_main .circle_container {
    display: flex;
    justify-content: center;
    align-items: center
}

.left-line,
.left-line-hidden,
.right-line-hidden,
.ss_modal_main .right-line {
    width: 65px;
    height: 0;
    border-top: 1px solid rgba(113, 113, 113, .5)
}

.right-line-hidden,
.ss_modal_main .left-line-hidden {
    border: 2px solid transparent
}

.ss_modal_main .active .circle_container .active-line {
    color: #54bdd0;
    border-top: 1px solid #e2694b !important;
    -moz-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    -webkit-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in
}

.ss_modal_main .active .title {
    color: #e2694b
}

.ss_modal_main .progress-content {
    display: flex
}

.ss_modal_main .hide {
    display: none
}

.ss_modal_main .btn {
    border: none;
    padding: 5px;
    border-radius: 6px
}

.ss_modal_main .btn-previous {
    font-weight: 900;
    font-size: 14px;
    margin-right: 15px;
    min-width: 100px;
    border: 1px solid #dedede
}

.ss_modal_main .btn-next {
    min-width: 100px;
    font-weight: 900;
    font-size: 14px;
    background-color: #003996;
    color: #fff;
    border: 1px solid #003996
}

.ss_modal_main .progress-footer {
    padding-top: 50px
}

.ss_modal_main .modal-content {
    border-radius: 20px
}

.ss_modal_main .btn-close:focus {
    box-shadow: none
}

.ss_mlogo {
    text-align: center
}

.modal {
    z-index: 999999
}

.modalbtn {
    height: 45px;
    padding: 0 30px;
    color: #fff;
    background: #64aaff;
    display: inline-block;
    line-height: 45px;
    border-radius: 5px;
    border: none;
    font-weight: 900
}

.ss_beautiful {
    padding: 50px 0
}

.ss_baduiux .modal-content {
    border-radius: 20px;
    background-color: #fff
}

.ss_beautiful_con {
    margin: 20px 0
}

.ss_beautiful_con h2 {
    font-weight: 900;
    font-size: 25px;
    line-height: 30px;
    text-align: center;
    margin-bottom: 0;
    text-transform: capitalize
}

.ss_beautiful_con p {
    font-weight: 700;
    font-size: 20px;
    text-align: center;
    padding: 20px 0;
    margin-bottom: 0;
    color: #717171
}

.ss_baduiux .btn-close:focus {
    box-shadow: none
}

@media (min-width:576px) {
    .ss_baduiux .modal-dialog {
        max-width: 750px
    }
}

.ss_uiimg img {
    height: auto;
    width: 200px
}

.preview-box img {
    height: auto;
    width: 50px
}

.progress {
    width: 50px;
    height: 50px;
    line-height: 50px;
    background: 0 0;
    margin: 0 auto;
    box-shadow: none;
    position: relative
}

.progress:after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 5px solid #f1f1f1;
    position: absolute;
    top: 0;
    left: 0
}

.progress>span {
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1
}

.progress .progress-left {
    left: 0
}

.progress .progress-bar {
    width: 100%;
    height: 100%;
    background: 0 0;
    border-width: 5px;
    border-style: solid;
    position: absolute;
    top: 0
}

.progress .progress-left .progress-bar {
    left: 100%;
    border-top-right-radius: 80px;
    border-bottom-right-radius: 80px;
    border-left: 0;
    -webkit-transform-origin: center left;
    transform-origin: center left
}

.progress .progress-right {
    right: 0
}

.progress .progress-right .progress-bar {
    left: -100%;
    border-top-left-radius: 80px;
    border-bottom-left-radius: 80px;
    border-right: 0;
    -webkit-transform-origin: center right;
    transform-origin: center right;
    animation: loading-1 0.5s linear forwards
}

.progress .progress-right.progress-slow .progress-bar {
    animation: loading-1 0.75s linear forwards !important
}

.progress .progress-value {
    width: 90%;
    height: 90%;
    border-radius: 50%;
    background: #fff;
    font-size: 14px;
    color: #353535;
    line-height: 44px;
    text-align: center;
    position: absolute;
    top: 5%;
    left: 5%;
    font-weight: 800
}

.progress .progress-value:after {
    content: "%";
    display: inline-block
}

.progress.blue .progress-bar {
    border-color: #e2694b
}

.progress.blue .progress-left .progress-bar {
    animation: loading-1 0.5s linear forwards 0.5s
}

.progress.blue .progress-left.progress-slow .progress-bar {
    animation: loading-1 0.75s linear forwards 0.75s
}

.ss_modal_main .active .progress .progress-value {
    color: #e2694b
}

@keyframes loading-1 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

@keyframes loading-2 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(144deg);
        transform: rotate(144deg)
    }
}

@keyframes loading-3 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }
}

@keyframes loading-4 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(36deg);
        transform: rotate(36deg)
    }
}

@keyframes loading-5 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(126deg);
        transform: rotate(126deg)
    }
}

@media only screen and (max-width:990px) {
    .progress {
        margin-bottom: 20px
    }
}

.faq_arrow {
    position: absolute;
    right: -1px;
    height: 50px;
    bottom: 0;
    width: 70px;
    top: 0px
}

.modal-backdrop {
    background-color: #000;
    z-index: 99999
}

.faq_arrow a img {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.upload-preview-concept,
.upload-preview-design,
.upload-preview-general {
    padding: 25px 0 25px 0
}

.upload-preview-design {
    padding: 25px 0 25px 0
}

@media (min-width:576px) {
    .ss_cookiemodal .modal-dialog {
        max-width: 750px
    }
}

.ss_cookiemodal .modal-content {
    border-radius: 20px
}

.ss_cookiemodal .modal-body {
    padding: 25px 23px
}

.ss_cookie_con {
    padding-top: 30px
}

.ss_cookie_con h2 {
    font-weight: 900;
    font-size: 30px;
    line-height: 30px;
    text-transform: capitalize
}

.ss_cookie_con p {
    font-weight: 700;
    font-size: 16px;
    color: #717171;
    margin: 20px 0
}

.ss_cookie_con.ss_setcookie_con p {
    margin: 10px 0;
    font-size: 14px;
    font-weight: 700
}

.ss_cookie_con p a {
    color: #C85108
}

.ss_cookie {
    padding: 30px 0
}

.ss_cookiemodal .ss_btn_s {
    padding-top: 20px
}

.ss_cookiemodal .ss_cookie_con h2 {
    margin: 0 0 30px 0
}

@media (min-width:576px) {
    .ss_set_cookiemodal .modal-dialog {
        max-width: 750px
    }
}

.ss_set_cookiemodal .modal-content {
    border-radius: 20px
}

.ss_set_cookiemodal .modal-body {
    padding: 0
}

.ss_swich h4 {
    font-weight: 900;
    font-size: 20px;
    color: #e2694b;
    margin-bottom: 0
}

.ss_cookie_con.ss_setcookie_con {
    padding: 20px 40px
}

.ss_modal_border {
    border-bottom: 1px solid #000;
    opacity: .2
}

.ss_setcookie_main {
    padding: 30px 0
}

.ss_setcookie_main h2 {
    font-weight: 900;
    font-size: 30px;
    text-transform: capitalize;
    color: #353535;
    padding: 0 40px;
    margin-bottom: 0
}

.ss_set_cookiemodal .ss_btn_s {
    padding-top: 30px
}

.ss_set_cookiemodal input[type="checkbox"].toggle {
    opacity: 0;
    position: absolute;
    left: -99999px
}

.ss_set_cookiemodal input[type="checkbox"].toggle+label {
    height: 35px;
    line-height: 35px;
    background-color: #f1f1f1;
    border-radius: 50px;
    display: inline-block;
    position: relative;
    cursor: pointer;
    -moz-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    -webkit-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in
}

.ss_set_cookiemodal input[type="checkbox"].toggle+label:before,
input[type="checkbox"].toggle+label:hover:before {
    content: " ";
    position: absolute;
    top: 2px;
    left: 3px;
    width: 30px;
    height: 30px;
    background: #fff;
    z-index: 2;
    -moz-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    -webkit-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px
}

.ss_set_cookiemodal input[type="checkbox"].toggle+label .off,
input[type="checkbox"].toggle+label .on {
    margin: 0 10px;
    font-size: 14px;
    font-weight: 800
}

.ss_set_cookiemodal input[type="checkbox"].toggle+label .off {
    margin-left: 40px;
    display: inline-block;
    color: #e2694b
}

.ss_set_cookiemodal input[type="checkbox"].toggle+label .on {
    display: none
}

.ss_set_cookiemodal input[type="checkbox"].toggle:checked+label .off {
    display: none
}

.ss_set_cookiemodal input[type="checkbox"].toggle:checked+label .on {
    margin-right: 40px;
    display: inline-block;
    color: #fff
}

.ss_set_cookiemodal input[type="checkbox"].toggle:checked+label,
input[type="checkbox"].toggle:focus:checked+label {
    background-color: #e2694b
}

.ss_set_cookiemodal input[type="checkbox"].toggle:checked+label:before,
input[type="checkbox"].toggle:checked+label:hover:before,
input[type="checkbox"].toggle:focus:checked+label:before,
input[type="checkbox"].toggle:focus:checked+label:hover:before {
    background-position: 0 0;
    top: 2px;
    left: 100%;
    margin-left: -33px
}

.upload-preview-concept>div,
.upload-preview-design>div,
.upload-preview-general>div {
    padding: 0 15px 0 0
}

/* .attach_radio {
    display: none
} */

.contact_input {
    margin-bottom: 0;
    padding-top: 12px
}

.comments_img {
    height: 100px;
    width: 100px;
    position: relative
}

.author-thumb .thumb {
    height: 50px;
    width: 50px;
    position: relative
}

.ss_baduiux .btn-close {
    background: url(../images/closeimg.svg);
    background-repeat: no-repeat;
    opacity: unset;
    background-size: 50%;
    background-position: center
}

.ss_baduiux .modal-header {
    padding: 30px 35px 0 0
}

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

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

.video_img img {
    height: auto;
    width: 100%;
    background: #fff;
    border-radius: 15px;
    border: 1px solid #353535
}

.ss_special_img img {
    height: auto !important;
    width: 100% !important;
    border-radius: 10px
}

.key_components_box .images img {
    height: 50%;
    width: auto
}

.slider_port .item-wrapper {
    padding: 0 15px 30px 15px
}

.slick-slide img {
    display: inline-block
}

.slick-dots li button {
    height: 10px !important;
    width: 10px !important;
    border-radius: 10px !important
}

.slick-dots .slick-active button {
    background: #e2694b
}

.ss-btn-wrapper-desk {
    display: inline-block
}

.ss-btn-wrapper-mobiles {
    display: none
}

.slick-dots li button:before {
    content: ""
}

.portfoilo_not h4 {
    font-size: 18px;
    color: #353535;
    font-weight: 600;
    line-height: 25px;
    padding-top: 30px;
    margin-bottom: 5px
}

.portimg img {
    width: 50%;
    height: auto
}

.pmodal .btn-close {
    background-image: url(../images/closeimg.svg);
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 30px !important;
    padding-right: 50px !important;
    opacity: unset
}

.ss_pnumber {
    height: 20px;
    width: 20px;
    border-radius: 50px;
    line-height: 20px;
    background-color: #e2694b;
    text-align: center;
    align-self: center
}

.ss_pnumber .ss_ptext p {
    margin-bottom: 0;
    color: #fff;
    font-weight: 800;
    font-size: 12px
}

.ss_pcount .custom-control-label {
    padding-left: 30px;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
    position: relative;
    font-size: 14px;
    font-weight: 600;
    color: #717171;
    text-transform: capitalize
}

#ss_less {
    height: auto
}

.moretext {
    display: none
}

.moreless-button {
    padding-top: 20px;
    display: inline-block;
    color: #e2694b
}

.moreless-button:hover {
    color: #e2694b !important
}

.portfolio-filter {
    position: sticky;
    top: 7rem;
    display: block !important;
    height: calc(100vh - 7rem);
    overflow-y: auto
}

.sidebar_col {
    position: sticky;
    top: 7rem;
    display: block !important;
    height: calc(100vh - 7rem);
    overflow-y: auto
}

.contact_form .preview-box {
    margin: 25px 0
}

.consulting_services_con p a {
    color: #e2694b
}

.nice-select,
.nice-select.open .list {
    width: 100%;
    width: 100%;
    border-radius: 8px
}

.nice-select.open .list {
    overflow: auto;
    padding-top: 48px
}

.nice-select .list::-webkit-scrollbar {
    width: 0
}

.nice-select .list {
    margin-top: 5px;
    top: 100%;
    border-top: 0;
    border-radius: 0 0 5px 5px;
    max-height: 210px;
    overflow-y: scroll;
    padding: 52px 0 0
}

.nice-select.has-multiple {
    white-space: inherit;
    height: auto;
    padding: 6px 12px;
    min-height: 45px;
    line-height: normal
}

.nice-select.has-multiple span.current {
    border: none;
    background: #f5f7fb;
    padding: 0 10px;
    border-radius: 3px;
    display: inline-block;
    line-height: 24px;
    font-size: 14px;
    margin-bottom: 3px;
    margin-right: 4px
}

span.remove {
    color: #ff3838
}

.nice-select.has-multiple .multiple-options {
    display: block;
    margin-left: 0;
    padding: 0;
    line-height: 29px
}

.nice-select .nice-select-search-box {
    box-sizing: border-box;
    position: absolute;
    width: 100%;
    margin-top: 2px;
    top: 100%;
    left: 0;
    z-index: 8;
    padding: 5px;
    background: #fff;
    opacity: 0;
    pointer-events: none;
    border-radius: 5px 5px 0 0;
    box-shadow: 0 0 0 1px rgba(68, 88, 112, .11);
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(.75) translateY(-21px);
    -ms-transform: scale(.75) translateY(-21px);
    transform: scale(.75) translateY(-21px);
    -webkit-transition: all 0.2s cubic-bezier(.5, 0, 0, 1.25), opacity 0.15s ease-out;
    transition: all 0.2s cubic-bezier(.5, 0, 0, 1.25), opacity 0.15s ease-out
}

.nice-select .nice-select-search {
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    box-shadow: none;
    color: #333;
    display: inline-block;
    vertical-align: middle;
    padding: 7px 12px;
    margin: 0 10px 0 0;
    width: 100% !important;
    min-height: 36px;
    line-height: 22px;
    height: auto;
    outline: 0 !important
}

.nice-select.open .nice-select-search-box {
    opacity: 1;
    z-index: 10;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0)
}

.contact_input .country_code input:focus {
    border: 1px solid #ddd !important
}

.nice-select {
    background-color: #f6fbff !important;
    border-radius: 5px !important;
    width: 100% !important;
    border: none !important;
    padding-left: 15px !important;
    color: #717171 !important;
    border-bottom: 3px solid rgba(226, 105, 75, .1) !important;
    font-weight: 600 !important
}

.nice-select .option.disabled {
    display: none !important
}

.nice-select .option.selected {
    display: none !important
}

.slick-next {
    right: 0 !important
}

.grecaptcha-badge {
    bottom: 100px !important
}

.ss_view_main.ss_likes_views a {
    cursor: default
}

.tooltip-inner {
    background-color: #e2694b !important;
    font-size: 12px;
    padding: 12px;
    line-height: 16px;
    font-weight: 600
}

.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before,
.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: #e2694b
}

.tooltip {
    margin-bottom: 10px !important
}

.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before,
.bs-tooltip-end .tooltip-arrow::before {
    border-right-color: #e2694b
}

.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before,
.bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: #e2694b
}

.tooltip.show {
    opacity: 1
}

.consulting_services_con.app_con.app_conw p {
    color: #fff !important
}

.consulting_services_con.app_con.app_conw h3 {
    color: #fff !important
}

.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before,
.bs-tooltip-start .tooltip-arrow::before {
    border-left-color: #e2694b
}

.devlopment_box {
    position: relative;
    z-index: 99
}

.facts_orange.ui_services_in_figures_con {
    background: #e2694b
}

.facts_orange.ui_services_in_figures_con .sub_title {
    color: #fff !important
}

.ui_services_in_figures_con svg rect {
    fill: #fff !important
}

.like-it-box {
    box-shadow: 1px 1px 15px rgba(64, 67, 150, .15);
    border-radius: 5px;
    padding: 16px 20px;
    background: #fff;
    margin-bottom: 30px
}

.date-with-icon {
    display: flex;
    align-items: center
}

.like-it-box .blog_detail_title {
    position: relative;
    top: 5px
}

.date-with-icon img {
    margin-right: 5px
}

.border-top-desc {
    border-top: 1px solid #717171;
    margin: 20px 0
}

.border-top-desc {
    border-top: 1px solid rgba(0, 0, 0, .2);
    margin: 30px 0 10px
}

.ml-0 {
    margin-left: 0
}

.hire-tag {
    background: #e2694b;
    color: #fff;
    font-size: 14px;
    border-radius: 5px;
    padding: 0 10px;
    margin-left: 16px;
    display: inline-block;
    height: 21px;
    line-height: 21px;
    position: absolute;
    top: 7px
}

.address-box {
    box-shadow: 1px 1px 15px rgba(64, 67, 150, .15);
    border-radius: 10px;
    padding: 38px;
    position: relative
}

.flag-line {
    position: absolute;
    right: 38px;
    top: 38px
}

.address-box h3 {
    font-size: 20px;
    color: #353535;
    font-weight: 900;
    margin-bottom: 0
}

.address-desc p {
    color: #717171;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    word-break: break-word;
    letter-spacing: .1px;
    margin: 0
}

.address-desc {
    margin-bottom: 30px
}

.in-call-box {
    display: flex;
    align-items: start;
    margin-bottom: 10px
}

.border-btm {
    border-bottom: 1px solid #717171
}

.in-call-box img {
    margin-right: 13px
}

.in-call-box .address_con p {
    top: 0
}

.career-box {
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    border-radius: 5px;
    padding: 30px;
    margin-bottom: 32px;
    display: block
}

.career-box h3 {
    color: #e2694b;
    font-size: 20px;
    font-weight: 900;
    margin-bottom: 14px
}

.career-tt {
    display: flex
}

.job-tt span {
    font-style: normal;
    font-weight: 900;
    font-size: 16px;
    line-height: 24px;
    color: #717171;
    margin-bottom: 8px;
    display: block;
    text-transform: capitalize
}

.job-tt {
    margin-right: 100px
}

.job-tt:last-child {
    margin: 0
}

.job-tt h4 {
    font-size: 18px;
    color: #353535;
    font-weight: 900;
    margin-bottom: 0
}

.opp-btn .ss_btn_s .btn::before {
    width: 270px
}

.opp-btn .ss_btn_s .shape_text:after {
    left: 86.5%
}

s.main-sb-point p {
    font-size: 14px;
    color: #717171;
    font-weight: 700;
    letter-spacing: .3px;
    margin-bottom: 13px
}

.slider-main-box {
    height: 100vh;
    width: 100vw;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff
}

.not-show {
    display: none
}

.opp-btn {
    display: none
}

.left-team-desc h1 {
    color: #353535;
    font-size: 30px;
    font-weight: 900;
    line-height: 40px;
    margin-bottom: 31px;
    text-transform: capitalize
}

.left-team-desc h4 {
    color: #353535;
    font-size: 20px;
    font-weight: 900;
    margin: 30px 0 16px
}

.left-team-desc p {
    color: #717171;
    font-size: 14px;
    font-weight: 700;
    line-height: 22px
}

.left-team-desc ul {
    padding-left: 20px
}

.left-team-desc ul li {
    color: #717171;
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    list-style: disc
}

.location-detail h4 {
    color: #717171;
    font-size: 14px;
    font-weight: 700;
    line-height: 22px
}

.location-detail h3 {
    color: #353535;
    font-size: 20px;
    font-weight: 900;
    margin-bottom: 30px
}

.germn-location {
    position: relative;
    top: -1px
}

.loction_line {
    top: -13px
}

.d-main-foo {
    display: flex
}

.left-foo3 {
    width: 55%;
    display: flex;
    justify-content: center
}

.link1 {
    width: 70%
}

.link2 {
    width: 25%;
    padding-left: 15px
}

.link3 {
    width: 25%;
    padding-left: 15px
}

.right-foo2 {
    width: 45%;
    display: flex;
    justify-content: start
}

.link4 {
    width: 45%;
    display: flex;
    justify-content: start;
    margin-right: 50px
}

.link5 {
    width: 45%;
    display: flex;
    justify-content: end
}

.main_carousel.main_career:after {
    background-image: url(../images/career/career-right-img.png)
}

#project_concept_planning .owl-stage-outer .owl-stage {
    margin: auto
}

.s_img_func .images.ss_main_functionalities_images {
    padding-top: 65px
}

.ss_top_scoll_pass .fac_icon {
    border: 0
}

.blog_cag_con:hover {
    background: #e2694b
}

.blog_cag_con:hover h6 {
    color: #fff
}

.blog_cag_con .ss_line_svg svg rect {
    fill: #e2694b
}

.blog_cag_con:hover .ss_line_svg svg rect {
    fill: #fff
}

.country_code_box .nice-select {
    line-height: 44px;
    height: 44px
}

.dependency_box {
    display: flex
}

.icon_border {
    border: 1px solid rgba(119, 119, 119, .3);
    border-radius: 20px;
    background: #fff;
    height: 102px;
    width: 100px;
    line-height: 48px;
    text-align: center;
    margin: auto
}

.dependency_box p {
    padding-left: 10px
}

.fac_icon:first-child {
    margin-left: 0
}

.blog_active .blog_cag_con .ss_line_svg svg rect {
    fill: #fff
}

.consulting_services_con p a {
    border-bottom: 1px solid;
    color: #717171
}

.psychofy_main_func .ss_main_functionalities_images {
    margin: 0 3%;
    padding-top: 55px
}

.ss_btn_s.large-txt .btn::before {
    width: 200px
}

.ss_btn_s.large-txt .shape_text:after {
    left: 81.5%
}

.stories-arrow {
    text-align: center
}

.stories-arrow button {
    background: transparent;
    border: 0
}

.btn_ss_trans {
    background: transparent;
    border: 0
}

.right-foo2 .address_con p a:hover {
    padding-left: 5px;
    color: #e2694b;
    transition: all ease 0.5s 0s;
    font-weight: 600
}

.right-foo2 .address_con p a {
    transition: all ease 0.5s 0s
}

.ss_latest_blog_box .images>img {
    width: 100%;
    height: auto;
    bject-fit: cover
}

@media (min-width:320px) and (max-width:480px) {
    .ss_round_img_top {
        display: none
    }
    .ss_round_img_bottom {
        display: none
    }
    .ss_top_scoll_pass {
        padding-top: 100px
    }
    /* .ss_app_liks a img {
        margin-bottom: 20px
    } */
    .ss_app_liks a:last-child img {
        margin-bottom: 0
    }
    .ss_navbar_goal_menu:before {
        display: none
    }
    .our_story .what_about_con_1 .what_about_con {
        border-radius: 0 0 20px 20px
    }
    .support_con ul {
        padding: 0;
        margin-top: 0
    }
    .ss-btn-wrapper-desk {
        display: none
    }
    .ss-btn-wrapper-mobiles {
        display: inline-block
    }
    .slider_port .item-wrapper {
        padding: 0 15px 0 15px
    }
    .mt-5 {
        margin-top: 2rem !important
    }
    .mt_3 {
        margin-top: 30px
    }
    .mb_3 {
        margin-bottom: 30px
    }
    #ss_related_portfolio .owl-nav button.owl-prev {
        left: 30% !important
    }
    #ss_related_portfolio .owl-nav button.owl-next {
        right: 30% !important
    }
    .comments-area .comment-box {
        padding: 15px
    }
    .comments-area .comment {
        position: relative;
        padding-left: 0
    }
    .comments-area .comment-box .author-thumb {
        width: 100%;
        position: relative
    }
    .blog_detail_title h3 {
        font-size: 20px;
        line-height: 37px
    }
    .Like_section_ss {
        display: none
    }
    /* .ss_app_liks a {
        margin-right: 0
    } */
    .ss_tabs_active_navbars .col-lg-8 h2 {
        font-size: 25px
    }
    .ss_main_functionalities_section_m {
        padding: 30px 0
    }
    .our_solution_header_des {
        text-align: center;
        padding-left: 0;
        margin-top: 30px
    }
    .consulting_services_img {
        width: 70%;
        margin: 0 auto 20px;
    }
    .our_solution_header_des h2 {
        font-size: 20px;
        line-height: normal
    }
    .ss_main_functionalities_images {
        margin: 5% 5%
    }
    .s_img_func .images.ss_main_functionalities_images {
        padding-top: 0
    }
    .ss_main_functionalities_navbars .nav button {
        line-height: 40px;
        height: 40px
    }
    .ss_tabs_active_navbars .images img {
        height: auto
    }
    .psychofy_main_func .ss_main_functionalities_images {
        padding-top: 20px;
        padding-bottom: 20px
    }
    .achieving_client_section {
        padding: 30px 0
    }
    .ss_navbar_goal_menu li button h6 {
        margin-bottom: 0
    }
    .ss_navbar_goal_menu li button {
        min-height: 120px
    }
    .ss_navbar_goal_menu li button:before {
        content: none !important
    }
    #Tech_stack {
        padding-bottom: 20px
    }
    .ss_bussiness_mas {
        left: 5%
    }
    .ss_bussiness_mas img {
        width: 50%
    }
    .ss_technologies_boxes {
        margin-top: 10px
    }
    .ss_navbar_tabs li button {
        min-width: 150px
    }
    .ss_navbar_goal_menu li {
        margin: 0
    }
    .ss_navbar_goal_menu {
        display: block
    }
    .key_components_box {
        margin-bottom: 15px
    }
    .ss_telecome_mas {
        position: absolute;
        text-align: end
    }
    .ss_telecome_mas img {
        width: 50%
    }
    .ss_position_relative {
        position: relative;
        padding: 50px 0;
        padding-top: 0
    }
    .our_solution_header_des p {
        margin-bottom: 0
    }
    .ss_mobiles_Visitenkarte:before {
        content: none
    }
    .ss_top_subheader_section {
        display: none
    }
    .ss_step_menu {
        margin-top: 0
    }
    /* .attach_radio .form-check {
        margin-right: 0
    } */
    .price_estimation {
        margin-top: 0
    }
    .ss_blog_cat_list li {
        width: 100%;
        margin: 0 10px 20px 10px
    }
    .career-box {
        padding: 20px
    }
    #accordionExample .owl-nav {
        display: none
    }
    .front_box {
        min-height: 100px;
        border: 1px solid #eee
    }
    .accordion-header {
        margin-bottom: 0
    }
    .build_accordion .accordion-header {
        padding-left: 15px
    }
    .ss_combines_sec .flip-card {
        margin-bottom: 15px
    }
    .space_remove {
        padding-bottom: 0
    }
    .custom_cms {
        text-align: center;
        margin-bottom: 60px
    }
    .decide_next_title.mt-8 {
        margin-top: 30px
    }
    .decide_img {
        margin-top: 30px
    }
    .web_dev_img {
        margin-bottom: 30px
    }
    .ss_bg_shap_index {
        padding: 14px 60px 10px 0
    }
    .ps-timeline-sec .container ol.ps-timeline li:last-child {
        height: auto
    }
    .planning_how_we_do_it br {
        display: none
    }
    .ps-timeline-sec .container ol.ps-timeline li {
        padding-top: 20px
    }
    .ps-timeline-sec .container ol.ps-timeline li {
        min-height: auto;
        float: none !important;
        width: inherit !important;
        display: inline-block
    }
    .ps-timeline-sec .container ol.ps-timeline li:last-child .ps-top {
        width: 100% !important
    }
    .ps-timeline-sec .container ol:after {
        content: none
    }
    .ps-timeline-sec .container ol.ps-timeline li .ps-bot,
    .ps-timeline-sec .container ol.ps-timeline li .ps-top {
        width: 100% !important;
        position: unset !important;
        margin-bottom: 0;
        margin-top: 0
    }
    .ps-timeline-sec .container ol.ps-timeline {
        border-left: none
    }
    .ps-timeline-sec .container ol:before {
        content: none
    }
    .ps-sp-bot,
    .ps-sp-top {
        display: none
    }
    .ps-timeline-sec .container ol.ps-timeline li h4 {
        font-size: 18px
    }
    .ps-timeline-sec .container ol.ps-timeline li h5 {
        font-size: 14px
    }
    .desktop_menu {
        display: none
    }
    .mobile-menu {
        display: block;
        position: relative
    }
    .option_question li .my_option {
        width: 100%;
        height: 100px;
    }
    .my_option .icon img{
        height: 30px;
    }
    .menu_box {
        display: none
    }
    .menu_box.active {
        display: block;
        margin-right: 0 !important
    }
    .menu_box {
        width: 100%;
        display: inline-block;
        margin-bottom: 20px
    }
    .ss_progress_bar {
        display: none
    }
    .px-5 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }
    .container {
        max-width: 100%
    }
    .cal_mas {
        margin-bottom: 50px
    }
    .option_question {
        margin-bottom: 0
    }
    .ss_question_height {
        padding-bottom: 20px
    }
    .ss__bar1__before:before,
    .ss__bar2__before:before,
    .ss__bar3__before:before,
    .ss__bar__before:before {
        content: none
    }
    .text-medium-gray {
        font-size: 15px
    }
    .comments-area .comment-box .text {
        font-size: 14px
    }
    .comments-area .comment-box .info .name {
        margin-right: 0;
        width: 100%;
        font-size: 14px
    }
    .ss_portfilio_owner_box {
        margin-top: 70px
    }
    .comments_blog_con {
        margin-left: 0;
        margin-top: 20px
    }
    .comments_box_blog {
        display: block
    }
    .ss_sharing_option {
        text-align: left;
        margin-top: 15px
    }
    .blog_con_box {
        margin-top: 20px
    }
    .main_title_blog {
        line-height: 29px
    }
    .blog_title_page h3 {
        font-size: 25px
    }
    .blog_slider_2 .blog_title_page {
        margin-right: 0;
        margin-left: 0;
        margin-bottom: 0
    }
    .blog_slider_2 .blog_title_page h3,
    .blog_slider_2 .blog_title_page p {
        text-align: left
    }
    .blog_slider_2 .ss_line_svg {
        float: left;
        text-align: left
    }
    .blog_title_page p {
        margin-bottom: 0
    }
    .blog_title_page {
        margin-bottom: 30px
    }
    .side_img {
        display: none
    }
    .side_img {
        display: none
    }
    #blog_slider_1 .owl-dots,
    #blog_slider_2 .owl-dots,
    #blog_slider_3 .owl-dots,
    #blog_slider_4 .owl-dots,
    #blog_slider_5 .owl-dots,
    #blog_slider_6 .owl-dots {
        display: block
    }
    #blog_slider_1 .owl-nav,
    #blog_slider_2 .owl-nav,
    #blog_slider_3 .owl-nav,
    #blog_slider_4 .owl-nav,
    #blog_slider_5 .owl-nav,
    #blog_slider_6 .owl-nav {
        display: none
    }
    .thank_sec_con {
        margin-top: 20px;
        margin-bottom: 20px
    }
    .price_cal .philosophy_banner {
        padding: 21px 15px;
        bottom: 21%
    }
    .accordion-button .build_down img {
        width: 30px
    }
    .build_accordion .accordion-button.collapsed {
        font-size: 16px !important
    }
    .build_accordion .accordion-button:not(.collapsed) {
        font-size: 16px
    }
    #build_slider .owl-nav {
        display: none
    }
    .mas_down .active_img {
        display: none !important
    }
    .mt-6 {
        margin-top: 40px
    }
    .white_box .planning_box_text h3 {
        color: #012052
    }
    .white_box .planning_box_text p {
        color: #717171
    }
    .white_box .planning_box_text {
        background-color: #fff;
        box-shadow: 1px 1px 10px rgb(64 67 150 / 10%)
    }
    .planning_box_text h3 {
        color: #fff
    }
    .main_planning_bg {
        background-image: none
    }
    .planning_box_text {
        background-color: #003996;
        box-shadow: 1px 1px 10px rgb(64 67 150 / 10%);
        border-radius: 20px;
        height: auto;
        padding: 50px 20px;
        width: 100%
    }
    .second_box_1 {
        margin-top: 20px
    }
    .three_box {
        margin-top: 20px
    }
    .planning_box {
        position: unset !important
    }
    .planning_box_text h3 {
        font-size: 23px
    }
    .planning_box_text h5 {
        font-size: 16px
    }
    .planning_box_text p {
        font-size: 14px;
        color: #fff
    }
    .main_border_box {
        display: none
    }
    .ridebar_top {
        margin-top: 20px
    }
    .five_box {
        margin-top: 20px
    }
    .main_planning_bg {
        background-position: center;
        height: auto;
        background-size: 100%
    }
    #mobile_development .owl-nav {
        display: none
    }
    #mobile_development .owl-dots {
        display: block
    }
    .app_phone .phone_img {
        width: 80%
    }
    .app_phone_con {
        left: 20%;
        right: 70px
    }
    .ui_mas_img {
        text-align: center;
        margin-top: 50px;
        margin-bottom: 50px
    }
    .ui_video {
        margin-top: 30px
    }
    .without_btn_right .main_partner {
        padding: 40px 30px 40px 30px
    }
    .design_icon_con .d-flex {
        display: block !important
    }
    .ui_ux_con_services {
        margin-top: 0 !important
    }
    .accordion-header {
        clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%)
    }
    .accordion-body {
        padding: 10px;
        line-height: 24px
    }
    .mt_3 {
        margin-top: 20px
    }
    .top_img {
        height: auto;
    }
    #portfolio_partner .owl-dots {
        display: block;
        margin-top: 20px
    }
    #portfolio_partner .owl-nav {
        display: none
    }
    .ss_sub_who_we {
        padding: 50px 0
    }
    .r_c_b .main_partner {
        padding: 20px 30px 20px 30px
    }
    .mr_6 {
        margin-right: 30px
    }
    .light_top {
        margin-top: 0
    }
    .left_side_con_box {
        padding: 30px 20px
    }
    .main_carousel::after {
        width: 100%
    }
    .carousel_img_video {
        padding: 0 0;
        padding-bottom: 20px
    }
    .contact_input {
        margin-bottom: 15px;
        display: inline-block;
        width: 100%;
        padding-top: 0
    }
    .new_file_attach .input-file-trigger {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding: 0 15px
    }
    .why_img img {
        margin-top: 0;
        width: 60%
    }
    .why_img {
        display: block
    }
    #portfolio {
        margin-top: 30px
    }
    #portfolio .owl-stage-outer {
        padding-bottom: 0
    }
    #portfolio .owl-nav {
        display: none
    }
    #portfolio .owl-dots {
        display: block
    }
    .main_build_box {
        position: relative;
        margin-bottom: 50px
    }
    .germany_location img,
    .india_location img {
        height: 36px
    }
    .india_location {
        position: absolute;
        top: 31%;
        left: 65.5%
    }
    .germany_location {
        position: absolute;
        top: 0;
        left: 34%
    }
    .philosophy_banner {
        width: 65%;
        right: -20px;
        bottom: 12%;
        padding: 27px 10px
    }
    .philosophy_center img {
        width: 80%
    }
    .philosophy_center {
        text-align: center
    }
    .contact_point {
        padding: 30px
    }
    .contact_form {
        padding: 20px;
        margin-top: 20px
    }
    .support_services_box {
        margin-bottom: 10px
    }
    .it_support_services {
        padding-bottom: 50px !important
    }
    .r_c_b .what_about_con {
        border-radius: 0 0 20px 20px
    }
    .second_box .ss_round_img_bottom img {
        transform: rotateX(180deg)
    }
    .second_box .down_arrow {
        bottom: 0
    }
    .second_box .ss_round_img_bottom {
        top: 0
    }
    .ss_round_img_bottom {
        text-align: center
    }
    .support_services_box h3 {
        font-size: 21px
    }
    .ss_main_services_box {
        padding: 24px 0
    }
    .ss_round_img_top {
        text-align: center
    }
    .ss_round_img_bottom img,
    .ss_round_img_top img {
        width: 80%
    }
    .ui_services_in_figures .mt-5 {
        margin-top: 0 !important
    }
    .ui_services_in_figures_box {
        margin-top: 70px
    }
    #counter {
        margin-top: 0 !important;
    }
    .maintenance_sec1 .what_about_con {
        border-radius: 0 0 20px 20px
    }
    .maintenance_sec1 .what_about_con {
        padding: 30px
    }
    .maintenance_sec1 .main_partner {
        padding: 30px 30px
    }
    .maintenance_1 .what_about_con {
        border-radius: 20px 20px 0 0
    }
    .design_con h4 {
        font-size: 16px
    }
    .design_main_box {
        padding: 15px;
        text-align: center
    }
    .design_icon {
        margin: auto
    }
    .design_main_box {
        padding: 15px
    }
    .what_about_con h3 {
        font-size: 20px;
        line-height: 30px
    }
    .main_partner h3 {
        font-size: 20px;
        line-height: 30px
    }
    .accordion-button:not(.collapsed) {
        font-size: 14px;
        padding-right: 0;
        letter-spacing: .3px;
        line-height: 19px;
        padding-left: 10px
    }
    .website_build .faq_arrow {
        bottom: 14px;
    }
    .faq_arrow {
        right: 0;
        top: auto;
        bottom: 0px;
        width: 60px
    }
    button.accordion-button.collapsed {
        font-size: 14px;
        padding-right: 0;
        letter-spacing: .3px;
        line-height: 19px;
        padding-left: 0
    }
    .ss_latest_blog_box .images>img {
        height: auto
    }
    .ss_latest_blog_box .images {
        height: auto
    }
    .maintenance_sec .main_partner {
        padding: 30px 20px
    }
    .extra_page {
        margin-bottom: 50px
    }
    .founder_box {
        margin-top: 20px;
        margin-bottom: 20px
    }
    .portfolio_box {
        margin-bottom: 35px;
        margin-top: 0
    }
    .our_clients .portfolio_hover_con p {
        max-height: 90px;
        overflow: hidden
    }
    .portfolio_hover_con {
        padding: 25px 15px 25px 15px
    }
    .our_story .what_about_con {
        border-radius: 0 0 20px 20px
    }
    .main_partner {
        padding: 30px 0 0 0
    }
    .main_partner h2 {
        font-size: 20px;
        line-height: 30px
    }
    .consulting_services_con h3 {
        font-size: 20px;
        line-height: 30px
    }
    .consulting_services_con h3 br {
        display: none
    }
    .inner:hover .back .back_con p {
        font-size: 12px;
        line-height: 17px;
        margin-bottom: 0
    }
    .flip-card .inner .back {
        padding: 15px 25px
    }
    .what_about_con h2 {
        font-size: 20px;
        line-height: 30px
    }
    .main_partner .common_btn {
        text-align: left;
        margin-top: 30px
    }
    .what_about_con {
        border-radius: 20px 20px 0 0;
        border: 5px solid #e2694b !important
    }
    .philosophy_box {
        margin-bottom: 20px
    }
    .philosophy_text h2 {
        font-size: 20px
    }
    .main_partner {
        padding: 30px
    }
    .ss_sub_who_we p {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 0
    }
    .philosophy_banner p {
        font-size: 15px
    }
    .top_video {
        position: relative;
        z-index: 9
    }
    #slider .owl-stage {
        padding-top: 80px;
        padding-bottom: 40px
    }
    .phone_services_360 {
        display: block
    }
    .get_in_touch_box .common_btn {
        padding: 20px 40px 50px 40px
    }
    .who_we_are_page .main_carousel {
        position: relative;
        padding: 70px 0 40px
    }
    .who_we_are_page .carousel_text p {
        line-height: 22px;
        margin: 10px 0 25px
    }
    body {
        overflow-x: hidden
    }
    .carousel_img {
        text-align: center;
        padding-top: 60px
    }
    .padding_786 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
    .ss_header .navbar-light .navbar-nav .nav-link {
        padding-bottom: 10px !important;
        border-bottom: 1px solid rgba(119, 119, 119, .1);
        text-align: center
    }
    .navbar-nav {
        padding-top: 20px
    }
    .carousel_text h1 {
        font-size: 25px;
        line-height: 39px
    }
    .left-team-desc h1 {
        font-size: 25px;
        line-height: 39px;
        margin-bottom: 20px
    }
    .carousel_img {
        text-align: center;
        padding-top: 30px
    }
    .carousel_img img {
        max-width: 80%
    }
    .carousel_text {
        position: relative;
        z-index: 1024;
        padding: 20px 0;
        height: 150px
    }
    .main_carousel {
        min-height: 150px
    }
    .ss_position_relative {
        padding: 30px 0 70px
    }
    .ss_position_relative.ss_paddong0.page-section {
        padding-top: 0
    }
    .extra_text {
        padding: 30px 0
    }
    .top_title {
        padding-top: 30px !important
    }
    .title_box h2 {
        font-size: 25px;
        line-height: 30px
    }
    .contact_point h3 {
        font-size: 20px
    }
    .custom_services_title h3 {
        font-size: 20px
    }
    .devlopment_box {
        margin-bottom: 20px
    }
    .why_img_con {
        width: 100%;
        margin-bottom: 40px
    }
    .why_img h3 {
        font-size: 25px
    }
    .why_icon {
        display: inline-block
    }
    .why_box {
        background-color: #fff;
        box-shadow: 0 4px 4px rgb(0 0 0 / 5%);
        border-radius: 20px;
        padding: 30px 15px;
        margin-left: 0;
        text-align: center
    }
    .desktop_sec {
        display: none
    }
    .phone_sec {
        display: block
    }
    .bottom_devlopment .devlopment_box_con {
        margin-top: 0;
        margin-bottom: 20px;
        padding: 40px 15px 60px
    }
    .bottom_devlopment .devlopment_icon {
        line-height: 90px;
        margin-top: -60px
    }
    .bottom_devlopment .devlopment_icon {
        margin-bottom: 20px
    }
    .devlopment_box_con p {
        line-height: 26px
    }
    .devlopment_box_arrow {
        margin: 0 auto 0
    }
    .bottom_devlopment .devlopment_box_arrow {
        margin: 0 auto 15px
    }
    .devlopment_border {
        display: none
    }
    .bottom_devlopment .devlopment_icon {
        transform: rotate(0)
    }
    .devlopment_icon {
        margin-bottom: 20px
    }
    .bottom_devlopment {
        margin-top: 0
    }
    .calculator_sec_title {
        background-color: #f6fbff;
        padding-bottom: 122px
    }
    .calculator_sec_title.off_white {
        background-color: #f7f7f7;
        padding-bottom: 122px
    }
    section {
        padding: 31px 0
    }
    .why_con_text p {
        font-size: 15px;
        line-height: 20px;
        letter-spacing: .3px
    }
    .get_in_touch_con {
        z-index: 999;
        position: relative;
        padding: 0 0
    }
    .get_in_touch_con h2 {
        font-size: 25px;
        line-height: 36px
    }
    .ss_latest_blog {
        background-color: #f6fbff;
        padding: 50px 0 50px
    }
    footer {
        padding-top: 30px
    }
    .ss_main_logo .logoiconA img {
        height: 55px
    }
    .ss_aye_logo>img {
        height: 19px !important
    }
    .ss_main_logo_des>img {
        height: 26px
    }
    .ss_mobiles_logo img {
        position: absolute;
        left: 45px;
        top: 18px;
        height: 28px
    }
    .desktop_video {
        display: none
    }
    .phone_video {
        display: none
    }
    .concept_end,
    .concept_start {
        display: none
    }
    .video_con {
        margin-top: 0
    }
    .ss_products_box img {
        width: 60% !important
    }
    .ss_sottware_box .ss_products_box {
        bottom: 9%
    }
    .why_box_open {
        display: block
    }
    .why_con_text p {
        display: none;
        transition: all ease 0.5s 0s
    }
    button.why_four.clicked .why_con_text p,
    button.why_one.clicked .why_con_text p,
    button.why_three.clicked .why_con_text p,
    button.why_two.clicked .why_con_text p {
        display: block;
        transition: all ease 0.5s 0s
    }
    .why_box_open {
        position: absolute;
        left: 0;
        right: 0;
        margin: 19px;
        text-align: center
    }
    .why_box {
        text-align: center
    }
    .why_con_text h3 {
        font-size: 18px
    }
    button.why_four,
    button.why_one,
    button.why_three,
    button.why_two {
        text-align: center
    }
    button.why_four.clicked .why_box_open i,
    button.why_one.clicked .why_box_open i,
    button.why_three.clicked .why_box_open i,
    button.why_two.clicked .why_box_open i {
        background-color: #f5f5f5 !important;
        color: #e2694b !important
    }
    .why_box {
        margin-bottom: 30px
    }
    .desktop_view {
        display: none
    }
    .phone_view {
        display: block
    }
    .get_in_touch_box .common_btn {
        padding: 0 30px 50px 30px
    }
    .ss_left20 {
        padding: 20px 20px 0 20px;
        text-align: center
    }
    .why_vitec_btn .common_btn a {
        min-width: 280px
    }
    .why_vitec_btn .common_btn a:hover:before {
        left: 89%
    }
    .ss_latest_blog_box .ss_blogs_des {
        width: 100%;
        padding: 15px 15px 30px 15px
    }
    .color-switcher.switcher-palate {
        right: 0;
        min-width: 327px
    }
    .fixed .ss_mobiles_logo img {
        opacity: 1;
        left: 89px
    }
    .ss_hand_logo {
        left: 4px
    }
    .app_phone {
        position: relative;
        max-width: 100%;
        margin: 0 auto 40px auto
    }
    .ss_mobiles_size_fix {
        width: 100%;
        margin: 0 auto 40px auto
    }
    #founder_sec .owl-nav button.owl-prev {
        left: 50% !important;
        height: 65px !important;
        width: 52px !important;
        background-size: cover
    }
    #founder_sec .owl-nav button.owl-next {
        right: 50% !important;
        height: 65px !important;
        width: 52px !important;
        background-size: cover
    }
    .founder_box {
        box-shadow: 0 4px 10px rgb(0 0 0 / 10%);
        background-color: #fff;
        border-radius: 100%;
        height: 200px;
        width: 200px;
        display: inline-block
    }
    .founder_box .slide__tooltip {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        visibility: visible
    }
    #founder_sec .owl-stage {
        text-align: center !important
    }
    #founder_sec .owl-nav button.owl-prev {
        top: 0 !important
    }
    #founder_sec .owl-nav button.owl-next {
        top: 0% !important
    }
    .our_founders {
        padding-bottom: 190px
    }
    .ralated_blogs_slider #founder_sec .owl-nav button.owl-prev {
        top: -30% !important
    }
    .ralated_blogs_slider #founder_sec .owl-nav button.owl-next {
        top: -30% !important
    }
    .color-switcher {
        display: none
    }
    .navbar-nav .dropdown-menu {
        height: auto
    }
    .why_img {
        text-align: center
    }
    .why_img h2 {
        font-size: 25px;
        color: #353535;
        font-weight: 900;
        text-align: center;
        margin-bottom: 5px;
        line-height: 1;
        margin-top: 35px
    }
    .ss_padding_port_mobiles {
        padding: 40px 0
    }
    .consulting_services_con h2 {
        font-size: 25px
    }
    .call_images {
        text-align: center;
        padding-top: 30px
    }
    .imprint_box {
        margin-bottom: 20px;
        min-height: 160px
    }
    #founder_sec2 .owl-nav button.owl-next {
        right: 25% !important
    }
    #founder_sec2 .item {
        margin: 0 20px
    }
    #founder_sec2 .owl-nav button.owl-prev {
        left: 34% !important
    }
    .ss_it_support_chat_message img {
        width: 108px
    }
    #button {
        bottom: 5px;
        right: 5px
    }
    .text_images h2 {
        font-size: 12px;
        text-transform: capitalize;
        padding: 12% 8% 0 3%;
        line-height: 15px;
        position: relative;
        text-align: center;
        width: 100%
    }
    .color-switcher {
        position: fixed;
        top: 200px;
        right: -445px
    }
    .ss_price_calculator1>.mascort_right_images {
        height: 130px;
        min-width: 95px
    }
    .ss_position_relativessa {
        position: absolute;
        bottom: 15px;
        right: -11px
    }
    .ss_images_mas_right_big>img {
        height: 130px
    }
    .s-text h3 {
        font-size: 14px;
        color: #042458;
        font-weight: 800
    }
    .color-switcher {
        position: fixed;
        top: 100px;
        right: -375px;
        width: 350px;
        z-index: 102424
    }
    .colors-list p {
        margin-bottom: 0;
        font-size: 12px
    }
    .ss_images_mas_right_big {
        position: absolute;
        right: 0;
        top: 97px
    }
    .ss_images_mascort_cal img {
        width: 75%
    }
    .ss_come_mascort {
        left: 28px
    }
    .colors-list {
        padding: 12% 15%
    }
    .ss_position_close_big_box {
        position: absolute;
        right: 48px;
        top: 4px
    }
    .mobile-menu .header .navbar {
        display: flex;
        padding: 10px 0 !important
    }
    .main_partner .philosophy_con h3 {
        font-size: 18px;
        color: #353535;
        font-weight: 900;
        line-height: 22px;
        letter-spacing: 0;
        margin-bottom: 5px
    }
    .price_cal_header h3 {
        font-size: 19px !important;
        line-height: 22px;
        font-weight: 800
    }
    .germany_location img,
    .india_location img {
        height: 36px
    }
    .ss_bg_shap_index {
        min-height: 52px;
        display: flex;
        align-items: center
    }
    .bottom_devlopment .devlopment_icon img {
        transform: rotate(0)
    }
    .price_estimation {
        margin-top: 0
    }
    .ss_latest_blog_box {
        margin-bottom: 50px
    }
    .ss_cookie_con h2 {
        font-size: 22px
    }
    .ss_cookiemodal .ss_cookie_con h2 {
        margin: 0 0 10px 0
    }
    .ss_cookie_con p {
        font-size: 14px
    }
    .ss_setcookie_main h2 {
        font-size: 22px;
        padding: 0 20px
    }
    .ss_cookie_con.ss_setcookie_con {
        padding: 10px 20px
    }
    .ss_beautiful_con p {
        font-size: 18px
    }
    .ss_btn_2 .btn::before {
        width: 250px
    }
    .ss_btn_2 .shape_text:after {
        left: 85.5%
    }
    .ss_portfilio_se_images {
        text-align: center
    }
    .ss_portfilio_se_images img {
        width: 100%
    }
    .support_con ul li,
    .white_con ul li {
        display: block
    }
    .career-box h3 {
        font-size: 18px
    }
    .job-tt span {
        font-size: 12px
    }
    .job-tt h4 {
        font-size: 14px
    }
    .job-tt {
        margin-right: 20px
    }
    .left-team-desc h4 {
        font-size: 16px
    }
    .location-detail h3 {
        font-size: 14px;
        margin-bottom: 15px
    }
    .left-foo3 {
        display: block
    }
    .link1 {
        width: 100%;
        margin-bottom: 20px
    }
    .link2 {
        width: 100%;
        justify-content: start
    }
    .link3 {
        width: 100%;
        justify-content: start;
        padding-top:20px;
    }
    .right-foo2 {
        display: block
    }
    .link4 {
        width: 100%;
        margin-bottom: 20px
    }
    .link5 {
        width: 100%
    }
    .link1 .footer_about p {
        margin-right: 0 !important;
        margin-top: 0
    }
    .footer_link ul li {
        line-height: 30px
    }
    .footer_bottom {
        margin-top: 20px
    }
    .philosophy_con {
        margin-top: 30px
    }
    .dependency_box {
        display: block
    }
    .icon_border {
        margin: 10px auto;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 80px;
        height: 80px
    }
    .icon_border img {
        width: 60px;
        height: 60px
    }
    .nav.flex-column.nav-pills {
        overflow: auto;
        display: flex;
        white-space: nowrap;
        flex-direction: row !important;
        width: 100%;
        flex-wrap: nowrap;
        justify-content: start
    }
    .ss_main_functionalities_navbars .nav button {
        margin: 0 20px 0 0
    }
    .nav.flex-column.nav-pills::-webkit-scrollbar {
        height: 4px
    }
    .nav.flex-column.nav-pills::-webkit-scrollbar-thumb {
        background: 0 0
    }
    ul.ss_blog_cat_list.d-flex.align-content-start.justify-content-center.flex-wrap {
        padding-left: 0
    }
    .address-box {
        padding: 30px
    }
    .main-slider img {
        height: 100px;
        max-width: 200px;
    }
    .price_start_page {
        display: block !important;
    }
    .start_text_block p{
        text-align: center;
    }
    .price_start_page .cal_mas {
        margin-right: 0;
        margin-bottom: 20px;
    }
}

@media (min-width:480px) and (max-width:767px) {
    .ss_round_img_top {
        display: none
    }
    .ss_round_img_bottom {
        display: none
    }
    #accordionExample .owl-nav {
        display: none
    }
    .ss_top_scoll_pass {
        padding-top: 150px
    }
    .carousel_text {
        position: relative;
        z-index: 1024;
        padding: 50px 0;
        height: 300px
    }
    .ss_navbar_goal_menu:before {
        display: none
    }
    .why_img {
        text-align: center
    }
    #ss_related_portfolio .owl-nav button.owl-prev {
        left: 30% !important
    }
    .germany_location img {
        height: auto
    }
    #ss_related_portfolio .owl-nav button.owl-next {
        right: 30% !important
    }
    .comments-area .comment-box {
        padding: 15px
    }
    .comments-area .comment {
        position: relative;
        padding-left: 0
    }
    .ss_it_support_chat_message img {
        width: 100px
    }
    .comments-area .comment-box .author-thumb {
        width: 100%;
        position: relative
    }
    .blog_detail_title h3 {
        font-size: 20px;
        line-height: 37px
    }
    .Like_section_ss {
        display: none
    }
    .ss_app_liks a {
        margin-right: 0
    }
    .ss_app_liks a img {
        width: 45%
    }
    .ss_tabs_active_navbars .col-lg-8 h2 {
        font-size: 25px
    }
    .ss_main_functionalities_section_m {
        padding: 50px 0
    }
    .our_solution_header_des h2 {
        font-size: 25px;
        line-height: normal
    }
    .ss_main_functionalities_images {
        margin: 5% 5%
    }
    .ss_tabs_active_navbars .images img {
        height: auto
    }
    .achieving_client_section {
        padding: 50px 0
    }
    .ss_navbar_goal_menu li button h6 {
        margin-bottom: 0
    }
    .ss_navbar_goal_menu li button {
        min-height: 120px
    }
    .ss_navbar_goal_menu li button:before {
        content: none !important
    }
    #Tech_stack {
        padding-bottom: 40px
    }
    .ss_bussiness_mas {
        left: 5%;
        bottom: -20px
    }
    .ss_bussiness_mas img {
        width: 50%
    }
    .ss_technologies_boxes {
        margin-top: 10px
    }
    .ss_navbar_tabs li button {
        min-width: 150px
    }
    .ss_navbar_goal_menu li {
        margin: 0
    }
    .ss_navbar_goal_menu {
        display: block
    }
    .key_components_box {
        margin-bottom: 15px
    }
    .ss_telecome_mas {
        position: absolute;
        right: 5%;
        text-align: end
    }
    .ss_telecome_mas img {
        width: 50%
    }
    .price_estimation {
        margin-top: 0
    }
    .ss_bg_shap_index {
        padding: 10px 60px 10px 0
    }
    .ps-timeline-sec .container ol.ps-timeline li:last-child {
        height: auto
    }
    .planning_how_we_do_it br {
        display: none
    }
    .ps-timeline-sec .container ol.ps-timeline li {
        padding-top: 20px
    }
    .ps-timeline-sec .container ol.ps-timeline li {
        min-height: auto;
        float: none !important;
        width: inherit !important;
        display: inline-block
    }
    .ps-timeline-sec .container ol.ps-timeline li:last-child .ps-top {
        width: 100% !important
    }
    .ps-timeline-sec .container ol:after {
        content: none
    }
    .ps-timeline-sec .container ol.ps-timeline li .ps-bot,
    .ps-timeline-sec .container ol.ps-timeline li .ps-top {
        width: 100% !important;
        position: unset !important;
        margin-bottom: 0;
        margin-top: 0
    }
    .ps-timeline-sec .container ol.ps-timeline {
        border-left: none
    }
    .ps-timeline-sec .container ol:before {
        content: none
    }
    .ps-sp-bot,
    .ps-sp-top {
        display: none
    }
    .ps-timeline-sec .container ol.ps-timeline li h4 {
        font-size: 18px
    }
    .ps-timeline-sec .container ol.ps-timeline li h5 {
        font-size: 14px
    }
    .ss_bg_shap_index {
        padding: 10px 60px 10px 0
    }
    a.brand img {
        width: 20%
    }
    .mobile-menu {
        display: block
    }
    .desktop_menu {
        display: none
    }
    .option_question li {
        width: 30%;
        margin: 15px
    }
    .menu_box .title {
        font-size: 18px
    }
    .option_question li .my_option {
        width: 100%
    }
    .menu_box {
        display: none
    }
    .menu_box.active {
        display: block
    }
    .ss_progress_bar {
        display: none
    }
    .px-5 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }
    .container {
        max-width: 100%
    }
    .cal_mas {
        margin-bottom: 100px
    }
    .ss__bar1__before:before,
    .ss__bar2__before:before,
    .ss__bar3__before:before,
    .ss__bar__before:before {
        content: none
    }
    .blog_slider_2 .blog_title_page {
        margin-right: 0;
        margin-left: 0;
        margin-bottom: 0
    }
    .blog_slider_2 .blog_title_page h3,
    .blog_slider_2 .blog_title_page p {
        text-align: left
    }
    .blog_slider_2 .ss_line_svg {
        float: left;
        text-align: left
    }
    .blog_title_page p {
        margin-bottom: 0
    }
    .blog_title_page {
        margin-bottom: 30px
    }
    .side_img {
        display: none
    }
    .side_img {
        display: none
    }
    #blog_slider_1 .owl-dots,
    #blog_slider_2 .owl-dots,
    #blog_slider_3 .owl-dots,
    #blog_slider_4 .owl-dots,
    #blog_slider_5 .owl-dots,
    #blog_slider_6 .owl-dots {
        display: block
    }
    #blog_slider_1 .owl-nav,
    #blog_slider_2 .owl-nav,
    #blog_slider_3 .owl-nav,
    #blog_slider_4 .owl-nav,
    #blog_slider_5 .owl-nav,
    #blog_slider_6 .owl-nav {
        display: none
    }
    .mt-6 {
        margin-top: 40px
    }
    .white_box .planning_box_text h3 {
        color: #012052
    }
    .white_box .planning_box_text p {
        color: #717171
    }
    .white_box .planning_box_text {
        background-color: #fff;
        box-shadow: 1px 1px 10px rgb(64 67 150 / 10%)
    }
    .planning_box_text h3 {
        color: #fff
    }
    .main_planning_bg {
        background-image: none
    }
    .planning_box_text {
        background-color: #003996;
        box-shadow: 1px 1px 10px rgb(64 67 150 / 10%);
        border-radius: 20px;
        height: auto;
        padding: 50px 20px;
        width: 100%
    }
    .second_box_1 {
        margin-top: 20px
    }
    .three_box {
        margin-top: 20px
    }
    .planning_box {
        position: unset !important
    }
    .planning_box_text h3 {
        font-size: 23px
    }
    .planning_box_text h5 {
        font-size: 16px
    }
    .planning_box_text p {
        font-size: 14px;
        color: #fff
    }
    .main_border_box {
        display: none
    }
    .main_build_box {
        position: relative;
        margin-bottom: 50px
    }
    .india_location {
        position: absolute;
        top: 45%;
        left: 60.5%
    }
    .germany_location {
        position: absolute;
        top: 12%;
        left: 40%
    }
    .germany_location img,
    .india_location img {
        width: 30%
    }
    .support_services_box {
        margin-bottom: 30px
    }
    .second_box .ss_round_img_bottom img {
        transform: rotateX(180deg)
    }
    .second_box .down_arrow {
        bottom: 0
    }
    .second_box .ss_round_img_bottom {
        top: 0
    }
    .extra_page {
        margin-bottom: 50px
    }
    .ss_hand_logo {
        left: 3px
    }
    .fixed .ss_mobiles_logo img {
        opacity: 1;
        left: 89px
    }
    .founder_box {
        margin-top: 20px;
        margin-bottom: 20px
    }
    .founder_box {
        box-shadow: 0 4px 10px rgb(0 0 0 / 10%);
        background-color: #fff;
        border-radius: 100%;
        height: 250px;
        width: 250px;
        display: inline-block
    }
    .founder_box .slide__tooltip {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        visibility: visible
    }
    #founder_sec {
        text-align: center
    }
    #founder_sec .owl-nav button.owl-prev {
        left: 48% !important
    }
    #founder_sec .owl-nav button.owl-next {
        right: 48% !important
    }
    .color-switcher.switcher-palate {
        right: 0;
        min-width: 327px
    }
    .portfolio_box {
        margin-bottom: 50px;
        margin-top: 0
    }
    .our_clients .portfolio_hover_con p {
        max-height: 90px;
        overflow: hidden
    }
    .portfolio_hover_con {
        padding: 25px 15px 25px 15px
    }
    .our_story .what_about_con {
        padding: 30px;
        border-radius: 0 0 20px 20px
    }
    .main_partner {
        padding: 30px
    }
    .main_partner h2 {
        font-size: 25px
    }
    .what_about_con h2 {
        font-size: 25px
    }
    .what_about_con {
        padding: 30px;
        border-radius: 20px 20px 0 0
    }
    .philosophy_box {
        margin-bottom: 20px
    }
    .philosophy_text h2 {
        font-size: 25px
    }
    .ss_sub_who_we p {
        font-size: 15px;
        line-height: 24px
    }
    .ss_mobiles_size_fix {
        width: 100%;
        margin: 0 auto 40px auto
    }
    .color-switcher {
        position: fixed;
        top: 200px;
        right: -445px
    }
    .ss_price_calculator1>.mascort_right_images {
        height: 130px;
        min-width: 95px
    }
    .ss_position_relativessa {
        position: absolute;
        bottom: 15px;
        right: -11px
    }
    .ss_images_mas_right_big>img {
        height: 130px
    }
    .s-text h3 {
        font-size: 14px;
        color: #042458;
        font-weight: 800
    }
    .color-switcher {
        position: fixed;
        top: 100px;
        right: -375px;
        width: 350px
    }
    .colors-list p {
        margin-bottom: 0;
        font-size: 12px
    }
    .ss_images_mas_right_big {
        position: absolute;
        right: 0;
        top: 97px
    }
    .ss_images_mascort_cal img {
        width: 75%
    }
    .ss_come_mascort {
        left: 28px
    }
    .colors-list {
        padding: 12% 15%
    }
    .ss_position_close_big_box {
        position: absolute;
        right: 48px;
        top: 4px
    }
    .main_partner .philosophy_con h3 {
        font-size: 18px;
        color: #353535;
        font-weight: 900;
        line-height: 22px;
        letter-spacing: 0;
        margin-bottom: 5px
    }
    .price_cal_header h3 {
        font-size: 19px !important;
        line-height: 22px;
        font-weight: 800
    }
    .ss_bg_shap_index {
        min-height: 52px
    }
    .working_box {
        padding: 0
    }
    .portfolio-filter {
        margin-bottom: 30px
    }
    .ui_services_in_figures_box {
        margin-top: 70px
    }
    #founder_sec2 .owl-nav button.owl-next {
        right: 25% !important
    }
    .imprint_box {
        margin-bottom: 30px
    }
    .price_estimation {
        margin-top: 0
    }
    .ss_latest_blog_box {
        margin-bottom: 50px
    }
    .ss_beautiful_con p {
        font-size: 18px
    }
    .ss_portfilio_se_images {
        text-align: center
    }
    .ss_mobiles_Visitenkarte:before {
        content: none
    }
    .ss_portfilio_se_images img {
        width: 85%
    }
    .ss_top_subheader_section {
        display: none
    }

}

@media (min-width:768px) and (max-width:1023px) {
    .ss_round_img_top {
        display: none
    }
    .ss_round_img_bottom {
        display: none
    }
    #accordionExample .owl-nav {
        display: none
    }
    .why_img {
        text-align: center
    }
    #founder_sec2 .owl-nav button.owl-prev {
        left: 42% !important
    }
    .germany_location img,
    .india_location img {
        height: auto
    }
    #founder_sec2 .owl-nav button.owl-next {
        right: 39% !important
    }
    .down_arrow div {
        font-size: 10px;
        line-height: 17px
    }
    .blog_cag_con h6 {
        min-height: 48px;
        font-size: 14px
    }
    .support_services_box h4 {
        font-size: 17px;
        line-height: 24px
    }
    .owl-stage-outer {
        padding: 0
    }
    .ss_blog_categories_slider {
        display: inline-block;
        margin: 10px 6px
    }
    .top_img img {
        width: 80%;
        height: 100%
    }
    .ss_step_menu {
        padding: 0;
        margin-top: 0 !important
    }
    .price_estimation {
        margin-top: 0 !important
    }
    .option_question {
        display: inline-block;
        width: 100%
    }
    .our_story .what_about_con_1 .what_about_con {
        border: 5px solid #e2694b;
        border-radius: 0 0 20px 20px
    }
    .founder_box {
        height: 234px;
        width: 234px
    }
    .ss_navbar_goal_menu li button {
        min-height: 165px
    }
    .ss_it_support_chat_message img {
        width: 100px
    }
    .ss_navbar_goal_menu li button h6 {
        font-size: 14px
    }
    .ss_navbar_goal_menu li {
        margin: 10px
    }
    .our_solution_header_des h2,
    .ss_tabs_active_navbars .col-lg-8 h2 {
        font-size: 25px
    }
    .ss_portfilio_owner_box {
        margin-top: 70px
    }
    .blog_detail_title h3 {
        font-size: 25px
    }
    .ss_main_functionalities_section_m {
        padding: 50px 0
    }
    .ss_main_functionalities_images {
        margin: 0 25%;
        margin-bottom: 30px
    }
    #ss_related_portfolio .owl-nav button.owl-prev {
        left: 40% !important
    }
    #ss_related_portfolio .owl-nav button.owl-next {
        right: 40% !important
    }
    .ss_telecome_mas {
        position: absolute;
        text-align: end;
        right: 5%
    }
    .our_solution_header_des {
        padding-left: 0
    }
    .ss_mobiles_Visitenkarte:before {
        content: none
    }
    .ss_top_subheader_section {
        display: none
    }
    .price_estimation {
        margin-top: 0
    }
    .ss_step_menu {
        padding: 0;
        margin-top: 0
    }
    .portfolio-page .portfolio_box {
        margin-bottom: 50px
    }
    .working_box {
        padding: 0
    }
    .portfolio-filter {
        margin-bottom: 30px
    }
    .left_side_con_box {
        padding: 40px 40px 40px 40px
    }
    .custom_cms img {
        width: 70%
    }
    .custom_services_title h3 {
        color: #353535;
        font-size: 20px;
        font-weight: 800
    }
    .accordion-body {
        padding: 20px 20px 20px 20px
    }
    .accordion-button .ss_bg_shap_index {
        padding: 16px 60px 16px 10px;
        font-size: 15px
    }
    .web_dev_img {
        margin-bottom: 30px
    }
    .decide_img img,
    .web_dev_img img {
        width: 100%
    }
    .decide_img {
        margin-top: 30px
    }
    .row.decide_next_title.mt-8 {
        margin-top: 30px
    }
    .ss_top_subheader_all {
        margin-top: 80px
    }
    .ps-timeline-sec .container ol.ps-timeline {
        margin-bottom: 0
    }
    .ss_bg_shap_index {
        padding: 10px 60px 10px 0
    }
    .ps-timeline-sec .container ol.ps-timeline li:last-child {
        height: auto
    }
    .planning_how_we_do_it br {
        display: none
    }
    .ps-timeline-sec .container ol.ps-timeline li {
        padding-top: 20px
    }
    .ps-timeline-sec .container ol.ps-timeline li {
        min-height: auto;
        float: left !important;
        width: inherit !important;
        display: inline-block;
        padding: 15px;
        width: 50% !important
    }
    .ps-timeline-sec .container ol.ps-timeline li:last-child .ps-top {
        width: 100% !important
    }
    .ps-timeline-sec .container ol:after {
        content: none
    }
    .ps-timeline-sec .container ol.ps-timeline li .ps-bot,
    .ps-timeline-sec .container ol.ps-timeline li .ps-top {
        width: 100% !important;
        position: unset !important;
        margin-bottom: 0;
        margin-top: 0;
        min-height: 245px
    }
    .ps-timeline-sec .container ol.ps-timeline {
        border-left: none;
        margin-top: 0;
        border: none;
        display: inline-block
    }
    .ps-timeline-sec .container ol:before {
        content: none
    }
    .ps-sp-bot,
    .ps-sp-top {
        display: none
    }
    .ps-timeline-sec .container ol.ps-timeline li h4 {
        font-size: 18px
    }
    .ps-timeline-sec .container ol.ps-timeline li h5 {
        font-size: 14px
    }
    .ss_bg_shap_index {
        padding: 16px 60px 16px 0
    }
    a.brand img {
        width: 20%
    }
    .desktop_menu {
        display: none
    }
    .mobile-menu {
        display: block
    }
    .main_carousel {
        position: relative;
        padding-bottom: 0;
        min-height: 400px
    }
    .carousel_text {
        height: 400px
    }
    .option_question li {
        margin: 15px
    }
    .option_question li .my_option {
        width: 100%
    }
    .container {
        max-width: 100%
    }
    .cal_mas {
        margin-bottom: 100px
    }
    .ss__bar1__before:before,
    .ss__bar2__before:before,
    .ss__bar3__before:before,
    .ss__bar__before:before {
        content: none
    }
    .ss_progress_bar {
        display: none
    }
    .menu_box .title {
        font-size: 18px
    }
    figure.effect-oscar h2 {
        margin: 70px 0 10px 0
    }
    .grid figure {
        height: 310px
    }
    .sidebar .sidebar-widget {
        margin-top: 30px
    }
    .text-medium-gray {
        font-size: 15px
    }
    .blog_con_box {
        margin-top: 20px
    }
    .main_title_blog {
        line-height: 29px
    }
    .blog_slider_2 .blog_title_page {
        margin-right: 0;
        margin-left: 0;
        margin-bottom: 0
    }
    .blog_slider_2 .blog_title_page h3,
    .blog_slider_2 .blog_title_page p {
        text-align: left
    }
    .blog_slider_2 .ss_line_svg {
        float: left;
        text-align: left
    }
    .blog_title_page p {
        margin-bottom: 0
    }
    .blog_title_page {
        margin-bottom: 30px
    }
    .side_img {
        display: none
    }
    #blog_slider_1 .owl-dots,
    #blog_slider_2 .owl-dots,
    #blog_slider_3 .owl-dots,
    #blog_slider_4 .owl-dots,
    #blog_slider_5 .owl-dots,
    #blog_slider_6 .owl-dots {
        display: block
    }
    #blog_slider_1 .owl-nav,
    #blog_slider_2 .owl-nav,
    #blog_slider_3 .owl-nav,
    #blog_slider_4 .owl-nav,
    #blog_slider_5 .owl-nav,
    #blog_slider_6 .owl-nav {
        display: none !important
    }
    .thank_you_con h3 {
        font-size: 14px;
        line-height: 21px;
        margin-bottom: 0
    }
    .contact_form {
        margin-top: 50px
    }
    .white_box .planning_box_text {
        background-color: #fff;
        box-shadow: 1px 1px 10px rgb(64 67 150 / 10%);
        border-radius: 20px;
        height: auto;
        padding: 50px 20px;
        width: 100%
    }
    .white_box .planning_box_text h3 {
        color: #012052
    }
    .white_box .planning_box_text p {
        color: #717171
    }
    .main_planning_bg {
        background-position: center;
        height: auto;
        background-size: 100%;
        background-image: none
    }
    .planning_box {
        position: unset !important
    }
    .planning_box_text h3 {
        color: #fff
    }
    .planning_box_text p {
        color: #fff
    }
    .planning_box_text {
        background-color: #003996;
        box-shadow: 1px 1px 10px rgb(64 67 150 / 10%);
        border-radius: 20px;
        height: auto;
        padding: 50px 20px;
        width: 100%
    }
    .main_planning_bg {
        background-position: center;
        height: auto;
        background-size: 100%
    }
    .five_box,
    .ridebar_top,
    .second_box_1,
    .three_box {
        margin-top: 20px
    }
    .app_phone_con h4 {
        font-size: 20px;
        line-height: 25px
    }
    .support_con ul li {
        font-size: 12px
    }
    .web_build_desktop h4 {
        font-size: 21px
    }
    .web_build_text {
        height: 250px
    }
    .app_phone_con {
        left: 10%
    }
    .main_border_box {
        display: none
    }
    #portfolio .owl-nav,
    #portfolio_partner .owl-nav {
        display: none
    }
    #portfolio .owl-dots,
    #portfolio_partner .owl-dots {
        display: block
    }
    .accordion-header {
        clip-path: polygon(0 0, 100% 0%, 95.4% 100%, 0% 99%)
    }
    .android_box,
    .ios_box {
        margin-bottom: 15px
    }
    .android_box h5,
    .ios_box h5 {
        font-size: 14px
    }
    .sec_title h5 {
        font-size: 14px
    }
    .sec_title {
        bottom: 25px
    }
    .android_box img,
    .ios_box img {
        width: 21% !important
    }
    .germany_location img,
    .india_location img {
        width: 50%
    }
    .germany_location {
        position: absolute;
        top: 10%;
        left: 38%
    }
    .india_location {
        position: absolute;
        top: 40%;
        left: 65.5%
    }
    .ui_services_in_figures .mt-5 {
        margin-top: 0 !important
    }
    .maintenance_1 .what_about_con {
        border-radius: 20px 20px 0 0
    }
    .maintenance_sec1 .what_about_con {
        border-radius: 0 0 20px 20px
    }
    .maintenance_sec1 .main_partner {
        padding: 80px 60px
    }
    .design_main_box {
        padding: 15px
    }
    .carousel_text p {
        margin-top: 0
    }
    .what_about_con h3 {
        font-size: 23px;
        line-height: normal
    }
    .main_partner h3 {
        font-size: 23px
    }
    .carousel_text p br {
        display: none
    }
    .support_services_box h3 {
        font-size: 16px;
        line-height: 23px
    }
    .ss_main_services_box {
        position: relative;
        padding: 23.4px 0
    }
    .down_arrow a img {
        margin-top: -4px;
        width: 40%
    }
    .down_arrow {
        height: 20px;
        width: 20px;
        margin-top: -10px;
        line-height: 16px
    }
    .down_arrow a {
        font-size: 10px;
        line-height: 14px
    }
    .support_icon img {
        width: 50%
    }
    .support_icon {
        width: 100px;
        height: 100px;
        line-height: 100px
    }
    .consulting_services_con h3 {
        font-size: 23px;
        line-height: 32px
    }
    .consulting_services_con h3 br {
        display: none
    }
    .app_phone_con p {
        font-size: 12px
    }
    .desktop_view_con p {
        font-size: 12px
    }
    .what_about_con_1 {
        width: 100%
    }
    .maintenance_sec .main_partner {
        padding: 40px 40px 40px 40px;
        width: 100%
    }
    .r_c_b .what_about_con {
        border-radius: 0 0 20px 20px;
        border-left: 5px solid #e2694b
    }
    .bottom_devlopment .devlopment_box_arrow {
        margin: 0 auto 25px
    }
    .slider_con p {
        font-size: 12px
    }
    .founder_social a img {
        width: 22%
    }
    .founder_hover p {
        font-size: 12px;
        color: #fff;
        line-height: 17px;
        text-align: center
    }
    .founder_hover {
        padding: 20px 10px
    }
    .get_in_touch_box {
        padding: 40px
    }
    .founder_con {
        padding: 20px 15px
    }
    .founder_con h3 {
        font-size: 17px
    }
    .our_story .what_about_con {
        border-radius: 0 0 20px 20px
    }
    .option_question {
        text-align: center;
        padding-left: 0;
        position: relative;
        margin-bottom: 10px
    }
    .what_about_con h2 {
        font-size: 25px
    }
    .main_partner {
        padding: 40px
    }
    .what_about_con {
        border-radius: 20px 20px 0 0;
        border-right: 5px solid #e2694b
    }
    .philosophy_text h2 {
        font-size: 20px
    }
    .slider_con h3 {
        font-size: 15px
    }
    .desktop_services_360 .slider_bg_color h3 {
        min-height: 25px
    }
    .get_in_touch_box .common_btn {
        padding: 10px 0;
        margin-top: 20px
    }
    body {
        overflow-x: hidden
    }
    .flip-card .inner .back {
        padding: 16px 25px 25px 25px
    }
    .flip-card {
        background-color: transparent;
        margin-bottom: 10px
    }
    .back_con p {
        font-size: 14px
    }
    .desktop_view .why_icon img {
        width: 50%
    }
    .desktop_view .why_icon {
        height: 70px;
        width: 70px;
        line-height: 70px
    }
    .devlopment_box_con h3 {
        line-height: 25px;
        min-height: 48px;
        font-size: 17px
    }
    .video_con {
        margin-top: -60px
    }
    .padding_786 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
    .ss_header .navbar-light .navbar-nav .nav-link {
        padding-bottom: 10px !important;
        border-bottom: 1px solid rgba(119, 119, 119, .1);
        text-align: left
    }
    .ss_price_calculator {
        text-align: center
    }
    .navbar-nav {
        padding-top: 20px
    }
    .carousel_text h1 {
        font-size: 30px;
        line-height: 41px
    }
    .carousel_img {
        text-align: center;
        padding-top: 30px
    }
    .carousel_img img {
        max-width: 100%
    }
    .ss_sottware_box .ss_products_box img {
        height: 70px
    }
    .carousel_text {
        position: relative;
        z-index: 999
    }
    .main_carousel {
        position: relative
    }
    .philosophy_banner p {
        font-size: 15px
    }
    .philosophy_banner {
        padding: 22px 15px
    }
    .light_top {
        margin-top: 50px
    }
    .devlopment_box_con {
        margin-top: 20px;
        margin-bottom: 20px;
        padding: 20px 15px 60px
    }
    .why_img_con {
        height: 276px;
        width: 100%;
        margin-bottom: 60px
    }
    .why_img h3 {
        font-size: 20px
    }
    .why_icon {
        display: inline-block
    }
    .why_box {
        background-color: #fff;
        box-shadow: 0 4px 4px rgb(0 0 0 / 5%);
        border-radius: 20px;
        padding: 30px 15px;
        margin-left: 0;
        text-align: center
    }
    .concept_end,
    .concept_start {
        display: none
    }
    .desktop_sec {
        display: none
    }
    .phone_sec {
        display: block
    }
    .bottom_devlopment .devlopment_box_con {
        padding: 20px 15px 60px
    }
    .bottom_devlopment .devlopment_icon {
        line-height: 90px;
        margin-top: -60px
    }
    .bottom_devlopment .devlopment_box_arrow {
        margin: 80px auto 25px
    }
    .devlopment_box_con p {
        line-height: 20px
    }
    .devlopment_box_arrow {
        margin: 0 auto 0
    }
    .devlopment_border {
        display: none
    }
    .bottom_devlopment .devlopment_icon {
        transform: rotate(0)
    }
    .devlopment_icon {
        margin-bottom: 20px
    }
    .bottom_devlopment {
        margin-top: 0
    }
    section {
        padding: 50px 0
    }
    .why_con_text p {
        font-size: 15px;
        line-height: 25px;
        letter-spacing: .3px
    }
    .get_in_touch_con {
        z-index: 999;
        padding: 0;
        position: relative
    }
    .get_in_touch_con h2 {
        font-size: 25px;
        line-height: 36px
    }
    .ss_latest_blog {
        background-color: #f6fbff;
        padding: 60px 0 60px
    }
    .ss_latest_blog_box {
        margin-bottom: 60px
    }
    .ss_latest_blog_box .ss_blogs_des {
        width: 100%;
        padding: 25px 15px 30px 15px
    }
    .ss_latest_blog_box .ss_blogs_des h2 a {
        font-size: 17px
    }
    footer {
        padding-top: 60px
    }
    .why_con_text {
        text-align: left
    }
    .title_box h2 {
        font-size: 25px
    }
    .extra_page {
        margin-bottom: 60px
    }
    .ss_blogs_des p {
        max-height: 44px;
        overflow: hidden
    }
    .ss_sub_who_we p {
        font-size: 20px;
        line-height: 28px
    }
    .top_img {
        height: auto
    }
    .faq_arrow {
        position: absolute;
        right: 5px
    }
    .bottom_devlopment .devlopment_icon img {
        transform: rotate(0)
    }
    .imprint_box {
        margin-bottom: 30px
    }
    .price_estimation {
        margin-top: 0
    }
    .ss_portfilio_se_images {
        text-align: center
    }
    .ss_portfilio_se_images img {
        width: 70%
    }
    .ss_telecome_mas img {
        width: 60%
    }
    .ss_bussiness_mas img {
        width: 50%
    }
}

@media (min-width:1024px) and (max-width:1199px) {
    .ss_round_img_top {
        display: none
    }
    .ss_round_img_bottom {
        display: none
    }
    .ss_main_logo_des>img {
        height: 30px
    }
    .container.ss_headmenu {
        max-width: 100%;
        padding-left: 0
    }
    #ss_related_portfolio .owl-nav button.owl-next {
        right: 43% !important
    }
    #ss_related_portfolio .owl-nav button.owl-prev {
        left: 43% !important
    }
    .ss_main_functionalities_navbars .nav button {
        font-size: 13px
    }
    .ss_main_functionalities_section_m {
        padding: 50px 0
    }
    .ss_bussiness_mas img {
        width: 50%
    }
    .key_components_box {
        min-height: 126px
    }
    .ss_top_subheader_section {
        top: 93px
    }
    .ss_top_subheader ul li a {
        font-size: 12px
    }
    .ss_top_subheader_all {
        margin-top: 90px
    }
    .working_box {
        padding: 0
    }
    .filter-title h4 {
        font-size: 17px;
        font-weight: 800
    }
    .portfolio-filter {
        padding: 30px 20px
    }
    .custom_cms img {
        width: 70%
    }
    .ss_progress_bar {
        display: none
    }
    .mc_col {
        display: none
    }
    .container {
        max-width: 96%
    }
    .text-medium-gray {
        font-size: 15px
    }
    .sidebar .recent-posts .post {
        font-size: 13px;
        padding: 0 0 25px 80px
    }
    .sidebar .recent-posts .post-thumb {
        width: 70px;
        height: 70px
    }
    .sidebar .recent-posts .text {
        font-size: 14px
    }
    .ss_blogs_date {
        padding: 0;
        margin-bottom: 5px
    }
    .main_title_blog {
        line-height: 28px
    }
    #blog_slider_6 .owl-nav button.owl-prev {
        right: -42% !important
    }
    #blog_slider_5 .owl-nav button.owl-next {
        left: -40% !important
    }
    #blog_slider_4 .owl-nav button.owl-prev {
        right: -42% !important
    }
    #blog_slider_3 .owl-nav button.owl-next {
        left: -40% !important
    }
    #blog_slider_2 .owl-nav button.owl-prev {
        right: -42% !important
    }
    #blog_slider_1 .owl-nav button.owl-next {
        left: -40% !important
    }
    .blog_title_page {
        margin-right: 20px
    }
    .blog_title_page h3 {
        font-size: 25px
    }
    #blog_slider_1 .owl-nav button.owl-prev {
        top: 55% !important;
        position: absolute !important;
        left: -52% !important
    }
    #blog_slider_1 .owl-nav button.owl-next {
        top: 55% !important
    }
    .down_arrow img {
        width: 40%
    }
    .down_arrow {
        height: 30px;
        width: 30px;
        line-height: 27px
    }
    .blog_cag_icon img {
        width: 40%
    }
    .blog_cag_con h5 {
        font-size: 16px
    }
    .planning_box_text h3 {
        font-size: 22px
    }
    .planning_box_text h5 {
        font-size: 16px
    }
    .planning_box_text p {
        font-size: 13px
    }
    .app_phone_con {
        left: 10%
    }
    .app_phone_con h4,
    .desktop_view_con h4 {
        font-size: 20px
    }
    .planning_box {
        top: 4%
    }
    .main_planning_bg {
        background-size: 100%
    }
    .planning_box_text {
        width: 335px;
        height: 335px
    }
    .accordion-header {
        clip-path: polygon(0 0, 100% 0%, 96.7% 100%, 0% 99%)
    }
    .faq_arrow {
        right: -2px
    }
    .mr_6 {
        margin-right: 40px
    }
    .support_services_box h3 {
        font-size: 21px
    }
    .support_icon {
        width: 170px;
        height: 170px
    }
    .ss_main_services_box {
        position: relative;
        padding: 13px 0
    }
    .owl-carousel .owl-nav button.owl-next {
        right: -8% !important
    }
    .owl-carousel .owl-nav button.owl-next {
        right: -5.4% !important
    }
    .owl-carousel .owl-nav button.owl-prev {
        left: -4% !important
    }
    .contact_form,
    .contact_point {
        padding: 30px
    }
    .country_code {
        width: 70%;
        margin-right: 15px
    }
    #portfolio .owl-stage-outer {
        padding-bottom: 0
    }
    .ss_blogs_date li {
        padding-right: 0;
        font-size: 11px
    }
    .ss_latest_blog_box .ss_blogs_des {
        padding: 25px 15px 30px 15px
    }
    .ss_blogs_date li img {
        padding-right: 0;
        height: 13px
    }
    .india_location {
        position: absolute;
        top: 31%;
        left: 65%
    }
    .germany_location {
        top: 1%;
        left: 34.5%
    }
    .ui_services_in_figures_con h5 {
        margin-top: 15px
    }
    .sub_title {
        font-size: 16px !important;
        line-height: 24px
    }
    .ui_services_in_figures_con {
        padding: 40px 15px
    }
    .ui_services_in_figures_icon p {
        font-size: 30px
    }
    .carousel_text p br {
        display: none
    }
    .design_con p {
        max-height: 63px;
        overflow: hidden
    }
    .design_main_box {
        padding: 15px
    }
    .design_con h4 {
        font-size: 20px
    }
    .consulting_services_con h3 {
        font-size: 23px
    }
    .main_partner {
        padding: 60px 40px 40px 10px
    }
    .r_c_b .main_partner {
        padding: 10px 10px 10px 40px
    }
    .what_about_con h3 {
        font-size: 23px;
        line-height: normal
    }
    .main_partner h3 {
        font-size: 23px;
        line-height: 28px
    }
    .concept_end>img,
    .concept_start>img {
        max-height: 60px
    }
    .concept_start {
        position: absolute;
        top: -45px;
        left: 0
    }
    .concept_end {
        position: absolute;
        top: -45px;
        right: 0
    }
    .devlopment_box_con {
        padding: 30px 15px 60px
    }
    .bottom_devlopment .devlopment_box_con {
        padding: 60px 15px 30px
    }
    .ss_latest_blog {
        background-color: #f6fbff;
        padding: 60px 0 60px
    }
    .ss_latest_blog_box .images {
        height: auto;
        width: 100%;
        position: relative
    }
    .our_clients .portfolio_hover_con p {
        font-size: 13px;
        font-weight: 700;
        line-height: 19px;
        color: rgba(255, 255, 255, .8);
        letter-spacing: .5px;
        max-height: 80px;
        overflow: hidden
    }
    .main_partner h2,
    .what_about_con h2 {
        font-size: 25px
    }
    .our_story .what_about_con {
        padding: 30px
    }
    .philosophy_banner p {
        font-size: 15px;
        margin-top: 10px;
        line-height: 25px;
        margin-bottom: 0
    }
    .philosophy_banner {
        padding: 15px
    }
    .ss_sub_who_we p {
        font-size: 20px;
        line-height: 33px;
        font-weight: 700
    }
    .ss_header a.nav-link {
        padding-left: 5px !important;
        padding-right: 5px !important
    }
    .ss_mobiles_logo img {
        position: absolute;
        left: 45px;
        top: 18px;
        height: 28px
    }
    .portfolio_con h3 {
        font-size: 16px
    }
    .get_in_touch_con h2 {
        font-size: 30px
    }
    .title_box h2 {
        font-size: 30px
    }
    .why_img_con {
        height: 376px
    }
    .why_img h3 {
        font-size: 25px
    }
    .mobile-height {
        padding-bottom: 120px
    }
    .devlopment_box_con h3 {
        font-size: 17px;
        min-height: 40px
    }
    .devlopment_box_con p {
        min-height: 54px
    }
    section {
        padding: 60px 0
    }
    .slider_con h3 {
        font-size: 16px;
        margin-top: 25px;
        line-height: 24px
    }
    .slider_con p {
        font-size: 12px;
        margin-top: 15px;
        line-height: 15px
    }
    .get_in_touch_box .common_btn {
        padding-left: 20px;
        margin-top: 0;
        padding: 0
    }
    .ss_latest_blog_box .ss_blogs_des h2 {
        overflow: hidden;
        height: 50px
    }
    .ss_latest_blog_box .ss_blogs_des h2 a {
        font-size: 17px;
        text-overflow: ellipsis;
        overflow: hidden
    }
    #slider .owl-item.active.center {
        margin-top: -30px
    }
    .ss_progress_bar {
        display: none
    }
    .mc_col {
        display: none
    }
    .container {
        max-width: 96%
    }
    #blog_slider_1 .owl-nav button.owl-prev {
        top: 55% !important;
        position: absolute !important;
        left: -52% !important
    }
    #blog_slider_1 .owl-nav button.owl-next {
        top: 55% !important
    }
    .down_arrow img {
        width: 40%
    }
    .down_arrow {
        height: 30px;
        width: 30px;
        line-height: 27px
    }
    .blog_cag_icon img {
        width: 40%
    }
    .blog_cag_con h5 {
        font-size: 18px
    }
    .germany_location {
        left: 36.7%
    }
    .india_location {
        left: 57%
    }
    .maintenance_sec .main_partner {
        padding: 35px 35px
    }
    .ss_main_services_box {
        position: relative;
        padding: 5px 0
    }
    .support_services_box h3 {
        font-size: 18px
    }
    .container {
        max-width: 96%
    }
    .ss_sub_who_we p {
        font-size: 25px
    }
    section {
        padding: 50px 0
    }
    .what_about_con {
        border-radius: 20px 0 0 20px
    }
    .main_partner h2,
    .what_about_con h2 {
        font-size: 25px
    }
    .our_story .what_about_con {
        padding: 40px
    }
    .our_clients .portfolio_hover_con p {
        font-size: 13px;
        line-height: 22px;
        max-height: 85px;
        overflow: hidden
    }
    .our_clients .portfolio_hover_con_middle h4 {
        margin-bottom: 20px
    }
    .portfolio_box {
        margin-top: 50px;
        margin-bottom: 20px
    }
    .extra_page {
        margin-bottom: 70px
    }
    .ss_latest_blog {
        padding: 70px 0
    }
    .philosophy_banner p {
        color: #012052;
        font-size: 15px;
        line-height: 25px
    }
    #founder_sec2 .owl-nav button.owl-next {
        right: 39% !important
    }
    .ps-timeline-sec .container ol.ps-timeline {
        margin: 350px 0 428px 0
    }
    .blog_cag_con h6 {
        min-height: 48px
    }
}

@media (min-width:1200px) and (max-width:1280px) {
    .ss_round_img_top {
        display: none
    }
    .ss_round_img_bottom {
        display: none
    }
    .ps-timeline-sec .container ol.ps-timeline li h4 {
        font-size: 18px
    }
    .ps-timeline-sec .container ol.ps-timeline li h5 {
        font-size: 14px
    }
    .container {
        max-width: 96%
    }
    .ss_progress_bar {
        display: none
    }
    .menu_box .title {
        padding-top: 45px
    }
    .con_price_box h6 {
        font-size: 11px
    }
    .price_box h4 {
        font-size: 14px
    }
    .con_price_box h4 {
        font-size: 14px
    }
    .esimation_con p {
        font-size: 12px;
        font-weight: 600
    }
    /* .option_question li {
        width: 32.94%
    } */
    .founder_box {
        height: 215px;
        width: 215px
    }
}

@media (min-width:1281px) and (max-width:1366px) {
    .ss_round_img_top {
        display: none
    }
    .ss_round_img_bottom {
        display: none
    }
    .option_question li {
        margin: 5px
    }
    .container {
        max-width: 96%
    }
    .sidebar .recent-posts .meta-info li {
        position: relative;
        float: left;
        margin-right: 10px;
        line-height: 24px
    }
    .sidebar .recent-posts .text {
        font-size: 15px
    }
    .get_in_touch_box .common_btn {
        padding: 0
    }
    .accordion-header {
        clip-path: polygon(0 0, 100% 0%, 97.2% 100%, 0% 99%)
    }
    .concept_end>img,
    .concept_start>img {
        max-height: 80px
    }
    .concept_start {
        top: -60px
    }
    .concept_end {
        top: -60px
    }
    .carousel_text h1 {
        font-size: 35px;
        line-height: 50px
    }
    .title_box h2 {
        font-size: 35px
    }
    .devlopment_box_con h3 {
        font-size: 16px;
        min-height: 38px
    }
    .why_img img {
        margin-top: 0
    }
    .why_img_con {
        height: 451px
    }
    .slider_con h3 {
        font-size: 15px
    }
    .slider_con p {
        line-height: 21px
    }
    .get_in_touch_con h2 {
        font-size: 35px
    }
    .ss_latest_blog_box .ss_blogs_des h2 a {
        text-overflow: ellipsis;
        overflow: hidden
    }
    .ss_blogs_des p {
        height: 43px;
        overflow: hidden
    }
}

@media (min-width:1200px) and (max-width:1400px) {
    #founder_sec .owl-nav button.owl-next {
        right: 43% !important;
    }
    .ss_bussiness_mas img {
        width: 50%
    }
    .option_question li {
        margin: 5px
    }
    .ss_blog_cat_list .blog_cag_con {
        margin-top: -50px
    }
    #blog_slider_1 .owl-nav button.owl-prev {
        top: 55% !important;
        position: absolute !important;
        left: -52% !important
    }
    #blog_slider_1 .owl-nav button.owl-next {
        top: 55% !important
    }
    .down_arrow img {
        width: 40%
    }
    .down_arrow {
        height: 30px;
        width: 30px;
        line-height: 27px
    }
    .blog_cag_icon img {
        width: 40%
    }
    .blog_cag_con h5 {
        font-size: 18px
    }
    .india_location {
        left: 65.5%
    }
    .germany_location {
        left: 36.7%
    }
    .ui_services_in_figures_con h5 {
        margin-top: 15px
    }
    .ui_services_in_figures_icon p {
        font-size: 25px
    }
    .sub_title {
        font-size: 16px !important;
        line-height: 25px
    }
    .ui_services_in_figures_con {
        padding: 40px 20px
    }
    .ss_main_services_box {
        position: relative;
        padding: 21px 0
    }
    .support_services_box h3 {
        font-size: 20px
    }
    #founder_sec2 .owl-nav button.owl-next {
        right: 39% !important
    }
    .ss_main_logo_des>img {
        height: 30px
    }
}

@media (min-width:1367px) and (max-width:1440px) {
    .carousel_text h1 {
        font-size: 35px;
        line-height: 50px
    }
    .india_location {
        left: 57%
    }
    .germany_location {
        left: 36.7%
    }
}

@media (min-width:1900px) {
    .main_carousel::after {
        width: 50% !important
    }
}

@media (min-width:320px) and (max-width:480px) {
    .why_vitec_btn {
        padding-top: 0
    }
    .not_found_con h1 {
        font-size: 25px
    }
    .working_box {
        padding: 0
    }
    .portfolio-filter {
        padding: 30px 20px;
        margin-bottom: 30px;
    }
    .option_question li {
        /* width: 45%; */
        width: 90px;
        margin: 6px 6px 10px 6px !important;
    }
    .menu_box .title{
        padding-bottom: 60px;
    }
    .c_box{
        top: 42%;
    }
}

@media (max-width:320px) {
    .option_question li {
        width: 48%
    }
}

@media (max-width:767px) {
    #founder_sec .owl-nav button.owl-next {
        right: 33% !important;
    }
    #founder_sec .owl-nav button.owl-prev {
        left: 33% !important;
    }
    .ss_navbar_goal_menu {
        display: flex;
        white-space: nowrap;
        overflow: auto;
        margin: 0 0 20px 0;
        padding-top: 0
    }
    .ss_navbar_goal_menu li button h6 {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 200px;
        white-space: normal;
        line-height: 19px;
    }
    .ss_navbar_goal_menu::-webkit-scrollbar {
        height: 4px
    }
    .ss_navbar_goal_menu::-webkit-scrollbar-thumb {
        background: #e2694b
    }
    .ss_navbar_goal_menu.nav-pills .nav-link {
        min-width: 190px;
        border: 1px solid #eee;
        margin-top: 0;
        height: 100%;
    }
    .ss_navbar_goal_menu li {
        margin: 0 15px 0 0
    }
    .ss_special_img img {
        border-radius: 0
    }
    .portfolio-filter {
        height: auto;
    }
    #filter_data {
        flex-wrap: nowrap;
        overflow: auto;
    }
    #filter_data::-webkit-scrollbar {
        height: 6px;
    }
    .portfolio_box:hover .portfolio_hover_con {
        opacity: 0;
    }
    .ss_business_box_UI2 h3 {
        padding-left: 0;
        line-height: 30px;
    }
    .ss_business_box_UI.ss_business_box_UI2.ss_text_align_right_lines {
        padding: 40px 30px;
        text-align: left;
    }
    .ss_next_preview_button .prev-step{
        bottom: -15px;
        top: auto;
        left: 35%;
        transform: none;
    }
    .ss_next_preview_button .next-step{
        bottom: -15px;
        top: auto;
        right: 35%;
        transform: none;
    }
    .option_question{
        margin-bottom: 30px;
    }
    #bottom-mascot .mob-mas {
        display: block !important;
        text-align: center;
    }
    .est_line{
        margin-left: 0;
        padding-left: 8px;
    }
    .est_line  h3 {
        padding-right: 10px;
        font-size: 12px;
    }
    .est_line span{
        padding-right:5px;
    }
    .est_line h3, .est_line span, .est_line h4{
        font-size: 12px;
    }
    .pr_estimate {
        padding-top: 10px;
    }
    .tb_est_block {
        display: block !important;
    }
    .tb_est_block .img-fluid {
        width: 100px;
    }
    .mob-last-mas {
        display: block !important;
        text-align: center;
        padding-top: 10px;
    }
    .calculator_new{
        margin-top: 20px;
    }
    .menu_box .icon{
        width: 60px;
        height: 60px;
    }
    .menu_box .icon>img{
        top: 0;
    }
    .mob-hide{
        display: none;
    }
    .ss_app_liks a img {
        height: 60px;
    }
}

@media (min-width:480px) and (max-width:767px) {
    .not_found {
        padding: 80px 0
    }
    .not_found_con h1 {
        font-size: 35px
    }
}

@media (min-width:768px) and (max-width:1024px) {
    #founder_sec .owl-nav button.owl-prev {
        left: 41% !important;
    }
    #founder_sec .owl-nav button.owl-next {
        right: 41% !important;
    }
    .portfolio_main h3 {
        font-size: 14px !important
    }
    .blog_img_box img {
        width: 100%
    }
    .contact_form {
        height: 100%
    }
    .option_question li {
        margin: 0 15px
    }
    .main_partner h2 {
        font-size: 20px
    }
    .career-tt {
        margin-bottom: 30px
    }
    .ss_special_img img {
        border-radius: 0
    }
    .c_box{
        top: 37%;
    }
    .cost_price {
        left: 10px;
    }
    .time_concept {
        right: 10px;
    }
}

@media (min-width:1024px) and (max-width:1190px) {
    #founder_sec .owl-nav button.owl-next {
        right: 42% !important;
    }
    .founder_box {
        height: 210px;
        width: 210px;
        display: inline-block
    }
    #founder_sec .item {
        text-align: center
    }
}

.modal-content {
    border: none
}

@media (min-width:992px) {
    .modal-xl,
    .ss_modal_main .modal-lg {
        max-width: 1100px
    }
}

@media (min-width:320px) and (max-width:990px) {
    .ss_modal_main .progress-header {
        display: block;
        padding: 0 0 30px 0
    }
    .ss_modal_main .progress-footer {
        padding-top: 20px
    }
    .ss_modal_main .right-line {
        display: none
    }
    .ss_modal_main .left-line {
        display: none
    }
    .right-line-hidden,
    .ss_modal_main .left-line-hidden {
        display: none
    }
    .ss_vicon {
        margin-top: 45px
    }
    .new_portfolio {
        padding: 15px 15px 15px 45px
    }
    .d-main-foo {
        display: block
    }
    .left-foo3 {
        width: 100%;
        padding-bottom: 20px
    }
    .right-foo2 {
        width: 100%;
        justify-content: start
    }
    .link2 {
        padding-left: 0
    }
    .link3 {
        padding-left: 0
    }
    .link4 {
        margin-right: 0
    }
    .link5 {
        justify-content: start
    }
    .link1 .footer_about p {
        margin-right: 60px
    }
    .address-box:first-child {
        margin-bottom: 20px
    }
    .flag-line {
        right: 28px;
        top: 31px
    }
}

.stories_col h2 {
    margin: 0;
    color: #fff;
    font-weight: 600;
    font-size: 26px;
    padding: 7px 0;
    text-align: center;
}

.bg-org {
    background: #E2694B;
}

.bg-sky-blue {
    background: #64AAFF;
}

.stories_col {
    display: block;
    border-radius: 28px;
    overflow: hidden;
    margin-bottom: 26px;
    box-shadow: 0px 2px 2px rgb(0 0 0 / 25%);
}

.portfoli_stories_platform .portfolio_main_icon {
    border: 3px solid #fff;
    box-shadow: 0px 2px 8px rgb(0 0 0 / 10%);
}

.portfoli_stories_platform .portfolio_main {
    border: 2px solid #fff;
    box-shadow: 4px 4px 4px rgb(0 0 0 / 10%);
}

.f_addr{
    margin-top: 15px;
}

#contact_us{
    padding: 85px 0 !important;
}

.file-msg .fa{
    font-size: 20px;
}