/* Global Box-sizing
------------------------------------*/
body { background: #000; font-weight: 400; font-family: 'Roboto', sans-serif; font-style: normal; font-size: 16px; line-height: 24px; /*  color: #000000; */ padding: 0; margin: 0px; position: relative; }
p { font-weight: 400; font-family: 'Roboto', sans-serif; font-style: normal; font-size: 16px; line-height: 24px; color: #fff;  padding: 0; margin: 0 0 30px 0; }
ul { list-style: none;margin: 0; padding: 0;  } 
li { list-style: none; }
h1, h2, h3, h4, h5, h6 {font-family: 'Roboto', sans-serif;padding: 0;margin: 0;}
a, span, i { display:  inline-block; }
a {transition: 0.3s; }
a, a:hover, a:visited { text-decoration: none; }
a:focus, span:focus, button:focus, li, div, input, * { outline: none  !important; }
a:hover, a:active { outline: 0 !important; }
img, a img { display: inline-block; max-width: 100%; height: auto; }
*, *:after, *:before { padding:0; margin:0; list-style:none; border:none; box-sizing:border-box; }
.clearfix:before, .gform_wrapper:before, ul:before,
.clearfix:after, .gform_wrapper:after, ul:after { content:''; display:table; }
.clearfix:after, .gform_wrapper:after, ul:after { clear:both; }
.clearfix, .gform_wrapper, ul { *zoom:1; }
/*.defaultBtn {font-family: 'Roboto', sans-serif;padding: 0px 30px;margin: 0;font-size: 15px;line-height: 50px;color: #040015;text-transform: uppercase;display: inline-block;margin-top: 35px; background: #ffffff;transition: all ease 0.3s;letter-spacing: 0.5px;font-weight: 400;border-radius: 50px; border: 1px solid #fff;; }*/
/*.defaultBtn:hover {color: #fff;background: transparent;}*/
.borderBtn, .borderBtn a { border: 1px solid #deb24d;; padding: 0px 50px; line-height: 50px; border-radius: 0px; font-size: 16px; font-weight: 400; color: #deb24d; transition: all 0.3s ease-in; text-transform: uppercase;}
.borderBtn:hover, .borderBtn a:hover { color: #fff; background-color: #deb24d; }
.defaultBtn a + .defaultBtn a { background-color: transparent; color: #fff; margin-left: 10px;; }
.defaultBtn a + .defaultBtn:hover { background-color: white; color: #04000a; }
.shadowImg img {box-shadow: -45px -45px 0px #f8f0db;}
.post, .page { margin: 0 !important; }
.ovr-hiddn { overflow: hidden; }

h2 { font-size: 36px; font-weight: 700; color: white; padding: 0 0 30px; margin: 0px; font-family: 'Montserrat', sans-serif; text-transform: uppercase; }

/* font-family: 'Montserrat', sans-serif;
font-family: 'Roboto', sans-serif; */

section { padding:  80px 0px; }


.blackBg, .page-id-1592 { background-color: #000000; }
/*header { position: absolute; left: 0; top: 25px; right: 0px;  width: 100%;     z-index: 10; } changed on 26/6/2023*/
header { position: fixed; left: 0; top: 0px; right: 0px; width: 100%; z-index: 10; background-color:#000000; opacity:0.8; padding:20px 0px; border:0px solid red;}
.banSec {     background-position: center top; background-repeat: no-repeat; background-size: cover;height: 540px; padding: 0; position: relative; }
.banSec .banTxt { padding-top: 220px; }
.banSec .banTxt h4 { font-size: 24px; font-weight: 600; color: #f9b80f; text-transform: uppercase; position: relative; padding: 30px 0; margin: 0px;; font-family: 'Montserrat', sans-serif; }
.banSec .banTxt h4:before { position: absolute; left: 0; top: 0; content: ''; background: url(../images/head_line.png) left top no-repeat; width: 118px; height: 2px; } 
.banSec .banTxt h3 { font-size: 36px; font-weight: 300; color: #ffffff; position: relative; padding: 0; margin: 0px; }

.banSec.servBg { background-image: url(../images/banner_services.png); }
.banSec .banTxt.innerBan h4 { font-size: 30px; }
.banSec .banTxt.innerBan h3 { font-size: 18px; }



.mainMenu {}
.mainMenu ul {display: flex;justify-content: flex-end;align-items: center;}
.mainMenu ul li { font-size: 15px; font-weight: 500; color: white; position: relative; }
.mainMenu ul li i { color: #1994ce; font-size: 14px; }
.mainMenu ul li a { color: white; padding: 0 15px; }
.mainMenu ul li a:hover {    color: #f9b80f; }

/*.mainMenu ul li ul { position: absolute; left: 0; top: 25px; display: flex; flex-direction: column; background-color: #132162; width: 300px; height: auto; justify-content: flex-start; align-items: flex-start; transform: translateY(15px); transition: 0.3s; opacity: 0; visibility: hidden; } changed on 26/6/2023*/

.mainMenu ul li ul { position: absolute; left: 0; top: 25px; display: flex; flex-direction: column; background-color: #132162; width: 240px; height: auto; justify-content: flex-start; align-items: flex-start; transform: translateY(15px); transition: 0.3s; opacity: 0; visibility: hidden; }
.mainMenu ul li ul li { width: 100%; }
.mainMenu ul li ul li a { padding: 10px 20px 10px 10px; border-bottom: 1px solid #101d5d; display: block; text-align: right; }
.mainMenu ul li:hover ul { opacity: 1; visibility: visible; transform: translateY(0px);
}
.mainMenu ul li ul li a:hover { color: #1a99d5; background: white; }
.servBox { background: white; min-height: 420px; border-radius: 10px; padding: 30px 35px; margin-top: 30px;;  }
.servBox h3 { font-size: 28px; font-weight: 400; color: black; padding: 0 0 25px; margin: 0px; position: relative; }
.servBox h3:before { position: absolute; left: -35px; bottom: 0; content: ''; background: url(../images/head_line.png) left top no-repeat; width: 118px; height: 2px; }
.servBox p { font-size: 15px; font-weight: 400; color: black; padding: 25px 0; margin: 0px; position: relative; }

.selSec {}
.selSec .selBg { background: url(../images/selling_bg1.png) left top no-repeat; min-height: 520px; border-radius: 10px; margin-top: 30px; background-size: cover; padding: 100px 125px 0 125px; text-align: center; }
.selSec .selBg h3 { font-size: 28px; font-weight: 700; color: white; padding: 0px; margin: 0 0 50px; }
.selSec .selBg p { font-size: 15px; font-weight: 400; color: white; padding: 0px; margin: 0px; }
.selSec .selBg.bgTwo { background-image: url(../images/selling_bg2.png);}
.selSec .selBg.bgThree { background-image: url(../images/selling_bg3.png); }

.clientSec {     margin-bottom: 80px; }
.clientSec ul { display: flex; justify-content: space-between; align-items: center; }
.clientSec ul li { margin: 30px 30px 0; }
.client_slider .slick-track { display: flex; justify-content: space-between; align-items: center; }
.client_slider .slick-slide img { display: block; max-height: 60px; width: auto; margin: auto; }

.testiSec { display: none; }
.testiSec .testiBg  { background: #def7fa url(../images/testi_man.png) left bottom no-repeat; border-radius: 10px; margin: 20px 0 0 0; }
.testiSec .testiBg h3 {font-size: 24px;font-weight: 600;color: #333;padding: 0;margin: 0 0 0 160px;position: relative;}
.testiSec .testiBg h3:before {width: 109px;height: 184px;position: absolute;left: -40px;top: -70px;content: '';  background: url(../images/testi_circle.png) left top no-repeat;  animation-name: spin; animation-duration: 12000ms; animation-iteration-count: infinite; animation-timing-function: linear;  }
.testiSec .testiBg h3 span { display: block; font-size: 14px; font-weight: 400; }

.testiSec .testiBg h6 { position: relative; font-size: 14px; font-weight: 400; color: #333333; padding: 20px 0 0 0px; margin: 0 20px; line-height: 24px; }
.testiSec .testiBg h6:before { position: absolute; left: 0; top: 0; content: ''; background: url(../images/head_line.png) left top no-repeat; width: 118px; height: 2px; }
 
.h-270 { height: 270px;; }


.botCta { background: #242d67 url(../images/bot-cta1.png) right center no-repeat; padding: 0; }
.botCta .align-items-center { min-height: 380px;  }
.ctaInfo { }
.ctaInfo ul { display: flex; }
.ctaInfo ul li { width: 50%;;}
.ctaInfo ul li h3 { font-size: 24px; font-weight: 400; color: white; padding: 0; margin: 0 0 30px 0; }
.ctaInfo ul li h6 { font-size: 13px; font-weight: 500; color: white; padding: 0; margin: 0; line-height: 24px; }
.ctaInfo ul li h6 + h6 { margin-top: 35px; }

.ctaInfo.fullTxt ul li { width: 100%;;}
.ctaInfo.fullTxt ul li h3 { font-size: 22px; line-height: 30px; }

.ctaInfo ul li a.borbtn { border: 2px solid #1a99d5; line-height: 52px; font-size: 16px; font-weight: 400; color: #fff; padding: 0 20px; margin: 30px 0 0 0; width: 260px; position: relative; background: transparent; transition: 0.3s; }
.ctaInfo ul li a.borbtn:hover { background-color: #0b134e; }
.ctaInfo ul li a.borbtn:before { width: 19px; height: 14px; position: absolute; right: 20px; top: 0; bottom: 0; margin: auto; background: url(../images/btn_icon.png) left top no-repeat; content: '';;  }
.ctaInfo ul li h5 { font-size: 24px; font-weight: 400; color: white; padding: 0; margin: 0; }
.ctaInfo ul li h5 span { display: block; font-size: 45px;;     padding: 5px 0; }
.ctaInfo ul li + li { width: 40%; padding-left: 30px; margin-left: 30px; display: flex; align-items: center; border-left: 1px solid #ffffff14;}

/* 
footer { background: #0d1748 url(../images/footer-bg.png) right top no-repeat; min-height: 222px; padding: 45px 0 0 0; }
footer .fotLinks {} 
footer .fotLinks ul {display: flex;justify-content: space-around;align-items: flex-start;} 
footer .fotLinks ul li { width: 33.333%; } 
footer .fotLinks ul li a { display: block; font-weight: 500; color: white; font-size: 13px; padding: 0; margin: 0; line-height: 25px;; transition: 0.3s; } 
footer .fotLinks ul li a:hover { color: #1a99d5; }
.fotAddress { border-left: 1px solid #ffffff1f; border-right: 1px solid #ffffff1f; padding: 0 30px; }
.fotAddress h6 { font-size: 13px; font-weight: 700; color: white; padding: 0 0 8px 0; margin: 0; }
.fotAddress p { font-size: 13px; font-weight: 400; color: white; padding: 0 0 3px 0; margin: 0; max-width: 70%; }
.fotAddress a { font-size: 13px; font-weight: 500; color: white; padding: 0; margin: 0; transition: 0.3s; }
.fotAddress a:hover { color: #1a99d5; }

footer .copyTxt {}
footer .copyTxt ul { display: flex; justify-content: flex-start; align-items: flex-start; }
footer .copyTxt ul li {}
footer .copyTxt ul li h6 { font-size: 13px; font-weight: 500; color: white; padding: 0 0 8px 0; margin: 0; } 
footer .copyTxt ul li a.btnLink { transition: 0.3s; font-size: 14px; font-weight: 700; color: #242d67; font-family: 'Montserrat', sans-serif; text-transform: uppercase; width: 90px; line-height: 30px; border-radius: 5px; background-color: white; text-align: center; margin: 5px 0 0 0;  }
footer .copyTxt ul li a.btnLink:hover { background-color: #242d67; color: white; }
footer .copyTxt ul li p { font-size: 13px; font-weight: 500; color: #677de2; padding: 0; margin: 0; }
footer .copyTxt ul li:last-child { margin-left: auto;} */



footer { background: url(../images/footer_bg.jpg) center top no-repeat; padding: 65px 0 60px 0; background-size: cover; position: relative; }
footer .fotLinks {}
footer .fotLinks h5  { font-size: 10px; font-weight: 500; color: #677de2; padding: 0px; margin: 0 0 25px 0; text-transform: uppercase; }
footer .fotLinks ul {}
footer .fotLinks ul li { font-size: 14px; font-weight: 400; color: white; padding: 0px; margin: 0px; line-height: 30px; }
footer .fotLinks ul li a { color: white; transition: 0.3s; }
footer .fotLinks ul li a:hover { color: #677de2; }
.borLeft { border-left: 1px solid rgba(255,255,255,0.15); padding-left: 25px;;}

/* footer:before { position: absolute; left: 0; right: 0; bottom: 0; width: 1140px; height: 5px; margin: auto; content: '';
    background-image: -moz-linear-gradient( 0deg, rgb(0,222,255) 0%, rgb(120,0,255) 100%);
    background-image: -webkit-linear-gradient( 0 deg, rgb(0,222,255) 0%, rgb(120,0,255) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(0,222,255) 0%, rgb(120,0,255) 100%);
    box-shadow: 0px 12px 24px 0px rgba(26, 153, 213, 0.5),inset 0px 1px 0px 0px rgba(255, 255, 255, 0.5); } */
 

.footerBot { position: relative; background-color: black; padding: 50px 0 50px 0; min-height: 280px;; }
.footerBot:before { position: absolute; left: 0; right: 0; top: 0; width: 1140px; height: 5px; margin: auto; content: '';
    background-image: -moz-linear-gradient( 0deg, rgb(0,222,255) 0%, rgb(120,0,255) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(0,222,255) 0%, rgb(120,0,255) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(0,222,255) 0%, rgb(120,0,255) 100%);
    box-shadow: 0px 12px 24px 0px rgba(26, 153, 213, 0.5),inset 0px 1px 0px 0px rgba(255, 255, 255, 0.5); }  

.footerBot section { padding: 0;}
.footerBot .copyTxt p { font-size: 13px; font-weight: 400; color: #677de2; padding: 0px; margin: 0 0 0px 0; }
.footerBot .copyTxtInfo h5 { font-size: 10px; font-weight: 500; color: #677de2; padding: 0px; margin: 0 0 20px 0; text-transform: uppercase; }
.footerBot .copyTxtInfo p { font-size: 13px; font-weight: 400; color: #fff; padding: 0px; margin: 0 0 0px 0; }
.footerBot .copyTxtInfo p a { color: #fff; transition: 0.3s; }
.footerBot .copyTxtInfo p a:hover { color: #677de2; }

    

ul.slick-dots { position: absolute; left: 0; right: 0; bottom: -60px; margin: auto; display: flex; justify-content: center; align-items: center;}
ul.slick-dots li { background: #bcd2dd; width: 10px; height: 10px; border-radius: 50%; margin: 0 3px; transition: 0.3s; cursor: pointer;}
ul.slick-dots li button { font-size: 0; background: transparent;}
ul.slick-dots li.slick-active { background-color: #1a99d5; width: 22px; border-radius: 10px;}


 


#nav-icon4 { display: none; width: 30px;height: 22px;position: absolute;margin: 0px auto;-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;right: 20px;top: 0;bottom: 0;margin: auto;     z-index: 111; }
#nav-icon4 span {display: block;position: absolute;height: 2px;width: 100%;background: #ffffff;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;}
#nav-icon4 {}
#nav-icon4 span:nth-child(1) { top: 0px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}
#nav-icon4 span:nth-child(2) {top: 10px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}
#nav-icon4 span:nth-child(3) {top: 20px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}
#nav-icon4.open span:nth-child(1) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 5px;left: 8px;}
#nav-icon4.open span:nth-child(2) { width: 0%; opacity: 0;}
#nav-icon4.open span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 27px;left: 8px;}
body.fixed { overflow: hidden; }

@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}
.bradCrum {padding: 35px 0 100px 0;}
.bradCrum ul { display: flex; justify-content: flex-start; align-items: center; }
.bradCrum ul li {font-size: 12px;font-weight: 500;}
.bradCrum ul li a {color: white;text-decoration: none;transition: 0.3s;position: relative;padding: 0 20px 0 0;margin: 0 0 0 20px;}
.bradCrum ul li a:hover { color: #1781b6               ;  }
.bradCrum ul li:first-child a { margin: 0; }
.bradCrum ul li a:before {position: absolute;right: 0;top: 0;content: '\f105';font-size: 12px;font-family: "Font Awesome 5 Pro";display: block; color: #1781b6; }
.bradCrum ul li:last-child a { padding-right: 0; margin-right: 0; }
.bradCrum ul li:last-child a:before  { display: none;}
.colorHead { background: linear-gradient(to right, #00deff, #7800ff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 50px; margin-bottom: 50px; position: relative; text-transform: inherit; font-weight: 500; }
.colorHead:before, .colorHead:after  { width: 18px; height: 90px; position: absolute; left: -90px; top: 0; content: ''; background: url(../images/head_border.png) left top no-repeat; opacity: 0.25; }
.colorHead:after { opacity: 1; left: -50px;; }
.bankSec {background: url(../images/ban_bottom_bg.png) right top no-repeat;background-size: cover;min-height: 650px;padding-top: 0;}
.bankSec p { font-size: 30px; line-height: 45px; font-weight: 300; }

.serIconSec { background-image: url(../images/service_icons_bg.png); padding: 150px 0 80px; background-color: black; background-position: right bottom; background-repeat: no-repeat; background-size: cover;  }
.serIconSec .serIconBox { margin: 0 0 100px 0;}
.serIconSec .serIconBox i {}
.serIconSec .serIconBox i img {}
.serIconSec .serIconBox h4 { color: #f9b80f; font-size: 26px; font-weight: 400; padding: 25px 0; margin: 0; }
.serIconSec .serIconBox p { color: #ffffff; font-size: 15px; margin: 0; }


.serIconSec .row .col-12:nth-child(3n+2),
.serIconSec .row .col-12:nth-child(3n+3)
 { margin-left: 8.33333333%; }



.useSec { padding: 50px 0 100px; }
.useSec ul { display: flex; justify-content: flex-start; align-items: center; flex-direction: column; }
.useSec ul li {border: 2px solid #270279;border-radius: 5px;width: 100%;transition: 0.3s;  box-shadow: 0px 12px 24px 0px rgba(26, 153, 213, 0.18); margin-bottom: 25px;; }
.useSec ul li a {display: flex;width: 100%;min-height: 70px;padding: 0 20px;align-items: center;justify-content: flex-start;font-size: 12px;font-weight: 400;color: white; position: relative; }
.useSec ul li:hover { transform: scale(1.05); }
.useSec ul li a span { border: 2px solid #f9b80f; margin-right: 10px; border-radius: 5px; line-height: 22px; padding: 0 20px;     transition: 0.3s; }
.useSec ul li a span + span { border-color: #1a99d5; }
.useSec ul li a strong { font-weight: 400; margin-left: 20px; font-size: 15px;  }
.useSec ul li a img { position: absolute; right: 20px; }
.useSec ul li a:hover span { background: #f9b80f; }
.useSec ul li a:hover span + span { background-color: #1a99d5; }

.csSec { background: url(../images/csi_abg1.jpg) right bottom no-repeat; background-size: cover; }
.csSec .csBox { background-color: #ffffff; border-radius: 10px; margin-top: 30px; transition: 0.3s; }
.csSec .csBox:hover  { transform: scale(0.95); }
.csSec .csBox .csImg {}
.csSec .csBox .csImg img { border-radius: 10px 10px 0 0; }
.csSec .csBox .csInfo { padding: 30px; }
.csSec .csBox .csInfo h4 {font-size: 18px;font-weight: 700;color: #1a99d5;padding: 0px;margin: 0 0 22px 0;}
.csSec .csBox .csInfo p { color: black; font-size: 15px; margin: 0; }





@media screen and (max-width: 1600px) {
    /*.selSec .selBg { padding: 100px 65px 0 65px; } changed on 04/09/2023 */
	.selSec .selBg { padding: 65px 65px 65px 65px; }
    .testiSec .testiBg h3 { font-size: 18px; }
    .botCta { background-size: 60% 100%; }
}

@media screen and (max-width: 1280px) {
.servBox { min-height: 400px; padding: 30px 25px;  }   
.servBox h3 { font-size: 25px; }
.servBox h3:before { left: -25px; }

.selSec .selBg { padding: 50px 35px 0 35px; min-height: 450px; }
.selSec .selBg h3 { font-size: 25px; margin: 0 0 30px; } 

.footerBot:before {  width: 80%; }

}

/* Responsive
------------------------------------*/
    @media only screen and (min-width: 1200px){
        .container { max-width: 1140px; }
    }
    @media only screen and (max-width: 1366px){
        .colorHead { font-size: 45px;}
        .bankSec p {
            font-size: 26px;
            line-height: 40px;
        }
    }
    @media (min-width: 1170px) and (max-width: 1281px) {
        h2 { font-size: 30px; }
        .colorHead { font-size: 40px;}
        }
    @media (min-width:1000px) and (max-width: 1169px) {
        .colorHead { font-size: 35px;}
        .serIconSec .row .col-12:nth-child(3n+2),
        .serIconSec .row .col-12:nth-child(3n+3)
        { margin-left: 0; }
    }
    @media (min-width: 768px) and (max-width: 999px) {

        section { padding: 50px 0px; }
        h2 { font-size: 30px; padding: 0 0 15px; }
        .colorHead { font-size: 30px;}

        /* .banSec .banTxt { padding-top: 220px; text-align: center;  }
        .banSec .banTxt h4:before { left: 0; right: 0; margin: auto; } */
        .banSec .banTxt h4 { font-size: 24px; padding: 20px 0; }
        .banSec .banTxt h3 { font-size: 30px; }

        .servBox { min-height: 350px; padding: 25px; text-align: center; }
        .servBox h3 { font-size: 22px; padding: 0 0 15px; }
        .servBox h3:before {left: 0; right: 0; margin: auto; }
        .servBox p { padding: 15px 0; }

        .selSec .selBg  { padding: 20px; min-height: 380px; }
        .selSec .selBg h3 { margin: 0 0 15px; }

        .testiSec .testiBg { margin: 0; text-align: center; background: #def7fa; padding: 25px 0; }
        .testiSec .testiBg h3 { margin: 0px;;}
        .testiSec .row { margin: 0; } 
        .h-270 { height: auto; }
        .testiSec .testiBg h6 { padding: 15px 0 0 0px; margin: 15px 20px 0; }
        .testiSec .testiBg h6:before { left: 0; right: 0; margin: auto; }
        .ctaInfo ul { flex-wrap: wrap; flex-direction: column; }
        .ctaInfo ul li  { width: 100%; }
        .ctaInfo ul li + li { width: 100%; padding: 0; margin: 0; border: 0; } 

        .botCta { background: #242d67; padding: 30px; }
        .ctaInfo ul li a.borbtn { width: 240px;  line-height: 45px; padding: 0 20px;  margin: 20px 0; }

        .fotAddress { border-left: 0px solid #ffffff1f; border-right: 0px solid #ffffff1f; padding: 0; }
        footer .copyTxt { margin-top: 20px; }
        footer .copyTxt ul { flex-direction: column;}
        footer .copyTxt ul li:last-child { margin-left: inherit; padding: 10px 0; }


        .testiSec .testiBg h3:before { display: none;  }
        /* .mainMenu { display: none; } */
        .mainMenu ul li a { color: white; padding: 0 10px; }
        .useSec ul li a span {white-space: nowrap;}
        .useSec ul li a img { display:  none;}
        .useSec ul li a strong { text-align: left;}

        .csSec .csBox .csInfo { padding: 15px; } 
        .csSec .csBox .csInfo h4  { font-size: 16px; margin: 0 0 12px 0; }
        footer .fotLinks { padding-bottom: 30px; }


        .serIconSec .row .col-12:nth-child(3n+2),
        .serIconSec .row .col-12:nth-child(3n+3)
        { margin-left: 0; }

    }
    @media (max-width: 767px){
        section { padding: 40px 0px; }
        h2 { font-size: 30px; padding: 0 0 15px; }

        .banSec .banTxt { padding-top: 220px; text-align: center;  }
        .banSec .banTxt h4 { font-size: 24px; padding: 20px 0; }
        .banSec .banTxt h4:before { left: 0; right: 0; margin: auto; }
        .banSec .banTxt h3 { font-size: 30px; }

        .servBox { min-height: inherit; padding: 15px; text-align: center; }
        .servBox h3 { font-size: 22px; padding: 0 0 15px; }
        .servBox h3:before {left: 0; right: 0; margin: auto; }
        .servBox p { padding: 15px 0; }

        .selSec .selBg  { padding: 30px; min-height: inherit; }
        .selSec .selBg h3 { margin: 0 0 15px; }

        .testiSec .testiBg { margin: 0; text-align: center; background: #def7fa; padding: 25px 0; }
        .testiSec .testiBg h3 { margin: 0px;;}
        .testiSec .row { margin: 0; } 
        .h-270 { height: auto; }
        .testiSec .testiBg h6 { padding: 15px 0 0 0px; margin: 15px 20px 0; }
        .testiSec .testiBg h6:before { left: 0; right: 0; margin: auto; }
        .ctaInfo ul { flex-wrap: wrap; flex-direction: column; }
        .ctaInfo ul li  { width: 100%; }
        .ctaInfo ul li + li { width: 100%; padding: 0; margin: 0; border: 0; } 

        .botCta { background: #242d67; padding: 30px; }
		/*Changed on 29/5/2023
		 * .ctaInfo ul li a.borbtn { width: 240px;  line-height: 45px; padding: 0 20px;  margin: 20px 0; }
		 * */
        .ctaInfo ul li a.borbtn { width: 100%;  line-height: 45px; padding: 0 20px;  margin: 20px 0; }

        .fotAddress { border-left: 0px solid #ffffff1f; border-right: 0px solid #ffffff1f; padding: 0; }
        footer .copyTxt { margin-top: 20px; }
        footer .copyTxt ul { flex-direction: column;}
        footer .copyTxt ul li:last-child { margin-left: inherit; padding: 10px 0; }


        .testiSec .testiBg h3:before { display: none;  }
        


        ul.slick-dots { bottom: -25px; }
        #nav-icon4 { display: block; }
        .mainMenu {    position: fixed; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 0; z-index: 10; background-color: #b2963f; overflow: hidden; transition: 0.3s; height: 0; margin: 0;     z-index: -1; }
        .mainMenu.activeMenu { height: 100%; padding-top: 120px; overflow-y: scroll; background: #232c67;}
        .mainMenu ul  { display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; transition-delay: 0.6s; }
        .mainMenu ul li {    font-size: 16px; padding: 8px 0 8px 0px; margin: 0; width: 100%; border-bottom: 1px solid #a0852f; border-bottom: 1px solid rgba(0,0,0,0.3); }
        .mainMenu ul li a { color: white; padding: 0 0 0 20px; display: block; }


        .mainMenu ul li ul { position: relative; opacity: 1; visibility: visible; transform: translateY(0px); width: 100%; margin-bottom: 12px; }


        .colorHead { font-size: 30px; text-align: center; padding: 10px 0 0 0; }

        .bradCrum, .colorHead:before, .colorHead:after, .useSec ul li a img { display: none;}

        .bankSec p { font-size: 15px; line-height: 22px; text-align: center; }
        .bankSec { min-height: inherit; padding: 40px 0px; }
        .serIconSec { padding: 40px 0; }
        .serIconSec .serIconBox { margin: 0 0 50px; text-align: center; padding: 0 10px; }
        .serIconSec .serIconBox h4 { font-size: 24px; padding: 15px 0; margin: 0; }
        .useSec ul li a { padding: 20px; justify-content: center; flex-wrap: wrap; }
        .useSec ul li a strong { margin: auto; padding-top: 15px; }
        .useSec ul li:hover { transform: scale(1); }
        .csSec .csBox .csImg img { width: 100%; }
        .csSec .csBox .csInfo { padding: 20px 30px; text-align: center; }

        footer .fotLinks ul { display: none; }
        .borLeft { border-left: 0px solid rgba(255,255,255,0.15); padding-left: 15px; }
        
        footer .fotLinks h5.active { color: #c3ccf3; }
        footer .fotLinks h5 { position: relative; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #677de2; }
        footer .fotLinks h5:before { font-family: 'Font Awesome 5 Pro';  right: 0;  top: 0px; font-size: 15px; content: '\f107'; position: absolute; }
        footer .fotLinks h5.active:before { content: '\f106'; }
        .footerBot { padding: 30px 0 15px 0; min-height: inherit; }

        .ctaInfo.fullTxt ul li h3 { font-size: 18px; text-align: center; }
        .ctaInfo.fullTxt ul li  { width: 100%; text-align: center; }

        .serIconSec .row .col-12:nth-child(3n+2),
        .serIconSec .row .col-12:nth-child(3n+3)
        { margin-left: 0; }
        
        
        .mainMenu ul li ul li a { text-align: left; }

    }
/*This was done for max width on 29-5/2023*/
    @media (max-width: 320px) {
		 h2 { font-size: 20px; padding: 0 0 15px; }
		.colorHead {padding:10px; font-size:18px}
		.botCta {padding:0px;}
		.ctaInfo ul li a.borbtn { width: 100%;}
}