@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Anek+Bangla:wght@100;200;300;400;500;600;700;800&display=swap');


:root,
[data-bs-theme='light'] {
  --bs-gray-400: #7c84a5;
  --bs-gray-200: #3f4872;
  --bs-light-blue: #57608a;
}


*{outline:none;}
html{scroll-behavior: smooth;}
body{font-family:'Anek Bangla', sans-serif !important;}
a{text-decoration:none; transition:300ms}
a:hover{text-decoration:underline;}

.container-fluid-1335{max-width:1335px !important; margin-left:auto !important; margin-right:auto !important; padding:0 30px;}
.navbar > .container-fluid-1335{display:flex; flex-wrap:inherit; align-items:center; justify-content:space-between;}

.mt-30{margin-top:30px}
.mb-30{margin-bottom:30px}

.pt-160,.py-160{padding-top:160px;}
.pb-160,.py-160{padding-bottom:160px;}



.navWithCheck{}
.navWithCheck li{position:relative; margin-bottom:25px; padding-left:40px;}
.navWithCheck li:before{position:absolute; left:0; top:-5px; content:"\f26a"; font-family: bootstrap-icons !important; color:rgba(var(--bs-primary-rgb)); font-size:24px}
.navWithCheck li:last-child{margin-bottom:0;}

.badge-primary{background:#EBF4FF; color:rgba(var(--bs-primary-rgb)); font-size:14px; font-weight:600; border-radius:50px; padding:4px 16px; display:inline-block;}

.btn{padding:14px 30px; font-size:14px; font-weight:500; border-radius:10px; border:none;}
.btn.btn-light{background:#fff !important; color:rgba(var(--bs-primary-rgb)) !important;}

.fs-12{font-size:12px;}
.fs-14{font-size:14px;}
.fs-18{font-size:18px;}
.fs-24{font-size:24px;}
.fs-22{font-size:22px;}
.fs-30{font-size:30px;}
.fs-44{font-size:44px;}

.text-gray-400{color:var(--bs-gray-400) !important;}
.text-gray-200{color:var(--bs-gray-200) !important;}
.text-light-blue{color:var(--bs-light-blue) !important;}


.shadow{box-shadow:0 6px 40px 0 rgba(0, 118, 255, 0.1)}


.navbar-toggler{background:#F8F9FD; border-radius:50%; padding:15px 11px; text-align:end}
.navbar-toggler .icon-bar{background-color:#0076FF; transition:300ms; display:block; width:22px; height:2px; border-radius:5px;}
.navbar-toggler .icon-bar+.icon-bar{margin-top:4px;}

.navbar-toggler .icon-bar:nth-child(1){width:12px; margin-left:10px;}
.navbar-toggler .icon-bar:nth-child(3){width:16px; margin-left:6px;}
.navbar-toggler:hover>.icon-bar:nth-child(1),
.navbar-toggler:hover>.icon-bar:nth-child(3){width:22px; margin-left:0;}


.navbar-toggler:not(.collapsed) .icon-bar:nth-child(1){transform:rotate(45deg) translate(5px, 4px); transition:300ms;}
.navbar-toggler:not(.collapsed) .icon-bar:nth-child(2){opacity:0; transition:ease all .2s;}
.navbar-toggler:not(.collapsed) .icon-bar:nth-child(3){transform:rotate(-45deg) translate(4px, -4px); transition:300ms;}


#mainMenu .nav-link{font-size:14px; color:var(--bs-gray-200) !important; padding:0; margin-right:30px}
#mainMenu .nav-link.btn{background:#F8F9FD; padding:14px 30px;}
#mainMenu .nav-link.btn:hover{background:#0076ff; color:#fff !important;}
#mainMenu .ms-auto .nav-link{color: rgba(var(--bs-primary-rgb)) !important;}
#mainMenu  li:last-child .nav-link{margin:0}

@media (min-width:0px) and (max-width:991px){
#mainMenu .nav-link{font-size:18px; color:rgba(var(--bs-secondary-rgb)) !important; margin-bottom:25px; margin-right:0;}
#mainMenu .nav-link:after{content:"\F138"; font-family: bootstrap-icons !important; float:right;}
.offcanvas-footer{padding:var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);}
#mainMenu .btn{background:#F8F9FD; color:#0076ff !important; font-size:18px; padding:14px 30px; margin-bottom:10px; width:100%}
#mainMenu .btn:hover{background:#0076ff; color:#fff !important;}
#mainMenu .navbar-nav{padding:30px; border-radius:var(--bs-border-radius-2xl) !important; box-shadow:0 6px 40px 0 rgba(0, 118, 255, 0.1)}

}

#whyArea{position:relative;}
#whyArea #vector{position:absolute; bottom:-20%; left:0; right:5%; width:95%; overflow:hidden;}



#workArea .flex-shrink-0{position:relative}
#workArea .flex-shrink-0:after{content:""; position:absolute; inset:44px 50% 0 auto; width:1px; min-height:20px; border-left:2px dashed #C7CADA;}
#workArea .row{position:relative; z-index:2;}
#workArea #vector{position:absolute; top:15%; bottom:30px; left:0; right:0; width:100%; text-align:center; overflow:hidden;}


#statusArea .row{background:url(../images/status-bg.png);}
#statusArea .nav{position:relative;}
#statusArea .nav:before{content:""; background:#fff; filter:blur(150px); border-radius:127px; position:absolute; inset:-15px 0;}

#aboutArea #vector{position:absolute; inset:35% 0 0 39%; width:fit-content;}
#aboutArea #vector2{position:absolute; inset:auto 0 75px auto; width:fit-content;}

#offerArea .row{background:#EBF4FF;}
#offerArea .card.bg-primary{background:url(../images/status-bg.png);}
#offerArea h3{margin-top:30px; padding-bottom:21px; border-bottom:1px solid #c0d7fb; line-height:30px; margin-bottom:0; font-size:22px}
#offerArea h3:last-child{padding:0; border:none;}
@media(min-width:768px){#offerArea .card.bg-primary h3{border:none;}}

#testimonialsArea{position:relative;}
#testimonialsArea .nav li{margin-bottom:15px; min-width:fit-content;}
#testimonialsArea .nav li:last-child{margin:0;}
#testimonialsArea .nav a{text-decoration:none !important;}
#testimonialsArea .nav a.active{background:#fff; box-shadow:0 6px 40px 0 rgba(0, 118, 255, 0.1)}
#testimonialsArea #vector{position:absolute; inset:66.58px 90.36px auto auto; width:fit-content;}
#testimonialsArea #vector2{position:absolute; inset:auto auto 34.86px -60px; width:fit-content;  transform: matrix(-0.89, 0.46, 0.46, 0.89, 0, 0);}


#faqArea .card-header{padding:32px; background:url(../images/status-bg.png);}
#faqArea #accordionFaq .accordion-item{margin-bottom:30px;}
#faqArea #accordionFaq .accordion-item h2{margin-left:45px}
#faqArea #accordionFaq .accordion-item a{position:relative;}
#faqArea #accordionFaq .accordion-item a:before{position:absolute; top:4px; left:-45px; content:"\F282"; font-family: bootstrap-icons !important; color:#fff; background:#0076ff; width:30px; height:30px; line-height:32px; border-radius:50%; text-align:center; font-size:16px;}
#faqArea #accordionFaq .accordion-item a[aria-expanded="true"]:before{content:"\F286";}
#faqArea #accordionFaq .accordion-item:last-child{margin:0px;}

#footerStartArea .row{background:url(../images/status-bg.png); position:relative; overflow:hidden;}
#footerStartArea .row #vector{position:absolute; right:0; bottom:1%; left:0; width:100%}
#footerStartArea .row #vector img{width:100%}

#footer .btn-light{color:rgba(var(--bs-secondary-rgb)) !important;}
#footer  hr{border-color:#3F4872}
#footer .text-md-end{color:#C8CCDF;}

@media (min-width:1200px) and (max-width:1400px){
#whyArea #vector{bottom:-10%;}
}
@media (min-width:992px) and (max-width:1199px){
#whyArea #vector{bottom:0;}
#aboutArea #vector{inset:35% 0 0 30%; }

#offerArea .fs-30{font-size:24px;}

}
@media (min-width:768px) and (max-width:991px){
#aboutArea #vector{inset:35% 0 0 25%; }
#workArea #vector{top:10%;}
#footerStartArea .row #vector{bottom:5%;}

#offerArea img{height:26.4px;}
#offerArea .fs-30{font-size:20px;}
#offerArea h3{font-size:18px; margin-top:25px; padding-bottom:15px; line-height:18px;}
}
@media (min-width:576px) and (max-width:767px){
.fs-22{font-size:18px;}
.fs-30{font-size:22px;}
.fs-44{font-size:30px;}
.pt-160,.py-160{padding-top:80px;}
.pb-160,.py-160{padding-bottom:80px;}
#aboutArea #vector2{position:absolute; inset:auto 0 35% auto; transform: rotate(180deg);}
#workArea #vector{top:10%; left:100px; right:100px; width:50%}
#workArea #vector img{height:100%}
#testimonialsArea .nav{flex-direction:row !important; flex-wrap:nowrap; overflow-x:auto; padding:20px;}
#testimonialsArea .nav li{margin-right:15px; margin-bottom:0;}
#testimonialsArea #vector{ inset:5% 5% auto auto;}

#faqArea .card-header{padding:24px}
#faqArea .card-header .fs-44{font-size:22px}

#footerStartArea .row #vector{bottom:10%;}
}
@media (min-width:0px) and (max-width:575px){
.fs-22{font-size:18px;}
.fs-30{font-size:22px;}
.fs-44{font-size:30px;}
.pt-160,.py-160{padding-top:80px;}
.pb-160,.py-160{padding-bottom:80px;}

#heroArea img[alt="logo"]{width:216px;}

#aboutArea #vector2{position:absolute; inset:auto 0 38% auto; transform: rotate(180deg);}
#workArea #vector{top:10%; left:auto; right:auto; width:70%}
#workArea #vector img{height:100%}

#testimonialsArea .nav{flex-direction:row !important; flex-wrap:nowrap; overflow-x:auto; padding:20px;}
#testimonialsArea .nav li{margin-right:15px; margin-bottom:0;}
#testimonialsArea #vector{ inset:5% 5% auto auto;}

#faqArea .card-header{padding:24px}
#faqArea .card-header .fs-44{font-size:22px}

#footerStartArea .row #vector{bottom:10%;}
}