@font-face {
            font-family: Aileron;
            font-weight: 700;
            src: url(assets/css/aileron.bold.otf) format('opentype')
        }

        @font-face {
            font-family: Aileron;
            font-weight: 400;
            src: url(assets/css/aileron.regular.otf) format('opentype')
        }

        * {

            font-family: "Aileron" !important;
        }

        header nav div a {
            color: whitesmoke;
            font-size: 20px;

        }


        header nav div a:hover {
            color: #4477b9;

        }


        #sec-1 {
            padding-left: 40px;
            background: #1f1f1f;
            height: 68vh;
            padding-top: 100px;
            color: whitesmoke;
            width: 100%;
        }

		
		#sec-1 img{
			width:100%;	
		}


        .sec-1-first {

            line-height: 50px;
        }


        .sec-1-first .title {
            font-size: 65px;
            font-weight: 500;
        }

        .sec-1-first .small-line {
            font-size: 30px;
            font-weight: 500;
        }


        .sec-1-first .desc {
            font-size: 25px;
            /* width: 80%; */
            line-height: 35px;
            margin-top: 10px;
            text-transform: uppercase;
            /* color: #2C3E50; */
        }


        .sec-1-two {


            background-image: url('assets/images/update/ai-robot.png');
            background-position: center right;
            background-repeat: no-repeat;

            margin-top: 190px;
            width: 52%;
            height: 60vh;
            background-size: 100%;
        }

        @media only screen and (max-width:639px) {
            /* #sec-1 {
                flex-direction: column-reverse;
                padding: 0;
                position: relative;
                top: 0%;
            }

            .sec-1-first {
                width: 100%;
                padding: 20px;
            }

            .sec-1-two {
                width: 100%;
                margin-top: 0;
            } */




            .item-box {
                width: 100% !important;
                margin-left: 10px;
                margin-right: 10px;
            }

            .item-box img {
                height: 250px !important;
                padding: 20px;
                width: 400px !important;
            }

            .footer-main img {
                width: 100% !important;
                height: 500px !important;
            }


            .sec-1-first .title {
                font-size: 30px;
            }

            .sec-3-items-main div:nth-child(2) h3 {
                font-size: 25px !important;
            }

            .sec-3-items-main div:nth-child(3) {
                font-size: 17px !important;
            }

            .tagline {
                font-size: 16px !important;
            }

            .desc {
                font-size: 20px !important;
            }

        }

        #sec-2 {
            color: #4477b9;
            background-color: white;
            width: 100%;
            padding-top: 15px;

        }

        #sec-2 h3 {
            text-align: center;
            font-size:35px;
            font-weight: 700;
        }

        #sec-2 h6 {
            font-size: 1.8rem;
            text-align: center;
        }

        .items {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            margin-top: 50px;


        }

        .item-box {
            width: 40vw;
            margin-top: 100px;
            flex: 0 3 300px;
            margin: 0 20px;
        }



        .item-box span {
            font-size: 20px;
            text-align: center;
            width: 100%;
            color: #4477b9;
        }

        .item-box a div:first-child {
            /* border: 1px solid grey; */
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .item-box a div:nth-child(2) span {
            font-size: 24px;

        }

        .item-box a div:nth-child(2) {
            text-align: justify;
            height: 70px;
                margin: 0 auto;
    width: 90%;

    margin-top: 15px;
        }

.item-box a div:nth-child(3) {
            font-size: 18px;
            color: white;
            width: 90%;
            margin: 0 auto;
            text-align: justify;
            height: 75px;
        }

        .item-box a div:last-child {
            font-size: 16.5px;
            color: #2b2b2b;
            width: 90%;
            margin: 0 auto;
            text-align: justify;
            margin-top: 10px;
            margin-bottom: 10px;
        }




        .item-box img {
            width: 595px !important;
            height: 350px;
            border-radius: 25px;
        }



        #sec-4 {
            background-color: #f2f4ff;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .sec-4-main {
            width: 800px;
            height: 250px;
            background-color: white;
            border: 1px solid whitesmoke;
            outline: none;
            display: flex;
            flex-direction: column;
            margin-left: 10px;
            margin-right: 10px;

        }

        .sec-4-main div:first-child {
            background-color: rgba(95, 158, 160, 0.863);
            width: 200px;
            height: 18px;
            margin: 20px auto;

        }

        .sec-4-main div:nth-child(3) {
            font-size: 20px;
            width: 90%;
            margin: 0 auto;
            margin-bottom: 15px;
        }
        .sec-4-main div:last-child{
            margin-top: 18px;
        }

        .sec-4-main div:last-child a {
            background-color: #039;
            color: white;
            width: 105px;
            height: 50px;
            border: none;
            outline: none;
            font-size: 18px;
            padding: 12px;
            border-radius: 10px;
        }

        .sec-4-main div {
            /* margin: 7px 0; */
            margin: 0 auto;
        }

        .sec-4-main div:last-child a:hover {
            background-color: skyblue;
            color: #039;
            cursor: pointer;
        }


        .map {
            position: relative;
            background-color: black;
            padding: 0;
        }

        .footer-main img {
            width: 100%;
            opacity: 0.6;
            height: 95vh;
        }

        .footer-main {
            position: relative;
            /* padding: 0 50px; */
        }

        .footer-main h4 {
            position: absolute;
            color: white;
            z-index: 1;
            text-align: center;
            width: 100%;
            margin-top: 30px;
        }

        .pin {
            position: absolute;
            width: 0.7em;
            height: 0.7em;
            border-radius: 50%;

        }

        .pin::before {
            content: '';
            background: greenyellow;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 100%;
            height: 100%;
            border-radius: 50%;
            animation: pulse 1.3s ease-in-out infinite;
        }

        .pin span {
            display: inline-block;
            white-space: nowrap;
            position: absolute;
            left: 1.5em;
            color: white;
            top: 50%;
            transform: translateY(-50%);
            background: black;
            border-radius: 3em;
            padding: 0.3em 0.6em;
            font-size: 0.9em;
        }

        .china {
            right: 29%;
            top: 50%;
        }

        .botswana {
            bottom: 28%;
            right: 47%;
        }

        .surat {
            bottom: 42%;
            right: 36%;
            z-index: 1;
        }

        .mumbai {
            right: 36.4%;
            bottom: 41%;
        }

        .surat span {
            top: -100% !important;
        }

        .russia {
            top: 28%;
            right: 30%;
        }

        .belgium {
            top: 40%;
            right: 51%;
        }

        #sec-5 {
            width: 100%;
            padding: 40px 0 100px 0;
        }

        .sec-5-main {
            display: flex;
            margin-top: 30px;
        }

        .sec-5-main .sec-5-items {
            width: 300px;
            height: 150px;
            text-align: center;
            margin-left: 10px;
            margin-right: 10px;
        }

        .sec-5-items {
            font-size: 22px;
        }

        .sec-5-main div img {
            width: 60px;
            justify-content: center;
        }

        .sec-5-main div div {
            display: flex;
            width: 100%;
            flex-direction: column;
            color: #002A54;
            font-weight: 550;
        }

        .sec-5-items div span {
            font-size: 16px;
            color: black;
            text-align: justify ;
        }

        .arrow {
            justify-content: center;
        }

        .sec-5-main .arrow img {
            width: 50px;
            opacity: 0.7;
        }


        .sec-4-main h4 {
            font-weight: 550;
        }

        #sec-5 h4 {
            font-weight: 600;
            font-size: 35px;
        }

        @media only screen and (max-width:639px) {
            .sec-5-main div img {
                width: 30px;
            }

            .sec-5-items {
                font-size: 15px;
            }

            .sec-5-main {
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
            }

            .sec-5-items {
                flex: 0 3 95px;
            }

            .sec-5-items div span {
                font-size: 10px;
            }

            .sec-5-main .arrow {
                display: none;
            }

            .sec-5-main .arrow img {
                width: 10px !important;
            }

            #sec-4 {
                flex-direction: column;
            }

            .sec-4-main {
                width: 100%;
                margin: 10px;
            }
			.items{
				margin-top:10px !important;
			}

			
			.item-box a div img{
				width:430px !important;
			}
			.two-line_list{
				width:80% !important;
				padding:0 0 0 15px !important;
			}
            #sec-1{
                padding: 100px 0 0 0;
                height: fit-content;
            }
            #sec-1 img{
                width: 100vw;
                 position: relative;
                 z-index: 1;
            }
            .item-box a div:nth-child(2){
                /*height: 105px !important;*/
            }
            .item-box a div:nth-child(3){
                height: 95px !important;
            }
            #sec-1 div:first-child{
                display: block !important;
                                line-height: 15px;
            }
            #sec-1 div:first-child h4{
                font-size: 13px !important;
				text-align: center;
            }
            #sec-1 div:nth-child(2){
                        display: block !important;
        
       
            }
			#sec-2 h3{
				font-size:23px !important;
			}
        }

        @media (min-width:639px) and (max-width:768px) {

            .sec-5-items div span {
                font-size: 10px !important;
            }

            .sec-5-main .arrow img {
                width: 20px !important;
            }

            .sec-5-main div img {
                width: 30px !important;
            }

            .sec-5-items {
                font-size: 13px !important;
            }


            .item-box img {
                height: 180px !important;
                width: 300px !important;
            }

            .item-box a div:nth-child(2) span {
                font-size: 20px !important;
            }

            .item-box a div:last-child {
                font-size: 15px !important;
            }


            .title {
                font-size: 45px !important;
            }

            .tagline {
                font-size: 35px !important;
            }

            .desc {
                font-size: 27px !important;
            }

            #sec-1 {
                flex-direction: column-reverse;
                /* padding: 0; */
                position: relative;
                top: 0%;
                        height: 55vh !important;
            }
           #sec-1 img{
                width: 95vw;
                position: relative;
                 z-index: 1;
            }

            .sec-1-two {
                width: 100% !important;
                height: 100vh !important;
                background-image: url('assets/images/update/ai-robot.png');
                margin-top: 100px;
            }
            .item-box a div:nth-child(3){
                height: 95px !important;
                font-size: 16px;
            }
           #sec-1 div:first-child{
                display: block !important;
                line-height: 15px;
            }
            #sec-1 div:first-child h4{
                font-size: 25px !important;
            }
            #sec-1 div:nth-child(2){
                        display: block !important;
                        bottom: -16% !important;
                        z-index: 0;
                        left: 0%;
        
       
            }

        }

#sec-1 div:nth-child(2){
    background-color: black;
    width: 100%;
    height: 212px;
    position: absolute;
    border-radius: 50%;
    /* clip-path: ellipse(); */
    bottom: -38%;
    box-shadow:0 0 60px #6c757d, 0 0 90px #6c757d, 0 0 100px #6c757d;
}

        .tagline {
            font-size: 40px;
            text-transform: uppercase;
            margin-top: 5px;
            font-weight: 600;
        }

        .logo {
            /* margin-left: 20px; */
            margin-right: 40px;
        }

        @media (min-width:768px) and (max-width:1024px) {

            .item-box img {
                height: 200px !important;
                width: 350px !important;
            }

            .item-box a div:nth-child(2){
                /*height: 100px !important;*/
            }
            .item-box a div:nth-child(2) span {
                font-size: 20px !important;
            }

            .item-box a div:last-child {
                font-size: 16px !important;
				height:90px !important;
            }

            .item-box {
                margin: 0 35px;
            }


            .sec-5-items div span {
                font-size: 13px;
            }

            .sec-5-main .arrow img {
                width: 20px !important;
            }

            .sec-5-main div img {
                width: 40px;
            }

            .sec-5-items {
                font-size: 18px;
            }
			
			#sec-1{
				height:47vh !important;
			}
			#sec-1 img{
				width:100% !important;
				height:37vh !important;
			}
			.two-line_list{
				padding:0 0 0 10px !important;
			}
        }


        @media (min-width:1024px) and (max-width:1440px) {
            .item-box img {
                width: 350px !important;
                height: 250px !important;
            }
        }
        .para a{
            width: 27px;
    height: 27px;
    display: inline-block;
    margin-right: 15px;
    margin-top: 5px;
    line-height: 60px
        }


        #sec-5{
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
			background-color:#f2f4ff;
        }
        .sec-5-main{
            width: 100%;
            height: 10%;
            flex-wrap: wrap;
            justify-content: center;
        }
        .sec-5-main-item{
            display: flex;
            align-items: center;
            flex: 0 2 450px;
            margin: 15px 0;

        }
        .sec-5-main-item img{
            margin: 15px;
        }
        .sec-5-main-item div span:first-child{
            font-size: 20px;
        }


        #sec-5 div:nth-child(3){
            font-size: 25px;
        }
        #sec-5 div:nth-child(3) a{
             background-color: #039;
            color: white;
            width: 105px;
            height: 50px;
            border: none;
            outline: none;
            font-size: 18px;
            padding: 12px;
        }
        .sec-4-main:nth-child(3) div h4{
            font-size: 20px !important;
        }
        #sec-1 div:first-child{
            display: none;
        }
        #sec-1 div:nth-child(2){
            display: none;
        }
		
		.two-line_list{
		display: flex;
    flex-wrap: wrap;
			padding:0 0 0 25px;
			margin-top:10px;
		}
		
		.two-line_list li::marker{
			content:"• ";
		margin-right:0.5em;
			font-size:18px;
		}
		.two-line_list li{
			color:#2b2b2b;
			padding:0 0 0 4px;
			list-style-position:inside;
			font-size:16.5px;
 		}