@font-face{font-family: "AGOMA"; src: url("../font/AGOMA.eot"); src: url("../font/AGOMA.woff") format("woff"), url("../font/AGOMA.ttf") format("truetype"), url("../font/AGOMA.svg") format("svg"); font-weight: normal; font-style: normal;}
 @font-face{font-family: "Inter18pt-Bold"; src: url("../font/Inter18pt-Bold.eot"); src: url("../font/Inter18pt-Bold.woff") format("woff"), url("../font/Inter18pt-Bold.ttf") format("truetype"), url("../font/Inter18pt-Bold.svg") format("svg"); font-weight: normal; font-style: normal;}
 @font-face{font-family: "Inter18pt-Black"; src: url("../font/Inter18pt-Black.eot"); src: url("../font/Inter18pt-Black.woff") format("woff"), url("../font/Inter18pt-Black.ttf") format("truetype"), url("../font/Inter18pt-Black.svg") format("svg"); font-weight: normal; font-style: normal;}
 @font-face{font-family: "Inter18pt-Regular"; src: url("../font/Inter18pt-Regular.eot"); src: url("../font/Inter18pt-Regular.woff") format("woff"), url("../font/Inter18pt-Regular.ttf") format("truetype"), url("../font/Inter18pt-Regular.svg") format("svg"); font-weight: normal; font-style: normal;}
.bg1{background-repeat: no-repeat; background-position: center; background-size: cover;}
 @media (min-width: 768px){.box-absolute .w-card1{position: absolute; left: 9%; top: 9%;}
.box-absolute .w-card2{position: absolute; right: 9%; top: 9%; text-align: right;}
.box-absolute .w-card3{position: absolute; right: 0; top: 8%; left: 0; text-align: center;}
.no-padding{padding: 0;}
.desktop.text-right2{position: absolute; bottom: 520px; right: 9%;}
.desktop.text-top-center1{position: absolute; text-align: center; left: 0; right: 0; top: 80px;}
.desktop.text-top-center2{position: absolute; text-align: center; left: 0; right: 0; top: 50px;}
.desktop.text-top-center3{position: absolute; text-align: center; left: 0; right: 0; top: 80px;}
.desktop.text-left2{position: absolute; top: 145px; left: 5%;}
.desktop.text-right1{position: absolute; top: 660px; right: 11%; width: 250px;}
.box-absolute{width: 90%; left: 0%; right: 0; padding: 80px 40px; position: absolute; margin: auto;}
.fnt45{font-size: 45px; font-family: 'Inter18pt-Black';}
.processor-box{width: 1215px; max-width: 1215px; position: absolute; left: 0; text-align: center; margin: auto; right: 0; top: 455px;}
.processor-box1{position: absolute; left: 22px; top: 0; width: 378px; text-align: center;}
.processor-box2{position: absolute; right: 0; top: 0; width: 428px; text-align: center;}
.mt90{margin-top: 80px;}
.round-box{border-radius: 50px; background: #96B1F1; background: linear-gradient(180deg,rgba(150, 177, 241, 1) 0%, rgba(47, 102, 181, 1) 48%); white-space: nowrap; padding: 20px 38px; font-family: "Inter18pt-Bold"; font-size: 24px; color: #ffffff; display: inline-block;}
} @media (max-width: 800px){.text-left2{position: inherit; right: inherit; display: inline-block;}
} .content{padding: 0px 0; overflow: hidden;}
.mrb5{margin-bottom: 10px !important;}
.content p{font-size: 24px; line-height: 30px; color: #000000; font-family: "Inter18pt-Bold"; margin-bottom: 0;}
.content h2{font-size: 48px; line-height: 48px; font-family: "AGOMA"; margin-top: 0; letter-spacing: 3px; -webkit-text-fill-color: transparent; background: linear-gradient(180deg,rgba(29, 70, 137, 1) 0%, rgba(53, 95, 160, 1) 48%, rgba(133, 173, 236, 1) 100%) text; font-weight: 700; margin-bottom: 30px; position: relative; padding-left: 4px;}
.text-uppercase{text-transform: uppercase;}
.fnt45{font-size: 45px !important;}
.fnt-fmly1{font-family: "Inter18pt-Bold";}
.fnt-normal1{font-weight: normal !important; font-size: 45px !important;}
.sml-txt{font-weight: normal !important; font-size: 20px !important; font-family: "Inter18pt-Bold"; color: #5276ba; line-height: 22px; margin-bottom: 5px;}
.sml-txt2{font-weight: normal !important; font-size: 15px !important; font-family: "Inter18pt-Regular" !important; color: #5276ba !important; line-height: 16px;}
.content{padding-top: 30px;}
.rel{position: relative;}
.content{padding: 0;}
 @media (max-width: 1024px){.bg1{min-height: 500px;}
} @media (max-width: 800px){.content h2{font-size: 28px;}
.content h2{font-size: 19px;}
} @media (max-width: 750px){.content{min-height: auto;}
} @media (max-width: 600px){.bg1{min-height: 400px;}
.content h2{font-size: 19px; text-align: center;}
.content p{font-size: 18px;}
} .rotate-box{position: absolute; right: 16%; bottom: 430px; z-index: 1; margin-top: 5%; transform: translateY(50%);}