html {     scroll-behavior: smooth;}.hide { display: none; }html, body {max-width: 100%;overflow-x: hidden;-webkit-max-width: 100%;-webkit-overflow-x: hidden;-webkit-overflow-y: hidden;-webkit-overflow-scrolling: touch;}html {    overflow-x: initial !important;}button:hover, button:active, button:focus {  outline: none;  box-shadow: none;}.preloader_class_hide{  display: none;}.logo_set{  width:300px;  height:200px;}.logo_set { animation: logo_set 2.3s   0.000s ease infinite; }@keyframes logo_set {  0%   { }  50%   { transform: translateY(30px) }  100%   { }}#preloader_sys{   background:#000 url('../img/logo_1.webp') no-repeat ;  -webkit-background:#000 url('../img/logo_1.webp') no-repeat ;     background-position: 50% 20%;  -webkit-background-position: 50% 20%;  height: 100vh;  width: 100%;  position: fixed;  z-index: 10000;  -webkit-z-index: 10000;  }          .ring_sys  {    position:absolute;    top:50%;    left:50%;    transform:translate(-50%,-50%);    width:150px;    height:150px;    background:transparent;    border:3px solid #3c3c3c;    border-radius:50%;    text-align:center;    line-height:150px;    font-family:sans-serif;    font-size:20px;    color:#fff000;    letter-spacing:4px;    text-transform:uppercase;    text-shadow:0 0 10px #fff000;    box-shadow:0 0 20px rgba(0,0,0,.5);  }  .ring_sys:before  {    content:'';    position:absolute;    top:-3px;    left:-3px;    width:100%;    height:100%;    border:3px solid transparent;    border-top:3px solid #fff000;    border-right:3px solid #fff000;    border-radius:50%;    animation:animateC_sys 2s linear infinite;  }    #spn_new  {    display:block;    position:absolute;    top:calc(50% - 2px);    left:50%;    width:50%;    height:4px;    background:transparent;    transform-origin:left;    animation:animate_sys 2s linear infinite;  }    #spn_new:before  {    content:'';    position:absolute;    width:16px;    height:16px;    border-radius:50%;    background:#fff000;    top:-6px;    right:-8px;    box-shadow:0 0 20px #fff000;  }  @keyframes animateC_sys  {    0%    {      transform:rotate(0deg);    }    100%    {      transform:rotate(360deg);    }  }  @keyframes animate_sys  {    0%    {      transform:rotate(45deg);    }    100%    {      transform:rotate(405deg);    }  }      .bk1{                    background-image: linear-gradient(to right, #11212d, #11212d8c, #06141b);    -webkit-background-image: linear-gradient(to right, #11212d, #11212d8c, #06141b);                }  .bk1_0{                      clip-path: polygon(0 0, 100% 0, 100% calc(100% - 5vw), 50% 100%, 0 calc(100% - 5vw));      -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 5vw), 50% 100%, 0 calc(100% - 5vw));                              background-image: linear-gradient(to right, #11212d5b, #11212d31, #06141b00),url('../img/Carousel/WRP Web Banner 2_1.png');      -webkit-background-image: linear-gradient(to right, #11212d5b, #11212d31, #06141b00),url('../img/Carousel/WRP Web Banner 2_1.png');                        background-size: cover;      -webkit-background-size: cover;            }      .bk1_1{      clip-path: polygon(0 0, 100% 0, 100% calc(100% - 5vw), 50% 100%, 0 calc(100% - 5vw));      -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 5vw), 50% 100%, 0 calc(100% - 5vw));      background-image: linear-gradient(to right, #ffffff, #ffffff);      -webkit-background-image: linear-gradient(to right, #ffffff, #ffffff);            background-size: cover;      -webkit-background-size: cover;      }    .bk1_2{      clip-path: polygon(0 0, 100% 0, 100% 100%, 50% calc(100% - 5vw), 0 100%);	      -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 50% calc(100% - 5vw), 0 100%);	                                    background-image: linear-gradient(to right, #17319c, #17319c);      -webkit-background-image: linear-gradient(to right, #17319c, #17319c);                                          }     .bk1_3{      clip-path: polygon(0 0, 100% 0, 100% calc(100% - 5vw), 50% 100%, 0 calc(100% - 5vw));      -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 5vw), 50% 100%, 0 calc(100% - 5vw));      background-image: linear-gradient(to right, #ffffff, #ffffff);      -webkit-background-image: linear-gradient(to right, #ffffff, #ffffff);                        }        .bk1_4{      clip-path: polygon(0 0, 100% 0, 100% calc(100% - 5vw), 50% 100%, 0 calc(100% - 5vw));      -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 5vw), 50% 100%, 0 calc(100% - 5vw));                  background-image: linear-gradient(to right, #1344af, #1344af);      -webkit-background-image: linear-gradient(to right, #1344af, #1344af);                        background-size: cover;      -webkit-background-size: cover;      }            .bk1_4_0_1{         clip-path: polygon(0 0, 100% 0, 100% calc(100% - 5vw), 50% 100%, 0 calc(100% - 5vw));        -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 5vw), 50% 100%, 0 calc(100% - 5vw));                                        background-image: linear-gradient(to left, #1344af, #1344af);        -webkit-background-image: linear-gradient(to left, #1344af, #1344af);                                         }              .bk1_4_1{         clip-path: polygon(0 0, 100% 0, 100% calc(100% - 5vw), 50% 100%, 0 calc(100% - 5vw));        -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 5vw), 50% 100%, 0 calc(100% - 5vw));                        background-image: linear-gradient(to left, #1344af, #1344af);        -webkit-background-image: linear-gradient(to left, #1344af, #1344af);                                    }                .bk1_4_1_1{           clip-path: polygon(0 0, 100% 0, 100% calc(100% - 5vw), 50% 100%, 0 calc(100% - 5vw));          -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 5vw), 50% 100%, 0 calc(100% - 5vw));                                        background-image: linear-gradient(to left, #1344af, #1344af);          -webkit-background-image: linear-gradient(to left, #1344af, #1344af);                                        }                .bk1_4_2{         clip-path: polygon(0 0, 100% 0, 100% calc(100% - 5vw), 50% 100%, 0 calc(100% - 5vw));        -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 5vw), 50% 100%, 0 calc(100% - 5vw));                background-image: linear-gradient(to right, #0c255c, #739efc);        -webkit-background-image: linear-gradient(to right, #0c255c, #739efc);                        background-size: cover;         -webkit-background-size: cover;         }                .bk1_4_2_1{           clip-path: polygon(0 0, 100% 0, 100% calc(100% - 5vw), 50% 100%, 0 calc(100% - 5vw));          -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 5vw), 50% 100%, 0 calc(100% - 5vw));                              background-image: linear-gradient(to right, #0c255c, #739efc);          -webkit-background-image: linear-gradient(to right, #0c255c, #739efc);                                        background-size: cover;          -webkit-background-size: cover;          }          .bk1_4_3{             clip-path: polygon(0 0, 100% 0, 100% calc(100% - 5vw), 50% 100%, 0 calc(100% - 5vw));            -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 5vw), 50% 100%, 0 calc(100% - 5vw));                        background-image: linear-gradient(to right, #0c255c, #739efc);            -webkit-background-image: linear-gradient(to right, #0c255c, #739efc);                                    background-size: cover;             -webkit-background-size: cover;                 }        .bk1_5{      clip-path: polygon(0 0, 100% 0, 100% calc(100% - 5vw), 50% 100%, 0 calc(100% - 5vw));      -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 5vw), 50% 100%, 0 calc(100% - 5vw));            background-image: linear-gradient(to right,  #ffffff, #ffffff);      -webkit-background-image: linear-gradient(to right,  #ffffff, #ffffff);                              background-repeat: repeat;                        }    .bk1_6{    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 5vw), 50% 100%, 0 calc(100% - 5vw));      -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 5vw), 50% 100%, 0 calc(100% - 5vw));                  background-image: linear-gradient(to right, #03919e, #03919e);       -webkit-background-image: linear-gradient(to right, #03919e, #03919e);                         background-size: cover;      -webkit-background-size: cover;      }    .bk1_7{      clip-path: polygon(0 0, 100% 0, 100% calc(100% - 5vw), 50% 100%, 0 calc(100% - 5vw));      -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 5vw), 50% 100%, 0 calc(100% - 5vw));            background-image: linear-gradient(to right,  #1f2438, #1f2438),url('../img/Education_People.mp4');       -webkit-background-image: linear-gradient(to right,  #1f2438, #1f2438),url('../img/Education_People.mp4');                          }    .bk1_8{      clip-path: polygon(0 0, 100% 0, 100% calc(100% - 5vw), 50% 100%, 0 calc(100% - 5vw));      -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 5vw), 50% 100%, 0 calc(100% - 5vw));            background-image: linear-gradient(to right, rgba(255, 255, 255, 0.651), rgba(255, 255, 255, 0.651));      -webkit-background-image: linear-gradient(to right, rgba(255, 255, 255, 0.651), rgba(255, 255, 255, 0.651));            background-size: cover;      -webkit-background-size: cover;      }    .bk1_9{      clip-path: polygon(0 0, 100% 0, 100% calc(100% - 5vw), 50% 100%, 0 calc(100% - 5vw));      -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 5vw), 50% 100%, 0 calc(100% - 5vw));      background-image: linear-gradient(to right, rgba(255, 255, 255, 0.651), rgba(255, 255, 255, 0.651));      -webkit-background-image: linear-gradient(to right, rgba(255, 255, 255, 0.651), rgba(255, 255, 255, 0.651));      background-size: cover;       -webkit-background-size: cover;       }    .bk1_11{                        background-image: linear-gradient(to left, #1344af, #1344af);      -webkit-background-image: linear-gradient(to left, #1344af, #1344af);      background-size: cover;      -webkit-background-size: cover;      }    .bk1_12{                background-image: linear-gradient(to right, #1344af, #1344af);    -webkit-background-image: linear-gradient(to right, #1344af, #1344af);    background-size: cover;    -webkit-background-size: cover;    }	      .bk1, .bk1_0, .bk1_1, .bk1_2, .bk1_3, .bk1_4, .bk1_4_1, .bk1_4_2, .bk1_4_0_1, .bk1_4_1_1, .bk1_4_2_1, .bk1_5, .bk1_6,       .bk1_7, .bk1_8, .bk1_9, .bk1_10, .bk1_11, .bk1_12, .bk1_13      {                                                             position:relative;          -webkit-position:relative;          background-position:absolute ;          -webkit-background-position:absolute ;          background-size:100% 120%;          -webkit-background-size:100% 120%;          background-repeat:no-repeat;          -webkit-background-repeat:no-repeat;          background-attachment:fixed;          -webkit-background-attachment:fixed;          margin-bottom: -5%;          -webkit-margin-bottom: -5%;                }            .bk1_0{z-index: 200;  -webkit-z-index: 200;}      .bk1_6{z-index: 190;  -webkit-z-index: 190;}       .bk1_5{z-index: 180;  -webkit-z-index: 180;}       .bk1_4{z-index: 170;  -webkit-z-index: 170;}      .bk1_4_0_1{z-index: 171;  -webkit-z-index: 171;}      .bk1_2{z-index: 160;  -webkit-z-index: 160;}      .bk1_1{z-index: 150;  -webkit-z-index: 150;}      .bk1_4_1{z-index: 140;  -webkit-z-index: 140;}      .bk1_4_1_1{z-index: 141;  -webkit-z-index: 141;}      .bk1_3{z-index: 130;  -webkit-z-index: 130;}      .bk1_4_2{z-index: 120;  -webkit-z-index: 120;}      .bk1_4_2_1{z-index: 121;  -webkit-z-index: 121;}      .bk1_7{z-index: 110;  -webkit-z-index: 110;}      .bk1_8{z-index: 100;  -webkit-z-index: 100;}      .bk1_9{z-index: 90;  -webkit-z-index: 90;}      .bk1_10{z-index: 80;  -webkit-z-index: 80;}      .bk1_11{z-index: 70;  -webkit-z-index: 70;}      .bk1_12{z-index: 60;  -webkit-z-index: 60;}      .bk1_13{z-index: 50;  -webkit-z-index: 50;}      .bk1{background-size:100% 230%;  -webkit-background-size:100% 230%;}            .bk1_1{background-size:100% 330%;  -webkit-background-size:100% 330%;}      .bk1_2{background-size:100% 330%;  -webkit-background-size:100% 330%;}      .bk1_3{background-size:100% 350%;  -webkit-background-size:100% 350%;}      .bk1_4{background-size:100% 200%;  -webkit-background-size:100% 200%;}      .bk1_4_1{background-size:100% 350%;  -webkit-background-size:100% 350%;}      .bk1_4_1_1{background-size:100% 350%;  -webkit-background-size:100% 350%;}      .bk1_4_0_1{background-size:100% 350%;  -webkit-background-size:100% 350%;}      .bk1_4_2{background-size:100% 350%;  -webkit-background-size:100% 350%;}      .bk1_4_2_1{background-size:100% 350%;  -webkit-background-size:100% 350%;}      .bk1_5{background-size:100% 350%;  -webkit-background-size:100% 350%;}      .bk1_6{background-size:100% 350%;  -webkit-background-size:100% 350%;}      .bk1_7{background-size:100% 250%;  -webkit-background-size:100% 250%;}      .bk1_12{background-size:100% 250%;  -webkit-background-size:100% 250%;}            .bk1_2{                              }      .bk1_5{        background-repeat:repeat;        background-position:relative ;        -webkit-background-repeat:repeat;        -webkit-background-position:relative ;      }            .bk1_0{             background-position: center;        background-size: cover;                -webkit-background-position: center;        -webkit-background-size: cover;        }@font-face {    font-family: "Font_1";    src: url('../fonts/Poppins-Regular.ttf');}@font-face {    font-family: "Font_2";    src: url('../fonts/Bangers.ttf');}@font-face {    font-family: "Font_3";    src: url('../fonts/Blocklyn-CondensedItalic.otf');} .fnt_1 {font-family: "Font_1";}.fnt_2 {font-family: "Font_2";}.fnt_3 {font-family: "Font_3";}    @media only screen and (min-width: 900px) {  .cs_large {    display: block;  }  .cs_small {    display: none;  }}@media only screen and (max-width: 900px) {  .cs_large {    display: none;  }  .cs_small {    display: block;  }}@media only screen and (min-width: 900px) {  .cs_3_window_large {    display: block;  }  .cs_3_window_medium {    display: none;  }  .cs_3_window_small {    display: none;  }}@media only screen and (max-width: 900px) {  .cs_3_window_large {    display: none;  }  .cs_3_window_medium {    display: block;  }  .cs_3_window_small {    display: none;  }}@media only screen and (max-width: 500px) {  .cs_3_window_large {    display: none;  }  .cs_3_window_medium {    display: none;  }  .cs_3_window_small {    display: block;  }}#navtop_2 {  height: 70px;   width: 100%;  position: fixed;  top:0px;  left:0;      z-index: 1000;      -webkit-box-shadow:0px 0px 20px rgba(255, 255, 255, 0.3);    opacity:0.85;  }.btn_shine-shine {        transform: translate(-50%, -50%);      background: linear-gradient(to right, #ffffff 0, #00333d 10%, #006a80 40%);  background-position: 0;  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;  animation: shine 3s infinite linear;  animation-fill-mode: forwards;  -webkit-text-size-adjust: none;  font-weight: 600;  font-size: 16px;  text-decoration: none;  white-space: nowrap;  font-family: "Poppins", sans-serif;}@-moz-keyframes shine {  0% {    background-position: 0;  }  60% {    background-position: 180px;  }  100% {    background-position: 280px;  }}@-webkit-keyframes shine {  0% {    background-position: 0;  }  60% {    background-position: 180px;  }  100% {    background-position: 280px;  }}@-o-keyframes shine {  0% {    background-position: 0;  }  60% {    background-position: 180px;  }  100% {    background-position: 280px;  }}@keyframes shine {  0% {    background-position: 0;  }  60% {    background-position: 180px;  }  100% {    background-position: 280px;  }}.nav_bar_buttons_2 {    width: 100%;    position: relative;  user-select: none;  padding: 4px 8px;  border: 1px solid #546069;  box-shadow: inset 0px 0px 0px 1px #a9c5d3;  border-radius: 4px;  color: #fff;  text-shadow: 1px 1px #000;  background: linear-gradient(           #86b6be,    #4e96a2 50%,    #166777 50%,    #1e6b7a 75%,    #54a3ab  );  isolation: isolate;}.vista-button {  position: relative;  cursor: pointer;  padding: 4px 8px;  border: none;  border-radius: 4px;  background: transparent;  color: #fff;  text-shadow: 1px 1px #000;  transition:    0.25s all,    0.1s translate;}.vista-button::after {  content: "";  position: absolute;  z-index: -1;  inset: 0;  border: 1px solid #0d404e;  box-shadow: inset 0px 0px 0px 1px #a9c5d3;  border-radius: inherit;  background: linear-gradient(#b0c9d7, #5a8ba5 50%, #185576 50%, #326c8b);  background-repeat: no-repeat;  opacity: 0;  transition: inherit;}.vista-button:hover::after {  opacity: 0.5;}.vista-button:active {  translate: 1px 1px;}.vista-button:active::after {  opacity: 1;  translate: -1px -1px;}#navtop___{    width: 100%;  position: fixed;   top:0;      background: #ffffff;   z-index: 1000;  -webkit-box-shadow:0px 0px 20px rgba(44,44,44,.3);    opacity:0.85;}.menu_Top_Menus {  padding: 0.5rem;  background-color: #fff;    position: fixed;  display: flex;  justify-content: center;    box-shadow: 0 10px 25px 0 rgba(#000, 0.075);  z-index: 1000;  width: 100%;}.link_Top_Menus {  display: inline-flex;  justify-content: center;  align-items: center;    width: 70px;  height: 20px;    border-radius: 8px;  position: relative;  z-index: 1;  overflow: hidden;  transform-origin: center left;  transition: width 0.2s ease-in;  text-decoration: none;  color: inherit;  &:before {    position: absolute;    z-index: -1;    content: "";    display: block;    border-radius: 8px;    width: 100%;    height: 100%;    top: 0;    transform: translateX(100%);    transition: transform 0.2s ease-in;    transform-origin: center right;    background-color: #eee;  }  &:hover,  &:focus {    outline: 0;    width: 130px;    &:before,    .link_Top_Menus-title_Top_Menus {      transform: translateX(0);      opacity: 1;    }  }}.link_Top_Menus-icon {  width: 28px;  height: 28px;  display: block;  flex-shrink: 0;  left: 18px;  position: absolute;  #svg_icons {    width: 28px;    height: 28px;  }}.link_Top_Menus-title_Top_Menus {  transform: translateX(100%);  transition: transform 0.2s ease-in;  transform-origin: center right;  display: block;  text-align: center;  text-indent: 28px;  width: 100%;}#nav {  height: 70px;  width: 100%;  position: fixed;  top:36px;  left:0;    background: #ffffff;   z-index: 1000;  -webkit-box-shadow:0px 0px 20px rgba(44,44,44,.3);    opacity:0.85;  }.button_1_sec_nav {        color: #003b88;        font-size: 25px;    border: none;    background: none;    font-weight: 600;      }    .button_1_sec_nav::before {    margin-left: auto;  }    .button_1_sec_nav::after, .button_1_sec_nav::before {    content: '';    width: 0%;    height: 2px;    background: #ffe536;    display: block;    transition: 0.5s;  }    .button_1_sec_nav:hover::after, .button_1_sec_nav:hover::before {    width: 100%;  }  #hamburger-icon {  margin: auto 0;  display: none;  cursor: pointer;      transform: translateX(85%) translateY(-250%);}#hamburger-icon div {  width: 35px;  height: 3px;  background-color: #ffe536;  margin: 6px 0;  transition: 0.4s;    }.open .bar1 {  -webkit-transform: rotate(-45deg) translate(-6px, 6px);  transform: rotate(-45deg) translate(-6px, 6px);}.open .bar2 {  opacity: 0;}.open .bar3 {  -webkit-transform: rotate(45deg) translate(-6px, -8px);  transform: rotate(45deg) translate(-6px, -8px);}.open .mobile-menu {  display: flex;  flex-direction: column;  align-items: left;  justify-content: flex-start;}.mobile-menu {  display: none;  position: absolute;   top: 47px;   left: -33%;   height: calc(100vh - 50px);  width: 100%;  }.mobile-menu li {  margin-bottom: 0px;  }@media only screen and (max-width: 900px) {  .nav_bar {    display: none;  }  #hamburger-icon {    display: block;  }}.shape_1_textbox_sec_nav{    border: 1px solid #003b88;  border-radius: 10px;        width: 40%;      background-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff);  -webkit-background-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff);          }.button_1_sec_top {    cursor: pointer;    position: relative;    padding: 10px 24px;    font-size: 18px;    color: #ffe536;    border: 2px solid #ffe536;    border-radius: 34px;    background-color: transparent;    font-weight: 600;    transition: all 0.3s cubic-bezier(0.23, 0.75, 0.320, 0.75);     overflow: hidden;  }    .button_1_sec_top::before {    content: '';    position: absolute;    inset: 0;    margin: auto;    width: 70px;     height: 70px;     border-radius: inherit;    scale: 0;    z-index: -1;    background-color: #ffe536;    transition: all 0.6s cubic-bezier(0.23, 0.75, 0.320, 0.75);   }    .button_1_sec_top:hover::before {    scale: 3;  }    .button_1_sec_top:hover {    color: #212121;    scale: 1.1;    box-shadow: 0 0px 20px #ffe536;  }    .button_1_sec_top:active {    scale: 1;  }  .shape_1_line_PublishingProrducts{    height: 5px;    width: 200px;     background-color: #ffffff;     border-radius: 30px;    clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);     -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);     }    .shape_1_PublishingProrducts{        border: 1px solid #ffffff;    border-radius: 10px;    position:relative;    text-align:center;    align-items: center;    width: 100%;    top: 220px;                 background-image: linear-gradient(to right, #00521f, #00521f);    -webkit-background-image: linear-gradient(to right, #00521f, #00521f);        }.shape_2_PublishingProrducts{    border: 1px solid #ffffff;  border-radius: 10px;  position:relative;  text-align:center;  align-items: center;  width: 100%;  top: 220px;             background-image: linear-gradient(to right, #003b88, #003b88);    -webkit-background-image: linear-gradient(to right, #003b88, #003b88);    }.shape_3_PublishingProrducts{    border: 1px solid #ffffff;  border-radius: 10px;  position:relative;  text-align:center;  align-items: center;  width: 100%;  top: 220px;             background-image: linear-gradient(to right, #003b88, #003b88);    -webkit-background-image: linear-gradient(to right, #003b88, #003b88);    }.shape_4_PublishingProrducts{    border: 1px solid #ffffff;  border-radius: 10px;  position:relative;  text-align:center;  align-items: center;  width: 100%;  top: 220px;             background-image: linear-gradient(to right, #003b88, #003b88);    }.shape_5_PublishingProrducts{    border: 1px solid #ffffff;  border-radius: 10px;  position:relative;  text-align:center;  align-items: center;  width: 100%;  top: 220px;             background-image: linear-gradient(to right, #000000, #000000);    -webkit-background-image: linear-gradient(to right, #000000, #000000);    }        .micro-slider {    height: 480px;    position: relative;    width: 100%;    }        .micro-slider.fullwidth {    height: 480px;        }    .micro-slider.fullwidth .slider-item {    height: 480px;    line-height: 480px;    width: 100%    }    .slider-wrapper {    overflow: hidden;    position: relative;    transform-style: preserve-3d;    transform-origin: 0 50%;    }    .slider-item {    background: #ffffff00;            color: #FFF;    display: none;         height: 320px;        left: 0;    position: absolute;    text-align: center;        top: -80px;     width: 320px;     cursor: pointer;    }        .indicators {    bottom: 0px;    left: 50%;    list-style-type: none;    margin: 0 0 0 -77px;    padding: 0;    position: absolute;    }    .indicators li {    color: #fff;    float: left;    height: 16px;    margin-right: 8px;    text-align: center;    width: 16px;    }    .indicators li:last-child {margin: 0;}    .indicators a {    background: #FFF;    border-radius: 8px;    border: 1px solid #E6E9EC;    color: #FFF;    display: inline-block;    height: 16px;    width: 16px;    }    .indicators .active a {background: #11212d;}             .s1 {background-image: url('../img/Book-1.webp'); background-size: 320px 320px;}    .s2 {background-image: url('../img/Book-2.webp'); background-size: 320px 320px;}    .s3 {background-image: url('../img/Book-2-1.png'); background-size: 320px 320px;}    .s4 {background-image: url('../img/Book-3.webp'); background-size: 320px 320px;}    .s5 {background-image: url('../img/Book-4.webp'); background-size: 320px 320px;}                .holographic-card {        display: flex;  justify-content: center;  align-items: center;  position: relative;  overflow: hidden;  border-radius: 15px;  transition: all 0.5s ease;}.holographic-card h2 {    font-size: 2rem;  position: relative;  z-index: 2;}.holographic-card::before {  content: '';  position: absolute;  top: -50%;  left: -50%;  width: 200%;  height: 200%;  background: linear-gradient(    0deg,     transparent,     transparent 30%,         #ffffff  );  transform: rotate(-45deg);  transition: all 0.5s ease;  opacity: 0;}.holographic-card:hover {  transform: scale(1.05);    box-shadow: 0 0 20px #ffffff80;}.holographic-card:hover::before {  opacity: 1;  transform: rotate(-45deg) translateY(100%);}.svg_shadow_testimonials{  filter: drop-shadow( 3px 3px 2px #0000007e);  -webkit-filter: drop-shadow( 3px 3px 2px #0000007e);}.play_button_circle {  position: relative;  display: flex;  align-items: center;  justify-content: center;  width: 100%;    max-width: 9rem;    margin: 3rem;  margin-bottom: 3rem;}.play_button_circle:before,  .play_button_circle:after {  content: "";  position: absolute;  border-radius: 50%;  animation: pulsOut 1.8s ease-in-out infinite;  filter: drop-shadow(0 0 1rem #ffffffbf);  }.play_button_circle:before {  width: 100%;  padding-bottom: 100%;  box-shadow: inset 0 0 0 1rem #fff;  animation-name: pulsIn;}.play_button_circle:after {  width: calc(100% - 2rem);  padding-bottom: calc(100% - 2rem);  box-shadow: 0 0 0 0 #fff;}@keyframes pulsIn {  0% {    box-shadow: inset 0 0 0 1rem #fff;    opacity: 1;  }  50%, 100% {    box-shadow: inset 0 0 0 0 #fff;    opacity: 0;  }}@keyframes pulsOut {  0%, 50% {    box-shadow: 0 0 0 0 #fff;    opacity: 0;  }  100% {    box-shadow: 0 0 0 1rem #fff;    opacity: 1;  }}.modal_1_sec_Testimonials,.modal_2_sec_Testimonials,.modal_3_sec_Testimonials,.modal_4_sec_Testimonials,.modal_5_sec_Testimonials{  display: none;   position: fixed;   z-index: 1000;   left: 0;  top: 0;  width: 100%;  height: 100%;  background-color: #000000;   background-color: #000000b6; }.modal-content_sec_Testimonials {  background-color: #000000;  margin: auto;      border: 2px solid #888;  border-radius: 8px;        overflow: hidden;    height: 500px;  width: 80%;  position: relative;   top: 12%;  overflow-x: hidden;  -webkit-overflow-x: hidden;}  .close_1_sec_Testimonials,   .close_2_sec_Testimonials,   .close_3_sec_Testimonials,   .close_4_sec_Testimonials,   .close_5_sec_Testimonials    {            color: #ffffff;        right:0;    font-size: 28px;    font-weight: bold;    padding: 5px 20px;    position: absolute;    z-index: 1500;   }.close_1_sec_Testimonials:hover,.close_2_sec_Testimonials:hover,.close_3_sec_Testimonials:hover,.close_4_sec_Testimonials:hover,.close_5_sec_Testimonials:hover,.close_1_sec_Testimonials:focus, .close_2_sec_Testimonials:focus, .close_3_sec_Testimonials:focus, .close_4_sec_Testimonials:focus, .close_5_sec_Testimonials:focus {    color: #9488ff;  text-decoration: none;  cursor: pointer;    text-shadow: 0px 0px 20px #ffffffc0;}.shape_1_bk_ourMission{            z-index: -10;  position: absolute;  top: 30%;   left:-16%;    }      .shape_2_bk_ourMission{            z-index: -10;  position: absolute;  top: 50%;  left:0%;    }    @media only screen and (min-width: 900px) {  .shape_1_bk_ourMission{    z-index: -10;    position: absolute;    top: 30%;     left:-16%;  }  .shape_2_bk_ourMission{    z-index: -10;    position: absolute;    top: 50%;    left:50%;  }}@media only screen and (max-width: 900px) {  .shape_1_bk_ourMission{    z-index: -10;    position: absolute;    top: 3%;     left:-16%;  }  .shape_2_bk_ourMission{    z-index: -10;    position: absolute;    top: 70%;     left:0%;  }}.mid_center_1_ourMission{position: absolute;left: 50%;top: 35%;transform: translateX(-50%) translateY(-50%);}.shape_1_ourMission{height: 100%;width: 100%;background-color: black;clip-path: circle(50%);}.shape_1_line_ourMission{height: 5px;width: 100px;background-color: #2c73df; border-radius: 30px;clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);  }.shape_1_bk_ourMission_NOT{height: 70%;width: 80%;background-image: linear-gradient(to right, #1295a110,#1295a141);border-radius: 0px;z-index: -10;position: absolute;top: 30%; left:-1%; --p: 120px;aspect-ratio: 1;clip-path: polygon(0 0,calc(100% - var(--p)) 0,100% 100%,0 100%);}.shape_test_sec_ourMission_NOT{  height: 100%;   aspect-ratio: cos(30deg);  clip-path: polygon(-50% 50%,50% 100%,150% 50%,50% 0);  background: #3B8686;    box-shadow: 5.5px 5.5px 10px #5e5e5e;}.shape_2_sec_ourMission_NOT{  height: 100%;   aspect-ratio: cos(30deg);      background: #ffffff00;     box-shadow: 5.5px 5.5px 10px #5e5e5e;}.sec_testi_visible {  display: contents; }.sec_testi_in_visible {  display: none; }.background_wrap_1_sec_ourMission {  width: 100%;  height: 100%;  overflow: hidden;  top: 0;  left: 0;  }    #video-bg-elem_1_sec_ourMission {  top: 0;  left: 0;  min-height: 100%;  min-width: 100%;  }  .shape_1_line_staff{height: 5px;width: 400px;background-color: #ffffff; border-radius: 30px;clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);  }.shape_1_Large_staff{  height: 100%;  width: 100%;  background-color: black;  clip-path: circle(40%);      }  .shape_1_bk_sec_Staff{  height: 150%;  width: 100%;     background-image: linear-gradient(to right, #1295a110,#1295a141);  -webkit-background-image: linear-gradient(to right, #1295a110,#1295a141);  border-radius: 0px;    z-index: 100;  position: relative;   top: -20%;               --s: 50px;  aspect-ratio: 3/2;    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 5vw), 50% 100%, 0 calc(100% - 5vw));}.shape_1_line_wholesale{height: 5px;width: 200px; background-color: #2c73df; border-radius: 30px;clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%); }.card {display: block;clip-path: circle(40%);width: 100%;height: 100%;padding: 15px;border: 3px solid #ffffff;border-radius: 8px;box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); color: white;text-align: center;}.card p {font-size: 14px;color: white;}.slider {width: 100%;height: 250px;  overflow: hidden;mask-image: linear-gradient(to right, transparent, #000 10% 90%, transparent);}.slider .list {display: flex;width: 100%;min-width: calc(var(--width) * var(--quantity));position: relative;}.slider .list .item {width: var(--width);height: var(--height);position: absolute;left: 100%;animation: autoRun 15s linear infinite; transition: filter 0.5s; animation-delay: calc( (15s / var(--quantity)) * (var(--position) - 1) - 15s  ) !important;}.slider .list .item img {width: 100%;}@keyframes autoRun {from {left: 100%;}to {left: calc(var(--width) * -2); }}.slider:hover .item {animation-play-state: paused !important;filter: grayscale(1);}.slider .item:hover {filter: grayscale(0);}.slider[reverse="true"] .item {animation: reversePlay 20s linear infinite; }@keyframes reversePlay {from {left: calc(var(--width) * -2); }to {left: 100%;}}.shape_1_line_aboutUs{height: 5px;width: 200px; background-color: #2c73df; border-radius: 30px;clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%); }.shape_1_line_ourvalues{height: 5px;width: 200px; background-color: #2c73df; border-radius: 30px;clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%); }.shape_1_line_whycollab{height: 5px;width: 200px; background-color: #2c73df; border-radius: 30px;clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%); }.shape_1_Large_AboutUs{  height: 100%;  width: 100%;  background-color: black;  clip-path: circle(40%);  }.sec_5_mid_center_1_AbouUs{  position: absolute;  left: 50%;  top: 45%;  transform: translateX(-50%) translateY(-50%);  }.sec_5_mid_center_1_OurValues{  position: absolute;  left: 50%;  top: 50%;  transform: translateX(-50%) translateY(-50%);  }.sec_5_mid_center_1_WhyCollab{  position: absolute;  left: 50%;  top: 35%;  transform: translateX(-50%) translateY(-50%);  }.shape_1_Small_AboutUs{  height: 100%;  width: 100%;  background-color: black;  clip-path: circle(40%);  }.sec_5_smview_mid_center_1{  position: absolute;  left: 50%;  top: 50%;  transform: translateX(-50%) translateY(-50%);  }.shape_1_bk_sec_OurValues{  height: 150%;  width: 100%;     background-image: linear-gradient(to right, #1295a110,#1295a141);  border-radius: 0px;    z-index: 100;  position: relative;   top: -100%;             clip-path: polygon(0 0, 100% 0, 100% calc(100% - 5vw), 50% 100%, 0 calc(100% - 5vw));}.shape_1_bk_sec_whycollab{  height: 150%;  width: 100%;     background-image: linear-gradient(to right, #1295a110,#1295a141);  border-radius: 0px;    z-index: 100;  position: relative;   top: -25%;      clip-path: polygon(0 0, 100% 0, 100% calc(100% - 5vw), 50% 100%, 0 calc(100% - 5vw));}.button_1_sec_whycollab {    cursor: pointer;    position: relative;    padding: 10px 24px;    font-size: 18px;    color: #ffe536;    border: 2px solid #ffe536;    border-radius: 34px;    background-color: transparent;    font-weight: 600;    transition: all 0.3s cubic-bezier(0.23, 1, 0.320, 1);    overflow: hidden;  }    .button_1_sec_whycollab::before {    content: '';    position: absolute;    inset: 0;    margin: auto;    width: 50px;    height: 50px;    border-radius: inherit;    scale: 0;    z-index: -1;    background-color: #ffe536;    transition: all 0.6s cubic-bezier(0.23, 1, 0.320, 1);  }    .button_1_sec_whycollab:hover::before {    scale: 3;  }    .button_1_sec_whycollab:hover {    color: #212121;    scale: 1.1;    box-shadow: 0 0px 20px #ffe536;  }    .button_1_sec_whycollab:active {    scale: 1;  }  .shape_1_line_WhyChoose{height: 5px;width: 200px; background-color: #2c73df; border-radius: 30px;clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%); }.shape_1_bk_staff{z-index: -10;position: absolute;top: 30%; left:6%;}.shape_2_bk_staff{z-index: -10;position: absolute;top: 50%;left:75%;}.shape_3_bk_staff{            z-index: -10;  position: absolute;  top: 30%;   left:6%;    }      .shape_4_bk_staff{            z-index: -10;  position: absolute;  top: 80%;  left:5%;     }.vector_pen{width: 40%; height: 40%; transform: translate(0%, 30%);}.bk_card_social_2 {font-family: sans-serif;}.container_body_1 .card_ss_1 .icon {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #1295a1;}.container_body_1 .card_ss_1 .icon .fa {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-size: 80px;color: #fff;}.slide_ss_1{background: #ffffff;}.container_body_1 .card_ss_1 .slide_ss_1 {width: 250px; height: 200px; transition: 0.5s;}.container_body_1 .card_ss_1 .slide_ss_1.slide1_ss1 {position: relative;display: flex;justify-content: center;align-items: center;z-index: 1;transition: .7s;transform: translateY(100px);}.container_body_1 .card_ss_1:hover .slide_ss_1.slide1_ss1{transform: translateY(0px);}.container_body_1 .card_ss_1 .slide_ss_1.slide2_ss2 {position: relative;display: flex;justify-content: center;align-items: center;padding: 20px;box-sizing: border-box;transition: .8s;transform: translateY(-100px);box-shadow: 0 20px 40px rgba(0,0,0,0.4);}.container_body_1 .card_ss_1:hover .slide_ss_1.slide2_ss2{transform: translateY(0);}.container_body_1 .card_ss_1 .slide_ss_1.slide2_ss2::after{content: "";position: absolute;width: 30px;height: 4px;bottom: 15px;left: 50%;left: 50%;transform: translateX(-50%);background: #ffe536;}.container_body_1 .card_ss_1 .slide_ss_1.slide2_ss2 .content p {margin: 0;padding: 0;text-align: center;color: #414141;}.container_body_1 .card_ss_1 .slide_ss_1.slide2_ss2 .content h3 {margin: 0 0 10px 0;padding: 0;font-size: 24px;text-align: center;color: #414141;} .content h3 {font-size: 24px;text-align: center;color: #ffffff;position: absolute;left: 50%;top: 75%; transform: translateX(-50%) translateY(-50%);}.background_wrap_1 {width: 100%;height: 100%;overflow: hidden;top: 0;left: 0;} #video-bg-elem {top: 0;left: 0;min-height: 100%;min-width: 100%;}.logo_resize_Footer {  width:100%;  height:100%;}@media screen and (max-width:900px) {  .logo_resize_Footer {        transform: translateX(50%);    width:50%;    height:50%;  }}.button_1_sec_footer {    color: #ffffff;    font-weight: 400;  cursor: pointer;  position: relative;  border: none;  background: none;    transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);  transition-duration: 400ms;  transition-property: color;}.button_1_sec_footer:focus,.button_1_sec_footer:hover {  color: #ffe536; }.button_1_sec_footer:focus:after,.button_1_sec_footer:hover:after {  width: 100%;  left: 0%;}.button_1_sec_footer:after {  content: "";  pointer-events: none;  bottom: -2px;  left: 50%;  position: absolute;  width: 0%;  height: 2px;  background-color: #ffe536;  transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);  transition-duration: 400ms;  transition-property: width, left;}