:root {--main-color: rgb(223,3,3); --main-color-two: rgb(1,12,58); --main-color-three: rgb(0,45,91); --main-color-four: rgb(255,98,6); --main-color-five: rgb(242,142,39); --main-color-six: rgb(23,63,207); --main-color-seven: rgb(229,3,238); --main-color-eight: rgb(255,241,255); --main-color-nine: rgb(21,0,95); --main-color-ten: rgb(0,202,255); --main-color-eleven: rgb(1,62,255); --main-color-twelve: rgb(213,64,31); --main-color-thirteen: rgb(24,156,252); --main-color-fourteen: rgb(51,51,51); --main-color-fifteen: rgb(230,42,91); --main-color-sixteen: rgb(187,11,11); --main-color-seventeen: rgb(67,37,104); --main-color-eighteen: rgb(229,42,91); --main-color-nineteen: rgb(233,42,91); --main-color-twenty: rgb(68,68,69); --main-color-twentyone: rgb(119,119,120); --main-color-twentytwo: rgb(50,38,104); --main-color-rgba: rgb(223,3,3,0.40); --white-color:rgb(255,255,255); --white-color-opicity:rgba(255,255,255,0.80); --white-color-opicity-two:rgba(255,255,255,0.40); --white-color-opicity-three:rgba(255,255,255,0.20); --black-color:rgb(0,0,0); --black-color-opicity:rgba(0,0,0,0.80); --black-color-opicity-two:rgba(0,0,0,0.40); --dark-color:rgb(37,37,37); --dark-color-two:rgb(34,34,34); --dark-color-three:rgb(0,5,34); --heading-color:rgb(1,1,1); --dark-color-two:rgb(1,1,1); --dark-color-three:rgb(6,11,19); --dark-color-four:rgb(1,0,72); --dark-color-five:rgb(14,22,61); --dark-color-six:rgb(11,19,57); --dark-color-seven:rgb(7,13,49); --dark-color-eight:rgb(24,31,67); --font-family-poppins: "Poppins", sans-serif; --font-family-Jost: "Jost", sans-serif; --font-family-DM-Sans: "DM Sans", sans-serif; --font-family-Sen: "Sen", sans-serif; --font-10: 10px; --font-12: 12px; --font-13: 13px; --font-14: 14px; --font-15: 15px; --font-16: 16px; --font-18: 18px; --font-20: 20px; --font-22: 22px; --font-24: 24px; --font-26: 26px; --font-28: 28px; --font-30: 30px; --font-34: 34px; --font-36: 36px; --font-40: 40px; --font-42: 42px; --font-44: 44px; --font-48: 48px; --font-50: 50px; --font-52: 52px; --font-54: 54px; --font-56: 56px; --font-58: 58px; --font-60: 60px; --font-62: 62px; --font-64: 64px; --font-65: 65px; --font-66: 66px; --font-68: 68px; --font-70: 70px; --font-72: 72px; --font-74: 74px; --font-76: 76px; --font-78: 78px; --font-80: 80px; --font-90: 90px; --font-100: 100px; --font-110: 110px; --font-120: 120px; --font-150: 150px; --font-200: 200px; --margin-zero: 0px; --margin-left-5: 5px; --margin-left-10: 10px; --margin-left-15: 15px; --margin-left-20: 20px; --margin-left-25: 25px; --margin-left-30: 30px; --margin-left-35: 35px; --margin-left-40: 40px; --margin-left-45: 45px; --margin-left-50: 50px; --margin-left-55: 55px; --margin-left-60: 60px; --margin-left-65: 65px; --margin-left-70: 70px; --margin-left-75: 75px; --margin-left-80: 80px; --margin-left-85: 85px; --margin-left-90: 90px; --margin-left-95: 95px; --margin-left-100: 100px; --margin-top-5: 5px; --margin-top-10: 10px; --margin-top-15: 15px; --margin-top-20: 20px; --margin-top-25: 25px; --margin-top-30: 30px; --margin-top-35: 35px; --margin-top-40: 40px; --margin-top-45: 45px; --margin-top-50: 50px; --margin-top-55: 55px; --margin-top-60: 60px; --margin-top-65: 65px; --margin-top-70: 70px; --margin-top-75: 75px; --margin-top-80: 80px; --margin-top-85: 85px; --margin-top-90: 90px; --margin-top-95: 95px; --margin-top-100: 100px; --margin-right-5: 5px; --margin-right-10: 10px; --margin-right-15: 15px; --margin-right-20: 20px; --margin-right-25: 25px; --margin-right-30: 30px; --margin-right-35: 35px; --margin-right-40: 40px; --margin-right-45: 45px; --margin-right-50: 50px; --margin-right-55: 55px; --margin-right-60: 60px; --margin-right-65: 65px; --margin-right-70: 70px; --margin-right-75: 75px; --margin-right-80: 80px; --margin-right-85: 85px; --margin-right-90: 90px; --margin-right-95: 95px; --margin-right-100: 100px; --margin-right-110: 110px; --margin-bottom-5: 5px; --margin-bottom-10: 10px; --margin-bottom-15: 15px; --margin-bottom-20: 20px; --margin-bottom-25: 25px; --margin-bottom-30: 30px; --margin-bottom-35: 35px; --margin-bottom-40: 40px; --margin-bottom-45: 45px; --margin-bottom-50: 50px; --margin-bottom-55: 55px; --margin-bottom-60: 60px; --margin-bottom-65: 65px; --margin-bottom-70: 70px; --margin-bottom-75: 75px; --margin-bottom-80: 80px; --margin-bottom-85: 85px; --margin-bottom-90: 90px; --margin-bottom-95: 95px; --margin-bottom-100: 100px; --margin-bottom-150: 150px; --margin-bottom-200: 200px; --padding-zero: 0px; --padding-left-5: 5px; --padding-left-10: 10px; --padding-left-15: 15px; --padding-left-20: 20px; --padding-left-25: 25px; --padding-left-30: 30px; --padding-left-35: 35px; --padding-left-40: 40px; --padding-left-45: 45px; --padding-left-50: 50px; --padding-left-55: 55px; --padding-left-60: 60px; --padding-left-65: 65px; --padding-left-70: 70px; --padding-left-75: 75px; --padding-left-80: 80px; --padding-left-85: 85px; --padding-left-90: 90px; --padding-left-95: 95px; --padding-left-100: 100px; --padding-left-100: 110px; --padding-left-120: 120px; --padding-left-130: 130px; --padding-left-140: 140px; --padding-left-150: 150px; --padding-left-160: 160px; --padding-left-170: 170px; --padding-left-180: 180px; --padding-left-190: 190px; --padding-left-200: 200px; --padding-left-240: 240px; --padding-left-290: 290px; --padding-top-5: 5px; --padding-top-10: 10px; --padding-top-15: 15px; --padding-top-20: 20px; --padding-top-25: 25px; --padding-top-30: 30px; --padding-top-35: 35px; --padding-top-40: 40px; --padding-top-45: 45px; --padding-top-50: 50px; --padding-top-55: 55px; --padding-top-60: 60px; --padding-top-65: 65px; --padding-top-70: 70px; --padding-top-75: 75px; --padding-top-80: 80px; --padding-top-85: 85px; --padding-top-90: 90px; --padding-top-95: 95px; --padding-top-100: 100px; --padding-top-110: 110px; --padding-top-120: 120px; --padding-top-130: 130px; --padding-top-140: 140px; --padding-top-150: 150px; --padding-top-200: 200px; --padding-right-5: 5px; --padding-right-10: 10px; --padding-right-15: 15px; --padding-right-20: 20px; --padding-right-25: 25px; --padding-right-30: 30px; --padding-right-35: 35px; --padding-right-40: 40px; --padding-right-45: 45px; --padding-right-50: 50px; --padding-right-55: 55px; --padding-right-60: 60px; --padding-right-65: 65px; --padding-right-70: 70px; --padding-right-75: 75px; --padding-right-80: 80px; --padding-right-85: 85px; --padding-right-90: 90px; --padding-right-95: 95px; --padding-right-100: 100px; --padding-right-110: 110px; --padding-right-150: 150px; --padding-right-160: 160px; --padding-right-170: 170px; --padding-right-180: 180px; --padding-right-200: 200px; --padding-right-220: 220px; --padding-right-240: 240px; --padding-right-250: 250px; --padding-right-260: 260px; --padding-bottom-5: 5px; --padding-bottom-10: 10px; --padding-bottom-15: 15px; --padding-bottom-20: 20px; --padding-bottom-25: 25px; --padding-bottom-30: 30px; --padding-bottom-35: 35px; --padding-bottom-40: 40px; --padding-bottom-45: 45px; --padding-bottom-50: 50px; --padding-bottom-55: 55px; --padding-bottom-60: 60px; --padding-bottom-65: 65px; --padding-bottom-70: 70px; --padding-bottom-75: 75px; --padding-bottom-80: 80px; --padding-bottom-85: 85px; --padding-bottom-90: 90px; --padding-bottom-95: 95px; --padding-bottom-100: 100px; --padding-bottom-150: 150px; --padding-bottom-200: 200px; --padding-bottom-250: 250px;} * {margin:0px; padding:0px; border:none; outline:none;} body {font-family: var(--font-family-poppins); font-size:14px; color:var(--dark-color); line-height:1.6em; font-weight:400; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased;} .dark-body{background-color:var(--dark-color-three);} .theme-bg-color{background-color:#002d5b;} .bordered-layout .page-wrapper{padding:0px 50px 0px;} a{text-decoration:none; cursor:pointer; color:var(--main-color);} button, a:hover,a:focus,a:visited{text-decoration:none; outline:none !important;} h1,h2,h3,h4,h5,h6 {position:relative; margin:0px; background:none; font-weight:700; color:var(--heading-color); font-family:var(--font-family-poppins);} input,button,select,textarea{} textarea{overflow:hidden;} a{-webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease;} .text, p{position:relative; line-height:1.8em; font-size:var(--font-15); color:var(--dark-color); font-family: var(--font-family-poppins);} h1{line-height:1.1em; font-size:var(--font-80);} h2{line-height:1.2em; font-size:var(--font-42);} h3{line-height:1.3em; font-size:var(--font-36);} h4{line-height:1.4em; font-size:var(--font-24);} h5{line-height:1.4em; font-size:var(--font-22);} h6{line-height:1.6em; font-size:var(--font-18);} .auto-container{position:static; max-width:1200px; padding:0px 15px; margin:0 auto;} .medium-container{position:static; max-width:1000px; padding:0px 15px; margin:0 auto;} .page-wrapper{position:relative; margin:0 auto; width:100%; min-width:300px;} ul,li{list-style:none; padding:0px; margin:0px;} img{display:inline-block; max-width:100%;} .theme-btn{cursor:pointer; display:inline-block; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease;} .centered{text-align:center;} ::-webkit-input-placeholder{color: inherit;} ::-moz-input-placeholder{color: inherit;} ::-ms-input-placeholder{color: inherit;} .preloader{position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:999999; background-color:#ffffff; background-position:center center; background-repeat:no-repeat; background-image:url(../images/icons/preloader.svg); background-size:110px;} .scroll-to-top{position:fixed; bottom:15px; right:15px; width:40px; height:40px; color:var(--main-color); font-size:var(--font-16); text-transform:uppercase; line-height:38px; text-align:center; z-index:100; cursor:pointer; background:var(--white-color); display:none; box-shadow:0px 0px 10px rgba(0,0,0,0.15); -webkit-transition:all 300ms ease;/* Navy blue hover for shared website buttons */
.theme-btn.btn-style-one:hover,
.theme-btn.btn-style-two:hover,
.theme-btn.btn-style-one:focus-visible,
.theme-btn.btn-style-two:focus-visible {
    background-color: #010c3a !important;
    border-color: #010c3a !important;
    color: #fff !important;
}

.theme-btn.btn-style-one::before,
.theme-btn.btn-style-two::before {
    background-color: #010c3a !important;
}

.theme-btn.btn-style-one:hover .txt,
.theme-btn.btn-style-two:hover .txt,
.theme-btn.btn-style-one:focus-visible .txt,
.theme-btn.btn-style-two:focus-visible .txt {
    color: #fff !important;
} -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease;} .scroll-to-top:hover{color:var(--white-color); background:var(--main-color);} .list-style-one{position:relative;} .list-style-one li{position:relative; font-weight:400; line-height:1.8em; color:var(--white-color); font-size:var(--font-14); margin-bottom:var(--margin-bottom-10); padding-left:var(--padding-left-30);} .list-style-one li a{position:relative; color:var(--white-color); -webkit-transition:all 300ms ease; -moz-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; transition:all 300ms ease;} .list-style-one li a:hover{color:var(--main-color);} .list-style-one li .icon{position:absolute; left:0px; top:5px; color:var(--main-color); font-size:var(--font-18); line-height:1em; font-weight:300; -webkit-transition:all 300ms ease; -moz-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; transition:all 300ms ease;} .list-style-two{position:relative;} .list-style-two li{position:relative; font-weight:400; line-height:1.8em; color:var(--dark-color); font-size:var(--font-14); margin-bottom:var(--margin-bottom-5); padding-left:var(--padding-left-30);} .list-style-two li:before{position:absolute; left:0px; content: ""; font-weight:600; color:var(--main-color); font-family: "Flaticon"; -webkit-transition:all 300ms ease; -moz-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; transition:all 300ms ease;} .btn-style-one{position: relative; display: inline-grid; font-size: var(--font-16); line-height: 30px; color: var(--white-color); font-weight: 600; overflow: hidden; background:none; text-align:center; border-radius:4px; padding: 14px 42px 14px; text-transform: capitalize; background-color:var(--main-color);} .btn-style-one:before{position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 0; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; -webkit-transform: scale(0.2, 1); transform: scale(0.2, 1); background-color:var(--white-color);} .btn-style-one .txt{position:relative; z-index:1;} .btn-style-one:hover::before{opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1);} .btn-style-one:hover{color:var(--main-color-two);} .btn-style-two{position: relative; line-height: 30px; font-weight:500; overflow: hidden; background:none; text-align:center; border-radius:3px; display: inline-grid; padding: 13px 40px 13px; font-size: var(--font-16); text-transform: capitalize; color: var(--white-color); background-color:var(--main-color);} .btn-style-two:before{position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 0; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; -webkit-transform: scale(0.2, 1); transform: scale(0.2, 1); background-color:var(--white-color);} .btn-style-two:hover::before{opacity:1; -webkit-transform: scale(1, 1); transform: scale(1, 1);} .btn-style-two .txt{position:relative; z-index:1;} .btn-style-two i{position:relative; top:2px; font-style:normal; line-height:1em; margin-left:5px;} .btn-style-two:hover{color:var(--main-color-two);} .btn-style-three{position: relative; line-height: 30px; font-weight:500; overflow: hidden; background:none; text-align:center; border-radius:3px; display: inline-grid; padding: 13px 35px 13px; font-size: var(--font-16); text-transform: capitalize; color: var(--main-color); background-color:var(--white-color);} .btn-style-three:before{position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 0; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; -webkit-transform: scale(0.2, 1); transform: scale(0.2, 1); background-color:var(--main-color);} .btn-style-three:hover::before{opacity:1; -webkit-transform: scale(1, 1); transform: scale(1, 1);} .btn-style-three .txt{position:relative; z-index:1;} .btn-style-three i{position:relative; top:2px; font-style:normal; line-height:1em; margin-left:5px;} .btn-style-three:hover{color:var(--white-color);} .btn-style-four{position: relative; line-height: 30px; font-weight:500; overflow: hidden; background:none; text-align:center; border-radius:3px; display: inline-grid; padding: 13px 40px 13px; font-size: var(--font-16); text-transform: capitalize; color: var(--white-color); background-color:var(--main-color);} .btn-style-four:before{position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 0; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; -webkit-transform: scale(0.2, 1); transform: scale(0.2, 1); background-color:var(--main-color-two);} .btn-style-four:hover::before{opacity:1; -webkit-transform: scale(1, 1); transform: scale(1, 1);} .btn-style-four .txt{position:relative; z-index:1;} .btn-style-four i{position:relative; top:2px; font-style:normal; line-height:1em; margin-left:5px;} .btn-style-four:hover{color:var(--white-color);} .btn-style-five{position: relative; line-height: 30px; font-weight:500; overflow: hidden; background:none; text-align:center; border-radius:3px; display: inline-grid; padding: 13px 44px 13px; font-size: var(--font-16); text-transform: capitalize; color: var(--white-color); background-color:var(--main-color-two);} .btn-style-five:before{position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 0; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; -webkit-transform: scale(0.2, 1); transform: scale(0.2, 1); background-color:var(--white-color);} .btn-style-five:hover::before{opacity:1; -webkit-transform: scale(1, 1); transform: scale(1, 1);} .btn-style-five .txt{position:relative; z-index:1;} .btn-style-five i{position:relative; top:2px; font-style:normal; line-height:1em; margin-left:5px;} .btn-style-five:hover{color:var(--main-color);} .btn-style-six{position: relative; line-height: 30px; font-weight:500; overflow: hidden; background:none; text-align:center; border-radius:0px 8px 0px 8px; display: inline-grid; padding: 13px 44px 13px; font-size: var(--font-16); text-transform: capitalize; color: var(--white-color); background-color:var(--main-color);} .btn-style-six .txt{position:relative; z-index:1;} .btn-style-six:before{webkit-transition-duration: 800ms; transition-duration: 800ms; position: absolute; width: 200%; height: 200%; content: ""; top: 110%; left: 50%; background-color: var(--white-color); -webkit-transform: translateX(-50%); transform: translateX(-50%); border-radius: 50%; z-index: 1;} .btn-style-six:hover{color:var(--main-color);} .btn-style-six:hover:before{top: -40%;} .btn-style-seven{position: relative; line-height: 30px; font-weight:500; overflow: hidden; background:none; text-align:center; border-radius:0px 8px 0px 8px; display: inline-grid; padding: 13px 38px 13px; font-size: var(--font-16); text-transform: capitalize; color: var(--white-color); background: var(--main-color-four); background: -webkit-linear-gradient(to right, var(--main-color-four) 0%, var(--main-color-five) 100%); background: -moz-linear-gradient(to right, var(--main-color-four) 0%, var(--main-color-five) 100%); background: linear-gradient(to right, var(--main-color-four) 0%, var(--main-color-five) 100%);} .btn-style-seven .txt{position:relative; z-index:1;} .btn-style-seven:before{webkit-transition-duration: 800ms; transition-duration: 800ms; position: absolute; width: 200%; height: 200%; content: ""; top: 110%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); border-radius: 50%; z-index: 1; background: var(--main-color-two);} .btn-style-seven:hover{color:var(--white-color);} .btn-style-seven:hover:before{top: -40%;} .btn-style-eight{position: relative; line-height: 30px; font-weight:500; overflow: hidden; background:none; text-align:center; display: inline-grid; padding: 11px 38px 11px; font-size: var(--font-16); text-transform: capitalize; color: var(--main-color-four); border-radius:0px 7px 0px 7px; border:1px solid var(--main-color-four);} .btn-style-eight:before{position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 0; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; -webkit-transform: scale(0.2, 1); transform: scale(0.2, 1); background-color:var(--main-color-four);} .btn-style-eight:hover::before{opacity:1; -webkit-transform: scale(1, 1); transform: scale(1, 1);} .btn-style-eight .txt{position:relative; z-index:1;} .btn-style-eight i{position:relative; top:2px; font-style:normal; line-height:1em; margin-left:5px;} .btn-style-eight:hover{color:var(--white-color);} .btn-style-nine{position: relative; line-height: 30px; font-weight:500; overflow: hidden; background:none; text-align:center; border-radius:3px; display: inline-grid; padding: 14px 36px; font-size: var(--font-16); text-transform: capitalize; color: var(--white-color); background: var(--main-color-six); background: -webkit-linear-gradient(to right, var(--main-color-six) 0%, var(--main-color-seven) 100%); background: -moz-linear-gradient(to right, var(--main-color-six) 0%, var(--main-color-seven) 100%); background: linear-gradient(to right, var(--main-color-six) 0%, var(--main-color-seven) 100%);} .btn-style-nine:before{position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 0; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; -webkit-transform: scale(0.2, 1); transform: scale(0.2, 1); background: var(--main-color-six); background: -webkit-linear-gradient(to left, var(--main-color-six) 0%, var(--main-color-seven) 100%); background: -moz-linear-gradient(to left, var(--main-color-six) 0%, var(--main-color-seven) 100%); background: linear-gradient(to left, var(--main-color-six) 0%, var(--main-color-seven) 100%);} .btn-style-nine:hover::before{opacity:1; -webkit-transform: scale(1, 1); transform: scale(1, 1);} .btn-style-nine .txt{position:relative; z-index:1;} .btn-style-nine i{position:relative; top:2px; font-style:normal; line-height:1em; margin-left:5px; transform:rotate(-45deg); display:inline-block; -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease;} .btn-style-nine:hover{color:var(--white-color);} .btn-style-nine:hover i{transform:rotate(0deg);} .btn-style-ten{position: relative; line-height: 30px; font-weight:500; overflow: hidden; background:none; text-align:center; border-radius:3px; display: inline-grid; padding: 14px 36px; font-size: var(--font-16); text-transform: capitalize; color: var(--white-color); background: var(--main-color-six); background: -webkit-linear-gradient(to right, var(--main-color-six) 0%, var(--main-color-seven) 100%); background: -moz-linear-gradient(to right, var(--main-color-six) 0%, var(--main-color-seven) 100%); background: linear-gradient(to right, var(--main-color-six) 0%, var(--main-color-seven) 100%);} .btn-style-ten:before{position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 0; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; -webkit-transform: scale(0.2, 1); transform: scale(0.2, 1); background: var(--white-color);} .btn-style-ten:hover::before{opacity:1; -webkit-transform: scale(1, 1); transform: scale(1, 1);} .btn-style-ten .txt{position:relative; z-index:1;} .btn-style-ten:hover{color:var(--dark-color-four);} .btn-style-eleven{position: relative; line-height: 30px; font-weight:700; overflow: hidden; background:none; text-align:center; border-radius:50px; display: inline-grid; padding: 11px 37px; font-size: var(--font-16); text-transform: capitalize; color: var(--white-color); font-family:var(--font-family-DM-Sans); border:2px solid var(--main-color-eleven);} .btn-style-eleven:before{position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 0; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; -webkit-transform: scale(0.2, 1); transform: scale(0.2, 1); background: var(--main-color-eleven);} .btn-style-eleven:hover::before{opacity:1; -webkit-transform: scale(1, 1); transform: scale(1, 1);} .btn-style-eleven .txt{position:relative; z-index:1;} .btn-style-eleven:hover{color:var(--white-color);} .btn-style-twelve{position: relative; line-height: 30px; font-weight:700; overflow: hidden; background:none; text-align:center; border-radius:50px; display: inline-grid; padding: 14px 36px; font-size: var(--font-15); text-transform: capitalize; color: var(--white-color); background: var(--main-color-ten); font-family:var(--font-family-Sen); background: -webkit-linear-gradient(to right, var(--main-color-ten) 0%, var(--main-color-eleven) 100%); background: -moz-linear-gradient(to right, var(--main-color-ten) 0%, var(--main-color-eleven) 100%); background: linear-gradient(to right, var(--main-color-ten) 0%, var(--main-color-eleven) 100%);} .btn-style-twelve:before{position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 0; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; -webkit-transform: scale(0.2, 1); transform: scale(0.2, 1); background: var(--white-color);} .btn-style-twelve:hover::before{opacity:1; -webkit-transform: scale(1, 1); transform: scale(1, 1);} .btn-style-twelve i{position:relative; top:2px; font-style:normal; line-height:1em; margin-left:5px; transform:rotate(-45deg); display:inline-block; -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease;} .btn-style-twelve:hover i{transform:rotate(0deg);} .btn-style-twelve .txt{position:relative; z-index:1;} .btn-style-twelve:hover{color:var(--main-color-eleven);} .btn-style-thirteen{position: relative; line-height: 30px; font-weight:700; overflow: hidden; background:none; text-align:center; border-radius:50px; display: inline-grid; padding: 11px 37px; font-size: var(--font-16); text-transform: capitalize; color: var(--white-color); font-family:var(--font-family-Sen); border:2px solid var(--white-color); -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;} .btn-style-thirteen:before{position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 0; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; -webkit-transform: scale(0.2, 1); transform: scale(0.2, 1); background: var(--dark-color-four);} .btn-style-thirteen:hover::before{opacity:1; -webkit-transform: scale(1, 1); transform: scale(1, 1);} .btn-style-thirteen .txt{position:relative; z-index:1;} .btn-style-thirteen:hover{color:var(--white-color); border-color:var(--dark-color-four);} .btn-style-fourteen{position: relative; line-height: 30px; font-weight:700; overflow: hidden; background:none; text-align:center; border-radius:50px; display: inline-grid; padding: 13px 37px; font-size: var(--font-16); text-transform: capitalize; color: var(--white-color); font-family:var(--font-family-Sen); background-color:var(--dark-color-four); -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;} .btn-style-fourteen:before{position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 0; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; -webkit-transform: scale(0.2, 1); transform: scale(0.2, 1); background: var(--white-color);} .btn-style-fourteen:hover::before{opacity:1; -webkit-transform: scale(1, 1); transform: scale(1, 1);} .btn-style-fourteen .txt{position:relative; z-index:1;} .btn-style-fourteen:hover{color:var(--dark-color-four);} .btn-style-fifteen{position: relative; line-height: 30px; font-weight:500; overflow: hidden; background:none; text-align:center; border-radius:3px; display: inline-grid; padding: 14px 36px 14px; font-size: var(--font-16); text-transform: capitalize; color: var(--white-color); font-family:var(--font-family-poppins); background: linear-gradient(to right, var(--main-color-twentytwo) 0%, var(--main-color-eighteen) 100%);} .btn-style-fifteen:before{position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 0; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; -webkit-transform: scale(0.2, 1); transform: scale(0.2, 1); background: linear-gradient(to left, var(--main-color-twentytwo) 0%, var(--main-color-eighteen) 100%);} .btn-style-fifteen:hover::before{opacity:1; -webkit-transform: scale(1, 1); transform: scale(1, 1);} .btn-style-fifteen .txt{position:relative; z-index:1;} .btn-style-fifteen i{position:relative; top:2px; font-style:normal; line-height:1em; margin-left:5px;} .btn-style-fifteen:hover{color:var(--white-color);} .btn-style-sixteen{position: relative; line-height: 30px; font-weight:500; overflow: hidden; background:none; text-align:center; border-radius:3px; display: inline-grid; padding: 14px 36px 14px; font-size: var(--font-16); text-transform: capitalize; color: var(--white-color); font-family:var(--font-family-poppins); background-color:var(--main-color-two);} .btn-style-sixteen:before{position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 0; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; -webkit-transform: scale(0.2, 1); transform: scale(0.2, 1); background-color: var(--main-color-eighteen);} .btn-style-sixteen:hover::before{opacity:1; -webkit-transform: scale(1, 1); transform: scale(1, 1);} .btn-style-sixteen .txt{position:relative; z-index:1;} .btn-style-sixteen i{position:relative; top:2px; font-style:normal; line-height:1em; margin-left:5px;} .btn-style-sixteen:hover{color:var(--white-color);} .btn-style-seventeen{position: relative; line-height: 30px; font-weight:500; overflow: hidden; background:none; text-align:center; border-radius:3px; display: inline-grid; padding: 14px 36px 14px; font-size: var(--font-16); text-transform: capitalize; color: var(--main-color-two); font-family:var(--font-family-poppins); background-color:var(--white-color);} .btn-style-seventeen:before{position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 0; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; -webkit-transform: scale(0.2, 1); transform: scale(0.2, 1); background-color: var(--main-color-eighteen);} .btn-style-seventeen:hover::before{opacity:1; -webkit-transform: scale(1, 1); transform: scale(1, 1);} .btn-style-seventeen .txt{position:relative; z-index:1;} .btn-style-seventeen i{position:relative; top:2px; font-style:normal; line-height:1em; margin-left:5px;} .btn-style-seventeen:hover{color:var(--white-color);} .theme_color{color:#0060ff;} img{display:inline-block; max-width:100%; height:auto;} .sec-title{position:relative; margin-bottom:var(--margin-bottom-40);} .sec-title .separator{position:relative; width:88px; height:5px; background-color:var(--main-color); margin-bottom:var(--margin-bottom-25);} .sec-title .separator:before{position:absolute; content:""; left:-1px; top:-2px; width:10px; height:10px; border-radius:50px; display:inline-block; background-color:var(--main-color);} .sec-title .separator:after{position:absolute; content:""; right:-1px; top:-2px; width:10px; height:10px; border-radius:50px; display:inline-block; background-color:var(--main-color);} .sec-title h2{} .sec-title .title{position: relative; font-weight: 600; letter-spacing:1px; color:var(--main-color); font-size:var(--font-18); text-transform:uppercase; margin-bottom:var(--margin-bottom-15);} .sec-title .text{margin-top:var(--margin-top-15);} .sec-title.light .text, .sec-title.light h2{color:var(--white-color);} .sec-title.centered{text-align: center !important;} .sec-title.centered .separator{margin:0 auto; margin-bottom:var(--margin-bottom-25);} .sec-title.style-two h2{color:var(--main-color-two);} .sec-title.style-two .title{font-weight:400; letter-spacing:0px; color:var(--main-color-four); text-transform:capitalize;} .sec-title-two{position:relative; margin-bottom:var(--margin-bottom-40);} .sec-title-two .icon{position:relative; width:50px; height:50px; line-height:1em; display:inline-block; margin-bottom:var(--margin-bottom-25);} .sec-title-two .icon:before{position:absolute; content:""; left:-65px; top:33px; width:50px; height:2px; display:none; border-radius:50px; background-color:var(--main-color);} .sec-title-two .icon:after{position:absolute; content:""; right:-65px; top:33px; width:50px; height:2px; border-radius:50px; background-color:var(--main-color);} .sec-title-two h2{} .sec-title-two .text{margin-top:var(--margin-top-15);} .sec-title-two.light .text, .sec-title-two.light h2{color:var(--white-color);} .sec-title-two.centered{text-align: center !important;} .sec-title-two.centered .icon{margin:0 auto; margin-bottom:var(--margin-bottom-25);} .sec-title-two.centered .icon:before{display:block;} .sec-title-three{position:relative; margin-bottom:var(--margin-bottom-40);} .sec-title-three .title{position:relative; font-weight:700; display:inline-block; font-size:var(--font-20); color:var(--main-color-six); margin-bottom:var(--margin-bottom-25); font-family:var(--font-family-Sen);} .sec-title-three .title:before{position:absolute; content:""; left:-65px; top:16px; width:50px; height:2px; display:none; border-radius:50px; background-color:var(--main-color-six);} .sec-title-three .title:after{position:absolute; content:""; right:-65px; top:16px; width:50px; height:2px; border-radius:50px; background-color:var(--main-color-six);} .sec-title-three h2{color:var(--dark-color-four); font-family:var(--font-family-Sen);} .sec-title-three .text{color:#666666; margin-top:var(--margin-top-15); font-family:var(--font-family-DM-Sans);} .sec-title-three.light .title, .sec-title-three.light .text, .sec-title-three.light h2{color:var(--white-color);} .sec-title-three.light .title:after{background-color:var(--white-color);} .sec-title-three.centered{text-align: center !important;} .sec-title-three.centered .title{margin:0 auto; margin-bottom:var(--margin-bottom-25);} .sec-title-three.centered .title:before{display:block;} .sec-title-four{position:relative; margin-bottom:var(--margin-bottom-40);} .sec-title-four .title{position:relative; font-weight:600; display:inline-block; font-size:var(--font-18); text-transform:uppercase; color:var(--main-color-nineteen); font-family:var(--font-family-poppins);} .sec-title-four h2{color:var(--main-color-two); margin-top:var(--margin-top-10); font-family:var(--font-family-poppins);} .sec-title-four .text{color:#666666; margin-top:var(--margin-top-5); font-family:var(--font-family-poppins);} .sec-title-four.light .title, .sec-title-four.light .text, .sec-title-four.light h2{color:var(--white-color);} .sec-title-four.centered{text-align: center !important;}

/* Navy blue hover for shared website buttons */
.theme-btn.btn-style-one:hover,
.theme-btn.btn-style-two:hover,
.theme-btn.btn-style-one:focus-visible,
.theme-btn.btn-style-two:focus-visible {
    background-color: #010c3a !important;
    border-color: #010c3a !important;
    color: #fff !important;
}

.theme-btn.btn-style-one::before,
.theme-btn.btn-style-two::before {
    background-color: #010c3a !important;
}

.theme-btn.btn-style-one:hover .txt,
.theme-btn.btn-style-two:hover .txt,
.theme-btn.btn-style-one:focus-visible .txt,
.theme-btn.btn-style-two:focus-visible .txt {
    color: #fff !important;
}

.igs-about-btn:hover,
.igs-about-btn.secondary:hover,
.igs-about-btn:focus-visible,
.igs-about-btn.secondary:focus-visible {
    background: #010c3a !important;
    border-color: #fff !important;
    color: #fff !important;
}

/* White hover only for About's navy CTA section */
.igs-about-cta .igs-about-btn:hover,
.igs-about-cta .igs-about-btn:focus-visible {
    background: #fff !important;
    border-color: #fff !important;
    color: #010c3a !important;
}