@charset "utf-8";

/* CSS Document */
body { padding:0px; margin:0px; background:#ffffff; font-size:1rem; color:#000000; line-height:1.3; font-family: "Anek Bangla", sans-serif; font-weight: 400;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, main, nav, section, audio, video, source { display: block; margin: 0; padding: 0; }
a, img { border: medium none; }
a { color: #000000; text-decoration: none;  }
div { margin: 0; padding: 0; }
p { font-size:1rem; line-height:1.3; padding:0px; margin:0px; color:#000000;} 
h1, h2, h3, h4, h5, h6 { font-weight:normal; padding:0px; margin:0px;  line-height: 1.4; }
a{ color: #000000; outline:none; }
ul, li { list-style:none;}
a:focus, :focus{ outline:none; }
ul,ol { list-style-type:none; padding:0px; margin:0px; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } 
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; } 
* html .clearfix { height: 1%; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.clear { clear: both; line-height: 1px; padding:0px; height:0px; font-size:1px; }
.left { float:left; }
.right { float:right; }
.anim { transition:all 1s ease; -moz-transition:all 1s ease; -webkit-transition:all 1s ease; -o-transition:all 1s ease; }
.anim2 { transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; }
.row { width:100%; max-width: 1200px; margin:auto; padding:0px;}
img { border: 0; height: auto; max-width: 100%; vertical-align: middle;  width: 100%; }

/* common css */
.d-flex { display: flex; flex-wrap: wrap; }
.justify-space-between { justify-content: space-between;}
.div-center { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.align-center { align-items: center;}
.align-top { align-items: flex-start;}
.space-between { display: flex; flex-wrap: wrap; justify-content: space-between;}
::selection { color: #fff; background-color: #047101;}

html.lenis { height: auto;}
.lenis.lenis-smooth { scroll-behavior: auto;}
.lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain;}
.lenis.lenis-stopped { overflow: hidden;}

/* header css */
header { float: left; width: 100%; position: relative; background: #ffffff; z-index: 9;}
header.sticky { position: fixed; top: 0; transform: translateY(0); animation: slideDown 0.5s ease forwards; box-shadow: 0 0 5px rgba(0, 0, 0, 0.10); z-index: 99;}
header.sticky .logo { width: 240px;}
header.sticky .megamenu-sec ul li a { padding: 30px 0;}
/* Keyframes for sliding down */
@keyframes slideDown {
  0% { transform: translateY(-100%); opacity: 0;}
  100% { transform: translateY(0); opacity: 1; }
}

.logo { width: 250px;}
.logo a { float: left; display: block;}
.logo a img { float: left;}
.hdr-last { display: flex; flex-wrap: wrap; column-gap: 20px;}
.call-info { display: flex; flex-wrap: wrap; column-gap: 10px; }
.call-ico { width: 48px; height: 48px; border-radius: 50px; background: #D79617; display: flex; align-items: center; justify-content: center;}
.call-ico i { font-size: 20px; color: #ffffff; }
.call-txt p { color: #000000; font-size: 18px; font-weight: 400;}
.call-txt a[href^="tel"] { color: #000000; font-size: 18px; font-weight: 700; transition: all 0.4s ease;}
.call-txt a:hover { color: #047101;}

.contact-btn a { transition: all 0.4s ease; background: #047101; color: #ffffff; font-size: 18px; font-weight: 600; display: flex; align-items: center; column-gap: 10px; height: 52px; border-radius: 15px; overflow: hidden; padding: 0 10px 0 20px;}
.contact-btn a span { width: 39px; height: 39px; border-radius: 50px; background: #ffffff; display: flex; align-items: center; justify-content: center;}
.contact-btn a span img { width: auto; filter: invert(15%) sepia(21%) saturate(3025%) hue-rotate(113deg) brightness(35%) contrast(100%);}
.contact-btn a:hover { background: #1F5584; }

/* menu nav starts */
.megamenu-sec ul { margin: 0; padding: 0; display: flex; column-gap: 30px; flex-wrap: wrap; align-items: center;}
.megamenu-sec ul li { display: inline-block; margin-right: 0; position: relative; }
.megamenu-sec ul li a { font-size: 18px; font-weight: 400; line-height: 1; color: #000000; transition: all 0.4s ease; padding: 36px 0; display: flex; flex-wrap: wrap; align-items: center; text-decoration: none; position: relative; column-gap: 10px;}
/* .megamenu-sec ul li.has-mega-menu a::after { display: block; content: ""; width: 8px; height: 8px; border-right: 2px solid var(--bg-black); border-bottom: 2px solid var(--bg-black); transform: rotate(45deg); transition: transform 0.3s ease-in-out; margin-left: 0px; position: relative; top: -2px; right: 0px;} */
.megamenu-sec ul li a:hover { color: #007f0d;}
/* .megamenu-sec ul li a:hover::after { border-right: 2px solid var(--bg-blue); border-bottom: 2px solid var(--bg-blue); }
.megamenu-sec ul li:hover a { color: var(--txt-blue);} */
.megamenu-sec ul li:hover a::after { border-right: none; border-bottom: none; border-left: 2px solid var(--bg-blue); border-top: 2px solid var(--bg-blue);  top: 2px;}
.megamenu-sec ul li a.active { color:#007f0d; font-weight: 600;}
/* .megamenu-sec ul li a.active::after {  border-right: 2px solid var(--bg-blue); border-bottom: 2px solid var(--bg-blue);}
.megamenu-sec ul li:hover a.active::after { border-right: none; border-bottom: none; } */
.megamenu-sec ul li a span i{font-size: 14px;}
.megamenu-sec ul li ul.submenu { border-radius: 0 0 12px 12px; z-index: 2; left: -20%; right: 0; margin: 0 auto; width: 380px; position: absolute; background: #ffffff; padding: 30px; transition: all 0.3s ease; top: 130%; opacity: 0; visibility: hidden; border: 0px solid #A1A1A1; box-shadow: 0 0 5px rgba(0, 0, 0, 0.10);}
.megamenu-sec ul li:hover ul.submenu { opacity: 1; visibility: visible; top: 100%; }

.megamenu-sec ul li ul.submenu li { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #bebebe; width: 100%;}
.megamenu-sec ul li ul.submenu li a { display: flex; flex-wrap: wrap; column-gap: 15px; padding: 0;}
.megamenu-sec ul li ul.submenu li a::after { display: none;}
.megamenu-sec ul li ul.submenu li a img { width: auto; max-width: none;}
.megamenu-sec ul li ul.submenu li a h2 { transition: all 0.4s ease; font-size: 19px; line-height: 1.4; font-family: var(--ff-neue-roman);  color: var(--txt-lblack); letter-spacing: 0.5px;}
.megamenu-sec ul li ul.submenu li .menu-img img { width: 22px;} 
.megamenu-sec ul li ul.submenu li .menu-title h2 { font-family: var(--ff-neue-medium);}
.megamenu-sec ul li ul.submenu li .menu-title p { font-size: 16px; font-family: var(--ff-roboto-regular); line-height: 1; color: #666666; margin-top: 5px;}
.megamenu-sec ul li ul.submenu li:last-child { margin: 0; padding: 0; border: none;}
.megamenu-sec ul li ul.submenu li a:hover h2 { color: var(--txt-purple);}

/*mobile-menu-start*/
body.over { overflow: hidden;}
.mobile-menu { -webkit-overflow-scrolling: touch; /* smooth scroll on iOS */ position:fixed; top:58px; bottom: 0; width:100%; height: calc(100% - 58px); overflow: auto;  z-index: 1000; border-top: none; padding: 30px 0 50px; opacity: 0; visibility: hidden; transition: all 0.4s ease; background: #ffffff; border-bottom:none; }
.mobile-menu.slow { opacity: 1; visibility: visible; }
.mobile-menu .nav { width: 100%; background: var(--bg-white); float: left;  padding: 0 0 75px 0; height:100%;}
.m-menu { order: 2; width: 28px; height: 18px; margin: 0px 0 0 0; -webkit-transform: rotate(0deg);-moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; float: left; position: relative; left: 0; top: auto; display:none; z-index:9; }
.m-menu a { display: block; height: 100%;}
.m-menu span { display: block; position: absolute; height: 2px; width: 28px; background: #047101; border-radius: 0px; opacity: 1;left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);  -webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }  
.m-menu span:nth-child(1) { top: 0px; width: 14px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.m-menu span:nth-child(2) { top: 8px;  right: 0; left: auto; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.m-menu span:nth-child(3) { top: 16px; left: auto; right: 0px; width: 14px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.m-menu a:hover span { background: #D79617;}
.m-menu.open span:nth-child(1) { width: 28px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: -1px; left: 4px; background: #D79617;}
.m-menu.open span:nth-child(2) { width: 0%; opacity: 0;}
.m-menu.open span:nth-child(3) { width: 28px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 18px; left: 4px; background:#D79617; }

.mobile-menu ul { display: flex; flex-wrap: wrap; row-gap: 0px;}
.mobile-menu ul li { flex: 1 1 100%; border-bottom: 1px solid #e6e6e6;}
.mobile-menu ul li a { font-size: 19px; color: #000000; line-height: 1.3; font-weight: 400; display: block; padding:14px 30px 14px 0; position: relative; transition: all 0.4s ease;}
.mobile-menu ul li.menu-item-has-children > a::after { display: block; content: ""; width: 9px; height: 9px; border-right: 2px solid #000000; border-bottom: 2px solid #000000; transform: rotate(45deg); transition: transform 0.3s ease-in-out;  margin-left: 0px; position: absolute; right: 10px; top: 18px;}
.mobile-menu ul li ul { display: none; padding:10px 0 25px 15px;}
.mobile-menu ul li ul li { margin-bottom: 18px; border: none;}
.mobile-menu ul li ul li:last-child { margin-bottom: 0;}
.mobile-menu ul li ul li a { font-size: 18px; font-weight: 400; padding: 0; color: var(--txt-white);}
.mobile-menu ul li ul li a::after { display: none;}
.mobile-menu ul li.active > a { font-family: var(--ff-roboto-bold);}
.mobile-menu ul li.active a:after { border-right: 2px solid #000000; border-bottom: 2px solid #000000; transform: rotate(-135deg); margin: 0px; }
/* .mobile-menu ul li a:hover { opacity: 0.7; } */
.mobile-menu .hdr-last { display: inline-flex; row-gap: 20px; justify-content: center; margin-top: 30px; width: 100%;} 
.mobile-menu .hdr-last .contact-btn a { height: 50px; }
.mobile-menu .hdr-last .contact-btn a span { width: 34px; height: 34px;}
.mobile-menu ul li a.active { color: #047101; font-weight: 600;}
.mobile-menu ul li a:hover { color: #047101;}
.mobile-menu .hdr-last .call-ico { width: 44px; height: 44px; }


.mobile-menu .ftr-scl-links { width: 100%; margin-top: 30px;}
.mobile-menu .ftr-scl-links p { color: #022B23; font-size: 20px; line-height: 1.3; font-weight: 700; margin-bottom: 10px; text-align: center;}
.mobile-menu .ftr-scl-links ul { justify-content: center; column-gap: 10px;}
.mobile-menu .ftr-scl-links ul li { flex: 0 1 auto; border: none;}
.mobile-menu .ftr-scl-links ul li a {transition: all 0.4s ease; padding: 0px 0px; width: 40px; height: 40px; background: #f1f1f1; display: flex; align-items: center; justify-content: center; border-radius: 50px;}
.mobile-menu .ftr-scl-links ul li a:hover { background: #1F5584;}
.mobile-menu .ftr-scl-links ul li a:hover i { color: #ffffff;}

/* .mobile-menu .mobile-btns { width: 100%; display: flex; flex-wrap: wrap; column-gap: 2%; row-gap: 10px; justify-content: center; margin-top: 50px;}
.mobile-menu .mobile-btns a { background: var(--bg-white); color: var(--txt-purple); border: 1px solid var(--bg-white); font-size: 17px; font-family: var(--ff-roboto-sbold); border-radius: 8px; height: 42px; padding: 0 15px; display: inline-flex; align-items: center; transition: all 0.4s ease; }
.mobile-menu .mobile-btns a:hover { background: none; color: var(--txt-white);}
.mobile-menu .mail { justify-content: center; margin: 25px 0px 30px;}
.mobile-menu .ftr-scl-links ul { justify-content: center;}
.mobile-menu .ftr-scl-links ul li { flex: 0 1 auto;}
.mobile-menu .ftr-scl-links ul li a { padding: 0px 0px;} */


/* banner section css */
.hero-slider {float: left; width: 100%; overflow: hidden; position: relative; background: var(--bg-lblack); z-index: 1;}
.hero-slider .swiper-slide { display: flex; flex-wrap: wrap; align-items: center; position: relative; float: left; width: 100%;}
/*.hero-slider .swiper-slide:nth-child(2)::after { display: none;}*/
.hero-slider .swiper-slide::after { position: absolute; display: block; content: ""; left: 0; top: 0; background: rgba(0, 0, 0, 0.30); width: 100%; height: 100%;}

.hero-slider .swiper-slide .hero-cnt { position: absolute; left: 0; right: 0; margin: 0 auto; z-index: 1;}
.hero-slider .swiper-slide .hero-cnt h2 { color: #fff; font-size: 80px; line-height: 1; font-weight: 700; margin-bottom: 10px;}
.hero-slider .swiper-slide .hero-cnt h2 span { color: #ffffff; background: #D79617; display: inline-block; padding: 0 10px;}
.hero-slider .swiper-slide .hero-cnt p { color: #fff; font-size: 32px; line-height: 1.2; font-weight: 500; margin-bottom: 40px;}
.hero-slider .swiper-slide .hero-cnt p strong { font-weight: normal; font-family: var(--ff-roboto-bold);}

.hero-slider .swiper-slide .hero-img { flex: 0 1 100%; position: relative; overflow: hidden; }
.hero-slider .swiper-slide .hero-img .main-img { position: absolute; bottom: 0; left: 0; z-index: 1; height: 100%;}
.hero-slider .swiper-slide .hero-img .main-img .dummy-img { opacity: 0; }
.hero-slider .swiper-slide .hero-img .main-img .org-img { position: absolute; left: 0; bottom: 0; }

.hero-slider .swiper-slide .hero-cnt a { transition: all 0.4s ease; background: #19568d; color: #ffffff; font-size: 18px; font-weight: 600; display: inline-flex; align-items: center; column-gap: 10px; height: 54px; border-radius: 15px; overflow: hidden; padding: 0 10px 0 20px;}
.hero-slider .swiper-slide .hero-cnt a span { transition: all 0.4s ease; width: 39px; height: 39px; border-radius: 50px; background: #ffffff; display: flex; align-items: center; justify-content: center;}
.hero-slider .swiper-slide .hero-cnt a span img { width: auto; filter: invert(30%) sepia(35%) saturate(3048%) hue-rotate(193deg) brightness(48%) contrast(90%);}
.hero-slider .swiper-slide .hero-cnt a:hover { background: #D79617; }
/* .hero-slider .swiper-slide .hero-cnt a:hover span { background: #D79617;} */
.hero-slider .swiper-slide .hero-cnt a:hover span img { filter: invert(50%) sepia(80%) saturate(4000%) hue-rotate(32deg) brightness(98%) contrast(100%); }

.hero-slider .swiper-button{ margin-right: calc((100% - 1200px) / 2); position: absolute; margin-top: 0px; width: 130px; height: 60px; bottom: 60px; right: 0; align-items: center; justify-content: center; display: flex; column-gap: 10px; z-index: 1; }
.hero-slider .swiper-button-prev-home{ background: rgba(2, 43, 35, 0.30); border: 1px solid rgba(255, 255, 255, 0.4); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); /* for Safari */ width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; cursor: pointer; transition:all .5s ease; border-radius: 50px;}
.hero-slider .swiper-button-next-home{ background: rgba(2, 43, 35, 0.30); border: 1px solid rgba(255, 255, 255, 0.4); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); /* for Safari */ width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; cursor: pointer; transition:all .5s ease; border-radius: 50px;}
.hero-slider .swiper-button-prev-home:hover, .hero-slider .swiper-button-next-home:hover{ background: #D79617; } 
/* .hero-slider .swiper-button-prev-home:hover img, .hero-slider .swiper-button-next-home:hover img { filter: invert(15%) sepia(21%) saturate(3025%) hue-rotate(113deg) brightness(35%) contrast(100%); } */
.hero-slider .swiper-button img { width: auto;}
.hero-slider .swiper-button-prev-home img { transform: rotate(180deg);}

.hero-slider .swiper-pagination-home.swiper-pagination-bullets { position: absolute; bottom: 30px; text-align: center; z-index: 1; top: auto; width: auto; padding-left: calc((100% - 1180px) / 2);}
.hero-slider .swiper-pagination-home .swiper-pagination-bullet { width: 8px; height: 8px; background: rgba(255, 255, 255, 0.52); opacity: 1; transition: all 0.4s ease;}
.hero-slider .swiper-pagination-home .swiper-pagination-bullet-active { background: rgba(255, 255, 255, 1); width: 15px; border-radius: 12px;}

/*welcome css*/
.welcome-sec { float: left; width: 100%; padding: 100px 0; }
.welcome-sec .div-center { position: relative;}
.welcome-sec .div-center::after { position: absolute; display: none; content: ""; top: 50%; transform: translateY(-75%); left: -180px; width: 320px; height: 320px; background: #F5F0E9; border-radius: 50%; z-index: -1;}
.welcome-lft { flex: 0 1 48%; position: relative;}
.welcome-lft .thumb-big { width: 82%; position: relative; border-radius: 30px; overflow: hidden; }
.welcome-lft .thumb-big::after { position: absolute; display: block; content: ""; left: 0; top: 0; background: rgba(0, 0, 0, 0.10); width: 100%; height: 100%;}
.welcome-lft .thumb-small { width: 60%; float: right; position: relative; margin-top: -120px; border-radius: 30px; overflow: hidden; }
.thumb-ico { display: none; width: 122px; height: 122px; position: absolute; top: 50%; transform: translateY(-120%); left: -50px; z-index: 1; /*display: flex;*/ align-items: center; justify-content: center; }
.thumb-ico::after { width: 100%; height: 100%; /*border: 2px dashed #D79617;*/ border: none; outline: 2px dashed #1F5584; outline-offset: -2px; display: block; content: ""; left: 0; top: 0; position: absolute; border-radius: 50%;}
.ico-green { width: 98px; height: 98px; background: #1F5584; border-radius: 50%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}

.welcome-rht { flex: 0 1 44%;}
.welcome-rht h5 { font-size: 16px; color: #022B23; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; position: relative; padding-left: 20px; margin-bottom: 20px;}
.welcome-rht h5::after { position: absolute; display: block; content: ""; background: #D79617; width: 10px; height: 10px; border-radius: 50%; left: 0; top: 50%; transform: translateY(-50%);}
.welcome-rht h1 { color: #022B23; font-size: 50px; line-height: 1; font-weight: 700; margin-bottom: 30px;}
.welcome-rht p { font-size: 18px; color: #555555; font-weight: 400; line-height: 1.4; margin-bottom: 20px;}
.welcome-rht p:last-child { margin-bottom: 0;}
.welcome-rht a, .domains-list a { margin-top: 20px; box-shadow: 0 5px 12px rgba(17, 96, 7, 0.13); transition: all 0.4s ease; background: #1F5584; color: #ffffff; font-size: 18px; font-weight: 600; display: inline-flex; align-items: center; column-gap: 15px; height: 54px; border-radius: 15px; overflow: hidden; padding: 0 10px 0 20px;}
.welcome-rht a span, .domains-list a  span { transition: all 0.4s ease; width: 39px; height: 39px; border-radius: 50px; background: #ffffff; display: flex; align-items: center; justify-content: center;}
.welcome-rht a span img, .domains-list a  span img { width: auto; filter: invert(30%) sepia(35%) saturate(3048%) hue-rotate(193deg) brightness(48%) contrast(90%);}
.welcome-rht a:hover, .domains-list a:hover  { background: #D79617; color: #ffffff;}
/* .welcome-rht a:hover span { background: #D79617;} */
.welcome-rht a:hover span img , .domains-list a:hover span img{ filter: invert(50%) sepia(80%) saturate(4000%) hue-rotate(32deg) brightness(98%) contrast(100%); }


/*portfolios css*/
.portfolios-sec { float: left; width: 100%; padding: 80px 0; background: #F4F4F4;}
.title-sec { width: 100%; float: left; text-align: center; margin-bottom: 40px;}
.title-sec h2 { color: #022B23; font-size: 50px; line-height: 1; font-weight: 700; margin-bottom: 20px; }
.title-sec p { font-size: 22px; color: #555555; font-weight: 400; line-height: 1.4; margin-bottom: 0px; }

.portfolios-sec ul { display: flex; flex-wrap: wrap; column-gap: 1%; float: left; width: 100%; }
.portfolios-sec ul li { flex: 0 1 32%; background: #1F5584; padding: 10px; border-radius: 25px; display: flex; flex-direction: column;}
.portfolios-sec ul li .portfolio-img { float: left; width: 100%; border-radius: 20px 20px 0 20px; overflow: hidden;}
.portfolios-sec ul li .portfolio-img img { transition: all 0.4s ease; transform: scale(1);}
.portfolios-sec ul li .portfolio-cnt { float: left; width: 100%; padding: 30px 20px 20px 20px; display: flex; flex-direction: column; /* pushes text up, button down */ flex-grow: 1;}
.portfolios-sec ul li .portfolio-cnt h3 { font-size: 28px; color: #ffffff; line-height: 1.1; font-weight: 600; margin-bottom: 10px;}
.portfolios-sec ul li .portfolio-cnt p { color: #ffffff; font-size: 18px; font-weight: 400; line-height: 1.4; margin-bottom: 30px; flex-grow: 1;}
.portfolios-sec ul li .portfolio-cnt a { margin-top: 0px; transition: all 0.4s ease; background: #ffffff; color: #17412D; font-size: 18px; font-weight: 600; display: inline-flex; align-items: center; column-gap: 15px; height: 54px; border-radius: 15px; overflow: hidden; padding: 0 10px 0 20px; align-self: flex-start;}
.portfolios-sec ul li .portfolio-cnt a span { transition: all 0.4s ease; width: 39px; height: 39px; border-radius: 50px; background: #022B23; display: flex; align-items: center; justify-content: center;}
.portfolios-sec ul li .portfolio-cnt a span img { width: auto;}
.portfolios-sec ul li:hover .portfolio-cnt a { background: #D79617; color: #ffffff;}
.portfolios-sec ul li:hover .portfolio-cnt a span { background: #ffffff;}
.portfolios-sec ul li:hover .portfolio-cnt a span img { filter: invert(50%) sepia(80%) saturate(4000%) hue-rotate(32deg) brightness(98%) contrast(100%); }
.portfolios-sec ul li:hover .portfolio-img img { transform: scale(1.04);}


/*partner section css*/
.partner-sec { float: left; width: 100%; padding: 75px 0px 95px 0px; background: #fff; }
.partner-cont { width: 100%; text-align: center;}
.partner-cont h5 { display: flex; align-items: center; column-gap: 15px; justify-content: center; color: #022B23; font-size: 16px; line-height: 1; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 20px; }
.partner-cont h5 span.title-circle { width: 12px; height: 12px; background: #D79617; border-radius: 20px; }
.partner-cont h2 { color: #022B23; font-size: 50px; line-height: 1.2; font-weight: 700; margin-bottom: 30px; }

.partner-cont a { box-shadow: 0 5px 12px rgba(17, 96, 7, 0.13); transition: all 0.4s ease; background: #1F5584; color: #ffffff; font-size: 18px; font-weight: 600; display: inline-flex; align-items: center; column-gap: 15px; height: 54px; border-radius: 15px; overflow: hidden; padding: 0 10px 0 20px;}
.partner-cont a span { transition: all 0.4s ease; width: 39px; height: 39px; border-radius: 50px; background: #ffffff; display: flex; align-items: center; justify-content: center;}
.partner-cont a span img { width: auto; filter: invert(30%) sepia(35%) saturate(3048%) hue-rotate(193deg) brightness(48%) contrast(90%);}
.partner-cont a:hover { background: #D79617; color: #ffffff;}
.partner-cont a:hover span img { filter: invert(50%) sepia(80%) saturate(4000%) hue-rotate(32deg) brightness(98%) contrast(100%); }

/* .partner-cont a:hover span { background: #D79617;} */
/* .partner-cont a:hover span img { filter: invert(15%) sepia(21%) saturate(3025%) hue-rotate(113deg) brightness(35%) contrast(100%); } */


/*footer css*/
footer { float: left; width: 100%; padding: 0px 50px 0px 0px; }
.foot-div-out { float: left; width: 100%; background: #EDEDED; padding: 75px 0px; border-top: 20px solid #D79617; border-radius: 0px 100px 0px 0px; }
.foot-main { width: 100%; display: flex; flex-wrap: wrap; padding-left: calc((100% - 1150px) / 2); }
.foot-lft { flex: 0 1 37%; border-right: 1px solid rgba(2, 43, 35, 0.20); }
.foot-lft h2 { color: #022B23; font-size: 26px; line-height: 1.4; font-weight: 700; margin-bottom: 20px; }
.foot-lft p { color: #022B23; font-size: 16px; line-height: 1.5; font-weight: 400; margin-bottom: 20px;}
.foot-lft p:last-child { margin-bottom: 0;}

.foot-rgt { flex: 0 1 63%; display: flex; flex-wrap: wrap; padding: 0px 120px; }
.foot-rgt-menu { flex: 0 1 50%; }
.foot-rgt-menu h3 { color: #022B23; font-size: 26px; line-height: 1.3; font-weight: 700; margin-bottom: 30px; }
ul.quick-links { display: flex; flex-wrap: wrap; row-gap: 8px;}
ul.quick-links li { flex: 0 1 100%; }
ul.quick-links li a { color: #022B23; font-size: 16px; line-height: 1.5; font-weight: 400; transition: all 0.4s ease; }
ul.quick-links li a:hover { color: #D79617; }

ul.foot-social { display: flex; flex-wrap: wrap; row-gap: 22px; column-gap: 4%; }
ul.foot-social li { flex: 0 1 100%; }
ul.foot-social li a { display: flex; align-items: center; column-gap: 15px; color: #022B23; font-size: 16px; line-height: 1.5; font-weight: 400; transition: all 0.4s ease;}
ul.foot-social li a span { color: #fff; font-size: 20px; display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 100%; background: #047101; transition: all 0.4s ease;}
ul.foot-social li a:hover { color: #0C5B47; }
ul.foot-social li a:hover span { background: #D79617;color: #ffffff; }

/*abt*/
.inner-banner {float: left;width: 100%;border-radius: 0 0 100px 0;overflow: hidden;position: relative; height: 440px;z-index: 1;}
.inner-banner img {float: left;width: 100%;height: auto;display: block;object-fit: cover;}
.inner-banner::after {position: absolute;content: "";top: 0;left: 0;width: 100%;height: 100%; background: #047101; background: linear-gradient(90deg,rgba(4, 113, 1, 1) 0%, rgba(0, 0, 0, 0.441) 50%); z-index: 1;}
.inner-caption {width: 720px;float: left;position: absolute;top: 50%;transform: translateY(-50%);z-index: 9;}
.inner-caption .breadcrum {margin-bottom: 12px;}
.inner-caption .breadcrum ul {margin: 0;padding: 0;list-style: none;display: flex;}
.inner-caption .breadcrum ul li {color: #fff; font-family: "Anek Bangla", sans-serif; font-weight: 400; font-size: 16px; line-height: 28px; position: relative;}
.inner-caption .breadcrum ul li a {color: #fff;text-decoration: none;transition: 0.3s; font-family: "Anek Bangla", sans-serif; font-weight: 400; font-size: 16px; line-height: 28px;}
.inner-caption .breadcrum ul li:not(:last-of-type)::after { position: relative; content: ">"; right: 0; top: 0; color: #fff; margin: 0px 10px;}
.inner-caption .breadcrum ul li a:hover {opacity: 0.7;}
.inner-banner::before {position: absolute;content: "";bottom: -150px;left: -30px;width: 420px;height: 420px; background: url(../images/inner-banner-bg.svg) no-repeat 0 0; background-size: cover;  z-index: 9;}
.inner-caption h2 {float: left;width: 100%;color: #ffffff;font-size: 90px;line-height: 100px; font-family: "Anek Bangla", sans-serif; font-weight: 600;}
.inner-caption h2 span{color: #D79617;}
.inner-caption.portfolios h2{font-size: 64px;line-height: 68px;}

.welcome-lft.abt .thumb-big{width: 100%;}
.welcome-lft.abt .thumb-ico{display: flex;display: none;}
.welcome-lft.abt .thumb-ico .ico-green{background: #EFAC44;}
.welcome-lft.abt .thumb-ico::after {outline: 2px dashed #D79617;}

.domains-sec{float: left;width: 100%; background: #F5F0E9; padding: 85px 0;}
.domains-title{width: 100%; float: left; padding: 0 15%; display: flex; flex-wrap: wrap; row-gap: 20px; margin-bottom: 40px;}
.domains-title h2{float: left;width: 100%; text-align: center; color: #022B23; font-weight: 700; font-size: 50px; line-height: 52px;}
.domains-title p{width: 100%; float: left; text-align: center; color: #555555; font-weight: 400; font-size: 22px; line-height: 32px;}

.domains-list{width: 100%; float: left;}
.domains-list ul{width: 100%; float: left;  display: flex; flex-wrap: wrap; column-gap: 3%; row-gap: 0;}
.domains-list ul li{flex: 0 1 31.3%; display: flex; flex-wrap: wrap; row-gap: 15px; background: #fff; padding: 40px; border-radius: 20px; align-content: flex-start;}
.domains-list ul li .domains-icon{ width: 80px; height: 80px; border-radius: 100%; display: flex; align-items: center; justify-content: center; text-align: center;}
.domains-list ul li .domains-icon img{width: auto;}
.domains-list ul li h3{float: left;width: 100%; color: #000000; font-family: "Anek Bangla", sans-serif; font-weight: 600; font-size: 26px; line-height: 30px;}
.domains-list ul li p{float: left;width: 100%; color: #000000; font-family: "Anek Bangla", sans-serif; font-weight: 400; font-size: 18px; line-height: 28px;}
.domains-icon.green{background: #047101; }
.domains-icon.blue{background: #1F5584;}
.domains-icon.yellow{background: #D79617;}

.our-mission{float: left;width: 100%; background: #fff; padding: 90px 0;}
.our-mission ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 4%;}
.our-mission ul li{flex: 0 1 48%; padding: 60px; border-radius: 30px; display: flex; flex-wrap: wrap; row-gap: 15px; align-content: flex-start;}
.our-mission ul li h3{float: left;width: 100%; color: #fff; font-family: "Anek Bangla", sans-serif; font-weight: 700; font-size: 40px; line-height: 40px;}
.our-mission ul li p{float: left;width: 100%; color: #fff; font-family: "Anek Bangla", sans-serif; font-weight: 400; font-size: 20px; line-height: 30px;}
.our-mission ul li.green{background: #047101;}
.our-mission ul li.blue{background: #12426C;}

.presence-map{float: left;width: 100%;padding:80px 0;}
.presence-map h2{float: left;width: 100%; text-align: center; color: #000000; font-family: "Anek Bangla", sans-serif; font-weight: 700; font-size: 50px; line-height: 50px; margin-bottom: 40px;}
.presence-list{float: left;width: 100%;}
.presence-list ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 2%; row-gap: 0; justify-content: center;}
.presence-list ul li{flex: 0 1 18.3%; display: flex; flex-wrap: wrap; row-gap: 15px; justify-content: center;}
.presence-list ul li .flag{width: 128px;height: 128px;border-radius: 100%; overflow: hidden;box-shadow: 0 0 5px rgba(0, 0, 0, 0.10);}
.presence-list ul li .flag img{width: 100%;}
.presence-list ul li h3{float: left;width: 100%; color: #000000; font-family: "Anek Bangla", sans-serif; font-weight: 700; font-size: 26px; line-height: 26px; text-align: center;}

.founders-team{float: left;width: 100%; background: #F5F0E9;padding: 80px 0 80px 0;}
.founders-team h2{width: 100%; float: left; text-align: center; color: #000000; font-family: "Anek Bangla", sans-serif; font-weight: 700; font-size: 50px; line-height: 50px; margin-bottom: 15px;}
.founders-team p{float: left;width: 100%; text-align: center; color: #555555; font-family: "Anek Bangla", sans-serif; font-weight: 400; font-size: 22px; line-height: 32px;}
.founders-team-list{width: 100%; float: left; margin-top: 40px;}
.founders-team-list ul {width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 2%; row-gap: 50px;}
.founders-team-list ul li{flex: 0 1 32%; overflow: hidden; border-radius: 30px; position: relative;}
.founders-team-list ul li .founders-img{width: 100%; float: left; background: linear-gradient(180deg,rgba(215, 150, 23, 1) 0%, rgba(244, 201, 117, 1) 100%); height: 380px; border-radius: 100%; overflow: hidden;}
.founders-team-list ul li .founders-img img{width: 100%; float: left; transition: all 0.4s ease; transform: scale(1);}
.founders-team-list ul li:hover .founders-img img {transform: scale(1.04);}
.founders-team-list ul li .founders-cnt{width: 100%; float: left; /* background: linear-gradient(0deg,rgb(21, 50, 76) 0%, rgba(0, 0, 0, 0) 100%); */ position: relative; bottom: 0; left: 0; width: 100%; padding: 30px 0 0;}
.founders-team-list ul li .founders-cnt h3{width: 100%; float: left; text-align: center; color: #12426C; font-family: "Anek Bangla", sans-serif; font-weight: 700; font-size: 28px; line-height:30px; margin-bottom: 5px;}
.founders-team-list ul li .founders-cnt p{width: 100%; float: left; text-align: center; color: #047101; font-family: "Anek Bangla", sans-serif; font-weight: 400; font-size:18px; line-height: 26px;}

/*portfolios*/
.our-portfolios{float: left;width: 100%; background: #fff; padding: 80px 0;}
.portfolios-title{float: left; width: 80%;}
.portfolios-title h6{float: left;width: 100%; color: #022B23; font-weight: 600;text-transform: uppercase;position: relative;padding-left: 20px;font-size: 16px; line-height: 16px; letter-spacing: 2px; margin-bottom: 15px;}
.portfolios-title h6::after {position: absolute;display: block;content: "";background: #D79617;width: 10px;height: 10px;border-radius: 50%;left: 0;top: 50%;transform: translateY(-50%);}
.portfolios-title h2{float: left;width: 100%; color: #000000; font-weight: 300; font-size: 36px; line-height: 42px; letter-spacing: 1px;}

.portfolios-list{float: left;width: 100%; margin-top: 80px;}
.portfolios-list ul{width: 100%; float: left; display: flex; flex-wrap: wrap; row-gap: 40px;}
.portfolios-list ul li{flex: 0 1 100%; display: flex; flex-wrap: wrap; background: #F4F4F4; border-radius: 30px; overflow: hidden;}
.portfolios-list ul li .portfolios-cnt{flex: 0 1 50%; padding: 60px 55px; display: flex; flex-wrap: wrap; align-content:center;}
.portfolios-list ul li .portfolios-cnt h2{float: left;width: 100%; color: #1F5584; font-size: 36px; line-height: 38px; letter-spacing: 1px; font-weight: 600; margin-bottom: 15px;}
.portfolios-list ul li .portfolios-cnt p{float: left;width: 100%; color: #555555; font-weight: 400; font-size: 18px; line-height: 28px; margin-bottom: 30px;}
.portfolios-list ul li .portfolios-cnt p span{font-weight: 600; }

.portfolios-list ul li .portfolios-cnt a.explore-btn {transition: all 0.4s ease;background: #D79617;color: #ffffff;font-size: 18px;font-weight: 600;display: flex;align-items: center;column-gap: 10px;height: 52px;border-radius: 15px;overflow: hidden;padding: 0 10px 0 20px;}
.portfolios-list ul li .portfolios-cnt a.explore-btn span { transition: all 0.4s ease; width: 39px; height: 39px; border-radius: 50px; background: #022B23; display: flex; align-items: center; justify-content: center;}
.portfolios-list ul li .portfolios-cnt a.explore-btn span img { width: auto;}
.portfolios-list ul li .portfolios-cnt a.explore-btn:hover { background: #047101; color: #ffffff;}
.portfolios-list ul li .portfolios-cnt a.explore-btn:hover span { background: #ffffff;}
.portfolios-list ul li .portfolios-cnt a.explore-btn:hover span img { filter: invert(15%) sepia(21%) saturate(3025%) hue-rotate(113deg) brightness(35%) contrast(100%);}

.portfolios-list ul li .portfolios-img{flex: 0 1 50%;}
.portfolios-list ul li .portfolios-img img{width: 100%; float: left; height: 100%; object-fit: cover;}
.portfolios-list ul li:nth-child(2n+2){background: #F5F0E9;}
.portfolios-list ul li:nth-child(2n+2) .portfolios-img {order: 1;}
.portfolios-list ul li:nth-child(2n+2) .portfolios-cnt {order: 2;}

.beneficiaries-sec{float: left;width: 100%; background: #F5F0E9; padding: 85px 0;}
.beneficiaries-pad{float: left;width: 100%; padding: 0 20%; margin-bottom: 35px;}
.beneficiaries-sec h2{float: left;width: 100%;text-align: center;color: #022B23;font-weight: 700;font-size: 50px;line-height: 52px;margin-bottom: 15px;}
.beneficiaries-sec p{float: left;width: 100%; color: #555555; font-weight: 400; font-size: 22px;line-height: 32px; text-align: center;}

.beneficiaries-list{float: left;width: 100%;}
.beneficiaries-list ul{width: 100%;float: left;display: flex;flex-wrap: wrap;column-gap: 3%;row-gap: 0;}
.beneficiaries-list ul li {flex: 0 1 31.3%;display: flex;flex-wrap: wrap;column-gap: 20px;background: #fff;padding: 40px 30px;border-radius: 20px;align-items: center;}
.beneficiaries-list ul li .beneficiaries-icon{ width: 80px; height: 80px; border-radius: 100%; display: flex; align-items: center; justify-content: center; text-align: center;}
.beneficiaries-list ul li .beneficiaries-icon img{width: auto;}
.beneficiaries-list ul li .beneficiaries-cnt{flex: 0 1 calc(100% - 100px);}
.beneficiaries-list ul li .beneficiaries-cnt h3{color: #000000;font-weight: 700;font-size: 26px;line-height: 28px;}
.beneficiaries-icon.green{background: #047101; }
.beneficiaries-icon.blue{background: #1F5584;}
.beneficiaries-icon.yellow{background: #D79617;}

.global-sec{float: left;width: 100%; background: #fff; padding: 80px 0;}
.global-inner{float: left;width: 100%; background: #047101; border-radius: 40px; display: flex; flex-wrap: wrap; column-gap: 4%; row-gap: 0; position: relative; overflow: hidden;}
.global-inner::before {position: absolute;content: "";bottom: -40px;right: -50px;width: 330px;height: 440px;background: url(../images/partner-bg.svg) no-repeat 0 0;background-size: cover;z-index: 9;}
.global-lft{flex: 0 1 58%; padding: 60px 50px;}
.global-rgt{flex: 0 1 38%; position: relative;}
.global-rgt img{width: 400px;position: absolute;bottom: 0;right: 100px; z-index: 9;}
.global-sec h5 {font-size: 16px; color: #fff; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; position: relative; padding-left: 20px; margin-bottom: 15px;}
.global-sec h5::after { position: absolute; display: block; content: ""; background: #D79617; width: 10px; height: 10px; border-radius: 50%; left: 0; top: 50%; transform: translateY(-50%);}
.global-sec h2{float: left;width: 100%;text-align: left;color: #fff;font-weight: 700;font-size: 42px;line-height: 48px;margin-bottom: 30px;}
.global-sec a{transition: all 0.4s ease;background: #D79617;color: #ffffff;font-size: 18px;font-weight: 600;display: inline-flex;align-items: center;column-gap: 10px;height: 52px;border-radius: 15px;overflow: hidden;padding: 0 10px 0 20px;}
.global-sec a span { transition: all 0.4s ease; width: 39px; height: 39px; border-radius: 50px; background: #022B23; display: flex; align-items: center; justify-content: center;}
.global-sec a span img { width: auto;}
.global-sec a:hover { background: #1F5584; color: #ffffff;}
.global-sec a:hover span { background: #ffffff;}
.global-sec a:hover span img{filter: invert(15%) sepia(21%) saturate(3025%) hue-rotate(113deg) brightness(35%) contrast(100%);}

.impact-sec{float: left;width: 100%; background: #fff; padding: 80px 0 0 0;}
.impact-title{width: 100%; float: left; padding: 0 15%; display: flex; flex-wrap: wrap; row-gap: 15px; margin-bottom: 40px;}
.impact-title h2{float: left;width: 100%; text-align: center; color: #022B23; font-weight: 700; font-size: 50px; line-height: 52px;}
.impact-title p{width: 100%; float: left; text-align: center; color: #555555; font-weight: 400; font-size: 22px; line-height: 32px;}

.impact-list{width: 100%; float: left;}
.impact-list ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 3%; row-gap: 0;}
.impact-list ul li {flex: 0 1 31.3%;display: flex;flex-wrap: wrap; column-gap: 20px; background: #fff;padding: 30px;border-radius: 20px; border: 1px solid #EAECEA;}
.impact-list ul li span{width: 42px; height: 42px; background: #D79617; border-radius: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; text-align: center;}
.impact-list ul li span img{width: auto;}
.impact-list ul li h3{flex: 0 1 calc(100% - 62px); color: #000; font-weight: 400; font-size: 24px; line-height: 30px;}

.co-founder-sec{width: 100%; float: left; padding: 100px 0; background: #fff;}
.co-founder-inner{width: 100%; float: left; display: flex; flex-wrap: wrap; align-items: flex-start; column-gap: 70px; row-gap: 0;}
.co-founder-lft{ flex: 0 1 380px; height: 380px; border-radius: 100%; overflow: hidden; background: linear-gradient(180deg,rgba(215, 150, 23, 1) 0%, rgba(244, 201, 117, 1) 100%);}
.co-founder-lft img{width: 100%; float: left;}
.co-founder-rgt{flex: 0 1 calc(100% - 450px);}
.co-founder-sec h2{width: 100%; float: left; color: #000; font-weight: 700; font-size: 40px; line-height: 42px; margin-bottom: 10px;}
.co-founder-sec h3{width: 100%; float: left; color: #D79617; font-weight: 400; font-size: 20px; line-height: 30px; margin-bottom: 20px;}
.co-founder-sec p{width: 100%; float: left; color: #333333; font-weight: 400; font-size: 20px; line-height: 30px;margin-bottom: 20px;}
.co-founder-sec p span{font-weight: 700;}
.linkedin{width: 80%; float: left; margin-top: 20px;}
.linkedin a{width: 100%;float: left;display: flex;flex-wrap: wrap;align-items: center;column-gap: 20px; border: 1px solid #0077B5; border-radius: 8px; overflow: hidden; transition: all 0.4s ease;}
.linkedin a span{width: 60px; height: 60px; background: #0077B5; border-radius: 8%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; transition: all 0.4s ease;}
.linkedin a span img{width: auto;}
.linkedin a p{width: auto; float: left; color: #000; font-weight: 400; font-size: 20px; line-height: 30px; margin: 0; transition: all 0.4s ease;}
.linkedin a:hover{background: #0077B5;}
.linkedin a:hover p{color: #fff;}
.linkedin a:hover span{background: #1F5584;}

/*Articles*/
.articles-sec{float: left;width: 100%; background: #fff; padding: 80px 0;}
.articles-title{width: 100%; float: left; padding: 0 15%; display: flex; flex-wrap: wrap; row-gap: 15px; margin-bottom: 40px;}
.articles-title h2{float: left;width: 100%; text-align: center; color: #022B23; font-weight: 700; font-size: 50px; line-height: 52px;}
.articles-title p{width: 100%; float: left; text-align: center; color: #555555; font-weight: 400; font-size: 22px; line-height: 30px;}
.articles-list{width: 100%; float: left;}
.articles-list ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 2.5%; row-gap: 30px;}
.articles-list ul li {flex: 0 1 31.5%;display: flex;flex-wrap: wrap; background: #fff;padding: 25px 52px 25px 32px;border-radius: 10px; border: 1px solid #D9D9D9;}
.articles-list ul li span{width: auto; float: left; padding: 5px 10px; border-radius: 5px; color: #fff; font-weight: 600; font-size: 18px; line-height: 22px; margin-bottom: 15px;}
.articles-list ul li h3{width: 100%; float: left; color: #000; font-weight: 600; font-size: 24px; line-height: 30px; margin-bottom: 18px;}
.articles-list ul li h4{float: left; width: auto; color: #999999; font-weight: 400; font-size: 18px; line-height: 28px; padding-left: 32px; position: relative;}
.articles-list ul li h4::before{position: absolute; content: ""; left: 0; top: 2px; width: 24px; height: 24px; background: url(../images/calender.svg) no-repeat 0 0;background-size: cover;}
.articles-list ul li span.yellow{background: #D79617;}
.articles-list ul li span.green{background: #047101;}
.articles-list ul li span.blue{background: #1F5584;}

/*Downloads*/
.downloads-sec{float: left;width: 100%; background: #fff; padding: 100px 0;}
.downloads-list{float: left;width: 100%; margin-bottom: 65px;}
.downloads-list ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 3%; row-gap: 35px;}
.downloads-list ul li{flex: 0 1 48.5%;}
.downloads-list ul li a{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 0;}
.downloads-list ul li a .downloads-img{flex: 0 1 260px; overflow: hidden;}
.downloads-list ul li a .downloads-img img{width: 100%; float: left; transition: all 0.4s ease;transform: scale(1);}
.downloads-list ul li a:hover .downloads-img img {transform: scale(1.04);}
.downloads-list ul li a .downloads-cnt{flex: 0 1 calc(100% - 260px); padding: 50px 40px; border: 1px solid #E4E4E4; display: flex; flex-wrap: wrap; align-content: center;}
.downloads-list ul li a .downloads-cnt h3{width: 100%; float: left; color: #000; font-weight: 500; font-size: 26px; line-height: 30px; margin-bottom: 10px;}
.downloads-list ul li a .downloads-cnt p{width: 100%; float: left; color: #000; font-weight: 400; font-size: 16px; line-height: 22px; margin-bottom: 20px;}
.downloads-list ul li a .downloads-cnt h4{ box-shadow: 0 5px 12px rgba(17, 96, 7, 0.13); transition: all 0.4s ease; background: #047101; color: #ffffff; font-size: 16px; font-weight: 500; display: inline-flex; align-items: center; column-gap: 10px; height: 40px; border-radius: 30px; overflow: hidden; padding: 0 10px 0 20px;}
.downloads-list ul li a .downloads-cnt h4 span { transition: all 0.4s ease; width: 20px; height: 20px; border-radius: 50px; background: #ffffff; display: flex; align-items: center; justify-content: center;}
.downloads-list ul li a .downloads-cnt h4 span img { width: auto; filter: invert(30%) sepia(35%) saturate(3048%) hue-rotate(193deg) brightness(48%) contrast(90%);}
.downloads-list ul li a:hover .downloads-cnt h4 { background: #D79617; color: #ffffff;}
.downloads-list ul li a:hover .downloads-cnt h4 span img { filter: invert(50%) sepia(80%) saturate(4000%) hue-rotate(32deg) brightness(98%) contrast(100%); }

.csr-sec{float: left;width: 100%;background: #fff;padding: 85px 0;}
.csr-list{width: 100%; float: left;}
.csr-list ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 2%; row-gap: 0;}
.csr-list ul li {flex: 0 1 23.5%;display: flex;flex-wrap: wrap; row-gap: 12px; background: #fff;padding: 25px;border-radius: 20px; border: 1px solid #EAECEA;}
.csr-list ul li span{width: 42px; height: 42px; background: #D79617; border-radius: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; text-align: center;}
.csr-list ul li span img{width: auto;}
.csr-list ul li h3{width: 100%; color: #000; font-weight: 600; font-size: 20px; line-height: 26px;}
.csr-list ul li p{width: 100%; color: #797979; font-weight: 400; font-size: 18px; line-height: 25px;}

.our-partners{float: left;width: 100%;background: #fff;padding: 85px 0;}
.our-partners-list{float: left;width: 100%;}
.our-partners-list ul{width: 100%; float: left; display: flex; flex-wrap: wrap; justify-content: center; column-gap: 2.5%; row-gap: 25px; padding: 0 10%;}
.our-partners-list ul li{flex: 0 1 23%; border: 1px solid #E7E9E7; border-radius: 10px; padding: 15px; min-height: 120px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
.our-partners-list ul li img{width: auto;}

/*contact-form*/
.get-in-touch { float: left;width: 100%;background: #F5F0E9; position: relative; overflow: hidden; padding-top: 85px;}
.get-in-touch::before {position: absolute;content: "";top: 0;right: 0px;width: 346px;height: 663px;background: url(../images/enquiry-bg.svg) no-repeat 0 0;background-size: cover;z-index: 9;}
.get-in-title{float: left;width: 65%;display: flex;flex-wrap: wrap;row-gap: 15px; margin-bottom: 35px;}
.get-in-inner{float: left; width: 100%; display: flex;flex-wrap: wrap;position: relative;overflow: hidden; column-gap: 5%; align-items: flex-end;}
.get-in-lft{flex: 0 1 65%; padding: 0 0 85px 0;}
.get-in-touch h6 {width: 100%; font-size: 16px; color: #022B23; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; position: relative; padding-left: 20px;}
.get-in-touch h6::after { position: absolute; display: block; content: ""; background: #D79617; width: 10px; height: 10px; border-radius: 50%; left: 0; top: 50%; transform: translateY(-50%);}
.get-in-touch h2 {float: left;width: 100%;color: #022B23;font-weight: 700;font-size: 50px;line-height: 52px;}
.get-in-touch p {float: left;width: 100%;color: #555555;font-size: 22px;line-height: 30px; font-weight: 400;}

.enquiry-form { float: left; width: 100%;padding: 40px; background: #fff; border-radius: 10px;}
.enquiry-form ul { width: 100%; display: flex; flex-wrap: wrap; column-gap: 3%; row-gap: 20px;}
.enquiry-form ul li { flex: 0 1 48.5%;}
.enquiry-form ul li.full-width {flex: 0 1 100%;}
.enquiry-form ul li p { float: left; width: 100%; text-align: left; color: rgba(48,48,48,0.53); font-size: 14px; line-height: 20px; padding-top: 5px;}
.enquiry-form ul li label { float: left; width: 100%; color: #565656;font-weight: 600;font-size: 18px; line-height: 26px; margin-bottom: 10px;}
.enquiry-form ul li label span { color: var(--txt-red);}
.enquiry-form ul li input[type="text"], .enquiry-form ul li input[type="email"], .enquiry-form ul li input[type="tel"] { font-family: "Anek Bangla", sans-serif;float: left; width: 100%; font-weight: 400; font-size: 16px; line-height: 25px; padding:10px 20px; background: #F8F7F4;  border: 1px solid #F8F7F4; border-radius:10px; color: #555555; height: 60px;}
.enquiry-form ul li textarea {font-family: "Anek Bangla", sans-serif;float: left; width: 100%; height: 114px; font-weight: 400; font-size: 16px; line-height: 25px; padding: 10px 20px;background: #F8F7F4;border: 1px solid #F8F7F4;border-radius: 10px;color: #555555;}
.cont-form-btn{width: 100%;float: left;margin-top: 30px;}
.cont-form-btn input[type="button"]{width: 150px;height: 50px; border: none; background: var(--golden);color: var(--txt-white); border-radius: 4px 4px 15px 4px; font-family: var(--ff-K2D-Bold);font-size: 16px;line-height: 21px;transition: all .5s ease; cursor: pointer;}
.cont-form-btn input[type="button"]:hover{background: var(--drk-blu);}
.enquiry-form ul li input::placeholder, .enquiry-form ul li textarea::placeholder { color: #555555; font-size: 15px; font-weight: 400;opacity: 1;}
.enquiry-btn{width: 100%;float: left;margin-top: 25px;}
.enquiry-btn input[type="button"]{width: 160px;height: 60px; border: none; background: #D79617; color: #FFFFFF; border-radius: 15px;display: flex;align-items: center; font-weight: 600; font-size: 16px;line-height: 21px;transition: all .5s ease; cursor: pointer;}
.enquiry-btn input[type="button"]:hover{background: #047101;}
.get-in-rgt{flex: 0 1 30%; position: relative;z-index: 9;}
.enquiry-form ul li .err-msg { color: #F00; font-size: 14px;}

.presence-map.our-locations{background: #F5F0E9;}
.presence-pad.our-locations{padding: 0;}
.presence-pad.our-locations ul li{flex: 0 1 auto; justify-content: center;}
.presence-pad.our-locations ul li h3{text-align: center;}
.presence-pad.our-locations ul li p{width: 100%; float: left; color: #000; font-size: 17px; line-height: 27px; letter-spacing: 0; font-weight: 400;}
.presence-pad.our-locations ul li p span {width: 100%; float: left;}
.presence-pad.our-locations ul li p a {display: block; color: #000; font-size: 17px; line-height: 27px; letter-spacing: 0; font-weight: 400; float: left; transition: all 0.4s ease;}
.presence-pad.our-locations ul li p a:hover{color: #D79617;}

.get-in-touch.contact-bg{background: #fff; padding-bottom: 85px;}
.get-in-touch.contact-bg::before{display: none;}
.enquiry-form.contact{padding: 0;}
.enquiry-form.contact ul li input[type="text"], .enquiry-form.contact ul li textarea, .enquiry-form ul li input[type="email"], .enquiry-form ul li input[type="tel"] {border: 1px solid #EAECEA; background: #fff;}
.enquiry-form.contact ul li input[type="text"].error, .enquiry-form.contact ul li textarea.error, .enquiry-form ul li input[type="email"].error, .enquiry-form ul li input[type="tel"].error { border: 1px solid #FF7B7B;}

.get-in-rgt ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 4%; row-gap: 25px;}
.get-in-rgt ul li{flex: 0 1 48%; padding: 25px; border: 1px solid #E7E9E7; border-radius: 20px; display: flex; flex-wrap: wrap; column-gap: 0; row-gap: 15px; align-content: flex-start;box-shadow: 0px 2px 5px rgba(0,0,0,0.05);}
.get-in-rgt ul li span{background: #1F5584; width: 60px; height: 60px; border-radius: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
.get-in-rgt ul li span img{width: auto;}
.get-in-inner.contact {align-items: flex-start; column-gap: 4%;}
.get-in-lft.contact{padding: 0; flex: 0 1 48%;}
.get-in-rgt.contact{flex: 0 1 48%;}
.get-in-rgt ul li h3{width: 100%; float: left; font-size: 22px; line-height: 26px; font-weight: 600;}
.get-in-rgt ul li p{width: 100%; float: left; color: #797979; font-weight: 400; font-size: 18px; line-height: 26px; margin: 0;}
.get-in-rgt ul li a{float: left; color: #797979; font-weight: 400; font-size: 18px; line-height: 26px; transition: all 0.4s ease;}
.get-in-rgt ul li a:hover{color: #D79617;}

.map-sec{width: 100%; float: left; margin-bottom: 85px;}
.map-sec iframe{width: 100%; float: left; height: 480px; border-radius: 30px;}

/*Noticias*/
.noticias-sec{width: 100%; float: left; padding: 80px 0; background: #fff;}
.noticias-main{width: 100%; float: left; margin-bottom: 80px;}
.noticias-main a{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 0; row-gap: 0; border: 1px solid #E6E6E6; overflow: hidden; border-radius: 30px;}
.noticias-lft{flex: 0 1 50%; overflow: hidden; position: relative; overflow: hidden; border-radius: 30px;}
.noticias-lft img{width: 100%; float: left; transition: all 0.4s ease; transform: scale(1);}
.noticias-main a:hover .noticias-lft img{transform: scale(1.04);}

.noticias-rgt{flex: 0 1 50%; padding: 55px 65px;}
.country{position: absolute; right: 20px; bottom: 20px; background: #D79617; border-radius: 6px; color: #fff; font-size: 16px; line-height: 16px; padding: 4px 10px;}
.noticias-main h2{width: 100%; float: left; color: #000; font-size: 32px; line-height: 36px; font-weight: 600; margin-bottom: 15px;}
.noticias-main p{width: 100%; float: left; color: #000; font-size: 18px; line-height: 25px; font-weight: 400; margin-bottom: 40px;}
.noticias-main span{float: left; color: #047101; font-size: 18px; line-height: 16px; font-weight: 600; position: relative; padding-right: 32px; transition: all 0.4s ease;}
.noticias-main span:after{position: absolute; content: ""; right: 0; top:-2px; background: url(../images/arrow-white.svg) no-repeat 0 0;background-size: cover; width: 20px; height: 20px;}
.noticias-main a:hover span{color: #D79617;}

.noticias-list{width: 100%; float: left; margin-bottom: 80px;}
.noticias-list ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 2%; row-gap: 55px;}
.noticias-list ul li{flex: 0 1 32%;}
.noticias-list ul li a{width: 100%; float: left;}
.noticias-list ul li .noticias-img{width: 100%; float: left; overflow: hidden; border-radius: 30px; margin-bottom: 15px; position: relative;}
.noticias-list ul li .noticias-img .country {position: absolute;right: 20px;bottom: 20px;background: #D79617;border-radius: 6px;color: #fff;font-size: 16px;line-height: 16px;padding: 4px 10px;}
.noticias-list ul li .noticias-img img{width: 100%; float: left; transition: all 0.4s ease; transform: scale(1);}
.noticias-list ul li:hover .noticias-img img{transform: scale(1.04);}
.noticias-list ul li .noticias-cont{width: 100%; float: left;}
.noticias-list ul li .noticias-cont h3{width: 100%; float: left; color: #000; font-size: 24px; line-height: 30px; font-weight: 600; margin-bottom: 18px;}
.noticias-list ul li .noticias-cont span{float: left;color: #047101;font-size: 16px;line-height: 16px;font-weight: 600;position: relative;padding-right: 28px;transition: all 0.4s ease;}
.noticias-list ul li .noticias-cont span::after {position: absolute;content: "";right: 0;top: 0;background: url(../images/arrow-white.svg) no-repeat 0 0;background-size: cover;width: 18px;height: 18px;}
.noticias-list ul li:hover .noticias-cont span {color: #D79617;}

/*pagination*/
.pagination { width: 100%; display: inline-flex; justify-content: center;}
.pagination ul { display: flex; align-items: center; column-gap: 50px;}
.pagination ul li { color: #555555; font-size: 16px; line-height: 1.3; font-weight: 600; display: flex; align-items: center; column-gap: 12px;}
.pagination ul li span { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border: 1px solid rgba(2, 43, 35, 0.20);}
.pagination ul li a { padding: 0; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border: 1px solid rgba(2, 43, 35, 0.20); transition: all 0.4s ease;}
.pagination ul li a i { color: #555555; font-size: 24px; transition: all 0.4s ease;}
.pagination ul li a:hover, .pagination ul li span:hover { background: #D79617; border: 1px solid #D79617; color: #fff; cursor: pointer;}
.pagination ul li a:hover i {color: #fff;}

/*case-studies*/
.casestudy-sec{width: 100%; float: left; padding: 50px 0 80px 0;}
.casestudy-inner{width: 100%; float: left; padding: 0 85px; text-align: center;}
.casestudy-sec h2{width: 100%; float: left; margin-bottom: 25px; color: #000000; font-weight: 700; font-size: 60px; line-height: 60px; text-align: center;}
.casestudy-sec h6{color: #047101; border: 1px solid #047101; padding: 10px 20px; font-size: 18px; line-height: 18px; font-weight: 400; display: inline-flex; border-radius: 50px; margin-bottom: 20px;}
.date-lst{width: 100%; float: left; margin-bottom: 40px;}
.date-lst ul{width: 100%; float: left; display: flex; flex-wrap: wrap; align-items: center; column-gap: 0; justify-content: center;}
.date-lst ul li{flex:0 1 auto; font-weight: 400; font-size: 20px; line-height:20px; color: #DCA334; transition: all 0.5s ease; border-right: 1px solid #DCA334; padding: 0 10px;}
.date-lst ul li:last-child{border-right: none; padding-right: 0;}
.date-lst ul li a:hover{color:#003399;}
.webinar-sec h6{width: 100%; float: left; font-family: 'Graphik-Regular'; font-size: 18px; line-height: 28px; color: rgba(0, 51, 153, 70%); text-align: center; margin-bottom: 40px;}
.webinar-sec h6 span{font-family: 'Graphik-Semibold';}
.casestudy-img {width: 100%; float: left; overflow: hidden; border-radius: 20px; margin-bottom: 40px;}
.casestudy-img img{width: 100%; float: left;transition: all 0.5s ease;}
p.sml{width: 100%; float: left; color: #DCA334; font-size: 20px; line-height: 20px; font-weight: 400; text-align: left;}
.casestudy-cnt{width: 100%; float: left; padding: 20px 0 0 0;}
.casestudy-cnt p{width: 100%; float: left; font-size: 18px; line-height: 28px; color: #333333; font-weight: 400; text-align: left; margin-bottom: 15px;}
.casestudy-cnt p span{font-weight: 600;}
.casestudy-cnt h5 {font-size: 18px;line-height: 28px;color: #333333;font-weight: 400;text-align: left;display: flex; column-gap: 15px; width: 100%; flex-wrap: wrap; align-items: center;}
.casestudy-cnt h5 a span{background: #0077B5; width: 35px; height: 35px; border-radius: 5px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; transition: all 0.4s ease;}
.casestudy-cnt h5 a span img{width: 20px; height: 20px;}
.casestudy-cnt h5 a:hover span{background: #D79617;}

/*case-studies-slide*/
.case-studies-sec{width: 100%; float: left; margin-bottom: 80px;}
.case-studies-sec h2{width: 100%; float: left; color: #000000; font-weight: 700; font-size: 60px; line-height: 60px; text-align: left; margin-bottom: 30px; }
.case-studies-slide{width: 100%; float: left; overflow: hidden;}
.case-studies-slide .swiper-container{width: 100%; float: left;}
.case-studies-slide .swiper-slide, .case-studies-slide .swiper-slide a{width: 100%; float: left;}
.case-studies-slide .swiper-slide .noticias-img{width: 100%; float: left; overflow: hidden; border-radius: 30px; position: relative;}
.case-studies-slide .swiper-slide .noticias-img .country {position: absolute;right: 20px;bottom: 20px;background: #D79617;border-radius: 6px;color: #fff;font-size: 16px;line-height: 16px;padding: 4px 10px;}
.case-studies-slide .swiper-slide .noticias-img img{width: 100%; float: left; transition: all 0.4s ease; transform: scale(1);}
.case-studies-slide .swiper-slide:hover .noticias-img img{transform: scale(1.04);}
.case-studies-slide .swiper-slide .noticias-cont{width: 100%; float: left; padding: 15px 0;}
.case-studies-slide .swiper-slide .noticias-cont h3{width: 100%; float: left; color: #000; font-size: 24px; line-height: 30px; font-weight: 600; margin-bottom: 18px;}
.case-studies-slide .swiper-slide .noticias-cont span{float: left;color: #047101;font-size: 16px;line-height: 16px;font-weight: 600;position: relative;padding-right: 28px;transition: all 0.4s ease;}
.case-studies-slide .swiper-slide .noticias-cont span::after {position: absolute;content: "";right: 0;top: 0;background: url(../images/arrow-white.svg) no-repeat 0 0;background-size: cover;width: 18px;height: 18px;}
.case-studies-slide .swiper-slide:hover .noticias-cont span {color: #D79617;}

/*press*/
.press-list{width: 100%; float: left;}
.press-list ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 3%; row-gap: 35px;}
.press-list ul li{flex: 0 1 48.5%;}
.press-list ul li a{width: 100%; float: left; background: #F9F9F9; border: 1px solid #E8E8E8; border-radius: 20px; padding: 40px 50px;}
.press-list ul li h6{width: 100%; float: left; color: #047101; font-size: 18px; line-height: 28px; font-weight: 400; margin-bottom: 10px;}
.press-list ul li h3{width: 100%; float: left; color: #000; font-size: 24px; line-height: 28px; font-weight: 600; margin-bottom: 10px;}
.press-list ul li p{width: 100%; float: left; color: #000; font-size: 16px; line-height: 26px; font-weight: 400; margin-bottom: 25px;}
.press-list ul li span{float: left;color: #047101;font-size: 16px;line-height: 16px;font-weight: 600;position: relative;padding-right: 28px;transition: all 0.4s ease;}
.press-list ul li span::after {position: absolute;content: "";right: 0;top: 0;background: url(../images/arrow-white.svg) no-repeat 0 0;background-size: cover;width: 18px;height: 18px;}
.press-list ul li:hover span {color: #D79617;}

/*media*/
.articles-sec.media{padding-top: 0;}
.media-list{width: 100%; float: left;}
.media-list ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 3%; row-gap: 35px;}
.media-list ul li{flex: 0 1 48.5%;}
.media-list ul li a{width: 100%; float: left; display: flex; flex-wrap: wrap; align-items: center; column-gap: 0; row-gap: 0; border: 1px solid #E8E8E8;}
.media-list ul li .media-img{flex: 0 1 260px; position: relative;}
.media-list ul li .media-img::after{position: absolute; content: ""; width: 50px; height: 50px; background: url(../images/play.svg) no-repeat 0 0;background-size: cover; left: 0; right: 0; top:50%; transform: translateY(-50%); margin: 0 auto;}
.media-list ul li .media-img img{width: 100%; float: left;}
.media-list ul li .media-cnt{flex: 0 1 calc(100% - 260px); padding: 25px;}
.media-list ul li .media-cnt h6{width: 100%; float: left; color: #047101; font-size: 18px; line-height: 28px; font-weight: 400; margin-bottom: 10px;}
.media-list ul li .media-cnt h3{width: 100%; float: left; color: #000; font-size: 22px; line-height: 28px; font-weight: 600; margin-bottom: 20px;}
.media-list ul li .media-cnt p{width: 100%; float: left; color: #000; font-size: 16px; line-height: 26px; font-weight: 400; margin-bottom: 25px;}
.media-list ul li .media-cnt span{float: left;color: #047101;font-size: 16px;line-height: 16px;font-weight: 600;position: relative;padding-right: 28px;transition: all 0.4s ease;}
.media-list ul li .media-cnt span::after {position: absolute;content: "";right: 0;top: 0;background: url(../images/arrow-white.svg) no-repeat 0 0;background-size: cover;width: 18px;height: 18px;}
.media-list ul li:hover span {color: #D79617;}