/* html, body {
     font-family: "Open Sans", sans-serif;
     color: #000000;
     margin:0px;
     padding: 0px;
     background:#ffffff;
     display: flex;
     flex-direction: column;
     height: 100%;
     justify-content: space-between;
} */
 @font-face {
     font-family: 'nortune';
     src: url('../fonts/nortune-bold.woff2') format('woff2'), url('../fonts/nortune-bold.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
 *{
     box-sizing: border-box;
}
 .ai-for-everything-page{
     width: 100%;
     float: left;
     position: relative;
     font-family: "Montserrat", sans-serif;
}
 .ai-for-everything-section{
     background-image: linear-gradient(180deg, #370c94 0%, #110E2A 100%);
     width: 100%;
     float: left;
     position: relative;
}
 .container{
     max-width: 1320px;
     width: 100%;
}
 .container {
     width: 100%;
     max-width: 1200px;
     margin: 0 auto;
     padding: 0 15px;
     position: relative;
}
 img {
     max-width: 100%;
     height: auto;
}
 ul {
     list-style-type: none;
     padding: 0;
     margin: 0;
}
 a {
     text-decoration: none;
     color: inherit;
}
 .ai-for-everything-page .ai-banner-section-group:before{
     content: "";
     background-image: url(../images/Header.png);
     background-position: top center;
     position: absolute;
     background-size: contain;
     height: 100%;
     width: 100%;
     background-repeat: no-repeat;
     top: 0px;
     left: 0px;
}
 .ai-for-everything-page .ai-banner-section-group {
     min-height: 100vh;
     align-items: center;
     padding: 80px 0px;
     position: relative;
     display: flex;
}
 .ai-for-everything-page .ai-banner-section {
     text-align: center;
     align-items: center;
     position: relative;
     z-index: 1;
     gap: 20px;
     display: flex;
     flex-direction: column;
}
 .ai-for-everything-page .ai-banner-section .banner-section-subtitle{
     color: rgb(255 255 255 / 75%);
     font-size: 40px;
     line-height: 1.25;
}
 .ai-for-everything-page .ai-banner-section .banner-section-title {
     font-size: 70px;
     background: linear-gradient(149deg, #54B5FC, #DB00D0);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     line-height: 1.4;
     font-family: 'nortune';
}
 .ai-for-everything-page .ai-banner-section .banner-section-title span{
     background: linear-gradient(128deg, #54b5fc, #DB00D0);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     position: relative;
}
 .ai-for-everything-page .ai-banner-section .banner-section-title .star-image{
     width: 70px;
     position: absolute;
     top: -30px;
     right: -50px;
}
 .ai-for-everything-page .ai-banner-section .banner-section-title .star-image img{
     width: 70px;
}
 .ai-for-everything-page .ai-banner-section .banner-section-at {
     line-height: 1.4;
     overflow: hidden;
     width: 100%;
}
 .ai-for-everything-page .ai-banner-section .banner-section-at span {
     font-weight: normal;
     color: white;
     font-size: 18px;
     line-height: 1.4;
     position: relative;
}
 .ai-for-everything-page .ai-banner-section .banner-section-at span:before {
     content:"";
     width: 250px;
     height: 1px;
     background: #fff;
     opacity: 0.2;
     position: absolute;
     top: 50%;
     right: 50px;
}
 .ai-for-everything-page .ai-banner-section .banner-section-at span:after {
     content:"";
     width: 250px;
     height: 1px;
     background: #fff;
     opacity: 0.2;
     position: absolute;
     top: 50%;
     left: 50px;
}
 .ai-for-everything-page .ai-banner-section .banner-section-event {
     color: white;
     font-size: 40px;
     line-height: 1.4;
}
 .ai-for-everything-page .ai-banner-section .banner-section-location {
}
 .ai-for-everything-page .ai-banner-section .banner-section-location ul{
     margin: 0px;
     display: flex;
     text-align: center;
     justify-content: center;
     gap: 30px;
     padding: 0px;
}
 .ai-for-everything-page .ai-banner-section .banner-section-location ul li {
     display: flex;
     align-items: center;
     color: #fff;
     font-size: 14px;
     line-height: 1.5;
     gap: 10px;
}
 .ai-for-everything-page .ai-banner-section .banner-section-location ul li .icon-image {
     margin-right: 10px;
     width: 24px;
     height: 24px;
}
 .ai-for-everything-page .ai-banner-section .banner-section-actions {
     margin-top: 20px;
     display: flex;
     justify-content: center;
     gap: 15px;
}
 .ai-for-everything-page .ai-banner-section .banner-section-actions a {
     display: inline-block;
     font-weight: normal;
     text-align: center;
     border-radius: 180px;
     font-size: 15px;
     padding: 13px 36px;
}
 .btn.btn-gradient:hover{
     background: linear-gradient(90deg, #DB00D0, #54B5FC );
}
 .btn.btn-gradient {
     color: white;
     background: linear-gradient(90deg, #54B5FC, #DB00D0);
     border-radius: 180px;
     font-size: 15px;
     padding: 13px 36px;
     display: inline-block;
     vertical-align: top;
}
 .ai-for-everything-page .ai-banner-section .banner-section-actions a.btn-gradient-outline:hover {
     border: 1px solid #370c94;
     color: #370c94;
     background: #ffffff;
}
 .ai-for-everything-page .ai-banner-section .banner-section-actions a.btn-gradient-outline {
     border: 1px solid #ffffff;
     color: #ffffff;
}
 .ai-for-everything-page .ai-banner-section .banner-section-scroll {
     margin-top: 100px;
     display: flex;
     justify-content: center;
     width: 100%;
}
 .ai-for-everything-page .ai-banner-section .banner-section-scroll .btn-banner-scroll {
     cursor: pointer;
     color: #ffffff;
     display: flex;
     flex-direction: column;
     gap: 10px;
     text-transform: uppercase;
     font-size: 18px;
     justify-content: center;
     align-items: center;
     -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
     -o-transition: all 0.2s ease-out;
     transition: all 0.2s ease-out;
}
 .ai-for-everything-page .ai-banner-section .banner-section-scroll .btn-banner-scroll:hover{
     gap: 15px;
}
 .ai-for-everything-page .ai-banner-section .banner-section-scroll .btn-banner-scroll img{
     width: 15px;
}
 .ai-about-section-group{
     align-items: center;
     padding: 120px 0px;
     position: relative;
     display: flex;
     width: 100%;
     float: left;
     position: relative;
}
 .ai-about-section {
     display: flex;
     justify-content: space-between;
     position: relative;
     flex-direction: unset;
     gap: 100px;
}
 .ai-about-section .ai-about-single {
     justify-content: center;
     position: relative;
     display: flex;
     align-items: center;
     width: 50%;
}
 .ai-about-section .ai-about-single .ai-about-image {
     display: flex;
     flex-direction: column;
     gap: 30px;
}
 .ai-about-section .ai-about-single .ai-about-content{
     display: flex;
     justify-content: center;
     flex-direction: column;
     gap: 25px;
}
 .ai-about-section .ai-about-single .ai-about-title {
     font-weight: bold;
     font-size: 48px;
     color: #fff;
     line-height: 1.4;
     font-family: 'nortune';
}
 .ai-about-section .ai-about-single .ai-about-description {
     font-size: 1.2em;
     color: #fff;
     line-height: 1.5;
     font-weight: 300;
}
 .ai-about-section .ai-about-single .ai-about-description span {
     font-weight: bold;
}
 .ai-for-everything-why .ai-why-single {
     width: 100%;
     float: left;
     position: relative;
     display: flex;
     flex-direction: column;
     gap: 60px;
     align-items: flex-start;
}
 .ai-for-everything-why .ai-why-single .ai-why-title {
     font-weight: bold;
     font-size: 48px;
     color: #fff;
     line-height: 1.4;
     font-family: 'nortune';
}
 .ai-for-everything-why .ai-why-single .ai-why-image{
     width: 100%;
     max-width: 450px;
     position: relative;
     border-radius: 80px 80px 80px 0px;
     height: 300px;
     padding: 2px;
}
 .ai-for-everything-why .ai-why-single .ai-why-image .star-image{
     width: 80px;
     position: absolute;
     top: -40px;
     right: -40px;
     height: 80px;
}
 .ai-for-everything-why .ai-why-single .ai-why-image .star-image img{
     width: 100%;
     height: 100%;
     border-radius: 0px;
     object-fit: contain;
}
 .ai-for-everything-why .ai-why-single .ai-why-image:before{
     content: '';
     position: absolute;
     top: 0px;
     left: 0px;
     right: 0px;
     bottom: 0px;
     background: linear-gradient(90deg, #54B5FC, #DB00D0);
    /* Gradient colors */
    /* Ensures the border stays behind the content */
    /* Match the border radius of the container */
     border-radius: 80px 80px 80px 0px;
     width: 100%;
     height: 100%;
}
 .ai-for-everything-why .ai-why-single .ai-why-image img{
     object-fit: cover;
     position: absolute;
     border-radius: 80px 80px 80px 0px;
     width: calc(100% - 4px);
     height: calc(100% - 4px);
     left: 2px;
     top: 2px;
}
 .ai-for-everything-why .ai-why-single .ai-why-features {
     display: flex;
     flex-direction: column;
     gap: 50px;
     width: 100%;
     float: left;
     position: relative;
}
 .ai-for-everything-why .ai-why-single .ai-why-features .ai-why-feature-single {
     display: flex;
     flex-direction: column;
     gap: 10px;
     position: relative;
     width: 100%;
     float: left;
     position: relative;
}
 .ai-for-everything-why .ai-why-single .ai-why-features .ai-why-feature-single:after{
     content:"";
     width: 80%;
     height: 1px;
     background: #fff;
     opacity: 0.2;
     position: absolute;
     bottom: -25px;
}
 .ai-for-everything-why .ai-why-single .ai-why-features .ai-why-feature-single:last-child:after{
     content:"";
     display: none;
}
 .ai-for-everything-why .ai-why-single .ai-why-features .ai-why-feature-single .ai-why-feature-title {
     font-weight: bold;
     font-size: 1.2em;
     color: #FF8CFC;
     width: 100%;
     float: left;
     position: relative;
     text-transform: uppercase;
}
 .ai-for-everything-why .ai-why-single .ai-why-features .ai-why-feature-single .ai-why-feature-description {
     font-size: 15px;
     color: #FFFFFF;
     line-height: 1.5;
     width: 100%;
     float: left;
     position: relative;
}
 .ai-for-everything-why .ai-why-single .btn {
     float: left;
}
 .btn.btn-gradient {
}
 .ai-for-everything-revolution .ai-revolution-section .ai-revolution-title {
     width: 100%;
     float: left;
     position: relative;
     font-weight: bold;
     font-size: 48px;
     color: #fff;
     line-height: 1.4;
     font-family: 'nortune';
     text-align: center;
}
 .ai-for-everything-revolution .ai-revolution-section .ai-revolution-features {
     display: flex;
     flex-direction: row;
     justify-content: flex-start;
     width: 100%;
     float: left;
     position: relative;
     gap: 50px;
     align-items: baseline;
}
 .ai-for-everything-revolution .ai-revolution-section .ai-revolution-features .ai-revolution-feature-single {
     display: flex;
     flex-direction: column;
     gap: 15px;
     width: 100%;
     justify-content: center;
     align-items: center;
     text-align: center;
}
 .ai-for-everything-revolution .ai-revolution-section .ai-revolution-features .ai-revolution-feature-single .ai-revolution-image {
     width: 100%;
     position: relative;
     border-radius: 80px 80px 80px 0px;
     height: 300px;
     padding: 2px;
     max-width: 400px;
}
 .ai-for-everything-revolution .ai-revolution-section .ai-revolution-features .ai-revolution-feature-single .ai-revolution-image img{
     object-fit: cover;
     position: absolute;
     border-radius: 30px 30px 80px 30px;
     width: calc(100% - 4px);
     height: calc(100% - 4px);
     left: 2px;
     top: 2px;
}
 .ai-for-everything-revolution .ai-revolution-section .ai-revolution-features .ai-revolution-feature-single .ai-revolution-image:before{
     content:"";
     position: absolute;
     top: 0px;
     left: 0px;
     right: 0px;
     bottom: 0px;
     background: linear-gradient(90deg, #54B5FC, #DB00D0);
     border-radius: 30px 30px 80px 30px;
     width: 100%;
     height: 100%;
}
 .ai-for-everything-revolution .ai-revolution-section .ai-revolution-features .ai-revolution-feature-single .ai-revolution-feature-title {
     font-weight: bold;
     font-size: 1.2em;
     color: #FF8CFC;
     width: 100%;
     float: left;
     position: relative;
     text-transform: uppercase;
}
 .ai-for-everything-revolution .ai-revolution-section .ai-revolution-features .ai-revolution-feature-single .ai-revolution-feature-description {
     font-size: 15px;
     color: #FFFFFF;
     line-height: 1.5;
     width: 100%;
     float: left;
     position: relative;
}
 .ai-for-everything-backtotop .ai-backtotop-btn {
     cursor: pointer;
     color: #ffffff;
     display: flex;
     flex-direction: column;
     gap: 10px;
     text-transform: uppercase;
     font-size: 18px;
     justify-content: center;
     align-items: center;
     -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
     -o-transition: all 0.2s ease-out;
     transition: all 0.2s ease-out;
}
 .ai-for-everything-backtotop .ai-backtotop-btn:hover{
     gap: 15px;
}
 .ai-for-everything-backtotop .ai-backtotop-btn img{
     width: 15px;
     transform: rotate(180deg);
}
 .video-container {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
    /* Ensure the video stays in the background */
     display: flex;
     align-items: center;
}
/* Style the video to cover the full screen */
 .video-container video {
     width: 100%;
    /* Makes sure the video covers the full container */
     opacity: 0.1;
     position: absolute;
     mix-blend-mode: screen;
}
 .ai-for-everything-why{
     width: 100%;
     float: left;
     position: relative;
     background: #151948;
     align-items: center;
     padding: 120px 0px;
     display: flex;
}
 .ai-for-everything-revolution{
     width: 100%;
     float: left;
     position: relative;
     align-items: center;
     padding: 120px 0px;
     display: flex;
     background-image: linear-gradient(180deg, #2d1075 0%, #110E2A 100%);
     justify-content: center;
     text-align: center;
}
 .ai-revolution-section{
     width: 100%;
     float: left;
     position: relative;
     display: flex;
     flex-direction: column;
     gap: 50px;
     justify-content: center;
     margin-bottom: 40px;
}
 .ai-for-everything-backtotop{
     width: 100%;
     float: left;
     position: relative;
     background-image: linear-gradient(90deg, #67A8F2 0%, #151948 100%);
     padding: 25px 0px;
}
 .ai-multiply-group{
     width: 100%;
     float: left;
     position: relative;
     background-image: linear-gradient(90deg, #67A8F2 0%, #110E2A 100%);
}
 .ai-multiply{
     display: flex;
     justify-content: center;
     align-items: center;
     padding: 20px 0px;
     gap: 30px;
}
 .ai-multiply .ai-multiply-single{
     width: auto;
     float: left;
     position: relative;
}
 .ai-multiply .ai-multiply-single img.cross{
        width: 20px;
    height: 20px;
    min-width: 20px;
    min-height: 20px;
}
 .ai-multiply .ai-multiply-single img{
     height: auto;
     max-height: 50px;
	     width: auto;
}
 .video-about-container {
     position: relative;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     display: flex;
     align-items: center;
     justify-content: center;
}
 .video-about-container video {
     width: 100%;
     opacity: 0.2;
     position: relative;
     mix-blend-mode: color-dodge;
     max-width: 300px;
}
 .ai-for-everything-form{
     width: 100%;
     padding: 30px;
     border-radius: 20px;
     border: 1px solid rgb(255 255 255 / 50%);
     display: flex;
     gap: 20px;
     flex-direction: column;
}
 .ai-for-everything-form .ai-for-everything-form-title{
     background: linear-gradient(128deg, #54b5fc, #DB00D0);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     position: relative;
     font-weight: bold;
     font-size: 1.4em;
     width: 100%;
     float: left;
     text-transform: uppercase;
}
 .ai-for-everything-form .ai-for-everything-form-inside{
     width: 100%;
     float: left;
     position: relative;
     display: flex;
     gap: 20px;
     flex-direction: column;
}
 .ai-for-everything-form .ai-for-everything-form-inside .form-group{
     width: 100%;
     float: left;
     position: relative;
}
 .ai-for-everything-form .ai-for-everything-form-inside .form-group .form-control{
     color: #fff;
     background: rgb(255 255 255 / 10%);
     border: none;
     width: 100%;
     border-radius: 10px;
     padding: 10px 16px;
     outline: none;
     font-size: 14px;
     line-height: 1.5;
}
 @media(max-width: 767px){
     .ai-about-section, .ai-for-everything-revolution .ai-revolution-section .ai-revolution-features{
         flex-direction: column;
    }
     .ai-about-section .ai-about-single{
         width: 100%;
    }
     .ai-for-everything-why .ai-why-single{
         align-items: center;
    }
     .ai-for-everything-why .ai-why-single .ai-why-image{
         width: 80%;
    }
}

 @media(max-width: 480px){
     .ai-for-everything-page .ai-banner-section .banner-section-location ul{
		        flex-direction: column;
    align-items: center;
	 }
	 .ai-for-everything-page .ai-banner-section .banner-section-actions{
		     flex-direction: column;
    align-items: center;
	 }
}