.elementor-26 .elementor-element.elementor-element-1b69d63{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--gap:12px;--background-transition:0.3s;}.elementor-26 .elementor-element.elementor-element-2ce87b8{text-align:center;}.elementor-26 .elementor-element.elementor-element-2ce87b8 .elementor-heading-title{color:#000000;font-family:"Roboto", Sans-serif;font-size:48px;font-weight:600;}.elementor-26 .elementor-element.elementor-element-2ce87b8 > .elementor-widget-container{padding:032px 0px 01px 0px;}.elementor-26 .elementor-element.elementor-element-f8fc8ee{color:#66727D;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:500;}.elementor-26 .elementor-element.elementor-element-5b7a645 > .elementor-widget-container{padding:0px 50px 0px 50px;}.elementor-26 .elementor-element.elementor-element-9fc58a4{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--align-items:center;--background-transition:0.3s;--padding-top:0px;--padding-right:0px;--padding-bottom:24px;--padding-left:0px;}.elementor-26 .elementor-element.elementor-element-9fc58a4.e-con{--align-self:center;}.elementor-26 .elementor-element.elementor-element-4475880{text-align:center;}.elementor-26 .elementor-element.elementor-element-4475880 .elementor-heading-title{color:#000000;font-family:"Roboto", Sans-serif;font-size:48px;font-weight:600;}.elementor-26 .elementor-element.elementor-element-4475880 > .elementor-widget-container{padding:24px 0px 01px 0px;}.elementor-26 .elementor-element.elementor-element-7bca33a{color:#66727D;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:500;}.elementor-26 .elementor-element.elementor-element-01edac0{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--justify-content:center;--align-items:center;--background-transition:0.3s;--border-radius:20px 20px 20px 20px;--border-top-left-radius:20px;--border-top-right-radius:20px;--border-bottom-right-radius:20px;--border-bottom-left-radius:20px;--margin-top:0px;--margin-right:16px;--margin-bottom:0px;--margin-left:16px;--padding-top:020px;--padding-right:0px;--padding-bottom:020px;--padding-left:0px;}.elementor-26 .elementor-element.elementor-element-01edac0:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-01edac0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:var(--e-bg-lazyload-loaded);--e-bg-lazyload:url("https://elementor.youtestme.com/wp-content/uploads/2023/06/Background-banners.png");background-size:cover;}.elementor-26 .elementor-element.elementor-element-01edac0, .elementor-26 .elementor-element.elementor-element-01edac0::before{--border-transition:0.3s;}.elementor-26 .elementor-element.elementor-element-9f9e095{text-align:center;}.elementor-26 .elementor-element.elementor-element-9f9e095 .elementor-heading-title{color:#FFFFFF;}.elementor-26 .elementor-element.elementor-element-9f9e095.elementor-element{--align-self:center;}.elementor-26 .elementor-element.elementor-element-e3f1cfa .elementor-button{text-shadow:0px 0px 25px rgba(0, 0, 0, 0.5);fill:#1765A0;color:#1765A0;background-color:#FFFFFF;border-style:none;border-radius:24px 24px 24px 24px;box-shadow:0px 0px 25px 0px rgba(0,0,0,0.5);}.elementor-26 .elementor-element.elementor-element-e3f1cfa .elementor-button:hover, .elementor-26 .elementor-element.elementor-element-e3f1cfa .elementor-button:focus{border-color:#BCC6CE;}.elementor-26 .elementor-element.elementor-element-e3f1cfa{width:auto;max-width:auto;}.elementor-26 .elementor-element.elementor-element-e3f1cfa.elementor-element{--flex-grow:0;--flex-shrink:1;}.elementor-26 .elementor-element.elementor-element-91197e3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-26 .elementor-element.elementor-element-fb39804.elementor-element{--align-self:center;}body.elementor-page-26:not(.elementor-motion-effects-element-type-background), body.elementor-page-26 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(min-width:768px){.elementor-26 .elementor-element.elementor-element-01edac0{--width:50%;}}@media(max-width:767px){.elementor-26 .elementor-element.elementor-element-1b69d63{--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;}.elementor-26 .elementor-element.elementor-element-5b7a645 > .elementor-widget-container{padding:0px 12px 0px 012px;}.elementor-26 .elementor-element.elementor-element-5defa6f > .elementor-widget-container{padding:0px 16px 0px 16px;}.elementor-26 .elementor-element.elementor-element-01edac0{--margin-top:0px;--margin-right:0px;--margin-bottom:0px;--margin-left:0px;}}/* Start custom CSS for html, class: .elementor-element-0976b99 */.elementor-26 .elementor-element.elementor-element-0976b99 .page-heading-line {
	width: 110px;
	height: 6px;
	background-color: #2fabdf;
	border-radius: 500px;
	display: block;
	margin: 1px auto 0px auto;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b7a645 */.elementor-26 .elementor-element.elementor-element-5b7a645 .video-playlist-demo-wrapper-flex {
    display: grid;
	  margin-top: 50px;
	margin-bottom: 50px;
    gap: 24px;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	  justify-content: center;
    
}

.video-playlist-demo-wrapper {
    display: flex;
    flex-direction: column;
    gap: 25px !important;
}

.header-playlist { 
    display: flex;
    justify-content: space-between;
}


.header-playlist img {
	display: none !important;
}
.header-playlist h4 {
    font-family: "Roboto";
    font-size: 22px;
    margin: 0px;
    line-height: 36px;
    color: rgba(102, 114, 125, 1);
}

.line-video-playlist {
    height: 1px;
    margin-top: 10px;
    margin-bottom: 10px;
    background: rgba(188, 198, 206, 1);
}

.video-link-playlist {
    display: flex;      
    flex-direction: column;
}

.video-playlist-demo {
    padding: 24px;
    border-radius: 25px;
   box-shadow: rgba(99, 99, 99, 0.1) 0px 2px 8px 0px;
    width: auto;
    height: auto;
    display: flex;
    flex-direction: column;
    background: white;
}

.flex-video-link a {
    font-family: "Roboto";
    font-size: 16px;
    margin: 0px;
	  
    text-decoration: none;
    color: rgba(47, 171, 223, 1);
}

.flex-video-link a:hover {
    text-decoration: underline !important;
	  color: rgba(35, 153, 202, 1);
}

.flex-video-link:hover {
    border-radius: 10px;
    background-color: rgba(47, 171, 223, 0.05);
}


.flex-video-link img {
display: none;
 margin: 0 auto;
	width: 20px !important;
	height: auto !important;
}/* End custom CSS */
/* Start custom CSS for global, class: .elementor-global-1608 */.elementor-26 .elementor-element.elementor-global-1608 .banner-schedule-call {
    width: 750px;
    padding: 20px 32px 20px 32px;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    
    justify-content: space-evenly;
    background: radial-gradient(
		circle,
		rgba(244, 248, 254, 1) 46%,
		rgba(211, 230, 250, 1) 100%
	);
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	margin-top: 30px;
	margin-bottom: 30px;
}

.section-header-flex {
    display: flex;
    flex-direction: column;
    align-items: left;
    gap: 16px;
    width: auto;
}

.flex-column-text {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: auto;
}

.flex-column-text h4 {
    font-size: 20px;
    line-height: 36px;
    margin: 0px;
    color: #212B36;
    font-family: 'Roboto';
}

.flex-column-text p {
    font-size: 16px;
    font-family: 'Roboto';
    line-height: 20px;
    margin: 0px;
    color: #66727D;
    
}

.button-schedule-a-call {
cursor: pointer;
width: 120px;
height: auto;
padding: 12px 16px 12px 16px;
font-size: 16px;
line-height: 18px;
border: none !important;
color: white ;
transition: 0.5s;
background: #2FABDF;
border-radius: 10px;
text-align: center;

box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
}

.button-schedule-a-call:hover {
opacity : 0.80;   
 cursor: pointer; 
 background: #2FABDF;
}

.banner-line {
    border: 1px solid #D8DDE1 ;
    width: auto;
}

.flex-row-info-text {
    display: flex;
    height: auto;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 0px;
}

.email-flex {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.email-flex img {
    height: 20px;
    width: auto;
    
}

.section-header-flex-lef a {
    font-size: 14px;
    font-family: 'Roboto';
    color: #2FABDF;
    text-decoration: none;
    transition: color 1s ease;
}

.section-header-flex-lef a:hover {
    color: #1765A0;
    text-decoration: underline;

}

.information-text {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    height: 25px;
}

.information-text img {
    height: 20px;
    width: auto;
}

.flex-row-info-text p {
    font-size: 16px;
    line-height: 32px;
    font-family: 'Roboto';
    color: #2FABDF;
    text-decoration: none;
}

.section-header-flex-lef {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 150px;
}

.section-header-flex-lef img {
    width: 120px;
    height: 120px;
	margin-bottom: 5px;
}

.section-header-flex-lef h5 {
    font-size: 16px;
    color: #212B36;
    font-family: 'Roboto';
    margin: 0px;
}

.section-header-flex-lef p {
    font-size: 16px;
    margin: 0px;
    color: #66727D;
    font-family: 'Roboto';
}

.section-flex-row {
    display: flex;
    gap: 48px;
    align-items: center;
    flex-direction: row;
}


.info-text-bullets {
    display: inline-flex;
    gap: 10px;
}

.info-text-bullets img {
    width: 20px;
    height: auto;
}

.info-text-bullets p {
    font-size: 14px;
    margin: 0px;
    color: #66727D;
    font-family: 'Roboto';
}

.info-text-bullets b{
    font-size: 14px;
    margin: 0px;
	  font-weight: bold !important;
    color: #66727D !important;
    font-family: 'Roboto';
}

.center-section {
  display: flex;
	justify-content: center;
}


/* Small devices (mobile/tablets, 767px and below) */
@media only screen and (max-width: 766px) { 
    .elementor-26 .elementor-element.elementor-global-1608 .banner-schedule-call {
		width: 320px !important;
	  
		}
	.section-flex-row {
		display: flex;
		flex-direction: column;
		gap: 16px;
	}
	
	.flex-row-info-text {
		display: flex;
		flex-direction: column;
	}
	
	.flex-column-text h4 {
		text-align: center;
		line-height: 25px;
	}
	
	.button-schedule-a-call {
		align-self: center;
	}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1b69d63 */.elementor-26 .elementor-element.elementor-element-1b69d63 {
    background: radial-gradient(
		circle,
		rgba(244, 248, 254, 1) 46%,
		rgba(211, 230, 250, 1) 100%
	)
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-753e462 */.elementor-26 .elementor-element.elementor-element-753e462 .page-heading-line {
	width: 110px;
	height: 6px;
	background-color: #2fabdf;
	border-radius: 500px;
	display: block;
	margin: 1px auto 0px auto;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5defa6f */.elementor-26 .elementor-element.elementor-element-5defa6f .maindiv
{
	
   justify-content: center !important;
    
    border-radius: 1rem;
	display:flex;
	flex-direction: row;
   margin: 0px;
   gap: 24px;
  flex-wrap: wrap;
	width: 100%;
  
}

/*styling main headline of the website*/
.innerdiv h1
{
	margin: 0.7rem 0 0.4rem;
    
}
/*styling the small flag image in the headline*/
.innerdiv h1 img
{
	height: 2rem;
    margin-right: 0.5rem;
}
/*styling the description of the website*/
.innerdiv p{
	font-size: 1.2rem;
    color: #969393;
    margin-bottom: 1rem;

}
/*styling the each card*/
.eachdiv
{
	display: inline-block;
    width: 23.5%;
    background: white;
    box-shadow: 1px 2px 10px #33333352;
    padding: 1rem;
    margin: 0.5rem 0.4%;
    border-radius: 1rem;
    cursor: pointer;
   transition: all 0.4s ease;
}
/*card Hover State*/
.eachdiv:hover
{
	transform: scale(1.03);
	box-shadow: 2px 6px 10px #2f2f2f69;
	
}
/*styling the card images*/
.eachdiv img
{
	width: 100%;
	margin-bottom: 2rem;
    border-radius: 1rem;
}
/*styling card title*/
.eachdiv h3
{
	margin-top: -22px;
	color: #919EAB;
    margin-bottom: 0.5rem;
	font-size: 20px !important;
	
}

.eachdiv a {
    font-size: 16px;
    color: #2FABDF;
    transition: all 1s ease;
}

.eachdiv a:hover{
	color: #1765A0 !important;
	text-decoration: underline;
	
}
/*styling card description*/
.eachdiv p
{
	font-size: 0.8rem;
    color: #969696;
    margin-bottom: 0;
}
.footer p
{
	  position: fixed;
    color: white;
    bottom: 1rem;
    right: 1rem;
    font-size: 1rem;
    cursor:pointer;
}

/*Media Query Part 
For responsiveness of the website*/

/*Under 1000px styling
For medium screen devices*/
@media only screen and (max-width: 1000px){
	.maindiv {
    	margin: 3rem;
		flex-wrap:wrap !important;
	}
	.eachdiv
	{
    	width: 48%;
    }
}


/* Small devices (mobile/tablets, 767px and below) */
@media only screen and (max-width: 766px) {
    .elementor-26 .elementor-element.elementor-element-5defa6f .maindiv {
		display: flex;
		flex-wrap:wrap !important;
    
	}
	.eachdiv
	{
    	width: 100%;
    	
	}
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-e3f1cfa */.elementor-26 .elementor-element.elementor-element-e3f1cfa .elementor-button:hover {
  background-color: #1765A0;
  color: white;
  transform: scale(1.05);
  transform: color 1s ease;
  box-shadow: rgba(149, 157, 165, 0.1) 0px 8px 24px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-01edac0 */.elementor-26 .elementor-element.elementor-element-01edac0 {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9fc58a4 */.elementor-26 .elementor-element.elementor-element-9fc58a4 {
    background: radial-gradient(
		circle,
		rgba(244, 248, 254, 1) 46%,
		rgba(211, 230, 250, 1) 100%
	)
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fb39804 */.elementor-26 .elementor-element.elementor-element-fb39804 .banner {
    width: 800px;
    margin-top: 24px;
    margin-bottom: 24px;
    height: 260px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    flex-wrap: wra;
    border-radius: 24px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    background: linear-gradient(100.25deg, #171C22 1.1%, #1F3553 145.55%) !important;
}

.left {
    width: 50%;
    display: flex;
    flex-direction: column;
    padding: 36px;
    
}

.left h4 {
    font-size: 32px;
    color: white;
    margin: 0px;
    font-family: 'Roboto';
}

.left p {
    font-size: 16px;
    color: white;
    margin-top: 10px;
    font-family: 'Roboto';
}

.right {
    width: 50%;
}


.right img {
    margin-top: 50px;
    width: auto;
    height: 340px;
    background-repeat: no-repeat;
    background-size: auto;
}



.button {
    color: white;
    width: 150px;
    font-size: 16px;
    font-family: 'Roboto';
    text-decoration: none;
    padding: 10px 24px 10px 24px;
    background: #2FABDF;
    border-radius: 24px;
    text-align: center;
    transition: all .5s ease-in-out;
}

.button:hover {
  background-color: white;
  color: #2FABDF;
  transform: scale(1.05);
  box-shadow: rgba(149, 157, 165, 0.1) 0px 8px 24px;
}


/* Small devices (mobile/tablets, 767px and below) */
@media only screen and (max-width: 766px) {
    .elementor-26 .elementor-element.elementor-element-fb39804 .banner {
        height: auto;
        width: 100%;
        
    }
    
    .left {
        width: 100%;
    }
    
    .right {
        width:0%;
    }
    
    .right img {
        display:none;
    }
}


@media only screen and (min-width: 768px) {
.elementor-26 .elementor-element.elementor-element-fb39804 .banner {
    width: 700px;
}

.right img {
    width:500px;
    margin-bottom: 20px;
    height: auto;
}
}/* End custom CSS */