/* ----------------------------------------------------------------------------------------
* Author        : s3ich4n
* File          : CSS file for SVGs
* Version       : 1.0
/* ----------------------------------------------------------------------------------------

/************************************/
/** 01. Global settings about SVGs **/
/************************************/
.shape {
    height: 90px;
    width: 90px;
}

/************************************/
/*****  02. Main Features SVGs  *****/
/************************************/
.features-back {
    height: 50px;
    width: 50px;
    background-image: url("../images/svg/header-slider-back.svg");
    background-repeat: no-repeat;
}

.features-next {
    height: 50px;
    width: 50px;
    background-image: url("../images/svg/header-slider-next.svg");
    background-repeat: no-repeat;
}


/************************************/
/***** 03. Monster Feature SVGs *****/
/************************************/
.monster-tracking-behavior {
    height: 90px;
    width: 90px;
    background-image: url("../images/svg/mec-behavior-tracking.svg");
    background-repeat: no-repeat;
}

.monster-realtime {
    height: 90px;
    width: 90px;
    background-image: url("../images/svg/mec-realtime-collection.svg");
    background-repeat: no-repeat;
}

.monster-proactive {
    height: 90px;
    width: 90px;
    background-image: url("../images/svg/mec-proactive-collection.svg");
    background-repeat: no-repeat;
}

.monster-easy-integration {
    height: 90px;
    width: 90px;
    background-image: url("../images/svg/mec-integration.svg");
    background-repeat: no-repeat;
}

.monster-cloud-visualization {
    height: 90px;
    width: 90px;
    background-image: url("../images/svg/mec-cloud-visualization.svg");
    background-repeat: no-repeat;
}

.monster-cloud-realtime-analysis {
    height: 90px;
    width: 90px;
    background-image: url("../images/svg/mec-cloud-realtime-analysis.svg");
    background-repeat: no-repeat;
}

.monster-cloud-behavior-context-analysis {
    height: 90px;
    width: 90px;
    background-image: url("../images/svg/mec-cloud-behavior-context-analysis.svg");
    background-repeat: no-repeat;
}

.monster-cloud-regression-analysis {
    height: 90px;
    width: 90px;
    background-image: url("../images/svg/mec-cloud-regression-analysis.svg");
    background-repeat: no-repeat;
}

/**************************************/
/****   04. CHEIRON Feature SVGs   ****/
/**************************************/
.cheiron-segmented-modules {
    height: 90px;
    width: 90px;
    background-image: url("../images/svg/cheiron-segmented-modules.svg");
    background-repeat: no-repeat;
}

.cheiron-versatile-scenarios {
    height: 90px;
    width: 90px;
    background-image: url("../images/svg/cheiron-versatile-scenarios.svg");
    background-repeat: no-repeat;
}

.cheiron-attack-advancement {
    height: 90px;
    width: 90px;
    background-image: url("../images/svg/cheiron-attack-advancement.svg");
    background-repeat: no-repeat;
}

.cheiron-attack-recurrence {
    height: 90px;
    width: 90px;
    background-image: url("../images/svg/cheiron-attack-recurrence.svg");
    background-repeat: no-repeat;
}

/************************************/
/****   05. Virtuous Cycle SVGs  ****/
/************************************/
.virtuous-cycle {
    height: 300px;
    width: 300px;
    margin: 30px;
    background-image: url("../images/svg/somma-virtuous-cycle.svg");
    background-repeat: no-repeat;
}

.virtuous-cycle:hover {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
    transition: all 0.5s;
}

/************************************/
/******   06. Pricing SVGs    *******/
/************************************/
.pricing-monster-on-premise {
    height: 112px;
    width: 80px;
    background-image: url("../images/svg/pricing-monster-on-premise.svg");
    background-repeat: no-repeat;
}

.pricing-monster-cloud {
    height: 112px;
    width: 80px;
    background-image: url("../images/svg/pricing-monster-cloud.svg");
    background-repeat: no-repeat;
}

.pricing-cheiron-enterprise {
    height: 112px;
    width: 80px;
    background-image: url("../images/svg/pricing-cheiron-enterprise.svg");
    background-repeat: no-repeat;
}