/****************Mobile styles start*****************/
.extrabold{
	font-family:"Opensans-Extrabold";
}
a{
    text-decoration:none;
}
#administration #gb-page-level .job-code p{
	    color: #0F4B75!important;
    font-size: 15px!important;
    line-height: 20px!important;
    font-family: "Opensans-Semibold"!important;
}
#administration  #heading {
    background-color: #f5f7f9;
}
#administration .third-col-desktop h3{
		    padding-left: 33px;
    font-size: clamp(18px, 1.5vw, 22px);
    color: #0F4B75;
    font-family: "Opensans-Extrabold";
    line-height: 1.27;
}
#administration  #heading #row-container{
    height:100%;
}
#administration .heading-txt-mob{
    font-family:"Opensans-Extrabold";
    color:#0F4B75;
    text-align:center;
    margin:20px 0;
    font-size:28px;
    line-height:36px;
    letter-spacing:-0.28px;
}
#administration .heading-txt{
    display:none;
}
#administration .mobile-img-interchange{
    text-align:center;
    margin-top:32px;
}
#administration #first-container{
    grid-template-columns: 100% !important;
}
#administration #teaser-panel-1-new{
    grid-template-columns: 100% !important;
}
#administration #teaser-panel-2-new{
    grid-template-columns: 100% !important;
}
#administration .desktop-int-img{
    display:none;
}
#administration .first-col-text1{
    color:#0F4B75;
    font-size:16px;
    line-height:20px;
    font-family: "Opensans-Semibold";
    padding:25px 0px 0px;
}
div#first-cont-col-1 p:first-child {
    padding-top: 20px;
}
#administration .first-col-text1 a, #administration .first-col-text1 a:hover{
    color:#0F4B75;
}
#administration .first-col-text2{
    color:#0F4B75;  
    font-size:16px;
    line-height:20px;
    font-family:"Opensans-Extrabold";
    margin-top:25px;
}

#administration .download-1 {
    font-family: "Opensans-Bold";
    color: #ffffff;
    font-size: 18px;
    background: #F0AB00;
    border: 1px solid #ffffff;
    border-radius: 34px;
    margin: 18px auto 39px;
    width: 214px;
    display: block;
    /* padding: 14px 0; */
    text-align: center;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    height: 58px;
    gap: 15px;
}
a.download-1 img{
    position: relative;
    /*top: 4px;*/
    /*right: 7px;*/
    width:24px;
}
#administration .download-2{
    font-family: "Opensans-Bold";
    color:#ffffff;
    font-size:18px;
    background:#0F4B75;
    border:1px solid #ffffff;
    border-radius:34px;
    margin:18px auto 39px;
    width:214px;
    display:block;
    /*padding:14px 0;*/
    text-align:center;
     display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    height: 58px;
    gap: 15px;
    

}
#administration .download-2 a:hover, a:active, a:focus {
    text-decoration: none;
}
#administration .download-1 a:hover, a:active, a:focus {
    text-decoration: none;
}
a.download-2 img{
    position: relative;
    /*top: 4px;*/
    /*right: 7px;*/
    width:24px;
}
#administration #second-container
{
    background:#0f4b75;
}
#administration .thumb img{
    border-radius:6px;
    width:213px;
    height:319px;
}
#first-cont-col-1 {
    margin-bottom: 34px;
}
#teaser-panel-1-new, #teaser-panel-2-new{
   text-align:center; 
}
#administration .second-col-text1{
    font-size:28px;
    line-height:36px;
    color:#ffffff;
    font-family:"Opensans-Extrabold";
    margin:34px 24px 0px;
}
#administration .second-col-text2{
    font-size:28px;
    line-height:36px;
    color:#F0AB00;
    font-family:"Opensans-Extrabold";
    margin:0px 24px 17px;
}
#administration .second-col-text3{
    text-align:center;
}
#administration .third-col-text3{
    text-align:center;
}
#administration .second-col-text3 p{
    margin:30px 24px 18px;
    color:#ffffff;
    font-size:20px;
    font-family:"Opensans-Semibold";
    font-style:italic;
}
#administration #third-container{
/*    background:#fdefd6;*/
	background: #F5F7F9;
	    padding: 20px 0 20px 0;
}

#administration .third-col-text1{
    font-size:28px;
    line-height:36px;
    color:#0f4b75;
    font-family:"Opensans-Extrabold";
    margin:34px 24px 0px;
}
#administration .third-col-text2{
    font-size:28px;
    line-height:36px;
    color:#6BD2DF;
    font-family:"Opensans-Extrabold";
    margin:0px 18px 17px;
}

#administration .third-col-text3 p{
    margin:30px 24px 18px;
    color:#0f4b75;
    font-size:20px;
    font-family:"Opensans-Semibold";
    font-style:italic;
}

#administration .cq-placeholder.cmp-video{
  margin-top:29px;
}
#administration .cq-placeholder, .new{
    height:0px !important;
}
#administration .cta-resources {
    font-family: "OpenSans-Bold";
    text-align: center;
    display: block;
    background: #0F4B75;
    border: 1px solid #ffffff;
    border-radius: 34px;
    max-width: 320px;
    color: #ffffff;
    font-size: 18px;
    line-height: normal;
    letter-spacing: 0.9px;
    margin: 42px auto;
    padding: 30px 0;
}
/*
#administration .third-col-desktop{
    display:none;
}
*/

#administration .second-col-desktop{
    display:none;
}

#administration #video-1{
    padding-bottom:25px;
}
#administration #video-2{
    padding-bottom:25px;
}
/*#administration #video-1 img{*/
/*    border-radius:10px;*/
/*}*/
/*#administration #video-2 img{*/
/*    border-radius:10px;*/
/*}*/
/***************Desktop styles start******************/

@media only screen and (max-width: 991px){
		#administration .third-col-desktop h3{
		padding-left: 0;
	}
}
@media screen and (min-width: 992px) {

 

/*#administration  #heading {*/
/*    height:125px;*/
/*}*/

#administration .heading-txt{
    display:block;
    line-height:45px;
    font-size:33px;
    text-align:left;
    letter-spacing:0px;
    padding:27px 0px 37px;
    font-family:"Opensans-Extrabold";
    color:#0F4B75;

}
#administration .heading-txt-mob{
display:none;
}
#administration .first-col-text1{
    font-size:18px;
    line-height:24px;
}

#administration #first-container{
    grid-template-columns: 64% 29.6% !important;
    gap:80px;
}
#administration #teaser-panel-1-new{
    grid-template-columns: 48% 50% !important;
}
#administration #teaser-panel-2-new{
/*
    grid-template-columns: 50% 50% !important;
    gap:0
*/
}
#administration .first-col-text2 {
    font-size:18px;
}
#administration .mobile-img-interchange{
    display:none;
}
#administration .desktop-int-img{
    display:block;
    margin:50px 0;
}
#first-cont-col-1 {
    margin-bottom: 61px;
}
#administration .third-col-text3{
    text-align:left;
}
#administration .second-col-text3{
    text-align:left;
}
#administration .second-col-mob{
    display:none;
}
#administration .third-col-mob{
    display:none;
}
#administration .third-col-desktop{
	display: flex;
    margin: 10px 0px 10px 0px;
    align-items: center;
	text-align: left;
		
/*
    display:block;
    margin:0px 0px 40px;
    text-align:left;
*/
}
#administration .third-col-desktop img{
	max-width: 69px;
    max-height: 78px;
}

#administration .third-col-text1, #administration .third-col-text2 {
    margin:0px;
       font-size: clamp(1.375rem, 1.2081rem + 0.712vw, 2.0625rem);
}
#administration .third-col-text2{
    margin-left:1px;
        font-size: clamp(1.375rem, 1.2081rem + 0.712vw, 2.0625rem);
}

#administration .second-col-desktop{
    display:block;
    margin:0px 0px 40px;
    text-align:left;
}
#teaser-panel-1-new, #teaser-panel-2-new{
   align-items:center; 
}
#administration .second-col-text1, #administration .second-col-text2 {
    margin:0px;
     font-size: clamp(1.375rem, 1.2081rem + 0.712vw, 2.0625rem);
}
#administration .second-col-text2{
    margin-left:1px;
    font-size: clamp(1.375rem, 1.2081rem + 0.712vw, 2.0625rem);
}

#administration .thumb img{
    text-align:left;
    width:155px;
    height:232px;
}
#administration .second-col-text3 p{
    margin:0px 0px 20px;
     font-size:22px;
}
#administration .third-col-text3 p{
    margin:0px 0px 20px;
     font-size:22px;
}
#administration .download-1{
    font-size:20px;
    margin: 0;
    /*padding: 14px 0px;*/
    width:182px;
    height:58px;
        gap: 10px;
}
a.download-1 img{
    /*margin-right:7px;*/
    width:24px;
    /*right:0px;*/
}
#administration .download-2{
    font-size:20px;
    margin: 0;
   
    width:182px;
    height:58px;
    gap: 10px;
}
a.download-2 img{
    /*margin-right:7px;*/
    width:24px;
    /*right:0px;*/
}
#administration #video-1 {
    padding: 42px 0px;
    padding-bottom: 0;
    padding-bottom: 16px !important;
}
#administration #video-2{
    padding: 42px 0px;
    padding-bottom: 0;
    padding-bottom: 16px !important;}
.split {
    display: flex !important;
    flex-direction: row;
    align-items: center;
    gap:25px;
}
#administration .cta-resources{
    font-size:20px;
    word-spacing:1px;
    line-height:20px;
    max-width:370px;
}
}

@media screen and (min-width: 1400px) {
    #administration #teaser-panel-1-new{
        grid-template-columns: 39% 61% !important;
    gap: 0;
}
#administration #teaser-panel-2-new{
/*
        grid-template-columns: 39% 61% !important;
    gap: 0;
*/
    
}
    #administration .desktop-int-img {
    position: absolute;
    top: -33px;
}
}
#administration a.download-2:hover{
        text-decoration: none;
}
#administration a.download-1:hover{
        text-decoration: none;
}

#administration a.cta-resources:hover{
    text-decoration: none;
}