h1, h2, h3
{
    text-transform:uppercase;
}
ul
{
    padding-left:0px;
}
li
{
    list-style: none;
    padding-bottom: 10px;
}
.wpcf7 input[type="tel"] {
    height: 45px;
        border: 1px solid #e5e7eb;
}
.header-toolbar
{
    padding: 5px 0px;
}
.header-toolbar ul li
{
   list-style:none; 
   display:inline;
    padding: 0px 10px;
}
.header-toolbar ul li a
{
    color:#ffffff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 300;
}
.header-toolbar ul li a:hover
{
    text-decoration: underline;
}
.header-toolbar-menu2
{
    text-align:right;
}
.header
{
    padding:10px;
    margin: 0px;
    box-shadow: 0px 5px 20px -20px #000000;
}
.wp-block-navigation__responsive-container-content, .wp-block-navigation__responsive-dialog {
    gap: 30px;
    text-align: center;
    display: inline-block;
}
.wp-block-navigation {
    text-align: center;
}
.wp-block-navigation .wp-block-navigation-item
{
    padding-top: 20px;
}
.wp-block-navigation a {
    color: #000000;
    font-weight: 400;
    font-family: 'Oswald';
    font-size: 17px;
    letter-spacing: 1px;
}
.wp-block-navigation a:hover {
    color: #130083 !important;
}
.wp-block-buttons
{
   float:right;
}
.header-button a {
   padding: 10px 23px;
    font-size: 14px;
    color: #ffffff;
    font-family: Oswald;
    margin-top: 14px;
    background-color: #fd4063;
     border-width:0px !important;
    border-style: none;
    letter-spacing: 0.5px;
}
.header-button a:hover
{
     background-color: #130083;
}
.sub-footer
{
    border-style: solid;
    border-top: 1px solid #343434;
    border-left: none;
    border-right: none;
    border-bottom: none;
    padding-top: 40px;
}
.footer .wp-block-navigation a
{
    font-size: 14px;
    letter-spacing: 0px;
}
.footer .has-small-font-size
{
        font-size: 13px !important;
}
.animated-button a
{
    color: #ffffff;
    font-size:16px;
    font-weight:600;
}
.animated-button a:hover
{
    text-decoration:underline;
}
.animated-border-box, .animated-border-box-glow {

  height: 100%;
  width: 80%;
  position: absolute;
  overflow: hidden; 
  z-index: 0;
  /* Border Radius */
	border-radius: 10px;
	text-align: center;
    padding: 20px 20px 10px;
}

.animated-border-box a
{
    text-decoration: none;
    color: #ffffff;
}
.animated-border-box a:hover
{
    color: #ffffff;
}
.animated-border-box-glow{
  overflow: hidden;
  /* Glow Blur */
  filter: blur(20px);
}

.animated-border-box:before, .animated-border-box-glow:before {
  content: '';
  z-index: -2;
  text-align: center;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(0deg);
  position: absolute;
	width: 99999px;
	height: 99999px;
	background-repeat: no-repeat;
	background-position: 0 0;
  /*border color, change middle color*/
	background-image: conic-gradient(rgba(0,0,0,0), #1976ed, rgba(0,0,0,0), #FC4CDA 50%);
  /* change speed here */
	animation: rotate 4s linear infinite;
}

.animated-border-box:after {
	content: '';
	position: absolute;
	z-index: -1;
  /* border width */
	left: 5px;
	top: 5px;
  /* double the px from the border width left */
	width: calc(100% - 10px);
	height: calc(100% - 10px);
  /*bg color*/
	background:#130083;
  /*box border radius*/
	border-radius: 10px;
}

@keyframes rotate {
	100% {
		transform: translate(-50%, -50%) rotate(1turn);
	}
}

/*// Border Animation END//*/

/* //Blog//  */
.vc_gitem-is-link
{
    display: none;
}
/* Slider button end */
.align-center
{
    text-align:center;
}
.white-text
{
    color:#ffffff;
}
.slider-content-top
{
    margin-top: -110px;
}
.slider-custom-box {
    background-color: #FFFFFF66;
    --display: flex;
    --background-transition: 0.3s;
    border-style: solid;
    --border-style: solid;
    border-width: 2px 2px 2px 2px;
    --border-top-width: 2px;
    --border-right-width: 2px;
    --border-bottom-width: 2px;
    --border-left-width: 2px;
    border-color: #FFFFFF;
    border-radius: 15px 15px 15px 15px;
    --border-color: #FFFFFF;
    --border-radius: 15px 15px 15px 15px;
    box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.0784313725490196);
    padding-top: 30px;
    --padding-bottom: 48px;
    --padding-left: 15px;
    --padding-right: 15px;
    text-align: center;
    margin-bottom:40px;
}
.slider-custom-box:hover {
   
    background-color: #FFFFFF;
    box-shadow: 0 .125rem .375rem rgba(0, 0, 0, .05), 0 .5rem 1.2rem rgba(0, 0, 0, .1) !important;

}
.text-rainbow-animation {
  --bg-size: 400%;
    --color-one: #1900A7;
    --color-two: #FC4CDA;
    --color-three: #5f54ff;
    background: linear-gradient(45deg, var(--color-one), var(--color-two), var(--color-three), var(--color-two), var(--color-one)) 0 0 / var(--bg-size) 100%;
    /* position: relative; */
    background-clip: text;
  -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;  
  animation: rainbow-animation 35s linear infinite;
}

@keyframes rainbow-animation {
    to {
        background-position: 4500vh;
    }
}

.home-container-box
{
background-color: #130083;
/*background-image: linear-gradient(140deg, #130083 12%, #FC4CDA 100%);*/
    border-radius: 20px;
    padding-bottom: 40px;
}
.home-container-box2
{
background-color: #f1f1f1;
    border-radius: 20px;
    padding-bottom: 40px;
}
.explore-button
{
    text-align:center;
    font-size: 14px;
    font-weight: 600;
}
.explore-button a {
    color:#000000;
    padding: 15px 40px;
    border-style: solid;
    border-width: 2px;
    border-color: #000000;
    border-radius: 10px 10px 10px 10px;
    --raven-button-widget-icon-size: 16px;
    background-color: #02010100;
    background-image: none;
    text-decoration: none;
}
.explore-button a:hover {
    background-color: #FC4CDA;
    background-image: linear-gradient(270deg, #FC4CDA 0%, #3613FA 100%);
    border-radius: 10px 10px 10px 10px;
    color:#ffffff;
}
.explore-button2
{
    text-align:center;
    font-size: 14px;
    font-weight: 600;
}
.explore-button2 a {
    color:#ffffff;
    padding: 15px 40px;
    border-style: solid;
    border-width: 2px;
    border-color: #ffffff;
    border-radius: 10px 10px 10px 10px;
    --raven-button-widget-icon-size: 16px;
    background-color: #02010100;
    background-image: none;
    text-decoration: none;
}
.explore-button2 a:hover {
    background-color: #FC4CDA;
    background-image: linear-gradient(270deg, #FC4CDA 0%, #3613FA 100%);
    border-radius: 10px 10px 10px 10px;
    color:#ffffff;
}
.inner-img img {
  transition: 0.2s;
  
}

.inner-img img:hover {
  -webkit-transform: scale(1.1);
            transform: scale(1.1);
}

.custom-row1 
{
    
    z-index: 0;
}
.custom-row1 .wpb_single_image
{
       margin-top: -680px;
    /* height: auto; */
    /* z-index: -99999999999; */
    /* position: absolute; */
    position: static;
    z-index: 0;
}
.custom-row2
{
   margin-top: -200px;
    position: absolute;
    z-index: 999999;
}
.custom-row3
{
   margin-top: -130px;
    position: absolute;
    z-index: 999999;
    background: #1e00c9;
    width: 68%;
    border: 20px;
    border-style: solid;
    border-color: #fff;
    padding: 0px 10px 20px 30px;
    left: 90px;
    color:#ffffff;
}
.custom-box
{
    background-color: transparent;
    background-image: linear-gradient(140deg, #1e0f72 12%, #661356 100%);
    border-radius: 20px;
    --background-transition: 0.3s;
    border-style: solid;
    --border-style: solid;
    border-width: 2px 2px 2px 2px;
    --border-top-width: 2px;
    border-right-width: 2px;
    --border-bottom-width: 2px;
    --border-left-width: 2px;
    border-color: #222091;
    --border-color: #222091;
    --border-radius: 15px 15px 15px 15px;
    box-shadow: 0px 18px 46px 0px rgba(0, 0, 0, 0.0784313725490196);
    padding: 0px 20px;
}
.custom-box h5
{
    color:#ffffff;
}
.custom-box p
{
    color:#ffffff;
}
.custom-box2:hover {
    box-shadow: 0 .125rem .375rem rgba(0, 0, 0, .05), 0 .5rem 1.2rem rgba(0, 0, 0, .1) !important;
    transform: translate(0, -6px) !important;
}
.custom-box2
{
    background-color: #FFFFFF66;
    min-width: 0px;
    padding: 40px 30px !important;
    border-radius: 32px;
    background-color: #ffffff;
    box-shadow: 0 0.015rem 0.20rem rgb(255 255 255 / 5%), 0 0.1rem 0.7rem rgb(157 157 157 / 10%) !important;
    transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    margin-bottom: 40px;
}
.custom-box4
{
    background-color: #FFFFFF66;
    min-width: 0px;
    padding: 40px 30px !important;
    border-radius: 0px;
    background-color: #ffffff;
    box-shadow: 0 0.015rem 0.20rem rgb(255 255 255 / 5%), 0 0.1rem 0.7rem rgb(157 157 157 / 10%) !important;
    transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    margin-bottom: 40px;
}
.custom-box3
{
     background-color: #FFFFFF66;
    --display: flex;
    --background-transition: 0.3s;
    border-style: solid;
    --border-style: solid;
    border-width: 2px 2px 2px 2px;
    --border-top-width: 2px;
    --border-right-width: 2px;
    --border-bottom-width: 2px;
    --border-left-width: 2px;
    border-color: #FFFFFF;
    border-radius: 15px 15px 15px 15px;
    --border-color: #FFFFFF;
    --border-radius: 15px 15px 15px 15px;
    box-shadow: 0px 18px 46px 0px rgba(0, 0, 0, 0.0784313725490196);
    padding-top: 30px;
    --padding-bottom: 48px;
    --padding-left: 15px;
    --padding-right: 15px;
    text-align:center;
    margin-bottom: 40px;
}
.content-space
{
    padding: 10px 20px 10px;
}
.vc_cta3-content-header h4
{
    font-size:22px;
}
.page-product-card {
    border-style: solid;
    border-radius: 20px;
    Background: #ffffff;
    border-color:#ffffff;
    padding: 20px 10px 20px;
    margin-bottom: 40px;
    box-shadow: 0 0.015rem 0.20rem rgb(255 255 255 / 5%), 0 0.1rem 0.7rem rgb(157 157 157 / 10%) !important;
    transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.page-product-card:hover {
    
    box-shadow: 0 .125rem .375rem rgba(0, 0, 0, .05), 0 .5rem 1.2rem rgba(0, 0, 0, .1) !important;
    transform: translate(0, -6px) !important;
}
.section-bg1
{
    background-color: transparent;
    background-image: linear-gradient(270deg, #f1f1f1 35%, #130083 0%);
}
.section-bg2
{
    background-color: transparent;
    background-image: linear-gradient(270deg, #130083 65%, #f1f1f1 0%);
}
.custom-content-box
{
    margin-top: -220px;
    background: #130083;
    z-index: 9999999;
    text-align: center;
    position: relative;
    padding: 0px 5px 20px;
}
.custom-content-box2
{
    width:100%;
    margin-top: -120px;
    background: #0b004dde;
    z-index: 9999999;
    position: relative;
    padding: 5px 5px 20px;
    display: inline-block;
}
.custom-title
{
    margin-top: -120px !important;
    position: relative;
    
}
.vc_tta-color-grey.vc_tta-style-modern .vc_tta-panel.vc_active .vc_tta-panel-title>a {
    color: #000000;
}
.vc_tta-color-grey.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-title>a {
    color: #000000;
}
.sec-img-title
{
        color: #ffffff;
    background-color: #130083;
    padding:15px 10px;
}
.sec-img-title2
{
        color: #141414;
    text-align: center;
    padding: 6px 8px 6px 16px;
    position: absolute;
    top: auto;
    bottom: 16px;
    left: 30px;
    right: 30px;
    background-color: #ffffffc2;
    border-radius: 5px;
}
/*mobile*/

@media (max-width: 781px) {
    h2
    {
        font-size: 40px;
    }
    .header-toolbar
    {
        text-align: center;
    }
    .header-toolbar-menu2 {
    text-align: center;
    border-top: 1px solid #6c79bd;
}
    .header .wp-block-image
    {
        text-align: center;
    }
    .header-menu
    {
    background: #130083;
    padding: 10px 20px !important;
    }
    .wp-block-navigation
    {
    background: #ffffff;
    padding: 5px;
    width: auto;
        float: left;
    }
    .header-button
    {
    margin-top: -37px !important;
        margin-right: 10px !important;
    }
    .section-bg1
    {
        background-color: #130083 !important;
        background-image: linear-gradient(270deg, #130083 35%, #130083 0%) !important;
    }
    .section-bg2
    {
        background-color: #130083 !important;
        background-image: linear-gradient(270deg, #130083 35%, #130083 0%) !important;
    }
}