/cacmsfinal/<style>
				
		@-webkit-keyframes myanmi {
			  from{
				  right:-8em;
			  }
			  to{
				  right:0em;
			  }
			}	
			.form-layout{
					animation: myanmi 1s 1;
					right:15px;					
					position:relative;
					z-index:1;
				}
			
				.shadow-shap1:before{
				background:url(/cacmsfinal/image/glass.png) ;
				position:absolute;
				width:100%;
				bottom:0;
				content:"";
				opacity:0.6;
				width:100% !important;
				height:100% !important;

				border:none;

				}
				.shadow-shap1{
					position:relative;
					height:600px;
				}
				.shadow-shap1:after{
					content:"";
				opacity:1;
				position:absolute;

				width:9%;
				top:0;
				z-index:1;
				border-top-image:url(/cacmsfinal/images/glass-texture.png);
				height:100%;
				right:-125px;
				border-right:125px solid transparent;
				border-top:300px solid rgba(230,230,230,0.6);
				border-bottom:300px solid rgba(230,230,230,0.5);
				}
			
			
				.form-layout:before{
				opacity:1;
				position:absolute;
				content:"";
				width:9%;
				top:0;
				border-top-image:url(/cacmsfinal/images/glass-texture.png);
				border-right:125px solid rgba(0,100,200,0.6);
				border-top:300px solid transparent;
				border-bottom:300px solid transparent;
				left:-15px ;
				height:100%;
				}
				.form-layout:after{
				opacity:1;
				position:absolute;
				content:"";
				width:78.3%;
				background-color:rgba(0,100,200,0.6);
				border:none;
				height:900px;
				right:-1em;
				top:;
				
				
				}
				
				.shadow-shap1 ~div{
					position:absolute;
					top:30%;
					left:30%;
				}
				.shadow-shap1 ~div h1{
					font-size:70px;
					
					font-family:Oswald;
				}
				.shadow-shap1 ~div p{
					font-family:Playfair Display;
				}
				.abroad-btn{
					font-size:20px;font-family:century gothic;border-radius:100px;
				}
				.aboard-banner-page{
					background:url(/cacmsfinal/image/abroad-banner.jpg);
					
					background-repeat:no-repeat;
					background-size:100%;
					filter:grayscale(50%);
					height:600px;
					position:relative;
					padding:0px;
					justify-content:center;
					
				}
			
				@media screen and (max-width: 520px){
				
				.aboard-banner-page{
					height:300px  !important;
					overflow:hidden;
					background-size:cover !important;
				}
				.shadow-shap1, .form-layout{
					position:relative;
					
					width:100%;
					height:300px;
					padding:0px !important;
					
					
					background-size:100%;
				}
				.shadow-shap1:after{
				right:-43px;
				border-right:43px solid transparent;
				border-top:160px solid rgba(230,230,230,0.6);
				border-bottom:160px solid rgba(230,230,230,0.5);
				
					
				}
				.shadow-shap1 ~div h1{
					font-size:30px !important;
					padding-top:0em !important;
					color:rgba(70,70,70,70);
				}
				.abroad-btn{
					font-size:14px !important;
					
				}
				.shadow-shap1 ~div p{
					font-size:12px;
				}
				.shadow-shap1 ~div{
					top:4em;
					left:2em;
				}
				.form-layout:before{
					border-right:43px solid rgba(0,100,200,0.6) !important;
					border-top:160px  solid transparent !important ;
					border-bottom:160px  solid transparent !important;
					left:-43px !important;
				}
				.form-layout:after{
					
					left:0;
					width:100% !important;
				}
				.form-layout{
					right:-12px;
				}
				.form{
					position:relative ;
					z-index:9999 !important;;
				}
				.form-layout .form{
					top:0;
					left:0 !important;
					right:auto;
				}
				.form-layout .form i{
					font-size:12px !important;
					
				}
				.form-layout .form span{
					padding-top:3px;
				}
				.form-layout input{
					height:auto !important;
					max-width:80% !important;
					font-size:10px !important;
					padding:4px !important;
				}
				.form-layout .input-group .form-control::placeholder{
					color:rgba(230,230,230,1) !important;
					font-size:10px;
				}
				.form-layout .form h1{
					font-family:Oswald !important;
					font-size:20px !important;
				}
				.form-layout .form p{
					font-family:Playfair Display !important;
					font-size:11px !important;
				}
				.form-layout img{
					width:100px !important;
					height:50px !important;
				}
				.form-layout .form{
					right:auto !important;
					width:100% !important;
					left:0 !important;
				}
			}
			
			
			
			
			.aboard-banner-page input::placeholder,textarea::placeholder{
			font-size:14px;
			color:rgba(80,80,80,80) !important;
			font-family:century gothic;
			}
		
			.form i{
			color:black;
			
			}
			.aboard-banner-page .form input[type=text], .aboard-banner-page .form input[type=email], .aboard-banner-page .form textarea, .form span{
			background:rgba(200,200,200,0.8)!important;
			border:none;		
			}
			.form .input-group {
			align-items:center;	
			justify-content:center;
			
			}
			.aboard-banner-page .form .input-group i{
				padding:1em;
				color:rgba(80,80,80,80);
			}
			.aboard-banner-page .form .input-group span{
				display:flex;
			border-radius:40px 0px 0px 40px !important;
			height:50px;
			padding:0;
			}
			.aboard-banner-page .form input{
			border-radius:0px 40px 40px 0px !important;
			}
			.aboard-banner-page .form textarea, .form .btn{
			border-radius:40px !important;
			padding:1em;
			}
			.aboard-banner-page .form{
			position:absolute;
			z-index:1;
			right:2em;
			top:4em;
			width:60%;
		
			}
			@media screen and (max-width: 768px){
				.form-layout h1{
				font-size:10px !important;
			
				}
				
			}
			
			
				.aboard-banner-page{
					height:600px;
					overflow:hidden;
					background-size:cover !important;
				}
				.form-layout{
					background:red;
				}
				
				.course-details h5, h4{
		font-family:century gothic;
		font-weight:600;
			}
			.course-details p{
			font-family:century;
			}
			.course-info p{
			font-family:Lucida Sans Unicode;
			font-size:14px;
			color:gray;
			}
			.about-list li{
			list-style:none;
			color:gray;
			}
			.about-list span{
		color:rgba(0,6,0,0.6);;
		
		font-weight:bold;
			}
			.course-circle{
			background:white;
			border-radius:100%;
			height:90px;
			width:90px;
			
			position:absolute;
			padding:1em 1.3em;
			left:45%;
			top:16.6%;
			
				}
				.course-circle i{
				font-size:50px;
				}
				.border-right, .border-bottom, .border-top{
				border-color:black !important;
				}
				.course-details h6{
				font-weight:600;
				font-family:Oswald;
				font-weight:normal;
				}
				.course-details p{
						font-family:Playfair Display;
				}
				@media screen and (max-width: 520px){
					.course-details{
						top:-1em !important;
					}
					.course-details h6{
						font-size:13px !important;
						color:white;
						letter-spacing:0.5px;
					}
					.course-details p{
						font-family:Playfair Display;
						font-size:11px;
						color:rgba(230,230,230,1);
					}
					.course-details .col-4{
						text-align:left !important;
						border-right:1px solid rgba(250,250,250,0.1) !important;
						
						padding-top:0px !important;
						
						word-break:break-word;
						padding-top:0px !important;
						
					}
					.course-details .col-4 .row{
						padding-top:0px !important;
					}
					.course-details .col-4:last-child{
						border-right:none !important;
					}
					.course-details{
						padding:10px 4px !important;
						background:rgba(0,100,170,1);
						background-image:none !important;
						height:250px;
					}
					.course-details .col-4 .col-md-12{
						padding-top:10px !important;
						position:absolute;;
						top:8em;
						height:100%;
						right:-1px;
						bottom:0;
						border-top:1px solid rgba(250,250,250,0.1) !important;
						border-right:1px solid rgba(250,250,250,0.1) !important;
					}
				}
				.course-details{
					box-shadow:0px 20px 20px 0px lightgray;
					z-index:1;
					position:relative;
					top:-3em;
					
					margin-bottom:3em;
					font-family:Oswald;
					background-image: linear-gradient(-90deg,rgba(255,255,255,0.8),rgba(0,100,200,0.6));
				}
				
				
				.sidebar-list {
			font-family:comic sans ms;
			 position: sticky;
			top: 3em;
			}
			.sidebar-list .btn{
			font-size:20px;
			}
			.sidebar-list ul{
			padding-left:0px ;
			}
				.sidebar-list ul li{
				list-style:none;
				
			padding-bottom:2px;
				
				}
				.sidebar-list hr{
				margin-top:0;
				border-color:rgba(0,0,0,0.6);
				width:150px;
				margin-bottom:0px;
				}
				.sidebar-list ul li:before{
				content:"\2713";
				position:absolute;
				font-size:24px;
				color:rgba(0,0,0,0.6);
				margin-top:0.3em;
				left:1em;
				}
				.sidebar-list ul li a{
				padding-top:1em;
				padding-bottom:1em;
				font-family:comic sans ms;
				
				padding-left:2.6em;
				display:block;
				text-decoration:none;
				color:black;
				}
				.sidebar-list ul li:hover::before{
				color:white !important;
				}
				.sidebar-list ul li:hover{
				
				}
				.sidebar-list ul li a:hover{
				background:rgba(0,0,0,0.6);
				color:white;
				}
				html{
				scroll-behavior: smooth;
				}
				
				@media screen and (max-width: 768px){
					.sidebar-list li a, .sidebar-list li :before{
						font-size:11px;
					}
					.sidebar-list li:before{
					
						font-size:12px !important;
						margin-top:12px !important;	
					}
					.sidebar-list li{
						padding:0px !important;
						text-align:left;
					}
					.sidebar-list li~hr{
						width:100%;
						margin:0px;
					}
					.sidebar-list .btn{
						padding:4px;
						font-size:10px;
					}						
				
					.course-info .col-md-3 ~.col-md-9{
						text-align:center;
						
					}
					.course-info p{
						font-size:12px;
						font-family:Playfair Display;
						text-align:justify;
					}
					.course-info .about-list li{
						font-size:13px;
						font-family:Playfair Display;
						color:rgba(0,100,170,1);
						
						text-align:left;
					}
					.course-info .about-list{
						padding:0px;
					}
					.course-info{
						text-align:center;
					}
					.sidebar-list{
						border:1px solid lightgray;
						padding-bottom:0px;
					}
					.bar-list{
						position:sticky;
						top:6em;
						z-index:1;
						
					}
					.bar-list:before{
						content:'\21B9';
						background:#0064AA;
						padding:0.5em;
						color:white;
						font-weight:bold;
						position:relative;
						z-index:2;
						left:-6.3em;
						border-radius:0px 3px 3px 0px;
						
					}
					.sidebar-list{
						box-shadow:0px 0px 5px 0px rgba(0,0,0,0.2);
						padding-bottom:0px !important;
					}
				
					#list{
						display:none;
					}
					#list:checked~.main-side-list{
						display:block;
					}
					.main-side-list{
						display:none;
						position:sticky;
						z-index:2;
						max-height:0;
						top:7.6em;
						margin-left:-7.7em;
					}
				}
				@media screen and (max-width: 520px){
						.bar-list:before{
							left:-1em;
						}
						.main-side-list{
							left:-1em;
							top:7.3em !important;
							margin-top:1.3em;
						}
				}
				.course-info .phn-img{
						background:none;
						position:relative;
						width:100%;
						left:0px;
						height:100%;
						text-align:left;
						overflow:hidden;
						border-radius:15px;
					}
					.course-info .phn-img:after{
						content:'';
						position:absolute;					
						border-radius:35px;
						height:100%;
						background:url(/cacmsfinal/image/phone-abroad4.png);
						background-size:95%;
						background-repeat:no-repeat ;
						width:100%;
						top:-0.3em
						left:2em !important;
						
					}
				.phn-img{
					background:url(/cacmsfinal/image/phone.png);
					height:300px;
					
					background-size:70%;
					
					background-repeat:no-repeat;
				}
					.course-info .phn-img:before{
						content:'';
						position:absolute;
						top:0;
						z-index:1;
						background:url(/cacmsfinal/image/phone.png);
						background-size:100%;
						background-repeat:no-repeat ;
						overflow:hidden;
						left:0;
						height:100%;
						width:100%;
					}

					#list{
						display:none;
					}
			
				 .aboard-program h3,  .aboard-program h4,  .aboard-program h2{
					 color:rgba(50,50,50,50);
				 }
				 
				 	@media screen and (max-width: 520px){
								.alert-dark h2{
									font-size:20px;
									padding-top:20px !important;
								}
								.alert-dark h5{
									font-size:15px;
								}
								.alert-dark .bg-white{
									margin-top:20px !important;
								}
								.alert-dark .course-circle{
									top:0;
									display:block;
									left:37%;
								}
								.alert-dark .col-4 span, .alert-dark .col-6 span{
									font-size:12px !important;
									
								}
								
							}
							
						.line:before{
						
						}
						.phn-img{
							
						}
						.abroad-page-img{
							width:30%;float:left;padding-right:2em;
							
						}
						.abroad-page-img2{
							width:30%;float:right;padding-left:2em;
							
						}
						
			</style>