@import url('https://pro.fontawesome.com/releases/v6.0.0-beta3/css/all.css');
html{font-size: 62.5%;}
body{ padding: 0; margin: 0; list-style: none; font: normal 1.6rem/2.4rem 'Montserrat', sans-serif; color: var(--body_txt_color); }
p{padding: 0; margin: 0;}
a{padding: 0; margin: 0; outline: none;}
ul{ list-style: none; padding: 0; margin: 0;}
label{ list-style: none; padding: 0; margin: 0;}
ul li{ padding: 0; margin: 0;}
h1,.h1, h2,.h2, h3,.h3, h4,.h4, h5,.h5, h6,.h6{padding: 0; margin: 0;}
input[type="text"]::-webkit-placeholder { opacity: 1;  }
input[type="text"]::-moz-placeholder { opacity: 1;}
input[type="password"]::-webkit-placeholder { opacity: 1;}
input[type="password"]::-moz-placeholder { opacity: 1;}
input[type="search"]::-webkit-placeholder { opacity: 1;}
input[type="search"]::-moz-placeholder { opacity: 1;}
input[type="email"]::-webkit-placeholder { opacity: 1; }
input[type="email"]::-moz-placeholder { opacity: 1;}
input[type="tel"]::-webkit-placeholder { opacity: 1;}
input[type="tel"]::-moz-placeholder { opacity: 1;}
textarea::-moz-placeholder { opacity: 1;  }
textarea::-webkit-placeholder { opacity: 1;}
a:hover{ outline: none !important; text-decoration: none;}
a:active{ outline: none !important; text-decoration: none;}
a{ text-decoration: none !important;}
a:hover, a:focus{ text-decoration: inherit !important;}
a{-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s; }
/* font-family: 'Akaya Kanadaka'; */


:root{
    --black: #111;
    --brand: #FFAE29;
    --blue: #5e17eb;
    --body_txt_color: #232;
    --white: #fff;
   }


em{font-style: normal;}
.as_btn{display: inline-block; padding: 0 3rem 0 5.5rem; position: relative; background: var(--blue); color: var(--white); border: .2rem solid var(--blue); border-radius: .5rem; font-weight: 700; height: 5rem; line-height: 4.8rem; margin-top: 3rem;}
.icon_arrow{color: var(--white);  top: 1.2rem; transition: transform 0.5s cubic-bezier(0.86, 0, 0.07, 1), opacity 0.4s cubic-bezier(0.86, 0, 0.07, 1); font-size: 2.5rem; backface-visibility: hidden; transform: translateZ(0);}
.icon_arrow.before{left: 2rem; position: absolute; transform-origin: left center;}
.icon_arrow.after{opacity: 0; position: absolute; right: 2rem;  transform: translateX(75%) scaleX(0.1); transform-origin: right center;}
.label{display: inline-block; transition: transform 0.5s cubic-bezier(0.86, 0, 0.07, 1); backface-visibility: hidden; transform: translateZ(0);}
.as_btn:hover{background: var(--brand); color: var(--white); border-color: var(--brand);}
.as_btn:hover .icon_arrow.before, .as_btn:focus .icon_arrow.before{opacity: 0; transform: translateX(-75%) scaleX(0.1);}
.as_btn:hover .icon_arrow.after{opacity: 1; transform: translateX(0) scaleX(1);}
.as_btn:hover .label{transform: translateX(-32px);}
.ptb{padding: 6rem 0;}
h1,h2{font-family: 'Akaya Kanadaka'; font-size: 6rem; line-height: 6.5rem; text-transform: capitalize; color: var(--black); position: relative;}
.wdt_content_icon{margin: 0 auto .5rem auto; padding: 0; font-size: 4.8rem; color: #B5B5B5; width: 4.8rem; height: 4.8rem; display: block;}
.wdt_content_icon svg{fill: #B5B5B5;}
/* h1 em,h2 em{color: var(--brand); font-size: 1.6rem; line-height: 2.6rem; text-transform: uppercase; font-weight: 600; display: block;} */
h1 em,h2 em{background-color: var(--brand); background-image: linear-gradient(45deg, transparent 45%, var(--brand) 45%, var(--brand) 55%, transparent 0 ); background-size: 0.05em 0.05em; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
h3{font-family: 'Akaya Kanadaka'; text-transform: capitalize; color: var(--black); font-size: 3.5rem; line-height: 4rem;}
h4{font-family: 'Akaya Kanadaka'; text-transform: capitalize; color: var(--black); font-size: 2.8rem; line-height: 3.8rem;}
.back_size{background-size: 55% auto !important;}



@keyframes moveBounce{
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
      }
    50% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
      }
    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
      }
}



/*header*/
.header_sec{ width: 100%; position: fixed; left: 0; top: 0; width: 100%; z-index: 999; padding: 1.5rem 0;}
.nav_top{border: none; min-height: auto; box-shadow: none; border-radius: 0;}
/* .drop-nav{ position: absolute; top: 10px; right: 0px;}
.nav_top .dropdown-menu li a{ font-size: 13px;} */
.menu_sec li{ position: relative;}
.nav_top .navbar-brand img{width: 11rem;} 
.banner_social{position: absolute; right: 17rem; top: 3.8rem; display: flex; align-items: center; justify-content: center;}   
.title{margin-bottom: 0; font-size: 1.5rem; letter-spacing: 1.5px; text-transform: uppercase; color: var(--brand); position: relative; padding-right: 4rem; font-weight: 600;}  
.title::before {content: ""; position: absolute; right: 1.2rem; top: .9rem; width: 2rem; height: .2rem; background: var(--brand);}
.list_wrap{display: flex; align-items: center; flex-direction: row-reverse; gap: 1.7rem;}  
.list_wrap li a {color: var(--black); display: block;}
.list_wrap li a:hover{color: var(--brand);}
.rt_btn{position: absolute; right: 0; top: 2.1rem;}
.header_sec.fixed{ box-shadow: 0 0 .7rem 0 #ccc; background: url(./assets/images/banner_bg3.png)repeat center center/cover var(--white)}
.header_sec.fixed .nav_top .navbar-brand img { width: 9rem;}
/* .header_sec.fixed .banner_social {top: 2.8rem;}
.header_sec.fixed .rt_btn {top: 1.1rem;} */
.rt_btn .as_btn strong{display: none;}

   
 /*banner*/  
.bannersec{width: 100%; position: relative; background: #F6F3ED; }
.bannersec::before{height: 100%; width: 100%;  top: 0; left: 0; position: absolute; background: url(../images/banner_shape3.png)no-repeat top right; background-size: 18% auto; opacity: 1; transition: background 0.3s, border-radius 0.3s, opacity 0.3s; content: "";}
.bannersec::after{height: 100%; width: 100%; top: 0;  left: 0;  position: absolute; background: url(../images/banner_shape3.png)no-repeat top left; background-size: 9% auto; opacity: 1; content: ""; transition: background 0.3s, border-radius 0.3s, opacity 0.3s;}
.baner_lt{position: relative; padding: 15rem 0 10rem 0; z-index: 1; max-width: 75rem; text-align: center; margin: 0 auto;}
.baner_lt strong{ color: var(--black); font-size: 8rem; font-weight: 400; line-height: 8.5rem; font-family: 'Akaya Kanadaka';}
.baner_lt strong span{font-weight: 700; display: block;}
.banner_frm{border: .1rem solid #f7f7f7; background: var(--white); padding: 1.5rem; margin-top: 3rem; border-radius: .5rem;}
.baner_rt_img{position: absolute; right: 0; bottom: 0;}
.baner_rt_img img{width: 30rem;}
.baner_rt_img1{position: absolute; left: 6rem; bottom: 0; z-index: 1;}
.baner_rt_img1 img{width: 21rem;}



/* form */
.input_fld input[type="text"], .input_fld input[type="email"], .input_fld input[type="tel"], .input_fld input[type="password"], .input_fld select, .input_fld textarea{width: 100%; border: .2rem solid #eee; height: 5rem; padding: 0 1.5rem; box-shadow: none; outline: none; -webkit-appearance: none; color: var(--black); font-size: 1.5rem; border-radius: .5rem; background: var(--white);}
.input_fld input[type="text"]::placeholder, .input_fld input[type="email"]::placeholder, .input_fld input[type="tel"]::placeholder, .input_fld input[type="password"]::placeholder,  .input_fld textarea::placeholder, .input_fld select{color: #999; opacity: 1;}
.input_fld input[type="text"].form-control:focus, .input_fld input[type="email"].form-control:focus, .input_fld input[type="tel"].form-control:focus, .input_fld input[type="password"].form-control:focus, .input_fld textarea.form-control:focus { border-color: var(--brand); outline: 0; box-shadow: none; }
.input_fld .form-select{background:  var(--white)  url(../images/caret-down.png)no-repeat right 1.5rem center; background-size: 1.5rem; cursor: pointer;}
.input_fld button{border: none;}
.input_fld .form-select:focus{border-color: var(--brand); box-shadow: none;}
.input_fld{margin-bottom: 1.5rem;}
.input_fld textarea{height: 12rem; resize: none;}


/* feature_sec */
.feature_sec{padding: 2rem 0 5rem 0;}
.feature_icon{background: var(--brand); height: 10rem; width: 10rem; display: flex; align-items: center; justify-content: center; border-radius: 100%; margin: 0 auto;}
.feature_icon img{width: 6rem;}
.feature_txt{margin-top: 1rem;}
.feature_txt h4{color: var(--white);}
.feature_box{margin-top: 3rem;}

/* ab_sec */
.ab_contact{margin: 3rem 0 0 0; text-align: center;}
.other_img{position: absolute; top: -4rem; right: 3rem;}
.other_img img{max-width: 16rem;}
.ab_img_sec{margin-top: 3rem;}
.ab_img_sec{border-radius: 18rem 0 0 0; overflow: hidden; box-shadow: 0 0 1.6rem -.1rem rgba(146, 146, 146, 0.5);}
.ab_img_sec img{height: 25.5rem; object-fit: cover;}
.ab_sec .row .cll:nth-child(even) .ab_img_sec{border-radius: 0 0 30rem 0; overflow: hidden;}
.ab_sec .row .cll:nth-child(even) .ab_img_sec img{height: 53rem; object-fit: cover;}
.ab_img_sec_other{border-radius: 0 0 0 18rem; margin-top: 2rem;}

/* safe_sec */
.safe_sec{position: relative;}
.safe_sec::before{position: absolute; content: "";width: 100%;bottom: 0; left: 0; height: 100%; mask-image: url(../images/bg_5.png); -webkit-mask-image: url(../images/bg_5.png);  mask-image: url(../images/bg_5.png); -webkit-mask-image: url(../images/bg_5.png);  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; z-index: 0; background: #45427e; -webkit-mask-size: cover; mask-size: cover; transform: rotate(180deg); -webkit-transform: rotat(180deg);}
.safe_sec::after{position: absolute; content: ""; right: 0; bottom: 0;  width: 100%;  height: 80%; -webkit-mask-image: url(../images/bg_6.png); mask-image: url(../images/bg_6.png); -webkit-mask-image: url(../images/bg_6.png); mask-image: url(../images/bg_6.png);  -webkit-mask-repeat: no-repeat;  mask-repeat: no-repeat; z-index: 0; background: #45427e; opacity: .1; -webkit-mask-size: cover; mask-size: cover; transform: rotate(180deg); -webkit-transform: rotat(180deg);}
.safe_box{background: url(../images/bg_4.png)no-repeat center center/cover; padding: 3rem; position: relative; z-index: 1; margin-top: 3rem; min-height:32rem;}
.safe_img img{width: 15rem;}
.shape_icon{position: absolute; left: 0; top: -4.5rem;}
.safe_sec.ptb{padding-top: 1.5rem;}
.other_img1{position: absolute; top: -5rem; left: 0;} 
.other_img1 img{max-width: 20rem;}



/* feature_list_sec */
.feature_list_rt{overflow: inherit; position: relative;  transition: all .2s ease;  transform: rotate(5deg) scale(1);}
.feature_list_rt::before{content: ""; display: block; position: absolute;  top: 3%; right: 3%; border: .2rem dashed var(--brand); border-radius: 1rem; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; -ms-border-radius: 1rem; -o-border-radius: 1rem; height: 100%; width: 100%; transition: all .2s ease; opacity: 1; z-index: -1;}
.feature_list_rt img{border-radius: 1rem;}
.txt_list li{position: relative; margin-top: 1.8rem; padding-left: 3rem;}
.txt_list li::before{content: "✓"; display: flex; width: 2.5rem; height: 2.5rem; justify-content: center; align-items: center; border: .1rem solid rgba(173, 181, 189, 0.3); border-radius: 50%; color: var(--brand); position: absolute; left: 0; top: 0;}
.txt_list li b{color: var(--brand);}




/* footer_sec */
.ft_frm_sec{background: var(--white); padding: 1.5rem 5rem; border-radius: 2.5rem; display: inline-block; width: 100%; margin-top: 2rem;}
.ft_frm_sec.input_fld input[type="email"]{width: 70%; float: left; border-color: transparent;}
.ft_frm_sec button.as_btn{width: 30%; float: right;}
.ft_top{padding: 5rem 0 3rem 0; max-width: 80rem; margin: 0 auto;}
.ft_bottom{border-top: .1rem dashed var(--white); padding: 1.5rem 0; justify-content: space-between; align-items: center;}
.ft_bottom strong{color: var(--white); font-weight: 500; }
.ft_bottom strong a{color: var(--white); border-bottom: .1rem solid var(--white);}
.ft_bottom strong a:hover{color: var(--brand); border-bottom-color: var(--brand);}
.ft_sec{position: relative;}
.ft_sec::before{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/ft_overlay.png)no-repeat center center/cover; content: "";}








@media (min-width: 992px) and (max-width: 9000px) 
{
.nav_top .dropdown .dropdown-menu { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;
    -o-transition: all 0.3s;transition: all 0.3s; max-height: 0; display: block; opacity: 0; visibility: hidden;  margin:0; border: none; border-bottom: .2rem solid #ccc; 
    background:#fff !important; width: 10.50rem; padding: 0; border-radius: 0; left: 0; right: inherit; padding: .5rem .8rem .8rem; box-shadow: inherit; }

.nav_top .dropdown:hover .dropdown-menu { max-height: 30rem;opacity: 1; visibility: visible; }

}

/* responsive */
/* @media only screen and (max-width: 1399px){
    .ab_sec .row .cll:nth-child(even) .ab_img_sec img{height: 46rem;}
} */
@media only screen and (max-width: 1250px){
    .baner_rt_img img {width: 28rem;}
    
}

@media only screen and (max-width: 1199px){
    .baner_rt_img1 {left: 0rem;}
    .baner_lt strong {font-size: 7rem; line-height: 7.5rem;}
    .baner_lt {max-width: 60rem;}
    .baner_rt_img img {width: 24rem;}
    .baner_lt {padding: 15rem 0 6rem 0;}
    .baner_rt_img1 img {width: 20rem;}
    .ab_img_sec img {height: 18.2rem;}
    .ab_sec .row .cll:nth-child(2n) .ab_img_sec img {height: 38.5rem;}
    .ab_sec .row .cll:nth-child(2n) .ab_img_sec {border-radius: 0 0 22rem 0;}
    h1, h2 {font-size: 5rem; line-height: 5.5rem;}
    .other_img1 img {max-width: 18rem;}
    .feature_txt h4 {font-size: 2.5rem; line-height: 3.5rem;}
   
}

@media only screen and (max-width: 991px){
    
    .nav_top .navbar-toggler {color: transparent; border: none; padding: 1rem; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; margin-right: -1rem;}
    .nav_top .navbar-toggler .icon-bar {display: block; width: 3rem; height: .4rem; border-radius: .3rem; background-color: var(--black); opacity: 1; -webkit-transform: matrix(1, 0, 0, 1, 0, 0); transform: matrix(1, 0, 0, 1, 0, 0); -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
    .nav_top .navbar-toggler .icon-bar + .icon-bar {margin-top: .4rem;}
    .nav_top .navbar-toggler.showtoggle .icon-bar:nth-child(2){opacity: 0;  width: 0px;}
    .nav_top .navbar-toggler.showtoggle .icon-bar:nth-child(3) {-webkit-transform: matrix(1, 1, 0, 1, 0, 0); transform: matrix(1, 1, 0, 1, 0, 0); width: 25px; margin-top: -11px;}
    .nav_top .navbar-toggler.showtoggle .icon-bar:nth-child(1) {-webkit-transform: matrix(1, -1, 0, 1, 0, 0); transform: matrix(1, -1, 0, 1, 0, 0); width: 25px;}
    .baner_lt strong { font-size: 6rem; line-height: 6.5rem;}
    .baner_lt {max-width: 100%;}
    .baner_rt_img1 img {width: 9rem;}
    .baner_rt_img img {width: 17rem;}
    .baner_lt {padding: 12rem 0 6rem 0;}
    .feature_txt h4 {font-size: 2.2rem; line-height: 3.2rem;}
    .other_img img {max-width: 14rem;}
    h1, h2 {font-size: 4.5rem; line-height: 5rem;}
    /* .ab_sec .row .cll:nth-child(2n) .ab_img_sec img {height: 28.8rem;} */
    .ab_sec .row .cll:nth-child(2n) .ab_img_sec {border-radius: 0 0 15rem 0;}
    .ab_contact {margin: 2rem 0 0 0;}
    .ptb {padding: 5rem 0;}
    .bannersec::after {background-size: 15% auto;}
    .feature_list_rt{margin-top: 5rem; transform: rotate(2deg) scale(1);}
    
}

@media only screen and (max-width: 767px){
    
    .container{max-width: 100%; padding: 0 1.5rem;}
    .baner_lt strong span { display: inline-block;}
    .baner_lt strong {font-size: 5rem; line-height: 5.5rem;}
    .nav_top .navbar-brand img {width: 10rem;}
    .banner_social {right: 14rem;}
    .baner_rt_img1 img {width: 6rem;}
    .baner_rt_img img {width: 14rem;}
    .feature_icon {height: 8rem; width: 8rem;}
    .feature_icon img {width: 5rem;}
    .ptb {padding: 4rem 0;}
    .other_img {right: 1rem;}
    .other_img img {max-width: 12rem;}
    .other_img1 img {max-width: 12rem;}
    .other_img1 {top: -4rem;}
    .ab_img_sec img {height: 15.2rem;}
    .ab_sec .row .cll:nth-child(2n) .ab_img_sec img { height: 32.5rem;}
    .safe_box {padding: 2rem;}
    .feature_list_rt{margin: 3rem 2rem 0 2rem;}
    .ft_frm_sec {padding: 1.5rem 2rem;}
    .ft_frm_sec.input_fld input[type="email"] {width: 65%;}
    .ft_frm_sec button.as_btn {width: 31%;}
    .ft_bottom {flex-direction: column; justify-content: center;}
    .ft_bottom strong{text-align: center;}

    
}


@media only screen and (max-width: 575px){
    
    .safe_box{min-height:auto;}

    .rt_btn .as_btn{width: 5rem; height: 5rem; border-radius: 100%; display: flex; align-items: center; justify-content: center; padding: 0; }
    .rt_btn .as_btn strong{display: block;}  
    .rt_btn .as_btn em{display: none;}
    .rt_btn .as_btn strong img{width: 4rem;}
    .nav_top .navbar-brand img {width: 7rem;}
    .rt_btn {top: 1.1rem;}
    .title{display: none;}
    .banner_social {right: 6.5rem; top: 2.9rem;}
    .list_wrap {gap: 1.3rem;}
    .bannersec::before{background-size: 80% auto;}
    .bannersec::after {display: none;}
    .baner_lt strong {font-size: 3rem; line-height: 3.5rem;}
    .baner_lt {padding: 10rem 0 5rem 0;}
    /* .baner_rt_img{display: none;} */
    .baner_rt_img1 img {width: 5rem;}
    p, .txt_list li, .ft_bottom strong{font-size: 1.5rem; line-height: 2.4rem;}
    .header_sec.fixed .nav_top .navbar-brand img {width: 7rem;}
    .header_sec {padding: 1rem 0;}
    .feature_icon {height: 7rem; width: 7rem;}
    .feature_icon img{width: 4rem;}
    .feature_txt h4 { font-size: 1.8rem; line-height: 3rem;}
    .feature_sec {padding: 3rem 0 5rem 0;}
    .feature_box {margin-top: 2rem;}
    h1, h2 {font-size: 3.5rem; line-height: 4rem;}
    .other_img img {max-width: 9rem;}
    .ab_sec .row .cll:nth-child(2n) .ab_img_sec img {height: 16.2rem;}
    .ab_sec .row .cll:nth-child(2n) .ab_img_sec {border-radius: 0 0 3rem 0;}
    .ab_img_sec {border-radius: 3rem 0 0 0;}
    .ab_img_sec_other {border-radius: 0 0 0 3rem;  margin-top: 1rem;}
    .ab_img_sec img {height: 7.1rem;}
    .ab_sec .row .cll:nth-child(2n) .ab_img_sec img {height: 15.2rem;}
    .ab_img_sec {margin-top: 1rem;}
    .ab_sec .row{margin-top: 1rem;}
    h3 {font-size: 3rem; line-height: 3.5rem;}
    .other_img1 img {max-width: 9rem;}
    .other_img1 {top: -3rem;}
    .safe_box {margin-top: 2rem;}
    .ft_frm_sec.input_fld input[type="email"] {width: 100%;}
    .ft_frm_sec button.as_btn {width: 100%; margin-top: 1rem !important;}
    .ft_top h4{font-size: 2.5rem; line-height: 3.5rem;}
    .ft_frm_sec {border-radius: 1.5rem;}
    .safe_sec::after {height: 10%;}
    
}

@media only screen and (max-width: 480px){
  
  

}