@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);

@font-face {
  font-family:  'Roboto', sans-serif;
  font-weight: normal;
  font-style: normal; src: url('/var/www/html/public/fonts/Roboto-Regular.ttf') format('truetype');
  }



body{
  background: white;
  font-family: 'Roboto', sans-serif !important;
  letter-spacing: 0.5pt !important;
}

body a{
    text-decoration: none !important;
}

.gallery_nav::-webkit-scrollbar {
  display: none;
}

::-webkit-scrollbar {
    width: 10px;
  }

  /* Track */
  ::-webkit-scrollbar-track {
    background: lightgrey;
  }

  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #555;
  }

  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #555;
  }


.nav_item{

    padding:0 20px !important;
    }


.active1{
  color: #333335 !important;
  font-weight: bolder;
}

.active2{
  color: #333335  !important;
  font-weight: bolder;
}

.search_option_active{
  color: white  !important;
  font-weight: bolder;
}


.active3{
  color: #598EAE !important;
  font-weight: normal;
}

.content a:hover{
  color: #333335 !important;
      font-weight: 900;
}


    .dropdown {
    position: relative;
    display: inline-block;
  }

  .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    left:-25px;

    padding:15px 0 !important;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
  }

  .dropdown-content a {
    color: black;
    padding :3px 40px !important;
    text-align: left;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    font-size: 14px !important;
  }



  .dropdown-content .suboption:hover {
    background-color: rgb(185, 185, 185);
    color: black !important;
  }

  .dropdown:hover .dropdown-content {display: block;}

  .dropdown:hover .dropbtn {background-color: #3e8e41;}

  .collaboration .list-group-horizontal>.active3 {
    color: #000 !important;
  }

  .sub_color{
    background-color: #C8D4E0;
  }


  .main_color{
    background-color: #598EAE;
  }

  .main_color2{
    background-color: #91C0DC;
  }

  .main_color3{
    background-color: #3A6077;

  }


  .sub_color2{
    background-color: #333335;
  }


  .sub_color3{
    background-color: #C7C8CA;
  }


  .sub_color4{
    background-color: #666666
  }

  .sub_color5{
    background-color: #ff9999 !important
  }

  .sub_color6{
    background-color: rgb(236, 235, 235);
  }

  .sub_color7{
    background-color: #DEE6E9;
  }

  .sub_color8{
    background-color:  #606D73;
  }

  .sub_color9{
    background-color:   #1D3C4E;
  }


  .white_font{
   color:white!important;
  }

.register-title{
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 30px;
}

label.large-label{
    font-family: 'Roboto', sans-serif;
    font-weight: 300 !important;

    font-size: 30px;
    /* line-height: 0; */
}

.login-title{
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 30px;
}

.register-member-title{
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 20px;
}

.register-member-title-2{
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 30px;
}

.collaboration-title{
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 25px;
    letter-spacing: 0.6px;
}

.collaboration-breadcumb{
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 15px;
    letter-spacing: 1px;
}
.collaboration-breadcumb >li > a{
    color: black;
}
.collaboration-breadcumb >li > a.active{
    color: #588FAE;
    font-weight: bold;
}

.collaboration-pending-table-title>th{
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 15px;
}

.collaboration-breadcumb{
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 15px;
    letter-spacing: 1px;
}

.collaboration-description{
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 1px;
}

.collaboration-description-text{
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    letter-spacing: 1.2px;
    padding:10px;
}

.collaboration-description-text.bigger b{
   font-size: 30px !important;
}
/* tr {
   border-spacing: 3px;
} */

video{
    outline: 0;
}

.fit-table-cell {
    /* font-size: 2em !important; */
    line-height: 0;
    text-align:center;
    vertical-align: middle;
}

.fit-table-cell-small {
    line-height: 0;
    text-align:center;
    vertical-align: middle;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 1.2px;
    font-weight: 400 !important;
}

input.fit-table-cell-small{
    outline: none;
    border: 0;
    line-height: 0;
    text-align:center;
    vertical-align: middle;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 1.2px;
    font-weight: 400 !important;
}

select.fit-table-cell-small{
    outline: none;
    border: 0;

}

.percentage_dropdown{
    background-color: #fff;
    color: #000;
    position: absolute;
    z-index: 1;
    left: 20px;
    margin-top: -10px;
    border-radius: 0px;
}

.tr-no-border{
    font-size: 16px;
    font-weight:400;
    border:0;
    cursor: pointer;
}


.tnc_box,
.checkbox_row {
    background-color: #000000;
    width: 100%;
    height: auto;
    margin-left: 2px !important;
    margin-top: 14px;
    padding-bottom: 10px;
    color: #fff;
}

.checkbox_row>input[type="checkbox"]{
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    background: white;
    border-radius: 1px;
    box-sizing: border-box;
    position: relative;
    box-sizing: content-box ;
    width: 30px;
    height: 30px;
    border-width: 0;
    transition: all .3s linear;
}
.checkbox_row.text{
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    letter-spacing: 1.2px;
}
.checkbox_row>input[type="checkbox"]:checked{
    background-color: #2ECC71;
}
.checkbox_row>input[type="checkbox"]:focus{
outline: 0 none;
box-shadow: none;
}

.tnc_content {
    background-color: #fff;
    color: #000;
    margin-top: 1%;
    margin-left: 1% !important;
    width: 98%;
    max-height: 500px;
    overflow-y: auto;
}

.tnc_content_text {
    background-color: #fff;
    color: #000;
    margin-top: 0%;
    margin-left: 1% !important;
    width: 98%;

    font-size: 18px;
    padding-left: 20px;
    padding-right: 30px;
    text-align: justify;
    --scrollbarBG: #CFD8DC;
    --thumbBG: #90A4AE;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}



.checkbox-xl .custom-control-label::before,
.checkbox-xl .custom-control-label::after {
  top: 1.2rem;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0;
}

.checkbox-xl .custom-control-label:checked+ label:before {
    background-color: #5A8FB1 !important;
    content: "\2713";
}

.checkbox-xl .custom-control-label {
  padding-top: 15px;
  padding-left: 10px;
}

.tnc_content_text::-webkit-scrollbar {
    width: 11px;
}

.tnc_content_text::-webkit-scrollbar-track {
    background: var(--scrollbarBG);
}

.tnc_content_text::-webkit-scrollbar-thumb {
    background-color: var(--thumbBG);
    border-radius: 6px;
    border: 3px solid var(--scrollbarBG);
}

.register-font-label{
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}

.tnc_changes_font{
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}

.roboto-300{
    font-family: 'Roboto', sans-serif;
    font-weight: 300 !important;
    font-size: 14px;
    line-height: normal;
}

  .main_color_font{
    color: #598EAE;
  }

  .main_color_font2{
    color: #3A6077;
  }

  .sub_color2_font{
    color: #333335;
  }

  .line {
    border: solid 1px #BFBFBF;
    height: 2px;
    width: auto;
}

  .sub_color3_font{
    color: rgb(133, 134, 134);
  }

  .footer a{
    color:#C7C8CA !important;

  }

  .footer-title{
    color:white!important;
    font-weight:bolder
  }



  .footer_icon{
    background: linear-gradient(rgba(255,255,255,0.2),rgba(255,255,255,0.2));
     border-radius:100%;
     width:20px;
     height:20px
  }




.contributor_earnings{
    border-bottom:solid 2px #333335;
    padding-bottom:5px;
    font-size:2vw;
    margin-bottom:5px;
    font-weight: bold;
}





.media_price_choose{

    height:max-content;
    padding:10px 30px;
    border-top:solid 12px #598EAE;
    text-align:left;
    background-color:white;
}


.dropzone.hzScroll {
    overflow-x: hidden;
}


.search::-webkit-input-placeholder {
  padding-left: 5px;
  font-style: italic;
}
.search:focus {
  outline:none !important;
}


.home_nav::-webkit-input-placeholder {
  padding-left: 5px;
  font-style: italic;
}
.home_nav:focus {
  outline:none !important;
}

.edit::-webkit-input-placeholder {
    padding-left: 5px;
    font-weight: bold;
 }


 .edit:focus {
    outline:none !important;
 }

 .edit::-webkit-scrollbar {
    display:none
  }




.edit{
    font-size:12px;
    width:100%;
    background:none !important;
    border:none !important;
    border-bottom:solid 5px #C7C8CA !important;
    font-weight: bold !important;
}



.edit2{
    font-size:20px;width:100%;background:none;border:none;
    font-weight: bold;
    padding-left:15px;
}



.edit2::-webkit-input-placeholder {
    padding-left: 5px;
    font-weight: bold;
 }


 .edit2:focus {
    outline:none !important;
 }

 .edit2::-webkit-scrollbar {
    display:none
  }


.keyword_underline{
    background-image: -webkit-linear-gradient(left, #f4f6f9 10px, transparent 10px), -webkit-linear-gradient(right, #f4f6f9 10px, transparent 10px), -webkit-linear-gradient(#f4f6f9 27px, #C7C8CA 30px, #C7C8CA 31px, #f4f6f9 31px);
    background-image: -moz-linear-gradient(left, #f4f6f9 10px, transparent 10px), -moz-linear-gradient(right, #f4f6f9 10px, transparent 10px), -moz-linear-gradient(#f4f6f9 27px, #C7C8CA 30px, #C7C8CA 31px, #f4f6f9 31px);
    background-image: -ms-linear-gradient(left, #f4f6f9 10px, transparent 10px), -ms-linear-gradient(right, #f4f6f9 10px, transparent 10px), -ms-linear-gradient(#f4f6f9 27px, #C7C8CA 30px, #C7C8CA 31px, #f4f6f9 31px);
    background-image: -o-linear-gradient(left, #f4f6f9 10px, transparent 10px), -o-linear-gradient(right, #f4f6f9 10px, transparent 10px), -o-linear-gradient(#f4f6f9 27px, #C7C8CA 30px, #C7C8CA 31px, #f4f6f9 31px);
    background-image: linear-gradient(left, #f4f6f9 10px, transparent 10px), linear-gradient(right, #f4f6f9 10px, transparent 10px), linear-gradient(#f4f6f9 27px, #C7C8CA 30px, #C7C8CA 31px, #f4f6f9 31px);
    background-size: 100% 100%, 100% 100%, 100% 31px;

}







.zoom:hover {

    transform: scale(0.9);
  }


  .zoom{ transition: transform .2s;}


  .media_selected{
      border:solid 3px #598EAE;
    }

    .media_selected2{
      border:solid 3px #ff9999 ;
    }


    .zoom_selected{
        transform: scale(0.9);
      z-index:0;
    }


    .media_controller{
        position: absolute;
        right: 10px;
        top: 15px;
       padding-right:5px;
       padding-top:5px;
        background: #598EAE;
        display:none;
    }

    .media_checkbox +label{
        display: block;
        width: 20px;
        height: 20px;
        cursor: pointer;
        margin:3px;
        background: white;

    }


    .media_checkbox:checked +label::before{
        display: block;
        content: "\2714";
        text-align: center;
        font-size: 16px;
        color: #598EAE;

    }


    .media_checkbox{
        visibility: hidden;
        display:none;
    }


    .media_checkbox2 +label{
      display: block;
      width: 20px;
      height: 20px;
      cursor: pointer;
      margin-top:15px;
      background: white;

  }

    .media_checkbox2:checked +label::before{
      display: block;
      content: "\2714";
      text-align: center;
      font-size: 16px;
      color: #598EAE;

  }


  .media_checkbox2{
      visibility: hidden;
      display:none;
  }


    .media_controller2{
        padding:6px 0 2px 0;
        width:100%;

        overflow:hidden;
        color:white;
        background: #598EAE;
font-size: 10px;
    }



.fas{
    cursor: pointer;

}


button:focus {
    outline: none !important;
}



.word_spellcheck_list{

    z-index:1000;
    width:35%;
    position:absolute;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.11);border-radius: 3px;
    overflow: hidden;
    display:none;
}


.word_spellcheck_list ul{
    border-radius: 2px;
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0;

}


.word_spellcheck_list ul li{
    padding: 6px 6px;position: relative;
    border-bottom: 1px solid #f5f5f5;
    cursor:pointer;
}


.word_spellcheck_list ul li:hover{
   background-color:#598EAE;
   color:white;

}


.keyword_div{
    margin:5px 3px;
    display:inline-block;
    cursor: pointer;
}

.keyword_text{
    padding:5px 10px;background-color:#F6F6F6;
}


.ul_custom li::before {
  color: red !important;
}


.upload_active{
  background-color: #598EAE;
}

.upload_active2{
  background-color: #3A6077;
}


.medit_info_type_active{
  background-color: #598EAE;
}


.upload_role:hover{
  cursor: pointer;
}


.active_tosubmit_edit{
  background-color: #598EAE;
  font-weight: 300;
  color: white;
}

.active_tosubmit_edit2{
  background-color: #3A6077;
  font-weight: 300;
  color: white;
}


.slider {
  -webkit-appearance: none;
  width: 90%;
  height: 6px;
  background: #d3d3d3;
  outline: none;
  border-top-left-radius:5px ;
  border-top-right-radius:5px ;
  border-bottom-left-radius:5px ;
  border-bottom-right-radius:5px ;

  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none !important;
  appearance: none !important;
  height: 15px;
  width: 15px;
  border-radius:100% !important;
  background: #333335 !important;
  cursor: pointer !important;
}


.nav-item .dropdown-toggle:hover {
  color:white !important;
  font-weight: normal;
}

.dropdown-menu a:hover {
  color:black !important;
  font-weight: normal;
  background-color: rgb(236, 235, 235);
}


.dropdown_active{
 background-color: rgb(236, 235, 235);
}



.dropdown_menu_custom{
  margin-top:20px;
   padding:0 !important;
  border-radius: 0 !important;
  background-clip:unset !important;
  min-width:fit-content!important;
}


.dropdown-menu-center {
  left: 50% !important;
  right: auto !important;
  text-align: center !important;
  transform: translate(-50%, 61%) !important;
}


.collection_add_content_btn{
  background-color:#9A9A9A;font-size:12px;border:none;padding:5px
}


.collection_add_content_btn:hover{
  color:white;
}

.page-link {
  color:#333335 !important;
  border:1px solid #333335 !important;
  border-radius:0;
  margin:0 5px;
}

.page-item.active .page-link {
  color:white !important;
  background-color:#333335;
}

.page-item:last-child .page-link {
  border-radius:0 !important;
}

.page-item:first-child .page-link {
  border-radius:0 !important;
}





.member_nav{

  background-color:#B6D5E9;

  color:black;
  font-size:14px;
  z-index:1;
  width:100%;
  display:none;
}




.contributor_nav{
  color:black;
  font-size:14px;
  z-index:1;
  width:100%;
  display:none;

}


body{
  overflow-x: hidden;
}




.selectdiv {
  position: relative;
  /*Don't really need this just for demo styling*/


}


.selectdiv label{
  margin-bottom:0;
  width:100%;
}

.selectdiv:after {
    content: '\f0d7';
    font: normal normal normal 17px/1 FontAwesome;
 right:4px;
   top:4px;
   font-size:22px;;

    position: absolute;
    pointer-events: none;
}

/* IE11 hide native button (thanks Matt!) */
select::-ms-expand {
display: none;
}

.selectdiv select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Add some styling */

  display: inline-block;
  width: 80%;


 font-weight:0;
  line-height: 1.75;
 /* font-size:1.2em; */
  -ms-word-break: normal;
  word-break: normal;
}


.dropdown-toggle::after {
float:right;

}



input {
outline:none;
}


.animate_down{
  max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
}



.inviteby_detail_margin1{
  margin:14px;
}


.inviteby_detail_margin2{
  margin:12px;
}



.font-bold-0{
  font-weight: unset !important;
}


.font-bold-sm{
  font-weight: 300 !important;
}


.font-bold-md{
  font-weight: 600 !important;
}


.font-bold-lg{
  font-weight: 900 !important;
}

.inner_header{
  font-size:22px !important;
}

.font-subtittle{
  font-size:22px !important;
}

.font-lg2{
  font-size:20px !important;
}

.font-lg{
  font-size:18px !important;
}

.font-md2{
  font-size:16px !important;
}

.font-md{
  font-size:14px !important;
}


.font-sm{
  font-size:13px !important
}

.font-tiny{
  font-size:10px !important
}


.directory_tittle{
  font-size:56px;
}


.aboutme_cover_height{
  height: 400px;
}


.love_icon{
  transform: scale(1.4);
}

.font-subtittle-lg{
  font-size:30px !important;
}



.link_body_container{
  margin-left: 0;
}


.link_padidng_continer{
  padding:0 45px;
}

.link_tittle_container{
  padding:0
}


.button-copy-link{
  margin-left:0
}

.link_icon_container{
  width:100%
}



.slogan{
  padding:20px 20px;

  background-color: rgba(230, 228, 228, 0.5);height:fit-content;margin-left:-20px;z-index:99999;border:solid 1px rgb(150, 150, 150)
}



.font-subtittle-lg1{
  font-size:22px !important;
}

.slogan_margin_top{
  margin-top:14%;
}

.sloganlogo_margin_top{
  margin-top:11%;
  z-index:99990;object-fit:contain;position: absolute;right:0;margin-right:7.5%;width:auto;height:40%;max-height:30px

}


.home_image_show{
  height:100px;
}

.media_container{
  cursor: pointer;
  position:relative;

}

.media_container_inner{
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.05s linear;
  z-index:2;
}
.media_container:hover > .media_container_inner{
  visibility: visible;
  opacity: 1;
  cursor: pointer;
}


.tools_icon{
font-size: 1.3em;
  width:40px;
  height:40px;
  display:flex;
  justify-content:center;
  align-items:center;
  background: linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.6));
  border-radius:100%;
  color:white;
  margin:5px;
}



.media_simple_detail{
  background: linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.6));
  width: 100%;
  flex-wrap: nowrap;

  color:white;
  padding-left: 15px;
  height:30px;
  display: flex;
  align-items:center;
  overflow: hidden;
  text-overflow: ellipsis;
}


.media_simple_detail div{
  overflow: hidden;
  text-overflow: ellipsis;
}

.media_simple_detail div a{
  overflow: hidden;
  text-overflow: ellipsis;
}
.tooltip{
padding-right:11px
}
.tooltip-inner {

  border-radius: 20px !important;
 padding:1px 10px !important;

}

.bs-tooltip-left .arrow::before{
  margin-left:-10px;
  border-width: 0.4rem 0 0.4rem 0.8rem;
}



.info_icon:hover{
color:#598EAE;
border-color: #598EAE;
transform: scale(1.2);
}

.info_icon{
  width:fit-content;
  display:flex;
  justify-content:center;
  align-items:center;
  color:black;
  border:solid 2px black;
  border-radius:2px;
  width:20px;
  height:20px;
  font-size:12px;
  cursor:pointer;
  font-weight:0;
  position:absolute;
  right:0;
  transition: all .2s ease-in-out;
}



.license{
  font-size:1.2em;
  display:flex;
  justify-content:center;
  align-items:center;
  font-weight: 600;
  padding:0;
  width:fit-content;
  transition: all .2s ease-in-out;
 cursor: pointer;
}

@media (max-width:1600px){

.info_icon{
  width:fit-content;
  display:flex;
  justify-content:center;
  align-items:center;
  color:black;
  border:solid 2px black;
  border-radius:2px;
  width:13px;
  height:13px;
  font-size:8px;
  cursor:pointer;
  font-weight:0;
  position:absolute;
  right:0;
  transition: all .2s ease-in-out;
}

.license{
  font-size:1em;
  display:flex;
  justify-content:center;
  align-items:center;
  font-weight: 600;
  padding:0;
  width:fit-content;
  transition: all .2s ease-in-out;
 cursor: pointer;
}
}


.license:hover{
  transform: scale(1.1);
  color:#598EAE;

}
.selected_license{
  color:#598EAE;

}


.media_size_block{
  font-size:1.6em;
  min-height: 75px;
  min-width: 75px;
  white-space: nowrap;

  border-radius:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  background:white;
  font-weight: bold;;
  border:solid 2px #c7c7c7;
  cursor: pointer;
  transition: all .2s ease-in-out;
  margin-right:20px;
}

.media_size_block:hover{
  font-size:1.8em;
  background-color: #598EAE;
  color:white;
  border-color: #598EAE;
}

.exlusivity_label{
  color:white;
  background-color:#bbbbbb;
  padding:5px 40px;
  font-size:1.2em;
  font-weight:600;
}

.file_info{
    font-size:1.1em;
}

@media  (max-width:1600px) {

 .exlusivity_label{
  color:white;
  background-color:#bbbbbb;
  padding:5px 20px;
  font-size:1em;
  font-weight:600;
 }
.media_size_block{
  font-size:1em;
  min-height: 50px;
  min-width: 50px;
  white-space: nowrap;

  border-radius:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  background:white;
  font-weight: bold;;
  border:solid 2px #c7c7c7;
  cursor: pointer;
  transition: all .2s ease-in-out;
margin-right:10px;
}


.media_size_block:hover{
font-size:1.1em;
background-color: #598EAE;
color:white;
border-color: #598EAE;
}


.file_info{
  font-size:0.8em;
}
}


.selected_media_size_block{

  background-color: #598EAE;
  color:white;
  border-color: #598EAE;
  }

  .border_button{
    border:solid 1px #C8C8C8;
    border-radius:50px;
    width:fit-content;
    padding:3px;
    margin-top:20px;
    cursor:pointer;
  }

  .border_button:hover{
    background-color:  #598EAE;
    transition: all .2s ease-in-out;

  }

  .purchase_method{
    position: relative;
    padding:10px 40px;
    cursor:pointer;
  }

  .size_check_box{
    border:solid 1px #C8C8C8;
    border-radius:50px;
    width:fit-content;
    padding:3px;

    position:absolute;
    top:0;
    left: 0;
  }

  .size_check_box_core{
    width:25px;
    height:25px;
    padding:3px;
    background-color:#DBDEDD;
    border-radius:50px;
    transition: all .2s ease-in-out;

  }

  .purchase_method:hover > .size_check_box >.size_check_box_core{
    background-color:#598EAE;

  }

  .sub_msg_containner{
    border:solid 1px #C8C8C8;
    border-radius:50px;
    width:fit-content;
    padding:2px;
    position:absolute;
    bottom:0;
    right: 0;
    display:none
  }

  .sub_msg{
    background-color:#598EAE;
    border-radius:50px;
    color:white;
    padding:2px 20px;
  }

  .size_price{
    position: absolute;
    top:10px;
    right:30px;
    width:fit-content;
    font-weight: bolder;
    text-align: right;
  }

  .selected_size{
    border:solid 1px #C8C8C8;
    border-radius:20px;
    background-color: #EEF1F0;
  }

  .selected_size > .sub_msg_containner {
    display:block;
  }

  .selected_size > .size_check_box >.size_check_box_core{
    background-color:#598EAE;

  }


  .border_button_inner{
    border-radius:50px;
    width:100%;
    background-color:#598EAE;
    font-weight:500;
    display:flex;
    justify-content:center;
    align-items:center;
    height:60px;
    font-size:1.3em;
    color:white
  }

  @media (max-width:1600px){
    .border_button_inner{
      border-radius:50px;
      width:100%;
      background-color:#598EAE;
      font-weight:500;
      display:flex;
      justify-content:center;
      align-items:center;
      height:55px;
      font-size:1em;
      color:white
    }

  }

.name_hover:hover{
  color:#598EAE !important;
}

.btnSelect_color{
  background-color:#CED8E1 !important;
color:black !important;
}

.next_btn
    {
        background-color: #2d2e2f  !important;
        border-color: #fff !important;
    }

    .font_bold{
      font-weight: 900;
  }



.upload_details_icon{
  display:flex;
  align-items:center;
  font-size:0.8em;

  width:fit-content;
  padding:0px 5px;
  color:silver;

}

.bottom_bar_active{
  display:block !important
}


@media  (min-width: 400px) {
  .link_icon_container{
    width:80%
  }

}


@media  (min-width: 600px) {
  .link_icon_container{
    width:50%
  }



}


@media  (min-width: 1000px) {
  .home_image_show{
   height:375px;
  }
  .slogan_margin_top{
    margin-top:16%;
  }

  .sloganlogo_margin_top{
    margin-top:14%;
    max-height:50px
  }

  .font-subtittle-lg1{
    font-size:30px !important;
  }


  .link_icon_container{
    width:70%
  }

  .button-copy-link{
    margin-left:85px;
  }

  .link_tittle_container{
    padding:0 65px
  }


  .link_body_container{
    margin-left: 65px;
  }

  .link_padidng_continer{
    padding:0 65px;
  }


  .slogan{
    padding:40px 30px;
  }

}

@media  (min-width: 1600px) {
  .font-subtittle-lg1{
    font-size:36px !important;
  }
  .slogan_margin_top{
    margin-top:22%;
  }
  .sloganlogo_margin_top{
    margin-top:20%;
    max-height:50px
  }

  .slogan{
    padding:60px 50px;
    margin-left:-45px;
  }

  .link_icon_container{
    width:50%
  }

  .button-copy-link{
    margin-left:80px;
  }


  .link_tittle_container{
    padding:0 65px
  }

  .link_body_container{
    margin-left: 65px;
  }

  .link_padidng_continer{
    padding:0 75px;
  }



  .aboutme_cover_height{
    height: 500px;
  }

  .directory_tittle{
    font-size:68px;
  }

  .inviteby_detail_margin1{
    margin:16px;
  }


  .inviteby_detail_margin2{
    margin:12px;
  }

.inner_header{
  font-size:28px !important;
}


.font-subtittle-lg{
  font-size:36px !important;
}

.font-subtittle{
  font-size:28px !important;
}


.font-lg2{
  font-size:26px !important;
}

.font-lg{
  font-size:24px !important;
}

.font-md2{
  font-size:22px !important;
}



.font-md{
  font-size:20px !important;
}

.font-sm{
  font-size:15px !important;
}

.font-tiny{
  font-size:12px !important
}


}