.hcta-main,
.innercta-main {
    grid-template-columns: repeat(2, 1fr);
    overflow: hidden
}

.blog-title h1,
body {
    font-family: "Red Hat Text", sans-serif
}

.f-links ul li,
.f-title h3,
.f-title p,
.portli-tabs ul li a,
.prdbli-box h2,
.pricplan-box span,
.title h2 {
    text-transform: uppercase
}

html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    scroll-behavior: smooth
}

body,
html {
    overflow-x: clip
}

*,
:after,
:before {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit
}

a,
aside,
body,
del,
div,
dl,
footer,
header,
li,
main,
ol,
p,
section,
span,
ul {
    padding: 0;
    margin: 0;
    text-shadow: none;
    outline: 0;
    box-shadow: none;
    text-decoration: none;
    list-style: none
}

b,
strong {
    font-weight: 700
}

body {
    font-size: 22px;
    line-height: normal;
    font-weight: 300;
    color: #333
}

.abval-box:hover h4,
.arrow-btn:hover,
.bdconclude-box p a,
.f-links ul li a:hover,
.hserb-desc h4 a:hover,
.hservice-box:hover h4 a,
.hwor-top h4 a:hover,
.inb-desc .breadcrumb-item a:hover,
.indulis-box:hover .arrow-btn,
.induslib-desc h3 a:hover,
.insdemin-box:hover .insdeminb-top h4,
.insdese-box:hover .insdeseb-top h4,
.mega-menu .megame-tabdesc li a:hover,
.megame-tab ul li a.active,
.megame-tab ul li a:hover,
.serval-tabs ul li a.active,
.serval-tabs ul li a:hover,
.sidebar ul li a:active,
.sidebar ul li a:focus,
.sidebar ul li a:hover,
.swiper-slide-active .hwor-top h4 a,
a,
a:active,
a:focus,
a:hover,
header .menu-item a:focus,
header .menu-item.current-menu-item>a,
header .menu-item:hover>a {
    color: #e74040
}

.bd-comments .title,
.blog-detail-desc ol,
.blog-detail-desc ul,
.inquryban-form.inquery-form h4,
.pricplan-box ul,
p {
    margin-bottom: 30px
}

a {
    -webkit-transition: .5s;
    -ms-transition: .5s;
    transition: .5s
}

.hb-desc h1,
h1,
h2,
h3,
h4,
h5,
h6,
header .menu-item a {
    color: #333;
    font-weight: 400
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Montserrat, sans-serif
}

.bd-comments .cont-form,
img {
    max-width: 100%
}

.hdevpb-icon img {
    height: 40px
}

.mt-120 {
    margin: 120px 0 0
}

.mtb-120 {
    margin: 120px 0
}

.mb-120 {
    margin-bottom: 120px
}

.faq-acco,
.mt-50,
.prdbli-img {
    margin-top: 50px
}

.pt-120 {
    padding: 120px 0 0
}

.ptb-120 {
    padding: 120px 0
}

.pb-120 {
    padding: 0 0 120px
}

header {
    padding: 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    transition: .5s
}

header.sticky {
    padding: 0;
    background: #fff;
    box-shadow: 0 -5px 20px rgb(0 0 0 / 20%)
}

header .menu-item+.menu-item {
    margin-left: 30px
}

header .menu-item a {
    font-size: 16px;
    font-style: normal;
    display: block;
    max-width: fit-content;
    position: relative;
    padding: 45px 16px 45px 0;
    line-height: 26px
}

header.sticky .menu-item a {
    padding: 35px 0
}

header .navbar-brand {
    max-width: 180px
}

header .navbar,
header .navbar-brand {
    padding: 0;
    margin: 0
}

.btn-primary,
.btn-primaryred {
    font-size: 16px;
    line-height: 26px;
    color: #e74040;
    padding: 15px 40px;
    background: #fff;
    border: 1px solid #e74040;
    outline: 0;
    border-radius: 8px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 10px;
    max-width: fit-content;
    transition: .5s
}

.btn-primary svg {
    max-width: 15px
}

.btn-primary svg path,
.hservi-swipbtn .swiper-btns svg path,
.hwork-swipbtn .swiper-btns svg path {
    fill: #E74040;
    transition: .5s
}

.btn-primary:hover svg path,
.devp-btn:hover svg path,
.hservi-swipbtn .swiper-btns:hover svg path,
.hservind-acco .accordion-button:not(.collapsed) svg path,
.hwork-swipbtn .swiper-btns:hover svg path {
    fill: #fff
}

.btn-primary:hover {
    background: #e74040;
    color: #fff;
    border-color: #e74040
}

.btn-primaryred {
    background: #e74040;
    color: #fff;
    border-color: #e74040;
    transition: .5s
}

.btn-primaryred svg path,
.social ul li a svg path {
    fill: #fff;
    transition: .5s
}

.btn-primaryred:active,
.btn-primaryred:focus,
.btn-primaryred:hover {
    background: #fff;
    color: #e74040;
    border-color: #e74040
}

.abval-box:hover .abvalb-img svg path,
.arrow-btn:hover svg path,
.btn-primaryred:hover svg path,
.f-social ul li a:hover svg path,
.hservice-box:hover .siarrow-btn svg path,
.hwor-top a:hover svg path,
.indulis-box:hover .arrow-btn svg path,
.insdemin-box:hover .insdeminb-img svg path,
.insdese-box:hover .insdeseb-img svg path,
.serval-tabs ul li a.active svg path,
.serval-tabs ul li a:hover svg path,
.siarrow-btn:hover svg path,
.social ul li a:hover svg path,
.swiper-slide-active .hservice-box .siarrow-btn svg path,
.swiper-slide-active .hwor-top a svg path,
.techplatf-box:hover .techplatfb-img svg path,
.techplatf-box:hover .techplatfb-inimg svg path,
.techplatf-box:hover .techplatfb-inimg svg polygon {
    fill: #E74040
}

header .navbar-nav>li:last-child a {
    padding: 11px 35px;
    font-size: 15px;
    border-radius: 8px;
    color: #e74040;
    border: 1px solid #e74040;
    background: #fff;
    font-weight: 700
}

header .navbar-nav>li:last-child a:focus,
header .navbar-nav>li:last-child a:hover {
    background: #e74040;
    border-color: #e74040;
    color: #fff
}

.home-banner {
    margin: 180px 0 80px
}

.hb-desc h1 {
    font-size: 42px;
    line-height: 54px;
    margin-bottom: 15px
}

.hb-desc h1 b,
.hb-desc h1 strong,
.inb-desc h1 b,
.inb-desc h1 strong {
    font-weight: 700;
    color: #e74040
}

.hb-desc p {
    font-size: 32px;
    line-height: 42px;
    margin-bottom: 50px
}

.f-logo,
.hserbo-top,
.hservind-acco .accordion,
.teucasesw-top,
.title h2 {
    margin-bottom: 20px
}

.hb-desc a+a {
    margin-left: 18px
}

.hb-img img {
    width: 90%
}

.title h2 {
    font-size: 18px;
    line-height: 28px;
    padding-bottom: 8px;
    border-bottom: 1px solid #e6e6e6;
    display: block;
    color: #e74040;
    width: 100%
}

.title h3 {
    font-size: 36px;
    line-height: 46px;
    margin-bottom: 16px;
    color: #333;
    font-weight: 400
}

.inb-desc .breadcrumb-item.active,
.title h3 b,
.title h3 strong {
    color: #e74040;
    font-weight: 700
}

.home-intro .bullet-point ul,
.sidebar ul {
    margin-bottom: 50px
}

.bullet-point ul li {
    font-size: 22px;
    line-height: 32px;
    color: #333;
    position: relative;
    padding-left: 38px;
    font-weight: 300
}

.bullet-point ul li::before {
    content: '';
    position: absolute;
    top: 2px;
    left: 0;
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_294_1364)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 0C6.72656 0 0 6.72656 0 15C0 23.2734 6.72656 30 15 30C23.2734 30 30 23.2734 30 15C30 6.72656 23.2734 0 15 0Z' fill='%23E74040'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.2539 9.94336C22.6172 10.3066 22.6172 10.9043 22.2539 11.2676L13.4648 20.0566C13.2832 20.2383 13.043 20.332 12.8027 20.332C12.5625 20.332 12.3223 20.2383 12.1406 20.0566L7.74609 15.6621C7.38281 15.2988 7.38281 14.7012 7.74609 14.3379C8.10937 13.9746 8.70703 13.9746 9.07031 14.3379L12.8027 18.0703L20.9297 9.94336C21.293 9.57422 21.8906 9.57422 22.2539 9.94336Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_294_1364'%3E%3Crect width='30' height='30' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center
}

.bullet-point ul li+li,
.hservice-swiper,
.indsdwhy-box+.indsdwhy-box,
.inquryban-form.inquery-form .btn-primaryred,
.prochall-box+.prochall-box {
    margin-top: 20px
}

.hintro-img {
    padding: 19px 0 0 19px;
    position: relative;
    z-index: 1
}

.abint-img img,
.abwhy-img img,
.carrba-img img,
.hint-img img,
.hintro-img img,
.hservind-img img,
.indsdwhy-img img,
.insdemin-img img,
.prdbli-img img,
.prochallb-img img,
.solintr-img img,
.solulife-img img {
    width: 100%;
    border-radius: 20px
}

.hintro-img::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 19px;
    bottom: 19px;
    background: #e74040;
    border-radius: 20px;
    z-index: -1
}

.hservice-box {
    padding: 10px;
    border: 1px solid rgba(231, 64, 64, .1);
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 0
}

.swiper-slide-active .hservice-box {
    border: 1px solid rgba(231, 64, 64, .4);
    box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, .1);
}

.blistb-desc,
.hserb-desc {
    padding: 20px
}

.hserbo-img img {
    width: 100%;
    border-radius: 8px
}

.hserb-desc h4 {
    font-size: 22px;
    line-height: 32px;
    color: #333;
    font-weight: 400;
    margin-bottom: 0
}

.hserb-desc h4 a {
    color: #333;
    transition: .5s
}

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

.siarrow-btn {
    padding: 9px 15px;
    background: #fff;
    border-radius: 8px;
    border: 1px solid #ddd;
    line-height: 11px;
    transition: .5s
}

.siarrow-btn svg {
    max-width: 9px
}

.devp-btn svg path,
.hdevp-box:hover .devp-btn svg path,
.hservind-acco .accordion-button svg path,
.siarrow-btn svg path {
    fill: #DDDDDD;
    transition: .5s
}

.hservice-box:hover .siarrow-btn,
.siarrow-btn:hover,
.swiper-slide-active .hservice-box .siarrow-btn,
header .menu-item a:focus::after,
header .menu-item.current-menu-item>a::after,
header .menu-item:hover>a::after {
    border-color: #e74040
}

.hserb-desc .siarrow-btn {
    margin-left: 10px
}

.hserb-desc p {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 0
}

.hservi-swipbtn .swiper-btns {
    padding: 14px 22px;
    background: #fff !important;
    border-radius: 8px;
    border: 1px solid rgba(231, 64, 64, .2);
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .1);
    transition: .5s;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
    max-width: fit-content;
    margin-left: auto
}

#wpj-jtoc,
.accordion-button::after,
.bd-author ul li:before,
.hirdev-hiring .col-lg-3:last-child .hidehirin-box::before,
.hservind-acco .accordion-button:not(.collapsed)::after,
.huseto-main,
.megame-tabbing,
.portli-box,
.serdeproce-box:last-child .serdeproceb-desc::before,
.serval-box,
.swiper-button-next::after,
.swiper-button-prev::after {
    display: none
}

.hservi-swipbtn .swiper-btns:hover {
    background: #e74040 !important
}

.hservi-swipbtn .swiper-btns svg {
    width: 12px
}

.hservi-swipbtn .swiper-button-next {
    margin-left: 20px
}

.hservi-swipbtn,
.inddetecb-right {
    display: flex;
    align-items: center
}

.innercta-main {
    display: grid;
    gap: 25px;
    padding-left: 100px;
    align-items: center;
    background: url(../images/innct-back.jpg);
    border-radius: 20px;
    box-shadow: 10px 0 30px 10px rgba(0, 0, 0, .05);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left center;
    position: relative;
    z-index: 1
}

.innercta-riimg img {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 20% 100%);
    width: 100%;
    border-radius: 20px
}

.innercta-title h2 {
    font-size: 38px;
    line-height: 48px;
    margin-bottom: 40px;
    font-weight: 700;
    color: #333
}

.hservind-acco .accordion-item h4 {
    font-size: 30px;
    line-height: 40px;
    font-weight: 700;
    color: #333;
    margin: 0
}

.faq-acco .accordion-item h4 {
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    color: #151515;
    margin: 0
}

.hservind-acco .accordion-item {
    border: 0 !important;
    background: 0 0;
    border-radius: 0
}

.faq-acco .accordion-item h4 button,
.hservind-acco .accordion-item h4 button {
    color: #333;
    box-shadow: 0 0 0 !important;
    background: 0 0 !important;
    border: 0 !important;
    font-weight: 700;
    font-size: 26px;
    border-radius: 0;
    padding: 20px 0;
    line-height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.faq-acco .accordion-item h4 button {
    color: #151515;
    font-size: 22px;
    line-height: 31px;
    font-weight: 600;
    padding: 25px 30px
}

.hservind-acco .accordion-button svg {
    margin-left: 10px;
    max-width: 50px;
    flex: 100%
}

.hservind-acco .accordion-button svg rect {
    fill: #fff;
    -webkit-text-stroke-color: #DDDDDD;
    transition: .5s
}

.hservind-acco .accordion-button:not(.collapsed) svg rect {
    fill: #E74040;
    -webkit-text-stroke-color: #E74040
}

.hservind-acco .accordion-item p {
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
    color: #333;
    margin-bottom: -10px
}

.hservind-acco a.btn.btn-primary {
    margin-bottom: 10px;
    padding: 5px;
    font-size: 12px;
    margin-top: 0
}

.faq-acco .accordion-item,
.faq-acco .accordion-item h4 button:not(.collapsed),
.faq-acco .accordion-item:last-child h4 button {
    border: 0 !important
}

.faq-acco .accordion-body,
.hservind-acco .accordion-body {
    padding: 0 0 24px
}

.faq-acco .accordion-body {
    padding: 0 30px 30px
}

.faq-acco .accordion-body p {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 0;
    padding-bottom: 0;
    font-weight: 400;
    color: #333
}

.hservind-acco .accordion-item+.accordion-item {
    border-top: 1px solid #dfdfdf !important
}

.auth-detail a:hover,
.blog-detail-desc p a:hover,
.hservind-acco .accordion-button:not(.collapsed),
.hwor-top h4 a,
.induslib-desc h3 a,
.insublib-desc h4 a,
.sidebar ul li a,
.table-content ul li a:active,
.table-content ul li a:focus,
.table-content ul li a:hover {
    color: #333
}

.ab-value .row+.row,
.home-devlopers .row+.row,
.home-servind .row+.row,
.hwork-swiper {
    margin-top: 12px
}

.hwor-img img,
.induslib-img img,
.insublib-img img,
.prosolt-img img,
.serdeintr-img img,
.techbeni-img img {
    width: 100%;
    border-radius: 10px
}

.hwor-desc {
    padding: 30px 20px 0
}

.hwor-desc h4 {
    font-size: 22px;
    line-height: 32px;
    color: #333;
    font-weight: 500;
    margin-bottom: 0
}

.hwor-top {
    justify-content: space-between;
    margin-bottom: 12px
}

.hwor-top a svg path {
    fill: #333333
}

.hwork-swipbtn .swiper-btns {
    padding: 15px 26px;
    border-radius: 40px;
    background: #fff;
    width: auto !important;
    box-shadow: 0 0 20px 4px rgba(0, 0, 0, .1);
    border: 1px solid rgba(231, 64, 64, .2);
    height: auto !important;
    transition: .5s
}

.blog-detail-desc table tr:first-child,
.hwork-swipbtn .swiper-btns:hover,
.solfeatu-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #e74040
}

.hwork-swipbtn .swiper-button-prev {
    left: -70px;
    top: 40%
}

.hwork-swipbtn .swiper-button-next {
    right: -70px;
    top: 40%
}

.hdevp-box {
    padding: 35px 25px;
    background: #fff;
    border: 1px solid #ffdcdc;
    box-shadow: 0 0 0;
    border-radius: 10px;
    opacity: .8;
    transition: .5s
}

.hdevp-box:hover {
    box-shadow: 2px 10px 100px rgba(231, 64, 64, .1);
    opacity: 1
}

.hdevpb-icon {
    padding: 22px;
    background: #fffbfb;
    border: 1px solid rgba(231, 64, 64, .4);
    text-align: center;
    margin-bottom: 30px;
    max-width: fit-content;
    border-radius: 8px
}

.hdevpb-icon svg {
    max-width: 43px
}

.hdevp-box h4 {
    font-size: 28px;
    line-height: 38px;
    color: #333;
    font-weight: 700;
    margin-bottom: 10px
}

.hdevp-box p {
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    color: #333;
    margin-bottom: 25px
}

.devp-btn {
    padding: 11px 26px;
    background: #fff;
    border: 2px solid #ddd;
    transition: .5s;
    border-radius: 8px;
    line-height: 15px;
    display: block;
    max-width: fit-content
}

.devp-btn:hover,
.hdevp-box:hover .devp-btn {
    border-color: #e74040;
    background: #e74040
}

.honum-box {
    padding: 40px;
    background-image: url("data:image/svg+xml,%3Csvg width='283' height='270' viewBox='0 0 283 270' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1.00049' width='281' height='268' rx='15' fill='url(%23paint0_linear_270_3165)' stroke='url(%23paint1_linear_270_3165)' stroke-width='2'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_270_3165' x1='0' y1='0.000488281' x2='283' y2='265.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FFFAFA'/%3E%3Cstop offset='1' stop-color='%23FFF7F7'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_270_3165' x1='283' y1='270' x2='95.5' y2='91.5005' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FFC4BC'/%3E%3Cstop offset='1' stop-color='white' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
    border-radius: 16px
}

.honum-in-box {
    padding: 50px 25px;
    text-align: center;
    background: #fff;
    box-shadow: 0 40px 80px 0 #fbe4e0;
    border-radius: 14px
}

.hclins-box,
footer {
    background: #fff8f8
}

.honum-in-box h4 {
    font-size: 44px;
    line-height: 54px;
    margin-bottom: 8px;
    font-weight: 700
}

.honum-in-box p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 0;
    font-weight: 500;
    color: #62564d
}

.bottom-btn .btn-primaryred,
.carrba-img+.carrba-img,
.home-blog .row+.row,
.home-number .row+.row,
.home-testi .htesti-swiper,
.inddetec-box+.inddetec-box,
.indsdwhy-main,
.insdemin-box+.insdemin-box,
.serdeproce-main,
.servde-intro .title.bullet-point ul {
    margin-top: 30px
}

.ftop-box img {
    max-width: 210px;
    margin: 0 auto 18px
}

.ftop-box h3 {
    font-size: 22px;
    line-height: 32px;
    font-weight: 700;
    color: #000;
    margin-bottom: 0
}

.f-links ul li,
.f-links ul li a {
    font-weight: 400;
    color: #807c7c
}

footer {
    padding: 120px 0 20px
}

footer .row:nth-child(2) {
    margin-top: 80px;
    padding-top: 60px;
    border-top: 1px solid #c2bdbd
}

.f-logo img {
    max-width: 238px
}

.f-main p {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 0;
    font-weight: 400;
    color: rgba(51, 51, 51, .6)
}

.f-title h3,
.huse-tabs ul li a {
    line-height: 30px;
    font-size: 20px
}

.f-title h3 {
    margin-bottom: 13px;
    font-weight: 700;
    color: #333
}

.f-links ul li {
    font-size: 16px;
    line-height: 25px
}

.f-links ul li+li {
    margin-top: 8px
}

.f-title p {
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 18px;
    font-weight: 400;
    color: #807c7c
}

.f-bottom p,
.hclins-box .hclinsb-top p {
    font-size: 16px;
    line-height: 25px;
    font-weight: 400
}

.f-social ul {
    display: flex;
    align-items: center;
    gap: 8px
}

.f-social ul li a {
    padding: 8px;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #efe8e8;
    border-radius: 5px;
    transition: .5s
}

.f-social ul li a:hover {
    background: #333
}

.f-social ul li a svg path {
    fill: #333333;
    transition: .5s
}

.f-bottom {
    padding-top: 20px;
    margin-top: 50px;
    border-top: 1px solid #c2bdbd
}

.f-bottom p {
    margin-bottom: 0;
    color: #000
}

.hclins-img {
    position: relative;
    left: 0;
    margin-right: -200px
}

.hclins-img img {
    width: 100%;
    border-radius: 15px
}

.hclins-left .video-btn {
    position: absolute;
    bottom: 30px;
    left: 30px;
    background: 0 0;
    box-shadow: 0 0 0 !important;
    border-radius: 0;
    border: 0
}

.abmivi-main,
.blistb-img,
.faq-acco .accordion-item,
.hclins-box,
.hcta-left,
.he-link h3,
.huse-tabs ul li a,
.indusde-tech,
.project-challengs,
.project-key,
.serdeproceb-desc,
.solu-life,
header .mega-menu .megame-tab li {
    position: relative;
    z-index: 1
}

.home-clients .row+.row {
    margin-top: 25px
}

.hclins-box {
    padding: 30px;
    border: 1px solid #e74040;
    border-radius: 15px
}

.hclins-box .hclinsb-top p {
    margin-bottom: 30px;
    color: #000
}

.hclins-box .hclinsb-img {
    max-width: 70px;
    flex: 100%
}

.hclinsb-img img {
    width: 100%;
    border-radius: 50%;
    border: 1px solid #e74040
}

.hclins-bottom h4,
.htestib-ldesc h4 {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 2px;
    font-weight: 700;
    color: #000
}

.hclins-bottom {
    display: flex;
    align-items: center;
    gap: 10px
}

.hclins-bottom p,
.htestib-ldesc b,
.htestib-ldesc p,
.htestib-ldesc strong {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0;
    font-weight: 400;
    color: rgba(60, 60, 67, .85)
}

.hlog-box {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: .7;
    min-height: 46px;
    transition: .5s
}

.hlog-swiper .swiper-wrapper {
    display: flex;
    justify-content: center
}

.blist-box:hover .blistb-img h3,
.hlog-box:hover,
.modal-btn:hover,
.swiper-slide-active .hlog-box {
    opacity: 1
}

.hlog-box img {
    max-width: 100%;
    max-height: 100%
}

.htestibl-img {
    max-width: 56px;
    flex: 100%
}

.htestibl-img img,
.huse-tabs ul li a.active::before,
.huse-tabs ul li a:hover::before,
.indsdeb-img img,
.insdeminb-img img,
.insubli-box,
.prodmim-img img,
.serviceban-img img,
.texhindservt-img img {
    width: 100%
}

.htestib-left {
    gap: 16px
}

.htestib-ldesc p b,
.htestib-ldesc p strong {
    border-bottom: 1px solid #807c7c
}

.htestib-top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px
}

.htestib-right img {
    max-width: 86px;
    flex: 100%;
    margin-left: 5px;
    width: 100%
}

.htesti-desc p {
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 0;
    font-weight: 400;
    color: #000
}

.htesti-box {
    padding: 24px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #ebebeb
}

.hcta-main {
    display: grid;
    border: 1px solid rgba(231, 64, 64, .3);
    border-radius: 10px;
    gap: 0
}

.hcta-left h2 {
    font-size: 38px;
    line-height: 48px;
    margin-bottom: 18px;
    color: #fff;
    font-weight: 700
}

.hcta-left p {
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 0;
    color: #fff;
    font-weight: 500
}

.hcta-left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.forminator-custom-form,
.forminator-row.forminator-row-last {
    margin-bottom: 0 !important
}

.hcta-right {
    background: #e74040;
    padding: 50px;
    text-align: center;
    color: #fff
}

.husein-box,
.mega-menu .megame-tabdesc li a {
    background: #fff;
    display: flex;
    text-align: center
}

.hcta-right h3 {
    font-size: 26px;
    line-height: 36px;
    margin-bottom: 30px;
    color: #fff;
    font-weight: 700
}

.huse-tabs {
    margin-top: 18px
}

.huse-tabs ul {
    display: flex;
    align-items: center;
    flex-wrap: nowrap !important;
    justify-content: space-between;
    border-bottom: 1px solid #d9d9d9;
    overflow: auto
}

.huse-tabs ul li a {
    padding: 0 10px 25px;
    font-weight: 500;
    color: #686868;
    display: block;
    max-width: fit-content;
    text-align: center
}

.huse-tabs ul li a::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 0;
    margin: auto;
    height: 4px;
    background: #e74040;
    transition: .5s;
    z-index: -1
}

.huse-tabs ul li a.active,
.huse-tabs ul li a:hover {
    color: #e74040;
    font-weight: 600
}

.husein-box {
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #c2c2c2;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.husein-box img {
    max-width: 80%;
    margin: auto auto 10px
}

.cont-form button,
.hblog-btn .btn-primaryred {
    margin-left: auto;
    max-width: fit-content
}

.husein-box h4 {
    font-size: 16px;
    line-height: 25px;
    color: #000;
    font-weight: 500;
    margin-bottom: 0
}

.he-link h3,
.inb-desc h1 {
    font-weight: 600;
    color: #333
}

.husein-main {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 30px;
    margin-top: 50px
}

.mega-menu,
.sub-menu {
    position: absolute;
    top: 100%;
    margin: auto;
    min-width: 235px;
    background: #fff3f3;
    padding: 20px;
    border-radius: 15px;
    box-shadow: 10px 20px 20px rgba(0, 0, 0, .1);
    border: 0 solid rgba(28, 132, 144, .12)
}

header .navbar-nav>li.menu-item-has-children .sub-menu,
header .navbar-nav>li.menu-item-has-children ul.mega-menu {
    -ms-transition: .5s ease-out;
    -webkit-transition: .5s ease-out;
    transition: .5s ease-out;
    -ms-transform: rotateX(90deg);
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -ms-transform-origin: top;
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 0;
    display: block;
    z-index: 100
}

header .navbar-nav .menu-item-has-children:hover .sub-menu,
header .navbar-nav .menu-item-has-children:hover ul.mega-menu {
    display: block;
    opacity: 1;
    -ms-transform: rotateX(0);
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    -ms-transform-origin: top;
    -webkit-transform-origin: top;
    transform-origin: top
}

.he-link .menu-item a,
.product-mimg .container-fluid,
header .mega-menu a,
header.sticky .he-link .menu-item a,
header.sticky .mega-menu a {
    padding: 0
}

.he-big .mega-menu,
.he-big .sub-menu {
    padding: 30px 40px;
    margin: auto;
    gap: 30px;
    right: 0;
    left: 0
}

.faq-acco .accordion-button,
.he-big {
    position: static
}

.he-big .sub-menu {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr);
    max-width: fit-content
}

.he-big .mega-menu .megame-main {
    display: grid !important;
    grid-template-columns: 31% auto
}

header.sticky .menu-item a {
    padding-right: 16px
}

.he-link .menu-item+.menu-item {
    margin-top: 10px;
    margin-left: 0
}

header .navbar-nav .menu-item-has-children>a::after {
    content: '';
    position: absolute;
    border-style: solid;
    border-color: #333;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    right: 0;
    width: 7px;
    height: 7px;
    top: 47%;
    transition: .5s
}

header .navbar-nav .menu-item-has-children:hover>a::after,
header .navbar-nav .menu-item-has-children>a:hover::after {
    transform: rotate(-135deg);
    top: 50%
}

.he-link h3 {
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 15px;
    padding-bottom: 3px
}

.he-link h3::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    width: 66px;
    background: #e74040;
    z-index: -1
}

.abint-img,
.abnum-box,
.inb-img,
.megame-tab ul li,
.megame-tab ul li a,
header .navbar .container {
    position: relative
}

.hebi-box+.hebi-box,
.megame-tab ul li+li {
    margin-top: 22px
}

.megame-tab ul li {
    width: 100%;
    display: block;
    z-index: 1
}

.megame-tab ul li a {
    font-size: 22px;
    line-height: 33px;
    font-weight: 500;
    color: #333;
    max-width: 100%
}

.megame-tab {
    border-right: 2px solid #ebacac;
    min-height: 350px
}

.megame-tabdesc {
    margin: 0 30px 0 70px
}

.megame-tabdesc ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px
}

.mega-menu .megame-tabdesc li a {
    padding: 15px;
    border-radius: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    color: #333;
    max-width: 100%;
    height: 118px
}

.megame-tabdesc li a img {
    max-width: 50px;
    margin-bottom: 10px
}

header .mega-menu .megame-tab li a::before {
    content: '';
    position: absolute;
    top: 0;
    right: -2px;
    bottom: 100%;
    background: #e74040;
    width: 3px;
    z-index: -1;
    transition: .5s
}

header .mega-menu .megame-tab li a.active::before,
header .mega-menu .megame-tab li a:hover::before {
    bottom: 0
}

.inner-banner {
    padding-top: 150px;
    padding-bottom: 120px;
    background: #fff3f3;
    background: linear-gradient(180deg, #fff3f3 0, #fff 100%)
}

.inb-desc .breadcrumb-item {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    color: #e74040;
    position: relative;
    z-index: 1
}

.cont-form .forminator-button,
.hcta-right .forminator-button,
.inquery-form .forminator-button {
    font-size: 16px !important;
    line-height: 26px !important;
    outline: 0 !important;
    font-weight: 700 !important;
    transition: .5s !important
}

.inb-desc .breadcrumb-item+.breadcrumb-item::before,
.inb-img::before {
    z-index: -1;
    content: '';
    position: absolute;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center
}

.inb-desc .breadcrumb-item a {
    color: rgba(51, 51, 51, .4)
}

.inb-desc .breadcrumb-item+.breadcrumb-item {
    padding-left: 25px;
    margin-left: 10px
}

.inb-desc .breadcrumb-item+.breadcrumb-item::before {
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='512' height='512' x='0' y='0' viewBox='0 0 492.004 492.004' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='M382.678 226.804 163.73 7.86C158.666 2.792 151.906 0 144.698 0s-13.968 2.792-19.032 7.86l-16.124 16.12c-10.492 10.504-10.492 27.576 0 38.064L293.398 245.9l-184.06 184.06c-5.064 5.068-7.86 11.824-7.86 19.028 0 7.212 2.796 13.968 7.86 19.04l16.124 16.116c5.068 5.068 11.824 7.86 19.032 7.86s13.968-2.792 19.032-7.86L382.678 265c5.076-5.084 7.864-11.872 7.848-19.088.016-7.244-2.772-14.028-7.848-19.108z' fill='%23333333' opacity='0.5490196078431373' data-original='%23000000' class=''%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    width: 15px;
    height: 15px
}

.inb-desc h1 {
    font-size: 42px;
    line-height: 52px;
    margin-bottom: 18px
}

.bd-cta h2,
.breadcrumb,
.hintb-img {
    margin-bottom: 15px
}

.abvalb-img,
.inb-desc p {
    margin-bottom: 25px
}

.inb-desc p {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    color: #333
}

.abmivib-desc p:last-child,
.auth-detail p,
.bdconclude-box p:last-child,
.blog-detail-desc .f-social ol:last-child,
.blog-detail-desc .f-social p:last-child,
.blog-detail-desc .f-social ul,
.blog-detail-desc .f-social ul:last-child,
.blog-detail-desc h3:last-child,
.carrer-intro .title p:last-child,
.hidetal-desc p,
.home-blog .title p,
.hwor-desc p:last-child,
.inb-desc p:last-child,
.inquery .title p:last-child,
.portli-box .hwor-desc p,
.prochallb-desc p:last-child,
.prosolt-desc p:last-child,
.solulife-desc p:last-child,
.techuse-case .title p {
    margin-bottom: 0
}

.inb-img img {
    width: 100%;
    border-radius: 0 80px
}

.inb-img {
    padding: 10px;
    z-index: 1
}

.inb-img::before {
    top: 0;
    right: 0;
    width: 63px;
    height: 63px;
    background-image: url("data:image/svg+xml,%3Csvg width='63' height='71' viewBox='0 0 63 71' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M60.5039 68.3018L59.9881 65.419C54.5828 35.2079 32.1619 10.8655 2.49602 2.99988V2.99988' stroke='%23E74040' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E%0A")
}

.inb-img::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 63px;
    height: 63px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg width='69' height='66' viewBox='0 0 69 66' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 2.90088L3.74257 5.73366C11.5248 35.4215 35.8042 57.9107 66 63.4009V63.4009' stroke='%23E74040' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    z-index: -1
}

.abint-img::before,
.abnum-box::before {
    background: #e74040;
    content: '';
    position: absolute;
    z-index: -1
}

.abint-img {
    padding-left: 10px;
    padding-top: 10px;
    z-index: 1
}

.abint-img::before {
    top: 0;
    left: 0;
    right: 10px;
    bottom: 10px;
    border-radius: 20px
}

.ab-number {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
    border: 2px solid #dedede;
    margin-top: 40px;
    border-radius: 10px
}

.abnum-box {
    padding: 16px 30px 16px 60px;
    z-index: 1;
    border-top: 2px solid #dedede
}

.abnum-box::before {
    top: 16px;
    left: 30px;
    width: 3px;
    bottom: 16px
}

.abnum-box h4 {
    font-size: 42px;
    line-height: 50px;
    font-weight: 700;
    color: #e74040;
    margin-bottom: 2px
}

.abnum-box p {
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    color: #333;
    margin-bottom: 0
}

.abnum-box:first-child,
.abnum-box:nth-child(2),
.modal-content {
    border: 0
}

.abnum-box:nth-child(2n) {
    border-left: 2px solid #dedede
}

.abval-box {
    padding: 30px;
    background: #fafafa;
    border-radius: 10px;
    border: 2px solid #fafafa;
    transition: .5s;
    box-shadow: 0 0 0;
    height: 100%
}

.abval-box:hover {
    background: #fff;
    border-color: rgba(231, 64, 64, .3);
    box-shadow: 4px 4px 20px 0 rgba(0, 0, 0, .1)
}

.abvalb-img svg path {
    fill: #000000;
    transition: .5s
}

.abvalb-img svg {
    max-width: 55px
}

.abval-box h4 {
    font-size: 28px;
    line-height: 38px;
    font-weight: 700;
    margin-bottom: 12px;
    color: #333;
    transition: .5s
}

.abval-box p {
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    margin-bottom: 0;
    color: #333
}

.abwhy-box {
    display: grid;
    grid-template-columns: 90px auto;
    gap: 30px;
    align-items: center
}

.abwhy-main {
    margin: 45px 0 50px
}

.abwhy-box+.abwhy-box {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 2px solid #d6d0d0
}

.abwhyb-img {
    max-width: 90px;
    height: 90px;
    background: #ffe9e9;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 15px;
    border-radius: 50%
}

.abwhyb-desc h4 {
    font-size: 22px;
    line-height: 32px;
    font-weight: 700;
    color: #11142d;
    margin-bottom: 6px
}

.abwhyb-desc p,
.carre-box ul li {
    font-size: 20px;
    line-height: 30px
}

.abwhyb-desc p {
    font-weight: 400;
    color: #333;
    margin-bottom: 0
}

.hint-box {
    padding: 30px;
    background: #fff6f6;
    border: 1px solid rgba(231, 64, 64, .2);
    border-radius: 20px
}

.hintb-img img {
    max-width: 50px
}

.hint-box h4 {
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 12px;
    font-weight: 700;
    color: #e74040
}

.hint-box p {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 0;
    font-weight: 400;
    color: #333
}

.hirdev-hiring .row+.row,
.home-intro .row+.row,
.indusde-intro .row+.row,
.indusde-service .row+.row,
.project-key .row+.row,
.techno-benifits .row+.row,
.techno-devloper .row+.row,
.techno-indserve .row+.row,
.techno-platform .row+.row,
.techno-why .row+.row {
    row-gap: 30px;
    margin-top: 12px
}

.abmivi-box .row {
    justify-content: flex-end
}

.abmivi-box:nth-child(2n) .row {
    flex-direction: row-reverse;
    justify-content: flex-end
}

.abmivi-box:nth-child(2n) .row .abmivib-desc,
.serdeproce-box:nth-child(2n) .serdeproceb-desc {
    text-align: right
}

.abmivi-box+.abmivi-box {
    margin-top: 308px
}

.abmivi-main::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url("data:image/svg+xml,%3Csvg width='1182' height='763' viewBox='0 0 1182 763' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.3' d='M0.666667 6C0.666667 8.94552 3.05448 11.3333 6 11.3333C8.94552 11.3333 11.3333 8.94552 11.3333 6C11.3333 3.05448 8.94552 0.666667 6 0.666667C3.05448 0.666667 0.666667 3.05448 0.666667 6ZM1170.67 757C1170.67 759.945 1173.05 762.333 1176 762.333C1178.95 762.333 1181.33 759.945 1181.33 757C1181.33 754.055 1178.95 751.667 1176 751.667C1173.05 751.667 1170.67 754.055 1170.67 757ZM5 6V359H7V6H5ZM36 390H1146V388H36V390ZM1175 419V757H1177V419H1175ZM1146 390C1162.02 390 1175 402.984 1175 419H1177C1177 401.879 1163.12 388 1146 388V390ZM5 359C5 376.121 18.8792 390 36 390V388C19.9837 388 7 375.016 7 359H5Z' fill='%23E74040'/%3E%3C/svg%3E%0A");
    z-index: -1
}

.carrba-main {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px
}

.carrer-banner .row+.row {
    margin-top: 110px
}

.carrer-banner,
.contact-banner,
.prodet-banner {
    padding-top: 180px
}

.carre-box {
    padding: 30px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 10px;
    transition: .5s
}

.carre-box:hover,
.indulis-box:hover,
.insubli-box:hover,
.techplatf-box:hover {
    background: #fff5f5;
    border: 1px solid rgba(231, 64, 64, .5)
}

.carre-box h4 {
    font-size: 28px;
    line-height: 38px;
    font-weight: 700;
    color: #000;
    margin-bottom: 15px
}

.carre-box ul li {
    font-weight: 500;
    color: #666
}

.carmod-top ul,
.carre-box ul {
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.carmod-top ul {
    margin-bottom: 0;
    justify-content: center
}

.carmod-top ul li+li,
.carre-box ul li+li {
    padding-left: 24px;
    margin-left: 10px;
    position: relative;
    z-index: 1
}

.carmod-top ul li+li::before,
.carre-box ul li+li::before {
    content: '||';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: -1
}

.carmod-top ul li {
    font-weight: 700;
    color: #666
}

.modal-content {
    background: #fff;
    border-radius: 20px;
    box-shadow: 4px 4px 30px 0 rgba(0, 0, 0, .1);
    padding: 80px 100px
}

.carmod-top {
    padding: 30px 50px;
    background: #fff8f8;
    border: 1px solid #e74040;
    margin-bottom: 50px;
    border-radius: 10px
}

.carmod-top h2 {
    font-size: 38px;
    line-height: 48px;
    font-weight: 700;
    color: #000522;
    margin-bottom: 18px
}

.modal .carmod-form input,
.modal .carmod-form select,
.modal .carmod-form textarea {
    background: #f9f9f9;
    border: 2px solid #f9f9f9 !important;
    min-height: 51px;
    border-radius: 6px;
    padding: 10px 25px;
    box-shadow: 0 0 0 !important;
    outline: 0 !important
}

.modal .carmod-form button {
    width: 100%;
    display: block;
    max-width: 100%
}

.carmod-form .row .col-lg-12,
.carmod-form .row .col-lg-6 {
    margin-top: 0
}

.blog-listing .row,
.carmod-form .row,
.home-blog .row+.row,
.inquery-form .row {
    row-gap: 30px
}

.carmod-form .form-select {
    position: relative;
    z-index: 1;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: 0 0;
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='12' viewBox='0 0 18 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.99995 11.1304C8.67735 11.1304 8.3548 11.0072 8.10885 10.7614L0.369254 3.0217C-0.123085 2.52936 -0.123085 1.73112 0.369254 1.23898C0.861394 0.746838 1.65948 0.746838 2.15186 1.23898L8.99995 8.08747L15.8481 1.23922C16.3404 0.747077 17.1384 0.747077 17.6305 1.23922C18.1231 1.73136 18.1231 2.5296 17.6305 3.02194L9.89105 10.7616C9.64498 11.0075 9.32242 11.1304 8.99995 11.1304Z' fill='%23221B51' fill-opacity='0.8'/%3E%3C/svg%3E%0A") !important;
    background-repeat: no-repeat !important;
    background-position-x: 97% !important;
    background-position-y: 54% !important
}

.conmain-left::before,
.induliban-img::before,
.project-challengs::before,
.project-key::before,
.prosol-main::before,
.prosolb-box+.prosolb-box::before {
    content: '';
    position: absolute;
    z-index: -1
}

.modal-btn {
    background: #f44336;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    padding: 5px;
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: -20px;
    box-shadow: 0 0 0 !important;
    right: -20px;
    opacity: 1
}

.conmain-left,
.indsdwhy-box,
.induliban-img,
.pricplan-box ul li,
.priplan-main,
.prosol-main,
.prosolb-box,
.technoban-img {
    position: relative;
    z-index: 1
}

.btn-close.modal-btn svg {
    max-width: 20px
}

.carrer-list .row+.row {
    row-gap: 30px;
    margin-top: 14px
}

.contact-main .row {
    padding: 10px 0;
    background: #fff;
    box-shadow: 0 0 60px 30px rgba(0, 0, 0, .03);
    border-radius: 10px
}

.conmain-left {
    padding: 40px 40px 70px;
    background: #e74040;
    border-radius: 10px;
    overflow: hidden
}

.blist-box,
.pricing-plan.white .priplan-main::before,
.social ul li a:hover {
    background: #fff
}

.conmain-left::before {
    bottom: 0;
    right: 0;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    width: 220px;
    height: 220px;
    background-image: url("data:image/svg+xml,%3Csvg width='208' height='209' viewBox='0 0 208 209' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='162.5' cy='160.5' r='134.5' fill='white' fill-opacity='0.12'/%3E%3Ccircle cx='69' cy='69' r='69' fill='%23FFF9F9' fill-opacity='0.13'/%3E%3C/svg%3E%0A")
}

.conmain-left h2 {
    font-size: 28px;
    line-height: 38px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 12px
}

.conmain-left p {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 0
}

.conmain-info {
    margin: 55px 0 70px
}

.conmain-info ul li {
    display: flex;
    gap: 20px;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    color: #fff
}

.conmain-info ul li a {
    color: #fff;
    line-height: 20px
}

.conmain-info ul li svg {
    max-width: 25px;
    flex: 100%
}

.conmain-info ul li a:hover,
.pricplan-box.active h4,
.pricplan-box.active h4 b,
.pricplan-box.active h4 strong,
.pricplan-box.active h5,
.pricplan-box.active p,
.pricplan-box.active ul li {
    color: #fff
}

.conmain-info ul li+li,
.inquery-form .btn-primaryred,
.serval-tabs {
    margin-top: 40px
}

.contact-banner .breadcrumb {
    justify-content: center
}

.social ul {
    display: flex;
    flex-wrap: wrap;
    gap: 8px
}

.blistb-img h3,
.social ul li a {
    align-items: center;
    display: flex
}

.social ul li a {
    width: 44px;
    height: 44px;
    justify-content: center;
    text-align: center;
    background: rgba(255, 243, 243, .08);
    border-radius: 5px;
    transition: .5s
}

.cont-form label {
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 0;
    color: #8d8d8d;
    font-weight: 500
}

.cont-form input,
.cont-form select,
.cont-form textarea,
.inquery-form input,
.inquery-form select,
.inquery-form textarea {
    padding: 10px 0 !important;
    height: 45px !important;
    min-height: 45px !important;
    border-radius: 0 !important;
    background: 0 0 !important;
    box-shadow: 0 0 0 !important;
    border: 0 !important;
    border-bottom: 1px solid #8d8d8d !important;
    color: #000 !important
}

.inquery-form input::placeholder,
.inquery-form select::placeholder,
.inquery-form textarea::placeholder {
    color: #333 !important
}

.cont-form .forminator-button,
.inquery-form .forminator-button {
    color: #fff !important;
    padding: 12px 29px !important;
    background: #e74040 !important;
    border: 1px solid #e74040 !important;
    border-radius: 8px !important;
    max-width: fit-content !important;
    box-shadow: 0 0 0 !important
}

.cont-form .forminator-button:hover,
.inquery-form .forminator-button:hover {
    background: #fff !important;
    color: #e74040 !important
}

.cont-form select {
    cursor: pointer
}

.cont-form button {
    margin-top: 20px
}

.cont-form {
    max-width: 95%;
    margin: 30px auto auto
}

.cont-form .row {
    background: 0 0;
    padding: 0;
    row-gap: 30px;
    margin-top: 30px;
    box-shadow: 0 0 0 !important
}

.conm-map iframe {
    border-radius: 10px !important
}

.blist-box {
    border: 1px solid #e4e4e4;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0 0;
    transition: .5s
}

.blist-box:hover {
    border: 1px solid rgba(231, 64, 64, .5);
    box-shadow: 4px 4px 40px 0 rgba(0, 0, 0, .15)
}

.blistb-img img {
    width: 100%;
    border-radius: 10px 10px 0 0
}

.blistb-img h3 {
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 26px;
    line-height: 36px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 0;
    opacity: 0;
    transition: .1s
}

.blog-user-image {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    border: 1px solid #f7c1c1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px
}

.blistb-img h3 a {
    display: block;
    width: 100%;
    height: 100%;
    gap: 5px;
    background: rgba(11, 11, 11, .4);
    backdrop-filter: blur(5px);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.blis-user,
.portli-tabs ul {
    align-items: center;
    display: flex
}

.blistb-desc h4 {
    font-size: 18px;
    line-height: 25px;
    font-weight: 700;
    color: #000;
    margin-bottom: 10px
}

.blistb-desc h4 a {
    color: #000
}

.blistb-desc h4 a:hover,
.insublib-desc h4 a:hover {
    color: #f44336
}

.blistb-desc p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #333;
    margin-bottom: 20px
}

.blis-user {
    gap: 10px;
    margin-top: 30px
}

.blis-user img {
    flex: 100%
}

.blis-user h5 {
    font-size: 16px;
    line-height: 25px;
    font-weight: 700;
    color: #333;
    margin-bottom: 0
}

.blistb-desc ul {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 16px
}

.blistb-desc ul li {
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
    color: #6d6e71;
    padding: 5px 10px;
    background: #fff5f5;
    border-radius: 3px
}

.blog-title {
    padding: 60px 0;
    background-color: #fff0f0;
    text-align: center;
    max-height: 450px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #f8cccc
}

.blog-title h1 {
    font-weight: 700;
    font-size: 44px;
    line-height: 54px;
    margin: 30px 0;
    padding: 0 10%
}

.blog-listing .btn-primary,
.portfoli-listing .btn-primary {
    max-width: fit-content;
    margin: 70px auto 0
}

.portli-banner .inb-desc img {
    width: 100%;
    border-radius: 20px;
    margin-top: 20px
}

.portli-tabs ul {
    gap: 20px;
    flex-wrap: wrap
}

.portli-tabs ul li a {
    font-size: 18px;
    line-height: 28px;
    display: block;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    padding: 12px 28px;
    color: #7e7e7e;
    background: 0 0;
    font-weight: 500;
    transition: .5s
}

.portli-tabs ul li a.active,
.portli-tabs ul li a:hover {
    background: #e74040;
    border: 1px solid #e74040;
    color: #fff
}

.portli-tabs ul li a.active {
    box-shadow: 4px 4px 15px 0 rgba(0, 0, 0, .15)
}

.portli-main {
    margin-top: 70px
}

.portli-box .row {
    row-gap: 40px
}

.induliban-img img {
    width: 100%;
    border-radius: 220px 10px 10px 220px
}

.induliban-img {
    padding-bottom: 10px;
    padding-left: 10px
}

.induliban-img::before {
    left: 0;
    top: 10px;
    right: 10px;
    bottom: 0;
    background: #e74040;
    border-radius: 220px 10px 10px 220px
}

.indulis-box,
.insubli-box {
    padding: 10px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 10px;
    transition: .5s
}

.induslib-desc {
    padding: 20px 10px 15px
}

.induslib-desc h3 {
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 8px;
    font-weight: 700;
    color: #333
}

.induslib-desc p {
    font-size: 18px;
    line-height: 27px;
    font-weight: 400;
    color: #656464;
    margin-bottom: 20px
}

.arrow-btn {
    padding: 0;
    box-shadow: 0 0 0 !important;
    border: 0;
    background: 0 0 !important;
    color: #333;
    font-size: 16px;
    line-height: 25px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: .5s
}

.arrow-btn svg {
    max-width: 15px;
    flex: 100%
}

.projkeb-img,
.prosolbb-img {
    align-items: center;
    text-align: center
}

.arrow-btn svg path,
.insdeminb-img svg path,
.insdeseb-img svg path,
.serval-tabs ul li a svg path,
.techplatfb-img svg path,
.techplatfb-inimg svg path,
.techplatfb-inimg svg polygon {
    fill: #333;
    transition: .5s
}

.industri-listing .row+.row {
    margin-top: 12px;
    row-gap: 40px
}

.insublib-desc {
    padding: 0 10px 10px
}

.insublib-img {
    margin-bottom: 18px
}

.insublib-desc h4 {
    font-size: 22px;
    line-height: 29px;
    font-weight: 600;
    color: #333;
    margin-bottom: 0
}

.industry-sublist .row+.row {
    margin-top: 14px
}

.prdbli-box h2 {
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
    color: #333;
    margin-bottom: 4px
}

.prdb-list {
    margin-top: 40px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px
}

.prdbli-box p {
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
    color: #e74040;
    margin-bottom: 0
}

.prdbli-box+.prdbli-box {
    border-left: 1px solid #ababab;
    padding-left: 30px
}

.project-key::before {
    top: 0;
    left: 20px;
    right: 20px;
    bottom: 0;
    background: #fff5f5;
    border: 1px solid rgba(231, 64, 64, .6);
    border-radius: 10px
}

.projkeb-img {
    max-width: 90px;
    width: 90px;
    height: 90px;
    background: #ffe9e9;
    display: flex;
    justify-content: center;
    border-radius: 50%;
    flex: 100%
}

.projkeb-img img {
    max-width: 38px
}

.projke-box {
    padding: 30px;
    background: #fff;
    border-radius: 10px;
    display: grid;
    grid-template-columns: 90px auto;
    gap: 30px
}

.projkeb-desc h4,
.techbeni-box h4 {
    font-size: 22px;
    line-height: 32px;
    font-weight: 700;
    color: #11142d;
    margin-bottom: 8px
}

.projkeb-desc p {
    font-size: 20px;
    line-height: 27px;
    font-weight: 400;
    color: #333;
    margin-bottom: 0
}

.prochallb-desc h2,
.prosolt-desc h2 {
    font-size: 42px;
    line-height: 52px;
    font-weight: 700;
    color: #e74040;
    margin-bottom: 12px
}

.prochallb-desc p,
.prosolt-desc p {
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
    color: #333
}

.prochall-box:nth-child(2n) .row {
    flex-direction: row-reverse
}

.project-challengs::before {
    top: 50px;
    bottom: 50px;
    left: 0;
    right: 0;
    background: #f5f5f5
}

.prosol-main {
    padding: 50px 0
}

.prosol-main::before {
    top: 0;
    left: -50px;
    right: -50px;
    bottom: 0;
    border-radius: 10px;
    background: #fff5f5;
    border: 1px solid #e74040
}

.prosolbb-img {
    width: 50px;
    height: 50px;
    margin-bottom: 15px;
    background: #fff;
    border: 1px solid #ebebeb;
    border-radius: 10px;
    box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, .05);
    display: flex;
    justify-content: center
}

.prosolbb-desc h3 {
    font-size: 18px;
    line-height: 27px;
    font-weight: 700;
    color: #333;
    margin-bottom: 0
}

.prosolb-main {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    border-top: 1px solid #ccc4c4;
    margin-top: 30px;
    padding-top: 40px
}

.prosolb-box {
    padding: 10px 30px
}

.prosolb-box+.prosolb-box::before {
    top: 0;
    left: -16px;
    bottom: 0;
    width: 1px;
    background: #ccc4c4
}

.hcta-form input::placeholder,
.hcta-form textarea::placeholder {
    color: #fff !important
}

.hcta-form input,
.hcta-form textarea,
.hcta-right input,
.hcta-right textarea {
    background: 0 0 !important;
    border: 1px solid rgba(255, 255, 255, .5) !important;
    box-shadow: 0 0 0 !important;
    min-height: 56px !important;
    padding: 10px 20px !important;
    border-radius: 8px !important;
    color: #fff !important
}

.hcta-right input::placeholder,
.hcta-right textarea::placeholder {
    color: #fff !important
}

.hcta-form .row {
    row-gap: 10px
}

.hcta-right .forminator-button {
    padding: 15px 40px !important;
    border-radius: 8px !important;
    border: 0 !important;
    box-shadow: 0 0 0 !important;
    background: #fff !important
}

.hcta-form .btn-primary,
.hcta-right .forminator-button {
    color: #333 !important;
    width: 100% !important;
    display: block !important;
    max-width: 100% !important;
    margin-top: 30px !important
}

.indsdwhy-box::before,
.pricplan-box ul li::before {
    width: 20px;
    height: 20px;
    content: '';
    position: absolute;
    z-index: -1
}

.hcta-form .btn-primary:hover,
.hcta-right .forminator-button:hover {
    color: #fff !important;
    background: #333 !important
}

.industry-sublist .row+.row .col-lg-3.col-md-6 {
    display: inherit
}

.indusdeb-bottom ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin: 30px 0 40px
}

.insdeminb-top h4,
.insdeseb-top h4 {
    font-weight: 600;
    color: #333;
    margin: 0;
    transition: .5s
}

.indusdeb-bottom ul li+li {
    padding-left: 30px;
    border-left: 1px solid #706f6f
}

.indusdeb-bottom ul li {
    display: flex;
    align-items: center;
    gap: 20px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #706f6f
}

.indusdeb-bottom ul li img {
    max-width: 30px;
    flex: 100%
}

.indsdeb-img {
    padding: 0 20px 20px 0;
    z-index: 1
}

.indsdeb-img::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg width='479' height='404' viewBox='0 0 479 404' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M478.77 131.659C481.262 77.8672 450.074 38.3011 401.126 20.1737C314.723 -11.8268 64.4912 -14.6382 10.0483 92.4662C-14.2814 140.331 11.9738 194.529 40.9219 235.6C85.2581 298.501 146.024 358.69 217.529 389.336C242.37 399.984 270.64 406.878 297.698 402.204C326.58 397.215 351.892 376.972 372.145 356.82C396.612 332.477 418.143 302.715 434.259 272.222C456.383 230.366 476.555 179.481 478.77 131.659Z' fill='%23FFDBDB'/%3E%3C/svg%3E%0A");
    z-index: -1
}

.insdese-box {
    padding: 30px;
    background: #fafafa;
    border-radius: 10px;
    border: 1px solid #fafafa;
    box-shadow: 0 0 0;
    transition: .5s;
    height: 185px
}

.insdese-box:hover {
    background: #fff8f8;
    border: 1px solid rgba(231, 64, 64, .3);
    box-shadow: 4px 4px 20px 0 rgba(0, 0, 0, .1)
}

.insdeseb-img {
    max-width: 50px;
    flex: 100%
}

.insdeseb-top {
    margin-bottom: 20px;
    gap: 17px
}

.insdeseb-img svg {
    width: 100%;
    height: 50px
}

.insdeseb-top h4 {
    font-size: 22px;
    line-height: 31px
}

.insdeminb-top h4 {
    font-size: 16px;
    line-height: 23px
}

.insdemin-box p,
.insdese-box p {
    font-weight: 400;
    margin-bottom: 0
}

.insdese-box p {
    font-size: 18px;
    line-height: 27px;
    color: rgba(51, 51, 51, .8)
}

.insdemin-box p {
    font-size: 16px;
    line-height: 23px;
    color: #858585
}

.insdeminb-top {
    margin-bottom: 10px;
    gap: 15px
}

.insdeminb-img,
.texhindservt-img {
    max-width: 40px;
    flex: 100%
}

.insdemin-box {
    padding: 20px;
    background: rgba(211, 211, 211, .15);
    border: 1px solid rgba(211, 211, 211, .15);
    box-shadow: 0 0 0;
    border-radius: 10px;
    transition: .5s
}

.insdemin-box:hover {
    background: #fff;
    border: 1px solid rgba(231, 64, 64, .3);
    box-shadow: 4px 4px 20px rgba(0, 0, 0, .1)
}

.inquery-form {
    padding: 50px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 4px 4px 30px 0 rgba(0, 0, 0, .1)
}

.inquery-form h4 {
    font-size: 26px;
    line-height: 35px;
    font-weight: 700;
    color: #333;
    margin-bottom: 40px
}

.inquery-form input,
.inquery-form select,
.inquery-form textarea {
    border-bottom: 1px solid #ccc !important;
    color: #000;
    padding: 10px
}

.indusde-tech::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50px;
    bottom: 0;
    right: 50px;
    background: #fff;
    border-radius: 10px;
    border: 1px solid rgba(231, 64, 64, .2);
    box-shadow: 4px 4px 40px rgba(0, 0, 0, .05);
    z-index: -1
}

.indsdwhy-box::before,
.pricplan-box ul li::before,
.pricplan-box.active ul li::before {
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.inddetec-box {
    display: grid;
    grid-template-columns: 22% auto;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 10px
}

.inddetecb-left {
    border: 1px solid rgba(231, 64, 64, .2);
    background: #fff8f8;
    border-radius: 10px;
    padding: 25px 20px;
    display: flex;
    align-items: center;
    width: 100%;
    text-align: center;
    justify-self: center
}

.inddetecb-left h4 {
    font-size: 22px;
    line-height: 32px;
    margin: auto;
    font-weight: 700;
    color: #e74040
}

.inddetecb-right ul {
    display: flex;
    align-items: center;
    margin-left: 50px;
    flex-wrap: wrap;
    gap: 20px;
    padding: 20px 20px 20px 0
}

.inddetecb-right ul li {
    font-size: 18px;
    line-height: 30px;
    font-weight: 500;
    color: #333;
    text-wrap: nowrap
}

.inddetecb-right ul li+li {
    padding-left: 20px;
    border-left: 2px solid #cdc7c7
}

.inddetec-main {
    margin: 40px 0 50px
}

.indsdwhy-box {
    padding: 25px 25px 25px 60px;
    background: #fff;
    border: 1px solid #e1e1e1;
    transition: .5s;
    border-radius: 10px
}

.indsdwhy-box::before {
    top: 29px;
    left: 25px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_962_2810)'%3E%3Cpath d='M10 0C4.48622 0 0 4.48622 0 10C0 15.5138 4.48622 20 10 20C15.5138 20 20 15.5138 20 10C20 4.48622 15.5138 0 10 0ZM15.589 7.36842L9.198 13.7093C8.82206 14.0852 8.22055 14.1103 7.81955 13.7343L4.43609 10.6516C4.03509 10.2757 4.01003 9.64912 4.3609 9.24812C4.73684 8.84712 5.36341 8.82206 5.76441 9.198L8.44612 11.6541L14.1604 5.93985C14.5614 5.53885 15.188 5.53885 15.589 5.93985C15.99 6.34085 15.99 6.96742 15.589 7.36842Z' fill='%23E74040'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_962_2810'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A")
}

.indsdwhy-box h4 {
    font-size: 22px;
    line-height: 31px;
    font-weight: 700;
    color: #333;
    margin-bottom: 10px
}

.indsdwhy-box p {
    font-size: 20px;
    line-height: 29px;
    color: #333;
    margin-bottom: 0
}

.indsdwhy-box:hover {
    border: 1px solid rgba(231, 64, 64, .5)
}

.faq-acco .accordion-button::after {
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 13L25 13' stroke='%23E74040' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M13 1L13 25' stroke='%23E74040' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    margin-top: 0
}

.faq-acco .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3Csvg width='26' height='2' viewBox='0 0 26 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L25 1' stroke='%23E74040' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    margin-top: -20px
}

.faq-acco .accordion-button:not(.collapsed)::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid rgba(231, 64, 64, .4);
    border-radius: 8px;
    z-index: -1
}

.faq-acco .accordion-item h4 button {
    border-bottom: 1px solid #d9d9d9 !important
}

.technoban-img {
    padding: 0 10px 10px 0
}

.technoban-img img {
    border-radius: 20px;
    width: 100%
}

.technoban-img::before {
    content: '';
    position: absolute;
    top: 10px;
    left: 10px;
    right: 0;
    bottom: 0;
    background: #e74040;
    border-radius: 20px;
    z-index: -1
}

.solfeatu-main .projke-box,
.techno-why .projke-box {
    box-shadow: 0 4px 20px rgba(0, 0, 0, .05);
    min-height: 190px;
    display: flex;
    align-items: center;
    justify-content: center
}

.solfeatu-main .projke-box {
    justify-content: flex-start
}

.techplatf-box {
    padding: 30px 20px;
    background: #f7f7f7;
    border-radius: 10px;
    border: 1px solid #f7f7f7;
    transition: .5s;
    height: 320px
}

.techplatfb-img {
    padding: 0 10px 15px
}

.techplatfb-img svg {
    max-width: 40px
}

.techplatfb-desc h4 {
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 10px;
    font-weight: 600;
    color: #333
}

.techplatfb-desc p {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 0;
    font-weight: 400;
    color: #333
}

.bottom-btn .btn-primary {
    max-width: fit-content;
    margin: 30px auto 0
}

.pricplan-box {
    padding: 30px 60px;
    margin: auto
}

.pricplan-box h4 {
    font-size: 36px;
    line-height: 46px;
    font-weight: 800;
    color: #333;
    margin-bottom: 16px
}

.pricplan-box h4 b,
.pricplan-box h4 strong {
    font-size: 17px;
    line-height: 25px;
    font-weight: 500;
    color: #333
}

.pricplan-box h5 {
    font-size: 28px;
    line-height: 38px;
    font-weight: 500;
    color: #333;
    margin-bottom: 6px
}

.pricplan-box p,
.pricplan-box ul li {
    line-height: 22px;
    color: #333;
    font-size: 15px;
    font-weight: 500
}

.pricplan-box p {
    margin-bottom: 18px
}

.pricplan-box ul li {
    padding-left: 30px
}

.pricplan-box ul li::before {
    top: 0;
    left: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20C15.5228 20 20 15.5228 20 10C19.9936 4.47982 15.5202 0.00642897 10 0Z' fill='%23E74040' fill-opacity='0.15'/%3E%3Cpath d='M15.7722 6.83331L10.068 14.5741C9.93197 14.7546 9.72912 14.8729 9.50503 14.9024C9.28094 14.9318 9.05441 14.87 8.87634 14.7308L4.80301 11.4741C4.44356 11.1865 4.38536 10.6619 4.67301 10.3025C4.96066 9.94303 5.48523 9.88483 5.84468 10.1725L9.24134 12.89L14.4305 5.84748C14.6007 5.59214 14.8974 5.45096 15.2029 5.48001C15.5083 5.50906 15.7731 5.70362 15.8921 5.98646C16.0111 6.26929 15.965 6.59463 15.7722 6.83331Z' fill='%23E74040'/%3E%3C/svg%3E%0A")
}

.pricplan-box ul li+lI {
    margin-top: 10px
}

.price-btn {
    padding: 11px 30px;
    font-size: 15px;
    line-height: 23px;
    font-weight: 500;
    color: #fff;
    background: #e74040;
    opacity: .7;
    border-radius: 24px;
    box-shadow: 0 0 0 !important;
    display: block;
    width: 100%;
    border: 1px solid #e74040
}

.price-btn:hover {
    background: #fff;
    color: #e74040;
    border: 1px solid #e74040;
    opacity: 1
}

.pricplan-box span {
    padding: 7px 18px;
    display: block;
    border-radius: 14px;
    font-size: 10px;
    line-height: 15px;
    margin-bottom: 20px;
    color: #e74040;
    background: #fff;
    max-width: fit-content;
    font-weight: 700;
    margin-left: auto
}

.teucasesw-desc ul li,
.teucasesw-right span {
    font-size: 12px;
    line-height: 20px;
    font-weight: 500
}

.pricplan-box.active ul li::before {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.1' d='M10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20C15.5228 20 20 15.5228 20 10C19.9936 4.47982 15.5202 0.00642897 10 0Z' fill='white'/%3E%3Cpath d='M15.7722 6.83331L10.068 14.5741C9.93197 14.7546 9.72912 14.8729 9.50503 14.9024C9.28094 14.9318 9.05441 14.87 8.87634 14.7308L4.80301 11.4741C4.44356 11.1865 4.38536 10.6619 4.67301 10.3025C4.96066 9.94303 5.48523 9.88483 5.84468 10.1725L9.24134 12.89L14.4305 5.84748C14.6007 5.59214 14.8974 5.45096 15.2029 5.48001C15.5083 5.50906 15.7731 5.70362 15.8921 5.98646C16.0111 6.26929 15.965 6.59463 15.7722 6.83331Z' fill='white'/%3E%3C/svg%3E%0A")
}

.pricplan-box.active {
    background: #e74040;
    border-radius: 26px;
    box-shadow: 4px 4px 15px 0 rgba(0, 0, 0, .2)
}

.pricplan-box.active .price-btn {
    background: #fff;
    color: #e74040;
    border-color: #fff;
    opacity: 1
}

.pricplan-box.active .price-btn:hover {
    color: #fff;
    background: #e74040;
    border-color: #fff
}

.priplan-main {
    padding-bottom: 12px;
    margin-top: 20px
}

.priplan-main::before {
    content: '';
    position: absolute;
    top: 50px;
    left: -30px;
    right: -30px;
    bottom: 0;
    background: #fff8f8;
    border-radius: 26px;
    backdrop-filter: blur(35px);
    z-index: -1
}

.serviceban-img::after,
.serviceban-img::before {
    width: 45px;
    height: 84px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    content: ''
}

.teucasesw-box {
    padding: 30px;
    background: #fff;
    border-radius: 10px
}

.teucasesw-left {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #fff8f8;
    border: 1px solid rgba(231, 64, 64, .3);
    border-radius: 10px
}

.teucasesw-left img {
    max-width: 20px;
    margin: auto
}

.teucasesw-right span {
    padding: 5px 10px;
    display: block;
    background: #f2ffe1;
    border: 1px solid rgba(172, 172, 172, .2);
    border-radius: 7px;
    color: #3b882e
}

.teucasesw-desc h4 {
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 14px;
    font-weight: 600;
    color: #333
}

.teucasesw-desc p {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 30px;
    font-weight: 300;
    color: #333
}

.teucasesw-desc ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px
}

.teucasesw-desc ul li {
    border-radius: 7px;
    color: #333;
    padding: 10px 15px;
    background: #fafafa;
    border: 1px solid rgba(172, 172, 172, .2)
}

.techuscase-swiper {
    margin-top: 45px
}

.techindserv-box {
    padding: 20px;
    background: #f6f6f6;
    border-radius: 8px;
    height: 210px
}

.techindserv-top {
    gap: 15px;
    margin-bottom: 8px
}

.techindserv-top h4 {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0;
    font-weight: 700;
    color: #333
}

.techindserv-box p {
    font-size: 16px;
    line-height: 23px;
    font-weight: 400;
    color: #858585;
    margin-bottom: 0
}

.techno-devloper .abval-box h4 {
    font-size: 22px;
    line-height: 30px
}

.techbeni-box+.techbeni-box::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: -30px;
    background: #ccc;
    height: 1px;
    z-index: -1
}

.techbeni-box {
    padding: 20px 0;
    position: relative;
    text-align: right
}

.techbeni-box p {
    font-size: 20px;
    line-height: 29px;
    margin-bottom: 0;
    font-weight: 300;
    color: #333
}

.techbeni-center {
    z-index: 1
}

.techbeni-center .btn-primaryred {
    margin: -30px auto 0;
    position: relative;
    z-index: 1
}

.techno-benifits .row+.row .col-lg-4+.col-lg-4 .techbeni-box {
    text-align: left
}

.techno-benifits .row+.row .col-lg-4+.col-lg-4 .techbeni-box+.techbeni-box::before {
    right: 0;
    left: -30px
}

.serbannum-box h2 {
    font-size: 44px;
    line-height: 54px;
    margin-bottom: 8px;
    font-weight: 700;
    color: #333
}

.serbannum-box p {
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 0;
    font-weight: 600;
    color: #333
}

.serviceban-number {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin: 40px 0
}

.serviceban-img {
    z-index: 1;
    padding: 0 20px
}

.serviceban-img::before {
    position: absolute;
    top: 104px;
    right: 10px;
    background-image: url("data:image/svg+xml,%3Csvg width='50' height='89' viewBox='0 0 50 89' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M47.1191 86.072V35.6817C47.1191 32.2149 45.3236 28.9954 42.3741 27.1737L2.86572 2.77145' stroke='%23E74040' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    z-index: -1
}

.serviceban-img::after {
    position: absolute;
    bottom: 104px;
    left: 10px;
    background-image: url("data:image/svg+xml,%3Csvg width='51' height='89' viewBox='0 0 51 89' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.44702 2.92749V53.3179C3.44702 56.7846 5.24257 60.0041 8.19209 61.8258L47.7004 86.2281' stroke='%23E74040' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    z-index: -1
}

.servide-app .abval-box {
    background: #fff8f8;
    border: 0;
    height: 100%
}

.servide-app .abval-box:hover {
    background: #fff;
    border: 0
}

.serdeproceb-img {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #fff;
    border-radius: 10px;
    position: relative;
    z-index: 1;
    padding: 35px
}

.serdeproceb-img img {
    max-width: 80px
}

.serdeproceb-img span {
    font-size: 16px;
    line-height: 25px;
    font-weight: 700;
    color: #fff;
    margin: 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    position: absolute;
    top: -20px;
    left: -20px;
    background: #e74040
}

.btn-side,
.hidetal-desc {
    border: 1px solid #e74040
}

.serdeproceb-desc h4 {
    font-size: 24px;
    line-height: 33px;
    margin-bottom: 12px;
    font-weight: 700;
    color: #e74040
}

.serdeproceb-desc p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0;
    font-weight: 400;
    color: #858585
}

.serdeproceb-desc::before {
    content: '';
    position: absolute;
    width: 113px;
    height: 117px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg width='113' height='117' viewBox='0 0 113 117' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.3' d='M109.874 95.3829L96.921 108.309C95.581 62.1771 77.0455 46.3543 66.5494 41.2286C66.3261 40.3371 66.3261 39.4457 66.1028 38.5543C63.8696 29.4171 52.9269 0 0.223321 0H0V4.45714H0.223321C48.9071 4.45714 59.4032 30.9771 61.413 39.4457C52.2569 36.7714 43.5474 39 39.751 44.7943C36.4012 49.92 37.5178 56.3829 42.8775 62.8457C49.5771 70.8686 55.6067 69.0857 57.8399 67.9714C63.6462 65.0743 67.2194 56.3829 66.7727 46.8C79.502 54.3771 91.1146 73.5429 92.2312 108.309L79.502 95.6057L76.3755 98.7257L94.6878 117L113 98.7257L109.874 95.3829ZM55.83 63.96C52.2569 65.7429 48.6838 62.8457 46.2273 59.9486C42.2075 55.2686 41.3142 50.5886 43.5474 47.2457C45.5573 44.3486 49.3538 42.7886 53.8202 42.7886C55.83 42.7886 58.0632 43.0114 60.2964 43.68C60.9664 43.9029 61.6364 44.1257 62.3063 44.3486C63.1996 53.9314 60.0731 61.7314 55.83 63.96Z' fill='black'/%3E%3C/svg%3E%0A");
    bottom: -70px;
    right: -140px;
    z-index: -1
}

.serdeproce-box+.serdeproce-box {
    margin-top: 60px
}

.serdeproce-box:nth-child(2n) .row {
    flex-direction: row-reverse;
    justify-content: end
}

.serdeproce-box:nth-child(2n) .serdeproceb-desc::before {
    right: auto;
    left: -140px;
    background-image: url("data:image/svg+xml,%3Csvg width='113' height='117' viewBox='0 0 113 117' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.3' d='M3.12646 95.3829L16.079 108.309C17.419 62.1771 35.9545 46.3543 46.4506 41.2286C46.6739 40.3371 46.6739 39.4457 46.8972 38.5543C49.1304 29.4171 60.0731 0 112.777 0H113V4.45714H112.777C64.0929 4.45714 53.5968 30.9771 51.587 39.4457C60.7431 36.7714 69.4526 39 73.249 44.7943C76.5988 49.92 75.4822 56.3829 70.1225 62.8457C63.4229 70.8686 57.3933 69.0857 55.1601 67.9714C49.3538 65.0743 45.7806 56.3829 46.2273 46.8C33.498 54.3771 21.8854 73.5429 20.7688 108.309L33.498 95.6057L36.6245 98.7257L18.3122 117L-7.62939e-06 98.7257L3.12646 95.3829ZM57.17 63.96C60.7431 65.7429 64.3162 62.8457 66.7727 59.9486C70.7925 55.2686 71.6858 50.5886 69.4526 47.2457C67.4427 44.3486 63.6462 42.7886 59.1798 42.7886C57.17 42.7886 54.9368 43.0114 52.7036 43.68C52.0336 43.9029 51.3636 44.1257 50.6937 44.3486C49.8004 53.9314 52.9269 61.7314 57.17 63.96Z' fill='black'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.serdeproce-box:nth-child(2n) .serdeproceb-img span {
    left: auto;
    right: -20px
}

.serval-tabs ul li a {
    text-align: center;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 0;
    display: block;
    font-weight: 700;
    color: #333;
    position: relative;
    z-index: 1
}

.serval-tabs ul {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #bebebe
}

.serval-tabs ul li a svg {
    max-width: 60px;
    margin: 0 auto 13px;
    display: block;
    min-height: 60px
}

.serval-tabs ul li a::before {
    content: '';
    position: absolute;
    bottom: -30px;
    left: 0;
    right: 100%;
    background: #e74040;
    height: 4px;
    transition: .5s;
    z-index: -1
}

.serval-tabs ul li a.active::before,
.serval-tabs ul li a:hover::before {
    right: 0
}

.serval-main {
    margin-top: 80px
}

.serval-inner {
    display: grid;
    grid-template-columns: 30% auto;
    gap: 30px
}

.bd-cta,
.hirdevplat-img {
    display: flex;
    align-items: center
}

.serval-box h4 {
    font-size: 32px;
    line-height: 42px;
    margin-bottom: 0;
    font-weight: 700;
    color: #e74040
}

.serval-box p {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 0;
    font-weight: 400;
    color: #858585
}

.btn-side,
.hidehirinb-desc h4 {
    font-size: 18px;
    font-weight: 700
}

.hidetal-desc {
    padding: 50px;
    background: #fff5f5;
    border-radius: 20px
}

.hidehirin-box,
.hirdevplat-img {
    background: #fff;
    border-radius: 10px
}

.hirdev-devloper .abval-box {
    background: #fff;
    border-color: #fff
}

.inquryban-form.inquery-form {
    padding: 50px
}

.inquryban-form.inquery-form .row {
    row-gap: 35px
}

.hirdevplat-img {
    padding: 10px;
    box-shadow: 2px 4px 8px 0 rgba(0, 0, 0, .1);
    max-width: fit-content;
    margin: 0 10px 15px
}

.techplatfb-desc {
    padding: 15px 10px;
    border-top: 1px solid #b8b0b0
}

.hirdevplat-img .techplatfb-inimg+.techplatfb-inimg {
    padding-left: 20px;
    margin-left: 6px;
    position: relative;
    z-index: 1
}

.hirdevplat-img .techplatfb-inimg+.techplatfb-inimg::before {
    content: '+';
    font-size: 22px;
    line-height: 32px;
    font-weight: 700;
    color: #333;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    z-index: -1
}

.hidehirin-box {
    padding: 20px;
    position: relative;
    z-index: 1;
    height: 260px
}

.hidehirin-box::before {
    content: '';
    position: absolute;
    top: 50px;
    right: -22px;
    width: 45px;
    height: 45px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg width='45' height='45' viewBox='0 0 45 45' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_962_2195)'%3E%3Cpath d='M5.02218 4.04384C3.526 3.6698 1.8054 4.26827 0.309222 4.41789C-0.0648228 4.41789 -0.139632 5.01636 0.309222 5.09117C1.8054 5.16597 3.60081 5.09117 5.02218 4.71712C5.32154 4.5675 5.32154 4.11865 5.02218 4.04384Z' fill='black'/%3E%3Cpath d='M13.9985 6.06366C12.9512 5.01634 11.3054 4.79191 9.9588 4.86672C9.65957 4.86672 9.65957 5.31557 9.9588 5.31557C10.7069 5.39038 11.3802 5.54 12.0535 5.76443C12.6519 5.98885 13.1756 6.28809 13.7741 6.51251C13.9985 6.66213 14.2229 6.28809 13.9985 6.06366Z' fill='black'/%3E%3Cpath d='M21.8551 11.8988C21.5558 11.2255 20.9574 10.627 20.3589 10.1782C19.8352 9.65451 19.162 9.20565 18.5635 8.83161C18.3391 8.68199 18.1146 8.98123 18.3391 9.13085C18.9375 9.5797 19.4612 10.1034 19.91 10.627C20.4337 11.1507 20.8077 11.824 21.3314 12.3476C21.5557 12.6469 22.0046 12.2728 21.8551 11.8988Z' fill='black'/%3E%3Cpath d='M23.3519 16.5369C23.1275 16.1629 22.6037 16.4621 22.8282 16.8362C22.9778 17.2102 23.2023 17.6591 23.3519 18.0331C23.5015 18.5568 23.4266 19.0804 23.651 19.5293C23.7258 19.7537 24.0999 19.7537 24.1747 19.5293C24.5488 18.7064 23.8007 17.3598 23.3519 16.5369Z' fill='black'/%3E%3Cpath d='M25.3712 25.888C25.3712 25.14 25.3712 24.3919 25.2215 23.7186C25.1467 23.3445 24.6979 23.3445 24.6979 23.7186C24.6231 24.3919 24.6231 24.9903 24.6231 25.6636C24.6231 26.3369 24.4735 27.0102 24.6979 27.6835C24.7727 27.9826 25.2964 27.9826 25.3712 27.6835C25.5209 27.085 25.4461 26.4865 25.3712 25.888Z' fill='black'/%3E%3Cpath d='M23.574 32.4712C23.2747 33.2193 22.9755 33.9673 22.5266 34.7154C22.1526 35.3888 21.6289 36.062 21.5541 36.8101C21.4793 37.1842 22.003 37.259 22.2274 37.1092C22.8259 36.5857 23.1252 35.6879 23.4243 34.9398C23.7985 34.1917 24.0228 33.4437 24.1724 32.6956C24.2472 32.2468 23.6487 32.0972 23.574 32.4712Z' fill='black'/%3E%3Cpath d='M20.2077 38.2315C19.7588 38.755 19.3099 39.3536 18.8611 39.8025C18.6367 40.0269 18.3374 40.2513 18.0382 40.401C17.739 40.5506 17.5893 40.5506 17.3649 40.8498C17.2153 41.0742 17.3649 41.3735 17.5893 41.4483C18.2626 41.598 18.8611 40.9246 19.3099 40.4758C19.8336 39.8773 20.2077 39.2041 20.5817 38.4561C20.6566 38.2315 20.3573 38.0071 20.2077 38.2315Z' fill='black'/%3E%3Cpath d='M14.4475 40.1018C14.0735 40.401 13.6246 40.6254 13.1758 40.6254C12.8017 40.6254 12.3529 40.5506 12.0536 40.8499C11.904 40.9995 11.904 41.2239 12.0536 41.3735C12.8017 42.1215 14.2979 41.0743 14.7467 40.4757C14.8965 40.2514 14.6721 39.952 14.4475 40.1018Z' fill='black'/%3E%3Cpath d='M9.6618 38.5307C9.06333 38.456 8.39005 38.3062 7.79158 38.0818C7.1183 37.7827 6.81906 37.259 6.44502 36.6604C6.22059 36.3612 5.77174 36.436 5.69693 36.8849C5.62212 38.9047 8.16562 39.2788 9.6618 39.0543C9.88622 38.9796 9.88622 38.5307 9.6618 38.5307Z' fill='black'/%3E%3Cpath d='M5.91847 33.5933C5.31999 32.4712 5.46961 31.3491 5.24519 30.1521C5.17038 29.853 4.72152 29.853 4.64671 30.1521C4.42229 31.4239 4.79633 32.7704 5.54442 33.8178C5.69404 34.0422 5.9934 33.8926 5.91847 33.5933Z' fill='black'/%3E%3Cpath d='M6.21833 20.7262C4.87177 21.998 4.57254 23.8683 4.64734 25.5888C4.64734 25.8881 5.17101 25.8881 5.17101 25.5888C5.24581 24.0178 5.69467 22.4468 6.66718 21.1752C6.96654 20.8759 6.51769 20.427 6.21833 20.7262Z' fill='black'/%3E%3Cpath d='M10.559 15.34C9.21245 16.0133 8.16513 17.285 7.34223 18.5568C7.1178 18.856 7.64146 19.1552 7.79108 18.856C8.68879 17.7339 9.81092 16.8361 10.8582 15.8636C11.1575 15.5644 10.8581 15.1904 10.559 15.34Z' fill='black'/%3E%3Cpath d='M14.9713 11.001C13.924 11.001 12.727 11.8987 12.0538 12.6468C11.7545 12.9461 12.2034 13.3949 12.5026 13.0957C12.8767 12.7216 13.3255 12.4224 13.7744 12.198C14.2232 11.9736 14.7469 11.8239 15.1957 11.5247C15.4202 11.3751 15.1957 11.001 14.9713 11.001Z' fill='black'/%3E%3Cpath d='M24.996 7.85907C24.3975 7.85907 23.799 8.0835 23.2006 8.15831C22.4525 8.30792 21.7044 8.38273 21.0311 8.68197C20.6571 8.83159 20.8067 9.35525 21.1807 9.28044C21.854 9.13082 22.6021 9.05601 23.2754 8.9812C23.8739 8.90639 24.6219 8.90639 25.1456 8.53235C25.5197 8.38273 25.3699 7.85907 24.996 7.85907Z' fill='black'/%3E%3Cpath d='M31.6536 7.11103C30.6811 6.88661 29.4841 7.11103 28.4368 7.18584C28.0627 7.18584 28.0627 7.70951 28.4368 7.70951C29.4841 7.78431 30.6062 8.00874 31.6536 7.78431C32.0275 7.70951 32.0275 7.18584 31.6536 7.11103Z' fill='black'/%3E%3Cpath d='M38.6107 7.48505C38.0871 7.33543 37.5634 7.41024 37.0396 7.41024C36.5161 7.41024 35.9175 7.41024 35.3938 7.48505C35.0198 7.48505 35.0198 8.08352 35.3938 8.08352C35.9175 8.08352 36.5161 8.08352 37.0396 8.15833C37.5633 8.15833 38.0869 8.23314 38.6107 8.08352C38.91 8.08352 38.91 7.63467 38.6107 7.48505Z' fill='black'/%3E%3Cpath d='M44.8202 7.70948C43.8477 6.73697 42.8752 5.83926 41.828 5.01636C41.0799 4.41789 39.9577 3.29576 38.9851 3.37057C38.6111 3.37057 38.3119 3.81942 38.5363 4.19346C38.9851 4.94155 40.0325 5.39041 40.7057 5.83926C41.5286 6.43773 42.3515 7.18582 43.1744 7.93391C41.6783 8.53238 40.1821 9.35528 38.7607 10.1034C38.3119 10.3278 38.6111 11.1507 39.1349 11.0011C41.0051 10.4026 42.6509 9.20566 44.5959 8.83162C45.0447 8.75681 45.1196 8.08353 44.8202 7.70948Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_962_2195'%3E%3Crect width='45' height='45' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    z-index: -1
}

.hidehirinb-img {
    width: 50px;
    height: 50px;
    padding: 10px;
    background: #fff;
    border-radius: 8px;
    border: 1px solid rgba(231, 64, 64, .2);
    margin-bottom: 15px;
    box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, .05)
}

.hidehirinb-desc h4 {
    line-height: 28px;
    color: #333;
    margin-bottom: 6px
}

.hidehirinb-desc p {
    font-size: 18px;
    line-height: 27px;
    font-weight: 300;
    color: #333;
    margin-bottom: 0
}

.btn-side {
    padding: 13px 17px;
    line-height: 28px;
    color: #fff;
    background: #e74040;
    box-shadow: 0 0 0 !important;
    border-radius: 10px 10px 0 0;
    position: fixed;
    bottom: 170px;
    right: -73px;
    direction: ltr;
    z-index: 99;
    transform: rotate(-90deg)
}

.btn-side:hover {
    color: #e74040;
    border: 1px solid #e74040;
    background: #fff
}

.blog-detail-main {
    margin: 116px 0 50px
}

.blog-detail-desc h1 {
    font-size: 44px;
    line-height: 60px;
    margin-bottom: 10px;
    font-weight: 600
}

.auth-detail {
    gap: 12px;
    font-size: 16px;
    line-height: 1.1;
    font-weight: 500;
    justify-content: center
}

.auth-detail img {
    height: 60px;
    width: 60px;
    border-radius: 50px;
    border: 2px solid #ffa5a5;
    padding: 5px
}

.blog-detail-desc .auth-detail p {
    margin: 0;
    font-size: 16px;
    line-height: 1.1
}

.auth-detail .blog-author-name,
.auth-detail .category,
.auth-detail .date {
    padding-left: 12px;
    border-left: 1px solid #333
}

.blog-detail-desc img {
    max-width: 100%;
    margin: 30px auto;
    display: block
}

.blog-detail-desc p {
    font-size: 18px;
    font-weight: 400;
    color: #333;
    margin-top: 0;
    margin-bottom: 30px;
    word-wrap: break-word;
    line-height: 28px
}

.blog-detail-desc h2,
.blog-detail-desc h3,
.blog-detail-desc h4,
.blog-detail-desc h5,
.blog-detail-desc h6 {
    font-weight: 600;
    margin-bottom: 30px
}

.blog-detail-desc .table-content h5 {
    font-weight: 600;
    margin-bottom: 15px
}

.table-content ul li {
    padding-left: 25px;
    position: relative;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 5px;
    font-weight: 400
}

.blog-detail-desc ol li,
.blog-detail-desc table td,
.blog-detail-desc ul li {
    line-height: 26px;
    font-size: 18px;
    font-weight: 400
}

.table-content ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 4px;
    width: 15px;
    height: 15px;
    background-image: url("data:image/svg+xml,%3Csvg fill='%23E74040' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m369.164062 174.769531c7.8125 7.8125 7.8125 20.476563 0 28.285157l-134.171874 134.175781c-7.8125 7.808593-20.472657 7.808593-28.285157 0l-63.871093-63.875c-7.8125-7.808594-7.8125-20.472657 0-28.28125 7.808593-7.8125 20.472656-7.8125 28.28125 0l49.730468 49.730469 120.03125-120.035157c7.8125-7.808593 20.476563-7.808593 28.285156 0zm142.835938 81.230469c0 141.503906-114.515625 256-256 256-141.503906 0-256-114.515625-256-256 0-141.503906 114.515625-256 256-256 141.503906 0 256 114.515625 256 256zm-40 0c0-119.394531-96.621094-216-216-216-119.394531 0-216 96.621094-216 216 0 119.394531 96.621094 216 216 216 119.394531 0 216-96.621094 216-216zm0 0'/%3E%3C/svg%3E");
    background-size: 15px
}

.bd-author .f-social ul li a,
.sidebar ul li .count {
    width: 30px;
    height: 30px
}

.bd-author,
.table-content ul {
    margin: 0 0 30px
}

.table-content ul li ul {
    margin: 5px 0
}

.bd-cta {
    background: #fff8f8;
    border-radius: 15px;
    padding: 30px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 30px
}

.bd-cta p {
    margin: 0
}

.bd-author p {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 22px
}

.bd-author h6 {
    margin-bottom: 6px
}

.bd-author ul li {
    padding-left: 0
}

.bd-author .f-social {
    margin-top: 15px
}

.bd-author .f-social ul li a svg {
    width: 15px
}

.bd-comments {
    margin: 50px 0 30px
}

.bd-comments .title h5 {
    position: relative;
    margin: 0
}

.bd-comments .title h5::after,
.bd-comments .title h5::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 35%;
    height: 1px;
    background: #c6c6c6
}

.bd-comments .title h5:after {
    left: auto;
    right: 0
}

.bd-comments .cont-form textarea {
    height: 100px
}

.bd-comments .cont-form button {
    margin-left: auto;
    margin-right: auto
}

.sidebar .title h2 {
    font-weight: 400
}

.sidebar ul li {
    font-size: 16px;
    font-weight: 400
}

.sidebar ul li+li {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #e6e6e6
}

.sidebar ul li .count {
    background: #e74040;
    text-align: center;
    line-height: 30px;
    color: #fff;
    border-radius: 50%;
    font-size: 14px
}

.sidebar+.sticky-img {
    position: -webkit-sticky;
    position: sticky;
    top: 120px
}

.inbsol-img::before,
.solu-life::before {
    content: '';
    position: absolute;
    right: 0;
    left: 0;
    z-index: -1
}

.bd-author img {
    max-width: 150px;
    margin: 0
}

.inbsol-img {
    max-width: 80%;
    margin: auto;
    padding: 0 10px 10px 0;
    position: relative;
    z-index: 1
}

.inbsol-img::before {
    top: 3px;
    bottom: 0;
    border: 1px solid #e74040;
    border-radius: 50px 140px 30px
}

.inbsol-img img {
    width: 100%;
    border-radius: 20px 100px
}

.solfeatu-main {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    padding: 16px
}

.bdcta-banner,
.bdcta-banner2 {
    padding: 20px 30px;
    display: grid
}

.solfeatu-swiper .swiper-pagination {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-top: 20px
}

.solfeatu-swiper .swiper-pagination-bullet {
    border: 2px solid #e74040 !important;
    width: 15px;
    height: 15px;
    background: #fff;
    opacity: 1;
    padding: 0
}

.solu-life::before {
    top: 60px;
    bottom: 60px;
    background: #fff8f8
}

.bdcta-banner2::before,
.blog-detail-desc ul li::before {
    content: '';
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.forminator-label {
    display: none !important
}

.cont-form .forminator-label {
    display: block !important
}

.forminator-select-dropdown.forminator-custom-form-596.forminator-dropdown--default.forminator-select-dropdown--above {
    background: #fff !important
}

.cont-form .select2-selection__rendered {
    padding: 0 !important
}

.cont-form .select2-selection.select2-selection--single {
    background: 0 0 !important;
    border: 0 !important;
    padding: 3px 0 !important;
    border-bottom: 1px solid #8d8d8d !important
}

.cont-form .forminator-ui#forminator-module-596.forminator-design--default .forminator-select2+.forminator-select .selection .select2-selection--single[role=combobox]:hover .select2-selection__arrow {
    color: #000 !important
}

.blog-detail-desc ul li::before {
    top: 4px;
    left: 0;
    width: 19px;
    height: 19px;
    background-image: url("data:image/svg+xml,%3Csvg width='683' height='683' viewBox='0 0 683 683' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1612_2681)'%3E%3Cpath d='M492.219 233.026C502.635 243.443 502.635 260.328 492.219 270.74L313.323 449.641C302.906 460.052 286.026 460.052 275.609 449.641L190.448 364.474C180.031 354.063 180.031 337.177 190.448 326.766C200.859 316.349 217.745 316.349 228.156 326.766L294.464 393.073L454.505 233.026C464.922 222.615 481.807 222.615 492.219 233.026ZM682.667 341.333C682.667 530.005 529.979 682.667 341.333 682.667C152.661 682.667 0 529.979 0 341.333C0 152.661 152.688 0 341.333 0C530.005 0 682.667 152.688 682.667 341.333ZM629.333 341.333C629.333 182.141 500.505 53.3333 341.333 53.3333C182.141 53.3333 53.3333 182.161 53.3333 341.333C53.3333 500.526 182.161 629.333 341.333 629.333C500.526 629.333 629.333 500.505 629.333 341.333Z' fill='%23E74040'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1612_2681'%3E%3Crect width='682.667' height='682.667' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A")
}

.bdconclu-desc h3,
.blog-detail-desc h3 {
    font-size: 26px;
    color: #333;
    font-weight: 700;
    margin-bottom: 18px
}

.blog-detail-desc ol li {
    list-style: upper-greek;
    color: #333;
    margin-left: 24px;
    position: relative;
    z-index: 1
}

.blog-detail-desc ul li {
    color: #333;
    padding-left: 29px;
    position: relative;
    z-index: 1
}

.blog-detail-desc figcaption {
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    margin: 0 !important
}

.blog-detail-desc img {
    border-radius: 20px
}

.blog-detail-desc ol li+li,
.blog-detail-desc ul li+li {
    margin-top: 9px
}

.blog-detail-desc table,
.blog-detail-desc td,
.blog-detail-desc th,
.blog-detail-desc tr {
    border-color: #f39a9a !important
}

.blog-detail-desc table tr:nth-child(odd) {
    background: #f5f5f5
}

.blog-detail-desc table tr:first-child td {
    font-size: 18px;
    line-height: 26px;
    font-weight: 600;
    color: #000;
    text-align: center
}

.blog-detail-desc table td {
    color: #333;
    text-align: center
}

.blog-detail-desc .f-social ul li,
.blog-detail-desc .f-social ul li+li {
    margin: 0;
    padding-left: 0
}

.bdcta-banner {
    grid-template-columns: 120px auto;
    gap: 30px;
    align-items: center;
    background: #fafafa;
    border: 2px solid #e74040;
    border-radius: 20px
}

.bdctaban-img img {
    width: 100%;
    margin: 0
}

.bdctaban-desc p {
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    color: #000;
    margin-bottom: 0
}

.bdctaban-desc h3 {
    font-size: 22px;
    line-height: 32px;
    font-weight: 700;
    color: #e74040;
    margin-bottom: 5px
}

.bdctaban-desc {
    display: grid;
    grid-template-columns: auto 170px;
    align-items: center;
    gap: 25px;
    position: relative;
    z-index: 1
}

.bdcta-banner2::before {
    top: 30px;
    right: 80px;
    width: 150px;
    bottom: auto;
    background-image: url("data:image/svg+xml,%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 42V3.35134L26.7925 30.2536L30.393 26.638L3.86619 0H41.8247V42H0ZM28.8809 32.3533L32.4814 35.9689L36.087 32.3533L32.4853 28.7442L28.8809 32.3533Z' fill='%23E74040' fill-opacity='0.46'/%3E%3Cpath d='M34.1181 25.3527V7.98373H16.8203V4.71875H37.3681V25.3527H34.1181Z' fill='white'/%3E%3Cpath d='M4.625 37.1769V16.543H7.87635V33.9119H25.1728V37.1769H4.625Z' fill='white'/%3E%3C/svg%3E%0A");
    z-index: -1;
    height: 150px;
    opacity: .2
}

.bdcta-banner2 .btn-primary,
.bdctaban-desc .btn-primaryred {
    padding: 11px 21px;
    width: 100%;
    max-width: 100%;
    display: block
}

.bdcta-banner2 {
    grid-template-columns: 120px auto;
    gap: 30px;
    align-items: center;
    background: #fff;
    border: 2px solid rgba(231, 64, 64, .5);
    border-radius: 20px;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.bdcont-banner,
.bdnews-latter {
    display: grid;
    border-radius: 20px
}

.bdconclude-box p {
    font-size: 18px;
    line-height: 27px;
    font-weight: 400;
    color: #333;
    margin-bottom: 20px
}

.bdconclude-box {
    padding: 20px 25px;
    background: #fff5f5
}

.bd-auth-desc h6 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    color: #000;
    margin-bottom: 12px
}

.bdcont-banner {
    grid-template-columns: auto 250px;
    align-items: center;
    padding: 25px 35px;
    background: #e74040;
    background: linear-gradient(118deg, rgba(231, 64, 64, .9428104005273985) 0, rgba(211, 113, 113, .9007935938047094) 100%)
}

.bdcont-desc h4 {
    font-size: 40px;
    line-height: 50px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 7px
}

.bdcont-desc p {
    font-size: 16px;
    color: #fff;
    margin-bottom: 10px
}

.bdcont-desc h5 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 0
}

.bdcont-btn .btn-primary {
    margin-left: auto;
    padding: 13px 32px
}

.bdnews-latter {
    grid-template-columns: 40% auto;
    padding: 30px;
    background: #fbe6e6;
    align-items: center
}

.bdnews-latter .bdnewlatt-img img {
    width: 80%
}

.bdnewlatt-desc h4 {
    font-size: 18px;
    line-height: 25px;
    font-weight: 600;
    color: #333;
    margin-bottom: 10px
}

.bdnewlatt-desc h5 {
    font-size: 25px;
    line-height: 33px;
    font-weight: 700;
    color: #333;
    margin-bottom: 18px
}

.techplatfb-inimg img,
.techplatfb-inimg svg {
    width: 40px
}

section.blog-listing .row .col-md-6 {
    display: inherit;
}
.blist-box{
	width:100%;
}
.blistb-desc h4 {
    min-height: 75px;
}
@media screen and (max-width:1399px) {
    .innercta-main {
        padding-left: 70px
    }

    .hserb-desc {
        padding: 20px 15px
    }

    .hserbo-top {
        margin-bottom: 12px
    }

    .home-intro .bullet-point ul {
        margin-bottom: 30px
    }

    .honum-in-box {
        padding: 50px 20px
    }

    .honum-box {
        padding: 30px
    }

    .hwork-swipbtn .swiper-button-next {
        right: -40px
    }

    .hwork-swipbtn .swiper-button-prev {
        left: -50px
    }

    .abmivi-box+.abmivi-box {
        margin-top: 203px
    }

    .indusde-tech::before {
        left: 30px;
        right: 30px
    }

    .serval-box h4 {
        font-size: 30px;
        line-height: 40px
    }

    .serviceban-img::after {
        bottom: 84px
    }

    .serviceban-img::before {
        top: 84px
    }

    .project-challengs::before {
        top: 30px;
        bottom: 30px
    }

    .teucasesw-desc h4 {
        font-size: 20px;
        line-height: 30px
    }

    .techno-devloper .abval-box h4 {
        font-size: 20px;
        line-height: 28px
    }

    .techno-devloper .abval-box p {
        font-size: 18px;
        line-height: 28px
    }

    .projke-box {
        gap: 20px
    }

    .projkeb-desc h4 {
        font-size: 21px
    }
}

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

    .abwhyb-desc h4,
    .hwor-desc h4,
    .megame-tab ul li a,
    .techbeni-box h4,
    body {
        font-size: 20px;
        line-height: 30px
    }

    header .navbar-nav>li:last-child a {
        padding: 10px 17px
    }

    header .menu-item+.menu-item {
        margin-left: 20px
    }

    .home-banner {
        margin: 150px 0 80px
    }

    .hb-desc h1 {
        font-size: 35px;
        line-height: 46px;
        margin-bottom: 10px
    }

    .hb-desc p {
        font-size: 22px;
        line-height: 31px;
        margin-bottom: 30px
    }

    .btn-primary,
    .btn-primaryred {
        font-size: 15px;
        line-height: 25px;
        padding: 11px 26px
    }

    .hlog-box img {
        max-width: 110px
    }

    .title h3 {
        font-size: 30px;
        line-height: 42px;
        margin-bottom: 15px
    }

    .bullet-point ul li::before {
        width: 20px;
        height: 20px
    }

    .bullet-point ul li {
        font-size: 19px;
        line-height: 27px;
        padding-left: 30px
    }

    .home-devlopers .row+.row,
    .home-intro .row+.row,
    .home-servind .row+.row,
    .hservice-swiper,
    .hwork-swiper,
    .indusde-intro .row+.row,
    .indusde-service .row+.row,
    .priplan-main,
    .techno-benifits .row+.row,
    .techno-devloper .row+.row,
    .techno-indserve .row+.row,
    .techno-platform .row+.row,
    .techno-why .row+.row {
        margin-top: 0
    }

    .innercta-title h2 {
        font-size: 28px;
        line-height: 39px;
        margin-bottom: 26px
    }

    .hservind-acco .accordion-item h4 button {
        font-size: 22px;
        padding: 14px 0;
        line-height: 40px
    }

    .hservind-acco .accordion-body {
        padding-bottom: 17px
    }

    .title h2 {
        font-size: 16px;
        line-height: 25px;
        margin-bottom: 12px;
        padding-bottom: 6px
    }

    .hdevp-box h4,
    .hwor-top {
        margin-bottom: 6px
    }

    .hwor-desc {
        padding: 19px 15px 0
    }

    .hdevp-box {
        padding: 30px 21px
    }

    .hdevp-box h4 {
        font-size: 22px;
        line-height: 33px
    }

    .hdevp-box p {
        font-size: 17px;
        line-height: 26px;
        margin-bottom: 20px
    }

    .hdevpb-icon {
        padding: 16px;
        margin-bottom: 18px
    }

    .abval-box,
    .carre-box,
    .hint-box,
    .honum-box,
    .pricplan-box {
        padding: 20px
    }

    .honum-in-box h4 {
        font-size: 37px;
        line-height: 47px;
        margin-bottom: 5px
    }

    .honum-in-box {
        padding: 30px 15px;
        min-height: 160px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

    .blistb-desc,
    .hclins-box,
    .hidehirin-box,
    .inddetecb-left {
        padding: 15px
    }

    .hclins-box .hclinsb-top p {
        font-size: 15px;
        line-height: 22px;
        margin-bottom: 20px
    }

    .hclins-bottom h4,
    .inb-desc .breadcrumb-item,
    .inddetecb-right ul li,
    .serval-tabs ul li a {
        font-size: 16px;
        line-height: 26px
    }

    .hclins-bottom p {
        font-size: 15px;
        line-height: 22px
    }

    .husein-main {
        grid-template-columns: repeat(5, 1fr);
        gap: 20px;
        margin-top: 30px
    }

    .home-number .row+.row,
    .home-testi .htesti-swiper,
    .serval-tabs {
        margin-top: 10px
    }

    .hcta-right {
        padding: 35px
    }

    .hcta-left h2 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 11px
    }

    .hcta-right h3 {
        font-size: 22px;
        line-height: 32px;
        margin-bottom: 20px
    }

    .f-logo img,
    .ftop-box img {
        max-width: 180px
    }

    .carmod-top ul li,
    .faq-acco .accordion-body p,
    .ftop-box h3,
    .inddetecb-left h4,
    .servde-intro .title p,
    .servde-intro .title ul li,
    .techno-devloper .abval-box h4 {
        font-size: 18px;
        line-height: 28px
    }

    .f-main p,
    .induslib-desc p {
        font-size: 16px;
        line-height: 23px
    }

    .f-social ul li a {
        width: 35px;
        height: 35px
    }

    .f-bottom {
        padding-top: 15px;
        margin-top: 30px
    }

    footer .row:nth-child(2) {
        margin-top: 50px;
        padding-top: 30px
    }

    footer {
        padding: 75px 0 15px
    }

    .mt-120 {
        margin: 75px 0 0
    }

    .mtb-120 {
        margin: 75px 0
    }

    .mb-120 {
        margin-bottom: 75px
    }

    .mt-50 {
        margin-top: 30px
    }

    .pt-120 {
        padding: 75px 0 0
    }

    .ptb-120 {
        padding: 75px 0
    }

    .pb-120 {
        padding: 0 0 75px
    }

    .huse-tabs ul li a {
        padding: 0 10px 15px
    }

    .hwork-swipbtn .swiper-button-next {
        right: -30px
    }

    .hwork-swipbtn .swiper-button-prev {
        left: -30px
    }

    .he-link h3 {
        font-size: 18px;
        line-height: 29px;
        margin-bottom: 12px
    }

    header .menu-item a {
        font-size: 15px;
        line-height: 24px
    }

    .he-big .mega-menu .megame-main {
        grid-template-columns: 32% auto
    }

    .megame-tab ul li+li {
        margin-top: 17px
    }

    .megame-tabdesc {
        margin: 0 0 0 35px
    }

    .abvalb-img,
    .hintb-img {
        margin-bottom: 10px
    }

    .hint-box h4 {
        font-size: 19px;
        line-height: 29px;
        margin-bottom: 5px
    }

    .abint-desc p,
    .hint-box p {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 0
    }

    .inb-desc h1 {
        font-size: 36px;
        line-height: 46px;
        margin-bottom: 10px
    }

    .inb-desc .breadcrumb-item+.breadcrumb-item::before {
        width: 11px;
        height: 11px
    }

    .inb-desc .breadcrumb-item+.breadcrumb-item {
        padding-left: 20px;
        margin-left: 7px
    }

    .blistb-desc ul,
    .breadcrumb {
        margin-bottom: 11px
    }

    .inner-banner {
        padding-bottom: 75px
    }

    .ab-number,
    .indsdwhy-main,
    .inquery-form .btn-primaryred {
        margin-top: 20px
    }

    .abnum-box {
        padding: 12px 25px 12px 40px
    }

    .abnum-box::before {
        top: 12px;
        left: 18px;
        bottom: 12px
    }

    .abnum-box h4 {
        font-size: 34px;
        line-height: 43px
    }

    .abmivi-box+.abmivi-box {
        margin-top: 137px
    }

    .abval-box h4 {
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 8px
    }

    .abval-box p,
    .projkeb-desc p,
    .title.solulife-desc p {
        font-size: 17px;
        line-height: 24px
    }

    .ab-value .row+.row,
    .industri-listing .row+.row,
    .industry-sublist .row+.row {
        margin-top: 0;
        row-gap: 30px
    }

    .abwhy-main {
        margin: 25px 0 30px
    }

    .abwhyb-desc p,
    .carre-box ul li,
    .prochallb-desc p,
    .prosolt-desc p {
        font-size: 17px;
        line-height: 25px
    }

    .abwhy-box+.abwhy-box {
        margin-top: 20px;
        padding-top: 20px
    }

    .abwhy-desc .title p {
        font-size: 18px;
        line-height: 27px
    }

    .hcta-form input,
    .hcta-form textarea,
    .hcta-right input,
    .hcta-right textarea {
        min-height: 50px !important;
        padding: 5px 20px !important
    }

    .carrer-banner,
    .contact-banner,
    .prodet-banner {
        padding-top: 140px
    }

    .carre-box h4 {
        font-size: 24px;
        line-height: 33px;
        margin-bottom: 9px
    }

    .carmod-top ul,
    .carre-box ul {
        margin-bottom: 22px
    }

    .carrer-list .row+.row {
        margin-top: 4px
    }

    .modal-content {
        padding: 50px 40px
    }

    .carmod-top h2 {
        font-size: 30px;
        line-height: 38px;
        margin-bottom: 10px
    }

    .carmod-top ul {
        margin-bottom: 0 !important
    }

    .carmod-form .row,
    .inquery-form .row,
    .inquryban-form.inquery-form .row {
        row-gap: 20px
    }

    .carmod-top {
        padding: 25px 40px;
        margin-bottom: 30px
    }

    .conmain-left,
    .inquryban-form.inquery-form {
        padding: 30px
    }

    .blistb-img h3 {
        font-size: 22px;
        line-height: 31px
    }

    .blistb-img h3 svg {
        max-width: 25px
    }

    .blog-listing .btn-primary,
    .portfoli-listing .btn-primary {
        margin: 50px auto 0
    }

    .portli-tabs ul li a {
        font-size: 16px;
        line-height: 25px;
        padding: 9px 20px
    }

    .portli-main,
    .serval-main {
        margin-top: 50px
    }

    .induslib-desc h3 {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 8px
    }

    .induslib-desc {
        padding: 16px 6px
    }

    .insublib-desc h4 {
        font-size: 18px;
        line-height: 25px
    }

    .serviceban-img::after {
        bottom: 64px
    }

    .serviceban-img::before {
        top: 64px
    }

    .serbannum-box h2 {
        font-size: 34px;
        line-height: 40px;
        margin-bottom: 5px
    }

    .serbannum-box p {
        font-size: 13px;
        line-height: 19px
    }

    .serviceban-number {
        gap: 12px;
        margin: 30px 0
    }

    .serdeproceb-img span {
        width: 40px;
        height: 40px;
        top: -16px;
        left: -16px
    }

    .serdeproce-box:nth-child(2n) .serdeproceb-img span {
        left: auto;
        right: -16px
    }

    .serdeproceb-desc::before {
        width: 93px;
        height: 97px;
        bottom: -40px;
        right: -120px
    }

    .serdeproce-box:nth-child(2n) .serdeproceb-desc::before {
        left: -120px
    }

    .serdeproceb-img {
        padding: 30px 10px
    }

    .abvalb-img svg {
        max-width: 45px
    }

    .techno-devloper .abval-box p {
        font-size: 17px;
        line-height: 28px
    }

    .texhindservt-img {
        max-width: 35px
    }

    .serdeproceb-img img {
        max-width: 70px
    }

    .pricplan-box h4 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 8px
    }

    .pricplan-box h5 {
        font-size: 22px;
        line-height: 32px
    }

    .pricplan-box p {
        font-size: 14px;
        line-height: 20px
    }

    .hidetal-desc,
    .inquery-form {
        padding: 40px
    }

    .inquery-form h4 {
        margin-bottom: 30px
    }

    .inddetecb-right ul {
        margin-left: 30px;
        padding: 10px 20px 10px 0;
        gap: 15px
    }

    .inddetecb-right ul li+li {
        padding-left: 15px
    }

    .indusde-tech::before {
        left: 10px;
        right: 10px
    }

    .serval-tabs ul li a svg {
        max-width: 50px;
        min-height: 50px
    }

    .serval-tabs ul {
        padding-bottom: 20px;
        gap: 20px
    }

    .serval-tabs ul li a::before {
        bottom: -20px
    }

    .serval-box h4 {
        font-size: 25px;
        line-height: 35px
    }

    .serval-box p {
        font-size: 17px;
        line-height: 23px
    }

    .indsdwhy-box::before {
        top: 21px;
        left: 11px
    }

    .indsdwhy-box {
        padding: 15px 15px 15px 40px
    }

    .indsdwhy-box h4 {
        font-size: 20px;
        line-height: 29px;
        margin-bottom: 5px
    }

    .indsdwhy-box p,
    .techbeni-box p {
        font-size: 17px;
        line-height: 27px
    }

    .faq-acco .accordion-item h4 button {
        font-size: 20px;
        line-height: 29px;
        padding: 20px
    }

    .faq-acco .accordion-body {
        padding: 0 20px 20px
    }

    .faq-acco {
        margin-top: 25px
    }

    .prdb-list,
    .prdbli-img {
        margin-top: 40px
    }

    .inquryban-form.inquery-form h4,
    .teucasesw-desc p {
        margin-bottom: 20px
    }

    .indusdeb-bottom ul li+li {
        padding-left: 25px
    }

    .indusdeb-bottom ul li {
        gap: 15px;
        font-size: 14px;
        line-height: 22px
    }

    .techplatf-box {
        padding: 20px 15px
    }

    .techplatfb-desc h4 {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 7px
    }

    .bdctaban-desc p,
    .techplatfb-desc p {
        font-size: 15px;
        line-height: 21px
    }

    .blog-detail-desc ol li,
    .blog-detail-desc ul li,
    .hidehirinb-desc p,
    .prosolbb-desc h3 {
        font-size: 16px;
        line-height: 24px
    }

    .techbeni-box {
        padding: 15px 0
    }

    .projke-box {
        padding: 25px;
        gap: 25px
    }

    .projkeb-desc h4 {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 5px
    }

    .btn-side {
        padding: 10px 14px;
        font-size: 16px;
        line-height: 26px;
        right: -68px
    }

    .insdese-box {
        padding: 22px
    }

    .insdeseb-top h4 {
        font-size: 20px;
        line-height: 29px
    }

    .insdeseb-top {
        margin-bottom: 10px;
        gap: 15px
    }

    .insdemin-box {
        padding: 16px
    }

    .insdeminb-top {
        margin-bottom: 7px;
        gap: 12px
    }

    .prdb-list {
        grid-template-columns: repeat(3, 1fr);
        gap: 10px
    }

    .prdbli-box+.prdbli-box {
        padding-left: 20px
    }

    .prochallb-desc h2,
    .prosolt-desc h2 {
        font-size: 32px;
        line-height: 42px;
        font-weight: 700;
        color: #e74040;
        margin-bottom: 10px
    }

    .project-challengs::before {
        top: 20px;
        bottom: 20px
    }

    .prosolb-box {
        padding: 10px
    }

    .prosol-main::before {
        left: -30px;
        right: -30px
    }

    .techuscase-swiper {
        margin-top: 35px
    }

    .solu-life::before {
        top: 30px;
        bottom: 30px
    }

    .bdconclu-desc h3,
    .blog-detail-desc h3 {
        font-size: 22px;
        margin-bottom: 14px
    }

    .blog-detail-desc ul li {
        padding-left: 29px
    }

    .blog-detail-desc ul li::before {
        top: 3px
    }

    .bdctaban-desc {
        grid-template-columns: auto 140px
    }

    .bdctaban-desc h3 {
        font-size: 18px;
        line-height: 26px
    }

    .bdcta-banner,
    .bdcta-banner2 {
        grid-template-columns: 80px auto
    }

    .bdcta-banner2::before {
        right: 100px;
        width: 100px;
        height: 100px
    }

    .bdconclude-box p {
        font-size: 16px;
        line-height: 25px
    }

    .bdcont-desc h4 {
        font-size: 30px;
        line-height: 35px
    }

    .bdcont-desc p {
        margin-bottom: 1px
    }

    .bdnewlatt-desc h5 {
        font-size: 21px;
        line-height: 30px
    }

    .blog-title h1 {
        font-size: 35px;
        line-height: 46px
    }
}

@media screen and (max-width:991px) {
    .blog-title {
        padding: 50px 0
    }

    .blog-title h1 {
        font-size: 28px;
        line-height: 39px;
        margin: 20px 0;
        padding: 0
    }

    header,
    header.sticky {
        padding: 20px 0
    }

    .home-banner {
        margin: 110px 0 50px
    }

    .hb-img img,
    header .menu-item {
        width: 100%
    }

    .hb-img,
    .inb-img,
    .inbsol-img,
    .indsdeb-img,
    .induliban-img,
    .prdb-list,
    .prdbli-img,
    .serviceban-img,
    .sidebar,
    .technoban-img {
        margin-top: 30px
    }

    .abint-img,
    .abmivib-img,
    .abwhy-img,
    .carrba-main,
    .hintro-img,
    .serdeintr-img,
    .sidebar ul {
        margin-bottom: 30px
    }

    .hservi-swipbtn .swiper-btns {
        display: block;
        margin: 0;
        line-height: 16px
    }

    .hservi-swipbtn {
        justify-content: center
    }

    .hservice-swiper,
    .mt-50 {
        margin-top: 25px
    }

    .hservi-swipbtn .swiper-button-next {
        margin-left: 20px
    }

    .innercta-title h2 {
        font-size: 24px;
        line-height: 31px;
        margin-bottom: 19px
    }

    .innercta-main {
        padding-left: 30px
    }

    .conmain-info ul li+li,
    .hservind-acco,
    .inddetec-box+.inddetec-box,
    .servde-intro .title.bullet-point ul {
        margin-top: 20px
    }

    .home-devlopers .row+.row,
    .home-number .row+.row,
    .indusde-why .row,
    .inquery .row,
    .prochall-main .row,
    .prosol-top .row,
    .solu-intro .row,
    .solu-life .row {
        row-gap: 30px
    }

    .honum-in-box {
        min-height: 120px
    }

    .title h3 {
        font-size: 27px;
        line-height: 38px
    }

    .hclins-img {
        margin-right: 0
    }

    .home-clients .row+.row,
    .megame-tab ul li+li,
    .navbar-nav,
    .portli-banner .inb-desc img {
        margin-top: 10px
    }

    .hclins-left .video-btn {
        left: 0;
        right: 0;
        margin: auto;
        bottom: auto;
        top: 50%;
        transform: translateY(-50%)
    }

    .hclins-box {
        margin-top: 30px;
        padding: 20px
    }

    .huse-tabs {
        margin-top: 8px
    }

    .huse-tabs ul li a {
        padding: 0 7px 10px;
        font-size: 18px;
        line-height: 28px
    }

    .hcta-main,
    .solfeatu-main {
        grid-template-columns: repeat(1, 1fr)
    }

    .insdemin-main,
    .megame-tabdesc ul,
    .prosolb-main {
        grid-template-columns: repeat(2, 1fr)
    }

    .hcta-left {
        min-height: 300px
    }

    .ftop-box img {
        max-width: 150px
    }

    .ftop-box h3,
    .insdese-box p {
        font-size: 16px;
        line-height: 25px
    }

    footer {
        padding: 45px 0 15px
    }

    footer .row:nth-child(2) {
        margin-top: 30px;
        padding-top: 30px;
        row-gap: 30px
    }

    .f-bottom {
        padding-top: 15px;
        margin-top: 20px
    }

    .f-links ul li {
        font-size: 15px;
        line-height: 24px
    }

    .mt-120 {
        margin: 65px 0 0
    }

    .mtb-120 {
        margin: 65px 0
    }

    .mb-120 {
        margin-bottom: 65px
    }

    .pt-120 {
        padding: 65px 0 0
    }

    .ptb-120 {
        padding: 65px 0
    }

    .pb-120 {
        padding: 0 0 65px
    }

    .mega-menu,
    .sub-menu {
        position: relative;
        margin: 0 15px
    }

    header .navbar-nav .menu-item-has-children:hover .mega-menu,
    header .navbar-nav .menu-item-has-children:hover .sub-menu,
    header .navbar-nav>li.menu-item-has-children .sub-menu,
    header .navbar-nav>li.menu-item-has-children ul.mega-menu {
        display: none !important
    }

    header .navbar-nav .menu-item-has-children.sub-open>.mega-menu,
    header .navbar-nav .menu-item-has-children.sub-open>.sub-menu {
        display: block !important;
        position: relative;
        -webkit-transition: none;
        -ms-transition: none;
        transition: none;
        -webkit-transform: inherit;
        -ms-transform: inherit;
        transform: inherit;
        opacity: 1;
        border-radius: 15px;
        margin-bottom: 20px;
        background: #fff;
        box-shadow: none;
        top: auto
    }

    header .menu-item+.menu-item {
        border-top: 1px solid #e74040;
        margin-left: 0
    }

    header .menu-item a,
    header.sticky .menu-item a {
        font-size: 18px;
        line-height: 28px;
        font-weight: 500;
        padding: 6px 20px;
        width: 100%;
        max-width: 100%;
        display: block
    }

    header .navbar-nav .menu-item:last-child a {
        background: 0 0 !important;
        padding: 6px 20px !important;
        border-radius: 0;
        font-weight: 500;
        font-size: 18px;
        line-height: 28px;
        color: #333;
        border: 0
    }

    header .navbar-nav .menu-item:last-child a:hover {
        color: #e74040
    }

    .navbar-collapse {
        padding: 0;
        float: left;
        width: 100%;
        position: fixed;
        left: auto;
        right: -100%;
        top: 0;
        z-index: 11;
        -ms-transition: .4s;
        -webkit-transition: .4s;
        transition: .4s;
        height: 100vh !important;
        border: 0;
        display: block;
        background: #fff6f6;
        overflow: auto
    }

    .navbar-toggler,
    button.close-btn {
        width: 40px;
        height: 40px;
        padding: 0;
        display: block
    }

    .navbar-collapse.show {
        right: 0
    }

    header .navbar-nav .menu-item-has-children>a::after {
        right: 10px;
        top: 42%
    }

    button.close-btn {
        border-radius: 50%;
        background: #e74040;
        border: 0;
        right: 0;
        position: relative;
        font-size: 18px;
        color: #fff;
        z-index: 2;
        top: 0;
        cursor: pointer;
        text-transform: capitalize;
        left: 0;
        line-height: 40px;
        text-align: right;
        display: flex;
        justify-content: center;
        margin: 14px 15px 0 auto;
        align-items: center
    }

    button.close-btn svg {
        fill: #fff;
        width: 13px;
        padding-top: 0;
        vertical-align: unset
    }

    .navbar-toggler {
        border-radius: 10px;
        border: 0;
        box-shadow: none !important
    }

    .navbar-toggler .icon-bar:nth-child(2) {
        width: 60%
    }

    .navbar-toggler .icon-bar {
        width: 100%;
        height: 5px;
        background-color: #e74040;
        display: block;
        border-radius: 5px
    }

    .navbar-toggler .icon-bar+.icon-bar {
        margin-top: 5px
    }

    .he-link h3 {
        font-size: 20px;
        line-height: 33px;
        margin-bottom: 10px;
        font-weight: 600
    }

    .sub-menu .menu-item a,
    header .navbar-nav .sub-menu .menu-item a,
    header .navbar-nav .sub-menu .menu-item:last-child a,
    header.sticky .navbar-nav .sub-menu .menu-item:last-child a {
        font-weight: 400;
        font-size: 16px;
        line-height: 22px
    }

    .he-big .sub-menu,
    .mega-menu,
    .sub-menu {
        max-width: 96%;
        width: 96%
    }

    header .mega-menu a,
    header .navbar-nav .he-link .menu-item a,
    header.sticky .he-link .menu-item a,
    header.sticky .mega-menu a {
        padding: 0 !important
    }

    .he-link .menu-item+.menu-item {
        margin-top: 10px;
        margin-left: 0;
        border: 0
    }

    .he-big .sub-menu {
        padding: 20px 28px
    }

    header .navbar-nav .he-link.he-big.sub-open .sub-menu {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr)
    }

    header .navbar-nav .menu-item-has-children.sub-open>a::after {
        transform: rotate(-135deg);
        top: 50%
    }

    .mega-menu .megame-tabdesc li a {
        padding: 15px !important;
        background: #fff6f6
    }

    .he-big .mega-menu {
        padding: 20px
    }

    .megame-tab ul li a,
    .prdbli-box h2 {
        font-size: 18px;
        line-height: 28px
    }

    .he-big .mega-menu .megame-main {
        grid-template-columns: 35% auto
    }

    .megame-tabdesc ul {
        gap: 20px
    }

    header.sticky .megame-tabdesc li a {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

    .inner-banner {
        padding-bottom: 70px;
        padding-top: 100px
    }

    .abmivi-box:nth-child(2n) .row .abmivib-img {
        text-align: end
    }

    .abmivi-box+.abmivi-box {
        margin-top: 30px;
        padding-top: 30px;
        border-top: 3px solid #f8c0c0
    }

    .abmivi-main::before,
    .hirdev-hiring .row+.row .col-lg-3:nth-child(2n) .hidehirin-box::before,
    .prosolb-box+.prosolb-box::before {
        display: none
    }

    .carrer-modal .modal-dialog {
        max-width: 650px;
        margin-right: auto;
        margin-left: auto
    }

    .carmod-top {
        padding: 20px 30px;
        margin-bottom: 30px
    }

    .carmod-top h2 {
        font-size: 25px;
        line-height: 34px;
        margin-bottom: 7px
    }

    .carmod-top ul li,
    .faq-acco .accordion-body p,
    .inddetecb-left h4,
    .prdbli-box p {
        font-size: 16px;
        line-height: 26px
    }

    .blog-detail-main .inb-desc .breadcrumb-item,
    .serdeproceb-img span {
        font-size: 14px;
        line-height: 20px
    }

    .conmain-info {
        margin: 40px 0
    }

    .cont-form .row,
    .priplan-main .row {
        row-gap: 20px
    }

    .conm-map iframe {
        height: 300px
    }

    .blog-listing .btn-primary,
    .portfoli-listing .btn-primary {
        max-width: fit-content;
        margin: 40px auto 0
    }

    .induliban-img {
        max-width: 80%;
        margin-left: auto;
        margin-right: auto
    }

    .serviceban-img::before {
        top: 149px
    }

    .serviceban-img::after {
        bottom: 153px
    }

    .servde-intro .title p {
        margin-bottom: 20px
    }

    .serdeproceb-img span {
        width: 30px;
        height: 30px;
        top: -10px;
        left: -10px
    }

    .serdeproceb-img img {
        max-width: 50px
    }

    .serdeproceb-desc h4 {
        font-size: 22px;
        line-height: 31px;
        margin-bottom: 7px
    }

    .serdeproceb-desc::before {
        width: 63px;
        height: 77px;
        bottom: -20px;
        right: -66px
    }

    .serdeproce-box:nth-child(2n) .serdeproceb-desc::before {
        right: auto;
        left: -66px
    }

    .serdeproce-box+.serdeproce-box {
        margin-top: 50px
    }

    .priplan-main {
        padding: 15px 0
    }

    .pricplan-box {
        padding: 20px 40px
    }

    .priplan-main::before {
        top: 0;
        left: -10px;
        right: -10px
    }

    .inddetec-main {
        margin: 30px 0 35px
    }

    .serval-tabs ul {
        flex-wrap: nowrap !important;
        justify-content: space-between;
        overflow: auto
    }

    .serval-tabs ul li a {
        text-wrap: nowrap
    }

    .serval-box h4 {
        font-size: 22px;
        line-height: 29px
    }

    .hblog-btn .btn-primaryred {
        margin-right: auto;
        margin-top: 20px
    }

    .faq-acco .accordion-item h4 button {
        font-size: 17px;
        line-height: 25px;
        padding: 18px 15px
    }

    .faq-acco .accordion-body {
        padding: 0 15px 20px
    }

    .hirdev-hiring .row+.row,
    .insdemin-box+.insdemin-box,
    .project-key .row+.row {
        margin-top: 0
    }

    .techbeni-box {
        text-align: left
    }

    .hidetal-desc {
        padding: 30px
    }

    .hidetal-desc p {
        font-size: 18px;
        line-height: 27px
    }

    .btn-side {
        transform: none;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        max-width: fit-content
    }

    .insdeseb-img {
        max-width: 40px;
        flex: 100%
    }

    .insdeseb-top h4 {
        font-size: 18px;
        line-height: 26px
    }

    .insdemin-main {
        display: grid;
        gap: 30px
    }

    .project-challengs::before {
        top: -30px;
        bottom: -30px
    }

    .prochall-box+.prochall-box {
        margin-top: 40px
    }

    .prosol-main {
        padding: 30px 0
    }

    .prosolb-main {
        padding-top: 30px
    }

    .prosolb-box:nth-child(2n)::before {
        display: block
    }

    .blog-detail-main {
        margin: 90px 0 50px
    }

    .blog-detail-main .breadcrumb.justify-content-end {
        justify-content: start !important
    }

    .blog-detail-desc h1 {
        font-size: 40px
    }

    .blog-detail-desc p {
        font-size: 17px;
        line-height: 26px
    }

    .sidebar+.sticky-img {
        position: relative;
        top: 0;
        text-align: center
    }

    .blog-detail-desc .bd-auth-desc p {
        font-size: 15px;
        line-height: 23px
    }

    .blog-detail-desc table td,
    .blog-detail-desc table tr:first-child td {
        font-size: 16px;
        line-height: 24px
    }
}

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

    .bdctaban-desc,
    .bdctaban-img,
    .megame-tab ul li a,
    .megame-tabdesc li a {
        text-align: center
    }
    .blistb-desc h4 {
    min-height: auto;
}
    .mtb-120 {
        margin: 60px 0
    }

    .mt-120 {
        margin: 60px 0 0
    }

    .mb-120 {
        margin-bottom: 60px
    }

    .mt-50 {
        margin-top: 25px
    }

    .pt-120 {
        padding: 60px 0 0
    }

    .ptb-120 {
        padding: 60px 0
    }

    .pb-120 {
        padding: 0 0 60px
    }

    .blog-title {
        padding: 40px 0
    }

    .hlog-swiper .swiper-wrapper {
        justify-content: flex-start
    }

    .hb-desc h1,
    .prochallb-desc h2,
    .prosolt-desc h2 {
        font-size: 28px;
        line-height: 38px;
        margin-bottom: 8px
    }

    .bdnewlatt-desc h5,
    .hb-desc p {
        font-size: 19px;
        line-height: 28px
    }

    .btn-primary,
    .btn-primaryred {
        font-size: 14px;
        line-height: 24px;
        padding: 10px 17px
    }

    .home-banner {
        margin: 100px 0 40px
    }

    .title h2 {
        font-size: 15px;
        line-height: 23px;
        margin-bottom: 10px;
        padding-bottom: 4px
    }

    .title h3 {
        font-size: 23px;
        line-height: 34px
    }

    body {
        font-size: 17px;
        line-height: 26px
    }

    .bullet-point ul li {
        font-size: 17px;
        line-height: 25px;
        padding-left: 28px
    }

    .abwhy-desc .title p,
    .hintro-desc p {
        margin-bottom: 20px
    }

    .hservi-swipbtn .swiper-btns {
        padding: 11px 16px
    }

    .hservi-swipbtn .swiper-button-next {
        margin-left: 10px
    }

    .portli-banner .inb-desc img,
    .serval-tabs,
    .swiper-slide-active .hservice-box {
        margin-top: 0
    }

    .hserb-desc {
        padding: 15px 10px
    }

    .innercta-main {
        display: flex;
        flex-direction: column-reverse;
        padding: 0 0 30px;
        gap: 16px
    }

    .innercta-left {
        padding: 0 18px
    }

    .innercta-title h2 {
        font-size: 22px;
        line-height: 31px;
        margin-bottom: 18px
    }

    .hdevp-box h4,
    .hserb-desc h4,
    .hservind-acco .accordion-item h4 button,
    .pricplan-box h5 {
        font-size: 20px;
        line-height: 30px
    }

    .innercta-riimg img {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%)
    }

    .hwork-swipbtn .swiper-button-next {
        right: -10px
    }

    .hwork-swipbtn .swiper-button-prev {
        left: -10px
    }

    .hwork-swipbtn .swiper-btns {
        padding: 12px 15px
    }

    .hwor-desc {
        padding: 12px 10px 0
    }

    .abwhyb-desc h4,
    .hwor-desc h4 {
        font-size: 18px;
        line-height: 28px
    }

    .hwor-top {
        margin-bottom: 2px
    }

    .devp-btn {
        padding: 8px 20px
    }

    .hdevpb-icon {
        padding: 12px;
        margin-bottom: 14px
    }

    .honum-in-box h4 {
        font-size: 32px;
        line-height: 41px
    }

    .video-btn.btn img {
        max-width: 60px
    }

    .huse-tabs ul li a {
        padding: 0 17px 10px 30px
    }

    .husein-main {
        grid-template-columns: repeat(2, 1fr)
    }

    .ab-number,
    .indusdeb-bottom ul,
    .insdemin-main,
    .prdb-list,
    header .navbar-nav .he-link.he-big.sub-open .sub-menu {
        grid-template-columns: repeat(1, 1fr)
    }

    .htesti-box {
        padding: 16px
    }

    .htestib-ldesc b,
    .htestib-ldesc p,
    .htestib-ldesc strong {
        font-size: 15px;
        line-height: 20px
    }

    .htestib-right img {
        max-width: 76px
    }

    .hidetal-desc p,
    .htestib-ldesc h4 {
        font-size: 16px;
        line-height: 25px
    }

    .hcta-right,
    .teucasesw-box {
        padding: 22px
    }

    .hcta-left h2 {
        font-size: 24px;
        line-height: 35px
    }

    .hcta-right h3 {
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 17px
    }

    .portli-box .row,
    footer .row:first-child {
        row-gap: 30px
    }

    .f-title p {
        margin-bottom: 24px
    }

    footer .row:nth-child(2) {
        row-gap: 20px
    }

    footer {
        padding: 30px 0 15px
    }

    .hserb-desc p,
    .techno-devloper .abval-box p {
        font-size: 16px;
        line-height: 26px
    }

    .he-big .sub-menu,
    .mega-menu,
    .sub-menu {
        max-width: auto;
        width: auto
    }

    .he-big .mega-menu .megame-main {
        grid-template-columns: auto
    }

    .megame-tab {
        min-height: auto;
        border: 0
    }

    .bd-comments .title h5::after,
    .bd-comments .title h5::before,
    .bdcta-banner2::before,
    .hidehirin-box::before,
    .serdeproceb-desc::before,
    .serviceban-img::after,
    .serviceban-img::before,
    header .mega-menu .megame-tab li a::before {
        display: none
    }

    .megame-tabdesc {
        margin: 20px 0 0
    }

    .megame-tabdesc li a img {
        display: block
    }

    .he-big .sub-menu {
        padding: 14px 20px
    }

    .inner-banner {
        padding-bottom: 60px
    }

    .inb-img,
    .serdeproce-main,
    .serdeproceb-desc {
        margin-top: 20px
    }

    .inb-desc h1 {
        font-size: 25px;
        line-height: 35px;
        margin-bottom: 8px
    }

    .abnum-box:nth-child(2n) {
        border-left: 0
    }

    .abnum-box:nth-child(2) {
        border-top: 2px solid #dedede
    }

    .abmivib-img {
        width: 60%
    }

    .abmivi-box:nth-child(2n) .row .abmivib-desc {
        text-align: left
    }

    .abval-box h4 {
        font-size: 21px;
        line-height: 30px
    }

    .abwhy-box {
        grid-template-columns: 70px auto;
        gap: 17px
    }

    .abwhyb-img {
        max-width: 70px;
        height: 70px
    }

    .abwhyb-img img {
        max-width: 25px
    }

    .abwhyb-desc p {
        font-size: 16px;
        line-height: 24px
    }

    .abwhy-main {
        margin: 10px 0 30px
    }

    .hcta-form .btn-primary,
    .hcta-right .forminator-button {
        margin-top: 10px !important
    }

    .carrba-img+.carrba-img {
        margin-top: 15px
    }

    .carrba-main,
    .prdb-list,
    .prosolb-main {
        gap: 15px
    }

    .carmod-top h2,
    .carre-box h4 {
        font-size: 22px;
        line-height: 30px
    }

    .bdnewlatt-desc h4,
    .carre-box ul li,
    .projkeb-desc p {
        font-size: 16px;
        line-height: 23px
    }

    .btn-side,
    .carmod-top ul li {
        font-size: 14px;
        line-height: 24px
    }

    .modal-content {
        padding: 40px 20px
    }

    .carmod-top {
        padding: 20px;
        margin-bottom: 30px
    }

    .modal-btn {
        width: 25px;
        height: 25px;
        top: 0;
        right: 0
    }

    .btn-close.modal-btn svg {
        max-width: 13px
    }

    .conmain-left,
    .inquery-form {
        padding: 25px
    }

    .conmain-left h2 {
        font-size: 24px;
        line-height: 33px;
        margin-bottom: 7px
    }

    .social ul li a {
        width: 38px;
        height: 38px
    }

    .bd-comments,
    .conmain-info {
        margin: 30px 0
    }

    .blog-listing .btn-primary,
    .portfoli-listing .btn-primary {
        margin: 30px auto 0
    }

    .portli-tabs ul li a {
        font-size: 14px;
        line-height: 20px;
        padding: 7px 16px
    }

    .portli-tabs ul {
        gap: 10px
    }

    .portli-main,
    .serdeproce-box+.serdeproce-box {
        margin-top: 35px
    }

    .inbsol-img,
    .induliban-img {
        max-width: 100%
    }

    .serviceban-number {
        gap: 20px;
        margin: 20px 0 25px;
        grid-template-columns: repeat(2, 1fr)
    }

    .serbannum-box h2 {
        font-size: 30px;
        line-height: 35px
    }

    .serdeproceb-img span {
        top: -10px;
        left: 0
    }

    .serdeproceb-img {
        padding: 30px 40px;
        max-width: fit-content
    }

    .serdeproce-box:nth-child(2n) .serdeproceb-img {
        margin-left: auto
    }

    .serdeproce-box:nth-child(2n) .serdeproceb-img span {
        right: 0
    }

    .hidetal-desc,
    .inquryban-form.inquery-form,
    .pricplan-box {
        padding: 20px
    }

    .pricplan-box h4 {
        font-size: 26px;
        line-height: 34px
    }

    .inquery-form h4 {
        margin-bottom: 20px;
        font-size: 21px;
        line-height: 31px
    }

    .inquery-form .row {
        row-gap: 10px
    }

    .inquery-form input,
    .inquery-form select,
    .inquery-form textarea {
        padding: 8px;
        height: 40px
    }

    .indusde-tech::before {
        left: 0;
        right: 0;
        top: 10px;
        bottom: 10px
    }

    .inddetec-box {
        display: grid;
        grid-template-columns: auto;
        row-gap: 0
    }

    .inddetecb-right ul {
        margin-left: 0;
        padding: 20px
    }

    .inddetecb-right {
        justify-content: center
    }

    .serval-tabs ul {
        gap: 35px
    }

    .serval-tabs ul li a svg {
        max-width: 40px;
        min-height: 40px;
        height: 40px
    }

    .serval-main {
        margin-top: 30px
    }

    .serval-inner {
        grid-template-columns: auto;
        gap: 10px
    }

    .indsdwhy-box h4 {
        font-size: 18px;
        line-height: 27px;
        margin-bottom: 3px
    }

    .indsdwhy-box::before {
        top: 18px;
        left: 10px
    }

    .faq-acco .accordion-item h4 button {
        font-size: 15px;
        line-height: 25px;
        padding: 14px 10px
    }

    .faq-acco .accordion-body {
        padding: 0 10px 12px
    }

    .accordion-button::after {
        width: 15px;
        background-size: 100% 100%;
        height: 15px
    }

    .indusdeb-bottom ul {
        gap: 15px;
        margin: 20px 0 30px
    }

    .indusdeb-bottom ul li+li,
    .prdbli-box+.prdbli-box {
        padding-left: 0;
        border-left: 0;
        padding-top: 15px;
        border-top: 1px solid #706f6f
    }

    .techbeni-box h4 {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 5px
    }

    .projke-box {
        padding: 20px;
        gap: 15px;
        grid-template-columns: 60px auto
    }

    .bdcont-banner,
    .bdctaban-desc,
    .bdnews-latter {
        grid-template-columns: 100%
    }

    .projkeb-img {
        max-width: 60px;
        width: 60px;
        height: 60px
    }

    .projkeb-img img {
        max-width: 30px
    }

    .techplatfb-desc {
        padding: 15px 10px 0
    }

    .projkeb-desc h4 {
        font-size: 18px;
        line-height: 27px
    }

    .btn-side {
        padding: 5px 12px
    }

    .project-key::before {
        left: 0;
        right: 0
    }

    .prosol-main::before {
        left: -10px;
        right: -10px
    }

    .prosolbb-desc h3 {
        font-size: 15px;
        line-height: 22px
    }

    .teucasesw-desc h4 {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 10px
    }

    .blog-detail-desc h1 {
        font-size: 34px
    }

    .auth-detail,
    .bd-author {
        flex-wrap: wrap
    }

    .bd-cta {
        padding: 15px;
        gap: 15px
    }

    .solfeatu-main {
        gap: 20px;
        padding: 6px
    }

    .inquery-form .forminator-ui {
        margin-top: 15px !important
    }

    .bdconclu-desc h3,
    .blog-detail-desc h3 {
        font-size: 20px;
        margin-bottom: 15px
    }

    .bdcta-banner,
    .bdcta-banner2 {
        grid-template-columns: 100%;
        gap: 10px
    }

    .bdctaban-img img {
        width: 50%;
        margin: auto
    }

    .bdctaban-desc {
        gap: 15px
    }

    .bdcta-banner2 .btn-primary,
    .bdctaban-desc .btn-primaryred {
        padding: 11px 61px;
        width: auto;
        max-width: fit-content;
        display: block;
        margin: auto
    }

    .bdcta-banner2 {
        padding: 20px 24px
    }

    .bdcont-banner {
        padding: 25px;
        gap: 20px
    }

    .bdcont-btn .btn-primary {
        margin-left: 0;
        padding: 13px 32px
    }

    .bdnews-latter {
        padding: 20px;
        gap: 10px
    }

    .blog-title h1 {
        font-size: 25px;
        line-height: 35px
    }

    .auth-detail .blog-author-name,
    .auth-detail .category,
    .auth-detail .date {
        padding-left: 10px;
        font-size: 12px
    }

    .auth-detail img {
        height: 45px;
        width: 45px
    }
}