@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),
  url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
  url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),
  url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),
  url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* @font-face {
  font-family: 'HelveticaNeue-Medium';
  src: url('../fonts/HelveticaNeue-Medium.eot?#iefix') format('embedded-opentype'),  url('../fonts/HelveticaNeue-Medium.otf')  format('opentype'),
       url('../fonts/HelveticaNeue-Medium.woff') format('woff'), url('../fonts/HelveticaNeue-Medium.ttf')  format('truetype');
  font-weight: normal;
  font-style: normal;
} */

@font-face {
  font-family: 'HelveticaNeue-Medium';
  src: url('../fonts/font/Helvetica-Neue-Medium.ttf')  format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'HelveticaNeue-MediumItalic';
  src: url('../fonts/font/HelveticaNeueDeskInterface-MediumItalic.ttf')  format('truetype');
  font-weight: normal;
  font-style: normal;
}


/* @font-face {
  font-family: 'HelveticaNeue-BoldItalic';
  src: url('../fonts/HelveticaNeue-BoldItalic.eot?#iefix') format('embedded-opentype'),  url('../fonts/HelveticaNeue-BoldItalic.woff') format('woff'), url('../fonts/HelveticaNeue-BoldItalic.ttf')  format('truetype');
  font-weight: normal;
  font-style: normal;
} */

@font-face {
  font-family: 'HelveticaNeue-BoldItalic';
  src: url('../fonts/font/HelveticaNeueDeskInterface-BoldItalic.ttf')  format('truetype');
  font-weight: normal;
  font-style: normal;
}


/* @font-face {
  font-family: 'HelveticaNeueRegular';
  src: url('../fonts/HelveticaNeueRegular.eot?#iefix') format('embedded-opentype'),  url('../fonts/HelveticaNeueRegular.woff') format('woff'), url('../fonts/HelveticaNeueRegular.ttf')  format('truetype'), url('../fonts/HelveticaNeueRegular.svg#HelveticaNeueRegular') format('svg');
  font-weight: normal;
  font-style: normal;
} */

@font-face {
  font-family: 'HelveticaNeueLight';
  src: url('../fonts/font/HelveticaNeueDeskInterface-Light.ttf')  format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'HelveticaNeueRegular';
  src: url('../fonts/font/HelveticaNeueDeskInterface-Regular.ttf')  format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'HelveticaNeue-Bold';
  src: url('../fonts/font/HelveticaNeueDeskInterface-Bold.ttf')  format('truetype');
  font-weight: normal;
  font-style: normal;
}



@font-face {
  font-family: 'AcherusGrotesque-Regular';
  src: url('../fonts/acherus_grotesque_regular-webfont.woff') format('woff'), url('../fonts/acherus_grotesque_regular.ttf')  format('truetype');
}

@font-face {
  font-family: 'AcherusGrotesque-Bold';
  src: url('../fonts/acherus_grotesque_bold-webfont.woff') format('woff'), url('../fonts/acherus_grotesque_bold.ttf')  format('truetype');
}
@font-face {
  font-family: 'AcherusGrotesque-Black';
  src: url('../fonts/acherus_grotesque_black-webfont.woff') format('woff'), url('../fonts/acherus_grotesque_black.ttf')  format('truetype');
}
@font-face {
  font-family: 'AcherusGrotesque-Medium';
  src: url('../fonts/acherus_grotesque_medium-webfont.woff') format('woff'), url('../fonts/acherus_grotesque_medium.ttf')  format('truetype');
}
@font-face {
  font-family: 'AcherusGrotesque-Extrabold';
  src: url('../fonts/acherus_grotesque_extrabold-webfont.woff') format('woff'), url('../fonts/acherus_grotesque_extrabold.ttf')  format('truetype');
}
@font-face {
  font-family: 'AcherusGrotesque-ExtraboldItalic';
  src: url('../fonts/acherus_grotesque_extrabold_italic.woff') format('woff'), url('../fonts/acherus_grotesque_extrabold_italic.ttf')  format('truetype');
}
@font-face {
  font-family: 'AcherusGrotesque-MediumItalic';
  src: url('../fonts/acherus_grotesque_medium_italic.woff') format('woff'), url('../fonts/acherus_grotesque_medium_italic.ttf')  format('truetype');
}

/* @font-face {
  font-family: 'HelveticaNeue-Bold';
  src: url('../fonts/HelveticaNeue-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/HelveticaNeue-Bold.woff') format('woff'), url('../fonts/HelveticaNeue-Bold.ttf')  format('truetype');
  font-weight: normal;
  font-style: normal;
} sssss*/

@font-face {
  font-family: 'Arial';
  src: url('../fonts/font/arial.ttf')  format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Arial-Bold';
  src: url('../fonts/font/arialbd.ttf')  format('truetype');
}

html{position: relative; min-height: 100%; overflow-x: hidden;}
body{
  overflow-x: hidden;
  height:100%;
  font-family: 'Arial';
  background: #F5F4F4;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
*{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Scroll Bar
/* width */
::-webkit-scrollbar {
  width: 6px;
  height: 10px;
  @media only screen and (max-width: 479.98px){
      width: 4px;
  }
}

/* Track */
::-webkit-scrollbar-track {
  background: #F5F4F4;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: none;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #BDDEFF;
  border-radius: 10px;
  box-shadow: none;
}

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

/*body{padding: 0; margin:0; font-family: 'HelveticaNeueRegular';} */
ul{padding: 0; margin:0; list-style: none; }
/* a{transition: ;-webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;} */

a:hover{text-decoration: none;}
button:focus,button:active{outline: none;}

.vertical-line {
		margin-top: 18px !important;
  width: 2px;               
  height: 25px;            
  background-color: black; 
}
.google {
  background-color: #E74B37 !important;
  color: white !important;
  text-decoration: none;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.social-hover:hover {
  background-color: #2BB573 !important;
  color: #ffffff !important;
  border-color: #080E3B !important;
  outline: none !important;
  box-shadow: none !important;
}

.btn-danger{font-size: 16px; color:#fff; background-color: #CC004A; border:solid 1px #fff; border-radius: 10px; padding: 8px 30px; font-weight: bold;}
.btn-danger:hover, .btn-danger:active,.btn-danger:focus{background-color: #5964A7 !important; color:#fff !important;border-color: #CC004A !important; outline: none !important; box-shadow: none  !important;  }
.btn-primary{background:#1D2872; color: #fff; border:none; border-radius: 15px;font-size: 18px; font-family: 'HelveticaNeue-Medium';padding: 6px 22px; }
.btn-primary:hover, .btn-primary:active,.btn-primary:focus{background-color: #080E3B; color:#ffffff; border-color: #080E3B; outline: none !important; box-shadow: none  !important;  }

.btn-info{background:#4E76AC; color: #fff; border:none; border-radius: 12px;font-size: 18px; font-family: 'HelveticaNeue-Medium';padding: 6px 22px; }
.btn-info:hover, .btn-info:active,.btn-info:focus{background-color: #fff !important; color:#4E76AC !important; border-color: #ffffff !important; outline: none !important; box-shadow: none  !important;  }

h1,h2,h3,h4,h5{font-family: 'Arial-Bold';}

p{color: #707070; font-size: 22px; line-height: 26px; font-family: 'Arial';}
h1{font-size: 60px; line-height: 60px; color: #080E3B; }
h2{font-size: 45px; color: #fff; line-height: 50px; letter-spacing: 1px}
.sub-title{font-size: 40px; line-height: 50px; color: #080E3B; font-weight: 400;}

.row-40{
  margin-left: -40px;
  margin-right: -40px;
}
.pl-40 {
  padding-left: 40px;

}
.pr-40{
  padding-right: 40px;
}
.container-fluid.plr-135{ padding: 0 135px;}
.container-fluid{padding: 0 60px;}
.container-fluid.plr-15{ padding: 0 15px;}
.signup-button-group{    display: flex; justify-content: center; align-items: center;}
.btn-quit{ font-family: 'Arial'; font-size: 20px; background: none; box-shadow: none; outline: none; color: #333; padding: 0 40px;}
.btn-quit:hover{background: none;}
.header{position: relative;}
.header .top-bar{background:#1D2872;  padding: 15px 0 }
.header .top-bar .contact-info{text-align: right; display: flex; justify-content: flex-end;  align-items: center;}
.header .top-bar .contact-info .contact-detail li{display: inline-block;}
.header .top-bar .contact-info .contact-detail li a{font-size: 20px; color: #fff; line-height: 20px; padding: 0 26px; display: inline-block; font-family: 'Arial';}

.header .top-bar .contact-info .contact-detail li a:hover , .header .navbar .nav-link:hover{color: #c7ceff; }
.header .navbar{background: #080E3B; padding: 15px 0; }
.header .navbar .nav-link{color: #fff; font-size: 25px;font-family: 'Arial-Bold'; padding: 10px 55px; font-weight: 400;}
.header .navbar .nav-item:last-child .nav-link{padding-right: 0;}
.header .navbar .navbar-brand{position: absolute; top:-55px; z-index: 9; left: 53px;}
.silder-sign-form{z-index: 999; background: #1D2872; border-radius:25px; box-shadow: -10px -10px 10px rgba(140, 197, 253,0.16); width: 100%; max-width: 598px;  text-align: center; padding: 45px 65px 100px; position: absolute; right: 50px; bottom:-256px; border: 1px solid #fff;}
.social-icon li{display: inline-block; }
/*.social-icon li a{width: 25px; height: 25px; background-color:#fff;  border-radius: 50%; line-height: 25px; color: #1D2872; display: block; text-align: center; font-size: 14px;margin: 0 2px; border:solid 1px #fff;}
.social-icon li a:hover{background:#1D2872; color: #fff; } */



.silder-sign-form h2{font-size: 30px; line-height: 34px; margin-bottom: 20px; letter-spacing: 3px;}
.silder-sign-form p{font-size: 16px; line-height: 32px; color: #fff; width: 100%;  margin:0 auto 60px ; font-family: 'Arial';}
.silder-sign-form .btn-danger{width: 100%; max-width: 180px; margin:0 auto; background: #5964A7; border: none !important; font-size: 12px; height: 42px;}
.silder-sign-form .btn-danger:hover{color: #fff !important;}
.silder-sign-form .form-group {margin-bottom: 45px;}
.form-group .form-control{height: 40px; border:solid 1px #707070; font-size: 16px;  border-radius: 0; }
.form-group .form-control.input-control{border-radius: 8px; font-size: 14px; color: #5964A7;}
input:focus{border-color:#080E3B !important; box-shadow: none !important; outline: none !important;} 

.silder-wrap{position: relative; border-top: solid 1px #707070; background-color: #170F48;}
.silder-wrap .carousel-indicators{justify-content: flex-start; margin:0 2%; bottom: -3px}
.silder-wrap .carousel-indicators li{width: 10px; height: 10px; border-radius: 50%; background-color: #ccc; margin:0 3px;  }
.information-depart{background:#ffffff; padding: 65px 0 50px;}
.information-depart h3{font-size: 40px; line-height:53px; width: 100%; max-width: 54% ; color: #fff; }

.txt-strong{ color: #1D2872; font-weight: 600; font-style: italic;}
.or-txt{ font-family: 'AcherusGrotesque-Extrabold'; color: #1D2872; font-style: italic; padding: 0 10px;}
.information-depart .content-box {position: relative;}
.information-depart ul{display: flex; flex-wrap: wrap;justify-content: center; }
.information-depart ul li{display: inline-block; padding: 0 7px; width: 33%;}
.information-depart .content-box .text-box{position: relative; background-color:#fff; top:0; right: 0; left:0; bottom:0; text-align: center; padding: 10px 20px 20px;}
.information-depart .content-box h4{font-size: 30px; line-height:32px;color: #fff; font-family: 'HelveticaNeue-Bold';}
.information-depart .content-box h2{color: #080E3B;text-align: right; width: 100%; max-width: 450px; margin-left: auto; font-size: 30px; line-height: 1.3; letter-spacing: 2px;}
.information-depart .content-box p{font-size: 14px; line-height: 25px; color: #fff;width: 100%; max-width: 395px; margin-left: auto; text-align: right; /*font-family: 'HelveticaNeueRegular'; */ font-family: 'Arial';}
.information-depart .content-box .btn-primary{font-size: 18px;letter-spacing: 1px;    padding: 4px 15px;position: absolute; bottom:15px; left: 0; right: 0; width: 100%; max-width:160px; margin: auto; background: #0F1C3E;font-family: 'HelveticaNeueRegular';}
.information-depart .mt-100{margin-top: 130px; }
.information-depart .img-box img{width: 100%; height: auto;}

.without-dms{padding: 30px 0 20px;}
.without-dms p{font-family: 'HelveticaNeue-Medium'; color: #403E3E; font-size: 28px; letter-spacing: 2px; line-height: 40px;}
.without-dms h3{letter-spacing: 1px; font-size: 35px; color: #080E3B; margin-bottom: 30px; font-weight: 200;font-family: 'AcherusGrotesque-Extrabold';color: #1D2872;}
.without-dms .btn-primary{margin-top: 20px; font-size: 20px; font-family: 'HelveticaNeue-Bold'; border-radius: 10px;  padding: 7px 30px; width: 100%; max-width: 240px; margin-left: auto; display: block;}

.quick-info{padding: 40px 0;}
.quick-info p{color: #403E3E; font-size: 14px; margin-bottom: 25px; font-weight: 500;}
.quick-info h3{font-size: 1.8rem; line-height: 2.25rem; margin-bottom: 35px; font-weight: 800; color: #180F49;}
.quick-info .sharing_caring a {color: #5964A7; font-size: 14px;}

.protect-btn{ position: absolute; right: 15px; top: 15px;}

.sharing-wrap .container-fluid,.sharing-wrap .col-lg-6{padding: 0;}
.sharing-wrap .row{margin: 0;}
.card-greenbg{background:linear-gradient(to bottom, #2BB573, #125334);}
.card-pinkbg{background:linear-gradient(to bottom, #D91B5C, #830F34);}
.sharing-wrap .pink-bg{background:linear-gradient(to bottom, #2BB573, #125334);}
.sharing-wrap .orange-bg{background:linear-gradient(to bottom, #D91B5C, #830F34);}
.sharing-wrap .sharing-content{padding: 40px 23px; align-items: center; display: flex; }
.sharing-wrap .sharing-content .sharing-content-inside{ width: 100%;  border: 2px solid #fff;border-radius: 20px; align-items: center; display: flex; padding: 30px 20px;}
.sharing-wrap .sharing-content .left-box{margin-right: 50px;}
.sharing-wrap .sharing-content h3{font-size: 31px; line-height: 35px; color: #fff; text-align: center; margin-bottom: 12px; font-family: 'AcherusGrotesque-Bold';
letter-spacing: 2px;}
.sharing-wrap .sharing-content p{font-size: 28px; font-family: 'AcherusGrotesque-Extrabold'; color: #fff; text-align: center; line-height: 35px; letter-spacing: 2px; }
.sharing-wrap .sharing-content .txt-caption{ margin: 30px 0 0;}

.how-work{ border: 2px solid #080E3B; border-radius: 20px; padding: 30px 0;}
.how-work .process-step img{ margin: 0 auto; display: block;}
.works-head{font-size: 24px; color: #1D2872; font-weight: bold;}
.works-head span{color: #4E76AC; }
.our-process h2{color: #080E3B; font-size: 39px; line-height: 45px;  margin-bottom: 28px; }
.our-process .process-step .process-content{background:#1A1C2F; padding: 20px; margin-top: 20px;   min-height: unset;}
.our-process .process-step .process-content h4{font-size: 18px; line-height: 24px;color: #fff; margin-bottom: 10px; font-family: 'AcherusGrotesque-Extrabold';}
.our-process .process-step .process-content p{font-size: 0.8rem; line-height: 25px; color: #fff; font-family: 'HelveticaNeueRegular';}
.our-process .find-more {text-align: center; margin-top: 40px;}
.our-process .find-more .btn-primary{background: #00ADEE; font-family: 'HelveticaNeue-Bold'; font-size: 20px;  width: 243px; }
.our-process.our-process-trignometri .process-content{ min-height: 120px; margin-bottom: 20px; padding: 10px 7px;}
.our-process.our-process-trignometri{ padding-top: 60px;}
.head-small{font-size: 10px; font-family: 'AcherusGrotesque-Extrabold'; color: #fff;}
.caption-trignometri{background: #fff; padding: 10px 10px; color: #1D2872; font-family: 'HelveticaNeue-Bold'; font-size: 20px; margin: 40px 0 0;}
.caption-trignometri span{ color: #4E76AC;}
.our-packages{background-color:#1D2872; text-align: center;  padding: 30px 0; border-bottom: solid 1px #707070;}
.our-packages p{color: #fff;    font-family: 'AcherusGrotesque-Bold'; font-size: 24px; line-height: 31px; text-align: left; margin: 35px 0 35px;}
.our-packages .head2{font-family: 'AcherusGrotesque-Black'; font-size: 42px; font-weight: 700; color: #fff; }
.our-packages .head5{margin: 10px 0 0; font-family: 'AcherusGrotesque-Bold'; font-size: 42px;  color: #fff; }
.our-packages .head5 span{font-family: 'AcherusGrotesque-Black';}
.our-packages h3{font-size: 35px; line-height: 47px; color: #fff; margin-bottom: 20px; }
.our-packages .btn-danger{border-radius: 34px; border-color: #D91B5C; padding: 18px 30px; width: 100%; max-width: 244px; margin:auto; }
.our-packages .protect-btn .btn-primary{background: #2BB573; font-family: 'HelveticaNeue-Bold'; font-size: 20px; border: none; border-radius: 10px; padding: 6px 22px;}

.triggernometri-explain-list li{padding-bottom: 12px; font-family: 'Arial-Bold'; font-size: 16px; color: #707070; line-height: 24px;}
.triggernometri-explain-list li span{font-family: 'Arial-Bold'; font-size: 16px; padding: 0 0 10px; color: #707070;}
.triggernometri-explan p{ color: #707070; font-weight: 500; font-size: 20px;}
.triggernometri-explan p span{ color: #707070; font-family: 'HelveticaNeue-Bold'; font-size: 20px;}

.tearms-condition{background: #180F49; background-size: cover; padding:40px 0 35px; }
.tearms-condition p{font-size: 12px; color: #fff; margin: 0;  letter-spacing: 1px; margin: 20px 0 0;}
.tearms-condition {width:100%}
.tearms-condition p{font-size: 12px; font-family: 'Arial'; line-height: 16px;}
.footer-list li{ width: 100%; padding-bottom: 0px; padding-right: 50px;}
.footer-list li a{ color: #fff; font-family: 'Arial'; font-size: 14px; letter-spacing: 1px; line-height: 26px; }
.it-works-banner{ min-height: 490px; padding: 135px 0; border-bottom:solid 1px #707070; background:url(../img/howit-banner.jpg)no-repeat center top/cover;  }
.it-works-banner h1{ color: #fff;}
.it-works-banner .sub-title{ color: #fff; font-family: 'AcherusGrotesque-Extrabold';}

.triggernometri-explan p.dms-tri-txt{
  padding-bottom: 12px;
  font-family: 'Arial-Bold';
  font-size: 16px;
  color: #080E3B;
  line-height: 24px;
  margin-bottom: 12px;
}

.btn-package{
  font-family: 'Arial-Bold';
    font-size: 17px;
    background: #1D2872;
    border-radius: 12px;
    color: #fff;
    border: 1px solid #707070;
    box-shadow: none;
    text-align: center;
    height: 50px;
    line-height: 36px;
    padding: 6px 25px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16);
}
.btn-package:focus{
  box-shadow: none;
}
.btn-package:hover{background: #fff; color: #1D2872;}
.btn-more{ position: relative; z-index: 9; font-family: 'AcherusGrotesque-Extrabold'; background: #1D2872; border-radius: 8px; color: #fff; border: none; box-shadow: none; text-align: center;}
.btn-more:hover{background: #fff; }

.mrl-140{ margin-left: 100px; margin-right: 100px; }
.prl-140{ padding-left: 100px; padding-right: 100px; }
.mb-130{margin-bottom: 130px;}
.why-dms-use{padding:30px 0 20px;  }
.why-dms-use .why-dms-use-content{padding: 20px 20px 0;}
.why-dms-use .why-dms-use-content h2{font-size: 25px;    margin-bottom: 20px; font-family: 'AcherusGrotesque-Extrabold';}
.why-dms-use .why-dms-use-content .txt-why{line-height: 40px; padding: 0 49px 0 0;}
.why-dms-use .why-dms-use-content p {line-height: 40px; margin-bottom: 30px;}
.why-dms-use .dms-content{ padding: 60px 0 0; text-align: center;}
.why-dms-use .border{border: 1px solid #707070 !important;}
.why-dms-use .border.brd-bt0{ border-bottom: none !important;}
.why-dms-use h2, .how-works h2 , .triggernometri-explan h2{color: #0A112C; font-size: 28px; line-height: 27px; margin-bottom: 20px}
.packages-budget h2{color: #0A112C; font-size: 28px; line-height: 35px; margin-bottom: 10px;}
.why-dms-use p, .how-works {color: #707070; font-size: 28px; line-height: 28px;}
.packages-budget p{color: #4D4B4B; font-size: 26px; line-height: 24px; font-family: 'Arial-Bold'; margin: 0;}
.packages-budget p.font-sm{
  font-size: 14px;
  font-family: 'Arial';
}
.why-dms-use .dms-content .top-box{border:solid 1px #707070;padding: 10px 15px 0; }
.why-dms-use .dms-content  .top-box .title{font-size: 10px; color: #fff; line-height: 21px ; font-family: 'HelveticaNeue-Bold'; padding-top: 5px}
.why-dms-use .dms-content .top-box .img-box{text-align: center;}
.why-dms-use .dms-content .description{ font-family: Arial, Helvetica, sans-serif;  padding: 10px; font-size: 16px; color: #fff; line-height: 24px; background: #080E3B; text-align: left;}
.head2{ font-family: 'Arial-Bold';  font-size: 28px; margin-bottom: 20px;}
.head2-italic{font-family: 'HelveticaNeue-BoldItalic'; }
.how-works{padding: 36px 0 30px; border-top:solid 1px #707070; border-bottom:solid 1px #707070; position: relative;}
.how-works-container{padding: 0;  position: relative;}
/* .how-works-container .how-work-section{ padding: 25px 93px 25px 0;} */
.how-works-container .how-work-section{ padding: 30px 25px 50px 25px; }
/* .how-works-container .how-work-section p span{font-family: 'HelveticaNeue-Medium';} */
.how-works-container .how-work-section p{ font-size: 20px; line-height: 26px; color: #fff;}
.how-works-container .how-work-section .work-step-list{ margin: 0; padding: 0 0 0 20px;}
.how-works-container .how-work-section .work-step-list li{ font-family: 'HelveticaNeueLight'; font-size: 20px; padding: 10px 0;  color: #fff;}
/* .how-works-container .how-work-section-rt{padding: 25px 65px 25px 65px;} */
.how-work-section-rt .process-step .process-content p{font-size: 0.8rem; line-height: 20px; color: #fff; font-family: 'HelveticaNeueRegular'; margin: 0;}
.how-works-container .how-work-section-rt .head2{color: #080E3B;}
.how-works .container{position: relative;}
.how-works .key-perso{position: absolute; right: 0;bottom: -169px;}
.how-works .point-list {margin-top: 12px;}
.green-bg{background-color: #2BB573;}
.pink-bg{background-color: #D91B5C;}
.orang-bg{background-color: #EF4036;}
.blue-bg{background-color: #1D2872;}
.aquamarine-bg{color: #18C798}

.point-list li{position: relative; font-size: 20px; color: #0A112C; padding: 3px 0px 3px 12px; line-height: 20px;}
.point-list li:before{position: absolute; left: 0; top: 3px; content: '-'; font-size: 20px; color: #0A112C;}

.trignometri-explain-container .border{border: 1px solid #ccc !important; }
.border.brd-r0{ border-right: 0 !important;}
.border.brd-l0{ border-left: 0 !important;}
.trignometri-explain-container .explain-img-container{ padding: 20px 0; height: 100%; display: flex;}
.trignometri-explain-container .explain-img-container img{object-fit: contain; width: 92%; margin: 0 auto; display: block;}
.trignometri-explain-container .how-work-section{ padding: 20px 25px 30px 25px; background: #1D2872;}
.trignometri-explain-container .how-work-section p{
  font-family: 'HelveticaNeueRegular';
  font-size: 17px;
  line-height: 30px;
  color: #fff;
  letter-spacing: 1px;
  margin-bottom: 20px;
}
.trignometri-explain-container .how-work-section .work-step-list{ margin: 0; padding: 0 0 0 20px;}
.trignometri-explain-container .how-work-section .work-step-list li{
  font-family: 'HelveticaNeueRegular';
  font-size: 17px;
  line-height: 30px;
  color: #fff;
  letter-spacing: 1px;
  margin-bottom: 20px;
}
.trignometri-explain-container .how-work-section .work-step-list li:last-child{
  margin-bottom: 0;
}
.process-step img{ display: block; margin: 0 auto;}

.trignometri-explain-container{ position: relative;}
.trignometri-explain-container.trignometri-explain-package{  position: relative; margin: 0 0 130px;}
.package-banner-container{background: #2BB573;padding: 40px 20px; margin-top: 130px; position: relative;  }
.package-banner-container h3{font-family: 'AcherusGrotesque-Extrabold'; font-size: 46px; color: #fff; text-align: right; line-height: 57px;}
.package-banner-container::before{ content: '';position: absolute;left: -15px;width: 6%;top: 0;height: 100%;background: #2BB573; z-index: -1;}
.package-banner-container::after{ content: '';position: absolute;right: -15px;width: 6%;top: 0;height: 100%;background: #2BB573; z-index: -1;}
.triggernometri-explan {padding: 160px 0; }
.triggernometri-explan .triggernometri-list{margin-bottom: 45px;}
.triggernometri-explan .triggernometri-list li{font-size: 20px; line-height: 20px; color: #707070; padding: 8px 0}
.triggernometri-explan .card{border-radius: 0; border:solid 1px #707070;}
.triggernometri-explan .card .card-body{background-color: #080E3B; min-height: 130px;}
.triggernometri-explan .card .img-box{padding: 10px 5px 20px;}
.triggernometri-explan .card h3{font-family: 'HelveticaNeueRegular'; font-size: 20px; line-height: 23px; color: #fff; text-align: center; letter-spacing: 3px; margin-bottom: 10px}
.triggernometri-explan .card p{font-size: 20px; line-height: 23px; color: #fff; text-align: center; }
.package-img-container img{ position: absolute; top: -150px; width: 85%; left: 90px;}

.package-notify-container .border{border: 1px solid #ccc !important;}
.package-notify-container .bg-notify{background: #4E76AC;}
.package-notify-container .why-notify-container{ padding: 25px 15px 25px 100px;}
.package-notify-container .why-notify-content{ padding: 65px 25px 40px 25px; position: relative;}
.package-notify-container .why-notify-container h3{ font-size: 50px; line-height: 42px; color: #fff; letter-spacing: 3px;}
.package-notify-container .why-notify-content p{ margin: 0 0 30px; font-family: 'HelveticaNeueRegular'; font-size: 22px; line-height: 30px; color: #fff; text-align: right;}
.package-notify-container{ position: relative; }
.package-notify-container{  position: relative; margin-bottom: 40px;}

.package-banner-container.notify-package{margin-top:0 !important;}
.package-banner-container.notify-package h3{ text-align: right; } 
.package-banner-container.notify-package h4{ text-align: right; font-family: 'AcherusGrotesque-Extrabold'; color: #fff; font-size:35px; line-height: 36px; letter-spacing: 2px;}
.package-banner-container.notify-package .package-img-container img{ position: absolute; top: inherit; bottom: -60px;}

.our-package{background:#13A89E; margin:60px 0 50px; padding: 20px 0 30px; position: relative; }
.our-package .container{position: relative;}
.our-package .row{align-items: center; justify-content: flex-end; }
.our-package .img-box{ position: absolute; bottom: -59px;}
.our-package h2{line-height: 60px;}
.our-package .package-content {text-align: right;}
.our-package .package-content .btn-primary{font-size: 20px; font-family: 'HelveticaNeue-Bold'; border-radius: 50px; padding: 18px 49px; border-color: #080E3B; margin-top: 20px; }

.packages-banner {min-height: 490px; padding: 135px 0; background:url(../img/aiag_header_blue.svg)no-repeat center top/cover; }
.packages-banner h1{ color: #fff;}
.packages-banner .sub-title{ color: #fff;}
.packages-budget .package-content-top{ padding: 50px 10px 40px;}

.packages-budget .border{border: 1px solid #707070 !important;}
.packages-budget .packages-list-wrap{background: #1A1C2F; padding: 40px 30px;}
.package-bg{background: #1A1C2F; }
.package-price-container{ background: #1A1C2F; }

.packages-budget .packages-list-wrap .package-head{
  background-color: #2A2874;
  color: #ffffff;
  padding: 1.25rem 1.75rem 1.5rem;
}
.packages-budget .packages-list-wrap .package-head h4{
  font-size: 2.188rem;
  line-height: 2.5rem;
  font-family: 'Arial-Bold';
  margin: 0;
}
@media(max-width: 991.98px){
  .packages-budget .packages-list-wrap .package-head{padding: 1rem 1.5rem 1.25rem;}
  .packages-budget .packages-list-wrap .package-head h4{
    font-size: 1.5rem;
    line-height: 1.75rem;
  }
}
@media(max-width: 767.98px){
  .packages-budget .packages-list-wrap .package-head{max-width: 340px;}
}

.packages-budget .budget-list{background: #F1F9FF; transition: 0.5s ease; text-align: center; min-height: 500px; position: relative; transition: all .2s ease; border-left: 1px solid #d7e2eb; border-right: 1px solid #d7e2eb;}
.packages-budget .budget-list:hover{background: #ffffff; transform: scale(1.05); transform-origin: center; transition: 0.5s ease; z-index: 1;}
.packages-budget .budget-list-middle{transform: scale(1.05); z-index: 99;}
.packages-budget .budget-list h3 {font-size: 22px; line-height: 28px; margin-bottom: 0; padding: 18px 0; background-color:#345080; color: #fff;}
.packages-budget .budget-list h4{padding: 15px 0 10px; font-size: 20px; line-height: 30px; font-weight: 400; margin-bottom: 0; }
.packages-budget .budget-list h4.price{color: #080E3B; font-family: 'Arial'; font-size: 17px; line-height: 24px;}
.packages-budget .budget-list .package-image{width: 75%; max-width: 192px;}

.packages-budget .budget-list .budget-body{padding: 25px 15px; }
.packages-budget .budget-list .feature-list{min-height: 235px;}
.packages-budget .budget-list .feature-list li{font-size:18px; color: #403E3E; font-family: 'AcherusGrotesque-Extrabold'; line-height: 24px;  padding: 9px 0; font-weight: 400;}
.packages-budget .budget-list .feature-list.feature-list-status li{ padding: 4px 0;}
.packages-budget .budget-list .feature-list.feature-list-point li{ padding: 13px 0; }
.packages-budget .budget-list .btn-primary{border-radius: 50px; font-family: 'HelveticaNeue-Medium'; text-transform: uppercase; font-size: 12px; letter-spacing: 1px;}

@media(max-width: 991.98px){
  .packages-budget .budget-list .feature-list{min-height: 150px;}
  .packages-budget .budget-list{min-height: unset;}
}

/* Home budget */
.pricing-table-section .budget-list{background: #F1F9FF; transition: 0.5s ease; text-align: center; position: relative; transition: all .2s ease; border-left: 1px solid #d7e2eb; border-right: 1px solid #d7e2eb;}
.pricing-table-section .budget-list:hover{background: #fff; transform: scale(1.05); transform-origin: center; transition: 0.5s ease;}
.pricing-table-section .budget-list-middle{transform: scale(1.05); z-index: 99;}
.pricing-table-section .budget-list h3 {font-size: 22px; line-height: 28px; margin-bottom: 0; padding: 18px 0; background-color:#345080; color: #fff;}
.pricing-table-section .budget-list h4{
  padding: 15px 0 10px;
  color: #080E3B;
  font-family: 'Arial';
  font-size: 17px;
  line-height: 24px;
  margin-bottom: 0;
}
.pricing-table-section .budget-list h4 span{font-family: 'Arial-Bold';}
.pricing-table-section .budget-list .package-image{width: 75%;}

.pricing-table-section .budget-list .budget-body{padding: 25px 15px; }
.pricing-table-section .budget-list .feature-list li{font-size:18px; color: #403E3E; font-family: 'AcherusGrotesque-Extrabold'; line-height: 0; font-weight: 400;}
.pricing-table-section .budget-list .feature-list.feature-list-point li{ padding: 13px 0; }
.pricing-table-section .budget-list .btn-primary{border-radius: 50px; font-family: 'HelveticaNeue-Medium'; text-transform: uppercase; font-size: 12px; letter-spacing: 1px;}

.packages-budget .col-lg-3:first-child .budget-list h3{background:linear-gradient(to bottom, #4E76AC, #273B56);}
/* .packages-budget .col-lg-3:first-child .budget-list h4{background:#4E76AC;} */
.packages-budget .col-lg-3:nth-child(2) .budget-list h3{background:linear-gradient(to bottom, #2BB573, #0A544F);}
/* .packages-budget .col-lg-3:nth-child(2) .budget-list h4{background:#2BB573;} */
.packages-budget .col-lg-3:nth-child(3) .budget-list h3{background:linear-gradient(to bottom, #D91B5C, #6D0E2E);}
/* .packages-budget .col-lg-3:nth-child(3) .budget-list h4{background:#D91B5C;} */
.packages-budget .col-lg-3:nth-child(4) .budget-list h3{background:linear-gradient(to bottom, #EF4036, #78201B);}
/* .packages-budget .col-lg-3:nth-child(4) .budget-list h4{background:#EF4036;} */
.packages-budget .col-lg-3{padding: 0 10px;}





.header-content{background:url(../img/electric-bg.jpg)no-repeat center top/cover;  padding: 100px 0;}
.header-content .right-content{text-align: right;}
.header-content .right-content h2{font-size:50px; line-height: 67px; }
.header-content .right-content .btn-primary{background-color: #4E76AC; font-size: 20px;  text-transform: uppercase; padding: 14px 52px; border-radius: 50px; margin-top: 10px;}
.header-content p{color: #fff;}
.protects-package{margin:0; }
.protects-package h3{font-size: 35px; line-height: 47px; color: #fff; margin-bottom: 20px;}




.signup-form {padding: 0 0 45px; position: relative; }
.signup-form .form-title-wrap{margin-bottom: 20px;}
.form-title-wrap{position: relative;}
.form-title-wrap .form-title-info{display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 7px 0; }
.form-title-wrap .form-title-info .breadcrumb{background-color: transparent; margin:0; padding: 0; }
.form-title-wrap .form-title-info .breadcrumb li , .form-title-info .breadcrumb li a{font-size: 33px;color: #fff; font-family: 'AcherusGrotesque-Extrabold';}
.form-title-wrap .form-title-info .breadcrumb li:nth-child(2):before{display: none;}
.form-title-wrap .form-title-info .breadcrumb-item+.breadcrumb-item::before{color: #fff;}
.form-title-wrap .form-title{font-size: 33px;color: #fff; font-family: 'AcherusGrotesque-Extrabold'; }
.form-title-wrap .form-step{font-size: 33px;color: #fff; font-family: 'AcherusGrotesque-Regular';}
.form-title-wrap{background: #080E3B; padding: 11px 0; border-bottom: solid 1px #fff;}
.form-title-wrap .logo{position: absolute; top: -55px; z-index: 9;
    left: 53px;}


.lt-form{ padding-right: 30px;}
.rt-form{ padding-left: 30px;}
.signup-form .form-group{margin-bottom: 77px;}
.signup-form .form-group label{font-family: 'AcherusGrotesque-Extrabold'; font-size: 33px; color: #080E3B; line-height: 41px; margin-bottom: 0}
.signup-form .form-group .form-control{border:solid 1px #707070; height: 40px}
#msform label.error, #logForm label.error,  #subscriptionRenewForm label.error {line-height: 28px;  color: #d11d1d;font-size: 13px;float: right;}
#logForm .homeForm label.error{color: #fff;font-size: 13px;}
#edit-profile label.error{color: #d11d1d;font-size: 13px;}
#edit-profile .triggerMan_email_res .msg{color: #007bff; font-size: 13px;float: right;}
#edit-profile .keyperson_email_res .msg{color: #007bff; font-size: 13px;float: right;}
#signup label.error{color: #fff;font-size: 13px;float: right;}
#msform p.error{color: #d11d1d;font-size: 13px;float: right; padding:0; margin:0; }
#edit-profile p.error{color: #d11d1d;font-size: 13px; padding:0; margin:0; }
#forogotpassForm label.error{color: #d11d1d;font-size: 13px;float: right;}

.signup-form .action-button{background: #282e6f; border-radius: 50px; font-size: 20px; padding: 15px 54px; color: #fff;  font-family: 'HelveticaNeue-Medium';  border: solid 2px #fff; width: 100%; max-width: 172px; margin: 0 15px 0 0; }
.signup-form .action-button.finish-btn{margin: 0 auto !important; display: block !important;}
.signup-form .btn-primary{background: #282e6f; border-radius: 50px; font-size: 20px; padding: 15px 54px; color: #fff;  font-family: 'HelveticaNeue-Medium';  border: solid 2px #fff; width: 100%; max-width: 172px; margin: auto; display: block;}
.signup-form p{font-size:22px; color: #707070; line-height: 36px; font-family: 'HelveticaNeue-Medium'; margin-bottom: 50px; }
.signup-form p.notifer-info{font-family: 'AcherusGrotesque-Bold'; color: #707070; font-size: 35px; line-height: 51px;}
.signup-form p.signup-desc-txt{font-family: 'AcherusGrotesque-Extrabold'; font-size: 33px; line-height: 42px; padding: 0 90px 0 0;} 
.signup-form p.signup-desc-txt span{color: #080E3B;}
.signup-form h3{font-size:27px; color: #707070; margin-bottom: 30px; font-family: 'AcherusGrotesque-Extrabold'; }
.signup-form h3.form-txt-gray{color: #707070; font-size: 33px;}
#msform fieldset:not(:first-of-type) {display: none; }
.signup-form .action-button:focus{outline: none !important; box-shadow: none!important; border-color: #4E76AC !important; }
/*.signup-form .form-row , .signup-form .row  {margin:0;  }*/
.package-plan-txt{font-family: 'AcherusGrotesque-Regular'; font-size: 28px; color: #999; padding: 0 130px 0 0;}
.package-plan-txt span{color: #000;}
label.plan-amount {
  font-family: 'AcherusGrotesque-Extrabold';
  font-size: 32px;
  color: #080E3B;
  line-height: 40px;
  margin-bottom: 0;
  margin-left: 10px;
}
input[type=checkbox] {
  -moz-appearance: checkbox;
  height: 30px;
}
p span.red{color: #eb4037;}
p span.pink{ color: #d91c5d;}
label.plan-amount  .txt-save {color: #28b574;}
.package-form-table thead th{ border: none;}
.package-form-table td{ border: none;}
.package-form-table .align-center{display: flex;align-items: center;}
.add-new{line-height: 53px; font-family: 'AcherusGrotesque-Bold'; font-style: italic; color: #888;  background: none; border: none; box-shadow: none; outline: none; font-size: 33px; padding: 0 0 40px;}
.add-new:focus{box-shadow: none;}
.removeclass{font-family: 'AcherusGrotesque-Regular'; color: #888;  background: none; border: none; box-shadow: none; outline: none; font-size: 24px; padding: 0 0 40px;}
.removeclass:focus{box-shadow: none;}

.check,input[type=checkbox].check{height: 40px; width: 40px; min-width: 40px; position: relative;}
.check::after{content: '\f00c'; background: #fff; pointer-events: none; font-size: 24px; position: absolute; top: 0; left: 0; height: 40px; width: 40px; line-height: 37px; transition: .25s all ease-in-out; font-family: 'FontAwesome'; border:solid 1px #707070; color: transparent; text-align: center;}
.check:checked::after{background: #fff; color:#080E3B;}





.all-set-up .top-box , .new-website .top-box {background: #1D2872; position: relative; padding: 90px 0 0; min-height: 380px; border-bottom: solid 1px #707070 }
.all-set-up .top-box .logo, .new-website .top-box .logo{     text-align: center;
  display: block;}
.all-set-up .top-box h2{text-align: center; }
.all-set-up .mid-box {background-color: #080E3B; text-align: center; padding: 160px 0 60px;}
.all-set-up .mid-box h2{font-size: 40px; line-height: 50px;}
.all-set-up .mid-box p{font-size: 35px; line-height: 47px; font-family: 'AcherusGrotesque-Regular'; width: 100%; max-width: 72%; margin:0 auto 72px; color: #fff;}
/*.all-set-up .mid-box .btn-danger{border-radius: 50px; font-size:20px; padding: 17px 40px; border-color: #03ae3b;  background: #03ae3b !important; width: 100%; max-width: 380px; margin:auto; }*/

.all-set-up .mid-box .btn-danger{ border-color: #2BB573; background: #2BB573 !important; }



.new-website .top-box{text-align: right; position: relative; padding: 80px 0}
.new-website .top-box h3{font-size: 35px; color: #fff; line-height: 40px; margin-bottom: 60px;}
.new-website .top-box h1{font-size: 87px; color: #fff; line-height: 90px;}

.new-website .mid-box {background-color: #080E3B ; padding: 53px 0 80px;}
.new-website .mid-box h2{text-align: right; }
.new-website .mid-box p{font-size: 20px; line-height: 32px; width: 100%; max-width: 30%;margin-left: auto; text-align: right; color: #fff;  }
.new-website .mid-box h3{font-size: 40px; color: #fff; line-height: 53px;}

/* login page */
.login-bg{background: #fff; height: 100%; background-size: cover; letter-spacing: 2px; display: flex; align-items: center; justify-content: center;}
.login-bg .login-box{width: 100%; max-width: 1126px; margin: auto; position: relative;  padding: 50px 0;}
.login-bg .no-gutters .col-lg-8{background: #fff; flex: 1; border-radius: 30px 0 0 30px; min-height: 677px;}
.login-bg .no-gutters .col-lg-4{background: #2BB573; flex: 1; border-radius: 0 30px 30px 0;}
.login-bg .login-box .card{border:none; border-radius: 30px; background: none;}
.login-bg .login-white{background: #fff; border-radius: 30px 0 0 30px;}
.login-bg .login-title{background: #18104A; padding: 8px 0 8px 38px; border-radius: 30px 0 0 0;}
.login-bg .login-title li{display: inline-block; font-size: 22px; color: #fff;}
.login-bg .login-title li h2{font-size: 22px; color: #fff; margin-bottom: 0;}
.login-bg .login-title li:nth-child(2){margin-left: 30px;}
.login-bg .login-white h3{font-size: 12px; color: #808080; margin-bottom: 38px;}
.login-bg .form-login{padding: 50px 50px 0px 50px; /* background: #fff; */ border-radius: 0 0 0 30px; /* min-height: 606px; */}
.login-bg .form-login .form-group{margin-bottom: 40px;}
.login-bg .form-control{height: 30px; background: #D0D2D3; border-radius: 8px; border: none; font-size: 16px;}
.login-bg .form-control:focus{outline:none; box-shadow: none;}
.login-bg .form-login label{font-size: 22px; color: #1B1464; font-family: 'HelveticaNeue-Bold'; margin-bottom: 4px;}
.toggle_btn { padding:10px 0 0;}
.toggle_btn_home { margin-bottom: 45px;}
.toggle_btn .toggler{ font-size: 20px;}
.login-bg .form-login .toggle_btn label{font-size: 17px;}
.login-bg .form-login .btn-primary{font-size: 17px; color: #18104A; color: #fff; border-radius: 8px; letter-spacing: 2px; padding: 8px 40px;}
.login-bg .form-login .login-btn{ text-align: center; margin-top: 50px;}
.login-bg .form-login .login-btn a{display: block; margin-top: 18px; font-size: 10px; color: #808080; font-weight: 600; transition: all .2s ease;}  
.login-bg .form-login .login-btn a:hover{color: #2BB573;}
.login-box h2{ color: #333; padding: 0 20px;}
.card_list .login-box{ padding: 0 20px;}
.new-login-btn{ padding: 45px 0 22px;}
.new-login-btn .user_txt{ font-size: 17px;  font-weight: normal; font-family: 'HelveticaNeueRegular'; letter-spacing: 1px; line-height: 24px;}
.new-login-btn a .user_txt{ font-size: 17px;  font-weight: normal; font-family: 'HelveticaNeueRegular'; letter-spacing: 1px; line-height: 24px; cursor: default; pointer-events: none;}
.new-login-btn a {font-size: 18px; font-family: 'HelveticaNeue-Medium';}
.user_txt{color: #A1C6F8;}

.signup-box{background: #2BB573; color: #fff; padding: 170px 50px 0; border-radius: 0 30px 30px 0; text-align: center; /* min-height: 676px; */}
.signup-box h3{font-size: 32px; font-family: 'HelveticaNeue-Bold'; color: #ffffff; margin-bottom: 40px;}
.signup-box p{font-size: 16px; color: #ffffff; text-align: left;}
.signup-box .btn-primary{font-size: 18px; border: 1px solid #fff; border-radius: 8px; color: #ffffff; background: none; margin-top: 70px; padding: 7px 36px;}
.signup-box .btn-primary:hover,.signup-box .btn-primary:active,.signup-box .btn-primary:focus{background-color: #ffffff; color:#2BB573; border-color: #ffffff; outline: none !important; box-shadow: none  !important;}
.signup-box .learn-more{font-size: 10px; color: #ffffff; display: block; margin-top: 18px; transition: all .2s ease;}
.signup-box .learn-more:hover{color: #18104A;}
.aiag-logo{position: absolute; bottom: 100px; left: 60%;}


.aiags .login-title{border-radius: 30px 30px 0 0;  padding: 10px 0 10px 38px;}
.aiags .form-group{ margin-right: 30px;}
.aiags .form-group label{font-size: 17px; font-family: 'AcherusGrotesque-Regular';}
.aiags .no-gutters{background: #fff; padding: 40px 38px 34px; border-radius: 0 0 30px 30px; margin-left: inherit; margin-right: inherit; /* padding-left: 15px; padding-right: 15px; */}
.aiags .no-gutters small{font-size: 10px; color: #666666;}
.aiags .no-gutters .form-group span{display: block;}
.aiags .upload{text-align: right; display: block;}
.aiags .email-share{font-size: 10px; color: #666666; margin-left: 38px;}
.aiags  h2{font-size: 16px; color:#666666; line-height: 15px; margin-bottom: 35px;}

.aiags .edit{text-align: center; margin-bottom: 25px;}
.aiags .edit h3{font-size: 22px; margin-bottom: 20px;}
.aiags .edit h4{font-size: 26px; color: #2BB573; text-transform: capitalize;}
.aiags .edit .img-box{margin: 100px 0;}
.aiags .edit ul li{border-radius: 8px; transition: all .2s ease;}
.aiags .edit ul li a{color: #fff; display: block; font-family: 'HelveticaNeue-Medium'; padding: 4px 0; text-transform: capitalize; }
.aiags .edit ul li:nth-child(1){background: #18104a;}
.aiags .edit ul li:nth-child(2){background: #2bb573; margin-top: 15px;}
.aiags .edit ul li:nth-child(3){background: #18104a; margin-top: 15px;}

.aiags .edit ul li:nth-child(1):hover{background: #2BB573;}
.aiags .edit ul li:nth-child(2):hover{background: #18104a;}
.aiags .edit ul li:nth-child(3):hover{background: #2BB573;}

.share-message{height: 45px !important;}
.specify-location{height: 85px !important;}


.file-upload{display:block;text-align:center;font-family: Helvetica, Arial, sans-serif;font-size: 12px;}
.file-upload .file-select{display:block; color: #34495e;cursor:pointer;height:30px;line-height:40px;text-align:left;background:#D0D2D3;overflow:hidden;position:relative;}
.file-upload .file-select .file-select-button{background:#dce4ec;padding:0 10px;display:inline-block;height:40px;line-height:40px;}
.file-upload .file-select .file-select-name{line-height:40px;display:inline-block;padding:0 10px;}
.file-upload .file-select:hover{border-color:#34495e;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload .file-select:hover .file-select-button{background:#34495e;color:#FFFFFF;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload.active .file-select{border-color:#3fa46a;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload.active .file-select .file-select-button{background:#3fa46a;color:#FFFFFF;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload .file-select input[type=file]{height: 30px; z-index:100;cursor:pointer;position:absolute;top:0;left:0;opacity:0;filter:alpha(opacity=0);}
.file-upload .file-select.file-select-disabled{opacity:0.65;}
.file-upload .file-select.file-select-disabled:hover{cursor:default;display:block;border: 2px solid #dce4ec;color: #34495e;cursor:pointer;height:40px;line-height:40px;margin-top:5px;text-align:left;background:#FFFFFF;overflow:hidden;position:relative;}
.file-upload .file-select.file-select-disabled:hover .file-select-button{background:#dce4ec;color:#666666;padding:0 10px;display:inline-block;height:40px;line-height:40px;}
.file-upload .file-select.file-select-disabled:hover .file-select-name{line-height:40px;display:inline-block;padding:0 10px;}


/*Responsive*/
@media(max-width: 1680px){
.all-set-up .top-box h2{font-size: 36px}
.package-img-container img{ top: -20px; }
}
@media(max-width: 1500px){
  .information-depart .content-box .btn-primary{font-size: 13px; bottom: 10px;}
  .information-depart .content-box .btn-primary{ font-size: 15px; bottom: 10px; max-width: 145px;}
  .why-dms-use .dms-content .top-box{ padding: 10px 12px 0;}
}
@media(max-width: 1367px){
.header .navbar .nav-link{font-size: 28px; padding: 10px 30px;}
.information-depart h3{font-size: 30px; line-height: 40px; max-width: 42%;}
h2{font-size: 30px; line-height: 40px; }
.without-dms h3{font-size: 28px; line-height: 40px;}
.information-depart .content-box h4 ,.sharing-wrap .sharing-content h3{font-size: 26px; line-height: 30px;}
.sharing-wrap .sharing-content p{max-width: 100%; font-size:26px; line-height: 28px; }
.our-packages h3{font-size: 28px; line-height: 40px;}

.new-website .top-box h1{font-size: 70px; line-height: 80px; width: 100%;     max-width: 80%; margin-left: auto; }
.login-bg .no-gutters .col-lg-8{min-height: 640px;}
.login-bg,.aiags{height: 100%;}
.sharing-wrap .pink-bg { padding: 43px 23px !important;} 
.our-process.our-process-trignometri .process-step .process-content{ min-height: 125px;}
.package-img-container img{ top: 35px; }
.why-dms-use .dms-content .top-box .title{ font-size: 6px !important;}
.why-dms-use .dms-content .description{ font-size: 14px; line-height: 21px;}
.why-dms-use .why-dms-use-content .txt-why{ line-height: 35px; font-size: 20px;}
.why-dms-use p, .how-works{font-size: 20px;}
.how-work-section-rt .process-step .process-content p{ font-size: 0.8rem !important;}
.information-depart .content-box .btn-primary{ bottom: 8px; font-size: 14px;}
.our-packages .head5{ font-size: 36px;}
.our-process .find-more{ margin-top: 50px;}
.signup-form h3.form-txt-gray{ font-size: 27px;}
label.plan-amount{font-size: 18px; line-height: 24px;}
.signup-form p.signup-desc-txt{ font-size: 27px; line-height: 35px;}
.add-new{font-size: 30px;}
.signup-form .form-group label{ font-size: 28px;}
.our-packages .head5{    font-size: 33px;}
}
@media(max-width: 1280px){
.all-set-up .top-box h2{padding-left: 33%;}
.our-process.our-process-trignometri .process-step .process-content {min-height: 132px;}
.package-img-container img {
  top: 65px; width: 100%; left: 50px;
}
}



@media(max-width: 1199px){
.our-process .process-step .process-content{ min-height: 265px;}
.information-depart .content-box .btn-primary{ bottom: 2px; font-size: 10px; max-width: 110px;}
.silder-sign-form{max-width: 450px; padding: 30px 15px;}
.silder-sign-form h2{font-size: 22px; line-height: 22px; margin-bottom: 20px}

.silder-sign-form p{font-size: 16px; line-height: 24px}
.silder-sign-form .btn-danger{margin-top: 10px}
.header .navbar .nav-link {font-size: 18px; padding: 10px 15px}
.packages-banner, .it-works-banner{padding: 80px 0}

.packages-budget .budget-list h3{font-size: 20px; padding: 22px 0}
.packages-budget .budget-list h4{font-size: 18px;}
.our-package h2{line-height: 34px}
.protects-package h3{font-size: 26px; line-height: 30px;}
.header-content .right-content h2{font-size: 40px;line-height: 45px}


.form-title-wrap .form-title{padding-left: 128px}
.form-title-wrap .form-title , .form-title-wrap .form-title-info .breadcrumb li, .form-title-info .breadcrumb li a{font-size: 18px; }
.form-title-wrap .logo , .header .navbar .navbar-brand{width: 100%; max-width: 111px;}
.signup-form .form-group label{font-size: 20px; line-height: 22px;}
.signup-form p, .signup-form h3{font-size: 22px; line-height: 30px;}
.signup-form .form-group{margin-bottom: 30px}

.all-set-up .top-box, .new-website .top-box{padding: 30px 0; min-height: inherit;}

.all-set-up .top-box .logo, .new-website .top-box .logo{position: relative; bottom:unset; left: unset; width: 100%; max-width: 150px; display: block; margin:0 auto 30px; }
.all-set-up .mid-box ,.new-website .mid-box{padding: 40px 0;}
.all-set-up .top-box h2{padding-left: 0; }
.all-set-up .mid-box h2, .new-website .mid-box h3{font-size: 26px; line-height: 30px;}
.all-set-up .mid-box p{font-size: 18px; line-height: 24px; margin: 30px auto; }
.new-website .top-box{text-align: center;}
.new-website .top-box h3{text-align: center; font-size: 24px; line-height:30px; margin-bottom: 20px;}
.new-website .top-box h1{max-width: 100%; margin:0; font-size:34px; line-height: 40px;  }
.new-website .mid-box h2{text-align: left;}
.new-website .mid-box p{max-width: 100%; text-align: left; margin:30px 0;  font-size: 18px; line-height:20px; }

.sharing-wrap .sharing-content .left-box{margin-right: 30px}
.information-depart .mt-100{margin-top: 50px}
.information-depart .content-box{text-align: left; margin-top: 30px }
.information-depart .content-box h2 , .information-depart .content-box p{max-width: 100%; text-align: left;}
.information-depart h3{font-size: 26px; line-height: 36px}

/*how-it-works*/
.why-dms-use .dms-content{margin:10px 0; padding: 0;}
.why-dms-use .dms-content .top-box .img-box img{width: 100%; max-width: 60px}
.why-dms-use .dms-content .top-box .title{text-align: center;}
.why-dms-use .dms-content .description{margin-top: 0; font-size: 18px; line-height: 24px; padding: 15px}
/* form-page */
/* .login-bg{height: inherit;} */
.login-bg .login-box{max-width: 90%;}
.login-bg .form-login{padding: 50px 50px 0px 50px;}
.login-bg .form-login .form-group { margin-bottom: 30px; }
.aiag-logo{left: 56%; bottom: 86px;}
.signup-box{padding: 120px 50px 0;}
.login-bg .no-gutters .col-md-8{min-height: 620px;}
.signup-box h3{margin-bottom: 30px;}
.signup-box .btn-primary{margin-top: 50px;}
.login-bg .no-gutters .col-lg-8{min-height:600px;}

/* login-form page */
/* .aiags{height: inherit;} */
.aiags .form-group label{font-size: 14px;}
.login-bg .no-gutters .col-lg-8{min-height: 550px;}
}

.silder-sign-form form
{
  margin-top: 50px;
}
.login-btn
{
  margin-top: 20px;
}
.w-100px{min-width: 100px;}
@media(max-width: 1700px){
  .silder-sign-form {
    z-index: 999;
    background: #1D2872;
    border-radius: 25px;
    box-shadow: -10px -10px 10px rgba(140, 197, 253,0.16);
    width: 100%;
    max-width: 30%;
    text-align: center;
    padding: 45px 50px 65px;
    position: absolute;
    right: 50px;
    bottom: -220px;
    border: 1px solid #fff;
  }
  .silder-sign-form h2 {
    font-size: 30px;
    line-height: 20px;
    margin-bottom: 20px;
  }
  .silder-sign-form p {
    font-size: 16px;
    line-height: normal;
    color: #fff;
    width: 100%;
    margin: 0 auto 25px;
    font-family: 'Arial';
}
.toggle_btn {
  padding: 15px 0 0;
}
.new-login-btn {
  padding: 45px 0 0px;
}
.silder-sign-form .form-group {margin-bottom: 22px;}

.silder-sign-form .form-group:last-of-type {margin-bottom: 0;}
.how-work-section-rt .process-step .process-content p {font-size: 0.8rem;}
.why-dms-use .dms-content .top-box .title {font-size: 8px;}
  
  
}

@media(max-width: 1399.98px){
  .silder-sign-form {
    padding: 35px 30px 45px;
  }
  .works-head{
    font-size: 20px;
  }
}
@media (min-width: 1024px) and (max-width: 1199px){
  
  .silder-sign-form {
    bottom: -226px !important;
  }
  .silder-sign-form{
    padding: 25px 25px;
  }
  .silder-sign-form h2{
    font-size: 18px; line-height: 20px;
  }
  .form-group .form-control.input-control{
    font-size: 18px;
  }
  .silder-sign-form{
    padding: 25px 25px;
  }
  .silder-sign-form h2{
    font-size: 18px;
    line-height: 20px;
  }
  .toggle_btn_home{
    margin-bottom: 0;
  }
  .toggle_btn{
    padding: 0;
  }
  .new-login-btn a{
    font-size: 16px;
  }
  .new-login-btn a{
    font-size: 14px;
    line-height: 25px;
  }
  .silder-sign-form #logForm .toggler--is-active{
    padding-right: 0 !important;
    font-size: 16px !important;
  }
  .silder-sign-form #logForm .toggler{
    padding-left: 0 !important;
    font-size: 16px !important;
  }
  .our-process .find-more .btn-primary{
    font-size: 16px;
    width: 200px;
  }
  .our-process .find-more .btn-primary{
    font-size: 16px;
    width: 200px;
  }
  .our-process .process-step .process-content p{
    font-size: 0.8rem;
  }
  .our-packages .head5{ font-size: 24px;}
  .our-packages .protect-btn .btn-primary{ font-size: 16px;}
  .protect-btn { top: 5px;}  
  .head2{ font-size: 23px;}
  .our-process.our-process-trignometri{ padding-top: 0;}
  .mrl-140{margin-left: 0px; margin-left: 0px;}
  .mb-130 {
    margin-bottom: 130px;
}
  label.plan-amount {font-size: 16px;}
  .signup-form p.signup-desc-txt {
    font-size: 22px;
    line-height: 30px;
    padding: 0 50px 0 0;
}
.signup-form p, .signup-form h3{ margin-bottom: 0px;}
.why-dms-use .dms-content .top-box .title {
  font-size: 10px;
}
}
@media(max-width: 1023px){
  .navbar-expand-lg .navbar-collapse {
    display: -ms-flexbox!important;
    display: flex!important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}
.collapse:not(.show) {
  display: none !important;
}

.navbar-collapse .ml-auto{margin-left: inherit !important;}
h1{font-size: 34px; line-height: 40px}
h2{font-size: 24px; line-height:32px; }
p{font-size: 18px; line-height: 35px;}
.quick-info p{line-height: 1.5rem;}
.sub-title{font-size: 30px; line-height: 34px;}
.container-fluid{padding: 0 15px}
.header .navbar .container-fluid{padding: 0 15px}
.header .navbar{min-height: 60px;}
.header .navbar .navbar-toggler{position: absolute; right:11px; top: 11px; }
.navbar-expand-lg .navbar-toggler {
  display: block;
}
.navbar-toggler:focus{outline: none !important; box-shadow: none !important;}
.header .navbar .navbar-brand, .form-title-wrap .logo{top: -38px; width:100%; max-width: 89px; left: 15px;}
.navbar-toggler svg{color: #fff;}
.form-title-wrap .form-title-info{display: flex !important;}

.silder-sign-form{
  max-width: calc(100% - 30px);
  right: unset;
  bottom: -30px;
  position: relative;
  margin: 10px auto 0px;
  width: 440px;
}
.silder-sign-form .form-group{margin-bottom: 20px;}

.header .top-bar .contact-info{justify-content: center;}
.header .top-bar .contact-info .contact-detail li a{font-size: 16px; padding: 0 15px;}
.header .navbar .navbar-nav{margin-top: 75px}
.header .navbar .nav-link{font-size: 14px; padding: 7px 10px;}
.btn-danger  ,.btn-primary{font-size: 16px;}
.information-depart, .our-packages{
  padding: 30px 0;
  overflow: unset !important;
}

.information-depart h3, .protects-package h3{max-width: 100%; font-size: 22px; line-height: 28px;}
.information-depart .mt-100{margin-top: 20px;}
.information-depart .content-box{margin-top: 30px}
.information-depart .content-box h4, .sharing-wrap .sharing-content h3{font-size: 18px; line-height: 26px;}
.information-depart .content-box h2{text-align: left; max-width: 100%}
.information-depart .content-box p{max-width: 100%; text-align: left; font-size: 18px; line-height: 26px;}
.without-dms h3 ,.our-process h2{font-size: 24px; line-height: 32px;}
.without-dms .btn-primary{margin:15px 0 0; font-size: 16px; padding: 16px 30px; max-width: 200px; }
.sharing-wrap .sharing-content{min-height: inherit; padding: 25px 15px;}
.sharing-wrap .sharing-content .left-box{margin-right: 25px;}
.sharing-wrap .sharing-content p{font-size: 20px; line-height: 26px; text-align: left;}
.our-process .process-step{margin-bottom: 30px;}
.our-process .find-more{text-align: center; margin-top: 30px;}
.our-process .find-more .btn-primary,.header-content .right-content .btn-primary, .our-package .package-content .btn-primary, .signup-form .action-button, .signup-form .btn-primary{font-size: 16px}
.our-packages h3{font-size: 18px; line-height:24px; }
.our-packages .btn-danger{padding: 15px 30px; }
.our-process .process-step .process-content{padding: 15px;}


/*packages*/
.packages-banner , .it-works-banner{min-height:370px; }
.why-dms-use h2, .how-works h2, .triggernometri-explan h2, .packages-budget h2{margin-bottom: 10px}
.why-dms-use p, .how-works, .packages-budget p{font-size: 18px; line-height: 24px}
.packages-budget .budget-list{margin-bottom: 30px;}
.packages-budget .budget-list .feature-list li{font-size: 18px;}
.header-content .right-content{text-align: left; margin-top: 15px}
.header-content .right-content h2{font-size: 26px; line-height: 32px;}
.our-package .img-box{position: relative; text-align: center; bottom: unset;}
.our-package .package-content{text-align: center; margin-top: 30px}
.our-package .package-content .btn-primary{margin-top: 0}

.point-list li{font-size: 18px;}
.how-works .key-perso{position: relative;bottom: unset; text-align: center; margin-bottom: 30px}
.triggernometri-explan{padding: 30px 0;}
.triggernometri-explan .triggernometri-list li{font-size: 18px; padding: 5px 0;}
.triggernometri-explan .card{margin-bottom: 30px}
.triggernometri-explan .card p{font-size: 18px; line-height: 20px}
.our-package{margin:0; padding: 30px 0; }
.triggernometri-explan .card .card-body{min-height: inherit;}

.signup-form .form-group label{margin-bottom: 15px; font-size: 18px;  line-height: 20px;}
.signup-form .form-group{margin-bottom: 20px;}
.signup-form h3, .signup-form p{font-size: 18px; line-height: 28px;margin-bottom: 0; }
.signup-form h3{margin:30px 0 23px; }
.trusted-people-form h3{margin-top: 0;}
.check:after,.check{width: 30px; height: 30px; min-width: 30px; font-size: 18px; line-height: 30px;}
input[type=checkbox].check{height: 30px; width: 30px; min-width: 30px;}

.all-set-up .mid-box .btn-danger{font-size:16px; padding: 13px 40px; }
.new-website .mid-box h2 br{display: none;}
.signup-form .form-title-wrap{margin-bottom: 30px}
.form-title-wrap .form-title{padding-left: 100px}

.all-set-up .top-box h2{font-size: 27px; line-height: 40px; word-break: break-word;}
/* form-page */
.login-bg .form-login{padding: 40px 110px 0px 110px;}
.login-bg .no-gutters{display: block;}
.login-bg .no-gutters .col-lg-8{padding-bottom: 100px; min-height: inherit; border-radius: 30px 30px 0 0; max-width: 100%;}
.signup-box { padding: 100px 50px 40px; border-radius: 0 0 30px 30px;}
.signup-box p{text-align: center;}
.aiag-logo {bottom: 30%; left: 50%; max-width: 120px; transform: translateX(-50%);}
.login-bg .login-title{border-radius: 30px 30px 0 0;}
.login-bg .login-white{border-radius: 30px 30px 0 0;}
.signup-box h3{margin-bottom: 20px;}
.signup-box .btn-primary{margin-top: 10px;}
.login-bg{height:inherit}
.login-bg .no-gutters .col-lg-4{border-radius: 0 0 30px 30px; max-width: 100%;}
.login-bg .login-white h3{margin-bottom: 20px;}
.login-bg .form-login .form-group { margin-bottom: 20px; }
.login-bg .form-login .login-btn{margin-top: 30px;}
.login-bg .form-login label{font-size: 16px;}
.login-bg .form-group .form-control{height: 30px;}
.login-bg .form-login .btn-primary{font-size: 14px;}
.signup-box h3{font-size: 26px;}
.signup-box .btn-primary{font-size: 16px;}
.login-bg .login-box{padding: 50px 0;}


/* login-form page */
.aiags .edit{padding-top: 40px;}
.aiags .edit .img-box { margin: 40px 0; }
.aiags .form-group { margin-right: 0; }
}
@media(max-width: 1199.98px){
  .information-depart .content-box h2{
    font-size: 1.5rem;
  }
  .mrl-140 {margin-left: 50px; margin-right: 50px;}
}
@media (min-width: 576px) {
 .col-sm-6 .social-btn{
    margin-top: 10%;
  }
}
@media (max-width: 1023px) {
  .social-btn{
    margin-top: 10px;
  }
}

@media(min-width: 801px) and (max-width: 998px){
  .package-img-container img {
    top: 126px;
    left: 0
  }
  .package-banner-container h3{
    font-size: 26px;
    line-height: 37px;
  }
}
@media(min-width: 999px) and (max-width: 1023px){
  .package-img-container img {
    top: 15px;
  }
  .package-banner-container h3{
    font-size: 26px;
    line-height: 37px;
  }
}
@media(max-width: 800px){
  .protect-btn{
     position: static;
  }
  .package-banner-container h3{
    font-size: 16px;
    line-height: 25px;
  }
  .btn-package {
    min-width: 150px;
    padding: 10px;
    font-size: 15px;
}
}
@media(max-width: 767.98px){
  .quick-info {
    padding: 25px 0;
  }
  .mrl-140{ margin-left: 10px; margin-right: 10px;}
  .mb-130 {
    margin-bottom: 50px;
  }
  .our-process.our-process-trignometri{ padding-top: 0;}
  .container-fluid.plr-135{ padding: 0 10px;}
    .information-depart .content-box .btn-primary{ bottom: 13px; font-size: 13px;  max-width: 150px;}
    .quick-info p{  margin-bottom: 30px;}
    .quick-info h3{ font-size: 28px; line-height: 35px; }
  .package-banner-container.notify-package .package-img-container img{ width: 100%;bottom: -353px !important; opacity: 0.6;}
  .package-img-container img{    top: -33px; width: 89%; left: 0; opacity: 0.6;}
  .trignometri-explain-container.trignometri-explain-package{ margin: 0 0 50px;}
  .package-banner-container{    margin-top: 0;}
  .packages-budget .budget-list-middle {transform: inherit;}
  .package-banner-container{ margin-top: 0;}
  .signup-form .action-button{margin: 0 5px 0 0; }
  .btn-quit{padding: 0 10px;}
  .package-plan-txt{ padding: 0;}
  .signup-form h3{ font-size: 14px;}
  .signup-form h3, .signup-form p{ font-size: 14px; line-height: 22px;}
  .signup-form p.notifer-info{font-size: 16px; margin: 0;}
  .signup-form h3.form-txt-gray{font-size: 14px;}
  .signup-form p.signup-desc-txt{font-size: 14px; line-height: 20px; padding: 0;}
  .signup-form p.signup-desc-txt.promo-text{font-size: 14px !important;}
  .package-form-table .align-center{ display: block;}
  .package-form-table .align-center .form-control ~ .btn.btn-info,
  .package-form-table .align-center .form-control ~ #promo_apply{
    margin-left: 0;
    margin-top: 12px;
    font-size: 15px;
  }
  .package-plan-txt{ padding: 0;}
  label.plan-amount{margin-left: 0; font-size: 14px;  line-height: normal; display: block;}
  .our-process .process-step .process-content { min-height: inherit;}
  .protect-btn{ position: static;}
  .our-packages .head2{    font-size: 35px; line-height: 46px;}
  .our-packages p{  font-size: 20px;}
  .our-packages .head5{font-size: 35px;}
  .how-works-container .how-work-section-rt{padding: 25px 15px 25px 15px;}
  .package-banner-container h3{font-size: 20px; line-height: normal;}
  .package-notify-container .why-notify-container h3{ font-size: 25px;  line-height: 25px;}
  .rt-form { padding-left: 0; }
  .lt-form { padding-right: 0; }
  .add-new{    line-height: 27px; padding: 0;  font-size: 20px;}
}
@media(max-width: 768px){
  .login-bg .form-login {
    padding: 40px 50px 0px 50px;
  }
  .protect-btn{ margin: 10px 0 0; position: static;}
  .packages-budget .packages-list-wrap{    padding: 40px 0;}
  .packages-budget .budget-list-middle {transform: inherit;}
  .package-banner-container{ margin-top: 0;}
  .sharing-wrap .sharing-content .sharing-content-inside{ min-height: 250px;}
}
@media(width: 768px){
  .package-img-container img{ top: -30px;}
  .our-packages .head2{    line-height: 42px;}
  .mrl-140{margin-left: 10px; margin-right: 10px;}
  .package-img-container img{ left: 0;     top: 20px;
    width: 100%;}
  .package-banner-container h3{      font-size: 25px;  line-height: 35px;}
  .mb-130{    margin-bottom: 130px;}
  .toggle_btn .toggler {
    font-size: 15px;
}
label.plan-amount {
  font-size: 13px;
}
}

@media(max-width: 736px){
  .header .top-bar .contact-info{display: block; text-align: center;}
  .header .top-bar .social-icon{margin-top: 9px;}
  .information-depart ul li{width: 49%;}
  .silder-wrap .carousel-indicators li{width: 10px; height: 10px;}

  /* @media(max-width: 679px){
    .aiag-logo {
      bottom: 28%;
  } */
  }
@media(max-width: 568px){
  .header .top-bar{padding: 10px 0;}
  .our-process .process-step{text-align: center;}
  .our-process .process-step .process-content{text-align: left; min-height: 138px;}
  .our-process .process-step .process-content p{margin-bottom: 0px !important;}
  .our-process .find-more{margin-top: 0;}
  .our-packages h2{margin-bottom: 16px;}
  .packages-budget .budget-list{min-height: inherit; width: 100%;  margin:0 auto 30px; }
  .packages-budget .budget-list .btn-primary{display: block;}
  .triggernometri-explan .card .img-box{text-align: center;}
  .our-package h2 br{display: none;}


.form-title-wrap .form-title, .form-title-wrap .breadcrumb li, .form-title-wrap .breadcrumb li a{font-size: 13px !important;}

/* form-page */
.login-bg .form-login { padding: 40px 20px 0px 20px; }
.signup-box { padding: 100px 20px 40px; }

.aiags .no-gutters{padding: 40px 20px 34px;}
.package-form-table .align-center{ display: block;}
}

@media(max-width: 420px){
.information-depart ul li{width: 100%;}
.form-title-wrap .logo{top:-24px;}
.form-title-wrap .form-title-info{display: block; padding:0; text-align: right; }
.form-title-wrap .form-title-info .form-title{display: block;padding-left: 0; }
.form-title-info .breadcrumb{justify-content: flex-end;}
.all-set-up .top-box h2{font-size: 24px; line-height: 32px; word-break: break-word;}
.tearms-condition .footer-logo{ display: block; margin: 0 auto;}
.tearms-condition{ padding: 30px 0;}
.footer-list{ margin: 10px auto 0; display: block;}
.footer-list li{ padding-bottom: 10px;}
}

@media(max-width: 380px){
.sharing-wrap .sharing-content{display: block;}
.sharing-wrap .sharing-content .left-box{ margin:0 0 10px; text-align: center; }
.sharing-wrap .sharing-content .left-box img{width: 100%; max-width: 100px; margin:auto; }
.sharing-wrap .sharing-content p{text-align: center;}
.signup-form .action-button{ padding: 15px 30px; max-width: 115px;}
.package-img-container img{width: 100%; top: 36px;}
.mrl-140{margin-left: 0px; margin-right: 0px;}
}

@media(max-width: 332px){
  .aiag-logo { bottom: 36%; }
}

#overlay{	
	position: fixed;
	top: 0;
	z-index: 100;
	width: 100%;
	height:100%;
	display: none;
	background: rgba(0,0,0,0.6);
}
.cv-spinner {
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;  
}
.spinner {
	width: 40px;
	height: 40px;
	border: 4px #ddd solid;
	border-top: 4px #2e93e6 solid;
	border-radius: 50%;
	animation: sp-anime 0.8s infinite linear;
}
@keyframes sp-anime {
	100% { 
		transform: rotate(360deg); 
	}
}
.is-hide{
	display:none;
}

form{ position:relative; } 
form.lock::before{
  content:'';
  position:absolute;
  z-index:999;
  top:0;
  right:0;
  bottom:0;
  left:0;
}

button.on{ color:red; }
#edit-profile{ position:relative; } 
#edit-profile .lock::before{
  content:'';
  position:absolute;
  z-index:999;
  top:0;
  right:0;
  bottom:0;
  left:0;
}
.email_verify{color: green; font-size: 13px;font-weight: bold;float: right;}

.modal-confirm {		
  color: #636363;
  width: 400px;
}
.modal-confirm .modal-content {
  padding: 20px;
  border-radius: 5px;
  border: none;
  text-align: center;
  font-size: 14px;
}
.modal-confirm .modal-header {
  border-bottom: none;   
  position: relative;
}
.modal-confirm h4 {
  text-align: center;
  font-size: 26px;
  margin: 30px 0 -10px;
}
.modal-confirm .close {
  position: absolute;
  top: -5px;
  right: -2px;
}
.modal-confirm .modal-body {
  color: #999;
}
.modal-confirm .modal-footer {
  border: none;
  text-align: center;		
  border-radius: 5px;
  font-size: 13px;
  padding: 10px 15px 25px;
}
.modal-confirm .modal-footer a {
  color: #999;
}		
.modal-confirm .icon-box {
  width: 80px;
  height: 80px;
  margin: 0 auto;
  border-radius: 50%;
  z-index: 9;
  text-align: center;
  border: 3px solid #f15e5e;
}
.modal-confirm .icon-box i {
  color: #f15e5e;
  font-size: 46px;
  display: inline-block;
  margin-top: 13px;
}
.modal-confirm .btn, .modal-confirm .btn:active {
  color: #fff;
  border-radius: 4px;
  background: #60c7c1;
  text-decoration: none;
  transition: all 0.4s;
  line-height: normal;
  min-width: 120px;
  border: none;
  min-height: 40px;
  border-radius: 3px;
  margin: 0 5px;
}
.modal-confirm .btn-secondary {
  background: #c1c1c1;
}
.modal-confirm .btn-secondary:hover, .modal-confirm .btn-secondary:focus {
  background: #a8a8a8;
}
.modal-confirm .btn-danger {
  background: #f15e5e;
}
.modal-confirm .btn-danger:hover, .modal-confirm .btn-danger:focus {
  background: #ee3535;
}
.trigger-btn {
  display: inline-block;
  margin: 100px auto;
}
.card-warning{display: none;}
.vertical-line{display: inline-block; border-left: 1px solid #ccc; margin: 0 10px; height: 15px;}

/********* Package pricing ********************/

.toggle, .toggler {display: inline-block;vertical-align: middle; margin: 10px 5px;}
.toggler {color: #2BB573; transition: .2s; font-family: 'HelveticaNeue-Bold'; font-size: 14px; }
.toggler--is-active {color: #4E76AC;}
.b {display: block;}
.toggle {position: relative; width: 60px; height: 20px; border-radius: 12px; background-color: #080E3B; overflow: hidden; box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, 0.05);}
.package_check { position: absolute; display: block; cursor: pointer; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 6;}
.package_check:checked ~ .switch { right: 2px; left: 57.5%; transition: 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition-property: left, right; transition-delay: .08s, 0s;}
.switch {width: 16px; height: 16px; position: absolute;left: 4px;top: 2px;bottom: 2px; border: 1px solid #707070; right: 57.5%;background-color: #fff;border-radius: 36px;z-index: 1;transition: 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);transition-property: left, right;transition-delay: 0s, .08s;}
.hide1{display: none;}

/*************** Plan slectot in signup ***************/
#signup-form .package_sub{margin-left: 26%; }
/*
#signup-form {
  overflow-x: hidden;
}*/
hr.hr-text {position: relative;border: none;height: 1px;background: #999; width: 25%;}
hr.hr-text::before {content: attr(data-content);display: inline-block;background: #fff;font-weight: bold;font-size: 0.85rem;color: #999;border-radius: 30rem;padding: 0.2rem 2rem;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
#logForm .toggler {color: rgb(189, 184, 184);}
#logForm .toggler--is-active {color: #1B1464;}

.silder-sign-form #logForm .toggler {color: #EF4036; font-size: 20px; font-family: 'HelveticaNeue-Bold'; padding-left: 20px;}
.silder-sign-form #logForm .toggler--is-active {color: #2BB573; font-size: 20px; font-family: 'HelveticaNeue-Bold'; padding-right: 20px;}
.trigger_person_profile .confirm_death_btn{background: #f15e5e;}
.trigger_person_profile .details_poup_btn{background: #48aca7;}
@media(max-width: 736px){
  #logForm .toggler--is-active{font-size: 22px;}
  .toggle_btn{text-align:center;}
  .toggle{display: block;  margin: 0 auto;}
}
  #btnSave {
      display: none;
  }
#eit-profile .email_verify{width:100%; display: none; text-align: right;}
#countdown{font-size: 22px;}
#trusted_people_section .loved-one-info{display: block; border: 1px solid #d91c5c; padding: 4px 25px; background-color: #d91c5c; color: #fff;}
@media (max-width: 320px){
  .our-process .find-more .btn-primary{
      width: 200px;
  }
  .toggle_btn_home {
    margin-bottom: 0;
  }
  .toggle_btn{
     padding: 15px 0 0;
  }

}
.show_password {color: #fff; float: left;}
.show_pswd {
  margin-top: 15px !important; 
}
input[type=checkbox] {
  -moz-appearance: checkbox;
}

#resetpasswordForm .error{font-size: 14px !important; color: red;}
#resetpasswordForm .alert p{font-size: 14px !important; }
#logForm .show_pswd{height: 13px;}
#logForm .homeForm input[type="checkbox"]{height: 11px;}


.why-dms-use .faq-use-content{padding: 20px 20px 0;}
.why-dms-use .faq-use-content h2{font-size: 25px;    margin-bottom: 20px;}
.why-dms-use .faq-use-content .txt-why{line-height: 40px; padding: 0 49px 0 0;}
.why-dms-use .faq-use-content p {line-height: 40px; margin-bottom: 30px; font-size: 18px;}
.err-box p{color: #fff;}

/* .header .main-nav{    
  width: 80%;
  float: right;
} */
@media screen and (min-width: 1199.98px) {
  .header .main-nav {text-align: right; display: flex; justify-content: flex-end; align-items: center;}
  .header .main-nav .top-menu li{display: inline-block;}
}
@media screen and (max-width: 1199.98px) {
  .header .main-nav {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    background: #1D2872;
    z-index: 99999;
    left: 0px;
    text-align: center;
    padding: 50px;
    margin: 0px !important;
  }
}
.header .main-nav .top-menu li a, .main-nav .login li a{
  font-size: 12px;
  color: #fff;
  line-height: 20px;
  padding: 10px 26px;
  display: inline-block;
  text-align: center;
  font-family: 'AcherusGrotesque-Extrabold';
}
.navbar-toggler {
  color: #ffffff;
}
.header .main-nav .login  a,.header .main-nav .top-menu li.login a,
.header .main-nav .join  a, .header .main-nav .top-menu li.join a {
  border: 2px solid #fff; 
  border-radius: 2px;
  padding: 7px 10px !important;
  width: 90px; 
  height: 40px; 
  text-align: center; 
}
.header .main-nav .login  a:hover, .header .main-nav .login  a:focus {
  background-color: #ffffff;
  color: #1D2872;
}

.header .main-nav .join  a, .header .main-nav .top-menu li.join a {
  background-color: #ffffff;
  color: #1D2872;
}
.header .main-nav .join  a:hover, .header .main-nav .join  a:focus,
.header .main-nav .top-menu li.join a:hover, .header .main-nav .top-menu li.join a:focus {
  background-color: unset;
  color: #ffffff;
}

.header .main-nav .login{margin-right: 23px;}
.header .main-nav .join{margin-right: 15px;}
.header .social-icon li{display: inline-block; padding-left: 20px;}
.navbar-brand img{width: 31%;}

@media (max-width: 1299.98px){
  .header .main-nav .top-menu li a{padding: 10px 20px;}
}

@media (max-width: 1199.98px){
  .header .main-nav .top-menu li a{padding: 10px 18px;}
  .header .main-nav .join {margin-right: 0; margin-top: 15px; margin-bottom: 0px;}
  .header .main-nav .login {margin-right: 0; margin-top: 15px; margin-bottom: 15px;}
  .header .social-icon li{padding:0; margin: 0 10px;}
}
@media (max-width: 1080px){
  .social-icon.social-icon-mobile-desktop{margin-top: 15px; margin-right: 17px;}
  .navbar-expand-lg .navbar-toggler{margin-top: 5px;}
  .navbar-expand-lg .navbar-toggler .svg-inline--fa
  {
    color: white;
    width: 2rem;
    height: 2rem;
  }
}
@media (max-width: 1023px){
  .navbar-expand-lg .navbar-toggler{margin-right: 15px;}
}

@media (max-width: 998px){
  .header .navbar-toggler{float: right;}
  .header .main-nav{background: #1D2872;}
  .header .main-nav {
      width: 100%;
      float: none;
  }
}
.forgotten_pass{
    text-align: right;
    width: 100%;
    display: inline-block;
    margin-bottom: 20px;
   
}
.forgotten_pass a{
  color: #fff;
  font-size: 15px;
}

.home-slider-bottom-bg{
  background: url(../img/home-slider-bottom-bg.png) no-repeat center top/cover;
}
.home-slider-bottom-bg img{
  width: 75%;
  padding: 12px;
}

.quick-info .sharing_caring{margin-bottom: 12px; justify-content: space-between; color: #5964A7; font-weight: 700;}
.quick-info .sharing_caring .s-c-txt{padding: 0; font-size: 14px; color: #1D2872;}
.keep-secret{
  background-color: #7DDE9D;
  position: relative;
}
.keep-secret.legacy-secure{
  background-color: #181049;
}
.image-position.keep-secret img{
  width: 100%;
  margin-top: -14px;
  object-fit: contain;
}
.keep-secret img{
  width: 100%;
}
.keep-secret .content-box{
  padding: 13.5%;
  font-size: 12px;
  color: #fff;
  padding-bottom: 2.1%;
  padding-top: 10%;
}
.keep-secret.legacy-secure .content-box{
  padding-top: 30px;
  padding-bottom: 30px;
}
.keep-secret .content-box p, .keep-secret .content-box h4, .keep-secret .content-box .get-in-depth a{color: #fff;}
.keep-secret .content-box h4{padding-bottom: 16px; font-size: 30px;}
.keep-secret .content-box .get-in-depth a{font-weight: 900; font-size: 14px;}
.keep-secret .content-box p{font-size: 14px;}
.keep-secret .content-box .get-in-depth{
    display: block;
    width: 93%;
    text-align: right;
}
.secure-block .content-box , .reliable-block .content-box , .discrete-block .content-box{
  max-width: 300px;
  margin: 0 auto;
}
.secure-block .text-box h5, .reliable-block .text-box h5, .discrete-block .text-box h5{color:#180F49; text-align: left;}
.secure-block .text-box p, .reliable-block .text-box p, .discrete-block .text-box p{
  color: #4D4B4B; 
  font-size: 13px;
  text-align: left;
  line-height: 20px;
}
  .secure-block .text-box .learn-more, .reliable-block .text-box .learn-more, .discrete-block .text-box .learn-more{
    display: block; 
    text-align: right; 
    color: #1D2872;  
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 10px;
  }
  .content-box.box-border{
    position: relative;
    z-index: 1;
  }
  .content-box.box-border::before{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 9px;
    left: -9px;
    z-index: -1;
    border: 2px solid #BDDEFF;
  }

  .share-delete-sensitive .lern-more{text-align: right;}
  .share-delete-sensitive .lern-more .btn-primary {
    background: #5964A7;
    color: #fff;
    padding: 7px 45px;
    background-color: #5964A7;
    border: 2px solid #fff !important;
    border-radius: 14px;
    font-size: 1rem;
    font-family: 'HelveticaNeue-Medium';
  }
.signup-form .promo-text{font-size: 23px !important;}
#promo_apply{margin-left: 10px;}
.frequency_box label{font-size: 22px !important;}
.vault-for-free-text{color: #28b574 !important; }
.package-form-table{width: 98%;}
.video-vault-package p, .video-vault-package span, .video-vault-package label{color: black;}

/* New UI Styles */

.family-video-content.x-p .head-content-white.green {
  height: 6.7vw;
  width: 100%;
  margin-top: 6.9vw;
  background: linear-gradient(90deg, rgba(126,222,158,1) 0%, rgba(41,181,115,1) 100%);
}

.form-label
{
  color: white;
  text-align: left;
  font-size: 14px;
  margin-top: 30px;
}
.home-slider-bottom-bg .container-fluid{padding: 53px;}
@media(max-width: 991.98px){
  .home-slider-bottom-bg img{margin: 0 auto; width: 100%; display: block;}
}
@media(max-width: 767.98px){
  .home-slider-bottom-bg img{padding: 0;}
}
@media(max-width: 575.98px){
  .home-slider-bottom-bg .container-fluid{padding: 50px 15px 30px;}
}
.quick-info
{
  background: white;
}
.quick-info .happy-img img
{
  width: 100%;
  height: 100%;
  object-fit: contain;
  /* margin-top: 2.5%;
  margin-top: 6.3%;  */
}

/* How it works section */

.our-process
{
  background: #375487;
  background-repeat: no-repeat;
}
.triangle-bg
{
  display: flex;
  justify-content: space-between;
}
.logo-trignometri-txt
{
  text-align: right;
}
.our-process .how-work
{
  border: none
}
.our-process .how-work h3
{
  color: #fff;
}
.process-step img
{
  max-width: 70%;
}
.item-align-baseline
{
  justify-content: flex-end;
  padding-left: 15%;
  padding-top: 30px
}
.our-process .process-step .process-content
{
  background: rgba(26, 28, 47, 0.28);
  min-height: 145px;
}
.our-process .process-step .process-content p
{
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 0;
}

  @media(max-width: 1599.98px){
  .our-process .process-step .process-content{ min-height: 155px;}
  }
/* .process-step.white-bg, */
.process-step.white-bg-1,
.process-step.white-bg-2,
.process-step.white-bg-3
{
  background: rgba(255, 255, 255, 0.8);
  padding-top: 75%;
}
/* .process-step.white-bg-3
{
  padding-top: 200px;
}
.process-step.white-bg
{
  height: 100px;
} */
.our-process .container-fluid,
.our-process .container-fluid .how-work
{
  padding-top: 0;
}
.triangle-bg
{
  background: url(../img/aiag_border_pattern_1.png) no-repeat center top/cover;
  padding: 1.5% 3%;
  width: 100%;
  margin: 0;
  background-position: right bottom;
}
.triangle-bg h3,
.triangle-bg h6
{
  color: white !important;
}
.triangle-bg h6.trigno-txt-bg{
  width: fit-content;
  margin-left: auto;
  padding: 0;
  padding-left: 30px;
  line-height: 1.25rem;
}
.triangle-bg h3
{
  font-size: 24px;
}
.tigno-head,
.trigno-txt-bg
{
  font-size: 1.125rem;
  line-height: 1.5rem;
  font-family: 'Arial-Bold';
}
.tigno-margin-b
{
  margin-bottom: 20px;
}
.trigno-txt-bg
{
  margin-bottom: 0;
  background: rgba(255, 255, 255, 0.3);
  padding: 5px;
}
.bg-triangle
{
  position: absolute;
  width: 100%;
  top: 0;
}
.bg-path
{
  z-index: 1;
  position: relative;
  bottom: 20px;
  width: 100%;
}
.process-step.first-card
{
  position: relative;
  z-index: 2;
}
.process-step.white-bg-1 img
{
  position: relative;
  z-index: 2;
}
.logo-triangle
{
  display: flex;
  align-items: center;
  width: 50%;
}
.logo-triangle img
{
  height: 130px;
}
.slogan-text
{
  display: flex;
  justify-content: center;
}
.slogan
{
  background: #080E3B;
  padding: 20px 0;
  text-align: center;
  margin-right: 0;
  margin-left: 0;
}
.works-head
{
  color: #fff;
  margin-top: 3px;
  text-align: center;
}
.works-head span
{
  text-decoration: underline;
}

/* How it works section end */


.pricing-table-content
{
  justify-content: space-around;
  align-items: center;
  padding-top: 30px;
  padding-bottom: 30px;
}
.learn-more-button
{
  display: flex;
  justify-content: center;
}
.learn-more-section
{
  background: #1A1C2F;
}
.learn-more-section .rate
{
  color: #fff;
  font-weight: bold;
}
.learn-more-section .rate h4
{
  color: #fff;
}
.learn-more-section .learn-more-button a
{
  color: #1A1C2F;
  background: white;
  padding: 10px 20px;
  border-radius: 4px;
}
.rate
{
  font-weight: bold;
  color: #1A1C2F;
}
.price-details h5
{
  font-weight: 600;
  color: #1A1C2F;
  font-size: 15px;
}
.price-details li
{
  color: #4D4B4B;
  font-size: 14px;
}
.pricing-table-content.delete
{
  border-bottom: 1px solid #1A1C2F;
}
.pricing-table-info h2
{
  color: #180F49;
  margin-bottom: 60px;
  font-size: 2rem;
}
.pricing-table-info
{
  background: white;
}
.pricing-table-info h4
{
  color: #180F49;
  font-size: 1.2rem;
}
.pricing-table-info .table-details
{
  padding-left: 6%;
}
.pricing-table-info .table-details .first-para
{
  font-size: 20px;
  margin-bottom: 55px;
}
.pricing-table-info .table-details .para
{
  font-size: 16px;
  margin-bottom: 28px;
}

/* price table section end */

/* footer section */

.newsletter li h6
{
  color: #fff;
  font-size: 12px;
  letter-spacing: 1px;
  margin-bottom: 10px;
}
.newsletter .form-row{
  margin: 0;
  flex-wrap:initial;
}
.newsletter form input[type=text]
{
  background: transparent;
  border: 1px solid white;
  padding: 5px 10px 5px 20px;
  color: white;
  border-radius: 4px 0 0 4px;
  font-size: 12px;
  height: 40px;
  width: 100%;
}
.newsletter form input[type=text]::placeholder
{
  color: #fff;
  font-size: 12px;
}
.newsletter form input[type=submit]
{
  background: white;
  padding: 6px 20px;
  margin-left: 0;
  border: none;
  font-size: 12px;
  height: 40px;
  border-radius: 0 4px 4px 0;
  width: 57px;
}
.newsletter form input:focus{
  border-color: #ffffff !important;
}
.contacts li a
{
  color: #fff;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 26px;
}
.contacts li a .fa-facebook-f
{
  margin-right: 15px;
}
.contacts li a .fa-instagram
{
  margin-right: 10px;
}
.contacts li a .fa-youtube{margin-right: 6px;}
.copyright
{
  font-size: 12px;
}
.activeicon{
  background-image:url(../img/plan-active-icon.png) !important;
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
}
.deactiveicon{
  background-image:url(../img/plan-inactive-icon.png);
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
}
/* footer section end */


/* how it works section */

.it-works-banner
{
  display: flex;
  align-items: center;
  border: none;
}
.it-works-banner h1
{
  margin-top: 50px;
  font-family: 'AcherusGrotesque-Extrabold';
  font-size: 60px;
  line-height: 55px;
}
.why-dms-use
{
  background: white;
}
.why-dms-use .container-fluid
{
  border: none;
}
.need-to-use-card
{
  padding: 0 5px 0 0;
}
.why-dms-use.how-it-works-content .why-dms-use-content h2
{
  font-family: 'Arial-Bold';
  font-size: 28px;
  line-height: 32px;
}
.why-dms-use.how-it-works-content .why-dms-use-content .txt-why,
.why-dms-use.how-it-works-content .why-dms-use-content p
{
  font-family: Arial;
  font-size: 14px;
  line-height: 24px;
  color: #4D4B4B;
  margin-bottom: 20px;
}
.why-dms-use.how-it-works-content .need-to-use-card{padding-right: 8px;}
.why-dms-use.how-it-works-content .need-to-use-card:last-child{padding-right:0;}
.why-dms-use.how-it-works-content .dms-content{
  display: flex;
  flex-flow: column;
  height: 100%;
  text-align: left;
  padding-top: 0;
}
.why-dms-use.how-it-works-content .dms-content .description{
  line-height: 20px;
  height: auto !important;
  flex-grow: 1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

@media(max-width: 575.98px){
  .why-dms-use.how-it-works-content .need-to-use-card{
    padding: 8px;
    max-width: 300px;
  }
}

.why-dms-use .why-dms-use-content .txt-why,
.why-dms-use .why-dms-use-content p
{
  font-size: 22px;
  line-height: 24px;
  font-family: 'HelveticaNeue-Medium';
}
.why-dms-use .why-dms-use-content.extra-padding-60{
  padding-top: 60px;
}
.frequently-asked-questions.why-dms-use .why-dms-use-content h2,
.frequently-asked-questions.why-dms-use .faq-use-content h5,
.terms-and-conditions.why-dms-use .why-dms-use-content h2 {
  text-transform: uppercase;
}
.why-dms-use
{
  margin-bottom: 50px;
  margin-top: 50px;
  box-shadow: 0px 3px 6px rgba(0,0,0,0.16);
}
.why-dms-use .faq-use-content h5
{
  font-family: 'AcherusGrotesque-Extrabold';
  font-size: 28px;
}
.why-dms-use .faq-use-content p
{
  font-family: 'HelveticaNeue-Medium';
  font-size: 22px;
}
.how-works-container .how-work-section-rt
{
  background: #F1F9FF;
  margin-top: 20px;
  margin-bottom: 20px;
}
.how-works-container .how-work-section-rt .head2
{
  background: white;
  box-shadow: 0px 3px 6px rgba(0,0,0,0.16);
  display: flex;
  justify-content: flex-end;
  padding: 5px 50px;
  letter-spacing: 0;
}
.how-works-container .how-work-section-rt .our-process
{
  background: none;
  padding: 60px;
}
.bg-dblue
{
  font-size: 1.1rem;
  color: white;
  font-family: 'Arial-Bold';
  background: #080E3B;
  padding: 10px;
  display: flex;
  justify-content: center;
  margin-bottom: 50px;
}
.how-works-container .how-work-section-rt .our-process .process-step .process-content
{
  background: #080E3B;
  margin-bottom: 0px;
}
.how-works-container .how-work-section-rt .caption-trignometri
{
  padding: 18px 10px;
  margin: 0;
  box-shadow: 0px 3px 6px rgba(0,0,0,0.16);
  font-size: 1rem;
  text-align: center;
}
.triggernometri-explain-txt-con {
  box-shadow: 0px 3px 6px rgba(0,0,0,0.16);
  background-color: #F1F9FF;
}
.how-work-logo-triangle
{
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
.how-work-logo-triangle img
{
  width: 40%;
}
.how-work-logo-triangle h3
{
  color: white;
}
.para-bold
{
  font-family: 'Arial-Bold';
}
.how-works-container .how-work-section .work-step-list li
{
  font-size: 14px;
}
.dms-triangles-img
{
  background: #fff;
  padding: 0;
  margin: 20px 0;
}
.dms-triangles-img h2
{
  color: white;
  background: #080E3B;
  display: flex;
  justify-content: flex-end;
  padding: 15px 50px;
}
.img-con
{
  padding: 50px;
}
.blue-con
{
  background: #080E3B;
  height: 55px;
}
.triggernometri-explain-txt-con h2
{
  padding-bottom: 100px;
  color: #080E3B;
}
.triggernometri-explain-txt-con p,
.triggernometri-explain-txt-con p span,
.triggernometri-explain-txt-con li,
.triggernometri-explain-txt-con li span
{
  color: #080E3B;
}
.triggernometri-explan
{
  padding: 25px 0 0 0;
}
.trignometri-explain-container
{
  background: white;
  box-shadow: 0px 3px 6px rgba(0,0,0,0.16);
}
.package-option-txt
{
  background: #080E3B;
}
.package-option-txt h2
{
  padding: 5px 50px;
  font-size: 28px;
  margin: 0;
}
.container-fluid.pd-plr.plr-15
{
  padding: 0;
}
.trigon-row
{
  margin: 0;
}
.trignometri-explain-container .how-work-section
{
  background: #180F49;
}
.trignometri-explain-container .how-work-section.g-bg
{
  background: #F1F9FF;
}
.trignometri-explain-container .how-work-section.g-bg h2,
.trignometri-explain-container .how-work-section.g-bg p,
.trignometri-explain-container .how-work-section.g-bg li
{
  color: #080E3B;
}
.package-txt-main-con
{
  margin: auto;
}
.package-banner-con{position: relative;}
.package-text-box{
  background-color: #DBECF4;
  position: absolute;
  right: 10%;
  margin-top: 40px;
  padding: 40px 30px 35px;
  display: inline-flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 450px;
}
.package-txt-con h3
{
  color: #180F49;
  font-size: 1.5rem;
  line-height: 1.875rem;
  text-align: center;
}
.package-img-con img
{
  height: 100%;
  width: 100%;
}

/*   Packages */
.packages-banner
{
  max-width: 100%;
}
.container-fluid.plr-135.package-head-txt
{
  padding-top: 100px;
}
.packages-budget-head-txt
{
  margin-top: 30px;
}
.packages-budget-head-txt .package-content-top-txt
{
  background: white;
}
.pricing-table-section .budget-body .feature-list-status p
{
  font-size: 11px;
  text-align: left;
  font-weight: 600;
  line-height: 1.4;
}
.budget-body .feature-list-status p
{
  font-size: 12px;
  text-align: left;
  color: #080E3B;
}
@media(max-width: 991.98px){
  .budget-body .feature-list-status p{line-height: 18px;}
}

@media(max-width: 767.98px){
  .trignometri-explain-container.prl-140{padding-left:30px; padding-right: 30px;}
}
@media(max-width: 575.98px){
  .trignometri-explain-container.prl-140{padding-left:15px; padding-right: 15px;}
}
.budget-body .feature-list-status .fa-check
{
  color: #2699FB;
  width: 15px;
  height: 15px;
}
.packages-budget .budget-list h4 span
{
  font-family: 'Arial-Bold';
}
.notify-btn-select-main
{
  background: #BEDEFD;
}
.video-share-btn-select-main
{
  background: #5964A7;
}
.delete-btn-select-main
{
  background: #7EDE9E;
}
.share-btn-select-main
{
  background: #FF7D7D;
}
.notify-btn-select,
.delete-btn-select,
.share-btn-select
{
  color: white;
  font-weight: bold;
  font-size: 16px;
  letter-spacing: 2px;
  display: block;
  width: 100%;
}
.packages-logo-triangle
{
  display: flex;
  align-items: center;
  padding: 20px 100px;
}
.packages-logo-triangle h3
{
  color: white;
  font-size: 30px;
}
.packages-pricing-txt h3
{
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: white;
  font-size: 30px;
}
.package-notify-container .bg-notify
{
  background: #8FBEEE;
}
/* .package-notify-container .why-notify-content
{
  display: flex;
  justify-content: center;
} */
.package-notify-container .why-notify-content img
{
  width: 100%;
}
.package-notify-container .why-notify-content a
{
  bottom: 75px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  border: 1px solid transparent;
  padding: 14px;
  width: auto;
  max-width: 180px;
}
.package-notify-container .why-notify-container h3
{
  padding-bottom: 50px;
}
.package-notify-container .why-notify-container p
{
  color: #ffffff;
  font-size: 18px;
  font-family: 'Arial-Bold';
}
.package-notify-container .why-notify-container h6{
  font-family: 'Arial-Bold';
  font-size: 15px;
}
.family-video-content-packages .family-video-content.x-p .head-content-white
{
	padding: 20px 25px 10px;
}
.family-video-content-packages .family-video-content.x-p .head-content-white h3
{
  font-size: 1.8rem;
  margin-bottom: 5px;
}
.family-video-content-packages .family-video-content.x-p .head-content-white p
{
	font-size: 14px;
  margin-bottom: 0;
  line-height: 1.5;
}
.family-video-content-packages .family-video-content.x-p .text-content-green
{
	padding: 34px 25px 10px;
}
.family-video-content-packages .family-video-content.x-p .text-content-green h3
{
	margin-bottom: 30px;
  font-size: 1.4rem;
}
.family-video-content-packages .family-video-content.x-p .text-content-green p
{
	margin: 15px 0;
  font-size: 14px;
  line-height: 1.5;
}
.family-video-content.x-p .text-content-green.d-blue-txt p {
  color: #180F49;
}
.family-video-content-packages .family-video-content.x-p .text-content-green h4
{
	font-size: 1rem;
}
.family-video-content-packages .family-video-content.x-p .choose-container-blue h4
{
	font-size: 1.2rem;
  margin-bottom: 0;
}
.family-video-content-packages .family-video-content.x-p .choose-container-blue
{
	padding: 15px;
}
.package-notify-container .why-notify-container h3
{
  padding-bottom: 25px;
  font-size: 32px;
}
.package-notify-container .why-notify-container p
{
  color: #ffffff;
  font-size: 18px;
  font-family: 'Arial-Bold';
  line-height: 1.5rem;
}

.package-notify-container .why-notify-container p{
  font-size: 14px;
  font-family: 'Arial';
  line-height: 26px;
}
.package-notify-container .why-notify-container.d-blue-text p {
  color: #180F49;
}
.package-notify-container .why-notify-container p strong{
  font-family: 'Arial-Bold';
}
.our-process-trignometri .process-step .process-content
{
  min-height: 8vw;
}
/* Page not found */

.it-works-banner.page-not-found
{
  background:url(../img/page-not-found.svg)no-repeat center top/cover;
}

/* Terms and Conditions */


.it-works-banner.terms-and-conditions,
.it-works-banner.download-banner
{
  background:url(../img/aiag_header_red.svg)no-repeat center top/cover;
}


/* Family Video */


.bg-family-video
{
  background: #7DDE9D;
  padding: 40px 100px;
}
/* .family-video-content
{
  padding: 50px 0;
} */
.family-video-content img
{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: left top;
}
.family-video-content.x-p .head-content-white
{
  background: white;
  padding: 30px 40px 10px;
}
.family-video-content.x-p .head-content-white h3
{
  color: #33CC66;
  font-size: 2rem;
  margin-bottom: 25px;
}
.family-video-content.x-p .head-content-white p
{
  color: #33CC66;
  font-size: 18px;
}
.family-video-content.x-p .text-content-green
{
  /* background: rgba(51, 204, 102, 0.39); */
  padding: 45px 45px 30px;
}
.card.f-v-txt-sec.with-green-background {
  background: #7DDE9D;
}
/* .family-video-content.x-p .text-content-green.with-green-background
{
  background: rgba(51, 204, 102, 0.39);
} */
.family-video-content.x-p .text-content-green h3,
.family-video-content.x-p .text-content-green h4,
.family-video-content.x-p .text-content-green p
{
  color: #ffffff;
}
.family-video-content.x-p .text-content-green h3
{
  margin-bottom: 20px;
}
.family-video-content.x-p .text-content-green p
{
  margin: 0 0 20px;
  font-size: 16px;
}
.family-video-content.x-p .choose-container-blue
{
  background: #1A1C2F;
  padding: 25px;
}
.family-video-content.x-p .choose-container-blue h4
{
  color: white;
  text-align: center;
}
a:hover,a:focus,button:hover,button:focus{
  transition: 0.3s ease all;
}
.family-video-content-learn-more
{
  color: white;
  background: #080E3B;
  padding: 10px 20px;
  border-radius: 12px;
  text-align: center;
  margin: 10px auto;
  font-size: 1rem;
  font-family: 'HelveticaNeue-Bold';
  display: block;
  width: 100%;
  max-width: 170px;
}
.family-video-content-learn-more:hover,.family-video-content-learn-more:focus{
  background-color: #ffffff;
  color: #080E3B;
}
.family-video-content.x-p .text-content-green.video-home .family-video-content-h4
{
  margin-bottom: 50px;
  font-size: 18px;
}
.family-video-content.x-p .head-content-white.video-home .family-video-content-h3
{
  font-size: 2rem;
  color: #18A347;
  font-family: 'Arial-Bold';
}
.family-video-content.x-p .text-content-green.video-home
{
  padding: 30px;
  padding-bottom: 3.5%;
}
.family-video-content.x-p .text-content-green.video-home .family-video-content-h3
{
  font-size: 1.5rem;
}
.family-video-content.x-p .text-content-green.video-home .family-video-content-p
{
  font-size: 14px;
}
.package-notify-container .why-notify-container h4
{
  color: #180F49;
  font-size: 1.6rem;
}
.packages-banner.video-vault-banner
{
  background: url(../img/aiag_header_red.svg)no-repeat center top/cover;
}
.video-vault-package-container
{
  padding: 10px;
  border: 2px solid #1D2872;
  margin-bottom: 50px;
}
.video-vault-package-container .signup-desc-txt.promo-text
{
  margin-bottom: 5px;
}
.video-vault-package-container .video-vault-package
{
  background: #1D2872;
}
.video-vault-package-container .video-vault-package .signup-desc-txt
{
  padding: 0;
  width: 90%;
  color: white;
}
.video-vault-package-container .video-vault-package .signup-desc-txt span,
.video-vault-package-container .video-vault-package .plan-amount
{
  color: white;
}
.video-vault-package-container .table.package-form-table.v-v-p-con
{
  width: 100%;
}
.video-vault-package-container .video-vault-package .v-v-p-con-width-red
{
  width: 65%;
}
.social-icon-mobile
{
  display: none;
}
.footer-list.f-l-mob
{
  margin-left: 40px;
}
.family-video-content-packages.vid-valt-page .family-video-content.x-p .head-content-white
{
  padding: 40px 40px 22px;
  margin-left: -1px;
}

@media (max-width: 998px){
  section
  {
    overflow: visible;
  }
  .social-icon-mobile-desktop
  {
    display: none;
  }
  .social-icon-mobile
  {
    display: block;
  }
  .header .main-nav .social-icon
  {
    margin-right: 17px;
    margin-top: 15px;
  }
  .header .social-icon li {
    margin: 0;
  }
  .pricing-table-info .table-details 
  {
    padding-left: 40px;
  }
  .pricing-table-section
  {
    /* padding-right: 0; */
  }
  .newsletter
  {
    padding: 0;
    text-align: left;
    margin: 20px 0;
  }
  .contacts-footer-mob
  {
    text-align: center;
  }
  .item-align-baseline
  {
    padding-left: 0;
  }
  .bg-family-video{
    padding: 40px 0;
  }
}
@media (max-width: 480px)
{
  .logo-triangle
  {
    position: unset;
  }
  .logo-triangle h3
  {
    font-size: 1rem;
    color: #180F49;
  }
  .process-step.white-bg-1,
  .process-step.white-bg-2,
  .process-step.white-bg-3
  {
    padding-top: 60px;
  }
  .how-works-container .how-work-section-rt .our-process
  {
    padding: 0;
  }
  .package-notify-container .why-notify-container h3
  {
    line-height: 1.2;
  }
  .package-notify-container .why-notify-container
  {
    padding: 50px 0 0;
  }
  .pricing-table-info .table-details
  {
    padding-left: 20px;
  }
  .pricing-table-section
  {
    padding-right: 20px;
  }
  /* .triangle-bg
  {
    display: none;
  } */
  .bg-family-video
  {
    padding: 0;
  }
  .pricing-table-content .rate
  {
    width: 50%;
    padding-left: 15px;
  }
  .pricing-table-content .price-details
  {
    width: 50%;
  }
  .newsletter
  {
    padding: 0;
    margin: 0;
  }
  .footer-list-mob
  {
    margin-left: 0;
    margin-right: 0;
    text-align: center;
  }
  .footer-list.f-l-mob
  {
    margin-left: auto;
  }
  .packages-logo-triangle
  {
    padding: 20px 0;
  }
  .package-txt-con
  {
    padding-top: 4%;
  }
  .why-dms-use .need-to-use-card .dms-content
  {
    text-align: center;
  }
  .package-txt-con .btn-package,
  .package-txt-con .btn-more
  {
    padding: 4px;
    margin-top: 0 !important;
  }
  .package-txt-con .btn-package
  {
    min-width: auto;
  }
  .package-txt-con h3
  {
    font-size: 8px;
    margin-bottom: 0;
    padding: 0 20px;
  }
  .package-notify-container .why-notify-content a
  {
    bottom: 60px;
  }
  .how-work-logo-triangle h3
  {
    font-size: 1.5rem;
  }
  .how-work-logo-triangle img
  {
    width: 30%;
  }
  .how-works-container .how-work-section-rt .caption-trignometri
  {
    padding: 5px 2px;
  }
  .pricing-table-content .learn-more-button
  {
    right: 0 !important;
  }
}

.social-icon li .user-icon-header{

    background: none; 
    border-radius: none;
    line-height: none;
    color: none;
    text-align:none;
    font-size: none;
    margin: none;
    border: none;
}


.pricing-table-content.share
{
  border-bottom: 1px solid #1A1C2F;
}
.pricing-table-content .learn-more-button
{
  position: absolute;
  right: 150px;
}
.pricing-table-content .learn-more-button a
{
  color: #1A1C2F;
  background: white;
  padding: 10px 20px;
  border-radius: 4px;
  opacity: 0;
}
.pricing-table-content:hover
{
  background: #1A1C2F;
}
.pricing-table-content:hover .learn-more-button a
{
  opacity: 1;
}
.pricing-table-content:hover .price-details
{
  opacity: 0;
}
.pricing-table-content:hover .rate h6,
.pricing-table-content:hover .rate h4
{
  color: white;
}
.skip-password-fileds
{
    width: 58%;
    margin: 25px auto;
    text-align: center;
}
.package-banner-con .package-txt-con .btn-more
{
  font-family: 'Arial';
  font-size: 14px;
  width: 30%;
  padding: 10px;

}
#vault_package-error, #package_option-error {
  line-height: 28px;
  color: #d11d1d;
  font-size: 19px !important; 
   float: none !important; 
  text-align: center;
}

#newsletter p{margin-top:10px;}
#newsletter .email-error{color: #d11d1d; display: none;}

@media (max-width: 340px)
{
  .package-txt-con h3,
  .package-txt-con h3
  {
    font-size: 6px;
  }
  .newsletter
  {
    margin: 0;
    padding: 0;
  }
  .quick-info .sharing_caring .s-c-txt
  {
    padding: 0 5px;
  }
  .package-notify-container .why-notify-content a
  {
    bottom: 55px;
    font-size: 12px;
  }
}
.navbar-brand
{
  padding-left: 1rem;
}
.it-works-banner.page-not-found
{
  align-items: flex-start;
  padding: 0;
  padding-top: 50px;
}
.it-works-banner.page-not-found h1
{
  font-family: 'AcherusGrotesque-Black';
  font-size: 100px;
  line-height: 1;
  margin-top: 0;
}
.it-works-banner.page-not-found .sub-title
{
  letter-spacing: 8px;
}
.it-works-banner.page-not-found p
{
  margin-bottom: 60px;
  font-family: 'AcherusGrotesque-Extrabold';
  margin-top: 30px;
}
.it-works-banner.page-not-found .btn.btn-package.mt-3
{
  font-family: 'Arial-Bold';
  font-size: 16px;
  width: 13%;
  margin: 0 2%;
}
.packages-page-white-bg
{
  background: white;
  position: absolute;
  width: 100%;
  height: 18%;
}
.packages-select-tables
{
  position: relative;
  z-index: 8;
  box-shadow: 0px 0px 8px #aaa;
}
.packages-budget-head-txt .package-content-top-txt
{
  position: relative;
  box-shadow: 0px 3px 6px #aaa;
}
.family-video-container.mrl-140
{
  box-shadow: 0px 0px 8px #aaa;
}
.package-notify-container.mrl-140
{
  box-shadow: 0px 3px 6px #aaa;
  background-color: #ffffff;
}
@media (max-width: 1080px) and (min-width: 990px)
{
  .navbar-expand-lg .navbar-toggler 
  {
    display: block;
    float: right;
  }
  .navbar-expand-lg .navbar-toggler .svg-inline--fa
  {
    color: white;
  }
  .header .main-nav.show 
  {
    width: 100%;
    float: none;
    display: block !important;
  }
  .header .main-nav
  {
    display: none !important;
  }
  .navbar-expand-lg .navbar-nav
  {
    flex-direction: column;
  }
  .header .main-nav .top-menu li
  {
    display: block;
    float: right;
  }
  .silder-sign-form form
  {
    margin-top: 0;
  }
  .new-login-btn a .user_txt
  {
    font-size: 14px;
  }
}
.why-dms-use-content.download-page h4
{
  font-size: 28px;
  margin-bottom: 30px;
  color: #180F49;
}
.why-dms-use-content.download-page .download-page-content
{
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.why-dms-use-content.download-page .download-page-content p
{
  font-size: 20px;
  margin-bottom: 15px;
  font-family: 'Arial';
}
.why-dms-use-content.download-page .download-page-content a
{
  font-family: 'Arial-Bold';
  color: #707070;
  font-size: 16px;
}
.download-page-container
{
  padding-top: 50px;
  padding-bottom: 100px;
}
@media (max-width: 1080px)
{
  .it-works-banner.download-banner .container-fluid.plr-135
  {
    padding: 0 15px;
  }
}
@media (max-width: 450px)
{
  .it-works-banner h1,
  .packages-banner h1
  {
    font-size: 275%;
  }
}
.choose-container-blue a
{
  color: white;
  font-size: 17px;
  font-family: 'HelveticaNeue-Bold';
  display: flex;
  justify-content: center;
}
@media (min-width: 480px) and (max-width: 767.98px)
{
  .whole-footer
  {
    justify-content: center;
    align-items: center;
  }
  .footer-logo-div
  {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
  }
  .footer-list-mob
  {
    justify-content: space-between;
    align-items: center;
  }
  .newsletter {
    padding-left: 0;
}
}
@media (max-width: 580px)
{
  .footer-list li
  {
    padding-right: 6px;
  }
}
.about-us-team-det
{
  text-align: right;
}
.about-us-team-det.a-u-t-d-l
{
  text-align: left;
}
.about-us-team-img img
{
  width: 100%;
}
.about-us-team-det h4
{
  font-size: 28px;
  color: #180F49;
}
.about-us-team-det h6,
.about-us-team-det p
{
  font-size: 20px;
  font-family: 'HelveticaNeueRegular';
}
.about-us-team
{
  align-items: center;
  padding: 50px 0;
}
.about-us-team-img.a-u-t-img-mob
{
  display: none;
}
@media (max-width: 900px)
{
  .about-us-team
  {
    padding: 25px 0;
  }
  .about-us-team-img.a-u-t-img-mob
  {
    display: block;
  }
  .about-us-team-img.a-u-t-img-desk
  {
    display: none;
  }
  .about-us-team-det
  {
    text-align: left;
  }
  .why-dms-use .need-to-use-card .dms-content
  {
    padding-left: 5px;
  }
  .why-dms-use .need-to-use-card .dms-content{padding: 0;}
}
@media (max-width: 1120px) and (min-width: 998px)
{
  .footer-list.f-l-mob,
  .newsletter 
  {
    margin-left: 50px;
  }
  /* .information-depart .content-box .text-box
  {
    min-height: 220px;
  } */
  .our-process .process-step .process-content
  {
    min-height: 220px !important;
  }
}
@media (max-width: 997px) and (min-width: 480px)
{
  /* .information-depart .content-box .text-box
  {
    min-height: 150px;
  } */
  .our-process .process-step .process-content
  {
    min-height: 170px !important;
  }
  .footer-logo-div
  {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 25px;
  }
}

.card.f-v-img-sec
{
  padding: 0;
  background-color: transparent;
  border: none;
}
.card.f-v-txt-sec
{
  padding: 0;
  background-color: rgba(51, 204, 102, 0.39);
  border: none;
}
@media (min-width: 1507px)
{
  .family-video-content-packages .family-video-content.x-p .choose-container-blue
  {
    position: absolute;
    bottom: 0;
    width: 100%;
  }
}

@media (min-width: 1750px)
{
  .family-video-content-packages .family-video-content.x-p .head-content-white h3
  {
    font-size: 2rem;
  }
  .family-video-content-packages .family-video-content.x-p .head-content-white p
  {
    font-size: 18px;
  }
  .family-video-content-packages .family-video-content.x-p .text-content-green h3
  {
    font-size: 1.8rem;
  }
  .family-video-content-packages .family-video-content.x-p .text-content-green p
  {
    font-size: 18px;
  }
  .family-video-content-packages .family-video-content.x-p .text-content-green h4 
  {
    font-size: 1.4rem;
  }
}
.terms-popup p, .terms-popup .triggernometri-explain-list li, .terms-popup h2{
    font-size: 16px;
    color:#000;
}
.terms-popup .why-dms-use-content{
  padding: 10px;
}
.terms-popup .triggernometri-explain-list li, .terms-popup h2{
  line-height: 32px;
}

/* landing page styles */

.main-head-banner {
  /* background-image: url('../img/new-head-banner-img.jpg');
  background-repeat: no-repeat;
  background-size: cover; */
  background-color: #181049;
  /* background-blend-mode: multiply; */
  padding: 5% 4% 8%;
  position: relative;
}
.viral-info{
  position: absolute;
  bottom: -56px;
  right: 50px;
}
.viral-image{
  width: 200px;
  height: auto;
  background-repeat: no-repeat;
}
@media (max-width: 1400px) {
  .viral-image{
    width: 190px;
    height: auto;
    background-repeat: no-repeat;
  }
}
@media (max-width: 764px) {
  .viral-image{
    width: 138px;
    height: auto;
    background-repeat: no-repeat;
  }
  .viral-info{
    position: absolute;
    bottom: -23px;
    right: 50px;
  }
}

@media (max-width: 640px) {
  .viral-image{
    width: 110px;
  }
  .viral-info{
    bottom: -23px;
    right: 20px;
  }
}

@media (max-width: 579px) {
  .viral-image{
    width: 95px;
  }
  .viral-info{
    bottom: -30px;
    right: 10px;
  }
}

@media (min-width: 520px) {
  .padding-l-mob-adj {
    padding-left: 140px !important;
  }
}

.hb-left-part {
  background-image: url('../img/new_bg_aiag_head.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  padding: 30px 0 10.3% 45px;
  position: relative;
}
.hb-left-part .hb-free-signup-img {
  width: 35%;
  max-width: 379px;
  position: relative;
}
.hb-left-part .hb-free-signup-img .hb-try-now-demo-btn {
  position: absolute;
  bottom: 25px;
  left: 33%;
  font-size: 12px;
}
.hb-left-part .hb-free-signup-img img {
  width: 100%;
}
.hb-left-part .hb-family-img-sec {
  width: 80%;
  position: absolute;
  bottom: 0;
  right: -30px;
}
.hb-left-part .hb-family-img-sec img {
  width: 100%;
}
@media (max-width: 1199.98px) {
  .hb-left-part {
    padding: 0 15px;
  }
  .hb-left-part .hb-free-signup-img {
    margin: 30px 0 30px 40px;
    max-width: 300px;
  }
  .hb-left-part .hb-family-img-sec{
    right: 0;
    max-width: 650px;
  }
}
@media (max-width: 991.98px) {
  .hb-left-part .hb-free-signup-img {
    max-width: 250px;
  }
  .hb-left-part .hb-family-img-sec{
    max-width: 600px;
  }
}
@media (max-width: 767.98px) {
  .hb-left-part .hb-free-signup-img {
    width:100%;
    margin: 20px auto 0px;
    max-width: 275px;
  }
  .hb-left-part .hb-family-img-sec{
    position: relative;
    height: 260px;
    right: 0;
    margin-top: -15px;
    width: 100%;
    max-width: 100%;
    padding-right: 15px;
    object-fit: contain;
  }
  .hb-left-part .hb-family-img-sec img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: right bottom;
  }
}

@media (max-width: 575.98px) {
  .hb-left-part .hb-free-signup-img {
    margin: 20px auto;
  }
}

@media (max-width: 399.98px) {
  .hb-left-part .hb-free-signup-img {
    max-width: 379px;
    margin: 0 auto;
    padding: 15px;
  }
  .hb-left-part .hb-family-img-sec{
    height: auto;
    margin-top: 0px;
  }
}

.hb-left-part h3 {
  color: #fff;
  font-family: 'AcherusGrotesque-Extrabold';
  font-size: 2.2rem;
  line-height: 2.5rem;
}

.hb-card {
  padding: 25px;
  background: #5964A7;
  /* box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
  backdrop-filter: blur( 17px );
  -webkit-backdrop-filter: blur( 17px ); */
}

.hb-card-content {
  border: 1px solid #fff;
  font-family: 'AcherusGrotesque-Regular';
}

.hb-card p {
  font-size: 16px;
  letter-spacing: 1px;
}

.hb-card-content .hb-card-contents li{
  font-size: 1rem;
  letter-spacing: 1px;
  font-family: 'AcherusGrotesque-MediumItalic';
}

.hb-card-first {
  background-color: #181049;
  padding: 5px 40px;
  margin-bottom: 20px;
  border-bottom: 1px solid #ffffff;
}

.hb-card-first p {
  color: #ffffff;
  font-family: 'AcherusGrotesque-ExtraboldItalic';
  letter-spacing: 1px;
}

.hb-card-second .hb-card-subhead {
  background: linear-gradient(90deg, rgba(250,250,250,1) 60%, rgba(248,244,244,0.25) 100%);
  /* background-color: #5964A7; */
  padding: 5px 80px 5px 40px;
}

.hb-card-second .hb-card-subhead p,
.hb-card-third .hb-card-subhead p {
  color: #080E3B;
  font-family: 'AcherusGrotesque-Bold';
}

.hb-card-third .hb-card-subhead {
  background: linear-gradient(90deg, rgba(250,250,250,1) 60%, rgba(248,244,244,0.25) 100%);
  /* background-color: #2BB573; */
  padding: 5px 80px 5px 40px;
}

.hb-card-second ul,
.hb-card-third ul {
  padding: 5px 40px;
  color: #fff;
  line-height: 1.8;
}

.hb-actn-btns .btn {
  color: #fff;
  border: 2px solid #fff;
  border-radius: 14px;
  padding: 7px 40px;
  font-family: 'HelveticaNeue-Bold';
}

.hb-actn-btns .btn:hover {
  background-color: #5964A7;
}

.hb-card-icons {
  position: absolute;
  top: -17px;
  right: 5px;
}

.hb-right-part {
  padding: 4%;
}

.hb-card-icons.custom-top-pos {
  top: -11px;
}

.hb-card-icons img {
  width: 75px;
}

@media(max-width: 768px){
  .hb-card-first{margin-bottom: 30px;}
  .hb-card-first, .hb-card-second ul, .hb-card-third ul{padding: 5px 20px;}
  .hb-card-second .hb-card-subhead, .hb-card-third .hb-card-subhead{padding: 5px 60px 5px 20px;}
  .hb-card p{font-size: 1rem; line-height: 1.25rem;}
  .hb-card-icons img {width: 55px;}
  .hb-card-icons {top: -3px;}
  .hb-card-content .hb-card-contents li {font-size: 0.85rem;}
}

.information-depart.new-inf-d .img-box {
  text-align: center;
}

.information-depart.new-inf-d .img-box img {
  width: 100%;
}

.information-depart.new-inf-d .content-box .text-box {
  background-color: #5964A7;
}

.information-depart.new-inf-d .content-box .text-box.first-tb {
  border-bottom: 5px solid #7DDE9D;
}

.information-depart.new-inf-d .content-box .text-box.second-tb {
  border-bottom: 5px solid #FF7D7D;
}

.information-depart.new-inf-d .content-box .text-box.third-tb {
  border-bottom: 5px solid #99CCFF;
}

.information-depart.new-inf-d .content-box .text-box h5,
.information-depart.new-inf-d .content-box .text-box p {
  color: #fff;
}

.information-depart.new-inf-d .content-box .text-box p.learn-more {
  color: #1D2872;
}

.share-custom-para {
  padding-left: 12%;
  font-size: 17px;
  color: #080E3B;
  font-family: 'HelveticaNeueRegular';
}
@media(max-width: 1199.98px){
  .information-depart .content-box h2{
    font-size: 1.5rem;
  }
  .share-custom-para{
    padding-left: 0;
    font-size: 1rem;
    line-height: 1.75rem;
  }
}

.custom-lrn-mr-btn .btn-primary {
  border: 1px solid #fff !important;
}


.btn-primary.border-0,
.share-delete-sensitive .lern-more .btn-primary.border-0,
.custom-lrn-mr-btn .btn-primary
{
  border: none !important;
  border-color: transparent !important;
}
.custom-vital-inform {
  background-color: #BDDEFF;
  padding:14px 6%;
  width: 89.5vw;
}
.custom-vital-inform h5{
  font-size: 2rem;
  color: #080E3B;
  font-family: 'Arial-Bold';
}

@media (max-width: 991.98px) {
  .custom-vital-inform {
    width: 100vw;
  }
  .new-family-video-container .bg-family-video {
    padding: 0 !important;
  }
  .new-family-video-container .family-video-content-packages .family-video-content.x-p .text-content-green p {
    padding-left: 0 !important;
  }
  .image-position.keep-secret img{margin-top: 0;}
  .keep-secret .content-box {padding: 25px;}
  .secure-block .content-box, .reliable-block .content-box, .discrete-block .content-box {
    max-width: 280px;
    margin: 0 auto;
  }
  .logo-triangle img {width: 120px; height: auto;}
  .tigno-margin-b {margin-bottom: 20px;}
  .how-work .process-step img {max-width: 180px;}
  .our-process .process-step .process-content {min-height: 120px !important; text-align: center;}
  .our-process .process-step {max-width: 370px; margin: 0 auto;}
}

.new-family-video-container .bg-family-video {
  padding: 20px;
  padding-right: 0;
  background: #ffffff;
  color: #180F49;
}

.new-family-video-container .card.f-v-txt-sec {
  background-color: transparent;
}

.new-family-video-container .family-video-content-packages .family-video-content.x-p .text-content-green p {
  padding-left: 40%;
  font-size: 22px;
  margin: 40px 0;
}

.new-family-video-container .family-video-content-packages .family-video-content.x-p .text-content-green p.custom-font-weight {
  font-family: 'Arial-Bold';
}

.new-family-video-container .family-video-content.x-p .choose-container-blue {
  background: transparent;
  background-image: url('../img/AIAG_Border_pattern.svg');
  padding: 20px;
  background-position: center right;
  background-repeat: no-repeat;
  background-size: contain;
}

.video-sec-custom-font {
  color: #fff;
  font-family: 'Arial-Bold';
  font-size: 24px;
}

.new-l-custom-btn {
  border: 2px solid #fff;
  border-radius: 12px;
  background-color: #180F49;
  padding: 7px 30px;
  color: #ffffff;
  max-width: 220px;
  font-family: 'HelveticaNeue-Medium';
}
.new-l-custom-btn:hover,.new-l-custom-btn:focus,.new-l-custom-btn:active{
  background-color: #ffffff;
  color: #180F49;
  border: 1px solid #180F49;
}

.custom-video-btn-padding {
  padding-right: 45px;
}

.package-notify-container.relax-section .bg-notify {
  background: #ffffff;
}

.relax-section .relaxleft-head-section {
  padding: 12px 50px;
  background: #3F3868;
}

.relax-section .relaxleft-head-section h3 {
  color: #fff;
  font-size: 2rem;
  font-family: 'Arial-Bold';
}
.relax-section img.img-fluid{
  min-height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: left top;
}

.rlx-footer-pattern {
  position: relative;
  bottom: -10px;
}

.navigate-to-main {
  background-image: url('../img/AIAG_Website Header_Tri_Family_ModFam_Blue.jpg');
  background-position: left;
  background-repeat: no-repeat;
  background-size: cover;
}

.new-l-custom-btn.custom-gree {
  background-color: #29B573;
}

.new-l-custom-btn.custom-gree:hover,.new-l-custom-btn.custom-gree:focus,.new-l-custom-btn.custom-gree:active{
  background-color: #ffffff;
  color: #29B573;
}

.new-l-custom-btn.custom-blu {
  background-color: #5964A7;
}

.new-l-custom-btn.custom-blu:hover,.new-l-custom-btn.custom-blu:focus,.new-l-custom-btn.custom-blu:active{
  background-color: #ffffff;
  color: #5964A7;
}

.nm-footer-text p{
  font-family: 'Arial-Bold';
  color: #180F49;
  font-size: 24px;
}

@media (max-width: 550px) and (min-width: 351px) {
  .navigate-to-main .content-sec {
    padding-right: 20px !important;
  }
}

@media (min-width: 1600px) {
  .nm-action-btn, .nm-footer-text {
    margin-top: 50px;
  }
}

@media (max-width: 350px) {
  .navigate-to-main .content-sec {
    padding-right: 20px !important;
  }
}

.navigate-to-main .content-sec {
  padding-right: 50px;
}

.navigate-to-main .content-sec h3 {
  margin: 80px 0 0px;
  font-size: 2rem;
  color: #180F49;
  font-family: 'Arial-Bold';
}
@media (max-width:1024px) {
  .navigate-to-main .content-sec h3 {
    margin: 65px 0 0px;
  }
  .navigate-to-main {
    background-position: left;
    background-size: cover;
  }
  .navigate-to-main .content-sec .first-para {
   font-size: 18px;
  }
}

@media (max-width:1199.98px) {
  .quick-info h3{
    margin-bottom: 20px;
  }
  .pricing-table-info .table-details{padding: 0 40px 25px;}
}

.navigate-to-main .content-sec .first-para {
  margin-bottom: 25px;
  font-size: 18px;
  line-height: 26px;
  color: #4D4B4B;
}

.navigate-to-main .content-sec .second-para {
  font-size: 14px;
  line-height: 20px;
  color: #4D4B4B;
  margin-bottom: 0;
}

.nm-action-btn,
.nm-footer-text {
  margin-bottom: 50px;
}

.new-custom-t-footer {
  background-color: #5964A7;
  background-image: url('../img/AIAG_Border_pattern.svg');
  background-position: right center;
  background-repeat: no-repeat;
  background-size: contain;
}

.new-custom-t-footer p {
  font-size: 17px;
  font-family: 'Arial-Bold';
  line-height: 24px;
}

.why-notify-container.custom-padding-gdepth {
  padding: 8% 14% 0 18.2%;
}

.navigate-to-main .content-sec .bg-gray {
  margin-top: 52px;
  margin-bottom: 50px;
  background-color: #c3c3c3;
  border-radius: 5px;
}
.navigate-to-main .content-sec h3{margin-top: 40px;}

.our-process .item-home-howitworks .process-step .process-content{min-height: unset !important;}


/* Responsive */
@media (min-width: 1600px){
  .navigate-to-main .content-sec .bg-gray{margin-bottom: 0;}
}
@media (max-width: 1600px){
  .package-text-box {margin-top: 22px;}
  .bg-dblue {font-size: 0.938rem;}
}
@media (max-width: 1440px){
  .family-video-content-packages.vid-valt-page .family-video-content.x-p .head-content-white{padding: 30px 40px 25px;}
  .navigate-to-main .content-sec .bg-gray {margin-top: 32px; margin-bottom: 30px;}
}
@media(max-width: 1399.98px){
  .pricing-table-info h2 {
    color: #180F49;
    margin-bottom: 20px;
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .package-text-box {
    margin-top: 15px;
    padding: 20px 30px 15px;
    max-width: 350px;
  }
  .bg-dblue {font-size: 0.75rem;}
  .triggernometri-explain-txt-con h2 {padding-bottom: 30px;}
  .trignometri-explain-container .how-work-section p {font-size: 16px; line-height: 26px;}
  .trignometri-explain-container .how-work-section .work-step-list li {font-size: 16px; line-height: 26px;}
  .it-works-banner,.packages-banner {min-height: 400px; padding: 95px 0;}
  .relax-section .relaxleft-head-section h3{font-size: 1.7rem;}
}
@media (max-width: 1199.98px){
  .family-video-content-packages.vid-valt-page .family-video-content.x-p .head-content-white{padding: 20px 40px;}
  .new-family-video-container .family-video-content-packages .family-video-content.x-p .text-content-green p{
    padding-left: 0;
    font-size: 1.25rem;
    margin: 20px 0;
  }
  .relax-section img.img-fluid{
    padding: 20px;
    object-fit: contain;
    object-position: center;
  }
  .navigate-to-main .content-sec{
    background-color: rgba( 255, 255, 255, 0.7 );
  }
  .navigate-to-main .content-sec .bg-gray{
    background-color: unset;
  }
  .contacts-footer-mob .contacts {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
  }
  .contacts-footer-mob .contacts li{
    padding: 5px 20px;
  }
  .pricing-table-info .table-details .para{
    margin-bottom: 15px;
    line-height: 26px;
  }
  .pricing-table-info .table-details .first-para {
    margin-bottom: 15px;
  }
  .packages-banner, .it-works-banner {
    padding: 50px 0;
    min-height: 400px;
  }
  .how-works-container .how-work-section-rt .our-process {padding: 20px 40px;}
  .how-works-container .how-work-section-rt .caption-trignometri{line-height: 1.5rem;}
  .why-dms-use h2, .how-works h2, .triggernometri-explan h2, .how-work-logo-triangle h3 {font-size: 23px; line-height: 26px;}
  .package-txt-con h3 {font-size: 1.25rem; line-height: 1.5rem;}
  .btn-package {height: 40px; line-height: 26px; font-size: 16px;}
  .package-notify-container .why-notify-container {padding: 35px 40px 20px 50px;}
  .package-text-box {margin-top: 6%;}
  .rlx-footer-pattern{bottom: 0;}
  .rlx-footer-pattern img.img-fluid {
    padding: 0;
    height: 50px;
    object-fit: cover;
  }
  .relax-section img.img-fluid{padding: 0;}
}
@media (max-width: 1024px) {
  .family-video-content-packages.vid-valt-page .family-video-content.x-p .head-content-white
  {
    padding: 24px 40px 9px;
  }
  .family-video-content.x-p .head-content-white.video-home .family-video-content-h3
  {
    font-size: 28px;
  }
}

@media (max-width: 1023.98px) {
  .pricing-table-info .table-details .first-para {
    margin-bottom: 30px;
  }
}

@media (max-width: 991.98px){
  .family-video-content img {
    width: 100%;
    max-width: 500px;
    padding: 20px;
    margin: 0 auto;
    display: block;
  }
  .family-video-content-packages.vid-valt-page .family-video-content.x-p .head-content-white {
    padding: 15px 40px 9px;
    text-align: center;
  }
  .family-video-content-packages.vid-valt-page .family-video-content.x-p .head-content-white h3{text-align: center !important;}
  .family-video-content *{text-align: center !important;}
  .custom-video-btn-padding{padding-right: 0;}
  .new-custom-t-footer{background-position: center; background-size: cover;}
  .footer-list.f-l-mob {margin-left: 10px;}
  .container-fluid.plr-135 {padding: 0 35px;}
  .it-works-banner h1 {font-size: 40px; line-height: 45px;}
  .packages-banner, .it-works-banner {min-height: 300px;}
  .sub-title {font-size: 25px; line-height: 28px;}
  .how-works-container .how-work-section-rt .head2 {justify-content: flex-start;}
  .dms-triangles-img{margin-top: 0px;}
  .family-video-container .card-deck .card {
    flex: 0 0 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
  }
  .packages-budget .budget-list {
    margin-bottom: 30px;
    max-width: 340px;
    margin: 0 auto 30px;
  }
  .package-notify-container .why-notify-content {
    padding: 10px 25px 0px 25px;
  }
  .relax-section img.img-fluid{padding: 0 16px 16px;}
  .relax-section .rlx-footer-pattern img.img-fluid{padding: 0;}
}

@media (max-width: 767.98px){
  .tearms-condition{
    padding: 30px 0 25px;
  }
  .footer-list-mob{
    flex-direction: column;
    align-items: center;
  }
  .footer-list-mob .footer-list{
    text-align: center;
    margin: 0;
  }
  .footer-list-mob .footer-list li{
    padding-right: 0;
    padding-left: 0;
  }
  .contacts-footer-mob .contacts{
    flex-direction: column;
    margin-top: 0;
  }
  .pricing-table-section .budget-list{
    max-width: 340px;
    margin: 0 auto;
  }
  .card-deck .card {
    flex: 0 0 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
  }
  .bg-family-video {
    padding: 10px 0 0px;
  }
  .family-video-content.x-p .head-content-white {padding: 15px 20px 15px;}
  .family-video-content.x-p .head-content-white h3{margin-bottom: 0;}
  .family-video-content.x-p .text-content-green.video-home .family-video-content-p {line-height: 24px;}
  .family-video-content.x-p .text-content-green.video-home .family-video-content-h4 {margin-bottom: 20px;}
  .package-text-box {
    padding: 10px 15px 12px;
    max-width: 280px;
    left: 0;
    right: 0;
    margin: 10px auto 0;
  }
  .trignometri-explain-container .how-work-section .work-step-list li {
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0;
    margin-bottom: 10px;
  }
  .packages-logo-triangle {
    padding: 20px 10px;
  }
  .packages-logo-triangle h3 {
    font-size: 24px;
    margin-left: 10px;
  }
  .packages-budget .packages-list-wrap {
    padding: 20px 0 0;
  }
  .package-notify-container .why-notify-content {
    padding: 0px 25px 0px 25px;
  }
}
@media (max-width:575.98px) {
  .custom-vital-inform h5, .family-video-content.x-p .head-content-white.video-home .family-video-content-h3, .relax-section .relaxleft-head-section h3, .navigate-to-main .content-sec h3{
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .quick-info h3, .video-sec-custom-font, .package-notify-container .why-notify-container h4, .nm-footer-text p{
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  .quick-info h3{
    margin-bottom: 15px;
  }
  .quick-info .sharing_caring a{margin-right: 0; margin-top: 10px;}
  .silder-sign-form p{margin-bottom: 15px;}
  .silder-sign-form form {margin-top: 15px;}
  .forgotten_pass {margin-bottom: 10px;}
  .login-btn {margin-top: 0px;}
  .new-login-btn {padding: 20px 0 0px;}
  .new-login-btn .user_txt {font-size: 13px; line-height: 22px;}
  .new-login-btn a {font-size: 15px; display: inline-block;}
  .quick-info p {margin-bottom: 10px;}
  .pricing-table-info .table-details .first-para {
    margin-bottom: 10px;
    font-size: 17px;
    line-height: 26px;
  }
  .pricing-table-info .table-details .para {
    margin-bottom: 10px;
    line-height: 24px;
    font-size: 15px;
  }
  .how-work{padding-bottom: 1px;}
  .it-works-banner h1 {font-size: 32px; line-height: 35px;}
  .sub-title {
    font-size: 21px;
    line-height: 24px;
  }
  .why-dms-use {margin-bottom: 30px; margin-top: 30px;}
  .triggernometri-explain-txt-con h2 {padding-bottom: 10px;}
  .triggernometri-explan p.dms-tri-txt{margin-bottom: 0;}
  .triggernometri-explain-list li {padding-bottom: 8px;}
  .why-dms-use h2, .how-works h2, .triggernometri-explan h2, .how-work-logo-triangle h3 {
    font-size: 20px;
    line-height: 24px;
    padding: 10px 15px;
    justify-content: flex-start;
  }
  .package-option-txt h2 {
    margin: 0;
    font-size: 20px;
    line-height: 24px;
    padding: 10px 0;
  }
  .head2 {
    font-family: 'Arial-Bold';
    font-size: 20px;
    margin-bottom: 12px;
  }
  .trignometri-explain-container .how-work-section {padding: 20px 0px 20px 0px;}
  .package-text-box {
    padding: 10px 10px 14px;
    max-width: 100%;
    left: unset;
    right: unset;
    margin: 0;
    position: relative;
  }
  .package-txt-con .package-text-box h3 {padding: 0; margin-bottom: 10px; text-align: center;}
  .package-txt-con .btn-package {
    height: 36px;
    line-height: 26px;
    font-size: 14px;
    padding: 5px 10px;
  }
  .packages-budget .package-content-top {padding: 30px 10px;}
  .package-notify-container .why-notify-container{padding-left: 15px;}
  .package-notify-container .why-notify-content a {bottom: 50px;}
  .package-notify-container .why-notify-container h3, .packages-budget h2 {font-size: 24px; line-height: 26px;}
  .packages-logo-triangle {
    flex-flow: column;
    justify-content: center;
    text-align: center;
  }
  .family-video-content-packages .family-video-content.x-p .head-content-white h3 {font-size: 1.25rem;}
  .family-video-content-packages .family-video-content.x-p .text-content-green h3 {margin-bottom: 10px;}
  .package-notify-container .why-notify-container p {font-size: 14px;}
}
@media (max-width: 575.98px) {
  .new-family-video-container .family-video-content-packages .family-video-content.x-p .text-content-green p{
    padding-left: 0;
    font-size: 1rem;
    margin: 15px 0;
  }
  .family-video-content-packages .family-video-content.x-p .text-content-green{padding: 20px 20px 10px;}
  .why-notify-container.custom-padding-gdepth{padding: 20px;}
  .relax-section .relaxleft-head-section, .family-video-content-packages.vid-valt-page .family-video-content.x-p .head-content-white, .custom-vital-inform{
    padding-left: 20px;
    padding-right: 20px;
  }
  .hb-actn-btns .btn {
    margin: 10px;
  }
  .nm-action-btn{
    flex-flow: column;
    align-items: center;
  }
  .nm-action-btn a{
    margin: 5px 10px;
  }
}
.vault_package:disabled:after{background: lightgray; }
.header-logo-tag-section .navbar-brand {width: 73px; height: 74px; padding: 0;}
.header-logo-tag-section .navbar-brand img {width: 100%;}
.header-logo-tag-section p {color: #ffffff; font-size: 19px; font-family: 'AcherusGrotesque-Extrabold';}
.hw-whole-tile-sec {padding: 0; background: #2A2874; border-bottom: 1px solid #707070;}
.how-it-works .custom-hw-head {padding: 14px 6%;}
.how-it-works .custom-hw-head h5 {font-size: 2rem;}
.how-it-works .hw-blue-sec {
  padding: 30px 21%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.hw-description-sec {
  background: #ffffff;
  min-height: 200px;
  display: flex; 
  text-align: left; 
  justify-content: center; 
  align-items: center;
  padding: 30px 21%;
  position: relative;
}
.hw-description-sec::after {
  content: '';
  height: 120px;
  width: 5px;
  background-color: #5964A7;
  position: absolute;
  right: 0;
}
.hw-description-sec p {font-size: 16px; color: #080E3B; font-weight: bold;}
.hw-tile-head p {color: #ffffff; margin-bottom: 5px; font-weight: bold;}
.hw-tile-head {border-bottom: 4px solid; margin-bottom: 50px; padding: 0 10px;}
.hw-tile-head.hwt-signup {border-color: #7DDE9D;}
.hw-tile-head.hwt-notify {border-color: #F6797A;}
.hw-tile-head.hwt-activate {border-color: #99CCFF;}
.hw-tile-head.hwt-share {border-color: #5964A7;}
.hb-automatic-share {
  position: absolute;
  color: white;
  padding: 4%;
  background: rgba( 29, 40, 114, 0.7 );
  left: 0;
  bottom: 0;
  font-size: 22px;
  font-family: 'AcherusGrotesque-Extrabold';
  text-align: left;
}
@media screen and (min-width: 1400px) {
  .hb-automatic-share {
    font-size: 32px;
    padding-left: 24%;
  }
}
@media screen and (max-width: 1200px) {
  .hb-automatic-share {
    position: relative;
    bottom: 0;
  }
}
@media screen and (max-width: 767.98px) {
  .hb-automatic-share {
    font-size: 18px;
    padding: 15px 20px;
    left: unset;
    max-width: 100vw;
    position: absolute;
    bottom: 0;
    right: 0;
  }
  .header-logo-tag-section p {
    display: none;
  }
}
@media screen and (max-width: 1399px) and (min-width: 1200px) {
  .header-logo-tag-section p {
    font-size: 12px;
  }
}
.bg-family-video.white-bg {background: #ffffff;}

@media screen and (max-width: 1420px) and (min-width: 1200px) {
  .hw-description-sec {
    min-height: 245px;
  }
}
.navbar-toggler {
  position: relative;
  z-index: 999999;
}

.hb-free-signup-img .try-now {
  top: 88%;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}

@media (max-width: 399.98px) {
  .hb-automatic-share{
    position: relative;
  }
  .hb-free-signup-img .try-now{
    top: 86%;
  }
}

.hb-free-signup-img .try-now .try-now-btn  {
  color: #ffff;
  background-color: #1D2872;
  border: 1px solid #ffff;
  padding: 3px 10%;
  font-size: 16px;
  line-height: 10px;
  border-radius: 6px;
}

.why-notify-content .play-btn-section {
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.why-notify-content .play-btn-section img {
  width: 100px;
  margin-bottom: 72px;
}
@media(max-width: 767.98px){
  .why-notify-content .play-btn-section img {
    width: 75px;
  }
}
@media(max-width: 574.98px){
  .why-notify-content .play-btn-section img {
    width: 50px;
  }
}

.family-video-container.custom-z-index-2 {
  position: relative;
  z-index: 2;
}

.navigate-to-main .content-sec h3.custom-mb-adjst {
  margin-top: 78px;
}
.package-notify-container .why-notify-content a:hover{
  border: 1px solid #707070;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}


input[type="date"]{
  text-transform: uppercase;
}

/* Floating Button */
.floating-button{
  position: fixed;
  bottom: 30px;
  left: 30px;
  z-index: 1038;
}
.floating-button .btn-text{
  background-color: #22B573;
  border: 2px solid #ffffff;
  box-shadow: 3px 6px 6px rgba(0,0,0,0.16);
  border-radius: 15px;
  display: block;
  position: absolute;
  width: 20px;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 22px;
  font-family: 'Arial-Bold';
  line-height: 27px;
  color: white;
  padding: 14px 40px 14px 32px;
  white-space: nowrap;
  z-index: -1;
  transition: 0.3s ease all;
  overflow: hidden;
  cursor: pointer;
}
.floating-button .btn{
  width: 110px;
  height: 110px;
  background-color: #22B573;
  border: 2px solid #ffffff;
  box-shadow: 3px 6px 6px rgba(0,0,0,0.16);
  border-radius: 110px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.floating-button .btn img{
  width: 71px;
  height: 61px;
  object-fit: contain;
  display: block;
  margin-bottom: 8px;
}
.floating-button:hover .btn-text{
  left: 90px;
  width: auto;
}
.rounded-4{border-radius: 1rem;}

.modal-video button.close{
  background-color: #5964A7;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  color: #ffffff;
  text-shadow: none;
  opacity: 0.8;
}


@media only screen and (max-width: 991.98px){
  .floating-button .btn {
    width: 80px;
    height: 80px;
  }
  .floating-button .btn img {
    width: 48px;
    height: 40px;
  }
  .floating-button .btn-text{
    padding: 10px 0px 10px 25px;
    font-size: 16px;
  }
  .floating-button:hover .btn-text{
    padding: 10px 25px 10px 40px;
    left: 50px;
  }
}

@media only screen and (max-width: 575.98px){
  .floating-button .btn {
    width: 60px;
    height: 60px;
  }
  .floating-button .btn img {
    width: 34px;
    height: 30px;
  }
  .floating-button .btn-text{
    padding: 10px 0px 10px 25px;
    font-size: 12px;
    left: 16px;
  }
  .floating-button:hover .btn-text{
    padding: 6px 10px 6px 38px;
    left: 27px;
    font-size: 12px;
  }
}

/* Cookie */
.js-cookie-consent.cookie-consent{
    position: fixed;
    z-index: 999999;
    bottom: 1rem;
    width: calc(100% - 2rem);
    left: 1rem;
    background-color: #5964A7;
    padding: 0.5rem 1rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.25);
}
.js-cookie-consent.cookie-consent .cookie-consent__message{
  font-family: 'AcherusGrotesque-Bold';
  font-size: 1rem;
  line-height: 1.25rem;
  color: #ffffff;
  text-align: center;
}
.js-cookie-consent.cookie-consent .cookie-consent__message a{color : #180F49;}
.js-cookie-consent.cookie-consent .cookie-consent__message a:hover,.js-cookie-consent.cookie-consent .cookie-consent__message a:focus{color : #29B573;}
.js-cookie-consent.cookie-consent button{
  display: inline-block;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 12px;
  padding: 5px 20px;
  max-width: 220px;
  font-family: 'HelveticaNeue-Medium';
  text-transform: capitalize;
  margin: 0.5rem;
  transition: 0.3s ease all;
}
.js-cookie-consent.cookie-consent .cookie-consent__agree{
  background-color: #ffffff;
  color: #180F49;
  border: 2px solid #180F49;
}
.js-cookie-consent.cookie-consent .cookie-consent__agree:hover,.js-cookie-consent.cookie-consent .cookie-consent__agree:focus{
  background-color: #180F49;
  color: #ffffff;
  border: 2px solid #ffffff;
}
.js-cookie-consent.cookie-consent .cookie-consent-deny{
  background-color: #180F49;
  color: #ffffff;
  border: 2px solid #ffffff;
}
.js-cookie-consent.cookie-consent .cookie-consent-deny:hover,.js-cookie-consent.cookie-consent .cookie-consent-deny:focus{
  background-color: #ffffff;
  color: #180F49;
  border: 2px solid #180F49;
}

.form-relative{
  position: relative;
}
.form-relative .form-control{padding-right: 32px;}
.form-relative .passowrd-view{
  width: 18px;
  height: 16px;
  line-height: 16px;
  position: absolute;
  top: 12px;
  right: 10px;
  color: #707070;
  cursor: pointer;
  display: none;
}
.form-relative .form-control[type="password"] ~ .passowrd-view.eye-open{display:block;}
.form-relative .form-control[type="text"] ~ .passowrd-view.eye-closed{display:block;}
.form-relative.form-sm .passowrd-view{top: 7px;}
#postpassForm .error{font-size: 14px !important; color: red;}

/* START - Developer New CSS 22-02-2025 */
@media screen and (max-width: 991.98px) {
    .md-mt-20px{
        margin-top: 20px !important;
    }
}
/* END - Developer New CSS 22-02-2025 */