@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Solway:wght@300;400;500;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap');


/* font-family:'Solway', serif; */
/* font-family:'Open Sans', sans-serif; */



@font-face{
 font-family:'Post No Bills Colombo';
 src:url('../fonts/post/PostNoBillsColombo-Regular.woff2') format('woff2'),
 url('../fonts/post/PostNoBillsColombo-Regular.woff') format('woff');
 font-weight:500;
 font-style:normal;
 font-display:swap;
}
.btn{background:#343A40;border-radius:5px; font-style:normal; font-weight:400;font-size:16px; line-height:48px;}
.btn{text-transform:capitalize; color:#FFFFFF; font-family:'Source Sans Pro', sans-serif; min-width:160px; border:0px; cursor:pointer;}
*{margin:0px; padding:0px; box-sizing:border-box;}
body{font-family:'Source Sans Pro', sans-serif;}


/* Global CSS */

.container{max-width:1270px; margin:0 auto;}
a{text-decoration:none; color:#3A78A0;}
a:hover{text-decoration: none !important;}
img{max-width:100%;}
ul{margin:0px; padding:0px;}
ul li{list-style:none;}
.clearfix{clear:both;}
.uppercase{text-transform:uppercase !important;}
.capitalize{text-transform:capitalize !important;}

.padd30{padding:30px;}
.padd40{padding:40px;}
input[type="checkbox"] {
    display: inline-block;
    width: auto !important;
    float: left;
    margin-top: 4px;
}


/* Buttons */

.btn1{background:#E18A1F; border-radius:5px; font-style:normal; font-weight:700; font-size:16px; line-height:50px; color:#FFFFFF; text-transform:uppercase;}
.btn1{padding:0px 40px; border-width:2px 0px 0px 0px; border-style:solid; border-color:#fff; font-family:'Solway', serif; cursor:pointer;}
.btn2{background:#757575; border-radius:5px; font-style:normal; font-weight:700; font-size:16px; line-height:50px; color:#FFFFFF; text-transform:uppercase;}
.btn2{padding:0px 40px; border-width:2px 0px 0px 0px; border-style:solid; border-color:#fff; font-family:'Solway', serif; cursor:pointer;}
.btn3{background:transparent; border-radius:5px; font-style:normal; font-weight:400; font-size:16px; line-height:50px; color:#FFFFFF; text-transform:capitalize;}
.btn3{padding:0px 40px; border-width:2px; border-style:solid; border-color:#fff; font-family:'Open Sans', sans-serif; cursor:pointer; color:#fff;}

.btn4{background:transparent; border-radius:5px; font-style:normal; font-weight:400; font-size:16px; line-height:50px; text-transform:capitalize;}
.btn4 {
    padding: -13px 50px;
    border: 1px solid #212529;
    background: #fff;
    border-radius: 9px;
    text-align: center;
    text-transform: uppercase;
    color: #212529;
    letter-spacing: 0.005em;
    font-size: 14px;
    cursor: pointer;
}

.btn5{background:#343A40; border-radius:5px; font-style:normal; font-weight:400; font-size:16px; line-height:50px; text-transform:capitalize;}
.btn5 {
    border-style: solid;
    border-color: #343A40;
    font-family: 'Open Sans', sans-serif;
    cursor: pointer;
    color: #fff;
    min-width: 150px;
    /* margin: 8px; */
    padding: 5px;
}



/* Header */

.header{width:100%; height:auto; z-index:999; background:#fff; padding:10px 0px; height:auto; position:unset; top:0; left:0; width:100%;}
.header{box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);}
.header .headCont{display:flex; justify-content:space-between; align-content:center;}
.brandName a{display:block;}
.brandName a img{display:block;}
.navigations{display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end;}
.navigations ul{display:flex; flex-wrap:wrap; align-items:center;}
.navigations ul li{margin-left:28px;}
.navigations ul li a{font-family:'Open Sans', sans-serif; font-weight:500; font-size:15px; line-height:22px; text-transform:capitalize;}
.navigations ul li a{color:#3A78A0; letter-spacing:0.2px;}
.sidebarMenu > div{cursor:pointer;}

.tracking {
    position: relative;
    margin-right: 16px;
    /* margin-left: 12px; */
}
.tracking input{width:230px; font-family:'Open Sans', sans-serif; background:#E18A1F; border-radius:0px 4.57743px; border:0px; height:30px;}
.tracking input{line-height:31px; font-size:13px; color:#fff; padding-left:15px; box-sizing:border-box; letter-spacing:0.5px;}
.tracking input:focus{outline:none;}
.searchIcon{position:absolute; top:0; right:0px; width:36px; height:30px; padding:7px 0px 0px 10px; cursor:pointer;}
.searchIcon > img{height:15px;}
.trackHeadSocial .socialogy > a > img{height:26px;}
.trackHeadSocial .socialogy a{width:32px; height:32px;}
.trackHeadSocial{width:100%; display:flex; align-items:center; flex-wrap:wrap; justify-content:flex-end;}

.tracking input::-webkit-input-placeholder{/* Chrome/Opera/Safari */
 color:#fff;
}
.tracking input::-moz-placeholder{/* Firefox 19+ */
 color:#fff;
}
.tracking input:-ms-input-placeholder{/* IE 10+ */
 color:#fff;
}
.tracking input:-moz-placeholder{/* Firefox 18- */
 color:#fff;
}

.mobileMenu {
 width:36px;
 height:36px;
 margin-left:20px; cursor:pointer;
 display:none;
}
.mobileMenu > span {
 display:block;
 height:5px;
 width:100%;
 background:#000;
 margin:6px 0px;
 border-radius:24px;
}


/* Sidebar Nav */

.sidebarMenu {margin-left:60px;}
.sidebarNav{position:absolute; top:0px; right:-100%; height:100%; background:rgba(58, 120, 160, 0.6); width:655px;}
.sidebarNav{display:flex; align-items:flex-start; padding-top:60px;}
.sidebarNav{justify-content:flex-start; z-index:9; padding-left:100px;}
.sidebarNav{-webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out;}
.sidebarNav{-o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
.sidebarNav.active{right:0px; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out;}
.sidebarNav.active{transition:all 0.5s ease-in-out;}
.sidebarNav ul{margin-bottom:30px;}
.sidebarNav ul li{line-height:70px;}
.sidebarNav ul li a{font-family:'Solway', serif; font-style:normal; letter-spacing:0.5px; font-weight:400; font-size:24px; line-height:56px;}
.sidebarNav ul li a{text-transform:uppercase; color:#FFFFFF;}
.socialogy a{display:inline-block; margin-left:10px;}
.socialogy a:first-child{margin-left:0px;}

.mobileNavigations{position:fixed; top:0; left:-100%; height:100%; width:50%; background:rgba(58, 120, 160, 1); z-index:99; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
.mobileNavigations ul{padding:40px 100px 30px 26px;}
.mobileNavigations ul li a{text-transform:uppercase; color:#FFFFFF; font-family:'Solway', serif; font-style:normal; letter-spacing:0.5px; }
.mobileNavigations ul li a{font-weight:400; font-size:16px; line-height:45px;}

.mobileNavigations.active{left: 0px; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
.closeMenu {
    margin: 50px auto 0px;
    width: 40px;
    text-align: center;
    color: #fff;
    cursor: pointer;
}


/* Slider */

.banner{width:100%; height:793px; position:relative; overflow:hidden;}
.banner:before{position:absolute; left:0px; top:0px; width:100%; height:100%; content:""; background:rgba(0, 0, 0, 0.5);}
.banner img{display:block;}
.tagline{position:absolute; z-index:99; color:#fff; top:0; height:calc(100% - 250px); display:flex;}
.tagline{justify-content:center; align-items:center; left:-100%; text-align:center;}
.tagline{font-style:normal; font-weight:500; font-size:48px; line-height:58px; text-transform:capitalize; font-family:'Solway', serif;}
.tagline{-webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out;}
.tagline{transition:all 0.5s ease-in-out;}
.tagline.active {left:25%; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out;}
.tagline.active {-o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
video#myVideo{width:100%;}


/* About Us */

.aboutUs{width:100%; height:auto; margin-top:-158px; position:relative; z-index:99;}
.aboutUs:after{position:absolute; right:0; width:50%; height:385px; background:#131A52; content:""; top:0px; z-index:1;}
.aboutInner{background:#131A52; width:71%; float:right; position:relative; z-index:9;}
.aboutInner{display:flex; flex-wrap:wrap; justify-content:space-between;}
.aboutLeft{width:85%; padding:60px 0px 35px 70px;}
.aboutLeft p{font-family:'Source Sans Pro', sans-serif; font-style:normal;font-weight:400;font-size:16px;line-height:26px;}
.aboutLeft p{color:#fff; margin-top:15px;}
.aboutLeft p:first-child{margin-top:0px;}
.headArrow{width:auto;}
.headArrow .arrowDown{display:inline-block; cursor:pointer; margin-top:-37px; position:relative; z-index:9;}
.headArrow .arrowDown img{display:block;}
.verticalHead{position:relative; width:76px; text-align:center; display:flex; flex-wrap:wrap; align-items:flex-start;}
.verticalHead{justify-content:center; height:fit-content;}
.verticalHead:before{content:""; height:201px; border:1px solid #E18A1F; position:absolute; left:35px; bottom:-115%;}
.verticalHead h4{color:#fff; writing-mode:vertical-rl; text-orientation:upright; text-transform:uppercase; font-family:'Solway', serif;}
.verticalHead h4{font-style:normal; font-weight:500;font-size:16px;line-height:19px; margin-top:30px;}
.arrowDown img{box-shadow:-1px 0px 4px rgba(0, 0, 0, 0.25); border-radius:100%;}
.btnsGroup{position:relative; bottom:-60px;}
    .btnsGroup button {
        margin-left: 10px;padding-left: 8px;
    }
.btnsGroup button:first-child{margin-left:0px;}


/* Tracker Number */

.tracker{position:relative; padding-top:50px; background-image:url(../images/Waterbg.gif); background-repeat:no-repeat; background-size:100% 372px; background-position:bottom center; height:400px;}
/*.tracker:before{position:absolute; height:200px; background:#fff; width:100%; left:0px; bottom:0px; content:""; z-index:1;}*/
.innerTracker {
 display:flex;
 position:relative;
 z-index:2;
 flex-wrap:wrap;
 align-items:flex-end;
 justify-content:space-between;
 height:280px;
}
.imgSide{width:55%;}
.trackForm{width:45%; margin-top:80px;}
.trackForm ul{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.trackForm ul li:first-child{width:62%; margin-left:0px;}
.trackForm ul li input{width:100%; letter-spacing:0.4px; line-height:55px; background:#E18A1F; color:#fff; font-size:16px;}
.trackForm ul li input{padding:0px 20px; border-radius:0px 8px 0px 8px; border:0px;}
.trackForm ul li input:focus{outline:none;}
.trackForm ul li input::-webkit-input-placeholder{/* Chrome/Opera/Safari */
 	color:#fff; font-weight:600;
}
.trackForm ul li input::-moz-placeholder{/* Firefox 19+ */
 	color:#fff;font-weight:600;
}
.trackForm ul li input:-ms-input-placeholder{/* IE 10+ */
 	color:#fff;font-weight:600;
}
.trackForm ul li input:-moz-placeholder{/* Firefox 18- */
 	color:#fff;font-weight:600;
}
.trackForm ul li:nth-child(2){width:35%;}
.trackForm ul li button{width:100%; border-color:#000; color:#000;}
.trackForm ul li button:hover{background:rgba(0, 0, 0, 1); color:#fff;}


/* Services */

.services{background:#EFEFEF; padding:90px 0px 50px; height:640px;}
.services .verticalHead h4{color:#000; letter-spacing:8px; margin-top:50px;}
.services .verticalHead:before{height:185px; bottom:-72%;}
.innerService{display:flex; flex-wrap:wrap; align-items:flex-start;}

.shipServices{display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:flex-end; min-height:auto; width:90%;}
.shipImage{width:100%; height:auto; overflow:hidden; text-align:center; padding-top:50px;}
.shipImage > img{height:270px;}
.serviceList{width:100%; display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:center;}
.serviceItem{width:15%; text-align:center; margin-bottom:25px;}
.serviceItem img{display:inline-block;}
.serviceItem h5{font-style:normal;font-weight:600;font-size:16px;line-height:20px;text-align:center;letter-spacing:0.005em;}
.serviceItem h5{color:#3A78A0; margin-top:10px;}

.imgServ {width:80px; height:80px; margin:0 auto; background:#3D76E1; border:2px solid #3D76E1; border-radius:100px;}
.imgServ {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.imgServ .hover{display:none;}
.serviceItem:hover .imgServ{background:transparent;}
.serviceItem:hover .hover{display:block;}
.serviceItem:hover .default{display:none;}


/* Strategy */

.strategy{background:#000; padding:0px 0px 70px; height:710px; margin-top:125px;}
.strategy .verticalHead{margin-top:-40px;}
.strategy .verticalHead:before{bottom:-150%; height:400px;}
.innerStrategy{display:flex; flex-wrap:wrap; justify-content:space-between;}
.steps{display:flex; width:90%; flex-wrap:wrap; justify-content:space-between; align-items:center;}
.stepItem{width:245px; text-align:center; position:relative;}
.stepItem .number{color:#757575; font-family:'Post No Bills Colombo'; font-weight:400; font-size:200px;}
.stepItem .number{position:absolute; line-height:272px; top:0; left:0; width:100%; text-align:center;}
.itemBlock{margin-top:150px; background:#fff; border-radius:10px; box-shadow:0px 0px 7px 4px rgb(0 0 0 / 16%); height:340px;}
.itemBlock{padding:0px; position:relative;}
.itemBlock:before{position:absolute; top:0; left:0; width:85%; content:""; height:90%; margin:auto; right:0; border-radius:10px;}
.itemBlock:before{bottom:0; background:#ACACAC;}
.itemBlock > div {background:#fff; width:200px; height:298px; position:relative; padding:15px 10px;}
.itemBlock > div {border-radius:6px; margin:0px auto 0px; top:21px;}
.stepItem:hover .itemBlock:before{background-image:linear-gradient(to bottom, #3A78A0, #3D76E1);}



.itemBlock h4{font-style:normal;font-weight:700;font-size:19px;line-height:26px; text-align:center;text-transform:uppercase;}
.itemBlock h4{color:#4D4D4D; font-family:'Solway', serif;}
.itemBlock p{font-family:'Source Sans Pro';font-style:normal;font-weight:400;font-size:16px;line-height:26px; text-align:center;}
.itemBlock p{text-transform:capitalize; color:#757575; margin-top:15px;}
.itemIcon{width:122px; height:122px; background:#fff; text-align:center; margin:-62px auto;}
.itemIcon{background:#ACACAC; padding:5px; position:relative; border-radius:100%;}
.itemIcon img{display:inline-block;}
.itemIcon > div {width:112px; height:112px; background:#fff; border-radius:100px; display:flex;}
.itemIcon > div {flex-wrap:wrap; align-items:center; justify-content:center; margin:0 auto;}
.stepItem:hover .itemIcon {background-image:linear-gradient(to bottom, #3A78A0, #3D76E1);}
.bottomLine{font-style:normal; font-weight:400; font-size:16px; line-height:26px; letter-spacing:0.001em;}
.bottomLine{text-transform:capitalize; color:#fff; text-align:center; margin-top:115px;}



/* Team Members */

.ourTeam{background:#EFEFEF; margin-top:150px;}
.ourTeam .verticalHead{margin-top:-40px;}
.ourTeam .verticalHead h4{color:#000;}
.ourTeam .verticalHead:before{height:305px; bottom:-135%;}
.innerTeam{display:flex; flex-wrap:wrap; justify-content:space-between;}
.teamList{width:90%; padding:60px 0px;}
.team{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin-top:45px;}
.team:first-child{margin-top:0px;}
.team.teamReverse{flex-direction:row-reverse;}
.team.teamReverse .memberDetails{text-align:right;}
.memberImg{width:184px; height:184px; border:3px solid #E18A1F; border-radius:100%; padding:5px;}
.memberImg img{width:100%; border-radius:100%; filter:grayscale(100%); -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%);}
.memberImg:hover img{filter:grayscale(0%); -webkit-filter:grayscale(0%); -moz-filter:grayscale(0%);}
.memberDetails{width:calc(97% - 184px);}
.memberDetails h4{font-style:normal;font-weight:500;font-size:23px;line-height:28px;text-transform:capitalize; color:#3A78A0;}
.memberDetails h4{margin-bottom:8px; font-family:'Solway', serif;}
.memberDetails label{font-style:normal;font-weight:400;font-size:16px;line-height:20px;text-transform:capitalize;}
.memberDetails label{color:#757575;margin-bottom:8px; display:block;}
.memberDetails p{margin-top:10px;font-style:normal;font-weight:400;font-size:16px;line-height:26px;}
.memberDetails p{text-transform:capitalize;color:#757575;margin-bottom:5px;}
.socialogy {
 display:flex;
 flex-wrap:wrap;
 justify-content:flex-start;
 margin-left:25px;
}
.socialogy a {width:38px; height:38px; border:2px solid #757575; border-radius:50px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; font-size:18px; color:#757575;}

.team.teamReverse .socialogy{justify-content:flex-end;}


/* Counter Section */

.counters{background-image:url(../images/counterBg.png); background-repeat:no-repeat; background-attachment:fixed; background-repeat:no-repeat; background-size:cover;}
.counters{background-position:center bottom; position:relative;margin-top:150px;}
/*.counters:before{position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.8); content:"";}*/
.counters:before{position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(255, 138, 31, 1); content:"";}
.counters .verticalHead{margin-top:-40px;}
.counters .verticalHead:before{bottom:-30%;height:100px;}
.counters .verticalHead h4{letter-spacing:6px;}
.innerCounter{display:flex; flex-wrap:wrap; justify-content:space-between;}
.counterBlocks{height:384px; width:90%; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;position:relative;}
.countItem{width:auto; display:flex; align-items:center; justify-content:space-between;}
.countIcon {border:2px solid #fff; border-radius:100%; width:82px; height:82px; margin-right:25px; display:flex; align-items:center;}
.countIcon{justify-content:center;}
.countIcon > div {background:#fff; width:67px; height:67px; border-radius:100%; display:flex; flex-wrap:wrap;}
.countIcon > div {align-items:center; justify-content:center;}
.countIcon img{display:block;}
.countDetail h4{font-style:normal;font-weight:700;font-size:36px;line-height:45px; color:#fff;}
.countDetail label{display:block;font-style:normal;font-weight:600;font-size:16px;line-height:20px;letter-spacing:0.045em;}
.countDetail label{color:#FFFFFF; text-transform:uppercase;}



/* Subscription */

.subscription{width:100%; height:auto; position:relative; margin-top:150px;}
.subscription:before{position:absolute; top:0; left:0; width:100%; height:370px; background:#131A52; content:""; z-index:-1;}
.subscription .verticalHead{margin-top:-40px;}
.subscription .verticalHead h4{letter-spacing:3px; margin-top:20px;}
.subscription .verticalHead:before{height:168px; bottom:-54%;}
.innerSubs{display:flex; flex-wrap:wrap; justify-content:space-between;}
.subsdetails{width:90%; text-align:center;}
.ctaBtns{margin-top:-20px; width:100%; height:auto; overflow:hidden;}
.ctaBtns button{margin:0px 10px;}
.ctaBtns + p{margin:65px 0px;font-style:normal;font-weight:400;font-size:20px;line-height:26px;text-align:center;}
.ctaBtns + p{letter-spacing:0.045em;text-transform:capitalize;color:#FFFFFF;}
.ctaBtns + p span{font-style:italic;font-weight:600;}
.plans{width:100%; height:auto; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.sPlan{background:#EFEFEF; box-shadow:0px 4px 15px rgb(0 0 0 / 25%); border-radius:8px; width:285px; height:326px; padding:20px 30px;}
.sPlan h5{font-family:'Solway', serif;font-style:normal;font-weight:500;font-size:32px;line-height:38px;color:#000000;}
.sPlan .planPrice{font-style:normal;font-weight:600;font-size:16px;line-height:20px;color:#000000; margin-top:15px; margin-bottom:20px;}
.sPlan .planPrice span{font-style:normal;font-weight:600;font-size:49.1881px;line-height:62px;color:#000000;}
.sPlan ul{margin-bottom:15px; min-height:90px;}
.sPlan ul li{text-align:left;padding-left:25px;font-style:normal;font-weight:400;font-size:14px;line-height:20px;}
.sPlan ul li{text-transform:capitalize;color:#000000; position:relative;}
.sPlan ul li:before{position:absolute; left:0; top:5px; width:25px; height:25px; content:""; background:url(../images/check1.svg) no-repeat;}
.sPlan .line{border-bottom:1px solid #000; box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);}
.buyNow{margin-top:20px;}
.buyNow button{font-style:normal; font-weight:400; font-size:20px; line-height:25px; text-align:center;
 color:#000; border:0px; background:transparent; cursor:pointer;}
.plan2{background:#3D76E1; box-shadow:0px 4px 15px rgba(0, 0, 0, 0.25); color:#fff;}
.plan2 h5, .plan2 .planPrice, .plan2 .planPrice span, .plan2 ul li{color:#fff;}
.plan2 ul li:before{background:url(../images/check2.svg) no-repeat;}
.plan2 .line{border-bottom:1px solid #fff; box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);}
.plan2 .buyNow button{color:#fff;}
.plan3 h5{margin:30px 0px; text-transform:capitalize; font-family:'Source Sans Pro'; font-weight:600;}
.plan3 h5, .plan3 .planPrice, .plan3 .planPrice span{color:#000;}
.plan3 ul li{color:#757575;}
.plan3 ul li:before{background:url(../images/check3.svg) no-repeat;}
.plan3 .line{border-bottom:1px solid #000; box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);}
.plan3 .buyNow button{color:#757575;}


/* Questions */

.questions{background:#EFEFEF url(../images/ship3.png) no-repeat left center / 40%; margin-top:150px; height:578px;}
/*.questions{background:#EFEFEF url(../images/ship33.jpg) no-repeat left top / 41% 100%; margin-top:150px; height:578px;}*/
.questions .verticalHead{margin-top:-40px;}
.questions .verticalHead:before{bottom:-55%; height:197px;}
.questions .verticalHead h4{color:#000; letter-spacing:6px;}
.innerQuestion{display:flex; flex-wrap:wrap; justify-content:space-between;}
.questLists{width:90%; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; height:578px;}
.qskItems{width:55%; border-radius:27px; border:1px solid #D4D4D4; padding:25px;}
.qskItems .acc{margin-bottom:25px;}
.qskItems .acc:last-child;{margin-bottom:0px;}
.qskItems .acc-head{border-bottom:1px solid #D4D4D4; position:relative; padding-right:55px;}
.qskItems .acc-head:after{position:absolute; right:0; top:0; width:20px; height:20px; content:""; background:url(../images/arrowDown1.svg) no-repeat;}
.qskItems .acc-head.active:after{position:absolute; right:0; top:0; width:20px; height:20px; content:""; background:url(../images/arrowUp1.svg) no-repeat;}
.qskItems .acc-head p{font-style:normal;font-weight:500;font-size:16px;line-height:19px;text-transform:capitalize;color:#4D4D4D;}
.qskItems .acc-head p{font-family:'Solway', serif; cursor:pointer; margin-bottom:10px;}
.qskItems .acc-content{padding:20px 0px;}
.qskItems .acc-content p{font-style:normal;font-weight:400;font-size:16px;line-height:20px;color:#757575;}
.acc-content{display:none;}


/* Footer */

.footer{width:100%; height:auto; background:#2D2E32; border-bottom:40px solid #3D76E1;}
.footer .container{position:relative;}
.innerFooter{display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; padding:0px;}
.footerBrand{background:#fff; padding:10px 30px; border-radius:0; box-sizing:border-box; height:300px; display:flex; flex-wrap:wrap; align-items:center;}
.siteMap{width:43%; text-align:center;}
.siteMap h4{color:#fff; font-style:normal;font-weight:700;font-size:20px;line-height:24px;letter-spacing:0.045em;text-transform:uppercase;}
.siteMap h4{font-family:'Solway', serif; margin-bottom:20px;}
.siteMap ul li{display:inline-block; margin-bottom:8px;}
.siteMap ul li a{color:#fff; font-style:normal; font-weight:300; margin-left:7px; padding-left:7px; border-left:1px solid #fff;}
.siteMap ul li a{font-size:16px; line-height:15px; text-align:center; letter-spacing:0.045em; text-transform:capitalize; display:block;}
.siteMap ul li:first-child a{padding-left:0px; margin-left:0px; border-left:0px;}
.letsConnect h4{color:#fff; font-style:normal;font-weight:700;font-size:20px;font-family:'Source Sans Pro', sans-serif;line-height:24px;}
.letsConnect h4{letter-spacing:0.045em;text-transform:uppercase; font-family:'Solway', serif; margin-bottom:20px;}
.talkTo{position:absolute; top:-55px; right:0;}

.footer .socialogy a{border: 0px;}


/* Login Page */

.loginWrap{width:100%; height:100vh; overflow:hidden; background:url(../images/loginBg.png) no-repeat left bottom / cover;}
.loginWrap{position:relative; display:flex; flex-wrap:wrap; justify-content:space-between;}
.loginWrap:before{width:100%; height:100%; position:absolute; content:""; background:rgba(0, 0, 0, 0.7); top:0; left:0;}

.leftSide{width:50%; height:100%; padding:100px 20% 70px 150px; display:flex; flex-wrap:wrap; position:relative;}
.leftSide{align-items:flex-start; justify-content:center;}
.leftContent{position:relative; z-index:1;}
.leftContent h4{font-style:normal;font-weight:500;font-size:32px;line-height:38px;text-transform:uppercase; color:#FFFFFF;}
.leftContent h4{font-family:'Solway', serif; margin-bottom:40px;}
.leftContent ul li{font-family:'Source Sans Pro';font-style:normal;font-weight:600;font-size:20px;line-height:25px;}
.leftContent ul li{text-transform:capitalize;color:#FFFFFF; margin-bottom:20px; position:relative; padding-left:30px;}
.leftContent ul li:last-child{margin-bottom:0px;}
.leftContent ul li:before{position:absolute; left:0; top:10px; width:15px; height:10px; content:"";}
.leftContent ul li:before{background:url(../images/loginCheck.svg) no-repeat;}
.lClose{cursor:pointer; position:absolute; z-index:1; bottom:10%; left:0; right:0; margin:0 auto; width:54px; height:54px;}

.rightSide{width:50%; height:100%; background:#fff; position:relative; z-index:1; padding:100px 10%; display:flex;}
.rightSide{flex-wrap:wrap; align-items:center; justify-content:center;}
.rightSide h4{font-style:normal;font-weight:700;font-size:24px;line-height:29px; font-family:'Solway', serif; color:#000000;}
.rightSide h4{text-align:center; margin-bottom:15px;}
.rightSide h4 span{color:#3A78A0;}

.rightSide div > p{text-align:center; font-family:'Source Sans Pro';font-style:normal;font-weight:400;font-size:16px;line-height:21px;}
.rightSide div > p{letter-spacing:0.5px;text-transform:capitalize; color:#000000;}
.rightSide div > p > a{color:#E18A1F; font-style:italic; font-weight:600;}

.loginForm{width:100%; height:fit-content; background:#fff; margin-top:40px; box-shadow:0px 0px 13px rgb(0 0 0 / 15%);}
.loginForm{border-radius:4px; padding:60px 40px;}
.radioBtns{display:flex; flex-wrap:wrap; align-items:center;}
.radioBtns > div{display:flex; align-items:center; flex-wrap:wrap; width:50%; justify-content:flex-start;}
.radioBtns > div input{width:13px !important; height:auto !important;}
.radioBtns > div label{margin:0px 0px 0px 10px !important; font-size:16px !important; line-height:normal !important;}


.loginForm ul li{margin-bottom:40px;}
.loginForm ul li label{font-family:'Source Sans Pro'; font-style:normal; font-weight:400; font-size:14px; margin-bottom:-45px;}
.loginForm ul li label{line-height:45px; letter-spacing:0.5px; text-transform:capitalize; color:#282828; display:block; float:left;}
.loginForm ul li input{width:100%; height:45px; font-size:14px; border-width:0px 0px 1px 0px; border-color:#EFEFEF; border-style:solid;}
.loginForm ul li input{background:transparent; padding-left:140px; font-weight:600;}
.loginForm ul li input:focus{outline:none;}
.loginForm ul li input::-webkit-input-placeholder{/* Chrome/Opera/Safari */
 color:#282828;
}
.loginForm ul li input::-moz-placeholder{/* Firefox 19+ */
 color:#282828;
}
.loginForm ul li input:-ms-input-placeholder{/* IE 10+ */
 color:#282828;
}
.loginForm ul li input:-moz-placeholder{/* Firefox 18- */
 color:#282828;
}

.sendOTP{text-align:center;}
.sendOTP a{font-size:16px; color:#3A78A0; letter-spacing:0.1px; font-weight:600;}
.sendOTP a:hover{color:#222;}

.enterOTP{width:100%; margin-bottom:30px; height:auto; text-align:center;}
.enterOTP input{margin:0px 2px; border:1px solid #3A78A0; width:44px; height:44px; border-radius:12px;}
.enterOTP input{text-align:center; font-size:34px;}
.time{text-align:center; font-style:normal;font-weight:500;font-size:16px;line-height:20px;color:#000000; font-weight:600;}
.time a{color:#E18A1F;}

.loginBtn{text-align:center; margin-top:50px; width:100%; height:auto;}
.loginBtn button{background:#343A40; border-radius:5px; width:160px; font-style:normal; font-weight:400; font-size:16px;}
.loginBtn button{line-height:50px; text-transform:capitalize; color:#FFFFFF; border:0px; cursor:pointer;}


.overlay{position:fixed; display:none; width:100%; height:100%; top:0; left:0; background:rgba(0, 0, 0, 0.7); z-index:9999; cursor:zoom-out;}
.overlay.active{display:block;}
.modall{position:fixed; background:#fff; width:fit-content; height:fit-content; top:0; left:0; right:0;}
.modall{bottom:0; margin:auto; z-index:9999; display:none; padding:40px;}
.modall.active{display:block;}

.msgReply{min-width:750px; padding:25px 35px;}
.msgReply .innerModal h4{font-style:normal;font-weight:500; font-family:'Solway', serif; font-size:20px;line-height:24px;}
.msgReply .innerModal h4{text-align:center; text-transform:uppercase; color:#131A52; position:relative; margin:0px auto 60px; width:fit-content;}
.msgReply .innerModal h4:before{width:52px; height:3px; background:#E18A1F; content:""; position:absolute; left:0; bottom:-18px;}
.msgReply .innerModal h4:after{left:24px; bottom:-24px; transform:rotate(20deg);}
.msgReply .innerModal h4:after{width:5px; height:15px; background:#E18A1F; content:""; position:absolute;}
.msgReply .innerModal .listDetails{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start;}

.congrats{text-align:center; min-width:750px;}
.congrats .innerModal img{display:block; margin:0 auto;}
.congrats .innerModal h4{font-style:normal;font-weight:400;font-size:36px;line-height:21px;text-transform:capitalize;}
.congrats .innerModal h4{color:#343A40;font-family:'Solway', serif; margin-bottom:25px; margin-top:20px;}
.congrats .innerModal p{font-style:normal;font-weight:500;font-size:16px;font-family:'Solway', serif;line-height:24px; text-align:center; color:#343A40; margin-bottom:25px;}


.modal{z-index: 99999; background:rgba(0, 0, 0, 0.5);}


.listDetails ul.dateTime li{font-family:'Source Sans Pro';font-style:normal;font-weight:400;font-size:14px;line-height:15px;}
.listDetails ul.dateTime li{text-transform:capitalize; color:#A6A2A2; margin-bottom:40px;}

.listDetails ul.titleLines li{font-family:'Source Sans Pro';font-style:normal;font-weight:400;font-size:14px;line-height:15px;}
.listDetails ul.titleLines li{text-transform:capitalize; color:#A6A2A2; margin-bottom:40px;}

.listDetails tbody tr td{font-family:'Source Sans Pro';font-style:normal;font-weight:400;font-size:14px;line-height:15px;}
.listDetails tbody tr td{text-transform:capitalize; color:#A6A2A2; margin-bottom:40px; text-align:left; padding:20px 25px;}

.listDetails tbody tr td .bulletPoint{width:12px; height:12px; border-radius:50px; background:#3D76E1; position:relative;}
.listDetails tbody tr td .bulletPoint:after{height:60px; width:2px; background:#3D76E1; position:absolute;}
.listDetails tbody tr td .bulletPoint:after{top:0; left:5px; content:"";}
.listDetails tbody tr:last-child td .bulletPoint:after{content:normal;}

.tabs{border-radius:5px; border:1px solid #E9E9E9;}
#tabs-nav li a{font-style:normal;font-weight:500;font-size:16px;line-height:19px;text-align:center;text-transform:capitalize;}
#tabs-nav li a{font-family:'Solway', serif;color:#757575;}

ul#tabs-nav{display:flex; justify-content:flex-start; align-items:center; border-bottom:1px solid #E9E9E9;}
ul#tabs-nav li a{line-height:50px; padding:0px 50px; display:block;border-bottom:2px solid transparent;}
ul#tabs-nav li.active a{border-bottom:2px solid #E18A1F;}

.innerBox{border-radius:5px; border:1px solid #E9E9E9;}
.emailBox .innerBox ul li{margin-bottom:25px;}
.emailBox .innerBox ul li:last-child{margin-bottom:0px;}
.emailBox .innerBox ul li .inboxTime{font-style:normal;font-weight:400;font-size:16px;line-height:182.02%; color:#3A78A0; margin-bottom:5px;}
.emailBox .innerBox ul li .notyMsg{border:1px solid #3D76E1; border-radius:3px; display:flex; flex-wrap:wrap;}
.emailBox .innerBox ul li .notyMsg{justify-content:space-between; align-items:center; min-height:50px; padding:0px 20px;}
.emailBox .innerBox ul li .notyMsg p{font-family:'Source Sans Pro';font-style:normal;font-weight:600;font-size:16px;line-height:30px; color:#4D4D4D; margin-bottom: 0px;}
.emailBox .innerBox ul li .notyMsg a{font-style:normal;font-weight:600;font-size:18px;line-height:182.02%;}
.emailBox .innerBox ul li .notyMsg a{text-decoration-line:underline; color:#E18A1F;}

.subsItems{background:#3A78A0; box-shadow:0px 0px 4px rgb(0 0 0 / 25%); border-radius:0px; width:251px; height:380px; position:relative;}
.subsDet{height:325px; padding-top:35px; background:#fff; position:absolute; bottom:0; width:100%; border-radius:0px 180px 0px 0px; text-align:center;}
.subsItems > img{position:absolute; right:30px; top:30px;}
.subsDet h4{font-family:'Source Sans Pro';font-style:normal;font-weight:400;font-size:20px;line-height:30px;}
.subsDet h4{text-align:center; color:#6C6C6C; margin-bottom:10px;}
.subsDet p{font-family:'Source Sans Pro'; font-style:normal; font-weight:600; font-size:19.5556px;}
.subsDet p{line-height:25px; color:#3A78A0; text-align:center; margin-bottom:10px;}
.subsDet p span{font-family:'Source Sans Pro'; font-style:normal; font-weight:600; font-size:44px; line-height:55px; color:#3A78A0;}
.subsDet label{font-style:normal;font-weight:400;font-size:24px;line-height:29px;color:#3A78A0; text-align:center;}
.subsDet label{text-transform:uppercase; font-family:'Solway', serif; display:block; margin-bottom:10px;}
.subsDet .autoRenew{font-style:normal; font-weight:400; font-size:18px; line-height:28px; letter-spacing:0.005em; color:#6C6C6C;}
.subsDet .autoRenew{text-align:center; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; margin-bottom:15px;}
.autoRenew input{margin-right:10px;}

.note{background:#131A52; padding:30px;}
.note p{color:#fff; font-style:normal;font-weight:500;font-size:13px;line-height:23px; text-align:center;letter-spacing:0.5px;}
.note p{text-transform:capitalize;}

.backSection .postContainer{width:75%; margin:0 auto; display:flex; flex-wrap:wrap; justify-content:space-between;}
.backSection .postContainer{align-items:center; padding:20px 0px;}
.backSection .postContainer a{display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; font-style:normal;font-weight:600;}
.backSection .postContainer a{font-size:15px;line-height:21px; text-transform:uppercase; color:#E18A1F;}
.backSection .postContainer a img{margin-right:7px;}
.compDetails{width:100%; height:auto;}
.compDetails .postContainer{background:#FFFFFF; box-shadow:0px 0px 5px rgb(0 0 0 / 25%); width:75%; height:auto; margin:0 auto;}
.compDetails h4{font-style:normal;font-weight:700;font-size:20px;line-height:24px; text-align:left;text-transform:uppercase;}
.compDetails h4{color:#FFFFFF; font-family:'Solway', serif; position:relative; background:#3D76E1; padding:15px 20px; height:70px;}
.compDetails h4:before{width:52px; height:3px; background:#fff; content:""; position:absolute; left:20px; bottom:18px;}
.compDetails h4:after{width:5px; height:15px; background:#fff; content:""; position:absolute;}
.compDetails h4:after{left:44px; bottom:12px; transform:rotate(20deg);}
.compDetails h4 + ul{padding:30px 30px; display:flex; flex-wrap:wrap; justify-content:space-between;}
.compDetails h4 + ul li{width:46%; margin-bottom:20px;}
.compDetails h4 + ul li label{font-style:normal;font-weight:400;font-size:16px;font-family:'Solway', serif;line-height:21px;}
.compDetails h4 + ul li label{letter-spacing:0px; text-transform:capitalize; color:#4D4D4D; padding-right:7px;}
.compDetails h4 + ul li span{font-style:normal;font-weight:600;font-size:16px;line-height:21px; color:#000000;}
.compDetails .table thead tr th{font-style:normal;font-weight:400;font-size:16px;line-height:21px; letter-spacing:0.5px;}
.compDetails .table thead tr th{text-transform:capitalize; color:#4D4D4D; font-family:'Solway', serif; background:#EFEFEF;}
.compDetails .table thead tr th{text-align:center; padding:15px 20px; border-right:1px solid #222;}
.compDetails .table tbody tr td{font-style:normal;font-weight:600;font-size:15px;line-height:21px; text-transform:capitalize;color:#282828;}
.compDetails .table tbody tr td{text-align:center; padding:15px 20px; border-right:1px solid #222; border-bottom:1px solid #222;}

.totalAmt{background:#EFEFEF; width:100%; height:auto; overflow:hidden;}
.totalAmt ul{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.totalAmt ul li{width:50%; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; line-height:50px;}
.totalAmt ul li label{padding-right:7px; font-family:'Solway', serif; font-style:normal;font-weight:400;font-size:16px;}
.totalAmt ul li label{line-height:21px; letter-spacing:0.5px;text-transform:capitalize; color:#4D4D4D;}
.totalAmt ul li span{font-style:normal; font-weight:600;font-size:15px; text-transform:capitalize;color:#282828;}

.addQuotePage h4{background:#3A78A0; display:flex; flex-wrap:wrap; justify-content:space-between;}
.addQuotePage h4 a{color:#fff; padding-top:7px;}
.productCode{margin:30px 0px 25px; background:#EFEFEF; width:fit-content; padding:15px 25px; font-style:normal; font-weight:400;}
.productCode{font-size:16px; line-height:21px; letter-spacing:0.5px; text-transform:capitalize; color:#4D4D4D; font-family:'Solway', serif;}
.productCode span{font-weight:600; font-family:'Solway', serif;}

.scrollTop{position:fixed; right:40px; bottom:90px; z-index:999; cursor:pointer;}

.chatPoint{width:100%; height:calc(100vh - 300px);}
.chatBox{width:100%; height:60vh; overflow-y:scroll;}
.chatHeader{padding:20px; background:#f7f7f7; display:flex; flex-wrap:wrap; justify-content:space-between;}
.chatTitle{display:flex; flex-wrap:wrap; width:50%; align-items:center; justify-content:space-evenly;}
.userMsg > label{display:block; width:100%; font-weight:600; font-size:14px; text-transform:uppercase; margin-bottom:5px;}
.chatItem:last-child{margin-bottom:40px;}
.userMsg{display:flex; flex-wrap:wrap;}
.viewMsg{background:#f7f7f7; padding:15px 20px; border-radius:15px 15px 15px 0px; max-width:450px; width:450px;}
.rightChat{flex-direction:row-reverse;}
.chatTitle h4{font-weight:600; letter-spacing:0.3px;}
.chatItem{display:flex; align-items:flex-end; margin-top:15px; flex-wrap:wrap; }
.msgTime{width:100px; display:flex; align-items:end; margin-left:10px;}
.msgTime > p{font-size:14px; letter-spacing:0.4px; color:#afafaf;}
.msger-inputarea{display:flex; padding:10px; border-top:2px solid #ddd; background:#eee;}
.msger-inputarea *{padding:10px; border:none; border-radius:3px; font-size:1em;}
.msger-input{flex:1; background:#ddd;}
.msger-input:focus{outline:none;}


.subscribeModal{ max-width:fit-content; min-width:950px; flex-wrap:wrap;}
.subscribeModal > .modal-content{padding:100px 70px; background:#fff url(../images/subsBg.png) no-repeat center bottom / 100% 310px}
.subsPlan{background:linear-gradient(359.96deg, #3D76E1 0.04%, #50DBB2 148.99%); box-shadow:0px 3.0321px 11.3704px rgba(0, 0, 0, 0.25);border-radius:6.0642px; min-height:305px;}
.headBlock{padding:30px; text-align:center; min-height:132px;}
.headBlock .planPrice{font-family:'Source Sans Pro';font-style:normal;font-weight:600;font-size:14.8236px;line-height:19px;color:#FFFFFF; margin-bottom:7px;}
.headBlock .planPrice span{font-style:normal;font-weight:600;font-size:33.3531px;line-height:42px; color:#FFFFFF;}
.headBlock h5{font-style:normal;font-weight:400;font-size:18.1926px;line-height:22px; text-transform:uppercase;color:#FFFFFF; font-family:'Solway', serif; margin-bottom:0px; }

.bodyBlock{background:#fff; min-height:140px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}

.bodyBlock ul li{font-style:normal; font-weight:400; font-size:13px; line-height:24px; text-transform:capitalize; color:#757575; position:relative; padding-left:20px;}
.bodyBlock ul li:before{ position:absolute; left:0; top:7px; width:25px; height:25px; content:""; background:url(../images/check1.svg) no-repeat;}

.FooterBlock{text-align:center;}
.FooterBlock button{width:65%; margin:0px auto 0px; border:0px; background:#FFFFFF; box-shadow:0px 3.0321px 9.85432px 0.758025px rgb(0 0 0 / 20%); border-radius:17.4346px; line-height:35px; position:relative; top:-16px; cursor:pointer;}

.FooterBlock button:focus{outline:none;}

.modalClose{width:100%; text-align:center; margin-top:20px;}
.modalClose a{cursor:pointer; display: block;}


/* Payment Options */

.subsPay{padding:80px 0px 200px;}

.paymentOption{background:#FFFFFF; box-shadow:0px 0px 4px rgb(0 0 0 / 25%); padding:50px 80px;}
.paymentOption .tabs ul{display:flex; flex-wrap:wrap; justify-content:center;}
.paymentOption .tabs ul li{list-style:none; margin:0px 10px;}
.paymentOption .tabs ul li a{min-width:180px; height:80px; display:flex; align-items:center; justify-content:center; color:rgba(0, 0, 0, 0.4); letter-spacing:0.005em; text-transform:capitalize; font-weight:400;font-size:16px; background:#D3D3D3; padding:0px 10px; background:#D3D3D3;}
.paymentOption .tabs ul li a:hover{text-decoration:none;}
.paymentOption .tabs ul li a svg path{fill:#6C6C6C;}
.paymentOption .tabs ul li a > img{margin-right:10px;}
.paymentOption .tabs ul li.tab-active a{background:#E0FFF6; font-weight:400; letter-spacing:0.3px;}

.chooseCard{width:100%; height:auto; overflow:hidden; padding:0px 25px;}
.chooseCard h4{text-transform:capitalize; font-weight:500; font-size:20px; line-height:30px; letter-spacing:0.5px; color:#000000;}
.chooseCard h5{text-transform:capitalize; font-weight:500; font-size:20px; letter-spacing:0.5px; color:#000000;}

.CardOptions{display:flex; flex-wrap:wrap; align-items:center; margin-top:15px;}
.CardOptions li{list-style:none; margin-right:50px; cursor:pointer; }
.CardOptions li label.form-check-label{ display:flex; flex-wrap:wrap; cursor:pointer; }

.payCheckout .tabTitle h4{color:#000; line-height:35px; font-size:28px;}
.cardDetls.formArea{padding:0px 0px 20px;}
.cardDetls .form-group input{border:1px solid #6C6C6C; border-radius:4px; padding:0px 0px 0px 20px;}
.cardDetls .form-group input + label{left:20px; font-size:14px;}

.cardDetls.formArea .form-control:focus + .form-control-placeholder, .form-control:valid + .form-control-placeholder{opacity:1; letter-spacing:0.5px; left:10px; line-height:20px; background:#fff; padding:0px 10px;}
.cardDetls .form-group{margin-bottom:0px !important;}

.payBTn > div{display:flex;}
.payBTn button{width:50%; padding:10px 50px;}

.appointDet{width:100%; padding:0px 25px; height:auto; overflow:hidden; min-height:347px;}
.appointDet ul li{width:100%; height:auto; margin-bottom:10px; display:flex; flex-wrap:wrap; justify-content:space-between;}
.appointDet ul li label{font-weight:700; margin:0px; font-size:18px; line-height:32px; color:#000000;text-transform:capitalize;}
.appointDet ul li span{font-weight:500;font-size:16px;line-height:32px; text-transform:capitalize; color:#6C6C6C;}
.appointmentcheck{display:flex; height:100%;}

/* End Payment Options */

.forms ul li input[type="file"] {    padding: 0px;}
.uploadFile{position: relative;}
a.dwnloadDoc {
    position: absolute;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.5px;
    font-weight: 700;
}

.myMessages table tr th{text-align: center;}

.profileCircle {
    float: right;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.profileCircle label {
    display: block;
    width: 100%;
    text-align: center;
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #757575;
    margin: 0px;
}


.profileComplition {
    background: #FFFFFF;
    border: 1px solid #DCDCDC;
    border-radius: 5px;
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    padding: 20px 40px;
}

input#rtt {
    margin-right: 275px;
}

.profileleft h4 {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.005em;
    text-transform: uppercase;
    font-family: 'Solway', serif;
    color: #131A52;
}

.profileleft p{
    font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 18px;
color: #757575;
margin-bottom: 0px;
}

.circle_percent {width:60px; height:60px; position: relative; background: #eee; border-radius:50%; overflow:hidden; display:inline-block; margin:0px;}
.circle_inner {position: absolute; left: 0; top: 0; width: 60px; height: 60px; clip:rect(0 1em 1em .5em);}
.round_per {position: absolute; left: 0; top: 0; width: 60px; height: 60px; background: #e4a6d2; clip:rect(0 1em 1em .5em); transform:rotate(180deg); transition:1.05s;}
.percent_more .circle_inner {clip:rect(0 .5em 1em 0em);}
.percent_more:after {position: absolute; left: .5em; top:0em; right: 0; bottom: 0; background: #e4a6d2; content:'';}
.circle_inbox {position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; background: #fff; z-index:3; border-radius: 50%;}
.percent_text {
    position: absolute;
    font-size: 14px;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 3;
    color: #000;
    font-weight: 600;
    font-family: 'Solway', serif;
}



.rightSide.frm_sect .form-horizontal .form-control, .select_frm .frm_select {
    width: 100%;
    height: 40px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #000;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.rightSide.frm_sect .form-horizontal .form-group .control-label {
    margin-bottom: 5px;
    color: #374767;
    display: inline-block;
}

.rightSide.frm_sect .form-horizontal .form-group {
    margin-bottom: 10px;
}
    .rightSide.frm_sect .form-horizontal .form-group.mb-0{margin-bottom:0px;}
    .rightSide.frm_sect .form-horizontal .form-horizontal hr {
        margin-bottom: 20px;
    }
.rightSide.frm_sect .frm_list {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 0 20px;
    width: 100%;
}

.rightSide.frm_sect {
    padding: 30px 50px;
    overflow: auto;
}
select#turncost {
    width: 184px;
}
input#turnover {
    width: 120px;
}

.shipdet select#turncost {
    width: 143px;
    /* margin-right: 36px; */
    margin-left: 126px;
    margin-top: -52px;
    /* padding-top: 5px; */
    height: 52px;
}
.rightSide.frm_sect .frm_bx input.btn {
        margin-left: 20px;
}

.rightSide.frm_sect .col-md-offset-2.col-md-10 {
        text-align: right;
        margin-top: 8px;
}

    .rightSide.frm_sect .frm_bx input.btn + .btn {
        border: 1px solid #343A40;
        background: #fff;
        color: #343A40;
    }

        .rightSide.frm_sect .frm_bx input.btn + .btn:hover {
            background: #343A40;
            color: #fff;
        }

    .rightSide.frm_sect h4 {
        text-align: left;
        position: relative;
        margin-bottom: 30px;
    }

    .rightSide.frm_sect h4:after {
        position: absolute;
        left: 0;
        height: 5px;
        background: #3A78A0;
        content: '';
        width: 97px;
        bottom: -15px;
    }



.chk_list label span {
    margin-left: 70px;
}
li.signup {
    background: #343a40;
    width: 50%;
}

.signup input[disabled="disabled"] {
    display: none;
}
.signup a[disabled="disabled"] {
    display: none;
}
 div[disabled="disabled"] {
    display: none;
}
.subcat_chkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #0067b8 !important;
    border-color: #0067b8 !important;
}

.custom-control-input:focus ~ .custom-control-label::before,
.custom-control-input:active ~ .custom-control-label::before {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0;
}

.subcat_chkbox .custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0;
}

.subcat_chkbox.form-group label {
    opacity: 1;
    margin: 0;
    font-size: 18px;
    padding-left: 30px;
}

.subcat_chkbox .custom-control {
    position: relative;
    z-index: 1;
    display: block;
    min-height: 1.5rem;
    padding-left: 30px;
}

.subcat_chkbox.form-group {
    margin: 0;
}

.subcat_chkbox .custom-control-label::after {
    position: absolute;
    top: 3px;
    left: 0;
    display: block;
    content: "";
    background: no-repeat 50%/50% 50%;
}

.subcat_chkbox .custom-control-label:after {
    width: 20px;
    height: 20px;
}

.subcat_chkbox .custom-control-label::before {
    position: absolute;
    top: 3px;
    left: 0;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: ""; /* background-color: #fff; */ /* border: #adb5bd solid 1px; */
}

.subcat_chkbox .custom-control-label::before {
    background: #fff;
    border: 1.6px solid #e4e5e7;
    width: 18px;
    height: 18px;
    border-radius: 0;
}

.form-group.subcat_chkbox.mt-0 {
    margin-top: 0;
    margin-bottom: 15px
}

.subcat_chkbox .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e")
}

.form-group.subcat_chkbox {
    margin-top: 30px;
    margin-bottom: 0;
}



.subcat_chkbox {
    display: flex;
}

.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
}


.select_frm {
    display: flex;
    align-items: center;
}

    .select_frm label {
        white-space: nowrap;
        margin-right: 20px;
        font-weight: 500;
        font-size: 18px;
    }


    .select_frm .frm_select {
        font-size: 18px;
    }

.preLoginModal .modal-content {
    background: linear-gradient(360deg, #abadeb 37.39%, #FFFFFF 100%);
    box-shadow: 0px 0.997409px 8.97668px 1.99482px rgba(0, 0, 0, 0.25);
}

.signHead {
    text-align: center;
    padding-top: 20px;
}

.signup .formArea {
    padding: 20px 45px;
    width: 100%;
    height: auto;
}
.closeBtn {
    margin-top: 10px;
    margin-right: 10px;
    cursor: pointer;
    position: absolute;
    right: 0;
}
/*.signUpButton a {
    display: inline-block;
}*/

.btn4 {
    padding: -13px 50px;
    border: 1px solid #212529;
    background: #fff;
    border-radius: 9px;
    text-align: center;
    text-transform: uppercase;
    color: #212529;
    letter-spacing: 0.005em;
    font-size: 14px;
    cursor: pointer;
    /*   padding: 10px 50px;
    border: 1px solid #E18A1F;
    background: #e59c43ab;
    border-radius: 16px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 0.005em;
    font-size: 14px;
    cursor: pointer;*/
}
.signup .formArea .form-group {
    position: relative;
    margin-bottom: 15px !important;
}
a.Quote {
    color: white;
}
.track {
    /* background-color: #3A78A0; */
    /* width: 111px; */
    margin-right: -50px;
    text-align: center;
    padding-right: 1px;
    /* margin-left: 13px; */
    color: white;
}
span#zipid-error {
    color: red;
}

.alert.alert-danger ul {
    display: block;
    margin: 6px;
}

.alert.alert-danger ul li {
    margin-bottom: 5px;
    list-style: circle;
}

/* Style for the "Log in with Google" button */
/*.login-with-google {
    display: inline-block;
    background-color: #DB4437;*/ /* Google red */
    /*color: #fff;
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 5px;
    font-weight: bold;
    transition: background-color 0.3s ease;
}*/

    /* Hover effect */
    /*.login-with-google:hover {
        background-color: #C62828;*/ /* Darker shade of Google red */
    /*}*/

    /* Adjust icon size and margin */
    /*.login-with-google i {
        margin-right: 10px;
        font-size: 20px;
    }*/