@charset "utf-8";
/*
Theme Name: Forrec
Theme URI: 
Author: 
Author URI: 
Description: 
Version: 2025.05.27-666
Text Domain: 
*/

@import url('https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@import url("css/_reset.css");
@import url("css/_header.css?v=6");
@import url("css/_footer.css");
@import url("css/_animation.css");


/*-- customized styles starts here --*/
body{font-family: 'DM Sans', sans-serif; color: #ffffff; background-color: #333; font-size: 1rem; line-height: 1.375rem; font-weight: normal; font-style: normal; letter-spacing: normal;  position: relative; z-index: 1; overflow-x:hidden;}
picture.background-pattern{width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; position: fixed; z-index: -1;}
.optional-text{margin-bottom: 20px; font-size: 14px; font-weight: 800; line-height: normal; letter-spacing: 1.75px; color: #2dccd3; font-family: 'Urbanist', sans-serif; display: block; text-transform: uppercase; }
.optional-text.lg{font-size: 1.125rem; line-height: 1.375rem; letter-spacing: normal;}
.optional-text.pink{color: #ed1556;}
.optional-text.white{color: #FFFFFF;}
.optional-text-bg{margin-bottom: 8px; padding: 4px 7px 3px; font-size: 14px; line-height: 18px; letter-spacing: 1.75px; font-weight: 800; text-transform: uppercase; display: inline-block; background-color: #000000; color: #ed1556; font-family: 'Urbanist', sans-serif;}
.optional-text-bg a.blue{color: #2dccd3;}
.optional-text-bg a.pink{color: #ed1556;}
.optional-text-bg a.white{color: #ffffff;}
.optional-text-bg a.white:hover{color: #2dccd3;}
.optional-text-bg a:hover{color: #ffffff;}

.background-bg{width: 100%; height: 100%; top: 0; left: 0; position: absolute; z-index: -1;}
.background-text{width: 100%; height: 100%; top: 0; left: 0; right: 0; position: absolute; z-index: 1;}

.pos-relative{position: relative;}
picture.object-fit{width: 100%; height: 100%; display: block;}
.object-fit img{width: 100%; height: 100%; font-family: "object-fit: cover;"; object-fit: cover; -o-object-fit: cover; object-position: 50% 50%; -o-object-position: 50% 50%; }

.default-video{margin-top: 64px; margin-bottom: 64px;}
.default-video-img img{width: 100%;}
.play-btn-main {width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; position: absolute; }
.play-btn-main .play-btn{width: 64px; height: 64px; border-radius: 0; cursor: pointer;  position: relative;}
.play-btn-main .play-btn::after{top: 0; left: 0; width: 100%; height: 100%; background-color: #2dccd3; content: ""; display: block; position: absolute; z-index: 0; transition: all 0.5s ease; animation: btnCircle 2s infinite alternate; }
@keyframes btnCircle {
    from {transform: scale(1.2) rotate(15deg); opacity: 0; border-radius: 300px; } 
}
.play-btn-main .play-btn:hover:after{animation: none;}
.play-btn-main .play-btn:hover{opacity: 0.9;}
.play-btn-main .play-btn img{width: 40px; position: relative; z-index: 1;}

.image-caption-main{margin: 64px 0 64px;}
.caption-text span{font-size: 2.5rem; line-height: normal; display: block; color: #ed1556;}
.caption-pos{padding: 0 28px;}

.languages li.current_language a { color: #2dccd3; font-weight: bold; }

.flex-images{margin: 64px 0 35px;}
.flex-image.full_width .flex-desc{right: 20px;}
.flex-desc{font-size: 13px; line-height: 18px;}
.flex-desc span{margin-bottom: 8px; font-size: 2.5rem; line-height: normal; color: #ed1556; display: block;}

.slick-arrow{top: 50%; transform: translateY(-50%); left: auto; right: 71px; font-size: 4rem; line-height: normal; position: absolute; cursor: pointer; transition: all 0.3s ease-in-out; z-index: 2; color: #2dccd3; display: flex; align-items: center; justify-content: center;}
.slick-arrow.prev-arrow{left: 71px; right: auto;}
.slick-arrow.slick-disabled{opacity: 0.25; color: #FFFFFF; pointer-events: none;}
.slick-arrow.slick-disabled::before{content: "\f00d";}
.slick-arrow:hover{color: #ed1556;}

.slick-slider ul.slick-dots{margin: 0 auto; top: 20px; bottom: auto; left: 0; right: 0; padding-right: 40px; width: 100%; max-width: 900px; position: absolute; display: flex; justify-content: flex-end;}
.slick-slider ul.slick-dots li{margin: 0 3px; display: inline-flex;}
.slick-slider ul.slick-dots li::before{display: none;}
.slick-slider ul.slick-dots li button{width: 6px; height: 6px; min-width: inherit; font-size: 0; line-height: 0; padding: 0; background-color: #FFFFFF; opacity: 0.3;}
.slick-slider ul.slick-dots li.slick-active button{background-color: #ed1556; opacity: 1;}

.common-form .frm_forms .frm_fields_container{display: block;}
.common-form .with_frm_style .frm_form_fields > fieldset{padding: 0; margin: 0; border: none;}
.common-form .frm_style_formidable-style.with_frm_style .form-field{margin-bottom: 24px; position: relative;}
.common-form .frm_forms .frm_fields_container .form-field input, .common-form .frm_forms .frm_fields_container .selectBox-dropdown, .common-form .frm_forms .frm_fields_container .form-field textarea{padding: 14px 16px 13px; border: 1px solid #dedede; font-size: 16px; line-height: 16px; letter-spacing: 1px; outline: 0; width: 100%; background: rgb(0 0 0 / 75%); color: #FFFFFF; box-shadow: none; border-radius: 0; vertical-align: middle; font-weight: 800; height: auto; font-family: 'Urbanist', sans-serif; text-transform: uppercase;}
.common-form .frm_forms .frm_fields_container .form-field textarea{height: 166px;}
.common-form .frm_style_formidable-style.with_frm_style .form-field input:not([type=file]):focus,
.common-form .frm_style_formidable-style.with_frm_style .form-field textarea:focus{background: #000000; color: #FFFFFF; box-shadow: none; border-color: #bebebe; text-transform: none;}
.common-form .frm_forms .frm_fields_container .form-field input::-webkit-input-placeholder, .common-form .frm_forms .frm_fields_container .form-field textarea::-webkit-input-placeholder {color: #FFFFFF; }
.common-form .frm_forms .frm_fields_container .form-field input:-moz-placeholder, .common-form .frm_forms .frm_fields_container .form-field textarea:-moz-placeholder{color: #FFFFFF; }
.common-form .frm_forms .frm_fields_container .form-field input::-moz-placeholder, .common-form .frm_forms .frm_fields_container .form-field textarea::-moz-placeholder{color: #FFFFFF;}
.common-form .frm_forms .frm_fields_container .form-field input:-ms-input-placeholder, .common-form .frm_forms .frm_fields_container .form-field textarea:-ms-input-placeholder {color: #FFFFFF;}
.common-form .frm_forms .frm_fields_container .form-field.frm_blank_field input{border-color: #ff0000;}
.common-form .frm_forms .frm_fields_container .selectBox-dropdown{cursor: pointer;}
.common-form .frm_forms .frm_fields_container .selectBox-dropdown .selectBox-label{padding: 0; color: #FFFFFF; display: block; font-size: inherit; line-height: inherit;}
.common-form .frm_forms .frm_fields_container .selectBox-dropdown .selectBox-arrow{color: #2dccd3; font-size: 1.25rem; line-height: normal; width: auto; right: 16px; border: none; background: none; top: 50%; transform: translateY(-50%); position: absolute; font-family: "Font Awesome 6 Pro";font-weight: 400; display: flex; align-items: center;}
.common-form .frm_forms .frm_fields_container .selectBox-dropdown .selectBox-arrow::after{content: "\f063"; display: block;}
.common-form .frm_forms .frm_fields_container .selectBox-dropdown.selectBox-menuShowing .selectBox-arrow{transform: translateY(-50%) rotate(180deg);}

.common-form .frm_forms .frm_fields_container .frm_submit{margin: 0; white-space: normal; display: block;}
.common-form .frm_forms form .frm_fields_container .frm_submit button[type="submit"]{padding: 15px 18px 15px; border: none; font-size: 14px; line-height: 18px; letter-spacing: 1.75px; outline: 0; width: auto; margin: 0; background-color: #2dccd3; color: #000000; box-shadow: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; vertical-align: middle; font-weight: 800; height: auto; font-family: 'Urbanist', sans-serif; text-transform: uppercase;}
.common-form .frm_forms form .frm_fields_container .frm_submit button[type="submit"]:hover{background: #ed1556; color: #FFFFFF; }
.common-form .frm_forms form .frm_fields_container .frm_form_field .frm-g-recaptcha{margin: 0; height: 76px; position: relative; overflow: hidden;}
.common-form .frm_forms form .frm_fields_container .frm_form_field .frm-g-recaptcha iframe{margin: 0;}
.common-form .frm_forms form .frm_fields_container .frm_form_field.vertical_radio .frm_primary_label{display: none; padding: 0%; }
.common-form .frm_forms form .frm_fields_container .frm_form_field.vertical_radio label{padding-left: 37px; padding-top: 3px; cursor: pointer; text-indent: 0; font-size: 0.938rem; line-height: 20px; color: #FFFFFF; font-family: 'Work Sans', sans-serif; font-weight: 500;}
.common-form .frm_forms form .frm_fields_container .frm_form_field div.checker{left: 0; top: 1px; width: 24px; height: 24px; margin: 0 auto; padding: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; background-color: rgb(255 255 255 / 20%); display: flex; align-items: center; position: absolute; cursor: pointer;}
.common-form .frm_forms form .frm_fields_container .frm_form_field div.checker span{width: 100%; height: 100%; border-radius: 0; background-color: transparent; position: relative; }
.common-form .frm_forms form .frm_fields_container .frm_form_field div.checker span.checked{background-color: #FFFFFF; }
.common-form .frm_forms form .frm_fields_container .frm_form_field div.checker span.checked::after{top: 50%; left: 50%; transform: translate(-50%, -50%); color: #ed1556; font-size: 1.25rem; line-height: normal; content: "\f00c"; display: block; font-family: "Font Awesome 6 Pro"; font-weight: 400; position: absolute;}
.common-form .frm_forms form .frm_fields_container .frm_form_field div.checker input{width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; margin: 0; padding: 0; cursor: pointer; border: none; outline: none;}
.common-form .frm_style_formidable-style.with_frm_style .frm_error_style{display: none; margin: 0; }
.common-form .frm_style_formidable-style.with_frm_style .frm_error{color: #ff0000; text-align: right; margin-bottom: -10px; font-size: 11px; line-height: 1.375rem; font-family: 'Work Sans', sans-serif; top: -22px; right: 0; position: absolute;}
.common-form .frm_style_formidable-style.with_frm_style .frm_error::after{top: 34px; right: 13px; font-size: 1.25rem; line-height: normal; content: "\f071"; display: block; font-family: "Font Awesome 6 Pro"; font-weight: 400; position: absolute;}

.captcha-wrapper-class{position: relative; margin-top: 41px; clear: both;}
.captcha-wrapper-class .frm_submit{top: 16px; right: 0; position: absolute;}
.captcha-wrapper-class .frm_error{display: none;}
.home-banner-video { position: relative; overflow: hidden; width: 100%;  height: 100%; }
.home-banner-video [data-vbg]{height: calc(100% + 40px) !important;}
[data-vbg] iframe{margin: 0; max-width: inherit;}

select.selectBox{display: none;}
body ul.selectBox-dropdown-menu{border-color: transparent; padding: 17px 0; margin: 0;}
body ul.selectBox-dropdown-menu li{margin-bottom: 12px; padding: 0 17px; }
body ul.selectBox-dropdown-menu li:first-child{display: none;}
body ul.selectBox-dropdown-menu li::before{display: none; }
body ul.selectBox-dropdown-menu li a{color: #231f20; font-size: 16px; line-height: 1.5rem; letter-spacing: normal; display: block; padding: 0; white-space: normal; text-transform: uppercase;}
body ul.selectBox-dropdown-menu li.selectBox-selected a, body ul.selectBox-dropdown-menu li a:hover{color: #ed1556; background-color: transparent; cursor: pointer; }

.full_width{width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; float: none !important; display: block !important; padding-left: 0 !important; padding-right: 0 !important; left: 0 !important;}

body .mfp-bg{opacity: 0.95;}
.mfp-content button.mfp-close{top: -76px; right: -69px; width: 50px; height: 50px; font-size: 0; line-height: 0; opacity: 1; padding: 0; position: absolute; }
.mfp-content button.mfp-close:before, .mfp-content button.mfp-close:after{top: 50%; width: 50px; height: 2px; content: ""; display: block; background-color: #fff; position: absolute; opacity: 1; }
.mfp-content button.mfp-close:before{transform: translateY(-50%) rotate(45deg); }
.mfp-content button.mfp-close:after{transform: translateY(-50%) rotate(-45deg); }
.mfp-content button.mfp-close:hover:before, .mfp-content button.mfp-close:hover:after{background-color: #ed1556;}
.mfp-iframe-scaler iframe{margin: 0;}

.social-share-icons #st-1.st-animated .st-btn img { display: none; }
.social-share-icons #st-1.st-has-labels .st-btn.st-remove-label{min-width: 40px;}
.social-share-icons #st-1.st-animated { gap: 15px; display: flex; flex-wrap: wrap; z-index: 1; justify-content: center; top: 0; text-align: center; background: #2dccd3; width: 64px; padding: 18px 0; }
#st-1.st-has-labels .st-btn > span { display: none !important; }
.social-share-icons #st-1.st-animated .st-btn {
    padding: 0;
    margin: 0;
    width: 40px;
    height: 30px;
    min-width: 40px;
    font-size: 20px;
    line-height: normal;
    border-radius: 0!important;
    background-color: transparent!important;
    color: #000;
    position: relative;
    z-index: 1;
    font-family: "Font Awesome 6 Brands";
    font-weight: 400;
    display: flex!important;
    align-items: center;
    justify-content: center;
    transition: all 0s ease-in-out!important;
}

.social-share-icons #st-1.st-animated .st-btn[data-network=facebook]::after { content: "\f39e"; }
.social-share-icons #st-1.st-animated .st-btn[data-network=twitter]::after { content: "\f099"; }
.social-share-icons #st-1.st-animated .st-btn[data-network=linkedin]::after { content: "\f0e1"; }
.social-share-icons #st-1.st-animated .st-btn[data-network=email]::after { content: "\f0e0"; font-family: "Font Awesome 6 Pro"; font-weight: 900; }

/*-- media css starts here --*/
@media only screen and (min-width: 1300px){
    .common-form .frm_forms form .frm_fields_container .frm_form_field.frm_half{width: calc(50% - 19px); margin-left: 19px; margin-right: 19px; float: left; clear: none;}
    .common-form .frm_forms form .frm_fields_container .frm_form_field.frm_first{margin-left: 0;}
    .common-form .frm_forms form .frm_fields_container .frm_form_field.frm_last{margin-right: 0;}

    .sticky-icons .social-share-icons{top: 260px !important;} 
}

@media only screen and (min-width: 1024px){
	.container{max-width: 1280px; margin-left: auto; margin-right: auto;}
    .container.md{max-width: 1080px;}
    .container.sm{max-width: 900px;}
    .hide-desktop{display: none;}

    .fluid-container{width: 100vw; left: -50vw; margin-left: 50%;}
    .fluid-wrap{padding: 0 80px;}
    .flex-image{width: calc(50% - 20px); margin: 0 20px}
    .flex-image:nth-child(odd){margin-left: 0;}
    .flex-image:nth-child(even){margin-right: 0; padding-top: 86px;}
    .flex-image:nth-child(odd) figure{margin-left: auto;}
    .flex-desc{max-width: 362px; position: absolute;}
    .flex-image:nth-child(odd) .flex-desc{right: 0; bottom: 0; text-align: right;}
    .flex-image:nth-child(odd) .flex-desc span{margin-right: 15px;}
    .flex-image:nth-child(even) .flex-desc{top: 0; left: 0;}
    .flex-image:nth-child(even) .flex-desc span{left: 16px; top: 59px; margin: 0; transform: rotate(180deg); position: absolute;}
}
@media only screen and (min-width: 768px){
    .caption-text.no-icon{top: 0; padding-top: 20px;}
    .caption-text{top: -27px; left: 0; position: absolute; max-width: 340px; font-size: 13px; line-height: 18px;}
}
@media only screen and (max-width: 1299px) and (min-width: 1024px){
	.container:not(.sm){max-width: 100%; padding: 0 30px;}
    .common-form .frm_style_formidable-style.with_frm_style .form-field.frm_half{float: none; width: 100%; clear: both;}

    .social-share-icons #st-1.st-animated{gap: 11px; width: 232px; padding: 17px 0;}
    .social-share-icons #st-1.st-animated .st-btn{font-size: 24px;}
    .st-btn.st-last.st-remove-label{margin-left: 4px !important;}
}
@media only screen and (max-width: 1023px) and (min-width: 768px){
    .container{max-width: 100%; padding: 0 20px;}
    .hide-tablet{display: none;}
    .common-form .frm_forms form .frm_fields_container .frm_form_field.frm_half{width: calc(50% - 10px); margin-left: 10px; margin-right: 10px; float: left; clear: none;}
    .common-form .frm_forms form .frm_fields_container .frm_form_field.frm_first{margin-left: 0;}
    .common-form .frm_forms form .frm_fields_container .frm_form_field.frm_last{margin-right: 0;}
    
    .fluid-container{width: calc(100% + 48px); left: -24px;}
    .image-caption-main{margin: 48px 0 25px;}
    .caption-text{top: -24px; position: relative; max-width: 50%; font-size: 13px; line-height: 18px; letter-spacing: normal;}
    .caption-text span{margin-bottom: 3px;}
    .caption-pos{padding: 0 16px;}

    .flex-image{width: calc(50% - 20px); margin: 0 20px}
    .flex-image:nth-child(odd){margin-left: 0;}
    .flex-image:nth-child(even){margin-right: 0; padding-top: 86px;}
    .flex-image:nth-child(odd) figure{margin-left: auto;}
    .flex-desc{max-width: 340px; position: absolute;}
    .flex-image:nth-child(odd) .flex-desc{right: 0; bottom: 0; text-align: right;}
    .flex-image:nth-child(odd) .flex-desc span{margin-right: 15px;}
    .flex-image:nth-child(even) .flex-desc{top: 0; left: 0;}
    .flex-image:nth-child(even) .flex-desc span{left: 16px; top: 76px; margin: 0; transform: rotate(180deg); position: absolute;}

    .slick-arrow{top: auto; transform: none; right: 43px; bottom: -51px; font-size: 2.5rem;}
    .slick-arrow.prev-arrow{left: 43px;}
    .slick-slider ul.slick-dots{top: 24px; padding: 0; justify-content: center;}
    .slick-arrow.slick-disabled{opacity: 0;}

    .mobile-flex-slider .slick-track{display: flex; align-items: center;}
    .mobile-flex-slider .slick-slide{margin: 0 20px; max-width: 90px;}
    .mfp-wrap .mfp-container{padding-left: 50px; padding-right: 50px;}
    .mfp-content button.mfp-close{right: -23px;}

    .social-share-icons #st-1.st-animated{gap: 11px; width: 232px; padding: 17px 0;}
    .social-share-icons #st-1.st-animated .st-btn{font-size: 24px;}
    .st-btn.st-last.st-remove-label{margin-left: 4px !important;}
}
@media only screen and (max-width: 767px) and (min-width: 200px){
    .container{max-width: 100%; padding: 0 24px;}
    .hide-mobile{display: none;}

    span.optional-text{font-size: 14px; line-height: normal; letter-spacing: 1.75px;}
    .default-video{margin: 48px 0 48px; width: calc(100% + 48px); left: -24px;}
    .default-video-img{height: 222px;}
    .default-video-img img{width: 100%; height: 100%; font-family: "object-fit: cover;"; object-fit: cover; -o-object-fit: cover; object-position: 50% 50%; -o-object-position: 50% 50%;}
    .play-btn-main .play-btn{width: 64px; height: 64px;}
    .home-banner-video img{min-height: 790px;}

    .fluid-container{width: calc(100% + 48px); left: -24px;}
    .image-caption-main{margin: 48px 0 25px;}
    .caption-text{top: -24px; position: relative; font-size: 13px; line-height: 18px; letter-spacing: normal;}
    .caption-text span{margin-bottom: 3px;}
    .caption-pos{padding: 0 16px;}

    .flex-images{padding: 0 24px; margin: 48px 0 48px; display: block;}
    .flex-image{margin-bottom: 40px; display: block;}
    .flex-image:last-child{margin-bottom: 0;}
    .flex-desc{margin-top: -24px;}
    .flex-desc span{padding-left: 8px;}

    .slick-arrow{top: auto; transform: none; right: 43px; bottom: -51px; font-size: 2.5rem;}
    .slick-arrow.prev-arrow{left: 43px;}
    .slick-slider ul.slick-dots{top: 24px; padding: 0; justify-content: center;}
    .slick-arrow.slick-disabled{opacity: 0;}

    .mobile-flex-slider .slick-track{display: flex; align-items: center;}
    .mobile-flex-slider .slick-slide{margin: 0 10px; height: 80px;}
    .mobile-flex-slider .slick-slide img{width: 100%; height: 100%; font-family: "object-fit: cover;"; object-fit: contain; -o-object-fit: contain; object-position: 50% 50%; -o-object-position: 50% 50%; }

    .common-bg-shadow{height: 222px; margin: 61px 0 65px;}
    .common-bg-shadow img{width: 100%; height: 100%; font-family: "object-fit: cover;"; object-fit: cover; -o-object-fit: cover; object-position: 50% 50%; -o-object-position: 50% 50%;}
    .common-bg-shadow::after{height: calc(100% + 18px); top: -9px; transform: rotate(-2deg);}

    .common-form .frm_style_formidable-style.with_frm_style .form-field{margin-bottom: 15px;}
    .common-form .frm_forms form .frm_fields_container .frm_form_field .frm-g-recaptcha{margin-bottom: 32px;}
    .captcha-wrapper-class .frm_submit{position: static;}

    blockquote.alignleft, figure.wp-caption.alignleft, img.alignleft,blockquote.alignright, figure.wp-caption.alignright, img.alignright,
    blockquote.aligncenter, img.aligncenter, .wp-caption.aligncenter, img.alignnone{margin: 28px auto; display: block; float: none;}

    .mfp-wrap .mfp-container{padding-left: 30px; padding-right: 30px;}
    .mfp-content button.mfp-close{top: -54px; right: -15px; width: 36px; height: 30px;}
    .mfp-content button.mfp-close:before, .mfp-content button.mfp-close:after{width: 40px; height: 3px;}

    .social-share-icons #st-1.st-animated{gap: 11px; width: 232px; padding: 17px 0;}
    .social-share-icons #st-1.st-animated .st-btn{font-size: 24px;}
    .st-btn.st-last.st-remove-label{margin-left: 4px !important;}
}