body {
    background-color: #ffffff;
    font-family: 'Space Grotesk' !important;
    font-style: normal;
    color: #424f65;
    font-size: 15px;
    line-height: 160%;
}

blockquote {
    font-family: Libre Baskerville;
    font-style: normal;
}

.content-header .page-title-inner,
.ctaBox h2 {
    font-family: Libre Baskerville;
    font-style: normal;
}

a {
    color: #ff5100;
}

a:hover {
    color: #111a45;
}

.off-canvas-left a {
    color: #111a45;
}

.off-canvas-left a:hover {
    color: #ff5c00;
}

.wrap {
    width: 1170px;
    max-width: 92%;
}

.logo.logoDefault {
    width: 190px;
    height: auto;
}

.logo.logoLight {
    width: auto;
    height: auto;
}

.logo.logoDark {
    width: 190px;
    height: auto;
}

/* -------- Add new fonts ------- */

@font-face {
    font-family: "Segoe-UI";
    src: url(../fonts/Segoe-UI.ttf);
}

/* -------- Add new fonts ------- */

.button,
input[type="button"],
input[type="submit"],
button {
    border: 1px solid rgba(255, 255, 255, 0);
}

input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]),
textarea,
select {
    border: 1px solid;
}

#site-footer {
    background-image: url(../img/bg-footer-2x.png);
    background-position: bottom center;
    background-repeat: repeat-x;
    background-size: auto 400px;
    background-attachment: scroll;
}

.footer-widgets {
    padding-top: 35px;
}

.content-inner[data-grid] .post,
.content-inner[data-grid-normal] .post {
    padding-left: 30.000000px;
    padding-right: 30.000000px;
    margin-bottom: 60px;
}

.content-inner[data-grid],
.content-inner[data-grid-normal] {
    margin-left: -30px;
    margin-right: -30px;
}

::selection {
    background: #ff5100;
}

::-moz-selection {
    background: #ff5100;
}

[class*="header-style"] .social-icons a:hover,
.navigation .page-numbers.current,
.page-links .post-page-numbers.current,
.products li.product .button.loading,
.site-footer .footer-copyright .go-to-top a,
h1,
h2,
h3,
h4,
h5,
h6,
.button.white,
.site .jw-carousel__item .jw-carousel__item-inner .elementor-button,
.site .elementor-jw-services .jw-services__title,
.site .jw-testimonials__content .jw-testimonials__title,
.site .jw-team-member .jw-team-member__name,
.elementor-tab-title,
.site .jw-posts .elementor-button {
    color: #111a45;
}

.site-topbar,
.header-style1.header-transparent .site-header-inner:before,
.header-style2.header-transparent .site-header-inner:before,
.site-header-sticky .site-header-inner:before,
.site-footer,
.woocommerce-widget-layered-nav ul.woocommerce-widget-layered-nav-list li.chosen a:after,
.widget_product_categories .product-categories li a:before,
.widget_product_categories .product-categories li.current-cat>a:after,
.widget_product_categories .product-categories li.current-cat-parent>a:after,
a.checkout-button.button:after,
a.popupaoc-button:after,
body .paoc-modal-popup .paoc-popup-close:hover,
.wpcf7-form input[type="checkbox"]:checked,
.wpcf7-form input[type="radio"]:checked,
#site .wp-block-themepunch-revslider .tparrows.marlab:hover,
.button.accent:after,
.button.primary:not([class*="product_type_"]),
.site .elementor-toggle-item .elementor-tab-title.elementor-active:before,
.site .jw-slick-dots li.slick-active span,
.site .jw-slick-dots li:hover span,
.site .pricing-table .elementor-button:hover,
[class*="header-style"] .navigator .menu-primary>li.megamenu>.sub-menu>li>.sub-menu li.btn a:hover {
    background-color: #111a45;
}

.comments-area #respond .comment-form .comment-form-author input:focus,
.comments-area #respond .comment-form .comment-form-email input:focus,
.comments-area #respond .comment-form .comment-form-url input:focus,
.projects-style1 .project-inner:hover .project-info {
    border-color: #111a45;
}

.site-topbar a:hover,
.site-topbar .menu-top li .sub-menu li:hover>a,
[class*="header-style"] .navigator .menu-primary li .sub-menu li:hover>a,
[class*="header-style"] .navigator .menu-primary li .sub-menu li.current-menu-item>a,
[class*="header-style"] .navigator .menu-primary li .sub-menu li.current-menu-parent>a,
[class*="header-style"] .navigator .menu-primary li .sub-menu li.current-menu-ancestor>a,
[class*="header-style"] .navigator .menu-primary li .sub-menu li.current_page_item>a,
[class*="header-style"] .navigator .menu-primary li .sub-menu li.current_page_parent>a,
[class*="header-style"] .navigator .menu-primary li .sub-menu li.current_page_ancestor>a,
[class*="header-style"] .shopping-cart .icon-cart-count i,
table#wp-calendar #today,
table#wp-calendar tbody tr td a,
.tagcloud a:before,
.wp-block-tag-cloud a:before,
.search-results .main-content .search-results .post a:hover,
.search-no-results .main-content .search-results .post a:hover,
.error404 .main-content .search-results .post a:hover,
.product .woocommerce-tabs .tabs li.active a,
.product .woocommerce-tabs .tabs li:hover a,
h6.elementor-heading-title,
body:before,
#site .wp-block-themepunch-revslider .tp-tabs.marlab .tp-tabs-inner-wrapper .tp-tab.selected,
.site .elementor-jw-services .elementor-button,
.site .jw-testimonials__content .jw-testimonials__name,
.site .jw-carousel__item .jw-carousel__item-text,
.site .pricing-table .pricing-table__features .pricing-feature.item-included i,
.menu-style1 ul.menu>li.current-menu-item>a,
.menu-style1 ul.menu>li.current-page-item>a,
.menu-style1 ul.menu>li:hover>a {
    color: #ff5100;
}

blockquote,
.product .flex-control-thumbs li img.flex-active,
.site .jw-testimonials__content,
.site .elementor-widget-icon-list.elementor-align-right .elementor-icon-list-items li:hover:after {
    border-color: #ff5100;
}

.menu-top>li>a:after,
.navigator .menu-primary>li>a::after,
table#wp-calendar tbody tr td a:after,
input[type="submit"]:hover,
input[type="button"]:hover,
button:hover,
.woocommerce-mini-cart__buttons .button.checkout,
.widget_price_filter .price_slider_wrapper .price_slider .ui-slider-handle,
.projects-filter ul li a:after,
.button:after,
.button.accent:not([class*="product_type_"]),
a.checkout-button.button,
.woocommerce-checkout .woocommerce-checkout #order_review_heading,
body .paoc-modal-popup .paoc-popup-close,
.post-image a:after,
.projects-style1 .project-thumbnail a:after,
#site .wp-block-themepunch-revslider .tp-tabs.marlab .tp-tabs-inner-wrapper .tp-tab:after,
.site .jw-posts .post-thumbnail a:after,
.site .elementor-toggle-item .elementor-tab-title:before,
.rqform .ui-left .ui-title:after,
#site .jw-headline.jw-headline--direction-vertical .jw-headline__first,
.site .pricing-table .elementor-button,
.menu-style1 ul.menu>li.current-menu-item>a:before,
.menu-style1 ul.menu>li.current-page-item>a:before,
.menu-style1 ul.menu>li:hover>a:before,
[class*="header-style"] .navigator .menu-primary>li.megamenu>.sub-menu>li>.sub-menu li.btn a {
    background-color: #ff5100;
}

.topbar-text a,
.breadcrumbs a,
.widget a,
[class*="wp-block-"] a,
.post-title a,
.entry-title a {
    background-image: linear-gradient(180deg, transparent 96%, #ff5100 0);
}

.site .elementor-widget-icon-list .elementor-icon-list-items li:hover svg path {
    fill: #ff5100;
}

.site-topbar .menu-top li .sub-menu li a,
[class*="header-style"] .navigator .menu-primary li .sub-menu li a,
input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]),
textarea,
select,
table#wp-calendar tbody tr td,
.blog-list .hentry,
.navigation .page-numbers,
.page-links .post-page-numbers,
.single-post .post-author-box,
#related-posts,
.search-results .main-content .search-results .post,
.search-no-results .main-content .search-results .post,
.error404 .main-content .search-results .post,
table tbody tr td,
table tbody tr th,
.comments-area .comment-list>.comment .reply a,
.woocommerce-categories,
.woocommerce-widget-layered-nav ul.woocommerce-widget-layered-nav-list li a:after,
.widget_product_categories .product-categories li a:after,
.widget_products .product_list_widget li,
.widget_recent_reviews .product_list_widget li,
.widget_top_rated_products .product_list_widget li,
.woocommerce .form-row .select2-container .select2-selection .select2-selection__rendered,
.projects-related,
.site .elementor-toggle .elementor-toggle-item,
.site .elementor-widget-icon-list.elementor-align-right .elementor-icon-list-items li:after,
.site .jw-posts .elementor-button,
.site .pricing-table .pricing-table__price,
.menu-style1 ul.menu>li,
[class*="header-style"] .navigator .menu-primary>li.megamenu>.sub-menu>li {
    border-color: #e2e6ec;
}

[class*="header-style"] .search-box .search-form label .screen-reader-text,
table#wp-calendar tbody tr td.pad,
.blog-grid .hentry:after,
.site-footer .footer-copyright .go-to-top a:after,
input[type="submit"]:disabled,
input[type="button"]:disabled,
button:disabled,
.button:not([class*="product_type_"]):disabled,
.rqform:before {
    background-color: #e2e6ec;
}

.content-header:after {
    background: linear-gradient(180deg, #e2e6ec 0%, rgba(255, 255, 255, 0) 100%);
}

input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):focus,
textarea:focus,
select:focus,
.navigation .page-numbers:hover,
.page-links .post-page-numbers:hover,
.comments-area .comment-list>.comment .reply a:hover,
.comments-area #respond .comment-form .comment-form-author input,
.comments-area #respond .comment-form .comment-form-email input,
.comments-area #respond .comment-form .comment-form-url input,
.comments-area .comment-list #respond .comment-form,
.woocommerce-content-top .off-canvas-toggle,
.projects-style1 .project-info,
.product .woocommerce-tabs,
.single-nproject .project-meta li,
.single-nproject .wp-block-column>h6,
.wpcf7-form input[type="checkbox"],
.rqform,
.site .jw-posts .jw-posts__inner-box:hover .elementor-button {
    border-color: rgba(17, 26, 69, 0.25);
}

.navigation .page-numbers.current,
.page-links .post-page-numbers.current,
.widget_price_filter .price_slider_wrapper .price_slider,
.products li.product .button:before,
.wpcf7-form input[type="radio"],
.ui-left:before,
.site .jw-slick-dots li span,
.menu-style1 ul.menu>li>a:before {
    background-color: rgba(17, 26, 69, 0.25);
}

.site-topbar .menu-top li .sub-menu li a,
[class*="header-style"] .navigator .menu-primary li .sub-menu li a,
[class*="header-style"] .search-box a,
[class*="header-style"] .social-icons a,
.products li.product .woocommerce-loop-product__link .price del,
.products li.product .woocommerce-loop-product__link .price .customF,
.site-content .down-arrow a:before,
.projects-style3 a.project-readmore {
    color: #424f65;
}

input[type="submit"],
input[type="button"],
button,
.button:not([class*="product_type_"]),
.woocommerce-content-top .off-canvas-toggle:after,
.woocommerce-content-top .off-canvas-toggle:before,
.widget_price_filter .price_slider_wrapper .price_slider .ui-slider-range,
.site .jw-testimonials .jw-arrow:hover {
    background-color: #424f65;
}

.products li.product .woocommerce-loop-product__link .price,
.product .summary .price,
.product .summary .cart table tr td.woocommerce-grouped-product-list-item__price,
.woocommerce-error li {
    color: #fd0036;
}

span.onsale {
    background-color: #fd0036;
}

.woocommerce-checkout .woocommerce-checkout .form-row.woocommerce-invalid-required-field .woocommerce-input-wrapper input.input-text,
#site .ctform .form-row .wpcf7-form-control-wrap input.wpcf7-form-control.wpcf7-not-valid,
#site .rqform .form-row .wpcf7-form-control-wrap input.wpcf7-form-control.wpcf7-not-valid {
    border-color: #fd0036;
}

.star-rating span,
.star-rating:before,
.product .comment-respond .comment-form-rating .stars span a:before,
.product .comment-respond .comment-form-rating .stars:before {
    color: #fed700;
}

a.popupaoc-button,
a.popupaoc-button:hover,
a.paoc-popup-click,
a.paoc-popup-click:hover {
    background: linear-gradient(113deg, #dd154d 0%, #fd0036 50%, #fe613f 100%);
}

.woocommerce-message a.button {
    background: #5873F9;
}

.page-template-template-fullwidth .content-body-inner.wrap-news, .elementor-template-full-width .content-body-inner.wrap-news {
    width: 1170px;
    max-width: 92%;

}
.wrap-news {
    margin: 0 auto;
    position: relative;
}
.wrap-news:after {
    clear: both;
    content: "";
    display: table;
}
.post-image-news {
    margin-bottom: 30px;
}
.post-title-news {
    margin: 0 0 20px 0;
    font-size: 1.25rem;
    line-height: 1.33;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.post-title-news {
    word-break: break-word;
    line-height: 1.125;
}
.post-content {
    margin-bottom: 30px;
    word-break: break-word;
}
.post-footer {
    position: relative;
}
.post-meta .post-meta-data {
    align-items: flex-start;
    flex-direction: column;
}
.content-inner[data-grid-normal] {
    display: flex;
    flex-wrap: wrap;
}
.navigation-news {
    padding-top: 0;
    margin-bottom: 20px;
}
#readMoreBtn {
    cursor: pointer;
    color: blue;
    text-decoration: underline;
}
.jw-testimonials__comment span {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.expanded span{
    -webkit-line-clamp: unset;
}

.show-more {
    float: right !important;
    background: none;
    border: none;
    color: blue;
    cursor: pointer;
    padding: 0;
}

.widget-footer,[class*="wp-block-"]
{
position: relative;
margin-bottom: 20px;
}

.infoBox-footer li {
    padding-top: 15px;
}

.rqform-margin
{
    margin-bottom: 0px;
}
.consultation-btn-align
{
    text-align: center;
}
.horizontal-divider
{
    margin-bottom: 1px;
}
.wordpress-title
{
    margin: 0% 11% 0% 11% !important;
}
.mt-8{
    margin-top: 8px;
}
.a-color
{
    color: #111a45;
}
.icon-color{
    color: #ff5100;
}
.cursor-default
{
    cursor: default;
}
.work-title
{
    font-size: 36px !important;
}

.icon-size-70 {
    height: 70px;
    min-width: 70px;
    width: 70px;margin-bottom: 10px;
}
.icon-size-70, .icon-size-85 {
    display: inline-block;
    vertical-align: middle;
}
.case-studies-sprite-icon {
    background: url(../img/about-tier4-icons.png) no-repeat;
}
.case-studies-sprite-icon.wireframe-tool {
    background-position: -1479px -96px;
}
.case-studies-sprite-icon.design {
    background-position: -93px -196px;
}
.case-studies-sprite-icon.development {
    background-position: 4px -196px;
}
.case-studies-sprite-icon.back-end {
    background-position: -92px 3px;
}

.about-tier1{padding:0 0 40px 0; background:#fff;}
.about-tier1 h2{color: #424f65; font-size: 2rem; line-height: 1.166; margin-bottom: 30px;}
.about-tier2{padding:40px 0}
.about-tier2 .slider{padding-bottom: 70px;}
.about-tier2 .slider .slick-next {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 40px;
    height: 40px;
    max-width: 40px;
    padding: 0;
    border-radius: 6px;
    padding: 0;
    border: 0;
	overflow:hidden;
    display: none !important;
}
.about-tier2 .slider .slick-next:before {
    content: "";
    font: normal normal normal 1em/1 'Nucleo';
    color: inherit;
    flex-shrink: 0;
    speak: none;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ea03";
    text-indent: 0;
    width: 40px;
    height: 40px;
    display: block;
    line-height: 40px;

}
.about-tier2 .slider .slick-prev{position: absolute; bottom: 0; right: 50px; width: 40px; height: 40px; max-width: 40px; padding: 0; border-radius: 6px; padding: 0; border: 0; overflow:hidden; display: none !important;}
.about-tier2 .slider .slick-prev:before {
    content: "";
    font: normal normal normal 1em/1 'Nucleo';
    color: inherit;
    flex-shrink: 0;
    speak: none;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ea04";
    text-indent: 0;
    width: 40px;
    height: 40px;
    display: block;
    line-height: 40px;

}
.about-tier2 .slider .slick-dots{position: absolute; bottom: 0; left: 0; margin:0; padding:0; text-align: center; width: 100%; }
.about-tier2 .slider .slick-dots li{list-style: none; display: inline-block; margin-right: 10px; width: 40px; height: 10px; border-radius: 6px; background: #ddd; text-indent: -100000px;cursor: pointer;}
.about-tier2 .slider .slick-dots li.slick-active{background: #ff5100;}
.about-tier2 .slick-slide img{border-radius: 5px; max-height: 500px; max-width: 100%; border: 1px solid #cdcdcd;}
.about-tier2 .slick-slide{margin: 0 10px;}
.about-tier2 .slick-list{margin: 0px -10px;}

.about-tier3{padding:20px 0; background:#f9f9f9;}
.about-tier3.space-remove {padding:60px 0 !important;}
.about-tier3 h2{color: #424f65; font-size: 2rem; line-height: 1.166; margin-bottom: 30px; margin-top: 10px;}
.about-tier3 .elementor-column{flex-direction: column;}

.about-tier3.space-remove .items {
    margin-bottom: 20px;
    border-radius: 20px;
    padding: 30px 30px;
    box-shadow: 0px 0px 10px 0px #efefef;
    background: #fff;
    transition: all 0.3s linear;
}

.about-tier3.space-remove .items:hover {
    background: #111a45;
    color: #fff;
}

.about-tier3 .items .title{font-size:20px; font-weight:700; margin-bottom:15px; position:relative; padding-left:30px;}
.about-tier3 .items .point{font-size:16px; font-weight:500; margin-bottom:0px; position:relative; padding-left:30px;}
.about-tier3 .items .title:before, .about-tier3 .items .point:before{content: ""; display: block; width: 14px; height: 14px; border: 3px solid #fff; background: #ff5100; position: absolute; left: 0; top: 6px; box-shadow: 0 0px 0 2px #ff5100; border-radius: 50%;}
.about-tier3 .img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: calc(40% - 100px);
    background: url(../img/about-page-img.jpg) no-repeat;
    background-size: cover;
}
.about-tier4{padding:80px 0}
.about-tier4 h2{color: #424f65; font-size: 2rem; line-height: 1.166; margin-bottom: 30px;}
.about-tier4 .text-center{align-items: center; display: flex; justify-content: center; flex-direction: column;}
.about-tier4 h3{text-align:center; margin:0 auto;}

@media(max-width:767px){
.about-tier1{padding-bottom:40px;}
.about-tier2{padding:40px 0;}
.about-tier3{padding:0 0 40px 0;}
.about-tier3 .wrap{padding-left: 0;}
.about-tier3 .img{position: relative; width: 100%; height: 300px;}
.about-tier4{padding:40px 0 0;}
.about-tier4 h2{margin-top:0;}
.about-tier4 .elementor-column{align-items: center; justify-content: center; margin-bottom:40px;}
}
.horizontal-line
{
    border: 1px solid #808080;
    width: 100%;
    margin-bottom: 20px;
}

.vertical-line
{
    border-left: 2px solid black; /* Adjust color and size as needed */
    height: 100px;
}

.features{
    list-style: square;
    width: 100%;
    font-size : 16px;
}
.custom_title
{
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
}
.features-h3{
    color: #000000;
    font-size: 2rem;
    line-height: 1.166;
    margin-bottom: 30px;
}
.m-b-10{
    margin-bottom: 10px !important;
}
.font-20{
    font-size: 20px;
    color: #1a1919;
}
.p-30
{
    padding: 30px !important;
}


/* ------ Blog css start -------- */

#blog-sec {
    padding-top: 80px;
}

#blog-sec .outer-box .blog-item img {
    width: 100%;
    height: 100%;
}


#blog-sec .outer-box .blog-item img {
    width: 100%;
    height: 100%;

}

#blog-sec .blog-text p span{
    font-weight: 500;
    text-transform: uppercase;
    color: rgb(49 187 174);
    font-size: .75rem;
    margin-bottom: .625rem;
}

#blog-sec .blog-text p {
    color: rgb(154 154 154);
    margin-bottom: 20px;
    font-family: 'Space Grotesk';
}

#blog-sec .blog-text h5 {
    margin: 0;
    font-size: 22px;
    font-weight: 500;
    font-family: 'Space Grotesk';
}

#blog-sec .blog-box {
    margin-bottom: 40px;
}

#blog-sec .blog-box .row {
    row-gap: 40px;
}

#blog-sec .outer-box {
    border: 1px solid #e6e6e6;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#blog-sec .inner-box,
#blog-sec .post-btm {
    padding: 20px;
}

#blog-sec .inner-box {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	height: 100%;
}

#blog-sec .post-ft {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#blog-sec .profile-box {
    display: flex;
    align-items: center;
}

#blog-sec .profile-box .img-box img {
    border-radius: 50%;
    max-width: 55px;
}

#blog-sec .profile-box .name-box span {
    margin-left: 20px;
    font-size: 14px;
    color: #2b2b2b;
    font-family: 'Space Grotesk';
}

#blog-sec .date-box p {
    font-size: 14px;
    color: #9a9a9a;
    font-family: 'Space Grotesk';
}


/* ---------- Details page css start ------------ */

#details {
    padding: 150px 0 30px;
}

#details .details-box .top-head p {
	font-size: 20px;
	color: #31bbae;
	font-weight: 500;
}

#details .details-box .top-head p span {
	font-size: 16px;
	margin-left: 10px;
	color: rgb(154, 154, 154);
}

#details .details-box .top-head h1 {
	margin: 0 0 20px;
	font-size: 38px;
	width: 100%;
	max-width: 550px;
	border-bottom: 1px solid #e6e6e6;
	padding-bottom: 25px;
}

#details .details-box .right-box img {
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	display: block;
	border: 1px solid #e6e6e6;
}

#details .employ-box .emp-name{
    padding-bottom: 10px;
}

#details .employ-box .emp-name img {
	max-width: 60px;
	border-radius: 50%;
	vertical-align: middle;
}

#details .employ-box .emp-name a {
	font-size: 16px;
	color: #2b2b2b;
	margin-left: 20px;
	font-weight: 400;
}

#details .employ-box .veryfied p {
	font-size: 15px;
	font-weight: 500;
}

#details .employ-box .veryfied p span {
	color: #31bbae;
	margin-left: 10px;
}

#details .employ-box .veryfied p img {
	vertical-align: text-bottom;
	max-width: 20px;
	width: 100%;
}

#details .employ-box .discp p {
	font-size: 18px;
	color: #1a1919;
	line-height: 1.2;
	padding-top: 16px;
	margin-bottom: 40px;
}

#details .expert ul {
	list-style: none;
	display: flex;
	align-content: center;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
}

#details .expert ul li:not(:first-child) {
	margin-right: 15px;
}

#details .expert ul li p {
    font-size: 16px;
	color: #1a1919;
    margin-right: 5px;
}

#details .expert ul li a {
    margin-bottom: 10px;
	font-size: 13px;
	padding: 8px 14px;
	color: #1a1919;
	background: #dfeefa;
	border-radius: 5px;
}


/* ---------------  information sec start --------------- */

#information {
    padding: 30px 0 60px;
}

#information .active-box .style-p {
	font-size: 20px;
	color: #1a1919;
	font-style: italic;
	line-height: 1.8;
}

#information .active-box .style-p span {
    font-weight: 600;
}

#information .our-box .msg-box {
    padding: 20px 30px;
    background: #f5f5f5;
}

#information .our-box .msg-box .head-box h3 {
	font-size: 30px;
	margin: 0 0 30px 20px;
}

#information .our-box .msg-box .box-box {
	margin: 15px 0;
}

#information .our-box .msg-box .box-box label {
	font-weight: 900;
	margin-bottom: 8px;
	font-size: 16px;
    color: #1a1919;
}

#information .our-box .msg-box .box-box input{
    height: 51px;
}

#information .our-box .msg-box .box-box input,
#information .our-box .msg-box .box-box textarea {
	font-size: 14px;
	color: #999;
	outline: 2px solid transparent;
	width: 100%;
	border-radius: 8px;
    box-shadow: none !important;
}

#information .our-box .msg-box .box-box .btn {
	background: #7fddd3 !important;
	font-size: 20px;
	color: #1a1919;
	width: 100% !important;
	font-weight: 600;
	padding: 18px 0;
	box-shadow: none !important;
}

#information .our-box .msg-box .box-box .btn:focus-visible {
    outline: none !important;
}

#information .common-p {
	font-size: 20px;
	color: #1a1919;
	line-height: 1.8;
	margin-bottom: 20px;
	display: inline-block;
}

#information .active-box ul li {
    position: relative;
    margin-bottom: 20px;
}

#information .active-box ul {
	list-style: none;
	margin-bottom: 40px;
}

#information .active-box ul li::after {
	content: '';
	position: absolute;
	top: 8px;
	left: -25px;
	background-color: #31bbae;
	height: 10px;
	width: 10px;
	border-radius: 50%;
}

#information .common-p .click-line {
    text-decoration: underline;
    color: #31bbae;
    font-weight: 600;
    font-size: 20px;
}

#information .script-box {
	background-color: #31bbae;
	padding: 35px 30px;
	text-align: center;
	margin-bottom: 30px;
}

#information .script-box h2 {
	color: #fff;
	max-width: 80%;
	margin: 0 auto 15px auto;
	font-weight: 900;
}

#information .second-box h2 {
    max-width: 100%;
}

#information .text-bold {
	font-size: 22px;
	color: #2b2b2b;
	font-weight: 500;
	margin-top: 20px;
}

#information .comand-box p {
	font-size: 18px;
	font-style: italic;
	color: #2b2b2b;
	display: inline-block;
	padding: 10px 20px;
	background: #f5f5f5;
	border-radius: 2px;
}

#information .comand-box span {
	margin-left: 5px;
}

.bg-box-our {
    padding: 20px 30px;
    background: rgb(243 247 251);
}

.bg-box-our .colr-heading {
	margin: 10px 0 20px;
}

.space-btm-com {
    margin-bottom: 20px;
}

.colr-heading {
    color: #31bbae;
    font-size: 32px;
}

#information .script-box .team-btn {
	background-color: #025fa2;
	padding: 10px 30px;
	font-size: 18px;
	color: #fff;
	font-weight: 700;
	margin-top: 15px;
	display: inline-block;
}

#information .common-heading {
    font-size: 32px;
    margin: 20px 0 15px;
}

#information .border-com {
	padding-top: 50px;
	border-top: 1px solid #e6e6e6;
}

#information  .active-box .com-h3 {
	font-size: 24px;
}

#information  .active-box .btm-remove {
    margin-bottom: 0;
}

#information  .active-box p > .under-line {
    display: inline-block;
    font-size: 18px;
    text-decoration: underline;
    color: #000;
}

#information  .active-box p > .under-line:hover {
    text-decoration: none;
}

#information .active-box .img-box {
	margin: 40px 0;
}

#information .active-box .img-box img {
	width: 100%;
	max-width: 100%;
}

/* ----- this-page accordion css start -------- */

.this-page .accordion-button h2 {
	margin: 0;
	padding-left: 20px;
	border: none !important;
}

.this-page .accordion-button{
	border: none !important;
	padding: 10px 20px;
}

.this-page .accordion-body li a {
	font-size: 18px;
	padding-bottom: 10px;
    padding-left: 5px;
	display: inline-block;
    color: #31bbae;
}

.this-page .accordion-item {
	border: none !important;
	margin-bottom: 50px;
	padding-bottom: 50px;
	border-bottom: 1px solid #e6e6e6 !important;
}

.this-page .accordion-button {
    border: none !important;
    padding: 10px 20px;
    background: transparent !important;
    box-shadow: none !important;
}

.this-page .accordion-button:focus,
.this-page .accordion-button:hover  {
    box-shadow: none !important;
}

.this-page .accordion-button h2 {
    margin-top: 0;
}

.this-page .accordion-button:not(.collapsed)::after {
	content: 'f0d7';
    position: absolute;
    font-family: 'font-awsome';
}

.this-page .accordion-button {
    position: relative;
}

.this-page .accordion-button::after {
    content: '\ea4b';
    position: absolute;
    font-family: "Nucleo";
    top: 30%;
    left: 0;
    width: 0px;
    height: 0px;
    background: none !important;
    transition: .3s all;
}

.this-page .accordion-button:not(.collapsed)::after {
    content: '\ea4b';
    position: absolute;
    font-family: "Nucleo";
    top: 70%;
    width: 0px;
    height: 0px;
    transform: rotate(-90deg);
    left: 0;
}

.this-page .accordion-button:not(.collapsed) {
    color: #000 !important;
}

.blog-fixed-height
{
    height: 100%;
}

/* ----- this-page accordion css end -------- */

/* ----- faq's accordion css start -------- */

/* .faqs-list {
    margin-top: 50px;
}

.faqs-list .top-heading h2 {
	margin: 30px 0;
}

.accordion-item {
    border-bottom: none !important;
}

.faqs-list .accordion-button {
	padding: 20px 10px;
	border: none !important;
	background: transparent !important;
	box-shadow: none !important;
	word-break: break-all;
}

.faqs-list .accordion-button h3 {
	font-size: 20px;
	word-break: break-all;
	margin: 0;
}

.faqs-list .accordion-button:hover {
    background: transparent !important;
    box-shadow: none !important;
}

.accordion-button:not(.collapsed) {
    color: #1a1919 !important;
} */

/* ----- faq's accordion css start -------- */

/* ------- add new css -------- */

#information .post-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: rgb(243 247 251);
    border: 1px solid #e6e6e6;
    margin: 50px 0 60px;
}

#information .share-icon .icon-box ul {
    display: flex;
    align-items: center;
    margin-bottom: 0 !important;
    padding-left: 0;
}

#information .share-icon .icon-box ul li.share a{
    background: rgb(243 247 251);
}

#information .share-icon .icon-box ul li::after {
    display: none;
}

#information .share-icon .icon-box ul li {
    margin-bottom: 0;
}

#information .share-icon .icon-box ul li a img {
    width: 100%;
    max-width: 20px;
    vertical-align: middle;
}


#information .share-icon .icon-box ul li a {
    padding: 10px 12px;
    background: #fff;
    display: inline-block;
}

#information .post-box .left-box p {
    font-size: 16px;
    color: #2b2b2b;
    margin-left: 20px;
}

#information .share-icon .icon-box ul li a.border-right {
    border-right: 1px solid #e6e6e6 !important;
}

.profile-box-btm {
    background: rgb(243 247 251);
    padding: 30px 40px;
}

.profile-box-btm .bg-box {
    background: #fff;
    padding: 15px;
}

.profile-box-btm .bg-box .name-text h4 {
    margin: 0 0 15px 0;
}

.profile-box-btm .veryfied p span {
    color: #31bbae;
    margin-left: 5px;
}

.profile-box-btm .veryfied p img {
    vertical-align: text-bottom;
    max-width: 16px;
    width: 100%;
}

.profile-box-btm .view-btn a {
    display: inline-block;
    padding: 15px 30px;
    color: #141414;
    background-color: rgba(78, 241, 224);
    margin-top: 20px;
}

.profile-box-btm .view-btn a img {
    vertical-align: middle;
    margin-left: 5px;
}

.profile-box-btm .img-box2 img {
    width: 100%;
}

.profile-box-btm .img-box2 {
    margin-bottom: 20px;
}

.profile-box-btm .profile-text h3 {
    margin: 0 0 30px 0;
}


/* ------- add new css -------- */

/*-------- related sec css start ---------*/

#related {
    padding: 40px 0;
}

#related .related-part .related-text a {
    font-size: 24px;
    color: #2b2b2b;
    display: inline-block;
    transition: .3s;
}

#related .related-part .related-text {
    background-color: #f5f5f5;
    padding: 20px 20px;
    height: 170px;
}

#related .related-part .related-text a:hover {
    color: #31bbae;
}

/*-------- related sec css end ---------*/


/* -------- Portfolio page css start -----------  */

.page-title-change {
    color: #000 !important;
    text-align: center;
}

.page-title-change > span {
    color: #ff5100;
}

.black-color {
    color: #1a1919 !important;
}

.white-color {
    color: #fff !important;
}

.bg-black {
    background-color: #111a45 !important;
    padding: 20px 0 70px 0;
}

/* .site-content .content-header.content-header-featured {
    margin-bottom: 0 !important;
} */

.site-content .content-header-left .page-title-wrap.full-space {
    width: 100% !important;
}

/* .elementor-section .elementor-container.right-box {
    max-width: 100% !important;
    margin: 0 auto;
} */

.site-content .down-arrow a:before {
    color: #ff5100 !important;
}

/* the challenges sec css */

#challenge {
    padding: 70px 0;
    background-color: #111a45;
}

.challenge-box {
    z-index: 5;
    position: relative;
}

#challenge .challenge-box .top-heading h2{
    color: #fff;
    font-size: 35px !important;
    font-family: "Segoe-UI" !important;
    line-height: 1;
    margin-bottom: 30px;
    margin-top: 0;
}

#challenge .challenge-box .top-heading h2 > span {
    color: #ff5100;
}

#challenge .challenge-box .quest-box .box-box p {
    padding: 10px 0px 10px 25px;
    border-radius: 30px;
    font-family: "Segoe-UI" !important;
    font-size: 18px !important;
    font-weight: 400;
    color: #fff;
    position: relative;
}

#challenge .challenge-box .quest-box .box-box p::before {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    border: 3px solid #fff;
    background: #ff5100;
    position: absolute;
    left: 0;
    top: 50%;
    box-shadow: 0 0px 0 2px #ff5100;
    border-radius: 50%;
    transform: translateY(-50%);
}

#challenge .challenge-box .quest-box .box-box:not(:last-child) p{
    margin-bottom: 20px !important;
}

/* the challenges sec css */

/* -------- Portfolio page css end -----------  */


/*-----  icons bg-color-remove css ----- */

.elementor-71 .elementor-element.elementor-element-ef68c96 .jw-services__icon .inner.bg-remove,
.elementor-71 .elementor-element.elementor-element-259143c .jw-services__icon .inner.bg-remove,
.elementor-71 .elementor-element.elementor-element-accdbb8 .jw-services__icon .inner.bg-remove {
    background-color: transparent !important;
}

.about-tier3 .img::after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
}

.new-head-style {
    font-size: 35px !important;
    font-family: "Segoe-UI" !important;
    font-weight: 800;
}

.new-head-style span {
    color: #ff5100;
}

.new-style-size {
    font-size: 18px !important;
    font-weight: 400;
    font-family: "Segoe-UI";
}


/* ------ circle rounded css start ----------- */

#creation {
    padding: 60px 0;
    background: #f9f9f9;
}

#creation .creation-box {
    display: flex;
    align-items: center;
    background: #f8fcff;
    border: 1px solid #d1cccc;
    border-radius: 24px;
    padding: 10px 10px;
}

#creation .left-box {
    width: 40%;
}

#creation .right-box {
    width: 60%;
}

#creation .rotate-box {
    animation: round 30s linear infinite;
    height: 330px;
}

#creation .left-box .img-box {
    position: relative;
}

#creation .half-img {
    height: 220px;
    width: 130px;
    border-bottom-right-radius: 230px;
    border-top-right-radius: 210px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    right: 100px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#creation .half-img  img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

#creation .rotate-box svg {
    font-size: 18px;
    height: 430px;
    width: 561px;
}

#creation .right-box .text-new h2 {
    color: #424f65;
    font-size: 45px !important;
    font-family: "Segoe-UI" !important;
    font-weight: 800;
    line-height: 1.1;
    margin-top: 0;
}

#creation .right-box .text-new a {
    background: linear-gradient(113deg, #dd154d 0%, #fd0036 50%, #fe613f 100%);
    padding: 8px 25px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    margin-top: 15px;
    display: inline-block;
}


@keyframes round{
    from {
        transform: rotate(360deg);
    }

    to {
    transform: rotate(0deg);
    }
}


/*-------- technology sec css start -------- */

#tehcnology {
    padding: 50px 0;
}

#tehcnology .tehcnology-box .title-box h2 {
    margin-top: 0;
    font-size: 45px;
    line-height: 1.2;
    font-family: "Segoe-UI" !important;
    font-weight: 800;
    display: inline-block;
}

#tehcnology .tehcnology-box .title-box h2 > span {
    color: #ff5100;
}

#tehcnology .tehcnology-box .tech-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 30px;
}

#tehcnology .tehcnology-box .tech-box .dark-box {
    background-color: #f8fcff;
    width: 48%;
    padding: 25px 20px;
    text-align: center;
    margin: 0 20px 20px 0;
    box-shadow: 0px 0px 10px 0px #efefef;
    border-radius: 10px;
    transition: .4s;
}

#tehcnology .tehcnology-box .tech-box .dark-box:hover{
    background-color: #ff5100;
}

#tehcnology .tehcnology-box .tech-box .dark-box:hover h3,
#tehcnology .tehcnology-box .tech-box .dark-box:hover p
 {
    color: #fff;
 }
#tehcnology .tehcnology-box .tech-box .dark-box h3 {
    margin-top: 0;
    font-size: 22px;
    font-family: "Segoe-UI" !important;
    font-weight: 500;
    color: #111a45;
    transition: .4s;
    line-height: 1.4;
}

#tehcnology .tehcnology-box .tech-box .dark-box p {
    font-family: "Segoe-UI" !important;
    font-weight: 500;
    font-size: 18px;
    transition: .4s;
}


/*-------- technology sec css end -------- */

#thanks {
    padding: 100px 0 50px;
    text-align: center;
}

#thanks .active-box img {
    max-width: 60%;
}



/* -------- Start responsive ---------- */


@media (max-width:1199px) {
    #blog-sec .inner-box, #blog-sec .post-btm {
        padding: 20px 10px;
    }

    #blog-sec .profile-box .img-box img {
        max-width: 50px;
    }

    #blog-sec .profile-box .name-box span {
        margin-left: 10px;
    }
}

@media (max-width:767px) {
    #blog-sec .blog-text h5 {
        font-size: 20px;
    }

    .elementor-section .elementor-container.right-box {
        width: 100% !important;
    }

}

@media (max-width:575px) {


}

@media (max-width:479px) {
    #blog-sec .blog-text h5 {
        font-size: 18px;
    }

    #blog-sec .inner-box, #blog-sec .post-btm {
        padding: 10px 10px;
    }

    #blog-sec .blog-text p {
        margin-bottom: 10px;
    }
}

@media (max-width:320px) {

}

/* -------- Sidebar scroll fix css ----------- */

@keyframes smoothScroll {
    0% {
        transform: translateY(-60px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

#sidebar {
    transition: .5s;
    height: 100%;
}

#sidebar .message {
    position: sticky;
    top: 120px;
}

/* #sidebar.show {
    position: fixed;
    top: 70px;
    right: 140px;
    animation: smoothScroll 1s forwards;
    width: 320px;
    height: 100%;
    z-index: 1000;
} */



/* -------  blog page top heading css ------ */

#main-title {
    padding: 170px 0 90px;
    background: url(../img/blog-title1.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
}

#main-title::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.7);
}

#main-title .title-blog h2 {
    margin: 0;
    font-size: 40px;
    color: #fff;
    text-align: center;
    position: relative;
    font-family: 'Space Grotesk';
    z-index: 5;
}

.bg-overlay {
    position: relative;
}

.bg-overlay::after {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
}

.over-upper {
    z-index: 5;
}

.about-tier3 h2 > span {
    color: #ff5100;
}

.web-app-sec {
    background-color: #111a45 !important;
}

.web-app-sec.about-tier3 h2 {
    color: #fff !important;
}

.web-app-sec.about-tier3 .items {
    padding: 30px 30px;
    box-shadow: none;
    transition: .2s;
    background-color: #f8fcff;
}

.web-app-sec.about-tier3 .items:hover {
    background-color: #424f65;
}

.web-app-sec.about-tier3 .items .title {
    margin-bottom: 0;
}

.custom-main-box {
    display: flex;
    align-items: start;
}

.custom-left-side{
    width: 60%;
}

.custom-right-side {
    width: 40%;
}

.about-tier3 .custom-main-box .items .point {
    margin-bottom: 15px;
}

.custom-right-side img {
    margin-left: auto;
    display: block;
}

.about-tier-new {
    background-color: #111a45;
    padding: 40px 0 !important;
}

.about-tier-new .features-h3 {
    color: #fff;
    margin-top: 0;
}

.about-tier-new p {
    color: #fff;
    text-align: center;
}

.customer-app {
    padding-bottom: 40px;
}

.center-p {
    text-align: center;
}


/* ----- web-service sec css start ----- */

.web-services {
    padding: 50px 0;
}

.web-services .web-services-box {
    display: flex;
    height: 100%;
}

.web-services .web-services-left {
    width: 48%;
    margin-right: 20px;
}

.web-services .web-services-left .web-services-title {
    position: -webkit-sticky;
    position: sticky;
    top: 120px;
}

.web-services .web-services-right {
    width: 50%;
    margin-left: auto;
}

.web-services .web-services-solution {
    border-bottom: 1px solid #e6e6e6;
}

.web-services .web-services-right .dig_mark_tier2 {
    padding: 30px 0px 30px 30px !important;
}

.web-services .web-services-right .dig_mark_tier2 h3 {
    position: relative;
}

.web-services .web-services-right .dig_mark_tier2 h3::after {
    content: '';
    position: absolute;
    background: url(../img/arrow-icon.svg) no-repeat;
    height: 16px;
    width: 25px;
    top: 50%;
    left: 0;
    transform: translate(-40px, -40%);
}


/* ----- web-service sec css end ----- */

/* -------- footer css start --------- */

.main-flex-box {
    display: flex;
    align-items: start;
    justify-content: space-between;
    flex-wrap: wrap;
}

.main-menu {
    display: block !important;
    width: 25%;
}

.main-menu > li {
    width: 100% !important;
}

.first-title {
    width: 100% !important;
}

/* -------- footer css end --------- */


.banner-heading {
    width: 100%;
    max-width: 90% !important;
    word-break: break-all;
}




/* ------------- listing page css -------------- */

.section-space {
    padding: 20px 0 50px;
}

.section-space .listing-details {
    align-items: center !important;
}

.section-space .listing-details:not(:last-child) {
    margin-bottom: 50px;
}

.section-space .left-img {
    margin: 0 auto;
    height: 340px;
    width: 100%;
    max-width: 90%;
}

.section-space .left-img img {
    border-radius: 10px;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.section-space .list-title h2 {
    line-height: 1.3;
    font-size: 40px;
    margin-top: 0;
}

.section-space .view-btn a.paoc-popup-click {
    display: inline-block;
    padding: 8px 40px;
}

.section-space .list-title h3 {
    margin-top: 0px;
}

/* ------------- listing page css end -------------- */

/* ------------- batch sec css --------- */

.batch-sec {
    background-image: linear-gradient(180deg, #eff4ff 0%, #fee3d0 100%);
    padding: 50px 0;
}

.batch-sec .batch-card {
    width: 100%;
}

.batch-sec .batch-card .batch-title {
    margin-bottom: 60px;
    text-align: center;
}

.batch-sec .batch-card .batch-title h2 {
    margin-top: 0;
    font-size: 35px;
    line-height: 1;
}

.batch-sec .batch-card .batch-list .batch-box {
    width: 340px;
    height: 300px;
    text-align: center;
    margin-bottom: 20px;
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
}

.batch-sec .batch-card .batch-list .batch-box:not(:last-child) {
    margin-right: 20px;
}

.batch-sec .batch-card .batch-list .batch-box a {
    display: inline-block;
    height: 100%;
}

.batch-sec .batch-card .batch-list .batch-box img {
    width: 100%;
    height: 100%;
}

.batch-sec .batch-card .batch-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mobile-feature {
    display: flex;
    align-items: center;
    gap: 15px;
}

.mobile-feature .mobile-img {
    width: 50%;
}

.elementor-section .elementor-container.right-box.mobile {
    max-width: 50% !important;
    margin: 0 auto;
}


.about-tier3.space-remove .items.items-new {
    padding: 10px !important;
    box-shadow: none !important;
    background: transparent !important;
}

.about-tier3.space-remove .items.items-new:hover {
    color: unset !important;
}

/* ------------- batch sec css end --------- */


.filter-sec .filter-box  {
    margin-bottom: 50px;
}

.filter-sec .filter-box ul {
    display: flex;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0;
    padding-left: 40px;
}

.filter-sec .filter-box ul li:not(:last-child) {
    margin-right: 15px;
}

.filter-sec .filter-box ul li a {
    display: inline-block;
    color: #424f65;
    border: 1px solid #424f65;
    padding: 8px 30px;
}

.filter-sec .filter-box ul li a.active {
    background: linear-gradient(113deg, #dd154d 0%, #fd0036 50%, #fe613f 100%);
    color: #fff !important;
    border: none !important;
}

.ceoSection {
    margin-bottom: 30px;
}

.profileBox {
    max-width: 235px;
    width: 100%;
    margin: 0 auto 30px;
    text-align: center;
}

.profileBox .imgBox {
    height: 200px;
    width: 200px;
    margin: 0 auto;
}

.profileBox .imgBox img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.profileBox .ourTextBox h3 {
    margin: 10px 0 0px;
}

.profileBox .ourTextBox span {
    font-size: 18px;
    color: #111a45 !important;
}

.profileBox .ourTextBox .postName span{
    font-size: 13px;
    color: #424f65 !important;
}


/* ----- Responsive css start ----- */

@media (max-width:1399px) {

    #creation .half-img {
        height: 240px;
        width: 140px;
        right: 80px;
    }

    #creation .rotate-box svg {
        height: 440px;
        width: 540px;
    }
}

@media (max-width:1199px) {
    .grBtn .button {
        min-width: 230px;
    }

    .button:not([class*="product_type_"]) {
        padding: 12px 20px;
    }

    #slider-2-slide-8-layer-1{
        width:1000px !important;
    }
}

@media (max-width:1025px) {

    .site-content .down-arrow a span {
        display: none !important;
    }

    .site-content .down-arrow a::after {
        display: block !important;
    }

    .site-content .down-arrow a::before {
        display: block !important;
    }

}

@media (max-width:1024px) {

    .new-head-style,
    #challenge .challenge-box .top-heading h2 {
        font-size: 32px !important;
    }

    #challenge {
        padding: 50px 0;
    }

    .about-tier3.space-remove {
        padding: 40px 0 !important;
    }

    #tehcnology .tehcnology-box .tech-box .dark-box {
        width: 47%;
    }

    #creation .right-box .text-new h2 {
        font-size: 36px !important;
    }

    #tehcnology .tehcnology-box .title-box h2 {
        font-size: 36px;
    }

    #creation .rotate-box svg {
        height: 420px;
        width: 460px;
    }

    #creation .half-img {
        height: 230px;
        width: 130px;
        right: 60px;
    }

    .screen-full {
        width: 100% !important;
    }

    #sidebar.show {
        right: 10px;
    }

}

@media (max-width:991px) {

    #challenge .challenge-box .quest-box .box-box:not(:last-child) p {
        margin-bottom: 10px !important;
    }

    .new-head-style, #challenge .challenge-box .top-heading h2 {
        font-size: 30px !important;
    }

    .about-tier3.space-remove {
        padding: 30px 0 !important;
    }

    #tehcnology .tehcnology-box .tech-box .dark-box {
        width: 100%;
        margin: 0 0px 20px 0;
        padding: 15px 0px;
    }

    #tehcnology {
        padding: 40px 0;
    }

    #tehcnology .tehcnology-box .title-box h2 {
        font-size: 30px;
    }

    #tehcnology .tehcnology-box .tech-box .dark-box h3 {
        font-size: 20px;
    }

    #creation .right-box .text-new h2 {
        font-size: 26px !important;
    }

    #creation .creation-box {
        flex-wrap: wrap;
        padding: 25px 25px;
        text-align: center;
    }

    #creation .half-img {
        height: 220px;
        width: 120px;
        right: 20px;
    }

    #creation .rotate-box svg {
        height: 420px;
        width: 340px;
    }

    #creation .half-img {
        height: 200px;
        width: 100px;
        right: 30px;
    }

    .grBtn .button {
        min-width: 260px;
    }

    .grBtn {
        flex-wrap: wrap;
    }

    #slider-2-slide-8-layer-1{
        width:700px !important;
    }

    #slider-2-slide-8-layer-2,
    #slider-2-slide-10-layer-2,
    #slider-2-slide-9-layer-2 {
        display: none !important;
    }

    .jw-testimonials__comment.slider-p {
        width: 75% !important;
    }

    .site .elementor-counter .elementor-counter-number-wrapper {
        font-size: 40px;
    }

    #sidebar.show {
        position: unset;
        width: 100%;
        margin-top: 30px;
        animation: none;
    }

    #details .details-box .row {
        flex-direction: column-reverse;
    }

    #details {
        padding: 100px 0 40px;
    }

    #information {
        padding: 40px 0;
    }

    .batch-sec .batch-card .batch-list {
        justify-content: center;
        flex-wrap: wrap;
    }

    .mobile-feature {
        flex-wrap: wrap;
    }

    .mobile-feature.center-feture {
        flex-direction: column-reverse;
    }

    .mobile-feature .mobile-img {
        width: 100%;
    }

    .elementor-section .elementor-container.right-box.mobile {
        max-width: 100% !important;
    }

}

@media (max-width:767px) {

    .new-style-size {
        font-size: 16px !important;
    }

    .work-detail {
        padding: 100px 0 50px !important;
    }

    #challenge {
        padding: 40px 0;
    }

    .new-head-style, #challenge .challenge-box .top-heading h2 {
        font-size: 28px !important;
    }

    .about-tier3 .items .title {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .about-tier3.space-remove .items {
        padding: 20px 30px;
    }

    .bg-black {
        padding: 10px 0 50px 0;
    }

    #challenge .challenge-box .quest-box .box-box p {
        font-size: 16px !important;
    }

    #creation .right-box .text-new h2 {
        font-size: 26px !important;
    }

    #creation .left-box {
        display: none;
    }

    #creation .right-box {
        width: 100%;
    }

    #creation .right-box .text-new a {
        margin-top: 0px;
    }

    .main-menu {
        width: 33.33%;
        margin-bottom: 10px !important;
    }

    #slider-2-slide-8-layer-1{
        width:600px !important;
    }

    .web-services .web-services-box {
        flex-wrap: wrap;
    }

    .web-services .web-services-left,
    .web-services .web-services-right {
        width: 100%;
    }

    .web-services-solution.dig_mark_tier2 p,
    .web-services-title.dig_mark_tier2 p {
        max-width: 100%;
    }

    .web-services .web-services-left {
        margin-right: 0px;
    }

    .custom-main-box {
        flex-direction: column-reverse;
    }

    .custom-left-side,
    .custom-right-side {
        width: 100%;
    }

    .custom-right-side img {
        margin: 0 auto;
    }

    .size-full-box {
        width: 100% !important;
    }

    .dig_mark_tier1 p {
        max-width: 100% !important;
    }

    .profile-box-btm {
        padding: 30px 20px;
    }

    .profile-box-btm .row .col-6 {
        width: 100%;
    }

    .profile-box-btm .bg-box {
        margin-bottom: 20px;
    }

    .batch-sec .batch-card .batch-list .batch-box:not(:last-child) {
        margin-right: 0px;
    }

    .right-text .list-title {
        padding: 10px 30px;
    }

    .section-space .list-title h2 {
        font-size: 35px;
    }

    .section-space .left-img {
        height: 300px;
    }

}

@media (max-width:575px) {

    #challenge {
        padding: 30px 0;
    }

    .bg-black {
        padding: 10px 0 50px 0;
    }

    .new-head-style, #challenge .challenge-box .top-heading h2 {
        font-size: 26px !important;
        margin-bottom: 20px;
    }

    #tehcnology .tehcnology-box .title-box h2 {
        font-size: 26px;
    }

    .main-menu {
        width: 50%;
    }

    .site-footer .footer-widgets .footer-aside-wrap aside {
        padding: 20px 15px 0 15px;
    }

    .ctaBox p {
        margin-bottom: 20px;
    }

    .footer-widgets {
        padding-top: 20px;
    }

    #slider-2-slide-8-layer-1{
        width:450px !important;
    }

    .site .elementor-counter .elementor-counter-number-wrapper {
        font-size: 35px;
    }

    .web-services-title.dig_mark_tier2 h2 {
        max-width: 100% !important;
        font-size: 35px;
    }

    .remove-top {
        padding-top: 0 !important;
    }

    .section-space .list-title h2 {
        font-size: 32px;
    }

    .filter-sec .filter-box ul {
        flex-wrap: wrap;
        row-gap: 10px;
    }

}

@media (max-width:479px) {

    #creation .right-box .text-new h2 {
        font-size: 24px !important;
    }

    .main-menu {
        width: 100%;
    }

    .service-panel {
        width: 100% !important;
    }

    .infoBox li i {
        font-size: 30px;
    }

    #slider-2-slide-8-layer-1{
        width:350px !important;
    }

    .down-arrow {
        display: none !important;
    }

    .site-content .content-header {
        padding: 60px 0 30px;
    }

    .wrap-btn {
        white-space: break-spaces !important;
    }

    .remove-pd-php {
        padding: 0 20px !important;
    }

    #main-title .title-blog h2 {
        font-size: 30px;
    }

    #main-title {
        padding: 150px 0 80px;
    }

    #details .details-box .top-head h1 {
        font-size: 32px;
    }

    #information .common-p {
        font-size: 18px;
    }

    .batch-sec .batch-card .batch-title h2 {
        font-size: 32px;
    }

    .section-space .list-title h2 {
        font-size: 28px;
    }

}

@media (max-width:390px) {

    .jw-team-member__name.text-employ {
        font-size: 16px !important;
    }

    .remove-pd-box {
        padding: 20px !important;
    }

    #information .post-box {
        flex-wrap: wrap;
    }

    #information .post-box .icon-box {
        margin-top: 10px;
    }
}

@media (max-width:375px) {

    #tehcnology .tehcnology-box .tech-box .dark-box h3 {
        font-size: 18px;
    }

    .about-tier2 .slider .slick-dots li {
        width: 30px;
    }

    #information .common-p {
        font-size: 16px;
    }

    #information .border-com {
        padding-top: 30px;
    }


}

@media (max-width:360px) {

    .site-topbar .social-icons{
        display: flex !important;
    }

    .jw-testimonials__comment.slider-p {
        width: 65% !important;
    }

    #slider-2-slide-8-layer-1{
        width:310px !important;
    }

    .logo.logoDefault {
        width: 130px;
    }

    .nowrap-box {
        flex-wrap: nowrap !important;
    }

    .batch-sec .batch-card .batch-list .batch-box {
        width: 280px;
        height: 260px;
    }

}




@media (max-width:1400px) {
    #chatBox .card {
        width: 87%;
    }
}

@media (max-width:1199px) {
    #chatBox .card {
        width: 82%;
    }
}