@font-face {
    font-display: optional;
    font-family: "Montserrat";
    src: local("Montserrat"),
        url('../fonts/Montserrat/Montserrat-variations.woff2') format('woff2');
}

@font-face {
    font-display: swap;
    font-family: "Montserrat";
    src: local("Montserrat"),
        url('../fonts/Montserrat/Montserrat-variations.woff2') format("woff2"),
        url('../fonts/Montserrat/Montserrat-Regular.woff2') format('woff2');
    font-weight: 400;
}

@font-face {
    font-display: swap;
    font-family: "Montserrat";
    src: local("Montserrat"),
        url('../fonts/Montserrat/Montserrat-variations.woff2') format("woff2"),
        url('../fonts/Montserrat/Montserrat-Medium.woff2') format('woff2');
    font-weight: 500;
}

@font-face {
    font-display: swap;
    font-family: "Montserrat";
    src: local("Montserrat"),
        url('../fonts/Montserrat/Montserrat-variations.woff2') format("woff2"),
        url('../fonts/Montserrat/Montserrat-SemiBold.woff2') format('woff2');
    font-weight: 600;
}

@font-face {
    font-display: swap;
    font-family: "Montserrat";
    src: local("Montserrat"),
        url('../fonts/Montserrat/Montserrat-variations.woff2') format("woff2"),
        url('../fonts/Montserrat/Montserrat-Bold.woff2') format('woff2');
    font-weight: 700;
}

@font-face {
    font-display: swap;
    font-family: "Montserrat";
    src: local("Montserrat"),
        url('../fonts/Montserrat/Montserrat-variations.woff2') format("woff2"),
        url('../fonts/Montserrat/Montserrat-ExtraBold.woff2') format('woff2');
    font-weight: 800;
}

@font-face {
    font-display: swap;
    font-family: "Montserrat";
    src: local("Montserrat"),
        url('../fonts/Montserrat/Montserrat-variations.woff2') format("woff2"),
        url('../fonts/Montserrat/Montserrat-Black.woff2') format('woff2');
    font-weight: 900;
}

/* for IE */
@media screen and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    @font-face {
        font-family: 'Montserrat';
        src: url('../fonts/Montserrat/Montserrat-SemiBold.eot');
        src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'),
            url('../fonts/Montserrat/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),
            url('../fonts/Montserrat/Montserrat-SemiBold.woff') format('woff'),
            url('../fonts/Montserrat/Montserrat-SemiBold.ttf') format('truetype');
        font-weight: 600;
        font-style: normal;
		font-display: swap;
    }

    @font-face {
        font-family: 'Montserrat';
        src: url('../fonts/Montserrat/Montserrat-Bold.eot');
        src: local('Montserrat Bold'), local('Montserrat-Bold'),
            url('../fonts/Montserrat/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
            url('../fonts/Montserrat/Montserrat-Bold.woff') format('woff'),
            url('../fonts/Montserrat/Montserrat-Bold.ttf') format('truetype');
        font-weight: bold;
        font-style: normal;
        font-display:swap;
    }

    @font-face {
        font-family: 'Montserrat';
        src: url('../fonts/Montserrat/Montserrat-Regular.eot');
        src: local('Montserrat Regular'), local('Montserrat-Regular'),
            url('../fonts/Montserrat/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
            url('../fonts/Montserrat/Montserrat-Regular.woff') format('woff'),
            url('../fonts/Montserrat/Montserrat-Regular.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
		font-display: swap;
    }

    @font-face {
        font-family: 'Montserrat';
        src: url('../fonts/Montserrat/Montserrat-Medium.eot');
        src: local('Montserrat Medium'), local('Montserrat-Medium'),
            url('../fonts/Montserrat/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
            url('../fonts/Montserrat/Montserrat-Medium.woff') format('woff'),
            url('../fonts/Montserrat/Montserrat-Medium.ttf') format('truetype');
        font-weight: 500;
        font-style: normal;
		font-display: swap;
    }

    @font-face {
        font-family: 'Montserrat';
        src: url('../fonts/Montserrat/Montserrat-Black.eot');
        src: local('Montserrat Black'), local('Montserrat-Black'),
            url('../fonts/Montserrat/Montserrat-Black.eot?#iefix') format('embedded-opentype'),
            url('../fonts/Montserrat/Montserrat-Black.woff') format('woff'),
            url('../fonts/Montserrat/Montserrat-Black.ttf') format('truetype');
        font-weight: 900;
        font-style: normal;
        font-display:swap;
    }
}

/* icomoon font icons */

@font-face {
  font-family: "icomoon";
  src: url("../fonts/icomoon/icomoon.eot");
  src: url("../fonts/icomoon/icomoon.eot?#iefix") format("embedded-opentype"),
      url("../fonts/icomoon/icomoon.woff") format("woff"),
      url("../fonts/icomoon/icomoon.ttf") format("truetype"),
      url("../fonts/icomoon/icomoon.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}



@font-face {
	font-display: swap;
    font-family: "Iconly";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/icons/iconly.eot");
    src: url("../fonts/icons/iconly.eot?#iefix") format("embedded-opentype"),
        url("../fonts/icons/iconly.woff2?1661332486967") format("woff2"),
        url("../fonts/icons/iconly.woff?1661332486967") format("woff"),
        url("../fonts/icons/iconly.ttf?1661332486967") format("truetype"),
        url("../fonts/icons/iconly.svg?1661332486967#Iconly") format("svg");
}

[class="icon"],
[class^="icon-"],
[class*=" icon-"] {
    display: inline-block;
    font-family: "Iconly" !important;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

.icon-youtube:before {
    content: "\e000";
}

.icon-yes:before {
    content: "\e001";
    color: #13B528;
}

.icon-warning:before {
    content: "\e002";
}

.icon-twitter:before {
    content: "\e003";
}

.icon-tip-icon:before {
    content: "\e004";
}

.icon-search:before {
    content: "\e005";
}

.icon-pros:before {
    content: "\e006";
}

.icon-no:before {
    content: "\e007";
    color: #F33333;
    font-size: 26px;
    margin-left: -5px;
}

.icon-linkedin:before {
    content: "\e008";
}

.icon-facebook:before {
    content: "\e009";
}

.icon-cons:before {
    content: "\e00a";
}

.icon-cancel:before {
    content: "\e00b";
}

.icon-article:before {
    content: "\e00c";
}

.icon-arrow:before {
    content: "\e00d";
}

.icon-arrow-right:before {
    content: "\e00e";
}
.icon-star:before {
  content: "\e00f";
}
.icon-arrow-prev:before {
    content: "\e00d";
}
.icon-arrow-prev{
    transform: rotate(90deg);
}
.icon-arrow-next:before {
    content: "\e00d";
}
.icon-arrow-next{
    transform: rotate(-90deg);
    
}