/*------------------------------------------------------------------
 * template Name: Bredh v2.0 - Multipurpose Hosting HTML & WHMCS Template
 * Author: coodiv (nedjai mohamed)(nbames.mohamed@gmail.com)
 * Author URI: https://coodiv.net/
 * Author URI: https://themeforest.net/user/coodiv
 * Description: A Bootstrap Responsive Domain & Web Hosting Template + WHMCS template
 * Version: 2.0
 * Bootstrap v4.5 (http://getbootstrap.com)
 * Copyright 2022 coodiv.
 -------------------------------------------------------------------*/
 
/*---------------- THIS IS THE STYLESHEETS FILE -----------------*/
/*------- Please do not edit this file for future updates -------*/

/*---------------- WHMCS THEME CUSTOM STYLES -----------------*/
body {margin: 0;font-family: "Inter",sans-serif;font-size: 1rem;font-weight: 400;line-height: 1.5;color: var(--color-texts-opacity);text-align: left;background-color: var(--bg);}
.btn-red {color: #fff;background-color: #f64b4b;border-color: #f64b4b;}

/*---------------- feather icons STYLESHEETS -----------------*/
@font-face {font-family: "feather"; src: url("../fonts/feather/feather.eot?t=1501841394106"); src: url("../fonts/feather/feather.eot?t=1501841394106#iefix") format("embedded-opentype"), url("../fonts/feather/feather.woff?t=1501841394106") format("woff"), url("../fonts/feather/feather.ttf?t=1501841394106") format("truetype"), url("../fonts/feather/feather.svg?t=1501841394106#feather") format("svg");}
.feather {font-family: 'feather' !important;speak: none;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-alert-octagon:before{content:"\e81b"}
.icon-alert-circle:before{content:"\e81c"}
.icon-activity:before{content:"\e81d"}
.icon-alert-triangle:before{content:"\e81e"}
.icon-align-center:before{content:"\e81f"}
.icon-airplay:before{content:"\e820"}
.icon-align-justify:before{content:"\e821"}
.icon-align-left:before{content:"\e822"}
.icon-align-right:before{content:"\e823"}
.icon-arrow-down-left:before{content:"\e824"}
.icon-arrow-down-right:before{content:"\e825"}
.icon-anchor:before{content:"\e826"}
.icon-aperture:before{content:"\e827"}
.icon-arrow-left:before{content:"\e828"}
.icon-arrow-right:before{content:"\e829"}
.icon-arrow-down:before{content:"\e82a"}
.icon-arrow-up-left:before{content:"\e82b"}
.icon-arrow-up-right:before{content:"\e82c"}
.icon-arrow-up:before{content:"\e82d"}
.icon-award:before{content:"\e82e"}
.icon-bar-chart:before{content:"\e82f"}
.icon-at-sign:before{content:"\e830"}
.icon-bar-chart-2:before{content:"\e831"}
.icon-battery-charging:before{content:"\e832"}
.icon-bell-off:before{content:"\e833"}
.icon-battery:before{content:"\e834"}
.icon-bluetooth:before{content:"\e835"}
.icon-bell:before{content:"\e836"}
.icon-book:before{content:"\e837"}
.icon-briefcase:before{content:"\e838"}
.icon-camera-off:before{content:"\e839"}
.icon-calendar:before{content:"\e83a"}
.icon-bookmark:before{content:"\e83b"}
.icon-box:before{content:"\e83c"}
.icon-camera:before{content:"\e83d"}
.icon-check-circle:before{content:"\e83e"}
.icon-check:before{content:"\e83f"}
.icon-check-square:before{content:"\e840"}
.icon-cast:before{content:"\e841"}
.icon-chevron-down:before{content:"\e842"}
.icon-chevron-left:before{content:"\e843"}
.icon-chevron-right:before{content:"\e844"}
.icon-chevron-up:before{content:"\e845"}
.icon-chevrons-down:before{content:"\e846"}
.icon-chevrons-right:before{content:"\e847"}
.icon-chevrons-up:before{content:"\e848"}
.icon-chevrons-left:before{content:"\e849"}
.icon-circle:before{content:"\e84a"}
.icon-clipboard:before{content:"\e84b"}
.icon-chrome:before{content:"\e84c"}
.icon-clock:before{content:"\e84d"}
.icon-cloud-lightning:before{content:"\e84e"}
.icon-cloud-drizzle:before{content:"\e84f"}
.icon-cloud-rain:before{content:"\e850"}
.icon-cloud-off:before{content:"\e851"}
.icon-codepen:before{content:"\e852"}
.icon-cloud-snow:before{content:"\e853"}
.icon-compass:before{content:"\e854"}
.icon-copy:before{content:"\e855"}
.icon-corner-down-right:before{content:"\e856"}
.icon-corner-down-left:before{content:"\e857"}
.icon-corner-left-down:before{content:"\e858"}
.icon-corner-left-up:before{content:"\e859"}
.icon-corner-up-left:before{content:"\e85a"}
.icon-corner-up-right:before{content:"\e85b"}
.icon-corner-right-down:before{content:"\e85c"}
.icon-corner-right-up:before{content:"\e85d"}
.icon-cpu:before{content:"\e85e"}
.icon-credit-card:before{content:"\e85f"}
.icon-crosshair:before{content:"\e860"}
.icon-disc:before{content:"\e861"}
.icon-delete:before{content:"\e862"}
.icon-download-cloud:before{content:"\e863"}
.icon-download:before{content:"\e864"}
.icon-droplet:before{content:"\e865"}
.icon-edit-2:before{content:"\e866"}
.icon-edit:before{content:"\e867"}
.icon-edit-1:before{content:"\e868"}
.icon-external-link:before{content:"\e869"}
.icon-eye:before{content:"\e86a"}
.icon-feather:before{content:"\e86b"}
.icon-facebook:before{content:"\e86c"}
.icon-file-minus:before{content:"\e86d"}
.icon-eye-off:before{content:"\e86e"}
.icon-fast-forward:before{content:"\e86f"}
.icon-file-text:before{content:"\e870"}
.icon-film:before{content:"\e871"}
.icon-file:before{content:"\e872"}
.icon-file-plus:before{content:"\e873"}
.icon-folder:before{content:"\e874"}
.icon-filter:before{content:"\e875"}
.icon-flag:before{content:"\e876"}
.icon-globe:before{content:"\e877"}
.icon-grid:before{content:"\e878"}
.icon-heart:before{content:"\e879"}
.icon-home:before{content:"\e87a"}
.icon-github:before{content:"\e87b"}
.icon-image:before{content:"\e87c"}
.icon-inbox:before{content:"\e87d"}
.icon-layers:before{content:"\e87e"}
.icon-info:before{content:"\e87f"}
.icon-instagram:before{content:"\e880"}
.icon-layout:before{content:"\e881"}
.icon-link-2:before{content:"\e882"}
.icon-life-buoy:before{content:"\e883"}
.icon-link:before{content:"\e884"}
.icon-log-in:before{content:"\e885"}
.icon-list:before{content:"\e886"}
.icon-lock:before{content:"\e887"}
.icon-log-out:before{content:"\e888"}
.icon-loader:before{content:"\e889"}
.icon-mail:before{content:"\e88a"}
.icon-maximize-2:before{content:"\e88b"}
.icon-map:before{content:"\e88c"}
.icon-map-pin:before{content:"\e88e"}
.icon-menu:before{content:"\e88f"}
.icon-message-circle:before{content:"\e890"}
.icon-message-square:before{content:"\e891"}
.icon-minimize-2:before{content:"\e892"}
.icon-mic-off:before{content:"\e893"}
.icon-minus-circle:before{content:"\e894"}
.icon-mic:before{content:"\e895"}
.icon-minus-square:before{content:"\e896"}
.icon-minus:before{content:"\e897"}
.icon-moon:before{content:"\e898"}
.icon-monitor:before{content:"\e899"}
.icon-more-vertical:before{content:"\e89a"}
.icon-more-horizontal:before{content:"\e89b"}
.icon-move:before{content:"\e89c"}
.icon-music:before{content:"\e89d"}
.icon-navigation-2:before{content:"\e89e"}
.icon-navigation:before{content:"\e89f"}
.icon-octagon:before{content:"\e8a0"}
.icon-package:before{content:"\e8a1"}
.icon-pause-circle:before{content:"\e8a2"}
.icon-pause:before{content:"\e8a3"}
.icon-percent:before{content:"\e8a4"}
.icon-phone-call:before{content:"\e8a5"}
.icon-phone-forwarded:before{content:"\e8a6"}
.icon-phone-missed:before{content:"\e8a7"}
.icon-phone-off:before{content:"\e8a8"}
.icon-phone-incoming:before{content:"\e8a9"}
.icon-phone:before{content:"\e8aa"}
.icon-phone-outgoing:before{content:"\e8ab"}
.icon-pie-chart:before{content:"\e8ac"}
.icon-play-circle:before{content:"\e8ad"}
.icon-play:before{content:"\e8ae"}
.icon-plus-square:before{content:"\e8af"}
.icon-plus-circle:before{content:"\e8b0"}
.icon-plus:before{content:"\e8b1"}
.icon-pocket:before{content:"\e8b2"}
.icon-printer:before{content:"\e8b3"}
.icon-power:before{content:"\e8b4"}
.icon-radio:before{content:"\e8b5"}
.icon-repeat:before{content:"\e8b6"}
.icon-refresh-ccw:before{content:"\e8b7"}
.icon-rewind:before{content:"\e8b8"}
.icon-rotate-ccw:before{content:"\e8b9"}
.icon-refresh-cw:before{content:"\e8ba"}
.icon-rotate-cw:before{content:"\e8bb"}
.icon-save:before{content:"\e8bc"}
.icon-search:before{content:"\e8bd"}
.icon-server:before{content:"\e8be"}
.icon-scissors:before{content:"\e8bf"}
.icon-share-2:before{content:"\e8c0"}
.icon-share:before{content:"\e8c1"}
.icon-shield:before{content:"\e8c2"}
.icon-settings:before{content:"\e8c3"}
.icon-skip-back:before{content:"\e8c4"}
.icon-shuffle:before{content:"\e8c5"}
.icon-sidebar:before{content:"\e8c6"}
.icon-skip-forward:before{content:"\e8c7"}
.icon-slack:before{content:"\e8c8"}
.icon-slash:before{content:"\e8c9"}
.icon-smartphone:before{content:"\e8ca"}
.icon-square:before{content:"\e8cb"}
.icon-speaker:before{content:"\e8cc"}
.icon-star:before{content:"\e8cd"}
.icon-stop-circle:before{content:"\e8ce"}
.icon-sun:before{content:"\e8cf"}
.icon-sunrise:before{content:"\e8d0"}
.icon-tablet:before{content:"\e8d1"}
.icon-tag:before{content:"\e8d2"}
.icon-sunset:before{content:"\e8d3"}
.icon-target:before{content:"\e8d4"}
.icon-thermometer:before{content:"\e8d5"}
.icon-thumbs-up:before{content:"\e8d6"}
.icon-thumbs-down:before{content:"\e8d7"}
.icon-toggle-left:before{content:"\e8d8"}
.icon-toggle-right:before{content:"\e8d9"}
.icon-trash-2:before{content:"\e8da"}
.icon-trash:before{content:"\e8db"}
.icon-trending-up:before{content:"\e8dc"}
.icon-trending-down:before{content:"\e8dd"}
.icon-triangle:before{content:"\e8de"}
.icon-type:before{content:"\e8df"}
.icon-twitter:before{content:"\e8e0"}
.icon-upload:before{content:"\e8e1"}
.icon-umbrella:before{content:"\e8e2"}
.icon-upload-cloud:before{content:"\e8e3"}
.icon-unlock:before{content:"\e8e4"}
.icon-user-check:before{content:"\e8e5"}
.icon-user-minus:before{content:"\e8e6"}
.icon-user-plus:before{content:"\e8e7"}
.icon-user-x:before{content:"\e8e8"}
.icon-user:before{content:"\e8e9"}
.icon-users:before{content:"\e8ea"}
.icon-video-off:before{content:"\e8eb"}
.icon-video:before{content:"\e8ec"}
.icon-voicemail:before{content:"\e8ed"}
.icon-volume-x:before{content:"\e8ee"}
.icon-volume-2:before{content:"\e8ef"}
.icon-volume-1:before{content:"\e8f0"}
.icon-volume:before{content:"\e8f1"}
.icon-watch:before{content:"\e8f2"}
.icon-wifi:before{content:"\e8f3"}
.icon-x-square:before{content:"\e8f4"}
.icon-wind:before{content:"\e8f5"}
.icon-x:before{content:"\e8f6"}
.icon-x-circle:before{content:"\e8f7"}
.icon-zap:before{content:"\e8f8"}
.icon-zoom-in:before{content:"\e8f9"}
.icon-zoom-out:before{content:"\e8fa"}
.icon-command:before{content:"\e8fb"}
.icon-cloud:before{content:"\e8fc"}
.icon-hash:before{content:"\e8fd"}
.icon-headphones:before{content:"\e8fe"}
.icon-underline:before{content:"\e8ff"}
.icon-italic:before{content:"\e900"}
.icon-bold:before{content:"\e901"}
.icon-crop:before{content:"\e902"}
.icon-help-circle:before{content:"\e903"}
.icon-paperclip:before{content:"\e904"}
.icon-shopping-cart:before{content:"\e905"}
.icon-tv:before{content:"\e906"}
.icon-wifi-off:before{content:"\e907"}
.icon-minimize:before{content:"\e88d"}
.icon-maximize:before{content:"\e908"}
.icon-gitlab:before{content:"\e909"}
.icon-sliders:before{content:"\e90a"}
.icon-star-on:before{content:"\e90b"}
.icon-heart-on:before{content:"\e90c"}


/*---------------- MAIN CORE STYLESHEETS -----------------*/
html, body {height: 100%;}

/* default body elements colors  */
body {
  --background:  #fcfdfe;                   /*---- first backround color -----*/
  --background-2:#f4f7fa;                   /*---- second backround color -----*/  
  --background-3:#f8f8f8;                   /*---- third backround color -----*/
  --background-4:#fdfdff;                   /*---- fourth backround color -----*/
  --background-5:#ecf2f7;                   /*---- fifth backround color -----*/
  --background-6:#fff;                      /*---- sixth backround color -----*/
  --background-7:#EDF9F2;                   /*---- seventh backround color -----*/
  --color-h: #161c2d;                      /*---- headings text color -----*/
  --color-h-sub: rgba(22,28,45, 0.4);  /*---- sub headings text color -----*/
  --color-texts-opacity: rgba(22,28,45, 0.7);     /*---- texts color opacity -----*/
  --color-texts: #161c2d;                         /*---- text color -----*/
  --btn-border: rgba(3, 3, 3, 0.3);               /*---- buttons border color -----*/
  --border-color:#e7e9ed;                         /*---- border color -----*/
}

/* dark backgrounds body elements colors  */
.dark-bg,.dark-mode-texts {
  --background:  #0E1019;                   /*---- first backround color -----*/
  --background-2:rgba(255,255,255,0.01);    /*---- second backround color -----*/ 
  --background-3:#0E1019;                   /*---- third backround color -----*/
  --background-4:#0E1019;                   /*---- fourth backround color -----*/
  --background-5:#0E1019;                   /*---- fifth backround color -----*/
  --background-6:#0E1019;                   /*---- sixth backround color -----*/
  --background-7:#13151C;                   /*---- seventh backround color -----*/
  --color-h: #fff;                         /*---- headings text color -----*/
  --color-h-sub:rgba(255, 255, 255, 0.4);/*---- sub headings text color -----*/
  --color-texts-opacity: rgba(255, 255, 255,0.7); /*---- texts color opacity -----*/
  --color-texts: #fff;                            /*---- text color -----*/                 
  --btn-border: rgba(255,255,255,.3);             /*---- buttons border color -----*/
  --border-color:rgba(255,255,255,.08);           /*---- border color -----*/
}

/* light backgrounds body elements colors  */
.light-bg,.light-mode-texts {
  --background:  #fcfdfe;                   /*---- first backround color -----*/
  --background-2:#f4f7fa;                   /*---- second backround color -----*/ 
  --background-3:#f8f8f8;                   /*---- third backround color -----*/
  --background-4:#fdfdff;                   /*---- fourth backround color -----*/
  --background-5:#ecf2f7;                   /*---- fifth backround color -----*/
  --background-6:#fff;                      /*---- sixth backround color -----*/
  --background-7:#EDF9F2;                   /*---- seventh backround color -----*/ 
  --color-h: #161c2d;                      /*---- headings text color -----*/
  --color-h-sub: rgba(22,28,45, 0.4);  /*---- sub headings text color -----*/
  --color-texts-opacity: rgba(22,28,45, 0.7);     /*---- texts color opacity -----*/
  --color-texts: #161c2d;                         /*---- text color -----*/ 
  --btn-border: rgba(3, 3, 3, 0.3);               /*---- buttons border color -----*/
  --border-color:#e7e9ed;                         /*---- border color -----*/
}

/*---- variable backrounds color -----*/
.bg-default{background: var(--background)}
.bg-default-1{background: var(--background)}
.bg-default-2{background: var(--background-2)}
.bg-default-3{background: var(--background-3)}
.bg-default-4{background: var(--background-4)}
.bg-default-5{background: var(--background-5)}
.bg-default-6{background: var(--background-6)}
.bg-default-7{background: var(--background-7)}

/*---- variable elements display -----*/
.preloader{position:fixed;left:0px;top:0px;width:100%;height:100%;z-index:9999;background:#fff;overflow:hidden;}
.preloader .preloader-container{position:absolute;left:0;right:0;margin:auto;display:block;width:120px;text-align:center;top:50%;transform:translateY(-50%);}
.preloader .preloader-container svg{width:120px;height:80px;display:inline-block;vertical-align:middle;text-align:center;padding-left:30px;}
.lds-ring {display: inline-block;position: relative;width: 65px;height: 65px;margin-bottom: 15px;}
.lds-ring div {box-sizing: border-box;display: block;position: absolute; width: 50px;height: 50px;margin: 8px;border: 4px solid #fff; border-radius: 50%;animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;border-color: #00bcd4 transparent transparent transparent;}
.lds-ring div:nth-child(1) {animation-delay: -0.45s;}
.lds-ring div:nth-child(2) {animation-delay: -0.3s;}
.lds-ring div:nth-child(3) {animation-delay: -0.15s;}
@keyframes lds-ring {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}
.light-version-logo,.light-shape{display:none}
.dark-version-logo,.dark-shape{display:none}
.default-logo, .default-shape{display:block}
.dark-bg .dark-version-logo,.dark-mode-texts .dark-version-logo{display:block}
.dark-bg .light-shape,.dark-mode-texts .light-shape{display:none!important}
.dark-bg .dark-shape,.dark-mode-texts .dark-shape{display:block!important}
.dark-bg .light-mode-texts .dark-version-logo,.dark-mode-texts .light-mode-texts .dark-version-logo{display:none}
.dark-bg .light-mode-texts .light-version-logo,.dark-mode-texts .light-mode-texts .light-version-logo{display:block}
.dark-bg .default-logo,.dark-bg .default-shape,.dark-mode-texts .default-logo,.dark-mode-texts .default-shape{display:none}
.light-bg .light-version-logo,.light-mode-texts .light-version-logo{display:block}
.light-bg .light-shape,.light-mode-texts .light-shape{display:block!important}
.light-bg .dark-shape,.light-mode-texts .dark-shape{display:none!important}
.light-bg .dark-mode-texts .light-shape,.light-mode-texts .dark-mode-texts .light-shape{display:none!important}
.light-bg .dark-mode-texts .dark-shape,.light-mode-texts .dark-mode-texts .dark-shape{display:block!important}
.light-bg .dark-mode-texts .dark-version-logo, .light-mode-texts .dark-mode-texts .dark-version-logo{display:block}
.light-bg .dark-mode-texts .light-version-logo, .light-mode-texts .dark-mode-texts .light-version-logo{display:none}
.light-bg .default-logo, .light-bg .default-shape, .light-mode-texts .default-logo, .light-mode-texts .default-shape{display:none}
.coodiv-flex-all-center{display:flex;align-items:center;justify-content:center}
.coodiv-flex-y-center{display:flex;align-items:center}
@media(min-width:576px){.row-sm{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}}
@media(min-width:992px){.row-lg{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}}
@media(min-width:768px){.row-md{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}}
@media(min-width:1200px){.row-xl{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}}

/*---- core stylesheets -----*/
a {transition: .4s;}
a:hover {color: #473bf0;}
a.active-link-border{border-bottom:3px solid #68d585}
a.not-active-link-border{border-bottom:3px solid #dce2e5}
p{font-size:1.1875rem;color:var(--color-texts-opacity)}
button:focus {outline: none;box-shadow: none;}
.btn-reset {background: transparent;border: none;}
.fw-100{font-weight:100!important}
.fw-bold{font-weight:bold!important}
.img-w-50{width:50px}
.icon-btn{min-width:auto;max-width:58px}
.btn-auto-min-width{min-width:auto!important}
.overflow-scroll-y{overflow-y:scroll!important}
.line-height-16 {line-height: 16px!important}
.line-height-20 {line-height: 20px!important}

/*---------------- ul list stylesheets -----------------*/
.list-bill-plan{display:block}
.list-bill-plan a{display:inline-block;align-items:center;justify-content:center;height:100px;border-radius:20px;border:2px solid #c8d3d8;padding:20px;text-align:left;padding-left:60px;cursor:pointer;outline:none!important;position:relative}
.list-bill-plan a.active{border:2px solid #03a9f4}
.list-bill-plan a:after{content:'';top:50%;transform:translateY(-50%);position:absolute;height:10px;width:10px;left:22px;background:#fff;border-radius:40px}
.list-bill-plan a:before{content:'';top:50%;transform:translateY(-50%);position:absolute;height:22px;width:22px;left:16px;background:#fff;border:5px solid #c8d3d8;border-radius:40px}
.list-bill-plan a.active:after{background:#2196f3}
.list-bill-plan a.active:before{border:5px solid #2196f3}
.list-bill-plan a .title{font-size:16px;letter-spacing:-0.2px;line-height:22px;margin-bottom:0;text-align:left;margin-top:15px;font-weight:bold;color:#33383a;height:27px;display:block;margin:0}
.list-bill-plan a .title i{background-color:rgba(71,59,240,0.1);display:inline-flex;justify-content:center;align-items:center;border-radius:50rem!important;text-align:center;white-space:nowrap;vertical-align:baseline;color:#2a44ff;font-weight:100;font-size:14px;padding:3px 12px;font-style:normal;margin-left:5px}
.list-bill-plan a .price{font-size:24px;letter-spacing:-1.2px;line-height:1.375;text-align:left;font-weight:bold;display:block;color:#333638}
.list-bill-plan a .price i{font-size:10px;background:#ea3b4c;color:#FFF;padding:6px 10px;text-transform:uppercase;letter-spacing:0;border-radius:5px;cursor:pointer;vertical-align:middle;margin-left:10px;font-style:normal}
ul.li-flex-between li{display:flex;flex-wrap:wrap;justify-content:space-between!important}
ul.full-plan-disc li{padding:10px 20px;border-bottom:1px solid #f3f3f3}
ul.full-plan-disc li:last-child{border-bottom:0}
ul.full-plan-disc li span{font-size:.8rem;letter-spacing:-0.1px;line-height:1.73;margin-bottom:0!important;width:max-content;color:#FFF;padding:4px 11px;border-radius:11px;background:#333}
ul.full-plan-disc li.green span{background:#88b227}
ul.full-plan-disc li.blue span{background:#b5bec2}
ul.full-plan-disc li.reed span{background:#f44336}
ul.full-plan-disc li.reed span{background:#f44336}
ul.special-helf-box-list{padding:0 20px}
ul.special-helf-box-list li{text-align:left;padding:11px 0;position:relative;color:#13151c;letter-spacing:-0.2px;line-height:29px;display:flex;border-bottom:1px solid #f5f7f8;font-size:15px}
ul.special-helf-box-list li:last-child{border-bottom:0}
ul.special-helf-box-list li a.popover-host-features{color:#40a1e9;text-decoration:none!important}
ul.special-helf-box-list li.chacked:before{display:inline-block;font-family: 'feather' !important;speak:none;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\e83f";position:absolute;right:0;background:#68d585;color:#FFF;height:20px;width:20px;border-radius:50px;font-size:13px;text-align:center;line-height:20px;top:50%;transform:translateY(-50%)}
ul.special-helf-box-list li.not-chacked:before{display:inline-block;font-family: 'feather' !important;speak:none;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\e8f6";position:absolute;right:0;background:#d7e2e7;color:#FFF;height:20px;width:20px;border-radius:50px;font-size:13px;text-align:center;line-height:20px;top:50%;transform:translateY(-50%)}
ul.special-helf-box-list li.not-chacked{color:#d6dee2}
.justify-content-center-li li {justify-content: center !important;}
.list-style-check {list-style: none;}
.list-style-check li i {font-size: 16px;color: #68d585;margin-right: 14px;margin-top: 7px;}
.footer-list {transition: .4s;}


/*---------------- Media stylesheets -----------------*/
.accordion-trigger.arrow-icon{position:relative;display:flex;align-items:center;justify-content:space-between;font-weight: 600;}
.accordion-trigger.arrow-icon:after {content: "\e842";font-family: 'feather' !important;font-size: 20px;display: block;line-height: 1;transform: rotate(0deg);transition: .4s;font-weight: 100;}
.accordion-trigger.arrow-icon[aria-expanded="true"]:after{transform:rotate(-180deg)}
.coodiv-badge{min-width:95px;min-height:29px;display:inline-flex;justify-content:center;align-items:center;padding:5px 20px}
.btn{min-width:175px;display:inline-flex;align-items:center;justify-content:center}
.btn-hover-translate-none:hover{transform:translateY(0)}
.btn.with-icon i{margin-left:25px}
.btn.with-icon-left i{margin-right:15px}
.btn-primary{color:#fff}
.btn-primary.with-icon i{margin-left:25px}
.btn-primary:hover{background:#473bf0}
.btn-white{border:1px solid #d5d7dd}
.btn-white:hover{color:#473bf0;background:#fff}
.btn-link.with-icon{display:inline-flex;align-items:center;justify-content:center}
.btn-link.with-icon i{margin-left:16px;transition:.4s}
.btn-link.with-icon:hover i{margin-left:25px}
.card-btn-link{display:flex;justify-content:space-between;align-items:center}
.card-btn-link i{margin-left:auto;transition:.4s}
.card-btn-link:hover i{margin-right:-5px}
.btn-toggle{width:160px;height:36px;position:relative;border-radius:17px;background-color:rgba(19,21,28,0.15);position:relative;margin:0 15px}
.btn-toggle span{margin:0;top:50%;transform:translateY(-50%);width:68px;height:24px;background-color:#FFF;position:absolute;left:9px;transition:.4s;border-radius:500px;pointer-events:none}
.btn-toggle span.month{left:19px!important;background:transparent;color:#FFF;font-size:13px;top:50%;transform:translateY(-50%);height:auto;width:auto;margin:0}
.btn-toggle span.year{right:19px;background:transparent;color:#FFF;font-size:13px;top:50%;transform:translateY(-50%);height:auto;width:auto;left:auto!important;margin:0;color:#333}
.btn-toggle.active{background:#473bf0}
.btn-toggle.active span{left:calc(100% - 33px)}
.card-list{max-width:315px;margin:30px 0}
.card-list li{color:#13151C;letter-spacing:-.2px;line-height:29px;margin-bottom:13px;display:flex}
.card-list li.disabled{color: red;opacity: 0.6;}
.card-list li.disabled i{color:#d5d7dd}
.card-columns{-moz-column-count:1;column-count:1}
@media (min-width: 576px) {.card-columns{-moz-column-count:2;column-count:2}}
@media (min-width: 768px) {.card-columns.column-3{-moz-column-count:3;column-count:3}}
.job-card-hover i{transition:.4s}
.job-card-hover:hover i{color:#473bf0!important}
.category-card{transition:.4s;background-color:#fff}
.category-card .title{color:#13151C}
.category-card .sub-title{color:rgba(19,21,28,0.7)}
.category-card .card-icon{background-color:#473bf0}
@media (min-width: 768px) {.category-card .card-icon{transition:.3s;transform:scale(0);background-color:rgba(255,255,255,0.2)}}
@media (min-width: 768px) {.category-card:hover{background-color:#473bf0}
.category-card:hover .card-title{color:#fff}
.category-card:hover .sub-title{color:rgba(255,255,255,0.7)}
.category-card:hover .card-icon{transform:scale(1)}}
.coodiv-check-input{padding-top:5px;margin-bottom:20px}
.coodiv-check-input input:checked ~ .checkbox{background:#473bf0}
.coodiv-check-input input:checked ~ .checkbox::after{opacity:1;color:#fff}
.coodiv-check-input .checkbox{position:relative;line-height:1;width:19px;height:19px;border-radius:3px;background-color:#E7E9ED}
.coodiv-check-input .checkbox:after{content:"\eaba";font-family: 'feather' !important;font-size:15px;font-weight:400;color:#000;position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;display:flex;align-items:center;justify-content:center}
.coodiv-radio-input input:checked ~ label .round-indicator{border:1px solid #473bf0;background:#fff}
.coodiv-radio-input input:checked ~ label .round-indicator:after{opacity:1}
.round-indicator{position:relative;display:inline-block;border:1px solid #E5E5E5;background-color:#E5E5E5;min-width:20px;max-width:20px;min-height:20px;max-height:20px;border-radius:500px}
.round-indicator:after{content:"";background-color:#473bf0;min-width:12px;max-width:12px;min-height:12px;max-height:12px;border-radius:500px;position:absolute;top:50%;left:50%;opacity:0;transform:translate(-50%,-50%)}
#toTop {position: fixed;bottom: 27px;right: 27px;cursor: pointer;display: none;border-radius: 45px;background: #12141e;z-index: 4;border: #161d23;color: #fff;-webkit-transition: all 0s ease-in-out;-moz-transition: all 0s ease-in-out;-o-transition: all 0s ease-in-out;-ms-transition: all 0s ease-in-out;transition: all 0s ease-in-out;min-width: auto;width: 40px;height: 40px;text-align: center;padding: 0;line-height: 40px;z-index: 999999;}
.live-support-trigger{position:fixed;bottom:22px;right:25px;cursor:pointer;z-index:999;display:none;-webkit-transition:all 0s ease-in-out;-moz-transition:all 0s ease-in-out;-o-transition:all 0s ease-in-out;-ms-transition:all 0s ease-in-out;transition:all 0s ease-in-out}
.live-support-trigger .profile-pic{width:45px;height:45px;border-radius:40px;border:3px solid #00bcd4}
.live-support-trigger .live-support-welcome{position:absolute;white-space:nowrap;right:40px;top:50%;transform:translateY(-50%);background:#17a2b8;color:#FFF;padding:4px 20px;border-radius:26px;will-change:transform;z-index:-99;opacity:0;pointer-events:none;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.live-support-trigger:hover .live-support-welcome{transform:translateX(-22px) translateY(-50%);z-index:9999;opacity:1;pointer-events:visible}
.live-support-trigger .live-support-welcome:after{width:0;height:0;border-style:solid;border-width:7px 0 7px 10px;border-color:transparent transparent transparent #17a2b8;content:'';position:absolute;right:-6px;top:50%;transform:translateY(-50%)}


/*---------------- Homepage domain search bar -----------------*/
.domain-header-search-form{border-radius:10px}
@media (min-width: 992px) {.domain-header-search-form .single-input{border-bottom:0}}
.domain-header-search-form .single-input:last-child{border-right:0}
.domain-header-search-form .inputdomainsearch{width:100%;display:flex;align-items:center;padding:16px 20px;border:0!important;outline:none!important;margin:0;background:#e8eff3;border-radius:10px 0 0 10px;height:100%}
.domain-header-search-form .inputdomainsearch:focus,.domain-header-search-form .inputdomainsearch:hover,.domain-header-search-form .inputdomainsearch:active{background:#e8eff3}
.domain-header-search-form .form-control:focus{box-shadow:none}
.domain-header-search-form{border-radius:10px}
@media (min-width: 992px) {.domain-header-search-form .single-input{border-bottom:0}}
.domain-header-search-form .single-input:last-child{border-right:0}
.domain-header-search-form .inputdomainsearch{width:100%;display:flex;align-items:center;padding:16px 20px;border:0!important;outline:none!important;margin:0;background:#e8eff3;border-radius:10px 0 0 10px;height:100%}
.domain-header-search-form .inputdomainsearch:focus,.domain-header-search-form .inputdomainsearch:hover,.domain-header-search-form .inputdomainsearch:active{background:#e8eff3}
.domain-header-search-form .form-control:focus{box-shadow:none}
.domain-box-sale-header{padding:0 15px}
.domain-header-search-form{border-radius:10px 10px 0 0;box-shadow:12px 12px 30px 0 rgba(77,77,119,.10);position:relative;z-index:1}
.domain-box-sale-header .col{background:#FFF;padding:20px;text-align:center;cursor:pointer;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.domain-box-sale-header .col:hover{background:#f7f8f9}
.domain-box-sale-header .col img{width:60px}
.domain-box-sale-header .col h5{color:#333;font-size:13px;margin-top:10px;display:block}
.domain-box-sale-header .col h5 span{background:#fc706f;color:#fff;padding:3px 10px;border-radius:4px;margin-right:6px}
.domain-box-sale-header .col:first-child{border-radius:0 0 0 10px}
.domain-box-sale-header .col:last-child{border-radius:0 0 10px 0;border:0}
.domain-header-search-form .search-btn {width: 100%;}
.toggle-domain-s-t {transition: .4s;}
.toggle-domain-s-t:hover {background: #f3f5f6;}
.domain-search-input-header{width:100%;border:0;height:75px;border-bottom:4px solid #eaebf2;font-size:22px;padding-right:200px;background:transparent!important;outline:none!important}
.domain-search-input-header.homapage-domain-search::placeholder{color:#fff!important}
.domain-search-input-header.homapage-domain-search{color:#fff!important}
.domain-search-button-header{right:0;height:55px;top:50%;transform:translateY(-50%)}
.domains-box{height:100px;outline:none!important;padding-right:95px}
.domains-box img{height:18px}
.domains-box .sold-side-domain{position:absolute;right:0;top:0;bottom:0;border-radius:0 10px 10px 0;padding:9px 5px;text-align:center;color:#fff;width:90px}
.domains-box .sold-side-domain i{font-weight:100;font-style:inherit;display:block;background:rgb(51 51 51 / 9%);height:53px;border-radius:10px;position:absolute;left:8px;right:8px;bottom:8px;font-size:15px;line-height:53px}
.domain-name-hexagon{left:0;right:0;margin:auto;display:block;text-align:center;top:50%;transform:translateY(-50%);color:#71c2c0;font-size:14px;position:absolute;font-weight:bold}


/*---------------- Header styles -----------------*/
.site-header .navbar{padding:1.7rem 1rem}
.site-header.site-header--absolute.top-header-fixed .navbar {padding: 0.6rem 1rem;}
header.site-header.fixed-header-layout{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .1s ease-in-out}
header.site-header.fixed-header-layout.top-header-fixed{position:fixed;top:0;z-index:999;background:#fff;-webkit-box-shadow: 0 9px 18px rgb(0 0 0 / 8%);box-shadow: 0 7px 17px rgb(0 0 0 / 4%);opacity:1;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
@media(min-width:992px){.header-btn{margin-left:10px}}
.header-btn a{display:none}
@media(min-width:360px){.header-btn a{display:inline-flex;min-height:35px;min-width:120px;font-size:14px;font-weight:500;border-radius:.625rem}}
@media(min-width:400px){.header-btn a{min-height: 35px;min-width: 125px;font-size: 13px;border-radius: 41px;padding: 0;}}
@media(min-width:576px){.header-btn a {min-height: 35px;padding: 0;font-size: 12px;border-radius: 9px;font-weight: 600;letter-spacing: 0.2px;height: 35px;min-width: 90px;}}
.header-btns .btn{min-width:124px;height:45px;font-size:15px}
.btn-close{position:absolute;top:0;right:0;font-size:22px;width:60px;height:50px;display:flex;justify-content:center;border:0;background:transparent;font-weight:700}
.btn-close i{color:#353638}
.site-header--absolute{position:absolute;left:0;width:100%;z-index:999;top:0;padding: 0;height: 105px}
.site-header--sticky:not(.mobile-sticky-enable){position:absolute!important;top:0;right:0;width:100%;z-index:999}
@media(min-width:992px){.site-header--sticky:not(.mobile-sticky-enable){position:fixed!important;transition:.4s}
.site-header--sticky:not(.mobile-sticky-enable).scrolling{transform:translateY(-100%);transition:.4s}
.site-header--sticky:not(.mobile-sticky-enable).reveal-header{transform:translateY(0%);box-shadow:0 12px 34px -11px rgba(65,62,101,0.1);z-index:9999}}
.site-header--sticky.mobile-sticky-enable{top:0;right:0;width:100%;z-index:999;position:fixed!important;transition:.4s}
.site-header--sticky.mobile-sticky-enable.scrolling{transform:translateY(-100%);transition:.4s}
.site-header--sticky.mobile-sticky-enable.reveal-header{transform:translateY(0%);box-shadow:0 12px 34px -11px rgba(65,62,101,0.1);z-index:9999}
@media(min-width:992px){.site-header--menu-center .navbar-nav-wrapper{margin-left:auto;margin-right:auto}}
@media(min-width:1200px){.header-with-left-menu .container-fluid .navbar-nav-wrapper{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}}
@media(min-width:1200px) and (min-width:576px){.header-with-left-menu .container-fluid .navbar-nav-wrapper{max-width:540px}}
@media(min-width:1200px) and (min-width:768px){.header-with-left-menu .container-fluid .navbar-nav-wrapper{max-width:720px}}
@media(min-width:1200px) and (min-width:992px){.header-with-left-menu .container-fluid .navbar-nav-wrapper{max-width:960px}}
@media(min-width:1200px) and (min-width:1200px){.header-with-left-menu .container-fluid .navbar-nav-wrapper{max-width:1140px}}
.header-with-left-menu .container-fluid>.container-fluid .coodiv-megamenu-dropdown{left:0;transform:translateX(0%) translateY(10px)}
.header-with-left-menu .container-fluid>.container-fluid .nav-item.dropdown:hover>.coodiv-megamenu-dropdown.center{transform:translateX(0%) translateY(-10px);left:0}
.header-with-left-menu .navbar-nav-wrapper .navbar-nav{justify-content:flex-start;padding-left:15px}
@media(min-width:1200px){.header-with-left-menu .navbar-nav-wrapper{width:100%}}
.header-with-right-menu .navbar-nav-wrapper{margin-left:auto}
.header-with-right-menu>.container-fluid .coodiv-megamenu-dropdown{left:100%;transform:translateX(-100%) translateY(10px)}
.single-div:after{position:absolute;right:0;top:62px;bottom:62px;width:1px;content:"";background:red}
.single-div:last-child:after{background:transparent}
.single-div+.single-div:after{position:absolute;left:0;top:62px;bottom:62px;width:1px;content:"";background:red}
.header-cart{position:relative;font-size:20px;color:var(--color-texts);margin-left:auto;margin-right:15px;margin-right:15px}
@media(min-width:992px){.header-cart{margin-left:10px}}
.header-cart span{height:20px;width:20px;font-size:12px;border-radius:500px;display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:0;transform:translate(50%,-50%);background:#68d585;color:#fff}
@media(min-width:576px){.coodiv-nav-tabs{border-bottom:1px solid var(--border-color)}}
.coodiv-nav-tabs .nav-link{padding-left:0;padding-right:0;margin-right:50px;padding-bottom:20px;border-bottom:1px solid var(--border-color);padding-top:20px;margin-bottom:-1px;color:var(--texts-color)}
@media(min-width:576px){.coodiv-nav-tabs .nav-link{margin-right:100px}}
.coodiv-nav-tabs .nav-link:last-child{margin-right:0}
.coodiv-nav-tabs .nav-link.active{border-color:#473bf0;color:#473bf0}
a.headerphone-number {position: absolute;left: 0;bottom: -24px;height: auto;min-height: auto;color: var(--color-texts) !important;font-weight: 200;font-size: 13px;width: 100%;text-align: center;display: block;white-space: nowrap;}
.top-tabs-coodiv a{border-top:3px solid #fff}
.top-tabs-coodiv a.active{border-top:3px solid #8adea0}
.header-border-bottom{position:absolute;top:0;left:0;width:100%;z-index:1;height:130px;background:transparent;border-bottom:1px solid #e5eaec}
.header-shadow-bottom{position: absolute;top: 0;left: 0;width: 100%;z-index: 1;height: 130px;background: rgb(22 22 23 / 11%);background: linear-gradient(180deg, #1b1d1d8c 11%, transparent 100%);}
.header-white-bg{background:#fff;border-bottom: 1px solid #f2f5f6}
.brand-logo>a>img,.brand-logo-signup>a>img{height: 25px}
.header-google-map{position:absolute!important;top:0;left:0;right:0;bottom:0;height:auto!important;z-index:0}
.header-google-map-height{height:700px}
.map-height-lose-header{height:250px}
.header-google-map:before,.header-google-map:after{position:absolute;top:0;left:0;width:50%;height:100%;content:"";pointer-events:none;background:linear-gradient(90deg,#fff,transparent);z-index:1}
.header-google-map:after{width:100%;height:130px;background:linear-gradient(#fff,transparent)}


/*---------------- Page hero styles -----------------*/
.hero-area-coodiv{background-image:linear-gradient(225deg,#b1d9c6 0%,#e6fff3 39%,#e6fff3 100%);background-image:linear-gradient(225deg,#b1d9c6 0%,#e6fff3 39%,#e6fff3 100%);padding-bottom:5rem!important;padding-top:9.375rem!important;background-size:400% 400%;animation:gradient-animation 20s ease infinite}
.hero-area-coodiv.light-color-hero-area{background-image:linear-gradient(225deg,#f0f3fc 0%,#f9fafd 39%,#dee1ec 100%);background-image:linear-gradient(225deg,#f0f3fc 0%,#f9fafd 39%,#dee1ec 100%)}
@media (min-width: 992px) {.hero-area-coodiv{padding-top: 9.25rem!important;min-height: 850px;max-height: initial;height: 100vh;}}
.hero-area-coodiv .header-hero-backgrounds .montains-01{background:url(../image/header/mount/mount-1.png) no-repeat;position:absolute;right:0;bottom:0;width:780px;height:550px;overflow:hidden;background-size:cover}
.hero-area-coodiv .header-hero-backgrounds .montains-02{background:url(../image/header/mount/mount-2.png) no-repeat;position:absolute;right:493px;bottom:0;overflow:hidden;width:804px;height:596px}
.hero-area-coodiv .header-hero-backgrounds .header-erath{background:url(../image/header/earth.png) no-repeat;position:absolute;left:-170px;top:-130px;width:773px;height:287px;overflow:hidden}
.hero-area-coodiv .t-first{left:80px;top:275px;position:absolute}
.hero-area-coodiv .t-first img{width:70px}
.hero-area-coodiv .t-second{right:160px;top:190px;position:absolute}
.hero-area-coodiv .t-second img{width:50px}
.hero-area-coodiv .shape-3 img,.hero-area-coodiv .shape-2 img,.hero-area-coodiv .shape-1 img{opacity:.3}
.hero-area-coodiv #particles-bg{opacity:.3;position:absolute;z-index:0;top:0;width:100%}
.hero-helf-2-btns{display:flex}
.hero-helf-2-btns .btn:first-child{width:56%;margin-right:3%}
.hero-helf-2-btns .btn:last-child{width:40%}
.hero-area-coodiv.text-page-hero{height: 80px;min-height: auto;padding: 0!important;margin-bottom: 40px;border-bottom: 1px solid var(--border-color) !important;background: #fff;}
.hero-img-custom{position:relative;bottom:-2px;left:0}
@media(min-width:480px){.hero-img-custom{bottom:-33px;left:0}}
@media(min-width:576px){.hero-img-custom{bottom:-9px;left:0}}
@media(min-width:768px){.hero-img-custom{position:absolute;bottom:-47px;left:0}}
@media(min-width:992px){.hero-img-custom{bottom:-104px;left:-145px}}
@media(min-width:1200px){.hero-img-custom{bottom:-120px;left:-145px}}
.hero-area-coodiv .header-hero-backgrounds .sunset-main-mountain{background:url(../image/header/sunset-version/main-mountain.png) no-repeat;position:absolute;width:1200px;height:350px;background-size:contain;overflow:hidden;left:0;right:0;margin:auto;bottom:-160px}
.hero-area-coodiv .header-hero-backgrounds .sunset-main-trees-left{background:url(../image/header/sunset-version/main-trees-left.png) no-repeat;position:absolute;width:1278px;height:755px;background-size:contain;bottom:-290px;right:49%}
.hero-area-coodiv .header-hero-backgrounds .sunset-main-trees-right{background:url(../image/header/sunset-version/main-trees-right.png) no-repeat;position:absolute;width:1212px;height:749px;background-size:contain;bottom:-290px;left:49%}
.hero-area-coodiv .header-hero-backgrounds .sunset-fog{background:linear-gradient(0deg,#efc5be 0,transparent 90%,transparent 100%);position:absolute;bottom:-89px;height:200px;width:100%}
.hero-area-coodiv .header-hero-backgrounds .the-moon{background:url(../image/header/sunset-version/main-trees-right.png) no-repeat;position:absolute;width:1212px;height:749px;background-size:contain;bottom:-215px;left:50%}
.hero-area-coodiv .header-hero-backgrounds .sunset-version-base-img{height:595px;position:absolute;bottom:-450px;width:100%}
.hero-area-coodiv .header-hero-backgrounds .sunset-version-base-img span{background:url(../image/header/sunset-version/mountain-base.png) no-repeat;position:absolute;width:3000px;height:595px;background-size:contain;left:50%;transform:translateX(-50%);z-index:2}
.hero-area-coodiv .header-hero-backgrounds .back-mountain-light{position:absolute;bottom:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background:-webkit-radial-gradient(bottom,circle,rgba(252,255,251,0.9) 0,rgba(253,250,219,0.4) 30%,rgba(226,219,197,0.01) 70%,rgba(226,219,197,0.0) 70%,rgba(201,165,132,0) 100%);background:-moz-radial-gradient(bottom,circle,rgba(252,255,251,0.9) 0,rgba(253,250,219,0.4) 30%,rgba(226,219,197,0.01) 70%,rgba(226,219,197,0.0) 70%,rgba(201,165,132,0) 100%);background:-ms-radial-gradient(bottom,circle,rgba(252,255,251,0.9) 0,rgba(253,250,219,0.4) 30%,rgba(226,219,197,0.01) 70%,rgba(226,219,197,0.0) 70%,rgba(201,165,132,0) 100%);opacity:.3}
.hero-area-coodiv .header-hero-backgrounds .back-mountain-sun{position:absolute;width:64%;height:100%;bottom:-175px;background-repeat:no-repeat;background:-webkit-radial-gradient(bottom,circle,rgba(242,248,247,1) 0,rgba(249,249,28,1) 3%,rgba(247,214,46,1) 8%,rgba(248,200,95,1) 12%,rgba(201,165,132,1) 30%,transparent 51%,transparent 85%,transparent 100%);background:-moz-radial-gradient(bottom,circle,rgba(242,248,247,1) 0,rgba(249,249,28,1) 3%,rgba(247,214,46,1) 8%,rgba(248,200,95,1) 12%,rgba(201,165,132,1) 30%,rgba(115,130,133,1) 51%,rgba(46,97,122,1) 85%,rgba(24,75,106,1) 100%);background:-ms-radial-gradient(bottom,circle,rgba(242,248,247,1) 0,rgba(249,249,28,1) 3%,rgba(247,214,46,1) 8%,rgba(248,200,95,1) 12%,rgba(201,165,132,1) 30%,rgba(115,130,133,1) 51%,rgba(46,97,122,1) 85%,rgba(24,75,106,1) 100%);right:-150px}
.hero-area-coodiv.sunset-version{background-image:linear-gradient(225deg,#515160 0,#515b83 39%,#0e1327 100%);background-image:linear-gradient(225deg,#515160 0,#515b83 39%,#0e1327 100%);background-size:100%;animation:none}
.wave-shape-bottom.sunset-version{bottom:-300px}
.hero-area-coodiv .header-hero-backgrounds .sunsetcloud{background:url(../image/header/sunset-version/clouds.png) repeat-x;height:175px;width:100%;animation:cloudanitransfer 60s linear infinite;position:absolute;bottom:-70px;opacity:.3}
@keyframes cloudanitransfer{from{background-position:0 0}
to{background-position:100% 0}
}.tab-image-features li{position:absolute}
.tab-image-features li a img{opacity:.3;transform:scale(0.9);transition:all .2s}
.tab-image-features li a{padding:0}
.tab-image-features li a.active img,.tab-image-features li a:hover img{opacity:1;transform:scale(1)}
.tab-image-features li:nth-child(1){top:31%;left:0;width:100px;height:100px}
.tab-image-features li:nth-child(2){top:15%;left:20%;width:100px;height:100px}
.tab-image-features li:nth-child(3){top:15%;right:30%;width:100px;height:100px}
.tab-image-features li:nth-child(4){top:32%;right:0;width:180px;height:100px}
.ourfeatures-box{background:#36364e;color:#fff;font-size:1rem;text-align:center;position:relative;overflow:hidden}
.ourfeatures-box i{color:#f7e36d;margin-right:5px;position:absolute;font-size:20px;top:50%;transform:translateY(-50%);left:20px}
.ourfeatures-box-group .ourfeatures-box:nth-child(1){border-radius:20px 20px 0 0}
.ourfeatures-box-group .ourfeatures-box:nth-child(2){background:#4b4b68}
.ourfeatures-box-group .ourfeatures-box:nth-child(3){background:#676787;border-radius:0 0 20px 20px}
.safari-browser-mockup .ddos-attack-mockup{position:absolute;background-image:linear-gradient(225deg,#26203c 0,#231e36 39%,#676083 100%);background-image:linear-gradient(225deg,#26203c 0,#231e36 39%,#676083 100%);background-size:400% 400%;animation:gradient-animation 20s ease infinite;top:55px;bottom:75px;left:1px;right:0;border-radius:0 0 15px 15px;overflow:hidden}
.safari-browser-mockup .main-ddos-attack-charactuer{width:460px;position:absolute;bottom:0;left:0;right:0;margin:auto;z-index:1}
.safari-browser-mockup .ddos-attack-mockup .ddos-attack-mock-waves{position:absolute;bottom:0;opacity:.02}
.safari-browser-mockup .ddos-attack-mock-waves-one{position:absolute;bottom:-143px}
.safari-browser-mockup .ddos-attack-mock-waves-two{position:absolute;bottom:-90px}
.safari-browser-mockup .ddos-attack-mock-waves-tree{position:absolute;width:430px;bottom:-5%;left:0;right:0;margin:auto;opacity:.7;animation:float 6s ease-in-out infinite}
@keyframes float{0%{transform:translatey(0px)}
50%{transform:translatey(-20px)}
100%{transform:translatey(0px)}}
.ddos-attack-plan{padding-top:430px;margin-top:-380px}
.ddos-attack-package{background:#fff;border:4px solid #ff8d3a;border-radius:15px;position:relative;padding:60px 27px 16px;overflow:hidden}
.ddos-attack-package .ddos-attack-package-head{position:absolute;top:0;left:0;right:0;background:#ff8d3a;color:#fff;padding:8px;text-align:center;font-weight:100}
.ddos-attack-package .ddos-attack-price span{background:#fff4ec;position:relative;padding:9px 15px;border-radius:7px;font-weight:bold;color:#ff8d3a;font-size:13px}
.ddos-attack-package .ddos-first-features{margin-top:15px;padding-left:0;padding-top:10px;list-style:none}
.ddos-attack-package .ddos-first-features li{justify-content:space-between!important;display:flex;padding:4px 10px;font-size:14px;letter-spacing:-0.2px;line-height:1.71}
.ddos-attack-package .ddos-first-features li span:last-child{font-weight:bold;color:#161c2d}
.ddos-attack-package .ddos-second-features{margin-top:15px;padding-left:0;padding-top:10px;list-style:none}
.ddos-attack-package .ddos-second-features li{display:flex;padding:4px 10px;font-size:14px;letter-spacing:-0.2px;line-height:1.71;align-items:center!important}
.ddos-attack-package .ddos-second-features li i{color:#8bc34a}
.ddos-attack-package .ddos-third-features{margin-top:15px;padding-left:0;padding-top:10px;list-style:none}
.ddos-attack-package .ddos-third-features li{display:flex;padding:4px 10px;font-size:14px;letter-spacing:-0.2px;line-height:1.71;align-items:center!important}
.ddos-attack-package .ddos-third-features li strong{display:block}
.ddos-attack-package .ddos-third-features li i{color:#8bc34a}
.icons-pack-head{opacity:.7}
.icons-pack-head i{color:#fff;height:80px;width:80px;line-height:80px;background:#333;border-radius:50px;font-size:24px;box-shadow:0 31px 34px -20px rgb(0 0 0 / 9%);transition:all .2s}
.icons-pack-head i:nth-child(1){background:#ff9800;margin-right:-15px;height:50px;width:50px;line-height:51px;font-size:16px}
.icons-pack-head i:nth-child(2){background:#3f51b5;margin-right:-20px;height:62px;width:62px;line-height:64px;font-size:18px}
.icons-pack-head i:nth-child(3){background:#68d585;z-index:2}
.icons-pack-head i:nth-child(4){background:#f44336;margin-left:-20px;height:62px;width:62px;line-height:64px;font-size:18px;z-index:1}
.icons-pack-head i:nth-child(5){background:#cddc39;margin-left:-15px;height:50px;width:50px;line-height:51px;font-size:16px}
.our-domains-features-box .our-domains-features-head{background:#e8efff;border-radius:20px;padding:0 30px;margin-bottom:15px;height:160px}
.our-domains-features-box .our-domains-features-head .our-domains-features-head-element{background:#fff;padding:15px;border-radius:20px;box-shadow:0 31px 34px -20px rgb(0 0 0 / 9%);padding-left:95px;height:93px}
.our-domains-features-box .our-domains-features-head .our-domains-features-head-element .check-elements{position:absolute;right:0;top:0;background:#1d66ff;color:#fff;font-size:17px;padding:9px 15px;border-radius:0 20px 0 10px}
.our-domains-features-box .our-domains-features-head .our-domains-features-head-element .our-domains-features-tumb img{width:70px;position:absolute;left:13px;bottom:0}
.our-domains-features-box .our-domains-features-head .our-domains-features-head-element .our-domains-features-text span:first-child{font-size:14px;letter-spacing:-0.5px;font-weight:bold}
.our-domains-features-box .our-domains-features-head .our-domains-features-head-element .our-domains-features-text span:last-child{font-size:13px;letter-spacing:-0.5px;font-weight:100;display:block}
.our-domains-features-box .our-domains-features-head.element-page{background:#f1f5fc}
.our-domains-features-box .our-domains-features-head.element-page .lock-badge{position:absolute;top:-12px;right:-18px;background:#71d875;font-weight:500;font-size:13px;color:#fff;padding:7px 20px;border-radius:10px}
.our-domains-features-head-element-body span{background:#ebf0fb;height:15px;display:block;width:100%;margin-bottom:11px;border-radius:20px}
.our-domains-features-box .our-domains-features-head.element-page.green-element{background:#eaf9e8}
.ddos-attack-package.not-feaures-package{border:4px solid #eaecef;padding:20px 27px 16px}
.helf-bg-white-position{background:#fff;position:absolute;width:100%;height:42%;top:0}
.hero-area-coodiv.snow-montagne{background-image:linear-gradient(225deg,#bcc8d6 0,#d1bcc1 39%,#d2aaab 100%);background-image:linear-gradient(225deg,#bcc8d6 0,#d1bcc1 39%,#d2aaab 100%)}
.hero-area-coodiv.snow-montagne .left-montagne-part{background:url(../image/header/snow-montagne/left-part.png) no-repeat;position:absolute;width:2000px;height:555px;background-size:contain;bottom:-25px;right:20%}
.hero-area-coodiv.snow-montagne .right-montagne-part{background:url(../image/header/snow-montagne/right-part.png) no-repeat;position:absolute;width:1600px;height:555px;background-size:contain;bottom:-25px;left:51%}
.hero-area-coodiv.snow-montagne .bottom-montagne-part{height:894px;position:absolute;width:100%;top:390px;z-index:0}
.hero-area-coodiv.snow-montagne .bottom-montagne-part span{background:url(../image/header/snow-montagne/buttom-part.png) no-repeat;position:absolute;width:2500px;height:894px;top:0;background-size:contain;left:0;right:0;margin:auto;z-index:1}
.hero-area-coodiv.snow-montagne .illustration-element{background:url(../image/header/snow-montagne/illustration.png) no-repeat;position:absolute;width:550px;height:429px;bottom:-80px;background-size:contain;left:56%}
.hero-area-coodiv.snow-montagne .header-hero-backgrounds .back-mountain-light{position:absolute;bottom:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background:-webkit-radial-gradient(bottom,circle,rgba(252,255,251,0.9) 0,rgba(253,250,219,0.4) 30%,rgba(226,219,197,0.01) 70%,rgba(226,219,197,0.0) 70%,rgba(201,165,132,0) 100%);background:-moz-radial-gradient(bottom,circle,rgba(252,255,251,0.9) 0,rgba(253,250,219,0.4) 30%,rgba(226,219,197,0.01) 70%,rgba(226,219,197,0.0) 70%,rgba(201,165,132,0) 100%);background:-ms-radial-gradient(bottom,circle,rgba(252,255,251,0.9) 0,rgba(253,250,219,0.4) 30%,rgba(226,219,197,0.01) 70%,rgba(226,219,197,0.0) 70%,rgba(201,165,132,0) 100%);opacity:.3}
.hero-area-coodiv.snow-montagne .header-hero-backgrounds .back-mountain-sun{bottom:-116px;right:37px}
.hero-area-coodiv.snow-montagne .t-first{left:41%;top:111px}
.safari-browser-mockup .wp-floting-img{position:absolute;width:247px;bottom:20%;left:0;right:0;margin:auto;animation:float 6s ease-in-out infinite}
.main-text-after-montagne{background:#36364e;position:relative;z-index:2}
@media(max-width:991px){
.hero-area-coodiv .header-hero-backgrounds .sunset-main-trees-left,.hero-area-coodiv .header-hero-backgrounds .sunset-main-trees-right{bottom:-220px}
.safari-browser-mockup .main-ddos-attack-charactuer,.safari-browser-mockup .ddos-attack-mock-waves-tree,.safari-browser-mockup .wp-floting-img{display:none}
.safari-browser-mockup .ddos-attack-mockup{top:34px}
}
@media(max-width:786px){
.safari-browser-mockup .ddos-attack-mockup{top:16px;left:0;bottom:0}
}
@media(min-width:2300px){
.hero-area-coodiv.snow-montagne .left-montagne-part{right:47%}
.hero-area-coodiv.snow-montagne .bottom-montagne-part:after{content:'';height:847px;position:absolute;left:0;width:20%;background:#f0e4ef;z-index:0;top:52px}
.hero-area-coodiv.snow-montagne .bottom-montagne-part:before{content:'';height:847px;position:absolute;right:0;width:20%;background:#f0e4ef;z-index:0;top:26px}
}
/*---------------- first plan table styles -----------------*/
.features-box-newversion:hover {background: rgb(21 22 22 / 15%);}
.main-features-box{padding:20px;border-radius:10px;margin-bottom:1rem;cursor:pointer;position:relative;background:#fff}
.main-features-box .main-features-box-number{position:absolute;right:30px;font-weight:700;font-size:35px;opacity:.1;top:10px;color:#5a666c}
div.slick-active.slick-current .main-features-box{box-shadow:0 0 30px 0 rgba(77,77,119,.1)}
.main-features-box .title{display:inline-block;position:relative;z-index:1;font-size:1.1rem;letter-spacing:-.4px;line-height:1.5}
.main-features-box .title:after{background:#68d585;position:absolute;content:"";width:0;height:4px;left:0;bottom:5px;z-index:-1;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.main-features-box:hover .title:after{width:100%}
.main-features-box .the-icon{line-height:4px;font-size:1.0625rem}
.sevrices-plans-content-nav .slick-slide{width:100%!important}
.sevrices-plans-content-nav .slick-track{-webkit-transform:translate3d(0,0,0)!important;-moz-transform:translate3d(0,0,0)!important;-ms-transform:translate3d(0,0,0)!important;-o-transform:translate3d(0,0,0)!important;transform:translate3d(0,0,0)!important}
.pricing-box-one{border:1px solid rgb(240 242 245 / 68%)!important;padding:25px 35px;border-radius:10px;position:relative;z-index:1;background:#fff;margin:5px}
.pricing-box-one .box-iconabsolute{position:absolute;right:-14px;top:81px;font-size:90px;z-index:0;color:#9bd2f3;opacity:.3}
.pricing-box-one .small-title-header-span{justify-content:space-between!important;display:flex;flex-wrap:wrap;line-height:29px;color:#473bf0!important;font-size:.8125rem;font-weight:700!important;text-transform:uppercase}
.pricing-box-one .small-title-header-span .plan-badge{background-color:rgba(71,59,240,.1);min-width:95px;min-height:29px;display:inline-flex;justify-content:center;align-items:center;border-radius:50rem!important;text-align:center;white-space:nowrap;vertical-align:baseline}
.planet-side:after{content:'';background:url(../image/header/planet-2.png) no-repeat;position:absolute;width:100px;height:100px;top:-28px;background-size:cover;left:-37px;z-index:-1}
.planet-side-2:after{content:'';background:url(../image/header/planet-2.png) no-repeat;position:absolute;width:200px;height:200px;top:30px;background-size:cover;left:-130px;z-index:1}
.content-plan-one{position:relative;z-index:0}
.content-plan-one .slick-dots{position:absolute;top:50%;transform:translateY(-50%);padding:0;margin:0;right:40px}
.content-plan-one .slick-dots li button{border:0;margin:1px;width:10px;height:10px;color:transparent;border-radius:50px;padding:0;line-height:0}
.content-plan-one .slick-dots li:hover button{background:#b5c2c7}
.content-plan-one .slick-dots li.slick-active button{background:#5d686d}
.content-plan-one .slick-dots li{list-style:none!important}
.plan-with-montains{overflow:hidden}
.plan-with-montains:after{content:'';background:url(../image/header/mount/mount-2.png) no-repeat;position:absolute;right:-20px;bottom:-40px;overflow:hidden;width:360px;height:240px;z-index:-1;background-size:contain}
.btn-special-home-plan{color:#fff;background-color:#ff5722;border-color:#ff5722;display:block;outline:0!important}
.btn-special-home-plan:hover{color:#fff;background-color:#e24f21;border-color:#e24f21}
.pricing-box-one-payment a{margin:5px 5px 0;display:inline-block}
.pricing-box-one-payment a img{height:15px}
.price-of-plan .payment-type-m{font-size:10px;background:#ea3b4c;color:#fff;padding:6px 10px;text-transform:uppercase;letter-spacing:0;border-radius:5px;cursor:pointer;vertical-align:super;margin-left:10px}


/*---------------- second plan table styles -----------------*/
.pricing-plan-two .btn-order{position:relative;display:inline-block;font-weight:bold;margin-top:10px;padding:21px 50px;line-height:12px;font-size:1rem;letter-spacing:-0.2px}
.pricing-plan-two .btn-order span{color:#85979f;z-index:1;position:relative;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.pricing-plan-two:hover .btn-order span{color:#526167}
.pricing-plan-two .btn-order:before{content:'';background:#e8eff2;height:4px;bottom:-1px;left:0;width:100%;position:absolute;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.pricing-plan-two:hover .btn-order:before{border-radius:10px 10px 0 0;height:100%}
.pricing-plan-two .card-list li.disabled i{color:#f44336;margin-right:5px}


/*---------------- third plan table styles -----------------*/
.pricing-plan-tree .badge-plan{padding:10px 0;text-align:center;border-radius:4px;margin:0;color:#fff;font-size:20px;font-weight:500;display:block;letter-spacing:.5px}
.pricing-plan-tree .badge-plan.color1{background-color:#52cead}
.pricing-plan-tree .badge-plan.color2{background:#40a1e9}
.pricing-plan-tree .badge-plan.color3{background:#fc706f}
.pricing-plan-tree .plan-sub-title{font-size:16px;letter-spacing:-0.5px;line-height:1.5;text-align:center;text-transform:lowercase;font-weight:bold;color:#343d41;display:block;margin-top:7px}
.pricing-plan-tree .plan-sub-img{width:100px;margin: 10px auto 0;}
a.popover-host-features{cursor:pointer;color:#40a1e9;text-decoration:underline;-webkit-text-decoration-style:dotted;text-decoration-style:dotted;outline:none!important}
a.popover-host-features:hover{cursor:pointer;color:#40a1e9;text-decoration:underline;-webkit-text-decoration-style:dotted;text-decoration-style:dotted;outline:none!important}
.pricing-plan-tree .btn-order{position:absolute;display:block;left:-1px;right:-1px;text-align:center;bottom:-1px;padding:20px 0;background:#52cead;color:#fff;font-weight:bold;border-radius:0 0 10px 10px}
.pricing-plan-tree .btn-order.color1{background:#52cead}
.pricing-plan-tree .btn-order.color2{background:#40a1e9}
.pricing-plan-tree .btn-order.color3{background:#fc706f}
.card-list li strong{display:contents}

/*---------------- fourth plan table styles -----------------*/
.games-plan .plan-header{height:120px;margin:0 -16px;padding:0 20px;box-shadow:0 20px 20px -21px rgb(22 28 45 / 9%)}
.games-plan .game-logo{display:flex;align-items:center;justify-content:center;height:100px;width:100px}
.games-plan .game-logo img{width:100px;background:#f0f4f6;padding:12px;border-radius:20px}
.games-plan .game-title h3{font-size:1.3rem;letter-spacing:-0.2px;line-height:22px;margin-bottom:0;padding-left:20px;text-align:left;margin-top:5px}
.games-plan .game-title h2{font-size:2rem;letter-spacing:-1.2px;line-height:1.375;text-align:left;padding-left:15px;font-weight:bold;margin-top:5px}
.games-plan .payment-type-m{font-size:10px;background:#ea3b4c;color:#FFF;padding:6px 10px;text-transform:uppercase;letter-spacing:0;border-radius:5px;cursor:pointer;vertical-align:middle;margin-left:10px}
.games-plan .btn-order{position:absolute;left:0;bottom:20px;right:0;padding:12px 0;width:135px;margin:auto;background:#673ab7;color:#FFFF;font-weight:bold;border-radius:20px;font-size:13px;border:5px solid #FFF;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.games-plan .btn-order:hover{bottom:25px}
.games-plan:before{content:'';background:url(../image/svg/wave-plan.svg) no-repeat;position:absolute;width:900px;height:165px;left:0;background-size:cover;bottom:-10px;z-index:0}
.games-plan.plan-2:before{left:-170px}
.games-plan.plan-3:before{left:-60px}
    

/*---------------- fifth plan table styles -----------------*/
.voice-plan .plan-header{height:120px;padding:0 20px;box-shadow:0 20px 20px -21px rgb(22 28 45 / 9%)}
.voice-plan .plan-logo{display:flex;align-items:center;justify-content:center;height:100px;width:100px}
.voice-plan .plan-logo img{width:100px;background:#f0f4f6;padding:12px;border-radius:20px}
.voice-plan .plan-title h3{font-size:1.3rem;letter-spacing:-0.2px;line-height:22px;margin-bottom:0;padding-left:20px;text-align:left;margin-top:15px}
.voice-plan .plan-title h2{font-size:2rem;letter-spacing:-1.2px;line-height:1.375;text-align:left;padding-left:15px;font-weight:bold;margin-top:5px}
.voice-plan .payment-type-m{font-size:10px;background:#ea3b4c;color:#FFF;padding:6px 10px;text-transform:uppercase;letter-spacing:0;border-radius:5px;cursor:pointer;vertical-align:middle;margin-left:10px;    text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.voice-plan .btn-order{display: block;margin-top: 30px;background: #673AB7;color: #FFF;font-weight: bold;padding: 15px 0;border-radius: 10px;}
.voice-plan .btn-order:hover{background: #4f2a92;color: #FFF;}


/*---------------- plans data value variable -----------------*/
[data-pricing-dynamic][data-value-active="yearly"] .dynamic-value:before{display:inline-block;content:attr(data-yearly)}
[data-pricing-dynamic][data-value-active="yearly"] [data-pricing-trigger]{background:#473bf0}
[data-pricing-dynamic][data-value-active="yearly"] [data-pricing-trigger] span{left:calc(100% - 72px)}
[data-pricing-dynamic][data-value-active="monthly"] .dynamic-value:before{display:inline-block;content:attr(data-monthly)}
.dynamic-value:before{display:inline-block;content:attr(data-active)}
.price-value-little-chifre{font-size:20px;font-weight:100;margin-left:-8px}
.static-value:before{display:inline-block;content:attr(data-active)}
.btn-toggle span.month{color:#333}
.btn-toggle.active span.month{color:#fff}
.product-details-v-slider .slick-list{margin:0 -5px}
@media(min-width:768px){.product-details-v-slider .slick-list{margin:-5px 0}}
@media(min-width:992px){.product-details-v-slider .slick-list{margin:-5px 0}}
.product-details-v-slider .single-slide{border:1px solid var(--border-color);background:var(--background);margin:0 5px;border-radius:10px}
@media(min-width:768px){.product-details-v-slider .single-slide{margin:5px 0}}
@media(min-width:992px){.product-details-v-slider .single-slide{margin:5px 0}}
.product-details-v-slider .single-slide img{width:100%}
.product-details-slider .slick-list{margin:0 -15px}
.product-details-slider .single-slide{border:1px solid var(--border-color);background:var(--background);padding:30px;margin:0 15px;border-radius:10px}
.product-details-slider .single-slide img{width:100%}
.slick-slide:focus{outline:0}
.table-with-prices{border:5px solid #252b2d}
.table-with-prices.thinborder{border:1px solid #e7e9ed}
.table-with-prices .table thead th{border:0}
.table-with-prices .table th,.table-with-prices .table td{padding:1.5rem 1.5rem}
.hero-img-header-absolute{position:absolute;bottom:-250px;left:0;right:0;margin:auto;text-align:center}
.first-style-widget .icon-circle-box{margin-right:-15px;transition:.4s}
.first-style-widget:hover .icon-circle-box{margin-right:-7px}
.hero-tabs-hostings{list-style:none}
.hero-tabs-hostings .tabs-hostings{border-bottom:4px solid #fff;transition:.4s}
.hero-tabs-hostings .tabs-hostings:hover{background:#f3f4f5;border-bottom:4px solid #f3f4f5}
.hero-tabs-hostings .tabs-hostings.active{border-bottom:4px solid #f7e36d!important}
.table-title-row{background-color:#f6f8f9}
.table-title-row td{padding:1rem 1.5rem!important;border:0;text-align:left}
.first-col-table{width:25%}
.sticky-plans{top:-100%;transform:translateY(-100%);transition:transform .3s}
.sticky-plans.show{top:0;transform:translateY(0);transition:transform .3s}
.workspace-plan-container:before {content: '';background: url(../image/demo/google-mail.png) no-repeat;width: 78px;height: 470px;background-size: contain;position: absolute;top: 36%;transform: translateY(-50%);left: -79px;}
.host-wp-bg-area{background:url(../image/wordpress/wp-hosting.png) bottom no-repeat;background-size:100%;position:absolute;width:600px;height:600px;left:0;right:0;margin:auto;z-index:-1;top:-100px}
.wp-plan-features-box{width:270px}
.wp-plan-features-box .main-text{line-height:60px}
.shape-hexagon{position:relative;display:inline-block;width:70px;color:#cefaf9;filter:url(#roundedsvg)}
.shape-hexagon:before{content:"";display:block;padding-top:86.6%;background:currentColor;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0% 50%)}
.theshape{position:relative;width:44px;height:62px;padding-right:2px}
.theshape .number{position:relative;z-index:1;line-height:62px;color:#71c2c0}
.theshape .shape-hexagon{position:absolute;right:-25px}
.right-side .theshape .shape-hexagon{right:auto;left:-25px}
.transfer-wp-box{width:85px;height:85px}
.transfer-wp-box .shape-hexagon{width:85px;top:50%;transform:translateY(-50%)}
.transfer-wp-box .icon{left:0;right:0;margin:auto;display:block;text-align:center;top:50%;transform:translateY(-50%);color:#71c2c0;font-size:21px}


/*---------------- features box styles -----------------*/
.features-box-container{border:1px solid #e7e9ed;border-radius:15px;padding: 0 20px;}
.features-box-container .features-box-sub{border-right: 1px solid #f3f5f9;padding-top: 60px;padding-bottom: 70px;}
.features-box-container .features-box-sub:last-child{border-right:0}
.features-box{display:block}
.features-box .features-box-icon{width:60px;height:60px;text-align:center;border-radius:20px;display:block;margin:0 auto 15px;line-height:73px}
.features-box .features-box-icon i{font-size:27px}
.features-box .features-box-icon.coodiv-bg-blue-opacity-1 i{color:#8a93ed}
.features-box .features-box-icon.coodiv-bg-red-opacity-1 i{color:#f64b4b}
.features-box .features-box-icon.coodiv-bg-green-opacity-1 i{color:#68d585}
.features-box .features-box-icon.coodiv-bg-blackish-blue-opacity-1 i{color:#7a7e88}
.features-box .features-box-text .title{font-size: 1.125rem;;letter-spacing:-0.5px;line-height:1.5;text-align:center}
.features-box .features-box-text p{font-size: 0.9625rem;;letter-spacing:-0.2px;line-height:1.71;text-align:center}


/*---------------- services box styles -----------------*/
.services-box-container{margin-top:10px;margin-bottom:80px}
.services-box-container .services-box-tabs-box{border-radius:10px;box-shadow:12px 12px 30px 0 rgba(77,77,119,.10);position:relative;background:#FFF}
.services-box-container .services-box-tabs-box{border-radius:10px;box-shadow:12px 12px 30px 0 rgba(77,77,119,.10);position:relative;background:#FFF}
.services-box-container .services-box-tabs-box .services-box-tab{cursor: pointer;padding:35px 23px;text-align:center;border-right:1px solid #f1f4f7;position:relative;display:inline-block;margin-top:7px}
.services-box-container .services-box-tabs-box .services-box-tab:after{content:'';background:#80deea;height:5px;width:0;position:absolute;top:0;left:0;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.services-box-container .services-box-tabs-box .services-box-tab.slick-current:after{width:100%}
.services-box-container .services-box-tabs-box .services-box-tab i{display:block;margin-bottom:8px}
.services-box-container .services-box-tabs-box .services-box-tab i{position:relative;width: 60px;height: 60px;text-align: center;border-radius: 20px;display: block;margin: 0 auto 15px;line-height: 62px;background-color: #b2ebf2;color: #fff;font-size: 22px;;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.services-box-container .services-box-tabs-box .services-box-tab:hover i,
.services-box-container .services-box-tabs-box .services-box-tab.slick-current i{width: 60px;height: 60px;text-align: center;border-radius: 20px;display: block;margin: 0 auto 15px;line-height: 62px;background-color: #00bcd4;color: #fff;font-size: 19px;;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.services-box-container .services-box-tabs-box .services-box-tab.slick-current:before{content:'';width:0;height:0;border-style:solid;border-width:0 7px 7px 7px;border-color:transparent transparent #80deea transparent;position:absolute;top:-7px;left:0;right:0;margin:auto}
.services-box-container .services-box-tabs-box .services-box-tab span{font-size:.8rem;letter-spacing:-0.5px;line-height:1.5;text-align:center;color:#333;text-transform:uppercase;font-weight:700}


/*---------------- comparison box styles -----------------*/
.comparison-box{transition:.4s;background-color:#fff;position:relative;overflow:hidden;box-shadow:12px 12px 30px 0 rgba(77,77,119,.10)}
.comparison-box:before{content:'';background:#333;position:absolute;width:52%;height:300%;right:-35px;transform:rotate(20deg);top:-95px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.comparison-box:hover::before{right:-55px}
.comparison-box.side-bg-1:before{background:#473bf0}
.comparison-box.side-bg-2:before{background:#f7e36d}
.comparison-box.side-bg-3:before{background:#607d8b}
.comparison-box .comparison-box-right-side{width:50%;position:relative;padding:26px 15px 26px 65px}
.comparison-box .comparison-box-right-side img{position:absolute;width:24px;left:-32px;top:50%;transform:translateY(-50%)}
.comparison-box .comparison-box-right-side .comp-title{font-size:1rem;letter-spacing:-0.5px;line-height:1.5;font-weight:700!important;color:#161c2d;margin-bottom:0;padding-left:5px}
.comparison-box .comparison-box-right-side .comp-sub-title{font-size:.7rem;letter-spacing:-0.1px;line-height:1.73;color:rgba(19,21,28,0.7);margin-bottom:0!important;width:max-content;background:#333;color:#FFF;padding:4px 11px;border-radius:11px}
.comparison-box .comparison-box-right-side .comp-sub-title{background:#88b227}
.comparison-box .comparison-box-right-side .side .right-side-plan-slider{display:block;background:#eff3f6;position:absolute;right:0;left:0;text-align:center;top:-5px;bottom:-5px;border-radius:10px;margin-right:40px;padding:11px 0;font-size:.85rem;letter-spacing:-0.5px;line-height:1.5;font-weight:700!important;color:#161c2d;margin-bottom:0}
.comparison-box .comparison-box-right-side .side .right-side-plan-slider i{font-size:16px;color:#68d585;display:block;margin-top:4px}
.comparison-box .comparison-box-left-side{z-index:1;width:50%;position:relative;padding:26px 65px 26px 15px}
.comparison-box .comparison-box-left-side .right-side-plan-slider{display:block;background:#03030314;position:absolute;right:0;left:0;text-align:center;top:-5px;bottom:-5px;border-radius:10px;margin-left:40px;padding:11px 0;font-size:.85rem;letter-spacing:-0.5px;line-height:1.5;font-weight:700!important;color:#fff;margin-bottom:0}
.comparison-box .comparison-box-left-side .right-side-plan-slider i{font-size:16px;color:#ff5722;display:block;margin-top:4px}
.comparison-box .comparison-box-left-side img{position:absolute;width:24px;right:-33px;top:50%;transform:translateY(-50%)}
.comparison-box .comparison-box-left-side .comp-title{font-size:1rem;letter-spacing:-0.5px;line-height:1.5;font-weight:700!important;color:#fff;margin-bottom:0;text-align:right;padding-right:5px}
.comparison-box .comparison-box-left-side .comp-sub-title{font-size:.7rem;letter-spacing:-0.1px;line-height:1.73;margin-bottom:0!important;width:max-content;background:#fff;color:#473bf0;padding:3px 15px;border-radius:11px;margin-left:auto}
.comparison-box.side-bg-2 .comparison-box-left-side .comp-sub-title{color:#673ab7}
.comparison-box.side-bg-3 .comparison-box-left-side .comp-sub-title{color:#607d8b}

/*---------------- companies box styles -----------------*/
.companies-box{border-radius:10px;border:1px solid #f1f5f7;background-color:#fff;padding:20px 20px 35px;outline:none!important;box-shadow:0 0 35px 0 rgba(77,77,119,.06)}
.companies-box .company-logo{display:flex;align-items:center;justify-content:center;padding-right:.75rem;height:40px;width:50px}
.companies-box .company-logo img{width:40px;display:block}
.companies-box .text-title h3{font-size:1.2rem;letter-spacing:-0.2px;line-height:30px;margin-bottom:0}
.companies-box .text-title h3 span{font-size:.8125rem;line-height:13px;color:#68d585;display:block;font-weight:bold}
.single-slide-boxes-slider .slick-list{overflow:inherit}


/*---------------- blog & single posts styles -----------------*/
@media(min-width:576px){.card-blog{-moz-column-count:3;column-count:3;-moz-column-count:3;column-count:3;-moz-column-gap:1.25rem;column-gap:1.25rem;orphans:1;widows:1;margin-bottom:1.875rem}}
.card-blog .single-post{margin-bottom:1.875rem!important;background:#FFF;border-radius:10px;box-shadow:12px 12px 30px 0 rgba(77,77,119,.05);display:inline-block}
.card-blog .single-post .single-post-content{padding:10px 20px 5px 20px}
.card-blog .single-post .single-post-content .single-post-category{font-size:.8rem;letter-spacing:-0.1px;line-height:1.73;color:#f65463}
.card-blog .single-post .single-post-content .single-post-title{font-size:1.3rem;letter-spacing:-0.5px;line-height:1.42;margin-bottom:0}
.card-blog .single-post .single-post-footer{padding:10px 20px 10px 20px;display:flex;flex-wrap:wrap;border-top:1px solid #f0f5f8;margin-top:15px}
.card-blog .single-post .single-post-footer .comments i{font-size:17px;color:#9baab2}
.card-blog .single-post .single-post-footer .comments span{font-size:14px;letter-spacing:-0.1px;color:#9baab2;display:inline-block}
.card-blog .single-post .single-post-footer .wholove i{font-size:17px;color:#f44336;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.card-blog .single-post .single-post-footer .wholove i:before{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.card-blog .single-post .single-post-footer .wholove:hover i:before{content:"\e90c"}


/*---------------- dinamic popular post sidebar filter styles -----------------*/
.dinamic-filter-container{position:relative;margin-bottom:5px}
.dinamic-filter-container .fa-search{position:absolute;top:17px;font-size:18px;color:#a7afb3;left:16px;z-index:2}
.dinamic-filter-list-container{padding:25px 18px;background:#fff;box-shadow:0 10px 100px 0 rgba(77,77,119,0.16);border-radius:10px;position:relative;min-height:402px}
.filter-content-box{z-index: 1;display:none;position:absolute;background:#fff;left:0;right:0;bottom:0;top:0;padding:28px;border-radius:10px}
.filter-content-close{color:#8b969c;border-radius:36px;font-size:13px;font-weight:bold;text-transform:uppercase;letter-spacing:1px;overflow:hidden;text-decoration:none!important;cursor:pointer;position:absolute;right:30px;height:19px;width:19px;line-height:39px;opacity:.6;text-align:center;z-index:1}
.filter-content-close:hover{opacity:.9}
.filter-content-box h5{width:100%;display:block;border-radius:10px;font-weight:bold;font-size:15px;color:#292d2f;text-transform:capitalize;cursor:pointer;padding-top:1px;margin-bottom:30px}
.filter-content-box p{font-size:15px;line-height:27px;margin-bottom:15px;color:#444b4f}
#dinamic-filter-input{width:100%;border:0;height:53px;padding-left:50px;font-weight:500;outline:0;font-size:16px;background:#fff;box-shadow:0 10px 100px 0 rgba(77,77,119,0.08);-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out;border-radius:10px;position:relative;z-index:1;color:#21282b}
#dinamic-filter-list{padding-left:0;margin-bottom:0}
#dinamic-filter-list li{list-style:none}
#dinamic-filter-list li a{width:100%;padding:11px 10px;border-radius:10px;font-weight:500;color:#13151c;text-transform:capitalize;cursor:pointer;font-size:15px;letter-spacing:-0.5px;line-height:1.5;position:relative;display:flex;align-items:center;justify-content:space-between}
#dinamic-filter-list li a:hover{background:#f0f3f5;text-decoration:none}
#dinamic-filter-list li a i{font-size:22px}
.cp-co-container{line-height:85px}
.cp-co-container img{width:62px}
.features-box-3 .img{position:absolute;top:-40px;width:80px;left:0;right:0;margin:auto;transition:.4s;border-radius:50%}
.features-box-3>div:hover .img{top:-50px}
.video-support-coodiv{background-image:linear-gradient(225deg,#7b11f9 0,#7922d8 39%,#3636b2 100%);background-image:linear-gradient(225deg,#4e1098 0,#1c5896 39%,#051729 100%);height:200px;overflow:hidden}
.video-support-coodiv #particles-bg{opacity:.3;position:absolute;z-index:0;top:0;width:100%;bottom:0}
.video-support-coodiv:after{content:'';background:url(../image/header/earth.png) no-repeat;position:absolute;left:-170px;top:-130px;width:773px;height:287px;overflow:hidden}
.questions-reponses-list{counter-reset:my-qastions-counter}
.questions-reponses-list li{list-style:none;position:relative;margin-bottom:40px;border-bottom:1px solid #f2f7f9;padding-bottom:20px}
.questions-reponses-list li:last-child{margin-bottom:0;border-bottom:0;padding-bottom:0}
.questions-reponses-list li:after{content:counter(my-qastions-counter);counter-increment:my-qastions-counter;position:absolute;left:-46px;top:0;height:30px;width:30px;background:#cfd8dc;text-align:center;line-height:30px;font-size:14px;font-weight:bold;color:#fff;border-radius:25px;transition:.4s}
.questions-reponses-list li:hover::after{background:#3f51b5;transition:.4s}
.search-filter-form-button{height:43px;width:43px;border-radius:30px;text-align:center;font-size:20px;color:#a7b7bf}
.search-filter-form-button i{top:50%;transform:translateY(-50%);position:absolute;right:auto;left:18px}
.search-filter-form-button span{top:50%;transform:translateY(-50%);position:absolute;left:58px;opacity:0;transition:opacity .2s}
.search-filter-form-button:hover span,.search-filter-form-button.active span{opacity:1;transition:opacity .8s}
.search-filter-form-button:hover,.search-filter-form-button.active{width:150px}
.search-filter-form-button.icon-01:hover,.search-filter-form-button.icon-01.active{background:#e0f2f4;color:#1a9aae}
.search-filter-form-button.icon-02:hover,.search-filter-form-button.icon-02.active{background:#f6d6ee;color:#cf54a9}
.search-filter-form-button.icon-03:hover,.search-filter-form-button.icon-03.active{background:#fbefd3;color:#edac13}
.search-filter-form-button.icon-04:hover,.search-filter-form-button.icon-04.active{background:#dfd7f3;color:#5d39b8}
.search-filter-form-button.icon-05:hover,.search-filter-form-button.icon-05.active{background:#f1f8e9;color:#8bc34a}
.filter-content-close .first-stright {width: 100%;height: 2px;background: #c0c6ca;position: absolute;border-radius: 10px;-ms-transform: translateY(-50%) rotate(-45deg);-webkit-transform: translateY(-50%) rotate(-45deg);top: 50%;transform: translateY(-50%) rotate(45deg);right: 0;}
.filter-content-close .second-stright { width: 100%;height: 2px;background: #c0c6ca;position: absolute;border-radius: 10px;-ms-transform: translateY(-50%) rotate(-45deg);-webkit-transform: translateY(-50%) rotate(-45deg);transform: translateY(-50%) rotate(-45deg);top: 50%;left: 0;}
.breadcrumb .breadcrumb-item{font-size: 12px;font-weight: 400;}
.breadcrumb-back{margin-bottom: 0;height: 21px;background: #00bcd4;width: 40px;text-align: center;line-height: 23px;color: #fff;font-size: 16px;border-radius: 19px;padding-right: 3px;}
.breadcrumb-back:hover{background:#019eb2;color:#fff}
.review-avatar{width:80px;height:80px;overflow:hidden;border-radius:100px}
.review-item:hover .review-avatar img{transform:scale(1.1);transition:all .2s}
.review-avatar img{transform:scale(1);transition:all .2s}
.review-action .btn{min-width:auto;outline:none!important;padding-left:10px;padding-right:10px;box-shadow:none!important}
.review-form-inner .review-textarea{padding:24px 30px!important;height:180px;resize:none;overflow:hidden;border-radius:30px}
.review-form-inner .review-form-head{position:absolute;left:0;right:0;top:0;padding:50px 30px;pointer-events:none}
.review-form-inner .review-form-head .logout{background:#ffc107;color:#FFF;font-size:13px;padding:7px 30px;min-width:auto;font-weight:100;letter-spacing:.5px;border-radius:30px;cursor:pointer;pointer-events:auto}
.review-form-inner .review-form-head .review-submit{font-size:13px;color:#FFF;padding:5px 30px;min-width:auto;font-weight:100;letter-spacing:.5px;border-radius:30px;cursor:pointer;pointer-events:auto;height:40px}
.review-form-inner .review-form-head .cancel-selected-form{font-size:16px;color:#FFF;background:#ffeb3b;min-width:auto;font-weight:100;letter-spacing:.5px;border-radius:30px;cursor:pointer;pointer-events:auto;height:30px;text-align:center;width:30px;line-height:33px;margin-right:-6px}
.review-form-inner .review-form-head .cancel-selected-form:hover{margin-right:2px}
.review-form-inner.selected .review-avatar{width:45px;height:45px}
.review-form-inner.selected .review-textarea{padding-top:110px!important;height:240px}
.review-form-inner.selected .review-form-head{position:absolute;left:0;right:0;top:0;padding:25px 30px;pointer-events:none;border-bottom:1px solid #edf1f3}
.review-form-inner.selected .review-form-head .logout{display:none}
.review-form-inner .show-on-selected{display:none}
.review-form-inner.selected .show-on-selected{display:flex}
.single-post.full-img-fluid-post{margin-bottom:40px;background:#FFF;border-radius:10px;box-shadow:12px 12px 30px 0 rgb(77 77 119 / 5%);display:block;position:relative;min-height:360px}
.single-post.full-img-fluid-post .case-img{border-radius:10px;position:absolute;top:0;bottom:0;text-align:center;width:100%;right:0}
.single-post.full-img-fluid-post .case-img img{position:absolute;opacity:1!important;height:100%;min-width:100%;left:-50%;right:-50%;margin:auto}
.single-post.full-img-fluid-post .single-post-content{padding:25px 20px 40px 35px;position:absolute;top:0;left:0;width:100%;background:linear-gradient(rgba(0,0,0,0.73),transparent);border-radius:12px 12px 0 0}
.single-post.full-img-fluid-post .single-post-content .single-post-category{font-size:.8rem;letter-spacing:-0.1px;line-height:1.73;color:#fff}
.single-post.full-img-fluid-post .single-post-content .single-post-title{font-size:1.3rem;letter-spacing:-0.5px;line-height:1.42;margin-bottom:0;color:#fff;display:block;font-weight:bold}
.single-post.full-img-fluid-post .single-post-footer{padding:25px 20px 16px 35px;display:flex;flex-wrap:wrap;margin-top:15px;position:absolute;bottom:0;width:100%;z-index:0;left:0;background:linear-gradient(transparent,rgb(0 0 0 / 45%));border-radius:0 0 12px 12px}
.single-post.full-img-fluid-post .single-post-footer .comments i{font-size:17px;color:#fff}
.single-post.full-img-fluid-post .single-post-footer .comments span{font-size:14px;letter-spacing:-0.1px;color:#fff;display:inline-block}
.single-post.full-img-fluid-post .single-post-footer .wholove i{font-size:17px;color:#fff;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.single-post.full-img-fluid-post .single-post-footer .wholove:hover i:before{content:"\e90c"}
.single-post.full-img-fluid-post .review-avatar{width:40px;height:60px;border-radius:40px 40px 2px 2px}
.single-post.full-img-fluid-post .review-avatar img{opacity:1;transform:none}
.single-post.full-img-fluid-post .review-action .btn{background:#ffc107;width:35px;height:34px;border-radius:50px;font-size:14px;padding:0;text-align:center;color:#fff!important}
.category-list-sidebar li:first-child{padding-top:20px}
.category-list-sidebar li:last-child{padding-bottom:20px}
.category-list-sidebar li a{color:#8699a2}
.blog-sidebar-header{cursor:pointer}
.blog-sidebar-header .arrow{transform:rotate(180deg);transition:all .2s}
.blog-sidebar-header.collapsed .arrow{transform:rotate(0deg);transition:all .2s}
.category-list-sidebar li a:hover{color:#202629}
.category-list-sidebar li a span.badge{color:#212529;background-color:#e6eff3;font-weight:100}
.category-list-sidebar li a:hover span.badge{background-color:#f7e36d}
.popular-post-sidebar li{padding:21px 0;border-bottom:1px solid #f0f6f9}
.popular-post-sidebar li:first-child{padding-top:30px}
.popular-post-sidebar li:last-child{padding-bottom:30px;border-bottom:0}
.popular-post-sidebar-img{min-width:95px;height:95px;border-radius:100px;position:relative}
.popular-post-sidebar-img img{position:absolute;min-width:260px;left:0;right:0;margin:auto}
.popular-post-sidebar-comment{background:#ffc107;border-radius:50px;font-size:11px;padding:4px 10px;color:#fff!important;display:block;width:max-content}
.banner-widget-sidebar-svg{position:absolute;top:0;left:0;z-index:0}
.single-post-container .single-post:last-child{margin-bottom:0}
.helf-single-post-width .single-post.full-img-fluid-post .single-post-content .single-post-title{font-size:1rem}


/*---------------- numbers box styles -----------------*/
.numberbox .title{font-size:1.3rem;letter-spacing:-1.2px;line-height:1.375;color:#161c2d;margin-bottom:0;position:relative;display:inline-block}
.numberbox .title:after{content:'';position:absolute;background:#473bf0;width:40px;height:40px;border-radius:50px;z-index:-1;left:-10px;top:-10px}
.numberbox .title.one:after{background:#473bf0}
.numberbox .title.two:after{background:#f7e36d}
.numberbox .title.tree:after{background:#ff9800}
.numberbox .sub-text{font-size:1em;letter-spacing:-0.2px;line-height:1.2;color:#5b647d;font-weight:100;margin-top:10px}
.number-features-conteiner:after{content:'';background:url(../image/svg/curved-arrow-with-broken-line.svg);position:absolute;left:0;right:0;margin:auto;width:76px;height:95px;bottom:-90px;background-repeat:no-repeat;background-size:contain;opacity:.1}
.number-features-box .number{color:#d5dfff}
.page-builder-bg{padding-top:420px!important}
.page-builder-bg:before{background:url(../image/demo/build.png) no-repeat top right;background-size:cover;position:absolute;content:"";width:100%;height:350px;top:0;left:0;z-index:-1}
.award-box .award{width:100px}
.features-image-bg{background-position:center;background-size:cover;background-repeat:no-repeat}
.features-box-3 .img.w-60p {width: 60px;}
.featuresbox-4 .box-icon img {width: 55px;}
.sign-up-features-box img{width:40px}
.topic-container-image {width: 40px;height: 40px;}


/*---------------- job feature slider styles -----------------*/
.single-slide-boxes-slider .slick-list{margin:0 -15px;padding-bottom:45px}
.single-slide-boxes-slider .single-slide{margin:0 15px}
.single-slide-boxes-arrows{display:flex;border-radius:10px;background-color:#f4f7fa;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}
.single-slide-boxes-arrows .slick-arrow{font-size:0;border:0;background:transparent;position:relative}
.single-slide-boxes-arrows .slick-arrow::before{font-family:"Font Awesome 5 Pro";font-size:22px;height:44px;width:34px;display:flex;font-weight:900;justify-content:center;align-items:center;color:#000}
.single-slide-boxes-arrows .slick-prev:before{content:"\f060";opacity:.3;transition:.4s}
.single-slide-boxes-arrows .slick-prev:hover:before{opacity:1}
.single-slide-boxes-arrows .slick-next:before{content:"\f061"}


/*---------------- social numbers styles -----------------*/
.social-numbers a i{display:flex;align-items:center;justify-content:center;padding-right:.75rem;font-size:30px;color:#333}
.social-numbers a.fb i{color:#3b589a}
.social-numbers a.tw i{color:#379ff6}
.social-numbers a.you i{color:#cb0134}
.social-numbers a.insta i{color:#7b38b3;background:-webkit-linear-gradient(#7e4ac1,#fecd68);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.social-numbers a h3{font-size:1.2rem;letter-spacing:-0.2px;line-height:20px;margin-bottom:0;color:#161c2d;position:relative}
.social-numbers.light-bg a h3{color:#161c2d !important}
.social-numbers a h3:before{background:#68d585;position:absolute;content:"";width:0;height:4px;left:0;bottom:22px;z-index:-1;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.social-numbers a:hover h3:before{width:100%}
.social-numbers a h3 span{display:block;font-weight:100;font-size:15px;color:#828ba5;text-transform:capitalize}
.social-numbers.light-bg a h3 span{color:#828ba5 !important}
.social-numbers a:last-child{margin-right:0!important}



/*---------------- template VPS plan stylesheets -----------------*/
.vps-plan-block .vps-plan-area{display:flex;flex-wrap:wrap}
.vps-plan-block .vps-plan-area .cpu-block{flex-basis:100%}
@media(min-width:480px){.vps-plan-block .vps-plan-area .cpu-block{flex-basis:85%}}
@media(min-width:576px){.vps-plan-block .vps-plan-area .cpu-block{flex-basis:75%}}
@media(min-width:768px){.vps-plan-block .vps-plan-area .cpu-block{flex-basis:60%}}
@media(min-width:992px){.vps-plan-block .vps-plan-area .cpu-block{flex-basis:40%}}
@media(min-width:1200px){.vps-plan-block .vps-plan-area .product-block{flex-basis:40%}}
@media(min-width:576px){.vps-plan-block .vps-plan-area .quantity-block{flex-basis:15%}}
@media(min-width:768px){.vps-plan-block .vps-plan-area .quantity-block{flex-basis:15%}}
@media(min-width:992px){.vps-plan-block .vps-plan-area .quantity-block{flex-basis:15%}}
@media(min-width:1200px){.vps-plan-block .vps-plan-area .quantity-block{flex-basis:15%}}
@media(min-width:768px){.vps-plan-block .vps-plan-area .ram-block{flex-basis:15%}}
@media(min-width:992px){.vps-plan-block .vps-plan-area .ram-block{flex-basis:15%}}
@media(min-width:1200px){.vps-plan-block .vps-plan-area .ram-block{flex-basis:15%}}
.vps-plan-block .vps-plan-area .storage-block{flex-basis:40%}
@media(min-width:480px){.vps-plan-block .vps-plan-area .storage-block{flex-basis:40%}}
@media(min-width:576px){.vps-plan-block .vps-plan-area .storage-block{flex-basis:40%}}
@media(min-width:768px){.vps-plan-block .vps-plan-area .storage-block{flex-basis:25%}}
@media(min-width:992px){.vps-plan-block .vps-plan-area .storage-block{flex-basis:25%}}
@media(min-width:1200px){.vps-plan-block .vps-plan-area .storage-block{flex-basis:25%}}
@media(min-width:576px){.vps-plan-block .vps-plan-area .price-block{flex-basis:15%}}
@media(min-width:768px){.vps-plan-block .vps-plan-area .price-block{flex-basis:15%}}
@media(min-width:992px){.vps-plan-block .vps-plan-area .price-block{flex-basis:10%}}
@media(min-width:1200px){.vps-plan-block .vps-plan-area .price-block{flex-basis:20%}}
.vps-plan-block .vps-plan-area .order-btn-procosint{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#212529;background-color:#f4da3d;border-color:#f4d731;font-size:12px;padding:4px 25px;border-radius:20px;font-weight:bold;line-height:22px}
.vps-plan-block .vps-plan-area .order-btn-procosint:hover{color:#212529;background-color:#e9d03a}
.vps-plan-area.vps-plan-item:hover{background:#f8f9fa!important}
.four-rows-hosting-table tbody tr>th:first-child{width:28%;}
.five-rows-hosting-table tbody tr>th:first-child{width: 8%;}

/*---------------- footer stylesheets -----------------*/
.footer-block .footer-contact-list li span{margin-bottom:.5rem}
.footer-block .footer-contact-list li:last-child span{margin-bottom:0}
.footer-block .footer-contact-list li span{padding-left:40px}
.footer-block .footer-contact-list li span i{top:50%;transform:translateY(-50%);position:absolute;left:5px;background:rgb(29 35 38 / 15%);color:#fff;border-radius:40px;font-size:12px;line-height:25px;height:25px;width:25px}
.footer-block .block-title{display:inline-flex}
.footer-block .block-title:after{background:#68d585;position:absolute;content:"";width:0;height:4px;left:0;bottom:2px;z-index:0;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.footer-block:hover .block-title:after{width:100%}
ul.footer-list li a.footer-list-link{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out;font-size: 0.95rem;letter-spacing:-0.2px;line-height:1.71;color:#fff;opacity:.8}
ul.footer-list li:hover a.footer-list-link{margin-left:5px;opacity:1}
.bottom-footer-area .payment-getway{display:inline-flex;align-items:center}
.bottom-footer-area .payment-getway img{height:25px}
.social-icons{display:inline-flex;align-items:center;font-size:18px}
.social-icons li a{margin-right:20px}
@media(min-width:768px){
.social-icons li i{transition:.4s}
.social-icons li:hover i{transform:translateY(-8px)}
}
.social-icons li:last-child a{margin-right:0}

.footer-section.light-mode-texts ul.footer-list li a.footer-list-link{color: #414f7b;}
.footer-section.light-mode-texts .brand-logo .dark-version-logo{display: none;}
.footer-section.dark-mode-texts .brand-logo .light-version-logo{display: none;}
.white-text-btn {color:#fff !important;}
.footer-with-svg-buttom-illustration{content: url(../image/whoosh/png/launch.png);position: absolute;left: -50px;pointer-events: none;bottom: -24px;max-width: 300px;}
/*---------------- shadows variables -----------------*/
.box-with-shadow{transition: .4s;background-color: #fff;position: relative;overflow: hidden;box-shadow: 12px 12px 30px 0 rgba(77,77,119,.10);border-radius: 10px;padding: 25px 30px;margin-bottom: 15px;}
.box-shadow-1{box-shadow: 0 19px 30px -20px rgba(22, 28, 45, 0.13);}
.shadow-0{box-shadow: none !important;}
.shadow-1{box-shadow:0 34px 33px -23px rgba(22,28,45,0.13)}
.shadow-2{box-shadow:0 31px 34px -20px rgba(0,0,0,0.09)}
.shadow-3{box-shadow:0 42px 44px -10px rgba(1,23,48,0.12)}
.shadow-4{box-shadow:0 32px 64px rgba(22,28,45,0.08)}
.shadow-5{box-shadow:0 62px 64px -10px rgba(1,23,48,0.12)}
.shadow-6{box-shadow:0 32px 54px rgba(22,28,45,0.16)}
.shadow-7{box-shadow:0 54px 53px -23px rgba(22,28,45,0.14)}
.shadow-8{box-shadow:0 52px 74px rgba(0,0,0,0.11)}
.shadow-blue{box-shadow:0 14px 64px rgba(71,59,240,0.4)}
.shadow-red{box-shadow:0 14px 64px rgba(246,75,75,0.4)}
.shadow-green{box-shadow:0 14px 64px rgba(104,213,133,0.4)}
.section-side-shadow-black-white:after{content:'';position:absolute;top:0;right:0;width:50%;height:100%;pointer-events:none;background:linear-gradient(90deg,transparent,#fff);z-index:1;opacity:.1}
.section-side-shadow-black-white:before{content:'';position:absolute;top:0;left:0;width:50%;height:100%;pointer-events:none;background:linear-gradient(90deg,#0b0c0d,transparent);z-index:1;opacity:.3}
.shadow-custom{box-shadow:0 10px 100px 0 rgb(77 77 119 / 8%)}
.coodiv-box-shadow-1{box-shadow:0 34px 33px -23px rgba(22,28,45,0.13)}
.coodiv-box-shadow-2{box-shadow:0 31px 34px -20px rgba(0,0,0,0.09)}
.coodiv-box-shadow-3{box-shadow:0 42px 44px -10px rgba(1,23,48,0.12)}
.coodiv-box-shadow-4{box-shadow:0 32px 64px rgba(22,28,45,0.08)}
.coodiv-box-shadow-5{box-shadow:0 62px 64px -10px rgba(1,23,48,0.12)}
.coodiv-image-box-shadow{box-shadow:0 42px 44px -10px rgba(1,23,48,0.12)}
.coodiv-card-box-shadow{box-shadow:0 42px 44px -10px rgba(1,23,48,0.12)}

/*---------------- template menu stylesheets -----------------*/
@media(min-width:992px){.main-menu{display:flex;justify-content:flex-end}
}.main-menu .coodiv-toggle-arrow{display:flex;align-items:center;justify-content:space-between}
.main-menu .coodiv-toggle-arrow:after{display:none}
.main-menu .coodiv-toggle-arrow i{font-size:24px;width:auto;line-height:1;height:auto;font-weight:900;margin-left:5px;transition:.6s}
.main-menu .coodiv-toggle-arrow:hover i{transform:rotate(-180deg)}
.main-menu>li>.nav-link{color: var(--color-texts)!important;font-size: 13px;font-weight: 500;position: relative;opacity: .9;letter-spacing: -0.3px;}
.main-menu .nav-item .nav-link:before {
    content: '';
    position: absolute;
    width: 4px;
    height: 4px;
    background: #80daaf;
    border-radius: 100%;
    right: 0;
    left: 0;
    margin: auto;
    bottom: 10px;
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;	
    display: flex !important;
	border: 0;
}
.main-menu .nav-item .nav-link:after {
	content: '';
    position: absolute;
    width: 4px;
    height: 4px;
    background: #80daaf;
    border-radius: 100%;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 10px;
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
	display: flex !important;
	border: 0;
}

.main-menu .nav-item .nav-link:hover::after, 
.main-menu .nav-item.menu-hover .nav-link:after {
    left: -7px;
    opacity: 1;
}
.main-menu .nav-item .nav-link:hover::before, 
.main-menu .nav-item.menu-hover .nav-link:before {
    right: -7px;
    opacity: 1;
}
.main-menu .nav-item .nav-link:hover{opacity:1}
@media(min-width:992px){.main-menu>li>.nav-link{padding-top:18px!important;padding-bottom:18px!important;padding-left:13px!important;padding-right:13px!important}
}.main-menu>li:hover>.coodiv-toggle-arrow i{transform:rotate(-180deg)}
@media(min-width:992px){.coodiv-menu-dropdown{position:absolute;min-width:260px;max-width:260px;box-shadow:0 52px 54px rgb(65 62 101 / 20%);background-color:#fff;padding:15px 0;top:100%;z-index:-99;opacity:0;transition:opacity .4s,top .4s;pointer-events:none;left:0;right:auto;border-radius:12px;border:2px solid #f1f1f7;background-color:#fff;display:block}}
.coodiv-menu-dropdown>.drop-menu-item{color: #19191b;font-size: 14px;font-weight: 600;letter-spacing: -0.3px;padding-left: 30px;padding-right: 30px;padding-top: 8px;padding-bottom: 8px;}
.mega-menu-dropdown-ul>.drop-menu-item{color: #19191b;font-size: 14px;font-weight: 600;letter-spacing: -0.3px;padding-left: 30px;padding-right: 30px;padding-top: 8px;padding-bottom: 8px;}
.coodiv-menu-dropdown>.drop-menu-item>a{color:inherit;position:relative;display:block;font-size: 12px;}
.mega-menu-dropdown-ul>.drop-menu-item>a{color:inherit;position:relative;display:block}
.coodiv-menu-dropdown>.drop-menu-item.suggestion-btn>a{font-size:13px;background:#e8f0f4;padding:13px 0;border-radius:8px}
.coodiv-menu-dropdown>.drop-menu-item>a>.badge{top:50%;transform:translateY(-50%);position:absolute;right:-10px}
.coodiv-menu-dropdown>.drop-menu-item:hover>a{color:#68d585}
.mega-menu-dropdown-ul>.drop-menu-item:hover>a{color:#68d585}
.mega-menu-dropdown-ul{padding: 0;list-style: none;}
@media(min-width:992px){.coodiv-menu-dropdown>.drop-menu-item>.coodiv-menu-dropdown{top:10px;left:auto;right:0;opacity:0;transform:translateX(110%);transition:.4s;pointer-events:none;will-change:transform}
}@media(min-width:380px){.coodiv-menu-dropdown>.drop-menu-item>.coodiv-menu-dropdown>.drop-menu-item{padding-left:25px;padding-right:25px}
}@media(min-width:992px){.coodiv-menu-dropdown>.drop-menu-item>.coodiv-menu-dropdown>.drop-menu-item{padding-left:30px;padding-right:30px}
}.coodiv-menu-dropdown.dropdown-right{left:auto;right:-90%}
@media(min-width:992px){.nav-item.dropdown{position:relative;z-index:99}
}@media(min-width:992px){.nav-item.dropdown:hover>.coodiv-menu-dropdown{top:90%;opacity:1;pointer-events:visible}
}@media(min-width:992px){.nav-item.dropdown:hover>.coodiv-megamenu-dropdown.center{transform:translateX(-100%) translateY(-10px);z-index:9999;opacity:1;pointer-events:visible}
}@media(min-width:992px){.nav-item.dropdown:hover>.coodiv-megamenu-dropdown-2,.nav-item.dropdown:hover.triangle-shape:after,.nav-item.dropdown:hover.triangle-shape:before{transform:translateX(-50%) translateY(-10px);z-index:99;opacity:1;pointer-events:visible}
}.drop-menu-item.dropdown{position:relative}
.drop-menu-item.dropdown>.coodiv-toggle-arrow i{transform:rotate(-90deg)}
@media(min-width:992px){.drop-menu-item.dropdown:hover>.coodiv-menu-dropdown{top:10px;opacity:1;pointer-events:visible;transform:translateX(100%)}
}
.nav-item.dropdown.dropdown-mega{z-index:1}
@media(min-width:992px){.nav-item.dropdown.dropdown-mega{position:static}
}.coodiv-megamenu-dropdown .dropdown-image-block{max-height:336px}
@media(min-width:320px) and (max-width:992px){.coodiv-megamenu-dropdown{border:0}
}@media(min-width:992px){.coodiv-megamenu-dropdown{padding:15px;min-width:100%;left:50%;transform:translateX(-50%) translateY(10px);will-change:transform;top:85%;z-index:-99;opacity:0;pointer-events:none;transition:.4s opacity,.4s transform;box-shadow:0 42px 54px rgb(0 0 0 / 9%);border:1px solid #e7e9ed;border-radius:8px}
.coodiv-megamenu-dropdown.fullwidth-megamenu{width:100%}
}@media(min-width:1200px){.coodiv-megamenu-dropdown{min-width:1100px}
.coodiv-megamenu-dropdown.mini-version{min-width:800px}
}.coodiv-megamenu-dropdown .single-dropdown-block .mega-drop-menu-item{padding-top:14px;padding-bottom:14px;display:block}
.coodiv-megamenu-dropdown .mega-drop-menu-item{padding-top:2.5px;padding-bottom:2.5px;color:#13151c;font-size:15px;font-weight:700}
@media(min-width:320px) and (max-width:992px){.coodiv-megamenu-dropdown .mega-drop-menu-item{border-top:1px solid var(--border-color);padding-left:20px;padding-bottom:13px;padding-top:13px}
}@media(min-width:992px){.coodiv-megamenu-dropdown .mega-drop-menu-item{padding-left:10px;padding-right:10px}
.coodiv-megamenu-dropdown .mega-drop-menu-item:hover{color:#473bf0!important}
}@media(min-width:320px) and (max-width:992px){.coodiv-megamenu-dropdown [class*="col-"]{padding-left:0;padding-right:0}
.coodiv-megamenu-dropdown [class*="row-"]{margin-left:0;margin-right:0}
}@media(min-width:320px) and (max-width:992px){.coodiv-megamenu-dropdown-2{border:0}
}@media(min-width:992px){.coodiv-megamenu-dropdown-2{box-shadow:0 42px 54px rgba(0,0,0,0.09);padding:25px;min-width:956px;left:50%;will-change:transform;top:100%;transform:translateX(-50%) translateY(10px);z-index:-99;opacity:0;pointer-events:none;transition:.4s opacity,.4s transform;box-shadow:0 52px 54px rgba(65,62,101,0.3);border:1px solid #e7e9ed}
}@media(min-width:1200px){.coodiv-megamenu-dropdown-2{min-width:1100px}
}.coodiv-megamenu-dropdown-2 .single-dropdown-block .mega-drop-menu-item{padding-top:10px;padding-bottom:10px;display:block!important}
.coodiv-megamenu-dropdown-2 .mega-drop-menu-item{padding-top:2.5px;padding-bottom:2.5px;color:#13151c;font-size:15px;font-weight:700}
@media(min-width:320px) and (max-width:992px){.coodiv-megamenu-dropdown-2 .mega-drop-menu-item{border-top:1px solid var(--border-color);padding-left:20px;padding-bottom:13px;padding-top:13px}
}@media(min-width:992px){.coodiv-megamenu-dropdown-2 .mega-drop-menu-item{padding-left:20px;padding-right:25px;border-radius:11px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}
.coodiv-megamenu-dropdown-2 .mega-drop-menu-item:hover{background:#f4f7fa}
}@media(min-width:992px){.coodiv-megamenu-dropdown-2 .mega-drop-menu-item:hover{color:#473bf0!important}
}.coodiv-megamenu-dropdown-2 .mega-drop-menu-item .single-menu-title{color:#13151c;margin-bottom:3px}
.coodiv-megamenu-dropdown-2 .mega-drop-menu-item p{margin-bottom:0;font-weight:normal}
@media(min-width:320px) and (max-width:992px){.coodiv-megamenu-dropdown-2 [class*="col-"]{padding-left:0;padding-right:0}
.coodiv-megamenu-dropdown-2 [class*="row-"]{margin-left:0;margin-right:0}
}.dropdown-mega.triangle-shape{position:relative}
.dropdown-mega.triangle-shape:before{position:absolute;bottom:-7px;right:-2px;border:15px solid;border-color:transparent transparent #fff transparent;transform:translateX(-50%) translateY(10px);z-index:100!important;opacity:0;transition:.4s;pointer-events:none!important}
@media(min-width:992px){.dropdown-mega.triangle-shape:before{content:""}
}
.dropdown-mega.triangle-shape:after{position:absolute;bottom:-4px;right:0;border:14px solid;border-color:transparent transparent #e7e9ed transparent;transform:translateX(-50%) translateY(10px);z-index:99!important;opacity:0;transition:.4s;pointer-events:none!important}
@media(min-width:992px){.dropdown-mega.triangle-shape:after{content:""}
}@media(min-width:992px){.offcanvas-active.navbar-expand-lg .btn-close-off-canvas{display:none}
}@media(min-width:320px) and (max-width:992px){.offcanvas-active.navbar-expand-lg .navbar-collapse{display:block;position:fixed;top:0;background:#171a26;left:-100%;padding-left:20px;padding-right:20px;height:100%;transition:left .4s;z-index:999999;box-shadow:0 0 87px 0 rgba(0,0,0,0.09);padding-top:30px;width:250px;overflow-y:auto}
}@media(min-width:320px) and (max-width:992px) and (min-width:380px){.offcanvas-active.navbar-expand-lg .navbar-collapse{width:300px}
}@media(min-width:320px) and (max-width:992px) and (min-width:576px){.offcanvas-active.navbar-expand-lg .navbar-collapse{width:350px}
}@media(min-width:320px) and (max-width:992px){
.offcanvas-active.navbar-expand-lg .navbar-collapse.show{left:0}
.offcanvas-active.navbar-expand-lg .navbar-collapse.show ~ .btn-close-off-canvas .icon-burger{display:block}
.offcanvas-active.navbar-expand-lg .navbar-collapse.collapsing{transition:height 0s;height:100%}
.offcanvas-active.navbar-expand-lg .navbar-collapse::-webkit-scrollbar{width:8px}
.offcanvas-active.navbar-expand-lg .navbar-collapse::-webkit-scrollbar-track{background:#404350}
.offcanvas-active.navbar-expand-lg .navbar-collapse::-webkit-scrollbar-thumb{background-image: linear-gradient(180deg, #D0368A 0%, #708AD4 99%);border-radius: 20px;}
.offcanvas-active.navbar-expand-lg .btn-close-off-canvas .icon-burger{display:block}
.offcanvas-active.navbar-expand-lg .main-menu>li{padding-bottom:0;margin-bottom:0;border-bottom: 1px solid rgb(255 255 255 / 3%);}
.offcanvas-active.navbar-expand-lg .main-menu>li>.nav-link{padding-bottom:13px;padding-top:13px}
.offcanvas-active.navbar-expand-lg .main-menu>li .coodiv-menu-dropdown>li{padding-top: 0;padding-bottom: 0;border-top: 0;padding-left: 12px;padding-right: 12px;}
.offcanvas-active.navbar-expand-lg .main-menu>li .coodiv-menu-dropdown>li.suggestion-btn{padding-left: 12px;padding-right: 12px;margin-bottom: 10px;}
.offcanvas-active.navbar-expand-lg .main-menu>li .coodiv-menu-dropdown>li.suggestion-btn a{justify-content: center;}
.offcanvas-active.navbar-expand-lg .main-menu>li .coodiv-menu-dropdown>li a{padding-top: 10px;padding-bottom: 10px;font-size: 13px;}
.main-menu>.nav-item.dropdown.menu-hover.show:before{width: 0;width: 0;height: 0;border-style: solid;border-width: 0px 8px 8px 8px;border-color: transparent transparent #fff transparent;content: '';position: absolute;top: 49px;left: 20px;}
.offcanvas-active.navbar-expand-lg .main-menu>li:last-child{border-bottom-color:transparent}
.offcanvas-active.navbar-expand-lg .main-menu li i{margin-left:8px;position:relative;top:3px}
.offcanvas-active.navbar-expand-lg .main-menu li:hover>a{color:#473bf0}
.offcanvas-active.navbar-expand-lg .main-menu a{display:flex}
.main-menu>li>.nav-link {color:#fff!important;}
}
.navbar-toggler{color:var(--color-texts-opacity)!important;border-color:var(--color-texts-opacity)!important}
.hamburger-icon{border-radius:5px;border-width:2px;padding:3px 10px}
.hamburger-icon .hamburger{font:inherit;display:inline-block;overflow:visible;margin:0;padding:2px 0 0;cursor:pointer;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity,-webkit-filter;transition-property:opacity,filter;transition-property:opacity,filter,-webkit-filter;text-transform:none;color:inherit;border:0;background-color:transparent}
.hamburger-icon .hamburger .hamburger-box{position: relative;display: inline-block;font-size: 23px;height: 23px;width: 23px;}
.hamburger-icon .hamburger .hamburger-box i:first-child{display: block}
.hamburger-icon .hamburger .hamburger-box i:last-child{display: none}
.hamburger-icon[aria-expanded="true"] .hamburger .hamburger-box i:first-child{display: none}
.hamburger-icon[aria-expanded="true"] .hamburger .hamburger-box i:last-child{display: block}
.hamburger-icon:focus{outline:0;box-shadow:none}
.offcanvas-btn-close{position:absolute;top:0;right:0;font-size:22px;width:60px;height:50px;display:flex;justify-content:center;border:0;background:transparent;font-weight:700}
.offcanvas-btn-close i{color:var(--color-texts)!important}
.coodiv-cross-icon{transition-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);transition-duration:75ms!important;position:absolute;transition-timing-function:ease;transition-duration:.15s;transition-property:transform;border-radius:4px;background-color:var(--color-texts-opacity);top:50%;display:block;margin-top:-2px;height:0;width:0;left:50%;transform:translateX(-6.5px) rotate(45deg)}
.coodiv-cross-icon:before{top:0;transition:top 75ms ease .12s,opacity 75ms ease}
.coodiv-cross-icon:after{bottom:-3px;transition:bottom 75ms ease .12s,transform 75ms cubic-bezier(0.55,0.055,0.675,0.19);transform:rotate(-90deg)}
.coodiv-cross-icon:after,.coodiv-cross-icon:before{display:block;content:"";position:absolute;width:20px;height:3px;border-radius:4px;background-color:var(--color-texts-opacity)}
.megamenu-ads{background:#1f2044;margin:0 auto;display:flex;flex-direction:column;justify-content:center;border-bottom:10px solid #30315e;position:absolute;left:30px;right:0;top:0;bottom:0;border-radius:10px;overflow:hidden}
.megamenu-ads .txtar{position:relative;z-index:1}
.megamenu-ads:before{content:'';position:absolute;height:230px;width:230px;background:#272957;z-index:0;border-radius:100%;bottom:-50px;right:-29px}
.megamenu-ads-price{line-height:41px;font-size:26px;color:#2e93ee;font-weight:400}
.hostings-card:before{content:'';height:200px;width:100px;position:absolute;background:#ebf0f3;z-index:-1;transform:rotate(20deg);top:-24px;right:-70px;transition:.4s}
.hostings-card:hover::before{right:-40px}
.hostings-card-group .hostings-card-items .hostings-card .card-icon i {font-size: 28px;}
.hostings-card-group .hostings-card-items:nth-child(1) .hostings-card .card-icon i {color:#416ff4}
.hostings-card-group .hostings-card-items:nth-child(3) .hostings-card .card-icon i {color:#f7e36d}
.hostings-card-group .hostings-card-items:nth-child(5) .hostings-card .card-icon i {color:#416ff4}
.hostings-card-group .hostings-card-items:nth-child(2) .hostings-card .card-icon i {color:#2bd67b}
.hostings-card-group .hostings-card-items:nth-child(4) .hostings-card .card-icon i {color:#f7776d}
.hostings-card-group .hostings-card-items:nth-child(6) .hostings-card .card-icon i {color:#cb41f4}
.megamenu-ads .txtar{color: #fff !important}
.coodiv-menu-dropdown .dropdown-toggle::after {font-family: 'feather' !important;speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;content: "\e842";border: 0 !important;position: absolute;margin: 0;right: 0;font-size: 15px;top: 50%;transform: translateY(-50%);font-weight: bold;}
.coodiv-menu-dropdown>.drop-menu-item .coodiv-menu-dropdown{left: -204%;right: auto;}
.coodiv-menu-dropdown>.drop-menu-item .coodiv-menu-dropdown.invers-drop-down-menu{left: auto;right: 0;}





/*---------------- template color & backgrounds -----------------*/
/*--- template bg primary ---*/
.coodiv-bg-primary-opacity-visible{background-color:#473bf0}
.coodiv-bg-primary-opacity-1{background-color:rgba(71,59,240,0.1)}
.coodiv-bg-primary-opacity-2{background-color:rgba(71,59,240,0.2)}
.coodiv-bg-primary-opacity-3{background-color:rgba(71,59,240,0.3)}
.coodiv-bg-primary-opacity-4{background-color:rgba(71,59,240,0.4)}
.coodiv-bg-primary-opacity-5{background-color:rgba(71,59,240,0.5)}
.coodiv-bg-primary-opacity-6{background-color:rgba(71,59,240,0.6)}
.coodiv-bg-primary-opacity-7{background-color:rgba(71,59,240,0.7)}
.coodiv-bg-primary-opacity-8{background-color:rgba(71,59,240,0.8)}
.coodiv-bg-primary-opacity-9{background-color:rgba(71,59,240,0.9)}

/*--- template color primary ---*/
.coodiv-color-primary-opacity-visible{color:#473bf0}
.coodiv-color-primary-opacity-1{color:rgba(71,59,240,0.1)}
.coodiv-color-primary-opacity-2{color:rgba(71,59,240,0.2)}
.coodiv-color-primary-opacity-3{color:rgba(71,59,240,0.3)}
.coodiv-color-primary-opacity-4{color:rgba(71,59,240,0.4)}
.coodiv-color-primary-opacity-5{color:rgba(71,59,240,0.5)}
.coodiv-color-primary-opacity-6{color:rgba(71,59,240,0.6)}
.coodiv-color-primary-opacity-7{color:rgba(71,59,240,0.7)}
.coodiv-color-primary-opacity-8{color:rgba(71,59,240,0.8)}
.coodiv-color-primary-opacity-9{color:rgba(71,59,240,0.9)}

/*--- template bg secondary ---*/
.coodiv-bg-secondary-opacity-visible{background-color:#68d585}
.coodiv-bg-secondary-opacity-1{background-color:rgba(104,213,133,0.1)}
.coodiv-bg-secondary-opacity-2{background-color:rgba(104,213,133,0.2)}
.coodiv-bg-secondary-opacity-3{background-color:rgba(104,213,133,0.3)}
.coodiv-bg-secondary-opacity-4{background-color:rgba(104,213,133,0.4)}
.coodiv-bg-secondary-opacity-5{background-color:rgba(104,213,133,0.5)}
.coodiv-bg-secondary-opacity-6{background-color:rgba(104,213,133,0.6)}
.coodiv-bg-secondary-opacity-7{background-color:rgba(104,213,133,0.7)}
.coodiv-bg-secondary-opacity-8{background-color:rgba(104,213,133,0.8)}
.coodiv-bg-secondary-opacity-9{background-color:rgba(104,213,133,0.9)}

/*--- template color secondary ---*/
.coodiv-color-secondary-opacity-visible{color:#68d585}
.coodiv-color-secondary-opacity-1{color:rgba(104,213,133,0.1)}
.coodiv-color-secondary-opacity-2{color:rgba(104,213,133,0.2)}
.coodiv-color-secondary-opacity-3{color:rgba(104,213,133,0.3)}
.coodiv-color-secondary-opacity-4{color:rgba(104,213,133,0.4)}
.coodiv-color-secondary-opacity-5{color:rgba(104,213,133,0.5)}
.coodiv-color-secondary-opacity-6{color:rgba(104,213,133,0.6)}
.coodiv-color-secondary-opacity-7{color:rgba(104,213,133,0.7)}
.coodiv-color-secondary-opacity-8{color:rgba(104,213,133,0.8)}
.coodiv-color-secondary-opacity-9{color:rgba(104,213,133,0.9)}

/*--- template bg success ---*/
.coodiv-bg-success-opacity-visible{background-color:#68d585}
.coodiv-bg-success-opacity-1{background-color:rgba(104,213,133,0.1)}
.coodiv-bg-success-opacity-2{background-color:rgba(104,213,133,0.2)}
.coodiv-bg-success-opacity-3{background-color:rgba(104,213,133,0.3)}
.coodiv-bg-success-opacity-4{background-color:rgba(104,213,133,0.4)}
.coodiv-bg-success-opacity-5{background-color:rgba(104,213,133,0.5)}
.coodiv-bg-success-opacity-6{background-color:rgba(104,213,133,0.6)}
.coodiv-bg-success-opacity-7{background-color:rgba(104,213,133,0.7)}
.coodiv-bg-success-opacity-8{background-color:rgba(104,213,133,0.8)}
.coodiv-bg-success-opacity-9{background-color:rgba(104,213,133,0.9)}

/*--- template color success ---*/
.coodiv-color-success-opacity-visible{color:#68d585}
.coodiv-color-success-opacity-1{color:rgba(104,213,133,0.1)}
.coodiv-color-success-opacity-2{color:rgba(104,213,133,0.2)}
.coodiv-color-success-opacity-3{color:rgba(104,213,133,0.3)}
.coodiv-color-success-opacity-4{color:rgba(104,213,133,0.4)}
.coodiv-color-success-opacity-5{color:rgba(104,213,133,0.5)}
.coodiv-color-success-opacity-6{color:rgba(104,213,133,0.6)}
.coodiv-color-success-opacity-7{color:rgba(104,213,133,0.7)}
.coodiv-color-success-opacity-8{color:rgba(104,213,133,0.8)}
.coodiv-color-success-opacity-9{color:rgba(104,213,133,0.9)}

/*--- template bg info ---*/
.coodiv-bg-info-opacity-visible{background-color:#17a2b8}
.coodiv-bg-info-opacity-1{background-color:rgba(23,162,184,0.1)}
.coodiv-bg-info-opacity-2{background-color:rgba(23,162,184,0.2)}
.coodiv-bg-info-opacity-3{background-color:rgba(23,162,184,0.3)}
.coodiv-bg-info-opacity-4{background-color:rgba(23,162,184,0.4)}
.coodiv-bg-info-opacity-5{background-color:rgba(23,162,184,0.5)}
.coodiv-bg-info-opacity-6{background-color:rgba(23,162,184,0.6)}
.coodiv-bg-info-opacity-7{background-color:rgba(23,162,184,0.7)}
.coodiv-bg-info-opacity-8{background-color:rgba(23,162,184,0.8)}
.coodiv-bg-info-opacity-9{background-color:rgba(23,162,184,0.9)}

/*--- template color info ---*/
.coodiv-color-info-opacity-visible{color:#17a2b8}
.coodiv-color-info-opacity-1{color:rgba(23,162,184,0.1)}
.coodiv-color-info-opacity-2{color:rgba(23,162,184,0.2)}
.coodiv-color-info-opacity-3{color:rgba(23,162,184,0.3)}
.coodiv-color-info-opacity-4{color:rgba(23,162,184,0.4)}
.coodiv-color-info-opacity-5{color:rgba(23,162,184,0.5)}
.coodiv-color-info-opacity-6{color:rgba(23,162,184,0.6)}
.coodiv-color-info-opacity-7{color:rgba(23,162,184,0.7)}
.coodiv-color-info-opacity-8{color:rgba(23,162,184,0.8)}
.coodiv-color-info-opacity-9{color:rgba(23,162,184,0.9)}

/*--- template bg warning ---*/
.coodiv-bg-warning-opacity-visible{background-color:#f7e36d}
.coodiv-bg-warning-opacity-1{background-color:rgba(247,227,109,0.1)}
.coodiv-bg-warning-opacity-2{background-color:rgba(247,227,109,0.2)}
.coodiv-bg-warning-opacity-3{background-color:rgba(247,227,109,0.3)}
.coodiv-bg-warning-opacity-4{background-color:rgba(247,227,109,0.4)}
.coodiv-bg-warning-opacity-5{background-color:rgba(247,227,109,0.5)}
.coodiv-bg-warning-opacity-6{background-color:rgba(247,227,109,0.6)}
.coodiv-bg-warning-opacity-7{background-color:rgba(247,227,109,0.7)}
.coodiv-bg-warning-opacity-8{background-color:rgba(247,227,109,0.8)}
.coodiv-bg-warning-opacity-9{background-color:rgba(247,227,109,0.9)}

/*--- template color warning ---*/
.coodiv-color-warning-opacity-visible{color:#f7e36d}
.coodiv-color-warning-opacity-1{color:rgba(247,227,109,0.1)}
.coodiv-color-warning-opacity-2{color:rgba(247,227,109,0.2)}
.coodiv-color-warning-opacity-3{color:rgba(247,227,109,0.3)}
.coodiv-color-warning-opacity-4{color:rgba(247,227,109,0.4)}
.coodiv-color-warning-opacity-5{color:rgba(247,227,109,0.5)}
.coodiv-color-warning-opacity-6{color:rgba(247,227,109,0.6)}
.coodiv-color-warning-opacity-7{color:rgba(247,227,109,0.7)}
.coodiv-color-warning-opacity-8{color:rgba(247,227,109,0.8)}
.coodiv-color-warning-opacity-9{color:rgba(247,227,109,0.9)}

/*--- template bg danger ---*/
.coodiv-bg-danger-opacity-visible{background-color:#f64b4b}
.coodiv-bg-danger-opacity-1{background-color:rgba(246,75,75,0.1)}
.coodiv-bg-danger-opacity-2{background-color:rgba(246,75,75,0.2)}
.coodiv-bg-danger-opacity-3{background-color:rgba(246,75,75,0.3)}
.coodiv-bg-danger-opacity-4{background-color:rgba(246,75,75,0.4)}
.coodiv-bg-danger-opacity-5{background-color:rgba(246,75,75,0.5)}
.coodiv-bg-danger-opacity-6{background-color:rgba(246,75,75,0.6)}
.coodiv-bg-danger-opacity-7{background-color:rgba(246,75,75,0.7)}
.coodiv-bg-danger-opacity-8{background-color:rgba(246,75,75,0.8)}
.coodiv-bg-danger-opacity-9{background-color:rgba(246,75,75,0.9)}

/*--- template color-danger ---*/
.coodiv-color-danger-opacity-visible{color:#f64b4b}
.coodiv-color-danger-opacity-1{color:rgba(246,75,75,0.1)}
.coodiv-color-danger-opacity-2{color:rgba(246,75,75,0.2)}
.coodiv-color-danger-opacity-3{color:rgba(246,75,75,0.3)}
.coodiv-color-danger-opacity-4{color:rgba(246,75,75,0.4)}
.coodiv-color-danger-opacity-5{color:rgba(246,75,75,0.5)}
.coodiv-color-danger-opacity-6{color:rgba(246,75,75,0.6)}
.coodiv-color-danger-opacity-7{color:rgba(246,75,75,0.7)}
.coodiv-color-danger-opacity-8{color:rgba(246,75,75,0.8)}
.coodiv-color-danger-opacity-9{color:rgba(246,75,75,0.9)}

/*--- template bg light ---*/
.coodiv-bg-light-opacity-visible{background-color:#f8f9fa}
.coodiv-bg-light-opacity-1{background-color:rgba(248,249,250,0.1)}
.coodiv-bg-light-opacity-2{background-color:rgba(248,249,250,0.2)}
.coodiv-bg-light-opacity-3{background-color:rgba(248,249,250,0.3)}
.coodiv-bg-light-opacity-4{background-color:rgba(248,249,250,0.4)}
.coodiv-bg-light-opacity-5{background-color:rgba(248,249,250,0.5)}
.coodiv-bg-light-opacity-6{background-color:rgba(248,249,250,0.6)}
.coodiv-bg-light-opacity-7{background-color:rgba(248,249,250,0.7)}
.coodiv-bg-light-opacity-8{background-color:rgba(248,249,250,0.8)}
.coodiv-bg-light-opacity-9{background-color:rgba(248,249,250,0.9)}

/*--- template color light ---*/
.coodiv-color-light-opacity-visible{color:#f8f9fa}
.coodiv-color-light-opacity-1{color:rgba(248,249,250,0.1)}
.coodiv-color-light-opacity-2{color:rgba(248,249,250,0.2)}
.coodiv-color-light-opacity-3{color:rgba(248,249,250,0.3)}
.coodiv-color-light-opacity-4{color:rgba(248,249,250,0.4)}
.coodiv-color-light-opacity-5{color:rgba(248,249,250,0.5)}
.coodiv-color-light-opacity-6{color:rgba(248,249,250,0.6)}
.coodiv-color-light-opacity-7{color:rgba(248,249,250,0.7)}
.coodiv-color-light-opacity-8{color:rgba(248,249,250,0.8)}
.coodiv-color-light-opacity-9{color:rgba(248,249,250,0.9)}

/*--- template bg dark ---*/
.coodiv-bg-dark-opacity-visible{background-color:#343a40}
.coodiv-bg-dark-opacity-1{background-color:rgba(52,58,64,0.1)}
.coodiv-bg-dark-opacity-2{background-color:rgba(52,58,64,0.2)}
.coodiv-bg-dark-opacity-3{background-color:rgba(52,58,64,0.3)}
.coodiv-bg-dark-opacity-4{background-color:rgba(52,58,64,0.4)}
.coodiv-bg-dark-opacity-5{background-color:rgba(52,58,64,0.5)}
.coodiv-bg-dark-opacity-6{background-color:rgba(52,58,64,0.6)}
.coodiv-bg-dark-opacity-7{background-color:rgba(52,58,64,0.7)}
.coodiv-bg-dark-opacity-8{background-color:rgba(52,58,64,0.8)}
.coodiv-bg-dark-opacity-9{background-color:rgba(52,58,64,0.9)}

/*--- template color dark ---*/
.coodiv-color-dark-opacity-visible{color:#343a40}
.coodiv-color-dark-opacity-1{color:rgba(52,58,64,0.1)}
.coodiv-color-dark-opacity-2{color:rgba(52,58,64,0.2)}
.coodiv-color-dark-opacity-3{color:rgba(52,58,64,0.3)}
.coodiv-color-dark-opacity-4{color:rgba(52,58,64,0.4)}
.coodiv-color-dark-opacity-5{color:rgba(52,58,64,0.5)}
.coodiv-color-dark-opacity-6{color:rgba(52,58,64,0.6)}
.coodiv-color-dark-opacity-7{color:rgba(52,58,64,0.7)}
.coodiv-color-dark-opacity-8{color:rgba(52,58,64,0.8)}
.coodiv-color-dark-opacity-9{color:rgba(52,58,64,0.9)}

/*--- template bg red ---*/
.coodiv-bg-red-opacity-visible{background-color:#f64b4b}
.coodiv-bg-red-opacity-1{background-color:rgba(246,75,75,0.1)}
.coodiv-bg-red-opacity-2{background-color:rgba(246,75,75,0.2)}
.coodiv-bg-red-opacity-3{background-color:rgba(246,75,75,0.3)}
.coodiv-bg-red-opacity-4{background-color:rgba(246,75,75,0.4)}
.coodiv-bg-red-opacity-5{background-color:rgba(246,75,75,0.5)}
.coodiv-bg-red-opacity-6{background-color:rgba(246,75,75,0.6)}
.coodiv-bg-red-opacity-7{background-color:rgba(246,75,75,0.7)}
.coodiv-bg-red-opacity-8{background-color:rgba(246,75,75,0.8)}
.coodiv-bg-red-opacity-9{background-color:rgba(246,75,75,0.9)}

/*--- template color red ---*/
.coodiv-color-red-opacity-visible{color:#f64b4b}
.coodiv-color-red-opacity-1{color:rgba(246,75,75,0.1)}
.coodiv-color-red-opacity-2{color:rgba(246,75,75,0.2)}
.coodiv-color-red-opacity-3{color:rgba(246,75,75,0.3)}
.coodiv-color-red-opacity-4{color:rgba(246,75,75,0.4)}
.coodiv-color-red-opacity-5{color:rgba(246,75,75,0.5)}
.coodiv-color-red-opacity-6{color:rgba(246,75,75,0.6)}
.coodiv-color-red-opacity-7{color:rgba(246,75,75,0.7)}
.coodiv-color-red-opacity-8{color:rgba(246,75,75,0.8)}
.coodiv-color-red-opacity-9{color:rgba(246,75,75,0.9)}

/*--- template bg green ---*/
.coodiv-bg-green-opacity-visible{background-color:#68d585}
.coodiv-bg-green-opacity-1{background-color:rgba(104,213,133,0.1)}
.coodiv-bg-green-opacity-2{background-color:rgba(104,213,133,0.2)}
.coodiv-bg-green-opacity-3{background-color:rgba(104,213,133,0.3)}
.coodiv-bg-green-opacity-4{background-color:rgba(104,213,133,0.4)}
.coodiv-bg-green-opacity-5{background-color:rgba(104,213,133,0.5)}
.coodiv-bg-green-opacity-6{background-color:rgba(104,213,133,0.6)}
.coodiv-bg-green-opacity-7{background-color:rgba(104,213,133,0.7)}
.coodiv-bg-green-opacity-8{background-color:rgba(104,213,133,0.8)}
.coodiv-bg-green-opacity-9{background-color:rgba(104,213,133,0.9)}

/*--- template color green ---*/
.coodiv-color-green-opacity-visible{color:#68d585}
.coodiv-color-green-opacity-1{color:rgba(104,213,133,0.1)}
.coodiv-color-green-opacity-2{color:rgba(104,213,133,0.2)}
.coodiv-color-green-opacity-3{color:rgba(104,213,133,0.3)}
.coodiv-color-green-opacity-4{color:rgba(104,213,133,0.4)}
.coodiv-color-green-opacity-5{color:rgba(104,213,133,0.5)}
.coodiv-color-green-opacity-6{color:rgba(104,213,133,0.6)}
.coodiv-color-green-opacity-7{color:rgba(104,213,133,0.7)}
.coodiv-color-green-opacity-8{color:rgba(104,213,133,0.8)}
.coodiv-color-green-opacity-9{color:rgba(104,213,133,0.9)}

/*--- template bg green shamrock ---*/
.coodiv-bg-green-shamrock-opacity-visible{background-color:#2bd67b}
.coodiv-bg-green-shamrock-opacity-1{background-color:rgba(43,214,123,0.1)}
.coodiv-bg-green-shamrock-opacity-2{background-color:rgba(43,214,123,0.2)}
.coodiv-bg-green-shamrock-opacity-3{background-color:rgba(43,214,123,0.3)}
.coodiv-bg-green-shamrock-opacity-4{background-color:rgba(43,214,123,0.4)}
.coodiv-bg-green-shamrock-opacity-5{background-color:rgba(43,214,123,0.5)}
.coodiv-bg-green-shamrock-opacity-6{background-color:rgba(43,214,123,0.6)}
.coodiv-bg-green-shamrock-opacity-7{background-color:rgba(43,214,123,0.7)}
.coodiv-bg-green-shamrock-opacity-8{background-color:rgba(43,214,123,0.8)}
.coodiv-bg-green-shamrock-opacity-9{background-color:rgba(43,214,123,0.9)}

/*--- template color green shamrock ---*/
.coodiv-color-green-shamrock-opacity-visible{color:#2bd67b}
.coodiv-color-green-shamrock-opacity-1{color:rgba(43,214,123,0.1)}
.coodiv-color-green-shamrock-opacity-2{color:rgba(43,214,123,0.2)}
.coodiv-color-green-shamrock-opacity-3{color:rgba(43,214,123,0.3)}
.coodiv-color-green-shamrock-opacity-4{color:rgba(43,214,123,0.4)}
.coodiv-color-green-shamrock-opacity-5{color:rgba(43,214,123,0.5)}
.coodiv-color-green-shamrock-opacity-6{color:rgba(43,214,123,0.6)}
.coodiv-color-green-shamrock-opacity-7{color:rgba(43,214,123,0.7)}
.coodiv-color-green-shamrock-opacity-8{color:rgba(43,214,123,0.8)}
.coodiv-color-green-shamrock-opacity-9{color:rgba(43,214,123,0.9)}

/*--- template bg blue ---*/
.coodiv-bg-blue-opacity-visible{background-color:#473bf0}
.coodiv-bg-blue-opacity-1{background-color:rgba(71,59,240,0.1)}
.coodiv-bg-blue-opacity-2{background-color:rgba(71,59,240,0.2)}
.coodiv-bg-blue-opacity-3{background-color:rgba(71,59,240,0.3)}
.coodiv-bg-blue-opacity-4{background-color:rgba(71,59,240,0.4)}
.coodiv-bg-blue-opacity-5{background-color:rgba(71,59,240,0.5)}
.coodiv-bg-blue-opacity-6{background-color:rgba(71,59,240,0.6)}
.coodiv-bg-blue-opacity-7{background-color:rgba(71,59,240,0.7)}
.coodiv-bg-blue-opacity-8{background-color:rgba(71,59,240,0.8)}
.coodiv-bg-blue-opacity-9{background-color:rgba(71,59,240,0.9)}

/*--- template color blue ---*/
.coodiv-color-blue-opacity-visible{color:#473bf0}
.coodiv-color-blue-opacity-1{color:rgba(71,59,240,0.1)}
.coodiv-color-blue-opacity-2{color:rgba(71,59,240,0.2)}
.coodiv-color-blue-opacity-3{color:rgba(71,59,240,0.3)}
.coodiv-color-blue-opacity-4{color:rgba(71,59,240,0.4)}
.coodiv-color-blue-opacity-5{color:rgba(71,59,240,0.5)}
.coodiv-color-blue-opacity-6{color:rgba(71,59,240,0.6)}
.coodiv-color-blue-opacity-7{color:rgba(71,59,240,0.7)}
.coodiv-color-blue-opacity-8{color:rgba(71,59,240,0.8)}
.coodiv-color-blue-opacity-9{color:rgba(71,59,240,0.9)}

/*--- template bg sky blue ---*/
.coodiv-bg-sky-blue-opacity-visible{background-color:#1082e9}
.coodiv-bg-sky-blue-opacity-1{background-color:rgba(16,130,233,0.1)}
.coodiv-bg-sky-blue-opacity-2{background-color:rgba(16,130,233,0.2)}
.coodiv-bg-sky-blue-opacity-3{background-color:rgba(16,130,233,0.3)}
.coodiv-bg-sky-blue-opacity-4{background-color:rgba(16,130,233,0.4)}
.coodiv-bg-sky-blue-opacity-5{background-color:rgba(16,130,233,0.5)}
.coodiv-bg-sky-blue-opacity-6{background-color:rgba(16,130,233,0.6)}
.coodiv-bg-sky-blue-opacity-7{background-color:rgba(16,130,233,0.7)}
.coodiv-bg-sky-blue-opacity-8{background-color:rgba(16,130,233,0.8)}
.coodiv-bg-sky-blue-opacity-9{background-color:rgba(16,130,233,0.9)}

/*--- template color sky blue ---*/
.coodiv-color-sky-blue-opacity-visible{color:#1082e9}
.coodiv-color-sky-blue-opacity-1{color:rgba(16,130,233,0.1)}
.coodiv-color-sky-blue-opacity-2{color:rgba(16,130,233,0.2)}
.coodiv-color-sky-blue-opacity-3{color:rgba(16,130,233,0.3)}
.coodiv-color-sky-blue-opacity-4{color:rgba(16,130,233,0.4)}
.coodiv-color-sky-blue-opacity-5{color:rgba(16,130,233,0.5)}
.coodiv-color-sky-blue-opacity-6{color:rgba(16,130,233,0.6)}
.coodiv-color-sky-blue-opacity-7{color:rgba(16,130,233,0.7)}
.coodiv-color-sky-blue-opacity-8{color:rgba(16,130,233,0.8)}
.coodiv-color-sky-blue-opacity-9{color:rgba(16,130,233,0.9)}

/*--- template bg yellow ---*/
.coodiv-bg-yellow-opacity-visible{background-color:#f7e36d}
.coodiv-bg-yellow-opacity-1{background-color:rgba(247,227,109,0.1)}
.coodiv-bg-yellow-opacity-2{background-color:rgba(247,227,109,0.2)}
.coodiv-bg-yellow-opacity-3{background-color:rgba(247,227,109,0.3)}
.coodiv-bg-yellow-opacity-4{background-color:rgba(247,227,109,0.4)}
.coodiv-bg-yellow-opacity-5{background-color:rgba(247,227,109,0.5)}
.coodiv-bg-yellow-opacity-6{background-color:rgba(247,227,109,0.6)}
.coodiv-bg-yellow-opacity-7{background-color:rgba(247,227,109,0.7)}
.coodiv-bg-yellow-opacity-8{background-color:rgba(247,227,109,0.8)}
.coodiv-bg-yellow-opacity-9{background-color:rgba(247,227,109,0.9)}

/*--- template color yellow ---*/
.coodiv-color-yellow-opacity-visible{color:#f7e36d}
.coodiv-color-yellow-opacity-1{color:rgba(247,227,109,0.1)}
.coodiv-color-yellow-opacity-2{color:rgba(247,227,109,0.2)}
.coodiv-color-yellow-opacity-3{color:rgba(247,227,109,0.3)}
.coodiv-color-yellow-opacity-4{color:rgba(247,227,109,0.4)}
.coodiv-color-yellow-opacity-5{color:rgba(247,227,109,0.5)}
.coodiv-color-yellow-opacity-6{color:rgba(247,227,109,0.6)}
.coodiv-color-yellow-opacity-7{color:rgba(247,227,109,0.7)}
.coodiv-color-yellow-opacity-8{color:rgba(247,227,109,0.8)}
.coodiv-color-yellow-opacity-9{color:rgba(247,227,109,0.9)}

/*--- template bg yellow orange ---*/
.coodiv-bg-yellow-orange-opacity-visible{background-color:#fcad38}
.coodiv-bg-yellow-orange-opacity-1{background-color:rgba(252,173,56,0.1)}
.coodiv-bg-yellow-orange-opacity-2{background-color:rgba(252,173,56,0.2)}
.coodiv-bg-yellow-orange-opacity-3{background-color:rgba(252,173,56,0.3)}
.coodiv-bg-yellow-orange-opacity-4{background-color:rgba(252,173,56,0.4)}
.coodiv-bg-yellow-orange-opacity-5{background-color:rgba(252,173,56,0.5)}
.coodiv-bg-yellow-orange-opacity-6{background-color:rgba(252,173,56,0.6)}
.coodiv-bg-yellow-orange-opacity-7{background-color:rgba(252,173,56,0.7)}
.coodiv-bg-yellow-orange-opacity-8{background-color:rgba(252,173,56,0.8)}
.coodiv-bg-yellow-orange-opacity-9{background-color:rgba(252,173,56,0.9)}

/*--- template color yellow orange ---*/
.coodiv-color-yellow-orange-opacity-visible{color:#fcad38}
.coodiv-color-yellow-orange-opacity-1{color:rgba(252,173,56,0.1)}
.coodiv-color-yellow-orange-opacity-2{color:rgba(252,173,56,0.2)}
.coodiv-color-yellow-orange-opacity-3{color:rgba(252,173,56,0.3)}
.coodiv-color-yellow-orange-opacity-4{color:rgba(252,173,56,0.4)}
.coodiv-color-yellow-orange-opacity-5{color:rgba(252,173,56,0.5)}
.coodiv-color-yellow-orange-opacity-6{color:rgba(252,173,56,0.6)}
.coodiv-color-yellow-orange-opacity-7{color:rgba(252,173,56,0.7)}
.coodiv-color-yellow-orange-opacity-8{color:rgba(252,173,56,0.8)}
.coodiv-color-yellow-orange-opacity-9{color:rgba(252,173,56,0.9)}

/*--- template bg blackish blue ---*/
.coodiv-bg-blackish-blue-opacity-visible{background-color:#13151c}
.coodiv-bg-blackish-blue-opacity-1{background-color:rgba(19,21,28,0.1)}
.coodiv-bg-blackish-blue-opacity-2{background-color:rgba(19,21,28,0.2)}
.coodiv-bg-blackish-blue-opacity-3{background-color:rgba(19,21,28,0.3)}
.coodiv-bg-blackish-blue-opacity-4{background-color:rgba(19,21,28,0.4)}
.coodiv-bg-blackish-blue-opacity-5{background-color:rgba(19,21,28,0.5)}
.coodiv-bg-blackish-blue-opacity-6{background-color:rgba(19,21,28,0.6)}
.coodiv-bg-blackish-blue-opacity-7{background-color:rgba(19,21,28,0.7)}
.coodiv-bg-blackish-blue-opacity-8{background-color:rgba(19,21,28,0.8)}
.coodiv-bg-blackish-blue-opacity-9{background-color:rgba(19,21,28,0.9)}

/*--- template color blackish blue ---*/
.coodiv-color-blackish-blue-opacity-visible{color:#13151c}
.coodiv-color-blackish-blue-opacity-1{color:rgba(19,21,28,0.1)}
.coodiv-color-blackish-blue-opacity-2{color:rgba(19,21,28,0.2)}
.coodiv-color-blackish-blue-opacity-3{color:rgba(19,21,28,0.3)}
.coodiv-color-blackish-blue-opacity-4{color:rgba(19,21,28,0.4)}
.coodiv-color-blackish-blue-opacity-5{color:rgba(19,21,28,0.5)}
.coodiv-color-blackish-blue-opacity-6{color:rgba(19,21,28,0.6)}
.coodiv-color-blackish-blue-opacity-7{color:rgba(19,21,28,0.7)}
.coodiv-color-blackish-blue-opacity-8{color:rgba(19,21,28,0.8)}
.coodiv-color-blackish-blue-opacity-9{color:rgba(19,21,28,0.9)}

/*--- template bg black ---*/
.coodiv-bg-black-opacity-visible{background-color:black}
.coodiv-bg-black-opacity-1{background-color:rgba(0,0,0,0.1)}
.coodiv-bg-black-opacity-2{background-color:rgba(0,0,0,0.2)}
.coodiv-bg-black-opacity-3{background-color:rgba(0,0,0,0.3)}
.coodiv-bg-black-opacity-4{background-color:rgba(0,0,0,0.4)}
.coodiv-bg-black-opacity-5{background-color:rgba(0,0,0,0.5)}
.coodiv-bg-black-opacity-6{background-color:rgba(0,0,0,0.6)}
.coodiv-bg-black-opacity-7{background-color:rgba(0,0,0,0.7)}
.coodiv-bg-black-opacity-8{background-color:rgba(0,0,0,0.8)}
.coodiv-bg-black-opacity-9{background-color:rgba(0,0,0,0.9)}

/*--- template color black ---*/
.coodiv-color-black-opacity-visible{color:black}
.coodiv-color-black-opacity-1{color:rgba(0,0,0,0.1)}
.coodiv-color-black-opacity-2{color:rgba(0,0,0,0.2)}
.coodiv-color-black-opacity-3{color:rgba(0,0,0,0.3)}
.coodiv-color-black-opacity-4{color:rgba(0,0,0,0.4)}
.coodiv-color-black-opacity-5{color:rgba(0,0,0,0.5)}
.coodiv-color-black-opacity-6{color:rgba(0,0,0,0.6)}
.coodiv-color-black-opacity-7{color:rgba(0,0,0,0.7)}
.coodiv-color-black-opacity-8{color:rgba(0,0,0,0.8)}
.coodiv-color-black-opacity-9{color:rgba(0,0,0,0.9)}

/*--- template bg mirage ---*/
.coodiv-bg-mirage-opacity-visible{background-color:#131829}
.coodiv-bg-mirage-opacity-1{background-color:rgba(19,24,41,0.1)}
.coodiv-bg-mirage-opacity-2{background-color:rgba(19,24,41,0.2)}
.coodiv-bg-mirage-opacity-3{background-color:rgba(19,24,41,0.3)}
.coodiv-bg-mirage-opacity-4{background-color:rgba(19,24,41,0.4)}
.coodiv-bg-mirage-opacity-5{background-color:rgba(19,24,41,0.5)}
.coodiv-bg-mirage-opacity-6{background-color:rgba(19,24,41,0.6)}
.coodiv-bg-mirage-opacity-7{background-color:rgba(19,24,41,0.7)}
.coodiv-bg-mirage-opacity-8{background-color:rgba(19,24,41,0.8)}
.coodiv-bg-mirage-opacity-9{background-color:rgba(19,24,41,0.9)}

/*--- template color mirage ---*/
.coodiv-color-mirage-opacity-visible{color:#131829}
.coodiv-color-mirage-opacity-1{color:rgba(19,24,41,0.1)}
.coodiv-color-mirage-opacity-2{color:rgba(19,24,41,0.2)}
.coodiv-color-mirage-opacity-3{color:rgba(19,24,41,0.3)}
.coodiv-color-mirage-opacity-4{color:rgba(19,24,41,0.4)}
.coodiv-color-mirage-opacity-5{color:rgba(19,24,41,0.5)}
.coodiv-color-mirage-opacity-6{color:rgba(19,24,41,0.6)}
.coodiv-color-mirage-opacity-7{color:rgba(19,24,41,0.7)}
.coodiv-color-mirage-opacity-8{color:rgba(19,24,41,0.8)}
.coodiv-color-mirage-opacity-9{color:rgba(19,24,41,0.9)}

/*--- template bg white ---*/
.coodiv-bg-white-opacity-visible,.white-bg{background-color: white;background: white;}
.coodiv-bg-white-opacity-1{background-color:rgba(255,255,255,0.1)}
.coodiv-bg-white-opacity-2{background-color:rgba(255,255,255,0.2)}
.coodiv-bg-white-opacity-3{background-color:rgba(255,255,255,0.3)}
.coodiv-bg-white-opacity-4{background-color:rgba(255,255,255,0.4)}
.coodiv-bg-white-opacity-5{background-color:rgba(255,255,255,0.5)}
.coodiv-bg-white-opacity-6{background-color:rgba(255,255,255,0.6)}
.coodiv-bg-white-opacity-7{background-color:rgba(255,255,255,0.7)}
.coodiv-bg-white-opacity-8{background-color:rgba(255,255,255,0.8)}
.coodiv-bg-white-opacity-9{background-color:rgba(255,255,255,0.9)}

/*--- template color white ---*/
.coodiv-color-white-opacity-visible{color:white}
.coodiv-color-white-opacity-1{color:rgba(255,255,255,0.1)}
.coodiv-color-white-opacity-2{color:rgba(255,255,255,0.2)}
.coodiv-color-white-opacity-3{color:rgba(255,255,255,0.3)}
.coodiv-color-white-opacity-4{color:rgba(255,255,255,0.4)}
.coodiv-color-white-opacity-5{color:rgba(255,255,255,0.5)}
.coodiv-color-white-opacity-6{color:rgba(255,255,255,0.6)}
.coodiv-color-white-opacity-7{color:rgba(255,255,255,0.7)}
.coodiv-color-white-opacity-8{color:rgba(255,255,255,0.8)}
.coodiv-color-white-opacity-9{color:rgba(255,255,255,0.9)}

/*--- template bg smoke ---*/
.coodiv-bg-smoke-opacity-visible{background-color:#f8f8f8}
.coodiv-bg-smoke-opacity-1{background-color:rgba(248,248,248,0.1)}
.coodiv-bg-smoke-opacity-2{background-color:rgba(248,248,248,0.2)}
.coodiv-bg-smoke-opacity-3{background-color:rgba(248,248,248,0.3)}
.coodiv-bg-smoke-opacity-4{background-color:rgba(248,248,248,0.4)}
.coodiv-bg-smoke-opacity-5{background-color:rgba(248,248,248,0.5)}
.coodiv-bg-smoke-opacity-6{background-color:rgba(248,248,248,0.6)}
.coodiv-bg-smoke-opacity-7{background-color:rgba(248,248,248,0.7)}
.coodiv-bg-smoke-opacity-8{background-color:rgba(248,248,248,0.8)}
.coodiv-bg-smoke-opacity-9{background-color:rgba(248,248,248,0.9)}

/*--- template color smoke ---*/
.coodiv-color-smoke-opacity-visible{color:#f8f8f8}
.coodiv-color-smoke-opacity-1{color:rgba(248,248,248,0.1)}
.coodiv-color-smoke-opacity-2{color:rgba(248,248,248,0.2)}
.coodiv-color-smoke-opacity-3{color:rgba(248,248,248,0.3)}
.coodiv-color-smoke-opacity-4{color:rgba(248,248,248,0.4)}
.coodiv-color-smoke-opacity-5{color:rgba(248,248,248,0.5)}
.coodiv-color-smoke-opacity-6{color:rgba(248,248,248,0.6)}
.coodiv-color-smoke-opacity-7{color:rgba(248,248,248,0.7)}
.coodiv-color-smoke-opacity-8{color:rgba(248,248,248,0.8)}
.coodiv-color-smoke-opacity-9{color:rgba(248,248,248,0.9)}

/*--- template bg storm ---*/
.coodiv-bg-storm-opacity-visible{background-color:#7d818d}
.coodiv-bg-storm-opacity-1{background-color:rgba(125,129,141,0.1)}
.coodiv-bg-storm-opacity-2{background-color:rgba(125,129,141,0.2)}
.coodiv-bg-storm-opacity-3{background-color:rgba(125,129,141,0.3)}
.coodiv-bg-storm-opacity-4{background-color:rgba(125,129,141,0.4)}
.coodiv-bg-storm-opacity-5{background-color:rgba(125,129,141,0.5)}
.coodiv-bg-storm-opacity-6{background-color:rgba(125,129,141,0.6)}
.coodiv-bg-storm-opacity-7{background-color:rgba(125,129,141,0.7)}
.coodiv-bg-storm-opacity-8{background-color:rgba(125,129,141,0.8)}
.coodiv-bg-storm-opacity-9{background-color:rgba(125,129,141,0.9)}

/*--- template color storm ---*/
.coodiv-color-storm-opacity-visible{color:#7d818d}
.coodiv-color-storm-opacity-1{color:rgba(125,129,141,0.1)}
.coodiv-color-storm-opacity-2{color:rgba(125,129,141,0.2)}
.coodiv-color-storm-opacity-3{color:rgba(125,129,141,0.3)}
.coodiv-color-storm-opacity-4{color:rgba(125,129,141,0.4)}
.coodiv-color-storm-opacity-5{color:rgba(125,129,141,0.5)}
.coodiv-color-storm-opacity-6{color:rgba(125,129,141,0.6)}
.coodiv-color-storm-opacity-7{color:rgba(125,129,141,0.7)}
.coodiv-color-storm-opacity-8{color:rgba(125,129,141,0.8)}
.coodiv-color-storm-opacity-9{color:rgba(125,129,141,0.9)}

/*--- template bg ghost ---*/
.coodiv-bg-ghost-opacity-visible{background-color:#fdfdff}
.coodiv-bg-ghost-opacity-1{background-color:rgba(253,253,255,0.1)}
.coodiv-bg-ghost-opacity-2{background-color:rgba(253,253,255,0.2)}
.coodiv-bg-ghost-opacity-3{background-color:rgba(253,253,255,0.3)}
.coodiv-bg-ghost-opacity-4{background-color:rgba(253,253,255,0.4)}
.coodiv-bg-ghost-opacity-5{background-color:rgba(253,253,255,0.5)}
.coodiv-bg-ghost-opacity-6{background-color:rgba(253,253,255,0.6)}
.coodiv-bg-ghost-opacity-7{background-color:rgba(253,253,255,0.7)}
.coodiv-bg-ghost-opacity-8{background-color:rgba(253,253,255,0.8)}
.coodiv-bg-ghost-opacity-9{background-color:rgba(253,253,255,0.9)}

/*--- template color ghost ---*/
.coodiv-color-ghost-opacity-visible{color:#fdfdff}
.coodiv-color-ghost-opacity-1{color:rgba(253,253,255,0.1)}
.coodiv-color-ghost-opacity-2{color:rgba(253,253,255,0.2)}
.coodiv-color-ghost-opacity-3{color:rgba(253,253,255,0.3)}
.coodiv-color-ghost-opacity-4{color:rgba(253,253,255,0.4)}
.coodiv-color-ghost-opacity-5{color:rgba(253,253,255,0.5)}
.coodiv-color-ghost-opacity-6{color:rgba(253,253,255,0.6)}
.coodiv-color-ghost-opacity-7{color:rgba(253,253,255,0.7)}
.coodiv-color-ghost-opacity-8{color:rgba(253,253,255,0.8)}
.coodiv-color-ghost-opacity-9{color:rgba(253,253,255,0.9)}

/*--- template bg gray 1 ---*/
.coodiv-bg-gray-1-opacity-visible{background-color:#fcfdfe}
.coodiv-bg-gray-1-opacity-1{background-color:rgba(252,253,254,0.1)}
.coodiv-bg-gray-1-opacity-2{background-color:rgba(252,253,254,0.2)}
.coodiv-bg-gray-1-opacity-3{background-color:rgba(252,253,254,0.3)}
.coodiv-bg-gray-1-opacity-4{background-color:rgba(252,253,254,0.4)}
.coodiv-bg-gray-1-opacity-5{background-color:rgba(252,253,254,0.5)}
.coodiv-bg-gray-1-opacity-6{background-color:rgba(252,253,254,0.6)}
.coodiv-bg-gray-1-opacity-7{background-color:rgba(252,253,254,0.7)}
.coodiv-bg-gray-1-opacity-8{background-color:rgba(252,253,254,0.8)}
.coodiv-bg-gray-1-opacity-9{background-color:rgba(252,253,254,0.9)}

/*--- template color gray 1 ---*/
.coodiv-color-gray-1-opacity-visible{color:#fcfdfe}
.coodiv-color-gray-1-opacity-1{color:rgba(252,253,254,0.1)}
.coodiv-color-gray-1-opacity-2{color:rgba(252,253,254,0.2)}
.coodiv-color-gray-1-opacity-3{color:rgba(252,253,254,0.3)}
.coodiv-color-gray-1-opacity-4{color:rgba(252,253,254,0.4)}
.coodiv-color-gray-1-opacity-5{color:rgba(252,253,254,0.5)}
.coodiv-color-gray-1-opacity-6{color:rgba(252,253,254,0.6)}
.coodiv-color-gray-1-opacity-7{color:rgba(252,253,254,0.7)}
.coodiv-color-gray-1-opacity-8{color:rgba(252,253,254,0.8)}
.coodiv-color-gray-1-opacity-9{color:rgba(252,253,254,0.9)}

/*--- template bg gray 2 ---*/
.coodiv-bg-gray-2-opacity-visible{background-color:#f4f7fa}
.coodiv-bg-gray-2-opacity-1{background-color:rgba(244,247,250,0.1)}
.coodiv-bg-gray-2-opacity-2{background-color:rgba(244,247,250,0.2)}
.coodiv-bg-gray-2-opacity-3{background-color:rgba(244,247,250,0.3)}
.coodiv-bg-gray-2-opacity-4{background-color:rgba(244,247,250,0.4)}
.coodiv-bg-gray-2-opacity-5{background-color:rgba(244,247,250,0.5)}
.coodiv-bg-gray-2-opacity-6{background-color:rgba(244,247,250,0.6)}
.coodiv-bg-gray-2-opacity-7{background-color:rgba(244,247,250,0.7)}
.coodiv-bg-gray-2-opacity-8{background-color:rgba(244,247,250,0.8)}
.coodiv-bg-gray-2-opacity-9{background-color:rgba(244,247,250,0.9)}

/*--- template color gray 2 ---*/
.coodiv-color-gray-2-opacity-visible{color:#f4f7fa}
.coodiv-color-gray-2-opacity-1{color:rgba(244,247,250,0.1)}
.coodiv-color-gray-2-opacity-2{color:rgba(244,247,250,0.2)}
.coodiv-color-gray-2-opacity-3{color:rgba(244,247,250,0.3)}
.coodiv-color-gray-2-opacity-4{color:rgba(244,247,250,0.4)}
.coodiv-color-gray-2-opacity-5{color:rgba(244,247,250,0.5)}
.coodiv-color-gray-2-opacity-6{color:rgba(244,247,250,0.6)}
.coodiv-color-gray-2-opacity-7{color:rgba(244,247,250,0.7)}
.coodiv-color-gray-2-opacity-8{color:rgba(244,247,250,0.8)}
.coodiv-color-gray-2-opacity-9{color:rgba(244,247,250,0.9)}

/*--- template bg gray 3 ---*/
.coodiv-bg-gray-3-opacity-visible{background-color:#e7e9ed}
.coodiv-bg-gray-3-opacity-1{background-color:rgba(231,233,237,0.1)}
.coodiv-bg-gray-3-opacity-2{background-color:rgba(231,233,237,0.2)}
.coodiv-bg-gray-3-opacity-3{background-color:rgba(231,233,237,0.3)}
.coodiv-bg-gray-3-opacity-4{background-color:rgba(231,233,237,0.4)}
.coodiv-bg-gray-3-opacity-5{background-color:rgba(231,233,237,0.5)}
.coodiv-bg-gray-3-opacity-6{background-color:rgba(231,233,237,0.6)}
.coodiv-bg-gray-3-opacity-7{background-color:rgba(231,233,237,0.7)}
.coodiv-bg-gray-3-opacity-8{background-color:rgba(231,233,237,0.8)}
.coodiv-bg-gray-3-opacity-9{background-color:rgba(231,233,237,0.9)}

/*--- template color gray 3 ---*/
.coodiv-color-gray-3-opacity-visible{color:#e7e9ed}
.coodiv-color-gray-3-opacity-1{color:rgba(231,233,237,0.1)}
.coodiv-color-gray-3-opacity-2{color:rgba(231,233,237,0.2)}
.coodiv-color-gray-3-opacity-3{color:rgba(231,233,237,0.3)}
.coodiv-color-gray-3-opacity-4{color:rgba(231,233,237,0.4)}
.coodiv-color-gray-3-opacity-5{color:rgba(231,233,237,0.5)}
.coodiv-color-gray-3-opacity-6{color:rgba(231,233,237,0.6)}
.coodiv-color-gray-3-opacity-7{color:rgba(231,233,237,0.7)}
.coodiv-color-gray-3-opacity-8{color:rgba(231,233,237,0.8)}
.coodiv-color-gray-3-opacity-9{color:rgba(231,233,237,0.9)}


/*--- template bg gray opacity ---*/
.coodiv-bg-gray-opacity-opacity-visible{background-color:#e7e9ed}
.coodiv-bg-gray-opacity-opacity-1{background-color:rgba(231,233,237,0.1)}
.coodiv-bg-gray-opacity-opacity-2{background-color:rgba(231,233,237,0.2)}
.coodiv-bg-gray-opacity-opacity-3{background-color:rgba(231,233,237,0.3)}
.coodiv-bg-gray-opacity-opacity-4{background-color:rgba(231,233,237,0.4)}
.coodiv-bg-gray-opacity-opacity-5{background-color:rgba(231,233,237,0.5)}
.coodiv-bg-gray-opacity-opacity-6{background-color:rgba(231,233,237,0.6)}
.coodiv-bg-gray-opacity-opacity-7{background-color:rgba(231,233,237,0.7)}
.coodiv-bg-gray-opacity-opacity-8{background-color:rgba(231,233,237,0.8)}
.coodiv-bg-gray-opacity-opacity-9{background-color:rgba(231,233,237,0.9)}

/*--- template color gray opacity ---*/
.coodiv-color-gray-opacity-opacity-visible{color:#e7e9ed}
.coodiv-color-gray-opacity-opacity-1{color:rgba(231,233,237,0.1)}
.coodiv-color-gray-opacity-opacity-2{color:rgba(231,233,237,0.2)}
.coodiv-color-gray-opacity-opacity-3{color:rgba(231,233,237,0.3)}
.coodiv-color-gray-opacity-opacity-4{color:rgba(231,233,237,0.4)}
.coodiv-color-gray-opacity-opacity-5{color:rgba(231,233,237,0.5)}
.coodiv-color-gray-opacity-opacity-6{color:rgba(231,233,237,0.6)}
.coodiv-color-gray-opacity-opacity-7{color:rgba(231,233,237,0.7)}
.coodiv-color-gray-opacity-opacity-8{color:rgba(231,233,237,0.8)}
.coodiv-color-gray-opacity-opacity-9{color:rgba(231,233,237,0.9)}

/*--- template bg blackish blue opacity ---*/
.coodiv-bg-blackish-blue-opacity-opacity-visible{background-color:#161c2d}
.coodiv-bg-blackish-blue-opacity-opacity-1{background-color:rgba(22,28,45,0.1)}
.coodiv-bg-blackish-blue-opacity-opacity-2{background-color:rgba(22,28,45,0.2)}
.coodiv-bg-blackish-blue-opacity-opacity-3{background-color:rgba(22,28,45,0.3)}
.coodiv-bg-blackish-blue-opacity-opacity-4{background-color:rgba(22,28,45,0.4)}
.coodiv-bg-blackish-blue-opacity-opacity-5{background-color:rgba(22,28,45,0.5)}
.coodiv-bg-blackish-blue-opacity-opacity-6{background-color:rgba(22,28,45,0.6)}
.coodiv-bg-blackish-blue-opacity-opacity-7{background-color:rgba(22,28,45,0.7)}
.coodiv-bg-blackish-blue-opacity-opacity-8{background-color:rgba(22,28,45,0.8)}
.coodiv-bg-blackish-blue-opacity-opacity-9{background-color:rgba(22,28,45,0.9)}

/*--- template color blackish blue opacity ---*/
.coodiv-color-blackish-blue-opacity-opacity-visible{color:#161c2d}
.color-blackish-blue{color:#161c2d}
.color-blackish-blue-opacity{color:rgba(22,28,45,0.7)}
.coodiv-color-blackish-blue-opacity-opacity-1{color:rgba(22,28,45,0.1)}
.coodiv-color-blackish-blue-opacity-opacity-2{color:rgba(22,28,45,0.2)}
.coodiv-color-blackish-blue-opacity-opacity-3{color:rgba(22,28,45,0.3)}
.coodiv-color-blackish-blue-opacity-opacity-4{color:rgba(22,28,45,0.4)}
.coodiv-color-blackish-blue-opacity-opacity-5{color:rgba(22,28,45,0.5)}
.coodiv-color-blackish-blue-opacity-opacity-6{color:rgba(22,28,45,0.6)}
.coodiv-color-blackish-blue-opacity-opacity-7{color:rgba(22,28,45,0.7)}
.coodiv-color-blackish-blue-opacity-opacity-8{color:rgba(22,28,45,0.8)}
.coodiv-color-blackish-blue-opacity-opacity-9{color:rgba(22,28,45,0.9)}

/*--- template bg narvik ---*/
.coodiv-bg-narvik-opacity-visible{background-color:#edf9f2}
.coodiv-bg-narvik-opacity-1{background-color:rgba(237,249,242,0.1)}
.coodiv-bg-narvik-opacity-2{background-color:rgba(237,249,242,0.2)}
.coodiv-bg-narvik-opacity-3{background-color:rgba(237,249,242,0.3)}
.coodiv-bg-narvik-opacity-4{background-color:rgba(237,249,242,0.4)}
.coodiv-bg-narvik-opacity-5{background-color:rgba(237,249,242,0.5)}
.coodiv-bg-narvik-opacity-6{background-color:rgba(237,249,242,0.6)}
.coodiv-bg-narvik-opacity-7{background-color:rgba(237,249,242,0.7)}
.coodiv-bg-narvik-opacity-8{background-color:rgba(237,249,242,0.8)}
.coodiv-bg-narvik-opacity-9{background-color:rgba(237,249,242,0.9)}

/*--- template color narvik ---*/
.coodiv-color-narvik-opacity-visible{color:#edf9f2}
.coodiv-color-narvik-opacity-1{color:rgba(237,249,242,0.1)}
.coodiv-color-narvik-opacity-2{color:rgba(237,249,242,0.2)}
.coodiv-color-narvik-opacity-3{color:rgba(237,249,242,0.3)}
.coodiv-color-narvik-opacity-4{color:rgba(237,249,242,0.4)}
.coodiv-color-narvik-opacity-5{color:rgba(237,249,242,0.5)}
.coodiv-color-narvik-opacity-6{color:rgba(237,249,242,0.6)}
.coodiv-color-narvik-opacity-7{color:rgba(237,249,242,0.7)}
.coodiv-color-narvik-opacity-8{color:rgba(237,249,242,0.8)}
.coodiv-color-narvik-opacity-9{color:rgba(237,249,242,0.9)}

/*--- template opacity stylesheets ---*/
.coodiv-opacity-visible{opacity:1}
.coodiv-opacity-1{opacity:.1}
.coodiv-opacity-2{opacity:.2}
.coodiv-opacity-3{opacity:.3}
.coodiv-opacity-4{opacity:.4}
.coodiv-opacity-5{opacity:.5}
.coodiv-opacity-6{opacity:.6}
.coodiv-opacity-7{opacity:.7}
.coodiv-opacity-8{opacity:.8}
.coodiv-opacity-9{opacity:.9}

/*--- template text colors variables ---*/
.coodiv-text-color{color:var(--color-texts)!important}
.coodiv-text-color-opacity{color:var(--color-texts-opacity)}
.coodiv-fill-color{fill:var(--color-texts)!important}

/*--- template defrente image,gradient and parallax backgrounds  ---*/
.with-moon-bg:after{content:'';background:url(../image/header/moon-full.png) no-repeat;position:absolute;right:0;bottom:-20px;width:584px;height:250px;overflow:hidden;z-index:-1}
.with-planet-bg:after{content:'';background:url(../image/header/planet-3.png) no-repeat;position:absolute;left:-170px;bottom:-308px;width:990px;height:890px;overflow:hidden;z-index:-1;background-size:contain}
.bg-box-gradient-1{background-image:linear-gradient(225deg,#212433 0,#242837 39%,#0e1019 100%);background-image:linear-gradient(225deg,#212433 0,#242837 39%,#0e1019 100%)}
.bg-wave-box-end{position:absolute;bottom:0;z-index:0;opacity:.02}
.bg-wave-box-end-z1{position:absolute;bottom:0;z-index:0}
.bg-wave-box-start-z1{position:absolute;top:0;z-index:0}
.bg-gradient{position:relative;z-index:1}
.bg-gradient-black:before{background-image:linear-gradient(270deg,rgba(0,0,0,0) 0,#13151c 100%);position:absolute;content:"";width:100%;height:100%;top:0;left:0;z-index:-1}
.bg-gradient-white:before{background-image:linear-gradient(270deg,rgba(0,0,0,0) 0,#fbfbfb 100%);position:absolute;content:"";width:100%;height:100%;top:0;left:0;z-index:-1}
.bg-gradient-1{position:relative;background:linear-gradient(225deg,#313c59 0,#13151c 100%)}
.bg-gradient-2{background-image:linear-gradient(to right,#f8f8f8 0,#ebebeb 100%)}
.bg-gradient-3{background-image:linear-gradient(to bottom,var(--background-2) 62%,var(--background-4) 62%,var(--background-4) 100%)}
.bg-overlay{position:relative;z-index:1}
.bg-overlay:before{position:absolute;content:"";width:100%;height:100%;top:0;left:0;z-index:-1}
.bg-overlay.overlay-1:before{background:#13151c;opacity:.51}
.bg-overlay.overlay-2:before{background:#13151c;opacity:.8}
.bg-image {background-repeat: no-repeat;background-position: center;background-size: cover;}
.bg-image-right {background-repeat: no-repeat;background-position: right;background-size: contain;}
.bg-parallax-image {background-attachment: fixed;background-size: cover;background-repeat: no-repeat;background-position: center;}
.bg-gradient-primary{background:linear-gradient(90deg,#0285f3,#1491fb)}
.bg-gradient-global{background:linear-gradient(90deg,#da1155,#f12c33)}
.bg-gradient-secondary{background:linear-gradient(90deg,#5c6165,#6c757d)}
.bg-gradient-success{background:linear-gradient(90deg,#00bf6f,#15dc3f)}
.bg-gradient-purple{background:linear-gradient(90deg,#9365d5,#d565d0)}
.bg-gradient-danger{background:linear-gradient(90deg,#fa496e,#ff6686)}
.bg-gradient-orange{background:linear-gradient(90deg,#f75e29,#f18f03)}
.bg-gradient-warning{background:linear-gradient(90deg,#ffc300,#ffd13a)}
.bg-gradient-info{background:linear-gradient(90deg,#62d0f6,#6edaff)}
.bg-gradient-light{background:linear-gradient(90deg,#eee,#fff)}
.bg-gradient-dark{background:linear-gradient(90deg,#23272b,#444)}
.bg-dark-blue{background-color:#2e3dbe}
.white-text{color:#fff}
.blue-text{color:#2e93ee}
.gradient-green-bg{background-color:#4dccc6;background-image:linear-gradient(315deg,#44a29d 0,#72d3cd 74%)}
.gradient-blue-bg{background-color:#673ab7;background-image:linear-gradient(315deg,#673ab7 0,#79dbd5 74%)}
.gradient-animated-bg{background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size:400% 400%;animation:gradient-animation 15s ease infinite}
.absolute-planet-bg-small {position: absolute;left: -40px;top: -68px;}
.absolute-planet-bg-small img{width: 100px;}
.footer-gradient-default {background-image: linear-gradient(90deg,#212433 0,#242837 39%,#0e1019 100%);background-image: linear-gradient(90deg,#212433 0,#242837 39%,#0e1019 100%);}
.footer-gradient-default-2 {background-image: linear-gradient(90deg,#e9f0f4 0,#e4e6ed 39%,#ffffff 100%);background-image: linear-gradient(90deg,#e9f0f4 0,#e4e6ed 39%,#ffffff 100%);}


/*---------------- template timeline wrapper -----------------*/
.coodiv-timeline-wrapper{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}
@media(min-width:400px){.coodiv-timeline-wrapper{margin:0 -15px}}
@media(min-width:992px){.coodiv-timeline-wrapper{margin:0 -35px}}
.coodiv-timeline-wrapper .single-timeline-feature{position:relative;z-index:1;margin-bottom:40px;text-align:center}
@media(min-width:400px){.coodiv-timeline-wrapper .single-timeline-feature{padding-left:15px;padding-right:15px;min-width:calc(80% - 15px);max-width:calc(80% - 15px)}}
@media(min-width:500px){.coodiv-timeline-wrapper .single-timeline-feature{padding-left:15px;padding-right:15px;min-width:calc(50% - 15px);max-width:calc(50% - 15px)}}
@media(min-width:768px){.coodiv-timeline-wrapper .single-timeline-feature{margin-bottom:0;min-width:calc(33.333% - 15px);max-width:calc(33.333% - 15px)}}
@media(min-width:992px){.coodiv-timeline-wrapper .single-timeline-feature{padding-left:35px;padding-right:35px;min-width:calc(33.333% - 35px);max-width:calc(33.333% - 35px)}}
.coodiv-timeline-wrapper .single-timeline-feature:nth-child(2):before{display:none}
@media(min-width:768px){.coodiv-timeline-wrapper .single-timeline-feature:nth-child(2):before{display:block}}
.coodiv-timeline-wrapper .single-timeline-feature:last-child{margin-bottom:0}
.coodiv-timeline-wrapper .single-timeline-feature:last-child:before{content:""}
.coodiv-timeline-wrapper .single-timeline-feature:before{position:absolute;content:url(../image/svg/l6-how-timeline.svg);top:20px;left:50%;z-index:-1;display:none}
@media(min-width:500px){.coodiv-timeline-wrapper .single-timeline-feature:before{width:95%;overflow:hidden;display:block}}
@media(min-width:768px){.coodiv-timeline-wrapper .single-timeline-feature:before{width:95%;overflow:hidden}}
@media(min-width:1200px){.coodiv-timeline-wrapper .single-timeline-feature:before{width:100%;overflow:unset}}


/*---------------- template circles stylesheets -----------------*/
.circle-xxxs{max-width:16px;min-width:16px;max-height:16px;min-height:16px;border-radius:500px;display:flex;align-items:center;justify-content:center}
.circle-xxs{max-width:20px;min-width:20px;max-height:20px;min-height:20px;border-radius:500px;display:flex;align-items:center;justify-content:center}
.circle-xs{max-width:31px;min-width:31px;max-height:31px;min-height:31px;border-radius:500px;display:flex;align-items:center;justify-content:center;font-size:16px}
.circle-sm{max-width:43px;min-width:43px;max-height:43px;min-height:43px;border-radius:500px;display:flex;align-items:center;justify-content:center}
.circle-sm-2{max-width:54px;min-width:54px;max-height:54px;min-height:54px;border-radius:500px;display:flex;align-items:center;justify-content:center}
.circle-md{max-width:66px;min-width:66px;max-height:66px;min-height:66px;border-radius:500px;display:flex;align-items:center;justify-content:center;font-size:18px}
.circle-lg{max-width:72px;min-width:72px;max-height:72px;min-height:72px;border-radius:500px;display:flex;align-items:center;justify-content:center;font-size:28px}
.circle-xl{max-width:92px;min-width:92px;max-height:92px;min-height:92px;border-radius:500px;display:flex;align-items:center;justify-content:center}
.circle-xxl{max-width:111px;min-width:111px;max-height:111px;min-height:111px;border-radius:500px;display:flex;align-items:center;justify-content:center}
.circle-xxxl{max-width:164px;min-width:164px;max-height:164px;min-height:164px;border-radius:500px;display:flex;align-items:center;justify-content:center}
.circle-30{max-width:30px;min-width:30px;max-height:30px;min-height:30px;border-radius:500px;display:flex;align-items:center;justify-content:center}
.circle-32{max-width:32px;min-width:32px;max-height:32px;min-height:32px;border-radius:500px;display:flex;align-items:center;justify-content:center}
.circle-40{max-width:40px;min-width:40px;max-height:40px;min-height:40px;border-radius:500px;display:flex;align-items:center;justify-content:center}
.circle-43{max-width:43px;min-width:43px;max-height:43px;min-height:43px;border-radius:500px;display:flex;align-items:center;justify-content:center}
.circle-78{max-width:78px;min-width:78px;max-height:78px;min-height:78px;border-radius:500px;display:flex;align-items:center;justify-content:center}
.circle-120{max-width:120px;min-width:120px;max-height:120px;min-height:120px;border-radius:500px;display:flex;align-items:center;justify-content:center}
.square-80{max-width:80px;min-width:80px;max-height:80px;min-height:80px;display:flex;align-items:center;justify-content:center}
.square-95{max-width:95px;min-width:95px;max-height:95px;min-height:95px;display:flex;align-items:center;justify-content:center}


/*---------------- template border radius stylesheets -----------------*/
.rounded-xs{border-radius:3px}
.rounded-left-0{border-top-left-radius:0;border-bottom-left-radius:0}
.rounded-right-0{border-top-right-radius:0;border-bottom-right-radius:0}
.rounded-top-xs{border-top-left-radius:3px;border-top-right-radius:3px}
.rounded-bottom-xs{border-bottom-left-radius:3px;border-bottom-right-radius:3px}
.rounded-left-xs{border-top-left-radius:3px;border-bottom-left-radius:3px}
.rounded-right-xs{border-top-right-radius:3px;border-bottom-right-radius:3px}
.border-top-xs{border-top-width:3px;border-top-style:solid}
.rounded-md{border-radius:.5rem}
.rounded-top-md{border-top-left-radius:.5rem;border-top-right-radius:.5rem}
.rounded-bottom-md{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}
.rounded-left-md{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}
.rounded-right-md{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}
.border-top-md{border-top-width:.5rem;border-top-style:solid}
.rounded-xl{border-radius:1.25rem}
.rounded-top-xl{border-top-left-radius:1.25rem;border-top-right-radius:1.25rem}
.rounded-bottom-xl{border-bottom-left-radius:1.25rem;border-bottom-right-radius:1.25rem}
.rounded-left-xl{border-top-left-radius:1.25rem;border-bottom-left-radius:1.25rem}
.rounded-right-xl{border-top-right-radius:1.25rem;border-bottom-right-radius:1.25rem}
.border-top-xl{border-top-width:1.25rem;border-top-style:solid}
.rounded-3{border-radius:3px}
.rounded-top-3{border-top-left-radius:3px;border-top-right-radius:3px}
.rounded-bottom-3{border-bottom-left-radius:3px;border-bottom-right-radius:3px}
.rounded-left-3{border-top-left-radius:3px;border-bottom-left-radius:3px}
.rounded-right-3{border-top-right-radius:3px;border-bottom-right-radius:3px}
.border-top-3{border-top-width:3px;border-top-style:solid}
.rounded-5{border-radius:5px}
.rounded-top-5{border-top-left-radius:5px;border-top-right-radius:5px}
.rounded-bottom-5{border-bottom-left-radius:5px;border-bottom-right-radius:5px}
.rounded-left-5{border-top-left-radius:5px;border-bottom-left-radius:5px}
.rounded-right-5{border-top-right-radius:5px;border-bottom-right-radius:5px}
.border-top-5{border-top-width:5px;border-top-style:solid}
.rounded-8{border-radius:8px}
.rounded-top-8{border-top-left-radius:8px;border-top-right-radius:8px}
.rounded-bottom-8{border-bottom-left-radius:8px;border-bottom-right-radius:8px}
.rounded-left-8{border-top-left-radius:8px;border-bottom-left-radius:8px}
.rounded-right-8{border-top-right-radius:8px;border-bottom-right-radius:8px}
.rounded-top-left-8{border-top-left-radius:8px;border-bottom-left-radius:0}
.rounded-top-right-8{border-top-right-radius:8px;border-bottom-right-radius:0}
.border-top-8{border-top-width:8px;border-top-style:solid}
.rounded-10{border-radius:10px}
.rounded-top-10{border-top-left-radius:10px;border-top-right-radius:10px}
.rounded-bottom-10{border-bottom-left-radius:10px;border-bottom-right-radius:10px}
.rounded-left-10{border-top-left-radius:10px;border-bottom-left-radius:10px}
.rounded-right-10{border-top-right-radius:10px;border-bottom-right-radius:10px}
.rounded-right-10-0{border-top-right-radius:10px;border-bottom-right-radius:10px;border-top-left-radius:0;border-bottom-left-radius:0}
.rounded-right-10-0-0{border-top-right-radius:10px;border-bottom-right-radius:0;border-top-left-radius:0;border-bottom-left-radius:0}
.rounded-left-10-0-0{border-top-left-radius:10px;border-bottom-right-radius:0;border-top-right-radius:0;border-bottom-left-radius:0}
.rounded-right-bottom-10-0-0{border-top-right-radius:0;border-bottom-right-radius:10px;border-top-left-radius:0;border-bottom-left-radius:0}
.rounded-left-bottom-10-0-0{border-top-left-radius:0;border-bottom-right-radius:0;border-top-right-radius:0;border-bottom-left-radius:10px}
.border-top-10{border-top-width:10px;border-top-style:solid}
.rounded-12{border-radius:12px}
.rounded-top-12{border-top-left-radius:12px;border-top-right-radius:12px}
.rounded-bottom-12{border-bottom-left-radius:12px;border-bottom-right-radius:12px}
.rounded-left-12{border-top-left-radius:12px;border-bottom-left-radius:12px}
.rounded-right-12{border-top-right-radius:12px;border-bottom-right-radius:12px}
.border-top-12{border-top-width:12px;border-top-style:solid}
.rounded-15{border-radius:15px}
.rounded-top-15{border-top-left-radius:15px;border-top-right-radius:15px}
.rounded-bottom-15{border-bottom-left-radius:15px;border-bottom-right-radius:15px}
.rounded-left-15{border-top-left-radius:15px;border-bottom-left-radius:15px}
.rounded-right-15{border-top-right-radius:15px;border-bottom-right-radius:15px}
.border-top-15{border-top-width:15px;border-top-style:solid}
.rounded-20{border-radius:20px}
.rounded-top-20{border-top-left-radius:20px;border-top-right-radius:20px}
.rounded-bottom-20{border-bottom-left-radius:20px;border-bottom-right-radius:20px}
.rounded-left-20{border-top-left-radius:20px;border-bottom-left-radius:20px}
.rounded-right-20{border-top-right-radius:20px;border-bottom-right-radius:20px}
.border-top-20{border-top-width:20px;border-top-style:solid}
.rounded-25{border-radius:25px}
.rounded-top-25{border-top-left-radius:25px;border-top-right-radius:25px}
.rounded-bottom-25{border-bottom-left-radius:25px;border-bottom-right-radius:25px}
.rounded-left-25{border-top-left-radius:25px;border-bottom-left-radius:25px}
.rounded-right-25{border-top-right-radius:25px;border-bottom-right-radius:25px}
.border-top-25{border-top-width:25px;border-top-style:solid}
.rounded-bottom-0{border-bottom-right-radius:0;border-bottom-left-radius:0}
@media(min-width:768px){.coodiv-md-rounded{border-radius:.25rem}}
.border-opacity{border:1px solid rgb(233 235 236 / 40%)}
.border-left-separate{border-left:1px solid #f1f4f5}
.border-bottom-separate{border-bottom:1px solid #f1f4f5}
.border-right-separate{border-right:1px solid #f1f4f5}
.border-separate{border:1px solid #e7eced}
.rounded-absolute-bottom-btn{position:absolute;left:0;bottom:0;right:0;border-radius:0 0 20px 20px}
@media(min-width:992px){.border-bottom-lg-0{border-bottom:0!important}}
.separte-or{padding:35px 0 30px}
.separte-or:before{content:'';height:1px;background:#e3e9ec;position:absolute;left:0;right:0;top:53%;transform:translateY(-50%)}
.separte-or span{background:#fff;position:relative;padding:5px 20px}
@media(min-width:992px){.border-lg-left{border-left:1px solid var(--border-color)}}
.border-sm-divider{width:161px;height:1px;border:3px solid #13151c;opacity:.1;margin:0 auto}
.border-sm-divider.dark{border:3px solid #fff}
.form-control{border-color:#e7e9ed}
.border-bottom-3-green {border-bottom: 3px solid #68d585;}
.border-greenafter:before {content: '';background: #68d585;height: 4px;width: 100%;left: 0;position: absolute;bottom: 7px;z-index: 0;}
/*---------------- template hover stylesheets -----------------*/
.coodiv-hover-shadow-1{transition:.3s}
.coodiv-hover-shadow-1:hover{box-shadow:0 34px 33px -23px rgba(22,28,45,0.13)}
.coodiv-hover-shadow-2{transition:.3s}
.coodiv-hover-shadow-2:hover{box-shadow:0 31px 34px -20px rgba(0,0,0,0.09)}
.coodiv-hover-shadow-3{transition:.3s}
.coodiv-hover-shadow-3:hover{box-shadow:0 42px 44px -10px rgba(1,23,48,0.12)}
.coodiv-hover-shadow-4{transition:.3s}
.coodiv-hover-shadow-4:hover{box-shadow:0 32px 54px rgba(22,28,45,0.16)}
.coodiv-hover-shadow-5{transition:.3s}
.coodiv-hover-shadow-5:hover{box-shadow:0 30px 44px rgba(13,21,46,0.09)}
.coodiv-hover-shadow-6{transition:.3s;position:relative;z-index:1}
.coodiv-hover-shadow-6:hover{z-index:3;box-shadow:0 62px 64px -10px rgba(1,23,48,0.12)}
.coodiv-hover-rotate-img img{will-change:transform;transition:.8s cubic-bezier(0.39,0.575,0.565,1);transform:rotate(0deg) scale(1);overflow:hidden}
@media(min-width:768px){.coodiv-hover-rotate-img:hover img{transform:rotate(-3deg) scale(1.2);opacity:.6}}
.coodiv-hover-opacity-full{transition:.4s}
@media(min-width:768px){.coodiv-hover-opacity-full:hover{opacity:1}}
.coodiv-hover-x{transition:.4s}
@media(min-width:768px){.coodiv-hover-x:hover{transform:translateX(-8px)}}
.coodiv-hover-y{transition:.4s}
@media(min-width:768px){.coodiv-hover-y:hover{transform:translateY(-8px)}}
.coodiv-abs-hover-y{transition:.4s}
@media(min-width:768px){.coodiv-abs-hover-y:hover{transform:translate(-50%,-65%)}}
.coodiv-hover-text-green{transition:.4s}
.coodiv-hover-text-green:hover{color:#68d585!important}
.coodiv-hover-text-green:hover i{color:#68d585!important}
.coodiv-hover-text-red{transition:.4s}
.coodiv-hover-text-red:hover{color:#f64b4b!important}
.coodiv-hover-text-red:hover i{color:#f64b4b!important}
.hover-underline{transition:.4s}
.hover-underline:hover{text-decoration:underline}
.bg-white:hover,a.bg-white:hover{background-color:#fff!important}
.text-white:hover,a.text-white:hover{color:#fff!important}
.coodiv-hover-text-green,a.coodiv-hover-text-green{transition:.4s}
.coodiv-hover-text-green:hover,a.coodiv-hover-text-green:hover{color:#68d585!important}
.coodiv-hover-text-green:hover i,a.coodiv-hover-text-green:hover i{color:#68d585!important}
.coodiv-hover-text-blue,a.coodiv-hover-text-blue{transition:.4s}
.coodiv-hover-text-blue:hover,a.coodiv-hover-text-blue:hover{color:#473bf0!important}
.coodiv-hover-text-blue:hover i,a.coodiv-hover-text-blue:hover i{color:#473bf0!important}
.coodiv-product-hover-1 .hover-animation-item{position:absolute;bottom:20px;width:100%;left:0;text-align:center;z-index:999;opacity:0;transition:.6s}
.coodiv-product-hover-1:hover .hover-animation-item{bottom:35px;opacity:1}
.coodiv-hover-scale-img img{transition:.3s;transform:scale(1);box-shadow:0 32px 54px rgba(22,28,45,0);will-change:transform}
.coodiv-hover-scale-img:hover img{transform:scale(0.9);box-shadow:0 32px 54px rgba(22,28,45,0.16)}
.content-img-animate-2{-webkit-animation-name:animate-round;animation-name:animate-round;-webkit-animation-duration:18s;animation-duration:18s;-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.content-img-animate-1{-webkit-animation-name:animate-round;animation-name:animate-round;-webkit-animation-duration:15s;animation-duration:15s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}


/*---------------- template pattern backgrounds stylesheets -----------------*/
.bg-pattern{position:relative;z-index:1}
.bg-pattern:before{position:absolute;content:"";width:100%;height:100%;top:0;left:0;z-index:-1}
.bg-pattern.pattern-1:before{background:url(../image/patterns/pattern-1.png) no-repeat center;background-size:cover;opacity:.14}
.bg-pattern.pattern-2:before{background:url(../image/patterns/pattern-2.png) no-repeat center;background-size:cover}
.bg-pattern.pattern-3:before{background:url(../image/patterns/pattern-3.png) no-repeat 50% 100%;background-size:cover}
.bg-pattern.pattern-4:before{background:url(../image/patterns/pattern-4.png) no-repeat 50% 100%;background-size:cover}
.bg-pattern.pattern-5:before{background:url(../image/patterns/pattern-5.png) no-repeat left bottom;background-size:contain}
.bg-pattern.pattern-6:before{background:url(../image/patterns/pattern-6.png) no-repeat top right;background-size:auto}
.bg-pattern.pattern-7:before{background:url(../image/patterns/wpml-widget-filter.svg) no-repeat top right;background-size:auto;background-repeat:repeat}
.bg-pattern.pattern-7:after{content:''}
.bg-pattern.pattern-8:before{background:url(../image/patterns/daventi.svg) no-repeat center;background-size:cover;opacity:0.6}
.bg-pattern.pattern-9:before{background:url(../image/patterns/carst.svg) no-repeat center;background-size:cover;opacity:0.1}
.bg-pattern.pattern-10:before{background:url(../image/patterns/memphis.svg) no-repeat center;background-size:cover;opacity: .04;}
.bg-pattern.pattern-11:before{background:url(../image/patterns/wavy.svg) no-repeat center;background-size:cover;opacity: .09;}


/*---------------- template absolute position stylesheets -----------------*/
@media(min-width:768px){.coodiv-abs-md{position:absolute}}
@media(min-width:992px){.coodiv-abs-lg{position:absolute!important}}
@media(min-width:992px){.coodiv-abs-lg-ly-center{position:absolute;top:50%;left:0;transform:translateY(-50%)}}
@media(min-width:992px){.coodiv-abs-lg-ry-center{position:absolute;top:50%;right:0;transform:translateY(-50%)}}
@media(min-width:992px){.coodiv-abs-bx-center{position:absolute;bottom:55px;right:50%;transform:translateX(50%)}}
.coodiv-abs-tl{position:absolute;top:0;left:0}
.coodiv-abs-tr{position:absolute;top:0;right:0}
.coodiv-abs-bl{position:absolute;bottom:0;left:0}
.coodiv-abs-br{position:absolute;bottom:0;right:0}
.coodiv-abs-cr{position:absolute;top:50%;right:0;transform:translateY(-50%)}
@media(min-width:768px){.coodiv-abs-md-cr{position:absolute;top:50%;right:0;transform:translateY(-50%)}}
.coodiv-abs-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.coodiv-abs-br-custom{position:absolute;bottom:-50px;right:-36px}
.coodiv-abs-br-custom-2{position:absolute;bottom:12%;right:21%}
.coodiv-abs-bl-custom{position:absolute;bottom:-50px;left:-36px;z-index:-1}
.coodiv-abs-bl-custom-2{position:absolute;bottom:-5px;left:-70px;z-index:-1}
.coodiv-abs-bl-custom-3{position:absolute;bottom:0;left:-16%}
.coodiv-abs-bl-custom-3-center{position:absolute;left:-16%;top:50%;transform:translateY(-50%)}
.coodiv-abs-bl-custom-4{position:absolute;bottom:-40px;left:-56px}
@media(min-width:768px){.coodiv-abs-bl-custom-4{bottom:-40px;left:16px}}
@media(min-width:992px){.coodiv-abs-bl-custom-4{bottom:-40px;left:-5px}}
.coodiv-abs-bl-custom-5{position:absolute;bottom:38px;left:-12px}
@media(min-width:768px){.coodiv-abs-bl-custom-5{bottom:38px;left:-12px}}
@media(min-width:992px){.coodiv-abs-bl-custom-5{bottom:38px;left:-12px}}
.coodiv-abs-tl-custom{position:absolute;top:-6px;left:45px}
.coodiv-abs-tl-custom-2{position:absolute;top:40px;left:52px;z-index:-1}
@media(min-width:992px){.coodiv-abs-tl-custom-2{top:24px;left:35px}}
@media(min-width:1200px){.coodiv-abs-tl-custom-2{top: 110px;left: 154px;}}
.coodiv-abs-tl-custom-3{position:absolute;top:80px;left:-30px}
@media(min-width:480px){.coodiv-abs-tl-custom-3{top:80px;left:-50px}}
@media(min-width:1200px){.coodiv-abs-tl-custom-3{top:80px;left:-65px}}
.coodiv-abs-tl-custom-4{position:absolute;top:50px;left:43.5%}
@media(min-width:992px){.coodiv-abs-tl-custom-4{top:50px;left:43.5%}}
@media(min-width:1200px){.coodiv-abs-tl-custom-4{top:50px;left:43.5%}}
.coodiv-abs-tr-custom{position:absolute;top:-32px;right:-38px}
.coodiv-abs-tr-custom-2{position:absolute;top:26%;right:15%;z-index:-1}
.coodiv-abs-shape-custom-1{position:absolute;top:50%;left:50%;transform:translateX(-20%) translateY(-50%)}

/*---------------- template index stylesheets -----------------*/
.coodiv-z-index-n1 {z-index: -1;}
.coodiv-z-index-1 {z-index: 1;}
.coodiv-z-index-2 {z-index: 2;}
.z-index-99 {z-index: 99;}
.z-index-super {z-index: 9999;}

/*---------------- template custom position and fit contents stylesheets -----------------*/
.w-fit-content{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}
@media(min-width:992px){.lg\:min-h-vh-100{min-height:100vh}}
.min-h-vh-100{min-height:100vh}
@media(min-width:480px){.h-xs-100{height:100%}}
@media(min-width:576px){.h-sm-100{height:100%}}
@media(min-width:576px){.h-md-100{height:100%!important}}
@media(min-width:992px){.h-lg-100{height:100%}}
.h-px-50{min-height:50px}
.coodiv-min-width-219{min-width:219px}
.coodiv-textarea-height{min-height:175px}
.fluid-map-height{min-height:300px;width:100%}
@media(min-width:576px){.fluid-map-height{min-height:400px}}
@media(min-width:768px){.fluid-map-height{min-height:541px}}
.line-height-reset{line-height:1}
.pb-lg-300{padding-bottom:300px!important}
.top-0{top:0!important}
.mtm-120 {margin-top: -120px;}
.w-md-auto {width: auto !important;}
/*---------------- template text sizes, spacing and line height -----------------*/
.coodiv-text-1{font-size:5rem;letter-spacing:-2.5px;line-height:1.05}
@media(max-width:1200px){.coodiv-text-1{font-size:calc(1.625rem + 4.5vw)}}
.coodiv-text-1.coodiv-lh-reset::before{content:'';display:block;height:0;width:0;margin-top:calc((1 - 1.15) * .5em)}
.coodiv-text-1.coodiv-lh-reset::after{content:'';display:block;height:0;width:0;margin-bottom:calc((1 - 1.15) * .5em)}

.coodiv-text-2{font-size:3.75rem;letter-spacing:-2px;line-height:1.083}
@media(max-width:1200px){.coodiv-text-2{font-size:calc(1.5rem + 3vw)}}
.coodiv-text-2.coodiv-lh-reset::before{content:'';display:block;height:0;width:0;margin-top:calc((1 - 1.183) * .5em)}
.coodiv-text-2.coodiv-lh-reset::after{content:'';display:block;height:0;width:0;margin-bottom:calc((1 - 1.183) * .5em)}

.coodiv-text-3{font-size:3rem;letter-spacing:-1.8px;line-height:1.21}
@media(max-width:1200px){.coodiv-text-3{font-size:calc(1.425rem + 2.1vw)}}
.coodiv-text-3.coodiv-lh-reset::before{content:'';display:block;height:0;width:0;margin-top:calc((1 - 1.31) * .5em)}
.coodiv-text-3.coodiv-lh-reset::after{content:'';display:block;height:0;width:0;margin-bottom:calc((1 - 1.31) * .5em)}

.coodiv-text-4{font-size:2.25rem;letter-spacing:-1.2px;line-height:1.3}
@media(max-width:1200px){.coodiv-text-4{font-size:calc(1.35rem + 1.2vw)}}
.coodiv-text-4.coodiv-lh-reset::before{content:'';display:block;height:0;width:0;margin-top:calc((1 - 1.4) * .5em)}
.coodiv-text-4.coodiv-lh-reset::after{content:'';display:block;height:0;width:0;margin-bottom:calc((1 - 1.4) * .5em)}

.coodiv-text-5{font-size:2rem;letter-spacing:-1.2px;line-height:1.375}
@media(max-width:1200px){.coodiv-text-5{font-size:calc(1.325rem + 0.9vw)}}
.coodiv-text-5.coodiv-lh-reset::before{content:'';display:block;height:0;width:0;margin-top:calc((1 - 1.475) * .5em)}
.coodiv-text-5.coodiv-lh-reset::after{content:'';display:block;height:0;width:0;margin-bottom:calc((1 - 1.475) * .5em)}

.coodiv-text-6{font-size:1.5rem;letter-spacing:-0.5px;line-height:1.42}
@media(max-width:1200px){.coodiv-text-6{font-size:calc(1.275rem + 0.3vw)}}
.coodiv-text-6.coodiv-lh-reset::before{content:'';display:block;height:0;width:0;margin-top:calc((1 - 1.52) * .5em)}
.coodiv-text-6.coodiv-lh-reset::after{content:'';display:block;height:0;width:0;margin-bottom:calc((1 - 1.52) * .5em)}

.coodiv-text-7{font-size:1.3125rem;letter-spacing:-0.5px;line-height:1.5}
@media(max-width:1200px){.coodiv-text-7{font-size:calc(1.25625rem + 0.075vw)}}
.coodiv-text-7.coodiv-lh-reset::before{content:'';display:block;height:0;width:0;margin-top:calc((1 - 1.6) * .5em)}
.coodiv-text-7.coodiv-lh-reset::after{content:'';display:block;height:0;width:0;margin-bottom:calc((1 - 1.6) * .5em)}

.coodiv-text-8{font-size:1.1875rem;letter-spacing:-0.2px;line-height:1.69}
.coodiv-text-9{font-size:1.0625rem;letter-spacing:-0.2px;line-height:1.71}
.coodiv-text-10{font-size:1rem}
.coodiv-text-11{font-size:.9375rem;letter-spacing:-0.1px;line-height:1.73}
.coodiv-text-12{font-size:.8125rem;line-height:1.63}
.coodiv-text-12.coodiv-lh-reset::before{content:'';display:block;height:0;width:0;margin-top:calc((1 - 1.73) * .5em)}
.coodiv-text-12.coodiv-lh-reset::after{content:'';display:block;height:0;width:0;margin-bottom:calc((1 - 1.73) * .5em)}
.coodiv-text-13{font-size:.625rem;line-height:1.63}
.coodiv-text-14{font-size:.5rem;line-height:1.63}
.coodiv-text-underline{text-decoration:underline}
.text-linethrough{text-decoration:line-through}
.coodiv-text-exerpt {text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.focus-reset:focus {outline: none !important;box-shadow: none !important;}


/*---------------- template nice select stylesheets -----------------*/
.nice-select {height: 55px;border-radius: 5px;width: 100%;display: flex;align-items: center;padding: 0 20px;}
.nice-select .list {width: 100%;}
.separator-line{width:1px;height:169px;border:1px solid var(--border-color);margin:0 auto;margin-bottom:30px}
.strike-bottom{display:inline-block;position:relative;z-index:1}
.strike-bottom::after{position:absolute;content:"";width:100%;height:4px;left:0;bottom:5px;background:white;z-index:-1}
.strike-bottom.green::after{background:#68d585}
.strike-bottom.red::after{background:#f64b4b}
.strike-bottom.blue::after{background:#473bf0}
.strike-bottom.white::after{background:white}
.strike-bottom.yellow::after{background:#ffeb3b}
.nice-select:active,.nice-select.open,.nice-select:focus{border-color:rgba(71,59,240,0.22)!important}
.nice-select.rounded-8{border-radius:8px!important}
.nice-select.arrow-2:after{border-width:5px;border-color:#000 transparent transparent transparent;border-style:solid;display:block;height:5px;width:5px;margin-top:-2.5px;transform-origin:40% 23%;transform:rotate(0deg)}
.nice-select.arrow-2.open:after{transform:rotate(180deg)}
.nice-select.arrow-3:after{right:16px;height:8px;width:8px;border-color:#13151c}
.nice-select.arrow-3.open:after{transform:rotate(180deg)}
.arrow-box-dropdown:after{border-width:5px;border-color:#000 transparent transparent transparent;border-style:solid;display:block;height:5px;width:5px;margin-top:-2.5px;transform-origin:40% 23%;transform:rotate(0deg);pointer-events:none;position:absolute;right:12px;top:50%;content:''}
.arrow-box-dropdown.open:after{transform:rotate(180deg)}
.arrow-toggle:after{border-width:5px;border-color:#000 transparent transparent transparent;border-style:solid;display:block;content:"";height:5px;width:5px;margin-top:-2.5px;transform-origin:40% 23%;transform:rotate(0deg);pointer-events:none;position:absolute;right:12px;top:50%;transition:all .15s ease-in-out}
.min-height-px-64{min-height:64px}
.min-height-px-50{height:50px}
.min-height-px-297{min-height:297px}
.pointer-none{pointer-events:none}
.abs-img{position:absolute;right:-15px;top:-40px;z-index:-1}
.wave-shape-bottom{position:absolute;bottom:-75px;left:0;width:120%}
@media(min-width:1200px){.wave-shape-bottom{width:106%}.wave-shape-bottom img{width:106%}}
.parallax-section-750{height:350px}
@media(min-width:768px){.parallax-section-750{height:500px}}
@media(min-width:992px){.parallax-section-750{height:792px}}
.search-form-with-nice-select .nice-select{border-radius:20px 0 0 20px;min-height:64px}


/*---------------- template language select stylesheets -----------------*/
.btn-header-lang{cursor: pointer;color: #98a3a8;font-size: 12px;display: flex;align-items: center;height: 40px;}
.btn-header-lang:hover,.btn-header-lang:active,.btn-header-lang:focus{color:#f2f2f5!important}
.site-header.white-bg .btn-header-lang,.site-header.light-mode-texts .btn-header-lang{color:#161c2d!important}
header.site-header a,.coodiv-toggle-arrow i{transition:color 0s ease!important}
.header-lang-container {position: fixed !important;top: 73px !important;height: calc(100vh - 60px);left: 0 !important;right: 0 !important;border-radius: 0;border: 0;bottom: auto !important;background: #f4f7fa;border-top: 1px solid #f0f0f1;transform: none !important;}
.lang-box-title:after{content:'';height:1px;background:#e6eced;left:0;position:absolute;top:50%;transform:translateY(-50%);width:100%}
.lang-box-title span{background:#FFF;position:relative;z-index:1;padding-right:15px}
.lang-box-container .lang-box-item{color:#161c2d;margin-bottom:25px;position:relative;padding-right:15px}
.lang-box-container .lang-box-item:before{content:'';position:absolute;background:#68d585;background:#68d585;background:linear-gradient(0deg,rgba(104,213,133,1) 0,rgba(178,235,193,1) 100%);z-index:0;transition:all .2s;left: -17px;width:0;height:0;border-radius:20px}
.lang-box-container .lang-box-item:hover::before{width:8px;height:8px;transition:all .2s}
.lang-box-container .lang-box-item.active:before{width:8px;height:8px;transition:all .2s}
.lang-box-container .lang-box-item small{color:rgba(22,28,45,0.7);margin-left:5px}
.lang-box-container .lang-box-item.disable{pointer-events:none;opacity:.2}
.lang-box-container .lang-box-item .img-flag{background:url(../image/flags/44px_flags.png);width:29px;height:21px;display:inline-block;background-size:540px 1133px;margin-right:11px;background-repeat:no-repeat;border-radius:7px;overflow:hidden}
.lang-box-container .lang-box-item .img-flag.english{background-position:-341px -1056px}
.lang-box-container .lang-box-item .img-flag.arabic.algeria{background-position:-113px 0}
.lang-box-container .lang-box-item .img-flag.arabic.uae{background-position: -229px -1056px;}
.lang-box-container .lang-box-item .img-flag.france{background-position:-113px -334px}
.lang-box-container .lang-box-item .img-flag.india{background-position:-170px -723px}
.lang-box-container .lang-box-item .img-flag.polska{background-position:-170px -667px}
.lang-box-container .lang-box-item .img-flag.russia{background-position:-56px -834px}
.lang-box-container .lang-box-item .img-flag.argentina{background-position:-341px 0}
.lang-box-container .lang-box-item .img-flag.brasil{background-position:-113px -111px}
.lang-box-container .lang-box-item .img-flag.japan{background-position:-341px -500px}
.lang-box-container .lang-box-item .img-flag.ukraine{background-position:-170px -1056px}
.lang-box-container .lang-box-item .img-flag.danmark{background-position:-284px -223px}
ul#lang-box-ul {padding: 0; list-style:none;}
.lang-box-container #lang-box-ul li.disabled a {pointer-events: none;opacity: .1;}

/*---------------- template contact form stylesheets -----------------*/
.contact-form .output_message{position:absolute;left:0;right:0;top:0;bottom:0;background:#fff;z-index:0;visibility:hidden;opacity:0;transition:all .8s}
.contact-form .btn-danger{position:absolute;bottom:56px;left:40px;color:#fff!important;right:40px}
.contact-form .output_message.loading,.contact-form .output_message.error,.contact-form .output_message.sent{z-index:1;visibility:visible;opacity:1}
.contact-form .output_message:after{font-family:'feather'!important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:'';font-size:40px;position:absolute;left:0;right:0;margin:auto;text-align:center;top:50%;height:41px;width:41px;transform:translateY(-50%)}
.contact-form .output_message.loading:after{color:#bfcfd6;content:"\e8bb";-webkit-animation:rotating 2s linear infinite;-moz-animation:rotating 2s linear infinite;-ms-animation:rotating 2s linear infinite;-o-animation:rotating 2s linear infinite;animation:rotating 2s linear infinite}
.contact-form .output_message.error:after{content:"\e81b";color:#f64b4b;font-size:50px}
.contact-form .output_message.sent:after{content:"\e83f";color:#4caf50;font-size:50px}
.contact-form .output_message .output_message_text{position:absolute;left:0;right:0;margin:auto;text-align:center;top:59%}
@-webkit-keyframes rotating{from{-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
to{-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
}@keyframes rotating{from{-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
to{-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
}.live-chat-btn-contact-page{color:#fff!important}
.social-numbers.contact-page a i{font-size:16px}




/*---------------- template about us stylesheets -----------------*/
.about-our-story .about-our-story-logo{width:487px;max-width:100%}
.story-features-item:after{content:"";position:absolute;display:block;background-repeat:no-repeat;background-size:100%}
@media only screen and (min-width:960px){.story-features-item.feature_1:after{right:-80px;bottom:6px;width:65px;height:18px;background-image:url(../image/svg/arrow-right-desktop-1.svg)}
.story-features-item.feature_2:after{left:auto;right:-45px;top:12px;width:30px;height:18px;background-image:url(../image/svg/arrow-right-desktop-2.svg)}
.story-features-item.feature_3:after{left:auto;right:-80px;top:10px;width:65px;height:18px;background-image:url(../image/svg/arrow-right-desktop-3.svg)}
.story-features-item.feature_4:after{left:auto;right:-70px;top:2px;width:54px;height:20px;background-image:url(../image/svg/arrow-right-desktop-4.svg)}
.story-features-item.feature_5:after{top:6px;left:-90px;width:65px;height:18px;background-image:url(../image/svg/arrow-right-desktop-1.svg)}
}.team-social-accounts a{background:#eef1f5;width:30px;height:30px;text-align:center;color:#98adb7;line-height:33px;border-radius:20px;margin-right:5px}
.team-social-accounts a:hover{background:#d7dbe1;color:#98adb7}
.aboutus_services_item{background-color:#212fa5}
.aboutus_services_item .aboutus_services_title{color:#f9da5e}
.aboutus_services_item .aboutus_services_subtitle{color:#fff}
.aboutus_services_item i{width:40px;height:40px;display:block;background:#333;border-radius:20px;text-align:center;line-height:40px;color:#FFF;margin-bottom:5px}
.aboutus_services_item i.icon01{background:#f9da5e}
.aboutus_services_item i.icon02{background:#ff9399}
.aboutus_services_item i.icon03{background:#2192ef}
.aboutus_services_item i.icon04{background:#eba447}
.aboutus_services_group .aboutus_services_container .aboutus_services_item:before{width:100%;min-height:92px;background:#212fa5 url(../image/demo/dummy-example.png);background-repeat:no-repeat;background-size:77%;background-position:center;content:'';position:absolute;left:0;height:100%;border-radius:10px}
.aboutus_services_group .aboutus_services_container:first-child .aboutus_services_item:first-child::before{top:-100%;margin-top:-1.5625rem}
.aboutus_services_group .aboutus_services_container:first-child .aboutus_services_item:last-child::before{bottom:-100%;margin-bottom:-1.5625rem}
.aboutus_services_group .aboutus_services_container:last-child .aboutus_services_item:first-child::before{top:-100%;margin-top:-1.5625rem}
.aboutus_services_group .aboutus_services_container:last-child .aboutus_services_item:last-child::before{bottom:-100%;margin-bottom:-1.5625rem}
.reviews-overview .website-logo {height: 25px;margin-right: 10px;}
.reviews-overview .reviews-stars i {height: 27px;width: 27px;display: inline-block; line-height: 27px;background: #51b27e;color: #fff;border-radius: 7px; margin-right: 0px;font-size: 14px;}
.reviews-overview .reviews-logo img {height: 30px;}
.reviews-overview strong {color:#161c2d;margin-left: 5px}
.brand-logos .single-brand img {opacity: 0.3;transition: all 0.2s;}
.brand-logos .single-brand:hover img {opacity: 1;}
.brand-logos .single-brand {cursor: pointer;}
.bg-mirage .aboutus_services_item {background-color: #131828;}
.bg-mirage .aboutus_services_group .aboutus_services_container .aboutus_services_item:before {background: #131828 url(../image/demo/dummy-example-black.png);background-repeat: no-repeat;background-size: 77%;background-position: center;}

/*---------------- template network map stylesheets -----------------*/
.network-map-container .network-country{width:fit-content;background:#40a1e9;color:#FFF;font-weight:bold;padding:7px 23px;border-radius:8px;text-transform:uppercase;text-align:center;position:absolute;z-index:1;left:0;right:0;margin:auto;box-shadow:0 10px 100px 0 rgb(77 77 119 / 96%);cursor:pointer;width: -moz-max-content;width: max-content;}
.network-map-container .network-country span>small{display:block;font-weight:100;text-transform:capitalize;margin-top:-7px}
.network-map-container .network-country:after{content:'';position:absolute;width:22px;height:17px;background:#3b95d8;border-radius:34px;left:0;right:0;margin:auto;bottom:-107px;z-index:-2;border:4px solid #fff;box-shadow:0 10px 100px 0 rgb(77 77 119 / 96%)}
.network-map-container .network-country:before{content:'';background:#a0d0f4;width:6px;height:100px;position:absolute;left:0;right:0;margin:auto;bottom:-100px;border-radius:0 0 50px 50px;z-index:-1}
.network-map-container .network-country .network-country-bottom-border{background-color:#4ba0e0;text-align:left;position:absolute;left:10px;right:0;margin:auto;z-index:-1;bottom:-4px}
.network-map-container .network-country .network-country-bottom-border:before,.network-map-container .network-country .network-country-bottom-border:after{content:'';position:absolute;background-color:inherit}
.network-map-container .network-country .network-country-bottom-border,.network-map-container .network-country .network-country-bottom-border:before,.network-map-container .network-country .network-country-bottom-border:after{width:20px;height:20px;border-top-right-radius:30%}
.network-map-container .network-country .network-country-bottom-border{transform:rotate(0deg) skewX(-30deg) scale(1,.866)}
.network-map-container .network-country .network-country-bottom-border:before{transform:rotate(-135deg) skewX(-45deg) scale(1.414,.707) translate(0,-50%)}
.network-map-container .network-country .network-country-bottom-border:after{transform:rotate(135deg) skewY(-45deg) scale(.707,1.414) translate(50%)}
.network-map-container .network-country,.network-map-container .network-country .network-country-bottom-border{transition:all .2s}
.network-map-container .network-country:hover,.network-map-container .network-country.active{background: #ecd02b}
.network-map-container .network-country:hover .network-country-bottom-border,.network-map-container .network-country.active .network-country-bottom-border{background-color:#ecd02b}
.network-map-container .network-country:before,.network-map-container .network-country:hover::before{transition:all .4s}
.network-map-container .network-country:hover::before,.network-map-container .network-country.active:before{background:#e6d990}

/*---------------- template login and register pages -----------------*/
body.sign-up-page .site-wrapper,body.sign-up-page .container-fluid,body.sign-up-page .main-signup-row,body.sign-up-page .main-signup-block{height:100%}
.signup-slider-right-side{position:fixed;left:0;top:0;bottom:0}
.form-holder{position:relative;text-align:center;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;padding: 35px}
.form-holder .form-items{max-width:630px;text-align:left}
.form-holder .form-items{display:inline-block;width:100%;max-width:630px;text-align:left;-webkit-transition:all .4s ease;transition:all .4s ease}
.social-login-group .social-login-item img{width:25px}
.social-login-group .social-login-item:hover{background:#f5fafc}
.login-with-email-informations .user-avatar{width:50px;height:50px;overflow:hidden;border-radius:100px}
.login-with-email-informations .btn.logout{background:#ffc107;color:#FFF;font-size:13px;padding:8px 28px;min-width:auto;font-weight:100;letter-spacing:.5px;border-radius:30px;cursor:pointer;height:40px}
.two-step-login-form .first-login-step,.two-step-login-form .second-login-step{display:none}
.two-step-login-form .first-login-step.active,.two-step-login-form .second-login-step.active{display:block}
.login-wizard-container .email-input.haserror{border:3px solid #ff5722!important}
.signup-page-slider{max-width:500px}
.brand-logo-signup{position:absolute;left:0;right:0;top:0}
.signup-page-slider .slick-dots{display:flex;justify-content:center!important;padding:0;margin-top:15px}
.signup-page-slider img{width:90%;margin:auto}
.signup-page-slider .slick-dots li{list-style:none;width:50px;height:4px;background:#c3bfff;margin:0 5px;cursor:pointer;border-radius:3px}
.signup-page-slider .slick-dots li:hover{background:#a7a2f6}
.signup-page-slider .slick-dots li.slick-active{background:#2012e6!important}
.signup-page-slider .slick-dots li button{display:none}



/*---------------- template numberbox stylesheets -----------------*/
.numberbox{width:100%}
.checked-button-animation{outline:0;height:40px;text-align:center;width:130px;border-radius:40px;background:#fff;border:2px solid #1ecd97;color:#1ecd97;letter-spacing:1px;text-shadow:0;font-size:12px;font-weight:bold;cursor:pointer;transition:all .25s ease;display:block}
.checked-button-animation:hover{color:white;background:#1ecd97}
.checked-button-animation:active{letter-spacing:2px}
.checked-button-animation:after{content:"ADD NOW"}
.checked-button-animation.onclic{width:40px;border-color:#bbb;border-width:3px;font-size:0;border-left-color:#1ecd97;-webkit-animation:rotatingbttn 2s .25s linear infinite;animation:rotatingbttn 2s .25s linear infinite}
.checked-button-animation.onclic:after{content:""}
.checked-button-animation.onclic:hover{color:#1ecd97;background:white}
.checked-button-animation.validate{font-size:13px;color:white;background:#1ecd97}
.checked-button-animation.validate:after{font-family:'feather'!important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\e83f"}
.live-support-trigers input[type=radio] {display: none;}
.live-support-trigers input[type=radio]:checked + .box i{color: #473bf0;}
.live-support-trigers input[type=radio]:checked + .box p{color: #473bf0;}
.live-support-trigers input[type=radio]:checked + .box span {color: white;transform: translateY(70px);}
.live-support-trigers input[type=radio]:checked + .box span:before {transform: translateY(0px);opacity: 1;}
.live-support-trigers .box {transition: all 250ms ease;will-change: transition;display: inline-block;text-align: center;cursor: pointer;position: relative;padding: 13px 5px;}
.live-support-trigers .box:active {transform: translateY(4px);}
.live-support-trigers .box i {font-size: 25px;color: #899ca5;}
.live-support-trigers .box span {position: absolute;transform: translate(0, 0px);left: 0;right: 0;transition: all 300ms ease;font-size: 1.5em;user-select: none;color: #007e90;}
.live-support-trigers .box span:before {font-size: 1.2em;font-family: FontAwesome;display: block;transform: translateY(-80px);opacity: 0;transition: all 300ms ease-in-out;font-weight: normal;color: white;}
.live-support-trigers .front-end span:before {content: "ï„¡";}
.live-support-trigers .back-end span:before {content: "";}

/*---------------- template cpanel plan stylesheets -----------------*/
.cpanel-plan-recommend{position:absolute;background-color:#fdd835;left:0;right:0;padding:11px;text-align:center;color:#fff;top:0;font-size:14px}
.cpanel-plan-off{position:absolute;font-size:12px;font-weight:100;clear:both;display:inline-block;white-space:nowrap;background:#13151c;color:#FFF;padding:0 13px 0 13px;letter-spacing:1px;left:0;top:48px;height:30px;margin-left:-1px;line-height:30px;transition:.3s}
.cpanel-plan:hover .cpanel-plan-off{padding:0 13px 0 25px}
.cpanel-plan-off:after{content:'';width:0;height:0;border-style:solid;border-width:15px 12px 0 0;border-color:#13151c transparent transparent transparent;position:absolute;right:-12px;top:0}
.cpanel-plan-off:before{content:'';width:0;height:0;border-style:solid;border-width:15px 0 0 12px;border-color:transparent transparent transparent #13151c;position:absolute;right:-12px;bottom:0}

/*---------------- template minecraft plan stylesheets -----------------*/
.minecraft-plans .price.color1{color:#6b56e5}
.minecraft-plans .price.color2{color:#95df7b}
.minecraft-plans .price.color3{color:#e58165}
.plan-progress-bar{width:100%;height:20px;background:#f6f4fd;border-radius:25px;position:relative;margin-bottom:35px}
.plan-progress-bar span{position:absolute;left:0;top:0;bottom:0;background:#333;border-radius:25px;background:#6247e1;background:linear-gradient(90deg,rgba(98,71,225,1) 0,rgba(140,146,244,1) 100%);box-shadow:0 0 10px 3px rgb(126 121 238 / 34%)}
.plan-progress-bar small{position:absolute;left:0;right:0;bottom:-21px;font-size:12px}
.plan-progress-bar.color2{background:#ebfaf0}
.plan-progress-bar.color2 span{background:#94df7a;background:linear-gradient(90deg,#75cc5f 0,#b8eb8c 100%);box-shadow:0 0 10px 3px rgb(164 226 127 / 45%)}
.plan-progress-bar.color3{background:#f8ecec}
.plan-progress-bar.color3 span{background:#e37f65;background:linear-gradient(90deg,#dd4a49 0,#e99872 100%);box-shadow:0 0 10px 3px rgb(225 99 86 / 34%)}
.player-score-box-container{counter-reset:player-score-box-container}
.player-score-box-container .player-score-box:after{content:counter(player-score-box-container);counter-increment:player-score-box-container;position:absolute;height:22px;width:22px;background:#e0e9ed;text-align:center;line-height:22px;font-size:14px;font-weight:bold;color:#fff;border-radius:25px;transition:.4s;left:-1px}
.player-score-box-container .player-score-box:hover::after{background:#c0cbd0}
.player-score-box .player-info img{width:20px;border-radius:20px 20px 5px 5px;margin-right:5px}



/*---------------- template status location list stylesheets -----------------*/
.status-location-list{margin-bottom:0}
.status-location-list .list-inline-item:not(:last-child){margin-right:.2rem}
.status-location-list li a{font-size:12px;background:#ffeb3b;color:#333;padding:4px 10px;border-radius:10px}
.opiration-box a.badge-success{color:#fff!important}
.incident-list:after{content:'';position:absolute;width:2px;top:45px;bottom:0;background:#ebf2f6;left:25px}
.incident-item .month-circle{width:55px;height:55px;display:block;text-align:center;border-radius:50px;border:4px solid #eaf2f5;z-index:1;color:#FFF;line-height:47px;position:absolute;left:-87px;font-size:11px}
.hostings-card-off{position: absolute;right: 13px;background: #0d47a1;color: #FFF;font-weight: 1;font-size: 11px;padding: 6px 15px;text-transform: uppercase;letter-spacing: 0;border-radius: 20px;}


/*---------------- template fancy animations blocks -----------------*/
.fancy-animation-block-one{position:relative;z-index:3;background:linear-gradient(45deg,#fffbf2,#edfffd);padding:55px 0}
.fancy-animation-block-one:after,.fancy-text-block-one:before{content:url(../image/svg/points-1.svg);position:absolute;opacity:.9}
.fancy-animation-block-one:before{top:-133px;left:0;animation:jumpTwo 4s infinite linear}
.fancy-animation-block-one:after{bottom:-133px;right:0;animation:jumpThree 4s infinite linear}
.fancy-animation-block-two{z-index:5}
.fancy-animation-block-two:before{content:url(../image/svg/points-2.svg);position:absolute;top:-48px;left:0;animation:jumpTwo 4s infinite linear}
.fancy-animation-block-two:after{content:url(../image/svg/points-3.svg);position:absolute;bottom:-140px;right:0;animation:jumpThree 4s infinite linear}
.fancy-animation-block-tree:before{content:url(../image/svg/men-with-lighter.svg);position:absolute;top:150px;left:7%;z-index:0;animation:jumpTwo 10s infinite linear}
.feature-widget .widget-icon i{font-size: 25px;font-weight: 100;color: #473bf0;margin-top: 7px;display: block;}


/*---------------- gbpr badge -----------------*/
.gbpr-badge-fixed{background:#2051e2;width:120px;position:fixed;bottom:1px;z-index:99;left:25px;text-align:center;padding:15px 0}
.gbpr-badge-fixed .gbpr-badge-close{position:absolute;z-index:2;background:#1c1d27;color:#FFF;height:35px;width:35px;text-align:center;line-height:36px;border-radius:20px;right:-12px;top:-12px;box-shadow:0 .5rem 1rem rgba(0,0,0,0.15)!important}
.gbpr-badge-fixed .gbpr-badge-close:hover{background:#383a50;color:#FFF}
.gbpr-badge-fixed .gbpr-badge-cercled-stars{position:relative;width:75px;height:75px;margin:auto;margin-bottom:15px}
.gbpr-badge-fixed .gbpr-badge-cercled-stars:before{font-family:'feather'!important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\e83f";top:50%;transform:translateY(-50%);color:#fff;font-weight:bold;font-size:25px;position:absolute;left:0;right:0;margin:auto}
.gbpr-badge-fixed .gbpr-badge-cercled-stars i{color:#f7d133;font-size:9px;position:absolute}
.gbpr-badge-fixed .gbpr-badge-cercled-stars i:nth-child(1){top:0;left:0;right:0}
.gbpr-badge-fixed .gbpr-badge-cercled-stars i:nth-child(2){top:4px;left:0;right:-23px}
.gbpr-badge-fixed .gbpr-badge-cercled-stars i:nth-child(3){top:12px;left:0;right:-44px}
.gbpr-badge-fixed .gbpr-badge-cercled-stars i:nth-child(4){top:24px;left:0;right:-60px}
.gbpr-badge-fixed .gbpr-badge-cercled-stars i:nth-child(5){top:38px;left:0;right:-65px}
.gbpr-badge-fixed .gbpr-badge-cercled-stars i:nth-child(6){top:50px;left:0;right:-52px}
.gbpr-badge-fixed .gbpr-badge-cercled-stars i:nth-child(7){top:61px;left:0;right:-28px}
.gbpr-badge-fixed .gbpr-badge-cercled-stars i:nth-child(8){top:67px;left:0;right:0}
.gbpr-badge-fixed .gbpr-badge-cercled-stars i:nth-child(9){top:4px;right:0;left:-23px}
.gbpr-badge-fixed .gbpr-badge-cercled-stars i:nth-child(10){top:12px;right:0;left:-44px}
.gbpr-badge-fixed .gbpr-badge-cercled-stars i:nth-child(11){top:24px;right:0;left:-60px}
.gbpr-badge-fixed .gbpr-badge-cercled-stars i:nth-child(12){top:38px;right:0;left:-65px}
.gbpr-badge-fixed .gbpr-badge-cercled-stars i:nth-child(13){top:50px;right:0;left:-52px}
.gbpr-badge-fixed .gbpr-badge-cercled-stars i:nth-child(14){top:61px;right:0;left:-28px}
.gbpr-badge-fixed .gbpr-model-button{color:#fff!important;opacity:.7;cursor:pointer}
.gbpr-badge-fixed .gbpr-model-button:hover{opacity:1}

/*---------------- template keyframes -----------------*/
@keyframes gradient-animation{0%{background-position:0 50%}
50%{background-position:100% 50%}
100%{background-position:0 50%}}
@-webkit-keyframes jumpTwo{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
40%{-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}
100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@keyframes jumpTwo{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
40%{-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}
100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@-webkit-keyframes jumpThree{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
40%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@keyframes jumpThree{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
40%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@-webkit-keyframes rotatingbttn{from{transform:rotate(0deg)}
to{transform:rotate(360deg)}}
@keyframes rotatingbttn{from{transform:rotate(0deg)}
to{transform:rotate(360deg)}}

/*---------------- demo stylesheets -----------------*/
.demo-bg-header{width:800px;position:absolute;top:0;right:0;z-index:1}
.header-btn a.demo-btn{padding:0 30px}
.compatible-with-demo img{height:35px;margin-right:15px}
.buttons-selelct-demo button{border:0;background:0;box-shadow:none;font-size:15px;letter-spacing:-0.5px;line-height:1.42;font-weight:400;margin:0 14px;color:#b4c2c8;transition:all .2s}
.buttons-selelct-demo button.active,.buttons-selelct-demo button:hover{color:#3f4548}
.box-demo-features{margin-bottom:60px}
.box-demo-features img{width:80px}
.buy-or-support-separate{margin:50px 0;color:#fff;text-align:center}
.buy-or-support-separate:after{content:'';height:1px;width:65%;left:0;right:0;background:#393f52;position:absolute;top:50%;transform:translateY(-50%);margin:auto}
.buy-or-support-separate span{font-size:14px;letter-spacing:-0.1px;line-height:22px;position:relative;background:#232734;padding:0 11px;z-index:2}
.demo-support-links-box{background:#1b1c24;padding:20px;text-align:center;border-radius:20px;color:#fff}
.demo-support-links-box i{display:block;font-size:26px;font-weight:100}
.demo-support-links-box span{font-size:16px;letter-spacing:-0.5px;line-height:1.42;display:block;font-weight:bold;margin:7px 0}
.demo-support-links-box a{display:block;background:#2c2d38;color:#fff;margin-top:18px;padding:15px 0;border-radius:9px;font-size:13px}
body.demo-page #toTop{bottom:27px}
@media screen and (max-width:1200px) and (min-width:991px){
.demo-bg-header{width:550px}
}
@media screen and (max-width:991px) and (min-width:768px){
.demo-bg-header{width:550px;right:-100px}
}
@media screen and (max-width:768px){
.demo-bg-header{width:500px;right:-308px}
.features-block-demo{display:none}
body.demo-page .site-header{background:#fff}
.button-group.filter-button-group{display:block!important;text-align:center}
.button-group.filter-button-group button{display:block;margin:0 auto 15px}
.demo-support-links-box{margin-bottom:15px}
}








/*--- 1.2 VERSION DEMOS ELEMENTS ---*/
.hero-area-coodiv.vpn-version #particles-bg{opacity:1}
.vpn-version-base-img{position:absolute;width:100%;height:auto;bottom:-10px}
.vpn-space-men-img{top:0!important;bottom:0!important;position:absolute;text-align:right;right:0}
.vpn-space-rocks-img{top:0;bottom:0;height:100%;left:0;opacity:.2}
.vpn-space-bg{top:0;bottom:0;height:100%;left:0;right:0;position:absolute}
.vpn-space-rocks-img img,.vpn-space-men-img img{height:100%}
.vpn-space-bg img{width:100%;min-height:100%}
.animated__header__items__inner{position:absolute;width:100%;max-width:100%;height:100%;top:0}
.vpn-version-ovellay-background {background: #000;background: rgb(36 42 44);background: linear-gradient(270deg, rgb(32 28 39) 0%, rgb(11 11 11) 0%, rgb(55 62 64) 100%);position: absolute;left: 0;right: 0;top: 0;bottom: 0;opacity: 0.4;}
.vpn-version-ovellay-background:after{content: '';position: absolute;top: 0;left: 0;right: 0;height: 140px;background: linear-gradient(0deg, transparent 0%, rgb(0 0 0) 100%);}
.hero-area-coodiv.vpn-version {padding-bottom: 0 !important;}
@media(min-width:992px){
.hero-area-coodiv.vpn-version{padding-top:8.25rem!important}
}
.hero-area-coodiv.vpn-version .reviews-overview strong{color:#fff}
.hero-area-coodiv.vpn-version .t-first{left:4%!important;top:275px!important}
.why-section-companies .brand-logos .single-brand img{max-height:30px}
.our-vpn-main-features{background:#eaf9fe}
.content-img-svg-with-bg span {background: #2bc5e7;background: rgb(148 213 230);background: linear-gradient(158deg, rgb(64 200 231) 0%, rgb(63 200 231) 0%, rgb(146 222 239) 100%);position: absolute;left: 70px;right: 100px;top: 0;bottom: 0;z-index: 0;border-radius: 25px;}
.content-img-svg-with-bg-2 span {background: #2bc5e7;background: rgb(148 213 230);background: linear-gradient(158deg, rgb(76 182 206) 0%, rgb(63 200 231) 0%, rgb(255 255 255) 100%);position: absolute;z-index: 0;top: 50%;transform: translateY(-50%);width: 350px;height: 350px;right: 0;left: 0;margin: auto;border-radius: 100%;}
.full-width-review-box-container {overflow: hidden;width: 3400px;vertical-align: top;}
@media(min-width:768px){
.full-width-review-box-container.reviews-row-1 .review-box:first-child{margin-left:-120px!important}
}
.full-width-review-box-container.reviews-row-2 .review-box:first-child{margin-left:-60px!important}
.reviews-boxes .review-box{height:308px;width:auto;max-width:410px;border-radius:12px;margin-right:25px;vertical-align:top}
.reviews-boxes .review-box .rating .stars{margin-bottom:14px;position:relative;color:#ffa44b}
.reviews-boxes .review-box .review-box-body strong{position:absolute;bottom:40px;left:0}
.free-trial-section .vpn-space-men-img-section{top:0!important;bottom:0!important;position:absolute;text-align:right;right:0}
.free-trial-section .vpn-space-men-img-section img{height:100%}
@media(max-width:768px){
.reviews-boxes.full-width-review-box-container.reviews-row-1{flex-direction:column!important}
.reviews-boxes.full-width-review-box-container.reviews-row-2{display:none!important}
.full-width-review-box-container .review-box{margin-bottom:25px}
.full-width-review-box-container{width:100%}
.free-trial-section .vpn-space-men-img-section,.vpn-space-men-img,.footer-with-svg-buttom-illustration{display:none}
.hero-area-coodiv.vpn-version{padding-top:5.375rem!important}
}
@media(min-width:992px){
.site-header .container .coodiv-megamenu-dropdown{left:100%;transform:translateX(-100%) translateY(0px)}
}
.network-worldwide-map .world-map img{width:100%;opacity:.2}
.network-worldwide-map .world-map ul li{list-style:none;position:absolute;top:0;left:0;width:14px;height:15px;display:block;cursor:pointer}
.network-worldwide-map .world-map ul li:before{content:"";position:absolute;width:29px;height:29px;top:-49%;left:-50%;border-radius:100%;background:#7ec031;background:radial-gradient(circle,rgb(126 192 49 / 15%) 0,#7ec031 100%);-webkit-animation:breathing 2s linear infinite;animation:breathing 2s linear infinite}
.network-worldwide-map .world-map ul li:after{content:"";position:absolute;top:1px;left:1px;background-color:#7ec031;width:13px;height:13px;border-radius:100%;display:block}
.world-map ul li .network-label{color:#fff;background-color:#7ec031;text-align:center;font-size:11px;text-transform:uppercase;border-radius:30px;margin-top:13px;width:120px;height:24px;line-height:24px;margin-left:-54px;box-sizing:border-box;margin-top:21px;display:none;z-index:1000;box-shadow:#032340 0 0 9px;position:absolute;top:-54px}
.network-label small {font-size: 10px;}
.world-map ul li:hover .network-label {display: block;}
.world-map ul li .network-label:after {
content: " ";position: absolute;right: 54px;border-top: none;border-right: 5px solid transparent;border-left: 5px solid transparent;border-top: 5px solid #7ec031;bottom: -5px;}
.only-top-shadow {box-shadow: 0 -66px 52px rgb(22 28 45 / 5%);}
.cercle-companies-logos{position:absolute;max-width:600px;left:0;right:0;margin:auto;top:-60px}
.download-vpn-platform .platform-icon{background:#f7e36d;color:#13151c;height:60px;width:60px;display:flex;margin:auto;justify-content:center;align-items:center;border-radius:10px;font-size:26px;margin-bottom:15px}
.download-vpn-platform .platform-icon.android{background:#8bc34a;color:#fff}
.download-vpn-platform .platform-icon.apple{background:#2196f3;color:#fff}
.how-it-works-section:before{content:'';background:url(../image/svg/curved-arrow-with-broken-line.svg);position:absolute;left:0;right:0;margin:auto;width:76px;height:95px;top:70px;background-repeat:no-repeat;background-size:contain;opacity:.3}
.how-it-works-item .how-it-works-item-number{position:absolute;max-width:700px;height:350px;width:100%;background:#fef1f2;border-radius:35px;text-align:center;display:flex;justify-content:center;align-items:center;left:0;right:0;margin:auto;overflow:hidden}
.how-it-works-item .how-it-works-item-number:before {content: '';background: #fff;position: absolute;width: 65px;height: 65px;z-index: 0;border-radius: 100%;box-shadow: 0 7px 17px rgb(0 0 0 / 4%);}
.how-it-works-item .how-it-works-item-number:after{position:absolute;content:"";width:100%;height:100%;top:0;left:0;z-index:0;background:url(../image/patterns/pattern-2.png) no-repeat center;background-size:cover}
.how-it-works-item .how-it-works-item-number small{position:relative;color:#f14a59;font-size:25px;font-weight:bold}
.how-it-works-item.item-two .how-it-works-item-number{background:#f0eaff}
.how-it-works-item.item-two .how-it-works-item-number small{color:#8f67ff}
.how-it-works-item.item-tree .how-it-works-item-number{background:#ebfbff}
.how-it-works-item.item-tree .how-it-works-item-number small{color:#01d2fc}
.how-it-works-item.item-one:after,.how-it-works-item.item-two:after{position:absolute;content:"";width:16px;height:199px;z-index:0;background:url(../image/demo/how-works-dots.png) no-repeat center;background-size:cover;left:0;right:0;margin:auto;bottom:-56%;z-index:2}
.ddos-attack-package.vpn-version{border:4px solid #4687ff}
.ddos-attack-package.vpn-version.not-features{border:4px solid #f2f6ff;padding:20px 27px 16px}
.ddos-attack-package.vpn-version .ddos-attack-package-head{background:#4687ff}
.ddos-attack-package.vpn-version .ddos-attack-price span{background:#f2f5fd;color:#4687ff}
.top-of-light-footer-section{background-image:linear-gradient(90deg,#e9f0f4 0,#e4e6ed 39%,#fff 100%);background-image:linear-gradient(90deg,#e9f0f4 0,#e4e6ed 39%,#fff 100%);border-bottom:1px solid #d9e1e4}
@media screen and (min-width:991px) and (max-width:1200px){
.hero-area-header-banner .container{padding:0 40px}
}
@media screen and (max-width:991px){
.network-start-vpn-countries li{display:none}
.network-start-vpn-illustrations .servers{top:-30px;width:300px}
.min-header-links-container{top:125px}
}
@media screen and (max-width:1200px){
.vpn-version-price-tag small{display:block}
}
@media screen and (max-width:991px){
.hero-area-header-banner .security-hanging-men-header,.hero-area-header-banner .illustration-holder{display:none!important}
.download-vpn-platform{border-radius:20px!important}
.how-it-works-item .how-it-works-item-number small,.how-it-works-item .how-it-works-item-number:before,.free-trial-section .vpn-space-men-img-section img{display:none}
.full-width-review-box-container{width:100%!important;padding:0 20px}
.reviews-boxes .review-box,.full-width-review-box-container.reviews-row-1 .review-box:first-child{margin:auto!important;margin-bottom:24px!important}
}
.header-hero-backgrounds-particles{position:absolute;top:0;right:0;left:0;bottom:0}
.our-solutions-card-item{border:1px solid #f0f5f7;padding:12px;border-radius:8px}
.our-solutions-card-item:hover{border:1px solid #bab8cb}
.our-solutions-card-item i{font-size:20px;width:55px;height:55px;line-height:55px;background:#f6f5f8;color:#94dbb8;border-radius:8px}
.our-solutions-card-group .our-solutions-card-item:nth-child(2) i{color:#d094ff}
.our-solutions-card-group .our-solutions-card-item:nth-child(3) i{color:#6272fa}
.our-solutions-card-group .our-solutions-card-item:nth-child(4) i{color:#feac75}
.more-links-megamenu{padding:0;list-style:none}
.more-links-megamenu li{display:flex;padding:3px 0}
.more-links-megamenu li a{font-size:.9075rem;letter-spacing:-0.2px;line-height:1.69;color:#121415;font-weight:100;position:relative}
.more-links-megamenu li a:after{content:'';height:.1px;width:100%;background:#252627;position:absolute;bottom:0;left:0;transition:all .2s;opacity:0}
.more-links-megamenu li a:hover::after{bottom:5px;opacity:1;transition:all .2s}
@-webkit-keyframes swinging{0%{-webkit-transform: rotate(10deg);}50%{-webkit-transform: rotate(-5deg)}100%{-webkit-transform: rotate(10deg);}}
@keyframes swinging{0%{transform: rotate(10deg);}50%{transform: rotate(-5deg)}100%{transform: rotate(10deg);}}
@keyframes breathing{0%{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:.05}35%{-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8);opacity:.2}70%{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);opacity:.3}100%{-webkit-transform:scale(1.5);-ms-transform:scale(1.5);transform:scale(1.5);opacity:0}}



/*---------------- responsive stylesheets -----------------*/
@media(max-width:991px){
.site-header--absolute{height:100px}
.header-lang-container{top:97px}
header.site-header nav.navbar{flex-flow:row nowrap;justify-content:flex-start}
.offcanvas-active.navbar-expand-lg .navbar-collapse{-webkit-transition:all .2s cubic-bezier(0,0,0.2,1) .1s;-moz-transition:all .2s cubic-bezier(0,0,0.2,1) .1s;-o-transition:all .2s cubic-bezier(0,0,0.2,1) .1s;-ms-transition:all .2s cubic-bezier(0,0,0.2,1) .1s;transition:all .2s cubic-bezier(0,0,0.2,1) .1s!important}
.lang-currncy-btn{display:block;margin-top:15px;border-radius:15px}
.main-menu .nav-item .nav-link:before{display:none !important}
.site-header>.container-fluid .nav-item.dropdown>.coodiv-megamenu-dropdown{transform:translateX(0%) translateY(6px)!important;margin-bottom:20px}
.site-header>.container-fluid .nav-item.dropdown>.coodiv-megamenu-dropdown .feature-widget{text-align:center;padding:0 10px 40px;border-bottom:1px solid #e4e9ec}
.site-header>.container-fluid .nav-item.dropdown>.coodiv-megamenu-dropdown .megamenu-ads{display:none}
.offcanvas-active.navbar-expand-lg .main-menu>li .coodiv-menu-dropdown{border-radius:10px;margin-bottom:20px;margin-top:7px}
.coodiv-megamenu-dropdown.mini-version{padding:0 15px}
.domain-header-search-form .inputdomainsearch{border-radius:10px}
.full-border-radius-10-sm{border-radius:10px}
.domain-box-sale-header .col:nth-child(4),.domain-box-sale-header .col:nth-child(5){display:none}
.domain-box-sale-header .col:nth-child(3){border-radius:0 0 10px 0;border:0}
.wave-shape-bottom{bottom:-9px}
.fancy-animation-block-two:before,.fancy-animation-block-two:after{display:none}
.main-features-box .title{z-index:1}
.reviews-overview .website-logo{display:block;margin:0 auto 15px}
.reviews-overview .reviews-stars{display:block;margin:10px 0}
.reviews-overview .reviews-stars i{font-size:12px}
.coodiv-menu-dropdown>.drop-menu-item>a>.badge{right:0}
.features-box-container .features-box-sub{border:1px solid #f3f5f9!important;border-top:0!important;padding-top:40px;padding-bottom:40px}
.domain-header-search-form .inputdomainsearch{text-align:center}
.features-box-container,.reviwers-banner{padding:0;margin:0}
.cpanel-plan{border-radius:20px}
ul.full-plan-disc li span{display:none}
.social-numbers a{justify-content:center;margin-bottom:15px;width:50%;text-align:center}
.social-numbers a h3{color:#fff}
.social-numbers a h3 span{color:#e8edef}
.aboutus_services_group .aboutus_services_container .aboutus_services_item:before{display:none}
.aboutus_services_group .aboutus_services_item{text-align:center}
.aboutus_services_group .aboutus_services_item i{margin-bottom:5px;margin:0 auto 10px}
.aboutus_services_item .aboutus_services_title{margin-bottom:0!important}
.network-map-container .network-country:hover,.network-map-container .network-country.active{z-index:2}
.header-border-bottom{height:100px}
.hero-area-coodiv.mini-hero-text{padding-top:5.375rem!important}
.separte-or span{font-size:12px}
.live-support-trigers label{border-bottom:1px solid #f1f4f5;border-right:0}
.live-support-trigers label:last-child{border-bottom:0}
.search-filter-form-button:hover,.search-filter-form-button.active{width:120px}
.search-filter-form-button i{left:12px}
.search-filter-form-button span{left:41px}
.breadcrumb .breadcrumb-item{font-size:13px}
#sidebar{height:auto!important}
.widget.blog-sidebar .sidebar__inner{position:relative!important;transform:inherit!important;padding:0 15px;margin-bottom:50px;top:auto!important;left:auto!important;bottom:auto!important;margin-top:50px}
.older-newes-buttons a{min-width:auto!important}
.older-newes-buttons a:last-child{max-width:190px}
.single-post-container .single-post:last-child{margin-bottom:40px}
.post-tags-list a{min-width:90px}
.review-avatar{width:40px;height:40px}
.review-form-inner .review-form-head .logout{display:none}
.review-form-inner.selected .review-form-head{padding:30px 30px 40px}
.review-form-inner .review-textarea{height:160px}
.review-form-inner.selected .show-on-selected{position:absolute;bottom:-20px;left:37px}
.review-form-inner.selected .review-textarea{padding-top:145px!important;height:280px}
.hero-tabs-hostings{padding-right:15px;padding-left:15px}
.sticky-plans .plan-box a{min-width:60px;padding:7px 4px;max-width:80px;margin:auto}
.sidebar__inner.search-box-topics-sidebar{position:fixed!important;left:-323px!important;width:320px!important;z-index:1;border-radius:10px;border-left:0;transition:.4s}
.sidebar__inner.search-box-topics-sidebar.show{left:-3px!important}
.sidebar__inner.search-box-topics-sidebar .searchtoggle{position:absolute;right:-50px;height:50px;width:50px;top:82px;text-align:center;background:#fff;font-size:20px;line-height:49px;border-radius:0 10px 10px 0;box-shadow:0 31px 34px -20px rgb(0 0 0 / 88%);border:2px solid #f1f6f8;border-left:0;z-index:1}
.sidebar__inner.search-box-topics-sidebar #dinamic-filter-list li a{font-weight:500;font-size:14px}
.sidebar__inner.search-box-topics-sidebar #dinamic-filter-input{font-weight:400;font-size:15px;border-radius:0 10px 10px 0}
.sidebar__inner.search-box-topics-sidebar .dinamic-filter-list-container{border-radius:0 10px 10px 0}
.sidebar__inner.search-box-topics-sidebar #dinamic-filter-list li a i{font-size:16px}
.first-style-widget{margin-bottom:25px}
.top-tabs-coodiv{padding-top:40px}
.top-tabs-coodiv a{width:100%;border-radius:10px;margin-bottom:15px}
.order-button-coodiv-top-tap{display:flex;justify-content:center;margin-top:25px}
.d-block-mobile{display:block!important}
.d-none-mobile{display:none!important}
.min-coodiv-text-10-mobile{font-size:.9rem}
.min-coodiv-text-9-mobile{font-size:.9rem}
.min-coodiv-text-8-mobile{font-size:.9rem}
.min-coodiv-text-7-mobile{font-size:.995625rem}
.btn{min-width:100px}
.domain-search-input-header{padding-right:120px}
.number-features-box{text-align:center!important}
.hero-plan-with-img{border-radius:10px}
.border-all-mobile{border-top:1px solid var(--border-color)!important;border-bottom:1px solid var(--border-color)!important;border-left:1px solid var(--border-color)!important;border-right:1px solid var(--border-color)!important}
.border-radius-all-mobile-20{border-radius:20px}
.hero-area-coodiv.text-page-hero{height:100px}
..breadcrumb-back{display:none!important}
.hero-helf-2-btns .btn{width:50%!important}
.features-image-bg.full-screen-mobile{min-height:400px}
.signup-slider-right-side{text-align:center;height:100px;bottom:auto;z-index:2;border-bottom:1px solid #e2eaed}
.main-signup-row{padding-top:80px}
.main-signup-row .form-holder{padding: 20px 30px;}
.status-location-list li a{font-size:10px;padding:3px 6px}
.page-builder-bg{padding-top:270px!important}
.wp-plan-features-box{margin:auto;position:relative;margin-bottom:60px!important}
.wp-plan-features-box .main-text{display:block;width:100%;text-align:center}
.wp-plan-features-box .theshape{padding-right:0;position:absolute;top:-40px;left:0;right:0;margin:auto!important;width:70px}
.wp-plan-features-box .theshape .shape-hexagon{right:0}
.wp-plan-features-box .theshape .number{position:absolute;left:0;right:0;margin:auto;text-align:center}
a.headerphone-number{display:none}
.features-box-3{background:transparent!important;box-shadow:none}
.features-box-3 .col-md-3{background:#fff}
}
@media(max-width:769px){
.pricing-plan-tree{border-radius:10px;border:1px solid var(--border-color)!important}
.hero-tabs-hostings .tabs-hostings{border-radius:10px;margin-bottom:10px}
.comparison-box .comparison-box-right-side{width:82%;margin-bottom:20px}
.comparison-box .comparison-box-right-side .comp-sub-title{display:block;margin-bottom:12px!important}
.comparison-box .comparison-box-right-side .side .right-side-plan-slider{padding:0;height:25px;line-height:25px;position:relative}
.comparison-box .comparison-box-right-side .side .right-side-plan-slider i{display:inline-block;margin-left:5px}
.comparison-box .comparison-box-left-side{background:#333;width:100%;padding-bottom:110px;padding-top:45px}
.comparison-box.side-bg-1 .comparison-box-left-side{background:#473bf0}
.comparison-box.side-bg-2 .comparison-box-left-side{background:#f7e36d}
.comparison-box.side-bg-3 .comparison-box-left-side{background:#607d8b}
.comparison-box .comparison-box-left-side .right-side-plan-slider{top:59px;display:block;bottom:auto;margin-right:15px}
.hostings-card-off {display: none;}
}
@media screen and (max-width:991px) and (min-width:769px){
.comparison-box .comparison-box-left-side{padding:26px 40px 26px 1px}
.comparison-box .comparison-box-left-side img{right:-13px}
.comparison-box .comparison-box-left-side .comp-sub-title{width:auto}
.comparison-box .comparison-box-left-side .right-side-plan-slider{top:50%;transform:translateY(-50%);bottom:auto;margin-left:15px}
.comparison-box .comparison-box-right-side .side .right-side-plan-slider{top:50%;transform:translateY(-50%);bottom:auto;margin-right:15px}
.comparison-box .comparison-box-right-side{width:50%;position:relative;padding:26px 2px 26px 40px}
.comparison-box .comparison-box-right-side img{left:-16px}
.comparison-box .comparison-box-right-side .comp-sub-title{width:auto}
.player-score-box-container .player-score-box:after{display:none}
.vps-plan-block .vps-plan-area .cpu-block{flex-basis:45%}
.wp-plan-features-box{margin:0 auto 60px!important;width:50%;float:left}
}
@media screen and (max-width:991px) and (min-width:590px){
.social-numbers a:nth-child(2) h3,.social-numbers a:nth-child(4) h3{color:#161c2d}
.social-numbers a:nth-child(2) h3 span,.social-numbers a:nth-child(4) h3 span{color:#828ba5}
}
@media screen and (max-width:1300px) and (min-width:991px){
.social-numbers a:nth-child(1) h3{color:#fff}
.social-numbers a:nth-child(1) h3 span{color:#e8edef}
}
@media(max-width:480px){
header.site-header .navbar-toggler{margin-left:auto}
}
@media(min-width:576px){
.border-sm-top{border-top:1px solid var(--border-color)!important}
.border-sm-right{border-right:1px solid var(--border-color)!important}
.border-sm-bottom{border-bottom:1px solid var(--border-color)!important}
.border-sm-left{border-left:1px solid var(--border-color)!important}
.border-sm-top-0{border-top:0!important}
.border-sm-right-0{border-right:0!important}
.border-sm-bottom-0{border-bottom:0!important}
.border-sm-left-0{border-left:0!important}
.border-sm-x{border-left:1px solid var(--border-color)!important;border-right:1px solid var(--border-color)!important}
.border-sm-y{border-top:1px solid var(--border-color)!important;border-bottom:1px solid var(--border-color)!important}
.border-sm{border-top:1px solid var(--border-color)!important;border-bottom:1px solid var(--border-color)!important;border-left:1px solid var(--border-color)!important;border-right:1px solid var(--border-color)!important}
.border-sm-0{border-top:0!important;border-bottom:0!important;border-left:0!important;border-right:0!important}
}
@media(min-width:768px){
.border-md-top{border-top:1px solid var(--border-color)!important}
.border-md-right{border-right:1px solid var(--border-color)!important}
.border-md-bottom{border-bottom:1px solid var(--border-color)!important}
.border-md-left{border-left:1px solid var(--border-color)!important}
.border-md-top-0{border-top:0!important}
.border-md-right-0{border-right:0!important}
.border-md-bottom-0{border-bottom:0!important}
.border-md-left-0{border-left:0!important}
.border-md-x{border-left:1px solid var(--border-color)!important;border-right:1px solid var(--border-color)!important}
.border-md-y{border-top:1px solid var(--border-color)!important;border-bottom:1px solid var(--border-color)!important}
.border-md{border-top:1px solid var(--border-color)!important;border-bottom:1px solid var(--border-color)!important;border-left:1px solid var(--border-color)!important;border-right:1px solid var(--border-color)!important}
.border-md-0{border-top:0!important;border-bottom:0!important;border-left:0!important;border-right:0!important}
}@media(min-width:992px){
	.border-lg-top{border-top:1px solid var(--border-color)!important}
.border-lg-right{border-right:1px solid var(--border-color)!important}
.border-lg-bottom{border-bottom:1px solid var(--border-color)!important}
.border-lg-left{border-left:1px solid var(--border-color)!important}
.border-lg-top-0{border-top:0!important}
.border-lg-right-0{border-right:0!important}
.border-lg-bottom-0{border-bottom:0!important}
.border-lg-left-0{border-left:0!important}
.border-lg-x{border-left:1px solid var(--border-color)!important;border-right:1px solid var(--border-color)!important}
.border-lg-y{border-top:1px solid var(--border-color)!important;border-bottom:1px solid var(--border-color)!important}
.border-lg{border-top:1px solid var(--border-color)!important;border-bottom:1px solid var(--border-color)!important;border-left:1px solid var(--border-color)!important;border-right:1px solid var(--border-color)!important}
.border-lg-0{border-top:0!important;border-bottom:0!important;border-left:0!important;border-right:0!important}
}
@media(min-width:1200px){
.border-xl-top{border-top:1px solid var(--border-color)!important}
.border-xl-right{border-right:1px solid var(--border-color)!important}
.border-xl-bottom{border-bottom:1px solid var(--border-color)!important}
.border-xl-left{border-left:1px solid var(--border-color)!important}
.border-xl-top-0{border-top:0!important}
.border-xl-right-0{border-right:0!important}
.border-xl-bottom-0{border-bottom:0!important}
.border-xl-left-0{border-left:0!important}
.border-xl-x{border-left:1px solid var(--border-color)!important;border-right:1px solid var(--border-color)!important}
.border-xl-y{border-top:1px solid var(--border-color)!important;border-bottom:1px solid var(--border-color)!important}
.border-xl{border-top:1px solid var(--border-color)!important;border-bottom:1px solid var(--border-color)!important;border-left:1px solid var(--border-color)!important;border-right:1px solid var(--border-color)!important}
.border-xl-0{border-top:0!important;border-bottom:0!important;border-left:0!important;border-right:0!important}
}
.bg_overlay_header {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
    bottom: 0;
    right: 0;
    pointer-events: none;
    overflow: hidden;
}
.bg_overlay_header .cloud-bg {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../image/bredh-sefar/cloud-bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 100%;
    opacity: 0.05;
}
.bg-img-header-new-moon {
    background-image: url(../image/bredh-sefar/h_bg_02.svg);
    background-repeat: no-repeat;
    position: absolute;
    right: 0;	
	background-size: cover;
    bottom: -110px;
    min-width: 2000px;
    height: 1200px;
    top: auto;
    left: -10px;
}
.header-shapes.shape-03 {
    background: url(../image/bredh-sefar/shape_03.png) no-repeat right bottom !important;
    position: absolute;
    width: 115px;
    height: 89px;
    left: 0;
    right: -950px;
    margin: auto;
    top: 65%;
    transform: translateY(-50%);
    z-index: -1;
}
.bg_overlay_header:after {
    content: '';
    position: absolute;
    background: url(../image/bredh-sefar/wave.svg) no-repeat right bottom !important;
    bottom: -90px;
    background-size: inherit;
    height: 100%;
    right: 0;
    left: 0;
}
.main-header-top-title {
    text-transform: uppercase;
    background: #ffeb3b;
    color: #5b5415;
    font-size: 11px;
    padding: 0 18px;
    border-radius: 20px;
    margin-bottom: 10px;
    letter-spacing: 1px;
    -webkit-box-shadow: 0 0px 30px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 0px 30px rgb(0 0 0 / 10%);
    box-shadow: 0 0px 30px rgb(0 0 0 / 10%);
    display: flex;
    width: fit-content;
    height: 25px;
    align-items: center;
}
.main-header-btn {
    background-color: #FED317;
    color: #111111;
    border-radius: 4px;
    position: relative;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s;
    width: max-content;
    padding: 0 35px;
    padding-inline: 35px;
}
.main-header-btn i {
    opacity: 0;
    margin-inline-start: -1.25rem;
    line-height: 1;
    -webkit-mask-position: center;
    transition: all 0.4s;
    width: 17px;
    height: 17px;
    text-align: center;
    line-height: 17px;
    font-size: 14px;
}
.main-header-btn:hover {
    background-color: #f7cc13;
    color: #111111;
}
.main-header-btn:hover i {
    margin-inline-start: 0.5rem;
    opacity: 1;
}
.main-header-carousel-nav {
    position: relative;
    padding: 30px;
    min-height: 350px;
    margin-bottom: 30px;
    margin-top: 30px;
}
.main-header-carousel-nav .main-header-carousel-nav-bg {
    content: '';
    position: absolute;
    background-color: #ffffff;
    padding: 50px 35px;
    -webkit-box-shadow: 0 0px 30px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 0px 30px rgb(0 0 0 / 10%);
    box-shadow: 0 0px 30px rgb(0 0 0 / 10%);
    z-index: -1;
    transition: all 0.3s ease 0.0s;
    transform: perspective(500px) translateY(-80px) rotateX(-20deg) rotateY(0deg);
    -webkit-transform: perspective(500px) translateY(-80px) rotateX(-20deg) rotateY(0deg);
    -moz-transform: perspective(500px) translateY(-80px) rotateX(-20deg) rotateY(0deg);
    opacity: 0;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.carousel-cell.is-selected .main-header-carousel-nav .main-header-carousel-nav-bg {
    opacity: 1;
    transform: perspective(500px) translateY(0px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(500px) translateY(0px) rotateX(0deg) rotateY(0deg);
    -moz-transform: perspective(500px) translateY(0px) rotateX(0deg) rotateY(0deg);
}
.main-header-carousel-nav i {
    font-size: 35px;
    color: #fff;
    display: block;
    margin-bottom: 9px;
}
.carousel-cell.is-selected .main-header-carousel-nav i {
    color: #61dcce;
}
.carousel-cell.is-selected .main-header-carousel-nav h5 {
    color: #0b0b0b;
}
.main-header-carousel-nav h5 {
    color: #fff;
}
.carousel-cell.is-selected .main-header-carousel-nav p {
    color: #6d7b82;
}
.main-header-carousel-nav p {
    color: #e7edef;
}
.carousel-cell.is-selected .main-header-carousel-nav ul {
    display: block;
}
.main-header-carousel-nav ul {
    padding: 0;
    list-style: none;
    margin-top: 25px;
    display: none;
}
.carousel-cell.is-selected .main-header-carousel-nav ul li {
    color: #96b0bc;
}
.main-header-carousel-nav ul li {
    font-size: 13px;
    margin-bottom: 5px;
    display: flex;
    color: #fff;
    align-items: center;
}
.carousel-cell.is-selected .main-header-carousel-nav i {
    color: #61dcce;
}
.main-header-carousel-nav ul li i {
	color: #663cfc;
    font-size: 14px;
    margin: 0;
    margin-right: 10px;
}
.main-header-carousel-nav ul li b {
    margin-right: 5px;
    color: #61dcce;
}
.carousel-main .flickity-page-dots {
    text-align: left;
}
.carousel-main .flickity-page-dots .dot.is-selected {
    width: 32px;
    opacity: 1;
}
.carousel-main .flickity-page-dots .dot {
    width: 15px;
    height: 8px;
    margin: 0 4px;
    background: #a8b4ae;
    border-radius: 15px;
    opacity: 0.1;
    transition: all 0.3s ease 0.0s;
}
.carousel-cell {
    width: 100%;
    outline: none;
    box-shadow: none;
}
.carousel-nav .carousel-cell {
    width: 350px;
    margin: 0 10px;
}
.main-header-carousel-container {
    margin-bottom: -70px;
    margin-top: 70px;
}
.carousel {
    width: 100%;
}
.eyebrow {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: -0.4px;
}
.content_text_author_description_p {
    font-size: 15px;
    font-weight: 300;
    margin-bottom: 20px;
}
.content_text_author_description_p {
    font-size: 15px;
    font-weight: 300;
    margin-bottom: 20px;
}
.section_text_graphic_image {
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
    background-color: #333;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
}
.section_text_graphic_image img {
    -webkit-object-fit: contain;
    object-fit: contain;
    width: 100%;
    margin: 0 auto;
    display: block;
}
.title-default-coodiv-two {
    color: #25252a;
    font-size: 35px;
    text-transform: capitalize;
    text-align: center;
    font-weight: bold;
    max-width: 500px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    letter-spacing: 0.5px;
}
.title-default-coodiv-two span {
    display: block;
    font-size: 16px;
    line-height: 26px;
    max-width: 800px;
    margin: auto;
    color: #42525a;
    font-weight: 300;
    letter-spacing: 0;
}
.coodiv-feutres-black-version i {
    font-size: 27px;
    width: 50px;
    height: 50px;
    background: #d6e1e6;
    display: block;
    text-align: center;
    line-height: 50px;
    border-radius: 4px;
    margin-bottom: 25px;
}
.section-product-introduction-image-wrapper {
    position: relative;
    max-height: 464px;
    margin-top: 85px;
    overflow: hidden;
}
.section-product-introduction-image-wrapper .section-product-introduction-background {
    background: #88f6ec;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
    grid-column: 1/-1;
    grid-row: 1;
    height: -webkit-calc(100% - 100px);
    height: calc(100% - 100px);
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0;
}
.section-product-introduction-image-wrapper .section-product-introduction-image {
    padding: 0 112px;
    width: 100%;
    z-index: 10;
    z-index: 1;
    position: relative;
}
.homepage-services-tab-titles {
    display: flex;
    justify-content: center;
}
.homepage-services-tab-titles li a{
    color: #b6c8d1;
    font-size: 14px;
    font-weight: 400;
    display: block;
    padding: 25px 25px;
    border-top: 3px solid #fff;
}
.homepage-services-tab-titles li a.active{
    color: #25252a;
    font-weight: bold;
    border-top: 3px solid #333;
}
@media screen and (-webkit-min-device-pixel-ratio: 0){
table#prices tbody tr.feature td.feature {
    text-align: left;
}
table#prices tbody tr.feature td span.name {
    font-size: 14px;
    padding-left: 20px;
    font-weight: 600;
}
}
#monthly-yearly-chenge {min-width: 200px;padding: 15px 20px;}
#monthly-yearly-chenge a {font-weight: 500;color: #d6dfe3;text-decoration: none;position: relative;font-size: 14px !important;text-transform: capitalize;cursor: pointer;}
#monthly-yearly-chenge a.active {color: #4a5052;}
#monthly-yearly-chenge a:first-child {padding-right: 50px;}
#monthly-yearly-chenge a:last-child{padding-left:50px;}
#monthly-yearly-chenge a:first-child::after{content:'';position:absolute;height:21px;width:50px;background:#dae4e6;top:50%;transform:translateY(-50%);right:-25px;border-radius:40px;}
#monthly-yearly-chenge a:last-child::after{content:'';position:absolute;top:50%;transform:translateY(-50%);background:#50e3c2;width:18px;height:18px;left:-28px;border-radius:40px;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
#monthly-yearly-chenge a:last-child.active::after{left:0;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
.first-pricing-table{text-align:center;padding:35px 30px;background:#fff;box-shadow:0 10px 100px 0 rgba(77, 77, 119, 0.16);border-radius:10px;position:relative;overflow:hidden;}
.first-pricing-table.best-plan:after{content:'';background:url(../img/bg/charit.png) no-repeat !important;position:absolute;width:127px;height:140px;bottom:30px;right:-40px;z-index:0;}
.first-pricing-table-icon{font-size:40px;color:#00BCD4;}
.first-pricing-table-title{font-family:'Basier Circle', sans-serif;text-transform:uppercase;font-weight:bold;font-size:20px;letter-spacing:1px;color:#07a9bd;margin-top:5px;}
.first-pricing-table-title span{display:block;font-size:12px;line-height:21px;margin:auto;color:#838d92;font-weight:400;letter-spacing:0;text-transform:none;margin-top:10px;}
.first-pricing-table-price{font-size:30px;display:block;margin:20px 0;font-style:inherit !important;}
.first-pricing-table-price i{font-style:inherit !important;}
.first-pricing-table-price small{opacity:0.5;font-size:14px;}
.first-pricing-table-most{position:absolute;transform:rotate(45deg);background:#ff4797;color:#fff;padding:5px;width:200px;top:25px;right:-60px;text-align:center;font-size:13px;}
.first-pricing-table-body{padding-left:0;}
.first-pricing-table-body li{list-style:none;background:#f9fafa;margin-bottom:7px;font-size:14px;padding:10px;font-weight:500;border-radius:30px;color:#4c5b63;position:relative;z-index:1;}
.first-pricing-table-body li.not-chacked{text-decoration:line-through;position:relative;}
.first-pricing-table-body li.not-chacked:after{position:absolute;font-family:"Font Awesome 5 pro";font-weight:900;content:"\f057";left:9px;font-size:22px;top:4px;color:#e24d4d;}
.first-pricing-table-order{display:block;margin:45px -30px -35px;background:#50e3c2;padding:14px;color:#fff;font-weight:500;text-transform:uppercase;font-family:'Basier Circle', sans-serif;letter-spacing:2px;font-size:14px;position:relative;z-index:1;text-decoration:none !important;border-radius:0 0 6px 0;}
.first-pricing-table-order:hover{color:#fff;background:#48d1b2;}
.first-pricing-table-container [class^="col-md-"], .first-pricing-table-container [class*=" col-md-"]{padding:0;}
.first-pricing-table.best-plan .first-pricing-table-order{margin:45px -30px -60px;}
.first-pricing-table-container [class^="col-md-"]:first-child .first-pricing-table .first-pricing-table-order{background:#78b1f7;border-radius:0 0 0 6px;}
.first-pricing-table-container [class^="col-md-"]:first-child .first-pricing-table .first-pricing-table-order:hover{background:#6799d8;}
.first-pricing-table.best-plan{padding:60px 30px;margin-top:-15px;position:relative;z-index:1;}
.first-pricing-table-container [class^="col-md-"]:first-child .first-pricing-table{border-radius:10px 0 0 10px;}
.first-pricing-table-container [class^="col-md-"]:first-child .first-pricing-table .first-pricing-table-icon{color:#ffc107;}
.first-pricing-table-container [class^="col-md-"]:first-child .first-pricing-table .first-pricing-table-title{color:#ffc107;}
.first-pricing-table-container [class^="col-md-"]:last-child .first-pricing-table .first-pricing-table-icon{color:#3F51B5;}
.first-pricing-table-container [class^="col-md-"]:last-child .first-pricing-table .first-pricing-table-title{color:#3F51B5;}
.first-pricing-table-container [class^="col-md-"]:last-child .first-pricing-table{border-radius:0 10px 10px 0;}
.first-pricing-table.best-plan .first-pricing-table-order{background:#ff4797;}
.first-pricing-table.best-plan .first-pricing-table-order:hover{background:#f1438f;}
.first-pricing-table-price.monthly .yearly{display:none;}
.first-pricing-table-price.yearly .monthly{display:none;}
#monthly-yearly-chenge.style-two{padding:4px;width: 333px;background:#000000;margin-bottom:30px;border-radius:4px;position:relative;}
#monthly-yearly-chenge.style-two a{width:160px;display:inline-block;text-align:center;padding:7px 0 !important;z-index:1;position:static;text-transform:capitalize;}
#monthly-yearly-chenge.style-two a:last-child::after{display:none;}
#monthly-yearly-chenge.style-two a:first-child::after{display:none;}
#monthly-yearly-chenge.style-two a.active{color:#37386e;}
#monthly-yearly-chenge.style-two a .change-box-text{position:relative;z-index:1;}
#monthly-yearly-chenge.style-two a:first-child .change-box{content:'';position:absolute;background:#fff;border-radius:4px;bottom:3px;top:3px;z-index:0;transform:translateY(0%);width:160px;right:3px;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
#monthly-yearly-chenge.style-two a.active:first-child .change-box{left:3px;right:auto;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
.second-pricing-table {text-align: center;padding: 45px 30px 30px;background: rgb(246 255 252 / 66%);border-radius: 0;position: relative;overflow: hidden;border-right: 1px solid #ecf4f7;}
.second-pricing-table-title{text-align: left;margin-bottom: 20px;font-weight: 800;font-size: 25px;}
.second-pricing-table-title span{display:block;font-size:14px;color:#58676f;font-weight:300;letter-spacing:0.5px;text-transform: capitalize;}
.second-pricing-table-price{text-align: left;font-size: 24px;display: block;margin: 0 0 20px;font-style: inherit !important;border-bottom: 1px solid #e3ebef;padding-bottom: 10px;}
.second-pricing-table-price i{font-style: inherit !important;font-weight: 900;font-size: 30px;}
.second-pricing-table-price small{opacity:0.5;font-size:14px;}
.second-pricing-table-price.monthly .yearly{display:none;}
.second-pricing-table-price.yearly .monthly{display:none;}
.second-pricing-table-body{padding-left:0;text-align:left;}
.second-pricing-table-body li{list-style: none;font-size: 14px;padding: 6px;font-weight: 400;border-radius: 30px;color: #242628;position: relative;z-index: 1;}
.second-pricing-table-body li.not-chacked{text-decoration:line-through;position:relative;}
.second-pricing-table-body li.not-chacked:after{position: absolute;content: "\f00d";right: 9px;font-size: 15px;top: 8px;color: #F44336;font-family: "Font Awesome 5 Pro";font-weight: 300;}
.second-pricing-table-button{background:#2fd5c9;border:2px solid #2fd5c9;margin-top:5px;display:inline-block;float:left;color:#fff;font-weight:500;font-size:14px;padding:9px;width:100%;border-radius:5px;text-decoration:none !important;}
.second-pricing-table-button:hover{background:#fff;border:2px solid #2fd5c9;color:#2fd5c9;}
.second-pricing-table.active{background:#a358e0;background:-webkit-linear-gradient(left top, #616ad4, #a558e1);background:-o-linear-gradient(bottom right, #616ad4, #a558e1);background:-moz-linear-gradient(bottom right, #616ad4, #a558e1);background:linear-gradient(to bottom right, #5c6bd3, #a358e0);}
.second-pricing-table.active .second-pricing-table-title{color:#000000;}
.second-pricing-table.active .second-pricing-table-title span{color:#000000;}
.second-pricing-table.active .second-pricing-table-price{color:#353537;}
.second-pricing-table.active .second-pricing-table-body li{color:#2a2f2c;}
.second-pricing-table-body-features {position:relative;padding: 10px;list-style: none;text-align: left;font-size: 13px;border-top: 1px solid #e6ebed;margin-top: 30px;padding-top: 20px;}
.second-pricing-table-body-features li{margin-bottom: 12px;}
.second-pricing-table.active .second-pricing-table-body-features li{color: #262b29;}
.second-pricing-table-body-features li strong{display: block;}
.second-pricing-table.active .second-pricing-table-body li.not-chacked:after{color:#dccdcd;}
.second-pricing-table.active .second-pricing-table-button{background:transparent;border:2px solid #fff;}
.second-pricing-table.active .second-pricing-table-button:hover{background:#492f94;border:2px solid #7e61d9;color:#fff;}
.second-pricing-table:before{content:'';position:absolute;width:400px;height:400px;background:rgb(230 255 243 / 53%);bottom:-120px;right:-130px;border-radius:100%;z-index:0;pointer-events:none;}
.second-pricing-table:after{content:'';position:absolute;width:400px;height:400px;background:rgba(33, 150, 243, 0.02);top:-120px;right:-71px;border-radius:100%;z-index:0;pointer-events:none;}
#monthly-yearly-chenge.custom-change a:first-child::after{right:-20px;}
.our-pertners{background:#fff;text-align:center;margin-top:-100px;}
.our-pertners img{display:block;width:100%;max-width:160px;opacity:0.6;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
.our-pertners img:hover{opacity:1;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
.section-wth-amwaj{padding:180px 0 100px;position:relative;min-height:500px;background:#f2f7fb;}
.bg_overlay_section-amwaj{position:absolute;width:100%;height:100%;top:0;left:0;z-index:0;bottom:0;right:0;pointer-events:none;max-height:200px;overflow:hidden;}
.bg_overlay_section-amwaj img{height:100%;min-width:100%;}
.suuport-box-home-container{text-align:center;margin:15px 0;}
.suuport-box-home{background:#bbbfcb;padding:20px;border-radius:8px;text-align:center;width:80px;height:80px;line-height:80px;margin:auto;}
.suuport-box-icon{font-size:22px;}
.suuport-box-title{font-family:'Basier Circle', sans-serif;font-size:15px;margin-top:0;}
.sbx-color01 .suuport-box-home{background:#fbe5ea;color:#ff1a47;}
.sbx-color01 .suuport-box-title{color:#ff1a47;}
.sbx-color02 .suuport-box-home{background:#dcf0f7;color:#4cb2dd;}
.sbx-color02 .suuport-box-title{color:#4cb2dd;}
.sbx-color03 .suuport-box-home{background:#fff7d3;color:#ddb52a;}
.sbx-color03 .suuport-box-title{color:#ddb52a;}
.sbx-color04 .suuport-box-home{background:#e4ffee;color:#7dc096;}
.sbx-color04 .suuport-box-title{color:#7dc096;}
.side-text-right-container{}
.side-text-right-title{position: relative;color: #1a1b1d;font-weight: 800;margin: 0;padding: 0;font-size: 33px;font-family: 'Basier Circle', sans-serif;margin-bottom: 20px;}
.side-text-right-text{color: #323538;font-size: 16px;font-weight: 300;line-height: 29px;}
.side-text-right-text b{font-weight:bold;}
.side-text-right-text a{color:inherit !important;border-bottom:1px dotted #000 !important;text-decoration:none !important;}
.side-text-right-text a:hover{color:#23252b !important;}
.side-text-right-button{color: #fff;padding: 12px 50px;display: inline-block;font-weight: 500;margin-top: 10px;box-shadow: 0 10px 100px 0 rgb(77 77 119 / 16%);letter-spacing: .05px;font-size: 15px;text-decoration: none;border-radius: 30px;background: #683dfc;background-image: linear-gradient(225deg,#a562f8 0,#a562f8 39%,#683dfc 100%);background-image: linear-gradient(225deg,#a562f8 0,#a562f8 39%,#683dfc 100%);}
.side-text-right-button:hover{color:#ffffff;background-color:#6e56e0;text-decoration:none;}
.second-pricing-table.style-2.active {
    background: #e6fff3 !important;
}
.second-pricing-table.style-2.active:before {
    width: 400px;
    height: 400px;
    border-radius: 0;
    bottom: 0;
    right: 1px;
    z-index: 0;
    pointer-events: none;
    background: url(../image/bredh-sefar/plans.svg) no-repeat right bottom !important;
}
.second-pricing-table.active .second-pricing-table-button {
    background: transparent;
    border: 2px solid #fff;
}
.second-pricing-table-button {
    position: relative;
}
.second-pricing-table.style-2.active .second-pricing-table-button:hover {
    background: #2fd5c9;
    border: 2px solid #2fd5c9;
    color: #fff;
}
table#prices tbody tr.feature td span.yes, table#prices tbody tr.feature td span.no{font-family: "Font Awesome 5 Pro";font-weight: 300;position: relative;font-size: 16px;}
table#prices tbody tr.feature td span.no:after {content: "\f00d";color: #f44336;}
table#prices tbody tr.feature td span.yes:after {content: "\f00c";color: #46e488;}
table#prices thead tr th.checklist>p{
    font-size: 13px;
    color: #7f898d;
    font-weight: 500;
    margin-bottom: 0;
    text-align: center;
}
table#prices thead tr th.checklist>p .soft-type{
    font-size: 18px;
    color: #333;
    font-weight: bold;
    font-family: 'Basier Circle', sans-serif;
    display: block;
}
table#prices thead tr th.checklist>p .price{
    text-transform: uppercase;
    color: #673AB7;
    font-weight: bold;
    font-size: 35px
}
table#prices thead tr th.checklist>p .currency{
    font-size: 18px;
    font-weight: 300;
    margin-right: 4px;
}
table#prices thead tr th.checklist .call-to-action >a{
    display: block;
    text-align: center;
    font-size: 10px;
    color: #b8c7ce;
}
table#prices thead tr th.checklist .call-to-action a.btn-empty{
    display: block;
    padding: 14px 0;
    text-align: center;
    margin-top: 10px;
    font-size: 13px;
    text-decoration: none;
    background: #121313;
    color: #fff;
    font-weight: 600;
    border-radius: 6px;
}
table#prices thead tr th.checklist .call-to-action a.btn-empty:hover{
    background: #673ab7 !important;
    color: #fff;
    text-decoration: none;
}
table#prices thead th.checklist {
    width: 18.75%;
    background: white;
    font-weight: normal;
	border: 1px solid #ecf1f3;
    padding: 20px;
    border-bottom: 0;
}
table#prices thead tr.price-dsc th.checklist.left {
    border: 1px solid #ecf1f3;
    padding: 20px;
    border-bottom: 0;
}
table#prices tbody tr.feature td {
    color: #666F77;
    font-size: 16px;
    line-height: 22px;
    padding: 18px 0;
	border-right: 1px solid #ecf1f3;
	border-left: 1px solid #ecf1f3;
    border-bottom: 1px solid #ecf1f3;
	text-align: center;
}
table#prices tbody tr.feature td span {
    font-size: 13px;
    font-weight: 400;
    color: #1d1f20;
}
table#prices tbody tr.feature td span.name {
    font-size: 12px;
    color: #232c30;
    font-weight: bold;
	text-align: left;
}

table#prices thead tr.price-dsc th.features.banner {
    padding: 0;
    background-image: linear-gradient(90deg, #2d2d33 0%, #000000 100%);
}
table#prices thead tr.price-dsc th.features.banner .banner-servers-box{
    box-shadow: none;
	height: auto;
}
.custom-slider-plan-form.without-blur-plans:before,.custom-slider-plan-form.without-blur-plans:after {
    display: none;
}
.see-level{
    background: #FFEB3B;
    font-family: 'Basier Circle', sans-serif;
    font-size: 11px;
    padding: 5px;
    display: block;
    border-radius: 23px;
    margin: 10px;
}
.audio-level{
    font-family: 'Basier Circle', sans-serif;
    font-size: 11px;
    padding: 5px;
    display: block;
    border-radius: 23px;
    margin: 10px;
}
.audio-level.one{
    background: #FF9800;
}
.audio-level.two{
    background: #FFC107;
}
.audio-level.tree{
    background: #8BC34A;
}
.banner-servers-box {
    overflow: hidden;
    padding: 25px 24px;
    box-shadow: 0 5px 15px rgba(0,0,0, 0.2);
    border-radius: 6px 6px 0 0;
    position: relative;
    color: #fff;
    height: 100px;
}
.banner-text-left h5 {
    font-size: 22px;
    text-transform: capitalize;
    margin-bottom: 0;
    margin-top: 5px;
    letter-spacing: -0.4px;
	color: #fff;
}
.banner-text-left h5 strong {
    font-weight: 600;
    margin-left: 8px;
}
.banner-text-left p {
    color: #a7afb2;
    font-size: 17px;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 0;
}
.plan-ssl-special{
    border-right: 1px solid #f0f0f0;
    padding: 60px 10px 50px;
    text-align: center;
    background: rgb(246 255 252 / 89%);
}

.row .plan-ssl-special:last-child{
    border-right: 0;
}

.plan-ssl-special .res-titl{
    color: #1e1f22;
    font-size: 27px;
    font-weight: 700;
    text-align: center;
    width: 100%;
    margin: 0;
    padding-bottom: 15px;
}

.plan-ssl-special .res-titl span{
    color: #92949f;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    width: 100%;
    display: block;
    margin-top: 5px;
    letter-spacing: 1px;
    padding: 0 40px;
}

.plan-ssl-special .res-price{
    font-size: 42px;
    font-weight: 800;
    color: #5abab2;
    text-align: center;
    width: 100%;
    display: block;
}

.plan-ssl-special .res-price i{
    font-size: 16px;
    margin-right: 5px;
    vertical-align: super;
    font-weight: 300;
    font-style: inherit;
}
.plan-ssl-special .res-price small{
    font-weight: 400;
    font-size: 16px;
}
.plan-ssl-special .plan-discount{
    display: block;
    background-color: #ffeea9;
    padding: 7px 15px;
    font-size: 13px;
    width: fit-content;
    margin: 0 auto 20px;
    border-radius: 4px;
    color: #8b7a37;
}

.plan-ssl-special .res-sub-text{
    font-size: 13px;
    display: block;
    margin-top: 0px;
    padding-bottom: 17px;
    text-transform: uppercase;
    color: #8da1ab;
}

.plan-ssl-special .res-sub-text img{
    display: block;
    margin: auto;
    margin-top: 5px;
    width: 100px;
}

.plan-ssl-special .body-ress-v2 p{
    list-style: none;
    font-size: 14px;
    color: #27282b;
    font-weight: 400;
    margin: 0;
    padding: 9px 0;
    text-align: center;
}

.ress-install-btn{
    display: block;
    margin: 30px 35px 0;
    font-size: 14px;
    padding: 14px 10px;
    text-decoration: none;
    border-radius: 6px;
    color: #282a2b;
    background-color: #e6fff3;
    border: 2px solid #e6fff3;
    font-weight: 900;
    text-transform: uppercase;
}
.ress-install-btn:hover{
    background-color: #caefdd;
    color: #282a2b;
	text-decoration: none;
}

.ress-buy-btn{
    display: block;
    margin: 30px 35px 0;
    font-size: 14px;
    padding: 14px 10px;
    text-decoration: none;
    border-radius: 6px;
    color: #fff;
    background-color: #353a3f;
    border: 2px solid #353a3f;
    font-weight: 900;
    text-transform: uppercase;
}

.ress-buy-btn:hover{
	border: 2px solid #18191a;
    background: #18191a;
    color: #fff;
	text-decoration: none;
}

.side-text-right-image img{
    width: 100%;
    max-width: 300px;
    margin: auto;
}

.box-features-new{
    -webkit-box-shadow: 0 9px 18px rgba(0, 0, 0, 0.08);
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.08);
    border: 1px solid #ecf2f5;
    margin-top: 70px;
    border-radius: 6px;
}

.box-features-new .box-features-item{
    text-align: center;
    padding: 80px 50px;
    border-right: 1px solid #edeff1;
    background: #fff;
}

.box-features-new.version-two .box-features-item {
    padding: 50px 30px;
}

.box-features-new .box-features-item .box-header{
    position: relative;
}

.box-features-new .box-features-item .box-header:after{
    content: '';
    position: absolute;
    width: 40px;
    height: 40px;
    z-index: 0;
    border-radius: 100%;
    pointer-events: none;
    background: #83ecff;
    left: -30px;
    right: 0;
    margin: auto;
    top: -15px;
}

.box-features-new .box-features-item:nth-child(2) .box-header:after{
    background: #41f8e2;
}
.box-features-new .box-features-item:nth-child(3) .box-header:after{
    background: #ff87a3;
}
.box-features-new .box-features-item:nth-child(4) .box-header:after{
    background: #ffeb3b;
}

.box-features-new .box-features-item:last-child{
    border-right: 0;
}

.box-features-new .box-features-item img{
    width: 40px;
    height: 40px;
    position: relative;
    z-index: 1;
}

.box-features-new .box-features-item h5{
    color: #2d2f37;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    padding-bottom: 16px;
    font-family: 'Basier Circle', sans-serif;
    max-width: 180px;
    margin: auto;
    margin-top: 18px;
}

.box-features-new .box-features-item p{
    font-family: 'Basier Circle', sans-serif;
    font-size: 14px;
    color: #54565b;
    font-weight: 400;
    margin: 0;
    padding: 9px 0;
    text-align: center;
    line-height: 27px;
}

.box-features-new .box-features-item a{
    display: block;
    border: 2px solid #0f68b8;
    color: #0f68b8;
    font-size: 13px;
    padding: 10px;
    text-decoration: none;
    border-radius: 6px;
    margin-top: 30px;
}

.box-features-new .box-features-item a:hover{
    background: #0f68b8;
    color: #fff;
}

@media (max-width:769px){
.plan-ssl-special {
    border-right: 0;
    border-bottom: 1px solid #d9e1e4;
}
.box-features-new {
    margin-right: 5px;
    margin-left: 5px;;
}
.box-features-new .box-features-item {
    border-right: 0;
    border-bottom: 1px solid #dfe8ec;
}
}	

@media (max-width:868px){
.side-text-right-image img {
    display: none;
}
}	
.our-pertners img {
    display: block;
    width: 100%;
    max-width: 160px;
    opacity: 0.6;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.our-pertners img:hover {
    opacity: 1;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.coodiv-features-box-black-color {
    padding: 20px 25px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    border: 2px solid #eaebec;
    position: relative;
    -webkit-box-shadow: 0 0px 30px rgb(0 0 0 / 2%);
    -moz-box-shadow: 0 0px 30px rgb(0 0 0 / 2%);
    box-shadow: 0 0px 30px rgb(0 0 0 / 2%);
    display: block;
    color: #394043;
    margin-bottom: 25px;
}
.coodiv-features-box-black-color:hover {
    -webkit-box-shadow: 0 0px 30px rgb(0 0 0 / 7%);
    -moz-box-shadow: 0 0px 30px rgb(0 0 0 / 7%);
    box-shadow: 0 0px 30px rgb(0 0 0 / 7%);
    color: #394043;
    transform: translateY(-3px);
}
.coodiv-features-box-black-color i {
    font-size: 30px;
    margin-bottom: 13px;
    color: #a8b5bf;
}
.coodiv-features-box-black-color-carousel .item {
    margin: 0 15px 0 0;
    padding: 22px 0;
    width: 40%;
}
.faq-section-bredh .faq-section-bredh-section{
    padding: 15px 0;
    position: relative;
    margin-bottom: 15px;
    transition: all 0.2s;
}
.faq-section-bredh .faq-section-bredh-section:after{
    content: '';
    position: absolute;
    left: -35px;
    width: 5px;
    top: 0;
    background: #ffeb3f;
    bottom: 0;
    border-radius: 22px;
}
.faq-section-bredh .faq-section-bredh-title {
    font-size: 16px;
    line-height: 1.375;
    font-weight: bold;
    border: 0;
    background: transparent;
    padding: 0;
    box-shadow: none;
    outline: none !important;
    display: block;
    position: relative;
    width: 100%;
    text-align: left;
}
.faq-section-bredh .faq-section-bredh-title:after{
   -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-weight: 400;
    font-family: "Font Awesome 5 Pro";
    content: "\f107";
    position: absolute;
    right: 10px;
    font-size: 20px;
    top: 50%;
    transform: translateY(-50%) rotate(180deg);
	transition: all 0.3s ease 0.0s;
}
.faq-section-bredh .faq-section-bredh-title.collapsed:after{
    transform: translateY(-50%) rotate(0deg);
}
.faq-section-bredh .faq-section-bredh-text{
    font-size: 16px;
    font-weight: 400;
    color: #6e7a80;
}
.faq-section-bredh .faq-section-bredh-text p{
    padding: 15px 0 5px;
    font-size: 13px;
}
.coodiv-features-box-black-color-carousel {
	position: relative;
}
.footer-section-banner {
    padding: 70px 0;
    background: #150a20;
    color: #fff;
}
.free-trial-footer-banner-title {
    margin: 0;
    font-size: 29px;
    font-weight: 600;
    margin-bottom: 8px;
    text-transform: capitalize;
	color: #fff;
}
.free-trial-footer-banner-text {
    color: #e7edef;
    font-size: 16px;
    font-weight: 300;
    line-height: 27px;
}
.free-trial-footer-links a {
    border-radius: 8px;
    margin-left: 10px;
    font-size: 14px;
    font-weight: 600;
    background-color: #ff5059;
    color: #fff;
    position: relative;
    height: 39px;
    width: 130px;
    padding: 0;
    line-height: 39px;
    display: flex;
    justify-content: center;
}
.free-trial-footer-links a.log-btn {
    background: #313638;
    color: #fff;
}
.free-trial-footer-links a.sign-btn:hover {
    background: #c23d44;
    color: #fff;
}
.free-trial-footer-links a.log-btn:hover {
    background: #252728;
    color: #fff;
}
.footer-section{padding:100px 0 30px;background:#0f0717;color:#fff;}
.quiq-links-footer-title {font-weight: 600;font-family: 'Basier Circle', sans-serif;font-size: 15px;margin-bottom: 20px;color: #ffffff;}
.quiq-links-footer-ul li{list-style: none;position: relative;padding: 4px 0;display: flex;align-items: center;justify-content: space-between;}
.quiq-links-footer-ul li span{font-size: 10px}
.quiq-links-footer-ul li:after{display:none;position:absolute;content:'';width:4px;height:4px;background:#7f64ff;left:-19px;top:0;bottom:0;margin:auto;border-radius:1px;}
.quiq-links-footer-ul li a{color: #a8adc6;font-weight: 400;line-height: 25px;font-size: 13.5px;text-transform: capitalize;text-decoration: none;}
.quiq-links-footer-ul li a:hover{color:#fff;text-decoration:none;}
.secure-img-footer-area span{display:block;font-size:12px;margin-top:10px;color:#9eaeb5;}
.footer-contact-method{margin-top:25px;}
.footer-contact-method a{background:#fff;padding:8px 20px 12px;display:block;border-radius:5px;position:relative;text-decoration:none !important;overflow:hidden;margin-top:15px;}
.footer-contact-method a span{font-weight: 400;letter-spacing: 0.5px;font-size: 12px;margin-bottom: 20px;color: #607D8B;text-transform: uppercase;}
.footer-contact-method a b{font-weight: 400;letter-spacing: 0.5px;font-size: 13px;color: #006495;display: block;}
@-moz-document url-prefix(){.footer-contact-method a span{font-weight:500;}.footer-contact-method a b{font-weight:500;}}
.footer-contact-method a i{position:absolute;font-size:50px;bottom:-5px;color:#33334f;right:-5px;opacity:0.2;}
.footer-area-under [class^="col-md-"]{padding-left:0;padding-right:10px;}
.footer-area-under .footer-logo-blue{width:110px;}
.footer-social-icons{margin-top: 6px;margin-left: 10px;}
.footer-social-icons a{width: 30px;height: 30px;display: inline-block;text-align: center;line-height: 30px;color: #fff;font-size: 12px;border-radius: 20px;margin-right: 2px;opacity: 0.8;}
.footer-social-icons a:hover{opacity:1;}
.under-footer-ullist{margin-bottom: 0;padding: 0;display: flex;margin-top: 5px;}
.under-footer-ullist li{list-style: none;padding: 2px 0;margin-left: 19px}
.under-footer-ullist li a {color: #ffffff;font-weight: 400;line-height: 25px;font-size: 10px;text-decoration: none;text-transform: uppercase;overflow: hidden;white-space: nowrap;}
.under-footer-ullist li a:hover{color:#fff;text-decoration:underline;}
.final-footer-area-text{color: #b5c5cd;font-size: 12px;font-weight: 300;line-height: 25px}
.footer-lang-changer .menu-btn-changer{color:#969cc1;font-weight:400;font-size:13px;text-decoration:none;text-transform:capitalize;margin-left:15px;}
.footer-lang-changer .menu-btn-changer:hover{color:#b4b8d6;text-decoration:none;}
.footer-lang-changer .menu-btn-changer i{font-size:16px;margin-right:5px;}
.footer-lang-changer .menu-btn-changer img{width:16px;margin-top:-3px;margin-right:5px;}
.footercontact-information a {font-size: 13px;margin-bottom: 4px;}
.quiq-links-footer-ul {padding: 0;}
.footer__language__container .headerflags{height: 17px;width: 18px;margin-right: 9px;border-radius: 25px;}
.emyui-searchbar-header .searching-input {-webkit-box-shadow: 0 9px 18px rgb(0 0 0 / 8%);box-shadow: 0 7px 17px rgb(0 0 0 / 8%);}
.full-page-login-screen {
	min-height: 100vh;
}
.form-control {
    border-color: #e7e9ed;
    height: 44px;
    padding: 0 0.925rem;
    font-size: 12px;
}
.btn {
    height: 44px;
    font-size: 14px;
}
.input-group-lg > .form-control, .input-group-lg > .custom-select, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-append > .btn {
    font-size: 13px;
}
@media (min-width: 1400px) {
	.container, .container-xs, .container-sm, .container-md, .container-lg, .container-xl {
		max-width: 1340px;
	}
}
.inner__header__layout.site-header--absolute{
    height: 80px;
}
.inner__header__layout.site-header--absolute.site-header .navbar {
    padding: 0.8rem 1rem;
}
.coodiv-clientarea-boxes-footer {
	border-top: 1px solid var(--border-color);
    padding: 17px;
}
@media(max-width:991px){
	.coodiv-feutres-black-version {
		text-align: center;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.second-pricing-table {
		margin-bottom: 25px;
	}
	.header-lang-container {
		top: 62px !important;
	}
}
@media (max-width: 762px) {
.section-product-introduction-image-wrapper .section-product-introduction-image {
    padding: 0;
}
.homepage-services-tab-titles li a {
    font-size: 11px;
    padding: 25px 10px;
}
.coodiv-features-box-black-color-carousel .item {
    width: 80%;
}
.our-pertners .slick-slide {
    width: auto !important;
}
.plan-ssl-special {
    margin: 0 15px;
}
.final-footer-area-text {
    text-align: center;
}
}
.text-green {
    color: #8c5edd!important;
}
.bredh_sefar_card_item {
    background: rgb(246 255 252 / 66%);
    border-radius: 4px;
    position: relative;
    overflow: hidden;
	border-radius: 0 !important;
	text-align: left;
	position: relative;
	overflow: hidden;
}
.bredh_sefar_card_item .separte-or span {
    background: #f5fcfb;
    padding: 5px 20px 5px 0;
}
.bredh_sefar_card_item .features {
    font-size: 13px;
    margin: 0;
    max-width: initial;
    padding: 0px 0 5px;
	position: relative;
}
.bredh_sefar_card_item:before {
    content: '';
    position: absolute;
    width: 400px;
    height: 400px;
    background: rgb(230 255 243 / 53%);
    bottom: -120px;
    right: -130px;
    border-radius: 100%;
    z-index: 0;
    pointer-events: none;
}