@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
:root{
  --ff_inter:"Inter", sans-serif;
  --ff_montserrat:"Montserrat", sans-serif;

  --fs_xl:62.5px;
  --fs_lg:33.33px;
  --fs_md:25px;
  --fs_sm:14.58px;
  --fs_xsm:12px;

  --c_primary:#060f29;
  --c_primary2:#0d2769;
  --c_secondary:#FF9F1C;
  --c_secondaryLight:#f7b963;
  --c_border:#58525c;

  --bg_primary:#060f29;
  --bg_primary2:#0d2769;
  --bg_secondary:#FF9F1C;
  --bg_secondaryLight:#f7b963;

}

body{
  color: var(--bs-white);
  font-family: var(--ff_montserrat);
  /* background: -o-radial-gradient(circle, rgba(0, 44, 149, 0.78) 0%, rgb(10, 16, 40) 100%),url('../img/keys.jpeg');
  background: radial-gradient(circle, rgba(0, 44, 149, 0.78) 0%, rgb(10, 16, 40) 100%),url('../img/keys.jpeg'); */
  background: -o-radial-gradient(circle, rgba(10, 16, 40, 0.72) 0%, rgb(10, 16, 40) 100%),url('../img/keys.jpeg');
  background: radial-gradient(circle, rgba(10, 16, 40, 0.72) 0%, rgb(10, 16, 40) 100%),url('../img/keys.jpeg');
  background-size: cover;
  background-attachment: fixed;
  background-position: center,center bottom;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100vh;
}
.fs_xl{font-size: var(--fs_xl);}
.fs_lg{font-size: var(--fs_lg);}
.fs_md{font-size: var(--fs_md);}
.fs_sm{font-size: var(--fs_sm);}
.fs_xsm{font-size: var(--fs_xsm);}
.c_primary{color: var(--c_primary);}
.c_primary2{color: var(--c_primary2);}
.c_secondary{color: var(--c_secondary);}
.c_secondaryLight{color: var(--c_secondaryLight);}
.def_border{border-color: var(--c_border) !important;}
.btn{
  border-radius: 0px;
}
.hover_underline{
  text-decoration: none;
}
.hover_underline:hover{
  text-decoration: underline;
}
.text_grd{
  background-image: -webkit-linear-gradient(0deg,var(--bs-white), var(--bg_secondary));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/*  */

.header{

}

.header_brandName{
  color: var(--bs-white);
  text-decoration: none;
  font-size: var(--fs_lg);
  font-weight: bold;
  line-height: 1;
}
.header_logo{
  
}
.btn_primary,
.btn_secondary,
.header_btnBox{
  color: var(--bs-white);
  position: relative;
  overflow: hidden;
  width: 140px;
  height: 50px;
  margin-left: auto;
}
.header_btnBox{
  border-radius: 0.5rem;
}
.btn_secondary,
.header_btnBox{
  background: var(--bg_secondary);
}
.btn_primary{
  color: var(--bs-white);
  background: var(--bg_primary2);
}
.btn_primary:hover{
  background: var(--bg_primary);
}
.btn_secondary:hover,
.header_btnBox:hover{
  background: var(--bg_secondaryLight);
}
.btn_secondary:disabled{
  background: var(--bg_secondaryLight);
  opacity: 0.3;
}
.btn_primary::after,
.btn_secondary::after,
.header_btnBox::after {
	content:'';
  top:50%;
  left: 0px;
	-webkit-transform:translateX(0%) translateY(-50%) rotate(10deg);
	    -ms-transform:translateX(0%) translateY(-50%) rotate(10deg);
	        transform:translateX(0%) translateY(-50%) rotate(10deg);
  -webkit-transform-origin: right bottom;
      -ms-transform-origin: right bottom;
          transform-origin: right bottom;
	width:100%;
	height:200%;
	position: absolute;
	z-index:0;
	-webkit-animation: slide 2s linear infinite;
	        animation: slide 2s linear infinite;
	background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%);
	background: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0)),color-stop(50%, rgba(255,255,255,0.7)),color-stop(99%, rgba(128,186,232,0)),to(rgba(125,185,232,0)));
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); 
}

.btn_primary::after,
.btn_secondary::after{
  height:800%;
}
.btn_primary:disabled::after,
.btn_secondary:disabled::after{
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.header_btnBox .btn{
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 0px;
  color: var(--bs-white);
  padding: 12px 8px;
}
.header_btnBox .btn:first-child{
  -webkit-animation: move_top 4s linear infinite;
          animation: move_top 4s linear infinite;
}
.header_btnBox:hover .btn:first-child{
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
/*  */
.main{
  max-width: 100vw;
  overflow: hidden;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.hero_sec{
  padding:80px 0px;
}
.hero_title{
  font-size: 40px;
  font-weight: 700;
}
.intro_box video{
  background-color: var(--bg_primary);
  -webkit-clip-path: polygon(8.11% 1.34%, 91.63% 1.34%, 91.87% 90.19%, 8.11% 90.19%);
          clip-path: polygon(8.11% 1.34%, 91.63% 1.34%, 91.87% 90.19%, 8.11% 90.19%)
}
.stock_infoBox{
  padding: 40px 32px;
  border-radius: 20px;
  background-color: var(--bg_primary);
  border: 1px solid var(--c_border);
}
.card_blur{
  background-color: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.card_icon{
  font-size: 66px;
  width: 1em;
  min-width: 1em;
  height: 1em;
  line-height: 1;
}
.progress_secondary{
  position: relative;
  height: 30px;
}
.progress_secondary .progress-bar{
  background-color: var(--bg_secondary);
}
.progress_value{
  font-size: 14px;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  text-align: center;
  color: var(--c_primary);
  padding: 0.3em;
}
.pricing_sec{
  padding: 90px 0px;
}
.pricing_secTitle{
  font-size: var(--fs_md);
  font-weight: 300;
  margin-bottom: 1.8em;
  letter-spacing: 0.75px;
}
.pricing_secTitle .text_grd{
  background-image: -webkit-linear-gradient(270deg,var(--bg_secondaryLight), var(--bg_secondary));
}
.pricing_card{
  background-image: url("../img/gradient.png");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 32px 30px 36px;
  position: relative;
  overflow: hidden;
  background-position: center top 48%;
}
.pricing_cardWrapper_1{
  margin-right: -38px;
}
.pricing_cardWrapper_2{
  margin-left: -38px;
}
.pricing_card::after {
	content:'';
  top:50%;
  left: 0px;
	-webkit-transform:translateX(0%) translateY(-50%) rotate(10deg);
	    -ms-transform:translateX(0%) translateY(-50%) rotate(10deg);
	        transform:translateX(0%) translateY(-50%) rotate(10deg);
  -webkit-transform-origin: right bottom;
      -ms-transform-origin: right bottom;
          transform-origin: right bottom;
	width:100%;
	height:200%;
	position: absolute;
	z-index:0;
	-webkit-animation: slide 2s linear infinite;
	        animation: slide 2s linear infinite;
	background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%);
	background: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0)),color-stop(50%, rgba(255,255,255,0.7)),color-stop(99%, rgba(128,186,232,0)),to(rgba(125,185,232,0)));
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); 
}
.pricing_cardContent{
  position: relative;
  z-index: 2;
}
.pricing_value{
  font-size: var(--fs_xl);
  font-weight: 600;
  font-family: var(--ff_inter);
  letter-spacing: -0.0645em;
  line-height: 0.9em;
}
.pricing_value span{
  font-size: var(--fs_lg);
}
p,
.pricing_title,
.pricing_extraTxt{
  font-size: var(--fs_sm);
  letter-spacing:0.0267em ;
  font-weight: 300;
}
.pricing_title{
  line-height: 1em;
}
.pricing_extraTxt{
  padding-top: 0.65em;
}
.pricing_mdlBox{
  margin: 0px 30px 32px;
}
.pricing_mdlBox .arrow_icon{
  max-width: 40px;
}
.bot_icon{
  -webkit-animation: zoom_in 2s linear infinite;
          animation: zoom_in 2s linear infinite;
}
.arrow_icon_1{
  -webkit-animation: move_left 2s ease-in infinite;
          animation: move_left 2s ease-in infinite;
}
.arrow_icon_2{
  -webkit-animation: move_right 2s ease-in infinite;
          animation: move_right 2s ease-in infinite;
}
.pricing_mdlBox .bot_icon{
  max-width: 46px;
}
.pricing_secBottom{
  padding-top: 62px;
}
.pricing_secTitle2{
  font-size: var(--fs_md);
  font-weight: 700;
  background-image: -webkit-linear-gradient(270deg,var(--bg_secondaryLight), var(--bg_secondary));
  margin-bottom: 0.6em;
}
.pricing_secDesc2{
  margin-bottom: 3.06em;
}
.pricing_actBtn{
  font-size: var(--fs_md);
  padding: 1.2em 1.3em;
  background: url("../img/gradient.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top 40%;
  color: var(--bs-white);
  position: relative;
  border-radius: 14px;
  border: none;
  -webkit-animation: shake 2s ease-in-out infinite;
          animation: shake 2s ease-in-out infinite;
}

.pricing_actBtn::before{
  content: "";
  position: absolute;
  z-index: 0;
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
  border-radius: 12px;
  background-color: #291441;
  -webkit-animation: opacity_toggle 2s ease-in-out infinite;
          animation: opacity_toggle 2s ease-in-out infinite;
}
.pricing_actBtn div{
  position: relative;
  z-index: 2;
}

/*  */
.form_container{
  max-width: 75%;
  margin: auto;
}
.form_box{
  padding: 50px 40px !important;
}
.form-control,
.form-select{
  color: var(--bs-white) !important;
  font-size: var(--fs_sm);
  padding: 0.8571em 1em;
  border: 1px solid var(--c_secondary);
  background-color: #0000002e;
  border-radius: 0px;
}
.form-control:focus,
.form-select:focus{
  background-color: #00000050 !important;
}
.form-select {
  padding-right: 2.5em;
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}
.form-control::-webkit-input-placeholder {
  color:var(--c_secondaryLight);
  opacity: 0.8; 
}
.form-control::-moz-placeholder {
  color:var(--c_secondaryLight);
  opacity: 0.8; 
}
.form-control:-ms-input-placeholder {
  color:var(--c_secondaryLight);
  opacity: 0.8; 
}
.form-control::-ms-input-placeholder {
  color:var(--c_secondaryLight);
  opacity: 0.8; 
}
.form-control::placeholder {
  color:var(--c_secondaryLight);
  opacity: 0.8; 
}

.form-control::-ms-input-placeholder { 
  color:var(--c_secondaryLight);
}
.form-control:focus,
.form-select:focus{
  background-color: var(--bg_primary2);
}
.key_inpNum{
  -moz-appearance: textfield;
  background-image: url("../img/key.png");
  background-repeat: no-repeat;
  background-position: left 1em top 50%;
  background-size: 1.3em;
  padding-left: 3em;
}
.key_inpNum::-webkit-outer-spin-button,
.key_inpNum::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.pb_def{
  padding-bottom: 90px;
}
.modal-content{
  color: var(--c_white);
  background: var(--bg_primary) !important;
  -webkit-box-shadow: 0px 0px 100px rgba(255, 255, 255, 0.25);
          box-shadow: 0px 0px 100px rgba(255, 255, 255, 0.25);
}
.border_light{
  border-color: rgba(255, 255, 255, 0.15) !important;
}
.msg_icon{
  height: 40px;
  width: 40px;
}
.alert-success{
  background:#eef8ef;
  border: none;
}
.alert-success .text-success{
  color:#20c997 !important;
}
.card{
  color: var(--bs-white);
  border: 1px solid var(--c_border);
  padding: 30px;
  border-radius: 20px;
  background-color: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.card_logo{
  width: 42px;
  height: 42px;
}
.select2 {
  width:100%!important;
}
.select2-container .select2-selection--single{
  font-size: var(--fs_sm);
  height: 48px;
  color: var(--bs-white) !important;
  border: 1px solid var(--c_secondary);
  background-color: #0000002e;
  border-radius: 0.5rem;
}
.select2-container--default.select2-container--disabled .select2-selection--single{
  background-color: var(--bs-gray);
  opacity: 0.3;
}
.select2-container .select2-selection--single .select2-selection__rendered{
  padding: 0.6em 1em;
  padding-right: 2.5em;
  color: var(--bs-white) !important;
}
.select2-container .select2-selection--single .select2-selection__arrow {
  width: 40px;
  height: 100%;
}
.opt_item{

}
.select2-dropdown {
  background-color: var(--bs-dark);
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  color: var(--bs-white);
  background-color: var(--bg-dark);
}
.select2-container--default .select2-results__option{
  font-size: var(--fs_sm);
  padding: 0.6em 1em;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: var(--bs-dark);
}
.select2-results__option--selected{
  background-color: var(--bg_primary) !important;
}
.opt__icon{
  width: 1.6em;
  margin-right: 0.6em;
  vertical-align: middle;
  margin-top: -0.2em;
}

.clipboard_btnContainer{
  position: relative;
  padding-right: 40px;
}
.clipboard_btn{
  position: absolute;
  right: 0px;
  top:50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  padding: 5px;
  border-radius: 8px;
}
.clipboard_btn img{
  width:24px;
}
.user_qrCode{
  width: 100px;
  height: 100px;
}
.user_qrCode canvas{
  width: 100%;
}
.details_table th,
.details_table td{
  font-size: 14px;
  padding: 0.6em 0px;
  background-color: transparent;
}
.details_table th{
  font-size: 400;
  color: var(--bs-secondary);
}
.details_table td{
  color: var(--bs-white);
  padding-left: 0.5em;
  text-align: right;
}
.inline_icon{
  width: 1.5em;
  height: 1.5em;
  margin-right: 0.2em;
}
@-webkit-keyframes rotate {
  0%{
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
  }
  25%{
    -webkit-transform: rotate(360deg) scale(1.15);
            transform: rotate(360deg) scale(1.15);
  }
  50%,
  100%{
    -webkit-transform: rotate(360deg) scale(1);
            transform: rotate(360deg) scale(1);
  }
}
@keyframes rotate {
  0%{
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
  }
  25%{
    -webkit-transform: rotate(360deg) scale(1.15);
            transform: rotate(360deg) scale(1.15);
  }
  50%,
  100%{
    -webkit-transform: rotate(360deg) scale(1);
            transform: rotate(360deg) scale(1);
  }
}
@-webkit-keyframes move_top {
  0%,
  40%,
  100%{
    margin-top: 0px;
  }
  50%,
  90%{
    margin-top: -50px;
  }
}
@keyframes move_top {
  0%,
  40%,
  100%{
    margin-top: 0px;
  }
  50%,
  90%{
    margin-top: -50px;
  }
}
@-webkit-keyframes zoom_in {
	0%,
  50%,
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  25%{
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}
@keyframes zoom_in {
	0%,
  50%,
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  25%{
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}
@-webkit-keyframes move_left {
	0%,
  50%,
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
  25%{
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
}
@keyframes move_left {
	0%,
  50%,
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
  25%{
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
}
@-webkit-keyframes move_right {
	0%,
  50%,
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
  25%{
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
}
@keyframes move_right {
	0%,
  50%,
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
  25%{
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
}
@-webkit-keyframes slide {
	0% {-webkit-transform:translateX(-100%) translateY(-50%) rotate(10deg);transform:translateX(-100%) translateY(-50%) rotate(10deg);}
	50%,100% {-webkit-transform:translateX(100%) translateY(-50%) rotate(10deg);transform:translateX(100%) translateY(-50%) rotate(10deg);}
}
@keyframes slide {
	0% {-webkit-transform:translateX(-100%) translateY(-50%) rotate(10deg);transform:translateX(-100%) translateY(-50%) rotate(10deg);}
	50%,100% {-webkit-transform:translateX(100%) translateY(-50%) rotate(10deg);transform:translateX(100%) translateY(-50%) rotate(10deg);}
}
@-webkit-keyframes shake {
  0%{
    -webkit-transform:rotate(0deg) scale(1);
            transform:rotate(0deg) scale(1);
  }
  45%{
    -webkit-transform:rotate(-1deg) scale(1.1);
            transform:rotate(-1deg) scale(1.1);
  }
  60%{
    -webkit-transform:rotate(1deg) scale(1.1);
            transform:rotate(1deg) scale(1.1);
  }
  75%{
    -webkit-transform:rotate(0deg) scale(1.1);
            transform:rotate(0deg) scale(1.1);
  }
  100%{
    -webkit-transform:rotate(0deg) scale(1);
            transform:rotate(0deg) scale(1);
  }
}
@keyframes shake {
  0%{
    -webkit-transform:rotate(0deg) scale(1);
            transform:rotate(0deg) scale(1);
  }
  45%{
    -webkit-transform:rotate(-2deg) scale(1.1);
            transform:rotate(-2deg) scale(1.1);
  }
  60%{
    -webkit-transform:rotate(2deg) scale(1.1);
            transform:rotate(2deg) scale(1.1);
  }
  75%{
    -webkit-transform:rotate(0deg) scale(1.1);
            transform:rotate(0deg) scale(1.1);
  }
  100%{
    -webkit-transform:rotate(0deg) scale(1);
            transform:rotate(0deg) scale(1);
  }
}
@-webkit-keyframes opacity_toggle {
  0%,
  100%{
    opacity: 1;
  }
  75%{
    opacity: 0;
  }
}
@keyframes opacity_toggle {
  0%,
  100%{
    opacity: 1;
  }
  75%{
    opacity: 0;
  }
}
@-webkit-keyframes bounce {
  0%,50%,100%{
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  25%{
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
}
@keyframes bounce {
  0%,50%,100%{
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  25%{
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
}
@media(min-width:1200px){
  .container{
    max-width: 1120px;
  }
}
@media(max-width:1399.98px){
  .hero_sec{
    padding: 60px 0px;
  }
}
@media(max-width:991.98px){
  :root{
    --fs_xl:50px;
    --fs_lg:28px;
    --fs_md:22px;
    --fs_sm:13px;
  }
  .pricing_card {
    padding: 26px 16px 24px;
  }
  .pricing_cardWrapper_1 {
    margin-right: -20px;
  }
  .pricing_cardWrapper_2 {
    margin-left: -20px;
  }
  .pricing_mdlBox .arrow_icon {
    max-width: 30px;
  }
  .pricing_sec {
    padding: 80px 0px;
  }
}
@media(max-width:767.98px){
  :root{
    --fs_xl:46px;
    --fs_lg:26px;
    --fs_md:22px;
    --fs_sm:13px;
  }
  .pricing_cardWrapper_1,
  .pricing_cardWrapper_2{
    margin: auto;
    width: 240px;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
  }
  .pricing_mdlBox {
    margin: 16px 0px;
  }
  .pricing_actBtn {
    font-size: 18px;
  }
  .form_box {
    padding: 40px 30px !important;
  }
  @-webkit-keyframes move_left {
    0%,
    50%,
    100% {
      -webkit-transform:rotate(90deg) translateX(0px);
              transform:rotate(90deg) translateX(0px);
    }
    25%{
      -webkit-transform:rotate(90deg) translateX(-10px);
              transform:rotate(90deg) translateX(-10px);
    }
  }
  @keyframes move_left {
    0%,
    50%,
    100% {
      -webkit-transform:rotate(90deg) translateX(0px);
              transform:rotate(90deg) translateX(0px);
    }
    25%{
      -webkit-transform:rotate(90deg) translateX(-10px);
              transform:rotate(90deg) translateX(-10px);
    }
  }
  @-webkit-keyframes move_right {
    0%,
    50%,
    100% {
      -webkit-transform: rotate(90deg) translateX(0px);
              transform: rotate(90deg) translateX(0px);
    }
    25%{
      -webkit-transform: rotate(90deg) translateX(10px);
              transform: rotate(90deg) translateX(10px);
    }
  }
  @keyframes move_right {
    0%,
    50%,
    100% {
      -webkit-transform: rotate(90deg) translateX(0px);
              transform: rotate(90deg) translateX(0px);
    }
    25%{
      -webkit-transform: rotate(90deg) translateX(10px);
              transform: rotate(90deg) translateX(10px);
    }
  }
}
@media(max-width:575.98px){
  .container{
    padding-left: 16px;
    padding-right: 16px;
  }
  .card{
    padding: 20px;
  }
  .stock_infoBox{
    padding: 30px 20px;
  }
  .pricing_actBtn {
    font-size: 14px;
  }
  .form_container {
    max-width: 100%;
  }
  .form_box {
    padding: 30px 24px !important;
  }
  .modal-dialog{
    margin: 20px;
  }
 
}