.elementor-31216 .elementor-element.elementor-element-c8c223f{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-31216 .elementor-element.elementor-element-35e7e68{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-31216 .elementor-element.elementor-element-97d546e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-31216 .elementor-element.elementor-element-6d3a198{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-31216 .elementor-element.elementor-element-8c8e01a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-31216 .elementor-element.elementor-element-6469e98{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-31216 .elementor-element.elementor-element-d6b6d9d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-31216 .elementor-element.elementor-element-a0f9f2a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}body.elementor-page-31216:not(.elementor-motion-effects-element-type-background), body.elementor-page-31216 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(min-width:768px){.elementor-31216 .elementor-element.elementor-element-c8c223f{--content-width:1350px;}}/* Start custom CSS for container, class: .elementor-element-c8c223f *//* CVS Digital Hero — PARENT Elementor container > Advanced > Custom CSS */
.elementor-31216 .elementor-element.elementor-element-c8c223f {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background-color: #0D4C87 !important;
  background-image:
    radial-gradient(ellipse at 83% 42%, rgba(122,18,62,.54), transparent 56%),
    radial-gradient(ellipse at 15% 88%, rgba(42,142,205,.28), transparent 50%),
    linear-gradient(115deg, #0D4C87 0%, #103e70 46%, #172e59 74%, #491d46 100%) !important;
}
.elementor-31216 .elementor-element.elementor-element-c8c223f::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image: linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);
  background-size: 64px 64px;
  -webkit-mask-image: linear-gradient(90deg,transparent 5%,#000 100%);
  mask-image: linear-gradient(90deg,transparent 5%,#000 100%);
}
.elementor-31216 .elementor-element.elementor-element-c8c223f::after {
  content: "";
  position: absolute;
  top: -240px;
  right: -180px;
  width: 650px;
  height: 650px;
  border-radius: 50%;
  z-index: 0;
  pointer-events: none;
  background: radial-gradient(circle,rgba(157,72,132,.2),transparent 70%);
  filter: blur(22px);
  animation: cvs-bg-orbit 14s ease-in-out infinite alternate;
}
.elementor-31216 .elementor-element.elementor-element-c8c223f > .e-con-inner, .elementor-31216 .elementor-element.elementor-element-c8c223f > .elementor-element, .elementor-31216 .elementor-element.elementor-element-c8c223f > .elementor-widget { position: relative; z-index: 1; }
@keyframes cvs-bg-orbit { to { transform: translate(-70px,75px) scale(1.15); } }
@media(prefers-reduced-motion:reduce){.elementor-31216 .elementor-element.elementor-element-c8c223f::after{animation:none}}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-35e7e68 *//* SECTION 02: paste into the Elementor PARENT CONTAINER > Advanced > Custom CSS */
.elementor-31216 .elementor-element.elementor-element-35e7e68 {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background-color: #f6f9fc;
  background-image:
    radial-gradient(ellipse at 100% 0%, rgba(13,76,135,.075), transparent 42%),
    radial-gradient(ellipse at 0% 100%, rgba(122,18,62,.045), transparent 46%),
    linear-gradient(180deg,#f8fbfe 0%,#f1f6fb 100%);
}
.elementor-31216 .elementor-element.elementor-element-35e7e68::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background-image: radial-gradient(rgba(13,76,135,.12) .75px, transparent .75px);
  background-size: 22px 22px;
  opacity: .18;
  mask-image: linear-gradient(100deg, transparent 30%, #000 100%);
}
.elementor-31216 .elementor-element.elementor-element-35e7e68 > .elementor-element,
.elementor-31216 .elementor-element.elementor-element-35e7e68 > .e-con-inner { position: relative; z-index: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-97d546e *//* SECTION 3 | Paste into Elementor parent container > Advanced > Custom CSS */
.elementor-31216 .elementor-element.elementor-element-97d546e {
 position:relative;
 isolation:isolate;
 overflow:hidden;
 background-color:#F7FAFD;
 background-image: radial-gradient(ellipse at 0% 0%,rgba(13,76,135,.07),transparent 40%),radial-gradient(ellipse at 100% 85%,rgba(122,18,62,.055),transparent 42%),linear-gradient(180deg,#F8FBFE 0%,#F4F8FC 100%);
}
.elementor-31216 .elementor-element.elementor-element-97d546e::before {content:"";position:absolute;inset:0;pointer-events:none;opacity:.38;background-image:radial-gradient(rgba(13,76,135,.13) .7px,transparent .8px);background-size:25px 25px;mask-image:linear-gradient(130deg,transparent 35%,#000 100%)}
.elementor-31216 .elementor-element.elementor-element-97d546e > .e-con-inner, .elementor-31216 .elementor-element.elementor-element-97d546e > .elementor-element {position:relative;z-index:1;}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d3a198 *//* Section 4: Why Choose Canadian Virtual School? — Elementor parent container */
.elementor-31216 .elementor-element.elementor-element-6d3a198 {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background-color: #F7FAFD;
  background-image:
    radial-gradient(ellipse at 100% 0%, rgba(13,76,135,.085), transparent 46%),
    radial-gradient(ellipse at 0% 100%, rgba(122,18,62,.055), transparent 46%),
    linear-gradient(180deg,#F8FBFD 0%,#F1F7FB 100%);
}
.elementor-31216 .elementor-element.elementor-element-6d3a198::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .34;
  background-image: radial-gradient(#8FB2CB 0.8px, transparent 0.8px);
  background-size: 24px 24px;
  -webkit-mask-image: linear-gradient(to right,transparent,black 90%);
  mask-image: linear-gradient(to right,transparent,black 90%);
}
.elementor-31216 .elementor-element.elementor-element-6d3a198 > .e-con-inner,
.elementor-31216 .elementor-element.elementor-element-6d3a198 > .elementor-element { position: relative; z-index: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8c8e01a *//* CVS Section 5 - paste into Elementor parent container Custom CSS */
.elementor-31216 .elementor-element.elementor-element-8c8e01a{position:relative;isolation:isolate;overflow:hidden;background-color:#f7fbff!important;background-image:radial-gradient(ellipse at 95% 12%,rgba(13,76,135,.075),transparent 40%),radial-gradient(ellipse at 5% 88%,rgba(122,18,62,.045),transparent 40%),linear-gradient(180deg,#fff 0%,#f5faff 100%)!important;}
.elementor-31216 .elementor-element.elementor-element-8c8e01a::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.30;background-image:radial-gradient(#9db7ce .8px,transparent .8px);background-size:23px 23px;mask-image:linear-gradient(90deg,transparent 10%,black 85%);}
.elementor-31216 .elementor-element.elementor-element-8c8e01a>.e-con-inner,.elementor-31216 .elementor-element.elementor-element-8c8e01a>.elementor-element{position:relative;z-index:1;}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6469e98 *//* CVS Section 6: parent Elementor Container > Advanced > Custom CSS */
.elementor-31216 .elementor-element.elementor-element-6469e98 {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: radial-gradient(ellipse at 0% 25%, rgba(13,76,135,.075), transparent 45%),
              radial-gradient(ellipse at 100% 90%, rgba(122,18,62,.075), transparent 45%),
              linear-gradient(180deg,#F7FAFD 0%,#FFFFFF 50%,#F7FAFD 100%) !important;
}
.elementor-31216 .elementor-element.elementor-element-6469e98::before {
  content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background-image:radial-gradient(rgba(13,76,135,.11) .7px,transparent .7px);
  background-size:23px 23px;
  opacity:.2;
  mask-image:linear-gradient(90deg,black,transparent 43%,transparent 57%,black);
}
.elementor-31216 .elementor-element.elementor-element-6469e98 > .e-con-inner, .elementor-31216 .elementor-element.elementor-element-6469e98 > .elementor-widget {position:relative;z-index:1;}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d6b6d9d *//* CVS Section 7 FAQ - paste into parent Elementor container > Custom CSS */
.elementor-31216 .elementor-element.elementor-element-d6b6d9d {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background-color:#f7fbff;
  background-image:
    radial-gradient(ellipse at 4% 18%,rgba(13,76,135,.065),transparent 40%),
    radial-gradient(ellipse at 100% 90%,rgba(122,18,62,.045),transparent 37%),
    linear-gradient(180deg,#f8fbff 0%,#ffffff 58%,#f3f8fd 100%) !important;
}
.elementor-31216 .elementor-element.elementor-element-d6b6d9d::before {
  content:"";
  position:absolute;
  inset:0;
  background-image:radial-gradient(rgba(13,76,135,.105) .7px,transparent .7px);
  background-size:24px 24px;
  opacity:.3;
  pointer-events:none;
  -webkit-mask-image:linear-gradient(90deg,black,transparent 60%);
  mask-image:linear-gradient(90deg,black,transparent 60%);
}
.elementor-31216 .elementor-element.elementor-element-d6b6d9d > .e-con-inner,.elementor-31216 .elementor-element.elementor-element-d6b6d9d > .elementor-element {position:relative;z-index:1}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a0f9f2a *//* SECTION 8 | CVS FINAL CTA | Elementor parent container */
.elementor-31216 .elementor-element.elementor-element-a0f9f2a {
 position: relative;
 isolation: isolate;
 overflow: hidden;
 background-color: #0D4C87 !important;
 background-image:
  radial-gradient(ellipse at 80% 20%, rgba(122,18,62,.62), transparent 43%),
  radial-gradient(ellipse at 5% 90%, rgba(53,151,222,.27), transparent 49%),
  linear-gradient(115deg,#0D4C87 0%,#103D73 45%,#102A56 76%,#451A40 100%) !important;
}
.elementor-31216 .elementor-element.elementor-element-a0f9f2a::before {
 content:"";
 position:absolute;
 inset:0;
 pointer-events:none;
 z-index:0;
 background-image:linear-gradient(rgba(255,255,255,.033) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.033) 1px,transparent 1px);
 background-size:58px 58px;
 mask-image:linear-gradient(to right,transparent,black 75%);
}
.elementor-31216 .elementor-element.elementor-element-a0f9f2a::after {
 content:"";
 position:absolute;
 width:520px;height:520px;
 border-radius:50%;
 border:1px solid rgba(255,255,255,.07);
 right:-160px;top:-190px;
 z-index:0;
 pointer-events:none;
}
.elementor-31216 .elementor-element.elementor-element-a0f9f2a > .e-con-inner, .elementor-31216 .elementor-element.elementor-element-a0f9f2a > .elementor-element {
 position:relative;z-index:1;
}
@media(max-width:767px){.elementor-31216 .elementor-element.elementor-element-a0f9f2a::after{width:250px;height:250px;right:-120px;top:-100px}}/* End custom CSS */