article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block; margin: 0; padding: 0;}
* {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
html {font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
html, body, div, h1, h2, h3, h4, h5, h6, p, ul, li, form {margin: 0; padding: 0; list-style: none; font-weight: normal;}
button, input, select, textarea {margin: 0; padding: 0; border: none; font-family: "Red Hat Text", sans-serif;}
.custfield:focus {outline: none; border: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}
body {font-family: "Red Hat Text", sans-serif; font-size: 14px; color: var(--text-color1);}
a {text-decoration: none;}
a:hover, a:focus {text-decoration: none; outline: none;}
img {border: none; vertical-align: middle;}

:root{
	--text-color1: #676A6B;
	--text-color2: #1A1818;
	--text-color3: #ffffff;
	--bg-color1: #003556;
	--bg-color2: #E6F5FC;
	--bg-color3: #00A8C9;
	--hover-color1: #00A8C9;

}

/****************
 * Common Css
 ****************/
header, section, footer {float: left; width: 100%;}
.container {max-width: 1560px; margin: 0 auto; padding: 0 15px;}
.row {margin-left: -15px; margin-right: -15px;}
.row>* {padding-left: 15px; padding-right: 15px;}
.custfield {border: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}
a, a:hover, button {transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.ctitle p {display: block; color: #676A6B; font-size: 24px; line-height: 36px;}

.ctitle1 {font-size: 72px; font-family: "Red Hat Display", sans-serif; color: var(--text-color2); font-weight: 500; line-height: 92px;}

.arbtn1 {display: inline-flex; align-items: center; font-size: 20px; color: #000000;}
.arbtn1:hover {color: var(--hover-color1) !important;}
.arbtn1 .arowicon {width: 60px; height: 60px; margin-right: 20px; background-color: var(--bg-color3); background-image: url(../images/btn-arrow1.png); background-repeat: repeat-x; background-position: 0 center; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%;}
.arbtn2 .arowicon {background-color: #84A637;}
.arbtn2 {background-color: #FFFFFF; padding-right: 30px; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px;}
.arbtn2:hover {color: #84A637 !important;}
.arbtn1:hover .arowicon {animation: arrowScroll 1s linear infinite; -moz-animation: arrowScroll 1s linear infinite; -webkit-animation: arrowScroll 1s linear infinite;}
@keyframes arrowScroll {
  0% {
    background-position: 0 center;
  }
  100% {
    background-position: 60px center;
  }
}
@-moz-keyframes arrowScroll {
  0% {
    background-position: 0 center;
  }
  100% {
    background-position: 60px center;
  }
}
@-webkit-keyframes arrowScroll {
  0% {
    background-position: 0 center;
  }
  100% {
    background-position: 60px center;
  }
}

.font48 {font-size: 48px; line-height: 68px; color: var(--text-color2); font-family: "Red Hat Display", sans-serif; font-weight: 600;}
.font36 {font-size: 36px; font-family: "Red Hat Display", sans-serif; font-weight: 600; color: var(--text-color2);}

.ctextinfo p {font-size: 24px; line-height:36px; padding-bottom:25px;}
.heading p {font-size: 24px; line-height:36px; margin-top: 19px;}
.ctextinfo2 h4 {font-size: 24px; font-weight: 600; color: var(--text-color2);}
.ctextinfo2 p {font-size: 18px; line-height: 30px;}


header {z-index: 20; position: fixed; left: 0px; top: 60px;}
header .headerpart {background-color: #FFFFFF; padding: 23px 50px; border-radius: 60px; -moz-border-radius: 60px; -webkit-border-radius: 60px; box-shadow: 0px 15px 30px rgba(0,0,0,0.03);}
header .custnav {padding-left: 30px;}
header .custnav .menus > li {margin: 0 18px; display: inline-block; position: relative;}
header .custnav .menus > li > a {color: var(--text-color2); font-size: 18px; position: relative;}
header .custnav .menus > li.dropsmenu > a {padding-right: 16px;}
header .custnav .menus > li.dropsmenu > a:after {content: ""; width: 7px; height: 4px; background-image: url(../images/menu-arrow.png); background-repeat: no-repeat; background-position: 50% 50%; position: absolute; right: 0px; top: 10px;}
header .custnav .menus > li a:hover{color:var(--hover-color1);}
header .custnav .menus > li.dropsmenu:hover > a:after {transform: rotate(-180deg); -moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg);}

header .custnav .submenus {position: absolute; min-width: 190px; left: 0px; top: 20px; display: none; border-top: 20px solid transparent;}
@media only screen and (min-width: 1200px){
  header .custnav .menus > li.dropsmenu:hover .submenus {display: block;}
}
header .custnav .submenus ul {background-color: #FFFFFF; width: 100%; border: 1px solid rgba(0,0,0,0.1); border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
header .custnav .submenus ul li a {font-size: 18px; color: var(--text-color2); padding: 14px 20px; display: block;}
header .custnav .submenus ul li a:hover {background-color: rgba(0,0,0,0.03);}

header .headerrightside .contbtn {float: left; background-color: var(--bg-color1); color: #ffffff; font-size: 18px; line-height: 44px; padding: 0px 25px; margin-right: 15px; margin-left: 51px; border-radius: 22px; -moz-border-radius: 22px; -webkit-border-radius: 22px;}
header .headerrightside .contbtn:hover {background-color: var(--hover-color1);}
header .headerrightside .languagefield {float: left; position: relative; padding: 0px 20px; background-image: url(../images/globle.png); background-repeat: no-repeat; background-position:20px 13px; background-color: var(--bg-color2); border-radius: 22px; -moz-border-radius: 22px; -webkit-border-radius: 22px;}
header .headerrightside .languagefield .custfield{color:#003556; font-size: 18px; width: 100%; padding: 8px 14px 9px 23px; background-image: url(../images/arrow1.png);background-repeat: no-repeat; background-position: 100% 20px; text-align: left;}
header .headerrightside .dropdown-toggle:after {display: none;}
header .headerrightside .dropdown-menu {min-width: 137px; transform: translate(2px, 42px) !important; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
header .headerrightside .dropdown-item {font-size: 12px; font-weight: normal;}
header .dropdown-item.active, header .dropdown-item:active {background-color: var(--hover-color1);}
header .headerrightside .languagefield:hover {background-color:var(--hover-color1); background-image: url(../images/globle-h.png);}
header .headerrightside .languagefield:hover .custfield {color: #ffffff; background-image: url(../images/arrow1-h.png); transition: none; -moz-transition: none; -webkit-transition: none;}

.formobilemenu {display: none !important;}

.mainbanner {padding: 30px; position: relative;}
.mainbanner .mainbannerbox {float: left; width: 100%; position: relative; border-radius: 35px; -moz-border-radius: 35px; -webkit-border-radius: 35px; overflow: hidden;}
.mainbanner .mainbannerbox:after {content: ""; width: 100%; height: 100%; bottom: 0px; left: 0px; position: absolute; background: url(../images/opt-bg1.png) no-repeat 50% 50%; background-size: cover;}
.mainbanner .mainbannerbox .slideimg {width: 100%; height: 100%; object-fit: cover;}
.mainbanner .textinfo {position: absolute; left: 0px; width: 100%; top: 243px; z-index: 23;}
.mainbanner .arbtn1 {margin-top: 30px;}

.asexp-sec {position: absolute; left: 0px; width: 100%; bottom: 100px;}
.asexpcol .asexpcolinner {padding: 20px 40px 34px; background-color: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.4); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border-radius: 24px; -moz-border-radius: 24px; -webkit-border-radius: 24px;}
.asexpcol .notext {font-size: 60px; font-family: "Red Hat Display", sans-serif; font-weight: 500; color: var(--text-color3);}
.asexpcol .asexpcolinner p {font-size: 24px; color: var(--text-color3); margin-top: 8px;}

.ag-sectext1 {padding: 109px 0;}
.ag-sectext1 .textinfo2 {padding-left: 150px;}
.ag-sectext1 .textinfo2 .arbtn1 {margin-top: 10px;}

.oursolution-sec {margin-top: 25px;}
.sollists {margin-left: -15px; margin-right: -15px; margin-top: 67px; display: flex; flex-wrap: wrap;}
.sollists .solcol {padding: 0 15px; width: 25%; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.sollists .solcol-big {width: 50%;}
.sollists .solcol .solcolinner {position: relative; cursor: pointer; border-radius: 35px; -moz-border-radius: 35px; -webkit-border-radius: 35px; overflow: hidden;}
.sollists .solcol .solcolinner:before {content: ""; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background-color: rgba(0,0,0,0.1); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);}
.sollists .solcol .solcolinner:after {content: ""; width: 100%; height: 50%; position: absolute; bottom: 0px; left: 0px; background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);}
.sollists .solcol .solimg {height: 590px;}
.sollists .solcol .solimg img {width: 100%; height: 100%; object-fit: cover;}
.sollists .solcol .solcolinner .ctexts {position: absolute; z-index: 3; left: 0px; bottom: 44px; width: 100%; padding: 0 40px;}
.sollists .solcol .arbtn1 {display: none;}
.sollists .solcol.solcol-big .arbtn1 {display: inline-flex;}
.sollists .solcol.solcol-big .solcolinner:before {backdrop-filter: none; -webkit-backdrop-filter: none;}

.dbd-sec {padding-top: 142px;}
.dbd-sec .heading {margin-bottom: 42px;}
.dbd-sec .texts {width: 750px;}
.dbd-sec .texts p {margin-top: 0px;}
.dbdcol {margin-top: 30px;}
.dbdcol .dbdcolinner {padding: 46px 0px 46px 40px; height: 100%; overflow: hidden; background-color: var(--bg-color2); border-radius: 24px; -moz-border-radius: 24px; -webkit-border-radius: 24px;}
.dbdcol .dbdcolinner .dblimg1 {margin-right: -34px;}
.dbdcol .dbdcolinner .dblimg2 {margin-right: -48px;}
.dbdcol .dbdcolinner .dblimg3 {margin-right: -7px;}
.dbdcol .dbdcolinner .dblimg4 {margin-right: -40px;}
.dbdcol .dbdcolinner .ctextinfo {padding-right: 80px;}
.dbdcol .dbdcolinner .ctextinfo p {margin:19px 0 0; padding-bottom: 0px;}

.asupdate-sec {margin-top: 140px;}
.asupdate-sec .arbtn1 {margin-top: 15px;}
.asupdate-sec .topheading {margin-bottom: 35px;}
.asupdcol {margin-top: 30px;}
.asupdcol .asupdcolinner {position: relative;}
.asupdcol .asupdcolinner .asupimg {position: relative; overflow: hidden;}
.asupdcol .asupdcolinner .asupimg:after {content: ""; width: 100%; height: 50%; position: absolute; bottom: 0px; left: 0px; background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);}
.asupdcol .asupdcolinner .asupimg img {width: 100%; height: 100%; object-fit: cover;}
.asupdcol .asupdcol1 .asupimg:before {content: ""; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background-color: rgba(0,0,0,0.1);}
.asupdcol .asupdcol1 .asupimg {height: 470px; border-radius: 35px; -moz-border-radius: 35px; -webkit-border-radius: 35px;}
.asupdcol .asupdcol1 .uptexts {position: absolute; left: 0px; bottom: 0px; right: 0px; z-index: 3; padding: 0 40px 40px;}
.asupdcol .asupdcolinner .uptexts .date {font-size: 18px; color: var(--text-color1); margin-bottom: 15px;}
.asupdcol .asupdcolinner .uptexts h3 {font-family: "Red Hat Display", sans-serif; font-weight: 600; color: var(--text-color2);}
.asupdcol .asupdcol1 .uptexts .date {color: #ffffff;}
.asupdcol .asupdcol1 .uptexts h3 {font-size: 30px; color: #ffffff; line-height: 40px;}
.asupdcol .asupdcol2 {margin-bottom: 30px;}
.asupdcol .asupdcol2:last-child {margin-bottom: 0px;}
.asupdcol .asupdcol2 .asupimg {width: 360px; height: 220px; border-radius: 24px; -moz-border-radius: 24px; -webkit-border-radius: 24px;}
.asupdcol .asupdcol2 .uptexts {width: calc(100% - 360px); padding-left: 30px;}
.asupdcol .asupdcol2 .uptexts h3 {font-size: 24px; line-height: 36px;}
.asupdcol .asupdcol2 .uptexts h3 a {color: var(--text-color2);}
.asupdcol .asupdcol2 .asupimg:after {display: none;}

.asb-sec {padding: 140px 0px;}
.asb-sec .asbcol {background-color: rgba(133,169,216,0.14); position: relative; padding: 82px 120px 80px; border-radius: 35px; -moz-border-radius: 35px; -webkit-border-radius: 35px; overflow: hidden;}
.asb-sec .asbcol .ctextinfo {width: 920px; position: relative; z-index: 2;}
.asb-sec .asbcol .ctextinfo p {margin-top: 16px;}
.asb-sec .asbcol .arbtn2 {margin-top: 11px;}
.asb-sec .asbimg {position: absolute; right: 120px; bottom: -24px;}

.asa-sec .heading {margin-bottom: 68px;}
.clsslidercontiner .slick-list{padding:0 35% 0 9% !important;}

.asa-sec .arrowcontainer {max-width: 1530px; margin: 0 auto;}
.slick-arrow {display: none !important;}
.clsslickarrows button {width: 60px; height: 60px; background-color: var(--bg-color2); font-size: 0px; background-repeat: no-repeat; background-position: 50% 50%; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%;}
.clsslickarrows button:hover {background-color: var(--bg-color3);}
.clsslickarrows .slickprev {background-image: url(../images/prev-arrow.png);}
.clsslickarrows .slickprev:hover {background-image: url(../images/prev-arrow-w.png);}
.clsslickarrows .slicknext {background-image: url(../images/next-arrow.png); margin-left: 10px;}
.clsslickarrows .slicknext:hover {background-image: url(../images/next-arrow-w.png);}
.clssarrows {position: relative;}
.clssarrows .clsslickarrows {position: absolute;left: 0px;right: 0px;top: -130px;}


/*.clsslider1 .slick-slide > div, .slick-initialized .slick-slide, .clsslider1 .clsitem {transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s;}*/
.clsslider1 .clsitem {padding: 0 15px;}
.clsfarcol {position: relative; width: 490px !important; height: 590px; transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s; border-radius: 35px; -moz-border-radius: 35px; -webkit-border-radius: 35px; overflow: hidden;}
.item-active .clsfarcol {width: 1010px !important; transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s;}
/*.slick-center .clsfarcol {width:1010px !important; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}*/
.clsfarcol:before {content: ""; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background-color: rgba(0,0,0,0.1); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);}
.item-active .clsfarcol:before {display: none;}
.clsfarcol:after {content: ""; width: 100%; height: 50%; position: absolute; bottom: 0px; left: 0px; background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);}
.clsfarcol .clsimgbox {height: 100%;}
.clsfarcol .clsimgbox img {width: 100%; height: 100%; object-fit: cover;}
.clsfarcol .clstexts {position: absolute; left: 0px; right: 0px; bottom: 0px; z-index: 3; padding: 30px 40px;}
.clsfarcol .clstexts .ctextinfo {width: calc(100% - 90px);}
.clsfarcol .clstexts .ctextinfo p {color: #ffffff; padding: 11px 0 0; max-width: 70%; display: none;}
.clswvideobtn {display: inline-block; width: 90px; height: 90px; background-image: url(../images/play-icon.png); background-repeat: no-repeat; background-position: 50% 50%; background-color: rgba(255,255,255,0.2); border: 1px solid rgba(255,255,255,0.4); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%;}
.clswvideobtn:hover {background-color: var(--hover-color1);}

.item-active .clsfarcol .clstexts {align-items: end !important;}
.item-active .clsfarcol .clstexts .ctextinfo p {display: block;}

.clssupport-sec {position: relative; margin-top: 180px;}
.clssupport-sec .textbox {padding: 85px 0px 90px; background-color: #003556; background-image: url(../images/asb-img2.png); background-repeat: no-repeat; background-position: 65px 100%; border-radius: 35px; -moz-border-radius: 35px; -webkit-border-radius: 35px;}
.clssupport-sec .heading p {margin-top: 6px;}
.clssupport-sec .btnbox {margin-top: 34px;}
.clssupport-sec .btnbox .arbtn1 {color: #ffffff;} 
.clssupport-sec .btnbox .arbtn1:hover {color: var(--hover-color1);}

footer {position: relative; padding-bottom: 50px;}
footer .topfooter {width: 100%; padding: 90px 0px 0px; display: inline-block;}
footer .topfooter .fboxs {float: left;}
footer .topfooter .fboxs h4 {color: var(--text-color2); font-size: 24px; font-weight: 500; padding-bottom: 20px;}
footer .topfooter .fboxs p {font-size: 18px; color:var(--text-color1);}
footer .topfooter .fboxs ul {float: left; width: 100%;}
footer .topfooter .fboxs ul li{float: left; width: 100%; margin-bottom: 13px;}
footer .topfooter .fboxs ul li a {color: var(--text-color1); font-size: 18px; }
footer .topfooter .fboxs ul li a:hover {color: var(--hover-color1);}
footer .topfooter .fbox1 {width: 522px;}
footer .topfooter .fbox2 {width: 260px;}
footer .topfooter .fbox3 {width: 360px; padding-right: 110px;}
footer .topfooter .fbox4 {float:right; width: 240px}
footer .topfooter .fbox3 p {padding-left: 0px; line-height: 40px; background-position: 0px 5px; background-repeat: no-repeat;}
footer .topfooter .fbox3 p span {font-weight: 600;}
footer .topfooter .fbox3 .address {margin-top: -5px;}
footer .topfooter .fbox3 p a {color: var(--text-color1);}
footer .topfooter .fbox3 p a:hover {color: var(--hover-color1);}
 
footer .copyright {width: 100%; padding: 0px; display: flex; align-items: center; justify-content: space-between;}
footer .copyright p {color: var(--text-color1); font-size: 14px; margin-top: -60px;}
footer .copyright p a {color: var(--text-color1); text-decoration: underline;}
footer .copyright p a:hover {color: var(--hover-color1);}
 
.social {display: flex; gap:0 15px;}
.social a {width: 48px; height: 48px; display: flex; background-repeat: no-repeat; background-position: 50% 50%; background-color: #E6F5FC; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%;}
.social a:hover {background-color: #003556;}
.social .linkedin {background-image: url(../images/linking.png);}
.social .insta {background-image: url(../images/instagram.png);}
.social .facebook {background-image: url(../images/facebook.png);}
.social .twitter {background-image: url(../images/x-icon.png);}
.social .linkedin:hover {background-image: url(../images/linking-h.png);}
.social .insta:hover {background-image: url(../images/instagram-h.png);}
.social .facebook:hover {background-image: url(../images/facebook-h.png);}
.social .twitter:hover {background-image: url(../images/x-icon-h.png);}


/** Inner Banner **/
.innerbanner {position: relative; padding: 30px;}
.innerbanner .innercol {background-color: #003556; background-image: url(../images/asb-img2.png); background-repeat: no-repeat; background-position: calc(100% - 223px) 100%; position: relative; height: 460px; float: left; width: 100%; border-radius: 35px; -moz-border-radius: 35px; -webkit-border-radius: 35px;}
.innerbanner .textinfo {width: 100%; position: absolute; left: 0px; top: 225px;}
.innerbanner .textinfo h2 {color: #FFFFFF; font-size: 72px; line-height: 74px; letter-spacing: 3px;}

/** Breadcrumb **/
.cbreadcrumbs {width: 100%; position: absolute; left: 0px; bottom: 0px; z-index:2; padding: 20px 0px;}
.breadcrumbbox {float: left; width: 100%;}
.breadcrumbbox li {float: left; padding: 0px 15px 0px 10px; line-height: normal; color: rgba(255,255,255,1); font-size: 16px; background-image: url(../images/br-arrow.png); background-position: 100% 7px; background-repeat: no-repeat;}
.breadcrumbbox li:first-child {padding-left: 0px;}
.breadcrumbbox li:last-child {background-image:none;}
.breadcrumbbox li a {float: left; color: rgba(255,255,255,0.7); font-size: 16px;}
.breadcrumbbox li a:hover {color: rgba(255,255,255,1);}

/** Who We Are Page **/
.agtexts {background-color: var(--bg-color2); background-image: url(../images/shape-img1.png); background-repeat: no-repeat; background-position: calc(100% + 221px) calc(100% + 82px); padding: 90px 340px 50px 120px; border-radius: 35px; -moz-border-radius: 35px; -webkit-border-radius: 35px;}
.agtexts .font48 {margin-bottom: 26px;}

.textimglists {margin-top: 140px;}
.textimglists .imgcol .imgbox {position: relative; border-radius: 35px; -moz-border-radius: 35px; -webkit-border-radius: 35px; overflow: hidden;}
.textimglists .imgcol .imgbox img {width: 100%; height: 100%; object-fit: cover;}
.textimglists .imgcol .imgbox:after {content: ""; width: 100%; position: absolute; top: 0px; left: 0px; height: 100%; background-color: rgba(0,0,0,0.1);}
.textimglists .ctextcol .font48 {margin-bottom: 16px;}
.textimglists .ctextcol .ctextinfo p:last-child {padding-bottom: 0px;}
.textimglists .ctextcol {padding-left: 75px; padding-right: 60px;}
.flex-row-reverse .ctextcol {padding-right: 110px; padding-left: 15px !important;}
.textimglists .ctexts {position: absolute; width: 690px; padding: 40px 40px 15px; z-index: 2; left: 30px; bottom: 30px; background-color: #FFFFFF; border-radius: 24px; -moz-border-radius: 24px; -webkit-border-radius: 24px;}
.textimglists .ctexts .font48 {margin-bottom: 27px;}
.textimglists .ourcmt .imgcol {position: relative;}

/** Solitions Page **/
.ag-tabsec1 {padding-top: 10px;}
.ag-tabsec1 .nav-tabs {border: none;}
.ag-tabsec1 .nav-tabs .nav-item {margin-right: 15px;}
.ag-tabsec1 .nav-tabs .nav-item:last-child {margin-right: 0px;}
.ag-tabsec1 .nav-tabs .nav-link {background-color: var(--bg-color2); padding: 8px 20px 9px; border: none !important; font-size: 18px; color: var(--text-color1); border-radius: 22px; -moz-border-radius: 22px; -webkit-border-radius: 22px;}
.ag-tabsec1 .nav-tabs .nav-link span {background-repeat: no-repeat; background-position: 0 50%; padding-left: 26px;}
.ag-tabsec1 .nav-tabs .nav-item.show .nav-link, .ag-tabsec1 .nav-tabs .nav-link.active {background-color: var(--bg-color1); color: #ffffff;}
.ag-tabsec1 .nav-tabs .nav-link .optflt1 {background-image: url(../images/cp-tab-icon.png);}
.ag-tabsec1 .nav-tabs .nav-link .optflt2 {background-image: url(../images/sn-tab-icon.png);}
.ag-tabsec1 .nav-tabs .nav-link .optflt3 {background-image: url(../images/b-tab-icon.png);}

.ag-tabsec1 .clsfilterrow {margin-top: 70px;}
.ag-tabsec1 .filtercol label {font-size: 18px; color: #003556; padding-right: 30px;}
.ag-tabsec1 .filtercol select.custfield {height: 44px; width: 370px; padding: 0 20px; font-size: 18px; color: #003556; background-image: url(../images/arrow1.png); background-repeat: no-repeat; background-position: calc(100% - 20px) 50%; border: 1px solid rgba(0,0,0,0.1); border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; appearance:none; -moz-appearance:none; -webkit-appearance:none;}

.aglistsrow {margin-top: 10px;}
.aglistsrow .agprodcol {margin-top: 30px;}
.aglistsrow .agprodcol .agprodcolinner {padding: 40px; min-height: 210px; height: 100%; background-color: var(--bg-color2); border-radius: 24px; -moz-border-radius: 24px; -webkit-border-radius: 24px;}
.aglistsrow .agprodcol h4 {margin-bottom: 13px;}

/** Careers Page **/
.career-sect1 .clsheading {margin: 50px 0px;}
.career-sect1 .clsheading p {padding: 18px 0px;}
.career-sect1 .clsform1 {margin-bottom: 10px;}
.career-sect1 .jobfilter {margin-top: 50px;}
.clsform1 .clsfieldcol {margin-top: 35px;}
.clsform1 .clsfieldcol label {font-size: 14px; padding-bottom: 12px; color: #1F211C; font-weight: normal;}
.clsform1 .clsfieldcol .custfield {height: 50px; padding: 6px 20px; font-size: 16px; color: #1F211C; background-color: #F6F9FD; border-radius: 14px; -moz-border-radius: 14px; -webkit-border-radius: 14px;}
.clsform1 .clsfieldcol select.custfield {background-repeat: no-repeat; background-position: calc(100% - 20px); background-image: url(../images/drow-arrow.png); appearance:none; -moz-appearance:none; -webkit-appearance:none;}
.clsform1 .cbtn {margin-top: 33px;}

.joblists .jobdetails {padding: 40px; margin-top: 30px; border: 1px solid rgba(0,0,0,0.1); border-radius: 14px; -moz-border-radius: 14px; -webkit-border-radius: 14px;}
.joblists .jobdetails .clsaddress {font-size: 18px; padding-left: 25px; color: #676A6B; margin-top: 7px; background-image: url(../images/address.png); background-repeat: no-repeat; background-position: 0px 5px;}
.joblists .jobdetails .cbtn {background-color: var(--bg-color1); color: #FFFFFF;}
.joblists .jobdetails .cbtn:hover {background-color: var(--hover-color1); color: #ffffff;}

/** Contact Page **/
.contact-sect1 .clsheading {margin: 50px 0px;}
.contact-sect1 .clsheading p {padding: 18px 0px;}
.contact-sect1 .clsformcol {padding-right: 144px;}
.clsform2 .clsfieldcol {margin-top: 35px;}
.clsform2 .clsfieldcol label {font-size: 14px; padding-bottom: 12px; color: #1F211C; font-weight: normal;}
.clsform2 .clsfieldcol label span {color: #D53434;}
.clsform2 .clsfieldcol .custfield {height: 60px; padding: 6px 20px; font-size: 16px; color: #1F211C; border: 1px solid rgba(0,0,0,0.07); background-color: rgba(246,249,253,0.7); border-radius: 14px; -moz-border-radius: 14px; -webkit-border-radius: 14px;}
.clsform2 .clsfieldcol textarea.custfield {height: 218px; resize: none;}
.clsform2 .cbtn {height: 60px; line-height: 60px; padding: 0 25px; margin-top: 5px;}
.cbtn {
    display: inline-block;
    border: 1px solid transparent;
    background-color: var(--bg-color1);
    padding: 0px 22px;
    color: #FFFFFF;
    font-size: 16px;
    height: 50px;
    line-height: 48px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.cbtn:hover {
    background-color: var(--hover-color1);
}

.clscontactinfo .clsctinfo p {font-size: 18px; margin-top: 33px; padding-left: 32px; color: #676A6B; background-repeat: no-repeat; background-position: 0px 5px;}
.clscontactinfo .clsctinfo p a {color: #676A6B;}
.clscontactinfo .clsctinfo p a:hover {color: #84A637;}
.clscontactinfo .clsctinfo .clsaddress {background-image: url(../images/address.png);}
.clscontactinfo .clsctinfo .clsemail {background-image: url(../images/email.png);}
.clscontactinfo .clsctinfo .clsphone {background-image: url(../images/call.png);}
.clscontactinfo .social2 {margin-top: 33px;}

.social2 a {background-color: #E6F5FC;}
.social2 .linkedin {background-image: url(../images/linking.png);}
.social2 .linkedin:hover {background-image: url(../images/linking-h.png);}
/*.social2 .yt {background-image: url(../images/youtube2.png);}
.social2 .yt:hover {background-image: url(../images/youtube.png);}*/
.social2 .fb {background-image: url(../images/facebook.png);}
.social2 .fb:hover {background-image: url(../images/facebook-h.png);}
.social2 .inst {background-image: url(../images/instagram.png);}
.social2 .inst:hover {background-image: url(../images/instagram-h.png);}
.social2 .x {background-image: url(../images/x-icon.png);}
.social2 .x:hover {background-image: url(../images/x-icon-h.png);}


.clsheading p {font-size: 24px; line-height: 36px; color: #676A6B; padding-top: 15px;}
.ctitle48 {font-size: 48px; color: #1F211C; letter-spacing: 2px;}
.font24 {font-size: 24px; color: #1F211C; letter-spacing: 0.7px;}

/** News Page **/
.news-sect1, .career-sect1, .contact-sect1 {padding: 90px 0px 180px;}
.news-sect1 .clsnewcol {margin-top: 66px;}
.clsnewcol {margin-top: 30px;}
.clsnewcol .newsimg {border-radius: 14px; -moz-border-radius: 14px; -webkit-border-radius: 14px; display: block; overflow: hidden;}
.clsnewcol .newsimg img {width: 100%; height: 100%; object-fit: cover;}
.clsnewcol .ctextinfo1 {margin-top: 16px; padding: 0 20px;}
.clsnewcol .ctextinfo1 h4 {margin-top: 11px; margin-bottom: 1px;}
.clsnewcol .ctextinfo1 h4 a {color: #1A1818;}
.clsnewcol .ctextinfo1 h4 a:hover {color: #4E74A4;}

/** News Inner Page **/
.clsnewsdetails .clsnewallinfo {margin-bottom: 160px;}
.clsnewsdetails .clsnewallinfo .ctextinfo1 p {font-size: 20px; padding: 0 0 19px;}
.clsnewsdetails .clsnewallinfo .ctextinfo1 h4 {font-size: 48px; line-height: 58px; max-width: 70%;}
.clssharelinks p {font-size: 20px; color: #676A6B; margin-right: 30px;}
.clssharelinks .shareicons {display: flex; gap:0 10px;}
.clssharelinks .shareicons a {width: 40px; height: 40px; background-repeat: no-repeat; background-position: 50% 50%; background-color: #F6F9FD; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%;}
.clssharelinks .shareicons a:hover {background-color: #4E74A4;}
.clssharelinks .shareicons .insta {background-image: url(../images/instagram-icon.png);}
.clssharelinks .shareicons .insta:hover {background-image: url(../images/instagram-icon-h.png);}
.clssharelinks .shareicons .fb {background-image: url(../images/facebook-icon.png);}
.clssharelinks .shareicons .fb:hover {background-image: url(../images/facebook-icon-h.png);}
.clssharelinks .shareicons .x {background-image: url(../images/x-icon.png);}
.clssharelinks .shareicons .x:hover {background-image: url(../images/x-icon-h.png);}
.clsnewsdetails .newsbigimg {margin: 70px 0px;}
.clsnewsdetails .newsbigimg img {width: 100%; border-radius: 35px; -moz-border-radius: 35px; -webkit-border-radius: 35px;}
.news-sect1 .ctextinfo ul {padding-left: 22px; margin: 18px 0;}
.news-sect1 .ctextinfo ul li {list-style: disc; margin: 8px 0; color: #676A6B;font-size: 20px;}
.news-sect1 .ctextinfo ul li::marker {color: #84A637;font-size: 20px;}
.section-scinn2 .ctitle ul, .section-scinn2 .ctextinfo ul, .section-scinn5 .ctextinfo ul {padding-left: 22px; margin: 18px 0;}
.section-scinn2 .ctitle ul li, .section-scinn2 .ctextinfo ul li, .section-scinn5 .ctextinfo ul li {list-style: disc; margin: 8px 0; color: #676A6B;font-size: 20px; }
.section-scinn2 .ctitle ul li::marker, .section-scinn2 .ctextinfo ul li::marker, .section-scinn5 .ctextinfo ul li::marker {color: #84A637; font-size: 20px;}