@charset "UTF-8";
:root {  --color1: #AF110E;
 --color2: #111b51;
 --blue: #AF110E;
 --light: #464646;
}
* { box-sizing: border-box; list-style: none; margin: 0; padding: 0; }
html { font-size: 16px; scroll-behavior: smooth; }
body { font-family: "Arial", sans-serif; font-size: 16px; font-weight: 400; line-height: 24px; color: #000; background-color: #f5f4f6; position: relative; }
h1, h2, h3, h4, h5, h6 { font-family: "Arial", sans-serif; }
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong { font-weight: 700; }
h1, .h1 { font-size: 54px; font-weight: 700; line-height: 64px; margin-bottom: 24px; text-transform: capitalize; }
h2, .h2 { font-size: 48px; font-weight: 700; line-height: 64px; margin-bottom: 24px; text-transform: capitalize; }
h3, .h3 { font-size: 20px; font-weight: 700; line-height: 24px; text-transform: capitalize; }
h4, .h4 { font-size: 24px; font-weight: 400; line-height: 32px; text-transform: capitalize; }
p { font-family: "Arial", sans-serif; font-weight: 400; font-size: 16px; font-style: normal; line-height: 24px; margin-bottom: 20px; color: var(--light); }
p:last-child { margin-bottom: 0; }
a { color: #000; text-decoration: none; }
p a { color: var(--light); text-decoration: underline; }
img { display: block; width: auto; height: auto; max-width: 100%; }
ol, ul { margin: 0; padding: 0; list-style: none; }
.underline { text-decoration: underline; }
.underline:hover { text-decoration: none; }
h1 { letter-spacing: 1.5px; }
h2, h3, h4, h5, h6, p, em, span, b, strong, label, a, i, li, small, sub, sup, mark, del, ins, blockquote, q, abbr, address, th, td, dt, dd, canvas, figcaption, figure, pre { letter-spacing: 1px; }
main { min-height: 50vh; }
.container { width: 100%; max-width: 1630px; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; position: relative; }
.sec { padding-top: 100px; padding-bottom: 100px; position: relative; }
.dFlex { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.dFlex.inv { flex-direction: row-reverse; }
.itemsCenter { align-items: center; }
.itemsStrech { align-items: stretch; }
/*.colorWhite a {color: inherit;}*/
input:focus, textarea:focus, button:focus, select:focus { box-shadow: none; }
.btn1, .tbRight .btn1 { background-color: var(--color1); border: 1px solid var(--color1); padding: 15px 32px; border-radius: 4px; text-decoration: none; color: #fff; font-size: 20px; font-weight: 500; line-height: normal; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; transition: all 0.3s ease; }
.btn1:hover { background-color: transparent; border-color: #AF110E; color: #AF110E; }
.thinkBigSec .btn1 { height: 56px; }
.btn1Light, .tbRight .btn1Light { background-color: #efefef; border-color: #efefef; color: #af110e; }
/* .btn1Light:hover {
    background-color: var(--blue);
    border-color: var(--blue);
    color: #fff;
} */

.csTxt3 .btn1Small { background-color: #AF110E; border: 1px solid #fff; padding: 7px 16px; border-radius: 4px; text-decoration: none; color: #fff; font-size: 16px; font-weight: 400; line-height: 24px; display: inline-flex; align-items: center; justify-content: center; transition: all 0.3s ease; }
.csTxt1 .btn1Small { border: 1px solid #AF110E; }
.btn1Small:hover { background-color: #fff; border-color: #fff; color: #AF110E; }
.btn2 { background-color: transparent; border: 1px solid #AF110E; padding: 8px 16px; border-radius: 4px; text-decoration: none; color: #AF110E; font-size: 16px; font-weight: 400; line-height: 24px; display: inline-flex; align-items: center; justify-content: center; transition: all 0.3s ease; }
.ddServBox:hover .h3, .ddServBox:hover .h3 a, .ddServBox:hover p { color: #000; }
.btn2:hover, .ddServBox:hover .btn2 { background-color: #af110e; border-color: #af110e; color: #fff; }
.ddServBox:hover .btn2:hover { background-color: #af110e; border-color: #af110e; }
.btn1Small { background-color: var(--color1); border: 1px solid var(--color1); padding: 7px 16px; border-radius: 4px; text-decoration: none; color: #fff; font-size: 16px; font-weight: 400; line-height: 24px; display: inline-flex; align-items: center; justify-content: center; }
.whiteBtn { background-color: #fff; border: 1px solid #fff; font-size: 16px; font-weight: 500; line-height: 20px; color: #000; transition: all 0.3s ease; padding: 7px 16px; border-radius: 4px; text-decoration: none; }
.whiteBtn:hover { background-color: transparent; border: 1px solid #fff; color: #fff; }
.btnLink { display: inline-flex; align-items: center; color: var(--blue); font-size: 20px; line-height: 24px; font-weight: 500; }
.btnLink:hover { text-decoration: underline; }
.btnLink img { margin-right: 8px; }
.thinkBigSec .btnLink { margin-right: 40px; }
.thinkBigSec .btnLink:last-child { margin-right: 0; }
.text-center { text-align: center; }
.headRight { height: 36px; align-items: center; justify-content: space-between; }
.headRight .whiteBtn { min-height: 36px; margin-left: 20px; }
.toggle-button { background: none; border: none; padding: 0 15px; margin-left: 32px; border: 1px solid #fff; border-radius: 4px; min-height: 36px; font-size: 18px; line-height: 20px; color: #fff; cursor: pointer; display: flex; align-items: center; justify-content: space-between; transition: all 0.3s ease; }
.toggle-button div { width: 23px; height: 16px; position: relative; margin-right: 10px; }
.toggle-button div span { display: block; background: #fff; width: 18px; height: 2px; border-radius: 5px; position: absolute; top: 0; left: 0; transition: all 0.3s ease; }
.toggle-button strong { font-weight: 400; }
.toggle-button:hover { color: #000; background-color: #fff; }
.toggle-button:hover span { width: 100%; background-color: #000; }
.toggle-button span:nth-child(2) { width: 23px; top: 7px; }
.toggle-button span:last-child { margin-bottom: 0; top: 14px; }
.header { -webkit-transition: all 0.3s ease; -moz-animation: all 0.3s ease; -ms-animation: all 0.3s ease; -o-animation: all 0.3s ease; transition: all 0.3s ease; padding: 10px 0; position: fixed; top: 0; left: 0; right: 0; z-index: 999; background: transparent; height: 138px; }
.header.sticky { height: auto; position: fixed; top: 0; background-color: #fff; box-shadow: 0 16px 32px rgba(0, 0, 0, 0.04); }
.header.sticky .headerIn { height: auto; }
.header.sticky .whiteBtn { background-color: #AF110E; color: #fff; border-color: #AF110E; }
.header.sticky .whiteBtn:hover { background-color: transparent; color: #AF110E; }
.header.sticky .toggle-button { border-color: #AF110E; color: #AF110E; }
.header.sticky .toggle-button span { background-color: #AF110E; }
.header.sticky .toggle-button:hover { background-color: #AF110E; color: #fff; }
.header.sticky .toggle-button:hover span { background-color: #fff; }
.headerIn { align-items: center; justify-content: space-between; height: 118px; }
.logo { display: block; max-width: 111px; min-height: 68px; }
#logoBlack, .header.sticky #logoWhite { display: none; }
.header.sticky #logoBlack { display: block; }
.bannerSec { background-color: var(--color1); padding-top: 200px; padding-bottom: 400px; overflow: hidden; height: 800px; }
.bannerSec .container { min-height: 178px; }
.bannerSec h1 { color: #fff; margin-bottom: 64px; margin-left: auto; margin-right: auto; text-transform: uppercase; max-width: 1380px; }
.bannerSec p, .bannerSec i { color: #fff; font-size: 32px; line-height: 40px; max-width: 800px; margin: auto; text-transform: capitalize; }
.bannerSec i { display: block; max-width: 800px; margin-top: 32px; }
.thinkBigSec { margin-top: -328px; padding: 0; text-transform: capitalize; }
.thinkBigSec h3 { font-size: 54px; font-weight: 700; line-height: 64px; }
.thinkBigSec p { margin-bottom: 32px; }
.thinkBigSec p a { text-decoration: none; }
.thinkBigIn { justify-content: space-between; align-items: center; background-color: #fff; min-height: 464px; border-radius: 4px; }
.thinkBigIn img { border-radius: 0 4px 4px 0; }
.tbLeft, .tbRight { max-width: 50%; }
.tbLeft { min-height: 464px; border-radius: 0 4px 4px 0; width: 50% }
.tbLeft img { width: 100%; min-height: 464px; }
.tbRight { padding: 55px 40px 55px 120px; }
.txt24 { font-size: 24px; font-weight: 400; line-height: 32px; }
.txt20Bold { font-family: Arial; font-size: 20px; font-weight: 700; line-height: 28px; }
.txt18 { font-family: Arial; font-size: 16px; font-weight: 400; line-height: 28px; }
.txt16 { font-family: Arial; font-size: 16px; font-weight: 400; line-height: 24px; text-transform: none; }
.txt16 a { text-decoration: underline; }
.txt32 { font-family: Arial; font-size: 32px; font-weight: 400; line-height: normal; text-transform: capitalize; }
.txt28 { font-family: Arial; font-size: 28px; font-weight: 400; line-height: normal; text-transform: capitalize; }
.txt20 { font-family: Arial; font-size: 20px; font-weight: 400; }
.txt48 { font-family: Arial; font-size: 48px; font-weight: 400; }
.lh_36 { line-height: 36px; }
.lh_56 { line-height: 56px; }
.achievementsSec { padding: 0; margin-top: 16px; }
.achievementsIn { background-color: #fff; align-items: stretch; min-height: 475px; }
.achieveText, .achieveCF { width: 50%; }
.achieveText { border-right: 1px solid #efefef; padding: 52px 65px 52px 120px; }
.achieveCFTop, .achieveCFBottom { width: 100%; }
.achieveCFTop { border-bottom: 1px solid #efefef; }
.achieveCFTop li, .achieveCFBottom li, .achieveDataList li { display: inline-flex; align-items: center; justify-content: center; }
.achieveCFTop li { width: 50%; padding: 50px 15px; border-right: 1px solid #efefef; }
.achieveCFBottom li { width: 33.33%; border-right: 1px solid #efefef; }
.achieveCFTop li:last-child, .achieveCFBottom li:last-child { border: 0; }
.achieveData { width: 100%; padding: 0 120px; border-top: 1px solid #efefef; }
.achieveDataList li { width: 25%; padding: 52px 32px; border-right: 1px solid #efefef; }
.achieveDataList li:first-child { padding-left: 0; }
.achieveDataList li:last-child { border: 0; padding-right: 0; }
.adBox { align-items: center; justify-content: flex-start; }
.adBox img { margin-right: 32px; }
.adCal { font-size: 48px; font-weight: 700; line-height: 55px; color: #AF110E; }
.adBox span { font-size: 20px; letter-spacing: 0; font-weight: 400; line-height: 24px; letter-spacing: 0; }
.ddServiceSec { padding-bottom: 0; }
.ddServiceIn { background-color: #fff; padding: 100px 88px 252px 120px; position: relative; }
.ddServiceIn:before { display: block; content: ""; background-color: #fff; position: absolute; right: 100%; top: 0; bottom: 0; width: 200%; }
section .colorWhite, section.ddServiceSec .colorWhite, section.ddServiceSec p, section.ddServiceSec p a { color: #000; }
.colorBlack { color: #000; }
.ddServiceSec ul { display: flex; flex-wrap: wrap; align-items: stretch; justify-content: space-between; overflow: hidden; }
.ddServiceSec ul li { width: 25%; border-right: 1px solid #ddd; border-top: 1px solid #ddd; /*border-image: linear-gradient( to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100% );border-image-slice: 1;*/
margin-top: -2px }
.ddServiceSec ul li:nth-child(4n) { border-right: 0; }
.ddServiceSec ul li:nth-child(1), .ddServiceSec ul li:nth-child(2), .ddServiceSec ul li:nth-child(3), .ddServiceSec ul li:nth-child(4) { border-top: 0; }
.dds { margin-top: 64px; }
.ddServBox { padding: 32px; padding-bottom: 72px; position: relative; height: 100%; transition: all 0.3s ease; }
/* .ddServBox:hover {
    background-color: #fff;
} */

.ddIcon { margin-bottom: 24px; height: 64px; transition: all 0.3s ease; }
.ddServBox:hover .ddIconN, .ddIconH { display: none; opacity: 0; transition: all 0.3s ease; }
.ddServBox:hover .ddIconH { display: block; opacity: 1; transition: all 0.3s ease; }
.ddServBox h2 { margin-bottom: 16px; min-height: 50px; }
.ddServBox h4 { margin-bottom: 16px; }
.btn2 .arrow-right { font-style: normal; font-size: 24px; line-height: 24px; margin-left: 16px; }
.ddServBox .btn2 { position: absolute; bottom: 32px; left: 32px; }
.ddServiceSec.sdTechSec ul li { width: 16.66667%; }
.ddServiceSec.sdTechSec ul li:nth-child(4n) { border-right: 1px solid #ddd; border-top: 1px solid #ddd;/*border-image: linear-gradient( to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100% );border-image-slice: 1;*/
}
/*.ddServiceSec.sdTechSec ul li:nth-child(1), .ddServiceSec.sdTechSec ul li:nth-child(2), .ddServiceSec.sdTechSec ul li:nth-child(3), .ddServiceSec.sdTechSec ul li:nth-child(4), .ddServiceSec.sdTechSec ul li:nth-child(5), .ddServiceSec.sdTechSec ul li:nth-child(6) {border-top: 0;}*/
.ddServiceSec.sdTechSec ul li:nth-child(6n) { border-right: 0; }
.information1Sec { padding-top: 0; margin-top: -150px; overflow: hidden; }
.information1In { background-color: #eee; position: relative; padding: 100px 120px; padding-bottom: 490px; }
.information1In:before { display: block; content: ""; background-color: #eee; position: absolute; left: 100%; top: 0; bottom: 0; width: 200%; }
.information1Inner { position: relative; }
.info1CarBoxMain { display: flex; justify-content: space-between; }
.info1CarBox { width: auto; height: 100%; background-color: #eee; }
.info1CarBox>img { margin-bottom: 32px; }
.info1CarBox .btn2 { color: #000; padding: 0; border: 0; font-weight: 700; margin-top: 16px; }
.info1CarBox .btn2:hover { background-color: transparent; color: var(--color1); border: 0; }
.linkBtn1 { font-size: 32px; font-weight: 400; line-height: 24px; color: var(--color1); transition: all ease 0.3s; }
.linkBtn1 i { font-style: normal; margin-left: 16px; }
.linkBtn1:hover { color: #9f0300 }
.information1Sec .linkBtn1 { position: relative; top: -20px; display: inline-block; }
.leadingSlider .info1CarBox { padding-bottom: 40px; position: relative; min-height: 500px; text-transform: capitalize; }
.leadingSlider .info1CarBox>a { display: block; margin-bottom: 32px; }
.leadingSlider .info1CarBox img { border: 1px solid #efefef; border-radius: 4px; }
.leadingSlider .info1CarBox .orBottom { left: 0; bottom: 0; }
.information2Sec { padding: 0; margin-top: -500px; overflow: hidden; }
.information2In { position: relative; padding: 100px 120px; }
.cultureSec { margin-top: -440px; }
.information2Sec .info1CarBoxMain { justify-content: flex-start; }
.i1CB { width: 49%; }
.i1CB:last-child { margin-right: 0; }
.i2CB { width: 31.33%; margin-right: 3%; }
.info2CarBox { position: relative; height: 100%; background-color: #fff; }
.i2CB:last-child { margin-right: 0; }
.i2Video { position: relative; }
.i2Video img, .i2Video iframe { border-radius: 4px 4px 0 0; width: 100%; display: block; border: 0; }
.i2Video span, .onTvVdo span { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 82px; height: 82px; border: 3px solid #fff; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; -webkit-pointer-events: none; pointer-events: none; }
.i2Video span:before, .onTvVdo span:before { display: block; content: ""; width: 0; height: 0; border-top: 14px solid transparent; border-bottom: 14px solid transparent; border-left: 24px solid #fff; }
.i2Video:hover span, .onTvVdo:hover span { border-color: var(--color1); }
.i2Video:hover span:before, .onTvVdo:hover span:before { border-left-color: var(--color1); transition: all ease 0.3s; }
.info2CarBox h3 { text-transform: capitalize; margin-bottom: 10px; }
.info2CarBox p { margin-bottom: 0; }
.videoBtn { position: relative; text-transform: capitalize; font-size: 16px; font-weight: 700; }
.videoBtn span { width: 40px; height: 40px; border-radius: 50%; background-color: var(--color1); position: relative; margin-right: 16px; display: inline-flex; align-items: center; justify-content: center; }
.videoBtn:hover { color: var(--color1); }
.arrow-right-v { width: 0; height: 0; border-top: 9px solid transparent; border-bottom: 9px solid transparent; border-left: 12px solid #fff; }
.info2CarBox .videoBtn { position: absolute; left: 32px; bottom: 32px; display: none; }
.i2VideoTxt { padding: 32px; padding-bottom: 32px; background-color: #fff; }
.sdTechSec { padding: 0; overflow: hidden; }
.sdTechSec .ddServiceIn:before { right: auto; left: 100%; }
.sdTechSec .ddServBox { padding: 80px 15px; display: flex; align-items: center; justify-content: center; }
.sdTechSec .ddIcon { height: 64px; width: 64px; margin: 0; background-color: #fff; border-radius: 16px; display: flex; align-items: center; justify-content: center; }
.onTvSec .information1In:before { right: 100%; left: auto; }
.onTvSec iframe { border-radius: 4px; }
.onTvMain { align-items: center; justify-content: space-between; }
.onTvLeft { padding-right: 32px; width: 40%; }
.onTvRight { width: 60%; }
.onTvRight iframe { width: 100%; height: 513px; }
.onTvVdo { position: relative; }
.onTvVdo img, .onTvVdo iframe { border-radius: 4px; }
.ourRecognitionSec { margin: 0; }
.recognitionSlider { position: relative; z-index: 1; }
.ourRecognitionSec .information1In, .ourRecognitionSec .information1In:before { background-color: #eee; }
.orBox { background-color: #fff; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08); border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 4px; padding: 32px; color: #000; height: 100%; padding-bottom: 120px; position: relative; text-transform: capitalize; }
.orBoxHead { align-items: center; justify-content: space-between; margin-bottom: 20px; }
.orNm { font-size: 24px; line-height: 32px; }
.orRating { display: inline-flex; align-items: center; justify-content: space-between; margin: 0; }
.orRating li { margin: 0 3px 0 0 !important; font-size: 24px; line-height: 22px; color: var(--color1); }
.orRatingTxt { font-size: 14px; line-height: 16px; }
.orBottom { position: absolute; left: 32px; bottom: 32px; }
.orBottom p { margin-bottom: 10px; }
.orBottom p:last-child { margin: 0; }
.ourRecognitionSec .information1In { padding-bottom: 0; }
.orLogoBox { display: flex; align-items: center; justify-content: space-between; position: relative; z-index: 1; margin-top: 88px; }
.orLogoBox li { margin-right: 75px; }
.orLogoBox li:last-child { margin-right: 0; }
.featuredSec { margin-top: -420px; padding-bottom: 0; }
.featuredSec .information1In { padding-top: 430px; padding-bottom: 100px; background: #fff }
.featuredSec .information1In:before { background: #fff; }
.featuredList { display: flex; align-items: center; justify-content: space-between; }
.featuredList li { margin-right: 60px; }
.featuredList li:last-child { margin: 0; }
.ourOfferingSec { padding-top: 0; }
.ourOfferingSec .ddServiceIn { padding-bottom: 682px; background: #eee; }
.ourOfferingSec .ddServiceIn:before { background: #eee; }
.ourOfferingSec .tabs { display: block; float: left; width: 464px; border: 0; position: absolute; z-index: 1; }
.ourOfferingSec .tabs li { width: 100%; border: 0; margin-bottom: 16px; }
.ourOfferingSec .tabs li:last-child { margin: 0; }
.ourOfferingSec .tabs li label span { margin-left: 15px; }
.tab-content { float: right; width: 100%; display: none }
.tab-content-in { padding-left: 580px; }
.ofTabs { overflow: hidden; min-height: 650px; }
.tabbed p, .tabbed p a, .tab-content .read-more-target p, .tab-content .read-more-target p a { color: #000; }
.tabbed [type="radio"] { display: none; }
.tab>label img { filter: invert(1); }
.tab>label { display: flex; align-items: center; padding: 24px; color: #000; font-size: 20px; font-weight: 400; text-transform: capitalize; cursor: pointer; transition: all 0.3s; border-radius: 4px; }
.tab:hover label { background-color: #AF110E; color: #fff }
.ddServiceSec .tab-content { display: none; color: #000; opacity: 0; transition: all ease 0.3s; }
.tab-content h3 { font-size: 24px; font-weight: 700; margin-bottom: 16px; }
.tabImgWrap { min-height: 408px; margin-top: 56px; }
.tabImgWrap img { width: 100%; border-radius: 6px; }
.ofTabBtn { margin-top: 20px; display: flex; justify-content: flex-end; }
.ofTabBtn .btn2 { padding: 5px 10px; font-size: 14px; }
.ofTabs .btn2 .arrow-right { margin-left: 5px; line-height: normal; }
.ofTabs .btn2 .arrow-right { font-size: 14px; }
.ofTabs .btn2:hover { border-color: var(--color1); background-color: var(--color1); }
.readMoreWrap { padding-top: 36px; margin-top: 32px; position: relative; }
.read-more-state { display: none; }
.read-more-target { display: none; }
.read-more-target h4 { margin-top: 30px; margin-bottom: 20px; }
.read-more-target p:last-child { margin-bottom: 20px; }
.read-more-state:checked~.read-more-target { display: block; }
.read-more-state~.read-more-trigger:before { content: "Show More"; }
.readMoreWrap .read-more-state~.read-more-trigger:after { content: ""; display: inline-block; width: 5px; height: 5px; border: 1px solid transparent; border-right-color: #af110e; border-bottom-color: #af110e; position: relative; transform: rotate(45deg); margin-left: 7px; top: -2px; }
.read-more-state:checked~.read-more-trigger:before { content: "Show Less"; }
.read-more-state:checked~.read-more-trigger:after { transform: rotate(-135deg); top: 3px; }
.readMoreWrap .read-more-trigger { cursor: pointer; display: inline-block; position: absolute; right: 0; top: 0; z-index: 1; background-color: transparent; border: 1px solid #af110e; padding: 5px 10px; border-radius: 4px; min-width: 108px; text-decoration: none; color: #af110e; font-size: 14px; font-weight: 400; line-height: 24px; transition: all 0.3s ease; }
.read-more-trigger:hover { background-color: var(--color1); border-color: var(--color1); color: #ffff }
.read-more-state~.read-more-trigger:hover:after { border-right-color: #fff; border-bottom-color: #fff; }
.tab:hover label img { filter: none; }
.tabbed [type="radio"]:nth-of-type(1):checked~.tabs .tab:nth-of-type(1) label, .tabbed [type="radio"]:nth-of-type(2):checked~.tabs .tab:nth-of-type(2) label, .tabbed [type="radio"]:nth-of-type(3):checked~.tabs .tab:nth-of-type(3) label, .tabbed [type="radio"]:nth-of-type(4):checked~.tabs .tab:nth-of-type(4) label, .tabbed [type="radio"]:nth-of-type(5):checked~.tabs .tab:nth-of-type(5) label, .tabbed [type="radio"]:nth-of-type(6):checked~.tabs .tab:nth-of-type(6) label, .tabbed [type="radio"]:nth-of-type(7):checked~.tabs .tab:nth-of-type(7) label, .tabbed [type="radio"]:nth-of-type(8):checked~.tabs .tab:nth-of-type(8) label, .tabbed [type="radio"]:nth-of-type(9):checked~.tabs .tab:nth-of-type(9) label, .tabbed [type="radio"]:nth-of-type(10):checked~.tabs .tab:nth-of-type(10) label { background-color: #AF110E; color: #fff }
.pastaTabs .tabbed [type="radio"]:nth-of-type(1):checked~.tabs .tab:nth-of-type(1) label, .pastaTabs .tabbed [type="radio"]:nth-of-type(2):checked~.tabs .tab:nth-of-type(2) label, .pastaTabs .tabbed [type="radio"]:nth-of-type(3):checked~.tabs .tab:nth-of-type(3) label, .pastaTabs .tabbed [type="radio"]:nth-of-type(4):checked~.tabs .tab:nth-of-type(4) label, .pastaTabs .tabbed [type="radio"]:nth-of-type(5):checked~.tabs .tab:nth-of-type(5) label, .pastaTabs .tabbed [type="radio"]:nth-of-type(6):checked~.tabs .tab:nth-of-type(6) label, .pastaTabs .tabbed [type="radio"]:nth-of-type(7):checked~.tabs .tab:nth-of-type(7) label, .pastaTabs .tabbed [type="radio"]:nth-of-type(8):checked~.tabs .tab:nth-of-type(8) label, .pastaTabs .tabbed [type="radio"]:nth-of-type(9):checked~.tabs .tab:nth-of-type(9) label, .pastaTabs .tabbed [type="radio"]:nth-of-type(10):checked~.tabs .tab:nth-of-type(10) label { background-color: #f5f4f6; color: var(--blue); }
.pastaTabs .tabbed [type="radio"]:nth-of-type(1):checked~.tabs .tab:nth-of-type(1) label span, .pastaTabs .tabbed [type="radio"]:nth-of-type(2):checked~.tabs .tab:nth-of-type(2) label span, .pastaTabs .tabbed [type="radio"]:nth-of-type(3):checked~.tabs .tab:nth-of-type(3) label span, .pastaTabs .tabbed [type="radio"]:nth-of-type(4):checked~.tabs .tab:nth-of-type(4) label span, .pastaTabs .tabbed [type="radio"]:nth-of-type(5):checked~.tabs .tab:nth-of-type(5) label span, .pastaTabs .tabbed [type="radio"]:nth-of-type(6):checked~.tabs .tab:nth-of-type(6) label span, .pastaTabs .tabbed [type="radio"]:nth-of-type(7):checked~.tabs .tab:nth-of-type(7) label span, .pastaTabs .tabbed [type="radio"]:nth-of-type(8):checked~.tabs .tab:nth-of-type(8) label span, .pastaTabs .tabbed [type="radio"]:nth-of-type(9):checked~.tabs .tab:nth-of-type(9) label span, .pastaTabs .tabbed [type="radio"]:nth-of-type(10):checked~.tabs .tab:nth-of-type(10) label span { color: var(--blue); }
section.gtSec .tabbed [type="radio"]:nth-of-type(1):checked~.tabs .tab:nth-of-type(1) label, section.gtSec .tabbed [type="radio"]:nth-of-type(2):checked~.tabs .tab:nth-of-type(2) label, section.gtSec .tabbed [type="radio"]:nth-of-type(3):checked~.tabs .tab:nth-of-type(3) label, section.gtSec .tabbed [type="radio"]:nth-of-type(4):checked~.tabs .tab:nth-of-type(4) label, section.gtSec .tabbed [type="radio"]:nth-of-type(5):checked~.tabs .tab:nth-of-type(5) label, section.gtSec .tabbed [type="radio"]:nth-of-type(6):checked~.tabs .tab:nth-of-type(6) label, section.gtSec .tabbed [type="radio"]:nth-of-type(7):checked~.tabs .tab:nth-of-type(7) label, section.gtSec .tabbed [type="radio"]:nth-of-type(8):checked~.tabs .tab:nth-of-type(8) label, section.gtSec .tabbed [type="radio"]:nth-of-type(9):checked~.tabs .tab:nth-of-type(9) label, section.gtSec .tabbed [type="radio"]:nth-of-type(10):checked~.tabs .tab:nth-of-type(10) label { background-color: transparent; color: #fff; }
section.gtSec .tabbed [type="radio"]:nth-of-type(1):checked~.tabs .tab:nth-of-type(1) label:after, section.gtSec .tabbed [type="radio"]:nth-of-type(2):checked~.tabs .tab:nth-of-type(2) label:after, section.gtSec .tabbed [type="radio"]:nth-of-type(3):checked~.tabs .tab:nth-of-type(3) label:after, section.gtSec .tabbed [type="radio"]:nth-of-type(4):checked~.tabs .tab:nth-of-type(4) label:after, section.gtSec .tabbed [type="radio"]:nth-of-type(5):checked~.tabs .tab:nth-of-type(5) label:after, section.gtSec .tabbed [type="radio"]:nth-of-type(6):checked~.tabs .tab:nth-of-type(6) label:after, section.gtSec .tabbed [type="radio"]:nth-of-type(7):checked~.tabs .tab:nth-of-type(7) label:after, section.gtSec .tabbed [type="radio"]:nth-of-type(8):checked~.tabs .tab:nth-of-type(8) label:after, section.gtSec .tabbed [type="radio"]:nth-of-type(9):checked~.tabs .tab:nth-of-type(9) label:after, section.gtSec .tabbed [type="radio"]:nth-of-type(10):checked~.tabs .tab:nth-of-type(10) label:after { border-right: 2px solid #fff; border-bottom: 2px solid #fff; }
.tabbed [type="radio"]:nth-of-type(1):checked~.tab-content:nth-of-type(1), .tabbed [type="radio"]:nth-of-type(2):checked~.tab-content:nth-of-type(2), .tabbed [type="radio"]:nth-of-type(3):checked~.tab-content:nth-of-type(3), .tabbed [type="radio"]:nth-of-type(4):checked~.tab-content:nth-of-type(4), .tabbed [type="radio"]:nth-of-type(5):checked~.tab-content:nth-of-type(5), .tabbed [type="radio"]:nth-of-type(6):checked~.tab-content:nth-of-type(6), .tabbed [type="radio"]:nth-of-type(7):checked~.tab-content:nth-of-type(7), .tabbed [type="radio"]:nth-of-type(8):checked~.tab-content:nth-of-type(8), .tabbed [type="radio"]:nth-of-type(9):checked~.tab-content:nth-of-type(9), .tabbed [type="radio"]:nth-of-type(10):checked~.tab-content:nth-of-type(10) { display: block; opacity: 1; }
.caseStudySec { padding: 0; position: relative; margin-top: -100px; }
.caseStudySec:before { display: block; content: ""; background-color: #fff; position: absolute; top: 0; bottom: 0; right: 0; width: 50%; }
.caseStudyIn { background-color: #fff; padding: 100px 120px; padding-top: 1px; padding-bottom: 535px; }
.caseStudyIn p { text-transform: capitalize; }
.caseStudyInner { margin-top: -500px; }
.caseStudyMain { object-fit: cover; margin-top: 64px; align-items: stretch; }
.csLeft, .csRight { width: 50%; position: relative; }
.csRight { flex-direction: column; }
.csRightTop { align-items: stretch; }
.csRightBottom { flex-direction: row-reverse; align-items: stretch; }
.csTxt { width: 50%; padding: 32px; min-height: 308px; padding-bottom: 72px; position: relative; }
.csTxt span { display: block; margin-bottom: 24px; text-transform: uppercase; }
.csTxt h3, .csTxt p { font-size: 24px; font-weight: 400; line-height: 34px; margin: 0; text-transform: capitalize; }
.csTxt1 { position: absolute; right: 0; bottom: 0; background-color: #1C1C1C; color: #fff; }
.csTxt2 { background-color: #efefef; color: #000; }
.csTxt3 { background-color: #AF110E; color: #fff; }
.csTxt .btn1Small { position: absolute; left: 32px; bottom: 32px; padding: 7px 16px; border-radius: 4px; background-color: var(--color1); color: #fff; }
.csTxt .btn1Small:hover { background: #fff; color: var(--color1); }
.csTriangle { width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 10px solid #efefef; position: absolute; }
.csTxt1 .csTriangle { border-right-color: rgba(13, 22, 44, 0.97); right: 100%; top: 30px; }
.csTxt2 .csTriangle { border-right-color: #efefef; right: 100%; top: 30px; }
.caseStudyMain .csTxt3 .csTriangle { border-right-color: #AF110E; left: 100%; bottom: 30px; transform: rotate(180deg); }
.cultureSlider, .cFeedbackSlider, .sadSlider, .leadingSlider, .recognitionSlider, .coffieSlider { margin-top: 64px; }
.cultureSec p { text-transform: capitalize; }
.btn1Small i { font-style: normal; font-weight: 700; margin-left: 8px; }
.coffieSec { padding-bottom: 0; }
.coffieSec .information1In { background-color: #fff; padding-bottom: 100px; }
.coffieSec .information1In:before { background-color: #fff; }
.coffieSec h2 .orange { color: var(--color1); }
.coffieSec .orBox { box-shadow: 0 0 24px rgba(0, 0, 0, 0.04); border: 1px solid #eee; }
.orNm { font-size: 28px; font-weight: 400; line-height: 40px; margin-bottom: 24px; text-transform: capitalize; }
.ourRecognitionSec .orNm { margin-bottom: 0; }
.followIn { padding-left: 120px; padding-right: 120px; }
.followInner { position: relative; }
.followSec h3 { margin-bottom: 32px; }
.followList { justify-content: space-between; align-items: center; }
.followList li { margin-right: 64px; }
.followList li:last-child { margin-right: 0; }
.footer { background-color: #fff; }
.footerTop { padding: 80px 0; }
.footerIn { padding-left: 120px; padding-right: 120px; }
.footerContact { align-items: center; justify-content: space-between; margin-bottom: 80px; }
.footerContact li a { display: inline-flex; align-items: center; justify-content: flex-start; padding: 16px; border: 1px solid rgba(65, 73, 116, 0.5); border-radius: 4px; min-width: 316px; transition: all 0.3s ease; }
.footerContact li a:hover { background-color: #f5f4f6; }
.footerContact li a img { margin-right: 16px; }
.fcRight { font-size: 16px; line-height: 18px; color: #555; }
.fcRight span { display: block; font-size: 20px; line-height: 23px; color: #000; margin-bottom: 4px; }
.footerMain { border-top: 1px solid rgba(65, 73, 116, 0.5); padding: 80px 0 0; line-height: 18px; justify-content: space-between; }
.fmCol { margin-right: 48px; width: 25%; }
.fmCol:last-child { margin: 0; }
.w1 { width: 304px; }
.w2 { width: 352px; }
.w3 { width: 272px; }
.w4 { width: 288px; }
.footerLogo { display: inline-block; margin-bottom: 32px; }
.footer p { color: #666; margin-bottom: 5px; }
.greatPlace { margin-top: 64px; }
.greatPlace p { font-size: 20px; line-height: 18px; text-transform: uppercase; margin-bottom: 24px; }
.fmCol h3 { margin-bottom: 50px; padding-bottom: 24px; border-bottom: 1px solid rgba(65, 73, 116, 0.5); }
.fmCol li { margin-bottom: 24px; }
.fmCol li a { color: #666; transition: all 0.3s ease; }
.fmCol li a:hover { color: var(--color1); }
.footerBottom { border-top: 1px solid rgba(65, 73, 116, 0.5); padding: 32px 0; font-size: 15px; line-height: 17px; }
.footerBottom p { color: #000; width: 100%; text-align: center; }
.fbSec { justify-content: center; align-items: center; }
.fbSecList { width: 100%; justify-content: center; }
.fbSecList li { margin-left: 24px; }
.fbSecList li:first-child { margin: 0; }
.fbSecList li a { color: #000; transition: all 0.3s ease; }
.fbSecList li a:hover { color: var(--color1); }
.csslider { -moz-perspective: 1300px; -ms-perspective: 1300px; -webkit-perspective: 1300px; perspective: 1300px; display: block; text-align: left; position: relative; }
.csslider>input { display: none; }
.csslider>input:nth-of-type(10):checked~ul li:first-of-type { margin-left: -900%; }
.csslider>input:nth-of-type(9):checked~ul li:first-of-type { margin-left: -800%; }
.csslider>input:nth-of-type(8):checked~ul li:first-of-type { margin-left: -700%; }
.csslider>input:nth-of-type(7):checked~ul li:first-of-type { margin-left: -600%; }
.csslider>input:nth-of-type(6):checked~ul li:first-of-type { margin-left: -500%; }
.csslider>input:nth-of-type(5):checked~ul li:first-of-type { margin-left: -400%; }
.csslider>input:nth-of-type(4):checked~ul li:first-of-type { margin-left: -300%; }
.csslider>input:nth-of-type(3):checked~ul li:first-of-type { margin-left: -200%; }
.csslider>input:nth-of-type(2):checked~ul li:first-of-type { margin-left: -100%; }
.csslider>input:nth-of-type(1):checked~ul li:first-of-type { margin-left: 0%; }
.csslider>ul { position: relative; overflow: hidden; white-space: nowrap; border-radius: 4px 4px 0 0; font-size: 0; line-height: 0; margin: 0 auto; padding: 0; }
.csslider>ul>li { position: relative; display: inline-block; width: 100%; height: 100%; overflow: hidden; -moz-transition: all 0.5s cubic-bezier(0.4, 1.3, 0.65, 1); -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s cubic-bezier(0.4, 1.3, 0.65, 1); transition: all 0.5s cubic-bezier(0.4, 1.3, 0.65, 1); vertical-align: top; white-space: normal; }
.cisInfraSlider .csslider>ul>li { height: 380px; }
.csslider>.navigation { position: relative; margin-top: 40px; z-index: 10; text-align: center; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.csslider>.navigation>div { margin-left: 0; }
.csslider>.navigation label { position: relative; display: inline-block; width: 14px; height: 14px; cursor: pointer; border-radius: 50%; margin: 0 10px; padding: 0; background: #a9a9a9; transition: all ease 0.2s; }
.csslider>.navigation label:before { display: block; content: ""; width: 20px; height: 20px; border: 1px solid #a9a9a9; border-radius: 50%; position: absolute; top: -4px; left: -4px; }
section .csslider>.navigation label:hover { background-color: #AF110E; }
.csslider>.navigation label:hover:after { opacity: 1; }
section .csslider>.navigation label:after { content: ""; position: absolute; left: 50%; top: 50%; margin-left: -7px; margin-top: -7px; background: #AF110E; border-radius: 50%; opacity: 0; }
.csslider>input:nth-of-type(1):checked~.navigation label:nth-of-type(1):after, .csslider>input:nth-of-type(2):checked~.navigation label:nth-of-type(2):after, .csslider>input:nth-of-type(3):checked~.navigation label:nth-of-type(3):after, .csslider>input:nth-of-type(4):checked~.navigation label:nth-of-type(4):after, .csslider>input:nth-of-type(5):checked~.navigation label:nth-of-type(5):after, .csslider>input:nth-of-type(6):checked~.navigation label:nth-of-type(6):after, .csslider>input:nth-of-type(7):checked~.navigation label:nth-of-type(7):after, .csslider>input:nth-of-type(8):checked~.navigation label:nth-of-type(8):after, .csslider>input:nth-of-type(9):checked~.navigation label:nth-of-type(9):after, .csslider>input:nth-of-type(10):checked~.navigation label:nth-of-type(10):after, .csslider>input:nth-of-type(11):checked~.navigation label:nth-of-type(11):after { opacity: 1; width: 14px; height: 14px; }
section .csslider>input:nth-of-type(1):checked~.navigation label:nth-of-type(1):before, section .csslider>input:nth-of-type(2):checked~.navigation label:nth-of-type(2):before, section .csslider>input:nth-of-type(3):checked~.navigation label:nth-of-type(3):before, section .csslider>input:nth-of-type(4):checked~.navigation label:nth-of-type(4):before, section .csslider>input:nth-of-type(5):checked~.navigation label:nth-of-type(5):before, section .csslider>input:nth-of-type(6):checked~.navigation label:nth-of-type(6):before, section .csslider>input:nth-of-type(7):checked~.navigation label:nth-of-type(7):before, section .csslider>input:nth-of-type(8):checked~.navigation label:nth-of-type(8):before, section .csslider>input:nth-of-type(9):checked~.navigation label:nth-of-type(9):before, section .csslider>input:nth-of-type(10):checked~.navigation label:nth-of-type(10):before, section .csslider>input:nth-of-type(11):checked~.navigation label:nth-of-type(11):before { border-color: #AF110E; }
.thinkBigSec p, .achieveText p, .information1Inner>p, .info2CarBox p, .onTvLeft p, .cFeedbackSec p, .cultureSec p, .ourRecognitionSec .orBox p, .coffieSec p { color: var(--light); }
.ourRecognitionSec p { color: #000; }
.ourRecognitionSec .orBottom p { color: #000; }
.coffieSec .faqMain p { color: var(--light); margin-bottom: 10px; }
.sadSlider .i2VideoTxt { min-height: 200px; }
.cFeedbackSlider .i2VideoTxt { min-height: 290px; }
.faqMain { padding: 100px 0; }
.faqBox input { position: absolute; opacity: 0; z-index: -1; }
.accTabs { border-radius: 4px; overflow: hidden; }
.accTab { width: 100%; overflow: hidden; border: 1px solid #eee; border-radius: 4px; margin-bottom: 8px; }
.tab-label { display: flex; justify-content: flex-start; cursor: pointer; padding: 24px; font-size: 20px; font-weight: 400; position: relative; padding-right: 60px; }
.accTab .tab-label a { display: inline-block; margin: 0 8px; }
.tab-label:hover { background-color: #e9e9e9; }
.tab-label::before { display: block; content: ""; position: absolute; right: 34px; top: 24px; width: 3px; height: 24px; background-color: #AF110E !important; transition: all 0.35s; }
.tab-label::after { display: block; content: ""; position: absolute; right: 24px; top: 34px; width: 24px; height: 3px; background-color: #AF110E !important; transition: all 0.35s; }
.accTabContent { max-height: 0; padding: 0 24px; color: #676767; background: #fff; transition: all 0.35s; }
.accTabContent p a { text-decoration: underline; }
input:checked+h3 .tab-label { background-color: transparent; border-bottom: 1px solid #eee; }
input:checked~h3 .tab-label::before, input:checked~h4 .tab-label::before { transform: rotate(45deg); }
input:checked~h3 .tab-label::after, input:checked~h4 .tab-label::after { transform: rotate(-135deg); }
input:checked~.accTabContent { max-height: none; padding: 24px; border-top: 1px solid #eee; }
.containerMini { width: 100%; max-width: 1360px; margin: auto; }
.hText_54 { font-size: 54px; font-weight: 700; line-height: 64px; text-transform: capitalize; margin-bottom: 24px; }
.hText_48 { font-size: 48px; font-weight: 700; line-height: 64px; text-transform: capitalize; margin-bottom: 24px; }
.hText_38 { font-size: 38px; font-weight: 700; line-height: 44px; margin-bottom: 24px; }
.tab-content .pastaText .hText_38 { color: #000; }
.hText_38 span { font-weight: 400; }
.hText_32 { font-size: 32px; font-weight: 700; line-height: 36px; margin-bottom: 24px; }
i.hText_32:last-child { margin-bottom: 0; }
.bannerSec.aiBannerSec { background-color: #00384C; min-height: 600px; height: auto; padding: 0; }
section.bannerSec.aiBannerSec { background-color: #00384C; }
.thinkBigSec.aiThinkBigSec .thinkBigIn, .thinkBigSec.aiThinkBigSec .tbLeft { min-height: 420px; }
.thinkBigSec.iPhoneDevTBSec .thinkBigIn, .thinkBigSec.iPhoneDevTBSec .tbLeft { min-height: 524px; }
.thinkBigSec.msTBSec .thinkBigIn, .thinkBigSec.msTBSec .tbLeft { min-height: 514px; }
.thinkBigSec.mh_464 .thinkBigIn, .thinkBigSec.mh_464 .tbLeft { min-height: 464px; }
.thinkBigSec.mh_537 .thinkBigIn, .thinkBigSec.mh_537 .tbLeft { min-height: 537px; }
.thinkBigSec.mh_448 .thinkBigIn, .thinkBigSec.mh_448 .tbLeft { min-height: 448px; }
.thinkBigSec.mh_640 .thinkBigIn, .thinkBigSec.mh_640 .tbLeft { min-height: 640px; }
.thinkBigSec.mh_528 .thinkBigIn, .thinkBigSec.mh_528 .tbLeft { min-height: 528px; }
.thinkBigSec.mh_544 .thinkBigIn, .thinkBigSec.mh_544 .tbLeft { min-height: 544px; }
.thinkBigSec.mh_456 .thinkBigIn, .thinkBigSec.mh_456 .tbLeft { min-height: 456px; }
.thinkBigSec.mh_384 .thinkBigIn, .thinkBigSec.mh_384 .tbLeft { min-height: 384px; }
.thinkBigSec.mh_558 .thinkBigIn, .thinkBigSec.mh_558 .tbLeft { min-height: 558px; }
.thinkBigSec.mh_488 .thinkBigIn, .thinkBigSec.mh_488 .tbLeft { min-height: 488px; }
.thinkBigSec.mh_496 .thinkBigIn, .thinkBigSec.mh_496 .tbLeft { min-height: 496px; }
.thinkBigSec.mh_560 .thinkBigIn, .thinkBigSec.mh_560 .tbLeft { min-height: 560px; }
.thinkBigSec.mh_400 .thinkBigIn, .thinkBigSec.mh_400 .tbLeft { min-height: 400px; }
.thinkBigSec.mh_440 .thinkBigIn, .thinkBigSec.mh_440 .tbLeft { min-height: 440px; }
.thinkBigSec.mh_432 .thinkBigIn, .thinkBigSec.mh_432 .tbLeft { min-height: 432px; }
.thinkBigSec.mh_368 .thinkBigIn, .thinkBigSec.mh_368 .tbLeft { min-height: 368px; }
.thinkBigSec.mh_335 .thinkBigIn, .thinkBigSec.mh_335 .tbLeft { min-height: 335px; }
.thinkBigSec.mh_428 .thinkBigIn, .thinkBigSec.mh_428 .tbLeft { min-height: 428px; }
.thinkBigSec.mh_470 .thinkBigIn, .thinkBigSec.mh_470 .tbLeft { min-height: 470px; }
.thinkBigSec.mh_437 .thinkBigIn, .thinkBigSec.mh_437 .tbLeft { min-height: 437px; }
.thinkBigSec.mh_512 .thinkBigIn, .thinkBigSec.mh_512 .tbLeft { min-height: 512px; }
.thinkBigSec.mh_424 .thinkBigIn, .thinkBigSec.mh_424 .tbLeft { min-height: 424px; }
.thinkBigSec.mh_624 .thinkBigIn, .thinkBigSec.mh_624 .tbLeft { min-height: 624px; }
.thinkBigSec.mh_344 .thinkBigIn, .thinkBigSec.mh_344 .tbLeft { min-height: 344px; }
.thinkBigSec.mh_520 .thinkBigIn, .thinkBigSec.mh_520 .tbLeft { min-height: 520px; }
.thinkBigSec.mh_720 .thinkBigIn, .thinkBigSec.mh_720 .tbLeft { min-height: 720px; }
.thinkBigSec.iPhoneDevTBSec.wpaTBSec .thinkBigIn { flex-wrap: nowrap; align-items: stretch; }
.thinkBigSec.iPhoneDevTBSec.wpaTBSec .tbLeft, .thinkBigSec.iPhoneDevTBSec.wpaTBSec .tbRight { /*max-width: none;*/
}
.thinkBigSec.iPhoneDevTBSec.wpaTBSec .tbLeft { overflow: hidden; }
.thinkBigSec.iPhoneDevTBSec.wpaTBSec .tbLeft img { min-height: 100%; max-width: none; position: relative; /*left: 50%;top: 50%;transform: translate(-50%, -50%);*/
width: 100%; object-fit: cover }
.thinkBigSec.iPhoneDevTBSec.wpaTBSec .tbRight { max-width: calc(100% - 640px) !important; flex-wrap: wrap; }
.thinkBigSec.iPhoneDevTBSec p { line-height: 28px; }
.thinkBigSec.iPhoneDevTBSec p.lh_40, .lh_40 { line-height: 1.4; }
.thinkBigSec.iPhoneDevTBSec p.lh_32, .lh_32 { line-height: 32px; }
.thinkBigSec.iPhoneDevTBSec p a { text-decoration: underline; }
.thinkBigSec.iPhoneDevTBSec .tbLeft { max-width: none; }
.thinkBigSec.iPhoneDevTBSec .tbRight { max-width: none; }
.lh_inherit { line-height: inherit; }
.aiInfoSec { margin-top: 16px; margin-bottom: 100px; }
.aiInfoIn { background-color: #fff; padding: 64px 120px; }
.aiInfoText { margin-bottom: 64px; }
.aiInfoText:last-child { margin-bottom: 0; }
.ciServiceSec { background-color: #EEEEEE; position: relative; }
/*.ciServiceSec:before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 284px;
    background-color: #f5f4f6;
}*/

.listBox1Main { display: flex; flex-wrap: wrap; align-items: stretch; margin-left: -16px; margin-right: -16px; margin-bottom: -16px; }
.listBox1Main li { width: 33.33%; padding: 16px; }
.listBox1 { background-color: #fff; padding: 40px; height: 100%; border-radius: 4px; box-shadow: 0 0 16px rgba(0, 0, 0, 0.08); }
.listBox1.bxShdwNone, .bxShdwNone { box-shadow: none; }
.lbIcon { margin-bottom: 24px; height: 64px; }
.listBox1 h2 { margin-bottom: 16px; }
.listBox1 p { font-weight: 500; }
.leftFill, .rightFill { position: relative; }
.leftFill:before { display: block; content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 50%; }
.rightFill:before { display: block; content: ""; position: absolute; top: 0; bottom: 0; left: 50%; right: 0; }
.aisSec.leftFill:before { background-color: #fff; }
.aisIn { background-color: #fff; padding-top: 100px; padding-bottom: 280px; }
.aidSec { margin-bottom: 100px; }
.aidVideo { border-radius: 4px; }
.aidVideo img, .aidVideo iframe { width: 100%; border-radius: 4px; }
.wsSec { position: relative; }
.wsSec .btn1 { position: relative; top: -40px; margin-bottom: -40px; }
.wsSec .csslider>.navigation { margin-top: 64px; }
.tadSec { margin-top: -180px; }
.tadSec.rightFill:before { background-color: #eee; }
.tadIn { background-color: #eee; padding-top: 100px; padding-bottom: 426px; }
.bColorList3 { align-items: stretch; }
.bColorList3 li { width: 33.33%; border-right: 1px solid #ddd; border-top: 1px solid #ddd;/*border-image: linear-gradient( to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100% );border-image-slice: 1;*/
}
.bColorList3 li:nth-child(1), .bColorList3 li:nth-child(2), .bColorList3 li:nth-child(3) { border-top: 0; }
.bColorList3 li:nth-child(3n) { border-right: 0; }
.bColorList3 ul.textList1 li { border: 0; width: auto; color: #000; }
.bclBox { padding: 30px; height: 100%; }
.bclBox:hover { background-color: #AF110E; }
.bclIcon { margin-bottom: 24px; height: 64px; }
.bclBox h3 { margin-bottom: 16px; }
.bclBox p a { color: #fff; }
.bclBox:hover .bclIconN, .bclIconH { display: none; opacity: 0; transition: all 0.3s ease; }
.bclBox:hover .bclIconH { display: block; opacity: 1; transition: all 0.3s ease; }
.siSec { padding-top: 0; padding-bottom: 100px; margin-top: -326px; }
.listBox2Main { margin-left: -8px; margin-right: -8px; margin-bottom: -8px; }
.listBox2Main li { width: 25%; padding: 8px; }
.listBox2 { background-color: #fff; padding: 32px; height: 100%; transition: all ease 0.3s; }
.listBox2:hover { background-color: var(--color1); }
.listBox2:hover .lbIconH { display: block; opacity: 1; transition: all 0.3s ease; }
.listBox2:hover .lbIconN, .lbIconH { display: none; opacity: 0; transition: all 0.3s ease; }
.listBox2 h2, .listBox2 h4, .listBox2 h6 { margin-bottom: 16px; }
.listBox2 h2, .listBox2 h4, .listBox2 h6, .listBox2 p, .listBox2 p a, .listBox2 a, .listBox2 .h3 { transition: all 0.3s ease; }
.listBox2:hover h2, .listBox2:hover h3, .listBox2:hover .h3, .listBox2:hover h4, .listBox2:hover h6, .listBox2:hover .txt20Bold, .listBox2:hover p, .listBox2:hover p a, .listBox2:hover a, .listBox2:hover li { color: #fff; }
.listBox2:hover p a { color: inherit; }
.m0 { margin: 0; }
.thinkBigSec .btn1.mt_0, .mt_0 { margin-top: 0; }
.mb_0 { margin-bottom: 0; }
.mt_64 { margin-top: 64px; }
.mt_48 { margin-top: 48px; }
.mt_24 { margin-top: 24px; }
.mt_16 { margin-top: 16px; }
.mt_8 { margin-top: 8px; }
.mt_100 { margin-top: 100px; }
.mtb_100 { margin-top: 100px; margin-bottom: 100px; }
.logoList1, .logoList2 { align-items: stretch; }
.logoList1 li { width: 25%; height: 120px; display: inline-flex; align-items: center; justify-content: center; border-top: 1px solid #efefef; border-right: 1px solid #efefef; }
.liBgWhite li { background-color: #fff; }
.logoList1 li:nth-child(4n + 1) { border-left: 1px solid #efefef; }
.logoList1 li:nth-last-child(1), .logoList1 li:nth-last-child(2), .logoList1 li:nth-last-child(3), .logoList1 li:nth-last-child(4) { border-bottom: 1px solid #efefef; }
.logoList2 { margin-left: -8px; margin-right: -8px; margin-bottom: -8px; }
.logoList2 li { width: 25%; padding: 8px; }
.logoList-1_3 li { width: 33.33%; }
.logoList2 li>a, .logoList2 li .lLwrap { background: #f5f4f6; border-radius: 2px; padding: 16px; display: flex; justify-content: flex-start; align-items: stretch; color: #000; min-height: 80px; transition: all ease 0.3s; }
.logoList2 li .lLwrap { align-items: flex-start; height: 100%; }
.logoList2 li .lLwrap img { min-width: 48px; }
.logoList2 li .lLwrap a { display: inline-block; padding: 0; background-color: transparent; border-radius: 0; min-height: 0; text-decoration: underline; }
.logoList2 li .lLwrap a:hover { background-color: transparent; color: inherit; }
.logoList2 li a:hover, .companyProfileSec .logoList2 li a:hover { background-color: var(--color1); color: #fff; }
.logoList2 li a img { width: 48px; height: 48px; }
.logoList2 li a h4, .logoList2 li .lLwrap .h4, .logoList2 li a span { border-left: 1px solid #ccc; padding-left: 16px; margin-left: 16px; display: inline-flex; flex-wrap: wrap; align-items: center; font-size: 18px; font-weight: 400; line-height: normal; margin-bottom: 0; }
.logoList2 li .lLwrap .h4 { display: inline-flex; flex-wrap: wrap; align-items: center; height: 100%; }
.logoList2 li .lLwrap .h4 a { margin: 0 5px; }
.logoList2 li .lLwrap .h4.dBlock { display: block; }
.logoList2 li a:hover h4 { border-color: #fff; }
.logoList-1_3 { align-items: stretch; }
.logoList-1_2 { margin-left: -16px; margin-right: -16px; align-items: stretch; }
.logoList-1_2 li { width: 50%; padding: 16px; }
.logoList-1_2 li .lLwrap { display: flex; align-items: center; padding: 24px; background-color: #f5f4f6; border-radius: 4px; height: 100%; }
.logoList-1_2 li .lLwrap img { margin-right: 16px; min-width: 64px; }
.cisInfraSlider .info1CarBoxMain { margin: 0 -8px; height: 100%; }
.cisInfraSlider .info1CarBoxMain .i1CB { width: 25%; height: 100%; padding: 0 8px; }
.cisInfraSlider .info1CarBox>img { margin: 0; display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; }
.aboutBoxesSec .listBox2 { padding: 64px 32px; text-align: center; }
.aboutBoxesSec .lbIcon { border-bottom: 1px solid #ddd; margin-bottom: 32px; padding-bottom: 32px; height: 96px; }
.aboutBoxesSec.mdeSec .lbIcon { height: auto; }
.aboutBoxesSec .lbIcon img { margin: auto; }
.coffieSlider.mt_0 { margin-top: 0; }
.blueBG { background-color: #eee; }
.whiteBG { background-color: #fff; }
.textList1 { margin-left: 25px; }
.textList1, .textList1 li { list-style: disc; color: var(--light); }
.textList1 a, .textList1 li a { color: inherit; text-decoration: underline; }
.textList1 li { margin-bottom: 15px; }
.decList, .decList li { list-style: decimal; }
.csslider ul.textList1 li { margin-left: 0; }
.w_50 li { width: 50%; }
.textList1.w_50 li { padding-right: 25px; }
.i4CB { width: 33.33%; margin-right: 32px; }
.i4CB:last-child { margin-right: 0; }
.cSuccessSec .info2CarBox { border-radius: 4px; }
.cSuccessBox { padding: 32px; min-height: 350px; background-color: #fff; border-radius: 4px; }
.csbHead { align-items: center; margin-bottom: 28px; }
.csbImg { width: 48px; height: 48px; border-radius: 50%; overflow: hidden; }
.csbInfo { padding-left: 16px; }
.info2CarBox .csbInfo p, .csbInfo p { line-height: 18px; margin: 0; }
.info2CarBox .csbInfo h3, .info2CarBox .csbInfo p.csbName, .csbInfo .csbName { font-size: 20px; font-weight: 400; line-height: 24px; margin: 0; color: #000; }
.teHead .hText_38 { margin: 0; }
.csbContent { align-items: flex-start; justify-content: space-between; }
.csbContent>img { width: 20px; }
.csbContent div { width: calc(100% - 44px); }
.coffieSec .orBottom p { color: #000; }
.coffieSec .orNm { min-height: 80px; }
.teocIn { justify-content: space-between; align-items: flex-start; }
.teSec { width: 49.4%; background-color: #fff; border-radius: 2px; }
.teHead { padding: 64px; }
.teHead h6 { margin: 0; }
.logoList3 li { width: 33.33%; height: 128px; padding: 0 10px; }
.logoList3 li:nth-child(3n) { border-right: 0; }
.logoList3 li:nth-child(3n + 1) { border-left: 0; }
.logoList3 li:nth-last-child(1), .logoList3 li:nth-last-child(2), .logoList3 li:nth-last-child(3) { border-bottom: 0; }
.bannerSec.csBannerSec { height: 500px; min-height: 0; padding: 0; }
.bannerSec.csBannerSec .bannerImg { height: 100%; }
.bannerImg img { height: 100%; width: 100%; max-width: none; object-fit: cover; position: relative; left: 50%; transform: translateX(-50%); }
.bannerSec.csBannerSec .bannerImg img { width: calc(100% + 1px); }
.topIntroSec { margin-top: -140px; }
.topIntroIn { background-color: #fff; padding: 64px 120px; }
.feaSec { margin-top: 8px; }
.feaSec .listBox2Main li:first-child .listBox2 { padding-left: 120px; }
.feaSec .listBox2Main li:last-child .listBox2 { padding-right: 120px; }
.feaSec .listBox2 p { max-width: 280px; }
.csDataSec { margin-bottom: 100px; }
.csDataSec .achieveData { border: 0; background-color: #00384C; }
.csDataSec .achieveDataList li { border: 0; justify-content: flex-start; padding: 64px 16px; }
.csDataSec .adBox img { margin-right: 20px; }
.csDataSec .adCal { color: #f45923; }
.csDataSec .adBox span { font-size: 24px; line-height: 28px; color: #fff; }
.weLeadSec { background-color: #fff; }
.weLeadBox { justify-content: space-between; align-items: stretch; }
.wlImg, .wlTxt { width: 50%; min-height: 380px; }
.wlImg img { width: 100%; max-width: none; height: 100%; object-fit: cover; }
.wlTxt { padding-left: 32px; display: flex; align-items: center; position: relative; }
.wlTxt h3 { font-weight: 400; }
.weLeadBox:nth-child(2n + 1) { flex-direction: row-reverse; }
.weLeadBox:nth-child(2n + 1) .wlTxt { padding-right: 32px; padding-left: 0; }
.wlTxt:before { display: block; content: ""; position: absolute; right: 100%; bottom: 32px; width: 0; height: 0; border-top: 16px solid transparent; border-bottom: 16px solid transparent; border-right: 16px solid #fff; }
.weLeadBox:nth-child(2n + 1) .wlTxt:before { right: auto; left: 100%; transform: rotate(180deg); }
.iccSec { padding-top: 100px; padding-bottom: 0; }
.cssSec.rightFill:before, .cssIn, .cusSec.rightFill:before, .cusIn { background-color: var(--color2); }
.cssIn, .cusIn { padding-top: 100px; padding-bottom: 260px; }
.bColorList4 { align-items: stretch; justify-content: space-between; }
.bColorList4 li { width: 25%; }
.bColorList4 li { width: 25%; border-right: 1px solid #ddd; border-top: 1px solid #ddd;/* border-image: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
    border-image-slice: 1; */
}
.bColorList4 li:nth-child(4n) { border-right: 0; }
.bColorList4 li:nth-child(1), .bColorList4 li:nth-child(2), .bColorList4 li:nth-child(3), .bColorList4 li:nth-child(4) { border-top: 0; }
.bColorList4 .ddServBox { padding: 40px; }
.shwSec { margin-top: -160px; }
.shwSec.leftFill:before, .shwIn { background-color: #fff; }
.shwIn { padding-top: 100px; }
.port1Box { justify-content: space-between; align-items: stretch; }
.port1Img { width: 50%; border-radius: 4px 0 0 4px; overflow: hidden; }
.port1Img img { width: auto; height: 100%; object-fit: cover; }
.port1Txt { width: 50%; border: 1px solid #eee; border-left: 0; border-radius: 0 4px 4px 0; padding: 56px; min-height: 544px; }
.p1Tag { margin-bottom: 24px; }
.p1Tag span { display: inline-block; background-color: #f5f4f6; border-radius: 4px; padding: 8px 16px; margin-bottom: 5px; margin-right: 5px; color: #af110e; font-size: 13px; font-weight: 700; line-height: 18px; text-transform: uppercase; }
.p1Tag span:last-child { margin-right: 0; }
.port1Txt h2 { font-weight: 400; }
.port1Txt .btn1 { margin-top: 12px; }
.iccsTxt { padding: 32px 28px; }
.iccsTxt h3 { font-size: 18px; margin-bottom: 24px; }
.iccSlider .info1CarBox { border: 1px solid #ddd; border-radius: 4px 4px 0 0; }
.iccSlider .info1CarBox a { display: block; }
.iccSlider .info1CarBox img { width: auto; margin: 0; }
.caseStudyIPSec { position: relative; z-index: 1; }
.bottomReducer { position: relative; }
.bottomReducer:after { display: block; content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 308px; background-color: #eee; }
.bottomReducer .containerMini { position: relative; z-index: 1; }
.bottomReducer1:after { height: 210px; background: #eee; }
.bottomReducer2:after { height: 264px; }
.tadIn.pb_0 { padding-bottom: 0; }
.abtbBg { position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
.aboutTBSec .thinkBigIn { position: relative; }
.abtbBg img { height: 100%; width: 100%; max-width: none; object-fit: cover; border-radius: 4px; }
.aboutTBSec .tbLeft, .aboutTBSec .tbRight { position: relative; z-index: 1; }
.aboutTBSec .tbLeft, .aboutTBSec .tbLeft img { min-height: 544px; max-width: none; width: auto; }
.aboutTBSec .tbLeft img { height: 100%; position: absolute; top: 0; bottom: 0; right: 0; }
.aboutTBSec .tbRight { max-width: 1038px; }
.aboutTBSec .tbRight p { max-width: 615px; color: #000; margin-bottom: 64px; }
.aboutData { display: flex; }
.aboutData li { margin-right: 80px; }
.aboutData li:last-child { margin-right: 0; }
.aboutData li div { font-size: 64px; font-weight: 700; line-height: 74px; color: #fff; }
.aboutTBSec .aboutData li p { margin-bottom: 0; }
.pastaTabs .tabs { display: flex; align-items: center; justify-content: space-between; position: relative; }
.pastaTabs .tabs:before { display: block; content: ""; position: absolute; top: 50%; left: 0; right: 0; margin-top: -3px; height: 2px; border-bottom: 2px dashed var(--blue); }
.pastaTabs .tabs li:first-child { padding-left: 0; }
.pastaTabs .tabs li:last-child { padding-right: 0; }
.pastaTabs .tab-content { width: 100%; }
.pastaTabs { overflow: hidden; margin-top: 40px; }
.pastaTabs .tabbed p, .pastaTabs .tabbed p a { color: var(--light); }
.pastaTabs .tab>label { display: inline-block; padding: 16px 32px; font-size: 24px; font-weight: 700; text-transform: capitalize; background-color: #fff; color: var(--blue); cursor: pointer; transition: all 0.3s; border: 1px solid #f5f4f6; border-radius: 4px; position: relative; }
.pastaTabs .tab>label span { color: #666; }
.pastaTabs .tab label:hover span { color: var(--blue); }
.pastaTabs .tab>label:before, .pastaTabs .tab>label:after { display: block; content: ""; width: 10px; height: 10px; border-radius: 50%; background-color: var(--blue); position: absolute; top: 50%; left: 0; margin-top: -5px; margin-left: -5px; }
.pastaTabs .tab>label:after { left: auto; right: 0; margin-right: -5px; }
.pastaTabs .tab:first-child>label:before, .pastaTabs .tab:last-child>label:after { display: none; }
.pastaTabs .tab-content { display: none; opacity: 0; transition: all ease 0.3s; }
.pastaTc { display: flex; justify-content: space-between; flex-wrap: wrap; }
.pastaimg { max-width: 50%; }
.pastaText { max-width: 50%; padding-left: 64px; display: flex; align-items: center; }
.shadowTxt76 { color: #f5f4f6; font-size: 76px; font-weight: 900; line-height: normal; }
.companyProfileSec .logoList2 li { width: 25%; }
.companyProfileSec .logoList2 li a, .ecomCat .logoList2 li a { background-color: #fff; }
.listBox3Main li { width: 50%; }
.listBox3Main li .textList1 li { padding: 0; width: auto; margin-bottom: 12px; }
.coffieSlider .blog-col-box { display: flex; align-items: stretch; justify-content: space-between; flex-wrap: wrap; }
.coffieSlider .blog-col { width: 49%; background-color: #fff; border: 1px solid #eee; border-radius: 4px; box-shadow: 0 0 24px rgba(0, 0, 0, 0.04); padding: 32px; margin-top: 32px; }
.coffieSlider .blog-col:nth-child(1), .coffieSlider .blog-col:nth-child(2) { margin-top: 0; }
.coffieSlider .blog-col h3 { font-size: 28px; font-weight: 400; line-height: 40px; margin-bottom: 24px; min-height: 80px; }
.coffieSlider .blog-info { margin-bottom: 16px; }
.coffieSlider .blog-info-left { font-size: 20px; text-transform: uppercase; }
.coffieSlider .blog-info-left span { font-weight: 700; }
.coffieSlider .blog-description { color: var(--light); }
.coffieSlider .blog-read { position: relative; display: inline-block; color: #AF110E; font-size: 20px; font-weight: 700; margin-top: 24px; }
.coffieSlider .blog-read:before { display: inline; content: "Read more"; margin-right: 8px; }
 [hidden] {
 display: none;
}
button { -webkit-appearance: button; cursor: pointer; }
.project-box { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 99999; background-size: cover; padding: 85px; background-color: #ebebeb; }
.project-close-button { display: inline-flex; align-items: center; justify-content: center; position: absolute; right: 20px; top: 20px; z-index: 9; width: 42px; height: 42px; border: none; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.27); border-radius: 4px; }
.project-inner-box { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; height: 100%; }
.project-left { width: 48%; }
.project-right { width: 52%; padding-left: 64px; }
.project-right h2 { color: #af110e; font-weight: 700; font-size: 54px; line-height: 64px; margin: 0 0 8px; }
.industry-box, .project-button { padding: 0 15px; display: inline-block; }
.industry-box { background: #fff; color: #000; border-radius: 4px; line-height: 30px; }
.border-bottom { border-bottom: 1px solid rgba(255, 255, 255, 0.22); margin: 24px 0 20px; }
.project-right, .project-right p { color: #000; font-size: 18px; line-height: 28px; }
.project-tag { margin-bottom: 16px; margin-top: 16px; }
.project-tag ul { display: flex; align-items: flex-start; flex-wrap: wrap; }
.project-tag ul li { float: left; margin: 0 8px 8px 0; background: rgba(0, 0, 0, 0.5); padding: 0 16px; line-height: 30px; border-radius: 4px; color: #fff; font-size: 14px; text-transform: uppercase; }
.project-button { display: inline-flex; align-items: center; width: auto; height: 40px; line-height: 40px; background: var(--color1); border-color: var(--color1); color: #fff; text-align: center; font-size: 17px; border-radius: 4px; transition: all ease 0.3s; }
.project-button img { margin-right: 5px; }
.project-button i { display: none; }
.project-button:hover { background: #fff; border-color: #fff; color: #000; }
.iccBlock { justify-content: space-between; align-items: stretch; margin-left: -16px; margin-right: -16px; }
.iccBox { position: relative; padding: 0 16px; padding-top: 138px; width: 25%; }
.iccBox:last-child { margin-right: 0; }
.iccBox .textList1 li { color: #000; }
.iccHd { width: 232px; height: 232px; padding: 16px; background-color: var(--color1); border: 16px solid #f5f4f6; border-radius: 50%; position: absolute; left: 50%; top: 0; transform: translateX(-50%); display: flex; align-items: center; justify-content: center; text-align: center; }
.iccHd.bgWhite { background-color: #fff; }
.iccHd.bgBlack { background-color: #000; }
.iccHd.bgGray { background-color: #e0e0e0; }
.iccBoxIn { background-color: #fff; border-radius: 4px; padding: 32px; padding-top: 138px; height: 100%; }
.ti50Sec { align-items: center; }
.ti50Sec>div { max-width: 50%; }
.ti50Sec .tiTxt { padding-right: 16px; }
.tStack { width: 100%; }
.tStack tr td { padding: 40px; border-right: 1px solid #ddd; border-top: 1px solid #ddd; width: 25%; }
.tStack tr:first-child td { border-top: 0; }
.tStack tr td:nth-child(3n) { border-right: 0; }
.tStack tr td:nth-child(2n) { width: 50%; }
.tStackIcon { display: inline-block; }
.tStackIcon img { margin: auto; }
.tStackIcon span { display: block; margin-top: 16px; text-align: center; line-height: 21px; }
.jSb { justify-content: space-between; }
.faqBox .tab-label h3 { font-size: inherit; font-weight: inherit; line-height: inherit; text-transform: inherit; }
.project-right.colorBlack h2, .project-right.colorBlack p { color: #000; }
.tlWrap { width: 100%; }
.tlWrap tr td { width: 14%; padding: 55px 15px; vertical-align: top; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.tlWrap tr td:first-child { width: 30%; padding: 0 80px; vertical-align: middle; }
.tlWrap tr td:last-child { border-right: 0; }
.tlWrap:last-child tr:last-child td:nth-child(1), .tlWrap:last-child tr:last-child td:nth-child(2), .tlWrap:last-child tr:last-child td:nth-child(3), .tlWrap:last-child tr:last-child td:nth-child(4), .tlWrap:last-child tr:last-child td:nth-child(5), .tlWrap:last-child tr:last-child td:nth-child(6) { border-bottom: 0; }
.tlIcon { background-color: #fff; width: 64px; height: 64px; border-radius: 16px; margin-left: auto; margin-right: auto; display: flex; align-items: center; justify-content: center; }
.tlName { color: #000; text-align: center; }
.sec3_2 { display: flex; flex-wrap: wrap; align-items: stretch; justify-content: space-between; }
.sec3_2Left { width: 60%; }
.sec3_2Right { width: 40%; }
.sec3_2Ctnt { padding: 64px;/*height: 100%;*/
}
.sec3_2Left .sec3_2Ctnt { padding-left: 120px; margin-right: 16px; }
.oachList { position: relative; }
.oachList li { display: flex; align-items: center; position: relative; padding: 32px 0; }
.oachList li:before, .oachList:before { display: block; content: ""; height: 1px; background-color: #efefef; position: absolute; bottom: 0; left: -64px; right: -64px; }
.oachList:before { bottom: auto; top: 0; }
.oachList li img { margin-right: 32px; }
.oachList li span { display: inline-block; margin-right: 24px; }
.oachList li span:last-child { margin-right: 0; }
.ecomCat { margin-top: 8px; }
.ecomCat .logoList2 li { width: 33.33%; }
.ecomCat .logoList2 li a { position: relative; pointer-events: none; }
.ecomCat .logoList2 li a:hover, .ecomCat .logoList2 li a:hover span { color: #000; }
.ecomCat .logoList2 li:nth-child(3n + 1) a:before { display: block; content: ""; position: absolute; width: 120px; top: 0; bottom: 0; background-color: #fff; right: 100%; }
.ecomCat .logoList2 li:nth-child(3n) a:before { display: block; content: ""; position: absolute; width: 120px; top: 0; bottom: 0; background-color: #fff; left: 100%; }
.vdoBannerSec { height: 715px; overflow: hidden; position: relative; }
.vdoBannerSec iframe { width: calc(100% + 2px); height: 1070px; display: block; border: 0; position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.mainHeadSec { margin-top: -122px; }
.mainHeadIn { background-color: #fff; padding: 64px 120px; border-radius: 4px; }
.listBox1MainSp8 { margin-left: -8px; margin-right: -8px; margin-bottom: -8px; margin-top: -8px; }
.listBox1Main.listBox1MainSp8 li { padding: 8px; }
.tarcList li:first-child .listBox1 { padding-left: 120px; }
.tarcList li:last-child .listBox1 { padding-right: 120px; }
.tarcList .listBox1 { box-shadow: none; }
.vdoSlider .i1CB { width: 100%; }
.vdoSlider .info1CarBox { background-color: transparent; }
.vdoWrap { position: relative; }
.vdoWrap iframe { width: 100%; height: 765px; border: 0; }
.avVdoTag { display: flex; align-items: center; }
.avVdoTag span { display: inline-block; padding: 8px 16px; background-color: #eee; border-radius: 4px; margin-right: 16px; }
.vdoTextBottom { position: absolute; left: 0; right: 0; bottom: 0; padding: 64px; background: #fff; }
.sp_120_2 { margin-left: -8px; margin-right: -8px; }
.sp_120_2 li { padding-left: 8px; padding-right: 8px; }
.sp_120_2 li:nth-child(2n + 1) .listBox1 { padding-left: 120px; }
.sp_120_2 li:nth-child(2n) .listBox1 { padding-right: 120px; }
.imgTxtBlock { align-items: center; }
.itbImg { max-width: 552px; }
.itbTxt { max-width: calc(100% - 552px); padding-left: 36px; }
.bxShdw4 { box-shadow: 0 0 24px rgba(0, 0, 0, 0.04); }
.bbSec { position: relative; }
.bbSec.leftFill:before { background-color: #333; }
.bbIn.rightFill:before { background-color: #fff; bottom: 50%; }
.bbIn { position: relative; z-index: 1; }
.bbInner { align-items: stretch; justify-content: space-between; background: #333; }
.bbLeft { padding: 20px 16px; padding-left: 120px; width: 72%; }
.bbRight { width: 28%; position: relative; }
.bbRight a { padding: 20px 16px; background-color: var(--blue); position: absolute; left: 0; right: 0; top: 0; bottom: 0; text-align: center; display: inline-flex; align-items: center; justify-content: center; transition: all ease 0.3s; }
.bbRight a:hover { background-color: var(--color1); }
.textList1.colorWhite li { color: #000; }
.gtSec .dds { margin-top: 0; }
.gtSec .ofTabs { min-height: 800px; background-color: #fff; position: relative; }
.gtSec .ofTabs .tabs { display: block; float: left; width: 554px; border: 0; position: absolute; top: 0; bottom: 0; z-index: 1; background-color: #00384C; padding-top: 140px; padding-left: 120px; padding-right: 32px; }
.gtSec .tab-content, .gtSec .tab-content li, .gtSec .tabbed p, .gtSec .tabbed p a { color: #000; }
.gtSec .tabTxtWrap { padding: 48px; min-height: 420px; }
.gtSec .tabImgWrap { min-height: 400px; overflow: hidden; position: relative; margin: 0; }
.gtSec .tabImgWrap img { display: block; border-radius: 0; height: 100%; width: auto; max-width: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.gtSec .tab-content-in { padding-left: 554px; }
.gtSec .tab { position: relative; border-bottom: 1px solid rgba(239, 239, 239, 0.2); }
.gtSec .tab:last-child { border: 0; }
.gtSec .tab label { display: block; position: relative; padding: 24px 0; padding-right: 18px; justify-content: space-between; width: 100%; height: 100%; transition: all ease 0.3s; color: #c3c3c3; }
.gtSec .tab .txt20.lh_24.mb_0 { color: white; }
.gtSec .tab .txt20.lh_24.mb_0 label { cursor: pointer; transition: all ease 0.3s; }
.gtSec .tab:hover label { color: #fff; background-color: transparent; }
.gtSec .tab label:after { display: block; content: ""; width: 12px; height: 12px; border-left: 2px solid transparent; border-top: 2px solid transparent; border-right: 2px solid #c3c3c3; border-bottom: 2px solid #c3c3c3; position: absolute; right: 6px; top: 50%; margin-top: -6px; transform: rotate(-45deg); pointer-events: none; transition: all ease 0.3s; }
.gtSec .tab label:hover:after { border-right: 2px solid #fff; border-bottom: 2px solid #fff; }
.gtHead { position: absolute; left: 120px; top: 64px; z-index: 2; color: #fff; }
.dDeskNone { display: none; }
.feaList1 { display: flex; flex-wrap: wrap; justify-content: flex-start; margin-left: -8px; margin-right: -8px; }
.feaList1 li { width: 33.33%; padding: 12px 8px; display: flex; align-items: center; }
.feaList1 li img { margin-right: 12px; filter: grayscale(1); }
.feaList1 li a { text-decoration: none; }
.gtSec .tabTxtWrap .textList1 li { margin-bottom: 0; }
.bigDataImg img { width: 100%; }
.mw_340 { max-width: 340px; }
.mw_280 { max-width: 280px; }
.mx_auto { margin-left: auto; margin-right: auto; }
.item_mb_10 li { margin-bottom: 10px; }
.item_mb_0 li { margin-bottom: 0; }
.accTab>label.tab-label { display: none; }
a u, p a u, h1 a u, .h1 a u, h2 a u, .h2 a u, h3 a u, .h3 a u, h4 a u, .h4 a u, h5 a u, .h5 a u, h6 a u, .h6 a u, i a u { text-decoration: none; }
a u b, p a u b, h1 a u b, .h1 a u b, h2 a u b, .h2 a u b, h3 a u b, .h3 a u b, h4 a u b, .h4 a u b, h5 a u b, .h5 a u b, h6 a u b, .h6 a u b, i a u b { font-weight: inherit; }
a u b i, p a u b i, h1 a u b i, .h1 a u b i, h2 a u b i, .h2 a u b i, h3 a u b i, .h3 a u b i, h4 a u b i, .h4 a u b i, h5 a u b i, .h5 a u b i, h6 a u b i, .h6 a u b i, i a u b i { font-style: normal; }
.grqeBlock img { margin-right: 32px; }
.grqeBlock img:last-child { margin-right: 0; }
.rms { display: none; }
.rmt { display: none; }
.rms:checked~.rmw .rmt { display: block; }
.rms~.rmtr:before { content: "Read More"; color: var(--blue); transition: all ease 0.3s; }
.rms~.rmtr:after { content: "→"; margin-left: 5px; color: var(--blue); transition: all ease 0.3s; }
.rms:checked~.rmtr:before { content: "Read Less"; color: var(--blue); transition: all ease 0.3s; }
.rmtr { cursor: pointer; display: inline-block; margin-top: 15px; font-weight: bold; transition: all ease 0.3s; }
.rmtr:hover:before, .rmtr:hover:after { color: var(--color1); transition: all ease 0.3s; }
.bclBox:hover .rmtr:before, .bclBox:hover .rmtr:after { color: #fff; }
.bclBox:hover .rmtr:hover:before, .bclBox:hover .rmtr:hover:after { color: var(--color2); }
.rms:checked~.rmtr:hover:before, .bclBox:hover .rms:checked~.rmtr:hover:after { color: var(--color1); }
.saTagMain { align-items: center; margin-left: -16px; margin-right: -16px; }
.saTagMain li { width: 33.33%; padding: 16px; }
.saTag { display: block; text-align: center; width: 100%; padding: 15px; border-radius: 8px; background-color: var(--blue); color: #fff; }
.listBox3 { height: 100%; background: #fff; }
.lb3Img { max-height: 312px; overflow: hidden; }
.lb3Img img { width: 100%; }
.caseStudyMain img { object-fit: cover; height: 100%; }
ul.info1TxtBoxMain { align-items: stretch; }
ul.info1TxtBoxMain li.i2CB { background-color: #fff; position: relative; }
.i2ImgTxt { padding: 32px; padding-bottom: 86px; background-color: white; }
.i2ImgTxt .btn1 { position: absolute; bottom: 32px; }
.i2CB:nth-child(3n+3) { margin-right: 0; }
.info1TxtBoxMain .i2CB { margin-bottom: 3%; }
.i2ImgTxt .p1Tag span { text-transform: capitalize; }
.bigDataImg img { width: 100%; }
.history_sec ul li { position: relative; padding-top: 95px; z-index: 1; }
.headHistory .left_box { background-color: #0b384c; padding: 54px 36px; line-height: 25px; width: 212px; height: 212px; -moz-border-radius: 75%; -webkit-border-radius: 75%; border-radius: 75%; color: #fff; display: table-cell; font-weight: 500; font-size: 18px; vertical-align: middle; text-align: center; }
.history_sec .right_box { display: table-cell; color: #666; font-weight: 500; line-height: 24px; padding-left: 20px; width: calc(100% - 212px); }
.history_sec .right_box p { background: #FFFFFF; border-radius: 4px; padding: 30px 80px 32px 32px; }
.history_sec .left_box { width: 212px; display: table-cell; vertical-align: middle; text-align: center; }
.history_sec .left_box span { font-weight: 100; }
.headHistory .left_box p { text-transform: capitalize; }
.headHistory .left_box p strong { text-transform: uppercase; }
.history_sec .left_box span { background-color: #fff; border: 1px solid #e7e7e7; padding: 30px; line-height: 50px; width: 114px; height: 114px; -moz-border-radius: 75%; -webkit-border-radius: 75%; border-radius: 75%; color: #af110e; display: block; margin: 0 auto; }
.history_sec ul li.headHistory { padding-top: 0; }
.history_sec ul { position: relative; }
.history_sec ul:after { border-left: 1px solid #bfbfbf; display: block; height: 96%; left: 106px; top: 0; z-index: 0; position: absolute; content: ""; }
.history_sec ul li:before { content: ""; position: absolute; background-color: #fff; border: 1px solid #bfbfbf; border-radius: 75%; height: 10px; left: 100px; top: 44px; width: 10px; }
.history_sec ul li.headHistory:before { display: none; }
.dark_history { background-color: #fff; }
.dark_history.history_sec .right_box p { background-color: #F5F4F6; }
.leadershipSec ul { align-items: stretch; }
.leadershipSec li { background-color: #fff; position: relative; margin-bottom: 3%; }
.leadershipSec { background-color: #fff; }
.leadershipSec li .leaderShipBottom { padding: 0; box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.08); }
.leadershipSec .lsbIn { min-height: 208px; padding: 32px; border-bottom: 1px solid #E9E9E9; }
.leaderShipTop img { width: 100%; }
.leaderName { color: var(--color1); }
.leaderShipBtn .btn2 { padding: 0; color: var(--blue); border: none; }
.leaderShipBtn .btn2:hover { background-color: transparent; color: var(--color1); }
.pt_24 { padding-top: 24px; }
.leadershipSec hr { opacity: 0.2; position: absolute; bottom: 85px; left: 0; right: 0; }
.leaderShipBtn { padding: 24px 32px; min-height: 85px; justify-content: space-between; }
.pt_64 { padding-top: 64px; }
.pb_64 { padding-bottom: 64px; }
.leadershipSec li:nth-child(3n+3) { margin-right: 0; }
.more-detail { padding: 32px; box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.08); display: none; }
.more-detail.show { display: block; }
.listBox4Main { display: flex; flex-wrap: wrap; align-items: stretch; margin-left: -8px; margin-right: -8px; }
.listBox4Main li { padding: 8px; width: 25%; }
.arBox { background-color: white; display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 42px; border-radius: 4px; transition: all ease 0.3s; }
.arBox:hover { box-shadow: 0px 0 16px rgba(0, 0, 0, 0.08); }
.menu { position: fixed; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background: #fff; z-index: 999; opacity: 1; visibility: visible; transition: all .6s ease 0s; }
.hide { display: none; }
.open { display: block; }
.mobile-menu-link { display: none; }
.menu-title-button { display: none; }
.inner-menu { max-width: 1894px; padding: 0 32px; margin: auto; position: relative; }
.close-button-box { }
.close-button { position: absolute; right: 0; top: 16px; z-index: 99; display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border: 0; border-radius: 50%; background-color: #D9D9D9; font-size: 18px; font-weight: bold; color: black; transition: all .3s ease 0s; }
.close-button:hover { background-color: #c9c9c9; color: white; }
.topIcon { border-bottom: 1px solid #DDDDDD; display: flex; padding: 24px 0; justify-content: space-between; }
.topIcon-col img { margin-right: 12px; }
.topIcon-col a { display: flex; align-items: center; font-size: 20px; line-height: 23px; transition: all 0.2s ease 0s; }
.topIcon-col a:hover { color: var(--blue); }
.menu-box { padding: 24px 0; }
.menu-inner-box { display: flex; }
.menu-left { width: 320px; }
.menu-left ul li button { display: block; padding: 16px; border: 0; background: none; width: 100%; border-bottom: 1px solid #ddd; text-align: left; font-size: 20px; line-height: 24px; color: black; transition: all .3s ease 0s; }
.menu-left ul li button:hover { background-color: #F7F7F7; }
.menu-left ul li button.active { background-color: #F7F7F7; color: var(--blue); }
.menu-right { width: calc(100% - 320px); padding-left: 35px; }
.menu-col-row { display: flex; justify-content: space-between; margin-bottom: 24px; }
.menu-col-row:last-child { border: none; margin-bottom: 0; }
.menu-col { width: 23.5%; border-bottom: 1px solid #DDDDDD; padding-bottom: 24px; }
.menu-col-row:last-child .menu-col { border-bottom: 0; padding-bottom: 0; }
.menu-col-title { display: flex; align-items: center; color: black; font-size: 20px; line-height: 24px; font-weight: 400; margin-bottom: 16px; }
.menu-col-link ul li { margin-bottom: 10px; line-height: 14px; }
.menu-col-link ul li:last-child { margin-bottom: 0px; }
.menu-col-link ul li a { color: black; font-size: 16px; line-height: 18px; font-weight: 400; transition: all .2s ease 0s; }
.menu-col-link ul li a:hover { color: var(--blue); }
.menu-bottom-inner { border-top: 1px solid #ddd; padding: 16px 0; }
.menu-bottom-row { display: flex; justify-content: space-between; align-items: stretch; margin-left: -8px; margin-right: -8px; }
.menu-bottom-col { width: 100%; padding: 8px; display: flex; justify-content: center; align-items: center; }
.mbcIn { height: 100%; width: 100%; border-radius: 16px; padding: 16px; display: flex; justify-content: center; align-items: center; font-size: 20px; font-weight: 400; line-height: 24px; color: black; }
.mbcIn img { margin-right: 32px; }
.mbcIn>div>span { display: block; font-size: 48px; font-weight: 700; line-height: 56px; }
.mbcColor1 { background-color: #FFE2E5; }
.mbcColor2 { background-color: #FFF4DE; }
.mbcColor3 { background-color: #DCFCE7; }
.mbcColor4 { background-color: #F3E8FF; }
.mbcTxtColor1 { color: #FA5A7D; }
.mbcTxtColor2 { color: #FF947A; }
.mbcTxtColor3 { color: #3CD856; }
.mbcTxtColor4 { color: #BF83FF; }
.bottom-link { text-align: center; padding-bottom: 32px; }
.bottom-link a { color: black; font-size: 16px; line-height: 18px; font-weight: 400; margin-right: 48px; display: inline-flex; align-items: center; transition: all 0.2s ease 0s; }
.bottom-link a:last-child { margin-right: 0; }
.bottom-link a:hover { color: var(--blue); }
.bottom-link a img { margin-left: 16px; }
.ourWorkMenu { background-color: var(--color1); border-radius: 20px; padding: 32px; margin-top: 32px; position: relative; overflow: hidden; }
.owmImg1 { position: absolute; top: 0; right: 0; }
.owmImg2 { position: absolute; bottom: 0; left: 0; }
.owmBox { position: relative; z-index: 1; }
.owmBox>div { margin-bottom: 12px; }
.owmBox p { font-size: 14px; font-weight: 500; line-height: 16px; margin-bottom: 16px; color: white; }
.owmBox .btn1Small { background-color: white; color: black; font-weight: 500; }
.owmBox .btn1Small:hover { color: #af110e; }
.solution-col-box, .industries-col-box, .about-col-box { display: flex; align-items: stretch; flex-wrap: wrap; margin-left: -8px; margin-right: -8px; }
.industries-col-box { justify-content: flex-start; }
.solution-col, .industries-col { padding: 8px; width: 25%; min-height: 126px; display: flex; align-items: center; justify-content: center; }
.industries-col { width: 16.66666667%; }
.solution-col a, .industries-col a { display: flex; align-items: center; height: 100%; width: 100%; padding: 32px; background-color: #FFF4DE; border-radius: 8px; font-size: 16px; font-weight: 400; line-height: 20px; transition: all 0.2s ease 0s; }
.industries-col a { padding: 20px; display: block; }
.solution-col a:hover, .industries-col a:hover { box-shadow: 0 0 8px rgba(0, 0, 0, 0.16); }
.solution-col .solution-col-image { margin-right: 16px; width: 48px; height: 48px; }
.industries-col .solution-col-image { width: 40px; margin: auto; margin-bottom: 16px; }
.solution-col a>span { display: block; width: calc(100% - 64px); }
.industries-col a>span { display: block; width: 100%; text-align: center; }
.ourWorkMenu.dDeskNone { display: none; }
.brand-menu-box { display: flex; flex-wrap: wrap; justify-content: space-between; margin-left: -12px; margin-right: -12px; }
.brand-menu-col { width: 33.33%; padding: 12px; }
.brand-menu-col.w_50 { width: 50%; }
.brand-menu-col .mObImg img { width: 100%; }
.brand-menu-col .mObCtnt img { width: auto !important; }
.mObCtnt { position: absolute; left: 0; right: 0; bottom: 0; padding: 32px; }
.brand-menu-col a { display: block; position: relative; }
.mObCtnt>img { margin-bottom: 16px; }
.mObCtnt span { display: block; margin-bottom: 8px; }
.cStdMain { height: 100%; background-color: white; border-radius: 4px; overflow: hidden; position: relative; }
.cStdTop { max-height: 312px; overflow: hidden; }
.cStdBottom { min-height: 236px; padding: 32px; padding-bottom: 68px; }
.cStdTag { display: inline-block; background-color: #F5F4F6; border-radius: 4px; min-width: 95px; padding: 4px 15px; text-align: center; color: var(--blue); font-size: 14px; line-height: 16px; }
.cStdBottom .h3 { margin-top: 16px; }
.cStdBottom .btn1Small { position: absolute; left: 32px; bottom: 32px; }
.caseStudiesSec ul li { margin-bottom: 3%; }
.caseStudiesSec ul li:nth-last-child(-n + 3) { margin-bottom: 0; }
.caseStudiesSec.mediaCoverageSec .cStdTop { max-height: none; display: block; }
.caseStudiesSec.mediaCoverageSec .cStdTop img { width: 100%; }
.mediaCoverageSec ul li, .caseStudiesSec.mediaCoverageSec ul li:nth-last-child(-n + 3) { margin-bottom: 2%; }
.mediaCoverageSec ul li.i2CB { width: 32%; margin-right: 2%; }
.mediaCoverageSec ul li.i2CB:nth-child(3n+3) { margin-right: 0; }
.gtSec.ccTabSec .ofTabs { min-height: 0; }
.gtSec.ccTabSec .tab { border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
.gtSec.ccTabSec .tabs { padding: 0; width: 320px; background-color: transparent; }
.gtSec.ccTabSec .tab-content-in { padding-left: 320px; }
.gtSec.ccTabSec .tabTxtWrap { padding: 18px 32px; min-height: 480px; }
.gtSec.ccTabSec .tab .txt20.lh_24.mb_0 { color: black; }
.gtSec.ccTabSec .tab>label:after { border-right: 2px solid black; border-bottom: 2px solid black; }
.gtSec.ccTabSec .tab>label:hover:after { border-right: 2px solid var(--blue); border-bottom: 2px solid var(--blue); }
.gtSec.ccTabSec .tabTxtWrap .mb_48:last-child { margin-bottom: 0; }
.deskDNone { display: none; }
.offeringMenuList { }
.offeringMenuList ul { display: flex; flex-wrap: wrap; align-items: stretch; margin-left: -8px; margin-right: -8px; }
.offeringMenuList ul li { padding: 8px; width: 33.33%; }
.offeringMenuList ul li a { width: 100%; display: flex; align-items: center; height: 100%; background-color: #F5F4F6; color: black; padding: 16px; border-radius: 2px; transition: all ease 0.3s; }
.offeringMenuList ul li a:hover { box-shadow: 0 0 8px rgba(0, 0, 0, 0.16); }
.listBox5Main { margin-left: -8px; margin-right: -8px; margin-bottom: -8px; }
.listBox5Main li { width: 20%; padding: 8px; }
.fintrospectSec a, .fintrospectSec .textList1 li a { text-decoration: none; color: var(--blue); }
.fintrospectSec a:hover, .fintrospectSec .textList1 li a:hover { text-decoration: underline; }
.fintrospectSec pre { color: var(--light); margin-bottom: 15px; }
code { word-wrap: break-word; white-space: normal; }
.table-responsive { overflow: auto; }
.code.table-bordered { margin-bottom: 15px; border: 1px solid #ddd; border-spacing: 0; width: 100%; }
.code.table-bordered td { border-bottom: 1px solid #ddd; padding: 5px 15px; border-left: 1px solid #ddd; }
.code.table-bordered tr td:first-child { border-left: none; }
.code.table-bordered tr:nth-child(odd) td { background: #f9f9f9; }
.code.table-bordered tr:first-child td { background: #efefef; font-weight: bold; padding-top: 8px; padding-bottom: 8px; }
.aiInfoText .mb_32:last-child { margin-bottom: 0; }
.becomechannelpartnerForm { background-color: white; }
.bcpForm iframe { width: 100%; vertical-align: top; border: none; }
.bannerSec.banner404 { height: 970px; position: relative; }
.b404Content { position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: flex; align-items: center; justify-content: center; }
.b404In { display: flex; justify-content: space-between; align-items: center; }
.hText_80 { font-size: 80px; font-weight: 700; line-height: 92px; }
.form404 iframe { width: 100%; }
.b404Txt { padding-right: 16px; }
.bannerSec.banner404 h1 { max-width: 640px; }
.gOfficesList { margin-left: -12px; margin-right: -12px; display: flex; flex-wrap: wrap; align-items: stretch; }
.gOfficesList li { padding: 12px; width: 50%; }
.gOffice { background-color: #F5F4F6; display: flex; align-items: stretch; height: 100%; }
.gOfficeImg { width: 316px; }
.gOfficeImg img, .goFlag img { height: 100%; width: 100%; max-width: none; object-fit: cover; }
.gOfficeTxt { padding: 32px; width: calc(100% - 316px); }
.goHead { display: flex; align-items: center; }
.goFlag { width: 48px; height: 48px; border-radius: 50%; overflow: hidden; }
.goCountry { padding-left: 16px; width: calc(100% - 48px); }
.goAddr { display: flex; }
.goaIcon { width: 24px; margin-top: 3px; }
.goaTxt { width: calc(100% - 24px); padding-left: 8px; font-size: 14px; line-height: 20px; font-weight: 400; }
.thinkBigSec p.colorBlack { color: black; }
.rafqImg { width: 84px; height: 84px; border-radius: 50%; overflow: hidden; }
.rafqImg img { width: 100%; height: 100%; max-width: none; object-fit: cover; }
.rafqForm iframe { width: 100%; }
.trustBlock { display: flex; flex-wrap: wrap; align-items: stretch; }
.trustLeft { width: 40%; padding-right: 16px; }
.trustRight .logoList3 { height: 100%; }
.trustRight .logoList3 li { height: 50%; border-top: 0; border-right: 0; border-left: 1px solid #efefef; border-bottom: 1px solid #efefef; }
.trustRight .logoList3 li a { cursor: default; }
.logoList3 li:nth-last-child(1), .logoList3 li:nth-last-child(2), .logoList3 li:nth-last-child(3) { border-bottom: 0; }
.trustRight { width: 60%; }
.sdeList.trustRight .logoList3 li { width: 50%; }
.thinkBigSec p.mb_0 { margin-bottom: 0; }
.thinkBigSec p.mb_16 { margin-bottom: 16px; }
marquee { color: white; position: absolute; top: 0; left: 0; right: 0; z-index: 999; background: #333; padding: 2px; font-size: 14px; }
marquee a { color: inherit; }
.header.sticky marquee { position: absolute; left: 0; top: 0; top: 100%; background-color: #333; color: white; }
.tfapIn { display: flex; align-items: stretch; flex-wrap: wrap; margin-left: -16px; margin-right: -16px; }
.tfapIn li { display: flex; align-items: center; justify-content: space-between; padding: 16px; width: 50%; }
.tfapNum { width: 116px; height: 116px; border-radius: 50%; background-color: white; display: flex; align-items: center; justify-content: center; flex-shrink: 0; color: var(--blue); }
.tfapTxt { width: calc(100% - 132px); padding-left: 12px; position: relative; }
.tfapTxt:before { display: block; content: ""; position: absolute; left: 0; top: 50%; margin-top: -6px; width: 0; height: 0; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-right: 12px solid white; }
.tfapTxtIn { background-color: white; padding: 24px; border-radius: 4px; }
.colorLightBlue { color: var(--blue); }
.bgOr { background-color: var(--color1); }
.bgBl { background-color: var(--blue); }
.bgDBl { background-color: var(--color2); }
.ttCap { text-transform: capitalize; }
.ttNone { text-transform: none; }
.dBlock { display: block; }
.inBlock { display: inline-block; }
.ptb_64 { padding-top: 64px; padding-bottom: 64px; }
.ptb_32 { padding-top: 32px; padding-bottom: 32px; }
.ptb_100 { padding: 100px 0; }
.pt_100 { padding-top: 100px; }
.pb_100 { padding-bottom: 100px; }
.ptb_0 { padding-top: 0; padding-bottom: 0; }
.pt_0 { padding-bottom: 0; }
.pb_0 { padding-bottom: 0; }
.pl_120 { padding-left: 120px; }
.mb_100 { margin-bottom: 100px; }
.mtb_24 { margin-top: 24px; margin-bottom: 24px; }
.mb_48 { margin-bottom: 48px; }
.mb_24 { margin-bottom: 24px; }
.mb_16 { margin-bottom: 16px; }
.mb_10 { margin-bottom: 10px; }
.mb_8 { margin-bottom: 8px; }
.mb_4 { margin-bottom: 4px; }
.mb_64 { margin-bottom: 64px; }
.mb_32 { margin-bottom: 32px; }
.ttNone { text-transform: none; }
.fsNormal { font-style: normal; }
.fwNormal { font-weight: 400; }
.fwBold { font-weight: 700; }
.lh_24 { line-height: 24px; }
.colorLight, .colorLight a { color: var(--light); }
.colorOrange, .colorOrange a { color: var(--color1); }
.flexWrapW { flex-wrap: wrap; }
/*.tbRight.cac {
    display: inline-flex;
    align-items: center;
}*/

.wpaTBSec { overflow: hidden; }
.abNum, .abNum li { list-style: lower-alpha; }
.thinkBigSec p { margin-bottom: 20px; font-size: 24px; }
.thinkBigSec p:last-child { margin-bottom: 30px; }
.aisIn .info1CarBox { background-color: #fff; }
.happyclient {
    max-width: 1000px;
    width: 100%;
}




 @media (min-width: 768px) {
.anE { position: absolute; animation-iteration-count: infinite; animation-direction: alternate-reverse; opacity: 0.3; }
.anE1 { animation-name: anE1; animation-duration: 90s; }
.aiBannerSec .anE { opacity: 0.5; }
 @keyframes anE1 {  0% {
 left: -316px;
 top: -316px;
}
 25% {
 left: 0;
 top: 316px;
}
 50% {
 left: 316px;
 top: 316px;
}
 75% {
 left: 0;
 top: 0;
}
 100% {
 left: -316px;
 top: -316px;
}
}
.anE2 { animation-name: anE2; animation-duration: 90s; }
 @keyframes anE2 {  0% {
 left: 443px;
 top: -443px;
}
 25% {
 left: 0;
 top: 443px;
}
 50% {
 left: 443px;
 top: 443px;
}
 75% {
 left: 0;
 top: 0;
}
 100% {
 left: 443px;
 top: -443px;
}
}
.anE3 { animation-name: anE3; animation-duration: 90s; }
 @keyframes anE3 {  0% {
 right: -443px;
 bottom: -443px;
}
 25% {
 right: 0;
 bottom: 443px;
}
 50% {
 right: 443px;
 bottom: 443px;
}
 75% {
 right: 0;
 bottom: 0;
}
 100% {
 right: -443px;
 bottom: -443px;
}
}
.anE4 { animation-name: anE4; animation-duration: 60s; }
 @keyframes anE4 {  0% {
 right: -580px;
 top: -580px;
}
 25% {
 right: 0;
 top: 580px;
}
 50% {
 right: 580px;
 top: 580px;
}
 75% {
 right: 0;
 top: 0;
}
 100% {
 right: -580px;
 top: -580px;
}
}
}
 @media (max-width: 1629px) {
.container { max-width: 1310px; }
.containerMini { padding: 0 100px; }
h1,  .h1,  .hText_54 { font-size: 48px; line-height: 58px; }
h2,  .h2 { font-size: 40px; line-height: 52px; margin-bottom: 20px; }
h3,  .h3 { font-size: 18px; line-height: 24px; }
h4,  .h4 { font-size: 22px; line-height: 30px; }
.hText_32 { font-size: 24px; line-height: 32px; }
.bannerSec h1 { margin-bottom: 25px; }
.bannerSec p,  .bannerSec i { font-size: 26px; line-height: 34px; max-width: 650px; }
.bannerSec i { margin-top: 24px; }
.thinkBigSec h3 { font-size: 42px; line-height: 50px; }
.thinkBigSec p { margin-bottom: 20px; font-size: 18px; }
.orLogoBox { margin-top: 70px; }
.faqMain { padding: 80px 0; }
.txt24 { font-size: 21px; line-height: 28px; }
.btn1 { padding: 12px 24px; font-size: 18px; line-height: 21px; }
.thinkBigSec .btn1 { height: 47px; }
.tbLeft { overflow: hidden; }
.tbLeft img { object-fit: cover; height: 100%; width: auto; max-width: 100%; position: relative; left: 50%; transform: translateX(-50%); }
.tbRight,  .achieveText,  .aiInfoIn,  .topIntroIn,  .mainHeadIn { padding: 50px 60px 50px 100px; }
.feaSec .listBox2Main li:first-child .listBox2 { padding-left: 100px; }
.feaSec .listBox2Main li:last-child .listBox2 { padding-right: 100px; }
.achieveData { padding: 0 100px; }
.adBox img { margin-right: 15px; }
.adCal { font-size: 40px; line-height: 48px; }
.adBox span { font-size: 16px; line-height: 21px; }
.achieveDataList li { padding: 42px 15px; }
.sec { padding-top: 80px; padding-bottom: 80px; }
.bannerSec { padding-top: 200px; padding-bottom: 404px; height: auto; min-height: 755px; }
.bannerSec .container { min-height: 151px; }
.aiInfoSec,  .csDataSec { margin-bottom: 80px; }
.shwIn { padding-top: 80px; }
.iccSec { padding-top: 80px; }
.cssIn,  .cusIn { padding-top: 80px; padding-bottom: 240px; }
.aidSec { margin-bottom: 80px; }
.aisIn { padding-top: 80px; padding-bottom: 230px; }
.tadIn { padding-top: 80px; padding-bottom: 400px; }
.siSec { padding-bottom: 80px; }
.thinkBigSec,  .achievementsSec { padding: 0; }
.ddServiceIn { padding: 80px 88px 150px 100px; }
.ddServBox { padding: 25px; padding-bottom: 72px; }
.ddServBox .btn2 { bottom: 25px; left: 25px; }
.btn2 .arrow-right { margin-left: 10px; }
.information1In { padding: 80px 100px; padding-bottom: 370px; }
.onTvSec .information1In { padding-bottom: 450px; }
.information2Sec { padding: 0; margin-top: -458px; }
.cultureSec { margin-top: -380px; }
.information2In { padding: 80px 100px; padding-top: 0; }
.i2Video img,  .i2Video iframe { height: 245px; }
.i2VideoTxt { padding: 25px; padding-bottom: 25px; }
.info2CarBox .videoBtn { left: 25px; bottom: 25px; }
.linkBtn1 { font-size: 24px; }
.linkBtn1 i { margin-left: 10px; }
.sdTechSec { padding: 0; }
.sdTechSec .ddServiceIn { padding-bottom: 230px; }
.onTvLeft { width: 40%; padding-right: 25px; }
.onTvRight { width: 60%; }
.onTvVdo iframe { width: 100%; height: 372px; }
.i2Video iframe { height: 220px; }
.information1Sec { padding-top: 0; }
.ourOfferingSec .ddServiceIn { padding-bottom: 632px; }
.featuredList li { margin-right: 40px; }
.featuredSec { padding-bottom: 0; }
.ourOfferingSec { padding-top: 0; padding-bottom: 0; }
.tab>label { padding: 20px; font-size: 18px; }
.ourOfferingSec .tabs { width: auto; max-width: 380px; }
.tab-content { width: auto; max-width: 100%; }
.tab-content-in { padding-left: 360px; }
.caseStudyMain img { object-fit: cover; height: 100%; }
.csImg { width: 50%; }
.csTxt h3,  .csTxt p { font-size: 18px; line-height: 30px; }
.csTxt { padding: 25px; min-height: 280px; }
.csTxt .btn1Small { left: 25px; bottom: 25px; }
.caseStudySec { padding: 0; }
.caseStudyIn { padding: 80px 100px; padding-bottom: 458px; }
.caseStudyInner { margin-top: -520px; }
.i2Video .vdoHeight313 iframe { height: 245px; }
.orNm,  .coffieSlider .blog-col h3 { font-size: 24px; line-height: 32px; margin-bottom: 20px; }
.coffieSlider .blog-col h3 { min-height: 0; }
.coffieSlider .blog-info-left { font-size: 16px; }
.coffieSlider .blog-read { font-size: 18px; }
.coffieSec { padding-bottom: 0; }
.footerTop { padding: 70px 0; }
.followIn,  .footerIn { padding-left: 100px; padding-right: 100px; }
.footerContact li a { min-width: 250px; }
.footerContact { margin-bottom: 70px; }
.footerMain { padding: 70px 0 0; }
.w1,  .w2 { width: 280px; }
.w3,  .w4 { width: 200px; }
.fmCol { margin-right: 40px; }
.fbSec { justify-content: center; }
.footerBottom p { margin: 0 0 15px; }
.csslider>.navigation { margin-top: 35px; }
.leadingSlider .csslider>.navigation { margin-top: 55px; }
.csslider>.navigation label { margin: 0 10px; }
.featuredSec .information1In { padding-bottom: 100px; }
.bannerSec .container { min-height: 150px; }
.txt32 { font-size: 28px; }
.txt28 { font-size: 24px; }
.tabImgWrap { min-height: 355px; }
.leadingSlider .info1CarBox { min-height: 420px; }
.tab-label { padding: 18px; font-size: 18px; padding-right: 50px; }
.tab-label::before { right: 24px; top: 21px; width: 3px; height: 18px; }
.tab-label::after { right: 17px; top: 28px; width: 18px; height: 3px; }
.logoList2 li { width: 25%; }
.logoList-1_3 li { width: 33.33%; }
.cSuccessBox { padding: 24px; }
.csbContent div { width: calc(100% - 32px); }
.teHead { padding: 40px; }
.adBox { align-items: center; justify-content: center; text-align: center; }
.csDataSec .adBox img { margin: 0 0 20px; }
.csDataSec .adBox>div { width: 100%; }
.csDataSec .achieveDataList li { align-items: flex-start; }
.p1Tag span { font-size: 14px; line-height: 18px; padding: 10px 16px; margin-bottom: 5px; margin-right: 5px; }
.coffieSec .information1In { padding-bottom: 80px; }
.thinkBigSec.iPhoneDevTBSec .tbLeft { max-width: 40%; }
.thinkBigSec.iPhoneDevTBSec .tbRight,  .thinkBigSec.iPhoneDevTBSec.wdSec .tbRight { max-width: 60%; }
.ofTabs { min-height: 605px; }
.aboutTBSec .tbRight { max-width: 100%; }
.aboutTBSec .tbLeft { position: static; width: 100%; max-width: 100%; margin-top: -50px; }
.aboutTBSec .tbLeft { min-height: 544px; }
.aboutTBSec .tbLeft img { position: static; transform: none; height: auto; width: auto; max-width: 100%; object-fit: contain; min-height: 0; margin: auto; }
.aboutTBSec .tbRight p { max-width: 100%; }
.aboutData li div { font-size: 48px; line-height: 60px; }
.abtbBg { display: none; }
.aboutTBSec .thinkBigIn { background: #AF110E; background: -moz-linear-gradient(top, #AF110E 0%, #fe9d3c 100%); background: -webkit-linear-gradient(top, #AF110E 0%, #fe9d3c 100%); background: linear-gradient(to bottom, #AF110E 0%, #fe9d3c 100%);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#AF110E', endColorstr='#fe9d3c', GradientType=0);
}
.pastaTabs .tab-content { width: 100%; max-width: 100%; }
.shadowTxt76 { font-size: 56px; }
.aboutBoxesSec .listBox2 { padding: 32px 16px; }
.bottomReducer:after { height: 280px; }
.txt20 { font-size: 18px; }
.iccBoxIn { padding: 20px; }
.iccHd { width: 200px; height: 200px; }
.iccBox,  .iccBoxIn { padding-top: 112px; }
.thinkBigSec.iPhoneDevTBSec p.lh_40,  .lh_40 { line-height: 36px; }
.thinkBigSec.iPhoneDevTBSec p.lh_32,  .lh_32 { line-height: 28px; }
.thinkBigSec.iPhoneDevTBSec.wpaTBSec .tbLeft { max-width: 40%; }
.thinkBigSec.iPhoneDevTBSec.wpaTBSec .tbRight { max-width: 60% !important; }
.sec3_2Ctnt { padding: 50px; }
.oachList li:before,  .oachList:before { left: -50px; right: -50px; }
.ecomCat .logoList2 li:nth-child(3n + 1) a:before,  .ecomCat .logoList2 li:nth-child(3n) a:before { width: 100px; }
.tarcList li:first-child .listBox1 { padding-left: 100px; }
.tarcList li:last-child .listBox1 { padding-right: 100px; }
.vdoWrap iframe { height: 700px; }
.avVdoTag span.txt18 { font-size: 15px; }
.sec3_2Left .sec3_2Ctnt { padding-left: 100px; }
.btnLink { font-size: 18px; line-height: 21px; }
.sp_120_2 li:nth-child(2n + 1) .listBox1 { padding-left: 100px; }
.sp_120_2 li:nth-child(2n) .listBox1 { padding-right: 100px; }
.bbLeft { padding-left: 100px; }
.gtSec .tabs { padding-left: 100px; }
.gtHead { left: 100px; }
.leadershipSec .lsbIn { min-height: 215px; padding: 24px; }
.leaderShipBtn { padding: 16px 24px; min-height: 72px; }
.more-detail { padding: 24px; }
.lh_56 { line-height: 50px; }
.txt48 { font-size: 42px; }
.i2ImgTxt { padding: 28px; padding-bottom: 64px; }
.menu-right { padding-left: 30px; }
.solution-col-box,  .industries-col-box,  .about-col-box { margin-left: -8px; margin-right: -8px; }
.solution-col,  .industries-col { width: 33.33%; padding: 8px; }
.solution-col a,  .industries-col a { padding: 20px; }
.industries-col { width: 25%; }
.mbcIn img { margin-right: 16px; }
.mObCtnt { padding: 20px; }
.mObCtnt span { margin-bottom: 4px; }
.hText_80 { font-size: 68px; line-height: 72px; }
.gOfficeImg { width: 216px; }
.gOfficeTxt { padding: 32px; width: calc(100% - 216px); }
.hText_38 { font-size: 36px; line-height: 42px; }
.pl_120 { padding-left: 100px; }
.mb_24 { margin-bottom: 20px; }
.mb_64 { margin-bottom: 56px; }
.mt_48 { margin-top: 42px; }
.mb_48 { margin-bottom: 42px; }
.ptb_100 { padding: 80px 0; }
.pt_100 { padding-top: 80px; }
.pb_100 { padding-bottom: 80px; }
.mb_100 { margin-bottom: 80px; }
.mt_100 { margin-top: 80px; }
.mtb_100 { margin: 80px 0; }
.lh_24 { line-height: 24px; }
.pb_0 { padding-bottom: 0; }
.mb_0 { margin-bottom: 0; }
.ptb_0 { padding-top: 0; padding-bottom: 0; }
.pt_0 { padding-bottom: 0; }
}
 @media (max-width: 1600.9px) {
.lh_56 { line-height: 50px; }
.txt48 { font-size: 42px; }
.mb_24 { margin-bottom: 20px; }
.mb_64 { margin-bottom: 56px; }
.mt_48 { margin-top: 42px; }
.mb_48 { margin-bottom: 42px; }
.ptb_0 { padding-top: 0; padding-bottom: 0; }
.pt_0 { padding-bottom: 0; }
.ptb_100 { padding: 80px 0; }
.pt_100 { padding-top: 80px; }
.pb_100 { padding-bottom: 80px; }
.mb_100 { margin-bottom: 80px; }
.mt_100 { margin-top: 80px; }
.mtb_100 { margin: 80px 0; }
.lh_24 { line-height: 24px; }
.pb_0 { padding-bottom: 0; }
.mb_0 { margin-bottom: 0; }
.gtSec .tab label { padding: 20px 0; }
}
 @media (max-width: 1309px) {
.thinkBigSec.iPhoneDevTBSec.wpaTBSec .tbRight p { font-size: 20px; }
h1,  .h1 { font-size: 46px; line-height: 54px; }
.bannerSec h1 { margin-bottom: 20px; }
.bannerSec p,  .bannerSec i { font-size: 22px; line-height: 30px; }
.bannerSec i { margin-top: 16px; }
.thinkBigSec h3,  .hText_54,  .hText_48 { font-size: 40px; line-height: 50px; }
h2,  .h2,  .hText_38 { font-size: 36px; line-height: 46px; margin-bottom: 16px; }
.hText_32 { font-size: 21px; line-height: 28px; margin-bottom: 14px; }
.i4CB { margin-right: 2%; }
.cSuccessBox { padding: 16px 12px; }
.info2CarBox .csbInfo h3,  .info2CarBox .csbInfo p.csbName,  .csbInfo .csbName { font-size: 18px; }
.info2CarBox .csbInfo p,  .csbInfo p { font-size: 14px; }
.containerMini { padding: 0 30px; }
.logoList2 li { width: 33.33%; }
.aidSec { margin-bottom: 70px; }
.aisIn { padding-top: 70px; padding-bottom: 220px; }
.tadIn { padding-top: 70px; padding-bottom: 390px; }
.leadingSlider .info1CarBox { min-height: 0; }
.leadingSlider .csslider>.navigation { margin-top: 25px; }
.faqMain { padding: 70px 0; }
.orLogoBox { margin-top: 70px; }
.orLogoBox li { margin-right: 50px; }
.tab-content h3 { font-size: 20px; }
.txt24 { font-size: 20px; line-height: 25px; }
.thinkBigSec p { margin-bottom: 25px; }
.tbRight,  .aiInfoIn,  .topIntroIn,  .mainHeadIn { padding: 30px; }
.tbRight { padding-right: 30px; }
.feaSec .listBox2Main li:first-child .listBox2 { padding-left: 60px; }
.feaSec .listBox2Main li:last-child .listBox2 { padding-right: 60px; }
.achievementsIn { min-height: 0; }
.achieveText { padding: 30px; }
.achieveData { padding: 0 60px; }
.adCal { font-size: 32px; line-height: 45px; }
.adBox img { margin-right: 10px; max-width: 60px; }
.adBox span { font-size: 14px; line-height: 21px; }
.achieveDataList li { padding: 32px 15px; }
.container { max-width: 1170px; }
.sec { padding: 0; }
.ciServiceSec { padding-top: 70px; padding-bottom: 70px; }
.bannerSec { padding-top: 200px; padding-bottom: 350px; min-height: 701px; }
.cssIn,  .cusIn { padding-top: 70px; padding-bottom: 250px; }
.aiInfoSec,  .csDataSec { margin-bottom: 70px; }
.shwIn { padding-top: 70px; }
.iccSec { padding-top: 70px; }
.ptb_100 { padding: 70px 0; }
.pt_100 { padding-top: 70px; }
.pb_100 { padding-bottom: 70px; }
.mb_100 { margin-bottom: 70px; }
.ddServiceSec,  .followSec { padding-top: 70px; padding-bottom: 70px; }
.siSec { padding-bottom: 70px; }
.mtb_100 { margin: 70px 0; }
.mt_100 { margin-top: 70px; }
.ddServiceIn { padding: 40px 30px 130px 30px; }
.dds,  .cultureSlider,  .cFeedbackSlider,  .sadSlider,  .leadingSlider,  .recognitionSlider,  .coffieSlider { margin-top: 50px; }
.information1In { padding: 30px; padding-bottom: 330px; }
.information2Sec { margin-top: -398px; }
.information2In { padding: 30px; }
.csslider>.navigation label { margin: 0 10px; }
.i2Video img,  .i2Video iframe { height: 192px; }
.sdTechSec { padding: 0; }
.sdTechSec .ddServiceIn { padding-bottom: 220px; }
.onTvVdo iframe { height: 290px; }
.onTvSec .information1In { padding-bottom: 400px; }
.i2Video iframe { height: 172px; }
.videoBtn span { margin-right: 8px; }
.txt18 { font-size: 16px; line-height: 22px; }
.featuredSec .information1In { padding-top: 415px; padding-bottom: 70px; }
.ourOfferingSec { padding-top: 0; padding-bottom: 0; }
.ourOfferingSec .ddServiceIn { padding-bottom: 605px; }
.txt32 { font-size: 24px; }
.txt28 { font-size: 20px; }
.caseStudyIn { padding: 30px; padding-bottom: 400px; }
.csTxt span { font-size: 14px; }
.csTxt h3,  .csTxt p { font-size: 18px; line-height: 28px; }
.tab>label { font-size: 16px; }
.caseStudyInner { margin-top: -500px; }
.txt20 { font-size: 18px; }
.i2Video .vdoHeight313 iframe { height: 192px; }
.followIn,  .footerIn { padding-left: 30px; padding-right: 30px; }
.followList li { margin-right: 0; }
.footerTop { padding: 60px 0; }
.footerContact { margin-bottom: 60px; }
.footerContact li a { min-width: 220px; padding: 10px; }
.footerMain { padding: 60px 0 0; }
.fmCol { margin: 0; }
.greatPlace p { font-size: 16px; }
.w1,  .w2 { width: 28%; }
.w3,  .w4 { width: 18%; }
.fmCol li a,  .footer p { font-size: 14px; }
.footerContact li a img { margin-right: 10px; max-width: 32px; }
.footerContact li a { min-width: 0; padding: 10px 15px; }
.tabImgWrap { min-height: 240px; }
.sdTechSec .ddServBox { padding: 50px 15px; }
.aiInfoText { margin-bottom: 54px; }
.mt_64 { margin-top: 54px; }
.mt_24 { margin-top: 20px; }
.listBox1 { padding: 32px; }
.listBox1Main { margin-left: -8px; margin-right: -8px; margin-bottom: -8px; }
.listBox1Main li { padding: 8px; }
.leadingSlider .info1CarBox>a { margin-bottom: 24px; }
.bclBox { padding: 24px; }
.listBox2 { padding: 24px; }
.teHead { padding: 24px; }
.bannerSec.csBannerSec { height: 400px; }
.csDataSec .adBox span { font-size: 18px; line-height: 24px; }
.csDataSec .achieveDataList li { padding: 32px 16px; }
.bColorList4 .ddServBox { padding: 24px; }
.port1Txt { padding: 32px; }
.iccsTxt h3 { margin-bottom: 16px; }
.iccsTxt { padding: 24px 24px; }
.ofTabs { min-height: 0; }
.readMoreWrap { margin-top: 15px; }
.coffieSec .information1In { padding-bottom: 70px; }
.thinkBigSec.iPhoneDevTBSec .tbLeft { max-width: 35%; }
.thinkBigSec.iPhoneDevTBSec .tbRight,  .thinkBigSec.iPhoneDevTBSec.wdSec .tbRight { max-width: 65%; }
.aboutTBSec .tbRight p { margin-bottom: 48px; }
.mb_64 { margin-bottom: 48px; }
.mt_48 { margin-top: 40px; }
.mb_48 { margin-bottom: 40px; }
.shadowTxt76 { font-size: 46px; }
.pastaTabs .tab>label { font-size: 18px; padding: 16px 24px; }
.pastaText { padding-left: 40px; }
.pastaTabs { margin-top: 32px; }
.companyProfileSec .logoList2 li { width: 33.33%; }
.aboutBoxesSec .lbIcon { margin-bottom: 16px; padding-bottom: 16px; height: 80px; }
.iccBox { width: 50%; margin-top: 32px; }
.iccBox:nth-child(1),  .iccBox:nth-child(2) { margin-top: 0; }
.mb_32 { margin-bottom: 24px; }
.mb_24 { margin-bottom: 16px; }
.mb_16 { margin-bottom: 12px; }
.thinkBigSec.iPhoneDevTBSec p.lh_40,  .lh_40 { line-height: 32px; }
.thinkBigSec.iPhoneDevTBSec p.lh_32,  .lh_32 { line-height: 24px; }
.thinkBigSec.iPhoneDevTBSec.wpaTBSec .tbLeft { max-width: 45%; }
.thinkBigSec.iPhoneDevTBSec.wpaTBSec .tbRight { max-width: 55% !important; }
.logoList-1_3 li { width: 50%; }
.tStack tr td { padding: 24px; }
.tlWrap tr td { padding: 45px 5px; }
.tlWrap tr td:first-child { padding: 0 45px; }
.sec3_2Ctnt { padding: 30px; }
.oachList li:before,  .oachList:before { left: -30px; right: -30px; }
.ecomCat .logoList2 li:nth-child(3n + 1) a:before,  .ecomCat .logoList2 li:nth-child(3n) a:before { width: 60px; }
.tarcList li:first-child .listBox1 { padding-left: 60px; }
.tarcList li:last-child .listBox1 { padding-right: 60px; }
.sec3_2Left .sec3_2Ctnt { padding-left: 60px; }
.vdoWrap iframe { height: 640px; }
.avVdoTag span.txt18 { font-size: 14px; margin-right: 8px; }
.vdoTextBottom { padding: 48px; }
.lh_56 { line-height: 44px; }
.txt48 { font-size: 36px; }
.oachList li img { margin-right: 24px; }
.oachList li span { margin-right: 16px; }
.btnLink { font-size: 16px; line-height: 18px; }
.thinkBigSec .btnLink { margin-right: 20px; }
.sp_120_2 li:nth-child(2n + 1) .listBox1 { padding-left: 60px; }
.sp_120_2 li:nth-child(2n) .listBox1 { padding-right: 60px; }
.sp_120_2 li { padding-left: 4px; padding-right: 4px; }
.sp_120_2 { margin-left: -4px; margin-right: -4px; }
.itbImg { max-width: 45%; }
.itbTxt { max-width: 55%; padding-left: 16px; }
.bbLeft { padding-left: 30px; }
.gtSec .tabs { padding-left: 30px; }
.gtHead { left: 30px; }
.gtSec .tabs { width: 370px; }
.gtSec .tab-content-in { padding-left: 370px; }
.gtSec .tabTxtWrap { padding: 48px 24px; }
.i2ImgTxt { padding: 24px; padding-bottom: 56px; }
.arBox { padding: 24px; }
.topIcon-col a { font-size: 16px; }
.menu-left { width: 200px; }
.menu-right { width: calc(100% - 200px); padding-left: 25px; }
.menu-left ul li button { font-size: 18px; line-height: 21px; padding: 12px; }
.menu-col-title { font-size: 18px; line-height: 21px; }
.ourWorkMenu { padding: 20px; }
.mbcIn { font-size: 14px; line-height: 18px; }
.mbcIn img { margin-right: 12px; max-width: 60px; }
.mbcIn>div>span { font-size: 36px; line-height: 44px; }
.brand-menu-box { margin-left: -4px; margin-right: -4px; }
.mObImg { overflow: hidden; border-radius: 10px; }
.brand-menu-col .mObImg img { width: 100%; max-width: 100%; min-height: 210px; position: relative; left: 50%; transform: translateX(-50%); }
.brand-menu-col { padding: 4px; }
.cStdBottom { padding: 20px; padding-bottom: 72px; }
.cStdBottom .btn1Small { position: absolute; left: 20px; bottom: 20px; }
.cStdTag { padding: 4px 6px; }
.caseStudiesSec ul li.i2CB { width: 32%; margin-right: 2%; }
.caseStudiesSec ul li { margin-bottom: 2%; }
.caseStudiesSec ul li.i2CB:nth-child(3n+3) { margin-right: 0; }
.gtSec.ccTabSec .tab>label,  .gtSec.ccTabSec .tab .txt20.lh_24.mb_0 { padding: 18px 0; }
.logoList2 li a,  .logoList2 li .lLwrap { padding: 12px; }
.logoList2 li a h4,  .logoList2 li .lLwrap .h4,  .logoList2 li a span { padding-left: 12px; margin-left: 12px; font-size: 16px; }
.gOffice { display: block; }
.gOfficeImg,  .gOfficeTxt { width: 100%; }
.gOfficeTxt { padding: 24px; }
.hText_80 { font-size: 56px; line-height: 60px; }
.bannerSec.banner404 { height: 640px; position: relative; }
.trustLeft,  .trustRight { width: 50%; }
.tfapNum { width: 96px; height: 96px; }
.tfapTxt { width: calc(100% - 112px); }
.tfapTxtIn { padding: 16px; }
.mb_0 { margin-bottom: 0; }
.pb_0 { padding-bottom: 0; }
.ptb_0 { padding-top: 0; padding-bottom: 0; }
.pt_0 { padding-bottom: 0; }
.pl_120 { padding-left: 60px; }
.ptb_64 { padding-top: 60px; padding-bottom: 60px; }
}
 @media (max-width: 1279px) {
.headHistory .left_box { padding: 60px 44px; }
.vdoBannerSec { height: 540px; }
.cisInfraSlider .csslider>ul>li { height: 280px; }
}
 @media (max-width: 1199px) {
.topIcon { flex-wrap: wrap; justify-content: flex-start; }
.topIcon-col { width: 33.33%; padding: 8px 0; }
}
 @media (max-width: 1024px) {
.menu-inner-box { display: block; }
.menu-left { width: 100%; }
.ourWorkMenu.dMobNone { display: none; }
.ourWorkMenu.dDeskNone { display: block; margin-top: 0; margin-bottom: 24px; }
.menu-box { padding: 24px 0; }
.menu-left { margin-bottom: 16px; }
.menu-left ul { display: flex; justify-content: space-between; }
.menu-left ul li { width: 20%; text-align: center; }
.menu-left ul li button { text-align: center; }
.menu-right { width: 100%; padding-left: 0; }
.menu-col { width: 24%; }
.menu-col-link ul li a { font-size: 12px; line-height: 14px; }
.menu-col-link ul li { margin-bottom: 10px; }
.solution-col .solution-col-image { margin-right: 12px; }
.sub-menu#Services { padding-top: 8px; }
.bottom-link a {
     font-size: 15px;
    margin-right: 10px;
    
}
.pr-step-main.threeStep .pr-step-pr:before{display: none;}
}
 @media (max-width: 1023px) {
.thinkBigSec.iPhoneDevTBSec.wpaTBSec .tbRight p { font-size: 18px; }
.i2Video img,  .i2Video iframe { height: 182px; }
.onTvVdo iframe { height: 250px; }
h1,  .h1 { font-size: 36px; line-height: 45px; }
.bannerSec h1 { margin-bottom: 15px; }
.bannerSec p,  .bannerSec i { font-size: 18px; line-height: 28px; }
.wsSec .btn1 { top: -32px; }
.containerMini { padding: 0 30px; }
.aisIn { padding-top: 50px; }
.aidSec { margin-bottom: 50px; }
.tadIn { padding-top: 50px; padding-bottom: 380px; }
.bannerSec .container { min-height: 120px; }
.bannerSec { padding-top: 170px; padding-bottom: 230px; min-height: 520px; }
.bannerSec.aiBannerSec { min-height: 450px; }
.orLogoBox { padding: 15px; margin-top: 50px; background: #fff; border-radius: 4px; }
.orLogoBox li { margin-right: 30px; }
.tbRight,  .aiInfoIn,  .topIntroIn,  .mainHeadIn { padding: 30px; }
.feaSec .listBox2Main li:first-child .listBox2 { padding-left: 30px; }
.feaSec .listBox2Main li:last-child .listBox2 { padding-right: 30px; }
.faqMain { padding: 50px 0; }
.thinkBigSec h3,  .hText_54,  .hText_48 { font-size: 36px; line-height: 45px; }
.thinkBigSec h3 { margin-bottom: 15px; }
.txt24 { font-size: 18px; line-height: 24px; }
.btn1 { padding: 8px 12px; font-size: 14px; line-height: 20px; }
.thinkBigSec .btn1 { height: 42px; margin-top: 24px; }
.thinkBigSec { margin-top: -160px; }
h2,  .h2,  .hText_38 { font-size: 32px; line-height: 40px; }
.hText_32 { font-size: 20px; line-height: 26px; margin-bottom: 5px; }
.achieveText { padding: 30px; }
.achieveCFBottom img { max-height: 40px; }
.achieveData { padding: 0 30px; }
.adBox { align-items: center; justify-content: center; text-align: center; }
.adBox img { margin: auto; }
.adBox>div { width: 100%; }
.ddServiceSec,  .followSec { padding-top: 50px; padding-bottom: 50px; }
.ddServiceIn,  .information1In,  .information2In,  .caseStudyIn { padding: 50px 30px; }
.aiInfoSec,  .csDataSec { margin-bottom: 50px; }
.shwIn { padding-top: 50px; }
.iccSec { padding-top: 50px; }
.cssIn,  .cusIn { padding-top: 50px; padding-bottom: 210px; }
.ptb_100 { padding: 50px 0; }
.pt_100 { padding-top: 50px; }
.pb_100 { padding-bottom: 50px; }
.mb_100 { margin-bottom: 50px; }
.ciServiceSec { padding-top: 50px; padding-bottom: 50px; }
.siSec { padding-bottom: 50px; }
.mtb_100 { margin: 50px 0; }
.mt_100 { margin-top: 50px; }
.leadershipSec.ptb_64 { padding-top: 50px; padding-bottom: 50px; }
.ddServiceSec ul li { width: 50%; }
.ddServiceSec ul li:nth-child(1),  .ddServiceSec ul li:nth-child(2) { border-top: 0; }
.ddServiceSec ul li:nth-child(3),  .ddServiceSec ul li:nth-child(4) { border-right: 1px solid #ddd; border-top: 1px solid #ddd; }
/*.ddServiceSec ul li:nth-child(2n) {border-right: 0;}*/
.information1Sec,  .information2Sec,  .caseStudyInner,  .caseStudySec { margin: 0; }
.dds,  .cultureSlider,  .cFeedbackSlider,  .sadSlider,  .leadingSlider,  .recognitionSlider,  .coffieSlider,  .caseStudyMain { margin-top: 40px; }
.i2VideoTxt { padding: 15px; padding-bottom: 15px; }
.info2CarBox .videoBtn { left: 15px; bottom: 15px; }
.sdTechSec,  .ourOfferingSec { padding: 0; }
.sdTechSec .ddServiceIn,  .onTvSec .information1In,  .ourRecognitionSec .information1In,  .ourOfferingSec .ddServiceIn { padding-bottom: 50px; }
.coffieSec .information1In { padding-bottom: 0; }
.featuredSec .information1In { padding-top: 50px; }
.info2CarBox .videoBtn { font-size: 15px; }
.info2CarBox .videoBtn span { margin-right: 5px; width: 30px; height: 30px; line-height: 30px; }
.info2CarBox .videoBtn span .arrow-right-v { width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 9px solid #fff; }
.ddServiceSec.ourOfferingSec .tabs li { border: 0; }
.caseStudyInner .colorWhite,  .caseStudyInner .colorWhite a { color: #000; }
.txt32 { font-size: 21px; }
.txt28 { font-size: 18px; }
.csTxt { padding: 15px; min-height: 250px; }
.csTxt .btn1Small { left: 15px; bottom: 15px; }
.btn1Small { padding: 6px 12px; font-size: 15px; line-height: 22px; }
.i2VideoTxt { min-height: 0; }
.csslider>.navigation { margin-top: 25px; }
.followIn,  .footerIn { padding-left: 30px; padding-right: 30px; }
.followList img { max-height: 30px; }
.footerTop { padding: 40px 0; }
.footerContact { margin-bottom: 40px; flex-wrap: wrap; }
.footerBottom { padding: 20px 0; }
.footerBottom p { margin: 0 0 10px; }
.footerContact li { width: 49%; margin: 8px 0; }
.footerContact li a { width: 100%; }
.footerContact li a img { max-width: none; margin-right: 20px; }
.fmCol li { margin-bottom: 15px; }
.ddServiceSec { padding-bottom: 0; }
.tab-content { max-width: 100%; }
.tab-content-in { padding-left: 320px; }
.headerIn { height: 88px; }
.header { height: 108px; }
.tabImgWrap { min-height: 0; margin-top: 32px; }
.sdTechSec .ddServBox { padding: 40px 15px; }
/*.ddServiceSec.sdTechSec ul li {border-right: 1px solid transparent;border-image: linear-gradient( to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100% );border-image-slice: 1;}*/
.ddServiceSec.sdTechSec ul li,  .ddServiceSec.sdTechSec ul li:nth-child(3) { width: 33.33%; }
/*.ddServiceSec.sdTechSec ul li:nth-child(2n), .ddServiceSec.sdTechSec ul li:nth-child(5) {border-right: 1px solid transparent;border-top: 1px solid transparent;border-image: linear-gradient( to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100% );border-image-slice: 1;}.ddServiceSec.sdTechSec ul li:nth-child(2) {border-top: 0;}.ddServiceSec.sdTechSec ul li:nth-child(3n) {border-right: 0;}*/
.aiInfoText { margin-bottom: 44px; }
.mt_64 { margin-top: 44px; }
.mt_24 { margin-top: 16px; }
.leadingSlider .info1CarBox>a { margin-bottom: 16px; }
.coffieSec .information1In { padding-bottom: 50px; }
.mtb_24 { margin-top: 12px; margin-bottom: 12px; }
.mb_64 { margin-bottom: 40px; }
.mt_48 { margin-top: 32px; }
.mb_48 { margin-bottom: 32px; }
.shadowTxt76 { font-size: 36px; }
.pastaText { padding-left: 24px; }
.hText_38 { font-size: 28px; line-height: 32px; }
.txt20Bold,  h3,  .h3 { font-size: 18px; line-height: normal; }
.bottomReducer:after { height: 250px; }
.project-box { padding: 40px; }
.project-inner-box { display: block; overflow: auto; padding-right: 10px; }
.project-left,  .project-right { width: 100%; }
.project-left img { margin: auto; }
.project-right { padding-left: 0; }
.project-close-button { right: 15px; top: 15px; width: 32px; height: 32px; }
.project-right h2 { font-size: 42px; line-height: 52px; }
.project-right p { font-size: 16px; line-height: 24px; }
.project-tag ul li { font-size: 12px; }
.tab>label { padding: 12px 15px; }
.iccBox .textList1 li.txt20 { font-size: 16px; }
.iccHd { padding: 24px; }
.textList1 li,  .listBox3Main li .textList1 li { margin-bottom: 8px; line-height: 1.4; }
.listBox1 p, .listBox1 .textList1 li { color: #767676; }
.thinkBigSec.iPhoneDevTBSec p.lh_40,  .lh_40 { line-height: 28px; }
.thinkBigSec.iPhoneDevTBSec p.lh_32,  .lh_32 { line-height: 24px; }
h1,  .h1,  .hText_54 { margin-bottom: 16px; }
.txt18 { font-size: 16px; line-height: 21px; }
.tlWrap tr td { width: 15%; }
.tlWrap tr td:first-child { padding: 0 25px; width: 25%; }
.sec3_2Ctnt { padding: 30px; }
.oachList li:before,  .oachList:before { left: -30px; right: -30px; }
.sec3_2Left .sec3_2Ctnt { padding-left: 30px; }
.lh_56 { line-height: 40px; }
.txt48 { font-size: 32px; }
.oachList li img { margin-right: 16px; max-width: 60px; }
.oachList li span { margin-right: 12px; }
.ecomCat .logoList2 li { width: 50%; }
.ecomCat .logoList2 li:nth-child(3n + 1) a:before,  .ecomCat .logoList2 li:nth-child(3n) a:before { display: none; }
.ecomCat .logoList2 li:nth-child(2n + 1) a:before { display: block; content: ""; position: absolute; top: 0; bottom: 0; background-color: #fff; right: 100%; left: auto; }
.ecomCat .logoList2 li:nth-child(2n) a:before { display: block; content: ""; position: absolute; top: 0; bottom: 0; background-color: #fff; left: 100%; right: auto; }
.ecomCat .logoList2 li:nth-child(2n + 1) a:before,  .ecomCat .logoList2 li:nth-child(2n) a:before { width: 30px; }
.tarcList li:first-child .listBox1 { padding-left: 30px; }
.tarcList li:last-child .listBox1 { padding-right: 30px; }
.sp_120_2 li:nth-child(2n + 1) .listBox1 { padding-left: 30px; }
.sp_120_2 li:nth-child(2n) .listBox1 { padding-right: 30px; }
.thinkBigSec p { margin-bottom: 0; }
.bbLeft { padding: 10px 12px; }
.bbLeft { padding-left: 30px; }
.gtSec .tabs { width: 300px; }
.gtSec .tab-content-in { padding-left: 300px; }
.gtSec .tabs { padding-left: 30px; padding-right: 16px; }
.gtSec .tabTxtWrap { padding: 40px 16px; }
.gtHead { left: 30px; }
.feaList1 li { width: 50%; }
.saTagMain li { padding: 8px; }
.saTagMain { margin-left: -8px; margin-right: -8px; }
.saTag.txt20Bold { font-size: 15px; }
.i2ImgTxt { padding: 16px; padding-bottom: 48px; }
.leadershipSec .lsbIn { padding: 16px; min-height: 200px; }
.leaderShipBtn { padding: 8px 16px; min-height: 56px; }
.more-detail { padding: 24px 16px; }
.arBox { padding: 16px; }
.menu-bottom-row { flex-wrap: wrap; }
.menu-bottom-col { width: 50%; }
.mbcIn { font-size: 16px; line-height: 20px; }
.bottom-link a img { margin-left: 5px; max-width: 18px; }
.bottom-link a { font-size: 14px; line-height: 16px; margin-right: 20px; }
.gtSec.ccTabSec .tabs { width: 260px; }
.gtSec.ccTabSec .tab-content-in { padding-left: 260px; }
.gtSec.ccTabSec .tab>label,  .gtSec.ccTabSec .tab .txt20.lh_24.mb_0 { padding: 16px 0; }
.gtSec.ccTabSec .deskDNone { display: block; }
.gtSec.ccTabSec .tabs { display: none; }
.gtSec.ccTabSec .tab-content-in { padding-left: 0; }
.gtSec.ccTabSec .tabTxtWrap { padding: 0; }
.gtSec.ccTabSec .tab-content { display: block; opacity: 1; float: none; margin-bottom: 48px; }
.gtSec.ccTabSec .tab-content:last-child { margin-bottom: 0; }
.offeringMenuList ul li { width: 50%; }
.hText_80 { font-size: 42px; line-height: 48px; }
.bannerSec.banner404 { height: 540px; }
.b404Txt { padding-right: 16px; width: 65%; }
.b404Img { width: 35%; }
.trustLeft.ptb_64 { padding-top: 30px; padding-bottom: 30px; }
.header { padding: 20px 0 10px; }
.header.sticky { padding: 10px 0; }
.gtSec.ccTabSec .tabTxtWrap { min-height: 0; }
.txt20 { font-size: 16px; }
.pb_0 { padding-bottom: 0; }
.mb_0 { margin-bottom: 0; }
.ptb_0 { padding-top: 0; padding-bottom: 0; }
.pt_0 { padding-bottom: 0; }
.pl_120 { padding-left: 30px; }
}
 @media (max-width: 959px) {
.csbContent div { width: 100%; }
.port1Txt { min-height: 600px; }
.port1Txt { padding: 20px; }
.i2Video img,  .i2Video iframe { height: 172px; }
.listBox1Main li { width: 50%; }
.ciServiceSec:before { height: 250px; }
.logoList2 li { width: 50%; }
.csbHead { margin-bottom: 20px; }
.csbHead,  .csbContent { display: block; }
.csbInfo { padding-left: 0; margin-top: 8px; }
.teocIn { display: block; }
.teSec { width: 100%; }
.ocSec { margin-top: 50px; }
.csDataSec .adBox img { margin: 0 0 10px; }
.hText_32 { font-size: 20px; line-height: 26px; }
.aboutTBSec .tbLeft { margin-top: 0; }
.aboutTBSec .tbRight p { margin-bottom: 40px; }
.shadowTxt76 { font-size: 38px; }
.pastaTabs .tab>label { font-size: 16px; padding: 10px 16px; }
.tStackIcon { width: 50%; margin: 8px 0; }
.vdoBannerSec { height: 430px; }
.vdoWrap iframe { height: 600px; }
.grqeBlock { justify-content: space-between; }
.grqeBlock img { margin-right: 0; width: 48%; }
.cStdTag { padding: 4px 8px; }
.caseStudiesSec ul li.i2CB,  .caseStudiesSec ul li.i2CB:nth-child(3n+3) { width: 48%; margin-right: 2%; }
.caseStudiesSec ul li.i2CB:nth-child(2n+2) { margin-right: 0; }
.caseStudiesSec ul li,  .caseStudiesSec ul li:nth-last-child(-n + 3) { margin-bottom: 2%; }
.cStdBottom { min-height: 216px; }
.tfapIn li { width: 100%; }
.tfapNum { width: 72px; height: 72px; }
.tfapTxt { width: calc(100% - 84px); }
.cisInfraSlider .csslider>ul>li { height: 240px; }
.pb_0 { padding-bottom: 0; }
.mb_0 { margin-bottom: 0; }
.ptb_0 { padding-top: 0; padding-bottom: 0; }
.pt_0 { padding-bottom: 0; }

}
 @media (max-width: 799px) {
.i2Video img,  .i2Video iframe { height: 152px; }
.companyProfileSec .logoList2 li { width: 50%; }
.gtSec .tabs { padding-left: 16px; padding-right: 16px; width: 210px; }
.gtSec .tab-content-in { padding-left: 210px; }
.gtSec .tab label:after { width: 8px; height: 8px; right: 2px; margin-top: -4px; }
}
 @media (max-width: 767px) {
.anE1,  .anE2,  .anE3,  .anE4 { display: none; }
.toggle-button { margin-left: 15px; }
.port1Txt { min-height: 450px; }
.bannerSec { padding-bottom: 180px; min-height: 480px; }
h1,  .h1 { font-size: 32px; line-height: 42px; }
.bannerSec p,  .bannerSec i { font-size: 17px; line-height: 24px; }
.tab-content h3 { font-size: 18px; }
h4,  .h4 { font-size: 20px; line-height: 28px; }
.bColorList3 li { width: 50%; }
.logoList2 { margin-left: -5px; margin-right: -5px; margin-bottom: -5px; }
.logoList2 li { padding: 5px; }
.logoList2 li a { padding: 10px; }
.logoList2 li a h4,  .logoList2 li .lLwrap .h4,  .logoList2 li a span { font-size: 16px; }
.logoList2 li a img { margin-top: 5px; }
.bColorList3 li:nth-child(2n) { border-right: 0; }
.bColorList3 li:nth-child(2n + 1) { border-right: 1px solid #ddd;/* border-image: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
        border-image-slice: 1; */
}
.bColorList3 li:nth-child(3) { border-right: 1px solid #ddd; border-top: 1px solid #ddd;/* border-image: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
        border-image-slice: 1; */
}
.orLogoBox { margin-top: 30px; flex-wrap: wrap; }
.orLogoBox li { margin: 0; padding: 0; width: 33.33%; display: inline-flex; justify-content: center; }
.orLogoBox li img { max-width: 75%; }
.mt_48 { margin-top: 40px; }
.mb_48 { margin-bottom: 40px; }
.tab-label { padding: 15px; font-size: 18px; padding-right: 40px; }
.tab-label::before { top: 19px; }
.tab-label::after { top: 26px; }
.txt32 { font-size: 20px; }
.txt28 { font-size: 18px; }
.thinkBigIn,  .thinkBigSec.aiThinkBigSec .thinkBigIn,  .thinkBigSec.msTBSec .thinkBigIn,  .thinkBigSec.msTBSec .tbLeft { display: block; min-height: 0; }
.tbLeft,  .tbRight { max-width: 100%; width: 100% }
.tbLeft { min-height: 0; }
.tbLeft img { object-fit: cover; height: auto; width: 100%; max-width: 100%; position: static; transform: none; }
.achievementsIn { flex-direction: column; }
.achieveText { border: 0; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; }
.achieveText,  .achieveCF { width: 100%; }
.achieveCFBottom li { padding: 10px; }
.achieveDataList li { align-items: flex-start; }
.achieveData { padding: 0; }
.achieveDataList li { padding: 30px; width: 50%; }
.achieveDataList li:first-child,  .achieveDataList li:last-child { padding: 30px; }
.achieveDataList li:nth-child(1),  .achieveDataList li:nth-child(2) { border-bottom: 1px solid #efefef; }
.linkBtn1 { font-size: 18px; }
.linkBtn1 i { margin-left: 0; }
.btn2 { font-size: 15px; position: relative; z-index: 1; }
.information1Sec .linkBtn1 { position: static; margin: 25px auto 0; display: block; max-width: fit-content; }
.info1CarBox>img { margin-bottom: 15px; }
.info2CarBox .videoBtn { display: none; }
.iccSlider .info1CarBox>img { margin-bottom: 0; }
.i2VideoTxt { padding-bottom: 15px; }
.onTvMain { display: block; }
.onTvLeft,  .onTvRight { width: 100%; }
.onTvLeft { padding-right: 0; padding-bottom: 25px; }
.onTvVdo iframe { height: 275px; }
.i2Video iframe { height: 98px; }
.i2Video img,  .i2Video iframe { height: 108px; }
.featuredList { flex-wrap: wrap; }
.featuredList li { margin: 10px 0; width: 49%; }
.ourOfferingSec .tabs li { width: auto; margin: 0; }
.ourOfferingSec .tabs,  .tab-content { max-width: 100%; float: none; }
.tab-content { margin-top: 25px; }
.ourOfferingSec .tabs li label span { display: none; }
.ourOfferingSec .tabs { display: flex; }
.caseStudyMain { display: block; }
.csLeft,  .csRight { width: 100%; }
.i2Video .vdoHeight313 iframe { height: 108px; }
.followList img { max-height: 20px; }
.w1,  .w2,  .w3,  .w4 { width: 100%; }
.fmCol { margin: 0 0 35px; }
.fmCol h3 { margin-bottom: 25px; padding-bottom: 15px; }
.footerBottom p { text-align: center; }
.fbSecList { justify-content: center; }
.fbSecList li,  .fbSecList li:first-child { margin: 5px 10px; }
.footerMain { padding: 40px 0 0; }
.orNm,  .coffieSlider .blog-col h3 { font-size: 21px; line-height: 28px; }
.coffieSlider .blog-info-left { font-size: 15px; }
.coffieSlider .blog-info { margin-bottom: 10px; }
.coffieSlider .blog-read { font-size: 16px; }
.coffieSlider .blog-col { padding: 16px; margin-top: 14px; }
.txt20 { font-size: 16px; }
.tabImgWrap { margin-top: 35px; }
.csTxt span { margin-bottom: 15px; }
.csslider>.arrows label { padding: 10px; }
.read-more-trigger { font-size: 15px; }
.thinkBigSec.aiThinkBigSec .tbLeft { min-height: 0; display: none; }
.bannerSec.aiBannerSec { min-height: 300px; }
.thinkBigSec .tbLeft,  .thinkBigSec .tbLeft img { border-radius: 4px 4px 0 0; }
.aiInfoText { margin-bottom: 34px; }
.mt_64 { margin-top: 34px; }
.mt_24 { margin-top: 12px; }
.logoList1 li { padding: 0 15px; height: 100px; }
h2,  .h2,  .hText_38 { font-size: 28px; line-height: 32px; }
.bannerSec.csBannerSec { height: 300px; }
.csDataSec .achieveDataList li { justify-content: center; border: 0; }
.bColorList4 li { width: 50%; }
.bColorList4 li:nth-child(3),  .bColorList4 li:nth-child(4) { border-top: 1px solid transparent; border-image: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%); border-image-slice: 1; }
.bColorList4 li:nth-child(2n) { border-right: 0; }
.port1Box { display: block; }
.port1Img,  .port1Txt { width: 100%; }
.port1Img { border-radius: 4px 4px 0 0; }
.port1Txt { border-radius: 0; border: 1px solid #eee; border-top: 0; }
.iccsTxt h3 { margin-bottom: 10px; }
.iccsTxt { padding: 15px; }
.thinkBigSec.iPhoneDevTBSec .tbLeft,  .thinkBigSec.iPhoneDevTBSec .tbRight,  .thinkBigSec.iPhoneDevTBSec.wdSec .tbRight { max-width: 100%; min-height: 0; }
.bannerSec i { margin-top: 10px; }
.aboutTBSec .tbLeft { min-height: 325px; }
.aboutTBSec .tbRight p { margin-bottom: 24px; }
.aboutData li div { font-size: 36px; line-height: 40px; }
.aboutData li { margin-right: 40px; }
.mb_64 { margin-bottom: 32px; }
.mt_48 { margin-top: 24px; }
.mb_48 { margin-bottom: 24px; }
.pastaTabs { margin-top: 24px; }
.pastaTabs .tab>label span { display: none; }
.pastaTabs .tab>label { font-size: 24px; padding: 12px 24px; }
.pastaTabs .tab>label { color: #999; }
.pastaTabs .tabbed [type="radio"]:nth-of-type(1):checked~.tabs .tab:nth-of-type(1) label,  .pastaTabs .tabbed [type="radio"]:nth-of-type(2):checked~.tabs .tab:nth-of-type(2) label,  .pastaTabs .tabbed [type="radio"]:nth-of-type(3):checked~.tabs .tab:nth-of-type(3) label,  .pastaTabs .tabbed [type="radio"]:nth-of-type(4):checked~.tabs .tab:nth-of-type(4) label,  .pastaTabs .tabbed [type="radio"]:nth-of-type(5):checked~.tabs .tab:nth-of-type(5) label,  .pastaTabs .tabbed [type="radio"]:nth-of-type(6):checked~.tabs .tab:nth-of-type(6) label,  .pastaTabs .tabbed [type="radio"]:nth-of-type(7):checked~.tabs .tab:nth-of-type(7) label,  .pastaTabs .tabbed [type="radio"]:nth-of-type(8):checked~.tabs .tab:nth-of-type(8) label,  .pastaTabs .tabbed [type="radio"]:nth-of-type(9):checked~.tabs .tab:nth-of-type(9) label,  .pastaTabs .tabbed [type="radio"]:nth-of-type(10):checked~.tabs .tab:nth-of-type(10) label { color: var(--blue); }
.pastaimg,  .pastaText { max-width: 100%; }
.pastaimg img { width: 100%; }
.pastaimg { margin-bottom: 24px; }
.pastaText { padding-left: 0; }
.logo { max-width: 75px; min-height: 46px; }
.header { height: 80px; }
.headerIn { height: 60px; }
.headRight .whiteBtn { min-height: 32px; padding: 4px 8px; font-size: 14px; line-height: 20px; }
.toggle-button { padding: 0 8px; min-height: 32px; font-size: 14px; }
.toggle-button div { margin-right: 5px; height: 14px; }
.toggle-button div span { width: 16px; }
.toggle-button span:nth-child(2) { width: 21px; top: 6px; }
.toggle-button span:last-child { top: 12px; }
.mobNoSlide .csslider>.navigation { display: none; }
.mobNoSlide .csslider>ul { overflow: visible; white-space: normal; }
.mobNoSlide .csslider>ul>li { display: block; width: auto; height: auto; overflow: visible; }
.mobNoSlide .csslider .info1CarBoxMain { display: block; }
.mobNoSlide .i2CB,  .mobNoSlide .i4CB { width: 100%; height: auto; margin: 0 0 24px; }
.mobNoSlide .csslider>ul>li:last-child .i2CB:last-child,  .mobNoSlide .csslider>ul>li:last-child .i4CB:last-child { margin-bottom: 0; }
.mobNoSlide .i2Video img,  .mobNoSlide .i2Video iframe { height: 240px; }
.mobNoSlide .i2VideoTxt,  .mobNoSlide .cSuccessBox { min-height: 0; }
.csbHead { display: flex; }
.csbInfo { padding-left: 16px; }
.mb_32 { margin-bottom: 18px; }
.mb_24 { margin-bottom: 16px; }
.mb_16 { margin-bottom: 12px; }
.txt20Bold,  h3,  .h3 { font-size: 16px; }
.lbIcon { margin-bottom: 16px; }
.cisInfraSlider .info1CarBoxMain .i1CB { padding: 0 4px; }
.cisInfraSlider .info1CarBoxMain { margin: 0 -2px; }
.aidVideo img,  .aidVideo iframe { height: 400px; }
.project-box { padding: 20px; }
.project-inner-box { display: block; overflow: auto; padding-right: 10px; }
.project-close-button { right: 12px; top: 12px; width: 28px; height: 28px; }
.project-right h2 { font-size: 32px; line-height: 42px; }
.project-right p { font-size: 14px; line-height: 20px; }
.project-tag ul li { font-size: 10px; }
.project-button { height: 36px; line-height: 36px; font-size: 14px; }
.project-tag ul li { margin: 0 4px 4px 0; padding: 0 10px; }
.border-bottom { margin: 16px 0 14px; }
.mobNone { display: none; }
.ourOfferingSec .tabs { position: static; }
.tab-content-in { padding-left: 0; }
.bColorList3 li.mobBdrTop0 { border-top: 0; }
.thinkBigSec.iPhoneDevTBSec .thinkBigIn,  .thinkBigSec.iPhoneDevTBSec .tbLeft,  .thinkBigSec.msTBSec .thinkBigIn,  .thinkBigSec.msTBSec .tbLeft,  .thinkBigSec.mh_464 .thinkBigIn,  .thinkBigSec.mh_464 .tbLeft,  .thinkBigSec.mh_537 .thinkBigIn,  .thinkBigSec.mh_537 .tbLeft,  .thinkBigSec.mh_448 .thinkBigIn,  .thinkBigSec.mh_448 .tbLeft,  .thinkBigSec.mh_640 .thinkBigIn,  .thinkBigSec.mh_640 .tbLeft,  .thinkBigSec.mh_528 .thinkBigIn,  .thinkBigSec.mh_528 .tbLeft,  .thinkBigSec.mh_544 .thinkBigIn,  .thinkBigSec.mh_544 .tbLeft,  .thinkBigSec.mh_456 .thinkBigIn,  .thinkBigSec.mh_456 .tbLeft,  .thinkBigSec.mh_384 .thinkBigIn,  .thinkBigSec.mh_384 .tbLeft,  .thinkBigSec.mh_558 .thinkBigIn,  .thinkBigSec.mh_558 .tbLeft,  .thinkBigSec.mh_488 .thinkBigIn,  .thinkBigSec.mh_488 .tbLeft,  .thinkBigSec.mh_496 .thinkBigIn,  .thinkBigSec.mh_496 .tbLeft,  .thinkBigSec.mh_560 .thinkBigIn,  .thinkBigSec.mh_560 .tbLeft,  .thinkBigSec.mh_400 .thinkBigIn,  .thinkBigSec.mh_400 .tbLeft,  .thinkBigSec.mh_440 .thinkBigIn,  .thinkBigSec.mh_440 .tbLeft,  .thinkBigSec.mh_432 .thinkBigIn,  .thinkBigSec.mh_432 .tbLeft,  .thinkBigSec.mh_368 .thinkBigIn,  .thinkBigSec.mh_368 .tbLeft,  .thinkBigSec.mh_335 .thinkBigIn,  .thinkBigSec.mh_335 .tbLeft,  .thinkBigSec.mh_428 .thinkBigIn,  .thinkBigSec.mh_428 .tbLeft,  .thinkBigSec.mh_470 .thinkBigIn,  .thinkBigSec.mh_470 .tbLeft,  .thinkBigSec.mh_437 .thinkBigIn,  .thinkBigSec.mh_437 .tbLeft,  .thinkBigSec.mh_512 .thinkBigIn,  .thinkBigSec.mh_512 .tbLeft,  .thinkBigSec.mh_424 .thinkBigIn,  .thinkBigSec.mh_424 .tbLeft,  .thinkBigSec.mh_624 .thinkBigIn,  .thinkBigSec.mh_624 .tbLeft,  .thinkBigSec.mh_344 .thinkBigIn,  .thinkBigSec.mh_344 .tbLeft,  .thinkBigSec.mh_520 .thinkBigIn,  .thinkBigSec.mh_520 .tbLeft,  .thinkBigSec.mh_720 .thinkBigIn,  .thinkBigSec.mh_720 .tbLeft { min-height: 0; }
.thinkBigSec.iPhoneDevTBSec.wpaTBSec .tbLeft { max-width: 100%; display: none; }
.thinkBigSec.iPhoneDevTBSec.wpaTBSec .tbRight { max-width: 100% !important; padding: 40px 25px; }
.thinkBigSec.iPhoneDevTBSec.wpaTBSec .tbRight .hText_54 { font-size: 28px; line-height: 1.4; }
.thinkBigSec.iPhoneDevTBSec.wpaTBSec .tbRight .hText_32 { font-size: 20px; line-height: 1.6; }
.thinkBigSec.iPhoneDevTBSec.wpaTBSec .tbRight p { font-size: 18px; line-height: 1.6; }
.thinkBigSec.iPhoneDevTBSec.wpaTBSec .tbLeft img { min-height: 0 !important; max-width: 100% !important; transform: none !important; position: static !important; }
.logoList-1_2 { margin-left: -5px; margin-right: -5px; }
.logoList-1_2 li { width: 100%; padding: 5px; }
.lh_24 { line-height: 21px; }
.ti50Sec>div { max-width: 100%; }
.ti50Sec .tiTxt { padding-right: 0; padding-bottom: 12px; }
.tStack tr,  .tStack tr td { display: block; }
.tStack tr:first-child { display: none; }
.tStack tr td,  .tStack tr td:nth-child(2n) { border-right: 0; width: 100%; }
.tStackIcon { width: auto; margin: 5px 0; }
.tStack tr td:nth-child(1) { border-top: 0; }
.tStack tr td { padding: 20px; position: relative; }
.tStack tr td:before { display: block; font-size: 16px; font-weight: 700; margin-bottom: 16px; color: #fff; }
.tStack tr td:nth-child(1):before { content: "Languages"; }
.tStack tr td:nth-child(2):before { content: "Frameworks"; }
.tStack tr td:nth-child(3):before { content: "ORMs And Database"; }
.tStackIcon span { line-height: 18px; margin-top: 10px; }
.techList { overflow: scroll; }
.tlWrap { min-width: 768px; }
.sec3_2 { display: block; }
.sec3_2Left,  .sec3_2Right { width: auto; }
.sec3_2Left .sec3_2Ctnt { margin-right: 0; margin-bottom: 16px; }
.oachList li img { max-width: 80px; margin-right: 32px; }
.oachList li span { margin-right: 24px; }
.oachList li { padding: 16px 0; }
.vdoBannerSec { height: 270px; }
.mainHeadSec { margin-top: -70px; }
.vdoTextBottom { padding: 32px; position: static; background-color: #000; }
.vdoWrap iframe { height: 480px; }
.avVdoTag { flex-wrap: wrap; }
.avVdoTag span.txt18 { margin-right: 4px; margin-bottom: 4px; }
.imgTxtBlock { display: block; }
.itbImg { max-width: 100%; }
.itbImg img { margin: auto; }
.itbTxt { max-width: 100%; padding-left: 0; padding-top: 16px; }
.gtSec .tabs { display: none; }
.gtSec .tab-content { display: block; opacity: 1; background-color: #fff; }
.gtSec .tab-content:nth-of-type(1) { margin-top: 8px; }
.gtSec .tab-content-in { padding-left: 0; }
.gtSec .ofTabs { min-height: 0; background-color: transparent; }
.gtSec .tabTxtWrap,  .gtSec .tabImgWrap { min-height: 0; height: auto; }
.gtSec .tabTxtWrap { padding: 24px 16px; }
.gtSec .tabImgWrap { margin-top: 15px; }
.gtSec .tabImgWrap img { position: static; transform: none; height: auto; width: 100%; max-width: 100%; }
.tabTxtWrap .txt24 { font-weight: 700; }
.gtHead { display: none; }
.dDeskNone { display: block; }
.saTagMain { margin-left: -4px; margin-right: -4px; }
.saTagMain li { padding: 4px; width: 100%; }
.saTag { padding: 12px; }
.saTag.txt20Bold { font-size: 14px; }
.i2ImgTxt { padding: 20px 20px 65px; }
.info1TxtBoxMain .info2textBox .i2Video img { height: auto; }
.history_sec ul li.headHistory .left_box { width: 100%; display: block; max-width: 160px; margin: 0 auto; padding: 40px 25px; height: 160px; }
.history_sec ul li.headHistory .right_box { padding: 20px 0 0; width: 100%; }
.history_sec ul:after { display: none; }
.history_sec .right_box p { padding: 15px; }
.history_sec ul li:before { display: none; }
.history_sec ul li { padding-top: 25px; }
.history_sec .left_box { width: 60px; }
.history_sec .left_box span { width: 60px; height: 60px; padding: 5px 8px; }
.history_sec .right_box { width: calc(100% - 60px); padding-left: 10px; }
.leadershipSec li { width: 100%; margin: 0 0 25px; }
.leaderShipTop img { width: 100%; }
.leadershipSec .lsbIn,  .leaderShipBtn { min-height: 0; }
.leaderShipBtn { padding: 16px 16px; }
.leadershipSec li:last-child { margin: 0; }
.lsbIn .txt24 { font-size: 18px; line-height: 24px; }
.lsbIn .txt20 { font-size: 16px; line-height: 18px; }
.listBox4Main li { width: 33.33%; }
.topIcon-col { width: 50%; padding: 8px 0; }
.menu-left { display: none; }
.mobile-menu-link { display: block; padding: 12px; font-size: 18px; line-height: 21px; border: 0; background: none; width: 100%; border-bottom: 1px solid #ddd; text-align: left; color: black; transition: all .3s ease 0s; }
.mobile-menu-link.active { background-color: #F7F7F7; color: var(--blue); margin-bottom: 24px; }
.menu-right { width: 100%; padding-left: 0; }
.menu-col-row { display: block; }
.menu-col,  .menu-col-row:last-child .menu-col { width: 100%; margin-bottom: 24px; }
.menu-col-row:last-child .menu-col { border-bottom: 1px solid #DDDDDD; padding-bottom: 24px; }
.menu-col-row:last-child .menu-col:last-child { padding-bottom: 0; border: 0; }
.menu-bottom-inner { border-top: 0; }
.inner-menu { padding: 0; }
.topIcon { padding-right: 32px; }
.menu-box { padding: 24px 0 0; }
.menu-col-link ul li a { font-size: 13px; line-height: 15px; }
.menu-col { padding-left: 12px; padding-right: 12px; padding-bottom: 16px; margin-bottom: 16px; }
.solution-col,  .industries-col { width: 50%; padding: 4px; min-height: 0; }
.solution-col-box,  .industries-col-box,  .about-col-box { margin-left: -4px; margin-right: -4px; }
.mobile-menu-link.active { margin-bottom: 8px; }
.brand-menu-col { width: 50%; }
.offeringMenuList ul li { width: 100%; }
.bannerSec.banner404 { height: 440px; }
.hText_80 { font-size: 40px; line-height: 42px; }
.gOfficesList li { width: 100%; }
.gOfficeTxt { padding: 16px; }
.b404In { margin-top: 32px; }
.trustBlock { display: block; }
.trustLeft,  .trustRight { width: 100%; }
.trustRight .logoList3 li { min-height: 100px; }
.trustRight .logoList3 li:nth-child(3n+1) { border-left: 0; }
.trustRight .logoList3 li:nth-child(1),  .trustRight .logoList3 li:nth-child(2),  .trustRight .logoList3 li:nth-child(3) { border-top: 1px solid #efefef; }
.sdeList.trustRight .logoList3 li { border-left: 1px solid #efefef; border-bottom: 0; border-top: 1px solid #efefef; padding-top: 10px; padding-bottom: 10px; }
.sdeList.trustRight .logoList3 li:nth-child(2n+1) { border-left: 0; }
.header { padding: 20px 0 10px; }
.header.sticky { padding: 10px 0; }
.pt_64 { padding-bottom: 32px; }
.pb_64 { padding-bottom: 32px; }
.ptb_32 { padding-top: 24px; padding-bottom: 24px; }
.pb_0 { padding-bottom: 0; }
.mb_0 { margin-bottom: 0; }
.ptb_0 { padding-top: 0; padding-bottom: 0; }
.pt_0 { padding-bottom: 0; }


}
 @media (max-width: 600px) {
.cSuccessBox { padding: 12px 15px; }
.tbLeft,  .tbLeft img { border-radius: 4px 4px 0 0; }
.tbLeft img { position: relative; left: 50%; top: 50%; transform: translate(-50%, -25%) scale(1.5); border-radius: 4px; }
.leadingSlider .info1CarBox>a { margin-bottom: 8px; }
.csbInfo { min-height: 60px; }
.aiThinkBigSec.thinkBigSec .tbLeft img,  .iPhoneDevTBSec.thinkBigSec .tbLeft img { transform: none; position: static; }
.coffieSlider .blog-col { width: 100%; }
.coffieSlider .blog-col:nth-child(2) { margin-top: 14px; }
.iccBlock { display: block; margin: 0; }
.iccBox { width: 100%; padding-left: 0; padding-right: 0; }
.iccBox:nth-child(1) { margin-top: 0; }
.iccBox:nth-child(2) { margin-top: 32px; }
.iccBox .textList1 li.txt20 { font-size: 14px; }
.iccBox:nth-child(2),  .iccBox { margin-top: 16px; }
.thinkBigSec.iPhoneDevTBSec p.lh_40,  .lh_40 { line-height: 24px; }
.thinkBigSec.iPhoneDevTBSec p.lh_32,  .lh_32 { line-height: 24px; }
.logoList-1_3 li { width: 100%; }
.vdoTextBottom { padding: 24px; }
.vdoWrap iframe { height: 400px; }
.listBox1Main li { width: 100%; }
.cSuccessBox { min-height: 0; }
.listBox4Main li { width: 50%; }
.bottom-link { display: flex; flex-wrap: wrap; padding-left: 15px; padding-right: 15px; }
.bottom-link a { margin: 0; width: 50%; padding: 5px; }
.bannerSec.banner404 { height: 360px; }
.ptb_32 { padding-top: 20px; padding-bottom: 20px; }
.pb_0 { padding-bottom: 0; }
.mb_0 { margin-bottom: 0; }
.ptb_0 { padding-top: 0; padding-bottom: 0; }
.pt_0 { padding-bottom: 0; }
}
 @media (max-width: 567px) {
.thinkBigSec.iPhoneDevTBSec.wpaTBSec .tbRight p { font-size: 15px; }
h1,  .h1 { font-size: 26px; line-height: 32px; }
.bannerSec p,  .bannerSec i { font-size: 16px; line-height: 24px; }
.thinkBigSec h3,  .hText_54,  .hText_48 { font-size: 26px; line-height: 32px; }
.hText_54,  .hText_48 { margin-bottom: 12px; }
h2,  .h2,  .hText_38 { font-size: 24px; line-height: 30px; margin-bottom: 12px; }
.hText_32 { font-size: 18px; line-height: 24px; margin-bottom: 5px; }
h3,  .h3,  .iccsTxt h3 { font-size: 16px; line-height: 21px; }
h4,  .h4 { font-size: 16px; line-height: 21px; }
.aboutData li div { font-size: 26px; line-height: 32px; }
.aboutData li { margin-right: 20px; }
.aboutTBSec .tbLeft { min-height: 187px; }
.read-more-target h4 { margin-top: 20px; margin-bottom: 15px; }
.txt24 { font-size: 15px; line-height: 20px; }
.txt32 { font-size: 18px; }
.txt28 { font-size: 16px; }
.txt18,  .thinkBigSec.iPhoneDevTBSec p { font-size: 15px; line-height: 21px; }
.tab-content h3 { font-size: 18px; }
body,  p { font-size: 14px; line-height: 20px; }
.containerMini { padding: 0 15px; }
.logoList1 li { width: 33.33%; height: 80px; }
.mt_48 { margin-top: 32px; }
.logoList1 li:nth-child(4n + 1) { border-left: 0; }
.logoList1 li:nth-child(3n + 1) { border-left: 1px solid #efefef; }
.logoList1 li:nth-last-child(4) { border-bottom: 0; }
.ciServiceSec:before { height: 180px; }
.lbIcon { margin-bottom: 16px; }
/*.ddServiceSec ul li, .ddServiceSec ul li:nth-child(3) {width: 100%;border-right: 0;}*/
.ddServiceSec ul li:nth-child(2) { border-top: 1px solid #ddd; }
.i2Video img,  .i2Video iframe { height: 98px; }
.ddServBox { padding-left: 15px; padding-right: 15px; padding-bottom: 25px; }
.onTvVdo iframe { height: 175px; }
.featuredList li { width: 45%; }
.ddServiceSec.ourOfferingSec .tabs li:nth-child(3) { width: auto; }
.tabImgWrap { margin-top: 25px; }
.csRightTop,  .csRightBottom { display: block; }
.csImg,  .csTxt { width: 100%; }
.csTxt1 { position: relative; }
.csTriangle { display: none; }
.csRightTop,  .csRightBottom { margin-top: 15px; }
.i2Video .vdoHeight313 iframe { height: 78px; }
.orNm,  .coffieSlider .blog-col h3 { font-size: 16px; line-height: 24px; }
.followList li { margin: 10px 0; width: 49%; }
.followList { justify-content: flex-start; }
.orBox { padding: 12px; padding-bottom: 120px; }
.footerContact li { width: 100%; }
.info1CarBox .btn2 { margin-top: 0; }
.orBottom { position: absolute; left: 20px; bottom: 20px; }
.btn2 .arrow-right { margin-left: 3px; }
.btn2 { font-size: 14px; }
.btn2 .arrow-right { font-size: 18px; }
.caseStudyMain img { width: 100%; }
.csTxt { min-height: 0; }
.csTxt .btn1Small { position: static; margin-top: 25px; }
.csLeft,  .csRight { display: block; }
.orRating li { margin: 0 2px 0 0 !important; font-size: 20px; line-height: 20px; }
.csslider>.navigation { margin-top: 15px; }
.leadingSlider .csslider>.navigation { margin-top: 20px; }
.ddServiceSec { overflow: hidden; }
.ddServiceIn,  .information1In,  .information2In,  .caseStudyIn { padding-left: 0; padding-right: 0; }
.ddServBox .btn2 { position: static; }
.ddServiceIn:after { display: block; content: ""; background-color: #eee; position: absolute; left: 100%; top: 0; bottom: 0; width: 200%; }
.information1In:after { display: block; content: ""; background-color: #eee; position: absolute; right: 100%; top: 0; bottom: 0; width: 200%; }
.sdTechSec .ddServiceIn:before { right: 100%; left: auto; }
.onTvSec .information1In:before { right: auto; left: 100%; }
.ourRecognitionSec .information1In:after { display: block; content: ""; background-color: #eee; position: absolute; right: 100%; top: 0; bottom: 0; width: 200%; }
.caseStudySec { background-color: #fff; }
.caseStudySec:before,  .coffieSec .information1In:after { display: none; }
.orBottom p.txt20 { font-size: 14px; line-height: 20px; }
.dds,  .cultureSlider,  .cFeedbackSlider,  .sadSlider,  .leadingSlider,  .recognitionSlider,  .coffieSlider,  .caseStudyMain { margin-top: 30px; }
.followIn,  .footerIn { padding-left: 5px; padding-right: 5px; }
.fcRight span { font-size: 18px; }
.footerTop { padding: 30px 0; }
.footerContact { margin-bottom: 30px; }
.footerMain { padding: 30px 0 0; }
.greatPlace { margin-top: 40px; }
.bg-white:after { background-color: #fff; }
.greatPlace p { margin-bottom: 15px; }
.i2VideoTxt { padding: 12px; padding-bottom: 12px; }
.orNm,  .coffieSlider .blog-col h3 { margin-bottom: 10px; }
.orBoxHead { flex-direction: column; align-items: flex-start; }
.achieveText,  .tbRight,  .aiInfoIn,  .topIntroIn,  .mainHeadIn { padding: 30px 15px; }
.feaSec .listBox2Main li:first-child .listBox2 { padding-left: 15px; }
.feaSec .listBox2Main li:last-child .listBox2 { padding-right: 15px; }
.tbLeft,  .tbLeft img { min-height: 280px; height: 280px; }
.coffieSec.ourRecognitionSec .information1In:after { display: none; }
.coffieSec { background-color: #fff; }
.tab-label { padding: 10px 12px; font-size: 16px; padding-right: 35px; }
.tab-label::before { top: 13px; right: 18px; }
.tab-label::after { top: 21px; right: 11px; }
.tbLeft img { transform: translate(-50%, -75%) scale(1.5); }
.aiInfoText { margin-bottom: 24px; }
.mt_64 { margin-top: 24px; }
.mt_24 { margin-top: 10px; }
.coffieSecInp { background-color: transparent; }
.listBox2 h6 br { display: none; }
.feaSec .listBox2 p { max-width: none; }
.weLeadBox { display: block; margin-bottom: 32px; }
.weLeadBox:last-child { margin-bottom: 0; }
.wlImg,  .wlTxt { min-height: 0; width: 100%; }
.wlTxt { padding: 16px 0 0; }
.wlTxt:before { display: none; }
.bColorList4 .ddServBox { padding: 12px; }
.p1Tag span { font-size: 12px; line-height: 14px; padding: 8px 10px; margin-bottom: 3px; margin-right: 3px; }
.p1Tag { margin-bottom: 12px; }
.port1Txt .btn1 { margin-top: 0; }
.ddServBox h2 { min-height: 0; }
.mb_16 { margin-bottom: 8px; }
.mb_24 { margin-bottom: 12px; }
.mb_32 { margin-bottom: 16px; }
.mb_64 { margin-bottom: 20px; }
.mt_48 { margin-top: 16px; }
.mb_48 { margin-bottom: 16px; }
.pastaTabs { margin-top: 20px; }
.pastaTabs .tabs:before { margin-top: -2px; height: 2px; border-bottom: 1px dashed var(--blue); }
.pastaTabs .tab>label:before,  .pastaTabs .tab>label:after { width: 6px; height: 6px; margin-top: -3px; margin-left: -3px; }
.pastaTabs .tab>label:before { margin-left: -3px; }
.pastaTabs .tab>label:after { margin-right: -3px; }
.companyProfileSec .logoList2 li { width: 100%; }
.companyProfileSec .logoList2 li a span { font-size: 18px; }
.cisInfraSlider .info1CarBoxMain .i1CB { padding: 0 2px; }
.cisInfraSlider .info1CarBoxMain { margin: 0 -2px; }
.bottomReducer:after { height: 150px; }
.coffieSlider .blog-info-left { font-size: 12px; }
.coffieSlider .blog-read { font-size: 14px; margin-top: 12px; }
.coffieSlider .blog-info { margin-bottom: 5px; }
.bclIcon { margin-bottom: 16px; }
.oachList li img { margin-right: 24px; }
.oachList li span { margin-right: 16px; }
.sec3_2Ctnt { padding: 30px 15px; }
.sec3_2Left .sec3_2Ctnt { padding-left: 15px; }
.oachList li:before,  .oachList:before { left: -15px; right: -15px; }
.ecomCat .logoList2 li { width: 100%; }
.ecomCat .logoList2 li:nth-child(2n + 1) a:after { display: block; content: ""; position: absolute; top: 0; bottom: 0; background-color: #fff; right: auto; left: 100%; }
.ecomCat .logoList2 li:nth-child(2n) a:after { display: block; content: ""; position: absolute; top: 0; bottom: 0; background-color: #fff; left: auto; right: 100%; }
.ecomCat .logoList2 li:nth-child(2n + 1) a:before,  .ecomCat .logoList2 li:nth-child(2n) a:before,  .ecomCat .logoList2 li:nth-child(2n + 1) a:after,  .ecomCat .logoList2 li:nth-child(2n) a:after { width: 15px; }
.tarcList li:first-child .listBox1 { padding-left: 32px; }
.tarcList li:last-child .listBox1 { padding-right: 32px; }
.vdoWrap iframe { height: 360px; }
.avVdoTag span.txt18 { font-size: 12px; padding: 4px 8px; }
.vdoTextBottom { padding: 16px; }
.btnLink { font-size: 14px; line-height: 16px; }
.btnLink img { margin-right: 4px; }
.thinkBigSec .btnLink { margin-right: 16px; }
.sp_120_2 li { padding-top: 0; padding-bottom: 0; margin-top: 16px; }
.sp_120_2 li:nth-child(2n + 1) .listBox1 { padding-left: 15px; }
.sp_120_2 li:nth-child(2n) .listBox1 { padding-right: 15px; }
.sp_120_2 li .listBox1 { padding: 15px; }
.bbLeft { padding: 10px 8px; }
.bbLeft { padding-left: 15px; }
.bbRight a { padding: 10px 8px; }
.i2ImgTxt { padding: 16px 16px 48px; }
.topIntroSec { margin-top: -100px; }
.menu-bottom-row { margin-left: -4px; margin-right: -4px; }
.menu-bottom-col { padding: 4px; }
.mbcIn>div>span { font-size: 28px; line-height: 32px; }
.mbcIn { padding: 12px; font-size: 14px; line-height: 16px; }
.mbcIn img { margin-right: 8px; max-width: 42px; }
.mediaCoverageSec ul li,  .caseStudiesSec.mediaCoverageSec ul li:nth-last-child(-n + 3) { margin-bottom: 16px; }
.tfapIn { margin-left: -8px; margin-right: -8px; }
.tfapIn li { padding: 8px; }
.tfapNum { width: 48px; height: 48px; font-size: 24px; }
.tfapTxt { width: calc(100% - 56px); }
.cisInfraSlider .csslider>ul>li { height: 140px; }
.txt16 { font-size: 14px; line-height: normal; }
.pb_0 { padding-bottom: 0; }
.mb_0 { margin-bottom: 0; }
.ptb_32 { padding-top: 16px; padding-bottom: 16px; }
.ptb_0 { padding-top: 0; padding-bottom: 0; }
.pt_0 { padding-bottom: 0; }
.pl_120 { padding-left: 15px; }
}
 @media (max-width: 479px) {
.txt20Bold,  h3,  .h3 { font-size: 16px; }
.iccsTxt { padding: 10px 5px; }
.i2Video img,  .i2Video iframe { height: 78px; }
body,  p { font-size: 14px; line-height: 20px; }
h1,  .h1,  .thinkBigSec h3,  .hText_54,  .hText_48 { font-size: 24px; line-height: 32px; }
h2,  .h2,  .hText_38 { font-size: 21px; line-height: 28px; }
.hText_32 { font-size: 16px; line-height: 20px; }
.bannerSec p,  .bannerSec i { font-size: 14px; line-height: 20px; }
.ddServBox h2,  .ddServBox h4 { margin-bottom: 12px; }
.bannerSec.aiBannerSec { min-height: 250px; }
.tab-content h3 { font-size: 16px; }
.logoList2 li { width: 100%; }
.logoList2 li a { font-size: 18px; }
.logoList2 li a h4,  .logoList2 li .lLwrap .h4,  .logoList2 li a span { font-size: 18px; }
.bclBox { padding: 20px; }
.bColorList3 li,  .bColorList3 li:nth-child(2n + 1) { width: 100%; border-right: 0; }
.bColorList3 li:nth-child(2) { border-top: 1px solid #ddd;/* border-image: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
        border-image-slice: 1; */
}
.tadSec { background-color: #eee; }
.bColorList3 li:nth-child(3n) { border-right: 0; }
.tadSec { margin: 0; }
.aisSec { background-color: #fff; }
.containerMini { padding: 0; }
.aidVideo img,  .aidVideo iframe { height: 240px; }
.aidSec { margin-bottom: 30px; }
.siSec { margin: 0; padding-top: 30px; padding-bottom: 30px; }
.ocSec { margin-top: 30px; }
.mtb_100 { margin: 30px 0; }
.mt_100 { margin-top: 30px; }
.siSec h2,  .siSec p { color: #000; }
.aisIn { padding-top: 30px; padding-bottom: 30px; }
.tadIn { padding-top: 30px; padding-bottom: 30px; }
.listBox1 { padding: 20px; }
.lbIcon,  .listBox1 h2 { margin-bottom: 10px; }
.btn1 { padding: 6px 14px; font-size: 14px; line-height: 20px; }
.thinkBigSec .btn1 { height: 34px; margin-top: 16px; }
.achieveText,  .tbRight,  .aiInfoIn,  .topIntroIn,  .mainHeadIn { padding: 20px 15px; }
.feaSec .listBox2Main li .listBox2 { padding: 12px; }
.feaSec .listBox2Main li:first-child .listBox2 { padding-left: 12px; }
.feaSec .listBox2Main li:last-child .listBox2 { padding-right: 12px; }
.achieveCFTop li { padding: 25px 15px; }
.adCal { font-size: 28px; line-height: 36px; }
.achieveDataList li,  .achieveDataList li:first-child,  .achieveDataList li:last-child { padding: 15px; }
.thinkBigSec { margin-top: -120px; }
.mainHeadSec { margin-top: -40px; }
.bannerSec { padding-top: 120px; padding-bottom: 140px; min-height: 380px; }
/*.tbLeft {min-height: 168px;height: 168px;}*/
.txt24 { font-size: 16px; line-height: 20px; }
.txt20 { font-size: 13px; line-height: 18px; }
.i2VideoTxt { padding: 20px 15px; padding-bottom: 15px; }
.info2CarBox h3 { font-size: 16px; line-height: 21px; margin-bottom: 8px; }
.info2CarBox p { margin-bottom: 10px; font-size: 14px; line-height: 20px; }
.i2CB { width: 32.55%; margin-right: 1%; }
.orNm,  .coffieSlider .blog-col h3 { font-size: 16px; line-height: 21px; }
.orBox p { font-size: 12px; line-height: 18px; }
.orBottom p.txt20 { font-size: 12px; line-height: 18px; }
.btn2,  .read-more-trigger,  .ofTabBtn .btn2 { padding: 6px 12px; font-size: 12px; }
.orRatingTxt { font-size: 12px; line-height: 16px; }
.ddServBox,  .sdTechSec .ddServBox { padding-left: 18px; padding-right: 18px; padding-top: 18px; padding-bottom: 18px; }
.sdTechSec .ddServiceIn,  .onTvSec .information1In,  .ourRecognitionSec .information1In,  .ourOfferingSec .ddServiceIn { padding-bottom: 30px; }
.ddServiceSec,  .followSec,  .ddServiceIn,  .information1In,  .information2In,  .caseStudyIn,  .featuredSec .information1In { padding-top: 30px; padding-bottom: 30px; }
.aiInfoSec,  .csDataSec { margin-bottom: 30px; }
.shwIn { padding-top: 30px; }
.iccSec { padding-top: 30px; }
.ptb_100 { padding: 30px 0; }
.pt_100 { padding-top: 30px; }
.pb_100 { padding-bottom: 30px; }
.mb_100 { margin-bottom: 30px; }
.leadershipSec.ptb_64 { padding-top: 30px; padding-bottom: 30px; }
.cssIn,  .cusIn { padding-top: 30px; padding-bottom: 30px; }
.ciServiceSec { padding-top: 30px; padding-bottom: 30px; }
.ddServiceSec { padding-bottom: 0; }
.sdTechSec .ddServiceIn { padding-bottom: 30px; }
.ddServiceSec.sdTechSec,  .sdTechSec,  .ourOfferingSec { padding-top: 0; padding-bottom: 0; }
.tab>label { padding: 10px; }
.orBox { padding: 10px 10px 80px; }
.csTxt span { margin-bottom: 10px; }
.fmCol { margin: 0 0 20px; }
.fmCol li a,  .footer p { font-size: 13px; }
.fmCol li { margin-bottom: 10px; }
.fmCol h3 { margin-bottom: 18px; padding-bottom: 12px; }
.csslider>.navigation label { margin: 0 10px; }
.tab-label { font-size: 15px; }
.faqMain { padding: 30px 0; }
.tbLeft img { transform: translate(-50%, -80%) scale(1.3); }
.mt_64 { margin-top: 20px; }
.mt_24 { margin-top: 8px; }
.wsSec .btn1 { position: static; width: 100%; margin-top: 20px; }
.info2CarBox .csbInfo h3,  .info2CarBox .csbInfo p.csbName,  .csbInfo .csbName { font-size: 16px; }
.bannerSec.csBannerSec { height: 240px; }
.topIntroSec { margin-top: -80px; }
.csDataSec .achieveDataList li { padding: 15px; }
.csDataSec .adBox span { font-size: 14px; line-height: 21px; }
.csDataSec .achieveData { padding: 20px 0; }
.cssSec { background-color: var(--color2); }
.shwSec { margin-top: 0; background-color: #fff; }
.info2CarBox .csbInfo p,  .csbInfo p { font-size: 12px; line-height: 14px; }
.csbInfo { min-height: 50px; }
.csbHead { margin-bottom: 10px; }
.coffieSec .information1In { padding-bottom: 30px; }
.aboutTBSec .aboutData li p { margin-bottom: 0; font-size: 13px; }
.aboutData li { margin-right: 15px; }
.mb_64 { margin-bottom: 20px; }
.mt_48 { margin-top: 16px; }
.mb_48 { margin-bottom: 16px; }
.pastaimg { margin-bottom: 20px; }
.pastaTabs .tab>label { font-size: 18px; padding: 10px 16px; }
.siSec .hText_38 { color: #000; }
.mobNoSlide .i2Video img,  .mobNoSlide .i2Video iframe { height: 172px; }
.mobNoSlide .i2VideoTxt { padding: 12px 8px; }
.mobNoSlide .i2CB,  .mobNoSlide .i4CB { margin: 0 0 16px; }
p,  .listBox2 h2,  .listBox2 h4,  .listBox2 h6 { margin-bottom: 10px; }
.readMoreWrap { padding-top: 40px; }
.thinkBigSec.iPhoneDevTBSec p.lh_40,  .lh_40 { line-height: 21px; }
.thinkBigSec.iPhoneDevTBSec p.lh_32,  .lh_32 { line-height: 21px; }
.ecomCat .logoList2 li:nth-child(2n + 1) a:before,  .ecomCat .logoList2 li:nth-child(2n) a:before,  .ecomCat .logoList2 li:nth-child(2n + 1) a:after,  .ecomCat .logoList2 li:nth-child(2n) a:after { display: none; }
.vdoBannerSec { height: 200px; }
.vdoWrap iframe { height: 196px; }
.topIcon-col { padding: 4px 0; }
.topIcon { padding: 20px 0 16px; }
.topIcon-col img { margin-right: 5px; max-width: 18px; }
.topIcon-col a { font-size: 14px; }
.solution-col,  .industries-col { width: 100%; }
.solution-col a,  .industries-col a { padding: 12px; }
.cStdTop img { width: 100%; }
.cStdBottom { min-height: 0; padding: 20px; }
.cStdBottom .btn1Small { position: static; margin-top: 16px; }
.caseStudiesSec ul li.i2CB,  .caseStudiesSec ul li.i2CB:nth-child(3n+3) { width: 100%; margin-right: 0; }
.caseStudiesSec ul li.i2CB { margin-bottom: 16px; }
.bannerSec.banner404 { height: 300px; }
.hText_80 { font-size: 32px; line-height: 34px; }
.txt28 { font-size: 14px; }
.txt28.lh_40 { line-height: normal; }
.pb_0 { padding-bottom: 0; }
.mb_0 { margin-bottom: 0; }
.ptb_0 { padding-top: 0; padding-bottom: 0; }
.pt_0 { padding-bottom: 0; }
}
 @media (max-width: 399px) {
.brand-menu-col,  .brand-menu-col.w_50 { width: 100%; }
}
 @media (max-width: 359px) {
.i2Video img,  .i2Video iframe { height: 70px; }
.hText_80 { font-size: 28px; line-height: 30px; }
.ptb_0 { padding-top: 0; padding-bottom: 0; }
.pt_0 { padding-bottom: 0; }
}
.row { display: flex; flex-wrap: wrap; margin: 0 -15px; align-items: center; }
.col-md-6 { width: 50%; padding: 0 15px; }
.pr-azure h3 {
    margin: 0 0 15px;
    font-size: 32px;
    color: #000;
}
.textList-f li { padding: 0; width: 100%; margin-bottom: 5px; }
.pr-step-pr { display: flex; text-align: center; margin: 45px -15px 0; position: relative; }
.pr-step-pr>li { padding: 0 15px; width: 20%; }
.pr-step-pr>li h4 { text-align: left; font-size: 16px; line-height: 1.4; }
.pr-step-pr li li { text-align: left; list-style: disc; margin: 0 0 5px; line-height: 1; margin-left: 13px; }
.pr-step-pr li p { font-size: 15px; }
.st-number { display: block; width: 50px; height: 50px; margin: 0 auto 25px; border: 1px solid #000; border-radius: 50%; line-height: 50px; font-size: 18px; font-weight: 700; background: #000; color: #fff; position: relative; }
.pr-step-pr:before { content: ""; position: absolute; height: 2px; background: #999; left: 10%; right: 10%; top: 25px; }
.item-center { align-items: center; }
.item-center .wlImg { min-height: auto; }
.tx-img:before { display: none; padding-top: 25px }
.wlImg h3.hText_38 { color: #131b51; }
.tx-img { padding: 0; padding-top: 30px; }
.n-tab { cursor: pointer; padding: 13px 25px; margin: 0px 2px; background: #fff; display: inline-block; color: #333; border-radius: 3px; box-shadow: 0 0 8px rgba(0, 0, 0, 0.20); font-weight: 600; }
.panels { background: #fff; width: 100%; overflow: hidden; padding: 30px; border: 1px solid #ddd; }
.panel { display: none; animation: fadein .8s; }
 @keyframes fadein {  from {
 opacity: 0;
}
to { opacity: 1; }
}
.panel-title { font-size: 1.5em; font-weight: bold }
.radio { display: none; }
#one:checked~.panels #one-panel, #two:checked~.panels #two-panel, #three:checked~.panels #three-panel, #four:checked~.panels #four-panel { display: block }
#one:checked~.n-tabs #one-tab, #two:checked~.n-tabs #two-tab, #three:checked~.n-tabs #three-tab, #four:checked~.n-tabs #four-tab { background: #af110e; color: #fff; }
.n-tabs { margin: 0 0 -1px; text-align: center; background: #f5f4f6; padding: 25px; border: 1px solid #ddd; }
.food-list h5 { font-size: 20px; margin: 0 0 10px; }
.food-list li { margin-bottom: 20px; border-bottom: 1px solid #ddd; padding-bottom: 15px; position: relative; padding-left: 80px; }
.food-list li p { font-size: 18px; }
.l-icon { position: absolute; left: 0; padding: 3px 5px; width: 64px; }
.auto-h { height: auto; }
.img-full img { width: 100% }
.dFlex.item-center.row-rev { flex-direction: revert; }
.pr_50 { padding-right: 50px; }
.row-rev { flex-direction: row-reverse; }
.accTab { background: #fff; }
.tab-label { display: block; }
.accTab .tab-label a { margin: 0; }
.pt_0 { padding-top: 0 !important; }
.pt_0::before { display: none; }
.pt_0 .textList1:after { display: none; }
.full-w li { padding: 0; width: 100%; margin-bottom: 5px; }
.fl-W { width: 100% !important; }
.mb_5 { margin-bottom: 5px !important }
.mb_10 { margin-bottom: 10px !important }
 @media (max-width: 1023px) {
.pr-azure h3 { margin: 0; font-size: 24px; color: #131b51; }
.pr-step-pr { flex-wrap: wrap; }
.pr-step-pr>li { padding: 0 15px 15px 80px; width: 100%; position: relative; }
.st-number { position: absolute; left: 0; top: 0; margin: -15px 0 0; }
.pr-step-pr:before { height: auto; left: 24px; right: auto; top: 15px; width: 2px; bottom: 23%; }
.pr-step { padding: 0 15px; }
}
 @media (max-width: 767px) {
.pr-step-pr>li { padding: 0 15px 15px 55px; width: 100%; position: relative; }
.st-number { margin: -10px 0 0; width: 40px; height: 40px; line-height: 40px; }
.pr-step-pr:before { left: 20px; }
.pr-azure .row .col-md-6 { width: 100%; padding: 0 15px; }
.pr_50 { padding-right: 0; }
.n-tab { padding: 10px 15px; margin: 0px 1px; }
.panels { padding: 20px; }
.food-list li p { font-size: 16px; }
.food-list h5 { font-size: 18px; margin: 0 0 10px; }
.l-icon { padding: 5px 7px; width: 50px; }
.food-list li { margin-bottom: 15px; padding-bottom: 13px; padding-left: 65px; }
.col-md-6 { width: 100%; padding: 0 15px; }
.tab-label { display: block; }
}
.n-sol-con-2 { margin: 0 -0.5%; }
.n-sol-con-2 li { width: 49%; margin: 0.5%; border: 1px solid #e9e9e9; }
.n-sol-con-3 { margin: 0 -0.5%; }
.n-sol-con-3 > li { width: 32.33%; margin: 0.5%; border: 1px solid #e9e9e9; }
.menu-col { width: 24.5%; }
.menu-col-title { color: #af110e; }
.solution-col a { padding: 24px; }
.industries-col a { padding: 10px 6px; }
.solution-col, .industries-col { min-height: 0; }
.industries-col .solution-col-image { margin-bottom: 8px; }
#Services .menu-col-link ul li a { display: flex; align-items: center; width: 100%; padding: 15px 7px; background-color: #FFF4DE; border-radius: 4px; transition: all 0.2s ease 0s; }
#Services .menu-col-link ul li a:hover { box-shadow: 0 0 8px rgba(0, 0, 0, 0.16); color: black; }
#Services .menu-col-link ul li a img { margin-right: 8px; max-width: 28px; }
#Enterprises .menu-col-row { align-items: flex-start; flex-wrap: wrap; justify-content: space-between; }
#Enterprises .menu-col { width: 24%; margin: 0; padding: 0; border-top: 1px solid #DDDDDD; padding-top: 16px; margin-top: 16px; }
#Enterprises .menu-col:nth-child(1), #Enterprises .menu-col:nth-child(2), #Enterprises .menu-col:nth-child(3), #Enterprises .menu-col:nth-child(4) { border-top: 0; padding-top: 0; margin-top: 0; }
.epCol { position: relative; }
#Enterprises .menu-col-link ul li a { display: flex; align-items: center; width: 100%; }
#Enterprises .menu-col-link ul li a:hover { color: #af110e; }
#Enterprises .menu-col-link ul li a img { margin-right: 8px; max-width: 28px; transition: all 0.2s ease 0s; }
#Enterprises .menu-col-row { align-items: flex-start; flex-wrap: wrap; justify-content: space-between; }
#Enterprises .menu-col { width: 24%; margin: 0; padding: 0; border-top: 1px solid #DDDDDD; padding-top: 16px; margin-top: 16px; }
#Enterprises .menu-col:nth-child(1), #Enterprises .menu-col:nth-child(2), #Enterprises .menu-col:nth-child(3), #Enterprises .menu-col:nth-child(4) { border-top: 0; padding-top: 0; margin-top: 0; }
.epCol { position: relative; }
#Enterprises .menu-col-link ul li a { display: flex; align-items: center; width: 100%; }
#Enterprises .menu-col-link ul li a:hover { color: #005cff; }
#Enterprises .menu-col-link ul li a img { margin-right: 8px; max-width: 28px; transition: all 0.2s ease 0s; }
.cluch-box { background: #fff; margin: 15px; padding: 0; border: 1px solid #ededee; }
.cluch-box .text-box { padding: 0 20px 25px; }
.cluchSwiper .swiper-button-next:after, .cluchSwiper .swiper-button-prev:after { font-size: 20px; color: #fff; }
.cluchSwiper .swiper-button-next { background: #af110e; border: 1px solid #ddd; right: 0; }
.cluchSwiper .swiper-button-prev { background: #af110e; border: 1px solid #ddd; left: 0; }
.cluchSwiper .swiper-button-next:hover, .cluchSwiper .swiper-button-prev:hover { background: #af110e; border: 1px solid #af110e; }
.cluchSwiper .swiper-button-next:hover:after, .cluchSwiper .swiper-button-prev:hover:after { color: #fff; }
.cluchSwiper { width: 100%; }
.cluch-top-box { background: #f5f4f6; padding: 10px 15px; text-align: center; max-height: 70px; margin-bottom: 25px; min-height: 70px; position: relative; }
.cluch-box .text-box p { margin-bottom: 30px; font-size: 15px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; height: 50px; color: #525252; line-height: 1.6; }
.clc-rev span:last-child img { width: 90px; }
.cluch-top-box img { max-height: 45px; margin: 0; transform: translate(0, -50%); position: absolute; top: 50%; }
.cluch-box .text-box h4 { font-size: 20px; }
.clc-cl { display: flex; align-items: center; }
.clc-img { width: 42px; height: 42px; border-radius: 50%; overflow: hidden; }
.clc-cl>p { margin: 0 !important; font-size: 14px !important; }
.clc-cl p span { font-size: 16px; font-weight: 700; color: #000; display: block; }
.clc-rev>img { height: 22px; }
.clc-cl { display: flex; align-items: center; margin-bottom: 25px; padding-top: 15px; }
.clc-rev { display: flex; align-items: center; margin-bottom: 10px; }
.clc-rev span { font-size: 18px; margin-left: 15px; }
#Reviews .cluch-box .text-box p { margin-bottom: 15px; }
#Reviews .cluch-box .text-box { padding: 0 15px 25px; }
#Reviews .cluch-box { margin: 15px 10px; }
#Reviews .cluchSwiper .swiper-button-prev, #Reviews .cluchSwiper .swiper-button-prev:hover, #Reviews .cluchSwiper .swiper-button-next, #Reviews .cluchSwiper .swiper-button-next:hover { width: 24px; height: 40px; }
#Reviews .cluchSwiper .swiper-button-next:after, #Reviews .cluchSwiper .swiper-button-prev:after { font-size: 18px; }
.whiteLight { background: #fdfdfd; border-bottom: 1px solid #f0f0f0; border-top: 1px solid #f0f0f0; }

.source-platforms .logoList-1_2 .lLwrap{display: block;}
.source-platforms .logoList-1_2 li .lLwrap img {
    margin-bottom: 15px;
}
.pr-step-main .pr-step-pr li li {
    margin-left: 0;
    list-style: none;
}
.pr-step-main.threeStep .pr-step-pr>li {
    width: 33.33%;
}
.pr-step-main.threeStep .pr-step-pr:before {
    left: 17%;
    right: 17%;
}


.workFlow .listBox1 .numbers{margin-right: 0px; margin-bottom: 15px;justify-content: flex-start;}
.eCommerce-tab .gtHead {left: 32px;}
.gtSec.eCommerce-tab .ofTabs .tabs {
    padding-top: 120px;
    padding-left: 32px;
}
.gtSec.eCommerce-tab .tab label {padding: 20px 0; font-size: 16px}
.gtSec.eCommerce-tab .feaList1 li {width: 100%}

.list3box ul{display: flex; flex-wrap: wrap; gap: 10px}
.list3box ul li{ width: 32.33%}



 @media (max-width: 1629px) {
#Enterprises .menu-col.epCol1,  #Enterprises .menu-col.epCol2,  #Enterprises .menu-col.epCol3,  #Enterprises .menu-col.epCol4 { margin-top: 24px; padding-top: 24px; }
}
 @media (max-width: 991px) {
.n-sol-con-2 li,  .n-sol-con-3 li { width: 49%; margin-bottom: 15px; }
.menu-left ul li button { padding: 8px; }
.gtSec.eCommerce-tab .ofTabs .tabs {
    padding-top: 80px;
    padding-left: 25px;
}
.gtSec.eCommerce-tab .tab label {
   padding: 15px 0;
        font-size: 14px;
        line-height: 20px;
}

}
 @media (max-width: 767px) {
    .gtSec.eCommerce-tab .tab label {padding: 15px 0; font-size: 13px}
    .gtSec.eCommerce-tab .ofTabs .tabs {
    padding-top:15px;
    padding-left:15px;
}
    .workFlow .listBox1 .numbers{height: auto;}
.n-sol-con-2 li,  .n-sol-con-3 li { width: 99%; margin-bottom: 15px; padding: 10px; }
h1 { letter-spacing: 1px; }
h2,  h3,  h4,  h5,  h6,  p,  em,  span,  b,  strong,  label,  i,  li,  small,  sub,  sup,  mark,  del,  ins,  blockquote,  q,  abbr,  address,  th,  td,  dt,  dd,  canvas,  figcaption,  figure,  pre { letter-spacing: 0.5px; }
.wsSec .btn1 { margin-bottom: 0; }
.i1CB { padding: 0 5px; }
.cluchSwiper .swiper-button-next:after,  .cluchSwiper .swiper-button-prev:after { font-size: 14px; }
.cluchSwiper .swiper-button-next { right: 0; width: 20px; height: 34px; }
.cluchSwiper .swiper-button-prev { left: 0; width: 20px; height: 34px; }
.d-hidden .swiper { padding: 0 15px; }
.d-hidden { overflow: hidden; }
.d-hidden .cluch-box { margin: 15px 20px; }
.swiper.cluchSwiper { overflow: hidden; }
.menu-col { width: 100%; }
.solution-col a { padding: 16px; }
.menu-col-link ul li a { font-size: 14px; line-height: 16px; }
.ourWorkMenu { display: none !important; }
.industries-col a { padding: 16px; display: flex; align-items: center; justify-content: flex-start; text-align: left; }
.industries-col .solution-col-image { margin-bottom: 0; margin-right: 12px; }
.industries-col a>span { text-align: left; }
.industries-col .solution-col-image { width: 48px; }
#Enterprises .menu-col.epCol1,  #Enterprises .menu-col.epCol2,  #Enterprises .menu-col.epCol3,  #Enterprises .menu-col.epCol4 { margin-top: 0; padding-top: 0; }
#Enterprises .menu-col-row { padding: 8px 0; }
#Enterprises .menu-col { width: 100%; border-top: 0; padding-top: 0; margin-top: 0; padding-bottom: 24px; margin-bottom: 24px; }
#Enterprises .menu-col:last-child { padding-bottom: 0; margin-bottom: 0; }
.cluch-box .text-box p { margin-bottom: 15px; }
.cluch-box .text-box h4 { margin-bottom: 5px; }
.clc-rev>img { height: 20px; }
}
.sw-list { display: flex; align-items: center; justify-content: center; }
.sw-list li img { max-height: 22px; margin-left: 18px; }
.sw-list li { color: #666; text-transform: uppercase; font-size: 15px; font-weight: 700; letter-spacing: 0.3px; margin: 0; }
.sw-list li:first-child { padding-top: 3px; }
.footerTop { padding-bottom: 35px; }
.sw-sec { padding: 20px 0 0; }
 @media (max-width: 1629px) {
.followList li img { max-width: 150px; }
}
 @media (max-width: 991px) {
.followList li img { max-width: 115px; }
.thinkBigSec p { margin-bottom: 15px; }
}
 @media (max-width: 767px) {
.sw-list li img { max-height: 22px; margin-left: 0; padding: 0; }
.thinkBigSec p:last-child { margin-bottom: 20px; }
}
.tadIn p { color: #000; }
.ciServiceSec p, .ciServiceSec p a { color: #000; }
.listBox1 p { color: #464646; }
.listBox2 p { color: #464646; }
.thinkBigSec.iPhoneDevTBSec p { line-height: 1.4; }
.listBox1 p a { color: #464646; }
.cuslider { -moz-perspective: 1300px; -ms-perspective: 1300px; -webkit-perspective: 1300px; perspective: 1300px; display: block; text-align: left; position: relative; }
.cuslider>input { display: none; }
.cuslider>input:nth-of-type(10):checked~ul li:first-of-type { margin-left: -900%; }
.cuslider>input:nth-of-type(9):checked~ul li:first-of-type { margin-left: -800%; }
.cuslider>input:nth-of-type(8):checked~ul li:first-of-type { margin-left: -700%; }
.cuslider>input:nth-of-type(7):checked~ul li:first-of-type { margin-left: -600%; }
.cuslider>input:nth-of-type(6):checked~ul li:first-of-type { margin-left: -500%; }
.cuslider>input:nth-of-type(5):checked~ul li:first-of-type { margin-left: -400%; }
.cuslider>input:nth-of-type(4):checked~ul li:first-of-type { margin-left: -300%; }
.cuslider>input:nth-of-type(3):checked~ul li:first-of-type { margin-left: -200%; }
.cuslider>input:nth-of-type(2):checked~ul li:first-of-type { margin-left: -100%; }
.cuslider>input:nth-of-type(1):checked~ul li:first-of-type { margin-left: 0%; }
.cuslider>ul { position: relative; overflow: hidden; white-space: nowrap; border-radius: 4px 4px 0 0; font-size: 0; line-height: 0; margin: 0 auto; padding: 0; }
.cuslider>ul>li { position: relative; display: inline-block; width: 100%; height: 100%; overflow: hidden; -moz-transition: all 0.5s cubic-bezier(0.4, 1.3, 0.65, 1); -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s cubic-bezier(0.4, 1.3, 0.65, 1); transition: all 0.5s cubic-bezier(0.4, 1.3, 0.65, 1); vertical-align: top; white-space: normal; }
.cisInfraSlider .cuslider>ul>li { height: 380px; }
.cuslider>.navigation { position: relative; margin-top: 40px; z-index: 10; text-align: center; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.cuslider>.navigation>div { margin-left: 0; }
.cuslider>.navigation label { position: relative; display: inline-block; width: 14px; height: 14px; cursor: pointer; border-radius: 50%; margin: 0 20px; padding: 0; background: #a9a9a9; transition: all ease 0.2s; font-size: 0;}
.cuslider>.navigation label:before { display: block; content: ""; width: 20px; height: 20px; border: 1px solid #a9a9a9; border-radius: 50%; position: absolute; top: -4px; left: -4px; }
.cuslider>.navigation label:hover { background-color: var(--blue); }
.cuslider>.navigation label:hover:after { opacity: 1; }
section .cuslider>.navigation label:after { content: ""; position: absolute; left: 50%; top: 50%; margin-left: -7px; margin-top: -7px; background: #af110e; border-radius: 50%; opacity: 0; }
.cuslider>input:nth-of-type(1):checked~.navigation label:nth-of-type(1):after, .cuslider>input:nth-of-type(2):checked~.navigation label:nth-of-type(2):after, .cuslider>input:nth-of-type(3):checked~.navigation label:nth-of-type(3):after, .cuslider>input:nth-of-type(4):checked~.navigation label:nth-of-type(4):after, .cuslider>input:nth-of-type(5):checked~.navigation label:nth-of-type(5):after, .cuslider>input:nth-of-type(6):checked~.navigation label:nth-of-type(6):after, .cuslider>input:nth-of-type(7):checked~.navigation label:nth-of-type(7):after, .cuslider>input:nth-of-type(8):checked~.navigation label:nth-of-type(8):after, .cuslider>input:nth-of-type(9):checked~.navigation label:nth-of-type(9):after, .cuslider>input:nth-of-type(10):checked~.navigation label:nth-of-type(10):after, .cuslider>input:nth-of-type(11):checked~.navigation label:nth-of-type(11):after { opacity: 1; width: 14px; height: 14px; }
section .cuslider>input:nth-of-type(1):checked~.navigation label:nth-of-type(1):before, section .cuslider>input:nth-of-type(2):checked~.navigation label:nth-of-type(2):before, section .cuslider>input:nth-of-type(3):checked~.navigation label:nth-of-type(3):before, section .cuslider>input:nth-of-type(4):checked~.navigation label:nth-of-type(4):before, section .cuslider>input:nth-of-type(5):checked~.navigation label:nth-of-type(5):before, section .cuslider>input:nth-of-type(6):checked~.navigation label:nth-of-type(6):before, section .cuslider>input:nth-of-type(7):checked~.navigation label:nth-of-type(7):before, section .cuslider>input:nth-of-type(8):checked~.navigation label:nth-of-type(8):before, section .cuslider>input:nth-of-type(9):checked~.navigation label:nth-of-type(9):before, section .cuslider>input:nth-of-type(10):checked~.navigation label:nth-of-type(10):before, section .cuslider>input:nth-of-type(11):checked~.navigation label:nth-of-type(11):before { border-color: #af110e; }
.wsSec .cuslider>.navigation { margin-top: 64px; }
.cuslider ul.textList1 li { margin-left: 0; }
.bannerSec .anE3, .bannerSec .anE4 { height: 800px; }
.top-histry-vdo img { width: 100%; min-height: 415px; object-fit: cover; }
.top-histry-vdo { height: 460px; overflow: hidden }
#hst-video { padding-bottom: 50px; max-width: 1360px; margin: 0 auto; }
.hst-video { border: 2px solid #f75722; margin: 0 015px; }
#hst-video iframe { display: block; }
.sw-list li { padding: 0 2px; }
.sw-list li a { padding: 5px; display: block; margin-left: 10px; }
.sw-list li img { max-height: 22px; margin-left: 0; padding: 0; }
.ddIconN img { filter: grayscale(1); opacity: 0.8; }
.tabbed [type="radio"]:nth-of-type(1):checked~.tabs .tab:nth-of-type(1) label img, .tabbed [type="radio"]:nth-of-type(2):checked~.tabs .tab:nth-of-type(2) label img, .tabbed [type="radio"]:nth-of-type(3):checked~.tabs .tab:nth-of-type(3) label img, .tabbed [type="radio"]:nth-of-type(4):checked~.tabs .tab:nth-of-type(4) label img, .tabbed [type="radio"]:nth-of-type(5):checked~.tabs .tab:nth-of-type(5) label img, .tabbed [type="radio"]:nth-of-type(6):checked~.tabs .tab:nth-of-type(6) label img, .tabbed [type="radio"]:nth-of-type(7):checked~.tabs .tab:nth-of-type(7) label img, .tabbed [type="radio"]:nth-of-type(8):checked~.tabs .tab:nth-of-type(8) label img, .tabbed [type="radio"]:nth-of-type(9):checked~.tabs .tab:nth-of-type(9) label img, .tabbed [type="radio"]:nth-of-type(10):checked~.tabs .tab:nth-of-type(10) label img { filter: none; }
.bg-grey { background: #eee }
.bg-grey:before { background: #eee }
.bg-white { background: #fff }
.bg-white:before { background: #fff }
.our-serises .ddServBox:hover { background-color: #f1f1f1; cursor: pointer; }
.our-serises .ddServBox:hover .ddIconN img { opacity: 1; }
.our-serises .ddServBox:hover .ddIconN { display: block; opacity: initial; }
.our-serises .ddServBox:hover .ddIconH { display: none; }
.ciServiceSec .lbIcon img { filter: grayscale(1); }
.cSuccessIn .lbIcon img { filter: grayscale(1); }
.bclBox:hover { background-color: #f9f9f9; }
.bclBox .bclIconN img { filter: grayscale(1); }
.bclBox:hover .bclIconN { display: block; opacity: 1; }
.bclBox:hover .bclIconH { display: none; }
.lbIconN img { filter: grayscale(1); }
/*.listBox2:hover {
    background-color: #e3e3e3;
}*/

.listBox1.bxShdwNone:hover { background: #fdfdfd; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.10); }
/*.listBox2:hover .lbIconN {
    display: block;
    opacity: 1;
}
.listBox2:hover  .lbIconH {
    display: none;
}*/


.container.containerMini { max-width: 1530px; padding-left: 70px; padding-right: 70px; }
.container.inv.thinkBigIn { padding-right: 0; }
.wlTxt.wlTxtIn { display: block; padding-top: 30px; padding-bottom: 20px; }
.container.feaIn .listBox2Main { margin-left: -22px; margin-right: -22px; }
.tadSec.bottomReducer:after { background: transparent; }
.tadSec.bottomReducer:before { left: 8%; }
.bColorList2 {
    overflow: hidden;
}
.bColorList2 > li {
    width: 50%;
	 border-right: 1px solid #ddd !important;
    border-top: 1px solid #ddd !important;
	 margin-top:-1px;
	 margin-right:-1px;
	 position: relative;
    right: -2px;
}

.bColorList2 li:nth-child(1), .bColorList2 li:nth-child(2), .bColorList2 li:nth-child(3) {
    border-top: 0;
}
/*dp css*/
.logoList2 li>div{
    background: #f5f4f6;
    border-radius: 2px;
    padding: 16px;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    color: #000;
    min-height: 80px;
    transition: all ease 0.3s;
}
.logoList2 li div:hover{
    background-color: var(--color1);
    color: #fff;
}

.logoList2 li>div h4{
    border-left: 1px solid #ccc;
    padding-left: 16px;
    margin-left: 16px;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 0;
}
.logoList2 li span img {
    width: 48px;
    height: 48px;
}
ul.tech-list-cis {
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
    justify-content: center;
}
ul.tech-list-cis li {
    background: #e9e9e9;
    font-size: 18px;
    padding: 15px 30px;
    margin: 10px 0;
    border: 1px solid #e1e1e1;
}



@media (max-width: 1629px) {
.cuslider ul.textList1 li { margin-left: 0; }
.leadingSlider .cuslider>.navigation { margin-top: 55px; }
.cuslider>.navigation label { margin: 0 15px; }
.top-histry-vdo { height: 423px; }
#hst-video iframe { height: 560px; }
}
 @media (max-width: 1309px) {
.leadingSlider .cuslider>.navigation { margin-top: 25px; }
.cuslider>.navigation label { margin: 0 10px; }
.container.containerMini { padding-left: 30px; padding-right: 30px; }
}
 @media (max-width: 1279px) {
.cisInfraSlider .cuslider>ul>li { height: 280px; }
#hst-video iframe { height: 500px; }
}
 @media (max-width: 1023px) {
.cuslider>.navigation { margin-top: 25px; }
#hst-video iframe { height: 450px; }
.container.containerMini { padding-left: 20px; padding-right: 20px; }
}
 @media (max-width: 959px) {
.cisInfraSlider .cuslider>ul>li { height: 240px; }
}
 @media (max-width: 767px) {
.container.inv.thinkBigIn { padding-right: 15px; }
.cuslider>.arrows label { padding: 10px; }
.mobNoSlide .cuslider>.navigation { display: none; }
.mobNoSlide .cuslider>ul { overflow: visible; white-space: normal; }
.mobNoSlide .cuslider>ul>li { display: block; width: auto; height: auto; overflow: visible; }
.mobNoSlide .cuslider .info1CarBoxMain { display: block; }
.mobNoSlide .cuslider>ul>li:last-child .i2CB:last-child,  .mobNoSlide .cuslider>ul>li:last-child .i4CB:last-child { margin-bottom: 0; }
.caseStudyMain img { height: auto; }
.thinkBigSec.iPhoneDevTBSec.wpaTBSec .tbRight .lh_32 { font-size: 18px; line-height: 1.6; }
.thinkBigSec.iPhoneDevTBSec.wpaTBSec .tbRight .hText_54 { font-size: 24px; margin: 0 0 20px; }
.thinkBigSec .btn1 { height: 42px; margin-top: 16px; padding: 10px 14px; font-size: 15px; line-height: 20px; }
.bannerSec.csBannerSec { background: #111b51; }
.bannerSec.csBannerSec .bannerImg img { display: none; }
.topIntroIn .lh_32 { font-size: 20px; line-height: 1.6; }
.topIntroIn .hText_54 { font-size: 30px; margin: 0 0 20px; }
.topIntroIn { padding: 40px 25px; }
.anE { display: none; }
.aboutTBSec .tbLeft { display: none; }
.top-histry-txt .lh_32,  .top-histry-txt .txt18 { font-size: 20px; line-height: 1.6; margin: 0 0 20px; }
.top-histry-txt .hText_54 { font-size: 30px; margin: 0 0 25px; }
.top-histry-txt { padding: 40px 25px; width: 100%; margin: 0 0 40px; }
.top-histry-vdo img { width: 100%; min-height: 225px; object-fit: cover; }
.top-histry-txt .btn1 { padding: 10px 14px; font-size: 15px; line-height: 24px; margin-top: 25px; }
#hst-video iframe { height: 300px; }
.top-histry-vdo { height: 300px; }
#hst-video iframe { height: 300px; }
.orLogoBox li a { margin-right: 15px; min-width: 80px; min-height: 40px; display: flex; align-items: center; }
.read-more-trigger { margin-right: 15px; }
.followList { margin: 0 -15px; }
.followList li a { display: block; min-width: 100px; min-height: 25px; margin-right: 15px; }
.thinkBigSec p,  .achieveText p,  .information1Inner>p,  .info2CarBox p,  .onTvLeft p,  .cFeedbackSec p,  .cultureSec p,  .ourRecognitionSec .orBox p,  .coffieSec p { color: #000000; }
.ddServiceSec ul { overflow: hidden; }
.ddServiceSec ul li { margin-top: -1px; margin-right: -1px; }
.featuredSec .information1In:after { background-color: #fff; }
.thinkBigSec .tbLeft { display: none; }
.thinkBigSec.iPhoneDevTBSec.wpaTBSec .tbRight .hText_54 { white-space: normal !important; max-height: none !important; }
.thinkBigSec p { margin-bottom: 15px; line-height: 1.4; }
.vdoBannerSec { background: #111b51; }
.vdoBannerSec iframe { display: none; }
.aboutData li div { margin: 0 0 10px; }
.aboutTBSec .hText_48 { margin-bottom: 25px; }
.aboutTBSec .tbRight p { margin-bottom: 24px; font-size: 20px; }
.aboutTBSec .thinkBigIn { padding: 10px 15px; }
:root {  --light: #333;
}
.topIntroIn p { margin: 0 0 15px; line-height: 1.6; }
.container.containerMini { padding-left: 15px; padding-right: 15px; }
}
 @media (max-width: 567px) {
.cuslider>.navigation { margin-top: 15px; }
.leadingSlider .cuslider>.navigation { margin-top: 20px; }
.cisInfraSlider .cuslider>ul>li { height: 140px; }
.thinkBigSec.iPhoneDevTBSec.wpaTBSec .tbRight p { font-size: 18px; line-height: 1.4; }
#hst-video iframe { height: 260px; }
.top-histry-vdo { height: 260px; }
.followList li { margin: 10px 15px; width: 40%; }
}
 @media (max-width: 479px) {
.cuslider>.navigation label { margin: 0 10px; }
.thinkBigSec.iPhoneDevTBSec.wpaTBSec .tbLeft img { height: 220px; }
.thinkBigSec.iPhoneDevTBSec.wpaTBSec .tbRight p { font-size: 18px; line-height: 1.4; }
#hst-video iframe { height: 235px; }
.top-histry-vdo { height: 225px; }
}
.spIn .containerMini h2.hText_38 { text-transform: none; }
.relatedLinks .listBox1 { margin-bottom: 0px; font-size: 15px; line-height: 20px; transition: all 0.3s ease-in-out; display: block; padding: 18px; color: #767676; }
.relatedLinks .listBox1:hover { color: #af110e; }
.relatedLinks .lbIcon { margin-bottom: 18px; height: auto; width: 38px; }
 @media (max-width:399px) {
.relatedLinks .listBox4Main li { width: 100%; }
.thinkBigSec.iPhoneDevTBSec.wpaTBSec .tbLeft { height: auto; }
.thinkBigSec.iPhoneDevTBSec.wpaTBSec .tbLeft img { height: 180px; }
}
.bbInner .colorWhite { color: #fff; }
.logoList-1_3 li .lLwrap>img { filter: grayscale(1); }
.csTxt1 .colorWhite, .csTxt3 .colorWhite, .csTxt3 .colorWhite a { color: #fff; }
.listBox1Main li .lbIcon img { filter: grayscale(1); }
.tbRight p { text-transform: none; }
.iccHd.bgBlack .colorWhite, .iccHd .colorWhite { color: #fff; }
.cusIn, .cusSec.rightFill:before { background: #eee; }
.l-icon img { filter: grayscale(1); }
.listBox4Main li img, .relatedLinks .listBox4Main li img, .logoList-1_2 li .lLwrap img { filter: grayscale(1); }
.gtSec.ccTabSec .ofTabs label { color: #666; }
.gtSec .ofTabs label:hover, .relatedLinks .listBox4Main li a:hover { color: #af110e; }
.gtSec .ofTabs label:hover:after { border-right: 2px solid #af110e; border-bottom: 2px solid #af110e; }
.gtSec .ofTabs .tabs label:hover { color: #bdbbbf; }
.gtSec .ofTabs .tabs label:hover:after { border-right: 2px solid #bdbbbf; border-bottom: 2px solid #bdbbbf; }
.gtSec.ccTabSec .ofTabs .tabbed [type="radio"]:nth-of-type(1):checked~.tabs .tab:nth-of-type(1) label, .gtSec.ccTabSec .ofTabs .tabbed [type="radio"]:nth-of-type(3):checked~.tabs .tab:nth-of-type(3) label, .gtSec.ccTabSec .ofTabs .tabbed [type="radio"]:nth-of-type(4):checked~.tabs .tab:nth-of-type(4) label, .gtSec.ccTabSec .ofTabs .tabbed [type="radio"]:nth-of-type(5):checked~.tabs .tab:nth-of-type(5) label, .gtSec.ccTabSec .ofTabs .tabbed [type="radio"]:nth-of-type(6):checked~.tabs .tab:nth-of-type(6) label, .gtSec.ccTabSec .ofTabs .tabbed [type="radio"]:nth-of-type(2):checked~.tabs .tab:nth-of-type(2) label, .gtSec.ccTabSec .ofTabs .tabbed [type="radio"]:nth-of-type(7):checked~.tabs .tab:nth-of-type(7) label, .gtSec.ccTabSec .ofTabs .tabbed [type="radio"]:nth-of-type(8):checked~.tabs .tab:nth-of-type(8) label, .gtSec.ccTabSec .ofTabs .tabbed [type="radio"]:nth-of-type(9):checked~.tabs .tab:nth-of-type(9) label, .gtSec.ccTabSec .ofTabs .tabbed [type="radio"]:nth-of-type(10):checked~.tabs .tab:nth-of-type(10) label { background-color: transparent; color: #af110e; }
.gtSec.ccTabSec .ofTabs .tabbed [type="radio"]:nth-of-type(1):checked~.tabs .tab:nth-of-type(1) label:after, .gtSec.ccTabSec .ofTabs .tabbed [type="radio"]:nth-of-type(2):checked~.tabs .tab:nth-of-type(2) label:after, .gtSec.ccTabSec .ofTabs .tabbed [type="radio"]:nth-of-type(3):checked~.tabs .tab:nth-of-type(3) label:after, .gtSec.ccTabSec .ofTabs .tabbed [type="radio"]:nth-of-type(4):checked~.tabs .tab:nth-of-type(4) label:after, .gtSec.ccTabSec .ofTabs .tabbed [type="radio"]:nth-of-type(5):checked~.tabs .tab:nth-of-type(5) label:after, .gtSec.ccTabSec .ofTabs .tabbed [type="radio"]:nth-of-type(6):checked~.tabs .tab:nth-of-type(6) label:after, .gtSec.ccTabSec .ofTabs .tabbed [type="radio"]:nth-of-type(7):checked~.tabs .tab:nth-of-type(7) label:after, .gtSec.ccTabSec .ofTabs .tabbed [type="radio"]:nth-of-type(8):checked~.tabs .tab:nth-of-type(8) label:after, .gtSec.ccTabSec .ofTabs .tabbed [type="radio"]:nth-of-type(9):checked~.tabs .tab:nth-of-type(9) label:after, .gtSec.ccTabSec .ofTabs .tabbed [type="radio"]:nth-of-type(10):checked~.tabs .tab:nth-of-type(10) label:after { border-right: 2px solid #af110e; border-bottom: 2px solid #af110e; }
.listBox1Main li .img-full img { filter: none; }
.tab-content h3, .tab-content .tab-content-in p, .ddServiceSec .ddServBox p { color: #000; }
.ddServBox:hover { background-color: #af110e; }
.hText_54 i { text-transform: none; }
Section .colorWhite.gtHead { color: #fff; }
.history_sec .left_box .colorWhite { color: #fff; }
.awd-rgt-sec .listBox4Main li img, .awd-rgt-sec .listBox1Main li .lbIcon img { filter: none; }
.bColorList4 li .ddServBox:hover > h4, .ddServBox:hover p { color: #fff; }
.content .seems-box img { width: 100%; height: auto; max-width: 700px; margin-top: 70px; }
.content .seems-box { padding: 30px 0 0; }
.our-serises .ddServBox:hover p { color: #000; }
/*-----------------30-09-24-----------------*/
.bannerSec h1 span { display: block; font-size: 32px; max-width: 800px; text-transform: capitalize; margin: 33px auto 0; line-height: 38px; font-style: normal; }
.clear { display: block; font-size: 0px; line-height: 0; }
.csslider>.navigation label, .readMoreWrap .read-more-trigger { font-size: 0; line-height: 0; }
.read-more-state~.read-more-trigger:before { content: "Show More"; font-size: 14px; line-height: 1.4; }
.gtSec.ccTabSec .ofTabs.tabbed [type="radio"]:nth-of-type(1):checked~.tabs .tab:nth-of-type(1) label, .gtSec.ccTabSec .ofTabs.tabbed [type="radio"]:nth-of-type(3):checked~.tabs .tab:nth-of-type(3) label, .gtSec.ccTabSec .ofTabs.tabbed [type="radio"]:nth-of-type(4):checked~.tabs .tab:nth-of-type(4) label, .gtSec.ccTabSec .ofTabs.tabbed [type="radio"]:nth-of-type(5):checked~.tabs .tab:nth-of-type(5) label, .gtSec.ccTabSec .ofTabs.tabbed [type="radio"]:nth-of-type(6):checked~.tabs .tab:nth-of-type(6) label, .gtSec.ccTabSec .ofTabs.tabbed [type="radio"]:nth-of-type(2):checked~.tabs .tab:nth-of-type(2) label, .gtSec.ccTabSec .ofTabs.tabbed [type="radio"]:nth-of-type(7):checked~.tabs .tab:nth-of-type(7) label, .gtSec.ccTabSec .ofTabs.tabbed [type="radio"]:nth-of-type(8):checked~.tabs .tab:nth-of-type(8) label, .gtSec.ccTabSec .ofTabs.tabbed [type="radio"]:nth-of-type(9):checked~.tabs .tab:nth-of-type(9) label, .gtSec.ccTabSec .ofTabs.tabbed [type="radio"]:nth-of-type(10):checked~.tabs .tab:nth-of-type(10) label { background-color: transparent; color: #af110e; }
.gtSec.ccTabSec .ofTabs.tabbed [type="radio"]:nth-of-type(1):checked~.tabs .tab:nth-of-type(1) label:after, .gtSec.ccTabSec .ofTabs.tabbed [type="radio"]:nth-of-type(2):checked~.tabs .tab:nth-of-type(2) label:after, .gtSec.ccTabSec .ofTabs.tabbed [type="radio"]:nth-of-type(3):checked~.tabs .tab:nth-of-type(3) label:after, .gtSec.ccTabSec .ofTabs.tabbed [type="radio"]:nth-of-type(4):checked~.tabs .tab:nth-of-type(4) label:after, .gtSec.ccTabSec .ofTabs.tabbed [type="radio"]:nth-of-type(5):checked~.tabs .tab:nth-of-type(5) label:after, .gtSec.ccTabSec .ofTabs.tabbed [type="radio"]:nth-of-type(6):checked~.tabs .tab:nth-of-type(6) label:after, .gtSec.ccTabSec .ofTabs.tabbed [type="radio"]:nth-of-type(7):checked~.tabs .tab:nth-of-type(7) label:after, .gtSec.ccTabSec .ofTabs.tabbed [type="radio"]:nth-of-type(8):checked~.tabs .tab:nth-of-type(8) label:after, .gtSec.ccTabSec .ofTabs.tabbed [type="radio"]:nth-of-type(9):checked~.tabs .tab:nth-of-type(9) label:after, .gtSec.ccTabSec .ofTabs.tabbed [type="radio"]:nth-of-type(10):checked~.tabs .tab:nth-of-type(10) label:after { border-right: 2px solid #af110e; border-bottom: 2px solid #af110e; }
.gtSec.ccTabSec .tab-content-in.tabTxtWrap { padding-left: 360px; }
.pd-l-30 { padding-left: 30px; }
.ddServBox.ddIcon { width: 100%; border-radius: 0; }
.ddServBox.ddIcon img { background-color: #fff; border-radius: 16px; padding: 12px 15px; }
.ddServiceSec.sdTechSec ul li { border-top: 1px solid #ddd; margin-top: 0; }
.dds { overflow: hidden; }
.ddServiceSec ul { margin-top: -1px; }
.gtSec.ccTabSec { max-width: 1360px; margin-left: auto; margin-right: auto; }
.pastaText.pastaTextIn { flex-wrap: wrap; }
.pastaTabs.tabbed [type="radio"]:nth-of-type(1):checked~.tabs .tab:nth-of-type(1) label, .pastaTabs.tabbed [type="radio"]:nth-of-type(2):checked~.tabs .tab:nth-of-type(2) label, .pastaTabs.tabbed [type="radio"]:nth-of-type(3):checked~.tabs .tab:nth-of-type(3) label, .pastaTabs.tabbed [type="radio"]:nth-of-type(4):checked~.tabs .tab:nth-of-type(4) label, .pastaTabs.tabbed [type="radio"]:nth-of-type(5):checked~.tabs .tab:nth-of-type(5) label, .pastaTabs.tabbed [type="radio"]:nth-of-type(6):checked~.tabs .tab:nth-of-type(6) label, .pastaTabs.tabbed [type="radio"]:nth-of-type(7):checked~.tabs .tab:nth-of-type(7) label, .pastaTabs.tabbed [type="radio"]:nth-of-type(8):checked~.tabs .tab:nth-of-type(8) label, .pastaTabs.tabbed [type="radio"]:nth-of-type(9):checked~.tabs .tab:nth-of-type(9) label, .pastaTabs.tabbed [type="radio"]:nth-of-type(10):checked~.tabs .tab:nth-of-type(10) label { background-color: #f5f4f6; color: var(--blue); }
.bbIn.rightFill.bbInner:before { right: -15%; left: auto; width: 30%; }
.bbSec.leftFill.mb_100 { overflow: hidden; }
.rightFill.container.bbInner { padding-right: 0; }
.col-row { display: flex; flex-wrap: wrap; margin: 0 -15px; }
.c-col-8 { width: 66.66%; padding: 0 15px; }
.c-col-4 { width: 33.33%; padding: 0 15px; }
.info2CarBox { height: auto; }
.c-col-4 .i2VideoTxt { padding: 20px 0; padding-bottom: 20px; }
.new-image-wrap { display: flex; flex-wrap: wrap; column-gap: 1.3%; }
.mil-img-col { overflow: hidden; width: 20%; border: 1px solid #ccc; background-color: #fff; }
.mil-img-col img { object-fit: inherit; height: 100%; max-width: 250px; margin: 0 auto; width: 100%; display: flex; transition: .3s; }
.dark_history.history_sec .right_box p a.btn1Small { position: absolute; right: auto; transform: translate(-50%, 100%); left: 50%; top: auto; bottom: 20px; }
.dark_history.history_sec .right_box p a.btn1Small:hover { background: #fff; border-color: #af110e; }
.dark_history.history_sec .right_box p a.btn1Small svg { position: absolute; left: 0; right: 0; bottom: -12px; top: auto; width: 20px; margin: 0 auto; background: #af110e; border-radius: 50%; height: 20px; padding: 3px; }
.dark_history.history_sec .right_box p a.btn1Small svg path { fill: #fff; }
.top-histry-vd { display: flex; flex-wrap: wrap; background: #fff; align-items: center; padding: 0; }
.top-histry-txt { width: 45%; padding: 30px 40px; }
.top-histry-vdo { width: 55%; border: 4px solid #AF110E; }
.history_sec .right_box { position: relative; }
.mObCtnt, .mObCtnt p { color: #fff; }
.content .seems-box { padding: 30px 0 0; }
.seems-box { text-align: center; background: #ececec; }
body .content .seems-box img { max-width: 100%; }
.content .seems-box img { width: 100%; height: auto; max-width: 700px; margin-top: 70px; }
.seems-box img { width: 100%; height: auto; }
.seems-box img { margin: 0 auto; }
.content { padding-top: 135px; }
.breadcrumb-custom { background: -moz-linear-gradient(top, #e8e8e8 0, #fff 100%); background: -webkit-linear-gradient(top, #e8e8e8 0, #fff 100%); background: linear-gradient(to bottom, #e8e8e8 0, #fff 100%);  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e8e8e8', endColorstr='#ffffff', GradientType=0);
}
.breadcrumb-custom .breadcrumb { background: 0 0; padding: 18px 0 17px; margin: 0 auto; }
.breadcrumb-custom .breadcrumb li, .breadcrumb-custom .breadcrumb li a { font-size: 16px; font-weight: 500; color: #333; }
.page-header .toggle-button { border-color: #AF110E; color: #AF110E; }
.page-header .whiteBtn:hover { background-color: #AF110E; color: #fff; border-color: #AF110E; }
.breadcrumb-custom.container { max-width: 100%; }
.breadcrumb-custom.container .breadcrumb { max-width: 1170px; margin: 0 auto; padding-left: 15px; padding-right: 15px; }
body .content .seems-box img { max-width: 1000px; }
.page-header .container.headerIn { max-width: 1170px; }
/*.container.achievementsIn {
    padding: 0;
}*/
.ddServiceIn.bg-grey .ddServBox.ddIcon { background: none; height: auto; padding: 70px 15px; }
.ddServiceIn.bg-grey .ddServBox.ddIcon:hover { background: #af110e; }
.info1CarBox.orBox { height: auto; }
.caseStudyMain img { object-fit: cover; height: 100%; width: 100%; }
.csImg { width: 50%; }
.csTxt { min-height: 315px; }
.caseStudyIn.caseStudyInner { padding-top: 65px; }
.caseStudySec::before { display: none }
.mail_tel { display: flex; align-items: center; }
.mail_tel a { position: relative; display: flex; align-items: center; font-size: 15px; font-weight: 500; line-height: 20px; color: #fff; transition: all ease 0.3s; }
.header .mail_tel a, .header .mail_tel b { color: #fff; }
.mail_tel a:before { display: block; content: ""; border-bottom: 1px solid #fff; position: absolute; top: 100%; left: 0; width: 0; transition: all ease 0.3s; }
.header .mail_tel a:before { border-color: #000; }
.header .mt { display: none; }
.header .mtStk { display: block; }
.mail_tel a img { margin-right: 8px; flex-shrink: 0; filter: invert(1); }
.mail_tel b { display: inline-block; margin: 0 8px; color: #fff; }
.toggle-button { margin-left: 20px; }
.header .mail_tel b { color: #fff; }
.header.sticky .mail_tel a img { filter: none; }
.header.sticky .mail_tel b { color: #000; }
.header.sticky .mail_tel a { color: #000; }
/*---------------domain css-------------*/
.thinkBigSec .txt20.dom-txt { display: flex; align-items: flex-start; font-size: 20px; column-gap: 15px; margin-bottom: 15px; }
.thinkBigSec .txt20.dom-txt img { min-width: 20px; margin: 4px 0 0; }
.thinkBigSec .txt20.dom-txt a { color: #005CFF; text-decoration: underline; }
.domain-l-img { padding-left: 0; position: relative; }
.domain-off { position: absolute; left: 30px; bottom: 15px; right: 45px; display: flex; flex-wrap: wrap; column-gap: 25px; justify-content: center; }
.domain-off li { background: #fff; font-size: 22px; font-weight: 700; padding: 10px 15px; border-radius: 4px; text-align: center; color: #3D3D3D; margin-bottom: 15px; }
.domain-off li span { color: #AF110E; }
.domain-r-com h2 span { display: block; font-size: 20px; color: #AF110E; line-height: 1.8; margin: 0 0 5px; font-weight: 700; }
.domain-r-com { max-width: 670px; padding-left: 20px; }
.domain-r-com ul li { font-size: 18px; margin: 0 0 15px; line-height: 1.6; position: relative; padding-left: 26px; }
.domain-r-com ul li:after { content: ""; width: 8px; height: 8px; position: absolute; left: 0; border: 3px solid #000; border-radius: 50%; top: 8px; }
.itlTxt { font-style: italic; }
.pastaTextIn p { line-height: 1.6; }
.domain-r-con { max-width: 800px; }
.domain-r-con p { line-height: 1.6; }
.c-col-7 { width: 60%; padding: 0 15px }
.c-col-5 { width: 40%; padding: 0 15px }
.thinkBigSec.iPhoneDevTBSec.wpaTBSec .dom-con-r { max-width: calc(100% - 700px) !important; flex-wrap: wrap; }
.link-color { color: #005CFF; }
.dom-con-r { padding: 35px 64px 15px 60px; }
@media (max-width:1629px) {
.thinkBigSec.iPhoneDevTBSec.wpaTBSec .dom-con-r { max-width: 60% !important; flex-wrap: wrap; }
}
@media (max-width:1309px) {
.dom-con-r { padding: 35px 30px 15px 30px; }
.thinkBigSec .txt20.dom-txt { font-size: 18px !important; margin-bottom: 15px; }
}
@media (max-width:1199px) {
.gtSec .ofTabs .tabs { width: 375px; padding-top: 125px; padding-left: 30px; padding-right: 30px; }
.gtHead { left: 30px; font-size: 30px; }
.feaList1 li { width: 50%; padding: 12px 8px; }
.gtSec.ccTabSec .tab .txt20.lh_24.mb_0 { padding: 0 0; }
.footerTop.container { padding-left: 20px; padding-right: 20px; }
.gtSec.ccTabSec.mt_100 { padding-left: 20px; }
.dds.ofTabs { margin-left: 20px; margin-right: 20px; }
.gtSec.ccTabSec .tabs { padding: 0; width: 320px; background-color: transparent; }
.dds.ofTabs.tabbed { margin: 0; }
.caseStudyIn.caseStudyInner { padding-top: 35px; }
}
@media (max-width:1023px) {
.aiInfoIn.pt_0.pb_0 { padding: 0 5px; }
.dds.ofTabs { margin-left: 5px; margin-right: 5px; }
.gtSec .ofTabs .tabs { width: 250px; padding-top: 70px; padding-left: 20px; padding-right: 20px; }
.gtHead { left: 20px; font-size: 22px; top: 35px; }
.gtSec .tab label { padding: 15px 0; padding-right: 18px; }
.gtSec .tab-content-in { padding-left: 250px; }
.feaList1 li { width: 50%; padding: 5px 8px; }
.gtSec.ccTabSec .tab-content-in.tabTxtWrap { padding-left: 0; }
.gtSec.ccTabSec.mt_100 { padding-left: 0; }
.caseStudyIn.caseStudyInner { padding-top: 30px; }
.bannerSec h1 span { font-size: 32px; margin: 15px auto 0; line-height: 38px; }
.bannerSec { padding-top: 150px; padding-bottom: 180px; min-height: 400px; }
.tbRight { padding: 15px; }
.achieveText { padding: 15px; }
.ddServiceIn, .information1In, .information2In, .caseStudyIn { padding: 40px 15px; }
.toggle-button { margin-left: 15px; }
.mail_tel { margin-right: 15px; }
.mail_tel { display: none; }
}
@media (max-width:767px) {
.content { padding-top: 90px; }
.gtSec .ofTabs .tabs { width: 100%; position: relative; padding-top: 0; padding-left: 15px; padding-right: 15px; float: none; }
.ofTabs .tab-content.tab-content-in { display: none; }
.gtSec .tab-content-in { padding-left: 0; }
.pd-l-30 { padding-left: 0; }
.footerTop { padding: 30px 0; }
.c-col-8 { width: 100%; padding: 0 15px; }
.c-col-4 { width: 100%; padding: 0 15px; }
.top-histry-txt { width: 100%; padding: 30px 40px; }
.top-histry-vdo { width: auto; border: 2px solid #AF110E; margin: 0 15px; }
.inner-menu { padding: 0 15px; }
.container.inv.thinkBigIn { margin: 0 15px; width: auto; }
.tbRight { padding: 15px 0; }
.achievementsSec { padding: 0 15px; }
.colorWhite.our-serises { padding: 0 15px; }
.ddServiceIn:before { display: none }
.container.ddServiceIn { padding: 15px; }
.bannerSec h1 span { font-size: 22px; margin: 15px auto 0; line-height: 30px; }
.ddServiceSec ul { margin-left: -18px; margin-right: -18px; }
.information1Sec, .information2Sec { padding: 0 15px; }
.mobNoSlide .i2Video img, .mobNoSlide .i2Video iframe { height: 90px; }
.mobNoSlide .i2CB { padding: 0 5px; }
.info1CarBox.orBox { height: auto; padding: 10px; }
.orBottom { position: relative; left: 0; bottom: 0; }
.info1CarBox.orBox > p { display: -webkit-box; max-width: 100%; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 15px; }
.ourOfferingSec .tabs { position: static; padding: 0 18px; }
.caseStudySec { padding: 0 15px; }
.csTxt { min-height: auto; }
.csImg { width: 100%; }
.followSec h3 { margin-bottom: 15px; font-size: 20px; }
.followList { margin: 0; }
.tbRight { padding: 15px 0; }
.port1Txt { min-height: 400px; }
.thinkBigSec.iPhoneDevTBSec.wpaTBSec .tbRight { max-width: 100% !important; padding: 15px 5px; }
.top-histry-txt { padding: 30px 20px; }
.ddServiceIn, .information1In, .information2In, .caseStudyIn { padding: 40px 0px; }
.info1CarBoxMain { margin: 0 -5px; }
.leadingSlider .info1CarBox { padding-bottom: 15px; }
.ddServiceIn.bg-grey .ddServBox.ddIcon { padding: 25px 15px; }
.mobNoSlide.pt_64 { padding-top: 0; }
.mail_tel { display: none; }
.domain-r-com { padding-left: 0; margin-top: 20px; }
.domain-l-img { padding-left: 15px; }
.domain-off { position: relative; left: 0; bottom: 0; right: 0; column-gap: 15px; margin-top: 25px; }
.domain-off li { font-size: 16px; padding: 8px 12px; margin-bottom: 10px; box-shadow: 0 0 6px rgb(0 0 0 / 10%); }
.domain-r-com ul li { font-size: 16px; margin: 0 0 15px; }
.c-col-7, .c-col-5 { width: 100%; }
.domain-r-con { margin-bottom: 30px; }
.thinkBigSec.iPhoneDevTBSec.wpaTBSec .tbRight { padding: 15px 15px; }
.thinkBigSec .txt20.dom-txt { font-size: 20px; column-gap: 15px; }
.live-chat { display: none; }
.headRight .whiteBtn { margin-left: 0; }
}
@media (max-width:479px) {
.information2Sec .info1CarBoxMain { flex-wrap: wrap; }
.information2Sec .info1CarBoxMain iframe { height: 180px; }
.wsSec .csslider>.navigation { margin-top: 20px; }
.ddServBox, .sdTechSec .ddServBox { height: auto; }
.thinkBigSec.iPhoneDevTBSec.wpaTBSec .txt20.dom-txt { font-size: 20px; column-gap: 15px; line-height: 1.6; }
.tbRight.dom-con-r h2 { margin: 0 0 25px; }
.tbRight.dom-con-r h2 { margin: 0 0 25px; line-height: 1.5; }
.thinkBigSec.iPhoneDevTBSec.wpaTBSec .dom-con-r { padding: 20px; }
.domain-l-img img { display: none; }
}
.footerBottom.container article { padding: 0 015px; }
.listBox3Main li li { width: 100%; padding: 5px 0; }
.footerBottom footer { max-width: 1180px; padding: 0 15px; }
.footerBottom footer nav a { display: inline-block; line-height: 1.6; padding: 5px 0; }
.mobNoSlide.csslider { position: relative; z-index: 9; }
.ar-head { background: gold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.container.aboutBoxesIn .listBox2Main { margin-left: -22px; margin-right: -22px; }
.prl-0 { padding: 0; }
.vid-test span { display: block; margin-top: 10px; }
.vid-test { margin-top: 20px; }
.vid-test span strong { color: #000; }
.menu-left .owmBox { color: #fff; }
.reviews-btn { margin: auto; padding-top: 15px; }
.w-list li { width: 100%; padding: 0; margin-bottom: 10px; }
.c-col-l { width: 20%; background: #f1f1f1; display: flex; align-items: center; }
.c-col-r { width: 40%; }
.n-tbl-col { padding: 15px 20px; border-bottom: 1px solid #e3e3e3; border-left: 1px solid #e3e3e3; }
.n-tbl { border-right: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3; }
.tbl-head { background: #f1f1f1; }
.tbl-head p, .c-col-l p { font-size: 18px; font-weight: 700; }
.just-center { justify-content: center; }
.prc-row { display: flex; flex-wrap: wrap; column-gap: 0; background: #E7E7E7; }
.prc-head { padding: 25px; text-align: center; }
.prc-head h4 { font-size: 30px; font-weight: 700; }
.prc-body { padding: 0 25px 15px; text-align: center; }
.prc-body ul li { padding: 8px 0; border-bottom: 1px solid #ddd; }
.prc-body ul li:last-child { border-bottom: none; }
.prc-col { width: 33.33%; border: 1px solid #ddd; padding: 8px 0; }
.prc-center { background: #fff; }
.numbers { min-width: 64px; height: 64px; display: flex; font-size: 30px; font-weight: 700; justify-content: center; align-items: center; margin-right: 20px; color: #fff;/* border: 2px solid #ddd; */
}
.numbers img { filter: grayscale(1); }
.Step-by-Step .listBox1.dFlex { flex-wrap: nowrap; }
.csslider>.navigation { margin-bottom: 30px; }
.thinkBigSec .txt32 { font-size: 24px; line-height: 1.4; }
.tool-use { margin: 0; }
.tool-use span { background-color: #fff; border-radius: 4px; padding: 8px 10px; margin-bottom: 12px; margin-right: 5px; color: #545454; font-size: 14px; font-weight:normal; line-height: 18px; box-sizing: border-box; box-shadow: 1px 1px 8px #ddd; text-transform: capitalize; }
.accTab h3 {
    text-transform: none;
}

.thinkBigSec .txt18 {
    font-size: 18px;
    line-height: 1.6 !important;
}

 @media (max-width:1629px) {
.thinkBigSec .txt32 { font-size: 20px; line-height: 1.4; }
}
@media (max-width:1199px) {
.prc-head h4 { font-size: 26px; }
.wlImg {
    display: none;
}
.wlImg, .wlTxt {
    width: 100%;
}
.weLeadBox:nth-child(2n + 1) .wlTxt {
    padding-right: 0;
    padding-left: 0;
}
}
 @media (max-width:991px) {
.prc-head h4 { font-size: 24px; }
.tadSec { margin-top: -90px; }
.bclBox { padding: 15px; }
.thinkBigSec .txt32 { font-size: 18px; line-height: 1.4; }
.pr-step-main.threeStep .pr-step-pr>li {
    width: 100%;
}
.list3box ul li{ width: 49%}
.bColorList3 > li {
    width: 50%;
    border-right: 1px solid #ddd !important;
    border-top: 1px solid #ddd !important;
    right: -1px;
    position: relative;
    top: -1px;
}
.bColorList3 {
    overflow: hidden;
}
}
@media (max-width:767px) {
.prc-col { width: 100%; }
.n-tbl { overflow: auto; }
.tbl-row { min-width: 500px; }
.tbl-head p, .c-col-l p { font-size: 15px; font-weight: 700; }
.n-tbl-col { padding: 8px 12px; }
.numbers { min-width: 40px; height: 40px; font-size: 24px; }
.thinkBigSec .txt32 { font-size: 18px; line-height: 1.4; }
.list3box ul li{ width: 100%}
.bColorList2 > li {
    width: 100%;
}
.bColorList3 > li {
    width: 100%;
}
ul.tech-list-cis li {
    font-size: 14px;
    padding: 5px 10px;
    margin: 5px 0;
}
ul.tech-list-cis {
    column-gap: 10px;
}
}