@import url('https://waps.l3s.uni-hannover.de/live/cs_/https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100..900&display=swap');
 @import url('https://waps.l3s.uni-hannover.de/live/cs_/https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap'); 
 
  @import url('https://waps.l3s.uni-hannover.de/live/cs_/https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');




:root {
    --red: #bf161d;
    --back: #2f2e2e;
    --font_inter: "Inter"
}


:root {
    --gray-dark: #343a40
}
.error {display:none}

.top-mren ul li,li.we-are-hiring {
    padding: 0!important
}

.ribbon span,.th-nav,.th-tickerheading strong,ul.product-flag li {
    text-transform: uppercase
}

.panel.panel-default.dhf_comong .panel-collapse{display:block;height: auto !important;}



#category_faq .panel-title a,.career_btn {
    text-decoration: none!important;
    color: #fff !important
}

.box .content .title h3,.press_releases_content .article_title {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis
}

.bs_industry .indus_grid,.sic_l {
    grid-template-columns: 1fr 1fr 1fr 1fr
}





.extra_addsd .bb_d.active .refg span i{
    rotate: 180deg;
}
.extra_addsd .bb_d.active .pack_lists{
    display: block;
    background: #fff;
}
.extra_addsd .bb_d:last-child{margin-bottom:0}
.extra_addsd .bb_d{background: #e8eaeb;border: 1px solid #eee;margin-bottom: 10px;border-radius: 5px;}
.extra_addsd .bb_d .refg{color: #000;padding: 10px;font-size: 17px;display: flex;justify-content: space-between;cursor: pointer;}
.extra_addsd .bb_d .pack_lists{
    padding: 10px;
    display: none;
    border-top: 1px solid #eee;
}
.extra_addsd .bb_d .pack_lists ul{list-style: none;display: flex;padding: 1px;margin: 0;gap: 6px;}
.extra_addsd .bb_d .pack_lists ul li{background:#f5f7f8;}
.extra_addsd .bb_d .pack_lists ul li {/* border: 1px solid #d9d9d9; */font-size: 15px;border-radius: 4px;overflow: hidden;}
.extra_addsd .bb_d .pack_lists ul li a {color: #ffffff;background: #0b2d5d;padding: 5px 8px;display: block;}






.blue_head .th-header {
    position: absolute;
}

.blue_head .th-nav>div>ul>li>a {
    color: #ffffff;
}

.blue_head .th-logo.innear {
    display: none;
}

.blue_head .th-logo.outer {
    display: block;
}

.th-logo.outer {
    display: none;
}

.blue_head .sticky .th-logo.outer {
    display: none;
}

.blue_head .sticky .th-logo.innear {
    display: block;
}

.blue_head .sticky .th-nav>div>ul>li>a {
    color: #000;
}

.blue_head .sticky .cs_mega.portal.digital-marketing a {
    color: #000 !important;
    border: 1px solid #000;
}

.th-header {
    padding: 0px 0px 0px;
    position: relative;
    z-index: 999;
    width: 100%;
}

.blue_head .cs_mega.portal.digital-marketing a {
    color: #ffffff !important;
    border: 1px solid #ffffff;
}

.th-header.sticky {
    position: fixed;
    width: 100%;
    background: #fff;
    z-index: 999
}

.tih {
    background: #0b2d5d;
}

.th-header:after {
    left: 0;
    bottom: 0;
    height: 2px;
    width: 100%;
    content: '';
    position: absolute;
    /* background: #bf161d; */
}

.th-topbar {
    background: #222
}

.th-newsticker {
    width: 76%;
    float: left;
    position: relative
}

.th-tickerheading {
    width: 16%;
    float: left;
    min-height: 40px;
    background: #fff;
    position: relative
}

.th-tickerheading:before {
    top: 0;
    right: 100%;
    width: 9999px;
    height: 100%;
    content: '';
    background: #fff;
    position: absolute
}

.th-tickerheading:after {
    top: 0;
    left: 100%;
    width: 0;
    height: 0;
    content: '';
    position: absolute;
    border-top: 40px solid #fff;
    border-right: 20px solid transparent
}

.th-tickerheading strong {
    display: block;
    font-size: 14px;
    line-height: 40px;
    color: #000
}

.th-nav ul,.th-nav>div>ul>li {
    line-height: inherit;
    float: left;
}

.th-tickerslider {
    width: 70%;
    float: left;
    padding: 10px 0 10px 40px;
    overflow: hidden;
    color: #fff !important;
    font-size: 14px
}

.copy-main p,.phone-logos .row,.th-allpostslider .th-themepost,.th-tickerslider .th-description p,figure {
    margin: 0
}

.th-tickernext,.th-tickerprev {
    top: 50%;
    right: 20px;
    width: 18px;
    height: 11px;
    margin: -5px 0 0;
    cursor: pointer;
    position: absolute
}

.th-tickerprev {
    right: 60px
}

.th-tickernext span,.th-tickerprev span {
    display: block;
    height: inherit;
    background: url(img/icon-01.png) no-repeat
}

.th-tickernext span {
    background-position: 100% 0
}

.th-dateplusaddnav {
    width: 24%;
    float: right;
    padding: 10px 0 10px 20px;
    min-height: 40px;
    position: relative;
    background: #121212
}

.th-dateplusaddnav:before {
    top: 0;
    left: 100%;
    width: 9999px;
    height: 100%;
    content: '';
    position: absolute;
    background: #121212
}

.th-timedate {
    float: left;
    color: #fff !important;
    font-size: 12px;
    line-height: 20px;
    padding: 0 0 0 35px;
    background: url(images/icon-02.png) no-repeat
}

.th-addnavbtn {
    float: right;
    color: #fff !important;
    font-size: px;
    line-height: 20px
}

.clients-images-wrapper,.left_form div,.media_coverage .col-md-3,.media_coverage .col-md-9,.thankyou_maiL_popup .thankyou_maiL_p,.top_list .New_s,body.th-showaddnav {
    overflow: hidden
}

.top-mren ul li a {
    padding: 8px 11px!important;
}

.top-mren ul li a.get-quote {
    /* background: #bf161d; */
    border-radius: 0
}

.th-navigation.float-right {
    float: right;
    width: auto;
    min-height: auto;
}

.th-bgaddnav {
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 9998;
    display: none;
    position: fixed;
    overflow: hidden;
    background: rgba(0,0,0,.9)
}

.th-addnavbox {
    top: 0;
    right: 0;
    width: 300px;
    height: 100%;
    z-index: 9999;
    position: absolute;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    background: url(images/bg-addnav.png) 0 100% no-repeat #2f281f
}

.th-addnav {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    padding: 0 0 140px
}

.th-addnav ul {
    width: 100%;
    float: left;
    height: 100%;
    list-style: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center
}

.th-addnav ul li {
    width: 100%;
    float: left;
    text-align: center;
    list-style-type: none
}

.th-addnav ul li a {
    color: #fff !important;
    display: inline-block
}

.th-copyrightsocialicons {
    left: 0;
    bottom: 30px;
    width: 100%;
    z-index: 10000;
    padding: 0 30px;
    position: absolute
}

#basicSlider,#mixedSlider,.case-block-one,.link_tabs .rel,.local_re_levance .ll_heading_t,.position-relative,.simple-mne,.testimonial-one .section-sub-title-box,.th-nav>div>ul,.th-nav>div>ul>li.th-dropdown,.th-navigation,.thankyou_content,.w3-display-container,.w3-tooltip {
    position: relative
}

.th-copyrightsocialicons .th-copyright {
    width: 100%;
    color: #fff !important;
    display: block;
    font-size: 13px;
    font-weight: 300;
    line-height: 16px;
    padding: 20px 0 0;
    text-align: center
}

body.th-showaddnav .th-addnavbox {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.th-logoarea {
    width: 100%;
    padding: 0;
    height: 100%;
    display: flex;
}

.text_algna,.th-addbox,.wwwfd li:nth-child(2),.wwwfd li:nth-child(4) {
    float: right
}

#wowslider-container1,.banner-slider .desktop-banner,.complaint-feedback .floraforms .field,.content-bg.serv_e p b.bra_ke,.feature-box h3 strong,.services-section,.th-addbox img,picture {
    display: block
}

.th-logo {
    padding: 3px 0
}

.th-logo a {
    display: block;
    font-size: 28px;
    color: #fff !important;
    font-family: cursive
}

.th-logo a img {
    display: block;
    width: 100px;
}

.th-navigation {
    padding: 0;
    z-index: 3;
    line-height: 14px
}

.th-nav {
    font-size: 14px;
    line-height: 14px;
    font-weight: 700;
    margin: 0 0 -5px
}

.th-nav ul {
    list-style: none
}

.th-nav>div>ul {
    width: 100%;
    padding: 0;
    margin: 0;
    display: flex;
}

.th-nav>div>ul>li {
    padding: 17px 0;
    list-style-type: none;
    border-bottom: 0 solid #ff3f3a
}

.th-nav>div>ul li:nth-child(2),.th-nav>div>ul li:nth-child(3),.th-nav>div>ul li:nth-child(4),.th-nav>div>ul li:nth-child(5),.th-nav>div>ul li:nth-child(6) {
    /* border-color: #bf161d; */
}

.th-nav>div>ul li:nth-child(7) {
    padding-right: 0;
    border-color: #bf161d
}

.th-nav>div>ul>li>a {
    display: block;
    /* padding: 3px 0 0 0px; */
    position: relative;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 600;
    color: #2b2b2b;
    line-height: 15px;
    text-decoration: none;
    text-align: center;
}

li.we-are-hiring {
    float: right!important
}

li.we-are-hiring a {
    background: #1279be;
    color: #fff !important;
    display: block!important;
    padding: 8px 16px!important
}

#Subheader .breadcrumbs ul li:last-child:before,.banner-slider .mobile-banner,.client-list-section.googe-rating,.fact-counter,.header-content-2.mobile_conte,.hide_vr,.mobile-desss,.phone-logos .lite-blacks li:before,.press_releases_content .press-releases_container .article_img__placeholder,.press_releases_content .press-releases_container .article_wrap>img,.social_connect a:hover span,.th-nav ul li.th-megadropdown ul li a:before,li.we-are-hiring a:before {
    display: none
}

.th-nav>div>ul>li>a img {
    width: 40px
}

.th-nav>div>ul>li>a:before {
    top: 0;
    right: 0;
    position: absolute;
    font-family: FontAwesome
}

.th-nav ul>li>ul {
    top: 150%;
    left: 0;
    width: 240px;
    clear: both;
    margin: 0;
    list-style: none;
    background: #fff;
    position: absolute;
    line-height: 40px;
    font-weight: 300;
    text-transform: capitalize;
    font-family: Roboto,Arial,Helvetica,sans-serif;
    -webkit-box-shadow: 0 0 7px 2px rgba(0,0,0,.5);
    box-shadow: 0 0 7px 2px rgba(0,0,0,.5)
}

.th-nav ul li ul li {
    position: relative;
    list-style-type: none
}

.th-nav ul>li>ul>li>a {
    z-index: 2;
    color: #000;
    display: block;
    padding: 0 25px;
    position: relative;
    line-height: inherit
}

.th-nav ul li ul li a:before {
    top: 0;
    left: 0;
    content: '';
    width: 0;
    z-index: -1;
    height: 100%;
    position: absolute
}

.th-nav ul li ul li.th-hasdropdown>a:after {
    top: 0;
    right: 20px;
    height: 100%;
    content: '\f105';
    position: absolute;
    font-family: FontAwesome
}

#Subheader .breadcrumbs ul li a,.clientele_area .white,.cont a,.content-box .sec-title p,.hvr-shutter-out-horizontal:hover,.local_re_levance .ll_heading_t h3,.most_trusted p a,.post-inner .read-more a,.service-block-five .inner-box:hover .content-box h4,.th-haslayout.new-dse figcaption h2 a,.th-nav ul>li>ul>li:hover>a,.th-nav ul>li>ul>li>a:hover {
    color: #fff !important
}

.price img,.all_serv .box .icon img,.app_process_box .sec2,.banner_All_state img,.box_clj .box_clj_img img,.ccc .video_Top img,.clients-images ul li img,.coT_Img .serv img,.complaint-feedback .floraforms .frm-row .colm12,.cus_t .whole .img img,.development-tech .technology a img,.div_re .div_revi .logo img,.fix-image img,.googe-rating,.googe-rating .rating-box,.googe-rating .rating-box .col-iumg,.googe-rating .rating-box .col-iumg img,.googe-rating .rating-box .content,.googe-rating .rating-box .content h3,.googe-rating .rating-box .content p,.googe-rating .rating-box .content p img,.googe-rating .rating-box .content p span,.hds img,.image-block img,.image_block_1 .image-box img,.local_re_levance .box_clj_img img,.media_coverage .media-w .media-logo img,.new_layt .whole .img img,.out_pr .icon img,.serve_industries.ldi h3,.service-block-five .icon img,.services-section .author-box .author-thumb img,.sideBar .formm .talk-to-us img,.th-nav ul>li>ul>li:hover>a:before,.th-navigation,.top-logos .logo-bg img,.video_CC .video_cover img,.why-us_testimonial .icon-box .icon img {
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.th-nav>div>ul>li:hover>ul {
    top: 82px;
    display: grid;
    z-index: 1;
    padding: 15px !important;
    !i;!; }

.th-nav ul>li>ul>li>ul {
    top: 0;
    left: 150%
}

.th-nav ul>li>ul>li:hover>ul {
    left: 100%;
    opacity: 1;
    visibility: visible
}

.th-nav ul li.th-megadropdown>ul {
    top: 59px;
    left: 0;
    width: 100%;
    padding: 40px 50px;
    position: absolute;
    display: none;
    table-layout: fixed;
    line-height: 16px;
    -webkit-box-shadow: 0 0 7px 2px rgba(0,0,0,.5);
    box-shadow: 0 10px 5px rgb(201 201 201 / 50%);
    background: #e1e1e1;
    grid-template-columns: 1fr;
    gap: 10px;
}

.website-design-mid .th-megadropdownmenu {
    /* left:-257px !important; */
}

.services-mid .th-megadropdownmenu {
    /* left:-295px !important; */
}

.th-nav ul li.th-megadropdown ul li {
}

.th-nav ul li.th-megadropdown>ul>li>a {
    padding: 0px;
    color: #191919;
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
    margin: 0;
    /* text-transform: uppercase; */
    line-height: 36px;
}

.event-list-item h3 a,.th-nav ul li.th-megadropdown>ul>li:hover>a,.th-nav ul li.th-megadropdown>ul>li>a:hover,li.cs_mega ul.cs-dropdown li:hover .menu_catname span {
    color: #191919;
}

.th-allpostslider,.th-dropdowntabs {
    width: 100%;
    float: left;
    overflow: hidden
}

.acodez-won .box-2 li a>div,.card-text .card-heading,.col-md-12.domen,.phone-logos .col-md-6,.th-allpostslider .th-posttitle,.th-dropdowncontent .th-posttitle {
    padding: 0
}

.th-allpostslider .th-posttitle h2,.th-dropdowncontent .th-posttitle h2 {
    font-size: 14px;
    line-height: 17px;
    font-weight: 700
}

.th-allpostslider .th-posttitle h2 a,.th-dropdowncontent .th-posttitle h2 a {
    color: #4a4a4a
}

.th-allpostslider .th-rbtnslidernext,.th-allpostslider .th-rbtnsliderprev {
    z-index: 10
}

.th-allpostslider .th-rbtnslidernext {
    right: -40px
}

.th-allpostslider .th-rbtnsliderprev {
    left: -40px
}

.th-dropdowntabnav {
    width: 25%;
    float: left;
    margin: 0 0 -999px;
    padding: 40px 0 999px;
    background: #f2f2f2;
    position: relative;
    border-left: 1px solid #dbdbdb
}

.th-dropdowntabnav:before {
    top: 0;
    right: 0;
    content: '';
    width: 1px;
    height: 100%;
    position: absolute;
    background: #dbdbdb
}

.about-logd,.about-logd.home_ab_logd,.th-dropdowncontent .tab-pane,.th-dropdowntabs li {
    width: 100%;
    float: left
}

.th-dropdowntabs li a {
    color: #000;
    display: block;
    padding: 0 50px;
    line-height: 38px;
    background: #f2f2f2;
    position: relative;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    border-right: 1px solid #dbdbdb
}

.ribbon span,ul.cs-dropdown li {
    padding: 5px 0;
    text-align: center
}

.th-dropdowntabs li a:after {
    top: 0;
    left: 25px;
    content: '\f105';
    position: absolute;
    font-family: FontAwesome
}

.th-dropdowntabs li.active a,.th-dropdowntabs li:hover a {
    background: #fff;
    border-color: #dbdbdb #fff #dbdbdb #dbdbdb
}

.complaint-feedback .flora-wrap,.complaint-feedback .floraforms .flo-input,.complaint-feedback .floraforms .flo-textarea,.div_re,.th-nav ul li.th-megadropdown ul.th-megadropdownmenu.th-tabs {
    padding: 10px
}

.th-dropdowncontent {
    width: 75%;
    float: left;
    padding: 30px 22px
}

#right_nav,.position_static {
    float: right;
    position: static
}

.th-dropdowncontent .tab-pane>h2 {
    color: #000;
    font-size: 20px;
    line-height: 23px;
    font-weight: 700;
    margin: 0 0 30px;
    text-transform: capitalize
}

.th-dropdowncontent .th-themepost {
    width: 25%;
    float: left;
    margin: 0;
    padding: 0 8px
}

.th-btnsearch {
    float: right;
    padding: 0 0 18px;
    margin: 0 0 -5px;
    position: relative;
    border-bottom: 5px solid #222
}

.th-btnsearch:before {
    right: 0;
    bottom: -5px;
    content: '';
    width: 500px;
    height: 5px;
    background: #222;
    position: absolute
}

.th-btnsearch span {
    display: block;
    width: 21px;
    height: 21px;
    background: url(images/icon-03.png) no-repeat
}

.tih .th-nav>div>ul>li {
    float: left;
    padding: 0 0px 0px 0;
    list-style-type: none;
    line-height: inherit;
    border-bottom: 0 solid #ff3f3a
}

.tih .th-nav>div>ul>li>a.blink {
    animation: 1.5s infinite blink;
    background: #30a4ee;
    color: #fff !important;
    padding: 10px 20px!important;
    border-radius: 50px!important;
    margin-top: 8px;
    line-height: normal
}

.tih .th-nav>div>ul>li>a {
    color: #fff !important;
    display: block;
    padding: 18px 18px 0 0;
    line-height: inherit;
    position: relative
}

#right_nav {
    display: block;
    margin: 5px 0;
    padding: 3px 0 0
}

#right_nav li {
    float: left;
    display: inline-block;
    padding: 0;
    position: static;
    list-style: none
}

#right_nav li a {
    color: #fff !important;
    display: block;
    font-size: 14px;
    padding: 4px;
    position: relative;
    text-decoration: none
}

#right_nav li a img {
    margin-right: 7px;
    width: 23px
}

.cs_mega.portal.digital-marketing {
    position: relative;
    /* right: -15px; */
    top: 0;
    /* background: #0b2d5d; */
    padding: 0px;
    float: inherit !important;
    !i;!;display: flex;
    align-items: center;
}

.cs_mega.portal.digital-marketing a {
    color: #2b2b2b !important;
    /* margin-top: 3px; */
    padding: 9px 11px;
    border: 1px solid #2b2b2b;
    border-radius: 57px;
}

.tih .th-nav>div>ul>li>a.blink:before {
    top: 9px;
    right: 5px;
    content: '\f107';
    position: absolute;
    font-family: FontAwesome
}

.th-nav>div>ul>li>a .icon i {
    display: inline-block;
    vertical-align: top;
    width: 32%
}

.th-nav>div>ul>li>a .icon em {
    vertical-align: top;
    padding-left: 3px;
    text-align: left;
    display: inline-block;
    font-style: normal;
    padding-top: 6px
}

.th-megadropdown.portal {
    width: 13%;
    /* position: relative; */
}

.th-megadropdown.portal img {
    left: 0;
    width: 33px;
    top: 50%;
    position: absolute;
    transform: translate(0,-50%)
}

ul.cs-dropdown li {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    -webkit-transition-duration: .3s;
    border: 0;
    transition: .5s;
    padding: 0;
}

li.cs_mega ul.cs-dropdown li:active:before,li.cs_mega ul.cs-dropdown li:focus:before,li.cs_mega ul.cs-dropdown li:hover:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}

ul.cs-dropdown li:before {
    content: "";
}

li.cs_mega ul.cs-dropdown li a {
}

.menu_catname {
}

.menu_catname span {
}

.ribbon-top-left {
    top: -10px;
    left: -10px
}

.ribbon {
    width: 70px;
    height: 70px;
    overflow: hidden;
    position: absolute
}

.ribbon-top-left:before {
    top: 0;
    right: 0
}

.ribbon-top-left:after,.ribbon-top-left:before {
    border-top-color: transparent;
    border-left-color: transparent
}

.ribbon:after,.ribbon:before {
    position: absolute;
    z-index: -1;
    content: '';
    display: block;
    border: 5px solid #51c4f1
}

.clockdiv,ul.product-flag li {
    background: rgb(18 121 190);
    border-radius: 0 30px 30px 0;
    display: inline-block;
    position: absolute;
    left: 0
}

.ribbon-top-left span {
    right: -25px;
    top: 20px;
    transform: rotate(-45deg)
}

.ribbon-top-left:after {
    bottom: 0;
    left: 0
}

.ribbon span {
    position: absolute;
    display: block;
    width: 137px;
    background-color: #51c4f1;
    box-shadow: 0 5px 10px rgb(0 0 0 / 10%);
    color: #fff !important;
    font: 700 10px/1 Lato,sans-serif;
    text-shadow: 0 1px 1px rgb(0 0 0 / 20%)
}

.banner_cnt,.banner_sec h1 {
    text-shadow: 1px 1px 3px #666
}

.th-haslayout.new-dse {
    background: #e9e9e9
}

.th-haslayout.new-dse figcaption {
    position: inherit;
    background: #1279be;
    overflow: hidden;
    padding: 9px 0;
    text-align: center
}

.th-haslayout.new-dse figcaption h2 {
    color: #fff !important;
    font-size: 17px!important
}

.th-haslayout.new-dse .th-themepost-img {
    overflow: hidden;
    background: #fff;
    box-shadow: 0 0 10px #000
}

.th-haslayout.new-dse .th-themepost-img img {
    margin: 36px 0;
    overflow: hidden
}

.th-haslayout.new-dse .th-lifestylepost .th-themepost {
    margin: 0 0 2px;
    border-top: 3px solid #1279be;
    position: relative;
    overflow: initial
}

.th-haslayout.new-dse .th-section-head h2 {
    color: #2291cb
}

.new-dse .th-category {
    float: left;
    box-shadow: 0 0 10px #000;
    margin: 0 0 75px
}

.clockdiv {
    bottom: -20px;
    line-height: 1;
    padding: 7px 15px 7px 14px;
    z-index: 1;
    width: 90%
}

.clockdiv::after {
    content: "";
    transform: rotate(45deg);
    display: inline-block;
    position: absolute;
    bottom: -12px;
    left: 0;
    z-index: 1;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid rgb(18 121 190)
}

.clockdiv h2 {
    font-size: 16px;
    margin: 0
}

.clockdiv h2 a {
    color: #fff !important
}

ul.product-flag li {
    color: #fff !important;
    width: 80px;
    line-height: 40px;
    height: 40px;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    transform: rotate(90deg);
    z-index: 9;
    top: 10px!important;
    padding: 0
}

ul.product-flag li::before {
    content: "";
    transform: rotate(-45deg);
    display: inline-block;
    position: absolute;
    top: -6px;
    left: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid rgb(18 121 190)
}

ul.product-flag li.discount {
    background-color: rgb(81 196 241);
    left: 50px
}

ul.product-flag li.discount:before {
    border-top: 7px solid rgb(81 196 241)
}

.th-megadropdownmenu.th-tabs.cs-dropdown img {
    transform: inherit;
    position: relative;
    width: 100%
}

.simple-drop-dowmn {
    width: 100%!important;
    padding: 0!important;
    background: #fff!important
}

.simple-drop-dowmn li {
    width: 100%;
    display: block!important
}

.simple-drop-dowmn li a {
    font-size: 15px!important;
    text-decoration: none
}

.simple-drop-dowmn li a:hover {
    background: #282828;
    color: #fff !important
}

.banner-slider {
    background: url(/live/oe_/https://www.cssfounder.com/img/bg.jpg);
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.banner-slider:before {
    content: '';
    background: #0000005c;
    position: absolute;
    width: 100%;
    height: 100%
}

.banner-slider img {
    width: 100%;
    position: relative
}

iframe {
    width: 100%;
    height: 628px;
    border: none;
    overflow-y: hidden!important
}

.client-list-section {
    background: #ddd;
    padding: 0;
    overflow: hidden
}

.Css_tab ul li a:hover {
    background: #282828
}

.services-section {
    /* background: #f5f5f5; */
}

.clients-images ul {
    padding: 0;
    margin: 0;
    display: flex
}

.clients-images ul li {
    display: inline-block;
    background: #fff;
    padding: 5px;
    border: 1px solid #d2d2d2;
    width: 9.1%
}

@keyframes slide {
    0% {
        transform: translate3d(0,0,0)
    }

    100% {
        transform: translate3d(-11991px,0,0)
    }
}

.feature-box {
    width: 85px;
    float: left;
    position: relative
}

.feature-box h3 {
    font-size: 15px;
    text-align: center;
    margin: 9px 0
}

.feature-box:after {
    background: url(/live/oe_/https://www.cssfounder.com/img/sprites.png) top right no-repeat;
    top: 0;
    right: -12px;
    position: absolute;
    content: "";
    width: 20px;
    height: 60px
}

.services-section {
    position: relative;
    padding: 30px 0;
    overflow: hidden
}

.services-section .auto-container {
    position: static;
    margin: 0 auto;
    max-width: 100%!important;
    padding: 0!important;
    overflow: hidden;
}

.services-section .wrapper-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.sec-title {
    position: relative;
    margin-bottom: 20px
}

.services-section .sec-title.light .sub-title,.services-section .sec-title.light h2 {
    color: #fff !important;
    -webkit-text-fill-color: inherit;
    font-size: 52px
}

.sec-title h2 {
    font-size: 28px;
    padding: 10px 0;
    font-family: inherit;
    position: relative;
    display: block;
    line-height: 1.1em;
    font-weight: 700;
    text-transform: capitalize;
    letter-spacing: 0;
    color: #333;
    margin: 0
}

.services-section .icon-box .icon,.why-us_testimonial .icon-box .icon {
    position: absolute;
    left: 0;
    top: 0;
    height: 80px;
    width: 80px;
    text-align: center;
    line-height: 80px;
    border-radius: 50%;
    background: #fff;
    overflow: hidden
}

.services-section .left-column {
    /* position: relative; */
    /* width: 50%; */
    /* padding: 27px 45px 19px; */
}

.content-box .text p {
    color: #000;
    text-align: justify;
    font-size: 16px;
}

/*.top-logos { width: 15%; background: #282828; float: right; text-align: center; padding: 0; border-left: 1px solid #fff } .top-logos h3 { text-align: center; font-weight: 900; margin: 20px 0; color: #fff !important } .top-logos .logo-bg { background: #d8d8d8; display: block; width: 100%; padding: 14px; margin-bottom: 15px; box-shadow: 0 5px 10px #adadad } .top-logos .logo-bg:last-child { margin-bottom: 9px }*/
.services-section .right-column {
    /* position: relative; */
    /* width: 50%; */
}

.services-section .right-column .timeline.column {
    /* padding: 27px 45px 70px; */
}

.services-section .border-box .border_middile {
    position: absolute;
    content: '';
    top: 0;
    left: 25%;
    width: 2px;
    height: 100%;
    background: url(/live/oe_/https://www.cssfounder.com/img/shape-3.png) center no-repeat
}

.client-l {
    padding: 14px;
    background: #fff
}

#about-us .column {
    width: 46%;
    margin-left: 0;
    margin-right: 3.8%;
    clear: none;
    float: left;
    padding: 2em 0
}

.timeline time {
    /* display: block; */
    /* width: 4.111em; */
    /* color: #333; */
    /* text-align: center; */
    /* font-weight: 700; */
    /* margin-left: -74px; */
}

.timeline .experience {
    /* position: relative; */
    /* float: left; */
    /* margin-left: -46px; */
    /* padding-left: 3em; */
}

.timeline .experience-img {
    /* float: left; */
    /* width: 4em; */
    /* height: 4em; */
}

.timeline .experience-img i {
    /* color: #333; */
    /* font-size: 2.5em; */
    /* display: block; */
    /* line-height: 36px; */
}

.timeline .experience-info {
    /* margin-left: 4.444em; */
    /* margin-bottom: 11px; */
}

.timeline .experience-img,.timeline .experience-info,.timeline .experience-info .role,.timeline .experience-info h3,.timeline .experience-info p {
    clear: none
}

.timeline .experience-info p {
    /* line-height: 1.4em; */
    /* margin-bottom: 2px; */
    /* color: #000; */
    /* text-align: justify; */
    /* font-size: 16px; */
}

.timeline .experience-info h3 {
    /* margin-top: 0; */
    /* margin-bottom: .333em; */
    /* font-size: 15px; */
    /* color: #333; */
    /* font-weight: 600; */
}

.clients-images .col-md-2 {
    width: 20%
}

.solutions-wrapper.service-he {
    padding: 20px 0
}

.delivery-sec {
    padding-bottom: 35px
}

.deliver-head {
    text-align: center;
    margin-bottom: 40px;
}

.deliver-head h3 {
    font-weight: 700;
    font-size: 28px;
    color: #0e3d52;
    text-align: center;
    margin: 0;
    /* font-family: inherit; */
    line-height: 40px;
}

.deliver-head h1 {
    font-size: 16px;
    margin-top: 0;
}

.card-wrapper {
    display: grid;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0;
    gap: 15px;
    grid-template-columns: 1fr 1fr 1fr;
}

.card-sec,.card-sec.end-block {
    width: 100%;
    padding: 0;
    position: relative;
    overflow: hidden;
    display: block;
    margin-bottom: 20px;
    gap: 15px;
    display: flex;
    flex-wrap: wrap;
}

.card-block {
    margin-bottom: 0;
    overflow: hidden;
    position: relative;
    width: 100%;
    border-radius: 20px;
}

.image-block {
    overflow: hidden
}

.card-text {
    z-index: 1;
    position: absolute;
    padding: 5px 20px;
    left: 0;
    bottom: 0;
    text-align: left;
    transition: all 500ms linear;
    width: 100%;
    background: #00000069;
}

.card-text .card-heading p {
    color: #ffffff;
    margin: 0;
    text-transform: capitalize;
    text-align: center;
}

.card-text .card-heading .dots {
    display: inline-block
}

.services-point {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.services-pointer {
    width: 50%;
    padding: 0;
    list-style: none
}

.services-pointer li {
    margin-bottom: 10px
}

.services-pointer li a {
    color: #fff !important;
    font-size: 13px
}

.end-block .image-block {
    height: 100%;
}

.end-block .image-block picture {
    height: 100%
}

.design-overview strong a.links-hover {
    overflow: hidden;
    border: 0 solid #fff;
    color: #000;
    text-decoration: none
}

#basicSlider .MS-content {
    white-space: nowrap;
    overflow: hidden;
    margin: 0 2%;
    height: 50px
}

#basicSlider .MS-content .item {
    display: inline-block;
    width: 20%;
    position: relative;
    overflow: hidden;
    height: 100%;
    white-space: normal;
    line-height: 50px;
    vertical-align: middle
}

@media (max-width: 991px) {
    #mixedSlider .MS-content .item {
        /* width:50%; */
    }

    #basicSlider .MS-content .item {
        width: 25%
    }
}

@media (max-width: 767px) {
    #mixedSlider .MS-content .item {
        /* width:50%; */
    }

    #mixedSlider .MS-controls button {
        /* font-size: 20px; */
    }

    #mixedSlider .MS-controls .MS-left {
        /* left: -10px; */
    }

    #mixedSlider .MS-controls .MS-right {
        right: -10px
    }

    #basicSlider .MS-content .item {
        width: 35%
    }

    #th-header .position_static,#th-header .tkhk {
        display: none
    }
}

@media (max-width: 500px) {
    #basicSlider .MS-content .item {
        width:50%
    }
}

#basicSlider .MS-content .item a {
    line-height: 50px;
    vertical-align: middle
}

#basicSlider .MS-controls button {
    position: absolute
}

#basicSlider .MS-controls .MS-left {
    top: 35px;
    left: 10px
}

#basicSlider .MS-controls .MS-right {
    top: 35px;
    right: 10px
}

.footer {
    position: relative;
    background: #0B1720;
    color: #fff !important;
    font-size: 14px;
    padding: 60px 0 0
}

.bor,.bor-bottom,.keywords {
    /* background-color: #858585; */
}

.footer h3 {
    text-align: center;
    margin: 2px 0 20px;
    font-size: 19px;
    color: #ffffff !important;
    font-weight: 700
}

.cont i {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff !importantfff;
    font-size: 28px;
    float: left;
    border-radius: 50%;
    margin-right: 10px
}

.footerimage>li,.loca-tion li {
    background: #9d031d;
    float: left
}

.cont p {
    color: #a4a5bb;
    margin: 0 0 18px;
    overflow: hidden
}

footer .cont p span {
    color: #fff;
}

.loca-tion {
    overflow: hidden;
    width: 100%
}

.loca-tion p {
    margin-bottom: 14px;
    font-size: 15px
}

.footer ul,.logo_choose ul,.partner_list ul,.partner_list ul li {
    margin: 0;
    padding: 0;
    list-style: none
}

.footer ul li:first-child,.sideBar .formm .formm-inner {
    border: none
}

.footer ul li {
    position: relative;
    padding: 4px 0 4px 20px;
    border-top: 1px solid #ffffff54;
    display: block;
    color: #d9d9d9;
    transition-duration: 0.9s;
}

.loca-tion li {
    padding: 0!important;
    border: none!important;
    margin: 0 0 4px 3px;
    width: 48%;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px
}

.footer ul li a {
    color: #ffffff !important;
    font-size: 13px;
    line-height: 26px
}

.loca-tion a {
    font-weight: 600;
    line-height: 21px!important
}

.loca-tion img {
    width: 31px;
    height: 24px
}

.bor {
    padding: 1em 1em 0
}

.footer ul li:before {
    content: "\f178";
    position: absolute;
    left: 0;
    top: 7px;
    font-family: fontawesome;
    color: #ffffff;
}

.bor-bottom {
    margin-top: 5px;
    padding: 0 1em
}

.keywords {
    font-size: 12px
}

.keywords p {
    color: #ececec;
    margin-bottom: 5px;
    line-height: 18px;
    padding: 10px
}

.keywords p span {
    font-size: 11px;
    color: #bfbfbf
}

.domen ul li {
    float: left
}

.footerimage>li {
    padding: 0!important;
    border: none!important;
    margin: 0 0 4px 3px;
    width: 10.8%;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    font-weight: 600;
    line-height: 21px!important
}

.social_connect .fb_like,.social_connect .in_connect,.social_connect .tw_follow {
    width: 249px;
    height: 60px;
    display: block;
    clear: both;
    margin-bottom: 1px;
    text-align: center;
    font-size: 22px;
    line-height: 60px;
    -webkit-transition: background .3s ease-out;
    -moz-transition: background .3s ease-out;
    -o-transition: background .3s ease-out;
    transition: background .3s ease-out
}

.social_connect a span {
    font-family: oswaldbold;
    color: #6e6e6e;
    font-size: 34px;
    display: block;
    text-indent: 25px
}

.tw_follow {
    background: url(/live/oe_/https://www.cssfounder.com/img/btn_social.png) no-repeat
}

.tw_follow:hover {
    background-position: -258px 0
}

.fb_like {
    background: url(/live/oe_/https://www.cssfounder.com/img/btn_social.png) 0 -71px no-repeat
}

.fb_like:hover {
    background-position: -258px -71px
}

.in_connect {
    background: url(/live/oe_/https://www.cssfounder.com/img/btn_social.png) 0 -141px no-repeat
}

.in_connect:hover {
    background-position: -258px -141px
}

.discuss_project {
    background: #ececec;
    padding: 0 15px 0 0;
    border-radius: 15px;
    position: absolute;
    top: -55px;
    left: 15%;
    width: 70%;
    text-align: center;
    overflow: hidden;
    z-index: 1
}

.discuss_project .heading_title {
    font-weight: 600;
    font-size: 22px;
    color: #052149
}

.discuss_project a {
    background: #b11b21;
    font-size: 18px;
    color: #fff !important;
    font-weight: 600;
    text-transform: capitalize;
    padding: 12px 15px 10px;
    text-decoration: none;
    letter-spacing: 1px;
    position: relative;
    top: 0;
    margin-left: 10px;
    border-radius: 7px
}

.discuss_project a img {
    height: 12px;
    margin-left: 3px
}

.footer-bar {
    width: 100%;
    padding: 10px 0
}

.newsletter-signup {
    float: left;
    width: 100%
}

.newsletter-signup form {
    vertical-align: middle;
    width: 64%
}

.newsletter-signup form input {
    height: 45px;
    display: table-cell;
    width: 59%;
    margin-right: 1%;
    font-size: 12px;
    color: #525151;
    padding: 10px 20px;
    border: 0
}

.newsletter-signup form button {
    width: 35%;
    height: 46px;
    background-color: #bf161d;
    position: relative;
    border: none
}

.footer-bar .slide-button:before,.footer-bar .theme-btn:before,.footer-bar a.theme-btn:before {
    border-right: 20px solid;
    border-top: 20px solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    background-color: #fff !importantfff00;
    bottom: 3px;
    right: 3px
}

.footer-social-btns {
    float: left;
    text-align: left;
    width: 100%;
    margin-left: -50px
}

.footer-bar-title {
    max-width: 64%;
    color: #fff !important;
    margin: 0;
    font-size: 18px;
    vertical-align: middle;
    padding-right: 5px
}

.social {
    vertical-align: middle
}

.social a {
    float: left;
    width: 44px;
    height: 44px;
    margin-right: 11px;
    line-height: 44px;
    text-align: center;
    background: #25253c;
    color: #fff !important
}

.social a i {
    float: left;
    line-height: 42px;
    width: 100%;
    color: #fff !important
}

.social a:hover,.top_list .title {
    background: #bf161d
}

.copy-main {
    background: #333;
    padding: 5px 10px;
}

.copy-main .copy {
    text-align: center !important;
    width: 100%;
    display: flex;
    justify-content: center;
}

.phone-logos {
    overflow: hidden;
    padding: 0
}

.phone-logos .light-blacks,.phone-logos .lite-blacks {
    padding: 16px
}

.phone-logos .lite-blacks li {
    display: inline-block;
    padding: 0;
    border: none
}

.blog_gray {
    background: #ececec;
    padding-bottom: 80px
}

.blog_gray .main {
    padding-top: 40px;
    padding-bottom: 15px
}

.blog_gray .heading_title,.contact-locataions h2 {
    font-weight: 700;
    font-size: 28px;
    color: #0e3d52;
    text-align: center;
    padding: 10px 0;
    margin: 0 0 30px
}

.black {
    color: #0e3d52
}

.post-inner {
    box-shadow: none;
    border: 1px solid #d8d8d8
}

.grav-tweet,.post-inner,.related-posts-wrapper ul li.related_post {
    background: #fff;
    box-shadow: 5px 5px 1px rgb(0 0 0 / 10%);
    margin: 0 0 0 15px;
    position: relative
}

.post-inner .hds {
    height: 220px;
    padding: 10px;
    overflow: hidden;
    width: 100%
}

.blog-container .post-container {
    padding: 0 18px 30px
}

.blog-container span.masonry-post-meta {
    color: #717171;
    display: block;
    font-style: normal;
    line-height: 1.1;
    font-weight: 500;
    margin: 15px 0 10px;
    font-size: 14px
}

.comment-reply-title,.process_head {
    font-family: Roboto,sans-serif;
    color: #282828;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 5px
}

.post-inner .read-more {
    display: block;
    width: 100%;
    height: 0;
    color: #fff !important;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    overflow: hidden;
    text-align: right;
    transition: height .4s
}

.read-more:before {
    position: absolute;
    top: 100%;
    right: -4%;
    width: 222%;
    height: 61px;
    content: "";
    -webkit-transition: -webkit-transform .4s;
    transition: transform .4s;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    outline: transparent solid 1px;
    background: linear-gradient(100deg ,#282828,#282828,#bf161d)
}

.read-more span {
    position: absolute;
    right: 15px;
    bottom: 12px;
    z-index: 5;
    text-transform: uppercase;
    font: 700 14px/1 Roboto,sans-serif
}

#masterRight p,#masterRight ul {
    margin: 0 0 30px;
    line-height: 28px
}

.post-inner:hover .read-more {
    height: 50px
}

.post-inner:hover .read-more:before {
    -webkit-transform: rotate(-6deg);
    transform: rotate(-6deg)
}

.breadcrumb-css {
    background: #e2e2e2;
    padding: 10px 0
}

.breadcrumb-css .breadcrumb {
    margin-bottom: 0;
    padding: 0;
    background: #e2e2e2
}

.breadcrumb-css .breadcrumb a {
    font-size: 12px;
    color: #000;
    padding-right: 10px;
    position: relative
}

.breadcrumb-css .breadcrumb a:nth-child(2) {
    padding: 0px 10px
}

.breadcrumb-css .breadcrumb a:after {
    position: absolute;
    left: 100%;
    content: "";
    border-left: 4px solid #000;
    border-right: 4px solid transparent;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    top: 50%;
    transform: translate(0,-50%)
}

.breadcrumb-css .breadcrumb span {
    color: #0b2d5d;
    font-size: 12px;
    margin-left: 10px;
    position: relative
}

.breadcrumb-css .breadcrumb span:after {
    position: absolute;
    content: "";
    left: 0;
    top: 100%;
    width: 100%;
    height: 1px;
    background: #0b2d5d;
}

.media_coverage {
    padding: 50px 0;
    overflow: hidden
}

.media_coverage .media-w {
    width: 22%;
    float: left;
    margin: 0 12px 24px;
    box-shadow: 0 1px 10px #c5c5c5;
    padding: 11px;
    height: 130px;
}

.media_coverage .media-w .media-content h3 {
    text-align: center;
    font-size: 12px;
    margin: 18px 0 0
}

.media_coverage .media-w a {
    color: #000;
    text-decoration: none
}

.contact-locataions {
    padding: 1em 0 6em
}

.complaint-feedback,.our-portfolio,.policy-page {
    padding: 30px 0
}

#masterContent,.refLine {
    padding: 70px 0
}

.our-portfolio .contactus h3 {
    color: #000;
    font-size: 22px;
    line-height: 22px;
    font-family: open sans,sans-serif;
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    margin: 0 0 18px;
    padding-bottom: 18px;
    border-bottom: 1px solid #e8e8e8;
    position: relative
}

#masterContent {
    margin-bottom: 30px
}

.mp {
    display: block;
    top: 26px;
    z-index: 5
}

.refHolder>div.mobile,.slider-resp-design>div.mobile {
    background-image: url(/live/oe_/https://www.cssfounder.com/img/slider-responsive-mobile.png);
    padding: 39px 24px 55px 15px;
    z-index: 3
}

.refHolder>div.desktop,.slider-resp-design>div.desktop {
    background-image: url(/live/oe_/https://www.cssfounder.com/img/slider-responsive-desktop.png);
    margin-bottom: 5px;
    padding: 17px 60px 120px
}

.refLine:nth-child(odd) {
    background: #ededed
}

.refHolder>div.tablet,.slider-resp-design>div.tablet {
    background-image: url(/live/oe_/https://www.cssfounder.com/img/slider-responsive-tablet.png);
    margin-bottom: 17px;
    margin-right: -80px;
    padding: 20px 27px 31px 19px;
    position: relative;
    z-index: 2
}

.refInfo {
    padding-top: 0;
    position: relative;
}

#masterRight h3 {
    color: #59595b;
    font-size: 24px;
    font-weight: 300;
    line-height: 32px
}

.refInfo h3 {
    font-size: 36px!important;
    letter-spacing: .3px;
    font-weight: 600!important;
    color: #000;
    margin: 0 0 10px
}

.refInfo .refDate {
    position: absolute;
    right: 0;
    top: 49px;
    background: #333333;
    color: #ffffff;
    font-weight: 300;
    font-size: 13px;
    background: #0b2d5d;
    width: fit-content;
    padding: 4px 10px;
    border-radius: 30px;
}

#masterRight h4 {
    color: #000;
    font-weight: 300;
    font-size: 24px
}

#masterRight ul.techno {
    width: 100%;
    list-style: none
}

#masterRight ul {
    list-style: inside url(/live/oe_/https://www.cssfounder.com/images/listBlue.png);
    padding: 0
}

#masterRight ul.techno li {
    float: left;
    margin-right: 15px
}

#masterRight ul.techno li i {
    color: #9d031d;
    margin-right: 6px
}

.refInfo .refLogo {
    width: auto;
    margin: 0 auto;
    max-width: 100%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .8;
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s
}

.refInfo .refLink {
    padding: 20px 20px 20px 60px;
    font-size: 14px;
    max-width: 100%;
    overflow: hidden;
    color: #fff !important;
    letter-spacing: .3px;
    background: url(/live/oe_/https://www.cssfounder.com/img/link.png) left 20px center no-repeat #9d031d;
    float: right;
    margin-top: 50px;
    text-transform: uppercase
}

.refLine:hover .refInfo .refLogo {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1
}

.refHolder {
    width: 100%;
    position: relative;
    min-height: 368px
}

.refHolder img,.slider-resp-design img {
    object-fit: cover;
    object-position: center top;
    transition: 1s;
    -moz-transition: 1s;
    -webkit-transition: 1s
}

.refHolder img:hover,.slider-resp-design img:hover {
    object-position: center bottom;
    transition: 1s;
    -moz-transition: 1s;
    -webkit-transition: 1s
}

.refHolder>div,.slider-resp-design>div {
    display: inline-block;
    vertical-align: bottom;
    background-size: cover
}

.refHolder>div {
    position: absolute;
    bottom: 0
}

.refHolder>div.mobile {
    right: 75%
}

.refHolder>div.mobile>img,.slider-resp-design>div.mobile>img {
    height: 143px;
    width: 95px
}

.refHolder>div.tablet {
    right: 50%;
    bottom: 0;
    margin-right: 0;
    position: absolute
}

.refHolder>div.tablet>img,.slider-resp-design>div.tablet>img {
    height: 212px;
    width: 163px
}

.refHolder>div.desktop>img,.slider-resp-design>div.desktop>img {
    height: 236px;
    width: 417px
}

.career_section {
}

.career_section h2 {
}

.career_section h2 strong {
}

.career_section h2 span {
}

#category_faq .panel {
}

#category_faq .panel-heading {
    padding: 0;
    border: 0;
    border-radius: 0;
    z-index: 1;
    position: relative
}

#category_faq .panel-title {
    padding: 0;
    text-decoration: none;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit
}

#category_faq .panel-title a {
}

.career_section #category_faq .panel-body {
}

#category_faq .panel-body {
    padding: 0;
    border-bottom: 0 solid #bf161d;
}

.career_section .panel-body p {
}

.career_btn {
    background-color: #052149!important;
    font-size: 17px;
    font-family: poppins,sans-serif!important;
    padding: 5px 25px;
    float: left;
    border-radius: 4px;
    margin-bottom: 25px;
    margin-top: 15px
}

.hvr-shutter-out-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    background: #e1e1e1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-shutter-out-horizontal:active:before,.hvr-shutter-out-horizontal:focus:before,.hvr-shutter-out-horizontal:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.hvr-shutter-out-horizontal:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #bf161d;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.faq_section h2 {
    font-weight: 600;
    line-height: 43px;
    text-align: left
}

.career_content {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0
}

.career_form .form-group,.title_career {
    margin-bottom: 15px
}

.time_info {
    color: #2098d1
}

.faq_section p, .faq_section ul li {
    line-height: 30px;
    font-size: 16px;
    color: #ffffff;
    text-align: justify;
    font-weight: 400;
    padding: 0;
    margin: 0;
}

.title_career {
}

.banner_cnt,.df_vjj .call-to-action,.mb25 {
    margin-bottom: 25px
}

.career_form .title_career label {
    font-size: 16px;
    color: #fafeff;
    background: #bf161d;
    padding: 7px;
    float: left;
    width: auto;
    margin: 0
}

.career_form form .form-group label {
}

.career_form .title_career b {
    font-size: 16px;
    padding: 8px
}

.career_form form input {
}

.career_form form textarea {
}

.apply_now_btn {
    float: left;
    background: #052149;
    color: #fff !important;
    font-size: 17px;
    padding: 7px 30px;
    border-radius: 4px;
    border: 0
}

.redesigning_banner {
    background: url(https://waps.l3s.uni-hannover.de/live/oe_/https://www.weblinkindia.net/images/corporate-banner.jpg) center top no-repeat local #d84c44;
    width: 100%;
    padding: 40px 0;
    background-size: cover!important;
    position: relative;
    background-repeat: round!important;
    background: #0b2d5d;
}

.redesigning_banner:before {
    content: '';
    /* background: #000000ad; */
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%
}

.banner_sec {
    text-align: left;
    width: 60%;
    float: left
}

.banner_sec h1 {
    font: 800 47px/47px 'Open Sans',sans-serif;
    display: block;
    color: #fff !important;
    border-bottom: 0;
    /* margin-top: 65px; */
}

.banner_cnt {
    font: 24px/30px 'Open Sans',sans-serif;
    color: #fff !important;
    margin-top: 5px
}

.ban_bg1 {
    background: rgba(5,33,73,.5);
    margin-top: 3px;
    padding: 10px;
    font: 18px/25px 'Open Sans',sans-serif;
    color: #fff !important;
    display: table
}

.ban_bg1 .fa-check {
    background: #fff;
    color: #6a3848;
    width: 22px;
    height: 22px;
    border-radius: 100%;
    text-align: center;
    padding-top: 2px;
    margin-right: 10px
}

.banner_btn .title,.banner_btn .title_sub {
    color: #fff !important;
    text-shadow: 1px 1px 1px #028a8f
}

.redesigning_banner .banner_btn {
    width: 45%;
    background: #0cc5cc;
    text-align: center;
    margin-top: 23px;
    border-radius: 5px
}

.banner_btn a {
    display: block;
    text-decoration: none;
    padding: 10px
}

.banner_btn .title {
    font: 700 22px/22px 'Open Sans',sans-serif;
    text-decoration: none
}

.banner_btn .title_sub {
    font: 15px/24px 'Open Sans',sans-serif;
    margin-top: 3px
}

.corporate_bg {
    background: url(https://waps.l3s.uni-hannover.de/live/oe_/https://www.cssfounder.com/img/bg1.jpg) #eee;
    padding: 60px 0
}

.corporate_bg .cnt {
    font-size: 17px;
    color: #000;
    line-height: 30px
}

.corporate_bg h2 {
    font: 300 40px/53px 'Open Sans',Arial,Helvetica,sans-serif;
    color: #282828;
    margin: 0
}

.corporate_bg h2 span {
    font: 800 41px/41px 'Open Sans',Arial,Helvetica,sans-serif;
    color: #bf161d
}

.why_bg h2 span {
    color: var(--red);
}

.service_bg {
    background: #052149;
    padding: 30px 0;
}

.Features_Maintenance h3,.Features_Maintenances p,.arrow_drupal,.css_about .tab_contant.ffg,.hire_btn,.link_tabs,.video_CC .name,.video_tile {
    text-align: center
}

.service_bg h2 {
    display: block;
    color: #fff !important;
    font-weight: 700;
    font-size: 28px;
    text-align: center;
    margin: 0 0 25px;
    line-height: 40px;
}

.partner_list ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    gap: 10px;
    margin-bottom: 0;
}

.partner_list ul li {
    /* float: left; */
    /* width: 25%; */
    /* margin-bottom: 30px!important; */
    text-align: center
}

.partner_area_bdr {
    border: 1px dashed #85898e;
    border-radius: 7px;
    height: 100%;
    margin: auto;
    padding: 4px;
}

.partner_area {
    background: #fff;
    padding: 0 6px;
    border-radius: 5px;
    height: 100%;
}

.app_process_box {
    display: flex;
    align-items: center;
    gap: 12px;
    height: 100%;
    justify-content: space-between;
}

.app_process_box .sec1 {
    width: 45px;
}

.app_process_box .sec1 img {
    width: 100%
}

.app_process_box .sec2 {
    flex: 1;
}

.app_process_box p.strong {
    height: 100%;
    align-items: center;
    display: flex;
}

.app_process_box .clearfix {
    display: none
}

.app_process_box_img {
    width: 100%;
    height: 100%;
    margin: auto;
    overflow: hidden;
    position: relative
}

.app_process_box_img figure {
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.app_process_box_img svg {
    display: block;
    margin: auto;
    max-width: 100%;
    height: auto
}

.app_process_box h3,.app_process_box p.strong {
    font-size: 16px !important;
    !i;!; color: #bf161d;
    text-transform: capitalize;
    font-weight: 600;
    text-align: center;
    margin: 0;
}

.app_process_box .sec2_cnt {
    display: none;
    font: 15px/24px 'Open Sans',Arial,Helvetica,sans-serif;
    color: #333;
    height: 210px;
    overflow: hidden;
    margin-top: 10px
}

.partner_area_bdr .gre,.partner_area_bdr:hover .blu {
    fill: #282828
}

.partner_area_bdr .blu,.partner_area_bdr:hover .gre {
    fill: #bf161d
}

.partner_area_bdr:hover {
    border: 1px dashed #bf161d;
    background: #bf161d
}

.why_bg {
    background: url(https://waps.l3s.uni-hannover.de/live/oe_/https://www.cssfounder.com/img/bg1.jpg) #eee;
    padding: 30px 0 0;
}

.why_bg .logo_choose {
    margin-top: 50px;
}

.why_bg h2 {
    color: #0e3d52;
    display: block;
    font-weight: 700;
    font-size: 28px;
    text-align: center;
    margin: 0 0 25px;
    line-height: 40px;
}

.why_bg h2 span {
    color: #bf161d
}

.logo_choose ul li {
    float: left;
    width: 33.333%;
    margin-bottom: 60px
}

.logo_choose_area {
    width: 372px;
    margin: auto;
    border: 1px dashed #000;
    border-radius: 15px;
    padding: 15px 0;
    position: relative
}

.logo_choose_area:hover .h_sec1 {
    background: #0078ae
}

.logo_choose_area .h_sec1 {
    width: 64px;
    height: 64px;
    border-radius: 100%;
    text-align: center;
    background: #0bcc6e;
    vertical-align: middle;
    position: absolute;
    z-index: 99;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: -32px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.number_pos {
    font: 700 20px/64px 'Open Sans',serif;
    color: #fff !important;
    margin: 0;
}

.number_pos img {
    width: 100%
}

.logo_choose_area h3 {
    font-size: 20px;
    color: #000;
    text-align: center;
    text-transform: capitalize;
    height: 43px;
    overflow: hidden;
    font-weight: 600;
    margin: 30px 0 0
}

.logo_choose_cnt {
    font-size: 15px;
    color: #232323;
    text-align: center;
    padding: 0 15px;
    height: 125px;
    overflow: hidden
}

.clientele_sec {
    background: #c2e59c;
    background: linear-gradient(-120deg ,#282828,#282828);
    box-shadow: 1px 0 10px #eee;
    text-align: center;
    padding-bottom: 20px
}

.clientele_sec h4,.clientele_sec h5 {
    font: 400 27px/28px 'Open Sans',sans-serif;
    color: #fff !important;
    padding-top: 25px
}

.benefits_area h2,.contactus h2 {
    color: #0e3d52;
    display: block;
    font-weight: 700;
    font-size: 28px;
    text-align: center;
    margin: 0 0 25px;
    line-height: 40px;
}

.clientele_sec h4 span,.clientele_sec h5 span {
    font: 900 27px/28px 'Open Sans',sans-serif
}

.clientele_area {
    text-align: center;
    padding-bottom: 80px
}

.clientele_cnt {
    background: rgb(5 33 73);
    padding: 20px 10px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    font: italic 16px/24px 'Open Sans',sans-serif;
    color: #fff !important;
    margin-top: 30px
}

.clientele_area .yellow {
    color: #0078ae
}

.clientele_sec .pt25 {
    padding-top: 25px
}

.clientele_sec .fs20 {
    font-size: 20px
}

.clientele_sec .pt30,.mar_top_30,.pd_top_30 {
    padding-top: 30px
}

.clientele_sec .weight700,.table-builder tr td:first-child {
    font-weight: 700
}

.acodez-won .box-2 li .pic,.clientele_sec .pt5 {
    padding-top: 5px
}

.clientele_sec .fs17 {
    font-size: 17px
}

.clientele_sec .i {
    font-style: italic
}

.clientele_sec .carousel-indicators {
    bottom: 44px
}

.benefits_area,.contactus {
    /* background: #fff; */
    /* padding: 0 0 50px; */
}

.benefits_area {
    padding: 30px 0
}

.benefits_area h2 {
    color: #0e3d52;
    display: block;
    font-weight: 700;
    font-size: 28px;
    text-align: center;
    margin: 0 0 25px;
    line-height: 40px;
}

.benefits_area h2 span {
    color: var(--red);
}

.link_tabs_w .link_tabs {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    gap: 10px;
}

.link_tabs div.col {
    text-align: center;
    display: inline-block;
    vertical-align: top;
    text-transform: none;
    padding: 0;
}

.link_tabs div.col a {
    background: #f0f0f0;
    /* margin: 30px 0; */
    border: 1px solid #e0dede;
    width: 100%;
    height: 185px;
    border-radius: 10px;
    display: block;
    font: 600 16px/22px 'Open Sans',Arial,Helvetica,sans-serif;
    color: #000;
    text-decoration: none
}

.link_tabs div.col a svg {
    width: 70px;
    height: 80px;
    margin: 30px auto 0
}

.link_tabs .rel {
    text-align: center;
}

.link_tabs div.col a:hover {
    background: #052149;
    color: #fff !important
}

.fix-image {
    margin-bottom: 40px
}

.contactus h2 {
}

.service-portfolio #masterRight h3 {
    color: #282828;
    font-size: 31px!important;
    font-weight: 600;
    line-height: 32px
}

.service-portfolio .refInfo .refDate {
    font-size: 18px;
    color: #bf161d;
    letter-spacing: .3px;
    margin-bottom: 0;
    position: relative;
    top: inherit;
    background: #0000;
    padding: 0;
}

.service-portfolio #masterRight h4 {
    color: #0b2d5d;
    font-weight: 300;
    font-size: 20px
}

.service-portfolio #masterRight p {
    margin: 0 0 18px;
    line-height: 27px;
    height: 50px;
    overflow: hidden
}

.service-portfolio .refInfo .refLink {
    padding: 3px 7px 3px 37px;
    font-size: 14px;
    max-width: 100%;
    overflow: hidden;
    color: #fff !important;
    letter-spacing: .3px;
    background: url(/live/oe_/https://www.cssfounder.com/img/link.png) left 8px center no-repeat #9d031d;
    float: right;
    margin-top: 0;
    text-transform: uppercase
}

.service-portfolio .bocx {
    box-shadow: 0 0 10px #d4cfcf
}

.service-portfolio .bocx .refInfo .col-sm-12 {
    padding: 0 26px 20px
}

.company_team {
    width: 100%;
    margin: 0;
    padding: 40px 0;
    background: #052149
}

.phone-id, .phone-id img, .whatsapp,.whatsapp img {
    width: 51px ;
    height: 51px ;
    border-radius: 10px;
}
@media (max-width: 600px) {
    .phone-id, .phone-id img, .whatsapp,.whatsapp img{
        width: 44px ;
        height: 44px ;

    }
  }

.company_team .team_box {
    color: #333;
    font-size: 14px;
    text-align: center;
    padding: 0;
    line-height: 22px
}

.company_team .team_box img,.faq_section_servive .panel-group,.jfh_jgh,.press_releases_content .press-releases,.press_releases_content .press-releases_container .article {
    margin-bottom: 20px
}

.company_team .team_box h2 {
    font-family: poppins,sans-serif;
    color: #fff !important;
    font-weight: 600;
    padding: 0 0 13px;
    margin: 0
}

.company_team .team_box p,.formm-inner p {
    color: #fff !important;
    text-align: center;
}
.check_with_text label {display:none}
.redesigning_banner .banner_form {
    background: #00000026;
    padding: 25px;
    /* margin: 65px 0 0; */
    color: #fff !important;
    font-family: poppins,sans-serif;
    font-size: 19px;
    font-weight: 400;
    line-height: 27px;
    width: 40%;
    float: right
}

.acodez-won .accolades-heading,.acodez-won .box-2 li,.acodez-won h4 {
    font-family: Montserrat,sans-serif
}

.redesigning_banner .banner_form p {
    color: #fff !important;
    font-size: 17px;
    font-weight: 400;
    line-height: 25px;
    text-align: left
}

.redesigning_banner .form-group.input-group {
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 20px
}

.redesigning_banner .form-group.input-group .select_box {
    float: left;
    width: 100%;
    position: relative;
    border: 1px solid #ccc;
    border-radius: 4px;
    height: 45px;
    overflow: hidden;
    background: #fff
}
.redesigning_banner .input-group label {
    display: none;
}
.redesigning_banner .input-group i {
    position: absolute;
    top: 5px;
    left: 5px;
    background: #e7e7e7;
    border: 1px solid #cdcdcd;
    color: #333;
    width: 35px;
    height: 35px;
    line-height: 34px;
    border-radius: 100%;
    text-align: center;
    font-size: 18px
}

.redesigning_banner .form-group.input-group input {
    float: right;
    padding: 6px 0;
    height: 45px;
    width: calc(100% - 46px);
    border: 0
}

.redesigning_banner .get_started_btn {
    background-color: #bf161d;
    color: #fff !important;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    border: 0;
    border-radius: 4px;
    width: 100%;
    height: 45px;
    line-height: 45px;
    text-transform: uppercase;
    overflow: hidden;
    outline: 0
}

.redesigning_banner .hvr-sweep-to-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.redesigning_banner .form-group.input-group select {
    float: right;
    padding: 6px 0;
    height: 45px;
    border: 0;
    width: calc(100% - 46px)
}

.price_tble td a.link_th,.services-section .author-box .author-info .designation {
    color: #bf161d
}

.faq_section_servive .faq_section {
    width: 100%;
    margin: 0;
    /* padding: 30px 0; */
    /* background: #fff; */
}

.faq_section_servive .faq_section h2 {
    font-weight: 700;
    font-size: 28px;
    color: #ffffff;
    text-align: center;
    padding: 0;
    margin: 0 0 30px;
    line-height: 40px;
}

.faq_section_servive .faq_section h2 strong {
}

.services-section-five h2 strong {
    font-weight: 700;
    font-size: 28px;
    color: #0e3d52;
    text-align: center;
    padding: 0;
    margin: 0 0 30px;
    line-height: 40px;
}

.faq_section_servive .faq_section h2 span {
    color: #ffffff;
}

.faq_section_servive #category_faq .panel {
    border: 0;
    /* border-radius: 10px; */
    box-shadow: none;
    margin: 0;
    overflow: hidden;
    position: relative;
    border-bottom: 1px solid #eee;
    background: #f2f2f200;
}

.faq_section_servive #category_faq .panel-heading {
    background: #0000
}

.faq_section_servive #category_faq .panel-title a {
    text-align: left;
    background: #0b2d5d00;
    color: #fff;
    border-radius: 0;
    border-bottom: 0 solid #ccc;
    text-decoration: none!important;
    display: block;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.4;
    padding: 32px 70px 32px 0;
    margin: 0;
    cursor: pointer;
    position: relative;
}

.faq_section_servive #category_faq .panel-title a.active {
    padding-bottom: 15px;
}

.faq_section_servive #category_faq .panel-title a.collapsed:before,.faq_section_servive #category_faq .panel-title a:before {
    content: "\f068";
    font-family: fontawesome;
    font-weight: 400;
    text-align: center;
    border-left: 1px solid #0000;
    position: absolute;
    align-items: center;
    background: #fff;
    width: 25px !important;
    !i;!; height: 25px;
    color: #0b2d5d;
    display: flex;
    justify-content: center;
    border-radius: 36px;
    top: 50%;
    right: 0;
    font-size: 15px;
    transform: translate(0px, -50%);
}

.faq_section_servive #category_faq .panel-title a.collapsed:before {
    content: "\f067";
    /* background: #fff; */
    /* width: 25px; */
    /* height: 25px; */
    /* color: #0b2d5d; */
    /* display: flex; */
    /* justify-content: center; */
    /* border-radius: 36px; */
    /* top: 33px; */
}

.faq_section_servive.padd_xx .faq_section {
    padding: 0 0 40px
}

.ff {
    padding: 3%
}

.mobile-menus .sidebar {
    position: fixed;
    top: 0;
    right: -250px;
    background-color: #262626;
    width: 250px;
    height: 100%;
    transition: .3s;
    z-index: 99
}

.mobile-menus .sidebar.active {
    right: 0
}

.mobile-menus ul {
    margin: 0;
    padding: 20px 0
}

.mobile-menus .height-scro {
    overflow-y: scroll;
    height: 200px
}

.mobile-menus ul li {
    list-style: none
}

.mobile-menus ul li a {
    padding: 10px 20px;
    color: #fff !important;
    display: block;
    text-decoration: none;
    border-bottom: 1px solid rgba(0,0,0,.2)
}

.mobile-menus ul li a:hover {
    background-color: grey
}

.mobile-menus .sidebarBtn {
    position: absolute;
    top: 0;
    left: -60px;
    width: 50px;
    height: 44px;
    box-sizing: border-box;
    cursor: pointer;
    background-color: #0000;
    border: none;
    outline: 0;
    display: none
}

.mobile-menus .sidebarBtn span {
    display: block;
    width: 35px;
    height: 3px;
    background-color: #fff !important;
    position: absolute;
    top: 21px;
    transition: .3s
}

.mobile-menus .sidebarBtn span:before {
    content: '';
    width: 100%;
    height: 3px;
    background-color: #fff !important;
    position: absolute;
    top: -10px;
    left: 0;
    transition: .3s
}

.mobile-menus .sidebarBtn span:after {
    content: '';
    width: 100%;
    height: 3px;
    background-color: #fff !important;
    position: absolute;
    top: 10px;
    left: 0;
    transition: .3s
}

.mobile-menus .sidebarBtn.toggle {
    left: -30px;
}

.mobile-menus .sidebarBtn.toggle span {
    background-color: transparent !important;
    width: 22px;
}

.mobile-menus .sidebarBtn.toggle span:before {
    top: 0;
    transform: rotate(-45deg)
}

.mobile-menus .sidebarBtn.toggle span:after {
    top: 0;
    transform: rotate(45deg)
}

.whatsapp {
    position: fixed;
    display: block;
    bottom: 0;
    float: right;
    float: 13px;
    margin-left: 11px;
    z-index: 9
}

.homeimg {
    background-size: cover;
    width: 100%;
    float: right;
    position: relative;
}

.sideBar .formm.active {
    right: 0;    z-index: 9999999999;
}
.left_form div.g-recaptcha div{    height: 78px;
    width: 308px;}
.left_form div.g-recaptcha div iframe {    width: 100% !important;
    height: auto;
}

.sideBar .formm {
    width: 300px;
    /* background: #fff; */
    position: fixed;
    z-index: 3;
    right: -302px;
    top: 154px;
    /* box-shadow: 0 0 4px #ccc; */
    transition: .3s;
}

.homeimg .form-group .input-group-prepend .input-group-text {
    width: 28px;
    height: 35px;
}

.sideBar .formm .talk-to-us img {
    width: 100%
}

.sideBar .formm .talk-to-us {
    padding: 0px;
    display: inline-block;
    position: absolute;
    left: -55px;
    top: 0;
    text-align: left;
    width: 55px;
}

.formm-inner h3 {
    padding: 0;
    font-size: 21px;
    color: #fff !important;
    text-align: left;
    margin: 0 0 10px 0;
    font-weight: 600;
}

.formm-inner h3 a {
    color: #fff !important;
    text-align: left;
}

.formm-inner p {
    color: #fff !important;
    font-size: 15px !important;
}
.model-time-cemn-t .model-form li.w-100 {width:100%}

.left_form {
    width: 100%;
    /* height: 295px; */
    margin: 0 auto;
}

.left_box strong, .left_box label {
    font-size: 15px;
    color: #fff;
    font-weight: 500;
    /* display: inline-block; */
    width: 59px;
    margin-right: 0px;
}

.text_algna {
    /* padding-left: 56px; */
    float: right;
}

.input_type {
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-top: 0;
    position: relative;
    font-size: 14px;
    min-height: 26px;
    margin-bottom: 7px;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    padding-left: 10px;
}

.sideBar .formm .talkIcon {
    padding: 6px 10px;
    display: none;
    position: fixed;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    z-index: 25;
    color: #fff !important;
    background: #fff;
    transform: scale(.6);
    cursor: pointer;
    box-shadow: 0 0 2px 0 rgba(0,0,0,.75);
}

.sideBar .formm .formm-inner {
    border: none;
}

.formBox .formm-inner {
    display: block;
    background: #0b2d5d;
    border-radius: 3px;
    /* box-shadow: 0 0 16px 0 rgba(0,0,0,.12); */
    /* -webkit-box-shadow: 0 0 16px 0 rgba(0,0,0,.2); */
    /* box-shadow: 0 0 16px 0 rgba(0,0,0,.2); */
    padding: 14px 14px;
}

.left_form div {
    overflow: hidden;
}

.sideBar .submit_btn {
    background: #bf161d;
    background-image: -moz-linear-gradient(top,#bf161d,#bf161d);
    background-image: -ms-linear-gradient(top,#bf161d,#bf161d);
    background-image: -o-linear-gradient(top,#bf161d,#bf161d);
    -webkit-border-radius: 2;
    -moz-border-radius: 2;
    border-radius: 2px;
    color: #fff !important;
    font-size: 16px;
    padding: 7px 20px;
    text-decoration: none;
    border: none;
    outline: none;
}

.acodez-won .box {
    box-shadow: 0 10px 36px 0 rgb(179 179 179);
    border-radius: 10px;
    padding: 24px;
    background: #fff;
    position: relative
}

.acodez-won .aw-images {
    padding-top: 80px;
    background: url(https://waps.l3s.uni-hannover.de/live/oe_/https://cdn.acodez.in/wp-content/themes/acodez/images/new/bg.svg) center left/contain no-repeat
}

.acodez-won .box-2 {
    width: 373px
}

.acodez-won h4 {
    font-size: 16px;
    color: #282828;
    margin: 0 0 30px;
    text-align: left;
    font-weight: 500;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out
}

.acodez-won h4 span {
    font-size: 26px;
    font-weight: 600;
    margin-right: 6px;
    position: relative
}

.acodez-won .box-2 .list-02,.policy-page ul {
    padding: 0;
    list-style: none
}

.acodez-won .box-2 li {
    margin-bottom: 20px;
    font-weight: 500
}

.acodez-won .box-2 li .cont-area {
    padding-left: 0
}

.acodez-won .list-02 h6 {
    font-size: 16px;
    margin: 0 0 3px;
    color: #bf161d
}

.acodez-won .list-02 p {
    font-size: 13px;
    color: #000
}

.acodez-won .accolades-heading {
    display: none;
    float: none;
    clear: both;
    color: rgba(34,82,130,.1);
    text-transform: uppercase;
    font-weight: 700;
    font-size: 58px;
    opacity: .55;
    margin: 20px 0 0 38px
}

.country_state_city .state ul li,.download_broucher a span,.press_releases_content .press-releases_title,.sic_l .portfolio-inner .name_xxd h5,.testimonial-one .section-sub-title,.thankyou_content h2,.video_tile h2,.why-seofied li h3 {
    text-transform: capitalize;
    text-transform: capitalize
}

.acodez-won .new-accolades {
    text-align: center;
    clear: both;
    padding-top: 20px
}

.acodez-won .new-accolades ul,.call-to-action h2.heading {
    margin: 0;
    padding: 0
}

.acodez-won .new-accolades ul li:first-child {
    right: 140px;
    bottom: 450px
}

.acodez-won .new-accolades ul li {
    position: absolute;
    bottom: 50px;
    right: 0;
    z-index: 1;
    display: block
}

.acodez-won .new-accolades ul li img {
    width: auto;
    box-shadow: 0 5px 26px rgb(34 82 130 / 8%);
    display: block;
    border-radius: 50%;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out
}

.acodez-won .new-accolades ul li:nth-child(2) {
    bottom: 390px;
    right: 0
}

.acodez-won .new-accolades ul li:nth-child(3) {
    bottom: 290px;
    right: 110px
}

.acodez-won .new-accolades ul li:nth-child(4) {
    bottom: 270px
}

.acodez-won .new-accolades ul li:nth-child(5) {
    bottom: 160px;
    right: 55px
}

.acodez-won .new-accolades ul li:nth-child(6) {
    bottom: 30px;
    right: 130px
}

.why-seofied li {
    float: left;
    padding-left: 10%;
    list-style-type: none;
    margin-bottom: 10px;
    position: relative;
}

.why-seofied {
    float: left;
    position: relative;
    padding: 0px 0 0;
    margin-bottom: 0;
}

.why-seofied:after,.why-seofied:before {
    background: #ebebeb;
    content: "";
    position: absolute;
    z-index: -1
}

.why-seofied:before {
    height: 100%;
    left: -12px;
    top: 0;
    width: 3px
}

.why-seofied li:first-child i {
    color: #f09e00
}

.why-seofied li:nth-child(2) i {
    color: #9c08e9
}

.why-seofied li:nth-child(3) i {
    color: #e3243f
}

.why-seofied li:nth-child(4) i {
    color: #449700
}

.why-seofied li:nth-child(5) i {
    color: #fa303e
}

.why-seofied li:nth-child(6) i {
    color: #0086d3
}

.why-seofied li i {
    position: absolute;
    left: -40px;
    top: -2px;
    font-size: 30px;
    text-align: center;
    width: 60px;
    height: 60px;
    line-height: 60px;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 0 25px rgb(0 0 0 / 48%);
    -webkit-transform: rotate(61deg);
    -moz-transform: rotate(61deg);
    transform: rotate(45deg)
}

.why-seofied li h3 {
    font-weight: 600;
    font-size: 20px;
    color: #262626!important;
    line-height: 1.2em;
    margin-bottom: 10px;
    margin-top: 0
}

.why-seofied li p {
}

.why-us_testimonial {
    position: relative;
    /* padding: 60px 0; */
}

.why-us_testimonial:before {
    content: '';
    background: #f5f5f5;
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0
}

.why-us_testimonial:after {
    content: '';
    background: url('/live/oe_/https://www.cssfounder.com/img/card-bg.webp') no-repeat right 0 #EDF9F8;
}

.why-us_testimonial .sec-title {
    position: relative;
    margin-bottom: 36px
}

.why-us_testimonial .sec-title.light h3 {
    color: #fff !important;
    -webkit-text-fill-color: inherit;
    font-size: 40px
}

.why-us_testimonial .icon-box {
    position: relative;
    padding-left: 110px;
    min-height: 100px;
    padding-right: 30px
}

.why-us_testimonial .icon-box h4 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 10px
}

.why-us_testimonial .icon-box .text {
    position: relative;
    padding-bottom: 10px;
    border-bottom: 1px solid rgb(143 143 143 / 20%);
    font-family: var(--font_inter);
    letter-spacing: -.005em;
    margin-top: 0;
    margin-bottom: 24px;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 27px !important;
    color: #000 !important;
}

.why-us_testimonial .icon-box:last-child .text {
    margin-bottom: 0;
    border-bottom: none;
}

.sec-title.black h3 {
    color: #282828;
    -webkit-text-fill-color: inherit;
    font-size: 40px
}

.all-innear-banner.porti {
    background: url(/live/oe_/https://www.cssfounder.com/img/banner/portfolio-banner.jpg) #d84c44
}

.all-innear-banner.media, .all-innear-banner.compliant {
    margin-top: 0;
    background: #0b2d5d;
    padding: 85px 0;
    background-image: url('/live/oe_/https://www.cssfounder.com/img/innear-banner/dots-1.svg'),url('/live/oe_/https://www.cssfounder.com/img/innear-banner/ellipse-2.svg'),url('/live/oe_/https://www.cssfounder.com/img/innear-banner/ellipse-1.svg');
    background-repeat: no-repeat !important;
    background-position: top 10px right 13px, bottom right, top 165px left !important;
    background-size: auto, auto, auto, auto !important;
}

.all-innear-banner.compliant:after, .all-innear-banner.media:after {
    display: none
}

.all-innear-banner.career {
    background: url(/live/oe_/https://www.cssfounder.com/img/banner/career.jpg) #d84c44
}

.all-innear-banner.client-banner {
    background: url(/live/oe_/https://www.cssfounder.com/img/banner/client.jpg) #d84c44
}

.all-innear-banner.testimo {
    background: url(/live/oe_/https://www.cssfounder.com/img/banner/testimonial.jpg) #d84c44
}

.all-innear-banner {
    width: 100%;
    background: url(/live/oe_/https://www.cssfounder.com/img/innear-banner/about-us.jpg) center top/cover no-repeat;
    position: relative;
    padding: 35px 0;
    margin: 0;
    color: #fff !important;
    font-size: 17px;
    line-height: 30px;
    background-repeat: round!important;
    background-position: center !important;
    background-repeat: no-repeat!important;
    background-size: cover !important;
}

.all-innear-banner:after {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    background: rgba(0,0,0,.7)
}

.all-innear-banner.media .inner_title {
    font-weight: 700;
    font-size: 50px;
    text-align: center;
}

.all-innear-banner .inner_title {
    color: #fff !important;
    font-size: 40px;
    font-family: roboto condensed,sans-serif;
    font-weight: 400;
    line-height: 40px
}

.all-innear-banner .container {
    position: relative;
    z-index: 91
}

p.extra-cont {
    text-align: center;
    margin-bottom: 55px
}

.sitemap-page {
    margin: 7px 2px 100px;
    overflow: hidden
}

.sitemap-page h3.tilew {
    font-size: 48px;
    font-weight: 600;
    font-family: inherit;
    margin-top: 20px
}

.country_state_city .state,.sitemap-page .site-map-header {
    /* background: #282828; */
    box-shadow: 6px 4px 10px #bdbdbd;
    margin-bottom: 33px
}

.sitemap-page .site-map-header h3 {
    background: #9d031d;
    color: #fff !important;
    text-align: center;
    padding: 10px;
    font-size: 26px;
    font-weight: 600
}

.sitemap-page .site-map-header ul {
    list-style: none;
    padding: 9px;
    overflow: hidden;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.sitemap-page .site-map-header ul li:before {
    content: "\f054";
    font-family: FontAwesome;
    color: #333 !important;
    font-size: 10px;
    font-weight: 100;
    position: absolute;
    left: 11px;
}

.sitemap-page .site-map-header ul li {
    font-size: 16px;
    font-weight: 600;
    line-height: 23px;
    padding: 6px 15px;
    padding-left: 25px;
    position: relative;
    border-bottom: 1px solid #f3f3f3;
    border-right: 1px solid #f3f3f3;
}

.country_state_city .state ul li a,.sitemap-page .site-map-header ul li a {
    color: #333 !important;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
}

.policy-page h3 {
    margin: 0 0 6px;
    font-size: 24px;
    font-weight: 600;
    color: #bf161d
}

.policy-page p {
    margin: 0 0 25px;
    font-size: 15px;
    font-weight: 500;
    color: #282828;
    text-align: justify;
    line-height: 25px
}

.complaint-feedback .floraforms,.complaint-feedback .floraforms p {
    margin: auto auto .5em
}

.complaint-feedback .floraforms {
    font-family: Roboto,Arial,Helvetica,sans-serif;
    line-height: 1.231;
    font-weight: 400;
    font-size: 14px;
    color: #34495e
}

.complaint-feedback .floraforms .frm-header h4 {
    font-family: Roboto,Arial,Helvetica,sans-serif;
    text-align: left;
    font-size: 24px;
    font-weight: 400;
    color: #111;
    padding: 0;
    margin: 0
}

.complaint-feedback .flora-container {
    margin: 0 auto;
    background: #fdfdfd;
    -webkit-box-shadow: 0 1px 2px rgb(0 0 0 / 45%);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.45);
    -o-box-shadow: 0 1px 2px rgba(0,0,0,.45);
    box-shadow: 0 1px 2px rgb(0 0 0 / 45%)
}

.complaint-feedback .floraforms .frm-body {
    padding: 30px 30px 10px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.complaint-feedback .floraforms .frm-row .colm6 {
    width: 50%
}

.complaint-feedback .floraforms .frm-row .colm {
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    float: left
}

.complaint-feedback .floraforms .flo-input,.complaint-feedback .floraforms .flo-select,.complaint-feedback .floraforms .flo-select>select,.complaint-feedback .floraforms .flo-selectmulti select,.complaint-feedback .floraforms .flo-textarea {
    background: #fff;
    position: relative;
    vertical-align: top;
    border: 2px solid #bdc3c7;
    display: inline-block;
    color: #34495e;
    outline: 0;
    height: 42px;
    width: 100%
}

.complaint-feedback .floraforms .flo-select:before {
    top: 2px;
    right: 2px;
    width: 34px;
    bottom: 2px;
    background: #f2f4fa;
    border-left: 1px solid #d3dae7;
    -webkit-border-radius: 0 1px 1px 0;
    -moz-border-radius: 0 1px 1px 0;
    -o-border-radius: 0 1px 1px 0;
    border-radius: 0 1px 1px 0
}

.complaint-feedback .floraforms .flo-select:after,.complaint-feedback .floraforms .flo-select:before {
    content: '';
    position: absolute;
    pointer-events: none;
    z-index: 15
}

.complaint-feedback .floraforms .flo-select .arrow {
    position: absolute;
    top: 9px;
    right: 5px;
    width: 24px;
    height: 24px;
    background: #f2f4fa;
    color: #b5c1c7;
    pointer-events: none;
    z-index: 16
}

.complaint-feedback .floraforms .flo-select .double:before {
    content: '\25BC';
    bottom: -1px
}

.complaint-feedback .floraforms .flo-select .double:after {
    content: '\25B2';
    top: -1px
}

.complaint-feedback .floraforms .flo-select .arrow:after,.complaint-feedback .floraforms .flo-select .arrow:before {
    position: absolute;
    font: 12px Consolas,monospace;
    pointer-events: none;
    left: 6px
}

.complaint-feedback .floraforms .flo-select>select {
    display: block;
    padding: 9px 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    text-indent: .01px;
    text-overflow: '';
    z-index: 10;
    margin: 0
}

.complaint-feedback .floraforms .flo-select {
    border: 0;
    z-index: 10
}

.complaint-feedback .floraforms .elem-group {
    margin-bottom: 22px
}

.complaint-feedback .floraforms .flo-textarea {
    resize: none;
    line-height: 19px;
    overflow: auto;
    max-width: 100%;
    height: 96px
}

.complaint-feedback .floraforms .flo-hint {
    padding: 10px;
    display: block;
    margin-top: -4px;
    line-height: 16px;
    position: relative;
    background: #f2f4fa;
    border: 2px solid #bdc3c7;
    border-top: 1px solid #bdc3c7;
    font-family: Arial,Helvetica,sans-serif;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -o-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    font-size: 11px;
    color: #777
}

.complaint-feedback .floraforms .frm-row {
    margin: 0 -10px
}

.complaint-feedback .floraforms .frm-footer,.complaint-feedback .floraforms .frm-header {
    overflow: hidden;
    padding: 20px 30px;
    background: #f7f7f7
}

.complaint-feedback .frm-footer .btn-themed {
    border: 0;
    height: 42px;
    line-height: 1;
    font-size: 15px;
    cursor: pointer;
    padding: 0 18px;
    text-align: center;
    vertical-align: top;
    background: #9d031d;
    display: inline-block;
    -webkit-user-drag: none;
    text-shadow: 0 1px rgb(255 255 255 / 20%);
    outline: 0;
    color: #fff !important
}

.phone-id {
    position: fixed;
    display: block;
    bottom: 55px;
    z-index: 99;
    float: right;
    float: 13px;
    margin-left: 11px;
    width: 51px
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    color: #000;
    background: #000
}

@media (max-width: 991px) {
    .services-section .border-box2 .border_three,.services-section .border-box2 .border_top,.services-section .border-box2 .border_two {
        height:2px;
        background: url(/live/oe_/https://www.cssfounder.com/img/shape-2.png) center no-repeat;
        content: ''
    }
    .whatsapp {
    bottom: 3px;
    margin-left: 3px;
}
    .phone-id {
    bottom: 3px;
    left: 40px;
    }

    .banner_cnt,.banner_sec h1,.clients-images,.counter-width,.feature-box,.newsletter-signup,.slogan-bottom-2 {
        text-align: center
    }

    .slogan-bottom-2 {
        font-size: 17px!important;
        margin-top: 0!important;
        line-height: 31px!important;
        display: none;
    }

    .header-content-2.mobile_conte {
    }

    .banner-slider .mobile-banner,.mobile-menus .sidebarBtn,.phone-id {
        display: block
    }

    #th-header .position_static,.banner-slider .desktop-banner,.feature-box h3,.feature-box:after,.half-bg-right,.services-section .border-box,.th-navigation.float-right,.timeline .experience .circle,.top-logos {
        display: none
    }

    .feature-box {
        width: 100%;
        position: relative;
        float: none
    }

    .clients-images ul li {
        width: 24%
    }

    .about-logd {
        width: 100%;
        float: none
    }

    .services-section .left-column,.services-section .right-column {
        width: 100%;
        padding: 15px
    }

    .timeline .experience {
        margin-left: 0;
        padding-left: 0;
        border-left: 0 solid #ccc
    }

    .image_block_1 .image-box .image-3 {
        position: absolute;
        left: -10px;
        bottom: 21px;
        padding: 6px;
        width: 44%
    }

    .timeline time {
        margin-left: -27px;
        display: none
    }

    .counter-width {
        width: 50%;
        float: left;
        height: 165px
    }

    .fact-counter .icon {
        left: 0;
        top: 5px;
        width: 45%;
        position: relative;
        margin: 0 auto
    }

    .services-section .border-box2 {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .services-section .border-box2 .border_top {
        position: absolute;
        left: 0;
        top: 25.333%;
        width: 100%
    }

    .services-section .border-box2 .border_two {
        position: absolute;
        left: 0;
        top: 49.333%;
        width: 100%
    }

    .services-section .border-box2 .border_three {
        position: absolute;
        left: 0;
        top: 73.333%;
        width: 100%
    }

    .services-section .border-box2 .border_second-left {
        position: absolute;
        content: '';
        top: 0;
        left: 49%;
        width: 2px;
        height: 100%;
        background: url(/live/oe_/https://www.cssfounder.com/img/shape-3.png) center no-repeat
    }

    .fact-counter .count-text {
        font-size: 41px
    }

    .fact-counter .content {
        padding-left: 0
    }

    .clients-images {
        display: inline-block
    }

    .clients-images .col-md-2 {
        width: 30%;
        float: none;
        padding: 5px;
        display: inline-block
    }

    .services-section .auto-container {
        height: inherit
    }

    .content-box .text p {
        font-size: 17px;
        margin: 0
    }

    .timeline .experience-info h3 {
        font-size: 18px;
        line-height: 23px
    }

    .timeline .experience-info p {
        font-size: 17px;
        text-align: justify
    }

    .deliver-head h3 {
        font-size: 26px;
        padding: 0;
        font-weight: 600
    }

    .card-sec,.card-sec.end-block {
        width: 100%;
        padding: 0;
        margin-bottom: 0
    }

    .all-property .col-lg-2,.featured-text,.tz-gallery .case-block-one {
        width: 50%;
        float: left
    }

    .card-block .image-block {
        overflow: hidden
    }

    .card-block .image-block img {
        height: 315px
    }

    .card-block {
        margin-bottom: 10px
    }

    .featured-text {
        border: 1px solid #fff;
        padding: 10px 20px
    }

    .gallery-updates {
        margin: 0
    }

    .red-clor-bg {
        background-color: #bf161d
    }

    .event-list-item p {
        margin-bottom: 0;
        font-size: 17px
    }

    .meta-data {
        color: #bf161d;
        font-size: 17px
    }

    .freee-food {
        padding-bottom: 0
    }

    .development-tech .technology h3 {
        font-size: 24px;
        padding: 0;
        font-weight: 600
    }

    .development-tech .technology a {
        width: 19%;
        box-shadow: 0 0 10px #e7e7e7;
        padding: 5px
    }

    .development-tech .technology a img {
        width: 100%;
        height: 72px;
        object-fit: contain
    }

    .blog-container span.masonry-post-meta {
        font-size: 17px;
        font-family: inherit
    }

    .discuss_project {
        top: -55px;
        left: 4%;
        width: 92%;
        padding: 0
    }

    .discuss_project a {
        padding: 8px 16px 7px;
        margin: 10px 0 0
    }

    .newsletter-signup {
        float: left;
        width: 100%
    }

    .footer-bar-title {
        padding-right: 0;
        font-size: 22px;
        margin-bottom: 6px
    }

    .banner_cnt,.footer ul li,.footer ul li a {
        font-size: 18px
    }

    .footer-social-btns {
        float: right;
        text-align: center;
        width: 100%;
        margin-top: 20px
    }

    .footer h3 {
        font-size: 23px
    }

    .cont p {
        font-size: 18px;
        line-height: 30px
    }

    .banner_sec,.cases-section.free-fod-page .case-block-one,.media-logo img,.newsletter-signup form,.redesigning_banner .banner_form,.why-us_testimonial:before {
        width: 100%
    }

    .featured-text span {
        font-size: 16px
    }

    .banner_sec h1,.why-us_testimonial .sec-title.light h3,.why_bg h2 {
        font-size: 28px
    }

    .events-compact-list {
        list-style-type: none;
        margin: 0;
        padding: 0
    }

    .mobile-menus ul li i {
        float: right
    }

    .mobile-menus ul.subme {
        display: none;
        padding: 0
    }

    .fact-counter {
        padding: 15px
    }

    .phone-logos .lite-blacks,.wwwfd {
        padding: 0
    }

    .grav-tweet,.post-inner,.related-posts-wrapper ul li.related_post {
        margin: 0 0 15px
    }

    .post-inner .hds {
        height: auto
    }

    .why-us_testimonial .icon-box {
        padding-left: 0;
        padding-right: 0
    }

    .why-us_testimonial .icon-box .icon {
        position: relative;
        margin: 0 auto
    }

    .why-us_testimonial .icon-box .text {
        text-align: justify
    }

    .sec-title.black h3 {
        color: #fff !important;
        -webkit-text-fill-color: inherit;
        font-size: 29px
    }

    .why-seofied {
        width: 100%;
        float: left
    }

    .why-seofied li i {
        position: absolute;
        left: 0;
        top: -2px;
        font-size: 25px;
        width: 50px;
        height: 50px;
        line-height: 50px
    }

    .why-seofied li {
        padding-left: 20%
    }

    .why-seofied li h3 {
        font-weight: 600;
        font-size: 20px;
        margin-bottom: 3px
    }

    .why-seofied li p {
        color: #fff !important;
        font-size: 15px;
        line-height: 20px
    }

    .why-us_testimonial .sec-title {
        position: relative;
        margin-bottom: 35px;
    }

    .mobile-bg-white {
        background: #fff;
        overflow: hidden
    }

    .mobile-bg-white .sec-title.black h2 {
        /* color: #282828; */
        /* -webkit-text-fill-color: inherit; */
        /* font-size: 40px; */
    }

    .mobile-bg-white .sec-title.black {
        padding: 30px 0 0
    }

    .mobile-bg-white .why-seofied li p {
        color: #000 !important;
        font-size: 15px;
        line-height: 20px
    }

    .wwwfd {
        display: none;
    }

    .wwwfd li {
        box-shadow: 0 0 10px #c1c1c1;
        float: left!important;
        width: 20%;
        margin-bottom: 0;
        border-radius: 50%;
        overflow: hidden
    }

    .partner_list ul li {
        width: 100%
    }

    .partner_area {
        padding: 10px 12px;
        border-radius: 5px;
    }

    .why_bg h2 {
        font-weight: 600
    }

    .logo_choose ul li {
        float: none
    }

    .services-section .right-column .timeline.column {
        padding: 30px 13px 38px;
        OVERFLOW: HIDDEN
    }

    .banner_sec h1 {
        margin-top: 20px;
        line-height: 23px
    }

    .redesigning_banner {
        height: auto;
        background-repeat: inherit!important
    }

    .all-innear-banner .inner_title {
        padding: 0;
        margin: 0
    }

    .w-75 {
        width: 100%!important
    }

    .veg-bt {
        position: inherit!important;
        top: 0;
        left: 0
    }

    .mobile-desss,.veg-bt.parle-g {
        display: block!important
    }

    #wowslider-container1 {
        display: none!important
    }

    .refHolder {
        min-height: 260px
    }

    .refHolder>div.mobile,.slider-resp-design>div.mobile {
        padding: 27px 15px 38px 11px
    }

    .refHolder>div.tablet,.slider-resp-design>div.tablet {
        padding: 14px 18px 21px 14px;
        right: 48%;
        width: 54%;
        height: 196px;
        top: 0
    }

    .refHolder>div.tablet>img,.slider-resp-design>div.tablet>img {
        height: 185px;
        width: 163px
    }

    .refHolder>div.desktop,.slider-resp-design>div.desktop {
        padding: 12px 39px 85px 41px;
        left: -16%;
        width: 136%;
        height: 273px;
        top: -83px
    }

    .refHolder>div.desktop>img,.slider-resp-design>div.desktop>img {
        height: 213px;
        width: 404px
    }

    .refHolder>div.mobile {
        right: 68%
    }
}

.w3-black,.w3-hover-black:hover {
    color: #fff !important;
    background-color: #000!important
}

.w3-display-left {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0,-50%);
    -ms-transform: translate(0,-50%)
}

.w3-display-right {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0,-50%);
    -ms-transform: translate(0,-50%)
}

.w3-btn,.w3-button {
    border: none;
    display: inline-block;
    padding: 8px 16px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    background-color: inherit;
    text-align: center;
    cursor: pointer;
    white-space: nowrap
}

.button-3.button-outline,.container-5 {
    display: -webkit-flex;
    display: -ms-flexbox
}

.content-bg {
    background: #282828;
    padding: 60px 0
}

.hero-div,.slogan-top-4 {
    margin-top: 0;
    padding-left: 0
}

.content-bg li,.content-bg p.cnt {
    color: #fff !important;
    text-align: center;
    font-size: 17px;
    line-height: 30px
}

.policy-page ul li {
    position: relative;
    margin-left: 30px;
    font-size: 15px;
    font-weight: 500;
    color: #282828;
    text-align: justify;
    line-height: 25px
}

.policy-page ul li:before {
    position: absolute;
    top: 3px;
    left: -27px;
    content: "\f14a";
    font-family: FontAwesome;
    font-size: 18px;
    display: inline-block;
    color: #bf161d
}

.hero-section {
}

.hero-div {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    margin-left: 193px;
    padding-bottom: 1px;
    border-radius: 6px 0 0 6px;
    background-color: #e6e9ef;
    background-image: url(/live/oe_/https://www.cssfounder.com/img/5ed9565613326e206ea8cb75_hero1.webp);
    background-position: 50% 100%;
    background-size: cover;
    opacity: 1
}

.slogan-top-4 {
    letter-spacing: normal;
    font-family: "Roboto Slab", serif;
    color: #fff !important;
    font-size: 72px;
    line-height: 70px;
    margin-bottom: 30px;
    font-weight: 700;
}

.slogan-top-4 .slogan-top-blue {
    display: block;
}

.form-start-hero,.slogan-bottom-2 {
}

.slogan-top-blue,.text-span-3 {
    /* color: #9d031d; */
}

.slogan-bottom-2 {
    margin-top: 15px;
    margin-right: 0;
    padding: 1px 0 0;
    font-family: 'DM Sans', sans-serif;
    color: #fff !important;
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    letter-spacing: 0;
}

.w-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 940px
}

.container-5 {
    display: -webkit-box;
    display: flex;
    margin-top: 21px
}

.form-start-hero {
}

.button-3,.button-form {
    display: block;
    padding: 15px 24px;
    font-family: 'DM Sans',sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    text-align: center;
    color: #fff !important;
    margin-top: 0;
    margin-left: 0
}

.button-form {
}

.button-3.button-outline {
}

#Subheader,.button-form:hover {
    background-color: #000
}

.button-3 {
    margin-right: 16px;
    border: 2px solid #266af6;
    border-radius: 4px;
    background-color: #266af6;
    -webkit-transition: background-color .2s;
    transition: background-color .2s
}

.button-form:hover a {
    text-decoration: none
}

.header-content-2 {
}

.top_list {
    overflow: hidden;
    border: 1px solid #bf161d
}

.Video_sect .sec-title .text-decoration .left::after,.Video_sect .sec-title .text-decoration .left::before,.Video_sect .sec-title .text-decoration .right::after,.Video_sect .sec-title .text-decoration .right::before,.Video_sect .sec-title .text-decoration::before {
    position: absolute;
    background-color: #bf161d;
    border-radius: 50%;
    content: ""
}

.top_list .title h3 {
    margin: 0;
    color: #fff !important;
    font-size: 20px;
    padding: 8px 7px;
    font-weight: 600
}

.top_list .New_s .Lis_T_start {
    overflow: hidden;
    padding: 15px 6px
}

.top_list .New_s .Lis_T_start .media-w {
    width: 47%;
    margin: 3px;
    display: flex
}

.top_list .New_s .Lis_T_start .media-w .media-content h3 {
    height: 14px;
    overflow: hidden
}

.Web_tickets {
    display: flex;
    gap: 20px
}

.Web_tickets a {
    background: #bf161d;
    color: #fff !important;
    display: inline-block;
    padding: 10px;
    width: 100%;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    margin: 1px;
    text-decoration: none
}

.Web_tickets a:focus,.Web_tickets a:hover {
    text-decoration: none;
    color: #fff !important;
    outline: 0
}

ul.lisst {
    list-style: disc;
    padding-left: 20px
}

ul.lisst li {
    font-size: 15px;
    color: #000;
    text-align: justify;
    margin: 0 0 8px;
    background: #0000;
    list-style: disc;
    padding: 0;
    float: none
}

ul.lisst2 li {
    list-style-type: disc;
    float: none;
    background: #fff;
    padding: 0;
    color: #444;
    font-size: 15px
}

ul.lisst2 {
    margin: 12px 28px
}

#blog-container .post-inner .process_head {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    height: 50px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.ccc {
    position: absolute;
    width: 30%;
    top: 0;
    right: 0
}

.Video_sect {
    background: #f0f8ff;
    padding: 50px 0 100px
}

.video_tile h2 {
    position: relative;
    display: block;
    font-size: 40px;
    line-height: 1.2em;
    font-weight: 700;
    margin: 0;
    padding-bottom: 30px;
    letter-spacing: -.5px;
    color: #bf161d
}

.Video_sect .sec-title.text-center .text-decoration {
    margin: 0 auto
}

.Video_sect .sec-title .text-decoration {
    position: relative;
    height: 10px;
    width: 50px;
    display: block
}

.Video_sect .sec-title .text-decoration::before {
    left: 20px;
    top: 0;
    width: 10px;
    height: 10px
}

.Video_sect .sec-title .text-decoration .left,.Video_sect .sec-title .text-decoration .right {
    position: absolute;
    top: 0;
    left: 0;
    height: 10px;
    width: 100%
}

.Video_sect .sec-title .text-decoration .left::before {
    left: 0;
    top: 3px;
    width: 5px;
    height: 5px
}

.Video_sect .sec-title .text-decoration .left::after {
    left: 10px;
    top: 3px;
    width: 5px;
    height: 5px
}

.Video_sect .sec-title .text-decoration .right::before {
    right: 0;
    top: 3px;
    width: 5px;
    height: 5px
}

.Video_sect .sec-title .text-decoration .right::after {
    right: 10px;
    top: 3px;
    width: 5px;
    height: 5px
}

.Video_sect .vido_c iframe {
    height: 322px
}

h2.heading {
}

.center-phone {
    display: none!important
}

.Css_tab {
    margin-top: 30px
}

.Css_tab ul {
    margin: 0;
    text-align: center;
    list-style: none;
    padding: 0;
    display: flex;
    gap: 17px;
    justify-content: center
}

.Css_tab ul li a {
    display: block;
    background: #bf161d;
    color: #fff !important;
    padding: 10px 25px;
    border-radius: 5px;
    text-decoration: none;
    font-size: 15px;
    font-weight: 600
}

.video_CC {
    box-shadow: 0 1px 10px #c5c5c5;
    padding: 11px;
    background: #282828
}

.video_CC .name p {
    margin: 0;
    color: #fff !important;
    font-weight: 600
}

.site-wrap .js-sticky-header .d-inline-block {
    position: absolute!important;
    padding: 0!important;
    margin: 0;
    top: 10px!important;
    right: 8px!important;
    background: #9d031d;
    width: fit-content
}

.site-wrap .js-sticky-header .d-inline-block a {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    overflow: hidden
}

.site-wrap .js-sticky-header .d-inline-block a span {
    line-height: 35px
}

.mobile-phone .site-menu>li:first-child {
    background: #9d031d;
    float: none
}

.about {
    padding: 0 0 2em
}

.Video_sect .discuss_project {
    background: #ececec;
    box-shadow: none;
    padding: 1.8vw 0;
    border-radius: 3px;
    position: relative;
    top: -92px;
    width: 70%;
    text-align: center;
    display: flex;
    justify-content: center;
    gap: 18px;
    align-items: center;
    margin-bottom: -50px;
    margin: 0 auto;
    left: auto;
}

.Video_sect .discuss_project a img {
    height: auto;
    margin-top: 0;
    margin-left: 0
}

.Video_sect .discuss_project a {
    background: #0000;
    display: inline-block;
    font-size: inherit;
    color: #fff !important;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0;
    text-decoration: none;
    letter-spacing: 1px;
    position: relative;
    top: 0;
    margin-left: 0
}

.digital-marketings {
    background: #0b2d5d;
    padding: 2px
}

.swal-button,.swal-overlay--show-modal .swal-modal .swal-icon--success__line {
    background-color: #389703!important
}

.digital-marketings a {
    color: #fff !importantf!important;
    font-size: 15px
}

.digital-marketings a img {
    width: 20px
}

.web_prid a {
    background: #bf161d;
    padding: 10px 20px;
    color: #fff !important;
    display: block;
    text-decoration: none;
    border-bottom: 1px solid rgba(0,0,0,.2)
}

.site-mobile-menu .site-mobile-menu-body {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    position: relative;
    padding: 0 1px 150px;
    height: calc(100vh - 52px)
}

@media only screen and (min-width: 1024px) {
    .hide_vr {
        display:block
    }
}

.swal-icon--success__ring {
    border: 4px solid #389703!important
}

.swal-title {
    color: rgb(118 181 27)!important
}

.swal-text {
    color: #000!important;
    line-height: 28px;
    text-align: center;
    font-size: 16px;
    font-family: unset
}

.swal-button-container {
    margin: 0!important;
    display: block!important;
    position: relative!important;
    text-align: center
}

.swal-button {
    padding: 10px 30px!important
}

.swal-icon {
    margin: 30px auto 0!important
}

.swal-modal {
    width: 50%
}

.thankyou_maiL_popup {
    position: fixed;
    top: 0;
	left:0;
    width: 100%;
    height: 100%;
    z-index: 999;
    background: #00000096
}

.thankyou_maiL_popup .thankyou_with {
    width: 60%;
    margin: 80px auto;
    background: #ffff;
    padding: 0
}

.thankyou_content h2 {
    padding-right: 0!important;
    font-size: 20px;
    line-height: 1.27;
    margin-bottom: 0;
    font-weight: 700;
    color: #373737;
    text-align: center;
    background: #e6e6e6;
    padding: 10px
}

.consult-content-box {
    display: flex;
    align-items: center;
    margin: 0 auto 13px;
    flex-wrap: wrap;
    /* justify-content: space-between; */
    gap: 15px;
}

.consult-content-box>span {
    font-weight: 600;
    font-size: 26px;
    margin-right: 10px;
    display: block;
    margin-bottom: 20px;
    width: 100%;
    color: #232323
}

.consult-destls-img {
    max-width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0
}

.box_cljj .box_clj_img img,.bs_industry .indus_grid .indus img,.consult-destls-img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.consult-author-destils {
    margin-right: 0
}

.consult-author-destils h3 {
    margin-bottom: 0;
    font-size: 22px;
    color: #000
}

.consult-author-destils span {
    margin-bottom: 0;
    font-size: 15px
}

.consult-contat-info {
    padding: 0;
    display: block;
    gap: 18px;
    flex-wrap: wrap
}

.consult-contat-info a {
    margin: 0 0 10px;
    display: block
}

.consult-common-box>span {
    background-color: #9d031d;
    color: #fff !important;
    padding: 5px 10px;
    font-size: 16px;
    font-weight: 600;
    display: block;
    width: fit-content
}

.consult-contat-info span i {
    margin-right: 10px!important;
    display: inline-block
}

.consult-servies-info {
    margin-top: 10px
}

.consult-servies-info h3 {
    font-size: 22px;
    margin-bottom: 8px;
    color: #000
}

.consult-servies-info ul {
    flex-wrap: wrap;
    width: 100%;
    padding-left: 20px
}

.DIV_PADD {
    padding: 30px
}

.consult-servies-info ul>li {
    list-style: disc;
    font-size: 15px;
    font-weight: 400
}

.thankyou_mes_print {
    box-shadow: 0 11px 29.12px 2.88px rgb(0 0 0 / 11%);
    -webkit-box-shadow: 0 11px 29.12px 2.88px rgb(0 0 0 / 11%);
    -moz-box-shadow: 0 11px 29.12px 2.88px rgba(0,0,0,.11);
    padding: 14px;
    background-color: #fff !important
}

.thankyou_mes_print p {
    color: #000;
    font-size: 19px;
    text-align: center
}

.thankyou_mes_print p span {
    color: #000;
    font-weight: 600
}

.thankyou_mes_print p a {
    color: #9d031d;
    font-weight: 600
}

.close_btn_css {
    position: absolute;
    top: -10px;
    right: -10px;
    background: #9d031d;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    border-radius: 37px
}
.close_btn_css a {color:#fff}

.close_btn_css span,.thankyou_mes_print .links ul li a {
    color: #fff !important;
    display: block
}

.thankyou_mes_print .links {
    background: #ededed;
    padding: 8px 38px
}

.thankyou_mes_print .links ul {
    display: flex;
    list-style: none;
    padding: 0;
    justify-content: space-between;
    gap: 10px;
    margin: 0
}

.thankyou_mes_print .links ul li {
    width: 33.33%;
    text-align: center;
    background: #9d031d;
    margin: 0
}

.thankyou_mes_print .links ul li a img {
    padding: 8px;
    width: 100%
}

.thankyou_mes_print .links ul li a span {
    background: #000;
    display: block;
    font-size: 12px;
    padding: 3px
}

.thankyou_mes_print .links h3 {
    text-align: center;
    font-size: 16px;
    color: #000;
    font-weight: 600
}

.DIV_PADD .row {
    display: flex;
    flex-direction: row-reverse
}

.consult-destls-grid h3,.tabnj .nav-tabs li a {
    font-size: 15px;
    color: #000;
    font-weight: 600
}

.consult-destls-grid h3 {
    margin-top: 0
}

.download_broucher a {
    background: #0000;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    font-size: 18px
}

.download_broucher a img {
    height: 49px
}

.download_broucher a span {
    background: #b11b21;
    display: inline-block;
    font-size: 18px;
    color: #fff !important;
    font-weight: 600;
    text-decoration: none;
    letter-spacing: 1px;
    position: relative;
    top: 0;
    margin-left: 10px;
    border-radius: 7px
}

.discuss_project {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.discuss_project .download_broucher {
    background: #b11b21;
    display: flex;
    padding: 20px 15px
}

.bd-blog__meta,.new_layt {
    border-top: 1px solid #eee
}

.case-study-minor-item .testimonial img {
    width: 55px
}

.case-study-minor-item .testimonial p {
    font-size: 14px;
    text-transform: uppercase;
    color: #000;
    font-weight: 400;
    margin-bottom: 0;
    padding-top: 12px;
    letter-spacing: .5px
}

body.overf {
    overflow-x: hidden!important;
    height: 100vh
}

.consult-contact-form {
    padding: 35px 0;
    background: #efefef
}

.consult-contact-form h3 {
    font-weight: 700;
    font-size: 28px;
    color: #0e3d52;
    text-align: center;
    padding: 10px 0;
    font-family: inherit
}

.consult-contact-form .DIV_PADD h3,.consult-contact-form .consult-destls-grid h3,.consult-contact-form h2 {
    text-align: left;
    padding: 0;
    font-size: 18px
}

.consult-contact-form .consult-content-box {
    display: flex;
    align-items: center;
    margin: 0 auto 13px;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 20px
}

.Main_cliets {
    width: 100%;
    overflow: hidden
}

.Main_cliets ul {
    display: flex;
    padding: 5px;
    margin: 0;
    gap: 4px
}

.Main_cliets ul li {
    list-style: none;
    box-shadow: 0 0 10px #000;
    padding: 8px;
    background: #fff;
    width: 100%
}

.serve_industries.ldi .case-study-minor-item {
    width: 151px
}

.testimonial-one {
    position: relative;
    display: block;
    background-color: #f2f5f9;
    padding: 35px 0;
    overflow: hidden;
    z-index: 1
}

.testimonial-one-shape-2 {
    position: absolute;
    top: -40px;
    right: 0;
    mix-blend-mode: luminosity
}

.testimonial-one-shape-2 img,.testimonial-one-shape-3 img {
    width: auto;
    mix-blend-mode: luminosity;
    opacity: .15
}

.testimonial-one-shape-3 {
    position: absolute;
    bottom: -90px;
    left: 0;
    mix-blend-mode: luminosity
}

.testimonial-one__bottom,.testimonial-one__carousel,.testimonial-one__client-details,.testimonial-one__single,.testimonial-one__single-inner,.testimonial-one__top,.testimonial-one__top-left,.testimonial-one__top-right {
    position: relative;
    display: block
}

.testimonial-one .container {
    max-width: 1160px
}

.testimonial-one__top {
    text-align: center
}

.testimonial-one__top-right {
    margin-left: 70px;
    margin-top: 16px
}

.testimonial-one__top-text {
    font-size: 18px;
    line-height: 30px;
    letter-spacing: var(--insur-letter-spacing)
}

.testimonial-one__single {
    border-radius: 20px;
    background-color: #fff !important;
    box-shadow: 0 10px 60px 0 rgba(0,0,0,.05);
    -webkit-transition: .5s;
    transition: .5s;
    height: 100%
}

.testimonial-one__single:hover {
    transform: translateY(-10px)
}

.testimonial-one__single-inner {
    overflow: hidden;
    padding: 37px 20px 20px;
    border-radius: 20px;
    background-color: var(--insur-white);
    height: 100%
}

.testimonial-one__shape-1 {
    position: absolute;
    top: 0;
    right: 0
}

.testimonial-one__shape-1>img {
    width: auto!important;
    mix-blend-mode: luminosity;
    border-top-right-radius: 20px;
    opacity: .2;
    -webkit-transition: .5s;
    transition: .5s
}

.testimonial-one__single:hover .testimonial-one__shape-1>img {
    mix-blend-mode: normal;
    opacity: 1
}

.testimonial-one__client-info {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 5px;
    margin-bottom: 10px;
    height: 115px
}

.testimonial-one__client-img-box {
    position: relative;
    display: block;
    width: 100%;
    max-width: 80px;
    z-index: 1
}

.testimonial-one__client-img-box:before {
    position: absolute;
    content: "";
    top: -5px;
    bottom: -5px;
    left: -5px;
    right: -5px;
    background-image: -moz-linear-gradient(-29deg,#015fc9 0,#0ce0ff 100%);
    background-image: -webkit-linear-gradient(-29deg,rgb(157 3 29) 0,rgb(237 64 93) 100%);
    background-image: -ms-linear-gradient(-29deg,#015fc9 0,#0ce0ff 100%);
    border-top-left-radius: 45px;
    z-index: -1
}

.testimonial-one__client-img-box>img {
    width: 100%!important;
    border-top-left-radius: 45px
}

.testimonial-one__quote {
    position: absolute;
    top: -28px;
    right: -33px;
    height: 58px;
    width: 58px;
    border-radius: 50%;
    background-color: #fff !important;
    box-shadow: 0 5px 30px 0 rgba(0,0,0,.07);
    display: flex;
    align-items: center;
    justify-content: center
}

.cost-table,.testimonial-one__quote>img {
    width: auto!important
}

.testimonial-one.mar_rev .testimonial-one__client-content {
    margin-left: 0;
    position: relative;
    top: 0
}

.testimonial-one.mar_rev .testimonial-one__client-sub-title {
    padding-left: 15px;
    position: relative
}

.testimonial-one.mar_rev .testimonial-one__client-sub-title:before {
    content: '';
    width: 9px;
    height: 2px;
    background: #bf161d;
    position: absolute;
    left: 0;
    top: 9px
}

.testimonial-one.mar_rev .testimonial-one__shape-1 {
    position: absolute;
    top: inherit;
    right: -14px;
    bottom: 0;
    rotate: 90deg
}

.testimonial-one__client-content {
    margin-left: 35px;
    position: relative;
    top: 3px
}

.testimonial-one__client-review {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 14px
}

.testimonial-one__client-review i {
    font-size: 15px;
    color: #fab600
}

.testimonial-one__client-name {
    font-size: 18px;
    font-weight: 700;
    color: #000
}

.testimonial-one__client-sub-title {
    font-size: 14px;
    color: var(--insur-base);
    text-transform: uppercase;
    letter-spacing: .1em;
    font-weight: 500
}

.Features_Maintenance ul li,.Features_Maintenances p,.New_technology p,.We_served p,.Why_Css_Founder p,.Why_Css_Founder ul li,.cus_t p,.new_layt p,.testimonial-one__text {
    text-align: left;
    margin: 13px 0 0;
    color: #000;
    font-size: 16px;
    line-height: 1.5em
}

.testimonial-one__carousel.owl-carousel .owl-stage-outer {
    overflow: visible
}

.testimonial-one__carousel.owl-carousel .owl-item {
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s,visibility .5s
}

.testimonial-one__carousel.owl-carousel .owl-item.active {
    opacity: 1;
    visibility: visible
}

.testimonial-one .section-sub-title {
    line-height: 26px;
    letter-spacing: 0;
    font-size: 34px;
    padding: 0 25px;
    font-weight: 600;
    text-align: center;
    color: #333;
    margin-bottom: 30px
}

.testimonial-one .section-title-shape-1 {
    position: absolute;
    top: -1px;
    left: -40px;
    font-size: 13px
}

.testimonial-one .section-title-shape-1 img,.testimonial-one .section-title-shape-2 img {
    width: auto
}

.testimonial-one .section-title-shape-2 {
    position: absolute;
    top: -1px;
    right: -39px;
    font-size: 13px
}

.testimonial-one .section-title__title {
    margin: 0;
    color: #182640;
    font-size: 45px;
    line-height: 55px;
    font-weight: 700;
    letter-spacing: var(--insur-letter-spacing)
}

.testimonial-one .section-title {
    position: relative;
    display: block;
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 0
}

.testimonial-one__top .row {
    align-items: center;
    justify-content: center
}

.faq-form {
    background-color: #fff !important;
    box-shadow: 0 0 10px #d5d5d5;
    text-align: center;
    margin-left: 0
}

.faq-form h3 {
    background: #0b2d5d;
    color: #fff !important;
    font-size: 17px;
    padding: 10px;
    margin: 0
}

.div_re .div_revi,.our_client_content .row {
    display: flex
}

.div_re .div_revi .logo {
    width: 30%
}

.div_re .div_revi .pro_all h3 {
    background: #0000;
    color: #000;
    text-align: left;
    padding: 0;
    font-size: 18px;
    font-weight: 600
}

.logo_company {
    background: #000;
    margin-bottom: 20px
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

.country_state_city {
    padding: 20px 0 50px;
}

.country_state_city .state h3 {
    background: #9d031d;
    color: #fff !important;
    text-align: center;
    padding: 10px;
    font-size: 26px;
    font-weight: 600;
    margin: 0
}

.country_state_city .state ul {
    list-style: none;
    padding: 16px;
    overflow: hidden;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.country_state_city .state ul li {
    float: left;
    font-size: 19px;
    font-weight: 600;
    line-height: 31px;
    /* margin-bottom: 6px; */
    padding: 6px 15px;
    padding-left: 25px;
    position: relative;
    border-bottom: 1px solid #f3f3f3;
    border-right: 1px solid #f3f3f3;
}

.country_state_city .state ul li:before {
    content: "\f054";
    font-family: FontAwesome;
    color: #333!important;
    font-size: 10px;
    font-weight: 100;
    position: absolute;
    left: 11px;
}

.banner_All_state {
    position: relative;
    height: 100px;
    overflow: hidden
}

.banner_All_state .question_title {
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    left: 15px;
    background: #0000006b;
    padding: 12px 24px
}

.banner_All_state .question_title h1 {
    padding: 0!important;
    margin: 0;
    color: #fff !important;
    font-size: 27px;
    font-weight: 600
}

.cou_try_30 {
    padding-bottom: 80px
}

.press_releases_content .press-releases_title {
    color: #17313b;
    overflow: hidden;
    padding: 15px 0;
    position: relative;
    display: block;
    font-size: 46px;
    line-height: 1.1em;
    font-weight: 700;
    letter-spacing: 0;
    margin: 0
}

.press_releases_content .article {
    border: 1px solid #cae0e7;
    box-shadow: 0 0 10px 0 rgb(62 131 158 / 10%);
    position: relative;
    transition: .2s
}

.press_releases_content .article_link {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.press_releases_content .press-releases_container .article_wrap {
    justify-content: flex-end
}

.press_releases_content .article_wrap {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 20px;
    width: 100%
}

.press_releases_content .row_article .article_img {
    align-self: center;
    margin-left: 25px;
    width: 28%
}

.press_releases_content .article_tag {
    border-bottom: 1px solid #cae0e7;
    display: flex;
    flex-wrap: wrap;
    padding: 8px 0 0
}

.press_releases_content .article_tag__item {
    align-items: center;
    display: flex;
    font-size: 14px;
    letter-spacing: .3px;
    margin: 0 15px 5px 0
}

.press_releases_content .article_tag__icon {
    display: inline-block;
    height: 14px;
    margin: 0 7px 0 0;
    width: 14px;
    line-height: 10px
}

.press_releases_content .article_tag a {
    color: red;
    position: relative
}

.press_releases_content .article_title {
    color: #000;
    display: -webkit-box;
    font-size: 21px;
    font-weight: 600;
    margin: 10px 0 11px;
    overflow: hidden
}

.press_releases_content .article_description {
    color: #6a797d;
    font-family: Lato,sans-serif;
    margin: 0;
    font-size: 16px
}

.press_rel h1 {
    font-size: 26px;
    margin-top: 0;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 30px
}

.press_rel h2 {
    font-size: 20px;
    font-weight: 600
}

.press_rel p {
    color: #000;
    text-align: justify;
    font-size: 16px;
    line-height: 30px
}

.press_rel_content {
    padding: 60px
}

.most_trusted {
    background: #282828;
    padding: 50px 0
}

.most_trusted p {
    color: #fff !important;
    font-size: 15px;
    line-height: 22px;
    text-align: justify
}

.content-bg.serv_e h3 {
    color: #fff !important;
    margin: 0 0 25px;
    font-weight: 600;
    position: relative;
}

.content-bg.serv_e h3:before {
    content: '';
    display: block;
    width: 100px;
    height: 3px;
    background: #bf161d;
    position: absolute;
    bottom: -6px
}

.content-bg.serv_e p {
    text-align: left;
    margin-bottom: 30px
}

.more_testimonials ul {
    list-style: none;
    padding: 50px 0;
    overflow: hidden
}

.more_testimonials ul li {
    list-style: none;
    float: left;
    border: 1px solid #ddd;
    width: 25%;
    border-top: 0;
    border-left: 0;
    text-align: center;
    padding: 20px
}

.bd-blog__thum,.box .box_img {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    overflow: hidden;
    height:140px;
}

.bd-blog__content,.box .content {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

.more_testimonials ul li img {
    width: 100%;
    height: 80px;
    object-fit: contain
}

.more_testimonials ul li span {
    font-weight: 600;
    display: block
}


@media(max-width: 992px) {
    .media_coverage {
        padding:30px 0 90px
    }

    .video_tile h2 {
        font-size: 30px
    }

    .mobile-phone {
        position: absolute;
        width: auto;
        right: 50px;
        padding: 0
    }

    .Main_cliets ul li:nth-child(7),.Main_cliets ul li:nth-child(8),.consult-servies-info,.mobile-phone .site-menu>li:nth-child(3) {
        display: none
    }

    .faq_section_servive #category_faq .panel-title a.collapse:before, .faq_section_servive #category_faq .panel-title a.collapsed:before, .faq_section_servive #category_faq .panel-title a:before {
        /* right: inherit; */
        /* left: 0; */
        border: #ffdead
    }

    .faq_section_servive #category_faq .panel-title a {
        display: block;
        padding: 12px 70px 12px 0;
        font-size:16px;
    }

    .faq_section_servive #category_faq .panel-title a.collapsed:before {
        width: 15px;
        font-size: 14px
    }

    .portfolioitems h6 {
        margin-left: 0;
        color: #fff !important;
        font-size: 22px;
        line-height: 32px;
        font-style: italic;
        padding: 17px
    }

    #free-services-main-container {
        margin-left: 0;
        margin-right: 0
    }

    #absolutely-free-container ul li,.tab_contant p,ul.lisst li {
        font-size: 18px
    }

    #absolutely-free-container {
        padding: 15px 15px 40px
    }

    .thankyou_maiL_popup .thankyou_with {
        width: 93%
    }

    .thankyou_mes_print .links {
        background: #ffffff;
        padding: 0px 0px;
    }

    .consult-destls-grid {
        padding: 10px
    }

    .thankyou_mes_print p {
        color: #000;
        font-size: 18px;
        text-align: center;
        line-height: 26px
    }

    .consult-content-box {
        margin-top: 16px;
        justify-content: start;
        gap: 15px
    }

    .DIV_PADD {
        padding: 0px
    }

    .development-tech .devo-logo,.discuss_project {
        display: block
    }

    .download_broucher {
        display: block;
        justify-content: center;
        padding: 10px 8px!important
    }

    .footer {
        padding: 140px 0 0
    }

    .case-study-minor-item {
        width: 28%!important;
        padding: 6px
    }

    .thankyou_mes_print .links ul li a span {
        display: flex;
        height: 37px;
        align-items: center;
        justify-content: center
    }

    .Main_cliets ul {
        flex-wrap: wrap;
        justify-content: center
    }

    .Main_cliets ul li {
        width: 32%
    }

    .testimonial-one__single {
        margin-bottom: 10px
    }

    .download_broucher a span {
        width: 200px
    }

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

    .content-bg,.most_trusted {
        padding: 15px 0
    }

    .benefits_area h2,.corporate_bg h2,.service_bg h2 {
        font-size: 20px
    }

    .benefits_area h2 span,.corporate_bg h2 span,.service_bg h2 span,.why_bg h2 span {
        font-size: 20px;
        display: block;
        font-weight: 600;
        line-height: 32px;
        margin-bottom: 15px
    }

    .corporate_bg .cnt {
        text-align: justify
    }

    .content-bg h3 {
        margin: 0 0 10px;
        height: auto;
        line-height: 29px
    }

    .content-bg ul {
        padding: 0 17px
    }

    #masterRight .col-sm-4,.benefits_area,.contactus {
        padding: 0
    }

    .benefits_area h2 {
        margin: 0
    }

    .faq_section_servive .faq_section,.our-portfolio {
        padding: 25px 0
    }

    .contactus h2 {
        font-size: 27px;
        line-height: 24px;
        font-weight: 600;
        margin: 0;
        padding: 0
    }

    .fix-image {
        padding: 15px;
        margin: 0
    }

    .service-portfolio #masterRight h3 {
        font-size: 20px!important;
        line-height: 23px
    }

    .service-portfolio .refInfo .refLink {
        padding: 3px 7px 3px 8px
    }

    .service-portfolio .bocx {
        box-shadow: 0 0 10px #d4cfcf;
        margin-bottom: 15px;
        padding: 10px
    }

    .service_bg h2 {
        margin: 20px 0;
        line-height: 21px
    }

    .logo_choose_area {
        width: auto
    }

    .logo_choose ul li {
        float: none;
        width: 100%
    }

    .DIV_PADD .row {
        display: block;
        flex-direction: row-reverse
    }

    .more_testimonials ul li {
        width: 50%;
        padding: 6px 15px
    }

    .more_testimonials ul li span {
        font-size: 12px;
        height: 36px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .more_testimonials ul li img {
        height: 60px
    }
}

.content-bg.serv_e ol li,.content-bg.serv_e ul li {
    text-align: left;
    padding-bottom: 17px
}

.bd-blog {
    background: #f2f2f2;
    padding: 60px 0;
    overflow: hidden
}

.bd-blog .spe-title h2,.development-tech .technology h3 {
    font-weight: 700;
    font-size: 28px;
    color: #0e3d52;
    text-align: center;
    padding: 10px 0;
    margin: 0 0 30px;
    font-family: inherit;
    line-height: 40px;
}

.bd-blog__item,.box {
    overflow: hidden;
    box-shadow: 0 5px 10px #d9d9d9;
    position: relative
}

.blog_de_t_th .bd-blog__thum img {
    width: 100%;
    height: 150px;
    object-fit: cover
}

.bd-blog__content {
    padding: 14px;
    background: #fff
}

.bd-blog__title {
    position: relative;
    z-index: 1;
    font-size: 15px;
    font-weight: 600;
    height: 60px;
    overflow: hidden;
    margin-top:8px;
}

.bd-blog__title:hover a {
    color: #000
}

.bd-blog__meta {
    line-height: 1;
    padding: 8px 0
}

.bd-blog__meta span {
    font-size: 15px
}

.bd-blog__date {
    color: red;
    display: inline-block;
    padding-right: 28px;
    position: relative
}

.bd-blog__title a,.top_ls p a {
    color: #000
}

.bd-blog__date a {
    color: #9d031d
}

.key_words_text .spe-title h2,.news_fd h2 {
    font-weight: 700;
    font-size: 28px;
    color: #0e3d52;
    margin: 0 0 30px;
    font-family: inherit;
    text-align: center
}

@media (min-width: 1200px) {
    .blog_de_t_th .col-xl-3 {
        width:20%;
        max-width: 20%;
        padding: 0 10px
    }
}

.news_fd {
    background: #fff;
    padding: 60px 0
}

.news_fd h2 {
    padding: 0 0 10px
}

.box .box_img {
    position: relative;
    height: 200px;
}

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

.box .content {
    padding: 14px;
    background: #fff;
    display: flex
}

.box .box_img .logo {
    width: 32%;
    position: absolute;
    bottom: 0;
    left: 0
}

.box .box_img .logo img,.g-recaptcha img {
    width: 100%;
    height: auto
}

.box .content .title,.cus_t .whole .desc,.new_layt .whole .desc {
    width: 80%
}

.box .content .title h3 {
    color: #000;
    font-size: 15px;
    font-weight: 600;
    overflow: hidden;
    line-height: 23px;
    display: -webkit-box;
    height: 70px;
    margin: 0
}

.key_words_text {
    background: #f2f2f2;
    padding: 18px 0
}

.key_words_text p i {
    color: #acb7c3
}

.key_words_text p a {
    font-size: 12px;
    line-height: 2;
    font-weight: 600;
    text-decoration: none;
    color: #000;
    padding: .2rem .6rem;
    border: 1px solid #dadada;
    letter-spacing: .5px;
    text-transform: uppercase
}

.service-block-five .inner-box:after,.service-block-five .inner-box:before {
    bottom: 0;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    content: ''
}

.services-section-five {
    position: relative;
    padding: 35px 0;
    background-color: #eff2f5
}

.service-block-five {
    position: relative;
    flex: 0 0 20%;
    max-width: 20%
}

.service-block-five .inner-box {
    position: relative;
    margin-bottom: 10px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.service-block-five .inner-box:before {
    position: absolute;
    left: 20px;
    right: 20px;
    height: 20px;
    opacity: .3;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    background-color: #9d031d
}

.service-block-five .inner-box .content-box {
    position: relative;
    padding: 0 10px;
    border-radius: 6px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    background-color: #fff !important;
    z-index: 9;
    min-height: 53px;
    display: flex;
    align-items: center;
    gap: 10px
}

.service-block-five .inner-box .content-box:before {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: #9d031d;
    opacity: 0;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    -webkit-transform: perspective(400px) rotateX(-90deg);
    -ms-transform: perspective(400px) rotateX(-90deg);
    transform: perspective(400px) rotateX(-90deg);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    border-radius: 6px
}

.service-block-five .icon {
    padding-right: 10px;
    border-right: 1px solid #989898;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    width: 16%;
    position: relative
}

.service-block-five h4 {
    position: relative;
    font-size: 15px;
    font-weight: 500;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    color: #000;
    margin: 0
}

.service-block-five p {
    position: relative;
    font-size: 15px;
    font-weight: 500;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    color: #000;
    margin: 0;
    text-align: inherit;
}

.service-block-five p:HOVER {
    COLOR: #FFF
}

.service-block-five .inner-box:after {
    position: absolute;
    left: 10px;
    right: 10px;
    height: 10px;
    opacity: .5;
    background-color: #9d031d;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.box_clj,.more_links_add .all_linkss {
    border: 1px solid #eee
}

.service-block-five .inner-box:hover:before {
    bottom: -10px
}

.service-block-five .inner-box:hover .content-box:before {
    -webkit-transform: perspective(400px) rotateX(0);
    -ms-transform: perspective(400px) rotateX(0);
    transform: perspective(400px) rotateX(0);
    opacity: 1
}

.service-block-five .inner-box:hover .content-box .icon img {
    filter: invert(1)
}

.service-block-five .inner-box:hover:after {
    bottom: -5px
}

.services-section-five h2 {
    padding: 0 0 9px;
    margin: 0 0 10px;
    line-height: 43px
}

.more_links_add {
    padding: 18px 0 80px
}

.more_links_add .all_linkss ul {
    list-style: none;
    padding: 15px;
    display: flex;
    flex-wrap: wrap
}

.more_links_add .all_linkss ul li {
    width: 25%;
    line-height: 27px;
    font-weight: 400
}

.more_links_add .all_linkss ul li a {
    position: relative;
    font-size: 14px;
    font-weight: 500;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    margin: 0;
    color: #000;
    line-height: 1.5em
}

.more_links_add .all_linkss h3 {
    padding: 15px 15px 0;
    margin: 0;
    font-size: 20px;
    color: #000;
    font-weight: 600
}

.clients-images ul li.d-none {
    display: block!important
}

.g-recaptcha {
    display: block;
    transform: scale(.7);
    transform-origin: 0 0;
}

.grecaptcha-badge {
    visibility: hidden
}

.grecaptcha-badge:hover {
    visibility: visible
}

#compulsory {
    pointer-events: none
}

.tab_contant h3.get_d {
    font-size: 20px;
    margin: 0
}

.hire_btn a {
    background: #9d031d;
    color: #fff !important;
    font-weight: 600;
    padding: 10px 20px;
    display: block;
    width: fit-content;
    margin: 20px auto 0;
    border-radius: 6px
}

.css_about {
    padding-bottom: 60px
}

.css_about .left_img_s {
    width: 100%;
    float: none;
    box-shadow: 0 0 10px #c2c2c2;
    border-radius: 20px;
    padding: 10px;
    margin: 30px auto
}

.cus_t,.new_layt .whole {
}

.new_layt {
    margin-top: 25px;
    padding-top: 25px
}

.Features_Maintenance h3,.New_technology h3,.We_served h3,.Why_Css_Founder h3,.cus_t h3,.new_layt h3 {
    font-weight: 600;
    padding: 8px 0;
    color: #353535;
    font-size: 20px;
    margin: 0
}

.Why_Css_Founder {
    border: 2px solid #9d031d;
    padding: 15px;
    border-radius: 8px;
    background: #9d031d12;
    margin-top: 15px
}

.Features_Maintenance {
    border: 2px solid #0b2d5d;
    padding: 10px;
    border-radius: 8px;
    background: #0b2d5d14;
    margin: 30px 0
}

.df_vjj,.out_pr {
    border-bottom: 1px solid #eee
}

.Features_Maintenance ul {
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 4px;
    margin: 15px 0 0
}

.Features_Maintenance ul li {
    margin: 0;
    background: #0b2d5d;
    padding: 3px 15px;
    border-radius: 5px;
    color: #fff !important
}

.We_served ul {
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap
}

.We_served ul li {
    width: 33.33%;
    padding-left: 30px;
    position: relative;
    display: flex;
    align-items: center;
    text-align: justify;
    margin: 13px 0 0;
    color: #000;
    font-size: 16px;
    line-height: 1.5em
}

.We_served ul li:before {
    content: "\f00c";
    font-family: FontAwesome;
    top: 0;
    position: absolute;
    left: 0;
    background: #9d031d;
    width: 25px;
    height: 25px;
    text-align: center;
    color: #fff !important
}

.blue_Tg_i,.price_tble tr td:first-child,.price_tble tr:hover,.price_tble tr:nth-child(2n) {
    background-color: #f2f5f9
}

.New_tech .New_technology ul li {
    position: relative;
    font-size: 15px;
    color: #000;
    text-align: justify;
    margin: 13px 0 0
}

.cus_t {
    padding: 10px;
    margin-bottom: 25px
}

.cus_t .whole {
    display: flex;
    gap: 20px;
    align-items: center
}

.indu_work,.jfh_jgh.coT_Img.fggh ul,.new_service .desc,.tab_contant.ffg.gtr p {
    text-align: left
}

@media (max-width: 992px) {
    .Features_Maintenance ul,.Web_tickets,.cus_t .whole,.new_layt .whole {
        display:block
    }

    .clients-images ul {
        flex-wrap: wrap
    }

    .clients-images ul li {
        width: 25%!important
    }

    .text_algna {
        width: 75%
    }

    .clients-images ul li.d-none,.flag_with_number {
        display: none!important
    }

    .services-section-five .service-block-five {
        position: relative;
        flex: 0 0 50%;
        max-width: 50%;
        width: 50%;
        float: left;
    }

    .hero-section {
    }

    .new_layt .whole .desc,.new_layt .whole .img {
        width: 100%;
        margin-top: 19px
    }

    .Why_Css_Founder {
        padding: 10px
    }

    .Why_Css_Founder ul {
        padding-left: 15px
    }

    .Features_Maintenance h3,.New_technology h3,.We_served h3,.Why_Css_Founder h3,.cus_t h3 {
        font-size: 17px
    }

    .Features_Maintenance ul li {
        margin: 0 0 6px;
        text-align: left
    }

    .right-sd {
        width: 100%;
        float: none;
        position: relative;
        right: 0;
        top: 50%;
        transform: inherit
    }

    .enquiry_popup_css #newsletter-popup .newsletter-in {
        width: 90%
    }
}

.new_layt .whole .desc p {
    margin: 0 0 6px
}

.tab_contant.ffg ul li {
    font-size: 16px;
    color: #6a6868;
    line-height: 1.5;
    margin: 5px 0
}

#captcha {
    width: 20%;
    margin-bottom: 8px
}

#quest {
    font-size: 12px
}

#Subheader {
    background-position: center top;
    background-repeat: no-repeat;
    padding: 8px 0;
    position: relative
}

#Subheader .column {
    margin-bottom: 0;
    display: flex;
    justify-content: space-between;
    align-items: center
}

#Subheader .title {
    font-size: 17px;
    line-height: 20px;
    font-weight: 400;
    color: #fff !important;
    margin: 0
}

#Subheader .breadcrumbs ul {
    display: flex;
    list-style: none;
    color: #fff !important;
    padding: 0;
    margin: 0
}

#Subheader .breadcrumbs ul li {
    position: relative;
    padding-right: 16px
}

#Subheader .breadcrumbs ul li:before {
    content: '/';
    position: absolute;
    right: 5px
}

#Subheader .breadcrumbs ul li:last-child {
    padding-right: 0
}

.chote_fi {
}

.herov {
}

.jfh_jgh p,.new_layt ul li {
    margin: 13px 0 0;
    color: #000;
    font-size: 16px;
    line-height: 1.5em
}

.new_service .desc .icon_KJHG {
    width: calc(100% - 100px);
    margin: 0
}

.new_service .desc p {
    color: #000;
    font-size: 17px;
    line-height: 1.5em;
    margin-bottom: 0
}

.new_service .pad_serv {
    padding: 10px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background: #f2f5f9;
    margin-bottom: 30px
}

.new_service .pad_serv .industry-slide {
    width: 33.33%;
    padding: 0 10px 10px
}

.out_pr {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    padding-bottom: 10px
}

.out_pr .icon {
    width: 90px;
    height: 90px;
    background: #f3f3f3;
    border-radius: 5px;
}

.thing_check {
    background: #f2f5f9;
    padding: 30px 0
}

.thing_check h2 {
    font-size: 28px;
    color: #0e3d52;
    text-align: center;
    margin: 0;
    line-height: 40px;
    font-weight: 600;
}

.sic_l {
    display: grid;
    gap: 10px;
    margin-top: 30px
}

.sic_l {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.sic_l .portfolio-inner {
    border: 1px solid #fff;
    padding: 10px;
    display: flex;
    border-radius: 5px;
    background: #fff;
    align-items: center;
}

.bg_light_gray,.icon-with-title {
    background: #f2f5f9
}

.sic_l .portfolio-inner .icon {
    width: 40px;
    margin-right: 10px
}

.sic_l .portfolio-inner .name_xxd {
    width: calc(100% - 40px)
}

.sic_l .portfolio-inner .name_xxd h3 {
    margin: 0;
    color: #000;
    font-size: 16px;
    font-weight: 600
}

.sic_l .portfolio-inner .name_xxd p {
    margin: 0;
    color: #505050!important;
    text-align: left;
    font-size: 13px;
    display: none;
}

.Local_Relevance .ll_heading_t h3,.ll_heading_t h3,.technologies_tas h3 {
    font-size: 28px;
    color: #0e3d52;
    text-align: center;
    margin: 0 0 10px;
    line-height: 40px;
    font-weight: 600;
}

.technologies_tas p {
    color: #000;
    font-size: 16px;
    line-height: 1.5em;
    /* text-align: center */
}

.technologies_tas .iwt-content{
    display: inline-block;
    text-align: center !important;
}

.technologies_tas.bdfh .indu_work p,.top_ls p,p {
    text-align: justify
}

.icon-with-title {
    text-align: center;
    padding: 20px 0;
    border-radius: 14px;
    margin-bottom: 0
}

.iwt-icon {
    padding: 0 0 6px
}

.box_clj,.box_cljj {
    padding: 10px;
    box-shadow: 0 0 10px #dbdbdb;
    height: 100%
}

.iwt-icon img {
    width: 52px;
    height: 52px;
    object-fit: contain
}

.iwt-content p {
    font-size: 16px;
    line-height: 26px;
    margin: 0;
    font-family: 'Work Sans';
    color: #000
}

.technology_logo,.wework_logo {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    gap: 15px
}

.rowggh {
    grid-template-columns: 1fr 1fr
}

.tabnj .nav-tabs {
    border-bottom: 1px solid #ddd;
    justify-content: center;
    margin-bottom: 10px;
    display: flex
}

.tabnj .nav-tabs li a.active {
    background: #bf161d00;
    color: #bf161d;
    border: none;
    border-bottom: 1px solid #bf161d
}

.tabnj .nav-tabs li .nav-link:hover {
    background: #0000;
    outline: 0
}

.nav-tabs .nav-link {
    border: 0 solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.technologies_tas.bdfh {
    background: #f2f5f9;
    padding: 40px 0
}

.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.wework_logo .iwt-content p {
    font-size: 13px
}

.understanding_Local {
    display: flex;
    flex-wrap: wrap
}

.understanding_Local .col-md-4,.understanding_Local .col-md-6 {
    padding: 0 15px 20px
}

.box_clj {
    border-radius: 5px
}

.Add_ress_sectin .add_links,.box_clj .content {
    margin-top: 15px
}

.box_clj .content h3,.box_cljj .content h3 {
    margin: 0 0 10px;
    font-size: 21px;
    font-weight: 600
}

.box_clj .content p,.box_cljj .content p {
    margin: 0;
    color: #000;
    font-size: 16px;
    line-height: 1.5em
}

.box_cljj {
    border: 1px solid #eee;
    border-radius: 5px;
    display: flex;
    gap: 15px
}

.box_cljj .box_clj_img {
    width: 70px;
    height: 70px;
    overflow: hidden;
    box-shadow: 0 4px 10px #cbcaca;
    border-radius: 5px;
}

.box_cljj .content {
    width: calc(100% - 100px)
}

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

.top_ls p:nth-child(2) {
    border-bottom: 0px solid #eee;
    padding-bottom: 0;
    background: #0000;
    border-radius: 0;
    padding: 0;
}

.top_ls p {
    /* padding-bottom: 20px; */
    /* background: #eee; */
    /* border-radius: 5px; */
}

.top_com_border {
    box-shadow: 0px 6px 10px #3b3b3b38;
    margin-top: 15px;
    padding: 10px;
    background: #f2f5f9;
    border-left: 5px solid #0b2d5d;
    border-radius: 5px;
    color: black;
    text-align:left;
}

.top_ls .top_com_border p {
    padding: 0;
    margin: 0;
}

.top_ls .top_com_border p en {
    width: 22px;
    height: 22px;
    display: inline-flex;
    justify-content: center;
    background: #0b2d5d;
    color: #fff;
    border-radius: 5px;
    margin-right: 5px;
    font-size: 15px;
    line-height: 22px;
}

.top_com_border h4{display: inline;
    font-size: 18px;
}

.top_com_border h4 a{
    color: black;
}

.top_com_border b a{
    color:black;
}

.price_tble {
    border-collapse: collapse;
    width: 100%
}

.price_tble td a:hover {
    color: var(--visa-red)
}

.price_tble td,.price_tble th {
    border: 1px solid #e9e9e9;
    color: #000;
    font-size: 16px
}

.price_tble td .table_apply {
    background: #bf161d;
    display: block;
    border-radius: 5px;
    text-align: center;
    color: #fff !important;
    text-decoration: none;
    padding: 2px 0
}

.price_tble td .table_apply:hover {
    color: var(--clr-common-white)
}

.price_tble th {
    padding-top: 8px;
    padding-bottom: 8px;
    background-color: var(--gray-dark);
    color: #fff !important;
    font-weight: 500
}

.side_IMG {
    width: 300px;
    float: right;
    box-shadow: 0 0 10px #a5a5a5;
    padding: 5px;
    border-radius: 6px;
    margin: 0 0 15px 20px
}

.side_IMG img {
    width: 100%;
    height:100%;
    border-radius: 6px
}

.mr_btm_30 {
    margin-bottom: 30px
}

.cal_L_action .box_radi {
    border-left: 5px solid #0b2d5d;
    background: #e9f1fe;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 27px;
    border-radius: 16px;
    box-shadow: 0 0 10px #a9a9a9;
    width: 80%;
    margin: 0 auto
}

.cal_L_action .box_radi h3 {
    margin: 0;
    font-weight: 600;
    font-size: 24px;
    color: #333
}

.cal_L_action .box_radi a {
    color: #fff !important;
    background: #bf161d;
    font-size: 16px;
    font-weight: 600;
    padding: 7px 15px;
    border-radius: 5px
}

.cal_L_action .box_radi a svg {
    fill: #fff;
    width: 18px;
    height: 18px
}

.choose_the_best.fg_ff {
    padding: 30px 0
}

.df_vjj {
    padding: 40px 0 20px;
    margin-bottom: 1px
}

.df_vjj .content span {
    /* letter-spacing: 1.5px; */
    color: #000;
    font-size: 22px;
    line-height: 28px;
    font-weight: 600;
    margin-bottom: 10px;
    display: block;
}

.df_vjj .content p {
    margin: 0 0 10px;
    color: #000;
    font-size: 16px;
    line-height: 1.5em
}

.df_vjj .content h3 {
    color: #000;
    font-weight: 600;
    margin: 8px 0 18px
}

.df_vjj .content ul {
    color: #4a5255;
    font-size: 16px;
    line-height: 24px
}

.df_vjj .content ul li {
    margin: 0 0 24px;
    color: #4a5255;
    font-size: 17px;
    line-height: 28px
}

.df_vjj .content p.small {
    font-size: 13px;
    font-style: italic
}

.df_vjj .content .box_href_a {
    width: fit-content;
    background: #fff;
    border: 1px solid #17313b;
    color: #17313b;
    font-weight: 400;
    border-radius: 4px;
    font-family: Roboto,sans-serif;
    font-size: 18px;
    line-height: 24px;
    padding: 6px 19px;
    display: flex;
    align-items: center;
    text-decoration: none
}

.df_vjj .content .box_href_a:hover {
    background: #000;
    color: #fff !important
}

.df_vjj .content .box_href_a:hover svg {
    fill: #fff
}

.df_vjj .content .box_href_a svg {
    margin-left: 8px;
    fill: #17313b
}

.jfh_img img {
    width: 100%;
    object-fit: contain
}

.blue_Tg_i {
    padding: 7px 10px;
    max-width: 470px;
    margin: -30px auto 0;
    position: relative;
    border-radius: 10px
}

.blue_Tg_i .blue_Tg_i_width .hd_ff {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 0
}

.blue_Tg_i .blue_Tg_i_width .hd_ff img {
    width: 24px
}

.blue_Tg_i .blue_Tg_i_width .hd_ff h3 {
    color: #17313b;
    margin: 4px 0 0;
    letter-spacing: 3px;
    font-weight: 600;
    font-size: 20px
}

.blue_Tg_i .blue_Tg_i_width p {
    font-size: 12px;
    line-height: 20px;
    margin: 3px 0 0
}

.local_re_levance {
    padding: 30px 0;
    position: relative
}

.local_re_levance:before {
    content: '';
    background: #484848;
    width: 100%;
    height: 80%;
    display: block;
    position: absolute;
    top: 0
}

.local_re_levance .box_cljs {
    height: 100%;
    background: #e9f1fe;
    overflow: hidden;
    border-radius: 13.2px;
    box-shadow: 0 4px 4px 0 rgba(0,0,0,.25)
}

.local_re_levance .box_cljs .content {
    padding: 30px 30px 0
}

.local_re_levance .box_cljs .content span {
    color: #bf161d;
    letter-spacing: .2px;
    font-size: 17px;
    font-weight: 600;
    line-height: 26px;
    margin: 0
}

.local_re_levance .box_cljs .content h3 {
    font-size: 23px;
    line-height: 36px;
    margin: 0 0 8px;
    color: #3c3c3c;
    letter-spacing: .2px;
    font-weight: 600
}

.local_re_levance .box_cljs .content p {
    margin: 0 0 14px;
    text-align: left;
    color: #000;
    font-size: 18px;
    line-height: 1.5em
}

.industry-box {
    padding: 15px;
    background-color: #fff !important;
    height: 100%
}

.industry-box h3 {
    color: #505050;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 10px;
    letter-spacing: .3px;
    margin-top: 0
}

.industry-box h3,.solution-box h3 {
    border-bottom: 1px solid #505050
}

.industry-box h3:after,.industry-box h3:before {
    content: "";
    position: absolute;
    top: 100%;
    width: 1px;
    height: 16px;
    margin-top: -8px;
    background-color: #505050
}

.industry-box p {
    min-height: 112px;
    color: #1b1e55;
    font-size: 16px;
    margin-bottom: 29px;
    line-height: 1.4;
    font-weight: 500
}

.jfh_jgh.coT_Img.fggh ul li,.tab_contant p {
    color: #000;
    line-height: 1.5em;
    font-size: 16px
}

.rowggh {
    display: grid;
    grid-gap: 10px
}

.rowggh .df {
    box-shadow: 0 0 10px #c1c1c1;
    padding: 5px;
    border-radius: 6px
}

.rowggh .df .youtube_box {
    padding: 0;
    height: 210px;
    border-radius: 6px;
    overflow: hidden
}

.rowggh .df .youtube_box iframe {
    width: 100%;
    height: 210px;
    object-fit: cover
}

.top_ls {
    /* margin-bottom: 20px;
    padding-top: 30px */
}

.top_ls p span {
    /* background: #e7e7e7; */
    display: inline-block;
    border-radius: 5px;
    /* padding: 2px 6px; */
    margin-right: 5px;
}

.top_ls p span img {
   width: 70px;
    object-fit: scale-down;
}

.top_ls p span .com_dark_img{
    background-color: #0b2d5d !important;
}

.technologies_tas.bdfh .icon-with-title {
    text-align: center;
    padding: 20px 0;
    background: #fff;
    border-radius: 14px;
    margin-bottom: 0
}

.tab_contant p {
    margin: 13px 0 0;
    text-align: center
}

p a {
    color: #000;
    font-weight: 600
}

.development-tech {
    padding: 60px 0 85px;
    overflow: hidden
}

.development-tech .technology {
    width: 100%;
    margin-top: 0;
    margin-bottom: 20px
}

.development-tech .technology a {
    display: inline-block;
    -webkit-transition: .7s linear;
    transition: .7s linear
}

.development-tech .devo-logo {
    text-align: center;
    display: inline-flex;
    gap: 37px
}

.Add_ress_sectin {
    background: #f2f5f9;
    padding: 40px 0;
    margin-bottom: 30px
}

.Add_ress_sectin .row .map_frame {
    box-shadow: 0 0 20px #b9b9b9;
    padding: 7px;
    height: 100%
}
.Add_ress_sectin .row .map_frame-old {
    box-shadow: 0 0 20px #b9b9b9;
    padding: 7px;
    width: 100%
}

.Add_ress_sectin .row .map_frame iframe {
    height: 100%;
}

.Main_cliets_s {
    flex: 1 1 calc(70% - 0px);
}

.Our_cLIEnts h3 {
    font-weight: 700;
    font-size: 28px;
    color: #0e3d52;
    text-align: center;
    padding: 10px 0;
    margin: 0 0 30px;
    font-family: inherit;
    line-height: 40px;
}

.Add_ress_sectin .address_content h3 {
    margin: 0 0 15px;
    font-size: 28px;
    color: #0e3d52;
    line-height: 40px;
    font-weight: 600;
}

.Add_ress_sectin .add_links p {
    margin: 0;
    text-align: center
}

.Add_ress_sectin .add_links {
    display: flex;
    justify-content: space-around;
    align-items: center;
    gap: 24px;
}

.Add_ress_sectin .add_links p a {
    color: #bf161d;
    font-weight: 600;
    text-decoration: none
}

.our_client_content {
    /* background: #282828; */
    overflow: hidden;
    padding: 30px 0;
}

.our_client_flex {
    display: flex;
    /* gap: 80px; */
}

.our_client_flex .review-cta {
    display: flex;
    flex-direction: column;
    padding: 25px;
    /* border-radius: 16px; */
    background: #0b2d5d;
    min-width: 400px;
    flex: 1 1 calc(30% - 0px);
    max-width: 100%;
}

.our_client_flex .review-cta h3 {
    color: #fff !important;
    margin-bottom: 24px;
    padding: 0;
}

.our_client_flex .review-cta .yellow-highlight {
    color: #ffd234;
}

.our_client_flex .review-cta a.get-proposal-btn {
    background-color: #fff !important;
    color: #0b2d5d;
    text-align: center;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    border-color: white;
    !;!importan; margin-bottom: 24px;
    display: block;
    padding: 15px;
    border-radius: 5px;
    text-decoration: none;
}

.our_client_flex .review-cta .review p {
    color: #fff !important;
    margin-bottom: 24px;
}

.Main_cliets_s ul {
    display: grid;
    padding: 0;
    margin: 0;
    height: 100%;
    /* border: 1px solid #ddd; */
}

.Main_cliets_s ul {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr
}

.bs_industry .short_cont h3 {
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: 25px;
    padding-bottom: 10px;
    font-size: 28px;
    color: #0e3d52;
    line-height: 40px;
    font-weight: 600;
}

.Main_cliets_s ul li {
    list-style: none;
    background: #fff;
    padding: 17px;
    display: flex;
    justify-content: center;
    float: left;
    border: 1px solid #ddd;
    /* border-top: 0; */
    /* border-left: 0; */
    text-align: center;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.Main_cliets_s ul li img {
    position: relative;
    transition: .22s;
    width: 100%;
    height: 95px;
    object-fit: contain;
    filter: grayscale(3);
}

.Main_cliets_s ul li:hover img {
    filter: none;
}

.most_trusted_with {
    /* padding: 25px 45px 25px 0 */
}

.most_trusted_with h3 {
}

.bs_industry .short_cont h3:before {
    content: '';
    position: absolute;
    bottom: -3px;
    width: 45px;
    height: 5px;
    background: #bf161d;
    border-radius: 6px
}

.call-to-action {
    width: 80%;
    margin: 0 auto;
    text-align: center
}

.css-info-bar {
    text-align: center;
    padding: 15px 0;
    position: relative;
    overflow: hidden;
}

.coT_Img .serv {
    float: right;
    width: 30%;
    box-shadow: 0 0 10px #d7d7d7;
    padding: 15px;
    border-radius: 10px;
    margin: 0 0 10px 30px
}

.all_serv {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 15px;
    border: 1px solid #eee;
    padding: 20px;
    border-radius: 7px
}

.all_serv .box {
    display: flex;
    align-items: center
}

.all_serv .box .icon {
    width: 56px;
    background: #eee;
    padding: 8px
}

.all_serv .box .name {
    flex: 1;
    text-align: center;
    font-size: 15px;
    font-weight: 500
}

.hh_ff_cc h4 {
    color: #000;
    font-weight: 700;
    font-size: 20px;
    margin: 0 0 15px
}

.clients-list .row {
    display: flex;
    flex-wrap: nowrap
}

.kkhh {
    width: 45%;
    float: right;
    margin: 15px
}

@media (max-width: 991px) {
    .hero-section {
    }

    .feature-box,.header-content-2,.media_coverage .media-w .media-content {
        display: none
    }

    .hero-div,.slogan-bottom-2 b {
        /* display: block; */
    }

    .hero-div {
        position: static;
        height: 450px;
        margin-top: 0;
        margin-right: 0;
        margin-left: 0;
        border-radius: 0;
        background-image: url(/live/oe_/https://www.cssfounder.com/img/mobile-banner.webp);
        background-position: center
    }

    .header-content-2.mobile_conte {
    }

    .slogan-top-4 {
        font-size: 31px;
        line-height: 45px;
        font-weight: 700;
        margin-bottom: 75px;

    }

    .media_coverage .media-w {
        width: 100%;
        margin: 0;
    }

    .media_coverage .row .col-md-9 {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 15px;
    }

    .herov {
    }

    .all_serv {
        grid-template-columns: 1fr 1fr
    }

    .kkhh {
        width: 100%;
        float: right;
        margin: 15px
    }
}



/* for ios devices 14pro  and 14plus */
@media only screen
    and (width: 393px) 
    and (device-height: 852px)
    and (-webkit-device-pixel-ratio: 3) { 
        .slogan-top-4 {
           font-size: 34px;
            margin-bottom: 95px;
    
        }
    }

.jfh_jgh.coT_Img.fggh ul li {
    text-align: left;
    margin: 13px 0 10px
}

.bs_industry {
    padding: 30px 0;
    background: #f1f1f1;
    border-radius: 40px 0 0 40px;
    margin-left: 20px;
    margin-top: 22px;
    margin-bottom: 22px
}

.bs_industry .short_cont {
    border-radius: 10px;
    padding: 0 15px;
}

.bs_industry .short_cont h3 {
    margin-top: 0;
    position: relative
}

.bs_industry .short_cont p {
    text-align: left
}

.bs_industry .short_cont a,.btn_order_now {
    background: #bf161d;
    display: block;
    padding: 8px 15px;
    width: fit-content;
    font-weight: 600
}

.bs_industry .indus_grid {
    display: grid;
    gap: 10px
}

.bs_industry .indus_grid .indus {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    height: 230px
}

.bs_industry .indus_grid .indus a {
    display: block;
    height: 100%;
}

.bs_industry .indus_grid .indus a:before {
    content: '';
    background: #00000040;
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0
}

.bs_industry .indus_grid .indus .dec {
    position: absolute;
    bottom: 0;
    width: 100%;
    justify-content: center;
    display: flex
}

.bs_industry .indus_grid .indus .dec h3 {
    color: #fff !important;
    text-align: center;
    font-size: 16px;
    background: #282828;
    padding: 8px 10px;
    border-radius: 6px
}

.bs_industry .short_cont a {
    color: #fff !important;
    font-size: 15px;
    border-radius: 6px
}

.btn_order_now {
    border-radius: 5px;
    text-align: center;
    color: #fff !important;
    text-decoration: none!important;
    margin: 0 auto;
    font-size: 18px
}

.tab_contant h2 {
    font-weight: 700;
    background-color: #484848;
    color: #fff !important;
    padding: 10px;
    font-size: 19px;
    margin-top: 0
}

.tab_contant h3 {
    background-color: #e7e7e7;
    color: #2a2a2a!important;
    padding: 10px!important;
    font-weight: 700!important;
    border-radius: 0
}

.cost-space {
    margin-top: 20px!important
}

.cost-table th {
    text-align: center;
    padding: 10px;
    font-size: 16px;
    background: #000;
    color: #fff !important
}

.cost-table td,th {
    border: 1px solid #000;
    padding: 10px;
    font-size: 15px
}

.cost-table tr:nth-child(2n) {
    background-color: #d7d7d7
}

.cost-table td:hover {
    color: #000;
    cursor: pointer
}

#Subheader .title a {
    color: #fff !important;
    text-decoration: none
}

.cal_L_action.ald_s .box_radi {
    border-left: 5px solid #0b2d5d;
    background: #e9f1fe;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    border-radius: 16px;
    box-shadow: 0 0 10px #a9a9a9;
    width: fit-content;
    margin: 0 auto;
    gap: 45px;
    margin-top: 7px;
}

.cal_L_action.ald_s .box_radi a {
    background: #0000;
    color: inherit !important;
    font-size: inherit;
    padding: 15px 40px;
    display: block;
}

.rowggh .df .youtube_box video {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.mob_desc {
    display: none
}

.new_head {
    background: #eff0eb;
}

.new_head .build_plan {
    background: #fff;
    border-bottom: 1px solid #eee;
    padding: 15px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.new_head .build_plan .build_name {
}

.new_head .build_plan .build_name h3 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
}

.new_head .build_plan .build_btn {
}

.new_head .build_plan .build_btn a {
    background: #000;
    color: #fff !important;
    padding: 6px 15px;
    font-size: 15px;
    border-radius: 5px;
    display: block;
}

.new_head .desc {
    padding: 25px 15px;
    text-align: center;
}

.new_head .desc h2 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #c02026;
}

.new_head .desc h1 {
    margin: 20px 0;
    font-size: 25px;
    font-weight: 600;
}

.new_head .desc p {
    text-align: center;
    FONT-WEIGHT: 500;
    FONT-SIZE: 15PX;
    margin-bottom: 25px;
}

.new_head .start_now {
}

.new_head .start_now a {
    background: #c02026;
    display: block;
    width: fit-content;
    margin: 0 auto;
    padding: 10px 20px;
    border-radius: 5px;
    color: #fff !important;
    font-size: 15px;
    font-weight: 600;
}

.cont p a {
    font-weight: 500
}

.copy p, .copy p a {
    color: #fff !important;
}

.bs_industry .indus_grid.desk {
    display: grid
}

.bs_industry .indus_grid.mob {
    display: none
}

/******************************* Our Awards ********************************************/
.award-section {
    /* background-color: #282828; */
    /* position: relative; */
}

.awards-wrapper {
    /* padding: 46px 0 42px; */
}

.awards-wrapper h2 {
    /* font-size: 26px; */
    /* margin-bottom: 45px; */
    /* color: #fff !important; */
    /* text-align: center; */
}

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

#mixedSlider {
    /* position: relative; */
}

#mixedSlider .MS-content {
    /* white-space: nowrap; */
    /* overflow: hidden; */
    /* margin: 0 5%; */
}

#mixedSlider .MS-content .item {
    /* display: inline-block; */
    /* width: 20%; */
    /* position: relative; */
    /* vertical-align: top; */
    /* overflow: hidden; */
    /* height: 100%; */
    /* white-space: normal; */
    /* padding: 0 10px; */
}

@media (max-width: 991px) {
    #mixedSlider .MS-content .item {
        /* width: 50%; */
    }
}

@media (max-width: 767px) {
    #mixedSlider .MS-content .item {
        /* width: 50%; */
    }
}

#mixedSlider .MS-content .item .imgTitle {
    /* position: relative; */
    /* text-align: center; */
}

#mixedSlider .MS-content .item .imgTitle .blogTitle {
    /* margin: 0; text-align: left; letter-spacing: 2px; color: #252525; font-style: italic; position: absolute; background-color: rgba(255, 255, 255, 0.5); width: 100%; bottom: 0; font-weight: bold; padding: 0 0 2px 10px;*/
}

#mixedSlider .MS-content .item .imgTitle img {
    /* height: auto; */
    /* width: 100%; */
}

#mixedSlider .MS-content .item p {
    /* font-size: 16px; margin: 2px 10px 0 5px; text-indent: 15px;*/
}

#mixedSlider .MS-content .item a {
    /*   float: right; margin: 0 20px 0 0; font-size: 16px; font-style: italic; color: rgba(173, 0, 0, 0.82); font-weight: bold; letter-spacing: 1px; transition: linear 0.1s;*/
}

#mixedSlider .MS-content .item a:hover {
    /*  text-shadow: 0 0 1px grey;*/
}

#mixedSlider .MS-controls button {
    /* position: absolute; */
    /* border: none; */
    /* background-color: #bf161d; */
    /* outline: 0; */
    /* font-size: 50px; */
    /* top: 0px; */
    /* color: rgb(255 255 255); */
    /* transition: 0.15s linear; */
}

#mixedSlider .MS-controls button:hover {
    color: rgba(0, 0, 0, 0.8);
}

@media (max-width: 992px) {
    #mixedSlider .MS-controls button {
        /* font-size: 30px; */
    }
}

@media (max-width: 767px) {
    #mixedSlider .MS-controls button {
        /* font-size: 20px; */
    }
}

#mixedSlider .MS-controls .MS-left {
    /* left: 0px; */
}

@media (max-width: 767px) {
    #mixedSlider .MS-controls .MS-left {
        /* left: -10px; */
    }
}

#mixedSlider .MS-controls .MS-right {
    /*  right: 0px;*/
}

@media (max-width: 767px) {
    #mixedSlider .MS-controls .MS-right {
        /*   right: -10px;*/
    }
}

#basicSlider {
    position: relative;
}

#basicSlider .MS-content {
    white-space: nowrap;
    overflow: hidden;
    margin: 0 2%;
    height: 50px;
}

#basicSlider .MS-content .item {
    display: inline-block;
    width: 20%;
    position: relative;
    vertical-align: top;
    overflow: hidden;
    height: 100%;
    white-space: normal;
    line-height: 50px;
    vertical-align: middle;
}

@media (max-width: 991px) {
    #basicSlider .MS-content .item {
        width: 25%;
    }
}

@media (max-width: 767px) {
    #basicSlider .MS-content .item {
        width: 35%;
    }
}

@media (max-width: 500px) {
    #basicSlider .MS-content .item {
        width: 50%;
    }
}

#basicSlider .MS-content .item a {
    line-height: 50px;
    vertical-align: middle;
}

#basicSlider .MS-controls button {
    position: absolute;
}

#basicSlider .MS-controls .MS-left {
    top: 35px;
    left: 10px;
}

#basicSlider .MS-controls .MS-right {
    top: 35px;
    right: 10px;
}

/******************************* Our Awards ********************************************/
.new_layt .whole {
    display: flex;
    gap: 50px;
    box-shadow: 0px 0px 10px #dfdfdf;
    padding: 10px;
    align-items: center;
    margin-bottom: 25px;
}

.new_layt .whole .img {
    width: 20%;
    box-shadow: 0px 0px 10px #dfdfdf;
    padding: 10px;
}

.new_layt .whole .img img {
    width: 100%;
}

.new_layt .whole .desc {
    width: 80%;
}

.new_layt .whole .desc p {
    margin: 0;
}

.new_layt .whole .desc p b {
    display: block;
    color: #9d031d;
}

.new_layt .whole:nth-child(even) .img {
    order: 1;
}

.cus_t {
    box-shadow: 0px 0px 10px #dfdfdf;
    padding: 10px;
    margin-bottom: 25px;
}

.cus_t .whole {
    display: flex;
    gap: 20px;
    align-items: center;
}

.cus_t .whole .img {
    width: 20%;
    box-shadow: 0px 0px 10px #dfdfdf;
    padding: 10px;
}

.cus_t .whole .img img {
    width: 100%;
}

.cus_t .whole .desc {
    width: 80%;
}

.full_img {
    margin: 30px 0px;
    border-radius: 20px;
    overflow: hidden;
}

.full_img img {
    width: 100%
}

.Affordable_price .price {
    float: right;
    width: 26%;
    box-shadow: 0px 0px 10px #dfdfdf;
    padding: 10px;
    margin: 0 0 0 50px;
}

.Affordable_price .price img {
    width: 100%
}

.Affordable_price h3 {
    font-weight: 600;
    padding: 8px 0;
    color: #353535;
    font-size: 20px;
    margin: 0;
}

.Affordable_price p {
    margin: 0;
    margin-bottom: 13px;
}

/*--------------calculator banner------------------*/
.banner {
    padding: 10px 0;
    position: relative;
    background: #f5f5f5;
}

.banner .container_width .row_dfle {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.row_dfle .curve_baner {
    width: 40%;
}

.curve_baner {
    overflow: hidden;
    border-radius: 10px;
}

.curve_baner img {
    width: 100%;
    /* height: 430px; */
    object-fit: cover;
}

.banner .row_dfle .content {
    width: 50%;
}

.banner .content span {
    font-size: 15px;
    font-weight: 600;
    display: block;
    font-family: system-ui;
    background: #f7787e;
    color: #fff;
    width: fit-content;
    border-radius: 5px;
    padding: 4px 8px;
}

.banner .content h1 {
    font-weight: 700;
    font-size: 28px;
    color: #0e3d52;
    padding: 10px 0;
    margin: 0;
    font-family: inherit;
    line-height: 40px;
}

.banner .content .pre_see {
    background: var(--back);
    color: #fff !important;
    display: block;
    width: fit-content;
    padding: 12px 30px;
    font-weight: 600;
    border-radius: 5px;
    margin-bottom: 15px;
    font-family: system-ui;
    text-decoration: none;
}

.container_width {
    width: 92%;
    margin: 0 auto;
}

.price_table {
    position: relative;
    overflow: hidden;
    padding: 50px 0 76px;
    background: #f4f5ff;
}

.price_table .content h1.title {
    display: block;
    font-weight: 700;
    font-size: 28px;
    color: #0e3d52;
    text-align: center;
    padding: 0 0;
    margin: 0 0 30px;
    font-family: var(--font_inter);
    /* line-height: 40px; */
}

.package_flex {
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 20px auto 0;
    gap: 0;
    flex-wrap: wrap;
}

.package_flex:before {
    Display: none
}

.price_bor {
    width: 33.33%;
    padding: 15px;
    font-family: "DM Sans", sans-serif;
}

.price_pd {
    padding: 15px;
    border: 1px solid #d5dfff;
    width: 100%;
    border-radius: 10px;
    height: 100%;
    position: relative;
    bottom: 0;
    left: 0;
    /* box-shadow: 0px 0px 10px #858585; */
    background: #fafbff;
}
.price_pd .page_glex {
    display: flex;
    justify-content: end;
    margin-bottom: 10px;
}
.price_pd .page_glex span {
    position: inherit;
    background: #d4e6ff;
    color: #0b2d5d;
    padding: 7px 15px;
    border-radius: 38px;
    font-weight: 700;
    text-transform: capitalize;
}
.price_pd h2 {
}

.price_pd span {
    /* border: 1px solid var(--red); */
    background: var(--red);
    border-radius: 2px;
    padding: 1px 4px;
    display: block;
    color: #ffffff;
    width: fit-content;
    font-size: 12px;
    font-weight: 600;
    /* margin-top: -10px; */
    position: absolute;
    /* top: 27px; */
    right: 4px;
}

.price_pd p {
    margin: 10px 0;
    font-weight: 500;
    font-size: 14px;
    text-align: left;
}

.price_pd .save_cut {
    display: flex;
    align-items: flex-start;
}

.price_pd .save_cut span.save {
    background: #ffeea9;
    border: none;
    font-weight: 600;
    font-size: 13px;
    font-weight: 700;
    color: #000;
}

.price_pd .save_cut del {
    font-size: 14px;
    font-weight: 600;
    margin-left: 9px;
    color: var(--red);
}

.price_pd .price_big {
}

.price_pd .packages_list {
    margin-top: 10px;
    padding: 0px;
    overflow: auto;
    height: 400px;
}

.price_pd .packages_list li {
    border-bottom: 1px solid #dfdfdf;
    padding: 5px 0;
    font-size: 15px;
    list-style: none;
    position: relative;
    padding-left: 15px;
    color: #474747;
}

.price_pd .packages_list li:last-child {
    border-bottom: 0
}

.price_pd .packages_list li:before {
    content: '';
    position: absolute;
    left: 2px;
    top: 12px;
    background: #939393;
    transform: rotate(45deg);
    width: 6px;
    height: 6px;
    /* border-radius: 24px; */
}

.price_pd .price_big small {
}

.price_pd p.with {
    margin: 0;
    font-size: 12px;
    font-weight: 500;
}

.add_buy {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 15px;
    width: 100%;
    justify-content: space-between;
    gap: 10px;
}

.add_buy .add_cart, .add_buy .custom_plan {
    display: block;
    width: 100%;
    text-align: center;
    padding: 15px;
    border-radius: 4px;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
}

.add_buy .add_cart {
    color: #fff !important;
    width: fit-content;
    padding: 10px 10px;
    outline: none;
    position: relative;
    cursor: pointer;
    flex: 1;
    margin: 0;
    right: 0;
    font-size: 18px;
    font-weight: 600;
}

.add_buy .custom_plan {
    border: 2px solid var(--red);
    background: #fff;
    color: var(--back);
}

/*--------------calculator banner------------------*/
.sic_l .portfolio-inner .icon img, .Main_cliets ul li img {
    width: 100%;
    object-fit: contain;
}

.sec-title h3 {
    position: relative;
    display: block;
    font-size: 46px;
    line-height: 1.1em;
    font-weight: 700;
    text-transform: capitalize;
    letter-spacing: 0;
    color: #fff !important;
    margin: 0;
}

.page404 {
    padding-top: 100px;
    padding-bottom: 70px;
}

.box_404 {
    box-shadow: 0px 0px 10px #e9e9e9;
    display: flex;
    align-items: center;
    padding: 40px;
    border-radius: 10px;
    justify-content: space-between;
}

.box_404 h3 {
    color: #da2c46;
    font-size: 60px;
}

.box_404 h4 {
    color: #000000;
    font-size: 30px;
}

.box_404 p {
    margin: 0;
    font-size: 15px;
    color: #a3a3a3;
    text-align: center;
}

.page404 .ops_img {
    width: 40%;
}

.page404 .ops_img img {
    width: 100%;
}

.page404 .ops_desc {
    width: 60%;
    text-align: center;
}

.box_cljj.new_s {
    padding: 30px;
}

.box_cljj.new_s .content {
    width: 100%;
}

.box_cljj.new_s .content h3 {
    font-size: 20px;
}

.box_cljj.new_s .content ul {
    padding-left: 15px;
}

.box_cljj.new_s .content ul li {
    color: #000;
    font-size: 16px;
    line-height: 1.5em;
    margin-bottom: 10px;
}

.desktop_value {
    display: block
}

.mobile_value {
    display: none
}

/******************************* Career ********************************************/
.career_section {
    background: #fff;
}

.career_section {
    width: 100%;
    margin: 0;
    padding: 40px 0 60px;
    /* background: #eaf6fe; */
}

.career_section .row_fgs {
    position: relative
}

.career_section .row_fg {
    border: 1px solid #eee;
    border-radius: 10px;
    overflow: hidden;
    display: flex;
}

.career_section .row_fg .carer_img {
    height: 100%;
}

.career_section .row_fg .carer_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.career_section .row_fg .col-lg-8, .career_section .row_fg .col-lg-4 {
    padding: 0
}

.career_section .row_fg .form_xc {
    background: #f3f3f3;
    padding: 37px 50px;
}

.career_section h2 {
    font-size: 28px;
    color: #0e3d52;
    text-align: center;
    margin: 0 0 15px;
    /* font-family: inherit; */
    line-height: 40px;
}

.career_section h2 strong {
}

.career_section h2 span {
    font-weight: 700;
}

#category_faq .panel {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    margin: 0 0 10px;
    overflow: hidden;
    position: relative;
}

#category_faq .panel-heading {
}

#category_faq .panel-title {
    padding: 0;
    text-decoration: none;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: #ffffff;
}

.career_section #category_faq .panel-title a {
    /* font-size: 18px; */
    /* font-weight: 600; */
    /* background: #eaf6fe; */
    /* border-color: #ddd; */
    /* color: #333; */
}

#category_faq .panel-title a {
    display: block;
    padding: 10px 15px;
    text-align: left;
    margin: 0;
    background: #282828;
    font-size: 18px;
    font-weight: 600;
    color: #fff !important;
    border-radius: 0;
    position: relative;
    border-bottom: 1px solid #ccc;
    text-decoration: none!important;
}

.career_section #category_faq .panel-body {
}

#category_faq .panel-body {
    border-top: 0;
    background: #fff0;
    font-size: 15px;
    line-height: 27px;
    padding-bottom: 32px;
}

.career_section .panel-body p {
}

/* .career_btn { background-color: #052149!important; color: #fff !important; text-decoration: none!important; font-size: 17px; font-family: poppins,sans-serif!important; padding: 5px 25px; float: left; border-radius: 4px; margin-bottom: 25px; margin-top: 15px; }*/
.hvr-shutter-out-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    background: #e1e1e1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}

.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.hvr-shutter-out-horizontal:hover {
    color: #fff !important
}

.hvr-shutter-out-horizontal:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #bf161d;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.faq_section h2 {
    font-weight: 600;
    /* margin: 0 0 10px; */
    line-height: 43px;
    text-align: left;
}

.career_content {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

.time_info {
    color: #2098d1;
}

.title_career {
    color: #333;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    margin-bottom: 0;
    display: flex;
    /* border: 1px solid #dcdcdc; */
    position: absolute;
    z-index: 1;
    left: 50px;
    top: -16px;
    border-radius: 41px;
    overflow: auto;
}

.career_form .form-group {
}

.career_form .title_career label {
    font-size: 15px;
    color: #fafeff;
    background: #818181;
    padding: 6px 11px;
    float: left;
    width: auto;
    /* margin-right: 18px; */
    margin: 0;
}

.career_form form .form-group label {
    font-size: 16px;
}

.career_form form .form-group label b {
    font-weight: 500;
}

.career_form .title_career b {
    font-size: 16px;
    padding: 8px;
}

.career_form form input {
    width: 100%;
    padding: 0 12px;
    height: 44px;
    font-size: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    outline: none;
    background: #fff;
    padding: 10px;
}

.career_form form textarea {
    width: 100%;
    padding: 10px 12px;
    height: 130px;
    font-size: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    outline: none;
}

.apply_now_btn {
    float: left;
    width: fit-content !important;
    background: #052149 !important;
    color: #fff !important;
    font-size: 17px;
    padding: 7px 30px !important;
    border-radius: 4px;
    border: 0;
}

/******************************* Career ********************************************/
.button_order_NOw {
    background: #9d031d;
    border: #000;
    width: fit-content;
    margin-left: 25px;
    margin-bottom: 10px;
}

.button_order_NOw a {
    color: #fff !important;
    padding: 5px 10px;
    display: block;
    text-decoration: none;
}

.why_sc {
    padding: 60px 0
}

.why_chose_cssf {
    text-align: center;
    margin-bottom: 40px;
}

.why_chose_cssf h1 {
    font-weight: 700;
    font-size: 28px;
    color: #0e3d52;
    text-align: center;
    margin: 0;
    /* font-family: inherit; */
    line-height: 40px;
}

.why_c_desc {
}

.why_c_desc p {
}

.why_c_img {
}

.why_c_img img {
    width: 100%;
    padding: 50px;
}

.cssfounder_video {
    width: 100%;
    overflow: hidden;
    position: relative;
    /* margin-top: -60px; */
    height: calc(100vh);
}

.cssfounder_video:before {
 content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #0000003b;
    /*background-image: linear-gradient(-22deg, #00000042 68.41%, rgb(255 255 255 / 28%) 99.17%);*/
}

.cssfounder_video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.text_desc {
    position: absolute;
    bottom: 50px;
    /* transform: translate(0px, -50%); */
    width: 100%;
}

.text_desc .text_dflex {
    display: flex;
}

.text_desc .text_dflex .header-content-2 {
    position: static;
    display: inline-block;
    /* max-width: 600px; */
    margin: 0;
    float: none;
    border: 0 solid #313e49;
    border-radius: 8px;
    box-shadow: none;
    -webkit-perspective: 2000px;
    perspective: 2000px;
    /* text-align: left; */
    /* background: #0000006b; */
    /* padding: 40px; */
}

.th-header .tkhk {
    /* background: #ffffffa6; */
    padding-top: 5px;
}

@media(max-width: 992px) {
    .why_sc {
        padding:30px 0
    }

    .bs_industry .indus_grid, .sic_l {
        grid-template-columns: 1fr 1fr;
    }

    .redesigning_banner .banner_form , .banner_sec {
        float: inherit
    }

    .side_IMG, .coT_Img .serv {
        width: 100%;
    }

    .tba_price {
        OVERFLOW: scroll
    }

    .rowggh {
        grid-template-columns: 1fr;
    }

    .bd-blog .row {
        display: block
    }

    .stepFirst .row .col-sm-6 {
        width: 100%
    }

    .banner_sec h1 {
        margin-top: 17px;
        line-height: 33px;
    }

    .download_broucher a img {
        height: 38px;
    }

    .discuss_project .project_dis {
        padding: 20px 5px;
    }
}

/* .happy_custom_section { background: url('/live/oe_/https://www.cssfounder.com/img/icons/bg_happy_customer.webp') repeat; background-size: 24%; padding: 40px 0 } .one_happy_cust { background: #fff; box-shadow: 0 0 8px #ccc; padding: 20px; height: 100%; border-radius: 5px; width: 100%; position:relative } .one_happy_cust h3 { color: #333; font-size: 48px; margin-bottom: 10px; margin-top: 0; position: relative; } .one_happy_cust h3 img { float: right; margin-top: -5px; max-width: 70px; position: absolute; right: 0; opacity: 0.2; } .one_happy_cust p { font-size: 13px; line-height: 18px; font-weight: 600; margin: 0; color: #898989 } .one_happy_cust { animation-fill-mode: initial; animation-fill-mode: initial; -webkit-animation-fill-mode: initial; } .one_happy_cust { transition: all ease .2s !important; } .one_happy_cust:hover { transform: scale(1.05) !important; transition: all ease .2s !important; } .one_happy_cust:hover:before { background-size: 200% 1px, 1px 400%, 1px 400%, 55% 1px, 55% 1px; background-position: 50% 100%, 0 100%, 100% 100%, 100% 0, 0 0; transform: scaleX(1) rotate(180deg); transition-delay: 0s, .2s, .4s; } .one_happy_cust:before { content: ''; position: absolute; width: calc(100% + 2px); height: calc(100% + 2px); top: calc(1px / -1); left: calc(1px / -1); background: linear-gradient(to right, var(--red) 0, var(--red) 100%), linear-gradient(to top, var(--red) 50%, transparent 50%), linear-gradient(to top, var(--red) 50%, transparent 50%), linear-gradient(to right, var(--red) 0, var(--red) 100%), linear-gradient(to left, var(--red) 0, var(--red) 100%); background-size: 100% 1px, 1px 200%, 1px 200%, 0 1px, 0 1px; background-position: 50% 100%, 0 0, 100% 0, 100% 0, 0 0; background-repeat: no-repeat, no-repeat; transition: transform .2s ease-in-out, background-position .2s ease-in-out, background-size .2s ease-in-out; transform: scaleX(0) rotate(180deg); transition-delay: .4s, .2s, 0s; } .hapY_Grid {display:grid;gap: 20px;grid-template-columns: 1fr 1fr 1fr 1fr;} */
.about-section .content-box .sec-title p {
    color: var(--red);
    margin: 0;
}

.about-section .sec-title h2 {
    /* color:#333; */
}

/*----------------------------------*/
.portfolio_category {
}

.portfolio_category h3 {
    font-weight: 700;
    font-size: 28px;
    color: #0e3d52;
    text-align: center;
    margin: 0 0 30px;
    font-family: inherit;
    line-height: 40px;
}

.portfolio_category .nav-tabs {
    border: none;
    display: grid;
    gap: 12px;
    justify-content: space-between;
    padding-top: 30px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.portfolio_category .nav-tabs:before, .portfolio_category .nav-tabs:after {
    display: none
}

.portfolio_category .nav-item {
    flex: 1;
}

.portfolio_category .nav-item .nav-link {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    color: #626262;
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    padding: 10px;
    height: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    background: #fffaea;
    border-radius: 70px;
}

.portfolio_category .nav-item .nav-link .icon_s {
    width: 40px;
    height: 40px;
    background: #fff;
    border: 1px solid #b5b5b5;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.portfolio_category .nav-item .nav-link .icon_s img {
    width: 25px;
}

.portfolio_category .nav-item .nav-link span {
    display: block;
    text-align: center;
    font-size: 15px;
}

.portfolio_category .nav-item .nav-link.active {
    background: #626262;
    color: #fff !important;
}

/*--------------------------------------*/
div.banner-sta {
    background: #eff0eb !important;
}

div.banner-sta .overlay {
    background: none;
}

.banner-sta .container {
    z-index: 9;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.banner-sta .container:before, .banner-sta .container:after {
    display: none
}

#header-info-part {
    padding: 0;
    background: none;
    width: 37%;
    float: left;
    /* border: 1px solid #e1e1e1; */
    box-shadow: 0px 0px 10px #d5d5d5;
    padding: 25px;
}

.every_one_website {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #c02026;
}

div.banner-sta h1 {
    font-size: 30px;
    line-height: 40px;
    font-weight: 700;
    margin-bottom: 20px;
    margin-top: 0;
    white-space: normal;
    color: #333;
}

.desc_crt p {
    text-align: center;
    FONT-WEIGHT: 500;
    FONT-SIZE: 15PX;
    margin-bottom: 25px;
    white-space: initial;
}

.start_now a {
    background: #c02026;
    display: block;
    width: fit-content;
    margin: 0 auto;
    padding: 10px 20px;
    border-radius: 5px;
    color: #fff !important;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none
}

.start_now a:hover {
    color: #fff;
}

#aero-img-desktop-container img {
    margin-top: 0;
    transform: rotate(7deg);
    margin-left: 0;
    width: 100%;
    filter: invert(1);
}

.SalesforceLeadForm__leadCustomerEnquiryForm___2pSq5 {
    margin-top: 0;
    width: 100%;
    background-color: #333333;
    color: #fff !importantfff;
    padding: 20px 20px 25px;
    border-radius: 3px;
    font-family: Lato;
}

.SalesforceLeadForm__form_header___15XbP p {
    color: #fff !important;
    !i;!; }

.SalesforceLeadForm__main_form_button___w5aUL {
}

#Subheader, .button-form:hover {
    background-color: #898989 !important;
}

.iti.iti--allow-dropdown.iti--separate-dial-code, .SalesforceLeadForm__form_block_elements___22DNR {
    display: block;
    margin-top: 13px;
    width: 100%;
    height: 36px;
    background: #fff;
    color: #000
}

.SalesforceLeadForm__main_form_button___w5aUL {
    background: #c02026;
    display: block;
    width: fit-content;
    margin: 0 auto;
    padding: 10px 15px;
    border-radius: 5px;
    color: #fff !important;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    font-family: var(--font_inter);
    border: none;
    outline: none;
    margin-top: 14px;
    letter-spacing: 0;
}

.SalesforceLeadForm__main_form_button___w5aUL:focus {
    outline: 0;
}

#aero-img-desktop-container img {
    margin-bottom: 69px;
    transform: rotate(7deg);
    margin-left: 0;
    width: 100%;
    filter: invert(1);
}

#free-services-main-container {
    border: 1px solid #333;
}

#free-container-box-header {
    background-color: #333;
    color: #fff !important;
}

#absolutely-free-container ul li {
    color: #333;
}

.desfg .th-navigation ul li a {
    font-size: 16px;
}

.desfg .th-nav>div>ul {
    display: flex;
    justify-content: end;
    gap: 39px;
}

.desfg .th-nav .th-megadropdown.portal {
    width: auto;
}

.portal.sub_portal {
}

.portal.sub_portal a {
    padding-right: 20px;
    position: relative;
}

.portal.sub_portal a.df:after {
    content: "\f078";
    font-family: FontAwesome;
    font-size: 9px;
    position: absolute;
    right: 0;
}

.tst_sdf {
    background: #f5f5f5;
    padding: 60px 0;
}

.why_sd_bg {
    background: url(/live/oe_/https://www.cssfounder.com/img/card-bg.webp) no-repeat right 0 #fefbf0;
    padding: 60px 0;
}

/*--------------------------------------*/
.desktip_logO {
    display: none
}

.red_divider {
    /* content: ''; */
    /* width: 6px; */
    /* height: 100%; */
    /* background: url('/live/oe_/https://www.cssfounder.com/img/border_bg.png'); */
    /* position: absolute; */
    /* left: 0; */
    /* background-position: 0 0; */
    /* background-size: 100%; */
    /* top: 47px; */
    /* background-repeat: no-repeat; */
}

p {
    font-family: var(--font_inter);
    letter-spacing: -.005em;
    margin-top: 0;
    margin-bottom: 24px;
    font-size: 18px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 27px !important;
}

body {
    font-family: var(--font_inter)!important;
    font-size: 16px;
}

.th-header .tkhk.desfg .col-xs-10, .th-header .tkhk.desfg .th-navigation {
    position: inherit;
}

.new_testimonial {
    padding: 15px 0;
}

.new_testimonial .user-speak {
    position: relative;
    display: flex;
    padding-bottom: 0;
    margin-bottom: 0;
    justify-content: space-between;
    border-bottom: 4px solid #14151b;
}

.new_testimonial .speak-blog {
    border: none;
    margin-right: 0;
    padding: 25px 40px 30px 20px;
    border-right: 2px solid #14151b;
    width: 33%;
}

.new_testimonial .speak-blog:last-child {
    border-right: none
}

.new_testimonial .user-detail {
    align-items: flex-end;
    margin-bottom: 24px;
    display: flex;
}

.new_testimonial .user-detail img {
    display: block;
    width: 106px;
    height: 106px;
    margin-right: 12px;
}

.new_testimonial .user-detail .client-detail {
    background-color: #333;
    padding: 12px;
}

.new_testimonial .user-detail .client-detail span {
    color: #fff;
    font-size: 16px;
    display: block;
    margin-bottom: 2px;
}

.new_testimonial .user-detail .client-detail strong {
    color: #ffffff;
    font-size: 15px;
    font-weight: 800;
}

.new_testimonial .speak-blog p {
    margin: 0;
}

.new_testimonial .user-videospeak {
    display: flex;
    border: none;
    margin-bottom: 0;
    /* border-bottom: 4px solid #14151b; */
    background: #fff;
    ) no-repeat;) no-repeat;) no-repeat;) no-repeat;) no-repeat;) no-repeat;) no-repeat;) no-repeat;) no-repeat;) no-repeat;) no-repeat;) no-repeat;) no-repeat;) no-repeat;) no-repeat;) no-repeat;) no-repeat;) no-repeat;) no-repeat;) no-repeat; /* float: left; */ width: 100%;
    padding: 40px;
    border-radius: 7px;
    background-position: 38% 9%;
    height: 100%;
}

.new_testimonial .video-content {
    width: 70%;
    padding: 40px 40px 40px 0;
    border-right: 2px solid #14151b;
}

.new_testimonial .clientname {
    display: block;
    font-size: 16px;
    margin-bottom: 20px;
}

.new_testimonial .client-place {
    font-size: 15px;
    font-weight: 800;
}

.new_testimonial .video-content p {
}

.client-biggraphic {
    width: 30%;
    display: flex;
    align-items: flex-end;
}

.client-biggraphic_cd {
    display: flex;
    align-items: flex-end;
    border-radius: 270px;
    overflow: hidden;
    background: #e9e9e9;
    width: 68%;
    margin: 0 auto;
}

.new_testimonial .client-biggraphic img {
    display: block;
    width: 100%;
    height: 100%;
}

.user-videospeak.sf_ord .video-content {
    order: 1;
    border-right: none;
    padding: 40px
}

.user-videospeak.sf_ord .client-biggraphic {
    border-right: 2px solid #e9e9e9;
}

.about-logd.home_ab_logd {
    /* width: 1349px; */
    /* margin: 0 auto; */
    /* float: inherit; */
}

.pack_list {
    /* position: relative; */
}

.pack_list ul {
    list-style: none;
    padding: 0;
    display: flex;
    overflow-x: scroll;
    gap: 6px;
    padding-bottom: 5px;
    margin-bottom: 0;
    list-style: none;
    padding: 0;
    display: flex;
    overflow-x: scroll;
    gap: 10px;
    padding-bottom: 10px;
    margin-bottom: 0;
}

.pack_list ul li {
}

.pack_list ul li a {
    color: #000000;
    text-wrap-mode: nowrap;
    border: 1px solid #E9E9E9;
    padding: 5px 10px;
    border-radius: 3px;
    display: block;
    font-weight: 500;
    box-shadow: 0px 0px 8px #89898982;
    font-size: 15px;
}

/* width */
.pack_list ul::-webkit-scrollbar {
    height: 3px;
}

/* Track */
.pack_list ul::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.pack_list ul::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */
.pack_list ul::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* width */
.price_pd .packages_list::-webkit-scrollbar {
    width: 3px;
}

/* Track */
.price_pd .packages_list::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.price_pd .packages_list::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */
.price_pd .packages_list::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.name_price {
    /* display: flex; */
    justify-content: space-between;
    margin-bottom: 15px;
    gap: 10px;
}

.name_price h2 {
    display: block;
    color: var(--back);
    text-decoration: none;
    font-size: 20px;
    font-weight: 600;
    margin: 0;
    font-family: "DM Sans", sans-serif;
    !;!importan;
    height: 35px;
    flex: 1;
}

.name_price .box_pirc {
    position: relative;
    font-size: 26px;
    font-weight: 300;
    /* width: 125px; */
    /* margin-top: -26px; */
    /* color: #fff; */
    border-radius: 0;
    /* text-align: center; */
    /* display: flex; */
    justify-content: center;
    /* align-items: center; */
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.name_price .box_pirc:before {
    /* content: ''; */
    width: 5px;
    display: block;
    left: -10px;
    position: absolute;
    height: 10px;
    border-left: 5px solid #ff000000;
    border-right: 5px solid #5e5e5e;
    border-top: 5px solid #0000ff00;
    border-bottom: 5px solid #5e5e5e;
    top: 0;
}

.name_price .box_pirc:after {
    /* content: ''; */
    width: 5px;
    display: block;
    right: -10px;
    position: absolute;
    height: 10px;
    border-left: 5px solid #5e5e5e;
    border-right: 5px solid #00000000;
    border-top: 5px solid #0000ff00;
    border-bottom: 5px solid #5e5e5e;
    top: 0;
}

.name_price .price_big {
    font-size: 35px;
    font-weight: 600;
    color: #0b2d5d;
}
.name_price .price_big en {position: inherit;
    font-size: 20px;
    font-weight: 400;
    color: #bf161d;}
.name_price .price_big small {
    /* display: none; */
    color: #bf161d;
    padding: 0 5px;
    border-radius: 2px;
    font-weight: 500;
    font-size: 15px;
}

.refrence_website {
    border: 1px solid #d7d7d7;
    padding: 5px;
    border-radius: 5px;
    position: absolute;
    position: relative;
    height: 70px;
    margin-bottom: 10px;
}

.refrence_website .refg {
    margin-top: -15px;
    background: #0b2d5d;
    width: fit-content;
    padding: 2px 5px;
    border-radius: 23px;
    margin-bottom: 6px;
    color: #fff;
    font-size: 12px;
}

.themes_link {
    border: 1px solid #d7d7d7;
    padding: 5px;
    border-radius: 5px;
    margin: 15px 0 10px;
}

.themes_link .refg {
    margin-top: -15px;
    background: #323466;
    width: fit-content;
    padding: 2px 5px;
    border-radius: 23px;
    margin-bottom: 6px;
    color: #fff;
    font-size: 12px;
}

.themes_link ul {
    list-style: none;
    padding: 0;
    display: flex;
    overflow-x: scroll;
    gap: 10px;
    padding-bottom: 10px;
    margin-bottom: 0;
}

.themes_link ul li {
    width: 100%;
}

.themes_link ul li a {
    color: #000000;
    text-wrap-mode: nowrap;
    border: 1px solid #E9E9E9;
    padding: 5px 10px;
    border-radius: 3px;
    display: block;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    box-shadow: 0px 0px 8px #89898982;
    font-size: 14px;
}

.themes_link ul li a:hover {
    /* color: #3e3e3e; */
    /* background: #b9b9b9; */
}

/* width */
.themes_link ul::-webkit-scrollbar {
    height: 3px;
}

/* Track */
.themes_link ul::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.themes_link ul::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */
.themes_link ul::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.price_pd.height_550 .packages_list {
    height: 680px
}

.price_pd.height_900 .packages_list {
    height: 815px
}

.package_flex.widIiss .price_bor {
    width: 100%;
    padding: 0;
    margin-bottom: 25px;
}

.package_flex.widIiss .price_pd .packages_list {
    height: auto;
}

.our_client_flex.cleint_pg .Main_cliets_s ul {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.get_quotes_pg {
    padding: 50px 0 80px;
    overflow: hidden;
    position: relative;
}

.get_quotes_pg .get_form {
}

.get_quotes_pg .get_form h3 {
    font-weight: 700;
    font-size: 28px;
    color: #0e3d52;
    padding: 10px 0;
    margin: 0 0 30px;
    font-family: inherit;
    line-height: 40px;
}

.get_quotes_pg .get_form h3 {
}

.get_quotes_pg .form_get {
}

.get_quotes_pg .form_get form {
}

.get_quotes_pg .form_get form .form-group {
    overflow: hidden;
    margin-bottom: 30px;
}

.get_quotes_pg .form_get form .form-group label {
    display: block;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 8px;
    padding: 0;
}

.get_quotes_pg .form_get form .form-group select {
    height: 50px;
    position: relative;
    font-size: 15px;
    margin-bottom: 0;
    margin-top: 0;
    padding: 8px;
    border: navajowhite;
    border-bottom: 1px solid #ABB9C2;
    font-weight: 600;
    font-size: 17px;
    color: #5c5c5c;
    width: 100%;
}

.get_quotes_pg .form_get form .form-group input {
    font-size: 15px;
    margin-bottom: 0;
    margin-top: 0;
    padding: 8px;
    width: 100%;
    border: none;
    border-bottom: 1px solid #ABB9C2;
    border-radius: 0px;
    padding: 15px 0;
    color: #374046;
    font-weight: bold;
}

.get_quotes_pg .form_get .btn {
    background: #0e3d52;
    color: #fff;
    width: 100%;
    font-size: 20px;
    text-transform: capitalize;
    font-weight: 600;
}

.get_quotes_pg:after {
    content: '';
    background: url('/live/oe_/https://www.cssfounder.com/get-quotes/css/masthead-bg.webp');
    width: 50%;
    height: 100%;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    background: #efefef;
}

.frt_gety {
    position: relative;
    z-index: 1;
}

.frt_gety img {
    width: 100%
}

.redU_grow {
}

.redU_grow .df {
    display: none
}

/*---------------css_about_sd------------------*/
.css_about_sd {
    padding: 60px 0;
}

.css_about_sd .container {
    width: 1260px;
}

.css_about_sd .two_wysiwyg {
    display: flex;
    gap: 58px;
}

.css_about_sd .left_content {
    width: 45%;
}

.css_about_sd .wysiwyg_content {
}

.css_about_sd .wysiwyg_content h3 {
    !;!importan; font-weight: 700;
    font-size: 28px;
    color: #333;
    margin: 0 0px 3px;
    line-height: 40px;
}

.css_about_sd .wysiwyg_content p {
    margin-bottom: 27px;
}

.css_about_sd .ab_rs_re {
    display: flex;
    gap: 20px;
}

.css_about_sd .ab_rs_re p {
    margin-bottom: 0;
}

.css_about_sd .ab_rs_re p a {
    color: #003c81;
    display: flex;
    align-items: center;
}

.css_about_sd .ab_rs_re p a i {
    font-size: 12px;
    font-weight: 500;
    margin-left: 10px;
}

.css_about_sd .right-content {
    width: 51%;
}

.css_about_sd .right-content .wysiwyg_content {
}

.flex-row {
}

.flex-row .colored-cards-list {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    gap: 12px;
}

.flex-row .teal_color {
    flex: 2 1 calc(50% - 24px);
    /* max-width: 100%; */
    min-width: 250px;
    border-radius: 16px;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    background: #edf9f8;
}

.flex-row .teal_color .content {
    display: flex;
    flex-direction: column;
    max-width: 100%;
    padding: 15px 20px;
    flex: 1 1 calc(80% - 100px);
    min-width: 180px;
}

.flex-row .teal_color .content h3 {
    font-weight: 700;
    font-size: 28px;
    color: #333;
    margin: 0 0px 3px;
    line-height: 40px;
}

.flex-row .teal_color .content p {
    margin-bottom: 0;
    font-size: 17px !important
}

.flex-row .teal_color .featured-image {
    display: flex;
    flex: 1 1 20%;
    align-items: flex-end;
    justify-content: flex-end;
}

.flex-row .teal_color .featured-image img {
    max-height: 107px;
    max-width: 107px;
    object-fit: cover;
}

.flex-row .technology-flex-box-card {
    padding: 10px;
    display: flex;
    gap: 4px;
    flex-direction: column;
    background: linear-gradient(0deg, rgba(204, 228, 255, .3) 0%, rgba(204, 228, 255, .3) 100%), #FFF;
    border-radius: 16px;
    width: 100%;
}

.flex-row .technology-flex-box-card .content {
}

.flex-row .technology-flex-box-card .content h3 {
    font-size: 15px
}

.flex-row .technology-flex-box-card .content .tice {
    font-weight: 600;
    font-size: 18px;
    color: #262626 !important;
    margin-bottom: 0;
    margin-top: 0;
    text-align: center;
}

.flex-row .technology-flex-box-card .logos-bar {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    row-gap: 10px;
    column-gap: 8px;
    align-items: center;
}

.flex-row .technology-flex-box-card .logos-bar {
}

.flex-row .technology-flex-box-card .logos-bar a img {
    height: 42px;
    /* width: 85px; */
}

.flex-row .technology-flex-box-card .logos-bar img {
    height: 42px;
    /* width: 85px; */
}

.flex-row .teal_color:nth-child(1) {
    background: #edf9f8;
}

.flex-row .teal_color:nth-child(2) {
    background: #fffaea;
}

.flex-row .teal_color:nth-child(3) {
    background: #fef4e8;
}

.flex-row .teal_color:nth-child(4) {
    background: #f5faef;
}

/*---------------css_about_sd------------------*/
/*---------------testinomial-section-app------------------*/
.testinomial-section-app {
    padding: 30px 0;
    position: relative;
    background: #f9f9f9;
}

.testinomial-section-app .common-heading {
}

.testinomial-section-app .common-heading h2 {
    color: #0e3d52;
    font-weight: 700;
    font-size: 28px;
    margin: 0 0px 3px;
    line-height: 40px;
}

.testinomial-section-app .common-heading>span {
    color: var(--red);
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 6px;
    display: block;
}

.testinomial-section-app .review-title {
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
}

.testinomial-section-app .review-title h3 {
    margin: 0;
    font-size: 18px;
}

.testinomial-section-app .review_img {
    margin-top: 16px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.testinomial-section-app .review_img img {
    width: 100%;
}

.testinomial-section-app .review_img a {
    height: 80px;
    display: flex;
    align-items: center;
    padding: 15px;
    justify-content: center;
}

.testinomial-section-app .review-title .rate {
    font-size: 16px;
    font-weight: 600;
}

.testinomial-section-app .review-title .rate span {
}

.testinomial-section-app .review-title .rate i {
    color: #e1b328;
}

.testinomial-section-app .review_img a:nth-child(1) {
    background: #edf9f8;
}

.testinomial-section-app .review_img a:nth-child(2) {
    background: #fffaea;
}

.testinomial-section-app .review_img a:nth-child(3) {
    background: #fef4e8;
}

.testinomial-section-app .review_img a:nth-child(4) {
    background: #f5faef;
}

.testinomial-section-app .pl50 {
    position: relative;
    height: 100%;
    padding-left: 50px
}

.testinomial-section-app .testimonial-card-c .testimonial-card {
    display: block;
    box-shadow: 0 11px 20px rgb(123 149 162 / 15%);
    padding: 30px 30px 60px;
    border-radius: 40px 8px 8px;
    height: 370px;
}

.testinomial-section-app .testimonial-card-c .client-thumbs .media {
    display: flex;
    position: relative;
}

.testinomial-section-app .testimonial-card-c .media div:first-child {
    flex-shrink: 0;
}

.testinomial-section-app .testimonial-card-c .user-image img {
    border-radius: 100%;
    width: 80px;
}

.testinomial-section-app .testimonial-card-c .user-info {
    margin: 0 0 0 20px;
    text-align: left;
    /* position: relative; */
}

.testinomial-section-app .testimonial-card-c .user-info .autf_d {
    font-weight: 700;
    font-size: 25px;
    color: #0e3d52;
    margin: 0;
    line-height: 40px;
}

.testinomial-section-app .testimonial-card-c .user-info p {
    color: #6e6d6d;
}

.testinomial-section-app .testimonial-card-c .user-info .posiqut {
    position: absolute;
    right: 10px;
    top: 0;
    font-size: 60px;
    color: #0b2d5d;
    font-style: normal;
}

.testinomial-section-app .testimonial-card-c .user-info .posiqut.fa-quote-right:before {
    content: "\f10e";
    font-family: FontAwesome;
}

.testinomial-section-app .testimonial-card-c .owl-item:nth-child(4n+1) {
    background: #f0f7ff;
}

.testinomial-section-app .testimonial-card-c .owl-item:nth-child(4n+2) {
    background: #fffaea;
}

.testinomial-section-app .testimonial-card-c .owl-item:nth-child(4n+3) {
    background: #fef4e8;
}

.testinomial-section-app .testimonial-card-c .owl-item:nth-child(4n+4) {
    background: #f5faef;
}

.shape-a1 {
    position: absolute;
    bottom: 0;
    left: 0;
}

.testimonial-card-c {
    position: relative
}

.testinomial-section-app .testimonial-card-c .owl-nav {
    position: absolute;
    bottom: 10px;
    left: 20px;
    display: flex;
    gap: 14px;
}

.testinomial-section-app .testimonial-card-c .owl-nav button {
    width: 32px;
    height: 32px;
    background: #333 !important;
    !i;!; color: #fff !important;
    !i;!; border-radius: 4px;
}

.testinomial-section-app .testimonial-card-c .owl-nav button.owl-prev {
    width: 32px;
    height: 32px;
    background: #333;
    color: #fff;
}

.testinomial-section-app .testimonial-card-c .owl-nav button.owl-next {
}

.testinomial-section-app .testimonial-card-c .owl-dots {
    position: absolute;
    right: 20px;
    bottom: 10px;
    display: flex;
    gap: 5px;
}

.testinomial-section-app .testimonial-card-c .owl-dots button {
    width: 15px;
    height: 15px;
    background: #898989;
    border-radius: 12px;
}

.testinomial-section-app .testimonial-card-c .owl-dots button.active {
    background: #333;
}

.testinomial-section-app .test_hrd {
}

.testinomial-section-app .test_hrd h3 {
    font-weight: 700;
    font-size: 28px;
    color: #0e3d52;
    text-align: center;
    padding: 0;
    margin: 0 0 30px;
    line-height: 40px;
}

/*---------------testinomial-section-app------------------*/
.side_linksd {
}

.side_linksd .side_linksd_hd {
    background: #bf1f26;
    color: white;
}

.side_linksd .side_linksd_hd h3 {
    padding: 25px;
    margin-top: 0;
}

.side_linksd ul.services-list {
    display: block;
    list-style: disc;
    padding: 10px 20px;
    border: 1px solid #ebeef2;
    line-height: 19px;
}

.side_linksd ul.services-list li {
    width: 100%;
    list-style: disc;
    padding: 0 0 0 15px;
    display: block;
    margin: 0 0 10px;
    text-align: left;
    position: relative;
}

.side_linksd ul.services-list li:before {
    width: 5px;
    content: '';
    height: 5px;
    border-radius: 25px;
    top: 9px;
    display: block;
    background: #333;
    position: absolute;
    left: 0;
}

.side_linksd ul.services-list li a {
    color: black;
    font-size: 15px;
    text-decoration: none;
}

.row_dflex {
    display: flex;
    padding: 20px;
    box-shadow: 0px 6px 10px #b3b3b3;
    gap: 5px;
    border-radius: 20px;
    height: 100%;
}

.row_dflex:hover {
    box-shadow: 0px 6px 10px #5f5f5f;
}

.row_dflex .wid_50 {
    width: 45%;
}

.row_dflex .wid_50:nth-child(2) {
    flex: 1;
}

.row_dflex .wid_50 .refHolder_img {
}

.row_dflex .wid_50 .refHolder_img .refHolder_fg {
}

.row_dflex .wid_50 .refHolder_img img {
    width: 100%
}

.row_dflex .wid_50 .refInfo_hd_img {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.row_dflex .wid_50 .refInfo_hd_img h3 {
    margin-bottom: 0;
}

.row_dflex .wid_50 .refInfo_hd_img img.refLogo {
    height: 60px;
    margin: 0;
    width: 150px;
    object-fit: contain;
}

.row_dflex .wid_50 .tech {
    border: 1px solid #eee;
    padding: 5px 14px;
    border-radius: 5px;
    margin-bottom: 8px;
}

.row_dflex .wid_50 .tech h4 {
    color: #ffffff;
    font-weight: 300;
    font-size: 15px;
    margin: -15px 0 13px;
    background: #333;
    width: fit-content;
    padding: 4px 10px;
    border-radius: 30px;
}

.row_dflex .wid_50 .tech ul {
    width: 100%;
    list-style: none;
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 0;
    margin: 0;
    gap: 5px;
}

.row_dflex .wid_50 .tech ul li {
}

.row_dflex .wid_50 .tech ul li i {
    color: #9d031d;
    margin-right: 1px;
}

.row_dflex .wid_50 .tr {
    display: flex;
    justify-content: end;
}

.row_dflex .wid_50 .tr .refLink {
    padding: 10px 10px 10px 30px;
    font-size: 14px;
    max-width: 100%;
    overflow: hidden;
    color: #fff !important;
    letter-spacing: .3px;
    background: url(/live/oe_/https://www.cssfounder.com/img/link.png) left 7px center no-repeat #9d031d;
    float: right;
    margin-top: 0;
    text-transform: capitalize;
    background-size: 17px;
    border-radius: 5px;
}

.row_dJS {
    padding: 30px 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.row_dJS .colsm {
}

/*-------------------------------------------------------*/
.indust_inner {
    padding: 30px 0;
}

.indust_inner h3 {
    font-weight: 700;
    font-size: 28px;
    color: #0e3d52;
    text-align: center;
    margin: 0 0 20px;
    /* font-family: inherit; */
    line-height: 40px;
}

.indust_inner .req_cnt {
}

.indust_inner .req_cnt p {
}

.indus_img_hd {
    width: 100%;
    height: 100%;
    box-shadow: 0px 0px 10px #d7d7d7;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}

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

.all-innear-banner.about-us-b.ndf_dff {
    padding: 0;
    height: 260px;
    overflow: hidden;
    position: relative;
}

.all-innear-banner.about-us-b.ndf_dff img {
    width: 100%;
}

.all-innear-banner.about-us-b.ndf_dff .cont_ainer_ab {
    top: 50%;
    position: absolute;
    width: 100%;
    transform: translate(0px, -50%);
    z-index: 1;
}

.iti {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: 13px;
}

/*-------------------------------------------------------*/
.industry_SD_hg {
    padding: 0px 0;
}

.industry_SD_hg .row_df:nth-child(even) {
    background: #f7f7f7;
    border-radius: 15px;
    padding: 20px;
}

.industry_SD_hg .row_df:nth-child(even) .col-md-8 {
    order: 1
}

.industry_SD_hg .row_df {
    margin-bottom: 20px;
}

.industry_SD_hg .desc {
}

.industry_SD_hg .desc h3 {
    font-weight: 700;
    font-size: 28px;
    color: #333;
    margin: 0 0px 15px;
    line-height: 40px;
}

.industry_SD_hg .desc p {
    margin-bottom: 27px;
}

.industry_SD_hg .desc a {
    background: #bf161d;
    display: block;
    padding: 8px 15px;
    width: fit-content;
    font-weight: 600;
    color: #fff;
    border-radius: 5px;
    text-decoration: none;
}

.industry_SD_hg .img {
    box-shadow: 0px 0px 10px #a5a5a5;
    padding: 6px;
    border-radius: 7px;
}

.industry_SD_hg .img img {
    width: 100%;
}

/* Override bootstrap column paddings */
.tz-gallery .row > div {
    padding: 2px;
}

.tz-gallery .lightbox img {
    width: 100%;
    border-radius: 0;
    position: relative;
}

.tz-gallery .lightbox:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -13px;
    margin-left: -13px;
    opacity: 0;
    color: #fff;
    font-size: 26px;
    /* font-family: 'Glyphicons Halflings'; */
    /* content: '\e003'; */
    pointer-events: none;
    z-index: 9000;
    transition: 0.4s;
    content: "\f00e";
    font-family: FontAwesome;
}

.tz-gallery .lightbox:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgb(0 0 0 / 68%);
    content: '';
    transition: 0.4s;
}

.tz-gallery .lightbox:hover:after, .tz-gallery .lightbox:hover:before {
    opacity: 1;
}

.baguetteBox-button {
    background-color: transparent !important;
}

.tz-gallery video {
    width: 100%;
    height: 320px;
}

/*-----------------------------time popup---------------------------------*/
.model-time-current {
}

.model-time-cemn-t {
    display: flex;
    align-items: center;
    height: 100%;
}

.model-time.model-time-current {
    display: block;
}

.model-time {
    display: none;
    max-width: 100%;
    width: 100%;
    height: 100%;
    background-color: #000000a8;
    position: fixed;
    z-index: 999;
    top: 0;
}

.model-time-cemn-t .model-time-width {
    width: 80%;
    margin: 0 auto;
    background: #fff;
    max-width: 920px;
    position: relative;
}

.model-time-cemn-t .close-model {
    cursor: pointer;
    width: 27px;
    height: 27px;
    position: absolute;
    right: -10px;
    top: -10px;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--red);
    border-radius: 28px;
}

.model-time-cemn-t .close-model svg {
    width: 20px;
    height: 20px;
    fill: aliceblue;
}

.model-time-cemn-t .model-right-time {
    padding: 28px 40px 30px !important;
}

.model-time-cemn-t .please-wait {
    text-align: center;
    margin-bottom: 15px;
}

.model-time-cemn-t .model-time-current h3 {
    margin-bottom: 25px;
    text-transform: capitalize;
    font-weight: 400;
    line-height: 1.1;
    font-size: 26px;
}

.model-time-cemn-t .model_form {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    gap: 6px;
}

.model-time-cemn-t .model-form li {
    margin-bottom: 0;
    width: calc(50% - 4px);
}

.model-time-cemn-t .model-form li:last-child {
    width: 100%
}

.model-time-cemn-t .model-form li input, .model-time-cemn-t .model-form li textarea {
    width: 100%;
    color: #141414;
    padding: 12px;
    border: 1px solid #dddddd;
    background-color: #f4f4f4;
    resize: none;
}

.model-time-cemn-t .model-input .tooltip-box {
    position: static;
    margin-top: 10px;
    padding: 0;
    color: #e01321;
    font-size: 14px;
    padding: 13px 12px;
    line-height: 0;
    display: none;
}

.model-time-cemn-t .model-request {
}

.model-time-cemn-t .model-request h3 {
    font-weight: 700;
    font-size: 28px;
    color: #0e3d52;
    text-align: center;
    margin: 0 0 20px;
    /* font-family: inherit; */
    line-height: 40px;
}

.model-time-cemn-t .timeout-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    text-align: center;
    border-top: 1px solid #ddd;
    list-style: none;
    padding: 10px;
    margin: 0;
    gap: 16px;
}

.model-time-cemn-t .timeout-wrap li {
    padding: 15px;
}

.model-time-cemn-t .timeout-wrap li img {
    width: 100%;
    height: 42px;
    object-fit: contain;
}

.model-time-cemn-t .timeout-wrap li:nth-child(1) {
    background: #edf9f8;
}

.model-time-cemn-t .timeout-wrap li:nth-child(2) {
    background: #fffaea;
}

.model-time-cemn-t .timeout-wrap li:nth-child(3) {
    background: #fef4e8;
}

.model-time-cemn-t .timeout-wrap li:nth-child(4) {
    background: #f5faef;
}

.model-time-cemn-t .model-form .contact-time {
   font-size: 18px;
    font-weight: 700;
    border-radius: 1px;
    cursor: pointer;
    z-index: 1;
    position: relative;
    width: 100%;
    background-color: var(--red);
    color: #ffffff;
    transition: 0.5s;
    width: fit-content;
    border: none;
    padding: 7px 30px;
    border-radius: 3px;
    border-bottom: 4px solid #00000040;
}
.model-time-cemn-t .model-form li.cd-ccdj {height: 58px;}
/*-----------------------------time popup---------------------------------*/
/*-----------------------------price_pack_pop---------------------------------*/
.price_pack_pop {
    display: none;
    max-width: 100%;
    width: 100%;
    height: 100%;
    background-color: #000000a8;
    position: fixed;
    z-index: 999;
    top: 0;
}

.price_pack_pop.show {
    display: block
}

.price_pack_pop .modal-backdrop {
    display: none
}

.price_pack_pop .close-model-pop {
    cursor: pointer;
    width: 27px;
    height: 27px;
    position: absolute;
    right: -10px;
    top: -10px;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--red);
    border-radius: 28px;
}

.price_pack_pop .close-model-pop svg {
    width: 20px;
    height: 20px;
    fill: aliceblue;
}

.model-time-cemn-t .model-request .stu_sticcK {
    display: flex;
    justify-content: center;
}

.model-time-cemn-t .model-request .stu_sticc {
    border: 1px solid #8ec0ff;
    padding: 7px 30px;
    border-radius: 7px;
    position: relative;
}

.model-time-cemn-t .model-request .stu_sticc .check {
    position: absolute;
    top: -10px;
    right: -8px;
    background: #8ec0ff;
    border-radius: 29px;
    width: 24px;
    height: 24px;
}

.model-time-cemn-t .model-request .stu_sticc .check svg {
}

.model-time-cemn-t .model-request .stu_sticc h3 {
    font-weight: 700;
    font-size: 19px;
    color: #0e3d52;
    text-align: center;
    margin: 0;
    /* font-family: inherit; */
    line-height: normal;
}

/*-----------------------------price_pack_pop---------------------------------*/
.pack_order {
    display: flex;
    justify-content: space-between;
}

.pack_order a {
    background: #333;
    color: #ffffff;
    padding: 13px 15px;
    border-radius: 5px;
    text-transform: capitalize;
    font-size: 16px;
}

.pack_order a:hover {
    color: #0b2d5d;
    text-decoration: none
}

.pack_order a:focus, a:hover {
    color: #0b2d5d;
    text-decoration: none;
    outline: none;
}

.table_of_content {
    margin-bottom: -30px;
    z-index: 1;
    position: relative;
}

.table_of_content.active {
    margin-bottom: 20px;
    z-index: 1;
    position: relative;
}

.table_of_content .pad_table {
    background: #f0f7ff;
    border: 1px solid #aaa;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    display: table;
    padding: 10px;
    position: relative;
    width: auto;
    margin-bottom: 1px;
}

.table_of_content .pad_table .head_table_switch {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    align-items: center;
}

.table_of_content .pad_table .head_table_switch h3 {
    margin: 0;
    color: #000;
    font-size: 17px;
    line-height: 18px;
    font-weight: 400;
}

.table_of_content .pad_table .head_table_switch span {
    background: #ffff;
    border: 1px solid #aaa;
    border-radius: 3px;
    cursor: pointer;
}

.table_of_content .pad_table .head_table_switch span svg {
}

.table_of_content .pad_table .tbl_link {
    display: none;
    transition: all 0.3s ease-in-out;
    /* Smooth animation */
    margin-top: 15px;
}

.table_of_content.active .pad_table .tbl_link {
    display: block
}

.table_of_content .pad_table .tbl_link ul {
    padding-left: 20px;
}

.table_of_content .pad_table .tbl_link ul li {
    /* margin-bottom: 7px; */
    text-align: left;
}

.table_of_content .pad_table .tbl_link ul li a {
    font-family: var(--font_inter);
    margin-top: 0;
    font-size: 15px;
    color: #333;
}

.call-to-action h2 {
    font-size: 28px;
    color: #0e3d52;
    text-align: center;
    margin: 0;
    line-height: 40px;
    font-weight: 600;
}

.faq_section_servive {
    padding: 30px 0;
    background: #0b2d5d;
}

.inner_banner {
    width: 100%;
    height: calc(100vh - 80px);
    position: relative;
}

.inner_banner.auto_height {
    height: auto;
}

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

.inner_banner .breadcrumb-css {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: #e2e2e2a6;
}

.inner_banner .breadcrumb-css .breadcrumb {
    background: #0000
}

.th-header.sticky {
    animation: slideDown 0.3s ease-out;
}

@keyframes slideDown {
    from {
        transform: translateY(-100%);
    }

    to {
        transform: translateY(0);
    }
}

.two-grrid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    width: 100%;
    gap: 30px;
}

.two-grrid .grid_c {
    /* box-shadow: 0 2px 6px rgba(110, 123, 129, .1); */
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 5px;
    width: 100%;
    background: #fff;
}

.two-grrid .grid_c ul {
    padding: 0px;
}

.two-grrid .grid_c ul li {
    width: 100%;
    text-align: left;
}

li.cs_mega ul.cs-dropdown .two-grrid .grid_c ul li a {
    color: #333;
    font-size: 15px;
    text-decoration: none;
    font-weight: 500;
    font-family: var(--font_inter);
    padding: 10px 12px 10px 18px;
    line-height: 20px;
    /* height: 45px; */
    display: block;
    /* border-radius: 0 4px 4px 0; */
    /* background: #fff; */
    /* border-left: 2px solid var(--red); */
    border-bottom: 1px solid #eee;
}

.price_table.serc_pg {
    background: #f2f2f2;
    padding: 30px 0;
}

.price_table.serc_pg .package_flex {
    display: block;
    width: 70%;
}

.price_table.serc_pg .package_flex .price_bor {
    width: 100%;
    padding: 0;
}

.price_table.serc_pg .package_flex .price_bor .price_pd {
    background: #ffff
}

.price_table.serc_pg .refrence_website, .price_table.serc_pg .themes_link {
    display: flex;
    padding: 0;
    overflow: hidden;
}

.price_table.serc_pg .refrence_website .refg, .price_table.serc_pg .themes_link .refg {
    margin-top: 0;
    display: flex;
    align-items: center;
    border-radius: 0;
    margin: 0;
}

.price_table.serc_pg .refrence_website .pack_list, .price_table.serc_pg .themes_link ul {
    flex: 1;
    overflow: auto;
    padding: 5px;
}

.price_table.serc_pg .add_buy {
    justify-content: center;
}

.price_table.serc_pg .name_price h2 {
    height: auto;
}

.price_table.serc_pg .price_pd .packages_list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    height: auto;
    gap: 10px;
    background: #eff6ff;
    padding: 15px;
    border-radius: 5px;
}

.price_table.serc_pg .price_pd .packages_list li:last-child {
    border-bottom: 1px solid #dfdfdf;
}

.refren_demos {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 13px;
}

.refren_demos .refrence_website {
    height: 100%
}

.refren_demos .themes_link {
    margin-top: 0px;
}

.vision_mission {
    padding: 30px 0;
}

.vision_mission .align-items-center {
    align-items: center;
}

.vision_mission .vis_img {
    display: flex;
    align-items: center;
    gap: 35px;
}

.vision_mission .vis_img .first {
    flex: 1;
    gap: 0px;
}

.vision_mission .vis_img .first img {
    width: 100%;
    flex: 1;
}

.vision_mission .vis_img .first_sc {
}

.vision_mission .vis_img .first_sc:nth-child(2) {
}

.vision_mission .vis_img .first_sc:nth-child(2) .first_scs {
    display: flex;
    flex-wrap: wrap;
}

.vision_mission .vis_img .first_sc:nth-child(2) .first_scs .head {
    order: 1;
    width: 100%;
    height: 100%;
    background: #fffaea;
}

.vision_mission .vis_img .first .head {
    font-weight: 400;
    font-size: 20px;
    background: #edf9f8;
    text-transform: capitalize;
    letter-spacing: 0;
    text-align: center;
    color: #4a4a4a;
    padding: 10px 0;
}

.vision_mission .first.dfg .head {
    background: #f5faef
}

.vision_mission .first.dfg:last-child .head {
}

.vision_mission .first.dfg {
    display: flex;
    align-items: center;
    gap: 35px;
    flex-wrap: wrap;
}

.vision_mission .tabsss {
    /* margin-right: -120px; */
    padding-left: 0px;
    z-index: 2;
    position: relative;
}

.vision_mission .tabsss ul {
    flex-wrap: wrap;
    border-bottom: none;
}

.vision_mission .tabsss ul li a.active:before {
    content: '';
    background: #edf9f8;
}

.vision_mission .tabsss ul li a:before {
    content: '';
    content: '';
    width: 100%;
    height: 9px;
    position: absolute;
    background: #fffaea;
    bottom: 3px;
    z-index: -1;
    opacity: 0.7;
    left: 0;
}

.vision_mission .tabsss ul li a {
    padding-left: 10px;
}

.vision_mission .tabsss ul li a:hover {
    background-color: #eeeeee00;
}

.vision_mission .tabsss ul li a.active {
}

.vision_mission .tabsss li {
    width: 100%;
    margin-bottom: 30px;
}

.vision_mission .tabsss .nav-link:focus, .vision_mission .tabsss .nav-link:hover {
    border-color: #e9ecef00 #e9ecef00 #e9ecef00;
}

.vision_mission .tabsss li a {
    color: #fff;
    border-bottom: 0;
    padding: 0 0px;
}

.vision_mission .tabsss .nav-item.show .nav-link, .vision_mission .tabsss .nav-link.active {
    background-color: #ffffff00;
    border-color: #0000;
}

.vision_mission .tabsss li a.active {
    background: #0000;
    color: var(--red);
    border-bottom: 0px solid #edf9f8 !important;
}

.vision_mission .tabsss li a.active {
}

.vision_mission .tabsss li a {
    position: relative;
    margin-top: 0;
    font-weight: 400;
    text-transform: capitalize;
    letter-spacing: 0;
    text-indent: 0;
    font-size: 33px;
    color: #333;
    margin-bottom: 0;
    font-family: var(--font_inter);
    text-align: left;
}

.vision_mission .tab-content .content p {
    color: #000000;
    letter-spacing: 0.7px;
    text-align: left;
}

.full-section {
    /* background-color: #f5f5f5; */
    width: 100%;
    max-width: 100%;
    position: relative;
    margin-top: 0;
    overflow: hidden;
}

.full-section .flex {
    display: flex;
}

.full-section .image-column {
    width: 45%;
    min-height: 350px;
    position: relative;
}

.full-section .change-this-image {
    background-image: url(/live/oe_/https://www.cssfounder.com/img/about/whychoose.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    inset: 0%;
}

.full-section .half-column {
    width: 55%;
    display: flex;
    position: relative;
}

.full-section .half-column-text {
    width: 100%;
    padding: 50px 50px 110px;
}

.full-section .max-420-pixels {
    width: 100%;
    max-width: 683px;
    margin-right: 0;
}

.full-section .max-420-pixels h3 {
    text-transform: capitalize;
    letter-spacing: 0;
    font-weight: 700;
    font-size: 28px;
    color: #0e3d52;
    margin: 0;
    line-height: 40px;
}

.full-section .why_p {
}

.full-section .why_p .subtitle {
    color: #666666;
    font-size: 17px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0.7px;
}

.full-section .req_down {
    position: relative;
    z-index: 3;
}

.full-section .req_down ul {
    position: relative;
    list-style: none;
    width: 100%;
    display: flex;
    padding: 0;
    margin: 0;
    gap: 15px;
}

.full-section .req_down ul li {
}

.full-section .req_down ul li a {
    display: flex;
    padding: 5px 13px;
    align-items: center;
    border: 1px solid #222;
    border-radius: 6px;
    outline: none;
    text-decoration: none;
}

.full-section .req_down ul li:last-child a {
    background: #222;
    color: #fff;
}

.full-section .req_down ul li:last-child a svg {
    fill: #fff;
}

.full-section .req_down ul li:last-child a span {
    color: #fff;
}

.full-section .req_down ul li a svg {
    width: 45px;
    height: 45px;
    margin-right: 15px;
    fill: var(--gray-dark);
}

.full-section .req_down ul li a span {
    font-weight: 300;
    font-size: 17px;
    color: var(--gray-dark);
    text-transform: capitalize;
    letter-spacing: 0;
    flex: 1;
}

.curve-bg {
    background-image: url(/live/oe_/https://www.cssfounder.com/img/about/Curve.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 464px;
    width: 500px;
    height: 66px;
    margin-bottom: -1px;
    padding-top: 17px;
    padding-left: 134px;
    position: absolute;
    inset: auto 0% -1px auto;
}

.right-white-bg {
    z-index: 0;
    background-color: #fdfcf6;
    width: 50%;
    height: 100%;
    position: absolute;
    inset: 0% 0% 0% auto;
}

.curve-text-container {
    display: flex;
    position: relative;
}

.hero-mini-pic {
    background-image: url(/live/oe_/https://www.cssfounder.com/img/about/phone-icon.png);
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 17.5px;
    width: 40px;
    height: 40px;
    margin-right: 10px;
}

.curve-text-box {
    flex: 1;
    align-items: center;
    /* max-width: 264px; */
    /* margin-right: 24%; */
    display: flex;
    position: relative;
}

.mini-title-link {
    color: #3f423a;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    text-decoration: none;
    transition: color .2s;
}

.intro_d {
    padding: 30px 0;
    background: url('/live/oe_/https://www.cssfounder.com/img/about/bg_happy_customer.jpg');
}

.intro_d .heading-box {
    margin-bottom: 30px
}

.intro_d .heading-box h2 {
    font-weight: 700;
    font-size: 28px;
    color: #0e3d52;
    text-align: center;
    margin: 0;
    /* font-family: inherit; */
    line-height: 40px;
}

.intro_d .intro-flex {
    justify-content: center;
    /* max-width: 1050px; */
    margin-left: auto;
    margin-right: auto;
    display: flex;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 50px;
}

.intro-feature {
    text-align: center;
    width: 100%;
    background: #fff;
    border-radius: 5px;
    padding: 20px;
}

.intro-feature-icon {
    margin-bottom: 25px;
}

.intro-feature .intro-feature-icon img {
    width: 100px;
}

.intro-feature h5 {
    text-align: center;
    margin: 0 0 5px;
    color: #5c5c5c;
    font-size: 20px;
    font-weight: 700;
}

.intro-feature .paragraph-medium {
    position: relative;
    margin-top: 0;
    margin-bottom: 10px;
    text-transform: capitalize;
    color: #666666;
    text-align: center;
}

.intro-feature .button-box {
    margin-top: 20px;
}

.intro-feature .button-box .button {
    border: 1px solid var(--gray-dark);
    color: var(--gray-dark);
    text-align: center;
    letter-spacing: .5px;
    text-transform: uppercase;
    background-color: #0000;
    border-radius: 19px;
    height: 38.5px;
    padding-top: 10px;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    text-decoration: none;
    transition: color .2s, background-color .2s;
    position: relative;
    display: block;
    width: fit-content;
    margin: 0 auto;
}

.request_quotes {
    position: relative;
}

.request_quotes:before {
    content: '';
    width: 6px;
    height: 100%;
    background: url('/live/oe_/https://www.cssfounder.com/img/about/border_bg.png');
    position: absolute;
    left: 39%;
    background-position: 0 0;
    background-size: 100%;
}

.namtion_coentnt p {
    padding: 16px 0;
    font-size: 33px !important;
    !i;!; line-height: 48px !important;
    !i;!; font-weight: 400 !important;
    !i;!; width: 87%;
    color: #333;
    margin-bottom: 0;
    font-family: var(--font_inter);
    text-align: left;
}

.namtion_coentnt strong {
    font-weight: 500;
}

.building_nationn {
    padding-left: 15px;
}

.building_nationn h4 {
}

.building_nationn p {
    font-size: 14px;
}

.h_ome_aboout {
    padding: 30px 0
}

.happy_custom_section {
    background: url('/live/oe_/https://www.cssfounder.com/img/about/bg_happy_customer.jpg') repeat;
    background-size: 24%;
    padding: 30px 0;
}

.happy_custom_section h3.title {
    font-weight: 700;
    font-size: 28px;
    color: #0e3d52;
    text-align: center;
    margin: 0;
    /* font-family: inherit; */
    line-height: 40px;
}

.one_happy_cust {
    background: #fff;
    box-shadow: 0 0 8px #ccc;
    padding: 20px;
    height: 100%;
    border-radius: 5px;
    width: 100%;
    position: relative
}

.one_happy_cust h3 {
    color: #333;
    font-size: 48px;
    margin-bottom: 10px;
    margin-top: 0;
    position: relative;
}

.one_happy_cust h3 img {
    float: right;
    margin-top: -5px;
    max-width: 70px;
    position: absolute;
    right: 0;
    opacity: 0.2;
}

.one_happy_cust p {
    font-size: 13px;
    line-height: 18px;
    font-weight: 600;
    margin: 0;
    color: #898989
}

.one_happy_cust {
    animation-fill-mode: initial;
    animation-fill-mode: initial;
    -webkit-animation-fill-mode: initial;
}

.one_happy_cust {
    transition: all ease .2s !important;
}

.one_happy_cust:hover {
    transform: scale(1.05) !important;
    transition: all ease .2s !important;
}

.one_happy_cust:hover:before {
    background-size: 200% 1px, 1px 400%, 1px 400%, 55% 1px, 55% 1px;
    background-position: 50% 100%, 0 100%, 100% 100%, 100% 0, 0 0;
    transform: scaleX(1) rotate(180deg);
    transition-delay: 0s, .2s, .4s;
}

.one_happy_cust:before {
    content: '';
    position: absolute;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    top: calc(1px / -1);
    left: calc(1px / -1);
    background: linear-gradient(to right, var(--red) 0, var(--red) 100%), linear-gradient(to top, var(--red) 50%, transparent 50%), linear-gradient(to top, var(--red) 50%, transparent 50%), linear-gradient(to right, var(--red) 0, var(--red) 100%), linear-gradient(to left, var(--red) 0, var(--red) 100%);
    background-size: 100% 1px, 1px 200%, 1px 200%, 0 1px, 0 1px;
    background-position: 50% 100%, 0 0, 100% 0, 100% 0, 0 0;
    background-repeat: no-repeat, no-repeat;
    transition: transform .2s ease-in-out, background-position .2s ease-in-out, background-size .2s ease-in-out;
    transform: scaleX(0) rotate(180deg);
    transition-delay: .4s, .2s, 0s;
}

.hapY_Grid {
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.comp_desc {
    background: #0b2d5d;
    padding: 30px 0 90px;
}

.comp_desc .desc {
}

.comp_desc .desc h3 {
    font-weight: 700;
    font-size: 28px;
    color: #ffffff;
    text-align: center;
    margin: 0 0 10px;
    /* font-family: inherit; */
    line-height: 40px;
}

.comp_desc .desc p {
    color: #fff;
}

.com_plaint_form {
    padding-bottom: 90px;
}

.com_plaint_form_width {
    width: 80%;
    margin: -70px auto 0;
    background: #fff;
    padding: 50px;
    border-radius: 16px;
    box-shadow: 0px 4px 10px #e7e7e7;
}

.com_plaint_form_width .head_c {
    margin-bottom: 50px;
}

.com_plaint_form_width .head_c h3 {
    font-weight: 500;
    font-size: 45px;
    color: #0e3d52;
    margin: 0 0 11px;
    /* font-family: inherit; */
    line-height: 40px;
}

.com_plaint_form_width .head_c p {
}

.cust_omer_h3 {
}

.cust_omer_h3 h3 {
    font-weight: 700;
    font-size: 28px;
    color: #0e3d52;
    margin: 0 0 11px;
    /* font-family: inherit; */
    line-height: 40px;
}

.break-inside-avoid {
    margin-bottom: 30px
}

.break-inside-avoid .flex {
    display: flex;
    gap: 22px;
}

.break-inside-avoid .flex .field-decoration {
    justify-content: space-between;
    padding-bottom: .5rem;
    align-items: center;
    flex-direction: column;
    display: flex;
    position: relative;
}

.break-inside-avoid .flex .field-decoration:after {
    content: '';
    position: absolute;
    border-left: 5px dotted;
    height: 100%;
    top: 0;
}

.break-inside-avoid .flex .field-decoration label {
    background: #fff;
    z-index: 1;
}

.break-inside-avoid .flex .field-decoration label svg {
    width: 35px;
    height: 35px;
}

.break-inside-avoid .flex .w_full {
    flex: 1
}

.break-inside-avoid .flex .w_full .gg {
}

.break-inside-avoid .flex .w_full .gg .tod_d {
    margin-bottom: 10px;
}

.break-inside-avoid .flex .w_full .gg .tod_d .label {
    text-align: left;
    font-size: 18px;
    font-weight: 500;
    color: #111;
    padding: 0;
    margin: 0;
}

.break-inside-avoid .flex .w_full .gg .tod_d_s {
    display: block;
}

.break-inside-avoid .flex .w_full .gg .tod_d_s .i-grid {
    /* display: flex; */
    /* gap: 25px; */
}

.break-inside-avoid .flex .w_full .gg .tod_d_s .i-cell {
    /* flex: 1; */
}

.break-inside-avoid .flex .w_full .gg .tod_d_s .i-cell .rela_tive {
    margin-bottom: 15px;
}

.break-inside-avoid .flex .w_full .gg .tod_d_s .i-cell .rela_tive label {
}

.break-inside-avoid .flex .w_full .gg .tod_d_s .i-cell .rela_tive label {
    font-family: var(--font_inter);
    letter-spacing: -.005em;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 18px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 27px !important;
}

.break-inside-avoid .flex .w_full .gg .tod_d_s .short-text {
    margin-top: 8px;
}

.break-inside-avoid .flex .w_full .gg .tod_d_s .short-text .short-text-input {
    width: 100%;
    border: none;
    border-bottom: 1px solid #ebebeb;
    outline: none;
    padding: 10px 0;
}

.send_complaint {
    display: flex;
    justify-content: center;
}

.send_complaint .flo-button {
    padding: 18px 60px;
    background: #333;
    border: none;
    outline: none;
    color: #fff;
    border-radius: 54px;
    text-align: left;
    font-size: 18px;
    font-weight: 500;
}

.break-inside-avoid.msg .flex .field-decoration:after {
    display: none
}

.tranding_products2 {
    display: grid;
    width: 100%;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 15px;
}

.tranding_products2 .item {
    padding: 0;
    width: 100%;
}

.tranding_products2 .one_testominls {
    background: #fff url(/live/oe_/https://www.cssfounder.com/img/test_bg33.jpg) no-repeat;
    /* float: left; */
    width: 100%;
    padding: 40px;
    border-radius: 7px;
    background-position: 38% 9%;
    height: 100%;
}

.tranding_products2 .one_testominls_img {
    width: 84px;
    height: 84px;
    overflow: hidden;
    border-radius: 50%;
    margin-bottom: 30px;
}

.tranding_products2 .one_testominls_img img {
    margin-right: 30px;
    max-width: 100%;
    height: 100%;
}

.tranding_products2 .one_testominls_content {
    display: block;
    /* float: left; */
    width: 100%;
}

.tranding_products2 .test_descripti {
    height: 215px;
    overflow: hidden;
    margin-bottom: 10px;
}

.tranding_products2 .test_descripti p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.testino_names {
    position: relative;
    padding-right: 45px;
}

.one_testominls h4 {
    font-size: 18px;
    color: #000;
    font-weight: 500;
    font-family: var(--font_inter);
}

.one_testominls h6 {
    font-size: 14px;
    color: #9e9e9e;
}

span.more_new_btn {
    width: 35px;
    height: 35px;
    padding: 9px;
    border-radius: 100%;
    border: 1px solid #203d3b;
    display: flex;
    transform: rotate(-43deg);
    position: absolute;
    justify-content: center;
    align-items: center;
    color: #203d3b;
    cursor: pointer;
    top: 3px;
    right: 0;
}

span.more_new_btn img {
    width: 100% !important;
    height: initial !important;
    margin: 0 !important;
    float: initial !important;
}

.testimonial_popup {
    position: fixed;
    top: 0;
    z-index: 999;
    background: #000000a1;
    height: 100%;
    display: none;
    width: 100%;
}

.testimonial_popup .slide-kh {
    width: 80%;
    margin: 0 auto;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.testimonial_popup .slide-kh-td {
    background: #fff;
    padding: 40px;
    border-radius: 10px;
    position: relative;
}

.testimonial_popup .slide-kh .closebtn {
    width: 35px;
    height: 35px;
    position: absolute;
    border-radius: 100%;
    top: 30px;
    right: 50px;
    border: 1px solid #203d3b;
    color: #525252;
    z-index: 99;
    line-height: 0;
    text-align: center;
    font-size: 26px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.testimonial_popup .slide-kh .image-thumb {
    border-radius: 50%;
    overflow: hidden;
}

.testimonial_popup .slide-kh .image-thumb img {
}

.testimonial_popup .slide-kh .pupup-content {
}

.testimonial_popup .slide-kh .pupup-content .popup-title {
    font-size: 30px;
    color: #000;
    text-transform: uppercase;
}

.testimonial_popup .slide-kh .pupup-content .popup-designation {
    font-size: 20px;
    color: #525252;
    display: block;
    margin: 0px 0 30px;
    line-height: 30px;
}

.testimonial_popup .slide-kh .pupup-content .popup-scroll {
}

.testimonial_popup .slide-kh .pupup-content .popup-scroll p {
    margin-bottom: 0
}

.menu_img_ban {
    background: #e6ebf9;
    height: 100%;
    border-radius: 5px;
    overflow: hidden;
}

.menu_img {
    height: 100%;
    position: relative;
}

.bfm_bf {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    padding: 15px 20px;
}

.bfm_bf a {
    background: var(--red);
    color: #fff;
    padding: 15px 20px;
    display: block;
    margin: 0 auto;
    border-radius: 2px;
    box-shadow: 0px 4px 10px #9d9d9d;
    font-weight: 500;
    font-size: 17px;
}

.two-grrid .menu_img img {
    height: 100%;
    object-fit: cover;
    position: relative;
    top: auto;
}

.arrow_drupal {
    display: none
}

.client_bigs {
    background: #e2e2e2;
    padding: 30px 30px 72px;
    position: relative;
}

.client_bigs .wehelp {
    position: absolute;
    width: 260px;
    background: var(--back);
    padding: 22px;
    bottom: -50px;
}

.client_bigs .wehelp h3 {
    margin: 0;
    color: #fff;
    font-weight: 200;
    font-size: 25px;
}

.client_bigs:after {
    content: '';
    position: absolute;
    width: 150px;
    height: 100%;
    background: var(--red);
    top: 0;
    right: 0;
    z-index: 0;
}

.client_bigs_pd {
    position: relative;
    z-index: 1;
}

.client_bigs_pd img {
    width: 100%
}

.global-talent-area {
    padding: 40px 0px;
}

.d-flex {
    display: flex
}

.align-items-center {
    align-items: center;
}

.global-talent-area .talent-img {
}

.global-talent-area .talent-img img {
    width: 100%
}

.global-talent-area .talent-content {
    width: 100%
}

.global-talent-area .talent-content span {
    font-weight: 700;
    font-size: 15px;
    color: var(--red);
    margin: 0 0px 0px;
    line-height: 40px;
    display: block;
    line-height: 15px;
}

.global-talent-area .talent-content h2 {
    font-weight: 700;
    font-size: 28px;
    color: #333;
    margin: 0 0px 10px;
    line-height: 40px;
}

.global-talent-area .talent-content p {
    width: 100%
}

.global-talent-area .talent-content .talent-single-item {
    width: 100%
}

.global-talent-area .talent-content .talent-single-item h3 {
    font-weight: 700;
    font-size: 20px;
    color: #333;
    margin: 0 0px 3px;
    line-height: 40px;
}

.global-talent-area .talent-content .talent-single-item p {
    text-align: left;
}

.office_location {
    background: url('/live/oe_/https://www.cssfounder.com/img/about/bg_happy_customer.jpg');
    padding: 30px 0;
}

.office_location .local {
    height: 100%;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    box-shadow: 0px 2px 10px #505050;
}

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

.office_location span {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #0000001f;
    display: block;
    z-index: 1;
    top: 0;
    padding: 15px;
}

.office_location span:before {
    content: '';
    width: 100%;
    display: block;
    height: 100%;
    border: 1px solid #fff;
    border-radius: 5px;
}

.office_location .name {
    position: absolute;
    width: 100%;
    bottom: 19px;
    left: 30px;
}

.office_location .name h3 {
    color: #fff;
    background: #bf161dbf;
    width: fit-content;
    padding: 10px 28px;
    border-radius: 5px;
    font-weight: 400;
    font-size: 21px;
}

.find-jobs-card {
    background-color: #f4f4f4;
    border-radius: 3px;
    padding: 30px;
    position: relative;
    overflow: hidden;
    transition: .5s;
    margin-bottom: 30px;
}

.find-jobs-card .content {
    flex: 1;
}

.find-jobs-card .find-jobs-img {
    margin-right: 20px;
    transition: .5s;
    border-radius: 10px;
    overflow: hidden;
}

.find-jobs-card .find-jobs-img a img {
    max-width: 140px;
    border-radius: 5px;
}

.find-jobs-card .content .content-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.find-jobs-card .content .content-list li {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    background-color: #afafaf;
}

.find-jobs-card .content h3 {
    margin: 10px 0 10px;
    color: #232323;
    font-size: 20px;
    font-weight: 700;
}

.find-jobs-card:hover .find-jobs-btn {
    opacity: 1;
    top: 30%;
    transform: translateY(-50%);
}

.find-jobs-card .find-jobs-btn {
    position: absolute;
    top: 111%;
    right: 30px;
    transition: .5s;
}

.find-jobs-card .find-jobs-btn .default-btn {
    padding: 12px 20px;
    color: #fff;
    text-align: center;
    position: relative;
    overflow: hidden;
    z-index: 1;
    text-transform: capitalize;
    background-color: var(--gray-dark);
    border: none;
    outline: none;
    font-weight: 500;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: 6px;
}

.find-jobs-card .content ol {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    list-style: none;
    margin: 0;
}

.find-jobs-card .content ol li {
    padding: 4px 12px;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 500;
    border: 1px solid #cdcdcd;
    /* background-color: #ffffff; */
}

/*---------------------------------------------*/
.country_area {
    padding: 30px 0
}

.country_area .about__content-wrapper {
    margin-top: 20px;
}

.country_area .about__img .img-anim {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.country_area .about__img .img-anim img {
    width: 100%
}

.country_area .about__img {
    position: relative;
}

.country_area .about__img .inner-column {
    position: relative;
    margin-right: -30px;
}

.country_area .about__img .inner-column .icon-dots {
    position: absolute;
    right: 33px;
    top: 15px;
    width: 75px;
    height: 156px;
    background-image: url(/live/oe_/https://www.cssfounder.com/img/location/icon-dots.png);
}

.country_area .about__img .inner-column .image-1 {
    position: relative;
    margin-bottom: 0;
    width: 86%;
}

.country_area .about__img .inner-column .image-1:before {
    position: absolute;
    left: -30px;
    top: 30px;
    width: 100%;
    height: 100%;
    border: 6px solid #ef5e64;
    z-index: -1;
    content: "";
}

.country_area .about__img .inner-column .image-1 img {
    width: 100%
}

.bounce-y {
    -webkit-animation: bounce-y 10s infinite linear;
    animation: bounce-y 10s infinite linear;
}

.country_area .about__img .inner-column .image-2 {
    position: absolute;
    right: 30px;
    top: 155px;
    margin-bottom: 0;
    width: 150px;
    background: #fff;
    height: 95px;
    padding: 8px;
    border-radius: 5px;
    box-shadow: 0px 0px 10px #a3a3a3;
}

.country_area .about__img .inner-column .image-2 img {
    width: 100%;
    height: 100%;
}

@-webkit-keyframes bounce-y {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    50% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes bounce-y {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    50% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

/*---------------------------------------------*/
.two_btn_simple {
    padding: 35px 0px 90px;
}

.two_btn_simple .two_btn_width {
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0px;
    width: 100%;
    justify-content: space-between;
}

.two_btn_simple .two_btn_width .dits:last-child {
    BACKGROUND: #ffeadf;
}

.two_btn_simple .two_btn_width .dits {
    WIDTH: 50%;
    BACKGROUND: #f0f7ff;
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
}

.two_btn_simple .two_btn_width .dits .dits_mid {
    padding: 50px;
}

.two_btn_simple .two_btn_width .dits .dits_mid p {
    text-align: center
}

.two_btn_simple .two_btn_width .dits .dits_mid h3 {
    font-weight: 700;
    font-size: 35px;
    color: #0e3d52;
    text-align: center;
    margin: 0 0 30px;
    /* font-family: inherit; */
    line-height: 40px;
}

.two_btn_simple .two_btn_width a {
    background: #0b2d5d;
    color: #fff;
    border-radius: 43px;
    font-size: 17px;
    !;!i;!; font-family: var(--font_inter);
    font-weight: 500;
    display: block;
    padding: 10px 23px;
    box-shadow: 0px 5px 10px #727272;
    text-decoration: none;
    width: max-content;
    margin: 0 auto;
}

.two_btn_simple .two_btn_width a .icon {
}

.two_btn_simple .two_btn_width a img {
}

.order_carts {
    position: relative;
    overflow: hidden;
    padding: 25px 0 76px;
    background: #edf9f8;
}
.order_carts.sdfdg {overflow:inherit}
.cart-periods.df_sdf {    position: sticky;    top: 90px;}
.cart-periods.mrg_top {
    margin-top: 20px;
}

.cart-periods {
    width: 100%;
    display: flex;
    flex-direction: column;
    background-color: #ffffff;
    padding: 15px;
    border-radius: 16px;
    border: 1px solid #d9dbe1;
    position: relative;
}

.cart-periods .headIng {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.cart-periods .headIng .nox_pack {
    border-radius: 5px;
    max-width: 240px;
    background: #edf9f8;
    padding: 6px;
    display: flex;
    gap: 6px;
}
.cart-periods .headIng .nox_pack h3 {
       text-align: left;
       margin-bottom: 0;
       font-size: 20px;
       font-weight: 500;
       line-height: normal;
}
.cart-periods .headIng .sf_sle_pra {}
.cart-periods .headIng .sf_sle_pra h3 {
    text-align: left;
    margin-bottom: 5px;
    font-size: 20px;
    font-weight: 500;
}
.cart-periods .headIng .nox_pack h3 span {
    position: absolute;
    padding: 0;
    background: var(--dark);
    color: #fff;
    font-size: 13px;
    left: 15px;
    top: -15px;
    padding: 4px 9px;
    font-weight: 400;
}
.cart-periods .sf_sle_pra p {
    color: #000000;
    margin: 0;
}
.sfd_select {
    width: 130px;
    border: 1px solid #d9dbe1;
    border-radius: 3px;
    position: relative;
    cursor: pointer;
	margin:0 auto;
}
.select_css {
    padding: 3px 8px;
    position: relative;
}
.select_css .selected_name {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 15px;
    font-weight: 500;
    color: #000;
}
.select_css .selected_name i {}
.sfd_select .select_list.intro {
    display: block;
}
.sfd_select .select_list {
    position: absolute;
    background: #fff;
    z-index: 3;
    width: 100%;
    border: 1px solid #d9dbe1;
    display: none;
}
.sfd_select .select_list .list {
    cursor: pointer;
    padding: 7px 15px;
    font-size: 14px;
    color: #000;
}
.sfd_select .select_list .list.select, .sfd_select .select_list .list:hover{
    background: #edf9f8;
}
.cart-periods .headIng h3 {
    display: block;
    font-weight: 600;
    font-size: 25px;
    color: #0e3d52;
    text-align: center;
    padding: 0 0;
    margin: 0 0 0px;
    font-family: var(--font_inter);
}

.cart-periods .headIng span {
    color: red;
    cursor: pointer;
    border-radius: 33px;
}
.cart-periods-select.intro{display:none}
.cart-periods-select {
    border-top: 1px solid #d9dbe1;
    padding-top: 0px;
    margin-top: 5px;
}

.cart-periods-select .packages_list {
    padding: 0;
    overflow: auto;
    width: 100%;
    display: grid;
    flex-wrap: wrap;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 0 10px;
    margin-bottom: 15px;
    margin-top: 6px;
    /* list-style: disc; */
}

.cart-periods-select .packages_list li {
    border-bottom: 1px solid #e5e5e5;
    padding: 5px 0;
    font-size: 14px;
    position: relative;
    /* padding-left: 15px; */
    color: #000;
    margin-bottom: 5px;
    padding-left: 15px;
    list-style: none;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1; /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 30px;
}
.cart-periods-select .packages_list li:before {
   content: '\f105';
    font-family: FontAwesome;
    position: absolute;
    left: 2px;
    /* top: 12px; */
    /* background: #939393; */
    /* transform: rotate(45deg); */
    /* width: 6px; */
    /* height: 6px; */
    /* border-radius: 24px; */
}

.cart-periods-select .packages_list li:last-child {
    /* border-bottom: 0; */
}

.cart-periods-select .d_df_list_pc {display:flex;align-items: flex-start;gap: 40px;}
.sfv_ss {
    width: 130px;
}
.sfv_ss img{width:100%}


.cart-periods .headIng .box_pirc {border: 1px solid #d5d5d5;padding: 2px;position: relative;font-weight: 300;background: #e8eaeb;width: 125px;margin-top: -27px;color: #fff;text-align: center;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;padding: 6px 10px;}
.box_pirc_del {
    text-align: right;
    /* height: 100%; */
}
.cart-periods .headIng .box_pirc:before {
    content: '';
    width: 5px;
    display: block;
    left: -10px;
    position: absolute;
    height: 10px;
    border-left: 5px solid #ff000000;
    border-right: 5px solid #5e5e5e;
    border-top: 5px solid #0000ff00;
    border-bottom: 5px solid #5e5e5e;
    top: 0;
}

.cart-periods .headIng .box_pirc:after {
    content: '';
    width: 5px;
    display: block;
    right: -10px;
    position: absolute;
    height: 10px;
    border-left: 5px solid #5e5e5e;
    border-right: 5px solid #00000000;
    border-top: 5px solid #0000ff00;
    border-bottom: 5px solid #5e5e5e;
    top: 0;
}

.cart-periods .headIng .box_pirc .price_del {
    text-decoration: line-through;
    color: #ff0000;
    font-size: 15px;
    font-weight: 400;
}
.cart-periods .headIng .price_big {
    font-size: 22px;
    font-weight: 600;
    color: #000000;
    border-bottom: 1px solid #aaaaaa;
}

.cart-periods .headIng .price_big small {
}

.OrderSummary {
    padding: 8px;
    margin-bottom: 10px;
    background: #f5f7f8;
    border: 1px solid #eee;
    border-radius: 2px;
}
.df_label {}
.df_label ul {
    padding: 0;
    list-style: none;
}
.df_label ul li{
    display: flex;
    justify-content: space-between;
}
.df_label ul li span{
    font-size: 14px;
}
.df_label label{
    display: block;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 7px;
    cursor: pointer;
}
.df_label label input {
    margin: 0;
    margin-right: 8px;
}

.OrderSummary h3 {
    display: block;
    font-weight: 600;
    font-size: 20px;
    color: #0e3d52;
    text-align: center;
    padding: 0 0;
    margin: 0 0 0px;
    font-family: var(--font_inter);
}

.m5x37ae {
    margin-top: 0rem !important;
    margin-bottom: 1rem !important;
}

.m5x37ae .d1fo8qh8 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.m5x37ae .fwbed4v {
    font-weight: 600;
    font-size: 20px;
}

.m5x37ae .fwbed4v span.fwbed4v {
    font-size: 13px;
}

.m5x37ae .ms3 {
    font-size: 20px;
    color: #0b2d5d;
    font-weight: 600;
}

.cart-periods p {
    font-size: 13px !important;
	margin-bottom: 0;
}

.cart-periods .ux-button {
    background: var(--gray-dark);
    color: #fff;
    /* padding: 14px 10px; */
    border: none;
    outline: none;
    font-size: 15px;
    font-weight: 500;
    border-radius: 5px;
}

.cart-periods .ux-button span {
    display: block;
    padding: 14px 10px;
}

.p6fmeif {
    /* padding: 15px 0; */
}

.p6fmeif .d1fo8qh8 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
}

.p6fmeif .d1fo8qh8 .c1bxf5b7 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3px;
}

.p6fmeif .d1fo8qh8 .c1bxf5b7 svg {
    display: block;
    width: 21px;
    fill: #ffffff;
}

.p6fmeif .d1fo8qh8 .c1bxf5b7 span {
    display: flex;
    align-content: center
}

.p6fmeif .d1fo8qh8 .c1bxf5b7 span {
    color: #f4f4f4;
    font-size: 14px;
    font-weight: 600;
    text-wrap-mode: nowrap;
}

.d1fo8qh99 {
    margin-top: 4px;
}

.d1fo8qh99 span {
    color: #606060;
    font-size: 13px;
    font-weight: 500;
    display: block;
}

.cart-periods-df {
    margin-top: 20px;
}

.cart-periods-df .dvfaq_add {
    width: 100%;
    display: flex;
    flex-direction: column;
    background-color: #ffffff;
    padding: 20px;
    border-radius: 16px;
    border: 1px solid #d9dbe1;
}

.cart-periods-df .dvfaq_add.show h3:after {
    content: '-'
}

.cart-periods-df .dvfaq_add.show .radio_btn_sdg {
    display: block
}

.cart-periods-df .dvfaq_add h3 {
    display: flex;
    font-weight: 600;
    font-size: 20px;
    color: #0e3d52;
    text-align: left;
    padding: 0 0;
    margin: 0 0 0px;
    font-family: var(--font_inter);
    justify-content: space-between;
}

.cart-periods-df .dvfaq_add h3:after {
    content: '+';
    /* width: 25px; */
    display: none;
    height: 25px;
    text-align: center;
}

.cart-periods-df .radio_btn_sdg {
    /* display: none; */
    margin-top: 20px;
}

.cart-periods-df .radio_btn {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.cart-periods-df .radio_btn label {
    font-size: 15px;
    display: flex;
    align-items: center;
    gap: 6px;
    text-transform: capitalize;
    font-weight: 500;
}

.cart-periods-df .radio_btn label input {
    width: 15px;
    height: 15px;
    margin: 0;
}

.add_cf_s_c {
    list-style: none;
    padding: 0 0;
    display: grid;
    width: 100%;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 5px;
    margin-bottom: 0;
}

.add_cf_s_c li {
    width: 100%;
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    border: 1px solid #d1cbcb;
    padding: 6px;
    text-transform: capitalize;
    position: relative;
}

.add_cf_s_c li label {
    float: left;
    margin: 0;
    width: 100%;
    text-align: left;
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
    padding-left: 0;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.add_cf_s_c li label input {
    display: block;
    margin: 0 5px 0 0;
    width: 15px;
    height: 15px;
    margin-right: 5px;
}

.add_cf_s_c li span {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: var(--back);
    border-radius: 50%;
    padding: 0 7px;
    font-size: 13px;
    color: #fff;
    font-weight: 500;
    line-height: 22px;
    margin-left: 0;
    right: 5px;
    position: absolute;
    left: inherit !important;
    top: 50%;
    -webkit-transform: translateY(-50%);
    z-index: 1;
}

.add_cf_s_c .Img_ho {
    position: absolute;
    z-index: 9;
    width: 85%;
    top: 0;
    right: 0;
    left: 100%;
    display: none;
    box-shadow: 0px 0px 10px #dbdbdb;
    padding: 25px;
    background: #fff;
}

.Img_ho .tt img {
    width: 100%;
}

.delivery-sec.ghhjhgjk .card-wrapper {
    /* display: flex; */
    /* gap: 0px; */
}

.delivery-sec.ghhjhgjk .card-wrapper .card-sec {
    /* display: grid; */
    /* grid-template-columns: 1fr 1fr 1fr 1fr; */
    /* gap: 0; */
    /* margin: 0; */
}

.delivery-sec.ghhjhgjk .card-wrapper .card-sec.thresd {
    grid-template-columns: 1fr 1fr 1fr;
}

.delivery-sec.ghhjhgjk .card-wrapper .card-sec .card-block {
    box-shadow: none;
}

.delivery-sec.ghhjhgjk .card-text .card-heading p {
    /* font-size: 15px !important; */
    !i;!; }

.delivery-sec.ghhjhgjk .end-block .image-block img {
    height: 315px;
}

.web_desd:hover .desc {
    display: block
}

.card-block .desc {
    display: none;
    position: absolute;
    top: 0;
    background: #e9e9e9;
    padding: 14px;
    height: 100%;
    z-index: 1;
}

.card-block .desc .desc_sd {
    display: flex;
    height: 100%;
    align-items: center;
}

.card-block .desc .desc_sd p {
    /* color: #fff; */
    font-size: 15px !important;
    line-height: 18px !important;
}

.panel-heading .tabss:before {
    content: "\f067" !important;
}

.panel-heading.df_s_sd .tabss:before {
    content: "\f068" !important;
}

.services_tabs_section_ss {
    display: grid;
    flex-wrap: wrap;
    padding: 30px 0;
    /* overflow: hidden; */
    grid-template-columns: 1fr 1fr;
}

.services_tabs_section_ss .col-md-5 {
    width: 100%;
    position: relative;
    padding: 0;
    max-width: 100%;
}

.services_tabs_section_ss .tab {
    font-size: 43px;
    color: #000;
    height: 100%;
    display: flex;
    align-items: center;
}

.tabs_imgcontainer {
    /* position: absolute; */
    /* z-index: 99; */
    /* top: 50%; */
    /* -webkit-transform: translateY(-50%); */
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    /* transform: translateY(-50%); */
}

.services_tabs_section_ss .tab ul {
    margin: 0;
    padding: 0;
}

.services_tabs_section_ss .tab ul li {
    display: inline-block;
    cursor: pointer;
    width: 100%;
    margin: 0;
    /* padding-bottom: 15px; */
    /* padding-top: 15px; */
    font-size: 26px;
    color: #454343;
}

.services_tabs_section_ss .tab ul li a {
    width: auto;
    float: left;
    position: relative;
    color: #0e3d52;
    text-decoration: none;
}

.services_tabs_section_ss .tab ul li span {
    width: auto;
    float: left;
    position: relative;
    color: #0e3d52;
    text-decoration: none;
}

.tabs_imgcontainer .active {
    font-weight: 700;
}

.services_tabs_section_ss .tab ul li a.active:before {
    content: "";
    height: 1px;
    position: absolute;
    top: inherit;
    bottom: -5px;
    right: 0;
    display: block;
    margin: 0 auto;
    left: 0;
    width: 100%;
    background: #000;
    transition: all .2s;
    -webkit-transition: all .2s;
}

.services_tabs_section_ss .tab ul li span.active:before {
    content: "";
    height: 1px;
    position: absolute;
    top: inherit;
    bottom: -5px;
    right: 0;
    display: block;
    margin: 0 auto;
    left: 0;
    width: 100%;
    background: #000;
    transition: all .2s;
    -webkit-transition: all .2s;
}

.services_tabs_section_ss .tab ul li a:before {
    content: "";
    height: 1px;
    position: absolute;
    top: inherit;
    bottom: -5px;
    right: 0;
    display: block;
    margin: 0 auto;
    left: 0;
    width: 0;
    background: #000;
    transition: all .2s;
    -webkit-transition: all .2s;
}

.services_tabs_section_ss .tab ul li span:before {
    content: "";
    height: 1px;
    position: absolute;
    top: inherit;
    bottom: -5px;
    right: 0;
    display: block;
    margin: 0 auto;
    left: 0;
    width: 0;
    background: #000;
    transition: all .2s;
    -webkit-transition: all .2s;
}

.services_tabs_section_ss .tab img {
    /* float: right; */
}

#et-item img {
    height: 485px;
}

.services_tabs_section_ss .col-md-7 {
    width: 100%;
    position: relative;
    background: #eee;
    padding: 0;
    max-width: 100%;
}

.services_tabs_section_ss .tab_tabsection_right {
    color: #fff;
    font-size: 22px;
    line-height: 37px;
    font-weight: 300;
    font-family: sans-serif;
    padding: 60px;
    float: left;
    padding-right: 0;
    background: #eee;
}

.services_tabs_section_ss h3 {
    font-size: 35px;
    line-height: 1.1;
    margin-top: 0;
    margin-bottom: 20px;
    color: #000;
    text-align: left;
}

.services_tabs_section_ss .tab_tabsection_right p {
    color: #282828;
}

.services_btn {
    position: relative;
    display: flex;
    align-items: center;
    gap: 6px;
}

.services_btn a {
    font-size: 16px;
    font-weight: 700;
    padding: 0;
    background: 0 0;
    color: #282828;
    position: relative;
    transition: all .2s linear;
}

.services_btn .fa {
    color: #000;
    position: relative;
    transition: all .2s;
}

.services_tabs_section_ss .col-md-7:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #eee;
    top: 0;
}

/*---------collage-----------*/
.collage {
}

.collage .collage_flex {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.collage .collage_flex .three_flex {
    display: grid;
    gap: 20px;
    width: 100%;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.collage .collage_flex .bx_sh {
    height: 100%;
}

.collage .collage_flex .bx_sh_s {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.collage .collage_flex .bx_sh_s .mid {
    width: 100%;
    position: relative;
}

.collage .collage_flex .bx_sh .mid {
    height: 100%;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
}

.see_mid {
    position: absolute;
    padding: 20px 20px;
    left: 0;
    top: 0;
    text-align: left;
    transition: all 500ms linear;
}

.see_mid h3 {
    color: #ffffff;
    font-weight: 700;
    font-size: 28px;
    margin: 0;
    text-transform: capitalize;
}

.collage .collage_flex .bx_sh.cdnt .mid img {
    height: 100%
}

.collage .collage_flex .bx_sh .mid img {
    width: 100%;
    height: 370px;
    object-fit: cover;
}

.three_flex.first {
}

.three_flex.first .bx_sh:nth-child(1) {
    flex: 1;
    /* width: 70%; */
}

.three_flex.first .bx_sh:nth-child(2), .three_flex.first .bx_sh:nth-child(3) {
    /* width: 25%; */
}

.three_flex.three .bx_sh:nth-child(3) {
    flex: 1;
    width: 70%;
}

.three_flex.three .bx_sh:nth-child(2), .three_flex.three .bx_sh:nth-child(1) {
    width: 25%;
}

.collage .collage_flex .three_two {
    display: grid;
    gap: 20px;
    width: 100%;
    grid-template-columns: 1fr 1fr 1fr;
}

.three_two.two .bx_sh:nth-child(2) {
}

.three_two.two .bx_sh:nth-child(3), .three_two.two .bx_sh:nth-child(1) {
}

.collage .collage_flex .bx_sh .mid:hover .hover {
    align-items: center;
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0) scale(1);
    -ms-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1);
    -webkit-transition: all 700ms ease;
    -ms-transition: all 700ms ease;
    -o-transition: all 700ms ease;
    -moz-transition: all 700ms ease;
    transition: all 700ms ease;
}

.collage .collage_flex .bx_sh .mid .hover {
    display: flex;
    position: absolute;
    width: 100%;
    top: 0;
    background: rgba(255, 255, 255, 0.90);
    height: 100%;
    opacity: 0;
    webkit-transform: translateY(0px) scale(1.2);
    -ms-transform: translateY(0px) scale(1.2);
    transform: translateY(0px) scale(1.2);
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.collage .collage_flex .bx_sh .mid .hover_ct {
    padding: 10px;
}

.collage .collage_flex .bx_sh .mid .hover_ct h3 {
    margin: 0;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 6px;
}

.collage .collage_flex .bx_sh .mid .hover_ct p {
    margin: 0;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 18px !important;
    margin-bottom: 15px;
}

.collage .collage_flex .bx_sh .mid .hover_ct a {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 0;
    color: #000000;
    font-weight: 600;
    font-size: 14px;
    padding: 8px 32px 8px;
    line-height: 26px;
    text-align: center;
    text-transform: capitalize;
    border: 2px solid #000000;
    background: rgba(0, 0, 0, 0);
    border-radius: 23px;
    overflow: hidden;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.collage .collage_flex .bx_sh .mid .hover_ct a svg {
    width: 20px;
    height: 20px;
}

.collage .collage_flex .three_two {
}

/*---------collage-----------*/
.Local_Relevance .tabs_benefit {
    display: flex;
    flex-direction: row;
    gap: 80px;
    margin-top: 30px;
}

.Local_Relevance .tabs_benefit .tabs-navigation {
    width: 488px;
    order: 1;
}

.Local_Relevance .tabs_benefit .tabs-navigation ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.Local_Relevance .tabs_benefit .tabs-navigation ul li {
    padding: 4px 0;
}

.Local_Relevance .tabs_benefit .tabs-navigation ul li:hover a, .Local_Relevance .tabs_benefit .tabs-navigation ul li.active a {
    box-shadow: 0 2px 24px 0 rgba(110, 123, 129, .2);
    border-radius: 16px;
    background: #FFF;
}

.Local_Relevance .tabs_benefit .tabs-navigation ul li .tab-nav-item {
    color: rgba(0, 0, 0, .8);
    font-weight: 600;
    text-decoration: none;
    display: flex;
    padding: 10px;
    flex-direction: row;
    align-items: center;
    gap: 24px;
}

.Local_Relevance .tabs_benefit .tabs-navigation ul li .tab-nav-item img {
    width: 48px;
}

.Local_Relevance .tabs_benefit .tabs-navigation ul li .tab-nav-item h4 {
    font-size: 20px;
    margin-bottom: 16px;
    font-weight: 400;
    font-style: normal;
    line-height: 32px;
}

.Local_Relevance .tabs_benefit .tabs-navigation .tab-item {
    display: none;
}

.Local_Relevance .tabs_benefit .tabs-navigation .tab-item .tab-content-header {
    text-align: center;
    margin-bottom: -128px;
    min-height: 257px;
}

.Local_Relevance .tabs_benefit .tabs-navigation .tab-item .tab-content-header a img {
    max-width: 424px;
    border-radius: 8px;
    background: #F1F3F6;
    box-shadow: 0 0 12px 0 rgba(55, 64, 70, .15);
}

.Local_Relevance .tabs_benefit .tabs-navigation .tab-item .tab-main-content {
    display: flex;
    gap: 32px;
    flex-direction: column;
    border-radius: 24px;
    background: #00438d;
    padding: 164px 40px 40px 40px;
    color: #fff;
}

.Local_Relevance .tabs_benefit .tabs-navigation .tab-item .tab-main-content h4 {
}

.Local_Relevance .tabs_benefit .tabs-navigation .tab-item .tab-main-content p {
}

.Local_Relevance .tabs-content {
    flex: 1;
}

.Local_Relevance .tabs-content .tab-item.active {
    display: block
}

.Local_Relevance .tabs-content .tab-item {
    display: none
}

.Local_Relevance .tabs-content .tab-item .tab-content-header {
    text-align: center;
    margin-bottom: -128px;
    min-height: 257px;
}

.Local_Relevance .tabs-content .tab-item .tab-content-header img {
    max-width: 424px;
    border-radius: 8px;
    background: #F1F3F6;
    box-shadow: 0 0 12px 0 rgba(55, 64, 70, .15);
}

.Local_Relevance .tabs-content .tab-item .tab-main-content {
    border-radius: 24px;
    background: #0b2d5d;
    padding: 150px 40px 40px 40px;
    color: #fff;
    display: flex;
    gap: 20px;
    flex-direction: column;
    height:383px;
}

.Local_Relevance .tabs-content .tab-item .tab-main-content h4 {
    color: #ffffff;
    font-size: 22px;
    line-height: 28px;
    font-weight: 600;
    margin: 0;
    display: block;
}

.Local_Relevance .tabs-content .tab-item .tab-main-content p {
    color: #fff;
}

/*-----------------------------------------*/
.seoFactorRow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 30px;
}

.seoFactorRow .factorBox {
    width: calc(95% / 6);
    position: relative;
    border: 1px solid #cae0ec;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
    transition-property: all;
    transition-duration: .5s;
    transition-timing-function: ease;
    transition-delay: 0s;
    margin: 5px;
    margin-top: 50px;
    border-radius: 12px;
}

.seoFactorRow .factorBox .number {
    position: absolute;
    font-size: 40px;
    left: 6px;
    font-weight: 600;
    top: -11%;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}

.seoFactorRow .factorBox .head {
    /* border-bottom: 1px solid #cae0ec; */
    margin: 0;
    padding: 10px;
    padding-top: 15px;
    padding-right: 15px;
    font-weight: 600;
    font-size: 17px;
    padding-right: 10px;
    padding-top: 20px;
    z-index: 99;
    position: relative;
    color: #333;
    height: 98px;
    display: flex;
    align-items: center;
}

.seoFactorRow .factorBox:hover .head {
    color: #fff;
    /* border-bottom: 1px solid #347097; */
}

.seoFactorRow .factorBox:hover .number {
    color: var(--red);
    z-index: 1;
}

.seoFactorRow .factorBox .botimg img {
    width: 100%;
    height: 100%;
    padding: 15px;
    padding-bottom: 15px;
    padding-bottom: 0;
}

.seoFactorRow .factorBox .bot-icon svg {
    position: absolute;
    bottom: 5px;
    right: 5px;
    width: 35px;
    height: 35px;
    transform: rotate(45deg);
}

.seoFactorRow .factorBox .hover-content {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #0b2d5d;
    left: 0;
    right: 0;
    top: 0;
    padding: 13px;
    opacity: 0;
    transition: opacity .3s ease;
    border-radius: 12px;
    display: flex;
    align-items: flex-end;
}

.seoFactorRow .factorBox .hover-content p {
    color: #fff;
    font-size: 13px !important;
    line-height: 16px !important;
    padding-left: 0;
    margin-bottom: 0;
    text-align: left;
}

.seoFactorRow .factorBox:hover .hover-content {
    opacity: 1;
}

/*-----------------------------------------*/
.call-link-new {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 25px;
    background-color: black;
    color: white;
    text-decoration: none;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 500;
    transition: background-color 0.2s ease;
}

.call-link-new:hover {
    background-color: #b11b21;
}

.call-link-new svg {
    width: 16px;
    height: 16px;
}

.collage .collage_flex .bx_sh .mid .hover_ct a span {
    display: none
}

#elevate-your-online-presence-with-delhi-based-web-design-development-team .border-block{
    border: 1px solid #a2a2a28f;
    border-radius: 16px;
    padding: 30px;
    margin-top: 37px;
}
.right-left-panel {
    position: fixed;
    right: 0;
    top: 0px;
    height: 100%;
    overflow: hidden;
    z-index: 9999;
    box-shadow: 0px 0px 8px #00000057;
    width: 400px;
    background: #fff;
    right: -520px;
    transition: .3s;
    }
.right-left-panel.open {right: 0;}
.right-left-panel .header_cart{
    padding: 15px;
    position: relative;
}
.right-left-panel .header_cart h3{
    margin: 0;
    font-weight: 700;
    font-size: 25px;
    font-family: 'Inter';
}
.right-left-panel .header_cart .close_cart_pannel {
    background: #fff;
    outline: none;
    border: none;
    padding: 0;
    position: absolute;
    right: 10px;
    top: 10px;
}
.right-left-panel .header_cart .close_cart_pannel svg{
    width: 30px;
}
.right-left-panel .header_cart .close_cart_pannel svg{}
.right-left-panel .ful_height{}
.right-left-panel .ful_height .scr_one {
  display: flex;
  position: relative;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid #eee;
  border-radius: 5px;
  align-items: center;
  justify-content: space-between;
  padding: 5px;
}

/* Hide the browser's default checkbox */
.right-left-panel .ful_height .scr_one input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.right-left-panel .ful_height .checkmark {
  position: relative;
  display: block;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 41px;
}

/* On mouse-over, add a grey background color */
.right-left-panel .ful_height .scr_one:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.right-left-panel .ful_height .scr_one input:checked ~ .checkmark {
  background-color: var(--blue);
}

/* Create the checkmark/indicator (hidden when not checked) */
.right-left-panel .ful_height .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.right-left-panel .ful_height .scr_one input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.right-left-panel .ful_height .scr_one .checkmark:after {
  left: 9px;
  top: 5px;
  width: 7px;
  height: 13px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.right-left-panel .ful_height .eighty_height{
    padding: 0 15px;
    position: relative;
    height: calc(100vh - 215px);
}
.right-left-panel .ful_height .height_set {overflow-y: auto;max-height: 100%;}
.right-left-panel .ful_height .list_value{
    border: 1px solid #eee;
    padding: 15px;
    border-radius: 5px;
}
.right-left-panel .list_value h3{
    margin: 0;
    font-size: 19px;
    margin-bottom: 15px;
}
.right-left-panel .list_value .flex{}
.right-left-panel .list_value .scr_one.active{
    border: 1px solid #007bff;
}
.right-left-panel .list_value .dcv{
    display: flex;
    font-size: 16px;
    font-weight: 600;
    gap: 10px;
}
.right-left-panel .list_value .dcv_sec{
    font-size: 16px;
}
.right-left-panel .list_value .dcv_sec span{
    font-size: 16px;
}
.right-left-panel .list_value .dcv_sec span.del{
    color: red;
    text-decoration: line-through;
    font-weight: 400;
    font-size: 13px;
}
.right-left-panel .list_value .dcv_sec p{
    font-size: 15px !important;
    margin-bottom: 0;
    line-height: normal !important;
    text-align: center;
    color: #959595;
}
.right-left-panel .last_line {
    display: flex;
    justify-content: space-between;
}
.right-left-panel .last_line p {
    margin: 0;
    font-weight: 500;!i;!;
    font-size: 13px !important;
    color: #727272;
}
.right-left-panel .last_line span {}
.right-left-panel .ful_height .twenty_height{
    box-shadow: 0px 0px 8px #00000057;
    height: 157px;
}
.right-left-panel .twenty_height .pad {
    padding: 15px;
}
.right-left-panel .twenty_height .pad .price_line{
    border-bottom: 1px solid #eee;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.right-left-panel .twenty_height .pad .price_line p{
    margin: 0;
    font-size: 16px !important;
    font-weight: 600 !important;
}
.right-left-panel .twenty_height .pad .sub_price{
    font-size: 13px;
}
.right-left-panel .twenty_height .pad .sub_price span{}
.right-left-panel .twenty_height .pad .sub_price span.big_price{
    font-size: 23px;
    color: #0b2d5d;
    font-weight: 600;
}
.right-left-panel .twenty_height .pad .bottom_btn{
    display: flex;
    justify-content: space-between;
}
.right-left-panel .twenty_height .pad .bottom_btn .btn_xc{
    border: 1px solid var(--back);
    font-size: 15px;
    padding: 7px 10px;
    border-radius: 5px;
    font-weight: 500;
    outline: none;
    color: #fff;
    background: var(--dark);
}
.right-left-panel .twenty_height .pad .bottom_btn .btn_xc.cart{
    background: var(--back);
    color: #fff;
}

.checkOut_billing {}
.checkOut_billing h3{
    display: block;
    font-weight: 600;
    font-size: 20px;
    color: #0e3d52;
    text-align: left;
    padding: 0 0;
    margin: 0 0 0px;
    font-family: var(--font_inter);
}
.checkOut_billing p{
    text-align: left;
}
.checkOut_billing p.error {
    color: red;
    font-size: 12px !important;
    margin: 0;
}
.checkOut_billing .from-group{
    margin-bottom: 15px;
}

.checkOut_billing .from-group .iti{margin-top:0 }
.checkOut_billing .from-group .iti--inline-dropdown .iti__dropdown-content{border:none }
.checkOut_billing .from-group .iti__selected-country{background: 0;
    padding: 0;}

.checkOut_billing button {
    background: var(--gray-dark);
    color: #fff;
    padding: 8px 10px;
    border: none;
    outline: none;
    font-size: 15px;
    font-weight: 500;
    border-radius: 5px;
    }
.checkOut_billing .from-group label{
    display: block;
    font-size: 14px;
    font-weight: 500;
}
.checkOut_billing .from-group select,
.checkOut_billing .from-group input{
    border: 1px solid #d1cbcb;
    height: 40px;
    width: 100%;
    outline: none;
    padding: 5px 11px;
    font-size: 14px;
    border-radius: 5px;
    box-shadow: none;
    /* background: #f9f9f9; */
}


.apply_now_failed {
    text-align: center;
    position: relative;
    overflow: hidden;
    padding: 45px 0 100px;
    background: #edf9f8;
        }
.apply_now_failed .all_set {
            background: #fff;
            padding: 30px;
            border-radius: 10px;
            box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
        }
.apply_now_failed .all_setsd img {
            width: 100%;
            margin-bottom: 20px;
        }
.apply_now_failed .title_mid h3 {
font-size: 40px;
    font-weight: 400;
    color: #dc3545;
	margin-bottom: 35px;
        }
.apply_now_failed .title_mid h3 span {
            color: #000;
        }
.apply_now_failed .pdfu p {
    font-size: 16px;
    color: #555;
    margin-bottom: 10px;
    text-align: left !important;
}
.apply_now_failed .link_btn a {
            display: inline-block;
            padding: 12px 20px;
            background: #dc3545;
            color: #fff;
            text-decoration: none;
            font-weight: bold;
            border-radius: 5px;
        }
.apply_now_failed .link_btn a:hover {
            background: #b02a37;
        }


/*----------------------mobile Responsive--------------------------*/
@media(max-width: 992px) {
.apply_now_failed .title_mid h3{font-size:30px;margin-bottom:20px;margin-top: 0;}
.all_setsd {margin-top:20px}
.cart-periods .headIng {flex-wrap:wrap;gap: 8px;justify-content:start;flex-wrap: wrap;}
.cart-periods .headIng .nox_pack h3 {margin-bottom: 0;font-size: 14px;}
.cart-periods {padding: 10px;border-radius: 5px;}
.cart-periods .headIng .sf_sle_pra {width: 100%;}
.add_cf_s_c .Img_ho {right: 25px;left: 0;}

.cart-periods .headIng .sf_sle_pra h3{font-size: 15px;font-weight:600;}
.cart-periods .headIng .price_big {font-size: 15px;}
.cart-periods .headIng .box_pirc {padding: 3px;border-radius: 3px;width: max-content;position: absolute;right: 12px;top: 15px;}
.cart-periods .headIng .box_pirc .price_del {font-size: 13px;}
.cart-periods-df .dvfaq_add {border-radius: 3px;}
.extra_addsd .bb_d .pack_lists ul {flex-wrap: wrap;}
.billingInformation {}
    .get_quotes_pg .col-md-6 {
        width:100%
    }

    .redU_grow .df {
        display: block;
        margin-bottom: 40px;
    }

    .redU_grow .df h3 {
        text-align: center;
        color: #fff;
        font-weight: 700;
        font-size: 32px;
        margin-top: 0;
        margin-bottom: 30px;
    }

    .redU_grow .df p {
        text-align: center;
        color: #fff;
    }

    .get_quotes_pg {
        background: #0b2d5d;
    }

    .get_quotes_pg .get_form {
        background: #fff;
        border-radius: 8px;
        padding: 15px;
    }

    .get_quotes_pg .form_get form .form-group input {
        border: 1px solid #dfdfdf;
        border-radius: 5px;
    }

    .get_quotes_pg .form_get form .form-group {
        margin-bottom: 15px;
    }

    .testimonial-one__bottom .row .row {
        gap: 20px
    }

    .card-wrapper {
        display: block
    }

    .discuss_project .heading_title {
        font-weight: 600;
        font-size: 20px;
        display: block;
    }

    .blog_de_t_th .bd-blog__thum img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .box {
        margin-bottom: 20px;
    }

    .service-block-five {
        position: relative;
        flex: 0 0 50%;
        max-width: 33%;
        padding: 3px;
    }

    .service-block-five .inner-box .content-box {
        min-height: 70px;
        justify-content: center;
    }

    .service-block-five p {
        text-align: center !important;
    }

    .service-block-five .icon {
        display: none
    }

    .service-block-five h4 {
        font-size: 16px;
        height: 75px;
        display: flex;
        align-items: center;
        text-align: center;
        width: 100%;
        justify-content: center;
    }

    .service-block-five .inner-box {
        margin: 0
    }

    .serve_industries.ldi .case-study-minor-item: last-child {
        display: none
    }

    .more_links_add .all_linkss ul li {
        width: 100%;
    }

    .services-section-five h2 {
        padding: 0 0 9px;
        margin: 0 0 10px;
        line-height: 25px;
        font-size: 11px;
    }

    .services-section-five h2 strong {
        color: #333;
        font-size: 20px;
        font-weight: 600;
        line-height: 0px;
    }

    .key_words_text p a, .more_links_add .all_linkss ul li a {
        font-size: 16px;
    }

    .g-recaptcha iframe {
        height: auto
    }

    .homeimg {
        position: inherit;
    }

    .th-header: after {
        height: 1px;
    }

    .th-header {
        padding: 0;
    }

    .tih {
        padding: 3px 0;
        background: #000;
    }

    .mobile-menus .sidebarBtn {
        top: 3px;
    }

    .sidebarBtn.toggle span {
    }

    #absolutely-free-container ul li, .tab_contant p, ul.lisst li {
        font-size: 16px;
        text-align: justify;
    }

    .new_layt p, .Why_Css_Founder p, .Why_Css_Founder ul li, .Affordable_price p, .Features_Maintenance ul li, .Features_Maintenances p, .We_served p, .New_technology p, .cus_t p {
        text-align: justify;
    }

    .serve_industries.ldi .case-study-minor-item {
        width: 44% !important;
    }

    .faq_section_servive .faq_section .row {
        display: block
    }

    .faq_section_servive .faq_section .row .col-xs-8 {
        width: 100%;
    }

    #Subheader .column {
        display: block;
        text-align: center;
    }

    #Subheader .breadcrumbs ul {
        justify-content: center;
    }

    .chote_fi {
        width: 100%;
        float: left;
        padding-right: 13px;
    }

    .price_tble td, .price_tble th {
        text-wrap: nowrap;
    }

    .sic_l {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        margin-top: 30px;
    }

    .css-info-bar.negg {
        display: block
    }

    .new_service .pad_serv {
        /* padding: 0px 0 0 32px; */
    }

    .new_service .pad_serv .industry-slide {
        width: 100%;
    }

    .side_IMG {
        width: 100%;
    }

    .tba_price {
        overflow: scroll
    }

    .tabnj .nav-tabs li a {
        padding: 8px;
    }

    .technology_logo {
        display: flex;
        flex-wrap: wrap;
        gap: 15px;
        justify-content: center;
    }

    .technology_logo .icon-with-title {
        width: 100px;
    }

    .wework_logo {
        display: flex;
        flex-wrap: wrap;
        gap: 15px;
        justify-content: center;
    }

    .wework_logo .icon-with-title {
        width: 30%;
    }

    .cal_L_action .box_radi {
        width: 100%;
        flex-wrap: wrap;
        justify-content: center;
        padding: 10px;
        border-radius: 7px;
        gap: 8px;
    }

    .sic_l .portfolio-inner .name_xxd p {
        text-align: left !important
    }

    .iwt-content p {
        text-align: center !important
    }

    .cal_L_action .box_radi h3 {
        text-align: center;
        width: 100%;
        font-size: 20px
    }

    .local_re_levance .box_cljs {
        height: auto;
        margin-bottom: 20px;
    }

    .ll_heading_t h3 {
        font-size: 25px;
        font-weight: 600;
        line-height: 35px;
    }

    .css_about {
        padding-bottom: 0px;
    }

    .rowggh {
        grid-template-columns: 1fr 1fr;
    }

    .rowggh .df .youtube_box iframe, .rowggh .df .youtube_box {
        height: 120px;
    }

    .faq_section_servive #category_faq .panel {
        /* padding: 20px 10px; */
    }

    .call-to-action h2.heading {
        font-size: 25px;
        font-weight: 600;
        line-height: 35px;
    }

    .cal_L_action.ald_s .box_radi {
        border-radius: 6px;
        width: 100%;
    }

    .blue_Tg_i {
    }

    .our_client_content .row {
        display: block;
    }

    .our_client_content .container-fluid, .our_client_content .col-md-6 {
        /* padding: inherit; */
    }

    .most_trusted_with {
        padding: 25px;
    }

    .development-tech .devo-logo {
        text-align: center;
        display: flex;
        gap: 0;
        flex-wrap: wrap;
        justify-content: center;
    }

    .development-tech .technology a {
        /* flex: 1; */
        width: 50%;
    }

    .out_pr {
        display: block;
        overflow: hidden;
    }

    .out_pr .icon {
        float: left;
        margin: 0 20px 10px 0;
    }

    .new_service .desc .icon_KJHG {
        width: auto;
    }

    .bs_industry .indus_grid {
        grid-template-columns: 1fr 1fr;
    }

    .bs_industry {
        border-radius: 40px 40px 0 0px;
        margin-left: 0;
    }

    .sic_l .portfolio-inner {
        /* display: block; */
    }

    .sic_l .portfolio-inner .name_xxd {
        width: 100%;
    }

    .sic_l .portfolio-inner .icon {
        /* display: none; */
        width: 29px;
    }

    .sic_l .portfolio-inner .name_xxd h3 {
        font-size: 13px;
    }

    .jfh_img img {
        width: 100%;
        height: 270px;
    }

    .new_service .desc p {
        text-align: left !important;
        !i;!; }

    .local_re_levance .box_cljs .content {
        padding: 23px 15px 0;
    }

    .box_cljj {
        display: block;
    }

    .box_cljj .box_clj_img {
        display: none
    }

    .box_cljj .content {
        width: 100%;
    }

    .price_tble td .table_apply {
        padding: 2px 5px;
    }

    #free-services-main-container {
        display: none
    }

    div.banner-sta h1 {
        margin-bottom: 0;
    }

    div.banner-sta {
        background: #000 !important;
    }

    div.banner-sta h1 {
        font-size: 22px !important;
        line-height: 30px;
    }

    .banner-sta.mob_hide #header-info-part {
        display: none!important;
    }

    div.banner-sta.mob_hide {
        background: #fff !important
    }

    div.banner-sta.mob_hide .overlay {
        display: none
    }

    .mob_desc {
        display: block
    }

    .clients-images ul li:nth-child(n+9) {
        display: none
    }

    .cal_L_action.ald_s .box_radi a {
        padding: 15px 15px;
    }

    .thing_check h2 {
        font-size: 27px;
        font-weight: 600;
        line-height: 35px;
    }

    .Add_ress_sectin .address_content h3,.faq_section_servive .faq_section h2 strong, .services-section-five h2 strong {
        font-size: 20px;
    }

    .technologies_tas.bdfh .indu_work p, .top_ls p, p {
        text-align: justify;
    }

    p {
        text-align: justify !important;
    }

    .th-logo a img {
        margin-left: 0;
    }

    .new_head .build_plan {
        padding: 6px 15px;
    }

    #Subheader {
        display: none
    }

    .df_vjj {
        padding: 20px 0 20px;
    }

    .new_head .desc {
        padding: 60px 15px;
    }

    .new_head .desc p {
    }

    .footer ul li {
        color: #fff;
    }

    p a {
        color: #c30000;
        font-weight: 600;
    }

    .bd-blog__title a, .top_ls p a {
        color: #000;
        font-weight: 600;
    }

    .service-block-five h4 {
        font-size: 16px;
        height: 75px;
        display: flex;
        align-items: center;
        text-align: center;
        width: 100%;
        justify-content: center;
    }

    .mobile-menus ul li a {
        font-size: 15px;
    }

    .bs_industry .indus_grid .indus {
        height: 150px;
    }

    .bs_industry .indus_grid.desk {
        display: none
    }

    .bs_industry .indus_grid.mob {
        display: grid
    }

    .new_layt .whole {
        display: block;
    }

    .new_layt .whole .img, .new_layt .whole .desc {
        width: 100%;
        margin-top: 19px;
    }

    .Features_Maintenance ul, .Web_tickets, .cus_t .whole, .new_layt .whole {
        display: block;
    }

    .SalesforceLeadForm__leadCustomerEnquiryForm___2pSq5,.We_served ul li,.css_about .left_img_s,.cus_t .whole .desc,.cus_t .whole .img {
        width: 100%
    }

    .package_flex {
        display: block;
    }
.right-left-panel {width: 100%;}
    .price_bor {
        width: 100%;
        padding: 0;
        margin-bottom: 30px;
    }
    .price_bor:last-child{
    margin-bottom: 0;
}

    .Affordable_price .price {
        display: none
    }

    .desktop_value {
        display: none
    }

    .mobile_value {
        display: block
    }

    .cssfounder_video {
        /* height: 80vh; */
    }

    .text_desc .text_dflex .header-content-2 {
    }

    .hapY_Grid {
        grid-template-columns: 1fr 1fr;
    }

    .one_happy_cust h3 img {
        max-width: 40px;
    }

    .one_happy_cust h3 {
        font-size: 30px;
    }

    .cssfounder_video video {
        /* object-position: left; */
    }

    .text_desc {
        /* display:none; */
        bottom: 90px;
        /* top: 50%; */
        /* transform: translate(0px, -50%); */
    }

    .Main_cliets_s ul {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .Main_cliets_s ul li {
        height: 110px;
    }

    .our_client_flex {
        display: block;
    }

    .our_client_flex .review-cta {
        padding: 25px;
        min-width: 100%;
    }

    .our_client_flex .review-cta h3 {
        font-size: 25px;
        line-height: 32px;
    }

    .red_divider {
        display: none
    }

    .desktip_logO {
        display: block
    }

    .frt_gety {
        display: none
    }

    .user-speak {
    }

    .speak-blog {
        border: 1px solid #14151b;
    }

    .new_testimonial .user-speak {
        position: relative;
        overflow-x: scroll;
        padding-bottom: 12px;
        margin-bottom: 30px;
        border-bottom: 0px solid #14151b;
    }

    .new_testimonial .speak-blog {
        flex: 0 0 86%;
        padding: 15px;
        border: 2px solid #14151b;
        margin-right: 15px;
    }

    .new_testimonial .user-videospeak {
        border: 2px solid #14151b;
        margin-bottom: 30px;
        display: block;
        padding: 10px;
    }

    .new_testimonial .video-content {
        padding: 20px 15px;
        width: 100%;
        border-right: 0;
        padding: 0 !important;
        !i;!; }

    .new_testimonial .client-biggraphic {
        width: 100%;
    }

    .user-videospeak.sf_ord .client-biggraphic {
        border-right: 0px;
    }

    .banner .container_width .row_dfle {
        flex-wrap: wrap;
    }

    .banner .row_dfle .content {
        width: 100%;
    }

    .banner .row_dfle .curve_baner {
        width: 100%;
    }

    .price_pd .packages_list, .price_pd.height_550 .packages_list, .price_pd.height_900 .packages_list {
        height: auto;
    }

    .themes_link ul {
        overflow-x: scroll;
    }

    .name_price h2 {
        height: auto
    }

    .get_quotes_pg: after {
        width: 0;
    }

    .get_quotes_pg .form_get .row {
        display: block
    }

    .get_quotes_pg .get_form h3 {
        font-size: 25px;
        line-height: 42px;
    }

    .about-logd.home_ab_logd {
        width: 100%;
    }

    .ab_hide {
        display: none
    }

    .faq_section_servive .faq_section h2 span {
        font-size: 20px;
    }

    .css_about_sd .two_wysiwyg {
        display: block;
    }

    .css_about_sd .left_content {
        width: 100%;
    }

    .css_about_sd .wysiwyg_content p {
        margin-bottom: 15px;
    }

    .css_about_sd .ab_rs_re {
        gap: 10px;
    }

    .css_about_sd .ab_rs_re p {
        margin-bottom: 0;
        font-size: 15px !important;
        !i;!;}

    .css_about_sd .ab_rs_re p a i {
        margin-left: 5px;
    }

    .flex-row .teal_color {
        min-width: 46%;
    }

    .flex-row .teal_color .content p {
        font-size: 16px !important;
        !i;!; }

    .css_about_sd .right-content .wysiwyg_content {
        margin-top: 30px
    }

    .css_about_sd .right-content {
        width: 100%;
    }

    .css_about_sd .flex-row .colored-cards-list {
        /* display: grid; */
        /* grid-template-columns: 1fr 1fr; */
    }

    .flex-row .teal_color .featured-image {
        justify-content: center;
    }

    .card-block .image-block picture {
        height: 100%
    }

    .testinomial-section-app .pl50 {
        padding-left: 0px;
        padding-top: 10px;
    }

    .testinomial-section-app .col-lg-8 {
        width: 100%
    }

    .testinomial-section-app .testimonial-card-c .testimonial-card {
        height: auto;
        padding: 10px 10px 56px 10px;
    }

    .testinomial-section-app {
        padding: 40px 10px
    }

    .testinomial-section-app .testimonial-card-c .user-info .posiqut {
        right: 0;
        top: 0px;
        font-size: 29px;
    }

    .testinomial-section-app .testimonial-card-c .user-image img {
        width: 65px;
    }

    .bs_industry .col-md-9 {
        width: 100%
    }

    .testinomial-section-app .testimonial-card-c .user-info .autf_d {
        font-size: 20px;
    }

    .testinomial-section-app .common-heading h2 {
        font-size: 30px;
    }

    .css_about_sd .container {
        width: 100%
    }

    .technology-flex-box-card .logos-bar a: last-child {
        display: none
    }

    .row_dJS {
        grid-template-columns: 1fr;
    }

    .row_dflex {
        display: block;
    }

    .row_dflex .wid_50 {
        width: 100%;
    }

    .portfolio_category .nav-item {
        width: 100%;
    }

    .portfolio_category .nav-item .nav-link {
        gap: 5px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 6px;
    }

    .portfolio_category .nav-item .nav-link .icon_s {
        margin: 0;
        width: 50px;
        height: 50px;
    }

    .portfolio_category .nav-item .nav-link .icon_s img {
        width: 36px;
    }

    .portfolio_category .nav-item .nav-link span {
        flex: 1;
        text-align: left;
    }

    .portfolio_category .nav-tabs {
        padding-top: 0;
        grid-template-columns: 1fr 1fr;
    }

    .model-time-cemn-t .model-time-width {
        width: 90%;
    }

    .model-time-cemn-t .model-right-time {
        padding: 25px 20px !important;
    }

    .model-time-cemn-t .model-form li {
        width: 100%;
    }

    .model-time-cemn-t .timeout-wrap {
        padding: 7px;
        gap: 5px;
    }

    .model-time-cemn-t .timeout-wrap li img {
        height: auto;
    }

    .model-time-cemn-t .timeout-wrap li {
        padding: 5px;
    }

    .model-time-cemn-t .model-request h3 {
        font-size: 20px;
        line-height: 25px;
    }

    .model-time-cemn-t .model_form {
        gap: 10px;
    }

    .model-time-cemn-t .model-form .contact-time {
        padding: 8px 24px;
    }

    .refInfo .refDate {
        top: 56px;
    }

    .df_vjj .content .box_href_a {
        margin-bottom: 15px
    }

    .new_head .desc h1 {
        font-size: 27px;
    }

    .table_of_content {
        margin-bottom: 0;
    }

    .sitemap-page .site-map-header ul {
        grid-template-columns: 1fr;
    }

    .country_state_city .state ul {
        grid-template-columns: 1fr 1fr;
    }

    .country_state_city .state ul li {
        border-right: 0px
    }

    .inner_banner {
        height: auto
    }

    .inner_banner.auto_height .breadcrumb-css {
        position: inherit;
    }

    .partner_list ul {
        grid-template-columns: 1fr 1fr
    }

    .app_process_box .sec1 {
        display: none;
    }

    .partner_area_bdr {
        border-radius: 10px;
    }

    .industry_SD_hg .desc {
        margin-bottom: 25px;
    }

    .industry_SD_hg .row:nth-child(even) .col-md-8 {
        order: 0;
    }

    .corporate_bg {
        padding: 16px 0;
    }

    .pack_order a {
        padding: 10px 25px;
    }

    .thaN_KyU .thankyou_maiL_popup .thankyou_with {
        width: 100% !important;
    }

    .namtion_coentnt p {
        padding: 0px 0 30px;
        font-size: 23px !important;
        line-height: 30px !important;
        font-weight: 600 !important;
        width: 100%;
    }

    .request_quotes: before {
        display: none
    }

    .building_nationn {
        padding-left: 0;
    }

    .namtion_coentnt strong {
        font-weight: 600;
    }

    .vision_mission .tabsss li a {
        font-size: 22px;
    }

    .vision_mission .tabsss li {
        margin-bottom: 10px;
    }

    .vision_mission .vis_img .first .head {
        font-size: 15px;
    }

    .intro_d .intro-flex {
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }

    .intro-feature {
        padding: 10px;
    }

    .intro-feature .intro-feature-icon img {
        width: 60px;
    }

    .intro-feature .paragraph-medium {
        text-align: center !important;
        font-size: 14px !important;
    }

    .intro-feature .button-box .button {
        padding: 9px 16px;
    }

    .full-section .flex {
        flex-wrap: wrap;
    }

    .full-section .image-column {
        width: 100%;
        min-height: 256px;
    }

    .full-section .half-column {
        width: 100%;
    }

    .full-section .half-column-text {
        width: 100%;
        padding: 21px;
        padding-bottom: 80px;
    }

    .full-section .max-420-pixels h3 {
        font-size: 28px;
        margin-bottom: 20px;
    }

    .full-section {
        margin-bottom: 40px;
    }

    .full-section .req_down ul li a svg {
        width: 35px;
        height: 35px;
        margin-right: 3px;
    }

    .one_happy_cust {
        padding: 11px;
    }

    .com_plaint_form_width {
        width: 100%;
        padding: 20px;
    }

    .com_plaint_form_width .head_c h3 {
        font-size: 36px;
    }

    .com_plaint_form_width .head_c {
        margin-bottom: 20px;
    }

    .break-inside-avoid .flex .w_full .gg .tod_d_s .i-cell {
        width: 100%;
    }

    .new_head .desc h2 {
        font-size: 18px;
    }

    .Web_tickets {
        display: flex
    }

    .Web_tickets a {
        border-radius: 5px
    }

    .app_process_box p.strong {
        text-align: left !important
    }

    .intro_d .heading-box h2 {
        font-size: 23px;
        line-height: 40px;
    }

    .full-section .req_down ul li a span {
        font-size: 15px;
    }

    .curve-bg {
        width: 100%;
        padding-left: 30px;
    }

    .tranding_products2 {
        grid-template-columns: 1fr;
    }

    .tranding_products2 .one_testominls {
        padding: 20px;
    }

    .price_table.serc_pg .package_flex {
        width: 100%;
    }

    .refren_demos {
        display: block
    }

    .price_table.serc_pg .refrence_website, .price_table.serc_pg .themes_link {
        display: block;
        padding: inherit;
        margin-top: 25px;
        overflow: inherit;
    }

    .price_table.serc_pg .refrence_website .refg, .price_table.serc_pg .themes_link .refg {
        margin-top: inherit;
        display: block;
        align-items: center;
        border-radius: inherit;
        margin: -15px 0 0 0;
    }

    .price_table.serc_pg .price_pd .packages_list {
        grid-template-columns: 1fr;
    }

    .client_bigs .wehelp {
        position: relative;
        padding: 22px;
        bottom: 0;
        z-index: 1;
        margin: 17px 0 -90px 0;
        width: 100%;
    }

    .client_bigs {
        padding: 30px 30px;
        margin-bottom: 86px;
    }

    .our_client_flex.cleint_pg .Main_cliets_s ul {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .global-talent-area .talent-img {
        margin-bottom: 30px;
    }

    .global-talent-area .talent-content h2 {
        font-size: 22px;
        margin: 11px 0px 10px;
        line-height: 30px;
    }

    .global-talent-area .talent-content span {
        font-size: 16px;
        line-height: 40px;
        line-height: 20px;
    }

    .office_location .row {
        Display: block
    }

    .office_location .col-md-6:nth-child(1) .local {
        margin-bottom: 20px;
    }

    .find-jobs-card {
        display: block;
        padding: 10px;
    }

    .find-jobs-card .find-jobs-img img {
        width: 60px
    }

    .find-jobs-card .find-jobs-img {
        display: none
    }

    .find-jobs-card .find-jobs-btn {
        position: initial;
    }

    .find-jobs-card .find-jobs-btn .default-btn {
        width: fit-content;
    }

    .find-jobs-card .content ol li {
        padding: 0;
        border-radius: 0;
        font-size: 16px;
        font-weight: 500;
        border: 0px solid #cdcdcd;
        font-family: var(--font_inter);
    }

    .find-jobs-card .content ol {
        padding: 0 0 0 21px;
        list-style: disc;
    }

    .find-jobs-card: hover .find-jobs-btn {
        transform: none;
    }

    .career_section .row_fg {
        flex-wrap: wrap;
    }

    .career_section .row_fg .form_xc {
        padding: 20px 15px;
    }

    .title_career {
        left: 15px;
    }

    .request_quotes:before {
        display: none
    }

    .get_quotes_pg:after {
        display: none
    }

    .testimonial_popup .slide-kh {
        width: 97%;
    }

    .testimonial_popup .slide-kh-td {
        padding: 15px;
    }

    .testimonial_popup .slide-kh .image-thumb {
        width: 122px;
        margin: 0 auto 12px;
    }

    .testimonial_popup .slide-kh .pupup-content .popup-title {
        font-size: 20px;
        text-transform: capitalize;
        font-weight: 500;
    }

    .testimonial_popup .slide-kh .closebtn {
        top: -15px;
        background: var(--red);
        border: none;
        color: #fff;
        right: 0;
    }

    .blog_gray {
        padding-bottom: 30px
    }

    .development-tech {
        padding: 20px 0 60px;
    }

    .two_btn_simple {
        padding: 30px 0px 80px;
    }

    .two_btn_simple .two_btn_width {
        width: 100%;
        gap: 20px;
        flex-wrap: wrap;
    }

    .two_btn_simple .two_btn_width a {
    }

    .two_btn_simple .two_btn_width a img {
    }

    .shape-a1 {
        display: none
    }

    .two_btn_simple .two_btn_width .dits .dits_mid {
        padding: 20px;
    }

    .two_btn_simple .two_btn_width .dits {
        height: 340px
    }

    .two_btn_simple .two_btn_width .dits .dits_mid p {
        text-align: center !important;
    }

    .th-header .tkhk.desfg {
        display: none
    }

    .contact-banner-area .enquiry-wrap {
        display: block !important
    }

    .inner-content .chat-wrap {
        padding: 0 !important;
        margin-top: 25px;
    }

    .link_tabs .rel {
        text-align: center !important;
    }

    .link_tabs_w.hidden-xs {
        display: block !important
    }

    .link_tabs_w.hidden-xs .link_tabs {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 16px;
    }

    .link_tabs div.col a {
        width: 100%;
        height: 100%;
    }

    .cta-section-two h2 {
        text-align: center;
    }

    .cta-section-two .wrapper-box {
        justify-content: center !important;
    }

    .media_coverage .media-w .media-content {
        display: block;
    }

    .top_list {
        margin-top: 20px;
    }

    .Video_sect .discuss_project {
        display: block;
        top: 0;
        margin-top: -96px;
    }

    .row {
        display: block
    }

    .video_CC {
        margin-bottom: 10px;
    }

    .discuss_project .heading_title {
        margin-bottom: 13px;
    }

    .cart-periods-select .packages_list {
        display: block;
    }

    .cart-periods-select .packages_list li {
        box-shadow: none;
        border: none;
        border-bottom: 1px solid #f5f5f5;
        margin: 0;
    }

    .cart-periods-df .radio_btn, .add_cf_s_c {
        grid-template-columns: 1fr;
    }

    .p6fmeif .d1fo8qh8 {
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
    }

    .d1fo8qh99 {
        text-align: center;
    }

    .bs_industry .short_cont {
        border-radius: 10px;
        padding: 0 15px 20px;
    }

    .collage .collage_flex .three_flex, .collage .collage_flex .three_two {
        grid-template-columns: 1fr;
    }

    .services_tabs_section_ss {
        display: block;
        overflow: hidden;
    }

    .services_tabs_section_ss .col-md-5, .services_tabs_section_ss .col-md-7 {
        width: 100%;
        float: inline-end;
    }

    .services_tabs_section_ss .tab img {
        display: none;
    }

    .tabs_imgcontainer {
        position: inherit;
        transform: inherit;
        width: 100%;
    }

    .tabs_imgcontainer:after {
        content: "\f078";
        font-family: FontAwesome;
        color: #0e3d52;
        font-size: 15px;
        position: absolute;
        top: 15px;
        right: 10px;
    }

    .services_tabs_section_ss .tab ul li {
        display: block;
    }

    .services_tabs_section_ss .tab ul li a {
        width: 100%;
        float: inline-end;
        position: relative;
        text-align: left;
        font-size: 20px;
        padding: 9px;
    }

    .services_tabs_section_ss .tab ul li span {
        width: 100%;
        float: inline-end;
        position: relative;
        text-align: left;
        font-size: 20px;
        padding: 9px;
    }

    .services_tabs_section_ss .tab ul {
        margin: 0;
        padding: 0;
        border: solid #000 1px;
        overflow: hidden;
        height: 50px;
        display: block !important;
        -webkit-transition: height .2s;
        -moz-transition: height .2s;
        -ms-transition: height .2s;
        -o-transition: height .2s;
        transition: height .2s;
    }

    .services_tabs_section_ss .tab ul.active_dropdown {
        height: 330px !important;
        -webkit-transition: height .2s;
        -moz-transition: height .2s;
        -ms-transition: height .2s;
        -o-transition: height .2s;
        transition: height .2s;
    }

    .services_tabs_section_ss .tab_tabsection_right {
        padding: 15px 0;
        background: #ffffff;
    }

    .Local_Relevance .tabs_benefit .tabs-navigation {
        width: 100%;
    }

    .Local_Relevance .tabs_benefit .tabs-navigation .tab-item .tab-content-header a img {
        width: 80%;
    }

    .Local_Relevance .tabs-content {
        display: none
    }

    .Local_Relevance .tabs_benefit .tabs-navigation li.active .tab-item {
        display: block
    }

    .Local_Relevance .tabs_benefit .tabs-navigation .tab-item .tab-main-content {
        gap: 6px;
        padding: 140px 20px 20px 20px;
    }

    .Local_Relevance .tabs_benefit .tabs-navigation .tab-item .tab-main-content p {
        color: #fff;
    }

    .seoFactorRow .factorBox {
        width: 100%;
        margin: 0;
        margin-top: 0;
    }

    .seoFactorRow .factorBox .head {
        padding: 6px;
        font-size: 15px;
        height: 75px;
    }

    .seoFactorRow {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 6px;
    }

    .seoFactorRow .factorBox .hover-content {
        padding: 6px;
    }

    .seoFactorRow .factorBox .hover-content p {
        font-size: 11px !important;
        text-align: left !important;
    }

    .seoFactorRow .factorBox .number {
        display: none;
    }

    .collage .collage_flex .bx_sh .mid img {
        height: 100%
    }

    .Local_Relevance .tabs_benefit .tabs-navigation ul li .tab-nav-item {
        gap: 10px;
        padding: 0;
    }
}

/*----iphone----*/
@media only screen and (max-width: 392px) {
    .new_head .desc h1 {
        /* font-size: 24px; */ /* margin: 5px 0 10px; */
    }

    .new_head .desc h2 {
        font-size: 21px;
    }
}

/*----andriod----*/
@media only screen and (max-width: 360px) {
    .new_head .desc h1 {
        font-size: 27px;
    }

    .flex-row .technology-flex-box-card .logos-bar a img {
        height: 35px;
    }

    .flex-row .technology-flex-box-card .logos-bar img {
        height: 35px;
    }
}

/* Small Devices, Tablets */
@media (min-width: 820px) and (max-width: 1040px) {
    .css_about_sd .container {
        width: 100%;
    }

    .css_about_sd .two_wysiwyg {
        display: block
    }

    .css_about_sd .left_content, .css_about_sd .right-content {
        width: 100%;
    }

    .testinomial-section-app .col-lg-4, .testinomial-section-app .col-lg-8 {
        width: 100%;
        max-width: 100%;
    }

    .testinomial-section-app .review_img a {
        height: auto
    }

    .testinomial-section-app .common-heading h2 {
        text-align: center;
    }

    .testinomial-section-app .review-title h3, .testinomial-section-app .review-title .rate {
        font-size: 30px;
    }

    .inner_banner {
        height: auto;
    }

    .discuss_project {
        left: 5%;
        width: 90%;
    }

    .link_tabs_w.hidden-xs .link_tabs {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 16px;
    }

    .link_tabs div.col a {
        width: 100%;
        height: 100%;
    }

    .company_team .team_box p, .formm-inner p {
        text-align: center !important
    }

    #masterRight .col-sm-4 {
        padding: inherit;
    }

    .service-portfolio .bocx {
        padding: 0px;
    }

    .service-portfolio .refInfo .refLink {
        font-size: 9px;
        background: #9d031d;
    }

    .service-portfolio #masterRight h3 {
        font-size: 18px !important;
    }

    .service-portfolio #masterRight p {
        text-align: left !important
    }

    .youtubr_iframe iframe {
        height: 320px !important;
    }

    .cta-section-two .row {
        display: block
    }

    .cta-section-two h2 {
        text-align: center;
    }

    .cta-section-two .wrapper-box {
        justify-content: space-around !important;
        align-items: center !important;
    }

    .card-wrapper {
        display: grid;
    }

    .card-text {
        bottom: 0px;
    }

    .card-text .card-heading p {
        font-size: 15px !important;
    }

    .testinomial-section-app .review_img {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    .Main_cliets_s ul {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    }

    .bs_industry .indus_grid.mob {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    .blog-container #blog-container .col-sm-6 {
        width: 33%
    }

    .bs_industry .row .col-md-3, .bs_industry .row .col-md-9 {
        width: 100%;
        max-width: 100%
    }

    .partner_list ul {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .benefits_area h2 span, .corporate_bg h2 span, .service_bg h2 span, .why_bg h2 span {
        display: inline
    }

    .app_process_box .sec1 {
        display: none
    }

    .logo_choose ul {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }

    .full-section .max-420-pixels {
        max-width: 100%;
    }

    .intro_d .intro-flex {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .media_coverage .row .col-md-9 {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        gap: 15px;
    }

    .media_coverage .media-w {
        width: 100%;
        margin: 0
    }

    .top_list .New_s .Lis_T_start {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        gap: 15px;
    }

    .top_list .New_s .Lis_T_start .media-w {
        width: 100%;
        margin: 0
    }

    .top_list {
        margin-top: 20px;
    }

    .media_coverage .row .col-md-3, .media_coverage .row .col-md-9 {
        width: 100%
    }

    .Video_sect .discuss_project {
        display: flex;
    }

    .row {
        display: block
    }

    .Video_sect .discuss_project {
        display: block;
        top: 0;
        margin-top: -96px;
    }

    .Video_sect#video_gallery .row .col-md-3 {
        width: 50%;
        float: left;
    }

    .video_CC {
        margin-bottom: 10px;
    }

    .discuss_project .project_dis {
        display: flex;
        justify-content: space-around;
    }

    .package_flex {
        display: flex;
    }

    .price_bor {
        width: 50%;
    }

    .container_width {
        width: 100%;
        margin: 0 auto;
    }

    .price_table.serc_pg .package_flex {
        width: 70%;
    }

    .service-portfolio .bocx {
        height: 515px;
    }

    .order_carts .col-md-8, .order_carts .col-md-4 {
        width: 100%;
        max-width: 100%;
    }

    .cart-periods-select .packages_list {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .cart-periods-select .packages_list li:before {
        content: '';
        position: absolute;
        left: 2px;
        top: 12px;
        background: #939393;
        transform: rotate(45deg);
        width: 6px;
        height: 6px;
    }

    .cart-periods-df .radio_btn, .add_cf_s_c {
        grid-template-columns: 1fr 1fr;
    }

    .collage .collage_flex .three_flex, .collage .collage_flex .three_two {
        grid-template-columns: 1fr 1fr;
    }

    .collage .collage_flex .three_two {
        order: 3
    }

    .seoFactorRow .factorBox {
        width: calc(95% / 2);
    }

    .df_vjj .col-md-6 {
        width: 100%;
        max-width: 100%;
    }

    .local_re_levance .col-md-4, .col-md-3, .col-md-6, .col-md-8, .col-md-4, .col-md-7 {
        width: 100%;
        max-width: 100%;
    }

    .news_fd .row, .bd-blog__wrapper2 .row {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 15px;
    }

    .news_fd .row, .bd-blog__wrapper2 .row:before {
        display: none
    }

    .collage .collage_flex .bx_sh .mid img {
        height: auto
    }

    .services-section-five .service-block-five {
        position: relative;
        max-width: 33%;
        width: 33%;
        float: left;
    }

    .service-block-five .icon {
        display: none
    }
}

@media (max-width: 1024px) {
    .inner-content .chat-wrap p {
        text-align:left
    }
}

/*-------------ipad mini--------------------*/
@media (max-width: 768px) {
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
        flex: 0 0 auto;
        max-width: 100%;
        width: 100%;
    }

    .collage .collage_flex .three_flex, .collage .collage_flex .three_two {
        /*    grid-template-columns: 1fr 1fr;*/
    }

    .collage .collage_flex .three_two {
        order: 3
    }

    .seoFactorRow .factorBox {
        /* width: calc(95% / 2); */
    }

    .bd-blog__wrapper2 .row, .news_fd .row {
        display: flex;
    }

    .bd-blog__wrapper2 .col-xl-3, .news_fd .col-md-3 {
        /* width: 50%; */
        /* padding: 15px; */
    }

    .Add_ress_sectin .add_links {
        display: inline-block;
    }

    .call-link-new {
        margin-top: 10px;
    }
}

.light-blacks .cont .footer-uae-p {
    text-align: left ;
}

@media only screen and (min-device-width: 480px) {
    .light-blacks .cont .footer-uae-p {
        text-align: left ;
    }
	
    
}

.call-to-action h3{
    font-size: 30px;
    font-weight: 500;
    color: #c21f27;
}


#frequently-asked-question h3{
    font-size: 28px;
    color: #ffffff !important;
}


.common-heading h3{
    color: #0e3d52;
    font-weight: 700;
    font-size: 28px;
    margin: 0 0px 3px;
    line-height: 40px;
}

.spe-title h3{
    font-weight: 700;
    font-size: 28px;
    color: #0e3d52;
    text-align: center;
    padding: 10px 0;
    margin: 0 0 30px;
    font-family: inherit;
    line-height: 40px;
}

.Here-for-You .model-time.model-time-current {display:none}

.features-section ul li{
    list-style-type: none;
    font-size: 16px !important;
}

.more_cont_txt ul{
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.more_cont_txt ul li{
    list-style-type: none;
    color: #ffffff !important;
    /* background: orange; */
    padding: 14px 15px;
    border-radius: 30px;
    display: inline-block;
    margin: 10px;
    background-image: linear-gradient(45deg, #14243a, #7496f6);
    font-weight: 400;
    font-size: 16px;
}

li.country {
    display: flex;
    align-items: center;
}

li.for-logged-user {
    display: flex;
    align-items: center;
    margin-left: 10px;
}






/*-----------------cart page-------------------*/
.cart_height {min-height: calc(100vh - 121px);}
.alert_box {
    box-shadow: 0px 0px 10px #e9e9e9;
    width: 80%;
    margin: 0 auto;
}
.alert_box .img_empty{
    width: 30%;
    margin: 0 auto;
}
.alert_box .img_empty img{width:100%;}
.alert_box h3{width:100%;text-align: center;font-size: 30px;}
.alert_box h3 span{color: var(--red);}
.alert_box p{    text-align: center;
    color: #6c6c6c;
    font-size: 20px !important;}
    
.order_carts.sdfdg.ds_s {    padding: 0px;
    background: #0000;;}
    
    
.edit_del {
    display: flex;
    justify-content: end;
    gap: 10px;
}    
.edit_del a{
background: #0b2d5d;
    color: #fff;
    padding: 5px 15px;
    border-radius: 5px;
    font-size: 15px;
    text-decoration: none;
}    
.edit_del a:nth-child(2){
    background: var(--red);
}
.you_r_chat{
    margin-bottom: 25px;
}
.you_r_chat h2{
    font-size: 20px;
    font-weight: 600;
}

.payment_FAILD{    box-shadow: 0px 0px 10px #e9e9e9;width: 80%;margin: 0 auto;    border-radius: 10px;}
.payment_pd {padding: 15px;
    text-align: center;}
.payement_fal {width: 60px;margin: 0 auto;} 
.payement_fal img{width:100%} 
    .pack_edit {
    cursor: pointer;
}
.pack_edit svg{
    width: 20px;
    height: 20px;
}
/*-----------------cart page-------------------*/
/*-----------------cart page-------------------*/

.ad_down_arrow {
    text-align: center;
    display: none;
}
.arow_rot {
    text-align: center;
}



.arow_rot span,
.ad_down_arrow span{
    display: flex;
    justify-content: center;
    width: 30px;
    height: 30px;
    margin: 0 auto -30px;
        border: 1px solid #343a40;
    background: #343a40;
    border-radius: 35px;
    align-items: center;
}
.ad_down_arrow span svg, .arow_rot span svg{
    width: 18px;
}
.arow_rot span{margin: 8px auto -30px;}
.arow_rot span svg{rotate:-180deg}
.mar_btm_zero {    margin-bottom: 0px !important;}
.paid_stamp {
    position: absolute;
    width: 81px;
    right: -25px;
    bottom: -26px;
}
.paid_stamp img{width:100%}

.amount_print {
    background: #333333;
    border-radius: 6px;
    padding: 10px;
}
.amount_print h3{
    color: #fff;
    margin: 0;
    font-size: 18px;
    margin-bottom: 7px;
}
.amount_print p{
    margin-bottom: 0 !important;
    background: #fff;
    text-align: left !important;
    padding-left: 5px;
    font-size: 15px !important;
    font-weight: 600 !important;
}
.amount_stamp {
    position: absolute;
    right: 10px;
    top: 10px;
}
.sucess_page_center {position:relative}

.sel_pack_details{
    padding-top: 30px;
}

.center_pasd{
    text-align: center;
    padding-top: 24px;
    /* margin-bottom: -40px; */
    position: absolute;
    width: 100%;
    bottom: -25px;
}
 .center_pasd span{
    padding: 8px 8px 8px 30px;
    background-color: #0b2d5d;
    color: white;
    text-decoration: none;
    border-radius: 50px;
    font-size: 1em;
    width: fit-content;
    margin: 0 auto;
    display: inline-block;
    position: relative;
    box-shadow: 0px 3px 6px #a4a4a4;
    border: none;
    cursor: pointer;
    display: flex;
    gap: 10px;
    align-items: anchor-center;
}
.center_pasd span i {
    width: 30px;
    display: flex;
    height: 30px;
    border-radius: 45px;
    background: #fff;
    align-items: center;
    justify-content: center;
}
.center_pasd span i svg {color:#000;width: 19px;}

.se_sad {margin-top: 25px;
    display: none;}
.se_sad table{ border-collapse: collapse;width: 100%;}

.se_sad table td, .se_sad  table th {
  border: 1px solid #ddd;
  padding: 8px;
}
.se_sad table tr{}
.se_sad table tr th{
    background-color: #343a40;
    print-color-adjust: exact;
    color: #fff;
    font-size: 15px;
    line-height:25px;
    padding: 8px;
    font-weight: 600;
    font-family: var(--font_inter);
    }
.se_sad table td{
    text-align:center;
    padding: 7px;
}
.se_sad table td:nth-child(2){text-align:left;}
.se_sad table td:last-child{text-align:center;}
.se_sad table p{
    margin: 0;
    font-size: 15px !important;
    text-align: left;
}
.se_sad .ad_on_s {
    background: #343a40;
}
.se_sad .ad_on_s h3{
    background-color: #343a40;
    print-color-adjust: exact;
    color: #fff;
    font-size: 15px;
    line-height: 25px;
    padding: 8px;
    font-weight: 600;
    font-family: var(--font_inter);
    margin: 0;
    padding: 0;
    }
.se_sad  .s_total  {
    background: #343a40;
}
.se_sad  .s_total h3 {
    font-size: 20px;
    margin: 0;
    font-weight: 600;
    color: #fff;
    padding: 6px;
}
.copy_flex {display:flex;width: 100%;}
.OR_Line {
    position: relative;
}
.OR_Line p{
    text-align: center;
}
.OR_Line span{
    background: #fff;
    position: relative;
    padding: 0 10px;
    font-size: 15px;
    font-weight: 500;
}
.OR_Line:before{content:'';position: absolute;width: 100%;height: 1px;background: #000;top: 13px;}

.dn_quote {
    text-align: center;
    padding: 20px 0;
}
 .dn_quote a{
    padding: 10px 30px 10px 10px;
    text-decoration: none;
    display: flex;
    align-items: center;
    font-size: 18px;
    gap: 16px;
    print-color-adjust: exact;
    background: #097c00;
    color: #fff;
    width: fit-content;
    margin: 0 auto;
    border-radius: 31px;
    border-bottom: 3px solid #076200;
    text-transform: capitalize;
}
 .dn_quote span{
    background-color: #fff;
    border-radius: 84px;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    print-color-adjust: exact;
}
 .dn_quote span img{
    width: 25px;rotate: 180deg;
}


.thanku_quote {
    overflow: hidden;
    padding: 35px 0 90px;
    }
	.thanku_quote .container {height:100%}
.thanku_quote .desc{
    text-align: center;
    width: 70%;
    box-shadow: 0px 0px 10px #eee;
    padding: 10px;
    border-radius: 11px;
    margin: 0 auto;
}
.thanku_quote .desc h3{
    font-size: 130px;
    color: #fff;
}
.thanku_quote .desc .desc_sd {
    background: #fff;
   
}

.thanku_quote .emailcheck {
    width: 80px;
    margin: 0 auto;
}
.thanku_quote .emailcheck img{width:100%}

.thanku_quote .desc_dc {
    width: 100%;
}
.thanku_quote .desc h4{
    font-size: 60px;
    color: green;
}
.thanku_quote .desc p {
    color: #000000;
    font-size: 25px;
    text-align: center;
}
.thanku_quote .dn_quote {
    text-align: center;
    padding: 20px 0;
}
 .thanku_quote .dn_quote a{
    padding: 10px 10px 10px 30px;
    text-decoration: none;
    display: flex;
    align-items: center;
    font-size: 18px;
    gap: 16px;
    print-color-adjust: exact;
    background: #097c00;
    color: #fff;
    width: fit-content;
    margin: 0 auto;
    border-radius: 31px;
    border-bottom: 3px solid #076200;
    text-transform: capitalize;
}
 .thanku_quote .dn_quote span{
    background-color: #fff;
    border-radius: 84px;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    print-color-adjust: exact;
}
 .thanku_quote .dn_quote span img{
    width: 25px;    rotate: 0deg;
}
.mrgn-top {margin-top:0 !important}


.eror_404 {background: #ffffff;width: 100%;height: calc(100vh - 121px);}

.eror_404 .eror_cnt {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
}
.eror_404 .eror_cnt .img {
    width: 40%;
    margin: 0 auto;
}
.eror_404 .eror_cnt .img img {
    width: 100%;
}
.eror_404 .eror_cnt .dsc {
    text-align: center;
}
.eror_404 .eror_cnt .dsc a {
    text-align: center;
    margin: 0;
    padding: 15px;
    background: #BC2408;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    display: block;
    text-transform: uppercase;
    position: relative;
    color: #fff;
    font-weight: 400;
    letter-spacing: 0.7px;
    font-size: 15px;
    border: none;
    outline: none;
    width: fit-content;
    margin: 25px auto 0;
}
.th-megadropdown.cs-submenu.pack_age_btn {position: relative;padding: 0px;display: flex;align-items: center;}
.th-megadropdown.cs-submenu.pack_age_btn  a{
    color: #ffffff !important;
    background: #0b2d5d;
    padding: 9px 11px;
    border: 1px solid #0b2d5d;
    border-radius: 57px;
    }

.see_view_package {}
.see_view_package .dfLex:before{content:'';position: absolute;width: 100%;height: 100%;/* background: #0b2d5db8; */top: 0;left: 0;z-index: 0;}
.see_view_package .dfLex {
    /* background:url('/live/oe_/https://www.cssfounder.com/img/web_development_ban.webp'); */
    position: relative;
    background: #394989;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 7px;
    position: relative;
    overflow: hidden;
    border-left: 5px solid #be2022;
    margin-bottom: 30px;
    width: 80%;
    margin: 0 auto 30px;
}
.see_view_package .dfLex h3 {
    margin: 0;
    font-size: 35px;
    color: #fff;
    position: relative;
}
.see_view_package .dfLex a {
    width: fit-content;
    display: flex;
    background: #ffd234;
    padding: 10px 10px 10px 20px;
    font-size: 17px;
    font-weight: 600;
    color: #040404;
    border-radius: 68px;
    border-bottom: 3px solid #a58204;
    text-decoration: none;
    position: relative;
    align-items: center;
    gap: 10px;
}
.see_view_package .dfLex span {
    width: 30px;
    display: flex;
    height: 30px;
    background: #fff;
    align-items: center;
    justify-content: center;
    border-radius: 41px;
}
.see_view_package .dfLex span i {}
.df_vjj {border-bottom:0}

.price_table.ca_grid {}
.price_table.ca_grid .package_flex .price_bor {width:25%;padding:6px;}
.price_table.ca_grid .price_pd {padding: 10px;}
.price_table.ca_grid .name_price h2 {font-size: 16px;height: auto;}
.price_table.ca_grid .name_price .price_big {font-size: 28px;}
.price_table.ca_grid .themes_link ul li {width: 60px;}
.price_table.ca_grid .add_buy {margin-bottom: 0;}
.price_table.ca_grid .pack_list ul li a {padding:2px 6px;font-size:14px;}
.price_table.ca_grid .themes_link ul li a {padding: 2px 6px;}
.price_table.ca_grid .price_pd .packages_list ul{padding: 0px;}
.price_table.ca_grid .add_buy a.add_cart{background: var(--red);}
.price_table.ca_grid .price_pd .page_glex {justify-content: start;
margin-bottom: 5px;}






@media(max-width:992px) {
    
   .payment_FAILD,
   .alert_box {width: 100%;}
    .alert_box .img_empty ,
    .payement_fal{width: 100%;}
    .alert_box p {text-align: center !important;}
.thanku_quote .desc {width: 100%;}
.thanku_quote .desc h4 {font-size: 45px;}
.thanku_quote .desc p {text-align: center !important;}
.eror_404 .eror_cnt .img {width: 100%;}
.eror_404 .eror_cnt {align-items: center;}
.see_view_package .dfLex {flex-wrap:wrap;width:100%;gap:15px;justify-content: center;}
.see_view_package .dfLex h3 {font-size: 23px;}
.see_view_package .dfLex a {padding: 10px 15px;}



    .price_table.ca_grid .package_flex .price_bor {
        width: 100%;
        padding: 6px;

}



}


/* custom support service */

.anc_tag{
    color: white !important;
    border: 2px solid white;
    padding: 10px 30px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.support_ser{
    padding:40px 0px;
    text-align:center;
}

.support_ser h3{
        font-size: 36px;
    font-weight: 600;
    color: #0b2d5d;
    margin-bottom: 30px;
}

.support_ser_list{
        display: flex;
    justify-content: center;
}

.support_ser_list ul{
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-bottom: 20px;
    border: 2px solid #09264e3b;
    border-radius: 90px;
    padding: 6px;
    background-color: #ffffff;
}

.support_ser_list ul li{
        list-style-type: none;
        background-color: #f5f9ff;
        padding: 10px 30px;
        border-radius: 100px;
        border: 2px solid #09264e2b;
        font-weight:500;
        cursor:pointer;
}

.support_ser_content{
        background-color: #ff5c00;
    display: flex;
    border-radius: 20px;
    overflow: hidden;
}

.support_ser_box{
    display: flex;
    flex-direction: column;
    padding:60px 30px;
    justify-content: center;
    align-items: flex-start;
}

.support_ser_box h4{
    color: white;
    font-size: 30px;
    font-weight: 700;
}

.support_ser_box p{
    color:white;
}

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

.support_ser .support_ser_content:nth-child(1){
    background-color:#0050b1;
}

.support_ser .support_ser_content:nth-child(2){
    background-color:#25a650;
}

.support_ser .support_ser_content:nth-child(3){
    /* background-color:#0050b1; */
     background-color: #ff5c00;
}

.support_ser .support_ser_content:nth-child(4){
    background-color:#c22025;
}

.support_ser .support_ser_content:nth-child(5){
    background-color:#773297;
}

.support_ser .support_ser_content:nth-child(6){
    background-color:#328697;
}


.newsletter-signup .g-recaptcha iframe {
    width: 100%;
    height: auto;
    border: none;
    overflow-y: hidden !important;
}


.model-time-current .g-recaptcha iframe {height:78px}