@media screen and (min-width: 2050px)
{
:root {
--s-30: 40px;
--s-20: 30px;
--s-50: 60px;
}

.py--md { padding: 150px 0px; }
.pb--md { padding-bottom: 150px; }
.pt--md { padding-top: 150px; }

.pxl { font-size: 26px; }
.pl { font-size: 24px; }
.pm { font-size: 20px; }
.ps { font-size: 18px; }

body p { font-size: 20px; margin-bottom: var(--s-20); }

.button { padding: 18px 30px; }
.button span, .link--btn span, .link--btn--white span { font-size: 16px; }
.link--btn span .svg, .link--btn--white span .svg { width: 18px; }
.rating--div li .rating--bx p { font-size: 18px; }

.section--subtitle { font-size: 22px; }
.section--title { font-size: 60px; }

.container { max-width: 1720px; }
.menu--link li a { font-size: 15px; padding: 18px 25px; }
.dropdown--bx .dropdown--menu li a { font-size: 14px; }

.banner .banner--img { height: 900px; }
.banner-slider .swiper-slide .banner--content .banner--text .title { font-size: 72px; }
.banner-slider .swiper-slide .banner--content .banner--text p { margin-bottom: 32px; }
.inner--banner .in--banner--innner .banner--img { width: 440px; }
.inner--banner .in--banner--innner .banner--content { margin-top: 100px; }
.banner--form .form-group .form-control, .banner--form .form-group .form-select { font-size: 16px; }
.banner--form .form-group .form-control::placeholder { font-size: 16px; }

.inner--banner .in--banner--innner { height: 500px; }
.inner--banner .in--banner--innner.about--banner .banner--img { position: absolute; right: 0px; top: 0px; width: 1200px;}

.service--list>li .service--box .service--text .service--title { font-size: 44px; margin-bottom: 24px; }
.service--list>li .service--box .service-bg { width: 620px; }
.service--list>li .service--box .service--text { padding: 110px; }
.service--list>li .service--title1 { padding: 80px 45px 10px 45px; }
.service--list { height: 720px; }
.service--list>li .service--box .service--img { width: 600px; }
.service--list>li .service--box { width: calc(100vw - (130px * 4)); left: 130px; }
.service--section1 ul li { font-size: 22px; }
.service--section1 .services--grp ul:first-of-type { font-size: 24px; }

.blog--bx .blog--text--grp .blog--date { font-size: 14px; }
.blog--bx .blog--text--grp .blog--title { font-size: 24px; margin-bottom: 18px; }

footer .footer--logo { width: 250px; }
footer .footer--div p, footer .footer--div .footer--link li a { font-size: 16px; }
footer .footer--title { font-size: 14px; }
.social--link li a .svg { height: 20px; width: auto; }
footer .footer--bottom p, footer .footer--bottom p a { font-size: 14px; }

.about--section.why--section .about-img { margin-top: 105px; }
.mission--list .mission--img--grp .mission--bx .mission--title { font-size: 30px; }
.mission--list .mission--img--grp .mission--bx p { font-size: 20px; }
.ceo--section .ceo--img--grp .ceo--info--box .ceo--name { font-size: 24px; }

.section--404 .img--bx { width: 900px; }

.digital--inovation-banner .banner--content .banner--text .title { font-size: 80px; }
.digital--inovation-banner .banner--content .banner--text p { margin-bottom: 32px; }
.innovation--intro--sec ul li { font-size: 20px; }
.service--img--grp .gradient--box { padding: 25px; }
.benifit--bx--inner--cont .title--grp svg { width: 70px; }
.benifit--bx--inner--cont .title--grp { font-size: 34px; }
.benifit--bx--inner--cont ul li { font-size: 22px; }
.process--bx .process--text .process--title { font-size: 26px; }
.process--bx .process--text p { font-size: 20px; }
.process--desc ul li { font-size: 20px; }

/* .process--bx .img--bx { min-width: 110px; width: 110px; height: 110px; } */
.application--list li .appication--text p { font-size: 20px; }
.application--list li .application-icon { min-width: 70px; height: 70px; margin-right: 20px; }
.plan--bx .year--title { font-size: 32px; }
.plan--bx p { font-size: 18px; }
.plan--bx .start--date { font-size: 20px; }
.plan--bx .price { font-size: 26px; }
.plan--bx { padding: 60px 30px; }
.recommended--plan .recommended { font-size: 18px; padding: 8px 10px; }

.wpcf7-not-valid-tip { font-size: 16px !important; margin-top: 5px; }
.write--us p small { font-size: 16px; }
.wpcf7-form p { margin-bottom: 0px; }
.floating-icon { width: 60px; height: 60px; }



}

@media screen and (max-width: 1780px)
{
.py--lg { padding: 120px 0px; }
.pb--lg { padding-bottom: 120px; }
.pt--lg { padding-top: 120px; }

.section--title { font-size: 52px; }
.rating--div { margin-top: 70px; }

.instagram--section .section--subtitle .svg { margin-right: 10px; width: 22px; }
footer .footer--info .con--links li a { font-size: 20px; }

.about--section.why--section .about-img { margin-top: 110px; }
.ceo--section .ceo--img--grp .ceo--info--box .ceo--name { font-size: 22px; }
.section--404 .img--bx { width: 750px; }

.inner--banner .in--banner--innner .banner--img { margin-right: -50px; }


}


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

.pxl { font-size: 22px; }
.pl { font-size: 20px; }
.pm { font-size: 16px; }
.ps { font-size: 14px; }
body p { font-size: 18px; }
.section--subtitle { font-size: 18px; }

.header .logo { width: 200px; }
.banner-slider .swiper-slide .banner--content .banner--text .title { font-size: 50px; }
.banner-slider .swiper-slide .banner--content .banner--text p { width: 70%; }
.banner .banner--img { height: 710px; }


.digital--inovation-banner .banner--content .banner--text .title { font-size: 60px; }
.digital--inovation-banner .banner--content .banner--text p { width: 70%; }

.rating--div li .rating--bx { aspect-ratio: auto; }
.rating--div li .rating--bx .counter--bx { font-size: 45px; }


.service--list>li .service--title1 { font-size: 30px; }
.service--list>li .service--title1 span.icon { width: 28px; height: 28px; }
.service--list>li .service--box .service-bg { width: 450px; }
.service--list>li .service--box { width: calc(100vw - (90px * 4)); left: 90px; }
.service--section1 ul li, .service--section1 .services--grp ul:first-of-type  { font-size: 18px; }

footer .footer--icon { width: 92%; }
.about--section.why--section .about-img { margin-top: 80px; }
.ceo--section .ceo--img--grp .ceo--info--box .ceo--name { font-size: 18px; margin-bottom: 5px; }
.why--section.why--section .rating--div { margin-top: 70px; }

.process--bx .img--bx { min-width: 120px; width: 120px; height: 120px; }
.process--bx { padding: 40px 30px 140px 30px; }
}


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

.py--lg { padding: 100px 0px; }
.pb--lg { padding-bottom: 100px; }
.pt--lg { padding-top: 100px; }
.pxl { font-size: 20px; }
body p { font-size: 16px; }
.button span { font-size: 13px; }

.section--title { font-size: 42px; }
.section--subtitle .svg { width: 22px; margin-right: 10px; }
.section--subtitle { font-size: 16px; }

.header { padding-top: 10px; padding-bottom: 10px; }
.header .logo { width: 170px; }
.header.show .logo { width: 160px; }
.menu--link li a { font-size: 13px; }

.banner, .digital--inovation-banner { padding-top: 60px; }
.banner-slider .swiper-slide .banner--content .banner--text .title { font-size: 45px; margin-bottom: var(--s-20); }
.banner-slider .swiper-slide .banner--content .banner--text { width: 50%; }
.banner-slider .swiper-slide .banner--content .banner--text p { width: 90%; }
.banner--form { width: 80%; }
.banner .banner--img { height: 720px; }
.banner--form .form--title { font-size: 22px; }
.banner--form { padding: 25px 25px; border-radius: 15px; }
.banner--form:after { width: 20px;  border-top: solid 29px #00354C; border-left: solid 40px transparent; border-right: solid 3px transparent; }
.banner--form .form-group .form-control::placeholder, .banner--form .form-group .form-control, .banner--form .form-group .form-select { font-size: 14px; }

.digital--inovation-banner .banner--content .banner--text .title { font-size: 50px; }
.digital--inovation-banner .banner--content .banner--text p { width: 90%; }
.why--section.why--section .rating--div li:first-child .rating--bx img { height: 90px; }


.inner--banner .in--banner--innner .banner--img { width: 300px; }
.inner--banner .in--banner--innner { height: 320px; }
.inner--banner .in--banner--innner.about--banner .banner--img { width: 850px; right: -50px; }

.rating--div li .rating--bx { height: 170px; }
.rating--div li:nth-child(odd) { margin-top: 170px; }
.rating--div li:nth-child(4) .rating--bx { margin-top: 170px; }
.rating--div li:nth-child(5) .rating--bx { margin-top: -170px; }
.rating--div li .rating--bx .counter--bx { font-size: 39px; line-height: 1; }

.about--section .about-img { margin-top: 65px; }
.rating--div { margin-top: 42px; }

.service--list { height: 500px; }
.service--list>li .service--box .service--text { padding: 60px; }
.service--list>li .service--box .service-bg { width: 390px; }
.service--list>li .service--box .service--text .service--title { font-size: 32px; }
.service--list>li .service--title1 { font-size: 30px; }
.service--list>li .service--box .service--img { width: 430px; }
.clients--section .client-list li img { height: 40px; }

.blog--bx .blog--img { height: 250px; }
footer .footer--info .con--links li a { font-size: 18px; }
.blog--bx .blog--text--grp .blog--title { font-size: 20px; }

.service--section1 .services--grp { padding-left: 50px; }
.service--section1 .img-box { margin-top: 60px; width: calc(100% - 160px); }
.service--section1 .gradient--box .text { font-size: 20px; }
.service--section1 .gradient--box { width: 160px; }
.service--list>li .service--box { width: calc(100vw - (85px * 4)); left: 85px; }
.service--list>li .service--title1 span.icon { width: 23px; height: 23px; }
.service--section1 ul li, .service--section1 .services--grp ul:first-of-type  { font-size: 16px; }

.mission--list .mission--img--grp .mission--bx { padding: 0px 20px 20px 20px; }
.mission--list .mission--img--grp { padding: 0px 0px; }
.mission--list .mission--img--grp .mission--bx p { font-size: 15px; }
.mission--list .mission--img--grp .img-box { margin-right: 0px; }
.mission--list { margin-top: 30px; --bs-gutter-x: 40px; }
.mission--list .mission--img--grp .img-box { width: 70px; min-width: 70px; }
.why--section.why--section .rating--div { margin-top: 40px; }
.mission--list .mission--img--grp .mission--bx .mission--title { margin-bottom: 10px; }
.row.team--list { --bs-gutter-x: 30px; }

.section--404 .img--bx { width: 600px; margin-bottom: 15px; }
.wrapper--404 { padding-top: 70px; }
.benifit--bx--inner--cont ul li { font-size: 18px; }
.benifit--bx--inner--cont .title--grp { font-size: 26px; }
.workflow--band { margin-top: 70px; padding: 70px 0px; }

.write--us { padding: 40px 0px 0px 0px; }
.form-select { background-size: 18px; background-position-x: calc(100% - 18px); }






}


@media screen and (max-width: 1366px)
{
:root {
--s-30: 20px;
--s-50: 40px;
}
.py--lg { padding: 80px 0px; }
.pb--lg { padding-bottom: 80px; }
.pt--lg { padding-top: 80px; }
.pxl { font-size: 18px; }
body p { line-height: 1.5; }

.section--subtitle .svg { width: 20px; }
.section--title { font-size: 36px; }
.container { max-width: 1280px; width: 100%; }
.button span, .link--btn span, .link--btn--white span { font-size: 12px; }

.header .logo { width: 150px; }
.header.show .logo { width: 140px; }
.menu--link li a { font-size: 12px; }
.header .button { padding: 13px 17px; }

.banner-slider .swiper-slide .banner--content .banner--text .title { font-size: 40px; }
.digital--inovation-banner .banner--content .banner--text .title { font-size: 44px; }

.inner--banner .in--banner--innner .banner--img { margin-right: 0px; }
.inner--banner .in--banner--innner .banner--content { margin-top: 60px; }

.about--section .about-img { aspect-ratio: 1.2; margin-top: 52px; }

.rating--div li .rating--bx { height: 150px; }
.rating--div li:nth-child(odd) { margin-top: 150px; }
.rating--div li:nth-child(4) .rating--bx { margin-top: 150px; }
.rating--div li:nth-child(5) .rating--bx { margin-top: -150px; }
.rating--div li .rating--bx .counter--bx { font-size: 40px; line-height: 1; }
.rating--div li .rating--bx { padding: 15px; }
.rating--div li .rating--bx p { font-size: 14px; }

.service--list>li .service--box .service--img { width: 380px; }

.clients--section .client-list li { padding: 25px 20px; }
.clients--section .client-list li img { height: 34px; }
.blog--section .blog---row { --bs-gutter-x: 30px; }

footer .footer--logo { width: 160px; }
footer .footer--div .footer--link li a, footer .footer--div p { font-size: 13px; }
footer .footer--title { font-size: 13px; }
.social--link li a .svg { height: 16px; width: auto; }
.social--link li a { padding-right: 15px; margin-right: 5px; }
footer .footer--info { margin-top: 60px; }
footer .footer--icon { width: 90%; }
footer .footer--info .con--links li a { font-size: 16px; }
footer .footer--bottom { padding: 16px 0px; margin-top: 22px; }
.service--section1 .gradient--box .text { font-size: 18px; }
.service--section1 .services--grp { padding-left: 20px; }
.service--section1 .section--subtitle { width: 100%; }

.about--img--grp .small--img--bx, .ceo--section .ceo--img--grp .ceo--info--box { width: 150px; }
.about--img--grp .img-box, .ceo--section .ceo--img--grp .img-box { width: calc(100% - 150px); margin-top: 60px; }

.about--section.why--section .about-img { margin-top: 60px; }
.why--section.why--section .rating--div li:first-child .rating--bx img { height: 90px; }
.mission--list .mission--img--grp .mission--bx .mission--title { font-size: 20px; }
.ceo--section .ceo--img--grp .ceo--info--box { padding: 15px; }
.ceo--name { font-size: 24px; }
.mission--list .mission--img--grp .img-box { width: 50px; min-width: 50px; }

.facility--section .img-box { margin-top: 20px; }
.benifit--bx--inner--cont ul li, .process--bx .process--text p, .application--list li .appication--text p { font-size: 16px; }
.process--bx .img--bx { min-width: 100px; width: 100px; height: 100px; }
.process--bx { padding: 40px 30px 100px 30px; }
.process--desc ul li { font-size: 16px; }
.process--bx .process--text .process--title { font-size: 22px; }







}


@media screen and (max-width: 1300px)
{
.py--lg { padding: 70px 0px; }
.pb--lg { padding-bottom: 70px; }
.pt--lg { padding-top: 70px; }

.container { max-width: 100%; padding: 0px 30px; width: 100%; }
.button { padding: 13px 16px; }
.menu--link li a { margin-right: 10px; padding: 15px 15px; }
.dropdown--bx .dropdown--menu li a { padding: 15px 15px; }

.banner-slider .swiper-slide .banner--content .banner--text .title, .digital--inovation-banner .banner--content .banner--text .title  { font-size: 40px; }
.banner-slider .swiper-slide .banner--content .banner--text .button,   .digital--inovation-banner .banner--content .banner--text .button { margin-top: 5px; }
.banner .banner--img { height: 720px; }

.inner--banner .in--banner--innner .banner--img { width: 250px; }
.inner--banner .in--banner--innner { height: 270px; }
.inner--banner .in--banner--innner.about--banner .banner--img { width: 670px; }

.rating--div { margin-top: 33px; }

.service--list>li .service--box .service--text { padding: 40px; }
.service--list>li .service--box .service-bg { width: 320px; }

footer .footer--bottom p, footer .footer--bottom p a { font-size: 11px; }
footer .footer--info { margin-top: 50px; }
footer .footer--icon { width: 84%; }

.instagram--list li a { aspect-ratio: 1.1; }
.mission--list { --bs-gutter-x: 20px; }
.mission--list .mission--img--grp .mission--bx p { font-size: 14px; }
.mission--list .mission--img--grp .mission--bx { padding: 0px 10px 10px 10px; }

.section--404 .img--bx { width: 550px; }
.benifit--bx--inner--cont { padding: 40px 40px; }
/* .process--bx { padding: 30px 20px; } */
/* .process--bx .img--bx { min-width: 40px; width: 40px; height: 40px; margin-right: 15px; } */

.service--img--grp .img-box, .service--section1 .img-box { width: calc(100% - 150px); }
.service--img--grp .gradient--box, .service--section1 .gradient--box { width: 150px; padding: 15px; }
.service--img--grp .gradient--box .text { font-size: 18px; }
.application--section .service--img--grp { padding-right: 30px; }
.row.plan--row { margin-top: 60px; }
.plan--bx .year--title { font-size: 24px; }
.plan--bx .start--date { font-size: 16px; }
.plan--bx .price { font-size: 20px; }
.plan--bx .price span { font-size: 25px; }
.plan--section .btn--grp { margin-top: 40px; }

.about--img--grp .small--img--bx, .ceo--section .ceo--img--grp .ceo--info--box { width: 70px; }
.about--img--grp .img-box, .ceo--section .ceo--img--grp .img-box { width: calc(100% - 70px); }
.about--section1 .about--grp, .about--section .about--grp { padding-left: 10px; }
.section--subtitle { margin-top: 0px; }
.ceo--name { font-size: 22px; }
.pm { font-size: 15px; }
.upper-shape { top: -3px; }
.rating--div li .rating--bx { height: 140px; }
.rating--div li:nth-child(odd), .rating--div li:nth-child(4) .rating--bx { margin-top: 140px; }
.rating--div li:nth-child(5) .rating--bx { margin-top: -140px; }
.form-control, .form-select { padding: 15px 12px; }
.h4 { margin-bottom: 12px; }
.service--img--grp .img-box, .service--section1 .img-box { width: calc(100% - 120px); }
.service--img--grp .gradient--box, .service--section1 .gradient--box { width: 120px; aspect-ratio: 1; padding: 10px; }
.service--img--grp .gradient--box .text { font-size: 16px; }

.digital--inovation-banner .banner--content { top: 46%; }
.service--img--grp .gradient--box .link--btn--white span, .service--section1 .gradient--box .link--btn--white span { font-size: 10px; }
.floating-icon { right: 22px; bottom: 22px; width: 35px; height: 35px; }

}


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


}

@media screen and (max-width: 1200px)
{
.py--lg { padding: 80px 0px; }
.pb--lg { padding-bottom: 80px; }
.pt--lg { padding-top: 80px; }
body p { font-size: 15px; }

.about--section .about-img { padding-right: 0px; aspect-ratio: 1; }
.service--list>li .service--box .service--img { width: 340px; }
.service--list>li .service--box .service--text .service--title { font-size: 30px; }
.service--list>li .service--title1 { font-size: 24px; }
.service--list>li .service--title1 span.icon { width: 22px; height: 22px; }
.service--list { height: 460px; }
.service--list>li .service--title1 { padding: 60px 25px 10px 25px; }
.service--list>li .service--title1 span.icon { top: 20px; }
.service--list>li .service--box .service-bg { width: 360px; }

.service--list>li .service--box { width: calc(100vw - (73px * 4))!important; left: 73px; }
.service--section1 ul li, .service--section1 .services--grp ul:first-of-type { font-size: 15px; }

.row.team--list { --bs-gutter-x: 20px; }
.section--404 .img--bx { width: 480px; }

.banner .banner--img { height: 400px; }
.banner--form .wpcf7-not-valid-tip { position: static; }
.banner .banner--form { display: none; }
.banner-slider .swiper-slide .banner--content .banner--text p { width: 75%; }
.mob--banner--form { display: block; padding-top: 40px; }
.banner--form .form--title { font-size: 26px; }
.banner--form { width: 100%; }
.banner--form .form-group .form-control::placeholder, .banner--form .form-group .form-control, .banner--form .form-group .form-select { font-size: 12px; }
.banner--form .form-group .form-select { background-size: 14px; }
.banner--form:after { width: 20px; top: unset; bottom: 100%; border-top: none; border-bottom: solid 32px #00354C; border-left: solid 0px transparent; border-right: solid 52px transparent; }
.banner--form .wpcf7 form.invalid .wpcf7-response-output, .banner--form .wpcf7 form.unaccepted .wpcf7-response-output, .banner--form .wpcf7 form.payment-required .wpcf7-response-output { margin-top: 20px; }


.digital--inovation-banner .banner--content .banner--text .title { font-size: 38px; }
.digital--inovation-banner .banner--img { height: 470px; }
.digital--inovation-banner .banner--content { top: 50%; }
.benifit--bx--inner--cont { padding: 30px 30px; }
.benifit--bx--inner--cont .title--grp { font-size: 24px; }
/* .process--bx { padding: 20px 15px; } */
.process--bx .process--text .process--title { font-size: 20px; }
.benifit--bx--inner--cont ul li, .process--bx .process--text p, .application--list li .appication--text p { font-size: 15px; }
.row.works--row { --bs-gutter-x: 25px; --bs-gutter-y: 25px; }
.application--section .section--title { margin-bottom: 40px; }
.application--list li .application-icon { min-width: 50px; width: 50px; }
.plan--bx { padding: 30px 20px; min-height: 270px; }
.benifit--bx--inner--cont .title--grp { margin-bottom: 20px; }
.application--section .service--img--grp { padding-right: 10px; }

}

@media screen and (max-width: 1024px)
{
.py--lg { padding: 70px 0px; }
.pb--lg { padding-bottom: 70px; }
.pt--lg { padding-top: 70px; }

.banner-slider .swiper-slide .banner--content .banner--text .title, .digital--inovation-banner .banner--content .banner--text .title { font-size: 38px; margin-bottom: 15px; }
.about--section .about--grp { padding-left: 10px; }
.rating--div li .rating--bx .counter--bx { font-size: 28px; }
.service--list>li .service--box .service-bg { width: 270px; }
.workflow--band { margin-top: 60px; padding: 60px 0px; }
.rating--div li .rating--bx p { margin-bottom: 10px; }
.rating--div li .rating--bx { padding: 10px; height: 120px; }
.rating--div li .rating--bx { height: 120px; }
.rating--div li:nth-child(odd), .rating--div li:nth-child(4) .rating--bx { margin-top: 120px; }
.rating--div li:nth-child(5) .rating--bx { margin-top: -120px; }
.banner-slider .swiper-slide .banner--content .banner--text p { font-size: 18px; }
.process--bx .img--bx { min-width: 80px; width: 80px; height: 80px; }
.process--bx { padding: 30px 20px 100px 20px; }
.process--desc ul li { font-size: 15px; }


}


@media screen and (max-width: 991px)
{
:root {
--s-30: 15px;
--s-50: 30px;
--s-20: 12px;
}

.container { padding: 0px 20px; }
.pxl { font-size: 16px; }
body p { font-size: 14px; }
.section--title { font-size: 32px; }
.py--lg { padding: 70px 0px; }
.pb--lg { padding-bottom: 70px; }
.pt--lg { padding-top: 70px; }

.fade-in-right, .fade-in-left { opacity: 1; transform: none; }
.about--section .about--grp { padding-left: 0px; padding-top: 0px; }
.about--section .about-img { aspect-ratio: 1.9; }

.banner .banner--img { height: 370px; }
.menu--link li a { margin-right: 0px; font-size: 11px; }
.banner-slider .swiper-slide .banner--content .banner--text .title, .digital--inovation-banner .banner--content .banner--text .title { font-size: 32px; }
.banner-slider .swiper-slide .banner--content .banner--text p { width: 82%; font-size: 14px; }

.service--list>li .service--title1 { writing-mode: unset; transform: none; }
.service--list { display: block; }
.service--list>li .service--title1 { padding: 22px 20px; font-size: 20px; }

.service--list>li, .service--list>li a { display: block; width: 100%; }
.service--list>li a.button { display: inline-flex; width: auto; }
.service--list { height: auto; border:0px; }
.service--list>li { border-bottom: 1px solid #c2c2c2; border-right: 0px; }
.service--list>li.active .service--box { clip-path: none; }
.service--list > li .service--box { position: relative; left: 0px; width: 100% !important; height: auto; overflow: hidden; display: flex; transition:none; clip-path: none; display: none; }
/* .service--list > li.active .service--box { height: auto; } */
.service--list>li .service--box .service--text { background: var(--blue-d); }
.service--list>li .service--title1 span.icon { left: unset; right: 20px; top: 50%; transform: translateY(-50%); }
.service--list>li .service--title1 .svg { height: 100%; }
.service--list>li .service--box .service--text { display: flex; align-items: flex-start; flex-direction: column; }

.services--section .container-fluid { padding: 0px 20px; }
.service--list>li .service--box .service--img { width: 250px; }
.service--list>li .service--box .service--text { padding: 0px 30px 30px 30px; }
.service--list>li .service--box .service--text .service--title { font-size: 24px; }
.service--list>li .service--box .service-bg { width: 230px; }
.service--list>li .service--box .service-bg img { opacity: 0.5; }

.workflow--band { margin-top: 60px; padding: 50px 0px; }
footer .footer--icon { margin-top: 0px; width: 100%; padding-left: 0px; }
footer .footer--info { margin-top: 30px; }
footer .section--title { margin-bottom: var(--s-30); }
footer .footer--info .con--links li a { font-size: 13px; }
footer .footer--bottom { padding: 14px 0px; margin-top: 15px; }
footer .footer--logo { width: 140px; }
footer.pt--lg { padding: 50px 0px 0px 0px; }

.about--section.py--lg { padding-top: 40px; }
.about--section .section--subtitle { margin-top: 0px; }
.mob-title {  margin-bottom: var(--s-30); display: flex; }
.desk-title { display: none; }

.inner--banner .in--banner--innner { height: 220px; }
.upper-shape img, .lower-shape img { width: 100%; height: auto; will-change: transform!important; transform: none; }
.inner--banner { padding-top: 65px; }
.inner--banner .in--banner--innner.about--banner .banner--img { width: 500px; }
.upper-shape { height: 30px; }
.upper-shape img, .lower-shape img { height: 100%; }
.about--section.why--section .about-img { margin-top: 40px; width: 350px; margin-bottom: 0px; }
.why--section.why--section .rating--div { margin-top: 30px; }
.mission--list li:nth-child(2):after { display: none; }
.about--section1 .about--grp, .about--section .about--grp { padding-left: 0px; }

.inner--banner .in--banner--innner .banner--img { width: 180px; }
.inner--banner .in--banner--innner .banner--content { margin-top: 40px; }

.write--us .container > .row { --bs-gutter-x: 20px; }
.contact--wrapper .h4 { font-size: 14px; margin-bottom: 10px; }
.form-control, .form-select { font-size: 14px; }
.form-control::-webkit-input-placeholder { font-size: 14px; }
.form-control::-moz-placeholder { font-size: 14px; }
.form-control::-ms-input-placeholder { font-size: 14px; }
.form-control::-ms-input-placeholder { font-size: 14px; }
.write--us p small { font-size: 12px; }
.form-select { background-size: 15px; background-position-x: calc(100% - 10px); }

.service--section1 .services--grp { padding-left: 0px; }
.service--section1 .img-box { margin-top: 30px; }
.service--img--grp .img-box, .service--section1 .img-box { width: calc(100% - 190px); }
.service--img--grp .gradient--box, .service--section1 .gradient--box { width: 190px; aspect-ratio: 1.1; padding: 20px; }
.service--img--grp .gradient--box .text { font-size: 18px; }

.digital--inovation-banner .banner--content .banner--text { width: 73%; }
.digital--inovation-banner .banner--img { height: 400px; }
.benifit--bx--inner--cont { padding: 20px 20px; }
.benifit--bx--inner--cont .title--grp svg { width: 50px; margin-right: 10px; }
.benifit--bx--inner--cont ul li { margin-bottom: 15px; }
.application--section .service--img--grp { padding-right: 0px; }
.application--list li { flex: 0 0 calc(50% - 10px); }
.application--list { margin-top: 30px; display: flex; flex-flow: wrap; gap: 0px 20px; }
.plan--bx .year--title { font-size: 20px; }
.plan--bx p, .plan--bx .start--date { font-size: 14px; }
.plan--bx .price { font-size: 18px; }
.plan--bx .price span { font-size: 22px; }
.plan--bx { min-height: 240px; }
.recommended--plan .recommended { font-size: 12px; }
.service--section1 ul li, .service--section1 .services--grp ul:first-of-type { font-size: 14px; }
.benifit--bx--inner--cont ul li, .process--bx .process--text p, .application--list li .appication--text p { font-size: 14px; }
.about--img--grp .img-box { width: calc(100% - 170px); }
.about--img--grp .small--img--bx { width: 170px; }
.about--img--grp .img-box { margin-top: 40px; }

.service--lists {
grid-template-columns: repeat(3, minmax(0, 1fr));
row-gap: 12px;
-moz-column-gap: 12px;
column-gap: 12px;
}
.service--lists .service--list--lists {
height: 100px;
}
.service--lists .list--title {
padding: 5px 5px 3px 10px;
min-height: 50px;
}
.service--lists .list--title h4 {
font-size: 16px;
}
.process--desc ul li { font-size: 14px; }







}


@media screen and (max-width: 767px)
{
.py--lg { padding: 50px 0px; }
.pb--lg { padding-bottom: 50px; }
.pt--lg { padding-top: 50px; }
.container { padding: 0px 15px; }

.hamburder--div { display: flex; flex-direction: column; grid-gap: 4px; justify-content: center; width: 28px; }
.hamburder--div span { width: 28px; height: 2px; background: var(--black); text-align: right; margin-left: auto; display: inline-flex; transition: all 0.5s; border-radius: 5px }
.hamburder--div span:nth-child(1) { width: 25px; }
.hamburder--div span:nth-child(3) { width: 18px; }
.header .navigation--grp--menu { position: fixed; padding-top: 60px; width: 300px; right: -300px; top: 0px; height: 100vh; background: var(--white); transition: 0.4s; }
.header .navigation--grp--menu.active { right: 0px; }
.header .navigation--grp .close-icon { display: flex; }
.menu--link { display: block; width: 100%; }
.menu--link li { display: block; }
.menu--link li a { font-size: 14px; padding: 20px 20px; border-bottom: 1px solid #e9e9e9; }
.menu--link li a.button { margin-left: 0px; }
.header .button { padding: 20px 20px; border: 0px; }
.menu--link li a.button { border: 0px; }
.dropdown--bx .dropdown--menu { position: static; width: 100%; transform: none; transition: none; pointer-events: all; min-width: 100%; opacity: 1; display: none; }
.dropdown--bx.active a { background: transparent; color: #000; }
.dropdown--bx .dropdown--menu li a { color: var(--black); border-bottom: 1px solid #cdcbcb; }

.dropdown--bx .dropdown--menu { background: #f2f2f2; }

/* .dropdown--menu {
opacity: 0;
height: 0;
overflow: hidden;
transition: opacity 0.3s ease, height 0.3s ease;
}

.dropdown--bx.active .dropdown--menu {
opacity: 1;
height: auto;
} */

.menu--link li a { justify-content: space-between; }
.dropdown--bx .dropdown--menu li a { padding: 15px 20px; }

.header .logo { width: 130px; }
.header.show .logo { width: 110px; }

.banner-slider .swiper-slide .banner--content { position: static; transform: none; padding-top: 40px; }
.banner-slider .swiper-slide .banner--content .banner--text .title { font-size: 28px; }
.banner-slider .swiper-slide .banner--content .banner--text .title { color: var(--blue-d); font-size: 28px; }
.banner-slider .swiper-slide .banner--content .banner--text p { color: var(--black); }

.banner-slider .swiper-slide .banner--content .banner--text, .banner-slider .swiper-slide .banner--content .banner--text p { width: 100%; }
.banner .banner--img { height: 450px; }
.banner .banner--img img { object-position: 75%; }
.banner--form { border-radius: 5px; }

.banner--form:after { border-bottom: solid 26px #00354C; display: none; border-left: solid 0px transparent; border-right: solid 39px transparent; }
.mob--banner--form { padding-top: 40px; }
.banner--form .form--title { font-size: 24px; }
.banner--form .form-group { margin-bottom: 15px; }
.section--subtitle { font-size: 14px; margin-top: 0px; }
.section--title { font-size: 28px; }
.section--subtitle .svg { width: 16px; }
.section--subtitle .line { margin-left: 10px; }

.rating--div li:nth-child(odd), .rating--div li:nth-child(4) .rating--bx, .rating--div li:nth-child(5) .rating--bx { margin-top: 0px; }
.rating--div li .rating--bx { height: 100%; min-height: 100px; }
.rating--div li .rating--bx p { font-size: 13px; }
.rating--div li .rating--bx .counter--bx { font-size: 25px; }
.rating--div li .rating--bx { padding: 10px; }
.about--section .about-img { margin-top: 42px; }

footer .footer--icon { display: none; }
.services--section .container-fluid { padding: 0px 15px; }
.service--list>li .service--title1 { padding: 18px 15px; font-size: 18px; }
.service--list>li .service--box .service--img { width: 200px; }
.service--list>li .service--box .service--text { padding: 0px 20px 50px 20px; }
.service--list>li .service--box .service--text .service--title { font-size: 20px; margin-bottom: 10px; }
.button { padding: 11px 14px; }
.button span, .link--btn span, .link--btn--white span { font-size: 10px; }
.service--list>li .service--box .service-bg { width: 170px; }
.service--list>li .service--title1 span.icon { width: 15px; height: 15px; }
.service--list>li .service--box .service--text p { font-weight: 200; }
.workflow--band { margin-top: 40px; padding: 40px 0px; }

footer.pt--lg { padding: 40px 0px 0px 0px; }
footer .footer--logo { width: 120px; margin-bottom: 30px; }
footer .footer--info { margin-top: 20px; }
footer .footer--div .footer--link li { margin-bottom: 2px; }
footer .footer--title { font-size: 12px; }

.about--img--grp .img-box, .ceo--section .ceo--img--grp .img-box { margin-top: 40px; }
.inner--banner { padding-top: 55px; }
.upper-shape { top: -1px; }

.inner--banner .in--banner--innner .banner--content { margin-top: 40px; }
.inner--banner .banner--content .banner--title { font-size: 32px; }
.inner--banner .in--banner--innner { height: 190px; }
.inner--banner .in--banner--innner.about--banner .banner--img { width: 440px; }

.about--img--grp .img-box, .ceo--section .ceo--img--grp .img-box { width: calc(100% - 190px); }
.about--img--grp .small--img--bx, .ceo--section .ceo--img--grp .ceo--info--box { width: 190px; }
.mission--list { margin-top: 10px; }
.mission--list .mission--img--grp .mission--bx { padding: 0px; }
.mission--list .mission--img--grp .img-box { margin-right: 20px; }
.mission--list li:after { display: none; }
.mission--list li { margin-bottom: 25px; }
.mission--list li:last-child { margin-bottom: 0px; }
.mission--list .mission--img--grp .mission--bx .mission--title { font-size: 18px; }
.why--section.why--section .rating--div li:first-child .rating--bx img { height: 70px; }
.ceo--name { font-size: 20px; }
.why--section.why--section .rating--div { margin-top: 30px; }
.about--section.why--section .about-img { margin-bottom: 0px; }

.write--us { padding: 20px 0px 0px 0px; }
.write--us form { margin-top: 0px; }
.inner--banner .in--banner--innner .banner--img { width: 150px; }

.contact--section { padding-bottom: 15px; }
.service--img--grp .img-box, .service--section1 .img-box { width: calc(100% - 140px); }
.service--img--grp .gradient--box, .service--section1 .gradient--box { width: 140px; padding: 15px; }

.section--subtitle .line { flex: 0 0 80px; }
.digital--inovation-banner .banner--content .banner--text .title { font-size: 29px; }
.digital--inovation-banner .banner--content .banner--text { width: 85%; }
.pxl { font-size: 15px; }
.digital--inovation-banner .banner--img { height: 360px; }
.benifit--bx--cont { grid-template-columns: repeat(1, 1fr); }
.benifit--bx--cont> .benifit--bx--inner--cont:first-child { border-bottom: 1px solid #BDBDBD; border-right: 0px; }
.benifit--bx--inner--cont { padding: 30px 20px; }
/* .process--bx .img--bx { min-width: 35px; width: 35px; height: 35px; } */
.process--bx .process--text .process--title { font-size: 18px; }
.row.works--row { --bs-gutter-x: 20px; --bs-gutter-y: 20px; }
.application--list { display: block; }

.row.plan--row { --bs-gutter-x: 20px; --bs-gutter-y: 20px ; }
.plan--bx .price { font-size: 16px; }
.plan--bx .price span { font-size: 20px; }
.plan--bx p { margin-bottom: 8px; }
.plan--bx .start--date { margin-bottom: 4px; }
.plan--bx { min-height: 200px; }
.benifit--bx--inner--cont .title--grp svg { width: 40px; }
.benifit--bx--inner--cont .title--grp { font-size: 20px; }
.benifit--bx--cont { margin-top: 10px; }
.application--section .section--title { margin-bottom: 30px; }
.row.plan--row { margin-top: 30px; }

.floating-icon { animation: none; }


}


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

}


@media screen and (max-width: 576px)
{
.banner .banner--img { height: auto; margin-top: 10px; }
.section--subtitle { margin-top: 0px; }
.banner-slider .swiper-slide .banner--content { padding: 0px 10px; top: 6%; position: absolute; }
.banner-slider .swiper-slide .banner--content .banner--text .title { font-size: 30px; }
.banner-slider .swiper-slide .banner--content .banner--text p { color: var(--white); font-size: 15px; }

.banner--content .services--list--bx { display: block; }
.banner-slider .swiper-slide .banner--content .banner--text .title { margin-bottom: 8px; }

.header .logo { width: 110px; }
.header.show .logo { width: 90px; }
.banner { padding-top: 47px; }
.pxl { font-size: 15px; }
.banner-slider .swiper-slide .banner--content .banner--text p { margin-bottom: 10px; }
.banner--form .form--title { font-size: 20px; }
.banner--form:after { border-bottom: solid 20px #003542; border-left: solid 0px transparent; border-right: solid 30px transparent; right: 30px; height: 20px;  }


.banner-slider .swiper-slide .banner--content .banner--text .title { color: var(--white); }
.mob--banner--form { padding-top: 40px; }

.section--title { font-size: 24px; }
.section--subtitle { font-size: 12px; }
.section--subtitle .svg { width: 15px; margin-right: 7px; }

.link--btn span .svg { width: 11px; }
.rating--div { flex-wrap: wrap; }
.rating--div li { flex: 0 0 33.33%; }

.service--list > li .service--box { flex-direction: column; }
.service--list>li .service--box .service--img { width: 100%; height: auto; aspect-ratio: 1.9; }
.service--list>li .service--box .service--text { padding: 20px 15px 60px 15px; }
.service--list>li .service--box .service-bg { width: 150px; }
.service--list>li .service--title1 { padding: 13px 15px; font-size: 16px; }
.service--list>li .service--box .service--text p { font-size: 13px; }

footer .footer--title { font-size: 10px; margin-bottom: 12px; letter-spacing: 1px; }
footer .footer--div .footer--link li a { font-size: 11px; display: flex; }
footer .footer--div .footer--link li { margin-bottom: 2px; }
footer .footer--logo { width: 100px; margin-bottom: 30px; }
footer .section--title { font-size: 22px; }
footer .footer--info .con--links li a { font-size: 11px; }
footer .footer--bottom { padding: 10px 0px; margin-top: 15px; }
footer .footer--info .con--links li { padding-right: 20px; margin-right: 20px; display: flex; }
footer .footer--info .con--links li:after { height: 15px; }
footer .footer--bottom { display: block; }
p.designby-text { margin-top: 2px; }
footer .footer--bottom p { font-size: 10px; }
.menu--link li a, .menu--link li a.button span { font-size: 12px; }
.dropdown--bx .dropdown--menu li a { font-size: 11px; }

.inner--banner { padding-top: 50px; }
.inner--banner .banner--content .banner--title { font-size: 24px; }
.inner--banner .in--banner--innner { height: 150px; }
.inner--banner .in--banner--innner.about--banner .banner--img { width: 336px; }
.inner--banner .in--banner--innner .banner--content { margin-top: 30px; }

.about--img--grp .img-box, .ceo--section .ceo--img--grp .img-box { margin-top: 30px; }
.about--img--grp .img-box, .ceo--section .ceo--img--grp .img-box { width: calc(100% - 120px); }
.about--img--grp .small--img--bx, .ceo--section .ceo--img--grp .ceo--info--box { width: 120px; }
.about--section.why--section .about-img { width: 100%; }

.form-control, .form-select { padding: 12px 12px; font-size: 12px; }
.form-control::-webkit-input-placeholder { font-size: 12px; }
.form-control::-moz-placeholder { font-size: 12px; }
.form-control::-ms-input-placeholder { font-size: 12px; }
.form-control::-ms-input-placeholder { font-size: 12px; }
.contact--wrapper .h4 { margin-bottom: 5px; }
.form-select { background-size: 10px; }
.inner--banner .in--banner--innner .banner--img { width: 120px; }

.service--img--grp .img-box, .service--section1 .img-box { width: calc(100% - 120px); }
.service--img--grp .gradient--box, .service--section1 .gradient--box { width: 120px; padding: 15px; }
.service--img--grp .gradient--box .text { font-size: 16px; }

.service--section1 .img-box { margin-top: 10px; }
.service--img--grp .img-box, .service--section1 .img-box { width: calc(100% - 100px); }
.service--img--grp .gradient--box, .service--section1 .gradient--box { width: 100px; padding: 10px; }
.service--img--grp .gradient--box .text { font-size: 13px; }
.service--img--grp .gradient--box .link--btn--white span { font-size: 9px; }
.service--img--grp .gradient--box .link--btn--white span .svg { width: 10px; }

.digital--inovation-banner .banner--content .banner--text .title { font-size: 22px; }
.pxl { font-size: 14px; }
.digital--inovation-banner .banner--content .banner--text p { margin-bottom: 15px; }
.digital--inovation-banner .banner--img { height: 310px; }
.banner, .digital--inovation-banner { padding-top: 40px; }
.plan--bx { height: auto; }
.benifit--bx--inner--cont ul li { padding-left: 18px; }
.benifit--bx--inner--cont { padding: 25px 20px; }






}


@media screen and (max-width: 480px)
{
.header .logo { width: 100px; }
.about--section .about-img { margin-top: 32px; }
body p, .mission--list .mission--img--grp .mission--bx p { font-size: 13px; }
.mission--list .mission--img--grp .img-box { width: 45px; min-width: 45px; margin-right: 15px; }
.pm { font-size: 13px; }
.contact--wrapper .h4 { font-size: 13px; }
.section--title { font-size: 22px; }
.service--section1 ul li, .service--section1 .services--grp ul:first-of-type { font-size: 13px; }
.benifit--bx--inner--cont ul li, .process--bx .process--text p, .application--list li .appication--text p { font-size: 13px }
.process--bx .process--text .process--title { font-size: 18px; }
.application--list li .application-icon { min-width: 40px; width: 40px; }
.application--list li .application-icon { margin-right: 15px; }
.plan--bx p, .plan--bx .start--date { font-size: 13px; }
.floating-icon { width: 38px; height: 38px; right: 10px; bottom: 15px; }
.ceo--name { font-size: 17px; }
.process--desc ul li { font-size: 13px; }
.process--bx .img--bx { min-width: 70px; width: 70px; height: 70px; }
.process--bx { padding: 30px 20px 70px 20px; }

.service--lists .list--title .h4-title {
font-size: 12px;
}






}


@media screen and (max-width: 390px)
{
.rating--div li .rating--bx .counter--bx { font-size: 24px; }
.workflow--band { padding: 30px 0px; }
.banner-slider .swiper-slide .banner--content .banner--text .title { font-size: 28px; }
.inner--banner .in--banner--innner { height: 130px; }
.inner--banner .in--banner--innner.about--banner .banner--img { width: 300px; }
.inner--banner .banner--content .banner--title { font-size: 24px; }
.inner--banner .in--banner--innner .banner--content { margin-top: 25px; }
.inner--banner { padding-top: 45px; }

.about--img--grp .img-box, .ceo--section .ceo--img--grp .img-box { width: calc(100% - 90px); }
.about--img--grp .small--img--bx, .ceo--section .ceo--img--grp .ceo--info--box { width: 90px; }
.ceo--name { font-size: 18px; }
.inner--banner .in--banner--innner .banner--img { width: 115px; }
.write--us p small { font-size: 11px; }

.section--subtitle .line { flex: 0 0 60px; }
.digital--inovation-banner .banner--content .banner--text .title { font-size: 20px; }



.service--lists .list--title .h4-title { font-size: 8px; }
.service--lists .list--title { min-height: 35px; }
    .banner-slider .swiper-slide .banner--content .banner--text p { font-size: 13px; }
    .banner--content .services--list--bx .services--list li a { font-size: 13px; }
    .banner--content .services--list--bx .services--list { padding-left: 16px; }






}

@media screen and (max-width: 360px)
{
.pxl { font-size: 14px; }
.banner-slider .swiper-slide .banner--content .banner--text .title { font-size: 20px; }
.banner--form { padding: 18px; }
footer .section--title { font-size: 20px; }
.inner--banner .in--banner--innner { height: 115px; }
.form-control, .form-select { padding: 10px 10px; }




}