@charset "utf-8";

/*

Theme Name: Fahmas

Theme URI: https://fahmas.com/

Author: 

Author URI: https://fahmas.com/

Description: 

Version: 2023.09.08

Text Domain: Fahmas

*/



@font-face {

    font-family: 'Blackbird';

    src: url('./fonts/Blackbird-Light.otf') format('opentype'), url('./fonts/Blackbird-Light.woff2') format('woff2'), url('./fonts/Blackbird-Light.woff') format('woff');

    font-weight: 300;

    font-style: normal;

    font-display: swap;

}

@font-face {

    font-family: 'Blackbird';

    src: url('./fonts/Blackbird-Regular.otf') format('opentype'), url('./fonts/Blackbird-Regular.woff2') format('woff2'), url('./fonts/Blackbird-Regular.woff') format('woff');

    font-weight: 400;

    font-style: normal;

    font-display: swap;

}

@font-face {

    font-family: 'Blackbird';

    src: url('./fonts/Blackbird-Medium.otf') format('opentype'), url('./fonts/Blackbird-Medium.otf') format('woff2'), url('./fonts/Blackbird-Medium.woff') format('woff');

    font-weight: 500;

    font-style: normal;

    font-display: swap;

}

@font-face {

    font-family: 'Blackbird';

    src: url('./fonts/Blackbird-Demi.otf') format('opentype'), url('./fonts/Blackbird-Demi.woff2') format('woff2'),

        url('./fonts/Blackbird-Demi.woff') format('woff');

    font-weight: 600;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Blackbird';

    src: url('./fonts/Blackbird-Bold.otf') format('opentype'), url('./fonts/Blackbird-Bold.woff2') format('woff2'), url('./fonts/Blackbird-Bold.woff') format('woff');

    font-weight: 700;

    font-style: normal;

    font-display: swap;

}

@font-face {

    font-family: 'Blackbird';

    src: url('./fonts/Blackbird-Italic.otf') format('opentype'), url('./fonts/Blackbird-Medium.woff2') format('woff2'), url('./fonts/Blackbird-Medium.woff') format('woff');

    font-weight: normal;

    font-style: italic;

    font-display: swap;

}

@font-face { font-family: 'Graphik-Regular'; src: url('./fonts/Graphik-Regular.otf') format('opentype'), url('./fonts/Graphik-Regular.woff') format('woff'); font-style: normal; font-display: swap; }
body div.slick-arrow{width: 48px; height: 48px; padding: 0; top: 50%; transform: translateY(-50%); position: absolute; z-index: 1; cursor: pointer; transition: all 0.5s ease; border-radius: 8px; background: linear-gradient(300deg, #182A54 0%, #1088B2 100%); }
body div.slick-arrow::after{width: 0%; height: 0%; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; background: linear-gradient(315deg,#f9662d .31%,#fec74d 82.24%,#ffdc54 100.31%); content: ""; display: block; border-radius: 8px; position: absolute; transition: all 0.5s ease; z-index: -1;}
body div.slick-arrow:hover::after{opacity: 1; width: 100%; height: 100%;}
body div.slick-arrow.slick-disabled{opacity: 0; visibility: hidden;}
body span.slick-arrows{width: 30px; height: 20px; background-image: url('images/slick-arrow.svg'); background-repeat: no-repeat; background-size: contain; position: relative; z-index: 2;}
body span.slick-prev-arrow{ transform: scaleX(-1); }