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

@font-face {
    font-family: 'icomoon';
    src: url(/themes/custom/home_theme/assets/icomoon/fonts/icomoon.eot?5hzxql=);
    src: url(/themes/custom/home_theme/assets/icomoon/fonts/icomoon.eot?5hzxql=#iefix) format('embedded-opentype'),url(/themes/custom/home_theme/assets/icomoon/fonts/icomoon.ttf?5hzxql=) format('truetype'),url(/themes/custom/home_theme/assets/icomoon/fonts/icomoon.woff?5hzxql=) format('woff'),url(/themes/custom/home_theme/assets/icomoon/fonts/icomoon.svg?5hzxql=#icomoon) format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon icon-"], [class*="icon icon-"] {
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-tiktok-circle:before {
    content: "\ea28";
}

.icon-instagram-circle:before {
    content: "\ea29";
}

.icon-instagram-white:before {
    content: "\ea26";
    color: #fff;
}

.icon-tiktok-white:before {
    content: "\ea27";
    color: #fff;
}

.icon-tiktok:before {
    content: "\ea25";
}

.icon-nickel-logo-text:before {
    content: "\ea24";
}

.icon-twitter-white:before {
    content: "\ea23";
    color: #fff;
}

.icon-linkedin-white:before {
    content: "\ea21";
    color: #fff;
}

.icon-facebook-white:before {
    content: "\ea22";
    color: #fff;
}

.icon-card-id:before {
    content: "\ea20";
}

.icon-info:before {
    content: "\ea1f";
}

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

.icon-instagram:before {
    content: "\ea12";
}

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

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

.icon-algeria-1 .path1:before {
    content: "\e900";
    color: rgb(242,242,242);
}

.icon-algeria-1 .path2:before {
    content: "\e901";
    margin-left: -1em;
    color: rgb(76,128,86);
}

.icon-algeria-1 .path3:before {
    content: "\e902";
    margin-left: -1em;
    color: rgb(192,58,43);
}

.icon-algeria-1 .path4:before {
    content: "\e903";
    margin-left: -1em;
    color: rgb(192,58,43);
}

.icon-belgium-1 .path1:before {
    content: "\e904";
    color: rgb(255,225,90);
}

.icon-belgium-1 .path2:before {
    content: "\e905";
    margin-left: -1em;
    color: rgb(70,70,85);
}

.icon-belgium-1 .path3:before {
    content: "\e906";
    margin-left: -1em;
    color: rgb(255,75,85);
}

.icon-finland-1 .path1:before {
    content: "\e907";
    color: rgb(242,242,242);
}

.icon-finland-1 .path2:before {
    content: "\e908";
    margin-left: -1em;
    color: rgb(242,242,242);
}

.icon-finland-1 .path3:before {
    content: "\e909";
    margin-left: -1em;
    color: rgb(80,85,160);
}

.icon-finland-1 .path4:before {
    content: "\e90a";
    margin-left: -1em;
    color: rgb(63,63,143);
}

.icon-finland-1 .path5:before {
    content: "\e90b";
    margin-left: -1em;
    color: rgb(63,63,143);
}

.icon-portugal-1 .path1:before {
    content: "\e90c";
    color: rgb(255,75,85);
}

.icon-portugal-1 .path2:before {
    content: "\e90d";
    margin-left: -1em;
    color: rgb(115,175,0);
}

.icon-portugal-1 .path3:before {
    content: "\e90e";
    margin-left: -1em;
    color: rgb(255,225,90);
}

.icon-portugal-1 .path4:before {
    content: "\e90f";
    margin-left: -1em;
    color: rgb(255,75,85);
}

.icon-portugal-1 .path5:before {
    content: "\e910";
    margin-left: -1em;
    color: rgb(245,245,245);
}

.icon-portugal-1 .path6:before {
    content: "\e911";
    margin-left: -1em;
    color: rgb(255,225,90);
}

.icon-portugal-1 .path7:before {
    content: "\e912";
    margin-left: -1em;
    color: rgb(255,225,90);
}

.icon-portugal-1 .path8:before {
    content: "\e913";
    margin-left: -1em;
    color: rgb(255,225,90);
}

.icon-portugal-1 .path9:before {
    content: "\e914";
    margin-left: -1em;
    color: rgb(255,225,90);
}

.icon-portugal-1 .path10:before {
    content: "\e915";
    margin-left: -1em;
    color: rgb(255,225,90);
}

.icon-portugal-1 .path11:before {
    content: "\e916";
    margin-left: -1em;
    color: rgb(255,225,90);
}

.icon-portugal-1 .path12:before {
    content: "\e917";
    margin-left: -1em;
    color: rgb(255,225,90);
}

.icon-portugal-1 .path13:before {
    content: "\e918";
    margin-left: -1em;
    color: rgb(65,71,155);
}

.icon-portugal-1 .path14:before {
    content: "\e919";
    margin-left: -1em;
    color: rgb(65,71,155);
}

.icon-portugal-1 .path15:before {
    content: "\e91a";
    margin-left: -1em;
    color: rgb(65,71,155);
}

.icon-portugal-1 .path16:before {
    content: "\e91b";
    margin-left: -1em;
    color: rgb(65,71,155);
}

.icon-portugal-1 .path17:before {
    content: "\e91c";
    margin-left: -1em;
    color: rgb(65,71,155);
}

.icon-united-states .path1:before {
    content: "\e91d";
    color: rgb(229,100,110);
}

.icon-united-states .path2:before {
    content: "\e91e";
    margin-left: -1em;
    color: rgb(242,242,242);
}

.icon-united-states .path3:before {
    content: "\e91f";
    margin-left: -1em;
    color: rgb(242,242,242);
}

.icon-united-states .path4:before {
    content: "\e920";
    margin-left: -1em;
    color: rgb(219,70,85);
}

.icon-united-states .path5:before {
    content: "\e921";
    margin-left: -1em;
    color: rgb(80,85,160);
}

.icon-united-states .path6:before {
    content: "\e922";
    margin-left: -1em;
    color: rgb(63,63,143);
}

.icon-united-states .path7:before {
    content: "\e923";
    margin-left: -1em;
    color: rgb(255,255,255);
}

.icon-united-states .path8:before {
    content: "\e924";
    margin-left: -1em;
    color: rgb(255,255,255);
}

.icon-united-states .path9:before {
    content: "\e925";
    margin-left: -1em;
    color: rgb(255,255,255);
}

.icon-united-states .path10:before {
    content: "\e926";
    margin-left: -1em;
    color: rgb(242,242,242);
}

.icon-united-states .path11:before {
    content: "\e927";
    margin-left: -1em;
    color: rgb(242,242,242);
}

.icon-united-states .path12:before {
    content: "\e928";
    margin-left: -1em;
    color: rgb(255,255,255);
}

.icon-united-states .path13:before {
    content: "\e929";
    margin-left: -1em;
    color: rgb(255,255,255);
}

.icon-united-states .path14:before {
    content: "\e92a";
    margin-left: -1em;
    color: rgb(255,255,255);
}

.icon-united-states .path15:before {
    content: "\e92b";
    margin-left: -1em;
    color: rgb(242,242,242);
}

.icon-united-states .path16:before {
    content: "\e92c";
    margin-left: -1em;
    color: rgb(242,242,242);
}

.icon-united-states .path17:before {
    content: "\e92d";
    margin-left: -1em;
    color: rgb(242,242,242);
}

.icon-united-states .path18:before {
    content: "\e92e";
    margin-left: -1em;
    color: rgb(242,242,242);
}

.icon-united-states .path19:before {
    content: "\e92f";
    margin-left: -1em;
    color: rgb(242,242,242);
}

.icon-united-states .path20:before {
    content: "\e930";
    margin-left: -1em;
    color: rgb(255,255,255);
}

.icon-united-states .path21:before {
    content: "\e931";
    margin-left: -1em;
    color: rgb(255,255,255);
}

.icon-united-states .path22:before {
    content: "\e932";
    margin-left: -1em;
    color: rgb(255,255,255);
}

.icon-united-states .path23:before {
    content: "\e933";
    margin-left: -1em;
    color: rgb(255,255,255);
}

.icon-united-states .path24:before {
    content: "\e934";
    margin-left: -1em;
    color: rgb(242,242,242);
}

.icon-united-states .path25:before {
    content: "\e935";
    margin-left: -1em;
    color: rgb(242,242,242);
}

.icon-united-states .path26:before {
    content: "\e936";
    margin-left: -1em;
    color: rgb(255,255,255);
}

.icon-united-states .path27:before {
    content: "\e937";
    margin-left: -1em;
    color: rgb(255,255,255);
}

.icon-united-states .path28:before {
    content: "\e938";
    margin-left: -1em;
    color: rgb(255,255,255);
}

.icon-united-states .path29:before {
    content: "\e939";
    margin-left: -1em;
    color: rgb(242,242,242);
}

.icon-united-states .path30:before {
    content: "\e93a";
    margin-left: -1em;
    color: rgb(242,242,242);
}

.icon-united-states .path31:before {
    content: "\e93b";
    margin-left: -1em;
    color: rgb(242,242,242);
}

.icon-united-states .path32:before {
    content: "\e93c";
    margin-left: -1em;
    color: rgb(242,242,242);
}

.icon-united-states .path33:before {
    content: "\e93d";
    margin-left: -1em;
    color: rgb(255,255,255);
}

.icon-united-states .path34:before {
    content: "\e93e";
    margin-left: -1em;
    color: rgb(255,255,255);
}

.icon-united-states .path35:before {
    content: "\e93f";
    margin-left: -1em;
    color: rgb(242,242,242);
}

.icon-united-states .path36:before {
    content: "\e940";
    margin-left: -1em;
    color: rgb(242,242,242);
}

.icon-united-states .path37:before {
    content: "\e941";
    margin-left: -1em;
    color: rgb(242,242,242);
}

.icon-united-states .path38:before {
    content: "\e942";
    margin-left: -1em;
    color: rgb(255,255,255);
}

.icon-united-states .path39:before {
    content: "\e943";
    margin-left: -1em;
    color: rgb(255,255,255);
}

.icon-united-states .path40:before {
    content: "\e944";
    margin-left: -1em;
    color: rgb(255,255,255);
}

.icon-united-states .path41:before {
    content: "\e945";
    margin-left: -1em;
    color: rgb(255,255,255);
}

.icon-united-states .path42:before {
    content: "\e946";
    margin-left: -1em;
    color: rgb(242,242,242);
}

.icon-united-states .path43:before {
    content: "\e947";
    margin-left: -1em;
    color: rgb(242,242,242);
}

.icon-united-states .path44:before {
    content: "\e948";
    margin-left: -1em;
    color: rgb(242,242,242);
}

.icon-united-states .path45:before {
    content: "\e949";
    margin-left: -1em;
    color: rgb(242,242,242);
}

.icon-united-states .path46:before {
    content: "\e94a";
    margin-left: -1em;
    color: rgb(255,255,255);
}

.icon-united-states .path47:before {
    content: "\e94b";
    margin-left: -1em;
    color: rgb(255,255,255);
}

.icon-united-states .path48:before {
    content: "\e94c";
    margin-left: -1em;
    color: rgb(242,242,242);
}

.icon-united-states .path49:before {
    content: "\e94d";
    margin-left: -1em;
    color: rgb(242,242,242);
}

.icon-france1 .path1:before {
    content: "\e94e";
    color: rgb(80,85,160);
}

.icon-france1 .path2:before {
    content: "\e94f";
    margin-left: -1em;
    color: rgb(229,100,110);
}

.icon-france1 .path3:before {
    content: "\e950";
    margin-left: -1em;
    color: rgb(219,70,85);
}

.icon-france1 .path4:before {
    content: "\e951";
    margin-left: -1em;
    color: rgb(63,63,143);
}

.icon-france1 .path5:before {
    content: "\e952";
    margin-left: -1em;
    color: rgb(242,242,242);
}

.icon-france1 .path6:before {
    content: "\e953";
    margin-left: -1em;
    color: rgb(242,242,242);
}

.icon-united-kingdom .path1:before {
    content: "\e954";
    color: rgb(80,85,160);
}

.icon-united-kingdom .path2:before {
    content: "\e955";
    margin-left: -1em;
    color: rgb(63,63,143);
}

.icon-united-kingdom .path3:before {
    content: "\e956";
    margin-left: -1em;
    color: rgb(229,100,110);
}

.icon-united-kingdom .path4:before {
    content: "\e957";
    margin-left: -1em;
    color: rgb(219,70,85);
}

.icon-united-kingdom .path5:before {
    content: "\e958";
    margin-left: -1em;
    color: rgb(229,100,110);
}

.icon-united-kingdom .path6:before {
    content: "\e959";
    margin-left: -1em;
    color: rgb(219,70,85);
}

.icon-united-kingdom .path7:before {
    content: "\e95a";
    margin-left: -1em;
    color: rgb(219,70,85);
}

.icon-united-kingdom .path8:before {
    content: "\e95b";
    margin-left: -1em;
    color: rgb(229,100,110);
}

.icon-united-kingdom .path9:before {
    content: "\e95c";
    margin-left: -1em;
    color: rgb(219,70,85);
}

.icon-united-kingdom .path10:before {
    content: "\e95d";
    margin-left: -1em;
    color: rgb(219,70,85);
}

.icon-united-kingdom .path11:before {
    content: "\e95e";
    margin-left: -1em;
    color: rgb(242,242,242);
}

.icon-united-kingdom .path12:before {
    content: "\e95f";
    margin-left: -1em;
    color: rgb(242,242,242);
}

.icon-united-kingdom .path13:before {
    content: "\e960";
    margin-left: -1em;
    color: rgb(242,242,242);
}

.icon-united-kingdom .path14:before {
    content: "\e961";
    margin-left: -1em;
    color: rgb(242,242,242);
}

.icon-united-kingdom .path15:before {
    content: "\e962";
    margin-left: -1em;
    color: rgb(242,242,242);
}

.icon-united-kingdom .path16:before {
    content: "\e963";
    margin-left: -1em;
    color: rgb(242,242,242);
}

.icon-united-kingdom .path17:before {
    content: "\e964";
    margin-left: -1em;
    color: rgb(242,242,242);
}

.icon-united-kingdom .path18:before {
    content: "\e965";
    margin-left: -1em;
    color: rgb(242,242,242);
}

.icon-united-kingdom .path19:before {
    content: "\e966";
    margin-left: -1em;
    color: rgb(242,242,242);
}

.icon-united-kingdom .path20:before {
    content: "\e967";
    margin-left: -1em;
    color: rgb(242,242,242);
}

.icon-united-kingdom .path21:before {
    content: "\e968";
    margin-left: -1em;
    color: rgb(242,242,242);
}

.icon-united-kingdom .path22:before {
    content: "\e969";
    margin-left: -1em;
    color: rgb(242,242,242);
}

.icon-united-kingdom .path23:before {
    content: "\e96a";
    margin-left: -1em;
    color: rgb(242,242,242);
}

.icon-germany .path1:before {
    content: "\e96b";
    color: rgb(93,83,96);
}

.icon-germany .path2:before {
    content: "\e96c";
    margin-left: -1em;
    color: rgb(75,63,78);
}

.icon-germany .path3:before {
    content: "\e96d";
    margin-left: -1em;
    color: rgb(255,224,125);
}

.icon-germany .path4:before {
    content: "\e96e";
    margin-left: -1em;
    color: rgb(255,208,100);
}

.icon-germany .path5:before {
    content: "\e96f";
    margin-left: -1em;
    color: rgb(229,100,110);
}

.icon-germany .path6:before {
    content: "\e970";
    margin-left: -1em;
    color: rgb(219,70,85);
}

.icon-spain .path1:before {
    content: "\e971";
    color: rgb(229,100,110);
}

.icon-spain .path2:before {
    content: "\e972";
    margin-left: -1em;
    color: rgb(219,70,85);
}

.icon-spain .path3:before {
    content: "\e973";
    margin-left: -1em;
    color: rgb(255,224,125);
}

.icon-spain .path4:before {
    content: "\e974";
    margin-left: -1em;
    color: rgb(219,70,85);
}

.icon-spain .path5:before {
    content: "\e975";
    margin-left: -1em;
    color: rgb(229,100,110);
}

.icon-spain .path6:before {
    content: "\e976";
    margin-left: -1em;
    color: rgb(255,255,255);
}

.icon-spain .path7:before {
    content: "\e977";
    margin-left: -1em;
    color: rgb(255,208,100);
}

.icon-spain .path8:before {
    content: "\e978";
    margin-left: -1em;
    color: rgb(229,100,110);
}

.icon-spain .path9:before {
    content: "\e979";
    margin-left: -1em;
    color: rgb(80,85,160);
}

.icon-spain .path10:before {
    content: "\e97a";
    margin-left: -1em;
    color: rgb(255,255,255);
}

.icon-spain .path11:before {
    content: "\e97b";
    margin-left: -1em;
    color: rgb(229,100,110);
}

.icon-spain .path12:before {
    content: "\e97c";
    margin-left: -1em;
    color: rgb(80,85,160);
}

.icon-spain .path13:before {
    content: "\e97d";
    margin-left: -1em;
    color: rgb(255,255,255);
}

.icon-spain .path14:before {
    content: "\e97e";
    margin-left: -1em;
    color: rgb(255,194,105);
}

.icon-spain .path15:before {
    content: "\e97f";
    margin-left: -1em;
    color: rgb(80,85,160);
}

.icon-italy .path1:before {
    content: "\e980";
    color: rgb(149,204,129);
}

.icon-italy .path2:before {
    content: "\e981";
    margin-left: -1em;
    color: rgb(229,100,110);
}

.icon-italy .path3:before {
    content: "\e982";
    margin-left: -1em;
    color: rgb(219,70,85);
}

.icon-italy .path4:before {
    content: "\e983";
    margin-left: -1em;
    color: rgb(125,189,128);
}

.icon-italy .path5:before {
    content: "\e984";
    margin-left: -1em;
    color: rgb(242,242,242);
}

.icon-italy .path6:before {
    content: "\e985";
    margin-left: -1em;
    color: rgb(242,242,242);
}

.icon-accordion-close .path1:before {
    content: "\e986";
    color: rgb(255,255,255);
}

.icon-accordion-close .path2:before {
    content: "\e987";
    margin-left: -1em;
    color: rgb(55,63,81);
}

.icon-accordion-close .path3:before {
    content: "\e988";
    margin-left: -1em;
    color: rgb(55,63,81);
}

.icon-accordion-open .path1:before {
    content: "\e989";
    color: rgb(255,255,255);
}

.icon-accordion-open .path2:before {
    content: "\e98a";
    margin-left: -1em;
    color: rgb(55,63,81);
}

.icon-add-circle:before {
    content: "\e98b";
}

.icon-airplane:before {
    content: "\e98c";
}

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

.icon-arrow-left-right:before {
    content: "\e98e";
}

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

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

.icon-atm:before {
    content: "\e991";
}

.icon-backpack:before {
    content: "\e992";
}

.icon-banking-mobility:before {
    content: "\e993";
}

.icon-bank-transfer-rejection:before {
    content: "\e994";
}

.icon-bell:before {
    content: "\e995";
}

.icon-bell-active .path1:before {
    content: "\e996";
    color: rgb(0,0,0);
}

.icon-bell-active .path2:before {
    content: "\e997";
    margin-left: -1em;
    color: rgb(255,95,0);
}

.icon-birthday-cake:before {
    content: "\e998";
}

.icon-bookmark:before {
    content: "\e999";
}

.icon-briefcase:before {
    content: "\e99a";
}

.icon-building:before {
    content: "\e99b";
}

.icon-building-x:before {
    content: "\e99c";
}

.icon-caf:before {
    content: "\e99d";
}

.icon-calendar:before {
    content: "\e99e";
}

.icon-cart:before {
    content: "\e99f";
}

.icon-cart-online:before {
    content: "\e9a0";
}

.icon-cash-deposit:before {
    content: "\e9a1";
}

.icon-cash-withdrawal:before {
    content: "\e9a2";
}

.icon-check:before {
    content: "\e9a3";
}

.icon-check-circle:before {
    content: "\e9a4";
}

.icon-check-circle-light:before {
    content: "\e9a5";
}

.icon-check-list:before {
    content: "\e9a6";
    color: black;
}

.icon-check-square:before {
    content: "\e9a7";
}

.icon-check-white:before {
    content: "\e9a8";
    color: #fff;
}

.icon-Cheque:before {
    content: "\e9a9";
}

.icon-chevron-down:before {
    content: "\e9aa";
}

.icon-chevron-left:before {
    content: "\e9ab";
}

.icon-chevron-right:before {
    content: "\e9ac";
}

.icon-chevron-up:before {
    content: "\e9ad";
}

.icon-clock:before {
    content: "\e9ae";
}

.icon-coffee-cup:before {
    content: "\e9af";
}

.icon-computer-screen:before {
    content: "\e9b0";
}

.icon-confetti:before {
    content: "\e9b1";
}

.icon-controller:before {
    content: "\e9b2";
}

.icon-copy:before {
    content: "\e9b3";
}

.icon-credit:before {
    content: "\e9b4";
}

.icon-credit-card:before {
    content: "\e9b5";
}

.icon-credit-card-back:before {
    content: "\e9b6";
}

.icon-credit-card-cancellation:before {
    content: "\e9b7";
}

.icon-credit-card-front:before {
    content: "\e9b8";
}

.icon-credit-cards:before {
    content: "\e9b9";
}

.icon-cross:before {
    content: "\e9ba";
    color: #ccc;
}

.icon-danger:before {
    content: "\e9bb";
}

.icon-dashed-circle:before {
    content: "\e9bc";
}

.icon-debit:before {
    content: "\e9bd";
}

.icon-direct-debit:before {
    content: "\e9be";
}

.icon-direct-debit-fees:before {
    content: "\e9bf";
}

.icon-direct-debit-rejection:before {
    content: "\e9c0";
}

.icon-download:before {
    content: "\e9c1";
}

.icon-euro:before {
    content: "\e9c2";
}

.icon-export:before {
    content: "\e9c3";
}

.icon-eye:before {
    content: "\e9c4";
}

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

.icon-family-register:before {
    content: "\e9c7";
}

.icon-file:before {
    content: "\e9c8";
}

.icon-file-check:before {
    content: "\e9c9";
}

.icon-file-empty:before {
    content: "\e9ca";
}

.icon-fingerprint:before {
    content: "\e9cb";
}

.icon-folder:before {
    content: "\e9cc";
}

.icon-food:before {
    content: "\e9cd";
}

.icon-four-dots:before {
    content: "\e9ce";
}

.icon-france:before {
    content: "\e9cf";
}

.icon-fullscreen:before {
    content: "\e9d0";
}

.icon-funnel:before {
    content: "\e9d1";
}

.icon-gear:before {
    content: "\e9d2";
}

.icon-graduation-hat:before {
    content: "\e9d3";
}

.icon-hamburger-menu:before {
    content: "\e9d4";
}

.icon-headset:before {
    content: "\e9d5";
}

.icon-hourglass:before {
    content: "\e9d6";
}

.icon-house:before {
    content: "\e9d7";
}

.icon-html-tag:before {
    content: "\e9d8";
}

.icon-Icon:before {
    content: "\e9d9";
}

.icon-id-card:before {
    content: "\e9da";
}

.icon-info-circle:before {
    content: "\e9db";
}

.icon-laptop:before {
    content: "\e9dc";
}

.icon-letter:before {
    content: "\e9dd";
}

.icon-letter-open:before {
    content: "\e9de";
}

.icon-letter-secure:before {
    content: "\e9df";
}

.icon-light-bulb:before {
    content: "\e9e0";
}

.icon-lightning:before {
    content: "\e9e1";
}

.icon-line-graph:before {
    content: "\e9e2";
}

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

.icon-map-marker:before {
    content: "\e9e4";
}

.icon-math-operators:before {
    content: "\e9e5";
}

.icon-minimize:before {
    content: "\e9e6";
}

.icon-Minus:before {
    content: "\e9e7";
}

.icon-more:before {
    content: "\e9e8";
}

.icon-multimedia:before {
    content: "\e9e9";
}

.icon-netflix:before {
    content: "\e9ea";
}

.icon-network:before {
    content: "\e9eb";
}

.icon-nickel-fees:before {
    content: "\e9ec";
}

.icon-nickel-leave:before {
    content: "\e9ed";
}

.icon-nickel-logo:before {
    content: "\e9ee";
}

.icon-padlock:before {
    content: "\e9ef";
}

.icon-paper-clip:before {
    content: "\e9f0";
}

.icon-pen:before {
    content: "\e9f1";
}

.icon-phone:before {
    content: "\e9f2";
}

.icon-Photo:before {
    content: "\e9f3";
}

.icon-play-btn .path1:before {
    content: "\e9f4";
    color: rgb(255,255,255);
}

.icon-play-btn .path2:before {
    content: "\e9f5";
    margin-left: -1em;
    color: rgb(255,95,0);
}

.icon-Plus:before {
    content: "\e9f6";
}

.icon-power-button:before {
    content: "\e9f7";
}

.icon-printer:before {
    content: "\e9f8";
}

.icon-question-circle:before {
    content: "\e9f9";
}

.icon-refund:before {
    content: "\e9fa";
}

.icon-RIA:before {
    content: "\e9fb";
    color: #fe6000;
}

.icon-save:before {
    content: "\e9fc";
}

.icon-scales:before {
    content: "\e9fd";
}

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

.icon-settings:before {
    content: "\e9ff";
}

.icon-shield:before {
    content: "\ea00";
}

.icon-shop:before {
    content: "\ea01";
}

.icon-shopping:before {
    content: "\ea02";
}

.icon-signal:before {
    content: "\ea03";
}

.icon-signal-slash:before {
    content: "\ea04";
}

.icon-speech-bubble:before {
    content: "\ea05";
}

.icon-square:before {
    content: "\ea06";
}

.icon-star:before {
    content: "\ea07";
}

.icon-steps:before {
    content: "\ea08";
}

.icon-table:before {
    content: "\ea09";
}

.icon-thief:before {
    content: "\ea0a";
}

.icon-thumb-down:before {
    content: "\ea0b";
}

.icon-thumb-up:before {
    content: "\ea0c";
}

.icon-ticket:before {
    content: "\ea0d";
}

.icon-tobacco-store-sign:before {
    content: "\ea0e";
}

.icon-tools:before {
    content: "\ea0f";
}

.icon-transport:before {
    content: "\ea10";
}

.icon-trash-can:before {
    content: "\ea11";
}

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

.icon-user:before {
    content: "\ea14";
}

.icon-user-add:before {
    content: "\ea15";
}

.icon-user-circle:before {
    content: "\ea16";
}

.icon-user-multi:before {
    content: "\ea17";
}

.icon-wages:before {
    content: "\ea18";
}

.icon-wallet:before {
    content: "\ea19";
}

.icon-webcam:before {
    content: "\ea1a";
}

.icon-x:before {
    content: "\ea1b";
}

.icon-x-circle:before {
    content: "\ea1c";
}

.tns-outer {
    padding: 0 !important
}

    .tns-outer [hidden] {
        display: none !important
    }

    .tns-outer [aria-controls], .tns-outer [data-action] {
        cursor: pointer
    }

.tns-slider {
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    transition: all 0s
}

    .tns-slider > .tns-item {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

.tns-horizontal.tns-subpixel {
    white-space: nowrap
}

    .tns-horizontal.tns-subpixel > .tns-item {
        display: inline-block;
        vertical-align: top;
        white-space: normal
    }

.tns-horizontal.tns-no-subpixel:after {
    content: '';
    display: table;
    clear: both
}

.tns-horizontal.tns-no-subpixel > .tns-item {
    float: left
}

.tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item {
    margin-right: -100%
}

.tns-no-calc {
    position: relative;
    left: 0
}

.tns-gallery {
    position: relative;
    left: 0;
    min-height: 1px
}

    .tns-gallery > .tns-item {
        position: absolute;
        left: -100%;
        -webkit-transition: transform 0s,opacity 0s;
        -moz-transition: transform 0s,opacity 0s;
        transition: transform 0s,opacity 0s
    }

    .tns-gallery > .tns-slide-active {
        position: relative;
        left: auto !important
    }

    .tns-gallery > .tns-moving {
        -webkit-transition: all 0.25s;
        -moz-transition: all 0.25s;
        transition: all 0.25s
    }

.tns-autowidth {
    display: inline-block
}

.tns-lazy-img {
    -webkit-transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    transition: opacity 0.6s;
    opacity: 0.6
}

    .tns-lazy-img.tns-complete {
        opacity: 1
    }

.tns-ah {
    -webkit-transition: height 0s;
    -moz-transition: height 0s;
    transition: height 0s
}

.tns-ovh {
    overflow: hidden
}

.tns-visually-hidden {
    position: absolute;
    left: -10000em
}

.tns-transparent {
    opacity: 0;
    visibility: hidden
}

.tns-fadeIn {
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 0
}

.tns-normal, .tns-fadeOut {
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: -1
}

.tns-vpfix {
    white-space: nowrap
}

    .tns-vpfix > div, .tns-vpfix > li {
        display: inline-block
    }

.tns-t-subp2 {
    margin: 0 auto;
    width: 310px;
    position: relative;
    height: 10px;
    overflow: hidden
}

.tns-t-ct {
    width: 2333.3333333%;
    width: -webkit-calc(100% * 70 / 3);
    width: -moz-calc(100% * 70 / 3);
    width: calc(100% * 70 / 3);
    position: absolute;
    right: 0
}

    .tns-t-ct:after {
        content: '';
        display: table;
        clear: both
    }

    .tns-t-ct > div {
        width: 1.4285714%;
        width: -webkit-calc(100% / 70);
        width: -moz-calc(100% / 70);
        width: calc(100% / 70);
        height: 10px;
        float: left
    }

.ss-main {
    position: relative;
    display: inline-block;
    user-select: none;
    color: #666;
    width: 100%
}

    .ss-main .ss-single-selected {
        display: flex;
        cursor: pointer;
        width: 100%;
        height: 30px;
        padding: 6px;
        border: 1px solid #dcdee2;
        border-radius: 4px;
        background-color: #fff;
        outline: 0;
        box-sizing: border-box;
        transition: background-color .2s
    }

        .ss-main .ss-single-selected.ss-disabled {
            background-color: #dcdee2;
            cursor: not-allowed
        }

        .ss-main .ss-single-selected.ss-open-above {
            border-top-left-radius: 0;
            border-top-right-radius: 0
        }

        .ss-main .ss-single-selected.ss-open-below {
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0
        }

        .ss-main .ss-single-selected .placeholder {
            flex: 1 1 100%;
            text-align: left;
            width: calc(100% - 30px);
            line-height: 1em;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

            .ss-main .ss-single-selected .placeholder, .ss-main .ss-single-selected .placeholder * {
                display: flex;
                align-items: center;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap
            }

                .ss-main .ss-single-selected .placeholder * {
                    width: auto
                }

                .ss-main .ss-single-selected .placeholder .ss-disabled {
                    color: #dedede
                }

        .ss-main .ss-single-selected .ss-deselect {
            display: flex;
            align-items: center;
            justify-content: flex-end;
            flex: 0 1 auto;
            margin: 0 6px;
            font-weight: 700
        }

            .ss-main .ss-single-selected .ss-deselect.ss-hide {
                display: none
            }

        .ss-main .ss-single-selected .ss-arrow {
            display: flex;
            align-items: center;
            justify-content: flex-end;
            flex: 0 1 auto;
            margin: 0 6px
        }

            .ss-main .ss-single-selected .ss-arrow span {
                border: solid #666;
                border-width: 0 2px 2px 0;
                display: inline-block;
                padding: 3px;
                transition: transform .2s,margin .2s
            }

                .ss-main .ss-single-selected .ss-arrow span.arrow-up {
                    transform: rotate(-135deg);
                    margin: 3px 0 0
                }

                .ss-main .ss-single-selected .ss-arrow span.arrow-down {
                    transform: rotate(45deg);
                    margin: -3px 0 0
                }

    .ss-main .ss-multi-selected {
        display: flex;
        flex-direction: row;
        cursor: pointer;
        min-height: 30px;
        width: 100%;
        padding: 0 0 0 3px;
        border: 1px solid #dcdee2;
        border-radius: 4px;
        background-color: #fff;
        outline: 0;
        box-sizing: border-box;
        transition: background-color .2s
    }

        .ss-main .ss-multi-selected.ss-disabled {
            background-color: #dcdee2;
            cursor: not-allowed
        }

            .ss-main .ss-multi-selected.ss-disabled .ss-values .ss-disabled {
                color: #666
            }

            .ss-main .ss-multi-selected.ss-disabled .ss-values .ss-value .ss-value-delete {
                cursor: not-allowed
            }

        .ss-main .ss-multi-selected.ss-open-above {
            border-top-left-radius: 0;
            border-top-right-radius: 0
        }

        .ss-main .ss-multi-selected.ss-open-below {
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0
        }

        .ss-main .ss-multi-selected .ss-values {
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-start;
            flex: 1 1 100%;
            width: calc(100% - 30px)
        }

            .ss-main .ss-multi-selected .ss-values .ss-disabled {
                display: flex;
                padding: 4px 5px;
                margin: 2px 0;
                line-height: 1em;
                align-items: center;
                width: 100%;
                color: #dedede;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap
            }

@keyframes scaleIn {
    0% {
        transform: scale(0);
        opacity: 0
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes scaleOut {
    0% {
        transform: scale(1);
        opacity: 1
    }

    to {
        transform: scale(0);
        opacity: 0
    }
}

.ss-main .ss-multi-selected .ss-values .ss-value {
    display: flex;
    user-select: none;
    align-items: center;
    font-size: 12px;
    padding: 3px 5px;
    margin: 3px 5px 3px 0;
    color: #fff;
    background-color: #5897fb;
    border-radius: 4px;
    animation-name: scaleIn;
    animation-duration: .2s;
    animation-timing-function: ease-out;
    animation-fill-mode: both
}

    .ss-main .ss-multi-selected .ss-values .ss-value.ss-out {
        animation-name: scaleOut;
        animation-duration: .2s;
        animation-timing-function: ease-out
    }

    .ss-main .ss-multi-selected .ss-values .ss-value .ss-value-delete {
        margin: 0 0 0 5px;
        cursor: pointer
    }

.ss-main .ss-multi-selected .ss-add {
    display: flex;
    flex: 0 1 3px;
    margin: 9px 12px 0 5px
}

    .ss-main .ss-multi-selected .ss-add .ss-plus {
        display: flex;
        justify-content: center;
        align-items: center;
        background: #666;
        position: relative;
        height: 10px;
        width: 2px;
        transition: transform .2s
    }

        .ss-main .ss-multi-selected .ss-add .ss-plus:after {
            background: #666;
            content: "";
            position: absolute;
            height: 2px;
            width: 10px;
            left: -4px;
            top: 4px
        }

        .ss-main .ss-multi-selected .ss-add .ss-plus.ss-cross {
            transform: rotate(45deg)
        }

.ss-content {
    position: absolute;
    width: 100%;
    margin: -1px 0 0;
    box-sizing: border-box;
    border: 1px solid #dcdee2;
    z-index: 1010;
    background-color: #fff;
    transform-origin: center top;
    transition: transform .2s,opacity .2s;
    opacity: 0;
    transform: scaleY(0)
}

    .ss-content.ss-open {
        display: block;
        opacity: 1;
        transform: scaleY(1)
    }

    .ss-content .ss-search {
        display: flex;
        flex-direction: row;
        padding: 8px 8px 6px
    }

        .ss-content .ss-search.ss-hide, .ss-content .ss-search.ss-hide input {
            height: 0;
            opacity: 0;
            padding: 0;
            margin: 0
        }

        .ss-content .ss-search input {
            display: inline-flex;
            font-size: inherit;
            line-height: inherit;
            flex: 1 1 auto;
            width: 100%;
            min-width: 0;
            height: 30px;
            padding: 6px 8px;
            margin: 0;
            border: 1px solid #dcdee2;
            border-radius: 4px;
            background-color: #fff;
            outline: 0;
            text-align: left;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            -webkit-appearance: textfield
        }

            .ss-content .ss-search input::placeholder {
                color: #8a8a8a;
                vertical-align: middle
            }

            .ss-content .ss-search input:focus {
                box-shadow: 0 0 5px #5897fb
            }

        .ss-content .ss-search .ss-addable {
            display: inline-flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
            font-size: 22px;
            font-weight: 700;
            flex: 0 0 30px;
            height: 30px;
            margin: 0 0 0 8px;
            border: 1px solid #dcdee2;
            border-radius: 4px;
            box-sizing: border-box
        }

    .ss-content .ss-addable {
        padding-top: 0
    }

    .ss-content .ss-list {
        max-height: 200px;
        overflow-x: hidden;
        overflow-y: auto;
        text-align: left
    }

        .ss-content .ss-list .ss-optgroup .ss-optgroup-label {
            padding: 6px 10px;
            font-weight: 700
        }

        .ss-content .ss-list .ss-optgroup .ss-option {
            padding: 6px 6px 6px 25px
        }

        .ss-content .ss-list .ss-optgroup-label-selectable {
            cursor: pointer
        }

            .ss-content .ss-list .ss-optgroup-label-selectable:hover {
                color: #fff;
                background-color: #5897fb
            }

        .ss-content .ss-list .ss-option {
            padding: 6px 10px;
            cursor: pointer;
            user-select: none
        }

            .ss-content .ss-list .ss-option * {
                display: inline-block
            }

            .ss-content .ss-list .ss-option.ss-highlighted, .ss-content .ss-list .ss-option:hover {
                color: #fff;
                background-color: #5897fb
            }

            .ss-content .ss-list .ss-option.ss-disabled {
                cursor: not-allowed;
                color: #dedede;
                background-color: #fff
            }

            .ss-content .ss-list .ss-option:not(.ss-disabled).ss-option-selected {
                color: #666;
                background-color: rgba(88,151,251,.1)
            }

            .ss-content .ss-list .ss-option.ss-hide {
                display: none
            }

            .ss-content .ss-list .ss-option .ss-search-highlight {
                background-color: #fffb8c
            }

@font-face {
    font-family: Muller;
    font-weight: 300;
    src: url(../../../../themes/custom/home_theme/dist/fonts/Muller/Fontfabric-MullerNarrow-Light.otf) format("opentype")
}

@font-face {
    font-family: Muller;
    font-weight: 400;
    src: url(../../../../themes/custom/home_theme/dist/fonts/Muller/Fontfabric-MullerNarrow-Regular.otf) format("opentype")
}

@font-face {
    font-family: Muller;
    font-weight: 500;
    src: url(../../../../themes/custom/home_theme/dist/fonts/Muller/Fontfabric-MullerNarrow-Medium.otf) format("opentype")
}

@font-face {
    font-family: Muller;
    font-weight: 600;
    src: url(../../../../themes/custom/home_theme/dist/fonts/Muller/Fontfabric-MullerNarrow-Bold.otf) format("opentype")
}

@font-face {
    font-family: Muller;
    font-weight: 800;
    src: url(../../../../themes/custom/home_theme/dist/fonts/Muller/Fontfabric-MullerNarrow-ExtraBold.otf) format("opentype")
}

@font-face {
    font-family: Sarabun;
    font-weight: 300;
    src: url(../../../../themes/custom/home_theme/dist/fonts/Sarabun/Sarabun-Light.ttf) format("truetype")
}

@font-face {
    font-family: Sarabun;
    font-weight: 400;
    src: url(../../../../themes/custom/home_theme/dist/fonts/Sarabun/Sarabun-Regular.ttf) format("truetype")
}

@font-face {
    font-family: Sarabun;
    font-weight: 600;
    src: url(../../../../themes/custom/home_theme/dist/fonts/Sarabun/Sarabun-SemiBold.ttf) format("truetype")
}

@font-face {
    font-family: Sarabun;
    font-weight: 700;
    src: url(../../../../themes/custom/home_theme/dist/fonts/Sarabun/Sarabun-Bold.ttf) format("truetype")
}

.container {
    --bs-gutter-x: 1rem;
    --bs-gutter-y: 1rem
}

.row {
    margin-right: -1rem;
    margin-left: -1rem
}

.col {
    padding-right: 1rem;
    padding-left: 1rem
}

.header--dropdown .header-group .cercle-icon i::before {
    color: #191f29;
    fill: #191f29
}

footer .container .logo {
    margin: 10px 0 16px 0
}

@media screen and (min-width:768px) {
    footer .container .footer-logo .trustpilot-widget {
        display: none
    }
}

@media screen and (min-width:992px) {
    footer .container .footer-links-item {
        margin-top: 0;
        margin-left: auto
    }
}

@media screen and (max-width:767.98px) {
    footer .container .footer-links-item .trustpilot-widget {
        display: none
    }
}

footer {
    margin-top: 30px;
    padding-bottom: 30px
}

    footer .logo {
        max-width: 160px
    }

    footer .bnp-fortis {
        max-width: 160px
    }

@media screen and (min-width:992px) {
    footer .footer-logo {
        padding-right: 40px
    }
}

footer .footer-content {
    padding-top: 0
}

@media screen and (max-width:991.98px) {
    footer .footer-content {
        padding-left: 8px;
        padding-right: 8px
    }
}

footer .footer-content p {
    margin-bottom: 20px
}

footer .footer-links {
    display: flex
}

    footer .footer-links .menu-footer-links {
        width: 66%
    }

        footer .footer-links .menu-footer-links > ul {
            display: flex;
            gap: 30px
        }

@media screen and (max-width:767.98px) {
    footer .footer-links .menu-footer-links > ul {
        flex-direction: column;
        gap: 0
    }
}

footer .footer-links .menu-footer-links > ul > li > span {
    text-transform: uppercase;
    font-family: Muller;
    font-weight: 800;
    font-size: unset
}

footer .footer-links .menu-footer-links ul {
    margin: 0
}

    footer .footer-links .menu-footer-links ul li {
        margin: 10px 0
    }

    footer .footer-links .menu-footer-links ul a:hover, footer .footer-links .menu-footer-links ul span.obfuscated:hover {
        border-bottom: 1px solid black
    }

@media screen and (min-width:992px) {
    footer .footer-links {
        padding-bottom: 25px;
        margin-bottom: 25px;
        border-bottom: 1px solid #d4d4d4
    }
}

@media screen and (max-width:991.98px) {
    footer .footer-links {
        flex-direction: column-reverse;
        align-items: flex-start
    }

        footer .footer-links .menu-footer-links {
            width: 100%;
            flex-direction: column
        }
}

footer .footer-links-item {
    margin: 10px 0
}

    footer .footer-links-item > ul li a:hover {
        border-bottom: 1px solid black
    }

    footer .footer-links-item h5 {
        text-transform: uppercase;
        font-family: Muller;
        font-weight: 800
    }

@media screen and (max-width:991.98px) {
    footer .footer-links-item h5 {
        margin-bottom: 24px
    }
}

@media screen and (min-width:992px) {
    footer .footer-links-item {
        margin-left: 0;
        margin-top: 30px;
        min-width: 140px
    }
}

footer .footer-links-item li {
    margin: 10px 0
}

footer .footer-links-item:last-child {
    flex: 1 1 auto
}

@media screen and (max-width:767.98px) {
    footer .footer-links-item:last-child {
        width: 100%
    }
}

@media screen and (max-width:991.98px) {
    footer .footer-links-item:last-child {
        width: 100%
    }
}

footer .footer-last-links {
    display: flex;
    flex-direction: column;
    justify-content: flex-start !important
}

@media screen and (min-width:992px) {
    footer .footer-last-links {
        padding-left: 10px
    }
}

@media screen and (max-width:991.98px) {
    footer .footer-last-links {
        align-items: center
    }
}

footer .footer-last-links .btn-default {
    margin-bottom: 30px;
    width: 100%;
    max-width: 250px;
    display: flex;
    margin-right: 20px
}

@media screen and (max-width:767.98px) {
    footer .footer-last-links .btn-default {
        max-width: none
    }
}

footer a {
    color: #191f29
}

@media screen and (max-width:991.98px) {
    footer .footer-store .download-store {
        justify-content: flex-start
    }

        footer .footer-store .download-store li {
            margin: 0 25px 0 0
        }

        footer .footer-store .download-store a {
            display: block
        }
}

footer .footer-social {
    display: flex;
    justify-content: flex-end
}

@media screen and (max-width:991.98px) {
    footer .footer-social {
        padding-top: 25px;
        margin-top: 25px;
        border-top: 1px solid #d4d4d4;
        justify-content: center;
        padding-right: 1rem;
        padding-left: 1rem
    }

        footer .footer-social .social-links li {
            margin: 0 25px
        }
}

footer .bnp-fortis {
    display: block
}

@media screen and (max-width:991.98px) {
    footer .bnp-fortis {
        display: none
    }
}

footer .footer-logo-head {
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media screen and (max-width:991.98px) {
    footer .footer-logo-head {
        margin-bottom: 16px
    }
}

footer .footer-logo-head .bnp-fortis {
    display: block
}

@media screen and (min-width:992px) {
    footer .footer-logo-head .bnp-fortis {
        display: none
    }
}

footer .line-separator {
    border-top: 1px solid #e2e2e2;
    padding-top: 16px
}

.adminimal-admin-toolbar header {
    top: 39px
}

.adminimal-admin-toolbar .region-content {
    margin-top: 112px
}

.adminimal-admin-toolbar #navoffers {
    top: 105px
}

.adminimal-admin-toolbar.toolbar-tray-open header {
    top: 79px
}

.adminimal-admin-toolbar.toolbar-tray-open .region-content {
    margin-top: 152px
}

.adminimal-admin-toolbar.toolbar-tray-open #navoffers {
    top: 145px
}

.region-content {
    margin-top: 0
}

body {
    padding-top: 0
}

@keyframes glyphicon-spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(359deg)
    }
}

.glyphicon-spin {
    display: inline-block;
    animation: glyphicon-spin 1s infinite linear
}

a .glyphicon-spin {
    display: inline-block;
    text-decoration: none
}

html.js .btn .ajax-throbber {
    margin-left: .5em;
    margin-right: -.25em
}

html.js .form-item .input-group-addon .glyphicon {
    color: #f4f6f9;
    opacity: .5;
    transition: 150ms color,150ms opacity
}

    html.js .form-item .input-group-addon .glyphicon.glyphicon-spin {
        color: #3186d6;
        opacity: 1
    }

html.js .form-item .input-group-addon .input-group-addon {
    background-color: #fff
}

html.js .ajax-new-content:empty {
    display: none !important
}

.region-header-top, .wrapper-region-header-top {
    display: none
}

.alert-header .wrapper-region-header-top {
    display: block;
    position: relative;
    color: #fff;
    padding: 10px 0
}

    .alert-header .wrapper-region-header-top .block-block-content a {
        color: #fff;
        text-decoration: underline
    }

    .alert-header .wrapper-region-header-top .container {
        padding: 0 20px
    }

    .alert-header .wrapper-region-header-top .close {
        position: absolute;
        display: block;
        padding: 2px 5px;
        top: 8px;
        right: 8px;
        color: #fff
    }

.alert-header .region-header-top {
    display: block
}

@media screen and (max-width:767.98px) {
    .alert-header .wrapper-region-header-top {
        padding: 10px 20px
    }
}

.alert-sm {
    padding: 5px 10px
}

.alert a {
    font-weight: 700
}

.alert-success a, .alert-success a:focus, .alert-success a:hover {
    color: #238689
}

.alert-info a, .alert-info a:focus, .alert-info a:hover {
    color: #236cb1
}

.alert-warning a, .alert-warning a:focus, .alert-warning a:hover {
    color: #897223
}

.alert-danger a, .alert-danger a:focus, .alert-danger a:hover {
    color: #b04000
}

#trust-pilot-widget {
    width: 100%;
    margin: 10px auto 60px;
    height: auto
}

.page-node-type-page .paragraph--type--trustpilot-home-block .trustpilot-score {
    padding-top: 20px
}

.page-node-type-page .paragraph--type--trustpilot-home-block .lien-all-trust {
    margin-bottom: 60px;
    display: block
}

.page-node-type-page .paragraph--type--trustpilot-home-block .trustpilot-container {
    display: flex;
    flex-flow: row wrap;
    justify-content: center
}

.page-node-type-page .paragraph--type--trustpilot-home-block .truspilot-avis {
    margin-bottom: 25px;
    flex: 0 1 auto
}

    .page-node-type-page .paragraph--type--trustpilot-home-block .truspilot-avis .blockReview {
        padding: 15px;
        height: 100%;
        border: 1px solid #ccc
    }

        .page-node-type-page .paragraph--type--trustpilot-home-block .truspilot-avis .blockReview .blockReview-consumer, .page-node-type-page .paragraph--type--trustpilot-home-block .truspilot-avis .blockReview .blockReview-date, .page-node-type-page .paragraph--type--trustpilot-home-block .truspilot-avis .blockReview .blockReview-text, .page-node-type-page .paragraph--type--trustpilot-home-block .truspilot-avis .blockReview .blockReview-title {
            text-align: left
        }

    .page-node-type-page .paragraph--type--trustpilot-home-block .truspilot-avis .blockReview-consumer {
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        align-items: center
    }

        .page-node-type-page .paragraph--type--trustpilot-home-block .truspilot-avis .blockReview-consumer .cons-name {
            flex: 2 2 auto
        }

        .page-node-type-page .paragraph--type--trustpilot-home-block .truspilot-avis .blockReview-consumer .cons-score {
            flex: 2 2 initial
        }

.chat-overlay {
    position: fixed;
    width: 330px;
    bottom: 7em;
    right: 2em;
    z-index: 100;
    box-shadow: 0 0 10px 3px rgba(0,0,0,.2);
    border-radius: .5rem;
    height: 75%;
    max-height: 600px
}

    .chat-overlay.chat-overlay-closed {
        display: none
    }

.chat-overlay-closed .header-logo {
    display: none
}

.header-logo {
    position: absolute;
    height: 25px;
    border-radius: .5rem .5rem 0 0;
    width: 20px;
    right: 0
}

    .header-logo img, .header-logo svg {
        height: inherit
    }

        .header-logo img.chat-overlay-close {
            margin-left: auto;
            align-self: center;
            height: 50%;
            padding: .5rem
        }

        .header-logo svg.chat-overlay-close {
            margin-left: auto;
            align-self: center;
            height: 100%;
            cursor: pointer;
            margin-right: 3px
        }

.chat-overlay-closed {
    height: 71px
}

.chat-overlay-wrapper {
    width: 330px;
    height: 100%
}

.chat-overlay-header-mobile {
    display: none
}

.chat-overlay-header {
    height: 56px;
    border-radius: 30px;
    z-index: 99;
    cursor: pointer;
    position: fixed;
    bottom: 2em;
    right: 2em;
    display: flex;
    align-items: center;
    gap: 10px;
    background-color: #fff;
    box-shadow: 0 0 10px 3px rgba(0,0,0,.2);
    padding: 15px
}

    .chat-overlay-header.chat-overlay-header-closed {
        animation: bounce 10s infinite,fadeIn 1s
    }

        .chat-overlay-header.chat-overlay-header-closed.chat-overlay-header-opened {
            animation: bounce 10s infinite
        }

@keyframes bounce {
    2%,8% {
        transform: translateY(-15px)
    }

    11%,5% {
        transform: translateY(0)
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

#receiver {
    opacity: 1;
    background: rgba(0,0,0,.5);
    border-radius: .5rem
}

    #receiver.chat-overlay-close {
        opacity: 0;
        overflow: hidden;
        height: 100%
    }

    #receiver.chat-overlay-open {
        height: 100%;
        opacity: 1;
        overflow: hidden
    }

.chat-overlay-header-img {
    max-width: 40px;
    max-height: 40px
}

    .chat-overlay-header-img.open {
        opacity: 0
    }

.absolute-cart-box {
    display: none
}

@media only screen and (max-width:768px) {
    .chat-overlay {
        width: 100%;
        position: fixed;
        height: 100%;
        bottom: 0;
        right: 0;
        max-height: 100%
    }

        .chat-overlay .header-logo {
            display: none
        }

    .chat-overlay-header-mobile {
        background: 0 0;
        display: flex;
        height: 48px;
        flex-direction: row-reverse;
        flex-wrap: nowrap;
        align-content: stretch;
        justify-content: flex-start;
        align-items: center;
        position: absolute;
        top: 0;
        right: 0
    }

        .chat-overlay-header-mobile img {
            height: 30%;
            padding: 1rem;
            align-self: center
        }

        .chat-overlay-header-mobile svg.chat-overlay-close {
            height: 22px;
            width: 22px;
            margin-right: 4px;
            cursor: pointer;
            margin-top: 2px
        }

        .chat-overlay-header-mobile img.logo {
            height: 80%;
            padding: 1rem
        }

        .chat-overlay-header-mobile.chat-overlay-close {
            display: none
        }

    #receiver {
        border-radius: 0
    }

        #receiver.chat-overlay-close {
            height: 0;
            opacity: 0;
            overflow: hidden
        }

        #receiver.chat-overlay-open {
            height: 100%;
            opacity: 1;
            overflow: hidden
        }

    .chat-overlay-open {
        height: 100%;
        bottom: 0;
        right: 0
    }

        .chat-overlay-open .chat-overlay-header {
            display: none
        }

    .chat-overlay-closed {
        height: 205px;
        bottom: 24px;
        right: 24px;
        width: 88%
    }

    .chat-overlay-wrapper {
        width: 100%;
        height: 100%
    }
}

.cn-nav-tabs {
    border: 0;
    list-style: none;
    display: flex;
    flex-wrap: nowrap
}

    .cn-nav-tabs li.item {
        flex-grow: 1;
        height: 65px
    }

        .cn-nav-tabs li.item:last-child a {
            border-right: 0
        }

        .cn-nav-tabs li.item a {
            position: relative;
            display: block;
            width: 100%;
            height: 100%;
            line-height: 65px;
            text-align: center;
            color: #000;
            padding: 0;
            border-right: 1px solid #666
        }

            .cn-nav-tabs li.item a span {
                display: inline-block;
                vertical-align: middle;
                font-size: 20px;
                font-weight: 500;
                line-height: 1
            }

            .cn-nav-tabs li.item a.active {
                color: #fff;
                background-color: black;
                border-right: 0
            }

                .cn-nav-tabs li.item a.active:after {
                    content: "";
                    width: 0;
                    height: 0;
                    border-style: solid;
                    border-width: 15px 10px 0 10px;
                    border-color: black transparent transparent transparent;
                    position: absolute;
                    bottom: -15px;
                    left: 50%;
                    margin-left: -10px
                }

.cn-tab-content {
    margin-bottom: 20px;
    padding: 50px;
    color: #666
}

    .cn-tab-content .cn-tab-panel {
        display: none
    }

        .cn-tab-content .cn-tab-panel.active {
            display: block
        }

.nickel-currency-converter-form .one-currency-amount {
    color: #d7373c;
    font-size: 20px;
    line-height: 24px;
    text-align: left;
    padding-bottom: 20px
}

.nickel-currency-converter-form .fields {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: repeat(3,1fr);
    grid-column-gap: 20px;
    grid-row-gap: 0;
    padding-bottom: 10px
}

@media screen and (max-width:767.98px) {
    .nickel-currency-converter-form .fields {
        grid-template-columns: repeat(1,1fr)
    }
}

.nickel-currency-converter-form .fields label {
    color: #f57528;
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 6px;
    font-weight: 700
}

.nickel-currency-converter-form .fields .select2-selection, .nickel-currency-converter-form .fields input {
    display: block;
    width: 100%;
    height: 50px;
    padding: 6px 12px;
    font-size: 14px;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-top: 0;
    z-index: 1
}

.nickel-currency-converter-form .fields .select2 {
    display: block;
    width: 100% !important;
    z-index: 1
}

    .nickel-currency-converter-form .fields .select2 .selection .select2-selection .select2-selection__arrow {
        height: 40px
    }

        .nickel-currency-converter-form .fields .select2 .selection .select2-selection .select2-selection__arrow b {
            background-image: url(../../../../themes/custom/home_theme/dist/assets/images/chevron-down.svg);
            background-color: transparent;
            background-size: contain;
            border: none !important;
            height: 20px !important;
            width: 20px !important;
            top: 17px;
            left: -10px
        }

    .nickel-currency-converter-form .fields .select2.select2-container--open .selection .select2-selection .select2-selection__arrow b {
        background-image: url(../../../../themes/custom/home_theme/dist/assets/images/chevron-up.svg)
    }

.nickel-currency-converter-form .fields .select2-selection__rendered {
    margin-top: 4px;
    padding: 0
}

.nickel-currency-converter-form .fields div {
    display: flex;
    flex-direction: column
}

.nickel-currency-converter-form .fields .description {
    display: inline
}

.language-switcher {
    position: relative;
    border-radius: 10px;
    border: solid 1px #ccc;
    background-color: #fff;
    padding: 1px;
    width: -moz-max-content;
    width: max-content
}

    .language-switcher .language-active {
        display: flex;
        padding: 10px;
        cursor: pointer;
        font-size: 16px;
        line-height: 30px;
        align-items: center
    }

        .language-switcher .language-active .language-link {
            margin-right: 10px;
            width: 100%;
            display: flex;
            align-items: center
        }

            .language-switcher .language-active .language-link.short {
                display: none
            }

    .language-switcher .language-icon {
        float: left;
        border-radius: 25px;
        height: 25px;
        padding: 0;
        width: auto;
        max-width: 25px;
        margin-right: 10px
    }

    .language-switcher li {
        cursor: pointer;
        font-size: 16px;
        line-height: 26px;
        font-weight: 300;
        padding: 10px
    }

        .language-switcher li:hover icon, .language-switcher li:hover span {
            color: black
        }

        .language-switcher li a {
            color: #000;
            padding: 0;
            width: 100%;
            display: inline-block;
            padding-right: 26px;
            text-align: center
        }

            .language-switcher li a:hover {
                text-decoration: none;
                color: black
            }

            .language-switcher li a img {
                margin-right: 10px
            }

        .language-switcher li .icon {
            float: right;
            padding-left: 15px
        }

.burger-menu .block-nickel-language-switcher-block .title {
    color: #191f29 !important
}

.block-nickel-language-switcher-block {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    cursor: pointer
}

    .block-nickel-language-switcher-block .burger-menu .title {
        color: #191f29 !important
    }

    .block-nickel-language-switcher-block form {
        display: none
    }

    .block-nickel-language-switcher-block img {
        border-radius: 25px;
        height: 25px;
        padding: 0;
        width: auto;
        max-width: 25px
    }

header .language-switcher {
    border: none
}

    header .language-switcher ul {
        position: absolute;
        right: 0;
        border-radius: 10px;
        border: solid 1px #ccc;
        background-color: #fff;
        width: -moz-max-content;
        width: max-content
    }

    header .language-switcher .language-active .language-link {
        margin: 0
    }

        header .language-switcher .language-active .language-link span {
            display: none
        }

        header .language-switcher .language-active .language-link.short {
            display: block;
            white-space: nowrap
        }

            header .language-switcher .language-active .language-link.short span {
                display: block
            }

    header .language-switcher .language-active .icon {
        margin-left: 10px;
        font-size: 10px
    }

header .block-nickel-language-switcher-block {
    position: relative;
    padding-left: 10px
}

    header .block-nickel-language-switcher-block .title {
        text-decoration: underline
    }

    header .block-nickel-language-switcher-block .ajax-progress {
        display: none;
        position: absolute;
        right: -20px;
        top: 0
    }

.footer-links .block-nickel-language-switcher-block {
    position: relative;
    margin-bottom: 30px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: center;
    border: solid 1px #000;
    width: 250px;
    margin-right: 0;
    border-radius: 100px;
    padding: 0 24px;
    height: 52px
}

    .footer-links .block-nickel-language-switcher-block .title {
        font-weight: 400;
        text-transform: unset;
        font-family: sarabun,Arial,sans-serif
    }

    .footer-links .block-nickel-language-switcher-block .ajax-progress {
        display: none;
        position: absolute;
        top: 13px;
        right: 26px
    }

footer .footer-last-links {
    height: 100%;
    justify-content: center
}

    footer .footer-last-links .block-nickel-footer-button {
        width: 250px
    }

    footer .footer-last-links .block-hearing-impaired-button-block {
        width: 250px;
        border: 3px solid #f4f6f9;
        border-radius: 8px;
        text-align: center;
        padding: 25px 10px
    }

        footer .footer-last-links .block-hearing-impaired-button-block .title {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            gap: 10px;
            font-weight: 600;
            font-size: 16px;
            line-height: 23px
        }

            footer .footer-last-links .block-hearing-impaired-button-block .title img {
                max-height: 30px
            }

        footer .footer-last-links .block-hearing-impaired-button-block [data-link], footer .footer-last-links .block-hearing-impaired-button-block a {
            text-decoration-line: underline;
            color: #40629d
        }

    footer .footer-last-links .language-switcher {
        width: 250px;
        margin-right: 0;
        border-color: #000;
        border-radius: 100px;
        margin-bottom: 30px
    }

        footer .footer-last-links .language-switcher.active {
            border-radius: 15px
        }

        footer .footer-last-links .language-switcher .language-link span {
            width: 100%;
            text-align: center
        }

@media screen and (max-width:767.98px) {
    footer .footer-last-links .block-nickel-footer-button {
        width: 100%
    }

    footer .footer-last-links .language-switcher {
        width: 100%
    }

    footer .footer-last-links .block-nickel-language-switcher-block {
        width: 100%
    }

        footer .footer-last-links .block-nickel-language-switcher-block a {
            width: 100%;
            margin-bottom: 30px
        }

    footer .footer-last-links .block-hearing-impaired-button-block {
        margin: 0 auto
    }
}

.field--label {
    font-weight: 700
}

.field--label-inline .field--items, .field--label-inline .field--label {
    float: left
}

.field--label-inline .field--items, .field--label-inline .field--label, .field--label-inline > .field--item {
    padding-right: .5em
}

[dir=rtl] .field--label-inline .field--items, [dir=rtl] .field--label-inline .field--label {
    padding-left: .5em;
    padding-right: 0;
    float: right
}

.field--label-inline .field--label::after {
    content: ":"
}

.field--name-field-ima > img {
    margin-right: auto;
    margin-left: auto;
    border-radius: 10px
}

.file {
    display: table;
    font-size: 75%;
    font-weight: 700;
    margin: 5px 0;
    width: 100%
}

    .file > span {
        background: #fff;
        color: #3186d6;
        border-bottom: 1px solid #ccc;
        border-top: 1px solid #ccc
    }

        .file > span:first-child {
            border-left: 1px solid #ccc
        }

        .file > span:last-child {
            border-right: 1px solid #ccc
        }

    .file > .tabledrag-changed {
        background: #f2f2f2;
        border-radius: 0;
        color: #b2942d;
        display: table-cell;
        padding: 0 1em;
        top: 0;
        vertical-align: middle;
        border-left: 1px solid inherit
    }

        .file > .tabledrag-changed, .file > .tabledrag-changed:last-child {
            border: 1px solid #000
        }

.file-icon {
    display: table-cell;
    font-size: 150%;
    padding: .25em .5em;
    text-align: center;
    vertical-align: middle
}

.file-link {
    display: table-cell;
    vertical-align: middle;
    width: 100%
}

    .file-link a, .file-link a:active, .file-link a:focus, .file-link a:hover {
        color: inherit
    }

.file-size {
    display: table-cell;
    padding: 0 1em;
    text-align: right;
    white-space: pre;
    vertical-align: middle
}

.image-widget.row {
    overflow: hidden
}

.filter-wrapper {
    background-color: #f2f2f2;
    border: 1px solid #ccc;
    border-top: 0;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    margin-bottom: 0;
    padding: 10px;
    height: 51px
}

.filter-help {
    float: right;
    line-height: 1;
    margin: .5em 0 0
}

.nav.nav-tabs.filter-formats {
    margin-bottom: 15px
}

.footer-content {
    padding-top: 0
}

@media screen and (min-width:992px) {
    .footer-links-item:not(:first-child) {
        margin-left: 30px
    }

    .footer-content {
        padding-top: 30px
    }
}

footer .footer-links-item .title {
    text-transform: uppercase;
    font-family: Muller;
    font-weight: 800
}

table .checkbox.form-no-label, table .radio.form-no-label {
    margin-bottom: 0;
    margin-top: 0
}

.select-wrapper {
    display: inline-block;
    position: relative;
    width: 100%
}

.form-inline .select-wrapper {
    width: auto
}

.input-group .select-wrapper {
    display: table-cell
}

    .input-group .select-wrapper:first-child .form-control:first-child {
        border-bottom-left-radius: 4px;
        border-top-left-radius: 4px
    }

    .input-group .select-wrapper:last-child .form-control:first-child {
        border-bottom-right-radius: 4px;
        border-top-right-radius: 4px
    }

.select-wrapper select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    line-height: 1;
    padding-right: 2em
}

    .select-wrapper select::-ms-expand {
        opacity: 0
    }

.select-wrapper:after {
    color: #3186d6;
    content: "▼";
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    margin-top: -.5em;
    padding-right: .5em;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 10
}

.has-glyphicons .select-wrapper:after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e114";
    display: inline-block;
    font-family: "Glyphicons Halflings"
}

.has-error .select-wrapper:after {
    color: #e35300
}

.has-success .select-wrapper:after {
    color: #2daeb2
}

.has-warning .select-wrapper:after {
    color: #b2942d
}

.form-required:after {
    background-image: url(../../../../themes/custom/home_theme/dist/assets/images/required.svg);
    background-size: 7px 7px;
    content: "";
    display: inline-block;
    line-height: 1;
    height: 7px;
    width: 7px
}

.form-actions .btn, .form-actions .btn-group {
    margin-right: 10px
}

    .form-actions .btn-group .btn {
        margin-right: 0
    }

.hidden {
    display: none
}

@media screen and (max-width:991.98px) {
    .desktop-only {
        display: none
    }
}

.icon-1-5x {
    font-size: 1.5rem
}

.icon-2x {
    font-size: 2rem
}

.icon-3x {
    font-size: 3rem
}

.icon-4x {
    font-size: 4rem
}

.icon-5x {
    font-size: 5rem
}

.icon-mr10 {
    margin-right: 10px
}

.icon-mr20 {
    margin-right: 20px
}

.icon-mr30 {
    margin-right: 30px
}

.icon-ml10 {
    margin-left: 10px
}

.icon-ml20 {
    margin-left: 20px
}

.icon-ml30 {
    margin-left: 30px
}

.icon-svg.reviews_review_rating-icon.is--full {
    color: #fac800
}

    .icon-svg.reviews_review_rating-icon.is--full svg {
        width: 20px
    }

.select2-container {
    z-index: 9999
}

    .select2-container .select2-dropdown {
        background: #fff;
        border: 1px solid #e2e2e2;
        border-radius: 8px
    }

        .select2-container .select2-dropdown .select2-results ul {
            max-height: 165px;
            scrollbar-width: auto;
            scrollbar-color: #8f8f8f #fff
        }

            .select2-container .select2-dropdown .select2-results ul::-webkit-scrollbar {
                width: 10px
            }

            .select2-container .select2-dropdown .select2-results ul::-webkit-scrollbar-track {
                background: #fff
            }

            .select2-container .select2-dropdown .select2-results ul::-webkit-scrollbar-thumb {
                background-color: #8f8f8f;
                border-radius: 10px;
                border: 3px solid #fff
            }

            .select2-container .select2-dropdown .select2-results ul li {
                padding: 15px 8px
            }

                .select2-container .select2-dropdown .select2-results ul li span {
                    display: flex;
                    gap: 10px;
                    align-items: center
                }

                    .select2-container .select2-dropdown .select2-results ul li span .flag {
                        border-radius: 25px;
                        height: 25px;
                        padding: 0;
                        width: auto;
                        max-width: 25px
                    }

                .select2-container .select2-dropdown .select2-results ul li.select2-results__option--highlighted {
                    background: #f4f6f9;
                    color: #191f29
                }

.language-switcher-dialog {
    box-shadow: 0 4px 16px rgba(25,31,41,.1);
    border-radius: 8px;
    padding: 10px
}

    .language-switcher-dialog .ui-dialog-titlebar {
        border: none;
        background: #fff;
        border-radius: 8px
    }

    .language-switcher-dialog .ui-dialog-titlebar {
        padding: 1em 1.5em 0
    }

        .language-switcher-dialog .ui-dialog-titlebar .ui-dialog-title {
            font-size: 20px;
            line-height: 26px;
            font-family: Sarabun;
            font-style: normal;
            color: #191f29
        }

        .language-switcher-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
            margin: 0;
            right: 1.3em;
            background-image: url(../../../../themes/custom/home_theme/dist/assets/images/modal-close.svg);
            background-position: center
        }

    .language-switcher-dialog .ui-dialog-content {
        padding: 0 1.5em
    }

        .language-switcher-dialog .ui-dialog-content .form-item-country {
            margin-bottom: 25px
        }

            .language-switcher-dialog .ui-dialog-content .form-item-country label {
                font-family: Sarabun;
                font-style: normal;
                font-weight: 700;
                font-size: 16px;
                line-height: 21px;
                color: #191f29;
                margin-bottom: 20px
            }

            .language-switcher-dialog .ui-dialog-content .form-item-country .select2-container :focus {
                outline: 0
            }

            .language-switcher-dialog .ui-dialog-content .form-item-country .select2 {
                display: block;
                width: 100% !important
            }

                .language-switcher-dialog .ui-dialog-content .form-item-country .select2 .selection .select2-selection {
                    height: 40px;
                    background: #fff;
                    border: 1px solid #e2e2e2;
                    border-radius: 8px
                }

                    .language-switcher-dialog .ui-dialog-content .form-item-country .select2 .selection .select2-selection .select2-selection__rendered {
                        line-height: 40px
                    }

                        .language-switcher-dialog .ui-dialog-content .form-item-country .select2 .selection .select2-selection .select2-selection__rendered > span {
                            display: flex;
                            gap: 10px;
                            align-items: center
                        }

                            .language-switcher-dialog .ui-dialog-content .form-item-country .select2 .selection .select2-selection .select2-selection__rendered > span .flag {
                                border-radius: 25px;
                                height: 25px;
                                padding: 0;
                                width: auto;
                                max-width: 25px
                            }

                    .language-switcher-dialog .ui-dialog-content .form-item-country .select2 .selection .select2-selection .select2-selection__arrow {
                        height: 40px
                    }

                        .language-switcher-dialog .ui-dialog-content .form-item-country .select2 .selection .select2-selection .select2-selection__arrow b {
                            background-image: url(../../../../themes/custom/home_theme/dist/assets/images/chevron-down.svg);
                            background-color: transparent;
                            background-size: contain;
                            border: none !important;
                            height: 20px !important;
                            width: 20px !important;
                            top: 13px;
                            left: -10px
                        }

                .language-switcher-dialog .ui-dialog-content .form-item-country .select2.select2-container--open .selection .select2-selection .select2-selection__arrow b {
                    background-image: url(../../../../themes/custom/home_theme/dist/assets/images/chevron-up.svg)
                }

        .language-switcher-dialog .ui-dialog-content .field-language legend {
            margin-bottom: 12px
        }

            .language-switcher-dialog .ui-dialog-content .field-language legend span {
                font-family: Sarabun;
                font-style: normal;
                font-weight: 700;
                font-size: 16px;
                line-height: 21px;
                color: #191f29
            }

        .language-switcher-dialog .ui-dialog-content .field-language .form-radios {
            display: flex;
            gap: 24px
        }

            .language-switcher-dialog .ui-dialog-content .field-language .form-radios .form-type-radio {
                margin: 0
            }

                .language-switcher-dialog .ui-dialog-content .field-language .form-radios .form-type-radio input {
                    display: none
                }

                    .language-switcher-dialog .ui-dialog-content .field-language .form-radios .form-type-radio input[type=radio]:checked + label {
                        color: #40629d
                    }

                .language-switcher-dialog .ui-dialog-content .field-language .form-radios .form-type-radio label {
                    font-family: Sarabun;
                    font-style: normal;
                    font-weight: 600;
                    font-size: 16px;
                    line-height: 21px;
                    color: #191f29
                }

                    .language-switcher-dialog .ui-dialog-content .field-language .form-radios .form-type-radio label:hover {
                        cursor: pointer
                    }

    .language-switcher-dialog .form-actions {
        display: flex;
        justify-content: center;
        margin-bottom: 10px
    }

        .language-switcher-dialog .form-actions input {
            margin-bottom: 20px
        }

.ui-widget-overlay {
    opacity: 1;
    background: rgba(55,63,81,.6)
}

#block-nickel-theme-local-tasks ul {
    margin: 20px auto;
    color: black;
    border-bottom: 1px solid black;
    height: 40px;
    font-size: 1.2em;
    padding-bottom: 5px
}

    #block-nickel-theme-local-tasks ul li {
        float: left;
        list-style: none
    }

        #block-nickel-theme-local-tasks ul li a {
            height: 40px;
            padding: 5px 10px;
            margin-right: 2px;
            line-height: 1.428571429;
            border: none;
            border-radius: 4px 4px 0 0;
            text-decoration: none;
            list-style: none;
            display: inline-block;
            color: #000
        }

            #block-nickel-theme-local-tasks ul li a.is-active, #block-nickel-theme-local-tasks ul li a:focus, #block-nickel-theme-local-tasks ul li a:hover {
                color: #fff;
                background-color: black;
                cursor: default
            }

.user-login-form {
    margin: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.img-responsive, img {
    display: block;
    max-width: 100%;
    height: auto
}

.nav-mobile-list li span.ic-nav {
    display: none
}

@media screen and (max-width:991.98px) {
    .nav-mobile-list li span.ic-nav {
        display: flex;
        align-items: flex-end;
        height: 20px
    }

        .nav-mobile-list li span.ic-nav span.icon:before {
            font-size: 16px
        }
}

.mega-menu-hover .layout-container:after {
    content: "";
    display: block;
    background: #000;
    opacity: .8;
    width: 100%;
    height: 1000%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10
}

@media screen and (max-width:991.98px) {
    .mega-menu-hover .layout-container:after {
        display: none
    }
}

body .header--dropdown .header-group {
    padding: 24px 24px
}

body header nav .link-card:not(:last-child) {
    margin-bottom: 16px
}

.wrapper-menu-burger {
    display: none
}

nav .mobile-switcher {
    display: none
}

    nav .mobile-switcher .title {
        color: #000 !important;
        text-decoration: none
    }

nav > ul.nav-mobile-list .icon.icon-chevron-right {
    display: none
}

nav > ul.nav-mobile-list ul.nav-mobile-list {
    display: none
}

@media screen and (max-width:767.98px) {
    nav > ul.nav-mobile-list ul.nav-mobile-list.active {
        display: block
    }

    body.enable-menu-burger {
        padding-top: 68px
    }

        body.enable-menu-burger.menu-burger-collapsed #block-clientarea {
            position: fixed;
            width: 100%;
            padding: 20px 16px 20px;
            margin-left: 0;
            left: 0;
            box-shadow: 0 -5px 6px rgba(0,0,0,.12);
            background-color: #fff
        }

            body.enable-menu-burger.menu-burger-collapsed #block-clientarea ul {
                gap: 15px
            }

                body.enable-menu-burger.menu-burger-collapsed #block-clientarea ul li {
                    display: block;
                    flex: 0 1 50%
                }

                    body.enable-menu-burger.menu-burger-collapsed #block-clientarea ul li a {
                        display: flex;
                        align-items: center;
                        width: 100%;
                        justify-content: center
                    }

            body.enable-menu-burger.menu-burger-collapsed #block-clientarea .link-create-account {
                display: block
            }

        body.enable-menu-burger.menu-burger-collapsed .wrapper-menu-burger .button-toogle .icon-hamburger-menu:before {
            content: "\ea1b"
        }

    .enable-menu-burger .header-grid > nav {
        display: none;
        position: fixed;
        height: 100%;
        width: 100%;
        padding: 0 16px 20px
    }

        .enable-menu-burger .header-grid > nav .icon-chevron-right.active:before {
            content: "\e9ad"
        }

        .enable-menu-burger .header-grid > nav .mobile-switcher {
            display: block
        }

            .enable-menu-burger .header-grid > nav .mobile-switcher .block-nickel-language-switcher-block {
                position: relative;
                border: solid 1px #000;
                border-radius: 100px;
                width: 80%;
                margin: 50px auto;
                display: flex;
                justify-content: center;
                padding: 12px 0;
                font-weight: 600;
                font-size: 18px;
                line-height: 23px
            }

        .enable-menu-burger .header-grid > nav.active {
            display: block
        }

        .enable-menu-burger .header-grid > nav .nav-mobile-list {
            flex-direction: column
        }

            .enable-menu-burger .header-grid > nav .nav-mobile-list ul {
                display: none
            }

                .enable-menu-burger .header-grid > nav .nav-mobile-list ul .nav-header .name-desktop {
                    font-size: 16px;
                    font-weight: 500
                }

            .enable-menu-burger .header-grid > nav .nav-mobile-list li {
                width: 100%
            }

                .enable-menu-burger .header-grid > nav .nav-mobile-list li:last-child {
                    border: none
                }

                .enable-menu-burger .header-grid > nav .nav-mobile-list li .icon.icon-chevron-right {
                    display: block
                }

                .enable-menu-burger .header-grid > nav .nav-mobile-list li .nav-header {
                    align-items: flex-start;
                    border: none;
                    padding: 18px 6px;
                    color: #000;
                    display: flex;
                    align-content: space-between;
                    flex-direction: row;
                    justify-content: space-between;
                    border-bottom: 1px solid #f4f6f9
                }

            .enable-menu-burger .header-grid > nav .nav-mobile-list .name-desktop {
                display: block;
                font-size: 18px;
                font-weight: 700
            }

            .enable-menu-burger .header-grid > nav .nav-mobile-list .ic-nav {
                display: none
            }

            .enable-menu-burger .header-grid > nav .nav-mobile-list .name-tablet {
                display: none
            }

    .enable-menu-burger .header-grid > .block-nickel-language-switcher-block {
        display: none
    }

    .enable-menu-burger .header-grid > .language-switcher {
        display: none
    }

    .enable-menu-burger .wrapper-menu-burger {
        display: block;
        margin-right: 10px
    }

        .enable-menu-burger .wrapper-menu-burger .button-toogle .icon {
            font-size: 34px
        }

        .enable-menu-burger .wrapper-menu-burger .burger-menu {
            display: none;
            box-shadow: 0 -2px 6px rgba(0,0,0,.12)
        }

            .enable-menu-burger .wrapper-menu-burger .burger-menu.collapsed {
                padding: 20px 16px 20px;
                display: block;
                background-color: #fff;
                position: fixed;
                left: 0;
                right: 0;
                top: 68px;
                height: calc(100% - 68px);
                overflow: auto
            }

                .enable-menu-burger .wrapper-menu-burger .burger-menu.collapsed .block-nickel-client-area .header-user ul {
                    width: 100%
                }

                    .enable-menu-burger .wrapper-menu-burger .burger-menu.collapsed .block-nickel-client-area .header-user ul li {
                        display: block;
                        flex: 0 1 50%;
                        margin: 0 15px 0 0
                    }

                        .enable-menu-burger .wrapper-menu-burger .burger-menu.collapsed .block-nickel-client-area .header-user ul li a {
                            width: 100%;
                            display: flex;
                            align-items: center;
                            justify-content: center
                        }

                        .enable-menu-burger .wrapper-menu-burger .burger-menu.collapsed .block-nickel-client-area .header-user ul li:last-child {
                            margin: 0
                        }

                .enable-menu-burger .wrapper-menu-burger .burger-menu.collapsed .language-switcher {
                    position: relative;
                    border: solid 1px #000;
                    border-radius: 100px;
                    width: 80%;
                    margin: 50px auto
                }

                    .enable-menu-burger .wrapper-menu-burger .burger-menu.collapsed .language-switcher.active {
                        border-radius: 15px
                    }

                    .enable-menu-burger .wrapper-menu-burger .burger-menu.collapsed .language-switcher .language-option {
                        position: relative;
                        border: 0
                    }

                    .enable-menu-burger .wrapper-menu-burger .burger-menu.collapsed .language-switcher .language-active {
                        display: flex;
                        padding: 10px;
                        align-items: center
                    }

                        .enable-menu-burger .wrapper-menu-burger .burger-menu.collapsed .language-switcher .language-active .language-link {
                            width: 100%;
                            display: flex;
                            align-items: center
                        }

                            .enable-menu-burger .wrapper-menu-burger .burger-menu.collapsed .language-switcher .language-active .language-link.short {
                                display: none
                            }

                            .enable-menu-burger .wrapper-menu-burger .burger-menu.collapsed .language-switcher .language-active .language-link span {
                                display: inline
                            }

                .enable-menu-burger .wrapper-menu-burger .burger-menu.collapsed .block-nickel-language-switcher-block {
                    position: relative;
                    border: solid 1px #000;
                    border-radius: 100px;
                    width: 80%;
                    margin: 50px auto;
                    display: flex;
                    justify-content: center;
                    padding: 12px 0;
                    font-weight: 600;
                    font-size: 18px;
                    line-height: 23px
                }

                    .enable-menu-burger .wrapper-menu-burger .burger-menu.collapsed .block-nickel-language-switcher-block .title {
                        text-decoration: none
                    }

                        .enable-menu-burger .wrapper-menu-burger .burger-menu.collapsed .block-nickel-language-switcher-block .title .country {
                            display: inline
                        }

                    .enable-menu-burger .wrapper-menu-burger .burger-menu.collapsed .block-nickel-language-switcher-block .ajax-progress {
                        display: none;
                        position: absolute;
                        right: 10px;
                        top: 12px
                    }

            .enable-menu-burger .wrapper-menu-burger .burger-menu .nav-burger {
                margin: 20px 0
            }

                .enable-menu-burger .wrapper-menu-burger .burger-menu .nav-burger li {
                    font-size: 18px;
                    font-weight: 700
                }

                    .enable-menu-burger .wrapper-menu-burger .burger-menu .nav-burger li .li-item {
                        height: 64px;
                        width: 100%;
                        display: flex;
                        align-items: center;
                        justify-content: space-between;
                        border-bottom: 1px solid #f4f6f9
                    }

                    .enable-menu-burger .wrapper-menu-burger .burger-menu .nav-burger li span.icon {
                        display: block;
                        width: 50px;
                        text-align: right;
                        padding: 15px 0;
                        cursor: pointer
                    }

                    .enable-menu-burger .wrapper-menu-burger .burger-menu .nav-burger li:last-child .li-item {
                        border: none
                    }

                    .enable-menu-burger .wrapper-menu-burger .burger-menu .nav-burger li.collapsed > .li-item .icon-chevron-right:before {
                        content: "\e9ad"
                    }

                    .enable-menu-burger .wrapper-menu-burger .burger-menu .nav-burger li.collapsed ul {
                        display: block
                    }

                    .enable-menu-burger .wrapper-menu-burger .burger-menu .nav-burger li ul {
                        display: none
                    }

                        .enable-menu-burger .wrapper-menu-burger .burger-menu .nav-burger li ul li {
                            font-size: 16px;
                            font-weight: 500
                        }

                            .enable-menu-burger .wrapper-menu-burger .burger-menu .nav-burger li ul li:last-child .li-item {
                                border-bottom: 1px solid #f4f6f9
                            }

    .enable-menu-burger .language-switcher-dialog .ui-dialog-titlebar {
        padding: 0
    }

        .enable-menu-burger .language-switcher-dialog .ui-dialog-titlebar .ui-dialog-title {
            display: none
        }

        .enable-menu-burger .language-switcher-dialog .ui-dialog-titlebar button {
            top: 18px;
            z-index: 999
        }
}

.is-unpublished {
    background-color: #fff4f4
}

.node-preview-container {
    margin-top: -15px
}

.node-preview-form-select {
    padding: 15px
}

#block-title-custom {
    padding-top: 30px;
    padding-bottom: 30px;
    display: flex;
    align-items: center
}

    #block-title-custom.orange h1, #block-title-custom.orange h2, #block-title-custom.orange h3 {
        color: black;
        font-family: Muller,Arial,sans-serif;
        font-weight: 800
    }

    #block-title-custom.lg h1 {
        font-family: Muller,Arial,sans-serif;
        font-weight: 800;
        font-size: 36px
    }

    #block-title-custom .wrapper-custom-title {
        display: flex;
        width: 100%;
        margin-left: auto;
        margin-right: auto
    }

        #block-title-custom .wrapper-custom-title .page-custom-picto {
            flex: initial;
            margin-right: 20px
        }

        #block-title-custom .wrapper-custom-title .page-custom-title {
            flex: auto;
            margin-top: 0;
            margin-bottom: 0
        }

@media screen and (max-width:1199.98px) {
    #block-title-custom {
        padding: 20px
    }
}

.embedded-entity.align-center {
    text-align: center
}

    .embedded-entity.align-center img {
        margin-left: auto;
        margin-right: auto
    }

    .embedded-entity.align-center article.media {
        display: inline-block
    }

.homepage .trustpilot-container {
    display: flex;
    flex-flow: row wrap;
    margin-left: 0;
    margin-right: 0
}

.navbar-default .navbar-nav > li > a:hover {
    color: black
}

.navbar-default .navbar-nav > li:last-child > a:hover {
    color: #fff
}

ul.menu.menu--main.nav.navbar-nav li.active ul.dropdown-menu li a {
    color: #000
}

ul.menu.menu--main.nav.navbar-nav li ul.dropdown-menu li a {
    color: #fff
}

    ul.menu.menu--main.nav.navbar-nav li ul.dropdown-menu li a:hover {
        color: #000
    }

ul.menu.menu--main.nav.navbar-nav li ul.dropdown-menu li.active a {
    background-color: #fff;
    color: black
}

@media screen and (max-width:991.98px) {
    .navbar.container {
        border-color: #fff
    }

    .navbar-nav {
        float: right;
        width: 60%;
        display: flex;
        justify-content: center
    }

    .navbar-header {
        flex: 2
    }

    .navbar {
        max-width: 100%;
        width: 100%;
        display: flex;
        align-items: center
    }

    .navbar-collapse.collapse {
        flex: 10
    }

    #block-compte-nickel-theme-main-menu, #block-navegacionprincipales {
        display: flex;
        flex: 1
    }

    ul.menu.menu--main.nav.navbar-nav {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: flex-end
    }

        ul.menu.menu--main.nav.navbar-nav li ul.dropdown-menu li a {
            color: #000
        }

        ul.menu.menu--main.nav.navbar-nav li ul.dropdown-menu li.active a {
            background-color: #fff;
            color: black
        }

        ul.menu.menu--main.nav.navbar-nav > li {
            flex: initial;
            flex-shrink: 2;
            text-align: center;
            padding: 0
        }

            ul.menu.menu--main.nav.navbar-nav > li a {
                padding: 17px 15px;
                color: #000
            }

                ul.menu.menu--main.nav.navbar-nav > li a.is-active {
                    color: black
                }

            ul.menu.menu--main.nav.navbar-nav > li:last-child {
                display: inline-block;
                height: 54px;
                line-height: 54px;
                text-align: center
            }

                ul.menu.menu--main.nav.navbar-nav > li:last-child a {
                    border-radius: 35px;
                    border: none;
                    box-shadow: 2px 2px 4px 0 rgba(0,0,0,.1);
                    background-color: black;
                    color: #fff;
                    padding-left: 28px;
                    padding-right: 28px;
                    min-width: 150px
                }

                    ul.menu.menu--main.nav.navbar-nav > li:last-child a:hover {
                        background-color: #e35300;
                        text-decoration: none;
                        box-shadow: none
                    }

    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
        color: black;
        background-color: transparent;
        border-color: black
    }

    .region.region-navigation-collapsible {
        height: 100%;
        display: flex
    }

    .navbar-toggle {
        display: none
    }

    .collapse {
        display: block
    }

    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important
    }

    .footerRow {
        max-width: 1200px;
        margin: 0 auto;
        justify-content: center
    }
}

.block-nickel-press-block {
    font-size: 25px;
    text-align: center;
    padding: 30px;
    font-family: Muller,Arial,sans-serif;
    font-weight: 500;
    color: black
}

    .block-nickel-press-block .block-title {
        margin-bottom: 30px
    }

article.page {
    overflow: hidden;
    margin-right: auto;
    margin-left: auto
}

.views-page {
    margin: 0;
    padding: 0
}

    .views-page .view-header {
        margin-bottom: 40px
    }

    .views-page .view-content {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        flex-wrap: wrap;
        align-items: stretch
    }

.user-logged-in.adminimal-admin-toolbar {
    padding-top: 0 !important
}

li.menuFooterLink ul {
    padding: 10px 15px
}

li.menuFooterLink a {
    color: #000;
    display: block;
    padding: 10px 0
}

    li.menuFooterLink a:hover {
        background-color: transparent;
        text-decoration: none;
        color: black
    }

li.menuFooterLink ul a {
    padding: 0
}

.menuFooterLink.active a {
    color: black;
    font-family: Muller,Arial,sans-serif
}

.footer {
    background-color: #f2f2f2;
    width: 100%;
    margin-top: 0
}

.presse .content .field--name-field-ima {
    display: flex;
    justify-content: center;
    margin: 20px 0;
    height: 50px
}

.presse .content .field--name-field-accroche {
    font-family: Muller,Arial,sans-serif;
    font-size: 18px;
    font-weight: 300;
    color: #000
}

.presse > span {
    display: none
}

.presse {
    border: 1px solid #ccc;
    padding: 10px 0;
    border-radius: 10px;
    background-color: #fff
}

.block-nickel-press-block {
    font-size: 25px;
    text-align: center;
    padding: 30px;
    font-family: Muller,Arial,sans-serif;
    font-weight: 500;
    color: black;
    margin: 0 auto;
    max-width: 1200px
}

    .block-nickel-press-block .block-title {
        margin-bottom: 30px
    }

.paragraph--type--trustpilot-home-block, .paragraph--type--trustpilot-home-block-seo {
    text-align: center;
    padding: 30px 20px 60px;
    margin: 0 auto
}

    .paragraph--type--trustpilot-home-block .field--name-field-paragraph-title, .paragraph--type--trustpilot-home-block .paragraph-block-title, .paragraph--type--trustpilot-home-block-seo .field--name-field-paragraph-title, .paragraph--type--trustpilot-home-block-seo .paragraph-block-title {
        font-size: 1.5rem;
        text-align: center;
        padding: 30px 0;
        font-family: Muller,Arial,sans-serif;
        font-weight: 500;
        color: black
    }

        .paragraph--type--trustpilot-home-block .field--name-field-paragraph-title .block-title, .paragraph--type--trustpilot-home-block .paragraph-block-title .block-title, .paragraph--type--trustpilot-home-block-seo .field--name-field-paragraph-title .block-title, .paragraph--type--trustpilot-home-block-seo .paragraph-block-title .block-title {
            margin-bottom: 30px
        }

.truspilotReviews {
    align-items: center;
    display: flex
}

.page-node-type-homepage .truspilot-avis {
    border: 1px solid #ccc;
    margin: 5px;
    flex: 1;
    background-color: #fff;
    border-radius: 10px
}

.blockReview {
    padding: 10px 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    background-color: #fff;
    border-radius: 10px
}

.blockReview-text {
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 10px;
    font-size: 13px;
    line-height: 1.54;
    text-align: center;
    color: #666;
    font-family: Muller,Arial,sans-serif
}

.blockReview-title {
    overflow: hidden;
    font-family: Muller,Arial,sans-serif;
    text-overflow: ellipsis;
    padding: 10px;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.54;
    letter-spacing: normal;
    text-align: center;
    color: #666
}

.blockReview-date {
    font-family: Muller,Arial,sans-serif;
    font-size: 12px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.67;
    padding: 0 10px 10px;
    letter-spacing: normal;
    text-align: center;
    color: #666
}

.blockReview-consumer {
    font-family: Muller,Arial,sans-serif;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.67;
    padding: 10px;
    letter-spacing: normal;
    text-align: center;
    color: #000
}

.trustpilot-score {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding-top: 30px;
    padding-bottom: 20px
}

.trustpilot-logo {
    padding-bottom: 10px
}

.trustpilot-imgs {
    padding: 0 20px
}

.trustpilot-note {
    display: flex;
    flex-direction: column
}

    .trustpilot-note .score {
        font-size: 30px;
        font-weight: 500;
        font-family: Muller,Arial,sans-serif
    }

    .trustpilot-note .surdix {
        font-size: 13px;
        color: #666;
        font-family: Muller,Arial,sans-serif;
        text-align: center
    }

.menu--footer.nav {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: baseline;
    max-height: 400px
}

u a span {
    text-decoration: underline
}

.paragraph--type--trustpilot-home-block a, .paragraph--type--trustpilot-home-block-seo a {
    font-size: 16px;
    font-family: Muller,Arial,sans-serif;
    color: black;
    text-decoration: underline
}

#block-reseausociauxetstores li {
    list-style-type: none
}

#block-reseausociauxetstores span {
    color: #000;
    font-family: Muller,Arial,sans-serif;
    padding-left: 10px
}

.storeImg {
    width: 127px;
    height: auto;
    padding-bottom: 15px
}

.compte-nickel-logo {
    height: auto;
    width: 15rem
}

@media screen and (max-width:991.98px) {
    .menu--footer.nav {
        padding-left: 15px
    }

    .navbar-header {
        float: none;
        display: flex
    }

    .navbar-left, .navbar-right {
        float: none !important
    }

    .navbar-toggle {
        display: block
    }

    .navbar-collapse {
        padding: 0
    }

        .navbar-collapse nav {
            margin-top: 0
        }

    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px
    }

    .navbar-collapse.collapse {
        display: none !important
    }

    .navbar-nav {
        float: none !important;
        margin-top: 0
    }

        .navbar-nav > li {
            float: none
        }

            .navbar-nav > li > a {
                padding-top: 10px;
                padding-bottom: 10px
            }

    .collapse.in {
        display: block !important
    }

    .navbarcontainer, .wrapper-nav {
        display: block;
        margin-bottom: 1px
    }

    .region.region-navigation {
        flex: 1
    }

    .button.navbar-toggle.collapsed {
        flex: 1
    }

    ul.menu.menu--main.nav.navbar-nav {
        background-image: linear-gradient(to left,#f57528,#ff6000);
        padding-top: 97px;
        padding-bottom: 25px;
        position: relative
    }

    .navbar.container {
        padding: 5px
    }

    .menuIcon {
        border: none;
        position: relative;
        padding-right: 20px;
        display: flex;
        align-items: center;
        font-size: 15px;
        font-family: Muller,Arial,sans-serif;
        color: #000;
        background-color: #fff;
        margin-right: 25px
    }

    .menuIconPicto:before {
        position: absolute;
        right: 0;
        transform: rotate(-90deg);
        color: black;
        margin-top: 2px
    }

    .collapsed .menuIconPicto:before {
        transform: rotate(90deg)
    }

    .menuIconPictoUp {
        color: black;
        display: none
    }

    .collapsed .menuIconPictoUp {
        display: block
    }

    .collapsed .menuIconPictoDown {
        display: none
    }

    .menuIconPictoDown {
        color: black;
        display: block
    }

    .menuIconLabel {
        padding: 0 10px
    }

    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
        background-color: #fff
    }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border: none
    }

    .navbar-nav > li {
        position: relative;
        display: block;
        font-family: Muller,Arial,sans-serif;
        font-size: 18px;
        padding-left: 36px;
        padding-right: 36px;
        color: #fff
    }

        .navbar-nav > li > a {
            color: #fff
        }

            .navbar-nav > li > a:after {
                content: "\e00b";
                float: right;
                display: inline-block;
                font-family: Lib-Nickel-Icon;
                font-style: normal;
                font-variant: normal;
                font-weight: lighter;
                text-decoration: none;
                text-transform: none;
                line-height: 40px;
                vertical-align: baseline;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                padding: 0
            }

        .navbar-nav > li:last-child > a:after {
            content: ""
        }

        .navbar-nav > li:last-child {
            text-align: center;
            position: absolute;
            top: 25px;
            margin-left: auto;
            margin-right: auto;
            left: 0;
            right: 0
        }

    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
        color: black;
        background-color: #fff;
        border-radius: 100px
    }

    .active {
        background-color: #fff
    }

    .navbar-default .navbar-nav > li > a {
        color: #fff;
        line-height: 40px
    }

    .navbar-nav > li:last-child > a {
        border-radius: 100px;
        border: solid 1px #fff
    }
}

@media screen and (max-width:767.98px) {
    .paragraph--type--trustpilot-home-block, .paragraph--type--trustpilot-home-block-seo {
        padding: 10px 30px 40px
    }

    .navbarcontainer {
        display: block
    }

    .presse {
        margin: 10px 0
    }

    .blockReview {
        margin: 10px 0
    }

    .navbar-header {
        display: flex
    }

    .region.region-navigation {
        flex: 1
    }

    .button.navbar-toggle.collapsed {
        flex: 1
    }

    ul.menu.menu--main.nav.navbar-nav {
        background-image: linear-gradient(to left,#f57528,#ff6000);
        padding-top: 97px;
        padding-bottom: 25px;
        position: relative
    }

    .navbar.container {
        padding: 5px
    }

    .menuIcon {
        border: none;
        position: relative;
        padding-right: 20px;
        display: flex;
        align-items: center;
        font-size: 16px;
        font-family: Muller,Arial,sans-serif;
        color: #000;
        background-color: #fff;
        margin-right: 25px
    }

    .menuIconPicto:before {
        position: absolute;
        right: 0;
        transform: rotate(-90deg);
        color: black;
        margin-top: 2px
    }

    .collapsed .menuIconPicto:before {
        transform: rotate(90deg)
    }

    .menuIconPictoUp {
        color: black;
        display: none
    }

    .collapsed .menuIconPictoUp {
        display: block
    }

    .collapsed .menuIconPictoDown {
        display: none
    }

    .menuIconPictoDown {
        color: black;
        display: block
    }

    .menuIconLabel {
        padding: 0 10px
    }

    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
        background-color: #fff
    }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border: none
    }

    .navbar-nav > li {
        position: relative;
        display: block;
        font-family: Muller,Arial,sans-serif;
        font-size: 18px;
        padding-left: 36px;
        padding-right: 36px;
        color: #fff
    }

        .navbar-nav > li > a {
            color: #fff
        }

            .navbar-nav > li > a:after {
                float: right;
                content: "\e00b";
                display: inline-block;
                font-family: Lib-Nickel-Icon;
                font-style: normal;
                font-variant: normal;
                font-weight: 400;
                text-decoration: none;
                text-transform: none;
                line-height: 1;
                vertical-align: baseline;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale
            }

        .navbar-nav > li:last-child > a:after {
            content: ""
        }

        .navbar-nav > li:last-child {
            text-align: center;
            position: absolute;
            top: 25px;
            margin-left: auto;
            margin-right: auto;
            left: 0;
            right: 0
        }

    .navbar-default .navbar-nav a:hover, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
        color: black;
        background-color: #fff;
        border-radius: 100px
    }

    .active {
        background-color: #fff
    }

    .navbar-default .navbar-nav > li > a {
        color: #fff;
        line-height: 40px
    }

    .navbar-nav > li:last-child > a {
        border-radius: 100px;
        border: solid 1px #fff
    }

    .footerRow .region-footer {
        display: flex;
        flex-direction: column
    }

    #block-reseausociauxetstores {
        padding: 50px 30px
    }

    .homepage .trustpilot-container {
        flex-direction: column
    }
}

.paragraph--type--liste-vignette-presse .field--name-field-paragraph-title {
    display: none
}

.view-mode-complet .field--name-name {
    display: none
}

.field--name-body img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 20px auto
}

.field {
    max-width: 100%;
    margin: auto
}

    .field.field--name-field-elements {
        max-width: unset
    }

.have-banner .paragraph-even {
    background-color: #fff
}

.have-banner .paragraph-row {
    background-color: #f2f2f2
}

.have-banner .field--item.paragraph-even.clearfix, .have-banner .field--item.paragraph-even.filter-wrapper, .have-banner .homepage .field--item.paragraph-even.filter-wrapper {
    padding: 0
}

.have-banner .paragraph--type--homepage-banner {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    z-index: 9;
    width: 100%;
    background-image: linear-gradient(to bottom,#f57528,#ff6000)
}

    .have-banner .paragraph--type--homepage-banner a {
        padding: 0 15px;
        color: #fff;
        font-size: 20px;
        font-family: Muller,Arial,sans-serif
    }

@media screen and (max-width:767.98px) {
    .have-banner .paragraph--type--homepage-banner {
        top: 100px;
        padding: 20px
    }
}

.presse {
    border: 1px solid #ccc;
    padding: 10px 0;
    border-radius: 10px;
    height: 140px;
    overflow: hidden;
    text-overflow: ellipsis
}

.block-nickel-press-block {
    font-size: 25px;
    text-align: center;
    padding: 30px;
    font-family: Muller,Arial,sans-serif;
    font-weight: 500;
    color: black
}

    .block-nickel-press-block .block-title {
        margin-bottom: 30px
    }

.paragraph--type--homepage-list-link {
    margin: 60px auto 90px;
    border-radius: 10px;
    padding: 25px 40px 50px;
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
    position: relative
}

    .paragraph--type--homepage-list-link .field--name-field-paragraph-title {
        color: black;
        text-align: center;
        font-size: 25px;
        font-family: Muller,Arial,sans-serif;
        font-weight: 300;
        padding-bottom: 40px
    }

    .paragraph--type--homepage-list-link .field--name-field-button-link {
        position: absolute;
        bottom: -13px;
        font-size: 18px;
        left: 0;
        right: 0;
        text-align: center
    }

        .paragraph--type--homepage-list-link .field--name-field-button-link a {
            color: #fff;
            font-weight: 500;
            border-radius: 100px;
            box-shadow: 2px 2px 4px 0 rgba(0,0,0,.1);
            background-color: black;
            padding: 15px 40px;
            text-decoration: none
        }

            .paragraph--type--homepage-list-link .field--name-field-button-link a:hover {
                background-color: #e35300
            }

    .paragraph--type--homepage-list-link .linkField {
        flex: 10
    }

    .paragraph--type--homepage-list-link .linkpicto {
        color: black;
        font-size: 20px
    }

    .paragraph--type--homepage-list-link .linkItem {
        display: flex;
        padding-bottom: 30px;
        align-items: center
    }

.chevron::before {
    border-style: solid;
    border-width: 3px 3px 0 0;
    content: "";
    display: inline-block;
    height: .45em;
    left: .15em;
    position: relative;
    top: .15em;
    transform: rotate(-45deg);
    vertical-align: top;
    width: .45em
}

.chevron.right:before {
    left: 0;
    transform: rotate(45deg)
}

.main-container .section {
    margin-left: 0
}

.region-page-sub-footer {
    max-width: 100%;
    margin: auto;
    height: 60px;
    display: flex;
    align-items: center;
    font-weight: 700;
    padding: 0 30px
}

    .region-page-sub-footer #block-menusousfooter {
        display: flex;
        flex: 1;
        justify-content: flex-end
    }

        .region-page-sub-footer #block-menusousfooter a {
            color: inherit
        }

            .region-page-sub-footer #block-menusousfooter a:hover {
                color: black;
                background: 0 0;
                text-decoration: underline
            }

.field--name-field-texte-simple a {
    color: #000
}

    .field--name-field-texte-simple a:hover {
        color: black
    }

@media only screen and (max-width:767.98px) {
    .menuFooterLink.active {
        background-color: transparent
    }

    article.homepage .paragraph--type--homepage-list-link {
        margin: 40px 20px 65px;
        padding: 25px 20px 25px
    }

        article.homepage .paragraph--type--homepage-list-link .field--name-field-paragraph-title {
            font-size: 1.6rem;
            padding-bottom: 30px
        }

        article.homepage .paragraph--type--homepage-list-link .field--name-field-button-link a {
            font-size: .9rem
        }
}

@media only screen and (max-width:991.98px) {
    article.homepage .paragraph--type--homepage-list-link {
        margin: 60px 20px 90px
    }
}

@media screen and (max-width:767.98px) {
    header .region-header .header-grid {
        padding: 0
    }

    #block-clientarea {
        margin-left: 10px
    }

        #block-clientarea .ul-spacing-x-10 > li {
            margin: 0
        }

            #block-clientarea .ul-spacing-x-10 > li a.btn-default {
                padding: 0 14px
            }
}

.ui-dialog-titlebar.ui-widget-header {
    background: unset;
    height: 50px;
    border: unset
}

    .ui-dialog-titlebar.ui-widget-header .ui-dialog-title {
        display: none
    }

ul[id^=select2-edit-cookie-language-][id$=-results] img {
    display: none
}

#nickel-language-cookie {
    display: none
}

.language-cookie-dialog {
    width: 100%;
    height: 100% !important;
    background-image: url(../../../../themes/custom/home_theme/dist/assets/images/cookies-popup-background.png);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: right;
    position: absolute;
    z-index: 9
}

    .language-cookie-dialog .ui-dialog-titlebar {
        padding: 1em 1.5em 0
    }

        .language-cookie-dialog .ui-dialog-titlebar .ui-dialog-title {
            font-size: 20px;
            line-height: 26px;
            font-family: Sarabun;
            font-style: normal;
            color: #191f29
        }

        .language-cookie-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
            margin: 0;
            right: 1.3em
        }

            .language-cookie-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon-closethick {
                background-image: url(../../../../themes/custom/home_theme/dist/assets/images/modal-close.svg);
                background-position: center
            }

    .language-cookie-dialog form {
        height: -moz-fit-content !important;
        height: fit-content !important;
        width: 25% !important;
        padding: 2% !important;
        background-color: #fff !important;
        border: 1px #e2e2e2;
        border-radius: 8px;
        overflow: hidden !important
    }

@media (min-width:700px) {
    .language-cookie-dialog form {
        top: 28%;
        left: 12%
    }
}

.language-cookie-dialog form .js-form-item span {
    width: 100% !important
}

    .language-cookie-dialog form .js-form-item span .select2-selection__arrow b {
        left: 95%
    }

.language-cookie-dialog form .language-select-item ~ span.select2-container img {
    display: none
}

.language-cookie-dialog form .country-item-select ~ span.select2-container img {
    display: unset
}

.language-cookie-dialog form .form-cookie-title {
    font-weight: 700;
    line-height: 33.6px;
    font-family: Muller,Arial,sans-serif;
    font-size: 28px
}

.language-cookie-dialog form .form-type-select label {
    font-family: Sarabun;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 21px;
    color: #191f29;
    margin-bottom: 10 px
}

.language-cookie-dialog form .select2-container :focus {
    outline: 0
}

.language-cookie-dialog form .select2 {
    display: block;
    width: 100% !important
}

    .language-cookie-dialog form .select2 .selection .select2-selection {
        height: 40px;
        background: #fff;
        border: 1px solid #e2e2e2;
        border-radius: 8px
    }

        .language-cookie-dialog form .select2 .selection .select2-selection .select2-selection__rendered {
            line-height: 40px
        }

            .language-cookie-dialog form .select2 .selection .select2-selection .select2-selection__rendered > span {
                display: flex;
                gap: 10px;
                align-items: center
            }

                .language-cookie-dialog form .select2 .selection .select2-selection .select2-selection__rendered > span .flag {
                    border-radius: 25px;
                    height: 25px;
                    padding: 0;
                    width: auto;
                    max-width: 25px
                }

        .language-cookie-dialog form .select2 .selection .select2-selection .select2-selection__arrow {
            height: 40px;
            right: 10px
        }

            .language-cookie-dialog form .select2 .selection .select2-selection .select2-selection__arrow b {
                background-image: url(../../../../themes/custom/home_theme/dist/assets/images/chevron-down.svg);
                background-color: transparent;
                background-size: contain;
                border: none !important;
                height: 20px !important;
                width: 20px !important;
                top: 13px
            }

    .language-cookie-dialog form .select2.select2-container--open .selection .select2-selection .select2-selection__arrow b {
        background-image: url(../../../../themes/custom/home_theme/dist/assets/images/chevron-up.svg)
    }

.language-cookie-dialog form div:has(>input.btn-orange) {
    display: grid;
    place-items: center
}

@media (min-width:700px) {
    .language-cookie-dialog form .form-item {
        margin-top: 1.5em;
        margin-bottom: 1.5em
    }

    .language-cookie-dialog form .form-actions {
        margin-top: 10%;
        margin-bottom: 10%
    }
}

@media (min-width:700px) {
    .language-cookie-dialog::after {
        width: 50%;
        right: 0;
        background-color: #fff;
        content: " ";
        top: 0;
        height: 100%
    }

    .language-cookie-dialog::before {
        width: 50%;
        left: 0;
        background-color: #373f60;
        content: " ";
        position: absolute;
        top: 0;
        height: 100%
    }
}

@media (max-width:700px) {
    .language-cookie-dialog {
        background-color: #373f60;
        background-size: 100%;
        background-position: bottom;
        width: 100% !important;
        left: unset !important
    }

        .language-cookie-dialog form {
            display: grid !important;
            place-items: center !important;
            width: auto !important;
            padding: 8% !important;
            margin: 5% !important
        }

            .language-cookie-dialog form .form-item {
                width: 100%
            }
}

.pager-nav .pagination {
    width: 100%;
    margin-bottom: 0;
    justify-content: center
}

.pager-nav .pager__item--first {
    display: none
}

.pager-nav .pager__item--last {
    display: none
}

.pager-nav .pager__item {
    border-radius: 50%;
    vertical-align: bottom
}

    .pager-nav .pager__item a {
        padding: 6px 12px;
        color: black;
        border-radius: 50%;
        border: none;
        float: unset;
        font-size: 18px;
        width: 40px;
        height: 40px;
        display: inline-block;
        margin: 0 5px
    }

        .pager-nav .pager__item a:hover {
            background-color: #eee
        }

    .pager-nav .pager__item.active a {
        font-family: Muller,Arial,sans-serif;
        color: #fff;
        background-color: black;
        font-weight: 700
    }

.panel-title {
    display: block;
    margin: -10px -15px;
    padding: 10px 15px
}

    .panel-title, .panel-title:focus, .panel-title:hover, .panel-title:hover:focus {
        color: inherit
    }

        .panel-title:focus, .panel-title:hover {
            text-decoration: none
        }

.progress-wrapper {
    margin-bottom: 15px
}

    .progress-wrapper:last-child .progress {
        margin-bottom: 5px
    }

    .progress-wrapper .message {
        font-weight: 700;
        margin-bottom: 5px
    }

    .progress-wrapper .percentage, .progress-wrapper .progress-label {
        font-size: 12px
    }

    .progress-wrapper .progress-bar {
        min-width: 2em
    }

.redirect-country {
    border-radius: 10px
}

    .redirect-country .ui-dialog-titlebar {
        display: none
    }

    .redirect-country .redirect-country-wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 40px 40px 20px
    }

        .redirect-country .redirect-country-wrapper h2 {
            margin-bottom: 30px;
            font-weight: 500
        }

        .redirect-country .redirect-country-wrapper a {
            margin: 10px 0
        }

            .redirect-country .redirect-country-wrapper a.dialog-close {
                text-decoration: underline;
                color: #666
            }

        .redirect-country .redirect-country-wrapper button {
            min-width: 150px;
            margin: 24px 0
        }

        .redirect-country .redirect-country-wrapper .btn-orange {
            color: #fff;
            font-weight: 600
        }

        .redirect-country .redirect-country-wrapper span.dialog-close {
            position: absolute;
            right: 10px;
            top: 10px;
            cursor: pointer
        }

        .redirect-country .redirect-country-wrapper > label {
            z-index: 10;
            background-color: #fff;
            padding: 0 5px;
            font-size: 14px;
            position: absolute;
            left: 65px;
            top: 100px
        }

    .redirect-country .ss-main .ss-single-selected {
        display: flex;
        cursor: pointer;
        width: 100%;
        height: 100%;
        padding: 20px 25px;
        border: 1px solid #a3a7af;
        border-radius: 8px;
        background-color: #fff;
        outline: 0;
        box-sizing: border-box;
        transition: background-color .2s
    }

        .redirect-country .ss-main .ss-single-selected.ss-open-below {
            border-radius: 8px 8px 0 0
        }

        .redirect-country .ss-main .ss-single-selected .ss-arrow span {
            padding: 6.5px;
            border-color: #a3a7af
        }

.frame {
    border-radius: 10px;
    padding: 10px
}

    .frame.with-icon {
        padding-left: 38px;
        position: relative
    }

        .frame.with-icon .icon {
            position: absolute;
            top: 16px;
            left: 10px
        }

    .frame.orange {
        background-color: black
    }

        .frame.orange .cn-text-default, .frame.orange .icon {
            color: #fff
        }

    .frame.grey {
        background-color: #ccc
    }

        .frame.grey .cn-text-default {
            color: #000
        }

        .frame.grey .icon {
            color: black
        }

    .frame.red {
        background-color: #c9130a
    }

        .frame.red .cn-text-default, .frame.red .icon {
            color: #fff
        }

    .frame.green {
        background-color: #08b230
    }

        .frame.green .cn-text-default, .frame.green .icon {
            color: #fff
        }

.tabledrag-toggle-weight {
    float: right;
    margin: 1px 2px 1px 10px
}

.tabledrag-changed-warning {
    margin: 0;
    overflow: hidden
}

.tabledrag-handle {
    color: #f2f2f2;
    cursor: move;
    float: left;
    font-size: 125%;
    line-height: 1;
    margin: -10px 0 0 -10px;
    padding: 10px
}

    .tabledrag-handle:focus, .tabledrag-handle:hover {
        color: #3186d6
    }

.indentation {
    float: left;
    height: 1.7em;
    margin: -.4em .2em -.4em -.4em;
    padding: .42em 0 .42em .6em;
    width: 20px
}

[dir=rtl] .indentation {
    float: right;
    margin: -.4em -.4em -.4em .2em;
    padding: .42em .6em .42em 0
}

body {
    color: #191f29
}

.cn-button {
    display: inline-block;
    height: 54px;
    line-height: 54px;
    width: 300px;
    text-align: center;
    border-radius: 35px;
    border: none;
    margin-bottom: 10px
}

.nicon::before {
    font-size: 18px
}

.paragraph a.black.btn-default.btn-border:hover, article .paragraph a.black.btn-default.btn-border:hover {
    color: #fff
}

.btn-border.btn-border-white:hover {
    background-color: #fff;
    border-color: #fff
}

.article-body .text-formatted a {
    color: black
}

.form-group:last-child, .panel:last-child, p:last-child {
    margin-bottom: 0
}

.webform-submission-form .form-item {
    margin-top: 25px;
    margin-bottom: 25px
}

    .webform-submission-form .form-item.wrapper-required {
        margin-top: 15px;
        margin-bottom: 15px
    }

.webform-submission-form .form-type-email, .webform-submission-form .form-type-select, .webform-submission-form .form-type-tel, .webform-submission-form .form-type-textarea, .webform-submission-form .form-type-textfield {
    position: relative
}

    .webform-submission-form .form-type-email label, .webform-submission-form .form-type-select label, .webform-submission-form .form-type-tel label, .webform-submission-form .form-type-textarea label, .webform-submission-form .form-type-textfield label {
        font-weight: 500;
        position: absolute;
        left: 10px;
        top: -14px;
        z-index: 10;
        padding: 0 13px 0 3px
    }

        .webform-submission-form .form-type-email label.form-required:after, .webform-submission-form .form-type-select label.form-required:after, .webform-submission-form .form-type-tel label.form-required:after, .webform-submission-form .form-type-textarea label.form-required:after, .webform-submission-form .form-type-textfield label.form-required:after {
            content: "*";
            position: absolute;
            line-height: inherit;
            background: 0 0;
            right: -5px;
            color: #3186d6
        }

        .webform-submission-form .form-type-email label:before, .webform-submission-form .form-type-select label:before, .webform-submission-form .form-type-tel label:before, .webform-submission-form .form-type-textarea label:before, .webform-submission-form .form-type-textfield label:before {
            content: "";
            display: block;
            width: 100%;
            background: #fff;
            height: 5px;
            position: absolute;
            bottom: 6px;
            left: 0;
            z-index: -1;
            margin: 0
        }

    .webform-submission-form .form-type-email input, .webform-submission-form .form-type-email select, .webform-submission-form .form-type-select input, .webform-submission-form .form-type-select select, .webform-submission-form .form-type-tel input, .webform-submission-form .form-type-tel select, .webform-submission-form .form-type-textarea input, .webform-submission-form .form-type-textarea select, .webform-submission-form .form-type-textfield input, .webform-submission-form .form-type-textfield select {
        width: 100%;
        height: 47px;
        border: 1px solid #e2e2e2;
        border-radius: 8px;
        margin-bottom: 25px;
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 12px 16px
    }

.webform-submission-form textarea {
    width: 100%;
    border: 1px solid #e2e2e2;
    border-radius: 8px;
    margin-bottom: 25px;
    padding: 12px 16px
}

.webform-submission-form .form-checkboxes, .webform-submission-form .form-radios {
    display: flex
}

    .webform-submission-form .form-checkboxes .form-item, .webform-submission-form .form-radios .form-item {
        margin: 0 15px 0 0
    }

.webform-submission-form .checkboxes--wrapper legend, .webform-submission-form .radios--wrapper legend {
    font-weight: 400
}

    .webform-submission-form .checkboxes--wrapper legend .form-required, .webform-submission-form .radios--wrapper legend .form-required {
        position: relative
    }

        .webform-submission-form .checkboxes--wrapper legend .form-required:after, .webform-submission-form .radios--wrapper legend .form-required:after {
            content: "*";
            position: absolute;
            line-height: inherit;
            background: 0 0;
            color: #3186d6
        }

.webform-submission-form details {
    margin-top: 15px;
    margin-bottom: 15px;
    border: none
}

    .webform-submission-form details summary {
        padding: 0;
        list-style-type: "+ ";
        font-weight: 500;
        color: black
    }

    .webform-submission-form details .details-wrapper {
        padding: 0
    }

.webform-submission-form .form-type-webform-markup.wrapper-required {
    font-size: 14px
}

    .webform-submission-form .form-type-webform-markup.wrapper-required:before {
        content: "*";
        color: #3186d6
    }

.webform-submission-form .form-actions {
    text-align: center
}

.webform-confirmation {
    margin-top: 50px;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    border-radius: 8px;
    background: #fff;
    padding: 25px 30px;
    color: #1da53d
}

    .webform-confirmation .webform-confirmation__message {
        font-weight: 700;
        margin: 0;
        text-align: center
    }

article.page-contact {
    font-family: Muller,Arial,sans-serif
}

    article.page-contact .desktop, article.page-contact .mobile {
        transition: opacity .6s;
        opacity: 1
    }

    article.page-contact .mobile {
        display: none;
        opacity: 0
    }

    article.page-contact .lib-tabs {
        max-width: 100%;
        padding: 0 30px;
        margin: 30px auto 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }

        article.page-contact .lib-tabs li.sub {
            flex: 1 1 180px;
            background-color: #fff;
            height: auto;
            max-width: 180px;
            margin-top: 30px
        }

            article.page-contact .lib-tabs li.sub.active {
                color: black
            }

            article.page-contact .lib-tabs li.sub a {
                border-radius: 10px;
                border: solid 1px #ccc;
                display: flex;
                flex-direction: column;
                padding: 35px 0 20px;
                background-color: transparent
            }

                article.page-contact .lib-tabs li.sub a.active {
                    border: solid 1px black;
                    color: black
                }

                    article.page-contact .lib-tabs li.sub a.active span.icon-notread {
                        background-image: url(../../../../themes/custom/home_theme/dist/images/icon-notread-orange.html)
                    }

                    article.page-contact .lib-tabs li.sub a.active:before {
                        content: "";
                        width: 0;
                        height: 0;
                        border-style: solid;
                        border-width: 15px 10px 0 10px;
                        border-color: #fff transparent transparent transparent;
                        position: absolute;
                        bottom: -13px;
                        left: 50%;
                        margin-left: -10px;
                        z-index: 1
                    }

                    article.page-contact .lib-tabs li.sub a.active:after {
                        border-width: 15px 10px 0 10px;
                        border-color: black transparent transparent transparent;
                        bottom: -15px;
                        left: 50%;
                        margin-left: -10px
                    }

                article.page-contact .lib-tabs li.sub a span.icon-notread {
                    color: #000;
                    background-repeat: no-repeat;
                    background-image: url(../../../../themes/custom/home_theme/dist/images/icon-notread.html);
                    background-size: 40px 40px;
                    width: 40px;
                    display: block;
                    text-align: center;
                    margin: 35px auto -15px
                }

                article.page-contact .lib-tabs li.sub a span {
                    font-size: 18px
                }

                    article.page-contact .lib-tabs li.sub a span.icon {
                        margin-bottom: 15px
                    }

                    article.page-contact .lib-tabs li.sub a span:before {
                        font-size: 40px;
                        width: 100%
                    }

                    article.page-contact .lib-tabs li.sub a span.tab-title {
                        padding-top: 0
                    }

        article.page-contact .lib-tabs li.main {
            font-size: 22px;
            font-weight: 500;
            padding: 0 10px
        }

            article.page-contact .lib-tabs li.main a {
                text-decoration: none;
                box-shadow: 2px 2px 4px 0 rgba(0,0,0,.1);
                background-color: #fff;
                color: #000;
                padding: 17px 28px;
                margin: 0;
                line-height: 28px;
                display: block;
                width: unset;
                min-width: 180px;
                font-size: 22px;
                border: solid 1px #000;
                text-align: center;
                border-radius: 35px
            }

                article.page-contact .lib-tabs li.main a span {
                    font-size: 18px;
                    padding: 35px 0 20px
                }

                    article.page-contact .lib-tabs li.main a span:before {
                        margin-bottom: 15px;
                        font-size: 40px;
                        width: 100%
                    }

                    article.page-contact .lib-tabs li.main a span.tab-title {
                        padding-top: 0
                    }

                article.page-contact .lib-tabs li.main a.active {
                    background-color: black;
                    color: #fff;
                    border: none
                }

                article.page-contact .lib-tabs li.main a:after {
                    content: unset
                }

                article.page-contact .lib-tabs li.main a.left {
                    float: right
                }

                article.page-contact .lib-tabs li.main a.right {
                    float: left
                }

@media screen and (max-width:991.98px) {
    article.page-contact .mobile {
        display: block;
        opacity: 1
    }

    article.page-contact .desktop {
        display: none;
        opacity: 0
    }

    article.page-contact .contact-part-1 .lib-tabs {
        flex-wrap: unset;
        flex-direction: column
    }

        article.page-contact .contact-part-1 .lib-tabs li.item {
            width: 100%;
            margin-top: 20px;
            max-width: none
        }

            article.page-contact .contact-part-1 .lib-tabs li.item a {
                text-align: left;
                border-radius: 10px;
                padding: 5px 0;
                height: auto;
                border: 1px solid #ccc
            }

                article.page-contact .contact-part-1 .lib-tabs li.item a span {
                    padding: 10px
                }

                    article.page-contact .contact-part-1 .lib-tabs li.item a span:before {
                        width: auto;
                        font-size: 30px;
                        margin: 0 15px;
                        vertical-align: middle
                    }

                    article.page-contact .contact-part-1 .lib-tabs li.item a span.icon-notread {
                        width: auto;
                        margin: 0 0 0 25px;
                        display: inline-block;
                        background-size: 30px 30px;
                        background-repeat: no-repeat;
                        background-image: url(../../../../themes/custom/home_theme/dist/images/icon-notread.html);
                        height: 50px;
                        padding-left: 45px;
                        padding-top: 15px;
                        background-position: bottom 10px left 0
                    }

                article.page-contact .contact-part-1 .lib-tabs li.item a.active span.icon-notread {
                    background-image: url(../../../../themes/custom/home_theme/dist/images/icon-notread-white.html)
                }

                article.page-contact .contact-part-1 .lib-tabs li.item a span.tab-title {
                    padding-top: 10px;
                    margin: 6px
                }

            article.page-contact .contact-part-1 .lib-tabs li.item.main a {
                border-radius: 35px;
                padding: 17px 28px
            }

                article.page-contact .contact-part-1 .lib-tabs li.item.main a.left, article.page-contact .contact-part-1 .lib-tabs li.item.main a.right {
                    float: none;
                    text-align: center
                }

        article.page-contact .contact-part-1 .lib-tabs li.sub {
            flex: none;
            margin-top: 0;
            margin-bottom: 30px;
            margin-left: 0;
            margin-right: 0;
            width: auto
        }

    article.page-contact .lib-tabs {
        flex-wrap: unset;
        flex-direction: column
    }

        article.page-contact .lib-tabs li.item {
            width: 100%;
            margin-bottom: 20px;
            max-width: none
        }

            article.page-contact .lib-tabs li.item a {
                text-align: left;
                border-radius: 10px;
                padding: 5px 0;
                height: auto;
                border: 1px solid #ccc
            }

                article.page-contact .lib-tabs li.item a span {
                    padding: 10px
                }

                    article.page-contact .lib-tabs li.item a span:before {
                        width: auto;
                        font-size: 30px;
                        margin: 0 15px;
                        vertical-align: middle
                    }

                    article.page-contact .lib-tabs li.item a span.icon-notread {
                        width: auto;
                        margin: 0 0 0 25px;
                        display: inline-block;
                        background-size: 30px 30px;
                        background-repeat: no-repeat;
                        background-image: url(../../../../themes/custom/home_theme/dist/images/icon-notread.html);
                        height: 50px;
                        padding-left: 45px;
                        padding-top: 15px;
                        background-position: bottom 10px left 0
                    }

                article.page-contact .lib-tabs li.item a.active span.icon-notread {
                    background-image: url(../../../../themes/custom/home_theme/dist/images/icon-notread-white.html)
                }

                article.page-contact .lib-tabs li.item a span.tab-title {
                    padding-top: 10px;
                    margin: 6px
                }

            article.page-contact .lib-tabs li.item.main a {
                border-radius: 35px;
                padding: 17px 28px
            }

                article.page-contact .lib-tabs li.item.main a.left, article.page-contact .lib-tabs li.item.main a.right {
                    float: none;
                    text-align: center
                }

        article.page-contact .lib-tabs li.sub {
            flex: none;
            margin-top: 0;
            margin-bottom: 30px;
            margin-left: 0;
            margin-right: 0;
            width: auto
        }
}

article.page-contact .cn-tab-content {
    padding: 30px 0;
    color: #000
}

@media screen and (max-width:991.98px) {
    article.page-contact .cn-tab-content {
        padding: 0;
        min-height: unset
    }

        article.page-contact .cn-tab-content .cn-tab-panel {
            margin-top: 30px
        }
}

article.page-contact .cn-tab-content .cn-tab-white {
    background-color: #fff
}

article.page-contact .cn-tab-content .cn-tab-grey {
    background-color: #f2f2f2
}

article.page-contact .cn-tab-content .cn-tab-wrapper {
    max-width: 1200px;
    padding: 30px;
    margin: 0 auto
}

    article.page-contact .cn-tab-content .cn-tab-wrapper h3 {
        width: 100%;
        font-size: 18px;
        text-align: center;
        font-weight: 500;
        line-height: 30px;
        font-family: Muller,Arial,sans-serif;
        font-weight: 800
    }

    article.page-contact .cn-tab-content .cn-tab-wrapper p {
        width: 100%;
        font-size: 14px;
        text-align: center;
        font-weight: 400
    }

    article.page-contact .cn-tab-content .cn-tab-wrapper .field {
        display: block;
        width: 100%;
        text-align: center
    }

    article.page-contact .cn-tab-content .cn-tab-wrapper .field--name-field-contact-txt-social-desc, article.page-contact .cn-tab-content .cn-tab-wrapper .field--name-field-paragraph-description {
        margin-bottom: 15px
    }

    article.page-contact .cn-tab-content .cn-tab-wrapper .field--name-field-contact-links-hc .field--item a, article.page-contact .cn-tab-content .cn-tab-wrapper .field--name-field-contact-links-hc-2 .field--item a {
        border-radius: 10px;
        border: solid 1px #ccc;
        padding: 20px 60px;
        margin-bottom: 10px;
        font-size: 16px;
        display: block;
        width: 100%;
        font-weight: 500;
        text-decoration: none;
        color: #000105;
        vertical-align: middle;
        background-color: #fff;
        overflow: hidden;
        position: relative
    }

        article.page-contact .cn-tab-content .cn-tab-wrapper .field--name-field-contact-links-hc .field--item a:hover, article.page-contact .cn-tab-content .cn-tab-wrapper .field--name-field-contact-links-hc-2 .field--item a:hover {
            color: black;
            border-color: black
        }

            article.page-contact .cn-tab-content .cn-tab-wrapper .field--name-field-contact-links-hc .field--item a:hover span.icon-right, article.page-contact .cn-tab-content .cn-tab-wrapper .field--name-field-contact-links-hc-2 .field--item a:hover span.icon-right {
                color: black
            }

        article.page-contact .cn-tab-content .cn-tab-wrapper .field--name-field-contact-links-hc .field--item a span, article.page-contact .cn-tab-content .cn-tab-wrapper .field--name-field-contact-links-hc-2 .field--item a span {
            line-height: 20px;
            float: left
        }

            article.page-contact .cn-tab-content .cn-tab-wrapper .field--name-field-contact-links-hc .field--item a span.icon-left, article.page-contact .cn-tab-content .cn-tab-wrapper .field--name-field-contact-links-hc-2 .field--item a span.icon-left {
                font-size: 20px;
                color: black;
                position: absolute;
                left: 20px;
                top: 50%;
                transform: translateY(-10px)
            }

            article.page-contact .cn-tab-content .cn-tab-wrapper .field--name-field-contact-links-hc .field--item a span.icon-right, article.page-contact .cn-tab-content .cn-tab-wrapper .field--name-field-contact-links-hc-2 .field--item a span.icon-right {
                font-size: 14px;
                float: right;
                color: #ccc;
                position: absolute;
                right: 20px;
                top: 50%;
                transform: translateY(-7px)
            }

    article.page-contact .cn-tab-content .cn-tab-wrapper .field--name-field-contact-hc-link, article.page-contact .cn-tab-content .cn-tab-wrapper .field--name-field-contact-help-center-link, article.page-contact .cn-tab-content .cn-tab-wrapper .field--name-field-contact-link-hc {
        width: 100%;
        text-align: center
    }

        article.page-contact .cn-tab-content .cn-tab-wrapper .field--name-field-contact-hc-link a, article.page-contact .cn-tab-content .cn-tab-wrapper .field--name-field-contact-help-center-link a, article.page-contact .cn-tab-content .cn-tab-wrapper .field--name-field-contact-link-hc a {
            border-radius: 35px;
            border: none;
            box-shadow: 2px 2px 4px 0 rgba(0,0,0,.1);
            background-color: black;
            color: #fff;
            padding: 17px 28px;
            width: 230px;
            margin: 30px auto 0;
            line-height: 20px;
            display: block
        }

            article.page-contact .cn-tab-content .cn-tab-wrapper .field--name-field-contact-hc-link a:focus, article.page-contact .cn-tab-content .cn-tab-wrapper .field--name-field-contact-hc-link a:hover, article.page-contact .cn-tab-content .cn-tab-wrapper .field--name-field-contact-help-center-link a:focus, article.page-contact .cn-tab-content .cn-tab-wrapper .field--name-field-contact-help-center-link a:hover, article.page-contact .cn-tab-content .cn-tab-wrapper .field--name-field-contact-link-hc a:focus, article.page-contact .cn-tab-content .cn-tab-wrapper .field--name-field-contact-link-hc a:hover {
                background-color: #e35300;
                text-decoration: none;
                box-shadow: none
            }

    article.page-contact .cn-tab-content .cn-tab-wrapper .social-wrapper .list-reseau {
        text-align: center;
        display: block;
        margin-bottom: 40px
    }

        article.page-contact .cn-tab-content .cn-tab-wrapper .social-wrapper .list-reseau li {
            display: inline
        }

        article.page-contact .cn-tab-content .cn-tab-wrapper .social-wrapper .list-reseau a {
            margin: 0 10px;
            border-radius: 35px;
            border: none;
            box-shadow: 2px 2px 4px 0 rgba(0,0,0,.1);
            background-color: black;
            color: #fff;
            padding: 15px;
            line-height: 20px;
            font-size: 21px;
            font-weight: 500;
            min-width: 150px
        }

            article.page-contact .cn-tab-content .cn-tab-wrapper .social-wrapper .list-reseau a:focus, article.page-contact .cn-tab-content .cn-tab-wrapper .social-wrapper .list-reseau a:hover {
                background-color: #e35300;
                text-decoration: none;
                box-shadow: none
            }

            article.page-contact .cn-tab-content .cn-tab-wrapper .social-wrapper .list-reseau a .logoRS {
                margin-right: 15px;
                vertical-align: top
            }

            article.page-contact .cn-tab-content .cn-tab-wrapper .social-wrapper .list-reseau a .nameRS {
                margin-right: 15px
            }

@media screen and (max-width:991.98px) {
    article.page-contact .cn-tab-content .cn-tab-wrapper .social-wrapper .list-reseau li {
        display: block;
        margin-bottom: 50px
    }
}

article.page-contact .cn-tab-content .cn-tab-wrapper .mail-content {
    text-align: center;
    display: flex;
    width: 230px;
    margin: 0 auto
}

    article.page-contact .cn-tab-content .cn-tab-wrapper .mail-content .icon {
        font-size: 60px;
        color: black;
        margin-top: 30px
    }

    article.page-contact .cn-tab-content .cn-tab-wrapper .mail-content .mail-text {
        margin: 10px
    }

        article.page-contact .cn-tab-content .cn-tab-wrapper .mail-content .mail-text p {
            font-size: 16px;
            text-align: left
        }

        article.page-contact .cn-tab-content .cn-tab-wrapper .mail-content .mail-text .address-title {
            font-weight: 500
        }

article.page-contact .cn-tab-content .cn-tab-wrapper .field--name-field-contact-cs-phone-num, article.page-contact .cn-tab-content .cn-tab-wrapper .field--name-field-contact-txt-cs-phone {
    color: black;
    width: 200px;
    height: 50px;
    font-size: 21px;
    font-weight: 500;
    text-align: center;
    background-color: #fff;
    padding: 12px;
    margin: 0 auto;
    border-radius: 10px
}

article.page-contact .cn-tab-content .cn-tab-wrapper .field--name-field-contact-cs-schedule, article.page-contact .cn-tab-content .cn-tab-wrapper .field--name-field-contact-er-para-schedule {
    display: flex;
    justify-content: center
}

    article.page-contact .cn-tab-content .cn-tab-wrapper .field--name-field-contact-cs-schedule .paragraph--type--service-client-horaire, article.page-contact .cn-tab-content .cn-tab-wrapper .field--name-field-contact-er-para-schedule .paragraph--type--service-client-horaire {
        width: 220px;
        height: 85px;
        text-align: center;
        background-color: #fff;
        padding: 12px;
        margin: 20px;
        border-radius: 10px
    }

        article.page-contact .cn-tab-content .cn-tab-wrapper .field--name-field-contact-cs-schedule .paragraph--type--service-client-horaire .field--name-field-para-contact-txt-days, article.page-contact .cn-tab-content .cn-tab-wrapper .field--name-field-contact-er-para-schedule .paragraph--type--service-client-horaire .field--name-field-para-contact-txt-days {
            font-size: 14px;
            font-weight: 300
        }

        article.page-contact .cn-tab-content .cn-tab-wrapper .field--name-field-contact-cs-schedule .paragraph--type--service-client-horaire .field--name-field-para-contact-txt-hours, article.page-contact .cn-tab-content .cn-tab-wrapper .field--name-field-contact-er-para-schedule .paragraph--type--service-client-horaire .field--name-field-para-contact-txt-hours {
            font-size: 18px;
            font-weight: 500
        }

@media screen and (max-width:991.98px) {
    article.page-contact .cn-tab-content .cn-tab-wrapper .field--name-field-contact-cs-schedule, article.page-contact .cn-tab-content .cn-tab-wrapper .field--name-field-contact-er-para-schedule {
        display: block
    }

        article.page-contact .cn-tab-content .cn-tab-wrapper .field--name-field-contact-cs-schedule .paragraph--type--service-client-horaire, article.page-contact .cn-tab-content .cn-tab-wrapper .field--name-field-contact-er-para-schedule .paragraph--type--service-client-horaire {
            margin: 20px auto
        }
}

article.page-contact .cn-tab-content .cn-tab-wrapper .status-wrapper {
    display: block;
    text-align: center
}

    article.page-contact .cn-tab-content .cn-tab-wrapper .status-wrapper .status-label {
        font-size: 15px;
        font-weight: 400
    }

    article.page-contact .cn-tab-content .cn-tab-wrapper .status-wrapper .status-value {
        font-weight: 500
    }

        article.page-contact .cn-tab-content .cn-tab-wrapper .status-wrapper .status-value.green-status {
            color: #08b230
        }

            article.page-contact .cn-tab-content .cn-tab-wrapper .status-wrapper .status-value.green-status .bullet {
                background-color: #08b230
            }

        article.page-contact .cn-tab-content .cn-tab-wrapper .status-wrapper .status-value.orange-status {
            color: black
        }

            article.page-contact .cn-tab-content .cn-tab-wrapper .status-wrapper .status-value.orange-status .bullet {
                background-color: black
            }

        article.page-contact .cn-tab-content .cn-tab-wrapper .status-wrapper .status-value .bullet {
            width: 10px;
            height: 10px;
            border-radius: 10px;
            display: inline-block;
            margin-left: 10px
        }

article.page-contact .cn-tab-content .cn-tab-wrapper .field--name-field-contact-hours-description, article.page-contact .cn-tab-content .cn-tab-wrapper .field--name-field-contact-txt-sc-description {
    margin-top: 20px;
    font-weight: 500
}

article.page-contact .cn-tab-content .cn-tab-wrapper .paragraph--type--service-client-carte-volee {
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-weight: 400
}

    article.page-contact .cn-tab-content .cn-tab-wrapper .paragraph--type--service-client-carte-volee .field--name-field-paragraph-title {
        font-size: 18px;
        font-weight: 500;
        line-height: 30px
    }

    article.page-contact .cn-tab-content .cn-tab-wrapper .paragraph--type--service-client-carte-volee .field--name-field-para-txt-phone-num {
        color: #000;
        width: 200px;
        height: 50px;
        font-size: 21px;
        font-weight: 500;
        text-align: center;
        background-color: #f2f2f2;
        padding: 12px;
        margin: 22px auto;
        border-radius: 10px
    }

article.page-contact .contact-part {
    display: none
}

    article.page-contact .contact-part.active {
        display: block
    }

article.page-contact .contact-part-1 .lib-tabs, article.page-contact .contact-part-2 .lib-tabs {
    justify-content: center
}

    article.page-contact .contact-part-1 .lib-tabs li, article.page-contact .contact-part-2 .lib-tabs li {
        margin: 30px 15px
    }

article.page-contact .contact-part-1 .cn-tab-wrapper, article.page-contact .contact-part-2 .cn-tab-wrapper {
    width: 100%;
    text-align: center
}

    article.page-contact .contact-part-1 .cn-tab-wrapper .field--name-field-contact-description, article.page-contact .contact-part-1 .cn-tab-wrapper .field--name-field-nc-description, article.page-contact .contact-part-2 .cn-tab-wrapper .field--name-field-contact-description, article.page-contact .contact-part-2 .cn-tab-wrapper .field--name-field-nc-description {
        margin-top: 50px
    }

.homepageTopTitle {
    font-size: 2.5em;
    font-family: Muller,Arial,sans-serif;
    font-weight: 700;
    color: #000
}

    .homepageTopTitle h1 {
        font-family: Muller,Arial,sans-serif;
        font-weight: 800;
        font-size: inherit;
        color: inherit
    }

.boxed {
    width: 100%;
    margin: auto
}

.homepageTopAccroche {
    font-size: 2em;
    font-family: Muller,Arial,sans-serif;
    color: black
}

    .homepageTopAccroche h2 {
        font-size: 1em;
        margin-top: 20px;
        margin-bottom: 60px;
        color: inherit;
        font-family: Muller,Arial,sans-serif;
        font-weight: 800
    }

.homepageTopbtnLink.cn-button {
    padding: 0 30px
}

.homepageTopbtnLink > div > a {
    color: #fff;
    font-family: Muller,Arial,sans-serif;
    font-size: 18px;
    text-decoration: none;
    white-space: nowrap;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: center
}

.homepagePortrait {
    height: 100%
}

    .homepagePortrait .field--name-field-portrait {
        height: 100%
    }

        .homepagePortrait .field--name-field-portrait .media-image {
            height: 100%
        }

            .homepagePortrait .field--name-field-portrait .media-image .field--name-field-media-image {
                height: 100%
            }

    .homepagePortrait .img-responsive {
        max-height: 460px;
        width: auto;
        margin: auto
    }

.imgcontainer {
    position: relative;
    height: 100%;
    width: 50%;
    margin-top: 50px
}

.homepageOpenAccounts {
    font-size: 2em;
    font-family: Muller,Arial,sans-serif;
    color: #000;
    width: 304px;
    text-align: center
}

.homepageTopTitle > div {
    margin-bottom: 30px
}

.paragraph--type--homepage-top {
    background: #f2f2f2;
    width: 100%;
    margin-right: 0;
    margin-left: 0
}

.homepageTopContainer {
    max-width: 1200px;
    display: flex;
    height: 460px;
    margin-right: auto;
    margin-left: auto;
    flex-direction: row;
    overflow-y: visible
}

.homepagetop-text {
    align-self: center;
    padding-left: 100px;
    font-size: 13px;
    flex: 1
}

.paragraph--type--mea-homepage .field--name-field-mises {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    padding: 10px 30px;
    text-align: center;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto
}

.paragraph--type--mea-homepage .field--name-field-button-link > a {
    color: black;
    text-decoration: underline
}

.paragraph--type--mea-homepage .field--name-field-portrait {
    justify-content: center;
    display: flex;
    padding-bottom: 10px
}

.paragraph--type--mea-homepage .field--name-field-mises .field--item {
    flex: 1
}

.paragraph--type--mea-homepage .field--name-field-paragraph-title {
    font-size: 20px;
    color: #000;
    font-family: Muller,Arial,sans-serif;
    font-weight: 500;
    padding-bottom: 20px
}

.paragraph--type--mea-homepage .field--name-field-home-top-accroche {
    font-family: Muller,Arial,sans-serif;
    color: #666;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
    max-width: 300px;
    margin: 0 auto;
    padding-bottom: 20px
}

.paragraph--type--liste-vignette-presse {
    display: flex;
    flex-flow: row wrap;
    padding: 30px 20px 60px
}

    .paragraph--type--liste-vignette-presse .presse-wrapper {
        width: 100%;
        padding: 0 14px
    }

        .paragraph--type--liste-vignette-presse .presse-wrapper a {
            text-decoration: none
        }

    .paragraph--type--liste-vignette-presse .paragraph-block-title {
        flex: 0 0 100%;
        font-size: 1.5rem;
        text-align: center;
        padding: 30px 0;
        font-family: Muller,Arial,sans-serif;
        font-weight: 500;
        color: black
    }

    .paragraph--type--liste-vignette-presse .field--name-field-item-link {
        flex: 0 0 100%;
        text-align: center;
        margin-top: 30px
    }

        .paragraph--type--liste-vignette-presse .field--name-field-item-link a {
            color: black;
            text-decoration: underline
        }

    .paragraph--type--liste-vignette-presse .presse-wrapper {
        margin: 14px 0
    }

        .paragraph--type--liste-vignette-presse .presse-wrapper .presse {
            height: 100%;
            overflow: visible
        }

            .paragraph--type--liste-vignette-presse .presse-wrapper .presse .content {
                display: flex;
                flex-direction: column
            }

                .paragraph--type--liste-vignette-presse .presse-wrapper .presse .content .field--name-field-ima .media-image {
                    overflow: visible;
                    display: table;
                    vertical-align: middle;
                    height: 100%
                }

                    .paragraph--type--liste-vignette-presse .presse-wrapper .presse .content .field--name-field-ima .media-image .field--name-thumbnail {
                        vertical-align: middle;
                        display: table-cell
                    }

                .paragraph--type--liste-vignette-presse .presse-wrapper .presse .content .field--name-field-ima img {
                    max-height: 50px;
                    width: auto
                }

                .paragraph--type--liste-vignette-presse .presse-wrapper .presse .content .field--name-field-accroche {
                    text-align: center;
                    padding: 10px 20px
                }

.footerRow .region-footer {
    display: flex
}

.footerRow #block-compte-nickel-footer, .footerRow #block-piedepagina-2 {
    flex: 1
}

.footerRow .block-store-reseau-block {
    flex: 1;
    display: flex
}

.footerRow .list-reseau {
    flex: 1
}

    .footerRow .list-reseau li {
        padding-bottom: 15px
    }

        .footerRow .list-reseau li a:hover {
            color: black
        }

            .footerRow .list-reseau li a:hover span {
                color: black !important
            }

.footerRow .list-store {
    flex: 1
}

@media screen and (max-width:1199.98px) {
    .homepagetop-text {
        font-size: 10px;
        padding-left: 80px
    }
}

@media screen and (max-width:991.98px) {
    .homepagetop-text {
        font-size: 9px;
        padding-left: 30px
    }
}

@media screen and (max-width:767.98px) {
    .presse-wrapper .presse .content .field--name-field-accroche {
        text-align: center;
        padding: 10px 20px;
        font-size: 16px;
        line-height: 22px
    }

    .homepageOpenAccounts {
        width: 100%
    }

    .homepageTopContainer {
        flex-direction: column;
        height: 600px;
        overflow-y: hidden
    }

    .homepagetop-text {
        text-align: center;
        font-size: 10px;
        padding: 30px 10px 0;
        width: 100%
    }

    .imgcontainer {
        position: relative;
        width: 100%;
        overflow: hidden;
        margin-top: 0;
        padding: 30px
    }

    .homepagePortrait {
        position: relative
    }

        .homepagePortrait .img-responsive {
            width: auto;
            margin: auto;
            max-height: 460px
        }

    .paragraph--type--mea-homepage .field--name-field-mises {
        display: inline
    }

    .paragraph--type--mea-homepage .field--name-field-portrait {
        padding-bottom: 18px
    }

    .paragraph--type--mea-homepage .paragraph--type--call-to-action {
        padding-bottom: 50px
    }

    .paragraph--type--liste-vignette-presse {
        padding: 10px 0 40px
    }

        .paragraph--type--liste-vignette-presse .paragraph-block-title {
            font-size: 1.6rem;
            padding: 30px 0 10px
        }
}

@media screen and (max-width:575.98px) {
    .paragraph--type--liste-vignette-presse .presse-wrapper {
        width: 100%;
        padding: 0 14px
    }

    .page-node-type-homepage .truspilot-avis {
        margin-right: 24px;
        margin-left: 0
    }

        .page-node-type-homepage .truspilot-avis:last-child {
            margin-right: 0
        }
}

.article .field--type-image img, .magazine .field--type-image img {
    max-width: 100%;
    display: block;
    border-radius: 6px
}

.article .text-formatted p, .magazine .text-formatted p {
    margin-bottom: 0
}

.article.node--view-mode-full .field--type-image img {
    margin-bottom: 30px
}

.news-others .magazine-link .my-48, .view-content .magazine-link .my-48 {
    margin: 0
}

.news-others .magazine-link a, .view-content .magazine-link a {
    color: black;
    width: 100%;
    display: inline-block;
    text-align: center;
    text-decoration: underline;
    text-underline-offset: 5px;
    border: none
}

    .news-others .magazine-link a:hover, .view-content .magazine-link a:hover {
        background: 0 0
    }

.node--type-magazine.node--view-mode-teaser .field--name-field-media-image img {
    border-radius: 5px
}

.mobile-app-link {
    padding: 20px;
    justify-content: center;
    display: none;
    flex-wrap: wrap;
    align-items: center
}

@media screen and (max-width:991.98px) {
    .mobile-app-link {
        display: flex
    }
}

.mobile-app-link a {
    text-align: center;
    margin: 10px 20px;
    flex: 0 0 50%;
    border-radius: 35px;
    border: none;
    box-shadow: 2px 2px 4px 0 rgba(0,0,0,.1);
    background-color: black;
    color: #fff;
    padding: 10px 28px
}

.is-unpublished {
    background-color: #fff4f4
}

.node-preview-container {
    margin-top: -15px
}

.node-preview-form-select {
    padding: 15px
}

#block-title-custom {
    padding-top: 30px;
    padding-bottom: 30px;
    display: flex;
    align-items: center
}

    #block-title-custom.orange h1, #block-title-custom.orange h2, #block-title-custom.orange h3 {
        color: black;
        font-weight: 700
    }

    #block-title-custom.lg h1 {
        font-weight: 700;
        font-size: 36px
    }

    #block-title-custom .wrapper-custom-title {
        display: flex;
        width: 100%;
        margin-left: auto;
        margin-right: auto
    }

        #block-title-custom .wrapper-custom-title .page-custom-picto {
            flex: initial;
            margin-right: 20px
        }

        #block-title-custom .wrapper-custom-title .page-custom-title {
            flex: auto;
            margin-top: 0;
            margin-bottom: 0
        }

@media screen and (max-width:1199.98px) {
    #block-title-custom {
        padding: 20px
    }
}

.embedded-entity.align-center {
    text-align: center
}

    .embedded-entity.align-center img {
        margin-left: auto;
        margin-right: auto
    }

    .embedded-entity.align-center article.media {
        display: inline-block
    }

article.recruitment-offer.full {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    font-family: Muller,Arial,sans-serif;
    margin-top: 4rem;
    padding-right: 20px;
    padding-left: 20px
}

.recruitment-offer-header-img {
    height: 220px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: flex-start;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

    .recruitment-offer-header-img .offer-type-div {
        margin-bottom: 10px
    }

.recruitment-offer-header-desc {
    padding-top: 19px;
    padding-bottom: 31px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border: solid 1px #ccc;
    border-top: none;
    font-size: 13px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.31;
    letter-spacing: normal;
    color: #666
}

    .recruitment-offer-header-desc > div {
        margin-left: 20px
    }

    .recruitment-offer-header-desc .field--label {
        font-weight: 400
    }

    .recruitment-offer-header-desc .field--item {
        font-weight: 700
    }

.recruitment-offer-title {
    text-align: center;
    margin: auto;
    line-height: 24px
}

    .recruitment-offer-title.full {
        font-size: 26px;
        color: #fff;
        text-shadow: 0 0 20px rgba(0,0,0,.5)
    }

    .recruitment-offer-title.teaser {
        font-size: 26px;
        color: black;
        margin-bottom: 20px;
        padding-left: 5px;
        padding-right: 5px;
        font-weight: 500
    }

.offer-type-div {
    text-align: center
}

    .offer-type-div .type-name {
        pointer-events: none;
        display: inline-block
    }

    .offer-type-div.taxonomy-term-CDD .type-name {
        width: 62.5px;
        background-color: #0ac3c9;
        color: #fff
    }

    .offer-type-div.taxonomy-term-CDI .type-name {
        width: 62.5px;
        background-color: #0a61c9;
        color: #fff
    }

    .offer-type-div.taxonomy-term-APPRENTISSAGE .type-name {
        width: 132.5px;
        background-color: #c90a82;
        color: #fff
    }

    .offer-type-div.taxonomy-term-ALTERNANCE .type-name {
        width: 102.5px;
        background-color: #c90a82;
        color: #fff
    }

    .offer-type-div.taxonomy-term-STAGE .type-name {
        width: 87.5px;
        background-color: #c99f0a;
        color: #fff
    }

    .offer-type-div.taxonomy-term-CONTRAT-PRO .type-name {
        width: 87.5px;
        background-color: #c9710a;
        color: #fff
    }

    .offer-type-div .type-name {
        height: 40px;
        border-radius: 20px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        font-size: 18px;
        position: relative;
        line-height: 1.43;
        padding: 6px 10px
    }

.recruitment-offer-header-img .field--name-field-agency {
    font-size: 16px;
    text-align: center
}

    .recruitment-offer-header-img .field--name-field-agency a {
        color: #fff;
        text-shadow: 0 0 20px rgba(0,0,0,.5);
        pointer-events: none;
        display: inline-block
    }

.recruitment-offer-desc-line > div {
    display: inline-block
}

.all-offers {
    margin-bottom: 50px
}

.recruitment-offer-teaser {
    height: 185px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 10px;
    border: solid 1px #ccc;
    margin-bottom: 20px;
    padding: 20px
}

    .recruitment-offer-teaser .field--name-field-agency {
        text-align: center;
        margin-bottom: 20px
    }

        .recruitment-offer-teaser .field--name-field-agency a {
            color: #000;
            pointer-events: none;
            display: inline-block
        }

    .recruitment-offer-teaser:hover {
        box-shadow: 0 0 20px 0 rgba(0,0,0,.2);
        border: solid 1px black;
        cursor: pointer
    }

.page-node-type-page .paragraph--type--magazines-paragraph .field--name-field-paragraph-title {
    display: none
}

@media only screen and (max-width:575.98px) {
    .recruitment-offer.teaser {
        padding: 0
    }
}

@media only screen and (max-width:767.98px) {
    .recruitment-offer-title.full, .recruitment-offer-title.teaser {
        font-size: 20px
    }

    .paragraph--type--text-paragraph {
        line-height: 1.85
    }

        .paragraph--type--text-paragraph .field--name-field-paragraph-title {
            font-size: 1.6rem
        }

    .recruitment-offer-header-img {
        height: 138px
    }

    .recruitment-offer-header-desc {
        padding-top: 11px;
        padding-bottom: 19px
    }

    .offer-type-div .field--name-field-offer-type {
        width: 50px;
        height: 24px
    }

        .offer-type-div .field--name-field-offer-type a {
            top: 2px
        }

    .recruitment-offer-header-img .field--name-field-agency {
        font-size: 14px
    }

    .paragraph--type--block-paragraph, .paragraph--type--magazines-paragraph, .paragraph--type--trustpilot-home-block, .paragraph--type--trustpilot-home-block-seo {
        margin-top: 20px
    }

        .paragraph--type--block-paragraph .paragraph-block-title, .paragraph--type--block-paragraph > .field--name-field-paragraph-title, .paragraph--type--magazines-paragraph .paragraph-block-title, .paragraph--type--magazines-paragraph > .field--name-field-paragraph-title, .paragraph--type--trustpilot-home-block .paragraph-block-title, .paragraph--type--trustpilot-home-block-seo .paragraph-block-title, .paragraph--type--trustpilot-home-block-seo > .field--name-field-paragraph-title, .paragraph--type--trustpilot-home-block > .field--name-field-paragraph-title {
            padding-bottom: 10px;
            font-size: 1.6rem
        }

    .offer-type-div.taxonomy-term-CDD .field--name-field-offer-type {
        width: 50px
    }

    .offer-type-div.taxonomy-term-CDI .field--name-field-offer-type {
        width: 50px
    }

    .offer-type-div.taxonomy-term-APPRENTISSAGE .field--name-field-offer-type {
        width: 50px
    }

    .offer-type-div.taxonomy-term-STAGE .field--name-field-offer-type {
        width: 60px
    }
}

.hero-home {
    padding-top: 108px;
    padding-bottom: 42px;
    padding-right: 50px;
    padding-left: 50px;
    justify-content: center;
    display: flex;
    align-items: center;
    flex-direction: column;
    height: auto
}

@media screen and (min-width:768px) {
    .hero-home {
        padding-top: 88px;
        padding-right: 1rem;
        padding-left: 1rem
    }
}

.hero-home .hero-home-container-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

@media screen and (min-width:768px) {
    .hero-home .hero-home-container-content {
        flex-direction: row;
        align-items: center
    }
}

.hero-home .hero-home-content {
    flex-direction: column;
    margin-left: 20px;
    margin-left: 0;
    text-align: center
}

@media screen and (min-width:768px) {
    .hero-home .hero-home-content {
        flex-direction: column;
        align-items: flex-start;
        text-align: left
    }
}

.hero-home .field--name-field-title p {
    font-family: "Encode Sans Condensed",sans-serif;
    font-weight: 800;
    font-style: normal;
    font-size: 29px;
    line-height: 36px;
    color: #fff
}

@media screen and (min-width:768px) {
    .hero-home .field--name-field-title p {
        left: 20%;
        bottom: 200px;
        font-size: 35px;
        line-height: 44px
    }
}

.hero-home .baseline {
    font-family: Sarabun,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 21px;
    color: #fff
}

.hero-home .img-mobile {
    width: 184px;
    height: auto;
    margin: 24px auto 0 auto
}

@media screen and (min-width:768px) {
    .hero-home .img-mobile {
        display: none
    }
}

.hero-home .img-desktop {
  /*  width: 184px;*/
    height: auto;
    display: none
}

@media screen and (min-width:768px) {
    .hero-home .img-desktop {
        margin-right: 48px;
        display: block
    }
}

.hero-home .field--name-field-para-link {
    margin-top: 38px;
    text-align: center
}

@media screen and (min-width:768px) {
    .hero-home .field--name-field-para-link {
        text-align: left
    }
}

.hero-home .field--name-field-para-link a {
    padding: 10px 24px;
    display: inline-block;
    border: 1px solid #fff;
    border-radius: 25px;
    text-align: center;
    background-color: black;
    color: #fff;
    border: 1px solid black
}

.nickel-presentation {
    padding-top: 28px;
    padding-bottom: 0
}

@media screen and (min-width:768px) {
    .nickel-presentation {
        padding-top: 48px;
        padding-bottom: 50px
    }
}

.nickel-presentation .field--name-field-title {
    font-family: "Encode Sans Condensed",sans-serif;
    font-weight: 700;
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 35px;
    color: #191f29;
    margin-bottom: 28px;
    display: block
}

@media screen and (min-width:768px) {
    .nickel-presentation .field--name-field-paragraphs {
        display: grid;
        grid-template-columns: repeat(auto-fit,minmax(100px,1fr));
        gap: 48px
    }
}

.nickel-presentation .field--name-field-paragraphs .field {
    margin: 0
}

.nickel-presentation .field--name-field-paragraphs .paragraph--type--re-text-icon-item {
    margin-bottom: 28px;
    display: flex;
    align-items: flex-start
}

@media screen and (min-width:768px) {
    .nickel-presentation .field--name-field-paragraphs .paragraph--type--re-text-icon-item {
        margin-bottom: 0
    }
}

.nickel-presentation .field--name-field-paragraphs .paragraph--type--re-text-icon-item .field--name-field-icon {
    border-radius: 50%;
    padding: 9px;
    background-color: #f2f8ff;
    margin-right: 16px
}

    .nickel-presentation .field--name-field-paragraphs .paragraph--type--re-text-icon-item .field--name-field-icon img {
        max-width: none
    }

.nickel-presentation .field--name-field-paragraphs .paragraph--type--re-text-icon-item .field--name-field-paragraph-body {
    align-self: flex-start
}

    .nickel-presentation .field--name-field-paragraphs .paragraph--type--re-text-icon-item .field--name-field-paragraph-body p {
        font-family: Sarabun,sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 16px;
        line-height: 21px;
        color: #191f29
    }

        .nickel-presentation .field--name-field-paragraphs .paragraph--type--re-text-icon-item .field--name-field-paragraph-body p a {
            color: #191f29
        }

@media screen and (min-width:768px) {
    .nickel-account-container {
        background-color: #f2f8ff;
        background: linear-gradient(180deg,#fff 50%,#f2f8ff 50%)
    }
}

@media screen and (min-width:768px) {
    .nickel-account-container {
        padding-bottom: 36px
    }
}

@media screen and (max-width:767.98px) {
    .nickel-account-container .col, .nickel-account-container .row {
        padding: 0
    }
}

.nickel-account-container .nickel-account {
    padding: 45px 16px;
    background-color: #040932;
    color: #fff;
    padding-left: 1rem;
    padding-right: 1rem
}

@media screen and (min-width:768px) {
    .nickel-account-container .nickel-account {
        padding: 45px 104px;
        border-radius: 8px;
        max-width: 1200px;
        margin: 0 auto
    }
}

.nickel-account-container .nickel-account .number-title {
    margin: 0 auto;
    border-radius: 50%;
    padding: 9px;
    width: 32px;
    height: 32px;
    background-color: #f2f8ff;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    color: #1f61d4;
    aspect-ratio: 1
}

@media screen and (min-width:768px) {
    .nickel-account-container .nickel-account .number-title {
        display: flex;
        margin-bottom: 22px
    }
}

.nickel-account-container .nickel-account .section-title p {
    font-family: "Encode Sans Condensed",sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 28px;
    line-height: 35px;
    color: #fff;
    font-size: 26px;
    line-height: 32px;
    text-align: center;
    margin-bottom: 40px;
    display: block
}

.nickel-account-container .nickel-account .account-items {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    gap: 12px;
    align-items: stretch
}

@media screen and (min-width:768px) {
    .nickel-account-container .nickel-account .account-items {
        grid-template-columns: repeat(2,1fr)
    }
}

@media screen and (min-width:768px) {
    .nickel-account-container .nickel-account .account-items {
        gap: 54px
    }
}

.nickel-account-container .nickel-account .account-items .paragraph--type--re-account-item {
    border-radius: 8px;
    height: 100%
}

    .nickel-account-container .nickel-account .account-items .paragraph--type--re-account-item .item-header {
        display: flex;
        flex-direction: row;
        align-content: center
    }

@media screen and (min-width:768px) {
    .nickel-account-container .nickel-account .account-items .paragraph--type--re-account-item .item-header {
        flex-direction: column;
        flex-wrap: wrap
    }
}

@media screen and (min-width:768px) {
    .nickel-account-container .nickel-account .account-items .paragraph--type--re-account-item {
        padding: 42px;
        background-color: #f4f6f9;
        border: 1px solid #fff
    }
}

.nickel-account-container .nickel-account .account-items .paragraph--type--re-account-item .card-title {
    margin-left: 14px;
    flex: 0 0 90%
}

@media screen and (min-width:768px) {
    .nickel-account-container .nickel-account .account-items .paragraph--type--re-account-item .card-title {
        margin-left: 0
    }
}

.nickel-account-container .nickel-account .account-items .paragraph--type--re-account-item .field--name-field-title {
    text-align: center;
    margin-bottom: 22px;
    display: inline-flex;
    text-align: left;
    flex-direction: column
}

@media screen and (min-width:768px) {
    .nickel-account-container .nickel-account .account-items .paragraph--type--re-account-item .field--name-field-title {
        display: block;
        text-align: center
    }
}

.nickel-account-container .nickel-account .account-items .paragraph--type--re-account-item .field--name-field-title p {
    font-family: Sarabun,sans-serif;
    font-weight: 700;
    font-style: normal;
    margin-bottom: 6px;
    color: #fff;
    display: block;
    font-size: 18px;
    line-height: 23px
}

    .nickel-account-container .nickel-account .account-items .paragraph--type--re-account-item .field--name-field-title p strong {
        font-family: Sarabun,sans-serif;
        font-weight: 700;
        font-style: normal
    }

    .nickel-account-container .nickel-account .account-items .paragraph--type--re-account-item .field--name-field-title p span {
        font-family: Sarabun,sans-serif;
        font-weight: 400;
        font-style: normal
    }

@media screen and (min-width:768px) {
    .nickel-account-container .nickel-account .account-items .paragraph--type--re-account-item .field--name-field-title p {
        font-family: Sarabun,sans-serif;
        font-weight: 400;
        font-style: normal;
        color: #191f29
    }

        .nickel-account-container .nickel-account .account-items .paragraph--type--re-account-item .field--name-field-title p strong {
            font-weight: 700
        }
}

.nickel-account-container .nickel-account .account-items .paragraph--type--re-account-item .paragraph--type--re-account-item:last-child .paragraph--type--card-application-images {
    background-color: #fff;
    padding: 22px;
    border-radius: 8px;
    height: 100%;
    text-align: center
}

@media screen and (max-width:767.98px) {
    .nickel-account-container .nickel-account .account-items .paragraph--type--re-account-item .paragraph--type--re-account-item:last-child .paragraph--type--card-application-images {
        grid-template-columns: repeat(2,1fr);
        display: grid;
        gap: 12px;
        background-color: transparent
    }
}

.nickel-account-container .nickel-account .account-items .paragraph--type--re-account-item .paragraph--type--re-account-item:last-child .paragraph--type--card-application-images .field--name-field-title {
    font-family: Sarabun,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 21px;
    text-align: center;
    color: #191f29;
    margin-bottom: 22px;
    display: block
}

.nickel-account-container .nickel-account .account-items .card-account:first-of-type img {
    display: none;
    margin: 0 auto
}

@media screen and (min-width:768px) {
    .nickel-account-container .nickel-account .account-items .card-account:first-of-type img {
        display: block;
        width: 220px;
        height: auto
    }
}

.nickel-account-container .nickel-account .account-items .card-account:last-of-type .field--name-field-paragraphs {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 12px;
    align-items: stretch
}

    .nickel-account-container .nickel-account .account-items .card-account:last-of-type .field--name-field-paragraphs > :only-child {
        grid-column: span 2
    }

@media screen and (min-width:768px) {
    .nickel-account-container .nickel-account .account-items .card-account:last-of-type .field--name-field-paragraphs > :only-child img {
        width: 220px;
        height: auto
    }
}

@media screen and (min-width:768px) {
    .nickel-account-container .nickel-account .account-items .card-account:last-of-type .field--name-field-paragraphs {
        gap: 16px
    }
}

.nickel-account-container .nickel-account .account-items .card-account:last-of-type .paragraph--type--card-application-images {
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 8px;
    height: 100%;
    padding: 28px 32px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media screen and (min-width:768px) {
    .nickel-account-container .nickel-account .account-items .card-account:last-of-type .paragraph--type--card-application-images {
        padding: 24px 22px
    }
}

.nickel-account-container .nickel-account .account-items .card-account:last-of-type .paragraph--type--card-application-images .field--name-field-title {
    font-family: Sarabun,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    margin-bottom: 22px;
    color: #191f29;
    display: block;
    margin-top: 0
}

.nickel-account-container .nickel-account .cta {
    margin-top: 48px;
    text-align: center
}

    .nickel-account-container .nickel-account .cta .field--name-field-para-link a {
        color: #fff
    }

    .nickel-account-container .nickel-account .cta .field--name-field-para-link, .nickel-account-container .nickel-account .cta .field--name-field-second-link {
        padding: 10px 24px;
        display: inline-block;
        margin: 0 auto;
        border: 1px solid #fff;
        border-radius: 25px;
        text-align: center
    }

    .nickel-account-container .nickel-account .cta .field--name-field-second-link {
        margin-top: 12px;
        background-color: black;
        border: 1px solid black;
        margin-left: 0
    }

        .nickel-account-container .nickel-account .cta .field--name-field-second-link a {
            color: #fff
        }

@media screen and (min-width:768px) {
    .nickel-account-container .nickel-account .cta .field--name-field-second-link {
        margin-top: 0;
        margin-left: 16px
    }
}

.nickel-application {
    padding-top: 48px;
    background-color: #f2f8ff;
    padding-bottom: 54px;
    padding: 36px 0 28px 0;
    overflow: hidden;
    position: relative
}

@media screen and (max-width:767.98px) {
    .nickel-application {
        padding-top: 36px
    }
}

@media screen and (min-width:768px) {
    .nickel-application {
        padding: 0 31px 47px 31px
    }
}

.nickel-application .section-title {
    font-family: "Encode Sans Condensed",sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 26px;
    line-height: 32px;
    color: #191f29;
    margin-bottom: 22px;
    display: block
}

.nickel-application .download-store {
    margin-bottom: 46px
}

@media screen and (min-width:768px) {
    .nickel-application .download-store {
        margin-bottom: 62px
    }
}

.nickel-application .slide-title {
    font-family: Sarabun,sans-serif;
    font-weight: 700;
    font-style: normal;
    display: block;
    font-size: 18px;
    line-height: 23px;
    text-align: center;
    color: #191f29;
    margin-top: 30px
}

@media screen and (min-width:768px) {
    .nickel-application .slide-title {
        display: none
    }
}

.nickel-application .swiper-slide.fade-in {
    opacity: 1
}

.nickel-application .swiper-slide img {
    height: 400px;
    width: auto
}

.nickel-application .bgd {
    position: absolute;
    width: 95%;
    height: 204px;
    top: 55%;
    transform: translateY(-50%);
    right: 0;
    background: #fff;
    border-bottom-left-radius: 104.5px;
    border-top-left-radius: 104.5px
}

@media screen and (min-width:768px) {
    .nickel-application .bgd {
        width: 62%
    }
}

@media screen and (max-width:767.98px) {
    .nickel-application .bgd.anim {
        border-radius: 0;
        width: 100%
    }

    .nickel-application .bgd.anim-start {
        border-bottom-left-radius: 104.5px;
        border-top-left-radius: 104.5px
    }

    .nickel-application .bgd.anim-end {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
        border-bottom-right-radius: 104.5px;
        border-top-right-radius: 104.5px;
        width: 95%;
        left: 0
    }
}

.nickel-application img {
    max-width: 450px;
    height: auto;
    margin: 0 auto
}

@media only screen and (max-width:992px) and (min-width:768px) {
    .nickel-application img {
        margin: 0 60% 0 40%
    }
}

.nickel-application .nav-text-application {
    display: none
}

.nickel-application .swiper-application {
    overflow: visible
}

.nickel-application .swiper-application-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px
}

    .nickel-application .swiper-application-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        width: 14px;
        background: #515151 !important;
        transition: all .5s ease-in-out
    }

@media screen and (min-width:992px) {
    .nickel-application .swiper-application-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        width: 16px
    }
}

@media screen and (min-width:768px) {
    .nickel-application .swiper-application-pagination {
        display: none
    }
}

.nickel-application .swiper-application-pagination {
    margin-top: 20px
}

.nickel-application .swiper-application-pagination-text {
    margin-bottom: 32px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9999;
    width: 300px
}

@media screen and (max-width:767.98px) {
    .nickel-application .swiper-application-pagination-text {
        display: none
    }
}

.nickel-application .swiper-application-pagination-text .swiper-application .swiper-slide {
    background-position: center;
    background-size: cover
}

.nickel-application .swiper-application-pagination-text .swiper-pagination-bullet {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: auto;
    text-align: left;
    height: auto;
    font-weight: 400;
    color: #191f29;
    font-family: Sarabun;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    cursor: pointer;
    background-color: transparent;
    border-radius: 0 !important;
    padding: 8px 16px;
    margin-bottom: 16px;
    border-radius: 25px;
    background: linear-gradient(#000 0 0) bottom/0 2px no-repeat;
    position: relative
}

    .nickel-application .swiper-application-pagination-text .swiper-pagination-bullet button {
        position: absolute
    }

    .nickel-application .swiper-application-pagination-text .swiper-pagination-bullet .progress-bgd {
        width: 100%;
        height: 100%;
        width: 5px;
        position: absolute;
        left: 0;
        top: 0;
        background: #dde7f7;
        border-radius: 25px
    }

    .nickel-application .swiper-application-pagination-text .swiper-pagination-bullet .progress-bar {
        position: absolute;
        left: 0;
        top: 0;
        width: 5px;
        height: 0;
        background: #dde7f7;
        transition: height .2s;
        border-radius: 25px
    }

    .nickel-application .swiper-application-pagination-text .swiper-pagination-bullet.swiper-pagination-bullet-active {
        width: auto;
        background: 0 0 !important;
        border-radius: 25px;
        background-size: 100% 2px
    }

        .nickel-application .swiper-application-pagination-text .swiper-pagination-bullet.swiper-pagination-bullet-active .progress-bar {
            animation: draw-progress-bar 5s linear;
            background: #1f61d4
        }

.nickel-customer-service-home {
    padding-top: 36px
}

@media screen and (min-width:992px) {
    .nickel-customer-service-home {
        padding-top: 48px
    }
}

.nickel-customer-service-home .field--name-field-paragraph-title {
    margin-top: 0;
    margin-bottom: 24px;
    font-family: "Encode Sans Condensed",sans-serif;
    font-weight: 700;
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    line-height: 35px;
    color: #191f29;
    display: block
}

.nickel-customer-service-home .faq {
    padding: 24px;
    background: #040932;
    border-radius: 8px;
    margin-bottom: 22px
}

    .nickel-customer-service-home .faq .badge-new {
        background: #1f61d4;
        border-radius: 21px;
        padding: 0 8px;
        text-align: center;
        text-transform: uppercase;
        display: inline-block
    }

    .nickel-customer-service-home .faq a, .nickel-customer-service-home .faq p {
        color: #fff;
        font-family: Sarabun;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 21px;
        margin-bottom: 20px
    }

    .nickel-customer-service-home .faq a {
        text-decoration: underline
    }

.nickel-customer-service-home .customer-service {
    background-color: #f2f8ff;
    padding: 24px;
    border-radius: 8px
}

    .nickel-customer-service-home .customer-service h3 {
        font-family: Sarabun,sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 16px;
        line-height: 21px;
        color: #191f29;
        margin-bottom: 32px
    }

    .nickel-customer-service-home .customer-service .img-csutemer-service {
        margin-bottom: 38px
    }

        .nickel-customer-service-home .customer-service .img-csutemer-service img {
            width: 105px;
            height: auto;
            margin: 0 auto
        }

@media screen and (min-width:992px) {
    .nickel-customer-service-home .customer-service .img-csutemer-service img {
        width: 114px
    }
}

.nickel-customer-service-home .customer-service .paragraph--type--re-contact-item {
    display: flex;
    align-items: center;
    margin-bottom: 22px
}

    .nickel-customer-service-home .customer-service .paragraph--type--re-contact-item:nth-last-of-type(3) {
        margin-bottom: 0
    }

    .nickel-customer-service-home .customer-service .paragraph--type--re-contact-item .field {
        margin-left: 0
    }

    .nickel-customer-service-home .customer-service .paragraph--type--re-contact-item .field--name-field-icon {
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        padding: 15px;
        background-color: #fff;
        margin-right: 16px;
        padding: 8px;
        width: 24px;
        height: 24px
    }

        .nickel-customer-service-home .customer-service .paragraph--type--re-contact-item .field--name-field-icon img {
            width: 15px;
            height: 15px;
            max-width: 15px
        }

.nickel-customer-service-home .customer-service .field--name-field-second-link a {
    font-family: Sarabun,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 21px;
    color: #191f29;
    font-weight: 500;
    text-decoration: underline
}

    .nickel-customer-service-home .customer-service .field--name-field-second-link a:hover {
        text-decoration: underline;
        color: black
    }

.swiper img {
    width: 100%;
    height: auto
}

.swiper .swiper-pagination-bullets {
    text-align: center
}

.swiper .swiper-pagination-bullet {
    margin: 0 auto
}

.swiper .swiper-pagination-bullet-active {
    background: #fff !important
}

.swiper .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    background: #e2e2e2;
    border-radius: 20px !important;
    border: none;
    margin: 0 8px;
    transition: all .5s ease-in-out;
    opacity: 1
}

@media screen and (min-width:992px) {
    .swiper .swiper-pagination-bullet {
        width: 8px;
        height: 8px
    }
}

.swiper .swiper-pagination-bullet-active, .swiper button.active {
    width: 14px;
    background: #515151 !important;
    transition: all .5s ease-in-out
}

@media screen and (min-width:992px) {
    .swiper .swiper-pagination-bullet-active, .swiper button.active {
        width: 16px
    }
}

.cards-container.white, .hero-home.white, .nickel-account-container .nickel-account.white, .nickel-application.white, .nickel-customer-service-home .faq.white, .nickel-presentation.white, .nickel-re-faq.white, .nickel-services.white, .paragraph--type--mobile-card-comparator.white {
    background: #fff
}

.cards-container.orange, .hero-home.orange, .nickel-account-container .nickel-account.orange, .nickel-application.orange, .nickel-customer-service-home .faq.orange, .nickel-presentation.orange, .nickel-re-faq.orange, .nickel-services.orange, .paragraph--type--mobile-card-comparator.orange {
    background: black
}

.cards-container.black, .hero-home.black, .nickel-account-container .nickel-account.black, .nickel-application.black, .nickel-customer-service-home .faq.black, .nickel-presentation.black, .nickel-re-faq.black, .nickel-services.black, .paragraph--type--mobile-card-comparator.black {
    background: #000
}

.cards-container.primary-black, .hero-home.primary-black, .nickel-account-container .nickel-account.primary-black, .nickel-application.primary-black, .nickel-customer-service-home .faq.primary-black, .nickel-presentation.primary-black, .nickel-re-faq.primary-black, .nickel-services.primary-black, .paragraph--type--mobile-card-comparator.primary-black {
    background: #191f29
}

.cards-container.grey, .hero-home.grey, .nickel-account-container .nickel-account.grey, .nickel-application.grey, .nickel-customer-service-home .faq.grey, .nickel-presentation.grey, .nickel-re-faq.grey, .nickel-services.grey, .paragraph--type--mobile-card-comparator.grey {
    background: #f3f5f9
}

.cards-container.secondary-blue, .hero-home.secondary-blue, .nickel-account-container .nickel-account.secondary-blue, .nickel-application.secondary-blue, .nickel-customer-service-home .faq.secondary-blue, .nickel-presentation.secondary-blue, .nickel-re-faq.secondary-blue, .nickel-services.secondary-blue, .paragraph--type--mobile-card-comparator.secondary-blue {
    background: #373f51
}

.cards-container.secondary-white, .hero-home.secondary-white, .nickel-account-container .nickel-account.secondary-white, .nickel-application.secondary-white, .nickel-customer-service-home .faq.secondary-white, .nickel-presentation.secondary-white, .nickel-re-faq.secondary-white, .nickel-services.secondary-white, .paragraph--type--mobile-card-comparator.secondary-white {
    background: #f4f6f9
}

.cards-container.blue, .hero-home.blue, .nickel-account-container .nickel-account.blue, .nickel-application.blue, .nickel-customer-service-home .faq.blue, .nickel-presentation.blue, .nickel-re-faq.blue, .nickel-services.blue, .paragraph--type--mobile-card-comparator.blue {
    background: #3186d6
}

.cards-container.radial-blue, .hero-home.radial-blue, .nickel-account-container .nickel-account.radial-blue, .nickel-application.radial-blue, .nickel-customer-service-home .faq.radial-blue, .nickel-presentation.radial-blue, .nickel-re-faq.radial-blue, .nickel-services.radial-blue, .paragraph--type--mobile-card-comparator.radial-blue {
    background: radial-gradient(58.02% 56.6% at 50.13% 47.45%,#08294d 43.75%,#050929 100%)
}

.cards-container.dark-blue, .hero-home.dark-blue, .nickel-account-container .nickel-account.dark-blue, .nickel-application.dark-blue, .nickel-customer-service-home .faq.dark-blue, .nickel-presentation.dark-blue, .nickel-re-faq.dark-blue, .nickel-services.dark-blue, .paragraph--type--mobile-card-comparator.dark-blue {
    background: #040932
}

.cards-container.light-blue, .hero-home.light-blue, .nickel-account-container .nickel-account.light-blue, .nickel-application.light-blue, .nickel-customer-service-home .faq.light-blue, .nickel-presentation.light-blue, .nickel-re-faq.light-blue, .nickel-services.light-blue, .paragraph--type--mobile-card-comparator.light-blue {
    background: #f2f8ff
}

.paragraph--type--card-comparator.white .half-round-bottom-comparator, .paragraph--type--card-comparator.white .hero {
    background: #fff
}

.paragraph--type--card-comparator.orange .half-round-bottom-comparator, .paragraph--type--card-comparator.orange .hero {
    background: black
}

.paragraph--type--card-comparator.black .half-round-bottom-comparator, .paragraph--type--card-comparator.black .hero {
    background: #000
}

.paragraph--type--card-comparator.primary-black .half-round-bottom-comparator, .paragraph--type--card-comparator.primary-black .hero {
    background: #191f29
}

.paragraph--type--card-comparator.grey .half-round-bottom-comparator, .paragraph--type--card-comparator.grey .hero {
    background: #f3f5f9
}

.paragraph--type--card-comparator.secondary-blue .half-round-bottom-comparator, .paragraph--type--card-comparator.secondary-blue .hero {
    background: #373f51
}

.paragraph--type--card-comparator.secondary-white .half-round-bottom-comparator, .paragraph--type--card-comparator.secondary-white .hero {
    background: #f4f6f9
}

.paragraph--type--card-comparator.blue .half-round-bottom-comparator, .paragraph--type--card-comparator.blue .hero {
    background: #3186d6
}

.paragraph--type--card-comparator.radial-blue .half-round-bottom-comparator, .paragraph--type--card-comparator.radial-blue .hero {
    background: radial-gradient(58.02% 56.6% at 50.13% 47.45%,#08294d 43.75%,#050929 100%)
}

.paragraph--type--card-comparator.dark-blue .half-round-bottom-comparator, .paragraph--type--card-comparator.dark-blue .hero {
    background: #040932
}

.paragraph--type--card-comparator.light-blue .half-round-bottom-comparator, .paragraph--type--card-comparator.light-blue .hero {
    background: #f2f8ff
}

.autoplay-progress {
    position: absolute;
    right: 16px;
    bottom: 16px;
    z-index: 10;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    color: var(--swiper-theme-color)
}

    .autoplay-progress svg {
        --progress: 0;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 10;
        width: 100%;
        height: 100%;
        stroke-width: 4px;
        stroke: var(--swiper-theme-color);
        fill: none;
        stroke-dashoffset: calc(125.6px * (1 - var(--progress)));
        stroke-dasharray: 125.6;
        transform: rotate(-90deg)
    }

@media screen and (max-width:767.98px) {
    .paragraph--type--4-columns.tarifs-table {
        background-color: #f4f6f9;
        margin: 0
    }

        .paragraph--type--4-columns.tarifs-table .field--name-field-button-link {
            width: 100%
        }

    .tarifs-table-card-group h2.h2 {
        display: none
    }

    .tarifs-table-card-group span.cercle-icon {
        display: none
    }

    .tarifs-table-body .paragraph--type--button-paragraph {
        padding: 0 24px
    }

    .tarif-option.tarif-option-1 .toggle-col, .tarif-option.tarif-option-3 .toggle-col {
        display: none
    }

        .tarif-option.tarif-option-1 .toggle-col.enable, .tarif-option.tarif-option-3 .toggle-col.enable {
            display: block
        }

    .tarif-option.tarif-option-1 .tarifs-toggle-button, .tarif-option.tarif-option-3 .tarifs-toggle-button {
        display: flex
    }

        .tarif-option.tarif-option-1 .tarifs-toggle-button.group-btn-toggle, .tarif-option.tarif-option-3 .tarifs-toggle-button.group-btn-toggle {
            margin-top: 25px
        }

            .tarif-option.tarif-option-1 .tarifs-toggle-button.group-btn-toggle .btn-toggle, .tarif-option.tarif-option-3 .tarifs-toggle-button.group-btn-toggle .btn-toggle {
                min-width: inherit;
                padding: 0 15px;
                line-height: 1.1em;
                flex: 1 1 auto
            }

                .tarif-option.tarif-option-1 .tarifs-toggle-button.group-btn-toggle .btn-toggle.enable, .tarif-option.tarif-option-3 .tarifs-toggle-button.group-btn-toggle .btn-toggle.enable {
                    font-weight: 800;
                    color: #fff;
                    background: black;
                    border-radius: 100px
                }

    .tarif-option.tarif-option-2 .tarifs-table-body .paragraph--type--button-paragraph {
        padding: 0
    }

    .tarif-option.tarif-option-2 .tarifs-table-body .row .toggle-col {
        display: block;
        margin-bottom: 25px
    }

    .tarif-option.tarif-option-2 .tarifs-table-body .row .tarifs-table-item {
        padding: 32px 24px 75px 24px;
        height: auto
    }

        .tarif-option.tarif-option-2 .tarifs-table-body .row .tarifs-table-item > h2 {
            margin-bottom: 25px
        }

        .tarif-option.tarif-option-2 .tarifs-table-body .row .tarifs-table-item .paragraph--type--button-paragraph {
            position: relative;
            bottom: 0
        }

        .tarif-option.tarif-option-2 .tarifs-table-body .row .tarifs-table-item .display-more {
            display: none
        }

        .tarif-option.tarif-option-2 .tarifs-table-body .row .tarifs-table-item .display-less {
            display: flex
        }

        .tarif-option.tarif-option-2 .tarifs-table-body .row .tarifs-table-item.enable {
            height: 700px;
            overflow: hidden
        }

            .tarif-option.tarif-option-2 .tarifs-table-body .row .tarifs-table-item.enable .display-more {
                display: flex
            }

            .tarif-option.tarif-option-2 .tarifs-table-body .row .tarifs-table-item.enable .display-less {
                display: none
            }

        .tarif-option.tarif-option-2 .tarifs-table-body .row .tarifs-table-item .tarifs-toggle-display {
            display: block
        }

            .tarif-option.tarif-option-2 .tarifs-table-body .row .tarifs-table-item .tarifs-toggle-display div {
                align-items: center;
                justify-content: space-between
            }

    .tarif-option.tarif-option-2 .tarifs-table-body .toggle-col {
        display: none
    }

        .tarif-option.tarif-option-2 .tarifs-table-body .toggle-col.enable {
            display: block
        }
}

@media only screen and (max-width:992px) and (min-width:768px) {
    .paragraph--type--4-columns.tarifs-table {
        margin-top: 0
    }

        .paragraph--type--4-columns.tarifs-table .row > .toggle-col {
            margin-bottom: 25px
        }

            .paragraph--type--4-columns.tarifs-table .row > .toggle-col .tarifs-table-item > h2 {
                text-align: left;
                font-family: sarabun,Arial,sans-serif;
                font-weight: 800;
                font-size: 1.25em
            }

        .paragraph--type--4-columns.tarifs-table .tarifs-table-card-group h2.h2 {
            display: none
        }

        .paragraph--type--4-columns.tarifs-table .field--name-field-para-col-1, .paragraph--type--4-columns.tarifs-table .field--name-field-para-col-2, .paragraph--type--4-columns.tarifs-table .field--name-field-para-col-3, .paragraph--type--4-columns.tarifs-table .field--name-field-para-col-4 {
            display: flex;
            flex-wrap: wrap
        }

            .paragraph--type--4-columns.tarifs-table .field--name-field-para-col-1 .field__item:nth-child(1), .paragraph--type--4-columns.tarifs-table .field--name-field-para-col-2 .field__item:nth-child(1), .paragraph--type--4-columns.tarifs-table .field--name-field-para-col-3 .field__item:nth-child(1), .paragraph--type--4-columns.tarifs-table .field--name-field-para-col-4 .field__item:nth-child(1) {
                flex: 0 0 50%;
                padding-right: 30px
            }

                .paragraph--type--4-columns.tarifs-table .field--name-field-para-col-1 .field__item:nth-child(1) .tarifs-card-bottom, .paragraph--type--4-columns.tarifs-table .field--name-field-para-col-2 .field__item:nth-child(1) .tarifs-card-bottom, .paragraph--type--4-columns.tarifs-table .field--name-field-para-col-3 .field__item:nth-child(1) .tarifs-card-bottom, .paragraph--type--4-columns.tarifs-table .field--name-field-para-col-4 .field__item:nth-child(1) .tarifs-card-bottom {
                    justify-content: flex-start
                }

                .paragraph--type--4-columns.tarifs-table .field--name-field-para-col-1 .field__item:nth-child(1) .tarifs-table-card, .paragraph--type--4-columns.tarifs-table .field--name-field-para-col-2 .field__item:nth-child(1) .tarifs-table-card, .paragraph--type--4-columns.tarifs-table .field--name-field-para-col-3 .field__item:nth-child(1) .tarifs-table-card, .paragraph--type--4-columns.tarifs-table .field--name-field-para-col-4 .field__item:nth-child(1) .tarifs-table-card {
                    justify-content: flex-start
                }

            .paragraph--type--4-columns.tarifs-table .field--name-field-para-col-1 .field__item:nth-child(2), .paragraph--type--4-columns.tarifs-table .field--name-field-para-col-2 .field__item:nth-child(2), .paragraph--type--4-columns.tarifs-table .field--name-field-para-col-3 .field__item:nth-child(2), .paragraph--type--4-columns.tarifs-table .field--name-field-para-col-4 .field__item:nth-child(2) {
                flex: 0 0 50%;
                padding-left: 30px;
                margin-top: -34px
            }

                .paragraph--type--4-columns.tarifs-table .field--name-field-para-col-1 .field__item:nth-child(2) .cercle-icon, .paragraph--type--4-columns.tarifs-table .field--name-field-para-col-2 .field__item:nth-child(2) .cercle-icon, .paragraph--type--4-columns.tarifs-table .field--name-field-para-col-3 .field__item:nth-child(2) .cercle-icon, .paragraph--type--4-columns.tarifs-table .field--name-field-para-col-4 .field__item:nth-child(2) .cercle-icon {
                    display: none
                }

            .paragraph--type--4-columns.tarifs-table .field--name-field-para-col-1 .field__item:nth-child(3), .paragraph--type--4-columns.tarifs-table .field--name-field-para-col-2 .field__item:nth-child(3), .paragraph--type--4-columns.tarifs-table .field--name-field-para-col-3 .field__item:nth-child(3), .paragraph--type--4-columns.tarifs-table .field--name-field-para-col-4 .field__item:nth-child(3) {
                flex: 0 0 100%
            }
}

.paragraph--type--4-columns .tarifs-toggle-display {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 40px;
    background-color: #373f51;
    border-radius: 0 0 8px 8px
}

    .paragraph--type--4-columns .tarifs-toggle-display div {
        height: 60px;
        font-size: 21px;
        font-weight: 700;
        color: #fff;
        align-items: center
    }

.paragraph--type--4-columns .tarifs-toggle-button {
    display: none
}

.paragraph--type--4-columns .tarifs-table-body .row {
    align-items: stretch
}

    .paragraph--type--4-columns .tarifs-table-body .row .tarifs-table-item {
        position: relative;
        display: block;
        height: 100%;
        padding: 32px 24px 100px
    }

        .paragraph--type--4-columns .tarifs-table-body .row .tarifs-table-item .paragraph--type--button-paragraph {
            position: absolute;
            bottom: 30px;
            left: 0
        }

.paragraph--type--4-columns .tarifs-table-card {
    display: flex;
    justify-content: center
}

    .paragraph--type--4-columns .tarifs-table-card img {
        width: 100%;
        height: auto;
        max-height: inherit;
        margin: 0
    }

    .paragraph--type--4-columns .tarifs-table-card p {
        margin: 0
    }

.paragraph--type--4-columns .tarifs-card-bottom {
    display: flex;
    height: 30px;
    align-items: center;
    justify-content: center
}

    .paragraph--type--4-columns .tarifs-card-bottom p {
        margin: 0;
        font-size: 12px;
        font-weight: 700
    }

    .paragraph--type--4-columns .tarifs-card-bottom div {
        width: 14px;
        height: 14px;
        border-radius: 50px;
        border: 1px solid #c4c4c4;
        margin-right: 12px
    }

        .paragraph--type--4-columns .tarifs-card-bottom div.circle-grey {
            background: #405463;
            border-color: #405463
        }

        .paragraph--type--4-columns .tarifs-card-bottom div.circle-light-grey {
            background: #dadfe1;
            border-color: #dadfe1
        }

        .paragraph--type--4-columns .tarifs-card-bottom div.circle-red {
            background: #8a2332;
            border-color: #8a2332
        }

        .paragraph--type--4-columns .tarifs-card-bottom div.circle-purple {
            background: #552b9d;
            border-color: #552b9d
        }

        .paragraph--type--4-columns .tarifs-card-bottom div.circle-black {
            background: #000;
            border-color: #000
        }

        .paragraph--type--4-columns .tarifs-card-bottom div.circle-gold {
            background: #b8a260;
            border-color: #b8a260
        }

        .paragraph--type--4-columns .tarifs-card-bottom div.circle-silver {
            background: #a5a7a4;
            border-color: #a5a7a4
        }

.paragraph--type--4-columns .tarifs-table-card-group {
    margin-top: 15px
}

    .paragraph--type--4-columns .tarifs-table-card-group.group-list-check {
        margin-top: 0
    }

        .paragraph--type--4-columns .tarifs-table-card-group.group-list-check p.h4 {
            display: flex;
            align-items: center
        }

            .paragraph--type--4-columns .tarifs-table-card-group.group-list-check p.h4 span {
                margin-right: 10px
            }

        .paragraph--type--4-columns .tarifs-table-card-group.group-list-check ul.list-check {
            font-size: 16px
        }

            .paragraph--type--4-columns .tarifs-table-card-group.group-list-check ul.list-check i {
                font-style: normal
            }

.paragraph--type--4-columns .tarifs-table-card-details ul {
    align-items: flex-start
}

    .paragraph--type--4-columns .tarifs-table-card-details ul p.color-orange {
        color: black
    }

    .paragraph--type--4-columns .tarifs-table-card-details ul li:first-child {
        font-weight: 300;
        font-size: 1.125em;
        text-align: left
    }

    .paragraph--type--4-columns .tarifs-table-card-details ul li:last-child {
        text-align: right;
        min-width: 90px
    }

.paragraph--type--accordions {
    margin-bottom: 40px
}

    .paragraph--type--accordions.new-design .accordion-button {
        background: #040932
    }

    .paragraph--type--accordions.new-design .h2-3 {
        font-family: "Encode Sans Condensed",sans-serif;
        font-weight: 700;
        font-style: normal;
        font-weight: 700;
        font-size: 26px;
        line-height: 35px;
        color: #191f29;
        display: block;
        text-transform: unset
    }

.paragraph--type--accordion-item .field--name-field-paragraph-title.field {
    margin: 0
}

.paragraph--type--accordion-item .accordion-body .list-toggle-bg ul li {
    flex: 0 1 50%
}

    .paragraph--type--accordion-item .accordion-body .list-toggle-bg ul li:last-child {
        text-align: right
    }

@media screen and (max-width:767.98px) {
    .paragraph--type--accordion-item .accordion-body .list-toggle-bg ul li {
        flex: 0 1 49%
    }
}

.paragraph--type--banner-paragraph {
    margin-top: 30px;
    border-radius: 10px;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    height: 160px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

    .paragraph--type--banner-paragraph .banner-text {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-left: 20px;
        width: 320px;
        color: #fff
    }

        .paragraph--type--banner-paragraph .banner-text .field--name-field-banner-body {
            padding-top: 20px;
            font-size: 14px;
            line-height: 1.71
        }

        .paragraph--type--banner-paragraph .banner-text .field--name-field-paragraph-title {
            font-size: 1.5rem
        }

    .paragraph--type--banner-paragraph .field--name-field-banner-button {
        padding: 20px;
        min-width: 250px;
        text-align: center
    }

        .paragraph--type--banner-paragraph .field--name-field-banner-button a {
            font-size: 16px;
            text-align: center;
            color: #000;
            border-radius: 100px;
            background-image: linear-gradient(to bottom,#fff,#e1e1e1);
            box-shadow: 0 2px 14px 0 rgba(0,0,0,.2);
            padding: 15px 32px;
            text-decoration: none;
            display: inline-block;
            text-transform: uppercase;
            width: 260px;
            height: 50px;
            overflow: hidden
        }

@media only screen and (max-width:767.98px) {
    .paragraph--type--banner-paragraph {
        margin-top: 20px;
        flex-direction: column;
        height: auto;
        padding-top: 10px
    }

        .paragraph--type--banner-paragraph .field--name-field-banner-button {
            display: block;
            margin-top: 20px
        }

            .paragraph--type--banner-paragraph .field--name-field-banner-button a {
                padding: 12px 32px
            }

        .paragraph--type--banner-paragraph .banner-text {
            margin-right: 20px;
            justify-content: normal
        }

            .paragraph--type--banner-paragraph .banner-text .field--name-field-banner-body {
                font-size: 13px
            }

            .paragraph--type--banner-paragraph .banner-text .field--name-field-paragraph-title {
                font-size: 16px
            }
}

.paragraph--type--block-paragraph {
    display: flex;
    flex-wrap: wrap
}

    .paragraph--type--block-paragraph.container {
        padding: 0 15px
    }

.paragraph--type--bordure {
    border-bottom: solid 1px #ccc;
    margin-top: 30px
}

@media only screen and (max-width:767.98px) {
    .paragraph--type--bordure {
        margin-top: 20px
    }
}

.paragraph--type--inlines-buttons .paragraph--type--button-paragraph {
    width: inherit;
    margin-right: 32px
}

    .paragraph--type--inlines-buttons .paragraph--type--button-paragraph:last-child {
        margin-right: 0
    }

.paragraph--type--button-paragraph {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-top: 20px
}

    .paragraph--type--button-paragraph .paragraph--type--button-paragraph {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        margin-top: 20px
    }

    .paragraph--type--button-paragraph a {
        color: #fff;
        text-decoration: none;
        font-weight: 500
    }

    .paragraph--type--button-paragraph.orange a {
        color: #fff
    }

        .paragraph--type--button-paragraph.orange a:hover {
            background-color: #cc4c00
        }

    .paragraph--type--button-paragraph.border-grey a {
        color: #191f29;
        background: 0 0;
        border: 1px solid #191f29
    }

        .paragraph--type--button-paragraph.border-grey a:hover {
            color: #fff;
            background: #191f29
        }

@media only screen and (max-width:991.98px) {
    .paragraph--type--inlines-buttons {
        background-color: #f3f5f9;
        padding-bottom: 0
    }
}

@media only screen and (max-width:767.98px) {
    .paragraph--type--inlines-buttons {
        background-color: #f3f5f9;
        padding-bottom: 20px
    }

    .paragraph--type--header .paragraph--type--inlines-buttons {
        padding-bottom: 0
    }

    .paragraph--type--button-paragraph {
        margin-top: 20px
    }

        .paragraph--type--button-paragraph .field--name-field-button-link a {
            min-width: 100px
        }

    .paragraph--type--inlines-buttons {
        padding-left: 22px;
        padding-right: 22px
    }

        .paragraph--type--inlines-buttons .paragraph--type--button-paragraph {
            width: 100%;
            margin-right: 0
        }

            .paragraph--type--inlines-buttons .paragraph--type--button-paragraph .field--name-field-button-link {
                width: 100%
            }
}

.paragraph--type--card-application h1.h2-3, .paragraph--type--card-application h2.h2-3, .paragraph--type--card-application h3.h2-3, .paragraph--type--card-application h4.h2-3, .paragraph--type--card-application h5.h2-3, .paragraph--type--card-application h6.h2-3 {
    font-family: Muller,Arial,sans-serif;
    font-weight: 800;
    font-size: 1.75em
}

@media screen and (max-width:767.98px) {
    .paragraph--type--card-application h1.h2-3, .paragraph--type--card-application h2.h2-3, .paragraph--type--card-application h3.h2-3, .paragraph--type--card-application h4.h2-3, .paragraph--type--card-application h5.h2-3, .paragraph--type--card-application h6.h2-3 {
        font-size: 1.375em
    }
}

.paragraph--type--card-application .details-product-app {
    display: flex;
    flex-direction: column
}

    .paragraph--type--card-application .details-product-app .download-store {
        margin: 30px 0
    }

    .paragraph--type--card-application .details-product-app .field--name-field-para-txt-content-right {
        margin: 0
    }

    .paragraph--type--card-application .details-product-app .details-product-cta {
        margin-top: auto
    }

    .paragraph--type--card-application .details-product-app p {
        color: #fff
    }

.product-card-tablet {
    display: none
}

@media only screen and (max-width:992px) and (min-width:768px) {
    .product-card-tablet {
        display: block
    }

        .product-card-tablet .field--name-field-para-img-tablet-ca {
            display: flex;
            align-items: flex-start;
            justify-content: center
        }
}

@media screen and (max-width:991.98px) {
    .paragraph--type--card-application .details-product-app, .paragraph--type--card-application .details-product-card {
        padding: 45px
    }
}

@media screen and (max-width:767.98px) {
    .paragraph--type--card-application .details-product-app, .paragraph--type--card-application .details-product-card {
        padding: 45px 16px
    }
}

.field--name-field-images-left {
    display: flex;
    flex-direction: row;
    gap: 20px;
    margin-bottom: 20px
}

    .field--name-field-images-left .field__item {
        flex: 1 1 0;
        text-align: center
    }

        .field--name-field-images-left .field__item .paragraph--type--card-application-images {
            height: 100%;
            display: flex;
            flex-direction: column;
            padding: 20px;
            background-color: #fff;
            border-radius: 10px;
            font-weight: 700;
            gap: 15px;
            word-break: break-word
        }

            .field--name-field-images-left .field__item .paragraph--type--card-application-images img {
                max-height: 100px
            }

.paragraph--type--card-offer.box-goto-card {
    position: relative;
    background: #f3f5f9;
    padding: 28px 0 0
}

    .paragraph--type--card-offer.box-goto-card .field--name-field-paragraph-body {
        padding: 0 32px
    }

    .paragraph--type--card-offer.box-goto-card .field--name-field-para-image {
        position: absolute;
        bottom: 0;
        width: 100%
    }

.paragraph--type--chronology-paragraph {
    margin-top: 30px
}

    .paragraph--type--chronology-paragraph .field--name-field-chronology-element > .field--item {
        padding-left: 44px;
        padding-top: 32px
    }

        .paragraph--type--chronology-paragraph .field--name-field-chronology-element > .field--item .paragraph--type--chronology-item {
            border-left: dashed 2px #ccc;
            min-height: 80px;
            margin-left: -31px;
            padding-left: 31px;
            margin-bottom: 37px;
            float: left
        }

        .paragraph--type--chronology-paragraph .field--name-field-chronology-element > .field--item .field--name-field-date-element {
            color: black;
            float: left;
            width: 170px;
            font-size: 18px;
            font-weight: 500;
            font-style: normal;
            font-stretch: normal;
            line-height: 1.33;
            letter-spacing: normal;
            height: 24px;
            margin-top: -32px
        }

            .paragraph--type--chronology-paragraph .field--name-field-chronology-element > .field--item .field--name-field-date-element:before {
                width: 24px;
                height: 24px;
                border-radius: 100px;
                background-color: #fff;
                border: solid 2px #000;
                content: "";
                margin-right: 20px;
                margin-left: -44px;
                margin-bottom: 5px;
                float: left
            }

        .paragraph--type--chronology-paragraph .field--name-field-chronology-element > .field--item .field--name-field-paragraph-body {
            margin-left: -202px;
            float: left;
            padding-bottom: 20px;
            margin-top: -32px;
            line-height: 22px;
            width: 100%;
            transform: translateX(362px);
            padding-right: 162px
        }

            .paragraph--type--chronology-paragraph .field--name-field-chronology-element > .field--item .field--name-field-paragraph-body img {
                width: 100%;
                height: auto
            }

        .paragraph--type--chronology-paragraph .field--name-field-chronology-element > .field--item:last-child .paragraph--type--chronology-item {
            border-left: none
        }

        .paragraph--type--chronology-paragraph .field--name-field-chronology-element > .field--item:last-child .field--name-field-date-element:before {
            margin-left: -43px
        }

    .paragraph--type--chronology-paragraph .field--name-field-paragraph-title {
        font-size: 1.5rem;
        padding-bottom: 20px;
        font-family: Muller,Arial,sans-serif;
        font-weight: 500;
        color: black
    }

@media only screen and (max-width:991.98px) {
    .paragraph--type--chronology-paragraph .field--name-field-chronology-element > .field--item .field--name-field-paragraph-body {
        margin-top: -29px
    }
}

@media only screen and (max-width:767.98px) {
    .paragraph--type--chronology-paragraph {
        margin-top: 20px
    }

        .paragraph--type--chronology-paragraph .paragraph-block-title, .paragraph--type--chronology-paragraph > .field--name-field-paragraph-title {
            padding-bottom: 10px;
            font-size: 1.6rem
        }

        .paragraph--type--chronology-paragraph .field--name-field-chronology-element > .field--item .field--name-field-date-element {
            width: 100%
        }

        .paragraph--type--chronology-paragraph .field--name-field-chronology-element > .field--item .paragraph--type--chronology-item .field--name-field-paragraph-body {
            margin: 0;
            padding: 0;
            padding-bottom: 20px;
            float: none;
            transform: unset
        }
}

.paragraph--type--contact {
    margin-top: 30px
}

    .paragraph--type--contact .field--name-field-paragraph-title {
        color: black;
        font-family: Muller,Arial,sans-serif;
        font-size: 20px;
        text-align: center;
        line-height: 22px
    }

@media only screen and (max-width:767.98px) {
    .paragraph--type--contact {
        margin-top: 20px
    }

        .paragraph--type--contact .field--name-field-paragraph-title {
            font-size: 16px
        }

    .field--name-field-nom-du-contact {
        font-size: 13px
    }

    .field--name-field-email-contact, .field--name-field-telephone-contact {
        font-size: 13px
    }
}

.paragraph--type--contact .field--name-field-portrait {
    display: flex;
    justify-content: center;
    margin-top: 30px
}

    .paragraph--type--contact .field--name-field-portrait img.img-responsive {
        border-radius: 50%
    }

    .paragraph--type--contact .field--name-field-portrait .field--name-thumbnail {
        width: 60px;
        height: 60px;
        border-radius: 50%
    }

.field--name-field-nom-du-contact {
    font-family: Muller,Arial,sans-serif;
    font-size: 16px;
    text-align: center;
    line-height: 24px;
    margin-top: 30px;
    margin-bottom: 10px;
    color: #666
}

.paragraph--type--contact .field--name-field-portrait + .field--name-field-nom-du-contact {
    margin-top: 19px
}

.field--name-field-email-contact, .field--name-field-telephone-contact {
    font-family: Muller,Arial,sans-serif;
    font-size: 14px;
    text-align: center;
    line-height: 12px;
    margin-top: 1rem;
    color: #666
}

@media only screen and (max-width:992px) and (min-width:768px) {
    .paragraph--type--contact-us.reverse.container-collapsed-mobile {
        padding-left: 1rem;
        padding-right: 1rem;
        max-width: 1200px
    }

        .paragraph--type--contact-us.reverse.container-collapsed-mobile .row > * {
            padding-left: 1rem;
            padding-right: 1rem
        }

        .paragraph--type--contact-us.reverse.container-collapsed-mobile .call-center {
            padding: 45px 0
        }

            .paragraph--type--contact-us.reverse.container-collapsed-mobile .call-center .smartphone {
                right: -15px
            }

        .paragraph--type--contact-us.reverse.container-collapsed-mobile .call-center-contact {
            padding: 0
        }
}

.paragraph--type--contact-us.reverse .row {
    flex-direction: row-reverse
}

.paragraph--type--contact-us.reverse .row-reverse-mobile {
    flex-direction: inherit
}

.paragraph--type--contact-us.reverse .call-center {
    padding: 45px 0 45px 35px
}

    .paragraph--type--contact-us.reverse .call-center .smartphone {
        right: 0
    }

        .paragraph--type--contact-us.reverse .call-center .smartphone .bulle {
            right: 160px;
            left: inherit
        }

            .paragraph--type--contact-us.reverse .call-center .smartphone .bulle img {
                transform: scale(-1,1)
            }

            .paragraph--type--contact-us.reverse .call-center .smartphone .bulle p {
                left: 60px;
                right: 35px
            }

    .paragraph--type--contact-us.reverse .call-center .shape-bg {
        border-radius: 250px 0 0 250px
    }

.paragraph--type--contact-us .new {
    background-color: black;
    display: inline;
    border-radius: 20px;
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
    color: #fff;
    padding: 3px 10px;
    margin-left: 10px
}

@media only screen and (max-width:992px) and (min-width:768px) {
    .paragraph--type--contact-us .call-center .smartphone .bulle {
        top: 20px
    }
}

@media screen and (max-width:767.98px) {
    .paragraph--type--contact-us .call-center {
        padding: 20px 16px
    }

    .paragraph--type--contact-us.reverse .row-reverse-mobile {
        flex-direction: column-reverse
    }

    .paragraph--type--contact-us.reverse .call-center {
        padding: 20px 16px
    }
}

.paragraph--type--two-columns h3 {
    margin: 0
}

    .paragraph--type--two-columns h1.h2-3, .paragraph--type--two-columns h2.h2-3, .paragraph--type--two-columns h3.h2-3, .paragraph--type--two-columns h4.h2-3, .paragraph--type--two-columns h5.h2-3, .paragraph--type--two-columns h6.h2-3 {
        font-family: Muller,Arial,sans-serif;
        font-weight: 800;
        font-size: 1.75em
    }

@media screen and (max-width:767.98px) {
    .paragraph--type--two-columns h1.h2-3, .paragraph--type--two-columns h2.h2-3, .paragraph--type--two-columns h3.h2-3, .paragraph--type--two-columns h4.h2-3, .paragraph--type--two-columns h5.h2-3, .paragraph--type--two-columns h6.h2-3 {
        font-size: 1.375em
    }
}

@media screen and (min-width:1200px) {
    .paragraph--type--two-columns .paragraph--type--customers-reviews .ratings {
        display: block
    }

    .paragraph--type--customers-reviews .ratings {
        display: flex
    }

        .paragraph--type--customers-reviews .ratings .ratings-item {
            flex: 0 0 33.33%;
            padding: 0 20px
        }

    .paragraph--type--two-columns .paragraph--type--customers-reviews.ratings {
        display: block
    }
}

@media screen and (max-width:991.98px) {
    .paragraph--type--two-columns .paragraph--type--customers-reviews.container {
        padding: 0
    }

    .paragraph--type--customers-reviews .tns-outer {
        margin-left: -50px
    }
}

.paragraph--type--block-paragraph, .paragraph--type--offre-complete {
    max-width: 1200px;
    margin: auto;
    padding-right: var(--bs-gutter-x,.75rem);
    padding-left: var(--bs-gutter-x,.75rem)
}

.paragraph h2.paragraph-block-title, .paragraph--type--press-release-history.paragraph--view-mode--default h2.paragraph-block-title {
    font-family: Muller,Arial,sans-serif;
    font-weight: 800;
    font-size: 1.75em
}

@media screen and (max-width:767.98px) {
    .paragraph h2.paragraph-block-title {
        font-size: 1.375em
    }
}

@media only screen and (max-width:992px) and (min-width:768px) {
    .row-stats-home-item:not(:last-child)::before {
        width: 30px !important
    }
}

.paragraph--type--divider {
    border-color: #ccc;
    margin: 50px 0
}

.paragraph--type--download-paragraph {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 10px;
    background-color: #fff;
    border: solid 1px #ccc;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    padding: 25px 20px 25px 44px
}

    .paragraph--type--download-paragraph > div {
        display: flex;
        max-width: calc(100% - 280px);
        align-items: center
    }

    .paragraph--type--download-paragraph i {
        color: black;
        float: left;
        height: 30px
    }

        .paragraph--type--download-paragraph i:before {
            font-size: 30px
        }

    .paragraph--type--download-paragraph .field--name-field-paragraph-body {
        font-size: 16px;
        padding: 0 20px;
        width: 100%;
        align-items: center
    }

        .paragraph--type--download-paragraph .field--name-field-paragraph-body h3 {
            font-size: 18px;
            margin-top: 0;
            font-family: Muller,Arial,sans-serif;
            font-weight: 800
        }

        .paragraph--type--download-paragraph .field--name-field-paragraph-body p {
            overflow-wrap: break-word
        }

    .paragraph--type--download-paragraph .custom-download-button {
        min-width: 240px
    }

        .paragraph--type--download-paragraph .custom-download-button a {
            font-size: 16px;
            font-weight: 500;
            color: #fff;
            border-radius: 100px;
            background-color: black;
            box-shadow: 2px 2px 4px 0 rgba(0,0,0,.1);
            padding: 15px 32px;
            text-decoration: none;
            width: 100%;
            float: right;
            text-align: center
        }

            .paragraph--type--download-paragraph .custom-download-button a:hover {
                background-image: none;
                background-color: #e35300;
                text-decoration: none;
                box-shadow: none
            }

@media only screen and (max-width:767.98px) {
    .paragraph--type--download-paragraph {
        flex-wrap: wrap;
        margin-top: 20px;
        padding: 25px 20px 25px 20px
    }

        .paragraph--type--download-paragraph > div {
            flex-direction: column;
            max-width: 100%;
            width: 100%;
            align-items: center;
            justify-content: center
        }

        .paragraph--type--download-paragraph .field--name-field-paragraph-body {
            padding: 20px;
            margin-left: 0;
            flex: 0 1 85%
        }

        .paragraph--type--download-paragraph .custom-download-button {
            padding: 0;
            flex: 0 1 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            min-width: unset
        }

            .paragraph--type--download-paragraph .custom-download-button a {
                max-width: 240px;
                float: unset
            }
}

.paragraph--type--encadre-avec-fond-colore.frame.green .cn-text-default, .paragraph--type--encadre-avec-fond-colore.frame.green .icon, .paragraph--type--encadre-avec-fond-colore.frame.orange .cn-text-default, .paragraph--type--encadre-avec-fond-colore.frame.orange .icon {
    color: #000
}

@media only screen and (max-width:991.98px) {
    .paragraph.paragraph--type--encadre-avec-fond-colore {
        margin-left: 15px;
        margin-right: 15px
    }
}

.paragraph.paragraph--type--encadre-avec-fond-colore {
    margin-top: 20px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    padding: 10px
}

    .paragraph.paragraph--type--encadre-avec-fond-colore p {
        line-height: 24px
    }

    .paragraph.paragraph--type--encadre-avec-fond-colore.grey {
        background-color: #f2f2f2
    }

    .paragraph.paragraph--type--encadre-avec-fond-colore.blue {
        background-color: #e6f7ff
    }

.paragraph--type--etat-des-services .paragraph-block-title {
    font-size: 1.5rem;
    padding: 30px 0;
    font-family: Muller,Arial,sans-serif;
    font-weight: 500;
    color: black
}

#etat-services .bloc-states {
    padding: 15px
}

#etat-services .wrapper-states {
    position: relative;
    border: 1px solid #ccc;
    padding: 18px;
    border-radius: 10px;
    min-height: 200px
}

    #etat-services .wrapper-states button {
        position: absolute;
        right: 10px;
        top: 20px;
        background: 0 0;
        border: 0;
        font-size: 20px;
        outline: 0
    }

        #etat-services .wrapper-states button.btn-show-description {
            color: black
        }

        #etat-services .wrapper-states button.btn-hide-description {
            color: #888;
            display: none
        }

    #etat-services .wrapper-states.show-description {
        background-color: #e5e5e5
    }

        #etat-services .wrapper-states.show-description .btn-show-description {
            display: none
        }

        #etat-services .wrapper-states.show-description .btn-hide-description {
            display: inline-block
        }

        #etat-services .wrapper-states.show-description .state-description {
            display: block;
            text-align: center
        }

        #etat-services .wrapper-states.show-description .elements-state {
            display: none
        }

    #etat-services .wrapper-states .state-description {
        display: none
    }

    #etat-services .wrapper-states .elements-state {
        list-style-type: none
    }

        #etat-services .wrapper-states .elements-state li {
            margin-bottom: 10px;
            position: relative
        }

            #etat-services .wrapper-states .elements-state li .icon {
                position: absolute;
                right: 0;
                top: 0;
                font-size: 15px
            }

    #etat-services .wrapper-states .title-states {
        color: #000;
        font-size: 20px;
        padding-left: 10px;
        display: flex
    }

        #etat-services .wrapper-states .title-states .wrapper-color {
            width: 18px;
            height: 18px;
            border-radius: 100px;
            border: solid 1px #ccc;
            position: relative;
            margin-right: 10px;
            margin-top: 3px;
            flex: initial
        }

        #etat-services .wrapper-states .title-states .title-state {
            flex: auto;
            margin-bottom: 25px;
            font-weight: 500
        }

        #etat-services .wrapper-states .title-states .puce-color {
            width: 10px;
            height: 10px;
            border-radius: 100px;
            position: absolute;
            left: 3px;
            top: 3px
        }

        #etat-services .wrapper-states .title-states .global-state-RED {
            background-color: #c04
        }

        #etat-services .wrapper-states .title-states .global-state-GREEN {
            background-color: #00cc38
        }

        #etat-services .wrapper-states .title-states .global-state-YELLOW {
            background-color: #ffd000
        }

@media only screen and (max-width:767.98px) {
    .paragraph--type--encadre-avec-fond-colore {
        margin-top: 20px
    }
}

.paragraph--type--galerie-d-images .field--name-field-galerie-para-images {
    display: flex;
    flex-wrap: wrap
}

    .paragraph--type--galerie-d-images .field--name-field-galerie-para-images img {
        height: auto;
        width: auto;
        max-width: unset;
        min-width: 100%;
        transform: translateX(-50%);
        border-radius: 5px
    }

    .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .field-item {
        margin: 10px 0
    }

        .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .field-item .item-wrapper {
            overflow: hidden;
            margin-left: 10px;
            margin-right: 10px;
            border-radius: 5px;
            position: relative;
            padding-left: 50%
        }

    .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-6 {
        width: 16.66%
    }

        .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-6 .item-wrapper {
            max-height: 124px
        }

            .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-6 .item-wrapper:nth-child(6n) {
                margin-right: 0
            }

            .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-6 .item-wrapper:first-child, .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-6 .item-wrapper:nth-child(7n) {
                margin-left: 0
            }

        .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-6 img {
            max-height: 124px
        }

    .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-5 {
        width: 20%
    }

        .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-5 .item-wrapper {
            max-height: 150px
        }

            .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-5 .item-wrapper:nth-child(5n) {
                margin-right: 0
            }

            .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-5 .item-wrapper:first-child, .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-5 .item-wrapper:nth-child(6n) {
                margin-left: 0
            }

        .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-5 img {
            max-height: 150px
        }

    .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-4 {
        width: 25%
    }

        .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-4 .item-wrapper {
            max-height: 185px
        }

            .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-4 .item-wrapper:nth-child(4n) {
                margin-right: 0
            }

            .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-4 .item-wrapper:first-child, .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-4 .item-wrapper:nth-child(5n) {
                margin-left: 0
            }

        .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-4 img {
            max-height: 185px
        }

    .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-3 {
        width: 33.33%
    }

        .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-3 .item-wrapper {
            max-height: 248px
        }

            .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-3 .item-wrapper:nth-child(3n) {
                margin-right: 0
            }

            .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-3 .item-wrapper:first-child, .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-3 .item-wrapper:nth-child(4n) {
                margin-left: 0
            }

        .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-3 img {
            max-height: 248px
        }

    .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-2 {
        width: 50%
    }

        .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-2 .item-wrapper {
            max-height: 370px
        }

            .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-2 .item-wrapper:nth-child(2n) {
                margin-right: 0
            }

            .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-2 .item-wrapper:first-child, .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-2 .item-wrapper:nth-child(3n) {
                margin-left: 0
            }

        .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-2 img {
            max-height: 370px
        }

    .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-1 {
        width: 100%
    }

        .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-1 .item-wrapper {
            margin-right: 0;
            margin-left: 0
        }

@media screen and (max-width:767.98px) {
    .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-1, .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-2, .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-3, .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-4, .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-5, .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-6 {
        width: 50%
    }

        .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-1 .item-wrapper, .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-2 .item-wrapper, .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-3 .item-wrapper, .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-4 .item-wrapper, .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-5 .item-wrapper, .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-6 .item-wrapper {
            max-height: 370px
        }

        .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-1 img, .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-2 img, .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-3 img, .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-4 img, .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-5 img, .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-6 img {
            max-height: 370px
        }
}

@media only screen and (max-width:767.98px) {
    .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-1, .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-2, .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-3, .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-4, .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-5, .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-6 {
        width: 100%
    }

        .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-1 .item-wrapper, .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-2 .item-wrapper, .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-3 .item-wrapper, .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-4 .item-wrapper, .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-5 .item-wrapper, .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-6 .item-wrapper {
            padding-left: unset;
            max-height: unset;
            margin-right: 0
        }

        .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-1 img, .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-2 img, .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-3 img, .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-4 img, .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-5 img, .paragraph--type--galerie-d-images .field--name-field-galerie-para-images .image-size-6 img {
            max-height: unset;
            transform: unset;
            max-width: 100%
        }
}

body #colorbox #cboxContent #cboxPrevious {
    top: 50%;
    left: 20px;
    bottom: unset;
    background: url(../../../../themes/custom/home_theme/dist/images/previous.html);
    background-size: cover;
    width: 50px;
    height: 50px;
    border-radius: 10px
}

body #colorbox #cboxContent #cboxNext {
    top: 50%;
    right: 20px;
    left: unset;
    bottom: unset;
    background: url(../../../../themes/custom/home_theme/dist/images/next.html);
    background-size: cover;
    width: 50px;
    height: 50px;
    border-radius: 10px
}

body #colorbox #cboxContent #cboxClose {
    top: 20px;
    right: 20px;
    bottom: unset;
    background: url(../../../../themes/custom/home_theme/dist/images/minimize.html);
    background-size: cover;
    width: 50px;
    height: 50px;
    border-radius: 10px
}

body #colorbox #cboxContent #cboxCurrent {
    left: 0
}

.frame {
    padding: 10px 10px 14px
}

    .frame.with-icon {
        padding-left: 38px;
        position: relative
    }

.block-block-content.orange, .wrapper-region-header-top.orange {
    background-color: black
}

.block-block-content.green, .wrapper-region-header-top.green {
    background-color: #2daeb2
}

.block-block-content.blue, .wrapper-region-header-top.blue {
    background-color: #5773a4
}

.block-block-content.red, .wrapper-region-header-top.red {
    background-color: #dc3545
}

.block-block-content.grey, .wrapper-region-header-top.grey {
    background-color: #666
}

article .paragraph.frame.orange {
    background-color: rgba(255,95,0,.3)
}

article .paragraph.frame.green {
    background-color: rgba(8,178,48,.3)
}

article .paragraph.frame.blue {
    background-color: #e6f7ff
}

article .paragraph h1.orange, article .paragraph h2.orange, article .paragraph h3.orange, article .paragraph h4.orange {
    color: black !important
}

article .paragraph h1.black, article .paragraph h2.black, article .paragraph h3.black, article .paragraph h4.black {
    color: #000 !important
}

article .paragraph h1.white, article .paragraph h2.white, article .paragraph h3.white, article .paragraph h4.white {
    color: #fff !important
}

article .paragraph .cn-button a {
    color: #fff
}

article .paragraph a {
    color: black
}

    article .paragraph a.orange {
        color: black
    }

    article .paragraph a.black {
        color: #000
    }

    article .paragraph a.white {
        color: #fff
    }

article .paragraph p {
    color: #191f29
}

    article .paragraph p.orange {
        color: black
    }

    article .paragraph p.white {
        color: #fff
    }

        article .paragraph p.white a {
            color: #fff
        }

    article .paragraph p.black {
        color: #000
    }

        article .paragraph p.black a {
            color: #000
        }

.paragraph.frame.orange {
    background-color: rgba(255,95,0,.3)
}

.paragraph.frame.green {
    background-color: rgba(8,178,48,.3)
}

.paragraph.frame.blue {
    background-color: #e6f7ff
}

.paragraph h1.orange, .paragraph h2.orange, .paragraph h3.orange, .paragraph h4.orange {
    color: black !important
}

.paragraph h1.black, .paragraph h2.black, .paragraph h3.black, .paragraph h4.black {
    color: #000 !important
}

.paragraph h1.white, .paragraph h2.white, .paragraph h3.white, .paragraph h4.white {
    color: #fff !important
}

.paragraph a {
    color: black
}

    .paragraph a.orange {
        color: black
    }

    .paragraph a.black {
        color: #000
    }

    .paragraph a.white {
        color: #fff
    }

.paragraph p {
    color: #191f29
}

    .paragraph p.orange {
        color: black
    }

    .paragraph p.white {
        color: #fff
    }

        .paragraph p.white a {
            color: #fff
        }

    .paragraph p.black {
        color: #000
    }

        .paragraph p.black a {
            color: #000
        }

.d-flex .cercle-icon {
    min-width: 40px
}

.key-figures-center {
    justify-content: center
}

.paragraph--type--header .half-round-bottom-2 {
    background-color: #373f51;
    position: absolute;
    width: 100%;
    height: 40px;
    border-bottom-left-radius: 100%;
    border-bottom-right-radius: 100%
}

.paragraph--type--header .wrapper-toogle-option-1 {
    display: none
}

@media screen and (max-width:767.98px) {
    .paragraph--type--header .wrapper-toogle-option-1 {
        display: block
    }

    .tarif-option-1 .paragraph--type--header .half-round-bottom-2 {
        height: 100px
    }

    .tarif-option-1 .paragraph--type--4-columns {
        padding-top: 0;
        margin-top: -20px
    }
}

.homepageTopTitle {
    font-size: 2.5em;
    font-family: Muller,Arial,sans-serif;
    font-weight: 700;
    color: #000
}

    .homepageTopTitle h1 {
        font-family: Muller,Arial,sans-serif;
        font-weight: 800;
        font-size: inherit;
        color: inherit
    }

@media screen and (max-width:767.98px) {
    .container {
        padding-right: var(--bs-gutter-x,.75rem);
        padding-left: var(--bs-gutter-x,.75rem)
    }
}

.boxed {
    max-width: 100%;
    margin: auto
}

.homepageTopAccroche {
    font-size: 2em;
    font-family: Muller,Arial,sans-serif;
    color: black
}

    .homepageTopAccroche h2 {
        font-size: 1em;
        margin-top: 20px;
        margin-bottom: 60px;
        color: inherit;
        font-family: Muller,Arial,sans-serif;
        font-weight: 800
    }

.homepageTopbtnLink.cn-button {
    padding: 0 30px
}

.homepageTopbtnLink > div > a {
    color: #fff;
    font-family: Muller,Arial,sans-serif;
    font-size: 18px;
    text-decoration: none;
    white-space: nowrap;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: center
}

.homepagePortrait {
    height: 100%
}

    .homepagePortrait .field--name-field-portrait {
        height: 100%
    }

        .homepagePortrait .field--name-field-portrait .media-image {
            height: 100%
        }

            .homepagePortrait .field--name-field-portrait .media-image .field--name-field-media-image {
                height: 100%
            }

    .homepagePortrait .img-responsive {
        max-height: 460px;
        width: auto;
        margin: auto
    }

.imgcontainer {
    position: relative;
    height: 100%;
    width: 50%;
    margin-top: 50px
}

.homepageOpenAccounts {
    font-size: 2em;
    font-family: Muller,Arial,sans-serif;
    color: #000;
    width: 304px;
    text-align: center
}

.homepageTopTitle > div {
    margin-bottom: 30px
}

.paragraph--type--homepage-top {
    background: #f2f2f2;
    width: 100%;
    margin-right: 0;
    margin-left: 0
}

.homepageTopContainer {
    max-width: 1200px;
    display: flex;
    height: 460px;
    margin-right: auto;
    margin-left: auto;
    flex-direction: row;
    overflow-y: visible
}

.homepagetop-text {
    align-self: center;
    padding-left: 100px;
    font-size: 13px;
    flex: 1
}

.paragraph--type--mea-homepage .field--name-field-mises {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    padding: 10px 30px;
    text-align: center;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto
}

.paragraph--type--mea-homepage .field--name-field-button-link > a {
    color: black;
    text-decoration: underline
}

.paragraph--type--mea-homepage .field--name-field-portrait {
    justify-content: center;
    display: flex;
    padding-bottom: 10px
}

.paragraph--type--mea-homepage .field--name-field-mises .field--item {
    flex: 1
}

.paragraph--type--mea-homepage .field--name-field-paragraph-title {
    font-size: 20px;
    color: #000;
    font-family: Muller,Arial,sans-serif;
    font-weight: 500;
    padding-bottom: 20px
}

.paragraph--type--mea-homepage .field--name-field-home-top-accroche {
    font-family: Muller,Arial,sans-serif;
    color: #666;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
    max-width: 300px;
    margin: 0 auto;
    padding-bottom: 20px
}

.paragraph--type--liste-vignette-presse {
    display: flex;
    flex-flow: row wrap;
    padding: 30px 20px 60px
}

    .paragraph--type--liste-vignette-presse .presse-wrapper a {
        text-decoration: none
    }

    .paragraph--type--liste-vignette-presse .paragraph-block-title {
        flex: 0 0 100%;
        font-size: 1.5rem;
        text-align: center;
        padding: 30px 0;
        font-family: Muller,Arial,sans-serif;
        font-weight: 500;
        color: black
    }

    .paragraph--type--liste-vignette-presse .field--name-field-item-link {
        flex: 0 0 100%;
        text-align: center;
        margin-top: 30px
    }

        .paragraph--type--liste-vignette-presse .field--name-field-item-link a {
            color: black;
            text-decoration: underline
        }

    .paragraph--type--liste-vignette-presse .presse-wrapper {
        margin: 14px 0
    }

        .paragraph--type--liste-vignette-presse .presse-wrapper .presse {
            height: 100%;
            overflow: visible
        }

            .paragraph--type--liste-vignette-presse .presse-wrapper .presse .content {
                display: flex;
                flex-direction: column
            }

                .paragraph--type--liste-vignette-presse .presse-wrapper .presse .content .field--name-field-ima .media-image {
                    overflow: visible;
                    display: table;
                    vertical-align: middle;
                    height: 100%
                }

                    .paragraph--type--liste-vignette-presse .presse-wrapper .presse .content .field--name-field-ima .media-image .field--name-thumbnail {
                        vertical-align: middle;
                        display: table-cell
                    }

                .paragraph--type--liste-vignette-presse .presse-wrapper .presse .content .field--name-field-ima img {
                    max-height: 50px;
                    width: auto
                }

                .paragraph--type--liste-vignette-presse .presse-wrapper .presse .content .field--name-field-accroche {
                    text-align: center;
                    padding: 10px 20px
                }

.footerRow .region-footer {
    display: flex
}

.footerRow #block-compte-nickel-footer, .footerRow #block-piedepagina-2 {
    flex: 1
}

.footerRow .block-store-reseau-block {
    flex: 1;
    display: flex
}

.footerRow .list-reseau {
    flex: 1
}

    .footerRow .list-reseau li {
        padding-bottom: 15px
    }

        .footerRow .list-reseau li a:hover {
            color: black
        }

            .footerRow .list-reseau li a:hover span {
                color: black !important
            }

.footerRow .list-store {
    flex: 1
}

@media screen and (max-width:1100px) {
    .homepagetop-text {
        font-size: 10px;
        padding-left: 80px
    }
}

@media screen and (max-width:870px) {
    .homepagetop-text {
        font-size: 9px;
        padding-left: 30px
    }
}

@media screen and (max-width:767.98px) {
    .presse-wrapper .presse .content .field--name-field-accroche {
        text-align: center;
        padding: 10px 20px;
        font-size: 16px;
        line-height: 22px
    }

    .homepageOpenAccounts {
        width: 100%
    }

    .homepageTopContainer {
        flex-direction: column;
        height: 600px;
        overflow-y: hidden
    }

    .homepagetop-text {
        text-align: center;
        font-size: 10px;
        padding: 30px 10px 0;
        width: 100%
    }

    .imgcontainer {
        position: relative;
        width: 100%;
        overflow: hidden;
        margin-top: 0;
        padding: 30px
    }

    .homepagePortrait {
        position: relative
    }

        .homepagePortrait .img-responsive {
            width: auto;
            margin: auto;
            max-height: 460px
        }

    .paragraph--type--mea-homepage .field--name-field-mises {
        display: inline
    }

    .paragraph--type--mea-homepage .field--name-field-portrait {
        padding-bottom: 18px
    }

    .paragraph--type--mea-homepage .paragraph--type--call-to-action {
        padding-bottom: 50px
    }

    .paragraph--type--liste-vignette-presse {
        padding: 10px 0 40px
    }

        .paragraph--type--liste-vignette-presse .paragraph-block-title {
            font-size: 1.6rem;
            padding: 30px 0 10px
        }
}

@media screen and (min-width:992px) {
    .paragraph--type--liste-vignette-presse .presse-wrapper {
        padding: 0;
        width: 50%
    }

        .paragraph--type--liste-vignette-presse .presse-wrapper:nth-child(even) {
            padding-right: 14px
        }

        .paragraph--type--liste-vignette-presse .presse-wrapper:nth-child(odd) {
            padding-left: 14px
        }

    .page-node-type-homepage .truspilot-avis {
        margin-right: 24px;
        margin-left: 0
    }

        .page-node-type-homepage .truspilot-avis:last-child {
            margin-right: 0
        }
}

.paragraph--type--image-accordion .accordion-button::after {
    background-image: url(../../../../themes/custom/home_theme/dist/assets/icons/accordion-close.svg)
}

.paragraph--type--image-accordion .accordion-button:not(.collapsed)::after {
    background-image: url(../../../../themes/custom/home_theme/dist/assets/icons/accordion-open.svg)
}

@media screen and (max-width:767.98px) {
    .paragraph--type--image-accordion .field--name-field-para-image {
        margin: 0 0 50px 0
    }

    .paragraph--type--image-accordion .list-icon-plus li {
        flex: 0 1 auto
    }
}

@media only screen and (max-width:992px) and (min-width:768px) {
    .paragraph--type--image-accordion h2 {
        margin-top: 40px
    }

        .paragraph--type--image-accordion h2.accordion-header {
            margin: 0
        }
}

.paragraph--type--link-list-paragraph {
    border-radius: 10px;
    border: solid 1px #ccc;
    margin-right: auto;
    margin-left: auto;
    margin-top: 40px;
    display: flex;
    flex-direction: column
}

    .paragraph--type--link-list-paragraph.paragraph {
        max-width: 520px
    }

    .paragraph--type--link-list-paragraph .field--name-field-paragraph-title {
        border-radius: 85px;
        border: solid 1px #ccc;
        background-color: #fff;
        font-size: 20px;
        color: black;
        text-align: center;
        padding: 5px 80px 7px 80px;
        margin-top: -22px;
        margin-left: auto;
        margin-right: auto;
        display: inline-block
    }

    .paragraph--type--link-list-paragraph .field--name-field-item-link {
        padding: 20px 30px 20px 30px;
        line-height: 1.43
    }

        .paragraph--type--link-list-paragraph .field--name-field-item-link .field--item {
            display: flex;
            margin-bottom: 15px
        }

            .paragraph--type--link-list-paragraph .field--name-field-item-link .field--item a {
                color: #000;
                width: 100%;
                text-decoration: none
            }

            .paragraph--type--link-list-paragraph .field--name-field-item-link .field--item .icon {
                display: flex;
                align-items: center
            }

            .paragraph--type--link-list-paragraph .field--name-field-item-link .field--item:hover a {
                text-decoration: underline
            }

            .paragraph--type--link-list-paragraph .field--name-field-item-link .field--item:hover .icon {
                color: black
            }

@media only screen and (max-width:767.98px) {
    .paragraph--type--link-list-paragraph {
        margin-top: 30px;
        max-width: 520px
    }

        .paragraph--type--link-list-paragraph .field--name-field-paragraph-title {
            font-size: 16px;
            padding: 5px 20px 7px 20px
        }

        .paragraph--type--link-list-paragraph .field--name-field-item-link {
            padding: 15px 20px 15px 20px
        }
}

.list-check > li i {
    margin-right: 10px
}

    .list-check > li i::before {
        font-size: 15px
    }

.list-check.check-orange > li:before {
    background-size: contain
}

.paragraph--type--magazines-paragraph .news .tns-outer {
    margin-left: -50px
}

@media screen and (max-width:991.98px) {
    .paragraph--type--magazines-paragraph .news-footer .list-cta {
        justify-content: center
    }
}

.paragraph--type--my-nickel-card .wrapper-card {
    display: none
}

    .paragraph--type--my-nickel-card .wrapper-card.active {
        display: block;
        background: inherit
    }

    .paragraph--type--my-nickel-card .wrapper-card .field--name-name {
        display: none
    }

    .paragraph--type--my-nickel-card .wrapper-card .field--name-field-media-image {
        display: flex;
        align-items: center;
        justify-content: center
    }

        .paragraph--type--my-nickel-card .wrapper-card .field--name-field-media-image img {
            width: 100%;
            max-width: 345px
        }

@media only screen and (max-width:767.98px) {
    .paragraph--type--my-nickel-card .wrapper-card p.subtitle {
        display: none
    }
}

@media only screen and (max-width:767.98px) {
    .paragraph--type--my-nickel-card .list-pick-color li {
        margin: 0
    }
}

.paragraph--type--my-nickel-card .list-pick-color.region {
    margin-top: 10px
}

.paragraph--type--my-nickel-card ul li a .field--type-image {
    padding: 4px;
    border: 1px solid #f3f5f9
}

    .paragraph--type--my-nickel-card ul li a .field--type-image img {
        max-width: 45px
    }

.paragraph--type--my-nickel-card ul li a.active .field--type-image {
    border: 1px solid black;
    border-radius: 50%
}

@media only screen and (max-width:991.98px) {
    .paragraph--type--my-nickel-card .pick-card-media {
        display: flex;
        align-items: center
    }

    .paragraph--type--my-nickel-card .list-pick-color li {
        margin-right: 10px
    }
}

.paragraph--type--newsletter-subscription-form {
    padding: 15px !important
}

    .paragraph--type--newsletter-subscription-form h2.black {
        margin-bottom: 25px
    }

    .paragraph--type--newsletter-subscription-form .form-actions, .paragraph--type--newsletter-subscription-form .form-item {
        float: left;
        position: relative;
        max-width: 50%;
        margin: 0 20px 25px 0;
        height: 54px
    }

        .paragraph--type--newsletter-subscription-form .form-actions input, .paragraph--type--newsletter-subscription-form .form-item input {
            font-size: 18px;
            line-height: 26px;
            font-weight: 300;
            height: 44px;
            padding: 10px;
            border-radius: 10px;
            width: 100%;
            max-width: 400px;
            margin-top: 5px
        }

        .paragraph--type--newsletter-subscription-form .form-actions .cn-button, .paragraph--type--newsletter-subscription-form .form-item .cn-button {
            font-size: 18px;
            line-height: 26px;
            font-weight: 500;
            width: 180px;
            margin: 0
        }

@media only screen and (max-width:767.98px) {
    .paragraph--type--newsletter-subscription-form {
        padding: 15px
    }

        .paragraph--type--newsletter-subscription-form .form-actions, .paragraph--type--newsletter-subscription-form .form-item {
            float: none;
            max-width: 100%;
            margin: 0 0 25px
        }

            .paragraph--type--newsletter-subscription-form .form-actions:last-child, .paragraph--type--newsletter-subscription-form .form-item:last-child {
                margin-bottom: 15px
            }
}

.paragraph--type--offers-services .list-box-card {
    max-width: 100%;
    justify-content: space-between
}

    .paragraph--type--offers-services .list-box-card .paragraph--type--card-offer:first-child {
        margin-left: 0
    }

    .paragraph--type--offers-services .list-box-card .paragraph--type--card-offer:last-child {
        margin-right: 0
    }

.paragraph--type--offers-services .box-goto-card {
    position: relative;
    height: 265px
}

    .paragraph--type--offers-services .box-goto-card img {
        position: absolute;
        bottom: 0;
        left: 0
    }

@media screen and (max-width:767.98px) {
    .paragraph--type--offers-services .intro-round .intro-round-head {
        margin-bottom: 60px;
        padding: 55px 0
    }

    .paragraph--type--offers-services .intro-round .text-formatted {
        text-align: center
    }

    .paragraph--type--offers-services .list-box-card {
        justify-content: center
    }

        .paragraph--type--offers-services .list-box-card .paragraph--type--card-offer {
            margin: 20px
        }

            .paragraph--type--offers-services .list-box-card .paragraph--type--card-offer:first-child {
                margin-left: 20px
            }

            .paragraph--type--offers-services .list-box-card .paragraph--type--card-offer:last-child {
                margin-right: 20px
            }
}

@media only screen and (max-width:992px) and (min-width:768px) {
    .paragraph--type--offers-services .list-box-card {
        justify-content: center
    }

        .paragraph--type--offers-services .list-box-card .paragraph--type--card-offer {
            margin: 20px
        }

            .paragraph--type--offers-services .list-box-card .paragraph--type--card-offer:first-child {
                margin-left: 20px
            }

            .paragraph--type--offers-services .list-box-card .paragraph--type--card-offer:last-child {
                margin-right: 20px
            }
}

.recruitment-offer {
    padding: 0
}

    .recruitment-offer:nth-child(odd) {
        padding-right: 15px
    }

    .recruitment-offer:nth-child(even) {
        padding-left: 15px
    }

.paragraph--type--offre-complete {
    margin-top: 30px
}

    .paragraph--type--offre-complete .offre-elements-list .field--label {
        display: none
    }

    .paragraph--type--offre-complete .offre-elements-list .field--items {
        display: flex;
        flex-flow: row wrap
    }

    .paragraph--type--offre-complete .offre-elements-list .offre-element {
        margin-top: 20px;
        padding: 0
    }

        .paragraph--type--offre-complete .offre-elements-list .offre-element:nth-child(odd) {
            padding-right: 15px
        }

        .paragraph--type--offre-complete .offre-elements-list .offre-element:nth-child(even) {
            padding-left: 15px
        }

        .paragraph--type--offre-complete .offre-elements-list .offre-element:nth-child(3n+1) {
            clear: left
        }

        .paragraph--type--offre-complete .offre-elements-list .offre-element .offer-link {
            border: 1px solid #ccc;
            border-radius: 10px;
            padding: 15px;
            text-decoration: none;
            display: flex;
            color: #000;
            height: 100%
        }

            .paragraph--type--offre-complete .offre-elements-list .offre-element .offer-link:hover {
                text-decoration: none;
                border-color: black;
                box-shadow: 0 0 20px 0 rgba(0,0,0,.2)
            }

                .paragraph--type--offre-complete .offre-elements-list .offre-element .offer-link:hover .picto img {
                    border: 1px solid black;
                    border-radius: 50%
                }

            .paragraph--type--offre-complete .offre-elements-list .offre-element .offer-link .titre-accroche {
                flex: 8
            }

                .paragraph--type--offre-complete .offre-elements-list .offre-element .offer-link .titre-accroche .field--name-field-paragraph-title {
                    text-align: left;
                    margin-bottom: 5px;
                    color: black
                }

            .paragraph--type--offre-complete .offre-elements-list .offre-element .offer-link .picto {
                flex: initial
            }

            .paragraph--type--offre-complete .offre-elements-list .offre-element .offer-link .field--name-field-paragraph-title {
                font-size: 20px;
                color: black;
                font-family: Muller,Arial,sans-serif
            }

@media screen and (max-width:991.98px) {
    .paragraph--type--offre-complete {
        margin-top: 20px
    }

    .offre-elements-list .offre-element {
        padding: 0 !important;
        margin-left: 8px;
        margin-right: 8px
    }
}

.paragraph--type--onglets-paragraph {
    margin: 20px 0
}

article.node--type-communique-presse.node--view-mode-teaser {
    border-left: dotted 1px #ccc;
    padding-left: 20px;
    padding-bottom: 2rem;
    margin-left: 8.5px;
    position: relative
}

    article.node--type-communique-presse.node--view-mode-teaser a {
        text-decoration: none;
        color: #000
    }

    article.node--type-communique-presse.node--view-mode-teaser .press-release-history-label {
        display: flex
    }

        article.node--type-communique-presse.node--view-mode-teaser .press-release-history-label span {
            line-height: 2rem;
            width: 95%;
            color: #666;
            text-decoration: none
        }

        article.node--type-communique-presse.node--view-mode-teaser .press-release-history-label i {
            font-size: 1rem
        }

    article.node--type-communique-presse.node--view-mode-teaser:last-child {
        border-left: none
    }

    article.node--type-communique-presse.node--view-mode-teaser:before {
        content: "";
        width: 18px;
        height: 18px;
        border-radius: 100px;
        background-color: #fff;
        border: solid 1px black;
        position: absolute;
        left: -9px
    }

    article.node--type-communique-presse.node--view-mode-teaser:hover .press-history-content:before {
        width: 12px;
        height: 12px;
        border-radius: 100px;
        background-color: black;
        position: absolute;
        content: "";
        color: black;
        left: -6px;
        margin-top: 3px
    }

    article.node--type-communique-presse.node--view-mode-teaser:hover .press-release-history-label span {
        text-decoration: underline
    }

    article.node--type-communique-presse.node--view-mode-teaser:hover .press-release-history-label i {
        color: black
    }

.paragraph--type--press-release-history.paragraph--view-mode--default {
    max-width: 790px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px
}

    .paragraph--type--press-release-history.paragraph--view-mode--default .paragraph-block-title {
        font-size: 1.5rem;
        padding-bottom: 20px;
        font-family: Muller,Arial,sans-serif;
        font-weight: 500;
        color: black
    }

@media only screen and (max-width:767.98px) {
    .paragraph--type--press-release-history.paragraph--view-mode--default {
        margin-top: 20px
    }
}

.paragraph--type--prices-table .h2-title-price {
    display: none
}

@media screen and (min-width:768px) {
    .paragraph--type--prices-table .one-item .h2-title-price {
        display: block;
        text-align: left;
        font-family: sarabun,Arial,sans-serif;
        font-weight: 800;
        font-size: 1.25em
    }

    .paragraph--type--prices-table .one-item .wrapper-price-col {
        display: flex;
        flex-wrap: wrap
    }

        .paragraph--type--prices-table .one-item .wrapper-price-col .tarifs-table-card-group h2.h2 {
            display: none
        }

        .paragraph--type--prices-table .one-item .wrapper-price-col .field--name-field-para-txt-content-left {
            margin: 0;
            flex: 0 0 50%;
            width: 50%;
            padding-right: 30px
        }

            .paragraph--type--prices-table .one-item .wrapper-price-col .field--name-field-para-txt-content-left .tarifs-card-bottom {
                justify-content: flex-start
            }

            .paragraph--type--prices-table .one-item .wrapper-price-col .field--name-field-para-txt-content-left .tarifs-table-card {
                justify-content: flex-start
            }

        .paragraph--type--prices-table .one-item .wrapper-price-col .field--name-field-para-txt-content-right {
            margin: 0;
            flex: 0 0 50%;
            width: 50%;
            padding-left: 30px;
            margin-top: -34px
        }

            .paragraph--type--prices-table .one-item .wrapper-price-col .field--name-field-para-txt-content-right .cercle-icon {
                display: none
            }

        .paragraph--type--prices-table .one-item .wrapper-price-col .field--name-field-button-link {
            margin: 0;
            flex: 0 0 100%
        }
}

@media screen and (max-width:991.98px) {
    .paragraph--type--prices-table .h2-title-price {
        display: block
    }
}

@media only screen and (max-width:992px) and (min-width:768px) {
    .paragraph--type--4-columns .tarifs-table-body .row .tarifs-table-item {
        display: flex
    }

    .paragraph--type--prices-table .wrapper-price-col {
        display: flex;
        flex-wrap: wrap
    }

        .paragraph--type--prices-table .wrapper-price-col .field--name-field-para-txt-content-left {
            margin: 0;
            flex: 0 0 50%;
            width: 50%;
            padding-right: 30px
        }

            .paragraph--type--prices-table .wrapper-price-col .field--name-field-para-txt-content-left .tarifs-card-bottom {
                justify-content: flex-start
            }

            .paragraph--type--prices-table .wrapper-price-col .field--name-field-para-txt-content-left .tarifs-table-card {
                justify-content: flex-start
            }

        .paragraph--type--prices-table .wrapper-price-col .field--name-field-para-txt-content-right {
            margin: 0;
            flex: 0 0 50%;
            width: 50%;
            padding-left: 30px;
            margin-top: -34px
        }

            .paragraph--type--prices-table .wrapper-price-col .field--name-field-para-txt-content-right .cercle-icon {
                display: none
            }

        .paragraph--type--prices-table .wrapper-price-col .field--name-field-button-link {
            margin: 0;
            flex: 0 0 100%
        }
}

.cards-container {
    background-color: #040932;
    padding: 37px 0 47px 0;
    overflow: hidden
}

@media screen and (min-width:1200px) {
    .cards-container {
        padding: 60px 31px 70px 31px
    }
}

.cards-container .field--name-field-title p {
    font-family: "Encode Sans Condensed",sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 28px;
    line-height: 35px;
    color: #fff;
    font-size: 26px;
    line-height: 32px;
    text-align: center
}

.cards-container .sub-title {
    font-family: Sarabun,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 21px;
    text-align: center;
    color: #fff;
    margin-bottom: 22px
}

@media screen and (min-width:768px) {
    .cards-container .sub-title {
        margin-bottom: 55px
    }
}

.cards-container .field--name-field-para-link {
    text-align: center;
    margin-top: 12px
}

@media screen and (max-width:767.98px) {
    .cards-container .field--name-field-para-link {
        display: none
    }
}

@media screen and (min-width:992px) {
    .cards-container .field--name-field-para-link {
        margin-top: 38px
    }
}

@media screen and (min-width:1200px) {
    .cards-container .field--name-field-para-link {
        margin-top: 32px
    }
}

.cards-container .field--name-field-para-link a {
    background: black;
    border-radius: 25px;
    padding: 10px 24px;
    box-sizing: border-box;
    font-family: Sarabun,sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 16px;
    line-height: 21px;
    color: #fff;
    display: inline-block
}

.cards-container .nav-text {
    display: none
}

.cards-container .swiper-cards {
    margin-top: 37px
}

@media screen and (min-width:1200px) {
    .cards-container .swiper-cards {
        margin-top: 48px
    }
}

.cards-container .swiper-cards .swiper-slide {
    height: auto;
    display: flex;
    flex-direction: column
}

@media screen and (max-width:767.98px) {
    .cards-container .swiper-cards .swiper-slide {
        overflow: visible
    }
}

@media screen and (min-width:768px) {
    .cards-container .swiper-cards .swiper-slide {
        transform: none !important;
        height: 100%
    }
}

.cards-container .swiper-cards .swiper-slide .field {
    margin: unset
}

@media screen and (max-width:767.98px) {
    .cards-container .swiper-cards .swiper-slide.anim img {
        transform: scale(1) !important
    }

    .cards-container .swiper-cards .swiper-slide.anim .slide-content {
        opacity: 1;
        height: 100%
    }
}

.cards-container .swiper-cards .card-name {
    font-family: "Encode Sans Condensed",sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 18px;
    line-height: 22px;
    color: #fff;
    text-align: center;
    display: block
}

.cards-container .swiper-cards .description {
    margin-top: 48px;
    margin-bottom: 20px
}

@media screen and (min-width:1200px) {
    .cards-container .swiper-cards .description {
        margin-top: 24px
    }
}

.cards-container .swiper-cards .description p {
    font-family: Sarabun,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    color: #fff
}

@media screen and (max-width:767.98px) {
    .cards-container .swiper-cards.anim .slide-content {
        opacity: 1
    }
}

.cards-container .swiper-cards img {
    margin: 0 auto;
    margin-top: 20px
}

@media screen and (max-width:767.98px) {
    .cards-container .swiper-cards img {
        transition: transform .5s;
        transform: scale(.8)
    }
}

@media screen and (min-width:1200px) {
    .cards-container .swiper-cards img {
        width: 200px;
        height: auto
    }
}

@media screen and (min-width:992px) {
    .cards-container .swiper-cards img {
        width: 200px
    }

        .cards-container .swiper-cards img:hover {
            transition: transform .3s;
            transform: scale(1.2)
        }
}

.cards-container .swiper-cards .slide-content {
    height: 100%;
    display: flex;
    flex-direction: column
}

@media screen and (max-width:767.98px) {
    .cards-container .swiper-cards .slide-content {
        transition: opacity .3s ease-in;
        opacity: 0;
        height: 0
    }
}

.cards-container .swiper-cards .slide-content .field--name-field-para-link {
    display: flex;
    justify-content: center;
    margin-top: auto
}

    .cards-container .swiper-cards .slide-content .field--name-field-para-link a {
        border-radius: 25px;
        background-color: transparent;
        padding: 10px 24px;
        border: 1px solid #fff;
        box-sizing: border-box;
        font-family: Sarabun,sans-serif;
        font-weight: 500;
        font-style: normal;
        font-size: 16px;
        line-height: 21px;
        color: #fff;
        display: inline-block
    }

@media screen and (min-width:768px) {
    .cards-container .swiper-cards .slide-content .cta-open-account-mobile {
        display: none
    }
}

.cards-container .swiper-cards .slide-content .cta-open-account-mobile .field--name-field-second-link {
    text-align: center;
    margin-top: 12px
}

@media screen and (min-width:992px) {
    .cards-container .swiper-cards .slide-content .cta-open-account-mobile .field--name-field-second-link {
        margin-top: 38px
    }
}

@media screen and (min-width:1200px) {
    .cards-container .swiper-cards .slide-content .cta-open-account-mobile .field--name-field-second-link {
        margin-top: 32px
    }
}

.cards-container .swiper-cards .slide-content .cta-open-account-mobile .field--name-field-second-link a {
    background: black;
    border-radius: 25px;
    padding: 10px 24px;
    box-sizing: border-box;
    font-family: Sarabun,sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 16px;
    line-height: 21px;
    color: #fff;
    display: inline-block;
    border: none
}

.cards-container .swiper-cards .slide-content ul.card-detail {
    margin: 62px auto 16px auto
}

    .cards-container .swiper-cards .slide-content ul.card-detail li {
        margin-bottom: 18px;
        position: relative;
        padding-left: 28px
    }

        .cards-container .swiper-cards .slide-content ul.card-detail li:before {
            content: url(../../../../themes/custom/home_theme/dist/images/icns/icn-check.svg);
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%)
        }

        .cards-container .swiper-cards .slide-content ul.card-detail li p {
            color: #fff;
            font-family: Sarabun,sans-serif;
            font-weight: 400;
            font-style: normal;
            font-size: 16px;
            line-height: 21px
        }

.cards-container .swiper-cards-pagination {
    position: absolute
}

.cards-container .swiper-cards-pagination-text {
    display: flex;
    background-color: #fff;
    border-radius: 360px;
    margin-bottom: 32px;
    height: 35px
}

@media screen and (min-width:768px) {
    .cards-container .swiper-cards-pagination-text {
        display: none
    }
}

.cards-container .swiper-cards-pagination-text .swiper-pagination-bullet {
    width: 100%;
    background-color: #fff !important;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #191f29;
    font-family: Sarabun,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    margin: 0 !important;
    transition: none;
    height: auto;
    padding-top: 5px;
    padding-bottom: 5px
}

    .cards-container .swiper-cards-pagination-text .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: black !important;
        color: #fff;
        border-radius: 100px;
        width: 100%
    }

.cards-container .link-title {
    font-family: "Encode Sans Condensed",sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 28px;
    line-height: 35px;
    text-align: center;
    color: #fff;
    margin-top: 52px;
    margin-bottom: 22px
}

.cards-container .field--name-field-second-link {
    margin-top: auto;
    display: flex;
    justify-content: center
}

@media screen and (min-width:1200px) {
    .cards-container .field--name-field-second-link {
        margin-top: auto
    }
}

.cards-container .field--name-field-second-link a {
    font-family: Sarabun,sans-serif;
    font-weight: 500;
    font-style: normal;
    border-radius: 25px;
    background-color: transparent;
    padding: 10px 24px;
    border: 1px solid #fff;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 21px;
    color: #fff;
    display: inline-block
}

.cards-container .cta-desktop {
    display: none
}

@media screen and (min-width:768px) {
    .cards-container .cta-desktop {
        display: block
    }
}

.page-node-type-page .cards-container {
    padding-top: 90px;
    padding-bottom: 26px
}

@media screen and (min-width:992px) {
    .page-node-type-page .cards-container {
        padding-top: 100px;
        padding-bottom: 62px
    }
}

.page-node-type-page .cards-container h2 {
    margin-bottom: 8px
}

@media screen and (max-width:767.98px) {
    .page-node-type-page .cards-container .cta-horizontal-line {
        display: none
    }
}

.page-node-type-page .cards-container .cta-horizontal-line .field--name-field-para-link {
    text-align: center;
    margin-top: 12px;
    display: flex;
    justify-content: center
}

@media screen and (min-width:768px) {
    .page-node-type-page .cards-container .cta-horizontal-line .field--name-field-para-link {
        margin-top: 48px
    }

        .page-node-type-page .cards-container .cta-horizontal-line .field--name-field-para-link:after, .page-node-type-page .cards-container .cta-horizontal-line .field--name-field-para-link:before {
            color: #fff;
            content: "";
            flex: 1;
            border: 1px solid rgba(255,255,255,.6);
            margin: auto 32px
        }
}

.page-node-type-page {
    overflow-x: hidden
}

.paragraph--type--card-comparator {
    position: relative
}

    .paragraph--type--card-comparator .hero {
        padding: 42px 16px 48px 16px;
        background: #040932;
        position: relative
    }

        .paragraph--type--card-comparator .hero:after {
            content: "";
            position: absolute;
            left: 0;
            bottom: -18px;
            width: 100%;
            height: 100px;
            background-position: bottom center;
            background-repeat: no-repeat;
            background-position: bottom center;
            background-size: 100%;
            z-index: -1
        }

@media screen and (min-width:768px) {
    .paragraph--type--card-comparator .hero {
        text-align: center
    }
}

.paragraph--type--card-comparator .hero .field--name-field-title p {
    font-family: "Encode Sans Condensed",sans-serif;
    font-weight: 800;
    font-style: normal;
    font-size: 28px;
    line-height: 35px;
    color: #fff
}

.paragraph--type--card-comparator .hero p {
    font-family: Sarabun,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    color: #fff
}

.paragraph--type--card-comparator .half-round-bottom-comparator {
    background: #040932;
    position: absolute;
    width: 100%;
    height: 40px;
    border-bottom-left-radius: 100%;
    border-bottom-right-radius: 100%
}

.paragraph--type--card-comparator .field--name-field-para-link {
    text-align: center;
    margin-top: 0
}

    .paragraph--type--card-comparator .field--name-field-para-link a {
        margin: 0 auto;
        padding: 10px 24px;
        display: inline-block;
        margin: 0 auto;
        border: 1px solid #fff;
        border-radius: 25px;
        text-align: center;
        background-color: black;
        color: #fff;
        border: 1px solid black;
        margin-left: 0
    }

.paragraph--type--card-comparator .spacer {
    padding-left: 23px;
    flex: 0 0 28% !important
}

.paragraph--type--card-comparator .comparator .field--name-field-price, .paragraph--type--card-comparator .comparator .field--name-field-title {
    font-family: "Encode Sans Condensed",sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 20px;
    line-height: 25px;
    text-align: center;
    color: #373f51
}

.paragraph--type--card-comparator .comparator .field--name-field-price {
    font-size: 18px
}

@media screen and (min-width:768px) {
    .paragraph--type--card-comparator .comparator .mobile-header {
        display: none
    }
}

.paragraph--type--card-comparator .comparator .mobile-header .comparator-row {
    display: flex;
    flex-direction: row
}

    .paragraph--type--card-comparator .comparator .mobile-header .comparator-row .item {
        flex: 0 0 50%;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 24px 15px 32px
    }

        .paragraph--type--card-comparator .comparator .mobile-header .comparator-row .item .price {
            font-family: "Encode Sans Condensed",sans-serif;
            font-weight: 700;
            font-style: normal;
            font-size: 22px;
            line-height: 27.5px;
            margin-bottom: 8px
        }

        .paragraph--type--card-comparator .comparator .mobile-header .comparator-row .item .content {
            font-size: 14px;
            font-weight: 400;
            line-height: 20px;
            text-align: center
        }

            .paragraph--type--card-comparator .comparator .mobile-header .comparator-row .item .content .mobile-item {
                font-size: 16px
            }

                .paragraph--type--card-comparator .comparator .mobile-header .comparator-row .item .content .mobile-item p {
                    margin: 0
                }

@media screen and (max-width:767.98px) {
    .paragraph--type--card-comparator .comparator > .header {
        display: none !important
    }
}

@media screen and (max-width:767.98px) {
    .paragraph--type--card-comparator .comparator .cards {
        margin-top: 30px
    }

        .paragraph--type--card-comparator .comparator .cards .empty {
            position: relative;
            cursor: pointer
        }

            .paragraph--type--card-comparator .comparator .cards .empty .text {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%,-50%)
            }
}

.paragraph--type--card-comparator .comparator .cards .item .field {
    margin: unset
}

@media screen and (max-width:767.98px) {
    .paragraph--type--card-comparator .comparator .cards .item {
        padding-left: 15px;
        padding-right: 15px
    }
}

.paragraph--type--card-comparator .comparator .cards, .paragraph--type--card-comparator .comparator .links, .paragraph--type--card-comparator .comparator .titles {
    display: flex
}

@media screen and (min-width:768px) {
    .paragraph--type--card-comparator .comparator .cards, .paragraph--type--card-comparator .comparator .links, .paragraph--type--card-comparator .comparator .titles {
        padding: 0 22px
    }
}

.paragraph--type--card-comparator .comparator .cards > *, .paragraph--type--card-comparator .comparator .links > *, .paragraph--type--card-comparator .comparator .titles > * {
    flex: 1 1 0
}

.paragraph--type--card-comparator .comparator .cards > :first-child, .paragraph--type--card-comparator .comparator .links > :first-child, .paragraph--type--card-comparator .comparator .titles > :first-child {
    display: none
}

.paragraph--type--card-comparator .comparator .cards > * img, .paragraph--type--card-comparator .comparator .links > * img, .paragraph--type--card-comparator .comparator .titles > * img {
    width: 100%;
    aspect-ratio: 3/2
}

@media screen and (min-width:768px) {
    .paragraph--type--card-comparator .comparator .cards > * img, .paragraph--type--card-comparator .comparator .links > * img, .paragraph--type--card-comparator .comparator .titles > * img {
        width: 110px;
        margin: 0 auto 12px
    }
}

.paragraph--type--card-comparator .comparator .cards .item, .paragraph--type--card-comparator .comparator .links .item, .paragraph--type--card-comparator .comparator .titles .item {
    text-align: center
}

    .paragraph--type--card-comparator .comparator .cards .item a, .paragraph--type--card-comparator .comparator .links .item a, .paragraph--type--card-comparator .comparator .titles .item a {
        font-family: Sarabun,sans-serif;
        font-weight: 500;
        font-style: normal;
        font-size: 14px;
        line-height: 18px;
        padding: 10px 24px;
        height: 38px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 25px;
        text-decoration: none;
        color: #191f29;
        background: 0 0;
        border: 1px solid #191f29;
        margin: 0 auto 26px
    }

.paragraph--type--card-comparator .comparator .links {
    padding: 0 22px
}

@media screen and (max-width:767.98px) {
    .paragraph--type--card-comparator .comparator .links {
        order: 999;
        margin-top: 18px;
        padding: 0
    }
}

@media screen and (max-width:767.98px) {
    .paragraph--type--card-comparator .comparator .header {
        padding-top: 17px;
        padding-bottom: 17px;
        text-align: center
    }
}

@media screen and (max-width:767.98px) {
    .paragraph--type--card-comparator .comparator > .header {
        padding: 0;
        text-align: center
    }
}

@media screen and (max-width:767.98px) {
    .paragraph--type--card-comparator .comparator > .header .item {
        border-right: none !important;
        display: flex
    }

        .paragraph--type--card-comparator .comparator > .header .item .paragraph--type--card-comparator-header-item {
            order: 2
        }
}

@media screen and (max-width:767.98px) {
    .paragraph--type--card-comparator .comparator .cards article {
        display: flex;
        flex-direction: column
    }
}

@media screen and (max-width:767.98px) {
    .paragraph--type--card-comparator .comparator .cards article .field--name-field-title {
        display: none
    }
}

@media screen and (max-width:767.98px) {
    .paragraph--type--card-comparator .comparator .cards article .field--name-field-price {
        order: 2;
        margin-top: 28px
    }
}

@media screen and (min-width:768px) {
    .paragraph--type--card-comparator .comparator .header {
        padding-top: 12px;
        padding-bottom: 12px
    }
}

@media screen and (min-width:768px) {
    .paragraph--type--card-comparator .comparator .items {
        padding-top: 17px;
        padding-bottom: 17px
    }
}

.paragraph--type--card-comparator .comparator .header, .paragraph--type--card-comparator .comparator .items {
    display: flex;
    flex-direction: column
}

    .paragraph--type--card-comparator .comparator .header .header, .paragraph--type--card-comparator .comparator .items .header {
        background-color: #f2f8ff;
        padding-left: 22px;
        padding-right: 22px
    }

        .paragraph--type--card-comparator .comparator .header .header h1, .paragraph--type--card-comparator .comparator .header .header h2, .paragraph--type--card-comparator .comparator .header .header h3, .paragraph--type--card-comparator .comparator .header .header h4, .paragraph--type--card-comparator .comparator .header .header h5, .paragraph--type--card-comparator .comparator .header .header h6, .paragraph--type--card-comparator .comparator .items .header h1, .paragraph--type--card-comparator .comparator .items .header h2, .paragraph--type--card-comparator .comparator .items .header h3, .paragraph--type--card-comparator .comparator .items .header h4, .paragraph--type--card-comparator .comparator .items .header h5, .paragraph--type--card-comparator .comparator .items .header h6 {
            background-color: #f2f8ff;
            font-family: Sarabun,sans-serif;
            font-weight: 700;
            font-style: normal;
            font-size: 18px;
            line-height: 23px;
            color: #191f29;
            border-bottom: none;
            margin: 0;
            padding: 0
        }

    .paragraph--type--card-comparator .comparator .header .comparator-row, .paragraph--type--card-comparator .comparator .items .comparator-row {
        display: flex
    }

@media screen and (min-width:768px) {
    .paragraph--type--card-comparator .comparator .header .comparator-row, .paragraph--type--card-comparator .comparator .items .comparator-row {
        border-top: 1px solid rgba(226,226,226,.5);
        padding: 17px 22px
    }
}

.paragraph--type--card-comparator .comparator .header .comparator-row.merge, .paragraph--type--card-comparator .comparator .items .comparator-row.merge {
    justify-content: center
}

@media screen and (min-width:768px) {
    .paragraph--type--card-comparator .comparator .header .comparator-row:last-child, .paragraph--type--card-comparator .comparator .items .comparator-row:last-child {
        border-bottom: 1px solid rgba(226,226,226,.5)
    }
}

.paragraph--type--card-comparator .comparator .header .comparator-row:last-child, .paragraph--type--card-comparator .comparator .items .comparator-row:last-child {
    border-bottom: none
}

.paragraph--type--card-comparator .comparator .header .comparator-row .item, .paragraph--type--card-comparator .comparator .items .comparator-row .item {
    flex: 0 0 50%;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

    .paragraph--type--card-comparator .comparator .header .comparator-row .item.same.can-be-merged, .paragraph--type--card-comparator .comparator .items .comparator-row .item.same.can-be-merged {
        border-right: none
    }

@media screen and (max-width:767.98px) {
    .paragraph--type--card-comparator .comparator .header .comparator-row .item, .paragraph--type--card-comparator .comparator .items .comparator-row .item {
        border-right: 1px solid rgba(226,226,226,.5);
        padding-bottom: 15px
    }

        .paragraph--type--card-comparator .comparator .header .comparator-row .item.second, .paragraph--type--card-comparator .comparator .header .comparator-row .item:last-child, .paragraph--type--card-comparator .comparator .items .comparator-row .item.second, .paragraph--type--card-comparator .comparator .items .comparator-row .item:last-child {
            border-right: none
        }
}

@media screen and (min-width:768px) {
    .paragraph--type--card-comparator .comparator .header .comparator-row .item, .paragraph--type--card-comparator .comparator .items .comparator-row .item {
        flex: 0 0 18%
    }
}

.paragraph--type--card-comparator .comparator .header .comparator-row .item:first-child, .paragraph--type--card-comparator .comparator .items .comparator-row .item:first-child {
    padding-top: 4px;
    padding-bottom: 4px;
    text-align: left;
    display: none
}

@media screen and (min-width:768px) {
    .paragraph--type--card-comparator .comparator .header .comparator-row .item:first-child, .paragraph--type--card-comparator .comparator .items .comparator-row .item:first-child {
        flex: 0 0 28%
    }
}

.paragraph--type--card-comparator .comparator .header .comparator-row .item .label, .paragraph--type--card-comparator .comparator .items .comparator-row .item .label {
    display: none
}

.paragraph--type--card-comparator .comparator .header .comparator-row .item .paragraph--type--card-comparator-item, .paragraph--type--card-comparator .comparator .items .comparator-row .item .paragraph--type--card-comparator-item {
    padding: 0
}

@media screen and (max-width:767.98px) {
    .paragraph--type--card-comparator .comparator .header .comparator-row .item .paragraph--type--card-comparator-item, .paragraph--type--card-comparator .comparator .items .comparator-row .item .paragraph--type--card-comparator-item {
        margin-top: 16px
    }
}

.paragraph--type--card-comparator .comparator .header .comparator-row .field--name-field-media-svg img, .paragraph--type--card-comparator .comparator .items .comparator-row .field--name-field-media-svg img {
    margin: 0 auto 8px auto;
    width: 32px;
    height: auto
}

@media screen and (min-width:768px) {
    .paragraph--type--card-comparator .comparator .header .comparator-row .field--name-field-media-svg img, .paragraph--type--card-comparator .comparator .items .comparator-row .field--name-field-media-svg img {
        margin: 0 auto
    }
}

@media screen and (max-width:767.98px) {
    .paragraph--type--card-comparator .comparator .cards > .mobile-hidden, .paragraph--type--card-comparator .comparator .links > .mobile-hidden, .paragraph--type--card-comparator .comparator .titles > .mobile-hidden {
        display: none
    }

    .paragraph--type--card-comparator .comparator .cards > .first, .paragraph--type--card-comparator .comparator .links > .first, .paragraph--type--card-comparator .comparator .titles > .first {
        order: 1
    }

    .paragraph--type--card-comparator .comparator .cards > .second, .paragraph--type--card-comparator .comparator .links > .second, .paragraph--type--card-comparator .comparator .titles > .second {
        order: 2
    }

    .paragraph--type--card-comparator .comparator .header .comparator-row .item.mobile-hidden, .paragraph--type--card-comparator .comparator .items .comparator-row .item.mobile-hidden, .paragraph--type--card-comparator .comparator .mobile-header .comparator-row .item.mobile-hidden, .paragraph--type--card-comparator .comparator .titles .comparator-row .item.mobile-hidden {
        display: none
    }

    .paragraph--type--card-comparator .comparator .header .comparator-row .item.first, .paragraph--type--card-comparator .comparator .items .comparator-row .item.first, .paragraph--type--card-comparator .comparator .mobile-header .comparator-row .item.first, .paragraph--type--card-comparator .comparator .titles .comparator-row .item.first {
        order: 1
    }

    .paragraph--type--card-comparator .comparator .header .comparator-row .item.second, .paragraph--type--card-comparator .comparator .items .comparator-row .item.second, .paragraph--type--card-comparator .comparator .mobile-header .comparator-row .item.second, .paragraph--type--card-comparator .comparator .titles .comparator-row .item.second {
        order: 2
    }

        .paragraph--type--card-comparator .comparator .header .comparator-row .item.second.same.can-be-merged, .paragraph--type--card-comparator .comparator .items .comparator-row .item.second.same.can-be-merged, .paragraph--type--card-comparator .comparator .mobile-header .comparator-row .item.second.same.can-be-merged, .paragraph--type--card-comparator .comparator .titles .comparator-row .item.second.same.can-be-merged {
            display: none
        }

    .paragraph--type--card-comparator .comparator .header .comparator-row .item .label, .paragraph--type--card-comparator .comparator .items .comparator-row .item .label, .paragraph--type--card-comparator .comparator .mobile-header .comparator-row .item .label, .paragraph--type--card-comparator .comparator .titles .comparator-row .item .label {
        display: flex;
        padding: 5px 17px;
        font-family: Sarabun,sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 16px;
        line-height: 21px;
        color: #191f29;
        justify-content: center
    }

    .paragraph--type--card-comparator .comparator .header .comparator-row .item .field--name-field-paragraph-title, .paragraph--type--card-comparator .comparator .items .comparator-row .item .field--name-field-paragraph-title, .paragraph--type--card-comparator .comparator .mobile-header .comparator-row .item .field--name-field-paragraph-title, .paragraph--type--card-comparator .comparator .titles .comparator-row .item .field--name-field-paragraph-title {
        font-family: Sarabun,sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 18px;
        line-height: 23px;
        color: #191f29
    }

    .paragraph--type--card-comparator .comparator .header .comparator-row .item .field--name-field-subtitle, .paragraph--type--card-comparator .comparator .items .comparator-row .item .field--name-field-subtitle, .paragraph--type--card-comparator .comparator .mobile-header .comparator-row .item .field--name-field-subtitle, .paragraph--type--card-comparator .comparator .titles .comparator-row .item .field--name-field-subtitle {
        font-family: Sarabun,sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 16px;
        line-height: 21px;
        color: #6d6f73;
        margin-bottom: 8px
    }
}

@media screen and (min-width:768px) {
    .paragraph--type--card-comparator .comparator .form-comparator {
        display: none
    }

    .paragraph--type--card-comparator .comparator .titles {
        background-color: #fff;
        position: sticky;
        top: 66px;
        padding-top: 30px;
        padding-bottom: 15px
    }

        .paragraph--type--card-comparator .comparator .titles.is-pinned {
            border-bottom: 1px solid rgba(226,226,226,.5)
        }

    .paragraph--type--card-comparator .comparator .cards {
        padding-top: 15px
    }

    .paragraph--type--card-comparator .comparator .cards, .paragraph--type--card-comparator .comparator .links, .paragraph--type--card-comparator .comparator .titles {
        display: flex
    }

        .paragraph--type--card-comparator .comparator .cards > :first-child, .paragraph--type--card-comparator .comparator .links > :first-child, .paragraph--type--card-comparator .comparator .titles > :first-child {
            display: block
        }

        .paragraph--type--card-comparator .comparator .cards > .empty, .paragraph--type--card-comparator .comparator .links > .empty, .paragraph--type--card-comparator .comparator .titles > .empty {
            display: none
        }

    .paragraph--type--card-comparator .comparator .header .comparator-row .item:first-child, .paragraph--type--card-comparator .comparator .items .comparator-row .item:first-child {
        display: flex
    }

    .paragraph--type--card-comparator .comparator .header .comparator-row .item, .paragraph--type--card-comparator .comparator .items .comparator-row .item {
        font-family: Sarabun,sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 16px;
        line-height: 21px;
        color: #191f29
    }

        .paragraph--type--card-comparator .comparator .header .comparator-row .item.empty, .paragraph--type--card-comparator .comparator .items .comparator-row .item.empty {
            display: none
        }

        .paragraph--type--card-comparator .comparator .header .comparator-row .item:first-child {
            font-weight: 700;
            font-size: 16px;
            line-height: 21px;
            color: #191f29
        }

    .paragraph--type--card-comparator .comparator .item .paragraph--type--card-comparator-item .field--name-field-paragraph-title {
        font-family: Sarabun,sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 18px;
        line-height: 23px;
        color: #191f29
    }

    .paragraph--type--card-comparator .comparator .item .field--name-field-subtitle {
        font-family: Sarabun,sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 16px;
        line-height: 21px;
        color: #6d6f73
    }
}

.nickel-comparator-mobile-comparator .cards-select {
    display: flex;
    gap: 30px
}

    .nickel-comparator-mobile-comparator .cards-select > * {
        flex: 1;
        box-sizing: border-box;
        margin-bottom: 30px
    }

.nickel-comparator-mobile-comparator .cards {
    display: flex;
    gap: 30px
}

    .nickel-comparator-mobile-comparator .cards .item {
        width: 50%
    }

        .nickel-comparator-mobile-comparator .cards .item.first {
            order: 1
        }

        .nickel-comparator-mobile-comparator .cards .item.second {
            order: 2
        }

        .nickel-comparator-mobile-comparator .cards .item.mobile-hidden {
            display: none
        }

.paragraph--type--mobile-card-comparator {
    padding-top: 26px
}

@media screen and (min-width:768px) {
    .paragraph--type--mobile-card-comparator {
        display: none
    }
}

.paragraph--type--mobile-card-comparator .section-title {
    display: block;
    margin: unset;
    margin-bottom: 12px
}

    .paragraph--type--mobile-card-comparator .section-title p {
        font-family: "Encode Sans Condensed",sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 26px;
        line-height: 32px;
        color: #191f29
    }

.paragraph--type--mobile-card-comparator .field--name-field-para-title {
    margin-bottom: 2px;
    margin-left: 0
}

.paragraph--type--mobile-card-comparator .form-actions {
    text-align: center;
    margin-top: 36px
}

    .paragraph--type--mobile-card-comparator .form-actions input {
        background: black;
        border-radius: 25px;
        padding: 10px 24px;
        box-sizing: border-box;
        font-family: Sarabun,sans-serif;
        font-weight: 500;
        font-style: normal;
        font-size: 16px;
        line-height: 21px;
        color: #fff;
        border: none
    }

.comparator {
    max-width: 1200px;
    margin: 62px auto 20px auto;
    display: flex;
    flex-direction: column
}

@media screen and (max-width:767.98px) {
    .comparator {
        margin-top: 0
    }

        .comparator .titles {
            display: none !important
        }
}

@media screen and (min-width:992px) {
    .comparator {
        padding-left: 23px;
        padding-right: 23px
    }
}

.comparator .select2 {
    width: 100% !important
}

.comparator .select2-container {
    z-index: 400
}

    .comparator .select2-container :focus {
        outline: 0
    }

    .comparator .select2-container.select2-container--open .select2-cards-container {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

    .comparator .select2-container .select2-cards-dropdown .select2-results__option div {
        display: flex
    }

    .comparator .select2-container .select2-cards-dropdown #select2-edit-card2-results li:first-child {
        display: none
    }

    .comparator .select2-container .select2-cards-dropdown [aria-disabled=true] {
        display: none
    }

    .comparator .select2-container .select2-dropdown {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

        .comparator .select2-container .select2-dropdown .select2-results ul {
            height: 100%;
            max-height: 100%;
            border-bottom-left-radius: 8px;
            border-bottom-right-radius: 8px
        }

    .comparator .select2-container .select2-cards-container {
        height: 40px;
        background: #fff;
        border: 1px solid #e2e2e2;
        border-radius: 8px;
        gap: 8px;
        padding: 5px 0 10px 10px
    }

        .comparator .select2-container .select2-cards-container .select2-dropdown {
            line-height: 40px
        }

            .comparator .select2-container .select2-cards-container .select2-dropdown > span {
                display: flex;
                gap: 10px;
                align-items: center
            }

        .comparator .select2-container .select2-cards-container .select2-selection__arrow {
            height: 40px;
            right: 8px;
            top: 2px
        }

            .comparator .select2-container .select2-cards-container .select2-selection__arrow b {
                background-image: url(../../../../themes/custom/home_theme/dist/assets/icons/chevron-down.svg);
                background-color: transparent;
                background-size: contain;
                border: none !important;
                height: 10px !important;
                width: 10px !important;
                top: 16px
            }

.comparator [id*=select2-edit-card1-result], .comparator [id*=select2-edit-card2-result] {
    display: flex;
    flex-direction: column;
    justify-content: center
}

    .comparator [id*=select2-edit-card1-result] img, .comparator [id*=select2-edit-card2-result] img {
        width: 30px;
        padding: 0;
        height: auto
    }

    .comparator [id*=select2-edit-card1-result] span, .comparator [id*=select2-edit-card2-result] span {
        font-family: Sarabun,sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 14px;
        line-height: 18px;
        color: #191f29;
        margin-left: 5px
    }

    .comparator [id*=select2-edit-card1-result] .select2, .comparator [id*=select2-edit-card2-result] .select2 {
        display: block;
        width: 100% !important
    }

        .comparator [id*=select2-edit-card1-result] .select2.select2-container--open .selection .select2-selection .select2-selection__arrow b, .comparator [id*=select2-edit-card2-result] .select2.select2-container--open .selection .select2-selection .select2-selection__arrow b {
            background-image: url(../../../../themes/custom/home_theme/dist/assets/images/chevron-up.svg)
        }

@media screen and (max-width:767.98px) {
    .comparator .form-comparator {
        position: sticky;
        top: 68px;
        background-color: #fff;
        z-index: 400
    }
}

.comparator .form-comparator form {
    display: flex;
    border-bottom: 1px solid #f4f6f9;
    padding-bottom: 10px
}

    .comparator .form-comparator form .form-type-select {
        width: 100%
    }

@media screen and (max-width:767.98px) {
    .comparator .form-comparator form .form-type-select {
        padding: 15px
    }
}

.comparator .cards img {
    width: 100%;
    height: auto;
    aspect-ratio: 3/2
}

@media screen and (max-width:767.98px) {
    .comparator .cards .empty {
        position: relative;
        text-align: center;
        cursor: pointer
    }

        .comparator .cards .empty .text {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%)
        }
}

.nickel-re-faq .faq-title {
    font-family: "Encode Sans Condensed";
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    line-height: 32px;
    color: #191f29;
    margin-top: 32px;
    margin-bottom: 22px;
    display: block
}

@media screen and (min-width:768px) {
    .nickel-re-faq .faq-title {
        margin-top: 48px;
        margin-bottom: 16px
    }
}

.nickel-re-faq .items-to-display {
    display: none
}

.nickel-re-faq .show-more-faq {
    display: none;
    margin-top: 36px;
    font-family: Sarabun;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
    color: #191f29;
    text-decoration-line: underline;
    text-align: center;
    cursor: pointer
}

.nickel-re-faq .accordion-item {
    border-bottom: 1px solid #e2e2e2;
    margin-top: 10px;
    padding-bottom: 10px
}

    .nickel-re-faq .accordion-item button {
        border-radius: 0 !important;
        padding-left: 0;
        margin: 0;
        color: #000;
        background: 0 0;
        font-family: Sarabun,sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 16px;
        line-height: 21px;
        color: #000
    }

        .nickel-re-faq .accordion-item button:not(.collapsed) {
            font-family: Sarabun,sans-serif;
            font-weight: 700;
            font-style: normal
        }

        .nickel-re-faq .accordion-item button:after {
            background-image: url(../../../../themes/custom/home_theme/dist/images/icns/icn-arrow-right-accordion.svg);
            background-size: 10px;
            width: 10px;
            height: 10px
        }

        .nickel-re-faq .accordion-item button:focus {
            box-shadow: none;
            border-color: rgba(0,0,0,.125)
        }

        .nickel-re-faq .accordion-item button .field {
            margin: unset;
            max-width: 90%
        }

    .nickel-re-faq .accordion-item .accordion-collapse .accordion-body {
        background-color: #f2f8ff;
        padding: 16px
    }

.nickel-services {
    overflow: hidden;
    padding-top: 34px;
    padding-bottom: 32px
}

@media screen and (min-width:1200px) {
    .nickel-services {
        padding-top: 53px;
        padding-bottom: 49px
    }
}

.nickel-services.white {
    background: #fff
}

.nickel-services.orange {
    background: black
}

.nickel-services.black {
    background: #000
}

.nickel-services.primary-black {
    background: #191f29
}

.nickel-services.grey {
    background: #f3f5f9
}

.nickel-services.secondary-blue {
    background: #373f51
}

.nickel-services.secondary-white {
    background: #f4f6f9
}

.nickel-services.blue {
    background: #3186d6
}

.nickel-services.radial-blue {
    background: radial-gradient(58.02% 56.6% at 50.13% 47.45%,#08294d 43.75%,#050929 100%)
}

@media screen and (min-width:1200px) {
    .nickel-services {
        padding-top: 44px;
        padding-bottom: 44px
    }
}

.nickel-services .field--name-field-title {
    font-family: "Encode Sans Condensed",sans-serif;
    font-weight: 700;
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    line-height: 35px;
    color: #191f29;
    margin-bottom: 32px;
    display: block
}

.nickel-services .swiper-services {
    overflow: visible
}

    .nickel-services .swiper-services .swiper-services-pagination {
        position: absolute
    }

    .nickel-services .swiper-services .swiper-slide {
        height: auto;
        display: flex;
        flex-direction: column;
        box-sizing: border-box
    }

        .nickel-services .swiper-services .swiper-slide .field:not(.field--name-field-para-link) {
            margin: unset
        }

        .nickel-services .swiper-services .swiper-slide .field--name-field-para-image {
            padding: 13px
        }

@media screen and (min-width:768px) {
    .nickel-services .swiper-services .swiper-slide .field--name-field-para-image {
        padding: 0
    }
}

.nickel-services .swiper-services .swiper-slide .slide-content {
    height: 100%;
    display: flex;
    flex-direction: column;
    margin-top: auto
}

@media screen and (max-width:767.98px) {
    .nickel-services .swiper-services .swiper-slide .slide-content {
        opacity: 0;
        transition: opacity .3s ease-in
    }
}

.nickel-services .swiper-services .swiper-slide .slide-content .field--name-field-para-link {
    text-align: center;
    display: flex;
    justify-content: center
}

@media screen and (min-width:992px) {
    .nickel-services .swiper-services .swiper-slide .slide-content .field--name-field-para-link {
        justify-content: left;
        margin-top: 56px
    }
}

@media screen and (min-width:768px) {
    .nickel-services .swiper-services .swiper-slide .slide-content .field--name-field-para-link {
        text-align: left;
        margin: auto 0 0 0
    }
}

.nickel-services .swiper-services .swiper-slide .slide-content .field--name-field-para-link a {
    margin-top: 8px;
    color: #191f29;
    text-decoration: underline;
    display: block;
    text-align: left;
    color: #191f29
}

@media screen and (max-width:767.98px) {
    .nickel-services .swiper-services .swiper-slide.anim .slide-content {
        opacity: 1
    }
}

.nickel-services .swiper-services img {
    border-radius: 15px
}

.nickel-services .swiper-services .field--name-field-title p {
    font-family: "Encode Sans Condensed",sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 22px;
    line-height: 30px;
    color: #191f29;
    text-align: center;
    margin-top: 32px;
    margin-bottom: 4px
}

@media screen and (min-width:992px) {
    .nickel-services .swiper-services .field--name-field-title p {
        text-align: left;
        margin-top: 32px;
        font-size: 24px
    }
}

.nickel-services .swiper-services p {
    margin: 0;
    text-align: center
}

@media screen and (min-width:992px) {
    .nickel-services .swiper-services p {
        text-align: left
    }
}

.nickel-services .link .field--name-field-para-link {
    text-align: center;
    margin-top: 22px
}

@media screen and (min-width:768px) {
    .nickel-services .link .field--name-field-para-link {
        display: none
    }
}

.nickel-services .link .field--name-field-para-link a {
    border-radius: 25px;
    background-color: transparent;
    padding: 10px 24px;
    border: 1px solid #191f29;
    box-sizing: border-box;
    font-family: Sarabun;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
    color: #191f29;
    display: inline-block
}

.page-node-type-page .nickel-services {
    padding-top: 28px
}

@media screen and (min-width:768px) {
    .page-node-type-page .nickel-services {
        padding-top: 52px
    }
}

.page-node-type-page .nickel-services .field--name-field-title {
    margin-bottom: 16px
}

@media screen and (min-width:768px) {
    .page-node-type-page .nickel-services .field--name-field-title {
        margin-bottom: 28px
    }
}

.page-node-type-page .h2-3 {
    margin-bottom: 10px
}

.page-node-type-page .paragraph--type--accordions {
    padding-top: 36px
}

    .page-node-type-page .paragraph--type--accordions .tarifs-accordion-head-top {
        display: block
    }

    .page-node-type-page .paragraph--type--accordions a.link-download {
        font-family: Sarabun;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 21px;
        color: black;
        display: block;
        margin-bottom: 10px
    }

.page-node-type-page .tarifs-accordion-head p {
    margin: 0
}

.section-steps-accordion {
    padding-bottom: 100px
}

    .section-steps-accordion h2.h2-3, .section-steps-accordion h3.h2-3, .section-steps-accordion h4.h2-3, .section-steps-accordion h5.h2-3, .section-steps-accordion h6.h2-3 {
        font-family: Muller,Arial,sans-serif
    }

.section-steps .section-steps-body .tab-content h2 {
    font-size: 28px
}

    .section-steps .section-steps-body .tab-content h2.h2-3, .section-steps .section-steps-body .tab-content h3.h2-3, .section-steps .section-steps-body .tab-content h4.h2-3, .section-steps .section-steps-body .tab-content h5.h2-3, .section-steps .section-steps-body .tab-content h6.h2-3 {
        font-size: 28px;
        font-family: Muller,Arial,sans-serif
    }

@media screen and (max-width:767.98px) {
    .section-steps .section-steps-body .tab-content h2 {
        font-size: 22px
    }

        .section-steps .section-steps-body .tab-content h2.h2-3, .section-steps .section-steps-body .tab-content h3.h2-3, .section-steps .section-steps-body .tab-content h4.h2-3, .section-steps .section-steps-body .tab-content h5.h2-3, .section-steps .section-steps-body .tab-content h6.h2-3 {
            font-size: 22px;
            font-family: Muller,Arial,sans-serif
        }
}

.section-steps-tablet {
    display: none
}

    .section-steps-tablet h2.h2-3, .section-steps-tablet h3.h2-3, .section-steps-tablet h4.h2-3, .section-steps-tablet h5.h2-3, .section-steps-tablet h6.h2-3 {
        font-family: Muller,Arial,sans-serif
    }

@media only screen and (max-width:992px) and (min-width:768px) {
    .section-steps-tablet {
        display: block;
        background: #f2f5f9
    }

        .section-steps-tablet .steps-accordion-head {
            padding: 40px 0;
            display: flex;
            align-items: center
        }

        .section-steps-tablet .step-col-nav {
            padding: 0 16px;
            background: #f2f5f9
        }

            .section-steps-tablet .step-col-nav ul {
                margin: 0
            }

                .section-steps-tablet .step-col-nav ul li .nav-link {
                    font-size: 21px;
                    color: #191f29
                }

                    .section-steps-tablet .step-col-nav ul li .nav-link span:after {
                        display: none !important
                    }

                    .section-steps-tablet .step-col-nav ul li .nav-link.active {
                        font-weight: 700
                    }

                        .section-steps-tablet .step-col-nav ul li .nav-link.active:after {
                            color: #fff
                        }

                    .section-steps-tablet .step-col-nav ul li .nav-link:before {
                        border-color: #31424f;
                        left: 19px
                    }

                    .section-steps-tablet .step-col-nav ul li .nav-link:after {
                        width: 40px;
                        height: 40px;
                        align-items: center;
                        font-size: 16px;
                        color: #191f29
                    }

        .section-steps-tablet .accordion-mobile .accordion-item {
            padding: 0
        }

        .section-steps-tablet .accordion-mobile .accordion-collapse {
            margin: 0;
            padding: 0
        }

            .section-steps-tablet .accordion-mobile .accordion-collapse .accordion-body {
                padding-top: 0;
                padding-bottom: 0
            }
}

.paragraph--type--tableau-a-3-colonnes-egales {
    margin-top: 30px
}

    .paragraph--type--tableau-a-3-colonnes-egales h3.field--name-field-paragraph-title {
        color: black
    }

    .paragraph--type--tableau-a-3-colonnes-egales .field--name-field-paragraph-title {
        padding-bottom: 20px;
        margin: 0
    }

    .paragraph--type--tableau-a-3-colonnes-egales .field--name-field-3-col-line {
        border: solid 1px #ccc;
        border-radius: 10px
    }

    .paragraph--type--tableau-a-3-colonnes-egales .table-column-titles {
        margin-bottom: 1rem
    }

        .paragraph--type--tableau-a-3-colonnes-egales .table-column-titles .column-1-title, .paragraph--type--tableau-a-3-colonnes-egales .table-column-titles .column-2-title, .paragraph--type--tableau-a-3-colonnes-egales .table-column-titles .column-3-title {
            flex: auto;
            font-size: 1rem;
            width: 33.3%;
            padding: 30px 0
        }

            .paragraph--type--tableau-a-3-colonnes-egales .table-column-titles .column-1-title:empty, .paragraph--type--tableau-a-3-colonnes-egales .table-column-titles .column-2-title:empty, .paragraph--type--tableau-a-3-colonnes-egales .table-column-titles .column-3-title:empty {
                display: none
            }

    .paragraph--type--tableau-a-3-colonnes-egales .bg-orange .column-1-title, .paragraph--type--tableau-a-3-colonnes-egales .bg-orange .column-2-title, .paragraph--type--tableau-a-3-colonnes-egales .bg-orange .column-3-title {
        font-size: 26px
    }

    .paragraph--type--tableau-a-3-colonnes-egales .paragraph--type--_-col-line {
        font-size: 18px
    }

        .paragraph--type--tableau-a-3-colonnes-egales .paragraph--type--_-col-line .field--name-field-col-1 {
            flex: auto;
            padding: 2rem;
            width: 33.3%
        }

        .paragraph--type--tableau-a-3-colonnes-egales .paragraph--type--_-col-line .field--name-field-col-2, .paragraph--type--tableau-a-3-colonnes-egales .paragraph--type--_-col-line .field--name-field-col-3 {
            width: 33.3%;
            flex: auto;
            padding: 2rem;
            border-left: solid 1px #ccc
        }

    .paragraph--type--tableau-a-3-colonnes-egales .field--name-field-3-col-line > .field--item {
        border-bottom: solid 1px #ccc
    }

        .paragraph--type--tableau-a-3-colonnes-egales .field--name-field-3-col-line > .field--item:last-child {
            border-bottom: none
        }

@media only screen and (max-width:767.98px) {
    .paragraph--type--tableau-a-3-colonnes-egales {
        margin-top: 20px
    }

        .paragraph--type--tableau-a-3-colonnes-egales .field--name-field-paragraph-title {
            padding-bottom: 10px;
            text-align: center
        }

        .paragraph--type--tableau-a-3-colonnes-egales .paragraph--type--_-col-line {
            font-size: .9rem
        }
}

.paragraph--type--_-col-table {
    margin-top: 30px
}

    .paragraph--type--_-col-table h3.field--name-field-paragraph-title {
        color: black
    }

    .paragraph--type--_-col-table .field--name-field-paragraph-title {
        padding-bottom: 20px;
        margin: 0
    }

    .paragraph--type--_-col-table .field--name-field-3-col-line {
        border: solid 1px #ccc;
        border-radius: 10px
    }

    .paragraph--type--_-col-table .table-column-titles {
        margin-bottom: 1rem
    }

        .paragraph--type--_-col-table .table-column-titles .column-1-title {
            padding: 30px 0;
            flex: auto;
            font-size: 1rem
        }

        .paragraph--type--_-col-table .table-column-titles .column-2-title, .paragraph--type--_-col-table .table-column-titles .column-3-title {
            width: 23%;
            flex: none;
            padding: 30px 0;
            text-align: center;
            font-size: 1rem
        }

            .paragraph--type--_-col-table .table-column-titles .column-2-title:empty, .paragraph--type--_-col-table .table-column-titles .column-3-title:empty {
                display: none
            }

    .paragraph--type--_-col-table .bg-orange .column-1-title, .paragraph--type--_-col-table .bg-orange .column-2-title, .paragraph--type--_-col-table .bg-orange .column-3-title {
        font-size: 26px
    }

    .paragraph--type--_-col-table .paragraph--type--_-col-line {
        font-size: 18px
    }

        .paragraph--type--_-col-table .paragraph--type--_-col-line .field--name-field-col-1 {
            flex: auto;
            padding: 2rem
        }

        .paragraph--type--_-col-table .paragraph--type--_-col-line .field--name-field-col-2, .paragraph--type--_-col-table .paragraph--type--_-col-line .field--name-field-col-3 {
            width: 23%;
            flex: none;
            text-align: center;
            padding: 2rem;
            border-left: solid 1px #ccc
        }

    .paragraph--type--_-col-table .field--name-field-3-col-line > .field--item {
        border-bottom: solid 1px #ccc
    }

        .paragraph--type--_-col-table .field--name-field-3-col-line > .field--item:last-child {
            border-bottom: none
        }

.cn-table thead tr th {
    font-weight: 800;
    line-height: 26px
}

@media only screen and (max-width:767.98px) {
    .cn-table {
        word-break: break-all
    }

        .cn-table thead tr th {
            font-size: 20px;
            line-height: 20px
        }

    .paragraph--type--_-col-table {
        margin-top: 20px
    }

        .paragraph--type--_-col-table .column-1-title, .paragraph--type--_-col-table .column-2-title, .paragraph--type--_-col-table .column-3-title {
            padding: 20px 0
        }

        .paragraph--type--_-col-table .field--name-field-paragraph-title {
            padding-bottom: 10px;
            text-align: center
        }

        .paragraph--type--_-col-table .paragraph--type--_-col-line {
            font-size: .9rem
        }
}

.paragraph--type--tableau {
    margin-top: 30px
}

    .paragraph--type--tableau .table-paragraph {
        width: 100%
    }

        .paragraph--type--tableau .table-paragraph caption {
            padding: 0
        }

            .paragraph--type--tableau .table-paragraph caption h3 {
                padding-bottom: 20px;
                font-family: Muller,Arial,sans-serif;
                font-weight: 800
            }

        .paragraph--type--tableau .table-paragraph .column-title {
            padding: 0 2rem 1rem 2rem;
            font-size: 1.6rem;
            color: black
        }

        .paragraph--type--tableau .table-paragraph .table-title {
            font-size: 1.5rem;
            font-family: Muller,Arial,sans-serif;
            font-weight: 500;
            color: black
        }

            .paragraph--type--tableau .table-paragraph .table-title h3 {
                margin: 0;
                font-family: Muller,Arial,sans-serif;
                font-weight: 800
            }

        .paragraph--type--tableau .table-paragraph tbody td {
            height: 1px
        }

            .paragraph--type--tableau .table-paragraph tbody td .cell-content {
                display: flex;
                flex-direction: column;
                justify-content: space-evenly;
                padding: 2rem;
                height: 100%;
                border-left: solid 1px #ccc;
                border-top: solid 1px #ccc
            }

        .paragraph--type--tableau .table-paragraph tbody .table-cell:last-child .cell-content {
            border-right: solid 1px #ccc
        }

        .paragraph--type--tableau .table-paragraph tbody > .paragraph--type--table-row td:first-child .cell-content {
            border-top-left-radius: 6px
        }

        .paragraph--type--tableau .table-paragraph tbody > .paragraph--type--table-row td:last-child .cell-content {
            border-top-right-radius: 6px
        }

        .paragraph--type--tableau .table-paragraph tbody > .paragraph--type--table-row:last-child td .cell-content {
            border-bottom: solid 1px #ccc
        }

        .paragraph--type--tableau .table-paragraph tbody > .paragraph--type--table-row:last-child td:first-child .cell-content {
            border-top-left-radius: 6px;
            border-bottom-left-radius: 6px
        }

        .paragraph--type--tableau .table-paragraph tbody > .paragraph--type--table-row:last-child td:last-child .cell-content {
            border-top-right-radius: 6px;
            border-bottom-right-radius: 6px
        }

        .paragraph--type--tableau .table-paragraph tbody > .paragraph--type--table-row ~ .paragraph--type--table-row td:first-child .cell-content {
            border-top-left-radius: 0
        }

        .paragraph--type--tableau .table-paragraph tbody > .paragraph--type--table-row ~ .paragraph--type--table-row td:last-child .cell-content {
            border-top-right-radius: 0
        }

        .paragraph--type--tableau .table-paragraph tbody .paragraph--type--table-row:last-of-type td .cell-content {
            border-bottom: solid 1px #ccc
        }

        .paragraph--type--tableau .table-paragraph tbody .paragraph--type--table-row:last-of-type td:first-child .cell-content {
            border-bottom-left-radius: 6px
        }

        .paragraph--type--tableau .table-paragraph tbody .paragraph--type--table-row:last-of-type td:last-child .cell-content {
            border-bottom-right-radius: 6px
        }

@media only screen and (max-width:767.98px) {
    .paragraph--type--tableau {
        margin-top: 20px
    }

        .paragraph--type--tableau .table-title {
            padding-bottom: 10px;
            text-align: center
        }
}

.paragraph--type--text-2-columns .cn-text-default {
    padding: 0
}

    .paragraph--type--text-2-columns .cn-text-default > .row {
        display: block;
        padding: 0
    }

.paragraph--type--text-2-columns, .paragraph--type--text-3-columns {
    border-radius: 0;
    margin: 0;
    position: relative;
    align-items: center;
    overflow: hidden
}

    .paragraph--type--text-2-columns .frame.with-icon, .paragraph--type--text-3-columns .frame.with-icon {
        position: absolute
    }

        .paragraph--type--text-2-columns .frame.with-icon .cn-button, .paragraph--type--text-3-columns .frame.with-icon .cn-button {
            margin-left: -19px
        }

    .paragraph--type--text-2-columns .no-padding, .paragraph--type--text-3-columns .no-padding {
        padding: 0
    }

    .paragraph--type--text-2-columns .cn-text-default, .paragraph--type--text-3-columns .cn-text-default {
        position: relative;
        display: flex;
        flex-direction: row;
        margin: 0 auto
    }

        .paragraph--type--text-2-columns .cn-text-default .row, .paragraph--type--text-3-columns .cn-text-default .row {
            flex-grow: 1
        }

            .paragraph--type--text-2-columns .cn-text-default .row > div, .paragraph--type--text-3-columns .cn-text-default .row > div {
                max-width: 495px
            }

            .paragraph--type--text-2-columns .cn-text-default .row:nth-child(even) > div, .paragraph--type--text-3-columns .cn-text-default .row:nth-child(even) > div {
                float: left
            }

            .paragraph--type--text-2-columns .cn-text-default .row:nth-child(odd) > div, .paragraph--type--text-3-columns .cn-text-default .row:nth-child(odd) > div {
                float: right
            }

        .paragraph--type--text-2-columns .cn-text-default.reverse, .paragraph--type--text-3-columns .cn-text-default.reverse {
            flex-direction: row-reverse
        }

        .paragraph--type--text-2-columns .cn-text-default .col-md-6, .paragraph--type--text-3-columns .cn-text-default .col-md-6 {
            padding-left: 0;
            padding-right: 0
        }

    .paragraph--type--text-2-columns.frame, .paragraph--type--text-3-columns.frame {
        border-radius: 0;
        padding: 0;
        overflow: hidden
    }

        .paragraph--type--text-2-columns.frame.white, .paragraph--type--text-3-columns.frame.white {
            background-color: #fff
        }

        .paragraph--type--text-2-columns.frame.orange, .paragraph--type--text-3-columns.frame.orange {
            background-color: black
        }

        .paragraph--type--text-2-columns.frame.black, .paragraph--type--text-3-columns.frame.black {
            background-color: #000
        }

        .paragraph--type--text-2-columns.frame.primary-black, .paragraph--type--text-3-columns.frame.primary-black {
            background-color: #191f29
        }

        .paragraph--type--text-2-columns.frame.grey, .paragraph--type--text-3-columns.frame.grey {
            background-color: #f2f2f2
        }

        .paragraph--type--text-2-columns.frame.blue, .paragraph--type--text-3-columns.frame.blue {
            background-color: #e6f7ff
        }

        .paragraph--type--text-2-columns.frame.secondary-blue, .paragraph--type--text-3-columns.frame.secondary-blue {
            background-color: #373f51
        }

        .paragraph--type--text-2-columns.frame.secondary-white, .paragraph--type--text-3-columns.frame.secondary-white {
            background-color: #f4f6f9
        }

    .paragraph--type--text-2-columns .btn-wrapper, .paragraph--type--text-3-columns .btn-wrapper {
        width: 100%;
        text-align: center;
        padding: 10px 15px
    }

        .paragraph--type--text-2-columns .btn-wrapper .cn-button, .paragraph--type--text-3-columns .btn-wrapper .cn-button {
            width: auto;
            box-shadow: 2px 2px 4px 0 rgba(0,0,0,.1);
            margin-bottom: 0;
            margin-top: 0;
            background-color: black;
            color: #fff
        }

            .paragraph--type--text-2-columns .btn-wrapper .cn-button .field--name-field-button-link, .paragraph--type--text-3-columns .btn-wrapper .cn-button .field--name-field-button-link {
                height: 100%;
                display: flex;
                align-items: center
            }

            .paragraph--type--text-2-columns .btn-wrapper .cn-button:hover, .paragraph--type--text-3-columns .btn-wrapper .cn-button:hover {
                background-color: #e35300;
                text-decoration: none;
                box-shadow: none
            }

            .paragraph--type--text-2-columns .btn-wrapper .cn-button.orange, .paragraph--type--text-2-columns .btn-wrapper .cn-button.orange:hover, .paragraph--type--text-3-columns .btn-wrapper .cn-button.orange, .paragraph--type--text-3-columns .btn-wrapper .cn-button.orange:hover {
                background-color: #000
            }

            .paragraph--type--text-2-columns .btn-wrapper .cn-button a, .paragraph--type--text-3-columns .btn-wrapper .cn-button a {
                font-size: 18px;
                text-align: center;
                color: #fff;
                text-decoration: none;
                display: inline-block;
                min-width: 200px;
                font-weight: 500;
                padding: 0 30px
            }

    .paragraph--type--text-2-columns .field--name-field-paragraph-body, .paragraph--type--text-3-columns .field--name-field-paragraph-body {
        padding: 15px
    }

        .paragraph--type--text-2-columns .field--name-field-paragraph-body h2, .paragraph--type--text-2-columns .field--name-field-paragraph-body h3, .paragraph--type--text-2-columns .field--name-field-paragraph-body h4, .paragraph--type--text-2-columns .field--name-field-paragraph-body h5, .paragraph--type--text-3-columns .field--name-field-paragraph-body h2, .paragraph--type--text-3-columns .field--name-field-paragraph-body h3, .paragraph--type--text-3-columns .field--name-field-paragraph-body h4, .paragraph--type--text-3-columns .field--name-field-paragraph-body h5 {
            margin-top: 10px;
            font-family: Muller,Arial,sans-serif;
            font-weight: 800
        }

        .paragraph--type--text-2-columns .field--name-field-paragraph-body span.icon, .paragraph--type--text-2-columns.orange .field--name-field-paragraph-body span.icon, .paragraph--type--text-3-columns .field--name-field-paragraph-body span.icon, .paragraph--type--text-3-columns.orange .field--name-field-paragraph-body span.icon {
            color: #fff
        }

    .paragraph--type--text-3-columns .cn-text-default .row:nth-child(3) > div {
        float: left
    }

    .paragraph--type--text-3-columns .cn-text-default .row:nth-child(1) > div {
        float: right
    }

@media screen and (max-width:991.98px) {
    .paragraph--type--text-2-columns, .paragraph--type--text-3-columns {
        max-height: unset
    }

        .paragraph--type--text-2-columns .cn-button, .paragraph--type--text-3-columns .cn-button {
            height: auto;
            padding: 15px 0;
            line-height: 24px
        }

        .paragraph--type--text-2-columns .cn-text-default, .paragraph--type--text-3-columns .cn-text-default {
            flex-direction: column
        }

            .paragraph--type--text-2-columns .cn-text-default .row > div, .paragraph--type--text-3-columns .cn-text-default .row > div {
                max-width: unset
            }

            .paragraph--type--text-2-columns .cn-text-default .row:nth-child(even) > div, .paragraph--type--text-2-columns .cn-text-default .row:nth-child(odd) > div, .paragraph--type--text-3-columns .cn-text-default .row:nth-child(even) > div, .paragraph--type--text-3-columns .cn-text-default .row:nth-child(odd) > div {
                float: unset
            }

            .paragraph--type--text-2-columns .cn-text-default div:nth-child(2), .paragraph--type--text-3-columns .cn-text-default div:nth-child(2) {
                max-width: 100%
            }

            .paragraph--type--text-2-columns .cn-text-default.reverse, .paragraph--type--text-3-columns .cn-text-default.reverse {
                flex-direction: column-reverse
            }

    article .paragraph--type--text-2-columns, article .paragraph--type--text-3-columns {
        height: auto;
        max-height: unset
    }

        article .paragraph--type--text-2-columns .cn-text-default, article .paragraph--type--text-3-columns .cn-text-default {
            flex-direction: column
        }

            article .paragraph--type--text-2-columns .cn-text-default .row > div, article .paragraph--type--text-3-columns .cn-text-default .row > div {
                max-width: unset;
                float: unset;
                width: 100%
            }

            article .paragraph--type--text-2-columns .cn-text-default.reverse, article .paragraph--type--text-3-columns .cn-text-default.reverse {
                flex-direction: column-reverse
            }

        article .paragraph--type--text-2-columns .col-padding-left, article .paragraph--type--text-2-columns .col-padding-right, article .paragraph--type--text-3-columns .col-padding-left, article .paragraph--type--text-3-columns .col-padding-right {
            padding: 0;
            margin: 0;
            width: 100%
        }

        article .paragraph--type--text-2-columns .col-vertical-center, article .paragraph--type--text-3-columns .col-vertical-center {
            position: relative;
            top: unset;
            transform: unset
        }

            article .paragraph--type--text-2-columns .col-vertical-center.col-float-right, article .paragraph--type--text-3-columns .col-vertical-center.col-float-right {
                left: unset
            }

        article .paragraph--type--text-2-columns .field--name-field-paragraph-body, article .paragraph--type--text-3-columns .field--name-field-paragraph-body {
            padding: 0 15px
        }

            article .paragraph--type--text-2-columns .field--name-field-paragraph-body ul.list-num, article .paragraph--type--text-3-columns .field--name-field-paragraph-body ul.list-num {
                margin: 0
            }

        article .paragraph--type--text-2-columns .field--name-field-media-image, article .paragraph--type--text-2-columns .field--name-field-paragraph-body, article .paragraph--type--text-3-columns .field--name-field-media-image, article .paragraph--type--text-3-columns .field--name-field-paragraph-body {
            position: initial;
            transform: none
        }

            article .paragraph--type--text-2-columns .field--name-field-media-image img, article .paragraph--type--text-2-columns .field--name-field-paragraph-body img, article .paragraph--type--text-3-columns .field--name-field-media-image img, article .paragraph--type--text-3-columns .field--name-field-paragraph-body img {
                margin-left: auto;
                margin-right: auto
            }

        article .paragraph--type--text-2-columns .field--name-field-media-image, article .paragraph--type--text-3-columns .field--name-field-media-image {
            padding-left: 0 !important;
            padding-right: 0 !important
        }
}

.paragraph--type--text-2-columns .paragraph--type--text-colum, .paragraph--type--text-3-columns .paragraph--type--text-colum {
    border-radius: 0
}

    .paragraph--type--text-2-columns .paragraph--type--text-colum.row, .paragraph--type--text-3-columns .paragraph--type--text-colum.row {
        margin: 0
    }

    .paragraph--type--text-2-columns .paragraph--type--text-colum.frame, .paragraph--type--text-3-columns .paragraph--type--text-colum.frame {
        border-radius: 0;
        padding: 0;
        overflow: hidden
    }

        .paragraph--type--text-2-columns .paragraph--type--text-colum.frame.white, .paragraph--type--text-3-columns .paragraph--type--text-colum.frame.white {
            background-color: #fff
        }

        .paragraph--type--text-2-columns .paragraph--type--text-colum.frame.orange, .paragraph--type--text-3-columns .paragraph--type--text-colum.frame.orange {
            background-color: black
        }

        .paragraph--type--text-2-columns .paragraph--type--text-colum.frame.black, .paragraph--type--text-3-columns .paragraph--type--text-colum.frame.black {
            background-color: #000
        }

        .paragraph--type--text-2-columns .paragraph--type--text-colum.frame.grey, .paragraph--type--text-3-columns .paragraph--type--text-colum.frame.grey {
            background-color: #f2f2f2
        }

        .paragraph--type--text-2-columns .paragraph--type--text-colum.frame.blue, .paragraph--type--text-3-columns .paragraph--type--text-colum.frame.blue {
            background-color: #e6f7ff
        }

        .paragraph--type--text-2-columns .paragraph--type--text-colum.frame.secondary-blue, .paragraph--type--text-3-columns .paragraph--type--text-colum.frame.secondary-blue {
            background-color: #373f51
        }

        .paragraph--type--text-2-columns .paragraph--type--text-colum.frame.secondary-white, .paragraph--type--text-3-columns .paragraph--type--text-colum.frame.secondary-white {
            background-color: #f4f6f9
        }

        .paragraph--type--text-2-columns .paragraph--type--text-colum.frame.primary-black, .paragraph--type--text-3-columns .paragraph--type--text-colum.frame.primary-black {
            background-color: #191f29
        }

.paragraph--type--texte-image {
    border-radius: 0;
    display: flex;
    justify-content: space-around;
    margin: 0;
    position: relative;
    align-items: center
}

    .paragraph--type--texte-image .frame.with-icon {
        position: absolute
    }

        .paragraph--type--texte-image .frame.with-icon .cn-button {
            margin-left: -19px
        }

    .paragraph--type--texte-image .no-padding {
        padding: 0
    }

    .paragraph--type--texte-image .cn-text-default {
        position: relative;
        align-items: center;
        display: flex;
        flex-direction: row;
        margin: 0 auto
    }

        .paragraph--type--texte-image .cn-text-default.reverse {
            flex-direction: row-reverse
        }

        .paragraph--type--texte-image .cn-text-default .col-md-6 {
            padding-left: 0;
            padding-right: 0
        }

    .paragraph--type--texte-image.frame {
        border-radius: 0;
        padding: 0;
        overflow: hidden
    }

        .paragraph--type--texte-image.frame.white {
            background-color: #fff
        }

        .paragraph--type--texte-image.frame.orange {
            background-color: black
        }

        .paragraph--type--texte-image.frame.black {
            background-color: #000
        }

        .paragraph--type--texte-image.frame.primary-black {
            background-color: #191f29
        }

        .paragraph--type--texte-image.frame.grey {
            background-color: #f3f5f9
        }

        .paragraph--type--texte-image.frame.secondary-blue {
            background-color: #373f51
        }

        .paragraph--type--texte-image.frame.secondary-white {
            background-color: #f4f6f9
        }

    .paragraph--type--texte-image .btn-wrapper {
        width: 100%;
        text-align: center;
        padding: 10px 15px
    }

        .paragraph--type--texte-image .btn-wrapper .cn-button {
            width: auto;
            box-shadow: 2px 2px 4px 0 rgba(0,0,0,.1);
            margin-bottom: 0;
            margin-top: 0;
            background-color: black;
            color: #fff
        }

            .paragraph--type--texte-image .btn-wrapper .cn-button .field--name-field-button-link {
                height: 100%;
                display: flex;
                align-items: center
            }

            .paragraph--type--texte-image .btn-wrapper .cn-button:hover {
                background-color: #e35300;
                text-decoration: none;
                box-shadow: none
            }

            .paragraph--type--texte-image .btn-wrapper .cn-button.orange, .paragraph--type--texte-image .btn-wrapper .cn-button.orange:hover {
                background-color: #000
            }

            .paragraph--type--texte-image .btn-wrapper .cn-button a {
                font-size: 18px;
                text-align: center;
                color: #fff;
                text-decoration: none;
                display: inline-block;
                min-width: 200px;
                font-weight: 500;
                padding: 0 30px
            }

    .paragraph--type--texte-image .col-padding-left {
        padding-left: 15px;
        padding-right: 0
    }

    .paragraph--type--texte-image .col-padding-right {
        padding-right: 15px;
        padding-left: 0
    }

    .paragraph--type--texte-image .col-float-left {
        float: left
    }

    .paragraph--type--texte-image .col-float-right {
        float: right
    }

    .paragraph--type--texte-image .col-vertical-center {
        position: absolute;
        top: 50%;
        transform: translateY(-50%)
    }

        .paragraph--type--texte-image .col-vertical-center.col-float-right {
            left: 50%
        }

    .paragraph--type--texte-image .field--name-field-paragraph-body {
        padding: 15px
    }

        .paragraph--type--texte-image .field--name-field-paragraph-body h2, .paragraph--type--texte-image .field--name-field-paragraph-body h3, .paragraph--type--texte-image .field--name-field-paragraph-body h4, .paragraph--type--texte-image .field--name-field-paragraph-body h5 {
            margin-top: 10px
        }

    .paragraph--type--texte-image .field--name-field-media-image, .paragraph--type--texte-image .field--name-field-paragraph-body {
        max-width: 100%;
        overflow-wrap: break-word
    }

        .paragraph--type--texte-image .field--name-field-media-image h1, .paragraph--type--texte-image .field--name-field-media-image h2, .paragraph--type--texte-image .field--name-field-media-image h3, .paragraph--type--texte-image .field--name-field-media-image h4, .paragraph--type--texte-image .field--name-field-media-image h5, .paragraph--type--texte-image .field--name-field-paragraph-body h1, .paragraph--type--texte-image .field--name-field-paragraph-body h2, .paragraph--type--texte-image .field--name-field-paragraph-body h3, .paragraph--type--texte-image .field--name-field-paragraph-body h4, .paragraph--type--texte-image .field--name-field-paragraph-body h5 {
            margin-top: 10px;
            font-family: Muller,Arial,sans-serif;
            font-weight: 800
        }

        .paragraph--type--texte-image .field--name-field-media-image span.icon, .paragraph--type--texte-image .field--name-field-paragraph-body span.icon {
            color: black;
            margin-right: 20px;
            font-size: 25PX;
            vertical-align: middle
        }

        .paragraph--type--texte-image .field--name-field-media-image .cercle-icon.cercle-icon-white span.icon, .paragraph--type--texte-image .field--name-field-paragraph-body .cercle-icon.cercle-icon-white span.icon {
            color: #000;
            margin-right: -7px;
            font-size: 1rem
        }

    .paragraph--type--texte-image.orange .field--name-field-paragraph-body span.icon {
        color: #fff
    }

    .paragraph--type--texte-image .btn-default.btn-orange {
        color: #fff
    }

    .paragraph--type--texte-image .btn-default.btn-border {
        color: #191f29
    }

        .paragraph--type--texte-image .btn-default.btn-border:hover {
            color: #fff
        }

    .paragraph--type--texte-image .head-centered {
        padding-bottom: 5px
    }

    .paragraph--type--texte-image .list-icons .title-icon {
        height: 40px;
        display: flex;
        align-items: center;
        font-weight: 700
    }

    .paragraph--type--texte-image .paragraph-title {
        padding: 50px 0 15px;
        text-align: center;
        font-family: Muller,Arial,sans-serif;
        font-weight: 800;
        font-size: 2em;
        text-transform: uppercase
    }

        .paragraph--type--texte-image .paragraph-title h1, .paragraph--type--texte-image .paragraph-title h2, .paragraph--type--texte-image .paragraph-title h3, .paragraph--type--texte-image .paragraph-title h4, .paragraph--type--texte-image .paragraph-title h5, .paragraph--type--texte-image .paragraph-title h6 {
            font-family: Muller,Arial,sans-serif;
            font-size: inherit
        }

@media screen and (max-width:991.98px) {
    .paragraph--type--texte-image .paragraph-title {
        font-size: 1.625em;
        line-height: 1em
    }
}

@media only screen and (max-width:767.98px) {
    .paragraph--type--texte-image .paragraph-title {
        text-align: left
    }

    .paragraph--type--texte-image .field--name-field-paragraph-body {
        padding: 15px 0
    }

        .paragraph--type--texte-image .field--name-field-paragraph-body .tarifs-article-item {
            padding: 0
        }

    .paragraph--type--texte-image .list-icons li {
        padding: 0
    }

        .paragraph--type--texte-image .list-icons li .title-icon {
            margin-left: 50px;
            margin-bottom: 10px
        }
}

@media screen and (max-width:991.98px) {
    .paragraph--type--texte-image {
        max-height: unset
    }

        .paragraph--type--texte-image .cn-button {
            height: auto;
            padding: 15px 0;
            line-height: 24px
        }

        .paragraph--type--texte-image .cn-text-default {
            flex-direction: column
        }

            .paragraph--type--texte-image .cn-text-default.mobile-reverse {
                flex-direction: column-reverse
            }

    article .paragraph--type--texte-image {
        height: auto;
        max-height: unset
    }

        article .paragraph--type--texte-image .cn-text-default {
            flex-direction: column
        }

            article .paragraph--type--texte-image .cn-text-default.reverse {
                flex-direction: column-reverse
            }

        article .paragraph--type--texte-image .col-padding-left, article .paragraph--type--texte-image .col-padding-right {
            padding: 0;
            margin: 0;
            width: 100%
        }

        article .paragraph--type--texte-image .col-vertical-center {
            position: relative;
            top: unset;
            transform: unset
        }

            article .paragraph--type--texte-image .col-vertical-center.col-float-right {
                left: unset
            }

        article .paragraph--type--texte-image .field--name-field-media-image, article .paragraph--type--texte-image .field--name-field-paragraph-body {
            position: initial;
            transform: none
        }

            article .paragraph--type--texte-image .field--name-field-media-image img, article .paragraph--type--texte-image .field--name-field-paragraph-body img {
                margin-left: auto;
                margin-right: auto
            }

        article .paragraph--type--texte-image .field--name-field-media-image {
            padding-left: 0 !important;
            padding-right: 0 !important
        }
}

@media only screen and (max-width:992px) and (min-width:768px) {
    article .paragraph--type--texte-image .cn-text-default.reverse.tablet-row {
        flex-direction: row-reverse;
        align-items: flex-start
    }

        article .paragraph--type--texte-image .cn-text-default.reverse.tablet-row .field--name-field-paragraph-image {
            margin-top: 25px
        }

    article .paragraph--type--texte-image .cn-text-default.tablet-row {
        flex-direction: row;
        align-items: flex-start
    }

        article .paragraph--type--texte-image .cn-text-default.tablet-row .field--name-field-paragraph-image {
            margin-top: 25px
        }

    .paragraph--type--texte-image.row > .container {
        padding: 0 16px
    }

    .paragraph--type--texte-image .field--name-field-paragraph-body {
        padding: 0
    }

    .wrapper-paragraph-title {
        width: 100%
    }

        .wrapper-paragraph-title .paragraph-title {
            text-align: left
        }
}

.paragraph--type--sous-texte-paragraph {
    font-size: 16px;
    color: #666;
    font-weight: 300;
    margin-top: 20px;
    margin-bottom: 20px
}

.paragraph--type--text-paragraph {
    line-height: 1.71
}

    .paragraph--type--text-paragraph h1, .paragraph--type--text-paragraph h2, .paragraph--type--text-paragraph h3, .paragraph--type--text-paragraph h4 {
        font-family: Muller;
        font-weight: 700
    }

    .paragraph--type--text-paragraph.paragraph.frame {
        border-radius: 0;
        padding: 0;
        overflow: hidden
    }

        .paragraph--type--text-paragraph.paragraph.frame.white {
            background-color: #fff
        }

        .paragraph--type--text-paragraph.paragraph.frame.orange {
            background-color: black
        }

        .paragraph--type--text-paragraph.paragraph.frame.black {
            background-color: #000
        }

        .paragraph--type--text-paragraph.paragraph.frame.grey {
            background-color: #f2f2f2
        }

        .paragraph--type--text-paragraph.paragraph.frame.blue {
            background-color: #e6f7ff
        }

        .paragraph--type--text-paragraph.paragraph.frame.secondary-blue {
            background-color: #373f51
        }

        .paragraph--type--text-paragraph.paragraph.frame.secondary-white {
            background-color: #f4f6f9
        }

        .paragraph--type--text-paragraph.paragraph.frame.primary-black {
            background-color: #191f29
        }

        .paragraph--type--text-paragraph.paragraph.frame .field {
            padding: 15px
        }

    .paragraph--type--text-paragraph .field--name-field-paragraph-title {
        font-size: 1.5rem;
        text-align: center;
        font-family: Muller,Arial,sans-serif;
        font-weight: 500;
        color: black
    }

    .paragraph--type--text-paragraph .field--name-field-paragraph-body {
        margin-top: 10px;
        padding: 15px
    }

    .paragraph--type--text-paragraph .text-paragraph-title {
        display: flex;
        align-items: center;
        margin-bottom: 10px;
        text-align: left;
        flex-direction: column
    }

        .paragraph--type--text-paragraph .text-paragraph-title .field--name-field-portrait {
            flex: none
        }

            .paragraph--type--text-paragraph .text-paragraph-title .field--name-field-portrait img {
                width: 60px;
                height: 60px;
                border-radius: 100px;
                border: solid 1px black
            }

    .paragraph--type--text-paragraph.image-position .container {
        display: flex
    }

        .paragraph--type--text-paragraph.image-position .container .field--name-field-paragraph-body {
            margin: 0
        }

    .paragraph--type--text-paragraph.image-position.image-position-top .container {
        flex-direction: column
    }

    .paragraph--type--text-paragraph.image-position.image-position-right .container {
        flex-direction: row-reverse
    }

    .paragraph--type--text-paragraph.image-position.image-position-bottom .container {
        flex-direction: column-reverse
    }

    .paragraph--type--text-paragraph.image-position.image-position-left .container {
        flex-direction: row
    }

.homepage .paragraph--type--text-paragraph {
    padding: 60px 0 60px
}

.field--type-text-long .align-left img {
    padding: 15px;
    padding-left: 0
}

.field--type-text-long .align-right img {
    padding: 15px;
    padding-right: 0
}

@media only screen and (max-width:767.98px) {
    .paragraph--type--text-paragraph {
        margin-top: 20px
    }

        .paragraph--type--text-paragraph .field--name-field-paragraph-title {
            font-size: 1.6rem
        }

        .paragraph--type--text-paragraph .text-paragraph-title {
            margin-bottom: 0
        }

            .paragraph--type--text-paragraph .text-paragraph-title img {
                margin-right: 1rem
            }

    .homepage .paragraph--type--text-paragraph {
        padding: 20px 0 40px
    }
}

@media only screen and (max-width:575.98px) {
    .paragraph .cn-link {
        margin: 0
    }

    .paragraph--type--sous-texte-paragraph {
        font-size: 14px
    }
}

article .paragraph--type--texte-image-2 p {
    color: #fff
}

.paragraph--type--texte-image-2 .btn-border.btn-border-white:hover {
    color: #191f29;
    border-color: #fff;
    background: #fff
}

.paragraph--type--texte-image-2 h1.h1, .paragraph--type--texte-image-2 h2.h1, .paragraph--type--texte-image-2 h3.h1, .paragraph--type--texte-image-2 h4.h1, .paragraph--type--texte-image-2 h5.h1, .paragraph--type--texte-image-2 h6.h1 {
    margin: 0;
    line-height: 1.2em
}

.paragraph--type--texte-image-2 span.h1 {
    margin-right: 10px
}

.paragraph--type--texte-image-2 .field--name-field-para-txt-content-left {
    margin: 2em auto
}

.paragraph--type--texte-image-2 .para-image-mobile-only picture img {
    margin: 2em auto
}

.paragraph--type--texte-image-2 .field--name-field-paragraph-image picture img {
    margin: 0 auto
}

.paragraph--type--texte-image-2 .para-image-mobile-only {
    display: none
}

@media screen and (max-width:991.98px) {
    .paragraph--type--texte-image-2 .list-cta a:last-child {
        margin-right: 50px
    }
}

@media screen and (max-width:767.98px) {
    .paragraph--type--texte-image-2 .list-cta a:last-child {
        margin-right: 0
    }

    .paragraph--type--texte-image-2.intro-section {
        padding-bottom: 0
    }

    .paragraph--type--texte-image-2 .field--name-field-para-txt-mini-sub-title {
        margin-left: 0
    }

    .paragraph--type--texte-image-2 .subtitle-wrapper {
        flex-direction: column
    }

    .paragraph--type--texte-image-2 .field--name-field-paragraph-image {
        display: none
    }

    .paragraph--type--texte-image-2 .para-image-mobile-only {
        display: block
    }
}

@media only screen and (max-width:992px) and (min-width:768px) {
    .paragraph--type--texte-image-2.intro-section {
        padding-bottom: 0
    }

    .paragraph--type--texte-image-2 > .row > .col:first-child .row-section {
        padding: 0
    }

    .paragraph--type--texte-image-2 > .row > .col:last-child {
        display: none
    }

    .paragraph--type--texte-image-2.is-front > .row {
        position: relative
    }

        .paragraph--type--texte-image-2.is-front > .row > .col:last-child {
            display: block
        }

        .paragraph--type--texte-image-2.is-front > .row > .col:first-child .row-section {
            padding-bottom: 50px
        }

    .paragraph--type--texte-image-2.is-front .list-check {
        padding-right: 100px
    }
}

article .paragraph.paragraph--type--two-colums-text-image .list-icons li {
    margin-bottom: 25px
}

article .paragraph.paragraph--type--two-colums-text-image .split-item-left {
    color: #fff
}

article .paragraph.paragraph--type--two-colums-text-image .cercle-icon-white {
    color: #373f51
}

    article .paragraph.paragraph--type--two-colums-text-image .cercle-icon-white:before {
        margin-right: -7px;
        font-size: 1.2rem
    }

article .paragraph.paragraph--type--two-colums-text-image.section-split-item .list-icons-text {
    color: #fff
}

    article .paragraph.paragraph--type--two-colums-text-image.section-split-item .list-icons-text p {
        color: #fff
    }

@media only screen and (max-width:992px) and (min-width:768px) {
    .split-item .flex-column > p {
        display: flex;
        justify-content: center
    }

    .split-item .split-item-right .app-list {
        display: flex;
        flex-direction: row
    }

    .split-item .section-steps:not(.visible-mobile) {
        display: block
    }
}

@media screen and (max-width:767.98px) {
    .paragraph--type--two-colums-text-image .list-icons li {
        padding: 0
    }

        .paragraph--type--two-colums-text-image .list-icons li .list-icons-text {
            top: 0;
            margin: 0
        }

        .paragraph--type--two-colums-text-image .list-icons li .font-800 {
            margin-left: 50px;
            margin-bottom: 10px;
            min-height: 30px
        }

        .paragraph--type--two-colums-text-image .list-icons li .title-icon {
            margin-left: 50px;
            margin-bottom: 10px
        }

    .paragraph--type--two-colums-text-image .split-item-right {
        padding: 30px 16px
    }

        .paragraph--type--two-colums-text-image .split-item-right .section-steps-accordion {
            padding: 0
        }

            .paragraph--type--two-colums-text-image .split-item-right .section-steps-accordion .step-content-toggle {
                margin: 40px 0
            }
}

.paragraph--type--video-text video {
    max-width: 100%;
    height: auto
}

.paragraph--type--video-text .video-intro .field--name-field-para-img-video-preview img {
    border-radius: 8px;
    box-shadow: 9px 6px 16px rgba(0,0,0,.1)
}

@media screen and (max-width:767.98px) {
    .paragraph--type--video-text .video-intro .bulle.bulle-video {
        text-align: center
    }

        .paragraph--type--video-text .video-intro .bulle.bulle-video img.is-mobile {
            display: inline
        }
}

@media only screen and (max-width:992px) and (min-width:768px) {
    .paragraph--type--video-text .video-intro {
        max-width: 100%
    }

        .paragraph--type--video-text .video-intro .field--name-field-para-img-video-preview {
            max-width: 60%;
            margin: 0
        }

        .paragraph--type--video-text .video-intro .play-video {
            left: 30%
        }

        .paragraph--type--video-text .video-intro .bulle-video {
            left: 30%
        }

        .paragraph--type--video-text .video-intro .video-visuel-up {
            transform: none;
            bottom: 0;
            right: 10%
        }

    .paragraph--type--video-text .list-cta {
        justify-content: center
    }
}

.paragraph--type--text-webform {
    padding: 35px 0
}

    .paragraph--type--text-webform .wrapper {
        padding: 15px
    }

        .paragraph--type--text-webform .wrapper.right {
            padding-left: 50px
        }

    .paragraph--type--text-webform.white {
        background-color: #fff
    }

    .paragraph--type--text-webform.orange {
        background-color: black
    }

    .paragraph--type--text-webform.black {
        background-color: #000
    }

    .paragraph--type--text-webform.grey {
        background-color: #f2f2f2
    }

    .paragraph--type--text-webform.blue {
        background-color: #e6f7ff
    }

    .paragraph--type--text-webform.secondary-blue {
        background-color: #373f51
    }

    .paragraph--type--text-webform.secondary-white {
        background-color: #f4f6f9
    }

    .paragraph--type--text-webform.primary-black {
        background-color: #191f29
    }

@media screen and (max-width:991.98px) {
    .paragraph--type--text-webform .wrapper.right {
        padding-left: 15px
    }
}

.block-chronology-block .node--view-mode-teaser h2 {
    font-size: 14px;
    margin-top: 0;
    line-height: 25px;
    font-family: Muller,Arial,sans-serif;
    font-weight: 800
}

article.node--type-communique-presse.node--view-mode-full {
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 60px
}

    article.node--type-communique-presse.node--view-mode-full .press-release-label {
        margin-bottom: 10px
    }

        article.node--type-communique-presse.node--view-mode-full .press-release-label span {
            font-size: 2rem;
            color: black
        }

    article.node--type-communique-presse.node--view-mode-full .field-release-date--communique-presse--full {
        margin-bottom: 10px;
        color: #666;
        font-size: 1.3rem
    }

    article.node--type-communique-presse.node--view-mode-full .field--name-field-credit-photo {
        margin-top: 10px;
        color: #666;
        font-size: 1.4rem
    }

    article.node--type-communique-presse.node--view-mode-full .field--name-field-media-image img {
        border-radius: 10px
    }

@media only screen and (max-width:767.98px) {
    article.node--type-communique-presse.node--view-mode-full {
        padding-top: 40px
    }
}

ul.checked-list {
    list-style: none
}

    ul.checked-list > li {
        background: url(../../../../themes/custom/home_theme/dist/assets/images/Nickel_list_check.png) no-repeat 0 .3rem;
        padding: 0 0 0 2.5rem
    }

ul.checked-list-full {
    list-style: none
}

    ul.checked-list-full > li {
        background: url(../../../../themes/custom/home_theme/dist/assets/images/Nickel_list_full_check.png) no-repeat 0 .3rem;
        padding: 0 0 0 2.5rem
    }

ul.arrow-list {
    list-style: none
}

    ul.arrow-list > li {
        background: url(../../../../themes/custom/home_theme/dist/assets/images/Nickel_list_arrow.png) no-repeat 0 .3rem;
        padding: 0 0 0 2.5rem
    }

.cn-table {
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0;
    width: 100%
}

    .cn-table thead th {
        padding: 20px 10px;
        color: black;
        font-weight: 500;
        border-right: 1px solid #ccc;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        text-align: center
    }

        .cn-table thead th:first-child {
            border-top-left-radius: 10px;
            border-left: 1px solid #ccc
        }

        .cn-table thead th:last-child {
            border-top-right-radius: 10px
        }

    .cn-table thead.bg-orange th {
        color: #fff;
        background-color: black;
        border-color: black;
        border-right: 1px solid #fff;
        font-size: 20px;
        padding: 20px 10px
    }

        .cn-table thead.bg-orange th:last-child {
            border-right-color: black
        }

    .cn-table tbody.odd-even tr:nth-child(even) {
        background-color: #f2f2f2
    }

    .cn-table tbody.odd-even tr td {
        border-bottom: 0
    }

    .cn-table tbody.odd-even tr:last-child td {
        border-bottom: 1px solid #ccc
    }

    .cn-table tbody tr td {
        padding: 10px;
        color: #000;
        border-bottom: 1px solid #ccc;
        border-right: 1px solid #ccc
    }

        .cn-table tbody tr td:first-child {
            border-left: 1px solid #ccc
        }

    .cn-table tbody tr:last-child td:first-child {
        border-bottom-left-radius: 10px
    }

    .cn-table tbody tr:last-child td:last-child {
        border-bottom-right-radius: 10px
    }

@media (min-width:768px) {
    .cn-table thead.bg-orange th {
        font-size: 30px
    }

    .cn-table tbody tr td {
        font-size: 18px;
        padding: 26px 10px
    }
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

body {
    font-family: sarabun,Arial,sans-serif;
    padding-top: 69px
}

@media screen and (max-width:767.98px) {
    body {
        padding-top: 124px
    }
}

body.body-no-scroll {
    overflow: hidden
}

body.has-header-dropdown {
    position: relative
}

    body.has-header-dropdown::before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 98;
        background: rgba(0,0,0,.5)
    }

@media screen and (max-width:767.98px) {
    body.has-header-dropdown::before {
        display: none
    }
}

header {
    background: #fff;
    position: fixed;
    z-index: 500;
    top: 0;
    left: 0;
    width: 100%
}

    header .block-nickel-logo {
        display: flex
    }

    header .logo {
        width: 110px;
        height: auto;
        display: block
    }

@media screen and (max-width:991.98px) {
    header .logo {
        width: 88px;
        height: 35px
    }
}

@media screen and (min-width:992px) {
    header .logo {
        margin-right: 10px
    }
}

header .header-grid {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0;
    position: relative
}

@media screen and (max-width:991.98px) {
    header .header-grid {
        height: 68px
    }
}

@media only screen and (max-width:992px) and (min-width:768px) {
    header .header-grid {
        padding-left: 130px;
        justify-content: flex-end
    }

        header .header-grid .website-logo {
            position: absolute;
            top: 15px;
            left: 10px
        }
}

@media screen and (max-width:991.98px) {
    header .header-grid nav {
        position: absolute;
        left: 120px
    }
}

@media screen and (max-width:767.98px) {
    header .header-grid nav {
        left: 0
    }
}

header .nav-header-dopdown {
    padding: 11px 0
}

header .nav-header {
    font-size: 16px;
    white-space: nowrap;
    padding: 22px 6px;
    display: block;
    border-bottom: 1px solid transparent;
    font-family: Sarabun,sans-serif;
    font-weight: 700;
    font-style: normal
}

@media screen and (max-width:991.98px) {
    header .nav-header {
        padding: 6px
    }
}

@media screen and (max-width:767.98px) {
    header .nav-header {
        padding: 11px 6px
    }
}

header .nav-header.active, header .nav-header:hover {
    border-bottom: 1px solid black
}

    header .nav-header.active .nav-header, header .nav-header:hover .nav-header {
        border-bottom: 0
    }

header .nav-header.icon-dropdown {
    font-size: 16px
}

@media screen and (min-width:992px) {
    header .nav-header.icon-dropdown {
        padding-right: 28px
    }
}

header .nav-header.is-dropdown {
    padding-top: 16px;
    padding-bottom: 16px
}

header .nav-header .ic-nav img, header .nav-header .ic-nav svg {
    display: none;
    margin: 0 auto;
    height: 15px
}

@media screen and (max-width:767.98px) {
    header .nav-header .ic-nav img, header .nav-header .ic-nav svg {
        display: block
    }
}

@media screen and (max-width:1100px) {
    header .nav-header {
        font-weight: 400;
        font-size: 13px;
        white-space: normal
    }
}

header nav ul li {
    margin: 0 11px
}

@media screen and (max-width:767.98px) {
    header nav ul {
        width: 100%;
        justify-content: center
    }

        header nav ul li {
            margin: 0;
            padding: 0 7px
        }
}

header a {
    color: #191f29;
    font-family: sarabun,Arial,sans-serif
}

.header--visible {
    padding: 0
}

    .header--visible .container {
        padding: 0
    }

@media screen and (max-width:1199.98px) {
    .header--visible .container {
        padding: 0 10px;
        max-width: none
    }
}

.header-user .btn-default, .header-user .link-border {
    white-space: nowrap;
    height: 45px
}

@media screen and (max-width:991.98px) {
    .header-user .ul-spacing-x-10 > li {
        margin: 0
    }

    .header-user .link-create-account {
        display: none
    }
}

.header-user .link-pick-lang {
    display: none
}

.header-user .link-create-account {
    color: #fff
}

@media screen and (max-width:991.98px) {
    .header-user.switch-cta .link-border {
        display: none
    }

    .header-user.switch-cta .link-create-account {
        display: block
    }
}

header .logo-txt-black {
    display: block
}

header .logo-txt-white {
    display: none
}

.custom-header header .nav-mobile-list .header--dropdown a.custom-cta:hover {
    border-color: #fff;
    color: #fff
}

.custom-header header .nav-mobile-list .header--dropdown a.list-num-cta:hover {
    color: #373f51
}

.custom-header {
    padding-top: 0 !important;
    overscroll-behavior: none
}

    .custom-header header {
        background: 0 0;
        transition: background-color .3s ease
    }

        .custom-header header .block-nickel-language-switcher-block .title {
            color: #fff
        }

        .custom-header header .logo-txt-black {
            display: none
        }

        .custom-header header .logo-txt-white {
            display: block
        }

        .custom-header header .icon-dropdown:after, .custom-header header .icon-dropdown:before {
            border-color: #fff
        }

        .custom-header header .icon-dropdown:before {
            border: 1px solid #fff
        }

        .custom-header header .nav-mobile-list a {
            color: #fff
        }

        .custom-header header .nav-mobile-list .header--dropdown a {
            color: #191f29
        }

        .custom-header header .nav-mobile-list .header--dropdown .list-num-cta {
            color: #fff
        }

        .custom-header header:not(.scrolled) .nav-mobile-list {
            color: unset
        }

        .custom-header header .icon-hamburger-menu {
            color: #fff
        }

        .custom-header header .btn-customer-area {
            color: #fff;
            border-color: #fff
        }

        .custom-header header.scrolled {
            background-color: #fff
        }

            .custom-header header.scrolled .icon-hamburger-menu, .custom-header header.scrolled .title {
                color: #191f29
            }

            .custom-header header.scrolled .nav-mobile-list a {
                color: unset
            }

            .custom-header header.scrolled .icon-dropdown:after {
                border-color: #000
            }

            .custom-header header.scrolled .icon-dropdown:before {
                background: #f2f8ff
            }

            .custom-header header.scrolled .header-user .btn-customer-area {
                color: unset;
                border-color: unset
            }

                .custom-header header.scrolled .header-user .btn-customer-area:hover {
                    color: #fff;
                    border-color: #fff
                }

            .custom-header header.scrolled .burger-menu .btn-customer-area:hover {
                color: #fff;
                border-color: unset
            }

    .custom-header.enable-menu-burger .btn-customer-area {
        color: #fff;
        border-color: unset
    }

    .custom-header.menu-burger-collapsed .btn-customer-area {
        color: #191f29;
        border-color: #191f29
    }

    .custom-header.menu-burger-collapsed header {
        background-color: #fff
    }

        .custom-header.menu-burger-collapsed header .logo-txt-black {
            display: block !important
        }

        .custom-header.menu-burger-collapsed header .logo-txt-white {
            display: none !important
        }

        .custom-header.menu-burger-collapsed header .icon-hamburger-menu {
            color: #191f29 !important
        }

.icon-dropdown {
    position: relative;
    font-weight: 700
}

@media screen and (min-width:992px) {
    .icon-dropdown {
        padding-right: 30px
    }

        .icon-dropdown::after, .icon-dropdown::before {
            pointer-events: none;
            content: "";
            position: absolute;
            top: 22px;
            right: 0;
            width: 20px;
            height: 20px;
            border-radius: 20px
        }

        .icon-dropdown::after {
            width: 5px;
            height: 5px;
            top: 29px;
            right: 8px;
            transform: rotate(45deg);
            border: 0;
            border-radius: 0;
            border-right: 1px solid #000;
            border-bottom: 1px solid #000
        }
}

.icon-dropdown.active {
    border-bottom: 1px solid black
}

@media screen and (min-width:992px) {
    .last-col-dark {
        background: linear-gradient(to right,#fff 67%,#373f51 67%)
    }
}

.is-dark {
    color: #fff;
    background: #373f51
}

.is-dropdown-hover #navoffers {
    display: none
}

@media screen and (min-width:992px) {
    .is-dropdown-hover.class-hover .icon-dropdown {
        border-bottom: 1px solid black
    }

        .is-dropdown-hover.class-hover .icon-dropdown::after {
            transform: rotate(225deg);
            top: 31px
        }

    .is-dropdown-hover.class-hover #navoffers {
        display: block
    }
}

#navoffers {
    position: fixed;
    left: 0;
    right: 0
}

.header--dropdown {
    width: 100%;
    background: #fff;
    position: absolute;
    top: 80px;
    max-height: calc(100vh - 106px);
    left: 0;
    z-index: 99
}

@media screen and (max-width:767.98px) {
    .header--dropdown {
        display: none
    }
}

@media screen and (min-width:992px) {
    .header--dropdown {
        top: 66px
    }
}

.header--dropdown .header-group {
    padding: 30px 30px
}

    .header--dropdown .header-group > .h5 {
        margin-bottom: 15px
    }

    .header--dropdown .header-group p {
        margin-bottom: 5px;
        white-space: break-spaces
    }

    .header--dropdown .header-group .cercle-icon {
        flex: 0 0 40px;
        margin-right: 20px
    }

        .header--dropdown .header-group .cercle-icon svg {
            color: #191f29;
            fill: #191f29
        }

.header--dropdown .is-dark .header-group {
    padding-right: 0
}

.header--dropdown.active {
    display: block
}

.link-border {
    font-weight: 400;
    border: 1px solid currentColor;
    padding: 13px 22px;
    border-radius: 100px
}

.user-state {
    display: flex;
    align-items: center;
    border-radius: 100px;
    background: #f4f6f9;
    height: 46px
}

@media screen and (max-width:991.98px) {
    .user-state {
        display: none
    }
}

.user-state a {
    font-family: Muller,Arial,sans-serif;
    color: #191f29;
    height: 100%;
    line-height: 46px;
    font-weight: 300;
    padding: 0 8px;
    white-space: nowrap
}

    .user-state a:last-child {
        padding-right: 20px
    }

    .user-state a:first-child {
        padding-left: 20px
    }

    .user-state a.active {
        font-weight: 500;
        color: #fff;
        border-radius: 100px;
        padding: 0 30px;
        background: #191f29
    }

.h1, h1 {
    font-family: Muller,Arial,sans-serif;
    font-weight: 800;
    font-size: 2em
}

.h2, h2 {
    font-family: Muller,Arial,sans-serif;
    font-weight: 800;
    font-size: 1.75em
}

.h2-3 {
    text-transform: uppercase;
    font-family: Muller,Arial,sans-serif;
    font-size: 1.75em;
    font-weight: 800
}

h3 {
    font-family: Muller,Arial,sans-serif;
    font-weight: 800;
    font-size: 1.5em
}

.h3 {
    text-transform: uppercase;
    font-family: Muller,Arial,sans-serif;
    font-weight: 800;
    font-size: 1.5em
}

    .h3.marg-left {
        margin-left: 15px
    }

.h4, h4 {
    font-family: sarabun,Arial,sans-serif;
    font-weight: 800;
    font-size: 1.25em
}

.h5, h5 {
    font-family: sarabun,Arial,sans-serif;
    font-weight: 800;
    font-size: 1.125em;
    margin-bottom: 8px
}

@media screen and (max-width:767.98px) {
    .h1, h1 {
        font-size: 1.625em
    }

    .h2, h2 {
        font-size: 1.375em
    }

    .h2-3 {
        font-size: 1.375em
    }

    .h3, h3 {
        font-size: 1.125em
    }
}

a {
    text-decoration: none
}

    a:hover {
        color: inherit
    }

ul {
    margin: 0;
    padding: 0
}

    ul li {
        list-style: none;
        padding: 0;
        margin: 0
    }

.color-orange {
    color: black
}

.color-greyscale {
    color: #666
}

.d-ib {
    display: inline-block
}

.my-12 {
    margin-top: 12px;
    margin-bottom: 12px
}

.my-24 {
    margin-top: 24px;
    margin-bottom: 24px
}

.my-32 {
    margin-top: 32px;
    margin-bottom: 32px
}

.my-48 {
    margin-top: 48px;
    margin-bottom: 48px
}

.my-64 {
    margin-top: 64px;
    margin-bottom: 64px
}

@media screen and (max-width:991.98px) {
    .intro-section {
        margin-left: 0
    }

        .intro-section .half-round-width {
            padding-left: 20px;
            padding-right: 20px;
            border-radius: 0 200px 200px 0
        }
}

@media screen and (max-width:767.98px) {
    .intro-section .half-round-width {
        padding-left: 20px;
        padding-right: 20px;
        border-radius: 0
    }
}

.half-round-width {
    position: relative;
    border-radius: 0 500px 500px 0;
    color: #fff;
    padding: 50px 50px 50px 0;
    background: #191f29
}

    .half-round-width::before {
        content: "";
        display: block;
        background: #191f29;
        top: 0;
        bottom: 0;
        left: 0;
        width: 50vw;
        height: 100%;
        position: absolute;
        transform: translateX(-100%);
        z-index: 2
    }

.row-section {
    padding: 60px 0
}

    .row-section:first-child {
        padding-top: 0
    }

.intro-section {
    margin-top: 15px
}

@media screen and (max-width:991.98px) {
    .intro-section {
        margin-top: 0;
        overflow: hidden;
        padding-bottom: 100px
    }
}

.intro-photos {
    display: block;
    width: 100%;
    max-height: 510px;
    position: relative;
    top: -7px;
    -o-object-position: 10% center;
    object-position: 10% center;
    -o-object-fit: contain;
    object-fit: contain
}

.btn-default {
    font-family: sarabun,Arial,sans-serif;
    font-size: 1em;
    padding: 0 24px;
    height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    text-decoration: none;
    color: #fff;
    background: black;
    border: 1px solid transparent
}

@media screen and (max-width:767.98px) {
    .btn-default {
        width: 100%
    }
}

.btn-orange:hover {
    color: #fff;
    background-color: #cc4c00
}

.btn-orange[disabled] {
    color: #fff;
    background-color: #afb2b9
}

.btn-border {
    color: #191f29;
    background: 0 0;
    border: 1px solid #191f29
}

    .btn-border:hover {
        color: #fff;
        background: #191f29
    }

    .btn-border.btn-border-white {
        color: #fff;
        border-color: #fff
    }

        .btn-border.btn-border-white:hover {
            color: #191f29;
            border-color: #191f29
        }

.font-sarabun {
    font-family: sarabun,Arial,sans-serif
}

.font-muller {
    font-family: Muller,Arial,sans-serif
}

.font-400 {
    font-weight: 400
}

.font-700 {
    font-weight: 700
}

.font-800 {
    font-weight: 800
}

.h1-small-text {
    font-size: .5625em
}

.font-21 {
    font-size: 1.3125em
}

.font-18 {
    font-size: 1.125em
}

.font-14 {
    font-size: .875em
}

.font-12 {
    font-size: .75em
}

.font-11 {
    font-size: .6875em
}

.list-cta {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0
}

.list-cta-centered {
    align-items: center;
    justify-content: center
}

@media screen and (max-width:767.98px) {
    .list-cta {
        flex-direction: column
    }
}

.list-cta a {
    margin-right: 32px;
    margin-bottom: 12px;
    white-space: nowrap
}

@media screen and (max-width:1199.98px) {
    .list-cta a {
        margin-right: 16px
    }
}

.list-cta a:last-child {
    margin-right: 0
}

@media screen and (max-width:767.98px) {
    .list-cta a {
        margin: 0 0 32px
    }

        .list-cta a:last-child {
            margin-bottom: 0
        }
}

.list-check > li {
    padding-left: 26px;
    position: relative;
    margin: 25px 0;
    font-weight: 300
}

    .list-check > li:last-child {
        margin-bottom: 0
    }

    .list-check > li:before {
        content: "";
        color: #fff;
        fill: #fff;
        display: inline-block;
        top: 7px;
        left: 0;
        position: absolute;
        width: 14px;
        height: 14px;
        background-image: url(../../../../themes/custom/home_theme/dist/assets/icons/check-white.svg);
        background-size: contain;
        background-repeat: no-repeat;
        margin-right: 1em
    }

.list-check.check-orange > li:before {
    background: url(../../../../themes/custom/home_theme/dist/assets/icons/check-list.svg) no-repeat;
    background-size: contain
}

.list-check li.li-disabled, .list-check.check-orange li.li-disabled {
    color: #aaa
}

    .list-check li.li-disabled p, .list-check.check-orange li.li-disabled p {
        color: #aaa
    }

    .list-check li.li-disabled:before, .list-check.check-orange li.li-disabled:before {
        background-image: url(../../../../themes/custom/home_theme/dist/assets/icons/cross.svg)
    }

.ul-spacing-y-16 > li {
    margin: 16px 0
}

.ul-spacing-x-10 > li {
    margin-left: 10px;
    margin-right: 10px
}

.icon-text .title-text {
    margin-left: 20px
}

    .icon-text .title-text p {
        font-size: 16px;
        line-height: 20px
    }

.icon-text .icon-text-svg {
    flex: 0 0 40px
}

.video-intro {
    position: relative;
    max-width: 450px
}

@media screen and (max-width:991.98px) {
    .video-intro {
        overflow: hidden;
        margin-bottom: 32px
    }
}

.video-intro .preview-video {
    width: 100%;
    display: block;
    border-radius: 8px;
    box-shadow: 9px 6px 16px rgba(0,0,0,.1)
}

.video-intro .play-video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 2;
    background: 0 0;
    border: 0;
    width: 120px
}

    .video-intro .play-video img {
        width: 100%;
        display: block
    }

.video-intro .video-visuel-up {
    position: absolute;
    bottom: 10%;
    right: 0;
    transform: translate(50%,50%);
    max-width: 180px
}

.icon-svg {
    width: 18px;
    height: 18px
}

.cercle-icon {
    width: 40px;
    height: 40px;
    border-radius: 50px;
    background: #f3f5f9;
    display: flex;
    align-items: center;
    justify-content: center
}

    .cercle-icon.cercle-icon-white {
        background: #fff
    }

.slider-btn[disabled] {
    opacity: .25;
    pointer-events: none
}

.icon-text .cercle-icon {
    margin-bottom: 8px
}

.margin-center {
    margin-left: auto;
    margin-right: auto
}

button {
    border: 0;
    background: 0 0;
    -webkit-appearance: none
}

.dropdown-lang {
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center
}

    .dropdown-lang svg {
        width: 10px;
        height: 10px;
        margin-left: 10px
    }

@media screen and (max-width:991.98px) {
    .row-stats-home {
        margin: 35px 0
    }
}

.row-stats-home .item .description {
    display: flex;
    flex-direction: column
}

@media screen and (max-width:991.98px) {
    .row-stats-home .item {
        margin: 15px 0
    }
}

.row-stats-home-item {
    position: relative
}

@media screen and (min-width:768px) {
    .row-stats-home-item:not(:last-child)::before {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        right: 0;
        width: 79px;
        height: 1px;
        background: black;
        transform: translateX(50%)
    }
}

.row-stats-home-item p {
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 0
}

.row-stats-home-img {
    max-width: 150px
}

.product-card-mobile {
    display: block
}

@media screen and (min-width:768px) {
    .product-card-mobile {
        display: none
    }
}

@media screen and (max-width:767.98px) {
    .product-card-mobile img {
        max-width: 290px;
        display: block;
        margin: 50px auto
    }
}

.circle-num {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    color: black;
    border: 1px solid black
}

.details-product {
    display: flex
}

    .details-product .h3 {
        text-transform: uppercase;
        margin-bottom: 32px
    }

.details-product-card {
    color: #191f29;
    background: #f4f6f9;
    position: relative;
    padding: 45px
}

@media screen and (min-width:768px) {
    .details-product-card {
        padding: 48px 180px 48px 48px;
        display: flex;
        justify-content: space-between;
        flex-direction: column
    }
}

.details-product-card .details-product-img {
    width: 125px;
    z-index: 2;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%)
}

.details-product-app {
    color: #fff;
    background: #373f51;
    position: relative;
    padding: 45px
}

@media screen and (min-width:768px) {
    .details-product-app {
        padding: 48px 48px 48px 180px
    }
}

.details-product-app .details-product-img {
    width: 130px;
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%)
}

.details-product-app .circle-num {
    background: #fff;
    border-color: #fff
}

@media screen and (max-width:991.98px) {
    .details-product .details-product-img {
        display: none
    }
}

.details-product .list-num li {
    padding: 0
}

    .details-product .list-num li :last-child {
        margin-bottom: 0
    }

.download-store {
    display: flex;
    align-items: center
}

    .download-store li {
        margin-right: 30px
    }

    .download-store img {
        height: 35px
    }

.footer-store .download-store img {
    height: 40px
}

.download-store .rating {
    display: flex;
    margin-top: 5px;
    justify-content: space-between
}

    .download-store .rating .stars {
        display: flex;
        margin-left: -3px
    }

        .download-store .rating .stars > div {
            width: 15px
        }

    .download-store .rating .rating-text {
        font-weight: 700;
        margin-left: 10%
    }

.list-num {
    display: flex;
    flex-direction: column;
    margin: 10px 0
}

    .list-num li {
        display: flex;
        margin: 11px 0
    }

        .list-num li p {
            max-width: 300px;
            font-weight: 400
        }

.details-product-app .list-num li p {
    font-weight: 400
}

.list-num .circle-num {
    flex: 0 0 40px;
    margin-right: 20px
}

.list-num-cta {
    margin-left: 60px
}

@media screen and (max-width:991.98px) {
    .list-num-cta {
        margin-left: 0
    }
}

.text-translated {
    font-weight: 300
}

.asterisk {
    color: black
}

@media screen and (min-width:992px) {
    .ratings-offres .ratings {
        display: flex;
        margin: 0 -20px;
        padding: 0
    }

        .ratings-offres .ratings .ratings-item {
            flex: 0 0 33.33%;
            padding: 0 20px
        }
}

.ratings {
    margin-bottom: 30px
}

@media only screen and (max-width:992px) and (min-width:768px) {
    .ratings {
        display: flex
    }

        .ratings .ratings-item {
            padding-right: 15px
        }
}

@media screen and (min-width:992px) {
    .ratings {
        padding: 0 30px
    }
}

@media screen and (max-width:767.98px) {
    .ratings.ratings-desktop-row .ratings-item {
        flex: none
    }

    .ratings-title {
        padding: 0 20px;
        margin-bottom: 30px
    }

    .ratings.slider-mobile {
        display: flex
    }
}

@media screen and (min-width:992px) {
    .ratings-item-wrapper {
        display: flex;
        margin: 34px 0
    }
}

@media screen and (max-width:991.98px) {
    .ratings-item-wrapper {
        position: relative;
        height: 100%;
        padding: 20px 20px;
        border-radius: 5px;
        background: #f3f5f9
    }
}

.ratings-img {
    flex: 0 0 80px;
    margin-right: 18px
}

@media screen and (max-width:767.98px) {
    .ratings-img {
        position: absolute;
        bottom: 20px;
        left: 20px;
        flex: none
    }
}

.ratings-img img {
    width: 80px;
    height: 80px;
    -o-object-position: center;
    object-position: center;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 100px
}

@media screen and (max-width:767.98px) {
    .ratings-img img {
        width: 56px;
        height: 56px
    }
}

@media screen and (max-width:767.98px) {
    .ratings-comment {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
        padding-top: 20px
    }

        .ratings-comment .icon-quote {
            position: absolute;
            top: 20px;
            left: 20px
        }
}

.ratings-comment p {
    font-weight: 300
}

.ratings-stars {
    display: flex;
    align-items: center
}

@media screen and (max-width:767.98px) {
    .ratings-stars {
        display: inline-block;
        margin-left: 76px
    }
}

.ratings-stars svg {
    width: 18px;
    height: 17px
}

.ratings-stars p {
    font-size: .875em;
    margin: 0 0 0 10px;
    font-weight: 700;
    text-transform: uppercase
}

@media screen and (max-width:767.98px) {
    .ratings-stars p {
        margin-left: 0
    }
}

@media screen and (min-width:992px) {
    .news {
        padding: 0 30px
    }
}

@media screen and (max-width:991.98px) {
    .news {
        margin-top: 30px
    }

        .news .tns-nav {
            margin-bottom: 0
        }

        .news .news-slider-mobile {
            display: flex
        }

            .news .news-slider-mobile .news-item-wrapper {
                height: 100%;
                display: flex;
                flex-direction: column;
                border-radius: 6px
            }

            .news .news-slider-mobile .news-item-media {
                margin-right: 10px
            }

            .news .news-slider-mobile .news-item-content {
                margin-top: 10px
            }

                .news .news-slider-mobile .news-item-content h4 {
                    padding: 12px 0
                }

                .news .news-slider-mobile .news-item-content h5 {
                    margin-bottom: 20px
                }
}

.news-item {
    margin-bottom: 20px
}

@media screen and (min-width:992px) {
    .news-item {
        margin: 32px 0
    }
}

.news-item-wrapper {
    display: flex
}

@media screen and (max-width:767.98px) {
    .news-item {
        flex-direction: column
    }
}

@media screen and (min-width:768px) {
    .news-item-media {
        flex: 0 0 175px;
        margin-right: 25px
    }
}

.news-item-media img {
    width: 100%;
    display: block
}

.news-item-content {
    flex: 1 1 auto;
    padding: 6px 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.magazine {
    margin-bottom: 64px
}

@media screen and (max-width:991.98px) {
    .magazine {
        margin: 32px 0
    }
}

.magazine .news-container {
    display: flex;
    flex-wrap: wrap
}

@media screen and (max-width:991.98px) {
    .magazine .news-container {
        padding: 0 20px;
        flex-direction: column
    }
}

.magazine .news-item {
    flex: 0 0 33.33%
}

@media screen and (max-width:991.98px) {
    .magazine .news-item {
        flex: 0 0 100%
    }
}

.magazine .news-item-content {
    padding: 16px 0;
    margin-right: 25px
}

.magazine .news-item-wrapper {
    flex-direction: column
}

.news-pagination a, .news-pagination p.active {
    color: black;
    border-radius: 40px;
    width: 40px;
    height: 40px;
    margin-bottom: 0;
    display: inline-block;
    text-align: center;
    line-height: 40px
}

.news-pagination p.active {
    color: #fff;
    background: black
}

.news-pagination ul {
    display: flex;
    align-items: center;
    justify-content: center
}

    .news-pagination ul li {
        margin: 0 10px
    }

.article {
    margin: 48px 0
}

@media screen and (max-width:991.98px) {
    .article {
        margin: 32px 0;
        padding: 0 20px
    }
}

.article-head {
    margin-bottom: 32px
}

.article-image {
    margin-bottom: 30px;
    display: block;
    width: 100%;
    border-radius: 6px
}

.news-others {
    border-top: 1px solid #f4f6f9;
    padding-top: 48px
}

@media screen and (max-width:991.98px) {
    .news-others {
        padding-top: 0
    }

        .news-others .h3 {
            margin: 0 20px 20px
        }
}

@media screen and (min-width:992px) {
    .news-others .slider-mobile {
        display: flex
    }

        .news-others .slider-mobile .news-item {
            flex: 0 0 33.33%;
            padding: 0 12px
        }
}

.cta-icon {
    font-weight: 700;
    text-transform: uppercase;
    font-size: .875em;
    display: flex;
    align-items: center
}

    .cta-icon:hover {
        color: black
    }

    .cta-icon svg {
        margin-left: 10px
    }

.bulle.bulle-video {
    width: 340px;
    height: 100px;
    position: absolute;
    left: 50%
}

@media screen and (max-width:767.98px) {
    .bulle.bulle-video {
        width: auto;
        right: -20px;
        left: auto;
        z-index: 3;
        height: 93px
    }
}

.bulle.bulle-video p {
    display: flex;
    align-items: center;
    justify-content: center;
    top: 20px;
    left: 20px;
    right: 30px;
    bottom: 40px
}

.bulle p {
    margin-bottom: 0;
    position: absolute;
    top: 20px;
    left: 40px;
    right: 40px;
    bottom: 50px;
    font-size: .9375em
}

.call-center {
    margin: 64px 0 128px;
    background: #f3f5f9;
    padding: 45px 35px 45px 0
}

@media screen and (max-width:767.98px) {
    .call-center {
        padding: 20px 30px;
        margin: 64px 0 32px
    }
}

.call-center > .row {
    align-items: center
}

.call-center .shape-bg {
    width: 100%;
    height: 250px;
    background: #373f51;
    border-radius: 0 250px 250px 0
}

.call-center .smartphone {
    pointer-events: none;
    position: absolute;
    top: 0;
    transform: translateY(-125px)
}

    .call-center .smartphone img {
        width: 505px;
        display: block
    }

    .call-center .smartphone .bulle {
        position: absolute;
        top: 100px;
        left: 160px;
        width: 430px
    }

        .call-center .smartphone .bulle img {
            width: 100%
        }

        .call-center .smartphone .bulle p {
            margin-bottom: 0;
            position: absolute;
            top: 20px;
            left: 40px;
            right: 40px;
            bottom: 50px;
            font-size: .9375em
        }

.call-center-media {
    position: relative
}

@media screen and (max-width:767.98px) {
    .call-center-media {
        display: none
    }
}

@media screen and (min-width:768px) {
    .call-center-contact {
        padding-left: 40px
    }
}

@media screen and (max-width:767.98px) {
    .call-center-contact {
        padding: 0 20px
    }

        .call-center-contact > .row {
            margin-left: 0;
            margin-right: 0
        }
}

.call-center-contact h3.h3 {
    font-size: 1.6875em;
    margin: 0 0 45px 0
}

@media screen and (max-width:767.98px) {
    .call-center-contact h3.h3 {
        margin: 20px 0
    }
}

@media screen and (max-width:767.98px) {
    .call-center-contact .row-reverse-mobile {
        flex-direction: column-reverse
    }

        .call-center-contact .row-reverse-mobile .col:first-child {
            margin-top: 20px
        }

        .call-center-contact .row-reverse-mobile .social-links {
            display: grid;
            grid-template-columns: repeat(auto-fit,minmax(120px,2fr));
            text-align: center;
            justify-items: center
        }

            .call-center-contact .row-reverse-mobile .social-links li {
                margin-right: 40px
            }
}

article .paragraph .social-links a {
    color: #191f29
}

    article .paragraph .social-links a:hover {
        color: black
    }

.social-links a {
    color: #191f29
}

.footer-social .social-links {
    display: flex;
    align-items: center
}

    .footer-social .social-links li {
        margin-left: 56px
    }

    .footer-social .social-links svg {
        width: 25px;
        height: 25px
    }

.svg-text {
    display: flex;
    align-items: center;
    margin: 18px 0
}

    .svg-text svg {
        margin-right: 20px
    }

    .svg-text p {
        margin-bottom: 0
    }

@media screen and (max-width:991.98px) {
    .svg-text {
        margin-top: 9px
    }
}

.icon-flag {
    width: 24px;
    height: 24px;
    border-radius: 50px;
    margin-right: 8px
}

.icon-drodown {
    width: 10px;
    height: 10px;
    margin-left: 10px
}

.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1200px
}

nav .nav-mobile-list {
    display: flex;
    align-items: center
}

nav .name-desktop {
    display: block
}

@media screen and (max-width:991.98px) {
    nav .name-desktop {
        display: none
    }
}

nav .name-mobile {
    display: none
}

@media screen and (max-width:767.98px) {
    nav .name-mobile {
        font-size: 14px;
        margin-top: 5px;
        display: block
    }
}

nav .name-tablet {
    display: none
}

@media screen and (max-width:991.98px) {
    nav .name-tablet {
        font-size: 14px;
        margin-top: 5px;
        display: block
    }
}

nav a.active {
    color: black
}

@media screen and (max-width:991.98px) {
    nav .nav-mobile-list {
        align-items: flex-start;
        justify-content: center
    }

        nav .nav-mobile-list li {
            padding: 0;
            flex: 1 1 auto
        }

            nav .nav-mobile-list li a {
                display: flex;
                align-items: center;
                justify-content: center;
                flex-direction: column;
                text-align: center
            }
}

@media screen and (max-width:767.98px) {
    .footer-links nav {
        position: relative;
        top: inherit
    }
}

@media screen and (max-width:767.98px) {
    nav {
        position: absolute;
        top: 68px;
        left: 0;
        right: 0;
        display: flex;
        background: #fff;
        padding-bottom: 0
    }

        nav a {
            flex: 0 0 25%
        }

        nav .is-dropdown {
            padding: 0
        }

    .half-round-width {
        padding: 50px 50px 0;
        border-radius: 0
    }

        .half-round-width > * {
            position: relative;
            z-index: 2
        }

        .half-round-width::before {
            top: 100%;
            left: 0;
            right: 0;
            background: #191f29;
            width: 120vw;
            height: 100px;
            transform: translate(-10vw,-50px);
            z-index: 1;
            border-radius: 100% 100%
        }
}

@media screen and (max-width:991.98px) {
    .container.container-collapsed-mobile {
        max-width: none;
        padding-left: 0;
        padding-right: 0
    }

        .container.container-collapsed-mobile > .row {
            margin-left: 0;
            margin-right: 0
        }

        .container.container-collapsed-mobile .row > * {
            padding-left: 0;
            padding-right: 0
        }
}

.tns-outer {
    display: flex;
    flex-direction: column
}

.tns-ovh {
    order: 1
}

.tns-nav {
    order: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    margin-bottom: 50px
}

    .tns-nav button {
        width: 8px;
        height: 8px;
        border-radius: 8px;
        background: #ccc;
        margin: 8px 4px 0
    }

        .tns-nav button.tns-nav-active {
            width: 16px;
            background: #495872
        }

header nav .link-card {
    padding: 5px 0;
    display: block
}

    header nav .link-card:not(:last-child) {
        margin-bottom: 40px
    }

.list-media-text {
    display: flex
}

.list-media-text-card {
    flex: 0 0 100px;
    margin-right: 20px
}

    .list-media-text-card img {
        display: block;
        width: 100%
    }

.list-media-text-content p {
    font-weight: 400;
    margin-bottom: 0
}

.card-photos {
    width: 100%;
    max-width: 345px;
    margin: 0 auto;
    display: block
}

    .card-photos.no-maxwidth {
        max-width: none
    }

.list-icon-plus {
    display: flex;
    align-items: flex-start
}

@media screen and (max-width:991.98px) {
    .list-icon-plus {
        flex-wrap: wrap;
        justify-content: center
    }
}

@media screen and (max-width:767.98px) {
    .list-icon-plus li {
        flex: 0 0 33%;
        margin-bottom: 15px
    }

        .list-icon-plus li:nth-child(3)::before {
            display: none
        }
}

.list-icon-plus-svg {
    height: 30px
}

.list-icon-plus li {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    text-align: center;
    padding: 0
}

    .list-icon-plus li img {
        width: 20px
    }

    .list-icon-plus li svg {
        width: 25px
    }

    .list-icon-plus li:not(:last-child)::before {
        content: "+";
        font-size: 24px;
        font-weight: 700;
        font-family: sarabun,Arial,sans-serif;
        color: black;
        position: absolute;
        top: -6px;
        right: 0
    }

    .list-icon-plus li p {
        line-height: 1.2em
    }

@media screen and (min-width:768px) {
    .list-icon-plus li {
        padding: 0 10px
    }
}

.visual-cards {
    position: absolute;
    right: 0;
    width: 50vw;
    left: auto;
    pointer-events: none
}

@media screen and (max-width:991.98px) {
    .visual-cards {
        width: 100%;
        position: static
    }
}

.visual-cards-img-desktop {
    width: 100%;
    height: 100%;
    max-width: 650px;
    display: block;
    -o-object-fit: contain;
    object-fit: contain;
    pointer-events: auto;
    max-height: 750px;
    -o-object-position: left;
    object-position: left;
    transform: translateX(-100%);
    margin-left: -40px
}

@media screen and (max-width:991.98px) {
    .visual-cards-img-desktop {
        display: none
    }
}

.visual-cards .visual-cards-img-mobile {
    width: 320px;
    max-width: 100%;
    margin: 30px auto;
    display: none
}

    .visual-cards .visual-cards-img-mobile.visuel-fullsize {
        display: none;
        width: 100vw;
        margin-left: -12px;
        max-width: none
    }

@media screen and (max-width:991.98px) {
    .visual-cards .visual-cards-img-mobile.visuel-fullsize {
        display: block
    }
}

@media screen and (max-width:991.98px) {
    .visual-cards .visual-cards-img-mobile {
        display: block
    }
}

.row-cards-bg {
    min-height: 650px
}

.accordion-button, .accordion-button:not(.collapsed) {
    font-size: 21px;
    padding: 8px 16px 8px 16px;
    color: #fff;
    border: 0;
    background: #373f51;
    border-radius: 6px;
    font-family: sarabun,Arial,sans-serif;
    font-weight: 700;
    margin: 15px 0
}

    .accordion-button:focus, .accordion-button:focus-visible, .accordion-button:not(.collapsed):focus, .accordion-button:not(.collapsed):focus-visible {
        outline: 0
    }

.accordion-item:first-of-type .accordion-button, .accordion-item:last-of-type .accordion-button.collapsed {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px
}

    .accordion-item:first-of-type .accordion-button:focus, .accordion-item:first-of-type .accordion-button:focus-visible, .accordion-item:last-of-type .accordion-button.collapsed:focus, .accordion-item:last-of-type .accordion-button.collapsed:focus-visible {
        outline: 0
    }

.accordion-body {
    padding: 15px 0
}

@media screen and (max-width:991.98px) {
    .accordion-body {
        padding: 15px 0
    }
}

.accordion-item {
    border: 0
}

.accordion-button::after {
    background-image: url(../../../../themes/custom/home_theme/dist/assets/icons/accordion-close.svg);
    width: 21px;
    height: 21px
}

.accordion-button:not(.collapsed)::after {
    background-image: url(../../../../themes/custom/home_theme/dist/assets/icons/accordion-open.svg);
    width: 21px;
    height: 21px
}

.list-box-card {
    display: flex;
    align-items: center;
    justify-content: center
}

@media screen and (max-width:991.98px) {
    .list-box-card {
        flex-wrap: wrap
    }
}

.list-box-card-head {
    margin: 50px 0 45px;
    text-align: center
}

    .list-box-card-head h2.h2-3, .list-box-card-head h3.h2-3, .list-box-card-head h4.h2-3, .list-box-card-head h5.h2-3, .list-box-card-head h6.h2-3 {
        font-family: Muller,Arial,sans-serif;
        font-size: 1.75em
    }

@media screen and (max-width:767.98px) {
    .list-box-card-head h2.h2-3, .list-box-card-head h3.h2-3, .list-box-card-head h4.h2-3, .list-box-card-head h5.h2-3, .list-box-card-head h6.h2-3 {
        font-size: 1.375em
    }
}

@media screen and (max-width:991.98px) {
    .list-box-card-head {
        margin: 50px 0 20px;
        text-align: left;
        padding-left: 22px;
        padding-right: 22px
    }
}

.box-goto-card {
    display: block;
    width: 300px;
    height: 280px;
    text-align: center;
    background: #fff;
    border-radius: 8px;
    box-shadow: 3px 4px 18px rgba(55,63,81,.1);
    color: #000;
    margin: 0 14px;
    padding: 28px 32px;
    overflow: hidden;
    max-width: 100%
}

@media screen and (max-width:767.98px) {
    .box-goto-card {
        width: 90vw;
        height: 90vw;
        max-width: 380px;
        max-height: 380px
    }
}

@media screen and (max-width:991.98px) {
    .box-goto-card {
        margin-top: 20px;
        margin-bottom: 20px
    }
}

.box-goto-card p {
    margin-bottom: 5px
}

.goto-card-01 {
    background-image: url(../../../../themes/custom/home_theme/dist/assets/images/goto-card-01.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: bottom
}

.goto-card-02 {
    background-image: url(../../../../themes/custom/home_theme/dist/assets/images/goto-card-02.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: bottom
}

.goto-card-03 {
    background-image: url(../../../../themes/custom/home_theme/dist/assets/images/goto-card-03.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: bottom
}

.section-steps {
    display: block
}

.section-steps-body {
    background: linear-gradient(to right,#373f51 50%,#f4f6f9 50%);
    font-size: 18px
}

@media screen and (max-width:991.98px) {
    .section-steps {
        background: #f4f6f9
    }

        .section-steps:not(.visible-mobile) {
            display: none
        }

        .section-steps .container, .section-steps .container-sm {
            max-width: none
        }

        .section-steps.tarifs-steps {
            background: 0 0
        }
}

.section-steps .list-cta {
    margin-top: 40px
}

.step-col-nav {
    color: #fff;
    padding: 60px 20px 60px 0;
    background: #373f51
}

@media screen and (max-width:991.98px) {
    .step-col-nav {
        padding: 30px
    }
}

.step-col-content {
    background: #f4f6f9
}

.step-list.nav-tabs {
    margin-top: 50px;
    border-bottom: 0;
    flex-direction: column
}

    .step-list.nav-tabs .nav-item:last-child .nav-link::before {
        display: none
    }

    .step-list.nav-tabs .nav-link {
        position: relative;
        width: 100%;
        display: block;
        text-align: left;
        border: 0;
        padding: 12px;
        color: #fff;
        margin: 0;
        padding-top: 0;
        padding-bottom: 50px;
        padding-left: 55px
    }

        .step-list.nav-tabs .nav-link span {
            position: relative
        }

        .step-list.nav-tabs .nav-link::after {
            content: attr(data-id);
            width: 32px;
            height: 32px;
            background: #fff;
            border-radius: 50px;
            position: absolute;
            top: 0;
            left: 0;
            display: flex;
            justify-content: center;
            font-size: 20px;
            font-weight: 600;
            color: black;
            font-family: sarabun,Arial,sans-serif
        }

        .step-list.nav-tabs .nav-link::before {
            content: "";
            position: absolute;
            left: 15px;
            width: 20px;
            border-left: 1px dashed #fff;
            height: auto;
            top: 0;
            bottom: 0
        }

        .step-list.nav-tabs .nav-item.show .nav-link, .step-list.nav-tabs .nav-link.active {
            color: black;
            background: 0 0
        }

            .step-list.nav-tabs .nav-item.show .nav-link span, .step-list.nav-tabs .nav-link.active span {
                display: block
            }

                .step-list.nav-tabs .nav-item.show .nav-link span::after, .step-list.nav-tabs .nav-link.active span::after {
                    content: "";
                    display: block;
                    position: absolute;
                    top: 10px;
                    right: -32px;
                    transform: translateX(100%);
                    height: 0;
                    width: 0;
                    border-top: 9px solid transparent;
                    border-bottom: 9px solid transparent;
                    border-left: 9px solid #373f51
                }

            .step-list.nav-tabs .nav-item.show .nav-link::after, .step-list.nav-tabs .nav-link.active::after {
                color: #fff;
                background: black
            }

.group-btn-toggle {
    height: 45px;
    background: #fff;
    display: flex;
    justify-content: space-between;
    border-radius: 100px;
    margin: 0 auto
}

    .group-btn-toggle .btn-toggle {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 45px;
        font-weight: 400;
        color: #191f29;
        font-size: .875em;
        padding: 0 30px;
        min-width: 150px
    }

        .group-btn-toggle .btn-toggle.active {
            font-weight: 800;
            color: #fff;
            background: black;
            border-radius: 100px
        }

.step-content-head {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin: 30px 0
}

    .step-content-head .h3 {
        margin-bottom: 25px
    }

.step-content-body {
    padding: 30px;
    background: #fff;
    margin: 0 15px
}

@media screen and (max-width:991.98px) {
    .step-content-body {
        box-shadow: 0 4px 29px rgba(0,0,0,.15)
    }
}

.slider-btn {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    right: 0;
    left: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #191f29;
    border-radius: 100px
}

@media screen and (max-width:991.98px) {
    .slider-btn {
        right: -15px
    }
}

.slider-btn svg {
    width: 12px
}

.slider-btn.slider-btn-prev {
    right: 50px
}

@media screen and (max-width:991.98px) {
    .slider-btn.slider-btn-prev {
        right: 30px
    }
}

.carousel-item-head {
    min-height: 60px;
    max-width: 580px;
    padding: 0 55px 0 17px;
    margin: 0 auto;
    padding-top: 3px
}

@media screen and (max-width:991.98px) {
    .carousel-item-head {
        padding-right: 65px
    }
}

.carousel-step-row {
    display: flex;
    max-width: 580px;
    margin: 0 auto
}

@media screen and (max-width:991.98px) {
    .carousel-step-row {
        flex-direction: column
    }
}

.carousel-step-group {
    flex: 0 0 50%;
    padding: 0 17px
}

@media screen and (max-width:991.98px) {
    .carousel-step-group {
        padding: 17px 0
    }
}

.carousel-step-group p {
    margin-bottom: 0;
    font-weight: 300
}

.carousel-step-group-head {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 12px
}

    .carousel-step-group-head p {
        font-weight: 800
    }

    .carousel-step-group-head .cercle-icon {
        margin: 0 15px 0 0
    }

.steps-container .tab-content {
    padding-bottom: 30px
}

#steps-accordion {
    position: relative
}

    #steps-accordion .accordion-item {
        background: 0 0
    }

        #steps-accordion .accordion-item:nth-child(1) .accordion-header {
            top: 40px
        }

        #steps-accordion .accordion-item:nth-child(2) .accordion-header {
            top: 80px
        }

        #steps-accordion .accordion-item:nth-child(3) .accordion-header {
            top: 120px
        }

    #steps-accordion .accordion-header {
        position: absolute;
        top: 0;
        left: 0;
        width: 50%
    }

    #steps-accordion .accordion-collapse {
        top: 0;
        margin-left: 50%;
        width: 50%
    }

.pick-card {
    background: #f3f5f9;
    padding-top: 60px;
    padding-bottom: 60px;
    margin: 60px 0
}

@media screen and (max-width:991.98px) {
    .pick-card {
        margin: 30px 0
    }
}

.pick-card .pick-card-media {
    text-align: center
}

.pick-card p {
    margin: 12px 0 0 0
}

@media screen and (max-width:991.98px) {
    .pick-card .pick-card-infos {
        margin-top: 30px
    }
}

.color-card {
    width: 45px;
    height: 45px;
    border-radius: 45px;
    border: 1px solid #fff;
    background: #000;
    display: block
}

    .color-card.color-card-grey {
        background: #96a4af
    }

    .color-card.color-card-white {
        border: 1px solid #c6c6c6;
        background: #fff
    }

    .color-card.color-card-purple {
        background: #6814a5
    }

    .color-card.color-card-green {
        border: 1px solid #c6c6c6;
        background: #3e5565
    }

    .color-card.color-card-red {
        border: 1px solid #c6c6c6;
        background: #911a31
    }

    .color-card.active {
        border: 4px solid #f3f5f9;
        box-shadow: 0 0 0 1px black
    }

.list-pick-color {
    display: flex;
    align-items: flex-start;
    margin-top: 30px;
    flex-wrap: wrap
}

    .list-pick-color li {
        margin-right: 30px;
        margin-bottom: 10px
    }

#card-color-img {
    width: 100%;
    max-width: 345px;
    margin: 0 auto;
    display: block
}

.bg-full-lightgrey {
    padding: 30px 0 50px;
    margin: 50px 0;
    background: #f3f5f9
}

@media screen and (max-width:991.98px) {
    .bg-full-lightgrey {
        margin: 30px 0;
        padding: 30px 0
    }
}

.head-centered {
    padding: 20px 0 30px;
    text-align: center
}

.list-icons li {
    position: relative;
    padding: 0 0 0 50px;
    margin: 11px 0
}

    .list-icons li .cercle-icon {
        position: absolute;
        top: 0;
        left: 0;
        margin-right: 15px
    }

.card-plane {
    max-width: 620px
}

@media screen and (max-width:991.98px) {
    .card-plane {
        max-width: 100%
    }
}

.section-intro-round {
    box-shadow: inset 0 200px 0 #f3f5f9;
    position: relative
}

    .section-intro-round.intro-tarifs-bg {
        color: #fff;
        box-shadow: inset 0 300px 0 #373f51
    }

        .section-intro-round.intro-tarifs-bg p {
            font-size: 22px;
            color: #fff
        }

@media screen and (max-width:991.98px) {
    .section-intro-round.intro-tarifs-bg .intro-round-head {
        padding: 50px 20px 20px
    }

    .section-intro-round.intro-tarifs-bg .btn-border {
        border-color: #fff;
        color: #fff
    }

    .section-intro-round.intro-tarifs-bg .half-round-bottom {
        position: absolute;
        top: calc(100% + 50px);
        border-radius: 0;
        background: #fff;
        overflow: hidden
    }

        .section-intro-round.intro-tarifs-bg .half-round-bottom::before {
            content: "";
            display: block;
            position: absolute;
            top: -50px;
            width: 150vw;
            left: -25vw;
            height: 100%;
            border-radius: 100%;
            background: #373f51
        }
}

.section-intro-round .intro-round {
    position: relative;
    z-index: 2
}

.section-intro-round .intro-round-head {
    padding: 50px 0
}

    .section-intro-round .intro-round-head .h1 {
        margin-bottom: 30px
    }

.half-round-bottom {
    position: relative;
    height: 100px;
    width: 100%;
    background: #f3f5f9;
    border-radius: 100%;
    position: absolute;
    top: 200px;
    left: 0;
    transform: translateY(-50%)
}

.intro-tarifs-bg .half-round-bottom {
    background-color: #373f51;
    top: 250px
}

.intro-round-body .box-goto-card {
    height: 280px;
    background-color: #fff
}

@media screen and (max-width:991.98px) {
    .intro-round-body .box-goto-card {
        width: 33vw;
        height: 33vw;
        padding-left: 12px;
        padding-right: 12px
    }
}

@media screen and (max-width:767.98px) {
    .intro-round-body .box-goto-card {
        width: 90vw;
        height: 90vw;
        padding-left: 12px;
        padding-right: 12px
    }
}

.section-split-item {
    padding: 30px 0;
    margin: 60px 0;
    background: linear-gradient(to right,#373f51 45%,#f4f6f9 45%)
}

@media screen and (max-width:991.98px) {
    .section-split-item {
        background: 0 0
    }
}

@media screen and (max-width:991.98px) {
    .section-split-item {
        margin: 30px 0;
        overflow: hidden
    }

        .section-split-item .container {
            margin-left: -15px;
            margin-right: -15px;
            width: auto;
            max-width: none
        }
}

.split-item {
    display: flex
}

@media screen and (max-width:991.98px) {
    .split-item {
        flex-direction: column
    }
}

.split-item-left {
    flex: 0 0 40%;
    padding-right: 90px;
    color: #fff
}

@media screen and (max-width:991.98px) {
    .split-item-left {
        padding: 30px 20px;
        flex: none;
        background: #373f51
    }
}

.split-item-right {
    flex: 0 0 60%;
    padding-left: 90px
}

@media screen and (max-width:991.98px) {
    .split-item-right {
        padding: 30px 20px;
        flex: none;
        background: #f4f6f9
    }
}

.split-item-content .list-icons, .split-item-content .list-num {
    margin: 30px 0
}

.split-item-content .list-icons-text {
    top: 8px;
    position: relative;
    margin-left: 10px
}

.app-list {
    display: flex;
    align-items: center
}

@media screen and (max-width:991.98px) {
    .app-list {
        flex-direction: column
    }
}

.app-list img {
    max-width: 240px;
    display: block;
    margin-left: 50px
}

@media screen and (max-width:991.98px) {
    .app-list img {
        margin-left: 0
    }
}

@media screen and (max-width:991.98px) {
    .intro-tarifs-bg {
        background: #373f51
    }
}

.tarifs-intro {
    color: #191f29;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 24px rgba(0,0,0,.1);
    padding: 35px;
    position: relative;
    top: -20px;
    margin-bottom: -20px
}

@media screen and (max-width:991.98px) {
    .tarifs-intro {
        color: #fff;
        background: 0 0;
        box-shadow: none;
        padding: 0;
        top: auto;
        margin-bottom: 0
    }
}

.tarifs-intro-grid {
    display: flex;
    align-items: flex-start;
    justify-content: center
}

@media screen and (max-width:991.98px) {
    .tarifs-intro-grid {
        flex-direction: column
    }
}

.tarifs-intro-grid-item {
    flex: 0 0 33.33%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

@media screen and (max-width:991.98px) {
    .tarifs-intro-grid-item {
        display: flex;
        flex: none;
        width: 100%;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start;
        text-align: left;
        margin: 5px 0
    }

        .tarifs-intro-grid-item .cercle-icon {
            flex: 0 0 40px;
            margin-right: 20px
        }
}

.tarifs-intro-grid-item p {
    max-width: 225px
}

.tarifs-intro-grid-item a {
    color: black;
    font-size: .875em;
    text-decoration: underline
}

.tarifs-intro-grid .cercle-icon {
    margin-bottom: 20px
}

.tarifs-table {
    background: #f4f6f9;
    margin: 60px 0;
    padding: 60px 0
}

.tarifs-table-body {
    margin: 30px 0
}

.tarifs-table-footer {
    text-align: center
}

.tarifs-table-card img {
    max-height: 75px;
    display: block;
    margin: 25px auto
}

@media screen and (max-width:991.98px) {
    .tarifs-table-card img {
        width: 100%;
        max-width: 200px;
        height: auto;
        max-height: none
    }
}

.tarifs-table-item {
    padding: 30px 40px;
    display: flex;
    flex-direction: column;
    background: #fff;
    text-align: center;
    border-radius: 8px
}

@media screen and (max-width:991.98px) {
    .tarifs-table-item {
        margin: 15px 0
    }
}

.tarifs-table .group-list-check {
    text-align: left
}

.tarifs-table-card-details {
    margin-bottom: 30px;
    text-align: center
}

    .tarifs-table-card-details ul {
        display: flex;
        align-items: center;
        justify-content: space-between;
        color: #191f29;
        border-bottom: 1px solid #e4ebf4;
        padding-bottom: 15px;
        margin-bottom: 15px
    }

    .tarifs-table-card-details p {
        margin-bottom: 0
    }

.tarifs-table-card-group {
    margin-bottom: 20px
}

    .tarifs-table-card-group:last-child {
        margin-bottom: 0
    }

.link-download {
    color: black;
    font-size: .875em;
    text-transform: uppercase;
    font-weight: 700;
    display: flex;
    align-items: center
}

    .link-download svg {
        margin-right: 10px
    }

.tarifs-accordion-head-top {
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media screen and (max-width:991.98px) {
    .tarifs-accordion-head-top {
        flex-direction: column;
        justify-content: flex-start;
        text-align: left;
        align-items: flex-start
    }

        .tarifs-accordion-head-top .h3 {
            margin-bottom: 20px
        }
}

.tarifs-accordion-head p {
    color: #191f29;
    margin: 40px 0 0 0
}

@media screen and (max-width:991.98px) {
    .tarifs-accordion-head p {
        margin-top: 20px
    }
}

@media screen and (max-width:991.98px) {
    .tarifs-accordion-head {
        margin-bottom: 30px
    }
}

.tarifs-accordion .accordion-body {
    padding: 0
}

.tarifs-accordion .accordion-button, .tarifs-accordion .accordion-button:not(.collapsed) {
    margin-bottom: 0
}

.list-toggle-bg ul {
    padding: 16px 32px;
    background: #f4f6f9;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media screen and (max-width:991.98px) {
    .list-toggle-bg ul {
        padding: 12px 16px
    }
}

@media screen and (max-width:991.98px) {
    .list-toggle-bg ul li:nth-child(2) {
        text-align: right
    }
}

.list-toggle-bg ul:nth-child(even) {
    background: #fff
}

.list-toggle-bg p {
    margin-bottom: 0
}

.simulateur-content {
    padding: 30px 50px
}

@media screen and (max-width:991.98px) {
    .simulateur-content {
        padding: 30px 20px
    }
}

.simulateur-content-head {
    text-align: center;
    margin-bottom: 30px
}

    .simulateur-content-head p {
        margin-bottom: 0
    }

@media screen and (max-width:991.98px) {
    .simulateur-content-head {
        margin-bottom: 15px
    }
}

.simulateur-content .tns-controls {
    display: none
}

.simulateur-content .tns-nav {
    margin-bottom: 0
}

.small-box-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 30px 16px;
    border-radius: 8px;
    background: #fff;
    height: 100%;
    text-align: center
}

@media screen and (max-width:991.98px) {
    .small-box-card {
        width: 100%;
        flex-direction: row-reverse;
        justify-content: space-between
    }

        .small-box-card.flex-mobile {
            min-height: 170px;
            justify-content: center;
            align-items: center;
            flex-direction: column
        }

            .small-box-card.flex-mobile p {
                padding: 0;
                text-align: center
            }

        .small-box-card p {
            padding-right: 12px;
            text-align: right
        }
}

.small-box-card p {
    margin-bottom: 0
}

.visu-small-card {
    display: block;
    margin: 15px auto 0;
    height: 50px
}

@media screen and (max-width:991.98px) {
    .tarifs-slider-container {
        flex-direction: column
    }
}

.tarifs-slider-row {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0 10px;
    min-height: 170px
}

@media screen and (max-width:991.98px) {
    .tarifs-slider-row {
        min-height: auto
    }
}

.tarifs-slider-row .small-box-card {
    width: 100%
}

@media screen and (max-width:991.98px) {
    .tarifs-slider-row {
        margin: 8px 0
    }

        .tarifs-slider-row .visu-small-card {
            margin: 0
        }
}

.tarifs-slider-group {
    display: flex;
    flex-direction: row
}

@media screen and (max-width:991.98px) {
    .tarifs-slider-group {
        flex-direction: column
    }
}

.tarifs-simulateur-head {
    display: flex;
    flex-direction: column;
    color: #fff;
    padding: 50px 80px 50px 0;
    justify-content: space-between
}

@media screen and (max-width:991.98px) {
    .tarifs-simulateur-head {
        background: #373f51;
        padding: 40px 20px
    }
}

.tarifs-article {
    margin-top: 60px;
    margin-bottom: 60px
}

.tarifs-article-item {
    padding: 18px
}

.tarifs-article .h3 {
    margin-bottom: 16px
}

.tarifs-article a {
    margin-bottom: 16px
}

.tarifs-article p {
    margin: 16px 0 0 0
}

.tarifs-article img {
    max-width: 100%
}

.toggle-group-item:not(:first-child) {
    display: none
}

.social-links li {
    margin: 0;
    padding: 10px 0
}

    .social-links li:not(:last-child) {
        border-bottom: 1px solid #fff
    }

@media screen and (max-width:991.98px) {
    .social-links li:not(:last-child) {
        border-bottom: 0
    }
}

footer .social-links li:not(:last-child) {
    padding: 0
}

strong {
    font-weight: 800
}

.is-desktop {
    display: block
}

@media screen and (max-width:767.98px) {
    .is-desktop {
        display: none
    }
}

.is-mobile {
    display: none
}

@media screen and (max-width:767.98px) {
    .is-mobile {
        display: block
    }
}

.slider-default-head {
    position: relative;
    z-index: 2
}

.slider-default-nav {
    position: relative
}

.custom-label {
    cursor: pointer;
    width: 53px;
    height: 53px;
    border: 4px solid transparent
}

    .custom-label img {
        display: block;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
        border-radius: 50%
    }

.custom-radio {
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    pointer-events: none
}

    .custom-radio:checked ~ label {
        border: 4px solid #f3f5f9;
        box-shadow: 0 0 0 1px black;
        border-radius: 50%
    }

.select-region ul {
    display: flex;
    flex-wrap: wrap
}

    .select-region ul li {
        margin: 15px 35px 15px 0
    }

@media screen and (max-width:767.98px) {
    .select-region ul li {
        margin: 15px 21px 15px 0
    }
}

.section-steps-accordion {
    display: none;
    background: #f3f5f9
}

@media screen and (max-width:767.98px) {
    .section-steps-accordion {
        display: block
    }
}

.section-steps-accordion .carousel-step-row {
    max-width: none
}

.section-steps-accordion .accordion-mobile .accordion-collapse .accordion-body {
    padding: 12px 20px
}

.section-steps-accordion {
    padding: 50px 20px
}

    .section-steps-accordion .steps-accordion-head {
        margin-bottom: 40px
    }

    .section-steps-accordion .steps-accordion-footer {
        margin-top: 40px
    }

    .section-steps-accordion .step-content-toggle {
        margin-top: 40px;
        padding: 0
    }

.accordion-mobile {
    position: relative
}

    .accordion-mobile::before {
        content: "";
        display: block;
        position: absolute;
        top: 25px;
        bottom: 25px;
        left: 30px;
        width: 1px;
        height: auto;
        border-left: 1px dashed #31424f
    }

    .accordion-mobile .accordion-nb {
        flex: 0 0 40px;
        width: 40px;
        height: 40px;
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 15px;
        border-radius: 100%;
        position: relative;
        z-index: 2;
        font-size: 16px;
        font-weight: 400
    }

    .accordion-mobile .ic-arrow {
        border-top: 1px solid #000;
        border-left: 1px solid #000;
        transform: rotate(45deg);
        position: absolute;
        top: 50%;
        right: 10px;
        width: 10px;
        height: 10px
    }

    .accordion-mobile [aria-expanded=true] .ic-arrow {
        transform: rotate(225deg);
        margin-top: -5px
    }

    .accordion-mobile .accordion-item {
        position: relative;
        z-index: 2;
        background: 0 0;
        padding: 5px 0
    }

    .accordion-mobile .accordion-button, .accordion-mobile .accordion-button:not(.collapsed) {
        font-family: sarabun;
        background: 0 0;
        border-radius: 0;
        color: #191f29;
        font-weight: 400;
        padding: 0;
        position: relative;
        z-index: 2;
        padding-right: 33px
    }

        .accordion-mobile .accordion-button:not(.collapsed)[aria-expanded=true], .accordion-mobile .accordion-button[aria-expanded=true] {
            color: black;
            font-weight: 600;
            box-shadow: none;
            background: #f2f5f9;
            margin: 0
        }

            .accordion-mobile .accordion-button:not(.collapsed)[aria-expanded=true] .accordion-nb, .accordion-mobile .accordion-button[aria-expanded=true] .accordion-nb {
                font-weight: 600;
                color: #fff;
                background: black
            }

    .accordion-mobile .accordion-collapse .accordion-body {
        background: #fff;
        box-shadow: 0 4px 29px rgba(0,0,0,.15);
        border-radius: 5px;
        padding: 29px 17px;
        position: relative;
        z-index: 3
    }

    .accordion-mobile .accordion-item:first-child .accordion-button::before {
        display: none
    }

    .accordion-mobile .accordion-item:last-child .accordion-button::after {
        display: none
    }

    .accordion-mobile .accordion-collapse {
        padding: 30px 0 0;
        margin-bottom: 15px;
        background: #f2f5f9
    }

    .accordion-mobile .accordion-button {
        position: relative
    }

        .accordion-mobile .accordion-button[aria-expanded=true]::after {
            height: 46px
        }

        .accordion-mobile .accordion-button::after, .accordion-mobile .accordion-button::before {
            display: none
        }

.text-justify {
    text-align: justify
}

@media screen and (max-width:991.98px) {
    .list-icons {
        padding-right: 16px
    }
}

.simulateur-tarif {
    padding: 30px 16px;
    border-radius: 8px;
    background: #fff;
    height: 100%
}

.simulateur-tarif-head {
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media screen and (max-width:991.98px) {
    .simulateur-tarif-head {
        flex-direction: column
    }

        .simulateur-tarif-head a {
            display: none
        }
}

.simulateur-tarif-head a {
    color: #191f29;
    font-weight: 300;
    font-size: 16px;
    text-decoration: underline
}

    .simulateur-tarif-head a svg {
        width: 20px;
        height: 20px;
        margin-right: 10px
    }

.simulateur-tarif-body .text-price {
    font-size: 20px;
    font-family: sarabun,Arial,sans-serif
}

    .simulateur-tarif-body .text-price strong {
        font-size: 32px;
        font-weight: 900
    }

.simulateur-tarif-body p {
    font-weight: 300
}

.simulateur-tarif-body a {
    color: black;
    text-decoration: underline
}

.simulateur-tarif-body .list {
    display: flex;
    align-items: center;
    justify-content: center
}

@media screen and (max-width:991.98px) {
    .simulateur-tarif-body .list {
        flex-direction: column
    }
}

.simulateur-tarif-body .list li {
    margin: 10px;
    margin-bottom: 0;
    display: flex;
    align-items: center
}

    .simulateur-tarif-body .list li svg {
        margin-right: 10px
    }

    .simulateur-tarif-body .list li p {
        margin-bottom: 0
    }

.simulateur-tarif-footer {
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: center
}

.btn-default.is-disabled {
    background: #8e8e8e
}

@media screen and (min-width:768px) {
    .block-desktop {
        display: block
    }
}